@jsg-developer/vue-pack 0.0.4 → 0.0.5

package/dist/ArrayObject-Cb0A6NL-.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./resize-B2mDlzAG.cjs");exports.default=e._sfc_main$2;

package/dist/ArrayObject-G-w4_LdV.js

@@ -0,0 +1,4 @@
+import { b as f } from "./resize-DgY2sl-h.js";
+export {
+  f as default
+};

package/dist/ColorPicker-BOU6KGlX.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./resize-B2mDlzAG.cjs");exports.default=e._sfc_main$3;

package/dist/ColorPicker-_HBqDi2i.js

@@ -0,0 +1,4 @@
+import { c as f } from "./resize-DgY2sl-h.js";
+export {
+  f as default
+};

package/dist/ComboboxComponent-BKzDSOlW.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./resize-B2mDlzAG.cjs");exports.default=e._sfc_main$4;

package/dist/ComboboxComponent-dHzbOpla.js

@@ -0,0 +1,4 @@
+import { d as f } from "./resize-DgY2sl-h.js";
+export {
+  f as default
+};

package/dist/CurrencyInput-BkEubeqv.js

@@ -0,0 +1,4 @@
+import { e } from "./resize-DgY2sl-h.js";
+export {
+  e as default
+};

package/dist/CurrencyInput-BoLzCKBI.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./resize-B2mDlzAG.cjs");exports.default=e._sfc_main$5;

package/dist/DEPENDENCY-LICENSES.txt

@@ -1,96 +1 @@
-Name: zod
-Version: 4.3.5
-License: MIT
-Private: false
-Description: TypeScript-first schema declaration and validation library with static type inference
-Repository: git+https://github.com/colinhacks/zod.git
-Homepage: https://zod.dev
-Author: Colin McDonnell <zod@colinhacks.com>
-License Copyright:
-===
-
-MIT License
-
-Copyright (c) 2025 Colin McDonnell
-
-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.
-
----
-
-Name: lodash.isequal
-Version: 4.5.0
-License: MIT
-Private: false
-Description: The Lodash method `_.isEqual` exported as a module.
-Repository: undefined
-Homepage: https://lodash.com/
-Author: John-David Dalton <john.david.dalton@gmail.com> (http://allyoucanleet.com/)
-Contributors:
-  John-David Dalton <john.david.dalton@gmail.com> (http://allyoucanleet.com/)
-  Mathias Bynens <mathias@qiwi.be> (https://mathiasbynens.be/)
-License Copyright:
-===
-
-Copyright JS Foundation and other contributors <https://js.foundation/>
-
-Based on Underscore.js, copyright Jeremy Ashkenas,
-DocumentCloud and Investigative Reporters & Editors <http://underscorejs.org/>
-
-This software consists of voluntary contributions made by many
-individuals. For exact contribution history, see the revision history
-available at https://github.com/lodash/lodash
-
-The following license applies to all parts of this software except as
-documented below:
-
-====
-
-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.
-
-====
-
-Copyright and related rights for sample code are waived via CC0. Sample
-code is defined as all source code displayed within the prose of the
-documentation.
-
-CC0: http://creativecommons.org/publicdomain/zero/1.0/
-
-====
-
-Files located in the node_modules and vendor directories are externally
-maintained libraries used by this software which have their own
-licenses; we recommend you read them, as their terms may differ from the
-terms above.
+No third parties dependencies

package/dist/DateInput-BOmJIkVs.js

@@ -0,0 +1,4 @@
+import { g as f } from "./resize-DgY2sl-h.js";
+export {
+  f as default
+};

package/dist/DateInput-CkwXQGkB.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./resize-B2mDlzAG.cjs");exports.default=e._sfc_main$7;

package/dist/DateTimeInput-COgGqch6.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./DateTimeInput.vue_vue_type_script_setup_true_lang-PkNDbgK0.cjs");exports.default=e._sfc_main;

package/dist/DateTimeInput-Cy3evqKy.js

@@ -0,0 +1,4 @@
+import { _ as f } from "./DateTimeInput.vue_vue_type_script_setup_true_lang-T42eSMbp.js";
+export {
+  f as default
+};

package/dist/DateTimeInput.vue_vue_type_script_setup_true_lang-PkNDbgK0.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("vue"),g=require("./resize-B2mDlzAG.cjs");require("dompurify");require("lodash.isequal");require("zod");const T={class:"jsgd-w-full jsgd-relative jsgd-mb-4"},D=["for"],y={class:"jsgd-relative"},w=["id","value","disabled","min","max","placeholder"],V={key:0,class:"jsgd-text-sm jsgd-text-red-500 jsgd-mt-2 jsgd-animate-[fadeIn_300ms_ease-out] dark:jsgd-text-red-400"},M=e.defineComponent({__name:"DateTimeInput",props:{id:{type:String,default:()=>g.setUID()},label:{type:String,required:!0},placeholder:String,modelValue:{type:String,default:""},error:[String,Array],disabled:Boolean,validate:Object,lang:String,outputFormat:{type:String,default:"local-offset"}},emits:["update:modelValue","push:error","remove:error"],setup(n,{emit:b}){const t=n,k=e.inject("TableComponents",{labels:e.ref(g.defaultTextLabelsMap[t.lang??"en"])}).labels,j=b;function f(s){if(!s)return"";if(/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}$/.test(s))return s;if(/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}$/.test(s))return s.substring(0,16);try{const a=new Date(s);if(isNaN(a.getTime()))return"";const r=a.getFullYear(),d=(a.getMonth()+1).toString().padStart(2,"0"),i=a.getDate().toString().padStart(2,"0"),o=a.getHours().toString().padStart(2,"0"),l=a.getMinutes().toString().padStart(2,"0");return`${r}-${d}-${i}T${o}:${l}`}catch{return""}}const x=e.computed(()=>f(t.modelValue)),p=e.computed(()=>{if(t.validate){const s=t.validate,a=[];return s.minDateTime&&a.push(g.getMessage("dateTimeMin",{min:s.minDateTime},t.lang??"en")),s.maxDateTime&&a.push(g.getMessage("dateTimeMax",{max:s.maxDateTime},t.lang??"en")),a.join(`
+`)}return""}),c=e.ref([]);e.watch(()=>({val:t.modelValue,disabled:t.disabled,validate:t.validate}),({val:s,disabled:a,validate:r})=>{if(a){c.value=[];return}const d=[],i=f(s);if(r){const{minDateTime:o,maxDateTime:l}=r;if(i){const u=o?f(o):void 0,m=l?f(l):void 0;u&&i<u&&d.push(g.getMessage("dateTimeMin",{min:String(u)},t.lang??"en")),m&&i>m&&d.push(g.getMessage("dateTimeMax",{max:String(m)},t.lang??"en"))}}c.value=d,d.length?j("push:error",d,t.id):j("remove:error",t.id)},{deep:!0,immediate:!0});const v=e.computed(()=>t.placeholder??k?.value?.placeholder?.datetime??"");function h(s){if(t.disabled)return;const r=s.target.value;if(!r){j("update:modelValue","",t.id);return}const d=`${r}:00`,i=new Date(d);let o="";if(t.outputFormat==="utc")o=i.toISOString();else{const l=i.getTimezoneOffset(),u=Math.abs(l/60),m=Math.abs(l%60),S=`${l>0?"-":"+"}${String(u).padStart(2,"0")}:${String(m).padStart(2,"0")}`;o=`${d}${S}`}j("update:modelValue",o,t.id)}return(s,a)=>(e.openBlock(),e.createElementBlock("div",T,[e.createElementVNode("label",{for:n.id,class:e.normalizeClass(["jsgd-inline-flex jsgd-items-center jsgd-gap-2 jsgd-text-sm jsgd-font-medium jsgd-mb-2 jsgd-text-slate-900 jsgd-transition-colors jsgd-duration-200 dark:jsgd-text-slate-100",{"jsgd-text-red-500 dark:jsgd-text-red-400":c.value.length||n.error}])},[e.createTextVNode(e.toDisplayString(n.label)+" ",1),p.value?(e.openBlock(),e.createBlock(e.unref(g._sfc_main$1),{key:0,text:p.value,as:"strong"},{default:e.withCtx(()=>[...a[0]||(a[0]=[e.createTextVNode(" ❓",-1)])]),_:1},8,["text"])):e.createCommentVNode("",!0)],10,D),e.createElementVNode("div",y,[a[1]||(a[1]=e.createElementVNode("div",{class:"jsgd-absolute jsgd-right-3 jsgd-top-1/2 -jsgd-translate-y-1/2 jsgd-pointer-events-none jsgd-text-slate-500 dark:jsgd-text-slate-400"},[e.createElementVNode("span",{class:"jsgd-i-mdi-calendar-clock jsgd-w-5 jsgd-h-5"})],-1)),e.createElementVNode("input",{id:n.id,type:"datetime-local",value:x.value,disabled:n.disabled,min:t.validate?.minDateTime,max:t.validate?.maxDateTime,onInput:h,placeholder:v.value,class:e.normalizeClass(["jsgd-w-full jsgd-py-3 jsgd-px-4 jsgd-text-base jsgd-text-slate-900 jsgd-bg-white jsgd-border-1 jsgd-border-solid jsgd-border-slate-300 jsgd-rounded-lg jsgd-transition-all jsgd-duration-200 jsgd-box-border jsgd-appearance-none focus:jsgd-outline-none focus:jsgd-border-blue-500 focus:jsgd-ring-4 focus:jsgd-ring-blue-500/20 disabled:jsgd-bg-slate-100 disabled:jsgd-text-slate-500 disabled:jsgd-cursor-not-allowed dark:jsgd-bg-slate-800 dark:jsgd-text-slate-100 dark:jsgd-border-slate-600 dark:focus:jsgd-border-blue-400 dark:focus:jsgd-ring-blue-400/25 dark:disabled:jsgd-bg-slate-700 [color-scheme:light_dark] [&::-webkit-calendar-picker-indicator]:jsgd-opacity-0 [&::-webkit-calendar-picker-indicator]:jsgd-cursor-pointer [&::-webkit-calendar-picker-indicator]:jsgd-absolute [&::-webkit-calendar-picker-indicator]:jsgd-right-3 [&::-webkit-calendar-picker-indicator]:jsgd-top-1/2 [&::-webkit-calendar-picker-indicator]:-jsgd-translate-y-1/2 [&::-webkit-calendar-picker-indicator]:jsgd-w-6 [&::-webkit-calendar-picker-indicator]:jsgd-h-6",{"jsgd-border-red-400 focus:jsgd-ring-red-500/20 dark:jsgd-border-red-400 dark:focus:jsgd-ring-red-400/25":c.value.length||n.error}])},null,42,w)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(r,d)=>(e.openBlock(),e.createElementBlock("p",{key:d,class:"jsgd-text-sm jsgd-text-red-500 jsgd-mt-2 jsgd-animate-[fadeIn_300ms_ease-out] dark:jsgd-text-red-400"},e.toDisplayString(r),1))),128)),typeof t.error=="string"&&c.value.length===0?(e.openBlock(),e.createElementBlock("p",V,e.toDisplayString(n.error),1)):e.createCommentVNode("",!0)]))}});exports._sfc_main=M;

