lkt-vue-kernel 1.0.3 → 1.0.5

package/dist/index.d.ts

@@ -40,10 +40,11 @@ interface OptionConfig {
 }
 
 declare class LktItem implements LktObject {
-    lktAllowUndefinedProps: string[];
-    lktExcludedProps: string[];
-    lktDateProps: string[];
-    lktStrictItem: boolean;
+    static lktAllowUndefinedProps: string[];
+    static lktExcludedProps: string[];
+    static lktDateProps: string[];
+    static lktStrictItem: boolean;
+    static lktDefaultValues: (keyof LktObject)[];
     constructor(data?: LktObject);
     feed(data?: LktObject, target?: this): void;
     assignProp(key: string, value: any): void;
@@ -59,7 +60,7 @@ declare class Option extends LktItem implements OptionConfig {
     group: string;
     icon: string;
     modal: ValidModalName;
-    constructor(data?: LktObject);
+    constructor(data?: Partial<OptionConfig>);
 }
 
 type ValidFieldValue = string | number | boolean | LktObject | Option[];
@@ -172,16 +173,16 @@ interface ModalConfig extends LktObject {
     preTitleIcon?: string;
     title?: string;
     closeIcon?: string;
-    closeConfirm?: string;
-    closeConfirmKey?: string;
+    closeConfirm?: ValidModalName;
+    closeConfirmKey?: ValidModalKey;
     showClose?: boolean;
     disabledClose?: boolean;
     disabledVeilClick?: boolean;
     hiddenFooter?: boolean;
-    modalName?: string;
+    modalName?: ValidModalName;
     modalKey?: ValidModalKey;
     zIndex?: number;
-    beforeClose?: Function;
+    beforeClose?: Function | undefined;
     item?: LktObject;
 }
 
@@ -216,7 +217,7 @@ interface TooltipConfig {
     referrerMargin?: number | string;
     windowMargin?: number | string;
     referrerWidth?: boolean;
-    referrer: HTMLElement;
+    referrer?: HTMLElement | undefined;
     locationY?: TooltipLocationY;
     locationX?: TooltipLocationX;
 }
@@ -245,11 +246,14 @@ interface AnchorConfig {
     confirmModalKey?: ValidModalKey;
     confirmData?: ModalConfig;
     imposter?: boolean;
+    external?: boolean;
 }
 
+type ValidDrag = boolean | ((item: LktObject) => boolean);
+
 interface DragConfig {
-    isDraggable?: boolean | Function;
-    isValid?: Function;
+    isDraggable?: ValidDrag;
+    isValid?: ValidDrag;
     canRender?: boolean | Function;
     dragKey?: string;
 }
@@ -276,7 +280,8 @@ declare enum ToggleMode {
 }
 
 declare class Anchor extends LktItem implements AnchorConfig {
-    lktAllowUndefinedProps: string[];
+    static lktAllowUndefinedProps: string[];
+    static lktDefaultValues: (keyof AnchorConfig)[];
     type: AnchorType;
     to?: RouteLocationRaw | string;
     class: string;
@@ -288,8 +293,9 @@ declare class Anchor extends LktItem implements AnchorConfig {
     confirmModalKey: ValidModalKey;
     confirmData: LktObject;
     imposter: boolean;
-    constructor(data?: Partial<AnchorConfig>);
+    external: boolean;
     getHref(): string;
+    constructor(data?: Partial<AnchorConfig>);
 }
 
 interface ButtonConfig {
@@ -333,20 +339,37 @@ interface ButtonConfig {
     splitClass?: string;
     clickRef?: Element | VueElement;
     tabindex?: ValidTabIndex;
-    isAnchor?: boolean;
-    onClickTo?: string;
-    onClickToExternal?: boolean;
-    download?: boolean;
-    downloadFileName?: string;
-    newTab?: boolean;
-    showSwitch?: boolean;
-    hiddenSwitch?: boolean;
 }
 
-declare class LktStrictItem extends LktItem {
-    lktStrictItem: boolean;
+declare enum ColumnType {
+    None = "",
+    Field = "field",
+    Button = "button",
+    Anchor = "anchor",
+    Text = "text",
+    Number = "number",
+    Check = "check",
+    Switch = "switch",
+    Select = "select",
+    Email = "email",
+    Tel = "tel",
+    File = "file",
+    Link = "link",
+    Action = "action",
+    Integer = "int",
+    Float = "float"
 }
 
+type ValidColSpan = Function | boolean | number | undefined;
+
+declare class SafeString {
+    private readonly value;
+    constructor(input: ValidSafeStringValue);
+    getValue(...args: any[]): string;
+}
+
+type ValidSafeStringValue = string | ((...args: any[]) => string) | undefined | SafeString;
+
 declare class Field extends LktItem implements FieldConfig {
     modelValue: ValidFieldValue;
     type: FieldType;
@@ -423,45 +446,15 @@ declare class Field extends LktItem implements FieldConfig {
     modalKey: string | number | Function;
     modalData: LktObject;
     data: LktObject;
-    constructor(data?: FieldConfig);
-}
-
-declare enum ColumnType {
-    None = "",
-    Field = "field",
-    Button = "button",
-    Anchor = "anchor",
-    Text = "text",
-    Number = "number",
-    Check = "check",
-    Switch = "switch",
-    Select = "select",
-    Email = "email",
-    Tel = "tel",
-    File = "file",
-    Link = "link",
-    Action = "action",
-    Integer = "int",
-    Float = "float"
+    constructor(data?: Partial<FieldConfig>);
 }
 
-type ValidSafeStringValue = string | ((...args: any[]) => string) | undefined | SafeString;
-
-declare class SafeString {
-    private readonly value;
-    constructor(input: ValidSafeStringValue);
-    getValue(...args: any[]): string;
-}
-
-type ValidColSpan = Function | boolean | number | undefined;
-
 declare class Button extends LktItem implements ButtonConfig {
     lktAllowUndefinedProps: string[];
+    static lktDefaultValues: (keyof ButtonConfig)[];
     type: ButtonType;
     name: string;
     palette: string;
-    onClickTo: string;
-    onClickToExternal: boolean;
     class: string;
     containerClass: string;
     value: string;
@@ -470,7 +463,6 @@ declare class Button extends LktItem implements ButtonConfig {
     wrapContent: boolean;
     split: boolean;
     splitIcon: string;
-    isAnchor: boolean;
     resource: string;
     resourceData: LktObject;
     modal: ValidModalName;
@@ -484,9 +476,6 @@ declare class Button extends LktItem implements ButtonConfig {
     iconDot: boolean;
     iconEnd: string;
     img: string;
-    newTab: boolean;
-    download: boolean;
-    downloadFileName: string;
     tooltip: boolean;
     showTooltipOnHoverDelay: number;
     tooltipWindowMargin: number;
@@ -503,7 +492,7 @@ declare class Button extends LktItem implements ButtonConfig {
     hideTooltipOnLeave?: boolean;
     tooltipClass?: string;
     splitClass?: string;
-    constructor(data?: ButtonConfig);
+    constructor(data?: Partial<ButtonConfig>);
 }
 
 interface ColumnConfig {
@@ -527,9 +516,17 @@ interface ColumnConfig {
     action?: Function;
 }
 
+declare enum TableType {
+    Table = "table",
+    Item = "item",
+    Ul = "ul",
+    Ol = "ol"
+}
+
 declare class Column extends LktItem implements ColumnConfig {
     lktExcludedProps: string[];
     lktAllowUndefinedProps: string[];
+    static lktDefaultValues: (keyof ColumnConfig)[];
     type: ColumnType;
     key: string;
     label: string;
@@ -548,11 +545,210 @@ declare class Column extends LktItem implements ColumnConfig {
     button: Button | ButtonConfig | undefined;
     link: ValidSafeStringValue | SafeString | undefined;
     action?: Function;
-    constructor(data: ColumnConfig);
+    constructor(data?: Partial<ColumnConfig>);
     getHref(item: LktObject): string;
     doAction(item: LktObject): any;
 }
 
+declare enum TablePermission {
+    Create = "create",
+    Update = "update",// Save changes
+    Edit = "edit",// Displays edit button
+    Drop = "drop",// Displays drop button
+    Sort = "sort",// Sort
+    InlineEdit = "inline-edit",// Be able to edit columns inside the table
+    InlineCreate = "inline-create",// Be able to append a new editable row (needs InlineEdit in order to be editable)
+    ModalCreate = "modal-create",// Be able to append a new row after save a modal form
+    InlineCreateEver = "inline-create-ever"
+}
+
+type ValidTablePermission = TablePermission | string;
+
+interface HeaderConfig {
+    tag?: string;
+    class?: string;
+    text?: string;
+    icon?: string;
+}
+
+interface TableConfig {
+    modelValue: LktObject[];
+    type?: TableType;
+    columns: Column[];
+    resource?: string;
+    noResultsText?: string;
+    filters?: LktObject[];
+    hideEmptyColumns?: boolean;
+    itemDisplayChecker?: Function;
+    loading?: boolean;
+    page?: number;
+    perms?: ValidTablePermission[];
+    editMode?: boolean;
+    dataStateConfig?: LktObject;
+    sortable?: boolean;
+    sorter?: Function;
+    initialSorting?: boolean;
+    draggableChecker?: Function;
+    checkValidDrag?: Function;
+    renderDrag?: boolean | Function;
+    disabledDrag?: boolean | Function;
+    draggableItemKey?: string;
+    header?: HeaderConfig;
+    title?: string;
+    titleTag?: string;
+    titleIcon?: string;
+    headerClass?: string;
+    saveButton?: ButtonConfig;
+    createButton?: ButtonConfig;
+    dropButton?: ButtonConfig;
+    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;
+    dropText?: string;
+    dropIcon?: 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;
+    itemMode?: boolean;
+}
+
+declare class LktStrictItem extends LktItem {
+    lktStrictItem: boolean;
+}
+
+declare class Tooltip extends LktItem implements TooltipConfig {
+    static lktDefaultValues: (keyof TooltipConfig)[];
+    modelValue: boolean;
+    alwaysOpen: boolean;
+    class: string;
+    text: string;
+    icon: string;
+    iconAtEnd: boolean;
+    engine: TooltipPositionEngine;
+    referrerWidth: boolean;
+    referrerMargin: number | string;
+    windowMargin: number | string;
+    referrer: HTMLElement | undefined;
+    locationY: TooltipLocationY;
+    locationX: TooltipLocationX;
+    constructor(data?: Partial<TooltipConfig>);
+}
+
+declare class Modal extends LktItem implements ModalConfig {
+    static lktDefaultValues: (keyof ModalConfig)[];
+    size: string;
+    preTitle: string;
+    preTitleIcon: string;
+    title: string;
+    closeIcon: string;
+    closeConfirm: ValidModalName;
+    closeConfirmKey: ValidModalKey;
+    showClose: boolean;
+    disabledClose: boolean;
+    disabledVeilClick: boolean;
+    hiddenFooter: boolean;
+    modalName: ValidModalName;
+    modalKey: ValidModalKey;
+    zIndex: number;
+    beforeClose: Function | undefined;
+    item: LktObject;
+    constructor(data?: Partial<ModalConfig>);
+}
+
+declare class Table extends LktItem implements TableConfig {
+    static lktDefaultValues: (keyof TableConfig)[];
+    modelValue: LktObject[];
+    type?: TableType;
+    columns: Column[];
+    resource?: string;
+    noResultsText?: string;
+    filters?: LktObject[];
+    hideEmptyColumns?: boolean;
+    itemDisplayChecker?: Function;
+    loading?: boolean;
+    page?: number;
+    perms?: ValidTablePermission[];
+    editMode?: boolean;
+    dataStateConfig?: LktObject;
+    sortable?: boolean;
+    sorter?: Function;
+    initialSorting?: boolean;
+    draggableChecker?: Function;
+    checkValidDrag?: Function;
+    renderDrag?: boolean | Function;
+    disabledDrag?: boolean | Function;
+    draggableItemKey?: string;
+    header?: HeaderConfig;
+    title?: string;
+    titleTag?: string;
+    titleIcon?: string;
+    headerClass?: string;
+    saveButton?: ButtonConfig;
+    createButton?: ButtonConfig;
+    dropButton?: ButtonConfig;
+    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;
+    dropText?: string;
+    dropIcon?: 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;
+    constructor(data?: Partial<TableConfig>);
+}
+
 declare enum ModalType {
     Modal = "modal",
     Confirm = "confirm"
@@ -563,17 +759,13 @@ declare enum SortDirection {
     Desc = "desc"
 }
 
-declare enum TableType {
-    Table = "table",
-    Item = "item",
-    Ul = "ul",
-    Ol = "ol"
-}
-
 /**
  * Export common interfaces
  */
 
-declare function getDefaultValues<T>(cls: new () => T): T;
+declare function getDefaultValues<T>(cls: {
+    new (): T;
+    lktDefaultValues: (keyof T)[];
+}): Partial<T>;
 
-export { Anchor, type AnchorConfig, AnchorType, Button, type ButtonConfig, ButtonType, Column, ColumnType, type DragConfig, type EmptyModalKey, Field, FieldAutoValidationTrigger, type FieldConfig, FieldType, LktItem, type LktObject, LktStrictItem, type ModalConfig, ModalType, MultipleOptionsDisplay, Option, type OptionConfig, SafeString, SortDirection, TableType, ToggleMode, type TooltipConfig, TooltipLocationX, TooltipLocationY, TooltipPositionEngine, type ValidColSpan, type ValidFieldMinMax, type ValidFieldValue, type ValidModalKey, type ValidModalName, type ValidOptionValue, type ValidSafeStringValue, type ValidTabIndex, getDefaultValues };
+export { Anchor, type AnchorConfig, AnchorType, Button, type ButtonConfig, ButtonType, Column, type ColumnConfig, ColumnType, type DragConfig, type EmptyModalKey, Field, FieldAutoValidationTrigger, type FieldConfig, FieldType, LktItem, type LktObject, LktStrictItem, Modal, type ModalConfig, ModalType, MultipleOptionsDisplay, Option, type OptionConfig, SafeString, SortDirection, Table, type TableConfig, TablePermission, TableType, ToggleMode, Tooltip, type TooltipConfig, TooltipLocationX, TooltipLocationY, TooltipPositionEngine, type ValidColSpan, type ValidFieldMinMax, type ValidFieldValue, type ValidModalKey, type ValidModalName, type ValidOptionValue, type ValidSafeStringValue, type ValidTabIndex, getDefaultValues };

package/dist/index.js

@@ -4,11 +4,12 @@ var skipDataProps = [
   "lktStrictItem",
   "lktExcludedProps"
 ];
-var LktItem = class {
-  lktAllowUndefinedProps = [];
-  lktExcludedProps = [];
-  lktDateProps = [];
-  lktStrictItem = false;
+var LktItem = class _LktItem {
+  static lktAllowUndefinedProps = [];
+  static lktExcludedProps = [];
+  static lktDateProps = [];
+  static lktStrictItem = false;
+  static lktDefaultValues = [];
   constructor(data) {
   }
   feed(data = {}, target = this) {
@@ -16,9 +17,9 @@ var LktItem = class {
     for (const [key, value] of Object.entries(data)) target.assignProp(key, value);
   }
   assignProp(key, value) {
-    if (skipDataProps.includes(key) || this.lktExcludedProps.includes(key)) return;
-    if (this.lktStrictItem && !this.hasOwnProperty(key)) return;
-    if (this.lktDateProps.includes(key)) {
+    if (skipDataProps.includes(key) || _LktItem.lktExcludedProps.includes(key)) return;
+    if (_LktItem.lktStrictItem && !this.hasOwnProperty(key)) return;
+    if (_LktItem.lktDateProps.includes(key)) {
       this[key] = new Date(value);
       return;
     }
@@ -228,9 +229,23 @@ var AnchorType = /* @__PURE__ */ ((AnchorType2) => {
 
 // src/instances/Anchor.ts
 var Anchor = class extends LktItem {
-  lktAllowUndefinedProps = [
+  static lktAllowUndefinedProps = [
     "onClick"
   ];
+  static lktDefaultValues = [
+    "type",
+    "to",
+    "class",
+    "isActive",
+    "downloadFileName",
+    "disabled",
+    "onClick",
+    "confirmModal",
+    "confirmModalKey",
+    "confirmData",
+    "imposter",
+    "external"
+  ];
   type = "router-link" /* RouterLink */;
   to = "";
   class = "";
@@ -242,10 +257,7 @@ var Anchor = class extends LktItem {
   confirmModalKey = "_";
   confirmData = {};
   imposter = false;
-  constructor(data = {}) {
-    super();
-    this.feed(data);
-  }
+  external = false;
   getHref() {
     let href = "";
     if (typeof this.to === "string") href = this.to;
@@ -263,6 +275,10 @@ var Anchor = class extends LktItem {
     if (typeof this.to === "string" && this.to !== "") return this.to;
     return "";
   }
+  constructor(data = {}) {
+    super();
+    this.feed(data);
+  }
 };
 
 // src/enums/ButtonType.ts
@@ -302,11 +318,51 @@ var Button = class extends LktItem {
     "showTooltipOnHover",
     "hideTooltipOnLeave"
   ];
+  static lktDefaultValues = [
+    "type",
+    "name",
+    "palette",
+    "class",
+    "containerClass",
+    "value",
+    "disabled",
+    "loading",
+    "wrapContent",
+    "split",
+    "splitIcon",
+    "resource",
+    "resourceData",
+    "modal",
+    "modalKey",
+    "modalData",
+    "confirmModal",
+    "confirmModalKey",
+    "confirmData",
+    "text",
+    "icon",
+    "iconDot",
+    "iconEnd",
+    "img",
+    "tooltip",
+    "showTooltipOnHoverDelay",
+    "tooltipWindowMargin",
+    "tooltipReferrerMargin",
+    "tooltipLocationY",
+    "tooltipLocationX",
+    "checked",
+    "clickRef",
+    "openTooltip",
+    "tabindex",
+    "anchor",
+    "tooltipEngine",
+    "showTooltipOnHover",
+    "hideTooltipOnLeave",
+    "tooltipClass",
+    "splitClass"
+  ];
   type = "button" /* Button */;
   name = generateRandomString2(10);
   palette = "";
-  onClickTo = "";
-  onClickToExternal = false;
   class = "";
   containerClass = "";
   value = "";
@@ -315,23 +371,19 @@ var Button = class extends LktItem {
   wrapContent = false;
   split = false;
   splitIcon = "";
-  isAnchor = false;
   resource = "";
-  resourceData = () => ({});
+  resourceData = {};
   modal = "";
   modalKey = "_";
-  modalData = () => ({});
+  modalData = {};
   confirmModal = "";
   confirmModalKey = "_";
-  confirmData = () => ({});
+  confirmData = {};
   text = "";
   icon = "";
   iconDot = false;
   iconEnd = "";
   img = "";
-  newTab = false;
-  download = false;
-  downloadFileName = "";
   tooltip = false;
   showTooltipOnHoverDelay = 0;
   tooltipWindowMargin = 0;
@@ -368,6 +420,26 @@ var Column = class extends LktItem {
     "link",
     "action"
   ];
+  static lktDefaultValues = [
+    "type",
+    "key",
+    "label",
+    "sortable",
+    "hidden",
+    "editable",
+    "formatter",
+    "checkEmpty",
+    "colspan",
+    "preferSlot",
+    "isForRowKey",
+    "extractTitleFromColumn",
+    "slotData",
+    "field",
+    "anchor",
+    "button",
+    "link",
+    "action"
+  ];
   type = "" /* None */;
   key = "";
   label = "";
@@ -386,7 +458,7 @@ var Column = class extends LktItem {
   button = void 0;
   link = void 0;
   action = void 0;
-  constructor(data) {
+  constructor(data = {}) {
     super();
     this.feed(data);
     switch (this.type) {
@@ -414,6 +486,256 @@ var Column = class extends LktItem {
   }
 };
 
+// src/enums/TooltipLocationY.ts
+var TooltipLocationY = /* @__PURE__ */ ((TooltipLocationY2) => {
+  TooltipLocationY2["Top"] = "top";
+  TooltipLocationY2["Bottom"] = "bottom";
+  TooltipLocationY2["Center"] = "center";
+  TooltipLocationY2["ReferrerCenter"] = "referrer-center";
+  return TooltipLocationY2;
+})(TooltipLocationY || {});
+
+// src/enums/TooltipLocationX.ts
+var TooltipLocationX = /* @__PURE__ */ ((TooltipLocationX2) => {
+  TooltipLocationX2["Left"] = "left";
+  TooltipLocationX2["Right"] = "right";
+  TooltipLocationX2["Center"] = "center";
+  TooltipLocationX2["LeftCorner"] = "left-corner";
+  TooltipLocationX2["RightCorner"] = "right-corner";
+  return TooltipLocationX2;
+})(TooltipLocationX || {});
+
+// src/instances/Tooltip.ts
+var Tooltip = class extends LktItem {
+  static lktDefaultValues = [
+    "modelValue",
+    "alwaysOpen",
+    "class",
+    "text",
+    "icon",
+    "iconAtEnd",
+    "engine",
+    "referrerWidth",
+    "referrerMargin",
+    "windowMargin",
+    "referrer",
+    "locationY",
+    "locationX"
+  ];
+  modelValue = false;
+  alwaysOpen = false;
+  class = "";
+  text = "";
+  icon = "";
+  iconAtEnd = false;
+  engine = "fixed" /* Fixed */;
+  referrerWidth = false;
+  referrerMargin = 0;
+  windowMargin = 0;
+  referrer = void 0;
+  locationY = "bottom" /* Bottom */;
+  locationX = "left-corner" /* LeftCorner */;
+  constructor(data = {}) {
+    super();
+    this.feed(data);
+  }
+};
+
+// src/instances/Modal.ts
+var Modal = class extends LktItem {
+  static lktDefaultValues = [
+    "size",
+    "preTitle",
+    "preTitleIcon",
+    "title",
+    "closeIcon",
+    "closeConfirm",
+    "closeConfirmKey",
+    "showClose",
+    "disabledClose",
+    "disabledVeilClick",
+    "hiddenFooter",
+    "modalName",
+    "modalKey",
+    "zIndex",
+    "beforeClose",
+    "item"
+  ];
+  size = "";
+  preTitle = "";
+  preTitleIcon = "";
+  title = "";
+  closeIcon = "";
+  closeConfirm = "";
+  closeConfirmKey = "_";
+  showClose = true;
+  disabledClose = false;
+  disabledVeilClick = false;
+  hiddenFooter = false;
+  modalName = "";
+  modalKey = "_";
+  zIndex = 500;
+  beforeClose = void 0;
+  item = {};
+  constructor(data = {}) {
+    super();
+    this.feed(data);
+  }
+};
+
+// src/enums/TableType.ts
+var TableType = /* @__PURE__ */ ((TableType2) => {
+  TableType2["Table"] = "table";
+  TableType2["Item"] = "item";
+  TableType2["Ul"] = "ul";
+  TableType2["Ol"] = "ol";
+  return TableType2;
+})(TableType || {});
+
+// src/instances/Table.ts
+var Table = class extends LktItem {
+  static lktDefaultValues = [
+    "modelValue",
+    "type",
+    "columns",
+    "resource",
+    "noResultsText",
+    "filters",
+    "hideEmptyColumns",
+    "itemDisplayChecker",
+    "loading",
+    "page",
+    "perms",
+    "editMode",
+    "dataStateConfig",
+    "sortable",
+    "sorter",
+    "initialSorting",
+    "draggableChecker",
+    "checkValidDrag",
+    "renderDrag",
+    "disabledDrag",
+    "draggableItemKey",
+    "header",
+    "title",
+    "titleTag",
+    "titleIcon",
+    "headerClass",
+    "saveButton",
+    "createButton",
+    "dropButton",
+    "wrapContentTag",
+    "wrapContentClass",
+    "itemsContainerClass",
+    "hiddenSave",
+    "saveDisabled",
+    "saveValidator",
+    "saveConfirm",
+    "confirmData",
+    "saveResource",
+    "saveResourceData",
+    "saveTooltipEngine",
+    "splitSave",
+    "saveText",
+    "createText",
+    "createIcon",
+    "createRoute",
+    "dropText",
+    "dropIcon",
+    "editText",
+    "editIcon",
+    "editLink",
+    "editModeText",
+    "switchEditionEnabled",
+    "createDisabled",
+    "dropConfirm",
+    "dropResource",
+    "addNavigation",
+    "createEnabledValidator",
+    "newValueGenerator",
+    "requiredItemsForTopCreate",
+    "requiredItemsForBottomCreate",
+    "slotItemVar",
+    "modal",
+    "modalData"
+  ];
+  // Data
+  modelValue = [];
+  type = "table" /* Table */;
+  columns = [];
+  resource = "";
+  noResultsText = "";
+  filters = [];
+  // Data visualization
+  hideEmptyColumns = false;
+  itemDisplayChecker = void 0;
+  // State
+  loading = false;
+  page = 1;
+  perms = [];
+  editMode = false;
+  dataStateConfig = {};
+  // Sort
+  sortable = false;
+  sorter = void 0;
+  initialSorting = false;
+  // Drag (Old)
+  draggableChecker;
+  checkValidDrag;
+  renderDrag;
+  disabledDrag;
+  draggableItemKey;
+  // New proposed prop: header
+  header;
+  // Replaces:
+  title = "";
+  titleTag = "h2";
+  titleIcon = "";
+  headerClass = "";
+  // New proposed prop: saveButton
+  saveButton = {};
+  createButton = {};
+  dropButton = {};
+  wrapContentTag = "div";
+  wrapContentClass = "";
+  itemsContainerClass = "";
+  hiddenSave = false;
+  saveDisabled = false;
+  saveValidator = void 0;
+  saveConfirm = "";
+  confirmData = {};
+  saveResource = "";
+  saveResourceData = {};
+  saveTooltipEngine = "absolute" /* Absolute */;
+  splitSave = false;
+  saveText = "";
+  createText = "";
+  createIcon = "";
+  createRoute = "";
+  dropText = "";
+  dropIcon = "";
+  editText = "";
+  editIcon = "";
+  editLink = "";
+  editModeText = "";
+  switchEditionEnabled = false;
+  createDisabled = false;
+  dropConfirm = "";
+  dropResource = "";
+  addNavigation = false;
+  createEnabledValidator = void 0;
+  newValueGenerator = void 0;
+  requiredItemsForTopCreate = 0;
+  requiredItemsForBottomCreate = 0;
+  slotItemVar = "item";
+  modal = "";
+  modalData = {};
+  constructor(data = {}) {
+    super();
+    this.feed(data);
+  }
+};
+
 // src/enums/ModalType.ts
 var ModalType = /* @__PURE__ */ ((ModalType2) => {
   ModalType2["Modal"] = "modal";
@@ -428,14 +750,19 @@ var SortDirection = /* @__PURE__ */ ((SortDirection2) => {
   return SortDirection2;
 })(SortDirection || {});
 
-// src/enums/TableType.ts
-var TableType = /* @__PURE__ */ ((TableType2) => {
-  TableType2["Table"] = "table";
-  TableType2["Item"] = "item";
-  TableType2["Ul"] = "ul";
-  TableType2["Ol"] = "ol";
-  return TableType2;
-})(TableType || {});
+// src/enums/TablePermission.ts
+var TablePermission = /* @__PURE__ */ ((TablePermission2) => {
+  TablePermission2["Create"] = "create";
+  TablePermission2["Update"] = "update";
+  TablePermission2["Edit"] = "edit";
+  TablePermission2["Drop"] = "drop";
+  TablePermission2["Sort"] = "sort";
+  TablePermission2["InlineEdit"] = "inline-edit";
+  TablePermission2["InlineCreate"] = "inline-create";
+  TablePermission2["ModalCreate"] = "modal-create";
+  TablePermission2["InlineCreateEver"] = "inline-create-ever";
+  return TablePermission2;
+})(TablePermission || {});
 
 // src/enums/ToggleMode.ts
 var ToggleMode = /* @__PURE__ */ ((ToggleMode2) => {
@@ -444,29 +771,19 @@ var ToggleMode = /* @__PURE__ */ ((ToggleMode2) => {
   return ToggleMode2;
 })(ToggleMode || {});
 
-// src/enums/TooltipLocationY.ts
-var TooltipLocationY = /* @__PURE__ */ ((TooltipLocationY2) => {
-  TooltipLocationY2["Top"] = "top";
-  TooltipLocationY2["Bottom"] = "bottom";
-  TooltipLocationY2["Center"] = "center";
-  TooltipLocationY2["ReferrerCenter"] = "referrer-center";
-  return TooltipLocationY2;
-})(TooltipLocationY || {});
-
-// src/enums/TooltipLocationX.ts
-var TooltipLocationX = /* @__PURE__ */ ((TooltipLocationX2) => {
-  TooltipLocationX2["Left"] = "left";
-  TooltipLocationX2["Right"] = "right";
-  TooltipLocationX2["Center"] = "center";
-  TooltipLocationX2["LeftCorner"] = "left-corner";
-  TooltipLocationX2["RightCorner"] = "right-corner";
-  return TooltipLocationX2;
-})(TooltipLocationX || {});
-
 // src/index.ts
 function getDefaultValues(cls) {
   const instance = new cls();
-  return instance;
+  const result = {};
+  if (!Array.isArray(cls.lktDefaultValues)) {
+    throw new Error("lktDefaultValues must be a keys array.");
+  }
+  for (const key of cls.lktDefaultValues) {
+    if (key in instance) {
+      result[key] = instance[key];
+    }
+  }
+  return result;
 }
 export {
   Anchor,
@@ -480,13 +797,17 @@ export {
   FieldType,
   LktItem,
   LktStrictItem,
+  Modal,
   ModalType,
   MultipleOptionsDisplay,
   Option,
   SafeString,
   SortDirection,
+  Table,
+  TablePermission,
   TableType,
   ToggleMode,
+  Tooltip,
   TooltipLocationX,
   TooltipLocationY,
   TooltipPositionEngine,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lkt-vue-kernel",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "LKT Vue Kernel",
   "keywords": [
     "lkt",