linear-react-components-ui 1.1.26-beta.9 → 2.0.0-beta.0

package/lib/table/index.js

@@ -1,106 +1,70 @@
-import { j as x } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as q } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import { useState as u, useRef as A, useEffect as $ } from "react";
-import { _ as k } from "../chunks/lodash.CIAK_hAg.js";
-import { default as re } from "./Header.js";
-import { default as ce } from "./Row.js";
-import { default as ae } from "./Body.js";
-import { default as me } from "./HeaderColumn.js";
-import { default as ue } from "./RowColumn.js";
-import '../assets/table.css';/* empty css                       */
-import D from "./helpers.js";
-const T = ({
-  customClass: h,
-  striped: e,
-  bordered: l,
-  hovered: o,
-  skeletonize: p,
-  headerColored: C,
-  condensed: s,
-  vertical: b,
-  bodyScrollable: R,
-  skeletonInRows: r = 10
-}) => `table-component ${h} ${e && "-striped"} 
-  ${l && "-bordered"} ${o && "-hovered"} ${C && "-headercolor"}
-  ${s && "-condensed"}
-  ${b && "-vertical"}
-  ${p && !r ? "-skeletonized" : ""}
-  ${R ? "-scrollable" : ""}`, oe = (h) => {
-  const e = q.c(6), {
-    children: l,
-    ...o
-  } = h, {
-    onColClick: p,
-    onRowClick: C,
-    bodyScrollable: s,
-    vertical: b,
-    skeletonize: R,
-    strict: r,
-    skeletonHeight: _,
-    skeletonInHeader: I,
-    skeletonInRows: W,
-    customClass: G,
-    bordered: J,
-    hovered: K,
-    headerColored: L,
-    condensed: M,
-    selectedRowId: v,
-    striped: O,
-    ...j
-  } = o, [E, y] = u(v), [S, z] = u(0);
-  let n;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (n = [], e[0] = n) : n = e[0];
-  const [c, H] = u(n), [g, B] = u(0), d = A(null);
-  let a;
-  e[1] === Symbol.for("react.memo_cache_sentinel") ? (a = (t) => {
-    y(t);
-  }, e[1] = a) : a = e[1];
-  const N = a;
-  let i;
-  e[2] !== c ? (i = (t) => {
-    !k.isEmpty(t) && k.isEmpty(c) && H(t);
-  }, e[2] = c, e[3] = i) : i = e[3];
-  const P = i;
-  let m;
-  e[4] === Symbol.for("react.memo_cache_sentinel") ? (m = (t) => B(t), e[4] = m) : m = e[4];
-  const F = {
-    bodyContainerRef: d,
-    bodyScrollWidth: S,
-    selectedRowId: E,
-    vertical: b,
-    skeletonize: R,
-    skeletonHeight: _,
-    skeletonInHeader: I,
-    skeletonInRows: W,
-    strict: r,
-    columnsCount: g,
-    handleSelectRow: N,
-    handleTableColClick: p,
-    handleTableRowClick: C,
-    handlerSetColumnsWidth: P,
-    columnsWidth: c,
-    handlerSetColumnsCount: m
-  };
-  let f;
-  return e[5] === Symbol.for("react.memo_cache_sentinel") ? (f = [], e[5] = f) : f = e[5], $(() => {
-    if (s && d && d.current) {
-      const {
-        offsetWidth: t,
-        clientWidth: V
-      } = d.current, w = t - V;
-      w !== S && z(w);
-    }
-  }, f), $(() => {
-    y(o.selectedRowId);
-  }, [o.selectedRowId]), /* @__PURE__ */ x.jsx(D.Provider, { value: F, children: s ? /* @__PURE__ */ x.jsx("div", { className: T(o), children: l }) : /* @__PURE__ */ x.jsx("table", { style: {
-    contain: r ? "strict" : "size style"
-  }, className: T(o), ...j, children: l }) });
-};
-export {
-  ae as TBody,
-  re as THeader,
-  ce as TRow,
-  ue as Td,
-  me as Th,
-  oe as default
+import { __toESM as e } from "../_virtual/_rolldown/runtime.js";
+import { require_lodash as t } from "../node_modules/lodash/lodash.js";
+import n from "./helpers.js";
+import r from "./Header.js";
+import i from "./Row.js";
+import a from "./Body.js";
+import o from "./HeaderColumn.js";
+import s from "./RowColumn.js";
+import '../assets/styles/table.css';/* empty css                     */
+import { Fragment as c, useCallback as l, useEffect as u, useRef as d, useState as f } from "react";
+import { jsx as p } from "react/jsx-runtime";
+//#region src/lib/table/index.tsx
+var m = /* @__PURE__ */ e(t(), 1), h = ({ customClass: e, striped: t, bordered: n, hovered: r, skeletonize: i, headerColored: a, condensed: o, vertical: s, bodyScrollable: c, skeletonInRows: l = 10 }) => `table-component ${e} ${t && "-striped"} 
+  ${n && "-bordered"} ${r && "-hovered"} ${a && "-headercolor"}
+  ${o && "-condensed"}
+  ${s && "-vertical"}
+  ${i && !l ? "-skeletonized" : ""}
+  ${c ? "-scrollable" : ""}`, g = ({ children: e, ...t }) => {
+	let { onColClick: r, onRowClick: i, bodyScrollable: a, vertical: o, skeletonize: s, strict: g, skeletonHeight: _, skeletonInHeader: v, skeletonInRows: y, selectedRowId: b, allowHorizontalScroll: x = !1, ...S } = t, [C, w] = f(b), [T, E] = f(0), [D, O] = f([]), [k, A] = f(0), j = d(null), M = l((e) => {
+		w(e);
+	}, []), N = l((e) => {
+		!m.default.isEmpty(e) && m.default.isEmpty(D) && O(e);
+	}, [D]), P = l((e) => A(e), []), F = () => {
+		let n = /* @__PURE__ */ p(c, { children: /* @__PURE__ */ p("table", {
+			style: { contain: g ? "strict" : "size style" },
+			className: h(t),
+			...S,
+			children: e
+		}) });
+		return x ? /* @__PURE__ */ p("div", {
+			className: "horizontal-scroll-container",
+			children: n
+		}) : n;
+	}, I = {
+		bodyContainerRef: j,
+		bodyScrollWidth: T,
+		selectedRowId: C,
+		vertical: o,
+		skeletonize: s,
+		skeletonHeight: _,
+		skeletonInHeader: v,
+		skeletonInRows: y,
+		strict: g,
+		columnsCount: k,
+		handleSelectRow: M,
+		handleTableColClick: r,
+		handleTableRowClick: i,
+		handlerSetColumnsWidth: N,
+		columnsWidth: D,
+		handlerSetColumnsCount: P
+	};
+	return u(() => {
+		if (a && j && j.current) {
+			let { offsetWidth: e, clientWidth: t } = j.current, n = e - t;
+			n !== T && E(n);
+		}
+	}, []), u(() => {
+		w(t.selectedRowId);
+	}, [t.selectedRowId]), /* @__PURE__ */ p(n.Provider, {
+		value: I,
+		children: a ? /* @__PURE__ */ p("div", {
+			className: h(t),
+			children: e
+		}) : F()
+	});
 };
+//#endregion
+export { a as TBody, r as THeader, i as TRow, s as Td, o as Th, g as default };
+
+//# sourceMappingURL=index.js.map

package/lib/table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/lib/table/index.tsx"],"sourcesContent":["import { useState, useEffect, useRef, useCallback, SetStateAction, Fragment } from 'react';\nimport _ from 'lodash';\nimport THeader from './Header';\nimport TRow from './Row';\nimport TBody from './Body';\nimport Th from './HeaderColumn';\nimport Td from './RowColumn';\nimport '../assets/styles/table.scss';\nimport TableContext from './helpers';\nimport { ITableContext, ITableProps } from './types';\n\n// TODO - Precisa finalizar o scroll no corpo da tabela.\nconst getClass = ({\n  customClass, striped, bordered, hovered, skeletonize, headerColored, condensed,\n  vertical, bodyScrollable, skeletonInRows = 10,\n}: ITableProps) => (\n  `table-component ${customClass} ${striped && '-striped'} \n  ${bordered && '-bordered'} ${hovered && '-hovered'} ${headerColored && '-headercolor'}\n  ${condensed && '-condensed'}\n  ${vertical && '-vertical'}\n  ${skeletonize && !skeletonInRows ? '-skeletonized' : ''}\n  ${bodyScrollable ? '-scrollable' : ''}`\n);\n\nconst Table = ({ children, ...props }: ITableProps) => {\n  const {\n    onColClick, onRowClick, bodyScrollable, vertical, skeletonize, strict, skeletonHeight,\n    skeletonInHeader, skeletonInRows, selectedRowId: selectedRowIdFromProps, \n    allowHorizontalScroll = false, ...rest\n  } = props;\n  const [selectedRowId, setSelectedRowId] = useState(selectedRowIdFromProps);\n  const [bodyScrollWidth, setBodyScrollWidth] = useState(0);\n  const [columnsWidth, setColumnsWidth] = useState<string[] | number[]>([]);\n  const [columnsCount, setColumnsCount] = useState(0);\n  const bodyContainerRef = useRef(null);\n\n  const handleSelectRow = useCallback((selectedId: SetStateAction<string | undefined>) => {\n    setSelectedRowId(selectedId);\n  }, []);\n\n  const handlerSetColumnsWidth = useCallback((widths: (string | number | undefined)[]) => {\n    if (!_.isEmpty(widths) && _.isEmpty(columnsWidth)) setColumnsWidth(widths as []);\n  }, [columnsWidth]);\n\n  const handlerSetColumnsCount = useCallback((count: number) => setColumnsCount(count), []);\n\n  const getTableComponent = () => {\n    const tableComponent = (\n      <Fragment>\n        <table\n          style={{ contain: strict ? 'strict' : 'size style' }}\n          className={getClass(props)}\n          {...rest}>\n          {children}\n        </table>\n      </Fragment>\n    );\n\n    if (allowHorizontalScroll) {\n      return (\n        <div className=\"horizontal-scroll-container\">\n          {tableComponent}\n        </div>\n      );\n    }\n\n    return tableComponent;\n  };\n\n  const contextValues: ITableContext = {\n    bodyContainerRef,\n    bodyScrollWidth,\n    selectedRowId,\n    vertical,\n    skeletonize,\n    skeletonHeight,\n    skeletonInHeader,\n    skeletonInRows,\n    strict,\n    columnsCount,\n    handleSelectRow,\n    handleTableColClick: onColClick,\n    handleTableRowClick: onRowClick,\n    handlerSetColumnsWidth,\n    columnsWidth,\n    handlerSetColumnsCount,\n  };\n\n  useEffect(() => {\n    if (bodyScrollable && bodyContainerRef && bodyContainerRef.current) {\n      const { offsetWidth, clientWidth } = bodyContainerRef.current;\n      const scrollWidth = offsetWidth - clientWidth;\n      if (scrollWidth !== bodyScrollWidth) setBodyScrollWidth(scrollWidth);\n    }\n  }, []);\n\n  useEffect(() => {\n    setSelectedRowId(props.selectedRowId);\n  }, [props.selectedRowId]);\n\n  return (\n    <TableContext.Provider value={contextValues}>\n      {bodyScrollable ? <div className={getClass(props)}>{children}</div> : getTableComponent()}\n    </TableContext.Provider>\n  );\n};\n\nexport default Table;\nexport {\n  THeader,\n  TRow,\n  TBody,\n  Th,\n  Td,\n};\n"],"mappings":";;;;;;;;;;;;mCAYM,KAAY,EAChB,gBAAa,YAAS,aAAU,YAAS,gBAAa,kBAAe,cACrE,aAAU,mBAAgB,oBAAiB,SAE3C,mBAAmB,EAAA,GAAe,KAAW,WAAA;IAC3C,KAAY,YAAA,GAAe,KAAW,WAAA,GAAc,KAAiB,eAAA;IACrE,KAAa,aAAA;IACb,KAAY,YAAA;IACZ,KAAe,CAAC,IAAiB,kBAAkB,GAAA;IACnD,IAAiB,gBAAgB,MAG/B,KAAS,EAAE,aAAU,GAAG,QAAyB;CACrD,IAAM,EACJ,eAAY,eAAY,mBAAgB,aAAU,gBAAa,WAAQ,mBACvE,qBAAkB,mBAAgB,eAAe,GACjD,2BAAwB,IAAO,GAAG,MAChC,GACE,CAAC,GAAe,KAAoB,EAAS,EAAuB,EACpE,CAAC,GAAiB,KAAsB,EAAS,EAAE,EACnD,CAAC,GAAc,KAAmB,EAA8B,EAAE,CAAC,EACnE,CAAC,GAAc,KAAmB,EAAS,EAAE,EAC7C,IAAmB,EAAO,KAAK,EAE/B,IAAkB,GAAa,MAAmD;AACtF,IAAiB,EAAW;IAC3B,EAAE,CAAC,EAEA,IAAyB,GAAa,MAA4C;AACtF,EAAI,CAAC,EAAA,QAAE,QAAQ,EAAO,IAAI,EAAA,QAAE,QAAQ,EAAa,IAAE,EAAgB,EAAa;IAC/E,CAAC,EAAa,CAAC,EAEZ,IAAyB,GAAa,MAAkB,EAAgB,EAAM,EAAE,EAAE,CAAC,EAEnF,UAA0B;EAC9B,IAAM,IACJ,kBAAC,GAAD,EAAA,UACE,kBAAC,SAAD;GACE,OAAO,EAAE,SAAS,IAAS,WAAW,cAAc;GACpD,WAAW,EAAS,EAAM;GAC1B,GAAI;GACH;GACK,CAAA,EACC,CAAA;AAWb,SARI,IAEA,kBAAC,OAAD;GAAK,WAAU;aACZ;GACG,CAAA,GAIH;IAGH,IAA+B;EACnC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,qBAAqB;EACrB,qBAAqB;EACrB;EACA;EACA;EACD;AAcD,QAZA,QAAgB;AACd,MAAI,KAAkB,KAAoB,EAAiB,SAAS;GAClE,IAAM,EAAE,gBAAa,mBAAgB,EAAiB,SAChD,IAAc,IAAc;AAClC,GAAI,MAAgB,KAAiB,EAAmB,EAAY;;IAErE,EAAE,CAAC,EAEN,QAAgB;AACd,IAAiB,EAAM,cAAc;IACpC,CAAC,EAAM,cAAc,CAAC,EAGvB,kBAAC,EAAa,UAAd;EAAuB,OAAO;YAC3B,IAAiB,kBAAC,OAAD;GAAK,WAAW,EAAS,EAAM;GAAG;GAAe,CAAA,GAAG,GAAA;EAChD,CAAA"}

package/lib/table/types.d.ts

@@ -17,6 +17,7 @@ export interface ITableProps extends TableHTMLAttributes<HTMLTableElement> {
     skeletonInRows?: number;
     skeletonInHeader?: boolean;
     skeletonHeight?: number;
+    allowHorizontalScroll?: boolean;
 }
 export interface ITableHeaderProps extends ComponentProps<'th'> {
     children?: ReactNode;

package/lib/tabs/DropdownTabs.js

@@ -1,84 +1,70 @@
-import { j as s } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as k } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import { _ as N } from "../chunks/lodash.CIAK_hAg.js";
-import C from "../buttons/Button.js";
-import $ from "../icons/index.js";
-import '../assets/radio.css';import '../assets/toolbar.css';import '../assets/label.css';import '../assets/panel.css';import '../assets/noPermission.css';import '../assets/gridlayout.css';import '../assets/button.css';/* empty css                        */
-import A from "../list/index.js";
-import { useTabs as D } from "./useTabs.js";
-import "react";
-/* empty css                            */
-import "../panel/helpers.js";
-/* empty css                              */
-/* empty css                       */
-import "../toolbar/helpers.js";
-import "../labels/DefaultLabel.js";
-/* empty css                       */
-/* empty css                         */
-/* empty css                       */
-import "../popover/PopoverText.js";
-import "../popover/index.js";
-import "../textContent/index.js";
-import "./MenuTabs.js";
-import "./tabHelpers.js";
-import { L } from "../chunks/tabs.BvKfeA6Y.js";
-import "./context.js";
-import "../chunks/index.aw0XaUkg.js";
-const M = (v) => {
-  const t = k.c(25), {
-    id: e,
-    title: b,
-    closeable: a,
-    iconAlign: p,
-    icon: d,
-    iconName: i,
-    disabled: x,
-    tabMenuSize: f
-  } = v, {
-    selectTab: T,
-    removeTab: u,
-    selectedTabId: j
-  } = D();
-  let n;
-  t[0] !== e || t[1] !== T ? (n = () => T(e), t[0] = e, t[1] = T, t[2] = n) : n = t[2];
-  let r;
-  t[3] !== e || t[4] !== j ? (r = j === e ? /* @__PURE__ */ s.jsx($, { name: "checkmark", color: "#A10D0D" }) : /* @__PURE__ */ s.jsx("div", { style: {
-    width: 16,
-    height: 16
-  } }), t[3] = e, t[4] = j, t[5] = r) : r = t[5];
-  let l;
-  t[6] !== x || t[7] !== d || t[8] !== p || t[9] !== i || t[10] !== f || t[11] !== b ? (l = /* @__PURE__ */ s.jsx(C, { className: "btn menubutton", boxShadow: !1, iconAlign: p, iconName: i, icon: d, disabled: x, label: b, size: f, transparent: !0 }), t[6] = x, t[7] = d, t[8] = p, t[9] = i, t[10] = f, t[11] = b, t[12] = l) : l = t[12];
-  let m;
-  t[13] !== a || t[14] !== e || t[15] !== u ? (m = a && /* @__PURE__ */ s.jsx("button", { className: "closepanel", onClick: () => u(e) }), t[13] = a, t[14] = e, t[15] = u, t[16] = m) : m = t[16];
-  let o;
-  t[17] !== r || t[18] !== l || t[19] !== m ? (o = /* @__PURE__ */ s.jsxs("div", { className: "menuitem", children: [
-    r,
-    l,
-    m
-  ] }), t[17] = r, t[18] = l, t[19] = m, t[20] = o) : o = t[20];
-  let c;
-  return t[21] !== e || t[22] !== n || t[23] !== o ? (c = /* @__PURE__ */ s.jsx(L, { onClick: n, children: o }, e), t[21] = e, t[22] = n, t[23] = o, t[24] = c) : c = t[24], c;
-}, rt = (v) => {
-  const t = k.c(11), {
-    tabs: e,
-    tabMenuSize: b
-  } = v, a = e === void 0 ? [] : e, p = b === void 0 ? "medium" : b, {
-    selectedTabId: d
-  } = D();
-  let i;
-  t[0] !== d ? (i = (S) => S.id === d, t[0] = d, t[1] = i) : i = t[1];
-  const x = a.some(i), f = a.length > 0, T = N.uniqBy(a, "id");
-  if (!f)
-    return null;
-  const u = C, j = !0, n = "right", r = !0, l = !1, m = "large", o = `dropdownbutton ${f ? "show" : ""} ${x ? "has-selected" : ""}`, c = A, I = "dropdown-hide-tabs";
-  let w;
-  t[2] !== p ? (w = (S) => /* @__PURE__ */ s.jsx(M, { tabMenuSize: p, ...S }, S.id), t[2] = p, t[3] = w) : w = t[3];
-  const z = T.map(w);
-  let h;
-  t[4] !== c || t[5] !== z ? (h = /* @__PURE__ */ s.jsx(c, { customClass: I, children: z }), t[4] = c, t[5] = z, t[6] = h) : h = t[6];
-  let g;
-  return t[7] !== u || t[8] !== h || t[9] !== o ? (g = /* @__PURE__ */ s.jsx(u, { dropdown: j, dropdownAlign: n, transparent: r, boxShadow: l, size: m, customClass: o, children: h }), t[7] = u, t[8] = h, t[9] = o, t[10] = g) : g = t[10], g;
-};
-export {
-  rt as default
+import { __toESM as e } from "../_virtual/_rolldown/runtime.js";
+import { require_compiler_runtime as t } from "../node_modules/react/compiler-runtime.js";
+import n from "../icons/index.js";
+import { require_lodash as r } from "../node_modules/lodash/lodash.js";
+import i from "../buttons/index.js";
+import a from "../list/Item.js";
+import o from "../list/index.js";
+import { useTabs as s } from "./useTabs.js";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/lib/tabs/DropdownTabs.tsx
+var u = t(), d = /* @__PURE__ */ e(r(), 1), f = (e) => {
+	let t = (0, u.c)(15), { id: r, title: o, closeable: d, iconAlign: f, icon: p, iconName: m, disabled: h, tabMenuSize: g } = e, { selectTab: _, removeTab: v, selectedTabId: y } = s(), b;
+	t[0] !== r || t[1] !== _ ? (b = () => _(r), t[0] = r, t[1] = _, t[2] = b) : b = t[2];
+	let x;
+	return t[3] !== d || t[4] !== h || t[5] !== p || t[6] !== f || t[7] !== m || t[8] !== r || t[9] !== v || t[10] !== y || t[11] !== b || t[12] !== g || t[13] !== o ? (x = c(a, {
+		onClick: b,
+		children: l("div", {
+			className: "menuitem",
+			children: [
+				y === r ? c(n, {
+					name: "checkmark",
+					color: "#A10D0D"
+				}) : c("div", { style: {
+					width: 16,
+					height: 16
+				} }),
+				c(i, {
+					className: "btn menubutton",
+					boxShadow: !1,
+					iconAlign: f,
+					iconName: m,
+					icon: p,
+					disabled: h,
+					label: o,
+					size: g,
+					transparent: !0
+				}),
+				d && c("button", {
+					className: "closepanel",
+					onClick: () => v(r)
+				})
+			]
+		})
+	}, r), t[3] = d, t[4] = h, t[5] = p, t[6] = f, t[7] = m, t[8] = r, t[9] = v, t[10] = y, t[11] = b, t[12] = g, t[13] = o, t[14] = x) : x = t[14], x;
+}, p = (e) => {
+	let t = (0, u.c)(4), { tabs: n, tabMenuSize: r } = e, a = n === void 0 ? [] : n, l = r === void 0 ? "medium" : r, { selectedTabId: p } = s(), m;
+	t[0] === p ? m = t[1] : (m = (e) => e.id === p, t[0] = p, t[1] = m);
+	let h = a.some(m), g = a.length > 0, _ = d.default.uniqBy(a, "id");
+	if (!g) return null;
+	let v;
+	return t[2] === l ? v = t[3] : (v = (e) => c(f, {
+		tabMenuSize: l,
+		...e
+	}, e.id), t[2] = l, t[3] = v), c(i, {
+		dropdown: !0,
+		dropdownAlign: "right",
+		transparent: !0,
+		boxShadow: !1,
+		size: "large",
+		customClass: `dropdownbutton ${g ? "show" : ""} ${h ? "has-selected" : ""}`,
+		children: c(o, {
+			customClass: "dropdown-hide-tabs",
+			children: _.map(v)
+		})
+	});
 };
+//#endregion
+export { p as default };
+
+//# sourceMappingURL=DropdownTabs.js.map

package/lib/tabs/DropdownTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownTabs.js","names":[],"sources":["../../src/lib/tabs/DropdownTabs.tsx"],"sourcesContent":["import _ from 'lodash';\nimport Button from '../buttons';\nimport List, { ListItem } from '../list';\nimport { DropdownProps, TabProps } from './types';\nimport { useTabs } from './useTabs';\nimport { Icon } from '..';\n\nconst DropdownTab = ({\n  id,\n  title,\n  closeable,\n  iconAlign,\n  icon,\n  iconName,\n  disabled,\n  tabMenuSize,\n}: TabProps) => {\n  const { selectTab, removeTab, selectedTabId } = useTabs();\n\n  return (\n    <ListItem key={id} onClick={() => selectTab(id)}>\n      <div className=\"menuitem\">\n        {selectedTabId === id\n          ? (\n            <Icon name='checkmark' color='#A10D0D' />\n            )\n          : (\n            <div style={{ width: 16, height: 16 }} />\n            )}\n        <Button\n          className=\"btn menubutton\"\n          boxShadow={false}\n          iconAlign={iconAlign}\n          iconName={iconName}\n          icon={icon}\n          disabled={disabled}\n          label={title}\n          size={tabMenuSize}\n          transparent />\n        {closeable &&\n          <button\n            className=\"closepanel\"\n            onClick={() => removeTab(id)} />}\n      </div>\n    </ListItem>\n  );\n};\n\nconst DropdownTabs = ({\n  tabs = [],\n  tabMenuSize = 'medium',\n}: DropdownProps) => {\n  const { selectedTabId } = useTabs();\n  const hasSelectedTab = tabs.some(tab => tab.id === selectedTabId);\n  const hasTabs = tabs.length > 0;\n  const uniqueTabs = _.uniqBy(tabs, 'id');\n\n  if (!hasTabs) return null;\n  return (\n    <Button \n      dropdown \n      dropdownAlign=\"right\" \n      transparent \n      boxShadow={false} \n      size=\"large\"\n      customClass={`dropdownbutton ${hasTabs ? 'show' : ''} ${hasSelectedTab ? 'has-selected' : ''}`}>\n      <List customClass=\"dropdown-hide-tabs\">\n        {uniqueTabs.map(tab => (\n          <DropdownTab key={tab.id} tabMenuSize={tabMenuSize} {...tab} />\n        ))}\n      </List>\n    </Button>\n  );\n};\n\nexport default DropdownTabs;\n"],"mappings":";;;;;;;;;;4CAOM,KAAA,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,GAAA,GAAA,EAAe,EAAA,OAAA,UAAA,cAAA,cAAA,SAAA,aAAA,aAAA,mBAAA,GAUnB,EAAA,cAAA,cAAA,qBAAgD,GAAS,EAAA;AAAA,CAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAGpC,UAAe,EAAU,EAAG,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA;CAAA,IAAA;AAwBpC,QAxBoC,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAA/C,IAAA,EAAC,GAAD;EAAA,SAAmB;EAA4B,UAC7C,EAAC,OAAD;GAAA,WAAe;GAAA,UAAf;IACG,MAAkB,IAEf,EAAC,GAAD;KAAA,MAAW;KAAA,OAAkB;KAGY,CAAA,GAAzC,EAAC,OAAD,EAAA,OAAY;KAAA,OAAS;KAAA,QAAY;OAAQ,CAAA;IAE7C,EAAC,GAAD;KAAA,WACY;KAAA,WACC;KAAA;KAAA;KAAA;KAAA;KAAA,OAKJ;KAAA,MACD;KAAA,aACN;KAAc,CAAA;IACf,KACC,EAAC,UAAD;KAAA,WACY;KAAA,eACK,EAAU,EAAA;KAAO,CAAA;IAAA;;EAE7B,EAxBI,EAwBJ,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,KAAA,IAAA,EAAA,KAxBX;GA4BE,KAAA,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,GAAA,EAAA,EAAgB,EAAA,MAAA,GAAA,aAAA,MAAA,GACpB,IAAA,MAAA,KAAA,IAAA,EAAS,GAAT,GACA,IAAA,MAAA,KAAA,IAAA,WAAA,GAEA,EAAA,qBAA0B,GAAS,EAAA;AAAA,CAAA,EAAA,OAAA,IACgB,IAAA,EAAA,MAAvB,KAAA,MAAY,EAAA,OAAW,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CAAnD,IAAA,IAAuB,EAAA,KAAK,EAAqC,EACjE,IAAgB,EAAA,SAAc,GAC9B,IAAmB,EAAA,QAAA,OAAS,GAAM,KAAK;AAEvC,KAAI,CAAC,EAAA,QAAgB;CAAA,IAAA;AAWkD,QAXlD,EAAA,OAAA,IAWkD,IAAA,EAAA,MADrD,KAAA,MACV,EAAC,GAAD;EAAA;EAAA,GAAwD;EAAO,EAA7C,EAAA,GAA6C,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA,IATrE,EAAC,GAAD;EAAA,UACE;EAAA,eACc;EAAA,aACd;EAAA,WACW;EAAA,MACN;EAAA,aACQ,kBAAkB,IAAA,SAAA,GAAmB,GAAM,IAAA,iBAAA;EAAkC,UAC1F,EAAC,GAAD;GAAA,aAAkB;GAAA,UACf,EAAA,IAAW,EACqD;GAE5D,CAAA;EACA,CAAA"}

package/lib/tabs/Menu.d.ts

@@ -1,3 +1,3 @@
 import { MenuProps } from './types';
-declare const Menu: ({ toolbar, customClassForToolBar, tabWidth, ...props }: MenuProps) => import("react/jsx-runtime").JSX.Element;
+declare const Menu: ({ toolbar, customClassForToolBar, tabWidth, tabsWithError, ...props }: MenuProps) => import("react/jsx-runtime").JSX.Element;
 export default Menu;

package/lib/tabs/Menu.js

@@ -1,38 +1,35 @@
-import { j as c } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as T } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import p from "react";
-import g from "./MenuTabs.js";
-import z from "./DropdownTabs.js";
-import { useTabs as A } from "./useTabs.js";
-const v = (u) => {
-  const t = T.c(25);
-  let e, r, b, n;
-  t[0] !== u ? ({
-    toolbar: n,
-    customClassForToolBar: r,
-    tabWidth: b,
-    ...e
-  } = u, t[0] = u, t[1] = e, t[2] = r, t[3] = b, t[4] = n) : (e = t[1], r = t[2], b = t[3], n = t[4]);
-  const m = r === void 0 ? "" : r, a = b === void 0 ? "auto" : b, {
-    menuTabs: f,
-    menuRef: d,
-    dropdownTabs: M
-  } = A();
-  let s;
-  t[5] !== d || t[6] !== f || t[7] !== e.firstTabIdent || t[8] !== e.tabMenuAlign || t[9] !== e.tabMenuSize || t[10] !== a ? (s = /* @__PURE__ */ c.jsx(g, { tabs: f, tabWidth: a, tabMenuSize: e.tabMenuSize, tabMenuAlign: e.tabMenuAlign, firstTabIdent: e.firstTabIdent, ref: d }), t[5] = d, t[6] = f, t[7] = e.firstTabIdent, t[8] = e.tabMenuAlign, t[9] = e.tabMenuSize, t[10] = a, t[11] = s) : s = t[11];
-  let i;
-  t[12] !== M || t[13] !== e.firstTabIdent || t[14] !== e.tabMenuAlign || t[15] !== e.tabMenuSize || t[16] !== a ? (i = /* @__PURE__ */ c.jsx(z, { tabs: M, tabWidth: a, tabMenuSize: e.tabMenuSize, tabMenuAlign: e.tabMenuAlign, firstTabIdent: e.firstTabIdent }), t[12] = M, t[13] = e.firstTabIdent, t[14] = e.tabMenuAlign, t[15] = e.tabMenuSize, t[16] = a, t[17] = i) : i = t[17];
-  let o;
-  t[18] !== m || t[19] !== n ? (o = n && p.cloneElement(n, {
-    customClass: `menubar ${m}`
-  }), t[18] = m, t[19] = n, t[20] = o) : o = t[20];
-  let l;
-  return t[21] !== s || t[22] !== i || t[23] !== o ? (l = /* @__PURE__ */ c.jsxs("div", { className: "menucontainer", children: [
-    s,
-    i,
-    o
-  ] }), t[21] = s, t[22] = i, t[23] = o, t[24] = l) : l = t[24], l;
-};
-export {
-  v as default
+import { useTabs as e } from "./useTabs.js";
+import t from "./MenuTabs.js";
+import n from "./DropdownTabs.js";
+import { cloneElement as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/lib/tabs/Menu.tsx
+var o = (o) => {
+	let { toolbar: s, customClassForToolBar: c, tabWidth: l, tabsWithError: u, ...d } = o, f = c === void 0 ? "" : c, p = l === void 0 ? "auto" : l, { menuTabs: m, menuRef: h, dropdownTabs: g } = e();
+	return a("div", {
+		className: "menucontainer",
+		children: [
+			i(t, {
+				tabsWithError: u,
+				tabs: m,
+				tabWidth: p,
+				tabMenuSize: d.tabMenuSize,
+				tabMenuAlign: d.tabMenuAlign,
+				firstTabIdent: d.firstTabIdent,
+				ref: h
+			}),
+			i(n, {
+				tabs: g,
+				tabWidth: p,
+				tabMenuSize: d.tabMenuSize,
+				tabMenuAlign: d.tabMenuAlign,
+				firstTabIdent: d.firstTabIdent
+			}),
+			s && r(s, { customClass: `menubar ${f}` })
+		]
+	});
 };
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=Menu.js.map

package/lib/tabs/Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.js","names":[],"sources":["../../src/lib/tabs/Menu.tsx"],"sourcesContent":["import { cloneElement } from 'react';\nimport MenuTabs from './MenuTabs';\nimport DropdownTabs from './DropdownTabs';\nimport { MenuProps } from './types';\nimport { useTabs } from './useTabs';\n\nconst Menu = ({\n  toolbar,\n  customClassForToolBar = '',\n  tabWidth = 'auto',\n  tabsWithError,\n  ...props\n}: MenuProps) => {\n  const {\n    menuTabs, menuRef, dropdownTabs,\n  } = useTabs();\n\n  return (\n    <div\n      className=\"menucontainer\">\n      <MenuTabs\n        tabsWithError={tabsWithError}\n        tabs={menuTabs}\n        tabWidth={tabWidth}\n        tabMenuSize={props.tabMenuSize}\n        tabMenuAlign={props.tabMenuAlign}\n        firstTabIdent={props.firstTabIdent}\n        ref={menuRef} />\n      <DropdownTabs\n        tabs={dropdownTabs}\n        tabWidth={tabWidth}\n        tabMenuSize={props.tabMenuSize}\n        tabMenuAlign={props.tabMenuAlign}\n        firstTabIdent={props.firstTabIdent} />\n      {toolbar && cloneElement(toolbar, {\n        customClass: `menubar ${customClassForToolBar}`,\n      })}\n    </div>\n  );\n};\n\nexport default Menu;\n"],"mappings":";;;;;;AAMA,IAAM,KAAA,MAAA;CAAQ,IAAA,EAAA,YAAA,uBAAA,GAAA,UAAA,GAAA,kBAAA,GAAA,MAAA,GAEZ,IAAA,MAAA,KAAA,IAAA,KAAA,GACA,IAAA,MAAA,KAAA,IAAA,SAAA,GAIA,EAAA,aAAA,YAAA,oBAEI,GAAS;AAAA,QAGX,EAAC,OAAD;EAAA,WACY;EAAA,UADZ;GAEE,EAAC,GAAD;IAAA;IAAA,MAEQ;IAAA;IAAA,aAEO,EAAA;IAAM,cACL,EAAA;IAAM,eACL,EAAA;IAAM,KAChB;IAAW,CAAA;GAClB,EAAC,GAAD;IAAA,MACQ;IAAA;IAAA,aAEO,EAAA;IAAM,cACL,EAAA;IAAM,eACL,EAAA;IAAuB,CAAA;GACvC,KAAW,EAAa,GAAS,EAAA,aACnB,WAAW,KACzB,CAAC;GAAA"}

package/lib/tabs/MenuTabs.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { MenuProps } from './types';
-declare const MenuTabs: React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLUListElement>>;
+declare const MenuTabs: import('react').ForwardRefExoticComponent<MenuProps & import('react').RefAttributes<HTMLUListElement>>;
 export default MenuTabs;

package/lib/tabs/MenuTabs.js

@@ -1,64 +1,60 @@
-import { j as M } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as y } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import S from "react";
-import { _ as z } from "../chunks/lodash.CIAK_hAg.js";
-import A from "../buttons/Button.js";
-import "../icons/index.js";
-import '../assets/button.css';/* empty css                        */
-import { menuStyles as R, onDeniedOptions as W } from "./tabHelpers.js";
-import { actionsOnPermissionDenied as $ } from "../permissionValidations.js";
-import { useTabs as g } from "./useTabs.js";
-const w = (N) => {
-  const e = y.c(21), {
-    id: t,
-    title: l,
-    tabWidth: m,
-    iconAlign: c,
-    iconName: r,
-    icon: b,
-    disabled: s,
-    permissionAttr: i,
-    tabMenuSize: o,
-    tooltip: n,
-    tooltipPosition: u,
-    tooltipWidth: T,
-    closeable: p
-  } = N, {
-    selectedTabId: f,
-    selectTab: x,
-    removeTab: v,
-    tabsCount: h
-  } = g();
-  let a;
-  e[0] !== i ? (a = $(W, i), e[0] = i, e[1] = a) : a = e[1];
-  const d = a;
-  let j;
-  return e[2] !== p || e[3] !== s || e[4] !== b || e[5] !== c || e[6] !== r || e[7] !== t || e[8] !== d.disabled || e[9] !== d.unvisible || e[10] !== v || e[11] !== x || e[12] !== f || e[13] !== o || e[14] !== m || e[15] !== h || e[16] !== l || e[17] !== n || e[18] !== u || e[19] !== T ? (j = d.unvisible ? null : /* @__PURE__ */ M.jsxs("li", { style: {
-    width: m
-  }, className: `menuitem ${f === t && "selected"}`, children: [
-    /* @__PURE__ */ M.jsx(A, { className: "btn menubutton", boxShadow: !1, onClick: () => x(t), iconAlign: c, iconName: r, icon: b, disabled: s || !!d.disabled, label: l, size: o, tooltip: n || l, tooltipPosition: u, tooltipWidth: T }),
-    p && h > 1 && /* @__PURE__ */ M.jsx("button", { className: "closepanel", onClick: () => v(t) })
-  ] }, t), e[2] = p, e[3] = s, e[4] = b, e[5] = c, e[6] = r, e[7] = t, e[8] = d.disabled, e[9] = d.unvisible, e[10] = v, e[11] = x, e[12] = f, e[13] = o, e[14] = m, e[15] = h, e[16] = l, e[17] = n, e[18] = u, e[19] = T, e[20] = j) : j = e[20], j;
-}, C = S.forwardRef((N, e) => {
-  const t = y.c(20), {
-    tabs: l,
-    tabWidth: m,
-    tabMenuSize: c,
-    tabMenuAlign: r,
-    firstTabIdent: b
-  } = N;
-  let s, i, o, n;
-  if (t[0] !== e || t[1] !== l || t[2] !== m || t[3] !== c || t[4] !== r || t[5] !== b) {
-    const T = l === void 0 ? [] : l, p = m === void 0 ? "auto" : m, f = c === void 0 ? "medium" : c, x = r === void 0 ? "left" : r, v = b === void 0 ? !1 : b, h = z.uniqBy(T, "id");
-    s = `menu ${v && "-firsttabident"}`, t[10] !== x ? (i = R(x), t[10] = x, t[11] = i) : i = t[11], o = e;
-    let a;
-    t[12] !== f || t[13] !== p ? (a = (d) => /* @__PURE__ */ M.jsx(w, { tabMenuSize: f, tabWidth: p, ...d }, d.id), t[12] = f, t[13] = p, t[14] = a) : a = t[14], n = h.map(a), t[0] = e, t[1] = l, t[2] = m, t[3] = c, t[4] = r, t[5] = b, t[6] = s, t[7] = i, t[8] = o, t[9] = n;
-  } else
-    s = t[6], i = t[7], o = t[8], n = t[9];
-  let u;
-  return t[15] !== s || t[16] !== i || t[17] !== o || t[18] !== n ? (u = /* @__PURE__ */ M.jsx("ul", { className: s, style: i, ref: o, children: n }), t[15] = s, t[16] = i, t[17] = o, t[18] = n, t[19] = u) : u = t[19], u;
+import { __toESM as e } from "../_virtual/_rolldown/runtime.js";
+import { require_compiler_runtime as t } from "../node_modules/react/compiler-runtime.js";
+import { require_lodash as n } from "../node_modules/lodash/lodash.js";
+import { actionsOnPermissionDenied as r } from "../permissionValidations.js";
+import i from "../buttons/index.js";
+import { menuStyles as a, onDeniedOptions as o } from "./tabHelpers.js";
+import { useTabs as s } from "./useTabs.js";
+import { forwardRef as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/lib/tabs/MenuTabs.tsx
+var d = t(), f = /* @__PURE__ */ e(n(), 1), p = (e) => {
+	let t = (0, d.c)(25), { id: n, title: a, tabWidth: c, iconAlign: f, iconName: p, icon: m, disabled: h, permissionAttr: g, tabMenuSize: _, tooltip: v, tooltipPosition: y, tooltipWidth: b, closeable: x, tabsWithError: S } = e, { selectedTabId: C, selectTab: w, removeTab: T, tabsCount: E } = s(), D;
+	t[0] === g ? D = t[1] : (D = r(o, g), t[0] = g, t[1] = D);
+	let O = D, k;
+	t[2] !== n || t[3] !== S ? (k = S?.includes(n), t[2] = n, t[3] = S, t[4] = k) : k = t[4];
+	let A = k, j;
+	return t[5] !== x || t[6] !== h || t[7] !== m || t[8] !== f || t[9] !== p || t[10] !== n || t[11] !== O.disabled || t[12] !== O.unvisible || t[13] !== T || t[14] !== w || t[15] !== C || t[16] !== _ || t[17] !== c || t[18] !== E || t[19] !== a || t[20] !== v || t[21] !== y || t[22] !== b || t[23] !== A ? (j = O.unvisible ? null : u("li", {
+		style: { width: c },
+		className: `
+          menuitem 
+          ${C === n && "selected"} 
+          ${A && "witherrorcontent"}
+        `,
+		children: [l(i, {
+			className: "btn menubutton",
+			boxShadow: !1,
+			onClick: () => w(n),
+			iconAlign: f,
+			iconName: p,
+			icon: m,
+			disabled: h || !!O.disabled,
+			label: a,
+			size: _,
+			tooltip: v || a,
+			tooltipPosition: y,
+			tooltipWidth: b
+		}), x && E > 1 && l("button", {
+			className: "closepanel",
+			onClick: () => T(n)
+		})]
+	}, n), t[5] = x, t[6] = h, t[7] = m, t[8] = f, t[9] = p, t[10] = n, t[11] = O.disabled, t[12] = O.unvisible, t[13] = T, t[14] = w, t[15] = C, t[16] = _, t[17] = c, t[18] = E, t[19] = a, t[20] = v, t[21] = y, t[22] = b, t[23] = A, t[24] = j) : j = t[24], j;
+}, m = c(({ tabs: e = [], tabWidth: t = "auto", tabMenuSize: n = "medium", tabMenuAlign: r = "left", firstTabIdent: i = !1, tabsWithError: o }, c) => {
+	let { keepPanelsInOrder: u } = s(), d = u ? f.default.sortBy(f.default.uniqBy(e, "id"), (e) => u.indexOf(e.id)) : f.default.uniqBy(e, "id");
+	return /* @__PURE__ */ l("ul", {
+		className: `menu ${i && "-firsttabident"}`,
+		style: a(r),
+		ref: c,
+		children: d.map((e) => /* @__PURE__ */ l(p, {
+			tabMenuSize: n,
+			tabWidth: t,
+			tabsWithError: o,
+			...e
+		}, e.id))
+	});
 });
-C.displayName = "MenuTabs";
-export {
-  C as default
-};
+m.displayName = "MenuTabs";
+//#endregion
+export { m as default };
+
+//# sourceMappingURL=MenuTabs.js.map

package/lib/tabs/MenuTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuTabs.js","names":[],"sources":["../../src/lib/tabs/MenuTabs.tsx"],"sourcesContent":["import _ from 'lodash';\nimport { forwardRef } from 'react';\nimport Button from '../buttons';\nimport * as helpers from './tabHelpers';\nimport { actionsOnPermissionDenied } from '../permissionValidations';\nimport { OnDenied } from '../@types/PermissionAttr';\nimport { MenuProps, TabProps } from './types';\nimport { useTabs } from './useTabs';\n\nconst MenuTab = ({\n  id,\n  title,\n  tabWidth,\n  iconAlign,\n  iconName,\n  icon,\n  disabled,\n  permissionAttr,\n  tabMenuSize,\n  tooltip,\n  tooltipPosition,\n  tooltipWidth,\n  closeable,\n  tabsWithError,\n}: TabProps) => {\n  const { selectedTabId, selectTab, removeTab, tabsCount } = useTabs();\n  const onDenied: OnDenied = actionsOnPermissionDenied(helpers.onDeniedOptions, permissionAttr);\n  const withErrorInContent = tabsWithError?.includes(id);\n\n  return (\n    onDenied.unvisible ?\n      null :\n      <li\n        key={id}\n        style={{ width: tabWidth }}\n        className={`\n          menuitem \n          ${selectedTabId === id && 'selected'} \n          ${withErrorInContent && 'witherrorcontent'}\n        `}>\n        <Button\n          className=\"btn menubutton\"\n          boxShadow={false}\n          onClick={() => selectTab(id)}\n          iconAlign={iconAlign}\n          iconName={iconName}\n          icon={icon}\n          disabled={disabled || !!onDenied.disabled}\n          label={title}\n          size={tabMenuSize}\n          tooltip={tooltip || title}\n          tooltipPosition={tooltipPosition}\n          tooltipWidth={tooltipWidth} />\n        {closeable && tabsCount > 1 && (\n          <button\n            className=\"closepanel\"\n            onClick={() => removeTab(id)} />\n        )}\n      </li>\n  );\n};\n\nconst MenuTabs = forwardRef<HTMLUListElement, MenuProps>(({\n  tabs = [],\n  tabWidth = 'auto',\n  tabMenuSize = 'medium',\n  tabMenuAlign = 'left',\n  firstTabIdent = false,\n  tabsWithError,\n}, ref) => {\n  const { keepPanelsInOrder } = useTabs();\n\n  const uniqueTabs = keepPanelsInOrder ?\n      _.sortBy(_.uniqBy(tabs, 'id'), tabPanel => keepPanelsInOrder.indexOf(tabPanel.id))\n    : _.uniqBy(tabs, 'id');\n\n  return (\n    <ul\n      className={`menu ${firstTabIdent && '-firsttabident'}`}\n      style={helpers.menuStyles(tabMenuAlign)}\n      ref={ref}>\n      {uniqueTabs.map(tab => (\n        <MenuTab\n          key={tab.id}\n          tabMenuSize={tabMenuSize}\n          tabWidth={tabWidth}\n          tabsWithError={tabsWithError}\n          {...tab} />\n      ))}\n    </ul>\n  );\n});\n\nMenuTabs.displayName = 'MenuTabs';\n\nexport default MenuTabs;\n"],"mappings":";;;;;;;;;;4CASM,KAAA,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,GAAA,GAAA,EAAW,EAAA,OAAA,UAAA,aAAA,cAAA,aAAA,SAAA,aAAA,mBAAA,gBAAA,YAAA,oBAAA,iBAAA,cAAA,qBAAA,GAgBf,EAAA,kBAAA,cAAA,cAAA,iBAA2D,GAAS,EAAA;AAAA,CAAA,EAAA,OAAA,IACyB,IAAA,EAAA,MAAlE,IAAA,EAA0B,GAAyB,EAAe,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CAA7F,IAAA,IAA2B,GAAkE;AAAA,CAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAClE,IAAA,GAAA,SAAwB,EAAG,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA;CAAtD,IAAA,IAA2B,GAA2B;AA+B7C,QA/B6C,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,EAAA,YAAA,EAAA,QAAA,EAAA,aAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAGpD,IAAA,EAAA,YAAA,OAEE,EAAC,MAAD;EAAA,OAES,EAAA,OAAS,GAAU;EAAA,WACf;;YAEP,MAAkB,KAAlB,WAAwB;YACxB,KAAA,mBAAsB;;YAN5B,CAQE,EAAC,GAAD;GAAA,WACY;GAAA,WACC;GAAA,eACI,EAAU,EAAG;GAAA;GAAA;GAAA;GAAA,UAIlB,KAAA,CAAa,CAAC,EAAA;GAAS,OAC1B;GAAA,MACD;GAAA,SACG,KAAA;GAAW;GAAA;GAEU,CAAA,EAC/B,KAAa,IAAY,KACxB,EAAC,UAAD;GAAA,WACY;GAAA,eACK,EAAU,EAAA;GAAO,CAAA,CAAA;IAvB/B,EAyBF,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,WAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,KAAA,IAAA,EAAA,KA5BP;GAgCE,IAAW,GAAyC,EACxD,UAAO,EAAE,EACT,cAAW,QACX,iBAAc,UACd,kBAAe,QACf,mBAAgB,IAChB,oBACC,MAAQ;CACT,IAAM,EAAE,yBAAsB,GAAS,EAEjC,IAAa,IACf,EAAA,QAAE,OAAO,EAAA,QAAE,OAAO,GAAM,KAAK,GAAE,MAAY,EAAkB,QAAQ,EAAS,GAAG,CAAC,GAClF,EAAA,QAAE,OAAO,GAAM,KAAK;AAExB,QACE,kBAAC,MAAD;EACE,WAAW,QAAQ,KAAiB;EACpC,OAAO,EAAmB,EAAa;EAClC;YACJ,EAAW,KAAI,MACd,kBAAC,GAAD;GAEe;GACH;GACK;GACf,GAAI;GAAO,EAJN,EAAI,GAIE,CAAA;EAEZ,CAAA;EAEP;AAEF,EAAS,cAAc"}