asai-vue-host 0.2.59 → 0.2.60

package/README.md

@@ -2,109 +2,189 @@
 
 ## 包信息
 
-| 建议 npm 名 | 入口文件 | $fn / 注入键 | 类型 |
+| 建议 npm 名 | 入口文件 | 注入键 | 类型 |
 |------------|---------|-------------|------|
-| `@estun/asai-vue-host` | `src/components/index.ts` | `$engineasai`（provide/inject） | Host |
+| `@estun/asai-vue-host` | `src/components/index.ts` | `$engineasai`（loadts）/ `$ujtasai`（provide/inject） | Host |
 
 ## 概述
 
-`asai-vue-host` 是 AsaiWeb CMS 的**核心应用宿主框架**，提供应用加载、模块管理、Hash 路由分发、WebSocket 通信和数据库响应式 Provide。是整个前端架构的运行容器。
+`asai-vue-host` 是 AsaiWeb CMS 的**核心应用宿主框架**，是整个前端架构的运行容器。职责：
+
+- 装配并 `provide('$ujtasai')` 全局运行时上下文（`$db / $dbwork / $ws / $global / $model / $fn`）
+- 应用启动流程（`initweb`）：加载 webmodel、解析路由配置、建立连接、初始化国际化
+- 无框架 **Hash / History 路由**分发（`AsRouter` + `RouterView.vue`），不依赖 vue-router
+- 通用工具集（`As`）：URL、Cookie、本地缓存、时间、序列化、节流防抖、深拷贝等
+- 全局组件懒加载注册（`asui/*/*.vue`：模块容器、加载/错误页、404 等）
+
+> 配套宿主插件：`asai-vue-host-base`（`$engineasai1`：API/WS/心跳/AES）、`asai-vue-host-channel`（`$engineasai2`：频道）、`-form` / `-popbox` / `-directives`（全局组件与指令）。它们在 `$fn.initweb()` 时被合并进 `$fn`。
 
 ## 集成方式
 
 ```typescript
 // monorepo — webclient/src/utils/index.ts
 import AsaiVueHost from '../plugs/asai-vue-host/src/components/index';
-// import '/node_modules/asai-vue-host/dist/asai-vue-host.css';
-// npm
-// import AsaiVueHost from '@estun/asai-vue-host';
+// npm: import AsaiVueHost from '@estun/asai-vue-host';
 
-installModules.forEach((module) => module.install(app, lib));
+installModules.forEach((module) => module.install(app, lib)); // lib 由 LibInit() 提供 loadts/loadvue/loadfn
 ```
 
-## 独立性约束
-
-- **禁止** cross-import 其它 `plugs/*`。
-- 通过 `LibInit` 传入的 `loadts` / `loadvue` / `loadfn` 与宿主 app 耦合，不反向依赖 Feature 插件。
+```typescript
+// App.vue —— 仅执行一次，注入全局上下文
+import useProvide from '../plugs/asai-vue-host/.../asengine/provide/useProvide';
+const { $ujtasai } = useProvide({ plugs: { /* 同步功能插件 */ } });
+```
 
-## 主要 API / 导出
+## 独立性约束
 
-| 导出 | 说明 |
-|------|------|
-| `install(app, opt)` | Vue 插件安装入口 |
-| Provide `$engineasai` | 主引擎 composable 与工具 |
-| `providedb` / `providews` / `providefn` / `providedbwork` | 全局 Provide 键 |
-| 全局组件 | `asui/*/*.vue` 懒加载注册（AsaiWebModule、PageLoad* 等） |
+- **禁止** cross-import 其它 `plugs/*`；仅通过运行时 `$fn` / `$global` 协作。
+- 通过 `LibInit` 传入的 `loadts` / `loadvue` / `loadfn` 与宿主 app 解耦，不反向依赖 Feature 插件。
+- ⚠️ `loadts` 按**文件名**注册键（`path.split('/').pop().slice(0,-3)`）。`asengine/common/*.ts` 会被 eager glob 注册为 `$engineasai.<文件名>`，故**不要**在该目录放置临时/重命名副本文件（如 `AsAES copy.ts`），否则会污染 `$fn` 键空间。
 
-## 性能说明
+## 文件结构
 
-- TS 模块（`asengine`）**eager** 加载；Vue 组件 **lazy**（`eager: false`），首次渲染拉 chunk。
-- 核心首屏组件若出现白屏闪烁，可在业务侧对关键组件单独 eager。
+```
+asai-vue-host/src/components/
+├── index.ts                       # install 入口（loadts $engineasai + loadvue asui）
+├── asengine/
+│   ├── common/
+│   │   ├── As.ts                  # → $fn.As     通用工具集（无状态）
+│   │   └── AsRouter.ts            # → $fn.AsRouter  Hash/History 路由器
+│   ├── init/useInitApp.ts         # → $fn.useInitApp  业务模块按需安装
+│   └── provide/
+│       ├── useProvide.ts          # 装配 $ujtasai 并 provide（核心启动）
+│       ├── providedb / providedbwork / providews / provideglobal / providefn
+│       └── （响应式数据域默认值）
+└── asui/                          # 全局组件（loadvue 懒加载，按文件名注册）
+    ├── app/     AsaiWebServer / AsaiWebModule / AsaiWebItemIndex …
+    ├── common/  RouterView / RouterMap / AsPageBusy / AsSvg / VirtualList …
+    └── page/    PageLoadWs / PageLoadErr / PageLoadServer …
+```
 
-## peerDependencies 建议
+## 安装入口（install）
 
