@zeedhi/zd-field-group-vue 3.2.0 → 3.2.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 (4) hide show
  1. package/dist/field-group-vue.es.js +99 -76
  2. package/dist/field-group-vue.es.js.map +1 -1
  3. package/dist/types/components/ZdFieldGroup.d.ts +18 -18
  4. package/package.json +4 -7
package/dist/field-group-vue.es.js CHANGED
@@ -1,9 +1,32 @@
1
1
  (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".zd-field-group.tile,.zd-field-group.tile:not(.v-expansion-panels--accordion)>.v-expansion-panel--active,.zd-field-group.tile:not(.v-expansion-panels--accordion)>.v-expansion-panel--next-active{border-radius:var(--border-tile)}.zd-field-group>div:first-child.v-expansion-panel,.zd-field-group>div:first-child.v-expansion-panel.v-expansion-panel--active,.zd-field-group>div:first-child.v-expansion-panel.v-expansion-panel--next-active{box-shadow:none;border-radius:var(--border);color:var(--v-primary-base)}.zd-field-group>div:first-child.v-expansion-panel:before,.zd-field-group>div:first-child.v-expansion-panel.v-expansion-panel--active:before,.zd-field-group>div:first-child.v-expansion-panel.v-expansion-panel--next-active:before{box-shadow:none}.zd-field-group>div:first-child.v-expansion-panel.outlined,.zd-field-group>div:first-child.v-expansion-panel.v-expansion-panel--active.outlined,.zd-field-group>div:first-child.v-expansion-panel.v-expansion-panel--next-active.outlined{box-shadow:none;border:var(--regular) solid var(--v-secondary-base)}.zd-field-group>div:first-child.v-expansion-panel.raised,.zd-field-group>div:first-child.v-expansion-panel.v-expansion-panel--active.raised,.zd-field-group>div:first-child.v-expansion-panel.v-expansion-panel--next-active.raised{box-shadow:var(--shadow-9)}.zd-field-group>div:first-child.v-expansion-panel .v-expansion-panel-text__wrap,.zd-field-group>div:first-child.v-expansion-panel.v-expansion-panel--active .v-expansion-panel-text__wrap,.zd-field-group>div:first-child.v-expansion-panel.v-expansion-panel--next-active .v-expansion-panel-text__wrap{padding:0;color:var(--zd-font-color)}.zd-field-group>div:first-child.v-expansion-panel .v-expansion-panel-title,.zd-field-group>div:first-child.v-expansion-panel.v-expansion-panel--active .v-expansion-panel-title,.zd-field-group>div:first-child.v-expansion-panel.v-expansion-panel--next-active .v-expansion-panel-title{flex-direction:row-reverse;gap:.5rem;min-height:0;width:100%;padding:var(--spacing-4) 0}.zd-field-group>div:first-child.v-expansion-panel .v-expansion-panel-title .v-expansion-panel-title__text,.zd-field-group>div:first-child.v-expansion-panel.v-expansion-panel--active .v-expansion-panel-title .v-expansion-panel-title__text,.zd-field-group>div:first-child.v-expansion-panel.v-expansion-panel--next-active .v-expansion-panel-title .v-expansion-panel-title__text{margin-inline-end:auto}.zd-field-group>div:first-child.v-expansion-panel .v-expansion-panel-title .v-expansion-panel-title__icon,.zd-field-group>div:first-child.v-expansion-panel.v-expansion-panel--active .v-expansion-panel-title .v-expansion-panel-title__icon,.zd-field-group>div:first-child.v-expansion-panel.v-expansion-panel--next-active .v-expansion-panel-title .v-expansion-panel-title__icon{margin-inline-start:unset}.zd-field-group>div:first-child.v-expansion-panel .v-expansion-panel-title .v-expansion-panel-title__icon .v-btn .v-icon,.zd-field-group>div:first-child.v-expansion-panel.v-expansion-panel--active .v-expansion-panel-title .v-expansion-panel-title__icon .v-btn .v-icon,.zd-field-group>div:first-child.v-expansion-panel.v-expansion-panel--next-active .v-expansion-panel-title .v-expansion-panel-title__icon .v-btn .v-icon{color:currentColor}.zd-field-group>div:first-child.v-expansion-panel .v-expansion-panel-title>:not(.v-expansion-panel-title__icon),.zd-field-group>div:first-child.v-expansion-panel.v-expansion-panel--active .v-expansion-panel-title>:not(.v-expansion-panel-title__icon),.zd-field-group>div:first-child.v-expansion-panel.v-expansion-panel--next-active .v-expansion-panel-title>:not(.v-expansion-panel-title__icon){padding-right:var(--spacing-4)}.zd-field-group--flat>div:first-child.v-expansion-panel,.zd-field-group--flat>div:first-child.v-expansion-panel.v-expansion-panel--active,.zd-field-group--flat>div:first-child.v-expansion-panel.v-expansion-panel--next-active{box-shadow:none}.zd-field-group.v-expansion-panels--hover>div:first-child.v-expansion-panel:hover,.zd-field-group.v-expansion-panels--hover>div:first-child.v-expansion-panel:focus,.zd-field-group.v-expansion-panels--hover>div:first-child.v-expansion-panel.v-expansion-panel--active:hover,.zd-field-group.v-expansion-panels--hover>div:first-child.v-expansion-panel.v-expansion-panel--active:focus,.zd-field-group.v-expansion-panels--hover>div:first-child.v-expansion-panel.v-expansion-panel--next-active:hover,.zd-field-group.v-expansion-panels--hover>div:first-child.v-expansion-panel.v-expansion-panel--next-active:focus{box-shadow:var(--shadow-5)}")),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}})();
