@3squared/forge-ui-3 0.1.0

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

@@ -0,0 +1,2818 @@
+import ye from "primevue/message";
+import { defineComponent as x, openBlock as n, createBlock as w, normalizeProps as X, guardReactiveProps as Q, withCtx as f, createElementVNode as m, normalizeClass as S, unref as p, createCommentVNode as F, createVNode as v, renderSlot as _, ref as T, createElementBlock as y, Fragment as U, mergeProps as B, computed as k, createTextVNode as P, toDisplayString as h, withDirectives as O, vShow as L, createSlots as ee, renderList as R, mergeModels as K, useModel as j, onMounted as ie, isRef as E, withKeys as Y, useAttrs as re, withModifiers as G, normalizeStyle as be } from "vue";
+import { Icon as C } from "@iconify/vue";
+import A from "primevue/button";
+import ve from "primevue/toast";
+import fe from "primevue/checkbox";
+import { useField as W } from "vee-validate";
+import ge from "primevue/progressspinner";
+import he from "primevue/dialog";
+import oe from "primevue/inputtext";
+import { vOnClickOutside as we } from "@vueuse/components";
+import _e from "primevue/menubar";
+import ke from "vue-multiselect";
+import xe from "primevue/calendar";
+import $e from "primevue/inputmask";
+import Fe from "primevue/textarea";
+import de from "primevue/inputnumber";
+import Be from "primevue/chips";
+import Se from "primevue/progressbar";
+import Ce from "primevue/divider";
+import Ve from "primevue/steps";
+import ze from "primevue/datatable";
+import se from "primevue/dropdown";
+import Ie from "primevue/multiselect";
+import { BlockBlobClient as ue } from "@azure/storage-blob";
+import Te from "primevue/image";
+const Ia = {
+  button: {
+    root: ({ props: e }) => ({
+      class: [
+        "btn",
+        // Primary
+        {
+          "btn-primary": (e.severity === null || e.severity === "primary") && !e.outlined && !e.link && !e.text,
+          "btn-outline-primary": (e.severity === null || e.severity === "primary") && e.outlined,
+          "text-primary fw-bold btn-text-primary": (e.severity === null || e.severity === "primary") && e.text
+        },
+        // Secondary
+        {
+          "btn-secondary": e.severity === "secondary" && !e.outlined && !e.link && !e.text,
+          "btn-outline-secondary": e.severity === "secondary" && e.outlined,
+          "text-secondary fw-bold btn-text-secondary": e.severity === "secondary" && e.text
+        },
+        // Success
+        {
+          "btn-success text-white": e.severity === "success" && !e.outlined && !e.link && !e.text,
+          "btn-outline-success": e.severity === "success" && e.outlined,
+          "text-success fw-bold btn-text-success": e.severity === "success" && e.text
+        },
+        // Warning
+        {
+          "btn-warning text-white": e.severity === "warning" && !e.outlined && !e.link && !e.text,
+          "btn-outline-warning": e.severity === "warning" && e.outlined,
+          "text-warning fw-bold btn-text-warning": e.severity === "warning" && e.text
+        },
+        // Danger
+        {
+          "btn-danger text-white": e.severity === "danger" && !e.outlined && !e.link && !e.text,
+          "btn-outline-danger": e.severity === "danger" && e.outlined,
+          "text-danger fw-bold btn-text-danger": e.severity === "danger" && e.text
+        },
+        // Info
+        {
+          "btn-info text-white": e.severity === "info" && !e.outlined && !e.link && !e.text,
+          "btn-outline-info": e.severity === "info" && e.outlined,
+          "text-info fw-bold btn-text-info": e.severity === "info" && e.text
+        },
+        // Misc
+        {
+          "btn-link": e.link,
+          shadow: e.raised,
+          "rounded-pill": e.rounded,
+          "btn-lg": e.size == "large",
+          "btn-sm": e.size == "small"
+        }
+      ]
+    }),
+    loadingIcon: () => ({
+      class: ["spinner-border spinner-border-sm border-0 me-2"]
+    }),
+    badge: ({ props: e }) => ({
+      class: [
+        {
+          "button-badge-primary": (e.severity === "primary" || e.severity === null) && !e.outlined,
+          "button-badge-secondary": e.severity === "secondary" && !e.outlined,
+          "button-badge-success": e.severity === "success" && !e.outlined,
+          "button-badge-warning": (e.severity === "warning" || e.severity === "warn") && !e.outlined,
+          "button-badge-danger": e.severity === "danger" && !e.outlined,
+          "button-badge-info": e.severity === "info" && !e.outlined
+        },
+        {
+          "button-badge-primary outlined": (e.severity === "primary" || e.severity === null) && e.outlined,
+          "button-badge-secondary outlined": e.severity === "secondary" && e.outlined,
+          "button-badge-success outlined": e.severity === "success" && e.outlined,
+          "button-badge-warning outlined": (e.severity === "warning" || e.severity === "warn") && e.outlined,
+          "button-badge-danger outlined": e.severity === "danger" && e.outlined,
+          "button-badge-info outlined": e.severity === "info" && e.outlined
+        },
+        "rounded-pill ms-2"
+      ]
+    })
+  },
+  checkbox: {
+    root: () => ({
+      class: [
+        "form-check"
+      ]
+    }),
+    input: (e) => ({
+      class: [
+        "form-check-input px-2 py-2 rounded",
+        {
+          "bg-primary": e.context.checked,
+          "form-check-input__focus": e.state.focused,
+          disabled: e.context.disabled
+        }
+      ]
+    })
+  },
+  toast: {
+    message: () => ({
+      class: ["toast-container w-100 position-relative"]
+    }),
+    content: () => ({
+      class: ["toast-body d-flex align-items-center gap-2"]
+    }),
+    container: () => ({
+      class: ["toast bg-white show"]
+    }),
+    buttonContainer: () => ({
+      class: ["ms-auto"]
+    }),
+    closeButton: () => ({
+      class: ["btn-close toast-close-icon"]
+    }),
+    closeIcon: () => ({
+      class: "d-none"
+    }),
+    summary: () => ({
+      class: ["toast-body ps-1"]
+    }),
+    icon: ({ props: e }) => {
+      var t, l, a, s;
+      return {
+        class: [
+          "toast-icon",
+          {
+            "text-primary": ((t = e.message) == null ? void 0 : t.severity) === "info",
+            "text-success": ((l = e.message) == null ? void 0 : l.severity) === "success",
+            "text-danger": ((a = e.message) == null ? void 0 : a.severity) === "error",
+            "text-warning": ((s = e.message) == null ? void 0 : s.severity) === "warn"
+          }
+        ]
+      };
+    }
+  },
+  dropdown: {
+    root: (e) => ({
+      class: [
+        {
+          "rounded-0 rounded-top": e.state.overlayVisible,
+          disabled: e.instance.disabled,
+          "form-control": !e.instance.disabled
+        },
+        "d-flex cursor-pointer w-100"
+      ]
+    }),
+    input: () => ({
+      class: ["fs-6 border-0"]
+    }),
+    trigger: (e) => ({
+      class: {
+        "ms-2": e.props.showClear,
+        "ms-auto": !e.props.showClear || !e.props.modelValue
+      }
+    }),
+    loadingIcon: () => ({
+      class: ["spinner-border spinner-border-sm border-0"]
+    }),
+    clearIcon: () => ({
+      class: ["ms-auto my-auto"]
+    }),
+    list: () => ({
+      class: ["border list-unstyled rounded-bottom bg-white"]
+    }),
+    item: (e) => ({
+      class: [
+        "px-2 py-1 cursor-pointer item",
+        {
+          "bg-primary text-white": e.context.selected
+        }
+      ]
+    }),
+    itemGroup: () => ({
+      class: ["d-flex px-2 py-1 fw-bold"]
+    }),
+    filterContainer: () => ({
+      class: ["d-flex border-start border-end p-2 bg-light"]
+    }),
+    filterIcon: () => ({
+      class: ["my-auto ms-3 me-2"]
+    }),
+    filterInput: () => ({
+      class: ["form-control"]
+    })
+  },
+  column: {
+    sortBadge: "ms-2 my-auto cursor-pointer",
+    headerCell: (e) => {
+      var t, l, a, s;
+      return {
+        class: [{
+          "cursor-move": e.props.reorderableColumns,
+          "position-sticky": ((t = e.column) == null ? void 0 : t.context.frozen) !== void 0 || ((l = e.column) == null ? void 0 : l.context.frozen) || ((a = e.column) == null ? void 0 : a.context.frozen) === "",
+          "overflow-hidden position-relative bg-clip-padding": (s = e.column) == null ? void 0 : s.context.resizable
+        }]
+      };
+    },
+    roweditorinitbutton: "btn",
+    rowtoggler: {
+      class: "btn"
+    },
+    columnresizer: {
+      class: "position-absolute top-0 end-0 m-0 h-100 p-0 cursor-resize border border-transparent"
+    },
+    roweditorsavebutton: "btn",
+    roweditorcancelbutton: "btn",
+    bodyCell: (e) => {
+      var t;
+      return {
+        class: {
+          "position-sticky": ((t = e.column.props) == null ? void 0 : t.frozen) !== void 0,
+          "overflow-hidden text-nowrap": e.props.resizableColumns
+        }
+      };
+    },
+    rowreordericon: "cursor-move",
+    filterMenuButton: ({ props: e }) => ({
+      class: [
+        "btn",
+        {
+          "d-none": e.type !== "text" && e.type !== "numeric" && e.type !== "date"
+        }
+      ]
+    }),
+    headerFilterClearButton: () => ({
+      class: [
+        "btn"
+      ]
+    }),
+    filterOverlay: {
+      class: [
+        "show dropdown-menu"
+      ]
+    },
+    filterRowItems: {
+      class: [
+        "list-unstyled"
+      ]
+    },
+    columnfilter: "d-flex",
+    filterRowItem: (e) => {
+      var t;
+      return {
+        class: [
+          "dropdown-item cursor-pointer",
+          {
+            //@ts-ignore
+            active: (t = e.column.context) == null ? void 0 : t.highlighted
+          }
+        ]
+      };
+    },
+    filterSeparator: {
+      class: [
+        "dropdown-divider"
+      ]
+    },
+    headerContent: "d-flex",
+    sort: "d-flex ms-auto my-auto cursor-pointer",
+    rowCheckbox: (e) => ({
+      class: [
+        "form-check-input px-2 py-2 rounded position-relative",
+        {
+          "bg-primary": e.props.checked,
+          "form-check-input__focus": e.state.focused
+        }
+      ]
+    }),
+    rowRadioButton: (e) => ({
+      class: [
+        "form-check-input",
+        {
+          disabled: e.props.disabled
+        }
+      ]
+    })
+  },
+  inputtext: {
+    root: (e) => {
+      var t, l;
+      return {
+        class: [
+          "form-control",
+          {
+            "form-control-lg": ((t = e.props.size) == null ? void 0 : t.toLowerCase()) == "large",
+            "form-control-sm": ((l = e.props.size) == null ? void 0 : l.toLowerCase()) == "small"
+          }
+        ]
+      };
+    }
+  },
+  multiselect: {
+    root: {
+      class: ["form-control d-flex cursor-pointer"]
+    },
+    trigger: {
+      class: ["ms-auto"]
+    },
+    panel: {
+      class: ["border rounded-bottom bg-white"]
+    },
+    list: {
+      class: ["p-2 mb-0 list-unstyled"]
+    },
+    item: {
+      class: ["dropdown-item d-flex"]
+    },
+    header: {
+      class: "d-flex border-bottom pb-2"
+    },
+    headercheckboxcontainer: {
+      class: ["form-check ms-2 mt-2"]
+    },
+    headercheckbox: (e) => ({
+      class: [
+        "form-check-input px-2 py-2 rounded position-relative",
+        {
+          "bg-primary": e.instance.allSelected
+        }
+      ]
+    }),
+    headercheckboxicon: {
+      class: "mb-1 fw-medium text-white position-absolute filter-header-multiselect__check-icon"
+    },
+    filtercontainer: {
+      class: ["d-flex position-relative mt-1 ps-2"]
+    },
+    filterinput: {
+      class: ["form-control"]
+    },
+    filtericon: {
+      class: ["position-absolute bottom-0 end-0"],
+      style: "top: 35%; left: 87%;"
+    },
+    closebutton: {
+      class: "btn"
+    },
+    checkbox: (e) => ({
+      class: [
+        "form-check-input px-2 py-2 rounded position-relative",
+        {
+          "bg-primary": e.context.selected,
+          "form-check-input__focus": e.state.focused
+        }
+      ]
+    }),
+    checkboxicon: {
+      class: "mb-1 fw-medium text-white position-absolute filter-header-multiselect__check-icon"
+    }
+  },
+  inputmask: {
+    root: () => ({
+      class: [
+        "form-control"
+      ]
+    })
+  },
+  textarea: {
+    root: () => ({
+      class: [
+        "form-control"
+      ]
+    })
+  },
+  message: {
+    root: ({ props: e }) => ({
+      class: [
+        "alert",
+        {
+          "alert-primary": e.severity === "primary" || e.severity === void 0,
+          "alert-secondary": e.severity === "secondary",
+          "alert-success": e.severity === "success",
+          "alert-warning": e.severity === "warning" || e.severity === "warn",
+          "alert-danger": e.severity === "danger" || e.severity === "error",
+          "alert-info": e.severity === "info"
+        }
+      ]
+    }),
+    text: () => ({
+      class: ["my-auto"]
+    }),
+    wrapper: () => ({
+      class: ["d-flex"]
+    }),
+    icon: () => ({
+      class: ["alert-icon my-auto me-2 pe-1"]
+    }),
+    closeButton: () => ({
+      class: ["px-0 ms-2 btn d-flex"]
+    })
+  },
+  badge: {
+    root: ({ props: e }) => ({
+      class: [
+        "badge",
+        {
+          "badge-primary": e.severity === "primary" || e.severity === null,
+          "badge-secondary": e.severity === "secondary",
+          "badge-success": e.severity === "success",
+          "badge-warning": e.severity === "warning" || e.severity === "warn",
+          "badge-danger": e.severity === "danger",
+          "badge-info": e.severity === "info"
+        },
+        {
+          "badge-xl fs-4 lh-sm": e.size === "xlarge",
+          "badge-lg fs-5 lh-1": e.size === "large"
+        }
+      ]
+    })
+  },
+  card: {
+    root: () => ({
+      class: ["card"]
+    }),
+    title: () => ({
+      class: ["card-title h4"]
+    }),
+    subtitle: () => ({
+      class: ["card-subtitle mb-2"]
+    }),
+    content: () => ({
+      class: ["card-text h-100"]
+    }),
+    body: () => ({
+      class: ["card-body"]
+    }),
+    footer: () => ({
+      class: ["mt-3"]
+    }),
+    header: () => ({
+      class: ["card-header"]
+    })
+  },
+  progressspinner: {
+    spinner: () => ({
+      class: [
+        "spinner-border"
+      ]
+    })
+  },
+  selectbutton: {
+    root: () => ({
+      class: ["btn-group"]
+    }),
+    button: ({ context: e, props: t }) => ({
+      class: [
+        "btn",
+        {
+          "btn-primary": e.active,
+          "btn-outline-primary": !e.active
+        },
+        {
+          "disabled w-auto": t.disabled || t.optionDisabled === e.option
+        }
+      ]
+    })
+  },
+  dialog: {
+    root: () => ({
+      class: ["modal modal-dialog modal-content vw-100"]
+    }),
+    header: () => ({
+      class: ["modal-header"]
+    }),
+    headerTitle: () => ({
+      class: ["h5 modal-title text-black"]
+    }),
+    content: () => ({
+      class: ["modal-body"]
+    }),
+    footer: () => ({
+      class: ["modal-footer"]
+    }),
+    headerIcons: () => ({
+      class: ["ms-auto"]
+    }),
+    maximizableButton: ({ props: e }) => ({
+      class: [
+        {
+          "me-2": e.closable
+        }
+      ]
+    }),
+    mask: ({ props: e }) => ({
+      class: [{
+        "modal-open": e.modal && e.visible
+      }]
+    })
+  },
+  tabview: {
+    navContainer: () => ({
+      class: ["nav nav-tabs position-relative"]
+    }),
+    navContent: () => ({
+      class: ["overflow-hidden"]
+    }),
+    nav: () => ({
+      class: ["mb-0 list-unstyled d-flex"]
+    }),
+    previousButton: () => ({
+      class: ["bg-white btn h-100 position-absolute top-0 d-flex align-items-center justify-content-center"]
+    }),
+    nextButton: () => ({
+      class: ["bg-white btn h-100 position-absolute top-0 end-0 d-flex align-items-center justify-content-center"]
+    })
+  },
+  tabpanel: {
+    root: () => ({
+      class: ["nav-item"]
+    }),
+    headerAction: (e) => {
+      var t;
+      return {
+        class: [
+          "nav-link cursor-pointer",
+          {
+            active: e.tabpanel.context.active,
+            disabled: (t = e.tabpanel.props) == null ? void 0 : t.disabled
+          }
+        ]
+      };
+    },
+    content: () => ({
+      class: ["p-2"]
+    })
+  },
+  directives: {
+    tooltip: {
+      root: ({ context: e }) => ({
+        class: [
+          "tooltip show position-absolute",
+          {
+            "bs-tooltip-end ms-1": (e == null ? void 0 : e.right) || !(e != null && e.right) && !(e != null && e.left) && !(e != null && e.top) && !(e != null && e.bottom),
+            "bs-tooltip-start me-1": e == null ? void 0 : e.left,
+            "bs-tooltip-top": e == null ? void 0 : e.top,
+            "bs-tooltip-bottom": e == null ? void 0 : e.bottom
+          }
+        ]
+      }),
+      arrow: () => ({
+        class: [
+          "tooltip-arrow position-absolute"
+        ]
+      }),
+      text: {
+        class: ["tooltip-inner"]
+      }
+    }
+  },
+  // More PassThrough options in component file.
+  progressbar: {
+    root: () => ({
+      class: ["progress"]
+    }),
+    value: () => ({
+      class: ["progress-bar"]
+    }),
+    label: () => ({
+      class: ["text-white"]
+    })
+  },
+  // More PassThrough options defined in ForgeDatepicker.
+  calendar: {
+    root: "d-inline-flex relative",
+    input: "form-control",
+    panel: ({ props: e }) => ({
+      class: [
+        "datepicker-panel bg-white",
+        {
+          "shadow border-0 position-absolute": !e.inline
+        }
+      ]
+    }),
+    header: "d-flex align-items-center justify-content-between p-2 border-bottom",
+    previousButton: "btn mb-1",
+    nextButton: "btn mb-1",
+    yearTitle: "btn",
+    monthTitle: "btn",
+    table: "m-2",
+    tableHeaderRow: "p-2",
+    weekday: "ms-2 ps-1",
+    monthPicker: "my-2",
+    month: "btn w-25",
+    yearPicker: "my-2",
+    year: "btn w-25",
+    timePicker: "d-flex justify-content-center align-items-center border-top p-2",
+    separatorContainer: "d-flex flex-column align-items-center px-2",
+    separator: "fs-4 mb-2",
+    hourPicker: "px-2 fs-5",
+    hour: "my-2",
+    minutePicker: "px-2 fs-5",
+    minute: "my-2",
+    secondPicker: "px-2 fs-5",
+    second: "my-2",
+    buttonbar: ({ props: e }) => ({
+      class: [
+        "p-2",
+        {
+          "border-top": !e.showTime
+        }
+      ]
+    })
+  },
+  steps: {
+    root: "w-100 mx-2 line",
+    menu: "p-0 m-0 list-unstyled d-flex justify-content-between "
+  },
+  divider: {
+    root: "border-bottom m-4 w-100"
+  },
+  // More PassThrough options in component file.
+  chips: {
+    root: "d-flex",
+    label: "pe-2"
+  },
+  // More PassThrough options in component file.
+  menubar: {
+    menu: ({ instance: e }) => ({
+      class: [
+        "navbar-nav navbar-collapse collapse me-auto",
+        {
+          "show dropdown shadow-sm": e.mobileActive
+        }
+      ]
+    }),
+    menuitem: ({ context: e }) => ({
+      class: [
+        "nav-item cursor-pointer",
+        {
+          dropdown: e.item.items.length > 0
+        }
+      ]
+    }),
+    action: ({ context: e, instance: t }) => ({
+      class: [
+        {
+          active: e.active,
+          "nav-link": e.level === 0,
+          "dropdown-item": e.level > 0,
+          disabled: e.item.item.disabled,
+          "px-3": t.mobileActive
+        }
+      ]
+    }),
+    separator: ({ instance: e }) => ({
+      class: [
+        {
+          "border-bottom w-100": e.mobileActive || e.level > 0
+        }
+      ]
+    }),
+    submenu: ({ instance: e }) => ({
+      class: [
+        "dropdown-menu w-fit-content",
+        {
+          "position-absolute end-100": e.level > 1
+        }
+      ]
+    }),
+    button: (e) => ({
+      class: [
+        "ms-auto me-3",
+        {
+          "d-none": !e.state.queryMatches
+        }
+      ]
+    }),
+    submenuicon: "ms-1"
+  },
+  overlaypanel: {
+    root: (e) => ({
+      class: [
+        "card w-fit-content m-0",
+        {
+          "p-4": e.props.showCloseIcon,
+          "p-3": !e.props.showCloseIcon
+        }
+      ]
+    }),
+    content: "d-flex position-relative",
+    closeButton: "position-absolute top-0 end-0 p-1 btn btn-link text-black ms-2"
+  },
+  menu: {
+    menu: (e) => ({
+      class: [
+        "dropdown dropdown-menu",
+        {
+          show: e.state.overlayVisible
+        }
+      ]
+    }),
+    menuitem: () => ({
+      class: [
+        "dropdown-item cursor-pointer"
+      ]
+    })
+  },
+  dataTable: {
+    table: (e) => ({
+      class: [
+        "table position-relative",
+        {
+          "table-striped": e.props.stripedRows,
+          "table-hover": e.props.rowHover,
+          "table-bordered": e.props.showGridlines,
+          "table-sm": e.props.size === "small",
+          "table-lg": e.props.size === "large",
+          "opacity-50": e.props.loading
+        }
+      ]
+    }),
+    bodyRow: (e) => ({
+      class: {
+        "table-active": e.context.selected
+      }
+    }),
+    rowgrouptoggler: "btn",
+    thead: () => ({
+      class: "sticky-header"
+    }),
+    //@ts-ignore
+    tbody: (e) => ({
+      class: {
+        "sticky-header": e.props.frozenRow
+      }
+    }),
+    loadingOverlay: () => ({
+      class: "table-overlay table-spinner"
+    }),
+    loadingIcon: () => ({
+      class: "spinner-border border-0"
+    })
+  },
+  paginator: {
+    root: (e) => {
+      var t;
+      return {
+        class: [
+          "m-auto pagination justify-content-center",
+          {
+            "opacity-50": (t = e.parent) == null ? void 0 : t.props.loading
+          }
+        ]
+      };
+    },
+    pages: "d-flex",
+    firstPageButton: "page-link",
+    previousPageButton: "page-link",
+    nextPageButton: "page-link",
+    lastPageButton: "page-link me-2",
+    pageButton: ({ context: e }) => ({
+      class: [
+        "page-link",
+        {
+          active: e.active,
+          disabled: e.disabled
+        }
+      ]
+    })
+  },
+  image: {
+    root: "position-relative d-inline-block",
+    button: "preview-button",
+    mask: "position-fixed top-0 start-0 w-100 h-100 d-flex align-items-center justify-content-center mask",
+    preview: "preview",
+    toolbar: "position-absolute top-0 end-0 d-flex p-3",
+    rotaterightbutton: "btn text-white",
+    rotateleftbutton: "btn text-white",
+    zoomoutbutton: "btn text-white",
+    zoominbutton: "btn text-white",
+    closebutton: "btn text-white"
+  }
+}, te = /* @__PURE__ */ x({
+  __name: "ForgeAlert",
+  props: {
+    severity: { default: "primary" },
+    closable: { type: Boolean, default: !1 },
+    sticky: { type: Boolean, default: !0 },
+    life: { default: void 0 },
+    icon: {},
+    closeIcon: {},
+    closeButtonProps: {},
+    pt: {},
+    ptOptions: {},
+    unstyled: { type: Boolean }
+  },
+  setup(e) {
+    const t = e;
+    return (l, a) => {
+      const s = ye;
+      return n(), w(s, X(Q({ ...l.$attrs, ...t })), {
+        messageicon: f(() => [
+          m("div", {
+            class: S(t.icon ? "me-2 pe-1" : "")
+          }, [
+            t.icon ? (n(), w(p(C), {
+              key: 0,
+              "data-cy": "message-icon",
+              icon: t.icon,
+              class: S(`text-${t.severity}`),
+              height: 35
+            }, null, 8, ["icon", "class"])) : F("", !0)
+          ], 2)
+        ]),
+        closeicon: f(() => [
+          v(p(C), { icon: "bi:x" })
+        ]),
+        default: f(() => [
+          _(l.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+}), Ta = /* @__PURE__ */ x({
+  __name: "ForgeActionButton",
+  props: {
+    action: {},
+    errorAction: {},
+    errorParams: {},
+    params: { default: Array }
+  },
+  setup(e) {
+    const t = T(!1), l = e, a = async () => {
+      t.value = !0;
+      try {
+        await l.action.apply(this, l.params);
+      } catch (s) {
+        await l.errorAction.apply(this, l.errorParams ? [...l.errorParams, s] : [s]);
+      }
+      t.value = !1;
+    };
+    return (s, o) => {
+      const u = A;
+      return n(), y(U, null, [
+        v(u, B({ ...l, ...s.$attrs }, {
+          loading: t.value,
+          disabled: t.value || l.disabled,
+          onClick: a
+        }), null, 16, ["loading", "disabled"]),
+        v(p(ve))
+      ], 64);
+    };
+  }
+}), Pe = {
+  class: "d-flex",
+  "data-cy": "checkbox-container"
+}, Me = /* @__PURE__ */ m("div", null, null, -1), Ue = ["for"], De = /* @__PURE__ */ x({
+  __name: "ForgeCheckbox",
+  props: {
+    label: { default: "" },
+    rules: {},
+    value: {},
+    modelValue: {},
+    name: {},
+    binary: { type: Boolean, default: !0 },
+    invalid: { type: Boolean },
+    disabled: { type: Boolean },
+    variant: {},
+    readonly: { type: Boolean },
+    required: { type: Boolean },
+    tabindex: {},
+    trueValue: {},
+    falseValue: {},
+    inputId: {},
+    inputClass: {},
+    inputStyle: {},
+    ariaLabelledby: {},
+    ariaLabel: {},
+    pt: {},
+    ptOptions: {},
+    unstyled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const l = t, a = e, { checked: s, handleChange: o, errors: u, errorMessage: d } = W(() => a.name ?? a.label, a.rules, {
+      type: "checkbox",
+      checkedValue: !0,
+      initialValue: a.modelValue
+    }), r = (b) => {
+      a.disabled || (o(b), l("update:modelValue", !a.modelValue));
+    }, i = k(() => u.value.length > 0);
+    return (b, c) => {
+      const g = fe;
+      return n(), y(U, null, [
+        m("div", Pe, [
+          v(g, B({
+            id: a.name
+          }, { ...b.$attrs, ...a }, {
+            value: p(s),
+            "input-class": { "is-invalid": i.value },
+            onChange: r
+          }), {
+            icon: f(() => [
+              Me
+            ]),
+            _: 1
+          }, 16, ["id", "value", "input-class"]),
+          m("label", {
+            for: a.name,
+            class: S(`${a.disabled ? "opacity-50" : "cursor-pointer"}`),
+            onClick: r
+          }, [
+            _(b.$slots, "default", {}, () => [
+              P(h(a.label), 1)
+            ])
+          ], 10, Ue)
+        ]),
+        O(m("small", {
+          "data-cy": "error",
+          class: "text-invalid"
+        }, h(p(d)), 513), [
+          [L, i.value]
+        ])
+      ], 64);
+    };
+  }
+}), Ae = { class: "forge-loader" }, ce = /* @__PURE__ */ x({
+  __name: "ForgeLoader",
+  props: {
+    severity: { default: "primary" }
+  },
+  setup(e) {
+    const t = e;
+    return (l, a) => {
+      const s = ge;
+      return n(), y("div", Ae, [
+        v(s, {
+          "animation-duration": ".75",
+          class: S(`text-${t.severity === void 0 ? "primary" : t.severity}`)
+        }, null, 8, ["class"])
+      ]);
+    };
+  }
+});
+function Ne(e) {
+  const t = {
+    errorMessage: "",
+    errorDetails: []
+  };
+  if (e.exception && (t.errorMessage = e.exception), e.message && (Array.isArray(e.message) ? t.errorDetails = e.message : t.errorMessage = e.message), e.response) {
+    const l = JSON.parse(e.response);
+    l.errors && (t.errorDetails = Object.values(l.errors).flat()), l.message && (t.errorDetails = l.message);
+  }
+  return t.errorMessage === "" && t.errorDetails.length === 0 && (t.errorMessage = e), t;
+}
+const Oe = { key: 0 }, Re = {
+  class: "d-flex w-100",
+  "data-cy": "footer"
+}, Pa = /* @__PURE__ */ x({
+  __name: "ForgeModal",
+  props: {
+    cancelText: { default: "Cancel" },
+    submitText: { default: "Submit" },
+    showFooter: { type: Boolean, default: !0 },
+    onConfirm: { type: [Function, null], default: null },
+    header: { default: "Header" },
+    footer: {},
+    visible: { type: Boolean },
+    modal: { type: Boolean, default: !0 },
+    contentStyle: {},
+    contentClass: {},
+    contentProps: {},
+    rtl: { type: Boolean },
+    closable: { type: Boolean, default: !1 },
+    dismissableMask: { type: Boolean },
+    closeOnEscape: { type: Boolean },
+    showHeader: { type: Boolean, default: !0 },
+    blockScroll: { type: Boolean },
+    baseZIndex: {},
+    autoZIndex: { type: Boolean },
+    position: {},
+    maximizable: { type: Boolean },
+    breakpoints: {},
+    draggable: { type: Boolean },
+    keepInViewPort: { type: Boolean },
+    minX: {},
+    minY: {},
+    appendTo: {},
+    style: {},
+    closeIcon: {},
+    maximizeIcon: {},
+    minimizeIcon: {},
+    pt: {},
+    ptOptions: {},
+    unstyled: { type: Boolean }
+  },
+  emits: ["update:visible"],
+  setup(e, { emit: t }) {
+    const l = t, a = e, s = T(!1), o = T({
+      hasError: !1,
+      header: "",
+      message: []
+    }), u = () => {
+      l("update:visible", !1);
+    }, d = async () => {
+      if (a.onConfirm) {
+        s.value = !0, o.value.hasError = !1;
+        try {
+          const r = await a.onConfirm();
+          (r || r == null) && u();
+        } catch (r) {
+          o.value.hasError = !0;
+          const i = Ne(r);
+          o.value.header = i.errorMessage, o.value.message = i.errorDetails;
+        }
+        s.value = !1;
+      }
+    };
+    return (r, i) => {
+      const b = A, c = he;
+      return n(), w(c, X(Q(a)), ee({
+        closeicon: f(() => [
+          v(p(C), {
+            "data-cy": "close-icon",
+            icon: "bi:x-lg",
+            width: "21",
+            height: "21",
+            onClick: u
+          })
+        ]),
+        maximizeicon: f(() => [
+          v(p(C), {
+            "data-cy": "maximisable-icon",
+            icon: "bi:arrows-fullscreen"
+          })
+        ]),
+        default: f(() => [
+          o.value.hasError ? (n(), w(te, {
+            key: 0,
+            severity: "danger",
+            "data-cy": "error"
+          }, {
+            default: f(() => [
+              m("p", {
+                class: S(o.value.message.length > 0 ? "my-auto" : "mb-0")
+              }, h(o.value.header), 3),
+              o.value.message.length > 0 ? (n(), y("ul", Oe, [
+                (n(!0), y(U, null, R(o.value.message, (g) => (n(), y("li", { key: g }, h(g), 1))), 128))
+              ])) : F("", !0)
+            ]),
+            _: 1
+          })) : F("", !0),
+          _(r.$slots, "default"),
+          s.value ? _(r.$slots, "loader", { key: 1 }, () => [
+            v(ce, { "data-cy": "loader" })
+          ]) : F("", !0)
+        ]),
+        _: 2
+      }, [
+        r.showFooter ? {
+          name: "footer",
+          fn: f(() => [
+            m("div", Re, [
+              v(b, {
+                label: r.cancelText,
+                outlined: "",
+                onClick: u,
+                "data-cy": "cancel-button"
+              }, null, 8, ["label"]),
+              v(b, {
+                label: r.submitText,
+                class: "ms-auto",
+                onClick: d,
+                "data-cy": "submit-button"
+              }, null, 8, ["label"])
+            ])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040);
+    };
+  }
+}), Ee = ["id"], je = { key: 0 }, Le = { key: 0 }, He = { class: "d-flex justify-content-between align-items-center position-relative" }, qe = { key: 1 }, Ge = { "data-cy": "readonly-value" }, Ke = /* @__PURE__ */ x({
+  __name: "ForgeInlineEditor",
+  props: /* @__PURE__ */ K({
+    name: { default: "" },
+    rules: {},
+    completeAction: {},
+    errorAction: {},
+    params: { default: Array },
+    errorParams: {},
+    readonly: { type: Boolean, default: !1 }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = e, l = j(e, "modelValue"), a = T(!1), s = T(), o = () => {
+      var $;
+      a.value = !a.value, ($ = s.value) == null || $.focus();
+    }, u = async () => {
+      if (g.value)
+        return !1;
+      if (l.value = c.value, t.completeAction)
+        try {
+          await t.completeAction.apply(this, t.params), a.value = !a.value;
+        } catch {
+          t.errorAction && await t.errorAction.apply(this, t.errorParams);
+        }
+      else
+        a.value = !a.value;
+    }, d = () => {
+      a.value = !a.value;
+    }, r = () => {
+      c.value = null;
+    }, { errorMessage: i, errors: b, value: c } = W(() => t.name, t.rules);
+    ie(() => {
+      c.value = l.value;
+    });
+    const g = k(() => b.value.length > 0);
+    return ($, z) => {
+      const D = oe, H = A;
+      return n(), y("div", {
+        id: t.name
+      }, [
+        $.readonly ? (n(), y("div", qe, [
+          _($.$slots, "default", {}, () => [
+            m("span", Ge, h(p(c)), 1)
+          ])
+        ])) : (n(), y("div", je, [
+          a.value ? (n(), y("div", Le, [
+            O((n(), y("div", He, [
+              _($.$slots, "editor", {
+                class: S({ "is-invalid": g.value }),
+                editFinished: u,
+                cancel: d,
+                val: p(c)
+              }, () => [
+                v(D, {
+                  "data-cy": "input",
+                  ref_key: "input",
+                  ref: s,
+                  modelValue: p(c),
+                  "onUpdate:modelValue": z[0] || (z[0] = (q) => E(c) ? c.value = q : null),
+                  modelModifiers: { trim: !0 },
+                  class: S({ "is-invalid": g.value }),
+                  onKeydown: [
+                    Y(u, ["enter"]),
+                    Y(d, ["esc"])
+                  ]
+                }, null, 8, ["modelValue", "class"])
+              ]),
+              v(p(C), {
+                icon: "bi:x-circle",
+                class: "mx-2 cursor-pointer",
+                onClick: r,
+                onKeydown: Y(r, ["enter"]),
+                "data-cy": "clear-icon"
+              })
+            ])), [
+              [p(we), u]
+            ])
+          ])) : (n(), y("div", {
+            key: 1,
+            class: "d-flex text-muted",
+            onClick: o,
+            onFocus: o
+          }, [
+            _($.$slots, "default", {}, () => [
+              m("div", {
+                class: S(["pe-2 cursor-pointer", { "text-invalid": g.value }]),
+                "data-cy": "value"
+              }, h(p(c) ? p(c) : "Click to edit"), 3)
+            ]),
+            v(H, {
+              link: "",
+              class: "p-0 m-0"
+            }, {
+              default: f(() => [
+                v(p(C), {
+                  icon: "bi:pencil",
+                  class: S(g.value ? "text-invalid" : "text-muted"),
+                  "data-cy": "edit-icon",
+                  onKeydown: Y(o, ["enter"])
+                }, null, 8, ["class"])
+              ]),
+              _: 1
+            })
+          ], 32))
+        ])),
+        O(m("small", {
+          "data-cy": "error",
+          class: "text-invalid"
+        }, h(p(i)), 513), [
+          [L, g.value]
+        ])
+      ], 8, Ee);
+    };
+  }
+}), We = ["href"], Ma = /* @__PURE__ */ x({
+  __name: "ForgeNavbar",
+  props: {
+    severity: { default: "light" },
+    logoUrl: { default: "#" },
+    position: {},
+    model: {},
+    breakpoint: {},
+    exact: { type: Boolean },
+    buttonProps: {},
+    ariaLabel: {},
+    ariaLabelledby: {},
+    pt: {},
+    ptOptions: {},
+    unstyled: { type: Boolean }
+  },
+  setup(e) {
+    const t = e, l = k(() => ({
+      root: () => ({
+        class: [
+          "navbar container-fluid navbar-expand-lg",
+          {
+            "bg-light": t.severity === "light",
+            "bg-dark": t.severity === "dark",
+            "bg-primary": t.severity === "primary",
+            "bg-secondary": t.severity === "secondary",
+            "bg-success": t.severity === "success",
+            "bg-warning": t.severity === "warning",
+            "bg-danger": t.severity === "danger",
+            "bg-info": t.severity === "info"
+          },
+          {
+            "navbar-light": t.severity === "light",
+            "navbar-dark": t.severity !== "light"
+          },
+          {
+            "fixed-top": t.position === "fixed-top",
+            "fixed-bottom": t.position === "fixed-bottom",
+            "sticky-top": t.position === "sticky-top"
+          }
+        ]
+      })
+    }));
+    return (a, s) => {
+      const o = _e;
+      return n(), w(o, B({ ...t, ...a.$attrs }, {
+        pt: l.value,
+        "data-cy": "navbar"
+      }), ee({
+        start: f(() => [
+          m("a", {
+            href: a.logoUrl,
+            class: "navbar-brand ms-3",
+            "data-cy": "logo"
+          }, [
+            _(a.$slots, "logo", {}, () => [
+              P(" Logo ")
+            ])
+          ], 8, We)
+        ]),
+        menubuttonicon: f(() => [
+          _(a.$slots, "menubuttonicon", {}, () => [
+            v(p(C), {
+              icon: "bi:list",
+              class: S(t.severity === "light" ? "text-black" : "text-white"),
+              height: "24",
+              "data-cy": "burger-icon"
+            }, null, 8, ["class"])
+          ])
+        ]),
+        _: 2
+      }, [
+        R(a.$slots, (u, d) => ({
+          name: d,
+          fn: f((r) => [
+            _(a.$slots, d, X(Q(r)))
+          ])
+        }))
+      ]), 1040, ["pt"]);
+    };
+  }
+}), Ze = ["onMousedown"], Ye = ["checked"], Je = /* @__PURE__ */ m("strong", null, "Select all", -1), Xe = ["data-cy"], Qe = ["checked"], et = /* @__PURE__ */ x({
+  __name: "ForgeMultiSelect",
+  props: {
+    severity: { default: "primary" },
+    showSelectAll: { type: Boolean, default: !1 },
+    showClearSelection: { type: Boolean, default: !1 },
+    expandLeft: { type: Boolean, default: !1 },
+    selectValue: { default: "" },
+    rules: {},
+    name: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const l = e, a = re(), s = t, { errors: o, value: u, errorMessage: d } = W(() => l.name, l.rules), r = T(!1), i = k(() => ({
+      multiple: !0,
+      label: "label",
+      trackBy: "id",
+      showPointer: !r.value,
+      placeholder: "Select...",
+      allowEmpty: !0,
+      selectValue: "",
+      closeOnSelect: !!(a.multiple === null || a.multiple),
+      clearOnSelect: !!(a.multiple === null || a.multiple),
+      searchable: !!((a.searchable === null || a.searchable) && !g.value),
+      async: !1,
+      ...a
+    })), b = k(() => `forge-multiselect-${l.severity}`), c = k(() => `multiselect-option ${r.value ? " multiselect__option--highlight" : ""} ${g.value ? " multiselect__option--selected" : ""}`), g = k(() => i.value && !(i.value.multiple || !l.showSelectAll || i.value.async) ? !1 : a.modelValue.length === a.options.length), $ = k(() => o.value.length > 0), z = k(() => !!((a.allowEmpty == null || a.allowEmpty) && l.showClearSelection && (i.value.multiple ? a.modelValue.length > 0 : a.modelValue))), D = () => r.value = !0, H = () => r.value = !1, q = () => {
+      u.value = i.value.multiple ? [] : null, s("update:modelValue", u.value);
+    }, ae = (V) => {
+      s("update:modelValue", l.selectValue ? V.map((I) => I[l.selectValue]) : V);
+    }, Z = (V) => a.modelValue !== null ? a.modelValue.some((I) => i.value.selectValue ? V[l.selectValue] === I : V.id === I.id && V.label === I.label) : !1, le = () => {
+      g.value ? q() : (u.value = [...a.options], s("update:modelValue", [...a.options]));
+    };
+    return (V, I) => (n(), y(U, null, [
+      v(p(ke), B(i.value, {
+        class: [b.value, $.value ? "is-invalid" : ""],
+        "data-cy": "multiselect",
+        "onUpdate:modelValue": [
+          ae,
+          I[1] || (I[1] = (M) => E(u) ? u.value = M : null)
+        ],
+        modelValue: p(u)
+      }), ee({
+        default: f(() => [
+          (n(!0), y(U, null, R(V.$slots, (M, N) => _(V.$slots, N, { slot: N })), 256))
+        ]),
+        _: 2
+      }, [
+        z.value ? {
+          name: "caret",
+          fn: f(({ toggle: M }) => [
+            v(p(C), {
+              icon: "bi:x",
+              class: "my-auto multiselect__clear-icon",
+              onMousedown: I[0] || (I[0] = G((N) => q(), ["prevent", "stop"])),
+              "data-cy": "clear"
+            }),
+            m("div", {
+              class: "multiselect__select",
+              onMousedown: G(M, ["prevent", "stop"])
+            }, null, 40, Ze)
+          ]),
+          key: "0"
+        } : void 0,
+        i.value.multiple && V.showSelectAll && !i.value.async ? {
+          name: "beforeList",
+          fn: f(() => [
+            m("li", {
+              class: "multiselect__element",
+              onClick: le,
+              onMouseover: D,
+              onMouseleave: H,
+              "data-cy": "toggle-all"
+            }, [
+              m("span", {
+                class: S(`multiselect__option ${c.value}`)
+              }, [
+                m("input", {
+                  checked: g.value,
+                  name: "selected",
+                  type: "checkbox",
+                  class: "multiselect__option--checkbox"
+                }, null, 8, Ye),
+                Je
+              ], 2)
+            ], 32)
+          ]),
+          key: "1"
+        } : void 0,
+        i.value.multiple ? {
+          name: "option",
+          fn: f(({ option: M }) => [
+            m("div", {
+              "data-cy": M.label
+            }, [
+              m("input", {
+                checked: Z(M),
+                name: "selected",
+                type: "checkbox",
+                class: "multiselect__option--checkbox"
+              }, null, 8, Qe),
+              P(" " + h(M[i.value.label]), 1)
+            ], 8, Xe)
+          ]),
+          key: "2"
+        } : void 0
+      ]), 1040, ["class", "modelValue"]),
+      O(m("small", {
+        "data-cy": "error",
+        class: "invalid-feedback"
+      }, h(p(d)), 513), [
+        [L, $.value]
+      ])
+    ], 64));
+  }
+}), tt = {
+  key: 0,
+  class: "pl-1"
+}, at = { class: "border alternating-item-list" }, lt = {
+  key: 0,
+  class: "p-2 border-top border-bottom",
+  "data-cy": "title"
+}, ot = { class: "d-inline-block" }, st = {
+  key: 1,
+  class: "p-2 item d-flex justify-content-between align-items-center"
+}, Ua = /* @__PURE__ */ x({
+  __name: "ForgeMultiSelectPreview",
+  props: {
+    title: { default: "Selected Items" },
+    orientation: { default: "row" },
+    height: { default: "200px" },
+    options: {},
+    canRemoveItemFromPreview: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const l = e, a = re(), s = t, o = k(() => `${a.modelValue.length} selected`), u = k(() => a.modelValue.length), d = (i) => {
+      s("update:modelValue", i);
+    }, r = (i) => {
+      d(a.modelValue.filter((b) => b.id !== i));
+    };
+    return (i, b) => {
+      const c = A;
+      return n(), y("div", {
+        class: S(i.orientation === "column" ? "row" : ""),
+        "data-cy": "multiselect-preview"
+      }, [
+        m("div", {
+          class: S(i.orientation === "row" ? "col-12 mb-1" : "col"),
+          "data-cy": "multiselect-container"
+        }, [
+          v(et, {
+            "onUpdate:modelValue": [
+              b[0] || (b[0] = (g) => d(g)),
+              b[1] || (b[1] = (g) => i.$attrs.modelValue = g)
+            ],
+            modelValue: i.$attrs.modelValue,
+            "limit-text": o.value,
+            options: l.options
+          }, {
+            tag: f(() => [
+              P(h(""))
+            ]),
+            selection: f(() => [
+              i.$attrs.modelValue.length > 0 ? (n(), y("span", tt, h(u.value) + " items selected", 1)) : F("", !0)
+            ]),
+            default: f(() => [
+              (n(!0), y(U, null, R(i.$slots, (g, $) => _(i.$slots, $, { slot: $ })), 256))
+            ]),
+            _: 3
+          }, 8, ["modelValue", "limit-text", "options"]),
+          _(i.$slots, "after-multi-select")
+        ], 2),
+        m("div", {
+          class: S(i.orientation === "row" ? "col-12" : "col"),
+          "data-cy": "options-preview"
+        }, [
+          m("div", {
+            style: be({ height: i.height }),
+            class: "overflow-auto"
+          }, [
+            m("div", at, [
+              i.title ? (n(), y("div", lt, h(i.title), 1)) : F("", !0),
+              (n(!0), y(U, null, R(i.$attrs.modelValue, (g) => (n(), y("div", {
+                key: g.id,
+                class: "p-2 item d-flex justify-content-between align-items-center"
+              }, [
+                _(i.$slots, "list-item", { item: g }, () => [
+                  m("span", ot, h(g.shortLabel ? g.shortLabel : g.label), 1)
+                ]),
+                i.canRemoveItemFromPreview ? (n(), w(c, {
+                  key: 0,
+                  link: "",
+                  class: "m-0 p-0 d-flex align-items-center",
+                  onClick: ($) => r(g.id)
+                }, {
+                  default: f(() => [
+                    v(p(C), {
+                      icon: "bi:x",
+                      class: "close-icon",
+                      "data-cy": `close-icon-${g.id}`
+                    }, null, 8, ["data-cy"])
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"])) : F("", !0)
+              ]))), 128)),
+              i.$attrs.modelValue.length === 0 ? (n(), y("div", st, "No Items Selected.")) : F("", !0)
+            ])
+          ], 4)
+        ], 2)
+      ], 2);
+    };
+  }
+}), nt = { class: "d-flex justify-content-between pb-2" }, it = {
+  "data-cy": "title",
+  class: "h3"
+}, rt = {
+  "data-cy": "slot",
+  class: "d-flex align-items-center"
+}, Da = /* @__PURE__ */ x({
+  __name: "ForgePageHeader",
+  props: {
+    title: {}
+  },
+  setup(e) {
+    const t = e;
+    return (l, a) => (n(), y("div", nt, [
+      m("h1", it, h(t.title), 1),
+      m("div", rt, [
+        _(l.$slots, "default")
+      ])
+    ]));
+  }
+}), dt = { "data-cy": "before-slot" }, ut = { "data-cy": "after-slot" }, ct = /* @__PURE__ */ x({
+  __name: "ForgeDatepicker",
+  props: {
+    severity: { default: "primary" },
+    modelValue: {},
+    selectionMode: { default: "single" },
+    dateFormat: { default: "dd/mm/yy" },
+    inline: { type: Boolean },
+    showOtherMonths: { type: Boolean, default: !0 },
+    selectOtherMonths: { type: Boolean },
+    showIcon: { type: Boolean, default: !0 },
+    iconDisplay: {},
+    icon: {},
+    previousIcon: {},
+    nextIcon: {},
+    incrementIcon: {},
+    decrementIcon: {},
+    numberOfMonths: { default: 1 },
+    responsiveOptions: {},
+    breakpoint: {},
+    view: { default: "date" },
+    touchUI: { type: Boolean },
+    monthNavigator: { type: Boolean },
+    yearNavigator: { type: Boolean },
+    yearRange: {},
+    minDate: {},
+    maxDate: {},
+    disabledDates: {},
+    disabledDays: {},
+    maxDateCount: {},
+    showOnFocus: { type: Boolean },
+    autoZIndex: { type: Boolean, default: !0 },
+    baseZIndex: { default: 0 },
+    showButtonBar: { type: Boolean, default: !0 },
+    shortYearCutoff: {},
+    showTime: { type: Boolean },
+    timeOnly: { type: Boolean },
+    hourFormat: {},
+    stepHour: {},
+    stepMinute: {},
+    stepSecond: {},
+    showSeconds: { type: Boolean },
+    hideOnDateTimeSelect: { type: Boolean },
+    hideOnRangeSelection: { type: Boolean },
+    timeSeparator: {},
+    showWeek: { type: Boolean },
+    manualInput: { type: Boolean },
+    invalid: { type: Boolean },
+    disabled: { type: Boolean },
+    variant: {},
+    readonly: { type: Boolean },
+    placeholder: {},
+    appendTo: { default: "body" },
+    id: {},
+    inputId: {},
+    inputStyle: {},
+    inputClass: {},
+    inputProps: {},
+    panelStyle: {},
+    panelClass: {},
+    panelProps: {},
+    ariaLabelledby: {},
+    ariaLabel: {},
+    pt: {},
+    ptOptions: {},
+    unstyled: { type: Boolean }
+  },
+  setup(e) {
+    const t = e, l = k(() => ({
+      dayLabel: ({ context: a }) => ({
+        class: [
+          "btn rounded-circle w-100 py-2",
+          {
+            "disabled border-0": a.disabled,
+            "btn-primary": a.selected && !a.disabled && (t.severity === void 0 || t.severity === "primary"),
+            "btn-secondary": a.selected && !a.disabled && t.severity === "secondary",
+            "btn-success": a.selected && !a.disabled && t.severity === "success",
+            "btn-warning": a.selected && !a.disabled && t.severity === "warning",
+            "btn-danger": a.selected && !a.disabled && t.severity === "danger",
+            "btn-info": a.selected && !a.disabled && t.severity === "info"
+          }
+        ]
+      }),
+      clearButton: () => ({
+        class: [
+          "btn",
+          {
+            "btn-link text-primary": t.severity === void 0 || t.severity === "primary",
+            "btn-link text-secondary": t.severity === "secondary",
+            "btn-link text-success": t.severity === "success",
+            "btn-link text-warning": t.severity === "warning",
+            "btn-link text-danger": t.severity === "danger",
+            "btn-link text-info": t.severity === "info"
+          }
+        ]
+      }),
+      todayButton: () => ({
+        class: [
+          "btn",
+          {
+            "btn-link text-primary": t.severity === void 0 || t.severity === "primary",
+            "btn-link text-secondary": t.severity === "secondary",
+            "btn-link text-success": t.severity === "success",
+            "btn-link text-warning": t.severity === "warning",
+            "btn-link text-danger": t.severity === "danger",
+            "btn-link text-info": t.severity === "info"
+          }
+        ]
+      })
+    }));
+    return (a, s) => {
+      const o = xe;
+      return n(), y(U, null, [
+        m("span", dt, [
+          _(a.$slots, "before")
+        ]),
+        v(o, B({ ...t, ...a.$attrs }, { pt: l.value }), null, 16, ["pt"]),
+        O(v(p(C), {
+          "data-cy": "icon",
+          icon: "bi:calendar3",
+          width: "32",
+          height: "32",
+          class: S(["ps-2", t.severity == null ? "text-primary" : `text-${t.severity}`])
+        }, null, 8, ["class"]), [
+          [L, t.showIcon]
+        ]),
+        m("span", ut, [
+          _(a.$slots, "after")
+        ])
+      ], 64);
+    };
+  }
+}), Aa = /* @__PURE__ */ x({
+  __name: "ForgeRemainingCharacters",
+  props: {
+    maxCount: { default: 300 },
+    currentCount: {}
+  },
+  setup(e) {
+    const t = e, l = k(() => t.maxCount - t.currentCount);
+    return (a, s) => (n(), y("div", {
+      class: S(l.value < 0 ? "text-danger" : "")
+    }, "Remaining characters: " + h(l.value), 3));
+  }
+}), pt = /* @__PURE__ */ m("hr", null, null, -1), mt = { class: "d-flex justify-content-between" }, Na = /* @__PURE__ */ x({
+  __name: "ForgeForm",
+  props: {
+    onSubmit: {},
+    title: { default: "Forge Form Title" },
+    hideTitle: { type: Boolean, default: !1 },
+    titleClass: { default: "" },
+    submitText: { default: "Submit" },
+    cancelText: { default: "Cancel" },
+    hideCancel: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, l = T(!1), a = T({
+      hasError: !1,
+      message: ""
+    });
+    async function s() {
+      l.value = !0, a.value.hasError = !1;
+      try {
+        await t.onSubmit();
+      } catch (o) {
+        a.value.hasError = !0, o.message && (a.value.message = o.message);
+      }
+      l.value = !1;
+    }
+    return (o, u) => {
+      const d = A;
+      return n(), y("form", B(o.$attrs, {
+        novalidate: "",
+        class: "position-relative shadow-sm border p-4 bg-white",
+        onSubmit: G(s, ["prevent"])
+      }), [
+        o.hideTitle ? F("", !0) : (n(), y(U, { key: 0 }, [
+          _(o.$slots, "title", {}, () => [
+            m("h3", {
+              class: S(o.titleClass),
+              "data-cy": "form-title"
+            }, h(o.title), 3)
+          ]),
+          pt
+        ], 64)),
+        a.value.hasError ? (n(), w(te, {
+          key: 1,
+          severity: "danger",
+          "data-cy": "error"
+        }, {
+          default: f(() => [
+            _(o.$slots, "error", {
+              error: a.value.message
+            }, () => [
+              P(h(a.value.message), 1)
+            ])
+          ]),
+          _: 3
+        })) : F("", !0),
+        _(o.$slots, "default"),
+        m("div", mt, [
+          _(o.$slots, "cancel", {}, () => [
+            o.hideCancel ? F("", !0) : (n(), w(d, {
+              key: 0,
+              "data-cy": "cancel-btn",
+              type: "reset",
+              severity: "secondary",
+              outlined: "",
+              onClick: u[0] || (u[0] = (r) => o.$emit("cancel"))
+            }, {
+              default: f(() => [
+                P(h(o.cancelText), 1)
+              ]),
+              _: 1
+            }))
+          ]),
+          _(o.$slots, "submit", { submit: s }, () => [
+            v(d, {
+              "data-cy": "submit-btn",
+              type: "submit",
+              severity: "primary",
+              class: "ms-auto"
+            }, {
+              default: f(() => [
+                P(h(o.submitText), 1)
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        l.value ? (n(), w(ce, {
+          key: 2,
+          "data-cy": "loading-spinner"
+        })) : F("", !0)
+      ], 16);
+    };
+  }
+}), yt = { class: "d-flex flex-column" }, bt = ["for"], Oa = /* @__PURE__ */ x({
+  __name: "ForgeFormField",
+  props: {
+    name: {},
+    label: {},
+    type: { default: "text" },
+    rules: {},
+    mask: { default: "" },
+    placeholder: { default: "" }
+  },
+  setup(e) {
+    const t = e, { errors: l, value: a, errorMessage: s } = W(() => t.name, t.rules), o = k(() => l.value.length > 0);
+    return (u, d) => {
+      const r = Fe, i = $e, b = oe;
+      return n(), y("div", yt, [
+        t.type !== "checkbox" ? (n(), y("label", {
+          key: 0,
+          for: t.name
+        }, h(t.label), 9, bt)) : F("", !0),
+        t.type === "checkbox" ? (n(), w(De, B({
+          key: 1,
+          id: t.name,
+          rules: u.rules,
+          label: t.label
+        }, u.$attrs), null, 16, ["id", "rules", "label"])) : t.type === "number" ? (n(), w(p(de), B({
+          key: 2,
+          id: t.name,
+          placeholder: t.placeholder,
+          modelValue: p(a),
+          "onUpdate:modelValue": d[0] || (d[0] = (c) => E(a) ? a.value = c : null),
+          "input-class": { "is-invalid": o.value },
+          class: { "is-invalid": o.value }
+        }, u.$attrs), null, 16, ["id", "placeholder", "modelValue", "input-class", "class"])) : t.type === "textarea" ? (n(), w(r, B({
+          key: 3,
+          id: t.name,
+          placeholder: t.placeholder,
+          modelValue: p(a),
+          "onUpdate:modelValue": d[1] || (d[1] = (c) => E(a) ? a.value = c : null),
+          class: { "is-invalid": o.value }
+        }, u.$attrs), null, 16, ["id", "placeholder", "modelValue", "class"])) : t.type === "mask" ? (n(), w(i, B({
+          key: 4,
+          id: t.name,
+          placeholder: t.placeholder,
+          modelValue: p(a),
+          "onUpdate:modelValue": d[2] || (d[2] = (c) => E(a) ? a.value = c : null),
+          mask: t.mask,
+          class: { "is-invalid": o.value }
+        }, u.$attrs), null, 16, ["id", "placeholder", "modelValue", "mask", "class"])) : t.type === "text" ? (n(), w(b, B({
+          key: 5,
+          id: t.name,
+          placeholder: t.placeholder,
+          modelValue: p(a),
+          "onUpdate:modelValue": d[3] || (d[3] = (c) => E(a) ? a.value = c : null),
+          class: { "is-invalid": o.value }
+        }, u.$attrs), null, 16, ["id", "placeholder", "modelValue", "class"])) : F("", !0),
+        t.type !== "checkbox" ? O((n(), y("small", {
+          key: 6,
+          "data-cy": "error",
+          class: "invalid-feedback"
+        }, h(p(s)), 513)), [
+          [L, o.value]
+        ]) : F("", !0)
+      ]);
+    };
+  }
+}), Ra = /* @__PURE__ */ x({
+  __name: "ForgeChips",
+  props: {
+    chipSeverity: { default: "primary" },
+    pill: { type: Boolean, default: !1 },
+    name: { default: "" },
+    rules: {},
+    modelValue: {},
+    max: {},
+    addOnBlur: { type: Boolean },
+    allowDuplicate: { type: Boolean },
+    separator: { default: "," },
+    inputId: {},
+    inputClass: {},
+    inputStyle: {},
+    inputProps: {},
+    removeTokenIcon: {},
+    invalid: { type: Boolean },
+    disabled: { type: Boolean },
+    variant: {},
+    placeholder: {},
+    ariaLabelledby: {},
+    ariaLabel: {},
+    pt: {},
+    ptOptions: {},
+    unstyled: { type: Boolean }
+  },
+  setup(e) {
+    const t = e, { errors: l, value: a, errorMessage: s } = W(() => t.name, t.rules);
+    a.value = t.modelValue;
+    const o = k(() => l.value.length > 0), u = k(() => ({
+      container: ({ props: d }) => ({
+        class: [
+          "form-control mb-0",
+          {
+            disabled: d.disabled,
+            "is-invalid": o.value
+          }
+        ]
+      }),
+      token: {
+        class: [
+          "rounded px-2 py-1 me-2 text-white",
+          {
+            "rounded-pill": t.pill,
+            "opacity-75": t.disabled
+          },
+          {
+            "bg-primary border-primary": t.chipSeverity === void 0 || t.chipSeverity === "primary",
+            "bg-secondary border-secondary": t.chipSeverity === "secondary",
+            "bg-success border-success": t.chipSeverity === "success",
+            "bg-warning border-warning": t.chipSeverity === "warning",
+            "bg-danger border-danger": t.chipSeverity === "danger",
+            "bg-info border-info": t.chipSeverity === "info"
+          }
+        ]
+      }
+    }));
+    return (d, r) => {
+      const i = Be;
+      return n(), y(U, null, [
+        v(i, B({ ...t, ...d.$attrs }, {
+          pt: u.value,
+          "model-value": p(a),
+          "onUpdate:modelValue": r[0] || (r[0] = (b) => E(a) ? a.value = b : null)
+        }), {
+          removetokenicon: f(({ removeCallback: b }) => [
+            O(v(p(C), {
+              icon: "bi:x",
+              class: "cursor-pointer",
+              onClick: b
+            }, null, 8, ["onClick"]), [
+              [L, !t.disabled]
+            ])
+          ]),
+          _: 1
+        }, 16, ["pt", "model-value"]),
+        O(m("small", {
+          "data-cy": "error",
+          class: "text-invalid"
+        }, h(p(s)), 513), [
+          [L, o.value]
+        ])
+      ], 64);
+    };
+  }
+}), vt = /* @__PURE__ */ x({
+  __name: "ForgeProgressBar",
+  props: {
+    severity: { default: "primary" },
+    striped: { type: Boolean, default: !1 },
+    animate: { type: Boolean, default: !1 },
+    pixelWidth: {},
+    value: {},
+    mode: {},
+    showValue: { type: Boolean },
+    pt: {},
+    ptOptions: {},
+    unstyled: { type: Boolean }
+  },
+  setup(e) {
+    const t = e, l = k(() => t.striped ? "progress-bar-striped" : null), a = k(() => t.animate ? "progress-bar-animated" : null), s = k(() => {
+      switch (t.severity) {
+        case "secondary":
+          return "bg-secondary";
+        case "success":
+          return "bg-success";
+        case "warning":
+          return "bg-warning";
+        case "danger":
+          return "bg-danger";
+        case "info":
+          return "bg-info";
+        case void 0:
+        case "primary":
+        default:
+          return "bg-primary";
+      }
+    }), o = k(() => ({
+      root: {
+        style: t.pixelWidth ? `width: ${t.pixelWidth}px` : ""
+      },
+      value: {
+        class: [s.value, l.value, a.value]
+      }
+    }));
+    return (u, d) => {
+      const r = Se;
+      return n(), w(r, B({ ...u.$attrs, ...t }, { pt: o.value }), {
+        default: f(() => [
+          _(u.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["pt"]);
+    };
+  }
+}), ft = { class: "value text-light w-100 text-center" }, Ea = /* @__PURE__ */ x({
+  __name: "ForgeStatWidget",
+  props: {
+    size: { default: "md" },
+    severity: { default: "primary" }
+  },
+  setup(e) {
+    const t = e;
+    return (l, a) => (n(), y("div", B(l.$attrs, {
+      class: `d-flex shadow m-2 align-items-center widget--${t.size} bg-${t.severity}`
+    }), [
+      m("span", ft, [
+        _(l.$slots, "default")
+      ])
+    ], 16));
+  }
+}), gt = {
+  class: "d-flex flex-column align-items-center",
+  "data-cy": "stepper"
+}, ht = { class: "d-flex align-items-center justify-content-center w-100" }, ja = /* @__PURE__ */ x({
+  __name: "ForgeStepper",
+  props: {
+    currentStep: { default: 0 },
+    severity: { default: "primary" },
+    id: {},
+    model: {},
+    readonly: { type: Boolean },
+    exact: { type: Boolean },
+    activeStep: {},
+    pt: {},
+    ptOptions: {},
+    unstyled: { type: Boolean }
+  },
+  emits: ["update:currentStep"],
+  setup(e, { emit: t }) {
+    const l = t, a = e, s = T(a.currentStep), o = () => {
+      do
+        s.value--;
+      while (a.model[s.value].disabled);
+      l("update:currentStep", s.value);
+    }, u = () => {
+      if (s.value < a.model.length - 1)
+        do
+          s.value++;
+        while (a.model[s.value].disabled);
+      l("update:currentStep", s.value);
+    }, d = k(() => {
+      const i = a.model.findIndex((b) => !b.disabled);
+      return !(i < s.value && i > -1);
+    }), r = k(() => ({
+      menuitem: (i) => ({
+        class: [{
+          "cursor-pointer": !i.context.disabled
+        }]
+      }),
+      step: (i) => ({
+        class: [
+          "d-flex align-items-center justify-content-center mb-2 step",
+          {
+            inactive: i.context.disabled,
+            "bg-primary text-white": i.context.index === s.value && (a.severity === void 0 || a.severity === "primary"),
+            "bg-secondary text-white": i.context.index === s.value && a.severity === "secondary",
+            "bg-success text-white": i.context.index === s.value && a.severity === "success",
+            "bg-warning text-white": i.context.index === s.value && a.severity === "warning",
+            "bg-danger text-white": i.context.index === s.value && a.severity === "danger",
+            "bg-info text-white": i.context.index === s.value && a.severity === "info"
+          }
+        ]
+      }),
+      label: (i) => ({
+        class: [
+          "h5",
+          {
+            "border-bottom border-2 border-primary": i.context.index === s.value && (a.severity === void 0 || a.severity === "primary"),
+            "border-bottom border-2 border-secondary": i.context.index === s.value && a.severity === "secondary",
+            "border-bottom border-2 border-success": i.context.index === s.value && a.severity === "success",
+            "border-bottom border-2 border-warning": i.context.index === s.value && a.severity === "warning",
+            "border-bottom border-2 border-danger": i.context.index === s.value && a.severity === "danger",
+            "border-bottom border-2 border-info": i.context.index === s.value && a.severity === "info"
+          }
+        ]
+      })
+    }));
+    return (i, b) => {
+      const c = A, g = Ve, $ = Ce;
+      return n(), y("div", gt, [
+        m("div", ht, [
+          v(c, {
+            severity: a.severity,
+            disabled: d.value,
+            onClick: o,
+            class: "rounded-circle py-2 me-4",
+            "data-cy": "back-button"
+          }, {
+            default: f(() => [
+              v(p(C), {
+                icon: "bi:chevron-left",
+                class: "mb-1"
+              })
+            ]),
+            _: 1
+          }, 8, ["severity", "disabled"]),
+          v(g, {
+            "active-step": s.value,
+            "onUpdate:activeStep": b[0] || (b[0] = (z) => s.value = z),
+            model: a.model,
+            pt: r.value,
+            readonly: !1
+          }, null, 8, ["active-step", "model", "pt"])
+        ]),
+        v($),
+        (n(!0), y(U, null, R(a.model, (z, D) => (n(), y("div", {
+          key: D,
+          class: "w-100"
+        }, [
+          D === s.value ? _(i.$slots, z.key ?? z.label, {
+            key: 0,
+            nextStep: u,
+            previousStep: o
+          }, () => [
+            v(te, {
+              severity: "info",
+              "data-cy": "alert"
+            }, {
+              default: f(() => [
+                P(" Please add Slot Content for the key " + h(z.key ?? z.label) + " ", 1),
+                v(c, {
+                  severity: "primary",
+                  label: "Next",
+                  onClick: u,
+                  class: "ms-2"
+                })
+              ]),
+              _: 2
+            }, 1024)
+          ]) : F("", !0)
+        ]))), 128))
+      ]);
+    };
+  }
+}), wt = { class: "p-4 text-wrap w-100" }, _t = { class: "p-4 text-wrap w-100" }, La = /* @__PURE__ */ x({
+  __name: "ForgeTile",
+  props: {
+    severity: { default: "primary" },
+    barPosition: { default: "none" },
+    clickable: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, l = k(() => `${t.severity === void 0 ? "tile-primary" : `tile-${t.severity}`} ${t.barPosition === "none" ? "border-0" : `tile-bar-${t.barPosition}`}`), a = k(() => `${t.severity === void 0 ? "tile-primary border-primary" : `tile-${t.severity} border-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`}`);
+    return (s, o) => {
+      const u = A;
+      return t.clickable ? (n(), w(u, {
+        key: 0,
+        class: S(["d-flex w-100 p-0 text-body", l.value]),
+        severity: t.severity,
+        unstyled: "",
+        "data-cy": "button-tile"
+      }, {
+        default: f(() => [
+          m("div", wt, [
+            _(s.$slots, "default", {}, () => [
+              P("Tile Content")
+            ])
+          ])
+        ]),
+        _: 3
+      }, 8, ["severity", "class"])) : (n(), y("div", {
+        key: 1,
+        class: S(["d-flex w-100", a.value]),
+        "data-cy": "tile"
+      }, [
+        m("div", _t, [
+          _(s.$slots, "default", {}, () => [
+            P("Tile Content")
+          ])
+        ])
+      ], 2));
+    };
+  }
+});
+function J(e, t) {
+  return e > 1 ? `${t}s` : t;
+}
+const kt = {
+  class: "d-flex justify-content-start align-items-baseline",
+  "data-cy": "pagination-header"
+}, xt = { class: "ms-2" }, $t = { key: 0 }, Ft = /* @__PURE__ */ m("span", { class: "mx-2" }, "|", -1), Bt = {
+  class: "w-auto",
+  "data-cy": "total"
+}, St = /* @__PURE__ */ x({
+  __name: "ForgePaginationHeader",
+  props: {
+    total: {},
+    pageSizes: { default: () => [5, 10, 25, 50, 100] },
+    perPage: { default: 10 }
+  },
+  emits: ["update:perPage"],
+  setup(e, { emit: t }) {
+    const l = t, a = e, s = (u) => {
+      l("update:perPage", u.value);
+    }, o = k(() => {
+      const u = Math.ceil(a.total / a.perPage);
+      return `${u} ${J(u, "page")}`;
+    });
+    return (u, d) => (n(), y("div", kt, [
+      P(" Number of results per page "),
+      m("div", xt, [
+        v(p(se), {
+          options: a.pageSizes,
+          "model-value": a.perPage,
+          onChange: d[0] || (d[0] = (r) => s(r))
+        }, null, 8, ["options", "model-value"])
+      ]),
+      a.total ? (n(), y("div", $t, [
+        Ft,
+        m("span", Bt, h(a.total) + " " + h(p(J)(a.total, "result")) + " across " + h(o.value), 1)
+      ])) : F("", !0)
+    ]));
+  }
+}), Ct = { "data-cy": "above-table-slot" }, Vt = { class: "d-flex" }, zt = { class: "d-flex align-items-end mb-2" }, It = { key: 0 }, Tt = { class: "ms-auto" }, Pt = {
+  class: "d-flex",
+  "data-cy": "legacy-page-size"
+}, Mt = /* @__PURE__ */ m("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1), Ut = { "data-cy": "legacy-total" }, Ha = /* @__PURE__ */ x({
+  __name: "ForgeTable",
+  props: {
+    value: {},
+    legacyPaginationFooter: { type: Boolean, default: !1 },
+    total: {},
+    showClearButton: { type: Boolean, default: !1 },
+    showExporterButton: { type: Boolean, default: !1 },
+    dataKey: {},
+    rows: {},
+    first: {},
+    totalRecords: {},
+    paginator: { type: Boolean, default: !0 },
+    paginatorPosition: {},
+    alwaysShowPaginator: { type: Boolean, default: !0 },
+    paginatorTemplate: {},
+    pageLinkSize: {},
+    rowsPerPageOptions: {},
+    currentPageReportTemplate: {},
+    lazy: { type: Boolean },
+    loading: { type: Boolean },
+    loadingIcon: {},
+    sortField: {},
+    sortOrder: {},
+    nullSortOrder: {},
+    defaultSortOrder: {},
+    multiSortMeta: {},
+    sortMode: {},
+    removableSort: { type: Boolean },
+    filters: {},
+    filterDisplay: {},
+    globalFilterFields: {},
+    filterLocale: {},
+    selection: {},
+    selectionMode: {},
+    compareSelectionBy: {},
+    metaKeySelection: { type: Boolean },
+    contextMenu: { type: Boolean },
+    contextMenuSelection: {},
+    selectAll: {},
+    rowHover: { type: Boolean },
+    csvSeparator: {},
+    exportFilename: {},
+    exportFunction: {},
+    resizableColumns: { type: Boolean },
+    columnResizeMode: {},
+    reorderableColumns: { type: Boolean },
+    expandedRows: {},
+    expandedRowIcon: {},
+    collapsedRowIcon: {},
+    rowGroupMode: {},
+    groupRowsBy: {},
+    expandableRowGroups: { type: Boolean },
+    expandedRowGroups: {},
+    stateStorage: {},
+    stateKey: {},
+    editMode: {},
+    editingRows: {},
+    rowClass: {},
+    rowStyle: {},
+    scrollable: { type: Boolean },
+    scrollHeight: {},
+    virtualScrollerOptions: {},
+    frozenValue: {},
+    breakpoint: {},
+    showGridlines: { type: Boolean },
+    stripedRows: { type: Boolean },
+    highlightOnSelect: { type: Boolean },
+    size: {},
+    tableStyle: {},
+    tableClass: {},
+    tableProps: {},
+    filterInputProps: {},
+    pt: {},
+    ptOptions: {},
+    unstyled: { type: Boolean }
+  },
+  emits: ["update:filters"],
+  setup(e, { emit: t }) {
+    const l = t, a = e, s = T([10, 20, 50, 100]), o = T(20), u = T(), d = () => {
+      for (const c in a.filters)
+        a.filters[c].value = null;
+      r(a.filters);
+    }, r = (c) => {
+      l("update:filters", c);
+    }, i = k(() => {
+      const c = Math.ceil((a.total ?? a.value.length) / o.value);
+      return `${c} ${J(c, "page")}`;
+    }), b = () => {
+      u.value.exportCSV();
+    };
+    return (c, g) => (n(), y(U, null, [
+      m("span", Ct, [
+        _(c.$slots, "above-table")
+      ]),
+      v(p(ze), B({ class: "w-100" }, { ...a, ...c.$attrs }, {
+        rows: o.value,
+        "total-records": c.total,
+        "filter-display": a.filters ? "row" : void 0,
+        ref_key: "forgeTable",
+        ref: u,
+        "onUpdate:filters": r,
+        "data-cy": "table"
+      }), ee({
+        header: f(() => [
+          m("div", Vt, [
+            m("div", zt, [
+              c.paginator && !c.legacyPaginationFooter ? (n(), y("span", It, [
+                v(St, {
+                  total: c.total ?? c.value.length,
+                  "page-sizes": s.value,
+                  "per-page": o.value,
+                  "onUpdate:perPage": g[0] || (g[0] = ($) => o.value = $)
+                }, null, 8, ["total", "page-sizes", "per-page"])
+              ])) : F("", !0)
+            ]),
+            m("div", Tt, [
+              c.showClearButton ? (n(), w(p(A), {
+                key: 0,
+                outlined: "",
+                class: S(c.showExporterButton ? "me-2" : ""),
+                onClick: d,
+                "data-cy": "clear-all"
+              }, {
+                default: f(() => [
+                  v(p(C), {
+                    icon: "bi:funnel-fill",
+                    width: "24",
+                    height: "24"
+                  }),
+                  P(" Clear ")
+                ]),
+                _: 1
+              }, 8, ["class"])) : F("", !0),
+              c.showExporterButton ? (n(), w(p(A), {
+                key: 1,
+                outlined: "",
+                onClick: b,
+                "data-cy": "exporter"
+              }, {
+                default: f(() => [
+                  v(p(C), {
+                    icon: "typcn:export",
+                    width: "24",
+                    height: "24"
+                  }),
+                  P(" Export ")
+                ]),
+                _: 1
+              })) : F("", !0)
+            ])
+          ])
+        ]),
+        default: f(() => [
+          _(c.$slots, "default")
+        ]),
+        _: 2
+      }, [
+        R(c.$slots, ($, z) => ({
+          name: z,
+          fn: f((D) => [
+            _(c.$slots, z, X(Q(D || {})))
+          ])
+        })),
+        c.legacyPaginationFooter ? {
+          name: "paginatorstart",
+          fn: f(() => [
+            m("span", Pt, [
+              Mt,
+              v(p(se), {
+                options: s.value,
+                modelValue: o.value,
+                "onUpdate:modelValue": g[1] || (g[1] = ($) => o.value = $),
+                class: "ms-2"
+              }, null, 8, ["options", "modelValue"])
+            ])
+          ]),
+          key: "0"
+        } : void 0,
+        c.legacyPaginationFooter ? {
+          name: "paginatorend",
+          fn: f(() => [
+            m("span", Ut, h(c.total ?? c.value.length) + " " + h(p(J)(c.total ?? c.value.length, "result")) + " across " + h(i.value), 1)
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1040, ["rows", "total-records", "filter-display"])
+    ], 64));
+  }
+}), qa = /* @__PURE__ */ x({
+  __name: "ForgeFilterHeader",
+  props: {
+    dataType: {},
+    dropdownOptions: {}
+  },
+  setup(e) {
+    return (t, l) => {
+      const a = de;
+      return t.dataType === "numeric" ? (n(), w(a, B({ key: 0 }, t.$attrs, { class: "w-100" }), null, 16)) : t.dataType === "date" ? (n(), w(ct, B({ key: 1 }, t.$attrs, {
+        "show-icon": !1,
+        "show-on-focus": !0,
+        class: "w-100"
+      }), null, 16)) : t.dataType === "select" ? (n(), w(p(se), B({ key: 2 }, t.$attrs, {
+        options: t.dropdownOptions,
+        class: "dropdown-input w-100"
+      }), null, 16, ["options"])) : t.dataType === "multiselect" ? (n(), w(p(Ie), B({ key: 3 }, t.$attrs, {
+        options: t.dropdownOptions,
+        showToggleAll: !1,
+        placeholder: " ",
+        filter: "",
+        class: "w-100 dropdown-input"
+      }), null, 16, ["options"])) : (n(), w(p(oe), B({ key: 4 }, t.$attrs, { class: "w-100" }), null, 16));
+    };
+  }
+});
+function pe(e, t, l, a) {
+  const s = t.flatMap((o) => o.file);
+  return t = t.map((o) => ({ ...o, status: o.status == "Duplicate" ? "Not Uploaded" : o.status })), e.forEach((o) => {
+    const u = s.findIndex((r) => r.name === o.name);
+    let d = "Not Uploaded";
+    u === -1 ? ((!l.includes(o.type) || !(o.size <= a)) && (d = l.includes(o.type) ? "InvalidFileSize" : "InvalidFileType"), t.unshift({
+      file: o,
+      status: d,
+      blobFileName: null
+    })) : t[u].status = "Duplicate";
+  }), t;
+}
+async function Dt(e, t) {
+  if (e === "Uploaded" && t !== null)
+    try {
+      await new ue(t).delete();
+    } catch (l) {
+      if (l !== "BlobNotFound") {
+        e = "DeleteFileFailed";
+        return;
+      }
+    }
+}
+function ne(e, t = !0, l = 1) {
+  const a = t ? 1e3 : 1024;
+  if (Math.abs(e) < a)
+    return e + " B";
+  const s = t ? ["kB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"] : ["KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"];
+  let o = -1;
+  const u = 10 ** l;
+  do
+    e /= a, ++o;
+  while (Math.round(Math.abs(e) * u) / u >= a && o < s.length - 1);
+  return e.toFixed(l) + " " + s[o];
+}
+function At(e) {
+  return ["image/gif", "image/png", "image/jpeg", "image/svg"].includes(e);
+}
+function Nt(e) {
+  return URL.createObjectURL(e);
+}
+const Ot = { class: "d-flex justify-content-between" }, Rt = ["accept", "disabled", "multiple"], Et = /* @__PURE__ */ x({
+  __name: "UploadButton",
+  props: /* @__PURE__ */ K({
+    acceptedFileTypes: {},
+    maxFileInput: {},
+    showDragDropArea: { type: Boolean }
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = j(e, "modelValue"), { acceptedFileTypes: l, maxFileInput: a, showDragDropArea: s } = e, o = k(() => a <= t.value.length), u = (d) => {
+      t.value = pe(d, t.value, l, a);
+    };
+    return (d, r) => (n(), y("div", Ot, [
+      _(d.$slots, "message"),
+      m("div", null, [
+        m("input", {
+          id: "file-input",
+          type: "file",
+          class: "d-none",
+          accept: d.acceptedFileTypes.join(", "),
+          disabled: o.value,
+          multiple: d.maxFileInput > 1,
+          onInput: r[0] || (r[0] = (i) => u([...i.target.files]))
+        }, null, 40, Rt),
+        m("label", {
+          class: S([{ disabled: o.value }, "btn btn-primary"]),
+          id: "file-input-button",
+          for: "file-input"
+        }, [
+          _(d.$slots, "button-content", {}, () => [
+            v(p(C), {
+              icon: "bi:upload",
+              class: "me-2",
+              height: "20px",
+              width: "20px"
+            }),
+            P(" Browse your computer ")
+          ])
+        ], 2)
+      ]),
+      d.showDragDropArea ? (n(), y("div", {
+        class: "ms-auto",
+        key: d.acceptedFileTypes.length,
+        id: "accepted-file-types"
+      }, "Accepted File Types: " + h(d.acceptedFileTypes.map((i) => i.split("/").pop()).join(", ")), 1)) : F("", !0)
+    ]));
+  }
+}), jt = {
+  key: 0,
+  class: "py-4 px-3",
+  id: "placeholder-message"
+}, Lt = {
+  key: 1,
+  class: "d-flex flex-column"
+}, Ht = /* @__PURE__ */ x({
+  __name: "DragDropArea",
+  props: /* @__PURE__ */ K({
+    maxFileInput: {},
+    maxFileSize: {},
+    acceptedFileTypes: {}
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const { acceptedFileTypes: t, maxFileInput: l, maxFileSize: a } = e, s = j(e, "modelValue"), o = T(!1), u = k(() => l <= s.value.length), d = (r) => {
+      o.value = !1, r.dataTransfer.files.length > l || u.value ? r.preventDefault() : s.value = pe([...r.dataTransfer.files], s.value, t, a);
+    };
+    return (r, i) => (n(), y("div", {
+      id: "drag-drop-area",
+      class: S(`${o.value ? "border-2 border-primary bg-body-tertiary" : ""} mt-3 file-container border-dashed border-2`),
+      onDragleave: i[0] || (i[0] = G((b) => o.value = !1, ["prevent"])),
+      onDragover: i[1] || (i[1] = G((b) => o.value = !0, ["prevent"])),
+      onDrop: G(d, ["prevent"])
+    }, [
+      s.value.length === 0 ? (n(), y("div", jt, [
+        v(p(C), {
+          icon: "bi:upload",
+          class: "me-2",
+          height: "20px",
+          width: "20px"
+        }),
+        P(" Drag and drop files here ")
+      ])) : (n(), y("div", Lt, [
+        _(r.$slots, "default")
+      ]))
+    ], 34));
+  }
+}), qt = { class: "d-flex align-items-center me-2" }, Gt = /* @__PURE__ */ x({
+  __name: "UploadStatus",
+  props: {
+    fileSize: {},
+    maxFileSize: {},
+    bytesUploaded: {},
+    uploadStatus: {}
+  },
+  setup(e) {
+    const { fileSize: t, uploadStatus: l, bytesUploaded: a, maxFileSize: s } = e, o = k(() => l === "Failed" || l === "InvalidFileType" || l === "InvalidFileSize" ? "danger" : "warning"), u = k(() => {
+      switch (l) {
+        case "InvalidFileType":
+          return "Upload Failed: File type is not accepted.";
+        case "InvalidFileSize":
+          return `Upload Failed: File size exceeds the ${ne(s)} limit.`;
+        case "Aborted":
+          return "Upload Failed: User cancelled.";
+        case "DeleteFileFailed":
+          return "Failed to delete: connection error, please try again";
+        case "Duplicate":
+          return "Upload Failed: A file with the same name has already been uploaded.";
+        default:
+          return "Upload Failed: Connection error, please try again.";
+      }
+    });
+    return (d, r) => (n(), y("div", qt, [
+      d.uploadStatus === "Uploading" ? (n(), w(vt, {
+        key: 0,
+        pixelWidth: 200,
+        animate: "",
+        striped: ""
+      }, {
+        default: f(() => [
+          P(h((d.bytesUploaded / d.fileSize * 100).toFixed(0)) + "%", 1)
+        ]),
+        _: 1
+      })) : F("", !0),
+      d.uploadStatus !== "Uploading" && d.uploadStatus !== "Not Uploaded" && d.uploadStatus !== "Uploaded" && d.uploadStatus !== "Preparing" ? (n(), w(te, {
+        key: 1,
+        id: "upload-status-alert",
+        severity: o.value,
+        class: "mb-0 w-75 ms-auto"
+      }, {
+        default: f(() => [
+          P(h(u.value), 1)
+        ]),
+        _: 1
+      }, 8, ["severity"])) : F("", !0)
+    ]));
+  }
+}), Kt = ["data-cy"], Wt = { class: "ms-3 d-flex flex-column" }, Zt = {
+  key: 1,
+  id: "file-name"
+}, Yt = {
+  class: "text-black-50",
+  id: "file-type"
+}, Jt = {
+  class: "text-black-50",
+  id: "file-size"
+}, Xt = { class: "ms-auto my-auto d-flex" }, Qt = /* @__PURE__ */ x({
+  __name: "FileInfo",
+  props: /* @__PURE__ */ K({
+    editableFileName: { type: Boolean },
+    acceptedFileTypes: {},
+    maxFileSize: {},
+    getFileUrlAction: { type: Function },
+    customFileNameRules: {},
+    autoUploadToBlob: { type: Boolean }
+  }, {
+    file: { required: !0 },
+    fileModifiers: {},
+    blobFileName: { required: !0 },
+    blobFileNameModifiers: {},
+    uploadStatus: { required: !0 },
+    uploadStatusModifiers: {}
+  }),
+  emits: /* @__PURE__ */ K(["deleted"], ["update:file", "update:blobFileName", "update:uploadStatus"]),
+  setup(e, { emit: t }) {
+    const { autoUploadToBlob: l, maxFileSize: a, getFileUrlAction: s, customFileNameRules: o, editableFileName: u, acceptedFileTypes: d } = e, r = j(e, "file"), i = j(e, "blobFileName"), b = j(e, "uploadStatus"), c = t, g = T(r.value.name), $ = T(""), z = T(0), D = T(), H = k(() => d.includes(r.value.type)), q = k(() => r.value.size <= a), ae = () => {
+      r.value = new File([r.value], g.value, { type: r.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() });
+    }, Z = async () => {
+      if (!H.value || !q.value) {
+        b.value = H.value ? "InvalidFileSize" : "InvalidFileType";
+        return;
+      }
+      b.value = "Preparing", D.value = new AbortController();
+      const [V, I] = await s(r.value.name);
+      if (!V) {
+        b.value = "Failed";
+        return;
+      }
+      try {
+        b.value = "Uploading";
+        const M = new ue(V), N = {
+          abortSignal: D.value.signal,
+          onProgress: (me) => z.value = me.loadedBytes,
+          tags: { temp: "true" }
+        };
+        await M.uploadData(r.value, N), $.value = V, b.value = "Uploaded", i.value = I;
+      } catch (M) {
+        if (M.name === "AbortError") {
+          b.value = "Aborted";
+          return;
+        }
+        b.value = "Failed";
+      }
+    }, le = async () => {
+      await Dt(b.value, $.value), c("deleted", r.value);
+    };
+    return ie(() => {
+      l && Z();
+    }), (V, I) => {
+      const M = A;
+      return n(), y("div", {
+        class: "py-4 px-3 d-flex",
+        "data-cy": `file-info-${r.value.name}`
+      }, [
+        m("div", null, [
+          p(At)(r.value.type) ? (n(), w(p(Te), {
+            key: 0,
+            id: "thumbnail-image",
+            "image-class": "image-file-thumbnail border",
+            src: p(Nt)(r.value),
+            alt: r.value.name,
+            width: "75px",
+            preview: ""
+          }, null, 8, ["src", "alt"])) : (n(), w(p(C), {
+            key: 1,
+            id: "file-earmark",
+            icon: "bi:file-earmark",
+            color: "black",
+            width: "75px"
+          }))
+        ]),
+        m("div", Wt, [
+          m("div", null, [
+            V.editableFileName ? (n(), w(Ke, {
+              key: 0,
+              id: "edit-file-name",
+              modelValue: g.value,
+              "onUpdate:modelValue": I[0] || (I[0] = (N) => g.value = N),
+              rules: V.customFileNameRules,
+              name: r.value.name,
+              "complete-action": ae
+            }, null, 8, ["modelValue", "rules", "name"])) : (n(), y("span", Zt, h(r.value.name), 1))
+          ]),
+          m("span", Yt, "File type: " + h(r.value.type.split("/").pop()), 1),
+          m("span", Jt, "File size: " + h(p(ne)(r.value.size)), 1)
+        ]),
+        m("div", Xt, [
+          (n(), w(Gt, {
+            key: b.value,
+            "file-size": r.value.size,
+            "upload-status": b.value,
+            "bytes-uploaded": z.value,
+            "max-file-size": V.maxFileSize
+          }, null, 8, ["file-size", "upload-status", "bytes-uploaded", "max-file-size"])),
+          b.value === "Not Uploaded" || b.value === "Failed" || b.value === "Duplicate" || b.value === "Aborted" ? (n(), w(M, {
+            key: 0,
+            link: "",
+            onClick: Z
+          }, {
+            default: f(() => [
+              v(p(C), {
+                icon: b.value === "Not Uploaded" || b.value === "Duplicate" ? "bi:upload" : "bi:arrow-clockwise"
+              }, null, 8, ["icon"])
+            ]),
+            _: 1
+          })) : F("", !0),
+          b.value === "Uploading" ? (n(), w(M, {
+            key: 1,
+            link: "",
+            onClick: I[1] || (I[1] = (N) => D.value.value.abort())
+          }, {
+            default: f(() => [
+              v(p(C), { icon: "bi:x-circle-fill" })
+            ]),
+            _: 1
+          })) : (n(), w(M, {
+            key: 2,
+            link: "",
+            onClick: le,
+            id: "delete-button"
+          }, {
+            default: f(() => [
+              v(p(C), { icon: "bi:trash" })
+            ]),
+            _: 1
+          }))
+        ])
+      ], 8, Kt);
+    };
+  }
+}), ea = { class: "d-flex justify-content-end mt-1" }, ta = { id: "max-file-size" }, aa = /* @__PURE__ */ x({
+  __name: "MaxFileSize",
+  props: {
+    maxFileSize: {}
+  },
+  setup(e) {
+    return (t, l) => (n(), y("div", ea, [
+      m("div", ta, "Max file size: " + h(p(ne)(t.maxFileSize)), 1)
+    ]));
+  }
+}), la = { "data-cy": "file-uploader" }, oa = { key: 0 }, Ga = /* @__PURE__ */ x({
+  __name: "ForgeFileUploader",
+  props: /* @__PURE__ */ K({
+    acceptedFileTypes: {},
+    maxFileSize: {},
+    getFileUrlAction: {},
+    showDragDropArea: { type: Boolean, default: !0 },
+    customFileNameRules: {},
+    maxFileInput: { default: 3 },
+    editableFileName: { type: Boolean, default: !1 },
+    autoUploadToBlob: { type: Boolean, default: !0 }
+  }, {
+    modelValue: { default: [] },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = j(e, "modelValue"), l = e, a = (s) => {
+      t.value = t.value.filter((o) => o.file != s);
+    };
+    return (s, o) => (n(), y("div", la, [
+      v(Et, B(l, {
+        modelValue: t.value,
+        "onUpdate:modelValue": o[0] || (o[0] = (u) => t.value = u)
+      }), null, 16, ["modelValue"]),
+      s.showDragDropArea ? (n(), y("div", oa, [
+        v(Ht, {
+          "max-file-input": l.maxFileInput,
+          "max-file-size": l.maxFileSize,
+          "accepted-file-types": l.acceptedFileTypes,
+          modelValue: t.value,
+          "onUpdate:modelValue": o[1] || (o[1] = (u) => t.value = u)
+        }, {
+          default: f(() => [
+            (n(!0), y(U, null, R(t.value, ({ file: u }, d) => (n(), y("span", null, [
+              (n(), w(Qt, B({
+                key: u.name,
+                class: d === t.value.length - 1 || t.value.length == 1 ? "" : "border-bottom",
+                file: t.value[d].file,
+                "onUpdate:file": (r) => t.value[d].file = r,
+                "blob-file-name": t.value[d].blobFileName,
+                "onUpdate:blobFileName": (r) => t.value[d].blobFileName = r,
+                "upload-status": t.value[d].status,
+                "onUpdate:uploadStatus": (r) => t.value[d].status = r
+              }, l, { onDeleted: a }), null, 16, ["class", "file", "onUpdate:file", "blob-file-name", "onUpdate:blobFileName", "upload-status", "onUpdate:uploadStatus"]))
+            ]))), 256))
+          ]),
+          _: 1
+        }, 8, ["max-file-input", "max-file-size", "accepted-file-types", "modelValue"]),
+        v(aa, {
+          "max-file-size": l.maxFileSize
+        }, null, 8, ["max-file-size"])
+      ])) : F("", !0)
+    ]));
+  }
+});
+export {
+  Ia as Bootstrap_PT,
+  Ta as ForgeActionButton,
+  te as ForgeAlert,
+  De as ForgeCheckbox,
+  Ra as ForgeChips,
+  ct as ForgeDatepicker,
+  Ga as ForgeFileUploader,
+  qa as ForgeFilterHeader,
+  Na as ForgeForm,
+  Oa as ForgeFormField,
+  Ke as ForgeInlineEditor,
+  ce as ForgeLoader,
+  Pa as ForgeModal,
+  et as ForgeMultiSelect,
+  Ua as ForgeMultiSelectPreview,
+  Ma as ForgeNavbar,
+  Da as ForgePageHeader,
+  vt as ForgeProgressBar,
+  Aa as ForgeRemainingCharacters,
+  Ea as ForgeStatWidget,
+  ja as ForgeStepper,
+  Ha as ForgeTable,
+  La as ForgeTile
+};