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

package/lib/radio/index.js

@@ -1,112 +1,88 @@
-import { j as i } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as ae } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import { useState as te, useEffect as ce } from "react";
-import '../assets/radio.css';/* empty css                       */
-import { OPTIONS_ON_DENIED as se, actionsOnPermissionDenied as de } from "../permissionValidations.js";
-import re from "../popover/index.js";
-import ie from "../textContent/index.js";
-const ge = (oe) => {
-  const e = ae.c(58), {
-    id: o,
-    label: S,
-    value: $,
-    checked: t,
-    onChange: v,
-    name: H,
-    disabled: J,
-    required: M,
-    skeletonize: Q,
-    defaultChecked: V,
-    inputRef: O,
-    size: W,
-    customClassForLabel: A,
-    labelUppercase: L,
-    hint: x,
-    hintPosition: X,
-    themePopover: Y,
-    popoverAlign: Z,
-    permissionAttr: q
-  } = oe, w = H === void 0 ? "" : H, g = J === void 0 ? !1 : J, l = M === void 0 ? !1 : M, k = Q === void 0 ? !1 : Q, C = V === void 0 ? !1 : V, ee = W === void 0 ? "medium" : W, F = X === void 0 ? "onLabelRight" : X, T = Y === void 0 ? "light" : Y, K = Z === void 0 ? "left" : Z, [n, le] = te(t);
-  let P, j;
-  if (e[0] !== q) {
-    const b = [se.disabled, se.unvisible];
-    P = te, j = de(b, q), e[0] = q, e[1] = P, e[2] = j;
-  } else
-    P = e[1], j = e[2];
-  const [N] = P(j);
-  let y;
-  e[3] !== t || e[4] !== n ? (y = () => {
-    t !== n && le(t);
-  }, e[3] = t, e[4] = n, e[5] = y) : y = e[5];
-  let z;
-  e[6] !== t ? (z = [t], e[6] = t, e[7] = z) : z = e[7], ce(y, z);
-  let D;
-  e[8] !== g || e[9] !== N.disabled || e[10] !== k ? (D = () => g || !!N.disabled || k, e[8] = g, e[9] = N.disabled, e[10] = k, e[11] = D) : D = e[11];
-  const s = D;
-  let R;
-  e[12] !== t || e[13] !== C || e[14] !== n || e[15] !== v || e[16] !== s ? (R = () => {
-    let b;
-    return b = {
-      ...C && !t ? {
-        defaultChecked: C
-      } : {
-        checked: n
-      }
-    }, v && !s() && (b = {
-      ...b,
-      onChange: (ne) => v(ne),
-      onKeyDown: null,
-      role: "button",
-      tabIndex: "0"
-    }), b;
-  }, e[12] = t, e[13] = C, e[14] = n, e[15] = v, e[16] = s, e[17] = R) : R = e[17];
-  const U = R;
-  if (N.unvisible)
-    return null;
-  let _;
-  e[18] === Symbol.for("react.memo_cache_sentinel") ? (_ = {
-    display: "flex",
-    alignItems: "center"
-  }, e[18] = _) : _ = e[18];
-  const B = `radio-button ${g ? "disabled" : ""} ${k ? "-skeletonized" : ""}`;
-  let a;
-  e[19] !== U ? (a = U(), e[19] = U, e[20] = a) : a = e[20];
-  let c;
-  e[21] !== s ? (c = s(), e[21] = s, e[22] = c) : c = e[22];
-  let d;
-  e[23] !== o || e[24] !== O || e[25] !== w || e[26] !== l || e[27] !== a || e[28] !== c || e[29] !== $ ? (d = /* @__PURE__ */ i.jsx("input", { ...a, ref: O, className: "radio-component", type: "radio", value: $, id: o, name: w, required: l, disabled: c }), e[23] = o, e[24] = O, e[25] = w, e[26] = l, e[27] = a, e[28] = c, e[29] = $, e[30] = d) : d = e[30];
-  const G = `description ${ee && `-${ee}`}`;
-  let r;
-  e[31] !== s ? (r = s(), e[31] = s, e[32] = r) : r = e[32];
-  let m;
-  e[33] !== A || e[34] !== L || e[35] !== l || e[36] !== r ? (m = /* @__PURE__ */ i.jsx(ie, { required: l, disabled: r, className: A, labelUppercase: L }), e[33] = A, e[34] = L, e[35] = l, e[36] = r, e[37] = m) : m = e[37];
-  let E;
-  e[38] === Symbol.for("react.memo_cache_sentinel") ? (E = /* @__PURE__ */ i.jsx(ie, {}), e[38] = E) : E = e[38];
-  let f;
-  e[39] !== S || e[40] !== m ? (f = /* @__PURE__ */ i.jsxs("span", { children: [
-    m,
-    S,
-    E
-  ] }), e[39] = S, e[40] = m, e[41] = f) : f = e[41];
-  let p;
-  e[42] !== o || e[43] !== G || e[44] !== f ? (p = /* @__PURE__ */ i.jsx("label", { className: G, htmlFor: o, children: f }), e[42] = o, e[43] = G, e[44] = f, e[45] = p) : p = e[45];
-  let h;
-  e[46] !== B || e[47] !== d || e[48] !== p ? (h = /* @__PURE__ */ i.jsxs("div", { className: B, children: [
-    d,
-    p
-  ] }), e[46] = B, e[47] = d, e[48] = p, e[49] = h) : h = e[49];
-  let u;
-  e[50] !== x || e[51] !== F || e[52] !== K || e[53] !== T ? (u = !!x && F === "onLabelRight" && /* @__PURE__ */ i.jsx(re, { theme: T, align: K, customClass: "-hint", iconColor: "#03bde2", iconSize: 16, style: {
-    margin: "0px 5px",
-    height: "auto",
-    width: 20
-  }, children: x }), e[50] = x, e[51] = F, e[52] = K, e[53] = T, e[54] = u) : u = e[54];
-  let I;
-  return e[55] !== h || e[56] !== u ? (I = /* @__PURE__ */ i.jsxs("div", { className: "radio-input", style: _, children: [
-    h,
-    u
-  ] }), e[55] = h, e[56] = u, e[57] = I) : I = e[57], I;
-};
-export {
-  ge as default
+import { require_compiler_runtime as e } from "../node_modules/react/compiler-runtime.js";
+import { OPTIONS_ON_DENIED as t, actionsOnPermissionDenied as n } from "../permissionValidations.js";
+import r from "../textContent/index.js";
+import i from "../popover/index.js";
+import '../assets/styles/radio.css';/* empty css                     */
+import { useEffect as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/lib/radio/index.tsx
+var l = e(), u = (e) => {
+	let u = (0, l.c)(36), { id: d, label: f, value: p, checked: m, onChange: h, name: g, disabled: _, required: v, skeletonize: y, defaultChecked: b, inputRef: x, size: S, customClassForLabel: C, labelUppercase: w, hint: T, hintPosition: E, themePopover: D, popoverAlign: O, permissionAttr: k } = e, A = g === void 0 ? "" : g, j = _ === void 0 ? !1 : _, M = v === void 0 ? !1 : v, N = y === void 0 ? !1 : y, P = b === void 0 ? !1 : b, F = S === void 0 ? "medium" : S, I = E === void 0 ? "onLabelRight" : E, L = D === void 0 ? "light" : D, R = O === void 0 ? "left" : O, [z, B] = o(m), V, H;
+	if (u[0] !== k) {
+		let e = [t.disabled, t.unvisible];
+		V = o, H = n(e, k), u[0] = k, u[1] = V, u[2] = H;
+	} else V = u[1], H = u[2];
+	let [U] = V(H), W;
+	u[3] !== m || u[4] !== z ? (W = () => {
+		m !== z && B(m);
+	}, u[3] = m, u[4] = z, u[5] = W) : W = u[5];
+	let G;
+	u[6] === m ? G = u[7] : (G = [m], u[6] = m, u[7] = G), a(W, G);
+	let K;
+	u[8] !== j || u[9] !== U.disabled || u[10] !== N ? (K = () => j || !!U.disabled || N, u[8] = j, u[9] = U.disabled, u[10] = N, u[11] = K) : K = u[11];
+	let q = K, J;
+	u[12] !== m || u[13] !== P || u[14] !== z || u[15] !== h || u[16] !== q ? (J = () => {
+		let e;
+		return e = { ...P && !m ? { defaultChecked: P } : { checked: z } }, h && !q() && (e = {
+			...e,
+			onChange: (e) => h(e),
+			onKeyDown: null,
+			role: "button",
+			tabIndex: "0"
+		}), e;
+	}, u[12] = m, u[13] = P, u[14] = z, u[15] = h, u[16] = q, u[17] = J) : J = u[17];
+	let Y = J;
+	if (U.unvisible) return null;
+	let X;
+	return u[18] !== C || u[19] !== j || u[20] !== Y || u[21] !== T || u[22] !== I || u[23] !== d || u[24] !== x || u[25] !== f || u[26] !== w || u[27] !== A || u[28] !== R || u[29] !== M || u[30] !== q || u[31] !== F || u[32] !== N || u[33] !== L || u[34] !== p ? (X = c("div", {
+		className: "radio-input",
+		style: {
+			display: "flex",
+			alignItems: "center"
+		},
+		children: [c("div", {
+			className: `radio-button ${j ? "disabled" : ""} ${N ? "-skeletonized" : ""}`,
+			children: [s("input", {
+				...Y(),
+				ref: x,
+				className: "radio-component",
+				type: "radio",
+				value: p,
+				id: d,
+				name: A,
+				required: M,
+				disabled: q()
+			}), s("label", {
+				className: `description ${F && `-${F}`}`,
+				htmlFor: d,
+				children: c("span", { children: [
+					s(r, {
+						required: M,
+						disabled: q(),
+						className: C,
+						labelUppercase: w
+					}),
+					f,
+					s(r, {})
+				] })
+			})]
+		}), !!T && I === "onLabelRight" && s(i, {
+			theme: L,
+			align: R,
+			customClass: "-hint",
+			iconColor: "#03bde2",
+			iconSize: 16,
+			style: {
+				margin: "0px 5px",
+				height: "auto",
+				width: 20
+			},
+			children: T
+		})]
+	}), u[18] = C, u[19] = j, u[20] = Y, u[21] = T, u[22] = I, u[23] = d, u[24] = x, u[25] = f, u[26] = w, u[27] = A, u[28] = R, u[29] = M, u[30] = q, u[31] = F, u[32] = N, u[33] = L, u[34] = p, u[35] = X) : X = u[35], X;
 };
+u.displayName = "Radio";
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=index.js.map

package/lib/radio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/lib/radio/index.tsx"],"sourcesContent":["import { useState, useEffect, ChangeEvent } from 'react';\nimport '../assets/styles/radio.scss';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../permissionValidations';\n\nimport { IRadioProps } from './types';\nimport { OnDenied } from '../@types/PermissionAttr';\nimport Popover from '../popover';\nimport TextContent from '../textContent';\n\n/**\n * IMPORTANTE: Caso seja necessário alterar o nome do componente, deverá ser refatorado\n * o componente Field dentro do componente Form, pois o mesmo leva em consideração o tipo do\n * componente para gerar propriedades customizadas.\n */\n\nconst Radio = ({\n  id,\n  label,\n  value,\n  checked,\n  onChange,\n  name = '',\n  disabled = false,\n  required = false,\n  skeletonize = false,\n  defaultChecked = false,\n  inputRef,\n  size = 'medium',\n  customClassForLabel, \n  labelUppercase, \n  hint,\n  hintPosition = 'onLabelRight',\n  themePopover = 'light',\n  popoverAlign = 'left',\n  permissionAttr, \n}: IRadioProps) => {\n  const [isChecked, setIsChecked] = useState(checked);\n  const options = [OPTIONS_ON_DENIED.disabled, OPTIONS_ON_DENIED.unvisible];\n  const [onDenied] = useState<OnDenied>(actionsOnPermissionDenied(options, permissionAttr));\n\n  useEffect(() => {\n    if (checked !== isChecked) setIsChecked(checked);\n  }, [checked]);\n\n  const shouldDisable = () => disabled || !!onDenied.disabled || skeletonize;\n\n  const getCustomProps = () => {\n    let customProps = {};\n    const checkProps = defaultChecked && !checked ? { defaultChecked } : { checked: isChecked };\n    customProps = {\n      ...checkProps,\n    };\n\n    if (onChange && !shouldDisable()) {\n      customProps = {\n        ...customProps,\n        onChange: (e: ChangeEvent<HTMLInputElement>) => onChange(e),\n        onKeyDown: null,\n        role: 'button',\n        tabIndex: '0',\n      };\n    }\n    return customProps;\n  };\n\n  if (onDenied.unvisible) return null;\n\n  return (\n    <div className='radio-input' style={{ display: 'flex', alignItems: 'center' }}>\n      <div\n        className={`radio-button ${disabled ? 'disabled' : ''} ${skeletonize ? '-skeletonized' : ''}`}>\n        <input\n          {...getCustomProps()}\n          ref={inputRef}\n          className=\"radio-component\"\n          type=\"radio\"\n          value={value}\n          id={id}\n          name={name}\n          required={required}\n          disabled={shouldDisable()} />\n        <label className={`description ${size && `-${size}`}`} htmlFor={id}>\n          <span>\n            <TextContent \n              required={required}\n              disabled={shouldDisable()}\n              className={customClassForLabel}\n              labelUppercase={labelUppercase} />\n            {label}\n            <TextContent />\n          </span>\n        </label>\n      </div>\n      {!!hint && hintPosition === 'onLabelRight' && (\n        <Popover \n          theme={themePopover}\n          align={popoverAlign}\n          customClass=\"-hint\"\n          iconColor=\"#03bde2\" \n          iconSize={16}\n          style={{ margin: '0px 5px', height: 'auto', width: 20 }}>\n          {hint}\n        </Popover>\n      )}\n    </div>\n  );\n};\n\nRadio.displayName = 'Radio';\n\nexport default Radio;\n"],"mappings":"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"}

package/lib/shortcuts/index.js

@@ -1,22 +1,22 @@
-import { j as a } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as d } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import '../assets/index15.css';const h = (p) => {
-  const t = d.c(8), {
-    type: l,
-    style: o,
-    styleShortcut: c,
-    shortcut: r,
-    description: i
-  } = p, n = `shortcut-component ${l && `-${l}`}`;
-  let s;
-  t[0] !== r || t[1] !== c || t[2] !== n ? (s = /* @__PURE__ */ a.jsx("kbd", { "data-testid": "shortcut", className: n, style: c, children: r }), t[0] = r, t[1] = c, t[2] = n, t[3] = s) : s = t[3];
-  let e;
-  return t[4] !== i || t[5] !== o || t[6] !== s ? (e = /* @__PURE__ */ a.jsxs("p", { "data-testid": "description", className: "shortcut-description", style: o, children: [
-    s,
-    ": ",
-    i
-  ] }), t[4] = i, t[5] = o, t[6] = s, t[7] = e) : e = t[7], e;
-};
-export {
-  h as default
-};
+import '../assets/styles/shortcuts.css';/* empty css                         */
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/lib/shortcuts/index.tsx
+var n = ({ type: n, style: r, styleShortcut: i, shortcut: a, description: o }) => /* @__PURE__ */ t("p", {
+	"data-testid": "description",
+	className: "shortcut-description",
+	style: r,
+	children: [
+		/* @__PURE__ */ e("kbd", {
+			"data-testid": "shortcut",
+			className: `shortcut-component ${n && `-${n}`}`,
+			style: i,
+			children: a
+		}),
+		":\xA0",
+		o
+	]
+});
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=index.js.map

package/lib/shortcuts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/lib/shortcuts/index.tsx"],"sourcesContent":["import { IShortcutsProps } from './types';\nimport '../assets/styles/shortcuts.scss';\n\nconst Shortcuts = ({ type, style, styleShortcut, shortcut, description }: IShortcutsProps) => (\n  <p data-testid=\"description\" className=\"shortcut-description\" style={style}>\n    <kbd data-testid=\"shortcut\" className={`shortcut-component ${type && `-${type}`}`} style={styleShortcut}>\n      {shortcut}\n    </kbd>\n    &#58;&nbsp;\n    {description}\n  </p>\n);\n\nexport default Shortcuts;\n"],"mappings":";;;AAGA,IAAM,KAAa,EAAE,SAAM,UAAO,kBAAe,aAAU,qBACzD,kBAAC,KAAD;CAAG,eAAY;CAAc,WAAU;CAA8B;WAArE;EACE,kBAAC,OAAD;GAAK,eAAY;GAAW,WAAW,sBAAsB,KAAQ,IAAI;GAAU,OAAO;aACvF;GACG,CAAA;;EAEL;EAAA"}

