@vuu-ui/vuu-utils 2.1.19-beta.1 → 2.1.19-beta.3

package/esm/packages/vuu-utils/src/Clock.js

@@ -0,0 +1,60 @@
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
+var _millisSinceEpoch, _showCurrentTime;
+class Clock {
+  constructor(props) {
+    __privateAdd(this, _millisSinceEpoch, 0);
+    __privateAdd(this, _showCurrentTime, false);
+    const today = /* @__PURE__ */ new Date();
+    const offset = today.getTimezoneOffset();
+    if (props) {
+      const dateProvided = typeof props.year === "number" && typeof props.month === "number" && typeof props.day === "number";
+      const year = props.year ?? today.getFullYear();
+      const month = props.month !== void 0 ? props.month - 1 : today.getMonth();
+      const day = props.day ?? today.getDay();
+      const hours = props.hours !== void 0 ? offset === 0 ? props.hours : (
+        // oversimplified, assumes BST
+        props.hours + 1
+      ) : dateProvided ? offset ? 1 : 0 : today.getUTCHours();
+      const minutes = props.minutes ?? (dateProvided ? 0 : today.getMinutes());
+      const seconds = props.seconds ?? (dateProvided ? 0 : today.getSeconds());
+      const ms = props.milliseconds ?? (dateProvided ? 0 : today.getMilliseconds());
+      const date = new Date(year, month, day, hours, minutes, seconds, ms);
+      __privateSet(this, _millisSinceEpoch, date.getTime());
+    } else {
+      __privateSet(this, _millisSinceEpoch, today.getTime());
+    }
+  }
+  goBack(value, units = "ms") {
+    const multiplier = units === "ms" ? 1 : units === "seconds" ? 1e3 : 6e4;
+    __privateSet(this, _millisSinceEpoch, __privateGet(this, _millisSinceEpoch) - value * multiplier);
+    return this;
+  }
+  advance(value, units = "ms") {
+    const multiplier = units === "ms" ? 1 : units === "seconds" ? 1e3 : 6e4;
+    __privateSet(this, _millisSinceEpoch, __privateGet(this, _millisSinceEpoch) + value * multiplier);
+    return this;
+  }
+  set showCurrentTime(value) {
+    __privateSet(this, _showCurrentTime, value);
+  }
+  toString() {
+    return new Date(this.now).toISOString();
+  }
+  get now() {
+    return __privateGet(this, _showCurrentTime) ? (/* @__PURE__ */ new Date()).getTime() : __privateGet(this, _millisSinceEpoch);
+  }
+  get date() {
+    return __privateGet(this, _showCurrentTime) ? /* @__PURE__ */ new Date() : new Date(__privateGet(this, _millisSinceEpoch));
+  }
+}
+_millisSinceEpoch = new WeakMap();
+_showCurrentTime = new WeakMap();
+
+export { Clock };
+//# sourceMappingURL=Clock.js.map

package/esm/packages/vuu-utils/src/Clock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Clock.js","sources":["../../../../../../packages/vuu-utils/src/Clock.ts"],"sourcesContent":["export interface ClockProps {\n  year?: number;\n  month?: number;\n  day?: number;\n  hours?: number;\n  minutes?: number;\n  seconds?: number;\n  milliseconds?: number;\n}\n\nexport type ClockTimeUnit = \"minutes\" | \"seconds\" | \"ms\";\nexport class Clock {\n  #millisSinceEpoch = 0;\n  #showCurrentTime = false;\n\n  constructor(props?: ClockProps) {\n    const today = new Date();\n    const offset = today.getTimezoneOffset();\n    if (props) {\n      const dateProvided =\n        typeof props.year === \"number\" &&\n        typeof props.month === \"number\" &&\n        typeof props.day === \"number\";\n\n      const year = props.year ?? today.getFullYear();\n      const month =\n        props.month !== undefined ? props.month - 1 : today.getMonth();\n      const day = props.day ?? today.getDay();\n\n      const hours =\n        props.hours !== undefined\n          ? offset === 0\n            ? props.hours\n            : // oversimplified, assumes BST\n              props.hours + 1\n          : dateProvided\n            ? offset\n              ? 1 // assumed BST\n              : 0\n            : today.getUTCHours();\n      const minutes = props.minutes ?? (dateProvided ? 0 : today.getMinutes());\n      const seconds = props.seconds ?? (dateProvided ? 0 : today.getSeconds());\n      const ms =\n        props.milliseconds ?? (dateProvided ? 0 : today.getMilliseconds());\n      const date = new Date(year, month, day, hours, minutes, seconds, ms);\n      this.#millisSinceEpoch = date.getTime();\n    } else {\n      this.#millisSinceEpoch = today.getTime();\n    }\n  }\n\n  goBack(value: number, units: ClockTimeUnit = \"ms\") {\n    const multiplier = units === \"ms\" ? 1 : units === \"seconds\" ? 1000 : 60_000;\n    this.#millisSinceEpoch -= value * multiplier;\n    return this;\n  }\n\n  advance(value: number, units: ClockTimeUnit = \"ms\") {\n    const multiplier = units === \"ms\" ? 1 : units === \"seconds\" ? 1000 : 60_000;\n    this.#millisSinceEpoch += value * multiplier;\n    return this;\n  }\n\n  set showCurrentTime(value: boolean) {\n    this.#showCurrentTime = value;\n  }\n\n  toString() {\n    return new Date(this.now).toISOString();\n  }\n\n  get now() {\n    return this.#showCurrentTime\n      ? new Date().getTime()\n      : this.#millisSinceEpoch;\n  }\n\n  get date() {\n    return this.#showCurrentTime\n      ? new Date()\n      : new Date(this.#millisSinceEpoch);\n  }\n}\n"],"names":[],"mappings":"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"}

package/esm/packages/vuu-utils/src/PageVisibilityObserver.js

