@3squared/forge-ui-3 2.25.1 → 2.27.0

package/dist/esm/forge-ui-3.js

@@ -1,7 +1,7 @@
 import Se from "primevue/message";
-import { defineComponent as z, createBlock as y, openBlock as d, normalizeProps as G, guardReactiveProps as Y, withCtx as v, renderSlot as C, createVNode as h, unref as p, createElementVNode as m, normalizeClass as P, createCommentVNode as T, ref as I, createElementBlock as g, Fragment as E, mergeProps as j, renderList as q, mergeModels as _, useModel as N, computed as M, withDirectives as K, createTextVNode as O, toDisplayString as B, vShow as X, createSlots as le, onMounted as se, withKeys as ne, isRef as Fe, normalizeStyle as Ce, withModifiers as Q, watch as W, h as Te, useTemplateRef as ze } from "vue";
+import { defineComponent as z, createBlock as y, openBlock as d, normalizeProps as G, guardReactiveProps as Y, withCtx as v, renderSlot as C, createVNode as h, unref as p, createElementVNode as m, normalizeClass as P, createCommentVNode as T, ref as I, createElementBlock as g, Fragment as E, mergeProps as j, renderList as q, mergeModels as R, useModel as N, computed as M, withDirectives as K, createTextVNode as O, toDisplayString as B, vShow as X, createSlots as le, onMounted as se, withKeys as ne, isRef as Fe, normalizeStyle as Ce, withModifiers as Q, watch as W, h as Te, useTemplateRef as ze } from "vue";
 import { Icon as V } from "@iconify/vue";
-import R from "primevue/button";
+import _ from "primevue/button";
 import Pe from "primevue/toast";
 import je from "primevue/autocomplete";
 import Me from "primevue/checkbox";
@@ -20,8 +20,8 @@ import be from "primevue/inputnumber";
 import Ue from "primevue/chip";
 import Ee from "primevue/progressbar";
 import qe from "primevue/step";
-import _e from "primevue/stepper";
-import Re from "primevue/steplist";
+import Re from "primevue/stepper";
+import _e from "primevue/steplist";
 import He from "primevue/steppanel";
 import We from "primevue/steppanels";
 import Ge from "primevue/datatable";