package/dist/DateTimeInput.vue_vue_type_script_setup_true_lang-T42eSMbp.js

@@ -0,0 +1,142 @@
+import { defineComponent as _, inject as C, ref as v, computed as x, watch as N, createElementBlock as p, openBlock as u, createElementVNode as m, createCommentVNode as S, normalizeClass as T, createTextVNode as w, createBlock as B, toDisplayString as k, unref as F, withCtx as z, Fragment as L, renderList as O } from "vue";
+import { U as E, z as H, a9 as b, a as U } from "./resize-DgY2sl-h.js";
+import "dompurify";
+import "lodash.isequal";
+import "zod";
+const q = { class: "jsgd-w-full jsgd-relative jsgd-mb-4" }, A = ["for"], P = { class: "jsgd-relative" }, Y = ["id", "value", "disabled", "min", "max", "placeholder"], G = {
+  key: 0,
+  class: "jsgd-text-sm jsgd-text-red-500 jsgd-mt-2 jsgd-animate-[fadeIn_300ms_ease-out] dark:jsgd-text-red-400"
+}, ee = /* @__PURE__ */ _({
+  __name: "DateTimeInput",
+  props: {
+    id: { type: String, default: () => E() },
+    label: { type: String, required: !0 },
+    placeholder: String,
+    modelValue: { type: String, default: "" },
+    error: [String, Array],
+    disabled: Boolean,
+    validate: Object,
+    lang: String,
+    outputFormat: {
+      type: String,
+      default: "local-offset"
+      // Jadikan 'local-offset' sebagai default
+    }
+  },
+  emits: ["update:modelValue", "push:error", "remove:error"],
+  setup(r, { emit: D }) {
+    const e = r, y = C("TableComponents", {
+      labels: v(H[e.lang ?? "en"])
+    }).labels, j = D;
+    function f(a) {
+      if (!a) return "";
+      if (/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}$/.test(a))
+        return a;
+      if (/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}$/.test(a))
+        return a.substring(0, 16);
+      try {
+        const t = new Date(a);
+        if (isNaN(t.getTime())) return "";
+        const d = t.getFullYear(), s = (t.getMonth() + 1).toString().padStart(2, "0"), n = t.getDate().toString().padStart(2, "0"), i = t.getHours().toString().padStart(2, "0"), o = t.getMinutes().toString().padStart(2, "0");
+        return `${d}-${s}-${n}T${i}:${o}`;
+      } catch {
+        return "";
+      }
+    }
+    const $ = x(() => f(e.modelValue)), h = x(() => {
+      if (e.validate) {
+        const a = e.validate, t = [];
+        return a.minDateTime && t.push(b("dateTimeMin", { min: a.minDateTime }, e.lang ?? "en")), a.maxDateTime && t.push(b("dateTimeMax", { max: a.maxDateTime }, e.lang ?? "en")), t.join(`
+`);
+      }
+      return "";
+    }), l = v([]);
+    N(
+      () => ({
+        val: e.modelValue,
+        disabled: e.disabled,
+        validate: e.validate
+      }),
+      ({ val: a, disabled: t, validate: d }) => {
+        if (t) {
+          l.value = [];
+          return;
+        }
+        const s = [], n = f(a);
+        if (d) {
+          const { minDateTime: i, maxDateTime: o } = d;
+          if (n) {
+            const g = i ? f(i) : void 0, c = o ? f(o) : void 0;
+            g && n < g && s.push(b("dateTimeMin", { min: String(g) }, e.lang ?? "en")), c && n > c && s.push(b("dateTimeMax", { max: String(c) }, e.lang ?? "en"));
+          }
+        }
+        l.value = s, s.length ? j("push:error", s, e.id) : j("remove:error", e.id);
+      },
+      { deep: !0, immediate: !0 }
+    );
+    const M = x(
+      () => e.placeholder ?? y?.value?.placeholder?.datetime ?? ""
+    );
+    function V(a) {
+      if (e.disabled) return;
+      const d = a.target.value;
+      if (!d) {
+        j("update:modelValue", "", e.id);
+        return;
+      }
+      const s = `${d}:00`, n = new Date(s);
+      let i = "";
+      if (e.outputFormat === "utc")
+        i = n.toISOString();
+      else {
+        const o = n.getTimezoneOffset(), g = Math.abs(o / 60), c = Math.abs(o % 60), I = `${o > 0 ? "-" : "+"}${String(g).padStart(2, "0")}:${String(c).padStart(2, "0")}`;
+        i = `${s}${I}`;
+      }
+      j("update:modelValue", i, e.id);
+    }
+    return (a, t) => (u(), p("div", q, [
+      m("label", {
+        for: r.id,
+        class: T(["jsgd-inline-flex jsgd-items-center jsgd-gap-2 jsgd-text-sm jsgd-font-medium jsgd-mb-2 jsgd-text-slate-900 jsgd-transition-colors jsgd-duration-200 dark:jsgd-text-slate-100", { "jsgd-text-red-500 dark:jsgd-text-red-400": l.value.length || r.error }])
+      }, [
+        w(k(r.label) + " ", 1),
+        h.value ? (u(), B(F(U), {
+          key: 0,
+          text: h.value,
+          as: "strong"
+        }, {
+          default: z(() => [...t[0] || (t[0] = [
+            w(" ❓", -1)
+          ])]),
+          _: 1
+        }, 8, ["text"])) : S("", !0)
+      ], 10, A),
+      m("div", P, [
+        t[1] || (t[1] = m("div", { class: "jsgd-absolute jsgd-right-3 jsgd-top-1/2 -jsgd-translate-y-1/2 jsgd-pointer-events-none jsgd-text-slate-500 dark:jsgd-text-slate-400" }, [
+          m("span", { class: "jsgd-i-mdi-calendar-clock jsgd-w-5 jsgd-h-5" })
+        ], -1)),
+        m("input", {
+          id: r.id,
+          type: "datetime-local",
+          value: $.value,
+          disabled: r.disabled,
+          min: e.validate?.minDateTime,
+          max: e.validate?.maxDateTime,
+          onInput: V,
+          placeholder: M.value,
+          class: T(["jsgd-w-full jsgd-py-3 jsgd-px-4 jsgd-text-base jsgd-text-slate-900 jsgd-bg-white jsgd-border-1 jsgd-border-solid jsgd-border-slate-300 jsgd-rounded-lg jsgd-transition-all jsgd-duration-200 jsgd-box-border jsgd-appearance-none focus:jsgd-outline-none focus:jsgd-border-blue-500 focus:jsgd-ring-4 focus:jsgd-ring-blue-500/20 disabled:jsgd-bg-slate-100 disabled:jsgd-text-slate-500 disabled:jsgd-cursor-not-allowed dark:jsgd-bg-slate-800 dark:jsgd-text-slate-100 dark:jsgd-border-slate-600 dark:focus:jsgd-border-blue-400 dark:focus:jsgd-ring-blue-400/25 dark:disabled:jsgd-bg-slate-700 [color-scheme:light_dark] [&::-webkit-calendar-picker-indicator]:jsgd-opacity-0 [&::-webkit-calendar-picker-indicator]:jsgd-cursor-pointer [&::-webkit-calendar-picker-indicator]:jsgd-absolute [&::-webkit-calendar-picker-indicator]:jsgd-right-3 [&::-webkit-calendar-picker-indicator]:jsgd-top-1/2 [&::-webkit-calendar-picker-indicator]:-jsgd-translate-y-1/2 [&::-webkit-calendar-picker-indicator]:jsgd-w-6 [&::-webkit-calendar-picker-indicator]:jsgd-h-6", {
+            "jsgd-border-red-400 focus:jsgd-ring-red-500/20 dark:jsgd-border-red-400 dark:focus:jsgd-ring-red-400/25": l.value.length || r.error
+          }])
+        }, null, 42, Y)
+      ]),
+      (u(!0), p(L, null, O(l.value, (d, s) => (u(), p("p", {
+        key: s,
+        class: "jsgd-text-sm jsgd-text-red-500 jsgd-mt-2 jsgd-animate-[fadeIn_300ms_ease-out] dark:jsgd-text-red-400"
+      }, k(d), 1))), 128)),
+      typeof e.error == "string" && l.value.length === 0 ? (u(), p("p", G, k(r.error), 1)) : S("", !0)
+    ]));
+  }
+});
+export {
+  ee as _
+};

