@zeedhi/zd-user-info-vue 1.0.1 → 1.2.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 (5) hide show
  1. package/README.md +161 -0
  2. package/dist/user-info-vue.esm.js +140 -80
  3. package/dist/user-info-vue.umd.js +143 -84
  4. package/package.json +2 -2
  5. package/types/UserInfo.d.ts +1 -1
package/README.md ADDED
@@ -0,0 +1,161 @@
1
+ # ZdUserInfo
2
+
3
+ Componente de UserInfo construído com o Zeedhi Next
4
+
5
+ ## Instalação
6
+
7
+ O ZdUserInfo é composto pelos pacotes `@zeedhi/zd-user-info-common` e `@zeedhi/zd-user-info-vue`.
8
+ Utilize o comando abaixo para instalar ambos automaticamente:
9
+
10
+ ```sh
11
+ npm install @zeedhi/zd-user-info
12
+ ```
13
+
14
+ Ou instale os pacotes separadamente:
15
+
16
+ ```sh
17
+ npm install @zeedhi/zd-user-info-vue @zeedhi/zd-user-info-common
18
+ ```
19
+
20
+ ### Dependências Adicionais
21
+
22
+ Por padrão, o ZdUserInfo fará uso do componente <a href="http://gitlab.teknisa.com/zeedhi/avatar" target="_blank">ZdAvatar</a> para renderizar o activator do Dropdown. Caso queira utilizar o activator padrão, instale também o ZdAvatar, mas caso não queira será necessário sobrescrever a propriedade activator (ver exemplos)
23
+
24
+ ## Registro do Componente
25
+
26
+ Para registrá-lo, adicione o seguinte código ao inicializar a aplicação (por exemplo no arquivo `zeedhi.ts`)
27
+
28
+ ```ts
29
+ import Vue from 'vue';
30
+ import { ZdUserInfo } from '@zeedhi/zd-user-info';
31
+ // import { ZdUserInfo } from '@zeedhi/zd-user-info-vue'; caso tenha instalado os pacotes separadamente
32
+
33
+ Vue.component('ZdUserInfo', ZdUserInfo);
34
+ ```
35
+
36
+ ## Uso Básico
37
+
38
+ Para utilizá-lo em um Metadata, basta definir a propriedade `component` como `"ZdUserInfo"`. Para definir o nome do usuário, defina a propriedade `user`, e para definir a imagem do usuário defina a propriedade `userImage`:
39
+
40
+ ```json
41
+ {
42
+ "name": "card",
43
+ "component": "ZdCard",
44
+ "cssClass": "zd-display-flex zd-justify-end",
45
+ "children": [
46
+ {
47
+ "name": "user-info",
48
+ "component": "ZdUserInfo",
49
+ "user": "Jane Doe",
50
+ "userImage": "https://picsum.photos/id/1005/100/100.jpg",
51
+ "minWidth": "200px"
52
+ }
53
+ ]
54
+ }
55
+ ```
56
+
57
+ <p align="center" justify="center">
58
+ <img src="./img/basic-usage-1.png" alt="Basic Usage"/>
59
+ </p>
60
+ <p align="center" justify="center">
61
+ <img src="./img/basic-usage-2.png" alt="Basic Usage"/>
62
+ </p>
63
+
64
+
65
+ ## Propriedades
66
+
67
+ | **Nome** | **Tipo** | **Padrão** | **Descrição** |
68
+ |---------------------|----------------------|------------------------------------------------------------------------|-----------------------------------------------------------------------------------|
69
+ | activator | IComponentRender | O activator padrão é um ZdAvatar com um Tooltip | Define o componente usado para ativar o menu |
70
+ | avatarProps | IDictionary | \{\} | Props que serão passadas ao componente ZdAvatar |
71
+ | bottomSlot | IComponentRender\[\] | \[\] | Define os componentes que serão renderizados na parte inferior do menu |
72
+ | centerSlot | IComponentRender\[\] | O centerSlot padrão é um List com duas opções: alterar perfil e logout | Define os componentes que serão renderizados no centro do menu |
73
+ | closeOnClick | boolean | true | Define se o menu irá fechar ao clicar fora do activator |
74
+ | closeOnContentClick | boolean | true | Define se o menu deve fechar ao clicar em seu conteúdo |
75
+ | fixed | boolean | false | Aplica position fixed ao menu |
76
+ | headerSlot | IComponentRender[] | [] | Componentes que serão renderizados no cabeçalho do menu |
77
+ | height | number \| string | 'auto' | Altura do menu |
78
+ | imageProps | IDictionary | \{\} | Props que serão passadas ao componente ZdImage \(renderizado dentro do ZdAvatar\) |
79
+ | offsetX | boolean | false | Desloca o menu pelo eixo x |
80
+ | offsetY | boolean | true | Desloca o menu pelo eixo y |
81
+ | openOnClick | boolean | true | Define se o menu deve abrir ao clicar no activator |
82
+ | openOnHover | boolean | false | Define se o menu deve abrir ao passar o cursor sobre o activator |
83
+ | maxHeight | number \| string | undefined | Altura máxima do menu |
84
+ | maxWidth | number \| string | undefined | Largura máxima do menu |
85
+ | minHeight | number \| string | undefined | Altura mínima do menu |
86
+ | minWidth | number \| string | undefined | Largura mínima do menu |
87
+ | topSlot | IComponentRender\[\] | \[\] | Componentes que serão renderizados na parte superior do menu |
88
+ | user | string | '' | Nome do usuário |
89
+ | userImage | string | '' | Imagem que será renderizada dentro do ZdAvatar |
90
+ | value | boolean | false | Exibe ou esconde o menu |
91
+
92
+
93
+ ## Eventos
94
+
95
+ | **Nome** | **Parâmetros** | **Descrição** |
96
+ |-----------------|----------------------------------------------|-----------------------------------------------|
97
+ | onProfileChange | \{ component, element, event \}: IEventParam | Disparado ao clicar no item de alterar perfil |
98
+ | onLogoutClick | \{ component, element, event \}: IEventParam | Disparado ao clicar no item de sair |
99
+
100
+ ## Exemplos
101
+
102
+ ### avatarProps e imageProps
103
+
104
+ É possível sobrescrever as propriedades dos componentes ZdAvatar e ZdImage que são renderizados. No exemplo abaixo a propriedade `imageProps` é utilizada para melhorar a resolução da imagem, enquanto a propriedade `avatarProps` é utilizada para aumentar o tamanho do ZdAvatar:
105
+
106
+ ```json
107
+ {
108
+ "name": "card",
109
+ "component": "ZdCard",
110
+ "cssClass": "zd-display-flex zd-justify-end",
111
+ "children": [
112
+ {
113
+ "name": "user-info",
114
+ "component": "ZdUserInfo",
115
+ "user": "Jane Doe",
116
+ "userImage": "https://picsum.photos/id/1005/200/200.jpg",
117
+ "minWidth": "200px",
118
+ "avatarProps": {
119
+ "size": 62
120
+ },
121
+ "imageProps": {
122
+ "height": "100px"
123
+ }
124
+ }
125
+ ]
126
+ }
127
+ ```
128
+
129
+ <p align="center" justify="center">
130
+ <img src="./img/example-1.png" alt="Basic Usage"/>
131
+ </p>
132
+
133
+ ### Sobrescrevendo o activator
134
+
135
+ Caso não queira utilizar o activator padrão do componente, basta sobrescrever a propriedade `activator`:
136
+
137
+ ```json
138
+ {
139
+ "name": "card",
140
+ "component": "ZdCard",
141
+ "cssClass": "zd-display-flex zd-justify-end",
142
+ "children": [
143
+ {
144
+ "name": "user-info",
145
+ "component": "ZdUserInfo",
146
+ "user": "Jane Doe",
147
+ "minWidth": "200px",
148
+ "activator": {
149
+ "name": "user-button",
150
+ "component": "ZdButton",
151
+ "icon": true,
152
+ "iconName": "mdi-account"
153
+ }
154
+ }
155
+ ]
156
+ }
157
+ ```
158
+
159
+ <p align="center" justify="center">
160
+ <img src="./img/example-2.png" alt="Basic Usage"/>
161
+ </p>
package/dist/user-info-vue.esm.js CHANGED
@@ -1,3 +1,4 @@
1
+ import { VersionService } from '@zeedhi/core';
1
2
  import { Prop, Component } from 'vue-property-decorator';
