@fewangsit/wangsvue-fats 1.0.1-alpha.4 → 1.0.1-alpha.41

package/plugins/WangsVue.es.js

@@ -0,0 +1,346 @@
+import { inject as c } from "vue";
+import { x as m } from "../vendor/@wangs-ui/vue/dist/index.es.js";
+import { d as p } from "../utils/object.util.es.js";
+import { P as g } from "../vendor/primevue/config/config.esm.es.js";
+const h = {
+  startsWith: "Starts with",
+  contains: "Contains",
+  notContains: "Not contains",
+  endsWith: "Ends with",
+  equals: "Equals",
+  notEquals: "Not equals",
+  noFilter: "No Filter",
+  lt: "Less than",
+  lte: "Less than or equal to",
+  gt: "Greater than",
+  gte: "Greater than or equal to",
+  dateIs: "Date is",
+  dateIsNot: "Date is not",
+  dateBefore: "Date is before",
+  dateAfter: "Date is after",
+  clear: "Clear",
+  apply: "Apply",
+  matchAll: "Match All",
+  matchAny: "Match Any",
+  addRule: "Add Rule",
+  removeRule: "Remove Rule",
+  accept: "Yes",
+  reject: "No",
+  choose: "Choose",
+  upload: "Upload",
+  cancel: "Cancel",
+  completed: "Completed",
+  pending: "Pending",
+  fileSizeTypes: ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"],
+  monthNames: [
+    "Januari",
+    "Februari",
+    "Maret",
+    "April",
+    "Mei",
+    "Juni",
+    "Juli",
+    "Agustus",
+    "September",
+    "Oktober",
+    "November",
+    "Desember"
+  ],
+  monthNamesShort: [
+    "Jan",
+    "Feb",
+    "Mar",
+    "Apr",
+    "Mei",
+    "Jun",
+    "Jul",
+    "Agu",
+    "Sep",
+    "Okt",
+    "Nov",
+    "Des"
+  ],
+  dayNames: ["Minggu", "Senin", "Selasa", "Rabu", "Kamis", "Jumat", "Sabtu"],
+  dayNamesShort: ["Min", "Sen", "Sel", "Rab", "Kam", "Jum", "Sab"],
+  dayNamesMin: ["Mi", "Se", "Se", "Ra", "Ka", "Ju", "Sa"],
+  chooseYear: "Choose Year",
+  chooseMonth: "Choose Month",
+  chooseDate: "Choose Date",
+  prevDecade: "Previous Decade",
+  nextDecade: "Next Decade",
+  prevYear: "Previous Year",
+  nextYear: "Next Year",
+  prevMonth: "Previous Month",
+  nextMonth: "Next Month",
+  prevHour: "Previous Hour",
+  nextHour: "Next Hour",
+  prevMinute: "Previous Minute",
+  nextMinute: "Next Minute",
+  prevSecond: "Previous Second",
+  nextSecond: "Next Second",
+  pm: "PM",
+  am: "AM",
+  today: "Today",
+  weekHeader: "Wk",
+  firstDayOfWeek: 0,
+  showMonthAfterYear: !1,
+  dateFormat: "mm/dd/yy",
+  weak: "Weak",
+  medium: "Medium",
+  strong: "Strong",
+  passwordPrompt: "Enter a password",
+  emptyFilterMessage: "No results found",
+  // @deprecated Use 'emptySearchMessage' option instead.
+  searchMessage: "{0} results are available",
+  selectionMessage: "{0} items selected",
+  emptySelectionMessage: "No selected item",
+  emptySearchMessage: "No results found",
+  emptyMessage: "No available options",
+  aria: {
+    trueLabel: "True",
+    falseLabel: "False",
+    nullLabel: "Not Selected",
+    star: "1 star",
+    stars: "{star} stars",
+    selectAll: "All items selected",
+    unselectAll: "All items unselected",
+    close: "Close",
+    previous: "Previous",
+    next: "Next",
+    navigation: "Navigation",
+    scrollTop: "Scroll Top",
+    moveTop: "Move Top",
+    moveUp: "Move Up",
+    moveDown: "Move Down",
+    moveBottom: "Move Bottom",
+    moveToTarget: "Move to Target",
+    moveToSource: "Move to Source",
+    moveAllToTarget: "Move All to Target",
+    moveAllToSource: "Move All to Source",
+    pageLabel: "Page {page}",
+    firstPageLabel: "First Page",
+    lastPageLabel: "Last Page",
+    nextPageLabel: "Next Page",
+    prevPageLabel: "Previous Page",
+    rowsPerPageLabel: "Rows per page",
+    jumpToPageDropdownLabel: "Jump to Page Dropdown",
+    jumpToPageInputLabel: "Jump to Page Input",
+    selectRow: "Row Selected",
+    unselectRow: "Row Unselected",
+    expandRow: "Row Expanded",
+    collapseRow: "Row Collapsed",
+    showFilterMenu: "Show Filter Menu",
+    hideFilterMenu: "Hide Filter Menu",
+    filterOperator: "Filter Operator",
+    filterConstraint: "Filter Constraint",
+    editRow: "Row Edit",
+    saveEdit: "Save Edit",
+    cancelEdit: "Cancel Edit",
+    listView: "List View",
+    gridView: "Grid View",
+    slide: "Slide",
+    slideNumber: "{slideNumber}",
+    zoomImage: "Zoom Image",
+    zoomIn: "Zoom In",
+    zoomOut: "Zoom Out",
+    rotateRight: "Rotate Right",
+    rotateLeft: "Rotate Left",
+    listLabel: "Option List"
+  }
+}, u = {
+  locale: {
+    global: h,
+    components: {
+      FieldWrapper: {
+        labelOptional: "(opsional)",
+        labelRequired: "*"
+      },
+      InputText: {
+        urlFormatInvalidText: "Format URL tidak valid",
+        emailFormatInvalidText: "Format email tidak valid",
+        defaultPlaceholder: "Tulis {label}",
+        alreadyExistInvalidText: "{label} sudah ada",
+        emptyInvalidText: "{label} harus diisi",
+        exceedMaxLengthInvalidText: "Maks. {maxLength} karakter",
+        includeSpecialCharsInvalidText: "Tidak boleh berisi spesial karakter"
+      },
+      DialogConfirm: {
+        nonActionableCloseButtonLabel: "Tutup",
+        actionableCloseButtonLabel: "Batal",
+        defaultConfirmMessage: "Apa kamu yakin?",
+        defaultConfirmLabel: "Yakin"
+      },
+      CustomColumn: {
+        resetDefaultText: "Atur Ulang ke Default"
+      },
+      ButtonSearch: {
+        searchPlaceholder: "Cari"
+      },
+      FilterContainer: {
+        applyText: "Terapkan",
+        clearFieldText: "Bersihkan Field"
+      },
+      MultiSelect: {
+        filterPlaceholder: "Cari",
+        loadingPlaceholder: "Memuat...",
+        inputPlaceholder: "Pilih {lowercaseLabel}",
+        emptySelectionErrorMessage: "{label} harus dipilih"
+      },
+      Dropdown: {
+        filterPlaceholder: "Cari",
+        loadingPlaceholder: "Memuat...",
+        inputPlaceholder: "Pilih {lowercaseLabel}",
+        emptySelectionErrorMessage: "{label} harus dipilih"
+      },
+      InputCurrency: {
+        emptyInputErrorMessage: "{label} harus diisi"
+      },
+      TextArea: {
+        defaultPlaceholder: "Tulis {label}",
+        emptyInvalidText: "{label} harus diisi",
+        exceedMaxLengthInvalidText: "Maks. {maxLength} karakter"
+      },
+      InputRangeNumber: {
+        minPlaceholder: "Tulis",
+        maxPlaceholder: "Tulis"
+      },
+      DialogForm: {
+        cancelBtnLabel: "Batal",
+        clearBtnLabel: "Bersihkan Field",
+        stayCheckboxLabel: "Tetap di halaman ini",
+        submitBtnLabel: "Simpan",
+        asideRightCollapsedButtonLabel: "Lihat data yang ada >",
+        asideRightExpandedButtonLabel: "Tutup <"
+      },
+      InputPhoneNumber: {
+        defaultPlaceholder: "Masukkan nomor telepon",
+        emptyInvalidText: "{label} harus diisi"
+      },
+      InputNumber: {
+        defaultPlaceholder: "Tulis {label}",
+        alreadyExistInvalidText: "{label} sudah ada",
+        emptyInvalidText: "{label} harus diisi"
+      },
+      Calendar: {
+        defaultPlaceholder: "Pilih tanggal",
+        emptyInvalidText: "Tanggal tidak boleh kosong",
+        cancelFooterButtonLabel: "Batal",
+        applyFooterButtonLabel: "Terapkan"
+      },
+      Menu: {
+        noOptionLabel: "Tidak ada aksi"
+      },
+      ButtonBulkAction: {
+        allRecordSelected: "All {naming} Selected",
+        selectAllRecords: "Select All ({totalRecords} data)",
+        currentSelectionMessage: "{length} {naming} Selected"
+      },
+      UserName: {
+        detailUserAnchorText: "User Detail"
+      },
+      DataTable: {
+        downloadingMessage: "Downloading...",
+        falseText: "No",
+        trueText: "Yes"
+      },
+      ButtonDownload: {
+        downloadingMessage: "Downloading...",
+        falseText: "No",
+        trueText: "Yes"
+      },
+      ImageCompressor: {
+        cropperCtrlScrollInfo: "Use Ctrl + Scroll to zoom the cropper",
+        cropperTwoFingerInfo: "Use two fingers to move the cropper",
+        cropDialogHeader: "Adjust Photo",
+        imageTypeRequirement: "Must be image format",
+        maxSizeRequirement: "Max. 1 MB",
+        cancelCropLabel: "Cancel",
+        applyCropLabel: "Apply",
+        changeImageLabel: "Change Image"
+      }
+    }
+  },
+  defaultProps: {
+    FieldWrapper: {
+      showOptionalText: !0,
+      showAsterisk: !1,
+      tooltipPos: "top"
+    },
+    Tree: {
+      type: "category",
+      filter: ""
+    },
+    InputText: {
+      maxLength: 30
+    },
+    InputURL: {
+      maxLength: void 0
+      // Unlimited
+    },
+    InputEmail: {
+      maxLength: 60
+    },
+    ButtonBulkAction: {
+      selectMenuType: "overlay-panel",
+      naming: "Data"
+    },
+    Animation: {
+      libPath: "workspace"
+    },
+    TagType: {
+      useNfc: !0
+    },
+    UserName: {
+      showUserName: !0,
+      formatUserName: !0
+    }
+  }
+}, d = Symbol("WangsVue"), x = (t) => {
+  const l = c(d);
+  if (!l)
+    throw new Error("WangsVue is not installed!");
+  return t ? l.getComponentConfig(t) : l.config;
+}, b = (t, l) => p(t, l), P = (t = u, l = !0) => {
+  const r = l ? b(u, t) : t;
+  return {
+    install: (o, e) => {
+      var s;
+      const a = {
+        ...r,
+        ...e,
+        preset: e.preset ?? e.pt,
+        locale: {
+          ...r.locale,
+          ...e == null ? void 0 : e.locale,
+          components: {
+            ...r.locale.components,
+            ...((s = e == null ? void 0 : e.locale) == null ? void 0 : s.components) || {}
+          }
+        },
+        defaultProps: {
+          ...r.defaultProps,
+          ...(e == null ? void 0 : e.defaultProps) || {}
+        },
+        useToastConfig: r.useToastConfig
+      }, n = {
+        config: a,
+        getComponentConfig: (i) => ({
+          defaultProps: a.defaultProps[i] || {},
+          locale: {
+            ...a.locale.components[i] || {},
+            global: a.locale.global
+          }
+        })
+      };
+      o.config.globalProperties.$wangsvue = n, o.config.globalProperties.$preset = n.config.preset, o.provide(d, n), o.provide("preset", a.preset), o.provide("useToastConfig", a.useToastConfig), o.use(g, {
+        unstyled: !0,
+        pt: a.preset,
+        locale: a.locale.global
+      }), o.use(m);
+    }
+  };
+};
+export {
+  P as c,
+  x as u
+};