package/dist/EmailInput-BFMPoqlz.js

@@ -0,0 +1,4 @@
+import { h as f } from "./resize-DgY2sl-h.js";
+export {
+  f as default
+};

package/dist/EmailInput-BH6wvnu5.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./resize-B2mDlzAG.cjs");exports.default=e._sfc_main$8;

package/dist/FileArrayInput-Cf_9Mrc6.js

@@ -0,0 +1,5 @@
+import { _ as m } from "./FileArrayInput.vue_vue_type_script_setup_true_lang-ChT-nLrY.js";
+import "./resize-DgY2sl-h.js";
+export {
+  m as default
+};

package/dist/FileArrayInput-Crgama_k.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./FileArrayInput.vue_vue_type_script_setup_true_lang-IBxome2w.cjs");require("./resize-B2mDlzAG.cjs");exports.default=e._sfc_main;

package/dist/FileArrayInput.vue_vue_type_script_setup_true_lang-ChT-nLrY.js

@@ -0,0 +1,198 @@
+import { defineComponent as D, inject as C, ref as y, computed as k, watch as R, createElementBlock as n, openBlock as r, createElementVNode as a, normalizeClass as w, createTextVNode as $, createBlock as K, createCommentVNode as F, toDisplayString as c, unref as _, withCtx as N, Fragment as L, renderList as A, normalizeStyle as P } from "vue";
+import { U as W, z as q, a9 as o, a as G } from "./resize-DgY2sl-h.js";
+import "dompurify";
+import "lodash.isequal";
+import "zod";
+const H = { class: "jsgd-w-full jsgd-mb-4" }, J = ["for"], O = {
+  key: 0,
+  class: "jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-mb-6"
+}, Q = { class: "jsgd-flex jsgd-items-center jsgd-gap-3 jsgd-min-w-0" }, X = { class: "jsgd-flex jsgd-flex-col jsgd-overflow-hidden" }, Y = { class: "jsgd-font-medium jsgd-text-slate-900 jsgd-truncate dark:jsgd-text-slate-100" }, Z = { class: "jsgd-text-xs jsgd-text-slate-500 dark:jsgd-text-slate-400" }, ee = ["onClick"], se = {
+  key: 1,
+  class: "jsgd-text-center jsgd-py-8 jsgd-px-4 jsgd-text-slate-400 jsgd-italic dark:jsgd-text-slate-500"
+}, te = { class: "jsgd-text-center jsgd-mt-4" }, de = ["id", "disabled"], le = ["for"], ae = ["disabled"], re = { class: "jsgd-mt-2 jsgd-flex jsgd-flex-col jsgd-gap-1" }, ce = /* @__PURE__ */ D({
+  __name: "FileArrayInput",
+  props: {
+    id: { default: W },
+    label: {},
+    modelValue: { default: () => [] },
+    disabled: { type: Boolean },
+    validate: {},
+    lang: {},
+    error: {}
+  },
+  emits: ["update:modelValue", "push:error", "remove:error"],
+  setup(g, { emit: U }) {
+    const e = g, j = U, v = C("TableComponents", {
+      labels: y(q[e.lang ?? "en"])
+    }).labels, m = C("TableComponents")?.ShowAlert, f = y([]), u = y([]), p = k(() => u.value.length > 0 ? u.value : typeof e.error == "string" ? [e.error] : Array.isArray(e.error) ? e.error : []), h = k(() => e.disabled ? !0 : e.validate?.maxFiles !== void 0 ? !!(e.modelValue && e.modelValue.length >= e.validate.maxFiles) : !1), z = k(() => {
+      if (!e.validate) return "";
+      const s = e.validate, t = [];
+      return s.maxFiles && t.push(o("fileMaxFiles", { max: s.maxFiles }, e.lang ?? "en")), s.allowedTypes && t.push(o("fileType", {}, e.lang ?? "en") + ` (${s.allowedTypes.join(", ")})`), s.maxSize && t.push(o("fileMaxSize", { max: s.maxSize }, e.lang ?? "en")), t.join(`
+`);
+    });
+    R(
+      () => e.modelValue,
+      (s) => {
+        if (!s || s.length === 0) {
+          f.value = [], V();
+          return;
+        }
+        f.value = s.map((t) => t instanceof File ? {
+          name: t.name,
+          size: `${(t.size / 1024).toFixed(2)} KB`
+        } : {
+          name: t,
+          size: "N/A"
+        }), V();
+      },
+      { immediate: !0, deep: !0 }
+    );
+    function B() {
+      if (e.disabled) return;
+      if (h.value) {
+        m?.(
+          "error",
+          o("fileMaxFiles", { max: e.validate.maxFiles }, e.lang ?? "en")
+        );
+        return;
+      }
+      const s = prompt(v.value.placeholder?.url ?? "Please enter the file URL");
+      if (s)
+        if (s.startsWith("http://") || s.startsWith("https://")) {
+          const t = e.modelValue || [];
+          j("update:modelValue", [...t, s]);
+        } else
+          m?.("error", "Invalid URL", [
+            "Please enter a valid URL starting with http:// or https://"
+          ]);
+    }
+    function I(s) {
+      if (e.disabled) return;
+      const t = s.target, l = t.files;
+      if (!l || l.length === 0) return;
+      const d = e.modelValue || [], i = e.validate?.maxFiles;
+      if (i && d.length + l.length > i) {
+        m?.("error", o("fileMaxFiles", { max: i }, e.lang ?? "en")), t.value = "";
+        return;
+      }
+      const x = [], S = e.validate?.allowedTypes?.map((b) => b.toLowerCase()) ?? [];
+      for (const b of Array.from(l)) {
+        const T = b.name.split(".").pop()?.toLowerCase();
+        if (S.length > 0 && (!T || !S.includes(T))) {
+          m?.("error", "Invalid file type", [
+            o("fileType", {}, e.lang ?? "en") + ` (${e.validate?.allowedTypes?.join(", ")})`
+          ]);
+          continue;
+        }
+        x.push(b);
+      }
+      j("update:modelValue", [...d, ...x]), t.value = "";
+    }
+    function M(s) {
+      if (e.disabled) return;
+      const t = [...e.modelValue || []];
+      t.splice(s, 1), j("update:modelValue", t);
+    }
+    function V() {
+      if (!e.validate || !e.modelValue || e.modelValue.length === 0) {
+        u.value = [], j("remove:error", e.id);
+        return;
+      }
+      const s = [];
+      e.validate.maxFiles && e.modelValue.length > e.validate.maxFiles && s.push(o("fileMaxFiles", { max: e.validate.maxFiles }, e.lang ?? "en")), e.modelValue.forEach((t, l) => {
+        if (t instanceof File) {
+          const d = E(t, l + 1);
+          s.push(...d);
+        }
+      }), u.value = [...new Set(s)], u.value.length > 0 ? j("push:error", u.value, e.id) : j("remove:error", e.id);
+    }
+    function E(s, t) {
+      const l = [], d = e.validate;
+      if (d.allowedTypes) {
+        const i = s.name.split(".").pop()?.toLowerCase();
+        (!i || !d.allowedTypes.map((x) => x.toLowerCase()).includes(i)) && l.push(
+          `File #${t} (${s.name}): ` + o("fileType", {}, e.lang ?? "en") + ` (${d.allowedTypes.join(", ")})`
+        );
+      }
+      return d.maxSize && s.size / 1024 > d.maxSize && l.push(
+        `File #${t} (${s.name}): ` + o("fileMaxSize", { max: d.maxSize }, e.lang ?? "en")
+      ), l;
+    }
+    return (s, t) => (r(), n("div", H, [
+      a("label", {
+        for: g.id,
+        class: w(["jsgd-inline-flex jsgd-items-center jsgd-gap-2 jsgd-text-sm jsgd-font-medium jsgd-mb-2 jsgd-text-slate-900 jsgd-transition-colors jsgd-duration-200 dark:jsgd-text-slate-100", { "jsgd-text-red-500 dark:jsgd-text-red-400": p.value.length !== 0 }])
+      }, [
+        $(c(g.label) + " ", 1),
+        z.value ? (r(), K(_(G), {
+          key: 0,
+          text: z.value,
+          as: "strong"
+        }, {
+          default: N(() => [...t[0] || (t[0] = [
+            $(" ❓", -1)
+          ])]),
+          _: 1
+        }, 8, ["text"])) : F("", !0)
+      ], 10, J),
+      a("div", {
+        class: w(["jsgd-bg-white jsgd-border-2 jsgd-border-dashed jsgd-border-slate-300 jsgd-rounded-xl jsgd-p-6 jsgd-transition-colors jsgd-duration-200 hover:jsgd-bg-slate-50 hover:jsgd-border-blue-500 dark:jsgd-bg-slate-800 dark:jsgd-border-slate-600 dark:hover:jsgd-bg-slate-700 dark:hover:jsgd-border-blue-400", { "jsgd-border-red-300 dark:jsgd-border-red-800": p.value.length !== 0 }])
+      }, [
+        f.value.length > 0 ? (r(), n("div", O, [
+          (r(!0), n(L, null, A(f.value, (l, d) => (r(), n("div", {
+            key: d,
+            class: "jsgd-group jsgd-flex jsgd-items-center jsgd-justify-between jsgd-p-3 jsgd-bg-slate-50 jsgd-border jsgd-border-slate-200 jsgd-rounded-lg jsgd-shadow-sm jsgd-transition-all jsgd-duration-200 jsgd-animate-[slideInFade_500ms_ease-out_backwards] hover:-jsgd-translate-y-0.5 hover:jsgd-shadow-md dark:jsgd-bg-slate-700 dark:jsgd-border-slate-600 dark:hover:jsgd-bg-slate-600",
+            style: P({ animationDelay: `${d * 60}ms` })
+          }, [
+            a("div", Q, [
+              t[1] || (t[1] = a("span", { class: "jsgd-text-2xl jsgd-text-slate-500 jsgd-shrink-0 dark:jsgd-text-slate-400" }, "📄", -1)),
+              a("div", X, [
+                a("span", Y, c(l.name), 1),
+                a("span", Z, c(l.size), 1)
+              ])
+            ]),
+            g.disabled ? F("", !0) : (r(), n("button", {
+              key: 0,
+              onClick: (i) => M(d),
+              class: "jsgd-w-6 jsgd-h-6 jsgd-flex jsgd-items-center jsgd-justify-center jsgd-pb-[5px] jsgd-shrink-0 jsgd-ml-4 jsgd-text-xl jsgd-font-bold jsgd-text-white jsgd-bg-red-500 jsgd-rounded-full jsgd-border-none jsgd-cursor-pointer jsgd-opacity-0 jsgd-scale-50 jsgd-transition-all jsgd-duration-200 hover:jsgd-bg-red-600 hover:jsgd-scale-110 hover:jsgd-rotate-90 group-hover:jsgd-opacity-100 group-hover:jsgd-scale-100",
+              "aria-label": "Remove file"
+            }, " × ", 8, ee))
+          ], 4))), 128))
+        ])) : (r(), n("div", se, [
+          a("p", null, c(_(v)?.message?.noItemSelected), 1)
+        ])),
+        a("div", te, [
+          a("input", {
+            id: g.id,
+            type: "file",
+            multiple: "",
+            onChange: I,
+            class: "jsgd-hidden",
+            disabled: h.value
+          }, null, 40, de),
+          a("label", {
+            for: g.id,
+            class: w(["jsgd-inline-flex jsgd-items-center jsgd-gap-2 jsgd-px-5 jsgd-py-2.5 jsgd-font-medium jsgd-border-none jsgd-rounded-lg jsgd-text-white jsgd-bg-blue-500 jsgd-cursor-pointer jsgd-transition-all jsgd-duration-200 hover:jsgd-bg-blue-600 hover:jsgd-scale-105 hover:jsgd-shadow-lg disabled:jsgd-bg-slate-100 disabled:jsgd-text-slate-500 disabled:jsgd-cursor-not-allowed dark:jsgd-bg-blue-600 dark:hover:jsgd-bg-blue-500 dark:disabled:jsgd-bg-slate-700 dark:disabled:jsgd-text-slate-400 before:jsgd-content-['+'] before:jsgd-text-lg before:jsgd-leading-none", {
+              "jsgd-opacity-60 jsgd-cursor-not-allowed": h.value
+            }])
+          }, c(_(v)?.btn?.upload ?? "Upload"), 11, le),
+          a("button", {
+            type: "button",
+            onClick: B,
+            disabled: h.value,
+            class: "jsgd-inline-flex jsgd-items-center jsgd-gap-2 jsgd-px-5 jsgd-py-2.5 jsgd-font-medium jsgd-border-none jsgd-rounded-lg jsgd-text-white jsgd-bg-slate-600 jsgd-cursor-pointer jsgd-transition-all jsgd-duration-200 hover:jsgd-bg-slate-700 hover:jsgd-scale-105 hover:jsgd-shadow-lg disabled:jsgd-opacity-60 disabled:jsgd-cursor-not-allowed dark:jsgd-bg-slate-500 dark:hover:jsgd-bg-slate-400"
+          }, " URL ", 8, ae)
+        ])
+      ], 2),
+      a("div", re, [
+        p.value.length > 0 ? (r(!0), n(L, { key: 0 }, A(p.value, (l, d) => (r(), n("p", {
+          key: d,
+          class: "jsgd-text-sm jsgd-text-red-500 jsgd-animate-[fadeIn_300ms_ease-out] dark:jsgd-text-red-400"
+        }, c(l), 1))), 128)) : F("", !0)
+      ])
+    ]));
+  }
+});
+export {
+  ce as _
+};

