lkt-vue-kernel 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 LKT VUE
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,23 @@
+# LKT TS Interfaces
+
+In this package are located the interfaces used by lkt-web-tech project.
+
+## LktObject
+
+This interface polyfills the traditional Javascript object to Typescript.
+
+### Usage
+
+```typescript
+import {LktObject} from "lkt-ts-interfaces";
+
+const myObject: LktObject = {};
+
+// With this interface, you can add props dynamically:
+const props = ['lorem', 'ipsum'];
+props.forEach(prop => {myObject[prop] = prop});
+
+// Or like this:
+myObject.may = '...the force be with you!'
+```
+

package/dist/index.d.ts

@@ -0,0 +1,188 @@
+interface LktObject {
+    [key: string]: any;
+}
+
+declare enum FieldType {
+    Text = "text",
+    Email = "email",
+    Tel = "tel",
+    Password = "password",
+    Search = "search",
+    Number = "number",
+    Color = "color",
+    Range = "range",
+    Textarea = "textarea",
+    Html = "html",
+    Date = "date",
+    File = "file",
+    Image = "image",
+    Select = "select",
+    Check = "check",
+    Switch = "switch",
+    Calc = "calc",
+    Card = "card",
+    Elements = "elements"
+}
+
+type ValidOptionValue = string | number | undefined;
+
+interface OptionConfig {
+    value: ValidOptionValue;
+    label: string;
+    data?: LktObject;
+    disabled?: boolean;
+    group?: string;
+    icon?: string;
+    modal?: string | Function;
+}
+
+declare class LktItem implements LktObject {
+    lktDateProps: string[];
+    lktStrictItem: boolean;
+    feed(data?: LktObject): void;
+    assignProp(key: string, value: any): void;
+}
+
+declare class Option extends LktItem implements OptionConfig {
+    value: ValidOptionValue;
+    label: string;
+    data?: LktObject;
+    disabled?: boolean;
+    group?: string;
+    icon?: string;
+    modal?: string | Function;
+}
+
+type ValidFieldValue = string | number | boolean | LktObject | Option[];
+
+interface FieldConfig {
+    modelValue: ValidFieldValue;
+    type?: FieldType;
+    valid?: boolean;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    label?: string;
+    labelIcon?: string;
+    labelIconAtEnd?: boolean;
+    name?: string;
+    autocomplete?: boolean;
+    disabled?: boolean | Function;
+    readonly?: boolean;
+    readMode?: boolean;
+    allowReadModeSwitch?: boolean;
+    tabindex?: number;
+    mandatory?: boolean;
+    showPassword?: boolean;
+    canClear?: boolean;
+    canUndo?: boolean;
+    canI18n?: boolean;
+    canStep?: boolean;
+    canTag?: boolean;
+    mandatoryMessage?: string;
+    infoMessage?: string;
+    errorMessage?: string;
+    min?: number | string | undefined;
+    max?: number | string | undefined;
+    step?: number | string;
+    enableAutoNumberFix?: boolean;
+    emptyValueSlot?: string;
+    optionSlot?: string;
+    valueSlot?: string;
+    editSlot?: string;
+    slotData?: LktObject;
+    resource?: string;
+    resourceData?: LktObject;
+    validationResource?: string;
+    validationResourceData?: LktObject;
+    autoValidation?: boolean;
+    autoValidationType?: 'focus' | 'blur' | 'always';
+    validationStack?: string;
+    minNumbers?: number | string | undefined;
+    maxNumbers?: number | string | undefined;
+    minChars?: number | string | undefined;
+    maxChars?: number | string | undefined;
+    minUpperChars?: number | string | undefined;
+    maxUpperChars?: number | string | undefined;
+    minLowerChars?: number | string | undefined;
+    maxLowerChars?: number | string | undefined;
+    minSpecialChars?: number | string | undefined;
+    maxSpecialChars?: number | string | undefined;
+    checkEqualTo?: number | string | undefined;
+    featuredButton?: string;
+    infoButtonEllipsis?: boolean;
+    fileName?: string;
+    customButtonText?: string;
+    customButtonClass?: string;
+    options?: string | Option[];
+    multiple?: boolean;
+    multipleDisplay?: LktObject;
+    multipleDisplayEdition?: LktObject;
+    searchable?: boolean;
+    autoloadOptionsResource?: boolean | 'feed';
+    optionsDownload?: string | Function;
+    optionsModal?: string | Function;
+    optionsModalData?: LktObject | Function;
+    optionsIcon?: string | Function;
+    optionsLabelFormatter?: Function;
+    optionsResource?: string;
+    optionsResourceData?: LktObject;
+    icon?: string | Function;
+    download?: string | Function;
+    modal?: string | Function;
+    modalKey?: string | number | Function;
+    modalData?: LktObject;
+    prop?: LktObject;
+    itemType?: string;
+    optionValueType?: string;
+}
+
+declare enum TooltipLocationY {
+    Top = "top",
+    Bottom = "bottom",
+    Center = "center",
+    ReferrerCenter = "referrer-center"
+}
+
+declare enum TooltipLocationX {
+    Left = "left",
+    Right = "right",
+    Center = "center",
+    LeftCorner = "left-corner",
+    RightCorner = "right-corner"
+}
+
+declare enum TooltipPositionEngine {
+    Fixed = "fixed",
+    Absolute = "absolute"
+}
+
+interface TooltipConfig {
+    modelValue?: boolean;
+    alwaysOpen?: boolean;
+    class?: string;
+    text?: string;
+    icon?: string;
+    iconAtEnd?: boolean;
+    engine?: TooltipPositionEngine;
+    referrerMargin?: number | string;
+    windowMargin?: number | string;
+    referrerWidth?: boolean;
+    referrer: HTMLElement;
+    locationY?: TooltipLocationY;
+    locationX?: TooltipLocationX;
+}
+
+declare class LktStrictItem extends LktItem {
+    lktStrictItem: boolean;
+}
+
+declare const enum ButtonType {
+    Button = "button",
+    Submit = "submit",
+    Reset = "reset",
+    Content = "content",
+    Switch = "switch",
+    HiddenSwitch = "hidden-switch"
+}
+
+export { ButtonType, type FieldConfig, FieldType, LktItem, type LktObject, LktStrictItem, Option, type OptionConfig, type TooltipConfig, TooltipLocationX, TooltipLocationY, TooltipPositionEngine, type ValidFieldValue, type ValidOptionValue };

