lkt-vue-kernel 1.0.8 → 1.0.10

package/dist/index.d.ts

@@ -1,4 +1,5 @@
-import { VueElement } from 'vue';
+import { DataState } from 'lkt-data-state';
+import { VueElement, Component } from 'vue';
 import { RouteLocationRaw } from 'vue-router';
 
 interface LktObject {
@@ -163,6 +164,11 @@ interface FieldConfig {
     prop?: LktObject;
 }
 
+interface IsDisabledCheckerArgs {
+    value?: any;
+    dataState?: DataState;
+}
+
 declare enum ModalCallbackAction {
     Refresh = "refresh",
     Close = "close",
@@ -212,11 +218,6 @@ declare const enum ButtonType {
     TooltipEver = "tooltip-ever"
 }
 
-declare enum ToggleMode {
-    Lazy = "lazy",
-    Ever = "ever"
-}
-
 declare enum AnchorType {
     Href = "href",// Vanilla JS+HTML anchor
     RouterLink = "router-link",// For vue-router integration
@@ -268,6 +269,10 @@ declare enum TooltipPositionEngine {
     Absolute = "absolute"
 }
 
+type IsDisabledChecker = ((args?: IsDisabledCheckerArgs) => boolean);
+
+type ValidIsDisabledValue = boolean | undefined | IsDisabledChecker;
+
 interface ButtonConfig {
     type?: ButtonType;
     checked?: boolean;
@@ -279,7 +284,7 @@ interface ButtonConfig {
     containerClass?: string;
     palette?: string;
     value?: string;
-    disabled?: boolean;
+    disabled?: ValidIsDisabledValue;
     loading?: boolean;
     wrapContent?: boolean;
     anchor?: AnchorConfig | Anchor;
@@ -294,9 +299,7 @@ interface ButtonConfig {
     iconDot?: boolean | string | number;
     iconEnd?: string;
     img?: string;
-    split?: boolean | ToggleMode;
     splitIcon?: string;
-    tooltip?: boolean | ToggleMode;
     tooltipEngine?: TooltipPositionEngine;
     showTooltipOnHover?: boolean;
     showTooltipOnHoverDelay?: number;
@@ -311,6 +314,7 @@ interface ButtonConfig {
     tabindex?: ValidTabIndex;
     prop?: LktObject;
     onClick?: Function | undefined;
+    onConfirm?: Function | undefined;
 }
 
 interface ModalConfig extends LktObject {
@@ -345,12 +349,13 @@ declare enum PaginatorType {
 }
 
 interface PaginatorConfig {
-    type: PaginatorType;
-    modelValue: number;
-    class: string;
-    resource: string;
-    readOnly: boolean;
-    filters: LktObject;
+    type?: PaginatorType;
+    modelValue?: number;
+    class?: string;
+    resource?: string;
+    readOnly?: boolean;
+    loading?: boolean;
+    filters?: LktObject;
 }
 
 declare enum TooltipLocationY {
@@ -387,8 +392,10 @@ interface TooltipConfig {
 type ValidDrag = boolean | ((item: LktObject) => boolean);
 
 interface DragConfig {
+    enabled: boolean;
     isDraggable?: ValidDrag;
     isValid?: ValidDrag;
+    isDisabled?: boolean | Function;
     canRender?: boolean | Function;
     dragKey?: string;
 }
@@ -510,10 +517,9 @@ declare class Button extends LktItem implements ButtonConfig {
     class: string;
     containerClass: string;
     value: string;
-    disabled: boolean;
+    disabled: ValidIsDisabledValue;
     loading: boolean;
     wrapContent: boolean;
-    split: boolean;
     splitIcon: string;
     resource: string;
     resourceData: LktObject;
@@ -528,7 +534,6 @@ declare class Button extends LktItem implements ButtonConfig {
     iconDot: boolean;
     iconEnd: string;
     img: string;
-    tooltip: boolean;
     showTooltipOnHoverDelay: number;
     tooltipWindowMargin: number;
     tooltipReferrerMargin: number;
@@ -546,6 +551,7 @@ declare class Button extends LktItem implements ButtonConfig {
     splitClass?: string;
     prop?: LktObject;
     onClick?: Function | undefined;
+    onConfirm?: Function | undefined;
     constructor(data?: Partial<ButtonConfig>);
 }
 
@@ -634,6 +640,10 @@ declare enum TableRowType {
 
 type ValidTableRowTypeValue = TableRowType | ((...args: any[]) => TableRowType) | undefined;
 
+type ValidDragConfig = DragConfig | undefined;
+
+type ValidPaginatorConfig = PaginatorConfig | undefined;
+
 interface TableConfig {
     modelValue: LktObject[];
     type?: TableType;
@@ -652,11 +662,8 @@ interface TableConfig {
     sortable?: boolean;
     sorter?: Function;
     initialSorting?: boolean;
-    draggableChecker?: Function;
-    checkValidDrag?: Function;
-    renderDrag?: boolean | Function;
-    disabledDrag?: boolean | Function;
-    draggableItemKey?: string;
+    drag?: ValidDragConfig;
+    paginator?: ValidPaginatorConfig;
     header?: HeaderConfig;
     title?: string;
     titleTag?: string;
@@ -665,40 +672,29 @@ interface TableConfig {
     saveButton?: ButtonConfig;
     createButton?: ButtonConfig;
     dropButton?: ButtonConfig;
+    hiddenSave?: boolean;
     wrapContentTag?: string;
     wrapContentClass?: string;
     itemsContainerClass?: string;
-    hiddenSave?: boolean;
-    saveDisabled?: boolean;
-    saveValidator?: Function;
-    saveConfirm?: string;
-    confirmData?: LktObject;
-    saveResource?: string;
-    saveResourceData?: LktObject;
-    saveTooltipEngine?: string;
-    splitSave?: boolean;
-    saveText?: string;
     createText?: string;
     createIcon?: string;
     createRoute?: string;
+    createDisabled?: boolean;
+    createEnabledValidator?: Function;
     dropText?: string;
     dropIcon?: string;
+    dropConfirm?: string;
+    dropResource?: string;
     editText?: string;
     editIcon?: string;
     editLink?: string;
     editModeText?: string;
     switchEditionEnabled?: boolean;
-    createDisabled?: boolean;
-    dropConfirm?: string;
-    dropResource?: string;
     addNavigation?: boolean;
-    createEnabledValidator?: Function;
     newValueGenerator?: Function;
     requiredItemsForTopCreate?: number;
     requiredItemsForBottomCreate?: number;
     slotItemVar?: string;
-    modal?: string;
-    modalData?: LktObject;
 }
 
 declare class LktStrictItem extends LktItem {
@@ -749,12 +745,13 @@ declare class Modal extends LktItem implements ModalConfig {
 declare class Paginator extends LktItem implements PaginatorConfig {
     static lktAllowUndefinedProps: string[];
     static lktDefaultValues: (keyof PaginatorConfig)[];
-    type: PaginatorType;
-    modelValue: number;
-    class: string;
-    resource: string;
-    readOnly: boolean;
-    filters: LktObject;
+    type?: PaginatorType;
+    modelValue?: number;
+    class?: string;
+    resource?: string;
+    readOnly?: boolean;
+    loading?: boolean;
+    filters?: LktObject;
     constructor(data?: Partial<PaginatorConfig>);
 }
 
@@ -777,11 +774,8 @@ declare class Table extends LktItem implements TableConfig {
     sortable?: boolean;
     sorter?: Function;
     initialSorting?: boolean;
-    draggableChecker?: Function;
-    checkValidDrag?: Function;
-    renderDrag?: boolean | Function;
-    disabledDrag?: boolean | Function;
-    draggableItemKey?: string;
+    drag?: ValidDragConfig;
+    paginator?: ValidPaginatorConfig;
     header?: HeaderConfig;
     title?: string;
     titleTag?: string;
@@ -790,19 +784,10 @@ declare class Table extends LktItem implements TableConfig {
     saveButton?: ButtonConfig;
     createButton?: ButtonConfig;
     dropButton?: ButtonConfig;
+    hiddenSave?: boolean;
     wrapContentTag?: string;
     wrapContentClass?: string;
     itemsContainerClass?: string;
-    hiddenSave?: boolean;
-    saveDisabled?: boolean;
-    saveValidator?: Function;
-    saveConfirm?: string;
-    confirmData?: LktObject;
-    saveResource?: string;
-    saveResourceData?: LktObject;
-    saveTooltipEngine?: string;
-    splitSave?: boolean;
-    saveText?: string;
     createText?: string;
     createIcon?: string;
     createRoute?: string;
@@ -822,8 +807,6 @@ declare class Table extends LktItem implements TableConfig {
     requiredItemsForTopCreate?: number;
     requiredItemsForBottomCreate?: number;
     slotItemVar?: string;
-    modal?: string;
-    modalData?: LktObject;
     constructor(data?: Partial<TableConfig>);
 }
 
@@ -832,11 +815,19 @@ declare enum SortDirection {
     Desc = "desc"
 }
 
+declare enum ToggleMode {
+    Lazy = "lazy",
+    Ever = "ever"
+}
+
 type ScanPropTarget = string | number | undefined | Function;
 
+type ValidCustomSlot = string | Component | undefined;
+
 type ValidScanPropTarget = ScanPropTarget | ((...args: any[]) => ScanPropTarget);
 
 declare const extractPropValue: (needle: ValidScanPropTarget, haystack: LktObject) => ValidScanPropTarget;
+declare const extractI18nValue: (needle: string) => any;
 
 /**
  * Export common interfaces
@@ -847,4 +838,4 @@ declare function getDefaultValues<T>(cls: {
     lktDefaultValues: (keyof T)[];
 }): Partial<T>;
 
-export { Anchor, type AnchorConfig, AnchorType, type BeforeCloseModalData, Button, type ButtonConfig, ButtonType, Column, type ColumnConfig, ColumnType, type DragConfig, type EmptyModalKey, Field, FieldAutoValidationTrigger, type FieldConfig, FieldType, LktItem, type LktObject, LktStrictItem, Modal, ModalCallbackAction, type ModalCallbackConfig, type ModalConfig, ModalType, MultipleOptionsDisplay, Option, type OptionConfig, Paginator, type PaginatorConfig, PaginatorType, SafeString, type ScanPropTarget, SortDirection, Table, type TableConfig, TablePermission, TableRowType, TableType, ToggleMode, Tooltip, type TooltipConfig, TooltipLocationX, TooltipLocationY, TooltipPositionEngine, type ValidBeforeCloseModal, type ValidColSpan, type ValidFieldMinMax, type ValidFieldValue, type ValidModalKey, type ValidModalName, type ValidOptionValue, type ValidSafeStringValue, type ValidScanPropTarget, type ValidTabIndex, type ValidTablePermission, type ValidTableRowTypeValue, extractPropValue, getDefaultValues };
+export { Anchor, type AnchorConfig, AnchorType, type BeforeCloseModalData, Button, type ButtonConfig, ButtonType, Column, type ColumnConfig, ColumnType, type DragConfig, type EmptyModalKey, Field, FieldAutoValidationTrigger, type FieldConfig, FieldType, type IsDisabledChecker, type IsDisabledCheckerArgs, LktItem, type LktObject, LktStrictItem, Modal, ModalCallbackAction, type ModalCallbackConfig, type ModalConfig, ModalType, MultipleOptionsDisplay, Option, type OptionConfig, Paginator, type PaginatorConfig, PaginatorType, SafeString, type ScanPropTarget, SortDirection, Table, type TableConfig, TablePermission, TableRowType, TableType, ToggleMode, Tooltip, type TooltipConfig, TooltipLocationX, TooltipLocationY, TooltipPositionEngine, type ValidBeforeCloseModal, type ValidColSpan, type ValidCustomSlot, type ValidDragConfig, type ValidFieldMinMax, type ValidFieldValue, type ValidIsDisabledValue, type ValidModalKey, type ValidModalName, type ValidOptionValue, type ValidPaginatorConfig, type ValidSafeStringValue, type ValidScanPropTarget, type ValidTabIndex, type ValidTablePermission, type ValidTableRowTypeValue, extractI18nValue, extractPropValue, getDefaultValues };

package/dist/index.js

@@ -328,7 +328,6 @@ var Button = class extends LktItem {
     "disabled",
     "loading",
     "wrapContent",
-    "split",
     "splitIcon",
     "resource",
     "resourceData",
@@ -343,7 +342,6 @@ var Button = class extends LktItem {
     "iconDot",
     "iconEnd",
     "img",
-    "tooltip",
     "showTooltipOnHoverDelay",
     "tooltipWindowMargin",
     "tooltipReferrerMargin",
@@ -360,7 +358,8 @@ var Button = class extends LktItem {
     "tooltipClass",
     "splitClass",
     "prop",
-    "onClick"
+    "onClick",
+    "onConfirm"
   ];
   type = "button" /* Button */;
   name = generateRandomString2(10);
@@ -371,7 +370,6 @@ var Button = class extends LktItem {
   disabled = false;
   loading = false;
   wrapContent = false;
-  split = false;
   splitIcon = "";
   resource = "";
   resourceData = {};
@@ -386,7 +384,6 @@ var Button = class extends LktItem {
   iconDot = false;
   iconEnd = "";
   img = "";
-  tooltip = false;
   showTooltipOnHoverDelay = 0;
   tooltipWindowMargin = 0;
   tooltipReferrerMargin = 0;
@@ -405,6 +402,7 @@ var Button = class extends LktItem {
   prop = {};
   // Event management
   onClick = void 0;
+  onConfirm = void 0;
   constructor(data = {}) {
     super();
     this.feed(data);
@@ -610,6 +608,7 @@ var Paginator = class extends LktItem {
     "class",
     "resource",
     "readOnly",
+    "loading",
     "filters"
   ];
   type = "pages-prev-next" /* PagesPrevNext */;
@@ -617,6 +616,7 @@ var Paginator = class extends LktItem {
   class = "";
   resource = "";
   readOnly = false;
+  loading = false;
   filters = {};
   constructor(data = {}) {
     super();
@@ -661,11 +661,8 @@ var Table = class extends LktItem {
     "sortable",
     "sorter",
     "initialSorting",
-    "draggableChecker",
-    "checkValidDrag",
-    "renderDrag",
-    "disabledDrag",
-    "draggableItemKey",
+    "drag",
+    "paginator",
     "header",
     "title",
     "titleTag",
@@ -678,15 +675,6 @@ var Table = class extends LktItem {
     "wrapContentClass",
     "itemsContainerClass",
     "hiddenSave",
-    "saveDisabled",
-    "saveValidator",
-    "saveConfirm",
-    "confirmData",
-    "saveResource",
-    "saveResourceData",
-    "saveTooltipEngine",
-    "splitSave",
-    "saveText",
     "createText",
     "createIcon",
     "createRoute",
@@ -705,9 +693,7 @@ var Table = class extends LktItem {
     "newValueGenerator",
     "requiredItemsForTopCreate",
     "requiredItemsForBottomCreate",
-    "slotItemVar",
-    "modal",
-    "modalData"
+    "slotItemVar"
   ];
   // Data
   modelValue = [];
@@ -730,12 +716,10 @@ var Table = class extends LktItem {
   sortable = false;
   sorter = void 0;
   initialSorting = false;
-  // Drag (Old)
-  draggableChecker;
-  checkValidDrag;
-  renderDrag;
-  disabledDrag;
-  draggableItemKey;
+  // Drag
+  drag = void 0;
+  // Pagination
+  paginator = void 0;
   // New proposed prop: header
   header;
   // Replaces:
@@ -743,23 +727,14 @@ var Table = class extends LktItem {
   titleTag = "h2";
   titleIcon = "";
   headerClass = "";
-  // New proposed prop: saveButton
+  // Buttons
   saveButton = {};
   createButton = {};
   dropButton = {};
+  hiddenSave = false;
   wrapContentTag = "div";
   wrapContentClass = "";
   itemsContainerClass = "";
-  hiddenSave = false;
-  saveDisabled = false;
-  saveValidator = void 0;
-  saveConfirm = "";
-  confirmData = {};
-  saveResource = "";
-  saveResourceData = {};
-  saveTooltipEngine = "absolute" /* Absolute */;
-  splitSave = false;
-  saveText = "";
   createText = "";
   createIcon = "";
   createRoute = "";
@@ -779,8 +754,6 @@ var Table = class extends LktItem {
   requiredItemsForTopCreate = 0;
   requiredItemsForBottomCreate = 0;
   slotItemVar = "item";
-  modal = "";
-  modalData = {};
   constructor(data = {}) {
     super();
     this.feed(data);
@@ -833,12 +806,19 @@ var ToggleMode = /* @__PURE__ */ ((ToggleMode2) => {
 })(ToggleMode || {});
 
 // src/functions/extract-data-functions.ts
+import { __ } from "lkt-i18n";
 var extractPropValue = (needle, haystack) => {
   if (typeof needle === "string" && needle.startsWith("prop:")) {
     return haystack[needle.substring(5)];
   }
   return needle;
 };
+var extractI18nValue = (needle) => {
+  if (needle.startsWith("__:")) {
+    return __(needle.substring(3));
+  }
+  return needle;
+};
 
 // src/index.ts
 function getDefaultValues(cls) {
@@ -884,6 +864,7 @@ export {
   TooltipLocationX,
   TooltipLocationY,
   TooltipPositionEngine,
+  extractI18nValue,
   extractPropValue,
   getDefaultValues
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lkt-vue-kernel",
-  "version": "1.0.8",
+  "version": "1.0.10",
   "description": "LKT Vue Kernel",
   "keywords": [
     "lkt",
@@ -35,6 +35,8 @@
     "node": ">=18"
   },
   "dependencies": {
+    "lkt-data-state": "^1.0.10",
+    "lkt-i18n": "^1.0.6",
     "lkt-string-tools": "^1.0.8",
     "vue": "^3.5.13",
     "vue-router": "^4.5.0"