@@ -0,0 +1,78 @@
+import { EventEmitter } from './event-emitter.js';
+
+var __defProp = Object.defineProperty;
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, key + "" , value);
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
+var _inactiveTimeoutMs, _inactivityTimer, _hidden;
+const defaultProps = {};
+class PageVisibilityObserver extends EventEmitter {
+  constructor({
+    inactiveTimeout = 0,
+    onHidden,
+    onInactiveTimeout,
+    onVisibilityChange,
+    onVisible
+  } = defaultProps) {
+    super();
+    __privateAdd(this, _inactiveTimeoutMs);
+    __privateAdd(this, _inactivityTimer);
+    __privateAdd(this, _hidden);
+    __publicField(this, "visibilityChangeHandler", () => {
+      this.hidden = document.hidden;
+    });
+    __privateSet(this, _hidden, document.hidden);
+    __privateSet(this, _inactiveTimeoutMs, inactiveTimeout * 1e3);
+    if (onInactiveTimeout) {
+      this.on("inactive-timeout", onInactiveTimeout);
+    }
+    if (onHidden) {
+      this.on("hidden", onHidden);
+    }
+    if (onVisible) {
+      this.on("visible", onVisible);
+    }
+    if (onVisibilityChange) {
+      this.on("visibilityChange", onVisibilityChange);
+    }
+    document.addEventListener("visibilitychange", this.visibilityChangeHandler);
+  }
+  clear() {
+    document.removeEventListener(
+      "visibilitychange",
+      this.visibilityChangeHandler
+    );
+  }
+  set hidden(hidden) {
+    if (hidden !== __privateGet(this, _hidden)) {
+      __privateSet(this, _hidden, hidden);
+      if (document.hidden) {
+        this.emit("hidden");
+        if (__privateGet(this, _inactiveTimeoutMs)) {
+          __privateSet(this, _inactivityTimer, setTimeout(() => {
+            this.emit("inactive-timeout");
+          }, __privateGet(this, _inactiveTimeoutMs)));
+        }
+      } else {
+        this.emit("visible");
+        if (__privateGet(this, _inactivityTimer)) {
+          clearTimeout(__privateGet(this, _inactivityTimer));
+          __privateSet(this, _inactivityTimer, void 0);
+        }
+      }
+      this.emit("visibilityChange", hidden);
+    }
+  }
+}
+_inactiveTimeoutMs = new WeakMap();
+_inactivityTimer = new WeakMap();
+_hidden = new WeakMap();
+
+export { PageVisibilityObserver };
+//# sourceMappingURL=PageVisibilityObserver.js.map

package/esm/packages/vuu-utils/src/PageVisibilityObserver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageVisibilityObserver.js","sources":["../../../../../../packages/vuu-utils/src/PageVisibilityObserver.ts"],"sourcesContent":["import { EventEmitter } from \"./event-emitter\";\n\nexport type PageVisibilityEvents = {\n  /**\n   * emits when page has been hidden for this period of time\n   */\n  \"inactive-timeout\": () => void;\n  /**\n   * emits when page is hidden\n   */\n  hidden: () => void;\n  /**\n   * emits when page is made visible\n   */\n  visible: () => void;\n  /**\n   * emits when page visibility status changes\n   */\n  visibilityChange: (hidden: boolean) => void;\n};\n\nexport interface PageVisibilityObserverConstructorProps {\n  /**\n   * timeout period in seconds. Defaults to zero which will never timeout\n   */\n  inactiveTimeout?: number;\n  onHidden?: () => void;\n  onInactiveTimeout?: () => void;\n  onVisible?: () => void;\n  onVisibilityChange?: () => void;\n}\n\nconst defaultProps: PageVisibilityObserverConstructorProps = {};\n\nexport class PageVisibilityObserver extends EventEmitter<PageVisibilityEvents> {\n  #inactiveTimeoutMs?: number;\n  #inactivityTimer?: ReturnType<typeof setTimeout>;\n  #hidden: boolean;\n\n  visibilityChangeHandler = () => {\n    this.hidden = document.hidden;\n  };\n\n  constructor({\n    inactiveTimeout = 0,\n    onHidden,\n    onInactiveTimeout,\n    onVisibilityChange,\n    onVisible,\n  } = defaultProps) {\n    super();\n\n    this.#hidden = document.hidden;\n    this.#inactiveTimeoutMs = inactiveTimeout * 1000;\n\n    if (onInactiveTimeout) {\n      this.on(\"inactive-timeout\", onInactiveTimeout);\n    }\n\n    if (onHidden) {\n      this.on(\"hidden\", onHidden);\n    }\n    if (onVisible) {\n      this.on(\"visible\", onVisible);\n    }\n    if (onVisibilityChange) {\n      this.on(\"visibilityChange\", onVisibilityChange);\n    }\n\n    document.addEventListener(\"visibilitychange\", this.visibilityChangeHandler);\n  }\n\n  clear() {\n    document.removeEventListener(\n      \"visibilitychange\",\n      this.visibilityChangeHandler,\n    );\n  }\n\n  private set hidden(hidden: boolean) {\n    if (hidden !== this.#hidden) {\n      this.#hidden = hidden;\n      if (document.hidden) {\n        this.emit(\"hidden\");\n        if (this.#inactiveTimeoutMs) {\n          this.#inactivityTimer = setTimeout(() => {\n            this.emit(\"inactive-timeout\");\n          }, this.#inactiveTimeoutMs);\n        }\n      } else {\n        this.emit(\"visible\");\n        if (this.#inactivityTimer) {\n          clearTimeout(this.#inactivityTimer);\n          this.#inactivityTimer = undefined;\n        }\n      }\n      this.emit(\"visibilityChange\", hidden);\n    }\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAAA,IAAA,kBAAA,EAAA,gBAAA,EAAA,OAAA;AAgCA,MAAM,eAAuD,EAAC;AAEvD,MAAM,+BAA+B,YAAmC,CAAA;AAAA,EAS7E,WAAY,CAAA;AAAA,IACV,eAAkB,GAAA,CAAA;AAAA,IAClB,QAAA;AAAA,IACA,iBAAA;AAAA,IACA,kBAAA;AAAA,IACA;AAAA,MACE,YAAc,EAAA;AAChB,IAAM,KAAA,EAAA;AAfR,IAAA,YAAA,CAAA,IAAA,EAAA,kBAAA,CAAA;AACA,IAAA,YAAA,CAAA,IAAA,EAAA,gBAAA,CAAA;AACA,IAAA,YAAA,CAAA,IAAA,EAAA,OAAA,CAAA;AAEA,IAAA,aAAA,CAAA,IAAA,EAAA,yBAAA,EAA0B,MAAM;AAC9B,MAAA,IAAA,CAAK,SAAS,QAAS,CAAA,MAAA;AAAA,KACzB,CAAA;AAWE,IAAA,YAAA,CAAA,IAAA,EAAK,SAAU,QAAS,CAAA,MAAA,CAAA;AACxB,IAAA,YAAA,CAAA,IAAA,EAAK,oBAAqB,eAAkB,GAAA,GAAA,CAAA;AAE5C,IAAA,IAAI,iBAAmB,EAAA;AACrB,MAAK,IAAA,CAAA,EAAA,CAAG,oBAAoB,iBAAiB,CAAA;AAAA;AAG/C,IAAA,IAAI,QAAU,EAAA;AACZ,MAAK,IAAA,CAAA,EAAA,CAAG,UAAU,QAAQ,CAAA;AAAA;AAE5B,IAAA,IAAI,SAAW,EAAA;AACb,MAAK,IAAA,CAAA,EAAA,CAAG,WAAW,SAAS,CAAA;AAAA;AAE9B,IAAA,IAAI,kBAAoB,EAAA;AACtB,MAAK,IAAA,CAAA,EAAA,CAAG,oBAAoB,kBAAkB,CAAA;AAAA;AAGhD,IAAS,QAAA,CAAA,gBAAA,CAAiB,kBAAoB,EAAA,IAAA,CAAK,uBAAuB,CAAA;AAAA;AAC5E,EAEA,KAAQ,GAAA;AACN,IAAS,QAAA,CAAA,mBAAA;AAAA,MACP,kBAAA;AAAA,MACA,IAAK,CAAA;AAAA,KACP;AAAA;AACF,EAEA,IAAY,OAAO,MAAiB,EAAA;AAClC,IAAI,IAAA,MAAA,KAAW,mBAAK,OAAS,CAAA,EAAA;AAC3B,MAAA,YAAA,CAAA,IAAA,EAAK,OAAU,EAAA,MAAA,CAAA;AACf,MAAA,IAAI,SAAS,MAAQ,EAAA;AACnB,QAAA,IAAA,CAAK,KAAK,QAAQ,CAAA;AAClB,QAAA,IAAI,mBAAK,kBAAoB,CAAA,EAAA;AAC3B,UAAK,YAAA,CAAA,IAAA,EAAA,gBAAA,EAAmB,WAAW,MAAM;AACvC,YAAA,IAAA,CAAK,KAAK,kBAAkB,CAAA;AAAA,WAC9B,EAAG,mBAAK,kBAAkB,CAAA,CAAA,CAAA;AAAA;AAC5B,OACK,MAAA;AACL,QAAA,IAAA,CAAK,KAAK,SAAS,CAAA;AACnB,QAAA,IAAI,mBAAK,gBAAkB,CAAA,EAAA;AACzB,UAAA,YAAA,CAAa,mBAAK,gBAAgB,CAAA,CAAA;AAClC,UAAA,YAAA,CAAA,IAAA,EAAK,gBAAmB,EAAA,KAAA,CAAA,CAAA;AAAA;AAC1B;AAEF,MAAK,IAAA,CAAA,IAAA,CAAK,oBAAoB,MAAM,CAAA;AAAA;AACtC;AAEJ;AAhEE,kBAAA,GAAA,IAAA,OAAA,EAAA;AACA,gBAAA,GAAA,IAAA,OAAA,EAAA;AACA,OAAA,GAAA,IAAA,OAAA,EAAA;;;;"}

