@das-fed/web 6.4.0-hot.36 → 6.4.0-hot.38

package/packages/micro-frontend/index.js

@@ -1,7 +1,7 @@
 import '@das-fed/web/packages/micro-frontend/style.css';
-import { ref as w, watch as M, reactive as T, getCurrentScope as ue, onScopeDispose as de, unref as I, getCurrentInstance as pe, onMounted as me, nextTick as ne, defineComponent as x, computed as N, openBlock as E, createElementBlock as D, Fragment as z, renderList as fe, withDirectives as ve, createBlock as se, vShow as he, createCommentVNode as Ae, mergeProps as we, withCtx as C, renderSlot as V, createVNode as O, onActivated as ge } from "vue";
-import { DasWebLayout as ye, DasWebNav as Me, DasWebMenu as Le, DasWebTabs as _e } from "@das-fed/web/packages/layout/index";
-const W = w("/das-micro-app"), f = w([]), k = w(!1), F = w([]), R = w(!0);
+import { ref as w, watch as M, reactive as P, getCurrentScope as ue, onScopeDispose as de, getCurrentInstance as pe, onMounted as me, nextTick as ne, unref as I, defineComponent as x, computed as N, createElementBlock as D, openBlock as E, Fragment as $, renderList as fe, withDirectives as ve, createCommentVNode as he, createBlock as se, vShow as Ae, mergeProps as we, withCtx as T, createVNode as C, renderSlot as V, onActivated as ge } from "vue";
+import { DasWebLayout as ye, DasWebTabs as Me, DasWebMenu as Le, DasWebNav as _e } from "@das-fed/web/packages/layout/index";
+const z = w("/das-micro-app"), f = w([]), k = w(!1), O = w([]), F = w(!0);
 let v = null, h = null, _ = null;
 const be = (e) => new Promise((t) => {
   const n = () => {
@@ -189,7 +189,7 @@ const be = (e) => new Promise((t) => {
   setMainAppLayoutVisible: (e) => {
     q("layoutVisible", { visible: e });
   }
-}, l = T({
+}, u = P({
   visible: !1,
   theme: "default",
   logo: "",
@@ -201,54 +201,54 @@ const be = (e) => new Promise((t) => {
   // activeItem: '',
   // activeProject: {},
   eventListeners: {}
-}), j = {
+}), W = {
   show: () => {
-    l.visible = !0;
+    u.visible = !0;
   },
   hide: () => {
-    l.visible = !1;
+    u.visible = !1;
   },
   setLogo: (e) => {
-    l.logo = e;
+    u.logo = e;
   },
   setTheme: (e) => {
-    l.theme = e;
+    u.theme = e;
   },
   setItems: (e) => {
-    l.visible || (l.visible = !0), l.items = e;
+    u.visible || (u.visible = !0), u.items = e;
   },
-  getItems: () => l.items,
+  getItems: () => u.items,
   removeItem: (e) => {
-    const t = l.items.filter((n) => n.value !== e);
-    l.items = t;
+    const t = u.items.filter((n) => n.value !== e);
+    u.items = t;
   },
   appendItem: (e) => {
-    l.visible || (l.visible = !0), !l.items.find((n) => n.value == e.value) && l.items.push(e);
+    u.visible || (u.visible = !0), !u.items.find((n) => n.value == e.value) && u.items.push(e);
   },
   setActiveItem: (e) => {
-    l.activeItem = e;
+    u.activeItem = e;
   },
   setConfig: (e) => {
-    l.config = e;
+    u.config = e;
   },
   setProjects: (e) => {
-    l.projects = e;
+    u.projects = e;
   },
   setProjectConfig: (e) => {
-    l.projectConfig = e;
+    u.projectConfig = e;
   },
   setActiveProject: (e) => {
-    l.activeProject = e;
+    u.activeProject = e;
   },
   setUserInfo: (e) => {
-    l.userInfo = e;
+    u.userInfo = e;
   },
   setSearchConfig: (e) => {
-    l.searchConfig = e;
+    u.searchConfig = e;
   },
   triggerEventListener: (e, t, n) => {
     var i;
-    const s = l.eventListeners, { autoRemove: c = !1 } = n || {}, a = [];
+    const s = u.eventListeners, { autoRemove: c = !1 } = n || {}, a = [];
     for (const r in s) {
       const o = s[r];
       o.type === e && a.push(
@@ -261,9 +261,9 @@ const be = (e) => new Promise((t) => {
   },
   addEventListener: (e, t) => {
     const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), s = () => {
-      l.eventListeners[n] && delete l.eventListeners[n];
+      u.eventListeners[n] && delete u.eventListeners[n];
     };
-    return l.eventListeners[n] = {
+    return u.eventListeners[n] = {
       type: e,
       handler: async (c) => {
         try {
@@ -277,12 +277,12 @@ const be = (e) => new Promise((t) => {
       remove: s
     };
   }
-}, g = T({
+}, g = P({
   theme: "default",
   items: [],
   collapse: !1,
   eventListeners: {}
-}), H = {
+}), j = {
   setItems: (e) => {
     g.items = e;
   },
@@ -330,11 +330,11 @@ const be = (e) => new Promise((t) => {
       remove: s
     };
   }
-}, A = T({
+}, A = P({
   theme: "default",
   items: [],
   eventListeners: {}
-}), U = {
+}), H = {
   setItems: (e) => {
     A.items = e;
   },
@@ -384,12 +384,12 @@ const be = (e) => new Promise((t) => {
       remove: s
     };
   }
-}, P = T({
+}, R = P({
   eventListeners: {}
 }), Ce = {
   triggerEventListener: (e, t, n) => {
     var i;
-    const s = P.eventListeners, { autoRemove: c = !1 } = n || {}, a = [];
+    const s = R.eventListeners, { autoRemove: c = !1 } = n || {}, a = [];
     for (const r in s) {
       const o = s[r];
       o.type === e && a.push(
@@ -402,9 +402,9 @@ const be = (e) => new Promise((t) => {
   },
   addEventListener: (e, t) => {
     const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), s = () => {
-      P.eventListeners[n] && delete P.eventListeners[n];
+      R.eventListeners[n] && delete R.eventListeners[n];
     };
-    return P.eventListeners[n] = {
+    return R.eventListeners[n] = {
       type: e,
       handler: async (c) => {
         try {
@@ -418,29 +418,24 @@ const be = (e) => new Promise((t) => {
       remove: s
     };
   }
-}, B = T({
+}, U = P({
   visible: !1,
   style: {}
 }), Oe = {
   set: (e, t) => {
-    B.visible = e, t || (t = {}), t.transition || (t.transition = "all 0.3s"), t && (B.style = t);
+    U.visible = e, t || (t = {}), t.transition || (t.transition = "all 0.3s"), t && (U.style = t);
   }
 }, Fe = {
-  nav: l,
-  menu: g,
-  tab: A,
-  overlay: B,
-  iframeView: P,
   visible: w(!0)
 }, G = {
-  nav: j,
-  menu: H,
-  tab: U,
+  nav: W,
+  menu: j,
+  tab: H,
   overlay: Oe,
   iframeView: Ce,
   setVisible: (e) => Fe.visible.value = e,
   setTheme: (e) => {
-    j.setTheme(e), H.setTheme(e), U.setTheme(e);
+    W.setTheme(e), j.setTheme(e), H.setTheme(e);
   }
 }, re = (e, t) => {
   const n = e.__vccOpts || e;
@@ -449,9 +444,9 @@ const be = (e) => new Promise((t) => {
   return n;
 };
 var J;
-const $ = typeof window < "u", Re = (e) => typeof e == "string", Ne = () => {
+const B = typeof window < "u", Re = (e) => typeof e == "string", Ne = () => {
 };
-$ && ((J = window == null ? void 0 : window.navigator) != null && J.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+B && ((J = window == null ? void 0 : window.navigator) != null && J.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 function ae(e) {
   return typeof e == "function" ? e() : I(e);
 }
@@ -469,16 +464,16 @@ function oe(e) {
   const n = ae(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
-const xe = $ ? window : void 0, Ve = $ ? window.document : void 0;
+const xe = B ? window : void 0, Ve = B ? window.document : void 0;
 function qe(...e) {
   let t, n, s, c;
   if (Re(e[0]) || Array.isArray(e[0]) ? ([n, s, c] = e, t = xe) : [t, n, s, c] = e, !t)
     return Ne;
   Array.isArray(n) || (n = [n]), Array.isArray(s) || (s = [s]);
   const a = [], i = () => {
-    a.forEach((u) => u()), a.length = 0;
-  }, r = (u, y, m, L) => (u.addEventListener(y, m, L), () => u.removeEventListener(y, m, L)), o = M(() => [oe(t), ae(c)], ([u, y]) => {
-    i(), u && a.push(...n.flatMap((m) => s.map((L) => r(u, m, L, y))));
+    a.forEach((l) => l()), a.length = 0;
+  }, r = (l, y, m, L) => (l.addEventListener(y, m, L), () => l.removeEventListener(y, m, L)), o = M(() => [oe(t), ae(c)], ([l, y]) => {
+    i(), l && a.push(...n.flatMap((m) => s.map((L) => r(l, m, L, y))));
   }, { immediate: !0, flush: "post" }), p = () => {
     o(), i();
   };
@@ -543,9 +538,9 @@ function Be(e, t = {}) {
     } else
       return !1;
     return !1;
-  }), [o, p, u, , y] = i;
+  }), [o, p, l, , y] = i;
   async function m() {
-    r.value && (n != null && n[u] && await n[p](), a.value = !1);
+    r.value && (n != null && n[l] && await n[p](), a.value = !1);
   }
   async function L() {
     if (!r.value)
@@ -558,7 +553,7 @@ function Be(e, t = {}) {
     a.value ? await m() : await L();
   }
   return n && qe(n, y, () => {
-    a.value = !!(n != null && n[u]);
+    a.value = !!(n != null && n[l]);
   }, !1), s && ie(m), {
     isSupported: r,
     isFullscreen: a,
@@ -648,40 +643,58 @@ const Ue = ["src", "entry", "name"], Ge = /* @__PURE__ */ x({
         entry: r.entry,
         name: r.name
       });
-      const { dom: p, ...u } = r;
-      d.triggerMicroAppLifeCycleListener("onLoaded", u), new ResizeObserver(() => {
+      const { dom: p, ...l } = r;
+      d.triggerMicroAppLifeCycleListener("onLoaded", l), new ResizeObserver(() => {
         d.sendMessageToMicroApp(i, "resize", o());
       }).observe(t.value), d.sendMessageToMicroApp(i, "setProxyMessageStatus", { visible: !0, parentHref: location.href }), d.sendMessageToMicroApp(i, "setProxSsoStatus", { visible: !0, parentHref: location.href });
     }, s = (a, i) => {
-      const r = f.value.find((u) => u.name === i);
+      const r = f.value.find((l) => l.name === i);
       if (!r) return;
       const { dom: o, ...p } = r;
       d.sendMessageToMicroApp(i, "onActivated"), d.triggerMicroAppLifeCycleListener("onActivated", p);
     }, c = (a, i) => {
-      const r = f.value.find((u) => u.name === i);
+      const r = f.value.find((l) => l.name === i);
       if (!r) return;
       const { dom: o, ...p } = r;
       d.sendMessageToMicroApp(i, "onDeactivated"), d.triggerMicroAppLifeCycleListener("onDeactivated", p);
     };
-    return (a, i) => (E(), D("div", {
-      ref_key: "containerRef",
-      ref: t,
-      class: "das-micro-app-container"
-    }, [
-      (E(!0), D(z, null, fe(I(f), (r) => (E(), D(z, null, [
-        r.loaded ? ve((E(), se(Je, {
-          key: 0,
-          src: r.src || "",
-          name: r.name,
-          actived: r.actived,
-          onOnLoaded: (o) => n(o, r.name),
-          onOnActivated: (o) => s(o, r.name),
-          onOnDeactivated: (o) => c(o, r.name)
-        }, null, 8, ["src", "name", "actived", "onOnLoaded", "onOnActivated", "onOnDeactivated"])), [
-          [he, r.actived]
-        ]) : Ae("", !0)
-      ], 64))), 256))
-    ], 512));
+    return (a, i) => (E(), D(
+      "div",
+      {
+        ref_key: "containerRef",
+        ref: t,
+        class: "das-micro-app-container"
+      },
+      [
+        (E(!0), D(
+          $,
+          null,
+          fe(I(f), (r) => (E(), D(
+            $,
+            null,
+            [
+              r.loaded ? ve((E(), se(Je, {
+                key: 0,
+                src: r.src || "",
+                name: r.name,
+                actived: r.actived,
+                onOnLoaded: (o) => n(o, r.name),
+                onOnActivated: (o) => s(o, r.name),
+                onOnDeactivated: (o) => c(o, r.name)
+              }, null, 8, ["src", "name", "actived", "onOnLoaded", "onOnActivated", "onOnDeactivated"])), [
+                [Ae, r.actived]
+              ]) : he("v-if", !0)
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          ))),
+          256
+          /* UNKEYED_FRAGMENT */
+        ))
+      ],
+      512
+      /* NEED_PATCH */
+    ));
   }
 }), Xe = /* @__PURE__ */ re(Ke, [["__scopeId", "data-v-3abdb1e9"]]), tt = /* @__PURE__ */ x({
   __name: "das-main-app-layout",
@@ -705,25 +718,26 @@ const Ue = ["src", "entry", "name"], Ge = /* @__PURE__ */ x({
       "transition-config": s.value,
       "router-view-visible": n.value
     }, c.value), {
-      header: C(() => [
+      header: T(() => [
         V(a.$slots, "header", {}, () => [
-          O(I(Me))
+          C(I(_e))
         ])
       ]),
-      aside: C(() => [
+      aside: T(() => [
         V(a.$slots, "aside", {}, () => [
-          O(I(Le), { menuAttr: a.menuAttr }, null, 8, ["menuAttr"])
+          C(I(Le), { menuAttr: a.menuAttr }, null, 8, ["menuAttr"])
         ])
       ]),
-      tab: C(() => [
+      tab: T(() => [
         V(a.$slots, "tab", {}, () => [
-          O(I(_e), { tabsAttr: a.tabsAttr }, null, 8, ["tabsAttr"])
+          C(I(Me), { tabsAttr: a.tabsAttr }, null, 8, ["tabsAttr"])
         ])
       ]),
-      default: C(() => [
-        O(Xe)
+      default: T(() => [
+        C(Xe)
       ]),
       _: 3
+      /* FORWARDED */
     }, 16, ["transition-config", "router-view-visible"]));
   }
 }), ce = /* @__PURE__ */ x({
@@ -737,9 +751,9 @@ const Ue = ["src", "entry", "name"], Ge = /* @__PURE__ */ x({
   }
 }), Ye = (e) => ["http://", "https://", "ws://", "wss://", "/"].find((n) => e.startsWith(n)) ? e : `/${e}`, nt = (e, t) => {
   if (!(e != null && e.microApps) || !Array.isArray(e.microApps)) return;
-  window.__IN_DAS_MAIN_APP = !0, e != null && e.microAppRouterPrefix && (W.value = e.microAppRouterPrefix), f.value = (e.microApps || []).filter((c) => !!c.name).map((c) => ({ ...c, entry: Ye(c.entry || c.name) })), t == null || t.addRoute({
+  window.__IN_DAS_MAIN_APP = !0, e != null && e.microAppRouterPrefix && (z.value = e.microAppRouterPrefix), f.value = (e.microApps || []).filter((c) => !!c.name).map((c) => ({ ...c, entry: Ye(c.entry || c.name) })), t == null || t.addRoute({
     name: "das-micro-app",
-    path: `${W.value}/:pathMatch(.*)*`,
+    path: `${z.value}/:pathMatch(.*)*`,
     component: ce,
     meta: { isMicroApp: !0, keepAlive: !0 }
   }), d.addEventListenerFromMicroApp("bodyOverlay", (c) => {
@@ -782,7 +796,7 @@ const Ue = ["src", "entry", "name"], Ge = /* @__PURE__ */ x({
         c.value = !1;
         return;
       }
-      const { path: r, query: o, params: p, meta: u } = i;
+      const { path: r, query: o, params: p, meta: l } = i;
       if (a.value.includes(i.path)) {
         a.value = "";
         return;
@@ -793,36 +807,36 @@ const Ue = ["src", "entry", "name"], Ge = /* @__PURE__ */ x({
           path: r,
           query: { ...o, microAppName: e.microAppName },
           params: p,
-          meta: u
+          meta: l
         }
       });
     }
   ), d.addEventListenerFromMainApp("router", async (i) => {
-    var u;
+    var l;
     const { cmd: r, route: o, microAppName: p = "" } = i.data;
-    a.value = ("/" + p + o.path).replace(/\/\//g, "/"), (u = t == null ? void 0 : t[r]) == null || u.call(t, o);
+    a.value = ("/" + p + o.path).replace(/\/\//g, "/"), (l = t == null ? void 0 : t[r]) == null || l.call(t, o);
   }), d.addEventListenerFromMainApp("onLoaded", (i) => {
     const { href: r, microAppContainerRect: o } = i.data;
     window.__IN_DAS_MICRO_APP = !0, window.__DAS_MICRO_APP_NAME = e.microAppName, window.__DAS_MAIN_APP_HREF = r, window.__DAS_MICRO_APP_CONTAINER_RECT = o;
   }), d.addEventListenerFromMainApp("onDeactivated", (i) => {
-    const { name: r = "", path: o, params: p = {}, query: u = {} } = t.currentRoute.value;
+    const { name: r = "", path: o, params: p = {}, query: l = {} } = t.currentRoute.value;
     c.value = !0, t == null || t.push({
       name: n,
-      query: { microAppName: e.microAppName, fromQuery: JSON.stringify(u), fromPath: o },
+      query: { microAppName: e.microAppName, fromQuery: JSON.stringify(l), fromPath: o },
       params: p
     });
   }), d.addEventListenerFromMainApp("onActivated", (i) => {
-    const { name: r = "", params: o = {}, query: p = {} } = t.currentRoute.value, { fromPath: u = "", fromQuery: y = "{}" } = p || {};
-    s.value = !0, t == null || t.push({ path: u, query: JSON.parse(y), params: o });
+    const { name: r = "", params: o = {}, query: p = {} } = t.currentRoute.value, { fromPath: l = "", fromQuery: y = "{}" } = p || {};
+    s.value = !0, t == null || t.push({ path: l, query: JSON.parse(y), params: o });
   }), d.addEventListenerFromMainApp("sessionStorage", (i) => {
     const { cmd: r, key: o, value: p } = i.data;
     r === "setItem" && window.sessionStorage.setItem(o, p), r === "getItem" && window.sessionStorage.getItem(o), r === "removeItem" && window.sessionStorage.removeItem(o), r === "clear" && window.sessionStorage.clear();
   }), d.addEventListenerFromMainApp("route", (i) => {
     const { cmd: r, path: o } = i.data;
-    r === "reload" && (F.value.push(o), R.value = !1, setTimeout(() => {
-      R.value = !0, F.value = [];
-    }, 300)), r === "unload" && (F.value.push(o), R.value = !1, setTimeout(() => {
-      R.value = !0, F.value = [];
+    r === "reload" && (O.value.push(o), F.value = !1, setTimeout(() => {
+      F.value = !0, O.value = [];
+    }, 300)), r === "unload" && (O.value.push(o), F.value = !1, setTimeout(() => {
+      F.value = !0, O.value = [];
     }, 100));
   });
 };

package/packages/style/style.css

@@ -1 +1 @@
-@charset "UTF-8";*,:before,:after{border-width:0;border-style:solid;border-color:currentColor}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;height:100%;overflow:auto}body{height:100%;margin:0;line-height:inherit;word-break:normal!important;word-wrap:normal!important;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif}#app{width:100%;height:100%}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0!important;padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}.dark{color-scheme:dark}label{font-weight:700}*,*:before,*:after{box-sizing:inherit}a:focus,a:active{outline:none}a,a:focus,a:hover{cursor:pointer;color:inherit;text-decoration:none}div:focus{outline:none}*::-webkit-scrollbar-track,*::-webkit-scrollbar-corner{background:transparent}*::-webkit-scrollbar{width:calc(var(--das-ui-scrollbar-thumb-size) + var(--das-ui-scrollbar-padding) * 2);height:calc(var(--das-ui-scrollbar-thumb-size) + var(--das-ui-scrollbar-padding) * 2);background-color:transparent}*::-webkit-scrollbar-thumb{border-radius:calc(var(--das-ui-scrollbar-thumb-size) + var(--das-ui-scrollbar-padding) * 2);border:var(--das-ui-scrollbar-padding) solid transparent;transition:border .15s;background-clip:content-box;background-color:var(--das-ui-scrollbar-thumb-color);cursor:pointer}*::-webkit-scrollbar-thumb:hover{border-left:none;border-right:none;background-color:var(--das-ui-scrollbar-thumb-hover-color)}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.flex-center__y{display:flex;align-items:center}.is-hide{display:none!important}.overflow-hide{overflow:hidden!important}.overflow-visible{overflow:visible!important}.text-break{word-break:break-all}
+@charset "UTF-8";*,:before,:after{border-width:0;border-style:solid;border-color:currentColor}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;height:100%;overflow:auto}body{height:100%;margin:0;line-height:inherit;word-break:normal!important;word-wrap:normal!important;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Microsoft YaHei,微软雅黑,San Francisco,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif}#app{width:100%;height:100%}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0!important;padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,canvas,iframe,embed,object{display:block}audio{display:inline-block}img{max-width:100%;height:auto}[hidden]{display:none}.dark{color-scheme:dark}label{font-weight:700}*,*:before,*:after{box-sizing:inherit}a:focus,a:active{outline:none}a,a:focus,a:hover{cursor:pointer;color:inherit;text-decoration:none}div:focus{outline:none}*::-webkit-scrollbar-track,*::-webkit-scrollbar-corner{background:transparent}*::-webkit-scrollbar{width:calc(var(--das-ui-scrollbar-thumb-size) + var(--das-ui-scrollbar-padding) * 2);height:calc(var(--das-ui-scrollbar-thumb-size) + var(--das-ui-scrollbar-padding) * 2);background-color:transparent}*::-webkit-scrollbar-thumb{border-radius:calc(var(--das-ui-scrollbar-thumb-size) + var(--das-ui-scrollbar-padding) * 2);border:var(--das-ui-scrollbar-padding) solid transparent;transition:border .15s;background-clip:content-box;background-color:var(--das-ui-scrollbar-thumb-color);cursor:pointer}*::-webkit-scrollbar-thumb:hover{border-left:none;border-right:none;background-color:var(--das-ui-scrollbar-thumb-hover-color)}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.flex-center__y{display:flex;align-items:center}.is-hide{display:none!important}.overflow-hide{overflow:hidden!important}.overflow-visible{overflow:visible!important}.text-break{word-break:break-all}