@jsg-developer/vue-pack 0.0.1

package/dist/jsgd-vue-pack.es.js

@@ -0,0 +1,388 @@
+import { A as s, C as o, a4 as p, a2 as n, D as u, a as b, E as m, b as g, c as d, _ as y, F as c, G as h, I as T, d as x, L as f, N as I, O as A, P as L, S, a3 as D, e as k, f as v, g as w, h as q, i as E, j as F, T as P, U as N, z as j, p as B, k as W, m as M, B as R, $ as C, a1 as G, K as O, Q as z, w as K, y as H, a8 as U, X as V, u as X, W as _, l as J, V as Y, q as Z, a0 as Q, n as $, o as ee, r as ae, H as te, s as le, t as re, J as ie, Y as se, R as oe, M as pe, a9 as ne, a5 as ue, a7 as be, a6 as me, Z as ge, x as de, v as ye } from "./TabelData.vue_vue_type_style_index_0_scoped_76b9b7a6_lang-Dtm1AO8H.js";
+import { A as he, B as Te, a as xe, F as fe, I as Ie, M as Ae, _ as Le, T as Se, W as De, g as ke, b as ve, d as we, c as qe, e as Ee, h as Fe, f as Pe, j as Ne, l as je, k as Be, i as We } from "./TabelData-fKFaSnkC.js";
+const e = [
+  "png",
+  "jpg",
+  "jpeg",
+  "gif",
+  "bmp",
+  "webp",
+  "heif",
+  "heic",
+  "tiff",
+  "tif",
+  "svg",
+  "avif",
+  "ico",
+  "jfif"
+], a = [
+  "text",
+  "email",
+  "password",
+  "number",
+  "image",
+  "color",
+  "select",
+  "arrayObject",
+  "richText",
+  "optionGroupSchema",
+  "tag",
+  "object",
+  "url",
+  "toggle",
+  "date",
+  "time",
+  "dateTime",
+  "imageArray",
+  // 🔹 baru
+  "file",
+  "fileArray",
+  // 🔹 baru
+  "textArea"
+], t = ["form", "news"], l = {
+  // === Text ===
+  name: {
+    type: "text",
+    label: "Nama",
+    required: !0,
+    validate: {
+      duplicate: !0,
+      minLength: 3,
+      maxLength: 50,
+      pattern: "^[a-zA-Z0-9 ]+$"
+    },
+    value: "hahahahah"
+  },
+  Toogle: {
+    type: "toggle",
+    label: "Toogle",
+    required: !0,
+    value: !0
+  },
+  // === Email ===
+  email: {
+    type: "email",
+    label: "Email",
+    required: !0,
+    validate: {
+      duplicate: !0
+    }
+  },
+  imagesArray: {
+    type: "imageArray",
+    label: "Foto Profil",
+    validate: {
+      maxSize: 2048,
+      ratio: { Width: 1, Height: 1 },
+      pixel: { minWidth: 500, minHeight: 500 },
+      allowedTypes: ["png"]
+    }
+  },
+  filesaya: {
+    type: "fileArray",
+    label: "File saya",
+    validate: {
+      maxSize: 2e4
+    }
+  },
+  // === Password ===
+  password: {
+    type: "password",
+    label: "Password",
+    required: !0,
+    validate: {
+      minLength: 8,
+      maxLength: 20,
+      requireUppercase: !0,
+      requireNumber: !0
+    }
+  },
+  // === Number ===
+  age: {
+    type: "number",
+    label: "Umur",
+    validate: {
+      min: 1,
+      max: 100,
+      integer: !0
+    }
+  },
+  // === Image ===
+  avatar: {
+    type: "image",
+    label: "Foto Profil",
+    validate: {
+      maxSize: 2048,
+      ratio: { Width: 16, Height: 9 },
+      pixel: { minWidth: 500, minHeight: 500 },
+      allowedTypes: ["png"]
+    }
+  },
+  // === Color ===
+  favoriteColor: {
+    type: "color",
+    label: "Warna Favorit",
+    single: !0,
+    validate: { min: 1, max: 10 }
+  },
+  // === Select ===
+  role: {
+    type: "select",
+    label: "Peran",
+    options: ["admin", "editor", "user"],
+    optionsView: ["Admin", "Editor", "User"],
+    withCreate: {
+      DB_NAME: "roles",
+      schema: {
+        roleName: { type: "text", label: "Nama Role", required: !0 }
+      },
+      endPoint: "/api/admin/role/create"
+    }
+  },
+  // === ArrayObject ===
+  addresses: {
+    type: "arrayObject",
+    label: "Alamat",
+    schema: {
+      street: { type: "text", label: "Jalan", required: !0 },
+      city: { type: "text", label: "Kota", required: !0 },
+      zip: { type: "number", label: "Kode Pos", required: !0 },
+      // === Object (nested all fields again) ===
+      addresses: {
+        type: "arrayObject",
+        label: "Alamat",
+        schema: {
+          street: { type: "text", label: "Jalan", required: !0 },
+          city: { type: "text", label: "Kota", required: !0 },
+          zip: { type: "number", label: "Kode Pos", required: !0 },
+          // === Object (nested all fields again) ===
+          profile: {
+            type: "object",
+            label: "Profil Lengkap",
+            schema: {
+              nick: { type: "text", label: "Nick" },
+              website: { type: "url", label: "Website" },
+              birthDate: { type: "date", label: "Tanggal Lahir" },
+              birthTime: { type: "time", label: "Waktu Lahir" },
+              lastLogin: { type: "dateTime", label: "Login Terakhir" },
+              about: { type: "textArea", label: "Tentang Saya" }
+            }
+          }
+        }
+      },
+      profile: {
+        type: "object",
+        label: "Profil Lengkap",
+        schema: {
+          nick: { type: "text", label: "Nick" },
+          website: { type: "url", label: "Website" },
+          birthDate: { type: "date", label: "Tanggal Lahir" },
+          birthTime: { type: "time", label: "Waktu Lahir" },
+          lastLogin: { type: "dateTime", label: "Login Terakhir" },
+          about: { type: "textArea", label: "Tentang Saya" }
+        }
+      }
+    }
+  },
+  // === RichText ===
+  bio: {
+    type: "richText",
+    label: "Biografi",
+    validate: { minLength: 10, maxLength: 200 }
+  },
+  // === Tag ===
+  tags: {
+    type: "tag",
+    label: "Tag",
+    validate: { min: 1, max: 5 }
+  },
+  isActive: { type: "toggle", label: "Aktif?" },
+  // === Object (nested all fields again) ===
+  profile: {
+    type: "object",
+    label: "Profil Lengkap",
+    schema: {
+      nick: { type: "text", label: "Nick" },
+      website: { type: "url", label: "Website" },
+      birthDate: { type: "date", label: "Tanggal Lahir" },
+      birthTime: { type: "time", label: "Waktu Lahir" },
+      lastLogin: { type: "dateTime", label: "Login Terakhir" },
+      about: { type: "textArea", label: "Tentang Saya" },
+      // === ArrayObject ===
+      addresses: {
+        type: "arrayObject",
+        label: "Alamat",
+        schema: {
+          street: { type: "text", label: "Jalan", required: !0 },
+          city: { type: "text", label: "Kota", required: !0 },
+          zip: { type: "number", label: "Kode Pos", required: !0 },
+          // === Object (nested all fields again) ===
+          profile: {
+            type: "object",
+            label: "Profil Lengkap",
+            schema: {
+              nick: { type: "text", label: "Nick" },
+              website: { type: "url", label: "Website" },
+              birthDate: { type: "date", label: "Tanggal Lahir" },
+              birthTime: { type: "time", label: "Waktu Lahir" },
+              lastLogin: { type: "dateTime", label: "Login Terakhir" },
+              about: { type: "textArea", label: "Tentang Saya" }
+            }
+          }
+        }
+      }
+    }
+  },
+  // === OptionGroup (with all field types) ===
+  settings: {
+    type: "optionGroupSchema",
+    label: "Pengaturan",
+    typeDesign: "cekbox",
+    withValue: !0,
+    options: {
+      "Grup A": {
+        optionA: { type: "text", label: "Teks A", required: !0 },
+        optionB: { type: "number", label: "Angka B" },
+        optionC: {
+          type: "optionGroupSchema",
+          label: "Sub Group",
+          withValue: !0,
+          typeDesign: "select",
+          options: {
+            "Sub A": {
+              subText: { type: "text", label: "Sub Text" },
+              subNumber: { type: "number", label: "Sub Number" },
+              subToggle: { type: "toggle", label: "Sub Toggle" }
+            },
+            "Sub B": {
+              subImage: { type: "image", label: "Sub Image" },
+              subColor: { type: "color", label: "Sub Color" }
+            }
+          }
+        }
+      },
+      "Grup B": {
+        optionX: { type: "email", label: "Email X" },
+        optionY: { type: "password", label: "Password Y" }
+      }
+    }
+  }
+  // settingsQ: {
+  //   type: 'optionGroupSchema',
+  //   label: 'Pengaturan',
+  //   typeDesign: 'select',
+  //   withValue: true,
+  //   options: {'Grup L' :
+  //     {
+  //       optionG: { type: 'text', label: 'Teks G', required: true },
+  //       optionF: { type: 'number', label: 'Angka F' },
+  //       optionASAS: {
+  //         type: 'optionGroupSchema',
+  //         label: 'Sub Group',
+  //         withValue: true,
+  //         typeDesign: 'select',
+  //         options: {'Sub AsSS' : {
+  //             subText: { type: 'text', label: 'Sub Text' },
+  //             subNumber: { type: 'number', label: 'Sub Number' },
+  //             subToggle: { type: 'toggle', label: 'Sub Toggle' },
+  //           }, 'Sub Bvcvxc': {
+  //             subImage: { type: 'image', label: 'Sub Image' },
+  //             subColor: { type: 'color', label: 'Sub Color' },
+  //           }},
+  //       },
+  //     }, 'Grup Basdzxczxc': {
+  //       optionXAFF: { type: 'email', label: 'Email X' },
+  //       optionYAFFF: { type: 'password', label: 'Password Y' },
+  //     }},
+  // },
+};
+export {
+  he as AlertApp,
+  s as ArrayObjectInput,
+  Te as BaseImage,
+  xe as BaseLabel,
+  o as ColorInput,
+  p as DATETIME_REGEX,
+  n as DATE_REGEX,
+  u as DateInput,
+  b as DateTimeInput,
+  m as EmailInput,
+  fe as FieldDetailRenderer,
+  g as FileArrayInput,
+  d as FileInput,
+  y as FormFieldRenderer,
+  c as FormModal,
+  h as GroupRendererInput,
+  T as ImageArrayInput,
+  x as ImageInput,
+  Ie as ImagePreview,
+  e as ImageTypes,
+  f as Loader,
+  Ae as ModalDetailData,
+  I as NumberInput,
+  A as ObjectInput,
+  L as PasswordInput,
+  Le as SafeHtml,
+  S as SelectedOptions,
+  D as TIME_REGEX,
+  Se as TabelData,
+  k as TagInput,
+  l as TestSchema,
+  v as TextAreaInput,
+  w as TextAreaQuillInput,
+  q as TextInput,
+  E as TimeInput,
+  F as ToggleInput,
+  P as Tooltip,
+  N as UrlInput,
+  De as WarningForm,
+  j as clearStore,
+  B as configureIndexedDB,
+  ke as defaultEndpoints,
+  ve as defaultFeatureToggles,
+  we as defaultKeys,
+  qe as defaultManualControl,
+  W as defaultMessagesErrorRequired,
+  Ee as defaultPagination,
+  Fe as defaultSubmitAuth,
+  M as defaultTextLabelsMap,
+  Pe as defaultValidation,
+  R as deleteItemFromStore,
+  C as deleteNestedAndCleanup,
+  G as emailRegex,
+  a as fieldTypes,
+  t as formDesign,
+  Ne as formatDate,
+  je as formatDateTime,
+  Be as formatTime,
+  O as gcd,
+  We as getClientLocaleAndTimeZone,
+  z as getCommonRatio,
+  K as getFromIndexedDB,
+  H as getItemById,
+  U as getMessage,
+  V as getNested,
+  X as getSingleFromIndexedDB,
+  _ as hasAnyError,
+  J as inputMessages,
+  Y as isSameMessage,
+  Z as isStoreArray,
+  Q as normalizeKey,
+  $ as registerErrorMessageRequired,
+  ee as registerInputMessages,
+  ae as registerLanguage,
+  te as removeFromIndexedDB,
+  le as safeValidate,
+  re as saveToIndexedDB,
+  ie as secureFetch,
+  se as setNested,
+  oe as setUID,
+  pe as simplifyRatio,
+  ne as submitData,
+  ue as toDateOnly,
+  be as toDateTimeString,
+  me as toTimeOnly,
+  ge as unsetNested,
+  de as updateItemInStore,
+  ye as validate
+};

