@zeedhi/vuetify 1.106.0 → 1.107.1

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.
@@ -40554,7 +40554,10 @@ If you're seeing "$attrs is readonly", it's caused by this`);
40554
40554
  __metadata("design:type", String)
40555
40555
  ], ZdInput.prototype, "storePath", void 0);
40556
40556
  __decorate([
40557
- vuePropertyDecorator.Prop({ type: [Object, String], default: () => ({}) }),
40557
+ vuePropertyDecorator.Prop({
40558
+ type: [Object, String],
40559
+ default: () => ({ required: false }),
40560
+ }),
40558
40561
  __metadata("design:type", Object)
40559
40562
  ], ZdInput.prototype, "validations", void 0);
40560
40563
  __decorate([
@@ -46065,7 +46068,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
46065
46068
  }
46066
46069
  });
46067
46070
  if (pageSelectionCount === 0)
46068
- return 0;
46071
+ return selectedRows.length ? 2 : 0;
46069
46072
  if (pageSelectionCount < datasource.data.length - disabledCount)
46070
46073
  return 2;
46071
46074
  return 1;
@@ -46321,10 +46324,16 @@ If you're seeing "$attrs is readonly", it's caused by this`);
46321
46324
  changeSelection({ item, currentItem, value }) {
46322
46325
  this.instance.selectRow(item || currentItem, value);
46323
46326
  }
46327
+ /**
46328
+ * Realiza a seleção/desseleção de linhas na instância e dispara o evento correspondente
46329
+ * @param {boolean} isSelected Indica se as linhas foram selecionadas ou não
46330
+ * @param {Event} event Mouse click event
46331
+ */
46324
46332
  selectAllClick(isSelected, event) {
46325
46333
  this.$nextTick(() => {
46326
- this.instance.selectAll(isSelected);
46327
- this.instance.selectAllClick(isSelected, event, this.$el);
46334
+ this.instance.selectAll(isSelected).then(() => {
46335
+ this.instance.selectAllClick(isSelected, event, this.$el);
46336
+ });
46328
46337
  });
46329
46338
  }
46330
46339
  cellClick(row, column, event) {
@@ -52566,8 +52575,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
52566
52575
  }
52567
52576
  get showModalButton() {
52568
52577
  return this.instance.modalSelection
52569
- && this.instance.modalSelectionFields
52570
- && this.instance.modalSelectionFields.length > 0;
52578
+ && this.instance.modalSelectionColumns
52579
+ && this.instance.modalSelectionColumns.length > 0;
52571
52580
  }
52572
52581
  getSelectIconClickEvents() {
52573
52582
  const events = {};
@@ -52698,7 +52707,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
52698
52707
  __decorate([
52699
52708
  PropWatch({ type: [String, Array], default: () => [] }),
52700
52709
  __metadata("design:type", Array)
52701
- ], ZdSelect.prototype, "modalSelectionFields", void 0);
52710
+ ], ZdSelect.prototype, "modalSelectionColumns", void 0);
52702
52711
  __decorate([
52703
52712
  vuePropertyDecorator.Watch('instance.closeOnScroll'),
52704
52713
  __metadata("design:type", Function),
@@ -54165,6 +54174,16 @@ If you're seeing "$attrs is readonly", it's caused by this`);
54165
54174
  super(...arguments);
54166
54175
  this.instanceType = common.Login;
54167
54176
  }
54177
+ get socialLoginComponents() {
54178
+ return (this.instance.socialLogin || []).map((item, index) => {
54179
+ const defaultComponent = {
54180
+ name: `${this.instance.name}_social_login_${index}`,
54181
+ component: 'ZdImage',
54182
+ src: item.icon,
54183
+ };
54184
+ return Object.assign(Object.assign({}, defaultComponent), item);
54185
+ });
54186
+ }
54168
54187
  };
54169
54188
  __decorate([
54170
54189
  PropWatch({ type: String, default: '' }),
@@ -54314,18 +54333,29 @@ If you're seeing "$attrs is readonly", it's caused by this`);
54314
54333
  2
54315
54334
  ),
54316
54335
  _vm._v(" "),
