@zeedhi/vuetify 1.39.0 → 1.43.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/vuetify",
-  "version": "1.39.0",
+  "version": "1.43.0",
   "description": "Zeedhi Components based on Vuetify",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -25,6 +25,7 @@
     "@types/lodash.isundefined": "^3.0.6",
     "@types/lodash.kebabcase": "^4.1.6",
     "@types/sortablejs": "^1.10.6",
+    "@zeedhi/zd-vue-treeselect": "^1.0.0",
     "apexcharts": "^3.23.0",
     "hooper": "^0.3.4",
     "lodash.camelcase": "^4.3.0",
@@ -37,8 +38,7 @@
     "vue-apexcharts": "^1.6.0",
     "vue-class-component": "^7.2.6",
     "vue-property-decorator": "^9.1.2",
-    "vuetify": "2.5.14",
-    "zeedhi-vue-treeselect": "^0.4.1"
+    "vuetify": "2.5.14"
   },
   "peerDependencies": {
     "@zeedhi/common": "^1.0.0-alpha.0",
@@ -51,5 +51,5 @@
     "@types/prismjs": "^1.16.2",
     "@types/sortablejs": "^1.10.6"
   },
-  "gitHead": "a781b76cab3674a9f80cc709ce9b67b97bc12bac"
+  "gitHead": "f6b2292eede8b26c85ffb8510456ad20aade752f"
 }

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-apex-chart/ZdApexChart.d.ts

@@ -15,4 +15,5 @@ export default class ZdApexChart extends ZdComponentRender {
     instance: ApexChart;
     instanceType: typeof ApexChart;
     mounted(): void;
+    private setApexChartTheme;
 }

package/types/components/zd-breadcrumbs/ZdBreadcrumbs.d.ts