package/esm/packages/vuu-utils/src/ScaledDecimal.js

@@ -0,0 +1,37 @@
+const scaledDecimals = (fraction, decimals) => {
+  if (fraction.length > decimals) {
+    return fraction.slice(0, decimals);
+  } else if (fraction.length === decimals) {
+    return fraction;
+  } else {
+    return fraction.padEnd(decimals, "0");
+  }
+};
+class ScaledDecimal {
+  constructor(value, decimals = 6) {
+    this.value = value;
+    this.decimals = decimals;
+    console.log(`create a scaled decimal ${value} (${decimals} decimals)`);
+  }
+  get asLong() {
+    if (this.value === "") {
+      return "";
+    } else {
+      const [integral, fraction = "0"] = this.value.split(".");
+      return `${integral}${scaledDecimals(fraction, this.decimals)}`;
+    }
+  }
+  toJSON() {
+    return this.value;
+  }
+  toString() {
+    return this.value;
+  }
+}
+const ScaledDecimal2 = (value) => new ScaledDecimal(value, 2);
+const ScaledDecimal4 = (value) => new ScaledDecimal(value, 4);
+const ScaledDecimal6 = (value) => new ScaledDecimal(value, 6);
+const ScaledDecimal8 = (value) => new ScaledDecimal(value, 8);
+
+export { ScaledDecimal, ScaledDecimal2, ScaledDecimal4, ScaledDecimal6, ScaledDecimal8 };
+//# sourceMappingURL=ScaledDecimal.js.map

