@orbe-agro/client-core 5.3.85 → 5.3.89

package/dist/@ecme/components/shared/AutoComplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutoComplete.js","sources":["../../../../lib/@ecme/components/shared/AutoComplete.tsx"],"sourcesContent":["import { ReactNode, ChangeEvent, useRef, useState, useEffect } from 'react'\nimport {\n    autoUpdate,\n    size,\n    flip,\n    useId,\n    useDismiss,\n    useFloating,\n    useInteractions,\n    useListNavigation,\n    useRole,\n    FloatingFocusManager,\n    FloatingPortal,\n} from '@floating-ui/react'\nimport Input, { InputProps } from '@/components/ui/Input'\n\ninterface ItemProps {\n    children: React.ReactNode\n    active: boolean\n    ref?: React.Ref<HTMLDivElement>\n}\n\ntype AutoCompleteProps<T> = Omit<InputProps, 'onChange'> & {\n    data: Array<T>\n    optionKey: (obj: T) => string\n    value: string\n    onInputChange: (value: string) => void\n    onOptionSelected: (option: T) => void\n    renderOption: (option: T) => ReactNode\n}\n\nconst Item = ({\n    children,\n    active,\n    ref,\n    ...rest\n}: ItemProps & React.HTMLProps<HTMLDivElement>) => {\n    const id = useId()\n    return (\n        <div\n            ref={ref}\n            role=\"option\"\n            id={id}\n            aria-selected={active}\n            {...rest}\n            className=\"select-option hover:text-gray-800 hover:dark:text-gray-100\"\n        >\n            {children}\n        </div>\n    )\n}\n\nfunction AutoComplete<T>(props: AutoCompleteProps<T>) {\n    const {\n        data = [],\n        optionKey,\n        value,\n        onInputChange,\n        onOptionSelected,\n        renderOption,\n        ...rest\n    } = props\n    const [open, setOpen] = useState(false)\n    const [activeIndex, setActiveIndex] = useState<number | null>(null)\n\n    const [options, setOptions] = useState<Array<T>>([])\n\n    const listRef = useRef<Array<HTMLElement | null>>([])\n\n    useEffect(() => {\n        const items = data.filter((item) =>\n            optionKey(item).toLowerCase().includes(value.toLowerCase()),\n        )\n        setOptions(items)\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value])\n\n    const { refs, floatingStyles, context } = useFloating<HTMLInputElement>({\n        whileElementsMounted: autoUpdate,\n        open,\n        onOpenChange: setOpen,\n        middleware: [\n            flip({ padding: 10 }),\n            size({\n                apply({ rects, availableHeight, elements }) {\n                    Object.assign(elements.floating.style, {\n                        width: `${rects.reference.width}px`,\n                        maxHeight: `${availableHeight}px`,\n                    })\n                },\n                padding: 10,\n            }),\n        ],\n    })\n\n    const role = useRole(context, { role: 'listbox' })\n    const dismiss = useDismiss(context)\n    const listNav = useListNavigation(context, {\n        listRef,\n        activeIndex,\n        onNavigate: setActiveIndex,\n        virtual: true,\n        loop: true,\n    })\n\n    const { getReferenceProps, getFloatingProps, getItemProps } =\n        useInteractions([role, dismiss, listNav])\n\n    function onAutoCompleteChange(event: ChangeEvent<HTMLInputElement>) {\n        const value = event.target.value\n        onInputChange(value)\n        const items = data.filter((item) =>\n            optionKey(item).toLowerCase().includes(value.toLowerCase()),\n        )\n        if (value && items.length > 0) {\n            setOpen(true)\n            setActiveIndex(0)\n        } else {\n            setOpen(false)\n        }\n    }\n\n    return (\n        <>\n            <Input\n                {...rest}\n                {...getReferenceProps({\n                    ref: refs.setReference,\n                    onChange: onAutoCompleteChange,\n                    value: value,\n                    'aria-autocomplete': 'list',\n                    onKeyDown(event) {\n                        if (\n                            event.key === 'Enter' &&\n                            activeIndex != null &&\n                            options[activeIndex]\n                        ) {\n                            onInputChange(optionKey(options[activeIndex]))\n                            setActiveIndex(null)\n                            setOpen(false)\n                        }\n                    },\n                })}\n            />\n            <FloatingPortal>\n                {open && (\n                    <FloatingFocusManager\n                        visuallyHiddenDismiss\n                        context={context}\n                        initialFocus={-1}\n                    >\n                        <div\n                            {...getFloatingProps({\n                                ref: refs.setFloating,\n                                style: {\n                                    ...floatingStyles,\n                                },\n                                className: 'select-menu py-1',\n                            })}\n                        >\n                            {options.map((item, index) => (\n                                <Item\n                                    {...getItemProps({\n                                        key: optionKey(item),\n                                        ref(node) {\n                                            listRef.current[index] = node\n                                        },\n                                        onClick() {\n                                            onInputChange(optionKey(item))\n                                            onOptionSelected(item)\n                                            setOpen(false)\n                                            refs.domReference.current?.focus()\n                                        },\n                                    })}\n                                    key={`auto-complete-item-${index}`}\n                                    active={activeIndex === index}\n                                >\n                                    {renderOption(item)}\n                                </Item>\n                            ))}\n                        </div>\n                    </FloatingFocusManager>\n                )}\n            </FloatingPortal>\n        </>\n    )\n}\n\nexport default AutoComplete\n"],"names":["Item","children","active","ref","rest","id","useId","jsx","AutoComplete","props","data","optionKey","value","onInputChange","onOptionSelected","renderOption","open","setOpen","useState","activeIndex","setActiveIndex","options","setOptions","listRef","useRef","useEffect","items","item","refs","floatingStyles","context","useFloating","autoUpdate","flip","size","rects","availableHeight","elements","role","useRole","dismiss","useDismiss","listNav","useListNavigation","getReferenceProps","getFloatingProps","getItemProps","useInteractions","onAutoCompleteChange","event","jsxs","Fragment","Input","FloatingPortal","FloatingFocusManager","index","createElement","node","_a"],"mappings":"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"}
+{"version":3,"file":"AutoComplete.js","sources":["../../../../lib/@ecme/components/shared/AutoComplete.tsx"],"sourcesContent":["import { ReactNode, ChangeEvent, useRef, useState, useEffect } from 'react'\nimport {\n    autoUpdate,\n    size,\n    flip,\n    useId,\n    useDismiss,\n    useFloating,\n    useInteractions,\n    useListNavigation,\n    useRole,\n    FloatingFocusManager,\n    FloatingPortal,\n} from '@floating-ui/react'\nimport Input, { InputProps } from '@/components/ui/Input'\n\ninterface ItemProps {\n    children: React.ReactNode\n    active: boolean\n    ref?: React.Ref<HTMLDivElement>\n}\n\ntype AutoCompleteProps<T> = Omit<InputProps, 'onChange'> & {\n    data: Array<T>\n    optionKey: (obj: T) => string\n    value: string\n    onInputChange: (value: string) => void\n    onOptionSelected: (option: T) => void\n    renderOption: (option: T) => ReactNode\n}\n\nconst Item = ({\n    children,\n    active,\n    ref,\n    ...rest\n}: ItemProps & React.HTMLProps<HTMLDivElement>) => {\n    const id = useId()\n    return (\n        <div\n            ref={ref}\n            role=\"option\"\n            id={id}\n            aria-selected={active}\n            {...rest}\n            className=\"select-option hover:text-gray-800 hover:dark:text-gray-100\"\n        >\n            {children}\n        </div>\n    )\n}\n\nfunction AutoComplete<T>(props: AutoCompleteProps<T>) {\n    const {\n        data = [],\n        optionKey,\n        value,\n        onInputChange,\n        onOptionSelected,\n        renderOption,\n        ...rest\n    } = props\n    const [open, setOpen] = useState(false)\n    const [activeIndex, setActiveIndex] = useState<number | null>(null)\n\n    const [options, setOptions] = useState<Array<T>>([])\n\n    const listRef = useRef<Array<HTMLElement | null>>([])\n\n    useEffect(() => {\n        const items = data.filter((item) =>\n            optionKey(item).toLowerCase().includes(value.toLowerCase()),\n        )\n        setOptions(items)\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value])\n\n    const { refs, floatingStyles, context } = useFloating<HTMLInputElement>({\n        whileElementsMounted: autoUpdate,\n        open,\n        onOpenChange: setOpen,\n        middleware: [\n            flip({ padding: 10 }),\n            size({\n                apply({ rects, availableHeight, elements }) {\n                    Object.assign(elements.floating.style, {\n                        width: `${rects.reference.width}px`,\n                        maxHeight: `${availableHeight}px`,\n                    })\n                },\n                padding: 10,\n            }),\n        ],\n    })\n\n    const role = useRole(context, { role: 'listbox' })\n    const dismiss = useDismiss(context)\n    const listNav = useListNavigation(context, {\n        listRef,\n        activeIndex,\n        onNavigate: setActiveIndex,\n        virtual: true,\n        loop: true,\n    })\n\n    const { getReferenceProps, getFloatingProps, getItemProps } =\n        useInteractions([role, dismiss, listNav])\n\n    function onAutoCompleteChange(event: ChangeEvent<HTMLInputElement>) {\n        const value = event.target.value\n        onInputChange(value)\n        const items = data.filter((item) =>\n            optionKey(item).toLowerCase().includes(value.toLowerCase()),\n        )\n        if (value && items.length > 0) {\n            setOpen(true)\n            setActiveIndex(0)\n        } else {\n            setOpen(false)\n        }\n    }\n\n    return (\n        <>\n            <Input\n                {...rest}\n                {...getReferenceProps({\n                    ref: refs.setReference,\n                    onChange: onAutoCompleteChange,\n                    value: value,\n                    'aria-autocomplete': 'list',\n                    onKeyDown(event) {\n                        if (\n                            event.key === 'Enter' &&\n                            activeIndex != null &&\n                            options[activeIndex]\n                        ) {\n                            onInputChange(optionKey(options[activeIndex]))\n                            setActiveIndex(null)\n                            setOpen(false)\n                        }\n                    },\n                })}\n            />\n            <FloatingPortal>\n                {open && (\n                    <FloatingFocusManager\n                        visuallyHiddenDismiss\n                        context={context}\n                        initialFocus={-1}\n                    >\n                        <div\n                            {...getFloatingProps({\n                                ref: refs.setFloating,\n                                style: {\n                                    ...floatingStyles,\n                                },\n                                className: 'select-menu py-1',\n                            })}\n                        >\n                            {options.map((item, index) => (\n                                <Item\n                                    {...getItemProps({\n                                        key: optionKey(item),\n                                        ref(node) {\n                                            listRef.current[index] = node\n                                        },\n                                        onClick() {\n                                            onInputChange(optionKey(item))\n                                            onOptionSelected(item)\n                                            setOpen(false)\n                                            refs.domReference.current?.focus()\n                                        },\n                                    })}\n                                    key={`auto-complete-item-${index}`}\n                                    active={activeIndex === index}\n                                >\n                                    {renderOption(item)}\n                                </Item>\n                            ))}\n                        </div>\n                    </FloatingFocusManager>\n                )}\n            </FloatingPortal>\n        </>\n    )\n}\n\nexport default AutoComplete\n"],"names":["Item","children","active","ref","rest","id","useId","jsx","AutoComplete","props","data","optionKey","value","onInputChange","onOptionSelected","renderOption","open","setOpen","useState","activeIndex","setActiveIndex","options","setOptions","listRef","useRef","useEffect","items","item","refs","floatingStyles","context","useFloating","autoUpdate","flip","size","rects","availableHeight","elements","role","useRole","dismiss","useDismiss","listNav","useListNavigation","getReferenceProps","getFloatingProps","getItemProps","useInteractions","onAutoCompleteChange","event","jsxs","Fragment","Input","FloatingPortal","FloatingFocusManager","index","createElement","node"],"mappings":"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"}

