@zeedhi/vuetify 1.67.0 → 1.69.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/vuetify",
-  "version": "1.67.0",
+  "version": "1.69.0",
   "description": "Zeedhi Components based on Vuetify",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -32,6 +32,7 @@
     "sortablejs": "^1.13.0",
     "vue-apexcharts": "^1.6.0",
     "vue-class-component": "^7.2.6",
+    "vue-grid-layout": "^2.4.0",
     "vue-property-decorator": "^9.1.2",
     "vuetify": "^2.6.2"
   },
@@ -50,5 +51,5 @@
     "@types/prismjs": "^1.16.2",
     "@types/sortablejs": "^1.10.6"
   },
-  "gitHead": "b0dce6827eda99845a66fea71b29a1e7286e1097"
+  "gitHead": "95cc7b23c32718a39fb631fab1288fa15eebcbb4"
 }

package/types/components/public.d.ts

@@ -28,9 +28,14 @@ import ZdForm from './zd-form/ZdForm';
 import ZdFrame from './zd-frame/ZdFrame';
 import ZdFramePage from './zd-frame-page/ZdFramePage';
 import ZdGrid from './zd-grid/ZdGrid';
-import ZdGridFooter from './zd-grid/ZdGridFooter';
+import ZdGridFooter from './zd-grid/subcomponents/ZdGridFooter';
 import ZdIterableNoData from './zd-iterable/zd-iterable-no-data/ZdIterableNoData';
-import ZdGridTop from './zd-grid/ZdGridTop';
+import ZdGridTop from './zd-grid/subcomponents/ZdGridTop';
+import ZdGridAction from './zd-grid/subcomponents/cell/ZdGridAction';
+import ZdGridCell from './zd-grid/subcomponents/cell/ZdGridCell';
+import ZdGridCellContent from './zd-grid/subcomponents/cell/ZdGridCellContent';
+import ZdGridCellEdit from './zd-grid/subcomponents/cell/ZdGridCellEdit';
+import ZdTreeGridCellContent from './zd-tree-grid/cell/ZdTreeGridCellContent';
 import ZdGridEditable from './zd-grid/ZdGridEditable';
 import ZdHeader from './zd-header/ZdHeader';
 import ZdImage from './zd-image/ZdImage';
@@ -84,4 +89,4 @@ import ZdTooltip from './zd-tooltip/ZdTooltip';
 import ZdTree from './zd-tree/ZdTree';
 import ZdTreeGrid from './zd-tree-grid/ZdTreeGrid';
 import ZdTreeGridEditable from './zd-tree-grid/ZdTreeGridEditable';