package/esm/packages/vuu-utils/src/ScaledDecimal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScaledDecimal.js","sources":["../../../../../../packages/vuu-utils/src/ScaledDecimal.ts"],"sourcesContent":["const scaledDecimals = (fraction: string, decimals: number) => {\n  if (fraction.length > decimals) {\n    return fraction.slice(0, decimals);\n  } else if (fraction.length === decimals) {\n    return fraction;\n  } else {\n    return fraction.padEnd(decimals, \"0\");\n  }\n};\n\nexport class ScaledDecimal {\n  constructor(\n    protected readonly value: string,\n    private readonly decimals = 6,\n  ) {\n    console.log(`create a scaled decimal ${value} (${decimals} decimals)`);\n  }\n\n  get asLong() {\n    if (this.value === \"\") {\n      return \"\";\n    } else {\n      const [integral, fraction = \"0\"] = this.value.split(\".\");\n      return `${integral}${scaledDecimals(fraction, this.decimals)}`;\n    }\n  }\n\n  toJSON() {\n    return this.value;\n  }\n\n  toString() {\n    return this.value;\n  }\n}\n\nexport const ScaledDecimal2 = (value: string): ScaledDecimal =>\n  new ScaledDecimal(value, 2);\nexport const ScaledDecimal4 = (value: string): ScaledDecimal =>\n  new ScaledDecimal(value, 4);\nexport const ScaledDecimal6 = (value: string): ScaledDecimal =>\n  new ScaledDecimal(value, 6);\nexport const ScaledDecimal8 = (value: string): ScaledDecimal =>\n  new ScaledDecimal(value, 8);\n"],"names":[],"mappings":"AAAA,MAAM,cAAA,GAAiB,CAAC,QAAA,EAAkB,QAAqB,KAAA;AAC7D,EAAI,IAAA,QAAA,CAAS,SAAS,QAAU,EAAA;AAC9B,IAAO,OAAA,QAAA,CAAS,KAAM,CAAA,CAAA,EAAG,QAAQ,CAAA;AAAA,GACnC,MAAA,IAAW,QAAS,CAAA,MAAA,KAAW,QAAU,EAAA;AACvC,IAAO,OAAA,QAAA;AAAA,GACF,MAAA;AACL,IAAO,OAAA,QAAA,CAAS,MAAO,CAAA,QAAA,EAAU,GAAG,CAAA;AAAA;AAExC,CAAA;AAEO,MAAM,aAAc,CAAA;AAAA,EACzB,WAAA,CACqB,KACF,EAAA,QAAA,GAAW,CAC5B,EAAA;AAFmB,IAAA,IAAA,CAAA,KAAA,GAAA,KAAA;AACF,IAAA,IAAA,CAAA,QAAA,GAAA,QAAA;AAEjB,IAAA,OAAA,CAAQ,GAAI,CAAA,CAAA,wBAAA,EAA2B,KAAK,CAAA,EAAA,EAAK,QAAQ,CAAY,UAAA,CAAA,CAAA;AAAA;AACvE,EAEA,IAAI,MAAS,GAAA;AACX,IAAI,IAAA,IAAA,CAAK,UAAU,EAAI,EAAA;AACrB,MAAO,OAAA,EAAA;AAAA,KACF,MAAA;AACL,MAAM,MAAA,CAAC,UAAU,QAAW,GAAA,GAAG,IAAI,IAAK,CAAA,KAAA,CAAM,MAAM,GAAG,CAAA;AACvD,MAAA,OAAO,GAAG,QAAQ,CAAA,EAAG,eAAe,QAAU,EAAA,IAAA,CAAK,QAAQ,CAAC,CAAA,CAAA;AAAA;AAC9D;AACF,EAEA,MAAS,GAAA;AACP,IAAA,OAAO,IAAK,CAAA,KAAA;AAAA;AACd,EAEA,QAAW,GAAA;AACT,IAAA,OAAO,IAAK,CAAA,KAAA;AAAA;AAEhB;AAEO,MAAM,iBAAiB,CAAC,KAAA,KAC7B,IAAI,aAAA,CAAc,OAAO,CAAC;AACrB,MAAM,iBAAiB,CAAC,KAAA,KAC7B,IAAI,aAAA,CAAc,OAAO,CAAC;AACrB,MAAM,iBAAiB,CAAC,KAAA,KAC7B,IAAI,aAAA,CAAc,OAAO,CAAC;AACrB,MAAM,iBAAiB,CAAC,KAAA,KAC7B,IAAI,aAAA,CAAc,OAAO,CAAC;;;;"}

package/esm/packages/vuu-utils/src/ShellContext.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from 'react';
+
+const defaultConfig = {};
+const ShellContext = createContext(defaultConfig);
+const useShellContext = () => {
+  return useContext(ShellContext);
+};
+
+export { ShellContext, useShellContext };
+//# sourceMappingURL=ShellContext.js.map

package/esm/packages/vuu-utils/src/ShellContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShellContext.js","sources":["../../../../../../packages/vuu-utils/src/ShellContext.ts"],"sourcesContent":["import type { RpcResponseHandler } from \"@vuu-ui/vuu-data-types\";\nimport type {\n  DefaultColumnConfiguration,\n  DefaultTableConfiguration,\n} from \"@vuu-ui/vuu-table-types\";\nimport { createContext, useContext } from \"react\";\nimport { LookupTableProvider } from \"./feature-utils\";\n\nexport interface ShellContextProps {\n  getDefaultColumnConfig?: DefaultColumnConfiguration;\n  getDefaultTableConfig?: DefaultTableConfiguration;\n  getLookupValues?: LookupTableProvider;\n  handleRpcResponse?: RpcResponseHandler;\n}\n\nconst defaultConfig = {};\n\nexport const ShellContext = createContext<ShellContextProps>(defaultConfig);\n\nexport const useShellContext = () => {\n  return useContext(ShellContext);\n};\n"],"names":[],"mappings":";;AAeA,MAAM,gBAAgB,EAAC;AAEV,MAAA,YAAA,GAAe,cAAiC,aAAa;AAEnE,MAAM,kBAAkB,MAAM;AACnC,EAAA,OAAO,WAAW,YAAY,CAAA;AAChC;;;;"}

package/esm/packages/vuu-utils/src/ThemeProvider.js

@@ -0,0 +1,78 @@
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useContext, isValidElement, cloneElement } from 'react';
+import cx from 'clsx';
+
+const DEFAULT_DENSITY = "medium";
+const DEFAULT_THEME = "salt-theme";
+const DEFAULT_THEME_MODE = "light";
+const ThemeContext = createContext({
+  density: "high",
+  theme: "vuu",
+  themeMode: "light"
+});
+const DEFAULT_THEME_ATTRIBUTES = [
+  "vuu",
+  "salt-density-high",
+  "light"
+];
+const useThemeAttributes = (themeAttributes) => {
+  const context = useContext(ThemeContext);
+  if (themeAttributes) {
+    return [
+      themeAttributes.themeClass,
+      themeAttributes.densityClass,
+      themeAttributes.dataMode
+    ];
+  } else if (context) {
+    return [
+      `${context.theme}-theme`,
+      `salt-density-${context.density}`,
+      context.themeMode
+    ];
+  }
+  return DEFAULT_THEME_ATTRIBUTES;
+};
+const createThemedChildren = (children, theme, themeMode, density) => {
+  if (isValidElement(children)) {
+    return cloneElement(children, {
+      className: cx(
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+        children.props?.className,
+        `${theme}-theme`,
+        `salt-density-${density}`
+      ),
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-expect-error
+      "data-mode": themeMode
+    });
+  } else {
+    console.warn(
+      `
+ThemeProvider can only apply CSS classes for theming to a single nested child element of the ThemeProvider.
+            Wrap elements with a single container`
+    );
+    return children;
+  }
+};
+const ThemeProvider = ({
+  applyThemeClasses = false,
+  children,
+  theme: themeProp,
+  themeMode: themeModeProp,
+  density: densityProp
+}) => {
+  const {
+    density: inheritedDensity,
+    themeMode: inheritedThemeMode,
+    theme: inheritedTheme
+  } = useContext(ThemeContext);
+  const density = densityProp ?? inheritedDensity ?? DEFAULT_DENSITY;
+  const themeMode = themeModeProp ?? inheritedThemeMode ?? DEFAULT_THEME_MODE;
+  const theme = themeProp ?? inheritedTheme ?? DEFAULT_THEME;
+  const themedChildren = applyThemeClasses ? createThemedChildren(children, theme, themeMode, density) : children;
+  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value: { themeMode, density, theme }, children: themedChildren });
+};
+ThemeProvider.displayName = "ThemeProvider";
+
+export { DEFAULT_DENSITY, DEFAULT_THEME, DEFAULT_THEME_MODE, ThemeContext, ThemeProvider, useThemeAttributes };
+//# sourceMappingURL=ThemeProvider.js.map