package/plugins/basei18n.d.ts

@@ -0,0 +1,103 @@
+import { AxiosResponse } from 'axios';
+import { App, Ref } from 'vue';
+export type Locale = string;
+export interface LanguageOption {
+  /**
+   * ISO 639-1 language code (e.g., "en" for English, "fr" for French).
+   */
+  isoCode?: string;
+  /**
+   * The name of the language in English (e.g., "English", "Français").
+   */
+  name: string;
+  /**
+   * The URL of the country's flag image.
+   * Flags are sourced from https://flagcdn.com and are typically in SVG format for high-quality resolution.
+   */
+  flag?: string;
+}
+export interface I18n {
+  /**
+   * Locale message translation
+   *
+   * @param key - The translation key
+   * @param params - A values of named interpolation
+   * @param args - Positional interpolation values
+   *
+   * @returns translation message
+   * @example `t('Hello {user}!', { user: 'John Doe' })` - returns: 'Hello John Doe!'
+   * @example `t('Hello %s! I am %s.', "John Doe", "Peter Smith")` - returns: 'Hello John Doe! I am Peter Smith.'
+   */
+  t: {
+    (key: string, params: Record<string, any>): string;
+    (key: string, ...args: (string | number | boolean)[]): string;
+  };
+  /**
+   * Change the locale dynamically
+   *
+   * @param newLocale - The locale to switch to
+   */
+  setLocale: (newLocale: Locale) => Promise<void>;
+  /**
+   * Get the current locale
+   *
+   * @returns Current locale
+   */
+  locale: Ref<Locale>;
+  /**
+   * Service methods handle fetch requests
+   */
+  service?: I18nService;
+}
+type MessageMap = Record<string, string>;
+export interface I18nService {
+  /**
+   * Fetch all translation messages for a specific locale.
+   * @param locale The locale code (e.g., 'en', 'id').
+   * @returns A promise resolving to a key-value record of messages.
+   */
+  getMessages(locale: string): Promise<
+    AxiosResponse<{
+      data: MessageMap;
+    }>
+  >;
+  /**
+   * Fetch all available lang options for LanguageDropdown and LanguageSwitcher
+   *
+   * @returns Promise Array of options
+   */
+  getLanguageOptions(): Promise<LanguageOption[]>;
+  /**
+   * Fetch single lang option meta data
+   *
+   * @param locale The locale code (e.g., 'en', 'id').
+   * @returns Promise LanguageMeta
+   */
+  getLanguageOptionMeta(locale: string): Promise<LanguageOption>;
+  /**
+   * Translate a specific text to the target locale.
+   * @param key Unique translation key.
+   * @param locale Target locale code.
+   * @returns A promise resolving to the translated string.
+   */
+  translateText(key: string, locale: string): Promise<string>;
+}
+export declare const useI18n: () => I18n;
+declare const i18n: {
+  install: (app: App) => void;
+};
+export declare const createI18nWithExtension: (
+  service: I18nService,
+) => typeof i18n;
+export default i18n;
+declare module 'vue' {
+  interface ComponentCustomProperties {
+    $i18n: I18n;
+    $t: I18n['t'];
+  }
+}
+declare global {
+  interface Window {
+    i18n: I18n;
+  }
+}