54317
- _vm.instance.socialLogin.length
54336
+ _vm.socialLoginComponents.length
54318
54337
  ? _c(
54319
54338
  "div",
54320
54339
  { staticClass: "zd-login-card-actions" },
54321
- _vm._l(_vm.instance.socialLogin, function (child, index) {
54340
+ _vm._l(_vm.socialLoginComponents, function (child, index) {
54322
54341
  return _c(
54323
- "div",
54324
- { key: index, staticClass: "zd-login-social-buttons" },
54325
- [_c("img", { attrs: { src: child.icon } })]
54342
+ child.component,
54343
+ _vm._b(
54344
+ {
54345
+ key: index,
54346
+ tag: "component",
54347
+ staticClass: "zd-login-social-buttons",
54348
+ attrs: { parent: _vm.instance },
54349
+ },
54350
+ "component",
54351
+ child,
54352
+ false
54353
+ ),
54354
+ [_vm._t("default")],
54355
+ 2
54326
54356
  )
54327
54357
  }),
54328
- 0
54358
+ 1
54329
54359
  )
54330
54360
  : _vm._e(),
54331
54361
  _vm._v(" "),
@@ -54401,7 +54431,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
54401
54431
  /* style */
54402
54432
  const __vue_inject_styles__$C = function (inject) {
54403
54433
  if (!inject) return
54404
- 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 });
54434
+ inject("data-v-53f58ebc_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 });
54405
54435
 
54406
54436
  };
54407
54437
  /* scoped */
@@ -57637,213 +57667,329 @@ If you're seeing "$attrs is readonly", it's caused by this`);
57637
57667
  "div",
57638
57668
  { staticClass: "zd-select-multiple-container" },
57639
57669
  [
57640
- _c(_vm.instance.autocomplete ? "v-autocomplete" : "v-select", {
57641
- directives: [
57642
- {
57643
- name: "show",
57644
- rawName: "v-show",
57645
- value: _vm.instance.isVisible,
57646
- expression: "instance.isVisible",
57647
- },
57648
- ],
57649
- ref: "instance",
57650
- tag: "component",
57651
- class: [
57652
- _vm.instance.cssClass,
57653
- "zd-input",
57654
- "zd-text-input",
57655
- "zd-select",
57656
- "zd-select-multiple",
57670
+ _c(
57671
+ _vm.instance.autocomplete ? "v-autocomplete" : "v-select",
57672
+ _vm._g(
57657
57673
  {
57658
- "zd-no-label": !_vm.instance.showLabel,
57659
- "zd-no-helper":
57660
- !_vm.instance.showHelper &&
57661
- !(
57662
- _vm.instance.alwaysShowError &&
57663
- _vm.$refs.instance &&
57664
- _vm.$refs.instance.errorBucket.length
57674
+ directives: [
57675
+ {
57676
+ name: "show",
57677
+ rawName: "v-show",
57678
+ value: _vm.instance.isVisible,
57679
+ expression: "instance.isVisible",
57680
+ },
57681
+ ],
57682
+ ref: "instance",
57683
+ tag: "component",
57684
+ class: [
57685
+ _vm.instance.cssClass,
57686
+ "zd-input",
57687
+ "zd-text-input",
57688
+ "zd-select",
57689
+ "zd-select-multiple",
57690
+ {
57691
+ "zd-no-label": !_vm.instance.showLabel,
57692
+ "zd-no-helper":
57693
+ !_vm.instance.showHelper &&
57694
+ !(
57695
+ _vm.instance.alwaysShowError &&
57696
+ _vm.$refs.instance &&
57697
+ _vm.$refs.instance.errorBucket.length
57698
+ ),
57699
+ "zd-no-border": !_vm.instance.showBorder,
57700
+ "zd-dense": _vm.instance.dense,
57701
+ "zd-select-multiple-autocomplete": _vm.instance.autocomplete,
57702
+ "zd-input-required": _vm.instance.validations.required,
57703
+ "zd-select-modal-selection": _vm.showModalButton,
57704
+ },
57705
+ "zd-select-align-" +
57706
+ (_vm.instance.reverse ? "right" : _vm.instance.align),
57707
+ ],
57708
+ style: _vm.instance.cssStyle,
57709
+ attrs: {
57710
+ id: _vm.instance.name,
57711
+ "return-object": "",
57712
+ "validate-on-blur": "",
57713
+ "no-data-text": _vm.$t("NO_DATA"),
57714
+ multiple: "",
57715
+ name: _vm.instance.name,
57716
+ loading: _vm.instance.datasource.loading,
57717
+ clearable:
57718
+ _vm.instance.clearable &&
57719
+ !_vm.instance.readonly &&
57720
+ !_vm.instance.disabled,
57721
+ color: _vm.instance.color,
57722
+ "item-color": _vm.instance.color,
57723
+ dark: _vm.instance.dark,
57724
+ disabled: _vm.instance.disabled,
57725
+ readonly: _vm.instance.readonly,
57726
+ items: _vm.formattedData,
57727
+ "item-text": "text",
57728
+ "item-value": "value",
57729
+ "item-disabled": "disabled",
57730
+ label: _vm.instance.showLabel
57731
+ ? _vm.$t(_vm.instance.label)
57732
+ : undefined,
57733
+ placeholder: _vm.getPlaceHolder(),
57734
+ hint: _vm.$t(_vm.instance.hint),
57735
+ persistentHint: _vm.instance.persistentHint,
57736
+ prependInnerIcon: _vm.$getIcon(_vm.instance.prependIcon),
57737
+ reverse: _vm.instance.reverse,
57738
+ rules: _vm.rules,
57739
+ light: _vm.instance.light,
57740
+ maxLength: _vm.instance.maxLength,
57741
+ tabindex: _vm.instance.tabStop ? "" : "-1",
57742
+ "menu-props": {
57743
+ contentClass:
57744
+ "zd-select-menu zd-select-align-" +
57745
+ (_vm.instance.reverse ? "right" : _vm.instance.align),
57746
+ dark: _vm.instance.dark,
57747
+ offsetY: true,
57748
+ offsetOverflow: true,
57749
+ fixed: true,
57750
+ "max-width": _vm.parentWidth,
57751
+ closeOnContentClick: false,
57752
+ maxHeight: _vm.instance.menuMaxHeight,
57753
+ },
57754
+ "search-input": _vm.instance.search,
57755
+ "append-icon": _vm.$getIcon(
57756
+ _vm.showModalButton ? "tableSearch" : _vm.instance.appendIcon
57665
57757
  ),
57666
- "zd-no-border": !_vm.instance.showBorder,
57667
- "zd-dense": _vm.instance.dense,
57668
- "zd-select-multiple-autocomplete": _vm.instance.autocomplete,
57669
- "zd-input-required": _vm.instance.validations.required,
57670
- },
57671
- "zd-select-align-" +
57672
- (_vm.instance.reverse ? "right" : _vm.instance.align),
57673
- ],
57674
- style: _vm.instance.cssStyle,
57675
- attrs: {
57676
- id: _vm.instance.name,
57677
- "return-object": "",
57678
- "validate-on-blur": "",
57679
- "no-data-text": _vm.$t("NO_DATA"),
57680
- multiple: "",
57681
- name: _vm.instance.name,
57682
- loading: _vm.instance.datasource.loading,
57683
- clearable:
57684
- _vm.instance.clearable &&
57685
- !_vm.instance.readonly &&
57686
- !_vm.instance.disabled,
57687
- color: _vm.instance.color,
57688
- "item-color": _vm.instance.color,
57689
- dark: _vm.instance.dark,
57690
- disabled: _vm.instance.disabled,
57691
- readonly: _vm.instance.readonly,
57692
- items: _vm.formattedData,
57693
- "item-text": "text",
57694
- "item-value": "value",
57695
- "item-disabled": "disabled",
57696
- label: _vm.instance.showLabel
57697
- ? _vm.$t(_vm.instance.label)
57698
- : undefined,
57699
- placeholder: _vm.$t(_vm.instance.placeholder),
57700
- hint: _vm.$t(_vm.instance.hint),
57701
- persistentHint: _vm.instance.persistentHint,
57702
- prependInnerIcon: _vm.$getIcon(_vm.instance.prependIcon),
57703
- reverse: _vm.instance.reverse,
57704
- rules: _vm.rules,
57705
- light: _vm.instance.light,
57706
- maxLength: _vm.instance.maxLength,
57707
- tabindex: _vm.instance.tabStop ? "" : "-1",
57708
- "menu-props": {
57709
- contentClass:
57710
- "zd-select-menu zd-select-align-" +
57711
- (_vm.instance.reverse ? "right" : _vm.instance.align),
57712
- dark: _vm.instance.dark,
57713
- offsetY: true,
57714
- offsetOverflow: true,
57715
- fixed: true,
57716
- "max-width": _vm.parentWidth,
57717
- closeOnContentClick: false,
57718
- maxHeight: _vm.instance.menuMaxHeight,
57719
- },
57720
- "search-input": _vm.instance.search,
57721
- "append-icon": _vm.$getIcon(_vm.instance.appendIcon),
57722
- "append-outer-icon": _vm.$getIcon(_vm.instance.appendOuterIcon),
57723
- "prepend-icon": _vm.$getIcon(_vm.instance.prependOuterIcon),
57724
- "prepend-inner-icon": _vm.$getIcon(_vm.instance.prependIcon),
57725
- },
57726
- on: {
57727
- "click:append": function ($event) {
57728
- return _vm.toggle()
57729
- },
57730
- click: function ($event) {
57731
- return _vm.selectClick($event)
57732
- },
57733
- mouseenter: function ($event) {
57734
- return _vm.mouseenter($event)
57735
- },
57736
- mouseleave: function ($event) {
57737
- return _vm.mouseleave($event)
57738
- },
57739
- change: function ($event) {
57740
- return _vm.selectChange($event)
57741
- },
57742
- blur: function ($event) {
57743
- return _vm.selectBlur($event)
57744
- },
57745
- focus: function ($event) {
57746
- return _vm.selectFocus($event)
57747
- },
57748
- "update:search-input": [
57749
- function ($event) {
57750
- return _vm.selectInput($event)
57758
+ "append-outer-icon": _vm.$getIcon(_vm.instance.appendOuterIcon),
57759
+ "prepend-icon": _vm.$getIcon(_vm.instance.prependOuterIcon),
57760
+ "prepend-inner-icon": _vm.$getIcon(_vm.instance.prependIcon),
57751
57761
  },
57752
- function ($event) {
57753
- return _vm.$set(_vm.instance, "search", $event)
57762
+ on: {
57763
+ "click:append": function ($event) {
57764
+ return _vm.toggle()
57765
+ },
57766
+ click: function ($event) {
57767
+ return _vm.selectClick($event)
57768
+ },
57769
+ mouseenter: function ($event) {
57770
+ return _vm.mouseenter($event)
57771
+ },
57772
+ mouseleave: function ($event) {
57773
+ return _vm.mouseleave($event)
57774
+ },
57775
+ change: function ($event) {
57776
+ return _vm.selectChange($event)
57777
+ },
57778
+ blur: function ($event) {
57779
+ return _vm.selectBlur($event)
57780
+ },
57781
+ focus: function ($event) {
57782
+ return _vm.selectFocus($event)
57783
+ },
57784
+ "update:search-input": [
57785
+ function ($event) {
57786
+ return _vm.selectInput($event)
57787
+ },
57788
+ function ($event) {
57789
+ return _vm.$set(_vm.instance, "search", $event)
57790
+ },
57791
+ ],
57792
+ keyup: function ($event) {
57793
+ return _vm.instance.keyup($event)
57794
+ },
57795
+ keydown: function ($event) {
57796
+ return _vm.instance.keydown($event)
57797
+ },
57798
+ "update:searchInput": function ($event) {
57799
+ return _vm.$set(_vm.instance, "search", $event)
57800
+ },
57754
57801
  },
57755
- ],
57756
- keyup: function ($event) {
57757
- return _vm.instance.keyup($event)
57758
- },
57759
- keydown: function ($event) {
57760
- return _vm.instance.keydown($event)
57761
- },
57762
- "update:searchInput": function ($event) {
57763
- return _vm.$set(_vm.instance, "search", $event)
57764
- },
57765
- },
57766
- scopedSlots: _vm._u(
57767
- [
57768
- _vm.instance.itemBeforeSlot.length || _vm.instance.showSelectAll
57769
- ? {
57770
- key: "prepend-item",
57771
- fn: function () {
57772
- return [
57773
- _vm.instance.showSelectAll
57774
- ? [
57775
- _c(
57776
- "div",
57777
- { staticClass: "zd-select-append-item" },
57778
- [
57802
+ scopedSlots: _vm._u(
57803
+ [
57804
+ _vm.instance.itemBeforeSlot.length || _vm.instance.showSelectAll
57805
+ ? {
57806
+ key: "prepend-item",
57807
+ fn: function () {
57808
+ return [
57809
+ _vm.instance.showSelectAll
57810
+ ? [
57779
57811
  _c(
57780
- "v-list-item",
57781
- {
57782
- attrs: { ripple: "" },
57783
- on: {
57784
- click: function ($event) {
57785
- $event.stopPropagation();
57786
- return _vm.onSelectAll($event)
57787
- },
57788
- },
57789
- },
57812
+ "div",
57813
+ { staticClass: "zd-select-append-item" },
57790
57814
  [
57791
57815
  _c(
57792
- "v-list-item-action",
57793
- [
57794
- _c("v-checkbox", {
57795
- ref: "checkboxAll",
57796
- staticClass: "zd-checkbox-all",
57797
- attrs: {
57798
- "hide-details": "",
57799
- color: "primary",
57800
- readonly: "",
57801
- "on-icon":
57802
- _vm.$getIcon("checkboxOn"),
57803
- "off-icon":
57804
- _vm.$getIcon("checkboxOff"),
57805
- "indeterminate-icon": _vm.$getIcon(
57806
- "checkboxIndeterminate"
57807
- ),
57808
- },
57809
- model: {
57810
- value: _vm.allSelected,
57811
- callback: function ($$v) {
57812
- _vm.allSelected = $$v;
57813
- },
57814
- expression: "allSelected",
57816
+ "v-list-item",
57817
+ {
57818
+ attrs: { ripple: "" },
57819
+ on: {
57820
+ click: function ($event) {
57821
+ $event.stopPropagation();
57822
+ return _vm.onSelectAll($event)
57815
57823
  },
57816
- }),
57824
+ },
57825
+ },
57826
+ [
57827
+ _c(
57828
+ "v-list-item-action",
57829
+ [
57830
+ _c("v-checkbox", {
57831
+ ref: "checkboxAll",
57832
+ staticClass: "zd-checkbox-all",
57833
+ attrs: {
57834
+ "hide-details": "",
57835
+ color: "primary",
57836
+ readonly: "",
57837
+ "on-icon":
57838
+ _vm.$getIcon("checkboxOn"),
57839
+ "off-icon":
57840
+ _vm.$getIcon("checkboxOff"),
57841
+ "indeterminate-icon":
57842
+ _vm.$getIcon(
57843
+ "checkboxIndeterminate"
57844
+ ),
57845
+ },
57846
+ model: {
57847
+ value: _vm.allSelected,
57848
+ callback: function ($$v) {
57849
+ _vm.allSelected = $$v;
57850
+ },
57851
+ expression: "allSelected",
57852
+ },
57853
+ }),
57854
+ ],
57855
+ 1
57856
+ ),
57857
+ _vm._v(" "),
57858
+ _c(
57859
+ "v-list-item-content",
57860
+ [
57861
+ _c("v-list-item-title", [
57862
+ _vm._v(
57863
+ "\n " +
57864
+ _vm._s(_vm.$t("SELECT_ALL")) +
57865
+ "\n "
57866
+ ),
57867
+ ]),
57868
+ ],
57869
+ 1
57870
+ ),
57817
57871
  ],
57818
57872
  1
57819
57873
  ),
57820
- _vm._v(" "),
57874
+ ],
57875
+ 1
57876
+ ),
57877
+ _vm._v(" "),
57878
+ _c("v-divider"),
57879
+ ]
57880
+ : _vm._e(),
57881
+ _vm._v(" "),
57882
+ _vm.instance.itemBeforeSlot.length
57883
+ ? [
57884
+ _c(
57885
+ "div",
57886
+ { staticClass: "zd-select-append-item" },
57887
+ [
57821
57888
  _c(
57822
- "v-list-item-content",
57889
+ "v-list-item",
57823
57890
  [
57824
- _c("v-list-item-title", [
57825
- _vm._v(
57826
- "\n " +
57827
- _vm._s(_vm.$t("SELECT_ALL")) +
57828
- "\n "
57829
- ),
57830
- ]),
57891
+ _c(
57892
+ "v-list-item-content",
57893
+ { staticClass: "v-list-item__title" },
57894
+ [
57895
+ !_vm.$slots.itemBeforeSlot
57896
+ ? _vm._l(
57897
+ _vm.instance.itemBeforeSlot,
57898
+ function (child, index) {
57899
+ return _c(
57900
+ child.component,
57901
+ _vm._b(
57902
+ {
57903
+ key: index,
57904
+ ref: "itemBefore",
57905
+ refInFor: true,
57906
+ tag: "component",
57907
+ attrs: {
57908
+ parent:
57909
+ _vm.instance,
57910
+ },
57911
+ },
57912
+ "component",
57913
+ child,
57914
+ false
57915
+ )
57916
+ )
57917
+ }
57918
+ )
57919
+ : _vm._e(),
57920
+ _vm._v(" "),
57921
+ _vm._t("itemBeforeSlot"),
57922
+ ],
57923
+ 2
57924
+ ),
57831
57925
  ],
57832
57926
  1
57833
57927
  ),
57834
57928
  ],
57835
57929
  1
57836
57930
  ),
57837
- ],
57838
- 1
57839
- ),
57840
- _vm._v(" "),
57841
- _c("v-divider"),
57842
- ]
57931
+ _vm._v(" "),
57932
+ _c("v-divider"),
57933
+ ]
57934
+ : _vm._e(),
57935
+ ]
57936
+ },
57937
+ proxy: true,
57938
+ }
57939
+ : null,
57940
+ {
57941
+ key: "selection",
57942
+ fn: function (props) {
57943
+ return [
57944
+ _vm.isChipVisible(props.index)
57945
+ ? _c(
57946
+ "v-chip",
57947
+ {
57948
+ attrs: {
57949
+ small: !_vm.instance.dense,
57950
+ "x-small": _vm.instance.dense,
57951
+ disabled: _vm.instance.disabled,
57952
+ close: !_vm.instance.readonly,
57953
+ },
57954
+ on: {
57955
+ "click:close": function ($event) {
57956
+ return _vm.removeItem(props.item)
57957
+ },
57958
+ },
57959
+ },
57960
+ [
57961
+ _c("div", { staticClass: "chip-text" }, [
57962
+ _vm._v(
57963
+ _vm._s(
57964
+ _vm.formattedDataDiscreteText(
57965
+ props.item.originalRow
57966
+ )
57967
+ )
57968
+ ),
57969
+ ]),
57970
+ ]
57971
+ )
57843
57972
  : _vm._e(),
57844
57973
  _vm._v(" "),
57845
- _vm.instance.itemBeforeSlot.length
57974
+ _vm.isMoreVisible(props.index)
57975
+ ? _c(
57976
+ "span",
57977
+ { staticClass: "more-items grey--text caption" },
57978
+ [_vm._v(_vm._s(_vm.moreItemsText))]
57979
+ )
57980
+ : _vm._e(),
57981
+ ]
57982
+ },
57983
+ },
57984
+ {
57985
+ key: "append-item",
57986
+ fn: function () {
57987
+ return [
57988
+ _vm.instance.itemAfterSlot.length ||
57989
+ !!_vm.$slots.itemAfterSlot
57846
57990
  ? [
57991
+ _c("v-divider"),
57992
+ _vm._v(" "),
57847
57993
  _c(
57848
57994
  "div",
57849
57995
  { staticClass: "zd-select-append-item" },
@@ -57855,17 +58001,15 @@ If you're seeing "$attrs is readonly", it's caused by this`);
57855
58001
  "v-list-item-content",