package/dist/@ecme/components/shared/CalendarView.js

@@ -1,9 +1,9 @@
-import { jsx as n, jsxs as m } from "react/jsx-runtime";
-import s from "../../utils/classNames.js";
-import u from "@fullcalendar/react";
-import x from "@fullcalendar/daygrid";
-import f from "@fullcalendar/timegrid";
-import p from "@fullcalendar/interaction";
+import { jsx as n, jsxs as c } from "react/jsx-runtime";
+import i from "../../utils/classNames.js";
+import g from "@fullcalendar/react";
+import m from "@fullcalendar/daygrid";
+import u from "@fullcalendar/timegrid";
+import x from "@fullcalendar/interaction";
 const e = {
   red: {
     bg: "bg-[#fbddd9]",
@@ -29,14 +29,14 @@ const e = {
     bg: "bg-[#ccbbfc]",
     text: "text-gray-900"
   }
-}, N = (b) => {
+}, G = (a) => {
   const {
-    wrapperClass: c,
+    wrapperClass: s,
     eventColors: l = () => e,
-    ...g
-  } = b;
-  return /* @__PURE__ */ n("div", { className: s("calendar", c), children: /* @__PURE__ */ n(
-    u,
+    ...b
+  } = a;
+  return /* @__PURE__ */ n("div", { className: i("calendar", s), children: /* @__PURE__ */ n(
+    g,
     {
       initialView: "dayGridMonth",
       headerToolbar: {
@@ -45,15 +45,14 @@ const e = {
         right: "dayGridMonth,timeGridWeek,timeGridDay prev,next"
       },
       eventContent: (t) => {
-        var i, a;
         const { extendedProps: r } = t.event, { isEnd: o, isStart: d } = t;
-        return /* @__PURE__ */ m(
+        return /* @__PURE__ */ c(
           "div",
           {
-            className: s(
+            className: i(
               "custom-calendar-event",
-              r.eventColor ? (i = (l(e) || e)[r.eventColor]) == null ? void 0 : i.bg : "",
-              r.eventColor ? (a = (l(e) || e)[r.eventColor]) == null ? void 0 : a.text : "",
+              r.eventColor ? (l(e) || e)[r.eventColor]?.bg : "",
+              r.eventColor ? (l(e) || e)[r.eventColor]?.text : "",
               o && !d && "!rounded-tl-none !rounded-bl-none !rtl:rounded-tr-none !rtl:rounded-br-none",
               !o && d && "!rounded-tr-none !rounded-br-none !rtl:rounded-tl-none !rtl:rounded-bl-none"
             ),
@@ -64,12 +63,12 @@ const e = {
           }
         );
       },
-      plugins: [x, f, p],
-      ...g
+      plugins: [m, u, x],
+      ...b
     }
   ) });
 };
 export {
-  N as default
+  G as default
 };
 //# sourceMappingURL=CalendarView.js.map

package/dist/@ecme/components/shared/CalendarView.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarView.js","sources":["../../../../lib/@ecme/components/shared/CalendarView.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport FullCalendar from '@fullcalendar/react'\nimport dayGridPlugin from '@fullcalendar/daygrid'\nimport timeGridPlugin from '@fullcalendar/timegrid'\nimport interactionPlugin from '@fullcalendar/interaction'\nimport { CalendarOptions } from '@fullcalendar/core'\n\ntype EventColors = Record<\n    string,\n    {\n        bg: string\n        text: string\n    }\n>\n\ninterface CalendarViewProps extends CalendarOptions {\n    wrapperClass?: string\n    eventColors?: (colors: EventColors) => EventColors\n}\n\nconst defaultColorList: Record<\n    string,\n    {\n        bg: string\n        text: string\n    }\n> = {\n    red: {\n        bg: 'bg-[#fbddd9]',\n        text: 'text-gray-900',\n    },\n    orange: {\n        bg: 'bg-[#ffc6ab]',\n        text: 'text-gray-900',\n    },\n    yellow: {\n        bg: 'bg-[#ffd993]',\n        text: 'text-gray-900',\n    },\n    green: {\n        bg: 'bg-[#bee9d3]',\n        text: 'text-gray-900',\n    },\n    blue: {\n        bg: 'bg-[#bce9fb]',\n        text: 'text-gray-900',\n    },\n    purple: {\n        bg: 'bg-[#ccbbfc]',\n        text: 'text-gray-900',\n    },\n}\n\nconst CalendarView = (props: CalendarViewProps) => {\n    const {\n        wrapperClass,\n        eventColors = () => defaultColorList,\n        ...rest\n    } = props\n\n    return (\n        <div className={classNames('calendar', wrapperClass)}>\n            <FullCalendar\n                initialView=\"dayGridMonth\"\n                headerToolbar={{\n                    left: 'title',\n                    center: '',\n                    right: 'dayGridMonth,timeGridWeek,timeGridDay prev,next',\n                }}\n                eventContent={(arg) => {\n                    const { extendedProps } = arg.event\n                    const { isEnd, isStart } = arg\n                    return (\n                        <div\n                            className={classNames(\n                                'custom-calendar-event',\n                                extendedProps.eventColor\n                                    ? (eventColors(defaultColorList) ||\n                                          defaultColorList)[\n                                          extendedProps.eventColor\n                                      ]?.bg\n                                    : '',\n                                extendedProps.eventColor\n                                    ? (eventColors(defaultColorList) ||\n                                          defaultColorList)[\n                                          extendedProps.eventColor\n                                      ]?.text\n                                    : '',\n                                isEnd &&\n                                    !isStart &&\n                                    '!rounded-tl-none !rounded-bl-none !rtl:rounded-tr-none !rtl:rounded-br-none',\n                                !isEnd &&\n                                    isStart &&\n                                    '!rounded-tr-none !rounded-br-none !rtl:rounded-tl-none !rtl:rounded-bl-none',\n                            )}\n                        >\n                            {!(isEnd && !isStart) && (\n                                <span>{arg.timeText}</span>\n                            )}\n                            <span className=\"font-bold ml-1 rtl:mr-1\">\n                                {arg.event.title}\n                            </span>\n                        </div>\n                    )\n                }}\n                plugins={[dayGridPlugin, timeGridPlugin, interactionPlugin]}\n                {...rest}\n            />\n        </div>\n    )\n}\n\nexport default CalendarView\n"],"names":["defaultColorList","CalendarView","props","wrapperClass","eventColors","rest","classNames","jsx","FullCalendar","arg","extendedProps","isEnd","isStart","jsxs","_a","_b","dayGridPlugin","timeGridPlugin","interactionPlugin"],"mappings":";;;;;;AAoBA,MAAMA,IAMF;AAAA,EACA,KAAK;AAAA,IACD,IAAI;AAAA,IACJ,MAAM;AAAA,EAAA;AAAA,EAEV,QAAQ;AAAA,IACJ,IAAI;AAAA,IACJ,MAAM;AAAA,EAAA;AAAA,EAEV,QAAQ;AAAA,IACJ,IAAI;AAAA,IACJ,MAAM;AAAA,EAAA;AAAA,EAEV,OAAO;AAAA,IACH,IAAI;AAAA,IACJ,MAAM;AAAA,EAAA;AAAA,EAEV,MAAM;AAAA,IACF,IAAI;AAAA,IACJ,MAAM;AAAA,EAAA;AAAA,EAEV,QAAQ;AAAA,IACJ,IAAI;AAAA,IACJ,MAAM;AAAA,EAAA;AAEd,GAEMC,IAAe,CAACC,MAA6B;AAC/C,QAAM;AAAA,IACF,cAAAC;AAAA,IACA,aAAAC,IAAc,MAAMJ;AAAA,IACpB,GAAGK;AAAA,EAAA,IACHH;AAEJ,2BACK,OAAA,EAAI,WAAWI,EAAW,YAAYH,CAAY,GAC/C,UAAA,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,aAAY;AAAA,MACZ,eAAe;AAAA,QACX,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,MAEX,cAAc,CAACC,MAAQ;;AACnB,cAAM,EAAE,eAAAC,MAAkBD,EAAI,OACxB,EAAE,OAAAE,GAAO,SAAAC,EAAA,IAAYH;AAC3B,eACI,gBAAAI;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWP;AAAA,cACP;AAAA,cACAI,EAAc,cACPI,KAAAV,EAAYJ,CAAgB,KACzBA,GACAU,EAAc,UAClB,MAHC,gBAAAI,EAGE,KACH;AAAA,cACNJ,EAAc,cACPK,KAAAX,EAAYJ,CAAgB,KACzBA,GACAU,EAAc,UAClB,MAHC,gBAAAK,EAGE,OACH;AAAA,cACNJ,KACI,CAACC,KACD;AAAA,cACJ,CAACD,KACGC,KACA;AAAA,YAAA;AAAA,YAGP,UAAA;AAAA,cAAA,EAAED,KAAS,CAACC,MACT,gBAAAL,EAAC,QAAA,EAAM,YAAI,UAAS;AAAA,gCAEvB,QAAA,EAAK,WAAU,2BACX,UAAAE,EAAI,MAAM,MAAA,CACf;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAGZ;AAAA,MACA,SAAS,CAACO,GAAeC,GAAgBC,CAAiB;AAAA,MACzD,GAAGb;AAAA,IAAA;AAAA,EAAA,GAEZ;AAER;"}
+{"version":3,"file":"CalendarView.js","sources":["../../../../lib/@ecme/components/shared/CalendarView.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport FullCalendar from '@fullcalendar/react'\nimport dayGridPlugin from '@fullcalendar/daygrid'\nimport timeGridPlugin from '@fullcalendar/timegrid'\nimport interactionPlugin from '@fullcalendar/interaction'\nimport { CalendarOptions } from '@fullcalendar/core'\n\ntype EventColors = Record<\n    string,\n    {\n        bg: string\n        text: string\n    }\n>\n\ninterface CalendarViewProps extends CalendarOptions {\n    wrapperClass?: string\n    eventColors?: (colors: EventColors) => EventColors\n}\n\nconst defaultColorList: Record<\n    string,\n    {\n        bg: string\n        text: string\n    }\n> = {\n    red: {\n        bg: 'bg-[#fbddd9]',\n        text: 'text-gray-900',\n    },\n    orange: {\n        bg: 'bg-[#ffc6ab]',\n        text: 'text-gray-900',\n    },\n    yellow: {\n        bg: 'bg-[#ffd993]',\n        text: 'text-gray-900',\n    },\n    green: {\n        bg: 'bg-[#bee9d3]',\n        text: 'text-gray-900',\n    },\n    blue: {\n        bg: 'bg-[#bce9fb]',\n        text: 'text-gray-900',\n    },\n    purple: {\n        bg: 'bg-[#ccbbfc]',\n        text: 'text-gray-900',\n    },\n}\n\nconst CalendarView = (props: CalendarViewProps) => {\n    const {\n        wrapperClass,\n        eventColors = () => defaultColorList,\n        ...rest\n    } = props\n\n    return (\n        <div className={classNames('calendar', wrapperClass)}>\n            <FullCalendar\n                initialView=\"dayGridMonth\"\n                headerToolbar={{\n                    left: 'title',\n                    center: '',\n                    right: 'dayGridMonth,timeGridWeek,timeGridDay prev,next',\n                }}\n                eventContent={(arg) => {\n                    const { extendedProps } = arg.event\n                    const { isEnd, isStart } = arg\n                    return (\n                        <div\n                            className={classNames(\n                                'custom-calendar-event',\n                                extendedProps.eventColor\n                                    ? (eventColors(defaultColorList) ||\n                                          defaultColorList)[\n                                          extendedProps.eventColor\n                                      ]?.bg\n                                    : '',\n                                extendedProps.eventColor\n                                    ? (eventColors(defaultColorList) ||\n                                          defaultColorList)[\n                                          extendedProps.eventColor\n                                      ]?.text\n                                    : '',\n                                isEnd &&\n                                    !isStart &&\n                                    '!rounded-tl-none !rounded-bl-none !rtl:rounded-tr-none !rtl:rounded-br-none',\n                                !isEnd &&\n                                    isStart &&\n                                    '!rounded-tr-none !rounded-br-none !rtl:rounded-tl-none !rtl:rounded-bl-none',\n                            )}\n                        >\n                            {!(isEnd && !isStart) && (\n                                <span>{arg.timeText}</span>\n                            )}\n                            <span className=\"font-bold ml-1 rtl:mr-1\">\n                                {arg.event.title}\n                            </span>\n                        </div>\n                    )\n                }}\n                plugins={[dayGridPlugin, timeGridPlugin, interactionPlugin]}\n                {...rest}\n            />\n        </div>\n    )\n}\n\nexport default CalendarView\n"],"names":["defaultColorList","CalendarView","props","wrapperClass","eventColors","rest","classNames","jsx","FullCalendar","arg","extendedProps","isEnd","isStart","jsxs","dayGridPlugin","timeGridPlugin","interactionPlugin"],"mappings":";;;;;;AAoBA,MAAMA,IAMF;AAAA,EACA,KAAK;AAAA,IACD,IAAI;AAAA,IACJ,MAAM;AAAA,EAAA;AAAA,EAEV,QAAQ;AAAA,IACJ,IAAI;AAAA,IACJ,MAAM;AAAA,EAAA;AAAA,EAEV,QAAQ;AAAA,IACJ,IAAI;AAAA,IACJ,MAAM;AAAA,EAAA;AAAA,EAEV,OAAO;AAAA,IACH,IAAI;AAAA,IACJ,MAAM;AAAA,EAAA;AAAA,EAEV,MAAM;AAAA,IACF,IAAI;AAAA,IACJ,MAAM;AAAA,EAAA;AAAA,EAEV,QAAQ;AAAA,IACJ,IAAI;AAAA,IACJ,MAAM;AAAA,EAAA;AAEd,GAEMC,IAAe,CAACC,MAA6B;AAC/C,QAAM;AAAA,IACF,cAAAC;AAAA,IACA,aAAAC,IAAc,MAAMJ;AAAA,IACpB,GAAGK;AAAA,EAAA,IACHH;AAEJ,2BACK,OAAA,EAAI,WAAWI,EAAW,YAAYH,CAAY,GAC/C,UAAA,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,aAAY;AAAA,MACZ,eAAe;AAAA,QACX,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,MAEX,cAAc,CAACC,MAAQ;AACnB,cAAM,EAAE,eAAAC,MAAkBD,EAAI,OACxB,EAAE,OAAAE,GAAO,SAAAC,EAAA,IAAYH;AAC3B,eACI,gBAAAI;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWP;AAAA,cACP;AAAA,cACAI,EAAc,cACPN,EAAYJ,CAAgB,KACzBA,GACAU,EAAc,UAClB,GAAG,KACH;AAAA,cACNA,EAAc,cACPN,EAAYJ,CAAgB,KACzBA,GACAU,EAAc,UAClB,GAAG,OACH;AAAA,cACNC,KACI,CAACC,KACD;AAAA,cACJ,CAACD,KACGC,KACA;AAAA,YAAA;AAAA,YAGP,UAAA;AAAA,cAAA,EAAED,KAAS,CAACC,MACT,gBAAAL,EAAC,QAAA,EAAM,YAAI,UAAS;AAAA,gCAEvB,QAAA,EAAK,WAAU,2BACX,UAAAE,EAAI,MAAM,MAAA,CACf;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAGZ;AAAA,MACA,SAAS,CAACK,GAAeC,GAAgBC,CAAiB;AAAA,MACzD,GAAGX;AAAA,IAAA;AAAA,EAAA,GAEZ;AAER;"}

package/dist/@ecme/components/shared/ConfirmDialog.js

@@ -1,10 +1,10 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { HiOutlineExclamation as f, HiOutlineExclamationCircle as g, HiCheckCircle as N, HiOutlineInformationCircle as k } from "react-icons/hi";
+import { HiOutlineExclamation as f, HiOutlineExclamationCircle as g, HiCheckCircle as C, HiOutlineInformationCircle as N } from "react-icons/hi";
 import { Avatar as a } from "../ui/Avatar/index.js";
 import "../ui/Button/index.js";
 import "../ui/Dialog/index.js";
-import C from "../ui/Dialog/Dialog.js";
-import i from "../ui/Button/Button.js";
+import k from "../ui/Dialog/Dialog.js";
+import t from "../ui/Button/Button.js";
 const v = ({ status: l }) => {
   switch (l) {
     case "info":
@@ -13,7 +13,7 @@ const v = ({ status: l }) => {
         {
           className: "bg-blue-100 text-blue-600 dark:bg-blue-500/20 dark:text-blue-100",
           shape: "circle",
-          children: /* @__PURE__ */ e("span", { className: "text-2xl", children: /* @__PURE__ */ e(k, {}) })
+          children: /* @__PURE__ */ e("span", { className: "text-2xl", children: /* @__PURE__ */ e(N, {}) })
         }
       );
     case "success":
@@ -22,7 +22,7 @@ const v = ({ status: l }) => {
         {
           className: "bg-emerald-100 text-emerald-600 dark:bg-emerald-500/20 dark:text-emerald-100",
           shape: "circle",
-          children: /* @__PURE__ */ e("span", { className: "text-2xl", children: /* @__PURE__ */ e(N, {}) })
+          children: /* @__PURE__ */ e("span", { className: "text-2xl", children: /* @__PURE__ */ e(C, {}) })
         }
       );
     case "warning":
@@ -49,31 +49,31 @@ const v = ({ status: l }) => {
 }, D = (l) => {
   const {
     type: n = "info",
-    title: s,
-    children: d,
-    onCancel: t,
-    onConfirm: c,
+    title: c,
+    children: i,
+    onCancel: s,
+    onConfirm: d,
     cancelText: m = "Cancel",
     confirmText: o = "Confirm",
     confirmButtonProps: x,
     cancelButtonProps: h,
     ...p
   } = l, u = () => {
-    t == null || t();
+    s?.();
   }, b = () => {
-    c == null || c();
+    d?.();
   };
-  return /* @__PURE__ */ r(C, { contentClassName: "pb-0 px-0", ...p, children: [
+  return /* @__PURE__ */ r(k, { contentClassName: "pb-0 px-0", ...p, children: [
     /* @__PURE__ */ r("div", { className: "px-6 pb-6 pt-2 flex", children: [
       /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(v, { status: n }) }),
       /* @__PURE__ */ r("div", { className: "ml-4 rtl:mr-4", children: [
-        /* @__PURE__ */ e("h5", { className: "mb-2", children: s }),
-        d
+        /* @__PURE__ */ e("h5", { className: "mb-2", children: c }),
+        i
       ] })
     ] }),
     /* @__PURE__ */ e("div", { className: "px-6 py-3 bg-gray-100 dark:bg-gray-700 rounded-bl-2xl rounded-br-2xl", children: /* @__PURE__ */ r("div", { className: "flex justify-end items-center gap-2", children: [
       /* @__PURE__ */ e(
-        i,
+        t,
         {
           size: "sm",
           onClick: u,
@@ -82,7 +82,7 @@ const v = ({ status: l }) => {
         }
       ),
       /* @__PURE__ */ e(
-        i,
+        t,
         {
           size: "sm",
           variant: "solid",

package/dist/@ecme/components/shared/ConfirmDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmDialog.js","sources":["../../../../lib/@ecme/components/shared/ConfirmDialog.tsx"],"sourcesContent":["import {\n    HiCheckCircle,\n    HiOutlineInformationCircle,\n    HiOutlineExclamation,\n    HiOutlineExclamationCircle,\n} from 'react-icons/hi'\nimport Avatar from '@/components/ui/Avatar'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport type { ReactNode } from 'react'\nimport type { DialogProps } from '@/components/ui/Dialog'\nimport type { ButtonProps } from '@/components/ui/Button'\n\ntype StatusType = 'info' | 'success' | 'warning' | 'danger'\n\ninterface ConfirmDialogProps extends DialogProps {\n    cancelText?: ReactNode | string\n    confirmText?: ReactNode | string\n    confirmButtonProps?: ButtonProps\n    cancelButtonProps?: ButtonProps\n    type?: StatusType\n    title?: ReactNode | string\n    onCancel?: () => void\n    onConfirm?: () => void\n}\n\nconst StatusIcon = ({ status }: { status: StatusType }) => {\n    switch (status) {\n        case 'info':\n            return (\n                <Avatar\n                    className=\"bg-blue-100 text-blue-600 dark:bg-blue-500/20 dark:text-blue-100\"\n                    shape=\"circle\"\n                >\n                    <span className=\"text-2xl\">\n                        <HiOutlineInformationCircle />\n                    </span>\n                </Avatar>\n            )\n        case 'success':\n            return (\n                <Avatar\n                    className=\"bg-emerald-100 text-emerald-600 dark:bg-emerald-500/20 dark:text-emerald-100\"\n                    shape=\"circle\"\n                >\n                    <span className=\"text-2xl\">\n                        <HiCheckCircle />\n                    </span>\n                </Avatar>\n            )\n        case 'warning':\n            return (\n                <Avatar\n                    className=\"text-amber-600 bg-amber-100 dark:text-amber-100\"\n                    shape=\"circle\"\n                >\n                    <span className=\"text-2xl\">\n                        <HiOutlineExclamationCircle />\n                    </span>\n                </Avatar>\n            )\n        case 'danger':\n            return (\n                <Avatar\n                    className=\"text-red-600 bg-red-100 dark:text-red-100\"\n                    shape=\"circle\"\n                >\n                    <span className=\"text-2xl\">\n                        <HiOutlineExclamation />\n                    </span>\n                </Avatar>\n            )\n\n        default:\n            return null\n    }\n}\n\nconst ConfirmDialog = (props: ConfirmDialogProps) => {\n    const {\n        type = 'info',\n        title,\n        children,\n        onCancel,\n        onConfirm,\n        cancelText = 'Cancel',\n        confirmText = 'Confirm',\n        confirmButtonProps,\n        cancelButtonProps,\n        ...rest\n    } = props\n\n    const handleCancel = () => {\n        onCancel?.()\n    }\n\n    const handleConfirm = () => {\n        onConfirm?.()\n    }\n\n    return (\n        <Dialog contentClassName=\"pb-0 px-0\" {...rest}>\n            <div className=\"px-6 pb-6 pt-2 flex\">\n                <div>\n                    <StatusIcon status={type} />\n                </div>\n                <div className=\"ml-4 rtl:mr-4\">\n                    <h5 className=\"mb-2\">{title}</h5>\n                    {children}\n                </div>\n            </div>\n            <div className=\"px-6 py-3 bg-gray-100 dark:bg-gray-700 rounded-bl-2xl rounded-br-2xl\">\n                <div className=\"flex justify-end items-center gap-2\">\n                    <Button\n                        size=\"sm\"\n                        onClick={handleCancel}\n                        {...cancelButtonProps}\n                    >\n                        {cancelText}\n                    </Button>\n                    <Button\n                        size=\"sm\"\n                        variant=\"solid\"\n                        onClick={handleConfirm}\n                        {...confirmButtonProps}\n                    >\n                        {confirmText}\n                    </Button>\n                </div>\n            </div>\n        </Dialog>\n    )\n}\n\nexport default ConfirmDialog\n"],"names":["StatusIcon","status","jsx","Avatar","HiOutlineInformationCircle","HiCheckCircle","HiOutlineExclamationCircle","HiOutlineExclamation","ConfirmDialog","props","type","title","children","onCancel","onConfirm","cancelText","confirmText","confirmButtonProps","cancelButtonProps","rest","handleCancel","handleConfirm","jsxs","Dialog","Button"],"mappings":";;;;;;;AA0BA,MAAMA,IAAa,CAAC,EAAE,QAAAC,QAAqC;AACvD,UAAQA,GAAA;AAAA,IACJ,KAAK;AACD,aACI,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,OAAM;AAAA,UAEN,4BAAC,QAAA,EAAK,WAAU,YACZ,UAAA,gBAAAD,EAACE,KAA2B,EAAA,CAChC;AAAA,QAAA;AAAA,MAAA;AAAA,IAGZ,KAAK;AACD,aACI,gBAAAF;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,OAAM;AAAA,UAEN,4BAAC,QAAA,EAAK,WAAU,YACZ,UAAA,gBAAAD,EAACG,KAAc,EAAA,CACnB;AAAA,QAAA;AAAA,MAAA;AAAA,IAGZ,KAAK;AACD,aACI,gBAAAH;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,OAAM;AAAA,UAEN,4BAAC,QAAA,EAAK,WAAU,YACZ,UAAA,gBAAAD,EAACI,KAA2B,EAAA,CAChC;AAAA,QAAA;AAAA,MAAA;AAAA,IAGZ,KAAK;AACD,aACI,gBAAAJ;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,OAAM;AAAA,UAEN,4BAAC,QAAA,EAAK,WAAU,YACZ,UAAA,gBAAAD,EAACK,KAAqB,EAAA,CAC1B;AAAA,QAAA;AAAA,MAAA;AAAA,IAIZ;AACI,aAAO;AAAA,EAAA;AAEnB,GAEMC,IAAgB,CAACC,MAA8B;AACjD,QAAM;AAAA,IACF,MAAAC,IAAO;AAAA,IACP,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,aAAAC,IAAc;AAAA,IACd,oBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHV,GAEEW,IAAe,MAAM;AACvB,IAAAP,KAAA,QAAAA;AAAA,EACJ,GAEMQ,IAAgB,MAAM;AACxB,IAAAP,KAAA,QAAAA;AAAA,EACJ;AAEA,SACI,gBAAAQ,EAACC,GAAA,EAAO,kBAAiB,aAAa,GAAGJ,GACrC,UAAA;AAAA,IAAA,gBAAAG,EAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,MAAA,gBAAApB,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACF,GAAA,EAAW,QAAQU,GAAM,GAC9B;AAAA,MACA,gBAAAY,EAAC,OAAA,EAAI,WAAU,iBACX,UAAA;AAAA,QAAA,gBAAApB,EAAC,MAAA,EAAG,WAAU,QAAQ,UAAAS,GAAM;AAAA,QAC3BC;AAAA,MAAA,EAAA,CACL;AAAA,IAAA,GACJ;AAAA,sBACC,OAAA,EAAI,WAAU,wEACX,UAAA,gBAAAU,EAAC,OAAA,EAAI,WAAU,uCACX,UAAA;AAAA,MAAA,gBAAApB;AAAA,QAACsB;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,SAASJ;AAAA,UACR,GAAGF;AAAA,UAEH,UAAAH;AAAA,QAAA;AAAA,MAAA;AAAA,MAEL,gBAAAb;AAAA,QAACsB;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,SAASH;AAAA,UACR,GAAGJ;AAAA,UAEH,UAAAD;AAAA,QAAA;AAAA,MAAA;AAAA,IACL,EAAA,CACJ,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"ConfirmDialog.js","sources":["../../../../lib/@ecme/components/shared/ConfirmDialog.tsx"],"sourcesContent":["import {\n    HiCheckCircle,\n    HiOutlineInformationCircle,\n    HiOutlineExclamation,\n    HiOutlineExclamationCircle,\n} from 'react-icons/hi'\nimport Avatar from '@/components/ui/Avatar'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport type { ReactNode } from 'react'\nimport type { DialogProps } from '@/components/ui/Dialog'\nimport type { ButtonProps } from '@/components/ui/Button'\n\ntype StatusType = 'info' | 'success' | 'warning' | 'danger'\n\ninterface ConfirmDialogProps extends DialogProps {\n    cancelText?: ReactNode | string\n    confirmText?: ReactNode | string\n    confirmButtonProps?: ButtonProps\n    cancelButtonProps?: ButtonProps\n    type?: StatusType\n    title?: ReactNode | string\n    onCancel?: () => void\n    onConfirm?: () => void\n}\n\nconst StatusIcon = ({ status }: { status: StatusType }) => {\n    switch (status) {\n        case 'info':\n            return (\n                <Avatar\n                    className=\"bg-blue-100 text-blue-600 dark:bg-blue-500/20 dark:text-blue-100\"\n                    shape=\"circle\"\n                >\n                    <span className=\"text-2xl\">\n                        <HiOutlineInformationCircle />\n                    </span>\n                </Avatar>\n            )\n        case 'success':\n            return (\n                <Avatar\n                    className=\"bg-emerald-100 text-emerald-600 dark:bg-emerald-500/20 dark:text-emerald-100\"\n                    shape=\"circle\"\n                >\n                    <span className=\"text-2xl\">\n                        <HiCheckCircle />\n                    </span>\n                </Avatar>\n            )\n        case 'warning':\n            return (\n                <Avatar\n                    className=\"text-amber-600 bg-amber-100 dark:text-amber-100\"\n                    shape=\"circle\"\n                >\n                    <span className=\"text-2xl\">\n                        <HiOutlineExclamationCircle />\n                    </span>\n                </Avatar>\n            )\n        case 'danger':\n            return (\n                <Avatar\n                    className=\"text-red-600 bg-red-100 dark:text-red-100\"\n                    shape=\"circle\"\n                >\n                    <span className=\"text-2xl\">\n                        <HiOutlineExclamation />\n                    </span>\n                </Avatar>\n            )\n\n        default:\n            return null\n    }\n}\n\nconst ConfirmDialog = (props: ConfirmDialogProps) => {\n    const {\n        type = 'info',\n        title,\n        children,\n        onCancel,\n        onConfirm,\n        cancelText = 'Cancel',\n        confirmText = 'Confirm',\n        confirmButtonProps,\n        cancelButtonProps,\n        ...rest\n    } = props\n\n    const handleCancel = () => {\n        onCancel?.()\n    }\n\n    const handleConfirm = () => {\n        onConfirm?.()\n    }\n\n    return (\n        <Dialog contentClassName=\"pb-0 px-0\" {...rest}>\n            <div className=\"px-6 pb-6 pt-2 flex\">\n                <div>\n                    <StatusIcon status={type} />\n                </div>\n                <div className=\"ml-4 rtl:mr-4\">\n                    <h5 className=\"mb-2\">{title}</h5>\n                    {children}\n                </div>\n            </div>\n            <div className=\"px-6 py-3 bg-gray-100 dark:bg-gray-700 rounded-bl-2xl rounded-br-2xl\">\n                <div className=\"flex justify-end items-center gap-2\">\n                    <Button\n                        size=\"sm\"\n                        onClick={handleCancel}\n                        {...cancelButtonProps}\n                    >\n                        {cancelText}\n                    </Button>\n                    <Button\n                        size=\"sm\"\n                        variant=\"solid\"\n                        onClick={handleConfirm}\n                        {...confirmButtonProps}\n                    >\n                        {confirmText}\n                    </Button>\n                </div>\n            </div>\n        </Dialog>\n    )\n}\n\nexport default ConfirmDialog\n"],"names":["StatusIcon","status","jsx","Avatar","HiOutlineInformationCircle","HiCheckCircle","HiOutlineExclamationCircle","HiOutlineExclamation","ConfirmDialog","props","type","title","children","onCancel","onConfirm","cancelText","confirmText","confirmButtonProps","cancelButtonProps","rest","handleCancel","handleConfirm","jsxs","Dialog","Button"],"mappings":";;;;;;;AA0BA,MAAMA,IAAa,CAAC,EAAE,QAAAC,QAAqC;AACvD,UAAQA,GAAA;AAAA,IACJ,KAAK;AACD,aACI,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,OAAM;AAAA,UAEN,4BAAC,QAAA,EAAK,WAAU,YACZ,UAAA,gBAAAD,EAACE,KAA2B,EAAA,CAChC;AAAA,QAAA;AAAA,MAAA;AAAA,IAGZ,KAAK;AACD,aACI,gBAAAF;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,OAAM;AAAA,UAEN,4BAAC,QAAA,EAAK,WAAU,YACZ,UAAA,gBAAAD,EAACG,KAAc,EAAA,CACnB;AAAA,QAAA;AAAA,MAAA;AAAA,IAGZ,KAAK;AACD,aACI,gBAAAH;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,OAAM;AAAA,UAEN,4BAAC,QAAA,EAAK,WAAU,YACZ,UAAA,gBAAAD,EAACI,KAA2B,EAAA,CAChC;AAAA,QAAA;AAAA,MAAA;AAAA,IAGZ,KAAK;AACD,aACI,gBAAAJ;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,OAAM;AAAA,UAEN,4BAAC,QAAA,EAAK,WAAU,YACZ,UAAA,gBAAAD,EAACK,KAAqB,EAAA,CAC1B;AAAA,QAAA;AAAA,MAAA;AAAA,IAIZ;AACI,aAAO;AAAA,EAAA;AAEnB,GAEMC,IAAgB,CAACC,MAA8B;AACjD,QAAM;AAAA,IACF,MAAAC,IAAO;AAAA,IACP,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,aAAAC,IAAc;AAAA,IACd,oBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHV,GAEEW,IAAe,MAAM;AACvB,IAAAP,IAAA;AAAA,EACJ,GAEMQ,IAAgB,MAAM;AACxB,IAAAP,IAAA;AAAA,EACJ;AAEA,SACI,gBAAAQ,EAACC,GAAA,EAAO,kBAAiB,aAAa,GAAGJ,GACrC,UAAA;AAAA,IAAA,gBAAAG,EAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,MAAA,gBAAApB,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACF,GAAA,EAAW,QAAQU,GAAM,GAC9B;AAAA,MACA,gBAAAY,EAAC,OAAA,EAAI,WAAU,iBACX,UAAA;AAAA,QAAA,gBAAApB,EAAC,MAAA,EAAG,WAAU,QAAQ,UAAAS,GAAM;AAAA,QAC3BC;AAAA,MAAA,EAAA,CACL;AAAA,IAAA,GACJ;AAAA,sBACC,OAAA,EAAI,WAAU,wEACX,UAAA,gBAAAU,EAAC,OAAA,EAAI,WAAU,uCACX,UAAA;AAAA,MAAA,gBAAApB;AAAA,QAACsB;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,SAASJ;AAAA,UACR,GAAGF;AAAA,UAEH,UAAAH;AAAA,QAAA;AAAA,MAAA;AAAA,MAEL,gBAAAb;AAAA,QAACsB;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,SAASH;AAAA,UACR,GAAGJ;AAAA,UAEH,UAAAD;AAAA,QAAA;AAAA,MAAA;AAAA,IACL,EAAA,CACJ,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}