package/lib/skeleton/SkeletonContainer.js

@@ -1,19 +1,12 @@
-import { j as i } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as m } from "../chunks/compiler-runtime.Cu50tn6L.js";
-const x = (a) => {
-  const t = m.c(7), {
-    children: o,
-    row: n,
-    customClass: r,
-    style: l
-  } = a;
-  let s;
-  t[0] !== r || t[1] !== n ? (s = () => `skeletoncontainer-component ${r}
-    ${n && "-row"}`, t[0] = r, t[1] = n, t[2] = s) : s = t[2];
-  const c = s();
-  let e;
-  return t[3] !== o || t[4] !== l || t[5] !== c ? (e = /* @__PURE__ */ i.jsx("div", { className: c, style: l, children: o }), t[3] = o, t[4] = l, t[5] = c, t[6] = e) : e = t[6], e;
-};
-export {
-  x as default
-};
+import { jsx as e } from "react/jsx-runtime";
+//#region src/lib/skeleton/SkeletonContainer.tsx
+var t = ({ children: t, row: n, customClass: r, style: i }) => /* @__PURE__ */ e("div", {
+	className: `skeletoncontainer-component ${r}
+    ${n && "-row"}`,
+	style: i,
+	children: t
+});
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=SkeletonContainer.js.map