2
3
  import { PropWatch, ZdComponentRender } from '@zeedhi/vuetify';
3
4
  import { UserInfo } from '@zeedhi/zd-user-info-common';
@@ -22,114 +23,87 @@ function __decorate(decorators, target, key, desc) {
22
23
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
23
24
  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
24
25
  return c > 3 && r && Object.defineProperty(target, key, r), r;
25
- }
26
-
27
- function __metadata(metadataKey, metadataValue) {
28
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
29
26
  }
30
27
 
31
- let ZdUserInfo = class ZdUserInfo extends ZdComponentRender {
28
+ let ZdUserInfo$2 = class ZdUserInfo extends ZdComponentRender {
32
29
  constructor() {
33
30
  super(...arguments);
34
31
  this.instanceType = UserInfo;
35
32
  }
36
33
  };
37
34
  __decorate([
38
- Prop({ type: [Object] }),
39
- __metadata("design:type", Object)
40
- ], ZdUserInfo.prototype, "activator", void 0);
35
+ Prop({ type: [Object] })
36
+ ], ZdUserInfo$2.prototype, "activator", void 0);
41
37
  __decorate([
42
- Prop({ type: [Object], default: () => ({}) }),
43
- __metadata("design:type", Object)
44
- ], ZdUserInfo.prototype, "avatarProps", void 0);
38
+ Prop({ type: [Object], default: () => ({}) })
39
+ ], ZdUserInfo$2.prototype, "avatarProps", void 0);
45
40
  __decorate([
46
- Prop({ type: [Array], default: () => ([]) }),
47
- __metadata("design:type", Array)
48
- ], ZdUserInfo.prototype, "bottomSlot", void 0);
41
+ Prop({ type: [Array], default: () => ([]) })
42
+ ], ZdUserInfo$2.prototype, "bottomSlot", void 0);
49
43
  __decorate([
50
- Prop({ type: [Array] }),
51
- __metadata("design:type", Array)
52
- ], ZdUserInfo.prototype, "centerSlot", void 0);
44
+ Prop({ type: [Array] })
45
+ ], ZdUserInfo$2.prototype, "centerSlot", void 0);
53
46
  __decorate([
54
- Prop({ type: [Array], default: () => ([]) }),
55
- __metadata("design:type", Array)
56
- ], ZdUserInfo.prototype, "topSlot", void 0);
47
+ Prop({ type: [Array], default: () => ([]) })
48
+ ], ZdUserInfo$2.prototype, "topSlot", void 0);
57
49
  __decorate([
58
- Prop({ type: [Array], default: () => ([]) }),
59
- __metadata("design:type", Array)
60
- ], ZdUserInfo.prototype, "headerSlot", void 0);
50
+ Prop({ type: [Array], default: () => ([]) })
51
+ ], ZdUserInfo$2.prototype, "headerSlot", void 0);
61
52
  __decorate([
62
- PropWatch({ type: [String, Boolean], default: true }),
63
- __metadata("design:type", Boolean)
64
- ], ZdUserInfo.prototype, "showProfileChange", void 0);
53
+ PropWatch({ type: [String], default: '' })
54
+ ], ZdUserInfo$2.prototype, "user", void 0);
65
55
  __decorate([
66
- PropWatch({ type: [String], default: '' }),
67
- __metadata("design:type", String)
68
- ], ZdUserInfo.prototype, "user", void 0);
56
+ PropWatch({ type: [String], default: '' })
57
+ ], ZdUserInfo$2.prototype, "userImage", void 0);
69
58
  __decorate([
70
- PropWatch({ type: [String], default: '' }),
71
- __metadata("design:type", String)
72
- ], ZdUserInfo.prototype, "userImage", void 0);
59
+ PropWatch({ type: [Boolean, String], default: true })
60
+ ], ZdUserInfo$2.prototype, "closeOnClick", void 0);
73
61
  __decorate([
74
- PropWatch({ type: [Boolean, String], default: true }),
75
- __metadata("design:type", Boolean)
76
- ], ZdUserInfo.prototype, "closeOnClick", void 0);
62
+ PropWatch({ type: [Boolean, String], default: true })
63
+ ], ZdUserInfo$2.prototype, "closeOnContentClick", void 0);
77
64
  __decorate([
78
- PropWatch({ type: [Boolean, String], default: true }),
79
- __metadata("design:type", Boolean)
80
- ], ZdUserInfo.prototype, "closeOnContentClick", void 0);
65
+ PropWatch({ type: [Boolean, String], default: false })
66
+ ], ZdUserInfo$2.prototype, "fixed", void 0);
81
67
  __decorate([
82
- PropWatch({ type: [Boolean, String], default: false }),
83
- __metadata("design:type", Boolean)
84
- ], ZdUserInfo.prototype, "fixed", void 0);
68
+ PropWatch({ type: [Object], default: () => ({}) })
69
+ ], ZdUserInfo$2.prototype, "imageProps", void 0);
85
70
  __decorate([
86
- PropWatch({ type: [Object], default: () => ({}) }),
87
- __metadata("design:type", Object)
88
- ], ZdUserInfo.prototype, "imageProps", void 0);
71
+ PropWatch({ type: [Boolean, String], default: false })
72
+ ], ZdUserInfo$2.prototype, "offsetX", void 0);
89
73
  __decorate([
90
- PropWatch({ type: [Boolean, String], default: false }),
91
- __metadata("design:type", Boolean)
92
- ], ZdUserInfo.prototype, "offsetX", void 0);
74
+ PropWatch({ type: [Boolean, String], default: true })
75
+ ], ZdUserInfo$2.prototype, "offsetY", void 0);
93
76
  __decorate([
94
- PropWatch({ type: [Boolean, String], default: true }),
95
- __metadata("design:type", Boolean)
96
- ], ZdUserInfo.prototype, "offsetY", void 0);
77
+ PropWatch({ type: [Boolean, String], default: true })
78
+ ], ZdUserInfo$2.prototype, "openOnClick", void 0);
97
79
  __decorate([
98
- PropWatch({ type: [Boolean, String], default: true }),
99
- __metadata("design:type", Boolean)
100
- ], ZdUserInfo.prototype, "openOnClick", void 0);
80
+ PropWatch({ type: [Boolean, String], default: false })
81
+ ], ZdUserInfo$2.prototype, "openOnHover", void 0);
101
82
  __decorate([
102
- PropWatch({ type: [Boolean, String], default: false }),
103
- __metadata("design:type", Boolean)
104
- ], ZdUserInfo.prototype, "openOnHover", void 0);
83
+ PropWatch({ type: [Number, String], default: 'auto' })
84
+ ], ZdUserInfo$2.prototype, "height", void 0);
105
85
  __decorate([
106
- PropWatch({ type: [Number, String], default: 'auto' }),
107
- __metadata("design:type", Object)
108
- ], ZdUserInfo.prototype, "height", void 0);
86
+ PropWatch({ type: [Number, String] })
87
+ ], ZdUserInfo$2.prototype, "maxHeight", void 0);
109
88
  __decorate([
110
- PropWatch({ type: [Number, String] }),
111
- __metadata("design:type", Object)
112
- ], ZdUserInfo.prototype, "maxHeight", void 0);
89
+ PropWatch({ type: [Number, String] })
90
+ ], ZdUserInfo$2.prototype, "maxWidth", void 0);
113
91
  __decorate([
114
- PropWatch({ type: [Number, String] }),
115
- __metadata("design:type", Object)
116
- ], ZdUserInfo.prototype, "maxWidth", void 0);
92
+ PropWatch({ type: [Number, String] })
93
+ ], ZdUserInfo$2.prototype, "minHeight", void 0);
117
94
  __decorate([
118
- PropWatch({ type: [Number, String] }),
119
- __metadata("design:type", Object)
120
- ], ZdUserInfo.prototype, "minHeight", void 0);
95
+ PropWatch({ type: [Number, String] })
96
+ ], ZdUserInfo$2.prototype, "minWidth", void 0);
121
97
  __decorate([
122
- PropWatch({ type: [Number, String] }),
123
- __metadata("design:type", Object)
124
- ], ZdUserInfo.prototype, "minWidth", void 0);
98
+ PropWatch({ default: undefined })
99
+ ], ZdUserInfo$2.prototype, "value", void 0);
125
100
  __decorate([
126
- PropWatch({ default: undefined }),
127
- __metadata("design:type", Object)
128
- ], ZdUserInfo.prototype, "value", void 0);
129
- ZdUserInfo = __decorate([
101
+ PropWatch({ type: [String, Object], default: () => ({}) })
102
+ ], ZdUserInfo$2.prototype, "visibleItems", void 0);
103
+ ZdUserInfo$2 = __decorate([
130
104
  Component
131
- ], ZdUserInfo);
132
- var script = ZdUserInfo;
105
+ ], ZdUserInfo$2);
106
+ var script = ZdUserInfo$2;
133
107
 
