@citruslime/ui 2.0.0-beta.5 → 2.0.0-beta.9

package/dist/citrus-lime-ui.es.js

@@ -0,0 +1,3960 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __restKey = (key) => typeof key === "symbol" ? key : key + "";
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { Icon } from "@iconify/vue";
+import { defineComponent, ref, watch, resolveComponent, openBlock, createElementBlock, Fragment, renderList, createElementVNode, normalizeClass, withKeys, toDisplayString, withDirectives, renderSlot, vShow, createVNode, reactive, toRefs, nextTick, createBlock, Teleport, unref, mergeProps, computed, onMounted, onUnmounted, createCommentVNode, normalizeProps, guardReactiveProps, withModifiers, withCtx, createTextVNode, vModelText, isRef, watchEffect, normalizeStyle, createSlots, vModelDynamic, Transition, resolveDynamicComponent } from "vue";
+import { createI18n, useI18n } from "vue-i18n";
+import Flatpickr from "flatpickr";
+const _hoisted_1$o = { class: "cl-border cl-border-grey-2" };
+const _hoisted_2$k = ["tabindex", "onClick", "onKeyup"];
+const _hoisted_3$f = { class: "cl-bg-white cl-border-b cl-border-grey-2 cl-p-6 cl-text-sm" };
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
+  props: {
+    items: null,
+    exclusive: { default: false },
+    openFirst: { default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const itemList = ref([]);
+    function initialiseItems() {
+      itemList.value = props.items.map((v) => {
+        return {
+          id: v.id,
+          title: v.title,
+          open: false
+        };
+      });
+      if (props.openFirst && itemList.value.length > 0) {
+        itemList.value[0].open = true;
+      }
+    }
+    function toggleItem(item) {
+      if (!item.open) {
+        itemList.value.forEach((i) => {
+          if (props.exclusive) {
+            i.open = false;
+          }
+        });
+      }
+      item.open = !item.open;
+    }
+    watch(() => props.items, () => initialiseItems(), {
+      deep: true,
+      immediate: true
+    });
+    return (_ctx, _cache) => {
+      const _component_icon = resolveComponent("icon");
+      return openBlock(), createElementBlock("ul", _hoisted_1$o, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(itemList.value, (item, index) => {
+          return openBlock(), createElementBlock("li", {
+            key: index,
+            class: "relative"
+          }, [
+            createElementVNode("div", {
+              class: normalizeClass(["cl-bg-white cl-border cl-border-grey-2 cl-cursor-pointer cl-ease-in-out cl-font-semibold cl-p-4 cl-scale-100 cl-transform-gpu cl-transition-transform focus:cl-border-blue-light focus:cl-outline-none hover:cl-scale-101", {
+                "cl-border-b-2": item.open
+              }]),
+              tabindex: index + 1,
+              onClick: ($event) => toggleItem(item),
+              onKeyup: withKeys(($event) => toggleItem(item), ["enter"])
+            }, toDisplayString(item.title), 43, _hoisted_2$k),
+            withDirectives(createElementVNode("div", _hoisted_3$f, [
+              renderSlot(_ctx.$slots, item.id)
+            ], 512), [
+              [vShow, item.open]
+            ]),
+            createVNode(_component_icon, {
+              class: normalizeClass(["cl-absolute cl-cursor-pointer cl-right-4 cl-top-4 cl-transform cl-transition-transform", {
+                "cl-rotate-180": item.open,
+                "cl-rotate-0": !item.open
+              }]),
+              icon: "ph:caret-down",
+              onClick: ($event) => toggleItem(item)
+            }, null, 8, ["class", "onClick"])
+          ]);
+        }), 128))
+      ]);
+    };
+  }
+});
+function copy(value) {
+  return JSON.parse(JSON.stringify(value));
+}
+function useDebouncer(timeout = 500) {
+  const debouncerState = reactive({
+    debouncer: null,
+    timeout
+  });
+  function debounce(event, eventArgs) {
+    if (debouncerState.debouncer !== null) {
+      window.clearTimeout(debouncerState.debouncer);
+    }
+    debouncerState.debouncer = window.setTimeout(() => event(...eventArgs), debouncerState.timeout);
+  }
+  return __spreadProps(__spreadValues({}, toRefs(debouncerState)), {
+    debounce
+  });
+}
+function generateStringId() {
+  return Math.random().toString(36).slice(2, 8);
+}
+function nameOf(name) {
+  return name;
+}
+function compareByProperty(firstValue, secondValue, property) {
+  return firstValue[property] < secondValue[property] ? -1 : firstValue[property] > secondValue[property] ? 1 : 0;
+}
+function getParamsByName(stringToSearch, paramToFind) {
+  let valueToReturn = "";
+  const urlToSearch = decodeURIComponent(stringToSearch);
+  const regexS = "[\\?&]" + paramToFind + "=([^&#]*)";
+  const regex = new RegExp(regexS);
+  const results = regex.exec(urlToSearch);
+  if (results && results[1]) {
+    valueToReturn = decodeURIComponent(results[1].replace(/\+/g, " "));
+  }
+  return valueToReturn;
+}
+function levenshtein(firstString, secondString) {
+  if (firstString.length === 0) {
+    return secondString.length;
+  }
+  if (secondString.length === 0) {
+    return firstString.length;
+  }
+  if (firstString.length > secondString.length) {
+    const tmp = firstString;
+    firstString = secondString;
+    secondString = tmp;
+  }
+  const row = new Int8Array(firstString.length + 1);
+  for (let i = 0; i <= firstString.length; i++) {
+    row[i] = i;
+  }
+  let temp;
+  for (let i = 1; i <= secondString.length; i++) {
+    let prev = i;
+    const previousChar = secondString[i - 1];
+    for (let j = 1; j <= firstString.length; j++) {
+      if (previousChar === firstString[j - 1]) {
+        temp = row[j - 1];
+      } else {
+        const a = prev + 1;
+        const b = row[j] + 1;
+        const c = a - (a - b & b - a >> 7);
+        const d = row[j - 1] + 1;
+        temp = c - (c - d & d - c >> 7);
+      }
+      row[j - 1] = prev;
+      prev = temp;
+    }
+    row[firstString.length] = prev;
+  }
+  return row[firstString.length];
+}
+function camelCaseToArray(camelCase) {
+  return camelCase.split(/(?=[A-Z])/g);
+}
+function kebabCaseToArray(kebabCase) {
+  return kebabCase.split(/(?=-)/g).map((s) => s.replace(/-/g, ""));
+}
+function pascalCaseToArray(pascalCase) {
+  return camelCaseToArray(pascalCase);
+}
+function sentenceCaseToArray(sentenceCase) {
+  return sentenceCase.split(/ /g).map((s) => s.replace(/[^A-Za-z0-9]/g, ""));
+}
+function snakeCaseToArray(snakeCase) {
+  return snakeCase.split(/(?=_)/g).map((s) => s.replace(/_/g, ""));
+}
+function titleCaseToArray(titleCase) {
+  return sentenceCaseToArray(titleCase);
+}
+function arrayToCamelCase(array, locale) {
+  let result = "";
+  array.forEach((s, i) => {
+    result += i === 0 ? s.toLocaleLowerCase(locale) : s.toLocaleLowerCase(locale).firstCharToUpperCase(locale);
+  });
+  return result;
+}
+function arrayToKebabCase(array, lowerCase, locale) {
+  let result = "";
+  array.forEach((s) => {
+    result += `${lowerCase ? s.toLocaleLowerCase(locale) : s.toLocaleUpperCase(locale)}-`;
+  });
+  return result.trimEndChar("-");
+}
+function arrayToSentenceCase(array, locale) {
+  let result = "";
+  array.forEach((s, i) => {
+    result += `${i === 0 ? s.toLowerCase().firstCharToUpperCase(locale) : s.toLocaleLowerCase(locale)} `;
+  });
+  return result.trimEndChar(" ");
+}
+function arrayToTitleCase(array, locale) {
+  let result = "";
+  array.forEach((s) => {
+    result += `${s.toLocaleLowerCase(locale).firstCharToUpperCase(locale)} `;
+  });
+  return result.trimEndChar(" ");
+}
+String.prototype.similarity = function(comparisonString) {
+  let similarityToReturn = 0;
+  let longerString = this.toLowerCase();
+  let shorterString = comparisonString.toLowerCase();
+  if (longerString < shorterString) {
+    const temp = shorterString;
+    shorterString = longerString;
+    longerString = temp;
+  }
+  const longerLength = longerString.length;
+  if (longerLength === 0) {
+    similarityToReturn = 100;
+  } else {
+    similarityToReturn = Math.round((longerLength - levenshtein(longerString, shorterString)) / longerLength * 100);
+  }
+  return similarityToReturn;
+};
+String.prototype.trimChar = function(character) {
+  return this.trimStartChar(character).trimEndChar(character);
+};
+String.prototype.trimStartChar = function(character) {
+  return character !== "" && this.startsWith(character) ? this.slice(1) : this;
+};
+String.prototype.trimEndChar = function(character) {
+  return character !== "" && this.endsWith(character) ? this.slice(0, -1) : this;
+};
+String.prototype.trimToLength = function(length, addEllipsis = false) {
+  const trimLength = this.length < length ? this.length : length;
+  return addEllipsis && trimLength >= 4 && trimLength < this.length ? `${this.slice(0, Math.max(trimLength - 3, 1))}...` : this.slice(0, Math.max(trimLength, 1));
+};
+String.prototype.firstCharToUpperCase = function(locale) {
+  return `${this.charAt(0).toLocaleUpperCase(locale)}${this.slice(1)}`;
+};
+String.prototype.firstCharToLowerCase = function(locale) {
+  return `${this.charAt(0).toLocaleLowerCase(locale)}${this.slice(1)}`;
+};
+String.prototype.removeWhitespace = function() {
+  return this.replace(/\s/g, "");
+};
+String.prototype.removeNonAlphanumeric = function() {
+  return this.replace(/[^a-zA-Z0-9]/g, "");
+};
+String.prototype.removeNonAlphabetic = function() {
+  return this.replace(/[^a-zA-Z]/g, "");
+};
+String.prototype.removeNonNumeric = function() {
+  return this.replace(/[^0-9]/g, "");
+};
+String.prototype.replacePlaceholders = function(...args) {
+  let i = 0;
+  return this.replace(/{\d+}/g, () => typeof args[i] !== "undefined" ? args[i++] : "");
+};
+String.prototype.camelCaseToKebabCase = function(lowerCase = true, locale) {
+  return arrayToKebabCase(camelCaseToArray(this), lowerCase, locale);
+};
+String.prototype.camelCaseToPascalCase = function(locale) {
+  return this.firstCharToUpperCase(locale);
+};
+String.prototype.camelCaseToSentenceCase = function(locale) {
+  return arrayToSentenceCase(camelCaseToArray(this), locale);
+};
+String.prototype.camelCaseToSnakeCase = function(lowerCase = true, locale) {
+  return this.camelCaseToKebabCase().kebabCaseToSnakeCase(lowerCase, locale);
+};
+String.prototype.camelCaseToTitleCase = function(locale) {
+  return arrayToTitleCase(camelCaseToArray(this), locale);
+};
+String.prototype.kebabCaseToCamelCase = function(locale) {
+  return arrayToCamelCase(kebabCaseToArray(this), locale);
+};
+String.prototype.kebabCaseToPascalCase = function(locale) {
+  return this.kebabCaseToCamelCase().camelCaseToPascalCase(locale);
+};
+String.prototype.kebabCaseToSentenceCase = function(locale) {
+  return arrayToSentenceCase(kebabCaseToArray(this), locale);
+};
+String.prototype.kebabCaseToSnakeCase = function(lowerCase = true, locale) {
+  const result = this.replace(/-/g, "_");
+  return lowerCase ? result.toLocaleLowerCase(locale) : result.toLocaleUpperCase(locale);
+};
+String.prototype.kebabCaseToTitleCase = function(locale) {
+  return arrayToTitleCase(kebabCaseToArray(this), locale);
+};
+String.prototype.pascalCaseToCamelCase = function(locale) {
+  return arrayToCamelCase(pascalCaseToArray(this), locale);
+};
+String.prototype.pascalCaseToKebabCase = function(lowerCase = true, locale) {
+  return arrayToKebabCase(pascalCaseToArray(this), lowerCase, locale);
+};
+String.prototype.pascalCaseToSentenceCase = function(locale) {
+  return arrayToSentenceCase(pascalCaseToArray(this), locale);
+};
+String.prototype.pascalCaseToSnakeCase = function(lowerCase = true, locale) {
+  return this.pascalCaseToKebabCase().kebabCaseToSnakeCase(lowerCase, locale);
+};
+String.prototype.pascalCaseToTitleCase = function(locale) {
+  return arrayToTitleCase(pascalCaseToArray(this), locale);
+};
+String.prototype.sentenceCaseToCamelCase = function(locale) {
+  return arrayToCamelCase(sentenceCaseToArray(this), locale);
+};
+String.prototype.sentenceCaseToKebabCase = function(lowerCase = true, locale) {
+  return arrayToKebabCase(sentenceCaseToArray(this), lowerCase, locale);
+};
+String.prototype.sentenceCaseToPascalCase = function(locale) {
+  return this.sentenceCaseToCamelCase().camelCaseToPascalCase(locale);
+};
+String.prototype.sentenceCaseToSnakeCase = function(lowerCase = true, locale) {
+  return this.sentenceCaseToKebabCase().kebabCaseToSnakeCase(lowerCase, locale);
+};
+String.prototype.sentenceCaseToTitleCase = function(locale) {
+  return arrayToTitleCase(sentenceCaseToArray(this), locale);
+};
+String.prototype.snakeCaseToCamelCase = function(locale) {
+  return arrayToCamelCase(snakeCaseToArray(this), locale);
+};
+String.prototype.snakeCaseToKebabCase = function(lowerCase = true, locale) {
+  const result = this.replace(/_/g, "-");
+  return lowerCase ? result.toLocaleLowerCase(locale) : result.toLocaleUpperCase(locale);
+};
+String.prototype.snakeCaseToPascalCase = function(locale) {
+  return this.snakeCaseToCamelCase().camelCaseToPascalCase(locale);
+};
+String.prototype.snakeCaseToSentenceCase = function(locale) {
+  return arrayToSentenceCase(snakeCaseToArray(this), locale);
+};
+String.prototype.snakeCaseToTitleCase = function(locale) {
+  return arrayToTitleCase(snakeCaseToArray(this), locale);
+};
+String.prototype.titleCaseToCamelCase = function(locale) {
+  return arrayToCamelCase(titleCaseToArray(this), locale);
+};
+String.prototype.titleCaseToKebabCase = function(lowerCase = true, locale) {
+  return arrayToKebabCase(titleCaseToArray(this), lowerCase, locale);
+};
+String.prototype.titleCaseToPascalCase = function(locale) {
+  return this.titleCaseToCamelCase().camelCaseToPascalCase(locale);
+};
+String.prototype.titleCaseToSentenceCase = function(locale) {
+  return arrayToSentenceCase(titleCaseToArray(this), locale);
+};
+String.prototype.titleCaseToSnakeCase = function(lowerCase = true, locale) {
+  return this.titleCaseToKebabCase().kebabCaseToSnakeCase(lowerCase, locale);
+};
+const stringExtensionsEnabled = true;
+var NumberFormat;
+(function(NumberFormat2) {
+  NumberFormat2["CURRENCY"] = "currency";
+  NumberFormat2["PERCENTAGE"] = "percentage";
+  NumberFormat2["INTEGER"] = "integer";
+  NumberFormat2["DECIMAL"] = "decimal";
+  NumberFormat2["MULTIPLIER"] = "multiplier";
+})(NumberFormat || (NumberFormat = {}));
+var DateFormat;
+(function(DateFormat2) {
+  DateFormat2["SHORT_DATE"] = "short-date";
+  DateFormat2["SHORT_DATETIME"] = "short-datetime";
+  DateFormat2["DATE"] = "date";
+  DateFormat2["DATETIME"] = "datetime";
+  DateFormat2["LONG_DATE"] = "long-date";
+  DateFormat2["LONG_DATETIME"] = "long-datetime";
+})(DateFormat || (DateFormat = {}));
+const messages = {
+  "en-GB": {
+    comboBox: {
+      emptyHintText: "Choose a {object}",
+      createTitle: "Create {object}",
+      createProperty: "Name",
+      create: "Create",
+      cancel: "Cancel",
+      createSuccessful: "Successfully created the {object} '{name}'",
+      createFailed: "Could not create '{name}' - {error}",
+      required: "Required",
+      searchHint: "Enter the {object} name",
+      errorMessage: "An error has occurred: {error}",
+      addPrompt: "Add '{value}' as new {object}",
+      noResults: "0 matching results for '{value}'"
+    },
+    grid: {
+      confirmFilters: "Confirm Filters",
+      noData: "No data to show.",
+      noDataFiltersPresent: "We noticed you have some filters present. Please update or clear your filters.",
+      field: "Field",
+      filter: "Filter",
+      sortBy: "Sort By",
+      gridTools: "Grid Tools",
+      clearFilters: "Clear Filters",
+      modifyFilters: "Modify Filters",
+      editData: "Edit Data",
+      finishEditing: "Finish Editing",
+      equal: "Equals",
+      notequal: "Does not equal",
+      contains: "Contains",
+      notcontains: "Does not contain",
+      startswith: "Starts with",
+      endswith: "Ends with",
+      lessthan: "Less than",
+      greaterthan: "Greater than",
+      equalorlessthan: "Less than or equal to",
+      equalorgreaterthan: "Greater than or equal to",
+      currentMethod: "Current filter method",
+      availableMethods: "Available filter methods",
+      true: "True",
+      false: "False",
+      selectDate: "Select date",
+      selectDateTime: "Select date & time",
+      page: "Page",
+      pageSize: "Page Size",
+      totalRecords: "Total Records",
+      jumpToPage: "Jump to Page",
+      manageView: "Manage View",
+      column: "Column",
+      visible: "Visible",
+      order: "Order",
+      hidden: "Hidden"
+    },
+    login: {
+      login: "Login",
+      email: "Email Address",
+      password: "Password",
+      validEmail: "Username is a valid email address.",
+      invalidEmail: "Username must be a valid email address."
+    },
+    slider: {
+      invalidProps: "The current combination of props is invalid. Please confirm the values provided are correct."
+    }
+  }
+};
+const numberFormats = {
+  "en-GB": {
+    [NumberFormat.PERCENTAGE]: {
+      style: "percent"
+    },
+    [NumberFormat.INTEGER]: {
+      maximumFractionDigits: 0
+    },
+    [NumberFormat.DECIMAL]: {
+      minimumFractionDigits: 1
+    },
+    [NumberFormat.CURRENCY]: {
+      style: "currency",
+      currency: "GBP",
+      currencyDisplay: "symbol"
+    }
+  }
+};
+const datetimeFormats = {
+  "en-GB": {
+    [DateFormat.SHORT_DATE]: {
+      day: "numeric",
+      month: "numeric",
+      year: "2-digit"
+    },
+    [DateFormat.SHORT_DATETIME]: {
+      day: "numeric",
+      month: "numeric",
+      year: "2-digit",
+      hour: "numeric",
+      minute: "numeric"
+    },
+    [DateFormat.DATE]: {
+      day: "numeric",
+      month: "numeric",
+      year: "numeric"
+    },
+    [DateFormat.DATETIME]: {
+      day: "numeric",
+      month: "numeric",
+      year: "numeric",
+      hour: "numeric",
+      minute: "numeric"
+    },
+    [DateFormat.LONG_DATE]: {
+      day: "numeric",
+      month: "long",
+      year: "numeric"
+    },
+    [DateFormat.LONG_DATETIME]: {
+      day: "numeric",
+      month: "long",
+      year: "numeric",
+      hour: "numeric",
+      minute: "numeric"
+    }
+  }
+};
+const i18n = createI18n({
+  locale: "en-GB",
+  fallbackLocale: "en-GB",
+  messages,
+  numberFormats,
+  datetimeFormats,
+  useScope: "global",
+  missingWarn: false,
+  fallbackWarn: false,
+  warnHtmlMessage: false
+});
+function setLocaleMessages(locale, messages2) {
+  i18n.global.mergeLocaleMessage(locale, messages2);
+  return nextTick();
+}
+function setLocaleNumberFormats(locale, numberFormats2) {
+  i18n.global.mergeNumberFormat(locale, numberFormats2);
+  return nextTick();
+}
+function setLocaleDateTimeFormats(locale, dateTimeFormats) {
+  i18n.global.mergeDateTimeFormat(locale, dateTimeFormats);
+  return nextTick();
+}
+function setCurrentLocale(locale) {
+  i18n.global.locale.value = locale;
+  return nextTick();
+}
+const notifications = ref([]);
+function showNotification(notification) {
+  const newNotification = __spreadValues({
+    id: generateStringId()
+  }, notification);
+  notifications.value.push(newNotification);
+  setTimeout(() => removeNotification(newNotification), notification.duration);
+}
+function removeNotification(notification) {
+  notifications.value = notifications.value.filter((n) => n.id !== notification.id);
+}
+const _hoisted_1$n = ["onClick"];
+const _hoisted_2$j = { class: "cl-flex-1 cl-overflow-ellipsis cl-select-none cl-w-64" };
+const __default__$4 = {
+  inheritAttrs: false
+};
+function setup$4(__props) {
+  return (_ctx, _cache) => {
+    const _component_icon = resolveComponent("icon");
+    return openBlock(), createBlock(Teleport, { to: __props.container }, [
+      createElementVNode("div", {
+        class: normalizeClass(["cl-fixed cl-w-80 cl-z-40", {
+          "cl-top-5 cl-left-5": __props.position === "top-left",
+          "cl-top-5 cl-left-1/2": __props.position === "top-centre",
+          "cl-top-5 cl-right-5": __props.position === "top-right",
+          "cl-bottom-5 cl-left-5": __props.position === "bottom-left",
+          "cl-bottom-5 cl-left-1/2": __props.position === "bottom-centre",
+          "cl-bottom-5 cl-right-5": __props.position === "bottom-right"
+        }])
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(notifications), (notification, index) => {
+          return openBlock(), createElementBlock("div", mergeProps(_ctx.$attrs, {
+            key: index,
+            class: ["cl-break-words cl-cursor-pointer cl-flex cl-font-semibold cl-group cl-mb-2 cl-overflow-hidden cl-p-4 cl-rounded cl-shadow-lg cl-text-sm", {
+              "cl-bg-white": notification.colour === "default",
+              "cl-bg-primary-default": notification.colour === "primary",
+              "cl-bg-secondary-default": notification.colour === "secondary",
+              "cl-bg-danger-default": notification.colour === "danger",
+              "cl-bg-warning-default": notification.colour === "warning"
+            }],
+            onClick: ($event) => unref(removeNotification)(notification)
+          }), [
+            createElementVNode("span", _hoisted_2$j, toDisplayString(notification.message), 1),
+            createVNode(_component_icon, {
+              class: "cl-inline-block cl-opacity-0 group-hover:cl-opacity-100",
+              icon: "ph:x",
+              size: 16,
+              weight: "bold"
+            })
+          ], 16, _hoisted_1$n);
+        }), 128))
+      ], 2)
+    ], 8, ["to"]);
+  };
+}
+const _sfc_main$n = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$4), {
+  props: {
+    container: { default: "body" },
+    position: { default: "top-right" }
+  },
+  setup: setup$4
+}));
+const _hoisted_1$m = { class: "cl-absolute cl-flex cl-flex-wrap cl-h-screen cl-max-h-screen cl-max-w-full cl-min-h-screen cl-min-w-full cl-w-full" };
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
+  props: {
+    removePadding: { default: false }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(_sfc_main$n),
+        createElementVNode("div", _hoisted_1$m, [
+          renderSlot(_ctx.$slots, "header"),
+          createElementVNode("div", {
+            class: normalizeClass(["cl-content-start cl-flex cl-flex-nowrap cl-items-stretch cl-max-h-screen cl-relative cl-w-full", {
+              "cl-pt-20": _ctx.$slots.header
+            }])
+          }, [
+            renderSlot(_ctx.$slots, "navigation"),
+            createElementVNode("div", {
+              class: normalizeClass(["cl-flex-grow cl-max-h-full cl-overflow-x-hidden cl-overflow-y-auto cl-w-auto", {
+                "md:cl-p-8": !__props.removePadding
+              }])
+            }, [
+              renderSlot(_ctx.$slots, "default")
+            ], 2)
+          ], 2)
+        ])
+      ], 64);
+    };
+  }
+});
+var clUiLoadingSpinner_vue_vue_type_style_index_0_scoped_true_lang = "";
+var _export_sfc = (sfc, props) => {
+  for (const [key, val] of props) {
+    sfc[key] = val;
+  }
+  return sfc;
+};
+const _sfc_main$l = {};
+const _hoisted_1$l = { class: "loading-spinner" };
+function _sfc_render$2(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1$l);
+}
+var ClUiLoadingSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$2], ["__scopeId", "data-v-60d7cfd0"]]);
+const _hoisted_1$k = ["disabled"];
+const __default__$3 = {
+  inheritAttrs: false
+};
+function setup$3(__props) {
+  return (_ctx, _cache) => {
+    return openBlock(), createElementBlock(Fragment, null, [
+      withDirectives(createVNode(ClUiLoadingSpinner, { class: "cl-absolute" }, null, 512), [
+        [vShow, __props.loading]
+      ]),
+      withDirectives(createElementVNode("button", mergeProps(_ctx.$attrs, {
+        class: ["cl-align-middle cl-border cl-font-semibold cl-inline-block cl-overflow-visible cl-rounded cl-shadow cl-text-center focus:cl-outline-none", {
+          "cl-leading-8 cl-px-4 cl-text-sm": __props.size === "small",
+          "cl-leading-10 cl-px-8 cl-text-sm": __props.size === "medium",
+          "cl-leading-10 cl-px-10 cl-py-2": __props.size === "large",
+          "cl-bg-white cl-border-grey-0 hover:cl-border-grey-2 cl-text-secondary": __props.colour === "default",
+          "cl-border-primary-default cl-bg-primary-default cl-text-white hover:cl-bg-primary-light hover:cl-border-primary-light": __props.colour === "primary",
+          "cl-border-secondary-default cl-bg-secondary-default cl-text-white hover:cl-bg-secondary-light hover:cl-border-secondary-light": __props.colour === "secondary",
+          "cl-border-danger-default cl-bg-danger-default cl-text-white hover:cl-bg-danger-dark hover:cl-border-danger-dark": __props.colour === "danger",
+          "cl-border-link-default cl-bg-link-default cl-text-white hover:cl-bg-link-light hover:cl-border-link-light": __props.colour === "blue",
+          "!cl-border-grey-3 !cl-bg-grey-3 cl-text-grey-0 hover:!cl-bg-grey-3 hover:!cl-border-grey-3 cl-cursor-default": __props.disabled
+        }],
+        disabled: __props.disabled
+      }), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16, _hoisted_1$k), [
+        [vShow, !__props.loading]
+      ])
+    ], 64);
+  };
+}
+const _sfc_main$k = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$3), {
+  props: {
+    colour: { default: "default" },
+    size: { default: "medium" },
+    loading: { default: false },
+    disabled: { default: false }
+  },
+  setup: setup$3
+}));
+const buttonColours = [
+  "default",
+  "primary",
+  "secondary",
+  "danger",
+  "blue"
+];
+const buttonSizes = [
+  "small",
+  "medium",
+  "large"
+];
+var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
+var de = { exports: {} };
+(function(module, exports) {
+  (function(global2, factory) {
+    factory(exports);
+  })(commonjsGlobal, function(exports2) {
+    var fp = typeof window !== "undefined" && window.flatpickr !== void 0 ? window.flatpickr : {
+      l10ns: {}
+    };
+    var German = {
+      weekdays: {
+        shorthand: ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"],
+        longhand: [
+          "Sonntag",
+          "Montag",
+          "Dienstag",
+          "Mittwoch",
+          "Donnerstag",
+          "Freitag",
+          "Samstag"
+        ]
+      },
+      months: {
+        shorthand: [
+          "Jan",
+          "Feb",
+          "M\xE4r",
+          "Apr",
+          "Mai",
+          "Jun",
+          "Jul",
+          "Aug",
+          "Sep",
+          "Okt",
+          "Nov",
+          "Dez"
+        ],
+        longhand: [
+          "Januar",
+          "Februar",
+          "M\xE4rz",
+          "April",
+          "Mai",
+          "Juni",
+          "Juli",
+          "August",
+          "September",
+          "Oktober",
+          "November",
+          "Dezember"
+        ]
+      },
+      firstDayOfWeek: 1,
+      weekAbbreviation: "KW",
+      rangeSeparator: " bis ",
+      scrollTitle: "Zum \xC4ndern scrollen",
+      toggleTitle: "Zum Umschalten klicken",
+      time_24hr: true
+    };
+    fp.l10ns.de = German;
+    var de2 = fp.l10ns;
+    exports2.German = German;
+    exports2.default = de2;
+    Object.defineProperty(exports2, "__esModule", { value: true });
+  });
+})(de, de.exports);
+var _default = { exports: {} };
+(function(module, exports) {
+  (function(global2, factory) {
+    factory(exports);
+  })(commonjsGlobal, function(exports2) {
+    var english = {
+      weekdays: {
+        shorthand: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+        longhand: [
+          "Sunday",
+          "Monday",
+          "Tuesday",
+          "Wednesday",
+          "Thursday",
+          "Friday",
+          "Saturday"
+        ]
+      },
+      months: {
+        shorthand: [
+          "Jan",
+          "Feb",
+          "Mar",
+          "Apr",
+          "May",
+          "Jun",
+          "Jul",
+          "Aug",
+          "Sep",
+          "Oct",
+          "Nov",
+          "Dec"
+        ],
+        longhand: [
+          "January",
+          "February",
+          "March",
+          "April",
+          "May",
+          "June",
+          "July",
+          "August",
+          "September",
+          "October",
+          "November",
+          "December"
+        ]
+      },
+      daysInMonth: [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31],
+      firstDayOfWeek: 0,
+      ordinal: function(nth) {
+        var s = nth % 100;
+        if (s > 3 && s < 21)
+          return "th";
+        switch (s % 10) {
+          case 1:
+            return "st";
+          case 2:
+            return "nd";
+          case 3:
+            return "rd";
+          default:
+            return "th";
+        }
+      },
+      rangeSeparator: " to ",
+      weekAbbreviation: "Wk",
+      scrollTitle: "Scroll to increment",
+      toggleTitle: "Click to toggle",
+      amPM: ["AM", "PM"],
+      yearAriaLabel: "Year",
+      monthAriaLabel: "Month",
+      hourAriaLabel: "Hour",
+      minuteAriaLabel: "Minute",
+      time_24hr: false
+    };
+    exports2.default = english;
+    exports2.english = english;
+    Object.defineProperty(exports2, "__esModule", { value: true });
+  });
+})(_default, _default.exports);
+var es = { exports: {} };
+(function(module, exports) {
+  (function(global2, factory) {
+    factory(exports);
+  })(commonjsGlobal, function(exports2) {
+    var fp = typeof window !== "undefined" && window.flatpickr !== void 0 ? window.flatpickr : {
+      l10ns: {}
+    };
+    var Spanish = {
+      weekdays: {
+        shorthand: ["Dom", "Lun", "Mar", "Mi\xE9", "Jue", "Vie", "S\xE1b"],
+        longhand: [
+          "Domingo",
+          "Lunes",
+          "Martes",
+          "Mi\xE9rcoles",
+          "Jueves",
+          "Viernes",
+          "S\xE1bado"
+        ]
+      },
+      months: {
+        shorthand: [
+          "Ene",
+          "Feb",
+          "Mar",
+          "Abr",
+          "May",
+          "Jun",
+          "Jul",
+          "Ago",
+          "Sep",
+          "Oct",
+          "Nov",
+          "Dic"
+        ],
+        longhand: [
+          "Enero",
+          "Febrero",
+          "Marzo",
+          "Abril",
+          "Mayo",
+          "Junio",
+          "Julio",
+          "Agosto",
+          "Septiembre",
+          "Octubre",
+          "Noviembre",
+          "Diciembre"
+        ]
+      },
+      ordinal: function() {
+        return "\xBA";
+      },
+      firstDayOfWeek: 1,
+      rangeSeparator: " a ",
+      time_24hr: true
+    };
+    fp.l10ns.es = Spanish;
+    var es2 = fp.l10ns;
+    exports2.Spanish = Spanish;
+    exports2.default = es2;
+    Object.defineProperty(exports2, "__esModule", { value: true });
+  });
+})(es, es.exports);
+var fr = { exports: {} };
+(function(module, exports) {
+  (function(global2, factory) {
+    factory(exports);
+  })(commonjsGlobal, function(exports2) {
+    var fp = typeof window !== "undefined" && window.flatpickr !== void 0 ? window.flatpickr : {
+      l10ns: {}
+    };
+    var French = {
+      firstDayOfWeek: 1,
+      weekdays: {
+        shorthand: ["dim", "lun", "mar", "mer", "jeu", "ven", "sam"],
+        longhand: [
+          "dimanche",
+          "lundi",
+          "mardi",
+          "mercredi",
+          "jeudi",
+          "vendredi",
+          "samedi"
+        ]
+      },
+      months: {
+        shorthand: [
+          "janv",
+          "f\xE9vr",
+          "mars",
+          "avr",
+          "mai",
+          "juin",
+          "juil",
+          "ao\xFBt",
+          "sept",
+          "oct",
+          "nov",
+          "d\xE9c"
+        ],
+        longhand: [
+          "janvier",
+          "f\xE9vrier",
+          "mars",
+          "avril",
+          "mai",
+          "juin",
+          "juillet",
+          "ao\xFBt",
+          "septembre",
+          "octobre",
+          "novembre",
+          "d\xE9cembre"
+        ]
+      },
+      ordinal: function(nth) {
+        if (nth > 1)
+          return "";
+        return "er";
+      },
+      rangeSeparator: " au ",
+      weekAbbreviation: "Sem",
+      scrollTitle: "D\xE9filer pour augmenter la valeur",
+      toggleTitle: "Cliquer pour basculer",
+      time_24hr: true
+    };
+    fp.l10ns.fr = French;
+    var fr2 = fp.l10ns;
+    exports2.French = French;
+    exports2.default = fr2;
+    Object.defineProperty(exports2, "__esModule", { value: true });
+  });
+})(fr, fr.exports);
+var it = { exports: {} };
+(function(module, exports) {
+  (function(global2, factory) {
+    factory(exports);
+  })(commonjsGlobal, function(exports2) {
+    var fp = typeof window !== "undefined" && window.flatpickr !== void 0 ? window.flatpickr : {
+      l10ns: {}
+    };
+    var Italian = {
+      weekdays: {
+        shorthand: ["Dom", "Lun", "Mar", "Mer", "Gio", "Ven", "Sab"],
+        longhand: [
+          "Domenica",
+          "Luned\xEC",
+          "Marted\xEC",
+          "Mercoled\xEC",
+          "Gioved\xEC",
+          "Venerd\xEC",
+          "Sabato"
+        ]
+      },
+      months: {
+        shorthand: [
+          "Gen",
+          "Feb",
+          "Mar",
+          "Apr",
+          "Mag",
+          "Giu",
+          "Lug",
+          "Ago",
+          "Set",
+          "Ott",
+          "Nov",
+          "Dic"
+        ],
+        longhand: [
+          "Gennaio",
+          "Febbraio",
+          "Marzo",
+          "Aprile",
+          "Maggio",
+          "Giugno",
+          "Luglio",
+          "Agosto",
+          "Settembre",
+          "Ottobre",
+          "Novembre",
+          "Dicembre"
+        ]
+      },
+      firstDayOfWeek: 1,
+      ordinal: function() {
+        return "\xB0";
+      },
+      rangeSeparator: " al ",
+      weekAbbreviation: "Se",
+      scrollTitle: "Scrolla per aumentare",
+      toggleTitle: "Clicca per cambiare",
+      time_24hr: true
+    };
+    fp.l10ns.it = Italian;
+    var it2 = fp.l10ns;
+    exports2.Italian = Italian;
+    exports2.default = it2;
+    Object.defineProperty(exports2, "__esModule", { value: true });
+  });
+})(it, it.exports);
+var nl = { exports: {} };
+(function(module, exports) {
+  (function(global2, factory) {
+    factory(exports);
+  })(commonjsGlobal, function(exports2) {
+    var fp = typeof window !== "undefined" && window.flatpickr !== void 0 ? window.flatpickr : {
+      l10ns: {}
+    };
+    var Dutch = {
+      weekdays: {
+        shorthand: ["zo", "ma", "di", "wo", "do", "vr", "za"],
+        longhand: [
+          "zondag",
+          "maandag",
+          "dinsdag",
+          "woensdag",
+          "donderdag",
+          "vrijdag",
+          "zaterdag"
+        ]
+      },
+      months: {
+        shorthand: [
+          "jan",
+          "feb",
+          "mrt",
+          "apr",
+          "mei",
+          "jun",
+          "jul",
+          "aug",
+          "sept",
+          "okt",
+          "nov",
+          "dec"
+        ],
+        longhand: [
+          "januari",
+          "februari",
+          "maart",
+          "april",
+          "mei",
+          "juni",
+          "juli",
+          "augustus",
+          "september",
+          "oktober",
+          "november",
+          "december"
+        ]
+      },
+      firstDayOfWeek: 1,
+      weekAbbreviation: "wk",
+      rangeSeparator: " t/m ",
+      scrollTitle: "Scroll voor volgende / vorige",
+      toggleTitle: "Klik om te wisselen",
+      time_24hr: true,
+      ordinal: function(nth) {
+        if (nth === 1 || nth === 8 || nth >= 20)
+          return "ste";
+        return "de";
+      }
+    };
+    fp.l10ns.nl = Dutch;
+    var nl2 = fp.l10ns;
+    exports2.Dutch = Dutch;
+    exports2.default = nl2;
+    Object.defineProperty(exports2, "__esModule", { value: true });
+  });
+})(nl, nl.exports);
+var FixedDate;
+(function(FixedDate2) {
+  FixedDate2["YEAR"] = "1990";
+  FixedDate2["MONTH"] = "01";
+  FixedDate2["MONTH_SHORT"] = "1";
+  FixedDate2["DAY"] = "02";
+  FixedDate2["DAY_SHORT"] = "2";
+  FixedDate2["HOUR"] = "12";
+  FixedDate2["MINUTE"] = "05";
+  FixedDate2["SUFFIX"] = "PM";
+})(FixedDate || (FixedDate = {}));
+function generateFixedDate() {
+  return new Date(`${FixedDate.YEAR}-${FixedDate.MONTH}-${FixedDate.DAY}T${FixedDate.HOUR}:${FixedDate.MINUTE}`);
+}
+function replaceDateWithPlaceholders(date, hourPlaceholder, yearPlaceholder) {
+  return date.replace(FixedDate.YEAR, yearPlaceholder).replace(FixedDate.HOUR, hourPlaceholder).replace(FixedDate.MONTH, "m").replace(FixedDate.MONTH_SHORT, "n").replace(FixedDate.DAY, "d").replace(FixedDate.DAY_SHORT, "j").replace(FixedDate.MINUTE, "i").replace(FixedDate.SUFFIX, "K").replace(",", "");
+}
+function getLocale(locale) {
+  let result;
+  switch (locale) {
+    case "de-DE":
+      result = de.exports.German;
+      break;
+    case "fr-FR":
+      result = fr.exports.French;
+      break;
+    case "nl-NL":
+      result = nl.exports.Dutch;
+      break;
+    case "it-IT":
+      result = it.exports.Italian;
+      break;
+    case "es-ES":
+      result = es.exports.Spanish;
+      break;
+    default:
+      result = _default.exports.english;
+      break;
+  }
+  return result;
+}
+var clUiCalendar_vue_vue_type_style_index_0_lang = "";
+const _hoisted_1$j = ["placeholder", "disabled"];
+const _hoisted_2$i = { class: "cl-absolute cl-bg-white cl-flex cl-right-2 cl-text-grey-4 cl-top-3" };
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
+  props: {
+    date: { default: () => null },
+    datePlaceholder: { default: "Select date." },
+    dateTimePlaceholder: { default: "Select date & time." },
+    type: { default: "datetime" },
+    disabled: { default: false }
+  },
+  emits: {
+    "update:date": null
+  },
+  setup(__props, { emit }) {
+    const props = __props;
+    const { d, getDateTimeFormat, locale } = useI18n();
+    const flatpickrInstance = ref(null);
+    const element = ref(null);
+    const internalDate = computed(() => d(generateFixedDate(), props.type));
+    const dateFormat = computed(() => getDateTimeFormat(locale.value)[props.type]);
+    const format = computed(() => {
+      var _a, _b;
+      let hourPlaceholder = "H";
+      let yearPlaceholder = "Y";
+      if (((_a = dateFormat.value) == null ? void 0 : _a.hour12) === true) {
+        hourPlaceholder = "h";
+      }
+      if (((_b = dateFormat.value) == null ? void 0 : _b.year) === "2-digit") {
+        yearPlaceholder = "y";
+      }
+      return replaceDateWithPlaceholders(internalDate.value, hourPlaceholder, yearPlaceholder);
+    });
+    const options = computed(() => {
+      var _a, _b;
+      const config = __spreadProps(__spreadValues({}, Flatpickr.defaultConfig), {
+        allowInput: true,
+        dateFormat: format.value,
+        disableMobile: true,
+        enableTime: props.type === DateFormat.DATETIME,
+        locale: getLocale(locale.value),
+        minuteIncrement: 1,
+        monthSelectorType: "static",
+        time_24hr: typeof ((_a = dateFormat.value) == null ? void 0 : _a.hour12) === "undefined" || ((_b = dateFormat.value) == null ? void 0 : _b.hour12) === false
+      });
+      if (props.date !== null) {
+        config.defaultDate = props.date;
+      }
+      return config;
+    });
+    function onChange(selectedDates, _date, _instance) {
+      emit("update:date", selectedDates.length > 0 ? selectedDates[0] : null);
+    }
+    function clearValue() {
+      emit("update:date", null);
+    }
+    function resetValue() {
+      if (flatpickrInstance.value !== null) {
+        const date = new Date();
+        date.setHours(12, 0, 0, 0);
+        emit("update:date", date);
+      }
+    }
+    function createInstance() {
+      if (flatpickrInstance.value === null && element.value !== null) {
+        flatpickrInstance.value = Flatpickr(element.value, options.value);
+        flatpickrInstance.value.config.onChange.push(onChange);
+      }
+    }
+    function updateInstance() {
+      if (flatpickrInstance.value !== null) {
+        flatpickrInstance.value.set(options.value);
+        flatpickrInstance.value.config.onChange.push(onChange);
+      }
+    }
+    function updateInstanceValue(value) {
+      if (flatpickrInstance.value !== null) {
+        flatpickrInstance.value.setDate(value, true);
+      }
+    }
+    function clearInstanceValue() {
+      if (flatpickrInstance.value !== null) {
+        flatpickrInstance.value.clear();
+      }
+    }
+    function destroyInstance() {
+      if (flatpickrInstance.value !== null) {
+        flatpickrInstance.value.destroy();
+        flatpickrInstance.value = null;
+      }
+    }
+    watch(() => props.date, (newValue, oldValue) => {
+      if (newValue !== null && oldValue !== null) {
+        if (newValue.getTime() !== oldValue.getTime()) {
+          updateInstanceValue(newValue);
+        }
+      } else if (newValue === null && oldValue !== null) {
+        clearInstanceValue();
+      }
+    }, {
+      deep: true
+    });
+    watch(() => options.value, updateInstance, {
+      deep: true
+    });
+    watch(() => props.type, () => {
+      destroyInstance();
+      nextTick(() => createInstance());
+    }, {
+      immediate: false
+    });
+    onMounted(() => createInstance());
+    onUnmounted(() => destroyInstance());
+    return (_ctx, _cache) => {
+      const _component_icon = resolveComponent("icon");
+      return openBlock(), createElementBlock("div", mergeProps(_ctx.$attrs, { class: "cl-relative" }), [
+        createElementVNode("input", mergeProps({
+          ref: (_value, _refs) => {
+            _refs["element"] = _value;
+            element.value = _value;
+          }
+        }, _ctx.$attrs, {
+          class: ["!cl-text-sm md:!cl-text-base", {
+            "!cl-pr-12": __props.date !== null,
+            "!cl-pr-8": __props.date === null
+          }],
+          type: "text",
+          placeholder: __props.type === "date" ? __props.datePlaceholder : __props.dateTimePlaceholder,
+          disabled: __props.disabled
+        }), null, 16, _hoisted_1$j),
+        withDirectives(createVNode(_component_icon, {
+          class: "cl-absolute cl-bg-white cl-right-2 cl-text-grey-4 cl-top-3",
+          icon: "ph:calendar",
+          weight: "light",
+          size: 18
+        }, null, 512), [
+          [vShow, __props.date === null || __props.disabled]
+        ]),
+        withDirectives(createElementVNode("div", _hoisted_2$i, [
+          createVNode(_component_icon, {
+            class: "cl-cursor-pointer cl-mr-0.5 md:cl-mr-1",
+            icon: "ph:arrow-counter-clockwise",
+            size: 16,
+            onClick: resetValue
+          }),
+          createVNode(_component_icon, {
+            class: "cl-cursor-pointer",
+            icon: "ph:x",
+            size: 16,
+            onClick: clearValue
+          })
+        ], 512), [
+          [vShow, __props.date !== null && !__props.disabled]
+        ])
+      ], 16);
+    };
+  }
+});
+const calendarTypes = [
+  "date",
+  "datetime"
+];
+const _hoisted_1$i = { key: 0 };
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
+  props: {
+    size: { default: "medium" },
+    hover: { default: false }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["cl-border-grey-0 cl-overflow-hidden cl-relative cl-rounded-md cl-shadow-lg", {
+          "cl-cursor-pointer hover:cl-shadow-xl hover:cl-border": __props.hover
+        }])
+      }, [
+        _ctx.$slots.image ? (openBlock(), createElementBlock("div", _hoisted_1$i, [
+          renderSlot(_ctx.$slots, "image")
+        ])) : createCommentVNode("", true),
+        _ctx.$slots.title ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass(["cl-border-grey-2 cl-font-normal", {
+            "cl-p-2 cl-text-2xl cl-leading-8": __props.size === "small",
+            "cl-p-4 cl-text-3xl cl-leading-9": __props.size === "medium",
+            "cl-p-6 cl-text-4xl cl-leading-10": __props.size === "large",
+            "cl-border-t": _ctx.$slots.image
+          }])
+        }, [
+          renderSlot(_ctx.$slots, "title")
+        ], 2)) : createCommentVNode("", true),
+        createElementVNode("div", {
+          class: normalizeClass(["cl-border-grey-2", {
+            "cl-p-2": __props.size === "small",
+            "cl-p-4": __props.size === "medium",
+            "cl-p-6": __props.size === "large",
+            "cl-border-t": _ctx.$slots.image || _ctx.$slots.title
+          }])
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 2),
+        _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
+          key: 2,
+          class: normalizeClass(["cl-border-grey-2 cl-border-t", {
+            "cl-p-2": __props.size === "small",
+            "cl-p-4": __props.size === "medium",
+            "cl-p-6": __props.size === "large"
+          }])
+        }, [
+          renderSlot(_ctx.$slots, "footer")
+        ], 2)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const cardSizes = [
+  "small",
+  "medium",
+  "large"
+];
+const _hoisted_1$h = { class: "cl-align-items-center cl-bg-black cl-bg-opacity-40 cl-bottom-0 cl-fixed cl-flex cl-h-full cl-justify-center cl-left-0 cl-right-0 cl-top-0 cl-w-full cl-z-40" };
+const _hoisted_2$h = { class: "cl-border-b cl-border-grey-2 cl-font-semibold cl-h-11 cl-leading-10 cl-overflow-ellipsis cl-overflow-hidden cl-pl-2 cl-pr-8 cl-text-2xl cl-w-full cl-whitespace-nowrap" };
+const _hoisted_3$e = { class: "cl-p-2 cl-text-right cl-text-sm cl-w-full" };
+const __default__$2 = {
+  inheritAttrs: false
+};
+function setup$2(__props, { emit }) {
+  const props = __props;
+  const visible = ref(false);
+  const showConfirmButton = computed(() => props.confirmButton !== "");
+  const showCancelButton = computed(() => props.cancelButton !== "");
+  function getButtonText(buttonValue) {
+    return typeof buttonValue === "string" ? buttonValue : "";
+  }
+  const confirmButtonText = computed(() => getButtonText(props.confirmButton));
+  const cancelButtonText = computed(() => getButtonText(props.cancelButton));
+  function toggleModal(show) {
+    visible.value = typeof show !== "undefined" ? show : !visible.value;
+  }
+  function modalAction(action) {
+    toggleModal(false);
+    if (action) {
+      emit("confirm", action);
+    } else {
+      emit("cancel", action);
+    }
+  }
+  return (_ctx, _cache) => {
+    const _component_icon = resolveComponent("icon");
+    return openBlock(), createElementBlock(Fragment, null, [
+      renderSlot(_ctx.$slots, "trigger", normalizeProps(guardReactiveProps({ toggleModal }))),
+      (openBlock(), createBlock(Teleport, { to: "body" }, [
+        withDirectives(createElementVNode("div", _hoisted_1$h, [
+          createElementVNode("div", mergeProps(_ctx.$attrs, {
+            class: ["cl-bg-white cl-flex cl-flex-wrap cl-mx-0 cl-my-auto cl-overflow-y-auto cl-relative cl-rounded cl-shadow-lg", {
+              "lg:cl-w-2/12 cl-w-10/12": __props.size === "x-small",
+              "cl-w-6/12": __props.size === "small",
+              "cl-w-8/12": __props.size === "medium",
+              "cl-w-10/12": __props.size === "large"
+            }]
+          }), [
+            createElementVNode("div", {
+              class: "cl-absolute cl-cursor-pointer cl-h-2 cl-leading-5 cl-right-3 cl-text-black cl-text-center cl-top-3 cl-w-5",
+              onClick: _cache[0] || (_cache[0] = ($event) => modalAction(false))
+            }, [
+              createVNode(_component_icon, {
+                icon: "ph:x",
+                size: 20
+              })
+            ]),
+            createElementVNode("div", _hoisted_2$h, toDisplayString(__props.title), 1),
+            createElementVNode("div", mergeProps({ class: "cl-overflow-y-auto cl-p-2 cl-w-full" }, { toggleModal }), [
+              renderSlot(_ctx.$slots, "default")
+            ], 16),
+            withDirectives(createElementVNode("div", _hoisted_3$e, [
+              unref(showConfirmButton) ? (openBlock(), createBlock(_sfc_main$k, {
+                key: 0,
+                class: "cl-mr-2",
+                colour: "primary",
+                size: "small",
+                disabled: __props.confirmEnabled === false,
+                onClick: _cache[1] || (_cache[1] = withModifiers(($event) => modalAction(true), ["prevent"]))
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(confirmButtonText)), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"])) : createCommentVNode("", true),
+              unref(showCancelButton) ? (openBlock(), createBlock(_sfc_main$k, {
+                key: 1,
+                colour: "danger",
+                size: "small",
+                onClick: _cache[2] || (_cache[2] = withModifiers(($event) => modalAction(false), ["prevent"]))
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(cancelButtonText)), 1)
+                ]),
+                _: 1
+              })) : createCommentVNode("", true)
+            ], 512), [
+              [vShow, unref(showCancelButton) || unref(showConfirmButton)]
+            ])
+          ], 16)
+        ], 512), [
+          [vShow, visible.value]
+        ])
+      ]))
+    ], 64);
+  };
+}
+const _sfc_main$h = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$2), {
+  props: {
+    title: null,
+    size: { default: "medium" },
+    confirmButton: { default: "" },
+    cancelButton: { default: "" },
+    confirmEnabled: { default: true }
+  },
+  emits: {
+    confirm: null,
+    cancel: null
+  },
+  setup: setup$2
+}));
+const _hoisted_1$g = { class: "cl-bg-grey-2 cl-border-b cl-border-grey-2 cl-border-t cl-flex cl-p-1" };
+const _hoisted_2$g = {
+  key: 0,
+  class: "cl-w-1/2"
+};
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
+  props: {
+    showClearButton: { default: false },
+    text: { default: "" },
+    additionalText: { default: "" }
+  },
+  emits: {
+    "clear-object": null
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_icon = resolveComponent("icon");
+      return openBlock(), createElementBlock("div", _hoisted_1$g, [
+        __props.additionalText !== "" ? (openBlock(), createElementBlock("div", _hoisted_2$g, toDisplayString(__props.additionalText), 1)) : createCommentVNode("", true),
+        createElementVNode("div", {
+          class: normalizeClass({
+            "cl-w-1/2": __props.additionalText !== "",
+            "cl-w-full": __props.additionalText === ""
+          })
+        }, toDisplayString(__props.text), 3),
+        withDirectives(createElementVNode("div", {
+          class: "cl-cursor-pointer cl-float-right",
+          onMousedown: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("clear-object"))
+        }, [
+          createVNode(_component_icon, {
+            class: "cl-mt-0.5 cl-rounded-full hover:cl-text-link-default",
+            icon: "ph:x-circle"
+          })
+        ], 544), [
+          [vShow, __props.showClearButton]
+        ])
+      ]);
+    };
+  }
+});
+const _hoisted_1$f = {
+  key: 0,
+  class: "cl-w-1/2"
+};
+const _hoisted_2$f = { class: "cl-float-right cl-py-1.5" };
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
+  props: {
+    isCreateNewOption: { default: false },
+    selectedIndex: { default: -1 },
+    text: { default: "" },
+    option: { default: () => null },
+    index: null
+  },
+  emits: {
+    "create-object": null,
+    "select-object": null,
+    "option-highlighted": null
+  },
+  setup(__props, { emit }) {
+    const props = __props;
+    const displayedText = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.option) == null ? void 0 : _a.name) != null ? _b : props.text;
+    });
+    const displayedParent = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.option) == null ? void 0 : _a.parentName) != null ? _b : "";
+    });
+    const isHighlighted = ref(false);
+    function optionSelected() {
+      var _a;
+      if (props.isCreateNewOption === true) {
+        emit("create-object");
+      } else {
+        emit("select-object", (_a = props.option) == null ? void 0 : _a.id);
+      }
+    }
+    function onHover(hovered) {
+      if (hovered === true) {
+        isHighlighted.value = true;
+        emit("option-highlighted", props.index);
+      } else {
+        if (props.index !== props.selectedIndex) {
+          isHighlighted.value = false;
+        }
+      }
+    }
+    function updateHighlight() {
+      if (props.selectedIndex === props.index) {
+        isHighlighted.value = true;
+      } else {
+        isHighlighted.value = false;
+      }
+    }
+    watch(() => props.selectedIndex, () => updateHighlight());
+    return (_ctx, _cache) => {
+      var _a, _b;
+      const _component_icon = resolveComponent("icon");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["cl-border-b cl-border-grey-0 cl-border-t cl-cursor-pointer cl-flex cl-p-1", {
+          "cl-bg-grey-0": isHighlighted.value === false,
+          "cl-bg-primary-default cl-text-white": isHighlighted.value
+        }]),
+        onMousedown: optionSelected,
+        onMousemove: _cache[0] || (_cache[0] = ($event) => onHover(true)),
+        onMouseleave: _cache[1] || (_cache[1] = ($event) => onHover(false))
+      }, [
+        __props.option !== null && ((_a = __props.option) == null ? void 0 : _a.parentId) !== 0 && ((_b = __props.option) == null ? void 0 : _b.parentId) !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_1$f, toDisplayString(unref(displayedParent)), 1)) : createCommentVNode("", true),
+        createElementVNode("div", {
+          class: normalizeClass({
+            "cl-w-1/2": unref(displayedParent) !== "",
+            "cl-w-full": unref(displayedParent) === ""
+          })
+        }, toDisplayString(unref(displayedText)), 3),
+        withDirectives(createElementVNode("div", _hoisted_2$f, [
+          createVNode(_component_icon, {
+            class: "cl-bg-primary-default cl-rounded-full cl-text-white",
+            icon: "ph:plus-circle"
+          })
+        ], 512), [
+          [vShow, __props.isCreateNewOption]
+        ])
+      ], 34);
+    };
+  }
+});
+const _hoisted_1$e = ["onKeyup"];
+const _hoisted_2$e = { class: "cl-flex" };
+const _hoisted_3$d = ["placeholder"];
+const _hoisted_4$d = { key: 5 };
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
+  props: {
+    loading: { default: false },
+    objectType: null,
+    objectParentType: { default: "" },
+    errorMessage: { default: "" },
+    canCreateNewObject: { default: false },
+    canClearSelectedObject: { default: true },
+    currentObjectName: { default: "" },
+    results: { default: () => [] },
+    isVisible: { default: false }
+  },
+  emits: {
+    "clear-object": null,
+    "create-object": null,
+    "select-object": null,
+    search: null,
+    "hide-dropdown": null
+  },
+  setup(__props, { emit }) {
+    const props = __props;
+    const { t } = useI18n();
+    const searchText = ref("");
+    const showAddNewOption = ref(false);
+    const currentSelection = ref(-1);
+    const firstIndexInResults = computed(() => showAddNewOption.value ? -1 : 0);
+    const container = ref();
+    const searchBox = ref();
+    function search(keyboardEvent) {
+      if (keyboardEvent === void 0 || (keyboardEvent == null ? void 0 : keyboardEvent.code.startsWith("Arrow")) === false && (keyboardEvent == null ? void 0 : keyboardEvent.code.startsWith("Control")) === false && (keyboardEvent == null ? void 0 : keyboardEvent.code.startsWith("Shift")) === false && (keyboardEvent == null ? void 0 : keyboardEvent.code.startsWith("Tab")) === false && (keyboardEvent == null ? void 0 : keyboardEvent.code) !== "Enter") {
+        emit("search", searchText.value);
+        currentSelection.value = -2;
+      }
+    }
+    function selectObject(id) {
+      emit("select-object", id);
+    }
+    function createObject() {
+      emit("create-object", searchText.value);
+      hideDropdown();
+    }
+    function hideDropdown() {
+      emit("hide-dropdown");
+    }
+    function onKeyboardArrowDown(firstIndex) {
+      if (currentSelection.value < props.results.length - 1) {
+        if (currentSelection.value === -2 && searchText.value === "") {
+          currentSelection.value++;
+        }
+        currentSelection.value++;
+      } else {
+        currentSelection.value = firstIndex;
+      }
+      scroll();
+    }
+    function onKeyboardArrowUp(firstIndex) {
+      if (currentSelection.value > firstIndex) {
+        currentSelection.value--;
+      } else {
+        currentSelection.value = props.results.length - 1;
+      }
+      scroll();
+    }
+    function onKeyboardEnter() {
+      if (currentSelection.value >= 0 && props.results !== void 0) {
+        selectObject(props.results[currentSelection.value].id);
+      } else if (currentSelection.value === -1) {
+        createObject();
+      }
+    }
+    function onKeyboardShiftTab(keyboardEvent) {
+      if (keyboardEvent.key === "Tab" && keyboardEvent.shiftKey === true) {
+        const selectableElements = document.getElementsByTagName("input");
+        let indexOfPreviouslySelectableItem = -1;
+        for (let i = 0; i < selectableElements.length; i++) {
+          if (selectableElements[i] === keyboardEvent.target) {
+            indexOfPreviouslySelectableItem = i - 1;
+          }
+        }
+        if (indexOfPreviouslySelectableItem >= 0) {
+          selectableElements[indexOfPreviouslySelectableItem].focus();
+          hideDropdown();
+        }
+      }
+    }
+    function scroll() {
+      var _a;
+      if (props.results && props.results.length > 1) {
+        const heightOffset = 34;
+        (_a = container.value) == null ? void 0 : _a.scrollTo(0, (currentSelection.value + 1) * heightOffset - heightOffset * 2);
+      }
+    }
+    function updateAddNewOption() {
+      let finalResultMatches = false;
+      if (props.results !== null && props.results.length === 1) {
+        finalResultMatches = searchText.value.toUpperCase().trim() === props.results[0].name.toUpperCase().trim();
+      }
+      showAddNewOption.value = props.canCreateNewObject === true && props.errorMessage === "" && searchText.value.trim() !== "" && finalResultMatches === false;
+    }
+    function updateSelectedObjectIndex(index) {
+      currentSelection.value = index;
+    }
+    function onVisibilityChanged() {
+      if (props.isVisible === true) {
+        searchText.value = "";
+        search();
+        nextTick(() => {
+          var _a;
+          return (_a = searchBox.value) == null ? void 0 : _a.focus();
+        });
+      }
+    }
+    watch(() => props.results, () => updateAddNewOption());
+    watch(() => props.errorMessage, () => updateAddNewOption());
+    watch(() => props.isVisible, () => onVisibilityChanged());
+    onMounted(() => {
+      var _a;
+      return (_a = container.value) == null ? void 0 : _a.addEventListener("keydown", onKeyboardShiftTab);
+    });
+    onUnmounted(() => {
+      var _a;
+      return (_a = container.value) == null ? void 0 : _a.removeEventListener("keydown", onKeyboardShiftTab);
+    });
+    return (_ctx, _cache) => {
+      var _a;
+      const _component_cl_ui_loading_spinner = resolveComponent("cl-ui-loading-spinner");
+      return openBlock(), createElementBlock("div", {
+        ref: (_value, _refs) => {
+          _refs["container"] = _value;
+          container.value = _value;
+        },
+        class: "cl-bg-white cl-border cl-border-collapse cl-border-grey-0 cl-h-52 cl-overflow-y-auto cl-p-2 cl-text-sm",
+        onKeydown: [
+          _cache[2] || (_cache[2] = withKeys(withModifiers(($event) => onKeyboardArrowUp(unref(firstIndexInResults)), ["prevent", "stop"]), ["up"])),
+          _cache[3] || (_cache[3] = withKeys(withModifiers(($event) => onKeyboardArrowDown(unref(firstIndexInResults)), ["prevent", "stop"]), ["down"]))
+        ],
+        onKeyup: withKeys(withModifiers(onKeyboardEnter, ["prevent", "stop"]), ["enter"])
+      }, [
+        createElementVNode("div", _hoisted_2$e, [
+          withDirectives(createElementVNode("input", {
+            ref: (_value, _refs) => {
+              _refs["searchBox"] = _value;
+              searchBox.value = _value;
+            },
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchText.value = $event),
+            type: "text",
+            placeholder: unref(t)("comboBox.searchHint", { object: __props.objectType }),
+            onKeyup: search,
+            onBlur: hideDropdown
+          }, null, 40, _hoisted_3$d), [
+            [vModelText, searchText.value]
+          ]),
+          __props.loading ? (openBlock(), createBlock(_component_cl_ui_loading_spinner, {
+            key: 0,
+            class: "cl-absolute cl-ml-2 cl-mt-11"
+          })) : createCommentVNode("", true)
+        ]),
+        __props.currentObjectName !== "" ? (openBlock(), createBlock(_sfc_main$g, {
+          key: 0,
+          "show-clear-button": __props.canClearSelectedObject,
+          text: __props.currentObjectName,
+          onClearObject: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("clear-object"))
+        }, null, 8, ["show-clear-button", "text"])) : createCommentVNode("", true),
+        __props.objectParentType !== "" && __props.results !== void 0 && __props.results.length > 0 && __props.errorMessage === "" ? (openBlock(), createBlock(_sfc_main$g, {
+          key: 1,
+          text: __props.objectType,
+          "additional-text": __props.objectParentType
+        }, null, 8, ["text", "additional-text"])) : createCommentVNode("", true),
+        __props.results !== null && ((_a = __props.results) == null ? void 0 : _a.length) === 0 && searchText.value.trim() !== "" && __props.canCreateNewObject === false && __props.errorMessage === "" ? (openBlock(), createBlock(_sfc_main$g, {
+          key: 2,
+          text: unref(t)("comboBox.noResults", { object: __props.objectType })
+        }, null, 8, ["text"])) : createCommentVNode("", true),
+        __props.errorMessage !== "" ? (openBlock(), createBlock(_sfc_main$g, {
+          key: 3,
+          class: "!cl-bg-danger-light cl-text-danger-dark",
+          text: unref(t)("comboBox.errorMessage", { error: __props.errorMessage })
+        }, null, 8, ["text"])) : createCommentVNode("", true),
+        showAddNewOption.value ? (openBlock(), createBlock(_sfc_main$f, {
+          key: 4,
+          "is-create-new-option": true,
+          text: unref(t)("comboBox.addPrompt", { value: searchText.value, object: __props.objectType }),
+          index: -1,
+          "selected-index": currentSelection.value,
+          onCreateObject: createObject,
+          onOptionHighlighted: updateSelectedObjectIndex
+        }, null, 8, ["text", "selected-index"])) : createCommentVNode("", true),
+        __props.errorMessage === "" && __props.results !== null ? (openBlock(), createElementBlock("div", _hoisted_4$d, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.results, (result, index) => {
+            return openBlock(), createBlock(_sfc_main$f, {
+              key: index,
+              option: result,
+              index,
+              "selected-index": currentSelection.value,
+              onSelectObject: selectObject,
+              onOptionHighlighted: updateSelectedObjectIndex
+            }, null, 8, ["option", "index", "selected-index"]);
+          }), 128))
+        ])) : createCommentVNode("", true)
+      ], 40, _hoisted_1$e);
+    };
+  }
+});
+const _hoisted_1$d = { class: "cl-flex" };
+const _hoisted_2$d = ["placeholder", "disabled"];
+const _hoisted_3$c = { class: "cl-relative cl-right-20 cl-top-0.5" };
+const _hoisted_4$c = { class: "cl-absolute cl-flex cl-float-right cl-font-semibold cl-mt-2 cl-text-danger-default cl-text-sm" };
+const _hoisted_5$b = { class: "cl-mt-3" };
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
+  props: {
+    loading: { default: false },
+    disabled: { default: false },
+    required: { default: false },
+    objectType: null,
+    objectParentType: { default: "" },
+    canCreateNewObject: { default: false },
+    canClearSelectedObject: { default: true },
+    errorMessage: { default: "" },
+    objectCreatedResponse: { default: () => null },
+    parentObjectCreatedResponse: { default: () => null },
+    results: { default: () => [] },
+    parentResults: { default: () => [] },
+    currentObject: null
+  },
+  emits: {
+    search: null,
+    "search-parent": null,
+    "create-object": null,
+    "create-parent-object": null,
+    "update:current-object": null
+  },
+  setup(__props, { emit }) {
+    const props = __props;
+    const { t } = useI18n();
+    const searchContainerVisible = ref(false);
+    const selectedItem = computed({
+      get: () => props.currentObject,
+      set: (value) => emit("update:current-object", value)
+    });
+    const parentItem = ref(null);
+    const currentText = computed(() => getDisplayName());
+    const objectToCreateValue = ref("");
+    const parentObjectToCreateValue = ref("");
+    const createObjectRequest = ref();
+    const objectToCreateValid = ref(true);
+    function toggleDropdown(forcedState) {
+      if (!props.disabled) {
+        if (typeof forcedState !== "undefined") {
+          searchContainerVisible.value = forcedState;
+        } else {
+          searchContainerVisible.value = !searchContainerVisible.value;
+        }
+      }
+    }
+    function search(searchTerm) {
+      objectToCreateValue.value = searchTerm;
+      emit("search", searchTerm);
+    }
+    function searchParent(searchTerm) {
+      parentObjectToCreateValue.value = searchTerm;
+      emit("search-parent", searchTerm);
+    }
+    function clearObject() {
+      selectedItem.value = null;
+      toggleDropdown(false);
+    }
+    function selectObject(id) {
+      const item = getComboBoxItemById(id);
+      selectedItem.value = item;
+      toggleDropdown(false);
+    }
+    function getComboBoxItemById(id) {
+      let currentItem = null;
+      if (props.results !== null) {
+        for (let i = 0; i < props.results.length; i++) {
+          if (props.results[i].id === id) {
+            currentItem = props.results[i];
+            break;
+          }
+        }
+      }
+      return currentItem;
+    }
+    function createObject() {
+      var _a, _b;
+      createObjectRequest.value = {
+        name: objectToCreateValue.value,
+        parentId: (_b = (_a = parentItem.value) == null ? void 0 : _a.id) != null ? _b : 0
+      };
+      emit("create-object", createObjectRequest.value);
+    }
+    function createParentObject() {
+      createObjectRequest.value = {
+        name: parentObjectToCreateValue.value,
+        parentId: 0
+      };
+      emit("create-parent-object", createObjectRequest.value);
+    }
+    function handleObjectCreateResponse() {
+      var _a, _b;
+      if ((_a = props.objectCreatedResponse) == null ? void 0 : _a.error) {
+        showNotification({
+          message: t("comboBox.noResults", { name: objectToCreateValue.value, error: props.objectCreatedResponse.error }),
+          colour: "danger",
+          duration: 1e4
+        });
+      } else if ((_b = props.objectCreatedResponse) == null ? void 0 : _b.id) {
+        handleSuccessfulObjectCreation();
+      }
+    }
+    function handleParentObjectCreateResponse() {
+      var _a, _b;
+      if ((_a = props.parentObjectCreatedResponse) == null ? void 0 : _a.id) {
+        parentItem.value = {
+          id: props.parentObjectCreatedResponse.id,
+          name: (_b = props.parentObjectCreatedResponse.name) != null ? _b : ""
+        };
+      }
+    }
+    function handleSuccessfulObjectCreation() {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+      showNotification({
+        message: t("comboBox.noResults", { object: props.objectType, name: (_b = (_a = props.objectCreatedResponse) == null ? void 0 : _a.name) != null ? _b : "" }),
+        colour: "primary",
+        duration: 1e4
+      });
+      let parentName = "";
+      if (parentItem.value && parentItem.value.id === ((_c = props.objectCreatedResponse) == null ? void 0 : _c.parentId)) {
+        parentName = parentItem.value.name;
+      }
+      selectedItem.value = {
+        id: (_e = (_d = props.objectCreatedResponse) == null ? void 0 : _d.id) != null ? _e : 0,
+        name: (_g = (_f = props.objectCreatedResponse) == null ? void 0 : _f.name) != null ? _g : "",
+        parentId: (_i = (_h = props.objectCreatedResponse) == null ? void 0 : _h.parentId) != null ? _i : 0,
+        parentName
+      };
+    }
+    function getDisplayName() {
+      let name = "";
+      if (selectedItem.value) {
+        if (selectedItem.value.parentName) {
+          name = selectedItem.value.parentName + "; " + selectedItem.value.name;
+        } else {
+          name = selectedItem.value.name;
+        }
+      }
+      return name;
+    }
+    function validateObjectToCreate() {
+      let valid = true;
+      if (objectToCreateValue.value === "") {
+        valid = false;
+      }
+      if (props.objectParentType !== "" && parentItem.value === null) {
+        valid = false;
+      }
+      objectToCreateValid.value = valid;
+    }
+    watch(() => props.objectCreatedResponse, () => handleObjectCreateResponse());
+    watch(() => props.parentObjectCreatedResponse, () => handleParentObjectCreateResponse());
+    watch(() => objectToCreateValue.value, () => validateObjectToCreate());
+    watch(() => parentItem.value, () => validateObjectToCreate());
+    return (_ctx, _cache) => {
+      const _component_icon = resolveComponent("icon");
+      const _component_cl_ui_combo_box = resolveComponent("cl-ui-combo-box", true);
+      return openBlock(), createElementBlock("div", null, [
+        createElementVNode("div", _hoisted_1$d, [
+          withDirectives(createElementVNode("input", {
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(currentText) ? currentText.value = $event : null),
+            class: normalizeClass(["!cl-bg-transparent cl-z-10", {
+              "cl-cursor-pointer": __props.disabled === false
+            }]),
+            type: "text",
+            placeholder: unref(t)("comboBox.emptyHintText", { object: __props.objectType }),
+            disabled: __props.disabled,
+            onFocus: _cache[1] || (_cache[1] = ($event) => toggleDropdown(true))
+          }, null, 42, _hoisted_2$d), [
+            [vModelText, unref(currentText)]
+          ]),
+          withDirectives(createElementVNode("div", _hoisted_3$c, [
+            createElementVNode("div", _hoisted_4$c, [
+              createTextVNode(toDisplayString(unref(t)("comboBox.required")) + " ", 1),
+              createVNode(_component_icon, {
+                class: "cl-ml-1 cl-mt-1",
+                icon: "ph:warning"
+              })
+            ])
+          ], 512), [
+            [vShow, __props.required && __props.disabled === false && __props.currentObject === null]
+          ]),
+          createElementVNode("div", {
+            class: normalizeClass(["cl-border cl-border-grey-1 cl-float-right cl-px-1 cl-py-2.5 cl-text-grey-3 cl-w-min hover:cl-bg-primary-default hover:cl-text-white", {
+              "cl-bg-off-white cl-cursor-default hover:cl-bg-off-white hover:cl-text-grey-3": __props.disabled,
+              "cl-cursor-pointer": __props.disabled === false
+            }]),
+            onClick: _cache[2] || (_cache[2] = ($event) => toggleDropdown(true))
+          }, [
+            createVNode(_component_icon, {
+              icon: "ph:caret-down",
+              weight: "fill"
+            })
+          ], 2)
+        ]),
+        createVNode(_sfc_main$h, {
+          size: "x-small",
+          title: unref(t)("comboBox.createTitle", { object: __props.objectType }),
+          "confirm-button": unref(t)("comboBox.create"),
+          "cancel-button": unref(t)("comboBox.cancel"),
+          "confirm-enabled": objectToCreateValid.value,
+          onConfirm: createObject
+        }, {
+          trigger: withCtx(({ toggleModal }) => [
+            withDirectives(createVNode(_sfc_main$e, {
+              "can-create-new-object": __props.canCreateNewObject,
+              "can-clear-selected-object": __props.canClearSelectedObject,
+              loading: __props.loading,
+              results: __props.results,
+              "object-type": __props.objectType,
+              "object-parent-type": __props.objectParentType,
+              "error-message": __props.errorMessage,
+              "current-object-name": unref(currentText),
+              "is-visible": searchContainerVisible.value,
+              onCreateObject: toggleModal,
+              onSelectObject: selectObject,
+              onClearObject: clearObject,
+              onSearch: search,
+              onHideDropdown: _cache[3] || (_cache[3] = ($event) => toggleDropdown(false))
+            }, null, 8, ["can-create-new-object", "can-clear-selected-object", "loading", "results", "object-type", "object-parent-type", "error-message", "current-object-name", "is-visible", "onCreateObject"]), [
+              [vShow, searchContainerVisible.value]
+            ])
+          ]),
+          default: withCtx(() => [
+            __props.objectParentType ? (openBlock(), createBlock(_component_cl_ui_combo_box, {
+              key: 0,
+              "current-object": parentItem.value,
+              "onUpdate:current-object": _cache[4] || (_cache[4] = ($event) => parentItem.value = $event),
+              class: "cl-mt-3",
+              results: __props.parentResults,
+              loading: __props.loading,
+              "object-type": __props.objectParentType,
+              "object-created-response": __props.parentObjectCreatedResponse,
+              "can-create-new-object": __props.canCreateNewObject,
+              "can-clear-selected-object": __props.canClearSelectedObject,
+              "error-message": __props.errorMessage,
+              onSearch: searchParent,
+              onCreateObject: createParentObject
+            }, null, 8, ["current-object", "results", "loading", "object-type", "object-created-response", "can-create-new-object", "can-clear-selected-object", "error-message"])) : createCommentVNode("", true),
+            createElementVNode("label", _hoisted_5$b, toDisplayString(unref(t)("comboBox.createProperty")), 1),
+            withDirectives(createElementVNode("input", {
+              "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => objectToCreateValue.value = $event),
+              type: "text"
+            }, null, 512), [
+              [vModelText, objectToCreateValue.value]
+            ])
+          ]),
+          _: 1
+        }, 8, ["title", "confirm-button", "cancel-button", "confirm-enabled"])
+      ]);
+    };
+  }
+});
+function isComboBoxItem(objectToTest) {
+  return typeof objectToTest.id === "number" && typeof objectToTest.name === "string";
+}
+function isComboBoxCreateRequest(objectToTest) {
+  return typeof objectToTest.name === "string";
+}
+const _sfc_main$c = {};
+const _hoisted_1$c = { class: "cl-flex cl-flex-wrap cl-left-0 cl-w-full" };
+const _hoisted_2$c = {
+  key: 0,
+  class: "cl-w-full"
+};
+const _hoisted_3$b = {
+  key: 1,
+  class: "cl-leading-10 cl-text-sm cl-w-full"
+};
+const _hoisted_4$b = { class: "cl-float-left" };
+const _hoisted_5$a = { class: "cl-float-right" };
+function _sfc_render$1(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1$c, [
+    _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_2$c, [
+      renderSlot(_ctx.$slots, "default")
+    ])) : createCommentVNode("", true),
+    _ctx.$slots.left || _ctx.$slots.right ? (openBlock(), createElementBlock("div", _hoisted_3$b, [
+      createElementVNode("span", _hoisted_4$b, [
+        renderSlot(_ctx.$slots, "left")
+      ]),
+      createElementVNode("span", _hoisted_5$a, [
+        renderSlot(_ctx.$slots, "right")
+      ])
+    ])) : createCommentVNode("", true)
+  ]);
+}
+var clUiFooter = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$1]]);
+const _hoisted_1$b = { class: "cl-mr-2 lg:cl-hidden" };
+const _hoisted_2$b = { class: "cl-mr-2 lg:cl-hidden" };
+const _hoisted_3$a = ["checked"];
+const _hoisted_4$a = {
+  key: 0,
+  class: "cl-inline-block cl-whitespace-nowrap"
+};
+const _hoisted_5$9 = {
+  key: 1,
+  class: "cl-inline-block cl-whitespace-nowrap"
+};
+const __default__$1 = {
+  inheritAttrs: false
+};
+function setup$1(__props, { emit }) {
+  const props = __props;
+  const { d, n } = useI18n();
+  const currentRecord = ref(copy(props.record));
+  const edited = computed(() => {
+    var _a, _b;
+    return currentRecord.value[(_a = props.column.field) != null ? _a : ""] !== props.record[(_b = props.column.field) != null ? _b : ""];
+  });
+  function getStringValue(record, key) {
+    return record[key];
+  }
+  function getNumericValue(record, key) {
+    return record[key];
+  }
+  function getBooleanValue(record, key) {
+    return record[key];
+  }
+  function cellFocused() {
+    emit("focus");
+  }
+  watchEffect(() => currentRecord.value = copy(props.record));
+  watch(currentRecord, (newValue) => {
+    var _a;
+    const property = (_a = props.column.field) != null ? _a : "";
+    if (property !== "") {
+      if (newValue[property] !== props.record[property]) {
+        emit("edit", newValue[property]);
+      } else {
+        emit("undo-edit");
+      }
+    }
+  }, {
+    deep: true
+  });
+  return (_ctx, _cache) => {
+    return __props.editMode && __props.column.field && __props.column.editable ? (openBlock(), createElementBlock("td", mergeProps({ key: 0 }, _ctx.$attrs, {
+      class: {
+        "cl-bg-link-lighter": unref(edited)
+      }
+    }), [
+      createElementVNode("strong", _hoisted_1$b, toDisplayString(__props.column.caption), 1),
+      renderSlot(_ctx.$slots, `${__props.column.name}Edit`, normalizeProps(guardReactiveProps({
+        cellFocused,
+        column: __props.column,
+        edited: unref(edited),
+        record: currentRecord.value
+      })))
+    ], 16)) : (openBlock(), createElementBlock("td", normalizeProps(mergeProps({ key: 1 }, _ctx.$attrs)), [
+      createElementVNode("strong", _hoisted_2$b, toDisplayString(__props.column.caption), 1),
+      __props.column.type === "slot" ? renderSlot(_ctx.$slots, __props.column.name, normalizeProps(mergeProps({ key: 0 }, { column: __props.column, record: __props.record }))) : __props.column.type === "boolean" && __props.column.field !== void 0 ? (openBlock(), createElementBlock("input", {
+        key: 1,
+        type: "checkbox",
+        checked: getBooleanValue(__props.record, __props.column.field),
+        disabled: ""
+      }, null, 8, _hoisted_3$a)) : (__props.column.type === "date" || __props.column.type === "datetime") && __props.column.field !== void 0 ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+        __props.column.format !== void 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          createTextVNode(toDisplayString(unref(d)(new Date(getStringValue(__props.record, __props.column.field)), __props.column.format)), 1)
+        ], 64)) : __props.column.type === "date" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          createTextVNode(toDisplayString(unref(d)(new Date(getStringValue(__props.record, __props.column.field)), unref(DateFormat).DATE)), 1)
+        ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+          createTextVNode(toDisplayString(unref(d)(new Date(getStringValue(__props.record, __props.column.field)), unref(DateFormat).DATETIME)), 1)
+        ], 64))
+      ], 64)) : __props.column.type === "number" && __props.column.field ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
+        __props.column.format === unref(NumberFormat).MULTIPLIER ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          createTextVNode(" \xD7" + toDisplayString(getNumericValue(__props.record, __props.column.field)), 1)
+        ], 64)) : __props.column.format !== void 0 ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          createTextVNode(toDisplayString(unref(n)(getNumericValue(__props.record, __props.column.field), __props.column.format)), 1)
+        ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+          createTextVNode(toDisplayString(getNumericValue(__props.record, __props.column.field)), 1)
+        ], 64))
+      ], 64)) : __props.column.field !== void 0 ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
+        __props.column.maxLength !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_4$a, toDisplayString(getStringValue(__props.record, __props.column.field).trimToLength(__props.column.maxLength, __props.column.format !== void 0 ? __props.column.format === "ellipsis" : false)), 1)) : (openBlock(), createElementBlock("span", _hoisted_5$9, toDisplayString(getStringValue(__props.record, __props.column.field)), 1))
+      ], 64)) : createCommentVNode("", true)
+    ], 16));
+  };
+}
+const _sfc_main$b = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$1), {
+  props: {
+    column: null,
+    record: null,
+    editMode: { default: false }
+  },
+  emits: {
+    edit: null,
+    focus: null,
+    "undo-edit": null
+  },
+  setup: setup$1
+}));
+const defaultFilterMethod = {
+  method: "equal",
+  icon: "&equals;",
+  description: "Equals",
+  allowedTypes: [
+    "number",
+    "string",
+    "boolean",
+    "date"
+  ]
+};
+const defaultStringFilterMethod = {
+  method: "contains",
+  icon: "&sub;",
+  description: "Contains",
+  allowedTypes: ["string"]
+};
+const defaultDateTimeFilterMethod = {
+  method: "lessthan",
+  icon: "&lt;",
+  description: "Less than",
+  allowedTypes: [
+    "number",
+    "date",
+    "datetime"
+  ]
+};
+const filterMethods = [
+  defaultStringFilterMethod,
+  {
+    method: "notcontains",
+    icon: "&nsub;",
+    description: "Does not contain",
+    allowedTypes: ["string"]
+  },
+  {
+    method: "startswith",
+    icon: "&Hat;",
+    description: "Starts with",
+    allowedTypes: ["string"]
+  },
+  {
+    method: "endswith",
+    icon: "&dollar;",
+    description: "Ends with",
+    allowedTypes: ["string"]
+  },
+  defaultFilterMethod,
+  {
+    method: "notequal",
+    icon: "&ne;",
+    description: "Does not equal",
+    allowedTypes: [
+      "number",
+      "string",
+      "boolean",
+      "date"
+    ]
+  },
+  defaultDateTimeFilterMethod,
+  {
+    method: "greaterthan",
+    icon: "&gt;",
+    description: "Greater than",
+    allowedTypes: [
+      "number",
+      "date",
+      "datetime"
+    ]
+  },
+  {
+    method: "equalorlessthan",
+    icon: "&le;",
+    description: "Less than or equal to",
+    allowedTypes: [
+      "number",
+      "date",
+      "datetime"
+    ]
+  },
+  {
+    method: "equalorgreaterthan",
+    icon: "&ge;",
+    description: "Greater than or equal to",
+    allowedTypes: [
+      "number",
+      "date",
+      "datetime"
+    ]
+  }
+];
+const gridColumnTypes = [
+  "string",
+  "boolean",
+  "number",
+  "date",
+  "datetime",
+  "slot"
+];
+function isGridColumn(objectToTest) {
+  return typeof objectToTest.caption === "string" && typeof objectToTest.name === "string" && typeof objectToTest.type === "string";
+}
+function isGridColumnArray(arrayToTest) {
+  let arrayIsValid = Array.isArray(arrayToTest);
+  if (arrayIsValid) {
+    for (const objectToTest of arrayToTest) {
+      if (!isGridColumn(objectToTest)) {
+        arrayIsValid = false;
+        break;
+      }
+    }
+  }
+  return arrayIsValid;
+}
+const stringFormats = ["ellipsis"];
+var FilterOperation;
+(function(FilterOperation2) {
+  FilterOperation2[FilterOperation2["CONTAINS"] = 0] = "CONTAINS";
+  FilterOperation2[FilterOperation2["NOT_CONTAINS"] = 1] = "NOT_CONTAINS";
+  FilterOperation2[FilterOperation2["EQUAL"] = 2] = "EQUAL";
+  FilterOperation2[FilterOperation2["NOT_EQUAL"] = 3] = "NOT_EQUAL";
+  FilterOperation2[FilterOperation2["STARTS_WITH"] = 4] = "STARTS_WITH";
+  FilterOperation2[FilterOperation2["ENDS_WITH"] = 5] = "ENDS_WITH";
+  FilterOperation2[FilterOperation2["GREATER_THAN"] = 6] = "GREATER_THAN";
+  FilterOperation2[FilterOperation2["LESS_THAN"] = 7] = "LESS_THAN";
+  FilterOperation2[FilterOperation2["EQUAL_OR_GREATER_THAN"] = 8] = "EQUAL_OR_GREATER_THAN";
+  FilterOperation2[FilterOperation2["EQUAL_OR_LESS_THAN"] = 9] = "EQUAL_OR_LESS_THAN";
+})(FilterOperation || (FilterOperation = {}));
+const filterMethodTypes = [
+  "equal",
+  "notequal",
+  "contains",
+  "notcontains",
+  "lessthan",
+  "greaterthan",
+  "startswith",
+  "endswith",
+  "equalorlessthan",
+  "equalorgreaterthan"
+];
+function isFilterArgs(objectToTest) {
+  return typeof objectToTest.filterOnColumn === "string" && typeof objectToTest.filterOperation === "number" && typeof objectToTest.filterValue === "string";
+}
+function isSortArgs(objectToTest) {
+  return objectToTest === null || typeof objectToTest.sortByAscending === "boolean" && typeof objectToTest.sortOnColumn === "string";
+}
+function isFilterRequest(objectToTest) {
+  let objectValid = typeof objectToTest.filters === "object" && Array.isArray(objectToTest.filters) && typeof objectToTest.pageNumber === "number" && typeof objectToTest.pageSize === "number" && typeof objectToTest.sort === "object" && isSortArgs(objectToTest.sort);
+  if (objectValid) {
+    for (const filterArgs of objectToTest.filters) {
+      if (!isFilterArgs(filterArgs)) {
+        objectValid = false;
+        break;
+      }
+    }
+  }
+  return objectValid;
+}
+function isFilterResponse(objectToTest, resultValidator) {
+  let objectValid = typeof objectToTest.results === "object" && Array.isArray(objectToTest.results) && typeof objectToTest.totalRecords === "number";
+  if (objectValid) {
+    for (const result of objectToTest.results) {
+      if (!resultValidator(result)) {
+        objectValid = false;
+        break;
+      }
+    }
+  }
+  return objectValid;
+}
+const _hoisted_1$a = {
+  key: 0,
+  class: "cl-border-grey-2 cl-border-r cl-capitalize cl-group cl-inline cl-relative cl-w-auto"
+};
+const _hoisted_2$a = { class: "cl-bg-off-white cl-flex cl-h-full cl-items-center cl-justify-center cl-w-10" };
+const _hoisted_3$9 = { class: "cl-p-3" };
+const _hoisted_4$9 = { class: "cl-px-4 cl-py-1 cl-w-full" };
+const _hoisted_5$8 = ["innerHTML"];
+const _hoisted_6$7 = { class: "cl-p-3" };
+const _hoisted_7$6 = ["onClick"];
+const _hoisted_8$4 = ["innerHTML"];
+const _hoisted_9$4 = /* @__PURE__ */ createElementVNode("option", { value: void 0 }, null, -1);
+const _hoisted_10$4 = ["selected"];
+const _hoisted_11$4 = ["selected"];
+const _hoisted_12$4 = ["value"];
+const _hoisted_13$4 = ["value"];
+const _hoisted_14$3 = {
+  key: 1,
+  class: "cl-flex cl-w-full"
+};
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  props: {
+    request: null,
+    column: null,
+    firstHalf: { default: true }
+  },
+  emits: {
+    "update:request": null
+  },
+  setup(__props, { emit }) {
+    const props = __props;
+    const { locale, t } = useI18n();
+    const { debounce } = useDebouncer(750);
+    const allowedFilterMethods = computed(() => {
+      const methods = getAllowedMethods();
+      methods.forEach((m) => {
+        m.description = t(`grid.${m.method}`);
+      });
+      return methods;
+    });
+    const currentFilterMethod = computed(() => {
+      var _a;
+      let filterMethod = (_a = props.request.filters.find((f) => f.filterOnColumn === props.column.field)) == null ? void 0 : _a.filterMethod;
+      if (typeof filterMethod === "undefined") {
+        filterMethod = FilterOperation[getDefaultFilterOperation()];
+      }
+      return allowedFilterMethods.value.find((m) => {
+        var _a2;
+        return m.method.toLowerCase() === ((_a2 = filterMethod == null ? void 0 : filterMethod.removeNonAlphanumeric()) == null ? void 0 : _a2.toLowerCase());
+      });
+    });
+    const currentFilter = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.request.filters.find((f) => f.filterOnColumn === props.column.field)) == null ? void 0 : _a.filterValue) != null ? _b : "";
+    });
+    const currentNumberFilter = computed(() => Number(currentFilter.value));
+    const currentDateFilter = computed(() => currentFilter.value !== "" ? new Date(currentFilter.value) : null);
+    const decimalSeparator = computed(() => Intl.NumberFormat(locale.value).format(1.1).replace(/[0-9]+/g, ""));
+    function getDefaultFilterOperation() {
+      return props.column.type === "string" || props.column.slotType === "string" ? FilterOperation.CONTAINS : props.column.type === "datetime" || props.column.slotType === "datetime" ? FilterOperation.LESS_THAN : FilterOperation.EQUAL;
+    }
+    function getAllowedMethods() {
+      let result = [];
+      if (props.column.type !== "slot") {
+        result = filterMethods.filter((f) => f.allowedTypes.includes(props.column.type));
+      } else if (typeof props.column.slotType !== "undefined" && typeof props.column.field !== "undefined") {
+        result = filterMethods.filter((f) => f.allowedTypes.includes(props.column.slotType));
+      }
+      return result;
+    }
+    function setFilterMethod(filterMethod) {
+      const filterRequest = copy(props.request);
+      const index = filterRequest.filters.findIndex((f) => f.filterOnColumn === props.column.field);
+      if (index >= 0) {
+        filterRequest.filters[index].filterOperation = FilterOperation[filterMethod.toUpperCase()];
+        filterRequest.filters[index].filterMethod = filterMethod.toUpperCase();
+      } else if (typeof props.column.field !== "undefined") {
+        filterRequest.filters.push({
+          filterOnColumn: props.column.field,
+          filterMethod: filterMethod.toUpperCase(),
+          filterOperation: FilterOperation[filterMethod.toUpperCase()],
+          filterValue: ""
+        });
+      }
+      emit("update:request", filterRequest);
+    }
+    function setFilter(target, defaultValue) {
+      var _a;
+      const value = ((_a = target == null ? void 0 : target.value) != null ? _a : defaultValue).trim();
+      const filterRequest = copy(props.request);
+      const index = filterRequest.filters.findIndex((f) => f.filterOnColumn === props.column.field);
+      let preventEmit = false;
+      filterRequest.pageNumber = 1;
+      if (index >= 0) {
+        preventEmit = filterRequest.filters[index].filterValue === value;
+        filterRequest.filters[index].filterValue = value;
+      } else if (value !== "" && typeof props.column.field !== "undefined") {
+        const defaultFilterOperation = getDefaultFilterOperation();
+        filterRequest.filters.push({
+          filterOnColumn: props.column.field,
+          filterMethod: FilterOperation[defaultFilterOperation],
+          filterOperation: defaultFilterOperation,
+          filterValue: value
+        });
+      }
+      if (preventEmit === false) {
+        emit("update:request", filterRequest);
+      }
+    }
+    function setNumberFilter(target) {
+      var _a, _b;
+      let inputValue = (_b = (_a = target == null ? void 0 : target.value) == null ? void 0 : _a.replace(new RegExp(`[^0-9\\${decimalSeparator.value}]`, "g"), "")) != null ? _b : "";
+      let value = "";
+      if (props.column.format === NumberFormat.INTEGER) {
+        value = parseInt(inputValue);
+      } else {
+        inputValue = inputValue.replace(decimalSeparator.value, ".");
+        value = parseFloat(inputValue);
+      }
+      if (typeof value === "number" && isNaN(value)) {
+        value = "";
+      }
+      setFilter(null, value.toString());
+    }
+    function setDateFilter(value) {
+      var _a;
+      setFilter(null, (_a = value == null ? void 0 : value.toISOString()) != null ? _a : "");
+    }
+    return (_ctx, _cache) => {
+      var _a, _b;
+      const _component_icon = resolveComponent("icon");
+      const _component_cl_ui_calendar = resolveComponent("cl-ui-calendar");
+      return __props.column.filterable === void 0 || __props.column.filterable === true ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(["cl-border-grey-2 cl-flex cl-rounded cl-w-full", {
+          "cl-border-b cl-p-5": __props.column.type === "slot" && (__props.column.slotType === void 0 || __props.column.field === void 0),
+          "cl-border": __props.column.type !== "slot" || __props.column.slotType !== void 0 && __props.column.field !== void 0
+        }])
+      }, [
+        __props.column.type !== "slot" || __props.column.slotType !== void 0 && __props.column.field !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_1$a, [
+          createElementVNode("div", _hoisted_2$a, [
+            createVNode(_component_icon, {
+              icon: "ph:sliders-horizontal",
+              size: 20
+            })
+          ]),
+          createElementVNode("div", {
+            class: normalizeClass(["cl-absolute cl-bg-white cl-flex-wrap cl-font-normal cl-h-0 cl-hidden cl-pb-2 cl-shadow-lg cl-text-left cl-text-sm cl-top-10 cl-z-10 group-hover:cl-flex group-hover:cl-h-auto group-hover:cl-w-52", {
+              "cl-left-0": __props.firstHalf,
+              "cl--left-44": !__props.firstHalf
+            }])
+          }, [
+            createElementVNode("strong", _hoisted_3$9, toDisplayString(unref(t)("grid.currentMethod")), 1),
+            createElementVNode("span", _hoisted_4$9, [
+              createTextVNode(toDisplayString((_a = unref(currentFilterMethod)) == null ? void 0 : _a.description) + " ", 1),
+              createElementVNode("span", {
+                class: "cl-float-right",
+                innerHTML: (_b = unref(currentFilterMethod)) == null ? void 0 : _b.icon
+              }, null, 8, _hoisted_5$8)
+            ]),
+            createElementVNode("strong", _hoisted_6$7, toDisplayString(unref(t)("grid.availableMethods")), 1),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(allowedFilterMethods), (filterMethod, index) => {
+              return openBlock(), createElementBlock("span", {
+                key: index,
+                class: "cl-cursor-pointer cl-px-4 cl-py-1 cl-w-full hover:cl-bg-off-white",
+                onClick: withModifiers(($event) => setFilterMethod(filterMethod.method), ["prevent"])
+              }, [
+                createTextVNode(toDisplayString(filterMethod.description) + " ", 1),
+                createElementVNode("span", {
+                  class: "cl-float-right",
+                  innerHTML: filterMethod.icon
+                }, null, 8, _hoisted_8$4)
+              ], 8, _hoisted_7$6);
+            }), 128))
+          ], 2)
+        ])) : createCommentVNode("", true),
+        __props.column.type === "boolean" || __props.column.slotType === "boolean" && typeof __props.column.field !== "undefined" ? (openBlock(), createElementBlock("select", {
+          key: 1,
+          class: "cl-border-none cl-w-full",
+          onChange: _cache[0] || (_cache[0] = ($event) => setFilter($event.target))
+        }, [
+          _hoisted_9$4,
+          createElementVNode("option", {
+            value: "true",
+            selected: unref(currentFilter) === "true"
+          }, toDisplayString(unref(t)("grid.true")), 9, _hoisted_10$4),
+          createElementVNode("option", {
+            value: "false",
+            selected: unref(currentFilter) === "false"
+          }, toDisplayString(unref(t)("grid.false")), 9, _hoisted_11$4)
+        ], 32)) : __props.column.type === "date" || __props.column.type === "datetime" || (__props.column.slotType === "date" || __props.column.slotType === "datetime") && typeof __props.column.field !== "undefined" ? (openBlock(), createBlock(_component_cl_ui_calendar, {
+          key: 2,
+          date: unref(currentDateFilter),
+          class: "cl-border-none cl-w-full",
+          type: __props.column.type,
+          "date-placeholder": unref(t)("grid.selectDate"),
+          "date-time-placeholder": unref(t)("grid.selectDateTime"),
+          "onUpdate:date": _cache[1] || (_cache[1] = ($event) => setDateFilter($event))
+        }, null, 8, ["date", "type", "date-placeholder", "date-time-placeholder"])) : __props.column.type === "number" || __props.column.slotType === "number" && typeof __props.column.field !== "undefined" ? (openBlock(), createElementBlock("input", {
+          key: 3,
+          value: unref(currentFilter),
+          class: "cl-border-none cl-w-full",
+          type: "text",
+          onKeyup: [
+            _cache[2] || (_cache[2] = withKeys(($event) => setFilter(null, (unref(currentNumberFilter) + 1).toString()), ["arrow-up"])),
+            _cache[3] || (_cache[3] = withKeys(($event) => setFilter(null, (unref(currentNumberFilter) - 1).toString()), ["arrow-down"]))
+          ],
+          onInput: _cache[4] || (_cache[4] = ($event) => unref(debounce)(setNumberFilter, [$event.target]))
+        }, null, 40, _hoisted_12$4)) : __props.column.type !== "slot" || __props.column.slotType === "string" && typeof __props.column.field !== "undefined" ? (openBlock(), createElementBlock("input", {
+          key: 4,
+          value: unref(currentFilter),
+          class: "cl-border-none cl-w-full",
+          type: "text",
+          onInput: _cache[5] || (_cache[5] = ($event) => unref(debounce)(setFilter, [$event.target]))
+        }, null, 40, _hoisted_13$4)) : createCommentVNode("", true)
+      ], 2)) : (openBlock(), createElementBlock("div", _hoisted_14$3, " \xA0 "));
+    };
+  }
+});
+const _hoisted_1$9 = {
+  key: 0,
+  class: "cl-flex cl-flex-wrap cl-justify-end cl-mt-4 cl-w-full"
+};
+const _hoisted_2$9 = { class: "cl-bg-off-white cl-border cl-border-grey-0 cl-flex cl-items-center cl-mb-2 cl-px-3 cl-py-2 cl-rounded cl-shadow-md cl-text-sm cl-w-full lg:cl-w-auto" };
+const _hoisted_3$8 = { class: "cl-text-grey-3 cl-w-max" };
+const _hoisted_4$8 = ["value"];
+const _hoisted_5$7 = { class: "cl-bg-off-white cl-border cl-border-grey-0 cl-flex cl-flex-wrap cl-items-center cl-mb-2 cl-px-3 cl-py-2 cl-rounded cl-shadow-md cl-text-sm cl-w-full lg:cl-ml-2 lg:cl-w-auto mb:cl-flex-nowrap" };
+const _hoisted_6$6 = { class: "cl-flex cl-flex-wrap cl-mb-2 cl-text-sm cl-w-full lg:cl-p-2 md:cl-mb-0 md:cl-w-auto" };
+const _hoisted_7$5 = { class: "cl-flex cl-flex-wrap cl-mb-2 cl-w-full lg:cl-mb-0 lg:cl-mr-2 lg:cl-w-auto" };
+const _hoisted_8$3 = { class: "cl-text-grey-3 cl-w-full lg:cl-mr-2 lg:cl-w-auto" };
+const _hoisted_9$3 = { class: "cl-flex cl-flex-wrap cl-text-sm mb:cl-flex-nowrap" };
+const _hoisted_10$3 = { class: "cl-pr-2" };
+const _hoisted_11$3 = ["onClick"];
+const _hoisted_12$3 = { class: "cl-flex cl-flex-wrap cl-mb-2 cl-text-sm cl-w-full lg:cl-p-2 md:cl-mb-0 md:cl-w-auto" };
+const _hoisted_13$3 = { class: "cl-mb-2 cl-text-grey-3 cl-w-full lg:cl-mb-0 lg:cl-mr-2 lg:cl-w-auto" };
+const _hoisted_14$2 = ["onClick"];
+const _hoisted_15$2 = { class: "cl-mb-2 cl-w-full lg:cl-p-2 md:cl-mb-0 md:cl-w-auto" };
+const _hoisted_16$1 = { class: "cl-block cl-mb-2 cl-text-grey-3 cl-w-full lg:cl-inline-block lg:cl-mb-0 lg:cl-mr-1 lg:cl-w-auto" };
+const _hoisted_17$1 = { class: "cl-block lg:cl-inline-block" };
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  props: {
+    request: null,
+    data: { default: () => null }
+  },
+  emits: {
+    "update:request": null
+  },
+  setup(__props, { emit }) {
+    const props = __props;
+    const pageSizes = [
+      10,
+      20,
+      50,
+      100,
+      200
+    ];
+    const { n, t } = useI18n();
+    const { debounce } = useDebouncer();
+    const totalPages = computed(() => props.data !== null ? Math.ceil(props.data.totalRecords / props.request.pageSize) : 1);
+    const pageNumbers = computed(() => {
+      const calculatedPageNumbers = Array.from(Array(totalPages.value + 1).keys());
+      let results = [];
+      calculatedPageNumbers.shift();
+      if (calculatedPageNumbers.length) {
+        const startPage = props.request.pageNumber === totalPages.value || props.request.pageNumber === totalPages.value - 1 ? totalPages.value - 3 : props.request.pageNumber - 1;
+        const endPage = startPage + 3;
+        results = calculatedPageNumbers.slice(startPage, endPage);
+      }
+      return results;
+    });
+    function setPage(pageNumber) {
+      const filterRequest = copy(props.request);
+      if (filterRequest.pageNumber !== pageNumber) {
+        filterRequest.pageNumber = Math.max(Math.min(Math.trunc(pageNumber), totalPages.value), 1);
+        emit("update:request", filterRequest);
+      }
+    }
+    function setPageFromInput(target) {
+      const pageNumber = parseInt(target == null ? void 0 : target.value) || 1;
+      setPage(pageNumber);
+    }
+    function setPageSize(pageSize) {
+      const filterRequest = copy(props.request);
+      filterRequest.pageSize = pageSize;
+      filterRequest.pageNumber = 1;
+      emit("update:request", filterRequest);
+    }
+    return (_ctx, _cache) => {
+      var _a;
+      const _component_icon = resolveComponent("icon");
+      return __props.data && ((_a = __props.data.results) == null ? void 0 : _a.length) && __props.request ? (openBlock(), createElementBlock("div", _hoisted_1$9, [
+        createElementVNode("div", _hoisted_2$9, [
+          createElementVNode("span", _hoisted_3$8, toDisplayString(unref(t)("grid.jumpToPage")), 1),
+          createElementVNode("input", {
+            class: "!cl-h-8 !cl-inline-block !cl-ml-2 !cl-text-sm !cl-w-max",
+            value: __props.request.pageNumber,
+            type: "number",
+            onInput: _cache[0] || (_cache[0] = ($event) => unref(debounce)(setPageFromInput, [$event.target]))
+          }, null, 40, _hoisted_4$8)
+        ]),
+        createElementVNode("div", _hoisted_5$7, [
+          createElementVNode("div", _hoisted_6$6, [
+            createElementVNode("li", _hoisted_7$5, [
+              createElementVNode("span", _hoisted_8$3, toDisplayString(unref(t)("grid.page")), 1)
+            ]),
+            createElementVNode("ul", _hoisted_9$3, [
+              createElementVNode("li", _hoisted_10$3, toDisplayString(unref(n)(__props.request.pageNumber, unref(NumberFormat).INTEGER)) + " / " + toDisplayString(unref(n)(unref(totalPages), unref(NumberFormat).INTEGER)), 1),
+              withDirectives(createElementVNode("li", {
+                class: "cl-cursor-pointer cl-mr-1 cl-mt-1 lg:cl-mr-2",
+                onClick: _cache[1] || (_cache[1] = ($event) => setPage(1))
+              }, [
+                createVNode(_component_icon, {
+                  icon: "ph:caret-double-left",
+                  size: 14
+                })
+              ], 512), [
+                [vShow, __props.request.pageNumber > 1]
+              ]),
+              withDirectives(createElementVNode("li", {
+                class: "cl-cursor-pointer cl-mt-1 lg:cl-mr-2 mr-1",
+                onClick: _cache[2] || (_cache[2] = ($event) => setPage(__props.request.pageNumber - 1))
+              }, [
+                createVNode(_component_icon, {
+                  icon: "ph:caret-left",
+                  size: 14
+                })
+              ], 512), [
+                [vShow, __props.request.pageNumber > 1]
+              ]),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(pageNumbers), (number, index) => {
+                return openBlock(), createElementBlock("li", {
+                  key: index,
+                  class: normalizeClass(["cl-cursor-pointer cl-mr-1 lg:cl-mr-2", {
+                    "cl-text-black cl-font-bold": __props.request.pageNumber === number,
+                    "cl-text-grey-6": __props.request.pageNumber !== number
+                  }]),
+                  onClick: ($event) => setPage(number)
+                }, toDisplayString(unref(n)(number, unref(NumberFormat).INTEGER)), 11, _hoisted_11$3);
+              }), 128)),
+              withDirectives(createElementVNode("li", {
+                class: "cl-cursor-pointer cl-mr-1 cl-mt-1 lg:cl-mr-2",
+                onClick: _cache[3] || (_cache[3] = ($event) => setPage(__props.request.pageNumber + 1))
+              }, [
+                createVNode(_component_icon, {
+                  icon: "ph:caret-right",
+                  size: 14
+                })
+              ], 512), [
+                [vShow, __props.request.pageNumber < unref(totalPages)]
+              ]),
+              withDirectives(createElementVNode("li", {
+                class: "cl-cursor-pointer cl-mr-1 cl-mt-1 lg:cl-mr-2",
+                onClick: _cache[4] || (_cache[4] = ($event) => setPage(unref(totalPages)))
+              }, [
+                createVNode(_component_icon, {
+                  icon: "ph:caret-double-right",
+                  size: 14
+                })
+              ], 512), [
+                [vShow, __props.request.pageNumber < unref(totalPages)]
+              ])
+            ])
+          ]),
+          createElementVNode("ul", _hoisted_12$3, [
+            createElementVNode("li", _hoisted_13$3, toDisplayString(unref(t)("grid.pageSize")), 1),
+            (openBlock(), createElementBlock(Fragment, null, renderList(pageSizes, (size, index) => {
+              return createElementVNode("li", {
+                key: index,
+                class: normalizeClass(["cl-cursor-pointer cl-mr-1 lg:cl-mr-2", {
+                  "cl-text-black cl-font-bold": __props.request.pageSize === size,
+                  "cl-text-grey-6": __props.request.pageSize !== size
+                }]),
+                onClick: ($event) => setPageSize(size)
+              }, toDisplayString(unref(n)(size, unref(NumberFormat).INTEGER)), 11, _hoisted_14$2);
+            }), 64))
+          ]),
+          createElementVNode("ul", _hoisted_15$2, [
+            createElementVNode("li", _hoisted_16$1, toDisplayString(unref(t)("grid.totalRecords")), 1),
+            createElementVNode("li", _hoisted_17$1, toDisplayString(unref(n)(__props.data.totalRecords, unref(NumberFormat).INTEGER)), 1)
+          ])
+        ])
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+const _hoisted_1$8 = { class: "cl-fixed cl-flex cl-h-full cl-right-0 cl-top-0 cl-w-full cl-z-40" };
+const _hoisted_2$8 = { class: "cl-bg-secondary-default cl-h-full cl-overflow-y-auto cl-px-10 cl-py-20 cl-relative cl-text-grey-2 cl-w-80" };
+const _hoisted_3$7 = { class: "cl-mb-4 cl-text-2xl cl-text-off-white" };
+const _hoisted_4$7 = { class: "cl-border-grey-3 cl-border-t cl-flex cl-flex-wrap cl-text-sm cl-w-full" };
+const _hoisted_5$6 = { class: "cl-border-b cl-border-grey-2 cl-flex cl-py-2 cl-text-sm cl-w-full" };
+const _hoisted_6$5 = { class: "cl-flex-1 cl-py-2" };
+const _hoisted_7$4 = { class: "cl-py-2 cl-w-1/4" };
+const _hoisted_8$2 = { class: "cl-py-2 cl-w-1/5" };
+const _hoisted_9$2 = { class: "cl-flex-1 cl-py-2" };
+const _hoisted_10$2 = { class: "cl-py-2 cl-w-1/4" };
+const _hoisted_11$2 = ["checked", "onClick"];
+const _hoisted_12$2 = { class: "cl-py-2 cl-text-off-white cl-w-1/5" };
+const _hoisted_13$2 = { key: 1 };
+const __default__ = {
+  inheritAttrs: false
+};
+function setup(__props, { emit }) {
+  const props = __props;
+  const { t } = useI18n();
+  const visible = ref(false);
+  function moveColumn(columns, oldIndex, newIndex) {
+    if (newIndex < columns.length && newIndex >= 0) {
+      columns.splice(newIndex, 0, columns.splice(oldIndex, 1)[0]);
+    }
+  }
+  function updateColumnVisibility(target, column) {
+    var _a;
+    const gridColumns = copy(props.columns);
+    const checked = (_a = target == null ? void 0 : target.checked) != null ? _a : false;
+    const targetColumnIndex = gridColumns.findIndex((c) => c.name === column.name);
+    if (targetColumnIndex >= 0) {
+      gridColumns[targetColumnIndex].visible = checked;
+    }
+    emit("update:columns", gridColumns);
+  }
+  function changeColumnOrder(columnIndex, direction) {
+    const gridColumns = copy(props.columns);
+    const newIndex = direction === "up" ? columnIndex + 1 : columnIndex - 1;
+    moveColumn(gridColumns, columnIndex, newIndex);
+    emit("update:columns", gridColumns);
+  }
+  return (_ctx, _cache) => {
+    const _component_icon = resolveComponent("icon");
+    return openBlock(), createElementBlock(Fragment, null, [
+      createVNode(_sfc_main$k, mergeProps(_ctx.$attrs, {
+        class: "cl-w-full",
+        size: "small",
+        onClick: _cache[0] || (_cache[0] = withModifiers(($event) => visible.value = true, ["prevent"]))
+      }), {
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(unref(t)("grid.manageView")), 1)
+        ]),
+        _: 1
+      }, 16),
+      (openBlock(), createBlock(Teleport, { to: "body" }, [
+        withDirectives(createElementVNode("div", _hoisted_1$8, [
+          createElementVNode("div", {
+            class: "cl-bg-black cl-cursor-pointer cl-flex-1 cl-h-full cl-opacity-40",
+            onClick: _cache[1] || (_cache[1] = ($event) => visible.value = false)
+          }),
+          createElementVNode("div", _hoisted_2$8, [
+            createVNode(_component_icon, {
+              class: "cl-absolute cl-cursor-pointer cl-right-3 cl-text-off-white cl-top-3",
+              icon: "ph:x",
+              size: 16,
+              onClick: _cache[2] || (_cache[2] = ($event) => visible.value = false)
+            }),
+            createElementVNode("h3", _hoisted_3$7, toDisplayString(unref(t)("grid.manageView")), 1),
+            createElementVNode("ul", _hoisted_4$7, [
+              createElementVNode("li", _hoisted_5$6, [
+                createElementVNode("strong", _hoisted_6$5, toDisplayString(unref(t)("grid.column")), 1),
+                createElementVNode("strong", _hoisted_7$4, toDisplayString(unref(t)("grid.visible")), 1),
+                createElementVNode("strong", _hoisted_8$2, toDisplayString(unref(t)("grid.order")), 1)
+              ]),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column, index) => {
+                return openBlock(), createElementBlock("li", {
+                  key: index,
+                  class: "cl-border-b cl-border-grey-2 cl-flex cl-py-2 cl-text-sm cl-w-full"
+                }, [
+                  createElementVNode("div", _hoisted_9$2, toDisplayString(column.caption), 1),
+                  createElementVNode("div", _hoisted_10$2, [
+                    createElementVNode("input", {
+                      checked: column.visible === void 0 || column.visible === true,
+                      type: "checkbox",
+                      onClick: ($event) => updateColumnVisibility($event.target, column)
+                    }, null, 8, _hoisted_11$2)
+                  ]),
+                  createElementVNode("div", _hoisted_12$2, [
+                    column.visible === void 0 || column.visible === true ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                      index !== 0 ? (openBlock(), createBlock(_component_icon, {
+                        key: 0,
+                        class: "cl-cursor-pointer cl-inline-block cl-mr-2",
+                        icon: "ph:arrow-left",
+                        onClick: ($event) => changeColumnOrder(index, "down")
+                      }, null, 8, ["onClick"])) : createCommentVNode("", true),
+                      index !== __props.columns.length - 1 ? (openBlock(), createBlock(_component_icon, {
+                        key: 1,
+                        class: "cl-cursor-pointer cl-inline-block",
+                        icon: "ph:arrow-right",
+                        onClick: ($event) => changeColumnOrder(index, "up")
+                      }, null, 8, ["onClick"])) : createCommentVNode("", true)
+                    ], 64)) : (openBlock(), createElementBlock("em", _hoisted_13$2, toDisplayString(unref(t)("grid.hidden")), 1))
+                  ])
+                ]);
+              }), 128))
+            ])
+          ])
+        ], 512), [
+          [vShow, visible.value]
+        ])
+      ]))
+    ], 64);
+  };
+}
+const _sfc_main$8 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__), {
+  props: {
+    columns: null
+  },
+  emits: {
+    "update:columns": null
+  },
+  setup
+}));
+const _hoisted_1$7 = {
+  key: 0,
+  class: "cl-pb-2 cl-pr-2 cl-w-1/2 lg:cl-pb-0 lg:cl-w-auto"
+};
+const _hoisted_2$7 = { class: "cl-hidden cl-pr-2 lg:cl-inline-block" };
+const _hoisted_3$6 = { class: "cl-pb-2 cl-pr-2 cl-w-1/2 lg:cl-pb-0 lg:cl-pr-0 lg:cl-w-auto" };
+const _hoisted_4$6 = { class: "cl-pr-2 cl-w-1/2 lg:cl-hidden" };
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  props: {
+    columns: null,
+    editMode: null,
+    editEnabled: null,
+    filterPanelOpen: { default: false }
+  },
+  emits: {
+    "reset-filters": null,
+    "update:columns": null,
+    "update:edit-mode": null,
+    "update:filter-panel-open": null
+  },
+  setup(__props, { emit }) {
+    const props = __props;
+    const { t } = useI18n();
+    const currentColumns = computed({
+      get: () => props.columns,
+      set: (value) => emit("update:columns", value)
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        __props.editEnabled ? (openBlock(), createElementBlock("span", _hoisted_1$7, [
+          createVNode(_sfc_main$k, {
+            class: "cl-w-full lg:cl-w-auto",
+            size: "small",
+            colour: "default",
+            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:edit-mode", !__props.editMode))
+          }, {
+            default: withCtx(() => [
+              withDirectives(createElementVNode("span", null, toDisplayString(unref(t)("grid.editData")), 513), [
+                [vShow, !__props.editMode]
+              ]),
+              withDirectives(createElementVNode("span", null, toDisplayString(unref(t)("grid.finishEditing")), 513), [
+                [vShow, __props.editMode]
+              ])
+            ]),
+            _: 1
+          })
+        ])) : createCommentVNode("", true),
+        createElementVNode("span", _hoisted_2$7, [
+          createVNode(_sfc_main$8, {
+            columns: unref(currentColumns),
+            "onUpdate:columns": _cache[1] || (_cache[1] = ($event) => isRef(currentColumns) ? currentColumns.value = $event : null)
+          }, null, 8, ["columns"])
+        ]),
+        createElementVNode("span", _hoisted_3$6, [
+          createVNode(_sfc_main$k, {
+            class: "cl-w-full lg:cl-w-auto",
+            size: "small",
+            onClick: _cache[2] || (_cache[2] = withModifiers(($event) => _ctx.$emit("reset-filters"), ["prevent"]))
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(t)("grid.clearFilters")), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        createElementVNode("span", _hoisted_4$6, [
+          createVNode(_sfc_main$k, {
+            class: "w-full",
+            colour: "blue",
+            size: "small",
+            onClick: _cache[3] || (_cache[3] = withModifiers(($event) => _ctx.$emit("update:filter-panel-open", true), ["prevent"]))
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(t)("grid.modifyFilters")), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ], 64);
+    };
+  }
+});
+var clUiGrid_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$6 = { class: "cl-hidden cl-mb-4 cl-w-full lg:cl-block lg:cl-text-right" };
+const _hoisted_2$6 = ["data-loading"];
+const _hoisted_3$5 = { class: "cl-absolute cl-bg-white cl-h-full cl-opacity-40 cl-w-full cl-z-20" };
+const _hoisted_4$5 = { class: "cl-bg-white cl-flex cl-flex-wrap cl-sticky cl-top-0 cl-w-full lg:cl-hidden" };
+const _hoisted_5$5 = { class: "cl-border-b cl-border-grey-2 cl-flex cl-flex-wrap cl-px-2 cl-py-4 cl-w-full" };
+const _hoisted_6$4 = { class: "cl-mb-4 cl-text-sm cl-w-full" };
+const _hoisted_7$3 = { class: "cl-flex cl-flex-wrap cl-w-full" };
+const _hoisted_8$1 = { class: "cl-absolute cl-bg-white cl-h-screen cl-overflow-x-auto cl-p-4 cl-text-sm cl-w-full cl-z-10" };
+const _hoisted_9$1 = { class: "cl-border-b cl-border-grey-3 cl-mb-2 cl-pb-2 cl-text-right cl-w-full" };
+const _hoisted_10$1 = { class: "grid grid-cols-3" };
+const _hoisted_11$1 = {
+  key: 1,
+  class: "cl-ml-2"
+};
+const _hoisted_12$1 = { class: "cl-overflow-auto cl-w-full" };
+const _hoisted_13$1 = { class: "cl-min-w-full cl-table-fixed" };
+const _hoisted_14$1 = { class: "cl-hidden lg:cl-table-column-group" };
+const _hoisted_15$1 = { class: "cl-hidden lg:cl-table-header-group" };
+const _hoisted_16 = ["onClick"];
+const _hoisted_17 = { key: 1 };
+const _hoisted_18 = { key: 0 };
+const _hoisted_19 = { key: 1 };
+const _hoisted_20 = ["colspan"];
+const _hoisted_21 = { class: "cl-my-10 cl-py-1 cl-text-center cl-text-sm cl-w-full" };
+const _hoisted_22 = {
+  key: 0,
+  class: "cl-w-full"
+};
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  props: {
+    columns: null,
+    request: null,
+    loading: null,
+    data: { default: () => null }
+  },
+  emits: {
+    "update:columns": null,
+    "update:request": null,
+    "data-request": null,
+    "row-edit": null,
+    "edit-start": null,
+    "edit-end": null
+  },
+  setup(__props, { emit }) {
+    const props = __props;
+    const { t } = useI18n();
+    const columnStyles = ref({});
+    const editMode = ref(false);
+    const editRow = ref({
+      index: -1,
+      record: {}
+    });
+    const filterPanelOpen = ref(false);
+    const currentColumns = computed({
+      get: () => props.columns,
+      set: (value) => emit("update:columns", value)
+    });
+    const currentRequest = computed({
+      get: () => props.request,
+      set: (value) => emit("update:request", value)
+    });
+    const visibleColumns = computed(() => currentColumns.value.filter((e) => typeof e.visible === "undefined" || e.visible !== false));
+    const editEnabled = computed(() => props.columns.find((c) => c.editable === true) !== void 0);
+    function setColumnStyles() {
+      const result = {};
+      if (window.innerWidth >= 1024) {
+        currentColumns.value.forEach((c) => {
+          const value = c.width ? `${c.width}px` : "";
+          result[`${c.name}`] = `width: ${value}; min-width: ${value};`;
+        });
+      }
+      columnStyles.value = result;
+    }
+    function getStyleForColumn(name) {
+      var _a;
+      return (_a = columnStyles.value[name]) != null ? _a : "";
+    }
+    function setSort(field) {
+      if (typeof field !== "undefined") {
+        const filterRequest = copy(props.request);
+        if (filterRequest.sort === null || filterRequest.sort.sortOnColumn !== field) {
+          filterRequest.sort = {
+            sortOnColumn: field,
+            sortByAscending: true
+          };
+        } else if (filterRequest.sort.sortOnColumn === field && filterRequest.sort.sortByAscending === true) {
+          filterRequest.sort.sortByAscending = false;
+        } else {
+          filterRequest.sort = null;
+        }
+        currentRequest.value = filterRequest;
+      }
+    }
+    function resetFilters() {
+      const request = copy(currentRequest.value);
+      request.pageNumber = 1;
+      request.filters = [];
+      currentRequest.value = request;
+    }
+    function cellFocused(index) {
+      if (editRow.value.index !== -1 && editRow.value.index !== index) {
+        rowEdited();
+      }
+      editRow.value.index = index;
+    }
+    function cellChanged(value, field) {
+      if (field !== void 0) {
+        editRow.value.record[field] = value;
+      }
+    }
+    function cellReverted(field) {
+      if (field !== void 0) {
+        const _a = editRow.value.record, { [field]: _ } = _a, remainder = __objRest(_a, [__restKey(field)]);
+        editRow.value.record = __spreadValues({}, remainder);
+      }
+    }
+    function rowEdited() {
+      if (Object.keys(editRow.value.record).length !== 0) {
+        emit("row-edit", copy(editRow.value));
+        editRow.value.record = {};
+      }
+    }
+    onMounted(() => {
+      window.addEventListener("resize", setColumnStyles);
+      setColumnStyles();
+    });
+    onUnmounted(() => window.removeEventListener("resize", setColumnStyles));
+    watch(() => props.request, () => emit("data-request"), {
+      deep: true,
+      immediate: true
+    });
+    watch(() => editMode.value, () => {
+      if (editMode.value) {
+        emit("edit-start");
+      } else {
+        rowEdited();
+        emit("edit-end");
+        editRow.value.index = -1;
+      }
+    });
+    return (_ctx, _cache) => {
+      var _a, _b;
+      const _component_icon = resolveComponent("icon");
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", _hoisted_1$6, [
+          createVNode(_sfc_main$7, {
+            columns: unref(currentColumns),
+            "onUpdate:columns": _cache[0] || (_cache[0] = ($event) => isRef(currentColumns) ? currentColumns.value = $event : null),
+            "edit-mode": editMode.value,
+            "onUpdate:edit-mode": _cache[1] || (_cache[1] = ($event) => editMode.value = $event),
+            "edit-enabled": unref(editEnabled),
+            onResetFilters: resetFilters
+          }, null, 8, ["columns", "edit-mode", "edit-enabled"])
+        ]),
+        createElementVNode("div", {
+          class: "cl-relative cl-w-full grid-wrapper",
+          "data-loading": __props.loading
+        }, [
+          withDirectives(createElementVNode("div", _hoisted_3$5, null, 512), [
+            [vShow, __props.loading]
+          ]),
+          createElementVNode("div", _hoisted_4$5, [
+            createElementVNode("div", _hoisted_5$5, [
+              createElementVNode("strong", _hoisted_6$4, toDisplayString(unref(t)("grid.gridTools")), 1),
+              createElementVNode("div", _hoisted_7$3, [
+                createVNode(_sfc_main$7, {
+                  columns: unref(currentColumns),
+                  "onUpdate:columns": _cache[2] || (_cache[2] = ($event) => isRef(currentColumns) ? currentColumns.value = $event : null),
+                  "edit-mode": editMode.value,
+                  "onUpdate:edit-mode": _cache[3] || (_cache[3] = ($event) => editMode.value = $event),
+                  "filter-panel-open": filterPanelOpen.value,
+                  "onUpdate:filter-panel-open": _cache[4] || (_cache[4] = ($event) => filterPanelOpen.value = $event),
+                  "edit-enabled": unref(editEnabled),
+                  onResetFilters: resetFilters
+                }, null, 8, ["columns", "edit-mode", "filter-panel-open", "edit-enabled"])
+              ])
+            ]),
+            withDirectives(createElementVNode("div", _hoisted_8$1, [
+              createElementVNode("div", _hoisted_9$1, [
+                createVNode(_sfc_main$k, {
+                  colour: "blue",
+                  size: "small",
+                  onClick: _cache[5] || (_cache[5] = withModifiers(($event) => {
+                    filterPanelOpen.value = false;
+                  }, ["prevent"]))
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_icon, {
+                      class: "cl--mt-1 cl-inline-block",
+                      icon: "ph:x",
+                      size: 16
+                    }),
+                    createTextVNode(" " + toDisplayString(unref(t)("grid.confirmFilters")), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              createElementVNode("div", _hoisted_10$1, [
+                createElementVNode("div", null, toDisplayString(unref(t)("grid.field")), 1),
+                createElementVNode("div", null, toDisplayString(unref(t)("grid.filter")), 1),
+                createElementVNode("div", null, toDisplayString(unref(t)("grid.sortBy")), 1)
+              ]),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(visibleColumns), (column, index) => {
+                return openBlock(), createElementBlock("div", {
+                  key: index,
+                  class: "cl-mb-4 cl-w-full grid grid-cols-3"
+                }, [
+                  createElementVNode("div", null, toDisplayString(column.caption), 1),
+                  createVNode(_sfc_main$a, {
+                    request: unref(currentRequest),
+                    "onUpdate:request": _cache[6] || (_cache[6] = ($event) => isRef(currentRequest) ? currentRequest.value = $event : null),
+                    column
+                  }, null, 8, ["request", "column"]),
+                  (column.type !== "slot" || column.slotType !== void 0 && column.field !== void 0) && (column.sortable === void 0 || column.sortable === true) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                    unref(currentRequest).sort === null || unref(currentRequest).sort.sortOnColumn !== column.field ? (openBlock(), createBlock(_component_icon, {
+                      key: 0,
+                      class: "cl-cursor-pointer cl-ml-2",
+                      icon: "ph:minus",
+                      onClick: ($event) => setSort(column.field)
+                    }, null, 8, ["onClick"])) : unref(currentRequest).sort.sortByAscending === false ? (openBlock(), createBlock(_component_icon, {
+                      key: 1,
+                      class: "cl-cursor-pointer cl-ml-2",
+                      icon: "ph:caret-down",
+                      onClick: ($event) => setSort(column.field)
+                    }, null, 8, ["onClick"])) : (openBlock(), createBlock(_component_icon, {
+                      key: 2,
+                      class: "cl-cursor-pointer cl-ml-2",
+                      icon: "ph:caret-up",
+                      onClick: ($event) => setSort(column.field)
+                    }, null, 8, ["onClick"]))
+                  ], 64)) : (openBlock(), createElementBlock("div", _hoisted_11$1, " \xA0 "))
+                ]);
+              }), 128))
+            ], 512), [
+              [vShow, filterPanelOpen.value]
+            ])
+          ]),
+          createElementVNode("div", _hoisted_12$1, [
+            createElementVNode("table", _hoisted_13$1, [
+              createElementVNode("colgroup", _hoisted_14$1, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(visibleColumns), (column, index) => {
+                  return openBlock(), createElementBlock("col", {
+                    key: index,
+                    style: normalizeStyle(getStyleForColumn(column.name)),
+                    span: 1
+                  }, null, 4);
+                }), 128))
+              ]),
+              createElementVNode("thead", _hoisted_15$1, [
+                createElementVNode("tr", null, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(visibleColumns), (column, index) => {
+                    var _a2;
+                    return openBlock(), createElementBlock("th", {
+                      key: index,
+                      class: "cl-border-b cl-border-grey-2 cl-font-semibold cl-p-1 cl-text-grey-3 cl-text-left cl-text-sm cl-uppercase",
+                      style: normalizeStyle(getStyleForColumn(column.name))
+                    }, [
+                      __props.data && ((_a2 = __props.data.results) == null ? void 0 : _a2.length) && (column.type !== "slot" || column.slotType !== void 0 && column.field !== void 0) && (column.sortable === void 0 || column.sortable === true) ? (openBlock(), createElementBlock("span", {
+                        key: 0,
+                        class: "cl-cursor-pointer",
+                        onClick: ($event) => setSort(column.field)
+                      }, [
+                        createTextVNode(toDisplayString(column.caption) + " ", 1),
+                        withDirectives(createVNode(_component_icon, {
+                          class: "cl--mt-1 cl-inline-block",
+                          icon: "ph:caret-up"
+                        }, null, 512), [
+                          [vShow, unref(currentRequest).sort !== null && unref(currentRequest).sort.sortOnColumn === column.field && unref(currentRequest).sort.sortByAscending === true]
+                        ]),
+                        withDirectives(createVNode(_component_icon, {
+                          class: "cl--mt-1 cl-inline-block",
+                          icon: "ph:caret-down"
+                        }, null, 512), [
+                          [vShow, unref(currentRequest).sort !== null && unref(currentRequest).sort.sortOnColumn === column.field && unref(currentRequest).sort.sortByAscending === false]
+                        ])
+                      ], 8, _hoisted_16)) : (openBlock(), createElementBlock("span", _hoisted_17, toDisplayString(column.caption), 1))
+                    ], 4);
+                  }), 128))
+                ]),
+                __props.data && ((_a = __props.data.results) == null ? void 0 : _a.length) || unref(currentRequest).filters.length > 0 ? (openBlock(), createElementBlock("tr", _hoisted_18, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(visibleColumns), (column, index) => {
+                    return openBlock(), createElementBlock("th", {
+                      key: index,
+                      class: "cl-p-1",
+                      style: normalizeStyle(getStyleForColumn(column.name))
+                    }, [
+                      createVNode(_sfc_main$a, {
+                        request: unref(currentRequest),
+                        "onUpdate:request": _cache[7] || (_cache[7] = ($event) => isRef(currentRequest) ? currentRequest.value = $event : null),
+                        column,
+                        "first-half": index <= unref(visibleColumns).length / 2
+                      }, null, 8, ["request", "column", "first-half"])
+                    ], 4);
+                  }), 128))
+                ])) : createCommentVNode("", true)
+              ]),
+              createElementVNode("tbody", null, [
+                __props.data && ((_b = __props.data.results) == null ? void 0 : _b.length) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.data.results, (record, recordIndex) => {
+                  return openBlock(), createElementBlock("tr", {
+                    key: recordIndex,
+                    class: normalizeClass({
+                      "cl-bg-white": recordIndex % 2 !== 1,
+                      "cl-bg-off-white": recordIndex % 2 === 1
+                    })
+                  }, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(unref(visibleColumns), (column, columnIndex) => {
+                      return openBlock(), createBlock(_sfc_main$b, {
+                        key: columnIndex,
+                        class: "cl-align-top cl-p-2 cl-rounded cl-whitespace-nowrap",
+                        style: normalizeStyle(getStyleForColumn(column.name)),
+                        column,
+                        record,
+                        "edit-mode": editMode.value,
+                        onFocus: ($event) => cellFocused(recordIndex),
+                        onEdit: ($event) => {
+                          cellFocused(recordIndex);
+                          cellChanged($event, column.field);
+                        },
+                        onUndoEdit: ($event) => cellReverted(column.field)
+                      }, createSlots({ _: 2 }, [
+                        renderList(_ctx.$slots, (_, name) => {
+                          return {
+                            name,
+                            fn: withCtx((cellData) => [
+                              renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(cellData)), void 0, true)
+                            ])
+                          };
+                        })
+                      ]), 1032, ["style", "column", "record", "edit-mode", "onFocus", "onEdit", "onUndoEdit"]);
+                    }), 128))
+                  ], 2);
+                }), 128)) : (openBlock(), createElementBlock("tr", _hoisted_19, [
+                  createElementVNode("td", {
+                    colspan: unref(visibleColumns).length
+                  }, [
+                    createElementVNode("div", _hoisted_21, [
+                      createElementVNode("strong", null, toDisplayString(unref(t)("grid.noData")), 1),
+                      unref(currentRequest).filters.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_22, [
+                        createTextVNode(toDisplayString(unref(t)("grid.noDataFiltersPresent")) + " ", 1),
+                        createVNode(_sfc_main$k, {
+                          size: "small",
+                          onClick: withModifiers(resetFilters, ["prevent"])
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(unref(t)("grid.clearFilters")), 1)
+                          ]),
+                          _: 1
+                        }, 8, ["onClick"])
+                      ])) : createCommentVNode("", true)
+                    ])
+                  ], 8, _hoisted_20)
+                ]))
+              ])
+            ])
+          ]),
+          createVNode(_sfc_main$9, {
+            request: unref(currentRequest),
+            "onUpdate:request": _cache[8] || (_cache[8] = ($event) => isRef(currentRequest) ? currentRequest.value = $event : null),
+            data: __props.data
+          }, null, 8, ["request", "data"])
+        ], 8, _hoisted_2$6)
+      ], 64);
+    };
+  }
+});
+var clUiGrid = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-87374b4c"]]);
+const _sfc_main$5 = {};
+const _hoisted_1$5 = { class: "cl-absolute cl-bg-secondary-default cl-flex cl-h-20 cl-items-center cl-justify-between cl-left-0 cl-top-0 cl-w-full cl-z-40" };
+const _hoisted_2$5 = { class: "cl-flex cl-flex-nowrap" };
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("header", _hoisted_1$5, [
+    renderSlot(_ctx.$slots, "logo"),
+    createElementVNode("div", _hoisted_2$5, [
+      renderSlot(_ctx.$slots, "menu"),
+      renderSlot(_ctx.$slots, "icon")
+    ])
+  ]);
+}
+var clUiHeader = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render]]);
+const _hoisted_1$4 = { class: "md:cl-relative" };
+const _hoisted_2$4 = { class: "cl-bg-blue-light cl-flex cl-items-center cl-select-none md:cl-min-w-[320px]" };
+const _hoisted_3$4 = ["src"];
+const _hoisted_4$4 = { class: "cl-cursor-default cl-flex-grow cl-hidden cl-my-4 cl-text-white md:cl-block" };
+const _hoisted_5$4 = {
+  key: 0,
+  class: "cl-cursor-default cl-overflow-ellipsis cl-whitespace-nowrap"
+};
+const _hoisted_6$3 = {
+  key: 1,
+  class: "cl-cursor-default cl-overflow-ellipsis cl-text-xs cl-whitespace-nowrap"
+};
+const _hoisted_7$2 = {
+  key: 0,
+  class: "cl-absolute cl-g-white cl-right-0 cl-shadow-2xl cl-top-20 cl-w-full cl-z-20"
+};
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  props: {
+    user: { default: () => null }
+  },
+  setup(__props) {
+    const isOpen = ref(false);
+    return (_ctx, _cache) => {
+      const _component_icon = resolveComponent("icon");
+      return openBlock(), createElementBlock("div", _hoisted_1$4, [
+        createElementVNode("div", _hoisted_2$4, [
+          __props.user ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            __props.user.image ? (openBlock(), createElementBlock("img", {
+              key: 0,
+              src: __props.user.image,
+              class: "cl-hidden cl-m-4 cl-max-h-12 cl-max-w-12 cl-ring-2 cl-ring-white cl-rounded-full md:cl-block"
+            }, null, 8, _hoisted_3$4)) : (openBlock(), createBlock(_component_icon, {
+              key: 1,
+              class: "cl-hidden cl-m-4 cl-text-white md:cl-block",
+              icon: "ph:user-circle",
+              width: "48",
+              height: "48"
+            })),
+            createElementVNode("div", _hoisted_4$4, [
+              __props.user.username ? (openBlock(), createElementBlock("div", _hoisted_5$4, toDisplayString(__props.user.username), 1)) : createCommentVNode("", true),
+              __props.user.group && __props.user.group ? (openBlock(), createElementBlock("div", _hoisted_6$3, toDisplayString(__props.user.group), 1)) : createCommentVNode("", true)
+            ]),
+            createElementVNode("div", {
+              class: "cl-bg-transparent cl-content-center cl-cursor-pointer cl-flex cl-h-20 cl-items-center cl-justify-center cl-justify-items-center cl-transition-colors cl-w-10 hover:cl-bg-opacity-10 hover:cl-bg-white md:cl-ml-4 md:cl-w-20",
+              onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value)
+            }, [
+              createVNode(_component_icon, {
+                class: normalizeClass(["cl-text-white cl-transform cl-transition-transform", {
+                  "cl-rotate-180": isOpen.value
+                }]),
+                icon: "ph:caret-down"
+              }, null, 8, ["class"])
+            ])
+          ], 64)) : createCommentVNode("", true)
+        ]),
+        isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_7$2, [
+          renderSlot(_ctx.$slots, "default")
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+function isLanguageLocaleFormat(language) {
+  const localeCodeFormatCorrect = /[a-z]{2}-[A-Z]{2}/gm.test(language.localeCode);
+  return localeCodeFormatCorrect;
+}
+function isLanguageArray(arrayToTest) {
+  let result = Array.isArray(arrayToTest);
+  if (result) {
+    for (const objectToTest of arrayToTest) {
+      if (!isLanguage(objectToTest)) {
+        result = false;
+        break;
+      }
+    }
+  }
+  return result;
+}
+function isLanguage(objectToTest) {
+  return typeof objectToTest.name === "string" && typeof objectToTest.nativeName === "string" && typeof objectToTest.localeCode === "string" && typeof objectToTest.icon === "string";
+}
+const _hoisted_1$3 = {
+  key: 0,
+  class: "cl-flex cl-relative cl-select-none cl-w-auto cl-z-30"
+};
+const _hoisted_2$3 = { class: "cl-font-semibold cl-hidden cl-mr-4 cl-text-xs lg:cl-inline-block" };
+const _hoisted_3$3 = { class: "cl-absolute cl-bg-white cl-border cl-border-grey-0 cl-overflow-hidden cl-right-0 cl-rounded cl-shadow-xl cl-text-black cl-top-6 cl-z-30" };
+const _hoisted_4$3 = ["data-localename", "data-localecode", "onClick"];
+const _hoisted_5$3 = { class: "cl-hidden cl-ml-2 cl-text-xs lg:cl-inline-flex" };
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  props: {
+    supportedLanguages: null,
+    disabled: { default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const { locale } = useI18n();
+    const localeToggleOpen = ref(false);
+    const selectedLanguage = computed(() => {
+      var _a;
+      return (_a = props.supportedLanguages.find((l) => l.localeCode === locale.value)) != null ? _a : null;
+    });
+    const validLanguages = computed(() => props.supportedLanguages.filter((e) => isLanguageLocaleFormat(e)).sort((a, b) => a.nativeName > b.nativeName ? 1 : b.nativeName > a.nativeName ? -1 : 0));
+    function toggleLocaleSwitcher() {
+      if (!props.disabled) {
+        localeToggleOpen.value = !localeToggleOpen.value;
+      }
+    }
+    watch(() => props.disabled, (newValue) => {
+      if (newValue) {
+        localeToggleOpen.value = false;
+      }
+    });
+    return (_ctx, _cache) => {
+      const _component_icon = resolveComponent("icon");
+      return unref(selectedLanguage) !== null && unref(isLanguageLocaleFormat)(unref(selectedLanguage)) ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
+        createElementVNode("div", {
+          class: normalizeClass(["cl-flex cl-items-center", {
+            "cl-cursor-pointer": !__props.disabled
+          }]),
+          onClick: toggleLocaleSwitcher
+        }, [
+          createVNode(_component_icon, {
+            class: "cl-inline-block cl-mr-3",
+            icon: unref(selectedLanguage).icon
+          }, null, 8, ["icon"]),
+          createElementVNode("span", _hoisted_2$3, toDisplayString(unref(selectedLanguage).nativeName), 1)
+        ], 2),
+        withDirectives(createElementVNode("div", _hoisted_3$3, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(validLanguages), (language, index) => {
+            return openBlock(), createElementBlock("div", {
+              key: index,
+              class: "cl-border-b cl-border-grey-0 cl-content-center cl-cursor-pointer cl-flex cl-items-center cl-p-2 cl-text-center cl-transition-colors hover:cl-bg-grey-0 last-child:cl-border-b-0 last:cl-border-b-0",
+              "data-localename": language.name,
+              "data-localecode": language.localeCode,
+              onClick: ($event) => {
+                locale.value = language.localeCode;
+                toggleLocaleSwitcher();
+              }
+            }, [
+              createVNode(_component_icon, {
+                class: "cl-inline-block cl-mr-3",
+                icon: language.icon
+              }, null, 8, ["icon"]),
+              createElementVNode("span", _hoisted_5$3, toDisplayString(language.nativeName), 1)
+            ], 8, _hoisted_4$3);
+          }), 128))
+        ], 512), [
+          [vShow, localeToggleOpen.value]
+        ])
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+var clUiLogin_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$2 = { class: "cl-bg-secondary-default cl-flex cl-flex-wrap cl-opacity-95 cl-p-10 cl-pb-12 cl-w-full" };
+const _hoisted_2$2 = { class: "cl-pb-8 cl-w-full md:cl-flex-1 md:cl-pb-0" };
+const _hoisted_3$2 = { class: "cl-mt-2 cl-pb-2 cl-text-white cl-w-auto md:cl-pb-0 md:cl-pr-2" };
+const _hoisted_4$2 = { class: "cl-pb-2 cl-w-full md:cl-pb-0 md:cl-pr-2 md:cl-w-1/4" };
+const _hoisted_5$2 = { class: "cl-inline cl-relative cl-text-grey-4 cl-w-full" };
+const _hoisted_6$2 = ["data-valid", "placeholder"];
+const _hoisted_7$1 = { class: "cl-text-grey-3 cl-text-sm" };
+const _hoisted_8 = { class: "cl-flex cl-mt-2" };
+const _hoisted_9 = { class: "cl-align-middle cl-inline-block cl-ml-2" };
+const _hoisted_10 = { class: "cl-flex cl-mt-2" };
+const _hoisted_11 = { class: "cl-align-middle cl-inline-block cl-ml-2" };
+const _hoisted_12 = { class: "cl-pb-2 cl-w-full md:cl-pb-0 md:cl-pl-1 md:cl-pr-2 md:cl-w-1/4" };
+const _hoisted_13 = { class: "cl-inline cl-relative cl-text-grey-4 cl-w-full" };
+const _hoisted_14 = ["type", "data-valid", "placeholder"];
+const _hoisted_15 = { class: "cl-emphasis-danger cl-mt-4 cl-p-4 cl-text-sm cl-w-full" };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  props: {
+    errors: { default: () => [] },
+    backgroundImage: null,
+    loading: { default: false }
+  },
+  emits: {
+    login: null,
+    "update:errors": null
+  },
+  setup(__props, { emit }) {
+    const { t } = useI18n();
+    const username = ref("");
+    const password = ref("");
+    const passwordFieldType = ref("password");
+    const usernameValid = computed(() => /[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)/gi.test(username.value));
+    function login() {
+      const authentication = {
+        username: username.value,
+        password: password.value
+      };
+      emit("login", authentication);
+    }
+    function clearErrors() {
+      emit("update:errors", []);
+    }
+    return (_ctx, _cache) => {
+      var _a;
+      const _component_icon = resolveComponent("icon");
+      return openBlock(), createElementBlock("div", {
+        class: "cl-bg-center cl-bg-cover cl-h-screen md:cl-bg-left-bottom",
+        style: normalizeStyle({
+          "background-image": `url('${__props.backgroundImage}')`
+        })
+      }, [
+        createElementVNode("form", _hoisted_1$2, [
+          createElementVNode("div", _hoisted_2$2, [
+            renderSlot(_ctx.$slots, "logo", {}, void 0, true)
+          ]),
+          createElementVNode("div", _hoisted_3$2, [
+            renderSlot(_ctx.$slots, "language-switcher", {}, void 0, true)
+          ]),
+          createElementVNode("div", _hoisted_4$2, [
+            createElementVNode("div", _hoisted_5$2, [
+              createVNode(_component_icon, {
+                class: "cl-absolute cl-left-3 cl-top-2",
+                icon: "ph:user",
+                size: 18
+              }),
+              withDirectives(createElementVNode("input", {
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => username.value = $event),
+                class: "!cl-pb-1 !cl-pl-9 cl-w-full",
+                type: "email",
+                "data-valid": unref(usernameValid),
+                placeholder: unref(t)("login.email"),
+                autocomplete: "username",
+                onInput: clearErrors
+              }, null, 40, _hoisted_6$2), [
+                [
+                  vModelText,
+                  username.value,
+                  void 0,
+                  { trim: true }
+                ]
+              ])
+            ]),
+            withDirectives(createElementVNode("div", _hoisted_7$1, [
+              withDirectives(createElementVNode("div", _hoisted_8, [
+                createVNode(_component_icon, {
+                  class: "cl-mt-1 cl-text-primary-default",
+                  icon: "ph:check",
+                  size: 16
+                }),
+                createElementVNode("em", _hoisted_9, toDisplayString(unref(t)("login.validEmail")), 1)
+              ], 512), [
+                [vShow, unref(usernameValid)]
+              ]),
+              withDirectives(createElementVNode("div", _hoisted_10, [
+                createVNode(_component_icon, {
+                  class: "cl-mt-1 cl-text-danger-default",
+                  icon: "ph:x",
+                  size: 16
+                }),
+                createElementVNode("em", _hoisted_11, toDisplayString(unref(t)("login.invalidEmail")), 1)
+              ], 512), [
+                [vShow, !unref(usernameValid)]
+              ])
+            ], 512), [
+              [vShow, username.value !== ""]
+            ])
+          ]),
+          createElementVNode("div", _hoisted_12, [
+            createElementVNode("div", _hoisted_13, [
+              createVNode(_component_icon, {
+                class: "cl-absolute cl-left-3 cl-top-2",
+                icon: "ph:lock",
+                size: 18
+              }),
+              withDirectives(createVNode(_component_icon, {
+                class: "cl-absolute cl-cursor-pointer cl-right-3 cl-top-2",
+                icon: "ph:eye",
+                size: 18,
+                onClick: _cache[1] || (_cache[1] = ($event) => passwordFieldType.value = "text")
+              }, null, 512), [
+                [vShow, passwordFieldType.value === "password"]
+              ]),
+              withDirectives(createVNode(_component_icon, {
+                class: "cl-absolute cl-cursor-pointer cl-right-3 cl-top-2",
+                icon: "ph:eye-slash",
+                size: 18,
+                onClick: _cache[2] || (_cache[2] = ($event) => passwordFieldType.value = "password")
+              }, null, 512), [
+                [vShow, passwordFieldType.value === "text"]
+              ]),
+              withDirectives(createElementVNode("input", {
+                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => password.value = $event),
+                class: "!cl-pb-1 !cl-pl-9 !cl-pr-9 cl-w-full",
+                type: passwordFieldType.value,
+                "data-valid": password.value !== "",
+                placeholder: unref(t)("login.password"),
+                autocomplete: "current-password",
+                onInput: clearErrors
+              }, null, 40, _hoisted_14), [
+                [vModelDynamic, password.value]
+              ])
+            ])
+          ]),
+          createElementVNode("div", {
+            class: normalizeClass(["cl-w-full md:cl-pl-1 md:cl-w-1/4", {
+              "cl-mt-1": __props.loading
+            }])
+          }, [
+            createVNode(_sfc_main$k, {
+              class: "cl-w-full",
+              colour: "blue",
+              loading: __props.loading,
+              disabled: !unref(usernameValid) || password.value === "",
+              onClick: withModifiers(login, ["prevent"])
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("login.login")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled", "onClick"])
+          ], 2),
+          withDirectives(createElementVNode("span", _hoisted_15, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.errors, (error, index) => {
+              return openBlock(), createElementBlock("div", {
+                key: index,
+                class: "cl-font-semibold"
+              }, toDisplayString(error), 1);
+            }), 128))
+          ], 512), [
+            [vShow, (_a = __props.errors) == null ? void 0 : _a.length]
+          ])
+        ])
+      ], 4);
+    };
+  }
+});
+var clUiLogin = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-a300f6dc"]]);
+var clUiNavigation_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$1 = { class: "cl-flex cl-flex-nowrap cl-h-full cl-max-h-full cl-min-h-full cl-min-w-20 cl-relative cl-self-start cl-w-auto" };
+const _hoisted_2$1 = {
+  key: 0,
+  id: "group-container",
+  class: "cl-bg-blue-default cl-h-full cl-left-0 cl-max-h-full cl-min-h-full cl-min-w-20 cl-overflow-y-auto cl-self-start cl-sticky cl-w-20 cl-z-30"
+};
+const _hoisted_3$1 = ["onClick"];
+const _hoisted_4$1 = { class: "cl-font-bold cl-leading-8 cl-mb-8 cl-pr-8 cl-relative cl-w-full" };
+const _hoisted_5$1 = { class: "cl-select-none cl-text-blue-light cl-text-lg" };
+const _hoisted_6$1 = {
+  key: 0,
+  class: "cl-font-bold cl-mb-4 cl-select-none cl-w-full"
+};
+const _hoisted_7 = ["href", "alt", "title", "onClick"];
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  props: {
+    groups: { default: () => [] }
+  },
+  emits: {
+    "item-select": null
+  },
+  setup(__props) {
+    const activeGroup = ref(null);
+    const menuPinned = ref(false);
+    function selectNavigationGroup(group) {
+      var _a;
+      activeGroup.value = ((_a = activeGroup.value) == null ? void 0 : _a.name) === group.name ? null : group;
+    }
+    function toggleMenuPinned() {
+      menuPinned.value = !menuPinned.value;
+    }
+    return (_ctx, _cache) => {
+      const _component_icon = resolveComponent("icon");
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        __props.groups ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.groups, (group, index) => {
+            var _a;
+            return openBlock(), createElementBlock("div", {
+              key: index,
+              class: "cl-flex-grow cl-w-full"
+            }, [
+              createElementVNode("div", {
+                class: normalizeClass(["cl-cursor-pointer cl-h-20 cl-transition-colors cl-w-20 hover:cl-bg-blue-light", { "cl-bg-blue-light": group.name === ((_a = activeGroup.value) == null ? void 0 : _a.name) }]),
+                onClick: ($event) => {
+                  selectNavigationGroup(group);
+                }
+              }, [
+                group.icon !== null ? (openBlock(), createBlock(_component_icon, {
+                  key: 0,
+                  class: "cl-block cl-h-20 cl-p-7 cl-w-20",
+                  icon: group.icon,
+                  color: "#FFFFFF"
+                }, null, 8, ["icon"])) : createCommentVNode("", true)
+              ], 10, _hoisted_3$1)
+            ]);
+          }), 128))
+        ])) : createCommentVNode("", true),
+        createVNode(Transition, { name: "navslide" }, {
+          default: withCtx(() => [
+            activeGroup.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass(["cl-bg-grey-0 cl-border-grey-2 cl-border-r cl-max-h-full cl-min-h-full cl-min-w-[260px] cl-p-8 cl-self-start cl-top-0 cl-transition-all cl-z-20", {
+                "cl-relative": menuPinned.value,
+                "cl-absolute cl-left-20": !menuPinned.value
+              }])
+            }, [
+              createElementVNode("div", _hoisted_4$1, [
+                createElementVNode("span", _hoisted_5$1, toDisplayString(activeGroup.value.caption), 1),
+                createElementVNode("span", {
+                  class: "cl-absolute cl-cursor-pointer cl-h-8 cl-hidden cl-leading-8 cl-right-0 cl-text-center cl-top-0 cl-w-8 md:cl-inline-block",
+                  onClick: toggleMenuPinned
+                }, [
+                  !menuPinned.value ? (openBlock(), createBlock(_component_icon, {
+                    key: 0,
+                    class: "cl-inline-block",
+                    icon: "ph:push-pin"
+                  })) : (openBlock(), createBlock(_component_icon, {
+                    key: 1,
+                    class: "cl-inline-block",
+                    icon: "ph:push-pin-slash"
+                  }))
+                ])
+              ]),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(activeGroup.value.sections, (section, sectionIndex) => {
+                return openBlock(), createElementBlock("div", {
+                  key: sectionIndex,
+                  class: "cl-mb-8 cl-text-sm cl-w-full"
+                }, [
+                  section.caption ? (openBlock(), createElementBlock("div", _hoisted_6$1, toDisplayString(section.caption), 1)) : createCommentVNode("", true),
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(section.records, (record, recordIndex) => {
+                    return openBlock(), createElementBlock("span", {
+                      key: recordIndex,
+                      class: "cl-block cl-cursor-pointer cl-mb-2 cl-transition-colors hover:cl-text-blue-light"
+                    }, [
+                      record.component ? (openBlock(), createBlock(resolveDynamicComponent(record.component), {
+                        key: 0,
+                        to: record.link,
+                        onClick: ($event) => _ctx.$emit("item-select", record)
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(record.caption), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["to", "onClick"])) : (openBlock(), createElementBlock("a", {
+                        key: 1,
+                        href: record.link,
+                        alt: `External link to: ${record.link}`,
+                        title: `External link to: ${record.link}`,
+                        target: "new",
+                        onClick: ($event) => _ctx.$emit("item-select", record)
+                      }, [
+                        createVNode(_component_icon, {
+                          class: "cl--mt-1 cl-inline-block",
+                          icon: "ph:arrow-square-out",
+                          alt: "External Link"
+                        }),
+                        createTextVNode(" " + toDisplayString(record.caption), 1)
+                      ], 8, _hoisted_7))
+                    ]);
+                  }), 128))
+                ]);
+              }), 128))
+            ], 2)) : createCommentVNode("", true)
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+var clUiNavigation = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-7f6778e2"]]);
+var clUiSlider_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1 = ["value", "min", "max", "step", "disabled"];
+const _hoisted_2 = { class: "cl-flex cl-flex-1 cl-flex-wrap cl-items-center cl-mt-3 md:cl-mt-0" };
+const _hoisted_3 = { class: "cl-bg-grey-0 cl-leading-6 cl-ml-0 cl-px-3 cl-rounded-full cl-text-center cl-text-xs md:cl-ml-2" };
+const _hoisted_4 = ["min", "max", "step", "disabled"];
+const _hoisted_5 = { class: "cl-bg-grey-0 cl-leading-6 cl-ml-2 cl-px-3 cl-rounded-full cl-text-center cl-text-xs" };
+const _hoisted_6 = {
+  key: 1,
+  class: "emphasis-danger text-sm w-full"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  props: {
+    value: null,
+    min: null,
+    max: null,
+    step: { default: 1 },
+    enforceStep: { default: false },
+    disabled: { default: false }
+  },
+  emits: {
+    "update:value": null
+  },
+  setup(__props, { emit }) {
+    const props = __props;
+    const { n, t } = useI18n();
+    const { debounce } = useDebouncer();
+    const currentValue = computed({
+      get: () => props.value,
+      set: (value) => emit("update:value", value)
+    });
+    const colour = computed(() => props.disabled ? "rgba(153, 153, 153, 0.8)" : "#9acd32");
+    const percentage = computed(() => {
+      let value = (currentValue.value - props.min) / (props.max - props.min) * 100;
+      if (value < 35 && value > 0) {
+        if (value < 20) {
+          value += 0.5;
+        } else {
+          value += 0.25;
+        }
+      } else if (value > 65 && value < 100) {
+        if (value > 80) {
+          value -= 0.5;
+        } else {
+          value -= 0.25;
+        }
+      }
+      return value;
+    });
+    const validProps = computed(() => props.min <= props.max && props.step > 0);
+    function updateCurrentValue(target, forceUpdate) {
+      var _a;
+      const inputValue = (_a = target == null ? void 0 : target.value) != null ? _a : "";
+      const value = Math.max(Math.min(parseFloat(inputValue) || props.min, props.max), props.min);
+      currentValue.value = props.enforceStep ? Math.ceil(value / props.step) * props.step : value;
+      nextTick(() => forceUpdate());
+    }
+    return (_ctx, _cache) => {
+      return unref(validProps) ? (openBlock(), createElementBlock("div", mergeProps({ key: 0 }, _ctx.$attrs, { class: "cl-flex cl-flex-wrap cl-items-center" }), [
+        createElementVNode("input", {
+          class: "!cl-text-sm md:!cl-h-8 md:!cl-w-auto",
+          type: "number",
+          value: unref(currentValue),
+          min: __props.min,
+          max: __props.max,
+          step: __props.step,
+          disabled: __props.disabled,
+          onInput: _cache[0] || (_cache[0] = ($event) => unref(debounce)(updateCurrentValue, [$event.target, _ctx.$forceUpdate]))
+        }, null, 40, _hoisted_1),
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("span", _hoisted_3, toDisplayString(unref(n)(__props.min, Number.isInteger(__props.min) ? unref(NumberFormat).INTEGER : unref(NumberFormat).DECIMAL)), 1),
+          withDirectives(createElementVNode("input", {
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(currentValue) ? currentValue.value = $event : null),
+            class: "cl-align-middle cl-appearance-none cl-bg-gradient-to-r cl-border cl-border-grey-2 cl-delay-500 cl-ease-in cl-flex-1 cl-h-5 cl-ml-2 cl-outline-none cl-rounded-full cl-transition-colors",
+            style: normalizeStyle({
+              background: `linear-gradient(to right, ${unref(colour)} 0%, ${unref(colour)} ${unref(percentage)}%, white ${unref(percentage)}%, white 100%)`
+            }),
+            type: "range",
+            min: __props.min,
+            max: __props.max,
+            step: __props.step,
+            disabled: __props.disabled
+          }, null, 12, _hoisted_4), [
+            [
+              vModelText,
+              unref(currentValue),
+              void 0,
+              { number: true }
+            ]
+          ]),
+          createElementVNode("span", _hoisted_5, toDisplayString(unref(n)(__props.max, Number.isInteger(__props.max) ? unref(NumberFormat).INTEGER : unref(NumberFormat).DECIMAL)), 1)
+        ])
+      ], 16)) : (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(unref(t)("slider.invalidProps")), 1));
+    };
+  }
+});
+var clUiSlider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b25cdc80"]]);
+var components = /* @__PURE__ */ Object.freeze({
+  __proto__: null,
+  [Symbol.toStringTag]: "Module",
+  clUiAccordion: _sfc_main$o,
+  clUiApp: _sfc_main$m,
+  clUiButton: _sfc_main$k,
+  buttonColours,
+  buttonSizes,
+  clUiCalendar: _sfc_main$j,
+  calendarTypes,
+  clUiCard: _sfc_main$i,
+  cardSizes,
+  clUiComboBox: _sfc_main$d,
+  isComboBoxItem,
+  isComboBoxCreateRequest,
+  clUiFooter,
+  clUiGrid,
+  gridColumnTypes,
+  isGridColumn,
+  isGridColumnArray,
+  stringFormats,
+  get FilterOperation() {
+    return FilterOperation;
+  },
+  filterMethodTypes,
+  isFilterRequest,
+  isFilterResponse,
+  clUiHeader,
+  clUiHeaderMenu: _sfc_main$4,
+  clUiLanguageSwitcher: _sfc_main$3,
+  isLanguageLocaleFormat,
+  isLanguageArray,
+  clUiLoadingSpinner: ClUiLoadingSpinner,
+  clUiLogin,
+  clUiModal: _sfc_main$h,
+  clUiNavigation,
+  clUiNotification: _sfc_main$n,
+  clUiSlider
+});
+var main = "";
+const install = (app) => {
+  app.use(i18n);
+  app.component("Icon", Icon);
+  Object.entries(components).forEach(([
+    name,
+    component
+  ]) => {
+    app.component(name, component);
+  });
+};
+export { DateFormat, FilterOperation, NumberFormat, buttonColours, buttonSizes, calendarTypes, cardSizes, _sfc_main$o as clUiAccordion, _sfc_main$m as clUiApp, _sfc_main$k as clUiButton, _sfc_main$j as clUiCalendar, _sfc_main$i as clUiCard, _sfc_main$d as clUiComboBox, clUiFooter, clUiGrid, clUiHeader, _sfc_main$4 as clUiHeaderMenu, _sfc_main$3 as clUiLanguageSwitcher, ClUiLoadingSpinner as clUiLoadingSpinner, clUiLogin, _sfc_main$h as clUiModal, clUiNavigation, _sfc_main$n as clUiNotification, clUiSlider, compareByProperty, copy, datetimeFormats, install as default, filterMethodTypes, generateStringId, getParamsByName, gridColumnTypes, i18n, isComboBoxCreateRequest, isComboBoxItem, isFilterRequest, isFilterResponse, isGridColumn, isGridColumnArray, isLanguageArray, isLanguageLocaleFormat, messages, nameOf, numberFormats, setCurrentLocale, setLocaleDateTimeFormats, setLocaleMessages, setLocaleNumberFormats, showNotification, stringExtensionsEnabled, stringFormats, useDebouncer };