@zeedhi/zd-avatar-vue 1.0.0

package/dist/avatar-vue.esm.js

@@ -0,0 +1,304 @@
+import { Prop, Component } from 'vue-property-decorator';
+import { PropWatch, ZdComponentRender } from '@zeedhi/vuetify';
+import { Avatar } from '@zeedhi/zd-avatar-common';
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __decorate(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+function __metadata(metadataKey, metadataValue) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
+}
+
+let ZdAvatar = class ZdAvatar extends ZdComponentRender {
+    constructor() {
+        super(...arguments);
+        this.instanceType = Avatar;
+    }
+};
+__decorate([
+    PropWatch({ type: [String, Number], default: 48 }),
+    __metadata("design:type", Object)
+], ZdAvatar.prototype, "size", void 0);
+__decorate([
+    PropWatch({ type: [String, Boolean], default: false }),
+    __metadata("design:type", Boolean)
+], ZdAvatar.prototype, "tile", void 0);
+__decorate([
+    Prop({ type: [String, Array], default: () => ([]) }),
+    __metadata("design:type", Array)
+], ZdAvatar.prototype, "avatarSlot", void 0);
+__decorate([
+    PropWatch({ type: [String], default: '' }),
+    __metadata("design:type", String)
+], ZdAvatar.prototype, "color", void 0);
+__decorate([
+    PropWatch({ type: [String, Boolean], default: false }),
+    __metadata("design:type", Boolean)
+], ZdAvatar.prototype, "rounded", void 0);
+__decorate([
+    PropWatch({ type: [String, Number] }),
+    __metadata("design:type", Object)
+], ZdAvatar.prototype, "height", void 0);
+__decorate([
+    PropWatch({ type: [String, Number] }),
+    __metadata("design:type", Object)
+], ZdAvatar.prototype, "minHeight", void 0);
+__decorate([
+    PropWatch({ type: [String, Number] }),
+    __metadata("design:type", Object)
+], ZdAvatar.prototype, "maxHeight", void 0);
+__decorate([
+    PropWatch({ type: [String, Number] }),
+    __metadata("design:type", Object)
+], ZdAvatar.prototype, "width", void 0);
+__decorate([
+    PropWatch({ type: [String, Number] }),
+    __metadata("design:type", Object)
+], ZdAvatar.prototype, "minWidth", void 0);
+__decorate([
+    PropWatch({ type: [String, Number] }),
+    __metadata("design:type", Object)
+], ZdAvatar.prototype, "maxWidth", void 0);
+ZdAvatar = __decorate([
+    Component
+], ZdAvatar);
+var script = ZdAvatar;
+
+function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
+    if (typeof shadowMode !== 'boolean') {
+        createInjectorSSR = createInjector;
+        createInjector = shadowMode;
+        shadowMode = false;
+    }
+    // Vue.extend constructor export interop.
+    const options = typeof script === 'function' ? script.options : script;
+    // render functions
+    if (template && template.render) {
+        options.render = template.render;
+        options.staticRenderFns = template.staticRenderFns;
+        options._compiled = true;
+        // functional template
+        if (isFunctionalTemplate) {
+            options.functional = true;
+        }
+    }
+    // scopedId
+    if (scopeId) {
+        options._scopeId = scopeId;
+    }
+    let hook;
+    if (moduleIdentifier) {
+        // server build
+        hook = function (context) {
+            // 2.3 injection
+            context =
+                context || // cached call
+                    (this.$vnode && this.$vnode.ssrContext) || // stateful
+                    (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext); // functional
+            // 2.2 with runInNewContext: true
+            if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+                context = __VUE_SSR_CONTEXT__;
+            }
+            // inject component styles
+            if (style) {
+                style.call(this, createInjectorSSR(context));
+            }
+            // register component module identifier for async chunk inference
+            if (context && context._registeredComponents) {
+                context._registeredComponents.add(moduleIdentifier);
+            }
+        };
+        // used by ssr in case component is cached and beforeCreate
+        // never gets called
+        options._ssrRegister = hook;
+    }
+    else if (style) {
+        hook = shadowMode
+            ? function (context) {
+                style.call(this, createInjectorShadow(context, this.$root.$options.shadowRoot));
+            }
+            : function (context) {
+                style.call(this, createInjector(context));
+            };
+    }
+    if (hook) {
+        if (options.functional) {
+            // register for functional component in vue file
+            const originalRender = options.render;
+            options.render = function renderWithStyleInjection(h, context) {
+                hook.call(context);
+                return originalRender(h, context);
+            };
+        }
+        else {
+            // inject component registration as beforeCreate hook
+            const existing = options.beforeCreate;
+            options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
+        }
+    }
+    return script;
+}
+
+const isOldIE = typeof navigator !== 'undefined' &&
+    /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
+function createInjector(context) {
+    return (id, style) => addStyle(id, style);
+}
+let HEAD;
+const styles = {};
+function addStyle(id, css) {
+    const group = isOldIE ? css.media || 'default' : id;
+    const style = styles[group] || (styles[group] = { ids: new Set(), styles: [] });
+    if (!style.ids.has(id)) {
+        style.ids.add(id);
+        let code = css.source;
+        if (css.map) {
+            // https://developer.chrome.com/devtools/docs/javascript-debugging
+            // this makes source maps inside style tags work properly in Chrome
+            code += '\n/*# sourceURL=' + css.map.sources[0] + ' */';
+            // http://stackoverflow.com/a/26603875
+            code +=
+                '\n/*# sourceMappingURL=data:application/json;base64,' +
+                    btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) +
+                    ' */';
+        }
+        if (!style.element) {
+            style.element = document.createElement('style');
+            style.element.type = 'text/css';
+            if (css.media)
+                style.element.setAttribute('media', css.media);
+            if (HEAD === undefined) {
+                HEAD = document.head || document.getElementsByTagName('head')[0];
+            }
+            HEAD.appendChild(style.element);
+        }
+        if ('styleSheet' in style.element) {
+            style.styles.push(code);
+            style.element.styleSheet.cssText = style.styles
+                .filter(Boolean)
+                .join('\n');
+        }
+        else {
+            const index = style.ids.size - 1;
+            const textNode = document.createTextNode(code);
+            const nodes = style.element.childNodes;
+            if (nodes[index])
+                style.element.removeChild(nodes[index]);
+            if (nodes.length)
+                style.element.insertBefore(textNode, nodes[index]);
+            else
+                style.element.appendChild(textNode);
+        }
+    }
+}
+
+/* script */
+const __vue_script__ = script;
+
+/* template */
+var __vue_render__ = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c(
+    "v-avatar",
+    _vm._g(
+      {
+        directives: [
+          {
+            name: "show",
+            rawName: "v-show",
+            value: _vm.instance.isVisible,
+            expression: "instance.isVisible",
+          },
+        ],
+        class: [
+          _vm.instance.cssClass,
+          "zd-avatar",
+          { "zd-avatar--link": !!_vm.instance.events.click },
+        ],
+        style: _vm.instance.cssStyle,
+        attrs: {
+          size: _vm.instance.size,
+          tile: _vm.instance.tile,
+          color: _vm.instance.color,
+          rounded: _vm.instance.rounded,
+          height: _vm.instance.height,
+          minHeight: _vm.instance.minHeight,
+          maxHeight: _vm.instance.maxHeight,
+          width: _vm.instance.width,
+          minWidth: _vm.instance.minWidth,
+          maxWidth: _vm.instance.maxWidth,
+        },
+        on: { click: _vm.click },
+      },
+      Object.assign({}, _vm.$attrs["dropdown-activator"])
+    ),
+    _vm._l(_vm.instance.avatarSlot, function (comp, index) {
+      return _c(
+        comp.component,
+        _vm._b(
+          { key: index, tag: "component", attrs: { parent: _vm.instance } },
+          "component",
+          comp,
+          false
+        )
+      )
+    }),
+    1
+  )
+};
+var __vue_staticRenderFns__ = [];
+__vue_render__._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__ = function (inject) {
+    if (!inject) return
+    inject("data-v-6452bf7f_0", { source: ".zd-avatar--link {\n  cursor: pointer;\n}", map: undefined, media: undefined });
+
+  };
+  /* scoped */
+  const __vue_scope_id__ = undefined;
+  /* module identifier */
+  const __vue_module_identifier__ = undefined;
+  /* functional template */
+  const __vue_is_functional_template__ = false;
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__ = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
+    __vue_inject_styles__,
+    __vue_script__,
+    __vue_scope_id__,
+    __vue_is_functional_template__,
+    __vue_module_identifier__,
+    false,
+    createInjector,
+    undefined,
+    undefined
+  );
+
+export { __vue_component__ as ZdAvatar, script as ZdAvatarClass };