@@ -4,12 +4,10 @@ import ZdComponentRender from '../zd-component/ZdComponentRender';
  * Breadcrumbs component
  */
 export default class ZdBreadcrumbs extends ZdComponentRender {
-    dark: boolean;
     divider: string;
     iconName: string;
     items: IBreadcrumbsItem[];
     large: boolean;
-    light: boolean;
     small: boolean;
     instance: Breadcrumbs;
     instanceType: typeof Breadcrumbs;

package/types/components/zd-button/ZdButton.d.ts

@@ -8,7 +8,6 @@ export default class ZdButton extends ZdComponentRender {
     block: boolean | string;
     bottom: boolean | string;
     color: string;
-    dark: boolean | string;
     disabled: boolean | string;
     fab: boolean | string;
     fixed: boolean | string;
@@ -19,7 +18,6 @@ export default class ZdButton extends ZdComponentRender {
     label: string;
     large: boolean | string;
     left: boolean | string;
-    light: boolean | string;
     outline: boolean | string;
     reverse: boolean | string;
     right: boolean | string;

package/types/components/zd-button-group/ZdButtonGroup.d.ts

@@ -8,10 +8,8 @@ export default class ZdButtonGroup extends ZdComponentRender {
     backgroundColor: string;
     borderless: boolean | string;
     color: string;
-    dark: boolean | string;
     dense: boolean | string;
     group: boolean | string;
-    light: boolean | string;
     mandatory: boolean | string;
     multiple: boolean | string;
     rounded: boolean | string;

package/types/components/zd-card/ZdCard.d.ts

@@ -7,7 +7,6 @@ export default class ZdCard extends ZdComponentRender {
     activeClass: string;
     append: boolean;
     color: string;
-    dark: boolean;
     disabled: boolean;
     elevation?: number | string;
     flat: boolean;
@@ -15,7 +14,6 @@ export default class ZdCard extends ZdComponentRender {
     hover: boolean;
     href?: string;
     img: string;
-    light: boolean;
     link: boolean;
     maxHeight?: number | string;
     maxWidth?: number | string;

package/types/components/zd-carousel/ZdCarousel.d.ts

@@ -8,14 +8,14 @@ export default class ZdCarousel extends ZdComponentRender {
     buttonsOutside: boolean;
     center: boolean;
     currentSlide?: number;
-    dark: boolean;
     fractionPagination: boolean;
     height: number | string;
+    maxHeight: number | string;
+    minHeight: number | string;
     infiniteScroll: boolean;
     initialSlide: number;
     interval: number;
     keysControl: boolean;
-    light: boolean;
     mouseControl: boolean;
     paginationBackground: boolean;
     pauseOnHover: boolean;

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-component/ZdComponent.d.ts

@@ -10,6 +10,8 @@ export default class ZdComponent extends Vue {
     cssClass: string;
     cssStyle: object | string;
     isVisible: boolean | string;
+    dark: boolean;
+    light: boolean;
     events: IEventsDefinition<any>;
     keyMap: IKeyMap<any>;
     parent: ComponentClass;

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-divider/ZdDivider.d.ts

@@ -4,9 +4,7 @@ import ZdComponentRender from '../zd-component/ZdComponentRender';
  * Divider component
  */
 export default class ZdDivider extends ZdComponentRender {
-    dark: boolean;
     inset: boolean;
-    light: boolean;
     vertical: boolean;
     instance: Divider;
     instanceType: typeof Divider;

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-footer/ZdFooter.d.ts

@@ -8,12 +8,10 @@ export default class ZdFooter extends ZdComponentRender {
     app: boolean;
     centerSlot: IComponentRender[];
     color: string;
-    dark: boolean;
     fixed: boolean;
     height: number | string;
     inset: boolean;
     leftSlot: IComponentRender[];
-    light: boolean;
     maxHeight?: number | string;
     maxWidth?: number | string;
     minHeight?: number | string;

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-grid/ZdGrid.d.ts

@@ -10,6 +10,7 @@ export default class ZdGrid extends ZdIterable {
     fillHeight: boolean | string;
     footerSlot: IComponentRender[];
     headerBackground: string;
+    headerCellTextColor: string;
     height: number | string;
     maxHeight: number | string;
     gridHeight: number | string;
@@ -30,13 +31,14 @@ export default class ZdGrid extends ZdIterable {
     calcWidth(column: Column, width: string): string;
     calcHeaderCellWidth(column: Column): string;
     private sortColumns;
+    protected getColumnsDOMOrder(): Column[];
     private checkMove;
-    private hideColumn;
+    protected hideColumn(event: any): void;
     private initDragColumns;
     private resizeX;
     private resizeWidth;
     private resizeTableWidth;
-    private resizeColumn?;
+    protected resizeColumn?: Column;
     private resizeTableElement;
     resizeMouseDownHandler(column: Column, event: MouseEvent): void;
     resizeClickHandler(event: MouseEvent): void;

package/types/components/zd-header/ZdHeader.d.ts

@@ -10,13 +10,11 @@ export default class ZdHeader extends ZdComponentRender {
     color: string;
     clippedLeft: boolean;
     clippedRight: boolean;
-    dark: boolean;
     dense: boolean;
     elevation: number | string;
     fixed: boolean;
     height: number | string;
     leftSlot: IComponentRender[];
-    light: boolean;
     maxHeight?: number | string;
     maxWidth?: number | string;
     minHeight?: number | string;

package/types/components/zd-icon/ZdIcon.d.ts

@@ -5,12 +5,10 @@ import ZdComponentRender from '../zd-component/ZdComponentRender';
  */
 export default class ZdIcon extends ZdComponentRender {
     color: string;
-    dark: boolean | string;
     dense: boolean | string;
     disabled: boolean | string;
     large: boolean | string;
     left: boolean | string;
-    light: boolean | string;
     right: boolean | string;
     size: number | string;
     small: boolean | string;

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

@@ -11,12 +11,10 @@ export default class ZdInput extends ZdComponentRender {
     autofocus: boolean | string;
     clearable: boolean | string;
     color: string;
-    dark: boolean | string;
     dense: boolean | string;
     disabled: boolean | string;
     hint: string;
     label: string;
-    light: boolean | string;
     mask: any;
     maxLength: number | string;
     persistentHint: boolean | string;

package/types/components/zd-iterable/ZdIterable.d.ts

@@ -26,7 +26,6 @@ export default class ZdIterable extends ZdComponentRender {
     scrollData: IScrollData;
     mounted(): void;
     beforeDestroy(): void;
-    private debouncedChangeData;
     changeData(data?: IDictionary[]): void;
     rowKey(item: IDictionary<any>): any;
 }

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

@@ -4,16 +4,17 @@ import ZdComponentRender from '../zd-component/ZdComponentRender';
  * List component
  */
 export default class ZdList extends ZdComponentRender {
-    dark?: boolean;
     dense?: boolean;
     disabled?: boolean;
     divided?: boolean;
-    light?: boolean;
     threeLine?: boolean;
     twoLine?: boolean;
     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-menu/ZdMenu.d.ts

@@ -8,7 +8,6 @@ export default class ZdMenu extends ZdComponentRender {
     clipped: boolean | string;
     fixed: boolean | string;
     floating: boolean | string;
-    dark: boolean | string;
     dense: boolean | string;
     mini: boolean | string;
     miniState: boolean | string;
@@ -29,5 +28,6 @@ export default class ZdMenu extends ZdComponentRender {
     onRouterChange(current: any, previous: any): void;
     mounted(): void;
     searchInputProps: ITextInput;
+    showSlotOnHover(): boolean;
     private doSearch;
 }

package/types/components/zd-progress/ZdProgress.d.ts

@@ -7,10 +7,8 @@ export default class ZdProgress extends ZdComponentRender {
     backgroundColor: string;
     backgroundOpacity: string;
     color: string;
-    dark: boolean;
     height: number | string;
     indeterminate: boolean;
-    light: boolean;
     centerSlot: IComponentRender[];
     value: number | string;
     instance: Progress;

package/types/components/zd-select-tree/ZdSelectTree.d.ts

@@ -12,6 +12,7 @@ export default class ZdSelectTree extends ZdTextInput {
     showCount: boolean | string;
     showCountOf: string;
     disableParentNode: boolean | string;
+    preventLoadOnFocus?: boolean;
     datasource: IDatasource;
     parentField: string;
     dataValue: string;

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

@@ -0,0 +1,15 @@
+import { SelectableList } from '@zeedhi/common';
+import ZdList from '../zd-list/ZdList';
+/**
+ * Selectable List component
+ */
+export default class ZdSelectableList extends ZdList {
+    activeClass?: string;
+    mandatory?: boolean;
+    max?: number;
+    multiple?: number;
+    value?: any;
+    instance: SelectableList;
+    instanceType: typeof SelectableList;
+    change(): void;
+}

package/types/components/zd-steppers/ZdSteppers.d.ts

@@ -9,8 +9,6 @@ export default class ZdSteppers extends ZdComponentRender {
     altLabels: boolean;
     items: ISteppersStep[];
     nonLinear: boolean;
-    dark: boolean;
-    light: boolean;
     vertical: boolean;
     content: boolean;
     instance: Steppers;

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/index.d.ts

@@ -1,7 +1,7 @@
 import { PluginFunction } from 'vue';
 import 'sl-vue-tree/dist/sl-vue-tree-minimal.css';
 import 'hooper/dist/hooper.css';
-import 'zeedhi-vue-treeselect/dist/vue-treeselect.css';
+import '@zeedhi/zd-vue-treeselect/dist/vue-treeselect.css';
 import Vuetify from 'vuetify/lib';
 import 'vuetify/dist/vuetify.min.css';
 declare const Zeedhi: {
@@ -11,4 +11,5 @@ export default Zeedhi;
 export * from './components';
 export * from './components/public';
 export * from './utils/colors';
+export * from './utils/icons/icons';
 export { Vuetify };

package/types/utils/icons/icons.d.ts

@@ -0,0 +1,5 @@
+export declare class IconRenderer {
+    private static icons;
+    private static getIconHtml;
+    static getIcon(iconName: string, vuetify: any): string;
+}

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;