-export { ZdAlert, ZdApexChart, ZdBadge, ZdBreadcrumbs, ZdButton, ZdButtonGroup, ZdCard, ZdCarousel, ZdCheckbox, ZdCheckboxMultiple, ZdChip, ZdCodeEditor, ZdCol, ZdCollapseCard, ZdComponent, ZdComponentRender, ZdContainer, ZdCurrency, ZdDashboard, ZdDate, ZdDateRange, ZdDialog, ZdDivider, ZdDropdown, ZdFileInput, ZdFooter, ZdForm, ZdFrame, ZdFramePage, ZdGrid, ZdGridFooter, ZdGridEditable, ZdIterableNoData, ZdGridTop, ZdHeader, ZdImage, ZdIncrement, ZdInput, ZdIterable, ZdIterableComponentRender, ZdIterableColumnsButton, ZdIterablePagination, ZdIterablePageSize, ZdIterablePageInfo, ZdList, ZdListItem, ZdListGroup, ZdLoading, ZdLogin, ZdLoginButton, ZdMasterDetail, ZdMenu, ZdMenuLink, ZdMenuGroup, ZdMenuButton, ZdMenuSeparator, ZdModal, ZdModalCloseButton, ZdMonth, ZdNumber, ZdPassword, ZdProgress, ZdRadio, ZdRangeSlider, ZdRow, ZdSearch, ZdSelectableList, ZdSelect, ZdSelectTree, ZdSelectTreeMultiple, ZdSpeedDial, ZdSteppers, ZdSvgMap, ZdSwitch, ZdTable, ZdTabs, ZdTag, ZdText, ZdTextarea, ZdTextInput, ZdTime, ZdToggleable, ZdTooltip, ZdTree, ZdTreeGrid, ZdTreeGridEditable, };
+export { ZdAlert, ZdApexChart, ZdBadge, ZdBreadcrumbs, ZdButton, ZdButtonGroup, ZdCard, ZdCarousel, ZdCheckbox, ZdCheckboxMultiple, ZdChip, ZdCodeEditor, ZdCol, ZdCollapseCard, ZdComponent, ZdComponentRender, ZdContainer, ZdCurrency, ZdDashboard, ZdDate, ZdDateRange, ZdDialog, ZdDivider, ZdDropdown, ZdFileInput, ZdFooter, ZdForm, ZdFrame, ZdFramePage, ZdGrid, ZdGridFooter, ZdGridEditable, ZdIterableNoData, ZdGridTop, ZdGridAction, ZdGridCell, ZdGridCellContent, ZdGridCellEdit, ZdTreeGridCellContent, ZdHeader, ZdImage, ZdIncrement, ZdInput, ZdIterable, ZdIterableComponentRender, ZdIterableColumnsButton, ZdIterablePagination, ZdIterablePageSize, ZdIterablePageInfo, ZdList, ZdListItem, ZdListGroup, ZdLoading, ZdLogin, ZdLoginButton, ZdMasterDetail, ZdMenu, ZdMenuLink, ZdMenuGroup, ZdMenuButton, ZdMenuSeparator, ZdModal, ZdModalCloseButton, ZdMonth, ZdNumber, ZdPassword, ZdProgress, ZdRadio, ZdRangeSlider, ZdRow, ZdSearch, ZdSelectableList, ZdSelect, ZdSelectTree, ZdSelectTreeMultiple, ZdSpeedDial, ZdSteppers, ZdSvgMap, ZdSwitch, ZdTable, ZdTabs, ZdTag, ZdText, ZdTextarea, ZdTextInput, ZdTime, ZdToggleable, ZdTooltip, ZdTree, ZdTreeGrid, ZdTreeGridEditable, };

package/types/components/zd-component/ZdComponent.d.ts