-```json
-{
-  "peerDependencies": {
-    "vue": "^3.4.0",
-    "vue-router": "^4.0.0"
-  }
+```typescript
+install(app, opt) {
+  opt.loadts({ app, key: '$engineasai', eager: true,
+    files: import.meta.glob(['./asengine/common/*.ts', './asengine/*/use*.ts'], { eager: true }) });
+  opt.loadvue({ loadfn: opt.loadfn, app, eager: false,
+    files: import.meta.glob(['./asui/*/*.vue']) });   // 首次渲染才拉 chunk
 }
 ```
 
----
-
-## 功能
+## 全局上下文 `$ujtasai`
+
+| 域 | 来源 | 说明 |
+|----|------|------|
+| `$db` | providedb | IndexedDB / 业务响应式数据 |
+| `$dbwork` | providedbwork | 数据库工作态 |
+| `$ws` | providews | WebSocket 响应式数据 |
+| `$global` | provideglobal | `sys / config / user / code / location / pop / link / theme / keyboard …` |
+| `$model` | `window.$GYS.$webmodel` | webmodel 模型与组件表（`comps`） |
+| `$fn` | providefn + 各插件合并 | 全部平台功能函数（见下） |
+
+## 核心 API：`$fn`（useProvide 挂载）
+
+| 函数 | 签名 | 说明 |
+|------|------|------|
+| `initweb(insProxy)` | `async (insProxy) => void` | **应用启动**：合并引擎、加载 `sys/dirglobal.json`、版本校验、`dirmodel.json`、路由配置合并、`initLink`、初始化 hash 路由 |
+| `offweb()` | `() => void` | 卸载路由监听 |
+| `initLink(type?)` | `(0\|1) => Promise<link>` | 解析 `sys/server.json` 为 `$global.link`（含缓存 `as-link`） |
+| `startLink()` / `saveLink(data)` | — | 强制重新解析 / 直接写入连接表 |
+| `lg(path, params?)` | `(string, string\|string[]) => string` | 取国际化文案，`$1/$2` 占位符替换（路径解析带 Map 缓存） |
+| `initlang(langty?)` / `changelang(langty?)` | `=> Promise` | 初始化 / 切换语言包（`auto` 在两语言间切换） |
+| `initver()` | `() => boolean` | `$global.sys.webver` 变化时清缓存刷新 |
+| `lo(...args)` / `$log(data)` / `logSave(data)` | — | 带样式 console / 写入后端日志（`/api/asailog/manage/addclient/`） |
+| `inittoken()` / `gettoken(type?)` | — | 由 `code.pri/pub` + 用户信息生成 `us##lv##pub` token |
+| `login()` / `exit(type?)` | — | 清空 `as-user-info` 与会话，跳登录 / 退出 |
+| `checkOnline()` | `=> Promise` | WS `ping/pong` 在线探测 |
+| `setquery(value, type?)` / `sethash(value)` | — | 改写地址栏 query / hash（History 模式用 pushState） |
+| `getWebPath(path)` | `(string) => string` | 拼接 `$cfg.webpath` 前缀 |
+| `initmodel(url, prefix?)` | — | 由 `AsaiModel` 拉取 `webmodel/` 模型 |
+
+## 核心 API：`$fn.As`（通用工具集）
+
+| 分组 | 方法 |
+|------|------|
+| URL/链接 | `getUrlByCfg(cfg, type)` |
+| Cookie | `cookiesSet/Get/Del/Clear`、`cookiesSetByEncodeURI` |
+| 文件 | `readFile(file, ty)`、`downloadTxt(data, name)`、`downloadFile(url, name)` |
+| 本地缓存 | `localSet/Get/Remove/Clear/Clears`、`localInit`（清空+刷新）、`localReload`、`localTime` |
+| DOM/全屏 | `fullScreen/fullScreenExit/fullScreenDo`、`eStop(e)` |
+| 数据结构 | `treeToMap(tree, opt)`（迭代平铺为 `{nodeMap, depthMap}`，支持过滤）、`arrLenMax`、`toArr` |
+| 路径/校验 | `getPath` / `getName`（白名单过滤）、`isValidFileName`、`setObjValByPath`（**已防原型链污染**） |
+| 时间 | `getTime(type, timenow)`、`toFormTime` / `fromFormTime` |
+| 序列化 | `toObj` / `toStr`（防循环引用）、`toNum` / `toNums` |
+| 唯一 ID | `Uuid(prefix, index, hex)`（`crypto.getRandomValues` 随机位，16 位） |
+| 性能 | `debounce(fn, opt)`、`throttle(fn, opt)`（`opt` 持有 `timeout/wait/immediate`） |
+| 剪贴板 | `copyToClipboard` / `readFromClipboard`（localStorage 兼容方案） |
+| 深拷贝 | `DeepClone(obj)`（WeakMap 防环，支持 Date/RegExp/Map/Set） |
+| 远程 | `apiJsonp(url, callback)`（script 标签 JSONP，回调名随机，完成后清理） |
+
+## 核心 API：`$fn.AsRouter`（无框架路由）
+
+| 方法 | 说明 |
+|------|------|
+| `initHash(routerdata)` / `offHash()` | 绑定 / 移除 `popstate`（History）或 `hashchange`（Hash）监听 |
+| `setHash(routerdata, value)` | 改写地址（History `pushState` 或 `location.hash`） |
+| `setHref / getHref` | 整页跳转 / 读取 URL |
+| `getQuery(routerdata, str?)` | 解析 query（**已修正含 `=` 的值截断与非法编码**） |
+| `getHasharr(routerdata)` | hash → 路径数组（去尾空段、分离 query） |
+| `setRouter(routerdata)` | hash → comps：`#/a/b/c` → [`a/index`, `a/b/index`, `a/b/c/default`] |
+| `setTitle(title, ujt)` | 设置文档标题（拼接站点大标题） |
 
-- 应用启动、模块管理、Hash 路由分发
-- WebSocket 连接管理与事件系统
-- IndexedDB / 本地数据响应式 Provide
-- 加载状态与错误页面（404、PageLoadErr 等）
+路由组件由 `RouterView.vue` 依 `$global.location.comps[ty]` 经 `$fn.getcomp` 动态加载，缺失回退 `Asai404.vue`。
 
-## 文件结构
+## 全局组件
 
-```
-asai-vue-host/
-├── src/components/
-│   ├── index.ts                       # install 入口
-│   ├── asengine/provide/              # providedb / providews / providefn
-│   └── asui/                          # app / common / page 组件
-└── README.md
-```
+| 组件 | 说明 |
+|------|------|
+| `RouterView` / `RouterMap` | Hash 路由视图 / 路由映射 |
+| `AsaiWebServer` / `AsaiWebModule` / `AsaiWebItemIndex` | 服务器连接 / 模块容器 / 应用主入口 |
+| `PageLoadWs` / `PageLoadServer` / `PageLoadErr` / `PageErr` | 连接与错误页 |
+| `AsPageBusy` / `AsLoadingCircle` / `AsLoadingA3d` / `AsPageBusyGif` | 加载动画 |
+| `Asai404` | 404 页面 |
+| `AsSvg` / `VirtualList` / `MenuShowFix` / `AsReset` | SVG / 虚拟列表 / 菜单 / 样式重置 |
 