package/lib/skeleton/SkeletonContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonContainer.js","names":[],"sources":["../../src/lib/skeleton/SkeletonContainer.tsx"],"sourcesContent":["import { ISkeletonContainerProps } from './types';\n\nconst SkeletonContainer = ({ children, row, customClass, style }: ISkeletonContainerProps) => {\n  const getClass = () => (\n    `skeletoncontainer-component ${customClass}\n    ${row && '-row'}`\n  );\n\n  return (\n    <div className={getClass()} style={style}>\n      {children}\n    </div>\n  );\n};\n\nexport default SkeletonContainer;\n"],"mappings":";;AAEA,IAAM,KAAqB,EAAE,aAAU,QAAK,gBAAa,eAOrD,kBAAC,OAAD;CAAK,WALL,+BAA+B,EAAA;MAC7B,KAAO;CAI0B;CAChC;CACG,CAAA"}

package/lib/skeleton/index.js

@@ -1,49 +1,29 @@
-import { j as x } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as k } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import '../assets/skeleton.css';import '../assets/gridlayout.css';/* empty css                            */
-import v from "../gridlayout/GridCol.js";
-import { default as R } from "./SkeletonContainer.js";
-/* empty css                          */
-const w = (C) => {
-  const t = k.c(15), {
-    customClass: d,
-    style: m,
-    width: a,
-    height: u,
-    round: o,
-    color: f,
-    size: p,
-    gridLayout: l
-  } = C, n = d === void 0 ? "" : d, e = f === void 0 ? "default" : f, s = p === void 0 ? "medium" : p;
-  let i, r;
-  if (t[0] !== e || t[1] !== n || t[2] !== l || t[3] !== u || t[4] !== o || t[5] !== s || t[6] !== m || t[7] !== a) {
-    r = Symbol.for("react.early_return_sentinel");
-    t: {
-      const $ = {
-        width: a,
-        height: u
-      };
-      let c;
-      t[10] !== e || t[11] !== n || t[12] !== o || t[13] !== s ? (c = () => `skeleton-component ${n}
-    ${e && `-${e}`}
-    ${o && "-round"}
-    ${o && s && `-${s}`}`, t[10] = e, t[11] = n, t[12] = o, t[13] = s, t[14] = c) : c = t[14];
-      const h = c, y = () => /* @__PURE__ */ x.jsx("div", { className: h(), style: {
-        ...$,
-        ...m
-      } });
-      if (l !== void 0) {
-        r = /* @__PURE__ */ x.jsx(v, { customClass: "-withskeleton", cols: l, children: y() });
-        break t;
-      }
-      i = y();
-    }
-    t[0] = e, t[1] = n, t[2] = l, t[3] = u, t[4] = o, t[5] = s, t[6] = m, t[7] = a, t[8] = i, t[9] = r;
-  } else
-    i = t[8], r = t[9];
-  return r !== Symbol.for("react.early_return_sentinel") ? r : i;
-};
-export {
-  R as SkeletonContainer,
-  w as default
+import e from "../gridlayout/index.js";
+import t from "./SkeletonContainer.js";
+import '../assets/styles/skeleton.css';/* empty css                        */
+import { jsx as n } from "react/jsx-runtime";
+//#region src/lib/skeleton/index.tsx
+var r = (t) => {
+	let { customClass: r = "", style: i, width: a, height: o, round: s, color: c = "default", size: l = "medium", gridLayout: u } = t, d = {
+		width: a,
+		height: o
+	}, f = () => `skeleton-component ${r}
+    ${c && `-${c}`}
+    ${s && "-round"}
+    ${s && l && `-${l}`}`, p = () => /* @__PURE__ */ n("div", {
+		className: f(),
+		style: {
+			...d,
+			...i
+		}
+	});
+	return u === void 0 ? p() : /* @__PURE__ */ n(e, {
+		customClass: "-withskeleton",
+		cols: u,
+		children: p()
+	});
 };
+//#endregion
+export { t as SkeletonContainer, r as default };
+
+//# sourceMappingURL=index.js.map

package/lib/skeleton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/lib/skeleton/index.tsx"],"sourcesContent":["import Grid from '../gridlayout';\nimport SkeletonContainer from './SkeletonContainer';\nimport '../assets/styles/skeleton.scss';\nimport { ISkeletonProps } from './types';\n\nconst Skeleton = (props: ISkeletonProps) => {\n  const {\n    customClass = '', style, width, height, round, color = 'default', size = 'medium', gridLayout,\n  } = props;\n  const customStyles = { width, height };\n\n  const getClass = () => (\n    `skeleton-component ${customClass}\n    ${color && `-${color}`}\n    ${round && '-round'}\n    ${round && size && `-${size}`}`\n  );\n\n  const renderContent = () => (\n    <div className={getClass()} style={{ ...customStyles, ...style }} />\n  );\n\n  if (gridLayout !== undefined) {\n    return (\n      <Grid customClass=\"-withskeleton\" cols={gridLayout}>\n        {renderContent()}\n      </Grid>\n    );\n  }\n\n  return renderContent();\n};\n\nexport default Skeleton;\nexport { SkeletonContainer };\n"],"mappings":";;;;;AAKA,IAAM,KAAY,MAA0B;CAC1C,IAAM,EACJ,iBAAc,IAAI,UAAO,UAAO,WAAQ,UAAO,WAAQ,WAAW,UAAO,UAAU,kBACjF,GACE,IAAe;EAAE;EAAO;EAAQ,EAEhC,UACJ,sBAAsB,EAAA;MACpB,KAAS,IAAI,IAAA;MACb,KAAS,SAAA;MACT,KAAS,KAAQ,IAAI,OAGnB,UACJ,kBAAC,OAAD;EAAK,WAAW,GAAU;EAAE,OAAO;GAAE,GAAG;GAAc,GAAG;;EAAW,CAAA;AAWtE,QARI,MAAe,KAAA,IAQZ,GAAe,GANlB,kBAAC,GAAD;EAAM,aAAY;EAAgB,MAAM;YACrC,GAAA;EACI,CAAA"}