@zeedhi/teknisa-components-vuetify 3.0.4 → 3.2.0

package/dist/teknisa-vuetify.css

@@ -1 +1 @@
-.tek-breadcrumb-header .v-breadcrumbs-item{padding:0}.tek-breadcrumb-header .tek-breadcrumb-header-title-col{display:flex;padding-top:5px;padding-left:0}.tek-breadcrumb-header .tek-breadcrumb-header-title-col .tek-breadcrumb-header-slot-right{margin-left:auto}.tek-breadcrumb-header .zd-breadcrumbs{padding:0;font-size:var(--zd-font-body2-size)}.tek-breadcrumb-header .zd-breadcrumbs .v-breadcrumbs__item--disabled{color:#667080}.tek-breadcrumb-header .zd-text{color:#667080}.tek-breadcrumb-header .zd-text.tek-breadcrumb-header-title{font-size:32px;font-weight:bold;line-height:35px;margin-bottom:10px}.tek-breadcrumb-header .zd-text>p{margin:0}.tek-grid .zd-grid__row:not(.tek-grid-group-row) :nth-child(1 of td:not(.zd-grid__selectable-cell)){display:flex}.tek-grid .is-rotated{transform:rotate(180deg);transition:transform .3s ease}.tek-grid .zd-grid__toolbar{height:38px}.tek-grid .zd-grid__toolbar .toolbar-divider{margin:10px}.tek-grid .zd-grid__toolbar .zd-search{width:200px}.tek-grid-columns-button-options{max-height:250px;display:flex;flex-direction:column;background-color:#fff}.tek-grid-columns-button-options.theme--dark{background-color:#1e1e1e}.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper{flex:1;overflow-y:auto}.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table{font-size:13px;border-spacing:0;width:100%}.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table thead tr th{padding:var(--spacing-2) var(--spacing-2) var(--spacing-1) var(--spacing-2);white-space:nowrap;text-align:left;position:sticky;top:0;z-index:10;background-color:var(--zd-background-base)}.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td{padding:var(--spacing-1) var(--spacing-2);white-space:nowrap}.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-name{cursor:-webkit-grab}.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-name>span{padding-right:4px}.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-aggregation{max-width:150px}.tek-grid-columns-button-options .tek-grid-columns-button-table-footer{display:flex}.tek-grid-columns-button-options .tek-grid-columns-button-table-footer .zd-button{flex:1}.tek-grid-columns-button-sortable-drag{background:#fff}.tek-grid-column-option-box{margin:var(--spacing-1);background:#ccc;padding:2px var(--spacing-1);cursor:pointer}.tek-grid-column-option-box>*{display:inline-block}.tek-grid-column-option-box>.zd-icon{font-size:.9rem;margin-left:var(--spacing-2)}.tek-grid-column-option-box.tek-grid-column-option-grouped-true{cursor:default;background:#fafafa}.tek-grid-column-option-box.tek-grid-column-option-grouped-true>.zd-icon{display:none}.tek-grid-column-option-box.tek-grid-column-option-selected-true{background:var(--v-primary-base);color:#fff}.tek-grid-column-option-box.tek-grid-column-option-selected-true>.zd-icon{color:#fff}.tek-grid-column-option-container-col{position:relative}.tek-grid-column-option-container-col .tek-grid-column-option-container{background:#eee;padding:var(--spacing-1);max-height:100px;min-height:42px;align-content:center;position:relative}.tek-grid-column-option-container-col .tek-grid-column-option-container .tek-iterable-footer{display:none !important}.tek-grid-column-option-container-col .tek-grid-column-option-container .zd-text.no-data{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);text-align:center;font-size:.7rem}.tek-grid-column-option-container-col .tek-grid-column-option-label{font-weight:var(--zd-font-body2-weight)}.tek-grid-column-option-container-col .tek-grid-column-option-select-all{position:absolute;top:.5rem;right:var(--spacing-1);color:var(--v-primary-base);cursor:pointer;font-size:.8rem}.tek-grid-column-option-container-col .tek-grid-column-option-drop-here{position:absolute;z-index:100;left:50%;transform:translateX(-50%);top:35px}.tek-grid-column-option-detail-name{color:var(--v-primary-base);font-weight:var(--zd-font-body2-weight);font-size:1.1rem;margin-top:var(--spacing-6)}.zd-container.tek-grid-filter-content-container{position:relative;left:calc(var(--zd-default-padding)*-1) !important;padding-left:var(--zd-default-padding) !important;width:calc(100% + var(--zd-default-padding)*2) !important;padding-right:var(--zd-default-padding) !important;max-width:none !important}.tek-grid-indentation{display:flex;width:8px;margin-left:10px;height:100%}.tek-grid-indentation--divider{border-left:solid 1px #ccc}.tek-grid-indentation--corner{height:60%;border-bottom:1px solid #ccc}.about-modal{flex-grow:0;overflow-y:unset;width:auto;border:3px solid var(--v-primary-base)}.about-modal .zd-modal-card,.about-modal .zd-modal-card-text,.about-modal .zd-modal-container,.about-modal .zd-tabs{height:100%}.about-modal .v-card-text{font-size:.875rem !important}.about-modal .zd-modal-card-text{padding:8px !important}.about-modal .zd-modal-container{display:flex;flex-direction:column}.about-modal .zd-tabs,.about-modal .v-tabs-items{overflow-y:auto}.about-modal .zd-image-valid{width:50%;align-items:center}.about-modal #basic-user-info_version_tabs{height:300px !important}.about-modal #basic-user-info_about_image{text-align:center}.tek-grid-footer-row--summary{background:var(--row-active-color)}.tek-grid-footer-row--summary .zd-grid__cell-content{font-size:15px}.tek-grid-footer-row .zd-grid__cell-content{padding:0 8px;font-weight:bold}.tek-grid-group-cell{font-weight:bold}.tek-grid-group-cell__container{height:100%;align-items:center;position:sticky}.tek-grid-layout-options-badge .v-badge__badge{font-size:var(--zd-font-caption-size);font-weight:var(--zd-font-caption-weight);line-height:14px;pointer-events:none;background-color:var(--zd-badge-background-color) !important}.tek-grid-layout-options-badge .v-badge__badge span{color:var(--zd-badge-text-color) !important}.tek-grid-layout-item{font-size:13px;cursor:pointer;min-height:30px}.tek-grid-layout-item.selected{font-weight:700}.tek-grid-layout-item:hover.theme--light{background:#eee}.tek-grid-layout-item .tek-grid-layout-item-buttons{position:absolute;right:16px}.tek-grid-layout-item .tek-grid-layout-item-buttons .v-icon{font-size:18px}.tek-grid-layout-item-header{max-width:270px;font-size:13px;font-weight:bold;color:var(--v-primary-base) !important;line-height:18px}.tek-grid-layout-item-header.edited{color:var(--v-error-darken2) !important}.tek-grid-layout-item-discard{min-height:30px;padding-top:10px}
+/* CSS is injected via JS at runtime, see vite-plugin-css-injected-by-js */

package/dist/types/components/index.d.ts

@@ -0,0 +1,6 @@
+import { App } from 'vue';
+import { IDictionary } from '@zeedhi/core';
+export * from './tek-breadcrumb-header/TekBreadcrumbHeader';
+export * from './tek-loading/TekLoading';
+export declare const components: IDictionary<any>;
+export declare function RegisterComponents(app: App): void;

package/dist/types/components/public.d.ts

@@ -0,0 +1,11 @@
+import { default as TekBreadcrumbHeader } from './tek-breadcrumb-header/TekBreadcrumbHeader';
+import { default as TekGrid } from './tek-grid/TekGrid';
+import { default as TekGridColumnFilter } from './tek-grid/column-filter/TekGridColumnFilter';
+import { default as TekGridColumnsButton } from './tek-grid/columns-button/TekGridColumnsButton';
+import { default as TekGridFilterButton } from './tek-grid/filter-button/TekGridFilterButton';
+import { default as TekGridLayoutOptions } from './tek-grid/layout-options/TekGridLayoutOptions';
+import { default as TekLoading } from './tek-loading/TekLoading.vue';
+import { default as TekUserInfo } from './tek-user-info/TekUserInfo';
+import { default as TekUserInfoList } from './tek-user-info/TekUserInfoList';
+export { TekBreadcrumbHeader, TekGrid, TekGridColumnFilter, TekGridColumnsButton, TekGridFilterButton, TekGridLayoutOptions, TekLoading, TekUserInfo, TekUserInfoList, };
+export { TekLoadingProps } from './tek-loading/TekLoading';

package/dist/types/components/tek-breadcrumb-header/TekBreadcrumbHeader.d.ts

@@ -0,0 +1,3 @@
+export declare const TekBreadcrumbHeaderProps: any;
+declare const breadcrumbHeaderComponent: any;
+export default breadcrumbHeaderComponent;

package/dist/types/components/tek-grid/TekGrid.d.ts

@@ -0,0 +1,3 @@
+export declare const TekGridProps: any;
+declare const gridEditableComponent: any;
+export default gridEditableComponent;

package/dist/types/components/tek-grid/column-filter/TekGridColumnFilter.d.ts

@@ -0,0 +1,36 @@
+export declare const TekGridColumnFilterProps: {
+    readonly hasFilterData: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly column: {
+        readonly type: ObjectConstructor;
+        readonly required: true;
+    };
+    readonly modelValue: {
+        readonly type: PropType<IDynamicFilterItem[]>;
+        readonly default: readonly [];
+    };
+    readonly instanceName: {
+        readonly type: StringConstructor;
+        readonly required: true;
+    };
+    readonly filterRelationsDatasource: {
+        readonly type: PropType<boolean | null>;
+        readonly required: false;
+    };
+    readonly filterOperationsDatasource: {
+        readonly type: PropType<boolean | null>;
+        readonly required: false;
+    };
+    readonly isHovering: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly multiple: {
+        readonly type: BooleanConstructor;
+        readonly required: true;
+    };
+};
+declare const tekGridColumnFilter: any;
+export default tekGridColumnFilter;

package/dist/types/components/tek-grid/column-header/TekGridHeaderRow.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/types/components/tek-grid/columns-button/TekGridColumnsButton.d.ts

@@ -0,0 +1,3 @@
+export declare const TekGridColumnsButtonProps: any;
+declare const tekGridColumnsButton: any;
+export default tekGridColumnsButton;

package/{types → dist/types}/components/tek-grid/columns-button/TekGridColumnsOptionsController.d.ts

@@ -1,66 +1,67 @@
-import { Modal, Select } from '@zeedhi/common';
-import { TekGridColumnsButton } from '@zeedhi/teknisa-components-common';
-import { IDictionary, IEventParam } from '@zeedhi/core';
-export default class TekGridColumnsOptionsController {
-    modal: Modal;
-    columnData: IDictionary<any>;
-    fixedColumns: IDictionary<any>[];
-    visibleColumns: IDictionary<any>[];
-    groupedColumns: IDictionary<any>[];
-    otherColumns: IDictionary<any>[];
-    aggregationData: IDictionary<any>[];
-    selectedColumnNames: string[];
-    searchValue: string;
-    showGroups: boolean;
-    private selectedColumnsAlignment?;
-    private selectedColumnsAggregation?;
-    private iterableComponent;
-    private instanceValue;
-    constructor(modal: Modal);
-    private updateArrays;
-    set instance(instance: TekGridColumnsButton);
-    private getAggregationText;
-    private columnInSearch;
-    get fixedColumnData(): any;
-    set fixedColumnData(_data: any);
-    get visibleColumnData(): any;
-    set visibleColumnData(_data: any);
-    get groupedColumnData(): any;
-    set groupedColumnData(_data: any);
-    get otherColumnData(): any;
-    set otherColumnData(_data: any);
-    get hasSelectedColumn(): boolean;
-    get hasNoSelectedColumn(): boolean;
-    get detailColumnName(): string;
-    get hasNoFixedColumns(): boolean;
-    get hasNoVisibleColumns(): boolean;
-    get hasNoGroupedColumns(): boolean;
-    get hasNoOtherColumns(): boolean;
-    get hasNoSingleSelection(): boolean;
-    get selectedColumnLabel(): string;
-    set selectedColumnLabel(value: string);
-    private getSameValue;
-    private setSameValue;
-    get groupInSelection(): boolean;
-    get notGroupInSelection(): boolean;
-    get selectedColumnGroupOpened(): any;
-    set selectedColumnGroupOpened(value: any);
-    selectMounted({ component }: IEventParam<Select>): void;
-    private updatingSelect;
-    selectChange({ component }: IEventParam<Select>): void;
-    private updateSelects;
-    private updateSelect;
-    private columnRemoveClick;
-    columnFixedRemoveClick({ element }: IEventParam<any>): void;
-    columnVisibleRemoveClick({ element }: IEventParam<any>): void;
-    columnGroupedRemoveClick({ element }: IEventParam<any>): void;
-    private isMacPlatform;
-    private isMobilePlatform;
-    columnClick({ element, event }: IEventParam<any>): void;
-    private removeFromSourceList;
-    private onDragEnd;
-    columnContainerMounted({ element }: IEventParam<Modal>): void;
-    selectAll({ component }: IEventParam<any>): void;
-    cancelChanges(): void;
-    applyChanges({ event, element }: IEventParam<any>): void;
-}
+import { Modal, Select } from '@zeedhi/common';
+import { TekGridColumnsButton } from '@zeedhi/teknisa-components-common';
+import { IDictionary, IEventParam } from '@zeedhi/core';
+export default class TekGridColumnsOptionsController {
+    modal: Modal;
+    columnData: IDictionary<any>;
+    fixedColumns: IDictionary<any>[];
+    visibleColumns: IDictionary<any>[];
+    groupedColumns: IDictionary<any>[];
+    otherColumns: IDictionary<any>[];
+    aggregationData: IDictionary<any>[];
+    selectedColumnNames: string[];
+    searchValue: string;
+    showGroups: boolean;
+    private selectedColumnsAlignment?;
+    private selectedColumnsAggregation?;
+    private iterableComponent;
+    private instanceValue;
+    constructor(modal: Modal);
+    private updateArrays;
+    set instance(instance: TekGridColumnsButton);
+    private getAggregationText;
+    private columnInSearch;
+    get fixedColumnData(): any;
+    set fixedColumnData(_data: any);
+    get visibleColumnData(): any;
+    set visibleColumnData(_data: any);
+    get groupedColumnData(): any;
+    set groupedColumnData(_data: any);
+    get otherColumnData(): any;
+    set otherColumnData(_data: any);
+    get hasSelectedColumn(): boolean;
+    get hasNoSelectedColumn(): boolean;
+    get detailColumnName(): string;
+    get hasNoFixedColumns(): boolean;
+    get hasNoVisibleColumns(): boolean;
+    get hasNoGroupedColumns(): boolean;
+    get hasNoOtherColumns(): boolean;
+    get hasNoSingleSelection(): boolean;
+    get selectedColumnLabel(): string;
+    set selectedColumnLabel(value: string);
+    private getSameValue;
+    private setSameValue;
+    get groupInSelection(): boolean;
+    get notGroupInSelection(): boolean;
+    get selectedColumnGroupOpened(): any;
+    set selectedColumnGroupOpened(value: any);
+    onShowModal(): void;
+    selectMounted({ component }: IEventParam<Select>): void;
+    private updatingSelect;
+    selectChange({ component }: IEventParam<Select>): void;
+    private updateSelects;
+    private updateSelect;
+    private columnRemoveClick;
+    columnFixedRemoveClick({ element }: IEventParam<any>): void;
+    columnVisibleRemoveClick({ element }: IEventParam<any>): void;
+    columnGroupedRemoveClick({ element }: IEventParam<any>): void;
+    private isMacPlatform;
+    private isMobilePlatform;
+    columnClick({ element, event }: IEventParam<any>): void;
+    private removeFromSourceList;
+    private onDragEnd;
+    columnContainerMounted({ element }: IEventParam<Modal>): void;
+    selectAll({ component }: IEventParam<any>): void;
+    cancelChanges(): void;
+    applyChanges({ event, element }: IEventParam<any>): void;
+}

package/{types → dist/types}/components/tek-grid/columns-button/TekGridColumnsOptionsModal.d.ts

@@ -1,9 +1,10 @@
-import { TekGridColumnsButton } from '@zeedhi/teknisa-components-common';
-import { UnwrapNestedRefs } from 'vue';
-export default class TekGridColumnsOptionsModal {
-    private static controllerName;
-    private static modalDef;
-    private static modal;
-    static show(instance: UnwrapNestedRefs<TekGridColumnsButton>): void;
-    static hide(): void;
-}
+import { TekGridColumnsButton } from '@zeedhi/teknisa-components-common';
+import { UnwrapNestedRefs } from 'vue';
+export default class TekGridColumnsOptionsModal {
+    private static controllerName;
+    private static modalDef;
+    private static modal;
+    static show(instance: UnwrapNestedRefs<TekGridColumnsButton>): void;
+    static hide(): void;
+    private static callOnShowModal;
+}

package/dist/types/components/tek-grid/filter-button/TekGridFilterButton.d.ts

@@ -0,0 +1,3 @@
+export declare const TekGridFilterButtonProps: any;
+declare const tekGridFilterButtonComponent: any;
+export default tekGridFilterButtonComponent;

package/dist/types/components/tek-grid/indentation/TekGridIndentation.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/types/components/tek-grid/layout-options/TekGridLayoutOptions.d.ts

@@ -0,0 +1,3 @@
+export declare const TekGridLayoutOptionsProps: any;
+declare const layoutOptionsComponent: any;
+export default layoutOptionsComponent;

package/dist/types/components/tek-grid/row/TekGridFooterRow.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/types/components/tek-grid/row/TekGridGroupRow.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/types/components/tek-loading/TekLoading.d.ts

@@ -0,0 +1,3 @@
+export declare const TekLoadingProps: any;
+declare const loadingComponent: any;
+export default loadingComponent;

package/dist/types/components/tek-user-info/TekUserInfo.d.ts

@@ -0,0 +1,3 @@
+export declare const TekUserInfoProps: any;
+declare const tekUserInfoComponent: any;
+export default tekUserInfoComponent;

package/dist/types/components/tek-user-info/TekUserInfoList.d.ts

@@ -0,0 +1,2 @@
+declare const tekUserInfoListComponent: any;
+export default tekUserInfoListComponent;

package/{types → dist/types}/composables/useTableLayout.d.ts

@@ -1,26 +1,26 @@
-import { IIterable } from '@zeedhi/common';
-import { IDynamicFilterItem, IGroupedDataManager, ITekGridLayout, ITekGridLayoutColumn, TekGridColumn } from '@zeedhi/teknisa-components-common';
-import { IDictionary } from '@zeedhi/core';
-import { ComputedRef, UnwrapNestedRefs } from 'vue';
-export type DefaultLayout = {
-    originalDatasourceOrder: string[];
-    originalDatasourceFilter: IDictionary<any>;
-    originalColumnProps: ITekGridLayoutColumn[];
-    originalDatasourceDynamicFilter: IDictionary<IDynamicFilterItem[]>;
-};
-export type ApplyLayout = (params: {
-    layout?: ITekGridLayout;
-    defaultLayout: DefaultLayout;
-    changeLayoutCallback: (layout: ITekGridLayout) => void;
-}) => void;
-export type GetColumnElements = () => IDictionary<Element>;
-export type GetTableWidth = () => string;
-export declare function useTableLayout(): {
-    applyLayout: ApplyLayout;
-    getColumnElements: GetColumnElements;
-    getTableWidth: GetTableWidth;
-};
-export declare function provideTableLayout<T extends IIterable<TekGridColumn> & IGroupedDataManager>({ instance, rootEl, }: {
-    instance: UnwrapNestedRefs<T>;
-    rootEl: ComputedRef<HTMLElement | undefined>;
-}): void;
+import { IIterable } from '@zeedhi/common';
+import { IDynamicFilterItem, IGroupedDataManager, ITekGridLayout, ITekGridLayoutColumn, TekGridColumn } from '@zeedhi/teknisa-components-common';
+import { IDictionary } from '@zeedhi/core';
+import { ComputedRef, UnwrapNestedRefs } from 'vue';
+export type DefaultLayout = {
+    originalDatasourceOrder: string[];
+    originalDatasourceFilter: IDictionary<any>;
+    originalColumnProps: ITekGridLayoutColumn[];
+    originalDatasourceDynamicFilter: IDictionary<IDynamicFilterItem[]>;
+};
+export type ApplyLayout = (params: {
+    layout?: ITekGridLayout;
+    defaultLayout: DefaultLayout;
+    changeLayoutCallback: (layout: ITekGridLayout) => void;
+}) => void;
+export type GetColumnElements = () => IDictionary<Element>;
+export type GetTableWidth = () => string;
+export declare function useTableLayout(): {
+    applyLayout: any;
+    getColumnElements: any;
+    getTableWidth: any;
+};
+export declare function provideTableLayout<T extends IIterable<TekGridColumn> & IGroupedDataManager>({ instance, rootEl, }: {
+    instance: UnwrapNestedRefs<T>;
+    rootEl: ComputedRef<HTMLElement | undefined>;
+}): void;

package/{types → dist/types}/index.d.ts

@@ -1,6 +1,5 @@
-import type { App } from 'vue';
-declare const TeknisaComponents: {
-    install(app: App): void;
-};
-export default TeknisaComponents;
-export * from './components/public';
+declare const TeknisaComponents: {
+    install(app: App): void;
+};
+export default TeknisaComponents;
+export * from './components/public';

package/{types → dist/types}/utils/isArrayOperation.d.ts

@@ -1,2 +1,2 @@
-declare const isArrayOperation: (operation: string) => boolean;
-export { isArrayOperation };
+declare const isArrayOperation: (operation: string) => boolean;
+export { isArrayOperation };

package/package.json

@@ -1,48 +1,68 @@
 {
   "name": "@zeedhi/teknisa-components-vuetify",
-  "version": "3.0.4",
+  "version": "3.2.0",
   "description": "Teknisa Components based on Vuetify",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
   "main": "src/index.ts",
-  "module": "dist/teknisa-vuetify.js",
-  "typings": "types/index.d.ts",
+  "module": "./dist/teknisa-components-vuetify.es.js",
+  "types": "./dist/types/index.d.ts",
   "type": "module",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/teknisa-components-vuetify.es.js",
+      "types": "./dist/types/index.d.ts"
+    },
+    "./dist/teknisa-vuetify.css": "./dist/teknisa-vuetify.css"
+  },
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "build": "rollup -c && npm run build:scss",
-    "build:scss": "rollup -c rollup.scss.config.js",
-    "docs": "typedoc --out docs src/",
-    "lint": "eslint . --ext .ts --fix",
-    "watch": "rollup -cw"
+    "dev": "vite",
+    "build": "vue-tsc -b && vite build",
+    "preview": "vite preview"
   },