@@ -6,6 +6,7 @@ import { Component as ComponentClass, IComponent, IComponentDirectives } from '@
  */
 export default class ZdComponent extends Vue {
     name: string;
+    autofocus: boolean | string;
     children: IComponent[];
     cssClass: string;
     cssStyle: object | string;

package/types/components/zd-dashboard/ZdDashboard.d.ts

@@ -7,6 +7,7 @@ export default class ZdDashboard extends ZdComponentRender {
     cards: IDashboard[];
     editingMode: boolean | string;
     moveMode: boolean | string;
+    showEditHeader: boolean | string;
     overrideNamedProps: object;
     removePadding: boolean | string;
     height: number | string;

package/types/components/zd-form/ZdForm.d.ts

@@ -11,8 +11,17 @@ export default class ZdForm extends ZdComponentRender {
     value: IDictionary<any>;
     instance: Form;
     instanceType: typeof Form;
+    /**
+     * Height of the form rows, excluding the fillHeight row
+     */
+    inputHeight: number;
     private form;
+    private row;
     mounted(): void;
+    destroyed(): void;
+    onResize(): void;
+    updateFillHeight(): void;
+    get hasFillHeight(): boolean;
     submit(event: Event): void;
     isChildVisible(childProps: IComponent): boolean;
 }

package/types/components/zd-grid/ZdGrid.d.ts

@@ -1,4 +1,4 @@
-import { Grid, IComponentRender, GridColumn, Column } from '@zeedhi/common';
+import { Grid, IComponentRender, GridColumn, Column, IComponent } from '@zeedhi/common';
 import { IDictionary } from '@zeedhi/core';
 import ZdIterable from '../zd-iterable/ZdIterable';
 /**
@@ -58,6 +58,7 @@ export default class ZdGrid extends ZdIterable {
     private resizeMouseUpHandler;
     getParentsPadding(element: HTMLElement): number;
     getElementFullHeight(element: HTMLElement | any): number;
+    getActionComponent(actionComponent: IComponent, column: GridColumn, row: IDictionary): IComponent;
     rowClick(row: IDictionary<any>, event: Event): void;
     selectRowClick(row: IDictionary<any>, isSelected: boolean, event: Event): void;
     selectAllClick(isSelected: boolean, event: Event): void;
@@ -78,4 +79,9 @@ export default class ZdGrid extends ZdIterable {
     };
     checkOverflow(event: MouseEvent, columnOverflow: number | string): void;
     removeTooltip(): void;
+    getWidthStyle(column: Column): {
+        width: string;
+        'min-width': string;
+        'max-width': string;
+    };
 }

package/types/components/zd-grid/ZdGridEditable.d.ts

@@ -39,4 +39,9 @@ export default class ZdGridEditable extends ZdGrid {
     private navigateUp;
     private navigateDown;
     hasToggleIcon(column: Column, row: IDictionary<any>): boolean;
+    getWidthStyle(column: Column): {
+        width: string;
+        'min-width': string;
+        'max-width': string;
+    };
 }

package/types/components/zd-grid/subcomponents/ZdGridFooter.d.ts

@@ -0,0 +1,6 @@
+import { IComponentRender } from '@zeedhi/common';
+import Vue from 'vue';
+export default class ZdGridFooter extends Vue {
+    footerSlot: IComponentRender[];
+    instance: any;
+}

package/types/components/zd-grid/subcomponents/ZdGridTop.d.ts

@@ -0,0 +1,6 @@
+import { IComponentRender } from '@zeedhi/common';
+import Vue from 'vue';
+export default class ZdGridTop extends Vue {
+    toolbarSlot: IComponentRender[];
+    instance: any;
+}

package/types/components/zd-grid/subcomponents/cell/ZdGridAction.d.ts

@@ -0,0 +1,12 @@
+import Vue from 'vue';
+import { GridColumn } from '@zeedhi/common';
+import { IDictionary } from '@zeedhi/core';
+/**
+ * Grid action component
+ */
+export default class ZdGridAction extends Vue {
+    column?: GridColumn;
+    row?: IDictionary<any>;
+    getActionComponent?: Function;
+    rowKey?: string | number;
+}

package/types/components/zd-grid/subcomponents/cell/ZdGridCell.d.ts

@@ -0,0 +1,15 @@
+import Vue from 'vue';
+import { Column } from '@zeedhi/common';
+import { IDictionary } from '@zeedhi/core';
+/**
+ * Grid cell component
+ */
+export default class ZdGridCell extends Vue {
+    column?: Column;
+    rowStyle?: IDictionary<any>;
+    cellsApplied?: IDictionary<any>;
+    cellClass?: (IDictionary<boolean> | string)[];
+    cellStyle?: IDictionary[];
+    click(event: Event): void;
+    get cellProps(): {};
+}

package/types/components/zd-grid/subcomponents/cell/ZdGridCellContent.d.ts

@@ -0,0 +1,20 @@
+import Vue from 'vue';
+import { Column } from '@zeedhi/common';
+import { IDictionary } from '@zeedhi/core';
+/**
+ * Grid cell content component
+ */
+export default class ZdGridCellContent extends Vue {
+    column: Column;
+    rowStyle: IDictionary<any>;
+    cellsApplied: IDictionary<any>;
+    cssClass: (IDictionary<boolean> | string)[];
+    row: IDictionary<any>;
+    getWidthStyle: Function;
+    mouseenter(event: Event): void;
+    mouseleave(event: Event): void;
+    get cellProps(): {
+        [x: string]: any;
+    };
+    get formattedValue(): any;
+}

package/types/components/zd-grid/subcomponents/cell/ZdGridCellEdit.d.ts

@@ -0,0 +1,17 @@
+import Vue from 'vue';
+import { Column } from '@zeedhi/common';
+import { IDictionary } from '@zeedhi/core';
+/**
+ * Grid cell Edit component
+ */
+export default class ZdGridCellEdit extends Vue {
+    column?: Column;
+    rowStyle?: IDictionary<any>;
+    cellsApplied?: IDictionary<any>;
+    isEdited?: boolean;
+    isValid?: boolean;
+    row?: IDictionary<any>;
+    getEditableComponent?: Function;
+    getWidthStyle?: Function;
+    get cellProps(): {};
+}

package/types/components/zd-input/ZdInput.d.ts

@@ -8,7 +8,6 @@ export default class ZdInput extends ZdComponentRender {
     align: string;
     alwaysShowError: boolean | string;
     autofill: boolean | string;
-    autofocus: boolean | string;
     clearable: boolean | string;
     color: string;
     dense: boolean | string;

package/types/components/zd-menu/ZdMenu.d.ts

@@ -5,6 +5,7 @@ import ZdComponentRender from '../zd-component/ZdComponentRender';
  */
 export default class ZdMenu extends ZdComponentRender {
     app: boolean | string;
+    absolute: boolean | string;
     clipped: boolean | string;
     fixed: boolean | string;
     floating: boolean | string;

package/types/components/zd-textarea/ZdTextarea.d.ts

@@ -15,8 +15,13 @@ export default class ZdTextarea extends ZdTextInput {
     rounded: boolean;
     rowHeight: number | string;
     rows: number | string;
+    height: string | number;
+    fillHeight: string | number | boolean;
     instance: Textarea;
     instanceType: typeof Textarea;
     mounted(): void;
     blur(event: Event): void;
+    get cssVars(): {
+        '--zd-textarea-height': string | number;
+    };
 }

package/types/components/zd-tooltip/ZdTooltip.d.ts

@@ -13,6 +13,7 @@ export default class ZdTooltip extends ZdComponentRender {
     minWidth: number | string;
     nudge: number | string;
     openOnClick: boolean | string;
+    openOnFocus: boolean | string;
     openOnHover: boolean | string;
     right: boolean | string;
     top: boolean | string;

package/types/components/zd-tree-grid/ZdTreeGrid.d.ts

@@ -9,11 +9,12 @@ export default class ZdTreeGrid extends ZdGrid {
     openLevelOnLoad: string | number | boolean;
     fetchOnDemand: string | boolean;
     flat: string | boolean;
+    detach: boolean;
     footerSlot: IComponentRender[];
     instance: TreeGrid;
     instanceType: typeof TreeGrid;
     mounted(): void;
-    formatSearchResult(text: string): string;
+    toggleExpand(row: IDictionary, rowIndex: number): Promise<void>;
     checkSome(row: IDictionary<any>): boolean;
     checkEvery(row: IDictionary<any>): any;
     selectClick(index: number, isSelected: boolean, event: Event): void;

package/types/components/zd-tree-grid/ZdTreeGridEditable.d.ts

@@ -39,4 +39,9 @@ export default class ZdTreeGridEditable extends ZdTreeGrid {
     private navigateUp;
     private navigateDown;
     hasToggleIcon(column: Column, row: IDictionary<any>): boolean;
+    getWidthStyle(column: Column): {
+        width: string;
+        'min-width': string;
+        'max-width': string;
+    };
 }

package/types/components/zd-tree-grid/cell/ZdTreeGridCellContent.d.ts

@@ -0,0 +1,10 @@
+import ZdGridCellContent from '../../zd-grid/subcomponents/cell/ZdGridCellContent.vue';
+export default class ZdTreeGridCellContent extends ZdGridCellContent {
+    headerIndex?: number;
+    selectable?: boolean;
+    toggleExpand?: Function;
+    rowIndex?: number;
+    search?: string;
+    expandClass?: string;
+    formatSearchResult(text: string): string;
+}