134
108
  function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
135
109
  if (typeof shadowMode !== 'boolean') {
@@ -234,9 +208,12 @@ var __vue_render__ = function () {
234
208
  _vm._v(" "),
235
209
  _vm._t("headerSlot"),
236
210
  ]
237
- : _c("div", { staticClass: "zd-text-center text-h5 zd-pa-2" }, [
211
+ : _vm.instance.visibleItems.userName ||
212
+ _vm.instance.visibleItems.userName === undefined
213
+ ? _c("div", { staticClass: "zd-text-center text-h5 zd-pa-2" }, [
238
214
  _vm._v(_vm._s(_vm.instance.user)),
239
- ]),
215
+ ])
216
+ : _vm._e(),
240
217
  _vm._v(" "),
241
218
  _vm.instance.topSlot.length > 0 || _vm.$slots.topSlot
242
219
  ? [
@@ -333,4 +310,87 @@ __vue_render__._withStripped = true;
333
310
  undefined
334
311
  );
335
312
 
336
- export { __vue_component__ as ZdUserInfo, script as ZdUserInfoClass };
313
+ let ZdUserInfo = class ZdUserInfo extends ZdComponentRender {
314
+ constructor() {
315
+ super(...arguments);
316
+ this.instanceType = UserInfo;
317
+ }
318
+ };
319
+ __decorate([
320
+ Prop({ type: [Object] })
321
+ ], ZdUserInfo.prototype, "activator", void 0);
322
+ __decorate([
323
+ Prop({ type: [Object], default: () => ({}) })
324
+ ], ZdUserInfo.prototype, "avatarProps", void 0);
325
+ __decorate([
326
+ Prop({ type: [Array], default: () => ([]) })
327
+ ], ZdUserInfo.prototype, "bottomSlot", void 0);
328
+ __decorate([
329
+ Prop({ type: [Array] })
330
+ ], ZdUserInfo.prototype, "centerSlot", void 0);
331
+ __decorate([
332
+ Prop({ type: [Array], default: () => ([]) })
333
+ ], ZdUserInfo.prototype, "topSlot", void 0);
334
+ __decorate([
335
+ Prop({ type: [Array], default: () => ([]) })
336
+ ], ZdUserInfo.prototype, "headerSlot", void 0);
337
+ __decorate([
338
+ PropWatch({ type: [String], default: '' })
339
+ ], ZdUserInfo.prototype, "user", void 0);
340
+ __decorate([
341
+ PropWatch({ type: [String], default: '' })
342
+ ], ZdUserInfo.prototype, "userImage", void 0);
343
+ __decorate([
344
+ PropWatch({ type: [Boolean, String], default: true })
345
+ ], ZdUserInfo.prototype, "closeOnClick", void 0);
346
+ __decorate([
347
+ PropWatch({ type: [Boolean, String], default: true })
348
+ ], ZdUserInfo.prototype, "closeOnContentClick", void 0);
349
+ __decorate([
350
+ PropWatch({ type: [Boolean, String], default: false })
351
+ ], ZdUserInfo.prototype, "fixed", void 0);
352
+ __decorate([
353
+ PropWatch({ type: [Object], default: () => ({}) })
354
+ ], ZdUserInfo.prototype, "imageProps", void 0);
355
+ __decorate([
356
+ PropWatch({ type: [Boolean, String], default: false })
357
+ ], ZdUserInfo.prototype, "offsetX", void 0);
358
+ __decorate([
359
+ PropWatch({ type: [Boolean, String], default: true })
360
+ ], ZdUserInfo.prototype, "offsetY", void 0);
361
+ __decorate([
362
+ PropWatch({ type: [Boolean, String], default: true })
363
+ ], ZdUserInfo.prototype, "openOnClick", void 0);
364
+ __decorate([
365
+ PropWatch({ type: [Boolean, String], default: false })
366
+ ], ZdUserInfo.prototype, "openOnHover", void 0);
367
+ __decorate([
368
+ PropWatch({ type: [Number, String], default: 'auto' })
369
+ ], ZdUserInfo.prototype, "height", void 0);
370
+ __decorate([
371
+ PropWatch({ type: [Number, String] })
372
+ ], ZdUserInfo.prototype, "maxHeight", void 0);
373
+ __decorate([
374
+ PropWatch({ type: [Number, String] })
375
+ ], ZdUserInfo.prototype, "maxWidth", void 0);
376
+ __decorate([
377
+ PropWatch({ type: [Number, String] })
378
+ ], ZdUserInfo.prototype, "minHeight", void 0);
379
+ __decorate([
380
+ PropWatch({ type: [Number, String] })
381
+ ], ZdUserInfo.prototype, "minWidth", void 0);
382
+ __decorate([
383
+ PropWatch({ default: undefined })
384
+ ], ZdUserInfo.prototype, "value", void 0);
385
+ __decorate([
386
+ PropWatch({ type: [String, Object], default: () => ({}) })
387
+ ], ZdUserInfo.prototype, "visibleItems", void 0);
388
+ ZdUserInfo = __decorate([
389
+ Component
390
+ ], ZdUserInfo);
391
+ var ZdUserInfo$1 = ZdUserInfo;
392
+
393
+ const packageContent = require('../package.json');
394
+ VersionService.addPackageVersion(packageContent.name, packageContent.version);
395
+
396
+ export { __vue_component__ as ZdUserInfo, ZdUserInfo$1 as ZdUserInfoClass };
package/dist/user-info-vue.umd.js CHANGED
@@ -1,8 +1,8 @@
1
1
  (function (global, factory) {
2
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue-property-decorator'), require('@zeedhi/vuetify'), require('@zeedhi/zd-user-info-common')) :
3
- typeof define === 'function' && define.amd ? define(['exports', 'vue-property-decorator', '@zeedhi/vuetify', '@zeedhi/zd-user-info-common'], factory) :
4
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@zeedhi/zd-user-info-vue"] = {}, global["vue-property-decorator"], global["@zeedhi/vuetify"], global["@zeedhi/zd-user-info-common"]));
5
- })(this, (function (exports, vuePropertyDecorator, vuetify, zdUserInfoCommon) { 'use strict';
2
+ typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@zeedhi/core'), require('vue-property-decorator'), require('@zeedhi/vuetify'), require('@zeedhi/zd-user-info-common')) :
3
+ typeof define === 'function' && define.amd ? define(['exports', '@zeedhi/core', 'vue-property-decorator', '@zeedhi/vuetify', '@zeedhi/zd-user-info-common'], factory) :
4
+ (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@zeedhi/zd-user-info-vue"] = {}, global["@zeedhi/core"], global["vue-property-decorator"], global["@zeedhi/vuetify"], global["@zeedhi/zd-user-info-common"]));
5
+ })(this, (function (exports, core, vuePropertyDecorator, vuetify, zdUserInfoCommon) { 'use strict';
6
6
 
7
7
  /*! *****************************************************************************
8
8
  Copyright (c) Microsoft Corporation.
@@ -24,114 +24,87 @@
24
24
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
25
25
  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
26
26
  return c > 3 && r && Object.defineProperty(target, key, r), r;
27
- }
28
-
29
- function __metadata(metadataKey, metadataValue) {
30
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
31
27
  }
32
28
 
33
- let ZdUserInfo = class ZdUserInfo extends vuetify.ZdComponentRender {
29
+ let ZdUserInfo$2 = class ZdUserInfo extends vuetify.ZdComponentRender {
34
30
  constructor() {
35
31
  super(...arguments);
36
32
  this.instanceType = zdUserInfoCommon.UserInfo;
37
33
  }
38
34
  };
39
35
  __decorate([
40
- vuePropertyDecorator.Prop({ type: [Object] }),
41
- __metadata("design:type", Object)
42
- ], ZdUserInfo.prototype, "activator", void 0);
36
+ vuePropertyDecorator.Prop({ type: [Object] })
37
+ ], ZdUserInfo$2.prototype, "activator", void 0);
43
38
  __decorate([
44
- vuePropertyDecorator.Prop({ type: [Object], default: () => ({}) }),
45
- __metadata("design:type", Object)
46
- ], ZdUserInfo.prototype, "avatarProps", void 0);
39
+ vuePropertyDecorator.Prop({ type: [Object], default: () => ({}) })
40
+ ], ZdUserInfo$2.prototype, "avatarProps", void 0);
47
41
  __decorate([
48
- vuePropertyDecorator.Prop({ type: [Array], default: () => ([]) }),
49
- __metadata("design:type", Array)
50
- ], ZdUserInfo.prototype, "bottomSlot", void 0);
42
+ vuePropertyDecorator.Prop({ type: [Array], default: () => ([]) })
43
+ ], ZdUserInfo$2.prototype, "bottomSlot", void 0);
51
44
  __decorate([
52
- vuePropertyDecorator.Prop({ type: [Array] }),
53
- __metadata("design:type", Array)
54
- ], ZdUserInfo.prototype, "centerSlot", void 0);
45
+ vuePropertyDecorator.Prop({ type: [Array] })
46
+ ], ZdUserInfo$2.prototype, "centerSlot", void 0);
55
47
  __decorate([
56
- vuePropertyDecorator.Prop({ type: [Array], default: () => ([]) }),
57
- __metadata("design:type", Array)
58
- ], ZdUserInfo.prototype, "topSlot", void 0);
48
+ vuePropertyDecorator.Prop({ type: [Array], default: () => ([]) })
49
+ ], ZdUserInfo$2.prototype, "topSlot", void 0);
59
50
  __decorate([
60
- vuePropertyDecorator.Prop({ type: [Array], default: () => ([]) }),
61
- __metadata("design:type", Array)
62
- ], ZdUserInfo.prototype, "headerSlot", void 0);
51
+ vuePropertyDecorator.Prop({ type: [Array], default: () => ([]) })
52
+ ], ZdUserInfo$2.prototype, "headerSlot", void 0);
63
53
  __decorate([
64
- vuetify.PropWatch({ type: [String, Boolean], default: true }),
65
- __metadata("design:type", Boolean)
66
- ], ZdUserInfo.prototype, "showProfileChange", void 0);
54
+ vuetify.PropWatch({ type: [String], default: '' })
55
+ ], ZdUserInfo$2.prototype, "user", void 0);
67
56
  __decorate([
68
- vuetify.PropWatch({ type: [String], default: '' }),
69
- __metadata("design:type", String)
70
- ], ZdUserInfo.prototype, "user", void 0);
57
+ vuetify.PropWatch({ type: [String], default: '' })
58
+ ], ZdUserInfo$2.prototype, "userImage", void 0);
71
59
  __decorate([
72
- vuetify.PropWatch({ type: [String], default: '' }),
73
- __metadata("design:type", String)
74
- ], ZdUserInfo.prototype, "userImage", void 0);
60
+ vuetify.PropWatch({ type: [Boolean, String], default: true })
61
+ ], ZdUserInfo$2.prototype, "closeOnClick", void 0);
75
62
  __decorate([
76
- vuetify.PropWatch({ type: [Boolean, String], default: true }),
77
- __metadata("design:type", Boolean)
78
- ], ZdUserInfo.prototype, "closeOnClick", void 0);
63
+ vuetify.PropWatch({ type: [Boolean, String], default: true })
64
+ ], ZdUserInfo$2.prototype, "closeOnContentClick", void 0);
79
65
  __decorate([
80
- vuetify.PropWatch({ type: [Boolean, String], default: true }),
81
- __metadata("design:type", Boolean)
82
- ], ZdUserInfo.prototype, "closeOnContentClick", void 0);
66
+ vuetify.PropWatch({ type: [Boolean, String], default: false })
67
+ ], ZdUserInfo$2.prototype, "fixed", void 0);
83
68
  __decorate([
84
- vuetify.PropWatch({ type: [Boolean, String], default: false }),
85
- __metadata("design:type", Boolean)
86
- ], ZdUserInfo.prototype, "fixed", void 0);
69
+ vuetify.PropWatch({ type: [Object], default: () => ({}) })
70
+ ], ZdUserInfo$2.prototype, "imageProps", void 0);
87
71
  __decorate([
88
- vuetify.PropWatch({ type: [Object], default: () => ({}) }),
89
- __metadata("design:type", Object)
90
- ], ZdUserInfo.prototype, "imageProps", void 0);
72
+ vuetify.PropWatch({ type: [Boolean, String], default: false })
73
+ ], ZdUserInfo$2.prototype, "offsetX", void 0);
91
74
  __decorate([
92
- vuetify.PropWatch({ type: [Boolean, String], default: false }),
93
- __metadata("design:type", Boolean)
94
- ], ZdUserInfo.prototype, "offsetX", void 0);
75
+ vuetify.PropWatch({ type: [Boolean, String], default: true })
76
+ ], ZdUserInfo$2.prototype, "offsetY", void 0);
95
77
  __decorate([
96
- vuetify.PropWatch({ type: [Boolean, String], default: true }),
97
- __metadata("design:type", Boolean)
98
- ], ZdUserInfo.prototype, "offsetY", void 0);
78
+ vuetify.PropWatch({ type: [Boolean, String], default: true })
79
+ ], ZdUserInfo$2.prototype, "openOnClick", void 0);
99
80
  __decorate([
100
- vuetify.PropWatch({ type: [Boolean, String], default: true }),
101
- __metadata("design:type", Boolean)
102
- ], ZdUserInfo.prototype, "openOnClick", void 0);
81
+ vuetify.PropWatch({ type: [Boolean, String], default: false })
82
+ ], ZdUserInfo$2.prototype, "openOnHover", void 0);
103
83
  __decorate([
104
- vuetify.PropWatch({ type: [Boolean, String], default: false }),
105
- __metadata("design:type", Boolean)
106
- ], ZdUserInfo.prototype, "openOnHover", void 0);
84
+ vuetify.PropWatch({ type: [Number, String], default: 'auto' })
85
+ ], ZdUserInfo$2.prototype, "height", void 0);
107
86
  __decorate([
108
- vuetify.PropWatch({ type: [Number, String], default: 'auto' }),
109
- __metadata("design:type", Object)
110
- ], ZdUserInfo.prototype, "height", void 0);
87
+ vuetify.PropWatch({ type: [Number, String] })
88
+ ], ZdUserInfo$2.prototype, "maxHeight", void 0);
111
89
  __decorate([
112
- vuetify.PropWatch({ type: [Number, String] }),
113
- __metadata("design:type", Object)
114
- ], ZdUserInfo.prototype, "maxHeight", void 0);
90
+ vuetify.PropWatch({ type: [Number, String] })
91
+ ], ZdUserInfo$2.prototype, "maxWidth", void 0);
115
92
  __decorate([
116
- vuetify.PropWatch({ type: [Number, String] }),
117
- __metadata("design:type", Object)
118
- ], ZdUserInfo.prototype, "maxWidth", void 0);
93
+ vuetify.PropWatch({ type: [Number, String] })
94
+ ], ZdUserInfo$2.prototype, "minHeight", void 0);
119
95
  __decorate([
120
- vuetify.PropWatch({ type: [Number, String] }),
121
- __metadata("design:type", Object)
122
- ], ZdUserInfo.prototype, "minHeight", void 0);
96
+ vuetify.PropWatch({ type: [Number, String] })
97
+ ], ZdUserInfo$2.prototype, "minWidth", void 0);
123
98
  __decorate([
124
- vuetify.PropWatch({ type: [Number, String] }),
125
- __metadata("design:type", Object)
126
- ], ZdUserInfo.prototype, "minWidth", void 0);
99
+ vuetify.PropWatch({ default: undefined })
100
+ ], ZdUserInfo$2.prototype, "value", void 0);
127
101
  __decorate([
128
- vuetify.PropWatch({ default: undefined }),
129
- __metadata("design:type", Object)
130
- ], ZdUserInfo.prototype, "value", void 0);
131
- ZdUserInfo = __decorate([
102
+ vuetify.PropWatch({ type: [String, Object], default: () => ({}) })
103
+ ], ZdUserInfo$2.prototype, "visibleItems", void 0);
104
+ ZdUserInfo$2 = __decorate([
132
105
  vuePropertyDecorator.Component
133
- ], ZdUserInfo);
134
- var script = ZdUserInfo;
106
+ ], ZdUserInfo$2);
107
+ var script = ZdUserInfo$2;
135
108
 
136
109
  function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
137
110
  if (typeof shadowMode !== 'boolean') {
@@ -236,9 +209,12 @@
236
209
  _vm._v(" "),
237
210
  _vm._t("headerSlot"),
238
211
  ]
239
- : _c("div", { staticClass: "zd-text-center text-h5 zd-pa-2" }, [
212
+ : _vm.instance.visibleItems.userName ||
213
+ _vm.instance.visibleItems.userName === undefined
214
+ ? _c("div", { staticClass: "zd-text-center text-h5 zd-pa-2" }, [
240
215
  _vm._v(_vm._s(_vm.instance.user)),
241
- ]),
216
+ ])
217
+ : _vm._e(),
242
218
  _vm._v(" "),
243
219
  _vm.instance.topSlot.length > 0 || _vm.$slots.topSlot
244
220
  ? [
@@ -335,8 +311,91 @@
335
311
  undefined
336
312
  );
337
313
 
314
+ let ZdUserInfo = class ZdUserInfo extends vuetify.ZdComponentRender {
315
+ constructor() {
316
+ super(...arguments);
317
+ this.instanceType = zdUserInfoCommon.UserInfo;
318
+ }
319
+ };
320
+ __decorate([
321
+ vuePropertyDecorator.Prop({ type: [Object] })
322
+ ], ZdUserInfo.prototype, "activator", void 0);
323
+ __decorate([
324
+ vuePropertyDecorator.Prop({ type: [Object], default: () => ({}) })
325
+ ], ZdUserInfo.prototype, "avatarProps", void 0);
326
+ __decorate([
327
+ vuePropertyDecorator.Prop({ type: [Array], default: () => ([]) })
328
+ ], ZdUserInfo.prototype, "bottomSlot", void 0);
329
+ __decorate([
330
+ vuePropertyDecorator.Prop({ type: [Array] })
331
+ ], ZdUserInfo.prototype, "centerSlot", void 0);
332
+ __decorate([
333
+ vuePropertyDecorator.Prop({ type: [Array], default: () => ([]) })
334
+ ], ZdUserInfo.prototype, "topSlot", void 0);
335
+ __decorate([
336
+ vuePropertyDecorator.Prop({ type: [Array], default: () => ([]) })
337
+ ], ZdUserInfo.prototype, "headerSlot", void 0);
338
+ __decorate([
339
+ vuetify.PropWatch({ type: [String], default: '' })
340
+ ], ZdUserInfo.prototype, "user", void 0);
341
+ __decorate([
342
+ vuetify.PropWatch({ type: [String], default: '' })
343
+ ], ZdUserInfo.prototype, "userImage", void 0);
344
+ __decorate([
345
+ vuetify.PropWatch({ type: [Boolean, String], default: true })
346
+ ], ZdUserInfo.prototype, "closeOnClick", void 0);
347
+ __decorate([
348
+ vuetify.PropWatch({ type: [Boolean, String], default: true })
349
+ ], ZdUserInfo.prototype, "closeOnContentClick", void 0);
350
+ __decorate([
351
+ vuetify.PropWatch({ type: [Boolean, String], default: false })
352
+ ], ZdUserInfo.prototype, "fixed", void 0);
353
+ __decorate([
354
+ vuetify.PropWatch({ type: [Object], default: () => ({}) })
355
+ ], ZdUserInfo.prototype, "imageProps", void 0);
356
+ __decorate([
357
+ vuetify.PropWatch({ type: [Boolean, String], default: false })
358
+ ], ZdUserInfo.prototype, "offsetX", void 0);
359
+ __decorate([
360
+ vuetify.PropWatch({ type: [Boolean, String], default: true })
361
+ ], ZdUserInfo.prototype, "offsetY", void 0);
362
+ __decorate([
363
+ vuetify.PropWatch({ type: [Boolean, String], default: true })
364
+ ], ZdUserInfo.prototype, "openOnClick", void 0);
365
+ __decorate([
366
+ vuetify.PropWatch({ type: [Boolean, String], default: false })
367
+ ], ZdUserInfo.prototype, "openOnHover", void 0);
368
+ __decorate([
369
+ vuetify.PropWatch({ type: [Number, String], default: 'auto' })
370
+ ], ZdUserInfo.prototype, "height", void 0);
371
+ __decorate([
372
+ vuetify.PropWatch({ type: [Number, String] })
373
+ ], ZdUserInfo.prototype, "maxHeight", void 0);
374
+ __decorate([
375
+ vuetify.PropWatch({ type: [Number, String] })
376
+ ], ZdUserInfo.prototype, "maxWidth", void 0);
377
+ __decorate([
378
+ vuetify.PropWatch({ type: [Number, String] })
379
+ ], ZdUserInfo.prototype, "minHeight", void 0);
380
+ __decorate([
381
+ vuetify.PropWatch({ type: [Number, String] })
382
+ ], ZdUserInfo.prototype, "minWidth", void 0);
383
+ __decorate([
384
+ vuetify.PropWatch({ default: undefined })
385
+ ], ZdUserInfo.prototype, "value", void 0);
386
+ __decorate([
387
+ vuetify.PropWatch({ type: [String, Object], default: () => ({}) })
388
+ ], ZdUserInfo.prototype, "visibleItems", void 0);
389
+ ZdUserInfo = __decorate([
390
+ vuePropertyDecorator.Component
391
+ ], ZdUserInfo);
392
+ var ZdUserInfo$1 = ZdUserInfo;
393
+
394
+ const packageContent = require('../package.json');
395
+ core.VersionService.addPackageVersion(packageContent.name, packageContent.version);
396
+
338
397
  exports.ZdUserInfo = __vue_component__;
339
- exports.ZdUserInfoClass = script;
398
+ exports.ZdUserInfoClass = ZdUserInfo$1;
340
399
 
341
400
  Object.defineProperty(exports, '__esModule', { value: true });
342
401
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zeedhi/zd-user-info-vue",
3
- "version": "1.0.1",
3
+ "version": "1.2.0",
4
4
  "description": "Implementation of UserInfo componente using Zeedhi Next",
5
5
  "main": "dist/user-info-vue.umd.js",
6
6
  "module": "dist/user-info-vue.esm.js",
@@ -22,5 +22,5 @@
22
22
  "vue-class-component": "^7.2.6",
23
23
  "vue-property-decorator": "^9.1.2"
24
24
  },
25
- "gitHead": "70fee0b337f7a8c00aa3dc5a6cde77e57023992a"
25
+ "gitHead": "37866984b129d9b62aaf4d904205b5064bd92870"
26
26
  }
package/types/UserInfo.d.ts CHANGED
@@ -11,7 +11,6 @@ export default class ZdUserInfo extends ZdComponentRender {
11
11
  centerSlot: IComponentRender[];
12
12
  topSlot: IComponentRender[];
13
13
  headerSlot: IComponentRender[];
14
- showProfileChange: boolean;
15
14
  user: string;
16
15
  userImage: string;
17
16
  closeOnClick: boolean;
@@ -28,4 +27,5 @@ export default class ZdUserInfo extends ZdComponentRender {
28
27
  minHeight?: number | string;
29
28
  minWidth?: number | string;
30
29
  value: any;
30
+ visibleItems: IDictionary;
31
31
  }