-## 安装方式
+## 使用示例
 
 ```typescript
-app.use(AsaiVueHost, {
-  loadts: (options) => { /* 加载 TypeScript 模块 */ },
-  loadvue: (options) => { /* 加载 Vue 组件 */ },
-  loadfn: (path) => { /* 加载函数 */ },
-});
+const { $fn, $global } = ujt;
+
+// 路由
+$fn.sethash('user/login');
+$fn.setquery({ id: 1 }, 1);            // 合并 query
+
+// 国际化
+$fn.lg('sys.webtit');                  // 取词
+$fn.lg('user.hello', [name]);          // 占位符 $1 → name
+await $fn.changelang('auto');
+
+// 工具
+const { nodeMap, depthMap } = $fn.As.treeToMap(tree, { id: 'sn', ch: 'children' });
+$fn.As.localSet('k', { a: 1 });
+$fn.As.debounce(save, opt);            // opt = { wait: 300 }
 ```
 
-## Provide 系统
+```vue
+<RouterView :ujt="ujt" :ty="0" />
+<AsaiWebModule :ujt="ujt" />
+```
 
-| Provide Key | 说明 |
-|-------------|------|
-| `$engineasai` | 主引擎上下文 |
-| `providedb` | 数据库响应式数据 |
-| `providews` | WebSocket 数据 |
-| `providefn` | 功能函数 |
-| `providedbwork` | 数据库工作线程 |
+## 性能说明
 
-## 核心组件
+- TS 模块（`asengine`）**eager** 加载（启动即需）；Vue 组件 **lazy**（`eager: false`），首次渲染拉 chunk。
+- `useProvide` 全应用**仅执行一次**；`lg` 路径解析与正则均预编译/缓存。
+- `AsRouter` 监听器引用单独保存，`offHash` 精确移除，避免重复绑定与泄漏。
+- 核心首屏组件若白屏闪烁，可在业务侧对关键组件单独 eager。
 
-| 组件 | 说明 |
-|------|------|
-| `AsaiWebServer` | 服务器连接管理 |
-| `AsaiWebModule` | 模块容器 |
-| `AsaiWebItemIndex` | 应用主入口 |
-| `AsPageBusy` / `AsLoadingCircle` | 加载动画 |
-| `PageLoadWs` / `PageLoadErr` | 连接/错误页 |
-| `Asai404` | 404 页面 |
+## 安全说明
 
-## 技术细节
+- `setObjValByPath` 拒绝 `__proto__` / `prototype` / `constructor` 键，防原型链污染。
+- `apiJsonp` 用 `script.src` + 随机回调名，避免 `innerHTML` 注入；完成/失败均清理回调与节点。
+- `getPath` / `getName` / `isValidFileName` 对外部输入做白名单与非法字符过滤。
 
-- Vue 插件 `install(app, opt)` 模式
-- `import.meta.glob` 自动发现并注册组件
-- 异步组件按需加载减少首屏体积
+## peerDependencies 建议
+
+```json
+{ "peerDependencies": { "vue": "^3.4.0" } }
+```

package/dist/AsPageBusy-CxJAwG3n.mjs

@@ -0,0 +1,51 @@
+import { defineComponent as g, useCssVars as v, computed as y, resolveComponent as f, resolveDirective as b, withDirectives as x, createCommentVNode as u, unref as s, createElementBlock as r, openBlock as d, createElementVNode as o, withModifiers as B, createVNode as h, toDisplayString as k } from "vue";
+import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const j = {
+  key: 0,
+  class: "as-pagebusy-area touch-none"
+}, A = { class: "as-pagebusy" }, w = { class: "as-load-icon" }, P = {
+  key: 0,
+  class: "as-load-msg"
+}, V = /* @__PURE__ */ g({
+  __name: "AsPageBusy",
+  props: {
+    ujt: {}
+  },
+  setup(t) {
+    v((p) => ({
+      v7d9d0622: a.value
+    }));
+    const l = t, { $global: e, $fn: n } = l.ujt, a = y(() => e.pagebusy?.zindex || 9999);
+    function c() {
+      n.popConfirm({
+        con: e.lang.asai.resetconfirm,
+        zindex: a.value + 1,
+        fn: () => {
+          e.pagebusy = null, n.As.localInit();
+        }
+      });
+    }
+    return (p, i) => {
+      const _ = f("AsPageBusyGif"), m = b("dbpointerdown");
+      return s(e).pagebusy ? x((d(), r("div", j, [
+        o("div", {
+          class: "as-pagebusy-close",
+          onClick: i[0] || (i[0] = B((D) => c(), ["stop"]))
+        }),
+        o("div", A, [
+          o("div", w, [
+            h(_, { ujt: t.ujt }, null, 8, ["ujt"])
+          ]),
+          s(e).pagebusy?.v ? (d(), r("div", P, k(s(e).pagebusy?.v), 1)) : u("", !0)
+        ])
+      ])), [
+        [m, () => {
+          s(e).pagebusy?.keep || c();
+        }]
+      ]) : u("", !0);
+    };
+  }
+}), z = /* @__PURE__ */ C(V, [["__scopeId", "data-v-a9b32b31"]]);
+export {
+  z as default
+};

package/dist/{AsPageBusyGif-BeO4ftmK.mjs → AsPageBusyGif-Bz4I7tCT.mjs}