package/esm/packages/vuu-utils/src/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.js","sources":["../../../../../../packages/vuu-utils/src/ThemeProvider.tsx"],"sourcesContent":["import React, {\n  createContext,\n  HTMLAttributes,\n  ReactNode,\n  isValidElement,\n  cloneElement,\n  useContext,\n} from \"react\";\nimport cx from \"clsx\";\n\nexport const DEFAULT_DENSITY: Density = \"medium\";\nexport const DEFAULT_THEME = \"salt-theme\";\nexport const DEFAULT_THEME_MODE: ThemeMode = \"light\";\n\nexport type Density = \"high\" | \"medium\" | \"low\" | \"touch\";\nexport type ThemeMode = \"light\" | \"dark\";\nexport type TargetElement = \"root\" | \"scope\" | \"child\";\n\nexport interface ThemeContextProps {\n  density: Density;\n  theme: string;\n  themeMode: ThemeMode;\n}\n\nexport const ThemeContext = createContext<ThemeContextProps>({\n  density: \"high\",\n  theme: \"vuu\",\n  themeMode: \"light\",\n});\n\nexport type ThemeClasses = [string, string, ThemeMode];\n\nconst DEFAULT_THEME_ATTRIBUTES: ThemeClasses = [\n  \"vuu\",\n  \"salt-density-high\",\n  \"light\" as ThemeMode,\n];\n\nexport type ThemeAttributes = {\n  themeClass: string;\n  densityClass: string;\n  dataMode: ThemeMode;\n};\n\nexport const useThemeAttributes = (\n  themeAttributes?: ThemeAttributes\n): [string, string, ThemeMode] => {\n  const context = useContext(ThemeContext);\n  if (themeAttributes) {\n    return [\n      themeAttributes.themeClass,\n      themeAttributes.densityClass,\n      themeAttributes.dataMode,\n    ];\n  } else if (context) {\n    return [\n      `${context.theme}-theme`,\n      `salt-density-${context.density}`,\n      context.themeMode,\n    ];\n  }\n  return DEFAULT_THEME_ATTRIBUTES;\n};\n\nconst createThemedChildren = (\n  children: ReactNode,\n  theme: string,\n  themeMode: ThemeMode,\n  density: Density\n) => {\n  if (isValidElement<HTMLAttributes<HTMLElement>>(children)) {\n    return cloneElement(children, {\n      className: cx(\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n        children.props?.className,\n        `${theme}-theme`,\n        `salt-density-${density}`\n      ),\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      // @ts-expect-error\n      \"data-mode\": themeMode,\n    });\n  } else {\n    console.warn(\n      `\\nThemeProvider can only apply CSS classes for theming to a single nested child element of the ThemeProvider.\n            Wrap elements with a single container`\n    );\n    return children;\n  }\n};\n\ninterface ThemeProviderProps {\n  applyThemeClasses?: boolean;\n  children: ReactNode;\n  density?: Density;\n  theme?: string;\n  themeMode?: ThemeMode;\n}\n\nexport const ThemeProvider = ({\n  applyThemeClasses = false,\n  children,\n  theme: themeProp,\n  themeMode: themeModeProp,\n  density: densityProp,\n}: ThemeProviderProps) => {\n  const {\n    density: inheritedDensity,\n    themeMode: inheritedThemeMode,\n    theme: inheritedTheme,\n  } = useContext(ThemeContext);\n  const density = densityProp ?? inheritedDensity ?? DEFAULT_DENSITY;\n  const themeMode = themeModeProp ?? inheritedThemeMode ?? DEFAULT_THEME_MODE;\n  const theme = themeProp ?? inheritedTheme ?? DEFAULT_THEME;\n  const themedChildren = applyThemeClasses\n    ? createThemedChildren(children, theme, themeMode, density)\n    : children;\n\n  return (\n    <ThemeContext.Provider value={{ themeMode, density, theme }}>\n      {themedChildren}\n    </ThemeContext.Provider>\n  );\n};\n\nThemeProvider.displayName = \"ThemeProvider\";\n"],"names":[],"mappings":";;;;AAUO,MAAM,eAA2B,GAAA;AACjC,MAAM,aAAgB,GAAA;AACtB,MAAM,kBAAgC,GAAA;AAYtC,MAAM,eAAe,aAAiC,CAAA;AAAA,EAC3D,OAAS,EAAA,MAAA;AAAA,EACT,KAAO,EAAA,KAAA;AAAA,EACP,SAAW,EAAA;AACb,CAAC;AAID,MAAM,wBAAyC,GAAA;AAAA,EAC7C,KAAA;AAAA,EACA,mBAAA;AAAA,EACA;AACF,CAAA;AAQa,MAAA,kBAAA,GAAqB,CAChC,eACgC,KAAA;AAChC,EAAM,MAAA,OAAA,GAAU,WAAW,YAAY,CAAA;AACvC,EAAA,IAAI,eAAiB,EAAA;AACnB,IAAO,OAAA;AAAA,MACL,eAAgB,CAAA,UAAA;AAAA,MAChB,eAAgB,CAAA,YAAA;AAAA,MAChB,eAAgB,CAAA;AAAA,KAClB;AAAA,aACS,OAAS,EAAA;AAClB,IAAO,OAAA;AAAA,MACL,CAAA,EAAG,QAAQ,KAAK,CAAA,MAAA,CAAA;AAAA,MAChB,CAAA,aAAA,EAAgB,QAAQ,OAAO,CAAA,CAAA;AAAA,MAC/B,OAAQ,CAAA;AAAA,KACV;AAAA;AAEF,EAAO,OAAA,wBAAA;AACT;AAEA,MAAM,oBAAuB,GAAA,CAC3B,QACA,EAAA,KAAA,EACA,WACA,OACG,KAAA;AACH,EAAI,IAAA,cAAA,CAA4C,QAAQ,CAAG,EAAA;AACzD,IAAA,OAAO,aAAa,QAAU,EAAA;AAAA,MAC5B,SAAW,EAAA,EAAA;AAAA;AAAA,QAET,SAAS,KAAO,EAAA,SAAA;AAAA,QAChB,GAAG,KAAK,CAAA,MAAA,CAAA;AAAA,QACR,gBAAgB,OAAO,CAAA;AAAA,OACzB;AAAA;AAAA;AAAA,MAGA,WAAa,EAAA;AAAA,KACd,CAAA;AAAA,GACI,MAAA;AACL,IAAQ,OAAA,CAAA,IAAA;AAAA,MACN;AAAA;AAAA,iDAAA;AAAA,KAEF;AACA,IAAO,OAAA,QAAA;AAAA;AAEX,CAAA;AAUO,MAAM,gBAAgB,CAAC;AAAA,EAC5B,iBAAoB,GAAA,KAAA;AAAA,EACpB,QAAA;AAAA,EACA,KAAO,EAAA,SAAA;AAAA,EACP,SAAW,EAAA,aAAA;AAAA,EACX,OAAS,EAAA;AACX,CAA0B,KAAA;AACxB,EAAM,MAAA;AAAA,IACJ,OAAS,EAAA,gBAAA;AAAA,IACT,SAAW,EAAA,kBAAA;AAAA,IACX,KAAO,EAAA;AAAA,GACT,GAAI,WAAW,YAAY,CAAA;AAC3B,EAAM,MAAA,OAAA,GAAU,eAAe,gBAAoB,IAAA,eAAA;AACnD,EAAM,MAAA,SAAA,GAAY,iBAAiB,kBAAsB,IAAA,kBAAA;AACzD,EAAM,MAAA,KAAA,GAAQ,aAAa,cAAkB,IAAA,aAAA;AAC7C,EAAA,MAAM,iBAAiB,iBACnB,GAAA,oBAAA,CAAqB,UAAU,KAAO,EAAA,SAAA,EAAW,OAAO,CACxD,GAAA,QAAA;AAEJ,EACE,uBAAA,GAAA,CAAC,YAAa,CAAA,QAAA,EAAb,EAAsB,KAAA,EAAO,EAAE,SAAW,EAAA,OAAA,EAAS,KAAM,EAAA,EACvD,QACH,EAAA,cAAA,EAAA,CAAA;AAEJ;AAEA,aAAA,CAAc,WAAc,GAAA,eAAA;;;;"}