package/plugins/basei18n.es.js

@@ -0,0 +1,89 @@
+import { shallowRef as m, shallowReactive as P, inject as I } from "vue";
+import { u as M } from "../assetinfo/index.es.js";
+import { s as b, g as y } from "../utils/cookie.util.es.js";
+const s = m(), u = "messages";
+let o;
+const f = () => {
+  try {
+    const e = localStorage.getItem(u);
+    return e ? JSON.parse(e) : {};
+  } catch {
+    return {};
+  }
+}, i = P(f()), r = new Proxy(i, {
+  get: (e, t) => {
+    const l = f()[t];
+    return i[t] = l, l;
+  },
+  set: (e, t, n) => (i[t] = n, x(i), !0)
+}), x = (e) => {
+  localStorage.setItem(u, JSON.stringify(e));
+}, A = async (e) => {
+  var t;
+  if (!(e in r)) {
+    const { setLoading: n } = M();
+    n(!0, "Loading language package...");
+    let l = {};
+    try {
+      const { data: c } = await (((t = o == null ? void 0 : o.getMessages) == null ? void 0 : t.call(o, e)) ?? {});
+      l = c.data;
+    } catch {
+    } finally {
+      n(!1);
+    }
+    return l;
+  }
+  return r[e];
+}, d = (e, ...t) => {
+  var c;
+  if (!s.value && !y("lang")) return e;
+  let n = (c = r[s.value]) == null ? void 0 : c[e];
+  const l = n === e && s.value !== "en";
+  if ((!n || l) && (n = e, o == null || o.translateText(e, s.value).then((a) => {
+    r[s.value] ? r[s.value] = {
+      ...r[s.value],
+      [e]: a
+    } : r[s.value] = {
+      [e]: a
+    };
+  }).catch((a) => {
+    console.error("Translation error:", a);
+  })), t.length === 1 && typeof t[0] == "object" && !Array.isArray(t[0])) {
+    const a = t[0];
+    return Object.keys(a).reduce(
+      (h, g) => h.replaceAll(`{${g}}`, a[g]),
+      n
+    );
+  }
+  if (t.length > 0) {
+    let a = 0;
+    return n.replace(/%s/g, () => String(t[a++] ?? ""));
+  }
+  return n;
+}, v = async (e) => {
+  if (s.value !== e) {
+    const t = await A(e);
+    s.value = e, r[e] = t, b({ name: "lang", value: s.value, path: "/" });
+  }
+}, E = () => (I("i18n") || console.error("I18n Plugin not installed!"), {
+  t: d,
+  locale: s,
+  setLocale: v,
+  service: o
+}), O = () => {
+  const e = {
+    t: d,
+    locale: s,
+    setLocale: v,
+    service: o
+  };
+  return {
+    install(t) {
+      t.config.globalProperties.$i18n = e, t.config.globalProperties.$t = e.t, t.provide("i18n", e);
+    }
+  };
+}, R = (e) => (o = e, O());
+export {
+  R as c,
+  E as u
+};

