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