lkt-table 1.1.2 → 1.2.0

package/theme/default.css

@@ -0,0 +1,31 @@
+:root {
+    --lkt-table-page-gap: 15px;
+
+    --lkt-table-width: 100%;
+    --lkt-table-font-family: system-ui, Helvetica;
+    --lkt-table-font-family-header: system-ui, Helvetica;
+
+    --lkt-table-border-radius: 5px;
+    --lkt-table-text-align: left;
+
+    --lkt-table-padding-row: 15px;
+    --lkt-table-padding-header: 15px;
+
+    --lkt-table-font-size-row: 16px;
+    --lkt-table-color-row: #444444;
+    --lkt-table-bg-header: #ffffff;
+    --lkt-table-bg-row: #ffffff;
+    --lkt-table-bg-row-odd: #f1f1f1;
+
+    --lkt-table-font-family-sort-icon: Verdana, Arial, Helvetica, sans-serif;
+    --lkt-table-font-size-sort-icon: 11px;
+
+    --lkt-table-sort-icon-content-asc: '';
+    --lkt-table-sort-icon-content-desc: '';
+
+    --lkt-table-width-drag: 20px;
+    --lkt-table-border-sortable-chosen: 3px dashed #cccccc;
+    --lkt-table-bg-sortable-chosen-ghost: #aaaaaa;
+
+    --lkt-table-gap-buttons: 15px;
+}

package/dist/components/LktHiddenRow.vue.d.ts