@@ -1418,7 +1418,7 @@ const tt = {
       t.value = !1;
     };
     return (l, o) => {
-      const n = R;
+      const n = _;
       return d(), g(E, null, [
         h(n, j({ ...a, ...l.$attrs }, {
           loading: t.value,
@@ -1441,7 +1441,7 @@ const tt = {
   }
 }), Ut = { class: "d-flex flex-column" }, Et = ["for"], xe = /* @__PURE__ */ z({
   __name: "ForgeCheckbox",
-  props: /* @__PURE__ */ _({
+  props: /* @__PURE__ */ R({
     label: { default: "" },
     value: {},
     modelValue: {},
@@ -1601,7 +1601,7 @@ const tt = {
     ], 10, qt));
   }
 });
-function _t(e) {
+function Rt(e) {
   const t = {
     errorMessage: "",
     errorDetails: []
@@ -1618,7 +1618,7 @@ function ml(e, t) {
 function vl(e, t, a) {
   return { id: e, label: t ?? e.toString(), shortLabel: a };
 }
-const Rt = {
+const _t = {
   key: 0,
   class: "sticky-top py-3 error-bg",
   "data-cy": "error-wrapper"
@@ -1627,7 +1627,7 @@ const Rt = {
   "data-cy": "footer"
 }, fl = /* @__PURE__ */ z({
   __name: "ForgeModal",
-  props: /* @__PURE__ */ _({
+  props: /* @__PURE__ */ R({
     cancelText: { default: "Cancel" },
     submitText: { default: "Submit" },
     showFooter: { type: Boolean, default: !0 },
@@ -1641,6 +1641,7 @@ const Rt = {
     maxHeight: {},
     minHeight: {},
     hideErrorBanner: { type: Boolean, default: !1 },
+    performingConfirm: { type: Boolean, default: !1 },
     header: { default: "Header" },
     footer: {},
     visible: { type: Boolean },
@@ -1712,7 +1713,7 @@ const Rt = {
           (b || b == null) && w();
         } catch (b) {
           n.value.hasError = !0;
-          const S = _t(b);
+          const S = Rt(b);
           n.value.header = S.errorMessage, n.value.message = S.errorDetails;
         }
         o.value = !1;
@@ -1737,7 +1738,7 @@ const Rt = {
       ]
     }));
     return (b, S) => {
-      const F = R, L = Ve;
+      const F = _, L = Ve;
       return d(), y(L, j(l, {
         onMaximize: u,
         onUnmaximize: c,
@@ -1766,7 +1767,7 @@ const Rt = {
           name: k,
           fn: v((A) => [
             k == "default" ? (d(), g(E, { key: 0 }, [
-              n.value.hasError && !e.hideErrorBanner ? (d(), g("div", Rt, [
+              n.value.hasError && !e.hideErrorBanner ? (d(), g("div", _t, [
                 h(de, {
                   severity: "danger",
                   "data-cy": "error",
@@ -1807,8 +1808,9 @@ const Rt = {
                 class: P([l.submitClass, "ms-auto"]),
                 onClick: r,
                 id: "submit-button",
-                type: l.submitButtonType
-              }, null, 8, ["label", "class", "type"])
+                type: l.submitButtonType,
+                disabled: e.performingConfirm
+              }, null, 8, ["label", "class", "type", "disabled"])
             ])
           ]),
           key: "0"
@@ -1818,7 +1820,7 @@ const Rt = {
   }
 }), Gt = ["id"], Yt = { key: 0 }, Jt = { key: 0 }, Kt = { class: "d-flex justify-content-between align-items-center position-relative" }, Zt = { key: 1 }, Xt = { "data-cy": "readonly-value" }, Qt = /* @__PURE__ */ z({
   __name: "ForgeInlineEditor",
-  props: /* @__PURE__ */ _({
+  props: /* @__PURE__ */ R({
     name: { default: "" },
     completeAction: {},
     errorAction: {},
@@ -1857,7 +1859,7 @@ const Rt = {
     });
     const x = M(() => w.value.length > 0);
     return (b, S) => {
-      const F = ie, L = R;
+      const F = ie, L = _;
       return d(), g("div", {
         id: t.name
       }, [
@@ -2024,7 +2026,7 @@ const Rt = {
   class: "p-2 item d-flex justify-content-between align-items-center"
 }, oa = /* @__PURE__ */ z({
   __name: "ForgeMultiSelectPreview",
-  props: /* @__PURE__ */ _({
+  props: /* @__PURE__ */ R({
     title: { default: "Selected Items" },
     orientation: { default: "row" },
     height: { default: "200px" },
@@ -2042,7 +2044,7 @@ const Rt = {
       a.value = a.value.filter((o) => o.id !== l);
     };
     return (l, o) => {
-      const n = ue, s = R;
+      const n = ue, s = _;
       return d(), g("div", {
         class: P(e.orientation === "column" ? "row" : "flex-1"),
         "data-cy": "multiselect-preview"
@@ -2129,13 +2131,14 @@ const Rt = {
   }
 }), da = { class: "d-flex flex-1" }, ca = { "data-cy": "before-slot" }, pa = { class: "position-relative d-flex flex-1" }, ua = { "data-cy": "after-slot" }, he = /* @__PURE__ */ z({
   __name: "ForgeDatepicker",
-  props: /* @__PURE__ */ _({
+  props: /* @__PURE__ */ R({
     severity: { default: "primary" },
     modelValue: {},
     defaultValue: {},
     name: { default: "" },
     selectionMode: { default: "single" },
     dateFormat: { default: "dd/mm/yy" },
+    updateModelType: {},
     inline: { type: Boolean },
     showOtherMonths: { type: Boolean, default: !0 },
     selectOtherMonths: { type: Boolean },
@@ -2172,6 +2175,7 @@ const Rt = {
     timeSeparator: {},
     showWeek: { type: Boolean },
     manualInput: { type: Boolean, default: !0 },
+    showClear: { type: Boolean },
     size: {},
     invalid: { type: Boolean },
     disabled: { type: Boolean },
@@ -2397,7 +2401,7 @@ const Rt = {
       a.value = !1;
     }
     return (o, n) => {
-      const s = R;
+      const s = _;
       return d(), g("form", j(o.$attrs, {
         novalidate: "",
         class: "position-relative shadow-sm border p-4 bg-white",
@@ -2475,7 +2479,7 @@ const Rt = {
   style: { flex: "1 0 auto" }
 }, hl = /* @__PURE__ */ z({
   __name: "ForgeFormField",
-  props: /* @__PURE__ */ _({
+  props: /* @__PURE__ */ R({
     name: {},
     fieldLabelPosition: { default: "top" },
     fieldLabel: {},
@@ -3090,7 +3094,8 @@ const xa = { class: "d-flex flex-column" }, ha = { class: "d-flex flex-row mt-1
     showSave: { type: Boolean, default: !0 },
     height: { default: 300 },
     width: { default: 600 },
-    lineJoin: { default: "round" }
+    lineJoin: { default: "round" },
+    performingSave: { type: Boolean, default: !1 }
   },
   emits: ["save"],
   setup(e, { emit: t }) {
@@ -3104,7 +3109,7 @@ const xa = { class: "d-flex flex-column" }, ha = { class: "d-flex flex-row mt-1
       i("save", l.value.isEmpty());
     };
     return (w, r) => {
-      const x = R;
+      const x = _;
       return d(), g("div", xa, [
         h(p(ya), j({
           ref_key: "drawingCanvas",
@@ -3156,6 +3161,7 @@ const xa = { class: "d-flex flex-column" }, ha = { class: "d-flex flex-row mt-1
           a.showSave ? (d(), y(x, {
             key: 3,
             onClick: u,
+            disabled: e.performingSave,
             class: "ms-auto",
             "data-cy": "save-button"
           }, {
@@ -3163,7 +3169,7 @@ const xa = { class: "d-flex flex-column" }, ha = { class: "d-flex flex-row mt-1
               O("Save", -1)
             ])]),
             _: 1
-          })) : T("", !0)
+          }, 8, ["disabled"])) : T("", !0)
         ])
       ]);
     };
@@ -3231,9 +3237,9 @@ const xa = { class: "d-flex flex-column" }, ha = { class: "d-flex flex-row mt-1
         ]
       })
     }));
-    return (i, l) => (d(), y(p(_e), { value: e.currentStep }, {
+    return (i, l) => (d(), y(p(Re), { value: e.currentStep }, {
       default: v(() => [
-        h(p(Re), null, {
+        h(p(_e), null, {
           default: v(() => [
             (d(!0), g(E, null, q(e.steps, (o) => (d(), y(p(qe), j({
               key: o.value,
@@ -3277,18 +3283,19 @@ const xa = { class: "d-flex flex-column" }, ha = { class: "d-flex flex-row mt-1
   setup(e) {
     const t = e, a = M(() => `${t.severity === void 0 ? "tile-primary" : `tile-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`} ${t.selected ? "selected" : ""}`), i = M(() => `${t.severity === void 0 ? "tile-primary border-primary" : `tile-${t.severity} border-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`} ${t.selected ? "selected" : ""}`);
     return (l, o) => {
-      const n = R;
+      const n = _;
       return t.clickable ? (d(), y(n, {
         key: 0,
         class: P(["d-flex w-100 p-0 text-body", a.value]),
         severity: t.severity,
         unstyled: "",
-        "data-cy": "button-tile"
+        "data-cy": "button-tile",
+        onClick: o[0] || (o[0] = (s) => l.$emit("button-click"))
       }, {
         default: v(() => [
           m("div", Ba, [
             C(l.$slots, "default", {}, () => [
-              o[0] || (o[0] = O("Tile Content", -1))
+              o[1] || (o[1] = O("Tile Content", -1))
             ])
           ])
         ]),
@@ -3300,7 +3307,7 @@ const xa = { class: "d-flex flex-column" }, ha = { class: "d-flex flex-row mt-1
       }, [
         m("div", $a, [
           C(l.$slots, "default", {}, () => [
-            o[1] || (o[1] = O("Tile Content", -1))
+            o[2] || (o[2] = O("Tile Content", -1))
           ])
         ])
       ], 2));
@@ -3539,7 +3546,7 @@ const Sa = {
                 ])) : T("", !0)
               ]),
               m("div", Oa, [
-                e.showClearButton ? (d(), y(p(R), {
+                e.showClearButton ? (d(), y(p(_), {
                   key: 0,
                   outlined: "",
                   class: P(e.showExporterButton ? "me-2" : ""),
@@ -3556,7 +3563,7 @@ const Sa = {
                   ]),
                   _: 1
                 }, 8, ["class"])) : T("", !0),
-                e.showExporterButton ? (d(), y(p(R), {
+                e.showExporterButton ? (d(), y(p(_), {
                   key: 1,
                   outlined: "",
                   onClick: x,
@@ -3623,7 +3630,7 @@ const Sa = {
 }), Aa = { class: "position-relative" }, La = { "data-cy": "above-table-slot" }, Na = { class: "d-flex w-100" }, Ua = {
   class: "mx-auto",
   "data-cy": "empty-message"
-}, Ea = { class: "d-flex" }, qa = { class: "d-flex align-items-end mb-2" }, _a = { key: 0 }, Ra = { class: "ms-auto" }, Tl = /* @__PURE__ */ z({
+}, Ea = { class: "d-flex" }, qa = { class: "d-flex align-items-end mb-2" }, Ra = { key: 0 }, _a = { class: "ms-auto" }, Tl = /* @__PURE__ */ z({
   __name: "ForgeTreeTable",
   props: {
     stripedRows: { type: Boolean, default: !1 },
@@ -3820,7 +3827,7 @@ const Sa = {
           }, [
             m("div", Ea, [
               m("div", qa, [
-                e.paginator && !e.legacyPaginationFooter ? (d(), g("span", _a, [
+                e.paginator && !e.legacyPaginationFooter ? (d(), g("span", Ra, [
                   h(we, {
                     total: u.value,
                     "page-sizes": l.value,
@@ -3832,8 +3839,8 @@ const Sa = {
                   }, null, 8, ["total", "page-sizes", "per-page"])
                 ])) : T("", !0)
               ]),
-              m("div", Ra, [
-                e.showClearButton ? (d(), y(p(R), {
+              m("div", _a, [
+                e.showClearButton ? (d(), y(p(_), {
                   key: 0,
                   outlined: "",
                   onClick: S,
@@ -3899,7 +3906,7 @@ const Sa = {
   }
 }), Ha = { class: "d-flex position-relative" }, Wa = { class: "d-flex w-100" }, zl = /* @__PURE__ */ z({
   __name: "ForgeFilterHeader",
-  props: /* @__PURE__ */ _({
+  props: /* @__PURE__ */ R({
     dataType: {},
     dropdownOptions: {},
     showClearButton: { type: Boolean, default: !1 },
@@ -3927,7 +3934,7 @@ const Sa = {
       e.clearFilter ? e.clearFilter() : t.value = null;
     };
     return (l, o) => {
-      const n = be, s = R;
+      const n = be, s = _;
       return d(), g("div", Ha, [
         e.dataType === "numeric" ? (d(), y(n, j({
           key: 0,
@@ -5206,7 +5213,7 @@ const Xa = { class: "d-flex justify-content-between" }, Qa = ["accept", "disable
   id: "accepted-file-types-overlay"
 }, ti = /* @__PURE__ */ z({
   __name: "UploadButton",
-  props: /* @__PURE__ */ _({
+  props: /* @__PURE__ */ R({
     acceptedFileTypes: {},
     maxFileInput: {},
     maxFileSize: {},
@@ -5221,7 +5228,7 @@ const Xa = { class: "d-flex justify-content-between" }, Qa = ["accept", "disable
       t.value = Be(n, t.value, e.acceptedFileTypes.map((s) => s.fileType), e.maxFileSize);
     };
     return (n, s) => {
-      const c = R;
+      const c = _;
       return d(), g("div", Xa, [
         C(n.$slots, "message"),
         m("div", null, [
@@ -5283,7 +5290,7 @@ const Xa = { class: "d-flex justify-content-between" }, Qa = ["accept", "disable
   class: "d-flex flex-column"
 }, li = /* @__PURE__ */ z({
   __name: "DragDropArea",
-  props: /* @__PURE__ */ _({
+  props: /* @__PURE__ */ R({
     maxFileInput: {},
     maxFileSize: {},
     acceptedFileTypes: {}
@@ -5373,7 +5380,7 @@ const Xa = { class: "d-flex justify-content-between" }, Qa = ["accept", "disable
   id: "file-size"
 }, ui = { class: "ms-auto my-auto d-flex align-items-center gap-1" }, mi = /* @__PURE__ */ z({
   __name: "FileInfo",
-  props: /* @__PURE__ */ _({
+  props: /* @__PURE__ */ R({
     editableFileName: { type: Boolean },
     acceptedFileTypes: {},
     maxFileSize: {},
@@ -5389,7 +5396,7 @@ const Xa = { class: "d-flex justify-content-between" }, Qa = ["accept", "disable
     uploadStatus: { required: !0 },
     uploadStatusModifiers: {}
   }),
-  emits: /* @__PURE__ */ _(["deleted"], ["update:file", "update:blobFileName", "update:uploadStatus"]),
+  emits: /* @__PURE__ */ R(["deleted"], ["update:file", "update:blobFileName", "update:uploadStatus"]),
   setup(e, { emit: t }) {
     const a = N(e, "file"), i = N(e, "blobFileName"), l = N(e, "uploadStatus"), o = t, n = I(a.value.name), s = I(""), c = I(0), u = I(), w = M(() => e.acceptedFileTypes.some(({ fileType: k }) => k === a.value.type)), r = M(() => a.value.size <= e.maxFileSize), x = M(() => a.value.type ? a.value.type : $e().getType(a.value.name)), b = () => {
       n.value != null && (S(), a.value = new File([a.value], n.value, { type: a.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() }));
@@ -5448,7 +5455,7 @@ const Xa = { class: "d-flex justify-content-between" }, Qa = ["accept", "disable
     return se(() => {
       e.autoUploadToBlob && l.value != "Uploaded" && L();
     }), (k, A) => {
-      const f = R;
+      const f = _;
       return d(), g("div", {
         class: "py-4 px-3 d-flex",
         "data-cy": `file-info-${a.value.name}`
@@ -5543,7 +5550,7 @@ const Xa = { class: "d-flex justify-content-between" }, Qa = ["accept", "disable
   }
 }), yi = { "data-cy": "file-uploader" }, xi = { key: 1 }, Pl = /* @__PURE__ */ z({
   __name: "ForgeFileUploader",
-  props: /* @__PURE__ */ _({
+  props: /* @__PURE__ */ R({
     acceptedFileTypes: {},
     maxFileSize: {},
     getFileUrlAction: {},
@@ -5628,7 +5635,7 @@ const Xa = { class: "d-flex justify-content-between" }, Qa = ["accept", "disable
       a.value.toggle(o);
     };
     return (o, n) => (d(), g(E, null, [
-      h(p(R), {
+      h(p(_), {
         onClick: l,
         class: "ms-2"
       }, {
@@ -5745,7 +5752,7 @@ const Xa = { class: "d-flex justify-content-between" }, Qa = ["accept", "disable
   "data-cy": "forge-select-button"
 }, Il = /* @__PURE__ */ z({
   __name: "ForgeSelectButton",
-  props: /* @__PURE__ */ _({
+  props: /* @__PURE__ */ R({
     options: {},
     multiple: { type: Boolean, default: !0 },
     allowEmpty: { type: Boolean, default: !1 },
@@ -5816,7 +5823,7 @@ const Xa = { class: "d-flex justify-content-between" }, Qa = ["accept", "disable
   class: "mb-1"
 }, Dl = /* @__PURE__ */ z({
   __name: "ForgePickList",
-  props: /* @__PURE__ */ _({
+  props: /* @__PURE__ */ R({
     filterBy: {},
     sourceTitle: {},
     targetTitle: {},
@@ -5982,5 +5989,5 @@ export {
   Tl as ForgeTreeTable,
   vl as convertToMultiSelectOption,
   ml as enumToMultiSelectList,
-  _t as parseError
+  Rt as parseError
 };

package/dist/src/components/ForgeModal.vue.d.ts

@@ -19,6 +19,7 @@ export interface ForgeModalProps extends DialogProps {
     maxHeight?: string | null;
     minHeight?: string | null;
     hideErrorBanner?: boolean;
+    performingConfirm?: boolean;
 }
 type __VLS_Props = ForgeModalProps;
 type __VLS_PublicProps = {
@@ -54,6 +55,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     submitClass: string;
     resetErrorOnClose: boolean;
     hideErrorBanner: boolean;
+    performingConfirm: boolean;
     modal: boolean;
     showHeader: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@3squared/forge-ui-3",
   "repository": "https://github.com/3Squared/ForgeUI-3",
   "description": "ForgeUI 3 is Vue 3 UI Library which combines a variety of popular packages to create a consistent UI for your application.",
-  "version": "2.25.1",
+  "version": "2.27.0",
   "type": "module",
   "license": "MIT",
   "contributors": [
@@ -41,20 +41,20 @@
     "bootstrap": "^5.3.7",
     "lodash-es": "4.17.21",
     "mime": "^4.0.7",
-    "primevue": "4.3.9",
+    "primevue": "4.4.1",
     "vee-validate": "4.15.1",
     "vue": "^3.5.13",
     "yup": "1.7.1"
   },
   "devDependencies": {
-    "@cypress/code-coverage": "3.14.6",
-    "@primevue/auto-import-resolver": "4.3.9",
+    "@cypress/code-coverage": "3.14.7",
+    "@primevue/auto-import-resolver": "4.4.1",
     "@vitejs/plugin-vue": "6.0.1",
     "@vitest/coverage-v8": "3.2.4",
     "@vitest/ui": "3.2.4",
     "cypress": "14.5.4",
     "cypress-real-events": "1.15.0",
-    "rollup-plugin-visualizer": "6.0.3",
+    "rollup-plugin-visualizer": "6.0.4",
     "sass": "1.93.2",
     "typescript": "5.9.3",
     "unplugin-vue-components": "29.1.0",
@@ -66,7 +66,7 @@
     "vue-drawing-canvas": "1.0.14"
   },
   "optionalDependencies": {
-    "@rollup/rollup-linux-x64-gnu": "4.52.3"
+    "@rollup/rollup-linux-x64-gnu": "4.52.4"
   },
   "nyc": {
     "all": true,