@@ -1,6 +1,6 @@
-import { defineComponent as c, createElementBlock as l, openBlock as t, normalizeStyle as o, createStaticVNode as n, createBlock as i, unref as s } from "vue";
-import { _ as u } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-const f = /* @__PURE__ */ c({
+import { defineComponent as i, createElementBlock as l, openBlock as t, normalizeStyle as u, createStaticVNode as o, createBlock as c, unref as s } from "vue";
+import { _ as n } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const f = /* @__PURE__ */ i({
   __name: "AsLoadingCircle",
   props: {
     ujt: {
@@ -16,10 +16,10 @@ const f = /* @__PURE__ */ c({
   setup(e) {
     return (d, a) => (t(), l("div", {
       class: "as-load-gif",
-      style: o({ width: e.size + "px", height: e.size + "px" })
+      style: u({ width: e.size + "px", height: e.size + "px" })
     }, null, 4));
   }
-}), r = /* @__PURE__ */ u(f, [["__scopeId", "data-v-c5bf2081"]]), v = /* @__PURE__ */ c({
+}), r = /* @__PURE__ */ i({
   __name: "AsLoadingA3d",
   props: {
     ujt: {
@@ -35,12 +35,12 @@ const f = /* @__PURE__ */ c({
   setup(e) {
     return (d, a) => (t(), l("div", {
       class: "a3d-wrapper",
-      style: o({ "--cube-size": `${e.size}px`, "--half-size": `${e.size / 2}px` })
+      style: u({ "--cube-size": `${e.size}px`, "--half-size": `${e.size / 2}px` })
     }, [...a[0] || (a[0] = [
-      n('<div class="a3d" data-v-4d1d2b0e><div class="a3d-face a3d-face-front" data-v-4d1d2b0e></div><div class="a3d-face a3d-face-back" data-v-4d1d2b0e></div><div class="a3d-face a3d-face-left" data-v-4d1d2b0e></div><div class="a3d-face a3d-face-right" data-v-4d1d2b0e></div><div class="a3d-face a3d-face-top" data-v-4d1d2b0e></div><div class="a3d-face a3d-face-bottom" data-v-4d1d2b0e></div></div>', 1)
+      o('<div class="a3d" data-v-4d1d2b0e><div class="a3d-face a3d-face-front" data-v-4d1d2b0e></div><div class="a3d-face a3d-face-back" data-v-4d1d2b0e></div><div class="a3d-face a3d-face-left" data-v-4d1d2b0e></div><div class="a3d-face a3d-face-right" data-v-4d1d2b0e></div><div class="a3d-face a3d-face-top" data-v-4d1d2b0e></div><div class="a3d-face a3d-face-bottom" data-v-4d1d2b0e></div></div>', 1)
     ])], 4));
   }
-}), p = /* @__PURE__ */ u(v, [["__scopeId", "data-v-4d1d2b0e"]]), g = /* @__PURE__ */ c({
+}), v = /* @__PURE__ */ n(r, [["__scopeId", "data-v-4d1d2b0e"]]), y = /* @__PURE__ */ i({
   __name: "AsPageBusyGif",
   props: {
     ujt: {},
@@ -48,11 +48,11 @@ const f = /* @__PURE__ */ c({
   },
   setup(e) {
     const d = e, { $global: a } = d.ujt;
-    return (b, z) => e.opt?.ty || s(a).pagebusy?.ty ? (t(), i(p, {
+    return (p, b) => e.opt?.ty || s(a).pagebusy?.ty ? (t(), c(v, {
       key: 0,
       size: e.opt?.size || s(a).pagebusy?.size,
       ujt: e.ujt
-    }, null, 8, ["size", "ujt"])) : (t(), i(r, {
+    }, null, 8, ["size", "ujt"])) : (t(), c(f, {
       key: 1,
       size: e.opt?.size || s(a).pagebusy?.size,
       ujt: e.ujt
@@ -60,5 +60,5 @@ const f = /* @__PURE__ */ c({
   }
 });
 export {
-  g as default
+  y as default
 };

package/dist/AsPageLoading-B9gYJ9mc.mjs

@@ -0,0 +1,4 @@
+import { _ as f } from "./AsPageLoading.vue_vue_type_script_setup_true_lang-D6ucjG6K.mjs";
+export {
+  f as default
+};

package/dist/AsPageLoading.vue_vue_type_script_setup_true_lang-D6ucjG6K.mjs

@@ -0,0 +1,49 @@
+import { defineComponent as d, ref as g, onMounted as u, createElementBlock as a, openBlock as c, createCommentVNode as m, createElementVNode as l, createTextVNode as f, renderSlot as p, toDisplayString as w } from "vue";
+const v = { class: "as-load-area" }, _ = ["src"], $ = { class: "as-load-msg" }, k = /* @__PURE__ */ d({
+  __name: "AsPageLoading",
+  props: {
+    ujt: {},
+    msg: {}
+  },
+  setup(n) {
+    const s = n, t = g("");
+    u(() => {
+      const e = window;
+      t.value = s.ujt?.$global?.$cfg?.logo || e?.$CFG?.logo || "/webmodel/files/logo.png";
+    });
+    function i() {
+      const e = window, o = s.ujt?.$fn;
+      if (o?.As?.localInit) {
+        o.As.localInit();
+        return;
+      }
+      try {
+        e?.localStorage?.clear();
+      } catch {
+        console.warn("Failed to clear localStorage");
+      }
+      e?.location?.reload();
+    }
+    return (e, o) => (c(), a("div", v, [
+      t.value ? (c(), a("img", {
+        key: 0,
+        src: t.value,
+        width: "200",
+        onDblclick: o[0] || (o[0] = (r) => i())
+      }, null, 40, _)) : m("", !0),
+      o[1] || (o[1] = l("div", { class: "as-load-icon" }, [
+        l("div", {
+          class: "as-load-gif",
+          style: { width: "68px", height: "68px" }
+        })
+      ], -1)),
+      l("div", $, [
+        f(w(n.msg || "Loading...") + " ", 1),
+        p(e.$slots, "default")
+      ])
+    ]));
+  }
+});
+export {
+  k as _
+};

package/dist/PageErr-B_UHmHgG.mjs

@@ -0,0 +1,21 @@
+import { defineComponent as o, computed as a, createBlock as c, openBlock as s } from "vue";
+import { _ as m } from "./AsPageLoading.vue_vue_type_script_setup_true_lang-D6ucjG6K.mjs";
+const _ = /* @__PURE__ */ o({
+  __name: "PageErr",
+  props: {
+    ujt: {}
+  },
+  setup(t) {
+    const n = window, r = a(() => {
+      const e = n.$GYS?.$webmodel?.lang;
+      return e?.[e?.langty]?.pageerr || "";
+    });
+    return (e, u) => (s(), c(m, {
+      ujt: t.ujt,
+      msg: r.value
+    }, null, 8, ["ujt", "msg"]));
+  }
+});
+export {
+  _ as default
+};

package/dist/PageLoadClient-CNOJ8Yha.mjs

@@ -0,0 +1,14 @@
+import { defineComponent as e, createBlock as o, openBlock as n } from "vue";
+import { _ as r } from "./AsPageLoading.vue_vue_type_script_setup_true_lang-D6ucjG6K.mjs";
+const m = /* @__PURE__ */ e({
+  __name: "PageLoadClient",
+  props: {
+    ujt: {}
+  },
+  setup(t) {
+    return (a, c) => (n(), o(r, { ujt: t.ujt }, null, 8, ["ujt"]));
+  }
+});
+export {
+  m as default
+};

package/dist/PageLoadErr-D-nR7OhR.mjs

@@ -0,0 +1,28 @@
+import { defineComponent as s, resolveComponent as r, createBlock as c, openBlock as o, unref as u, withCtx as m, createElementBlock as l, createCommentVNode as p, createVNode as i, toDisplayString as _ } from "vue";
+import { _ as d } from "./AsPageLoading.vue_vue_type_script_setup_true_lang-D6ucjG6K.mjs";
+const f = { key: 0 }, k = /* @__PURE__ */ s({
+  __name: "PageLoadErr",
+  props: {
+    ujt: {},
+    type: {}
+  },
+  setup(e) {
+    const t = e, { $global: n } = t.ujt;
+    return (g, j) => {
+      const a = r("AsReset");
+      return o(), c(d, {
+        ujt: e.ujt,
+        msg: u(n).lang?.asai?.page?.loadws || "Loading..."
+      }, {
+        default: m(() => [
+          t.type ? (o(), l("h3", f, _(t.type), 1)) : p("", !0),
+          i(a, { ujt: e.ujt }, null, 8, ["ujt"])
+        ]),
+        _: 1
+      }, 8, ["ujt", "msg"]);
+    };
+  }
+});
+export {
+  k as default
+};

package/dist/PageLoadServer-Y-ZcktpI.mjs

@@ -0,0 +1,14 @@
+import { defineComponent as t, createBlock as o, openBlock as r } from "vue";
+import { _ as n } from "./AsPageLoading.vue_vue_type_script_setup_true_lang-D6ucjG6K.mjs";
+const m = /* @__PURE__ */ t({
+  __name: "PageLoadServer",
+  props: {
+    ujt: {}
+  },
+  setup(e) {
+    return (a, c) => (r(), o(n, { ujt: e.ujt }, null, 8, ["ujt"]));
+  }
+});
+export {
+  m as default
+};

package/dist/PageLoadUserToken-DE2zZ5w0.mjs

@@ -0,0 +1,26 @@
+import { defineComponent as s, resolveComponent as a, createBlock as u, openBlock as r, unref as c, withCtx as m, createVNode as l } from "vue";
+import { _ as p } from "./AsPageLoading.vue_vue_type_script_setup_true_lang-D6ucjG6K.mjs";
+const d = /* @__PURE__ */ s({
+  __name: "PageLoadUserToken",
+  props: {
+    ujt: {}
+  },
+  setup(e) {
+    const t = e, { $global: o } = t.ujt;
+    return (f, i) => {
+      const n = a("AsReset");
+      return r(), u(p, {
+        ujt: e.ujt,
+        msg: c(o).lang.asai?.page?.loadusertoken || "Loading user token..."
+      }, {
+        default: m(() => [
+          l(n, { ujt: e.ujt }, null, 8, ["ujt"])
+        ]),
+        _: 1
+      }, 8, ["ujt", "msg"]);
+    };
+  }
+});
+export {
+  d as default
+};

package/dist/PageLoadUserTokenOnline-D3X9RycI.mjs

@@ -0,0 +1,26 @@
+import { defineComponent as s, resolveComponent as a, createBlock as u, openBlock as r, unref as c, withCtx as l, createVNode as m } from "vue";
+import { _ as i } from "./AsPageLoading.vue_vue_type_script_setup_true_lang-D6ucjG6K.mjs";
+const d = /* @__PURE__ */ s({
+  __name: "PageLoadUserTokenOnline",
+  props: {
+    ujt: {}
+  },
+  setup(e) {
+    const t = e, { $global: n } = t.ujt;
+    return (p, f) => {
+      const o = a("AsReset");
+      return r(), u(i, {
+        ujt: e.ujt,
+        msg: c(n).lang.asai?.page?.loaduseronline || "Loading user token online..."
+      }, {
+        default: l(() => [
+          m(o, { ujt: e.ujt }, null, 8, ["ujt"])
+        ]),
+        _: 1
+      }, 8, ["ujt", "msg"]);
+    };
+  }
+});
+export {
+  d as default
+};

package/dist/PageLoadWs-C5Cbzmu3.mjs

@@ -0,0 +1,28 @@
+import { defineComponent as s, resolveComponent as c, createBlock as r, openBlock as o, unref as u, withCtx as m, createElementBlock as l, createCommentVNode as p, createVNode as i, toDisplayString as _ } from "vue";
+import { _ as d } from "./AsPageLoading.vue_vue_type_script_setup_true_lang-D6ucjG6K.mjs";
+const f = { key: 0 }, k = /* @__PURE__ */ s({
+  __name: "PageLoadWs",
+  props: {
+    ujt: {},
+    type: {}
+  },
+  setup(e) {
+    const t = e, { $global: n } = t.ujt;
+    return (g, j) => {
+      const a = c("AsReset");
+      return o(), r(d, {
+        ujt: e.ujt,
+        msg: u(n).lang?.asai?.page?.loadws || "Loading..."
+      }, {
+        default: m(() => [
+          t.type ? (o(), l("h3", f, _(t.type), 1)) : p("", !0),
+          i(a, { ujt: e.ujt }, null, 8, ["ujt"])
+        ]),
+        _: 1
+      }, 8, ["ujt", "msg"]);
+    };
+  }
+});
+export {
+  k as default
+};

package/dist/asai-vue-host.css

@@ -1 +1 @@
-@charset "UTF-8";.app-area[data-v-bba548d2]{display:flex;flex-direction:column;height:calc(100% - 60px);padding:20px}.app-area .app-menu-area[data-v-bba548d2]{flex-grow:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;padding:20px;align-content:flex-start;overflow-y:auto;max-height:100%;scrollbar-width:thin;scrollbar-color:var(--cv5) var(--cv1)}.app-area .app-menu-area[data-v-bba548d2]::-webkit-scrollbar{width:8px}.app-area .app-menu-area[data-v-bba548d2]::-webkit-scrollbar-track{background:var(--cv1);border-radius:4px}.app-area .app-menu-area[data-v-bba548d2]::-webkit-scrollbar-thumb{background-color:var(--cv5);border-radius:4px}.app-area .app-menu-area .module[data-v-bba548d2]{background:var(--cu6)!important;color:var(--cr0)!important}.app-area .app-menu-area .app-menu[data-v-bba548d2]{display:flex;align-items:center;justify-content:center;min-height:var(--sa1);background:linear-gradient(135deg,var(--cv0) 0%,var(--cv1) 100%);color:var(--cv8);border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a;padding:var(--sa0);position:relative;overflow:hidden}.app-area .app-menu-area .app-menu[data-v-bba548d2]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff1a;opacity:0;transition:opacity .3s ease}.app-area .app-menu-area .app-menu[data-v-bba548d2]:hover{transform:translateY(-5px);box-shadow:0 12px 20px #00000026}.app-area .app-menu-area .app-menu[data-v-bba548d2]:hover:before{opacity:1}.app-area .app-menu-area .app-menu[data-v-bba548d2]:active{transform:translateY(0)}.app-area .app-menu-area .app-menu .menu-text[data-v-bba548d2]{font-size:var(--sa0);font-weight:500;text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:rtl;padding:0 10px}.app-area .app-logo[data-v-bba548d2]{height:auto;padding:20px 10px;display:flex;justify-content:center}.app-area .app-logo img[data-v-bba548d2]{max-width:100%;height:auto}.app-area .app-login[data-v-bba548d2]{height:auto;padding:20px 10px;display:flex;justify-content:flex-end}@media (max-width: 768px){.app-area .app-menu-area[data-v-bba548d2]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;padding:15px}.app-area .app-menu-area .app-menu[data-v-bba548d2]{min-height:70px}.app-area .app-menu-area .app-menu .menu-text[data-v-bba548d2]{font-size:var(--sa0)}}@media (max-width: 480px){.app-area[data-v-bba548d2]{padding:10px}.app-area .app-menu-area[data-v-bba548d2]{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;padding:10px}.app-area .app-menu-area .app-menu[data-v-bba548d2]{min-height:60px;padding:10px}.app-area .app-menu-area .app-menu .menu-text[data-v-bba548d2]{font-size:var(--sa0)}}#asaiwebserver[data-v-7d8d7f46]{width:100%;height:100%;overflow:hidden}#asaiwebservernode[data-v-fc74998b],#asaiwebserveruser[data-v-d2483ecb],#asaiwebserveruseronline[data-v-13dc3fec]{width:100%;height:100vh;overflow:hidden}.as-pagebusy-area[data-v-3b86e9a1]{cursor:not-allowed;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh;background-color:#0000001a;position:fixed;inset:0;z-index:var(--v2189716e)}.as-pagebusy-area .as-pagebusy-close[data-v-3b86e9a1]{position:absolute;right:0;top:0;display:inline-block;width:10px;height:10px;cursor:none}.as-pagebusy-area .as-pagebusy[data-v-3b86e9a1]{display:inline-flex;justify-content:center;align-items:center;flex-direction:column;background-color:#ffffff4d;max-width:80%;padding:20px 40px;border-radius:20px;box-shadow:0 8px 24px #0000001a}.as-pagebusy-area .as-pagebusy .as-pagebusy-v[data-v-3b86e9a1]{padding-top:20px;color:var(--cu8);text-align:center}.as-load-gif[data-v-c5bf2081],.as-load-gif[data-v-c5bf2081]:after{border-top-color:var(--cv4);border-right-color:var(--cv6);border-bottom-color:var(--cv8)}.a3d-wrapper[data-v-4d1d2b0e]{perspective:1800px;width:calc(var(--cube-size) * 2);height:calc(var(--cube-size) * 2);display:inline-flex;justify-content:center;align-items:center;contain:layout paint;overflow:visible}.a3d[data-v-4d1d2b0e]{width:var(--cube-size);height:var(--cube-size);position:relative;transform-style:preserve-3d;transform-origin:center center;transform:translateZ(0) rotateX(20deg) rotateY(20deg);animation:a3d-rotate-4d1d2b0e 4s linear infinite;will-change:transform;backface-visibility:visible}.a3d-face[data-v-4d1d2b0e]{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;backface-visibility:visible;box-shadow:0 0 10px #0000000d inset}.a3d-face-front[data-v-4d1d2b0e]{transform:translateZ(var(--half-size));border:1px solid rgba(198,67,69,.85);background:linear-gradient(135deg,#c6434533,#c6434566)}.a3d-face-back[data-v-4d1d2b0e]{transform:translateZ(calc(-1 * var(--half-size))) rotateY(180deg);border:1px solid rgba(198,67,69,.85);background:linear-gradient(135deg,#c6434533,#c6434566)}.a3d-face-left[data-v-4d1d2b0e]{transform:translate(calc(-1 * var(--half-size))) rotateY(-90deg);border:1px solid rgba(76,198,72,.85);background:linear-gradient(135deg,#4cc64833,#4cc64866)}.a3d-face-right[data-v-4d1d2b0e]{transform:translate(var(--half-size)) rotateY(90deg);border:1px solid rgba(76,198,72,.85);background:linear-gradient(135deg,#4cc64833,#4cc64866)}.a3d-face-top[data-v-4d1d2b0e]{transform:translateY(calc(-1 * var(--half-size))) rotateX(90deg);border:1px solid rgba(109,136,233,.85);background:linear-gradient(135deg,#6d88e933,#6d88e966)}.a3d-face-bottom[data-v-4d1d2b0e]{transform:translateY(var(--half-size)) rotateX(-90deg);border:1px solid rgba(109,136,233,.85);background:linear-gradient(135deg,#6d88e933,#6d88e966)}@keyframes a3d-rotate-4d1d2b0e{0%{transform:rotateX(20deg) rotateY(20deg) rotate(0)}25%{transform:rotateX(110deg) rotateY(110deg) rotate(90deg)}50%{transform:rotateX(200deg) rotateY(200deg) rotate(180deg)}75%{transform:rotateX(290deg) rotateY(290deg) rotate(270deg)}to{transform:rotateX(380deg) rotateY(380deg) rotate(360deg)}}.as-usercard[data-v-a12ce8ac]{display:inline-flex}.as-usercard>div[data-v-a12ce8ac]{text-align:center;border:1px solid var(--cu4);color:var(--cu6);border-radius:var(--radius);margin:0 10px;padding:5px 12px;cursor:pointer}.as-usercard>div[data-v-a12ce8ac]:hover{background-color:var(--cu2)}.as-icon[data-v-d9bafe22]{line-height:0;display:inline-block}.as-icon .as-icon-filter[data-v-d9bafe22]{font-style:normal;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}.as-icon .as-icon-filter>img[data-v-d9bafe22]{position:relative;display:inline-block}.as-icon .as-icon-mask[data-v-d9bafe22]{display:inline-block;mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-position:center center;-webkit-mask-position:center center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;vertical-align:middle}.as-floating-menu[data-v-162e1725]{position:fixed;bottom:20px;left:20px;z-index:9999}.as-floating-button[data-v-162e1725]{background-color:var(--cu8);color:var(--cr0);border:none;border-radius:50%;width:40px;height:40px;font-size:var(--sa3);cursor:pointer;transition:background-color .3s ease}.as-floating-button[data-v-162e1725]:hover{background-color:var(--cv8);color:var(--cv0)}.as-floating-menus[data-v-162e1725]{font-size:var(--sa0);background-color:var(--cu8);color:var(--cr0);box-shadow:var(--shadow);border-radius:var(--radius);min-width:200px;max-width:calc(100vw - 120px);max-height:calc(100vh - 120px);list-style-type:none;margin:0;padding:0;position:fixed;bottom:66px;left:0;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;overflow-y:auto}.as-floating-menus.open[data-v-162e1725]{opacity:1;visibility:visible;transform:translateY(0)}.as-floating-menus li[data-v-162e1725]{color:var(--cv0);padding:10px 20px;text-decoration:none;display:block;transition:color .3s ease;cursor:pointer}.as-floating-menus li.module[data-v-162e1725]{background-color:var(--cu6);color:var(--cr0)}.as-floating-menus li.active[data-v-162e1725],.as-floating-menus li[data-v-162e1725]:hover{background-color:var(--cv8);color:var(--cv0)}.as-floating-menus li.active[data-v-162e1725]{font-weight:700}.app-menu-area[data-v-6d15bb32]{display:block;width:100%}.app-menu-area .app-menu[data-v-6d15bb32]{display:inline-flex;align-items:center;justify-content:center;width:100px;height:80px;background-color:beige;margin:3px;cursor:pointer}.virtual-list-container[data-v-b613b7a8]{height:100%;overflow-y:auto;position:relative;contain:layout size;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translateZ(0);backface-visibility:hidden}.virtual-list-wrapper[data-v-b613b7a8]{position:relative;width:100%}.virtual-list-item[data-v-b613b7a8]{position:absolute;left:0;right:0;box-sizing:border-box;will-change:transform}.page-404[data-v-999cd3d9]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background-color:var(--cr0);color:var(--cu6);text-align:center}.page-404 .content[data-v-999cd3d9]{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:600px;padding:20px}.page-404 .content .error-code[data-v-999cd3d9]{font-size:8rem;font-weight:800;line-height:1;margin-bottom:20px;color:var(--cv0);text-shadow:4px 4px 0 var(--cv6)}@media (max-width: 768px){.page-404 .content .error-code[data-v-999cd3d9]{font-size:6rem}}@media (max-width: 480px){.page-404 .content .error-code[data-v-999cd3d9]{font-size:4rem}}.page-404 .content .title[data-v-999cd3d9]{font-size:2rem;font-weight:600;margin-bottom:15px;color:var(--cu8)}@media (max-width: 768px){.page-404 .content .title[data-v-999cd3d9]{font-size:1.75rem}}.page-404 .content .description[data-v-999cd3d9]{font-size:1.1rem;margin-bottom:30px;color:var(--cu6);line-height:1.6}@media (max-width: 768px){.page-404 .content .description[data-v-999cd3d9]{font-size:1rem}}.page-404 .footer[data-v-999cd3d9]{margin-top:auto;padding:20px}
+@charset "UTF-8";.app-area[data-v-bba548d2]{display:flex;flex-direction:column;height:calc(100% - 60px);padding:20px}.app-area .app-menu-area[data-v-bba548d2]{flex-grow:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;padding:20px;align-content:flex-start;overflow-y:auto;max-height:100%;scrollbar-width:thin;scrollbar-color:var(--cv5) var(--cv1)}.app-area .app-menu-area[data-v-bba548d2]::-webkit-scrollbar{width:8px}.app-area .app-menu-area[data-v-bba548d2]::-webkit-scrollbar-track{background:var(--cv1);border-radius:4px}.app-area .app-menu-area[data-v-bba548d2]::-webkit-scrollbar-thumb{background-color:var(--cv5);border-radius:4px}.app-area .app-menu-area .module[data-v-bba548d2]{background:var(--cu6)!important;color:var(--cr0)!important}.app-area .app-menu-area .app-menu[data-v-bba548d2]{display:flex;align-items:center;justify-content:center;min-height:var(--sa1);background:linear-gradient(135deg,var(--cv0) 0%,var(--cv1) 100%);color:var(--cv8);border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a;padding:var(--sa0);position:relative;overflow:hidden}.app-area .app-menu-area .app-menu[data-v-bba548d2]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff1a;opacity:0;transition:opacity .3s ease}.app-area .app-menu-area .app-menu[data-v-bba548d2]:hover{transform:translateY(-5px);box-shadow:0 12px 20px #00000026}.app-area .app-menu-area .app-menu[data-v-bba548d2]:hover:before{opacity:1}.app-area .app-menu-area .app-menu[data-v-bba548d2]:active{transform:translateY(0)}.app-area .app-menu-area .app-menu .menu-text[data-v-bba548d2]{font-size:var(--sa0);font-weight:500;text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:rtl;padding:0 10px}.app-area .app-logo[data-v-bba548d2]{height:auto;padding:20px 10px;display:flex;justify-content:center}.app-area .app-logo img[data-v-bba548d2]{max-width:100%;height:auto}.app-area .app-login[data-v-bba548d2]{height:auto;padding:20px 10px;display:flex;justify-content:flex-end}@media (max-width: 768px){.app-area .app-menu-area[data-v-bba548d2]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;padding:15px}.app-area .app-menu-area .app-menu[data-v-bba548d2]{min-height:70px}.app-area .app-menu-area .app-menu .menu-text[data-v-bba548d2]{font-size:var(--sa0)}}@media (max-width: 480px){.app-area[data-v-bba548d2]{padding:10px}.app-area .app-menu-area[data-v-bba548d2]{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;padding:10px}.app-area .app-menu-area .app-menu[data-v-bba548d2]{min-height:60px;padding:10px}.app-area .app-menu-area .app-menu .menu-text[data-v-bba548d2]{font-size:var(--sa0)}}#asaiwebserver[data-v-7d8d7f46]{width:100%;height:100%;overflow:hidden}#asaiwebservernode[data-v-fc74998b],#asaiwebserveruser[data-v-d2483ecb],#asaiwebserveruseronline[data-v-13dc3fec]{width:100%;height:100vh;overflow:hidden}.as-pagebusy-area[data-v-a9b32b31]{cursor:not-allowed;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh;background-color:#0000001a;position:fixed;inset:0;z-index:var(--v7d9d0622)}.as-pagebusy-area .as-pagebusy-close[data-v-a9b32b31]{position:absolute;right:0;top:0;display:inline-block;width:10px;height:10px;cursor:none}.as-pagebusy-area .as-pagebusy[data-v-a9b32b31]{display:inline-flex;justify-content:center;align-items:center;flex-direction:column;background-color:#ffffff4d;max-width:80%;padding:20px 40px;border-radius:20px;box-shadow:0 8px 24px #0000001a}.a3d-wrapper[data-v-4d1d2b0e]{perspective:1800px;width:calc(var(--cube-size) * 2);height:calc(var(--cube-size) * 2);display:inline-flex;justify-content:center;align-items:center;contain:layout paint;overflow:visible}.a3d[data-v-4d1d2b0e]{width:var(--cube-size);height:var(--cube-size);position:relative;transform-style:preserve-3d;transform-origin:center center;transform:translateZ(0) rotateX(20deg) rotateY(20deg);animation:a3d-rotate-4d1d2b0e 4s linear infinite;will-change:transform;backface-visibility:visible}.a3d-face[data-v-4d1d2b0e]{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;backface-visibility:visible;box-shadow:0 0 10px #0000000d inset}.a3d-face-front[data-v-4d1d2b0e]{transform:translateZ(var(--half-size));border:1px solid rgba(198,67,69,.85);background:linear-gradient(135deg,#c6434533,#c6434566)}.a3d-face-back[data-v-4d1d2b0e]{transform:translateZ(calc(-1 * var(--half-size))) rotateY(180deg);border:1px solid rgba(198,67,69,.85);background:linear-gradient(135deg,#c6434533,#c6434566)}.a3d-face-left[data-v-4d1d2b0e]{transform:translate(calc(-1 * var(--half-size))) rotateY(-90deg);border:1px solid rgba(76,198,72,.85);background:linear-gradient(135deg,#4cc64833,#4cc64866)}.a3d-face-right[data-v-4d1d2b0e]{transform:translate(var(--half-size)) rotateY(90deg);border:1px solid rgba(76,198,72,.85);background:linear-gradient(135deg,#4cc64833,#4cc64866)}.a3d-face-top[data-v-4d1d2b0e]{transform:translateY(calc(-1 * var(--half-size))) rotateX(90deg);border:1px solid rgba(109,136,233,.85);background:linear-gradient(135deg,#6d88e933,#6d88e966)}.a3d-face-bottom[data-v-4d1d2b0e]{transform:translateY(var(--half-size)) rotateX(-90deg);border:1px solid rgba(109,136,233,.85);background:linear-gradient(135deg,#6d88e933,#6d88e966)}@keyframes a3d-rotate-4d1d2b0e{0%{transform:rotateX(20deg) rotateY(20deg) rotate(0)}25%{transform:rotateX(110deg) rotateY(110deg) rotate(90deg)}50%{transform:rotateX(200deg) rotateY(200deg) rotate(180deg)}75%{transform:rotateX(290deg) rotateY(290deg) rotate(270deg)}to{transform:rotateX(380deg) rotateY(380deg) rotate(360deg)}}.as-usercard[data-v-a12ce8ac]{display:inline-flex}.as-usercard>div[data-v-a12ce8ac]{text-align:center;border:1px solid var(--cu4);color:var(--cu6);border-radius:var(--radius);margin:0 10px;padding:5px 12px;cursor:pointer}.as-usercard>div[data-v-a12ce8ac]:hover{background-color:var(--cu2)}.as-icon[data-v-d9bafe22]{line-height:0;display:inline-block}.as-icon .as-icon-filter[data-v-d9bafe22]{font-style:normal;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}.as-icon .as-icon-filter>img[data-v-d9bafe22]{position:relative;display:inline-block}.as-icon .as-icon-mask[data-v-d9bafe22]{display:inline-block;mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-position:center center;-webkit-mask-position:center center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;vertical-align:middle}.as-floating-menu[data-v-162e1725]{position:fixed;bottom:20px;left:20px;z-index:9999}.as-floating-button[data-v-162e1725]{background-color:var(--cu8);color:var(--cr0);border:none;border-radius:50%;width:40px;height:40px;font-size:var(--sa3);cursor:pointer;transition:background-color .3s ease}.as-floating-button[data-v-162e1725]:hover{background-color:var(--cv8);color:var(--cv0)}.as-floating-menus[data-v-162e1725]{font-size:var(--sa0);background-color:var(--cu8);color:var(--cr0);box-shadow:var(--shadow);border-radius:var(--radius);min-width:200px;max-width:calc(100vw - 120px);max-height:calc(100vh - 120px);list-style-type:none;margin:0;padding:0;position:fixed;bottom:66px;left:0;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;overflow-y:auto}.as-floating-menus.open[data-v-162e1725]{opacity:1;visibility:visible;transform:translateY(0)}.as-floating-menus li[data-v-162e1725]{color:var(--cv0);padding:10px 20px;text-decoration:none;display:block;transition:color .3s ease;cursor:pointer}.as-floating-menus li.module[data-v-162e1725]{background-color:var(--cu6);color:var(--cr0)}.as-floating-menus li.active[data-v-162e1725],.as-floating-menus li[data-v-162e1725]:hover{background-color:var(--cv8);color:var(--cv0)}.as-floating-menus li.active[data-v-162e1725]{font-weight:700}.app-menu-area[data-v-6d15bb32]{display:block;width:100%}.app-menu-area .app-menu[data-v-6d15bb32]{display:inline-flex;align-items:center;justify-content:center;width:100px;height:80px;background-color:beige;margin:3px;cursor:pointer}.virtual-list-container[data-v-b613b7a8]{height:100%;overflow-y:auto;position:relative;contain:layout size;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translateZ(0);backface-visibility:hidden}.virtual-list-wrapper[data-v-b613b7a8]{position:relative;width:100%}.virtual-list-item[data-v-b613b7a8]{position:absolute;left:0;right:0;box-sizing:border-box;will-change:transform}.page-404[data-v-999cd3d9]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background-color:var(--cr0);color:var(--cu6);text-align:center}.page-404 .content[data-v-999cd3d9]{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:600px;padding:20px}.page-404 .content .error-code[data-v-999cd3d9]{font-size:8rem;font-weight:800;line-height:1;margin-bottom:20px;color:var(--cv0);text-shadow:4px 4px 0 var(--cv6)}@media (max-width: 768px){.page-404 .content .error-code[data-v-999cd3d9]{font-size:6rem}}@media (max-width: 480px){.page-404 .content .error-code[data-v-999cd3d9]{font-size:4rem}}.page-404 .content .title[data-v-999cd3d9]{font-size:2rem;font-weight:600;margin-bottom:15px;color:var(--cu8)}@media (max-width: 768px){.page-404 .content .title[data-v-999cd3d9]{font-size:1.75rem}}.page-404 .content .description[data-v-999cd3d9]{font-size:1.1rem;margin-bottom:30px;color:var(--cu6);line-height:1.6}@media (max-width: 768px){.page-404 .content .description[data-v-999cd3d9]{font-size:1rem}}.page-404 .footer[data-v-999cd3d9]{margin-top:auto;padding:20px}