@zeedhi/zd-user-info-vue 1.3.5 → 3.0.0

package/package.json

@@ -1,26 +1,46 @@
 {
   "name": "@zeedhi/zd-user-info-vue",
-  "version": "1.3.5",
-  "description": "Implementation of UserInfo componente using Zeedhi Next",
-  "main": "dist/user-info-vue.umd.js",
-  "module": "dist/user-info-vue.esm.js",
-  "typings": "types/index.d.ts",
+  "version": "3.0.0",
+  "description": "Powered by Zeedhi",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
   "publishConfig": {
     "access": "public"
   },
+  "module": "./dist/user-info-vue.es.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/user-info-vue.es.js",
+      "types": "./dist/types/index.d.ts"
+    }
+  },
   "scripts": {
-    "build": "rollup -c",
-    "lint": "eslint . --ext .ts --fix",
-    "watch": "rollup -cw"
+    "dev": "vite",
+    "build": "vue-tsc -b && vite build",
+    "preview": "vite preview"
   },
   "peerDependencies": {
-    "@zeedhi/common": "^1.57.0",
-    "@zeedhi/core": "^1.57.0",
-    "@zeedhi/vuetify": "^1.57.0",
-    "@zeedhi/zd-user-info-common": "file:packages/common",
-    "vue": "2.7.*",
-    "vue-class-component": "7.2.*",
-    "vue-property-decorator": "9.1.*"
+    "@zeedhi/common": "^3.0.0",
+    "@zeedhi/zd-user-info-common": "^3.0.0",
+    "vue": "^3.5.13"
+  },
+  "devDependencies": {
+    "@types/node": "^22.10.2",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "@vue/tsconfig": "^0.7.0",
+    "@zeedhi/common": "^3.0.0",
+    "@zeedhi/vuetify": "^3.0.0",
+    "@zeedhi/zd-user-info-common": "^3.0.0",
+    "sass": "^1.83.0",
+    "typescript": "~5.6.2",
+    "vite": "^5.4.0",
+    "vite-plugin-css-injected-by-js": "^3.5.2",
+    "vite-plugin-dts": "^4.3.0",
+    "vue": "^3.5.13",
+    "vue-tsc": "^2.1.10"
   },
-  "gitHead": "dd2dd140aed771097306d0d5a454ff41ce667bf9"
+  "gitHead": "4a32d69e039978568226f2285b2f3563bb41d614"
 }

package/dist/user-info-vue.esm.js