package/dist/FileArrayInput.vue_vue_type_script_setup_true_lang-IBxome2w.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("vue"),r=require("./resize-B2mDlzAG.cjs");require("dompurify");require("lodash.isequal");require("zod");const E={class:"jsgd-w-full jsgd-mb-4"},B=["for"],S={key:0,class:"jsgd-flex jsgd-flex-col jsgd-gap-3 jsgd-mb-6"},z={class:"jsgd-flex jsgd-items-center jsgd-gap-3 jsgd-min-w-0"},C={class:"jsgd-flex jsgd-flex-col jsgd-overflow-hidden"},N={class:"jsgd-font-medium jsgd-text-slate-900 jsgd-truncate dark:jsgd-text-slate-100"},T={class:"jsgd-text-xs jsgd-text-slate-500 dark:jsgd-text-slate-400"},M=["onClick"],L={key:1,class:"jsgd-text-center jsgd-py-8 jsgd-px-4 jsgd-text-slate-400 jsgd-italic dark:jsgd-text-slate-500"},$={class:"jsgd-text-center jsgd-mt-4"},D=["id","disabled"],A=["for"],I=["disabled"],U={class:"jsgd-mt-2 jsgd-flex jsgd-flex-col jsgd-gap-1"},q=e.defineComponent({__name:"FileArrayInput",props:{id:{default:r.setUID},label:{},modelValue:{default:()=>[]},disabled:{type:Boolean},validate:{},lang:{},error:{}},emits:["update:modelValue","push:error","remove:error"],setup(n,{emit:y}){const s=n,i=y,h=e.inject("TableComponents",{labels:e.ref(r.defaultTextLabelsMap[s.lang??"en"])}).labels,c=e.inject("TableComponents")?.ShowAlert,j=e.ref([]),g=e.ref([]),u=e.computed(()=>g.value.length>0?g.value:typeof s.error=="string"?[s.error]:Array.isArray(s.error)?s.error:[]),m=e.computed(()=>s.disabled?!0:s.validate?.maxFiles!==void 0?!!(s.modelValue&&s.modelValue.length>=s.validate.maxFiles):!1),x=e.computed(()=>{if(!s.validate)return"";const t=s.validate,l=[];return t.maxFiles&&l.push(r.getMessage("fileMaxFiles",{max:t.maxFiles},s.lang??"en")),t.allowedTypes&&l.push(r.getMessage("fileType",{},s.lang??"en")+` (${t.allowedTypes.join(", ")})`),t.maxSize&&l.push(r.getMessage("fileMaxSize",{max:t.maxSize},s.lang??"en")),l.join(`
+`)});e.watch(()=>s.modelValue,t=>{if(!t||t.length===0){j.value=[],b();return}j.value=t.map(l=>l instanceof File?{name:l.name,size:`${(l.size/1024).toFixed(2)} KB`}:{name:l,size:"N/A"}),b()},{immediate:!0,deep:!0});function w(){if(s.disabled)return;if(m.value){c?.("error",r.getMessage("fileMaxFiles",{max:s.validate.maxFiles},s.lang??"en"));return}const t=prompt(h.value.placeholder?.url??"Please enter the file URL");if(t)if(t.startsWith("http://")||t.startsWith("https://")){const l=s.modelValue||[];i("update:modelValue",[...l,t])}else c?.("error","Invalid URL",["Please enter a valid URL starting with http:// or https://"])}function V(t){if(s.disabled)return;const l=t.target,a=l.files;if(!a||a.length===0)return;const d=s.modelValue||[],o=s.validate?.maxFiles;if(o&&d.length+a.length>o){c?.("error",r.getMessage("fileMaxFiles",{max:o},s.lang??"en")),l.value="";return}const p=[],v=s.validate?.allowedTypes?.map(f=>f.toLowerCase())??[];for(const f of Array.from(a)){const k=f.name.split(".").pop()?.toLowerCase();if(v.length>0&&(!k||!v.includes(k))){c?.("error","Invalid file type",[r.getMessage("fileType",{},s.lang??"en")+` (${s.validate?.allowedTypes?.join(", ")})`]);continue}p.push(f)}i("update:modelValue",[...d,...p]),l.value=""}function F(t){if(s.disabled)return;const l=[...s.modelValue||[]];l.splice(t,1),i("update:modelValue",l)}function b(){if(!s.validate||!s.modelValue||s.modelValue.length===0){g.value=[],i("remove:error",s.id);return}const t=[];s.validate.maxFiles&&s.modelValue.length>s.validate.maxFiles&&t.push(r.getMessage("fileMaxFiles",{max:s.validate.maxFiles},s.lang??"en")),s.modelValue.forEach((l,a)=>{if(l instanceof File){const d=_(l,a+1);t.push(...d)}}),g.value=[...new Set(t)],g.value.length>0?i("push:error",g.value,s.id):i("remove:error",s.id)}function _(t,l){const a=[],d=s.validate;if(d.allowedTypes){const o=t.name.split(".").pop()?.toLowerCase();(!o||!d.allowedTypes.map(p=>p.toLowerCase()).includes(o))&&a.push(`File #${l} (${t.name}): `+r.getMessage("fileType",{},s.lang??"en")+` (${d.allowedTypes.join(", ")})`)}return d.maxSize&&t.size/1024>d.maxSize&&a.push(`File #${l} (${t.name}): `+r.getMessage("fileMaxSize",{max:d.maxSize},s.lang??"en")),a}return(t,l)=>(e.openBlock(),e.createElementBlock("div",E,[e.createElementVNode("label",{for:n.id,class:e.normalizeClass(["jsgd-inline-flex jsgd-items-center jsgd-gap-2 jsgd-text-sm jsgd-font-medium jsgd-mb-2 jsgd-text-slate-900 jsgd-transition-colors jsgd-duration-200 dark:jsgd-text-slate-100",{"jsgd-text-red-500 dark:jsgd-text-red-400":u.value.length!==0}])},[e.createTextVNode(e.toDisplayString(n.label)+" ",1),x.value?(e.openBlock(),e.createBlock(e.unref(r._sfc_main$1),{key:0,text:x.value,as:"strong"},{default:e.withCtx(()=>[...l[0]||(l[0]=[e.createTextVNode(" ❓",-1)])]),_:1},8,["text"])):e.createCommentVNode("",!0)],10,B),e.createElementVNode("div",{class:e.normalizeClass(["jsgd-bg-white jsgd-border-2 jsgd-border-dashed jsgd-border-slate-300 jsgd-rounded-xl jsgd-p-6 jsgd-transition-colors jsgd-duration-200 hover:jsgd-bg-slate-50 hover:jsgd-border-blue-500 dark:jsgd-bg-slate-800 dark:jsgd-border-slate-600 dark:hover:jsgd-bg-slate-700 dark:hover:jsgd-border-blue-400",{"jsgd-border-red-300 dark:jsgd-border-red-800":u.value.length!==0}])},[j.value.length>0?(e.openBlock(),e.createElementBlock("div",S,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(j.value,(a,d)=>(e.openBlock(),e.createElementBlock("div",{key:d,class:"jsgd-group jsgd-flex jsgd-items-center jsgd-justify-between jsgd-p-3 jsgd-bg-slate-50 jsgd-border jsgd-border-slate-200 jsgd-rounded-lg jsgd-shadow-sm jsgd-transition-all jsgd-duration-200 jsgd-animate-[slideInFade_500ms_ease-out_backwards] hover:-jsgd-translate-y-0.5 hover:jsgd-shadow-md dark:jsgd-bg-slate-700 dark:jsgd-border-slate-600 dark:hover:jsgd-bg-slate-600",style:e.normalizeStyle({animationDelay:`${d*60}ms`})},[e.createElementVNode("div",z,[l[1]||(l[1]=e.createElementVNode("span",{class:"jsgd-text-2xl jsgd-text-slate-500 jsgd-shrink-0 dark:jsgd-text-slate-400"},"📄",-1)),e.createElementVNode("div",C,[e.createElementVNode("span",N,e.toDisplayString(a.name),1),e.createElementVNode("span",T,e.toDisplayString(a.size),1)])]),n.disabled?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,onClick:o=>F(d),class:"jsgd-w-6 jsgd-h-6 jsgd-flex jsgd-items-center jsgd-justify-center jsgd-pb-[5px] jsgd-shrink-0 jsgd-ml-4 jsgd-text-xl jsgd-font-bold jsgd-text-white jsgd-bg-red-500 jsgd-rounded-full jsgd-border-none jsgd-cursor-pointer jsgd-opacity-0 jsgd-scale-50 jsgd-transition-all jsgd-duration-200 hover:jsgd-bg-red-600 hover:jsgd-scale-110 hover:jsgd-rotate-90 group-hover:jsgd-opacity-100 group-hover:jsgd-scale-100","aria-label":"Remove file"}," × ",8,M))],4))),128))])):(e.openBlock(),e.createElementBlock("div",L,[e.createElementVNode("p",null,e.toDisplayString(e.unref(h)?.message?.noItemSelected),1)])),e.createElementVNode("div",$,[e.createElementVNode("input",{id:n.id,type:"file",multiple:"",onChange:V,class:"jsgd-hidden",disabled:m.value},null,40,D),e.createElementVNode("label",{for:n.id,class:e.normalizeClass(["jsgd-inline-flex jsgd-items-center jsgd-gap-2 jsgd-px-5 jsgd-py-2.5 jsgd-font-medium jsgd-border-none jsgd-rounded-lg jsgd-text-white jsgd-bg-blue-500 jsgd-cursor-pointer jsgd-transition-all jsgd-duration-200 hover:jsgd-bg-blue-600 hover:jsgd-scale-105 hover:jsgd-shadow-lg disabled:jsgd-bg-slate-100 disabled:jsgd-text-slate-500 disabled:jsgd-cursor-not-allowed dark:jsgd-bg-blue-600 dark:hover:jsgd-bg-blue-500 dark:disabled:jsgd-bg-slate-700 dark:disabled:jsgd-text-slate-400 before:jsgd-content-['+'] before:jsgd-text-lg before:jsgd-leading-none",{"jsgd-opacity-60 jsgd-cursor-not-allowed":m.value}])},e.toDisplayString(e.unref(h)?.btn?.upload??"Upload"),11,A),e.createElementVNode("button",{type:"button",onClick:w,disabled:m.value,class:"jsgd-inline-flex jsgd-items-center jsgd-gap-2 jsgd-px-5 jsgd-py-2.5 jsgd-font-medium jsgd-border-none jsgd-rounded-lg jsgd-text-white jsgd-bg-slate-600 jsgd-cursor-pointer jsgd-transition-all jsgd-duration-200 hover:jsgd-bg-slate-700 hover:jsgd-scale-105 hover:jsgd-shadow-lg disabled:jsgd-opacity-60 disabled:jsgd-cursor-not-allowed dark:jsgd-bg-slate-500 dark:hover:jsgd-bg-slate-400"}," URL ",8,I)])],2),e.createElementVNode("div",U,[u.value.length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(u.value,(a,d)=>(e.openBlock(),e.createElementBlock("p",{key:d,class:"jsgd-text-sm jsgd-text-red-500 jsgd-animate-[fadeIn_300ms_ease-out] dark:jsgd-text-red-400"},e.toDisplayString(a),1))),128)):e.createCommentVNode("",!0)])]))}});exports._sfc_main=q;