package/esm/packages/vuu-utils/src/array-utils.js

@@ -0,0 +1,79 @@
+function partition(array, test, pass = [], fail = []) {
+  for (let i = 0, len = array.length; i < len; i++) {
+    (test(array[i], i) ? pass : fail).push(array[i]);
+  }
+  return [pass, fail];
+}
+function itemsChanged(currentItems, newItems, identityProperty) {
+  if (currentItems.length !== newItems.length) {
+    return true;
+  }
+  if (identityProperty === void 0) {
+    return !currentItems.every((item) => newItems.includes(item));
+  } else {
+    return currentItems.some(
+      (currentItem) => newItems.findIndex(
+        (newItem) => newItem[identityProperty] === currentItem[identityProperty]
+      ) === -1
+    );
+  }
+}
+function itemsOrOrderChanged(currentItems, newItems, identityProperty) {
+  if (currentItems.length !== newItems.length) {
+    return true;
+  }
+  if (identityProperty === void 0) {
+    return currentItems.some((item, index) => newItems[index] !== item);
+  } else {
+    return currentItems.some(
+      (currentItem, index) => newItems[index][identityProperty] !== currentItem[identityProperty]
+    );
+  }
+}
+const moveItemDeprecated = (items, item, moveTo) => {
+  const fromIndex = items.indexOf(item);
+  if (fromIndex === moveTo) {
+    return items;
+  }
+  const newItems = items.slice();
+  if (fromIndex === -1) {
+    throw Error("moveItem, item to be moved not found");
+  }
+  newItems.splice(fromIndex, 1);
+  if (moveTo === -1) {
+    newItems.push(item);
+  } else {
+    const offset = moveTo > fromIndex ? 0 : 0;
+    newItems.splice(moveTo + offset, 0, item);
+  }
+  return newItems;
+};
+const moveItem = (items, fromIndex, toIndex) => {
+  if (fromIndex === toIndex) {
+    return items;
+  } else {
+    const newItems = items.slice();
+    const [item] = newItems.splice(fromIndex, 1);
+    if (toIndex === -1) {
+      return newItems.concat(item);
+    } else {
+      const offset = toIndex > fromIndex ? 0 : 0;
+      newItems.splice(toIndex + offset, 0, item);
+      return newItems;
+    }
+  }
+};
+const getAddedItems = (values, newValues) => {
+  const isNew = (v) => !values?.includes(v);
+  if (values === void 0) {
+    return newValues;
+  } else if (newValues.some(isNew)) {
+    return newValues.filter(isNew);
+  } else {
+    return [];
+  }
+};
+const getMissingItems = (sourceItems, items, identity) => items.filter((i) => sourceItems.findIndex((s) => identity(s) === i) === -1);
+
+export { getAddedItems, getMissingItems, itemsChanged, itemsOrOrderChanged, moveItem, moveItemDeprecated, partition };
+//# sourceMappingURL=array-utils.js.map

