@orbe-agro/client-core 3.4.2 → 3.4.4

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/GanttChartDoc/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/GanttChartDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'GanttChartDoc'\n\nconst demoHeader = {\n    title: 'GanttChart',\n    desc: 'This component is an extended version of the  <a class=\"text-primary\" href=\"https://github.com/MaTeMaTuK/gantt-task-react\" target=\"_blank\">gantt-task-react</a> library. It is ideal for visualizing project timelines, tasks, and milestones with enhanced customization options.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `Example usage`,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'GanttChart',\n        api: [\n            {\n                propName: 'tasks',\n                type: 'ExtendedTask<T>[]',\n                default: '[]',\n                desc: 'An array of tasks to be displayed in the Gantt chart. Each task includes properties like id, name, start, end, and progress.',\n            },\n            {\n                propName: 'viewMode',\n                type: '<code>ViewMode</code>',\n                default: '<code>ViewMode.Day</code>',\n                desc: 'The view mode of the Gantt chart. Can be set to Hour, Quarter Day, Half Day, Day, Week, Month, or Year.',\n            },\n            {\n                propName: 'extraColumns',\n                type: '{ header: ExtraHeader; cell: ExtraCell }[]',\n                default: '[]',\n                desc: 'An array of objects defining additional columns to be displayed in the task list. Each object contains a header and a cell renderer.',\n            },\n            {\n                propName: 'colorsMap',\n                type: '<code>Object{string, string}</code>',\n                default: '{}',\n                desc: 'A mapping of custom colors to task types or specific tasks. This allows for dynamic styling based on the task or project type.',\n            },\n            {\n                propName: 'showArrow',\n                type: 'boolean',\n                default: 'true',\n                desc: 'A flag to determine whether to display dependency arrows between tasks. When set to false, arrows are hidden.',\n            },\n            {\n                propName: 'headerHeight',\n                type: '<code>number</code>',\n                default: '50',\n                desc: 'The height of the header in the Gantt chart, in pixels.',\n            },\n            {\n                propName: 'columnWidth',\n                type: '<code>number</code>',\n                default: '65',\n                desc: 'The width of each column in the Gantt chart, in pixels.',\n            },\n            {\n                propName: 'rowHeight',\n                type: '<code>number</code>',\n                default: '50',\n                desc: 'The height of each row in the Gantt chart, in pixels.',\n            },\n            {\n                propName: 'barCornerRadius',\n                type: '<code>number</code>',\n                default: '6',\n                desc: 'The corner radius of the task bars in the Gantt chart.',\n            },\n            {\n                propName: 'TaskListHeader',\n                type: '{ headerHeight: number; rowWidth: string; fontFamily: string; fontSize: string; }',\n                default: '<code>TaskListHeader</code>',\n                desc: 'A custom header component for the task list. Allows for the inclusion of additional headers defined in extraColumns.',\n            },\n            {\n                propName: 'TaskListTable',\n                type: '{ rowHeight: number; rowWidth: string; fontFamily: string; fontSize: string; locale: string; tasks: Task[]; selectedTaskId: string; setSelectedTask: (taskId: string) => void; onExpanderClick: (task: Task) => void; }',\n                default: '<code>TaskListTable</code>',\n                desc: 'A custom table component for the task list, allowing the inclusion of additional cells defined in extraColumns.',\n            },\n            {\n                propName: 'TooltipContent',\n                type: '{ task: Task; fontSize: string; fontFamily: string; }',\n                default: '<code>TooltipContent</code>',\n                desc: 'A custom tooltip component for displaying task details.',\n            },\n            {\n                propName: 'todayColor',\n                type: '<code>string</code>',\n                default: '<code>url(#horzLines)</code>',\n                desc: 'The color used to highlight the current day in the Gantt chart.',\n            },\n            {\n                propName: 'arrowColor',\n                type: '<code>string</code>',\n                default: '<code>#3380fa</code>',\n                desc: 'The color of the dependency arrows between tasks.',\n            },\n            {\n                propName: 'onSelect',\n                type: '(task: Task, isSelected: boolean) => void',\n                default: 'undefined',\n                desc: 'Callback invoked when a task is selected or unselected.',\n            },\n            {\n                propName: 'onDoubleClick',\n                type: '(task: Task) => void',\n                default: 'undefined',\n                desc: 'Callback invoked when a task is double-clicked.',\n            },\n            {\n                propName: 'onClick',\n                type: '(task: Task) => void',\n                default: 'undefined',\n                desc: 'Callback invoked when a task is clicked.',\n            },\n            {\n                propName: 'onDateChange',\n                type: '(task: Task, children: Task[]) => void | boolean | Promise<void> | Promise<boolean>',\n                default: 'undefined',\n                desc: 'Callback invoked when the start or end date of a task changes. Returning false or throwing an error will undo the operation.',\n            },\n            {\n                propName: 'onProgressChange',\n                type: '(task: Task, children: Task[]) => void | boolean | Promise<void> | Promise<boolean>',\n                default: 'undefined',\n                desc: 'Callback invoked when the progress of a task changes. Returning false or throwing an error will undo the operation.',\n            },\n            {\n                propName: 'onDelete',\n                type: '(task: Task) => void | boolean | Promise<void> | Promise<boolean>',\n                default: 'undefined',\n                desc: 'Callback invoked when a task is deleted. Returning false or throwing an error will undo the operation.',\n            },\n            {\n                propName: 'onExpanderClick',\n                type: '(task: Task) => void',\n                default: 'undefined',\n                desc: 'Callback invoked when the expander icon is clicked in the task list.',\n            },\n        ],\n    },\n]\n\nconst ganttTaskReactFormatApi = (\n    <div className=\"demo-api-table mb-12\">\n        <h4 className=\"mb-5\">Dependencies</h4>\n        <h6 id=\"react-number-format-api\" className=\"mb-3\">\n            gantt-task-react\n        </h6>\n        <p>\n            You can found all the available props here{' '}\n            <a\n                className=\"underline text-primary\"\n                href=\"https://github.com/MaTeMaTuK/gantt-task-react\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                gantt-task-react\n            </a>{' '}\n        </p>\n    </div>\n)\n\nconst GanttChartDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n            extra={ganttTaskReactFormatApi}\n        />\n    )\n}\n\nexport default GanttChartDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","ganttTaskReactFormatApi","jsxs","jsx","GanttChartDoc","DemoLayout"],"mappings":"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"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/GrowShrinkValueDoc/Basic.js

@@ -1,10 +0,0 @@
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import e from "../../../../../components/shared/GrowShrinkValue.js";
-const f = () => /* @__PURE__ */ a("div", { className: "flex gap-4", children: [
-  /* @__PURE__ */ r(e, { value: 21.12, suffix: "%" }),
-  /* @__PURE__ */ r(e, { value: -0.48, prefix: "$" })
-] });
-export {
-  f as default
-};
-//# sourceMappingURL=Basic.js.map

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/GrowShrinkValueDoc/Basic.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Basic.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/GrowShrinkValueDoc/Basic.tsx"],"sourcesContent":["import GrowShrinkValue from '@/components/shared/GrowShrinkValue'\n\nconst Basic = () => {\n    return (\n        <div className=\"flex gap-4\">\n            <GrowShrinkValue value={21.12} suffix=\"%\" />\n            <GrowShrinkValue value={-0.48} prefix=\"$\" />\n        </div>\n    )\n}\n\nexport default Basic\n"],"names":["Basic","jsxs","jsx","GrowShrinkValue"],"mappings":";;AAEA,MAAMA,IAAQ,MAEN,gBAAAC,EAAC,OAAI,EAAA,WAAU,cACX,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAgB,EAAA,OAAO,OAAO,QAAO,KAAI;AAAA,EACzC,gBAAAD,EAAAC,GAAA,EAAgB,OAAO,OAAO,QAAO,IAAI,CAAA;AAAA,GAC9C;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/GrowShrinkValueDoc/CustomClass.js

@@ -1,10 +0,0 @@
-import { jsxs as t, jsx as s } from "react/jsx-runtime";
-import e from "../../../../../components/shared/GrowShrinkValue.js";
-const l = () => /* @__PURE__ */ t("div", { className: "flex gap-4", children: [
-  /* @__PURE__ */ s(e, { value: 1.68, positiveClass: "text-indigo-500" }),
-  /* @__PURE__ */ s(e, { value: -1.68, negativeClass: "text-sky-500" })
-] });
-export {
-  l as default
-};
-//# sourceMappingURL=CustomClass.js.map

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/GrowShrinkValueDoc/CustomClass.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomClass.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/GrowShrinkValueDoc/CustomClass.tsx"],"sourcesContent":["import GrowShrinkValue from '@/components/shared/GrowShrinkValue'\n\nconst CustomClass = () => {\n    return (\n        <div className=\"flex gap-4\">\n            <GrowShrinkValue value={1.68} positiveClass=\"text-indigo-500\" />\n            <GrowShrinkValue value={-1.68} negativeClass=\"text-sky-500\" />\n        </div>\n    )\n}\n\nexport default CustomClass\n"],"names":["CustomClass","jsxs","jsx","GrowShrinkValue"],"mappings":";;AAEA,MAAMA,IAAc,MAEZ,gBAAAC,EAAC,OAAI,EAAA,WAAU,cACX,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAgB,EAAA,OAAO,MAAM,eAAc,mBAAkB;AAAA,EAC7D,gBAAAD,EAAAC,GAAA,EAAgB,OAAO,OAAO,eAAc,eAAe,CAAA;AAAA,GAChE;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/GrowShrinkValueDoc/Icon.js

@@ -1,26 +0,0 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import o from "../../../../../components/shared/GrowShrinkValue.js";
-const a = () => /* @__PURE__ */ i("div", { className: "flex gap-4", children: [
-  /* @__PURE__ */ e(
-    o,
-    {
-      value: 21.12,
-      suffix: "%",
-      positiveIcon: "+",
-      negativeIcon: ""
-    }
-  ),
-  /* @__PURE__ */ e(
-    o,
-    {
-      value: -21.12,
-      suffix: "%",
-      positiveIcon: "+",
-      negativeIcon: ""
-    }
-  )
-] });
-export {
-  a as default
-};
-//# sourceMappingURL=Icon.js.map

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/GrowShrinkValueDoc/Icon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/GrowShrinkValueDoc/Icon.tsx"],"sourcesContent":["import GrowShrinkValue from '@/components/shared/GrowShrinkValue'\n\nconst Icon = () => {\n    return (\n        <div className=\"flex gap-4\">\n            <GrowShrinkValue\n                value={21.12}\n                suffix=\"%\"\n                positiveIcon=\"+\"\n                negativeIcon=\"\"\n            />\n            <GrowShrinkValue\n                value={-21.12}\n                suffix=\"%\"\n                positiveIcon=\"+\"\n                negativeIcon=\"\"\n            />\n        </div>\n    )\n}\n\nexport default Icon\n"],"names":["Icon","jsxs","jsx","GrowShrinkValue"],"mappings":";;AAEA,MAAMA,IAAO,MAEL,gBAAAC,EAAC,OAAI,EAAA,WAAU,cACX,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAO;AAAA,MACP,QAAO;AAAA,MACP,cAAa;AAAA,MACb,cAAa;AAAA,IAAA;AAAA,EACjB;AAAA,EACA,gBAAAD;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAO;AAAA,MACP,QAAO;AAAA,MACP,cAAa;AAAA,MACb,cAAa;AAAA,IAAA;AAAA,EAAA;AACjB,GACJ;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/GrowShrinkValueDoc/index.js

@@ -1,98 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import t from "../../../../../components/docs/DemoLayout.js";
-import c from "./Basic.js";
-import d from "./Icon.js";
-import a from "./CustomClass.js";
-const o = "GrowShrinkValueDoc", s = {
-  title: "GrowShrinkValue",
-  desc: "GrowShrinkValue designed to display a numeric value that can indicate growth or shrinkage."
-}, n = [
-  {
-    mdName: "Basic",
-    mdPath: o,
-    title: "Basic",
-    desc: "",
-    component: /* @__PURE__ */ e(c, {})
-  },
-  {
-    mdName: "Icon",
-    mdPath: o,
-    title: "Icon",
-    desc: "",
-    component: /* @__PURE__ */ e(d, {})
-  },
-  {
-    mdName: "CustomClass",
-    mdPath: o,
-    title: "CustomClass",
-    desc: "",
-    component: /* @__PURE__ */ e(a, {})
-  }
-], i = [
-  {
-    component: "GrowShrinkValue",
-    api: [
-      {
-        propName: "showIcon",
-        type: "<code>boolean</code>",
-        default: "<code>true</code>",
-        desc: "Whether to display up or down icon"
-      },
-      {
-        propName: "prefix",
-        type: "<code>string</code> | <code>ReactNode</code>",
-        default: "-",
-        desc: "Render a prefix content before the value"
-      },
-      {
-        propName: "suffix",
-        type: "<code>string</code> | <code>ReactNode</code>",
-        default: "-",
-        desc: "Render a suffix content next to the value"
-      },
-      {
-        propName: "positiveIcon",
-        type: "<code>string</code> | <code>ReactNode</code>",
-        default: "<code>'^'</code>",
-        desc: "An icon or content to display when the <code>value</code> is positive"
-      },
-      {
-        propName: "negativeIcon",
-        type: "<code>string</code> | <code>ReactNode</code>",
-        default: "<code>'v'</code>",
-        desc: "An icon or content to display when the <code>value</code> is negative"
-      },
-      {
-        propName: "positiveClass",
-        type: "<code>string</code>",
-        default: "-",
-        desc: "Custom CSS class to apply when the <code>value</code> is positive."
-      },
-      {
-        propName: "negativeClass",
-        type: "<code>string</code>",
-        default: "-",
-        desc: "Custom CSS class to apply when the <code>value</code> is negative."
-      },
-      {
-        propName: "value",
-        type: "<code>number</code>",
-        default: "<code>0</code>",
-        desc: "The numeric value to be displayed."
-      }
-    ]
-  }
-], h = () => /* @__PURE__ */ e(
-  t,
-  {
-    innerFrame: !1,
-    header: s,
-    demos: n,
-    api: i,
-    mdPrefixPath: "shared"
-  }
-);
-export {
-  h as default
-};
-//# sourceMappingURL=index.js.map

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/GrowShrinkValueDoc/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/GrowShrinkValueDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Icon from './Icon'\nimport CustomClass from './CustomClass'\n\nconst mdPath = 'GrowShrinkValueDoc'\n\nconst demoHeader = {\n    title: 'GrowShrinkValue',\n    desc: 'GrowShrinkValue designed to display a numeric value that can indicate growth or shrinkage.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: ``,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Icon',\n        mdPath: mdPath,\n        title: 'Icon',\n        desc: ``,\n        component: <Icon />,\n    },\n    {\n        mdName: 'CustomClass',\n        mdPath: mdPath,\n        title: 'CustomClass',\n        desc: ``,\n        component: <CustomClass />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'GrowShrinkValue',\n        api: [\n            {\n                propName: 'showIcon',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether to display up or down icon',\n            },\n            {\n                propName: 'prefix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a prefix content before the value',\n            },\n            {\n                propName: 'suffix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a suffix content next to the value',\n            },\n            {\n                propName: 'positiveIcon',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `<code>'^'</code>`,\n                desc: 'An icon or content to display when the <code>value</code> is positive',\n            },\n            {\n                propName: 'negativeIcon',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `<code>'v'</code>`,\n                desc: 'An icon or content to display when the <code>value</code> is negative',\n            },\n            {\n                propName: 'positiveClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Custom CSS class to apply when the <code>value</code> is positive.',\n            },\n            {\n                propName: 'negativeClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Custom CSS class to apply when the <code>value</code> is negative.',\n            },\n            {\n                propName: 'value',\n                type: `<code>number</code>`,\n                default: `<code>0</code>`,\n                desc: 'The numeric value to be displayed.',\n            },\n        ],\n    },\n]\n\nconst GrowShrinkValueDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default GrowShrinkValueDoc\n"],"names":["mdPath","demoHeader","demos","Basic","Icon","CustomClass","demoApi","GrowShrinkValueDoc","jsx","DemoLayout"],"mappings":";;;;;AAOA,MAAMA,IAAS,sBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAM,CAAA,CAAA;AAAA,EACtB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAK,CAAA,CAAA;AAAA,EACrB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAY,CAAA,CAAA;AAAA,EAAA;AAEhC,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAqB,MAEnB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQR;AAAA,IACR,OAAAC;AAAA,IACA,KAAKI;AAAA,IACL,cAAa;AAAA,EAAA;AACjB;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/IconTextDoc/Example.js

@@ -1,15 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import t from "../../../../../components/shared/IconText.js";
-import { HiClock as o } from "react-icons/hi";
-const l = () => /* @__PURE__ */ e(
-  t,
-  {
-    className: "text-emerald-500 text-sm font-semibold",
-    icon: /* @__PURE__ */ e(o, { className: "text-lg" }),
-    children: "In Progress"
-  }
-);
-export {
-  l as default
-};
-//# sourceMappingURL=Example.js.map

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/IconTextDoc/Example.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/IconTextDoc/Example.tsx"],"sourcesContent":["import IconText from '@/components/shared/IconText'\nimport { HiClock } from 'react-icons/hi'\n\nconst Example = () => {\n    return (\n        <IconText\n            className=\"text-emerald-500 text-sm font-semibold\"\n            icon={<HiClock className=\"text-lg\" />}\n        >\n            In Progress\n        </IconText>\n    )\n}\n\nexport default Example\n"],"names":["Example","jsx","IconText","HiClock"],"mappings":";;;AAGA,MAAMA,IAAU,MAER,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,WAAU;AAAA,IACV,MAAM,gBAAAD,EAACE,GAAQ,EAAA,WAAU,UAAU,CAAA;AAAA,IACtC,UAAA;AAAA,EAAA;AAED;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/IconTextDoc/index.js

@@ -1,46 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import o from "../../../../../components/docs/DemoLayout.js";
-import t from "./Example.js";
-const c = "IconTextDoc", a = {
-  title: "IconText",
-  desc: "IconText is a component that helpt to aligns icons with text."
-}, n = [
-  {
-    mdName: "Example",
-    mdPath: c,
-    title: "Example",
-    desc: "Example usage",
-    component: /* @__PURE__ */ e(t, {})
-  }
-], d = [
-  {
-    component: "IconText",
-    api: [
-      {
-        propName: "asElement",
-        type: "<code>string</code>",
-        default: "<code>'span'</code>",
-        desc: "Render element"
-      },
-      {
-        propName: "icon",
-        type: "<code>string</code> | <code>ReactNode</code>",
-        default: "-",
-        desc: "Icon to display"
-      }
-    ]
-  }
-], r = () => /* @__PURE__ */ e(
-  o,
-  {
-    innerFrame: !1,
-    header: a,
-    demos: n,
-    api: d,
-    mdPrefixPath: "shared"
-  }
-);
-export {
-  r as default
-};
-//# sourceMappingURL=index.js.map

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/IconTextDoc/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/IconTextDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'IconTextDoc'\n\nconst demoHeader = {\n    title: 'IconText',\n    desc: 'IconText is a component that helpt to aligns icons with text.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `Example usage`,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'IconText',\n        api: [\n            {\n                propName: 'asElement',\n                type: `<code>string</code>`,\n                default: `<code>'span'</code>`,\n                desc: 'Render element',\n            },\n            {\n                propName: 'icon',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Icon to display',\n            },\n        ],\n    },\n]\n\nconst IconTextDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default IconTextDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","IconTextDoc","jsx","DemoLayout"],"mappings":";;;AAKA,MAAMA,IAAS,eAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAQ,CAAA,CAAA;AAAA,EAAA;AAE5B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAc,MAEZ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQN;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,EAAA;AACjB;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/ImageGalleryDoc/Example.js

@@ -1,35 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import c from "../../../../../components/shared/ImageGallery.js";
-import { useState as o } from "react";
-const r = [
-  { src: "/img/others/gallery/img-25.webp", title: "Image 1" },
-  { src: "/img/others/gallery/img-26.webp", title: "Image 2" },
-  { src: "/img/others/gallery/img-27.webp", title: "Image 3" }
-], g = () => {
-  const [a, s] = o(-1);
-  return /* @__PURE__ */ t(
-    c,
-    {
-      index: a,
-      slides: (r == null ? void 0 : r.map((e) => ({
-        src: e.src
-      }))) || [],
-      onClose: () => s(-1),
-      children: /* @__PURE__ */ t("div", { className: "grid grid-cols-3 gap-2", children: r == null ? void 0 : r.map((e, l) => /* @__PURE__ */ t(
-        "div",
-        {
-          "data-src": e.src,
-          className: "cursor-pointer",
-          role: "button",
-          onClick: () => s(l),
-          children: /* @__PURE__ */ t("img", { className: "rounded-xl", src: e.src })
-        },
-        e.title
-      )) })
-    }
-  );
-};
-export {
-  g as default
-};
-//# sourceMappingURL=Example.js.map

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/ImageGalleryDoc/Example.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ImageGalleryDoc/Example.tsx"],"sourcesContent":["import ImageGallery from '@/components/shared/ImageGallery'\nimport { useState } from 'react'\n\nconst slides = [\n    { src: '/img/others/gallery/img-25.webp', title: 'Image 1' },\n    { src: '/img/others/gallery/img-26.webp', title: 'Image 2' },\n    { src: '/img/others/gallery/img-27.webp', title: 'Image 3' },\n]\n\nconst Example = () => {\n    const [currentIndex, setCurrentIndex] = useState(-1)\n\n    return (\n        <ImageGallery\n            index={currentIndex}\n            slides={\n                slides?.map((img) => {\n                    return {\n                        src: img.src,\n                    }\n                }) || []\n            }\n            onClose={() => setCurrentIndex(-1)}\n        >\n            <div className=\"grid grid-cols-3 gap-2\">\n                {slides?.map((img, index) => (\n                    <div\n                        key={img.title}\n                        data-src={img.src}\n                        className=\"cursor-pointer\"\n                        role=\"button\"\n                        onClick={() => setCurrentIndex(index)}\n                    >\n                        <img className=\"rounded-xl\" src={img.src} />\n                    </div>\n                ))}\n            </div>\n        </ImageGallery>\n    )\n}\n\nexport default Example\n"],"names":["slides","Example","currentIndex","setCurrentIndex","useState","jsx","ImageGallery","img","index"],"mappings":";;;AAGA,MAAMA,IAAS;AAAA,EACX,EAAE,KAAK,mCAAmC,OAAO,UAAU;AAAA,EAC3D,EAAE,KAAK,mCAAmC,OAAO,UAAU;AAAA,EAC3D,EAAE,KAAK,mCAAmC,OAAO,UAAU;AAC/D,GAEMC,IAAU,MAAM;AAClB,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAS,EAAE;AAG/C,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAOJ;AAAA,MACP,SACIF,KAAA,gBAAAA,EAAQ,IAAI,CAACO,OACF;AAAA,QACH,KAAKA,EAAI;AAAA,MACb,QACE,CAAC;AAAA,MAEX,SAAS,MAAMJ,EAAgB,EAAE;AAAA,MAEjC,UAAA,gBAAAE,EAAC,SAAI,WAAU,0BACV,iCAAQ,IAAI,CAACE,GAAKC,MACf,gBAAAH;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG,YAAUE,EAAI;AAAA,UACd,WAAU;AAAA,UACV,MAAK;AAAA,UACL,SAAS,MAAMJ,EAAgBK,CAAK;AAAA,UAEpC,4BAAC,OAAI,EAAA,WAAU,cAAa,KAAKD,EAAI,IAAK,CAAA;AAAA,QAAA;AAAA,QANrCA,EAAI;AAAA,MAAA,GASrB,CAAA;AAAA,IAAA;AAAA,EACJ;AAER;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/ImageGalleryDoc/index.js

@@ -1,168 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import o from "../../../../../components/docs/DemoLayout.js";
-import n from "./Example.js";
-const t = "ImageGalleryDoc", a = {
-  title: "ImageGallery",
-  desc: '<code>ImageGallery</code> component is a provides a simple and customizable image gallery with lightbox functionality. It is built on top of the <a class="text-primary" href="https://yet-another-react-lightbox.com/" target="_blank">yet-another-react-lightbox</a> library, allowing for easy integration of image galleries with enhanced viewing experiences.'
-}, i = [
-  {
-    mdName: "Example",
-    mdPath: t,
-    title: "Example",
-    desc: "Example usage",
-    component: /* @__PURE__ */ e(n, {})
-  }
-], d = [
-  {
-    component: "ImageGallery",
-    api: [
-      {
-        propName: "open",
-        type: "boolean",
-        default: "",
-        desc: "If <code>true</code>, the lightbox is open."
-      },
-      {
-        propName: "close",
-        type: "() => void",
-        default: "",
-        desc: "A callback to close the lightbox."
-      },
-      {
-        propName: "index",
-        type: "number",
-        default: "0",
-        desc: `Slide index.<br />
-                The lightbox reads this property when it opens (in this case the <code>index</code> prop determines the starting slide
-                index) and when either <code>slides</code> or <code>index</code> props change (in this case the <code>index</code> prop determines the
-                current slide index). In most cases, you do not need to provide this prop at all, as the lightbox maintains
-                its state internally. However, you may need to provide the <code>index</code> prop when you modify or completely
-                replace the <code>slides</code> array. To keep track of the current slide index, you can use the <code>on.view</code> callback.`
-      },
-      {
-        propName: "slides",
-        type: "Slide[]",
-        default: "[]",
-        desc: `Slides to display in the lightbox. See <a href="#Slide">Slide</a> for details.<br />
-                Please note that updating the <code>slides</code> array (or just changing the array reference) forces the lightbox
-                to update its state based on the current <code>slides</code> and <code>index</code> values. You can safely use a non-stable array
-                reference (i.e., <code>slides={[{ ... }]}</code> or <code>slides={items.map((item) => ({ ... }))}</code>) as long as the component
-                holding the lightbox does not re-render while the lightbox is open. However, if your component may
-                re-render, be sure to either provide the <code>slides</code> prop as a stable array reference (i.e., <code>const</code> in static
-                scope, or wrapped with <code>React.useState</code> or <code>React.useMemo</code>), or specify the current slide index in the
-                <code>index</code> prop.`
-      },
-      {
-        propName: "render",
-        type: "Render",
-        default: "",
-        desc: 'Custom render functions. See <a href="#Render">Render</a> for details.'
-      },
-      {
-        propName: "plugins",
-        type: "Plugin[]",
-        default: "",
-        desc: 'Enabled plugins.<br />Example: <span class="font-mono">plugins={[Fullscreen, Video]}</span>'
-      },
-      {
-        propName: "labels",
-        type: "object",
-        default: "",
-        desc: `Custom UI labels / translations.<br />
-                Example: <span class="font-mono">labels={{ Next: "Next slide" }}</span>`
-      },
-      {
-        propName: "toolbar",
-        type: `{<br />
-                &nbsp;&nbsp;buttons: (React.ReactNode | "close")[];<br />
-                }`,
-        default: '{ buttons: ["close"] }',
-        desc: "Toolbar settings.<br /><code>buttons</code> - buttons to render in the toolbar"
-      },
-      {
-        propName: "carousel",
-        type: `{
-  finite?: boolean;
-  preload?: number;
-  padding?: string | number;
-  spacing?: string | number;
-  imageFit?: "contain" | "cover"
-  imageProps?: React.ImgHTMLAttributes<HTMLImageElement>
-}`,
-        default: '{ finite: false, preload: 2, padding: "16px", spacing: "30%", imageFit: "contain" }',
-        desc: "Carousel settings.<br /><code>finite</code> - if <code>true</code>, the lightbox carousel doesn't wrap around<br /><code>preload</code> - the lightbox preloads (2 * preload + 1) slides<br /><code>padding</code> - padding around each slide<br /><code>spacing</code> - spacing between slides<br /><code>imageFit</code> - <code>object-fit</code> setting for image slides<br /><code>imageProps</code> - custom image attributes"
-      },
-      {
-        propName: "animation",
-        type: `{<br />
-                &nbsp;&nbsp;fade?: number;<br />
-                &nbsp;&nbsp;swipe?: number;<br />
-                &nbsp;&nbsp;navigation?: number;<br />
-                &nbsp;&nbsp;easing?: {<br />
-                &nbsp;&nbsp;&nbsp;&nbsp;fade?: string;<br />
-                &nbsp;&nbsp;&nbsp;&nbsp;swipe?: string;<br />
-                &nbsp;&nbsp;&nbsp;&nbsp;navigation?: string;<br />
-                &nbsp;&nbsp;}<br />
-                }`,
-        default: '{ fade: 250, swipe: 500, easing: { fade: "ease", swipe: "ease-out", navigation: "ease-in-out" } }',
-        desc: "Animation settings.<br /><code>fade</code> - fade-in / fade-out animation duration<br /><code>swipe</code> - swipe animation duration<br /><code>navigation</code> - override for <code>swipe</code> animation duration when using keyboard navigation or navigation buttons<br /><code>easing</code> - animation timing function settings<br /><code>fade</code> - fade-in / fade-out animation timing function<br /><code>swipe</code> - slide swipe animation timing function<br /><code>navigation</code> - slide navigation animation timing function (when using keyboard navigation or navigation buttons)"
-      },
-      {
-        propName: "controller",
-        type: `{<br />
-                &nbsp;&nbsp;ref?: React.ForwardedRef&lt;ControllerRef&gt;;<br />
-                &nbsp;&nbsp;focus?: boolean;<br />
-                &nbsp;&nbsp;aria?: boolean;<br />
-                &nbsp;&nbsp;touchAction?: "none" | "pan-y";<br />
-                &nbsp;&nbsp;closeOnPullUp?: boolean;<br />
-                &nbsp;&nbsp;closeOnPullDown?: boolean;<br />
-                &nbsp;&nbsp;closeOnBackdropClick?: boolean;<br />
-                }`,
-        default: '{ ref: null, focus: true, aria: false, touchAction: "none" }',
-        desc: "Controller settings.<br /><code>ref</code> - lightbox controller ref<br /><code>focus</code> - deprecated, for internal use only<br /><code>aria</code> - if <code>true</code>, set ARIA attributes on the controller div<br /><code>touchAction</code> - deprecated, for internal use only<br /><code>closeOnPullUp</code> - if <code>true</code>, close the lightbox on pull-up gesture<br /><code>closeOnPullDown</code> - if <code>true</code>, close the lightbox on pull-down gesture<br /><code>closeOnBackdropClick</code> - if <code>true</code>, close the lightbox when the backdrop is clicked"
-      },
-      {
-        propName: "portal",
-        type: `{<br />
-                &nbsp;&nbsp;root?: DocumentFragment | Element | null;<br />
-                }`,
-        default: "",
-        desc: "Portal settings.<br /><code>root</code> - custom portal mount point. By default, the portal is mounted as a child of the document body."
-      },
-      {
-        propName: "noScroll",
-        type: `{<br />
-                &nbsp;&nbsp;disabled?: boolean;<br />
-                }`,
-        default: "",
-        desc: "NoScroll module settings.<br />The NoScroll module is responsible for hiding the vertical scrollbar and preventing document <code>&lt;body/&gt;</code> from scrolling underneath the lightbox.<br /><code>disabled</code> - if <code>true</code>, the NoScroll module functionality is disabled"
-      },
-      {
-        propName: "on",
-        type: `{<br />
-                &nbsp;&nbsp;view?: ({ index }: { index: number }) => void;<br />
-                &nbsp;&nbsp;click?: ({ index }: { index: number }) => void;<br />
-                &nbsp;&nbsp;entering?: () => void;<br />
-                &nbsp;&nbsp;entered?: () => void;<br />
-                &nbsp;&nbsp;exiting?: () => void;<br />
-                &nbsp;&nbsp;exited?: () => void;<br />
-                }`,
-        default: "",
-        desc: "Lifecycle callbacks.<br /><code>view</code> - a callback called when a slide becomes active<br /><code>click</code> - a callback called when a slide is clicked<br /><code>entering</code> - a callback called when the portal starts opening<br /><code>entered</code> - a callback called when the portal opens<br /><code>exiting</code> - a callback called when the portal starts closing<br /><code>exited</code> - a callback called when the portal closes"
-      }
-    ]
-  }
-], l = () => /* @__PURE__ */ e(
-  o,
-  {
-    innerFrame: !1,
-    header: a,
-    demos: i,
-    api: d,
-    mdPrefixPath: "shared"
-  }
-);
-export {
-  l as default
-};
-//# sourceMappingURL=index.js.map

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/ImageGalleryDoc/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ImageGalleryDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'ImageGalleryDoc'\n\nconst demoHeader = {\n    title: 'ImageGallery',\n    desc: '<code>ImageGallery</code> component is a provides a simple and customizable image gallery with lightbox functionality. It is built on top of the <a class=\"text-primary\" href=\"https://yet-another-react-lightbox.com/\" target=\"_blank\">yet-another-react-lightbox</a> library, allowing for easy integration of image galleries with enhanced viewing experiences.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `Example usage`,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'ImageGallery',\n        api: [\n            {\n                propName: 'open',\n                type: 'boolean',\n                default: '',\n                desc: 'If <code>true</code>, the lightbox is open.',\n            },\n            {\n                propName: 'close',\n                type: '() => void',\n                default: '',\n                desc: 'A callback to close the lightbox.',\n            },\n            {\n                propName: 'index',\n                type: 'number',\n                default: '0',\n                desc: `Slide index.<br />\n                The lightbox reads this property when it opens (in this case the <code>index</code> prop determines the starting slide\n                index) and when either <code>slides</code> or <code>index</code> props change (in this case the <code>index</code> prop determines the\n                current slide index). In most cases, you do not need to provide this prop at all, as the lightbox maintains\n                its state internally. However, you may need to provide the <code>index</code> prop when you modify or completely\n                replace the <code>slides</code> array. To keep track of the current slide index, you can use the <code>on.view</code> callback.`,\n            },\n            {\n                propName: 'slides',\n                type: 'Slide[]',\n                default: '[]',\n                desc: `Slides to display in the lightbox. See <a href=\"#Slide\">Slide</a> for details.<br />\n                Please note that updating the <code>slides</code> array (or just changing the array reference) forces the lightbox\n                to update its state based on the current <code>slides</code> and <code>index</code> values. You can safely use a non-stable array\n                reference (i.e., <code>slides={[{ ... }]}</code> or <code>slides={items.map((item) => ({ ... }))}</code>) as long as the component\n                holding the lightbox does not re-render while the lightbox is open. However, if your component may\n                re-render, be sure to either provide the <code>slides</code> prop as a stable array reference (i.e., <code>const</code> in static\n                scope, or wrapped with <code>React.useState</code> or <code>React.useMemo</code>), or specify the current slide index in the\n                <code>index</code> prop.`,\n            },\n            {\n                propName: 'render',\n                type: 'Render',\n                default: '',\n                desc: 'Custom render functions. See <a href=\"#Render\">Render</a> for details.',\n            },\n            {\n                propName: 'plugins',\n                type: 'Plugin[]',\n                default: '',\n                desc: 'Enabled plugins.<br />Example: <span class=\"font-mono\">plugins={[Fullscreen, Video]}</span>',\n            },\n            {\n                propName: 'labels',\n                type: 'object',\n                default: '',\n                desc: `Custom UI labels / translations.<br />\n                Example: <span class=\"font-mono\">labels={{ Next: \"Next slide\" }}</span>`,\n            },\n            {\n                propName: 'toolbar',\n                type: `{<br />\n                &nbsp;&nbsp;buttons: (React.ReactNode | \"close\")[];<br />\n                }`,\n                default: `{ buttons: [\"close\"] }`,\n                desc: 'Toolbar settings.<br /><code>buttons</code> - buttons to render in the toolbar',\n            },\n            {\n                propName: 'carousel',\n                type: `{\n  finite?: boolean;\n  preload?: number;\n  padding?: string | number;\n  spacing?: string | number;\n  imageFit?: \"contain\" | \"cover\"\n  imageProps?: React.ImgHTMLAttributes<HTMLImageElement>\n}`,\n                default: `{ finite: false, preload: 2, padding: \"16px\", spacing: \"30%\", imageFit: \"contain\" }`,\n                desc: \"Carousel settings.<br /><code>finite</code> - if <code>true</code>, the lightbox carousel doesn't wrap around<br /><code>preload</code> - the lightbox preloads (2 * preload + 1) slides<br /><code>padding</code> - padding around each slide<br /><code>spacing</code> - spacing between slides<br /><code>imageFit</code> - <code>object-fit</code> setting for image slides<br /><code>imageProps</code> - custom image attributes\",\n            },\n            {\n                propName: 'animation',\n                type: `{<br />\n                &nbsp;&nbsp;fade?: number;<br />\n                &nbsp;&nbsp;swipe?: number;<br />\n                &nbsp;&nbsp;navigation?: number;<br />\n                &nbsp;&nbsp;easing?: {<br />\n                &nbsp;&nbsp;&nbsp;&nbsp;fade?: string;<br />\n                &nbsp;&nbsp;&nbsp;&nbsp;swipe?: string;<br />\n                &nbsp;&nbsp;&nbsp;&nbsp;navigation?: string;<br />\n                &nbsp;&nbsp;}<br />\n                }`,\n                default: `{ fade: 250, swipe: 500, easing: { fade: \"ease\", swipe: \"ease-out\", navigation: \"ease-in-out\" } }`,\n                desc: `Animation settings.<br /><code>fade</code> - fade-in / fade-out animation duration<br /><code>swipe</code> - swipe animation duration<br /><code>navigation</code> - override for <code>swipe</code> animation duration when using keyboard navigation or navigation buttons<br /><code>easing</code> - animation timing function settings<br /><code>fade</code> - fade-in / fade-out animation timing function<br /><code>swipe</code> - slide swipe animation timing function<br /><code>navigation</code> - slide navigation animation timing function (when using keyboard navigation or navigation buttons)`,\n            },\n            {\n                propName: 'controller',\n                type: `{<br />\n                &nbsp;&nbsp;ref?: React.ForwardedRef&lt;ControllerRef&gt;;<br />\n                &nbsp;&nbsp;focus?: boolean;<br />\n                &nbsp;&nbsp;aria?: boolean;<br />\n                &nbsp;&nbsp;touchAction?: \"none\" | \"pan-y\";<br />\n                &nbsp;&nbsp;closeOnPullUp?: boolean;<br />\n                &nbsp;&nbsp;closeOnPullDown?: boolean;<br />\n                &nbsp;&nbsp;closeOnBackdropClick?: boolean;<br />\n                }`,\n                default: `{ ref: null, focus: true, aria: false, touchAction: \"none\" }`,\n                desc: `Controller settings.<br /><code>ref</code> - lightbox controller ref<br /><code>focus</code> - deprecated, for internal use only<br /><code>aria</code> - if <code>true</code>, set ARIA attributes on the controller div<br /><code>touchAction</code> - deprecated, for internal use only<br /><code>closeOnPullUp</code> - if <code>true</code>, close the lightbox on pull-up gesture<br /><code>closeOnPullDown</code> - if <code>true</code>, close the lightbox on pull-down gesture<br /><code>closeOnBackdropClick</code> - if <code>true</code>, close the lightbox when the backdrop is clicked`,\n            },\n            {\n                propName: 'portal',\n                type: `{<br />\n                &nbsp;&nbsp;root?: DocumentFragment | Element | null;<br />\n                }`,\n                default: '',\n                desc: `Portal settings.<br /><code>root</code> - custom portal mount point. By default, the portal is mounted as a child of the document body.`,\n            },\n            {\n                propName: 'noScroll',\n                type: `{<br />\n                &nbsp;&nbsp;disabled?: boolean;<br />\n                }`,\n                default: '',\n                desc: `NoScroll module settings.<br />The NoScroll module is responsible for hiding the vertical scrollbar and preventing document <code>&lt;body/&gt;</code> from scrolling underneath the lightbox.<br /><code>disabled</code> - if <code>true</code>, the NoScroll module functionality is disabled`,\n            },\n            {\n                propName: 'on',\n                type: `{<br />\n                &nbsp;&nbsp;view?: ({ index }: { index: number }) => void;<br />\n                &nbsp;&nbsp;click?: ({ index }: { index: number }) => void;<br />\n                &nbsp;&nbsp;entering?: () => void;<br />\n                &nbsp;&nbsp;entered?: () => void;<br />\n                &nbsp;&nbsp;exiting?: () => void;<br />\n                &nbsp;&nbsp;exited?: () => void;<br />\n                }`,\n                default: '',\n                desc: `Lifecycle callbacks.<br /><code>view</code> - a callback called when a slide becomes active<br /><code>click</code> - a callback called when a slide is clicked<br /><code>entering</code> - a callback called when the portal starts opening<br /><code>entered</code> - a callback called when the portal opens<br /><code>exiting</code> - a callback called when the portal starts closing<br /><code>exited</code> - a callback called when the portal closes`,\n            },\n        ],\n    },\n]\n\nconst ImageGalleryDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default ImageGalleryDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","ImageGalleryDoc","jsx","DemoLayout"],"mappings":";;;AAKA,MAAMA,IAAS,mBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAQ,CAAA,CAAA;AAAA,EAAA;AAE5B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAQV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA;AAAA,MAEV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA;AAAA;AAAA,QAGN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAQN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAUN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QASN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA;AAAA;AAAA,QAGN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA;AAAA;AAAA,QAGN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAQN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAkB,MAEhB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQN;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,EAAA;AACjB;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/LoadingDoc/Basic.js

@@ -1,25 +0,0 @@
-import { jsxs as t, Fragment as a, jsx as e } from "react/jsx-runtime";
-import { useState as o } from "react";
-import "../../../../../components/ui/Switcher/index.js";
-import s from "../../../../../components/shared/Loading.js";
-import c from "../../../../../components/ui/Switcher/Switcher.js";
-const p = () => {
-  const [i, r] = o(!0);
-  return /* @__PURE__ */ t(a, { children: [
-    /* @__PURE__ */ t("div", { className: "flex items-center mb-4 gap-2", children: [
-      /* @__PURE__ */ e("span", { children: "Loading State: " }),
-      /* @__PURE__ */ e(
-        c,
-        {
-          checked: i,
-          onChange: (n) => r(n)
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e(s, { loading: i, children: /* @__PURE__ */ e("div", { className: "text-center", children: "Finish loading" }) })
-  ] });
-};
-export {
-  p as default
-};
-//# sourceMappingURL=Basic.js.map

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/LoadingDoc/Basic.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Basic.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/LoadingDoc/Basic.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Switcher from '@/components/ui/Switcher'\nimport Loading from '@/components/shared/Loading'\n\nconst Basic = () => {\n    const [isLoading, setIsLoading] = useState(true)\n\n    return (\n        <>\n            <div className=\"flex items-center mb-4 gap-2\">\n                <span>Loading State: </span>\n                <Switcher\n                    checked={isLoading}\n                    onChange={(checked) => setIsLoading(checked)}\n                />\n            </div>\n            <Loading loading={isLoading}>\n                <div className=\"text-center\">Finish loading</div>\n            </Loading>\n        </>\n    )\n}\n\nexport default Basic\n"],"names":["Basic","isLoading","setIsLoading","useState","jsxs","Fragment","jsx","Switcher","checked","Loading"],"mappings":";;;;;AAIA,MAAMA,IAAQ,MAAM;AAChB,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAI;AAE/C,SAEQ,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAD,EAAA,OAAA,EAAI,WAAU,gCACX,UAAA;AAAA,MAAA,gBAAAE,EAAC,UAAK,UAAe,kBAAA,CAAA;AAAA,MACrB,gBAAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,SAASN;AAAA,UACT,UAAU,CAACO,MAAYN,EAAaM,CAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IAC/C,GACJ;AAAA,IACA,gBAAAF,EAACG,KAAQ,SAASR,GACd,4BAAC,OAAI,EAAA,WAAU,eAAc,UAAA,iBAAc,CAAA,EAC/C,CAAA;AAAA,EAAA,GACJ;AAER;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/LoadingDoc/Cover.js

@@ -1,27 +0,0 @@
-import { jsxs as o, Fragment as n, jsx as t } from "react/jsx-runtime";
-import { useState as a } from "react";
-import "../../../../../components/ui/Switcher/index.js";
-import "../../../../../components/ui/Alert/index.js";
-import d from "../../../../../components/shared/Loading.js";
-import m from "../../../../../components/ui/Switcher/Switcher.js";
-import c from "../../../../../components/ui/Alert/Alert.js";
-const x = () => {
-  const [e, r] = a(!0);
-  return /* @__PURE__ */ o(n, { children: [
-    /* @__PURE__ */ o("div", { className: "flex items-center mb-4 gap-2", children: [
-      /* @__PURE__ */ t("span", { children: "Loading State: " }),
-      /* @__PURE__ */ t(
-        m,
-        {
-          checked: e,
-          onChange: (i) => r(i)
-        }
-      )
-    ] }),
-    /* @__PURE__ */ t(d, { loading: e, type: "cover", children: /* @__PURE__ */ t(c, { showIcon: !0, type: "info", title: "Alert!", children: "Additional description and information about copywriting." }) })
-  ] });
-};
-export {
-  x as default
-};
-//# sourceMappingURL=Cover.js.map

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/LoadingDoc/Cover.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Cover.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/LoadingDoc/Cover.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Switcher from '@/components/ui/Switcher'\nimport Alert from '@/components/ui/Alert'\nimport Loading from '@/components/shared/Loading'\n\nconst Cover = () => {\n    const [isLoading, setIsLoading] = useState(true)\n\n    return (\n        <>\n            <div className=\"flex items-center mb-4 gap-2\">\n                <span>Loading State: </span>\n                <Switcher\n                    checked={isLoading}\n                    onChange={(checked) => setIsLoading(checked)}\n                />\n            </div>\n            <Loading loading={isLoading} type=\"cover\">\n                <Alert showIcon type=\"info\" title=\"Alert!\">\n                    Additional description and information about copywriting.\n                </Alert>\n            </Loading>\n        </>\n    )\n}\n\nexport default Cover\n"],"names":["Cover","isLoading","setIsLoading","useState","jsxs","Fragment","jsx","Switcher","checked","Loading","Alert"],"mappings":";;;;;;;AAKA,MAAMA,IAAQ,MAAM;AAChB,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAI;AAE/C,SAEQ,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAD,EAAA,OAAA,EAAI,WAAU,gCACX,UAAA;AAAA,MAAA,gBAAAE,EAAC,UAAK,UAAe,kBAAA,CAAA;AAAA,MACrB,gBAAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,SAASN;AAAA,UACT,UAAU,CAACO,MAAYN,EAAaM,CAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IAC/C,GACJ;AAAA,IACC,gBAAAF,EAAAG,GAAA,EAAQ,SAASR,GAAW,MAAK,SAC9B,UAAA,gBAAAK,EAACI,GAAM,EAAA,UAAQ,IAAC,MAAK,QAAO,OAAM,UAAS,uEAE3C,EACJ,CAAA;AAAA,EAAA,GACJ;AAER;"}