@zeedhi/vuetify 1.38.2 → 1.41.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.
@@ -5,7 +5,7 @@ import SlVueTree from 'sl-vue-tree';
5
5
  import 'sl-vue-tree/dist/sl-vue-tree-minimal.css';
6
6
  import Sortable from 'sortablejs';
7
7
  import 'hooper/dist/hooper.css';
8
- import 'zeedhi-vue-treeselect/dist/vue-treeselect.css';
8
+ import '@zeedhi/zd-vue-treeselect/dist/vue-treeselect.css';
9
9
  import Vue from 'vue';
10
10
  import { Prop, Component, Watch } from 'vue-property-decorator';
11
11
  import { Component as Component$1, AlertService, ComponentRender, ApexChart, Badge, Breadcrumbs, Button, ButtonGroup as ButtonGroup$1, Card, Carousel, Input, Form, Toggleable as Toggleable$1, Checkbox, CheckboxMultiple, Chip, CodeEditor, Col, CollapseCard, Container, TextInput, Number as Number$1, AutoNumeric, Currency, Dashboard, Date as Date$1, DateRange, DialogService, Divider, Dropdown, FileInput, Footer, ChildNotFoundError, Frame, FramePage, Iterable, Grid, GridEditable, Header, Icon, Image as Image$1, Increment, IterableColumnsButton, IterablePageComponent, IterablePagination, Select, IterablePageSize, IterablePageInfo, List, ListItem, ListGroup, LoadingService, Login, LoginButton, MasterDetail, Menu, MenuLink, MenuGroup, MenuButton, MenuSeparator, ModalService, ModalCloseButton, Month, Password, Progress, Radio, RangeSlider, Row as Row$1, Search, SelectMultiple, SelectTree, SelectTreeMultiple, SpeedDial, Steppers, SvgMap, Switch, Table, Tabs, Tag, Text, Textarea, Time, Tooltip, Tree, TreeGrid, TreeGridEditable, Icons as Icons$1 } from '@zeedhi/common';
@@ -29557,6 +29557,14 @@ __decorate([
29557
29557
  PropWatch({ type: [Boolean, String], default: true }),
29558
29558
  __metadata("design:type", Object)
29559
29559
  ], ZdComponent.prototype, "isVisible", void 0);