package/esm/packages/vuu-utils/src/array-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"array-utils.js","sources":["../../../../../../packages/vuu-utils/src/array-utils.ts"],"sourcesContent":["export type PartitionTest<T> = (value: T, index: number) => boolean;\n\nexport function partition<T>(\n  array: T[],\n  test: PartitionTest<T>,\n  pass: T[] = [],\n  fail: T[] = []\n): [T[], T[]] {\n  for (let i = 0, len = array.length; i < len; i++) {\n    (test(array[i], i) ? pass : fail).push(array[i]);\n  }\n  return [pass, fail];\n}\n\n// Note order of items can be different between arrays\n// If an identityProperty is not defined, item identity is used\nexport function itemsChanged<T = unknown>(\n  currentItems: T[],\n  newItems: T[],\n  identityProperty?: string\n) {\n  if (currentItems.length !== newItems.length) {\n    return true;\n  }\n  if (identityProperty === undefined) {\n    return !currentItems.every((item) => newItems.includes(item));\n  } else {\n    return currentItems.some(\n      (currentItem) =>\n        newItems.findIndex(\n          (newItem) =>\n            (newItem as { [key: string]: unknown })[identityProperty] ===\n            (currentItem as { [key: string]: unknown })[identityProperty]\n        ) === -1\n    );\n  }\n}\n\nexport function itemsOrOrderChanged<T = unknown>(\n  currentItems: T[],\n  newItems: T[],\n  identityProperty?: string\n) {\n  if (currentItems.length !== newItems.length) {\n    return true;\n  }\n  if (identityProperty === undefined) {\n    return currentItems.some((item, index) => newItems[index] !== item);\n  } else {\n    return currentItems.some(\n      (currentItem, index) =>\n        (newItems[index] as { [key: string]: unknown })[identityProperty] !==\n        (currentItem as { [key: string]: unknown })[identityProperty]\n    );\n  }\n}\n\nexport const moveItemDeprecated = <T = unknown>(\n  items: T[],\n  item: T,\n  moveTo: number\n): T[] => {\n  const fromIndex = items.indexOf(item);\n  if (fromIndex === moveTo) {\n    return items;\n  }\n  const newItems = items.slice();\n  if (fromIndex === -1) {\n    throw Error(\"moveItem, item to be moved not found\");\n  }\n  newItems.splice(fromIndex, 1);\n  if (moveTo === -1) {\n    newItems.push(item);\n  } else {\n    const offset = moveTo > fromIndex ? 0 : 0;\n    newItems.splice(moveTo + offset, 0, item);\n  }\n  return newItems;\n};\n\nexport const moveItem = <T = unknown>(\n  items: T[],\n  fromIndex: number,\n  toIndex: number\n): T[] => {\n  if (fromIndex === toIndex) {\n    return items;\n  } else {\n    const newItems = items.slice();\n    const [item] = newItems.splice(fromIndex, 1);\n    if (toIndex === -1) {\n      return newItems.concat(item);\n    } else {\n      const offset = toIndex > fromIndex ? 0 : 0;\n      newItems.splice(toIndex + offset, 0, item);\n      return newItems;\n    }\n  }\n};\n\nexport const getAddedItems = <T>(values: undefined | T[], newValues: T[]) => {\n  const isNew = (v: T) => !values?.includes(v);\n  if (values === undefined) {\n    return newValues;\n  } else if (newValues.some(isNew)) {\n    return newValues.filter(isNew);\n  } else {\n    return [] as T[];\n  }\n};\n\nexport const getMissingItems = <T, I>(\n  sourceItems: T[],\n  items: I[],\n  identity: (s: T) => I\n) =>\n  items.filter((i) => sourceItems.findIndex((s) => identity(s) === i) === -1);\n"],"names":[],"mappings":"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"}

package/esm/packages/vuu-utils/src/box-utils.js

@@ -0,0 +1,47 @@
+function boxContainsPoint(rect, x, y) {
+  if (rect) {
+    return x >= rect.left && x < rect.right && y >= rect.top && y < rect.bottom;
+  }
+}
+function getCenteredBox({ right, left, top, bottom }, pctSize) {
+  const pctOffset = (1 - pctSize) / 2;
+  const w = (right - left) * pctOffset;
+  const h = (bottom - top) * pctOffset;
+  return { left: left + w, top: top + h, right: right - w, bottom: bottom - h };
+}
+function pointPositionWithinRect(x, y, rect, borderZone = 30) {
+  const width = rect.right - rect.left;
+  const height = rect.bottom - rect.top;
+  const posX = x - rect.left;
+  const posY = y - rect.top;
+  let closeToTheEdge = 0;
+  if (posX < borderZone) closeToTheEdge += 8;
+  if (posX > width - borderZone) closeToTheEdge += 2;
+  if (posY < borderZone) closeToTheEdge += 1;
+  if (posY > height - borderZone) closeToTheEdge += 4;
+  return { pctX: posX / width, pctY: posY / height, closeToTheEdge };
+}
+const isGridLayoutSplitDirection = (position) => position !== "centre" && position !== "header";
+function getPositionWithinBox(x, y, rect, pctX, pctY) {
+  const centerBox = getCenteredBox(rect, 0.2);
+  if (boxContainsPoint(centerBox, x, y)) {
+    return "centre";
+  } else {
+    const quadrant = `${pctY < 0.5 ? "north" : "south"}${pctX < 0.5 ? "west" : "east"}`;
+    switch (quadrant) {
+      case "northwest":
+        return pctX > pctY ? "north" : "west";
+      case "northeast":
+        return 1 - pctX > pctY ? "north" : "east";
+      case "southeast":
+        return pctX > pctY ? "east" : "south";
+      case "southwest":
+        return 1 - pctX > pctY ? "west" : "south";
+      default:
+        throw Error("getPositionWithinBox failed top compute position");
+    }
+  }
+}
+
+export { boxContainsPoint, getCenteredBox, getPositionWithinBox, isGridLayoutSplitDirection, pointPositionWithinRect };
+//# sourceMappingURL=box-utils.js.map

