@das-fed/ui 6.4.0-dev.72 → 6.4.0-dev.74

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-70d5eba5]{height:100%;width:100%;min-width:10px;min-height:10px;position:relative}.das-live-player .video[data-v-70d5eba5]{width:100%;height:100%;object-fit:fill;background:#000}.das-live-player .error[data-v-70d5eba5]{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(--600c0879)}
+.das-live-player[data-v-b40ff655]{height:100%;width:100%;min-width:10px;min-height:10px;position:relative}.das-live-player .video[data-v-b40ff655]{width:100%;height:100%;object-fit:fill;background:#000}.das-live-player .error[data-v-b40ff655]{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(--15341a5c)}

package/packages/components/loading/index.js

@@ -12,11 +12,11 @@ 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));
-}, de = /-(\w)/g, ie = G(
-  (t) => t.replace(de, (e, n) => n ? n.toUpperCase() : "")
-), ue = /\B([A-Z])/g, fe = G(
+}, ie = /-(\w)/g, de = G(
+  (t) => t.replace(ie, (e, n) => n ? n.toUpperCase() : "")
+), ue = /\B([A-Z])/g, ve = G(
   (t) => t.replace(ue, "-$1").toLowerCase()
-), ve = (t) => typeof t == "number";
+), me = (t) => typeof t == "number";
 var B;
 const A = typeof window < "u";
 A && ((B = window == null ? void 0 : window.navigator) != null && B.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
@@ -27,7 +27,7 @@ const q = (t = "") => t.split(" ").filter((e) => !!e.trim()), E = (t, e) => {
 }, b = (t, e) => {
   var o;
   if (!A || !t || !e) return "";
-  let n = ie(e);
+  let n = de(e);
   n === "float" && (n = "cssFloat");
   try {
     const c = t.style[n];
@@ -37,7 +37,7 @@ const q = (t = "") => t.split(" ").filter((e) => !!e.trim()), E = (t, e) => {
   } catch {
     return t.style[n];
   }
-}, L = "das", me = "is-", m = (t, e, n, o, c) => {
+}, L = "das", fe = "is-", f = (t, e, n, o, c) => {
   let a = `${t}-${e}`;
   return n && (a += `-${n}`), o && (a += `__${o}`), c && (a += `--${c}`), a;
 }, ge = Symbol("namespaceContextKey"), pe = (t) => {
@@ -47,29 +47,29 @@ const q = (t = "") => t.split(" ").filter((e) => !!e.trim()), E = (t, e) => {
   const n = pe(e);
   return {
     namespace: n,
-    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, 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, d) => s && r && d ? m(n.value, t, s, r, d) : "",
+    b: (s = "") => f(n.value, t, s, "", ""),
+    e: (s) => s ? f(n.value, t, "", s, "") : "",
+    m: (s) => s ? f(n.value, t, "", "", s) : "",
+    be: (s, r) => s && r ? f(n.value, t, s, r, "") : "",
+    em: (s, r) => s && r ? f(n.value, t, "", s, r) : "",
+    bm: (s, r) => s && r ? f(n.value, t, s, "", r) : "",
+    bem: (s, r, i) => s && r && i ? f(n.value, t, s, r, i) : "",
     is: (s, ...r) => {
-      const d = r.length >= 1 ? r[0] : !0;
-      return s && d ? `${me}${s}` : "";
+      const i = r.length >= 1 ? r[0] : !0;
+      return s && i ? `${fe}${s}` : "";
     },
     // css
     cssVar: (s) => {
       const r = {};
-      for (const d in s)
-        s[d] && (r[`--${n.value}-${d}`] = s[d]);
+      for (const i in s)
+        s[i] && (r[`--${n.value}-${i}`] = s[i]);
       return r;
     },
     cssVarName: (s) => `--${n.value}-${s}`,
     cssVarBlock: (s) => {
       const r = {};
-      for (const d in s)
-        s[d] && (r[`--${n.value}-${t}-${d}`] = s[d]);
+      for (const i in s)
+        s[i] && (r[`--${n.value}-${t}-${i}`] = s[i]);
       return r;
     },
     cssVarBlockName: (s) => `--${n.value}-${t}-${s}`
@@ -77,7 +77,7 @@ const q = (t = "") => t.split(" ").filter((e) => !!e.trim()), E = (t, e) => {
 }, S = I(0), U = 2e3, be = Symbol("zIndexContextKey"), xe = (t) => {
   const e = t || D(be, void 0), n = x(() => {
     const a = R(e);
-    return ve(a) ? a : U;
+    return me(a) ? a : U;
   }), o = x(() => n.value + S.value);
   return {
     initialZIndex: n,
@@ -105,10 +105,10 @@ const k = (t, e) => {
 }, Ce = {}, $e = { class: "das-loading-container das-loading-page" };
 function Ie(t, e) {
   return N(), V("div", $e, e[0] || (e[0] = [
-    Z('<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)
+    Z('<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(Ce, [["render", Ie], ["__scopeId", "data-v-6f86e018"]]), he = {}, Le = { class: "das-loading-container das-loading-component" };
+const O = /* @__PURE__ */ k(Ce, [["render", Ie], ["__scopeId", "data-v-8440951a"]]), he = {}, Le = { class: "das-loading-container das-loading-component" };
 function we(t, e) {
   return N(), V("div", Le, e[0] || (e[0] = [
     z(
@@ -122,13 +122,13 @@ function we(t, e) {
     )
   ]));
 }
-const Ne = /* @__PURE__ */ k(he, [["render", we], ["__scopeId", "data-v-88fde512"]]), Ve = {}, Ae = { class: "das-loading-container das-loading-containerload" };
+const Ne = /* @__PURE__ */ k(he, [["render", we], ["__scopeId", "data-v-b8cb162d"]]), Ve = {}, Ae = { class: "das-loading-container das-loading-containerload" };
 function ke(t, e) {
   return N(), V("div", Ae, e[0] || (e[0] = [
-    Z('<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)
+    Z('<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 ze = /* @__PURE__ */ k(Ve, [["render", ke], ["__scopeId", "data-v-e851d2c9"]]);
+const ze = /* @__PURE__ */ k(Ve, [["render", ke], ["__scopeId", "data-v-58e751e4"]]);
 function Be(t) {
   let e;
   const n = I(!1), o = M({
@@ -141,43 +141,43 @@ function Be(t) {
     o.text = l;
   }
   function a() {
-    const l = o.parent, v = p.ns;
+    const l = o.parent, m = p.ns;
     if (!l.vLoadingAddClassList) {
-      let f = l.getAttribute("loading-number");
-      f = Number.parseInt(f) - 1, f ? l.setAttribute("loading-number", f.toString()) : ($(l, v.bm("parent", "relative")), l.removeAttribute("loading-number")), $(l, v.bm("parent", "hidden"));
+      let v = l.getAttribute("loading-number");
+      v = Number.parseInt(v) - 1, v ? l.setAttribute("loading-number", v.toString()) : ($(l, m.bm("parent", "relative")), l.removeAttribute("loading-number")), $(l, m.bm("parent", "hidden"));
     }
     u(), h.unmount();
   }
   function u() {
-    var l, v;
-    (v = (l = p.$el) == null ? void 0 : l.parentNode) == null || v.removeChild(p.$el);
+    var l, m;
+    (m = (l = p.$el) == null ? void 0 : l.parentNode) == null || m.removeChild(p.$el);
   }
   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();
   }
   const g = Q({
     name: "DasLoading",
-    setup(l, { expose: v }) {
-      const { ns: f, zIndex: s } = _e("loading");
-      return v({
-        ns: f,
+    setup(l, { expose: m }) {
+      const { ns: v, zIndex: s } = _e("loading");
+      return m({
+        ns: v,
         zIndex: s
       }), () => {
         let r = o.spinner || o.svg || O;
-        const d = o.type;
-        d == "page" && (r = O), d == "container" && (r = ze), d == "component" && (r = Ne);
-        const H = _(r), J = o.text ? _("p", { class: f.b("text") }, [o.text]) : void 0;
+        const i = o.type;
+        i == "page" && (r = O), i == "container" && (r = ze), i == "component" && (r = Ne);
+        const H = _(r), J = o.text ? _("p", { class: v.b("text") }, [o.text]) : void 0;
         return _(
           W,
           {
-            name: f.b("fade"),
-            onAfterLeave: i
+            name: v.b("fade"),
+            onAfterLeave: d
           },
           {
             default: X(() => [
@@ -189,7 +189,7 @@ function Be(t) {
                       backgroundColor: o.background || ""
                     },
                     class: [
-                      f.b("mask"),
+                      v.b("mask"),
                       o.customClass,
                       o.fullscreen ? "is-fullscreen" : ""
                     ]
@@ -198,7 +198,7 @@ function Be(t) {
                     _(
                       "div",
                       {
-                        class: f.b("spinner")
+                        class: v.b("spinner")
                       },
                       [H, J]
                     )
@@ -217,7 +217,7 @@ function Be(t) {
     setText: c,
     removeElLoadingChild: u,
     close: y,
-    handleAfterLeave: i,
+    handleAfterLeave: d,
     vm: p,
     get $el() {
       return p.$el;
@@ -276,11 +276,11 @@ const Y = function(t = {}) {
   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, c = (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) => c(
-    o(i) || t.getAttribute(`das-loading-${fe(i)}`)
+  }, a = (d) => c(
+    o(d) || t.getAttribute(`das-loading-${ve(d)}`)
   ), u = o("fullscreen") ?? e.modifiers.fullscreen, y = {
     type: a("type"),
     text: a("text"),

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}