29560
+ __decorate([
29561
+ PropWatch({ type: [Boolean, String], default: false }),
29562
+ __metadata("design:type", Boolean)
29563
+ ], ZdComponent.prototype, "dark", void 0);
29564
+ __decorate([
29565
+ PropWatch({ type: [Boolean, String], default: false }),
29566
+ __metadata("design:type", Boolean)
29567
+ ], ZdComponent.prototype, "light", void 0);
29560
29568
  __decorate([
29561
29569
  Prop({ type: Object, default: () => ({}) }),
29562
29570
  __metadata("design:type", Object)
@@ -29734,6 +29742,7 @@ var __vue_render__$1k = function () {
29734
29742
  {
29735
29743
  class: ["zd-alert", _vm.alert.cssClass],
29736
29744
  attrs: {
29745
+ id: _vm.alert.name,
29737
29746
  top: _vm.alert.top,
29738
29747
  bottom: _vm.alert.bottom,
29739
29748
  left: _vm.alert.left,
@@ -29742,6 +29751,8 @@ var __vue_render__$1k = function () {
29742
29751
  "multi-line": _vm.alert.multiLine,
29743
29752
  vertical: _vm.alert.vertical,
29744
29753
  color: _vm.alert.color,
29754
+ dark: _vm.alert.dark,
29755
+ light: _vm.alert.light,
29745
29756
  },
29746
29757
  scopedSlots: _vm._u([
29747
29758
  {
@@ -29813,7 +29824,7 @@ __vue_render__$1k._withStripped = true;
29813
29824
  /* style */
29814
29825
  const __vue_inject_styles__$1k = function (inject) {
29815
29826
  if (!inject) return
29816
- inject("data-v-3af37451_0", { source: ".zd-alert .v-snack__wrapper {\n background: var(--v-grey-darken2);\n border-radius: var(--border);\n}\n.zd-alert .v-snack__content {\n font-size: var(--zd-font-body3-size);\n font-weight: var(--zd-font-body3-weight);\n padding: var(--spacing-4) var(--spacing-4);\n}\n.zd-alert .v-snack__content .v-btn.zd-alert-dismiss {\n color: var(--v-primary-base);\n}\n.zd-alert-dismiss {\n transition: none;\n}\n.zd-alert-dismiss .v-btn__content {\n transition: none;\n}\n.zd-alert-dismiss-buttons {\n margin-left: var(--spacing-2) !important;\n}", map: undefined, media: undefined });
29827
+ inject("data-v-5ed4af54_0", { source: ".zd-alert .v-snack__wrapper {\n background: var(--v-grey-darken2);\n border-radius: var(--border);\n}\n.zd-alert .v-snack__content {\n font-size: var(--zd-font-body3-size);\n font-weight: var(--zd-font-body3-weight);\n padding: var(--spacing-4) var(--spacing-4);\n}\n.zd-alert .v-snack__content .v-btn.zd-alert-dismiss {\n color: var(--v-primary-base);\n}\n.zd-alert-dismiss {\n transition: none;\n}\n.zd-alert-dismiss .v-btn__content {\n transition: none;\n}\n.zd-alert-dismiss-buttons {\n margin-left: var(--spacing-2) !important;\n}", map: undefined, media: undefined });
29817
29828
 
29818
29829
  };
29819
29830
  /* scoped */
@@ -29863,6 +29874,32 @@ ZdComponentRender = __decorate([
29863
29874
  ], ZdComponentRender);
29864
29875
  var ZdComponentRender$1 = ZdComponentRender;
29865
29876
 
29877
+ class IconRenderer {
29878
+ static getIconHtml(iconName, vuetify) {
29879
+ const IconRender = {
29880
+ props: ['iconName'],
29881
+ template: '<v-icon>{{ $getIcon(iconName) }}</v-icon>',
29882
+ };
29883
+ // create component constructor
29884
+ const IconRenderCtor = Vue.extend(IconRender);
29885
+ const instance = new IconRenderCtor({
29886
+ vuetify,
29887
+ propsData: {
29888
+ iconName,
29889
+ },
29890
+ });
29891
+ instance.$mount();
29892
+ return instance.$el.outerHTML;
29893
+ }
29894
+ static getIcon(iconName, vuetify) {
29895
+ if (!this.icons[iconName]) {
29896
+ this.icons[iconName] = this.getIconHtml(iconName, vuetify);
29897
+ }
29898
+ return this.icons[iconName];
29899
+ }
29900
+ }
29901
+ IconRenderer.icons = {};
29902
+
29866
29903
  /**
29867
29904
  * ApexChart component
29868
29905
  */
@@ -29872,8 +29909,25 @@ let ZdApexChart = class ZdApexChart extends ZdComponentRender$1 {
29872
29909
  this.instanceType = ApexChart;
29873
29910
  }
29874
29911
  mounted() {
29912
+ this.setApexChartTheme();
29875
29913
  const updateFn = (options) => this.$refs.instance.chart.updateOptions(options, false, true, true, true);
29876
29914
  this.instance.setViewUpdate(updateFn);
29915
+ this.instance.setViewGetIconHTML((icon) => IconRenderer.getIcon(icon, this.$root.$options.vuetify));
29916
+ }
29917
+ setApexChartTheme() {
29918
+ let theme = '';
29919
+ const dark = this.instance.dark || this.$vuetify.theme.dark;
29920
+ const light = this.instance.light || !this.$vuetify.theme.dark;
29921
+ if (dark) {
29922
+ theme = 'dark';
29923
+ }
29924
+ if (light) {
29925
+ theme = 'light';
29926
+ }
29927
+ const newOptions = Object.assign(Object.assign({}, this.instance.options), { theme: {
29928
+ mode: theme,
29929
+ } });
29930
+ this.instance.options = newOptions;
29877
29931
  }
29878
29932
  };
29879
29933
  __decorate([
@@ -29923,7 +29977,7 @@ var __vue_render__$1j = function () {
29923
29977
  var _c = _vm._self._c || _h;
29924
29978
  return _c(
29925
29979
  "div",
29926
- { staticClass: "apexcharts-container" },
29980
+ { staticClass: "apexcharts-container", attrs: { id: _vm.instance.name } },
29927
29981
  [
29928
29982
  _c("apexchart", {
29929
29983
  directives: [
@@ -29974,7 +30028,7 @@ __vue_render__$1j._withStripped = true;
29974
30028
  /* style */
29975
30029
  const __vue_inject_styles__$1j = function (inject) {
29976
30030
  if (!inject) return
29977
- inject("data-v-78b20d78_0", { source: ".zd-apex-chart .apexcharts-toolbar {\n z-index: 0;\n}\n.zd-apex-chart .apexcharts-tooltip {\n z-index: 1;\n}\n.apexcharts-overlay {\n z-index: 0 !important;\n}\n.apexcharts-container {\n height: 100%;\n}", map: undefined, media: undefined });
30031
+ inject("data-v-2216f88a_0", { source: ".zd-apex-chart .apexcharts-toolbar {\n z-index: 0;\n}\n.zd-apex-chart .apexcharts-tooltip {\n z-index: 1;\n}\n.apexcharts-overlay {\n z-index: 0 !important;\n}\n.apexcharts-container {\n height: 100%;\n}", map: undefined, media: undefined });
29978
30032
 
29979
30033
  };
29980
30034
  /* scoped */
@@ -30051,7 +30105,10 @@ var __vue_render__$1i = function () {
30051
30105
  ],
30052
30106
  style: _vm.instance.cssStyle,
30053
30107
  attrs: {
30108
+ id: _vm.instance.name,
30054
30109
  overlap: "",
30110
+ dark: _vm.instance.dark,
30111
+ light: _vm.instance.light,
30055
30112
  dot: _vm.instance.showBadgeCounter === false,
30056
30113
  content: _vm.instance.getBadgeText(),
30057
30114
  value: _vm.instance.badge && _vm.instance.badge > 0,
@@ -30076,7 +30133,7 @@ __vue_render__$1i._withStripped = true;
30076
30133
  /* style */
30077
30134
  const __vue_inject_styles__$1i = function (inject) {
30078
30135
  if (!inject) return
30079
- inject("data-v-79f37752_0", { source: ".zd-badge.icon-with-badge .v-badge__badge {\n top: 3px;\n right: 3px;\n min-height: var(--spacing-3);\n min-width: var(--spacing-3);\n}\n.zd-badge.no-badge-counter .v-badge__badge > span {\n font-size: 0px !important;\n}\n.zd-badge .v-badge__badge {\n font-size: var(--zd-font-caption-size);\n font-weight: var(--zd-font-caption-weight);\n line-height: 14px;\n pointer-events: none;\n background-color: var(--zd-badge-background-color) !important;\n}\n.zd-badge .v-badge__badge span {\n color: var(--zd-badge-text-color) !important;\n}\n.zd-badge:not(.v-badge--dot) .v-badge__badge {\n padding: 2px var(--spacing-1);\n min-width: var(--spacing-4);\n height: var(--spacing-4);\n}", map: undefined, media: undefined });
30136
+ inject("data-v-c9fb3210_0", { source: ".zd-badge.icon-with-badge .v-badge__badge {\n top: 3px;\n right: 3px;\n min-height: var(--spacing-3);\n min-width: var(--spacing-3);\n}\n.zd-badge.no-badge-counter .v-badge__badge > span {\n font-size: 0px !important;\n}\n.zd-badge .v-badge__badge {\n font-size: var(--zd-font-caption-size);\n font-weight: var(--zd-font-caption-weight);\n line-height: 14px;\n pointer-events: none;\n background-color: var(--zd-badge-background-color) !important;\n}\n.zd-badge .v-badge__badge span {\n color: var(--zd-badge-text-color) !important;\n}\n.zd-badge:not(.v-badge--dot) .v-badge__badge {\n padding: 2px var(--spacing-1);\n min-width: var(--spacing-4);\n height: var(--spacing-4);\n}", map: undefined, media: undefined });
30080
30137
 
30081
30138
  };
30082
30139
  /* scoped */
@@ -30119,10 +30176,6 @@ let ZdBreadcrumbs = class ZdBreadcrumbs extends ZdComponentRender$1 {
30119
30176
  });
30120
30177
  }
30121
30178
  };
30122
- __decorate([
30123
- PropWatch({ type: [Boolean, String], default: false }),
30124
- __metadata("design:type", Boolean)
30125
- ], ZdBreadcrumbs.prototype, "dark", void 0);
30126
30179
  __decorate([
30127
30180
  PropWatch({ type: String, default: '/' }),
30128
30181
  __metadata("design:type", String)
@@ -30139,10 +30192,6 @@ __decorate([
30139
30192
  PropWatch({ type: [Boolean, String], default: false }),
30140
30193
  __metadata("design:type", Boolean)
30141
30194
  ], ZdBreadcrumbs.prototype, "large", void 0);
30142
- __decorate([
30143
- PropWatch({ type: [Boolean, String], default: true }),
30144
- __metadata("design:type", Boolean)
30145
- ], ZdBreadcrumbs.prototype, "light", void 0);
30146
30195
  __decorate([
30147
30196
  PropWatch({ type: [Boolean, String], default: false }),
30148
30197
  __metadata("design:type", Boolean)
@@ -30176,6 +30225,7 @@ var __vue_render__$1h = function () {
30176
30225
  ],
30177
30226
  style: _vm.instance.cssStyle,
30178
30227
  attrs: {
30228
+ id: _vm.instance.name,
30179
30229
  dark: _vm.instance.dark,
30180
30230
  items: _vm.getTranslatedItems(),
30181
30231
  large: _vm.instance.large,
@@ -30215,7 +30265,7 @@ __vue_render__$1h._withStripped = true;
30215
30265
  /* style */
30216
30266
  const __vue_inject_styles__$1h = function (inject) {
30217
30267
  if (!inject) return
30218
- inject("data-v-20ab466c_0", { source: ".v-breadcrumbs {\n padding: 0;\n}\n.v-breadcrumbs li:nth-child(2n) {\n padding: 0 var(--spacing-2);\n}\n.v-breadcrumbs.zd-breadcrumbs--small li {\n font-size: var(--zd-font-caption-size);\n}\n.v-breadcrumbs li {\n font-size: var(--zd-font-body1-size);\n}\n.v-breadcrumbs--large li {\n font-size: var(--zd-font-body3-size);\n}", map: undefined, media: undefined });
30268
+ inject("data-v-cf0640cc_0", { source: ".v-breadcrumbs {\n padding: 0;\n}\n.v-breadcrumbs li:nth-child(2n) {\n padding: 0 var(--spacing-2);\n}\n.v-breadcrumbs.zd-breadcrumbs--small li {\n font-size: var(--zd-font-caption-size);\n}\n.v-breadcrumbs li {\n font-size: var(--zd-font-body1-size);\n}\n.v-breadcrumbs--large li {\n font-size: var(--zd-font-body3-size);\n}", map: undefined, media: undefined });
30219
30269
 
30220
30270
  };
30221
30271
  /* scoped */
@@ -30268,10 +30318,6 @@ __decorate([
30268
30318
  PropWatch({ type: String, default: 'primary' }),
30269
30319
  __metadata("design:type", String)
30270
30320
  ], ZdButton.prototype, "color", void 0);
30271
- __decorate([
30272
- PropWatch({ type: [Boolean, String], default: false }),
30273
- __metadata("design:type", Object)
30274
- ], ZdButton.prototype, "dark", void 0);
30275
30321
  __decorate([
30276
30322
  PropWatch({ type: [Boolean, String], default: false }),
30277
30323
  __metadata("design:type", Object)
@@ -30312,10 +30358,6 @@ __decorate([
30312
30358
  PropWatch({ type: [Boolean, String], default: false }),
30313
30359
  __metadata("design:type", Object)
30314
30360
  ], ZdButton.prototype, "left", void 0);
30315
- __decorate([
30316
- PropWatch({ type: [Boolean, String], default: false }),
30317
- __metadata("design:type", Object)
30318
- ], ZdButton.prototype, "light", void 0);
30319
30361
  __decorate([
30320
30362
  PropWatch({ type: [Boolean, String], default: false }),
30321
30363
  __metadata("design:type", Object)
@@ -30388,7 +30430,12 @@ var __vue_render__$1g = function () {
30388
30430
  ],
30389
30431
  class: [_vm.instance.cssClass, "zd-button"],
30390
30432
  style: _vm.instance.cssStyle,
30391
- attrs: { name: _vm.instance.name },
30433
+ attrs: {
30434
+ id: _vm.instance.name,
30435
+ name: _vm.instance.name,
30436
+ dark: _vm.instance.dark,
30437
+ light: _vm.instance.light,
30438
+ },
30392
30439
  on: {
30393
30440
  click: function ($event) {
30394
30441
  return _vm.click($event)
@@ -30458,7 +30505,7 @@ __vue_render__$1g._withStripped = true;
30458
30505
  /* style */
30459
30506
  const __vue_inject_styles__$1g = function (inject) {
30460
30507
  if (!inject) return
30461
- inject("data-v-5cb8ba5c_0", { source: ".v-btn.zd-button,\na.v-btn.zd-button,\nbutton.v-btn.zd-button {\n letter-spacing: unset;\n text-transform: none;\n}\n.v-btn.zd-button.v-btn:not(.v-btn--fab),\na.v-btn.zd-button.v-btn:not(.v-btn--fab),\nbutton.v-btn.zd-button.v-btn:not(.v-btn--fab) {\n box-shadow: none;\n}\n.v-btn.zd-button.v-size--default,\na.v-btn.zd-button.v-size--default,\nbutton.v-btn.zd-button.v-size--default {\n min-width: 0;\n}\n.v-btn.zd-button.v-btn:not(.v-btn--round, .v-btn--rounded),\na.v-btn.zd-button.v-btn:not(.v-btn--round, .v-btn--rounded),\nbutton.v-btn.zd-button.v-btn:not(.v-btn--round, .v-btn--rounded) {\n border-radius: var(--border);\n padding: var(--spacing-2) var(--spacing-4);\n}\n.v-btn.zd-button.v-btn.v-size--default,\na.v-btn.zd-button.v-btn.v-size--default,\nbutton.v-btn.zd-button.v-btn.v-size--default {\n min-height: var(--spacing-6);\n}\n.v-btn.zd-button.v-btn.v-size--default.v-btn--icon,\na.v-btn.zd-button.v-btn.v-size--default.v-btn--icon,\nbutton.v-btn.zd-button.v-btn.v-size--default.v-btn--icon {\n min-width: var(--spacing-6);\n}\n.v-btn.zd-button.v-btn.v-size--small:not(.v-btn--fab),\na.v-btn.zd-button.v-btn.v-size--small:not(.v-btn--fab),\nbutton.v-btn.zd-button.v-btn.v-size--small:not(.v-btn--fab) {\n height: auto;\n width: auto;\n min-height: 24px;\n padding: 0 var(--spacing-4);\n}\n.v-btn.zd-button.v-btn.v-size--small:not(.v-btn--fab).v-btn--icon,\na.v-btn.zd-button.v-btn.v-size--small:not(.v-btn--fab).v-btn--icon,\nbutton.v-btn.zd-button.v-btn.v-size--small:not(.v-btn--fab).v-btn--icon {\n padding: 0;\n min-width: 24px;\n}\n.v-btn.zd-button.v-btn.v-size--large:not(.v-btn--fab),\na.v-btn.zd-button.v-btn.v-size--large:not(.v-btn--fab),\nbutton.v-btn.zd-button.v-btn.v-size--large:not(.v-btn--fab) {\n height: auto;\n min-height: 56px;\n padding: 0 var(--spacing-4);\n}\n.v-btn.zd-button.v-btn.v-size--large:not(.v-btn--fab).v-btn--icon,\na.v-btn.zd-button.v-btn.v-size--large:not(.v-btn--fab).v-btn--icon,\nbutton.v-btn.zd-button.v-btn.v-size--large:not(.v-btn--fab).v-btn--icon {\n min-width: 56px;\n}\n.v-btn.zd-button.v-btn--outlined,\na.v-btn.zd-button.v-btn--outlined,\nbutton.v-btn.zd-button.v-btn--outlined {\n border: var(--regular) solid;\n}\n.v-btn.zd-button .v-btn__content .v-icon,\na.v-btn.zd-button .v-btn__content .v-icon,\nbutton.v-btn.zd-button .v-btn__content .v-icon {\n height: var(--icon-size);\n width: var(--icon-size);\n}\n.v-btn.zd-button .v-btn__content .v-icon--left,\na.v-btn.zd-button .v-btn__content .v-icon--left,\nbutton.v-btn.zd-button .v-btn__content .v-icon--left {\n margin-right: var(--spacing-2);\n margin-left: 0;\n}\n.v-btn.zd-button .v-btn__content .v-icon--right,\na.v-btn.zd-button .v-btn__content .v-icon--right,\nbutton.v-btn.zd-button .v-btn__content .v-icon--right {\n margin-right: 0;\n margin-left: var(--spacing-2);\n}", map: undefined, media: undefined });
30508
+ inject("data-v-34870b14_0", { source: ".v-btn.zd-button,\na.v-btn.zd-button,\nbutton.v-btn.zd-button {\n letter-spacing: unset;\n text-transform: none;\n}\n.v-btn.zd-button.v-btn:not(.v-btn--fab),\na.v-btn.zd-button.v-btn:not(.v-btn--fab),\nbutton.v-btn.zd-button.v-btn:not(.v-btn--fab) {\n box-shadow: none;\n}\n.v-btn.zd-button.v-size--default,\na.v-btn.zd-button.v-size--default,\nbutton.v-btn.zd-button.v-size--default {\n min-width: 0;\n}\n.v-btn.zd-button.v-btn:not(.v-btn--round, .v-btn--rounded),\na.v-btn.zd-button.v-btn:not(.v-btn--round, .v-btn--rounded),\nbutton.v-btn.zd-button.v-btn:not(.v-btn--round, .v-btn--rounded) {\n border-radius: var(--border);\n padding: var(--spacing-2) var(--spacing-4);\n}\n.v-btn.zd-button.v-btn.v-size--default,\na.v-btn.zd-button.v-btn.v-size--default,\nbutton.v-btn.zd-button.v-btn.v-size--default {\n min-height: var(--spacing-6);\n}\n.v-btn.zd-button.v-btn.v-size--default.v-btn--icon,\na.v-btn.zd-button.v-btn.v-size--default.v-btn--icon,\nbutton.v-btn.zd-button.v-btn.v-size--default.v-btn--icon {\n min-width: var(--spacing-6);\n}\n.v-btn.zd-button.v-btn.v-size--small:not(.v-btn--fab),\na.v-btn.zd-button.v-btn.v-size--small:not(.v-btn--fab),\nbutton.v-btn.zd-button.v-btn.v-size--small:not(.v-btn--fab) {\n height: auto;\n width: auto;\n min-height: 24px;\n padding: 0 var(--spacing-4);\n}\n.v-btn.zd-button.v-btn.v-size--small:not(.v-btn--fab).v-btn--icon,\na.v-btn.zd-button.v-btn.v-size--small:not(.v-btn--fab).v-btn--icon,\nbutton.v-btn.zd-button.v-btn.v-size--small:not(.v-btn--fab).v-btn--icon {\n padding: 0;\n min-width: 24px;\n}\n.v-btn.zd-button.v-btn.v-size--large:not(.v-btn--fab),\na.v-btn.zd-button.v-btn.v-size--large:not(.v-btn--fab),\nbutton.v-btn.zd-button.v-btn.v-size--large:not(.v-btn--fab) {\n height: auto;\n min-height: 56px;\n padding: 0 var(--spacing-4);\n}\n.v-btn.zd-button.v-btn.v-size--large:not(.v-btn--fab).v-btn--icon,\na.v-btn.zd-button.v-btn.v-size--large:not(.v-btn--fab).v-btn--icon,\nbutton.v-btn.zd-button.v-btn.v-size--large:not(.v-btn--fab).v-btn--icon {\n min-width: 56px;\n}\n.v-btn.zd-button.v-btn--outlined,\na.v-btn.zd-button.v-btn--outlined,\nbutton.v-btn.zd-button.v-btn--outlined {\n border: var(--regular) solid;\n}\n.v-btn.zd-button .v-btn__content .v-icon,\na.v-btn.zd-button .v-btn__content .v-icon,\nbutton.v-btn.zd-button .v-btn__content .v-icon {\n height: var(--icon-size);\n width: var(--icon-size);\n}\n.v-btn.zd-button .v-btn__content .v-icon--left,\na.v-btn.zd-button .v-btn__content .v-icon--left,\nbutton.v-btn.zd-button .v-btn__content .v-icon--left {\n margin-right: var(--spacing-2);\n margin-left: 0;\n}\n.v-btn.zd-button .v-btn__content .v-icon--right,\na.v-btn.zd-button .v-btn__content .v-icon--right,\nbutton.v-btn.zd-button .v-btn__content .v-icon--right {\n margin-right: 0;\n margin-left: var(--spacing-2);\n}", map: undefined, media: undefined });
30462
30509
 
30463
30510
  };
30464
30511
  /* scoped */
@@ -30514,10 +30561,6 @@ __decorate([
30514
30561
  PropWatch({ type: String, default: 'primary' }),
30515
30562
  __metadata("design:type", String)
30516
30563
  ], ZdButtonGroup.prototype, "color", void 0);
30517
- __decorate([
30518
- PropWatch({ type: [Boolean, String], default: false }),
30519
- __metadata("design:type", Object)
30520
- ], ZdButtonGroup.prototype, "dark", void 0);
30521
30564
  __decorate([
30522
30565
  PropWatch({ type: [Boolean, String], default: false }),
30523
30566
  __metadata("design:type", Object)
@@ -30526,10 +30569,6 @@ __decorate([
30526
30569
  PropWatch({ type: [Boolean, String], default: false }),
30527
30570
  __metadata("design:type", Object)
30528
30571
  ], ZdButtonGroup.prototype, "group", void 0);
30529
- __decorate([
30530
- PropWatch({ type: [Boolean, String], default: false }),
30531
- __metadata("design:type", Object)
30532
- ], ZdButtonGroup.prototype, "light", void 0);
30533
30572
  __decorate([
30534
30573
  PropWatch({ type: [Boolean, String], default: false }),
30535
30574
  __metadata("design:type", Object)
@@ -30597,7 +30636,12 @@ var __vue_render__$1f = function () {
30597
30636
  ],
30598
30637
  class: [_vm.instance.cssClass, "zd-button-group"],
30599
30638
  style: _vm.instance.cssStyle,
30600
- attrs: { name: _vm.instance.name },
30639
+ attrs: {
30640
+ id: _vm.instance.name,
30641
+ name: _vm.instance.name,
30642
+ dark: _vm.instance.dark,
30643
+ light: _vm.instance.light,
30644
+ },
30601
30645
  on: {
30602
30646
  change: function ($event) {
30603
30647
  return _vm.change()
@@ -30654,7 +30698,7 @@ __vue_render__$1f._withStripped = true;
30654
30698
  /* style */
30655
30699
  const __vue_inject_styles__$1f = function (inject) {
30656
30700
  if (!inject) return
30657
- inject("data-v-ff7da310_0", { source: ".zd-button-group .v-btn.zd-button.v-btn:not(.v-btn--round, .v-btn--rounded),\n.zd-button-group .btn.zd-button.v-btn:not(.v-btn--round, .v-btn--rounded),\n.zd-button-group button.v-btn.zd-button.v-btn:not(.v-btn--round, .v-btn--rounded) {\n border-radius: 0;\n}\n.zd-button-group button.v-btn.v-item--active.v-btn--active.v-btn--contained.theme--light.v-size--default.primary.zd-button {\n color: lightgray;\n}\n.zd-button-group > .v-btn.v-btn:last-child {\n border-top-right-radius: inherit !important;\n border-bottom-right-radius: inherit !important;\n}\n.zd-button-group > .v-btn.v-btn:first-child {\n border-top-left-radius: inherit !important;\n border-bottom-left-radius: inherit !important;\n}\n.zd-button-group.v-btn-toggle--group > .v-btn.v-btn {\n background-color: transparent !important;\n border-color: transparent !important;\n margin: 4px;\n min-width: auto;\n color: rgba(0, 0, 0, 0.87) !important;\n}", map: undefined, media: undefined });
30701
+ inject("data-v-246722c8_0", { source: ".zd-button-group .v-btn.zd-button.v-btn:not(.v-btn--round, .v-btn--rounded),\n.zd-button-group .btn.zd-button.v-btn:not(.v-btn--round, .v-btn--rounded),\n.zd-button-group button.v-btn.zd-button.v-btn:not(.v-btn--round, .v-btn--rounded) {\n border-radius: 0;\n}\n.zd-button-group button.v-btn.v-item--active.v-btn--active.v-btn--contained.theme--light.v-size--default.primary.zd-button {\n color: lightgray;\n}\n.zd-button-group > .v-btn.v-btn:last-child {\n border-top-right-radius: inherit !important;\n border-bottom-right-radius: inherit !important;\n}\n.zd-button-group > .v-btn.v-btn:first-child {\n border-top-left-radius: inherit !important;\n border-bottom-left-radius: inherit !important;\n}\n.zd-button-group.v-btn-toggle--group > .v-btn.v-btn {\n background-color: transparent !important;\n border-color: transparent !important;\n margin: 4px;\n min-width: auto;\n color: rgba(0, 0, 0, 0.87) !important;\n}", map: undefined, media: undefined });
30658
30702
 
30659
30703
  };
30660
30704
  /* scoped */
@@ -30703,10 +30747,6 @@ __decorate([
30703
30747
  PropWatch({ type: String, default: '' }),
30704
30748
  __metadata("design:type", String)
30705
30749
  ], ZdCard.prototype, "color", void 0);
30706
- __decorate([
30707
- PropWatch({ type: [Boolean, String], default: false }),
30708
- __metadata("design:type", Boolean)
30709
- ], ZdCard.prototype, "dark", void 0);
30710
30750
  __decorate([
30711
30751
  PropWatch({ type: [Boolean, String], default: false }),
30712
30752
  __metadata("design:type", Boolean)
@@ -30735,10 +30775,6 @@ __decorate([
30735
30775
  PropWatch({ type: String, default: '' }),
30736
30776
  __metadata("design:type", String)
30737
30777
  ], ZdCard.prototype, "img", void 0);
30738
- __decorate([
30739
- PropWatch({ type: [Boolean, String], default: false }),
30740
- __metadata("design:type", Boolean)
30741
- ], ZdCard.prototype, "light", void 0);
30742
30778
  __decorate([
30743
30779
  PropWatch({ type: [Boolean, String], default: false }),
30744
30780
  __metadata("design:type", Boolean)
@@ -30821,6 +30857,7 @@ var __vue_render__$1e = function () {
30821
30857
  ],
30822
30858
  style: _vm.instance.cssStyle,
30823
30859
  attrs: {
30860
+ id: _vm.instance.name,
30824
30861
  name: _vm.instance.name,
30825
30862
  activeClass: _vm.instance.activeClass,
30826
30863
  append: _vm.instance.append,
@@ -30878,7 +30915,7 @@ __vue_render__$1e._withStripped = true;
30878
30915
  /* style */
30879
30916
  const __vue_inject_styles__$1e = function (inject) {
30880
30917
  if (!inject) return
30881
- inject("data-v-491b7004_0", { source: ".zd-card {\n padding: var(--spacing-4);\n overflow: auto;\n}\n.zd-card::before {\n content: none;\n}\n.zd-card.zd-card-cursor-auto {\n cursor: auto;\n}\n.zd-card.v-sheet.v-card {\n border-radius: var(--border);\n}\n.zd-card.v-sheet.v-card:not(.v-sheet--outlined) {\n box-shadow: var(--shadow-3);\n}\n.zd-card.v-sheet.v-card:not(.v-sheet--outlined).v-card--raised {\n box-shadow: var(--shadow-9);\n}\n.zd-card.v-sheet.v-card--hover:focus, .zd-card.v-sheet.v-card--hover:hover {\n box-shadow: var(--shadow-5);\n}\n.zd-card.v-sheet.v-card.v-sheet--outlined {\n border: var(--regular) solid var(--v-secondary-base);\n}", map: undefined, media: undefined });
30918
+ inject("data-v-5e1a8d4a_0", { source: ".zd-card {\n padding: var(--spacing-4);\n overflow: auto;\n}\n.zd-card::before {\n content: none;\n}\n.zd-card.zd-card-cursor-auto {\n cursor: auto;\n}\n.zd-card.v-sheet.v-card {\n border-radius: var(--border);\n}\n.zd-card.v-sheet.v-card:not(.v-sheet--outlined) {\n box-shadow: var(--shadow-3);\n}\n.zd-card.v-sheet.v-card:not(.v-sheet--outlined).v-card--raised {\n box-shadow: var(--shadow-9);\n}\n.zd-card.v-sheet.v-card--hover:focus, .zd-card.v-sheet.v-card--hover:hover {\n box-shadow: var(--shadow-5);\n}\n.zd-card.v-sheet.v-card.v-sheet--outlined {\n border: var(--regular) solid var(--v-secondary-base);\n}", map: undefined, media: undefined });
30882
30919
 
30883
30920
  };
30884
30921
  /* scoped */
@@ -30999,10 +31036,6 @@ __decorate([
30999
31036
  PropWatch({ type: [Number, String] }),
31000
31037
  __metadata("design:type", Number)
31001
31038
  ], ZdCarousel.prototype, "currentSlide", void 0);
31002
- __decorate([
31003
- PropWatch({ type: [Boolean, String], default: false }),
31004
- __metadata("design:type", Boolean)
31005
- ], ZdCarousel.prototype, "dark", void 0);
31006
31039
  __decorate([
31007
31040
  PropWatch({ type: [Boolean, String], default: false }),
31008
31041
  __metadata("design:type", Boolean)
@@ -31027,10 +31060,6 @@ __decorate([
31027
31060
  PropWatch({ type: [Boolean, String], default: true }),
31028
31061
  __metadata("design:type", Boolean)
31029
31062
  ], ZdCarousel.prototype, "keysControl", void 0);
31030
- __decorate([
31031
- PropWatch({ type: [Boolean, String], default: true }),
31032
- __metadata("design:type", Boolean)
31033
- ], ZdCarousel.prototype, "light", void 0);
31034
31063
  __decorate([
31035
31064
  PropWatch({ type: [Boolean, String], default: false }),
31036
31065
  __metadata("design:type", Boolean)
@@ -31160,6 +31189,7 @@ var __vue_render__$1d = function () {
31160
31189
  },
31161
31190
  ],
31162
31191
  style: _vm.instance.cssStyle,
31192
+ attrs: { id: _vm.instance.name },
31163
31193
  on: {
31164
31194
  click: function ($event) {
31165
31195
  return _vm.click($event)
@@ -31441,7 +31471,7 @@ __vue_render__$1d._withStripped = true;
31441
31471
  /* style */
31442
31472
  const __vue_inject_styles__$1d = function (inject) {
31443
31473
  if (!inject) return
31444
- inject("data-v-422a2313_0", { source: ".zd-carousel {\n height: 100%;\n}\n.zd-carousel section.hooper {\n outline: none;\n}\n.zd-carousel section.hooper * {\n outline: none;\n}\n.zd-carousel section.hooper .hooper-list .hooper-slide {\n align-self: center;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination {\n padding: 0;\n width: 100%;\n height: 50px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination .hooper-indicators {\n margin: 0 auto;\n display: block;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination .hooper-indicators li {\n display: inline-block;\n margin: 0 var(--spacing-2);\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination .hooper-indicators li .hooper-indicator {\n width: 18px;\n height: 18px;\n border-radius: 50%;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.show-background {\n background: rgba(0, 0, 0, 0.3);\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.theme--light .hooper-indicator {\n opacity: 0.25;\n background-color: black;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.theme--light .hooper-indicator.is-active {\n opacity: 0.6;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.theme--light .hooper-indicator:hover:not(.is-active) {\n opacity: 0.4;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.theme--dark {\n color: white;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.theme--dark .hooper-indicator {\n opacity: 0.5;\n background-color: white;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.theme--dark .hooper-indicator.is-active {\n opacity: 0.8;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.theme--dark .hooper-indicator:hover:not(.is-active) {\n opacity: 0.6;\n}\n.zd-carousel section.hooper .hooper-list button.hooper-prev {\n padding: 0;\n}\n.zd-carousel section.hooper .hooper-list button.hooper-next {\n padding: 0;\n}\n.zd-carousel section.hooper .hooper-list .prev-button, .zd-carousel section.hooper .hooper-list .next-button {\n transition: 0.1s;\n}\n.zd-carousel section.hooper .hooper-list ul.hooper-track, .zd-carousel section.hooper .hooper-list ol.hooper-indicators {\n padding-left: 0;\n}\n.zd-carousel section.hooper .hooper-list .hooper-progress-inner {\n background-color: var(--v-primary-base);\n}\n.zd-carousel.buttons-outside section.hooper {\n width: calc(100% - 2 * var(--spacing-8));\n margin-left: var(--spacing-8);\n}\n.zd-carousel.buttons-outside section.hooper .hooper-list .hooper-navigation button.hooper-prev {\n left: calc(-1 * var(--spacing-8));\n}\n.zd-carousel.buttons-outside section.hooper .hooper-list .hooper-navigation button.hooper-next {\n right: calc(-1 * var(--spacing-8));\n}", map: undefined, media: undefined });
31474
+ inject("data-v-7393abf5_0", { source: ".zd-carousel {\n height: 100%;\n}\n.zd-carousel section.hooper {\n outline: none;\n}\n.zd-carousel section.hooper * {\n outline: none;\n}\n.zd-carousel section.hooper .hooper-list .hooper-slide {\n align-self: center;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination {\n padding: 0;\n width: 100%;\n height: 50px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination .hooper-indicators {\n margin: 0 auto;\n display: block;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination .hooper-indicators li {\n display: inline-block;\n margin: 0 var(--spacing-2);\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination .hooper-indicators li .hooper-indicator {\n width: 18px;\n height: 18px;\n border-radius: 50%;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.show-background {\n background: rgba(0, 0, 0, 0.3);\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.theme--light .hooper-indicator {\n opacity: 0.25;\n background-color: black;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.theme--light .hooper-indicator.is-active {\n opacity: 0.6;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.theme--light .hooper-indicator:hover:not(.is-active) {\n opacity: 0.4;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.theme--dark {\n color: white;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.theme--dark .hooper-indicator {\n opacity: 0.5;\n background-color: white;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.theme--dark .hooper-indicator.is-active {\n opacity: 0.8;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.theme--dark .hooper-indicator:hover:not(.is-active) {\n opacity: 0.6;\n}\n.zd-carousel section.hooper .hooper-list button.hooper-prev {\n padding: 0;\n}\n.zd-carousel section.hooper .hooper-list button.hooper-next {\n padding: 0;\n}\n.zd-carousel section.hooper .hooper-list .prev-button, .zd-carousel section.hooper .hooper-list .next-button {\n transition: 0.1s;\n}\n.zd-carousel section.hooper .hooper-list ul.hooper-track, .zd-carousel section.hooper .hooper-list ol.hooper-indicators {\n padding-left: 0;\n}\n.zd-carousel section.hooper .hooper-list .hooper-progress-inner {\n background-color: var(--v-primary-base);\n}\n.zd-carousel.buttons-outside section.hooper {\n width: calc(100% - 2 * var(--spacing-8));\n margin-left: var(--spacing-8);\n}\n.zd-carousel.buttons-outside section.hooper .hooper-list .hooper-navigation button.hooper-prev {\n left: calc(-1 * var(--spacing-8));\n}\n.zd-carousel.buttons-outside section.hooper .hooper-list .hooper-navigation button.hooper-next {\n right: calc(-1 * var(--spacing-8));\n}", map: undefined, media: undefined });
31445
31475
 
31446
31476
  };
31447
31477
  /* scoped */
@@ -31525,10 +31555,6 @@ __decorate([
31525
31555
  PropWatch({ type: String, default: 'primary' }),
31526
31556
  __metadata("design:type", String)
31527
31557
  ], ZdInput.prototype, "color", void 0);
31528
- __decorate([
31529
- PropWatch({ type: [Boolean, String], default: false }),
31530
- __metadata("design:type", Object)
31531
- ], ZdInput.prototype, "dark", void 0);
31532
31558
  __decorate([
31533
31559
  PropWatch({ type: [Boolean, String], default: true }),
31534
31560
  __metadata("design:type", Object)
@@ -31545,10 +31571,6 @@ __decorate([
31545
31571
  PropWatch({ type: String, default: '' }),
31546
31572
  __metadata("design:type", String)
31547
31573
  ], ZdInput.prototype, "label", void 0);
31548
- __decorate([
31549
- PropWatch({ type: [Boolean, String], default: false }),
31550
- __metadata("design:type", Object)
31551
- ], ZdInput.prototype, "light", void 0);
31552
31574
  __decorate([
31553
31575
  PropWatch({ default: '' }),
31554
31576
  __metadata("design:type", Object)
@@ -31656,7 +31678,10 @@ var __vue_render__$1c = function () {
31656
31678
  var _c = _vm._self._c || _h;
31657
31679
  return _c(
31658
31680
  "span",
31659
- _vm._g({}, Object.assign({}, _vm.$attrs["dropdown-activator"])),
31681
+ _vm._g(
31682
+ { attrs: { id: _vm.instance.name } },
31683
+ Object.assign({}, _vm.$attrs["dropdown-activator"])
31684
+ ),
31660
31685
  [
31661
31686
  _c(
31662
31687
  "v-checkbox",
@@ -31686,6 +31711,8 @@ var __vue_render__$1c = function () {
31686
31711
  "validate-on-blur": "",
31687
31712
  name: _vm.instance.name,
31688
31713
  color: _vm.instance.color,
31714
+ dark: _vm.instance.dark,
31715
+ light: _vm.instance.light,
31689
31716
  },
31690
31717
  on: {
31691
31718
  focus: function ($event) {
@@ -31735,7 +31762,7 @@ __vue_render__$1c._withStripped = true;
31735
31762
  /* style */
31736
31763
  const __vue_inject_styles__$1c = function (inject) {
31737
31764
  if (!inject) return
31738
- inject("data-v-90255b72_0", { source: ".zd-checkbox {\n margin: 0;\n padding: 0;\n}\n.zd-checkbox .v-label.theme--light {\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n font-size: var(--zd-font-body1-size);\n}\n.zd-checkbox > .v-input__control > .v-input__slot {\n margin: 0;\n}\n.zd-checkbox > .v-input__control > .v-input__slot .v-input--selection-controls__input {\n margin-right: var(--spacing-2);\n}\n.zd-checkbox > .v-input__control > .v-input__slot .v-input--selection-controls__input:hover .v-input--selection-controls__ripple::before {\n display: none;\n}\n.zd-checkbox.zd-no-label .v-label {\n display: none;\n}\n.zd-checkbox.zd-no-helper > .v-input__control > .v-messages {\n display: none;\n}", map: undefined, media: undefined });
31765
+ inject("data-v-7b6a9f90_0", { source: ".zd-checkbox {\n margin: 0;\n padding: 0;\n}\n.zd-checkbox .v-label {\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n font-size: var(--zd-font-body1-size);\n}\n.zd-checkbox > .v-input__control > .v-input__slot {\n margin: 0;\n}\n.zd-checkbox > .v-input__control > .v-input__slot .v-input--selection-controls__input {\n margin-right: var(--spacing-2);\n}\n.zd-checkbox > .v-input__control > .v-input__slot .v-input--selection-controls__input:hover .v-input--selection-controls__ripple::before {\n display: none;\n}\n.zd-checkbox.zd-no-label .v-label {\n display: none;\n}\n.zd-checkbox.zd-no-helper > .v-input__control > .v-messages {\n display: none;\n}", map: undefined, media: undefined });
31739
31766
 
31740
31767
  };
31741
31768
  /* scoped */
@@ -31835,6 +31862,7 @@ var __vue_render__$1b = function () {
31835
31862
  "zd-input-required": _vm.instance.validations.required,
31836
31863
  },
31837
31864
  ],
31865
+ attrs: { id: _vm.instance.name },
31838
31866
  },
31839
31867
  [
31840
31868
  _c("div", { staticClass: "zd-checkbox-label" }, [
@@ -31911,7 +31939,7 @@ __vue_render__$1b._withStripped = true;
31911
31939
  /* style */
31912
31940
  const __vue_inject_styles__$1b = function (inject) {
31913
31941
  if (!inject) return
31914
- inject("data-v-0a644c49_0", { source: ".zd-checkbox-multiple .zd-checkbox-label {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n padding: 0 0 var(--spacing-2);\n color: var(--zd-font-color);\n align-items: flex-start;\n display: flex;\n}\n.zd-checkbox-multiple .zd-checkbox-horizontal {\n display: inline-grid;\n grid-template-columns: var(--checkbox-horizontal-columns);\n width: 100%;\n}\n.zd-checkbox-multiple .v-label.theme--light {\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n font-size: var(--zd-font-body1-size);\n}\n.zd-checkbox-multiple .v-input--selection-controls {\n padding: 0;\n margin: 0;\n}\n.zd-checkbox-multiple .v-input--selection-controls .v-input__control .v-messages {\n display: none;\n}\n.zd-checkbox-multiple .v-input--selection-controls .v-input__control .v-input__slot {\n margin: 0 10px 0 0;\n}\n.zd-checkbox-multiple .v-input--selection-controls .v-input__control .v-input__slot:hover .v-input--selection-controls__ripple::before {\n display: none;\n}\n.zd-checkbox-multiple.zd-no-label .v-label {\n display: none;\n}\n.zd-checkbox-multiple.zd-no-helper > .v-input__control > .v-messages {\n display: none;\n}", map: undefined, media: undefined });
31942
+ inject("data-v-351ba26a_0", { source: ".zd-checkbox-multiple .zd-checkbox-label {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n padding: 0 0 var(--spacing-2);\n color: var(--zd-font-color);\n align-items: flex-start;\n display: flex;\n}\n.zd-checkbox-multiple .zd-checkbox-horizontal {\n display: inline-grid;\n grid-template-columns: var(--checkbox-horizontal-columns);\n width: 100%;\n}\n.zd-checkbox-multiple .v-label {\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n font-size: var(--zd-font-body1-size);\n}\n.zd-checkbox-multiple .v-input--selection-controls {\n padding: 0;\n margin: 0;\n}\n.zd-checkbox-multiple .v-input--selection-controls .v-input__control .v-messages {\n display: none;\n}\n.zd-checkbox-multiple .v-input--selection-controls .v-input__control .v-input__slot {\n margin: 0 10px 0 0;\n}\n.zd-checkbox-multiple .v-input--selection-controls .v-input__control .v-input__slot:hover .v-input--selection-controls__ripple::before {\n display: none;\n}\n.zd-checkbox-multiple.zd-no-label .v-label {\n display: none;\n}\n.zd-checkbox-multiple.zd-no-helper > .v-input__control > .v-messages {\n display: none;\n}", map: undefined, media: undefined });
31915
31943
 
31916
31944
  };
31917
31945
  /* scoped */
@@ -32038,7 +32066,7 @@ var __vue_render__$1a = function () {
32038
32066
  },
32039
32067
  ],
32040
32068
  style: _vm.instance.cssStyle,
32041
- attrs: { name: _vm.instance.name },
32069
+ attrs: { id: _vm.instance.name, name: _vm.instance.name },
32042
32070
  on: {
32043
32071
  click: function ($event) {
32044
32072
  return _vm.click($event)
@@ -32122,7 +32150,7 @@ __vue_render__$1a._withStripped = true;
32122
32150
  /* style */
32123
32151
  const __vue_inject_styles__$1a = function (inject) {
32124
32152
  if (!inject) return
32125
- inject("data-v-942c7fb4_0", { source: ".v-chip:not(.zd-chip-reverse) .zd-chip-label {\n margin: 0;\n}\n.v-chip:not(.zd-chip-reverse) .zd-chip-label:not(:first-child) {\n margin-left: var(--spacing-2);\n}\n.v-chip:not(.zd-chip-reverse) .zd-chip-label:not(:last-child) {\n margin-right: var(--spacing-2);\n}\n.v-chip.zd-chip-reverse .v-chip__content {\n display: flex;\n flex-direction: row-reverse;\n}\n.v-chip.zd-chip-reverse .v-chip__content .zd-chip-label:not(:first-child) {\n margin-right: var(--spacing-2);\n}\n.v-chip.zd-chip-reverse .v-chip__content .zd-chip-label:not(:last-child) {\n margin-left: var(--spacing-2);\n}\n.v-chip.zd-chip-reverse .v-chip__content .v-chip__close.v-icon,\n.v-chip.zd-chip-reverse .v-chip__content .v-avatar {\n margin: 0;\n}\n.v-chip.v-size--default {\n height: auto;\n padding: 6px var(--spacing-2);\n font-size: 12px;\n line-height: normal;\n}\n.v-chip.v-size--default .v-chip__close.v-icon {\n font-size: var(--spacing-4) !important;\n}\n.v-chip.v-size--default .v-chip__close.v-icon.v-icon--right, .v-chip.v-size--default .v-chip__close.v-icon.v-icon--left {\n margin: 0;\n}\n.v-chip.zd-chip-icon .v-avatar {\n height: auto !important;\n min-width: auto !important;\n width: auto !important;\n margin: 0;\n}\n.v-chip.zd-chip-icon .v-avatar .v-icon {\n font-size: var(--spacing-4);\n}", map: undefined, media: undefined });
32153
+ inject("data-v-08d8a458_0", { source: ".v-chip:not(.zd-chip-reverse) .zd-chip-label {\n margin: 0;\n}\n.v-chip:not(.zd-chip-reverse) .zd-chip-label:not(:first-child) {\n margin-left: var(--spacing-2);\n}\n.v-chip:not(.zd-chip-reverse) .zd-chip-label:not(:last-child) {\n margin-right: var(--spacing-2);\n}\n.v-chip.zd-chip-reverse .v-chip__content {\n display: flex;\n flex-direction: row-reverse;\n}\n.v-chip.zd-chip-reverse .v-chip__content .zd-chip-label:not(:first-child) {\n margin-right: var(--spacing-2);\n}\n.v-chip.zd-chip-reverse .v-chip__content .zd-chip-label:not(:last-child) {\n margin-left: var(--spacing-2);\n}\n.v-chip.zd-chip-reverse .v-chip__content .v-chip__close.v-icon,\n.v-chip.zd-chip-reverse .v-chip__content .v-avatar {\n margin: 0;\n}\n.v-chip.v-size--default {\n height: auto;\n padding: 6px var(--spacing-2);\n font-size: 12px;\n line-height: normal;\n}\n.v-chip.v-size--default .v-chip__close.v-icon {\n font-size: var(--spacing-4) !important;\n}\n.v-chip.v-size--default .v-chip__close.v-icon.v-icon--right, .v-chip.v-size--default .v-chip__close.v-icon.v-icon--left {\n margin: 0;\n}\n.v-chip.zd-chip-icon .v-avatar {\n height: auto !important;\n min-width: auto !important;\n width: auto !important;\n margin: 0;\n}\n.v-chip.zd-chip-icon .v-avatar .v-icon {\n font-size: var(--spacing-4);\n}", map: undefined, media: undefined });
32126
32154
 
32127
32155
  };
32128
32156
  /* scoped */
@@ -32232,9 +32260,15 @@ var __vue_render__$19 = function () {
32232
32260
  class: [
32233
32261
  "zd-code-editor",
32234
32262
  _vm.instance.cssClass,
32235
- { "theme--dark": _vm.$vuetify.theme.dark },
32263
+ {
32264
+ "theme--dark":
32265
+ (_vm.$vuetify.theme.dark && !_vm.instance.light) ||
32266
+ _vm.instance.dark,
32267
+ },
32268
+ { "theme--light": !_vm.$vuetify.theme.dark || _vm.instance.light },
32236
32269
  ],
32237
32270
  style: _vm.instance.cssStyle,
32271
+ attrs: { id: _vm.instance.name },
32238
32272
  },
32239
32273
  [
32240
32274
  _c(
@@ -32341,11 +32375,11 @@ __vue_render__$19._withStripped = true;
32341
32375
  /* style */
32342
32376
  const __vue_inject_styles__$19 = function (inject) {
32343
32377
  if (!inject) return
32344
- inject("data-v-03a649ee_0", { source: ".zd-code-editor[data-v-03a649ee] {\n position: relative;\n}\n.zd-code-editor-clipboard-button[data-v-03a649ee] {\n position: absolute;\n top: 10px;\n right: 10px;\n background-color: var(--v-grey-lighten5);\n opacity: 0;\n transition: 0.3s all ease-in;\n}\n.zd-code-editor-clipboard-button .v-icon[data-v-03a649ee] {\n color: var(--v-grey-base);\n font-size: 18px;\n}\n.zd-code-editor:hover .zd-code-editor-clipboard-button[data-v-03a649ee] {\n opacity: 1;\n}\n.zd-code-editor-container[data-v-03a649ee] {\n position: relative;\n background-color: var(--v-grey-lighten5);\n min-height: 45px;\n display: flex;\n border: solid var(--regular) var(--v-grey-lighten5);\n overflow: auto;\n}\n.zd-code-editor-container[data-v-03a649ee]:focus-within {\n border: solid var(--regular) var(--v-primary-base);\n}\n.zd-code-editor-container .zd-code-editor-line-numbers[data-v-03a649ee] {\n height: 100%;\n min-height: 45px;\n width: 30px;\n overflow: hidden;\n flex-shrink: 0;\n margin-top: 0;\n font-size: 0.9em;\n padding: 10px 3px;\n font-family: Consolas, Monaco, \"Andale Mono\", \"Ubuntu Mono\", monospace;\n background: var(--v-grey-lighten4);\n color: var(--zd-font-color);\n position: sticky;\n top: 0;\n left: 0;\n}\n.zd-code-editor-container .zd-code-editor-line-numbers .zd-code-editor-line-number[data-v-03a649ee] {\n text-align: right;\n white-space: nowrap;\n}\n.zd-code-editor-container pre[data-v-03a649ee] {\n padding: 10px;\n margin: 0;\n background: transparent;\n -moz-tab-size: 4;\n -ms-flex-positive: 2;\n -o-tab-size: 4;\n -webkit-box-flex: 2;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n flex-grow: 2;\n outline: none;\n tab-size: 4;\n font-weight: 500;\n font-size: 0.9em;\n font-family: Consolas, Monaco, \"Andale Mono\", \"Ubuntu Mono\", monospace;\n overflow: hidden;\n color: var(--zd-font-color);\n}\n.zd-code-editor.theme--dark .zd-code-editor-container[data-v-03a649ee] {\n border: solid var(--regular) var(--v-grey-darken3);\n}\n.zd-code-editor.theme--dark .zd-code-editor-container .zd-code-editor-line-numbers[data-v-03a649ee] {\n background: var(--v-grey-darken3);\n color: var(--v-grey-lighten4);\n}", map: undefined, media: undefined });
32378
+ inject("data-v-468d3318_0", { source: ".zd-code-editor[data-v-468d3318] {\n position: relative;\n}\n.zd-code-editor-clipboard-button[data-v-468d3318] {\n position: absolute;\n top: 10px;\n right: 10px;\n background-color: var(--v-grey-lighten5);\n opacity: 0;\n transition: 0.3s all ease-in;\n}\n.zd-code-editor-clipboard-button .v-icon[data-v-468d3318] {\n color: var(--v-grey-base);\n font-size: 18px;\n}\n.zd-code-editor:hover .zd-code-editor-clipboard-button[data-v-468d3318] {\n opacity: 1;\n}\n.zd-code-editor-container[data-v-468d3318] {\n position: relative;\n background-color: var(--v-grey-lighten5);\n min-height: 45px;\n display: flex;\n border: solid var(--regular) var(--v-grey-lighten5);\n overflow: auto;\n}\n.zd-code-editor-container[data-v-468d3318]:focus-within {\n border: solid var(--regular) var(--v-primary-base);\n}\n.zd-code-editor-container .zd-code-editor-line-numbers[data-v-468d3318] {\n height: 100%;\n min-height: 45px;\n width: 30px;\n overflow: hidden;\n flex-shrink: 0;\n margin-top: 0;\n font-size: 0.9em;\n padding: 10px 3px;\n font-family: Consolas, Monaco, \"Andale Mono\", \"Ubuntu Mono\", monospace;\n background: var(--v-grey-lighten4);\n color: var(--zd-font-color);\n position: sticky;\n top: 0;\n left: 0;\n}\n.zd-code-editor-container .zd-code-editor-line-numbers .zd-code-editor-line-number[data-v-468d3318] {\n text-align: right;\n white-space: nowrap;\n}\n.zd-code-editor-container pre[data-v-468d3318] {\n padding: 10px;\n margin: 0;\n background: transparent;\n -moz-tab-size: 4;\n -ms-flex-positive: 2;\n -o-tab-size: 4;\n -webkit-box-flex: 2;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n flex-grow: 2;\n outline: none;\n tab-size: 4;\n font-weight: 500;\n font-size: 0.9em;\n font-family: Consolas, Monaco, \"Andale Mono\", \"Ubuntu Mono\", monospace;\n overflow: hidden;\n color: var(--zd-font-color);\n}\n.zd-code-editor.theme--dark .zd-code-editor-container[data-v-468d3318] {\n border: solid var(--regular) var(--v-grey-darken3);\n}\n.zd-code-editor.theme--dark .zd-code-editor-container .zd-code-editor-line-numbers[data-v-468d3318] {\n background: var(--v-grey-darken3);\n color: var(--v-grey-lighten4);\n}", map: undefined, media: undefined });
32345
32379
 
32346
32380
  };
32347
32381
  /* scoped */
32348
- const __vue_scope_id__$19 = "data-v-03a649ee";
32382
+ const __vue_scope_id__$19 = "data-v-468d3318";
32349
32383
  /* module identifier */
32350
32384
  const __vue_module_identifier__$19 = undefined;
32351
32385
  /* functional template */
@@ -32430,6 +32464,7 @@ var __vue_render__$18 = function () {
32430
32464
  class: _vm.instance.cssClass,
32431
32465
  style: _vm.instance.cssStyle,
32432
32466
  attrs: {
32467
+ id: _vm.instance.name,
32433
32468
  name: _vm.instance.name,
32434
32469
  cols: _vm.instance.cols,
32435
32470
  sm: _vm.instance.sm,
@@ -32613,6 +32648,7 @@ var __vue_render__$17 = function () {
32613
32648
  ],
32614
32649
  style: [_vm.widthStyles, _vm.instance.cssStyle],
32615
32650
  attrs: {
32651
+ id: _vm.instance.name,
32616
32652
  dark: _vm.instance.dark,
32617
32653
  light: _vm.instance.light,
32618
32654
  value: _vm.expandStatus,
@@ -32655,7 +32691,7 @@ var __vue_render__$17 = function () {
32655
32691
  },
32656
32692
  scopedSlots: _vm._u(
32657
32693
  [
32658
- _vm.instance.expandButton && this && !this.$slots.expandButton
32694
+ _vm.instance.expandButton && !_vm.$slots.expandButton
32659
32695
  ? {
32660
32696
  key: "actions",
32661
32697
  fn: function () {
@@ -32676,9 +32712,7 @@ var __vue_render__$17 = function () {
32676
32712
  },
32677
32713
  proxy: true,
32678
32714
  }
32679
- : !_vm.instance.expandButton &&
32680
- this &&
32681
- !this.$slots.expandButton
32715
+ : !_vm.instance.expandButton && !_vm.$slots.expandButton
32682
32716
  ? {
32683
32717
  key: "actions",
32684
32718
  fn: function () {
@@ -32712,7 +32746,7 @@ var __vue_render__$17 = function () {
32712
32746
  _c(
32713
32747
  "div",
32714
32748
  [
32715
- this && !this.$slots.header
32749
+ !_vm.$slots.header
32716
32750
  ? _vm._l(_vm.instance.header, function (item) {
32717
32751
  return _c(
32718
32752
  item.component,
@@ -32774,7 +32808,7 @@ __vue_render__$17._withStripped = true;
32774
32808
  /* style */
32775
32809
  const __vue_inject_styles__$17 = function (inject) {
32776
32810
  if (!inject) return
32777
- inject("data-v-0e90afb6_0", { source: ".v-expansion-panels.tile, .v-expansion-panels.tile:not(.v-expansion-panels--accordion) > .v-expansion-panel--active, .v-expansion-panels.tile:not(.v-expansion-panels--accordion) > .v-expansion-panel--next-active {\n border-radius: var(--border-tile);\n}\n.v-expansion-panels > div:first-child.v-expansion-panel, .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--active, .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--next-active {\n box-shadow: var(--shadow-3);\n border-radius: var(--border);\n}\n.v-expansion-panels > div:first-child.v-expansion-panel::before, .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--active::before, .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--next-active::before {\n box-shadow: none;\n}\n.v-expansion-panels > div:first-child.v-expansion-panel.outlined, .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--active.outlined, .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--next-active.outlined {\n box-shadow: none;\n border: var(--regular) solid var(--v-secondary-base);\n}\n.v-expansion-panels > div:first-child.v-expansion-panel.raised, .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--active.raised, .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--next-active.raised {\n box-shadow: var(--shadow-9);\n}\n.v-expansion-panels > div:first-child.v-expansion-panel .v-expansion-panel-content__wrap, .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--active .v-expansion-panel-content__wrap, .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--next-active .v-expansion-panel-content__wrap {\n padding: 0 var(--spacing-4) var(--spacing-4) var(--spacing-4);\n}\n.v-expansion-panels > div:first-child.v-expansion-panel .v-expansion-panel-header, .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--active .v-expansion-panel-header, .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--next-active .v-expansion-panel-header {\n border-bottom-left-radius: inherit;\n border-bottom-right-radius: inherit;\n min-height: 0;\n padding: var(--spacing-4);\n}\n.v-expansion-panels > div:first-child.v-expansion-panel .v-expansion-panel-header .v-expansion-panel-header__icon .v-btn .v-icon, .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--active .v-expansion-panel-header .v-expansion-panel-header__icon .v-btn .v-icon, .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--next-active .v-expansion-panel-header .v-expansion-panel-header__icon .v-btn .v-icon {\n color: currentColor;\n}\n.v-expansion-panels > div:first-child.v-expansion-panel .v-expansion-panel-header > :not(.v-expansion-panel-header__icon), .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--active .v-expansion-panel-header > :not(.v-expansion-panel-header__icon), .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--next-active .v-expansion-panel-header > :not(.v-expansion-panel-header__icon) {\n padding-right: var(--spacing-4);\n}\n.v-expansion-panels--flat > div:first-child.v-expansion-panel, .v-expansion-panels--flat > div:first-child.v-expansion-panel.v-expansion-panel--active, .v-expansion-panels--flat > div:first-child.v-expansion-panel.v-expansion-panel--next-active {\n box-shadow: none;\n}\n.v-expansion-panels.v-expansion-panels--hover > div:first-child.v-expansion-panel:hover, .v-expansion-panels.v-expansion-panels--hover > div:first-child.v-expansion-panel:focus, .v-expansion-panels.v-expansion-panels--hover > div:first-child.v-expansion-panel.v-expansion-panel--active:hover, .v-expansion-panels.v-expansion-panels--hover > div:first-child.v-expansion-panel.v-expansion-panel--active:focus, .v-expansion-panels.v-expansion-panels--hover > div:first-child.v-expansion-panel.v-expansion-panel--next-active:hover, .v-expansion-panels.v-expansion-panels--hover > div:first-child.v-expansion-panel.v-expansion-panel--next-active:focus {\n box-shadow: var(--shadow-5);\n}", map: undefined, media: undefined });
32811
+ inject("data-v-21936231_0", { source: ".v-expansion-panels.tile, .v-expansion-panels.tile:not(.v-expansion-panels--accordion) > .v-expansion-panel--active, .v-expansion-panels.tile:not(.v-expansion-panels--accordion) > .v-expansion-panel--next-active {\n border-radius: var(--border-tile);\n}\n.v-expansion-panels > div:first-child.v-expansion-panel, .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--active, .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--next-active {\n box-shadow: var(--shadow-3);\n border-radius: var(--border);\n}\n.v-expansion-panels > div:first-child.v-expansion-panel::before, .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--active::before, .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--next-active::before {\n box-shadow: none;\n}\n.v-expansion-panels > div:first-child.v-expansion-panel.outlined, .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--active.outlined, .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--next-active.outlined {\n box-shadow: none;\n border: var(--regular) solid var(--v-secondary-base);\n}\n.v-expansion-panels > div:first-child.v-expansion-panel.raised, .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--active.raised, .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--next-active.raised {\n box-shadow: var(--shadow-9);\n}\n.v-expansion-panels > div:first-child.v-expansion-panel .v-expansion-panel-content__wrap, .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--active .v-expansion-panel-content__wrap, .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--next-active .v-expansion-panel-content__wrap {\n padding: 0 var(--spacing-4) var(--spacing-4) var(--spacing-4);\n}\n.v-expansion-panels > div:first-child.v-expansion-panel .v-expansion-panel-header, .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--active .v-expansion-panel-header, .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--next-active .v-expansion-panel-header {\n border-bottom-left-radius: inherit;\n border-bottom-right-radius: inherit;\n min-height: 0;\n padding: var(--spacing-4);\n}\n.v-expansion-panels > div:first-child.v-expansion-panel .v-expansion-panel-header .v-expansion-panel-header__icon .v-btn .v-icon, .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--active .v-expansion-panel-header .v-expansion-panel-header__icon .v-btn .v-icon, .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--next-active .v-expansion-panel-header .v-expansion-panel-header__icon .v-btn .v-icon {\n color: currentColor;\n}\n.v-expansion-panels > div:first-child.v-expansion-panel .v-expansion-panel-header > :not(.v-expansion-panel-header__icon), .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--active .v-expansion-panel-header > :not(.v-expansion-panel-header__icon), .v-expansion-panels > div:first-child.v-expansion-panel.v-expansion-panel--next-active .v-expansion-panel-header > :not(.v-expansion-panel-header__icon) {\n padding-right: var(--spacing-4);\n}\n.v-expansion-panels--flat > div:first-child.v-expansion-panel, .v-expansion-panels--flat > div:first-child.v-expansion-panel.v-expansion-panel--active, .v-expansion-panels--flat > div:first-child.v-expansion-panel.v-expansion-panel--next-active {\n box-shadow: none;\n}\n.v-expansion-panels.v-expansion-panels--hover > div:first-child.v-expansion-panel:hover, .v-expansion-panels.v-expansion-panels--hover > div:first-child.v-expansion-panel:focus, .v-expansion-panels.v-expansion-panels--hover > div:first-child.v-expansion-panel.v-expansion-panel--active:hover, .v-expansion-panels.v-expansion-panels--hover > div:first-child.v-expansion-panel.v-expansion-panel--active:focus, .v-expansion-panels.v-expansion-panels--hover > div:first-child.v-expansion-panel.v-expansion-panel--next-active:hover, .v-expansion-panels.v-expansion-panels--hover > div:first-child.v-expansion-panel.v-expansion-panel--next-active:focus {\n box-shadow: var(--shadow-5);\n}", map: undefined, media: undefined });
32778
32812
 
32779
32813
  };
32780
32814
  /* scoped */
@@ -32849,14 +32883,26 @@ var __vue_render__$16 = function () {
32849
32883
  { "fill-height": _vm.instance.fillHeight },
32850
32884
  ],
32851
32885
  style: _vm.instance.cssStyle,
32852
- attrs: { name: _vm.instance.name, fluid: _vm.instance.fluid },
32886
+ attrs: {
32887
+ id: _vm.instance.name,
32888
+ name: _vm.instance.name,
32889
+ fluid: _vm.instance.fluid,
32890
+ },
32853
32891
  },
32854
32892
  [
32855
32893
  _vm._l(_vm.instance.children, function (child, index) {
32856
32894
  return _c(
32857
32895
  child.component,
32858
32896
  _vm._b(
32859
- { key: index, tag: "component", attrs: { parent: _vm.instance } },
32897
+ {
32898
+ key: index,
32899
+ tag: "component",
32900
+ attrs: {
32901
+ dark: _vm.instance.dark,
32902
+ light: _vm.instance.light,
32903
+ parent: _vm.instance,
32904
+ },
32905
+ },
32860
32906
  "component",
32861
32907
  child,
32862
32908
  false
@@ -32875,11 +32921,11 @@ __vue_render__$16._withStripped = true;
32875
32921
  /* style */
32876
32922
  const __vue_inject_styles__$16 = function (inject) {
32877
32923
  if (!inject) return
32878
- inject("data-v-9d347aae_0", { source: ".zd-container[data-v-9d347aae] {\n padding: var(--zd-default-padding);\n}", map: undefined, media: undefined });
32924
+ inject("data-v-32c162b3_0", { source: ".zd-container[data-v-32c162b3] {\n padding: var(--zd-default-padding);\n}", map: undefined, media: undefined });
32879
32925
 
32880
32926
  };
32881
32927
  /* scoped */
32882
- const __vue_scope_id__$16 = "data-v-9d347aae";
32928
+ const __vue_scope_id__$16 = "data-v-32c162b3";
32883
32929
  /* module identifier */
32884
32930
  const __vue_module_identifier__$16 = undefined;
32885
32931
  /* functional template */
@@ -33085,6 +33131,7 @@ var __vue_render__$15 = function () {
33085
33131
  ],
33086
33132
  style: _vm.instance.cssStyle,
33087
33133
  attrs: {
33134
+ id: _vm.instance.name,
33088
33135
  "validate-on-blur": "",
33089
33136
  name: _vm.instance.name,
33090
33137
  "hide-details": _vm.instance.autoHintDetails ? "auto" : false,
@@ -33191,7 +33238,7 @@ __vue_render__$15._withStripped = true;
33191
33238
  /* style */
33192
33239
  const __vue_inject_styles__$15 = function (inject) {
33193
33240
  if (!inject) return
33194
- inject("data-v-7b99c31d_0", { source: ".zd-text-input__affix, .v-input.zd-text-input.zd-text-input--suffix .v-input__append-inner > .zd-text-input__append .zd-text-input__append__suffix, .v-input.zd-text-input > .v-input__control > .v-input__slot .v-text-field__prefix {\n font-weight: var(--zd-font-body2-weight);\n color: var(--v-grey-lighten2);\n font-size: var(--zd-font-body2-size);\n line-height: 15px;\n padding: 3px 0 4px 0;\n}\n.v-input.zd-text-input {\n padding-top: var(--spacing-4);\n}\n.v-input.zd-text-input .v-input__prepend-outer {\n margin-right: var(--spacing-1);\n}\n.v-input.zd-text-input .v-input__append-outer {\n margin-left: var(--spacing-1);\n}\n.v-input.zd-text-input .v-input__prepend-outer, .v-input.zd-text-input .v-input__append-outer {\n margin-top: calc(var(--spacing-7) / 2 - var(--icon-size) / 2);\n margin-bottom: calc(var(--spacing-7) / 2 - var(--icon-size) / 2);\n}\n.v-input.zd-text-input .v-input__append-inner, .v-input.zd-text-input .v-input__prepend-inner {\n padding: 0;\n margin: 0;\n align-self: unset;\n}\n.v-input.zd-text-input .v-input__prepend-outer .v-icon, .v-input.zd-text-input .v-input__append-outer .v-icon, .v-input.zd-text-input .v-input__append-inner .v-icon, .v-input.zd-text-input .v-input__prepend-inner .v-icon {\n font-size: var(--icon-size);\n}\n.v-input.zd-text-input > .v-input__control > .v-input__slot .v-text-field__prefix {\n padding-left: var(--spacing-2);\n}\n.v-input.zd-text-input > .v-input__control > .v-input__slot .v-text-field__slot {\n position: static;\n}\n.v-input.zd-text-input.v-text-field--reverse > .v-input__control > .v-input__slot label {\n left: auto !important;\n}\n.v-input.zd-text-input.zd-text-input--suffix .v-input__append-inner > .zd-text-input__append {\n align-items: center;\n display: inline-flex;\n flex: 1 0 auto;\n justify-content: center;\n}\n.v-input.zd-text-input.zd-text-input--suffix .v-input__append-inner > .zd-text-input__append .zd-text-input__append__suffix {\n padding-right: var(--spacing-2);\n}\n.v-input.zd-text-input.zd-text-input--prepend-icon > .v-input__control > .v-input__slot > .v-input__prepend-inner {\n padding: 0;\n}\n.v-input.zd-text-input.zd-text-input--append-icon > .v-input__control > .v-input__slot > .v-input__append-inner {\n padding: 0;\n}\n.v-input.zd-text-input.zd-dense .v-input__prepend-outer, .v-input.zd-text-input.zd-dense .v-input__append-outer {\n margin-top: calc(var(--icon-size) / 2 - var(--icon-size) / 2);\n margin-bottom: calc(var(--icon-size) / 2 - var(--icon-size) / 2);\n}\n.v-input.zd-text-input.zd-dense .v-input__prepend-outer .v-icon, .v-input.zd-text-input.zd-dense .v-input__append-outer .v-icon, .v-input.zd-text-input.zd-dense .v-input__append-inner .v-icon, .v-input.zd-text-input.zd-dense .v-input__prepend-inner .v-icon {\n font-size: var(--icon-size-small);\n}\n.v-input.zd-text-input.zd-dense .v-input__slot .v-text-field__prefix {\n height: auto;\n}\n.v-input.zd-text-input.zd-no-border:not(.error--text) .v-input__append-inner:last-child,\n.v-input.zd-text-input.zd-no-border:not(.error--text) .v-input__prepend-inner:first-child {\n margin: 0;\n}\n.v-input.zd-text-input.zd-no-border:not(.error--text) > .v-input__control > .v-input__slot input {\n padding: 0;\n}\n.v-input.zd-text-input.zd-text-align-left > .v-input__control > .v-input__slot input {\n text-align: left;\n}\n.v-input.zd-text-input.zd-text-align-center > .v-input__control > .v-input__slot input {\n text-align: center;\n}\n.v-input.zd-text-input.zd-text-align-right > .v-input__control > .v-input__slot input {\n text-align: right;\n}", map: undefined, media: undefined });
33241
+ inject("data-v-0e7bd04b_0", { source: ".zd-text-input__affix, .v-input.zd-text-input.zd-text-input--suffix .v-input__append-inner > .zd-text-input__append .zd-text-input__append__suffix, .v-input.zd-text-input > .v-input__control > .v-input__slot .v-text-field__prefix {\n font-weight: var(--zd-font-body2-weight);\n color: var(--v-grey-lighten2);\n font-size: var(--zd-font-body2-size);\n line-height: 15px;\n padding: 3px 0 4px 0;\n}\n.v-input.zd-text-input {\n padding-top: var(--spacing-4);\n}\n.v-input.zd-text-input .v-input__prepend-outer {\n margin-right: var(--spacing-1);\n}\n.v-input.zd-text-input .v-input__append-outer {\n margin-left: var(--spacing-1);\n}\n.v-input.zd-text-input .v-input__prepend-outer, .v-input.zd-text-input .v-input__append-outer {\n margin-top: calc(var(--spacing-7) / 2 - var(--icon-size) / 2);\n margin-bottom: calc(var(--spacing-7) / 2 - var(--icon-size) / 2);\n}\n.v-input.zd-text-input .v-input__append-inner, .v-input.zd-text-input .v-input__prepend-inner {\n padding: 0;\n margin: 0;\n align-self: unset;\n}\n.v-input.zd-text-input .v-input__prepend-outer .v-icon, .v-input.zd-text-input .v-input__append-outer .v-icon, .v-input.zd-text-input .v-input__append-inner .v-icon, .v-input.zd-text-input .v-input__prepend-inner .v-icon {\n font-size: var(--icon-size);\n}\n.v-input.zd-text-input > .v-input__control > .v-input__slot .v-text-field__prefix {\n padding-left: var(--spacing-2);\n}\n.v-input.zd-text-input > .v-input__control > .v-input__slot .v-text-field__slot {\n position: static;\n}\n.v-input.zd-text-input.v-text-field--reverse > .v-input__control > .v-input__slot label {\n left: auto !important;\n}\n.v-input.zd-text-input.zd-text-input--suffix .v-input__append-inner > .zd-text-input__append {\n align-items: center;\n display: inline-flex;\n flex: 1 0 auto;\n justify-content: center;\n}\n.v-input.zd-text-input.zd-text-input--suffix .v-input__append-inner > .zd-text-input__append .zd-text-input__append__suffix {\n padding-right: var(--spacing-2);\n}\n.v-input.zd-text-input.zd-text-input--prepend-icon > .v-input__control > .v-input__slot > .v-input__prepend-inner {\n padding: 0;\n}\n.v-input.zd-text-input.zd-text-input--append-icon > .v-input__control > .v-input__slot > .v-input__append-inner {\n padding: 0;\n}\n.v-input.zd-text-input.zd-dense .v-input__prepend-outer, .v-input.zd-text-input.zd-dense .v-input__append-outer {\n margin-top: calc(var(--icon-size) / 2 - var(--icon-size) / 2);\n margin-bottom: calc(var(--icon-size) / 2 - var(--icon-size) / 2);\n}\n.v-input.zd-text-input.zd-dense .v-input__prepend-outer .v-icon, .v-input.zd-text-input.zd-dense .v-input__append-outer .v-icon, .v-input.zd-text-input.zd-dense .v-input__append-inner .v-icon, .v-input.zd-text-input.zd-dense .v-input__prepend-inner .v-icon {\n font-size: var(--icon-size-small);\n}\n.v-input.zd-text-input.zd-dense .v-input__slot .v-text-field__prefix {\n height: auto;\n}\n.v-input.zd-text-input.zd-no-border:not(.error--text) .v-input__append-inner:last-child,\n.v-input.zd-text-input.zd-no-border:not(.error--text) .v-input__prepend-inner:first-child {\n margin: 0;\n}\n.v-input.zd-text-input.zd-no-border:not(.error--text) > .v-input__control > .v-input__slot input {\n padding: 0;\n}\n.v-input.zd-text-input.zd-text-align-left > .v-input__control > .v-input__slot input {\n text-align: left;\n}\n.v-input.zd-text-input.zd-text-align-center > .v-input__control > .v-input__slot input {\n text-align: center;\n}\n.v-input.zd-text-input.zd-text-align-right > .v-input__control > .v-input__slot input {\n text-align: right;\n}", map: undefined, media: undefined });
33195
33242
 
33196
33243
  };
33197
33244
  /* scoped */
@@ -33294,7 +33341,11 @@ var __vue_render__$14 = function () {
33294
33341
  ],
33295
33342
  ref: "instance",
33296
33343
  class: ["zd-number"],
33297
- attrs: { name: "number", "instance-object": _vm.instance },
33344
+ attrs: {
33345
+ id: _vm.instance.name,
33346
+ name: "number",
33347
+ "instance-object": _vm.instance,
33348
+ },
33298
33349
  },
33299
33350
  "zd-text-input",
33300
33351
  {
@@ -33366,7 +33417,11 @@ var __vue_render__$13 = function () {
33366
33417
  var _c = _vm._self._c || _h;
33367
33418
  return _c("zd-number", {
33368
33419
  ref: "instance",
33369
- attrs: { name: "currency", "instance-object": _vm.instance },
33420
+ attrs: {
33421
+ id: _vm.instance.name,
33422
+ name: "currency",
33423
+ "instance-object": _vm.instance,
33424
+ },
33370
33425
  })
33371
33426
  };
33372
33427
  var __vue_staticRenderFns__$13 = [];
@@ -33577,6 +33632,9 @@ var __vue_render__$12 = function () {
33577
33632
  { "zd-pa-0": _vm.instance.removePadding },
33578
33633
  ],
33579
33634
  attrs: {
33635
+ id: _vm.instance.name,
33636
+ dark: _vm.instance.dark,
33637
+ light: _vm.instance.light,
33580
33638
  name: "container-dashboard" + _vm.instance.name,
33581
33639
  cssStyle: Object.assign({}, _vm.instance.cssStyle, {
33582
33640
  height: _vm.$formatSize(_vm.instance.height),
@@ -33653,7 +33711,7 @@ var __vue_render__$12 = function () {
33653
33711
  "zd-footer",
33654
33712
  {
33655
33713
  name: "footer" + card.cardId,
33656
- color: "white",
33714
+ color: "",
33657
33715
  isVisible: _vm.instance.editingMode,
33658
33716
  rightSlot: _vm.instance.getFooterRightSlot(card.cardId),
33659
33717
  },
@@ -33716,7 +33774,7 @@ __vue_render__$12._withStripped = true;
33716
33774
  /* style */
33717
33775
  const __vue_inject_styles__$12 = function (inject) {
33718
33776
  if (!inject) return
33719
- inject("data-v-d83d7a7c_0", { source: ".zd-dashboard {\n display: flex;\n flex-direction: column;\n cursor: auto;\n}\n.zd-dashboard .zd-header {\n margin-bottom: 10px;\n}\n.zd-dashboard .zd-footer {\n bottom: 0;\n right: 20px;\n position: absolute;\n padding: 3px;\n}\n.zd-dashboard .zd-icon {\n bottom: 0;\n right: 0;\n position: absolute;\n cursor: nw-resize;\n}\n.zd-dashboard .zd-dashboard-body {\n justify-content: flex-start;\n align-content: flex-start;\n display: flex;\n flex-wrap: wrap;\n height: 100%;\n min-height: 0;\n}\n.zd-dashboard .zd-dashboard-body .zd-dashboard-card-col {\n min-height: 70px;\n}\n.zd-dashboard .zd-dashboard-body .zd-dashboard-card-col .zd-dashboard-card-div {\n height: 100%;\n position: relative;\n}\n.zd-dashboard .zd-dashboard-body .zd-dashboard-card-col .zd-dashboard-card-div > .zd-card {\n height: 100%;\n}\n.ghost-drag {\n border: 2px dashed #772583;\n opacity: 0.5;\n margin: 0;\n}", map: undefined, media: undefined });
33777
+ inject("data-v-b6912b0a_0", { source: ".zd-dashboard {\n display: flex;\n flex-direction: column;\n cursor: auto;\n}\n.zd-dashboard .zd-header {\n margin-bottom: 10px;\n}\n.zd-dashboard .zd-footer {\n bottom: 0;\n right: 20px;\n position: absolute;\n padding: 3px;\n}\n.zd-dashboard .zd-footer.theme--dark {\n background: #1e1e1e;\n}\n.zd-dashboard .zd-footer.theme--light {\n background: #fff;\n}\n.zd-dashboard .zd-icon {\n bottom: 0;\n right: 0;\n position: absolute;\n cursor: nw-resize;\n}\n.zd-dashboard .zd-dashboard-body {\n justify-content: flex-start;\n align-content: flex-start;\n display: flex;\n flex-wrap: wrap;\n height: 100%;\n min-height: 0;\n}\n.zd-dashboard .zd-dashboard-body .zd-dashboard-card-col {\n min-height: 70px;\n}\n.zd-dashboard .zd-dashboard-body .zd-dashboard-card-col .zd-dashboard-card-div {\n height: 100%;\n position: relative;\n}\n.zd-dashboard .zd-dashboard-body .zd-dashboard-card-col .zd-dashboard-card-div > .zd-card {\n height: 100%;\n}\n.ghost-drag {\n border: 2px dashed #772583;\n opacity: 0.5;\n margin: 0;\n}", map: undefined, media: undefined });
33720
33778
 
33721
33779
  };
33722
33780
  /* scoped */
@@ -33822,6 +33880,7 @@ let ZdDate = class ZdDate extends __vue_component__$15 {
33822
33880
  }
33823
33881
  onSelectDate(date, event) {
33824
33882
  this.instance.selectDate(date, event, this.$el);
33883
+ this.instance.change(event, this.$refs.instance.$el);
33825
33884
  }
33826
33885
  getAllowedDates(date) {
33827
33886
  if (typeof this.instance.allowedDates === 'function') {
@@ -33984,6 +34043,7 @@ var __vue_render__$11 = function () {
33984
34043
  ],
33985
34044
  staticClass: "zd-date-menu-activator",
33986
34045
  attrs: {
34046
+ id: _vm.instance.name,
33987
34047
  "offset-overflow": "",
33988
34048
  "offset-y": "",
33989
34049
  "min-width": _vm.instance.width,
@@ -34079,7 +34139,7 @@ __vue_render__$11._withStripped = true;
34079
34139
  /* style */
34080
34140
  const __vue_inject_styles__$11 = function (inject) {
34081
34141
  if (!inject) return
34082
- inject("data-v-20857454_0", { source: "div.v-picker--date .v-picker__body {\n background: transparent;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header {\n padding: var(--spacing-2) var(--spacing-4) var(--spacing-1) var(--spacing-4);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header .v-date-picker-header__value:not(.v-date-picker-header__value--disabled) > div {\n color: var(--zd-primary-base) !important;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header .v-date-picker-header__value:not(.v-date-picker-header__value--disabled) > div button:not(:hover):not(:focus) {\n color: var(--zd-font-default-color);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header button.v-btn {\n color: var(--zd-font-default-color);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header .v-btn--icon {\n height: var(--icon-size);\n width: var(--icon-size);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header .v-date-picker-header__value button {\n padding: 0;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table {\n margin-bottom: 12px;\n padding: 0 var(--spacing-4);\n height: 200px;\n margin-bottom: var(--spacing-4);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table .v-btn.v-btn--active {\n color: var(--v-secondary-lighten4);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table.v-date-picker-table--date .v-btn {\n width: 24px;\n height: 24px;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table.v-date-picker-table--month {\n padding-top: var(--spacing-4);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table.v-date-picker-table--month .v-btn {\n padding: 4px 0 7px 0;\n height: 24px;\n width: 56px;\n min-width: 56px;\n border-radius: var(--border);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table.v-date-picker-table--month td {\n height: 24px;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table.v-date-picker-table--month tr:not(:last-child) td {\n padding-bottom: 24px;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table table thead th {\n color: var(--zd-font-disabled-color);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table table tbody button.v-btn {\n color: var(--zd-font-default-color);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table table tbody button.v-btn.accent--text {\n color: var(--zd-primary-base) !important;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table table tbody button.v-btn.accent {\n background: var(--zd-primary-base) !important;\n color: white !important;\n}\ndiv.v-picker--date .v-picker__body ul.v-date-picker-years li {\n color: var(--zd-font-default-color);\n}\ndiv.v-picker--date .v-picker__body ul.v-date-picker-years li.primary--text {\n color: var(--zd-primary-base) !important;\n}\n.zd-date-menu-activator .v-menu__activator.v-menu__activator--disabled {\n cursor: default;\n}", map: undefined, media: undefined });
34142
+ inject("data-v-0b715682_0", { source: "div.v-picker--date .v-picker__body {\n background: transparent;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header {\n padding: var(--spacing-2) var(--spacing-4) var(--spacing-1) var(--spacing-4);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header .v-date-picker-header__value:not(.v-date-picker-header__value--disabled) > div {\n color: var(--zd-primary-base) !important;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header .v-date-picker-header__value:not(.v-date-picker-header__value--disabled) > div button:not(:hover):not(:focus) {\n color: var(--zd-font-default-color);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header button.v-btn {\n color: var(--zd-font-default-color);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header .v-btn--icon {\n height: var(--icon-size);\n width: var(--icon-size);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header .v-date-picker-header__value button {\n padding: 0;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table {\n margin-bottom: 12px;\n padding: 0 var(--spacing-4);\n height: 200px;\n margin-bottom: var(--spacing-4);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table .v-btn.v-btn--active {\n color: var(--v-secondary-lighten4);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table.v-date-picker-table--date .v-btn {\n width: 24px;\n height: 24px;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table.v-date-picker-table--month {\n padding-top: var(--spacing-4);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table.v-date-picker-table--month .v-btn {\n padding: 4px 0 7px 0;\n height: 24px;\n width: 56px;\n min-width: 56px;\n border-radius: var(--border);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table.v-date-picker-table--month td {\n height: 24px;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table.v-date-picker-table--month tr:not(:last-child) td {\n padding-bottom: 24px;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table table thead th {\n color: var(--zd-font-disabled-color);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table table tbody button.v-btn {\n color: var(--zd-font-default-color);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table table tbody button.v-btn.accent--text {\n color: var(--zd-primary-base) !important;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table table tbody button.v-btn.accent {\n background: var(--zd-primary-base) !important;\n color: white !important;\n}\ndiv.v-picker--date .v-picker__body ul.v-date-picker-years li {\n color: var(--zd-font-default-color);\n}\ndiv.v-picker--date .v-picker__body ul.v-date-picker-years li.primary--text {\n color: var(--zd-primary-base) !important;\n}\n.zd-date-menu-activator .v-menu__activator.v-menu__activator--disabled {\n cursor: default;\n}", map: undefined, media: undefined });
34083
34143
 
34084
34144
  };
34085
34145
  /* scoped */
@@ -34329,6 +34389,7 @@ var __vue_render__$10 = function () {
34329
34389
  ],
34330
34390
  staticClass: "zd-date-menu-activator",
34331
34391
  attrs: {
34392
+ id: _vm.instance.name,
34332
34393
  "offset-overflow": "",
34333
34394
  "offset-y": "",
34334
34395
  "min-width": _vm.instance.width,
@@ -34422,7 +34483,7 @@ __vue_render__$10._withStripped = true;
34422
34483
  /* style */
34423
34484
  const __vue_inject_styles__$10 = function (inject) {
34424
34485
  if (!inject) return
34425
- inject("data-v-4cdb520c_0", { source: "div.v-picker--date .v-picker__body {\n background: transparent;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header {\n padding: var(--spacing-2) var(--spacing-4) var(--spacing-1) var(--spacing-4);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header .v-date-picker-header__value:not(.v-date-picker-header__value--disabled) > div {\n color: var(--zd-primary-base) !important;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header .v-date-picker-header__value:not(.v-date-picker-header__value--disabled) > div button:not(:hover):not(:focus) {\n color: var(--zd-font-default-color);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header button.v-btn {\n color: var(--zd-font-default-color);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header .v-btn--icon {\n height: var(--icon-size);\n width: var(--icon-size);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header .v-date-picker-header__value button {\n padding: 0;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table {\n margin-bottom: 12px;\n padding: 0 var(--spacing-4);\n height: 200px;\n margin-bottom: var(--spacing-4);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table .v-btn.v-btn--active {\n color: var(--v-secondary-lighten4);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table.v-date-picker-table--date .v-btn {\n width: 24px;\n height: 24px;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table.v-date-picker-table--month {\n padding-top: var(--spacing-4);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table.v-date-picker-table--month .v-btn {\n padding: 4px 0 7px 0;\n height: 24px;\n width: 56px;\n min-width: 56px;\n border-radius: var(--border);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table.v-date-picker-table--month td {\n height: 24px;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table.v-date-picker-table--month tr:not(:last-child) td {\n padding-bottom: 24px;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table table thead th {\n color: var(--zd-font-disabled-color);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table table tbody button.v-btn {\n color: var(--zd-font-default-color);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table table tbody button.v-btn.accent--text {\n color: var(--zd-primary-base) !important;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table table tbody button.v-btn.accent {\n background: var(--zd-primary-base) !important;\n color: white !important;\n}\ndiv.v-picker--date .v-picker__body ul.v-date-picker-years li {\n color: var(--zd-font-default-color);\n}\ndiv.v-picker--date .v-picker__body ul.v-date-picker-years li.primary--text {\n color: var(--zd-primary-base) !important;\n}\n.zd-date-menu-activator .v-menu__activator.v-menu__activator--disabled {\n cursor: default;\n}", map: undefined, media: undefined });
34486
+ inject("data-v-cff9acb0_0", { source: "div.v-picker--date .v-picker__body {\n background: transparent;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header {\n padding: var(--spacing-2) var(--spacing-4) var(--spacing-1) var(--spacing-4);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header .v-date-picker-header__value:not(.v-date-picker-header__value--disabled) > div {\n color: var(--zd-primary-base) !important;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header .v-date-picker-header__value:not(.v-date-picker-header__value--disabled) > div button:not(:hover):not(:focus) {\n color: var(--zd-font-default-color);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header button.v-btn {\n color: var(--zd-font-default-color);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header .v-btn--icon {\n height: var(--icon-size);\n width: var(--icon-size);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-header .v-date-picker-header__value button {\n padding: 0;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table {\n margin-bottom: 12px;\n padding: 0 var(--spacing-4);\n height: 200px;\n margin-bottom: var(--spacing-4);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table .v-btn.v-btn--active {\n color: var(--v-secondary-lighten4);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table.v-date-picker-table--date .v-btn {\n width: 24px;\n height: 24px;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table.v-date-picker-table--month {\n padding-top: var(--spacing-4);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table.v-date-picker-table--month .v-btn {\n padding: 4px 0 7px 0;\n height: 24px;\n width: 56px;\n min-width: 56px;\n border-radius: var(--border);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table.v-date-picker-table--month td {\n height: 24px;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table.v-date-picker-table--month tr:not(:last-child) td {\n padding-bottom: 24px;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table table thead th {\n color: var(--zd-font-disabled-color);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table table tbody button.v-btn {\n color: var(--zd-font-default-color);\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table table tbody button.v-btn.accent--text {\n color: var(--zd-primary-base) !important;\n}\ndiv.v-picker--date .v-picker__body .v-date-picker-table table tbody button.v-btn.accent {\n background: var(--zd-primary-base) !important;\n color: white !important;\n}\ndiv.v-picker--date .v-picker__body ul.v-date-picker-years li {\n color: var(--zd-font-default-color);\n}\ndiv.v-picker--date .v-picker__body ul.v-date-picker-years li.primary--text {\n color: var(--zd-primary-base) !important;\n}\n.zd-date-menu-activator .v-menu__activator.v-menu__activator--disabled {\n cursor: default;\n}", map: undefined, media: undefined });
34426
34487
 
34427
34488
  };
34428
34489
  /* scoped */
@@ -34483,8 +34544,11 @@ var __vue_render__$$ = function () {
34483
34544
  "v-dialog",
34484
34545
  {
34485
34546
  attrs: {
34547
+ id: _vm.dialog.name,
34486
34548
  "max-width": _vm.dialog.maxWidth,
34487
34549
  persistent: _vm.dialog.persistent,
34550
+ dark: _vm.dialog.dark,
34551
+ light: _vm.dialog.light,
34488
34552
  },
34489
34553
  model: {
34490
34554
  value: _vm.dialog.isVisible,
@@ -34573,7 +34637,7 @@ __vue_render__$$._withStripped = true;
34573
34637
  /* style */
34574
34638
  const __vue_inject_styles__$$ = function (inject) {
34575
34639
  if (!inject) return
34576
- inject("data-v-2b7cbae8_0", { source: ".v-dialog > .zd-dialog > .zd-dialog-title {\n padding: var(--spacing-4);\n padding-bottom: 0;\n color: var(--zd-font-color);\n font-size: var(--zd-font-title-size);\n font-weight: var(--zd-font-title-weight);\n}\n.v-dialog > .zd-dialog > .zd-dialog-title .zd-dialog-icon {\n width: var(--icon-size);\n height: var(--icon-size);\n margin-right: var(--spacing-2);\n}\n.v-dialog > .zd-dialog .zd-dialog-text {\n padding: 14px var(--spacing-4) var(--spacing-4) var(--spacing-4);\n color: var(--zd-font-color);\n font-size: var(--zd-font-body3-size);\n font-weight: var(--zd-font-body3-weight);\n}\n.v-dialog > .zd-dialog .zd-dialog-buttons {\n padding: var(--spacing-4);\n padding-top: 0;\n}\n.v-dialog > .zd-dialog .zd-dialog-buttons .zd-button {\n margin-left: var(--spacing-2);\n}", map: undefined, media: undefined });
34640
+ inject("data-v-8dc5d162_0", { source: ".v-dialog > .zd-dialog > .zd-dialog-title {\n padding: var(--spacing-4);\n padding-bottom: 0;\n color: var(--zd-font-color);\n font-size: var(--zd-font-title-size);\n font-weight: var(--zd-font-title-weight);\n}\n.v-dialog > .zd-dialog > .zd-dialog-title .zd-dialog-icon {\n width: var(--icon-size);\n height: var(--icon-size);\n margin-right: var(--spacing-2);\n}\n.v-dialog > .zd-dialog .zd-dialog-text {\n padding: 14px var(--spacing-4) var(--spacing-4) var(--spacing-4);\n color: var(--zd-font-color);\n font-size: var(--zd-font-body3-size);\n font-weight: var(--zd-font-body3-weight);\n}\n.v-dialog > .zd-dialog .zd-dialog-buttons {\n padding: var(--spacing-4);\n padding-top: 0;\n}\n.v-dialog > .zd-dialog .zd-dialog-buttons .zd-button {\n margin-left: var(--spacing-2);\n}", map: undefined, media: undefined });
34577
34641
 
34578
34642
  };
34579
34643
  /* scoped */
@@ -34610,18 +34674,10 @@ let ZdDivider = class ZdDivider extends ZdComponentRender$1 {
34610
34674
  this.instanceType = Divider;
34611
34675
  }
34612
34676
  };
34613
- __decorate([
34614
- PropWatch({ type: [Boolean, String], default: false }),
34615
- __metadata("design:type", Boolean)
34616
- ], ZdDivider.prototype, "dark", void 0);
34617
34677
  __decorate([
34618
34678
  PropWatch({ type: [Boolean, String], default: false }),
34619
34679
  __metadata("design:type", Boolean)
34620
34680
  ], ZdDivider.prototype, "inset", void 0);
34621
- __decorate([
34622
- PropWatch({ type: [Boolean, String], default: false }),
34623
- __metadata("design:type", Boolean)
34624
- ], ZdDivider.prototype, "light", void 0);
34625
34681
  __decorate([
34626
34682
  PropWatch({ type: [Boolean, String], default: false }),
34627
34683
  __metadata("design:type", Boolean)
@@ -34651,6 +34707,7 @@ var __vue_render__$_ = function () {
34651
34707
  class: [_vm.instance.cssClass],
34652
34708
  style: _vm.instance.cssStyle,
34653
34709
  attrs: {
34710
+ id: _vm.instance.name,
34654
34711
  name: _vm.instance.name,
34655
34712
  dark: _vm.instance.dark,
34656
34713
  inset: _vm.instance.inset,
@@ -34802,6 +34859,7 @@ var __vue_render__$Z = function () {
34802
34859
  ],
34803
34860
  style: _vm.instance.cssStyle,
34804
34861
  attrs: {
34862
+ id: _vm.instance.name,
34805
34863
  "content-class": "zd-dropdown-menu",
34806
34864
  "offset-overflow": "",
34807
34865
  name: _vm.instance.name,
@@ -34809,6 +34867,8 @@ var __vue_render__$Z = function () {
34809
34867
  closeOnClick: _vm.instance.closeOnClick,
34810
34868
  closeOnContentClick: _vm.instance.closeOnContentClick,
34811
34869
  disabled: _vm.instance.disabled,
34870
+ dark: _vm.instance.dark,
34871
+ light: _vm.instance.light,
34812
34872
  fixed: _vm.instance.fixed,
34813
34873
  "max-height": _vm.instance.maxHeight,
34814
34874
  "max-width": _vm.instance.maxWidth,
@@ -34830,7 +34890,13 @@ var __vue_render__$Z = function () {
34830
34890
  _vm._b(
34831
34891
  {
34832
34892
  tag: "component",
34833
- attrs: { "dropdown-activator": dropdown },
34893
+ attrs: {
34894
+ "dropdown-activator": Object.assign(
34895
+ {},
34896
+ _vm.$attrs["dropdown-activator"],
34897
+ dropdown
34898
+ ),
34899
+ },
34834
34900
  },
34835
34901
  "component",
34836
34902
  _vm.instance.activator,
@@ -34897,7 +34963,7 @@ __vue_render__$Z._withStripped = true;
34897
34963
  /* style */
34898
34964
  const __vue_inject_styles__$Z = function (inject) {
34899
34965
  if (!inject) return
34900
- inject("data-v-cc2625b2_0", { source: ".zd-dropdown {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n height: auto;\n line-height: unset;\n white-space: unset;\n overflow: auto;\n text-overflow: unset;\n padding: 2px;\n}\n.zd-dropdown .zd-dropdown-component {\n padding: 6px 14px;\n border-radius: var(--border);\n}\n.zd-dropdown-hover:hover {\n background-color: var(--v-grey-lighten5);\n}\n.zd-dropdown-cursor {\n cursor: var(--cursor);\n}\n.zd-dropdown-menu {\n margin: 0 !important;\n padding: 0 !important;\n box-shadow: var(--shadow-8);\n}", map: undefined, media: undefined });
34966
+ inject("data-v-4aa44ac8_0", { source: ".zd-dropdown {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n height: auto;\n line-height: unset;\n white-space: unset;\n overflow: auto;\n text-overflow: unset;\n padding: 2px;\n}\n.zd-dropdown .zd-dropdown-component {\n padding: 6px 14px;\n border-radius: var(--border);\n}\n.zd-dropdown-hover:hover {\n background-color: var(--v-grey-lighten5);\n}\n.zd-dropdown-cursor {\n cursor: var(--cursor);\n}\n.zd-dropdown-menu {\n margin: 0 !important;\n padding: 0 !important;\n box-shadow: var(--shadow-8);\n}", map: undefined, media: undefined });
34901
34967
 
34902
34968
  };
34903
34969
  /* scoped */
@@ -35124,6 +35190,9 @@ var __vue_render__$Y = function () {
35124
35190
  _vm.instance.cssStyle,
35125
35191
  ],
35126
35192
  attrs: {
35193
+ id: _vm.instance.name,
35194
+ dark: _vm.instance.dark,
35195
+ light: _vm.instance.light,
35127
35196
  "validate-on-blur": "",
35128
35197
  name: _vm.instance.name,
35129
35198
  "persistent-placeholder": true,
@@ -35175,6 +35244,17 @@ var __vue_render__$Y = function () {
35175
35244
  {
35176
35245
  dragging: _vm.dragging,
35177
35246
  },
35247
+ {
35248
+ "theme--dark":
35249
+ (_vm.$vuetify.theme.dark &&
35250
+ !_vm.instance.light) ||
35251
+ _vm.instance.dark,
35252
+ },
35253
+ {
35254
+ "theme--light":
35255
+ !_vm.$vuetify.theme.dark ||
35256
+ _vm.instance.light,
35257
+ },
35178
35258
  ],
35179
35259
  },
35180
35260
  [
@@ -35275,9 +35355,9 @@ var __vue_render__$Y = function () {
35275
35355
  accept: _vm.instance.accept,
35276
35356
  autofocus: _vm.instance.autofocus,
35277
35357
  chips: _vm.instance.chips,
35278
- counter: !!this.instance.maxFiles
35279
- ? this.instance.maxFiles
35280
- : this.instance.showCounter,
35358
+ counter: !!_vm.instance.maxFiles
35359
+ ? _vm.instance.maxFiles
35360
+ : _vm.instance.showCounter,
35281
35361
  "counter-string":
35282
35362
  _vm.$t(_vm.instance.counterString) || "$vuetify.fileInput.counter",
35283
35363
  "counter-size-string":
@@ -35333,7 +35413,7 @@ __vue_render__$Y._withStripped = true;
35333
35413
  /* style */
35334
35414
  const __vue_inject_styles__$Y = function (inject) {
35335
35415
  if (!inject) return
35336
- inject("data-v-a5824dda_0", { source: ".zd-file-input > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n padding: 0 var(--spacing-1);\n}\n.zd-file-input > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text:not(.v-file-input__text--placeholder) {\n color: var(--zd-font-color);\n}\n.zd-file-input > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text .v-chip {\n border-radius: var(--border);\n padding: 0 var(--spacing-2);\n}\n.zd-file-input > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text .v-chip .chip-remove-icon {\n font-size: var(--icon-size-small);\n margin-left: var(--spacing-2);\n}\n.zd-file-input > .v-input__control > .v-input__slot > .v-text-field__slot input {\n padding: 0;\n}\n.zd-file-input.zd-dense > .v-input__control > .v-input__slot > .v-text-field__slot {\n min-height: 24px;\n}\n.zd-file-input.zd-dense > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text .v-chip {\n height: 16px;\n line-height: 15px;\n font-size: 11px;\n}\n.zd-file-input.zd-dense > .v-input__control > .v-input__slot > .v-text-field__slot input {\n padding: 0;\n}\n.zd-file-input.with-drag-area {\n padding-top: calc(var(--drag-area-height) + 17px);\n}\n.zd-file-input.with-drag-area.zd-no-label {\n padding-top: calc(var(--drag-area-height) + 5px);\n}\n.zd-file-input.with-drag-area.zd-no-label > .v-input__control > .v-input__slot > .v-text-field__slot .v-label {\n height: calc(var(--drag-area-height) + 5px);\n top: calc(-5px - var(--drag-area-height));\n}\n.zd-file-input.with-drag-area.v-text-field--reverse > .v-input__control > .v-input__slot > .v-text-field__slot .v-label {\n text-align: right;\n}\n.zd-file-input.with-drag-area > .v-input__control > .v-input__slot > .v-text-field__slot .v-label {\n height: calc(var(--drag-area-height) + 25px);\n top: calc(-25px - var(--drag-area-height));\n right: 0 !important;\n left: 0 !important;\n}\n.zd-file-input.with-drag-area > .v-input__control > .v-input__slot > .v-text-field__slot .v-label .zd-file-input-label {\n height: 20px;\n display: block;\n}\n.zd-file-input.with-drag-area > .v-input__control > .v-input__slot > .v-text-field__slot .v-label .zd-file-input-drag-area {\n width: 100%;\n height: var(--drag-area-height);\n border: dashed var(--regular) #c4c4c4;\n background: #f8f8f8;\n position: relative;\n}\n.zd-file-input.with-drag-area > .v-input__control > .v-input__slot > .v-text-field__slot .v-label .zd-file-input-drag-area.dragging {\n background: #f0f0f0;\n}\n.zd-file-input.with-drag-area > .v-input__control > .v-input__slot > .v-text-field__slot .v-label .zd-file-input-drag-area .zd-file-input-drag-content {\n text-align: center;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.zd-file-input.with-drag-area > .v-input__control > .v-input__slot > .v-text-field__slot .v-label .zd-file-input-drag-area .zd-file-input-drag-content > span {\n display: block;\n}\n.zd-file-input.v-input--is-disabled > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text {\n opacity: 0.5;\n}\n.zd-file-input.v-text-field--reverse > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text {\n flex-direction: row-reverse;\n}", map: undefined, media: undefined });
35416
+ inject("data-v-01f709ca_0", { source: ".zd-file-input > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n padding: 0 var(--spacing-1);\n}\n.zd-file-input > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text:not(.v-file-input__text--placeholder) {\n color: var(--zd-font-color);\n}\n.zd-file-input > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text .v-chip {\n border-radius: var(--border);\n padding: 0 var(--spacing-2);\n}\n.zd-file-input > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text .v-chip .chip-remove-icon {\n font-size: var(--icon-size-small);\n margin-left: var(--spacing-2);\n}\n.zd-file-input > .v-input__control > .v-input__slot > .v-text-field__slot input {\n padding: 0;\n}\n.zd-file-input.zd-dense > .v-input__control > .v-input__slot > .v-text-field__slot {\n min-height: 24px;\n}\n.zd-file-input.zd-dense > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text .v-chip {\n height: 16px;\n line-height: 15px;\n font-size: 11px;\n}\n.zd-file-input.zd-dense > .v-input__control > .v-input__slot > .v-text-field__slot input {\n padding: 0;\n}\n.zd-file-input.with-drag-area {\n padding-top: calc(var(--drag-area-height) + 17px);\n}\n.zd-file-input.with-drag-area.zd-no-label {\n padding-top: calc(var(--drag-area-height) + 5px);\n}\n.zd-file-input.with-drag-area.zd-no-label > .v-input__control > .v-input__slot > .v-text-field__slot .v-label {\n height: calc(var(--drag-area-height) + 5px);\n top: calc(-5px - var(--drag-area-height));\n}\n.zd-file-input.with-drag-area.v-text-field--reverse > .v-input__control > .v-input__slot > .v-text-field__slot .v-label {\n text-align: right;\n}\n.zd-file-input.with-drag-area > .v-input__control > .v-input__slot > .v-text-field__slot .v-label {\n height: calc(var(--drag-area-height) + 25px);\n top: calc(-25px - var(--drag-area-height));\n right: 0 !important;\n left: 0 !important;\n}\n.zd-file-input.with-drag-area > .v-input__control > .v-input__slot > .v-text-field__slot .v-label .zd-file-input-label {\n height: 20px;\n display: block;\n}\n.zd-file-input.with-drag-area > .v-input__control > .v-input__slot > .v-text-field__slot .v-label .zd-file-input-drag-area {\n width: 100%;\n height: var(--drag-area-height);\n border: dashed var(--regular) #c4c4c4;\n position: relative;\n}\n.zd-file-input.with-drag-area > .v-input__control > .v-input__slot > .v-text-field__slot .v-label .zd-file-input-drag-area.theme--dark {\n background: #3c3c3c;\n}\n.zd-file-input.with-drag-area > .v-input__control > .v-input__slot > .v-text-field__slot .v-label .zd-file-input-drag-area.theme--light {\n background: #f8f8f8;\n}\n.zd-file-input.with-drag-area > .v-input__control > .v-input__slot > .v-text-field__slot .v-label .zd-file-input-drag-area.dragging {\n background: #f0f0f0;\n}\n.zd-file-input.with-drag-area > .v-input__control > .v-input__slot > .v-text-field__slot .v-label .zd-file-input-drag-area .zd-file-input-drag-content {\n text-align: center;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.zd-file-input.with-drag-area > .v-input__control > .v-input__slot > .v-text-field__slot .v-label .zd-file-input-drag-area .zd-file-input-drag-content > span {\n display: block;\n}\n.zd-file-input.v-input--is-disabled > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text {\n opacity: 0.5;\n}\n.zd-file-input.v-text-field--reverse > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text {\n flex-direction: row-reverse;\n}", map: undefined, media: undefined });
35337
35417
 
35338
35418
  };
35339
35419
  /* scoped */
@@ -35406,10 +35486,6 @@ __decorate([
35406
35486
  PropWatch({ type: String, default: 'primary' }),
35407
35487
  __metadata("design:type", String)
35408
35488
  ], ZdFooter.prototype, "color", void 0);
35409
- __decorate([
35410
- PropWatch({ type: [Boolean, String], default: false }),
35411
- __metadata("design:type", Boolean)
35412
- ], ZdFooter.prototype, "dark", void 0);
35413
35489
  __decorate([
35414
35490
  PropWatch({ type: [Boolean, String], default: false }),
35415
35491
  __metadata("design:type", Boolean)
@@ -35426,10 +35502,6 @@ __decorate([
35426
35502
  Prop({ type: Array, default: () => [] }),
35427
35503
  __metadata("design:type", Array)
35428
35504
  ], ZdFooter.prototype, "leftSlot", void 0);
35429
- __decorate([
35430
- PropWatch({ type: [Boolean, String], default: false }),
35431
- __metadata("design:type", Boolean)
35432
- ], ZdFooter.prototype, "light", void 0);
35433
35505
  __decorate([
35434
35506
  PropWatch({ type: [Number, String] }),
35435
35507
  __metadata("design:type", Object)
@@ -35485,6 +35557,7 @@ var __vue_render__$X = function () {
35485
35557
  class: ["zd-footer", _vm.instance.cssClass],
35486
35558
  style: _vm.instance.cssStyle,
35487
35559
  attrs: {
35560
+ id: _vm.instance.name,
35488
35561
  name: _vm.instance.name,
35489
35562
  app: _vm.instance.app,
35490
35563
  color: _vm.instance.color,
@@ -35504,9 +35577,9 @@ var __vue_render__$X = function () {
35504
35577
  },
35505
35578
  [
35506
35579
  _vm.instance.namedSlotsIsVisible ||
35507
- !!this.$slots.leftSlot ||
35508
- !!this.$slots.centerSlot ||
35509
- !!this.$slots.rightSlot
35580
+ !!_vm.$slots.leftSlot ||
35581
+ !!_vm.$slots.centerSlot ||
35582
+ !!_vm.$slots.rightSlot
35510
35583
  ? _c(
35511
35584
  "v-col",
35512
35585
  {
@@ -35514,25 +35587,32 @@ var __vue_render__$X = function () {
35514
35587
  "zd-footer-slot",
35515
35588
  {
35516
35589
  "zd-footer-slot-children":
35517
- _vm.instance.children.length || !!this.$slots.leftSlot,
35590
+ _vm.instance.children.length || !!_vm.$slots.leftSlot,
35518
35591
  },
35519
35592
  ],
35520
35593
  attrs: { cols: "12" },
35521
35594
  },
35522
35595
  [
35523
- _vm.instance.leftSlot.length || !!this.$slots.leftSlot
35596
+ _vm.instance.leftSlot.length || !!_vm.$slots.leftSlot
35524
35597
  ? _c(
35525
35598
  "span",
35526
35599
  { staticClass: "zd-footer-slot-left" },
35527
35600
  [
35528
- !this.$slots.leftSlot
35601
+ !_vm.$slots.leftSlot
35529
35602
  ? _vm._l(
35530
35603
  _vm.instance.leftSlot,
35531
35604
  function (child, index) {
35532
35605
  return _c(
35533
35606
  child.component,
35534
35607
  _vm._b(
35535
- { key: index, tag: "component" },
35608
+ {
35609
+ key: index,
35610
+ tag: "component",
35611
+ attrs: {
35612
+ dark: _vm.instance.dark,
35613
+ light: _vm.instance.light,
35614
+ },
35615
+ },
35536
35616
  "component",
35537
35617
  child,
35538
35618
  false
@@ -35548,19 +35628,26 @@ var __vue_render__$X = function () {
35548
35628
  )
35549
35629
  : _vm._e(),
35550
35630
  _vm._v(" "),
35551
- _vm.instance.centerSlot.length || !!this.$slots.centerSlot
35631
+ _vm.instance.centerSlot.length || !!_vm.$slots.centerSlot
35552
35632
  ? _c(
35553
35633
  "span",
35554
35634
  { ref: "centerSlot", staticClass: "zd-footer-slot-center" },
35555
35635
  [
35556
- !this.$slots.centerSlot
35636
+ !_vm.$slots.centerSlot
35557
35637
  ? _vm._l(
35558
35638
  _vm.instance.centerSlot,
35559
35639
  function (child, index) {
35560
35640
  return _c(
35561
35641
  child.component,
35562
35642
  _vm._b(
35563
- { key: index, tag: "component" },
35643
+ {
35644
+ key: index,
35645
+ tag: "component",
35646
+ attrs: {
35647
+ dark: _vm.instance.dark,
35648
+ light: _vm.instance.light,
35649
+ },
35650
+ },
35564
35651
  "component",
35565
35652
  child,
35566
35653
  false
@@ -35576,19 +35663,26 @@ var __vue_render__$X = function () {
35576
35663
  )
35577
35664
  : _vm._e(),
35578
35665
  _vm._v(" "),
35579
- _vm.instance.rightSlot.length || !!this.$slots.rightSlot
35666
+ _vm.instance.rightSlot.length || !!_vm.$slots.rightSlot
35580
35667
  ? _c(
35581
35668
  "span",
35582
35669
  { staticClass: "zd-footer-slot-right" },
35583
35670
  [
35584
- !this.$slots.rightSlot
35671
+ !_vm.$slots.rightSlot
35585
35672
  ? _vm._l(
35586
35673
  _vm.instance.rightSlot,
35587
35674
  function (child, index) {
35588
35675
  return _c(
35589
35676
  child.component,
35590
35677
  _vm._b(
35591
- { key: index, tag: "component" },
35678
+ {
35679
+ key: index,
35680
+ tag: "component",
35681
+ attrs: {
35682
+ dark: _vm.instance.dark,
35683
+ light: _vm.instance.light,
35684
+ },
35685
+ },
35592
35686
  "component",
35593
35687
  child,
35594
35688
  false
@@ -35618,7 +35712,11 @@ var __vue_render__$X = function () {
35618
35712
  {
35619
35713
  key: index,
35620
35714
  tag: "component",
35621
- attrs: { parent: _vm.instance },
35715
+ attrs: {
35716
+ dark: _vm.instance.dark,
35717
+ light: _vm.instance.light,
35718
+ parent: _vm.instance,
35719
+ },
35622
35720
  },
35623
35721
  "component",
35624
35722
  child,
@@ -35641,11 +35739,11 @@ __vue_render__$X._withStripped = true;
35641
35739
  /* style */
35642
35740
  const __vue_inject_styles__$X = function (inject) {
35643
35741
  if (!inject) return
35644
- inject("data-v-e8bcfdd6_0", { source: ".zd-footer-slot[data-v-e8bcfdd6] {\n display: flex;\n padding: 0;\n}\n.zd-footer-slot-children[data-v-e8bcfdd6] {\n padding-bottom: var(--spacing-2);\n}\n.zd-footer-slot-left > *[data-v-e8bcfdd6], .zd-footer-slot-center > *[data-v-e8bcfdd6], .zd-footer-slot-right > *[data-v-e8bcfdd6] {\n margin: 0 var(--spacing-1);\n}\n.zd-footer-slot-left > *[data-v-e8bcfdd6]:first-child, .zd-footer-slot-center > *[data-v-e8bcfdd6]:first-child, .zd-footer-slot-right > *[data-v-e8bcfdd6]:first-child {\n margin-left: 0;\n}\n.zd-footer-slot-left > *[data-v-e8bcfdd6]:last-child, .zd-footer-slot-center > *[data-v-e8bcfdd6]:last-child, .zd-footer-slot-right > *[data-v-e8bcfdd6]:last-child {\n margin-right: 0;\n}\n.zd-footer-slot-center[data-v-e8bcfdd6] {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n}\n.zd-footer-slot-right[data-v-e8bcfdd6] {\n margin-left: auto;\n}", map: undefined, media: undefined });
35742
+ inject("data-v-4015ded1_0", { source: ".zd-footer-slot[data-v-4015ded1] {\n display: flex;\n padding: 0;\n}\n.zd-footer-slot-children[data-v-4015ded1] {\n padding-bottom: var(--spacing-2);\n}\n.zd-footer-slot-left > *[data-v-4015ded1], .zd-footer-slot-center > *[data-v-4015ded1], .zd-footer-slot-right > *[data-v-4015ded1] {\n margin: 0 var(--spacing-1);\n}\n.zd-footer-slot-left > *[data-v-4015ded1]:first-child, .zd-footer-slot-center > *[data-v-4015ded1]:first-child, .zd-footer-slot-right > *[data-v-4015ded1]:first-child {\n margin-left: 0;\n}\n.zd-footer-slot-left > *[data-v-4015ded1]:last-child, .zd-footer-slot-center > *[data-v-4015ded1]:last-child, .zd-footer-slot-right > *[data-v-4015ded1]:last-child {\n margin-right: 0;\n}\n.zd-footer-slot-center[data-v-4015ded1] {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n}\n.zd-footer-slot-right[data-v-4015ded1] {\n margin-left: auto;\n}", map: undefined, media: undefined });
35645
35743
 
35646
35744
  };
35647
35745
  /* scoped */
35648
- const __vue_scope_id__$X = "data-v-e8bcfdd6";
35746
+ const __vue_scope_id__$X = "data-v-4015ded1";
35649
35747
  /* module identifier */
35650
35748
  const __vue_module_identifier__$X = undefined;
35651
35749
  /* functional template */
@@ -35680,11 +35778,14 @@ let ZdForm = class ZdForm extends ZdComponentRender$1 {
35680
35778
  }
35681
35779
  mounted() {
35682
35780
  this.form = this.$refs.form;
35683
- this.instance.setViewValidate(this.form.validate);
35684
- this.instance.setViewResetValidation(this.form.resetValidation);
35781
+ if (this.form) {
35782
+ this.instance.setViewValidate(this.form.validate);
35783
+ this.instance.setViewResetValidation(this.form.resetValidation);
35784
+ }
35685
35785
  }
35686
35786
  submit(event) {
35687
- if (this.form.validate()) {
35787
+ var _a;
35788
+ if ((_a = this.form) === null || _a === void 0 ? void 0 : _a.validate()) {
35688
35789
  this.$emit('submit', event);
35689
35790
  this.instance.callSubmitEvent(event, this.$el);
35690
35791
  }
@@ -35744,7 +35845,7 @@ var __vue_render__$W = function () {
35744
35845
  ref: "form",
35745
35846
  class: _vm.instance.cssClass,
35746
35847
  style: _vm.instance.cssStyle,
35747
- attrs: { name: _vm.instance.name },
35848
+ attrs: { id: _vm.instance.name, name: _vm.instance.name },
35748
35849
  on: {
35749
35850
  submit: function ($event) {
35750
35851
  $event.preventDefault();
@@ -35898,6 +35999,7 @@ var __vue_render__$V = function () {
35898
35999
  ],
35899
36000
  class: ["zd-frame", _vm.instance.cssClass],
35900
36001
  style: _vm.instance.cssStyle,
36002
+ attrs: { id: _vm.instance.name },
35901
36003
  },
35902
36004
  [
35903
36005
  _vm.instance.loading
@@ -35923,7 +36025,7 @@ __vue_render__$V._withStripped = true;
35923
36025
  /* style */
35924
36026
  const __vue_inject_styles__$V = function (inject) {
35925
36027
  if (!inject) return
35926
- inject("data-v-f668c6c6_0", { source: ".zd-frame {\n height: inherit;\n width: inherit;\n}\n.zd-frame .v-progress-circular {\n left: 50%;\n transform: translateX(-50%);\n}", map: undefined, media: undefined });
36028
+ inject("data-v-42090dcb_0", { source: ".zd-frame {\n height: inherit;\n width: inherit;\n}\n.zd-frame .v-progress-circular {\n left: 50%;\n transform: translateX(-50%);\n}", map: undefined, media: undefined });
35927
36029
 
35928
36030
  };
35929
36031
  /* scoped */
@@ -35979,6 +36081,7 @@ var __vue_render__$U = function () {
35979
36081
  var _c = _vm._self._c || _h;
35980
36082
  return _c("zd-frame", {
35981
36083
  attrs: {
36084
+ id: _vm.instance.name + "_frame",
35982
36085
  name: _vm.instance.name + "_frame",
35983
36086
  path: _vm.instance.path,
35984
36087
  "instance-object": _vm.instance,
@@ -36033,7 +36136,6 @@ let ZdIterable = class ZdIterable extends ZdComponentRender$1 {
36033
36136
  initialized: false,
36034
36137
  visibleData: [],
36035
36138
  };
36036
- this.debouncedChangeData = debounce$1((instance, data) => { instance.changeData(data); }, 50);
36037
36139
  }
36038
36140
  mounted() {
36039
36141
  if (this.instance.datasource.watchUrl) {
@@ -36050,7 +36152,7 @@ let ZdIterable = class ZdIterable extends ZdComponentRender$1 {
36050
36152
  }
36051
36153
  }
36052
36154
  changeData(data) {
36053
- this.debouncedChangeData(this.instance, data);
36155
+ this.instance.changeData(data);
36054
36156
  }
36055
36157
  rowKey(item) {
36056
36158
  return item[this.instance.datasource.uniqueKey];
@@ -36207,8 +36309,8 @@ let ZdGrid = class ZdGrid extends ZdIterable$1 {
36207
36309
  this.hideColumn(event);
36208
36310
  return;
36209
36311
  }
36210
- const columnsTmp = this.instance.columns.filter((a) => a.isVisible);
36211
- let { oldIndex, newIndex } = event;
36312
+ const columnsTmp = this.getColumnsDOMOrder().filter((a) => a.isVisible);
36313
+ let { oldIndex = 0, newIndex = 0 } = event;
36212
36314
  if (this.instance.selectable) {
36213
36315
  oldIndex -= 1;
36214
36316
  newIndex -= 1;
@@ -36220,15 +36322,18 @@ let ZdGrid = class ZdGrid extends ZdIterable$1 {
36220
36322
  this.instance.columns = columnsTmp.concat(this.instance.columns.filter((a) => !a.isVisible));
36221
36323
  this.instance.changeLayout(event, this.$el);
36222
36324
  }
36325
+ getColumnsDOMOrder() {
36326
+ return this.instance.columns;
36327
+ }
36223
36328
  checkMove(event) {
36224
- return !this.instance.selectable || Array.from(event.related.classList).indexOf('selectable') === -1;
36329
+ return event.related.classList.contains('sortHandle');
36225
36330
  }
36226
36331
  hideColumn(event) {
36227
36332
  let columnIndex = Number(event.item.getAttribute('index'));
36228
36333
  if (this.instance.selectable) {
36229
36334
  columnIndex -= 1;
36230
36335
  }
36231
- const column = this.instance.columns[columnIndex];
36336
+ const column = this.getColumnsDOMOrder()[columnIndex];
36232
36337
  column.isVisible = false;
36233
36338
  this.instance.changeLayout(event, this.$el);
36234
36339
  }
@@ -36452,9 +36557,13 @@ __decorate([
36452
36557
  __metadata("design:type", Array)
36453
36558
  ], ZdGrid.prototype, "footerSlot", void 0);
36454
36559
  __decorate([
36455
- PropWatch({ type: String, default: 'white' }),
36560
+ PropWatch({ type: String, default: '' }),
36456
36561
  __metadata("design:type", String)
36457
36562
  ], ZdGrid.prototype, "headerBackground", void 0);
36563
+ __decorate([
36564
+ PropWatch({ type: String, default: '' }),
36565
+ __metadata("design:type", String)
36566
+ ], ZdGrid.prototype, "headerCellTextColor", void 0);
36458
36567
  __decorate([
36459
36568
  PropWatch({ type: [Number, String], default: undefined }),
36460
36569
  __metadata("design:type", Object)
@@ -36554,8 +36663,17 @@ var __vue_render__$T = function () {
36554
36663
  _vm.instance.cssClass,
36555
36664
  { "zd-grid-flex": _vm.instance.gridHeight || _vm.instance.gridMaxHeight },
36556
36665
  ],
36557
- style: [_vm.cssColorVars, _vm.instance.cssStyle],
36666
+ style: [
36667
+ _vm.cssColorVars,
36668
+ _vm.instance.cssStyle,
36669
+ _vm.instance.gridHeight
36670
+ ? { height: _vm.$formatSize(_vm.instance.gridHeight) }
36671
+ : {},
36672
+ ],
36558
36673
  attrs: {
36674
+ id: _vm.instance.name,
36675
+ dark: _vm.instance.dark,
36676
+ light: _vm.instance.light,
36559
36677
  "fixed-header": "",
36560
36678
  "disable-pagination": "",
36561
36679
  "hide-default-header": "",
@@ -36700,6 +36818,8 @@ var __vue_render__$T = function () {
36700
36818
  style: {
36701
36819
  width:
36702
36820
  _vm.calcHeaderCellWidth(column),
36821
+ color:
36822
+ _vm.instance.headerCellTextColor,
36703
36823
  },
36704
36824
  },
36705
36825
  [
@@ -37310,7 +37430,7 @@ __vue_render__$T._withStripped = true;
37310
37430
  /* style */
37311
37431
  const __vue_inject_styles__$T = function (inject) {
37312
37432
  if (!inject) return
37313
- inject("data-v-336d017f_0", { source: ".zd-grid {\n outline: none;\n}\n.zd-grid-flex {\n display: flex;\n flex-direction: column;\n}\n.zd-grid-flex .v-data-table__wrapper {\n flex: 1;\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}\n.zd-grid-toolbar-slot {\n width: 100%;\n display: flex;\n align-items: center;\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}\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}\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 .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 color: var(--zd-font-color);\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: nowrap;\n display: inline-block;\n vertical-align: bottom;\n overflow: hidden;\n text-overflow: ellipsis;\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: unset;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n white-space: unset;\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 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: nowrap;\n text-overflow: ellipsis;\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: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n white-space: unset;\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: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 {\n background: var(--current-row-color);\n}\n.zd-grid table tbody tr.current:hover {\n background: var(--current-row-hover-color) !important;\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.theme--light.v-data-table {\n 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 table tbody tr:not(:last-child) td:not(.v-data-table__mobile-row) {\n border-bottom: solid var(--regular) var(--v-grey-lighten5);\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: 24px 0 0 0;\n display: flex;\n align-items: center;\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}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n display: block;\n}", map: undefined, media: undefined });
37433
+ inject("data-v-6b8d8274_0", { source: ".zd-grid {\n outline: none;\n}\n.zd-grid-flex {\n display: flex;\n flex-direction: column;\n}\n.zd-grid-flex .v-data-table__wrapper {\n flex: 1;\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}\n.zd-grid-toolbar-slot {\n width: 100%;\n display: flex;\n align-items: center;\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-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 .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 color: var(--zd-font-color);\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: nowrap;\n display: inline-block;\n vertical-align: bottom;\n overflow: hidden;\n text-overflow: ellipsis;\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: unset;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n white-space: unset;\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 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: nowrap;\n text-overflow: ellipsis;\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: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n white-space: unset;\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: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 {\n background: var(--current-row-color);\n}\n.zd-grid table tbody tr.current:hover {\n background: var(--current-row-hover-color) !important;\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.theme--light.v-data-table {\n 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 table tbody tr:not(:last-child) td:not(.v-data-table__mobile-row) {\n border-bottom: solid var(--regular) var(--v-grey-lighten5);\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: 24px 0 0 0;\n display: flex;\n align-items: center;\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}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n display: block;\n}", map: undefined, media: undefined });
37314
37434
 
37315
37435
  };
37316
37436
  /* scoped */
@@ -37512,6 +37632,9 @@ var __vue_render__$S = function () {
37512
37632
  ],
37513
37633
  style: [_vm.cssColorVars, _vm.instance.cssStyle],
37514
37634
  attrs: {
37635
+ id: _vm.instance.name,
37636
+ dark: _vm.instance.dark,
37637
+ light: _vm.instance.light,
37515
37638
  "fixed-header": "",
37516
37639
  "disable-pagination": "",
37517
37640
  "hide-default-header": "",
@@ -38440,8 +38563,8 @@ __vue_render__$S._withStripped = true;
38440
38563
  /* style */
38441
38564
  const __vue_inject_styles__$S = function (inject) {
38442
38565
  if (!inject) return
38443
- inject("data-v-be9c362e_0", { source: ".zd-grid {\n outline: none;\n}\n.zd-grid-flex {\n display: flex;\n flex-direction: column;\n}\n.zd-grid-flex .v-data-table__wrapper {\n flex: 1;\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}\n.zd-grid-toolbar-slot {\n width: 100%;\n display: flex;\n align-items: center;\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}\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}\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 .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 color: var(--zd-font-color);\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: nowrap;\n display: inline-block;\n vertical-align: bottom;\n overflow: hidden;\n text-overflow: ellipsis;\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: unset;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n white-space: unset;\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 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: nowrap;\n text-overflow: ellipsis;\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: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n white-space: unset;\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: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 {\n background: var(--current-row-color);\n}\n.zd-grid table tbody tr.current:hover {\n background: var(--current-row-hover-color) !important;\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.theme--light.v-data-table {\n 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 table tbody tr:not(:last-child) td:not(.v-data-table__mobile-row) {\n border-bottom: solid var(--regular) var(--v-grey-lighten5);\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: 24px 0 0 0;\n display: flex;\n align-items: center;\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}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n display: block;\n}", map: undefined, media: undefined })
38444
- ,inject("data-v-be9c362e_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-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 .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}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit .zd-table-cell-edit-icon .v-icon, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit .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-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: block;\n height: 20px;\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.zd-table-cell-text-editable {\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.zd-table-cell-text-editable:before, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text.zd-table-cell-text-editable: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: 22px;\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 height: 22px;\n max-height: 22px;\n}", map: undefined, media: undefined });
38566
+ inject("data-v-72417f9b_0", { source: ".zd-grid {\n outline: none;\n}\n.zd-grid-flex {\n display: flex;\n flex-direction: column;\n}\n.zd-grid-flex .v-data-table__wrapper {\n flex: 1;\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}\n.zd-grid-toolbar-slot {\n width: 100%;\n display: flex;\n align-items: center;\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-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 .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 color: var(--zd-font-color);\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: nowrap;\n display: inline-block;\n vertical-align: bottom;\n overflow: hidden;\n text-overflow: ellipsis;\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: unset;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n white-space: unset;\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 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: nowrap;\n text-overflow: ellipsis;\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: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n white-space: unset;\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: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 {\n background: var(--current-row-color);\n}\n.zd-grid table tbody tr.current:hover {\n background: var(--current-row-hover-color) !important;\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.theme--light.v-data-table {\n 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 table tbody tr:not(:last-child) td:not(.v-data-table__mobile-row) {\n border-bottom: solid var(--regular) var(--v-grey-lighten5);\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: 24px 0 0 0;\n display: flex;\n align-items: center;\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}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n display: block;\n}", map: undefined, media: undefined })
38567
+ ,inject("data-v-72417f9b_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-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 .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}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit .zd-table-cell-edit-icon .v-icon, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit .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-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: block;\n height: 20px;\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.zd-table-cell-text-editable {\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.zd-table-cell-text-editable:before, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text.zd-table-cell-text-editable: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: 22px;\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 height: 22px;\n max-height: 22px;\n}", map: undefined, media: undefined });
38445
38568
 
38446
38569
  };
38447
38570
  /* scoped */
@@ -38522,10 +38645,6 @@ __decorate([
38522
38645
  PropWatch({ type: [Boolean, String], default: true }),
38523
38646
  __metadata("design:type", Boolean)
38524
38647
  ], ZdHeader.prototype, "clippedRight", void 0);
38525
- __decorate([
38526
- PropWatch({ type: [Boolean, String], default: false }),
38527
- __metadata("design:type", Boolean)
38528
- ], ZdHeader.prototype, "dark", void 0);
38529
38648
  __decorate([
38530
38649
  PropWatch({ type: [Boolean, String], default: false }),
38531
38650
  __metadata("design:type", Boolean)
@@ -38546,10 +38665,6 @@ __decorate([
38546
38665
  Prop({ type: Array, default: () => [] }),
38547
38666
  __metadata("design:type", Array)
38548
38667
  ], ZdHeader.prototype, "leftSlot", void 0);
38549
- __decorate([
38550
- PropWatch({ type: [Boolean, String], default: false }),
38551
- __metadata("design:type", Boolean)
38552
- ], ZdHeader.prototype, "light", void 0);
38553
38668
  __decorate([
38554
38669
  PropWatch({ type: [Number, String] }),
38555
38670
  __metadata("design:type", Object)
@@ -38611,6 +38726,7 @@ var __vue_render__$R = function () {
38611
38726
  ],
38612
38727
  style: _vm.instance.cssStyle,
38613
38728
  attrs: {
38729
+ id: _vm.instance.name,
38614
38730
  name: _vm.instance.name,
38615
38731
  app: _vm.instance.app,
38616
38732
  color: _vm.instance.color,
@@ -38643,12 +38759,12 @@ var __vue_render__$R = function () {
38643
38759
  attrs: { cols: "12" },
38644
38760
  },
38645
38761
  [
38646
- _vm.instance.leftSlot.length || !!this.$slots.leftSlot
38762
+ _vm.instance.leftSlot.length || !!_vm.$slots.leftSlot
38647
38763
  ? _c(
38648
38764
  "span",
38649
38765
  { staticClass: "zd-header-slot-left" },
38650
38766
  [
38651
- !this.$slots.leftSlot
38767
+ !_vm.$slots.leftSlot
38652
38768
  ? _vm._l(
38653
38769
  _vm.instance.leftSlot,
38654
38770
  function (child, index) {
@@ -38684,12 +38800,12 @@ var __vue_render__$R = function () {
38684
38800
  )
38685
38801
  : _vm._e(),
38686
38802
  _vm._v(" "),
38687
- _vm.instance.centerSlot.length || !!this.$slots.centerSlot
38803
+ _vm.instance.centerSlot.length || !!_vm.$slots.centerSlot
38688
38804
  ? _c(
38689
38805
  "span",
38690
38806
  { ref: "centerSlot", staticClass: "zd-header-slot-center" },
38691
38807
  [
38692
- !this.$slots.centerSlot
38808
+ !_vm.$slots.centerSlot
38693
38809
  ? _vm._l(
38694
38810
  _vm.instance.centerSlot,
38695
38811
  function (child, index) {
@@ -38725,12 +38841,12 @@ var __vue_render__$R = function () {
38725
38841
  )
38726
38842
  : _vm._e(),
38727
38843
  _vm._v(" "),
38728
- _vm.instance.rightSlot.length || !!this.$slots.rightSlot
38844
+ _vm.instance.rightSlot.length || !!_vm.$slots.rightSlot
38729
38845
  ? _c(
38730
38846
  "span",
38731
38847
  { staticClass: "zd-header-slot-right" },
38732
38848
  [
38733
- !this.$slots.rightSlot
38849
+ !_vm.$slots.rightSlot
38734
38850
  ? _vm._l(
38735
38851
  _vm.instance.rightSlot,
38736
38852
  function (child, index) {
@@ -38803,7 +38919,7 @@ __vue_render__$R._withStripped = true;
38803
38919
  /* style */
38804
38920
  const __vue_inject_styles__$R = function (inject) {
38805
38921
  if (!inject) return
38806
- inject("data-v-3717f0bf_0", { source: ".zd-header-slot {\n display: flex;\n padding: 0;\n align-items: center;\n}\n.zd-header-slot-children {\n padding-bottom: var(--spacing-2);\n}\n.zd-header-slot-left > *, .zd-header-slot-center > *, .zd-header-slot-right > * {\n margin: 0 var(--spacing-1);\n display: inline-flex;\n vertical-align: middle;\n}\n.zd-header-slot-center {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n}\n.zd-header-slot-right {\n margin-left: auto;\n}\n.zd-header.padless > .v-toolbar__content {\n padding: 0;\n}", map: undefined, media: undefined });
38922
+ inject("data-v-27a50a6e_0", { source: ".zd-header-slot {\n display: flex;\n padding: 0;\n align-items: center;\n}\n.zd-header-slot-children {\n padding-bottom: var(--spacing-2);\n}\n.zd-header-slot-left > *, .zd-header-slot-center > *, .zd-header-slot-right > * {\n margin: 0 var(--spacing-1);\n display: inline-flex;\n vertical-align: middle;\n}\n.zd-header-slot-center {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n}\n.zd-header-slot-right {\n margin-left: auto;\n}\n.zd-header.padless > .v-toolbar__content {\n padding: 0;\n}", map: undefined, media: undefined });
38807
38923
 
38808
38924
  };
38809
38925
  /* scoped */
@@ -38864,7 +38980,11 @@ var __vue_render__$Q = function () {
38864
38980
  return _vm.footerSlot.length || !!_vm.$slots.default
38865
38981
  ? _c(
38866
38982
  "div",
38867
- { ref: "footer", staticClass: "zd-grid-footer" },
38983
+ {
38984
+ ref: "footer",
38985
+ staticClass: "zd-grid-footer",
38986
+ attrs: { id: _vm.instance.name + "-footer" },
38987
+ },
38868
38988
  [
38869
38989
  _vm._l(_vm.instance.footerSlot, function (child, index) {
38870
38990
  return _c(
@@ -38973,12 +39093,13 @@ var __vue_render__$P = function () {
38973
39093
  var _c = _vm._self._c || _h;
38974
39094
  return _c(
38975
39095
  "div",
39096
+ { attrs: { id: _vm.instance.name } },
38976
39097
  [
38977
39098
  _vm.instance.datasource.error
38978
39099
  ? [
38979
39100
  _vm._t("errorSlot"),
38980
39101
  _vm._v(" "),
38981
- !this.$slots.errorSlot
39102
+ !_vm.$slots.errorSlot
38982
39103
  ? _vm._l(_vm.instance.errorSlot, function (child, index) {
38983
39104
  return _c(
38984
39105
  child.component,
@@ -39008,7 +39129,7 @@ var __vue_render__$P = function () {
39008
39129
  ? [
39009
39130
  _vm._t("noResultSlot"),
39010
39131
  _vm._v(" "),
39011
- !this.$slots.noResultSlot
39132
+ !_vm.$slots.noResultSlot
39012
39133
  ? _vm._l(
39013
39134
  _vm.instance.noResultSlot,
39014
39135
  function (child, index) {
@@ -39032,7 +39153,7 @@ var __vue_render__$P = function () {
39032
39153
  : [
39033
39154
  _vm._t("noDataSlot"),
39034
39155
  _vm._v(" "),
39035
- !this.$slots.noDataSlot
39156
+ !_vm.$slots.noDataSlot
39036
39157
  ? _vm._l(_vm.instance.noDataSlot, function (child, index) {
39037
39158
  return _c(
39038
39159
  child.component,
@@ -39115,32 +39236,44 @@ var __vue_render__$O = function () {
39115
39236
  var _h = _vm.$createElement;
39116
39237
  var _c = _vm._self._c || _h;
39117
39238
  return _vm.toolbarSlot.length || !!_vm.$slots.default
39118
- ? _c("div", { ref: "header", staticClass: "zd-grid-toolbar" }, [
39119
- _c(
39120
- "div",
39121
- { staticClass: "zd-grid-toolbar-slot" },
39122
- [
39123
- _vm._l(_vm.instance.toolbarSlot, function (child, index) {
39124
- return _c(
39125
- child.component,
39126
- _vm._b(
39127
- {
39128
- key: index,
39129
- tag: "component",
39130
- attrs: { parent: _vm.instance },
39131
- },
39132
- "component",
39133
- child,
39134
- false
39239
+ ? _c(
39240
+ "div",
39241
+ {
39242
+ ref: "header",
39243
+ staticClass: "zd-grid-toolbar",
39244
+ attrs: {
39245
+ id: _vm.instance.name + "-top",
39246
+ dark: _vm.toolbarSlot.dark,
39247
+ light: _vm.toolbarSlot.light,
39248
+ },
39249
+ },
39250
+ [
39251
+ _c(
39252
+ "div",
39253
+ { staticClass: "zd-grid-toolbar-slot" },
39254
+ [
39255
+ _vm._l(_vm.instance.toolbarSlot, function (child, index) {
39256
+ return _c(
39257
+ child.component,
39258
+ _vm._b(
39259
+ {
39260
+ key: index,
39261
+ tag: "component",
39262
+ attrs: { parent: _vm.instance },
39263
+ },
39264
+ "component",
39265
+ child,
39266
+ false
39267
+ )
39135
39268
  )
39136
- )
39137
- }),
39138
- _vm._v(" "),
39139
- _vm._t("default"),
39140
- ],
39141
- 2
39142
- ),
39143
- ])
39269
+ }),
39270
+ _vm._v(" "),
39271
+ _vm._t("default"),
39272
+ ],
39273
+ 2
39274
+ ),
39275
+ ]
39276
+ )
39144
39277
  : _vm._e()
39145
39278
  };
39146
39279
  var __vue_staticRenderFns__$O = [];
@@ -39195,10 +39328,6 @@ __decorate([
39195
39328
  PropWatch({ type: String, default: '' }),
39196
39329
  __metadata("design:type", String)
39197
39330
  ], ZdIcon.prototype, "color", void 0);
39198
- __decorate([
39199
- PropWatch({ type: [Boolean, String], default: false }),
39200
- __metadata("design:type", Object)
39201
- ], ZdIcon.prototype, "dark", void 0);
39202
39331
  __decorate([
39203
39332
  PropWatch({ type: [Boolean, String], default: false }),
39204
39333
  __metadata("design:type", Object)
@@ -39215,10 +39344,6 @@ __decorate([
39215
39344
  PropWatch({ type: [Boolean, String], default: false }),
39216
39345
  __metadata("design:type", Object)
39217
39346
  ], ZdIcon.prototype, "left", void 0);
39218
- __decorate([
39219
- PropWatch({ type: [Boolean, String], default: false }),
39220
- __metadata("design:type", Object)
39221
- ], ZdIcon.prototype, "light", void 0);
39222
39347
  __decorate([
39223
39348
  PropWatch({ type: [Boolean, String], default: false }),
39224
39349
  __metadata("design:type", Object)
@@ -39267,6 +39392,7 @@ var __vue_render__$N = function () {
39267
39392
  ],
39268
39393
  class: [_vm.instance.cssClass, "zd-icon"],
39269
39394
  style: _vm.instance.cssStyle,
39395
+ attrs: { id: _vm.instance.name },
39270
39396
  },
39271
39397
  "v-icon",
39272
39398
  {
@@ -39384,7 +39510,7 @@ var __vue_render__$M = function () {
39384
39510
  ],
39385
39511
  class: ["zd-image", _vm.instance.cssClass],
39386
39512
  style: _vm.instance.cssStyle,
39387
- attrs: { name: _vm.instance.name },
39513
+ attrs: { id: _vm.instance.name, name: _vm.instance.name },
39388
39514
  },
39389
39515
  [
39390
39516
  _vm.instance.errorImagePath && _vm.instance.validImage !== true
@@ -39472,7 +39598,7 @@ __vue_render__$M._withStripped = true;
39472
39598
  /* style */
39473
39599
  const __vue_inject_styles__$M = function (inject) {
39474
39600
  if (!inject) return
39475
- inject("data-v-e7f0230c_0", { source: ".zd-image {\n position: relative;\n}\n.zd-image img.zd-image-not-found {\n background-color: #f8f8f8;\n object-fit: scale-down !important;\n padding: 10px;\n}\n.zd-image .zd-image-error-text {\n position: absolute;\n bottom: var(--spacing-5);\n width: 100%;\n text-align: center;\n font-style: normal;\n font-size: 16px;\n line-height: var(--zd-font-title-size);\n color: var(--zd-font-color);\n}", map: undefined, media: undefined });
39601
+ inject("data-v-6ec874e8_0", { source: ".zd-image {\n position: relative;\n}\n.zd-image img.zd-image-not-found {\n background-color: #f8f8f8;\n object-fit: scale-down !important;\n padding: 10px;\n}\n.zd-image .zd-image-error-text {\n position: absolute;\n bottom: var(--spacing-5);\n width: 100%;\n text-align: center;\n font-style: normal;\n font-size: 16px;\n line-height: var(--zd-font-title-size);\n color: var(--zd-font-color);\n}", map: undefined, media: undefined });
39476
39602
 
39477
39603
  };
39478
39604
  /* scoped */
@@ -39537,7 +39663,11 @@ var __vue_render__$L = function () {
39537
39663
  return _c("zd-number", {
39538
39664
  ref: "instance",
39539
39665
  class: ["zd-increment"],
39540
- attrs: { name: "increment", "instance-object": _vm.instance },
39666
+ attrs: {
39667
+ id: _vm.instance.name,
39668
+ name: "increment",
39669
+ "instance-object": _vm.instance,
39670
+ },
39541
39671
  })
39542
39672
  };
39543
39673
  var __vue_staticRenderFns__$L = [];
@@ -39546,7 +39676,7 @@ __vue_render__$L._withStripped = true;
39546
39676
  /* style */
39547
39677
  const __vue_inject_styles__$L = function (inject) {
39548
39678
  if (!inject) return
39549
- inject("data-v-6258f45a_0", { source: ".zd-increment.align-right > .v-input__control > .v-input__slot {\n width: 120px;\n}\n.zd-increment.align-right > .v-input__control > .v-input__slot input {\n text-align: center;\n}", map: undefined, media: undefined });
39679
+ inject("data-v-608d4765_0", { source: ".zd-increment.align-right > .v-input__control > .v-input__slot {\n width: 120px;\n}\n.zd-increment.align-right > .v-input__control > .v-input__slot input {\n text-align: center;\n}", map: undefined, media: undefined });
39550
39680
 
39551
39681
  };
39552
39682
  /* scoped */
@@ -39594,6 +39724,7 @@ var __vue_render__$K = function () {
39594
39724
  },
39595
39725
  ],
39596
39726
  style: _vm.instance.cssStyle,
39727
+ attrs: { id: _vm.instance.name },
39597
39728
  },
39598
39729
  [
39599
39730
  _vm._l(_vm.instance.children, function (child, index) {
@@ -39710,6 +39841,7 @@ var __vue_render__$J = function () {
39710
39841
  class: ["zd-iterable-columns-button", _vm.instance.cssClass],
39711
39842
  style: _vm.instance.cssStyle,
39712
39843
  attrs: {
39844
+ id: _vm.instance.name,
39713
39845
  closeOnContentClick: false,
39714
39846
  "offset-y": "",
39715
39847
  "content-class": "zd-iterable-columns-button-options",
@@ -39789,7 +39921,7 @@ __vue_render__$J._withStripped = true;
39789
39921
  /* style */
39790
39922
  const __vue_inject_styles__$J = function (inject) {
39791
39923
  if (!inject) return
39792
- inject("data-v-23054624_0", { source: ".zd-iterable-columns-button-option {\n min-height: 32px;\n}\n.zd-iterable-columns-button-options {\n max-height: 200px;\n overflow: auto;\n}", map: undefined, media: undefined });
39924
+ inject("data-v-7df9cd1c_0", { source: ".zd-iterable-columns-button-option {\n min-height: 32px;\n}\n.zd-iterable-columns-button-options {\n max-height: 200px;\n overflow: auto;\n}", map: undefined, media: undefined });
39793
39925
 
39794
39926
  };
39795
39927
  /* scoped */
@@ -39956,6 +40088,7 @@ var __vue_render__$I = function () {
39956
40088
  ],
39957
40089
  class: ["zd-iterable-pagination", _vm.instance.cssClass],
39958
40090
  style: _vm.instance.cssStyle,
40091
+ attrs: { id: _vm.instance.name },
39959
40092
  },
39960
40093
  [
39961
40094
  _c("v-pagination", {
@@ -39991,7 +40124,7 @@ __vue_render__$I._withStripped = true;
39991
40124
  /* style */
39992
40125
  const __vue_inject_styles__$I = function (inject) {
39993
40126
  if (!inject) return
39994
- inject("data-v-54b76118_0", { source: ".zd-iterable-pagination {\n padding: 0;\n max-width: calc(100% - 200px);\n margin-left: 0;\n}\n.zd-iterable-pagination .v-pagination {\n width: auto;\n}\n.zd-iterable-pagination .v-pagination .v-pagination__item, .zd-iterable-pagination .v-pagination .v-pagination__navigation {\n box-shadow: none;\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n background-color: transparent;\n}\n.zd-iterable-pagination .v-pagination .v-pagination__item, .zd-iterable-pagination .v-pagination .v-pagination__navigation, .zd-iterable-pagination .v-pagination .v-pagination__more {\n margin: 0 var(--spacing-1);\n height: 36px;\n width: 36px;\n}\n.zd-iterable-pagination .v-pagination .v-pagination__navigation {\n border: solid var(--regular) var(--v-grey-lighten3);\n}\n.zd-iterable-pagination .v-pagination .v-pagination__navigation .v-icon {\n font-size: var(--icon-size);\n}\n.zd-iterable-pagination .v-pagination li:first-child .v-pagination__navigation {\n margin: 0 var(--spacing-1) 0 0;\n}\n.zd-iterable-pagination .v-pagination li:last-child .v-pagination__navigation {\n margin: 0 0 0 var(--spacing-1);\n}", map: undefined, media: undefined });
40127
+ inject("data-v-7791c13c_0", { source: ".zd-iterable-pagination {\n padding: 0;\n max-width: calc(100% - 200px);\n margin-left: 0;\n}\n.zd-iterable-pagination .v-pagination {\n width: auto;\n}\n.zd-iterable-pagination .v-pagination.theme--dark .v-pagination__item--active {\n color: #fff;\n background: #282828 !important;\n border-color: #282828 !important;\n}\n.zd-iterable-pagination .v-pagination .v-pagination__item, .zd-iterable-pagination .v-pagination .v-pagination__navigation {\n box-shadow: none;\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n background-color: transparent;\n}\n.zd-iterable-pagination .v-pagination .v-pagination__item, .zd-iterable-pagination .v-pagination .v-pagination__navigation, .zd-iterable-pagination .v-pagination .v-pagination__more {\n margin: 0 var(--spacing-1);\n height: 36px;\n width: 36px;\n}\n.zd-iterable-pagination .v-pagination .v-pagination__navigation {\n border: solid var(--regular) var(--v-grey-lighten3);\n}\n.zd-iterable-pagination .v-pagination .v-pagination__navigation .v-icon {\n font-size: var(--icon-size);\n}\n.zd-iterable-pagination .v-pagination li:first-child .v-pagination__navigation {\n margin: 0 var(--spacing-1) 0 0;\n}\n.zd-iterable-pagination .v-pagination li:last-child .v-pagination__navigation {\n margin: 0 0 0 var(--spacing-1);\n}", map: undefined, media: undefined });
39995
40128
 
39996
40129
  };
39997
40130
  /* scoped */
@@ -40241,6 +40374,7 @@ var __vue_render__$H = function () {
40241
40374
  ],
40242
40375
  style: _vm.instance.cssStyle,
40243
40376
  attrs: {
40377
+ id: _vm.instance.name,
40244
40378
  "return-object": "",
40245
40379
  "validate-on-blur": "",
40246
40380
  "no-filter": "",
@@ -40317,7 +40451,7 @@ var __vue_render__$H = function () {
40317
40451
  },
40318
40452
  scopedSlots: _vm._u(
40319
40453
  [
40320
- _vm.instance.itemBeforeSlot.length || !!this.$slots.itemBeforeSlot
40454
+ _vm.instance.itemBeforeSlot.length || !!_vm.$slots.itemBeforeSlot
40321
40455
  ? {
40322
40456
  key: "prepend-item",
40323
40457
  fn: function () {
@@ -40328,6 +40462,12 @@ var __vue_render__$H = function () {
40328
40462
  [
40329
40463
  _c(
40330
40464
  "v-list-item",
40465
+ {
40466
+ attrs: {
40467
+ dark: _vm.instance.dark,
40468
+ light: _vm.instance.light,
40469
+ },
40470
+ },
40331
40471
  [
40332
40472
  _c(
40333
40473
  "v-list-item-content",
@@ -40488,7 +40628,7 @@ __vue_render__$H._withStripped = true;
40488
40628
  /* style */
40489
40629
  const __vue_inject_styles__$H = function (inject) {
40490
40630
  if (!inject) return
40491
- inject("data-v-34404a80_0", { source: ".zd-select .v-input__control .v-input__slot .v-select__slot {\n position: static;\n}\n.zd-select .v-input__control .v-input__slot .v-select__slot .v-input__prepend-outer {\n margin-right: var(--spacing-1);\n}\n.zd-select .v-input__control .v-input__slot .v-select__slot .v-input__append-outer {\n margin-left: var(--spacing-1);\n}\n.zd-select .v-input__control .v-input__slot .v-select__slot .v-input__prepend-outer, .zd-select .v-input__control .v-input__slot .v-select__slot .v-input__append-outer {\n margin-top: 5px;\n}\n.zd-select .v-input__control .v-input__slot .v-select__slot .v-input__append-inner, .zd-select .v-input__control .v-input__slot .v-select__slot .v-input__prepend-inner {\n padding-left: 0;\n padding-right: 0;\n}\n.zd-select.zd-select-align-left > .v-input__control > .v-input__slot input {\n text-align: left;\n}\n.zd-select.zd-select-align-center > .v-input__control > .v-input__slot input {\n text-align: center;\n}\n.zd-select.zd-select-align-right > .v-input__control > .v-input__slot input {\n text-align: right;\n}\n.zd-select .v-select__selections {\n padding: 0;\n width: 172px;\n overflow: hidden;\n white-space: nowrap;\n flex-wrap: nowrap;\n text-overflow: ellipsis;\n}\n.zd-select .v-select__selections .v-select__selection {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n margin: 0;\n max-width: none;\n}\n.zd-select .v-select__selections .v-select__selection--disabled {\n opacity: 0.5;\n}\n.zd-select.zd-dense .v-input__append-inner, .zd-select.zd-dense .v-input__prepend-inner {\n margin-top: 0;\n}\n.zd-select-append-item .v-list-item__content {\n font-size: var(--zd-font-body2-size);\n font-weight: var(--zd-font-body2-size);\n color: var(--v-primary-base);\n}\n.v-menu__content.zd-select-menu {\n box-shadow: var(--shadow-2);\n}\n.v-menu__content.zd-select-menu .v-select-list {\n padding: 0;\n}\n.v-menu__content.zd-select-menu .v-select-list .v-list-item {\n height: auto;\n min-height: 40px;\n padding: 0 var(--spacing-4);\n}\n.v-menu__content.zd-select-menu .v-select-list .v-list-item__content {\n padding: var(--spacing-2) 0;\n}\n.v-menu__content.zd-select-menu .v-select-list .v-list-item__title {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n height: auto;\n line-height: unset;\n white-space: unset;\n overflow: auto;\n text-overflow: unset;\n}\n.v-menu__content.zd-select-menu .v-select-list .v-list-item.v-list-item--disabled .v-list-item__title {\n opacity: 0.5;\n}\n.v-menu__content.zd-select-menu .v-select-list .v-list-item.v-list-item--disabled.primary--text .v-list-item__title {\n color: inherit;\n}\n.v-menu__content.zd-select-menu.zd-dense .v-list-item {\n height: auto;\n min-height: 24px;\n padding: 0 var(--spacing-4);\n}\n.v-menu__content.zd-select-menu.zd-select-align-left .v-list-item__content .v-list-item__title {\n text-align: left;\n}\n.v-menu__content.zd-select-menu.zd-select-align-center .v-list-item__content .v-list-item__title {\n text-align: center;\n}\n.v-menu__content.zd-select-menu.zd-select-align-right .v-list-item__content .v-list-item__title {\n text-align: right;\n}", map: undefined, media: undefined });
40631
+ inject("data-v-16a646ec_0", { source: ".zd-select .v-input__control .v-input__slot .v-select__slot {\n position: static;\n}\n.zd-select .v-input__control .v-input__slot .v-select__slot .v-input__prepend-outer {\n margin-right: var(--spacing-1);\n}\n.zd-select .v-input__control .v-input__slot .v-select__slot .v-input__append-outer {\n margin-left: var(--spacing-1);\n}\n.zd-select .v-input__control .v-input__slot .v-select__slot .v-input__prepend-outer, .zd-select .v-input__control .v-input__slot .v-select__slot .v-input__append-outer {\n margin-top: 5px;\n}\n.zd-select .v-input__control .v-input__slot .v-select__slot .v-input__append-inner, .zd-select .v-input__control .v-input__slot .v-select__slot .v-input__prepend-inner {\n padding-left: 0;\n padding-right: 0;\n}\n.zd-select.zd-select-align-left > .v-input__control > .v-input__slot input {\n text-align: left;\n}\n.zd-select.zd-select-align-center > .v-input__control > .v-input__slot input {\n text-align: center;\n}\n.zd-select.zd-select-align-right > .v-input__control > .v-input__slot input {\n text-align: right;\n}\n.zd-select .v-select__selections {\n padding: 0;\n width: 172px;\n overflow: hidden;\n white-space: nowrap;\n flex-wrap: nowrap;\n text-overflow: ellipsis;\n}\n.zd-select .v-select__selections .v-select__selection {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n margin: 0;\n max-width: none;\n}\n.zd-select .v-select__selections .v-select__selection--disabled {\n opacity: 0.5;\n}\n.zd-select.zd-dense .v-input__append-inner, .zd-select.zd-dense .v-input__prepend-inner {\n margin-top: 0;\n}\n.zd-select-append-item .v-list-item__content {\n font-size: var(--zd-font-body2-size);\n font-weight: var(--zd-font-body2-size);\n color: var(--v-primary-base);\n}\n.v-menu__content.zd-select-menu {\n box-shadow: var(--shadow-2);\n}\n.v-menu__content.zd-select-menu .v-select-list {\n padding: 0;\n}\n.v-menu__content.zd-select-menu .v-select-list .v-list-item {\n height: auto;\n min-height: 40px;\n padding: 0 var(--spacing-4);\n}\n.v-menu__content.zd-select-menu .v-select-list .v-list-item__content {\n padding: var(--spacing-2) 0;\n}\n.v-menu__content.zd-select-menu .v-select-list .v-list-item__title {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n height: auto;\n line-height: unset;\n white-space: unset;\n overflow: auto;\n text-overflow: unset;\n}\n.v-menu__content.zd-select-menu .v-select-list .v-list-item.v-list-item--disabled .v-list-item__title {\n opacity: 0.5;\n}\n.v-menu__content.zd-select-menu .v-select-list .v-list-item.v-list-item--disabled.primary--text .v-list-item__title {\n color: inherit;\n}\n.v-menu__content.zd-select-menu.zd-dense .v-list-item {\n height: auto;\n min-height: 24px;\n padding: 0 var(--spacing-4);\n}\n.v-menu__content.zd-select-menu.zd-select-align-left .v-list-item__content .v-list-item__title {\n text-align: left;\n}\n.v-menu__content.zd-select-menu.zd-select-align-center .v-list-item__content .v-list-item__title {\n text-align: center;\n}\n.v-menu__content.zd-select-menu.zd-select-align-right .v-list-item__content .v-list-item__title {\n text-align: right;\n}", map: undefined, media: undefined });
40492
40632
 
40493
40633
  };
40494
40634
  /* scoped */
@@ -40587,7 +40727,11 @@ var __vue_render__$G = function () {
40587
40727
  ref: "instance",
40588
40728
  class: ["zd-iterable-page-size", _vm.instance.cssClass],
40589
40729
  style: _vm.instance.cssStyle,
40590
- attrs: { name: "iterable-page-size", "instance-object": _vm.instance },
40730
+ attrs: {
40731
+ id: _vm.instance.name,
40732
+ name: "iterable-page-size",
40733
+ "instance-object": _vm.instance,
40734
+ },
40591
40735
  })
40592
40736
  };
40593
40737
  var __vue_staticRenderFns__$G = [];
@@ -40596,7 +40740,7 @@ __vue_render__$G._withStripped = true;
40596
40740
  /* style */
40597
40741
  const __vue_inject_styles__$G = function (inject) {
40598
40742
  if (!inject) return
40599
- inject("data-v-a6392d74_0", { source: ".zd-iterable-page-size {\n max-width: 80px;\n}\n.zd-iterable-page-size.theme--light {\n background: white;\n}\n.zd-iterable-page-size.theme--dark {\n background: #121212;\n}\n.zd-iterable-page-size.zd-input.zd-no-label {\n margin: 0 0 0 var(--spacing-4);\n}\n.zd-iterable-page-size.v-input {\n align-items: center;\n}", map: undefined, media: undefined });
40743
+ inject("data-v-2144b958_0", { source: ".zd-iterable-page-size {\n max-width: 80px;\n}\n.zd-iterable-page-size.theme--light {\n background: white;\n}\n.zd-iterable-page-size.theme--dark {\n background: #121212;\n}\n.zd-iterable-page-size.zd-input.zd-no-label {\n margin: 0 0 0 var(--spacing-4);\n}\n.zd-iterable-page-size.v-input {\n align-items: center;\n}", map: undefined, media: undefined });
40600
40744
 
40601
40745
  };
40602
40746
  /* scoped */
@@ -40659,6 +40803,7 @@ var __vue_render__$F = function () {
40659
40803
  ],
40660
40804
  class: ["zd-iterable-page-info", _vm.instance.cssClass],
40661
40805
  style: _vm.instance.cssStyle,
40806
+ attrs: { id: _vm.instance.name },
40662
40807
  },
40663
40808
  [_vm._v("\n " + _vm._s(_vm.instance.iterableComponent.pageText) + "\n")]
40664
40809
  )
@@ -40669,7 +40814,7 @@ __vue_render__$F._withStripped = true;
40669
40814
  /* style */
40670
40815
  const __vue_inject_styles__$F = function (inject) {
40671
40816
  if (!inject) return
40672
- inject("data-v-3468fd93_0", { source: ".zd-iterable-page-info {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n white-space: nowrap;\n margin-left: var(--spacing-4);\n height: 24px;\n line-height: 24px;\n color: var(--zd-font-color);\n}", map: undefined, media: undefined });
40817
+ inject("data-v-8f2a94b6_0", { source: ".zd-iterable-page-info {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n white-space: nowrap;\n margin-left: var(--spacing-4);\n height: 24px;\n line-height: 24px;\n color: var(--zd-font-color);\n}", map: undefined, media: undefined });
40673
40818
 
40674
40819
  };
40675
40820
  /* scoped */
@@ -40709,10 +40854,6 @@ let ZdList = class ZdList extends ZdComponentRender$1 {
40709
40854
  return index + 1 === this.instance.items.length;
40710
40855
  }
40711
40856
  };
40712
- __decorate([
40713
- PropWatch({ type: [Boolean, String], default: false }),
40714
- __metadata("design:type", Boolean)
40715
- ], ZdList.prototype, "dark", void 0);
40716
40857
  __decorate([
40717
40858
  PropWatch({ type: [Boolean, String], default: false }),
40718
40859
  __metadata("design:type", Boolean)
@@ -40725,10 +40866,6 @@ __decorate([
40725
40866
  PropWatch({ type: [Boolean, String], default: false }),
40726
40867
  __metadata("design:type", Boolean)
40727
40868
  ], ZdList.prototype, "divided", void 0);
40728
- __decorate([
40729
- PropWatch({ type: [Boolean, String], default: false }),
40730
- __metadata("design:type", Boolean)
40731
- ], ZdList.prototype, "light", void 0);
40732
40869
  __decorate([
40733
40870
  PropWatch({ type: [Boolean, String], default: false }),
40734
40871
  __metadata("design:type", Boolean)
@@ -40780,6 +40917,7 @@ var __vue_render__$E = function () {
40780
40917
  class: ["zd-list", _vm.instance.cssClass],
40781
40918
  style: _vm.instance.cssStyle,
40782
40919
  attrs: {
40920
+ id: _vm.instance.name,
40783
40921
  dark: _vm.instance.dark,
40784
40922
  dense: _vm.instance.dense,
40785
40923
  disabled: _vm.instance.disabled,
@@ -40793,7 +40931,7 @@ var __vue_render__$E = function () {
40793
40931
  },
40794
40932
  },
40795
40933
  [
40796
- !this.$slots.items
40934
+ !_vm.$slots.items
40797
40935
  ? [
40798
40936
  _vm._l(_vm.instance.items, function (item, index) {
40799
40937
  return [
@@ -40830,7 +40968,7 @@ __vue_render__$E._withStripped = true;
40830
40968
  /* style */
40831
40969
  const __vue_inject_styles__$E = function (inject) {
40832
40970
  if (!inject) return
40833
- inject("data-v-6ba939cc_0", { source: ".zd-list.v-list--dense .zd-list-group.v-list-item--three-line {\n min-height: 76px;\n}\n.zd-list .v-list-item .v-list-item__icon {\n flex-direction: column;\n justify-content: center;\n align-self: center;\n height: auto;\n}\n.zd-list .v-list-item .v-list-item__icon.v-list-group__header__prepend-icon {\n margin: 4px 16px 4px 0;\n}\n.zd-list .v-list-item .v-list-item__icon.v-list-group__header__append-icon {\n margin: 4px 0 4px 16px;\n}\n.zd-list .zd-list-item-title {\n font-size: var(--zd-font-body4-size);\n font-weight: var(--zd-font-body4-weight);\n}\n.zd-list .zd-list-item-subtitle {\n font-size: var(--zd-font-body3-size);\n font-weight: var(--zd-font-body3-weight);\n}", map: undefined, media: undefined });
40971
+ inject("data-v-ac169338_0", { source: ".zd-list.v-list--dense .zd-list-group.v-list-item--three-line {\n min-height: 76px;\n}\n.zd-list .v-list-item .v-list-item__icon {\n flex-direction: column;\n justify-content: center;\n align-self: center;\n height: auto;\n}\n.zd-list .v-list-item .v-list-item__icon.v-list-group__header__prepend-icon {\n margin: 4px 16px 4px 0;\n}\n.zd-list .v-list-item .v-list-item__icon.v-list-group__header__append-icon {\n margin: 4px 0 4px 16px;\n}\n.zd-list .zd-list-item-title {\n font-size: var(--zd-font-body4-size);\n font-weight: var(--zd-font-body4-weight);\n}\n.zd-list .zd-list-item-subtitle {\n font-size: var(--zd-font-body3-size);\n font-weight: var(--zd-font-body3-weight);\n}", map: undefined, media: undefined });
40834
40972
 
40835
40973
  };
40836
40974
  /* scoped */
@@ -40910,7 +41048,7 @@ __vue_render__$D._withStripped = true;
40910
41048
  /* style */
40911
41049
  const __vue_inject_styles__$D = function (inject) {
40912
41050
  if (!inject) return
40913
- inject("data-v-19195620_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: undefined, media: undefined });
41051
+ inject("data-v-6cd27a94_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: undefined, media: undefined });
40914
41052
 
40915
41053
  };
40916
41054
  /* scoped */
@@ -41014,10 +41152,13 @@ var __vue_render__$C = function () {
41014
41152
  class: ["zd-list-item", _vm.instance.cssClass],
41015
41153
  style: _vm.instance.cssStyle,
41016
41154
  attrs: {
41155
+ id: _vm.instance.name,
41017
41156
  disabled: _vm.instance.disabled,
41018
41157
  ripple: _vm.instance.ripple,
41019
41158
  twoLine: _vm.instance.twoLine,
41020
41159
  threeLine: _vm.instance.threeLine,
41160
+ dark: _vm.instance.dark,
41161
+ light: _vm.instance.light,
41021
41162
  },
41022
41163
  on: {
41023
41164
  click: function ($event) {
@@ -41027,7 +41168,7 @@ var __vue_render__$C = function () {
41027
41168
  },
41028
41169
  [
41029
41170
  (_vm.instance.leftField || _vm.instance.prependIcon) &&
41030
- !this.$slots.leftField
41171
+ !_vm.$slots.leftField
41031
41172
  ? _c(
41032
41173
  "div",
41033
41174
  {
@@ -41066,7 +41207,7 @@ var __vue_render__$C = function () {
41066
41207
  }),
41067
41208
  _vm._v(" "),
41068
41209
  (_vm.instance.rightField || _vm.instance.appendIcon) &&
41069
- !this.$slots.rightField
41210
+ !_vm.$slots.rightField
41070
41211
  ? _c(
41071
41212
  "div",
41072
41213
  {
@@ -41188,6 +41329,7 @@ var __vue_render__$B = function () {
41188
41329
  ],
41189
41330
  style: _vm.instance.cssStyle,
41190
41331
  attrs: {
41332
+ id: _vm.instance.name,
41191
41333
  eager: !_vm.instance.lazyLoad,
41192
41334
  ripple: _vm.instance.ripple,
41193
41335
  disabled: _vm.instance.disabled,
@@ -41205,7 +41347,7 @@ var __vue_render__$B = function () {
41205
41347
  return [
41206
41348
  _vm._t("leftField"),
41207
41349
  _vm._v(" "),
41208
- _vm.instance.leftField && !this.$slots.leftField
41350
+ _vm.instance.leftField && !_vm.$slots.leftField
41209
41351
  ? _c(
41210
41352
  _vm.instance.leftField.component,
41211
41353
  _vm._b(
@@ -41248,7 +41390,7 @@ var __vue_render__$B = function () {
41248
41390
  return [
41249
41391
  _vm._t("rightField"),
41250
41392
  _vm._v(" "),
41251
- _vm.instance.rightField && !this.$slots.rightField
41393
+ _vm.instance.rightField && !_vm.$slots.rightField
41252
41394
  ? _c(
41253
41395
  _vm.instance.rightField.component,
41254
41396
  _vm._b(
@@ -41291,7 +41433,7 @@ var __vue_render__$B = function () {
41291
41433
  "v-list",
41292
41434
  { class: ["zd-list zd-pl-4 zd-py-0 group-list"] },
41293
41435
  [
41294
- !this.$slots.items
41436
+ !_vm.$slots.items
41295
41437
  ? _vm._l(_vm.instance.items, function (item) {
41296
41438
  return _c(
41297
41439
  item.component,
@@ -41323,7 +41465,7 @@ __vue_render__$B._withStripped = true;
41323
41465
  /* style */
41324
41466
  const __vue_inject_styles__$B = function (inject) {
41325
41467
  if (!inject) return
41326
- inject("data-v-1066a33a_0", { source: ".zd-list-group .group-list {\n background-color: inherit;\n}\n.zd-list-group.v-list-item--two-line > .v-list-item, .zd-list-group.v-list-item--three-line > .v-list-item {\n min-height: inherit;\n}", map: undefined, media: undefined });
41468
+ inject("data-v-a8f366d4_0", { source: ".zd-list-group .group-list {\n background-color: inherit;\n}\n.zd-list-group.v-list-item--two-line > .v-list-item, .zd-list-group.v-list-item--three-line > .v-list-item {\n min-height: inherit;\n}", map: undefined, media: undefined });
41327
41469
 
41328
41470
  };
41329
41471
  /* scoped */
@@ -41416,9 +41558,12 @@ var __vue_render__$A = function () {
41416
41558
  class: [_vm.cssClass],
41417
41559
  style: [_vm.cssStyle],
41418
41560
  attrs: {
41561
+ id: _vm.loading.name,
41419
41562
  opacity: _vm.opacity,
41420
41563
  value: _vm.loading.isVisible,
41421
41564
  "z-index": _vm.zIndex,
41565
+ dark: _vm.loading.dark,
41566
+ light: _vm.loading.light,
41422
41567
  },
41423
41568
  },
41424
41569
  [
@@ -41464,7 +41609,7 @@ __vue_render__$A._withStripped = true;
41464
41609
  /* style */
41465
41610
  const __vue_inject_styles__$A = function (inject) {
41466
41611
  if (!inject) return
41467
- inject("data-v-588f3078_0", { source: ".text {\n font-size: var(--zd-font-headline-size);\n margin-top: 15px;\n}\n.center-div {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-flow: column;\n}\n.zd-loading .zd-loading-progress > svg,\n.zd-loading .zd-loading-progress > svg .v-progress-circular__overlay {\n -webkit-animation-play-state: running !important;\n animation-play-state: running !important;\n}", map: undefined, media: undefined });
41612
+ inject("data-v-93f52a16_0", { source: ".text {\n font-size: var(--zd-font-headline-size);\n margin-top: 15px;\n}\n.center-div {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-flow: column;\n}\n.zd-loading .zd-loading-progress > svg,\n.zd-loading .zd-loading-progress > svg .v-progress-circular__overlay {\n -webkit-animation-play-state: running !important;\n animation-play-state: running !important;\n}", map: undefined, media: undefined });
41468
41613
 
41469
41614
  };
41470
41615
  /* scoped */
@@ -41571,14 +41716,18 @@ var __vue_render__$z = function () {
41571
41716
  ],
41572
41717
  class: [_vm.instance.cssClass, "zd-login"],
41573
41718
  style: _vm.instance.cssStyle,
41574
- attrs: { name: _vm.instance.name },
41719
+ attrs: { id: _vm.instance.name, name: _vm.instance.name },
41575
41720
  },
41576
41721
  [
41577
41722
  _c(
41578
41723
  "div",
41579
41724
  {
41580
- staticClass: "layout align-center zd-login",
41581
- class: "position-" + _vm.instance.layout,
41725
+ class: [
41726
+ "layout",
41727
+ "align-center",
41728
+ "position-" + _vm.instance.layout,
41729
+ "zd-login-content",
41730
+ ],
41582
41731
  style: "background: " + _vm.instance.backgroundStyle + ";",
41583
41732
  },
41584
41733
  [
@@ -41586,7 +41735,11 @@ var __vue_render__$z = function () {
41586
41735
  "v-card",
41587
41736
  {
41588
41737
  staticClass: "zd-login-card",
41589
- attrs: { width: _vm.instance.cardWidth },
41738
+ attrs: {
41739
+ width: _vm.instance.cardWidth,
41740
+ dark: _vm.instance.dark,
41741
+ light: _vm.instance.light,
41742
+ },
41590
41743
  },
41591
41744
  [
41592
41745
  _c("div", { staticClass: "zd-login-toolbar" }, [
@@ -41640,7 +41793,7 @@ var __vue_render__$z = function () {
41640
41793
  )
41641
41794
  : _vm._e(),
41642
41795
  _vm._v(" "),
41643
- _vm.instance.bottomLink.length && !this.$slots.bottomLink
41796
+ _vm.instance.bottomLink.length && !_vm.$slots.bottomLink
41644
41797
  ? _c(
41645
41798
  "div",
41646
41799
  { staticClass: "zd-login-sign-in" },
@@ -41698,7 +41851,7 @@ __vue_render__$z._withStripped = true;
41698
41851
  /* style */
41699
41852
  const __vue_inject_styles__$z = function (inject) {
41700
41853
  if (!inject) return
41701
- inject("data-v-473f2372_0", { source: ".zd-login {\n background-size: cover !important;\n height: 100%;\n}\n@media only screen and (max-width: 730px) {\n.zd-login .zd-login div.zd-login-card {\n height: 100%;\n border-radius: unset;\n width: 100%;\n}\n.zd-login .zd-login .flex {\n height: 100%;\n}\n}\n@media only screen and (max-width: 960px) {\n.zd-login .zd-login .zd-login-powered-by {\n display: none;\n}\n.zd-login .zd-login .zd-login-powered-by-card {\n display: block;\n}\n}\n.zd-login .zd-login-button {\n width: 100%;\n}\n.zd-login .zd-login-powered-by-card-always-visible {\n display: block !important;\n}\n.zd-login .v-card {\n box-shadow: none;\n margin: 20px;\n}\n.zd-login .position-left {\n justify-content: flex-start;\n}\n.zd-login .position-left .zd-login-powered-by {\n position: absolute;\n bottom: 48px;\n right: 48px;\n}\n.zd-login .position-left .v-sheet {\n border-radius: 0px;\n}\n.zd-login .position-right {\n width: unset;\n justify-content: flex-end;\n}\n.zd-login .position-right .zd-login-powered-by {\n position: absolute;\n bottom: 48px;\n left: 48px;\n}\n.zd-login .position-right .v-sheet {\n border-radius: 0px;\n}\n.zd-login .position-center {\n justify-content: center;\n}\n.zd-login .position-center .zd-login-powered-by {\n position: absolute;\n bottom: 48px;\n left: 48px;\n}\n.zd-login .zd-login-powered-by-card {\n padding: 10px;\n display: none;\n margin-left: auto;\n margin-right: auto;\n}\n.zd-login-card {\n height: 100%;\n padding: 40px;\n background-color: #fff;\n}\n.zd-login-card .zd-login-message {\n font-size: var(--zd-font-headline-size);\n font-weight: var(--zd-font-headline-weight);\n color: var(--zd-font-default-color);\n line-height: 24px;\n margin-bottom: 20px;\n}\n.zd-login-card .zd-login-logo {\n margin-bottom: 20px;\n}\n.zd-login-card .zd-login-toolbar .v-card__title {\n padding: 0;\n align-items: center;\n display: flex;\n flex-wrap: wrap;\n}\n.zd-login-card .zd-login-card-content {\n width: 100%;\n}\n.zd-login-card .zd-login-card-actions {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n margin-top: 20px;\n margin-bottom: 20px;\n}\n.zd-login-card .zd-login-sign-in {\n display: flex;\n align-items: center;\n justify-content: center;\n border-top: solid var(--regular) #f5f5f5;\n padding-top: 10px;\n text-align: center;\n font-size: var(--zd-font-body1-size);\n}\n.zd-login-card .zd-login-social-buttons {\n padding: 10px;\n}\n.zd-login-card .zd-login-social-buttons > img {\n border: solid var(--regular) #e0e0e0;\n border-radius: 50%;\n vertical-align: top;\n position: relative;\n cursor: pointer;\n align-items: center;\n align-content: center;\n}", map: undefined, media: undefined });
41854
+ inject("data-v-557ec43a_0", { source: ".zd-login {\n height: 100vh;\n}\n.zd-login .zd-login-content {\n height: 100%;\n background-size: cover !important;\n}\n@media screen and (max-width: 730px) {\n.zd-login div.zd-login-card {\n border-radius: unset;\n width: 100% !important;\n height: 90%;\n}\n.zd-login .flex {\n height: 100%;\n}\n}\n@media screen and (max-width: 960px) {\n.zd-login .zd-login-powered-by {\n display: none;\n}\n.zd-login .zd-login-powered-by-card {\n display: block;\n}\n}\n.zd-login .zd-login-button {\n width: 100%;\n}\n.zd-login .zd-login-powered-by-card-always-visible {\n display: block !important;\n}\n.zd-login .v-card {\n box-shadow: none;\n margin: 20px;\n}\n.zd-login .position-left {\n justify-content: flex-start;\n}\n.zd-login .position-left .zd-login-powered-by {\n position: absolute;\n bottom: 48px;\n right: 48px;\n}\n.zd-login .position-left .v-sheet {\n border-radius: 0px;\n}\n.zd-login .position-right {\n width: unset;\n justify-content: flex-end;\n}\n.zd-login .position-right .zd-login-powered-by {\n position: absolute;\n bottom: 48px;\n left: 48px;\n}\n.zd-login .position-right .v-sheet {\n border-radius: 0px;\n}\n.zd-login .position-center {\n justify-content: center;\n}\n.zd-login .position-center .zd-login-powered-by {\n position: absolute;\n bottom: 48px;\n left: 48px;\n}\n.zd-login .zd-login-powered-by-card {\n padding: 10px;\n display: none;\n margin-left: auto;\n margin-right: auto;\n}\n.zd-login-card {\n height: 90%;\n padding: 40px;\n background-color: #fff;\n}\n.zd-login-card .zd-login-message {\n font-size: var(--zd-font-headline-size);\n font-weight: var(--zd-font-headline-weight);\n color: var(--zd-font-default-color);\n line-height: 24px;\n margin-bottom: 20px;\n}\n.zd-login-card .zd-login-logo {\n margin-bottom: 20px;\n}\n.zd-login-card .zd-login-toolbar .v-card__title {\n padding: 0;\n align-items: center;\n display: flex;\n flex-wrap: wrap;\n}\n.zd-login-card .zd-login-card-actions {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n margin-top: 20px;\n margin-bottom: 20px;\n}\n.zd-login-card .zd-login-sign-in {\n display: flex;\n align-items: center;\n justify-content: center;\n border-top: solid var(--regular) #f5f5f5;\n padding-top: 10px;\n text-align: center;\n font-size: var(--zd-font-body1-size);\n}\n.zd-login-card .zd-login-social-buttons {\n padding: 10px;\n}\n.zd-login-card .zd-login-social-buttons > img {\n border: solid var(--regular) #e0e0e0;\n border-radius: 50%;\n vertical-align: top;\n position: relative;\n cursor: pointer;\n align-items: center;\n align-content: center;\n}", map: undefined, media: undefined });
41702
41855
 
41703
41856
  };
41704
41857
  /* scoped */
@@ -41758,7 +41911,11 @@ var __vue_render__$y = function () {
41758
41911
  var _c = _vm._self._c || _h;
41759
41912
  return _c("zd-button", {
41760
41913
  staticClass: "zd-login-button",
41761
- attrs: { name: "login-button", "instance-object": _vm.instance },
41914
+ attrs: {
41915
+ id: _vm.instance.name,
41916
+ name: "login-button",
41917
+ "instance-object": _vm.instance,
41918
+ },
41762
41919
  })
41763
41920
  };
41764
41921
  var __vue_staticRenderFns__$y = [];
@@ -41831,13 +41988,22 @@ var __vue_render__$x = function () {
41831
41988
  },
41832
41989
  ],
41833
41990
  style: _vm.instance.cssStyle,
41991
+ attrs: { id: _vm.instance.name },
41834
41992
  },
41835
41993
  [
41836
41994
  _vm._l(_vm.instance.children, function (child, index) {
41837
41995
  return _c(
41838
41996
  child.component,
41839
41997
  _vm._b(
41840
- { key: index, tag: "component", attrs: { parent: _vm.instance } },
41998
+ {
41999
+ key: index,
42000
+ tag: "component",
42001
+ attrs: {
42002
+ parent: _vm.instance,
42003
+ dark: _vm.instance.dark,
42004
+ light: _vm.instance.light,
42005
+ },
42006
+ },
41841
42007
  "component",
41842
42008
  child,
41843
42009
  false
@@ -41930,10 +42096,6 @@ __decorate([
41930
42096
  PropWatch({ type: [Boolean, String], default: false }),
41931
42097
  __metadata("design:type", Object)
41932
42098
  ], ZdMenu.prototype, "floating", void 0);
41933
- __decorate([
41934
- PropWatch({ type: [Boolean, String], default: false }),
41935
- __metadata("design:type", Object)
41936
- ], ZdMenu.prototype, "dark", void 0);
41937
42099
  __decorate([
41938
42100
  PropWatch({ type: [Boolean, String], default: true }),
41939
42101
  __metadata("design:type", Object)
@@ -42024,6 +42186,7 @@ var __vue_render__$w = function () {
42024
42186
  expression: "instance.isVisible",
42025
42187
  },
42026
42188
  ],
42189
+ attrs: { id: _vm.instance.name },
42027
42190
  on: {
42028
42191
  mouseenter: function ($event) {
42029
42192
  return _vm.instance.menuMouseEnter()
@@ -42075,6 +42238,7 @@ var __vue_render__$w = function () {
42075
42238
  app: _vm.instance.app,
42076
42239
  clipped: _vm.instance.clipped,
42077
42240
  dark: _vm.instance.dark,
42241
+ light: _vm.instance.light,
42078
42242
  fixed: _vm.instance.fixed,
42079
42243
  floating: _vm.instance.floating,
42080
42244
  "mini-variant-width": _vm.instance.miniWidth,
@@ -42097,7 +42261,7 @@ var __vue_render__$w = function () {
42097
42261
  [
42098
42262
  _vm.instance.topSlot.length ||
42099
42263
  _vm.instance.showSearch ||
42100
- !!this.$slots.topSlot
42264
+ !!_vm.$slots.topSlot
42101
42265
  ? _c(
42102
42266
  "span",
42103
42267
  {
@@ -42124,18 +42288,15 @@ var __vue_render__$w = function () {
42124
42288
  )
42125
42289
  : _vm._e(),
42126
42290
  _vm._v(" "),
42127
- !this.$slots.topSlot
42291
+ !_vm.$slots.topSlot
42128
42292
  ? _vm._l(_vm.instance.topSlot, function (item) {
42129
42293
  return _c(
42130
42294
  item.component,
42131
- _vm._g(
42132
- _vm._b(
42133
- { key: item.name, tag: "component" },
42134
- "component",
42135
- item,
42136
- false
42137
- ),
42138
- item.events
42295
+ _vm._b(
42296
+ { key: item.name, tag: "component" },
42297
+ "component",
42298
+ item,
42299
+ false
42139
42300
  )
42140
42301
  )
42141
42302
  })
@@ -42182,7 +42343,7 @@ __vue_render__$w._withStripped = true;
42182
42343
  /* style */
42183
42344
  const __vue_inject_styles__$w = function (inject) {
42184
42345
  if (!inject) return
42185
- inject("data-v-72b43690_0", { source: ".zd-menu .v-list .v-list-item .v-list-item__title {\n font-weight: var(--zd-font-body1-weight);\n font-size: var(--zd-font-body1-size);\n color: var(--zd-font-color);\n text-align: left;\n}\n.zd-menu .v-list .v-list-item .v-list-item__icon .v-icon {\n color: var(--zd-font-color);\n}\n.zd-menu .v-list .v-list-item.selected .v-list-item__title {\n font-weight: var(--zd-font-body2-weight);\n color: var(--v-primary-base);\n}\n.zd-menu .v-list .v-list-item.selected .v-list-item__icon .v-icon {\n color: var(--v-primary-base);\n}\n.zd-menu .v-list .v-list-item.v-list-item--active:not(.focus-visible):not(:focus):not([data-focus-visible-added]):not(:hover):before {\n opacity: 0;\n}\n.zd-menu .v-list .v-list-group.selected > .v-list-group__header .v-list-item__title {\n font-weight: var(--zd-font-body2-weight);\n color: var(--v-primary-base);\n}\n.zd-menu .v-list .v-list-group.selected > .v-list-group__header .v-list-item__icon .v-icon {\n color: var(--v-primary-base);\n}\n.zd-menu .v-list .zd-menu-top-slot {\n margin-bottom: 10px;\n display: block;\n}\n.zd-menu.v-navigation-drawer--mini-variant .v-list-item {\n justify-content: inherit;\n}\n.zd-menu.theme--dark .v-list .v-list-item .v-list-item__title {\n color: var(--v--grey-lighten5);\n}\n.zd-menu.theme--dark .v-list .v-list-item .v-list-item__icon .v-icon {\n color: var(--v--grey-lighten5);\n}", map: undefined, media: undefined });
42346
+ inject("data-v-e6c32b74_0", { source: ".zd-menu .v-list .v-list-item .v-list-item__title {\n font-weight: var(--zd-font-body1-weight);\n font-size: var(--zd-font-body1-size);\n color: var(--zd-font-color);\n text-align: left;\n}\n.zd-menu .v-list .v-list-item .v-list-item__icon .v-icon {\n color: var(--zd-font-color);\n}\n.zd-menu .v-list .v-list-item.selected .v-list-item__title {\n font-weight: var(--zd-font-body2-weight);\n color: var(--v-primary-base);\n}\n.zd-menu .v-list .v-list-item.selected .v-list-item__icon .v-icon {\n color: var(--v-primary-base);\n}\n.zd-menu .v-list .v-list-item.v-list-item--active:not(.focus-visible):not(:focus):not([data-focus-visible-added]):not(:hover):before {\n opacity: 0;\n}\n.zd-menu .v-list .v-list-group.selected > .v-list-group__header .v-list-item__title {\n font-weight: var(--zd-font-body2-weight);\n color: var(--v-primary-base);\n}\n.zd-menu .v-list .v-list-group.selected > .v-list-group__header .v-list-item__icon .v-icon {\n color: var(--v-primary-base);\n}\n.zd-menu .v-list .zd-menu-top-slot {\n margin-bottom: 10px;\n display: block;\n}\n.zd-menu.v-navigation-drawer--mini-variant .v-list-item {\n justify-content: inherit;\n}\n.zd-menu.theme--dark .v-list .v-list-item .v-list-item__title {\n color: var(--v--grey-lighten5);\n}\n.zd-menu.theme--dark .v-list .v-list-item .v-list-item__icon .v-icon {\n color: var(--v--grey-lighten5);\n}", map: undefined, media: undefined });
42186
42347
 
42187
42348
  };
42188
42349
  /* scoped */
@@ -42283,7 +42444,7 @@ var __vue_render__$v = function () {
42283
42444
  staticClass: "zd-menu-link",
42284
42445
  class: [{ selected: _vm.instance.isSelected() }, _vm.instance.cssClass],
42285
42446
  style: _vm.instance.cssStyle,
42286
- attrs: { to: _vm.instance.route, link: "" },
42447
+ attrs: { id: _vm.instance.name, to: _vm.instance.route, link: "" },
42287
42448
  on: {
42288
42449
  click: function ($event) {
42289
42450
  return _vm.instance.click($event)
@@ -42320,11 +42481,11 @@ __vue_render__$v._withStripped = true;
42320
42481
  /* style */
42321
42482
  const __vue_inject_styles__$v = function (inject) {
42322
42483
  if (!inject) return
42323
- inject("data-v-3f979d99_0", { source: ".zd-menu-link .zd-menu-link-icon[data-v-3f979d99] {\n margin-right: var(--zd-default-padding);\n margin-left: 2px;\n}", map: undefined, media: undefined });
42484
+ inject("data-v-43cb4ac7_0", { source: ".zd-menu-link .zd-menu-link-icon[data-v-43cb4ac7] {\n margin-right: var(--zd-default-padding);\n margin-left: 2px;\n}", map: undefined, media: undefined });
42324
42485
 
42325
42486
  };
42326
42487
  /* scoped */
42327
- const __vue_scope_id__$v = "data-v-3f979d99";
42488
+ const __vue_scope_id__$v = "data-v-43cb4ac7";
42328
42489
  /* module identifier */
42329
42490
  const __vue_module_identifier__$v = undefined;
42330
42491
  /* functional template */
@@ -42432,7 +42593,10 @@ var __vue_render__$u = function () {
42432
42593
  _vm.instance.cssClass,
42433
42594
  ],
42434
42595
  style: _vm.instance.cssStyle,
42435
- attrs: { "prepend-icon": _vm.$getIcon(_vm.instance.icon) },
42596
+ attrs: {
42597
+ id: _vm.instance.name,
42598
+ "prepend-icon": _vm.$getIcon(_vm.instance.icon),
42599
+ },
42436
42600
  on: { mouseenter: _vm.mouseEnter },
42437
42601
  model: {
42438
42602
  value: _vm.instance.opened,
@@ -42503,7 +42667,7 @@ __vue_render__$u._withStripped = true;
42503
42667
  /* style */
42504
42668
  const __vue_inject_styles__$u = function (inject) {
42505
42669
  if (!inject) return
42506
- inject("data-v-79c4d25f_0", { source: ".zd-menu-group .v-list-group__header .v-list-group__header__prepend-icon {\n margin-right: var(--zd-default-padding);\n margin-left: 2px;\n}\n.zd-menu-group .zd-menu-group-arrow-icon {\n position: absolute;\n top: 10px;\n font-size: 18px;\n transform: rotate(-90deg);\n}\n.zd-menu-group.zd-menu-item-level-1 .v-list-group__items .v-list-item, .zd-menu-group.zd-menu-item-level-1 .v-list-group__items .v-list-group .v-list-group__header {\n padding-left: 48px;\n}\n.zd-menu-group.zd-menu-item-level-2 .v-list-group__items .v-list-item, .zd-menu-group.zd-menu-item-level-2 .v-list-group__items .v-list-group .v-list-group__header {\n padding-left: 58px;\n}\n.zd-menu-group.zd-menu-item-level-3 .v-list-group__items .v-list-item, .zd-menu-group.zd-menu-item-level-3 .v-list-group__items .v-list-group .v-list-group__header {\n padding-left: 68px;\n}\n.zd-menu-group.zd-menu-item-level-4 .v-list-group__items .v-list-item, .zd-menu-group.zd-menu-item-level-4 .v-list-group__items .v-list-group .v-list-group__header {\n padding-left: 78px;\n}", map: undefined, media: undefined });
42670
+ inject("data-v-42e27f1e_0", { source: ".zd-menu-group .v-list-group__header .v-list-group__header__prepend-icon {\n margin-right: var(--zd-default-padding);\n margin-left: 2px;\n}\n.zd-menu-group .zd-menu-group-arrow-icon {\n position: absolute;\n top: 10px;\n font-size: 18px;\n transform: rotate(-90deg);\n}\n.zd-menu-group.zd-menu-item-level-1 .v-list-group__items .v-list-item, .zd-menu-group.zd-menu-item-level-1 .v-list-group__items .v-list-group .v-list-group__header {\n padding-left: 48px;\n}\n.zd-menu-group.zd-menu-item-level-2 .v-list-group__items .v-list-item, .zd-menu-group.zd-menu-item-level-2 .v-list-group__items .v-list-group .v-list-group__header {\n padding-left: 58px;\n}\n.zd-menu-group.zd-menu-item-level-3 .v-list-group__items .v-list-item, .zd-menu-group.zd-menu-item-level-3 .v-list-group__items .v-list-group .v-list-group__header {\n padding-left: 68px;\n}\n.zd-menu-group.zd-menu-item-level-4 .v-list-group__items .v-list-item, .zd-menu-group.zd-menu-item-level-4 .v-list-group__items .v-list-group .v-list-group__header {\n padding-left: 78px;\n}", map: undefined, media: undefined });
42507
42671
 
42508
42672
  };
42509
42673
  /* scoped */
@@ -42571,7 +42735,11 @@ var __vue_render__$t = function () {
42571
42735
  var _c = _vm._self._c || _h;
42572
42736
  return _c("zd-button", {
42573
42737
  staticClass: "zd-menu-button",
42574
- attrs: { name: "menu-button", "instance-object": _vm.instance },
42738
+ attrs: {
42739
+ id: _vm.instance.name,
42740
+ name: "menu-button",
42741
+ "instance-object": _vm.instance,
42742
+ },
42575
42743
  })
42576
42744
  };
42577
42745
  var __vue_staticRenderFns__$t = [];
@@ -42638,6 +42806,7 @@ var __vue_render__$s = function () {
42638
42806
  },
42639
42807
  ],
42640
42808
  staticClass: "zd-menu-separator",
42809
+ attrs: { id: _vm.instance.name },
42641
42810
  })
42642
42811
  };
42643
42812
  var __vue_staticRenderFns__$s = [];
@@ -42646,11 +42815,11 @@ __vue_render__$s._withStripped = true;
42646
42815
  /* style */
42647
42816
  const __vue_inject_styles__$s = function (inject) {
42648
42817
  if (!inject) return
42649
- inject("data-v-3bb57b9d_0", { source: ".zd-menu-separator[data-v-3bb57b9d] {\n margin-bottom: 4px;\n}", map: undefined, media: undefined });
42818
+ inject("data-v-7486d969_0", { source: ".zd-menu-separator[data-v-7486d969] {\n margin-bottom: 4px;\n}", map: undefined, media: undefined });
42650
42819
 
42651
42820
  };
42652
42821
  /* scoped */
42653
- const __vue_scope_id__$s = "data-v-3bb57b9d";
42822
+ const __vue_scope_id__$s = "data-v-7486d969";
42654
42823
  /* module identifier */
42655
42824
  const __vue_module_identifier__$s = undefined;
42656
42825
  /* functional template */
@@ -42714,8 +42883,11 @@ var __vue_render__$r = function () {
42714
42883
  {
42715
42884
  key: modal.name + modal.isVisible,
42716
42885
  attrs: {
42886
+ id: modal.name,
42717
42887
  persistent: modal.persistent,
42718
42888
  fullscreen: modal.fullscreen,
42889
+ dark: modal.dark,
42890
+ light: modal.light,
42719
42891
  "content-class":
42720
42892
  "zd-modal-content " +
42721
42893
  _vm.getSizeClass(modal) +
@@ -42794,7 +42966,7 @@ __vue_render__$r._withStripped = true;
42794
42966
  /* style */
42795
42967
  const __vue_inject_styles__$r = function (inject) {
42796
42968
  if (!inject) return
42797
- inject("data-v-0f378edc_0", { source: ".zd-modal-title {\n padding-bottom: 0px;\n}\n.zd-modal-container {\n padding: 0;\n}\n.zd-modal-flex {\n width: 100%;\n}\n.zd-modal-content > .zd-modal-card > .zd-modal-title {\n padding: var(--zd-default-padding);\n padding-bottom: 0px;\n font-size: var(--zd-font-title-size);\n font-weight: var(--zd-font-title-weight);\n color: var(--zd-font-color);\n}\n.zd-modal-content > .zd-modal-card > .zd-modal-card-text {\n padding: var(--zd-default-padding);\n}", map: undefined, media: undefined });
42969
+ inject("data-v-3ce1058e_0", { source: ".zd-modal-title {\n padding-bottom: 0px;\n}\n.zd-modal-container {\n padding: 0;\n}\n.zd-modal-flex {\n width: 100%;\n}\n.zd-modal-content > .zd-modal-card > .zd-modal-title {\n padding: var(--zd-default-padding);\n padding-bottom: 0px;\n font-size: var(--zd-font-title-size);\n font-weight: var(--zd-font-title-weight);\n color: var(--zd-font-color);\n}\n.zd-modal-content > .zd-modal-card > .zd-modal-card-text {\n padding: var(--zd-default-padding);\n}", map: undefined, media: undefined });
42798
42970
 
42799
42971
  };
42800
42972
  /* scoped */
@@ -42862,7 +43034,11 @@ var __vue_render__$q = function () {
42862
43034
  var _c = _vm._self._c || _h;
42863
43035
  return _c("zd-button", {
42864
43036
  staticClass: "zd-modal-close-button",
42865
- attrs: { name: "modal-close-button", "instance-object": _vm.instance },
43037
+ attrs: {
43038
+ id: _vm.instance.name,
43039
+ name: "modal-close-button",
43040
+ "instance-object": _vm.instance,
43041
+ },
42866
43042
  })
42867
43043
  };
42868
43044
  var __vue_staticRenderFns__$q = [];
@@ -42933,7 +43109,11 @@ var __vue_render__$p = function () {
42933
43109
  var _c = _vm._self._c || _h;
42934
43110
  return _c("zd-date", {
42935
43111
  ref: "instance",
42936
- attrs: { name: "month-picker", "instance-object": _vm.instance },
43112
+ attrs: {
43113
+ id: _vm.instance.name,
43114
+ name: "month-picker",
43115
+ "instance-object": _vm.instance,
43116
+ },
42937
43117
  })
42938
43118
  };
42939
43119
  var __vue_staticRenderFns__$p = [];
@@ -42992,7 +43172,11 @@ var __vue_render__$o = function () {
42992
43172
  var _c = _vm._self._c || _h;
42993
43173
  return _c("zd-text-input", {
42994
43174
  ref: "instance",
42995
- attrs: { name: "password", "instance-object": _vm.instance },
43175
+ attrs: {
43176
+ id: _vm.instance.name,
43177
+ name: "password",
43178
+ "instance-object": _vm.instance,
43179
+ },
42996
43180
  })
42997
43181
  };
42998
43182
  var __vue_staticRenderFns__$o = [];
@@ -43048,10 +43232,6 @@ __decorate([
43048
43232
  PropWatch({ type: String, default: 'primary' }),
43049
43233
  __metadata("design:type", String)
43050
43234
  ], ZdProgress.prototype, "color", void 0);
43051
- __decorate([
43052
- PropWatch({ type: [Boolean, String], default: false }),
43053
- __metadata("design:type", Boolean)
43054
- ], ZdProgress.prototype, "dark", void 0);
43055
43235
  __decorate([
43056
43236
  PropWatch({ type: [Number, String], default: 4 }),
43057
43237
  __metadata("design:type", Object)
@@ -43060,10 +43240,6 @@ __decorate([
43060
43240
  PropWatch({ type: [Boolean, String], default: false }),
43061
43241
  __metadata("design:type", Boolean)
43062
43242
  ], ZdProgress.prototype, "indeterminate", void 0);
43063
- __decorate([
43064
- PropWatch({ type: [Boolean, String], default: false }),
43065
- __metadata("design:type", Boolean)
43066
- ], ZdProgress.prototype, "light", void 0);
43067
43243
  __decorate([
43068
43244
  Prop({ type: [Array, String], default: () => [] }),
43069
43245
  __metadata("design:type", Array)
@@ -43099,6 +43275,7 @@ var __vue_render__$n = function () {
43099
43275
  ],
43100
43276
  class: [_vm.instance.cssClass],
43101
43277
  style: _vm.instance.cssStyle,
43278
+ attrs: { id: _vm.instance.name },
43102
43279
  on: {
43103
43280
  click: function ($event) {
43104
43281
  return _vm.click($event)
@@ -43120,11 +43297,11 @@ var __vue_render__$n = function () {
43120
43297
  false
43121
43298
  ),
43122
43299
  [
43123
- _vm.instance.centerSlot.length || !!this.$slots.centerSlot
43300
+ _vm.instance.centerSlot.length || !!_vm.$slots.centerSlot
43124
43301
  ? _c(
43125
43302
  "div",
43126
43303
  [
43127
- !this.$slots.centerSlot
43304
+ !_vm.$slots.centerSlot
43128
43305
  ? _vm._l(_vm.instance.centerSlot, function (child, index) {
43129
43306
  return _c(
43130
43307
  child.component,
@@ -43241,6 +43418,11 @@ var __vue_render__$m = function () {
43241
43418
  },
43242
43419
  ],
43243
43420
  style: _vm.instance.cssStyle,
43421
+ attrs: {
43422
+ id: _vm.instance.name,
43423
+ dark: _vm.instance.dark,
43424
+ light: _vm.instance.light,
43425
+ },
43244
43426
  on: {
43245
43427
  change: function ($event) {
43246
43428
  return _vm.change($event)
@@ -43297,7 +43479,7 @@ __vue_render__$m._withStripped = true;
43297
43479
  /* style */
43298
43480
  const __vue_inject_styles__$m = function (inject) {
43299
43481
  if (!inject) return
43300
- inject("data-v-d146152a_0", { source: ".zd-radio {\n margin: 0;\n padding: 0;\n}\n.zd-radio .v-input--radio-group__input > .v-label {\n width: 100%;\n}\n.zd-radio .v-label {\n color: var(--zd-font-color);\n font-size: var(--zd-font-body1-size) !important;\n font-weight: var(--zd-font-body1-weight);\n}\n.zd-radio .v-input--selection-controls__input {\n height: var(--icon-size);\n margin: 0 var(--spacing-1) 0 0;\n}\n.zd-radio.v-input--radio-group--column .v-radio:not(:last-child):not(:only-child) {\n margin: 0 0 var(--spacing-2) 0;\n}\n.zd-radio.v-input--radio-group--row .v-radio:not(:last-child):not(:only-child) {\n margin: 0 var(--spacing-4) 0 0;\n}\n.zd-radio .v-input--selection-controls__ripple {\n border-radius: 50%;\n cursor: pointer;\n height: 24px;\n position: absolute;\n transition: inherit;\n width: 24px;\n left: -7px;\n top: calc(50% - 19px);\n margin: 7px;\n}", map: undefined, media: undefined });
43482
+ inject("data-v-8cea505e_0", { source: ".zd-radio {\n margin: 0;\n padding: 0;\n}\n.zd-radio .v-input--radio-group__input > .v-label {\n width: 100%;\n}\n.zd-radio .v-label {\n color: var(--zd-font-color);\n font-size: var(--zd-font-body1-size) !important;\n font-weight: var(--zd-font-body1-weight);\n}\n.zd-radio .v-input--selection-controls__input {\n height: var(--icon-size);\n margin: 0 var(--spacing-1) 0 0;\n}\n.zd-radio.v-input--radio-group--column .v-radio:not(:last-child):not(:only-child) {\n margin: 0 0 var(--spacing-2) 0;\n}\n.zd-radio.v-input--radio-group--row .v-radio:not(:last-child):not(:only-child) {\n margin: 0 var(--spacing-4) 0 0;\n}\n.zd-radio .v-input--selection-controls__ripple {\n border-radius: 50%;\n cursor: pointer;\n height: 24px;\n position: absolute;\n transition: inherit;\n width: 24px;\n left: -7px;\n top: calc(50% - 19px);\n margin: 7px;\n}", map: undefined, media: undefined });
43301
43483
 
43302
43484
  };
43303
43485
  /* scoped */
@@ -43465,6 +43647,7 @@ var __vue_render__$l = function () {
43465
43647
  },
43466
43648
  ],
43467
43649
  ref: "instance",
43650
+ attrs: { id: _vm.instance.name },
43468
43651
  },
43469
43652
  [
43470
43653
  _c(
@@ -43599,7 +43782,7 @@ __vue_render__$l._withStripped = true;
43599
43782
  /* style */
43600
43783
  const __vue_inject_styles__$l = function (inject) {
43601
43784
  if (!inject) return
43602
- inject("data-v-478cc6a5_0", { source: ".v-input.v-input__slider.zd-range-slider {\n margin-top: var(--spacing-1);\n padding-top: var(--spacing-3);\n}\n.v-input.v-input__slider.zd-range-slider .v-input__control .v-messages {\n display: none;\n}\n.v-input.v-input__slider.zd-range-slider .v-input__control .v-input__slot {\n margin: 0;\n}\n.v-input.v-input__slider.zd-range-slider .v-input__control .v-input__slot label.v-label {\n position: absolute !important;\n}\n.v-input.v-input__slider.zd-range-slider .v-input__control .v-input__slot .v-slider .v-slider__thumb:before {\n left: -13px;\n top: -13px;\n}\n.v-input.v-input__slider.zd-range-slider .v-input__control .v-input__slot .v-slider.v-slider--horizontal {\n min-height: 10px;\n}\n.v-input.v-input__slider.zd-range-slider .v-input__control .v-input__slot .v-slider__tick-label {\n font-size: var(--zd-font-body1-size);\n color: var(--zd-font-color);\n}\n.v-input.v-input__slider.zd-range-slider.v-input__slider--inverse-label .v-input__control .v-input__slot label.v-label {\n left: auto !important;\n right: 0 !important;\n}\n.v-input.v-input__slider.zd-range-slider .v-slider__thumb {\n width: 10px;\n height: 10px;\n left: -5px;\n}\n.zd-range-limits {\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n font-size: 9px;\n display: flex;\n justify-content: space-between;\n padding-top: var(--spacing-1);\n}\n.zd-thumb-no-customize .v-slider__thumb-container .v-slider__thumb-label-container .v-slider__thumb-label {\n background-color: transparent !important;\n color: var(--zd-font-color);\n padding: 30px 0 0 30px;\n width: max-content !important;\n font-size: 9px;\n}", map: undefined, media: undefined });
43785
+ inject("data-v-692004ba_0", { source: ".v-input.v-input__slider.zd-range-slider {\n margin-top: var(--spacing-1);\n padding-top: var(--spacing-3);\n}\n.v-input.v-input__slider.zd-range-slider .v-input__control .v-messages {\n display: none;\n}\n.v-input.v-input__slider.zd-range-slider .v-input__control .v-input__slot {\n margin: 0;\n}\n.v-input.v-input__slider.zd-range-slider .v-input__control .v-input__slot label.v-label {\n position: absolute !important;\n}\n.v-input.v-input__slider.zd-range-slider .v-input__control .v-input__slot .v-slider .v-slider__thumb:before {\n left: -13px;\n top: -13px;\n}\n.v-input.v-input__slider.zd-range-slider .v-input__control .v-input__slot .v-slider.v-slider--horizontal {\n min-height: 10px;\n}\n.v-input.v-input__slider.zd-range-slider .v-input__control .v-input__slot .v-slider__tick-label {\n font-size: var(--zd-font-body1-size);\n color: var(--zd-font-color);\n}\n.v-input.v-input__slider.zd-range-slider.v-input__slider--inverse-label .v-input__control .v-input__slot label.v-label {\n left: auto !important;\n right: 0 !important;\n}\n.v-input.v-input__slider.zd-range-slider .v-slider__thumb {\n width: 10px;\n height: 10px;\n left: -5px;\n}\n.zd-range-limits {\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n font-size: 9px;\n display: flex;\n justify-content: space-between;\n padding-top: var(--spacing-1);\n}\n.zd-thumb-no-customize .v-slider__thumb-container .v-slider__thumb-label-container .v-slider__thumb-label {\n background-color: transparent !important;\n color: var(--zd-font-color);\n padding: 30px 0 0 30px;\n width: max-content !important;\n font-size: 9px;\n}", map: undefined, media: undefined });
43603
43786
 
43604
43787
  };
43605
43788
  /* scoped */
@@ -43680,6 +43863,7 @@ var __vue_render__$k = function () {
43680
43863
  class: _vm.instance.cssClass,
43681
43864
  style: _vm.instance.cssStyle,
43682
43865
  attrs: {
43866
+ id: _vm.instance.name,
43683
43867
  name: _vm.instance.name,
43684
43868
  dense: _vm.instance.dense,
43685
43869
  justify: _vm.instance.justify,
@@ -43796,6 +43980,7 @@ var __vue_render__$j = function () {
43796
43980
  ref: "instance",
43797
43981
  staticClass: "zd-grid-search",
43798
43982
  attrs: {
43983
+ id: _vm.instance.name,
43799
43984
  name: "zdGridSearch",
43800
43985
  value: _vm.getSearchValue(),
43801
43986
  "instance-object": _vm.instance,
@@ -44091,6 +44276,7 @@ var __vue_render__$i = function () {
44091
44276
  ],
44092
44277
  style: _vm.instance.cssStyle,
44093
44278
  attrs: {
44279
+ id: _vm.instance.name,
44094
44280
  "return-object": "",
44095
44281
  "validate-on-blur": "",
44096
44282
  "no-filter": "",
@@ -44455,7 +44641,7 @@ __vue_render__$i._withStripped = true;
44455
44641
  /* style */
44456
44642
  const __vue_inject_styles__$i = function (inject) {
44457
44643
  if (!inject) return
44458
- inject("data-v-3f9b7ff8_0", { source: ".zd-select-multiple--one-line .v-select__slot .v-select__selections {\n flex-wrap: nowrap;\n}\n.zd-select-multiple:not(.zd-select-multiple--one-line) .v-select__slot .v-select__selections {\n flex-wrap: wrap;\n padding-bottom: 0 !important;\n}\n.zd-select-multiple:not(.zd-select-multiple--one-line) .v-select__slot .v-select__selections .v-chip {\n margin-bottom: 0.2rem;\n margin-top: 0.2rem;\n}\n.zd-select-multiple:not(.zd-select-multiple--one-line) .v-select__slot .v-select__selections input {\n position: relative;\n top: -2px;\n}\n.zd-select-multiple .v-input > .v-input__control > .v-input__slot > .v-select__slot input {\n padding: 0;\n}\n.zd-select-multiple-autocomplete.v-input > .v-input__control > .v-input__slot > .v-select__slot input {\n padding: 0 var(--spacing-1);\n}\n.zd-select-multiple .v-select__slot .v-select__selections {\n padding: 0px 7px 0px 7px;\n}\n.zd-select-multiple .v-select__slot .v-select__selections .v-chip {\n margin: 0 var(--spacing-1) 0 0;\n}\n.zd-select-multiple .v-select__slot .v-select__selections .v-chip.v-size--x-small {\n height: 15px;\n}\n.zd-select-multiple .v-select__slot .v-select__selections .v-chip.v-size--x-small .chip-text {\n font-size: 12px;\n}\n.zd-select-multiple .v-select__slot .v-select__selections .v-chip--removable.v-size--x-small .v-chip__content .v-chip__close {\n font-size: 14px !important;\n margin-left: var(--spacing-2);\n margin-right: -6px;\n}\n.zd-select-multiple .v-select__slot .v-select__selections .more-items {\n line-height: 15px;\n}\n.zd-select-multiple .v-input__slot {\n min-height: 24px;\n}\n.zd-select-multiple.zd-dense .v-input__slot {\n min-height: 24px;\n}\n.zd-select-multiple.zd-dense .v-select__slot .v-select__selections {\n padding: 0 var(--spacing-1);\n}\n.zd-select-multiple.zd-dense .v-select__slot .v-select__selections .v-chip {\n margin-bottom: 0.2rem;\n margin-top: 0.2rem;\n}\n.zd-select-multiple.v-input--is-focused .v-select__slot .v-select__selections .v-chip .v-chip__content .chip-text {\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.v-menu__content.zd-select-menu .v-select-list div.v-list-item__action {\n margin: 0 var(--zd-default-padding) 0 0;\n}\n.v-menu__content.zd-select-menu .v-select-list > .v-list-item .v-input--selection-controls__ripple {\n margin: 0;\n}\n.v-menu__content.zd-select-menu .v-select-list .v-list-item--disabled .v-simple-checkbox .v-icon {\n opacity: 0.5;\n}", map: undefined, media: undefined });
44644
+ inject("data-v-7d99b3b4_0", { source: ".zd-select-multiple--one-line .v-select__slot .v-select__selections {\n flex-wrap: nowrap;\n}\n.zd-select-multiple:not(.zd-select-multiple--one-line) .v-select__slot .v-select__selections {\n flex-wrap: wrap;\n padding-bottom: 0 !important;\n}\n.zd-select-multiple:not(.zd-select-multiple--one-line) .v-select__slot .v-select__selections .v-chip {\n margin-bottom: 0.2rem;\n margin-top: 0.2rem;\n}\n.zd-select-multiple:not(.zd-select-multiple--one-line) .v-select__slot .v-select__selections input {\n position: relative;\n top: -2px;\n}\n.zd-select-multiple .v-input > .v-input__control > .v-input__slot > .v-select__slot input {\n padding: 0;\n}\n.zd-select-multiple-autocomplete.v-input > .v-input__control > .v-input__slot > .v-select__slot input {\n padding: 0 var(--spacing-1);\n}\n.zd-select-multiple .v-select__slot .v-select__selections {\n padding: 0px 7px 0px 7px;\n}\n.zd-select-multiple .v-select__slot .v-select__selections .v-chip {\n margin: 0 var(--spacing-1) 0 0;\n}\n.zd-select-multiple .v-select__slot .v-select__selections .v-chip.v-size--x-small {\n height: 15px;\n}\n.zd-select-multiple .v-select__slot .v-select__selections .v-chip.v-size--x-small .chip-text {\n font-size: 12px;\n}\n.zd-select-multiple .v-select__slot .v-select__selections .v-chip--removable.v-size--x-small .v-chip__content .v-chip__close {\n font-size: 14px !important;\n margin-left: var(--spacing-2);\n margin-right: -6px;\n}\n.zd-select-multiple .v-select__slot .v-select__selections .more-items {\n line-height: 15px;\n}\n.zd-select-multiple .v-input__slot {\n min-height: 24px;\n}\n.zd-select-multiple.zd-dense .v-input__slot {\n min-height: 24px;\n}\n.zd-select-multiple.zd-dense .v-select__slot .v-select__selections {\n padding: 0 var(--spacing-1);\n}\n.zd-select-multiple.zd-dense .v-select__slot .v-select__selections .v-chip {\n margin-bottom: 0.2rem;\n margin-top: 0.2rem;\n}\n.zd-select-multiple.v-input--is-focused .v-select__slot .v-select__selections .v-chip .v-chip__content .chip-text {\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.v-menu__content.zd-select-menu .v-select-list div.v-list-item__action {\n margin: 0 var(--zd-default-padding) 0 0;\n}\n.v-menu__content.zd-select-menu .v-select-list > .v-list-item .v-input--selection-controls__ripple {\n margin: 0;\n}\n.v-menu__content.zd-select-menu .v-select-list .v-list-item--disabled .v-simple-checkbox .v-icon {\n opacity: 0.5;\n}", map: undefined, media: undefined });
44459
44645
 
44460
44646
  };
44461
44647
  /* scoped */
@@ -44567,6 +44753,10 @@ __decorate([
44567
44753
  Prop({ type: [Boolean, String], default: false }),
44568
44754
  __metadata("design:type", Object)
44569
44755
  ], ZdSelectTree.prototype, "disableParentNode", void 0);
44756
+ __decorate([
44757
+ Prop({ validator: (prop) => typeof prop === 'boolean' || prop === null }),
44758
+ __metadata("design:type", Boolean)
44759
+ ], ZdSelectTree.prototype, "preventLoadOnFocus", void 0);
44570
44760
  __decorate([
44571
44761
  Prop({ type: Object, default: () => ({}) }),
44572
44762
  __metadata("design:type", Object)
@@ -44652,9 +44842,15 @@ var __vue_render__$h = function () {
44652
44842
  "zd-input-required": _vm.instance.validations.required,
44653
44843
  "zd-select-tree-error": _vm.instance.validationError !== "",
44654
44844
  },
44845
+ {
44846
+ "theme--dark":
44847
+ (_vm.$vuetify.theme.dark && !_vm.instance.light) ||
44848
+ _vm.instance.dark,
44849
+ },
44850
+ { "theme--light": !_vm.$vuetify.theme.dark || _vm.instance.light },
44655
44851
  ],
44656
44852
  style: _vm.instance.cssStyle,
44657
- attrs: { name: _vm.instance.name },
44853
+ attrs: { id: _vm.instance.name, name: _vm.instance.name },
44658
44854
  on: { click: _vm.click },
44659
44855
  },
44660
44856
  [
@@ -44667,6 +44863,7 @@ var __vue_render__$h = function () {
44667
44863
  "v-icon",
44668
44864
  {
44669
44865
  staticClass: "zd-select-tree-prepend-outer-icon",
44866
+ attrs: { dark: _vm.instance.dark, light: _vm.instance.light },
44670
44867
  on: {
44671
44868
  click: function ($event) {
44672
44869
  return _vm.instance.prependOuterIconClick($event, _vm.$el)
@@ -44685,7 +44882,20 @@ var __vue_render__$h = function () {
44685
44882
  _vm._v(" "),
44686
44883
  _c(
44687
44884
  "div",
44688
- { staticClass: "zd-select-tree-input-container" },
44885
+ {
44886
+ class: [
44887
+ "zd-select-tree-input-container",
44888
+ {
44889
+ "theme--dark":
44890
+ (_vm.$vuetify.theme.dark && !_vm.instance.light) ||
44891
+ _vm.instance.dark,
44892
+ },
44893
+ {
44894
+ "theme--light":
44895
+ !_vm.$vuetify.theme.dark || _vm.instance.light,
44896
+ },
44897
+ ],
44898
+ },
44689
44899
  [
44690
44900
  _vm.instance.label && _vm.instance.showLabel
44691
44901
  ? _c("zd-text", {
@@ -44732,14 +44942,29 @@ var __vue_render__$h = function () {
44732
44942
  },
44733
44943
  },
44734
44944
  model: {
44735
- value: _vm.instance.value,
44945
+ value: _vm.instance.selectValue,
44736
44946
  callback: function ($$v) {
44737
- _vm.$set(_vm.instance, "value", $$v);
44947
+ _vm.$set(_vm.instance, "selectValue", $$v);
44738
44948
  },
44739
- expression: "instance.value",
44949
+ expression: "instance.selectValue",
44740
44950
  },
44741
44951
  }),
44742
44952
  _vm._v(" "),
44953
+ !!_vm.instance.datasource && _vm.instance.datasource.loading
44954
+ ? _c("v-progress-linear", {
44955
+ staticClass: "zd-select-tree-loading",
44956
+ attrs: {
44957
+ active:
44958
+ !!_vm.instance.datasource &&
44959
+ _vm.instance.datasource.loading,
44960
+ indeterminate: "",
44961
+ absolute: "",
44962
+ color: "primary",
44963
+ height: "2",
44964
+ },
44965
+ })
44966
+ : _vm._e(),
44967
+ _vm._v(" "),
44743
44968
  !_vm.instance.autoHintDetails ||
44744
44969
  _vm.instance.hint ||
44745
44970
  _vm.instance.validationError !== ""
@@ -44754,7 +44979,7 @@ var __vue_render__$h = function () {
44754
44979
  { staticClass: "zd-select-tree-details-message" },
44755
44980
  [
44756
44981
  _vm._v(
44757
- " \n " +
44982
+ "\n " +
44758
44983
  _vm._s(
44759
44984
  _vm.instance.validationError ||
44760
44985
  _vm.instance.hint
@@ -44802,7 +45027,7 @@ __vue_render__$h._withStripped = true;
44802
45027
  /* style */
44803
45028
  const __vue_inject_styles__$h = function (inject) {
44804
45029
  if (!inject) return
44805
- inject("data-v-739fe33d_0", { source: ".zd-select-tree {\n color: var(--zd-font-color);\n font-size: var(--zd-font-body1-size);\n font-family: var(--font-family);\n margin-top: var(--spacing-1);\n}\n.zd-select-tree .vue-treeselect__control {\n border-radius: var(--border);\n height: 34px;\n}\n.zd-select-tree .vue-treeselect__control .vue-treeselect__single-value {\n line-height: 32px;\n}\n.zd-select-tree .vue-treeselect__control-arrow-container svg {\n transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), visibility 0s;\n}\n.zd-select-tree .zd-select-tree-label {\n font-weight: var(--zd-font-body1-weight);\n pointer-events: none;\n line-height: 1rem;\n position: relative;\n top: -1px;\n}\n.zd-select-tree .zd-select-tree-label p {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.zd-select-tree.zd-select-tree-disabled {\n opacity: 0.5;\n}\n.zd-select-tree .vue-treeselect__single-value, .zd-select-tree input {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n cursor: text;\n}\n.zd-select-tree.zd-select-tree-error .zd-select-tree-label {\n color: var(--v-error-base) !important;\n animation: v-shake 0.6s cubic-bezier(0.25, 0.8, 0.5, 1);\n}\n.zd-select-tree.zd-select-tree-error .zd-select-tree-details {\n color: var(--v-error-base) !important;\n}\n.zd-select-tree.zd-select-tree-error .vue-treeselect__control {\n border-color: var(--v-error-base) !important;\n}\n.zd-select-tree.zd-select-tree-error .vue-treeselect__control-arrow-container svg, .zd-select-tree.zd-select-tree-error .vue-treeselect__x-container svg {\n color: var(--v-error-base);\n}\n.zd-select-tree.zd-select-tree-error .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-select-tree-error .zd-select-tree-append-outer-icon {\n color: var(--v-error-base);\n}\n.zd-select-tree .vue-treeselect--focused .vue-treeselect__control-arrow-container svg, .zd-select-tree .vue-treeselect--focused .vue-treeselect__x-container svg {\n color: var(--v-primary-base);\n}\n.zd-select-tree .zd-select-tree-details {\n min-height: 13px;\n font-size: 11px;\n display: flex;\n flex: 1 0 auto;\n max-width: 100%;\n overflow: hidden;\n color: rgba(0, 0, 0, 0.6);\n line-height: 1;\n position: relative;\n top: 1px;\n}\n.zd-select-tree.zd-dense .zd-select-tree-details {\n min-height: 11px;\n}\n.zd-select-tree.zd-dense .vue-treeselect__control {\n height: 24px;\n}\n.zd-select-tree.zd-dense .vue-treeselect__control .vue-treeselect__single-value {\n line-height: 22px;\n}\n.zd-select-tree.zd-dense .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-dense .zd-select-tree-append-outer-icon {\n margin-top: 20px;\n}\n.zd-select-tree.zd-dense.zd-no-label .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-dense.zd-no-label .zd-select-tree-append-outer-icon {\n margin-top: 4px;\n}\n.zd-select-tree.zd-no-helper .zd-select-tree-details {\n display: none;\n}\n.zd-select-tree.zd-no-border .vue-treeselect__control {\n border: none !important;\n}\n.zd-select-tree .zd-select-tree-container {\n display: flex;\n}\n.zd-select-tree .zd-select-tree-prepend-outer-icon, .zd-select-tree .zd-select-tree-append-outer-icon {\n font-size: var(--icon-size-small);\n margin-top: 25px;\n height: 16px;\n}\n.zd-select-tree .zd-select-tree-prepend-outer-icon {\n margin-right: 8px;\n}\n.zd-select-tree.zd-no-label .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-no-label .zd-select-tree-append-outer-icon {\n margin-top: 10px;\n}\n.zd-select-tree .zd-select-tree-append-outer-icon {\n margin-left: 8px;\n}\n.vue-treeselect--searchable .vue-treeselect__multi-value-item-container {\n margin-top: 3px;\n}\n.vue-treeselect--single .vue-treeselect__option--selected {\n background: #7725831a;\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n}\n.vue-treeselect--single .vue-treeselect__option--selected:hover {\n background: #7725831a;\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n}\n.vue-treeselect--multi :not(.vue-treeselect--searchable) .vue-treeselect__multi-value-item-container {\n margin: 3px 0;\n}\n.vue-treeselect__label {\n padding-left: 10px;\n}\n.vue-treeselect__menu-container {\n color: var(--zd-font-color);\n font-size: var(--zd-font-body1-size);\n font-family: var(--font-family);\n}\n.vue-treeselect__menu-container .vue-treeselect__icon-warning {\n display: none;\n}\n.vue-treeselect__menu-container .vue-treeselect__option--disabled {\n opacity: 0.5;\n}", map: undefined, media: undefined });
45030
+ inject("data-v-1b189cb7_0", { source: ".zd-select-tree-loading {\n margin-top: -1px;\n width: calc(100% - 2px);\n margin-left: 1px;\n}\n.zd-select-tree {\n color: var(--zd-font-color);\n font-size: var(--zd-font-body1-size);\n font-family: var(--font-family);\n margin-top: var(--spacing-1);\n}\n.zd-select-tree.theme--dark .vue-treeselect__control {\n background-color: #1e1e1e;\n}\n.zd-select-tree .vue-treeselect__control {\n border-radius: var(--border);\n height: 34px;\n}\n.zd-select-tree .vue-treeselect__control .vue-treeselect__single-value {\n line-height: 32px;\n}\n.zd-select-tree .vue-treeselect__control-arrow-container svg {\n transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), visibility 0s;\n}\n.zd-select-tree .zd-select-tree-label {\n font-weight: var(--zd-font-body1-weight);\n pointer-events: none;\n line-height: 1rem;\n position: relative;\n top: -1px;\n}\n.zd-select-tree .zd-select-tree-label p {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.zd-select-tree.zd-select-tree-disabled {\n opacity: 0.5;\n}\n.zd-select-tree .vue-treeselect__single-value, .zd-select-tree input {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n cursor: text;\n}\n.zd-select-tree.zd-select-tree-error .zd-select-tree-label {\n color: var(--v-error-base) !important;\n animation: v-shake 0.6s cubic-bezier(0.25, 0.8, 0.5, 1);\n}\n.zd-select-tree.zd-select-tree-error .zd-select-tree-details {\n color: var(--v-error-base) !important;\n}\n.zd-select-tree.zd-select-tree-error .vue-treeselect__control {\n border-color: var(--v-error-base) !important;\n}\n.zd-select-tree.zd-select-tree-error .vue-treeselect__control-arrow-container svg, .zd-select-tree.zd-select-tree-error .vue-treeselect__x-container svg {\n color: var(--v-error-base);\n}\n.zd-select-tree.zd-select-tree-error .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-select-tree-error .zd-select-tree-append-outer-icon {\n color: var(--v-error-base);\n}\n.zd-select-tree .vue-treeselect--focused .vue-treeselect__control-arrow-container svg, .zd-select-tree .vue-treeselect--focused .vue-treeselect__x-container svg {\n color: var(--v-primary-base);\n}\n.zd-select-tree .zd-select-tree-details {\n min-height: 13px;\n font-size: 11px;\n display: flex;\n flex: 1 0 auto;\n max-width: 100%;\n overflow: hidden;\n color: rgba(0, 0, 0, 0.6);\n line-height: 1;\n position: relative;\n top: 1px;\n}\n.zd-select-tree.zd-dense .zd-select-tree-details {\n min-height: 11px;\n}\n.zd-select-tree.zd-dense .vue-treeselect__control {\n height: 24px;\n}\n.zd-select-tree.zd-dense .vue-treeselect__control .vue-treeselect__single-value {\n line-height: 22px;\n}\n.zd-select-tree.zd-dense .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-dense .zd-select-tree-append-outer-icon {\n margin-top: 20px;\n}\n.zd-select-tree.zd-dense.zd-no-label .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-dense.zd-no-label .zd-select-tree-append-outer-icon {\n margin-top: 4px;\n}\n.zd-select-tree.zd-no-helper .zd-select-tree-details {\n display: none;\n}\n.zd-select-tree.zd-no-border .vue-treeselect__control {\n border: none !important;\n}\n.zd-select-tree .zd-select-tree-container {\n display: flex;\n}\n.zd-select-tree .zd-select-tree-prepend-outer-icon, .zd-select-tree .zd-select-tree-append-outer-icon {\n font-size: var(--icon-size-small);\n margin-top: 25px;\n height: 16px;\n}\n.zd-select-tree .zd-select-tree-prepend-outer-icon {\n margin-right: 8px;\n}\n.zd-select-tree.zd-no-label .zd-select-tree-prepend-outer-icon, .zd-select-tree.zd-no-label .zd-select-tree-append-outer-icon {\n margin-top: 10px;\n}\n.zd-select-tree .zd-select-tree-append-outer-icon {\n margin-left: 8px;\n}\n.vue-treeselect--searchable .vue-treeselect__multi-value-item-container {\n margin-top: 3px;\n}\n.vue-treeselect--single .vue-treeselect__option--selected {\n background: #7725831a;\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n}\n.vue-treeselect--single .vue-treeselect__option--selected:hover {\n background: #7725831a;\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n}\n.vue-treeselect--multi :not(.vue-treeselect--searchable) .vue-treeselect__multi-value-item-container {\n margin: 3px 0;\n}\n.vue-treeselect__label {\n padding-left: 10px;\n}\n.vue-treeselect__menu-container {\n color: var(--zd-font-color);\n font-size: var(--zd-font-body1-size);\n font-family: var(--font-family);\n}\n.vue-treeselect__menu-container .vue-treeselect__icon-warning {\n display: none;\n}\n.vue-treeselect__menu-container .vue-treeselect__option--disabled {\n opacity: 0.5;\n}", map: undefined, media: undefined });
44806
45031
 
44807
45032
  };
44808
45033
  /* scoped */
@@ -44891,9 +45116,15 @@ var __vue_render__$g = function () {
44891
45116
  "zd-input-required": _vm.instance.validations.required,
44892
45117
  "zd-select-tree-error": _vm.instance.validationError !== "",
44893
45118
  },
45119
+ {
45120
+ "theme--dark":
45121
+ (_vm.$vuetify.theme.dark && !_vm.instance.light) ||
45122
+ _vm.instance.dark,
45123
+ },
45124
+ { "theme--light": !_vm.$vuetify.theme.dark || _vm.instance.light },
44894
45125
  ],
44895
45126
  style: _vm.instance.cssStyle,
44896
- attrs: { name: _vm.instance.name },
45127
+ attrs: { id: _vm.instance.name, name: _vm.instance.name },
44897
45128
  },
44898
45129
  [
44899
45130
  _c(
@@ -44972,14 +45203,29 @@ var __vue_render__$g = function () {
44972
45203
  "search-change": _vm.onSearchChange,
44973
45204
  },
44974
45205
  model: {
44975
- value: _vm.instance.value,
45206
+ value: _vm.instance.selectValue,
44976
45207
  callback: function ($$v) {
44977
- _vm.$set(_vm.instance, "value", $$v);
45208
+ _vm.$set(_vm.instance, "selectValue", $$v);
44978
45209
  },
44979
- expression: "instance.value",
45210
+ expression: "instance.selectValue",
44980
45211
  },
44981
45212
  }),
44982
45213
  _vm._v(" "),
45214
+ !!_vm.instance.datasource && _vm.instance.datasource.loading
45215
+ ? _c("v-progress-linear", {
45216
+ staticClass: "zd-select-tree-multiple-loading",
45217
+ attrs: {
45218
+ active:
45219
+ !!_vm.instance.datasource &&
45220
+ _vm.instance.datasource.loading,
45221
+ indeterminate: "",
45222
+ absolute: "",
45223
+ color: "primary",
45224
+ height: "2",
45225
+ },
45226
+ })
45227
+ : _vm._e(),
45228
+ _vm._v(" "),
44983
45229
  !_vm.instance.autoHintDetails ||
44984
45230
  _vm.instance.hint ||
44985
45231
  _vm.instance.validationError !== ""
@@ -44994,7 +45240,7 @@ var __vue_render__$g = function () {
44994
45240
  { staticClass: "zd-select-tree-details-message" },
44995
45241
  [
44996
45242
  _vm._v(
44997
- " \n " +
45243
+ "\n " +
44998
45244
  _vm._s(
44999
45245
  _vm.instance.validationError ||
45000
45246
  _vm.instance.hint
@@ -45042,7 +45288,7 @@ __vue_render__$g._withStripped = true;
45042
45288
  /* style */
45043
45289
  const __vue_inject_styles__$g = function (inject) {
45044
45290
  if (!inject) return
45045
- inject("data-v-69409e22_0", { source: ".zd-select-tree-multiple .vue-treeselect--multi :not(.vue-treeselect--searchable) .vue-treeselect__multi-value-item-container {\n margin: 1px 0;\n line-height: 16px;\n}\n.zd-select-tree-multiple .vue-treeselect--multi .vue-treeselect__input {\n padding-top: 2px;\n padding-bottom: 2px;\n line-height: 15px;\n}\n.vue-treeselect--searchable .vue-treeselect__multi-value-item-container {\n margin-top: 3px;\n}\n.vue-treeselect--multi :not(.vue-treeselect--searchable) .vue-treeselect__multi-value-item-container {\n margin: 3px 0;\n}", map: undefined, media: undefined });
45291
+ inject("data-v-2650a72c_0", { source: ".zd-select-tree-multiple-loading {\n margin-top: -1px;\n width: calc(100% - 2px);\n margin-left: 1px;\n}\n.zd-select-tree-multiple .vue-treeselect--multi :not(.vue-treeselect--searchable) .vue-treeselect__multi-value-item-container {\n margin: 1px 0;\n line-height: 16px;\n}\n.zd-select-tree-multiple.theme--dark .vue-treeselect__control {\n background-color: #1e1e1e;\n}\n.zd-select-tree-multiple.theme--dark .vue-treeselect__control .vue-treeselect__input {\n color: #fff;\n}\n.zd-select-tree-multiple.theme--dark .vue-treeselect__menu {\n background-color: #1e1e1e;\n}\n.zd-select-tree-multiple .vue-treeselect--multi .vue-treeselect__input {\n padding-top: 2px;\n padding-bottom: 2px;\n line-height: 15px;\n}\n.vue-treeselect--searchable .vue-treeselect__multi-value-item-container {\n margin-top: 3px;\n}\n.vue-treeselect--multi :not(.vue-treeselect--searchable) .vue-treeselect__multi-value-item-container {\n margin: 3px 0;\n}", map: undefined, media: undefined });
45046
45292
 
45047
45293
  };
45048
45294
  /* scoped */
@@ -45142,7 +45388,7 @@ var __vue_render__$f = function () {
45142
45388
  ],
45143
45389
  class: [_vm.instance.cssClass, "zd-speed-dial"],
45144
45390
  style: _vm.instance.cssStyle,
45145
- attrs: { name: _vm.instance.name },
45391
+ attrs: { id: _vm.instance.name, name: _vm.instance.name },
45146
45392
  scopedSlots: _vm._u([
45147
45393
  {
45148
45394
  key: "activator",
@@ -45279,14 +45525,6 @@ __decorate([
45279
45525
  PropWatch({ type: [Boolean, String], default: false }),
45280
45526
  __metadata("design:type", Boolean)
45281
45527
  ], ZdSteppers.prototype, "nonLinear", void 0);
45282
- __decorate([
45283
- PropWatch({ type: [Boolean, String], default: false }),
45284
- __metadata("design:type", Boolean)
45285
- ], ZdSteppers.prototype, "dark", void 0);
45286
- __decorate([
45287
- PropWatch({ type: [Boolean, String], default: false }),
45288
- __metadata("design:type", Boolean)
45289
- ], ZdSteppers.prototype, "light", void 0);
45290
45528
  __decorate([
45291
45529
  PropWatch({ type: [Boolean, String], default: false }),
45292
45530
  __metadata("design:type", Boolean)
@@ -45322,8 +45560,11 @@ var __vue_render__$e = function () {
45322
45560
  class: ["zd-stepper", _vm.instance.cssClass],
45323
45561
  style: _vm.instance.cssStyle,
45324
45562
  attrs: {
45563
+ id: _vm.instance.name,
45325
45564
  "alt-labels": _vm.instance.altLabels,
45326
45565
  vertical: _vm.instance.vertical,
45566
+ dark: _vm.instance.dark,
45567
+ light: _vm.instance.light,
45327
45568
  },
45328
45569
  model: {
45329
45570
  value: _vm.instance.activeStep,
@@ -45455,11 +45696,11 @@ __vue_render__$e._withStripped = true;
45455
45696
  /* style */
45456
45697
  const __vue_inject_styles__$e = function (inject) {
45457
45698
  if (!inject) return
45458
- inject("data-v-4ca20fbf_0", { source: ".zd-stepper[data-v-4ca20fbf] {\n box-shadow: var(--shadow-3);\n}\n.zd-stepper.v-stepper--vertical[data-v-4ca20fbf] .v-stepper__step__step {\n margin: 0 var(--spacing-2) 0 0;\n}", map: undefined, media: undefined });
45699
+ inject("data-v-568f9116_0", { source: ".zd-stepper[data-v-568f9116] {\n box-shadow: var(--shadow-3);\n}\n.zd-stepper.v-stepper--vertical[data-v-568f9116] .v-stepper__step__step {\n margin: 0 var(--spacing-2) 0 0;\n}", map: undefined, media: undefined });
45459
45700
 
45460
45701
  };
45461
45702
  /* scoped */
45462
- const __vue_scope_id__$e = "data-v-4ca20fbf";
45703
+ const __vue_scope_id__$e = "data-v-568f9116";
45463
45704
  /* module identifier */
45464
45705
  const __vue_module_identifier__$e = undefined;
45465
45706
  /* functional template */
@@ -45587,7 +45828,7 @@ var __vue_render__$d = function () {
45587
45828
  ),
45588
45829
  _vm.instance.cssStyle,
45589
45830
  ],
45590
- attrs: { name: _vm.instance.name },
45831
+ attrs: { id: _vm.instance.name, name: _vm.instance.name },
45591
45832
  on: {
45592
45833
  click: function ($event) {
45593
45834
  return _vm.mapClick($event)
@@ -45601,7 +45842,7 @@ __vue_render__$d._withStripped = true;
45601
45842
  /* style */
45602
45843
  const __vue_inject_styles__$d = function (inject) {
45603
45844
  if (!inject) return
45604
- inject("data-v-9a5f4ff8_0", { source: ".zd-svg-map svg {\n width: 100%;\n height: 100%;\n}\n.zd-svg-map:not(.no-area-color) path {\n fill: var(--area-color) !important;\n}\n.zd-svg-map:not(.no-hover-color) path:hover {\n fill: var(--area-hover-color) !important;\n}\n.zd-svg-map:not(.no-select-color) g.active path, .zd-svg-map:not(.no-select-color) path.active {\n fill: var(--area-select-color) !important;\n}", map: undefined, media: undefined });
45845
+ inject("data-v-fe67069c_0", { source: ".zd-svg-map svg {\n width: 100%;\n height: 100%;\n}\n.zd-svg-map:not(.no-area-color) path {\n fill: var(--area-color) !important;\n}\n.zd-svg-map:not(.no-hover-color) path:hover {\n fill: var(--area-hover-color) !important;\n}\n.zd-svg-map:not(.no-select-color) g.active path, .zd-svg-map:not(.no-select-color) path.active {\n fill: var(--area-select-color) !important;\n}", map: undefined, media: undefined });
45605
45846
 
45606
45847
  };
45607
45848
  /* scoped */
@@ -45661,7 +45902,10 @@ var __vue_render__$c = function () {
45661
45902
  var _c = _vm._self._c || _h;
45662
45903
  return _c(
45663
45904
  "span",
45664
- _vm._g({}, Object.assign({}, _vm.$attrs["dropdown-activator"])),
45905
+ _vm._g(
45906
+ { attrs: { id: _vm.instance.name } },
45907
+ Object.assign({}, _vm.$attrs["dropdown-activator"])
45908
+ ),
45665
45909
  [
45666
45910
  _c(
45667
45911
  "v-switch",
@@ -45738,7 +45982,7 @@ __vue_render__$c._withStripped = true;
45738
45982
  /* style */
45739
45983
  const __vue_inject_styles__$c = function (inject) {
45740
45984
  if (!inject) return
45741
- inject("data-v-270dd452_0", { source: ".zd-switch {\n margin: 0;\n padding: 3px 0 0 0;\n}\n.zd-switch .v-label.theme--light {\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n font-size: var(--zd-font-body1-size);\n}\n.zd-switch > .v-input__control > .v-input__slot .v-input--selection-controls__input {\n margin-right: var(--spacing-2);\n}\n.zd-switch > .v-input__control > .v-input__slot .v-input--selection-controls__input:hover .v-input--selection-controls__ripple::before {\n display: none;\n}\n.zd-switch > .v-input__control > .v-input__slot .v-input--selection-controls__input .v-input--switch__thumb {\n box-shadow: var(--shadow-1);\n}\n.zd-switch.zd-no-label .v-label {\n display: none;\n}\n.zd-switch.zd-no-helper > .v-input__control > .v-messages {\n display: none;\n}\n.zd-switch.v-input--switch--inset .v-input--switch__track {\n height: var(--icon-size);\n top: calc(50% - var(--icon-size) / 2);\n}\n.zd-switch.v-input--switch--inset .v-input--selection-controls__ripple {\n left: calc(-24px + var(--icon-size-small) / 2);\n}\n.zd-switch.v-input--switch--inset.v-input--is-dirty .v-input--selection-controls__ripple,\n.zd-switch.v-input--switch--inset.v-input--is-dirty .v-input--switch__thumb {\n transform: translate(calc(48px - var(--icon-size-small) - 2 * var(--spacing-1))) !important;\n}\n.zd-switch.v-input--switch--inset .v-input--switch__thumb {\n width: var(--icon-size-small);\n height: var(--icon-size-small);\n top: calc(50% - var(--icon-size) / 2 + var(--spacing-1));\n}", map: undefined, media: undefined });
45985
+ inject("data-v-5d4cbb06_0", { source: ".zd-switch {\n margin: 0;\n padding: 3px 0 0 0;\n}\n.zd-switch .v-label {\n font-weight: var(--zd-font-body1-weight);\n color: var(--zd-font-color);\n font-size: var(--zd-font-body1-size);\n}\n.zd-switch > .v-input__control > .v-input__slot .v-input--selection-controls__input {\n margin-right: var(--spacing-2);\n}\n.zd-switch > .v-input__control > .v-input__slot .v-input--selection-controls__input:hover .v-input--selection-controls__ripple::before {\n display: none;\n}\n.zd-switch > .v-input__control > .v-input__slot .v-input--selection-controls__input .v-input--switch__thumb {\n box-shadow: var(--shadow-1);\n}\n.zd-switch.zd-no-label .v-label {\n display: none;\n}\n.zd-switch.zd-no-helper > .v-input__control > .v-messages {\n display: none;\n}\n.zd-switch.v-input--switch--inset .v-input--switch__track {\n height: var(--icon-size);\n top: calc(50% - var(--icon-size) / 2);\n}\n.zd-switch.v-input--switch--inset .v-input--selection-controls__ripple {\n left: calc(-24px + var(--icon-size-small) / 2);\n}\n.zd-switch.v-input--switch--inset.v-input--is-dirty .v-input--selection-controls__ripple,\n.zd-switch.v-input--switch--inset.v-input--is-dirty .v-input--switch__thumb {\n transform: translate(calc(48px - var(--icon-size-small) - 2 * var(--spacing-1))) !important;\n}\n.zd-switch.v-input--switch--inset .v-input--switch__thumb {\n width: var(--icon-size-small);\n height: var(--icon-size-small);\n top: calc(50% - var(--icon-size) / 2 + var(--spacing-1));\n}", map: undefined, media: undefined });
45742
45986
 
45743
45987
  };
45744
45988
  /* scoped */
@@ -45819,6 +46063,11 @@ var __vue_render__$b = function () {
45819
46063
  },
45820
46064
  ],
45821
46065
  style: _vm.instance.cssStyle,
46066
+ attrs: {
46067
+ id: _vm.instance.name,
46068
+ dark: _vm.instance.dark,
46069
+ light: _vm.instance.light,
46070
+ },
45822
46071
  },
45823
46072
  [
45824
46073
  _vm.instance.caption.isVisible
@@ -45906,7 +46155,7 @@ __vue_render__$b._withStripped = true;
45906
46155
  /* style */
45907
46156
  const __vue_inject_styles__$b = function (inject) {
45908
46157
  if (!inject) return
45909
- inject("data-v-23137cf8_0", { source: ".zd-table-fill-width {\n width: 100%;\n}\n.zd-table-caption {\n border: var(--regular) solid #dedede;\n border-bottom: 0;\n padding: 12px;\n}\ntable.zd-table, .zd-table tr, .zd-table td {\n border-collapse: collapse;\n}\ntable.zd-table, .zd-table tr, .zd-table td, .zd-table th {\n border: var(--regular) solid #dedede;\n padding: 12px;\n vertical-align: top;\n}", map: undefined, media: undefined });
46158
+ inject("data-v-08f22f82_0", { source: ".zd-table-fill-width {\n width: 100%;\n}\n.zd-table-caption {\n border: var(--regular) solid #dedede;\n border-bottom: 0;\n padding: 12px;\n}\ntable.zd-table, .zd-table tr, .zd-table td {\n border-collapse: collapse;\n}\ntable.zd-table, .zd-table tr, .zd-table td, .zd-table th {\n border: var(--regular) solid #dedede;\n padding: 12px;\n vertical-align: top;\n}", map: undefined, media: undefined });
45910
46159
 
45911
46160
  };
45912
46161
  /* scoped */
@@ -45986,13 +46235,17 @@ var __vue_render__$a = function () {
45986
46235
  ],
45987
46236
  class: ["zd-tabs", _vm.instance.cssClass],
45988
46237
  style: _vm.instance.cssStyle,
45989
- attrs: { name: _vm.instance.name },
46238
+ attrs: { id: _vm.instance.name, name: _vm.instance.name },
45990
46239
  },
45991
46240
  [
45992
46241
  _c(
45993
46242
  "v-tabs",
45994
46243
  {
45995
- attrs: { "show-arrows": "" },
46244
+ attrs: {
46245
+ "show-arrows": "",
46246
+ dark: _vm.instance.dark,
46247
+ light: _vm.instance.light,
46248
+ },
45996
46249
  on: {
45997
46250
  change: function ($event) {
45998
46251
  return _vm.change($event)
@@ -46033,6 +46286,8 @@ var __vue_render__$a = function () {
46033
46286
  index: index,
46034
46287
  isVisible: tab.isVisible,
46035
46288
  tabTitle: tab.tabTitle,
46289
+ dark: tab.dark,
46290
+ light: tab.light,
46036
46291
  },
46037
46292
  false
46038
46293
  )
@@ -46048,6 +46303,7 @@ var __vue_render__$a = function () {
46048
46303
  _c(
46049
46304
  "v-tabs-items",
46050
46305
  {
46306
+ attrs: { dark: _vm.instance.dark, light: _vm.instance.light },
46051
46307
  model: {
46052
46308
  value: _vm.instance.activeTab,
46053
46309
  callback: function ($$v) {
@@ -46100,11 +46356,11 @@ __vue_render__$a._withStripped = true;
46100
46356
  /* style */
46101
46357
  const __vue_inject_styles__$a = function (inject) {
46102
46358
  if (!inject) return
46103
- inject("data-v-ffa5df42_0", { source: ".zd-tabs[data-v-ffa5df42] .v-tabs-bar,\n.zd-tabs[data-v-ffa5df42] .v-tabs-items {\n background-color: transparent;\n}\n.zd-tabs[data-v-ffa5df42] .v-tabs-bar {\n height: auto;\n}\n.zd-tabs[data-v-ffa5df42] .v-tabs-bar .v-tabs-slider-wrapper {\n bottom: -1px;\n}\n.zd-tabs[data-v-ffa5df42] .v-tabs-bar__content {\n border-bottom: solid 1px var(--v-grey-lighten4);\n}\n.zd-tabs[data-v-ffa5df42] .v-tabs {\n margin-bottom: var(--spacing-4);\n}\n.zd-tabs[data-v-ffa5df42] .v-tabs .v-slide-group__next,\n.zd-tabs[data-v-ffa5df42] .v-tabs .v-slide-group__prev {\n flex-basis: 30px;\n min-width: 30px;\n}\n.zd-tabs[data-v-ffa5df42] .v-tabs .v-slide-group__next .v-icon,\n.zd-tabs[data-v-ffa5df42] .v-tabs .v-slide-group__prev .v-icon {\n font-size: 18px;\n}", map: undefined, media: undefined });
46359
+ inject("data-v-3cb2ae69_0", { source: ".zd-tabs[data-v-3cb2ae69] .v-tabs-bar,\n.zd-tabs[data-v-3cb2ae69] .v-tabs-items {\n background-color: transparent;\n}\n.zd-tabs[data-v-3cb2ae69] .v-tabs-bar {\n height: auto;\n}\n.zd-tabs[data-v-3cb2ae69] .v-tabs-bar .v-tabs-slider-wrapper {\n bottom: -1px;\n}\n.zd-tabs[data-v-3cb2ae69] .v-tabs-bar__content {\n border-bottom: solid 1px var(--v-grey-lighten4);\n}\n.zd-tabs[data-v-3cb2ae69] .v-tabs {\n margin-bottom: var(--spacing-4);\n}\n.zd-tabs[data-v-3cb2ae69] .v-tabs .v-slide-group__next,\n.zd-tabs[data-v-3cb2ae69] .v-tabs .v-slide-group__prev {\n flex-basis: 30px;\n min-width: 30px;\n}\n.zd-tabs[data-v-3cb2ae69] .v-tabs .v-slide-group__next .v-icon,\n.zd-tabs[data-v-3cb2ae69] .v-tabs .v-slide-group__prev .v-icon {\n font-size: 18px;\n}", map: undefined, media: undefined });
46104
46360
 
46105
46361
  };
46106
46362
  /* scoped */
46107
- const __vue_scope_id__$a = "data-v-ffa5df42";
46363
+ const __vue_scope_id__$a = "data-v-3cb2ae69";
46108
46364
  /* module identifier */
46109
46365
  const __vue_module_identifier__$a = undefined;
46110
46366
  /* functional template */
@@ -46182,7 +46438,13 @@ var __vue_render__$9 = function () {
46182
46438
  key: _vm.index,
46183
46439
  class: ["zd-tabs-tab", _vm.cssClass],
46184
46440
  style: _vm.cssStyle,
46185
- attrs: { name: _vm.tabName, disabled: _vm.disabled },
46441
+ attrs: {
46442
+ id: _vm.instance.name,
46443
+ name: _vm.tabName,
46444
+ disabled: _vm.disabled,
46445
+ dark: _vm.dark,
46446
+ light: _vm.light,
46447
+ },
46186
46448
  on: {
46187
46449
  click: function ($event) {
46188
46450
  return _vm.clickTab($event)
@@ -46205,11 +46467,11 @@ __vue_render__$9._withStripped = true;
46205
46467
  /* style */
46206
46468
  const __vue_inject_styles__$9 = function (inject) {
46207
46469
  if (!inject) return
46208
- inject("data-v-4bdc9e20_0", { source: ".zd-tabs-tab[data-v-4bdc9e20], .zd-tabs-tab[data-v-4bdc9e20]:before {\n border-radius: var(--border) var(--border) 0 0;\n}\n.zd-tabs-tab[data-v-4bdc9e20] {\n height: auto;\n min-width: calc(2 * var(--spacing-4));\n align-items: flex-end;\n padding-top: 5px;\n padding-bottom: 5px;\n}\n.zd-tabs-tab-text[data-v-4bdc9e20] {\n text-transform: none;\n font-size: var(--zd-font-body1-size);\n line-height: 15px;\n margin-bottom: 1px;\n}", map: undefined, media: undefined });
46470
+ inject("data-v-8b2fdfc4_0", { source: ".zd-tabs-tab[data-v-8b2fdfc4], .zd-tabs-tab[data-v-8b2fdfc4]:before {\n border-radius: var(--border) var(--border) 0 0;\n}\n.zd-tabs-tab[data-v-8b2fdfc4] {\n height: auto;\n min-width: calc(2 * var(--spacing-4));\n align-items: flex-end;\n padding-top: 5px;\n padding-bottom: 5px;\n}\n.zd-tabs-tab-text[data-v-8b2fdfc4] {\n text-transform: none;\n font-size: var(--zd-font-body1-size);\n line-height: 15px;\n margin-bottom: 1px;\n}", map: undefined, media: undefined });
46209
46471
 
46210
46472
  };
46211
46473
  /* scoped */
46212
- const __vue_scope_id__$9 = "data-v-4bdc9e20";
46474
+ const __vue_scope_id__$9 = "data-v-8b2fdfc4";
46213
46475
  /* module identifier */
46214
46476
  const __vue_module_identifier__$9 = undefined;
46215
46477
  /* functional template */
@@ -46256,40 +46518,47 @@ var __vue_render__$8 = function () {
46256
46518
  var _h = _vm.$createElement;
46257
46519
  var _c = _vm._self._c || _h;
46258
46520
  return _c(
46259
- "v-tab-item",
46260
- {
46261
- directives: [
46262
- {
46263
- name: "show",
46264
- rawName: "v-show",
46265
- value: _vm.isVisible,
46266
- expression: "isVisible",
46267
- },
46268
- ],
46269
- key: _vm.index,
46270
- staticClass: "zd-tabs-tab-item",
46271
- attrs: { value: _vm.index },
46272
- },
46521
+ "div",
46522
+ { attrs: { id: _vm.instance.name } },
46273
46523
  [
46274
46524
  _c(
46275
- "v-container",
46276
- { attrs: { fluid: "" } },
46525
+ "v-tab-item",
46526
+ {
46527
+ directives: [
46528
+ {
46529
+ name: "show",
46530
+ rawName: "v-show",
46531
+ value: _vm.isVisible,
46532
+ expression: "isVisible",
46533
+ },
46534
+ ],
46535
+ key: _vm.index,
46536
+ staticClass: "zd-tabs-tab-item",
46537
+ attrs: { value: _vm.index, dark: _vm.dark, light: _vm.light },
46538
+ },
46277
46539
  [
46278
- _vm._l(_vm.children, function (child, index) {
46279
- return _c(
46280
- child.component,
46281
- _vm._b(
46282
- { key: index, tag: "component" },
46283
- "component",
46284
- child,
46285
- false
46286
- )
46287
- )
46288
- }),
46289
- _vm._v(" "),
46290
- _vm._t("default"),
46540
+ _c(
46541
+ "v-container",
46542
+ { attrs: { fluid: "" } },
46543
+ [
46544
+ _vm._l(_vm.children, function (child, index) {
46545
+ return _c(
46546
+ child.component,
46547
+ _vm._b(
46548
+ { key: index, tag: "component" },
46549
+ "component",
46550
+ child,
46551
+ false
46552
+ )
46553
+ )
46554
+ }),
46555
+ _vm._v(" "),
46556
+ _vm._t("default"),
46557
+ ],
46558
+ 2
46559
+ ),
46291
46560
  ],
46292
- 2
46561
+ 1
46293
46562
  ),
46294
46563
  ],
46295
46564
  1
@@ -46301,11 +46570,11 @@ __vue_render__$8._withStripped = true;
46301
46570
  /* style */
46302
46571
  const __vue_inject_styles__$8 = function (inject) {
46303
46572
  if (!inject) return
46304
- inject("data-v-35fc3cfd_0", { source: ".zd-tabs-tab-item[data-v-35fc3cfd] {\n transition: none;\n}\n.zd-tabs-tab-item > .container[data-v-35fc3cfd] {\n padding: 0;\n}", map: undefined, media: undefined });
46573
+ inject("data-v-6acaffe8_0", { source: ".zd-tabs-tab-item[data-v-6acaffe8] {\n transition: none;\n}\n.zd-tabs-tab-item > .container[data-v-6acaffe8] {\n padding: 0;\n}", map: undefined, media: undefined });
46305
46574
 
46306
46575
  };
46307
46576
  /* scoped */
46308
- const __vue_scope_id__$8 = "data-v-35fc3cfd";
46577
+ const __vue_scope_id__$8 = "data-v-6acaffe8";
46309
46578
  /* module identifier */
46310
46579
  const __vue_module_identifier__$8 = undefined;
46311
46580
  /* functional template */
@@ -46374,7 +46643,12 @@ var __vue_render__$7 = function () {
46374
46643
  tag: "component",
46375
46644
  class: _vm.instance.cssClass,
46376
46645
  style: _vm.instance.cssStyle,
46377
- attrs: { name: _vm.instance.name },
46646
+ attrs: {
46647
+ id: _vm.instance.name,
46648
+ name: _vm.instance.name,
46649
+ dark: _vm.instance.dark,
46650
+ light: _vm.instance.light,
46651
+ },
46378
46652
  on: {
46379
46653
  click: function ($event) {
46380
46654
  return _vm.click($event)
@@ -46391,7 +46665,11 @@ var __vue_render__$7 = function () {
46391
46665
  {
46392
46666
  key: child.name,
46393
46667
  tag: "component",
46394
- attrs: { parent: _vm.instance },
46668
+ attrs: {
46669
+ dark: child.dark,
46670
+ light: child.light,
46671
+ parent: _vm.instance,
46672
+ },
46395
46673
  },
46396
46674
  "component",
46397
46675
  child,
@@ -46486,7 +46764,7 @@ var __vue_render__$6 = function () {
46486
46764
  ],
46487
46765
  class: ["zd-text", _vm.instance.cssClass],
46488
46766
  style: _vm.instance.cssStyle,
46489
- attrs: { name: _vm.instance.name },
46767
+ attrs: { id: _vm.instance.name, name: _vm.instance.name },
46490
46768
  on: { click: _vm.click },
46491
46769
  },
46492
46770
  [
@@ -46540,11 +46818,11 @@ __vue_render__$6._withStripped = true;
46540
46818
  /* style */
46541
46819
  const __vue_inject_styles__$6 = function (inject) {
46542
46820
  if (!inject) return
46543
- inject("data-v-be483a6a_0", { source: ".zd-text p[data-v-be483a6a] {\n margin-bottom: 0;\n}", map: undefined, media: undefined });
46821
+ inject("data-v-73ff320e_0", { source: ".zd-text p[data-v-73ff320e] {\n margin-bottom: 0;\n}", map: undefined, media: undefined });
46544
46822
 
46545
46823
  };
46546
46824
  /* scoped */
46547
- const __vue_scope_id__$6 = "data-v-be483a6a";
46825
+ const __vue_scope_id__$6 = "data-v-73ff320e";
46548
46826
  /* module identifier */
46549
46827
  const __vue_module_identifier__$6 = undefined;
46550
46828
  /* functional template */
@@ -46675,7 +46953,7 @@ var __vue_render__$5 = function () {
46675
46953
  (_vm.instance.reverse ? "right" : _vm.instance.align),
46676
46954
  ],
46677
46955
  style: _vm.instance.cssStyle,
46678
- attrs: { name: _vm.instance.name },
46956
+ attrs: { id: _vm.instance.name, name: _vm.instance.name },
46679
46957
  on: {
46680
46958
  click: function ($event) {
46681
46959
  return _vm.click($event)
@@ -46758,7 +47036,7 @@ __vue_render__$5._withStripped = true;
46758
47036
  /* style */
46759
47037
  const __vue_inject_styles__$5 = function (inject) {
46760
47038
  if (!inject) return
46761
- inject("data-v-1f8d1e6e_0", { source: ".v-input.zd-textarea > .v-input__control > .v-input__slot {\n height: 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 });
47039
+ inject("data-v-11762f00_0", { source: ".v-input.zd-textarea > .v-input__control > .v-input__slot {\n height: 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 });
46762
47040
 
46763
47041
  };
46764
47042
  /* scoped */
@@ -46961,7 +47239,7 @@ var __vue_render__$4 = function () {
46961
47239
  var _c = _vm._self._c || _h;
46962
47240
  return _c(
46963
47241
  "div",
46964
- { staticClass: "zd-time" },
47242
+ { staticClass: "zd-time", attrs: { id: _vm.instance.name } },
46965
47243
  [
46966
47244
  !_vm.$isMobile()
46967
47245
  ? [
@@ -46983,6 +47261,8 @@ var __vue_render__$4 = function () {
46983
47261
  "input-activator": "",
46984
47262
  "min-width": "290px",
46985
47263
  transition: "scale-transition",
47264
+ dark: _vm.instance.dark,
47265
+ light: _vm.instance.light,
46986
47266
  "close-on-content-click": false,
46987
47267
  disabled: _vm.instance.disabled || _vm.instance.readonly,
46988
47268
  },
@@ -47041,6 +47321,8 @@ var __vue_render__$4 = function () {
47041
47321
  max: _vm.pickerMaxTime,
47042
47322
  min: _vm.pickerMinTime,
47043
47323
  name: _vm.instance.name,
47324
+ dark: _vm.instance.dark,
47325
+ light: _vm.instance.light,
47044
47326
  value: _vm.pickerValue,
47045
47327
  },
47046
47328
  on: {
@@ -47096,7 +47378,7 @@ __vue_render__$4._withStripped = true;
47096
47378
  /* style */
47097
47379
  const __vue_inject_styles__$4 = function (inject) {
47098
47380
  if (!inject) return
47099
- inject("data-v-91fb7c1e_0", { source: ".zd-time input[type=time] {\n -webkit-appearance: none;\n}\n.zd-time input[type=time]::-webkit-inner-spin-button, .zd-time input[type=time]::-webkit-calendar-picker-indicator {\n display: none;\n -webkit-appearance: none;\n}", map: undefined, media: undefined });
47381
+ inject("data-v-03964b77_0", { source: ".zd-time input[type=time] {\n -webkit-appearance: none;\n}\n.zd-time input[type=time]::-webkit-inner-spin-button, .zd-time input[type=time]::-webkit-calendar-picker-indicator {\n display: none;\n -webkit-appearance: none;\n}", map: undefined, media: undefined });
47100
47382
 
47101
47383
  };
47102
47384
  /* scoped */
@@ -47199,6 +47481,7 @@ var __vue_render__$3 = function () {
47199
47481
  _vm._b(
47200
47482
  {
47201
47483
  style: _vm.instance.cssStyle,
47484
+ attrs: { id: _vm.instance.name },
47202
47485
  scopedSlots: _vm._u(
47203
47486
  [
47204
47487
  {
@@ -47209,21 +47492,22 @@ var __vue_render__$3 = function () {
47209
47492
  _vm._l(_vm.instance.children, function (child, index) {
47210
47493
  return _c(
47211
47494
  child.component,
47212
- _vm._g(
47213
- _vm._b(
47214
- {
47215
- key: index,
47216
- tag: "component",
47217
- attrs: {
47218
- "dropdown-activator": dropdown,
47219
- parent: _vm.instance.parent,
47220
- },
47495
+ _vm._b(
47496
+ {
47497
+ key: index,
47498
+ tag: "component",
47499
+ attrs: {
47500
+ "dropdown-activator": Object.assign(
47501
+ {},
47502
+ _vm.$attrs["dropdown-activator"],
47503
+ dropdown
47504
+ ),
47505
+ parent: _vm.instance.parent,
47221
47506
  },
47222
- "component",
47223
- child,
47224
- false
47225
- ),
47226
- dropdown
47507
+ },
47508
+ "component",
47509
+ child,
47510
+ false
47227
47511
  )
47228
47512
  )
47229
47513
  }),
@@ -47265,7 +47549,7 @@ __vue_render__$3._withStripped = true;
47265
47549
  /* style */
47266
47550
  const __vue_inject_styles__$3 = function (inject) {
47267
47551
  if (!inject) return
47268
- inject("data-v-591aab5c_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}\n.v-tooltip__content.menuable__content__active {\n opacity: 0.9 !important;\n}", map: undefined, media: undefined });
47552
+ inject("data-v-1e32e9cf_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}\n.v-tooltip__content.menuable__content__active {\n opacity: 0.9 !important;\n}", map: undefined, media: undefined });
47269
47553
 
47270
47554
  };
47271
47555
  /* scoped */
@@ -47427,8 +47711,18 @@ var __vue_render__$2 = function () {
47427
47711
  expression: "instance.isVisible",
47428
47712
  },
47429
47713
  ],
47430
- class: [_vm.instance.cssClass, "zd-tree"],
47714
+ class: [
47715
+ _vm.instance.cssClass,
47716
+ "zd-tree",
47717
+ {
47718
+ "theme--dark":
47719
+ (_vm.$vuetify.theme.dark && !_vm.instance.light) ||
47720
+ _vm.instance.dark,
47721
+ },
47722
+ { "theme--light": !_vm.$vuetify.theme.dark || _vm.instance.light },
47723
+ ],
47431
47724
  style: _vm.instance.cssStyle,
47725
+ attrs: { id: _vm.instance.name },
47432
47726
  },
47433
47727
  [
47434
47728
  _c(
@@ -47466,7 +47760,11 @@ var __vue_render__$2 = function () {
47466
47760
  "sl-vue-tree",
47467
47761
  {
47468
47762
  ref: "tree",
47469
- attrs: { allowMultiselect: _vm.instance.allowMultiSelect },
47763
+ attrs: {
47764
+ allowMultiselect: _vm.instance.allowMultiSelect,
47765
+ dark: _vm.instance.dark,
47766
+ light: _vm.instance.lightt,
47767
+ },
47470
47768
  on: {
47471
47769
  drop: _vm.onNodeDrop,
47472
47770
  select: _vm.onNodeSelect,
@@ -47485,15 +47783,24 @@ var __vue_render__$2 = function () {
47485
47783
  { staticClass: "item-icon" },
47486
47784
  [
47487
47785
  node.isLeaf && _vm.instance.itemIconName
47488
- ? _c("v-icon", [
47489
- _vm._v(
47490
- "\n " +
47491
- _vm._s(
47492
- _vm.$getIcon(_vm.instance.itemIconName)
47493
- ) +
47494
- "\n "
47495
- ),
47496
- ])
47786
+ ? _c(
47787
+ "v-icon",
47788
+ {
47789
+ attrs: {
47790
+ dark: _vm.instance.dark,
47791
+ light: _vm.instance.light,
47792
+ },
47793
+ },
47794
+ [
47795
+ _vm._v(
47796
+ "\n " +
47797
+ _vm._s(
47798
+ _vm.$getIcon(_vm.instance.itemIconName)
47799
+ ) +
47800
+ "\n "
47801
+ ),
47802
+ ]
47803
+ )
47497
47804
  : _vm._e(),
47498
47805
  _vm._v(" "),
47499
47806
  !node.isLeaf && _vm.instance.groupIconName
@@ -47569,25 +47876,43 @@ var __vue_render__$2 = function () {
47569
47876
  node.children.length &&
47570
47877
  node.isExpanded &&
47571
47878
  _vm.instance.openedIconName
47572
- ? _c("v-icon", [
47573
- _vm._v(
47574
- _vm._s(
47575
- _vm.$getIcon(_vm.instance.openedIconName)
47576
- ) + "\n "
47577
- ),
47578
- ])
47879
+ ? _c(
47880
+ "v-icon",
47881
+ {
47882
+ attrs: {
47883
+ dark: _vm.instance.dark,
47884
+ light: _vm.instance.light,
47885
+ },
47886
+ },
47887
+ [
47888
+ _vm._v(
47889
+ _vm._s(
47890
+ _vm.$getIcon(_vm.instance.openedIconName)
47891
+ ) + "\n "
47892
+ ),
47893
+ ]
47894
+ )
47579
47895
  : _vm._e(),
47580
47896
  _vm._v(" "),
47581
47897
  node.children.length &&
47582
47898
  !node.isExpanded &&
47583
47899
  _vm.instance.closedIconName
47584
- ? _c("v-icon", [
47585
- _vm._v(
47586
- _vm._s(
47587
- _vm.$getIcon(_vm.instance.closedIconName)
47588
- ) + "\n "
47589
- ),
47590
- ])
47900
+ ? _c(
47901
+ "v-icon",
47902
+ {
47903
+ attrs: {
47904
+ dark: _vm.instance.dark,
47905
+ light: _vm.instance.light,
47906
+ },
47907
+ },
47908
+ [
47909
+ _vm._v(
47910
+ _vm._s(
47911
+ _vm.$getIcon(_vm.instance.closedIconName)
47912
+ ) + "\n "
47913
+ ),
47914
+ ]
47915
+ )
47591
47916
  : _vm._e(),
47592
47917
  ],
47593
47918
  1
@@ -47626,7 +47951,7 @@ __vue_render__$2._withStripped = true;
47626
47951
  /* style */
47627
47952
  const __vue_inject_styles__$2 = function (inject) {
47628
47953
  if (!inject) return
47629
- inject("data-v-5cb0749d_0", { source: ".zd-tree {\n color: var(--zd-font-color);\n font-size: var(--zd-font-body1-size);\n font-weight: normal;\n}\n.zd-tree .sl-vue-tree-nodes-list .sl-vue-tree-node {\n padding-top: 3px;\n}\n.zd-tree .sl-vue-tree-nodes-list .sl-vue-tree-node .sl-vue-tree-node-item {\n height: 30px;\n line-height: 30px;\n}\n.zd-tree .sl-vue-tree-nodes-list .sl-vue-tree-node.sl-vue-tree-selected > .sl-vue-tree-node-item {\n background-color: #77258390;\n color: white;\n}\n.zd-tree .sl-vue-tree-nodes-list .sl-vue-tree-node.sl-vue-tree-selected > .sl-vue-tree-node-item .sl-vue-tree-toggle .v-icon {\n color: white;\n}\n.zd-tree .sl-vue-tree-nodes-list .sl-vue-tree-node .sl-vue-tree-toggle span .v-icon {\n margin-right: -6px;\n}\n.zd-tree .sl-vue-tree-nodes-list .sl-vue-tree-gap {\n width: 32px;\n}\n.zd-tree .item-title {\n padding-left: 6px;\n}\n.zd-tree .item-title.has-children {\n font-weight: 700;\n}\n.zd-tree .item-title.is-clickable {\n cursor: pointer;\n}", map: undefined, media: undefined });
47954
+ inject("data-v-43967723_0", { source: ".zd-tree {\n color: var(--zd-font-color);\n font-size: var(--zd-font-body1-size);\n font-weight: normal;\n}\n.zd-tree.theme--light .sl-vue-tree-title {\n color: var(--zd-font-color);\n}\n.zd-tree.theme--dark .sl-vue-tree-title {\n color: #fff;\n}\n.zd-tree .sl-vue-tree-nodes-list .sl-vue-tree-node {\n padding-top: 3px;\n}\n.zd-tree .sl-vue-tree-nodes-list .sl-vue-tree-node .sl-vue-tree-node-item {\n height: 30px;\n line-height: 30px;\n}\n.zd-tree .sl-vue-tree-nodes-list .sl-vue-tree-node.sl-vue-tree-selected > .sl-vue-tree-node-item {\n background-color: #77258390;\n color: var(--zd-font-color);\n}\n.zd-tree .sl-vue-tree-nodes-list .sl-vue-tree-node.sl-vue-tree-selected > .sl-vue-tree-node-item .sl-vue-tree-toggle .v-icon {\n color: var(--zd-font-color);\n}\n.zd-tree .sl-vue-tree-nodes-list .sl-vue-tree-node .sl-vue-tree-toggle span .v-icon {\n margin-right: -6px;\n}\n.zd-tree .sl-vue-tree-nodes-list .sl-vue-tree-gap {\n width: 32px;\n}\n.zd-tree .item-title {\n padding-left: 6px;\n}\n.zd-tree .item-title.has-children {\n font-weight: 700;\n}\n.zd-tree .item-title.is-clickable {\n cursor: pointer;\n}", map: undefined, media: undefined });
47630
47955
 
47631
47956
  };
47632
47957
  /* scoped */
@@ -47738,9 +48063,15 @@ var __vue_render__$1 = function () {
47738
48063
  "zd-tree-grid",
47739
48064
  _vm.instance.cssClass,
47740
48065
  { "zd-grid-flex": _vm.instance.gridHeight || _vm.instance.gridMaxHeight },
48066
+ {
48067
+ "theme--dark":
48068
+ (_vm.$vuetify.theme.dark && !_vm.instance.light) || _vm.instance.dark,
48069
+ },
48070
+ { "theme--light": !_vm.$vuetify.theme.dark || _vm.instance.light },
47741
48071
  ],
47742
48072
  style: [_vm.cssColorVars, _vm.instance.cssStyle],
47743
48073
  attrs: {
48074
+ id: _vm.instance.name,
47744
48075
  "fixed-header": "",
47745
48076
  "disable-pagination": "",
47746
48077
  "hide-default-header": "",
@@ -47751,6 +48082,8 @@ var __vue_render__$1 = function () {
47751
48082
  search: _vm.instance.datasource.search,
47752
48083
  "show-select": _vm.instance.selectable,
47753
48084
  dense: _vm.instance.dense,
48085
+ dark: _vm.instance.dark,
48086
+ light: _vm.instance.light,
47754
48087
  loading: _vm.instance.datasource.loading,
47755
48088
  "item-key": _vm.instance.datasource.uniqueKey,
47756
48089
  "disable-sort": "",
@@ -48305,7 +48638,8 @@ var __vue_render__$1 = function () {
48305
48638
  ],
48306
48639
  },
48307
48640
  [
48308
- item.tree__children.length > 0
48641
+ (item.tree__children || [])
48642
+ .length > 0
48309
48643
  ? _c(
48310
48644
  "v-icon",
48311
48645
  {
@@ -48525,8 +48859,8 @@ __vue_render__$1._withStripped = true;
48525
48859
  /* style */
48526
48860
  const __vue_inject_styles__$1 = function (inject) {
48527
48861
  if (!inject) return
48528
- inject("data-v-62a43016_0", { source: ".zd-grid {\n outline: none;\n}\n.zd-grid-flex {\n display: flex;\n flex-direction: column;\n}\n.zd-grid-flex .v-data-table__wrapper {\n flex: 1;\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}\n.zd-grid-toolbar-slot {\n width: 100%;\n display: flex;\n align-items: center;\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}\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}\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 .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 color: var(--zd-font-color);\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: nowrap;\n display: inline-block;\n vertical-align: bottom;\n overflow: hidden;\n text-overflow: ellipsis;\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: unset;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n white-space: unset;\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 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: nowrap;\n text-overflow: ellipsis;\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: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n white-space: unset;\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: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 {\n background: var(--current-row-color);\n}\n.zd-grid table tbody tr.current:hover {\n background: var(--current-row-hover-color) !important;\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.theme--light.v-data-table {\n 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 table tbody tr:not(:last-child) td:not(.v-data-table__mobile-row) {\n border-bottom: solid var(--regular) var(--v-grey-lighten5);\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: 24px 0 0 0;\n display: flex;\n align-items: center;\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}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n display: block;\n}", map: undefined, media: undefined })
48529
- ,inject("data-v-62a43016_1", { source: ".zd-tree-grid tbody td.zd-table-cell.first {\n padding-left: 5px !important;\n}\n.zd-tree-grid tbody td.zd-table-cell .zd-table-cell-text .search-result {\n background: var(--v-grey-lighten4);\n}\n.zd-tree-grid .zd-tree-grid-expand {\n display: inline-block;\n text-align: end;\n vertical-align: baseline;\n height: 10px;\n}\n.zd-tree-grid .zd-tree-grid-expand .v-icon {\n transition: transform 0.3s ease;\n -webkit-transition: transform 0.3s ease;\n font-size: 20px;\n}\n.zd-tree-grid .zd-tree-grid-expand .v-icon::after {\n content: none;\n}\n.zd-tree-grid .zd-tree-grid-expand .v-icon.opened {\n transform: rotate(90deg);\n -webkit-transform: rotate(90deg);\n}\n.zd-tree-grid .zd-tree-grid-expand.level1 {\n width: 20px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level2 {\n width: 40px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level3 {\n width: 60px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level4 {\n width: 80px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level5 {\n width: 100px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level6 {\n width: 120px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level7 {\n width: 140px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level8 {\n width: 160px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level9 {\n width: 180px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level10 {\n width: 200px;\n}", map: undefined, media: undefined });
48862
+ inject("data-v-f73c54e0_0", { source: ".zd-grid {\n outline: none;\n}\n.zd-grid-flex {\n display: flex;\n flex-direction: column;\n}\n.zd-grid-flex .v-data-table__wrapper {\n flex: 1;\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}\n.zd-grid-toolbar-slot {\n width: 100%;\n display: flex;\n align-items: center;\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-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 .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 color: var(--zd-font-color);\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: nowrap;\n display: inline-block;\n vertical-align: bottom;\n overflow: hidden;\n text-overflow: ellipsis;\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: unset;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n white-space: unset;\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 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: nowrap;\n text-overflow: ellipsis;\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: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n white-space: unset;\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: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 {\n background: var(--current-row-color);\n}\n.zd-grid table tbody tr.current:hover {\n background: var(--current-row-hover-color) !important;\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.theme--light.v-data-table {\n 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 table tbody tr:not(:last-child) td:not(.v-data-table__mobile-row) {\n border-bottom: solid var(--regular) var(--v-grey-lighten5);\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: 24px 0 0 0;\n display: flex;\n align-items: center;\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}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n display: block;\n}", map: undefined, media: undefined })
48863
+ ,inject("data-v-f73c54e0_1", { source: ".zd-tree-grid.theme--light tbody td.zd-table-cell {\n color: var(--zd-font-color);\n}\n.zd-tree-grid.theme--dark tbody td.zd-table-cell {\n color: #fff;\n}\n.zd-tree-grid tbody td.zd-table-cell.first {\n padding-left: 5px !important;\n}\n.zd-tree-grid tbody td.zd-table-cell .zd-table-cell-text .search-result {\n background: var(--v-grey-lighten4);\n}\n.zd-tree-grid .zd-tree-grid-expand {\n display: inline-block;\n text-align: end;\n vertical-align: baseline;\n height: 10px;\n}\n.zd-tree-grid .zd-tree-grid-expand .v-icon {\n transition: transform 0.3s ease;\n -webkit-transition: transform 0.3s ease;\n font-size: 20px;\n}\n.zd-tree-grid .zd-tree-grid-expand .v-icon::after {\n content: none;\n}\n.zd-tree-grid .zd-tree-grid-expand .v-icon.opened {\n transform: rotate(90deg);\n -webkit-transform: rotate(90deg);\n}\n.zd-tree-grid .zd-tree-grid-expand.level1 {\n width: 20px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level2 {\n width: 40px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level3 {\n width: 60px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level4 {\n width: 80px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level5 {\n width: 100px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level6 {\n width: 120px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level7 {\n width: 140px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level8 {\n width: 160px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level9 {\n width: 180px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level10 {\n width: 200px;\n}", map: undefined, media: undefined });
48530
48864
 
48531
48865
  };
48532
48866
  /* scoped */
@@ -48728,6 +49062,7 @@ var __vue_render__ = function () {
48728
49062
  ],
48729
49063
  style: [_vm.cssColorVars, _vm.instance.cssStyle],
48730
49064
  attrs: {
49065
+ id: _vm.instance.name,
48731
49066
  "fixed-header": "",
48732
49067
  "disable-pagination": "",
48733
49068
  "hide-default-header": "",
@@ -48740,6 +49075,8 @@ var __vue_render__ = function () {
48740
49075
  dense: _vm.instance.dense,
48741
49076
  loading: _vm.instance.datasource.loading,
48742
49077
  "item-key": _vm.instance.datasource.uniqueKey,
49078
+ dark: _vm.instance.dark,
49079
+ light: _vm.instance.light,
48743
49080
  "disable-sort": "",
48744
49081
  "disable-filtering": "",
48745
49082
  tabindex: "0",
@@ -49684,8 +50021,8 @@ __vue_render__._withStripped = true;
49684
50021
  /* style */
49685
50022
  const __vue_inject_styles__ = function (inject) {
49686
50023
  if (!inject) return
49687
- inject("data-v-a1b8604a_0", { source: ".zd-grid {\n outline: none;\n}\n.zd-grid-flex {\n display: flex;\n flex-direction: column;\n}\n.zd-grid-flex .v-data-table__wrapper {\n flex: 1;\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}\n.zd-grid-toolbar-slot {\n width: 100%;\n display: flex;\n align-items: center;\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}\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}\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 .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 color: var(--zd-font-color);\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: nowrap;\n display: inline-block;\n vertical-align: bottom;\n overflow: hidden;\n text-overflow: ellipsis;\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: unset;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n white-space: unset;\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 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: nowrap;\n text-overflow: ellipsis;\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: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n white-space: unset;\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: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 {\n background: var(--current-row-color);\n}\n.zd-grid table tbody tr.current:hover {\n background: var(--current-row-hover-color) !important;\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.theme--light.v-data-table {\n 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 table tbody tr:not(:last-child) td:not(.v-data-table__mobile-row) {\n border-bottom: solid var(--regular) var(--v-grey-lighten5);\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: 24px 0 0 0;\n display: flex;\n align-items: center;\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}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n display: block;\n}", map: undefined, media: undefined })
49688
- ,inject("data-v-a1b8604a_1", { source: ".zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable.text-right .zd-table-cell-inline-edit, .zd-tree-grid-editable 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-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable.text-center .zd-table-cell-inline-edit, .zd-tree-grid-editable 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-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit {\n display: flex;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit .zd-table-cell-edit-icon .v-icon, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit .zd-table-cell-edit-icon .v-icon {\n display: flex;\n font-size: 18px;\n margin-right: var(--spacing-1);\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text {\n padding: 0 8px;\n position: relative;\n display: block;\n height: 20px;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:before, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:after, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:before, .zd-tree-grid-editable 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-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:before, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:before {\n left: 0;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:after, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:after {\n right: 0px;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable {\n cursor: pointer;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text.zd-table-cell-text-editable {\n border-bottom: solid var(--regular) var(--v-grey-lighten4);\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text.zd-table-cell-text-editable:before, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text.zd-table-cell-text-editable:after {\n border-left: solid var(--regular) var(--v-grey-lighten4);\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand {\n display: inline-block;\n text-align: end;\n vertical-align: baseline;\n height: 10px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand .v-icon {\n transition: transform 0.3s ease;\n -webkit-transition: transform 0.3s ease;\n font-size: 20px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand .v-icon::after {\n content: none;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand .v-icon.opened {\n transform: rotate(90deg);\n -webkit-transform: rotate(90deg);\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level1 {\n width: 20px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level2 {\n width: 40px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level3 {\n width: 60px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level4 {\n width: 80px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level5 {\n width: 100px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level6 {\n width: 120px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level7 {\n width: 140px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level8 {\n width: 160px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level9 {\n width: 180px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level10 {\n width: 200px;\n}\n.zd-tree-grid-editable.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot {\n height: 22px;\n}\n.zd-tree-grid-editable.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot input, .zd-tree-grid-editable.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot .v-select__selections {\n height: 22px;\n max-height: 22px;\n}", map: undefined, media: undefined });
50024
+ inject("data-v-01fa567e_0", { source: ".zd-grid {\n outline: none;\n}\n.zd-grid-flex {\n display: flex;\n flex-direction: column;\n}\n.zd-grid-flex .v-data-table__wrapper {\n flex: 1;\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}\n.zd-grid-toolbar-slot {\n width: 100%;\n display: flex;\n align-items: center;\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-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 .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 color: var(--zd-font-color);\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: nowrap;\n display: inline-block;\n vertical-align: bottom;\n overflow: hidden;\n text-overflow: ellipsis;\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: unset;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n white-space: unset;\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 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: nowrap;\n text-overflow: ellipsis;\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: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n white-space: unset;\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: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 {\n background: var(--current-row-color);\n}\n.zd-grid table tbody tr.current:hover {\n background: var(--current-row-hover-color) !important;\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.theme--light.v-data-table {\n 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 table tbody tr:not(:last-child) td:not(.v-data-table__mobile-row) {\n border-bottom: solid var(--regular) var(--v-grey-lighten5);\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: 24px 0 0 0;\n display: flex;\n align-items: center;\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}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n display: block;\n}", map: undefined, media: undefined })
50025
+ ,inject("data-v-01fa567e_1", { source: ".zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable.text-right .zd-table-cell-inline-edit, .zd-tree-grid-editable 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-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable.text-center .zd-table-cell-inline-edit, .zd-tree-grid-editable 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-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit {\n display: flex;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit .zd-table-cell-edit-icon .v-icon, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit .zd-table-cell-edit-icon .v-icon {\n display: flex;\n font-size: 18px;\n margin-right: var(--spacing-1);\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text {\n padding: 0 8px;\n position: relative;\n display: block;\n height: 20px;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:before, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:after, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:before, .zd-tree-grid-editable 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-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:before, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:before {\n left: 0;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:after, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:after {\n right: 0px;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable {\n cursor: pointer;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text.zd-table-cell-text-editable {\n border-bottom: solid var(--regular) var(--v-grey-lighten4);\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text.zd-table-cell-text-editable:before, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text.zd-table-cell-text-editable:after {\n border-left: solid var(--regular) var(--v-grey-lighten4);\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand {\n display: inline-block;\n text-align: end;\n vertical-align: baseline;\n height: 10px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand .v-icon {\n transition: transform 0.3s ease;\n -webkit-transition: transform 0.3s ease;\n font-size: 20px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand .v-icon::after {\n content: none;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand .v-icon.opened {\n transform: rotate(90deg);\n -webkit-transform: rotate(90deg);\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level1 {\n width: 20px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level2 {\n width: 40px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level3 {\n width: 60px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level4 {\n width: 80px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level5 {\n width: 100px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level6 {\n width: 120px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level7 {\n width: 140px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level8 {\n width: 160px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level9 {\n width: 180px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level10 {\n width: 200px;\n}\n.zd-tree-grid-editable.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot {\n height: 22px;\n}\n.zd-tree-grid-editable.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot input, .zd-tree-grid-editable.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot .v-select__selections {\n height: 22px;\n max-height: 22px;\n}", map: undefined, media: undefined });
49689
50026
 
49690
50027
  };
49691
50028
  /* scoped */
@@ -49848,7 +50185,7 @@ var isMobilePlugin = () => {
49848
50185
  };
49849
50186
 
49850
50187
  // tslint:disable: variable-name
49851
- const VueTreeSelect = require('zeedhi-vue-treeselect');
50188
+ const VueTreeSelect = require('@zeedhi/zd-vue-treeselect');
49852
50189
  const Hooper = require('hooper');
49853
50190
  function installComponents(Vue) {
49854
50191
  Object.keys(components).forEach((id) => {
@@ -49972,4 +50309,4 @@ const Zeedhi = {
49972
50309
  },
49973
50310
  };
49974
50311
 
49975
- export { ThemeColor, Vuetify, script$1d as ZdAlert, script$1c as ZdApexChart, script$1b as ZdBadge, script$1a as ZdBreadcrumbs, ZdButton$1 as ZdButton, script$19 as ZdButtonGroup, script$18 as ZdCard, script$17 as ZdCarousel, script$16 as ZdCheckbox, script$15 as ZdCheckboxMultiple, script$14 as ZdChip, script$13 as ZdCodeEditor, script$12 as ZdCol, script$11 as ZdCollapseCard, ZdComponent$1 as ZdComponent, ZdComponentRender$1 as ZdComponentRender, script$10 as ZdContainer, script$$ as ZdCurrency, script$_ as ZdDashboard, script$Z as ZdDate, script$Y as ZdDateRange, script$X as ZdDialog, script$W as ZdDivider, script$V as ZdDropdown, script$U as ZdFileInput, script$T as ZdFooter, script$S as ZdForm, script$R as ZdFrame, script$Q as ZdFramePage, ZdGrid$1 as ZdGrid, script$P as ZdGridEditable, script$N as ZdGridFooter, script$L as ZdGridTop, script$O as ZdHeader, script$J as ZdImage, script$I as ZdIncrement, ZdInput$1 as ZdInput, ZdIterable$1 as ZdIterable, script$H as ZdIterableColumnsButton, script$M as ZdIterableNoData, script$D as ZdIterablePageInfo, script$E as ZdIterablePageSize, script$G as ZdIterablePagination, script$C as ZdList, script$z as ZdListGroup, script$A as ZdListItem, __vue_component__$A as ZdLoading, script$x as ZdLogin, script$w as ZdLoginButton, script$v as ZdMasterDetail, script$u as ZdMenu, script$r as ZdMenuButton, script$s as ZdMenuGroup, script$t as ZdMenuLink, script$q as ZdMenuSeparator, script$p as ZdModal, script$o as ZdModalCloseButton, script$n as ZdMonth, ZdNumber$1 as ZdNumber, script$m as ZdPassword, script$l as ZdProgress, script$k as ZdRadio, script$j as ZdRangeSlider, script$i as ZdRow, script$h as ZdSearch, script$F as ZdSelect, ZdSelectTree$1 as ZdSelectTree, script$f as ZdSelectTreeMultiple, script$e as ZdSpeedDial, script$d as ZdSteppers, script$c as ZdSvgMap, script$b as ZdSwitch, script$a as ZdTable, script$9 as ZdTabs, script$6 as ZdTag, script$5 as ZdText, ZdTextInput$1 as ZdTextInput, script$4 as ZdTextarea, script$3 as ZdTime, ZdToggleable$1 as ZdToggleable, script$2 as ZdTooltip, script$1 as ZdTree, ZdTreeGrid$1 as ZdTreeGrid, script as ZdTreeGridEditable, components, Zeedhi as default };
50312
+ export { IconRenderer, ThemeColor, Vuetify, script$1d as ZdAlert, script$1c as ZdApexChart, script$1b as ZdBadge, script$1a as ZdBreadcrumbs, ZdButton$1 as ZdButton, script$19 as ZdButtonGroup, script$18 as ZdCard, script$17 as ZdCarousel, script$16 as ZdCheckbox, script$15 as ZdCheckboxMultiple, script$14 as ZdChip, script$13 as ZdCodeEditor, script$12 as ZdCol, script$11 as ZdCollapseCard, ZdComponent$1 as ZdComponent, ZdComponentRender$1 as ZdComponentRender, script$10 as ZdContainer, script$$ as ZdCurrency, script$_ as ZdDashboard, script$Z as ZdDate, script$Y as ZdDateRange, script$X as ZdDialog, script$W as ZdDivider, script$V as ZdDropdown, script$U as ZdFileInput, script$T as ZdFooter, script$S as ZdForm, script$R as ZdFrame, script$Q as ZdFramePage, ZdGrid$1 as ZdGrid, script$P as ZdGridEditable, script$N as ZdGridFooter, script$L as ZdGridTop, script$O as ZdHeader, script$J as ZdImage, script$I as ZdIncrement, ZdInput$1 as ZdInput, ZdIterable$1 as ZdIterable, script$H as ZdIterableColumnsButton, script$M as ZdIterableNoData, script$D as ZdIterablePageInfo, script$E as ZdIterablePageSize, script$G as ZdIterablePagination, script$C as ZdList, script$z as ZdListGroup, script$A as ZdListItem, __vue_component__$A as ZdLoading, script$x as ZdLogin, script$w as ZdLoginButton, script$v as ZdMasterDetail, script$u as ZdMenu, script$r as ZdMenuButton, script$s as ZdMenuGroup, script$t as ZdMenuLink, script$q as ZdMenuSeparator, script$p as ZdModal, script$o as ZdModalCloseButton, script$n as ZdMonth, ZdNumber$1 as ZdNumber, script$m as ZdPassword, script$l as ZdProgress, script$k as ZdRadio, script$j as ZdRangeSlider, script$i as ZdRow, script$h as ZdSearch, script$F as ZdSelect, ZdSelectTree$1 as ZdSelectTree, script$f as ZdSelectTreeMultiple, script$e as ZdSpeedDial, script$d as ZdSteppers, script$c as ZdSvgMap, script$b as ZdSwitch, script$a as ZdTable, script$9 as ZdTabs, script$6 as ZdTag, script$5 as ZdText, ZdTextInput$1 as ZdTextInput, script$4 as ZdTextarea, script$3 as ZdTime, ZdToggleable$1 as ZdToggleable, script$2 as ZdTooltip, script$1 as ZdTree, ZdTreeGrid$1 as ZdTreeGrid, script as ZdTreeGridEditable, components, Zeedhi as default };