package/esm/packages/vuu-utils/src/box-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"box-utils.js","sources":["../../../../../../packages/vuu-utils/src/box-utils.ts"],"sourcesContent":["export interface rect {\n  bottom: number;\n  left: number;\n  right: number;\n  top: number;\n}\nexport type rectTuple = [number, number, number, number];\n\nexport type dimension = \"width\" | \"height\";\n\nexport function boxContainsPoint(rect: rect, x: number, y: number) {\n  if (rect) {\n    return x >= rect.left && x < rect.right && y >= rect.top && y < rect.bottom;\n  }\n}\n\nexport type GridLayoutSplitDirection = \"north\" | \"south\" | \"east\" | \"west\";\n\nexport type GridLayoutDropPosition =\n  | GridLayoutSplitDirection\n  | \"header\"\n  | \"centre\";\n\nexport function getCenteredBox(\n  { right, left, top, bottom }: rect,\n  pctSize: number,\n) {\n  const pctOffset = (1 - pctSize) / 2;\n  const w = (right - left) * pctOffset;\n  const h = (bottom - top) * pctOffset;\n  return { left: left + w, top: top + h, right: right - w, bottom: bottom - h };\n}\n\nexport function pointPositionWithinRect(\n  x: number,\n  y: number,\n  rect: rect,\n  borderZone = 30,\n) {\n  const width = rect.right - rect.left;\n  const height = rect.bottom - rect.top;\n  const posX = x - rect.left;\n  const posY = y - rect.top;\n  let closeToTheEdge = 0;\n\n  if (posX < borderZone) closeToTheEdge += 8;\n  if (posX > width - borderZone) closeToTheEdge += 2;\n  if (posY < borderZone) closeToTheEdge += 1;\n  if (posY > height - borderZone) closeToTheEdge += 4;\n\n  return { pctX: posX / width, pctY: posY / height, closeToTheEdge };\n}\n\nexport const isGridLayoutSplitDirection = (\n  position: GridLayoutDropPosition,\n): position is GridLayoutSplitDirection =>\n  position !== \"centre\" && position !== \"header\";\n\nexport function getPositionWithinBox(\n  x: number,\n  y: number,\n  rect: rect,\n  pctX: number,\n  pctY: number,\n): GridLayoutDropPosition {\n  const centerBox = getCenteredBox(rect, 0.2);\n  if (boxContainsPoint(centerBox, x, y)) {\n    return \"centre\";\n  } else {\n    const quadrant = `${pctY < 0.5 ? \"north\" : \"south\"}${\n      pctX < 0.5 ? \"west\" : \"east\"\n    }`;\n\n    switch (quadrant) {\n      case \"northwest\":\n        return pctX > pctY ? \"north\" : \"west\";\n      case \"northeast\":\n        return 1 - pctX > pctY ? \"north\" : \"east\";\n      case \"southeast\":\n        return pctX > pctY ? \"east\" : \"south\";\n      case \"southwest\":\n        return 1 - pctX > pctY ? \"west\" : \"south\";\n      default:\n        throw Error(\"getPositionWithinBox failed top compute position\");\n    }\n  }\n}\n"],"names":[],"mappings":"AAUgB,SAAA,gBAAA,CAAiB,IAAY,EAAA,CAAA,EAAW,CAAW,EAAA;AACjE,EAAA,IAAI,IAAM,EAAA;AACR,IAAO,OAAA,CAAA,IAAK,IAAK,CAAA,IAAA,IAAQ,CAAI,GAAA,IAAA,CAAK,SAAS,CAAK,IAAA,IAAA,CAAK,GAAO,IAAA,CAAA,GAAI,IAAK,CAAA,MAAA;AAAA;AAEzE;AASO,SAAS,eACd,EAAE,KAAA,EAAO,MAAM,GAAK,EAAA,MAAA,IACpB,OACA,EAAA;AACA,EAAM,MAAA,SAAA,GAAA,CAAa,IAAI,OAAW,IAAA,CAAA;AAClC,EAAM,MAAA,CAAA,GAAA,CAAK,QAAQ,IAAQ,IAAA,SAAA;AAC3B,EAAM,MAAA,CAAA,GAAA,CAAK,SAAS,GAAO,IAAA,SAAA;AAC3B,EAAA,OAAO,EAAE,IAAA,EAAM,IAAO,GAAA,CAAA,EAAG,GAAK,EAAA,GAAA,GAAM,CAAG,EAAA,KAAA,EAAO,KAAQ,GAAA,CAAA,EAAG,MAAQ,EAAA,MAAA,GAAS,CAAE,EAAA;AAC9E;AAEO,SAAS,uBACd,CAAA,CAAA,EACA,CACA,EAAA,IAAA,EACA,aAAa,EACb,EAAA;AACA,EAAM,MAAA,KAAA,GAAQ,IAAK,CAAA,KAAA,GAAQ,IAAK,CAAA,IAAA;AAChC,EAAM,MAAA,MAAA,GAAS,IAAK,CAAA,MAAA,GAAS,IAAK,CAAA,GAAA;AAClC,EAAM,MAAA,IAAA,GAAO,IAAI,IAAK,CAAA,IAAA;AACtB,EAAM,MAAA,IAAA,GAAO,IAAI,IAAK,CAAA,GAAA;AACtB,EAAA,IAAI,cAAiB,GAAA,CAAA;AAErB,EAAI,IAAA,IAAA,GAAO,YAA8B,cAAA,IAAA,CAAA;AACzC,EAAI,IAAA,IAAA,GAAO,KAAQ,GAAA,UAAA,EAA8B,cAAA,IAAA,CAAA;AACjD,EAAI,IAAA,IAAA,GAAO,YAA8B,cAAA,IAAA,CAAA;AACzC,EAAI,IAAA,IAAA,GAAO,MAAS,GAAA,UAAA,EAA8B,cAAA,IAAA,CAAA;AAElD,EAAA,OAAO,EAAE,IAAM,EAAA,IAAA,GAAO,OAAO,IAAM,EAAA,IAAA,GAAO,QAAQ,cAAe,EAAA;AACnE;AAEO,MAAM,0BAA6B,GAAA,CACxC,QAEA,KAAA,QAAA,KAAa,YAAY,QAAa,KAAA;AAEjC,SAAS,oBACd,CAAA,CAAA,EACA,CACA,EAAA,IAAA,EACA,MACA,IACwB,EAAA;AACxB,EAAM,MAAA,SAAA,GAAY,cAAe,CAAA,IAAA,EAAM,GAAG,CAAA;AAC1C,EAAA,IAAI,gBAAiB,CAAA,SAAA,EAAW,CAAG,EAAA,CAAC,CAAG,EAAA;AACrC,IAAO,OAAA,QAAA;AAAA,GACF,MAAA;AACL,IAAM,MAAA,QAAA,GAAW,CAAG,EAAA,IAAA,GAAO,GAAM,GAAA,OAAA,GAAU,OAAO,CAChD,EAAA,IAAA,GAAO,GAAM,GAAA,MAAA,GAAS,MACxB,CAAA,CAAA;AAEA,IAAA,QAAQ,QAAU;AAAA,MAChB,KAAK,WAAA;AACH,QAAO,OAAA,IAAA,GAAO,OAAO,OAAU,GAAA,MAAA;AAAA,MACjC,KAAK,WAAA;AACH,QAAO,OAAA,CAAA,GAAI,IAAO,GAAA,IAAA,GAAO,OAAU,GAAA,MAAA;AAAA,MACrC,KAAK,WAAA;AACH,QAAO,OAAA,IAAA,GAAO,OAAO,MAAS,GAAA,OAAA;AAAA,MAChC,KAAK,WAAA;AACH,QAAO,OAAA,CAAA,GAAI,IAAO,GAAA,IAAA,GAAO,MAAS,GAAA,OAAA;AAAA,MACpC;AACE,QAAA,MAAM,MAAM,kDAAkD,CAAA;AAAA;AAClE;AAEJ;;;;"}