package/dist/avatar-vue.umd.js

@@ -0,0 +1,311 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue-property-decorator'), require('@zeedhi/vuetify'), require('@zeedhi/zd-avatar-common')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'vue-property-decorator', '@zeedhi/vuetify', '@zeedhi/zd-avatar-common'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@zeedhi/zd-avatar-vue"] = {}, global["vue-property-decorator"], global["@zeedhi/vuetify"], global["@zeedhi/zd-avatar-common"]));
+})(this, (function (exports, vuePropertyDecorator, vuetify, zdAvatarCommon) { 'use strict';
+
+    /*! *****************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    ***************************************************************************** */
+
+    function __decorate(decorators, target, key, desc) {
+        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+        if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+        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;
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+    }
+
+    function __metadata(metadataKey, metadataValue) {
+        if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
+    }
+
+    let ZdAvatar = class ZdAvatar extends vuetify.ZdComponentRender {
+        constructor() {
+            super(...arguments);
+            this.instanceType = zdAvatarCommon.Avatar;
+        }
+    };
+    __decorate([
+        vuetify.PropWatch({ type: [String, Number], default: 48 }),
+        __metadata("design:type", Object)
+    ], ZdAvatar.prototype, "size", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [String, Boolean], default: false }),
+        __metadata("design:type", Boolean)
+    ], ZdAvatar.prototype, "tile", void 0);
+    __decorate([
+        vuePropertyDecorator.Prop({ type: [String, Array], default: () => ([]) }),
+        __metadata("design:type", Array)
+    ], ZdAvatar.prototype, "avatarSlot", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [String], default: '' }),
+        __metadata("design:type", String)
+    ], ZdAvatar.prototype, "color", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [String, Boolean], default: false }),
+        __metadata("design:type", Boolean)
+    ], ZdAvatar.prototype, "rounded", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [String, Number] }),
+        __metadata("design:type", Object)
+    ], ZdAvatar.prototype, "height", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [String, Number] }),
+        __metadata("design:type", Object)
+    ], ZdAvatar.prototype, "minHeight", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [String, Number] }),
+        __metadata("design:type", Object)
+    ], ZdAvatar.prototype, "maxHeight", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [String, Number] }),
+        __metadata("design:type", Object)
+    ], ZdAvatar.prototype, "width", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [String, Number] }),
+        __metadata("design:type", Object)
+    ], ZdAvatar.prototype, "minWidth", void 0);
+    __decorate([
+        vuetify.PropWatch({ type: [String, Number] }),
+        __metadata("design:type", Object)
+    ], ZdAvatar.prototype, "maxWidth", void 0);
+    ZdAvatar = __decorate([
+        vuePropertyDecorator.Component
+    ], ZdAvatar);
+    var script = ZdAvatar;
+
+    function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
+        if (typeof shadowMode !== 'boolean') {
+            createInjectorSSR = createInjector;
+            createInjector = shadowMode;
+            shadowMode = false;
+        }
+        // Vue.extend constructor export interop.
+        const options = typeof script === 'function' ? script.options : script;
+        // render functions
+        if (template && template.render) {
+            options.render = template.render;
+            options.staticRenderFns = template.staticRenderFns;
+            options._compiled = true;
+            // functional template
+            if (isFunctionalTemplate) {
+                options.functional = true;
+            }
+        }
+        // scopedId
+        if (scopeId) {
+            options._scopeId = scopeId;
+        }
+        let hook;
+        if (moduleIdentifier) {
+            // server build
+            hook = function (context) {
+                // 2.3 injection
+                context =
+                    context || // cached call
+                        (this.$vnode && this.$vnode.ssrContext) || // stateful
+                        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext); // functional
+                // 2.2 with runInNewContext: true
+                if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+                    context = __VUE_SSR_CONTEXT__;
+                }
+                // inject component styles
+                if (style) {
+                    style.call(this, createInjectorSSR(context));
+                }
+                // register component module identifier for async chunk inference
+                if (context && context._registeredComponents) {
+                    context._registeredComponents.add(moduleIdentifier);
+                }
+            };
+            // used by ssr in case component is cached and beforeCreate
+            // never gets called
+            options._ssrRegister = hook;
+        }
+        else if (style) {
+            hook = shadowMode
+                ? function (context) {
+                    style.call(this, createInjectorShadow(context, this.$root.$options.shadowRoot));
+                }
+                : function (context) {
+                    style.call(this, createInjector(context));
+                };
+        }
+        if (hook) {
+            if (options.functional) {
+                // register for functional component in vue file
+                const originalRender = options.render;
+                options.render = function renderWithStyleInjection(h, context) {
+                    hook.call(context);
+                    return originalRender(h, context);
+                };
+            }
+            else {
+                // inject component registration as beforeCreate hook
+                const existing = options.beforeCreate;
+                options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
+            }
+        }
+        return script;
+    }
+
+    const isOldIE = typeof navigator !== 'undefined' &&
+        /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
+    function createInjector(context) {
+        return (id, style) => addStyle(id, style);
+    }
+    let HEAD;
+    const styles = {};
+    function addStyle(id, css) {
+        const group = isOldIE ? css.media || 'default' : id;
+        const style = styles[group] || (styles[group] = { ids: new Set(), styles: [] });
+        if (!style.ids.has(id)) {
+            style.ids.add(id);
+            let code = css.source;
+            if (css.map) {
+                // https://developer.chrome.com/devtools/docs/javascript-debugging
+                // this makes source maps inside style tags work properly in Chrome
+                code += '\n/*# sourceURL=' + css.map.sources[0] + ' */';
+                // http://stackoverflow.com/a/26603875
+                code +=
+                    '\n/*# sourceMappingURL=data:application/json;base64,' +
+                        btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) +
+                        ' */';
+            }
+            if (!style.element) {
+                style.element = document.createElement('style');
+                style.element.type = 'text/css';
+                if (css.media)
+                    style.element.setAttribute('media', css.media);
+                if (HEAD === undefined) {
+                    HEAD = document.head || document.getElementsByTagName('head')[0];
+                }
+                HEAD.appendChild(style.element);
+            }
+            if ('styleSheet' in style.element) {
+                style.styles.push(code);
+                style.element.styleSheet.cssText = style.styles
+                    .filter(Boolean)
+                    .join('\n');
+            }
+            else {
+                const index = style.ids.size - 1;
+                const textNode = document.createTextNode(code);
+                const nodes = style.element.childNodes;
+                if (nodes[index])
+                    style.element.removeChild(nodes[index]);
+                if (nodes.length)
+                    style.element.insertBefore(textNode, nodes[index]);
+                else
+                    style.element.appendChild(textNode);
+            }
+        }
+    }
+
+    /* script */
+    const __vue_script__ = script;
+
+    /* template */
+    var __vue_render__ = function () {
+      var _vm = this;
+      var _h = _vm.$createElement;
+      var _c = _vm._self._c || _h;
+      return _c(
+        "v-avatar",
+        _vm._g(
+          {
+            directives: [
+              {
+                name: "show",
+                rawName: "v-show",
+                value: _vm.instance.isVisible,
+                expression: "instance.isVisible",
+              },
+            ],
+            class: [
+              _vm.instance.cssClass,
+              "zd-avatar",
+              { "zd-avatar--link": !!_vm.instance.events.click },
+            ],
+            style: _vm.instance.cssStyle,
+            attrs: {
+              size: _vm.instance.size,
+              tile: _vm.instance.tile,
+              color: _vm.instance.color,
+              rounded: _vm.instance.rounded,
+              height: _vm.instance.height,
+              minHeight: _vm.instance.minHeight,
+              maxHeight: _vm.instance.maxHeight,
+              width: _vm.instance.width,
+              minWidth: _vm.instance.minWidth,
+              maxWidth: _vm.instance.maxWidth,
+            },
+            on: { click: _vm.click },
+          },
+          Object.assign({}, _vm.$attrs["dropdown-activator"])
+        ),
+        _vm._l(_vm.instance.avatarSlot, function (comp, index) {
+          return _c(
+            comp.component,
+            _vm._b(
+              { key: index, tag: "component", attrs: { parent: _vm.instance } },
+              "component",
+              comp,
+              false
+            )
+          )
+        }),
+        1
+      )
+    };
+    var __vue_staticRenderFns__ = [];
+    __vue_render__._withStripped = true;
+
+      /* style */
+      const __vue_inject_styles__ = function (inject) {
+        if (!inject) return
+        inject("data-v-6452bf7f_0", { source: ".zd-avatar--link {\n  cursor: pointer;\n}", map: undefined, media: undefined });
+
+      };
+      /* scoped */
+      const __vue_scope_id__ = undefined;
+      /* module identifier */
+      const __vue_module_identifier__ = undefined;
+      /* functional template */
+      const __vue_is_functional_template__ = false;
+      /* style inject SSR */
+      
+      /* style inject shadow dom */
+      
+
+      
+      const __vue_component__ = /*#__PURE__*/normalizeComponent(
+        { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
+        __vue_inject_styles__,
+        __vue_script__,
+        __vue_scope_id__,
+        __vue_is_functional_template__,
+        __vue_module_identifier__,
+        false,
+        createInjector,
+        undefined,
+        undefined
+      );
+
+    exports.ZdAvatar = __vue_component__;
+    exports.ZdAvatarClass = script;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "@zeedhi/zd-avatar-vue",
+  "version": "1.0.0",
+  "description": "Implementation of Avatar component using Zeedhi library",
+  "main": "dist/avatar-vue.umd.js",
+  "module": "dist/avatar-vue.esm.js",
+  "typings": "types/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "rollup -c",
+    "lint": "eslint . --ext .ts --fix",
+    "watch": "rollup -cw"
+  },
+  "peerDependencies": {
+    "@zeedhi/common": "^1.0.0",
+    "@zeedhi/vuetify": "^1.0.0",
+    "@zeedhi/zd-avatar-common": "*",
+    "vue": "^2.6.12",
+    "vue-class-component": "^7.2.6",
+    "vue-property-decorator": "^9.1.2"
+  },
+  "gitHead": "58a9171c63c0077a6c0edfc2b8d3eef70b435beb"
+}

package/tsconfig.eslint.json

@@ -0,0 +1,10 @@
+{
+  "extends": "./tsconfig.json",
+  "include": [
+    "./src/**/*.ts",
+    "./tests/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}

package/types/Avatar.d.ts

@@ -0,0 +1,18 @@
+import { ZdComponentRender } from '@zeedhi/vuetify';
+import { Avatar as AvatarClass } from '@zeedhi/zd-avatar-common';
+import { IComponentRender } from '@zeedhi/common';
+export default class ZdAvatar extends ZdComponentRender {
+    instance: AvatarClass;
+    instanceType: typeof AvatarClass;
+    size: number | string;
+    tile: boolean;
+    avatarSlot: IComponentRender[];
+    color: string;
+    rounded: boolean;
+    height?: number | string;
+    minHeight?: number | string;
+    maxHeight?: number | string;
+    width?: number | string;
+    minWidth?: number | string;
+    maxWidth?: number | string;
+}

package/types/index.d.ts

@@ -0,0 +1,3 @@
+import ZdAvatar from './Avatar.vue';
+import ZdAvatarClass from './Avatar';
+export { ZdAvatar, ZdAvatarClass };