2
- import { defineComponent as A, resolveComponent as l, withDirectives as G, openBlock as r, createBlock as c, normalizeStyle as C, normalizeClass as h, withCtx as o, createVNode as u, createSlots as V, createElementVNode as F, createElementBlock as $, Fragment as I, renderList as j, resolveDynamicComponent as S, mergeProps as B, createCommentVNode as H, renderSlot as b, createTextVNode as R, toDisplayString as W, vShow as Z } from "vue";
3
- import { ZdComponentRenderProps as D, useCreateInstance as L, useGetMethods as M, getRootElement as O } from "@zeedhi/vuetify";
4
- import { FieldGroup as P } from "@zeedhi/zd-field-group-common";
5
- const E = {
6
- ...D,
2
+ import { defineComponent as R, resolveComponent as d, withDirectives as w, openBlock as r, createBlock as u, normalizeStyle as A, normalizeClass as b, withCtx as s, createVNode as h, createSlots as L, createElementVNode as F, createElementBlock as k, Fragment as $, renderList as V, resolveDynamicComponent as B, mergeProps as I, createCommentVNode as G, renderSlot as S, createTextVNode as H, toDisplayString as Z, vShow as K } from "vue";
3
+ import { ZdComponentRenderProps as O, useCreateInstance as P, useGetMethods as W, getRootElement as D } from "@zeedhi/vue";
4
+ import { InstanceFactory as M, Card as T } from "@zeedhi/common";
5
+ var q = Object.defineProperty, J = (e, n, a) => n in e ? q(e, n, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[n] = a, o = (e, n, a) => J(e, typeof n != "symbol" ? n + "" : n, a);
6
+ class z extends T {
7
+ /* istanbul ignore next */
8
+ /**
9
+ * Create a new CollapseCard
10
+ * @param props CollapseCard definition
11
+ */
12
+ constructor(n) {
13
+ super(n), o(this, "disableActionRotate", !1), o(this, "expandButton"), o(this, "expandButtonInstance"), o(this, "expanded", !1), o(this, "header", []), o(this, "headerInstances", []), o(this, "hideAction", !1), o(this, "iconColor", "var(--v-primary-base)"), o(this, "iconName", "expand"), o(this, "lazyLoad", !1), o(this, "readonly", !1), this.disableActionRotate = this.getInitValue("disableActionRotate", n.disableActionRotate, this.disableActionRotate), this.expandButton = this.getInitValue("expandButton", n.expandButton, this.expandButton), this.expanded = this.getInitValue("expanded", n.expanded, this.expanded), this.header = this.getInitValue("header", n.header, this.header), this.hideAction = this.getInitValue("hideAction", n.hideAction, this.hideAction), this.iconColor = this.getInitValue("iconColor", n.iconColor, this.iconColor), this.iconName = this.getInitValue("iconName", n.iconName, this.iconName), this.lazyLoad = this.getInitValue("lazyLoad", n.lazyLoad, this.lazyLoad), this.readonly = this.getInitValue("readonly", n.readonly, this.readonly), this.initializeSlots([
14
+ { propKey: "header", instancesKey: "headerInstances", multiple: !0 },
15
+ { propKey: "expandButton", instancesKey: "expandButtonInstance", multiple: !1 }
16
+ ]), this.createAccessors();
17
+ }
18
+ /**
19
+ * Triggered when the component expand status changes.
20
+ * @param event DOM event
21
+ * @param element Element changed
22
+ */
23
+ change(n, a) {
24
+ this.expanded = !this.expanded, this.callEvent("change", { event: n, element: a, component: this });
25
+ }
26
+ }
27
+ M.register("ZdFieldGroup", z);
28
+ const x = {
29
+ ...O,
7
30
  disableActionRotate: {
8
31
  type: [Boolean, String],
9
32
  default: !1
@@ -41,55 +64,55 @@ const E = {
41
64
  type: [Boolean, String],
42
65
  default: !1
43
66
  }
44
- }, T = A({
45
- props: E,
67
+ }, Q = R({
68
+ props: x,
46
69
  inheritAttrs: !1,
47
- setup(e, t) {
48
- const { instance: a, root: s } = L(e, t, P, E), { click: d, mouseenter: k, mouseleave: m } = M(a, s), g = (v) => {
49
- const z = O(s);
50
- a.change(v, z.value);
70
+ setup(e, n) {
71
+ const { instance: a, root: i } = P(e, n, z, x), { click: c, mouseenter: C, mouseleave: m } = W(a, i), y = (v) => {
72
+ const E = D(i);
73
+ a.change(v, E.value);
51
74
  }, p = () => ({
52
75
  background: `url(${a.img}) center center / cover no-repeat`
53
- }), f = () => a.elevation ? `elevation-${a.elevation}` : "", y = () => ({
76
+ }), g = () => a.elevation ? `elevation-${a.elevation}` : "", f = () => ({
54
77
  ...p,
55
- ...n
56
- }), n = () => ({
57
- height: i("height"),
58
- "max-height": i("maxHeight"),
59
- "min-height": i("minHeight")
60
- }), w = () => ({
61
- width: i("width"),
62
- "max-width": i("maxWidth"),
63
- "min-width": i("minWidth")
64
- }), N = () => a.expanded ? 0 : 1, i = (v) => `${v}`;
78
+ ...t
79
+ }), t = () => ({
80
+ height: l("height"),
81
+ "max-height": l("maxHeight"),
82
+ "min-height": l("minHeight")
83
+ }), N = () => ({
84
+ width: l("width"),
85
+ "max-width": l("maxWidth"),
86
+ "min-width": l("minWidth")
87
+ }), j = () => a.expanded ? 0 : 1, l = (v) => `${v}`;
65
88
  return {
66
89
  instance: a,
67
- root: s,
90
+ root: i,
68
91
  getBackground: p,
69
- getElevationClass: f,
70
- getHeaderStyle: y,
71
- getHeightStyles: n,
72
- getWidthStyles: w,
73
- getExpandStatus: N,
74
- click: d,
75
- mouseenter: k,
92
+ getElevationClass: g,
93
+ getHeaderStyle: f,
94
+ getHeightStyles: t,
95
+ getWidthStyles: N,
96
+ getExpandStatus: j,
97
+ click: c,
98
+ mouseenter: C,
76
99
  mouseleave: m,
77
- change: g
100
+ change: y
78
101
  };
79
102
  }
80
- }), q = (e, t) => {
103
+ }), U = (e, n) => {
81
104
  const a = e.__vccOpts || e;
82
- for (const [s, d] of t)
83
- a[s] = d;
105
+ for (const [i, c] of n)
106
+ a[i] = c;
84
107
  return a;
85
- }, J = { class: "v-expansion-panel-title__text" };
86
- function K(e, t, a, s, d, k) {
87
- const m = l("v-icon"), g = l("v-expansion-panel-title"), p = l("v-expansion-panel-text"), f = l("v-expansion-panel"), y = l("v-expansion-panels");
88
- return G((r(), c(y, {
108
+ }, X = { class: "v-expansion-panel-title__text" };
109
+ function Y(e, n, a, i, c, C) {
110
+ const m = d("v-icon"), y = d("v-expansion-panel-title"), p = d("v-expansion-panel-text"), g = d("v-expansion-panel"), f = d("v-expansion-panels");
111
+ return w((r(), u(f, {
89
112
  ref: "root",
90
113
  id: e.instance.name,
91
114
  flat: "",
92
- class: h([
115
+ class: b([
93
116
  "zd-field-group",
94
117
  e.instance.cssClass,
95
118
  {
@@ -99,44 +122,44 @@ function K(e, t, a, s, d, k) {
99
122
  "zd-pa-0"
100
123
  ]),
101
124
  theme: e.instance.theme,
102
- style: C({ ...e.getWidthStyles, ...e.$styleObject(e.instance.cssStyle) }),
125
+ style: A({ ...e.getWidthStyles, ...e.$styleObject(e.instance.cssStyle) }),
103
126
  value: e.getExpandStatus
104
127
  }, {
105
- default: o(() => [
106
- u(f, {
107
- class: h([e.getElevationClass, { outlined: e.instance.outlined, raised: e.instance.raised }]),
128
+ default: s(() => [
129
+ h(g, {
130
+ class: b([e.getElevationClass, { outlined: e.instance.outlined, raised: e.instance.raised }]),
108
131
  disabled: e.instance.disabled,
109
132
  readonly: e.instance.readonly,
110
- onChange: t[3] || (t[3] = (n) => e.change(n))
133
+ onChange: n[3] || (n[3] = (t) => e.change(t))
111
134
  }, {
112
- default: o(() => [
113
- u(g, {
114
- class: h([e.instance.color]),
115
- onClick: t[0] || (t[0] = (n) => e.click(n)),
116
- onMouseenter: t[1] || (t[1] = (n) => e.mouseenter(n)),
117
- onMouseleave: t[2] || (t[2] = (n) => e.mouseleave(n)),
118
- style: C({ ...e.getHeaderStyle }),
135
+ default: s(() => [
136
+ h(y, {
137
+ class: b([e.instance.color]),
138
+ onClick: n[0] || (n[0] = (t) => e.click(t)),
139
+ onMouseenter: n[1] || (n[1] = (t) => e.mouseenter(t)),
140
+ onMouseleave: n[2] || (n[2] = (t) => e.mouseleave(t)),
141
+ style: A({ ...e.getHeaderStyle }),
119
142
  "disable-icon-rotate": e.instance.disableActionRotate,
120
143
  "expand-icon": e.$getIcon(e.instance.iconName),
121
144
  "hide-actions": e.instance.hideAction,
122
145
  ripple: e.instance.ripple
123
- }, V({
124
- default: o(() => [
125
- F("div", J, [
126
- e.$slots.header ? H("", !0) : (r(!0), $(I, { key: 0 }, j(e.instance.headerInstances, (n) => (r(), c(S(n.component), B({ ref_for: !0 }, n, {
127
- key: n.name,
128
- "instance-object": n,
146
+ }, L({
147
+ default: s(() => [
148
+ F("div", X, [
149
+ e.$slots.header ? G("", !0) : (r(!0), k($, { key: 0 }, V(e.instance.headerInstances, (t) => (r(), u(B(t.component), I({ ref_for: !0 }, t, {
150
+ key: t.name,
151
+ "instance-object": t,
129
152
  parent: e.instance
130
153
  }), null, 16, ["instance-object", "parent"]))), 128)),
131
- b(e.$slots, "header")
154
+ S(e.$slots, "header")
132
155
  ])
133
156
  ]),
134
157
  _: 2
135
158
  }, [
136
159
  e.instance.expandButtonInstance && !e.$slots.expandButton ? {
137
160
  name: "actions",
138
- fn: o(() => [
139
- (r(), c(S(e.instance.expandButtonInstance.component), B(e.instance.expandButtonInstance, {
161
+ fn: s(() => [
162
+ (r(), u(B(e.instance.expandButtonInstance.component), I(e.instance.expandButtonInstance, {
140
163
  key: e.instance.expandButtonInstance.name,
141
164
  "instance-object": e.instance.expandButtonInstance,
142
165
  parent: e.instance
@@ -145,12 +168,12 @@ function K(e, t, a, s, d, k) {
145
168
  key: "0"
146
169
  } : !e.instance.expandButtonInstance && !e.$slots.expandButton ? {
147
170
  name: "actions",
148
- fn: o(() => [
149
- u(m, {
171
+ fn: s(() => [
172
+ h(m, {
150
173
  color: e.instance.iconColor
151
174
  }, {
152
- default: o(() => [
153
- R(W(e.$getIcon(e.instance.iconName)), 1)
175
+ default: s(() => [
176
+ H(Z(e.$getIcon(e.instance.iconName)), 1)
154
177
  ]),
155
178
  _: 1
156
179
  }, 8, ["color"])
@@ -158,22 +181,22 @@ function K(e, t, a, s, d, k) {
158
181
  key: "1"
159
182
  } : {
160
183
  name: "actions",
161
- fn: o(() => [
162
- b(e.$slots, "expandButton")
184
+ fn: s(() => [
185
+ S(e.$slots, "expandButton")
163
186
  ]),
164
187
  key: "2"
165
188
  }
166
189
  ]), 1032, ["class", "style", "disable-icon-rotate", "expand-icon", "hide-actions", "ripple"]),
167
- u(p, {
190
+ h(p, {
168
191
  eager: !e.instance.lazyLoad
169
192
  }, {
170
- default: o(() => [
171
- (r(!0), $(I, null, j(e.instance.childrenInstances, (n) => (r(), c(S(n.component), B({ ref_for: !0 }, n, {
172
- key: n.name,
173
- "instance-object": n,
193
+ default: s(() => [
194
+ (r(!0), k($, null, V(e.instance.childrenInstances, (t) => (r(), u(B(t.component), I({ ref_for: !0 }, t, {
195
+ key: t.name,
196
+ "instance-object": t,
174
197
  parent: e.instance
175
198
  }), null, 16, ["instance-object", "parent"]))), 128)),
176
- b(e.$slots, "default")
199
+ S(e.$slots, "default")
177
200
  ]),
178
201
  _: 3
179
202
  }, 8, ["eager"])
@@ -183,15 +206,15 @@ function K(e, t, a, s, d, k) {
183
206
  ]),
184
207
  _: 3
185
208
  }, 8, ["id", "class", "theme", "style", "value"])), [
186
- [Z, e.instance.isVisible]
209
+ [K, e.instance.isVisible]
187
210
  ]);
188
211
  }
189
- const Q = /* @__PURE__ */ q(T, [["render", K]]), x = {
212
+ const _ = /* @__PURE__ */ U(Q, [["render", Y]]), ae = {
190
213
  install: (e) => {
191
- e.component("ZdFieldGroup", Q);
214
+ e.component("ZdFieldGroup", _);
192
215
  }
193
216
  };
194
217
  export {
195
- x as default
218
+ ae as default
196
219
  };
197
220
  //# sourceMappingURL=field-group-vue.es.js.map
package/dist/field-group-vue.es.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"field-group-vue.es.js","sources":["../src/components/ZdFieldGroup.ts?vue&type=script&src=true&lang.ts","../src/components/ZdFieldGroup.vue","../src/index.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { getRootElement, useCreateInstance, useGetMethods, ZdComponentRenderProps } from '@zeedhi/vuetify';\nimport { FieldGroup } from '@zeedhi/zd-field-group-common';\n\nexport const ZdFieldGroupProps = {\n ...ZdComponentRenderProps,\n disableActionRotate: {\n type: [Boolean, String],\n default: false,\n },\n expandButton: {\n type: [Object, String],\n default: () => undefined,\n },\n expanded: {\n type: [Boolean, String],\n default: false,\n },\n header: {\n type: [Array, String],\n default: () => [],\n },\n hideAction: {\n type: [Boolean, String],\n default: false,\n },\n iconColor: {\n type: String,\n default: 'var(--v-primary-base)',\n },\n iconName: {\n type: String,\n default: 'expand',\n },\n lazyLoad: {\n type: [Boolean, String],\n default: false,\n },\n readonly: {\n type: [Boolean, String],\n default: false,\n },\n};\n\nconst fieldGroupComponent = defineComponent({\n props: ZdFieldGroupProps,\n inheritAttrs: false,\n setup(props, ctx) {\n const { instance, root } = useCreateInstance<FieldGroup>(props, ctx, FieldGroup, ZdFieldGroupProps);\n\n const { click, mouseenter, mouseleave } = useGetMethods(instance, root);\n\n const change = (event: Event) => {\n const rootElement = getRootElement(root);\n instance.change(event, rootElement.value);\n };\n\n const getBackground = () => {\n return {\n background: `url(${instance.img}) center center / cover no-repeat`,\n };\n };\n\n const getElevationClass = () => {\n return instance.elevation ? `elevation-${instance.elevation}` : '';\n };\n\n const getHeaderStyle = () => {\n return {\n ...getBackground,\n ...getHeightStyles,\n };\n };\n\n const getHeightStyles = () => {\n return {\n height: cssValue('height'),\n 'max-height': cssValue('maxHeight'),\n 'min-height': cssValue('minHeight'),\n };\n };\n\n const getWidthStyles = () => {\n return {\n width: cssValue('width'),\n 'max-width': cssValue('maxWidth'),\n 'min-width': cssValue('minWidth'),\n };\n };\n\n const getExpandStatus = () => {\n return instance.expanded ? 0 : 1;\n };\n\n const cssValue = (property: string) => {\n return `${property}`;\n }\n\n return {\n instance: instance as InstanceType<typeof FieldGroup>,\n root,\n getBackground,\n getElevationClass,\n getHeaderStyle,\n getHeightStyles,\n getWidthStyles,\n getExpandStatus,\n click,\n mouseenter,\n mouseleave,\n change,\n }\n }\n});\n\nexport default fieldGroupComponent;\n","<template>\n <v-expansion-panels\n ref=\"root\"\n :id=\"instance.name\"\n flat\n v-show=\"instance.isVisible\"\n :class=\"[\n 'zd-field-group',\n instance.cssClass,\n {\n 'v-expansion-panels--hover': instance.hover,\n },\n 'v-expansion-panels--flat',\n 'zd-pa-0'\n ]\"\n :theme=\"instance.theme\"\n :style=\"{...getWidthStyles, ...$styleObject(instance.cssStyle)}\"\n :value=\"getExpandStatus\"\n >\n <v-expansion-panel\n :class=\"[ getElevationClass, { 'outlined': instance.outlined, 'raised': instance.raised } ]\"\n :disabled=\"instance.disabled\"\n :readonly=\"instance.readonly\"\n @change=\"change($event)\"\n >\n <v-expansion-panel-title\n :class=\"[ instance.color ]\"\n @click=\"click($event)\"\n @mouseenter=\"mouseenter($event)\"\n @mouseleave=\"mouseleave($event)\"\n :style=\"{...getHeaderStyle}\"\n :disable-icon-rotate=\"instance.disableActionRotate\"\n :expand-icon=\"$getIcon(instance.iconName)\"\n :hide-actions=\"instance.hideAction\"\n :ripple=\"instance.ripple\"\n >\n <div class=\"v-expansion-panel-title__text\">\n <template\n v-if=\"!$slots.header\"\n >\n <component\n v-for=\"(item) in instance.headerInstances\"\n v-bind=\"item\"\n :key=\"item.name\"\n :is=\"item.component\"\n :instance-object=\"item\"\n :parent=\"instance\"\n />\n </template>\n <slot name=\"header\"></slot>\n </div>\n\n <template v-if=\"instance.expandButtonInstance && !$slots.expandButton\" v-slot:actions>\n <component\n v-bind=\"instance.expandButtonInstance\"\n :is=\"instance.expandButtonInstance.component\"\n :key=\"instance.expandButtonInstance.name\"\n :instance-object=\"instance.expandButtonInstance\"\n :parent=\"instance\"\n />\n </template>\n <template v-else-if=\"!instance.expandButtonInstance && !$slots.expandButton\" v-slot:actions>\n <v-icon :color=\"instance.iconColor\">{{ $getIcon(instance.iconName) }}</v-icon>\n </template>\n <template v-else v-slot:actions>\n <slot name=\"expandButton\"></slot>\n </template>\n </v-expansion-panel-title>\n <v-expansion-panel-text\n :eager=\"!instance.lazyLoad\"\n >\n <component\n v-for=\"(child) in instance.childrenInstances\"\n v-bind=\"child\"\n :key=\"child.name\"\n :is=\"child.component\"\n :instance-object=\"child\"\n :parent=\"instance\"\n />\n <slot></slot>\n </v-expansion-panel-text>\n </v-expansion-panel>\n </v-expansion-panels>\n</template>\n\n<script lang=\"ts\" src=\"./ZdFieldGroup.ts\"></script>\n\n<style lang=\"scss\">\n.zd-field-group {\n &.tile,\n &.tile:not(.v-expansion-panels--accordion) > .v-expansion-panel--active,\n &.tile:not(.v-expansion-panels--accordion) > .v-expansion-panel--next-active {\n border-radius: var(--border-tile);\n }\n\n & > div:first-child.v-expansion-panel,\n & > div:first-child.v-expansion-panel.v-expansion-panel--active,\n & > div:first-child.v-expansion-panel.v-expansion-panel--next-active {\n box-shadow: none;\n border-radius: var(--border);\n color: var(--v-primary-base);\n\n &::before {\n box-shadow: none;\n }\n\n &.outlined {\n box-shadow: none;\n border: var(--regular) solid var(--v-secondary-base);\n }\n\n &.raised {\n box-shadow: var(--shadow-9);\n }\n\n .v-expansion-panel-text__wrap {\n padding: 0;\n color: var(--zd-font-color);\n }\n\n .v-expansion-panel-title {\n flex-direction: row-reverse;\n gap: 0.5rem;\n min-height: 0;\n width: 100%;\n padding: var(--spacing-4) 0;\n\n .v-expansion-panel-title__text{\n margin-inline-end: auto;\n }\n\n .v-expansion-panel-title__icon {\n margin-inline-start: unset; \n }\n\n .v-expansion-panel-title__icon .v-btn .v-icon {\n color: currentColor;\n }\n\n > :not(.v-expansion-panel-title__icon) {\n padding-right: var(--spacing-4);\n }\n }\n }\n\n &--flat {\n & > div:first-child.v-expansion-panel,\n & > div:first-child.v-expansion-panel.v-expansion-panel--active,\n & > div:first-child.v-expansion-panel.v-expansion-panel--next-active {\n box-shadow: none;\n }\n }\n\n &.v-expansion-panels--hover {\n & > div:first-child.v-expansion-panel,\n & > div:first-child.v-expansion-panel.v-expansion-panel--active,\n & > div:first-child.v-expansion-panel.v-expansion-panel--next-active {\n &:hover, &:focus {\n box-shadow: var(--shadow-5);\n }\n }\n }\n}\n</style>\n","import ZdFieldGroup from \"./components/ZdFieldGroup.vue\";\nimport type { App } from 'vue';\n\nexport default {\n install: (app: App) => {\n app.component('ZdFieldGroup', ZdFieldGroup);\n }\n}\n"],"names":["ZdFieldGroupProps","ZdComponentRenderProps","fieldGroupComponent","defineComponent","props","ctx","instance","root","useCreateInstance","FieldGroup","click","mouseenter","mouseleave","useGetMethods","change","event","rootElement","getRootElement","getBackground","getElevationClass","getHeaderStyle","getHeightStyles","cssValue","getWidthStyles","getExpandStatus","property","_hoisted_1","_createBlock","_component_v_expansion_panels","_ctx","_normalizeClass","_createVNode","_component_v_expansion_panel","_cache","$event","_component_v_expansion_panel_title","_createElementVNode","_openBlock","_createElementBlock","_Fragment","_renderList","item","_resolveDynamicComponent","_mergeProps","_renderSlot","_component_v_icon","_component_v_expansion_panel_text","child","_vShow","index","app","ZdFieldGroup"],"mappings":";;;AAIO,MAAMA,IAAoB;AAAA,EAC/B,GAAGC;AAAA,EACH,qBAAqB;AAAA,IACnB,MAAM,CAAC,SAAS,MAAM;AAAA,IACtB,SAAS;AAAA,EAAA;AAAA,EAEX,cAAc;AAAA,IACZ,MAAM,CAAC,QAAQ,MAAM;AAAA,IACrB,SAAS,MAAA;AAAA;AAAA,EAAM;AAAA,EAEjB,UAAU;AAAA,IACR,MAAM,CAAC,SAAS,MAAM;AAAA,IACtB,SAAS;AAAA,EAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM,CAAC,OAAO,MAAM;AAAA,IACpB,SAAS,MAAM,CAAA;AAAA,EAAC;AAAA,EAElB,YAAY;AAAA,IACV,MAAM,CAAC,SAAS,MAAM;AAAA,IACtB,SAAS;AAAA,EAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA,EAEX,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA,EAEX,UAAU;AAAA,IACR,MAAM,CAAC,SAAS,MAAM;AAAA,IACtB,SAAS;AAAA,EAAA;AAAA,EAEX,UAAU;AAAA,IACR,MAAM,CAAC,SAAS,MAAM;AAAA,IACtB,SAAS;AAAA,EAAA;AAEb,GAEMC,IAAsBC,EAAgB;AAAA,EAC1C,OAAOH;AAAA,EACP,cAAc;AAAA,EACd,MAAMI,GAAOC,GAAK;AAChB,UAAM,EAAE,UAAAC,GAAU,MAAAC,MAASC,EAA8BJ,GAAOC,GAAKI,GAAYT,CAAiB,GAE5F,EAAE,OAAAU,GAAO,YAAAC,GAAY,YAAAC,MAAeC,EAAcP,GAAUC,CAAI,GAEhEO,IAAS,CAACC,MAAiB;AAC/B,YAAMC,IAAcC,EAAeV,CAAI;AACvC,MAAAD,EAAS,OAAOS,GAAOC,EAAY,KAAK;AAAA,IAC1C,GAEME,IAAgB,OACb;AAAA,MACL,YAAY,OAAOZ,EAAS,GAAG;AAAA,IAAA,IAI7Ba,IAAoB,MACjBb,EAAS,YAAY,aAAaA,EAAS,SAAS,KAAK,IAG5Dc,IAAiB,OACd;AAAA,MACL,GAAGF;AAAA,MACH,GAAGG;AAAA,IAAA,IAIDA,IAAkB,OACf;AAAA,MACL,QAAQC,EAAS,QAAQ;AAAA,MACzB,cAAcA,EAAS,WAAW;AAAA,MAClC,cAAcA,EAAS,WAAW;AAAA,IAAA,IAIhCC,IAAiB,OACd;AAAA,MACL,OAAOD,EAAS,OAAO;AAAA,MACvB,aAAaA,EAAS,UAAU;AAAA,MAChC,aAAaA,EAAS,UAAU;AAAA,IAAA,IAI9BE,IAAkB,MACflB,EAAS,WAAW,IAAI,GAG3BgB,IAAW,CAACG,MACT,GAAGA,CAAQ;AAGpB,WAAO;AAAA,MACL,UAAAnB;AAAA,MACA,MAAAC;AAAA,MACA,eAAAW;AAAA,MACA,mBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,gBAAAE;AAAA,MACA,iBAAAC;AAAA,MACA,OAAAd;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,MACA,QAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;;;;GC7EYY,IAAA,EAAA,OAAM,gCAA+B;;;iBAnChDC,EAiFqBC,GAAA;AAAA,IAhFnB,KAAI;AAAA,IACH,IAAIC,EAAA,SAAS;AAAA,IACd,MAAA;AAAA,IAEC,OAAKC,EAAA;AAAA;MAAkCD,EAAA,SAAS;AAAA;QAAuD,6BAAAA,EAAA,SAAS;AAAA;;;;IAShH,OAAOA,EAAA,SAAS;AAAA,IAChB,cAAWA,EAAA,gBAAc,GAAKA,eAAaA,EAAA,SAAS,QAAQ,EAAA,CAAA;AAAA,IAC5D,OAAOA,EAAA;AAAA;eAER,MA8DoB;AAAA,MA9DpBE,EA8DoBC,GAAA;AAAA,QA7DjB,OAAKF,EAAA,CAAID,qBAAiB,EAAA,UAAgBA,EAAA,SAAS,UAAQ,QAAYA,EAAA,SAAS,OAAM,CAAA,CAAA;AAAA,QACtF,UAAUA,EAAA,SAAS;AAAA,QACnB,UAAUA,EAAA,SAAS;AAAA,QACnB,UAAMI,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEL,EAAA,OAAOK,CAAM;AAAA;mBAEtB,MA0C0B;AAAA,UA1C1BH,EA0C0BI,GAAA;AAAA,YAzCvB,OAAKL,EAAA,CAAID,EAAA,SAAS,KAAK,CAAA;AAAA,YACvB,SAAKI,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEL,EAAA,MAAMK,CAAM;AAAA,YACnB,cAAUD,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEL,EAAA,WAAWK,CAAM;AAAA,YAC7B,cAAUD,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEL,EAAA,WAAWK,CAAM;AAAA,YAC7B,cAAWL,EAAA,eAAc,CAAA;AAAA,YACzB,uBAAqBA,EAAA,SAAS;AAAA,YAC9B,eAAaA,EAAA,SAASA,EAAA,SAAS,QAAQ;AAAA,YACvC,gBAAcA,EAAA,SAAS;AAAA,YACvB,QAAQA,EAAA,SAAS;AAAA;uBAElB,MAcM;AAAA,cAdNO,EAcM,OAdNV,GAcM;AAAA,gBAZKG,EAAA,OAAO,sBAEdQ,EAAA,EAAA,GAAAC,EAOEC,GAAA,EAAA,KAAA,EAAA,GAAAC,EANiBX,EAAA,SAAS,kBAAlBY,OADVJ,EAAA,GAAAV,EAOEe,EAHKD,EAAK,SAAS,GAJrBE,EAOE,iBALQF,GAAI;AAAA,kBACX,KAAKA,EAAK;AAAA,kBAEV,mBAAiBA;AAAA,kBACjB,QAAQZ,EAAA;AAAA;gBAGbe,EAA2Bf,EAAA,QAAA,QAAA;AAAA;;;;YAGbA,EAAA,SAAS,wBAAoB,CAAKA,EAAA,OAAO;oBAAqB;AAAA,oBAC5E,MAME;AAAA,sBANFF,EAMEe,EAJKb,EAAA,SAAS,qBAAqB,SAAS,GAF9Cc,EACUd,EAAA,SAAS,sBAAoB;AAAA,kBAEpC,KAAKA,EAAA,SAAS,qBAAqB;AAAA,kBACnC,mBAAiBA,EAAA,SAAS;AAAA,kBAC1B,QAAQA,EAAA;AAAA;;;gBAGS,CAAAA,EAAA,SAAS,wBAAoB,CAAKA,EAAA,OAAO;oBAAqB;AAAA,oBAClF,MAA8E;AAAA,gBAA9EE,EAA8Ec,GAAA;AAAA,kBAArE,OAAOhB,EAAA,SAAS;AAAA;6BAAW,MAAiC;AAAA,wBAA9BA,EAAA,SAASA,EAAA,SAAS,QAAQ,CAAA,GAAA,CAAA;AAAA;;;;;;oBAE3C;AAAA,oBACtB,MAAiC;AAAA,gBAAjCe,EAAiCf,EAAA,QAAA,cAAA;AAAA;;;;UAGrCE,EAYyBe,GAAA;AAAA,YAXtB,OAAK,CAAGjB,EAAA,SAAS;AAAA;uBAGhB,MAA6C;AAAA,eAD/CQ,EAAA,EAAA,GAAAC,EAOEC,GAAA,MAAAC,EANkBX,EAAA,SAAS,oBAAnBkB,OADVV,EAAA,GAAAV,EAOEe,EAHKK,EAAM,SAAS,GAJtBJ,EAOE,iBALQI,GAAK;AAAA,gBACZ,KAAKA,EAAM;AAAA,gBAEX,mBAAiBA;AAAA,gBACjB,QAAQlB,EAAA;AAAA;cAEXe,EAAaf,EAAA,QAAA,SAAA;AAAA;;;;;;;;;IA1ET,CAAAmB,GAAAnB,EAAA,SAAS,SAAS;AAAA;;iDCF9BoB,IAAe;AAAA,EACb,SAAS,CAACC,MAAa;AACrB,IAAAA,EAAI,UAAU,gBAAgBC,CAAY;AAAA,EAC5C;AACF;"}
1
+ {"version":3,"file":"field-group-vue.es.js","sources":["../../common/dist/field-group-common.es.js","../src/components/ZdFieldGroup.ts?vue&type=script&src=true&lang.ts","../src/components/ZdFieldGroup.vue","../src/index.ts"],"sourcesContent":["var o = Object.defineProperty;\nvar s = (i, a, e) => a in i ? o(i, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[a] = e;\nvar t = (i, a, e) => s(i, typeof a != \"symbol\" ? a + \"\" : a, e);\nimport { InstanceFactory as d, Card as h } from \"@zeedhi/common\";\nclass l extends h {\n /* istanbul ignore next */\n /**\n * Create a new CollapseCard\n * @param props CollapseCard definition\n */\n constructor(e) {\n super(e);\n /**\n * Disables the action rotation animation when expanding or collapsing the collapse-card.\n */\n t(this, \"disableActionRotate\", !1);\n /**\n * If defined, overwrites the expansion icon by the defined button.\n */\n t(this, \"expandButton\");\n /** Persistent instance rendered in the expansion action slot. */\n t(this, \"expandButtonInstance\");\n /**\n * If true, the Collapse-card will be opened by default.\n */\n t(this, \"expanded\", !1);\n /**\n * Components to be displayed in the header.\n */\n t(this, \"header\", []);\n /** Persistent instances rendered in the header slot. */\n t(this, \"headerInstances\", []);\n /**\n * Hides the expansion icon.\n */\n t(this, \"hideAction\", !1);\n /**\n * Defines the expansion icon color.\n */\n t(this, \"iconColor\", \"var(--v-primary-base)\");\n /**\n * Defines the expansion icon.\n */\n t(this, \"iconName\", \"expand\");\n /**\n * Content will be loaded only when the collapse-card opens.\n */\n t(this, \"lazyLoad\", !1);\n /**\n * Makes the collapse-card readOnly. Does the same thing as disabled prop, but doesn't change styles.\n */\n t(this, \"readonly\", !1);\n this.disableActionRotate = this.getInitValue(\"disableActionRotate\", e.disableActionRotate, this.disableActionRotate), this.expandButton = this.getInitValue(\"expandButton\", e.expandButton, this.expandButton), this.expanded = this.getInitValue(\"expanded\", e.expanded, this.expanded), this.header = this.getInitValue(\"header\", e.header, this.header), this.hideAction = this.getInitValue(\"hideAction\", e.hideAction, this.hideAction), this.iconColor = this.getInitValue(\"iconColor\", e.iconColor, this.iconColor), this.iconName = this.getInitValue(\"iconName\", e.iconName, this.iconName), this.lazyLoad = this.getInitValue(\"lazyLoad\", e.lazyLoad, this.lazyLoad), this.readonly = this.getInitValue(\"readonly\", e.readonly, this.readonly), this.initializeSlots([\n { propKey: \"header\", instancesKey: \"headerInstances\", multiple: !0 },\n { propKey: \"expandButton\", instancesKey: \"expandButtonInstance\", multiple: !1 }\n ]), this.createAccessors();\n }\n /**\n * Triggered when the component expand status changes.\n * @param event DOM event\n * @param element Element changed\n */\n change(e, n) {\n this.expanded = !this.expanded, this.callEvent(\"change\", { event: e, element: n, component: this });\n }\n}\nd.register(\"ZdFieldGroup\", l);\nexport {\n l as FieldGroup\n};\n//# sourceMappingURL=field-group-common.es.js.map\n","import { defineComponent } from 'vue';\nimport { getRootElement, useCreateInstance, useGetMethods, ZdComponentRenderProps } from '@zeedhi/vue';\nimport { FieldGroup } from '@zeedhi/zd-field-group-common';\n\nexport const ZdFieldGroupProps = {\n ...ZdComponentRenderProps,\n disableActionRotate: {\n type: [Boolean, String],\n default: false,\n },\n expandButton: {\n type: [Object, String],\n default: () => undefined,\n },\n expanded: {\n type: [Boolean, String],\n default: false,\n },\n header: {\n type: [Array, String],\n default: () => [],\n },\n hideAction: {\n type: [Boolean, String],\n default: false,\n },\n iconColor: {\n type: String,\n default: 'var(--v-primary-base)',\n },\n iconName: {\n type: String,\n default: 'expand',\n },\n lazyLoad: {\n type: [Boolean, String],\n default: false,\n },\n readonly: {\n type: [Boolean, String],\n default: false,\n },\n};\n\nconst fieldGroupComponent = defineComponent({\n props: ZdFieldGroupProps,\n inheritAttrs: false,\n setup(props, ctx) {\n const { instance, root } = useCreateInstance<FieldGroup>(props, ctx, FieldGroup, ZdFieldGroupProps);\n\n const { click, mouseenter, mouseleave } = useGetMethods(instance, root);\n\n const change = (event: Event) => {\n const rootElement = getRootElement(root);\n instance.change(event, rootElement.value);\n };\n\n const getBackground = () => {\n return {\n background: `url(${instance.img}) center center / cover no-repeat`,\n };\n };\n\n const getElevationClass = () => {\n return instance.elevation ? `elevation-${instance.elevation}` : '';\n };\n\n const getHeaderStyle = () => {\n return {\n ...getBackground,\n ...getHeightStyles,\n };\n };\n\n const getHeightStyles = () => {\n return {\n height: cssValue('height'),\n 'max-height': cssValue('maxHeight'),\n 'min-height': cssValue('minHeight'),\n };\n };\n\n const getWidthStyles = () => {\n return {\n width: cssValue('width'),\n 'max-width': cssValue('maxWidth'),\n 'min-width': cssValue('minWidth'),\n };\n };\n\n const getExpandStatus = () => {\n return instance.expanded ? 0 : 1;\n };\n\n const cssValue = (property: string) => {\n return `${property}`;\n }\n\n return {\n instance: instance as InstanceType<typeof FieldGroup>,\n root,\n getBackground,\n getElevationClass,\n getHeaderStyle,\n getHeightStyles,\n getWidthStyles,\n getExpandStatus,\n click,\n mouseenter,\n mouseleave,\n change,\n }\n }\n});\n\nexport default fieldGroupComponent;\n","<template>\n <v-expansion-panels\n ref=\"root\"\n :id=\"instance.name\"\n flat\n v-show=\"instance.isVisible\"\n :class=\"[\n 'zd-field-group',\n instance.cssClass,\n {\n 'v-expansion-panels--hover': instance.hover,\n },\n 'v-expansion-panels--flat',\n 'zd-pa-0'\n ]\"\n :theme=\"instance.theme\"\n :style=\"{...getWidthStyles, ...$styleObject(instance.cssStyle)}\"\n :value=\"getExpandStatus\"\n >\n <v-expansion-panel\n :class=\"[ getElevationClass, { 'outlined': instance.outlined, 'raised': instance.raised } ]\"\n :disabled=\"instance.disabled\"\n :readonly=\"instance.readonly\"\n @change=\"change($event)\"\n >\n <v-expansion-panel-title\n :class=\"[ instance.color ]\"\n @click=\"click($event)\"\n @mouseenter=\"mouseenter($event)\"\n @mouseleave=\"mouseleave($event)\"\n :style=\"{...getHeaderStyle}\"\n :disable-icon-rotate=\"instance.disableActionRotate\"\n :expand-icon=\"$getIcon(instance.iconName)\"\n :hide-actions=\"instance.hideAction\"\n :ripple=\"instance.ripple\"\n >\n <div class=\"v-expansion-panel-title__text\">\n <template\n v-if=\"!$slots.header\"\n >\n <component\n v-for=\"(item) in instance.headerInstances\"\n v-bind=\"item\"\n :key=\"item.name\"\n :is=\"item.component\"\n :instance-object=\"item\"\n :parent=\"instance\"\n />\n </template>\n <slot name=\"header\"></slot>\n </div>\n\n <template v-if=\"instance.expandButtonInstance && !$slots.expandButton\" v-slot:actions>\n <component\n v-bind=\"instance.expandButtonInstance\"\n :is=\"instance.expandButtonInstance.component\"\n :key=\"instance.expandButtonInstance.name\"\n :instance-object=\"instance.expandButtonInstance\"\n :parent=\"instance\"\n />\n </template>\n <template v-else-if=\"!instance.expandButtonInstance && !$slots.expandButton\" v-slot:actions>\n <v-icon :color=\"instance.iconColor\">{{ $getIcon(instance.iconName) }}</v-icon>\n </template>\n <template v-else v-slot:actions>\n <slot name=\"expandButton\"></slot>\n </template>\n </v-expansion-panel-title>\n <v-expansion-panel-text\n :eager=\"!instance.lazyLoad\"\n >\n <component\n v-for=\"(child) in instance.childrenInstances\"\n v-bind=\"child\"\n :key=\"child.name\"\n :is=\"child.component\"\n :instance-object=\"child\"\n :parent=\"instance\"\n />\n <slot></slot>\n </v-expansion-panel-text>\n </v-expansion-panel>\n </v-expansion-panels>\n</template>\n\n<script lang=\"ts\" src=\"./ZdFieldGroup.ts\"></script>\n\n<style lang=\"scss\">\n.zd-field-group {\n &.tile,\n &.tile:not(.v-expansion-panels--accordion) > .v-expansion-panel--active,\n &.tile:not(.v-expansion-panels--accordion) > .v-expansion-panel--next-active {\n border-radius: var(--border-tile);\n }\n\n & > div:first-child.v-expansion-panel,\n & > div:first-child.v-expansion-panel.v-expansion-panel--active,\n & > div:first-child.v-expansion-panel.v-expansion-panel--next-active {\n box-shadow: none;\n border-radius: var(--border);\n color: var(--v-primary-base);\n\n &::before {\n box-shadow: none;\n }\n\n &.outlined {\n box-shadow: none;\n border: var(--regular) solid var(--v-secondary-base);\n }\n\n &.raised {\n box-shadow: var(--shadow-9);\n }\n\n .v-expansion-panel-text__wrap {\n padding: 0;\n color: var(--zd-font-color);\n }\n\n .v-expansion-panel-title {\n flex-direction: row-reverse;\n gap: 0.5rem;\n min-height: 0;\n width: 100%;\n padding: var(--spacing-4) 0;\n\n .v-expansion-panel-title__text{\n margin-inline-end: auto;\n }\n\n .v-expansion-panel-title__icon {\n margin-inline-start: unset; \n }\n\n .v-expansion-panel-title__icon .v-btn .v-icon {\n color: currentColor;\n }\n\n > :not(.v-expansion-panel-title__icon) {\n padding-right: var(--spacing-4);\n }\n }\n }\n\n &--flat {\n & > div:first-child.v-expansion-panel,\n & > div:first-child.v-expansion-panel.v-expansion-panel--active,\n & > div:first-child.v-expansion-panel.v-expansion-panel--next-active {\n box-shadow: none;\n }\n }\n\n &.v-expansion-panels--hover {\n & > div:first-child.v-expansion-panel,\n & > div:first-child.v-expansion-panel.v-expansion-panel--active,\n & > div:first-child.v-expansion-panel.v-expansion-panel--next-active {\n &:hover, &:focus {\n box-shadow: var(--shadow-5);\n }\n }\n }\n}\n</style>\n","import ZdFieldGroup from \"./components/ZdFieldGroup.vue\";\nimport type { App } from 'vue';\n\nexport default {\n install: (app: App) => {\n app.component('ZdFieldGroup', ZdFieldGroup);\n }\n}\n"],"names":["o","s","i","a","e","t","l","h","n","d","ZdFieldGroupProps","ZdComponentRenderProps","fieldGroupComponent","defineComponent","props","ctx","instance","root","useCreateInstance","FieldGroup","click","mouseenter","mouseleave","useGetMethods","change","event","rootElement","getRootElement","getBackground","getElevationClass","getHeaderStyle","getHeightStyles","cssValue","getWidthStyles","getExpandStatus","property","_hoisted_1","_createBlock","_component_v_expansion_panels","_ctx","_normalizeClass","_createVNode","_component_v_expansion_panel","_cache","$event","_component_v_expansion_panel_title","_createElementVNode","_openBlock","_createElementBlock","_Fragment","_renderList","item","_resolveDynamicComponent","_mergeProps","_renderSlot","_component_v_icon","_component_v_expansion_panel_text","child","_vShow","index","app","ZdFieldGroup"],"mappings":"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"}
package/dist/types/components/ZdFieldGroup.d.ts CHANGED
@@ -61,11 +61,11 @@ export declare const ZdFieldGroupProps: {
61
61
  watch: boolean;
62
62
  };
63
63
  allowDuplicate: {
64
- type: (BooleanConstructor | StringConstructor)[];
64
+ type: (StringConstructor | BooleanConstructor)[];
65
65
  default: boolean;
66
66
  };
67
67
  autofocus: {
68
- type: (BooleanConstructor | StringConstructor)[];
68
+ type: (StringConstructor | BooleanConstructor)[];
69
69
  default: boolean;
70
70
  };
71
71
  cssClass: {
@@ -77,7 +77,7 @@ export declare const ZdFieldGroupProps: {
77
77
  default: string;
78
78
  };
79
79
  dark: {
80
- type: (BooleanConstructor | StringConstructor)[];
80
+ type: (StringConstructor | BooleanConstructor)[];
81
81
  default: boolean;
82
82
  };
83
83
  directives: {
@@ -99,7 +99,7 @@ export declare const ZdFieldGroupProps: {
99
99
  watch: boolean;
100
100
  };
101
101
  isVisible: {
102
- type: (BooleanConstructor | StringConstructor)[];
102
+ type: (StringConstructor | BooleanConstructor)[];
103
103
  default: boolean;
104
104
  };
105
105
  keyMap: {
@@ -108,7 +108,7 @@ export declare const ZdFieldGroupProps: {
108
108
  watch: boolean;
109
109
  };
110
110
  light: {
111
- type: (BooleanConstructor | StringConstructor)[];
111
+ type: (StringConstructor | BooleanConstructor)[];
112
112
  default: boolean;
113
113
  };
114
114
  name: {
@@ -120,7 +120,7 @@ export declare const ZdFieldGroupProps: {
120
120
  watch: boolean;
121
121
  };
122
122
  tabStop: {
123
- type: (BooleanConstructor | StringConstructor)[];
123
+ type: (StringConstructor | BooleanConstructor)[];
124
124
  default: boolean;
125
125
  };
126
126
  userProperties: {
@@ -192,11 +192,11 @@ declare const fieldGroupComponent: import('vue').DefineComponent<import('vue').E
192
192
  watch: boolean;
193
193
  };
194
194
  allowDuplicate: {
195
- type: (BooleanConstructor | StringConstructor)[];
195
+ type: (StringConstructor | BooleanConstructor)[];
196
196
  default: boolean;
197
197
  };
198
198
  autofocus: {
199
- type: (BooleanConstructor | StringConstructor)[];
199
+ type: (StringConstructor | BooleanConstructor)[];
200
200
  default: boolean;
201
201
  };
202
202
  cssClass: {
@@ -208,7 +208,7 @@ declare const fieldGroupComponent: import('vue').DefineComponent<import('vue').E
208
208
  default: string;
209
209
  };
210
210
  dark: {
211
- type: (BooleanConstructor | StringConstructor)[];
211
+ type: (StringConstructor | BooleanConstructor)[];
212
212
  default: boolean;
213
213
  };
214
214
  directives: {
@@ -230,7 +230,7 @@ declare const fieldGroupComponent: import('vue').DefineComponent<import('vue').E
230
230
  watch: boolean;
231
231
  };
232
232
  isVisible: {
233
- type: (BooleanConstructor | StringConstructor)[];
233
+ type: (StringConstructor | BooleanConstructor)[];
234
234
  default: boolean;
235
235
  };
236
236
  keyMap: {
@@ -239,7 +239,7 @@ declare const fieldGroupComponent: import('vue').DefineComponent<import('vue').E
239
239
  watch: boolean;
240
240
  };
241
241
  light: {
242
- type: (BooleanConstructor | StringConstructor)[];
242
+ type: (StringConstructor | BooleanConstructor)[];
243
243
  default: boolean;
244
244
  };
245
245
  name: {
@@ -251,7 +251,7 @@ declare const fieldGroupComponent: import('vue').DefineComponent<import('vue').E
251
251
  watch: boolean;
252
252
  };
253
253
  tabStop: {
254
- type: (BooleanConstructor | StringConstructor)[];
254
+ type: (StringConstructor | BooleanConstructor)[];
255
255
  default: boolean;
256
256
  };
257
257
  userProperties: {
@@ -345,11 +345,11 @@ declare const fieldGroupComponent: import('vue').DefineComponent<import('vue').E
345
345
  watch: boolean;
346
346
  };
347
347
  allowDuplicate: {
348
- type: (BooleanConstructor | StringConstructor)[];
348
+ type: (StringConstructor | BooleanConstructor)[];
349
349
  default: boolean;
350
350
  };
351
351
  autofocus: {
352
- type: (BooleanConstructor | StringConstructor)[];
352
+ type: (StringConstructor | BooleanConstructor)[];
353
353
  default: boolean;
354
354
  };
355
355
  cssClass: {
@@ -361,7 +361,7 @@ declare const fieldGroupComponent: import('vue').DefineComponent<import('vue').E
361
361
  default: string;
362
362
  };
363
363
  dark: {
364
- type: (BooleanConstructor | StringConstructor)[];
364
+ type: (StringConstructor | BooleanConstructor)[];
365
365
  default: boolean;
366
366
  };
367
367
  directives: {
@@ -383,7 +383,7 @@ declare const fieldGroupComponent: import('vue').DefineComponent<import('vue').E
383
383
  watch: boolean;
384
384
  };
385
385
  isVisible: {
386
- type: (BooleanConstructor | StringConstructor)[];
386
+ type: (StringConstructor | BooleanConstructor)[];
387
387
  default: boolean;
388
388
  };
389
389
  keyMap: {
@@ -392,7 +392,7 @@ declare const fieldGroupComponent: import('vue').DefineComponent<import('vue').E
392
392
  watch: boolean;
393
393
  };
394
394
  light: {
395
- type: (BooleanConstructor | StringConstructor)[];
395
+ type: (StringConstructor | BooleanConstructor)[];
396
396
  default: boolean;
397
397
  };
398
398
  name: {
@@ -404,7 +404,7 @@ declare const fieldGroupComponent: import('vue').DefineComponent<import('vue').E
404
404
  watch: boolean;
405
405
  };
406
406
  tabStop: {
407
- type: (BooleanConstructor | StringConstructor)[];
407
+ type: (StringConstructor | BooleanConstructor)[];
408
408
  default: boolean;
409
409
  };
410
410
  userProperties: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zeedhi/zd-field-group-vue",
3
- "version": "3.2.0",
3
+ "version": "3.2.1",
4
4
  "description": "Powered by Zeedhi",
5
5
  "type": "module",
6
6
  "files": [
@@ -24,17 +24,14 @@
24
24
  },
25
25
  "peerDependencies": {
26
26
  "@zeedhi/common": "^3.0.0",
27
- "@zeedhi/vuetify": "^3.0.0",
28
- "@zeedhi/zd-field-group-common": "^3.0.0",
27
+ "@zeedhi/vue": "^3.0.0",
29
28
  "vue": "^3.5.13"
30
29
  },
31
30
  "devDependencies": {
32
31
  "@types/node": "^22.10.2",
33
32
  "@vitejs/plugin-vue": "^5.2.1",
34
33
  "@vue/tsconfig": "^0.7.0",
35
- "@zeedhi/common": "^3.0.0",
36
- "@zeedhi/vuetify": "^3.0.0",
37
- "@zeedhi/zd-field-group-common": "^3.2.0",
34
+ "@zeedhi/zd-field-group-common": "^3.2.1",
38
35
  "sass": "^1.83.0",
39
36
  "typescript": "~5.6.2",
40
37
  "vite": "^5.4.0",
@@ -46,5 +43,5 @@
46
43
  "env": {
47
44
  "NODE_ENV": "production"
48
45
  },
49
- "gitHead": "1f6b3802a26f5d8c61508d3e102e9980ead8109a"
46
+ "gitHead": "3660a32260a97dd3fd35a9a7332088caa38b68a2"
50
47
  }