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