package/dist/plugin/vue.cjs.js

@@ -0,0 +1 @@
+"use strict";const e=require("../TabelData.vue_vue_type_style_index_0_scoped_76b9b7a6_lang-jjKlGR9H.cjs"),t=require("../TabelData-C_eyn6Uq.cjs"),l=require("../init.cjs.js"),p=Object.freeze(Object.defineProperty({__proto__:null,AlertApp:t.AlertApp,ArrayObjectInput:e.ArrayObjectInput,BaseImage:t.BaseImage,BaseLabel:t.BaseLabel,ColorInput:e.ColorInput,DateInput:e.DateInput,DateTimeInput:e.DateTimeInput,EmailInput:e.EmailInput,FieldDetailRenderer:t.FieldDetailRenderer,FileArrayInput:e.FileArrayInput,FileInput:e.FileInput,FormFieldRenderer:e._sfc_main,FormModal:e.FormModal,GroupRendererInput:e.GroupRendererInput,ImageArrayInput:e.ImageArrayInput,ImageInput:e.ImageInput,ImagePreview:t.ImagePreview,Loader:e.Loader,ModalDetailData:t.ModalDetailData,NumberInput:e.NumberInput,ObjectInput:e.ObjectInput,PasswordInput:e.PasswordInput,SafeHtml:t._sfc_main,SelectedOptions:e.SelectedOptions,TabelData:t.TabelData,TagInput:e.TagInput,TextAreaInput:e.TextAreaInput,TextAreaQuillInput:e.TextAreaQuillInput,TextInput:e.TextInput,TimeInput:e.TimeInput,ToggleInput:e.ToggleInput,Tooltip:e.Tooltip,UrlInput:e.UrlInput,WarningForm:t.WarningForm},Symbol.toStringTag,{value:"Module"})),o={install(u,a){for(const r in p){const n=p[r];n&&(n.name||n.__name)&&u.component(r,n)}a&&l(a)}};module.exports=o;