57856
58002
  { staticClass: "v-list-item__title" },
57857
58003
  [
57858
- !_vm.$slots.itemBeforeSlot
58004
+ !_vm.$slots.itemAfterSlot
57859
58005
  ? _vm._l(
57860
- _vm.instance.itemBeforeSlot,
58006
+ _vm.instance.itemAfterSlot,
57861
58007
  function (child, index) {
57862
58008
  return _c(
57863
58009
  child.component,
57864
58010
  _vm._b(
57865
58011
  {
57866
58012
  key: index,
57867
- ref: "itemBefore",
57868
- refInFor: true,
57869
58013
  tag: "component",
57870
58014
  attrs: {
57871
58015
  parent: _vm.instance,
@@ -57880,7 +58024,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
57880
58024
  )
57881
58025
  : _vm._e(),
57882
58026
  _vm._v(" "),
57883
- _vm._t("itemBeforeSlot"),
58027
+ _vm._t("itemAfterSlot"),
57884
58028
  ],
57885
58029
  2
57886
58030
  ),
@@ -57890,164 +58034,61 @@ If you're seeing "$attrs is readonly", it's caused by this`);
57890
58034
  ],
57891
58035
  1
57892
58036
  ),
57893
- _vm._v(" "),
57894
- _c("v-divider"),
57895
58037
  ]
57896
58038
  : _vm._e(),
57897
- ]
57898
- },
57899
- proxy: true,
57900
- }
57901
- : null,
57902
- {
57903
- key: "selection",
57904
- fn: function (props) {
57905
- return [
57906
- _vm.isChipVisible(props.index)
57907
- ? _c(
57908
- "v-chip",
57909
- {
57910
- attrs: {
57911
- small: !_vm.instance.dense,
57912
- "x-small": _vm.instance.dense,
57913
- disabled: _vm.instance.disabled,
57914
- close: !_vm.instance.readonly,
57915
- },
57916
- on: {
57917
- "click:close": function ($event) {
57918
- return _vm.removeItem(props.item)
57919
- },
57920
- },
57921
- },
57922
- [
57923
- _c("div", { staticClass: "chip-text" }, [
57924
- _vm._v(
57925
- _vm._s(
57926
- _vm.formattedDataDiscreteText(
57927
- props.item.originalRow
57928
- )
57929
- )
57930
- ),
57931
- ]),
57932
- ]
57933
- )
57934
- : _vm._e(),
57935
- _vm._v(" "),
57936
- _vm.isMoreVisible(props.index)
57937
- ? _c(
57938
- "span",
57939
- { staticClass: "more-items grey--text caption" },
57940
- [_vm._v(_vm._s(_vm.moreItemsText))]
57941
- )
57942
- : _vm._e(),
57943
- ]
57944
- },
57945
- },
57946
- {
57947
- key: "append-item",
57948
- fn: function () {
57949
- return [
57950
- _vm.instance.itemAfterSlot.length ||
57951
- !!_vm.$slots.itemAfterSlot
57952
- ? [
57953
- _c("v-divider"),
57954
- _vm._v(" "),
57955
- _c(
57956
- "div",
57957
- { staticClass: "zd-select-append-item" },
57958
- [
58039
+ _vm._v(" "),
58040
+ _vm.instance.showLoadMore()
58041
+ ? [
58042
+ _c("v-divider"),
58043
+ _vm._v(" "),
57959
58044
  _c(
57960
- "v-list-item",
58045
+ "div",
58046
+ {
58047
+ staticClass: "zd-select-append-item",
58048
+ on: {
58049
+ mousedown: function ($event) {
58050
+ $event.preventDefault();
58051
+ return _vm.loadMore()
58052
+ },
58053
+ },
58054
+ },
57961
58055
  [
57962
58056
  _c(
57963
- "v-list-item-content",
57964
- { staticClass: "v-list-item__title" },
58057
+ "v-list-item",
58058
+ { attrs: { link: "" } },
57965
58059
  [
57966
- !_vm.$slots.itemAfterSlot
57967
- ? _vm._l(
57968
- _vm.instance.itemAfterSlot,
57969
- function (child, index) {
57970
- return _c(
57971
- child.component,
57972
- _vm._b(
57973
- {
57974
- key: index,
57975
- tag: "component",
57976
- attrs: {
57977
- parent: _vm.instance,
57978
- },
57979
- },
57980
- "component",
57981
- child,
57982
- false
57983
- )
57984
- )
57985
- }
57986
- )
57987
- : _vm._e(),
57988
- _vm._v(" "),
57989
- _vm._t("itemAfterSlot"),
58060
+ _c("v-list-item-content", [
58061
+ _c("span", [
58062
+ _vm._v(_vm._s(_vm.$t("LOAD_MORE"))),
58063
+ ]),
58064
+ ]),
57990
58065
  ],
57991
- 2
58066
+ 1
57992
58067
  ),
57993
58068
  ],
57994
58069
  1
57995
58070
  ),
57996
- ],
57997
- 1
57998
- ),
57999
- ]
58000
- : _vm._e(),
58001
- _vm._v(" "),
58002
- _vm.instance.showLoadMore()
58003
- ? [
58004
- _c("v-divider"),
58005
- _vm._v(" "),
58006
- _c(
58007
- "div",
58008
- {
58009
- staticClass: "zd-select-append-item",
58010
- on: {
58011
- mousedown: function ($event) {
58012
- $event.preventDefault();
58013
- return _vm.loadMore()
58014
- },
58015
- },
58016
- },
58017
- [
58018
- _c(
58019
- "v-list-item",
58020
- { attrs: { link: "" } },
58021
- [
58022
- _c("v-list-item-content", [
58023
- _c("span", [
58024
- _vm._v(_vm._s(_vm.$t("LOAD_MORE"))),
58025
- ]),
58026
- ]),
58027
- ],
58028
- 1
58029
- ),
58030
- ],
58031
- 1
58032
- ),
58033
- ]
58034
- : _vm._e(),
58035
- ]
58071
+ ]
58072
+ : _vm._e(),
58073
+ ]
58074
+ },
58075
+ proxy: true,
58076
+ },
58077
+ ],
58078
+ null,
58079
+ true
58080
+ ),
58081
+ model: {
58082
+ value: _vm.formattedValue,
58083
+ callback: function ($$v) {
58084
+ _vm.formattedValue = $$v;
58036
58085
  },
58037
- proxy: true,
58086
+ expression: "formattedValue",
58038
58087
  },
58039
- ],
58040
- null,
58041
- true
58042
- ),
58043
- model: {
58044
- value: _vm.formattedValue,
58045
- callback: function ($$v) {
58046
- _vm.formattedValue = $$v;
58047
58088
  },
58048
- expression: "formattedValue",
58049
- },
58050
- }),
58089
+ _vm.getSelectIconClickEvents()
58090
+ )
58091
+ ),
58051
58092
  _vm._v(" "),
58052
58093
  _vm.instance.showCheckboxAll
58053
58094
  ? _c("v-checkbox", {
@@ -58073,7 +58114,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
58073
58114
  /* style */
58074
58115
  const __vue_inject_styles__$k = function (inject) {
58075
58116
  if (!inject) return
58076
- inject("data-v-7bb88de0_0", { source: ".zd-select-multiple-container {\n height: auto;\n min-height: auto;\n max-height: none;\n display: flex;\n flex: 0 0 100%;\n flex-direction: row;\n}\n.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}\n.zd-select-multiple--checkbox-all {\n margin: 0;\n padding: 0;\n}\n.zd-select-multiple--checkbox-all .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}", map: undefined, media: undefined });
58117
+ inject("data-v-255ae888_0", { source: ".zd-select-multiple-container {\n height: auto;\n min-height: auto;\n max-height: none;\n display: flex;\n flex: 0 0 100%;\n flex-direction: row;\n}\n.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}\n.zd-select-multiple--checkbox-all {\n margin: 0;\n padding: 0;\n}\n.zd-select-multiple--checkbox-all .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}", map: undefined, media: undefined });
58077
58118
 
58078
58119
  };
58079
58120
  /* scoped */