package/plugins/formValidation.es.js

@@ -0,0 +1,15 @@
+import { a as u, u as a } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
+const l = () => {
+  const { values: e, handleSubmit: s, setValues: t, setFieldValue: o, errors: r } = u();
+  return {
+    values: e,
+    handleSubmit: s,
+    setValues: t,
+    setFieldValue: o,
+    errors: r
+  };
+}, c = (e, s, t) => a(e, s, t);
+export {
+  c as a,
+  l as u
+};

package/plugins/i18n.d.ts

@@ -1,103 +1,5 @@
-import { AxiosResponse } from 'axios';
-import { App, Ref } from 'vue';
-export type Locale = string;
-export interface LanguageOption {
-  /**
-   * ISO 639-1 language code (e.g., "en" for English, "fr" for French).
-   */
-  isoCode?: string;
-  /**
-   * The name of the language in English (e.g., "English", "Français").
-   */
-  name: string;
-  /**
-   * The URL of the country's flag image.
-   * Flags are sourced from https://flagcdn.com and are typically in SVG format for high-quality resolution.
-   */
-  flag?: string;
-}
-export interface I18n {
-  /**
-   * Locale message translation
-   *
-   * @param key - The translation key
-   * @param params - A values of named interpolation
-   * @param args - Positional interpolation values
-   *
-   * @returns translation message
-   * @example `t('Hello {user}!', { user: 'John Doe' })` - returns: 'Hello John Doe!'
-   * @example `t('Hello %s! I am %s.', "John Doe", "Peter Smith")` - returns: 'Hello John Doe! I am Peter Smith.'
-   */
-  t: {
-    (key: string, params: Record<string, any>): string;
-    (key: string, ...args: (string | number | boolean)[]): string;
-  };
-  /**
-   * Change the locale dynamically
-   *
-   * @param newLocale - The locale to switch to
-   */
-  setLocale: (newLocale: Locale) => Promise<void>;
-  /**
-   * Get the current locale
-   *
-   * @returns Current locale
-   */
-  locale: Ref<Locale>;
-  /**
-   * Service methods handle fetch requests
-   */
-  service?: I18nService;
-}
-type MessageMap = Record<string, string>;
-export interface I18nService {
-  /**
-   * Fetch all translation messages for a specific locale.
-   * @param locale The locale code (e.g., 'en', 'id').
-   * @returns A promise resolving to a key-value record of messages.
-   */
-  getMessages(locale: string): Promise<
-    AxiosResponse<{
-      data: MessageMap;
-    }>
-  >;
-  /**
-   * Fetch all available lang options for LanguageDropdown and LanguageSwitcher
-   *
-   * @returns Promise Array of options
-   */
-  getLanguageOptions(): Promise<LanguageOption[]>;
-  /**
-   * Fetch single lang option meta data
-   *
-   * @param locale The locale code (e.g., 'en', 'id').
-   * @returns Promise LanguageMeta
-   */
-  getLanguageOptionMeta(locale: string): Promise<LanguageOption>;
-  /**
-   * Translate a specific text to the target locale.
-   * @param key Unique translation key.
-   * @param locale Target locale code.
-   * @returns A promise resolving to the translated string.
-   */
-  translateText(key: string, locale: string): Promise<string>;
-}
-export declare const useI18n: () => I18n;
-declare const i18n: {
-  install: (app: App) => void;
+export type * from '../plugins/basei18n';
+export { useI18n } from '../plugins/basei18n';
+export declare const i18n: {
+  install: (app: import('vue').App) => void;
 };
-export declare const createI18nWithExtension: (
-  service: I18nService,
-) => typeof i18n;
-export default i18n;
-declare module 'vue' {
-  interface ComponentCustomProperties {
-    $i18n: I18n;
-    $t: I18n['t'];
-  }
-}
-declare global {
-  interface Window {
-    i18n: I18n;
-  }
-}

package/plugins/i18n.es.js

@@ -0,0 +1,6 @@
+import { c as i } from "./basei18n.es.js";
+import { I18nService as o } from "@tagsamurai/fats-api-services";
+const e = i(o);
+export {
+  e as i
+};