lkt-vue-kernel 1.0.20 → 1.0.22

package/dist/index.d.ts

@@ -184,20 +184,30 @@ interface TooltipConfig {
     locationX?: TooltipLocationX;
 }
 
+type ValidButtonDot = boolean | string | number;
+
 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;
+    openTooltip?: boolean;
     loading?: boolean;
+    class?: string;
+    containerClass?: string;
     wrapContent?: boolean;
+    text?: string | number;
+    icon?: string;
+    iconEnd?: string;
+    img?: string;
+    checked?: boolean;
+    textOn?: string | number | undefined;
+    textOff?: string | number | undefined;
+    iconOn?: string | number | undefined;
+    iconOff?: string | number | undefined;
+    iconEndOn?: string | number | undefined;
+    iconEndOff?: string | number | undefined;
+    dot?: ValidButtonDot;
     anchor?: AnchorConfig | Anchor;
     resource?: string;
     resourceData?: LktObject;
@@ -208,20 +218,16 @@ interface ButtonConfig {
     confirmModalKey?: ValidModalKey;
     confirmData?: Partial<ModalConfig>;
     modalCallbacks?: Array<ModalCallbackConfig>;
-    iconDot?: boolean | string | number;
-    iconEnd?: string;
-    img?: string;
+    tooltip?: TooltipConfig;
     splitIcon?: string;
     showTooltipOnHover?: boolean;
     showTooltipOnHoverDelay?: number;
     hideTooltipOnLeave?: boolean;
-    tooltip?: TooltipConfig;
     splitClass?: string;
-    clickRef?: Element | VueElement;
     tabindex?: ValidTabIndex;
     prop?: LktObject;
+    clickRef?: Element | VueElement;
     onClick?: Function | undefined;
-    onConfirm?: Function | undefined;
 }
 
 declare class LktSettings {
@@ -241,6 +247,8 @@ declare class LktSettings {
     static setDefaultDropButton(button: Partial<ButtonConfig>, override?: boolean): typeof LktSettings;
     static defaultEditModeButton: Partial<ButtonConfig>;
     static setDefaultEditModeButton(button: Partial<ButtonConfig>, override?: boolean): typeof LktSettings;
+    static defaultToggleButton: Partial<ButtonConfig>;
+    static setDefaultToggleButton(button: Partial<ButtonConfig>, override?: boolean): typeof LktSettings;
 }
 
 declare enum FieldType {
@@ -265,6 +273,53 @@ declare enum FieldType {
     Elements = "elements"
 }
 
+declare const fieldTypesWithOptions: FieldType[];
+declare const fieldTypesWithoutClear: FieldType[];
+declare const fieldTypesWithoutUndo: FieldType[];
+declare const textFieldTypesWithOptions: FieldType[];
+declare const booleanFieldTypes: FieldType[];
+declare const fieldsWithMultipleMode: FieldType[];
+declare const textFieldTypes: FieldType[];
+
+declare enum AccordionToggleMode {
+    Transform = "transform",
+    Height = "height",
+    Display = "display"
+}
+
+declare enum AccordionType {
+    Auto = "auto",// Default accordion flow
+    Always = "always",// Always opened
+    Lazy = "lazy",// Lazy content, only after fist open
+    Ever = "ever"
+}
+
+interface AccordionConfig {
+    modelValue?: boolean;
+    type?: AccordionType;
+    toggleMode?: AccordionToggleMode;
+    actionButton?: ButtonConfig;
+    toggleButton?: ButtonConfig;
+    toggleOnClickIntro?: boolean;
+    toggleTimeout?: number;
+    title?: string;
+    icon?: string;
+    class?: string;
+    contentClass?: string;
+    iconRotation?: '90' | '180' | '-90' | '-180';
+    minHeight?: number | undefined;
+    iconAtEnd?: boolean;
+}
+
+declare enum ColumnType {
+    None = "",
+    Field = "field",
+    Button = "button",
+    Anchor = "anchor"
+}
+
+type ValidColSpan = Function | boolean | number | undefined;
+
 type ValidOptionValue = string | number | undefined;
 
 interface OptionConfig {
@@ -305,6 +360,30 @@ declare enum FieldAutoValidationTrigger {
 
 type ValidFieldMinMax = number | string | undefined;
 
+declare enum FieldValidationType {
+    Auto = "auto",
+    Remote = "remote"
+}
+
+interface FieldValidationConfig {
+    type?: FieldValidationType;
+    trigger?: FieldAutoValidationTrigger;
+    stack?: string;
+    resource?: string;
+    resourceData?: LktObject;
+    minNumbers?: ValidFieldMinMax;
+    maxNumbers?: ValidFieldMinMax;
+    minChars?: ValidFieldMinMax;
+    maxChars?: ValidFieldMinMax;
+    minUpperChars?: ValidFieldMinMax;
+    maxUpperChars?: ValidFieldMinMax;
+    minLowerChars?: ValidFieldMinMax;
+    maxLowerChars?: ValidFieldMinMax;
+    minSpecialChars?: ValidFieldMinMax;
+    maxSpecialChars?: ValidFieldMinMax;
+    checkEqualTo?: ValidFieldMinMax;
+}
+
 interface FieldConfig {
     modelValue?: ValidFieldValue;
     type?: FieldType;
@@ -342,27 +421,9 @@ interface FieldConfig {
     slotData?: LktObject;
     resource?: string;
     resourceData?: LktObject;
-    validationResource?: string;
-    validationResourceData?: LktObject;
-    autoValidation?: boolean;
-    autoValidationType?: FieldAutoValidationTrigger;
-    validationStack?: string;
-    minNumbers?: ValidFieldMinMax;
-    maxNumbers?: ValidFieldMinMax;
-    minChars?: ValidFieldMinMax;
-    maxChars?: ValidFieldMinMax;
-    minUpperChars?: ValidFieldMinMax;
-    maxUpperChars?: ValidFieldMinMax;
-    minLowerChars?: ValidFieldMinMax;
-    maxLowerChars?: ValidFieldMinMax;
-    minSpecialChars?: ValidFieldMinMax;
-    maxSpecialChars?: ValidFieldMinMax;
-    checkEqualTo?: ValidFieldMinMax;
     featuredButton?: string;
     infoButtonEllipsis?: boolean;
     fileName?: string;
-    customButtonText?: string;
-    customButtonClass?: string;
     options?: string | Option[];
     multiple?: boolean;
     multipleDisplay?: MultipleOptionsDisplay;
@@ -372,7 +433,9 @@ interface FieldConfig {
     optionsDownload?: string | Function;
     optionsModal?: string | Function;
     optionsModalData?: LktObject | Function;
+    optionsText?: string | Function;
     optionsIcon?: string | Function;
+    optionsClass?: string | Function;
     optionsLabelFormatter?: Function | undefined;
     optionsResource?: string;
     optionsResourceData?: LktObject;
@@ -384,100 +447,27 @@ interface FieldConfig {
     itemType?: string;
     optionValueType?: string;
     prop?: LktObject;
+    validation?: FieldValidationConfig;
+    validationResource?: string;
+    validationResourceData?: LktObject;
+    autoValidation?: boolean;
+    autoValidationType?: FieldAutoValidationTrigger;
+    validationStack?: string;
+    minNumbers?: ValidFieldMinMax;
+    maxNumbers?: ValidFieldMinMax;
+    minChars?: ValidFieldMinMax;
+    maxChars?: ValidFieldMinMax;
+    minUpperChars?: ValidFieldMinMax;
+    maxUpperChars?: ValidFieldMinMax;
+    minLowerChars?: ValidFieldMinMax;
+    maxLowerChars?: ValidFieldMinMax;
+    minSpecialChars?: ValidFieldMinMax;
+    maxSpecialChars?: ValidFieldMinMax;
+    checkEqualTo?: ValidFieldMinMax;
+    customButtonText?: string;
+    customButtonClass?: string;
 }
 
-declare enum ItemCrudView {
-    Inline = "inline",
-    Modal = "modal"
-}
-
-declare enum ItemCrudMode {
-    Create = "create",
-    Update = "update",
-    Read = "read"
-}
-
-declare enum ItemCrudButtonNavPosition {
-    Top = "top",
-    Bottom = "bottom"
-}
-
-declare enum ItemCrudButtonNavVisibility {
-    Changed = "changed",
-    Always = "always",
-    Never = "never"
-}
-
-declare enum SaveType {
-    Manual = "manual",
-    Auto = "auto",
-    Delay = "delay"
-}
-
-interface SaveConfig {
-    type?: SaveType;
-    delay?: number;
-}
-
-interface ItemCrudConfig {
-    modelValue: LktObject;
-    editing: boolean;
-    mode: ItemCrudMode;
-    view: ItemCrudView;
-    editModeButton: ButtonConfig;
-    dropButton: ButtonConfig;
-    createButton: ButtonConfig;
-    updateButton: ButtonConfig;
-    buttonNavPosition?: ItemCrudButtonNavPosition;
-    buttonNavVisibility?: ItemCrudButtonNavVisibility;
-    modalConfig: ModalConfig;
-    saveConfig: SaveConfig;
-    dataStateConfig: DataStateConfig;
-    readResource: string;
-    readData: LktObject;
-    title: string;
-    beforeEmitUpdate: Function | undefined;
-}
-
-declare enum PaginatorType {
-    Pages = "pages",
-    PrevNext = "prev-next",
-    PagesPrevNext = "pages-prev-next",
-    PagesPrevNextFirstLast = "pages-prev-next-first-last",
-    LoadMore = "load-more",
-    Infinite = "infinite"
-}
-
-interface PaginatorConfig {
-    type?: PaginatorType;
-    modelValue?: number;
-    class?: string;
-    resource?: string;
-    readOnly?: boolean;
-    loading?: boolean;
-    filters?: LktObject;
-}
-
-type ValidDrag = boolean | ((item: LktObject) => boolean);
-
-interface DragConfig {
-    enabled: boolean;
-    isDraggable?: ValidDrag;
-    isValid?: ValidDrag;
-    isDisabled?: boolean | Function;
-    canRender?: boolean | Function;
-    dragKey?: string;
-}
-
-declare enum ColumnType {
-    None = "",
-    Field = "field",
-    Button = "button",
-    Anchor = "anchor"
-}
-
-type ValidColSpan = Function | boolean | number | undefined;
-
 declare class SafeString {
     private readonly value;
     constructor(input: ValidSafeStringValue);
@@ -508,6 +498,7 @@ declare class Field extends LktItem implements FieldConfig {
     canUndo: boolean;
     canI18n: boolean;
     canStep: boolean;
+    canTag: boolean;
     mandatoryMessage: string;
     infoMessage: string;
     errorMessage: string;
@@ -552,7 +543,9 @@ declare class Field extends LktItem implements FieldConfig {
     optionsDownload: string | Function;
     optionsModal: string | Function;
     optionsModalData: LktObject | Function;
+    optionsText: string | Function;
     optionsIcon: string | Function;
+    optionsClass: string | Function;
     optionsLabelFormatter: undefined;
     optionsResource: string;
     optionsResourceData: LktObject;
@@ -562,6 +555,7 @@ declare class Field extends LktItem implements FieldConfig {
     modalKey: string | number | Function;
     modalData: LktObject;
     data: LktObject;
+    validation: FieldValidationConfig;
     constructor(data?: Partial<FieldConfig>);
 }
 
@@ -587,9 +581,15 @@ declare class Button extends LktItem implements ButtonConfig {
     confirmModalKey: ValidModalKey;
     confirmData: Partial<ModalConfig>;
     modalCallbacks?: Array<ModalCallbackConfig>;
-    text: string;
+    text: string | number;
+    textOn: string | number | undefined;
+    textOff: string | number | undefined;
+    iconOn: string | number | undefined;
+    iconOff: string | number | undefined;
+    iconEndOn: string | number | undefined;
+    iconEndOff: string | number | undefined;
     icon: string;
-    iconDot: boolean;
+    dot: ValidButtonDot;
     iconEnd: string;
     img: string;
     showTooltipOnHoverDelay: number;
@@ -604,7 +604,6 @@ declare class Button extends LktItem implements ButtonConfig {
     tooltip?: TooltipConfig;
     prop?: LktObject;
     onClick?: Function | undefined;
-    onConfirm?: Function | undefined;
     constructor(data?: Partial<ButtonConfig>);
     isDisabled(): boolean | undefined;
 }
@@ -630,6 +629,89 @@ interface ColumnConfig {
     action?: Function;
 }
 
+type ValidDrag = boolean | ((item: LktObject) => boolean);
+
+interface DragConfig {
+    enabled: boolean;
+    isDraggable?: ValidDrag;
+    isValid?: ValidDrag;
+    isDisabled?: boolean | Function;
+    canRender?: boolean | Function;
+    dragKey?: string;
+}
+
+declare enum ItemCrudView {
+    Inline = "inline",
+    Modal = "modal"
+}
+
+declare enum ItemCrudMode {
+    Create = "create",
+    Update = "update",
+    Read = "read"
+}
+
+declare enum ItemCrudButtonNavPosition {
+    Top = "top",
+    Bottom = "bottom"
+}
+
+declare enum ItemCrudButtonNavVisibility {
+    Changed = "changed",
+    Always = "always",
+    Never = "never"
+}
+
+declare enum SaveType {
+    Manual = "manual",
+    Auto = "auto",
+    Delay = "delay"
+}
+
+interface SaveConfig {
+    type?: SaveType;
+    delay?: number;
+}
+
+interface ItemCrudConfig {
+    modelValue: LktObject;
+    editing: boolean;
+    mode: ItemCrudMode;
+    view: ItemCrudView;
+    editModeButton: ButtonConfig;
+    dropButton: ButtonConfig;
+    createButton: ButtonConfig;
+    updateButton: ButtonConfig;
+    buttonNavPosition?: ItemCrudButtonNavPosition;
+    buttonNavVisibility?: ItemCrudButtonNavVisibility;
+    modalConfig: ModalConfig;
+    saveConfig: SaveConfig;
+    dataStateConfig: DataStateConfig;
+    readResource: string;
+    readData: LktObject;
+    title: string;
+    beforeEmitUpdate: Function | undefined;
+}
+
+declare enum PaginatorType {
+    Pages = "pages",
+    PrevNext = "prev-next",
+    PagesPrevNext = "pages-prev-next",
+    PagesPrevNextFirstLast = "pages-prev-next-first-last",
+    LoadMore = "load-more",
+    Infinite = "infinite"
+}
+
+interface PaginatorConfig {
+    type?: PaginatorType;
+    modelValue?: number;
+    class?: string;
+    resource?: string;
+    readOnly?: boolean;
+    loading?: boolean;
+    filters?: LktObject;
+}
+
 declare enum TableType {
     Table = "table",
     Item = "item",
@@ -756,6 +838,82 @@ declare class LktStrictItem extends LktItem {
     lktStrictItem: boolean;
 }
 
+declare enum ValidationCode {
+    MinStringLength = "min-str",
+    MinNumber = "min-num",
+    MaxStringLength = "max-str",
+    MaxNumber = "max-num",
+    Email = "email",
+    Empty = "empty",
+    EqualTo = "equal-to",
+    MinNumbers = "min-numbers",
+    MaxNumbers = "max-numbers",
+    MinChars = "min-chars",
+    MaxChars = "max-chars",
+    MinUpperChars = "min-upper-chars",
+    MaxUpperChars = "max-upper-chars",
+    MinLowerChars = "min-lower-chars",
+    MaxLowerChars = "max-lower-chars",
+    MinSpecialChars = "min-special-chars",
+    MaxSpecialChars = "max-special-chars"
+}
+
+declare enum ValidationStatus {
+    Ok = "ok",
+    Ko = "ko",
+    Info = "info"
+}
+
+declare class FieldValidation {
+    code?: ValidationCode | string;
+    status: ValidationStatus;
+    min: number;
+    max: number;
+    equalToValue: number | string | undefined;
+    constructor(code: ValidationCode, status: ValidationStatus);
+    setMin(n: number): this;
+    setMax(n: number): this;
+    setEqualToValue(val: number | string): this;
+    static createEmpty(status?: ValidationStatus): FieldValidation;
+    static createEmail(status?: ValidationStatus): FieldValidation;
+    static createMinStr(min: number, status?: ValidationStatus): FieldValidation;
+    static createMaxStr(max: number, status?: ValidationStatus): FieldValidation;
+    static createMinNum(min: number, status?: ValidationStatus): FieldValidation;
+    static createMaxNum(max: number, status?: ValidationStatus): FieldValidation;
+    static createNumBetween(min: number, max: number, status?: ValidationStatus): FieldValidation;
+    static createMinNumbers(min: number, status?: ValidationStatus): FieldValidation;
+    static createMaxNumbers(max: number, status?: ValidationStatus): FieldValidation;
+    static createMinUpperChars(min: number, status?: ValidationStatus): FieldValidation;
+    static createMaxUpperChars(max: number, status?: ValidationStatus): FieldValidation;
+    static createMinLowerChars(min: number, status?: ValidationStatus): FieldValidation;
+    static createMaxLowerChars(max: number, status?: ValidationStatus): FieldValidation;
+    static createMinSpecialChars(min: number, status?: ValidationStatus): FieldValidation;
+    static createMaxSpecialChars(max: number, status?: ValidationStatus): FieldValidation;
+    static createMinChars(min: number, status?: ValidationStatus): FieldValidation;
+    static createMaxChars(max: number, status?: ValidationStatus): FieldValidation;
+    static createEqualTo(value: number | string, status?: ValidationStatus): FieldValidation;
+}
+
+declare class Accordion extends LktItem implements AccordionConfig {
+    static lktAllowUndefinedProps: string[];
+    static lktDefaultValues: (keyof AccordionConfig)[];
+    modelValue?: boolean;
+    type?: AccordionType;
+    toggleMode?: AccordionToggleMode;
+    actionButton?: ButtonConfig;
+    toggleButton?: ButtonConfig;
+    toggleOnClickIntro?: boolean;
+    toggleTimeout?: number;
+    title?: string;
+    icon?: string;
+    class?: string;
+    contentClass?: string;
+    iconRotation?: '90' | '180' | '-90' | '-180';
+    minHeight?: number | undefined;
+    iconAtEnd?: boolean;
+    constructor(data?: Partial<AnchorConfig>);
+}
+
 declare class Tooltip extends LktItem implements TooltipConfig {
     static lktDefaultValues: (keyof TooltipConfig)[];
     modelValue: boolean;
@@ -921,4 +1079,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, ItemCrud, ItemCrudButtonNavPosition, ItemCrudButtonNavVisibility, type ItemCrudConfig, ItemCrudMode, 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, createColumn, ensureButtonConfig, extractI18nValue, extractPropValue, getDefaultValues, lktDebug };
+export { Accordion, type AccordionConfig, AccordionToggleMode, AccordionType, Anchor, type AnchorConfig, AnchorType, type BeforeCloseModalData, Button, type ButtonConfig, ButtonType, Column, type ColumnConfig, ColumnType, type DragConfig, type EmptyModalKey, Field, FieldAutoValidationTrigger, type FieldConfig, FieldType, FieldValidation, type FieldValidationConfig, type IsDisabledChecker, type IsDisabledCheckerArgs, ItemCrud, ItemCrudButtonNavPosition, ItemCrudButtonNavVisibility, type ItemCrudConfig, ItemCrudMode, 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 ValidButtonDot, 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, ValidationCode, ValidationStatus, booleanFieldTypes, createColumn, ensureButtonConfig, extractI18nValue, extractPropValue, fieldTypesWithOptions, fieldTypesWithoutClear, fieldTypesWithoutUndo, fieldsWithMultipleMode, getDefaultValues, lktDebug, textFieldTypes, textFieldTypesWithOptions };

package/dist/index.js

@@ -110,8 +110,79 @@ var LktSettings = class _LktSettings {
     }
     return _LktSettings;
   }
+  static defaultToggleButton = {
+    text: "Toggle",
+    textOn: "Close",
+    textOff: "Show more",
+    type: "hidden-switch" /* HiddenSwitch */
+  };
+  static setDefaultToggleButton(button, override = true) {
+    if (override) {
+      _LktSettings.defaultToggleButton = button;
+    } else {
+      _LktSettings.defaultToggleButton = ensureButtonConfig(button, _LktSettings.defaultToggleButton);
+    }
+    return _LktSettings;
+  }
 };
 
+// src/enums/FieldType.ts
+var FieldType = /* @__PURE__ */ ((FieldType2) => {
+  FieldType2["Text"] = "text";
+  FieldType2["Email"] = "email";
+  FieldType2["Tel"] = "tel";
+  FieldType2["Password"] = "password";
+  FieldType2["Search"] = "search";
+  FieldType2["Number"] = "number";
+  FieldType2["Color"] = "color";
+  FieldType2["Range"] = "range";
+  FieldType2["Textarea"] = "textarea";
+  FieldType2["Html"] = "html";
+  FieldType2["Date"] = "date";
+  FieldType2["File"] = "file";
+  FieldType2["Image"] = "image";
+  FieldType2["Select"] = "select";
+  FieldType2["Check"] = "check";
+  FieldType2["Switch"] = "switch";
+  FieldType2["Calc"] = "calc";
+  FieldType2["Card"] = "card";
+  FieldType2["Elements"] = "elements";
+  return FieldType2;
+})(FieldType || {});
+
+// src/constants/field-constants.ts
+var fieldTypesWithOptions = [
+  "text" /* Text */,
+  "search" /* Search */,
+  "select" /* Select */
+];
+var fieldTypesWithoutClear = [
+  "switch" /* Switch */,
+  "check" /* Check */
+];
+var fieldTypesWithoutUndo = [
+  "switch" /* Switch */,
+  "check" /* Check */
+];
+var textFieldTypesWithOptions = [
+  "text" /* Text */,
+  "search" /* Search */
+];
+var booleanFieldTypes = [
+  "switch" /* Switch */,
+  "check" /* Check */
+];
+var fieldsWithMultipleMode = [
+  "select" /* Select */,
+  "color" /* Color */,
+  "card" /* Card */
+];
+var textFieldTypes = [
+  "text" /* Text */,
+  "email" /* Email */,
+  "password" /* Password */
+];
+
 // src/instances/LktItem.ts
 var skipDataProps = [
   "lktDateProps",
@@ -161,30 +232,6 @@ var Option = class extends LktItem {
   }
 };
 
-// src/enums/FieldType.ts
-var FieldType = /* @__PURE__ */ ((FieldType2) => {
-  FieldType2["Text"] = "text";
-  FieldType2["Email"] = "email";
-  FieldType2["Tel"] = "tel";
-  FieldType2["Password"] = "password";
-  FieldType2["Search"] = "search";
-  FieldType2["Number"] = "number";
-  FieldType2["Color"] = "color";
-  FieldType2["Range"] = "range";
-  FieldType2["Textarea"] = "textarea";
-  FieldType2["Html"] = "html";
-  FieldType2["Date"] = "date";
-  FieldType2["File"] = "file";
-  FieldType2["Image"] = "image";
-  FieldType2["Select"] = "select";
-  FieldType2["Check"] = "check";
-  FieldType2["Switch"] = "switch";
-  FieldType2["Calc"] = "calc";
-  FieldType2["Card"] = "card";
-  FieldType2["Elements"] = "elements";
-  return FieldType2;
-})(FieldType || {});
-
 // src/instances/Field.ts
 import { generateRandomString } from "lkt-string-tools";
 
@@ -228,6 +275,7 @@ var Field = class extends LktItem {
   canUndo = false;
   canI18n = false;
   canStep = true;
+  canTag = true;
   mandatoryMessage = "";
   infoMessage = "";
   errorMessage = "";
@@ -272,7 +320,9 @@ var Field = class extends LktItem {
   optionsDownload = "";
   optionsModal = "";
   optionsModalData = {};
+  optionsText = "";
   optionsIcon = "";
+  optionsClass = "";
   optionsLabelFormatter = void 0;
   optionsResource = "";
   optionsResourceData = {};
@@ -282,12 +332,122 @@ var Field = class extends LktItem {
   modalKey = "";
   modalData = {};
   data = {};
+  validation = {};
   constructor(data = {}) {
     super();
     this.feed(data);
   }
 };
 
+// src/enums/ValidationCode.ts
+var ValidationCode = /* @__PURE__ */ ((ValidationCode2) => {
+  ValidationCode2["MinStringLength"] = "min-str";
+  ValidationCode2["MinNumber"] = "min-num";
+  ValidationCode2["MaxStringLength"] = "max-str";
+  ValidationCode2["MaxNumber"] = "max-num";
+  ValidationCode2["Email"] = "email";
+  ValidationCode2["Empty"] = "empty";
+  ValidationCode2["EqualTo"] = "equal-to";
+  ValidationCode2["MinNumbers"] = "min-numbers";
+  ValidationCode2["MaxNumbers"] = "max-numbers";
+  ValidationCode2["MinChars"] = "min-chars";
+  ValidationCode2["MaxChars"] = "max-chars";
+  ValidationCode2["MinUpperChars"] = "min-upper-chars";
+  ValidationCode2["MaxUpperChars"] = "max-upper-chars";
+  ValidationCode2["MinLowerChars"] = "min-lower-chars";
+  ValidationCode2["MaxLowerChars"] = "max-lower-chars";
+  ValidationCode2["MinSpecialChars"] = "min-special-chars";
+  ValidationCode2["MaxSpecialChars"] = "max-special-chars";
+  return ValidationCode2;
+})(ValidationCode || {});
+
+// src/enums/ValidationStatus.ts
+var ValidationStatus = /* @__PURE__ */ ((ValidationStatus2) => {
+  ValidationStatus2["Ok"] = "ok";
+  ValidationStatus2["Ko"] = "ko";
+  ValidationStatus2["Info"] = "info";
+  return ValidationStatus2;
+})(ValidationStatus || {});
+
+// src/instances/FieldValidation.ts
+var FieldValidation = class _FieldValidation {
+  code = void 0;
+  status = "info" /* Info */;
+  min = 0;
+  max = 0;
+  equalToValue = void 0;
+  constructor(code, status) {
+    this.code = code;
+    this.status = status;
+  }
+  setMin(n) {
+    this.min = n;
+    return this;
+  }
+  setMax(n) {
+    this.max = n;
+    return this;
+  }
+  setEqualToValue(val) {
+    this.equalToValue = val;
+    return this;
+  }
+  static createEmpty(status = "ko" /* Ko */) {
+    return new _FieldValidation("empty" /* Empty */, status);
+  }
+  static createEmail(status = "ko" /* Ko */) {
+    return new _FieldValidation("email" /* Email */, status);
+  }
+  static createMinStr(min, status = "ko" /* Ko */) {
+    return new _FieldValidation("min-str" /* MinStringLength */, status).setMin(min);
+  }
+  static createMaxStr(max, status = "ko" /* Ko */) {
+    return new _FieldValidation("max-str" /* MaxStringLength */, status).setMax(max);
+  }
+  static createMinNum(min, status = "ko" /* Ko */) {
+    return new _FieldValidation("min-num" /* MinNumber */, status).setMin(min);
+  }
+  static createMaxNum(max, status = "ko" /* Ko */) {
+    return new _FieldValidation("max-num" /* MaxNumber */, status).setMax(max);
+  }
+  static createNumBetween(min, max, status = "ko" /* Ko */) {
+    return new _FieldValidation("max-num" /* MaxNumber */, status).setMin(min).setMax(max);
+  }
+  static createMinNumbers(min, status = "ko" /* Ko */) {
+    return new _FieldValidation("min-numbers" /* MinNumbers */, status).setMin(min);
+  }
+  static createMaxNumbers(max, status = "ko" /* Ko */) {
+    return new _FieldValidation("max-numbers" /* MaxNumbers */, status).setMax(max);
+  }
+  static createMinUpperChars(min, status = "ko" /* Ko */) {
+    return new _FieldValidation("min-upper-chars" /* MinUpperChars */, status).setMin(min);
+  }
+  static createMaxUpperChars(max, status = "ko" /* Ko */) {
+    return new _FieldValidation("max-upper-chars" /* MaxUpperChars */, status).setMax(max);
+  }
+  static createMinLowerChars(min, status = "ko" /* Ko */) {
+    return new _FieldValidation("min-lower-chars" /* MinLowerChars */, status).setMin(min);
+  }
+  static createMaxLowerChars(max, status = "ko" /* Ko */) {
+    return new _FieldValidation("max-lower-chars" /* MaxLowerChars */, status).setMax(max);
+  }
+  static createMinSpecialChars(min, status = "ko" /* Ko */) {
+    return new _FieldValidation("min-special-chars" /* MinSpecialChars */, status).setMin(min);
+  }
+  static createMaxSpecialChars(max, status = "ko" /* Ko */) {
+    return new _FieldValidation("max-special-chars" /* MaxSpecialChars */, status).setMax(max);
+  }
+  static createMinChars(min, status = "ko" /* Ko */) {
+    return new _FieldValidation("min-chars" /* MinChars */, status).setMin(min);
+  }
+  static createMaxChars(max, status = "ko" /* Ko */) {
+    return new _FieldValidation("max-chars" /* MaxChars */, status).setMax(max);
+  }
+  static createEqualTo(value, status = "ko" /* Ko */) {
+    return new _FieldValidation("equal-to" /* EqualTo */, status).setEqualToValue(value);
+  }
+};
+
 // src/enums/ColumnType.ts
 var ColumnType = /* @__PURE__ */ ((ColumnType2) => {
   ColumnType2["None"] = "";
@@ -396,7 +556,6 @@ var Button = class extends LktItem {
   static lktDefaultValues = [
     "type",
     "name",
-    "palette",
     "class",
     "containerClass",
     "value",
@@ -414,8 +573,14 @@ var Button = class extends LktItem {
     "confirmData",
     "modalCallbacks",
     "text",
+    "textOn",
+    "textOff",
     "icon",
-    "iconDot",
+    "iconOn",
+    "iconOff",
+    "iconEndOn",
+    "iconEndOff",
+    "dot",
     "iconEnd",
     "img",
     "showTooltipOnHoverDelay",
@@ -429,8 +594,7 @@ var Button = class extends LktItem {
     "hideTooltipOnLeave",
     "splitClass",
     "prop",
-    "onClick",
-    "onConfirm"
+    "onClick"
   ];
   type = "button" /* Button */;
   name = generateRandomString2(10);
@@ -452,8 +616,14 @@ var Button = class extends LktItem {
   confirmData = {};
   modalCallbacks = [];
   text = "";
+  textOn = void 0;
+  textOff = void 0;
+  iconOn = void 0;
+  iconOff = void 0;
+  iconEndOn = void 0;
+  iconEndOff = void 0;
   icon = "";
-  iconDot = false;
+  dot = false;
   iconEnd = "";
   img = "";
   showTooltipOnHoverDelay = 0;
@@ -469,7 +639,6 @@ var Button = class extends LktItem {
   prop = {};
   // Event management
   onClick = void 0;
-  onConfirm = void 0;
   constructor(data = {}) {
     super();
     this.feed(data);
@@ -560,6 +729,68 @@ var Column = class extends LktItem {
   }
 };
 
+// src/enums/AccordionType.ts
+var AccordionType = /* @__PURE__ */ ((AccordionType2) => {
+  AccordionType2["Auto"] = "auto";
+  AccordionType2["Always"] = "always";
+  AccordionType2["Lazy"] = "lazy";
+  AccordionType2["Ever"] = "ever";
+  return AccordionType2;
+})(AccordionType || {});
+
+// src/enums/AccordionToggleMode.ts
+var AccordionToggleMode = /* @__PURE__ */ ((AccordionToggleMode2) => {
+  AccordionToggleMode2["Transform"] = "transform";
+  AccordionToggleMode2["Height"] = "height";
+  AccordionToggleMode2["Display"] = "display";
+  return AccordionToggleMode2;
+})(AccordionToggleMode || {});
+
+// src/instances/Accordion.ts
+var Accordion = class extends LktItem {
+  static lktAllowUndefinedProps = [
+    "onClick"
+  ];
+  static lktDefaultValues = [
+    "modelValue",
+    "type",
+    "toggleMode",
+    "actionButton",
+    "toggleButton",
+    "toggleOnClickIntro",
+    "toggleTimeout",
+    "title",
+    "icon",
+    "class",
+    "contentClass",
+    "iconRotation",
+    "minHeight",
+    "iconAtEnd"
+  ];
+  // Main config
+  modelValue = false;
+  type = "auto" /* Auto */;
+  toggleMode = "height" /* Height */;
+  // Buttons config
+  actionButton = {};
+  toggleButton = {};
+  // Toggle config
+  toggleOnClickIntro = false;
+  toggleTimeout = 0;
+  // Visuals
+  title = "";
+  icon = "";
+  class = "";
+  contentClass = "";
+  iconRotation = "90";
+  minHeight = void 0;
+  iconAtEnd = false;
+  constructor(data = {}) {
+    super();
+    this.feed(data);
+  }
+};
+
 // src/enums/TooltipPositionEngine.ts
 var TooltipPositionEngine = /* @__PURE__ */ ((TooltipPositionEngine2) => {
   TooltipPositionEngine2["Fixed"] = "fixed";
@@ -1017,6 +1248,9 @@ function getDefaultValues(cls) {
   return result;
 }
 export {
+  Accordion,
+  AccordionToggleMode,
+  AccordionType,
   Anchor,
   AnchorType,
   Button,
@@ -1026,6 +1260,7 @@ export {
   Field,
   FieldAutoValidationTrigger,
   FieldType,
+  FieldValidation,
   ItemCrud,
   ItemCrudButtonNavPosition,
   ItemCrudButtonNavVisibility,
@@ -1053,10 +1288,19 @@ export {
   TooltipLocationX,
   TooltipLocationY,
   TooltipPositionEngine,
+  ValidationCode,
+  ValidationStatus,
+  booleanFieldTypes,
   createColumn,
   ensureButtonConfig,
   extractI18nValue,
   extractPropValue,
+  fieldTypesWithOptions,
+  fieldTypesWithoutClear,
+  fieldTypesWithoutUndo,
+  fieldsWithMultipleMode,
   getDefaultValues,
-  lktDebug
+  lktDebug,
+  textFieldTypes,
+  textFieldTypesWithOptions
 };

package/package.json

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