-  "dependencies": {
-    "@zeedhi/teknisa-components-common": "^3.0.4",
+  "peerDependencies": {
+    "@zeedhi/common": "^3.0.0",
+    "@zeedhi/core": "^3.0.0",
+    "@zeedhi/teknisa-components-common": "^3.0.0",
     "@zeedhi/vuetify": "^3.0.0",
+    "vue": "^3.5.13"
+  },
+  "dependencies": {
     "@zeedhi/zd-user-info-common": "^3.0.0",
     "@zeedhi/zd-user-info-vue": "^3.0.0",
+    "i18next-vue": "^2.1.1",
     "lodash.clonedeep": "4.5.*",
     "lodash.debounce": "4.0.*",
     "lodash.merge": "4.6.*",
-    "sortablejs": "1.15.*",
-    "vue": "^3.0.0",
-    "vuetify": "~3.11.0"
+    "sortablejs": "1.15.*"
   },
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^24.0.1",
-    "@rollup/plugin-json": "^6.0.0",
-    "@rollup/plugin-typescript": "^11.1.1",
-    "@types/jest": "26.0.*",
     "@types/lodash.clonedeep": "4.5.*",
     "@types/lodash.debounce": "4.0.*",
     "@types/lodash.merge": "4.6.*",
+    "@types/node": "^22.10.2",
     "@types/sortablejs": "1.15.*",
-    "rollup-plugin-vue": "^6.0.0",
-    "ts-jest": "26.5.*"
+    "@vitejs/plugin-vue": "^6.0.7",
+    "@vue/tsconfig": "^0.7.0",
+    "@zeedhi/common": "^3.0.0",
+    "@zeedhi/core": "^3.0.0",
+    "@zeedhi/teknisa-components-common": "^3.2.0",
+    "@zeedhi/vuetify": "^3.0.0",
+    "sass": "^1.83.0",
+    "typescript": "~5.6.2",
+    "vite": "^6.0.1",
+    "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": "c9110a75a584766dfe49c370bb10eedfceab2b64",
+  "gitHead": "43ffebef28c3efaf5e4f1a6947c37487c439f9a3",
   "env": {
     "NODE_ENV": "production"
   }

package/src/index.ts

@@ -1,8 +1,9 @@
 /* eslint-disable max-len */
 import type { App } from 'vue';
+import I18NextVue from 'i18next-vue';
 import { Icons } from '@zeedhi/common';
-import ZdUserInfoComponent from '@zeedhi/zd-user-info-vue';
 import { components } from './components';
+import { I18n } from '@zeedhi/core';
 
 Icons.addIcons({
   add: 'mdi-plus-box',
@@ -17,11 +18,12 @@ Icons.addIcons({
 
 const TeknisaComponents = {
   install(app: App): void {
+    if (!app._context.components.i18next) {
+      app.use(I18NextVue, { i18next: I18n.instance });
+    }
     Object.keys(components).forEach((id) => {
       app.component(id, components[id]);
     });
-
-    app.component('ZdUserInfo', ZdUserInfoComponent);
   },
 };