@zeedhi/vuetify 1.81.0 → 1.82.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.
@@ -38181,7 +38181,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
38181
38181
  /* style */
38182
38182
  const __vue_inject_styles__$1u = function (inject) {
38183
38183
  if (!inject) return
38184
- inject("data-v-3f4c4dc6_0", { source: ".zd-alert-wrapper {\n position: fixed;\n height: 100%;\n width: 100%;\n pointer-events: none;\n top: 0;\n left: 0;\n z-index: 1000;\n}\n.zd-alert .v-snack__wrapper {\n transition: bottom 0.25s cubic-bezier(0.4, 0, 0.2, 1), top 0.25s cubic-bezier(0.4, 0, 0.2, 1);\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 });
38184
+ inject("data-v-6058e0ea_0", { source: ".zd-alert-wrapper {\n position: fixed;\n height: 100%;\n width: 100%;\n pointer-events: none;\n top: 0;\n left: 0;\n z-index: 1000;\n}\n.zd-alert .v-snack__wrapper {\n transition: bottom 0.25s cubic-bezier(0.4, 0, 0.2, 1), top 0.25s cubic-bezier(0.4, 0, 0.2, 1);\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 });
38185
38185
 
38186
38186
  };
38187
38187
  /* scoped */
@@ -38506,7 +38506,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
38506
38506
  /* style */
38507
38507
  const __vue_inject_styles__$1t = function (inject) {
38508
38508
  if (!inject) return
38509
- inject("data-v-51426e9c_0", { source: ".zd-apex-chart.zd-apex-chart-drilled svg text.apexcharts-title-text {\n transform: translateX(20px);\n}\n.zd-apex-chart .apexcharts-toolbar {\n z-index: 0;\n}\n.zd-apex-chart .apexcharts-toolbar > div {\n transform: scale(0.8) !important;\n}\n.zd-apex-chart.theme--light .apexcharts-toolbar > div > .v-icon {\n color: #3b3b3b !important;\n}\n.zd-apex-chart.theme--light .apexcharts-tooltip {\n background: #fdfdfd !important;\n border: 1px solid #fdfdfd !important;\n color: #3b3b3b !important;\n z-index: 1;\n}\n.zd-apex-chart.theme--light .apexcharts-tooltip .apexcharts-tooltip-title {\n background: #eee !important;\n color: #3b3b3b !important;\n border-bottom: none !important;\n}\n.zd-apex-chart.theme--light .apexcharts-title-text {\n fill: #3b3b3b !important;\n}\n.zd-apex-chart.theme--light .apexcharts-xaxistooltip {\n background: #eee !important;\n border: 1px solid #d4d4d4 !important;\n}\n.zd-apex-chart.theme--light .apexcharts-xaxistooltip .apexcharts-xaxistooltip-text {\n color: #3b3b3b !important;\n}\n.zd-apex-chart.theme--light .apexcharts-xaxistooltip-bottom::before {\n border-bottom-color: #d4d4d4 !important;\n}\n.zd-apex-chart.theme--light .apexcharts-xaxistooltip-bottom::after {\n border-bottom-color: #d4d4d4 !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-toolbar > div > .v-icon {\n color: #b8b8b8 !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-tooltip {\n background: #1e1e1e !important;\n border: 1px solid #1e1e1e !important;\n color: #b8b8b8 !important;\n z-index: 1;\n}\n.zd-apex-chart.theme--dark .apexcharts-tooltip .apexcharts-tooltip-title {\n background: #101010 !important;\n color: #b8b8b8 !important;\n border-bottom: none !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-text {\n fill: #b8b8b8 !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-title-text {\n fill: #b8b8b8 !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-xaxistooltip {\n background: #101010 !important;\n border: 1px solid #252525 !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-xaxistooltip .apexcharts-xaxistooltip-text {\n color: #b8b8b8 !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-xaxistooltip-bottom::before {\n border-bottom-color: #252525 !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-xaxistooltip-bottom::after {\n border-bottom-color: #252525 !important;\n}\n.apexcharts-overlay {\n z-index: 0 !important;\n}\n.apexcharts-container {\n position: relative;\n overflow: hidden !important;\n}\n.apexcharts-container .zd-apex-charts-drill-button {\n position: absolute;\n top: 0px;\n left: 0px;\n}", map: undefined, media: undefined });
38509
+ inject("data-v-87d38e24_0", { source: ".zd-apex-chart.zd-apex-chart-drilled svg text.apexcharts-title-text {\n transform: translateX(20px);\n}\n.zd-apex-chart .apexcharts-toolbar {\n z-index: 0;\n}\n.zd-apex-chart .apexcharts-toolbar > div {\n transform: scale(0.8) !important;\n}\n.zd-apex-chart.theme--light .apexcharts-toolbar > div > .v-icon {\n color: #3b3b3b !important;\n}\n.zd-apex-chart.theme--light .apexcharts-tooltip {\n background: #fdfdfd !important;\n border: 1px solid #fdfdfd !important;\n color: #3b3b3b !important;\n z-index: 1;\n}\n.zd-apex-chart.theme--light .apexcharts-tooltip .apexcharts-tooltip-title {\n background: #eee !important;\n color: #3b3b3b !important;\n border-bottom: none !important;\n}\n.zd-apex-chart.theme--light .apexcharts-title-text {\n fill: #3b3b3b !important;\n}\n.zd-apex-chart.theme--light .apexcharts-xaxistooltip {\n background: #eee !important;\n border: 1px solid #d4d4d4 !important;\n}\n.zd-apex-chart.theme--light .apexcharts-xaxistooltip .apexcharts-xaxistooltip-text {\n color: #3b3b3b !important;\n}\n.zd-apex-chart.theme--light .apexcharts-xaxistooltip-bottom::before {\n border-bottom-color: #d4d4d4 !important;\n}\n.zd-apex-chart.theme--light .apexcharts-xaxistooltip-bottom::after {\n border-bottom-color: #d4d4d4 !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-toolbar > div > .v-icon {\n color: #b8b8b8 !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-tooltip {\n background: #1e1e1e !important;\n border: 1px solid #1e1e1e !important;\n color: #b8b8b8 !important;\n z-index: 1;\n}\n.zd-apex-chart.theme--dark .apexcharts-tooltip .apexcharts-tooltip-title {\n background: #101010 !important;\n color: #b8b8b8 !important;\n border-bottom: none !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-text {\n fill: #b8b8b8 !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-title-text {\n fill: #b8b8b8 !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-xaxistooltip {\n background: #101010 !important;\n border: 1px solid #252525 !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-xaxistooltip .apexcharts-xaxistooltip-text {\n color: #b8b8b8 !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-xaxistooltip-bottom::before {\n border-bottom-color: #252525 !important;\n}\n.zd-apex-chart.theme--dark .apexcharts-xaxistooltip-bottom::after {\n border-bottom-color: #252525 !important;\n}\n.apexcharts-overlay {\n z-index: 0 !important;\n}\n.apexcharts-container {\n position: relative;\n overflow: hidden !important;\n}\n.apexcharts-container .zd-apex-charts-drill-button {\n position: absolute;\n top: 0px;\n left: 0px;\n}", map: undefined, media: undefined });
38510
38510
 
38511
38511
  };
38512
38512
  /* scoped */
@@ -38614,7 +38614,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
38614
38614
  /* style */
38615
38615
  const __vue_inject_styles__$1s = function (inject) {
38616
38616
  if (!inject) return
38617
- inject("data-v-b09b8d98_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 });
38617
+ inject("data-v-6ee768a2_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 });
38618
38618
 
38619
38619
  };
38620
38620
  /* scoped */
@@ -38746,7 +38746,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
38746
38746
  /* style */
38747
38747
  const __vue_inject_styles__$1r = function (inject) {
38748
38748
  if (!inject) return
38749
- inject("data-v-771f13b0_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 });
38749
+ inject("data-v-9d92e4c4_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 });
38750
38750
 
38751
38751
  };
38752
38752
  /* scoped */
@@ -38990,7 +38990,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
38990
38990
  /* style */
38991
38991
  const __vue_inject_styles__$1q = function (inject) {
38992
38992
  if (!inject) return
38993
- inject("data-v-44e2f37c_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-1);\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-left: var(--spacing-1);\n}", map: undefined, media: undefined });
38993
+ inject("data-v-ba89842c_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-1);\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-left: var(--spacing-1);\n}", map: undefined, media: undefined });
38994
38994
 
38995
38995
  };
38996
38996
  /* scoped */
@@ -39183,7 +39183,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
39183
39183
  /* style */
39184
39184
  const __vue_inject_styles__$1p = function (inject) {
39185
39185
  if (!inject) return
39186
- inject("data-v-687d3642_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 });
39186
+ inject("data-v-47ffa594_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 });
39187
39187
 
39188
39188
  };
39189
39189
  /* scoped */
@@ -39412,7 +39412,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
39412
39412
  /* style */
39413
39413
  const __vue_inject_styles__$1o = function (inject) {
39414
39414
  if (!inject) return
39415
- inject("data-v-0d2cd214_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 });
39415
+ inject("data-v-d79e2170_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 });
39416
39416
 
39417
39417
  };
39418
39418
  /* scoped */
@@ -39998,7 +39998,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
39998
39998
  /* style */
39999
39999
  const __vue_inject_styles__$1n = function (inject) {
40000
40000
  if (!inject) return
40001
- inject("data-v-6fdfda82_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-slide > .row {\n height: 100%;\n align-items: 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 });
40001
+ inject("data-v-3fa65711_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-slide > .row {\n height: 100%;\n align-items: 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 });
40002
40002
 
40003
40003
  };
40004
40004
  /* scoped */
@@ -40291,7 +40291,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
40291
40291
  /* style */
40292
40292
  const __vue_inject_styles__$1m = function (inject) {
40293
40293
  if (!inject) return
40294
- inject("data-v-82aee8da_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 });
40294
+ inject("data-v-6fe4c6fe_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 });
40295
40295
 
40296
40296
  };
40297
40297
  /* scoped */
@@ -40471,7 +40471,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
40471
40471
  /* style */
40472
40472
  const __vue_inject_styles__$1l = function (inject) {
40473
40473
  if (!inject) return
40474
- inject("data-v-4a5e4134_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 });
40474
+ inject("data-v-6d42d558_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 });
40475
40475
 
40476
40476
  };
40477
40477
  /* scoped */
@@ -40685,7 +40685,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
40685
40685
  /* style */
40686
40686
  const __vue_inject_styles__$1k = function (inject) {
40687
40687
  if (!inject) return
40688
- inject("data-v-5ff7d808_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 });
40688
+ inject("data-v-4420aa5a_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 });
40689
40689
 
40690
40690
  };
40691
40691
  /* scoped */
@@ -40957,7 +40957,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
40957
40957
  /* style */
40958
40958
  const __vue_inject_styles__$1j = function (inject) {
40959
40959
  if (!inject) return
40960
- inject("data-v-dfba4c06_0", { source: ".zd-code-editor {\n position: relative;\n display: flex;\n overflow: auto;\n}\n.zd-code-editor-clipboard-button {\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 {\n color: var(--v-grey-base);\n font-size: 18px;\n}\n.zd-code-editor:hover .zd-code-editor-clipboard-button {\n opacity: 1;\n}\n.zd-code-editor-container {\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 width: 100%;\n}\n.zd-code-editor-container.line-numbers {\n background: linear-gradient(to right, var(--v-grey-lighten4), var(--v-grey-lighten4) 40px, var(--v-grey-lighten5) 40px, var(--v-grey-lighten5));\n}\n.zd-code-editor-container:focus-within {\n border: solid var(--regular) var(--v-primary-base);\n}\n.zd-code-editor-container .zd-code-editor-line-numbers {\n min-height: 45px;\n width: 40px;\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 left: 0;\n display: flex;\n flex-direction: column;\n height: fit-content;\n}\n.zd-code-editor-container .zd-code-editor-line-numbers .zd-code-editor-line-number {\n text-align: right;\n white-space: nowrap;\n}\n.zd-code-editor-container pre {\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-clipboard-button {\n background-color: #383838;\n}\n.zd-code-editor.theme--dark .zd-code-editor-clipboard-button .v-icon {\n color: var(--v-grey-lighten4);\n font-size: 18px;\n}\n.zd-code-editor.theme--dark .zd-code-editor-container {\n border: solid var(--regular) var(--v-grey-darken3);\n background: #383838;\n}\n.zd-code-editor.theme--dark .zd-code-editor-container .zd-code-editor-line-numbers {\n background: var(--v-grey-darken3);\n color: var(--v-grey-lighten4);\n}\n.zd-code-editor.theme--dark .zd-code-editor-container pre {\n text-shadow: 0 1px #2c2c2c;\n}\n.zd-code-editor.theme--dark .zd-code-editor-container pre span.token.property, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.tag, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.boolean, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.number, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.constant, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.symbol, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.deleted {\n color: #ff6fd3;\n}\n.zd-code-editor.theme--dark .zd-code-editor-container pre span.token.atrule, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.attr-value, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.keyword {\n color: #00acf6;\n}\n.zd-code-editor.theme--dark .zd-code-editor-container pre span.token.function, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.class-name {\n color: #ff7692;\n}\n.zd-code-editor.theme--dark .zd-code-editor-container pre span.token.selector, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.attr-name, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.string, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.char, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.builtin, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.inserted {\n color: #77b300;\n}\n.zd-code-editor.theme--dark .zd-code-editor-container pre span.token.operator {\n background: none;\n}", map: undefined, media: undefined });
40960
+ inject("data-v-318ac1cf_0", { source: ".zd-code-editor {\n position: relative;\n display: flex;\n overflow: auto;\n}\n.zd-code-editor-clipboard-button {\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 {\n color: var(--v-grey-base);\n font-size: 18px;\n}\n.zd-code-editor:hover .zd-code-editor-clipboard-button {\n opacity: 1;\n}\n.zd-code-editor-container {\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 width: 100%;\n}\n.zd-code-editor-container.line-numbers {\n background: linear-gradient(to right, var(--v-grey-lighten4), var(--v-grey-lighten4) 40px, var(--v-grey-lighten5) 40px, var(--v-grey-lighten5));\n}\n.zd-code-editor-container:focus-within {\n border: solid var(--regular) var(--v-primary-base);\n}\n.zd-code-editor-container .zd-code-editor-line-numbers {\n min-height: 45px;\n width: 40px;\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 left: 0;\n display: flex;\n flex-direction: column;\n height: fit-content;\n}\n.zd-code-editor-container .zd-code-editor-line-numbers .zd-code-editor-line-number {\n text-align: right;\n white-space: nowrap;\n}\n.zd-code-editor-container pre {\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-clipboard-button {\n background-color: #383838;\n}\n.zd-code-editor.theme--dark .zd-code-editor-clipboard-button .v-icon {\n color: var(--v-grey-lighten4);\n font-size: 18px;\n}\n.zd-code-editor.theme--dark .zd-code-editor-container {\n border: solid var(--regular) var(--v-grey-darken3);\n background: #383838;\n}\n.zd-code-editor.theme--dark .zd-code-editor-container .zd-code-editor-line-numbers {\n background: var(--v-grey-darken3);\n color: var(--v-grey-lighten4);\n}\n.zd-code-editor.theme--dark .zd-code-editor-container pre {\n text-shadow: 0 1px #2c2c2c;\n}\n.zd-code-editor.theme--dark .zd-code-editor-container pre span.token.property, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.tag, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.boolean, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.number, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.constant, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.symbol, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.deleted {\n color: #ff6fd3;\n}\n.zd-code-editor.theme--dark .zd-code-editor-container pre span.token.atrule, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.attr-value, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.keyword {\n color: #00acf6;\n}\n.zd-code-editor.theme--dark .zd-code-editor-container pre span.token.function, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.class-name {\n color: #ff7692;\n}\n.zd-code-editor.theme--dark .zd-code-editor-container pre span.token.selector, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.attr-name, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.string, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.char, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.builtin, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.inserted {\n color: #77b300;\n}\n.zd-code-editor.theme--dark .zd-code-editor-container pre span.token.operator {\n background: none;\n}", map: undefined, media: undefined });
40961
40961
 
40962
40962
  };
40963
40963
  /* scoped */
@@ -41422,7 +41422,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
41422
41422
  /* style */
41423
41423
  const __vue_inject_styles__$1h = function (inject) {
41424
41424
  if (!inject) return
41425
- inject("data-v-08c944a4_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 });
41425
+ inject("data-v-727d42f6_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 });
41426
41426
 
41427
41427
  };
41428
41428
  /* scoped */
@@ -41576,11 +41576,11 @@ If you're seeing "$attrs is readonly", it's caused by this`);
41576
41576
  /* style */
41577
41577
  const __vue_inject_styles__$1g = function (inject) {
41578
41578
  if (!inject) return
41579
- inject("data-v-77ffafc6_0", { source: ".zd-container[data-v-77ffafc6] {\n padding: var(--zd-default-padding);\n}", map: undefined, media: undefined });
41579
+ inject("data-v-72f00c22_0", { source: ".zd-container[data-v-72f00c22] {\n padding: var(--zd-default-padding);\n}", map: undefined, media: undefined });
41580
41580
 
41581
41581
  };
41582
41582
  /* scoped */
41583
- const __vue_scope_id__$1g = "data-v-77ffafc6";
41583
+ const __vue_scope_id__$1g = "data-v-72f00c22";
41584
41584
  /* module identifier */
41585
41585
  const __vue_module_identifier__$1g = undefined;
41586
41586
  /* functional template */
@@ -41927,7 +41927,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
41927
41927
  /* style */
41928
41928
  const __vue_inject_styles__$1f = function (inject) {
41929
41929
  if (!inject) return
41930
- inject("data-v-0f471e6e_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.zd-input.v-input.v-input--is-readonly > .v-input__control > .v-input__slot {\n background-color: var(--v-grey-lighten5);\n}\n.zd-input.v-input.v-input--is-readonly.theme--dark > .v-input__control > .v-input__slot {\n background-color: var(--v-grey-darken2);\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-color-type > .v-input__control > .v-input__slot input {\n padding: 0;\n cursor: pointer;\n max-height: 22px;\n}\n.v-input.zd-text-input.zd-color-type:not(.zd-dense) > .v-input__control > .v-input__slot input {\n max-height: 34px;\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 });
41930
+ inject("data-v-bab8f992_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.zd-input.v-input.v-input--is-readonly > .v-input__control > .v-input__slot {\n background-color: var(--v-grey-lighten5);\n}\n.zd-input.v-input.v-input--is-readonly.theme--dark > .v-input__control > .v-input__slot {\n background-color: var(--v-grey-darken2);\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-color-type > .v-input__control > .v-input__slot input {\n padding: 0;\n cursor: pointer;\n max-height: 22px;\n}\n.v-input.zd-text-input.zd-color-type:not(.zd-dense) > .v-input__control > .v-input__slot input {\n max-height: 34px;\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 });
41931
41931
 
41932
41932
  };
41933
41933
  /* scoped */
@@ -42559,7 +42559,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
42559
42559
  /* style */
42560
42560
  const __vue_inject_styles__$1c = function (inject) {
42561
42561
  if (!inject) return
42562
- inject("data-v-c5ea8082_0", { source: ".zd-dashboard {\n display: flex;\n flex-direction: column;\n cursor: auto;\n padding: 0px !important;\n}\n.zd-dashboard .zd-header {\n margin-bottom: 10px;\n}\n.zd-dashboard .zd-footer {\n bottom: 0;\n right: 10px;\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 overflow: auto;\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 });
42562
+ inject("data-v-d1d24cde_0", { source: ".zd-dashboard {\n display: flex;\n flex-direction: column;\n cursor: auto;\n padding: 0px !important;\n}\n.zd-dashboard .zd-header {\n margin-bottom: 10px;\n}\n.zd-dashboard .zd-footer {\n bottom: 0;\n right: 10px;\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 overflow: auto;\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 });
42563
42563
 
42564
42564
  };
42565
42565
  /* scoped */
@@ -43080,7 +43080,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
43080
43080
  /* style */
43081
43081
  const __vue_inject_styles__$1b = function (inject) {
43082
43082
  if (!inject) return
43083
- inject("data-v-34d81b8c_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}\n.date-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.date-helper-values-button.with-label {\n margin-top: 20px;\n}\n.date-helper-values-option {\n cursor: pointer;\n}\n.date-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
43083
+ inject("data-v-a9452944_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}\n.date-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.date-helper-values-button.with-label {\n margin-top: 20px;\n}\n.date-helper-values-option {\n cursor: pointer;\n}\n.date-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
43084
43084
 
43085
43085
  };
43086
43086
  /* scoped */
@@ -43597,7 +43597,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
43597
43597
  /* style */
43598
43598
  const __vue_inject_styles__$1a = function (inject) {
43599
43599
  if (!inject) return
43600
- inject("data-v-137a58b0_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}\n.date-range-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.date-range-helper-values-button.with-label {\n margin-top: 20px;\n}\n.date-range-helper-values-option {\n cursor: pointer;\n}\n.date-range-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
43600
+ inject("data-v-90db400c_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}\n.date-range-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.date-range-helper-values-button.with-label {\n margin-top: 20px;\n}\n.date-range-helper-values-option {\n cursor: pointer;\n}\n.date-range-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
43601
43601
 
43602
43602
  };
43603
43603
  /* scoped */
@@ -43752,7 +43752,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
43752
43752
  /* style */
43753
43753
  const __vue_inject_styles__$19 = function (inject) {
43754
43754
  if (!inject) return
43755
- inject("data-v-308734a8_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 });
43755
+ inject("data-v-18d645cc_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 });
43756
43756
 
43757
43757
  };
43758
43758
  /* scoped */
@@ -44058,7 +44058,13 @@ If you're seeing "$attrs is readonly", it's caused by this`);
44058
44058
  "zd-dropdown-hover": _vm.instance.hover,
44059
44059
  },
44060
44060
  ],
44061
- attrs: { cssStyle: Object.assign({}, _vm.cssVars) },
44061
+ attrs: {
44062
+ cssStyle: Object.assign(
44063
+ {},
44064
+ _vm.$styleObject(child.cssStyle),
44065
+ _vm.cssVars
44066
+ ),
44067
+ },
44062
44068
  },
44063
44069
  "component",
44064
44070
  child,
@@ -44081,7 +44087,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
44081
44087
  /* style */
44082
44088
  const __vue_inject_styles__$17 = function (inject) {
44083
44089
  if (!inject) return
44084
- inject("data-v-14061f67_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 });
44090
+ inject("data-v-7ce916b8_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 });
44085
44091
 
44086
44092
  };
44087
44093
  /* scoped */
@@ -44515,7 +44521,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
44515
44521
  /* style */
44516
44522
  const __vue_inject_styles__$16 = function (inject) {
44517
44523
  if (!inject) return
44518
- inject("data-v-7e6ae217_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: 8px;\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.v-size--x-small {\n height: 15px;\n}\n.zd-file-input > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text .v-chip.v-size--x-small .chip-text {\n font-size: 12px;\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 {\n padding: 0 var(--spacing-1);\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 margin-bottom: 0.2rem;\n margin-top: 0.2rem;\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.dragging {\n background: #7c7c7c;\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}\n.zd-file-input.theme--light > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text .v-chip {\n background-color: #e0e0e0;\n color: rgba(0, 0, 0, 0.87);\n}\n.zd-file-input.theme--dark > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text .v-chip {\n background: #555;\n color: #fff;\n}", map: undefined, media: undefined });
44524
+ inject("data-v-78e6b505_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: 8px;\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.v-size--x-small {\n height: 15px;\n}\n.zd-file-input > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text .v-chip.v-size--x-small .chip-text {\n font-size: 12px;\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 {\n padding: 0 var(--spacing-1);\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 margin-bottom: 0.2rem;\n margin-top: 0.2rem;\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.dragging {\n background: #7c7c7c;\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}\n.zd-file-input.theme--light > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text .v-chip {\n background-color: #e0e0e0;\n color: rgba(0, 0, 0, 0.87);\n}\n.zd-file-input.theme--dark > .v-input__control > .v-input__slot > .v-text-field__slot .v-file-input__text .v-chip {\n background: #555;\n color: #fff;\n}", map: undefined, media: undefined });
44519
44525
 
44520
44526
  };
44521
44527
  /* scoped */
@@ -44832,11 +44838,11 @@ If you're seeing "$attrs is readonly", it's caused by this`);
44832
44838
  /* style */
44833
44839
  const __vue_inject_styles__$15 = function (inject) {
44834
44840
  if (!inject) return
44835
- inject("data-v-aba711be_0", { source: ".zd-footer-slot[data-v-aba711be] {\n display: flex;\n padding: 0;\n}\n.zd-footer-slot-children[data-v-aba711be] {\n padding-bottom: var(--spacing-2);\n}\n.zd-footer-slot-left > *[data-v-aba711be], .zd-footer-slot-center > *[data-v-aba711be], .zd-footer-slot-right > *[data-v-aba711be] {\n margin: 0 var(--spacing-1);\n}\n.zd-footer-slot-left > *[data-v-aba711be]:first-child, .zd-footer-slot-center > *[data-v-aba711be]:first-child, .zd-footer-slot-right > *[data-v-aba711be]:first-child {\n margin-left: 0;\n}\n.zd-footer-slot-left > *[data-v-aba711be]:last-child, .zd-footer-slot-center > *[data-v-aba711be]:last-child, .zd-footer-slot-right > *[data-v-aba711be]:last-child {\n margin-right: 0;\n}\n.zd-footer-slot-center[data-v-aba711be] {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n}\n.zd-footer-slot-right[data-v-aba711be] {\n margin-left: auto;\n}", map: undefined, media: undefined });
44841
+ inject("data-v-678c8f73_0", { source: ".zd-footer-slot[data-v-678c8f73] {\n display: flex;\n padding: 0;\n}\n.zd-footer-slot-children[data-v-678c8f73] {\n padding-bottom: var(--spacing-2);\n}\n.zd-footer-slot-left > *[data-v-678c8f73], .zd-footer-slot-center > *[data-v-678c8f73], .zd-footer-slot-right > *[data-v-678c8f73] {\n margin: 0 var(--spacing-1);\n}\n.zd-footer-slot-left > *[data-v-678c8f73]:first-child, .zd-footer-slot-center > *[data-v-678c8f73]:first-child, .zd-footer-slot-right > *[data-v-678c8f73]:first-child {\n margin-left: 0;\n}\n.zd-footer-slot-left > *[data-v-678c8f73]:last-child, .zd-footer-slot-center > *[data-v-678c8f73]:last-child, .zd-footer-slot-right > *[data-v-678c8f73]:last-child {\n margin-right: 0;\n}\n.zd-footer-slot-center[data-v-678c8f73] {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n}\n.zd-footer-slot-right[data-v-678c8f73] {\n margin-left: auto;\n}", map: undefined, media: undefined });
44836
44842
 
44837
44843
  };
44838
44844
  /* scoped */
44839
- const __vue_scope_id__$15 = "data-v-aba711be";
44845
+ const __vue_scope_id__$15 = "data-v-678c8f73";
44840
44846
  /* module identifier */
44841
44847
  const __vue_module_identifier__$15 = undefined;
44842
44848
  /* functional template */
@@ -45064,7 +45070,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
45064
45070
  /* style */
45065
45071
  const __vue_inject_styles__$14 = function (inject) {
45066
45072
  if (!inject) return
45067
- inject("data-v-28a85c8a_0", { source: ".zd-form {\n overflow-x: hidden;\n padding-bottom: 4px;\n}\n.zd-form > .row {\n height: 100%;\n align-content: flex-start;\n margin: 0 -12px;\n}\n.zd-form > .row.row--dense {\n margin: 0 -4px;\n}", map: undefined, media: undefined });
45073
+ inject("data-v-ebe769ae_0", { source: ".zd-form {\n overflow-x: hidden;\n padding-bottom: 4px;\n}\n.zd-form > .row {\n height: 100%;\n align-content: flex-start;\n margin: 0 -12px;\n}\n.zd-form > .row.row--dense {\n margin: 0 -4px;\n}", map: undefined, media: undefined });
45068
45074
 
45069
45075
  };
45070
45076
  /* scoped */
@@ -45233,7 +45239,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
45233
45239
  /* style */
45234
45240
  const __vue_inject_styles__$13 = function (inject) {
45235
45241
  if (!inject) return
45236
- inject("data-v-1b1fa5e4_0", { source: ".zd-frame {\n height: inherit;\n width: inherit;\n}\n.zd-frame .v-progress-circular {\n margin: var(--spacing-4) auto;\n left: 50%;\n transform: translateX(-50%);\n}", map: undefined, media: undefined });
45242
+ inject("data-v-3f7f6960_0", { source: ".zd-frame {\n height: inherit;\n width: inherit;\n}\n.zd-frame .v-progress-circular {\n margin: var(--spacing-4) auto;\n left: 50%;\n transform: translateX(-50%);\n}", map: undefined, media: undefined });
45237
45243
 
45238
45244
  };
45239
45245
  /* scoped */
@@ -45303,7 +45309,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
45303
45309
  /* style */
45304
45310
  const __vue_inject_styles__$12 = function (inject) {
45305
45311
  if (!inject) return
45306
- inject("data-v-19f33cc2_0", { source: ".zd-frame-page {\n display: block;\n height: 100% !important;\n}", map: undefined, media: undefined });
45312
+ inject("data-v-5079d814_0", { source: ".zd-frame-page {\n display: block;\n height: 100% !important;\n}", map: undefined, media: undefined });
45307
45313
 
45308
45314
  };
45309
45315
  /* scoped */
@@ -45429,6 +45435,10 @@ If you're seeing "$attrs is readonly", it's caused by this`);
45429
45435
  constructor() {
45430
45436
  super(...arguments);
45431
45437
  this.instanceType = common.Grid;
45438
+ /**
45439
+ * Left distance for each column
45440
+ */
45441
+ this.fixedLeft = {};
45432
45442
  /**
45433
45443
  * Left distance for each column
45434
45444
  */
@@ -45509,7 +45519,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
45509
45519
  this.initDragColumns();
45510
45520
  }
45511
45521
  this.setViewGetWidth();
45512
- this.updateFixedColumnsAction();
45522
+ this.updateFixedColumns();
45513
45523
  if (this.instance.fillHeight) {
45514
45524
  setFillHeight(this.$el);
45515
45525
  }
@@ -45658,6 +45668,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
45658
45668
  else {
45659
45669
  this.resizeTableElement.style.width = `${this.resizeTableWidth - this.resizeWidth + min}px`;
45660
45670
  }
45671
+ this.$nextTick(this.updateFixedColumns);
45661
45672
  }
45662
45673
  resizeMouseUpHandler(event) {
45663
45674
  this.instance.changeLayout(event, this.$el);
@@ -45853,8 +45864,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
45853
45864
  }
45854
45865
  return widthData;
45855
45866
  }
45856
- updateFixedColumnsAction() {
45857
- if (this.instance.columns.filter((column) => column.actionFixed).length === 0)
45867
+ updateFixedColumns() {
45868
+ if (this.instance.columns.filter((column) => column.fixed).length === 0)
45858
45869
  return;
45859
45870
  if (!this.tableHeader) {
45860
45871
  this.tableHeader = this.$el.querySelector('table thead tr');
@@ -45863,6 +45874,15 @@ If you're seeing "$attrs is readonly", it's caused by this`);
45863
45874
  return;
45864
45875
  }
45865
45876
  const headerColumns = Array.from(this.tableHeader.querySelectorAll('th'));
45877
+ let left = this.instance.selectable ? 40 : 0;
45878
+ headerColumns.forEach((column) => {
45879
+ const name = column.getAttribute('column-name');
45880
+ if (name && column.classList.contains('zd-table-fixed-column')) {
45881
+ column.style.left = `${left}px`;
45882
+ this.$set(this.fixedLeft, name, column.style.left);
45883
+ left += column.clientWidth;
45884
+ }
45885
+ });
45866
45886
  let right = 0;
45867
45887
  headerColumns.reverse().forEach((column) => {
45868
45888
  const name = column.getAttribute('column-name');
@@ -46182,7 +46202,6 @@ If you're seeing "$attrs is readonly", it's caused by this`);
46182
46202
  key: "header",
46183
46203
  fn: function (ref) {
46184
46204
  var props = ref.props;
46185
- ref.on;
46186
46205
  return [
46187
46206
  _c("thead", { staticClass: "zd-grid-table-header" }, [
46188
46207
  _c(
@@ -46192,7 +46211,22 @@ If you're seeing "$attrs is readonly", it's caused by this`);
46192
46211
  ? _c(
46193
46212
  "th",
46194
46213
  {
46195
- staticClass: "zd-table-cell selectable",
46214
+ class: [
46215
+ "zd-table-cell",
46216
+ "selectable",
46217
+ "zd-table-fixed-column",
46218
+ {
46219
+ "theme--dark":
46220
+ (_vm.$vuetify.theme.dark &&
46221
+ !_vm.instance.light) ||
46222
+ _vm.instance.dark,
46223
+ },
46224
+ {
46225
+ "theme--light":
46226
+ !_vm.$vuetify.theme.dark ||
46227
+ _vm.instance.light,
46228
+ },
46229
+ ],
46196
46230
  style:
46197
46231
  "background-color: " +
46198
46232
  _vm.instance.headerBackground,
@@ -46243,9 +46277,13 @@ If you're seeing "$attrs is readonly", it's caused by this`);
46243
46277
  "zd-table-cell",
46244
46278
  {
46245
46279
  sortable: column.sortable,
46246
- sortHandle: _vm.instance.dragColumns,
46280
+ sortHandle:
46281
+ !column.fixed &&
46282
+ !column.actionFixed &&
46283
+ _vm.instance.dragColumns,
46247
46284
  },
46248
46285
  {
46286
+ "zd-table-fixed-column": column.fixed,
46249
46287
  "zd-table-fixed-column-action":
46250
46288
  column.actionFixed,
46251
46289
  },
@@ -46611,7 +46649,24 @@ If you're seeing "$attrs is readonly", it's caused by this`);
46611
46649
  _vm.instance.selectable
46612
46650
  ? _c(
46613
46651
  "td",
46614
- { staticClass: "zd-table-cell selectable" },
46652
+ {
46653
+ class: [
46654
+ "zd-table-cell",
46655
+ "selectable",
46656
+ "zd-table-fixed-column",
46657
+ {
46658
+ "theme--dark":
46659
+ (_vm.$vuetify.theme.dark &&
46660
+ !_vm.instance.light) ||
46661
+ _vm.instance.dark,
46662
+ },
46663
+ {
46664
+ "theme--light":
46665
+ !_vm.$vuetify.theme.dark ||
46666
+ _vm.instance.light,
46667
+ },
46668
+ ],
46669
+ },
46615
46670
  [
46616
46671
  _c("v-checkbox", {
46617
46672
  staticClass: "zd-grid-row-checkbox",
@@ -46671,6 +46726,36 @@ If you're seeing "$attrs is readonly", it's caused by this`);
46671
46726
  column: column,
46672
46727
  rowStyle: rowStyle,
46673
46728
  cellsApplied: cellsApplied,
46729
+ cellClass: [
46730
+ {
46731
+ "zd-table-fixed-column":
46732
+ column.fixed,
46733
+ "zd-table-fixed-column-action":
46734
+ column.actionFixed,
46735
+ },
46736
+ {
46737
+ "theme--dark":
46738
+ (_vm.$vuetify.theme
46739
+ .dark &&
46740
+ !_vm.instance.light) ||
46741
+ _vm.instance.dark,
46742
+ },
46743
+ {
46744
+ "theme--light":
46745
+ !_vm.$vuetify.theme
46746
+ .dark ||
46747
+ _vm.instance.light,
46748
+ },
46749
+ ],
46750
+ cellStyle: [
46751
+ {
46752
+ left: column.fixed
46753
+ ? _vm.fixedLeft[
46754
+ column.name
46755
+ ]
46756
+ : "unset",
46757
+ },
46758
+ ],
46674
46759
  },
46675
46760
  on: {
46676
46761
  click: function ($event) {
@@ -46746,6 +46831,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
46746
46831
  cellsApplied: cellsApplied,
46747
46832
  cellClass: [
46748
46833
  {
46834
+ "zd-table-fixed-column":
46835
+ column.fixed,
46749
46836
  "zd-table-fixed-column-action":
46750
46837
  column.actionFixed,
46751
46838
  },
@@ -46765,6 +46852,11 @@ If you're seeing "$attrs is readonly", it's caused by this`);
46765
46852
  ],
46766
46853
  cellStyle: [
46767
46854
  {
46855
+ left: column.fixed
46856
+ ? _vm.fixedLeft[
46857
+ column.name
46858
+ ]
46859
+ : "unset",
46768
46860
  right: column.actionFixed
46769
46861
  ? _vm.fixedRight[
46770
46862
  column.name
@@ -46900,7 +46992,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
46900
46992
  /* style */
46901
46993
  const __vue_inject_styles__$11 = function (inject) {
46902
46994
  if (!inject) return
46903
- inject("data-v-602c6cbe_0", { source: ".zd-grid {\n outline: none;\n display: flex;\n flex-direction: column;\n}\n.zd-grid.theme--light:active table th.zd-table-cell, .zd-grid.theme--light:focus table th.zd-table-cell, .zd-grid.theme--light:focus-within table th.zd-table-cell {\n color: var(--v-primary-base) !important;\n}\n.zd-grid-toolbar {\n display: flex;\n justify-content: space-between;\n margin-bottom: var(--spacing-4);\n align-items: center;\n flex: 0 0 auto;\n}\n.zd-grid-toolbar-slot {\n width: 100%;\n display: flex;\n align-items: center;\n}\n.zd-grid-toolbar .zd-search {\n max-width: 200px;\n}\n.zd-grid .v-data-table__wrapper {\n flex: 1 1 auto;\n}\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.text-center .zd-table-header-cell {\n justify-content: center;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort {\n opacity: 0;\n position: relative;\n display: inline-block;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-icon {\n position: relative;\n transition: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order {\n position: absolute;\n font-size: 9px;\n right: 2px;\n 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: pre;\n display: inline-block;\n vertical-align: bottom;\n overflow: hidden;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.sortable {\n cursor: pointer;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: -8px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: 6px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: 3px;\n transform: rotate(180deg);\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: -1px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-name, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-name {\n opacity: 1;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-sort, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-sort {\n opacity: 1;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action {\n position: sticky !important;\n right: 0;\n z-index: 5;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n background: #3c3c3c !important;\n}\n.zd-grid table thead tr th .zd-grid-resize-handle {\n height: 100%;\n width: 10px;\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n cursor: ew-resize;\n font-size: 15px;\n color: #ccc;\n display: none;\n}\n.zd-grid table thead tr th:hover .zd-grid-resize-handle {\n display: block;\n}\n.zd-grid table tbody tr td.zd-table-cell {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n padding: 0 var(--spacing-4);\n height: 48px;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable {\n overflow: hidden;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 0.7;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: block;\n overflow: hidden;\n white-space: pre;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action {\n position: sticky !important;\n right: 0;\n z-index: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n background: #3c3c3c !important;\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: var(--spacing-4) 0 0 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n flex: 0 0 auto;\n}\n.zd-grid-div-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n@media screen and (max-width: 425px) {\n.zd-grid-footer {\n flex-direction: column;\n justify-content: center;\n}\n.zd-grid-div-footer {\n width: 100%;\n}\n.zd-grid .zd-iterable-pagination {\n justify-content: space-evenly;\n}\n}\n.zd-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.zd-grid .zd-grid-cell-tooltip {\n z-index: 10000;\n position: fixed;\n color: white;\n background-color: var(--v-grey-lighten1);\n border-radius: var(--border);\n padding: var(--spacing-1) var(--spacing-2);\n opacity: 0.9;\n display: none;\n font-size: 14px;\n line-height: 22px;\n text-transform: none;\n width: auto;\n pointer-events: none;\n white-space: pre;\n}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n display: block;\n white-space: normal;\n}\n.zd-grid-loading {\n pointer-events: none;\n}\n.v-data-table__progress {\n position: sticky;\n top: 24px;\n}\n.v-data-table--mobile > .v-data-table__wrapper tbody {\n display: contents;\n flex-direction: column;\n}", map: undefined, media: undefined });
46995
+ inject("data-v-31857071_0", { source: ".zd-grid {\n outline: none;\n display: flex;\n flex-direction: column;\n}\n.zd-grid.theme--light:active table th.zd-table-cell, .zd-grid.theme--light:focus table th.zd-table-cell, .zd-grid.theme--light:focus-within table th.zd-table-cell {\n color: var(--v-primary-base) !important;\n}\n.zd-grid-toolbar {\n display: flex;\n justify-content: space-between;\n margin-bottom: var(--spacing-4);\n align-items: center;\n flex: 0 0 auto;\n}\n.zd-grid-toolbar-slot {\n width: 100%;\n display: flex;\n align-items: center;\n}\n.zd-grid-toolbar .zd-search {\n max-width: 200px;\n}\n.zd-grid .v-data-table__wrapper {\n flex: 1 1 auto;\n}\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.text-center .zd-table-header-cell {\n justify-content: center;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort {\n opacity: 0;\n position: relative;\n display: inline-block;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-icon {\n position: relative;\n transition: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order {\n position: absolute;\n font-size: 9px;\n right: 2px;\n 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: pre;\n display: inline-block;\n vertical-align: bottom;\n overflow: hidden;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.sortable {\n cursor: pointer;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: -8px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: 6px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: 3px;\n transform: rotate(180deg);\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: -1px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-name, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-name {\n opacity: 1;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-sort, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-sort {\n opacity: 1;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action {\n position: sticky !important;\n right: 0;\n z-index: 5;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n background: #3c3c3c !important;\n}\n.zd-grid table thead tr th .zd-grid-resize-handle {\n height: 100%;\n width: 10px;\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n cursor: ew-resize;\n font-size: 15px;\n color: #ccc;\n display: none;\n}\n.zd-grid table thead tr th:hover .zd-grid-resize-handle {\n display: block;\n}\n.zd-grid table tbody tr td.zd-table-cell {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n padding: 0 var(--spacing-4);\n height: 48px;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable {\n overflow: hidden;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 0.7;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: block;\n overflow: hidden;\n white-space: pre;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action {\n position: sticky !important;\n right: 0;\n z-index: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n background: #3c3c3c !important;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\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 td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.zd-grid table tbody tr.current:hover {\n background: 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: var(--spacing-4) 0 0 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n flex: 0 0 auto;\n}\n.zd-grid-div-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n@media screen and (max-width: 425px) {\n.zd-grid-footer {\n flex-direction: column;\n justify-content: center;\n}\n.zd-grid-div-footer {\n width: 100%;\n}\n.zd-grid .zd-iterable-pagination {\n justify-content: space-evenly;\n}\n}\n.zd-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.zd-grid .zd-grid-cell-tooltip {\n z-index: 10000;\n position: fixed;\n color: white;\n background-color: var(--v-grey-lighten1);\n border-radius: var(--border);\n padding: var(--spacing-1) var(--spacing-2);\n opacity: 0.9;\n display: none;\n font-size: 14px;\n line-height: 22px;\n text-transform: none;\n width: auto;\n pointer-events: none;\n white-space: pre;\n}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n display: block;\n white-space: normal;\n}\n.zd-grid-loading {\n pointer-events: none;\n}\n.v-data-table__progress {\n position: sticky;\n top: 24px;\n}\n.v-data-table--mobile > .v-data-table__wrapper tbody {\n display: contents;\n flex-direction: column;\n}", map: undefined, media: undefined });
46904
46996
 
46905
46997
  };
46906
46998
  /* scoped */
@@ -46976,6 +47068,9 @@ If you're seeing "$attrs is readonly", it's caused by this`);
46976
47068
  this.instance.cellClick(row, column, event, this.$el, canEdit);
46977
47069
  }
46978
47070
  onMountedEvent({ element, component }) {
47071
+ if (!this.inputToFocus)
47072
+ return;
47073
+ this.inputToFocus = '';
46979
47074
  const input = element.getElementsByTagName('input')[0];
46980
47075
  if (component instanceof common.Toggleable) {
46981
47076
  component.toggleValue();
@@ -47212,7 +47307,6 @@ If you're seeing "$attrs is readonly", it's caused by this`);
47212
47307
  key: "header",
47213
47308
  fn: function (ref) {
47214
47309
  var props = ref.props;
47215
- ref.on;
47216
47310
  return [
47217
47311
  _c("thead", { staticClass: "zd-grid-table-header" }, [
47218
47312
  _c(
@@ -47222,7 +47316,22 @@ If you're seeing "$attrs is readonly", it's caused by this`);
47222
47316
  ? _c(
47223
47317
  "th",
47224
47318
  {
47225
- staticClass: "zd-table-cell selectable",
47319
+ class: [
47320
+ "zd-table-cell",
47321
+ "selectable",
47322
+ "zd-table-fixed-column",
47323
+ {
47324
+ "theme--dark":
47325
+ (_vm.$vuetify.theme.dark &&
47326
+ !_vm.instance.light) ||
47327
+ _vm.instance.dark,
47328
+ },
47329
+ {
47330
+ "theme--light":
47331
+ !_vm.$vuetify.theme.dark ||
47332
+ _vm.instance.light,
47333
+ },
47334
+ ],
47226
47335
  style:
47227
47336
  "background-color: " +
47228
47337
  _vm.instance.headerBackground,
@@ -47280,9 +47389,13 @@ If you're seeing "$attrs is readonly", it's caused by this`);
47280
47389
  sortable:
47281
47390
  column.sortable &&
47282
47391
  !_vm.instance.editing,
47283
- sortHandle: _vm.instance.dragColumns,
47392
+ sortHandle:
47393
+ !column.fixed &&
47394
+ !column.actionFixed &&
47395
+ _vm.instance.dragColumns,
47284
47396
  },
47285
47397
  {
47398
+ "zd-table-fixed-column": column.fixed,
47286
47399
  "zd-table-fixed-column-action":
47287
47400
  column.actionFixed,
47288
47401
  },
@@ -47655,7 +47768,24 @@ If you're seeing "$attrs is readonly", it's caused by this`);
47655
47768
  _vm.instance.selectable
47656
47769
  ? _c(
47657
47770
  "td",
47658
- { staticClass: "zd-table-cell selectable" },
47771
+ {
47772
+ class: [
47773
+ "zd-table-cell",
47774
+ "selectable",
47775
+ "zd-table-fixed-column",
47776
+ {
47777
+ "theme--dark":
47778
+ (_vm.$vuetify.theme.dark &&
47779
+ !_vm.instance.light) ||
47780
+ _vm.instance.dark,
47781
+ },
47782
+ {
47783
+ "theme--light":
47784
+ !_vm.$vuetify.theme.dark ||
47785
+ _vm.instance.light,
47786
+ },
47787
+ ],
47788
+ },
47659
47789
  [
47660
47790
  _c("v-checkbox", {
47661
47791
  staticClass: "zd-grid-row-checkbox",
@@ -47729,6 +47859,37 @@ If you're seeing "$attrs is readonly", it's caused by this`);
47729
47859
  _vm.canEditRowValues[
47730
47860
  _vm.rowKey(item)
47731
47861
  ],
47862
+ "zd-table-fixed-column":
47863
+ column.fixed,
47864
+ "zd-table-fixed-column-action":
47865
+ column.actionFixed,
47866
+ },
47867
+ {
47868
+ "theme--dark":
47869
+ (_vm.$vuetify.theme
47870
+ .dark &&
47871
+ !_vm.instance.light) ||
47872
+ _vm.instance.dark,
47873
+ },
47874
+ {
47875
+ "theme--light":
47876
+ !_vm.$vuetify.theme
47877
+ .dark ||
47878
+ _vm.instance.light,
47879
+ },
47880
+ ],
47881
+ cellStyle: [
47882
+ {
47883
+ left: column.fixed
47884
+ ? _vm.fixedLeft[
47885
+ column.name
47886
+ ]
47887
+ : "unset",
47888
+ right: column.actionFixed
47889
+ ? _vm.fixedRight[
47890
+ column.name
47891
+ ]
47892
+ : "unset",
47732
47893
  },
47733
47894
  ],
47734
47895
  },
@@ -47874,6 +48035,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
47874
48035
  cellsApplied: cellsApplied,
47875
48036
  cellClass: [
47876
48037
  {
48038
+ "zd-table-fixed-column":
48039
+ column.fixed,
47877
48040
  "zd-table-fixed-column-action":
47878
48041
  column.actionFixed,
47879
48042
  },
@@ -47893,6 +48056,11 @@ If you're seeing "$attrs is readonly", it's caused by this`);
47893
48056
  ],
47894
48057
  cellStyle: [
47895
48058
  {
48059
+ left: column.fixed
48060
+ ? _vm.fixedLeft[
48061
+ column.name
48062
+ ]
48063
+ : "unset",
47896
48064
  right: column.actionFixed
47897
48065
  ? _vm.fixedRight[
47898
48066
  column.name
@@ -48028,8 +48196,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
48028
48196
  /* style */
48029
48197
  const __vue_inject_styles__$10 = function (inject) {
48030
48198
  if (!inject) return
48031
- inject("data-v-1c15a82f_0", { source: ".zd-grid {\n outline: none;\n display: flex;\n flex-direction: column;\n}\n.zd-grid.theme--light:active table th.zd-table-cell, .zd-grid.theme--light:focus table th.zd-table-cell, .zd-grid.theme--light:focus-within table th.zd-table-cell {\n color: var(--v-primary-base) !important;\n}\n.zd-grid-toolbar {\n display: flex;\n justify-content: space-between;\n margin-bottom: var(--spacing-4);\n align-items: center;\n flex: 0 0 auto;\n}\n.zd-grid-toolbar-slot {\n width: 100%;\n display: flex;\n align-items: center;\n}\n.zd-grid-toolbar .zd-search {\n max-width: 200px;\n}\n.zd-grid .v-data-table__wrapper {\n flex: 1 1 auto;\n}\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.text-center .zd-table-header-cell {\n justify-content: center;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort {\n opacity: 0;\n position: relative;\n display: inline-block;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-icon {\n position: relative;\n transition: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order {\n position: absolute;\n font-size: 9px;\n right: 2px;\n 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: pre;\n display: inline-block;\n vertical-align: bottom;\n overflow: hidden;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.sortable {\n cursor: pointer;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: -8px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: 6px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: 3px;\n transform: rotate(180deg);\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: -1px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-name, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-name {\n opacity: 1;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-sort, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-sort {\n opacity: 1;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action {\n position: sticky !important;\n right: 0;\n z-index: 5;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n background: #3c3c3c !important;\n}\n.zd-grid table thead tr th .zd-grid-resize-handle {\n height: 100%;\n width: 10px;\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n cursor: ew-resize;\n font-size: 15px;\n color: #ccc;\n display: none;\n}\n.zd-grid table thead tr th:hover .zd-grid-resize-handle {\n display: block;\n}\n.zd-grid table tbody tr td.zd-table-cell {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n padding: 0 var(--spacing-4);\n height: 48px;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable {\n overflow: hidden;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 0.7;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: block;\n overflow: hidden;\n white-space: pre;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action {\n position: sticky !important;\n right: 0;\n z-index: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n background: #3c3c3c !important;\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: var(--spacing-4) 0 0 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n flex: 0 0 auto;\n}\n.zd-grid-div-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n@media screen and (max-width: 425px) {\n.zd-grid-footer {\n flex-direction: column;\n justify-content: center;\n}\n.zd-grid-div-footer {\n width: 100%;\n}\n.zd-grid .zd-iterable-pagination {\n justify-content: space-evenly;\n}\n}\n.zd-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.zd-grid .zd-grid-cell-tooltip {\n z-index: 10000;\n position: fixed;\n color: white;\n background-color: var(--v-grey-lighten1);\n border-radius: var(--border);\n padding: var(--spacing-1) var(--spacing-2);\n opacity: 0.9;\n display: none;\n font-size: 14px;\n line-height: 22px;\n text-transform: none;\n width: auto;\n pointer-events: none;\n white-space: pre;\n}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n display: block;\n white-space: normal;\n}\n.zd-grid-loading {\n pointer-events: none;\n}\n.v-data-table__progress {\n position: sticky;\n top: 24px;\n}\n.v-data-table--mobile > .v-data-table__wrapper tbody {\n display: contents;\n flex-direction: column;\n}", map: undefined, media: undefined })
48032
- ,inject("data-v-1c15a82f_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-switch .v-input__slot, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit .zd-switch .v-input__slot {\n margin-bottom: 0;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit .zd-table-cell-edit-icon, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit .zd-table-cell-edit-icon {\n align-self: center;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-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 {\n border-bottom: solid var(--regular) var(--v-grey-lighten4);\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:before, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:after {\n border-left: solid var(--regular) var(--v-grey-lighten4);\n}\n.zd-grid.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot {\n height: 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 max-height: 22px;\n}", map: undefined, media: undefined });
48199
+ inject("data-v-062b9fe1_0", { source: ".zd-grid {\n outline: none;\n display: flex;\n flex-direction: column;\n}\n.zd-grid.theme--light:active table th.zd-table-cell, .zd-grid.theme--light:focus table th.zd-table-cell, .zd-grid.theme--light:focus-within table th.zd-table-cell {\n color: var(--v-primary-base) !important;\n}\n.zd-grid-toolbar {\n display: flex;\n justify-content: space-between;\n margin-bottom: var(--spacing-4);\n align-items: center;\n flex: 0 0 auto;\n}\n.zd-grid-toolbar-slot {\n width: 100%;\n display: flex;\n align-items: center;\n}\n.zd-grid-toolbar .zd-search {\n max-width: 200px;\n}\n.zd-grid .v-data-table__wrapper {\n flex: 1 1 auto;\n}\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.text-center .zd-table-header-cell {\n justify-content: center;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort {\n opacity: 0;\n position: relative;\n display: inline-block;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-icon {\n position: relative;\n transition: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order {\n position: absolute;\n font-size: 9px;\n right: 2px;\n 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: pre;\n display: inline-block;\n vertical-align: bottom;\n overflow: hidden;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.sortable {\n cursor: pointer;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: -8px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: 6px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: 3px;\n transform: rotate(180deg);\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: -1px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-name, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-name {\n opacity: 1;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-sort, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-sort {\n opacity: 1;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action {\n position: sticky !important;\n right: 0;\n z-index: 5;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n background: #3c3c3c !important;\n}\n.zd-grid table thead tr th .zd-grid-resize-handle {\n height: 100%;\n width: 10px;\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n cursor: ew-resize;\n font-size: 15px;\n color: #ccc;\n display: none;\n}\n.zd-grid table thead tr th:hover .zd-grid-resize-handle {\n display: block;\n}\n.zd-grid table tbody tr td.zd-table-cell {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n padding: 0 var(--spacing-4);\n height: 48px;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable {\n overflow: hidden;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 0.7;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: block;\n overflow: hidden;\n white-space: pre;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action {\n position: sticky !important;\n right: 0;\n z-index: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n background: #3c3c3c !important;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\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 td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.zd-grid table tbody tr.current:hover {\n background: 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: var(--spacing-4) 0 0 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n flex: 0 0 auto;\n}\n.zd-grid-div-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n@media screen and (max-width: 425px) {\n.zd-grid-footer {\n flex-direction: column;\n justify-content: center;\n}\n.zd-grid-div-footer {\n width: 100%;\n}\n.zd-grid .zd-iterable-pagination {\n justify-content: space-evenly;\n}\n}\n.zd-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.zd-grid .zd-grid-cell-tooltip {\n z-index: 10000;\n position: fixed;\n color: white;\n background-color: var(--v-grey-lighten1);\n border-radius: var(--border);\n padding: var(--spacing-1) var(--spacing-2);\n opacity: 0.9;\n display: none;\n font-size: 14px;\n line-height: 22px;\n text-transform: none;\n width: auto;\n pointer-events: none;\n white-space: pre;\n}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n display: block;\n white-space: normal;\n}\n.zd-grid-loading {\n pointer-events: none;\n}\n.v-data-table__progress {\n position: sticky;\n top: 24px;\n}\n.v-data-table--mobile > .v-data-table__wrapper tbody {\n display: contents;\n flex-direction: column;\n}", map: undefined, media: undefined })
48200
+ ,inject("data-v-062b9fe1_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-switch .v-input__slot, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit .zd-switch .v-input__slot {\n margin-bottom: 0;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit .zd-table-cell-edit-icon, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit .zd-table-cell-edit-icon {\n align-self: center;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-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 {\n border-bottom: solid var(--regular) var(--v-grey-lighten4);\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:before, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:after {\n border-left: solid var(--regular) var(--v-grey-lighten4);\n}\n.zd-grid.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot {\n height: 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 max-height: 22px;\n}", map: undefined, media: undefined });
48033
48201
 
48034
48202
  };
48035
48203
  /* scoped */
@@ -48395,7 +48563,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
48395
48563
  /* style */
48396
48564
  const __vue_inject_styles__$$ = function (inject) {
48397
48565
  if (!inject) return
48398
- inject("data-v-28313a58_0", { source: ".zd-header.theme--light.v-app-bar.v-toolbar.v-sheet {\n background-color: #fff;\n}\n.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 });
48566
+ inject("data-v-cfd5aa7c_0", { source: ".zd-header.theme--light.v-app-bar.v-toolbar.v-sheet {\n background-color: #fff;\n}\n.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 });
48399
48567
 
48400
48568
  };
48401
48569
  /* scoped */
@@ -48861,7 +49029,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
48861
49029
  /* style */
48862
49030
  const __vue_inject_styles__$X = function (inject) {
48863
49031
  if (!inject) return
48864
- inject("data-v-88341506_0", { source: "\n.zd-grid-action {\n height: 100%;\n display: flex;\n}\n", map: undefined, media: undefined });
49032
+ inject("data-v-5420f962_0", { source: "\n.zd-grid-action {\n height: 100%;\n display: flex;\n}\n", map: undefined, media: undefined });
48865
49033
 
48866
49034
  };
48867
49035
  /* scoped */
@@ -49071,7 +49239,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
49071
49239
  /* style */
49072
49240
  const __vue_inject_styles__$V = function (inject) {
49073
49241
  if (!inject) return
49074
- inject("data-v-5c3a02cf_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: undefined, media: undefined });
49242
+ inject("data-v-4837b3be_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: undefined, media: undefined });
49075
49243
 
49076
49244
  };
49077
49245
  /* scoped */
@@ -49199,7 +49367,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
49199
49367
  /* style */
49200
49368
  const __vue_inject_styles__$U = function (inject) {
49201
49369
  if (!inject) return
49202
- inject("data-v-41954a8d_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: undefined, media: undefined });
49370
+ inject("data-v-9f2c3242_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: undefined, media: undefined });
49203
49371
 
49204
49372
  };
49205
49373
  /* scoped */
@@ -49395,7 +49563,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
49395
49563
  /* style */
49396
49564
  const __vue_inject_styles__$T = function (inject) {
49397
49565
  if (!inject) return
49398
- inject("data-v-f6232196_0", { source: ".zd-grid-cell-wrapper {\n display: flex;\n gap: 0.75rem;\n}\n.zd-grid-cell-align-right {\n justify-content: end;\n}\n.zd-grid-cell-align-left {\n justify-content: start;\n}\n.zd-grid-cell-align-center {\n justify-content: center;\n}", map: undefined, media: undefined });
49566
+ inject("data-v-c90416ba_0", { source: ".zd-grid-cell-wrapper {\n display: flex;\n gap: 0.75rem;\n}\n.zd-grid-cell-align-right {\n justify-content: end;\n}\n.zd-grid-cell-align-left {\n justify-content: start;\n}\n.zd-grid-cell-align-center {\n justify-content: center;\n}", map: undefined, media: undefined });
49399
49567
 
49400
49568
  };
49401
49569
  /* scoped */
@@ -49490,14 +49658,14 @@ If you're seeing "$attrs is readonly", it's caused by this`);
49490
49658
  ),
49491
49659
  },
49492
49660
  { "zd-table-fixed-column-action": _vm.column.actionFixed },
49493
- ],
49494
- cellStyle: [
49495
49661
  {
49496
- right: _vm.column.actionFixed
49497
- ? _vm.fixedRight[_vm.column.name]
49498
- : "unset",
49662
+ "theme--dark":
49663
+ (_vm.$vuetify.theme.dark && !_vm.instance.light) ||
49664
+ _vm.instance.dark,
49499
49665
  },
49666
+ { "theme--light": !_vm.$vuetify.theme.dark || _vm.instance.light },
49500
49667
  ],
49668
+ cellStyle: _vm.cellStyle,
49501
49669
  },
49502
49670
  on: {
49503
49671
  click: function ($event) {
@@ -49930,7 +50098,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
49930
50098
  /* style */
49931
50099
  const __vue_inject_styles__$Q = function (inject) {
49932
50100
  if (!inject) return
49933
- inject("data-v-0b89e040_0", { source: ".zd-image {\n position: relative;\n display: inline-block;\n overflow: hidden;\n}\n.zd-image img {\n height: 100%;\n width: 100%;\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 });
50101
+ inject("data-v-61f31232_0", { source: ".zd-image {\n position: relative;\n display: inline-block;\n overflow: hidden;\n}\n.zd-image img {\n height: 100%;\n width: 100%;\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 });
49934
50102
 
49935
50103
  };
49936
50104
  /* scoped */
@@ -50007,7 +50175,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
50007
50175
  /* style */
50008
50176
  const __vue_inject_styles__$P = function (inject) {
50009
50177
  if (!inject) return
50010
- inject("data-v-30a77ca4_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 });
50178
+ inject("data-v-58630b00_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 });
50011
50179
 
50012
50180
  };
50013
50181
  /* scoped */
@@ -50436,11 +50604,11 @@ If you're seeing "$attrs is readonly", it's caused by this`);
50436
50604
  /* style */
50437
50605
  const __vue_inject_styles__$N = function (inject) {
50438
50606
  if (!inject) return
50439
- inject("data-v-543a2c06_0", { source: ".zd-iterable-component-render[data-v-543a2c06] {\n width: 100%;\n display: flex;\n flex-direction: column;\n}\n.zd-iterable-component-render .error--text[data-v-543a2c06],\n.zd-iterable-component-render .no--data[data-v-543a2c06] {\n text-align: center;\n width: 100%;\n font-size: 14px;\n}\n.zd-iterable-component-render .no--data[data-v-543a2c06] {\n color: rgba(0, 0, 0, 0.38);\n}\n.zd-iterable-component-render .zd-iterable-toolbar[data-v-543a2c06] {\n display: flex;\n justify-content: space-between;\n margin-bottom: 16px;\n align-items: center;\n width: 100%;\n}\n.zd-iterable-component-render .zd-iterable-content[data-v-543a2c06] {\n overflow: auto;\n}\n.zd-iterable-component-render .zd-iterable-footer[data-v-543a2c06] {\n padding: 5px 0;\n display: flex;\n width: 100%;\n}", map: undefined, media: undefined });
50607
+ inject("data-v-58c81dcf_0", { source: ".zd-iterable-component-render[data-v-58c81dcf] {\n width: 100%;\n display: flex;\n flex-direction: column;\n}\n.zd-iterable-component-render .error--text[data-v-58c81dcf],\n.zd-iterable-component-render .no--data[data-v-58c81dcf] {\n text-align: center;\n width: 100%;\n font-size: 14px;\n}\n.zd-iterable-component-render .no--data[data-v-58c81dcf] {\n color: rgba(0, 0, 0, 0.38);\n}\n.zd-iterable-component-render .zd-iterable-toolbar[data-v-58c81dcf] {\n display: flex;\n justify-content: space-between;\n margin-bottom: 16px;\n align-items: center;\n width: 100%;\n}\n.zd-iterable-component-render .zd-iterable-content[data-v-58c81dcf] {\n overflow: auto;\n}\n.zd-iterable-component-render .zd-iterable-footer[data-v-58c81dcf] {\n padding: 5px 0;\n display: flex;\n width: 100%;\n}", map: undefined, media: undefined });
50440
50608
 
50441
50609
  };
50442
50610
  /* scoped */
50443
- const __vue_scope_id__$N = "data-v-543a2c06";
50611
+ const __vue_scope_id__$N = "data-v-58c81dcf";
50444
50612
  /* module identifier */
50445
50613
  const __vue_module_identifier__$N = undefined;
50446
50614
  /* functional template */
@@ -50602,7 +50770,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
50602
50770
  /* style */
50603
50771
  const __vue_inject_styles__$M = function (inject) {
50604
50772
  if (!inject) return
50605
- inject("data-v-13e9f9c3_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 });
50773
+ inject("data-v-a76d519e_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 });
50606
50774
 
50607
50775
  };
50608
50776
  /* scoped */
@@ -50807,7 +50975,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
50807
50975
  /* style */
50808
50976
  const __vue_inject_styles__$L = function (inject) {
50809
50977
  if (!inject) return
50810
- inject("data-v-1c1dc78c_0", { source: ".zd-iterable-pagination {\n padding: 0;\n max-width: 100%;\n margin-left: 0;\n display: flex;\n gap: 0;\n align-items: center;\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: 2rem;\n width: 2rem;\n white-space: nowrap;\n display: flex;\n justify-content: center;\n align-items: center;\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 });
50978
+ inject("data-v-26990da8_0", { source: ".zd-iterable-pagination {\n padding: 0;\n max-width: 100%;\n margin-left: 0;\n display: flex;\n gap: 0;\n align-items: center;\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: 2rem;\n width: 2rem;\n white-space: nowrap;\n display: flex;\n justify-content: center;\n align-items: center;\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 });
50811
50979
 
50812
50980
  };
50813
50981
  /* scoped */
@@ -51077,6 +51245,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
51077
51245
  id: _vm.instance.name,
51078
51246
  "return-object": "",
51079
51247
  "validate-on-blur": "",
51248
+ "no-data-text": _vm.$t("NO_DATA"),
51080
51249
  "no-filter": "",
51081
51250
  name: _vm.instance.name,
51082
51251
  loading: _vm.instance.datasource.loading,
@@ -51328,7 +51497,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
51328
51497
  /* style */
51329
51498
  const __vue_inject_styles__$K = function (inject) {
51330
51499
  if (!inject) return
51331
- inject("data-v-4f61cc61_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:not(.theme--dark) {\n color: var(--zd-font-color);\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 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 });
51500
+ inject("data-v-1d790e62_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:not(.theme--dark) {\n color: var(--zd-font-color);\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 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 });
51332
51501
 
51333
51502
  };
51334
51503
  /* scoped */
@@ -51439,7 +51608,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
51439
51608
  /* style */
51440
51609
  const __vue_inject_styles__$J = function (inject) {
51441
51610
  if (!inject) return
51442
- inject("data-v-15c517aa_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.v-input {\n align-items: center;\n}", map: undefined, media: undefined });
51611
+ inject("data-v-52ea7598_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.v-input {\n align-items: center;\n}", map: undefined, media: undefined });
51443
51612
 
51444
51613
  };
51445
51614
  /* scoped */
@@ -51513,7 +51682,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
51513
51682
  /* style */
51514
51683
  const __vue_inject_styles__$I = function (inject) {
51515
51684
  if (!inject) return
51516
- inject("data-v-54ebff05_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 });
51685
+ inject("data-v-65df7b1a_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 });
51517
51686
 
51518
51687
  };
51519
51688
  /* scoped */
@@ -51706,7 +51875,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
51706
51875
  /* style */
51707
51876
  const __vue_inject_styles__$H = function (inject) {
51708
51877
  if (!inject) return
51709
- inject("data-v-46f30238_0", { source: ".zd-list {\n overflow: auto;\n}\n.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 });
51878
+ inject("data-v-a2d3f0b4_0", { source: ".zd-list {\n overflow: auto;\n}\n.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 });
51710
51879
 
51711
51880
  };
51712
51881
  /* scoped */
@@ -51786,7 +51955,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
51786
51955
  /* style */
51787
51956
  const __vue_inject_styles__$G = function (inject) {
51788
51957
  if (!inject) return
51789
- inject("data-v-4bee83b8_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 });
51958
+ inject("data-v-f2c894dc_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 });
51790
51959
 
51791
51960
  };
51792
51961
  /* scoped */
@@ -52203,7 +52372,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
52203
52372
  /* style */
52204
52373
  const __vue_inject_styles__$E = function (inject) {
52205
52374
  if (!inject) return
52206
- 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 });
52375
+ inject("data-v-da48a530_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 });
52207
52376
 
52208
52377
  };
52209
52378
  /* scoped */
@@ -52348,7 +52517,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
52348
52517
  /* style */
52349
52518
  const __vue_inject_styles__$D = function (inject) {
52350
52519
  if (!inject) return
52351
- 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 });
52520
+ inject("data-v-2b7c6163_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 });
52352
52521
 
52353
52522
  };
52354
52523
  /* scoped */
@@ -52620,7 +52789,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
52620
52789
  /* style */
52621
52790
  const __vue_inject_styles__$C = function (inject) {
52622
52791
  if (!inject) return
52623
- inject("data-v-2045fd32_0", { source: ".zd-login {\n height: 100vh;\n}\n.zd-login .zd-login-content {\n height: 100%;\n background-size: cover !important;\n}\n.zd-login .zd-login-card {\n z-index: 1;\n}\n.zd-login .zd-login-flat-card {\n margin: 0px !important;\n height: 100%;\n border-radius: 0px !important;\n}\n.zd-login .zd-login-background-image {\n z-index: 0;\n}\n.zd-login .background-div {\n background-position-x: left !important;\n background-size: cover !important;\n height: 100%;\n}\n.zd-login .zd-login-powered-by {\n z-index: 1;\n}\n.zd-login .zd-login-powered-by-card {\n z-index: 1;\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 .zd-login-flat-card {\n margin: 0px !important;\n height: 100% !important;\n border-radius: 0px !important;\n}\n.zd-login .flex {\n height: 100%;\n}\n.zd-login .background-div {\n position: absolute;\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-left .zd-login-background-image {\n position: absolute;\n right: 0px;\n height: 100%;\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-right .zd-login-background-image {\n position: absolute;\n left: 0px;\n height: 100%;\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 .position-center .backgroud-div {\n position: absolute !important;\n}\n.zd-login .position-center .zd-login-background-image {\n position: absolute;\n height: 100%;\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 });
52792
+ inject("data-v-f80f35f8_0", { source: ".zd-login {\n height: 100vh;\n}\n.zd-login .zd-login-content {\n height: 100%;\n background-size: cover !important;\n}\n.zd-login .zd-login-card {\n z-index: 1;\n}\n.zd-login .zd-login-flat-card {\n margin: 0px !important;\n height: 100%;\n border-radius: 0px !important;\n}\n.zd-login .zd-login-background-image {\n z-index: 0;\n}\n.zd-login .background-div {\n background-position-x: left !important;\n background-size: cover !important;\n height: 100%;\n}\n.zd-login .zd-login-powered-by {\n z-index: 1;\n}\n.zd-login .zd-login-powered-by-card {\n z-index: 1;\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 .zd-login-flat-card {\n margin: 0px !important;\n height: 100% !important;\n border-radius: 0px !important;\n}\n.zd-login .flex {\n height: 100%;\n}\n.zd-login .background-div {\n position: absolute;\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-left .zd-login-background-image {\n position: absolute;\n right: 0px;\n height: 100%;\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-right .zd-login-background-image {\n position: absolute;\n left: 0px;\n height: 100%;\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 .position-center .backgroud-div {\n position: absolute !important;\n}\n.zd-login .position-center .zd-login-background-image {\n position: absolute;\n height: 100%;\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 });
52624
52793
 
52625
52794
  };
52626
52795
  /* scoped */
@@ -53291,7 +53460,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
53291
53460
  /* style */
53292
53461
  const __vue_inject_styles__$z = function (inject) {
53293
53462
  if (!inject) return
53294
- inject("data-v-167893d6_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.v-navigation-drawer--is-mobile div > .zd-menu-top-slot {\n display: block !important;\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 });
53463
+ inject("data-v-5b466303_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.v-navigation-drawer--is-mobile div > .zd-menu-top-slot {\n display: block !important;\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 });
53295
53464
 
53296
53465
  };
53297
53466
  /* scoped */
@@ -53432,11 +53601,11 @@ If you're seeing "$attrs is readonly", it's caused by this`);
53432
53601
  /* style */
53433
53602
  const __vue_inject_styles__$y = function (inject) {
53434
53603
  if (!inject) return
53435
- inject("data-v-40772f76_0", { source: ".zd-menu-link .zd-menu-link-icon[data-v-40772f76] {\n margin-right: var(--zd-default-padding);\n margin-left: 2px;\n}", map: undefined, media: undefined });
53604
+ inject("data-v-9f8db538_0", { source: ".zd-menu-link .zd-menu-link-icon[data-v-9f8db538] {\n margin-right: var(--zd-default-padding);\n margin-left: 2px;\n}", map: undefined, media: undefined });
53436
53605
 
53437
53606
  };
53438
53607
  /* scoped */
53439
- const __vue_scope_id__$y = "data-v-40772f76";
53608
+ const __vue_scope_id__$y = "data-v-9f8db538";
53440
53609
  /* module identifier */
53441
53610
  const __vue_module_identifier__$y = undefined;
53442
53611
  /* functional template */
@@ -53626,7 +53795,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
53626
53795
  /* style */
53627
53796
  const __vue_inject_styles__$x = function (inject) {
53628
53797
  if (!inject) return
53629
- inject("data-v-b3c5529a_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 });
53798
+ inject("data-v-0123f6a1_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 });
53630
53799
 
53631
53800
  };
53632
53801
  /* scoped */
@@ -53774,11 +53943,11 @@ If you're seeing "$attrs is readonly", it's caused by this`);
53774
53943
  /* style */
53775
53944
  const __vue_inject_styles__$v = function (inject) {
53776
53945
  if (!inject) return
53777
- inject("data-v-1c5453c1_0", { source: ".zd-menu-separator[data-v-1c5453c1] {\n margin-bottom: 4px;\n}", map: undefined, media: undefined });
53946
+ inject("data-v-5ec3ae2f_0", { source: ".zd-menu-separator[data-v-5ec3ae2f] {\n margin-bottom: 4px;\n}", map: undefined, media: undefined });
53778
53947
 
53779
53948
  };
53780
53949
  /* scoped */
53781
- const __vue_scope_id__$v = "data-v-1c5453c1";
53950
+ const __vue_scope_id__$v = "data-v-5ec3ae2f";
53782
53951
  /* module identifier */
53783
53952
  const __vue_module_identifier__$v = undefined;
53784
53953
  /* functional template */
@@ -54086,7 +54255,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
54086
54255
  /* style */
54087
54256
  const __vue_inject_styles__$u = function (inject) {
54088
54257
  if (!inject) return
54089
- inject("data-v-12867ee3_0", { source: ".zd-modal-title {\n padding-bottom: 0px;\n}\n.zd-modal-container {\n padding: 0;\n cursor: default;\n}\n.zd-modal-flex {\n width: 100%;\n}\n.zd-modal-draggable {\n position: relative;\n}\n.zd-modal-draggable-handle {\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab;\n}\n.zd-modal-draggable-handle:active {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing;\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 display: flex;\n flex: 1 1 auto;\n}", map: undefined, media: undefined });
54258
+ inject("data-v-02dbad51_0", { source: ".zd-modal-title {\n padding-bottom: 0px;\n}\n.zd-modal-container {\n padding: 0;\n cursor: default;\n}\n.zd-modal-flex {\n width: 100%;\n}\n.zd-modal-draggable {\n position: relative;\n}\n.zd-modal-draggable-handle {\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab;\n}\n.zd-modal-draggable-handle:active {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing;\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 display: flex;\n flex: 1 1 auto;\n}", map: undefined, media: undefined });
54090
54259
 
54091
54260
  };
54092
54261
  /* scoped */
@@ -54615,7 +54784,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
54615
54784
  /* style */
54616
54785
  const __vue_inject_styles__$p = function (inject) {
54617
54786
  if (!inject) return
54618
- inject("data-v-cd8d9baa_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 });
54787
+ inject("data-v-6bcaed19_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 });
54619
54788
 
54620
54789
  };
54621
54790
  /* scoped */
@@ -54921,7 +55090,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
54921
55090
  /* style */
54922
55091
  const __vue_inject_styles__$o = function (inject) {
54923
55092
  if (!inject) return
54924
- inject("data-v-e3a5edf8_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 });
55093
+ inject("data-v-ef92721c_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 });
54925
55094
 
54926
55095
  };
54927
55096
  /* scoped */
@@ -55066,7 +55235,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
55066
55235
  /* style */
55067
55236
  const __vue_inject_styles__$n = function (inject) {
55068
55237
  if (!inject) return
55069
- inject("data-v-e2373b1c_0", { source: ".zd-row.row {\n margin: 0 -12px;\n}\n.zd-row.row.row--dense {\n margin: 0 -4px;\n}", map: undefined, media: undefined });
55238
+ inject("data-v-5a64f244_0", { source: ".zd-row.row {\n margin: 0 -12px;\n}\n.zd-row.row.row--dense {\n margin: 0 -4px;\n}", map: undefined, media: undefined });
55070
55239
 
55071
55240
  };
55072
55241
  /* scoped */
@@ -55161,7 +55330,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
55161
55330
  /* style */
55162
55331
  const __vue_inject_styles__$m = function (inject) {
55163
55332
  if (!inject) return
55164
- inject("data-v-3a30d9cc_0", { source: ".zd-search {\n width: 100%;\n}", map: undefined, media: undefined });
55333
+ inject("data-v-e5e49bc4_0", { source: ".zd-search {\n width: 100%;\n}", map: undefined, media: undefined });
55165
55334
 
55166
55335
  };
55167
55336
  /* scoped */
@@ -55367,7 +55536,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
55367
55536
  /* style */
55368
55537
  const __vue_inject_styles__$l = function (inject) {
55369
55538
  if (!inject) return
55370
- inject("data-v-9dbfb210_0", { source: ".zd-list {\n overflow: auto;\n}\n.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 });
55539
+ inject("data-v-bdd76f34_0", { source: ".zd-list {\n overflow: auto;\n}\n.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 });
55371
55540
 
55372
55541
  };
55373
55542
  /* scoped */
@@ -55519,11 +55688,9 @@ If you're seeing "$attrs is readonly", it's caused by this`);
55519
55688
  const { menu } = this.componentRef.$refs;
55520
55689
  if (!this.instance.limit && !menu.isActive) {
55521
55690
  this.rows = this.maxRowsNumber;
55522
- if (this.instance.maxRows) {
55523
- this.$nextTick(() => {
55524
- this.calcDisplay(true);
55525
- });
55526
- }
55691
+ this.$nextTick(() => {
55692
+ this.calcDisplay(true);
55693
+ });
55527
55694
  }
55528
55695
  this.instance.click(event, this.$el);
55529
55696
  }
@@ -55560,6 +55727,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
55560
55727
  this.calcDisplay();
55561
55728
  this.$nextTick(() => this.checkOverflow());
55562
55729
  }
55730
+ this.refreshDisplay();
55563
55731
  this.superMethods(__vue_component__$K).selectBlur.call(this, event);
55564
55732
  }
55565
55733
  selectFocus(event) {
@@ -55705,6 +55873,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
55705
55873
  id: _vm.instance.name,
55706
55874
  "return-object": "",
55707
55875
  "validate-on-blur": "",
55876
+ "no-data-text": _vm.$t("NO_DATA"),
55708
55877
  multiple: "",
55709
55878
  name: _vm.instance.name,
55710
55879
  loading: _vm.instance.datasource.loading,
@@ -56066,7 +56235,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
56066
56235
  /* style */
56067
56236
  const __vue_inject_styles__$k = function (inject) {
56068
56237
  if (!inject) return
56069
- inject("data-v-9abf9b82_0", { source: ".zd-select-multiple .v-select__slot .v-select__selections {\n flex-wrap: wrap;\n padding-bottom: 0 !important;\n}\n.zd-select-multiple .v-select__slot .v-select__selections .v-chip {\n margin-bottom: 0.2rem;\n margin-top: 0.2rem;\n}\n.zd-select-multiple .v-select__slot .v-select__selections input {\n position: relative;\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: 5px var(--spacing-1) 5px 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 input, .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.zd-dense.zd-input.v-input > .v-input__control > .v-input__slot input {\n padding: 0 4px;\n}\n.zd-select-multiple.zd-dense.zd-select-multiple-autocomplete.v-input:not(.v-input--is-focused) > .v-input__control > .v-input__slot > .v-select__slot input {\n padding: 0;\n}\n.zd-select-multiple.zd-dense.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-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 });
56238
+ inject("data-v-65b9c404_0", { source: ".zd-select-multiple .v-select__slot .v-select__selections {\n flex-wrap: wrap;\n padding-bottom: 0 !important;\n}\n.zd-select-multiple .v-select__slot .v-select__selections .v-chip {\n margin-bottom: 0.2rem;\n margin-top: 0.2rem;\n}\n.zd-select-multiple .v-select__slot .v-select__selections input {\n position: relative;\n min-width: 0 !important;\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: 5px var(--spacing-1) 5px 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 input, .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.zd-dense.zd-input.v-input > .v-input__control > .v-input__slot input {\n padding: 0 4px;\n}\n.zd-select-multiple.zd-dense.zd-select-multiple-autocomplete.v-input:not(.v-input--is-focused) > .v-input__control > .v-input__slot > .v-select__slot input {\n padding: 0;\n}\n.zd-select-multiple.zd-dense.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-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 });
56070
56239
 
56071
56240
  };
56072
56241
  /* scoped */
@@ -56400,6 +56569,9 @@ If you're seeing "$attrs is readonly", it's caused by this`);
56400
56569
  disabled: _vm.instance.disabled,
56401
56570
  maxHeight: _vm.instance.menuMaxHeight,
56402
56571
  menuMaxWidth: _vm.instance.menuMaxWidth,
56572
+ loadingText: _vm.$t("LOADING"),
56573
+ noOptionsText: _vm.$t("NO_DATA"),
56574
+ noResultsText: _vm.$t("NO_DATA"),
56403
56575
  openDirection: _vm.instance.openDirection,
56404
56576
  searchable: _vm.instance.autocomplete,
56405
56577
  showCount: _vm.instance.showCount,
@@ -56504,7 +56676,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
56504
56676
  /* style */
56505
56677
  const __vue_inject_styles__$j = function (inject) {
56506
56678
  if (!inject) return
56507
- inject("data-v-b0612a90_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 padding-bottom: 2px;\n}\n.zd-select-tree.theme--dark .vue-treeselect__control {\n background-color: #1e1e1e;\n}\n.zd-select-tree.theme--dark .vue-treeselect__multi-value-item {\n background: #555;\n}\n.zd-select-tree.theme--dark .vue-treeselect__multi-value-item, .zd-select-tree.theme--dark .vue-treeselect__multi-value-item .vue-treeselect__value-remove {\n color: #fff;\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 position: relative;\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--multi :not(.vue-treeselect--searchable) .vue-treeselect__multi-value-item-container {\n margin: 3px 0;\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}\n.vue-treeselect__menu .vue-treeselect__list > * {\n color: var(--zd-font-color) !important;\n font-size: var(--zd-font-body1-size) !important;\n font-family: var(--font-family) !important;\n}\n.vue-treeselect__menu-container.has-search .vue-treeselect__option {\n display: flex !important;\n}\n.vue-treeselect__menu-container.has-search .vue-treeselect__option-arrow-container {\n display: flex !important;\n}\n.vue-treeselect__menu-container .vue-treeselect__option::before {\n bottom: 0;\n content: \"\";\n left: 0;\n opacity: 0;\n pointer-events: none;\n position: absolute;\n right: 0;\n top: 0;\n box-sizing: inherit;\n height: inherit;\n}\n.vue-treeselect__menu-container .vue-treeselect__list-item > div.vue-treeselect__option--selected::before {\n background: var(--v-primary-base);\n}\n.vue-treeselect__menu-container .vue-treeselect__label {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n font-family: var(--font-family);\n color: var(--zd-font-color);\n}\n.vue-treeselect__menu-container .vue-treeselect__option--selected .vue-treeselect__label-container .vue-treeselect__label, .vue-treeselect__menu-container .vue-treeselect__option--selected .vue-treeselect__option-arrow {\n color: var(--v-primary-base);\n}\n.vue-treeselect__menu-container .vue-treeselect__option:not(.vue-treeselect__option--hide) {\n position: relative;\n display: flex;\n}\n.vue-treeselect__menu-container .vue-treeselect__option-arrow-container:not(.vue-treeselect__option--hide) {\n align-items: center;\n display: flex;\n}\n.vue-treeselect__menu-container.theme--light .vue-treeselect__option::before {\n background-color: #000;\n}\n.vue-treeselect__menu-container.theme--light .vue-treeselect__option:hover::before {\n opacity: 0.04;\n}\n.vue-treeselect__menu-container.theme--light .vue-treeselect__list-item > div.vue-treeselect__option--selected::before {\n opacity: 0.1;\n}\n.vue-treeselect__menu-container.theme--dark > div {\n background-color: #1e1e1e;\n color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__label {\n color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option--highlight {\n background-color: transparent;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option::before {\n background-color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option:hover::before {\n opacity: 0.08;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__list-item > div.vue-treeselect__option--selected::before {\n opacity: 0.2;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__checkbox:not(.vue-treeselect__checkbox--checked):not(.vue-treeselect__checkbox--indeterminate) {\n background-color: transparent;\n border-color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option--selected .vue-treeselect__count {\n opacity: 0.8;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__menu {\n border-color: #1e1e1e;\n}\n.vue-treeselect__menu-container .vue-treeselect__check-mark,\n.vue-treeselect__menu-container .vue-treeselect__minus-mark {\n left: -2px;\n top: -2px;\n}", map: undefined, media: undefined });
56679
+ inject("data-v-50cfa309_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 padding-bottom: 2px;\n}\n.zd-select-tree.theme--dark .vue-treeselect__control {\n background-color: #1e1e1e;\n}\n.zd-select-tree.theme--dark .vue-treeselect__multi-value-item {\n background: #555;\n}\n.zd-select-tree.theme--dark .vue-treeselect__multi-value-item, .zd-select-tree.theme--dark .vue-treeselect__multi-value-item .vue-treeselect__value-remove {\n color: #fff;\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 position: relative;\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--multi :not(.vue-treeselect--searchable) .vue-treeselect__multi-value-item-container {\n margin: 3px 0;\n}\n.vue-treeselect__menu-container .vue-treeselect__tip {\n height: auto;\n min-height: 40px;\n padding: 0 var(--spacing-4);\n}\n.vue-treeselect__menu-container .vue-treeselect__tip .vue-treeselect__tip-text {\n font-size: var(--zd-font-body1-size);\n font-family: \"Roboto\", sans-serif;\n line-height: 2;\n color: var(--zd-font-color);\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}\n.vue-treeselect__menu .vue-treeselect__list > * {\n color: var(--zd-font-color) !important;\n font-size: var(--zd-font-body1-size) !important;\n font-family: var(--font-family) !important;\n}\n.vue-treeselect__menu-container.has-search .vue-treeselect__option {\n display: flex !important;\n}\n.vue-treeselect__menu-container.has-search .vue-treeselect__option-arrow-container {\n display: flex !important;\n}\n.vue-treeselect__menu-container .vue-treeselect__option::before {\n bottom: 0;\n content: \"\";\n left: 0;\n opacity: 0;\n pointer-events: none;\n position: absolute;\n right: 0;\n top: 0;\n box-sizing: inherit;\n height: inherit;\n}\n.vue-treeselect__menu-container .vue-treeselect__list-item > div.vue-treeselect__option--selected::before {\n background: var(--v-primary-base);\n}\n.vue-treeselect__menu-container .vue-treeselect__label {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n font-family: var(--font-family);\n color: var(--zd-font-color);\n}\n.vue-treeselect__menu-container .vue-treeselect__option--selected .vue-treeselect__label-container .vue-treeselect__label, .vue-treeselect__menu-container .vue-treeselect__option--selected .vue-treeselect__option-arrow {\n color: var(--v-primary-base);\n}\n.vue-treeselect__menu-container .vue-treeselect__option:not(.vue-treeselect__option--hide) {\n position: relative;\n display: flex;\n}\n.vue-treeselect__menu-container .vue-treeselect__option-arrow-container:not(.vue-treeselect__option--hide) {\n align-items: center;\n display: flex;\n}\n.vue-treeselect__menu-container.theme--light .vue-treeselect__option::before {\n background-color: #000;\n}\n.vue-treeselect__menu-container.theme--light .vue-treeselect__option:hover::before {\n opacity: 0.04;\n}\n.vue-treeselect__menu-container.theme--light .vue-treeselect__list-item > div.vue-treeselect__option--selected::before {\n opacity: 0.1;\n}\n.vue-treeselect__menu-container.theme--dark > div {\n background-color: #1e1e1e;\n color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__tip-text {\n color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__label {\n color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option--highlight {\n background-color: transparent;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option::before {\n background-color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option:hover::before {\n opacity: 0.08;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__list-item > div.vue-treeselect__option--selected::before {\n opacity: 0.2;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__checkbox:not(.vue-treeselect__checkbox--checked):not(.vue-treeselect__checkbox--indeterminate) {\n background-color: transparent;\n border-color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option--selected .vue-treeselect__count {\n opacity: 0.8;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__menu {\n border-color: #1e1e1e;\n}\n.vue-treeselect__menu-container .vue-treeselect__check-mark,\n.vue-treeselect__menu-container .vue-treeselect__minus-mark {\n left: -2px;\n top: -2px;\n}", map: undefined, media: undefined });
56508
56680
 
56509
56681
  };
56510
56682
  /* scoped */
@@ -56561,6 +56733,11 @@ If you're seeing "$attrs is readonly", it's caused by this`);
56561
56733
  const event = new Event('click');
56562
56734
  this.instance.onSelectAll(!this.allSelected, event, this.$el);
56563
56735
  }
56736
+ getMoreChipText(count) {
56737
+ const keyToTranslate = 'MORE_ITEM';
56738
+ const translatedText = core.I18n.translate(keyToTranslate, { count });
56739
+ return translatedText;
56740
+ }
56564
56741
  };
56565
56742
  __decorate([
56566
56743
  vuePropertyDecorator.Prop({ type: [Boolean, String], default: false }),
@@ -56701,6 +56878,10 @@ If you're seeing "$attrs is readonly", it's caused by this`);
56701
56878
  limit: _vm.focused ? _vm.instance.limit : 1,
56702
56879
  maxHeight: _vm.instance.maxHeight,
56703
56880
  menuMaxWidth: _vm.instance.menuMaxWidth,
56881
+ limitText: _vm.getMoreChipText,
56882
+ loadingText: _vm.$t("LOADING"),
56883
+ noOptionsText: _vm.$t("NO_DATA"),
56884
+ noResultsText: _vm.$t("NO_DATA"),
56704
56885
  openDirection: _vm.instance.openDirection,
56705
56886
  searchable: _vm.instance.autocomplete,
56706
56887
  showCount: _vm.instance.showCount,
@@ -56885,8 +57066,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
56885
57066
  /* style */
56886
57067
  const __vue_inject_styles__$i = function (inject) {
56887
57068
  if (!inject) return
56888
- inject("data-v-3594c77e_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 padding-bottom: 2px;\n}\n.zd-select-tree.theme--dark .vue-treeselect__control {\n background-color: #1e1e1e;\n}\n.zd-select-tree.theme--dark .vue-treeselect__multi-value-item {\n background: #555;\n}\n.zd-select-tree.theme--dark .vue-treeselect__multi-value-item, .zd-select-tree.theme--dark .vue-treeselect__multi-value-item .vue-treeselect__value-remove {\n color: #fff;\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 position: relative;\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--multi :not(.vue-treeselect--searchable) .vue-treeselect__multi-value-item-container {\n margin: 3px 0;\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}\n.vue-treeselect__menu .vue-treeselect__list > * {\n color: var(--zd-font-color) !important;\n font-size: var(--zd-font-body1-size) !important;\n font-family: var(--font-family) !important;\n}\n.vue-treeselect__menu-container.has-search .vue-treeselect__option {\n display: flex !important;\n}\n.vue-treeselect__menu-container.has-search .vue-treeselect__option-arrow-container {\n display: flex !important;\n}\n.vue-treeselect__menu-container .vue-treeselect__option::before {\n bottom: 0;\n content: \"\";\n left: 0;\n opacity: 0;\n pointer-events: none;\n position: absolute;\n right: 0;\n top: 0;\n box-sizing: inherit;\n height: inherit;\n}\n.vue-treeselect__menu-container .vue-treeselect__list-item > div.vue-treeselect__option--selected::before {\n background: var(--v-primary-base);\n}\n.vue-treeselect__menu-container .vue-treeselect__label {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n font-family: var(--font-family);\n color: var(--zd-font-color);\n}\n.vue-treeselect__menu-container .vue-treeselect__option--selected .vue-treeselect__label-container .vue-treeselect__label, .vue-treeselect__menu-container .vue-treeselect__option--selected .vue-treeselect__option-arrow {\n color: var(--v-primary-base);\n}\n.vue-treeselect__menu-container .vue-treeselect__option:not(.vue-treeselect__option--hide) {\n position: relative;\n display: flex;\n}\n.vue-treeselect__menu-container .vue-treeselect__option-arrow-container:not(.vue-treeselect__option--hide) {\n align-items: center;\n display: flex;\n}\n.vue-treeselect__menu-container.theme--light .vue-treeselect__option::before {\n background-color: #000;\n}\n.vue-treeselect__menu-container.theme--light .vue-treeselect__option:hover::before {\n opacity: 0.04;\n}\n.vue-treeselect__menu-container.theme--light .vue-treeselect__list-item > div.vue-treeselect__option--selected::before {\n opacity: 0.1;\n}\n.vue-treeselect__menu-container.theme--dark > div {\n background-color: #1e1e1e;\n color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__label {\n color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option--highlight {\n background-color: transparent;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option::before {\n background-color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option:hover::before {\n opacity: 0.08;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__list-item > div.vue-treeselect__option--selected::before {\n opacity: 0.2;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__checkbox:not(.vue-treeselect__checkbox--checked):not(.vue-treeselect__checkbox--indeterminate) {\n background-color: transparent;\n border-color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option--selected .vue-treeselect__count {\n opacity: 0.8;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__menu {\n border-color: #1e1e1e;\n}\n.vue-treeselect__menu-container .vue-treeselect__check-mark,\n.vue-treeselect__menu-container .vue-treeselect__minus-mark {\n left: -2px;\n top: -2px;\n}", map: undefined, media: undefined })
56889
- ,inject("data-v-3594c77e_1", { source: ".zd-select-tree-multiple .vue-treeselect--multi :not(.vue-treeselect--searchable) .vue-treeselect__multi-value-item-container {\n margin: 1px 0;\n line-height: 16px;\n}\n.zd-select-tree-multiple .vue-treeselect--multi .vue-treeselect__input {\n padding-top: 0;\n padding-bottom: 0;\n line-height: 15px;\n}\n.vue-treeselect__menu-container .select-all {\n height: 40px;\n min-height: 40px;\n padding-left: 37px;\n}\n.vue-treeselect__menu-container .select-all .v-icon.mdi-checkbox-marked {\n color: var(--v-primary-base);\n}\n.vue-treeselect__menu-container .select-all .v-list-item__content {\n height: 40px;\n}\n.vue-treeselect__menu-container .select-all .v-list-item__action {\n margin: 0 13px 0 0;\n}\n.vue-treeselect__menu-container .select-all .v-list-item__title {\n height: auto;\n padding: 0;\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}\n.vue-treeselect__limit-tip {\n padding-top: 0;\n}\n.vue-treeselect__limit-tip-text {\n padding: 0;\n margin: 0;\n}", map: undefined, media: undefined });
57069
+ inject("data-v-211c8c44_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 padding-bottom: 2px;\n}\n.zd-select-tree.theme--dark .vue-treeselect__control {\n background-color: #1e1e1e;\n}\n.zd-select-tree.theme--dark .vue-treeselect__multi-value-item {\n background: #555;\n}\n.zd-select-tree.theme--dark .vue-treeselect__multi-value-item, .zd-select-tree.theme--dark .vue-treeselect__multi-value-item .vue-treeselect__value-remove {\n color: #fff;\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 position: relative;\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--multi :not(.vue-treeselect--searchable) .vue-treeselect__multi-value-item-container {\n margin: 3px 0;\n}\n.vue-treeselect__menu-container .vue-treeselect__tip {\n height: auto;\n min-height: 40px;\n padding: 0 var(--spacing-4);\n}\n.vue-treeselect__menu-container .vue-treeselect__tip .vue-treeselect__tip-text {\n font-size: var(--zd-font-body1-size);\n font-family: \"Roboto\", sans-serif;\n line-height: 2;\n color: var(--zd-font-color);\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}\n.vue-treeselect__menu .vue-treeselect__list > * {\n color: var(--zd-font-color) !important;\n font-size: var(--zd-font-body1-size) !important;\n font-family: var(--font-family) !important;\n}\n.vue-treeselect__menu-container.has-search .vue-treeselect__option {\n display: flex !important;\n}\n.vue-treeselect__menu-container.has-search .vue-treeselect__option-arrow-container {\n display: flex !important;\n}\n.vue-treeselect__menu-container .vue-treeselect__option::before {\n bottom: 0;\n content: \"\";\n left: 0;\n opacity: 0;\n pointer-events: none;\n position: absolute;\n right: 0;\n top: 0;\n box-sizing: inherit;\n height: inherit;\n}\n.vue-treeselect__menu-container .vue-treeselect__list-item > div.vue-treeselect__option--selected::before {\n background: var(--v-primary-base);\n}\n.vue-treeselect__menu-container .vue-treeselect__label {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n font-family: var(--font-family);\n color: var(--zd-font-color);\n}\n.vue-treeselect__menu-container .vue-treeselect__option--selected .vue-treeselect__label-container .vue-treeselect__label, .vue-treeselect__menu-container .vue-treeselect__option--selected .vue-treeselect__option-arrow {\n color: var(--v-primary-base);\n}\n.vue-treeselect__menu-container .vue-treeselect__option:not(.vue-treeselect__option--hide) {\n position: relative;\n display: flex;\n}\n.vue-treeselect__menu-container .vue-treeselect__option-arrow-container:not(.vue-treeselect__option--hide) {\n align-items: center;\n display: flex;\n}\n.vue-treeselect__menu-container.theme--light .vue-treeselect__option::before {\n background-color: #000;\n}\n.vue-treeselect__menu-container.theme--light .vue-treeselect__option:hover::before {\n opacity: 0.04;\n}\n.vue-treeselect__menu-container.theme--light .vue-treeselect__list-item > div.vue-treeselect__option--selected::before {\n opacity: 0.1;\n}\n.vue-treeselect__menu-container.theme--dark > div {\n background-color: #1e1e1e;\n color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__tip-text {\n color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__label {\n color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option--highlight {\n background-color: transparent;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option::before {\n background-color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option:hover::before {\n opacity: 0.08;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__list-item > div.vue-treeselect__option--selected::before {\n opacity: 0.2;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__checkbox:not(.vue-treeselect__checkbox--checked):not(.vue-treeselect__checkbox--indeterminate) {\n background-color: transparent;\n border-color: #fff;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__option--selected .vue-treeselect__count {\n opacity: 0.8;\n}\n.vue-treeselect__menu-container.theme--dark .vue-treeselect__menu {\n border-color: #1e1e1e;\n}\n.vue-treeselect__menu-container .vue-treeselect__check-mark,\n.vue-treeselect__menu-container .vue-treeselect__minus-mark {\n left: -2px;\n top: -2px;\n}", map: undefined, media: undefined })
57070
+ ,inject("data-v-211c8c44_1", { source: ".zd-select-tree-multiple .vue-treeselect--multi :not(.vue-treeselect--searchable) .vue-treeselect__multi-value-item-container {\n margin: 1px 0;\n line-height: 16px;\n}\n.zd-select-tree-multiple .vue-treeselect--multi .vue-treeselect__input {\n padding-top: 0;\n padding-bottom: 0;\n line-height: 15px;\n}\n.vue-treeselect__menu-container .select-all {\n height: 40px;\n min-height: 40px;\n padding-left: 37px;\n}\n.vue-treeselect__menu-container .select-all .v-icon.mdi-checkbox-marked {\n color: var(--v-primary-base);\n}\n.vue-treeselect__menu-container .select-all .v-list-item__content {\n height: 40px;\n}\n.vue-treeselect__menu-container .select-all .v-list-item__action {\n margin: 0 13px 0 0;\n}\n.vue-treeselect__menu-container .select-all .v-list-item__title {\n height: auto;\n padding: 0;\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}\n.vue-treeselect__limit-tip {\n padding-top: 0;\n}\n.vue-treeselect__limit-tip-text {\n padding: 0;\n margin: 0;\n}", map: undefined, media: undefined });
56890
57071
 
56891
57072
  };
56892
57073
  /* scoped */
@@ -57290,11 +57471,11 @@ If you're seeing "$attrs is readonly", it's caused by this`);
57290
57471
  /* style */
57291
57472
  const __vue_inject_styles__$g = function (inject) {
57292
57473
  if (!inject) return
57293
- inject("data-v-7b629196_0", { source: ".zd-stepper[data-v-7b629196] {\n box-shadow: var(--shadow-3);\n}\n.zd-stepper.v-stepper--vertical[data-v-7b629196] .v-stepper__step__step {\n margin: 0 var(--spacing-2) 0 0;\n}", map: undefined, media: undefined });
57474
+ inject("data-v-56d89123_0", { source: ".zd-stepper[data-v-56d89123] {\n box-shadow: var(--shadow-3);\n}\n.zd-stepper.v-stepper--vertical[data-v-56d89123] .v-stepper__step__step {\n margin: 0 var(--spacing-2) 0 0;\n}", map: undefined, media: undefined });
57294
57475
 
57295
57476
  };
57296
57477
  /* scoped */
57297
- const __vue_scope_id__$g = "data-v-7b629196";
57478
+ const __vue_scope_id__$g = "data-v-56d89123";
57298
57479
  /* module identifier */
57299
57480
  const __vue_module_identifier__$g = undefined;
57300
57481
  /* functional template */
@@ -57442,7 +57623,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
57442
57623
  /* style */
57443
57624
  const __vue_inject_styles__$f = function (inject) {
57444
57625
  if (!inject) return
57445
- inject("data-v-05d125aa_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 });
57626
+ inject("data-v-038ef899_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 });
57446
57627
 
57447
57628
  };
57448
57629
  /* scoped */
@@ -57589,7 +57770,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
57589
57770
  /* style */
57590
57771
  const __vue_inject_styles__$e = function (inject) {
57591
57772
  if (!inject) return
57592
- inject("data-v-c800e3dc_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 });
57773
+ inject("data-v-7fc49d00_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 });
57593
57774
 
57594
57775
  };
57595
57776
  /* scoped */
@@ -57803,7 +57984,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
57803
57984
  /* style */
57804
57985
  const __vue_inject_styles__$d = function (inject) {
57805
57986
  if (!inject) return
57806
- inject("data-v-2eb5aab8_0", { source: ".zd-table-container {\n overflow: auto;\n}\n.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 });
57987
+ inject("data-v-12ba47ec_0", { source: ".zd-table-container {\n overflow: auto;\n}\n.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 });
57807
57988
 
57808
57989
  };
57809
57990
  /* scoped */
@@ -57853,7 +58034,10 @@ If you're seeing "$attrs is readonly", it's caused by this`);
57853
58034
  setFillHeight(this.$el);
57854
58035
  }
57855
58036
  core.I18n.registerChangeListener(() => {
57856
- this.$refs.tabs.callSlider();
58037
+ this.$nextTick(() => {
58038
+ var _a;
58039
+ (_a = this.$refs.tabs) === null || _a === void 0 ? void 0 : _a.callSlider();
58040
+ });
57857
58041
  });
57858
58042
  }
57859
58043
  };
@@ -58048,11 +58232,11 @@ If you're seeing "$attrs is readonly", it's caused by this`);
58048
58232
  /* style */
58049
58233
  const __vue_inject_styles__$c = function (inject) {
58050
58234
  if (!inject) return
58051
- inject("data-v-83547962_0", { source: ".zd-tabs[data-v-83547962] {\n display: flex;\n flex-direction: column;\n}\n.zd-tabs[data-v-83547962] .v-tabs-bar,\n.zd-tabs[data-v-83547962] .v-tabs-items {\n background-color: transparent;\n}\n.zd-tabs[data-v-83547962] .v-tabs-bar {\n height: auto;\n}\n.zd-tabs[data-v-83547962] .v-tabs-bar .v-tabs-slider-wrapper {\n bottom: -1px;\n}\n.zd-tabs[data-v-83547962] .v-tabs-bar__content {\n border-bottom: solid 1px var(--v-grey-lighten4);\n}\n.zd-tabs[data-v-83547962] .v-tabs {\n margin-bottom: var(--spacing-4);\n}\n.zd-tabs[data-v-83547962] .v-tabs .v-slide-group__next,\n.zd-tabs[data-v-83547962] .v-tabs .v-slide-group__prev {\n flex-basis: 30px;\n min-width: 30px;\n}\n.zd-tabs[data-v-83547962] .v-tabs .v-slide-group__next .v-icon,\n.zd-tabs[data-v-83547962] .v-tabs .v-slide-group__prev .v-icon {\n font-size: 18px;\n}\n.zd-tabs[data-v-83547962] .v-tabs {\n flex-grow: 0;\n}\n.zd-tabs[data-v-83547962] .v-tabs-items {\n flex-grow: 1;\n overflow-y: auto;\n}\n.zd-tabs[data-v-83547962] .v-tabs-items .v-window__container {\n height: 100% !important;\n}", map: undefined, media: undefined });
58235
+ inject("data-v-0ac5dd3d_0", { source: ".zd-tabs[data-v-0ac5dd3d] {\n display: flex;\n flex-direction: column;\n}\n.zd-tabs[data-v-0ac5dd3d] .v-tabs-bar,\n.zd-tabs[data-v-0ac5dd3d] .v-tabs-items {\n background-color: transparent;\n}\n.zd-tabs[data-v-0ac5dd3d] .v-tabs-bar {\n height: auto;\n}\n.zd-tabs[data-v-0ac5dd3d] .v-tabs-bar .v-tabs-slider-wrapper {\n bottom: -1px;\n}\n.zd-tabs[data-v-0ac5dd3d] .v-tabs-bar__content {\n border-bottom: solid 1px var(--v-grey-lighten4);\n}\n.zd-tabs[data-v-0ac5dd3d] .v-tabs {\n margin-bottom: var(--spacing-4);\n}\n.zd-tabs[data-v-0ac5dd3d] .v-tabs .v-slide-group__next,\n.zd-tabs[data-v-0ac5dd3d] .v-tabs .v-slide-group__prev {\n flex-basis: 30px;\n min-width: 30px;\n}\n.zd-tabs[data-v-0ac5dd3d] .v-tabs .v-slide-group__next .v-icon,\n.zd-tabs[data-v-0ac5dd3d] .v-tabs .v-slide-group__prev .v-icon {\n font-size: 18px;\n}\n.zd-tabs[data-v-0ac5dd3d] .v-tabs {\n flex-grow: 0;\n}\n.zd-tabs[data-v-0ac5dd3d] .v-tabs-items {\n flex-grow: 1;\n overflow-y: auto;\n}\n.zd-tabs[data-v-0ac5dd3d] .v-tabs-items .v-window__container {\n height: 100% !important;\n}", map: undefined, media: undefined });
58052
58236
 
58053
58237
  };
58054
58238
  /* scoped */
58055
- const __vue_scope_id__$c = "data-v-83547962";
58239
+ const __vue_scope_id__$c = "data-v-0ac5dd3d";
58056
58240
  /* module identifier */
58057
58241
  const __vue_module_identifier__$c = undefined;
58058
58242
  /* functional template */
@@ -58159,11 +58343,11 @@ If you're seeing "$attrs is readonly", it's caused by this`);
58159
58343
  /* style */
58160
58344
  const __vue_inject_styles__$b = function (inject) {
58161
58345
  if (!inject) return
58162
- 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 });
58346
+ inject("data-v-aff81920_0", { source: ".zd-tabs-tab[data-v-aff81920], .zd-tabs-tab[data-v-aff81920]:before {\n border-radius: var(--border) var(--border) 0 0;\n}\n.zd-tabs-tab[data-v-aff81920] {\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-aff81920] {\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 });
58163
58347
 
58164
58348
  };
58165
58349
  /* scoped */
58166
- const __vue_scope_id__$b = "data-v-8b2fdfc4";
58350
+ const __vue_scope_id__$b = "data-v-aff81920";
58167
58351
  /* module identifier */
58168
58352
  const __vue_module_identifier__$b = undefined;
58169
58353
  /* functional template */
@@ -58265,11 +58449,11 @@ If you're seeing "$attrs is readonly", it's caused by this`);
58265
58449
  /* style */
58266
58450
  const __vue_inject_styles__$a = function (inject) {
58267
58451
  if (!inject) return
58268
- inject("data-v-2fa11af6_0", { source: ".zd-tabs-tab-item[data-v-2fa11af6] {\n transition: none;\n}\n.zd-tabs-tab-item > .container[data-v-2fa11af6] {\n padding: 0;\n}\n.zd-tabs .zd-tabs-tab-item[data-v-2fa11af6] {\n height: 100%;\n}\n.zd-tabs .zd-tabs-tab-item .container[data-v-2fa11af6] {\n height: 100%;\n}", map: undefined, media: undefined });
58452
+ inject("data-v-35fecd73_0", { source: ".zd-tabs-tab-item[data-v-35fecd73] {\n transition: none;\n}\n.zd-tabs-tab-item > .container[data-v-35fecd73] {\n padding: 0;\n}\n.zd-tabs .zd-tabs-tab-item[data-v-35fecd73] {\n height: 100%;\n}\n.zd-tabs .zd-tabs-tab-item .container[data-v-35fecd73] {\n height: 100%;\n}", map: undefined, media: undefined });
58269
58453
 
58270
58454
  };
58271
58455
  /* scoped */
58272
- const __vue_scope_id__$a = "data-v-2fa11af6";
58456
+ const __vue_scope_id__$a = "data-v-35fecd73";
58273
58457
  /* module identifier */
58274
58458
  const __vue_module_identifier__$a = undefined;
58275
58459
  /* functional template */
@@ -58548,11 +58732,11 @@ If you're seeing "$attrs is readonly", it's caused by this`);
58548
58732
  /* style */
58549
58733
  const __vue_inject_styles__$8 = function (inject) {
58550
58734
  if (!inject) return
58551
- inject("data-v-5147c205_0", { source: ".zd-text p[data-v-5147c205] {\n margin-bottom: 0;\n}", map: undefined, media: undefined });
58735
+ inject("data-v-3f65afd7_0", { source: ".zd-text p[data-v-3f65afd7] {\n margin-bottom: 0;\n}", map: undefined, media: undefined });
58552
58736
 
58553
58737
  };
58554
58738
  /* scoped */
58555
- const __vue_scope_id__$8 = "data-v-5147c205";
58739
+ const __vue_scope_id__$8 = "data-v-3f65afd7";
58556
58740
  /* module identifier */
58557
58741
  const __vue_module_identifier__$8 = undefined;
58558
58742
  /* functional template */
@@ -58716,12 +58900,12 @@ If you're seeing "$attrs is readonly", it's caused by this`);
58716
58900
  ? undefined
58717
58901
  : _vm.$formatSize(_vm.instance.height),
58718
58902
  minHeight:
58719
- _vm.instance.fillminHeight ||
58903
+ _vm.instance.minHeight ||
58720
58904
  _vm.instance.cssClass.indexOf("zd-form-child") !== -1
58721
58905
  ? undefined
58722
58906
  : _vm.$formatSize(_vm.instance.minHeight),
58723
58907
  maxHeight:
58724
- _vm.instance.fillmaxHeight ||
58908
+ _vm.instance.maxHeight ||
58725
58909
  _vm.instance.cssClass.indexOf("zd-form-child") !== -1
58726
58910
  ? undefined
58727
58911
  : _vm.$formatSize(_vm.instance.maxHeight),
@@ -58819,7 +59003,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
58819
59003
  /* style */
58820
59004
  const __vue_inject_styles__$7 = function (inject) {
58821
59005
  if (!inject) return
58822
- inject("data-v-486fa668_0", { source: ".v-input.zd-textarea {\n height: 100%;\n}\n.v-input.zd-textarea > .v-input__control {\n height: 100%;\n}\n.v-input.zd-textarea > .v-input__control > .v-input__slot {\n height: auto;\n flex: 1 1 auto;\n}\n.v-input.zd-textarea > .v-input__control > .v-text-field__details {\n flex: 0 0 auto;\n}\n.v-input.zd-textarea textarea {\n margin: var(--spacing-2);\n line-height: unset;\n}\n.v-input.zd-textarea.zd-text-align-left > .v-input__control > .v-input__slot input {\n text-align: left;\n}\n.v-input.zd-textarea.zd-text-align-center > .v-input__control > .v-input__slot input {\n text-align: center;\n}\n.v-input.zd-textarea.zd-text-align-right > .v-input__control > .v-input__slot input {\n text-align: right;\n}\n.v-input.zd-textarea .v-input__append-inner, .v-input.zd-textarea .v-input__prepend-inner {\n align-self: flex-start;\n margin-top: var(--spacing-2);\n}\n.v-input.zd-textarea .v-input__append-inner .v-input__icon, .v-input.zd-textarea .v-input__prepend-inner .v-input__icon {\n height: var(--icon-size-small);\n width: var(--icon-size-small);\n min-width: var(--icon-size-small);\n}\n.v-input.zd-textarea .v-input__append-inner .v-input__icon .v-icon, .v-input.zd-textarea .v-input__prepend-inner .v-input__icon .v-icon {\n font-size: var(--icon-size-small);\n}\n.v-input.zd-textarea.zd-no-border:not(.error--text) .v-input__append-inner,\n.v-input.zd-textarea.zd-no-border:not(.error--text) .v-input__prepend-inner {\n margin-top: 0;\n}\n.v-input.zd-textarea.zd-no-border:not(.error--text) > .v-input__control > .v-input__slot textarea {\n margin-top: 0;\n margin-bottom: 0;\n}", map: undefined, media: undefined });
59006
+ inject("data-v-0e85549d_0", { source: ".v-input.zd-textarea {\n height: 100%;\n overflow-x: hidden;\n}\n.v-input.zd-textarea > .v-input__control {\n height: 100%;\n}\n.v-input.zd-textarea > .v-input__control > .v-input__slot {\n height: auto;\n flex: 1 1 auto;\n}\n.v-input.zd-textarea > .v-input__control > .v-input__slot .v-text-field__slot {\n height: -webkit-fill-available;\n}\n.v-input.zd-textarea > .v-input__control > .v-text-field__details {\n flex: 0 0 auto;\n}\n.v-input.zd-textarea textarea {\n margin: var(--spacing-2);\n line-height: unset;\n}\n.v-input.zd-textarea.zd-text-align-left > .v-input__control > .v-input__slot input {\n text-align: left;\n}\n.v-input.zd-textarea.zd-text-align-center > .v-input__control > .v-input__slot input {\n text-align: center;\n}\n.v-input.zd-textarea.zd-text-align-right > .v-input__control > .v-input__slot input {\n text-align: right;\n}\n.v-input.zd-textarea .v-input__append-inner, .v-input.zd-textarea .v-input__prepend-inner {\n align-self: flex-start;\n margin-top: var(--spacing-2);\n}\n.v-input.zd-textarea .v-input__append-inner .v-input__icon, .v-input.zd-textarea .v-input__prepend-inner .v-input__icon {\n height: var(--icon-size-small);\n width: var(--icon-size-small);\n min-width: var(--icon-size-small);\n}\n.v-input.zd-textarea .v-input__append-inner .v-input__icon .v-icon, .v-input.zd-textarea .v-input__prepend-inner .v-input__icon .v-icon {\n font-size: var(--icon-size-small);\n}\n.v-input.zd-textarea.zd-no-border:not(.error--text) .v-input__append-inner,\n.v-input.zd-textarea.zd-no-border:not(.error--text) .v-input__prepend-inner {\n margin-top: 0;\n}\n.v-input.zd-textarea.zd-no-border:not(.error--text) > .v-input__control > .v-input__slot textarea {\n margin-top: 0;\n margin-bottom: 0;\n}", map: undefined, media: undefined });
58823
59007
 
58824
59008
  };
58825
59009
  /* scoped */
@@ -59244,7 +59428,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
59244
59428
  /* style */
59245
59429
  const __vue_inject_styles__$6 = function (inject) {
59246
59430
  if (!inject) return
59247
- inject("data-v-e8f3b86c_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 });
59431
+ inject("data-v-69bd5438_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 });
59248
59432
 
59249
59433
  };
59250
59434
  /* scoped */
@@ -59421,7 +59605,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
59421
59605
  /* style */
59422
59606
  const __vue_inject_styles__$5 = function (inject) {
59423
59607
  if (!inject) return
59424
- inject("data-v-219472aa_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 });
59608
+ inject("data-v-57aa9306_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 });
59425
59609
 
59426
59610
  };
59427
59611
  /* scoped */
@@ -59551,7 +59735,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
59551
59735
  /* style */
59552
59736
  const __vue_inject_styles__$4 = function (inject) {
59553
59737
  if (!inject) return
59554
- inject("data-v-311cf5ac_0", { source: ".zd-tree-checkbox {\n display: inline-block;\n top: 50%;\n transform: translate(0, -50%);\n}\n.zd-tree-checkbox > .v-input--selection-controls__input {\n margin-right: 0;\n}", map: undefined, media: undefined });
59738
+ inject("data-v-cd9b79cc_0", { source: ".zd-tree-checkbox {\n display: inline-block;\n top: 50%;\n transform: translate(0, -50%);\n}\n.zd-tree-checkbox > .v-input--selection-controls__input {\n margin-right: 0;\n}", map: undefined, media: undefined });
59555
59739
 
59556
59740
  };
59557
59741
  /* scoped */
@@ -59632,7 +59816,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
59632
59816
  /* style */
59633
59817
  const __vue_inject_styles__$3 = function (inject) {
59634
59818
  if (!inject) return
59635
- inject("data-v-8af4c54c_0", { source: "\n.zd-tree-after-title {\n position: absolute;\n}\n", map: undefined, media: undefined });
59819
+ inject("data-v-096017c8_0", { source: "\n.zd-tree-after-title {\n position: absolute;\n}\n", map: undefined, media: undefined });
59636
59820
 
59637
59821
  };
59638
59822
  /* scoped */
@@ -60181,7 +60365,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
60181
60365
  /* style */
60182
60366
  const __vue_inject_styles__$2 = function (inject) {
60183
60367
  if (!inject) return
60184
- inject("data-v-669fad04_0", { source: ".zd-tree {\n color: var(--zd-font-color);\n font-size: var(--zd-font-body1-size);\n font-weight: normal;\n overflow: auto;\n}\n.zd-tree-toolbar {\n display: flex;\n}\n.zd-tree.theme--light .sl-vue-tree-title {\n color: var(--zd-font-color);\n}\n.zd-tree.theme--light .sl-vue-tree-nodes-list .sl-vue-tree-node .sl-vue-tree-node-item:hover {\n background: #eee;\n}\n.zd-tree.theme--dark .sl-vue-tree-title {\n color: #fff;\n}\n.zd-tree.theme--dark .sl-vue-tree-nodes-list .sl-vue-tree-node .sl-vue-tree-node-item:hover {\n background: #616161;\n}\n.zd-tree .sl-vue-tree-title {\n display: flex;\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: var(--current-row-color);\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:hover {\n background: var(--current-row-hover-color) !important;\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: 0px 1px 0px 1px;\n padding-bottom: 1.4px;\n}\n.zd-tree .sl-vue-tree-nodes-list .sl-vue-tree-gap {\n width: 32px;\n}\n.zd-tree .sl-vue-tree-nodes-list .item-title.has-children {\n font-weight: 700;\n}\n.zd-tree .sl-vue-tree-node-item.sl-vue-tree-node-is-leaf .sl-vue-tree-title .align {\n padding-left: 26px;\n}\n.zd-tree .sl-vue-tree-node-item.sl-vue-tree-node-is-leaf .sl-vue-tree-title .align.is-clickable {\n cursor: pointer;\n}\n.zd-tree .sl-vue-tree-node-item.sl-vue-tree-node-is-leaf .sl-vue-tree-title .align.v-icon {\n padding-left: 4px;\n}\n.zd-tree .sl-vue-tree-node-item .zd-tree-checkbox {\n padding: 0px 3px 3px 0px;\n}", map: undefined, media: undefined });
60368
+ inject("data-v-7e4a5528_0", { source: ".zd-tree {\n color: var(--zd-font-color);\n font-size: var(--zd-font-body1-size);\n font-weight: normal;\n overflow: auto;\n}\n.zd-tree-toolbar {\n display: flex;\n}\n.zd-tree.theme--light .sl-vue-tree-title {\n color: var(--zd-font-color);\n}\n.zd-tree.theme--light .sl-vue-tree-nodes-list .sl-vue-tree-node .sl-vue-tree-node-item:hover {\n background: #eee;\n}\n.zd-tree.theme--dark .sl-vue-tree-title {\n color: #fff;\n}\n.zd-tree.theme--dark .sl-vue-tree-nodes-list .sl-vue-tree-node .sl-vue-tree-node-item:hover {\n background: #616161;\n}\n.zd-tree .sl-vue-tree-title {\n display: flex;\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: var(--current-row-color);\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:hover {\n background: var(--current-row-hover-color) !important;\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: 0px 1px 0px 1px;\n padding-bottom: 1.4px;\n}\n.zd-tree .sl-vue-tree-nodes-list .sl-vue-tree-gap {\n width: 32px;\n}\n.zd-tree .sl-vue-tree-nodes-list .item-title.has-children {\n font-weight: 700;\n}\n.zd-tree .sl-vue-tree-node-item.sl-vue-tree-node-is-leaf .sl-vue-tree-title .align {\n padding-left: 26px;\n}\n.zd-tree .sl-vue-tree-node-item.sl-vue-tree-node-is-leaf .sl-vue-tree-title .align.is-clickable {\n cursor: pointer;\n}\n.zd-tree .sl-vue-tree-node-item.sl-vue-tree-node-is-leaf .sl-vue-tree-title .align.v-icon {\n padding-left: 4px;\n}\n.zd-tree .sl-vue-tree-node-item .zd-tree-checkbox {\n padding: 0px 3px 3px 0px;\n}", map: undefined, media: undefined });
60185
60369
 
60186
60370
  };
60187
60371
  /* scoped */
@@ -60421,7 +60605,6 @@ If you're seeing "$attrs is readonly", it's caused by this`);
60421
60605
  key: "header",
60422
60606
  fn: function (ref) {
60423
60607
  var props = ref.props;
60424
- ref.on;
60425
60608
  return [
60426
60609
  _c("thead", { staticClass: "zd-grid-table-header" }, [
60427
60610
  _c(
@@ -60431,7 +60614,22 @@ If you're seeing "$attrs is readonly", it's caused by this`);
60431
60614
  ? _c(
60432
60615
  "th",
60433
60616
  {
60434
- staticClass: "zd-table-cell selectable",
60617
+ class: [
60618
+ "zd-table-cell",
60619
+ "selectable",
60620
+ "zd-table-fixed-column",
60621
+ {
60622
+ "theme--dark":
60623
+ (_vm.$vuetify.theme.dark &&
60624
+ !_vm.instance.light) ||
60625
+ _vm.instance.dark,
60626
+ },
60627
+ {
60628
+ "theme--light":
60629
+ !_vm.$vuetify.theme.dark ||
60630
+ _vm.instance.light,
60631
+ },
60632
+ ],
60435
60633
  style:
60436
60634
  "background-color: " +
60437
60635
  _vm.instance.headerBackground,
@@ -60482,9 +60680,13 @@ If you're seeing "$attrs is readonly", it's caused by this`);
60482
60680
  "zd-table-cell",
60483
60681
  {
60484
60682
  sortable: column.sortable,
60485
- sortHandle: _vm.instance.dragColumns,
60683
+ sortHandle:
60684
+ !column.fixed &&
60685
+ !column.actionFixed &&
60686
+ _vm.instance.dragColumns,
60486
60687
  },
60487
60688
  {
60689
+ "zd-table-fixed-column": column.fixed,
60488
60690
  "zd-table-fixed-column-action":
60489
60691
  column.actionFixed,
60490
60692
  },
@@ -60860,7 +61062,24 @@ If you're seeing "$attrs is readonly", it's caused by this`);
60860
61062
  _vm.instance.selectable
60861
61063
  ? _c(
60862
61064
  "td",
60863
- { staticClass: "zd-table-cell selectable" },
61065
+ {
61066
+ class: [
61067
+ "zd-table-cell",
61068
+ "selectable",
61069
+ "zd-table-fixed-column",
61070
+ {
61071
+ "theme--dark":
61072
+ (_vm.$vuetify.theme.dark &&
61073
+ !_vm.instance.light) ||
61074
+ _vm.instance.dark,
61075
+ },
61076
+ {
61077
+ "theme--light":
61078
+ !_vm.$vuetify.theme.dark ||
61079
+ _vm.instance.light,
61080
+ },
61081
+ ],
61082
+ },
60864
61083
  [
60865
61084
  _c("v-checkbox", {
60866
61085
  staticClass: "zd-grid-row-checkbox",
@@ -60921,6 +61140,25 @@ If you're seeing "$attrs is readonly", it's caused by this`);
60921
61140
  rowStyle: rowStyle,
60922
61141
  cellsApplied: cellsApplied,
60923
61142
  cellClass: [
61143
+ {
61144
+ "zd-table-fixed-column":
61145
+ column.fixed,
61146
+ "zd-table-fixed-column-action":
61147
+ column.actionFixed,
61148
+ },
61149
+ {
61150
+ "theme--dark":
61151
+ (_vm.$vuetify.theme
61152
+ .dark &&
61153
+ !_vm.instance.light) ||
61154
+ _vm.instance.dark,
61155
+ },
61156
+ {
61157
+ "theme--light":
61158
+ !_vm.$vuetify.theme
61159
+ .dark ||
61160
+ _vm.instance.light,
61161
+ },
60924
61162
  {
60925
61163
  first:
60926
61164
  headerIndex === 0 ||
@@ -60929,6 +61167,20 @@ If you're seeing "$attrs is readonly", it's caused by this`);
60929
61167
  .selectable),
60930
61168
  },
60931
61169
  ],
61170
+ cellStyle: [
61171
+ {
61172
+ left: column.fixed
61173
+ ? _vm.fixedLeft[
61174
+ column.name
61175
+ ]
61176
+ : "unset",
61177
+ right: column.actionFixed
61178
+ ? _vm.fixedRight[
61179
+ column.name
61180
+ ]
61181
+ : "unset",
61182
+ },
61183
+ ],
60932
61184
  },
60933
61185
  on: {
60934
61186
  click: function ($event) {
@@ -61024,6 +61276,41 @@ If you're seeing "$attrs is readonly", it's caused by this`);
61024
61276
  _vm.hasChildOnDemand,
61025
61277
  selectable:
61026
61278
  _vm.instance.selectable,
61279
+ cellClass: [
61280
+ {
61281
+ "zd-table-fixed-column":
61282
+ column.fixed,
61283
+ "zd-table-fixed-column-action":
61284
+ column.actionFixed,
61285
+ },
61286
+ {
61287
+ "theme--dark":
61288
+ (_vm.$vuetify.theme
61289
+ .dark &&
61290
+ !_vm.instance.light) ||
61291
+ _vm.instance.dark,
61292
+ },
61293
+ {
61294
+ "theme--light":
61295
+ !_vm.$vuetify.theme
61296
+ .dark ||
61297
+ _vm.instance.light,
61298
+ },
61299
+ ],
61300
+ cellStyle: [
61301
+ {
61302
+ left: column.fixed
61303
+ ? _vm.fixedLeft[
61304
+ column.name
61305
+ ]
61306
+ : "unset",
61307
+ right: column.actionFixed
61308
+ ? _vm.fixedRight[
61309
+ column.name
61310
+ ]
61311
+ : "unset",
61312
+ },
61313
+ ],
61027
61314
  },
61028
61315
  on: {
61029
61316
  click: function ($event) {
@@ -61140,8 +61427,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
61140
61427
  /* style */
61141
61428
  const __vue_inject_styles__$1 = function (inject) {
61142
61429
  if (!inject) return
61143
- inject("data-v-259fcf26_0", { source: ".zd-grid {\n outline: none;\n display: flex;\n flex-direction: column;\n}\n.zd-grid.theme--light:active table th.zd-table-cell, .zd-grid.theme--light:focus table th.zd-table-cell, .zd-grid.theme--light:focus-within table th.zd-table-cell {\n color: var(--v-primary-base) !important;\n}\n.zd-grid-toolbar {\n display: flex;\n justify-content: space-between;\n margin-bottom: var(--spacing-4);\n align-items: center;\n flex: 0 0 auto;\n}\n.zd-grid-toolbar-slot {\n width: 100%;\n display: flex;\n align-items: center;\n}\n.zd-grid-toolbar .zd-search {\n max-width: 200px;\n}\n.zd-grid .v-data-table__wrapper {\n flex: 1 1 auto;\n}\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.text-center .zd-table-header-cell {\n justify-content: center;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort {\n opacity: 0;\n position: relative;\n display: inline-block;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-icon {\n position: relative;\n transition: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order {\n position: absolute;\n font-size: 9px;\n right: 2px;\n 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: pre;\n display: inline-block;\n vertical-align: bottom;\n overflow: hidden;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.sortable {\n cursor: pointer;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: -8px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: 6px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: 3px;\n transform: rotate(180deg);\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: -1px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-name, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-name {\n opacity: 1;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-sort, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-sort {\n opacity: 1;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action {\n position: sticky !important;\n right: 0;\n z-index: 5;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n background: #3c3c3c !important;\n}\n.zd-grid table thead tr th .zd-grid-resize-handle {\n height: 100%;\n width: 10px;\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n cursor: ew-resize;\n font-size: 15px;\n color: #ccc;\n display: none;\n}\n.zd-grid table thead tr th:hover .zd-grid-resize-handle {\n display: block;\n}\n.zd-grid table tbody tr td.zd-table-cell {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n padding: 0 var(--spacing-4);\n height: 48px;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable {\n overflow: hidden;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 0.7;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: block;\n overflow: hidden;\n white-space: pre;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action {\n position: sticky !important;\n right: 0;\n z-index: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n background: #3c3c3c !important;\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: var(--spacing-4) 0 0 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n flex: 0 0 auto;\n}\n.zd-grid-div-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n@media screen and (max-width: 425px) {\n.zd-grid-footer {\n flex-direction: column;\n justify-content: center;\n}\n.zd-grid-div-footer {\n width: 100%;\n}\n.zd-grid .zd-iterable-pagination {\n justify-content: space-evenly;\n}\n}\n.zd-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.zd-grid .zd-grid-cell-tooltip {\n z-index: 10000;\n position: fixed;\n color: white;\n background-color: var(--v-grey-lighten1);\n border-radius: var(--border);\n padding: var(--spacing-1) var(--spacing-2);\n opacity: 0.9;\n display: none;\n font-size: 14px;\n line-height: 22px;\n text-transform: none;\n width: auto;\n pointer-events: none;\n white-space: pre;\n}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n display: block;\n white-space: normal;\n}\n.zd-grid-loading {\n pointer-events: none;\n}\n.v-data-table__progress {\n position: sticky;\n top: 24px;\n}\n.v-data-table--mobile > .v-data-table__wrapper tbody {\n display: contents;\n flex-direction: column;\n}", map: undefined, media: undefined })
61144
- ,inject("data-v-259fcf26_1", { source: ".zd-tree-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.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 text-align: end;\n vertical-align: baseline;\n height: 10px;\n display: inline-block;\n}\n.zd-tree-grid .zd-tree-grid-expand.level1 {\n width: 24px !important;\n}\n.zd-tree-grid .zd-tree-grid-expand-action {\n height: 100%;\n display: inline-grid;\n justify-content: end;\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 });
61430
+ inject("data-v-7f77cdac_0", { source: ".zd-grid {\n outline: none;\n display: flex;\n flex-direction: column;\n}\n.zd-grid.theme--light:active table th.zd-table-cell, .zd-grid.theme--light:focus table th.zd-table-cell, .zd-grid.theme--light:focus-within table th.zd-table-cell {\n color: var(--v-primary-base) !important;\n}\n.zd-grid-toolbar {\n display: flex;\n justify-content: space-between;\n margin-bottom: var(--spacing-4);\n align-items: center;\n flex: 0 0 auto;\n}\n.zd-grid-toolbar-slot {\n width: 100%;\n display: flex;\n align-items: center;\n}\n.zd-grid-toolbar .zd-search {\n max-width: 200px;\n}\n.zd-grid .v-data-table__wrapper {\n flex: 1 1 auto;\n}\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.text-center .zd-table-header-cell {\n justify-content: center;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort {\n opacity: 0;\n position: relative;\n display: inline-block;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-icon {\n position: relative;\n transition: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order {\n position: absolute;\n font-size: 9px;\n right: 2px;\n 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: pre;\n display: inline-block;\n vertical-align: bottom;\n overflow: hidden;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.sortable {\n cursor: pointer;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: -8px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: 6px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: 3px;\n transform: rotate(180deg);\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: -1px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-name, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-name {\n opacity: 1;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-sort, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-sort {\n opacity: 1;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action {\n position: sticky !important;\n right: 0;\n z-index: 5;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n background: #3c3c3c !important;\n}\n.zd-grid table thead tr th .zd-grid-resize-handle {\n height: 100%;\n width: 10px;\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n cursor: ew-resize;\n font-size: 15px;\n color: #ccc;\n display: none;\n}\n.zd-grid table thead tr th:hover .zd-grid-resize-handle {\n display: block;\n}\n.zd-grid table tbody tr td.zd-table-cell {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n padding: 0 var(--spacing-4);\n height: 48px;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable {\n overflow: hidden;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 0.7;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: block;\n overflow: hidden;\n white-space: pre;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action {\n position: sticky !important;\n right: 0;\n z-index: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n background: #3c3c3c !important;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\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 td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.zd-grid table tbody tr.current:hover {\n background: 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: var(--spacing-4) 0 0 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n flex: 0 0 auto;\n}\n.zd-grid-div-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n@media screen and (max-width: 425px) {\n.zd-grid-footer {\n flex-direction: column;\n justify-content: center;\n}\n.zd-grid-div-footer {\n width: 100%;\n}\n.zd-grid .zd-iterable-pagination {\n justify-content: space-evenly;\n}\n}\n.zd-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.zd-grid .zd-grid-cell-tooltip {\n z-index: 10000;\n position: fixed;\n color: white;\n background-color: var(--v-grey-lighten1);\n border-radius: var(--border);\n padding: var(--spacing-1) var(--spacing-2);\n opacity: 0.9;\n display: none;\n font-size: 14px;\n line-height: 22px;\n text-transform: none;\n width: auto;\n pointer-events: none;\n white-space: pre;\n}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n display: block;\n white-space: normal;\n}\n.zd-grid-loading {\n pointer-events: none;\n}\n.v-data-table__progress {\n position: sticky;\n top: 24px;\n}\n.v-data-table--mobile > .v-data-table__wrapper tbody {\n display: contents;\n flex-direction: column;\n}", map: undefined, media: undefined })
61431
+ ,inject("data-v-7f77cdac_1", { source: ".zd-tree-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.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 text-align: end;\n vertical-align: baseline;\n height: 10px;\n display: inline-block;\n}\n.zd-tree-grid .zd-tree-grid-expand.level1 {\n width: 24px !important;\n}\n.zd-tree-grid .zd-tree-grid-expand-action {\n height: 100%;\n display: inline-grid;\n justify-content: end;\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 });
61145
61432
 
61146
61433
  };
61147
61434
  /* scoped */
@@ -61217,6 +61504,9 @@ If you're seeing "$attrs is readonly", it's caused by this`);
61217
61504
  this.instance.cellClick(row, column, event, this.$el, canEdit);
61218
61505
  }
61219
61506
  onMountedEvent({ element, component }) {
61507
+ if (!this.inputToFocus)
61508
+ return;
61509
+ this.inputToFocus = '';
61220
61510
  const input = element.getElementsByTagName('input')[0];
61221
61511
  if (component instanceof common.Toggleable) {
61222
61512
  component.toggleValue();
@@ -61459,7 +61749,6 @@ If you're seeing "$attrs is readonly", it's caused by this`);
61459
61749
  key: "header",
61460
61750
  fn: function (ref) {
61461
61751
  var props = ref.props;
61462
- ref.on;
61463
61752
  return [
61464
61753
  _c("thead", { staticClass: "zd-grid-table-header" }, [
61465
61754
  _c(
@@ -61469,7 +61758,22 @@ If you're seeing "$attrs is readonly", it's caused by this`);
61469
61758
  ? _c(
61470
61759
  "th",
61471
61760
  {
61472
- staticClass: "zd-table-cell selectable",
61761
+ class: [
61762
+ "zd-table-cell",
61763
+ "selectable",
61764
+ "zd-table-fixed-column",
61765
+ {
61766
+ "theme--dark":
61767
+ (_vm.$vuetify.theme.dark &&
61768
+ !_vm.instance.light) ||
61769
+ _vm.instance.dark,
61770
+ },
61771
+ {
61772
+ "theme--light":
61773
+ !_vm.$vuetify.theme.dark ||
61774
+ _vm.instance.light,
61775
+ },
61776
+ ],
61473
61777
  style:
61474
61778
  "background-color: " +
61475
61779
  _vm.instance.headerBackground,
@@ -61523,7 +61827,24 @@ If you're seeing "$attrs is readonly", it's caused by this`);
61523
61827
  _vm.instance.name,
61524
61828
  {
61525
61829
  sortable: column.sortable,
61526
- sortHandle: _vm.instance.dragColumns,
61830
+ sortHandle:
61831
+ !column.fixed &&
61832
+ !column.actionFixed &&
61833
+ _vm.instance.dragColumns,
61834
+ "zd-table-fixed-column-action":
61835
+ column.actionFixed,
61836
+ "zd-table-fixed-column": column.fixed,
61837
+ },
61838
+ {
61839
+ "theme--dark":
61840
+ (_vm.$vuetify.theme.dark &&
61841
+ !_vm.instance.light) ||
61842
+ _vm.instance.dark,
61843
+ },
61844
+ {
61845
+ "theme--light":
61846
+ !_vm.$vuetify.theme.dark ||
61847
+ _vm.instance.light,
61527
61848
  },
61528
61849
  "text-" + column.align,
61529
61850
  _vm.instance.datasource.getOrderByColumn(
@@ -61888,7 +62209,24 @@ If you're seeing "$attrs is readonly", it's caused by this`);
61888
62209
  _vm.instance.selectable
61889
62210
  ? _c(
61890
62211
  "td",
61891
- { staticClass: "zd-table-cell selectable" },
62212
+ {
62213
+ class: [
62214
+ "zd-table-cell",
62215
+ "selectable",
62216
+ "zd-table-fixed-column",
62217
+ {
62218
+ "theme--dark":
62219
+ (_vm.$vuetify.theme.dark &&
62220
+ !_vm.instance.light) ||
62221
+ _vm.instance.dark,
62222
+ },
62223
+ {
62224
+ "theme--light":
62225
+ !_vm.$vuetify.theme.dark ||
62226
+ _vm.instance.light,
62227
+ },
62228
+ ],
62229
+ },
61892
62230
  [
61893
62231
  _c("v-checkbox", {
61894
62232
  staticClass: "zd-grid-row-checkbox",
@@ -61970,6 +62308,39 @@ If you're seeing "$attrs is readonly", it's caused by this`);
61970
62308
  _vm.rowKey(item)
61971
62309
  ],
61972
62310
  },
62311
+ {
62312
+ "zd-table-fixed-column":
62313
+ column.fixed,
62314
+ "zd-table-fixed-column-action":
62315
+ column.actionFixed,
62316
+ },
62317
+ {
62318
+ "theme--dark":
62319
+ (_vm.$vuetify.theme
62320
+ .dark &&
62321
+ !_vm.instance.light) ||
62322
+ _vm.instance.dark,
62323
+ },
62324
+ {
62325
+ "theme--light":
62326
+ !_vm.$vuetify.theme
62327
+ .dark ||
62328
+ _vm.instance.light,
62329
+ },
62330
+ ],
62331
+ cellStyle: [
62332
+ {
62333
+ left: column.fixed
62334
+ ? _vm.fixedLeft[
62335
+ column.name
62336
+ ]
62337
+ : "unset",
62338
+ right: column.actionFixed
62339
+ ? _vm.fixedRight[
62340
+ column.name
62341
+ ]
62342
+ : "unset",
62343
+ },
61973
62344
  ],
61974
62345
  },
61975
62346
  on: {
@@ -62156,6 +62527,20 @@ If you're seeing "$attrs is readonly", it's caused by this`);
62156
62527
  _vm.hasChildOnDemand,
62157
62528
  selectable:
62158
62529
  _vm.instance.selectable,
62530
+ cellStyle: [
62531
+ {
62532
+ left: column.fixed
62533
+ ? _vm.fixedLeft[
62534
+ column.name
62535
+ ]
62536
+ : "unset",
62537
+ right: column.actionFixed
62538
+ ? _vm.fixedRight[
62539
+ column.name
62540
+ ]
62541
+ : "unset",
62542
+ },
62543
+ ],
62159
62544
  },
62160
62545
  on: {
62161
62546
  click: function ($event) {
@@ -62272,8 +62657,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
62272
62657
  /* style */
62273
62658
  const __vue_inject_styles__ = function (inject) {
62274
62659
  if (!inject) return
62275
- inject("data-v-897ef0f6_0", { source: ".zd-grid {\n outline: none;\n display: flex;\n flex-direction: column;\n}\n.zd-grid.theme--light:active table th.zd-table-cell, .zd-grid.theme--light:focus table th.zd-table-cell, .zd-grid.theme--light:focus-within table th.zd-table-cell {\n color: var(--v-primary-base) !important;\n}\n.zd-grid-toolbar {\n display: flex;\n justify-content: space-between;\n margin-bottom: var(--spacing-4);\n align-items: center;\n flex: 0 0 auto;\n}\n.zd-grid-toolbar-slot {\n width: 100%;\n display: flex;\n align-items: center;\n}\n.zd-grid-toolbar .zd-search {\n max-width: 200px;\n}\n.zd-grid .v-data-table__wrapper {\n flex: 1 1 auto;\n}\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.text-center .zd-table-header-cell {\n justify-content: center;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort {\n opacity: 0;\n position: relative;\n display: inline-block;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-icon {\n position: relative;\n transition: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order {\n position: absolute;\n font-size: 9px;\n right: 2px;\n 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: pre;\n display: inline-block;\n vertical-align: bottom;\n overflow: hidden;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.sortable {\n cursor: pointer;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: -8px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: 6px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: 3px;\n transform: rotate(180deg);\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: -1px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-name, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-name {\n opacity: 1;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-sort, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-sort {\n opacity: 1;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action {\n position: sticky !important;\n right: 0;\n z-index: 5;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n background: #3c3c3c !important;\n}\n.zd-grid table thead tr th .zd-grid-resize-handle {\n height: 100%;\n width: 10px;\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n cursor: ew-resize;\n font-size: 15px;\n color: #ccc;\n display: none;\n}\n.zd-grid table thead tr th:hover .zd-grid-resize-handle {\n display: block;\n}\n.zd-grid table tbody tr td.zd-table-cell {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n padding: 0 var(--spacing-4);\n height: 48px;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable {\n overflow: hidden;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 0.7;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: block;\n overflow: hidden;\n white-space: pre;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action {\n position: sticky !important;\n right: 0;\n z-index: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n background: #3c3c3c !important;\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: var(--spacing-4) 0 0 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n flex: 0 0 auto;\n}\n.zd-grid-div-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n@media screen and (max-width: 425px) {\n.zd-grid-footer {\n flex-direction: column;\n justify-content: center;\n}\n.zd-grid-div-footer {\n width: 100%;\n}\n.zd-grid .zd-iterable-pagination {\n justify-content: space-evenly;\n}\n}\n.zd-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.zd-grid .zd-grid-cell-tooltip {\n z-index: 10000;\n position: fixed;\n color: white;\n background-color: var(--v-grey-lighten1);\n border-radius: var(--border);\n padding: var(--spacing-1) var(--spacing-2);\n opacity: 0.9;\n display: none;\n font-size: 14px;\n line-height: 22px;\n text-transform: none;\n width: auto;\n pointer-events: none;\n white-space: pre;\n}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n display: block;\n white-space: normal;\n}\n.zd-grid-loading {\n pointer-events: none;\n}\n.v-data-table__progress {\n position: sticky;\n top: 24px;\n}\n.v-data-table--mobile > .v-data-table__wrapper tbody {\n display: contents;\n flex-direction: column;\n}", map: undefined, media: undefined })
62276
- ,inject("data-v-897ef0f6_1", { source: ".zd-tree-grid-editable table tbody tr td.zd-table-cell .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.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-tree-grid-editable-cell-wrapper, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-tree-grid-editable-cell-wrapper {\n display: flex;\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 width: 100%;\n padding: 0 0.5rem;\n position: relative;\n display: block;\n height: 1.25rem;\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: 0;\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: 0;\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 {\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:before, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:after {\n border-left: solid var(--regular) var(--v-grey-lighten4);\n}\n.zd-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: 23px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level2 {\n width: 46px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level3 {\n width: 69px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level4 {\n width: 92px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level5 {\n width: 115px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level6 {\n width: 138px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level7 {\n width: 161px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level8 {\n width: 184px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level9 {\n width: 207px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level10 {\n width: 230px;\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 max-height: 22px;\n}", map: undefined, media: undefined });
62660
+ inject("data-v-0f3d7496_0", { source: ".zd-grid {\n outline: none;\n display: flex;\n flex-direction: column;\n}\n.zd-grid.theme--light:active table th.zd-table-cell, .zd-grid.theme--light:focus table th.zd-table-cell, .zd-grid.theme--light:focus-within table th.zd-table-cell {\n color: var(--v-primary-base) !important;\n}\n.zd-grid-toolbar {\n display: flex;\n justify-content: space-between;\n margin-bottom: var(--spacing-4);\n align-items: center;\n flex: 0 0 auto;\n}\n.zd-grid-toolbar-slot {\n width: 100%;\n display: flex;\n align-items: center;\n}\n.zd-grid-toolbar .zd-search {\n max-width: 200px;\n}\n.zd-grid .v-data-table__wrapper {\n flex: 1 1 auto;\n}\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.text-center .zd-table-header-cell {\n justify-content: center;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort {\n opacity: 0;\n position: relative;\n display: inline-block;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-icon {\n position: relative;\n transition: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order {\n position: absolute;\n font-size: 9px;\n right: 2px;\n 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: pre;\n display: inline-block;\n vertical-align: bottom;\n overflow: hidden;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.sortable {\n cursor: pointer;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: -8px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: 6px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: 3px;\n transform: rotate(180deg);\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: -1px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-name, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-name {\n opacity: 1;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-sort, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-sort {\n opacity: 1;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action {\n position: sticky !important;\n right: 0;\n z-index: 5;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n background: #3c3c3c !important;\n}\n.zd-grid table thead tr th .zd-grid-resize-handle {\n height: 100%;\n width: 10px;\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n cursor: ew-resize;\n font-size: 15px;\n color: #ccc;\n display: none;\n}\n.zd-grid table thead tr th:hover .zd-grid-resize-handle {\n display: block;\n}\n.zd-grid table tbody tr td.zd-table-cell {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n padding: 0 var(--spacing-4);\n height: 48px;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable {\n overflow: hidden;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 0.7;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: block;\n overflow: hidden;\n white-space: pre;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action {\n position: sticky !important;\n right: 0;\n z-index: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n background: #3c3c3c !important;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\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 td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.zd-grid table tbody tr.current:hover {\n background: 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: var(--spacing-4) 0 0 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n flex: 0 0 auto;\n}\n.zd-grid-div-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n@media screen and (max-width: 425px) {\n.zd-grid-footer {\n flex-direction: column;\n justify-content: center;\n}\n.zd-grid-div-footer {\n width: 100%;\n}\n.zd-grid .zd-iterable-pagination {\n justify-content: space-evenly;\n}\n}\n.zd-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.zd-grid .zd-grid-cell-tooltip {\n z-index: 10000;\n position: fixed;\n color: white;\n background-color: var(--v-grey-lighten1);\n border-radius: var(--border);\n padding: var(--spacing-1) var(--spacing-2);\n opacity: 0.9;\n display: none;\n font-size: 14px;\n line-height: 22px;\n text-transform: none;\n width: auto;\n pointer-events: none;\n white-space: pre;\n}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n display: block;\n white-space: normal;\n}\n.zd-grid-loading {\n pointer-events: none;\n}\n.v-data-table__progress {\n position: sticky;\n top: 24px;\n}\n.v-data-table--mobile > .v-data-table__wrapper tbody {\n display: contents;\n flex-direction: column;\n}", map: undefined, media: undefined })
62661
+ ,inject("data-v-0f3d7496_1", { source: ".zd-tree-grid-editable table tbody tr td.zd-table-cell .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.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-tree-grid-editable-cell-wrapper, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-tree-grid-editable-cell-wrapper {\n display: flex;\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 width: 100%;\n padding: 0 0.5rem;\n position: relative;\n display: block;\n height: 1.25rem;\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: 0;\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: 0;\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 {\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:before, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:after {\n border-left: solid var(--regular) var(--v-grey-lighten4);\n}\n.zd-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: 23px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level2 {\n width: 46px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level3 {\n width: 69px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level4 {\n width: 92px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level5 {\n width: 115px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level6 {\n width: 138px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level7 {\n width: 161px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level8 {\n width: 184px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level9 {\n width: 207px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level10 {\n width: 230px;\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 max-height: 22px;\n}", map: undefined, media: undefined });
62277
62662
 
62278
62663
  };
62279
62664
  /* scoped */