@zeedhi/vuetify 1.101.0 → 1.102.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/vuetify",
-  "version": "1.101.0",
+  "version": "1.102.0",
   "description": "Zeedhi Components based on Vuetify",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -51,5 +51,5 @@
     "@types/prismjs": "1.26.*",
     "@types/sortablejs": "1.15.*"
   },
-  "gitHead": "a09f2851ece9c0011024e1cd69baba7a85b13130"
+  "gitHead": "3b9af737d3f68df0b393f7862bbb830a38daaa28"
 }

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

@@ -18,6 +18,7 @@ export default class ZdGrid extends ZdIterable {
     minWidth?: number | string;
     maxWidth?: number | string;
     fillHeight?: boolean | string;
+    backgroundColor?: string;
     disableSelection: string | Function;
     noDataSlot: IComponentRender[];
     noResultSlot: IComponentRender[];
@@ -104,9 +105,11 @@ export default class ZdGrid extends ZdIterable {
     private updateScrollData;
     private lastStart;
     onScroll(event: Event): void;
+    getBackgroundColor(): string;
+    getThemeBackground(background: string): string;
     get cssColorVars(): {
-        '--current-row-color': string;
-        '--current-row-hover-color': string;
+        '--theme-background-color': string;
+        '--background-color': string;
     };
     checkOverflow(event: MouseEvent, columnOverflow: number | string): void;
     removeTooltip(): void;

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

@@ -8,7 +8,6 @@ export default class ZdGridCheckbox extends Vue {
     disabled?: boolean;
     isSelected?: boolean;
     indeterminate?: boolean;
-    theme?: string;
     isCurrent: boolean;
     focusin(event: FocusEvent): void;
     focusout(event: FocusEvent): void;

package/types/components/zd-iterable-component-render/ZdIterableComponentRender.d.ts

@@ -18,6 +18,7 @@ export default class ZdIterableComponentRender extends ZdIterable {
     minWidth?: number | string;
     maxWidth?: number | string;
     fillHeight?: boolean | string;
+    showLoading?: boolean | string;
     instance: IterableComponentRender;
     instanceType: typeof IterableComponentRender;
     mounted(): void;

package/types/components/zd-select/ZdSelect.d.ts

@@ -27,6 +27,7 @@ export default class ZdSelect extends ZdTextInput {
     searchParam: string;
     dataValueOut: string | ISelectDataValueOutItem[];
     dataValueOutFormName: string;
+    closeOnScroll: boolean;
     instance: Select;
     instanceType: typeof Select;
     private inputWidth;
@@ -36,6 +37,17 @@ export default class ZdSelect extends ZdTextInput {
     protected componentRef: any;
     private originalOnScroll;
     mounted(): void;
+    private observer?;
+    private isSelectVisible;
+    private isDisconnected;
+    /**
+     * Register intersectionObserver to detect when element position changes
+     */
+    private registerObserver;
+    private createObserver;
+    private disconnectObserver;
+    changeCloseOnScroll(value: boolean): void;
+    destroyed(): void;
     protected applyAutofocus(): void;
     /**
      * Gets next page based on scroll distance from bottom
@@ -57,4 +69,5 @@ export default class ZdSelect extends ZdTextInput {
     loadMore(): void;
     get items(): IDictionary<any>[];
     dataChange(): void;
+    setMenuVisibility(visibility: boolean | 'show' | 'hide'): void;
 }

package/types/mixins/index.d.ts

@@ -1,3 +1,4 @@
 import EditableMixin from './editable-mixin/EditableMixin';
 import NavigableTableMixin from './navigable-table-mixin/NavigableTableMixin';
-export { EditableMixin, NavigableTableMixin, };
+import Themeable from './themeable/Themeable';
+export { EditableMixin, NavigableTableMixin, Themeable, };

package/types/mixins/themeable/Themeable.d.ts

@@ -0,0 +1,16 @@
+import { Component as ComponentInstance } from '@zeedhi/common';
+import { Vue } from 'vue-property-decorator';
+export default class ThemeableMixin extends Vue {
+    dark: boolean;
+    light: boolean;
+    instance?: ComponentInstance;
+    private themeableProvide;
+    get providedTheme(): {
+        isDark: boolean;
+    };
+    themeInject: {
+        isDark: boolean;
+    };
+    get isDark(): boolean;
+    handler(newVal: boolean, oldVal: boolean): void;
+}

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

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

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

@@ -1,8 +0,0 @@
-import { IComponentRender } from '@zeedhi/common';
-import Vue from 'vue';
-export default class ZdGridNoData extends Vue {
-    errorSlot: IComponentRender[];
-    noDataSlot: IComponentRender[];
-    noResultSlot: IComponentRender[];
-    instance: any;
-}

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

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

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

@@ -1,23 +0,0 @@
-import { IterableColumnsButton } from '@zeedhi/common';
-import ZdButton from '../zd-button/ZdButton.vue';
-/**
- * Iterable Columns Button component
- */
-export default class ZdIterableColumnsButton extends ZdButton {
-    iterableComponentName: string;
-    iconName: string;
-    icon: boolean | string;
-    instance: IterableColumnsButton;
-    instanceType: typeof IterableColumnsButton;
-    getEvents(on: any): {
-        [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/common").IButtonEvent> | undefined;
-        blur?: string | import("@zeedhi/core").IEvent<import("@zeedhi/common").IButtonEvent> | undefined;
-        click?: string | import("@zeedhi/core").IEvent<import("@zeedhi/common").IButtonEvent> | undefined;
-        focus?: string | import("@zeedhi/core").IEvent<import("@zeedhi/common").IButtonEvent> | undefined;
-        onCreated?: string | import("@zeedhi/core").IEvent<import("@zeedhi/common").IButtonEvent> | undefined;
-        onBeforeMount?: string | import("@zeedhi/core").IEvent<import("@zeedhi/common").IButtonEvent> | undefined;
-        onMounted?: string | import("@zeedhi/core").IEvent<import("@zeedhi/common").IButtonEvent> | undefined;
-        onBeforeDestroy?: string | import("@zeedhi/core").IEvent<import("@zeedhi/common").IButtonEvent> | undefined;
-        onDestroyed?: string | import("@zeedhi/core").IEvent<import("@zeedhi/common").IButtonEvent> | undefined;
-    };
-}

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

@@ -1,9 +0,0 @@
-import { IterablePageInfo } from '@zeedhi/common';
-import ZdIterablePageComponent from './ZdIterablePageComponent';
-/**
- * Iterable page info component
- */
-export default class ZdIterablePageInfo extends ZdIterablePageComponent {
-    instance: IterablePageInfo;
-    instanceType: typeof IterablePageInfo;
-}

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

@@ -1,20 +0,0 @@
-import { IDictionary } from '@zeedhi/core';
-import { IterablePageSize } from '@zeedhi/common';
-import ZdSelect from '../zd-select/ZdSelect.vue';
-/**
- * Iterable page size component
- */
-export default class ZdIterablePageSize extends ZdSelect {
-    iterableComponentName: string;
-    clearable: boolean | string;
-    dataText: string | string[];
-    dataValue: string;
-    dense: boolean | string;
-    autocomplete: boolean | string;
-    showHelper: boolean | string;
-    showLabel: boolean | string;
-    validations: IDictionary<IDictionary<string | number>>;
-    instance: IterablePageSize;
-    instanceType: typeof IterablePageSize;
-    mounted(): void;
-}

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

@@ -1,35 +0,0 @@
-import { IterablePagination } from '@zeedhi/common';
-import ZdIterablePageComponent from './ZdIterablePageComponent';
-/**
- * Iterable pagination component
- */
-export default class ZdIterablePagination extends ZdIterablePageComponent {
-    circle: boolean;
-    maxButtons?: number;
-    nextIcon: string;
-    prevIcon: string;
-    instance: IterablePagination;
-    instanceType: typeof IterablePagination;
-    private lastLength?;
-    private element;
-    private paginationComponent;
-    mounted(): void;
-    private initRefs;
-    /**
-     * Vuetify doesn't wait for nextTick to calculate maxButtons when resizing,
-     * so we have to refresh it
-     */
-    private refreshMaxButtons;
-    private updateIterableEvent;
-    /**
-     * Fix maxButtons when pagination is not visible initially
-     */
-    private initMaxButtons;
-    private lengthChange;
-    growPagination(): void;
-    /**
-     * Approach to "width: auto + 17px", because vuetify pagination requires parent element
-     * to have 17px of extra width relative to children to calculate the number of buttons displayed
-     */
-    updateWidth(): void;
-}

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

@@ -1,16 +0,0 @@
-import { Search } from '@zeedhi/common';
-import ZdTextInput from '../zd-text-input/ZdTextInput.vue';
-/**
- * Search component
- */
-export default class ZdSearch extends ZdTextInput {
-    iterableComponentName: string;
-    showLabel: string;
-    showHelper: string;
-    appendIcon: string;
-    placeholder: string;
-    cssClass: string;
-    instance: Search;
-    instanceType: typeof Search;
-    getSearchValue(): string;
-}

package/types/utils/getIconPlugin.d.ts

@@ -1,2 +0,0 @@
-declare const _default: (name: string) => string;
-export default _default;