@cryptlex/web-components 4.1.0 → 5.1.0

package/dist/_virtual/index.es.js

@@ -0,0 +1,5 @@
+var e = { exports: {} };
+export {
+  e as __module
+};
+//# sourceMappingURL=index.es.js.map

package/dist/_virtual/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/use-sync-external-store-shim.development.es.js

@@ -0,0 +1,5 @@
+var e = {};
+export {
+  e as __exports
+};
+//# sourceMappingURL=use-sync-external-store-shim.development.es.js.map

package/dist/_virtual/use-sync-external-store-shim.development.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-sync-external-store-shim.development.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/use-sync-external-store-shim.production.es.js

@@ -0,0 +1,5 @@
+var r = {};
+export {
+  r as __exports
+};
+//# sourceMappingURL=use-sync-external-store-shim.production.es.js.map

package/dist/_virtual/use-sync-external-store-shim.production.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-sync-external-store-shim.production.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/data-table/data-table-filter.es.js

@@ -1,17 +1,17 @@
-import { jsx as t, jsxs as s } from "react/jsx-runtime";
-import { useDataTable as B } from "./data-table.es.js";
-import { getResourceDisplayName as b } from "./table-commons.es.js";
-import { DropdownMenu as x, DropdownMenuTrigger as F } from "../../node_modules/.pnpm/@radix-ui_react-dropdown-menu@2.1.15_@types_react-dom@19.1.0_@types_react@19.1.0_react-dom@19.1.0_react@19.1.0/node_modules/@radix-ui/react-dropdown-menu/dist/index.es.js";
-import { Popover as D, PopoverTrigger as I } from "../../node_modules/.pnpm/@radix-ui_react-popover@1.1.14_@types_react-dom@19.1.0_@types_react@19.1.0_react-dom@19.1.0_react@19.1.0/node_modules/@radix-ui/react-popover/dist/index.es.js";
-import { Filter as M, Trash as j } from "lucide-react";
-import { useState as O, useRef as R, useCallback as _ } from "react";
-import { PopoverContent as S } from "../ui/popover.es.js";
-import { DropdownMenuContent as N, DropdownMenuItem as q } from "../ui/dropdown-menu.es.js";
-import { Input as g } from "../inputs/input.es.js";
-import { cn as E } from "../../utils/primitives.es.js";
+import { jsx as e, jsxs as s, Fragment as m } from "react/jsx-runtime";
+import { useDataTable as T } from "./data-table.es.js";
+import { SelectItem as w } from "../inputs/select.es.js";
+import { EasyMenu as S, MenuItem as x } from "../ui/menu.es.js";
+import { useResourceFormatter as O } from "../../utils/resource-names.es.js";
+import { Filter as R, Trash as P } from "lucide-react";
+import { useRef as d } from "react";
+import { useAppForm as q } from "../../utils/form-hook.es.js";
+import { TfDatePicker as D } from "../inputs/date-picker.es.js";
+import { TfIdSearchInput as E } from "../inputs/id-search.es.js";
+import { cn as N } from "../../utils/primitives.es.js";
+import { PopoverTrigger as $, Popover as I } from "../ui/popover.es.js";
 import { Button as c } from "../ui/button.es.js";