package/dist/plugin/vue.es.js

@@ -0,0 +1,51 @@
+import { A as r, C as o, D as p, a as i, E as l, b as m, c as u, _ as I, F as c, G as d, I as f, d as g, L as T, N as _, O as b, P as A, S as F, e as D, f as y, g as O, h as j, i as S, j as x, T as M, U as P } from "../TabelData.vue_vue_type_style_index_0_scoped_76b9b7a6_lang-Dtm1AO8H.js";
+import { A as B, B as C, a as L, F as R, I as v, M as w, _ as z, T as E, W as G } from "../TabelData-fKFaSnkC.js";
+import N from "../init.es.js";
+const s = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  AlertApp: B,
+  ArrayObjectInput: r,
+  BaseImage: C,
+  BaseLabel: L,
+  ColorInput: o,
+  DateInput: p,
+  DateTimeInput: i,
+  EmailInput: l,
+  FieldDetailRenderer: R,
+  FileArrayInput: m,
+  FileInput: u,
+  FormFieldRenderer: I,
+  FormModal: c,
+  GroupRendererInput: d,
+  ImageArrayInput: f,
+  ImageInput: g,
+  ImagePreview: v,
+  Loader: T,
+  ModalDetailData: w,
+  NumberInput: _,
+  ObjectInput: b,
+  PasswordInput: A,
+  SafeHtml: z,
+  SelectedOptions: F,
+  TabelData: E,
+  TagInput: D,
+  TextAreaInput: y,
+  TextAreaQuillInput: O,
+  TextInput: j,
+  TimeInput: S,
+  ToggleInput: x,
+  Tooltip: M,
+  UrlInput: P,
+  WarningForm: G
+}, Symbol.toStringTag, { value: "Module" })), k = {
+  install(n, e) {
+    for (const t in s) {
+      const a = s[t];
+      a && (a.name || a.__name) && n.component(t, a);
+    }
+    e && N(e);
+  }
+};
+export {
+  k as default
+};