package/dist/index.js

@@ -0,0 +1,108 @@
+// src/instances/LktItem.ts
+var skipDataProps = [
+  "lktDateProps",
+  "lktStrictItem"
+];
+var LktItem = class {
+  lktDateProps = [];
+  lktStrictItem = false;
+  feed(data = {}) {
+    for (const [key, value] of Object.entries(data)) this.assignProp(key, value);
+  }
+  assignProp(key, value) {
+    if (skipDataProps.includes(key)) return;
+    if (this.lktStrictItem && !this.hasOwnProperty(key)) return;
+    if (this.lktDateProps.includes(key)) {
+      this[key] = new Date(value);
+      return;
+    }
+    this[key] = value;
+  }
+};
+
+// src/instances/LktStrictItem.ts
+var LktStrictItem = class extends LktItem {
+  lktStrictItem = true;
+};
+
+// src/instances/Option.ts
+var Option = class extends LktItem {
+  value = void 0;
+  label = "";
+  data = {};
+  disabled = false;
+  group = "";
+  icon = "";
+  modal = "";
+};
+
+// src/enums/ButtonType.ts
+var ButtonType = /* @__PURE__ */ ((ButtonType2) => {
+  ButtonType2["Button"] = "button";
+  ButtonType2["Submit"] = "submit";
+  ButtonType2["Reset"] = "reset";
+  ButtonType2["Content"] = "content";
+  ButtonType2["Switch"] = "switch";
+  ButtonType2["HiddenSwitch"] = "hidden-switch";
+  return ButtonType2;
+})(ButtonType || {});
+
+// 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/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/enums/TooltipPositionEngine.ts
+var TooltipPositionEngine = /* @__PURE__ */ ((TooltipPositionEngine2) => {
+  TooltipPositionEngine2["Fixed"] = "fixed";
+  TooltipPositionEngine2["Absolute"] = "absolute";
+  return TooltipPositionEngine2;
+})(TooltipPositionEngine || {});
+export {
+  ButtonType,
+  FieldType,
+  LktItem,
+  LktStrictItem,
+  Option,
+  TooltipLocationX,
+  TooltipLocationY,
+  TooltipPositionEngine
+};

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "lkt-vue-kernel",
+  "version": "1.0.0",
+  "description": "LKT Vue Kernel",
+  "keywords": [
+    "lkt",
+    "lkt-web-tech",
+    "ts",
+    "typescript",
+    "js",
+    "javascript"
+  ],
+  "type": "module",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": ["dist"],
+  "exports": {
+    ".": {
+      "import": "./dist/index.js"
+    }
+  },
+  "license": "MIT",
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsup src/index.ts --format esm --dts"
+  },
+  "author": "Antonio Ibáñez",
+  "devDependencies": {
+    "tsup": "^8.3.6",
+    "typescript": "^5.7.3"
+  },
+  "engines": {
+    "node": ">=18"
+  }
+}