@zeedhi/vuetify 1.41.0 → 1.45.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/vuetify",
-  "version": "1.41.0",
+  "version": "1.45.0",
   "description": "Zeedhi Components based on Vuetify",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -51,5 +51,5 @@
     "@types/prismjs": "^1.16.2",
     "@types/sortablejs": "^1.10.6"
   },
-  "gitHead": "cb7c5121e9da43558e93af18549dd224d1018217"
+  "gitHead": "ea4fad6d3e90c803b620ae11dc54532cb7eb6ab2"
 }

package/types/components/public.d.ts

@@ -63,6 +63,7 @@ import ZdRadio from './zd-radio/ZdRadio';
 import ZdRangeSlider from './zd-range-slider/ZdRangeSlider';
 import ZdRow from './zd-row/ZdRow';
 import ZdSearch from './zd-iterable/zd-search/ZdSearch';
+import ZdSelectableList from './zd-selectable-list/ZdSelectableList';
 import ZdSelect from './zd-select/ZdSelect';
 import ZdSelectTree from './zd-select-tree/ZdSelectTree';
 import ZdSelectTreeMultiple from './zd-select-tree-multiple/ZdSelectTreeMultiple';
@@ -82,4 +83,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, 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, 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, ZdHeader, ZdImage, ZdIncrement, ZdInput, ZdIterable, 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-carousel/ZdCarousel.d.ts

