@das-fed/ui 6.4.0-hot.21 → 6.4.0-hot.23

package/packages/components/live-player/src/type.d.ts

@@ -1,36 +1,36 @@
-export interface Props {
-  
-  src?: string
-
-  
-  type?: 'flv' | 'mpegts' | 'm2ts'
-
-  
-  config?: any
-
-  
-  fit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'
-
-  
-  loading?: boolean
-
-  
-  loadingText?: string
-
-  
-  error?: boolean
-
-  
-  errorText?: string
-
-  
-  retryTime?: number
-}
-
-export interface Emits {
-  
-  (e: 'loaded', player: any): void
-
-  
-  (e: 'errorClick'): void
-}
+export interface Props {
+  
+  src?: string
+
+  
+  type?: 'flv' | 'mpegts' | 'm2ts'
+
+  
+  config?: any
+
+  
+  fit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'
+
+  
+  loading?: boolean
+
+  
+  loadingText?: string
+
+  
+  error?: boolean
+
+  
+  errorText?: string
+
+  
+  retryTime?: number
+}
+
+export interface Emits {
+  
+  (e: 'loaded', player: any): void
+
+  
+  (e: 'errorClick'): void
+}

package/packages/components/live-player/style.css

@@ -1 +1 @@
-.das-live-player[data-v-007b5151]{height:100%;width:100%;min-width:10px;min-height:10px;position:relative}.das-live-player .video[data-v-007b5151]{width:100%;height:100%;object-fit:fill;background:#000}.das-live-player .error[data-v-007b5151]{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#409eff;font-size:12px;cursor:pointer;background:var(--3f4b64f1)}
+.das-live-player[data-v-8a4cd7c4]{height:100%;width:100%;min-width:10px;min-height:10px;position:relative}.das-live-player .video[data-v-8a4cd7c4]{width:100%;height:100%;object-fit:fill;background:#000}.das-live-player .error[data-v-8a4cd7c4]{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#409eff;font-size:12px;cursor:pointer;background:var(--453e6478)}

package/packages/components/loading/index.js

@@ -1,6 +1,6 @@
 import '@das-fed/ui/packages/components/loading/style.css';
 import { inject as D, ref as I, computed as x, unref as Z, openBlock as N, createElementBlock as V, createStaticVNode as R, createElementVNode as z, reactive as M, defineComponent as Q, h as _, Transition as W, withCtx as X, withDirectives as ee, createVNode as te, vShow as ne, createApp as oe, toRefs as se, nextTick as j, isRef as ae } from "vue";
-import { setThemeRule as ce } from "@das-fed/web/packages/theme/index";
+import { setThemeRule as re } from "@das-fed/web/packages/theme/index";
 /**
 * @vue/shared v3.5.11
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
@@ -11,10 +11,10 @@ process.env.NODE_ENV !== "production" && Object.freeze([]);
 const K = (t) => typeof t == "string", F = (t) => t !== null && typeof t == "object", G = (t) => {
   const e = /* @__PURE__ */ Object.create(null);
   return (n) => e[n] || (e[n] = t(n));
-}, re = /-(\w)/g, le = G(
-  (t) => t.replace(re, (e, n) => n ? n.toUpperCase() : "")
-), de = /\B([A-Z])/g, ie = G(
-  (t) => t.replace(de, "-$1").toLowerCase()
+}, ce = /-(\w)/g, le = G(
+  (t) => t.replace(ce, (e, n) => n ? n.toUpperCase() : "")
+), ie = /\B([A-Z])/g, de = G(
+  (t) => t.replace(ie, "-$1").toLowerCase()
 ), ue = (t) => typeof t == "number";
 var B;
 const A = typeof window < "u";
@@ -29,16 +29,16 @@ const q = (t = "") => t.split(" ").filter((e) => !!e.trim()), E = (t, e) => {
   let n = le(e);
   n === "float" && (n = "cssFloat");
   try {
-    const r = t.style[n];
-    if (r) return r;
+    const c = t.style[n];
+    if (c) return c;
     const a = (o = document.defaultView) == null ? void 0 : o.getComputedStyle(t, "");
     return a ? a[n] : "";
   } catch {
     return t.style[n];
   }
-}, L = "das", ve = "is-", m = (t, e, n, o, r) => {
+}, L = "das", ve = "is-", m = (t, e, n, o, c) => {
   let a = `${t}-${e}`;
-  return n && (a += `-${n}`), o && (a += `__${o}`), r && (a += `--${r}`), a;
+  return n && (a += `-${n}`), o && (a += `__${o}`), c && (a += `--${c}`), a;
 }, fe = Symbol("namespaceContextKey"), me = (t) => {
   const e = t || D(fe, I(L));
   return x(() => Z(e) || L);
@@ -49,27 +49,27 @@ const q = (t = "") => t.split(" ").filter((e) => !!e.trim()), E = (t, e) => {
     b: (s = "") => m(n.value, t, s, "", ""),
     e: (s) => s ? m(n.value, t, "", s, "") : "",
     m: (s) => s ? m(n.value, t, "", "", s) : "",
-    be: (s, c) => s && c ? m(n.value, t, s, c, "") : "",
-    em: (s, c) => s && c ? m(n.value, t, "", s, c) : "",
-    bm: (s, c) => s && c ? m(n.value, t, s, "", c) : "",
-    bem: (s, c, d) => s && c && d ? m(n.value, t, s, c, d) : "",
-    is: (s, ...c) => {
-      const d = c.length >= 1 ? c[0] : !0;
-      return s && d ? `${ve}${s}` : "";
+    be: (s, r) => s && r ? m(n.value, t, s, r, "") : "",
+    em: (s, r) => s && r ? m(n.value, t, "", s, r) : "",
+    bm: (s, r) => s && r ? m(n.value, t, s, "", r) : "",
+    bem: (s, r, i) => s && r && i ? m(n.value, t, s, r, i) : "",
+    is: (s, ...r) => {
+      const i = r.length >= 1 ? r[0] : !0;
+      return s && i ? `${ve}${s}` : "";
     },
     // css
     cssVar: (s) => {
-      const c = {};
-      for (const d in s)
-        s[d] && (c[`--${n.value}-${d}`] = s[d]);
-      return c;
+      const r = {};
+      for (const i in s)
+        s[i] && (r[`--${n.value}-${i}`] = s[i]);
+      return r;
     },
     cssVarName: (s) => `--${n.value}-${s}`,
     cssVarBlock: (s) => {
-      const c = {};
-      for (const d in s)
-        s[d] && (c[`--${n.value}-${t}-${d}`] = s[d]);
-      return c;
+      const r = {};
+      for (const i in s)
+        s[i] && (r[`--${n.value}-${t}-${i}`] = s[i]);
+      return r;
     },
     cssVarBlockName: (s) => `--${n.value}-${t}-${s}`
   };
@@ -98,16 +98,16 @@ function be(t) {
 }
 const k = (t, e) => {
   const n = t.__vccOpts || t;
-  for (const [o, r] of e)
-    n[o] = r;
+  for (const [o, c] of e)
+    n[o] = c;
   return n;
 }, xe = {}, _e = { class: "das-loading-container das-loading-page" };
 function Ce(t, e) {
   return N(), V("div", _e, e[0] || (e[0] = [
-    R('<div class="das-loading-dot-loading" data-v-6f86e018><i class="das-loading-dot-item" data-v-6f86e018></i><i class="das-loading-dot-item" data-v-6f86e018></i><i class="das-loading-dot-item" data-v-6f86e018></i><i class="das-loading-dot-item" data-v-6f86e018></i></div>', 1)
+    R('<div class="das-loading-dot-loading" data-v-8440951a><i class="das-loading-dot-item" data-v-8440951a></i><i class="das-loading-dot-item" data-v-8440951a></i><i class="das-loading-dot-item" data-v-8440951a></i><i class="das-loading-dot-item" data-v-8440951a></i></div>', 1)
   ]));
 }
-const O = /* @__PURE__ */ k(xe, [["render", Ce], ["__scopeId", "data-v-6f86e018"]]), $e = {}, Ie = { class: "das-loading-container das-loading-component" };
+const O = /* @__PURE__ */ k(xe, [["render", Ce], ["__scopeId", "data-v-8440951a"]]), $e = {}, Ie = { class: "das-loading-container das-loading-component" };
 function he(t, e) {
   return N(), V("div", Ie, e[0] || (e[0] = [
     z(
@@ -121,13 +121,13 @@ function he(t, e) {
     )
   ]));
 }
-const Le = /* @__PURE__ */ k($e, [["render", he], ["__scopeId", "data-v-88fde512"]]), we = {}, Ne = { class: "das-loading-container das-loading-containerload" };
+const Le = /* @__PURE__ */ k($e, [["render", he], ["__scopeId", "data-v-b8cb162d"]]), we = {}, Ne = { class: "das-loading-container das-loading-containerload" };
 function Ve(t, e) {
   return N(), V("div", Ne, e[0] || (e[0] = [
-    R('<div class="das-loading-dot-loading" data-v-e851d2c9><i class="das-loading-dot-item" data-v-e851d2c9></i><i class="das-loading-dot-item" data-v-e851d2c9></i><i class="das-loading-dot-item" data-v-e851d2c9></i><i class="das-loading-dot-item" data-v-e851d2c9></i></div>', 1)
+    R('<div class="das-loading-dot-loading" data-v-58e751e4><i class="das-loading-dot-item" data-v-58e751e4></i><i class="das-loading-dot-item" data-v-58e751e4></i><i class="das-loading-dot-item" data-v-58e751e4></i><i class="das-loading-dot-item" data-v-58e751e4></i></div>', 1)
   ]));
 }
-const Ae = /* @__PURE__ */ k(we, [["render", Ve], ["__scopeId", "data-v-e851d2c9"]]);
+const Ae = /* @__PURE__ */ k(we, [["render", Ve], ["__scopeId", "data-v-58e751e4"]]);
 function ke(t) {
   let e;
   const n = I(!1), o = M({
@@ -136,7 +136,7 @@ function ke(t) {
     originalOverflow: "",
     visible: !1
   });
-  function r(l) {
+  function c(l) {
     o.text = l;
   }
   function a() {
@@ -153,9 +153,9 @@ function ke(t) {
   }
   function y() {
     var l;
-    t.beforeClose && !t.beforeClose() || (n.value = !0, clearTimeout(e), e = window.setTimeout(i, 400), o.visible = !1, (l = t.closed) == null || l.call(t));
+    t.beforeClose && !t.beforeClose() || (n.value = !0, clearTimeout(e), e = window.setTimeout(d, 400), o.visible = !1, (l = t.closed) == null || l.call(t));
   }
-  function i() {
+  function d() {
     if (!n.value) return;
     const l = o.parent;
     n.value = !1, l.vLoadingAddClassList = void 0, a();
@@ -168,15 +168,15 @@ function ke(t) {
         ns: v,
         zIndex: s
       }), () => {
-        let c = o.spinner || o.svg || O;
-        const d = o.type;
-        d == "page" && (c = O), d == "container" && (c = Ae), d == "component" && (c = Le);
-        const H = _(c), J = o.text ? _("p", { class: v.b("text") }, [o.text]) : void 0;
+        let r = o.spinner || o.svg || O;
+        const i = o.type;
+        i == "page" && (r = O), i == "container" && (r = Ae), i == "component" && (r = Le);
+        const H = _(r), J = o.text ? _("p", { class: v.b("text") }, [o.text]) : void 0;
         return _(
           W,
           {
             name: v.b("fade"),
-            onAfterLeave: i
+            onAfterLeave: d
           },
           {
             default: X(() => [
@@ -213,10 +213,10 @@ function ke(t) {
   }), h = oe(g), p = h.mount(document.createElement("div"));
   return {
     ...se(o),
-    setText: r,
+    setText: c,
     removeElLoadingChild: u,
     close: y,
-    handleAfterLeave: i,
+    handleAfterLeave: d,
     vm: p,
     get $el() {
       return p.$el;
@@ -232,8 +232,8 @@ const Y = function(t = {}) {
   const n = ke({
     ...e,
     closed: () => {
-      var r;
-      (r = e.closed) == null || r.call(e), e.fullscreen && (C = void 0);
+      var c;
+      (c = e.closed) == null || c.call(e), e.fullscreen && (C = void 0);
     }
   });
   Be(e, e.parent, n), T(e, e.parent, n), e.parent.vLoadingAddClassList = () => T(e, e.parent, n);
@@ -256,30 +256,30 @@ const Y = function(t = {}) {
     target: e
   };
 }, Be = async (t, e, n) => {
-  const { nextZIndex: o } = n.vm.zIndex || n.vm._.exposed.zIndex, r = {};
+  const { nextZIndex: o } = n.vm.zIndex || n.vm._.exposed.zIndex, c = {};
   if (t.fullscreen)
-    n.originalPosition.value = b(document.body, "position"), n.originalOverflow.value = b(document.body, "overflow"), r.zIndex = o();
+    n.originalPosition.value = b(document.body, "position"), n.originalOverflow.value = b(document.body, "overflow"), c.zIndex = o();
   else if (t.parent === document.body) {
     n.originalPosition.value = b(document.body, "position"), await j();
     for (const a of ["top", "left"]) {
       const u = a === "top" ? "scrollTop" : "scrollLeft";
-      r[a] = `${t.target.getBoundingClientRect()[a] + document.body[u] + document.documentElement[u] - Number.parseInt(b(document.body, `margin-${a}`), 10)}px`;
+      c[a] = `${t.target.getBoundingClientRect()[a] + document.body[u] + document.documentElement[u] - Number.parseInt(b(document.body, `margin-${a}`), 10)}px`;
     }
     for (const a of ["height", "width"])
-      r[a] = `${t.target.getBoundingClientRect()[a]}px`;
+      c[a] = `${t.target.getBoundingClientRect()[a]}px`;
   } else
     n.originalPosition.value = b(e, "position");
-  for (const [a, u] of Object.entries(r))
+  for (const [a, u] of Object.entries(c))
     n.$el.style[a] = u;
 }, T = (t, e, n) => {
   const o = n.vm.ns || n.vm._.exposed.ns;
   ["absolute", "fixed", "sticky"].includes(n.originalPosition.value) ? $(e, o.bm("parent", "relative")) : E(e, o.bm("parent", "relative")), t.fullscreen && t.lock ? E(e, o.bm("parent", "hidden")) : $(e, o.bm("parent", "hidden"));
 }, w = Symbol("DasLoading"), P = (t, e) => {
-  const n = e.instance, o = (i) => F(e.value) ? e.value[i] : void 0, r = (i) => {
-    const g = K(i) && (n == null ? void 0 : n[i]) || i;
+  const n = e.instance, o = (d) => F(e.value) ? e.value[d] : void 0, c = (d) => {
+    const g = K(d) && (n == null ? void 0 : n[d]) || d;
     return g && I(g);
-  }, a = (i) => r(
-    o(i) || t.getAttribute(`das-loading-${ie(i)}`)
+  }, a = (d) => c(
+    o(d) || t.getAttribute(`das-loading-${de(d)}`)
   ), u = o("fullscreen") ?? e.modifiers.fullscreen, y = {
     type: a("type"),
     text: a("text"),
@@ -320,7 +320,7 @@ const Y = function(t = {}) {
   "--das-ui-loading-logo-5-color": "#5582f3",
   "--das-ui-loading-logo-6-color": "#ebebeb"
 };
-ce(Se);
+re(Se);
 const De = {
   service: Y
 }, Ze = { name: "loading 加载" };

package/packages/components/loading/src/type.d.ts

@@ -1,42 +1,42 @@
-
-
-import type { MaybeRef } from '@vueuse/core'
-export type LoadingOptionsResolved = {
-  parent: LoadingParentElement
-  
-  background: MaybeRef<string>
-  svg: MaybeRef<string>
-  svgViewBox: MaybeRef<string>
-  
-  spinner: MaybeRef<boolean | string>
-  
-  text: MaybeRef<string>
-  
-  fullscreen: boolean
-  
-  lock: boolean
-  
-  customClass: MaybeRef<string>
-  
-  type: MaybeRef<string>
-  visible: boolean
-  target: HTMLElement
-  beforeClose?: () => boolean
-  closed?: () => void
-}
-export type LoadingOptions = Partial<
-  Omit<LoadingOptionsResolved, 'parent' | 'target'> & {
-    
-    target: HTMLElement | string
-    
-    body: boolean
-  }
->
-
-export interface LoadingParentElement extends HTMLElement {
-  vLoadingAddClassList?: () => void
-}
-
-export interface Props { }
-
-export interface Emits { }
+
+
+import type { MaybeRef } from '@vueuse/core'
+export type LoadingOptionsResolved = {
+  parent: LoadingParentElement
+  
+  background: MaybeRef<string>
+  svg: MaybeRef<string>
+  svgViewBox: MaybeRef<string>
+  
+  spinner: MaybeRef<boolean | string>
+  
+  text: MaybeRef<string>
+  
+  fullscreen: boolean
+  
+  lock: boolean
+  
+  customClass: MaybeRef<string>
+  
+  type: MaybeRef<string>
+  visible: boolean
+  target: HTMLElement
+  beforeClose?: () => boolean
+  closed?: () => void
+}
+export type LoadingOptions = Partial<
+  Omit<LoadingOptionsResolved, 'parent' | 'target'> & {
+    
+    target: HTMLElement | string
+    
+    body: boolean
+  }
+>
+
+export interface LoadingParentElement extends HTMLElement {
+  vLoadingAddClassList?: () => void
+}
+
+export interface Props { }
+
+export interface Emits { }

package/packages/components/loading/style.css

@@ -1 +1 @@
-@keyframes dasLoadingPageLoading-6f86e018{50%{transform:scale(1.25)}to{transform:scale(1)}}.das-loading-container.das-loading-page[data-v-6f86e018]{height:auto;width:auto;display:flex;align-items:center;flex-direction:column;margin:auto}.das-loading-container.das-loading-page .das-loading-dot-loading[data-v-6f86e018]{box-sizing:border-box;padding:4px;width:48px;height:48px;display:flex;align-content:space-between;justify-content:space-between;flex-wrap:wrap;flex-direction:column;margin:auto}.das-loading-container.das-loading-page .das-loading-dot-loading .das-loading-dot-item[data-v-6f86e018]{width:16px;height:16px;background-color:var(--das-ui-loading-logo-1-color);border-radius:50%}.das-loading-container.das-loading-page .das-loading-dot-loading .das-loading-dot-item[data-v-6f86e018]:nth-child(odd){animation:dasLoadingPageLoading-6f86e018 1s .3s ease-in-out infinite}.das-loading-container.das-loading-page .das-loading-dot-loading .das-loading-dot-item[data-v-6f86e018]:nth-child(2n+2){background-color:var(--das-ui-loading-logo-2-color);animation:dasLoadingPageLoading-6f86e018 1s .2s ease-in-out infinite}.das-loading-container.das-loading-page .das-loading-dot-loading .das-loading-dot-item[data-v-6f86e018]:nth-child(2n+3){background-color:var(--das-ui-loading-logo-3-color);animation:dasLoadingPageLoading-6f86e018 1s .1s ease-in-out infinite}.das-loading-container.das-loading-page .das-loading-dot-loading .das-loading-dot-item[data-v-6f86e018]:nth-child(2n+4){background-color:var(--das-ui-loading-logo-4-color);animation:dasLoadingPageLoading-6f86e018 1s ease-in-out infinite}@keyframes dasLoadingComponentRotate-88fde512{0%{transform:rotate(-45deg)}to{transform:rotate(315deg)}}.das-loading-container.das-loading-component[data-v-88fde512]{height:auto;width:auto;display:flex;align-items:center;flex-direction:column;margin:auto}.das-loading-container.das-loading-component .das-loading-dot-loading[data-v-88fde512]{width:24px;height:24px;border:2px solid var(--das-ui-loading-logo-6-color);position:relative;border-radius:50%;box-sizing:border-box}.das-loading-container.das-loading-component .das-loading-dot-loading .das-loading-dot-item[data-v-88fde512]{box-sizing:border-box;width:24px;height:24px;border:2px solid transparent;border-right-color:var(--das-ui-loading-logo-5-color);border-radius:50%;position:absolute;top:-2px;left:-2px;transform:rotate(-45deg);animation:dasLoadingComponentRotate-88fde512 1s linear infinite}@keyframes dasLoadingContainerLoading-e851d2c9{50%{transform:translateY(-10px)}to{transform:translateY(0)}}.das-loading-container.das-loading-containerload[data-v-e851d2c9]{height:auto;width:auto;display:flex;align-items:center;flex-direction:column;margin:auto}.das-loading-container.das-loading-containerload .das-loading-dot-loading[data-v-e851d2c9]{width:35px;height:15px;display:flex;justify-content:space-between;align-items:flex-end}.das-loading-container.das-loading-containerload .das-loading-dot-loading .das-loading-dot-item[data-v-e851d2c9]{width:5px;height:5px;background-color:var(--das-ui-loading-logo-1-color);border-radius:50%}.das-loading-container.das-loading-containerload .das-loading-dot-loading .das-loading-dot-item[data-v-e851d2c9]:nth-child(odd){animation:dasLoadingContainerLoading-e851d2c9 1s .6s ease-in-out infinite}.das-loading-container.das-loading-containerload .das-loading-dot-loading .das-loading-dot-item[data-v-e851d2c9]:nth-child(2n+2){background-color:var(--das-ui-loading-logo-2-color);animation:dasLoadingContainerLoading-e851d2c9 1s .45s ease-in-out infinite}.das-loading-container.das-loading-containerload .das-loading-dot-loading .das-loading-dot-item[data-v-e851d2c9]:nth-child(2n+3){background-color:var(--das-ui-loading-logo-3-color);animation:dasLoadingContainerLoading-e851d2c9 1s .15s ease-in-out infinite}.das-loading-container.das-loading-containerload .das-loading-dot-loading .das-loading-dot-item[data-v-e851d2c9]:nth-child(2n+4){background-color:var(--das-ui-loading-logo-4-color);animation:dasLoadingContainerLoading-e851d2c9 1s ease-in-out infinite}.das-loading-parent--relative{position:relative}.das-loading-parent--hidden{overflow:hidden!important}.das-loading-mask{position:absolute;z-index:2000;margin:0;top:0;right:0;bottom:0;left:0;background-color:#ffffffb3;transition:opacity .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.das-loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center}.das-loading-spinner .das-loading-text{color:#212121;font-size:14px;line-height:21px;margin-top:6px}
+@keyframes dasLoadingPageLoading-8440951a{50%{transform:scale(1.25)}to{transform:scale(1)}}.das-loading-container.das-loading-page[data-v-8440951a]{height:auto;width:auto;display:flex;align-items:center;flex-direction:column;margin:auto}.das-loading-container.das-loading-page .das-loading-dot-loading[data-v-8440951a]{box-sizing:border-box;padding:4px;width:48px;height:48px;display:flex;align-content:space-between;justify-content:space-between;flex-wrap:wrap;flex-direction:column;margin:auto}.das-loading-container.das-loading-page .das-loading-dot-loading .das-loading-dot-item[data-v-8440951a]{width:16px;height:16px;background-color:var(--das-ui-loading-logo-1-color);border-radius:50%}.das-loading-container.das-loading-page .das-loading-dot-loading .das-loading-dot-item[data-v-8440951a]:nth-child(odd){animation:dasLoadingPageLoading-8440951a 1s .3s ease-in-out infinite}.das-loading-container.das-loading-page .das-loading-dot-loading .das-loading-dot-item[data-v-8440951a]:nth-child(2n+2){background-color:var(--das-ui-loading-logo-2-color);animation:dasLoadingPageLoading-8440951a 1s .2s ease-in-out infinite}.das-loading-container.das-loading-page .das-loading-dot-loading .das-loading-dot-item[data-v-8440951a]:nth-child(2n+3){background-color:var(--das-ui-loading-logo-3-color);animation:dasLoadingPageLoading-8440951a 1s .1s ease-in-out infinite}.das-loading-container.das-loading-page .das-loading-dot-loading .das-loading-dot-item[data-v-8440951a]:nth-child(2n+4){background-color:var(--das-ui-loading-logo-4-color);animation:dasLoadingPageLoading-8440951a 1s ease-in-out infinite}@keyframes dasLoadingComponentRotate-b8cb162d{0%{transform:rotate(-45deg)}to{transform:rotate(315deg)}}.das-loading-container.das-loading-component[data-v-b8cb162d]{height:auto;width:auto;display:flex;align-items:center;flex-direction:column;margin:auto}.das-loading-container.das-loading-component .das-loading-dot-loading[data-v-b8cb162d]{width:24px;height:24px;border:2px solid var(--das-ui-loading-logo-6-color);position:relative;border-radius:50%;box-sizing:border-box}.das-loading-container.das-loading-component .das-loading-dot-loading .das-loading-dot-item[data-v-b8cb162d]{box-sizing:border-box;width:24px;height:24px;border:2px solid transparent;border-right-color:var(--das-ui-loading-logo-5-color);border-radius:50%;position:absolute;top:-2px;left:-2px;transform:rotate(-45deg);animation:dasLoadingComponentRotate-b8cb162d 1s linear infinite}@keyframes dasLoadingContainerLoading-58e751e4{50%{transform:translateY(-10px)}to{transform:translateY(0)}}.das-loading-container.das-loading-containerload[data-v-58e751e4]{height:auto;width:auto;display:flex;align-items:center;flex-direction:column;margin:auto}.das-loading-container.das-loading-containerload .das-loading-dot-loading[data-v-58e751e4]{width:35px;height:15px;display:flex;justify-content:space-between;align-items:flex-end}.das-loading-container.das-loading-containerload .das-loading-dot-loading .das-loading-dot-item[data-v-58e751e4]{width:5px;height:5px;background-color:var(--das-ui-loading-logo-1-color);border-radius:50%}.das-loading-container.das-loading-containerload .das-loading-dot-loading .das-loading-dot-item[data-v-58e751e4]:nth-child(odd){animation:dasLoadingContainerLoading-58e751e4 1s .6s ease-in-out infinite}.das-loading-container.das-loading-containerload .das-loading-dot-loading .das-loading-dot-item[data-v-58e751e4]:nth-child(2n+2){background-color:var(--das-ui-loading-logo-2-color);animation:dasLoadingContainerLoading-58e751e4 1s .45s ease-in-out infinite}.das-loading-container.das-loading-containerload .das-loading-dot-loading .das-loading-dot-item[data-v-58e751e4]:nth-child(2n+3){background-color:var(--das-ui-loading-logo-3-color);animation:dasLoadingContainerLoading-58e751e4 1s .15s ease-in-out infinite}.das-loading-container.das-loading-containerload .das-loading-dot-loading .das-loading-dot-item[data-v-58e751e4]:nth-child(2n+4){background-color:var(--das-ui-loading-logo-4-color);animation:dasLoadingContainerLoading-58e751e4 1s ease-in-out infinite}.das-loading-parent--relative{position:relative}.das-loading-parent--hidden{overflow:hidden!important}.das-loading-mask{position:absolute;z-index:2000;margin:0;top:0;right:0;bottom:0;left:0;background-color:#ffffffb3;transition:opacity .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.das-loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center}.das-loading-spinner .das-loading-text{color:#212121;font-size:14px;line-height:21px;margin-top:6px}