admins-components 9.0.81 → 9.0.83

package/dist/admins-components87.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components87.js","names":[],"sources":["../src/utils/dataFilters.ts"],"sourcesContent":["import type { FilterItem } from '@/components/data-table/DataFilters.vue'\nimport type { SavedFilter } from '@/components/data-table/FiltersHistory.vue'\nimport type { DropdownOption } from '@/components/DropdownSelect.vue'\nimport { getFullStorageKey } from '@/utils/storageKey'\nimport { getUrlParam, setUrlParam, removeUrlParam } from '@/utils/url'\n\n export function getDefaultFilters(\n  items: FilterItem[],\n  storageKey?: string,\n  useTransformers = true,\n): Record<string, unknown> {\n  const urlFilters = getFilterUrlParams(items)\n  const hasUrlParams = Object.keys(urlFilters).length > 0\n  const defaultFilter = hasUrlParams ? null : getDefaultSavedFilter(storageKey)\n  const defaultSavedValues = defaultFilter?.values ?? {}\n\n  const result: Record<string, unknown> = {}\n\n  for (const item of items) {\n    if (item.type === 'separator') continue\n\n    let value: unknown\n\n    if (item.key in urlFilters) {\n      value = urlFilters[item.key]\n    } else if (hasUrlParams) {\n      continue\n    } else if (item.key in defaultSavedValues) {\n      value = defaultSavedValues[item.key]\n    } else if (item.value !== undefined) {\n      value = item.value\n    } else {\n      continue\n    }\n\n    if (value == null) continue\n\n    if (useTransformers && item.transformer) {\n      const transformed = item.transformer(value)\n      if (transformed) {\n        Object.assign(result, transformed)\n      }\n    } else {\n      result[item.key] = value\n    }\n  }\n\n  return result\n}\n\nexport function getDefaultFilterValues(\n  items: FilterItem[],\n  storageKey?: string,\n  useTransformers = true,\n): Record<string, unknown> {\n  const filters = getDefaultFilters(items, storageKey, useTransformers)\n  const result: Record<string, unknown> = {}\n\n  for (const item of items) {\n    if (item.type !== 'dropdown') {\n      if (item.key in filters) result[item.key] = filters[item.key]\n      continue\n    }\n\n    const extracted = extractDropdownValues(filters[item.key])\n    if (extracted != null) {\n      result[item.key] = extracted\n    }\n  }\n\n  return result\n}\n\nfunction extractDropdownValues(val: unknown): string | string[] | null {\n  if (val == null) return null\n  if (Array.isArray(val)) {\n    const values = val\n      .map((entry) => {\n        if (entry == null) return null\n        if (typeof entry === 'object' && 'value' in entry) {\n          return (entry as { value?: string }).value ?? null\n        }\n        if (typeof entry === 'string') return entry\n        return null\n      })\n      .filter((v): v is string => v !== null)\n    return values.length > 0 ? values : null\n  }\n  if (typeof val === 'object' && 'value' in val) {\n    return (val as { value?: string }).value ?? null\n  }\n  if (typeof val === 'string') return val\n  return null\n}\n\nexport function getFilterUrlParams(items: FilterItem[]): Record<string, unknown> {\n  const result: Record<string, unknown> = {}\n\n  for (const item of items) {\n    if (item.type === 'separator') continue\n\n    const raw = getUrlParam(item.key)\n    if (raw) {\n      result[item.key] = parseFilterValue(item.type, raw, item.value)\n    }\n  }\n  return result\n}\n\nexport function getSavedFilters(storageKey?: string): SavedFilter[] {\n  try {\n    const fullStorageKey = getFullStorageKey('filters', storageKey)\n    const parsed = JSON.parse(localStorage.getItem(fullStorageKey) ?? '[]')\n    return Array.isArray(parsed)\n      ? parsed.filter(\n          (e) =>\n            e &&\n            typeof e === 'object' &&\n            typeof e.id === 'string' &&\n            e.values &&\n            typeof e.savedAt === 'string',\n        )\n      : []\n  } catch {\n    return []\n  }\n}\n\nexport function getDefaultSavedFilter(storageKey?: string): SavedFilter | null {\n  const savedFilters = getSavedFilters(storageKey)\n  return savedFilters.find((f) => f.isDefault) ?? null\n}\n\nexport function filterEmptyValues(filters: Record<string, any>): Record<string, any> {\n  return Object.fromEntries(\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    Object.entries(filters).filter(([_, val]) => val !== null && val !== '' && val !== undefined),\n  )\n}\n\nfunction parseFilterValue(type: FilterItem['type'], raw: string, fallback: unknown): unknown {\n  if (type === 'number') {\n    const n = Number(raw)\n    return isNaN(n) ? (fallback ?? null) : n\n  }\n  if (type === 'date' || type === 'datetime') {\n    return { utc: raw }\n  }\n  if (type === 'daterange' || type === 'datetimerange') {\n    return parseRangeValue(raw, fallback)\n  }\n  if (type === 'dropdown') {\n    return parseDropdownStoredValue(raw)\n  }\n  if (type === 'checkbox') {\n    return raw === 'true'\n  }\n\n  return raw\n}\n\nfunction parseDropdownStoredValue(raw: string): DropdownOption | DropdownOption[] | null {\n  // Try to parse as JSON first (new format or legacy array)\n  if (raw.startsWith('[') || raw.startsWith('{')) {\n    try {\n      const parsed = JSON.parse(raw)\n      if (Array.isArray(parsed)) {\n        const opts = parsed.map(toDropdownOption).filter((o): o is DropdownOption => o !== null)\n        return opts.length > 0 ? opts : null\n      }\n      if (parsed && typeof parsed === 'object') {\n        const opt = toDropdownOption(parsed)\n        return opt\n      }\n    } catch {\n      // fall through to legacy handling\n    }\n  }\n  // Legacy: plain string value\n  if (raw) return { value: raw, label: raw }\n  return null\n}\n\nfunction toDropdownOption(entry: unknown): DropdownOption | null {\n  if (entry == null) return null\n  if (typeof entry === 'object' && 'label' in (entry as object)) {\n    const obj = entry as DropdownOption\n    if (obj.value != null && typeof obj.label === 'string') {\n      return { value: obj.value, label: obj.label }\n    }\n  }\n  if (typeof entry === 'string') {\n    return { value: entry, label: entry }\n  }\n  return null\n}\n\nfunction parseRangeValue(raw: string, fallback: unknown): unknown {\n  try {\n    const parsed = JSON.parse(raw)\n    if (parsed && typeof parsed === 'object' && 'local' in parsed && parsed.local) {\n      parsed.local = new Date(parsed.local)\n    }\n    return parsed\n  } catch {\n    return fallback ?? null\n  }\n}\n\nexport function writeFilterParams(items: FilterItem[], vals: Record<string, unknown>) {\n  for (const item of items) {\n    if (item.type === 'separator') continue\n    const v = vals[item.key]\n    if (v === null || v === undefined || v === '') {\n      removeUrlParam(item.key)\n    } else if (item.type === 'date' || item.type === 'datetime') {\n      setUrlParam(item.key, (v as { utc: string }).utc)\n    } else if (item.type === 'dropdown') {\n      setUrlParam(item.key, JSON.stringify(normalizeDropdownValue(v)))\n    } else if (typeof v === 'object') {\n      setUrlParam(item.key, JSON.stringify(v))\n    } else {\n      setUrlParam(item.key, String(v))\n    }\n  }\n}\n\nfunction normalizeDropdownValue(\n  v: unknown,\n  options?: DropdownOption[],\n): DropdownOption | DropdownOption[] | null {\n  if (v == null) return null\n  const toOption = (entry: unknown): DropdownOption | null => {\n    if (entry == null) return null\n    if (typeof entry === 'object' && 'label' in (entry as object)) {\n      return entry as DropdownOption\n    }\n    const value = String(entry)\n    const label = options?.find((o) => o.value === value)?.label ?? value\n    return { value, label }\n  }\n  if (Array.isArray(v)) {\n    const opts = v.map(toOption).filter((o): o is DropdownOption => o !== null)\n    return opts.length > 0 ? opts : null\n  }\n  const opt = toOption(v)\n  return opt\n}\n"],"mappings":"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"}
+{"version":3,"file":"admins-components87.js","names":[],"sources":["../src/utils/dataFilters.ts"],"sourcesContent":["import type { FilterItem } from '@/components/data-table/DataFilters.vue'\nimport type { SavedFilter } from '@/components/data-table/FiltersHistory.vue'\nimport type { DropdownOption } from '@/components/DropdownSelect.vue'\nimport { getFullStorageKey } from '@/utils/storageKey'\nimport { getUrlParam, setUrlParam, removeUrlParam } from '@/utils/url'\n\nexport function getDefaultFilters(\n  items: FilterItem[],\n  storageKey?: string,\n  useTransformers = true,\n): Record<string, unknown> {\n  const urlFilters = getFilterUrlParams(items)\n  const hasUrlParams = Object.keys(urlFilters).length > 0\n  const defaultFilter = hasUrlParams ? null : getDefaultSavedFilter(storageKey)\n  const defaultSavedValues = defaultFilter?.values ?? {}\n\n  const result: Record<string, unknown> = {}\n\n  for (const item of items) {\n    if (item.type === 'separator') continue\n\n    let value: unknown\n\n    if (item.key in urlFilters) {\n      value = urlFilters[item.key]\n    } else if (hasUrlParams) {\n      continue\n    } else if (item.key in defaultSavedValues) {\n      value = defaultSavedValues[item.key]\n    } else if (item.value !== undefined) {\n      value = item.value\n    } else {\n      continue\n    }\n\n    if (value == null) continue\n\n    if (useTransformers && item.transformer) {\n      const transformed = item.transformer(value)\n      if (transformed) {\n        Object.assign(result, transformed)\n      }\n    } else {\n      result[item.key] = value\n    }\n  }\n\n  return result\n}\n\nexport function getDefaultFilterValues(\n  items: FilterItem[],\n  storageKey?: string,\n  useTransformers = true,\n): Record<string, unknown> {\n  const filters = getDefaultFilters(items, storageKey, useTransformers)\n  const result: Record<string, unknown> = {}\n\n  for (const item of items) {\n    if (item.type !== 'dropdown') {\n      if (item.key in filters) result[item.key] = filters[item.key]\n      continue\n    }\n\n    const extracted = extractDropdownValues(filters[item.key])\n    if (extracted != null) {\n      result[item.key] = extracted\n    }\n  }\n\n  return result\n}\n\nexport function extractDropdownValues(val: unknown): string | string[] | null {\n  if (val == null) return null\n  if (Array.isArray(val)) {\n    const values = val\n      .map((entry) => {\n        if (entry == null) return null\n        if (typeof entry === 'object' && 'value' in entry) {\n          return (entry as { value?: string }).value ?? null\n        }\n        if (typeof entry === 'string') return entry\n        return null\n      })\n      .filter((v): v is string => v !== null)\n    return values.length > 0 ? values : null\n  }\n  if (typeof val === 'object' && 'value' in val) {\n    return (val as { value?: string }).value ?? null\n  }\n  if (typeof val === 'string') return val\n  return null\n}\n\nexport function getFilterUrlParams(items: FilterItem[]): Record<string, unknown> {\n  const result: Record<string, unknown> = {}\n\n  for (const item of items) {\n    if (item.type === 'separator') continue\n\n    const raw = getUrlParam(item.key)\n    if (raw) {\n      result[item.key] = parseFilterValue(item.type, raw, item.value)\n    }\n  }\n  return result\n}\n\nexport function getSavedFilters(storageKey?: string): SavedFilter[] {\n  try {\n    const fullStorageKey = getFullStorageKey('filters', storageKey)\n    const parsed = JSON.parse(localStorage.getItem(fullStorageKey) ?? '[]')\n    return Array.isArray(parsed)\n      ? parsed.filter(\n          (e) =>\n            e &&\n            typeof e === 'object' &&\n            typeof e.id === 'string' &&\n            e.values &&\n            typeof e.savedAt === 'string',\n        )\n      : []\n  } catch {\n    return []\n  }\n}\n\nexport function getDefaultSavedFilter(storageKey?: string): SavedFilter | null {\n  const savedFilters = getSavedFilters(storageKey)\n  return savedFilters.find((f) => f.isDefault) ?? null\n}\n\nexport function filterEmptyValues(filters: Record<string, any>): Record<string, any> {\n  return Object.fromEntries(\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    Object.entries(filters).filter(([_, val]) => val !== null && val !== '' && val !== undefined),\n  )\n}\n\nfunction parseFilterValue(type: FilterItem['type'], raw: string, fallback: unknown): unknown {\n  if (type === 'number') {\n    const n = Number(raw)\n    return isNaN(n) ? (fallback ?? null) : n\n  }\n  if (type === 'date' || type === 'datetime') {\n    return { utc: raw }\n  }\n  if (type === 'daterange' || type === 'datetimerange') {\n    return parseRangeValue(raw, fallback)\n  }\n  if (type === 'dropdown') {\n    return parseDropdownStoredValue(raw)\n  }\n  if (type === 'checkbox') {\n    return raw === 'true'\n  }\n\n  return raw\n}\n\nfunction parseDropdownStoredValue(raw: string): DropdownOption | DropdownOption[] | null {\n  // Try to parse as JSON first (new format or legacy array)\n  if (raw.startsWith('[') || raw.startsWith('{')) {\n    try {\n      const parsed = JSON.parse(raw)\n      if (Array.isArray(parsed)) {\n        const opts = parsed.map(toDropdownOption).filter((o): o is DropdownOption => o !== null)\n        return opts.length > 0 ? opts : null\n      }\n      if (parsed && typeof parsed === 'object') {\n        const opt = toDropdownOption(parsed)\n        return opt\n      }\n    } catch {\n      // fall through to legacy handling\n    }\n  }\n  // Legacy: plain string value\n  if (raw) return { value: raw, label: raw }\n  return null\n}\n\nfunction toDropdownOption(entry: unknown): DropdownOption | null {\n  if (entry == null) return null\n  if (typeof entry === 'object' && 'label' in (entry as object)) {\n    const obj = entry as DropdownOption\n    if (obj.value != null && typeof obj.label === 'string') {\n      return { value: obj.value, label: obj.label }\n    }\n  }\n  if (typeof entry === 'string') {\n    return { value: entry, label: entry }\n  }\n  return null\n}\n\nfunction parseRangeValue(raw: string, fallback: unknown): unknown {\n  try {\n    const parsed = JSON.parse(raw)\n    if (parsed && typeof parsed === 'object' && 'local' in parsed && parsed.local) {\n      parsed.local = new Date(parsed.local)\n    }\n    return parsed\n  } catch {\n    return fallback ?? null\n  }\n}\n\nexport function writeFilterParams(items: FilterItem[], vals: Record<string, unknown>) {\n  for (const item of items) {\n    if (item.type === 'separator') continue\n    const v = vals[item.key]\n    if (v === null || v === undefined || v === '') {\n      removeUrlParam(item.key)\n    } else if (item.type === 'date' || item.type === 'datetime') {\n      setUrlParam(item.key, (v as { utc: string }).utc)\n    } else if (item.type === 'dropdown') {\n      setUrlParam(item.key, JSON.stringify(normalizeDropdownValue(v)))\n    } else if (typeof v === 'object') {\n      setUrlParam(item.key, JSON.stringify(v))\n    } else {\n      setUrlParam(item.key, String(v))\n    }\n  }\n}\n\nfunction normalizeDropdownValue(\n  v: unknown,\n  options?: DropdownOption[],\n): DropdownOption | DropdownOption[] | null {\n  if (v == null) return null\n  const toOption = (entry: unknown): DropdownOption | null => {\n    if (entry == null) return null\n    if (typeof entry === 'object' && 'label' in (entry as object)) {\n      return entry as DropdownOption\n    }\n    const value = String(entry)\n    const label = options?.find((o) => o.value === value)?.label ?? value\n    return { value, label }\n  }\n  if (Array.isArray(v)) {\n    const opts = v.map(toOption).filter((o): o is DropdownOption => o !== null)\n    return opts.length > 0 ? opts : null\n  }\n  const opt = toOption(v)\n  return opt\n}\n"],"mappings":"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"}

package/dist/admins-components91.js

@@ -5,14 +5,14 @@ import r from "./admins-components19.js";
 import i from "./admins-components22.js";
 import a from "./admins-components28.js";
 import o from "./admins-components34.js";
-import { filterEmptyValues as s, getDefaultFilters as c, writeFilterParams as l } from "./admins-components87.js";
-import u from "./admins-components90.js";
-import { Fragment as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createVNode as _, defineComponent as v, mergeProps as y, normalizeClass as b, openBlock as x, ref as S, renderList as C, toDisplayString as w, withCtx as T } from "vue";
+import { extractDropdownValues as s, filterEmptyValues as c, getDefaultFilters as l, writeFilterParams as u } from "./admins-components87.js";
+import d from "./admins-components90.js";
+import { Fragment as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createVNode as v, defineComponent as y, mergeProps as b, normalizeClass as x, openBlock as S, ref as C, renderList as w, toDisplayString as T, withCtx as E } from "vue";
 //#region src/components/data-table/DataFilters.vue?vue&type=script&setup=true&lang.ts
-var E = {
+var D = {
 	key: 0,
 	class: "data-filters__separator"
-}, D = ["for"], O = { class: "c-label" }, k = { class: "c-label" }, A = { class: "data-filters__footer" }, j = /*@__PURE__*/ v({
+}, O = ["for"], k = { class: "c-label" }, A = { class: "c-label" }, j = { class: "data-filters__footer" }, M = /*@__PURE__*/ y({
 	__name: "DataFilters",
 	props: {
 		items: {},
@@ -36,78 +36,70 @@ var E = {
 		storageKey: {}
 	},
 	emits: ["close", "change"],
-	setup(v, { expose: j, emit: M }) {
-		let N = v, P = M, F = S(c(N.items, N.storageKey, !1)), I = S({});
-		function L(e, t) {
-			t ? I.value[e] = t : delete I.value[e];
+	setup(y, { expose: M, emit: N }) {
+		let P = y, F = N, I = C(l(P.items, P.storageKey, !1)), L = C({});
+		function R(e, t) {
+			t ? L.value[e] = t : delete L.value[e];
 		}
-		function R(e) {
+		function z(e) {
 			return {
 				...e.config ?? {},
 				showTime: e.type === "datetime",
 				placeholder: e.placeholder ?? (e.type === "datetime" ? "Időpont" : "Dátum")
 			};
 		}
-		function z(e) {
+		function B(e) {
 			return {
 				...e.config ?? {},
 				...e.fullWidth ? {} : { compact: !0 },
 				showTime: e.type === "datetimerange"
 			};
 		}
-		function B(e, t) {
+		function V(e, t) {
 			let n = typeof t == "string" ? t.trim() : t;
-			F.value = {
-				...F.value,
+			I.value = {
+				...I.value,
 				[e.key]: n
-			}, e.onChange && e.onChange(n), N.lazy || W();
+			}, e.onChange && e.onChange(n), P.lazy || W();
 		}
-		let V = f(() => Object.values(F.value).some((e) => e !== null && e !== "" && e !== void 0));
-		function H() {
+		let H = p(() => Object.values(I.value).some((e) => e !== null && e !== "" && e !== void 0));
+		function U() {
 			let e = {};
-			for (let t of N.items) {
+			for (let t of P.items) {
 				if (t.type === "separator") continue;
-				let n = F.value[t.key];
-				t.transformer ? Object.assign(e, t.transformer(n) ?? {}) : t.type === "date" || t.type === "datetime" ? e[t.key] = n?.utc ?? n : t.type === "dropdown" ? e[t.key] = U(n) : e[t.key] = n;
+				let n = I.value[t.key];
+				t.transformer ? Object.assign(e, t.transformer(n) ?? {}) : t.type === "date" || t.type === "datetime" ? e[t.key] = n?.utc ?? n : t.type === "dropdown" ? e[t.key] = s(n) : e[t.key] = n;
 			}
 			return {
-				values: s(F.value),
-				transformed: s(e)
+				values: c(I.value),
+				transformed: c(e)
 			};
 		}
-		function U(e) {
-			if (e == null) return null;
-			if (Array.isArray(e)) {
-				let t = e.map((e) => e == null ? null : typeof e == "object" && "value" in e ? e.value ?? null : typeof e == "string" ? e : null).filter((e) => e !== null);
-				return t.length > 0 ? t : null;
-			}
-			return typeof e == "object" && "value" in e ? e.value ?? null : typeof e == "string" ? e : null;
-		}
 		function W() {
-			N.handleUrl && l(N.items, F.value), P("change", H());
+			P.handleUrl && u(P.items, I.value), F("change", U());
 		}
 		function G() {
-			W(), P("close");
+			W(), F("close");
 		}
 		function K() {
-			F.value = {}, W();
+			I.value = {}, W();
 		}
 		function q(e) {
-			F.value = {
-				...F.value,
+			I.value = {
+				...I.value,
 				[e]: null
 			}, W();
 		}
 		function J(e) {
-			let t = I.value[e];
+			let t = L.value[e];
 			t && (typeof t.focusAndOpen == "function" ? t.focusAndOpen() : typeof t.focus == "function" && t.focus());
 		}
 		function Y(e) {
-			let t = { ...F.value };
-			for (let n of N.items) n.type !== "separator" && n.key in e && (t[n.key] = e[n.key] ?? null);
-			F.value = t, W();
+			let t = { ...I.value };
+			for (let n of P.items) n.type !== "separator" && n.key in e && (t[n.key] = e[n.key] ?? null);
+			I.value = t, W();
 		}
-		j({
+		M({
 			clearFilter: q,
 			focusFilter: J
 		});
@@ -117,26 +109,26 @@ var E = {
 		function Z(e, t) {
 			e.onInnerSearch && e.onInnerSearch(t);
 		}
-		return (s, c) => (x(), p(o, {
-			open: v.open,
+		return (s, c) => (S(), m(o, {
+			open: y.open,
 			title: "Szűrők",
-			position: v.position,
-			onClose: c[0] ||= (e) => P("close")
+			position: y.position,
+			onClose: c[0] ||= (e) => F("close")
 		}, {
-			default: T(() => [
-				g("div", {
+			default: E(() => [
+				_("div", {
 					class: "data-filters",
 					onKeydown: X
-				}, [(x(!0), h(d, null, C(v.items, (e) => (x(), h("div", {
+				}, [(S(!0), g(f, null, w(y.items, (e) => (S(), g("div", {
 					key: e.key,
-					class: b(["data-filters__field", { "data-filters__field--full": e.fullWidth || e.type === "separator" }])
-				}, [e.type === "separator" ? (x(), h("hr", E)) : e.type === "checkbox" ? (x(), p(r, y({
+					class: x(["data-filters__field", { "data-filters__field--full": e.fullWidth || e.type === "separator" }])
+				}, [e.type === "separator" ? (S(), g("hr", D)) : e.type === "checkbox" ? (S(), m(r, b({
 					key: 1,
 					ref_for: !0,
-					ref: (t) => L(e.key, t),
-					"model-value": F.value[e.key] ?? !1,
+					ref: (t) => R(e.key, t),
+					"model-value": I.value[e.key] ?? !1,
 					label: e.label ?? e.key,
-					"onUpdate:modelValue": (t) => B(e, t)
+					"onUpdate:modelValue": (t) => V(e, t)
 				}, { ref_for: !0 }, e.config), null, 16, [
 					"model-value",
 					"label",
@@ -145,17 +137,17 @@ var E = {
 					"text",
 					"number",
 					"textarea"
-				].includes(e.type) ? (x(), p(n, y({
+				].includes(e.type) ? (S(), m(n, b({
 					key: 2,
 					type: e.type,
 					ref_for: !0,
-					ref: (t) => L(e.key, t),
+					ref: (t) => R(e.key, t),
 					id: `df-${e.key}`,
-					"model-value": F.value[e.key] ?? "",
+					"model-value": I.value[e.key] ?? "",
 					label: e.label ?? e.key,
 					placeholder: e.placeholder,
-					debounce: v.lazy ? void 0 : 500,
-					"onUpdate:modelValue": (t) => B(e, t || null)
+					debounce: y.lazy ? void 0 : 500,
+					"onUpdate:modelValue": (t) => V(e, t || null)
 				}, { ref_for: !0 }, e.config), null, 16, [
 					"type",
 					"id",
@@ -164,35 +156,35 @@ var E = {
 					"placeholder",
 					"debounce",
 					"onUpdate:modelValue"
-				])) : e.type === "date" || e.type === "datetime" ? (x(), h(d, { key: 3 }, [g("label", {
+				])) : e.type === "date" || e.type === "datetime" ? (S(), g(f, { key: 3 }, [_("label", {
 					class: "c-label",
 					for: `df-${e.key}`
-				}, w(e.label ?? e.key), 9, D), _(t, {
+				}, T(e.label ?? e.key), 9, O), v(t, {
 					ref_for: !0,
-					ref: (t) => L(e.key, t),
+					ref: (t) => R(e.key, t),
 					id: `df-${e.key}`,
-					"model-value": F.value[e.key] ?? null,
-					config: R(e),
-					"onUpdate:modelValue": (t) => B(e, t)
+					"model-value": I.value[e.key] ?? null,
+					config: z(e),
+					"onUpdate:modelValue": (t) => V(e, t)
 				}, null, 8, [
 					"id",
 					"model-value",
 					"config",
 					"onUpdate:modelValue"
-				])], 64)) : e.type === "daterange" || e.type === "datetimerange" ? (x(), h(d, { key: 4 }, [g("span", O, w(e.label ?? e.key), 1), _(i, {
+				])], 64)) : e.type === "daterange" || e.type === "datetimerange" ? (S(), g(f, { key: 4 }, [_("span", k, T(e.label ?? e.key), 1), v(i, {
 					ref_for: !0,
-					ref: (t) => L(e.key, t),
-					"model-value": F.value[e.key] ?? null,
-					config: z(e),
-					"onUpdate:modelValue": (t) => B(e, t)
+					ref: (t) => R(e.key, t),
+					"model-value": I.value[e.key] ?? null,
+					config: B(e),
+					"onUpdate:modelValue": (t) => V(e, t)
 				}, null, 8, [
 					"model-value",
 					"config",
 					"onUpdate:modelValue"
-				])], 64)) : e.type === "dropdown" ? (x(), h(d, { key: 5 }, [g("span", k, w(e.label ?? e.key), 1), _(a, {
+				])], 64)) : e.type === "dropdown" ? (S(), g(f, { key: 5 }, [_("span", A, T(e.label ?? e.key), 1), v(a, {
 					ref_for: !0,
-					ref: (t) => L(e.key, t),
-					"model-value": F.value[e.key] ?? null,
+					ref: (t) => R(e.key, t),
+					"model-value": I.value[e.key] ?? null,
 					options: e.options ?? [],
 					config: {
 						...e.config ?? {},
@@ -201,41 +193,41 @@ var E = {
 						filterable: !0
 					},
 					onFilterInput: (t) => Z(e, t),
-					"onUpdate:modelValue": (t) => B(e, t)
+					"onUpdate:modelValue": (t) => V(e, t)
 				}, null, 8, [
 					"model-value",
 					"options",
 					"config",
 					"onFilterInput",
 					"onUpdate:modelValue"
-				])], 64)) : m("", !0)], 2))), 128))], 32),
-				g("div", A, [_(e, {
+				])], 64)) : h("", !0)], 2))), 128))], 32),
+				_("div", j, [v(e, {
 					icon: "fa-solid fa-trash-can",
-					disabled: !V.value,
+					disabled: !H.value,
 					label: "Szűrők törlése",
 					"aria-label": "Szűrők törlése",
 					size: "small",
 					onClick: K
-				}, null, 8, ["disabled"]), _(e, {
+				}, null, 8, ["disabled"]), v(e, {
 					label: "Szűrés",
 					"aria-label": "Szűrés",
 					type: "success",
 					onClick: G
 				})]),
-				v.historyEnabled ? (x(), h(d, { key: 0 }, [c[1] ||= g("hr", { class: "separator my-3" }, null, -1), _(u, {
-					items: v.items,
-					values: F.value,
-					"storage-key": v.storageKey,
+				y.historyEnabled ? (S(), g(f, { key: 0 }, [c[1] ||= _("hr", { class: "separator my-3" }, null, -1), v(d, {
+					items: y.items,
+					values: I.value,
+					"storage-key": y.storageKey,
 					onLoad: Y
 				}, null, 8, [
 					"items",
 					"values",
 					"storage-key"
-				])], 64)) : m("", !0)
+				])], 64)) : h("", !0)
 			]),
 			_: 1
 		}, 8, ["open", "position"]));
 	}
 });
 //#endregion
-export { j as default };
+export { M as default };

package/dist/admins-components91.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components91.js","names":[],"sources":["../src/components/data-table/DataFilters.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { DropdownOption } from '@/components/DropdownSelect.vue'\n\nexport interface FilterItem {\n  type: FilterItemType\n  key: string\n  label?: string\n  placeholder?: string\n  value?: any\n  options?: DropdownOption[]\n  fullWidth?: boolean\n  config?: Record<string, any>\n  displayClass?: string\n  transformer?: (value: any) => Record<string, any> | null | undefined\n  onInnerSearch?: (value: string) => void\n  onChange?: (value: any) => void\n}\n\nexport interface FilterResponse {\n  values: Record<string, any>\n  transformed: Record<string, any>\n}\n\nexport interface DataFiltersProps {\n  items: FilterItem[]\n  open?: boolean\n  position?: SidebarPosition\n  lazy?: boolean\n  handleUrl?: boolean\n  historyEnabled?: boolean\n  storageKey?: string\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport Sidebar, { type SidebarPosition } from '@/components/Sidebar.vue'\nimport DatePicker from '@/components/DatePicker.vue'\nimport DateRangePicker from '@/components/DateRangePicker.vue'\nimport DropdownSelect from '@/components/DropdownSelect.vue'\nimport TextInput, { type TextInputType } from '@/components/TextInput.vue'\nimport Button from '@/components/Button.vue'\nimport Checkbox from '@/components/Checkbox.vue'\nimport FiltersHistory from '@/components/data-table/FiltersHistory.vue'\nimport type { DatePickerConfig, DateRangePickerConfig } from '@/types/datepickers'\nimport type { FilterItemType, PickedDate, PickedUtcRange } from '@/types/types'\nimport { filterEmptyValues, getDefaultFilters, writeFilterParams } from '@/utils/dataFilters'\n\nconst props = withDefaults(defineProps<DataFiltersProps>(), {\n  open: false,\n  position: 'left',\n  lazy: true,\n  handleUrl: false,\n  historyEnabled: true,\n})\n\nconst emit = defineEmits<{\n  close: []\n  change: [response: FilterResponse]\n}>()\n\nconst values = ref<Record<string, any>>(getDefaultFilters(props.items, props.storageKey, false))\nconst filterRefs = ref<Record<string, any>>({})\n\nfunction setFilterRef(key: string, el: any) {\n  if (el) filterRefs.value[key] = el\n  else delete filterRefs.value[key]\n}\n\nfunction buildDatePickerConfig(item: FilterItem): DatePickerConfig {\n  return {\n    ...(item.config ?? {}),\n    showTime: item.type === 'datetime',\n    placeholder: item.placeholder ?? (item.type === 'datetime' ? 'Időpont' : 'Dátum'),\n  }\n}\n\nfunction buildDateRangePickerConfig(item: FilterItem): DateRangePickerConfig {\n  return {\n    ...(item.config ?? {}),\n    ...(!item.fullWidth ? { compact: true } : {}),\n    showTime: item.type === 'datetimerange',\n  }\n}\n\nfunction update(item: FilterItem, value: any) {\n  const stored = typeof value === 'string' ? value.trim() : value\n  values.value = { ...values.value, [item.key]: stored }\n  if (item.onChange) item.onChange(stored)\n  if (!props.lazy) emitChange()\n}\n\nconst hasActiveFilters = computed(() =>\n  Object.values(values.value).some((v) => v !== null && v !== '' && v !== undefined),\n)\n\nfunction buildResponse(): FilterResponse {\n  const transformed: Record<string, any> = {}\n  for (const item of props.items) {\n    if (item.type === 'separator') continue\n    const val = values.value[item.key]\n    if (item.transformer) {\n      Object.assign(transformed, item.transformer(val) ?? {})\n    } else if (item.type === 'date' || item.type === 'datetime') {\n      transformed[item.key] = val?.utc ?? val\n    } else if (item.type === 'dropdown') {\n      transformed[item.key] = extractDropdownValues(val)\n    } else {\n      transformed[item.key] = val\n    }\n  }\n  return { values: filterEmptyValues(values.value), transformed: filterEmptyValues(transformed) }\n}\n\nfunction extractDropdownValues(val: unknown): string | string[] | null {\n  if (val == null) return null\n  if (Array.isArray(val)) {\n    const values = val\n      .map((entry) => {\n        if (entry == null) return null\n        if (typeof entry === 'object' && 'value' in entry) {\n          return (entry as { value?: string }).value ?? null\n        }\n        if (typeof entry === 'string') return entry\n        return null\n      })\n      .filter((v): v is string => v !== null)\n    return values.length > 0 ? values : null\n  }\n  if (typeof val === 'object' && 'value' in val) {\n    return (val as { value?: string }).value ?? null\n  }\n  if (typeof val === 'string') return val\n  return null\n}\n\nfunction emitChange() {\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n  emit('change', buildResponse())\n}\n\nfunction confirm() {\n  emitChange()\n  emit('close')\n}\n\nfunction clearAll() {\n  values.value = {}\n  emitChange()\n}\n\nfunction clearFilter(key: string) {\n  values.value = { ...values.value, [key]: null }\n  emitChange()\n}\n\nfunction focusFilter(key: string) {\n  const el = (filterRefs.value as Record<string, any>)[key]\n  if (!el) return\n\n  if (typeof el.focusAndOpen === 'function') el.focusAndOpen()\n  else if (typeof el.focus === 'function') el.focus()\n}\n\nfunction onHistoryLoad(loaded: Record<string, any>) {\n  const next: Record<string, any> = { ...values.value }\n  for (const item of props.items) {\n    if (item.type === 'separator') continue\n    if (item.key in loaded) next[item.key] = loaded[item.key] ?? null\n  }\n  values.value = next\n  emitChange()\n}\n\ndefineExpose({ clearFilter, focusFilter })\n\nfunction handleFilterKeydown(event: KeyboardEvent) {\n  if (event.key !== 'Enter') return\n\n  const target = event.target as HTMLElement\n  if (target?.tagName === 'TEXTAREA') return\n\n  event.preventDefault()\n  confirm()\n}\n\nfunction handleDropdownFilterInput(item: FilterItem, text: string) {\n  if (item.onInnerSearch) item.onInnerSearch(text)\n}\n</script>\n\n<template>\n  <Sidebar :open=\"open\" title=\"Szűrők\" :position=\"position\" @close=\"emit('close')\">\n    <div class=\"data-filters\" @keydown=\"handleFilterKeydown\">\n      <div\n        v-for=\"item in items\"\n        :key=\"item.key\"\n        class=\"data-filters__field\"\n        :class=\"{ 'data-filters__field--full': item.fullWidth || item.type === 'separator' }\"\n      >\n        <hr v-if=\"item.type === 'separator'\" class=\"data-filters__separator\" />\n        <template v-else-if=\"item.type === 'checkbox'\">\n          <Checkbox\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as boolean) ?? false\"\n            :label=\"item.label ?? item.key\"\n            @update:model-value=\"(val) => update(item, val)\"\n            v-bind=\"item.config\"\n          />\n        </template>\n        <template v-else-if=\"['text', 'number', 'textarea'].includes(item.type)\">\n          <TextInput\n            :type=\"item.type as TextInputType\"\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            :model-value=\"(values[item.key] as string) ?? ''\"\n            :label=\"item.label ?? item.key\"\n            :placeholder=\"item.placeholder\"\n            :debounce=\"!lazy ? 500 : undefined\"\n            @update:model-value=\"(val) => update(item, val || null)\"\n            v-bind=\"item.config\"\n          />\n        </template>\n        <template v-else-if=\"item.type === 'date' || item.type === 'datetime'\">\n          <label class=\"c-label\" :for=\"`df-${item.key}`\">{{ item.label ?? item.key }}</label>\n          <DatePicker\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            :model-value=\"(values[item.key] as PickedDate) ?? null\"\n            :config=\"buildDatePickerConfig(item)\"\n            @update:model-value=\"(val) => update(item, val)\"\n          />\n        </template>\n        <template v-else-if=\"item.type === 'daterange' || item.type === 'datetimerange'\">\n          <span class=\"c-label\">{{ item.label ?? item.key }}</span>\n          <DateRangePicker\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as PickedUtcRange) ?? null\"\n            :config=\"buildDateRangePickerConfig(item)\"\n            @update:model-value=\"(val) => update(item, val)\"\n          />\n        </template>\n        <template v-else-if=\"item.type === 'dropdown'\">\n          <span class=\"c-label\">{{ item.label ?? item.key }}</span>\n          <DropdownSelect\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as DropdownOption | DropdownOption[] | null) ?? null\"\n            :options=\"item.options ?? []\"\n            :config=\"{\n              ...(item.config ?? {}),\n              placeholder: item.placeholder ?? 'Válassz...',\n              clearable: true,\n              filterable: true,\n            }\"\n            @filter-input=\"handleDropdownFilterInput(item, $event)\"\n            @update:model-value=\"(val) => update(item, val)\"\n          />\n        </template>\n      </div>\n    </div>\n    <div class=\"data-filters__footer\">\n      <Button\n        icon=\"fa-solid fa-trash-can\"\n        :disabled=\"!hasActiveFilters\"\n        label=\"Szűrők törlése\"\n        aria-label=\"Szűrők törlése\"\n        size=\"small\"\n        @click=\"clearAll\"\n      />\n      <Button label=\"Szűrés\" aria-label=\"Szűrés\" type=\"success\" @click=\"confirm\" />\n    </div>\n    <template v-if=\"historyEnabled\">\n      <hr class=\"separator my-3\" />\n      <FiltersHistory\n        :items=\"items\"\n        :values=\"values\"\n        :storage-key=\"storageKey\"\n        @load=\"onHistoryLoad\"\n      />\n    </template>\n  </Sidebar>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-filters.scss\"></style>\n"],"mappings":"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"}
+{"version":3,"file":"admins-components91.js","names":[],"sources":["../src/components/data-table/DataFilters.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { DropdownOption } from '@/components/DropdownSelect.vue'\n\nexport interface FilterItem {\n  type: FilterItemType\n  key: string\n  label?: string\n  placeholder?: string\n  value?: any\n  options?: DropdownOption[]\n  fullWidth?: boolean\n  config?: Record<string, any>\n  displayClass?: string\n  transformer?: (value: any) => Record<string, any> | null | undefined\n  onInnerSearch?: (value: string) => void\n  onChange?: (value: any) => void\n}\n\nexport interface FilterResponse {\n  values: Record<string, any>\n  transformed: Record<string, any>\n}\n\nexport interface DataFiltersProps {\n  items: FilterItem[]\n  open?: boolean\n  position?: SidebarPosition\n  lazy?: boolean\n  handleUrl?: boolean\n  historyEnabled?: boolean\n  storageKey?: string\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport Sidebar, { type SidebarPosition } from '@/components/Sidebar.vue'\nimport DatePicker from '@/components/DatePicker.vue'\nimport DateRangePicker from '@/components/DateRangePicker.vue'\nimport DropdownSelect from '@/components/DropdownSelect.vue'\nimport TextInput, { type TextInputType } from '@/components/TextInput.vue'\nimport Button from '@/components/Button.vue'\nimport Checkbox from '@/components/Checkbox.vue'\nimport FiltersHistory from '@/components/data-table/FiltersHistory.vue'\nimport type { DatePickerConfig, DateRangePickerConfig } from '@/types/datepickers'\nimport type { FilterItemType, PickedDate, PickedUtcRange } from '@/types/types'\nimport {\n  extractDropdownValues,\n  filterEmptyValues,\n  getDefaultFilters,\n  writeFilterParams,\n} from '@/utils/dataFilters'\n\nconst props = withDefaults(defineProps<DataFiltersProps>(), {\n  open: false,\n  position: 'left',\n  lazy: true,\n  handleUrl: false,\n  historyEnabled: true,\n})\n\nconst emit = defineEmits<{\n  close: []\n  change: [response: FilterResponse]\n}>()\n\nconst values = ref<Record<string, any>>(getDefaultFilters(props.items, props.storageKey, false))\nconst filterRefs = ref<Record<string, any>>({})\n\nfunction setFilterRef(key: string, el: any) {\n  if (el) filterRefs.value[key] = el\n  else delete filterRefs.value[key]\n}\n\nfunction buildDatePickerConfig(item: FilterItem): DatePickerConfig {\n  return {\n    ...(item.config ?? {}),\n    showTime: item.type === 'datetime',\n    placeholder: item.placeholder ?? (item.type === 'datetime' ? 'Időpont' : 'Dátum'),\n  }\n}\n\nfunction buildDateRangePickerConfig(item: FilterItem): DateRangePickerConfig {\n  return {\n    ...(item.config ?? {}),\n    ...(!item.fullWidth ? { compact: true } : {}),\n    showTime: item.type === 'datetimerange',\n  }\n}\n\nfunction update(item: FilterItem, value: any) {\n  const stored = typeof value === 'string' ? value.trim() : value\n  values.value = { ...values.value, [item.key]: stored }\n  if (item.onChange) item.onChange(stored)\n  if (!props.lazy) emitChange()\n}\n\nconst hasActiveFilters = computed(() =>\n  Object.values(values.value).some((v) => v !== null && v !== '' && v !== undefined),\n)\n\nfunction buildResponse(): FilterResponse {\n  const transformed: Record<string, any> = {}\n  for (const item of props.items) {\n    if (item.type === 'separator') continue\n    const val = values.value[item.key]\n    if (item.transformer) {\n      Object.assign(transformed, item.transformer(val) ?? {})\n    } else if (item.type === 'date' || item.type === 'datetime') {\n      transformed[item.key] = val?.utc ?? val\n    } else if (item.type === 'dropdown') {\n      transformed[item.key] = extractDropdownValues(val)\n    } else {\n      transformed[item.key] = val\n    }\n  }\n  return { values: filterEmptyValues(values.value), transformed: filterEmptyValues(transformed) }\n}\n\nfunction emitChange() {\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n  emit('change', buildResponse())\n}\n\nfunction confirm() {\n  emitChange()\n  emit('close')\n}\n\nfunction clearAll() {\n  values.value = {}\n  emitChange()\n}\n\nfunction clearFilter(key: string) {\n  values.value = { ...values.value, [key]: null }\n  emitChange()\n}\n\nfunction focusFilter(key: string) {\n  const el = (filterRefs.value as Record<string, any>)[key]\n  if (!el) return\n\n  if (typeof el.focusAndOpen === 'function') el.focusAndOpen()\n  else if (typeof el.focus === 'function') el.focus()\n}\n\nfunction onHistoryLoad(loaded: Record<string, any>) {\n  const next: Record<string, any> = { ...values.value }\n  for (const item of props.items) {\n    if (item.type === 'separator') continue\n    if (item.key in loaded) next[item.key] = loaded[item.key] ?? null\n  }\n  values.value = next\n  emitChange()\n}\n\ndefineExpose({ clearFilter, focusFilter })\n\nfunction handleFilterKeydown(event: KeyboardEvent) {\n  if (event.key !== 'Enter') return\n\n  const target = event.target as HTMLElement\n  if (target?.tagName === 'TEXTAREA') return\n\n  event.preventDefault()\n  confirm()\n}\n\nfunction handleDropdownFilterInput(item: FilterItem, text: string) {\n  if (item.onInnerSearch) item.onInnerSearch(text)\n}\n</script>\n\n<template>\n  <Sidebar :open=\"open\" title=\"Szűrők\" :position=\"position\" @close=\"emit('close')\">\n    <div class=\"data-filters\" @keydown=\"handleFilterKeydown\">\n      <div\n        v-for=\"item in items\"\n        :key=\"item.key\"\n        class=\"data-filters__field\"\n        :class=\"{ 'data-filters__field--full': item.fullWidth || item.type === 'separator' }\"\n      >\n        <hr v-if=\"item.type === 'separator'\" class=\"data-filters__separator\" />\n        <template v-else-if=\"item.type === 'checkbox'\">\n          <Checkbox\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as boolean) ?? false\"\n            :label=\"item.label ?? item.key\"\n            @update:model-value=\"(val) => update(item, val)\"\n            v-bind=\"item.config\"\n          />\n        </template>\n        <template v-else-if=\"['text', 'number', 'textarea'].includes(item.type)\">\n          <TextInput\n            :type=\"item.type as TextInputType\"\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            :model-value=\"(values[item.key] as string) ?? ''\"\n            :label=\"item.label ?? item.key\"\n            :placeholder=\"item.placeholder\"\n            :debounce=\"!lazy ? 500 : undefined\"\n            @update:model-value=\"(val) => update(item, val || null)\"\n            v-bind=\"item.config\"\n          />\n        </template>\n        <template v-else-if=\"item.type === 'date' || item.type === 'datetime'\">\n          <label class=\"c-label\" :for=\"`df-${item.key}`\">{{ item.label ?? item.key }}</label>\n          <DatePicker\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            :model-value=\"(values[item.key] as PickedDate) ?? null\"\n            :config=\"buildDatePickerConfig(item)\"\n            @update:model-value=\"(val) => update(item, val)\"\n          />\n        </template>\n        <template v-else-if=\"item.type === 'daterange' || item.type === 'datetimerange'\">\n          <span class=\"c-label\">{{ item.label ?? item.key }}</span>\n          <DateRangePicker\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as PickedUtcRange) ?? null\"\n            :config=\"buildDateRangePickerConfig(item)\"\n            @update:model-value=\"(val) => update(item, val)\"\n          />\n        </template>\n        <template v-else-if=\"item.type === 'dropdown'\">\n          <span class=\"c-label\">{{ item.label ?? item.key }}</span>\n          <DropdownSelect\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as DropdownOption | DropdownOption[] | null) ?? null\"\n            :options=\"item.options ?? []\"\n            :config=\"{\n              ...(item.config ?? {}),\n              placeholder: item.placeholder ?? 'Válassz...',\n              clearable: true,\n              filterable: true,\n            }\"\n            @filter-input=\"handleDropdownFilterInput(item, $event)\"\n            @update:model-value=\"(val) => update(item, val)\"\n          />\n        </template>\n      </div>\n    </div>\n    <div class=\"data-filters__footer\">\n      <Button\n        icon=\"fa-solid fa-trash-can\"\n        :disabled=\"!hasActiveFilters\"\n        label=\"Szűrők törlése\"\n        aria-label=\"Szűrők törlése\"\n        size=\"small\"\n        @click=\"clearAll\"\n      />\n      <Button label=\"Szűrés\" aria-label=\"Szűrés\" type=\"success\" @click=\"confirm\" />\n    </div>\n    <template v-if=\"historyEnabled\">\n      <hr class=\"separator my-3\" />\n      <FiltersHistory\n        :items=\"items\"\n        :values=\"values\"\n        :storage-key=\"storageKey\"\n        @load=\"onHistoryLoad\"\n      />\n    </template>\n  </Sidebar>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-filters.scss\"></style>\n"],"mappings":"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"}

package/dist/admins-components93.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components93.js","names":[],"sources":["../src/components/data-table/DataFilters.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { DropdownOption } from '@/components/DropdownSelect.vue'\n\nexport interface FilterItem {\n  type: FilterItemType\n  key: string\n  label?: string\n  placeholder?: string\n  value?: any\n  options?: DropdownOption[]\n  fullWidth?: boolean\n  config?: Record<string, any>\n  displayClass?: string\n  transformer?: (value: any) => Record<string, any> | null | undefined\n  onInnerSearch?: (value: string) => void\n  onChange?: (value: any) => void\n}\n\nexport interface FilterResponse {\n  values: Record<string, any>\n  transformed: Record<string, any>\n}\n\nexport interface DataFiltersProps {\n  items: FilterItem[]\n  open?: boolean\n  position?: SidebarPosition\n  lazy?: boolean\n  handleUrl?: boolean\n  historyEnabled?: boolean\n  storageKey?: string\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport Sidebar, { type SidebarPosition } from '@/components/Sidebar.vue'\nimport DatePicker from '@/components/DatePicker.vue'\nimport DateRangePicker from '@/components/DateRangePicker.vue'\nimport DropdownSelect from '@/components/DropdownSelect.vue'\nimport TextInput, { type TextInputType } from '@/components/TextInput.vue'\nimport Button from '@/components/Button.vue'\nimport Checkbox from '@/components/Checkbox.vue'\nimport FiltersHistory from '@/components/data-table/FiltersHistory.vue'\nimport type { DatePickerConfig, DateRangePickerConfig } from '@/types/datepickers'\nimport type { FilterItemType, PickedDate, PickedUtcRange } from '@/types/types'\nimport { filterEmptyValues, getDefaultFilters, writeFilterParams } from '@/utils/dataFilters'\n\nconst props = withDefaults(defineProps<DataFiltersProps>(), {\n  open: false,\n  position: 'left',\n  lazy: true,\n  handleUrl: false,\n  historyEnabled: true,\n})\n\nconst emit = defineEmits<{\n  close: []\n  change: [response: FilterResponse]\n}>()\n\nconst values = ref<Record<string, any>>(getDefaultFilters(props.items, props.storageKey, false))\nconst filterRefs = ref<Record<string, any>>({})\n\nfunction setFilterRef(key: string, el: any) {\n  if (el) filterRefs.value[key] = el\n  else delete filterRefs.value[key]\n}\n\nfunction buildDatePickerConfig(item: FilterItem): DatePickerConfig {\n  return {\n    ...(item.config ?? {}),\n    showTime: item.type === 'datetime',\n    placeholder: item.placeholder ?? (item.type === 'datetime' ? 'Időpont' : 'Dátum'),\n  }\n}\n\nfunction buildDateRangePickerConfig(item: FilterItem): DateRangePickerConfig {\n  return {\n    ...(item.config ?? {}),\n    ...(!item.fullWidth ? { compact: true } : {}),\n    showTime: item.type === 'datetimerange',\n  }\n}\n\nfunction update(item: FilterItem, value: any) {\n  const stored = typeof value === 'string' ? value.trim() : value\n  values.value = { ...values.value, [item.key]: stored }\n  if (item.onChange) item.onChange(stored)\n  if (!props.lazy) emitChange()\n}\n\nconst hasActiveFilters = computed(() =>\n  Object.values(values.value).some((v) => v !== null && v !== '' && v !== undefined),\n)\n\nfunction buildResponse(): FilterResponse {\n  const transformed: Record<string, any> = {}\n  for (const item of props.items) {\n    if (item.type === 'separator') continue\n    const val = values.value[item.key]\n    if (item.transformer) {\n      Object.assign(transformed, item.transformer(val) ?? {})\n    } else if (item.type === 'date' || item.type === 'datetime') {\n      transformed[item.key] = val?.utc ?? val\n    } else if (item.type === 'dropdown') {\n      transformed[item.key] = extractDropdownValues(val)\n    } else {\n      transformed[item.key] = val\n    }\n  }\n  return { values: filterEmptyValues(values.value), transformed: filterEmptyValues(transformed) }\n}\n\nfunction extractDropdownValues(val: unknown): string | string[] | null {\n  if (val == null) return null\n  if (Array.isArray(val)) {\n    const values = val\n      .map((entry) => {\n        if (entry == null) return null\n        if (typeof entry === 'object' && 'value' in entry) {\n          return (entry as { value?: string }).value ?? null\n        }\n        if (typeof entry === 'string') return entry\n        return null\n      })\n      .filter((v): v is string => v !== null)\n    return values.length > 0 ? values : null\n  }\n  if (typeof val === 'object' && 'value' in val) {\n    return (val as { value?: string }).value ?? null\n  }\n  if (typeof val === 'string') return val\n  return null\n}\n\nfunction emitChange() {\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n  emit('change', buildResponse())\n}\n\nfunction confirm() {\n  emitChange()\n  emit('close')\n}\n\nfunction clearAll() {\n  values.value = {}\n  emitChange()\n}\n\nfunction clearFilter(key: string) {\n  values.value = { ...values.value, [key]: null }\n  emitChange()\n}\n\nfunction focusFilter(key: string) {\n  const el = (filterRefs.value as Record<string, any>)[key]\n  if (!el) return\n\n  if (typeof el.focusAndOpen === 'function') el.focusAndOpen()\n  else if (typeof el.focus === 'function') el.focus()\n}\n\nfunction onHistoryLoad(loaded: Record<string, any>) {\n  const next: Record<string, any> = { ...values.value }\n  for (const item of props.items) {\n    if (item.type === 'separator') continue\n    if (item.key in loaded) next[item.key] = loaded[item.key] ?? null\n  }\n  values.value = next\n  emitChange()\n}\n\ndefineExpose({ clearFilter, focusFilter })\n\nfunction handleFilterKeydown(event: KeyboardEvent) {\n  if (event.key !== 'Enter') return\n\n  const target = event.target as HTMLElement\n  if (target?.tagName === 'TEXTAREA') return\n\n  event.preventDefault()\n  confirm()\n}\n\nfunction handleDropdownFilterInput(item: FilterItem, text: string) {\n  if (item.onInnerSearch) item.onInnerSearch(text)\n}\n</script>\n\n<template>\n  <Sidebar :open=\"open\" title=\"Szűrők\" :position=\"position\" @close=\"emit('close')\">\n    <div class=\"data-filters\" @keydown=\"handleFilterKeydown\">\n      <div\n        v-for=\"item in items\"\n        :key=\"item.key\"\n        class=\"data-filters__field\"\n        :class=\"{ 'data-filters__field--full': item.fullWidth || item.type === 'separator' }\"\n      >\n        <hr v-if=\"item.type === 'separator'\" class=\"data-filters__separator\" />\n        <template v-else-if=\"item.type === 'checkbox'\">\n          <Checkbox\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as boolean) ?? false\"\n            :label=\"item.label ?? item.key\"\n            @update:model-value=\"(val) => update(item, val)\"\n            v-bind=\"item.config\"\n          />\n        </template>\n        <template v-else-if=\"['text', 'number', 'textarea'].includes(item.type)\">\n          <TextInput\n            :type=\"item.type as TextInputType\"\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            :model-value=\"(values[item.key] as string) ?? ''\"\n            :label=\"item.label ?? item.key\"\n            :placeholder=\"item.placeholder\"\n            :debounce=\"!lazy ? 500 : undefined\"\n            @update:model-value=\"(val) => update(item, val || null)\"\n            v-bind=\"item.config\"\n          />\n        </template>\n        <template v-else-if=\"item.type === 'date' || item.type === 'datetime'\">\n          <label class=\"c-label\" :for=\"`df-${item.key}`\">{{ item.label ?? item.key }}</label>\n          <DatePicker\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            :model-value=\"(values[item.key] as PickedDate) ?? null\"\n            :config=\"buildDatePickerConfig(item)\"\n            @update:model-value=\"(val) => update(item, val)\"\n          />\n        </template>\n        <template v-else-if=\"item.type === 'daterange' || item.type === 'datetimerange'\">\n          <span class=\"c-label\">{{ item.label ?? item.key }}</span>\n          <DateRangePicker\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as PickedUtcRange) ?? null\"\n            :config=\"buildDateRangePickerConfig(item)\"\n            @update:model-value=\"(val) => update(item, val)\"\n          />\n        </template>\n        <template v-else-if=\"item.type === 'dropdown'\">\n          <span class=\"c-label\">{{ item.label ?? item.key }}</span>\n          <DropdownSelect\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as DropdownOption | DropdownOption[] | null) ?? null\"\n            :options=\"item.options ?? []\"\n            :config=\"{\n              ...(item.config ?? {}),\n              placeholder: item.placeholder ?? 'Válassz...',\n              clearable: true,\n              filterable: true,\n            }\"\n            @filter-input=\"handleDropdownFilterInput(item, $event)\"\n            @update:model-value=\"(val) => update(item, val)\"\n          />\n        </template>\n      </div>\n    </div>\n    <div class=\"data-filters__footer\">\n      <Button\n        icon=\"fa-solid fa-trash-can\"\n        :disabled=\"!hasActiveFilters\"\n        label=\"Szűrők törlése\"\n        aria-label=\"Szűrők törlése\"\n        size=\"small\"\n        @click=\"clearAll\"\n      />\n      <Button label=\"Szűrés\" aria-label=\"Szűrés\" type=\"success\" @click=\"confirm\" />\n    </div>\n    <template v-if=\"historyEnabled\">\n      <hr class=\"separator my-3\" />\n      <FiltersHistory\n        :items=\"items\"\n        :values=\"values\"\n        :storage-key=\"storageKey\"\n        @load=\"onHistoryLoad\"\n      />\n    </template>\n  </Sidebar>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-filters.scss\"></style>\n"],"mappings":""}
+{"version":3,"file":"admins-components93.js","names":[],"sources":["../src/components/data-table/DataFilters.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { DropdownOption } from '@/components/DropdownSelect.vue'\n\nexport interface FilterItem {\n  type: FilterItemType\n  key: string\n  label?: string\n  placeholder?: string\n  value?: any\n  options?: DropdownOption[]\n  fullWidth?: boolean\n  config?: Record<string, any>\n  displayClass?: string\n  transformer?: (value: any) => Record<string, any> | null | undefined\n  onInnerSearch?: (value: string) => void\n  onChange?: (value: any) => void\n}\n\nexport interface FilterResponse {\n  values: Record<string, any>\n  transformed: Record<string, any>\n}\n\nexport interface DataFiltersProps {\n  items: FilterItem[]\n  open?: boolean\n  position?: SidebarPosition\n  lazy?: boolean\n  handleUrl?: boolean\n  historyEnabled?: boolean\n  storageKey?: string\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport Sidebar, { type SidebarPosition } from '@/components/Sidebar.vue'\nimport DatePicker from '@/components/DatePicker.vue'\nimport DateRangePicker from '@/components/DateRangePicker.vue'\nimport DropdownSelect from '@/components/DropdownSelect.vue'\nimport TextInput, { type TextInputType } from '@/components/TextInput.vue'\nimport Button from '@/components/Button.vue'\nimport Checkbox from '@/components/Checkbox.vue'\nimport FiltersHistory from '@/components/data-table/FiltersHistory.vue'\nimport type { DatePickerConfig, DateRangePickerConfig } from '@/types/datepickers'\nimport type { FilterItemType, PickedDate, PickedUtcRange } from '@/types/types'\nimport {\n  extractDropdownValues,\n  filterEmptyValues,\n  getDefaultFilters,\n  writeFilterParams,\n} from '@/utils/dataFilters'\n\nconst props = withDefaults(defineProps<DataFiltersProps>(), {\n  open: false,\n  position: 'left',\n  lazy: true,\n  handleUrl: false,\n  historyEnabled: true,\n})\n\nconst emit = defineEmits<{\n  close: []\n  change: [response: FilterResponse]\n}>()\n\nconst values = ref<Record<string, any>>(getDefaultFilters(props.items, props.storageKey, false))\nconst filterRefs = ref<Record<string, any>>({})\n\nfunction setFilterRef(key: string, el: any) {\n  if (el) filterRefs.value[key] = el\n  else delete filterRefs.value[key]\n}\n\nfunction buildDatePickerConfig(item: FilterItem): DatePickerConfig {\n  return {\n    ...(item.config ?? {}),\n    showTime: item.type === 'datetime',\n    placeholder: item.placeholder ?? (item.type === 'datetime' ? 'Időpont' : 'Dátum'),\n  }\n}\n\nfunction buildDateRangePickerConfig(item: FilterItem): DateRangePickerConfig {\n  return {\n    ...(item.config ?? {}),\n    ...(!item.fullWidth ? { compact: true } : {}),\n    showTime: item.type === 'datetimerange',\n  }\n}\n\nfunction update(item: FilterItem, value: any) {\n  const stored = typeof value === 'string' ? value.trim() : value\n  values.value = { ...values.value, [item.key]: stored }\n  if (item.onChange) item.onChange(stored)\n  if (!props.lazy) emitChange()\n}\n\nconst hasActiveFilters = computed(() =>\n  Object.values(values.value).some((v) => v !== null && v !== '' && v !== undefined),\n)\n\nfunction buildResponse(): FilterResponse {\n  const transformed: Record<string, any> = {}\n  for (const item of props.items) {\n    if (item.type === 'separator') continue\n    const val = values.value[item.key]\n    if (item.transformer) {\n      Object.assign(transformed, item.transformer(val) ?? {})\n    } else if (item.type === 'date' || item.type === 'datetime') {\n      transformed[item.key] = val?.utc ?? val\n    } else if (item.type === 'dropdown') {\n      transformed[item.key] = extractDropdownValues(val)\n    } else {\n      transformed[item.key] = val\n    }\n  }\n  return { values: filterEmptyValues(values.value), transformed: filterEmptyValues(transformed) }\n}\n\nfunction emitChange() {\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n  emit('change', buildResponse())\n}\n\nfunction confirm() {\n  emitChange()\n  emit('close')\n}\n\nfunction clearAll() {\n  values.value = {}\n  emitChange()\n}\n\nfunction clearFilter(key: string) {\n  values.value = { ...values.value, [key]: null }\n  emitChange()\n}\n\nfunction focusFilter(key: string) {\n  const el = (filterRefs.value as Record<string, any>)[key]\n  if (!el) return\n\n  if (typeof el.focusAndOpen === 'function') el.focusAndOpen()\n  else if (typeof el.focus === 'function') el.focus()\n}\n\nfunction onHistoryLoad(loaded: Record<string, any>) {\n  const next: Record<string, any> = { ...values.value }\n  for (const item of props.items) {\n    if (item.type === 'separator') continue\n    if (item.key in loaded) next[item.key] = loaded[item.key] ?? null\n  }\n  values.value = next\n  emitChange()\n}\n\ndefineExpose({ clearFilter, focusFilter })\n\nfunction handleFilterKeydown(event: KeyboardEvent) {\n  if (event.key !== 'Enter') return\n\n  const target = event.target as HTMLElement\n  if (target?.tagName === 'TEXTAREA') return\n\n  event.preventDefault()\n  confirm()\n}\n\nfunction handleDropdownFilterInput(item: FilterItem, text: string) {\n  if (item.onInnerSearch) item.onInnerSearch(text)\n}\n</script>\n\n<template>\n  <Sidebar :open=\"open\" title=\"Szűrők\" :position=\"position\" @close=\"emit('close')\">\n    <div class=\"data-filters\" @keydown=\"handleFilterKeydown\">\n      <div\n        v-for=\"item in items\"\n        :key=\"item.key\"\n        class=\"data-filters__field\"\n        :class=\"{ 'data-filters__field--full': item.fullWidth || item.type === 'separator' }\"\n      >\n        <hr v-if=\"item.type === 'separator'\" class=\"data-filters__separator\" />\n        <template v-else-if=\"item.type === 'checkbox'\">\n          <Checkbox\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as boolean) ?? false\"\n            :label=\"item.label ?? item.key\"\n            @update:model-value=\"(val) => update(item, val)\"\n            v-bind=\"item.config\"\n          />\n        </template>\n        <template v-else-if=\"['text', 'number', 'textarea'].includes(item.type)\">\n          <TextInput\n            :type=\"item.type as TextInputType\"\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            :model-value=\"(values[item.key] as string) ?? ''\"\n            :label=\"item.label ?? item.key\"\n            :placeholder=\"item.placeholder\"\n            :debounce=\"!lazy ? 500 : undefined\"\n            @update:model-value=\"(val) => update(item, val || null)\"\n            v-bind=\"item.config\"\n          />\n        </template>\n        <template v-else-if=\"item.type === 'date' || item.type === 'datetime'\">\n          <label class=\"c-label\" :for=\"`df-${item.key}`\">{{ item.label ?? item.key }}</label>\n          <DatePicker\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            :model-value=\"(values[item.key] as PickedDate) ?? null\"\n            :config=\"buildDatePickerConfig(item)\"\n            @update:model-value=\"(val) => update(item, val)\"\n          />\n        </template>\n        <template v-else-if=\"item.type === 'daterange' || item.type === 'datetimerange'\">\n          <span class=\"c-label\">{{ item.label ?? item.key }}</span>\n          <DateRangePicker\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as PickedUtcRange) ?? null\"\n            :config=\"buildDateRangePickerConfig(item)\"\n            @update:model-value=\"(val) => update(item, val)\"\n          />\n        </template>\n        <template v-else-if=\"item.type === 'dropdown'\">\n          <span class=\"c-label\">{{ item.label ?? item.key }}</span>\n          <DropdownSelect\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as DropdownOption | DropdownOption[] | null) ?? null\"\n            :options=\"item.options ?? []\"\n            :config=\"{\n              ...(item.config ?? {}),\n              placeholder: item.placeholder ?? 'Válassz...',\n              clearable: true,\n              filterable: true,\n            }\"\n            @filter-input=\"handleDropdownFilterInput(item, $event)\"\n            @update:model-value=\"(val) => update(item, val)\"\n          />\n        </template>\n      </div>\n    </div>\n    <div class=\"data-filters__footer\">\n      <Button\n        icon=\"fa-solid fa-trash-can\"\n        :disabled=\"!hasActiveFilters\"\n        label=\"Szűrők törlése\"\n        aria-label=\"Szűrők törlése\"\n        size=\"small\"\n        @click=\"clearAll\"\n      />\n      <Button label=\"Szűrés\" aria-label=\"Szűrés\" type=\"success\" @click=\"confirm\" />\n    </div>\n    <template v-if=\"historyEnabled\">\n      <hr class=\"separator my-3\" />\n      <FiltersHistory\n        :items=\"items\"\n        :values=\"values\"\n        :storage-key=\"storageKey\"\n        @load=\"onHistoryLoad\"\n      />\n    </template>\n  </Sidebar>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-filters.scss\"></style>\n"],"mappings":""}

package/dist/main.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/fontawesome.min.css";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/solid.min.css";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/regular.min.css";:root{--ac-font-family: 'Geist', 'Segoe UI', system-ui, -apple-system, sans-serif;--background-50: #f7f9f9;--background-100: #eff3f3;--neutral-0: #fff;--neutral-50: #f2f4f4;--neutral-100: #e5e9ea;--neutral-150: #dae0e1;--neutral-200: #cbd3d4;--neutral-250: #bec8ca;--neutral-300: #b0bdbf;--neutral-400: #96a7a9;--neutral-500: #7c9194;--neutral-600: #637476;--neutral-700: #4a5759;--neutral-800: #323a3b;--neutral-900: #1f2d2d;--site-50: #ffebe1;--site-100: #ffceb6;--site-200: #f79d71;--site-300: #f5844e;--site-500: #f26522;--site-600: #da5b1f;--site-700: #c2511b;--premium-50: #dfefef;--premium-100: #cfe7e6;--premium-200: #bfdfde;--premium-300: #9ed0ce;--premium-400: #7ec0bd;--premium-500: #5eb0ad;--premium-600: #4b8d8a;--premium-700: #386a68;--pulse-10: #e0d8f1;--pulse-100: #a18ad5;--pulse-400: #7250c0;--pulse-500: #623cb9;--ac-color-primary: #146eb4;--ac-color-primary-rgb: 20, 110, 180;--ac-color-error: #d92d20;--ac-color-warning: #dc6803;--ac-color-success: #067647;--ac-color-success-rgb: 6, 118, 71;--ac-color-info: #1570ef;--ac-color-info-rgb: 21, 112, 239;--ac-color-text: var(--neutral-800);--ac-color-darker-blue: #1246d4;--ac-color-lighter-blue: rgb(45 126 241);--ac-input-padding: 0.5rem;--ac-input-padding-sm: 0.3125rem;--ac-input-padding-lg: 0.75rem;--ac-field-padding: 0.5rem 0.75rem;--ac-field-padding-sm: 0.3125rem 0.625rem;--ac-field-padding-lg: 0.6875rem 1rem;--ac-field-font-size: 0.825rem;--ac-field-font-size-sm: 0.75rem;--ac-field-font-size-lg: 0.9375rem;--ac-field-border-radius: 0.5rem;--ac-field-border-radius-sm: 0.375rem;--ac-field-border-radius-lg: 0.625rem;--ac-dropdown-max-height: 17.5rem;--ac-section-bottom-margin: 1rem;--ac-placeholder-color: var(--neutral-600)}@media(prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}.ac-component{font-family:var(--ac-font-family);letter-spacing:-0.18px;color:var(--neutral-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}.ac-component.v-tooltip{background:var(--neutral-800);font-family:var(--ac-font-family);color:var(--neutral-0);font-size:.8125rem;font-weight:400;line-height:1.4;padding:var(--ac-field-padding);border-radius:.5rem;white-space:normal;width:max-content;box-shadow:0 2px 6px rgba(0,0,0,.12)}.ac-component{--vf-ring-color: var(--ac-color-primary);--vf-primary: var(--ac-color-primary);--vf-border-color-checked: var(--ac-color-primary)}.ac-component img,.ac-component picture,.ac-component video,.ac-component canvas,.ac-component svg{display:block;max-width:100%}.ac-component input,.ac-component button,.ac-component textarea,.ac-component select{font-family:inherit;letter-spacing:inherit}.ac-component p,.ac-component h1,.ac-component h2,.ac-component h3,.ac-component h4,.ac-component h5,.ac-component h6{overflow-wrap:break-word}.ac-component *{margin:0}.ac-component .fa-tag,.ac-component .fa-arrow-rotate-right{transform:translateY(0.5px)}.ac-component .align-center-fix{transform:translateY(0.5px)}.ac-component hr.separator{border:none;border-top:1px solid var(--neutral-200);margin:.5rem 0}.ac-component .lh-1{line-height:1}.ac-component .flex-center{display:flex;align-items:center}.ac-component .click-expand{--expand-size: 0.5rem}.ac-component .click-expand::after{content:"";position:absolute;inset:calc(-1*var(--expand-size))}.ac-component .m-0{margin:0 !important}.ac-component .mx-0{margin-left:0 !important;margin-right:0 !important}.ac-component .my-0{margin-top:0 !important;margin-bottom:0 !important}.ac-component .mt-0{margin-top:0 !important}.ac-component .mb-0{margin-bottom:0 !important}.ac-component .ml-0{margin-left:0 !important}.ac-component .mr-0{margin-right:0 !important}.ac-component .m-1{margin:.25rem !important}.ac-component .mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.ac-component .my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.ac-component .mt-1{margin-top:.25rem !important}.ac-component .mb-1{margin-bottom:.25rem !important}.ac-component .ml-1{margin-left:.25rem !important}.ac-component .mr-1{margin-right:.25rem !important}.ac-component .m-2{margin:.5rem !important}.ac-component .mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.ac-component .my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.ac-component .mt-2{margin-top:.5rem !important}.ac-component .mb-2{margin-bottom:.5rem !important}.ac-component .ml-2{margin-left:.5rem !important}.ac-component .mr-2{margin-right:.5rem !important}.ac-component .m-3{margin:1rem !important}.ac-component .mx-3{margin-left:1rem !important;margin-right:1rem !important}.ac-component .my-3{margin-top:1rem !important;margin-bottom:1rem !important}.ac-component .mt-3{margin-top:1rem !important}.ac-component .mb-3{margin-bottom:1rem !important}.ac-component .ml-3{margin-left:1rem !important}.ac-component .mr-3{margin-right:1rem !important}.ac-component .m-4{margin:1.5rem !important}.ac-component .mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.ac-component .my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.ac-component .mt-4{margin-top:1.5rem !important}.ac-component .mb-4{margin-bottom:1.5rem !important}.ac-component .ml-4{margin-left:1.5rem !important}.ac-component .mr-4{margin-right:1.5rem !important}.ac-component .m-5{margin:3rem !important}.ac-component .mx-5{margin-left:3rem !important;margin-right:3rem !important}.ac-component .my-5{margin-top:3rem !important;margin-bottom:3rem !important}.ac-component .mt-5{margin-top:3rem !important}.ac-component .mb-5{margin-bottom:3rem !important}.ac-component .ml-5{margin-left:3rem !important}.ac-component .mr-5{margin-right:3rem !important}.ac-component .m-auto{margin:auto !important}.ac-component .mx-auto{margin-left:auto !important;margin-right:auto !important}.ac-component .my-auto{margin-top:auto !important;margin-bottom:auto !important}.ac-component .mt-auto{margin-top:auto !important}.ac-component .mb-auto{margin-bottom:auto !important}.ac-component .ml-auto{margin-left:auto !important}.ac-component .mr-auto{margin-right:auto !important}.ac-component .p-0{padding:0 !important}.ac-component .px-0{padding-left:0 !important;padding-right:0 !important}.ac-component .py-0{padding-top:0 !important;padding-bottom:0 !important}.ac-component .pt-0{padding-top:0 !important}.ac-component .pb-0{padding-bottom:0 !important}.ac-component .pl-0{padding-left:0 !important}.ac-component .pr-0{padding-right:0 !important}.ac-component .p-1{padding:.25rem !important}.ac-component .px-1{padding-left:.25rem !important;padding-right:.25rem !important}.ac-component .py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.ac-component .pt-1{padding-top:.25rem !important}.ac-component .pb-1{padding-bottom:.25rem !important}.ac-component .pl-1{padding-left:.25rem !important}.ac-component .pr-1{padding-right:.25rem !important}.ac-component .p-2{padding:.5rem !important}.ac-component .px-2{padding-left:.5rem !important;padding-right:.5rem !important}.ac-component .py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.ac-component .pt-2{padding-top:.5rem !important}.ac-component .pb-2{padding-bottom:.5rem !important}.ac-component .pl-2{padding-left:.5rem !important}.ac-component .pr-2{padding-right:.5rem !important}.ac-component .p-3{padding:1rem !important}.ac-component .px-3{padding-left:1rem !important;padding-right:1rem !important}.ac-component .py-3{padding-top:1rem !important;padding-bottom:1rem !important}.ac-component .pt-3{padding-top:1rem !important}.ac-component .pb-3{padding-bottom:1rem !important}.ac-component .pl-3{padding-left:1rem !important}.ac-component .pr-3{padding-right:1rem !important}.ac-component .p-4{padding:1.5rem !important}.ac-component .px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.ac-component .py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.ac-component .pt-4{padding-top:1.5rem !important}.ac-component .pb-4{padding-bottom:1.5rem !important}.ac-component .pl-4{padding-left:1.5rem !important}.ac-component .pr-4{padding-right:1.5rem !important}.ac-component .p-5{padding:3rem !important}.ac-component .px-5{padding-left:3rem !important;padding-right:3rem !important}.ac-component .py-5{padding-top:3rem !important;padding-bottom:3rem !important}.ac-component .pt-5{padding-top:3rem !important}.ac-component .pb-5{padding-bottom:3rem !important}.ac-component .pl-5{padding-left:3rem !important}.ac-component .pr-5{padding-right:3rem !important}.ac-component .gap-0{gap:0 !important}.ac-component .gap-1{gap:.25rem !important}.ac-component .gap-2{gap:.5rem !important}.ac-component .gap-3{gap:1rem !important}.ac-component .gap-4{gap:1.5rem !important}.ac-component .gap-5{gap:3rem !important}.ac-component .d-flex{display:flex !important}.ac-component .d-inline-flex{display:inline-flex !important}.ac-component .d-block{display:block !important}.ac-component .d-inline-block{display:inline-block !important}.ac-component .flex-wrap{flex-wrap:wrap}.ac-component .flex-column{flex-direction:column}.ac-component .text-center{text-align:center}.ac-component .w-100{width:100% !important}.ac-component .mw-100{max-width:100% !important}.ac-component .h-100{height:100% !important}.ac-component .mh-100{max-height:100% !important}.ac-component .pointer{cursor:pointer}.ac-component .nowrap{white-space:nowrap}.ac-component .align-items-center{align-items:center}.ac-component .text-primary,.ac-component .text-normal{color:var(--neutral-800) !important}.ac-component .text-info{color:var(--ac-color-info) !important}.ac-component .text-success{color:var(--ac-color-success) !important}.ac-component .text-warning{color:var(--ac-color-warning) !important}.ac-component .text-error,.ac-component .text-danger{color:var(--ac-color-error) !important}.ac-component .lh-normal{line-height:normal !important}.ac-component .lh-1{line-height:1 !important}.ac-component .lh-inherit{line-height:inherit !important}.ac-component .hide,.ac-component .hidden{display:none !important}.ac-component .c-wrapper{position:relative}.ac-component .c-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ac-component .c-field-size{font-size:var(--ac-field-font-size);padding:var(--ac-field-padding)}.ac-component .c-field-size--sm,.ac-component .c-field-size--small{font-size:var(--ac-field-font-size-sm);padding:var(--ac-field-padding-sm)}.ac-component .c-field-size--lg,.ac-component .c-field-size--large{font-size:var(--ac-field-font-size-lg);padding:var(--ac-field-padding-lg)}.ac-component .c-type-color{--text-color: var(--neutral-800);--hover-bg-color: var(--neutral-100);--hover-text-color: var(--neutral-800);color:var(--text-color)}.ac-component .c-type-color:hover{background-color:var(--hover-bg-color);color:var(--hover-text-color)}.ac-component .c-type-color--error{--text-color: var(--ac-color-error);--hover-bg-color: var(--ac-color-error);--hover-text-color: var(--neutral-0)}.ac-component .c-type-color--success{--text-color: var(--ac-color-success);--hover-bg-color: var(--ac-color-success);--hover-text-color: var(--neutral-0)}.ac-component .c-type-color--warning{--text-color: var(--ac-color-warning);--hover-bg-color: var(--ac-color-warning);--hover-text-color: var(--neutral-0)}.ac-component .c-type-color--info{--text-color: var(--ac-color-info);--hover-bg-color: var(--ac-color-info);--hover-text-color: var(--neutral-0)}.ac-component .c-type-color--dark{--text-color: var(--neutral-0);--hover-bg-color: var(--neutral-800);--hover-text-color: var(--neutral-0)}.ac-component .c-chip{display:inline-flex;padding:0;border-radius:.25rem;background:var(--neutral-100);color:var(--neutral-700);font-size:.75rem;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ac-component .c-indicator{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;border-radius:999px;background:var(--neutral-200);color:var(--neutral-700);font-family:var(--ac-font-family);font-size:.7rem;font-weight:700;font-variant-numeric:tabular-nums}.ac-component .c-scroll{scrollbar-width:thin;scrollbar-color:var(--neutral-300) rgba(0,0,0,0)}.ac-component .c-scroll::-webkit-scrollbar{width:.5rem;height:.5rem}.ac-component .c-scroll::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.ac-component .c-scroll::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:999px;border:2px solid rgba(0,0,0,0);background-clip:content-box;transition:background-color .15s}.ac-component .c-scroll::-webkit-scrollbar-thumb:hover{background:var(--neutral-500);background-clip:content-box}.ac-component .c-scroll::-webkit-scrollbar-corner{background:rgba(0,0,0,0)}.ac-component .c-placeholder{flex:1;font-style:italic;min-width:0;padding:var(--ac-input-padding);color:var(--ac-placeholder-color);user-select:none}.ac-component .c-input{width:100%;font-family:inherit;letter-spacing:-0.36px;border:none;background:rgba(0,0,0,0);padding:var(--ac-input-padding);font-size:var(--ac-field-font-size);color:var(--neutral-900)}.ac-component .c-input::placeholder{color:var(--ac-placeholder-color);font-style:italic}.ac-component .c-input:-webkit-autofill,.ac-component .c-input:-webkit-autofill:hover,.ac-component .c-input:-webkit-autofill:focus,.ac-component .c-input:-webkit-autofill:active{border-radius:inherit}.ac-component .c-input:focus,.ac-component .c-input:focus-within,.ac-component .c-input:focus-visible,.ac-component .c-focus:focus,.ac-component .c-focus:focus-within,.ac-component .c-focus:focus-visible{border-color:var(--ac-color-lighter-blue);outline:0}.ac-component .c-input-wrapper{position:relative;display:flex;flex-direction:column;gap:.25rem}.ac-component .c-textarea{resize:none}.ac-component .c-input-row{display:flex;align-items:center;font-family:inherit;border:1px solid var(--neutral-200);border-radius:var(--ac-field-border-radius);background:var(--neutral-0);font-size:var(--ac-field-font-size);color:var(--neutral-900);transition:border-color .15s}.ac-component .c-input-row::placeholder{color:var(--ac-placeholder-color);font-style:italic}.ac-component .c-input-row--disabled{background:var(--neutral-50);cursor:not-allowed}.ac-component .c-input-row:is(input,textarea){padding:var(--ac-input-padding)}.ac-component .c-input-row:hover{border-color:var(--neutral-300)}.ac-component .c-input-row:focus-within,.ac-component .c-input-row:focus,.ac-component .c-input-row:focus-visible,.ac-component .c-input-row--focus{border-color:var(--ac-color-lighter-blue);box-shadow:0 0 0 2px rgba(21,112,239,.1)}.ac-component .c-input-row:focus-within:hover,.ac-component .c-input-row:focus:hover,.ac-component .c-input-row:focus-visible:hover,.ac-component .c-input-row--focus:hover{border-color:var(--ac-color-darker-blue)}.ac-component .c-input-row--sm{border-radius:var(--ac-field-border-radius-sm);font-size:var(--ac-field-font-size-sm)}.ac-component .c-input-row--sm:is(input,textarea){padding:var(--ac-input-padding-sm)}.ac-component .c-input-row--sm .c-icon-btn{font-size:var(--ac-field-font-size-sm)}.ac-component .c-input-row--sm .c-placeholder{font-size:var(--ac-field-font-size-sm);padding:var(--ac-input-padding-sm)}.ac-component .c-input-row--sm .c-input{padding:var(--ac-input-padding-sm);font-size:var(--ac-field-font-size-sm)}.ac-component .c-input-row--lg{border-radius:var(--ac-field-border-radius-lg);font-size:var(--ac-field-font-size-lg)}.ac-component .c-input-row--lg:is(input,textarea){padding:var(--ac-input-padding-lg)}.ac-component .c-input-row--lg .c-icon-btn{font-size:var(--ac-field-font-size-lg)}.ac-component .c-input-row--lg .c-placeholder{font-size:var(--ac-field-font-size-lg);padding:var(--ac-input-padding-lg)}.ac-component .c-input-row--lg .c-input{padding:var(--ac-input-padding-lg);font-size:var(--ac-field-font-size-lg)}.ac-component .c-icon-btn{display:flex;align-items:center;justify-content:center;border:none;background:rgba(0,0,0,0);cursor:pointer;transition:color .15s}.ac-component .c-icon-btn--clear{color:var(--neutral-400);padding-left:0;padding-right:.25rem}.ac-component .c-icon-btn--clear:hover{color:var(--ac-color-error)}.ac-component .c-icon-btn--chevron{color:var(--neutral-500);transition:transform .2s}.ac-component .c-icon-btn--chevron-open{transform:rotate(180deg)}.ac-component .c-icon-btn--calendar{font-size:.925rem;color:var(--neutral-500);padding-inline:.375rem}.ac-component .c-icon-btn--calendar:hover{color:var(--site-500)}.ac-component .c-icon-btn--hidden{visibility:hidden;pointer-events:none}.ac-component .c-dropdown{background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--ac-field-border-radius);box-shadow:0 2px 12px rgba(0,0,0,.5);overflow:hidden}.ac-component .c-footer{display:flex;align-items:center;justify-content:flex-end;gap:1rem;margin-top:.25rem;padding:.5rem;border-top:1px solid var(--neutral-100)}.ac-component .c-checkbox{display:inline-block;width:1rem;height:1rem;vertical-align:middle;position:relative;cursor:pointer;border:1.5px solid var(--neutral-300);border-radius:.25rem;background:var(--neutral-0);transition:border-color .15s,background-color .15s}.ac-component .c-checkbox:hover{border-color:var(--ac-color-info);background:var(--premium-300)}.ac-component .c-checkbox::after{content:"";position:absolute;top:50%;left:50%;width:.3rem;height:.55rem;border:solid #fff;border-width:0 2px 2px 0;transform:translate(-50%, -60%) rotate(45deg);opacity:0}.ac-component .c-checkbox--checked,.ac-component .c-checkbox:checked{border-color:var(--ac-color-info);background:var(--ac-color-info)}.ac-component .c-checkbox--checked::after,.ac-component .c-checkbox:checked::after{opacity:1}.ac-component .c-checkbox--checked:hover,.ac-component .c-checkbox:checked:hover{background:var(--premium-300)}.ac-component .c-checkbox--disabled,.ac-component .c-checkbox:disabled{opacity:.5;cursor:not-allowed}.ac-component input.c-checkbox{appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0}.ac-component .c-checkbox-wrapper{display:inline-flex;align-items:center;line-height:1}.ac-component .c-checkbox-wrapper .c-checkbox-inner{display:inline-flex;align-items:center;gap:.25rem;cursor:pointer}.ac-component .c-checkbox-wrapper .c-checkbox-inner:hover .c-checkbox{border-color:var(--ac-color-primary);background:rgba(var(--ac-color-primary-rgb), 0.2)}.ac-component .c-checkbox-wrapper .c-checkbox-inner:hover .c-checkbox:checked,.ac-component .c-checkbox-wrapper .c-checkbox-inner:hover .c-checkbox--checked{background:var(--ac-color-darker-blue)}.ac-component .c-label{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--neutral-600)}.ac-component .c-label--on-border{position:absolute;top:-0.5lh;left:.5rem;padding:0 .125rem;font-size:.7rem;background:var(--neutral-0);text-transform:none}.ac-component .c-btn-group{display:inline-flex;border-radius:var(--ac-field-border-radius);gap:0 !important;flex-wrap:nowrap !important}.ac-component .c-btn-group>.c-btn{border-radius:0}.ac-component .c-btn-group>*>.c-btn{border-radius:0}.ac-component .c-btn-group>.c-btn:not(:last-child),.ac-component .c-btn-group>*:not(:last-child)>.c-btn{border-right-width:0}.ac-component .c-btn-group>.c-btn:first-child,.ac-component .c-btn-group>*:first-child>.c-btn{border-top-left-radius:var(--ac-field-border-radius);border-bottom-left-radius:var(--ac-field-border-radius)}.ac-component .c-btn-group>.c-btn:last-child,.ac-component .c-btn-group>*:last-child>.c-btn{border-top-right-radius:var(--ac-field-border-radius);border-bottom-right-radius:var(--ac-field-border-radius)}.ac-component .c-btn-group-vertical{display:inline-flex;flex-direction:column;border-radius:var(--ac-field-border-radius)}.ac-component .c-btn-group-vertical>.c-btn{border-radius:0;width:100%}.ac-component .c-btn-group-vertical>*>.c-btn{border-radius:0;width:100%}.ac-component .c-btn-group-vertical>.c-btn:not(:last-child),.ac-component .c-btn-group-vertical>*:not(:last-child)>.c-btn{border-bottom-width:0}.ac-component .c-btn-group-vertical>.c-btn:first-child,.ac-component .c-btn-group-vertical>*:first-child>.c-btn{border-top-left-radius:var(--ac-field-border-radius);border-top-right-radius:var(--ac-field-border-radius)}.ac-component .c-btn-group-vertical>.c-btn:last-child,.ac-component .c-btn-group-vertical>*:last-child>.c-btn{border-bottom-left-radius:var(--ac-field-border-radius);border-bottom-right-radius:var(--ac-field-border-radius)}.ac-component .c-btn{--btn-color: var(--neutral-200);--btn-bg: var(--background-50);--btn-text: var(--neutral-800);--btn-hover-bg: var(--neutral-100);--btn-hover-border: var(--neutral-300);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--neutral-700);font-family:var(--ac-font-family);letter-spacing:-0.18px;display:inline-flex;align-items:center;gap:.375em;padding:var(--ac-field-padding);border:1px solid var(--btn-color);border-radius:var(--ac-field-border-radius);background:var(--btn-bg);color:var(--btn-text);font-size:var(--ac-field-font-size);font-weight:500;cursor:pointer;text-transform:capitalize;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s}.ac-component .c-btn i{line-height:inherit}.ac-component .c-btn span.btn-label{line-height:1}.ac-component .c-btn:hover,.ac-component .c-btn:active{background:var(--btn-hover-bg);border-color:var(--btn-hover-border)}.ac-component .c-btn:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(242,101,34,.12)}.ac-component .c-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.ac-component .c-btn .c-btn-indicator{--padding-inline: 0.3125rem;display:inline-flex;align-items:center;justify-content:center;margin-left:.325rem;padding:.0625rem var(--padding-inline);padding-right:calc(var(--padding-inline) + 1px);border-radius:999px;color:var(--btn-indicator-text);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:600;background:var(--btn-indicator-bg)}.ac-component .c-btn-sm{padding:var(--ac-field-padding-sm);font-size:var(--ac-field-font-size-sm);border-radius:var(--ac-field-border-radius-sm)}.ac-component .c-btn-lg{padding:var(--ac-field-padding-lg);font-size:var(--ac-field-font-size-lg);border-radius:var(--ac-field-border-radius-lg)}.ac-component .c-btn-dark{--btn-color: var(--neutral-800);--btn-bg: var(--neutral-800);--btn-text: var(--neutral-0);--btn-hover-bg: var(--neutral-900);--btn-hover-border: var(--neutral-900);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--neutral-800)}.ac-component .c-btn-outline{--btn-bg: transparent;--btn-color: var(--neutral-300);--btn-text: var(--neutral-800);--btn-hover-bg: var(--neutral-800);--btn-hover-border: var(--neutral-500);--btn-indicator-bg: var(--neutral-100);--btn-indicator-text: var(--neutral-800)}.ac-component .c-btn-outline:hover,.ac-component .c-btn-outline:active{color:var(--neutral-0)}.ac-component .c-btn-primary{--btn-bg: var(--ac-color-primary);--btn-color: var(--ac-color-primary);--btn-hover-bg: color-mix(in srgb, var(--ac-color-primary) 85%, black);--btn-hover-border: color-mix(in srgb, var(--ac-color-primary) 85%, black);--btn-text: var(--neutral-0);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--ac-color-primary)}.ac-component .c-btn-success{--btn-color: var(--ac-color-success);--btn-bg: var(--ac-color-success);--btn-text: var(--neutral-0);--btn-hover-bg: color-mix(in srgb, var(--ac-color-success) 85%, black);--btn-hover-border: color-mix(in srgb, var(--ac-color-success) 85%, black);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--ac-color-success)}.ac-component .c-btn-error{--btn-color: var(--ac-color-error);--btn-bg: var(--ac-color-error);--btn-text: var(--neutral-0);--btn-hover-bg: color-mix(in srgb, var(--ac-color-error) 85%, black);--btn-hover-border: color-mix(in srgb, var(--ac-color-error) 85%, black);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--ac-color-error)}.ac-component .c-btn-warning{--btn-color: var(--ac-color-warning);--btn-bg: var(--ac-color-warning);--btn-text: var(--neutral-0);--btn-hover-bg: color-mix(in srgb, var(--ac-color-warning) 85%, black);--btn-hover-border: color-mix(in srgb, var(--ac-color-warning) 85%, black);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--ac-color-warning)}.ac-component .c-btn-info{--btn-color: var(--ac-color-info);--btn-bg: var(--ac-color-info);--btn-text: var(--neutral-0);--btn-hover-bg: color-mix(in srgb, var(--ac-color-info) 85%, black);--btn-hover-border: color-mix(in srgb, var(--ac-color-info) 85%, black);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--ac-color-info)}.ac-component .c-btn-outline.c-btn-success{--btn-bg: transparent;--btn-text: var(--ac-color-success);--btn-hover-bg: var(--ac-color-success);--btn-hover-border: var(--ac-color-success);--btn-indicator-bg: var(--ac-color-success);--btn-indicator-text: var(--neutral-0)}.ac-component .c-btn-outline.c-btn-success:hover,.ac-component .c-btn-outline.c-btn-success:active{color:var(--neutral-0);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--neutral-700)}.ac-component .c-btn-outline.c-btn-error{--btn-bg: transparent;--btn-text: var(--ac-color-error);--btn-hover-bg: var(--ac-color-error);--btn-hover-border: var(--ac-color-error);--btn-indicator-bg: var(--ac-color-error);--btn-indicator-text: var(--neutral-0)}.ac-component .c-btn-outline.c-btn-error:hover,.ac-component .c-btn-outline.c-btn-error:active{color:var(--neutral-0);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--neutral-700)}.ac-component .c-btn-outline.c-btn-warning{--btn-bg: transparent;--btn-text: var(--ac-color-warning);--btn-hover-bg: var(--ac-color-warning);--btn-hover-border: var(--ac-color-warning);--btn-indicator-bg: var(--ac-color-warning);--btn-indicator-text: var(--neutral-900)}.ac-component .c-btn-outline.c-btn-warning:hover,.ac-component .c-btn-outline.c-btn-warning:active{color:var(--neutral-900);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--neutral-700)}.ac-component .c-btn-outline.c-btn-info{--btn-bg: transparent;--btn-text: var(--ac-color-info);--btn-hover-bg: var(--ac-color-info);--btn-hover-border: var(--ac-color-info);--btn-indicator-bg: var(--ac-color-info);--btn-indicator-text: var(--neutral-0)}.ac-component .c-btn-outline.c-btn-info:hover,.ac-component .c-btn-outline.c-btn-info:active{color:var(--neutral-0);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--neutral-700)}.ac-component .c-btn-outline.c-btn-dark{--btn-bg: transparent;--btn-color: var(--neutral-800);--btn-text: var(--neutral-800);--btn-hover-bg: var(--neutral-800);--btn-hover-border: var(--neutral-800);--btn-indicator-bg: var(--neutral-800);--btn-indicator-text: var(--neutral-0)}.ac-component .c-btn-outline.c-btn-dark:hover,.ac-component .c-btn-outline.c-btn-dark:active{color:var(--neutral-0);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--neutral-700)}.ac-component .vf-checkbox-wrapper{display:flex;align-items:center;gap:.25rem}.ac-component .vf-input-field::placeholder{color:var(--ac-placeholder-color)}*,*::before,*::after{box-sizing:border-box}body{margin:0;padding:0}.ac-container{position:fixed;inset:0;display:flex;flex-direction:column;overflow:hidden}.ac-container .data-list-section{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}/*# sourceMappingURL=main.css.map */
+@import"https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/fontawesome.min.css";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/solid.min.css";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/regular.min.css";:root{--ac-font-family: 'Geist', 'Segoe UI', system-ui, -apple-system, sans-serif;--background-50: #f7f9f9;--background-100: #eff3f3;--neutral-0: #fff;--neutral-50: #f2f4f4;--neutral-100: #e5e9ea;--neutral-150: #dae0e1;--neutral-200: #cbd3d4;--neutral-250: #bec8ca;--neutral-300: #b0bdbf;--neutral-400: #96a7a9;--neutral-500: #7c9194;--neutral-600: #637476;--neutral-700: #4a5759;--neutral-800: #323a3b;--neutral-900: #1f2d2d;--site-50: #ffebe1;--site-100: #ffceb6;--site-200: #f79d71;--site-300: #f5844e;--site-500: #f26522;--site-600: #da5b1f;--site-700: #c2511b;--premium-50: #dfefef;--premium-100: #cfe7e6;--premium-200: #bfdfde;--premium-300: #9ed0ce;--premium-400: #7ec0bd;--premium-500: #5eb0ad;--premium-600: #4b8d8a;--premium-700: #386a68;--pulse-10: #e0d8f1;--pulse-100: #a18ad5;--pulse-400: #7250c0;--pulse-500: #623cb9;--ac-color-primary: #146eb4;--ac-color-primary-rgb: 20, 110, 180;--ac-color-error: #d92d20;--ac-color-warning: #dc6803;--ac-color-success: #067647;--ac-color-success-rgb: 6, 118, 71;--ac-color-info: #1570ef;--ac-color-info-rgb: 21, 112, 239;--ac-color-text: var(--neutral-800);--ac-color-darker-blue: #1246d4;--ac-color-lighter-blue: rgb(45 126 241);--ac-input-padding: 0.5rem;--ac-input-padding-sm: 0.3125rem;--ac-input-padding-lg: 0.75rem;--ac-field-padding: 0.5rem 0.75rem;--ac-field-padding-sm: 0.3125rem 0.625rem;--ac-field-padding-lg: 0.6875rem 1rem;--ac-field-font-size: 0.825rem;--ac-field-font-size-sm: 0.75rem;--ac-field-font-size-lg: 0.9375rem;--ac-field-border-radius: 0.5rem;--ac-field-border-radius-sm: 0.375rem;--ac-field-border-radius-lg: 0.625rem;--ac-dropdown-max-height: 17.5rem;--ac-section-bottom-margin: 1rem;--ac-placeholder-color: var(--neutral-600)}@media(prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}.ac-component{font-family:var(--ac-font-family);letter-spacing:-0.18px;color:var(--neutral-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}.ac-component.v-tooltip{background:var(--neutral-800);font-family:var(--ac-font-family);color:var(--neutral-0);font-size:.8125rem;font-weight:400;line-height:1.4;padding:var(--ac-field-padding);border-radius:.5rem;white-space:normal;width:max-content;box-shadow:0 2px 6px rgba(0,0,0,.12)}.ac-component{--vf-ring-color: var(--ac-color-primary);--vf-primary: var(--ac-color-primary);--vf-border-color-checked: var(--ac-color-primary)}.ac-component img,.ac-component picture,.ac-component video,.ac-component canvas,.ac-component svg{display:block;max-width:100%}.ac-component input,.ac-component button,.ac-component textarea,.ac-component select{font-family:inherit;letter-spacing:inherit}.ac-component p,.ac-component h1,.ac-component h2,.ac-component h3,.ac-component h4,.ac-component h5,.ac-component h6{overflow-wrap:break-word}.ac-component *{margin:0}.ac-component .fa-tag,.ac-component .fa-arrow-rotate-right{transform:translateY(0.5px)}.ac-component .align-center-fix{transform:translateY(0.5px)}.ac-component hr.separator{border:none;border-top:1px solid var(--neutral-200);margin:.5rem 0}.ac-component .lh-1{line-height:1}.ac-component .flex-center{display:flex;align-items:center}.ac-component .click-expand{--expand-size: 0.5rem}.ac-component .click-expand::after{content:"";position:absolute;inset:calc(-1*var(--expand-size))}.ac-component .m-0{margin:0 !important}.ac-component .mx-0{margin-left:0 !important;margin-right:0 !important}.ac-component .my-0{margin-top:0 !important;margin-bottom:0 !important}.ac-component .mt-0{margin-top:0 !important}.ac-component .mb-0{margin-bottom:0 !important}.ac-component .ml-0{margin-left:0 !important}.ac-component .mr-0{margin-right:0 !important}.ac-component .m-1{margin:.25rem !important}.ac-component .mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.ac-component .my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.ac-component .mt-1{margin-top:.25rem !important}.ac-component .mb-1{margin-bottom:.25rem !important}.ac-component .ml-1{margin-left:.25rem !important}.ac-component .mr-1{margin-right:.25rem !important}.ac-component .m-2{margin:.5rem !important}.ac-component .mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.ac-component .my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.ac-component .mt-2{margin-top:.5rem !important}.ac-component .mb-2{margin-bottom:.5rem !important}.ac-component .ml-2{margin-left:.5rem !important}.ac-component .mr-2{margin-right:.5rem !important}.ac-component .m-3{margin:1rem !important}.ac-component .mx-3{margin-left:1rem !important;margin-right:1rem !important}.ac-component .my-3{margin-top:1rem !important;margin-bottom:1rem !important}.ac-component .mt-3{margin-top:1rem !important}.ac-component .mb-3{margin-bottom:1rem !important}.ac-component .ml-3{margin-left:1rem !important}.ac-component .mr-3{margin-right:1rem !important}.ac-component .m-4{margin:1.5rem !important}.ac-component .mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.ac-component .my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.ac-component .mt-4{margin-top:1.5rem !important}.ac-component .mb-4{margin-bottom:1.5rem !important}.ac-component .ml-4{margin-left:1.5rem !important}.ac-component .mr-4{margin-right:1.5rem !important}.ac-component .m-5{margin:3rem !important}.ac-component .mx-5{margin-left:3rem !important;margin-right:3rem !important}.ac-component .my-5{margin-top:3rem !important;margin-bottom:3rem !important}.ac-component .mt-5{margin-top:3rem !important}.ac-component .mb-5{margin-bottom:3rem !important}.ac-component .ml-5{margin-left:3rem !important}.ac-component .mr-5{margin-right:3rem !important}.ac-component .m-auto{margin:auto !important}.ac-component .mx-auto{margin-left:auto !important;margin-right:auto !important}.ac-component .my-auto{margin-top:auto !important;margin-bottom:auto !important}.ac-component .mt-auto{margin-top:auto !important}.ac-component .mb-auto{margin-bottom:auto !important}.ac-component .ml-auto{margin-left:auto !important}.ac-component .mr-auto{margin-right:auto !important}.ac-component .p-0{padding:0 !important}.ac-component .px-0{padding-left:0 !important;padding-right:0 !important}.ac-component .py-0{padding-top:0 !important;padding-bottom:0 !important}.ac-component .pt-0{padding-top:0 !important}.ac-component .pb-0{padding-bottom:0 !important}.ac-component .pl-0{padding-left:0 !important}.ac-component .pr-0{padding-right:0 !important}.ac-component .p-1{padding:.25rem !important}.ac-component .px-1{padding-left:.25rem !important;padding-right:.25rem !important}.ac-component .py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.ac-component .pt-1{padding-top:.25rem !important}.ac-component .pb-1{padding-bottom:.25rem !important}.ac-component .pl-1{padding-left:.25rem !important}.ac-component .pr-1{padding-right:.25rem !important}.ac-component .p-2{padding:.5rem !important}.ac-component .px-2{padding-left:.5rem !important;padding-right:.5rem !important}.ac-component .py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.ac-component .pt-2{padding-top:.5rem !important}.ac-component .pb-2{padding-bottom:.5rem !important}.ac-component .pl-2{padding-left:.5rem !important}.ac-component .pr-2{padding-right:.5rem !important}.ac-component .p-3{padding:1rem !important}.ac-component .px-3{padding-left:1rem !important;padding-right:1rem !important}.ac-component .py-3{padding-top:1rem !important;padding-bottom:1rem !important}.ac-component .pt-3{padding-top:1rem !important}.ac-component .pb-3{padding-bottom:1rem !important}.ac-component .pl-3{padding-left:1rem !important}.ac-component .pr-3{padding-right:1rem !important}.ac-component .p-4{padding:1.5rem !important}.ac-component .px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.ac-component .py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.ac-component .pt-4{padding-top:1.5rem !important}.ac-component .pb-4{padding-bottom:1.5rem !important}.ac-component .pl-4{padding-left:1.5rem !important}.ac-component .pr-4{padding-right:1.5rem !important}.ac-component .p-5{padding:3rem !important}.ac-component .px-5{padding-left:3rem !important;padding-right:3rem !important}.ac-component .py-5{padding-top:3rem !important;padding-bottom:3rem !important}.ac-component .pt-5{padding-top:3rem !important}.ac-component .pb-5{padding-bottom:3rem !important}.ac-component .pl-5{padding-left:3rem !important}.ac-component .pr-5{padding-right:3rem !important}.ac-component .gap-0{gap:0 !important}.ac-component .gap-1{gap:.25rem !important}.ac-component .gap-2{gap:.5rem !important}.ac-component .gap-3{gap:1rem !important}.ac-component .gap-4{gap:1.5rem !important}.ac-component .gap-5{gap:3rem !important}.ac-component .d-flex{display:flex !important}.ac-component .d-inline-flex{display:inline-flex !important}.ac-component .d-block{display:block !important}.ac-component .d-inline-block{display:inline-block !important}.ac-component .flex-wrap{flex-wrap:wrap}.ac-component .flex-column{flex-direction:column}.ac-component .text-center{text-align:center}.ac-component .w-100{width:100% !important}.ac-component .mw-100{max-width:100% !important}.ac-component .h-100{height:100% !important}.ac-component .mh-100{max-height:100% !important}.ac-component .pointer{cursor:pointer}.ac-component .nowrap{white-space:nowrap}.ac-component .align-items-center{align-items:center}.ac-component .text-primary,.ac-component .text-normal{color:var(--neutral-800) !important}.ac-component .text-info{color:var(--ac-color-info) !important}.ac-component .text-success{color:var(--ac-color-success) !important}.ac-component .text-warning{color:var(--ac-color-warning) !important}.ac-component .text-error,.ac-component .text-danger{color:var(--ac-color-error) !important}.ac-component .lh-normal{line-height:normal !important}.ac-component .lh-1{line-height:1 !important}.ac-component .lh-inherit{line-height:inherit !important}.ac-component .hide,.ac-component .hidden{display:none !important}.ac-component .c-wrapper{position:relative}.ac-component .c-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ac-component .c-field-size{font-size:var(--ac-field-font-size);padding:var(--ac-field-padding)}.ac-component .c-field-size--sm,.ac-component .c-field-size--small{font-size:var(--ac-field-font-size-sm);padding:var(--ac-field-padding-sm)}.ac-component .c-field-size--lg,.ac-component .c-field-size--large{font-size:var(--ac-field-font-size-lg);padding:var(--ac-field-padding-lg)}.ac-component .c-type-color{--text-color: var(--neutral-800);--hover-bg-color: var(--neutral-100);--hover-text-color: var(--neutral-800);color:var(--text-color)}.ac-component .c-type-color:hover{background-color:var(--hover-bg-color);color:var(--hover-text-color)}.ac-component .c-type-color--error{--text-color: var(--ac-color-error);--hover-bg-color: var(--ac-color-error);--hover-text-color: var(--neutral-0)}.ac-component .c-type-color--success{--text-color: var(--ac-color-success);--hover-bg-color: var(--ac-color-success);--hover-text-color: var(--neutral-0)}.ac-component .c-type-color--warning{--text-color: var(--ac-color-warning);--hover-bg-color: var(--ac-color-warning);--hover-text-color: var(--neutral-0)}.ac-component .c-type-color--info{--text-color: var(--ac-color-info);--hover-bg-color: var(--ac-color-info);--hover-text-color: var(--neutral-0)}.ac-component .c-type-color--dark{--text-color: var(--neutral-0);--hover-bg-color: var(--neutral-800);--hover-text-color: var(--neutral-0)}.ac-component .c-chip{display:inline-flex;padding:0;border-radius:.25rem;background:var(--neutral-100);color:var(--neutral-700);font-size:.75rem;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ac-component .c-indicator{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;border-radius:999px;background:var(--neutral-200);color:var(--neutral-700);font-family:var(--ac-font-family);font-size:.7rem;font-weight:700;font-variant-numeric:tabular-nums}.ac-component .c-scroll{scrollbar-width:thin;scrollbar-color:var(--neutral-300) rgba(0,0,0,0)}.ac-component .c-scroll::-webkit-scrollbar{width:.5rem;height:.5rem}.ac-component .c-scroll::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.ac-component .c-scroll::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:999px;border:2px solid rgba(0,0,0,0);background-clip:content-box;transition:background-color .15s}.ac-component .c-scroll::-webkit-scrollbar-thumb:hover{background:var(--neutral-500);background-clip:content-box}.ac-component .c-scroll::-webkit-scrollbar-corner{background:rgba(0,0,0,0)}.ac-component .c-placeholder{flex:1;font-style:italic;min-width:0;padding:var(--ac-input-padding);color:var(--ac-placeholder-color);user-select:none}.ac-component .c-input{width:100%;font-family:inherit;letter-spacing:-0.36px;border:none;background:rgba(0,0,0,0);padding:var(--ac-input-padding);font-size:var(--ac-field-font-size);color:var(--neutral-900)}.ac-component .c-input::placeholder{color:var(--ac-placeholder-color);font-style:italic}.ac-component .c-input:-webkit-autofill,.ac-component .c-input:-webkit-autofill:hover,.ac-component .c-input:-webkit-autofill:focus,.ac-component .c-input:-webkit-autofill:active{border-radius:inherit}.ac-component .c-input:focus,.ac-component .c-input:focus-within,.ac-component .c-input:focus-visible,.ac-component .c-focus:focus,.ac-component .c-focus:focus-within,.ac-component .c-focus:focus-visible{border-color:var(--ac-color-lighter-blue);outline:0}.ac-component .c-input-wrapper{position:relative;display:flex;flex-direction:column;gap:.25rem}.ac-component .c-textarea{resize:none}.ac-component .c-input-row{display:flex;align-items:center;font-family:inherit;border:1px solid var(--neutral-200);border-radius:var(--ac-field-border-radius);background:var(--neutral-0);font-size:var(--ac-field-font-size);color:var(--neutral-900);transition:border-color .15s}.ac-component .c-input-row::placeholder{color:var(--ac-placeholder-color);font-style:italic}.ac-component .c-input-row--disabled{background:var(--neutral-50);cursor:not-allowed}.ac-component .c-input-row:is(input,textarea){padding:var(--ac-input-padding)}.ac-component .c-input-row:hover{border-color:var(--neutral-300)}.ac-component .c-input-row:focus-within,.ac-component .c-input-row:focus,.ac-component .c-input-row:focus-visible,.ac-component .c-input-row--focus{border-color:var(--ac-color-lighter-blue);box-shadow:0 0 0 2px rgba(21,112,239,.1)}.ac-component .c-input-row:focus-within:hover,.ac-component .c-input-row:focus:hover,.ac-component .c-input-row:focus-visible:hover,.ac-component .c-input-row--focus:hover{border-color:var(--ac-color-darker-blue)}.ac-component .c-input-row--sm{border-radius:var(--ac-field-border-radius-sm);font-size:var(--ac-field-font-size-sm)}.ac-component .c-input-row--sm:is(input,textarea){padding:var(--ac-input-padding-sm)}.ac-component .c-input-row--sm .c-icon-btn{font-size:var(--ac-field-font-size-sm)}.ac-component .c-input-row--sm .c-placeholder{font-size:var(--ac-field-font-size-sm);padding:var(--ac-input-padding-sm)}.ac-component .c-input-row--sm .c-input{padding:var(--ac-input-padding-sm);font-size:var(--ac-field-font-size-sm)}.ac-component .c-input-row--lg{border-radius:var(--ac-field-border-radius-lg);font-size:var(--ac-field-font-size-lg)}.ac-component .c-input-row--lg:is(input,textarea){padding:var(--ac-input-padding-lg)}.ac-component .c-input-row--lg .c-icon-btn{font-size:var(--ac-field-font-size-lg)}.ac-component .c-input-row--lg .c-placeholder{font-size:var(--ac-field-font-size-lg);padding:var(--ac-input-padding-lg)}.ac-component .c-input-row--lg .c-input{padding:var(--ac-input-padding-lg);font-size:var(--ac-field-font-size-lg)}.ac-component .c-icon-btn{display:flex;align-items:center;justify-content:center;border:none;background:rgba(0,0,0,0);cursor:pointer;transition:color .15s}.ac-component .c-icon-btn--clear{color:var(--neutral-400);padding-left:0;padding-right:.25rem}.ac-component .c-icon-btn--clear:hover{color:var(--ac-color-error)}.ac-component .c-icon-btn--chevron{color:var(--neutral-500);transition:transform .2s}.ac-component .c-icon-btn--chevron-open{transform:rotate(180deg)}.ac-component .c-icon-btn--calendar{font-size:.925rem;color:var(--neutral-500);padding-inline:.375rem}.ac-component .c-icon-btn--calendar:hover{color:var(--site-500)}.ac-component .c-icon-btn--hidden{visibility:hidden;pointer-events:none}.ac-component .c-dropdown{background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--ac-field-border-radius);box-shadow:0 2px 12px rgba(0,0,0,.5);overflow:hidden}.ac-component .c-footer{display:flex;align-items:center;justify-content:flex-end;gap:1rem;margin-top:.25rem;padding:.5rem;border-top:1px solid var(--neutral-100)}.ac-component .c-checkbox{display:inline-block;width:1rem;height:1rem;vertical-align:middle;position:relative;cursor:pointer;border:1.5px solid var(--neutral-300);border-radius:.25rem;background:var(--neutral-0);transition:border-color .15s,background-color .15s}.ac-component .c-checkbox:hover{border-color:var(--ac-color-info);background:var(--premium-300)}.ac-component .c-checkbox::after{content:"";position:absolute;top:50%;left:50%;width:.3rem;height:.55rem;border:solid #fff;border-width:0 2px 2px 0;transform:translate(-50%, -60%) rotate(45deg);opacity:0}.ac-component .c-checkbox--checked,.ac-component .c-checkbox:checked{border-color:var(--ac-color-info);background:var(--ac-color-info)}.ac-component .c-checkbox--checked::after,.ac-component .c-checkbox:checked::after{opacity:1}.ac-component .c-checkbox--checked:hover,.ac-component .c-checkbox:checked:hover{background:var(--premium-300)}.ac-component .c-checkbox--disabled,.ac-component .c-checkbox:disabled{opacity:.5;cursor:not-allowed}.ac-component input.c-checkbox{appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0}.ac-component .c-checkbox-wrapper{display:inline-flex;align-items:center;line-height:1}.ac-component .c-checkbox-wrapper .c-checkbox-inner{display:inline-flex;align-items:center;gap:.25rem;cursor:pointer}.ac-component .c-checkbox-wrapper .c-checkbox-inner:hover .c-checkbox{border-color:var(--ac-color-primary);background:rgba(var(--ac-color-primary-rgb), 0.2)}.ac-component .c-checkbox-wrapper .c-checkbox-inner:hover .c-checkbox:checked,.ac-component .c-checkbox-wrapper .c-checkbox-inner:hover .c-checkbox--checked{background:var(--ac-color-darker-blue)}.ac-component .c-label{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--neutral-600)}.ac-component .c-label--on-border{position:absolute;top:-0.5lh;left:.5rem;padding:0 .125rem;font-size:.7rem;background:var(--neutral-0);text-transform:none}.ac-component .c-btn-group{display:inline-flex;border-radius:var(--ac-field-border-radius);gap:0 !important;flex-wrap:nowrap !important}.ac-component .c-btn-group>.c-btn{border-radius:0}.ac-component .c-btn-group>*>.c-btn{border-radius:0}.ac-component .c-btn-group>.c-btn:not(:last-child),.ac-component .c-btn-group>*:not(:last-child)>.c-btn{border-right-width:0}.ac-component .c-btn-group>.c-btn:first-child,.ac-component .c-btn-group>*:first-child>.c-btn{border-top-left-radius:var(--ac-field-border-radius);border-bottom-left-radius:var(--ac-field-border-radius)}.ac-component .c-btn-group>.c-btn:last-child,.ac-component .c-btn-group>*:last-child>.c-btn{border-top-right-radius:var(--ac-field-border-radius);border-bottom-right-radius:var(--ac-field-border-radius)}.ac-component .c-btn-group-vertical{display:inline-flex;flex-direction:column;border-radius:var(--ac-field-border-radius)}.ac-component .c-btn-group-vertical>.c-btn{border-radius:0;width:100%}.ac-component .c-btn-group-vertical>*>.c-btn{border-radius:0;width:100%}.ac-component .c-btn-group-vertical>.c-btn:not(:last-child),.ac-component .c-btn-group-vertical>*:not(:last-child)>.c-btn{border-bottom-width:0}.ac-component .c-btn-group-vertical>.c-btn:first-child,.ac-component .c-btn-group-vertical>*:first-child>.c-btn{border-top-left-radius:var(--ac-field-border-radius);border-top-right-radius:var(--ac-field-border-radius)}.ac-component .c-btn-group-vertical>.c-btn:last-child,.ac-component .c-btn-group-vertical>*:last-child>.c-btn{border-bottom-left-radius:var(--ac-field-border-radius);border-bottom-right-radius:var(--ac-field-border-radius)}.ac-component .c-btn{--btn-color: var(--neutral-200);--btn-bg: var(--background-50);--btn-text: var(--neutral-800);--btn-hover-bg: var(--neutral-100);--btn-hover-border: var(--neutral-300);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--neutral-700);font-family:var(--ac-font-family);letter-spacing:-0.18px;display:inline-flex;align-items:center;gap:.375em;padding:var(--ac-field-padding);border:1px solid var(--btn-color);border-radius:var(--ac-field-border-radius);background:var(--btn-bg);color:var(--btn-text);font-size:var(--ac-field-font-size);font-weight:500;cursor:pointer;text-transform:capitalize;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s}.ac-component .c-btn i{line-height:inherit}.ac-component .c-btn span.btn-label{line-height:1}.ac-component .c-btn:hover,.ac-component .c-btn:active{background:var(--btn-hover-bg);border-color:var(--btn-hover-border)}.ac-component .c-btn:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(242,101,34,.12)}.ac-component .c-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.ac-component .c-btn .c-btn-indicator{--padding-inline: 0.3125rem;display:inline-flex;align-items:center;justify-content:center;margin-left:.325rem;padding:.0625rem var(--padding-inline);padding-right:calc(var(--padding-inline) + 1px);border-radius:999px;color:var(--btn-indicator-text);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:600;background:var(--btn-indicator-bg)}.ac-component .c-btn-sm{padding:var(--ac-field-padding-sm);font-size:var(--ac-field-font-size-sm);border-radius:var(--ac-field-border-radius-sm)}.ac-component .c-btn-lg{padding:var(--ac-field-padding-lg);font-size:var(--ac-field-font-size-lg);border-radius:var(--ac-field-border-radius-lg)}.ac-component .c-btn-dark{--btn-color: var(--neutral-800);--btn-bg: var(--neutral-800);--btn-text: var(--neutral-0);--btn-hover-bg: var(--neutral-900);--btn-hover-border: var(--neutral-900);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--neutral-800)}.ac-component .c-btn-outline{--btn-bg: transparent;--btn-color: var(--neutral-300);--btn-text: var(--neutral-800);--btn-hover-bg: var(--neutral-800);--btn-hover-border: var(--neutral-500);--btn-indicator-bg: var(--neutral-100);--btn-indicator-text: var(--neutral-800)}.ac-component .c-btn-outline:hover,.ac-component .c-btn-outline:active{color:var(--neutral-0)}.ac-component .c-btn-primary{--btn-bg: var(--ac-color-primary);--btn-color: var(--ac-color-primary);--btn-hover-bg: color-mix(in srgb, var(--ac-color-primary) 85%, black);--btn-hover-border: color-mix(in srgb, var(--ac-color-primary) 85%, black);--btn-text: var(--neutral-0);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--ac-color-primary)}.ac-component .c-btn-success{--btn-color: var(--ac-color-success);--btn-bg: var(--ac-color-success);--btn-text: var(--neutral-0);--btn-hover-bg: color-mix(in srgb, var(--ac-color-success) 85%, black);--btn-hover-border: color-mix(in srgb, var(--ac-color-success) 85%, black);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--ac-color-success)}.ac-component .c-btn-error{--btn-color: var(--ac-color-error);--btn-bg: var(--ac-color-error);--btn-text: var(--neutral-0);--btn-hover-bg: color-mix(in srgb, var(--ac-color-error) 85%, black);--btn-hover-border: color-mix(in srgb, var(--ac-color-error) 85%, black);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--ac-color-error)}.ac-component .c-btn-warning{--btn-color: var(--ac-color-warning);--btn-bg: var(--ac-color-warning);--btn-text: var(--neutral-0);--btn-hover-bg: color-mix(in srgb, var(--ac-color-warning) 85%, black);--btn-hover-border: color-mix(in srgb, var(--ac-color-warning) 85%, black);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--ac-color-warning)}.ac-component .c-btn-info{--btn-color: var(--ac-color-info);--btn-bg: var(--ac-color-info);--btn-text: var(--neutral-0);--btn-hover-bg: color-mix(in srgb, var(--ac-color-info) 85%, black);--btn-hover-border: color-mix(in srgb, var(--ac-color-info) 85%, black);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--ac-color-info)}.ac-component .c-btn-outline.c-btn-success{--btn-bg: transparent;--btn-text: var(--ac-color-success);--btn-hover-bg: var(--ac-color-success);--btn-hover-border: var(--ac-color-success);--btn-indicator-bg: var(--ac-color-success);--btn-indicator-text: var(--neutral-0)}.ac-component .c-btn-outline.c-btn-success:hover,.ac-component .c-btn-outline.c-btn-success:active{color:var(--neutral-0);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--neutral-700)}.ac-component .c-btn-outline.c-btn-error{--btn-bg: transparent;--btn-text: var(--ac-color-error);--btn-hover-bg: var(--ac-color-error);--btn-hover-border: var(--ac-color-error);--btn-indicator-bg: var(--ac-color-error);--btn-indicator-text: var(--neutral-0)}.ac-component .c-btn-outline.c-btn-error:hover,.ac-component .c-btn-outline.c-btn-error:active{color:var(--neutral-0);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--neutral-700)}.ac-component .c-btn-outline.c-btn-warning{--btn-bg: transparent;--btn-text: var(--ac-color-warning);--btn-hover-bg: var(--ac-color-warning);--btn-hover-border: var(--ac-color-warning);--btn-indicator-bg: var(--ac-color-warning);--btn-indicator-text: var(--neutral-900)}.ac-component .c-btn-outline.c-btn-warning:hover,.ac-component .c-btn-outline.c-btn-warning:active{color:var(--neutral-900);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--neutral-700)}.ac-component .c-btn-outline.c-btn-info{--btn-bg: transparent;--btn-text: var(--ac-color-info);--btn-hover-bg: var(--ac-color-info);--btn-hover-border: var(--ac-color-info);--btn-indicator-bg: var(--ac-color-info);--btn-indicator-text: var(--neutral-0)}.ac-component .c-btn-outline.c-btn-info:hover,.ac-component .c-btn-outline.c-btn-info:active{color:var(--neutral-0);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--neutral-700)}.ac-component .c-btn-outline.c-btn-dark{--btn-bg: transparent;--btn-color: var(--neutral-800);--btn-text: var(--neutral-800);--btn-hover-bg: var(--neutral-800);--btn-hover-border: var(--neutral-800);--btn-indicator-bg: var(--neutral-800);--btn-indicator-text: var(--neutral-0)}.ac-component .c-btn-outline.c-btn-dark:hover,.ac-component .c-btn-outline.c-btn-dark:active{color:var(--neutral-0);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--neutral-700)}.ac-component .vf-checkbox-wrapper{display:flex;align-items:center;gap:.25rem}.ac-component .vf-input-field::placeholder{color:var(--ac-placeholder-color)}*,*::before,*::after{box-sizing:border-box}body{margin:0;padding:0}.ac-container{position:fixed;inset:0;display:flex;flex-direction:column;overflow:hidden}.ac-container .data-list-section{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}