package/dist/FileInput-Cv5K7drD.js

@@ -0,0 +1,4 @@
+import { i as f } from "./resize-DgY2sl-h.js";
+export {
+  f as default
+};

package/dist/FileInput-E05E9FcK.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./resize-B2mDlzAG.cjs");exports.default=e._sfc_main$9;

package/dist/GroupRenderer-BNf5s8mD.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./resize-B2mDlzAG.cjs");exports.default=e._sfc_main$10;

package/dist/GroupRenderer-CIgOBN5K.js

@@ -0,0 +1,4 @@
+import { j as f } from "./resize-DgY2sl-h.js";
+export {
+  f as default
+};

package/dist/ImageArrayInput-8Qgrvcbb.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ImageArrayInput.vue_vue_type_script_setup_true_lang-BcE8UQhP.cjs");require("./resize-B2mDlzAG.cjs");exports.default=e._sfc_main;

package/dist/ImageArrayInput-BPCMsKu1.js

@@ -0,0 +1,5 @@
+import { _ as m } from "./ImageArrayInput.vue_vue_type_script_setup_true_lang-D7NOHKcL.js";
+import "./resize-DgY2sl-h.js";
+export {
+  m as default
+};

package/dist/ImageArrayInput.vue_vue_type_script_setup_true_lang-BcE8UQhP.cjs