@@ -1,316 +0,0 @@
-import { VersionService } from '@zeedhi/core';
-import { Prop, Component } from 'vue-property-decorator';
-import { PropWatch, ZdComponentRender } from '@zeedhi/vuetify';
-import { UserInfo } from '@zeedhi/zd-user-info-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;
-}
-
-let ZdUserInfo = class ZdUserInfo extends ZdComponentRender {
-    constructor() {
-        super(...arguments);
-        this.instanceType = UserInfo;
-    }
-};
-__decorate([
-    Prop({ type: [Object] })
-], ZdUserInfo.prototype, "activator", void 0);
-__decorate([
-    Prop({ type: [Object], default: () => ({}) })
-], ZdUserInfo.prototype, "avatarProps", void 0);
-__decorate([
-    Prop({ type: [Array], default: () => ([]) })
-], ZdUserInfo.prototype, "bottomSlot", void 0);
-__decorate([
-    Prop({ type: [Array] })
-], ZdUserInfo.prototype, "centerSlot", void 0);
-__decorate([
-    Prop({ type: [Array], default: () => ([]) })
-], ZdUserInfo.prototype, "topSlot", void 0);
-__decorate([
-    Prop({ type: [Array], default: () => ([]) })
-], ZdUserInfo.prototype, "headerSlot", void 0);
-__decorate([
-    PropWatch({ type: [String], default: '' })
-], ZdUserInfo.prototype, "user", void 0);
-__decorate([
-    PropWatch({ type: [String], default: '' })
-], ZdUserInfo.prototype, "userImage", void 0);
-__decorate([
-    PropWatch({ type: [Boolean, String], default: true })
-], ZdUserInfo.prototype, "closeOnClick", void 0);
-__decorate([
-    PropWatch({ type: [Boolean, String], default: true })
-], ZdUserInfo.prototype, "closeOnContentClick", void 0);
-__decorate([
-    PropWatch({ type: [Boolean, String], default: false })
-], ZdUserInfo.prototype, "fixed", void 0);
-__decorate([
-    PropWatch({ type: [Object], default: () => ({}) })
-], ZdUserInfo.prototype, "imageProps", void 0);
-__decorate([
-    PropWatch({ type: [Boolean, String], default: false })
-], ZdUserInfo.prototype, "offsetX", void 0);
-__decorate([
-    PropWatch({ type: [Boolean, String], default: true })
-], ZdUserInfo.prototype, "offsetY", void 0);
-__decorate([
-    PropWatch({ type: [Boolean, String], default: true })
-], ZdUserInfo.prototype, "openOnClick", void 0);
-__decorate([
-    PropWatch({ type: [Boolean, String], default: false })
-], ZdUserInfo.prototype, "openOnHover", void 0);
-__decorate([
-    PropWatch({ type: [Number, String], default: 'auto' })
-], ZdUserInfo.prototype, "height", void 0);
-__decorate([
-    PropWatch({ type: [Number, String] })
-], ZdUserInfo.prototype, "maxHeight", void 0);
-__decorate([
-    PropWatch({ type: [Number, String] })
-], ZdUserInfo.prototype, "maxWidth", void 0);
-__decorate([
-    PropWatch({ type: [Number, String] })
-], ZdUserInfo.prototype, "minHeight", void 0);
-__decorate([
-    PropWatch({ type: [Number, String] })
-], ZdUserInfo.prototype, "minWidth", void 0);
-__decorate([
-    PropWatch({ default: undefined })
-], ZdUserInfo.prototype, "value", void 0);
-__decorate([
-    PropWatch({ type: [String, Object], default: () => ({}) })
-], ZdUserInfo.prototype, "visibleItems", void 0);
-ZdUserInfo = __decorate([
-    Component
-], ZdUserInfo);
-var script = ZdUserInfo;
-
-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;
-}
-
-/* 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(
-    "zd-dropdown",
-    { attrs: { "instance-object": _vm.instance, name: "dropdown" } },
-    [
-      _vm.instance.headerSlot.length > 0 || _vm.$slots.headerSlot
-        ? [
-            _vm._l(_vm.instance.headerSlot, function (child, index) {
-              return _c(
-                child.component,
-                _vm._b(
-                  { key: "top_" + index, tag: "component" },
-                  "component",
-                  child,
-                  false
-                )
-              )
-            }),
-            _vm._v(" "),
-            _vm._t("headerSlot"),
-          ]
-        : _vm.instance.visibleItems.userName ||
-          _vm.instance.visibleItems.userName === undefined
-        ? _c("div", { staticClass: "zd-text-center text-h5 zd-pa-2" }, [
-            _vm._v(_vm._s(_vm.instance.user)),
-          ])
-        : _vm._e(),
-      _vm._v(" "),
-      _vm.instance.topSlot.length > 0 || _vm.$slots.topSlot
-        ? [
-            _c("v-divider"),
-            _vm._v(" "),
-            _vm._l(_vm.instance.topSlot, function (child, index) {
-              return _c(
-                child.component,
-                _vm._b(
-                  { key: "top_" + index, tag: "component" },
-                  "component",
-                  child,
-                  false
-                )
-              )
-            }),
-            _vm._v(" "),
-            _vm._t("topSlot"),
-          ]
-        : _vm._e(),
-      _vm._v(" "),
-      _vm.instance.centerSlot.length > 0 || _vm.$slots.centerSlot
-        ? [
-            _c("v-divider"),
-            _vm._v(" "),
-            _vm._l(_vm.instance.centerSlot, function (child, index) {
-              return _c(
-                child.component,
-                _vm._b(
-                  { key: "center_" + index, tag: "component" },
-                  "component",
-                  child,
-                  false
-                )
-              )
-            }),
-            _vm._v(" "),
-            _vm._t("centerSlot"),
-          ]
-        : _vm._e(),
-      _vm._v(" "),
-      _vm.instance.bottomSlot.length > 0 || _vm.$slots.bottomSlot
-        ? [
-            _c("v-divider"),
-            _vm._v(" "),
-            _vm._l(_vm.instance.bottomSlot, function (child, index) {
-              return _c(
-                child.component,
-                _vm._b(
-                  { key: "bottom_" + index, tag: "component" },
-                  "component",
-                  child,
-                  false
-                )
-              )
-            }),
-            _vm._v(" "),
-            _vm._t("bottomSlot"),
-          ]
-        : _vm._e(),
-    ],
-    2
-  )
-};
-var __vue_staticRenderFns__ = [];
-__vue_render__._withStripped = true;
-
-  /* style */
-  const __vue_inject_styles__ = undefined;
-  /* scoped */
-  const __vue_scope_id__ = undefined;
-  /* module identifier */
-  const __vue_module_identifier__ = undefined;
-  /* functional template */
-  const __vue_is_functional_template__ = false;
-  /* style inject */
-  
-  /* 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,
-    undefined,
-    undefined,
-    undefined
-  );
-
-const packageContent = require('../package.json');
-VersionService.addPackageVersion(packageContent.name, packageContent.version);
-
-export { __vue_component__ as ZdUserInfo, script as ZdUserInfoClass };