lkt-vue-kernel 1.0.10 → 1.0.12

package/dist/index.d.ts

@@ -1,11 +1,193 @@
-import { DataState } from 'lkt-data-state';
 import { VueElement, Component } from 'vue';
 import { RouteLocationRaw } from 'vue-router';
+import { DataState } from 'lkt-data-state';
 
 interface LktObject {
     [key: string | number]: any;
 }
 
+declare const enum ButtonType {
+    Button = "button",// Default
+    Submit = "submit",// Form submit
+    Reset = "reset",
+    Anchor = "anchor",// Turns on anchor mode
+    Content = "content",// No click event
+    Switch = "switch",// Has a visible boolean state
+    HiddenSwitch = "hidden-switch",// Has a hidden boolean state
+    Split = "split",// Split button, content always generated
+    SplitLazy = "split-lazy",// Split button, contents generated after first open
+    SplitEver = "split-ever",// Split button, contents generated each time it's clicked
+    Tooltip = "tooltip",// Tooltip button, content always generated
+    TooltipLazy = "tooltip-lazy",// Tooltip button, contents generated after first open
+    TooltipEver = "tooltip-ever"
+}
+
+declare enum AnchorType {
+    Href = "href",// Vanilla JS+HTML anchor
+    RouterLink = "router-link",// For vue-router integration
+    RouterLinkBack = "router-link-back",// For vue-router back navigation
+    Mail = "mail",// Triggers OS mail integration
+    Tel = "tel",// Triggers OS phone integration
+    Tab = "tab",// New tab, similar to target="_blank"
+    Download = "download",// Download link
+    Action = "action",// Performs an action, without route changes
+    Legacy = ""
+}
+
+type ValidModalName = string | Function | undefined;
+
+type EmptyModalKey = '_';
+
+type ValidModalKey = string | Function | EmptyModalKey;
+
+type BeforeCloseModalData = {
+    modalName: ValidModalKey;
+    modalKey: ValidModalKey;
+    item?: LktObject;
+};
+
+type ValidBeforeCloseModal = Function | undefined | ((data: BeforeCloseModalData) => void);
+
+declare enum ModalType {
+    Modal = "modal",
+    Confirm = "confirm"
+}
+
+interface ModalConfig extends LktObject {
+    type?: ModalType;
+    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?: ValidBeforeCloseModal;
+    item?: LktObject;
+    confirmButton?: Partial<ButtonConfig>;
+    cancelButton?: Partial<ButtonConfig>;
+}
+
+interface AnchorConfig {
+    type?: AnchorType;
+    to?: RouteLocationRaw | string;
+    class?: string;
+    isActive?: boolean;
+    downloadFileName?: string;
+    disabled?: boolean;
+    onClick?: Function | undefined;
+    confirmModal?: ValidModalName;
+    confirmModalKey?: ValidModalKey;
+    confirmData?: ModalConfig;
+    imposter?: boolean;
+    external?: boolean;
+}
+
+type ValidTabIndex = string | number | undefined;
+
+declare class LktItem implements LktObject {
+    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;
+}
+
+declare class Anchor extends LktItem implements AnchorConfig {
+    static lktAllowUndefinedProps: string[];
+    static lktDefaultValues: (keyof AnchorConfig)[];
+    type: AnchorType;
+    to?: RouteLocationRaw | string;
+    class: string;
+    isActive: boolean;
+    downloadFileName: string;
+    disabled: boolean;
+    onClick: Function | undefined;
+    confirmModal: ValidModalName;
+    confirmModalKey: ValidModalKey;
+    confirmData: LktObject;
+    imposter: boolean;
+    external: boolean;
+    getHref(): string;
+    constructor(data?: Partial<AnchorConfig>);
+}
+
+declare enum TooltipPositionEngine {
+    Fixed = "fixed",
+    Absolute = "absolute"
+}
+
+interface IsDisabledCheckerArgs {
+    value?: any;
+    dataState?: DataState;
+}
+
+type IsDisabledChecker = ((args?: IsDisabledCheckerArgs) => boolean);
+
+type ValidIsDisabledValue = boolean | undefined | IsDisabledChecker;
+
+interface ButtonConfig {
+    type?: ButtonType;
+    checked?: boolean;
+    openTooltip?: boolean;
+    name?: string;
+    text?: string | number;
+    icon?: string;
+    class?: string;
+    containerClass?: string;
+    palette?: string;
+    value?: string;
+    disabled?: ValidIsDisabledValue;
+    loading?: boolean;
+    wrapContent?: boolean;
+    anchor?: AnchorConfig | Anchor;
+    resource?: string;
+    resourceData?: LktObject;
+    modal?: ValidModalName;
+    modalKey?: ValidModalKey;
+    modalData?: Partial<ModalConfig>;
+    confirmModal?: ValidModalName;
+    confirmModalKey?: ValidModalKey;
+    confirmData?: Partial<ModalConfig>;
+    iconDot?: boolean | string | number;
+    iconEnd?: string;
+    img?: string;
+    splitIcon?: string;
+    tooltipEngine?: TooltipPositionEngine;
+    showTooltipOnHover?: boolean;
+    showTooltipOnHoverDelay?: number;
+    hideTooltipOnLeave?: boolean;
+    tooltipWindowMargin?: number;
+    tooltipReferrerMargin?: number;
+    tooltipClass?: string;
+    tooltipLocationY?: string;
+    tooltipLocationX?: string;
+    splitClass?: string;
+    clickRef?: Element | VueElement;
+    tabindex?: ValidTabIndex;
+    prop?: LktObject;
+    onClick?: Function | undefined;
+    onConfirm?: Function | undefined;
+}
+
+declare class LktSettings {
+    static debug: boolean;
+    static defaultConfirmButton: Partial<ButtonConfig>;
+    static defaultCancelButton: Partial<ButtonConfig>;
+    static setDefaultConfirmButton(button: Partial<ButtonConfig>): typeof LktSettings;
+    static setDefaultCancelButton(button: Partial<ButtonConfig>): typeof LktSettings;
+}
+
 declare enum FieldType {
     Text = "text",
     Email = "email",
@@ -40,19 +222,6 @@ interface OptionConfig {
     modal?: string | Function;
 }
 
-declare class LktItem implements LktObject {
-    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;
-}
-
-type ValidModalName = string | Function | undefined;
-
 declare class Option extends LktItem implements OptionConfig {
     value: ValidOptionValue;
     label: string;
@@ -72,8 +241,6 @@ declare enum MultipleOptionsDisplay {
     Count = "count"
 }
 
-type ValidTabIndex = string | number | undefined;
-
 declare enum FieldAutoValidationTrigger {
     None = "",
     Focus = "focus",
@@ -164,9 +331,9 @@ interface FieldConfig {
     prop?: LktObject;
 }
 
-interface IsDisabledCheckerArgs {
-    value?: any;
-    dataState?: DataState;
+declare enum ItemCrudView {
+    Inline = "inline",
+    Modal = "modal"
 }
 
 declare enum ModalCallbackAction {
@@ -177,10 +344,6 @@ declare enum ModalCallbackAction {
     Open = "open"
 }
 
-type EmptyModalKey = '_';
-
-type ValidModalKey = string | Function | EmptyModalKey;
-
 interface ModalCallbackConfig {
     modalName: ValidModalName;
     modalKey?: ValidModalKey;
@@ -189,154 +352,94 @@ interface ModalCallbackConfig {
     args?: LktObject;
 }
 
-type BeforeCloseModalData = {
-    modalName: ValidModalKey;
-    modalKey: ValidModalKey;
-    item?: LktObject;
-};
-
-type ValidBeforeCloseModal = Function | undefined | ((data: BeforeCloseModalData) => void);
-
-declare enum ModalType {
-    Modal = "modal",
-    Confirm = "confirm"
-}
-
-declare const enum ButtonType {
-    Button = "button",// Default
-    Submit = "submit",// Form submit
-    Reset = "reset",
-    Anchor = "anchor",// Turns on anchor mode
-    Content = "content",// No click event
-    Switch = "switch",// Has a visible boolean state
-    HiddenSwitch = "hidden-switch",// Has a hidden boolean state
-    Split = "split",// Split button, content always generated
-    SplitLazy = "split-lazy",// Split button, contents generated after first open
-    SplitEver = "split-ever",// Split button, contents generated each time it's clicked
-    Tooltip = "tooltip",// Tooltip button, content always generated
-    TooltipLazy = "tooltip-lazy",// Tooltip button, contents generated after first open
-    TooltipEver = "tooltip-ever"
-}
-
-declare enum AnchorType {
-    Href = "href",// Vanilla JS+HTML anchor
-    RouterLink = "router-link",// For vue-router integration
-    RouterLinkBack = "router-link-back",// For vue-router back navigation
-    Mail = "mail",// Triggers OS mail integration
-    Tel = "tel",// Triggers OS phone integration
-    Tab = "tab",// New tab, similar to target="_blank"
-    Download = "download",// Download link
-    Action = "action",// Performs an action, without route changes
-    Legacy = ""
+declare enum ItemCrudType {
+    Create = "create",
+    Edit = "edit",
+    Read = "read"
 }
 
-interface AnchorConfig {
-    type?: AnchorType;
-    to?: RouteLocationRaw | string;
-    class?: string;
-    isActive?: boolean;
-    downloadFileName?: string;
-    disabled?: boolean;
-    onClick?: Function | undefined;
-    confirmModal?: ValidModalName;
-    confirmModalKey?: ValidModalKey;
-    confirmData?: ModalConfig;
-    imposter?: boolean;
-    external?: boolean;
+declare enum ItemCrudButtonNavPosition {
+    Top = "top",
+    Bottom = "bottom"
 }
 
-declare class Anchor extends LktItem implements AnchorConfig {
-    static lktAllowUndefinedProps: string[];
-    static lktDefaultValues: (keyof AnchorConfig)[];
-    type: AnchorType;
-    to?: RouteLocationRaw | string;
-    class: string;
-    isActive: boolean;
-    downloadFileName: string;
-    disabled: boolean;
-    onClick: Function | undefined;
-    confirmModal: ValidModalName;
-    confirmModalKey: ValidModalKey;
-    confirmData: LktObject;
-    imposter: boolean;
-    external: boolean;
-    getHref(): string;
-    constructor(data?: Partial<AnchorConfig>);
+declare enum ItemCrudButtonNavVisibility {
+    Changed = "changed",
+    Always = "always"
 }
 
-declare enum TooltipPositionEngine {
-    Fixed = "fixed",
-    Absolute = "absolute"
+declare enum SaveType {
+    Manual = "manual",
+    Auto = "auto",
+    Delay = "delay"
 }
 
-type IsDisabledChecker = ((args?: IsDisabledCheckerArgs) => boolean);
-
-type ValidIsDisabledValue = boolean | undefined | IsDisabledChecker;
-
-interface ButtonConfig {
-    type?: ButtonType;
-    checked?: boolean;
-    openTooltip?: boolean;
-    name?: string;
-    text?: string | number;
-    icon?: string;
-    class?: string;
-    containerClass?: string;
-    palette?: string;
-    value?: string;
-    disabled?: ValidIsDisabledValue;
-    loading?: boolean;
-    wrapContent?: boolean;
-    anchor?: AnchorConfig | Anchor;
-    resource?: string;
-    resourceData?: LktObject;
-    modal?: ValidModalName;
-    modalKey?: ValidModalKey;
-    modalData?: Partial<ModalConfig>;
-    confirmModal?: ValidModalName;
-    confirmModalKey?: ValidModalKey;
-    confirmData?: Partial<ModalConfig>;
-    iconDot?: boolean | string | number;
-    iconEnd?: string;
-    img?: string;
-    splitIcon?: string;
-    tooltipEngine?: TooltipPositionEngine;
-    showTooltipOnHover?: boolean;
-    showTooltipOnHoverDelay?: number;
-    hideTooltipOnLeave?: boolean;
-    tooltipWindowMargin?: number;
-    tooltipReferrerMargin?: number;
-    tooltipClass?: string;
-    tooltipLocationY?: string;
-    tooltipLocationX?: string;
-    splitClass?: string;
-    clickRef?: Element | VueElement;
-    tabindex?: ValidTabIndex;
-    prop?: LktObject;
-    onClick?: Function | undefined;
-    onConfirm?: Function | undefined;
+interface SaveConfig {
+    type?: SaveType;
+    delay?: number;
 }
 
-interface ModalConfig extends LktObject {
-    type?: ModalType;
-    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?: ValidBeforeCloseModal;
-    item?: LktObject;
-    confirmButton?: Partial<ButtonConfig>;
-    cancelButton?: Partial<ButtonConfig>;
+interface ItemCrudConfig {
+    modelValue: LktObject;
+    editing: boolean;
+    type: ItemCrudType;
+    view: ItemCrudView;
+    editButton: ButtonConfig;
+    dropButton: ButtonConfig;
+    createButton: ButtonConfig;
+    updateButton: ButtonConfig;
+    modalConfig: ModalConfig;
+    saveConfig: SaveConfig;
+    title: string;
+    hiddenSave: boolean;
+    hiddenDrop: boolean;
+    hiddenButtons: boolean;
+    hideSwitchEdition: boolean;
+    readResource: string;
+    readData: LktObject;
+    saveValidator: Function;
+    beforeEmitUpdate: Function | undefined;
+    dataStateConfig: LktObject;
+    buttonNavPosition?: ItemCrudButtonNavPosition;
+    buttonNavVisibility?: ItemCrudButtonNavVisibility;
+    insideModal: boolean;
+    saveText: string;
+    saveIcon: string;
+    dropText: string;
+    dropIcon: string;
+    createResource: string;
+    updateResource: string;
+    dropResource: string;
+    createConfirm: string;
+    updateConfirm: string;
+    dropConfirm: string;
+    createConfirmData: LktObject;
+    updateConfirmData: LktObject;
+    dropConfirmData: LktObject;
+    createDisabled: boolean;
+    updateDisabled: boolean;
+    dropDisabled: boolean;
+    createData: LktObject;
+    updateData: LktObject;
+    dropData: LktObject;
+    editModeText: string;
+    onCreate: Function | undefined;
+    onUpdate: Function | undefined;
+    onCreateModalCallbacks: ModalCallbackConfig[];
+    onUpdateModalCallbacks: ModalCallbackConfig[];
+    onDropModalCallbacks: ModalCallbackConfig[];
+    isCreate: boolean;
+    size: string;
+    preTitle: string;
+    showClose: boolean;
+    disabledClose: boolean;
+    disabledVeilClick: boolean;
+    modalName: string;
+    modalKey: string;
+    zIndex: number;
+    editedCloseConfirm: string;
+    editedCloseConfirmKey: string | number;
+    beforeClose: Function | undefined;
 }
 
 declare enum PaginatorType {
@@ -827,7 +930,7 @@ 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;
+declare const extractI18nValue: (needle: string | number) => any;
 
 /**
  * Export common interfaces
@@ -838,4 +941,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, 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 };
+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, ItemCrudButtonNavPosition, ItemCrudButtonNavVisibility, type ItemCrudConfig, ItemCrudType, ItemCrudView, LktItem, type LktObject, LktSettings, LktStrictItem, Modal, ModalCallbackAction, type ModalCallbackConfig, type ModalConfig, ModalType, MultipleOptionsDisplay, Option, type OptionConfig, Paginator, type PaginatorConfig, PaginatorType, SafeString, type SaveConfig, SaveType, 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

@@ -1,3 +1,22 @@
+// src/settings/LktSettings.ts
+var LktSettings = class _LktSettings {
+  static debug = false;
+  static defaultConfirmButton = {
+    text: "Confirm"
+  };
+  static defaultCancelButton = {
+    text: "Cancel"
+  };
+  static setDefaultConfirmButton(button) {
+    _LktSettings.defaultConfirmButton = button;
+    return _LktSettings;
+  }
+  static setDefaultCancelButton(button) {
+    _LktSettings.defaultCancelButton = button;
+    return _LktSettings;
+  }
+};
+
 // src/instances/LktItem.ts
 var skipDataProps = [
   "lktDateProps",
@@ -760,6 +779,35 @@ var Table = class extends LktItem {
   }
 };
 
+// src/enums/ItemCrudButtonNavPosition.ts
+var ItemCrudButtonNavPosition = /* @__PURE__ */ ((ItemCrudButtonNavPosition2) => {
+  ItemCrudButtonNavPosition2["Top"] = "top";
+  ItemCrudButtonNavPosition2["Bottom"] = "bottom";
+  return ItemCrudButtonNavPosition2;
+})(ItemCrudButtonNavPosition || {});
+
+// src/enums/ItemCrudButtonNavVisibility.ts
+var ItemCrudButtonNavVisibility = /* @__PURE__ */ ((ItemCrudButtonNavVisibility2) => {
+  ItemCrudButtonNavVisibility2["Changed"] = "changed";
+  ItemCrudButtonNavVisibility2["Always"] = "always";
+  return ItemCrudButtonNavVisibility2;
+})(ItemCrudButtonNavVisibility || {});
+
+// src/enums/ItemCrudType.ts
+var ItemCrudType = /* @__PURE__ */ ((ItemCrudType2) => {
+  ItemCrudType2["Create"] = "create";
+  ItemCrudType2["Edit"] = "edit";
+  ItemCrudType2["Read"] = "read";
+  return ItemCrudType2;
+})(ItemCrudType || {});
+
+// src/enums/ItemCrudView.ts
+var ItemCrudView = /* @__PURE__ */ ((ItemCrudView2) => {
+  ItemCrudView2["Inline"] = "inline";
+  ItemCrudView2["Modal"] = "modal";
+  return ItemCrudView2;
+})(ItemCrudView || {});
+
 // src/enums/ModalCallbackAction.ts
 var ModalCallbackAction = /* @__PURE__ */ ((ModalCallbackAction2) => {
   ModalCallbackAction2["Refresh"] = "refresh";
@@ -777,6 +825,14 @@ var ModalType = /* @__PURE__ */ ((ModalType2) => {
   return ModalType2;
 })(ModalType || {});
 
+// src/enums/SaveType.ts
+var SaveType = /* @__PURE__ */ ((SaveType2) => {
+  SaveType2["Manual"] = "manual";
+  SaveType2["Auto"] = "auto";
+  SaveType2["Delay"] = "delay";
+  return SaveType2;
+})(SaveType || {});
+
 // src/enums/SortDirection.ts
 var SortDirection = /* @__PURE__ */ ((SortDirection2) => {
   SortDirection2["Asc"] = "asc";
@@ -814,10 +870,11 @@ var extractPropValue = (needle, haystack) => {
   return needle;
 };
 var extractI18nValue = (needle) => {
-  if (needle.startsWith("__:")) {
-    return __(needle.substring(3));
+  let txt = String(needle);
+  if (txt.startsWith("__:")) {
+    return __(txt.substring(3));
   }
-  return needle;
+  return txt;
 };
 
 // src/index.ts
@@ -844,7 +901,12 @@ export {
   Field,
   FieldAutoValidationTrigger,
   FieldType,
+  ItemCrudButtonNavPosition,
+  ItemCrudButtonNavVisibility,
+  ItemCrudType,
+  ItemCrudView,
   LktItem,
+  LktSettings,
   LktStrictItem,
   Modal,
   ModalCallbackAction,
@@ -854,6 +916,7 @@ export {
   Paginator,
   PaginatorType,
   SafeString,
+  SaveType,
   SortDirection,
   Table,
   TablePermission,

package/package.json

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