@@ -1,104 +0,0 @@
-import { LktTableColumn } from "../instances/LktTableColumn";
-import { PropType } from "vue";
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    isDraggable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    sortable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    i: {
-        type: NumberConstructor[];
-        default: number;
-    };
-    hiddenColumnsColSpan: {
-        type: NumberConstructor;
-        default: number;
-    };
-    visibleColumns: {
-        type: PropType<LktTableColumn[]>;
-        default: () => LktTableColumn[];
-    };
-    hiddenColumns: {
-        type: PropType<LktTableColumn[]>;
-        default: () => LktTableColumn[];
-    };
-    emptyColumns: {
-        type: PropType<string[]>;
-        default: () => string[];
-    };
-    hiddenIsVisible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    modelValue: {
-        type: PropType<any>;
-        default: () => {};
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: (...args: any[]) => void;
-    "update:modelValue": (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    isDraggable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    sortable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    i: {
-        type: NumberConstructor[];
-        default: number;
-    };
-    hiddenColumnsColSpan: {
-        type: NumberConstructor;
-        default: number;
-    };
-    visibleColumns: {
-        type: PropType<LktTableColumn[]>;
-        default: () => LktTableColumn[];
-    };
-    hiddenColumns: {
-        type: PropType<LktTableColumn[]>;
-        default: () => LktTableColumn[];
-    };
-    emptyColumns: {
-        type: PropType<string[]>;
-        default: () => string[];
-    };
-    hiddenIsVisible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    modelValue: {
-        type: PropType<any>;
-        default: () => {};
-    };
-}>> & {
-    onClick?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
-    i: number;
-    sortable: boolean;
-    modelValue: any;
-    isDraggable: boolean;
-    hiddenColumnsColSpan: number;
-    visibleColumns: LktTableColumn[];
-    hiddenColumns: LktTableColumn[];
-    emptyColumns: string[];
-    hiddenIsVisible: boolean;
-}, {}>, Partial<Record<string, (_: {
-    value: any;
-    item: any;
-    column: LktTableColumn;
-    i: number;
-}) => any>>>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/LktTableCell.vue.d.ts

@@ -1,39 +0,0 @@
-import { LktTableColumn } from "../instances/LktTableColumn";
-import { PropType } from "vue";
-import { LktObject } from "lkt-ts-interfaces";
-declare const _default: import("vue").DefineComponent<{
-    modelValue: {
-        type: PropType<LktObject>;
-        default: () => {};
-    };
-    column: {
-        type: PropType<LktTableColumn>;
-        default: () => {};
-    };
-    i: {
-        type: NumberConstructor[];
-        default: number;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    edited: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: PropType<LktObject>;
-        default: () => {};
-    };
-    column: {
-        type: PropType<LktTableColumn>;
-        default: () => {};
-    };
-    i: {
-        type: NumberConstructor[];
-        default: number;
-    };
-}>> & {
-    onEdited?: ((...args: any[]) => any) | undefined;
-}, {
-    i: number;
-    column: LktTableColumn;
-    modelValue: LktObject;
-}, {}>;
-export default _default;

package/dist/components/LktTableRow.vue.d.ts

@@ -1,97 +0,0 @@
-import { LktTableColumn } from "../instances/LktTableColumn";
-import { PropType } from "vue";
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    isDraggable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    sortable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    i: {
-        type: NumberConstructor[];
-        default: number;
-    };
-    displayHiddenColumnsIndicator: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    visibleColumns: {
-        type: PropType<LktTableColumn[]>;
-        default: () => LktTableColumn[];
-    };
-    emptyColumns: {
-        type: PropType<string[]>;
-        default: () => string[];
-    };
-    hiddenIsVisible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    item: {
-        type: PropType<any>;
-        default: () => {};
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    show: (...args: any[]) => void;
-    click: (...args: any[]) => void;
-    edited: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    isDraggable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    sortable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    i: {
-        type: NumberConstructor[];
-        default: number;
-    };
-    displayHiddenColumnsIndicator: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    visibleColumns: {
-        type: PropType<LktTableColumn[]>;
-        default: () => LktTableColumn[];
-    };
-    emptyColumns: {
-        type: PropType<string[]>;
-        default: () => string[];
-    };
-    hiddenIsVisible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    item: {
-        type: PropType<any>;
-        default: () => {};
-    };
-}>> & {
-    onClick?: ((...args: any[]) => any) | undefined;
-    onEdited?: ((...args: any[]) => any) | undefined;
-    onShow?: ((...args: any[]) => any) | undefined;
-}, {
-    item: any;
-    i: number;
-    sortable: boolean;
-    isDraggable: boolean;
-    visibleColumns: LktTableColumn[];
-    emptyColumns: string[];
-    hiddenIsVisible: boolean;
-    displayHiddenColumnsIndicator: boolean;
-}, {}>, Partial<Record<string, (_: {
-    value: any;
-    item: any;
-    column: LktTableColumn;
-    i: number;
-}) => any>>>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/functions/table-functions.d.ts

@@ -1,61 +0,0 @@
-import { LktTableColumn } from "../instances/LktTableColumn";
-import { LktObject } from "lkt-ts-interfaces";
-import { Option } from "lkt-field-select";
-/**
- *
- * @param key
- * @param label
- * @param sortable
- * @returns {LktTableColumn}
- */
-export declare const createColumn: (key: string, label: string, sortable?: boolean) => LktTableColumn;
-export declare const createLinkColumn: (key: string, label: string, href: string | Function, sortable?: boolean) => LktTableColumn;
-export declare const createActionColumn: (key: string, label: string, action: Function, sortable?: boolean) => LktTableColumn;
-export declare const createTextColumn: (key: string, label: string, sortable?: boolean) => LktTableColumn;
-export declare const createEmailColumn: (key: string, label: string, sortable?: boolean) => LktTableColumn;
-export declare const createTelColumn: (key: string, label: string, sortable?: boolean) => LktTableColumn;
-export declare const createCheckColumn: (key: string, label: string, sortable?: boolean) => LktTableColumn;
-export declare const createSwitchColumn: (key: string, label: string, sortable?: boolean) => LktTableColumn;
-export declare const createSelectColumn: (key: string, label: string, options: Option[], sortable?: boolean) => LktTableColumn;
-export declare const createHiddenColumn: (key: string, label: string, sortable?: boolean) => LktTableColumn;
-/**
- *
- * @param a
- * @param b
- * @param c
- * @param sortDirection
- * @returns {number}
- */
-export declare const defaultTableSorter: (a: any, b: any, c: LktTableColumn, sortDirection: string) => number;
-/**
- *
- * @param column
- * @param item
- * @param i
- * @returns {*}
- */
-export declare const getColumnDisplayContent: (column: LktTableColumn, item: any, i: number) => any;
-/**
- *
- * @param column
- * @param amountOfColumns
- * @param items
- */
-export declare const getVerticalColSpan: (column: LktTableColumn, amountOfColumns: number, items: Array<LktObject>) => number;
-/**
- *
- * @param column
- * @param item
- * @returns {boolean|*}
- */
-export declare const getHorizontalColSpan: (column: LktTableColumn, item: LktObject) => any;
-/**
- *
- * @param column
- * @param emptyColumns
- * @param item
- * @returns {boolean}
- */
-export declare const canRenderColumn: (column: LktTableColumn, emptyColumns: string[], item: LktObject) => boolean;
-export declare const getDefaultSortColumn: (columns?: LktTableColumn[]) => string;
-export declare const getColumnByKey: (columns: LktTableColumn[], key: string) => LktTableColumn | null;

package/dist/index.d.ts

@@ -1,8 +0,0 @@
-import { App } from "vue";
-export { createColumn, createHiddenColumn, createLinkColumn, createActionColumn, createTextColumn, createCheckColumn, createSwitchColumn, createSelectColumn, createEmailColumn, createTelColumn } from "./functions/table-functions";
-export { LktTableColumn } from "./instances/LktTableColumn";
-import "./../lkt-table.css";
-declare const LktTable: {
-    install: (app: App) => void;
-};
-export default LktTable;

package/dist/instances/LktTableColumn.d.ts

@@ -1,68 +0,0 @@
-import { Option } from "lkt-field-select";
-import { LktObject } from "lkt-ts-interfaces";
-export declare class LktTableColumn {
-    key: string;
-    label: string;
-    sortable: boolean;
-    hidden: boolean;
-    editable: boolean;
-    formatter?: Function;
-    checkEmpty?: Function;
-    colspan?: Function | boolean | number;
-    type: '' | 'link' | 'text' | 'int' | 'float' | 'check' | 'switch' | 'select' | 'action' | 'email' | 'tel';
-    link: string | Function;
-    action: Function;
-    options: Option[];
-    resource: string;
-    resourceSlot: string;
-    resourceData: LktObject;
-    slotData: LktObject;
-    isMultiple: boolean;
-    isLoading: boolean;
-    autoLoadSelectOptions: boolean;
-    autoLoadSelectOptionsKey: string;
-    resourceLoaded: boolean;
-    valueSlot: string;
-    editSlot: string;
-    multipleDisplay: string;
-    multipleDisplayEdition: string;
-    constructor(key?: string, label?: string);
-    setIsSortable(status?: boolean): this;
-    setIsEditable(status?: boolean): this;
-    setIsHidden(status?: boolean): this;
-    setIsLoading(status?: boolean): this;
-    setFormatter(formatter?: any): this;
-    setEmptyChecker(checker?: any): this;
-    setColSpan(checker?: any): this;
-    getHref(item: LktObject): any;
-    doAction(item: LktObject): any;
-    defineAsLink(href: string | Function): this;
-    defineAsText(): this;
-    defineAsEmail(): this;
-    defineAsTel(): this;
-    defineAsInt(): this;
-    defineAsFloat(): this;
-    defineAsCheck(): this;
-    defineAsSwitch(): this;
-    defineAsAction(action: Function): this;
-    defineAsSelect(options: Option[]): this;
-    showLoading(): boolean;
-    hasToLoadResource(): boolean;
-    setIsMultiple(status?: boolean): this;
-    setResource(resource: string): this;
-    setResourceSlot(resource: string): this;
-    setResourceData(data: LktObject): this;
-    loadResource(): Promise<this>;
-    setEditSlot(str: string): this;
-    setValueSlot(str: string): this;
-    setMultipleDisplay(str: string): this;
-    setMultipleDisplayToList(): this;
-    setMultipleDisplayToInline(): this;
-    setMultipleDisplayToCount(): this;
-    setMultipleDisplayEdition(str: string): this;
-    setMultipleDisplayEditionToList(): this;
-    setMultipleDisplayEditionToInline(): this;
-    setSlotData(data: LktObject): this;
-    setAutoLoadSelectOptions(enabled?: boolean, searchKey?: string): this;
-    setOptions(opts?: Option[]): this;
-}

package/dist/lib-components/LktTable.vue.d.ts

@@ -1,109 +0,0 @@
-import { PropType } from "vue";
-import { LktTableColumn } from "../instances/LktTableColumn";
-import { LktObject } from "lkt-ts-interfaces";
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    modelValue: {
-        type: PropType<LktObject[]>;
-        default: () => any[];
-    };
-    columns: {
-        type: PropType<LktTableColumn[]>;
-        default: () => LktTableColumn[];
-    };
-    sorter: {
-        type: FunctionConstructor;
-        default: (a: any, b: any, c: LktTableColumn, sortDirection: string) => number;
-    };
-    sortable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    hideEmptyColumns: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    draggableChecker: {
-        type: FunctionConstructor;
-        default: (item: any) => true;
-    };
-    checkValidDrag: {
-        type: FunctionConstructor;
-        default: (evt: any) => true;
-    };
-    draggableItemKey: {
-        type: StringConstructor;
-        default: string;
-    };
-}, {
-    getItemByEvent: (e: any) => LktObject | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    sort: (...args: any[]) => void;
-    click: (...args: any[]) => void;
-    "update:modelValue": (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: PropType<LktObject[]>;
-        default: () => any[];
-    };
-    columns: {
-        type: PropType<LktTableColumn[]>;
-        default: () => LktTableColumn[];
-    };
-    sorter: {
-        type: FunctionConstructor;
-        default: (a: any, b: any, c: LktTableColumn, sortDirection: string) => number;
-    };
-    sortable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    hideEmptyColumns: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    draggableChecker: {
-        type: FunctionConstructor;
-        default: (item: any) => true;
-    };
-    checkValidDrag: {
-        type: FunctionConstructor;
-        default: (evt: any) => true;
-    };
-    draggableItemKey: {
-        type: StringConstructor;
-        default: string;
-    };
-}>> & {
-    onClick?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onSort?: ((...args: any[]) => any) | undefined;
-}, {
-    columns: LktTableColumn[];
-    sortable: boolean;
-    modelValue: LktObject[];
-    sorter: Function;
-    hideEmptyColumns: boolean;
-    draggableChecker: Function;
-    checkValidDrag: Function;
-    draggableItemKey: string;
-}, {}>, Partial<Record<any, (_: {
-    item: any;
-    value: any;
-    column: LktTableColumn;
-}) => any>> & Partial<Record<any, (_: {
-    item: any;
-    value: any;
-    column: LktTableColumn;
-}) => any>> & Partial<Record<any, (_: {
-    item: any;
-    value: any;
-    column: LktTableColumn;
-}) => any>> & {
-    "no-items"?(_: {}): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};