@@ -0,0 +1,2 @@
+"use strict";const t=require("vue"),o=require("./resize-B2mDlzAG.cjs");require("dompurify");require("lodash.isequal");require("zod");const P={class:"jsgd-w-full jsgd-mb-4"},R=["for"],T={key:0,class:"jsgd-grid jsgd-grid-cols-2 jsgd-gap-4 jsgd-mb-6 min-[480px]:jsgd-grid-cols-3 md:jsgd-grid-cols-4 lg:jsgd-grid-cols-5"},U=["src","alt"],$=["onClick"],z={key:1,class:"jsgd-text-center jsgd-py-8 jsgd-px-4 jsgd-text-slate-400 dark:jsgd-text-slate-500"},A={class:"jsgd-text-center jsgd-mt-4"},D=["id","disabled"],N=["for"],q=["disabled"],K={class:"jsgd-mt-2 jsgd-flex jsgd-flex-col jsgd-gap-1"},G=t.defineComponent({__name:"ImageArrayInput",props:{id:{default:o.setUID},label:{},modelValue:{default:()=>[]},previewAlt:{},disabled:{type:Boolean},error:{},previewImages:{},validate:{},watermark:{},lang:{}},emits:["update:modelValue","push:error","remove:error"],setup(h,{emit:I}){const e=h,u=I,y=t.inject("TableComponents",{labels:t.ref(o.defaultTextLabelsMap[e.lang??"en"])}).labels,f=t.inject("TableComponents")?.ShowAlert,w=t.ref([]),j=t.ref([]),x=t.computed(()=>j.value.length>0?j.value:typeof e.error=="string"?[e.error]:Array.isArray(e.error)?e.error:[]),b=t.computed(()=>e.disabled?!0:!!(e.validate?.maxFiles&&e.modelValue&&e.modelValue.length>=e.validate.maxFiles)),M=t.computed(()=>{if(!e.validate)return"";const a=e.validate,r=[];if(a.maxFiles&&r.push(o.getMessage("imageMaxFiles",{max:a.maxFiles},e.lang??"en")),a.allowedTypes&&r.push(o.getMessage("imageType",{},e.lang??"en")+` (${a.allowedTypes.join(", ")})`),a.maxSize&&r.push(o.getMessage("imageMaxSize",{max:a.maxSize},e.lang??"en")),a.pixel){const s=a.pixel;("minWidth"in s||"maxWidth"in s||"minHeight"in s||"maxHeight"in s)&&(s.minWidth&&r.push(o.getMessage("imageMinWidth",{min:s.minWidth},e.lang??"en")),s.minHeight&&r.push(o.getMessage("imageMinHeight",{min:s.minHeight},e.lang??"en")),s.maxWidth&&r.push(o.getMessage("imageMaxWidth",{max:s.maxWidth},e.lang??"en")),s.maxHeight&&r.push(o.getMessage("imageMaxHeight",{max:s.maxHeight},e.lang??"en"))),("width"in s||"height"in s)&&r.push(o.getMessage("imagePixel",{width:s.width??"any",height:s.height??"any"},e.lang??"en"))}return a.ratio&&r.push(o.getMessage("imageRatio",{w:a.ratio.Width,h:a.ratio.Height},e.lang??"en")),r.join(`
+`)});t.watch(()=>e.modelValue,async a=>{if(!a||a.length===0){w.value=e.previewImages||[],E();return}const r=a.map(s=>new Promise(d=>{if(typeof s=="string")d(s);else if(s instanceof File){const i=new FileReader;i.onload=g=>d(g.target?.result),i.onerror=()=>d(""),i.readAsDataURL(s)}else d("")}));w.value=await Promise.all(r),E()},{immediate:!0,deep:!0});function V(a,r=!1){return new Promise((s,d)=>{const i=new Image;r&&(i.crossOrigin="anonymous"),i.onload=()=>s(i),i.onerror=g=>{console.error("Failed to load image:",a,g),d(new Error(`Failed to load image: ${a}`))},i.src=a})}async function B(a){if(!e.watermark)return a;const r=e.watermark,s=URL.createObjectURL(a);try{const[d,i]=await Promise.all([V(s,!1),V(r.url,!0)]),g=document.createElement("canvas");g.width=d.width,g.height=d.height;const n=g.getContext("2d");if(!n)return a;n.drawImage(d,0,0),n.globalAlpha=r.transparant/100;let c=0,l=0;const m=10;switch(r.position){case"top-left":c=m,l=m,n.drawImage(i,c,l);break;case"top-right":c=d.width-i.width-m,l=m,n.drawImage(i,c,l);break;case"bottom-left":c=m,l=d.height-i.height-m,n.drawImage(i,c,l);break;case"bottom-right":c=d.width-i.width-m,l=d.height-i.height-m,n.drawImage(i,c,l);break;case"full":n.drawImage(i,0,0,d.width,d.height);break}return n.globalAlpha=1,new Promise((v,k)=>{g.toBlob(p=>{if(p){const F=new File([p],a.name,{type:a.type});v(F)}else k(new Error("Canvas toBlob failed"))},a.type)})}catch(d){throw console.error(`Watermark application failed for ${a.name}:`,d),f?.("error",`Watermark Error (${a.name})`,["Gagal menerapkan watermark pada gambar."]),d}finally{URL.revokeObjectURL(s)}}function _(){if(e.disabled)return;if(b.value){f?.("error",o.getMessage("imageMaxFiles",{max:e.validate.maxFiles},e.lang??"en"));return}const a=prompt(y.value.placeholder?.url??"Please enter the image URL");if(a)if(a.startsWith("http://")||a.startsWith("https://")){const r=e.modelValue||[];u("update:modelValue",[...r,a])}else f?.("error","Invalid URL",["Please enter a valid URL starting with http:// or https://"])}async function C(a){if(e.disabled)return;const r=a.target,s=r.files;if(!s||s.length===0)return;const d=e.modelValue||[],i=e.validate?.maxFiles;if(i&&d.length+s.length>i){f?.("error",o.getMessage("imageMaxFiles",{max:i},e.lang??"en")),r.value="";return}const g=[],n=e.validate?.allowedTypes?.map(l=>l.toLowerCase())??[];for(const l of Array.from(s)){const m=l.name.split(".").pop()?.toLowerCase();if(n.length>0&&(!m||!n.includes(m))){f?.("error","Invalid file type",[o.getMessage("imageType",{},e.lang??"en")+` (${e.validate?.allowedTypes?.join(", ")})`]);continue}g.push(l)}let c=[];if(e.watermark&&g.length>0)try{const l=g.map(m=>B(m));c=await Promise.all(l)}catch(l){console.error("Batch watermarking failed:",l),r.value="";return}else c=g;c.length>0&&u("update:modelValue",[...d,...c]),r.value=""}function W(a){if(e.disabled)return;const r=[...e.modelValue||[]];r.splice(a,1),u("update:modelValue",r)}async function E(){if(!e.validate||!e.modelValue||e.modelValue.length===0){j.value=[],u("remove:error",e.id);return}const a=[];e.validate.maxFiles&&e.modelValue.length>e.validate.maxFiles&&a.push(o.getMessage("imageMaxFiles",{max:e.validate.maxFiles},e.lang??"en"));const r=e.modelValue.map((d,i)=>S(d,i+1));(await Promise.all(r)).forEach(d=>a.push(...d)),j.value=[...new Set(a)],j.value.length>0?u("push:error",j.value,e.id):u("remove:error",e.id)}async function S(a,r){const s=[];if(!(a instanceof File))return typeof a=="string"&&(e.validate?.pixel||e.validate?.ratio),[];const d=a,i=e.validate;if(i.allowedTypes){const g=d.name.split(".").pop()?.toLowerCase();(!g||!i.allowedTypes.map(n=>n.toLowerCase()).includes(g))&&s.push(`File ${r}: `+o.getMessage("imageType",{},e.lang??"en")+` (${i.allowedTypes.join(", ")})`)}if(i.maxSize&&d.size/1024>i.maxSize&&s.push(`File ${r}: `+o.getMessage("imageMaxSize",{max:i.maxSize},e.lang??"en")),i.pixel||i.ratio){const g=await H(d),n=g.width,c=g.height;if(i.pixel){const l=i.pixel;("minWidth"in l&&l.minWidth&&n<l.minWidth||"minHeight"in l&&l.minHeight&&c<l.minHeight||"maxWidth"in l&&l.maxWidth&&n>l.maxWidth||"maxHeight"in l&&l.maxHeight&&c>l.maxHeight)&&s.push(`File ${r}: Invalid dimensions.`),("width"in l&&l.width&&n!==l.width||"height"in l&&l.height&&c!==l.height)&&s.push(`File ${r}: `+o.getMessage("imagePixel",{width:l.width??n,height:l.height??c},e.lang??"en"))}if(i.ratio){const l=i.ratio.Width,m=i.ratio.Height,v=o.simplifyRatio(n,c),k=o.simplifyRatio(l,m);let p=v.w===k.w&&v.h===k.h;if(!p){const F=n/c,L=l/m;p=Math.abs(F-L)<=.01}p||s.push(`File ${r}: `+o.getMessage("imageRatio",{w:String(l),h:String(m)},e.lang??"en"))}}return s}function H(a){return new Promise(r=>{const s=new FileReader;s.onload=d=>{const i=new Image;i.onload=()=>r({width:i.width,height:i.height}),i.onerror=()=>r({width:0,height:0}),i.src=d.target?.result},s.onerror=()=>r({width:0,height:0}),s.readAsDataURL(a)})}return(a,r)=>(t.openBlock(),t.createElementBlock("div",P,[t.createElementVNode("label",{for:h.id,class:t.normalizeClass(["jsgd-inline-flex jsgd-items-center jsgd-gap-2 jsgd-text-sm jsgd-font-medium jsgd-mb-2 jsgd-text-slate-900 jsgd-transition-colors jsgd-duration-200 dark:jsgd-text-slate-100",{"jsgd-text-red-500 dark:jsgd-text-red-400":x.value.length!==0}])},[t.createTextVNode(t.toDisplayString(h.label)+" ",1),M.value?(t.openBlock(),t.createBlock(t.unref(o._sfc_main$1),{key:0,text:M.value,as:"strong"},{default:t.withCtx(()=>[...r[0]||(r[0]=[t.createTextVNode(" ❓",-1)])]),_:1},8,["text"])):t.createCommentVNode("",!0)],10,R),t.createElementVNode("div",{class:t.normalizeClass(["jsgd-bg-slate-50 jsgd-border-2 jsgd-border-dashed jsgd-border-slate-300 jsgd-rounded-xl jsgd-p-6 jsgd-transition-colors jsgd-duration-200 hover:jsgd-bg-slate-100 hover:jsgd-border-blue-500 dark:jsgd-bg-slate-800 dark:jsgd-border-slate-600 dark:hover:jsgd-bg-slate-700 dark:hover:jsgd-border-blue-400",{"jsgd-border-red-300 dark:jsgd-border-red-800":x.value.length!==0}])},[w.value.length>0?(t.openBlock(),t.createElementBlock("div",T,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(w.value,(s,d)=>(t.openBlock(),t.createElementBlock("div",{key:d,class:"jsgd-relative jsgd-rounded-lg jsgd-overflow-hidden jsgd-shadow-sm jsgd-transition-all jsgd-duration-200 jsgd-group hover:jsgd-scale-105 hover:jsgd-shadow-lg jsgd-animate-[popIn_0.4s_ease-out_backwards]",style:t.normalizeStyle({animationDelay:`${d*50}ms`})},[t.createElementVNode("img",{src:s,alt:`${h.previewAlt} ${d+1}`,class:"jsgd-block jsgd-w-full jsgd-aspect-square jsgd-object-cover jsgd-bg-white dark:jsgd-bg-transparent"},null,8,U),h.disabled?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("button",{key:0,onClick:i=>W(d),class:"jsgd-absolute jsgd-top-2 jsgd-right-2 jsgd-w-7 jsgd-h-7 jsgd-pb-[5px] jsgd-flex jsgd-items-center jsgd-justify-center jsgd-text-xl jsgd-font-bold jsgd-leading-none jsgd-text-white jsgd-bg-red-500/80 jsgd-backdrop-blur-sm jsgd-rounded-full jsgd-border-2 jsgd-border-white jsgd-cursor-pointer jsgd-opacity-0 jsgd-scale-50 jsgd-transition-all jsgd-duration-200 hover:jsgd-bg-red-600 hover:jsgd-scale-110 hover:jsgd-rotate-90 group-hover:jsgd-opacity-100 group-hover:jsgd-scale-100","aria-label":"Remove image"}," × ",8,$))],4))),128))])):(t.openBlock(),t.createElementBlock("div",z,[t.createElementVNode("p",null,t.toDisplayString(t.unref(y)?.message?.noItemSelected),1)])),t.createElementVNode("div",A,[t.createElementVNode("input",{id:h.id,type:"file",accept:"image/*",multiple:"",onChange:C,class:"jsgd-hidden",disabled:b.value},null,40,D),t.createElementVNode("label",{for:h.id,class:t.normalizeClass(["jsgd-inline-flex jsgd-items-center jsgd-gap-2 jsgd-px-5 jsgd-py-2.5 jsgd-font-medium jsgd-border-none jsgd-rounded-lg jsgd-text-white jsgd-bg-blue-500 jsgd-cursor-pointer jsgd-transition-all jsgd-duration-200 hover:jsgd-bg-blue-600 hover:jsgd-scale-105 hover:jsgd-shadow-lg disabled:jsgd-bg-slate-100 disabled:jsgd-text-slate-500 disabled:jsgd-cursor-not-allowed dark:jsgd-bg-blue-600 dark:hover:jsgd-bg-blue-500 dark:disabled:jsgd-bg-slate-700 dark:disabled:jsgd-text-slate-400 before:jsgd-content-['+'] before:jsgd-text-lg before:jsgd-leading-none",{"jsgd-opacity-60 jsgd-cursor-not-allowed":b.value}])},t.toDisplayString(t.unref(y)?.btn?.upload??"Upload"),11,N),t.createElementVNode("button",{type:"button",onClick:_,disabled:b.value,class:"jsgd-inline-flex jsgd-items-center jsgd-gap-2 jsgd-px-5 jsgd-py-2.5 jsgd-font-medium jsgd-border-none jsgd-rounded-lg jsgd-text-white jsgd-bg-slate-600 jsgd-cursor-pointer jsgd-transition-all jsgd-duration-200 hover:jsgd-bg-slate-700 hover:jsgd-scale-105 hover:jsgd-shadow-lg disabled:jsgd-opacity-60 disabled:jsgd-cursor-not-allowed dark:jsgd-bg-slate-500 dark:hover:jsgd-bg-slate-400"}," URL ",8,q)])],2),t.createElementVNode("div",K,[x.value.length>0?(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:0},t.renderList(x.value,(s,d)=>(t.openBlock(),t.createElementBlock("p",{key:d,class:"jsgd-text-sm jsgd-text-red-500 jsgd-animate-[fadeIn_300ms_ease-out] dark:jsgd-text-red-400"},t.toDisplayString(s),1))),128)):t.createCommentVNode("",!0)])]))}});exports._sfc_main=G;