@zeedhi/teknisa-components-vuetify 3.1.0 → 3.3.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-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 .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-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}.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-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}.tek-grid-group-cell{font-weight:bold}.tek-grid-group-cell__container{height:100%;align-items:center;position:sticky}.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}
+/* 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

@@ -45,6 +45,7 @@ export default class TekGridColumnsOptionsController {
     get notGroupInSelection(): boolean;
     get selectedColumnGroupOpened(): any;
     set selectedColumnGroupOpened(value: any);
+    onShowModal(): void;
     selectMounted({ component }: IEventParam<Select>): void;
     private updatingSelect;
     selectChange({ component }: IEventParam<Select>): void;

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

@@ -6,4 +6,5 @@ export default class TekGridColumnsOptionsModal {
     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

@@ -16,9 +16,9 @@ export type ApplyLayout = (params: {
 export type GetColumnElements = () => IDictionary<Element>;
 export type GetTableWidth = () => string;
 export declare function useTableLayout(): {
-    applyLayout: ApplyLayout;
-    getColumnElements: GetColumnElements;
-    getTableWidth: GetTableWidth;
+    applyLayout: any;
+    getColumnElements: any;
+    getTableWidth: any;
 };
 export declare function provideTableLayout<T extends IIterable<TekGridColumn> & IGroupedDataManager>({ instance, rootEl, }: {
     instance: UnwrapNestedRefs<T>;

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

@@ -1,4 +1,3 @@
-import type { App } from 'vue';
 declare const TeknisaComponents: {
     install(app: App): void;
 };

package/package.json

@@ -1,48 +1,68 @@
 {
   "name": "@zeedhi/teknisa-components-vuetify",
-  "version": "3.1.0",
+  "version": "3.3.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.1.0",
+  "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.3.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": "a59638c95db87930b47a12dd8aa8401bf2b906ca",
+  "gitHead": "ee16bba18da34043f62f3aa45fe5f3d148e71dfd",
   "env": {
     "NODE_ENV": "production"
   }

package/src/index.ts

@@ -1,7 +1,9 @@
 /* eslint-disable max-len */
 import type { App } from 'vue';
+import I18NextVue from 'i18next-vue';
 import { Icons } from '@zeedhi/common';
 import { components } from './components';
+import { I18n } from '@zeedhi/core';
 
 Icons.addIcons({
   add: 'mdi-plus-box',
@@ -16,6 +18,9 @@ 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]);
     });