package/dist/types/components/Form/FormFieldRenderer.vue.d.ts

@@ -0,0 +1,23 @@
+import { Field, Errors, SupportedLanguage, FormData } from '../../configs';
+type __VLS_Props = {
+    field: Field;
+    fieldKey: string;
+    formData: FormData;
+    errors: Errors;
+    isUpdate?: boolean;
+    lang: SupportedLanguage;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "push:errors": (message: string, key: string) => any;
+    "remove:errors": (key: string) => any;
+    "update:model-value": (val: any, key: string) => any;
+    "selected-option-change": (val: string | null, key: string) => any;
+    "multi-selected-change": (val: string[], key: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onPush:errors"?: ((message: string, key: string) => any) | undefined;
+    "onRemove:errors"?: ((key: string) => any) | undefined;
+    "onUpdate:model-value"?: ((val: any, key: string) => any) | undefined;
+    "onSelected-option-change"?: ((val: string | null, key: string) => any) | undefined;
+    "onMulti-selected-change"?: ((val: string[], key: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/types/components/Form/FormModal.vue.d.ts

@@ -0,0 +1,11 @@
+import { FromModalProps } from '../../configs/types';
+declare const _default: import('vue').DefineComponent<FromModalProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    submit: (value: Record<string, any>) => any;
+    cancel: () => any;
+    DataChildRemove: (value: number[]) => any;
+}, string, import('vue').PublicProps, Readonly<FromModalProps> & Readonly<{
+    onSubmit?: ((value: Record<string, any>) => any) | undefined;
+    onCancel?: (() => any) | undefined;
+    onDataChildRemove?: ((value: number[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/components/Form/composables/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useFormFieldRenderer';
+export * from './useFormModal';

package/dist/types/components/Form/composables/useFormFieldRenderer.d.ts

@@ -0,0 +1,22 @@
+import { Ref, ComputedRef } from 'vue';
+import { Field, Errors, FormData, GlobalDefaultText, SupportedLanguage } from '../../../configs';
+interface FormFieldRendererProps {
+    field: Field;
+    fieldKey: string;
+    formData: FormData;
+    errors: Errors;
+    lang?: SupportedLanguage;
+}
+interface FormFieldRendererComposable {
+    label: ComputedRef<string>;
+    labels: Ref<GlobalDefaultText>;
+    removedItems: Ref<number[]>;
+    handlers: {
+        pushError: (message: string | string[], key: string) => void;
+        removeError: (key: string) => void;
+        removeChildData: (items: number[]) => void;
+    };
+    mergeNumberArrays: (arrayA: number[], arrayB: number[]) => number[];
+}
+export declare function useFormFieldRenderer<TEmit extends (event: any, ...args: any[]) => void>(props: FormFieldRendererProps, emit: TEmit): FormFieldRendererComposable;
+export {};

package/dist/types/components/Form/composables/useFormModal.d.ts

@@ -0,0 +1,19 @@
+import { Ref, ComputedRef } from 'vue';
+import { Schema, Errors, FormData, FromModalProps, GlobalDefaultText } from '../../../configs/types';
+interface FormModalComposable {
+    formData: Ref<FormData>;
+    errors: Ref<Errors>;
+    hasChanges: ComputedRef<boolean>;
+    seletedOption: Ref<Record<string, string | null>>;
+    multiSelected: Ref<Record<string, string[]>>;
+    DataChildRemove: Ref<number[]>;
+    isSubmitting: Ref<boolean>;
+    initializeFormData: (schema: Schema) => void;
+    validate: () => boolean;
+    handleSubmit: () => void;
+    handleCancel: () => void;
+    pushInputValidateErrorMessage: (message: string | string[], key: string) => void;
+    deleteInputValidateErrorMessage: (key: string) => void;
+}
+export declare function useFormModal<TEmit extends (event: any, ...args: any[]) => void>(options: FromModalProps, emit: TEmit, loader?: any, ShowAlert?: Function, labels?: GlobalDefaultText): FormModalComposable;
+export {};

package/dist/types/components/Form/index.d.ts

@@ -0,0 +1,2 @@
+export { default as FormModal } from './FormModal.vue';
+export { default as FormFieldRenderer } from './FormFieldRenderer.vue';

package/dist/types/components/Tabel/TabelData.vue.d.ts

@@ -0,0 +1,62 @@
+import { Alert } from '../UI/Feedback/AlertApp.vue';
+import { FormData, TabelDataProperty, Item } from '../../configs/types';
+type __VLS_Props = TabelDataProperty<Item>;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    create: () => any;
+    delete: (value: number) => any;
+    deleteMany: (value: number[]) => any;
+    edit: (value: FormData, id: string | number) => any;
+    show: (value: FormData, id: string | number) => any;
+    refreshData: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCreate?: (() => any) | undefined;
+    onDelete?: ((value: number) => any) | undefined;
+    onDeleteMany?: ((value: number[]) => any) | undefined;
+    onEdit?: ((value: FormData, id: string | number) => any) | undefined;
+    onShow?: ((value: FormData, id: string | number) => any) | undefined;
+    onRefreshData?: (() => any) | undefined;
+}>, {
+    keys: import('../..').DataKeyConfig;
+    validation: import('../..').TabelValidationSchema<Item>;
+    feature: import('../..').TabelFeatureToggles;
+    pagination: import('../..').TabelPagination;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    loader: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{
+        onError?: (() => any) | undefined;
+        onSuccess?: (() => any) | undefined;
+    }>, {
+        show: (type?: "error" | "success" | "loading", msg?: string) => void;
+        hide: () => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        error: () => any;
+        success: () => any;
+    }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{
+        onError?: (() => any) | undefined;
+        onSuccess?: (() => any) | undefined;
+    }>, {
+        show: (type?: "error" | "success" | "loading", msg?: string) => void;
+        hide: () => void;
+    }, {}, {}, {}, {}> | null;
+    alert: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
+        addAlert: (alert: Alert) => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        alertRefs: HTMLDivElement[];
+    }, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{}>, {
+        addAlert: (alert: Alert) => void;
+    }, {}, {}, {}, {}> | null;
+}, HTMLDivElement>;
+export default _default;

package/dist/types/components/Tabel/composables/index.d.ts

@@ -0,0 +1,4 @@
+export * from './useDataNormalization';
+export * from './useDisplayHelpers';
+export * from './useFormHandling';
+export * from './useTableLogic';

package/dist/types/components/Tabel/composables/useDataNormalization.d.ts

@@ -0,0 +1,7 @@
+import { Field } from '../../../configs/types';
+export declare function normalizeDataForForm(data: Record<string, any>, schema: Record<string, any>, isUpdate?: number | null, idKey?: string | number | null): Promise<Record<string, any>>;
+export declare function normalizeDataForDetail(data: Record<string, any>, schema: Record<string, any>): Promise<Record<string, any>>;
+export declare function normalizeOptionGroupSchemaDetail(data: Record<string, any>, schemaGroup: Record<string, any>[]): Promise<Record<string, any>>;
+export declare function normalizeFieldValue(value: any, field: Field): any;
+export declare function normalizeData(obj: any): any;
+export declare function mergeWithDefaults<T>(defaults: T, override?: Partial<T>): T;

package/dist/types/components/Tabel/composables/useDisplayHelpers.d.ts

@@ -0,0 +1,8 @@
+import { Item } from '../../../configs/types';
+export declare function isImage(value: any): boolean;
+export declare function getImageSource(value: any): string;
+export declare function isImageArray(value: any): boolean;
+export declare function isColorArray(value: any): boolean;
+export declare function isColor(value: any): boolean;
+export declare function isHtml(value: string): boolean;
+export declare function displayItem(item: Item): Record<string, any>;

package/dist/types/components/Tabel/composables/useFormHandling.d.ts

@@ -0,0 +1,23 @@
+import { Ref } from 'vue';
+import { Item, TabelDataConfig, FormData, GlobalDefaultText } from '../../../configs/types';
+export declare function useFormHandling<TEmit extends (event: any, ...args: any[]) => void>(props: TabelDataConfig<Item>, emit: TEmit, setUpData: Function, loader: Ref<any>, ShowAlert: Function, labels: GlobalDefaultText, GetDataById: Function, refs: {
+    selectedItems: any;
+    idData: Ref<string | number | null>;
+    isUpdate: Ref<number | null>;
+    FormModalOpen: Ref<boolean>;
+    detailItemModal: Ref<boolean>;
+    dataChildDelete: Ref<number[] | null>;
+    showWarningModel: Ref<boolean>;
+    showWarningModelSelected: Ref<boolean>;
+}): {
+    initialData: Ref<Record<string, any>, Record<string, any>>;
+    openEditModal: (id: number | string) => Promise<void>;
+    openCreateModal: () => void;
+    openShowModal: (id: string | number) => Promise<void>;
+    openWarningDeleteData: (id: string | number) => void;
+    openWarningDeleteSelectedData: () => void;
+    closeModal: () => void;
+    submitFormData: (formData: FormData) => Promise<void>;
+    DeleteData: (id: string | number, endPointDelete?: string, deleteValidation?: Record<string, any>, DB_NAME?: string, deleteDataDB?: boolean) => Promise<void>;
+    DeleteSeletedData: (ids: (string | number)[], endPointDeleteMany?: string, deleteManyValidation?: Record<string, any>, DB_NAME?: string, deleteDataDB?: boolean) => Promise<any>;
+};

package/dist/types/components/Tabel/composables/useTableLogic.d.ts

@@ -0,0 +1,35 @@
+import { Ref } from 'vue';
+import { Item, TabelDataConfig, GlobalDefaultText } from '../../../configs/types';
+export declare function useTableLogic<TEmit extends (event: any, ...args: any[]) => void>(props: TabelDataConfig<Item>, emit: TEmit, loader: Ref<any>, labels: GlobalDefaultText): {
+    searchQuery: Ref<string, string>;
+    currentPage: Ref<number, number>;
+    selectedItems: Ref<(string | number)[], (string | number)[]>;
+    selectAll: Ref<boolean, boolean>;
+    showWarningModel: Ref<boolean, boolean>;
+    showWarningModelSelected: Ref<boolean, boolean>;
+    idData: Ref<string | number | null, string | number | null>;
+    sortField: Ref<string | null, string | null>;
+    sortDirection: Ref<"desc" | "asc", "desc" | "asc">;
+    FormModalOpen: Ref<boolean, boolean>;
+    detailItemModal: Ref<boolean, boolean>;
+    isUpdate: Ref<number | null, number | null>;
+    dataChildDelete: Ref<number[] | null, number[] | null>;
+    selectedItem: import('vue').ComputedRef<Item>;
+    selectedItemNames: import('vue').ComputedRef<any>;
+    filteredData: import('vue').ComputedRef<Item[]>;
+    paginatedData: import('vue').ComputedRef<Item[]>;
+    totalPages: import('vue').ComputedRef<number>;
+    visiblePages: import('vue').ComputedRef<(number | "...")[]>;
+    toggleAll: () => void;
+    sortBy: (field: string) => void;
+    prevPage: () => void;
+    nextPage: () => void;
+    summarizeValue: (val: any) => string;
+    setUpData: () => Promise<void>;
+    getValueByPath: (obj: any, path: string) => any;
+    toTitleCase: (str: string) => string;
+    GetDataById: <T extends {
+        id: string | number;
+        [key: string]: any;
+    }>(list: T[], id: string | number) => Promise<T | undefined>;
+};