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