-import { Checkbox as L } from "../inputs/checkbox.es.js";
-const te = [
+const X = [
   "eq",
   "ne",
   "cn",
@@ -24,7 +24,7 @@ const te = [
   "gte",
   "lt",
   "lte"
-], A = {
+], _ = {
   eq: "equal to",
   ne: "not equal to",
   cn: "contains",
@@ -37,7 +37,7 @@ const te = [
   gte: "greater than or equal to",
   lt: "less than",
   lte: "less than or equal to"
-}, k = {
+}, h = {
   bool: ["eq"],
   enum: ["in", "nin"],
   id: ["in", "nin"],
@@ -45,134 +45,88 @@ const te = [
   string: ["eq", "ne", "cn", "nc", "sw", "ew", "in", "nin"],
   date: ["lt", "gt"]
 };
-function z(d, m, h) {
-  return d.map((u, f) => f === m ? h(u) : u);
-}
-function ne({ className: d, ...m }) {
-  const { filters: h, query: u, setFilters: f, filterConfig: v } = B(), [p, l] = O([]);
-  R([]);
-  const y = R(null), w = _(
-    (e, i) => {
-      l(
-        (n) => z(n, e, (r) => ({ ...r, ...i }))
-      );
-    },
-    [l]
-  ), P = _(
-    (e) => {
-      l((i) => i.filter((n, r) => r !== e));
+function Y({ className: f, ...g }) {
+  const { filters: F, query: y, setFilters: v, filterConfig: o } = T();
+  d([]);
+  const A = d(null), p = O(), a = q({
+    defaultValues: {
+      // TODO, initialize with filters from tableState
+      filters: []
     },
-    [l]
-  );
-  function T({ id: e, filter: i, onChange: n }) {
-    const [r, a] = O(i.value);
-    switch (i.type) {
-      case "bool":
-        return /* @__PURE__ */ t(
-          L,
-          {
-            id: e,
-            checked: r,
-            onChange: (o) => a(o.target.value),
-            onBlur: (o) => n({ value: r })
-          }
-        );
-      case "date":
-        return /* @__PURE__ */ t(
-          g,
-          {
-            id: e,
-            type: "date",
-            value: r,
-            onChange: (o) => a(o.target.value),
-            onBlur: (o) => n({ value: r })
-          }
-        );
-      case "enum":
-        break;
-      case "id":
-        return /* @__PURE__ */ t(
-          g,
-          {
-            id: e,
-            type: "text",
-            value: r,
-            onChange: (o) => a(o.target.value),
-            onBlur: (o) => n({ value: r })
-          }
-        );
-      case "id-search":
-        break;
-      case "string":
-        return /* @__PURE__ */ t(
-          g,
-          {
-            id: e,
-            type: "text",
-            value: r,
-            onChange: (o) => a(o.target.value),
-            onBlur: (o) => n({ value: r })
-          }
-        );
+    onSubmit: ({ value: i }) => {
+      v(i.filters.map((t) => ({ [t.property]: { [t.operator]: [t.value] } })));
     }
-  }
-  const C = Object.keys(v).sort();
-  return /* @__PURE__ */ t("section", { ...m, className: E("flex gap-icon items-center", d), children: /* @__PURE__ */ s(D, { onOpenChange: (e) => {
-    var i;
-    e ? (i = y.current) == null || i.focus() : f(p.map((n) => ({ [n.property]: { [n.operator]: [n.value] } })));
+  }), u = Object.keys(o).sort();
+  return /* @__PURE__ */ e("section", { ...g, className: N("flex gap-icon items-center", f), children: /* @__PURE__ */ s($, { onOpenChange: (i) => {
+    var t;
+    i ? (t = A.current) == null || t.focus() : a.handleSubmit();
   }, children: [
-    /* @__PURE__ */ t(I, { asChild: !0, children: /* @__PURE__ */ t(c, { active: h.length > 0, disabled: u.isPending || C.length === 0, type: "button", size: "icon", variant: "neutral", icon: () => M }) }),
-    /* @__PURE__ */ s(S, { align: "end", className: "min-w-xs w-full p-icon", children: [
-      p.length > 0 && /* @__PURE__ */ t("div", { className: "flex flex-col gap-icon max-h-table overflow-auto border-y py-2", children: p.map((e, i) => {
-        const n = `${e.property}-${i}`;
-        return /* @__PURE__ */ s("div", { className: "flex gap-icon items-center justify-normal", children: [
-          /* @__PURE__ */ t("span", { className: "text-sm", children: b(e.property, "admin-portal") }),
-          /* @__PURE__ */ s(x, { children: [
-            /* @__PURE__ */ t(F, { asChild: !0, children: /* @__PURE__ */ t(c, { children: A[e.operator] }) }),
-            /* @__PURE__ */ t(N, { children: k[e.type].map((r) => /* @__PURE__ */ t(q, { onClick: (a) => w(i, { ...e, operator: r }), children: A[r] })) })
-          ] }),
-          /* @__PURE__ */ t(T, { id: n, filter: e, onChange: (r) => {
-            w(i, { ...e, ...r });
-          } }, n),
-          /* @__PURE__ */ t(c, { type: "button", variant: "destructive", size: "icon", icon: () => j, onClick: () => P(i) })
-        ] }, n);
-      }) }),
+    /* @__PURE__ */ e(c, { active: F.length > 0, isDisabled: y.isPending || u.length === 0, type: "button", size: "icon", variant: "neutral", children: /* @__PURE__ */ e(R, {}) }),
+    /* @__PURE__ */ e(I, { className: "w-full p-icon", children: /* @__PURE__ */ e("form", { onSubmit: (i) => {
+      i.preventDefault();
+    }, className: "flex flex-col gap-icon max-h-table overflow-auto ", children: /* @__PURE__ */ e(a.Field, { mode: "array", name: "filters", children: (i) => /* @__PURE__ */ s(m, { children: [
+      i.state.value.map((t, n) => /* @__PURE__ */ s("div", { className: "flex gap-icon items-center justify-normal", children: [
+        /* @__PURE__ */ e("span", { className: "text-sm", children: p(t.property) }),
+        /* @__PURE__ */ e(
+          a.AppField,
+          {
+            name: `filters[${n}].operator`,
+            children: (r) => /* @__PURE__ */ e(r.TfSingleSelect, { items: h[t.type].map((l) => ({ id: l, label: /* @__PURE__ */ e(m, { children: _[l] }) })), children: (l) => /* @__PURE__ */ e(w, { id: l.id, children: l.label }) })
+          },
+          t.id
+        ),
+        t.type === "bool" && /* @__PURE__ */ e(a.AppField, { name: `filters[${n}].value`, children: (r) => /* @__PURE__ */ e(r.TfCheckbox, {}) }),
+        t.type === "date" && /* @__PURE__ */ e(a.AppField, { name: `filters[${n}].value`, children: (r) => /* @__PURE__ */ e(D, {}) }),
+        t.type === "id" && /* @__PURE__ */ e(a.AppField, { name: `filters[${n}].value`, children: (r) => /* @__PURE__ */ e(r.TfTextField, {}) }),
+        t.type === "string" && /* @__PURE__ */ e(a.AppField, { name: `filters[${n}].value`, children: (r) => /* @__PURE__ */ e(r.TfTextField, {}) }),
+        t.type === "enum" && /* @__PURE__ */ e(a.AppField, { name: `filters[${n}].value`, children: (r) => /* @__PURE__ */ e(r.TfMultiSelect, { items: o[t.property].options }) }),
+        t.type === "id-search" && /* @__PURE__ */ e(a.AppField, { name: `filters[${n}].value`, children: (r) => /* @__PURE__ */ e(E, { multiple: !0, accessor: "id", searchFn: o[t.property].search }) }),
+        /* @__PURE__ */ e(c, { type: "button", variant: "destructive", size: "icon", onPress: () => i.removeValue(n), children: /* @__PURE__ */ e(P, {}) })
+      ] }, t.id)),
       /* @__PURE__ */ s("div", { className: "flex w-full items-center justify-end gap-2 not-first:mt-icon", children: [
-        /* @__PURE__ */ s(x, { children: [
-          /* @__PURE__ */ t(F, { asChild: !0, children: /* @__PURE__ */ t(c, { ref: y, variant: "neutral", children: "Add Filter" }) }),
-          /* @__PURE__ */ t(N, { children: C.map((e) => /* @__PURE__ */ t(q, { onClick: (i) => {
-            const n = v[e].type, r = (o) => {
-              if (o === "bool")
+        /* @__PURE__ */ e(S, { label: "Add Filter", children: u.map((t) => /* @__PURE__ */ e(x, { onAction: () => {
+          const n = o[t].type, r = (b) => {
+            switch (b) {
+              case "bool":
                 return !0;
-              if (o === "string")
+              case "string":
+                return "";
+              case "date":
+                return (/* @__PURE__ */ new Date()).toISOString();
+              case "id":
                 return "";
-            }, a = {
-              operator: k[n][0],
-              value: r(n),
-              type: n,
-              property: e
-            };
-            l((o) => [...o, a]);
-          }, className: "dropdown-item", role: "menuitem", children: b(e, "admin-portal") }, e)) })
-        ] }),
-        p.length > 0 ? /* @__PURE__ */ t(
+              case "id-search":
+                return [];
+              case "enum":
+                return [];
+            }
+          }, l = {
+            id: `${t}-${Date.now()}`,
+            operator: h[n][0],
+            value: r(n),
+            type: n,
+            property: t
+          };
+          i.pushValue(l);
+        }, className: "dropdown-item", children: p(t) }, t)) }),
+        i.state.value.length > 0 ? /* @__PURE__ */ e(
           c,
           {
+            type: "button",
             variant: "neutral",
-            onClick: () => {
-              l([]);
+            onPress: () => {
+              i.setValue([]);
             },
             children: "Reset filters"
           }
         ) : null
       ] })
-    ] })
+    ] }) }) }) })
   ] }) });
 }
 export {
-  A as COMPARISON_OPERATOR_LABELS,
-  ne as DataTableFilter,
-  te as FILTER_COMPARISON_OPERATORS,
-  z as replaceAt
+  _ as COMPARISON_OPERATOR_LABELS,
+  Y as DataTableFilter,
+  X as FILTER_COMPARISON_OPERATORS
 };
 //# sourceMappingURL=data-table-filter.es.js.map

package/dist/components/data-table/data-table-filter.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-filter.es.js","sources":["../../../lib/components/data-table/data-table-filter.tsx"],"sourcesContent":["import { useDataTable, type OperationKeys } from \"@/components/data-table/data-table\";\nimport { getResourceDisplayName, type ApiFilters } from \"@/components/data-table/table-commons\";\nimport { Checkbox, Input, type MultiSelectProps } from \"@/components/inputs\";\nimport { Button, DropdownMenuContent, DropdownMenuItem, PopoverContent } from \"@/components/ui\";\nimport { cn } from \"@/utils\";\nimport { DropdownMenu, DropdownMenuTrigger } from \"@radix-ui/react-dropdown-menu\";\nimport { Popover, PopoverTrigger } from \"@radix-ui/react-popover\";\nimport { type UseQueryResult } from \"@tanstack/react-query\";\nimport { Filter, Trash } from \"lucide-react\";\nimport { useCallback, useRef, useState } from \"react\";\n\nexport const FILTER_COMPARISON_OPERATORS = [\n    'eq',\n    'ne',\n    'cn',\n    'nc',\n    'sw',\n    'ew',\n    'in',\n    'nin',\n    'gt',\n    'gte',\n    'lt',\n    'lte',\n] as const;\nexport type FilterComparisonOperator =\n    (typeof FILTER_COMPARISON_OPERATORS)[number];\n\nexport const COMPARISON_OPERATOR_LABELS: Record<\n    FilterComparisonOperator,\n    string\n> = {\n    eq: 'equal to',\n    ne: 'not equal to',\n    cn: 'contains',\n    nc: 'does not contain',\n    sw: 'starts with',\n    ew: 'ends with',\n    in: 'includes',\n    nin: 'does not include',\n    gt: 'greater than',\n    gte: 'greater than or equal to',\n    lt: 'less than',\n    lte: 'less than or equal to',\n};\n\ntype BaseLocalFilter<T extends FilterType, V> = {\n    type: T;\n    property: string;\n    operator: FilterComparisonOperator;\n    value: V;\n    displayValue?: string;\n};\ntype EnumLocalFilter = BaseLocalFilter<'enum', string[]>;\ntype IdLocalFilter = BaseLocalFilter<'id', string>;\ntype BoolLocalFilter = BaseLocalFilter<'bool', boolean>;\ntype StringLocalFilter = BaseLocalFilter<'string', string>;\ntype DateLocalFilter = BaseLocalFilter<'date', string>;  // ISO date string\ntype IdSearchLocalFilter = BaseLocalFilter<'id-search', string[]>;\n\ntype LocalFilter = EnumLocalFilter\n    | IdLocalFilter\n    | BoolLocalFilter\n    | StringLocalFilter\n    | DateLocalFilter\n    | IdSearchLocalFilter;\n\nexport type FilterConfig =\n    // TODO, think about string[], and all the possible values we send to the backend\n    | { type: 'enum'; component: React.FC<MultiSelectProps> }\n    | { type: 'id' }\n    | { type: 'bool' }\n    | { type: 'string' }\n    | { type: 'date' }\n    | {\n        type: 'id-search'; search: UseQueryResult<{\n            id: string;\n            name: string;\n        }, Error>\n    };\n\nexport type FilterType = FilterConfig['type'];\n\nconst FilterOperations: Record<FilterType, FilterComparisonOperator[]> = {\n    'bool': ['eq'],\n    'enum': ['in', 'nin'],\n    'id': ['in', 'nin'],\n    'id-search': ['in', 'nin'],\n    'string': ['eq', 'ne', 'cn', 'nc', 'sw', 'ew', 'in', 'nin'],\n    'date': ['lt', 'gt'],\n}\n\nexport function replaceAt<T>(\n    array: readonly T[],\n    index: number,\n    updater: (item: T) => T\n): T[] {\n    return array.map((item, i) => (i === index ? updater(item) : item));\n}\n\nexport type FiltersConfig<TOperation extends OperationKeys> = Required<Record<keyof ApiFilters<TOperation>, FilterConfig>>\ntype TableFilterProps = React.ComponentProps<'section'>;\n\nexport function DataTableFilter({ className, ...props }: TableFilterProps) {\n    const { filters, query, setFilters, filterConfig } = useDataTable();\n\n\n\n    const [localFilters, setLocalFilters] = useState<LocalFilter[]>([]);\n    const localFilterRefs = useRef([]);\n    const addFilterButtonRef = useRef<HTMLButtonElement>(null);\n\n    const updateFilterAt = useCallback(\n        (idx: number, change: Partial<Pick<LocalFilter, 'displayValue' | 'operator' | 'value'>>) => {\n            setLocalFilters(prev =>\n                replaceAt(prev, idx, f => ({ ...f, ...change }))\n            );\n        },\n        [setLocalFilters]\n    );\n\n    const removeFilterAt = useCallback(\n        (idx: number) => {\n            setLocalFilters(prev => prev.filter((_, i) => i !== idx));\n        },\n        [setLocalFilters]\n    );\n\n\n\n    function FilterInput({ id, filter, onChange }: { id: string; filter: LocalFilter, onChange: (v: Partial<LocalFilter>) => void }) {\n        const [value, setValue] = useState(filter.value);\n\n        switch (filter.type) {\n            case 'bool':\n                return (\n                    <Checkbox\n                        id={id}\n                        checked={value}\n                        onChange={e => setValue(e.target.value)}\n                        onBlur={(_) => onChange({ value })}\n                    />\n                );;\n            case 'date':\n                return (\n                    <Input\n                        id={id}\n                        type=\"date\"\n                        value={value}\n                        onChange={e => setValue(e.target.value)}\n                        onBlur={(_) => onChange({ value })}\n                    />\n                );;\n            case 'enum':\n                break;\n            // return c.component;\n            case 'id':\n                return (\n                    <Input\n                        id={id}\n                        type=\"text\"\n                        value={value}\n                        onChange={e => setValue(e.target.value)}\n                        onBlur={(_) => onChange({ value })}\n                    />\n                );\n            case 'id-search':\n                break;\n            // return (\n            //     <IdSearchInput\n            //         value={value}\n            //         onChange={(id) => onChange(id)}\n            //     />\n            // );\n            case 'string':\n                return <Input\n                    id={id}\n                    type=\"text\"\n                    value={value}\n                    onChange={e => setValue(e.target.value)}\n                    onBlur={(_) => onChange({ value })}\n                />;\n        }\n    }\n\n    // More reason to hate TS https://github.com/Microsoft/TypeScript/issues/12870\n    const filterKeys = Object.keys(filterConfig).sort();\n\n    return (\n        <section {...props} className={cn(\"flex gap-icon items-center\", className)}>\n            {/* TODO, popover elevation-2, for being surface above card */}\n            {/* Dropdown for properties -> Trigger popover for property specific thingy */}\n            <Popover onOpenChange={(o) => {\n                // Set filters when the popover closes\n                if (!o) {\n                    // TODO, instead of generic transformation, use type based tranform()\n                    setFilters(localFilters.map(lf => { return { [lf.property]: { [lf.operator]: [lf.value] } } }))\n                } else {\n                    addFilterButtonRef.current?.focus();\n                }\n            }}>\n                <PopoverTrigger asChild>\n                    <Button active={filters.length > 0} disabled={query.isPending || filterKeys.length === 0} type=\"button\" size={'icon'} variant={'neutral'} icon={() => Filter} />\n                </PopoverTrigger>\n                {/* TODO, icon maps with dynamic imports? */}\n                {/* TODO open popover with form for property specific filter */}\n                {/* TODO, icons here??? */}\n                <PopoverContent align=\"end\" className=\"min-w-xs w-full p-icon\">\n                    {/* const h3Styles = \"body mb-icon text-muted-foreground\"; */}\n                    {/* <h3 className={h3Styles}>{isFiltersActive ? \"Active filters\" : \"Add filters\"}</h3> */}\n                    {localFilters.length > 0 && <div className=\"flex flex-col gap-icon max-h-table overflow-auto border-y py-2\">\n                        {\n                            localFilters.map((lf, i) => {\n                                const key = `${lf.property}-${i}`;\n\n                                // Each of these could be a group of filters\n                                // For example, License is Perpetual means expiresAt==null and subscriptionStartTrigger == null OR Creation Date is Date could mean createdAt[gt]=START_OF_DAY && createdAt[lt]=END_OF_DAY \n                                // However, since different filters on the same property could be applied in different groups, this can cause confusion.\n                                // TODO Find relative, could be primitive or object.[operator].primitive\n                                return <div key={key} className=\"flex gap-icon items-center justify-normal\">\n                                    <span className=\"text-sm\">{getResourceDisplayName(lf.property, 'admin-portal')}</span>\n                                    <DropdownMenu>\n                                        <DropdownMenuTrigger asChild>\n                                            <Button>{COMPARISON_OPERATOR_LABELS[lf.operator]}</Button>\n                                        </DropdownMenuTrigger>\n                                        <DropdownMenuContent>\n                                            {FilterOperations[lf.type].map(op => {\n                                                return <DropdownMenuItem onClick={(_) => updateFilterAt(i, { ...lf, operator: op })}>{COMPARISON_OPERATOR_LABELS[op]}</DropdownMenuItem>\n                                            })}\n                                        </DropdownMenuContent>\n                                    </DropdownMenu>\n                                    {/* TODO className */}\n                                    <FilterInput key={key} id={key} filter={lf} onChange={(v) => { updateFilterAt(i, ({ ...lf, ...v })) }} />\n                                    <Button type=\"button\" variant=\"destructive\" size=\"icon\" icon={() => Trash} onClick={() => removeFilterAt(i)}></Button>\n                                </div>\n                            })\n                        }\n                    </div>}\n                    <div className=\"flex w-full items-center justify-end gap-2 not-first:mt-icon\">\n                        <DropdownMenu>\n                            <DropdownMenuTrigger asChild>\n                                {/* TODO We ideally want to do a diff between localFilters and filters, and based on that, show a save button here. \n\t\t\t\t\t\t\t\tLook into ways in which the diffing is both complete and accurate. This can act as a debouncing mechanism for users that add more than one filter. (need more data on whether or not users add multiple filters at once) */}\n                                <Button ref={addFilterButtonRef} variant={'neutral'}>Add Filter</Button>\n                            </DropdownMenuTrigger>\n                            <DropdownMenuContent>\n                                {filterKeys.map(k => <DropdownMenuItem key={k} onClick={(_) => {\n                                    const type = filterConfig[k].type as FilterType;\n\n                                    const defaultValue = (t: FilterType) => {\n                                        if (t === 'bool') {\n                                            return true;\n                                        } else if (t === 'string') {\n                                            return '';\n                                        }\n                                    }\n\n                                    const newFilter: LocalFilter = {\n                                        operator: FilterOperations[type][0],\n                                        value: defaultValue(type),\n                                        type: type,\n                                        property: k,\n                                    };\n\n                                    setLocalFilters(prev => [...prev, newFilter])\n                                    // TODO Focus to ref\n\n                                }} className=\"dropdown-item\" role=\"menuitem\">{getResourceDisplayName(k, \"admin-portal\")}</DropdownMenuItem>)}\n                            </DropdownMenuContent>\n                        </DropdownMenu>\n                        {localFilters.length > 0 ? (\n                            <Button\n                                variant=\"neutral\"\n                                onClick={() => { setLocalFilters([]) }}\n                            >\n                                Reset filters\n                            </Button>\n                        ) : null}\n                    </div>\n                    {/* </> */}\n                </PopoverContent>\n            </Popover>\n            {/* TODO render default shown filters */}\n        </section>\n\n    );\n};\n"],"names":["FILTER_COMPARISON_OPERATORS","COMPARISON_OPERATOR_LABELS","FilterOperations","replaceAt","array","index","updater","item","i","DataTableFilter","className","props","filters","query","setFilters","filterConfig","useDataTable","localFilters","setLocalFilters","useState","useRef","addFilterButtonRef","updateFilterAt","useCallback","idx","change","prev","f","removeFilterAt","_","FilterInput","id","filter","onChange","value","setValue","jsx","Checkbox","e","Input","filterKeys","cn","jsxs","Popover","o","_a","lf","PopoverTrigger","Button","Filter","PopoverContent","key","DropdownMenu","DropdownMenuTrigger","DropdownMenuContent","op","DropdownMenuItem","v","Trash","type","k","defaultValue","t","newFilter","getResourceDisplayName"],"mappings":";;;;;;;;;;;;;AAWO,MAAMA,KAA8B;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAIaC,IAGT;AAAA,EACA,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,KAAK;AACT,GAuCMC,IAAmE;AAAA,EACrE,MAAQ,CAAC,IAAI;AAAA,EACb,MAAQ,CAAC,MAAM,KAAK;AAAA,EACpB,IAAM,CAAC,MAAM,KAAK;AAAA,EAClB,aAAa,CAAC,MAAM,KAAK;AAAA,EACzB,QAAU,CAAC,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,KAAK;AAAA,EAC1D,MAAQ,CAAC,MAAM,IAAI;AACvB;AAEO,SAASC,EACZC,GACAC,GACAC,GACG;AACH,SAAOF,EAAM,IAAI,CAACG,GAAMC,MAAOA,MAAMH,IAAQC,EAAQC,CAAI,IAAIA,CAAK;AACtE;AAKO,SAASE,GAAgB,EAAE,WAAAC,GAAW,GAAGC,KAA2B;AACvE,QAAM,EAAE,SAAAC,GAAS,OAAAC,GAAO,YAAAC,GAAY,cAAAC,EAAA,IAAiBC,EAAA,GAI/C,CAACC,GAAcC,CAAe,IAAIC,EAAwB,CAAA,CAAE;AAC1C,EAAAC,EAAO,CAAA,CAAE;AACjC,QAAMC,IAAqBD,EAA0B,IAAI,GAEnDE,IAAiBC;AAAA,IACnB,CAACC,GAAaC,MAA8E;AACxF,MAAAP;AAAA,QAAgB,CAAAQ,MACZvB,EAAUuB,GAAMF,GAAK,CAAAG,OAAM,EAAE,GAAGA,GAAG,GAAGF,IAAS;AAAA,MAAA;AAAA,IAEvD;AAAA,IACA,CAACP,CAAe;AAAA,EAAA,GAGdU,IAAiBL;AAAA,IACnB,CAACC,MAAgB;AACb,MAAAN,EAAgB,CAAAQ,MAAQA,EAAK,OAAO,CAACG,GAAGrB,MAAMA,MAAMgB,CAAG,CAAC;AAAA,IAC5D;AAAA,IACA,CAACN,CAAe;AAAA,EAAA;AAKpB,WAASY,EAAY,EAAE,IAAAC,GAAI,QAAAC,GAAQ,UAAAC,KAA8F;AAC7H,UAAM,CAACC,GAAOC,CAAQ,IAAIhB,EAASa,EAAO,KAAK;AAE/C,YAAQA,EAAO,MAAA;AAAA,MACX,KAAK;AACD,eACI,gBAAAI;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,IAAAN;AAAA,YACA,SAASG;AAAA,YACT,UAAU,CAAAI,MAAKH,EAASG,EAAE,OAAO,KAAK;AAAA,YACtC,QAAQ,CAACT,MAAMI,EAAS,EAAE,OAAAC,GAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MAG7C,KAAK;AACD,eACI,gBAAAE;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,IAAAR;AAAA,YACA,MAAK;AAAA,YACL,OAAAG;AAAA,YACA,UAAU,CAAAI,MAAKH,EAASG,EAAE,OAAO,KAAK;AAAA,YACtC,QAAQ,CAACT,MAAMI,EAAS,EAAE,OAAAC,GAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MAG7C,KAAK;AACD;AAAA,MAEJ,KAAK;AACD,eACI,gBAAAE;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,IAAAR;AAAA,YACA,MAAK;AAAA,YACL,OAAAG;AAAA,YACA,UAAU,CAAAI,MAAKH,EAASG,EAAE,OAAO,KAAK;AAAA,YACtC,QAAQ,CAACT,MAAMI,EAAS,EAAE,OAAAC,GAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MAG7C,KAAK;AACD;AAAA,MAOJ,KAAK;AACD,eAAO,gBAAAE;AAAA,UAACG;AAAA,UAAA;AAAA,YACJ,IAAAR;AAAA,YACA,MAAK;AAAA,YACL,OAAAG;AAAA,YACA,UAAU,CAAAI,MAAKH,EAASG,EAAE,OAAO,KAAK;AAAA,YACtC,QAAQ,CAACT,MAAMI,EAAS,EAAE,OAAAC,GAAO;AAAA,UAAA;AAAA,QAAA;AAAA,IACrC;AAAA,EAEZ;AAGA,QAAMM,IAAa,OAAO,KAAKzB,CAAY,EAAE,KAAA;AAE7C,SACI,gBAAAqB,EAAC,WAAA,EAAS,GAAGzB,GAAO,WAAW8B,EAAG,8BAA8B/B,CAAS,GAGrE,UAAA,gBAAAgC,EAACC,GAAA,EAAQ,cAAc,CAACC,MAAM;;AAE1B,IAAKA,KAIDC,IAAAxB,EAAmB,YAAnB,QAAAwB,EAA4B,UAF5B/B,EAAWG,EAAa,IAAI,CAAA6B,OAAe,EAAE,CAACA,EAAG,QAAQ,GAAG,EAAE,CAACA,EAAG,QAAQ,GAAG,CAACA,EAAG,KAAK,IAAE,EAAK,CAAC;AAAA,EAItG,GACI,UAAA;AAAA,IAAA,gBAAAV,EAACW,GAAA,EAAe,SAAO,IACnB,UAAA,gBAAAX,EAACY,GAAA,EAAO,QAAQpC,EAAQ,SAAS,GAAG,UAAUC,EAAM,aAAa2B,EAAW,WAAW,GAAG,MAAK,UAAS,MAAM,QAAQ,SAAS,WAAW,MAAM,MAAMS,EAAA,CAAQ,EAAA,CAClK;AAAA,IAIA,gBAAAP,EAACQ,GAAA,EAAe,OAAM,OAAM,WAAU,0BAGjC,UAAA;AAAA,MAAAjC,EAAa,SAAS,KAAK,gBAAAmB,EAAC,OAAA,EAAI,WAAU,kEAEnC,UAAAnB,EAAa,IAAI,CAAC6B,GAAI,MAAM;AACxB,cAAMK,IAAM,GAAGL,EAAG,QAAQ,IAAI,CAAC;AAM/B,eAAO,gBAAAJ,EAAC,OAAA,EAAc,WAAU,6CAC5B,UAAA;AAAA,UAAA,gBAAAN,EAAC,UAAK,WAAU,WAAW,YAAuBU,EAAG,UAAU,cAAc,GAAE;AAAA,4BAC9EM,GAAA,EACG,UAAA;AAAA,YAAA,gBAAAhB,EAACiB,GAAA,EAAoB,SAAO,IACxB,UAAA,gBAAAjB,EAACY,KAAQ,UAAA/C,EAA2B6C,EAAG,QAAQ,EAAA,CAAE,EAAA,CACrD;AAAA,8BACCQ,GAAA,EACI,UAAApD,EAAiB4C,EAAG,IAAI,EAAE,IAAI,CAAAS,wBACnBC,GAAA,EAAiB,SAAS,CAAC3B,MAAMP,EAAe,GAAG,EAAE,GAAGwB,GAAI,UAAUS,GAAI,GAAI,UAAAtD,EAA2BsD,CAAE,GAAE,CACxH,EAAA,CACL;AAAA,UAAA,GACJ;AAAA,UAEA,gBAAAnB,EAACN,KAAsB,IAAIqB,GAAK,QAAQL,GAAI,UAAU,CAACW,MAAM;AAAE,YAAAnC,EAAe,GAAI,EAAE,GAAGwB,GAAI,GAAGW,GAAI;AAAA,UAAE,KAAlFN,CAAqF;AAAA,UACvG,gBAAAf,EAACY,GAAA,EAAO,MAAK,UAAS,SAAQ,eAAc,MAAK,QAAO,MAAM,MAAMU,GAAO,SAAS,MAAM9B,EAAe,CAAC,EAAA,CAAG;AAAA,QAAA,EAAA,GAdhGuB,CAejB;AAAA,MACJ,CAAC,EAAA,CAET;AAAA,MACA,gBAAAT,EAAC,OAAA,EAAI,WAAU,gEACX,UAAA;AAAA,QAAA,gBAAAA,EAACU,GAAA,EACG,UAAA;AAAA,UAAA,gBAAAhB,EAACiB,GAAA,EAAoB,SAAO,IAGxB,UAAA,gBAAAjB,EAACY,GAAA,EAAO,KAAK3B,GAAoB,SAAS,WAAW,UAAA,aAAA,CAAU,GACnE;AAAA,UACA,gBAAAe,EAACkB,KACI,UAAAd,EAAW,IAAI,OAAK,gBAAAJ,EAACoB,GAAA,EAAyB,SAAS,CAAC3B,MAAM;AAC3D,kBAAM8B,IAAO5C,EAAa6C,CAAC,EAAE,MAEvBC,IAAe,CAACC,MAAkB;AACpC,kBAAIA,MAAM;AACN,uBAAO;AACX,kBAAWA,MAAM;AACb,uBAAO;AAAA,YAEf,GAEMC,IAAyB;AAAA,cAC3B,UAAU7D,EAAiByD,CAAI,EAAE,CAAC;AAAA,cAClC,OAAOE,EAAaF,CAAI;AAAA,cACxB,MAAAA;AAAA,cACA,UAAUC;AAAA,YAAA;AAGd,YAAA1C,EAAgB,CAAAQ,MAAQ,CAAC,GAAGA,GAAMqC,CAAS,CAAC;AAAA,UAGhD,GAAG,WAAU,iBAAgB,MAAK,YAAY,UAAAC,EAAuBJ,GAAG,cAAc,KArB1CA,CAqB4C,CAAmB,EAAA,CAC/G;AAAA,QAAA,GACJ;AAAA,QACC3C,EAAa,SAAS,IACnB,gBAAAmB;AAAA,UAACY;AAAA,UAAA;AAAA,YACG,SAAQ;AAAA,YACR,SAAS,MAAM;AAAE,cAAA9B,EAAgB,CAAA,CAAE;AAAA,YAAE;AAAA,YACxC,UAAA;AAAA,UAAA;AAAA,QAAA,IAGD;AAAA,MAAA,EAAA,CACR;AAAA,IAAA,EAAA,CAEJ;AAAA,EAAA,EAAA,CACJ,EAAA,CAEJ;AAGR;"}
+{"version":3,"file":"data-table-filter.es.js","sources":["../../../lib/components/data-table/data-table-filter.tsx"],"sourcesContent":["import { useDataTable, type OperationKeys } from \"@/components/data-table/data-table\";\nimport { type ApiFilters } from \"@/components/data-table/table-commons\";\nimport { TfDatePicker, TfIdSearchInput, type MultiSelectProps } from \"@/components/inputs\";\nimport { SelectItem } from \"@/components/inputs/select\";\nimport { Button, Popover, PopoverTrigger, } from \"@/components/ui\";\nimport { EasyMenu, MenuItem } from \"@/components/ui/menu\";\nimport { cn, useAppForm } from \"@/utils\";\nimport { useResourceFormatter } from \"@/utils/resource-names\";\nimport type { CalendarDateTime } from \"@internationalized/date\";\nimport { Filter, Trash } from \"lucide-react\";\nimport { useRef } from \"react\";\n\nexport const FILTER_COMPARISON_OPERATORS = [\n    'eq',\n    'ne',\n    'cn',\n    'nc',\n    'sw',\n    'ew',\n    'in',\n    'nin',\n    'gt',\n    'gte',\n    'lt',\n    'lte',\n] as const;\nexport type FilterComparisonOperator =\n    (typeof FILTER_COMPARISON_OPERATORS)[number];\n\nexport const COMPARISON_OPERATOR_LABELS: Record<\n    FilterComparisonOperator,\n    string\n> = {\n    eq: 'equal to',\n    ne: 'not equal to',\n    cn: 'contains',\n    nc: 'does not contain',\n    sw: 'starts with',\n    ew: 'ends with',\n    in: 'includes',\n    nin: 'does not include',\n    gt: 'greater than',\n    gte: 'greater than or equal to',\n    lt: 'less than',\n    lte: 'less than or equal to',\n};\n\ntype BaseLocalFilter<T extends FilterType, V> = {\n    id: string;\n    type: T;\n    property: string;\n    operator: FilterComparisonOperator;\n    value: V | undefined;\n    displayValue?: string;\n};\ntype EnumLocalFilter = BaseLocalFilter<'enum', Set<string | number>>;\ntype IdLocalFilter = BaseLocalFilter<'id', string>;\ntype BoolLocalFilter = BaseLocalFilter<'bool', boolean>;\ntype StringLocalFilter = BaseLocalFilter<'string', string>;\ntype DateLocalFilter = BaseLocalFilter<'date', CalendarDateTime>;\ntype IdSearchLocalFilter = BaseLocalFilter<'id-search', Set<string | number>>;\n\ntype LocalFilter = EnumLocalFilter\n    | IdLocalFilter\n    | BoolLocalFilter\n    | StringLocalFilter\n    | DateLocalFilter\n    | IdSearchLocalFilter;\n\nexport type FilterConfig =\n    | { type: 'enum'; options: MultiSelectProps['items'] }\n    | { type: 'id-search'; search: () => Promise<{ id: string; name: string }[]> }\n    | { type: 'id' }\n    | { type: 'bool' }\n    | { type: 'string' }\n    | { type: 'date' }\n\nexport type FilterType = FilterConfig['type'];\n\nconst FilterOperations: Record<FilterType, FilterComparisonOperator[]> = {\n    'bool': ['eq'],\n    'enum': ['in', 'nin'],\n    'id': ['in', 'nin'],\n    'id-search': ['in', 'nin'],\n    'string': ['eq', 'ne', 'cn', 'nc', 'sw', 'ew', 'in', 'nin'],\n    'date': ['lt', 'gt'],\n}\n\nexport type FiltersConfig<TOperation extends OperationKeys> = Required<Record<keyof ApiFilters<TOperation>, FilterConfig>>\n\nexport function DataTableFilter({ className, ...props }: React.ComponentProps<'section'>) {\n    const { filters, query, setFilters, filterConfig } = useDataTable();\n    const localFilterRefs = useRef([]);\n    const addFilterButtonRef = useRef<HTMLButtonElement>(null);\n\n    const resourceFormatter = useResourceFormatter();\n\n    const DEFAULT_VALUES: { filters: LocalFilter[] } = {\n        // TODO, initialize with filters from tableState\n        filters: []\n    };\n    const form = useAppForm({\n        defaultValues: DEFAULT_VALUES,\n        onSubmit: ({ value }) => {\n            // TODO, instead of generic transformation, use type based tranform()\n            setFilters(value.filters.map(lf => { return { [lf.property]: { [lf.operator]: [lf.value] } } }))\n        }\n    })\n\n    // More reason to hate TS https://github.com/Microsoft/TypeScript/issues/12870\n    const filterKeys = Object.keys(filterConfig).sort();\n\n    return (\n        <section {...props} className={cn(\"flex gap-icon items-center\", className)}>\n            <PopoverTrigger onOpenChange={(o) => {\n                // Set filters when the popover closes\n                if (!o) {\n                    form.handleSubmit();\n                } else {\n                    addFilterButtonRef.current?.focus();\n                }\n            }}>\n                <Button active={filters.length > 0} isDisabled={query.isPending || filterKeys.length === 0} type=\"button\" size={'icon'} variant={'neutral'}><Filter /></Button>\n                {/* TODO, icon maps with dynamic imports? */}\n                {/* TODO open popover with form for property specific filter */}\n                {/* TODO, icons here??? */}\n                <Popover className=\"w-full p-icon\">\n                    {/* const h3Styles = \"body mb-icon text-muted-foreground\"; */}\n                    {/* <h3 className={h3Styles}>{isFiltersActive ? \"Active filters\" : \"Add filters\"}</h3> */}\n                    <form onSubmit={(e) => { e.preventDefault(); }} className=\"flex flex-col gap-icon max-h-table overflow-auto \">\n                        <form.Field mode=\"array\" name={\"filters\"}>\n                            {\n                                (field) => {\n                                    return <>\n                                        {field.state.value.map((lf, i) => {\n                                            return (\n                                                <div key={lf.id} className=\"flex gap-icon items-center justify-normal\">\n                                                    <span className=\"text-sm\">{resourceFormatter(lf.property)}</span>\n                                                    <form.AppField\n                                                        key={lf.id}\n                                                        name={`filters[${i}].operator`}\n                                                    >\n                                                        {(sf) => (<sf.TfSingleSelect items={FilterOperations[lf.type].map(op => ({ id: op, label: <>{COMPARISON_OPERATOR_LABELS[op]}</> }))}>{(operator) => <SelectItem id={operator.id}>{operator.label}</SelectItem>}</sf.TfSingleSelect>)}\n                                                    </form.AppField>\n\n                                                    {lf.type === 'bool' && <form.AppField name={`filters[${i}].value`}>{(sf) => (<sf.TfCheckbox />)}</form.AppField>}\n                                                    {lf.type === 'date' && <form.AppField name={`filters[${i}].value`}>{(_) => (<TfDatePicker />)}</form.AppField>}\n                                                    {lf.type === 'id' && <form.AppField name={`filters[${i}].value`}>{(sf) => (<sf.TfTextField />)}</form.AppField>}\n                                                    {lf.type === 'string' && <form.AppField name={`filters[${i}].value`}>{(sf) => (<sf.TfTextField />)}</form.AppField>}\n                                                    {lf.type === 'enum' && <form.AppField name={`filters[${i}].value`}>{(sf) => (<sf.TfMultiSelect items={filterConfig[lf.property].options} />)}</form.AppField>}\n                                                    {lf.type === 'id-search' && <form.AppField name={`filters[${i}].value`}>{(_) => (<TfIdSearchInput multiple accessor=\"id\" searchFn={filterConfig[lf.property].search} />)}</form.AppField>}\n\n                                                    <Button type=\"button\" variant=\"destructive\" size=\"icon\" onPress={() => field.removeValue(i)}><Trash /></Button>\n                                                </div>\n                                            )\n                                        })}\n                                        <div className=\"flex w-full items-center justify-end gap-2 not-first:mt-icon\">\n                                            <EasyMenu label=\"Add Filter\">\n                                                {filterKeys.map(k => <MenuItem key={k} onAction={() => {\n                                                    const type = filterConfig[k].type as FilterType;\n\n                                                    const defaultValue = (t: FilterType) => {\n                                                        // TODO, ensure exhaustive???\n                                                        switch (t) {\n                                                            case 'bool':\n                                                                return true;\n                                                            case 'string':\n                                                                return '';\n                                                            case 'date':\n                                                                return new Date().toISOString();\n                                                            case 'id':\n                                                                return '';\n                                                            case 'id-search':\n                                                                return [] as string[];\n                                                            case 'enum':\n                                                                return [] as string[];\n                                                        }\n                                                    }\n\n                                                    const newFilter: LocalFilter = {\n                                                        id: `${k}-${Date.now()}`,\n                                                        operator: FilterOperations[type][0],\n                                                        value: defaultValue(type),\n                                                        type: type,\n                                                        property: k,\n                                                    };\n\n                                                    field.pushValue(newFilter);\n                                                    // TODO Focus to ref\n\n                                                }} className=\"dropdown-item\">{resourceFormatter(k)}</MenuItem>)}\n                                            </EasyMenu>\n                                            {field.state.value.length > 0 ? (\n                                                <Button\n                                                    type=\"button\"\n                                                    variant=\"neutral\"\n                                                    onPress={() => { field.setValue([]) }}\n                                                >\n                                                    Reset filters\n                                                </Button>\n                                            ) : null}\n                                        </div>\n                                    </>\n                                }\n                            }\n                        </form.Field >\n                    </form>\n                </Popover>\n            </PopoverTrigger>\n        </section>\n    );\n};"],"names":["FILTER_COMPARISON_OPERATORS","COMPARISON_OPERATOR_LABELS","FilterOperations","DataTableFilter","className","props","filters","query","setFilters","filterConfig","useDataTable","useRef","addFilterButtonRef","resourceFormatter","useResourceFormatter","form","useAppForm","value","lf","filterKeys","jsx","cn","jsxs","PopoverTrigger","o","_a","Button","Filter","Popover","e","field","Fragment","i","sf","op","operator","SelectItem","_","TfDatePicker","TfIdSearchInput","Trash","EasyMenu","k","MenuItem","type","defaultValue","t","newFilter"],"mappings":";;;;;;;;;;;;;AAYO,MAAMA,IAA8B;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAIaC,IAGT;AAAA,EACA,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,KAAK;AACT,GAkCMC,IAAmE;AAAA,EACrE,MAAQ,CAAC,IAAI;AAAA,EACb,MAAQ,CAAC,MAAM,KAAK;AAAA,EACpB,IAAM,CAAC,MAAM,KAAK;AAAA,EAClB,aAAa,CAAC,MAAM,KAAK;AAAA,EACzB,QAAU,CAAC,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,KAAK;AAAA,EAC1D,MAAQ,CAAC,MAAM,IAAI;AACvB;AAIO,SAASC,EAAgB,EAAE,WAAAC,GAAW,GAAGC,KAA0C;AACtF,QAAM,EAAE,SAAAC,GAAS,OAAAC,GAAO,YAAAC,GAAY,cAAAC,EAAA,IAAiBC,EAAA;AAC7B,EAAAC,EAAO,CAAA,CAAE;AACjC,QAAMC,IAAqBD,EAA0B,IAAI,GAEnDE,IAAoBC,EAAA,GAMpBC,IAAOC,EAAW;AAAA,IACpB,eAL+C;AAAA;AAAA,MAE/C,SAAS,CAAA;AAAA,IAAC;AAAA,IAIV,UAAU,CAAC,EAAE,OAAAC,QAAY;AAErB,MAAAT,EAAWS,EAAM,QAAQ,IAAI,CAAAC,OAAe,EAAE,CAACA,EAAG,QAAQ,GAAG,EAAE,CAACA,EAAG,QAAQ,GAAG,CAACA,EAAG,KAAK,IAAE,EAAK,CAAC;AAAA,IACnG;AAAA,EAAA,CACH,GAGKC,IAAa,OAAO,KAAKV,CAAY,EAAE,KAAA;AAE7C,SACI,gBAAAW,EAAC,WAAA,EAAS,GAAGf,GAAO,WAAWgB,EAAG,8BAA8BjB,CAAS,GACrE,UAAA,gBAAAkB,EAACC,GAAA,EAAe,cAAc,CAACC,MAAM;;AAEjC,IAAKA,KAGDC,IAAAb,EAAmB,YAAnB,QAAAa,EAA4B,UAF5BV,EAAK,aAAA;AAAA,EAIb,GACI,UAAA;AAAA,IAAA,gBAAAK,EAACM,KAAO,QAAQpB,EAAQ,SAAS,GAAG,YAAYC,EAAM,aAAaY,EAAW,WAAW,GAAG,MAAK,UAAS,MAAM,QAAQ,SAAS,WAAW,UAAA,gBAAAC,EAACO,KAAO,EAAA,CAAE;AAAA,IAItJ,gBAAAP,EAACQ,KAAQ,WAAU,iBAGf,4BAAC,QAAA,EAAK,UAAU,CAACC,MAAM;AAAE,MAAAA,EAAE,eAAA;AAAA,IAAkB,GAAG,WAAU,qDACtD,UAAA,gBAAAT,EAACL,EAAK,OAAL,EAAW,MAAK,SAAQ,MAAM,WAEvB,UAAA,CAACe,MACU,gBAAAR,EAAAS,GAAA,EACF,UAAA;AAAA,MAAAD,EAAM,MAAM,MAAM,IAAI,CAACZ,GAAIc,MAEpB,gBAAAV,EAAC,OAAA,EAAgB,WAAU,6CACvB,UAAA;AAAA,QAAA,gBAAAF,EAAC,UAAK,WAAU,WAAW,UAAAP,EAAkBK,EAAG,QAAQ,GAAE;AAAA,QAC1D,gBAAAE;AAAA,UAACL,EAAK;AAAA,UAAL;AAAA,YAEG,MAAM,WAAWiB,CAAC;AAAA,YAEjB,UAAA,CAACC,MAAQ,gBAAAb,EAACa,EAAG,gBAAH,EAAkB,OAAO/B,EAAiBgB,EAAG,IAAI,EAAE,IAAI,CAAAgB,OAAO,EAAE,IAAIA,GAAI,OAAO,gBAAAd,EAAAW,GAAA,EAAG,UAAA9B,EAA2BiC,CAAE,EAAA,CAAE,EAAA,EAAM,GAAI,UAAA,CAACC,MAAa,gBAAAf,EAACgB,KAAW,IAAID,EAAS,IAAK,UAAAA,EAAS,OAAM,EAAA,CAAc;AAAA,UAAA;AAAA,UAH1MjB,EAAG;AAAA,QAAA;AAAA,QAMXA,EAAG,SAAS,UAAU,gBAAAE,EAACL,EAAK,UAAL,EAAc,MAAM,WAAWiB,CAAC,WAAY,UAAA,CAACC,wBAASA,EAAG,YAAH,CAAA,CAAc,GAAI;AAAA,QAC/Ff,EAAG,SAAS,UAAU,gBAAAE,EAACL,EAAK,UAAL,EAAc,MAAM,WAAWiB,CAAC,WAAY,UAAA,CAACK,MAAO,gBAAAjB,EAACkB,KAAa,GAAI;AAAA,QAC7FpB,EAAG,SAAS,QAAQ,gBAAAE,EAACL,EAAK,UAAL,EAAc,MAAM,WAAWiB,CAAC,WAAY,UAAA,CAACC,wBAASA,EAAG,aAAH,CAAA,CAAe,GAAI;AAAA,QAC9Ff,EAAG,SAAS,YAAY,gBAAAE,EAACL,EAAK,UAAL,EAAc,MAAM,WAAWiB,CAAC,WAAY,UAAA,CAACC,wBAASA,EAAG,aAAH,CAAA,CAAe,GAAI;AAAA,QAClGf,EAAG,SAAS,UAAU,gBAAAE,EAACL,EAAK,UAAL,EAAc,MAAM,WAAWiB,CAAC,WAAY,WAACC,MAAQ,gBAAAb,EAACa,EAAG,eAAH,EAAiB,OAAOxB,EAAaS,EAAG,QAAQ,EAAE,QAAA,CAAS,EAAA,CAAI;AAAA,QAC5IA,EAAG,SAAS,eAAe,gBAAAE,EAACL,EAAK,UAAL,EAAc,MAAM,WAAWiB,CAAC,WAAY,UAAA,CAACK,MAAO,gBAAAjB,EAACmB,GAAA,EAAgB,UAAQ,IAAC,UAAS,MAAK,UAAU9B,EAAaS,EAAG,QAAQ,EAAE,OAAA,CAAQ,EAAA,CAAI;AAAA,0BAExKQ,GAAA,EAAO,MAAK,UAAS,SAAQ,eAAc,MAAK,QAAO,SAAS,MAAMI,EAAM,YAAYE,CAAC,GAAG,UAAA,gBAAAZ,EAACoB,KAAM,EAAA,CAAE;AAAA,MAAA,EAAA,GAhBhGtB,EAAG,EAiBb,CAEP;AAAA,MACD,gBAAAI,EAAC,OAAA,EAAI,WAAU,gEACX,UAAA;AAAA,QAAA,gBAAAF,EAACqB,GAAA,EAAS,OAAM,cACX,UAAAtB,EAAW,IAAI,CAAAuB,MAAK,gBAAAtB,EAACuB,GAAA,EAAiB,UAAU,MAAM;AACnD,gBAAMC,IAAOnC,EAAaiC,CAAC,EAAE,MAEvBG,IAAe,CAACC,MAAkB;AAEpC,oBAAQA,GAAA;AAAA,cACJ,KAAK;AACD,uBAAO;AAAA,cACX,KAAK;AACD,uBAAO;AAAA,cACX,KAAK;AACD,wBAAO,oBAAI,KAAA,GAAO,YAAA;AAAA,cACtB,KAAK;AACD,uBAAO;AAAA,cACX,KAAK;AACD,uBAAO,CAAA;AAAA,cACX,KAAK;AACD,uBAAO,CAAA;AAAA,YAAC;AAAA,UAEpB,GAEMC,IAAyB;AAAA,YAC3B,IAAI,GAAGL,CAAC,IAAI,KAAK,KAAK;AAAA,YACtB,UAAUxC,EAAiB0C,CAAI,EAAE,CAAC;AAAA,YAClC,OAAOC,EAAaD,CAAI;AAAA,YACxB,MAAAA;AAAA,YACA,UAAUF;AAAA,UAAA;AAGd,UAAAZ,EAAM,UAAUiB,CAAS;AAAA,QAG7B,GAAG,WAAU,iBAAiB,UAAAlC,EAAkB6B,CAAC,EAAA,GAhCbA,CAgCe,CAAW,GAClE;AAAA,QACCZ,EAAM,MAAM,MAAM,SAAS,IACxB,gBAAAV;AAAA,UAACM;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,SAAS,MAAM;AAAE,cAAAI,EAAM,SAAS,EAAE;AAAA,YAAE;AAAA,YACvC,UAAA;AAAA,UAAA;AAAA,QAAA,IAGD;AAAA,MAAA,EAAA,CACR;AAAA,IAAA,GACJ,EACJ,CAER,GACJ,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}