@zeedhi/vuetify 1.40.0 → 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';
@@ -29742,6 +29742,7 @@ var __vue_render__$1k = function () {
29742
29742
  {
29743
29743
  class: ["zd-alert", _vm.alert.cssClass],
29744
29744
  attrs: {
29745
+ id: _vm.alert.name,
29745
29746
  top: _vm.alert.top,
29746
29747
  bottom: _vm.alert.bottom,
29747
29748
  left: _vm.alert.left,
@@ -29823,7 +29824,7 @@ __vue_render__$1k._withStripped = true;
29823
29824
  /* style */
29824
29825
  const __vue_inject_styles__$1k = function (inject) {
29825
29826
  if (!inject) return
29826
- inject("data-v-2ff1b977_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 });
29827
29828
 
29828
29829
  };
29829
29830
  /* scoped */
@@ -29873,6 +29874,32 @@ ZdComponentRender = __decorate([
29873
29874
  ], ZdComponentRender);
29874
29875
  var ZdComponentRender$1 = ZdComponentRender;
29875
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
+
29876
29903
  /**
29877
29904
  * ApexChart component
29878
29905
  */
@@ -29885,6 +29912,7 @@ let ZdApexChart = class ZdApexChart extends ZdComponentRender$1 {
29885
29912
  this.setApexChartTheme();
29886
29913
  const updateFn = (options) => this.$refs.instance.chart.updateOptions(options, false, true, true, true);
29887
29914
  this.instance.setViewUpdate(updateFn);
29915
+ this.instance.setViewGetIconHTML((icon) => IconRenderer.getIcon(icon, this.$root.$options.vuetify));
29888
29916
  }
29889
29917
  setApexChartTheme() {
29890
29918
  let theme = '';
@@ -29949,7 +29977,7 @@ var __vue_render__$1j = function () {
29949
29977
  var _c = _vm._self._c || _h;
29950
29978
  return _c(
29951
29979
  "div",
29952
- { staticClass: "apexcharts-container" },
29980
+ { staticClass: "apexcharts-container", attrs: { id: _vm.instance.name } },
29953
29981
  [
29954
29982
  _c("apexchart", {
29955
29983
  directives: [
@@ -30000,7 +30028,7 @@ __vue_render__$1j._withStripped = true;
30000
30028
  /* style */
30001
30029
  const __vue_inject_styles__$1j = function (inject) {
30002
30030
  if (!inject) return
30003
- inject("data-v-6f4c7f6c_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 });
30004
30032
 
30005
30033
  };
30006
30034
  /* scoped */
@@ -30077,6 +30105,7 @@ var __vue_render__$1i = function () {
30077
30105
  ],
30078
30106
  style: _vm.instance.cssStyle,
30079
30107
  attrs: {
30108
+ id: _vm.instance.name,
30080
30109
  overlap: "",
30081
30110
  dark: _vm.instance.dark,
30082
30111
  light: _vm.instance.light,
@@ -30104,7 +30133,7 @@ __vue_render__$1i._withStripped = true;
30104
30133
  /* style */
30105
30134
  const __vue_inject_styles__$1i = function (inject) {
30106
30135
  if (!inject) return
30107
- inject("data-v-721a366c_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 });
30108
30137
 
30109
30138
  };
30110
30139
  /* scoped */
@@ -30196,6 +30225,7 @@ var __vue_render__$1h = function () {
30196
30225
  ],
30197
30226
  style: _vm.instance.cssStyle,
30198
30227
  attrs: {
30228
+ id: _vm.instance.name,
30199
30229
  dark: _vm.instance.dark,
30200
30230
  items: _vm.getTranslatedItems(),
30201
30231
  large: _vm.instance.large,
@@ -30235,7 +30265,7 @@ __vue_render__$1h._withStripped = true;
30235
30265
  /* style */
30236
30266
  const __vue_inject_styles__$1h = function (inject) {
30237
30267
  if (!inject) return
30238
- 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 });
30239
30269
 
30240
30270
  };
30241
30271
  /* scoped */
@@ -30401,6 +30431,7 @@ var __vue_render__$1g = function () {
30401
30431
  class: [_vm.instance.cssClass, "zd-button"],
30402
30432
  style: _vm.instance.cssStyle,
30403
30433
  attrs: {
30434
+ id: _vm.instance.name,
30404
30435
  name: _vm.instance.name,
30405
30436
  dark: _vm.instance.dark,
30406
30437
  light: _vm.instance.light,
@@ -30474,7 +30505,7 @@ __vue_render__$1g._withStripped = true;
30474
30505
  /* style */
30475
30506
  const __vue_inject_styles__$1g = function (inject) {
30476
30507
  if (!inject) return
30477
- inject("data-v-4ef72194_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 });
30478
30509
 
30479
30510
  };
30480
30511
  /* scoped */
@@ -30606,6 +30637,7 @@ var __vue_render__$1f = function () {
30606
30637
  class: [_vm.instance.cssClass, "zd-button-group"],
30607
30638
  style: _vm.instance.cssStyle,
30608
30639
  attrs: {
30640
+ id: _vm.instance.name,
30609
30641
  name: _vm.instance.name,
30610
30642
  dark: _vm.instance.dark,
30611
30643
  light: _vm.instance.light,
@@ -30666,7 +30698,7 @@ __vue_render__$1f._withStripped = true;
30666
30698
  /* style */
30667
30699
  const __vue_inject_styles__$1f = function (inject) {
30668
30700
  if (!inject) return
30669
- inject("data-v-dc14b8a0_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 });
30670
30702
 
30671
30703
  };
30672
30704
  /* scoped */
@@ -30825,6 +30857,7 @@ var __vue_render__$1e = function () {
30825
30857
  ],
30826
30858
  style: _vm.instance.cssStyle,
30827
30859
  attrs: {
30860
+ id: _vm.instance.name,
30828
30861
  name: _vm.instance.name,
30829
30862
  activeClass: _vm.instance.activeClass,
30830
30863
  append: _vm.instance.append,
@@ -30882,7 +30915,7 @@ __vue_render__$1e._withStripped = true;
30882
30915
  /* style */
30883
30916
  const __vue_inject_styles__$1e = function (inject) {
30884
30917
  if (!inject) return
30885
- 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 });
30886
30919
 
30887
30920
  };
30888
30921
  /* scoped */
@@ -31156,6 +31189,7 @@ var __vue_render__$1d = function () {
31156
31189
  },
31157
31190
  ],
31158
31191
  style: _vm.instance.cssStyle,
31192
+ attrs: { id: _vm.instance.name },
31159
31193
  on: {
31160
31194
  click: function ($event) {
31161
31195
  return _vm.click($event)
@@ -31437,7 +31471,7 @@ __vue_render__$1d._withStripped = true;
31437
31471
  /* style */
31438
31472
  const __vue_inject_styles__$1d = function (inject) {
31439
31473
  if (!inject) return
31440
- 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 });
31441
31475
 
31442
31476
  };
31443
31477
  /* scoped */
@@ -31644,7 +31678,10 @@ var __vue_render__$1c = function () {
31644
31678
  var _c = _vm._self._c || _h;
31645
31679
  return _c(
31646
31680
  "span",
31647
- _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
+ ),
31648
31685
  [
31649
31686
  _c(
31650
31687
  "v-checkbox",
@@ -31725,7 +31762,7 @@ __vue_render__$1c._withStripped = true;
31725
31762
  /* style */
31726
31763
  const __vue_inject_styles__$1c = function (inject) {
31727
31764
  if (!inject) return
31728
- inject("data-v-b8fd6dc4_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 });
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 });
31729
31766
 
31730
31767
  };
31731
31768
  /* scoped */
@@ -31825,6 +31862,7 @@ var __vue_render__$1b = function () {
31825
31862
  "zd-input-required": _vm.instance.validations.required,
31826
31863
  },
31827
31864
  ],
31865
+ attrs: { id: _vm.instance.name },
31828
31866
  },
31829
31867
  [
31830
31868
  _c("div", { staticClass: "zd-checkbox-label" }, [
@@ -31901,7 +31939,7 @@ __vue_render__$1b._withStripped = true;
31901
31939
  /* style */
31902
31940
  const __vue_inject_styles__$1b = function (inject) {
31903
31941
  if (!inject) return
31904
- inject("data-v-ad17a11c_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 });
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 });
31905
31943
 
31906
31944
  };
31907
31945
  /* scoped */
@@ -32028,7 +32066,7 @@ var __vue_render__$1a = function () {
32028
32066
  },
32029
32067
  ],
32030
32068
  style: _vm.instance.cssStyle,
32031
- attrs: { name: _vm.instance.name },
32069
+ attrs: { id: _vm.instance.name, name: _vm.instance.name },
32032
32070
  on: {
32033
32071
  click: function ($event) {
32034
32072
  return _vm.click($event)
@@ -32112,7 +32150,7 @@ __vue_render__$1a._withStripped = true;
32112
32150
  /* style */
32113
32151
  const __vue_inject_styles__$1a = function (inject) {
32114
32152
  if (!inject) return
32115
- 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 });
32116
32154
 
32117
32155
  };
32118
32156
  /* scoped */
@@ -32230,6 +32268,7 @@ var __vue_render__$19 = function () {
32230
32268
  { "theme--light": !_vm.$vuetify.theme.dark || _vm.instance.light },
32231
32269
  ],
32232
32270
  style: _vm.instance.cssStyle,
32271
+ attrs: { id: _vm.instance.name },
32233
32272
  },
32234
32273
  [
32235
32274
  _c(
@@ -32336,11 +32375,11 @@ __vue_render__$19._withStripped = true;
32336
32375
  /* style */
32337
32376
  const __vue_inject_styles__$19 = function (inject) {
32338
32377
  if (!inject) return
32339
- inject("data-v-4fffbcc6_0", { source: ".zd-code-editor[data-v-4fffbcc6] {\n position: relative;\n}\n.zd-code-editor-clipboard-button[data-v-4fffbcc6] {\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-4fffbcc6] {\n color: var(--v-grey-base);\n font-size: 18px;\n}\n.zd-code-editor:hover .zd-code-editor-clipboard-button[data-v-4fffbcc6] {\n opacity: 1;\n}\n.zd-code-editor-container[data-v-4fffbcc6] {\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-4fffbcc6]:focus-within {\n border: solid var(--regular) var(--v-primary-base);\n}\n.zd-code-editor-container .zd-code-editor-line-numbers[data-v-4fffbcc6] {\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-4fffbcc6] {\n text-align: right;\n white-space: nowrap;\n}\n.zd-code-editor-container pre[data-v-4fffbcc6] {\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-4fffbcc6] {\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-4fffbcc6] {\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 });
32340
32379
 
32341
32380
  };
32342
32381
  /* scoped */
32343
- const __vue_scope_id__$19 = "data-v-4fffbcc6";
32382
+ const __vue_scope_id__$19 = "data-v-468d3318";
32344
32383
  /* module identifier */
32345
32384
  const __vue_module_identifier__$19 = undefined;
32346
32385
  /* functional template */
@@ -32425,6 +32464,7 @@ var __vue_render__$18 = function () {
32425
32464
  class: _vm.instance.cssClass,
32426
32465
  style: _vm.instance.cssStyle,
32427
32466
  attrs: {
32467
+ id: _vm.instance.name,
32428
32468
  name: _vm.instance.name,
32429
32469
  cols: _vm.instance.cols,
32430
32470
  sm: _vm.instance.sm,
@@ -32608,6 +32648,7 @@ var __vue_render__$17 = function () {
32608
32648
  ],
32609
32649
  style: [_vm.widthStyles, _vm.instance.cssStyle],
32610
32650
  attrs: {
32651
+ id: _vm.instance.name,
32611
32652
  dark: _vm.instance.dark,
32612
32653
  light: _vm.instance.light,
32613
32654
  value: _vm.expandStatus,
@@ -32767,7 +32808,7 @@ __vue_render__$17._withStripped = true;
32767
32808
  /* style */
32768
32809
  const __vue_inject_styles__$17 = function (inject) {
32769
32810
  if (!inject) return
32770
- inject("data-v-c3d045c2_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 });
32771
32812
 
32772
32813
  };
32773
32814
  /* scoped */
@@ -32842,7 +32883,11 @@ var __vue_render__$16 = function () {
32842
32883
  { "fill-height": _vm.instance.fillHeight },
32843
32884
  ],
32844
32885
  style: _vm.instance.cssStyle,
32845
- 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
+ },
32846
32891
  },
32847
32892
  [
32848
32893
  _vm._l(_vm.instance.children, function (child, index) {
@@ -32876,11 +32921,11 @@ __vue_render__$16._withStripped = true;
32876
32921
  /* style */
32877
32922
  const __vue_inject_styles__$16 = function (inject) {
32878
32923
  if (!inject) return
32879
- inject("data-v-32e0e921_0", { source: ".zd-container[data-v-32e0e921] {\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 });
32880
32925
 
32881
32926
  };
32882
32927
  /* scoped */
32883
- const __vue_scope_id__$16 = "data-v-32e0e921";
32928
+ const __vue_scope_id__$16 = "data-v-32c162b3";
32884
32929
  /* module identifier */
32885
32930
  const __vue_module_identifier__$16 = undefined;
32886
32931
  /* functional template */
@@ -33086,6 +33131,7 @@ var __vue_render__$15 = function () {
33086
33131
  ],
33087
33132
  style: _vm.instance.cssStyle,
33088
33133
  attrs: {
33134
+ id: _vm.instance.name,
33089
33135
  "validate-on-blur": "",
33090
33136
  name: _vm.instance.name,
33091
33137
  "hide-details": _vm.instance.autoHintDetails ? "auto" : false,
@@ -33192,7 +33238,7 @@ __vue_render__$15._withStripped = true;
33192
33238
  /* style */
33193
33239
  const __vue_inject_styles__$15 = function (inject) {
33194
33240
  if (!inject) return
33195
- 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 });
33196
33242
 
33197
33243
  };
33198
33244
  /* scoped */
@@ -33295,7 +33341,11 @@ var __vue_render__$14 = function () {
33295
33341
  ],
33296
33342
  ref: "instance",
33297
33343
  class: ["zd-number"],
33298
- attrs: { name: "number", "instance-object": _vm.instance },
33344
+ attrs: {
33345
+ id: _vm.instance.name,
33346
+ name: "number",
33347
+ "instance-object": _vm.instance,
33348
+ },
33299
33349
  },
33300
33350
  "zd-text-input",
33301
33351
  {
@@ -33367,7 +33417,11 @@ var __vue_render__$13 = function () {
33367
33417
  var _c = _vm._self._c || _h;
33368
33418
  return _c("zd-number", {
33369
33419
  ref: "instance",
33370
- attrs: { name: "currency", "instance-object": _vm.instance },
33420
+ attrs: {
33421
+ id: _vm.instance.name,
33422
+ name: "currency",
33423
+ "instance-object": _vm.instance,
33424
+ },
33371
33425
  })
33372
33426
  };
33373
33427
  var __vue_staticRenderFns__$13 = [];
@@ -33578,6 +33632,7 @@ var __vue_render__$12 = function () {
33578
33632
  { "zd-pa-0": _vm.instance.removePadding },
33579
33633
  ],
33580
33634
  attrs: {
33635
+ id: _vm.instance.name,
33581
33636
  dark: _vm.instance.dark,
33582
33637
  light: _vm.instance.light,
33583
33638
  name: "container-dashboard" + _vm.instance.name,
@@ -33719,7 +33774,7 @@ __vue_render__$12._withStripped = true;
33719
33774
  /* style */
33720
33775
  const __vue_inject_styles__$12 = function (inject) {
33721
33776
  if (!inject) return
33722
- inject("data-v-404a75cd_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 });
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 });
33723
33778
 
33724
33779
  };
33725
33780
  /* scoped */
@@ -33988,6 +34043,7 @@ var __vue_render__$11 = function () {
33988
34043
  ],
33989
34044
  staticClass: "zd-date-menu-activator",
33990
34045
  attrs: {
34046
+ id: _vm.instance.name,
33991
34047
  "offset-overflow": "",
33992
34048
  "offset-y": "",
33993
34049
  "min-width": _vm.instance.width,
@@ -34083,7 +34139,7 @@ __vue_render__$11._withStripped = true;
34083
34139
  /* style */
34084
34140
  const __vue_inject_styles__$11 = function (inject) {
34085
34141
  if (!inject) return
34086
- 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 });
34087
34143
 
34088
34144
  };
34089
34145
  /* scoped */
@@ -34333,6 +34389,7 @@ var __vue_render__$10 = function () {
34333
34389
  ],
34334
34390
  staticClass: "zd-date-menu-activator",
34335
34391
  attrs: {
34392
+ id: _vm.instance.name,
34336
34393
  "offset-overflow": "",
34337
34394
  "offset-y": "",
34338
34395
  "min-width": _vm.instance.width,
@@ -34426,7 +34483,7 @@ __vue_render__$10._withStripped = true;
34426
34483
  /* style */
34427
34484
  const __vue_inject_styles__$10 = function (inject) {
34428
34485
  if (!inject) return
34429
- 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 });
34430
34487
 
34431
34488
  };
34432
34489
  /* scoped */
@@ -34487,10 +34544,11 @@ var __vue_render__$$ = function () {
34487
34544
  "v-dialog",
34488
34545
  {
34489
34546
  attrs: {
34547
+ id: _vm.dialog.name,
34490
34548
  "max-width": _vm.dialog.maxWidth,
34491
34549
  persistent: _vm.dialog.persistent,
34492
- dark: _vm.instance.dark,
34493
- light: _vm.instance.light,
34550
+ dark: _vm.dialog.dark,
34551
+ light: _vm.dialog.light,
34494
34552
  },
34495
34553
  model: {
34496
34554
  value: _vm.dialog.isVisible,
@@ -34579,7 +34637,7 @@ __vue_render__$$._withStripped = true;
34579
34637
  /* style */
34580
34638
  const __vue_inject_styles__$$ = function (inject) {
34581
34639
  if (!inject) return
34582
- inject("data-v-33718270_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 });
34583
34641
 
34584
34642
  };
34585
34643
  /* scoped */
@@ -34649,6 +34707,7 @@ var __vue_render__$_ = function () {
34649
34707
  class: [_vm.instance.cssClass],
34650
34708
  style: _vm.instance.cssStyle,
34651
34709
  attrs: {
34710
+ id: _vm.instance.name,
34652
34711
  name: _vm.instance.name,
34653
34712
  dark: _vm.instance.dark,
34654
34713
  inset: _vm.instance.inset,
@@ -34800,6 +34859,7 @@ var __vue_render__$Z = function () {
34800
34859
  ],
34801
34860
  style: _vm.instance.cssStyle,
34802
34861
  attrs: {
34862
+ id: _vm.instance.name,
34803
34863
  "content-class": "zd-dropdown-menu",
34804
34864
  "offset-overflow": "",
34805
34865
  name: _vm.instance.name,
@@ -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-9ce8f0c2_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,7 @@ var __vue_render__$Y = function () {
35124
35190
  _vm.instance.cssStyle,
35125
35191
  ],
35126
35192
  attrs: {
35193
+ id: _vm.instance.name,
35127
35194
  dark: _vm.instance.dark,
35128
35195
  light: _vm.instance.light,
35129
35196
  "validate-on-blur": "",
@@ -35346,7 +35413,7 @@ __vue_render__$Y._withStripped = true;
35346
35413
  /* style */
35347
35414
  const __vue_inject_styles__$Y = function (inject) {
35348
35415
  if (!inject) return
35349
- inject("data-v-5040ba1c_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 });
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 });
35350
35417
 
35351
35418
  };
35352
35419
  /* scoped */
@@ -35490,6 +35557,7 @@ var __vue_render__$X = function () {
35490
35557
  class: ["zd-footer", _vm.instance.cssClass],
35491
35558
  style: _vm.instance.cssStyle,
35492
35559
  attrs: {
35560
+ id: _vm.instance.name,
35493
35561
  name: _vm.instance.name,
35494
35562
  app: _vm.instance.app,
35495
35563
  color: _vm.instance.color,
@@ -35671,11 +35739,11 @@ __vue_render__$X._withStripped = true;
35671
35739
  /* style */
35672
35740
  const __vue_inject_styles__$X = function (inject) {
35673
35741
  if (!inject) return
35674
- inject("data-v-26287a82_0", { source: ".zd-footer-slot[data-v-26287a82] {\n display: flex;\n padding: 0;\n}\n.zd-footer-slot-children[data-v-26287a82] {\n padding-bottom: var(--spacing-2);\n}\n.zd-footer-slot-left > *[data-v-26287a82], .zd-footer-slot-center > *[data-v-26287a82], .zd-footer-slot-right > *[data-v-26287a82] {\n margin: 0 var(--spacing-1);\n}\n.zd-footer-slot-left > *[data-v-26287a82]:first-child, .zd-footer-slot-center > *[data-v-26287a82]:first-child, .zd-footer-slot-right > *[data-v-26287a82]:first-child {\n margin-left: 0;\n}\n.zd-footer-slot-left > *[data-v-26287a82]:last-child, .zd-footer-slot-center > *[data-v-26287a82]:last-child, .zd-footer-slot-right > *[data-v-26287a82]:last-child {\n margin-right: 0;\n}\n.zd-footer-slot-center[data-v-26287a82] {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n}\n.zd-footer-slot-right[data-v-26287a82] {\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 });
35675
35743
 
35676
35744
  };
35677
35745
  /* scoped */
35678
- const __vue_scope_id__$X = "data-v-26287a82";
35746
+ const __vue_scope_id__$X = "data-v-4015ded1";
35679
35747
  /* module identifier */
35680
35748
  const __vue_module_identifier__$X = undefined;
35681
35749
  /* functional template */
@@ -35710,11 +35778,14 @@ let ZdForm = class ZdForm extends ZdComponentRender$1 {
35710
35778
  }
35711
35779
  mounted() {
35712
35780
  this.form = this.$refs.form;
35713
- this.instance.setViewValidate(this.form.validate);
35714
- 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
+ }
35715
35785
  }
35716
35786
  submit(event) {
35717
- if (this.form.validate()) {
35787
+ var _a;
35788
+ if ((_a = this.form) === null || _a === void 0 ? void 0 : _a.validate()) {
35718
35789
  this.$emit('submit', event);
35719
35790
  this.instance.callSubmitEvent(event, this.$el);
35720
35791
  }
@@ -35774,7 +35845,7 @@ var __vue_render__$W = function () {
35774
35845
  ref: "form",
35775
35846
  class: _vm.instance.cssClass,
35776
35847
  style: _vm.instance.cssStyle,
35777
- attrs: { name: _vm.instance.name },
35848
+ attrs: { id: _vm.instance.name, name: _vm.instance.name },
35778
35849
  on: {
35779
35850
  submit: function ($event) {
35780
35851
  $event.preventDefault();
@@ -35928,6 +35999,7 @@ var __vue_render__$V = function () {
35928
35999
  ],
35929
36000
  class: ["zd-frame", _vm.instance.cssClass],
35930
36001
  style: _vm.instance.cssStyle,
36002
+ attrs: { id: _vm.instance.name },
35931
36003
  },
35932
36004
  [
35933
36005
  _vm.instance.loading
@@ -35953,7 +36025,7 @@ __vue_render__$V._withStripped = true;
35953
36025
  /* style */
35954
36026
  const __vue_inject_styles__$V = function (inject) {
35955
36027
  if (!inject) return
35956
- 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 });
35957
36029
 
35958
36030
  };
35959
36031
  /* scoped */
@@ -36009,6 +36081,7 @@ var __vue_render__$U = function () {
36009
36081
  var _c = _vm._self._c || _h;
36010
36082
  return _c("zd-frame", {
36011
36083
  attrs: {
36084
+ id: _vm.instance.name + "_frame",
36012
36085
  name: _vm.instance.name + "_frame",
36013
36086
  path: _vm.instance.path,
36014
36087
  "instance-object": _vm.instance,
@@ -36063,7 +36136,6 @@ let ZdIterable = class ZdIterable extends ZdComponentRender$1 {
36063
36136
  initialized: false,
36064
36137
  visibleData: [],
36065
36138
  };
36066
- this.debouncedChangeData = debounce$1((instance, data) => { instance.changeData(data); }, 50);
36067
36139
  }
36068
36140
  mounted() {
36069
36141
  if (this.instance.datasource.watchUrl) {
@@ -36080,7 +36152,7 @@ let ZdIterable = class ZdIterable extends ZdComponentRender$1 {
36080
36152
  }
36081
36153
  }
36082
36154
  changeData(data) {
36083
- this.debouncedChangeData(this.instance, data);
36155
+ this.instance.changeData(data);
36084
36156
  }
36085
36157
  rowKey(item) {
36086
36158
  return item[this.instance.datasource.uniqueKey];
@@ -36599,6 +36671,7 @@ var __vue_render__$T = function () {
36599
36671
  : {},
36600
36672
  ],
36601
36673
  attrs: {
36674
+ id: _vm.instance.name,
36602
36675
  dark: _vm.instance.dark,
36603
36676
  light: _vm.instance.light,
36604
36677
  "fixed-header": "",
@@ -37357,7 +37430,7 @@ __vue_render__$T._withStripped = true;
37357
37430
  /* style */
37358
37431
  const __vue_inject_styles__$T = function (inject) {
37359
37432
  if (!inject) return
37360
- inject("data-v-baad9074_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 });
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 });
37361
37434
 
37362
37435
  };
37363
37436
  /* scoped */
@@ -37559,6 +37632,7 @@ var __vue_render__$S = function () {
37559
37632
  ],
37560
37633
  style: [_vm.cssColorVars, _vm.instance.cssStyle],
37561
37634
  attrs: {
37635
+ id: _vm.instance.name,
37562
37636
  dark: _vm.instance.dark,
37563
37637
  light: _vm.instance.light,
37564
37638
  "fixed-header": "",
@@ -38489,8 +38563,8 @@ __vue_render__$S._withStripped = true;
38489
38563
  /* style */
38490
38564
  const __vue_inject_styles__$S = function (inject) {
38491
38565
  if (!inject) return
38492
- inject("data-v-733aaa89_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 })
38493
- ,inject("data-v-733aaa89_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 });
38494
38568
 
38495
38569
  };
38496
38570
  /* scoped */
@@ -38652,6 +38726,7 @@ var __vue_render__$R = function () {
38652
38726
  ],
38653
38727
  style: _vm.instance.cssStyle,
38654
38728
  attrs: {
38729
+ id: _vm.instance.name,
38655
38730
  name: _vm.instance.name,
38656
38731
  app: _vm.instance.app,
38657
38732
  color: _vm.instance.color,
@@ -38844,7 +38919,7 @@ __vue_render__$R._withStripped = true;
38844
38919
  /* style */
38845
38920
  const __vue_inject_styles__$R = function (inject) {
38846
38921
  if (!inject) return
38847
- inject("data-v-489cc01b_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 });
38848
38923
 
38849
38924
  };
38850
38925
  /* scoped */
@@ -38905,7 +38980,11 @@ var __vue_render__$Q = function () {
38905
38980
  return _vm.footerSlot.length || !!_vm.$slots.default
38906
38981
  ? _c(
38907
38982
  "div",
38908
- { ref: "footer", staticClass: "zd-grid-footer" },
38983
+ {
38984
+ ref: "footer",
38985
+ staticClass: "zd-grid-footer",
38986
+ attrs: { id: _vm.instance.name + "-footer" },
38987
+ },
38909
38988
  [
38910
38989
  _vm._l(_vm.instance.footerSlot, function (child, index) {
38911
38990
  return _c(
@@ -39014,6 +39093,7 @@ var __vue_render__$P = function () {
39014
39093
  var _c = _vm._self._c || _h;
39015
39094
  return _c(
39016
39095
  "div",
39096
+ { attrs: { id: _vm.instance.name } },
39017
39097
  [
39018
39098
  _vm.instance.datasource.error
39019
39099
  ? [
@@ -39161,7 +39241,11 @@ var __vue_render__$O = function () {
39161
39241
  {
39162
39242
  ref: "header",
39163
39243
  staticClass: "zd-grid-toolbar",
39164
- attrs: { dark: _vm.toolbarSlot.dark, light: _vm.toolbarSlot.light },
39244
+ attrs: {
39245
+ id: _vm.instance.name + "-top",
39246
+ dark: _vm.toolbarSlot.dark,
39247
+ light: _vm.toolbarSlot.light,
39248
+ },
39165
39249
  },
39166
39250
  [
39167
39251
  _c(
@@ -39308,6 +39392,7 @@ var __vue_render__$N = function () {
39308
39392
  ],
39309
39393
  class: [_vm.instance.cssClass, "zd-icon"],
39310
39394
  style: _vm.instance.cssStyle,
39395
+ attrs: { id: _vm.instance.name },
39311
39396
  },
39312
39397
  "v-icon",
39313
39398
  {
@@ -39425,7 +39510,7 @@ var __vue_render__$M = function () {
39425
39510
  ],
39426
39511
  class: ["zd-image", _vm.instance.cssClass],
39427
39512
  style: _vm.instance.cssStyle,
39428
- attrs: { name: _vm.instance.name },
39513
+ attrs: { id: _vm.instance.name, name: _vm.instance.name },
39429
39514
  },
39430
39515
  [
39431
39516
  _vm.instance.errorImagePath && _vm.instance.validImage !== true
@@ -39513,7 +39598,7 @@ __vue_render__$M._withStripped = true;
39513
39598
  /* style */
39514
39599
  const __vue_inject_styles__$M = function (inject) {
39515
39600
  if (!inject) return
39516
- 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 });
39517
39602
 
39518
39603
  };
39519
39604
  /* scoped */
@@ -39578,7 +39663,11 @@ var __vue_render__$L = function () {
39578
39663
  return _c("zd-number", {
39579
39664
  ref: "instance",
39580
39665
  class: ["zd-increment"],
39581
- attrs: { name: "increment", "instance-object": _vm.instance },
39666
+ attrs: {
39667
+ id: _vm.instance.name,
39668
+ name: "increment",
39669
+ "instance-object": _vm.instance,
39670
+ },
39582
39671
  })
39583
39672
  };
39584
39673
  var __vue_staticRenderFns__$L = [];
@@ -39587,7 +39676,7 @@ __vue_render__$L._withStripped = true;
39587
39676
  /* style */
39588
39677
  const __vue_inject_styles__$L = function (inject) {
39589
39678
  if (!inject) return
39590
- 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 });
39591
39680
 
39592
39681
  };
39593
39682
  /* scoped */
@@ -39635,6 +39724,7 @@ var __vue_render__$K = function () {
39635
39724
  },
39636
39725
  ],
39637
39726
  style: _vm.instance.cssStyle,
39727
+ attrs: { id: _vm.instance.name },
39638
39728
  },
39639
39729
  [
39640
39730
  _vm._l(_vm.instance.children, function (child, index) {
@@ -39751,6 +39841,7 @@ var __vue_render__$J = function () {
39751
39841
  class: ["zd-iterable-columns-button", _vm.instance.cssClass],
39752
39842
  style: _vm.instance.cssStyle,
39753
39843
  attrs: {
39844
+ id: _vm.instance.name,
39754
39845
  closeOnContentClick: false,
39755
39846
  "offset-y": "",
39756
39847
  "content-class": "zd-iterable-columns-button-options",
@@ -39830,7 +39921,7 @@ __vue_render__$J._withStripped = true;
39830
39921
  /* style */
39831
39922
  const __vue_inject_styles__$J = function (inject) {
39832
39923
  if (!inject) return
39833
- 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 });
39834
39925
 
39835
39926
  };
39836
39927
  /* scoped */
@@ -39997,6 +40088,7 @@ var __vue_render__$I = function () {
39997
40088
  ],
39998
40089
  class: ["zd-iterable-pagination", _vm.instance.cssClass],
39999
40090
  style: _vm.instance.cssStyle,
40091
+ attrs: { id: _vm.instance.name },
40000
40092
  },
40001
40093
  [
40002
40094
  _c("v-pagination", {
@@ -40032,7 +40124,7 @@ __vue_render__$I._withStripped = true;
40032
40124
  /* style */
40033
40125
  const __vue_inject_styles__$I = function (inject) {
40034
40126
  if (!inject) return
40035
- inject("data-v-81399cac_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 });
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 });
40036
40128
 
40037
40129
  };
40038
40130
  /* scoped */
@@ -40282,6 +40374,7 @@ var __vue_render__$H = function () {
40282
40374
  ],
40283
40375
  style: _vm.instance.cssStyle,
40284
40376
  attrs: {
40377
+ id: _vm.instance.name,
40285
40378
  "return-object": "",
40286
40379
  "validate-on-blur": "",
40287
40380
  "no-filter": "",
@@ -40535,7 +40628,7 @@ __vue_render__$H._withStripped = true;
40535
40628
  /* style */
40536
40629
  const __vue_inject_styles__$H = function (inject) {
40537
40630
  if (!inject) return
40538
- inject("data-v-7c1de2f8_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 });
40539
40632
 
40540
40633
  };
40541
40634
  /* scoped */
@@ -40634,7 +40727,11 @@ var __vue_render__$G = function () {
40634
40727
  ref: "instance",
40635
40728
  class: ["zd-iterable-page-size", _vm.instance.cssClass],
40636
40729
  style: _vm.instance.cssStyle,
40637
- 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
+ },
40638
40735
  })
40639
40736
  };
40640
40737
  var __vue_staticRenderFns__$G = [];
@@ -40643,7 +40740,7 @@ __vue_render__$G._withStripped = true;
40643
40740
  /* style */
40644
40741
  const __vue_inject_styles__$G = function (inject) {
40645
40742
  if (!inject) return
40646
- 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 });
40647
40744
 
40648
40745
  };
40649
40746
  /* scoped */
@@ -40706,6 +40803,7 @@ var __vue_render__$F = function () {
40706
40803
  ],
40707
40804
  class: ["zd-iterable-page-info", _vm.instance.cssClass],
40708
40805
  style: _vm.instance.cssStyle,
40806
+ attrs: { id: _vm.instance.name },
40709
40807
  },
40710
40808
  [_vm._v("\n " + _vm._s(_vm.instance.iterableComponent.pageText) + "\n")]
40711
40809
  )
@@ -40716,7 +40814,7 @@ __vue_render__$F._withStripped = true;
40716
40814
  /* style */
40717
40815
  const __vue_inject_styles__$F = function (inject) {
40718
40816
  if (!inject) return
40719
- 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 });
40720
40818
 
40721
40819
  };
40722
40820
  /* scoped */
@@ -40819,6 +40917,7 @@ var __vue_render__$E = function () {
40819
40917
  class: ["zd-list", _vm.instance.cssClass],
40820
40918
  style: _vm.instance.cssStyle,
40821
40919
  attrs: {
40920
+ id: _vm.instance.name,
40822
40921
  dark: _vm.instance.dark,
40823
40922
  dense: _vm.instance.dense,
40824
40923
  disabled: _vm.instance.disabled,
@@ -40869,7 +40968,7 @@ __vue_render__$E._withStripped = true;
40869
40968
  /* style */
40870
40969
  const __vue_inject_styles__$E = function (inject) {
40871
40970
  if (!inject) return
40872
- inject("data-v-13d9c4d2_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 });
40873
40972
 
40874
40973
  };
40875
40974
  /* scoped */
@@ -40949,7 +41048,7 @@ __vue_render__$D._withStripped = true;
40949
41048
  /* style */
40950
41049
  const __vue_inject_styles__$D = function (inject) {
40951
41050
  if (!inject) return
40952
- 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 });
40953
41052
 
40954
41053
  };
40955
41054
  /* scoped */
@@ -41053,6 +41152,7 @@ var __vue_render__$C = function () {
41053
41152
  class: ["zd-list-item", _vm.instance.cssClass],
41054
41153
  style: _vm.instance.cssStyle,
41055
41154
  attrs: {
41155
+ id: _vm.instance.name,
41056
41156
  disabled: _vm.instance.disabled,
41057
41157
  ripple: _vm.instance.ripple,
41058
41158
  twoLine: _vm.instance.twoLine,
@@ -41229,6 +41329,7 @@ var __vue_render__$B = function () {
41229
41329
  ],
41230
41330
  style: _vm.instance.cssStyle,
41231
41331
  attrs: {
41332
+ id: _vm.instance.name,
41232
41333
  eager: !_vm.instance.lazyLoad,
41233
41334
  ripple: _vm.instance.ripple,
41234
41335
  disabled: _vm.instance.disabled,
@@ -41364,7 +41465,7 @@ __vue_render__$B._withStripped = true;
41364
41465
  /* style */
41365
41466
  const __vue_inject_styles__$B = function (inject) {
41366
41467
  if (!inject) return
41367
- inject("data-v-1ebcd268_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 });
41368
41469
 
41369
41470
  };
41370
41471
  /* scoped */
@@ -41457,11 +41558,12 @@ var __vue_render__$A = function () {
41457
41558
  class: [_vm.cssClass],
41458
41559
  style: [_vm.cssStyle],
41459
41560
  attrs: {
41561
+ id: _vm.loading.name,
41460
41562
  opacity: _vm.opacity,
41461
41563
  value: _vm.loading.isVisible,
41462
41564
  "z-index": _vm.zIndex,
41463
- dark: _vm.instance.dark,
41464
- light: _vm.instance.light,
41565
+ dark: _vm.loading.dark,
41566
+ light: _vm.loading.light,
41465
41567
  },
41466
41568
  },
41467
41569
  [
@@ -41507,7 +41609,7 @@ __vue_render__$A._withStripped = true;
41507
41609
  /* style */
41508
41610
  const __vue_inject_styles__$A = function (inject) {
41509
41611
  if (!inject) return
41510
- inject("data-v-27f0fe30_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 });
41511
41613
 
41512
41614
  };
41513
41615
  /* scoped */
@@ -41614,14 +41716,18 @@ var __vue_render__$z = function () {
41614
41716
  ],
41615
41717
  class: [_vm.instance.cssClass, "zd-login"],
41616
41718
  style: _vm.instance.cssStyle,
41617
- attrs: { name: _vm.instance.name },
41719
+ attrs: { id: _vm.instance.name, name: _vm.instance.name },
41618
41720
  },
41619
41721
  [
41620
41722
  _c(
41621
41723
  "div",
41622
41724
  {
41623
- staticClass: "layout align-center zd-login",
41624
- class: "position-" + _vm.instance.layout,
41725
+ class: [
41726
+ "layout",
41727
+ "align-center",
41728
+ "position-" + _vm.instance.layout,
41729
+ "zd-login-content",
41730
+ ],
41625
41731
  style: "background: " + _vm.instance.backgroundStyle + ";",
41626
41732
  },
41627
41733
  [
@@ -41745,7 +41851,7 @@ __vue_render__$z._withStripped = true;
41745
41851
  /* style */
41746
41852
  const __vue_inject_styles__$z = function (inject) {
41747
41853
  if (!inject) return
41748
- inject("data-v-703aafa2_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 });
41749
41855
 
41750
41856
  };
41751
41857
  /* scoped */
@@ -41805,7 +41911,11 @@ var __vue_render__$y = function () {
41805
41911
  var _c = _vm._self._c || _h;
41806
41912
  return _c("zd-button", {
41807
41913
  staticClass: "zd-login-button",
41808
- 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
+ },
41809
41919
  })
41810
41920
  };
41811
41921
  var __vue_staticRenderFns__$y = [];
@@ -41878,6 +41988,7 @@ var __vue_render__$x = function () {
41878
41988
  },
41879
41989
  ],
41880
41990
  style: _vm.instance.cssStyle,
41991
+ attrs: { id: _vm.instance.name },
41881
41992
  },
41882
41993
  [
41883
41994
  _vm._l(_vm.instance.children, function (child, index) {
@@ -42075,6 +42186,7 @@ var __vue_render__$w = function () {
42075
42186
  expression: "instance.isVisible",
42076
42187
  },
42077
42188
  ],
42189
+ attrs: { id: _vm.instance.name },
42078
42190
  on: {
42079
42191
  mouseenter: function ($event) {
42080
42192
  return _vm.instance.menuMouseEnter()
@@ -42231,7 +42343,7 @@ __vue_render__$w._withStripped = true;
42231
42343
  /* style */
42232
42344
  const __vue_inject_styles__$w = function (inject) {
42233
42345
  if (!inject) return
42234
- inject("data-v-1dc7a318_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 });
42235
42347
 
42236
42348
  };
42237
42349
  /* scoped */
@@ -42332,7 +42444,7 @@ var __vue_render__$v = function () {
42332
42444
  staticClass: "zd-menu-link",
42333
42445
  class: [{ selected: _vm.instance.isSelected() }, _vm.instance.cssClass],
42334
42446
  style: _vm.instance.cssStyle,
42335
- attrs: { to: _vm.instance.route, link: "" },
42447
+ attrs: { id: _vm.instance.name, to: _vm.instance.route, link: "" },
42336
42448
  on: {
42337
42449
  click: function ($event) {
42338
42450
  return _vm.instance.click($event)
@@ -42369,11 +42481,11 @@ __vue_render__$v._withStripped = true;
42369
42481
  /* style */
42370
42482
  const __vue_inject_styles__$v = function (inject) {
42371
42483
  if (!inject) return
42372
- 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 });
42373
42485
 
42374
42486
  };
42375
42487
  /* scoped */
42376
- const __vue_scope_id__$v = "data-v-3f979d99";
42488
+ const __vue_scope_id__$v = "data-v-43cb4ac7";
42377
42489
  /* module identifier */
42378
42490
  const __vue_module_identifier__$v = undefined;
42379
42491
  /* functional template */
@@ -42481,7 +42593,10 @@ var __vue_render__$u = function () {
42481
42593
  _vm.instance.cssClass,
42482
42594
  ],
42483
42595
  style: _vm.instance.cssStyle,
42484
- attrs: { "prepend-icon": _vm.$getIcon(_vm.instance.icon) },
42596
+ attrs: {
42597
+ id: _vm.instance.name,
42598
+ "prepend-icon": _vm.$getIcon(_vm.instance.icon),
42599
+ },
42485
42600
  on: { mouseenter: _vm.mouseEnter },
42486
42601
  model: {
42487
42602
  value: _vm.instance.opened,
@@ -42552,7 +42667,7 @@ __vue_render__$u._withStripped = true;
42552
42667
  /* style */
42553
42668
  const __vue_inject_styles__$u = function (inject) {
42554
42669
  if (!inject) return
42555
- 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 });
42556
42671
 
42557
42672
  };
42558
42673
  /* scoped */
@@ -42620,7 +42735,11 @@ var __vue_render__$t = function () {
42620
42735
  var _c = _vm._self._c || _h;
42621
42736
  return _c("zd-button", {
42622
42737
  staticClass: "zd-menu-button",
42623
- 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
+ },
42624
42743
  })
42625
42744
  };
42626
42745
  var __vue_staticRenderFns__$t = [];
@@ -42687,6 +42806,7 @@ var __vue_render__$s = function () {
42687
42806
  },
42688
42807
  ],
42689
42808
  staticClass: "zd-menu-separator",
42809
+ attrs: { id: _vm.instance.name },
42690
42810
  })
42691
42811
  };
42692
42812
  var __vue_staticRenderFns__$s = [];
@@ -42695,11 +42815,11 @@ __vue_render__$s._withStripped = true;
42695
42815
  /* style */
42696
42816
  const __vue_inject_styles__$s = function (inject) {
42697
42817
  if (!inject) return
42698
- 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 });
42699
42819
 
42700
42820
  };
42701
42821
  /* scoped */
42702
- const __vue_scope_id__$s = "data-v-3bb57b9d";
42822
+ const __vue_scope_id__$s = "data-v-7486d969";
42703
42823
  /* module identifier */
42704
42824
  const __vue_module_identifier__$s = undefined;
42705
42825
  /* functional template */
@@ -42763,10 +42883,11 @@ var __vue_render__$r = function () {
42763
42883
  {
42764
42884
  key: modal.name + modal.isVisible,
42765
42885
  attrs: {
42886
+ id: modal.name,
42766
42887
  persistent: modal.persistent,
42767
42888
  fullscreen: modal.fullscreen,
42768
- dark: _vm.instance.dark,
42769
- light: _vm.instance.light,
42889
+ dark: modal.dark,
42890
+ light: modal.light,
42770
42891
  "content-class":
42771
42892
  "zd-modal-content " +
42772
42893
  _vm.getSizeClass(modal) +
@@ -42845,7 +42966,7 @@ __vue_render__$r._withStripped = true;
42845
42966
  /* style */
42846
42967
  const __vue_inject_styles__$r = function (inject) {
42847
42968
  if (!inject) return
42848
- inject("data-v-06753b8a_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 });
42849
42970
 
42850
42971
  };
42851
42972
  /* scoped */
@@ -42913,7 +43034,11 @@ var __vue_render__$q = function () {
42913
43034
  var _c = _vm._self._c || _h;
42914
43035
  return _c("zd-button", {
42915
43036
  staticClass: "zd-modal-close-button",
42916
- 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
+ },
42917
43042
  })
42918
43043
  };
42919
43044
  var __vue_staticRenderFns__$q = [];
@@ -42984,7 +43109,11 @@ var __vue_render__$p = function () {
42984
43109
  var _c = _vm._self._c || _h;
42985
43110
  return _c("zd-date", {
42986
43111
  ref: "instance",
42987
- 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
+ },
42988
43117
  })
42989
43118
  };
42990
43119
  var __vue_staticRenderFns__$p = [];
@@ -43043,7 +43172,11 @@ var __vue_render__$o = function () {
43043
43172
  var _c = _vm._self._c || _h;
43044
43173
  return _c("zd-text-input", {
43045
43174
  ref: "instance",
43046
- attrs: { name: "password", "instance-object": _vm.instance },
43175
+ attrs: {
43176
+ id: _vm.instance.name,
43177
+ name: "password",
43178
+ "instance-object": _vm.instance,
43179
+ },
43047
43180
  })
43048
43181
  };
43049
43182
  var __vue_staticRenderFns__$o = [];
@@ -43142,6 +43275,7 @@ var __vue_render__$n = function () {
43142
43275
  ],
43143
43276
  class: [_vm.instance.cssClass],
43144
43277
  style: _vm.instance.cssStyle,
43278
+ attrs: { id: _vm.instance.name },
43145
43279
  on: {
43146
43280
  click: function ($event) {
43147
43281
  return _vm.click($event)
@@ -43284,7 +43418,11 @@ var __vue_render__$m = function () {
43284
43418
  },
43285
43419
  ],
43286
43420
  style: _vm.instance.cssStyle,
43287
- attrs: { dark: _vm.instance.dark, light: _vm.instance.light },
43421
+ attrs: {
43422
+ id: _vm.instance.name,
43423
+ dark: _vm.instance.dark,
43424
+ light: _vm.instance.light,
43425
+ },
43288
43426
  on: {
43289
43427
  change: function ($event) {
43290
43428
  return _vm.change($event)
@@ -43341,7 +43479,7 @@ __vue_render__$m._withStripped = true;
43341
43479
  /* style */
43342
43480
  const __vue_inject_styles__$m = function (inject) {
43343
43481
  if (!inject) return
43344
- inject("data-v-1c5de123_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 });
43345
43483
 
43346
43484
  };
43347
43485
  /* scoped */
@@ -43509,6 +43647,7 @@ var __vue_render__$l = function () {
43509
43647
  },
43510
43648
  ],
43511
43649
  ref: "instance",
43650
+ attrs: { id: _vm.instance.name },
43512
43651
  },
43513
43652
  [
43514
43653
  _c(
@@ -43643,7 +43782,7 @@ __vue_render__$l._withStripped = true;
43643
43782
  /* style */
43644
43783
  const __vue_inject_styles__$l = function (inject) {
43645
43784
  if (!inject) return
43646
- 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 });
43647
43786
 
43648
43787
  };
43649
43788
  /* scoped */
@@ -43724,6 +43863,7 @@ var __vue_render__$k = function () {
43724
43863
  class: _vm.instance.cssClass,
43725
43864
  style: _vm.instance.cssStyle,
43726
43865
  attrs: {
43866
+ id: _vm.instance.name,
43727
43867
  name: _vm.instance.name,
43728
43868
  dense: _vm.instance.dense,
43729
43869
  justify: _vm.instance.justify,
@@ -43840,6 +43980,7 @@ var __vue_render__$j = function () {
43840
43980
  ref: "instance",
43841
43981
  staticClass: "zd-grid-search",
43842
43982
  attrs: {
43983
+ id: _vm.instance.name,
43843
43984
  name: "zdGridSearch",
43844
43985
  value: _vm.getSearchValue(),
43845
43986
  "instance-object": _vm.instance,
@@ -44135,6 +44276,7 @@ var __vue_render__$i = function () {
44135
44276
  ],
44136
44277
  style: _vm.instance.cssStyle,
44137
44278
  attrs: {
44279
+ id: _vm.instance.name,
44138
44280
  "return-object": "",
44139
44281
  "validate-on-blur": "",
44140
44282
  "no-filter": "",
@@ -44499,7 +44641,7 @@ __vue_render__$i._withStripped = true;
44499
44641
  /* style */
44500
44642
  const __vue_inject_styles__$i = function (inject) {
44501
44643
  if (!inject) return
44502
- 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 });
44503
44645
 
44504
44646
  };
44505
44647
  /* scoped */
@@ -44708,7 +44850,7 @@ var __vue_render__$h = function () {
44708
44850
  { "theme--light": !_vm.$vuetify.theme.dark || _vm.instance.light },
44709
44851
  ],
44710
44852
  style: _vm.instance.cssStyle,
44711
- attrs: { name: _vm.instance.name },
44853
+ attrs: { id: _vm.instance.name, name: _vm.instance.name },
44712
44854
  on: { click: _vm.click },
44713
44855
  },
44714
44856
  [
@@ -44885,7 +45027,7 @@ __vue_render__$h._withStripped = true;
44885
45027
  /* style */
44886
45028
  const __vue_inject_styles__$h = function (inject) {
44887
45029
  if (!inject) return
44888
- inject("data-v-bf4ba0b6_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 });
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 });
44889
45031
 
44890
45032
  };
44891
45033
  /* scoped */
@@ -44982,7 +45124,7 @@ var __vue_render__$g = function () {
44982
45124
  { "theme--light": !_vm.$vuetify.theme.dark || _vm.instance.light },
44983
45125
  ],
44984
45126
  style: _vm.instance.cssStyle,
44985
- attrs: { name: _vm.instance.name },
45127
+ attrs: { id: _vm.instance.name, name: _vm.instance.name },
44986
45128
  },
44987
45129
  [
44988
45130
  _c(
@@ -45146,7 +45288,7 @@ __vue_render__$g._withStripped = true;
45146
45288
  /* style */
45147
45289
  const __vue_inject_styles__$g = function (inject) {
45148
45290
  if (!inject) return
45149
- inject("data-v-95e04dcc_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 });
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 });
45150
45292
 
45151
45293
  };
45152
45294
  /* scoped */
@@ -45246,7 +45388,7 @@ var __vue_render__$f = function () {
45246
45388
  ],
45247
45389
  class: [_vm.instance.cssClass, "zd-speed-dial"],
45248
45390
  style: _vm.instance.cssStyle,
45249
- attrs: { name: _vm.instance.name },
45391
+ attrs: { id: _vm.instance.name, name: _vm.instance.name },
45250
45392
  scopedSlots: _vm._u([
45251
45393
  {
45252
45394
  key: "activator",
@@ -45418,6 +45560,7 @@ var __vue_render__$e = function () {
45418
45560
  class: ["zd-stepper", _vm.instance.cssClass],
45419
45561
  style: _vm.instance.cssStyle,
45420
45562
  attrs: {
45563
+ id: _vm.instance.name,
45421
45564
  "alt-labels": _vm.instance.altLabels,
45422
45565
  vertical: _vm.instance.vertical,
45423
45566
  dark: _vm.instance.dark,
@@ -45553,11 +45696,11 @@ __vue_render__$e._withStripped = true;
45553
45696
  /* style */
45554
45697
  const __vue_inject_styles__$e = function (inject) {
45555
45698
  if (!inject) return
45556
- inject("data-v-ef4d4672_0", { source: ".zd-stepper[data-v-ef4d4672] {\n box-shadow: var(--shadow-3);\n}\n.zd-stepper.v-stepper--vertical[data-v-ef4d4672] .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 });
45557
45700
 
45558
45701
  };
45559
45702
  /* scoped */
45560
- const __vue_scope_id__$e = "data-v-ef4d4672";
45703
+ const __vue_scope_id__$e = "data-v-568f9116";
45561
45704
  /* module identifier */
45562
45705
  const __vue_module_identifier__$e = undefined;
45563
45706
  /* functional template */
@@ -45685,7 +45828,7 @@ var __vue_render__$d = function () {
45685
45828
  ),
45686
45829
  _vm.instance.cssStyle,
45687
45830
  ],
45688
- attrs: { name: _vm.instance.name },
45831
+ attrs: { id: _vm.instance.name, name: _vm.instance.name },
45689
45832
  on: {
45690
45833
  click: function ($event) {
45691
45834
  return _vm.mapClick($event)
@@ -45699,7 +45842,7 @@ __vue_render__$d._withStripped = true;
45699
45842
  /* style */
45700
45843
  const __vue_inject_styles__$d = function (inject) {
45701
45844
  if (!inject) return
45702
- 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 });
45703
45846
 
45704
45847
  };
45705
45848
  /* scoped */
@@ -45759,7 +45902,10 @@ var __vue_render__$c = function () {
45759
45902
  var _c = _vm._self._c || _h;
45760
45903
  return _c(
45761
45904
  "span",
45762
- _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
+ ),
45763
45909
  [
45764
45910
  _c(
45765
45911
  "v-switch",
@@ -45836,7 +45982,7 @@ __vue_render__$c._withStripped = true;
45836
45982
  /* style */
45837
45983
  const __vue_inject_styles__$c = function (inject) {
45838
45984
  if (!inject) return
45839
- inject("data-v-01c88107_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 });
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 });
45840
45986
 
45841
45987
  };
45842
45988
  /* scoped */
@@ -45917,7 +46063,11 @@ var __vue_render__$b = function () {
45917
46063
  },
45918
46064
  ],
45919
46065
  style: _vm.instance.cssStyle,
45920
- attrs: { dark: _vm.instance.dark, light: _vm.instance.light },
46066
+ attrs: {
46067
+ id: _vm.instance.name,
46068
+ dark: _vm.instance.dark,
46069
+ light: _vm.instance.light,
46070
+ },
45921
46071
  },
45922
46072
  [
45923
46073
  _vm.instance.caption.isVisible
@@ -46005,7 +46155,7 @@ __vue_render__$b._withStripped = true;
46005
46155
  /* style */
46006
46156
  const __vue_inject_styles__$b = function (inject) {
46007
46157
  if (!inject) return
46008
- inject("data-v-fbbfef20_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 });
46009
46159
 
46010
46160
  };
46011
46161
  /* scoped */
@@ -46085,7 +46235,7 @@ var __vue_render__$a = function () {
46085
46235
  ],
46086
46236
  class: ["zd-tabs", _vm.instance.cssClass],
46087
46237
  style: _vm.instance.cssStyle,
46088
- attrs: { name: _vm.instance.name },
46238
+ attrs: { id: _vm.instance.name, name: _vm.instance.name },
46089
46239
  },
46090
46240
  [
46091
46241
  _c(
@@ -46206,11 +46356,11 @@ __vue_render__$a._withStripped = true;
46206
46356
  /* style */
46207
46357
  const __vue_inject_styles__$a = function (inject) {
46208
46358
  if (!inject) return
46209
- inject("data-v-00c27d52_0", { source: ".zd-tabs[data-v-00c27d52] .v-tabs-bar,\n.zd-tabs[data-v-00c27d52] .v-tabs-items {\n background-color: transparent;\n}\n.zd-tabs[data-v-00c27d52] .v-tabs-bar {\n height: auto;\n}\n.zd-tabs[data-v-00c27d52] .v-tabs-bar .v-tabs-slider-wrapper {\n bottom: -1px;\n}\n.zd-tabs[data-v-00c27d52] .v-tabs-bar__content {\n border-bottom: solid 1px var(--v-grey-lighten4);\n}\n.zd-tabs[data-v-00c27d52] .v-tabs {\n margin-bottom: var(--spacing-4);\n}\n.zd-tabs[data-v-00c27d52] .v-tabs .v-slide-group__next,\n.zd-tabs[data-v-00c27d52] .v-tabs .v-slide-group__prev {\n flex-basis: 30px;\n min-width: 30px;\n}\n.zd-tabs[data-v-00c27d52] .v-tabs .v-slide-group__next .v-icon,\n.zd-tabs[data-v-00c27d52] .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 });
46210
46360
 
46211
46361
  };
46212
46362
  /* scoped */
46213
- const __vue_scope_id__$a = "data-v-00c27d52";
46363
+ const __vue_scope_id__$a = "data-v-3cb2ae69";
46214
46364
  /* module identifier */
46215
46365
  const __vue_module_identifier__$a = undefined;
46216
46366
  /* functional template */
@@ -46289,6 +46439,7 @@ var __vue_render__$9 = function () {
46289
46439
  class: ["zd-tabs-tab", _vm.cssClass],
46290
46440
  style: _vm.cssStyle,
46291
46441
  attrs: {
46442
+ id: _vm.instance.name,
46292
46443
  name: _vm.tabName,
46293
46444
  disabled: _vm.disabled,
46294
46445
  dark: _vm.dark,
@@ -46316,11 +46467,11 @@ __vue_render__$9._withStripped = true;
46316
46467
  /* style */
46317
46468
  const __vue_inject_styles__$9 = function (inject) {
46318
46469
  if (!inject) return
46319
- inject("data-v-79bfcbe8_0", { source: ".zd-tabs-tab[data-v-79bfcbe8], .zd-tabs-tab[data-v-79bfcbe8]:before {\n border-radius: var(--border) var(--border) 0 0;\n}\n.zd-tabs-tab[data-v-79bfcbe8] {\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-79bfcbe8] {\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 });
46320
46471
 
46321
46472
  };
46322
46473
  /* scoped */
46323
- const __vue_scope_id__$9 = "data-v-79bfcbe8";
46474
+ const __vue_scope_id__$9 = "data-v-8b2fdfc4";
46324
46475
  /* module identifier */
46325
46476
  const __vue_module_identifier__$9 = undefined;
46326
46477
  /* functional template */
@@ -46367,40 +46518,47 @@ var __vue_render__$8 = function () {
46367
46518
  var _h = _vm.$createElement;
46368
46519
  var _c = _vm._self._c || _h;
46369
46520
  return _c(
46370
- "v-tab-item",
46371
- {
46372
- directives: [
46373
- {
46374
- name: "show",
46375
- rawName: "v-show",
46376
- value: _vm.isVisible,
46377
- expression: "isVisible",
46378
- },
46379
- ],
46380
- key: _vm.index,
46381
- staticClass: "zd-tabs-tab-item",
46382
- attrs: { value: _vm.index, dark: _vm.dark, light: _vm.light },
46383
- },
46521
+ "div",
46522
+ { attrs: { id: _vm.instance.name } },
46384
46523
  [
46385
46524
  _c(
46386
- "v-container",
46387
- { 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
+ },
46388
46539
  [
46389
- _vm._l(_vm.children, function (child, index) {
46390
- return _c(
46391
- child.component,
46392
- _vm._b(
46393
- { key: index, tag: "component" },
46394
- "component",
46395
- child,
46396
- false
46397
- )
46398
- )
46399
- }),
46400
- _vm._v(" "),
46401
- _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
+ ),
46402
46560
  ],
46403
- 2
46561
+ 1
46404
46562
  ),
46405
46563
  ],
46406
46564
  1
@@ -46412,11 +46570,11 @@ __vue_render__$8._withStripped = true;
46412
46570
  /* style */
46413
46571
  const __vue_inject_styles__$8 = function (inject) {
46414
46572
  if (!inject) return
46415
- inject("data-v-645f6d33_0", { source: ".zd-tabs-tab-item[data-v-645f6d33] {\n transition: none;\n}\n.zd-tabs-tab-item > .container[data-v-645f6d33] {\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 });
46416
46574
 
46417
46575
  };
46418
46576
  /* scoped */
46419
- const __vue_scope_id__$8 = "data-v-645f6d33";
46577
+ const __vue_scope_id__$8 = "data-v-6acaffe8";
46420
46578
  /* module identifier */
46421
46579
  const __vue_module_identifier__$8 = undefined;
46422
46580
  /* functional template */
@@ -46486,6 +46644,7 @@ var __vue_render__$7 = function () {
46486
46644
  class: _vm.instance.cssClass,
46487
46645
  style: _vm.instance.cssStyle,
46488
46646
  attrs: {
46647
+ id: _vm.instance.name,
46489
46648
  name: _vm.instance.name,
46490
46649
  dark: _vm.instance.dark,
46491
46650
  light: _vm.instance.light,
@@ -46605,7 +46764,7 @@ var __vue_render__$6 = function () {
46605
46764
  ],
46606
46765
  class: ["zd-text", _vm.instance.cssClass],
46607
46766
  style: _vm.instance.cssStyle,
46608
- attrs: { name: _vm.instance.name },
46767
+ attrs: { id: _vm.instance.name, name: _vm.instance.name },
46609
46768
  on: { click: _vm.click },
46610
46769
  },
46611
46770
  [
@@ -46659,11 +46818,11 @@ __vue_render__$6._withStripped = true;
46659
46818
  /* style */
46660
46819
  const __vue_inject_styles__$6 = function (inject) {
46661
46820
  if (!inject) return
46662
- 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 });
46663
46822
 
46664
46823
  };
46665
46824
  /* scoped */
46666
- const __vue_scope_id__$6 = "data-v-be483a6a";
46825
+ const __vue_scope_id__$6 = "data-v-73ff320e";
46667
46826
  /* module identifier */
46668
46827
  const __vue_module_identifier__$6 = undefined;
46669
46828
  /* functional template */
@@ -46794,7 +46953,7 @@ var __vue_render__$5 = function () {
46794
46953
  (_vm.instance.reverse ? "right" : _vm.instance.align),
46795
46954
  ],
46796
46955
  style: _vm.instance.cssStyle,
46797
- attrs: { name: _vm.instance.name },
46956
+ attrs: { id: _vm.instance.name, name: _vm.instance.name },
46798
46957
  on: {
46799
46958
  click: function ($event) {
46800
46959
  return _vm.click($event)
@@ -46877,7 +47036,7 @@ __vue_render__$5._withStripped = true;
46877
47036
  /* style */
46878
47037
  const __vue_inject_styles__$5 = function (inject) {
46879
47038
  if (!inject) return
46880
- 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 });
46881
47040
 
46882
47041
  };
46883
47042
  /* scoped */
@@ -47080,7 +47239,7 @@ var __vue_render__$4 = function () {
47080
47239
  var _c = _vm._self._c || _h;
47081
47240
  return _c(
47082
47241
  "div",
47083
- { staticClass: "zd-time" },
47242
+ { staticClass: "zd-time", attrs: { id: _vm.instance.name } },
47084
47243
  [
47085
47244
  !_vm.$isMobile()
47086
47245
  ? [
@@ -47219,7 +47378,7 @@ __vue_render__$4._withStripped = true;
47219
47378
  /* style */
47220
47379
  const __vue_inject_styles__$4 = function (inject) {
47221
47380
  if (!inject) return
47222
- inject("data-v-4ecda11e_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 });
47223
47382
 
47224
47383
  };
47225
47384
  /* scoped */
@@ -47322,6 +47481,7 @@ var __vue_render__$3 = function () {
47322
47481
  _vm._b(
47323
47482
  {
47324
47483
  style: _vm.instance.cssStyle,
47484
+ attrs: { id: _vm.instance.name },
47325
47485
  scopedSlots: _vm._u(
47326
47486
  [
47327
47487
  {
@@ -47332,21 +47492,22 @@ var __vue_render__$3 = function () {
47332
47492
  _vm._l(_vm.instance.children, function (child, index) {
47333
47493
  return _c(
47334
47494
  child.component,
47335
- _vm._g(
47336
- _vm._b(
47337
- {
47338
- key: index,
47339
- tag: "component",
47340
- attrs: {
47341
- "dropdown-activator": dropdown,
47342
- parent: _vm.instance.parent,
47343
- },
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,
47344
47506
  },
47345
- "component",
47346
- child,
47347
- false
47348
- ),
47349
- dropdown
47507
+ },
47508
+ "component",
47509
+ child,
47510
+ false
47350
47511
  )
47351
47512
  )
47352
47513
  }),
@@ -47388,7 +47549,7 @@ __vue_render__$3._withStripped = true;
47388
47549
  /* style */
47389
47550
  const __vue_inject_styles__$3 = function (inject) {
47390
47551
  if (!inject) return
47391
- 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 });
47392
47553
 
47393
47554
  };
47394
47555
  /* scoped */
@@ -47561,6 +47722,7 @@ var __vue_render__$2 = function () {
47561
47722
  { "theme--light": !_vm.$vuetify.theme.dark || _vm.instance.light },
47562
47723
  ],
47563
47724
  style: _vm.instance.cssStyle,
47725
+ attrs: { id: _vm.instance.name },
47564
47726
  },
47565
47727
  [
47566
47728
  _c(
@@ -47789,7 +47951,7 @@ __vue_render__$2._withStripped = true;
47789
47951
  /* style */
47790
47952
  const __vue_inject_styles__$2 = function (inject) {
47791
47953
  if (!inject) return
47792
- inject("data-v-37eb0be3_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 });
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 });
47793
47955
 
47794
47956
  };
47795
47957
  /* scoped */
@@ -47909,6 +48071,7 @@ var __vue_render__$1 = function () {
47909
48071
  ],
47910
48072
  style: [_vm.cssColorVars, _vm.instance.cssStyle],
47911
48073
  attrs: {
48074
+ id: _vm.instance.name,
47912
48075
  "fixed-header": "",
47913
48076
  "disable-pagination": "",
47914
48077
  "hide-default-header": "",
@@ -48696,8 +48859,8 @@ __vue_render__$1._withStripped = true;
48696
48859
  /* style */
48697
48860
  const __vue_inject_styles__$1 = function (inject) {
48698
48861
  if (!inject) return
48699
- inject("data-v-37d4b7fe_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 })
48700
- ,inject("data-v-37d4b7fe_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 });
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 });
48701
48864
 
48702
48865
  };
48703
48866
  /* scoped */
@@ -48899,6 +49062,7 @@ var __vue_render__ = function () {
48899
49062
  ],
48900
49063
  style: [_vm.cssColorVars, _vm.instance.cssStyle],
48901
49064
  attrs: {
49065
+ id: _vm.instance.name,
48902
49066
  "fixed-header": "",
48903
49067
  "disable-pagination": "",
48904
49068
  "hide-default-header": "",
@@ -49857,8 +50021,8 @@ __vue_render__._withStripped = true;
49857
50021
  /* style */
49858
50022
  const __vue_inject_styles__ = function (inject) {
49859
50023
  if (!inject) return
49860
- inject("data-v-a13440da_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 })
49861
- ,inject("data-v-a13440da_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 });
49862
50026
 
49863
50027
  };
49864
50028
  /* scoped */
@@ -50021,7 +50185,7 @@ var isMobilePlugin = () => {
50021
50185
  };
50022
50186
 
50023
50187
  // tslint:disable: variable-name
50024
- const VueTreeSelect = require('zeedhi-vue-treeselect');
50188
+ const VueTreeSelect = require('@zeedhi/zd-vue-treeselect');
50025
50189
  const Hooper = require('hooper');
50026
50190
  function installComponents(Vue) {
50027
50191
  Object.keys(components).forEach((id) => {
@@ -50145,4 +50309,4 @@ const Zeedhi = {
50145
50309
  },
50146
50310
  };
50147
50311
 
50148
- 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 };