@@ -10,6 +10,8 @@ export default class ZdCarousel extends ZdComponentRender {
     currentSlide?: number;
     fractionPagination: boolean;
     height: number | string;
+    maxHeight: number | string;
+    minHeight: number | string;
     infiniteScroll: boolean;
     initialSlide: number;
     interval: number;

package/types/components/zd-code-editor/ZdCodeEditor.d.ts

@@ -6,6 +6,7 @@ import ZdComponentRender from '../zd-component/ZdComponentRender';
 export default class ZdCodeEditor extends ZdComponentRender {
     copyIcon: string;
     maxHeight: string;
+    height: string;
     language: string;
     showLineNumbers: boolean | string;
     staticCode: object | string | string[];

package/types/components/zd-container/ZdContainer.d.ts

@@ -6,6 +6,9 @@ import ZdComponentRender from '../zd-component/ZdComponentRender';
 export default class ZdContainer extends ZdComponentRender {
     fluid: boolean;
     fillHeight: boolean;
+    height: number | string;
+    maxHeight: number | string;
+    minHeight: number | string;
     instance: Container;
     instanceType: typeof Container;
 }

package/types/components/zd-dropdown/ZdDropdown.d.ts

@@ -12,6 +12,7 @@ export default class ZdDropdown extends ZdComponentRender {
     disabled: boolean;
     fixed: boolean;
     hover: boolean;
+    height?: number | string;
     maxHeight?: number | string;
     maxWidth?: number | string;
     minHeight?: number | string;

package/types/components/zd-file-input/ZdFileInput.d.ts

@@ -32,8 +32,6 @@ export default class ZdFileInput extends ZdTextInput {
     inputFileDragOver(event: DragEvent): void;
     inputFileDragLeave(): void;
     inputFileDrop(event: DragEvent): void;
-    private setFileInputPlaceholder;
-    private removePlaceHolder;
     dragAreaClick(event: Event): void;
     dragAreaButtonClick(): void;
 }

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

@@ -7,6 +7,7 @@ import ZdComponentRender from '../zd-component/ZdComponentRender';
 export default class ZdForm extends ZdComponentRender {
     align?: string;
     justify?: string;
+    height?: number | string;
     value: IDictionary<any>;
     instance: Form;
     instanceType: typeof Form;

package/types/components/zd-frame/ZdFrame.d.ts

@@ -9,6 +9,9 @@ export default class ZdFrame extends ZdComponentRender {
     override: object;
     cache: boolean;
     cacheDuration: number;
+    height: number | string;
+    maxHeight: number | string;
+    minHeight: number | string;
     instance: Frame;
     instanceType: typeof Frame;
 }

package/types/components/zd-list/ZdList.d.ts

@@ -12,6 +12,9 @@ export default class ZdList extends ZdComponentRender {
     color?: string;
     elevation?: number | string;
     expand?: boolean;
+    height?: number | string;
+    maxHeight?: number | string;
+    minHeight?: number | string;
     items: IListItem[];
     instance: List;
     instanceType: typeof List;

package/types/components/zd-loading/ZdLoading.d.ts

@@ -13,6 +13,7 @@ export default class ZdLoading extends ZdComponent {
     zIndex?: number | string;
     textColor?: string;
     loading: Loading;
+    instanceType: typeof Loading;
     constructor();
     parseToPixel(number: number): string;
 }

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

@@ -1,4 +1,4 @@
-import { Menu, IMenuItem, IComponentRender, ITextInput } from '@zeedhi/common';
+import { Menu, IMenuItem, IComponentRender, ITextInput, IMenu, IMenuGroup } from '@zeedhi/common';
 import ZdComponentRender from '../zd-component/ZdComponentRender';
 /**
  * Menu component
@@ -25,8 +25,16 @@ export default class ZdMenu extends ZdComponentRender {
     topSlot: IComponentRender[];
     instance: Menu;
     instanceType: typeof Menu;
+    private navigationKeyMapping;
     onRouterChange(current: any, previous: any): void;
     mounted(): void;
+    beforeDestroy(): void;
     searchInputProps: ITextInput;
+    showSlotOnHover(): boolean;
     private doSearch;
+    private findIndex;
+    get parentComp(): IMenu | IMenuGroup | undefined;
+    private navigateNextItem;
+    private navigatePreviousItem;
+    private toogleGroup;
 }

package/types/components/zd-modal/ZdModal.d.ts

@@ -8,4 +8,15 @@ export default class ZdModal extends ZdComponent {
     created(): void;
     private getGridClasses;
     getSizeClass(modal: Modal): string;
+    protected x: number;
+    protected y: number;
+    protected dragModal: HTMLElement | null;
+    protected dragHandle: HTMLElement | null;
+    get currentModalEl(): HTMLElement | null;
+    registerMousedown(modal: Modal): void;
+    unregisterMousedown(): void;
+    dragStart(event: MouseEvent): void;
+    dragEnd(): void;
+    dragMove(event: MouseEvent): void;
+    getContentClass(modal: Modal): string;
 }

package/types/components/zd-select-tree-multiple/ZdSelectTreeMultiple.d.ts

@@ -4,6 +4,7 @@ import ZdSelectTree from '../zd-select-tree/ZdSelectTree';
 export default class ZdSelectTreeMultiple extends ZdSelectTree {
     flat: boolean | string;
     limit: number | string;
+    valueConsistsOf: string;
     instance: SelectTreeMultiple;
     instanceType: typeof SelectTreeMultiple;
     onChangeSelectedNodes(selectedNodes: ISelectTreeMultipleNode<IDictionary>[]): void;

package/types/components/zd-selectable-list/ZdSelectableList.d.ts

@@ -8,7 +8,8 @@ export default class ZdSelectableList extends ZdList {
     mandatory?: boolean;
     max?: number;
     multiple?: number;
+    value?: any;
     instance: SelectableList;
     instanceType: typeof SelectableList;
-    change(event: Event): void;
+    change(): void;
 }

package/types/components/zd-tabs/ZdTabs.d.ts

@@ -5,6 +5,7 @@ import ZdComponentRender from '../zd-component/ZdComponentRender';
  */
 export default class ZdTabs extends ZdComponentRender {
     activeTab: number;
+    height?: number | string;
     tabs: ITab[];
     instance: Tabs;
     instanceType: typeof Tabs;

package/types/components/zd-tree/ZdTree.d.ts

@@ -1,5 +1,6 @@
-import { Tree, IComponentRender, ITreeNodeModel, ITreeConditionComponent } from '@zeedhi/common';
+import { Tree, IComponentRender, ITreeNodeModel, ITreeConditionComponent, ITreeNode } from '@zeedhi/common';
 import { IDictionary, IDatasource } from '@zeedhi/core';
+import { ISlTreeNode } from 'sl-vue-tree';
 import ZdComponentRender from '../zd-component/ZdComponentRender';
 /**
  * LabelsTree component
@@ -14,20 +15,34 @@ export default class ZdTree extends ZdComponentRender {
     allowDragDrop: string | boolean;
     afterTitleSlot: ITreeConditionComponent;
     toolbarSlot: IComponentRender[];
+    titleSlot: ITreeConditionComponent[];
     datasource: IDatasource;
     parentField: string;
     titleField: string;
     dataField: string;
+    checkbox: boolean;
     openLevelOnLoad: string | number | boolean;
     instance: Tree;
     instanceType: typeof Tree;
     selectedNodesTitle: string;
     private beforeNodeState;
     mounted(): void;
+    destroy(): void;
+    unselect(event: MouseEvent): void;
     dataChange(): void;
+    nodeChange(): void;
     onNodeDrop(nodes: any, position: any, event: Event): void;
     onNodeSelect(nodes: any, event: MouseEvent): void;
     onNodeClick(node: any, event: MouseEvent): void;
     onNodeDblClick(node: any, event: Event): void;
-    getAfterTitleSlotName(name: String, data: IDictionary): string;
+    instanceNode(node: ISlTreeNode<IDictionary>): ITreeNodeModel<IDictionary<any>> | undefined;
+    getMaxOffset(els: HTMLElement[]): number;
+    getAfterTitleEls(): HTMLElement[];
+    setAfterTitleMargin(): void;
+    addObserver(node: ISlTreeNode<IDictionary>): void;
+    nodeCheck(node: ITreeNode<IDictionary>, event: MouseEvent): void;
+    get cssColorVars(): {
+        '--current-row-color': string;
+        '--current-row-hover-color': string;
+    };
 }

package/types/components/zd-tree/ZdTreeAfterTitle.d.ts

@@ -0,0 +1,11 @@
+import { ITreeConditionComponent } from '@zeedhi/common';
+import { IDictionary } from '@zeedhi/core';
+import Vue from 'vue';
+import { ISlTreeNode } from 'sl-vue-tree';
+/**
+ * ZdTreeAfterTitle component
+ */
+export default class ZdTreeAfterTitle extends Vue {
+    afterTitleSlot: ITreeConditionComponent;
+    node: ISlTreeNode<IDictionary>;
+}

package/types/components/zd-tree/ZdTreeCheckbox.d.ts

@@ -0,0 +1,15 @@
+import { IDictionary } from '@zeedhi/core';
+import { ITreeNodeModel } from '@zeedhi/common';
+import Vue from 'vue';
+/**
+ * ZdTreeCheckbox component
+ */
+export default class ZdTreeCheckbox extends Vue {
+    node: ITreeNodeModel<IDictionary>;
+    get childrenCheck(): boolean | undefined;
+    check(): void;
+    get isIndeterminate(): boolean;
+    checkboxToggle(node: ITreeNodeModel<IDictionary>): void;
+    private toggleChildren;
+    click(event: Event): void;
+}

package/types/index.d.ts

@@ -12,4 +12,5 @@ export * from './components';
 export * from './components/public';
 export * from './utils/colors';
 export * from './utils/icons/icons';
+export * from './utils/decorators';
 export { Vuetify };

package/types/utils/plugins/index.d.ts

@@ -2,4 +2,6 @@ import getIconPlugin from './getIconPlugin';
 import formatSizePlugin from './formatSizePlugin';
 import doubleClickPlugin from './doubleClickPlugin';
 import isMobilePlugin from './isMobilePlugin';
-export { getIconPlugin, formatSizePlugin, doubleClickPlugin, isMobilePlugin, };
+import isDarkPlugin from './isDarkPlugin';
+import isLightPlugin from './isLightPlugin';
+export { getIconPlugin, formatSizePlugin, doubleClickPlugin, isMobilePlugin, isDarkPlugin, isLightPlugin, };

package/types/utils/plugins/isDarkPlugin.d.ts

@@ -0,0 +1,3 @@
+import { ZdComponent } from '../..';
+declare const _default: (component: ZdComponent) => boolean;
+export default _default;

package/types/utils/plugins/isLightPlugin.d.ts

@@ -0,0 +1,3 @@
+import { ZdComponent } from '../..';
+declare const _default: (component: ZdComponent) => boolean;
+export default _default;