@das-fed/upf-ui 6.4.0-dev.238 → 6.4.0-dev.240

package/packages/components/loading/index.js

@@ -1,7 +1,6 @@
 import '@das-fed/upf-ui/packages/components/loading/style.css';
-import { inject as D, ref as I, computed as x, unref as R, openBlock as N, createElementBlock as V, createStaticVNode as Z, createElementVNode as z, reactive as J, 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/upf-web/packages/theme/index";
-import { setI18nRule as re, t as de } from "@das-fed/upf-web/packages/i18n/index";
+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 J, defineComponent as Q, h as _, Transition as W, withCtx as X, withDirectives as ee, createVNode as te, vShow as ne, createApp as se, toRefs as ae, nextTick as j, isRef as oe } from "vue";
+import { setI18nRule as re, t as ce } from "@das-fed/upf-web/packages/i18n/index";
 /**
 * @vue/shared v3.5.25
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
@@ -12,11 +11,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));
-}, le = /-\w/g, ie = G(
-  (t) => t.replace(le, (e) => e.slice(1).toUpperCase())
-), ue = /\B([A-Z])/g, fe = G(
-  (t) => t.replace(ue, "-$1").toLowerCase()
-), me = (t) => typeof t == "number";
+}, de = /-\w/g, ie = G(
+  (t) => t.replace(de, (e) => e.slice(1).toUpperCase())
+), le = /\B([A-Z])/g, ue = G(
+  (t) => t.replace(le, "-$1").toLowerCase()
+), fe = (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);
@@ -25,71 +24,71 @@ const q = (t = "") => t.split(" ").filter((e) => !!e.trim()), E = (t, e) => {
 }, $ = (t, e) => {
   !t || !e.trim() || t.classList.remove(...q(e));
 }, b = (t, e) => {
-  var o;
+  var s;
   if (!A || !t || !e) return "";
   let n = ie(e);
   n === "float" && (n = "cssFloat");
   try {
-    const r = t.style[n];
-    if (r) return r;
-    const a = (o = document.defaultView) == null ? void 0 : o.getComputedStyle(t, "");
-    return a ? a[n] : "";
+    const c = t.style[n];
+    if (c) return c;
+    const o = (s = document.defaultView) == null ? void 0 : s.getComputedStyle(t, "");
+    return o ? o[n] : "";
   } catch {
     return t.style[n];
   }
-}, L = "das", ve = "is-", v = (t, e, n, o, r) => {
-  let a = `${t}-${e}`;
-  return n && (a += `-${n}`), o && (a += `__${o}`), r && (a += `--${r}`), a;
-}, ge = Symbol("namespaceContextKey"), pe = (t) => {
-  const e = t || D(ge, I(L));
-  return x(() => R(e) || L);
-}, ye = (t, e) => {
-  const n = pe(e);
+}, L = "das", me = "is-", v = (t, e, n, s, c) => {
+  let o = `${t}-${e}`;
+  return n && (o += `-${n}`), s && (o += `__${s}`), c && (o += `--${c}`), o;
+}, ve = Symbol("namespaceContextKey"), ge = (t) => {
+  const e = t || D(ve, I(L));
+  return x(() => Z(e) || L);
+}, pe = (t, e) => {
+  const n = ge(e);
   return {
     namespace: n,
-    b: (s = "") => v(n.value, t, s, "", ""),
-    e: (s) => s ? v(n.value, t, "", s, "") : "",
-    m: (s) => s ? v(n.value, t, "", "", s) : "",
-    be: (s, c) => s && c ? v(n.value, t, s, c, "") : "",
-    em: (s, c) => s && c ? v(n.value, t, "", s, c) : "",
-    bm: (s, c) => s && c ? v(n.value, t, s, "", c) : "",
-    bem: (s, c, l) => s && c && l ? v(n.value, t, s, c, l) : "",
-    is: (s, ...c) => {
-      const l = c.length >= 1 ? c[0] : !0;
-      return s && l ? `${ve}${s}` : "";
+    b: (a = "") => v(n.value, t, a, "", ""),
+    e: (a) => a ? v(n.value, t, "", a, "") : "",
+    m: (a) => a ? v(n.value, t, "", "", a) : "",
+    be: (a, r) => a && r ? v(n.value, t, a, r, "") : "",
+    em: (a, r) => a && r ? v(n.value, t, "", a, r) : "",
+    bm: (a, r) => a && r ? v(n.value, t, a, "", r) : "",
+    bem: (a, r, i) => a && r && i ? v(n.value, t, a, r, i) : "",
+    is: (a, ...r) => {
+      const i = r.length >= 1 ? r[0] : !0;
+      return a && i ? `${me}${a}` : "";
     },
     // css
-    cssVar: (s) => {
-      const c = {};
-      for (const l in s)
-        s[l] && (c[`--${n.value}-${l}`] = s[l]);
-      return c;
+    cssVar: (a) => {
+      const r = {};
+      for (const i in a)
+        a[i] && (r[`--${n.value}-${i}`] = a[i]);
+      return r;
     },
-    cssVarName: (s) => `--${n.value}-${s}`,
-    cssVarBlock: (s) => {
-      const c = {};
-      for (const l in s)
-        s[l] && (c[`--${n.value}-${t}-${l}`] = s[l]);
-      return c;
+    cssVarName: (a) => `--${n.value}-${a}`,
+    cssVarBlock: (a) => {
+      const r = {};
+      for (const i in a)
+        a[i] && (r[`--${n.value}-${t}-${i}`] = a[i]);
+      return r;
     },
-    cssVarBlockName: (s) => `--${n.value}-${t}-${s}`
+    cssVarBlockName: (a) => `--${n.value}-${t}-${a}`
   };
-}, O = I(0), M = 2e3, be = Symbol("zIndexContextKey"), xe = (t) => {
-  const e = t || D(be, void 0), n = x(() => {
-    const a = R(e);
-    return me(a) ? a : M;
-  }), o = x(() => n.value + O.value);
+}, O = I(0), M = 2e3, ye = Symbol("zIndexContextKey"), be = (t) => {
+  const e = t || D(ye, void 0), n = x(() => {
+    const o = Z(e);
+    return fe(o) ? o : M;
+  }), s = x(() => n.value + O.value);
   return {
     initialZIndex: n,
-    currentZIndex: o,
-    nextZIndex: () => (O.value++, o.value)
+    currentZIndex: s,
+    nextZIndex: () => (O.value++, s.value)
   };
 };
-function _e(t) {
-  const e = ye(
+function xe(t) {
+  const e = pe(
     t,
     x(() => L)
-  ), n = xe(
+  ), n = be(
     x(() => M)
   );
   return {
@@ -99,18 +98,18 @@ function _e(t) {
 }
 const k = (t, e) => {
   const n = t.__vccOpts || t;
-  for (const [o, r] of e)
-    n[o] = r;
+  for (const [s, c] of e)
+    n[s] = c;
   return n;
-}, 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)
+}, _e = {}, Ce = { class: "das-loading-container das-loading-page" };
+function $e(t, e) {
+  return N(), V("div", Ce, [...e[0] || (e[0] = [
+    R('<div class="das-loading-dot-loading" data-v-556fdb62><i class="das-loading-dot-item" data-v-556fdb62></i><i class="das-loading-dot-item" data-v-556fdb62></i><i class="das-loading-dot-item" data-v-556fdb62></i><i class="das-loading-dot-item" data-v-556fdb62></i></div>', 1)
   ])]);
 }
-const S = /* @__PURE__ */ k(Ce, [["render", Ie], ["__scopeId", "data-v-6f86e018"]]), he = {}, Le = { class: "das-loading-container das-loading-component" };
-function we(t, e) {
-  return N(), V("div", Le, [...e[0] || (e[0] = [
+const S = /* @__PURE__ */ k(_e, [["render", $e], ["__scopeId", "data-v-556fdb62"]]), Ie = {}, he = { class: "das-loading-container das-loading-component" };
+function Le(t, e) {
+  return N(), V("div", he, [...e[0] || (e[0] = [
     z(
       "div",
       { class: "das-loading-dot-loading" },
@@ -122,26 +121,26 @@ function we(t, e) {
     )
   ])]);
 }
-const Ne = /* @__PURE__ */ k(he, [["render", we], ["__scopeId", "data-v-88fde512"]]), 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)
+const we = /* @__PURE__ */ k(Ie, [["render", Le], ["__scopeId", "data-v-00355f8b"]]), Ne = {}, Ve = { class: "das-loading-container das-loading-containerload" };
+function Ae(t, e) {
+  return N(), V("div", Ve, [...e[0] || (e[0] = [
+    R('<div class="das-loading-dot-loading" data-v-80a6a49a><i class="das-loading-dot-item" data-v-80a6a49a></i><i class="das-loading-dot-item" data-v-80a6a49a></i><i class="das-loading-dot-item" data-v-80a6a49a></i><i class="das-loading-dot-item" data-v-80a6a49a></i></div>', 1)
   ])]);
 }
-const ze = /* @__PURE__ */ k(Ve, [["render", ke], ["__scopeId", "data-v-e851d2c9"]]);
-function Be(t) {
+const ke = /* @__PURE__ */ k(Ne, [["render", Ae], ["__scopeId", "data-v-80a6a49a"]]);
+function ze(t) {
   let e;
-  const n = I(!1), o = J({
+  const n = I(!1), s = J({
     ...t,
     originalPosition: "",
     originalOverflow: "",
     visible: !1
   });
-  function r(d) {
-    o.text = d;
+  function c(d) {
+    s.text = d;
   }
-  function a() {
-    const d = o.parent, m = p.ns;
+  function o() {
+    const d = s.parent, m = p.ns;
     if (!d.vLoadingAddClassList) {
       let f = d.getAttribute("loading-number");
       f = Number.parseInt(f) - 1, f ? d.setAttribute("loading-number", f.toString()) : ($(d, m.bm("parent", "relative")), d.removeAttribute("loading-number")), $(d, m.bm("parent", "hidden"));
@@ -154,30 +153,30 @@ function Be(t) {
   }
   function y() {
     var d;
-    t.beforeClose && !t.beforeClose() || (n.value = !0, clearTimeout(e), e = window.setTimeout(i, 400), o.visible = !1, (d = t.closed) == null || d.call(t));
+    t.beforeClose && !t.beforeClose() || (n.value = !0, clearTimeout(e), e = window.setTimeout(l, 400), s.visible = !1, (d = t.closed) == null || d.call(t));
   }
-  function i() {
+  function l() {
     if (!n.value) return;
-    const d = o.parent;
-    n.value = !1, d.vLoadingAddClassList = void 0, a();
+    const d = s.parent;
+    n.value = !1, d.vLoadingAddClassList = void 0, o();
   }
   const g = Q({
     name: "DasLoading",
     setup(d, { expose: m }) {
-      const { ns: f, zIndex: s } = _e("loading");
+      const { ns: f, zIndex: a } = xe("loading");
       return m({
         ns: f,
-        zIndex: s
+        zIndex: a
       }), () => {
-        let c = o.spinner || o.svg || S;
-        const l = o.type;
-        l == "page" && (c = S), l == "container" && (c = ze), l == "component" && (c = Ne);
-        const Y = _(c), H = o.text ? _("p", { class: f.b("text") }, [o.text]) : void 0;
+        let r = s.spinner || s.svg || S;
+        const i = s.type;
+        i == "page" && (r = S), i == "container" && (r = ke), i == "component" && (r = we);
+        const Y = typeof r == "boolean" ? void 0 : _(r), H = s.text ? _("p", { class: f.b("text") }, [s.text]) : void 0;
         return _(
           W,
           {
             name: f.b("fade"),
-            onAfterLeave: i
+            onAfterLeave: l
           },
           {
             default: X(() => [
@@ -186,12 +185,12 @@ function Be(t) {
                   "div",
                   {
                     style: {
-                      backgroundColor: o.background || ""
+                      backgroundColor: s.background || ""
                     },
                     class: [
                       f.b("mask"),
-                      o.customClass,
-                      o.fullscreen ? "is-fullscreen" : ""
+                      s.customClass,
+                      s.fullscreen ? "is-fullscreen" : ""
                     ]
                   },
                   [
@@ -204,20 +203,20 @@ function Be(t) {
                     )
                   ]
                 ),
-                [[ne, o.visible]]
+                [[ne, s.visible]]
               )
             ])
           }
         );
       };
     }
-  }), h = oe(g), p = h.mount(document.createElement("div"));
+  }), h = se(g), p = h.mount(document.createElement("div"));
   return {
-    ...se(o),
-    setText: r,
+    ...ae(s),
+    setText: c,
     removeElLoadingChild: u,
     close: y,
-    handleAfterLeave: i,
+    handleAfterLeave: l,
     vm: p,
     get $el() {
       return p.$el;
@@ -227,20 +226,20 @@ function Be(t) {
 let C;
 const U = function(t = {}) {
   if (!A) return;
-  const e = Ee(t);
+  const e = Be(t);
   if (e.fullscreen && C)
     return C;
-  const n = Be({
+  const n = ze({
     ...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);
     }
   });
-  Oe(e, e.parent, n), T(e, e.parent, n), e.parent.vLoadingAddClassList = () => T(e, e.parent, n);
-  let o = e.parent.getAttribute("loading-number");
-  return o ? o = `${Number.parseInt(o) + 1}` : o = "1", e.parent.setAttribute("loading-number", o), e.parent.appendChild(n.$el), j(() => n.visible.value = e.visible), e.fullscreen && (C = n), n;
-}, Ee = (t) => {
+  Ee(e, e.parent, n), P(e, e.parent, n), e.parent.vLoadingAddClassList = () => P(e, e.parent, n);
+  let s = e.parent.getAttribute("loading-number");
+  return s ? s = `${Number.parseInt(s) + 1}` : s = "1", e.parent.setAttribute("loading-number", s), e.parent.appendChild(n.$el), j(() => n.visible.value = e.visible), e.fullscreen && (C = n), n;
+}, Be = (t) => {
   let e;
   return K(t.target) ? e = document.querySelector(t.target) ?? document.body : e = t.target || document.body, {
     parent: e === document.body || t.body ? document.body : e,
@@ -256,78 +255,70 @@ const U = function(t = {}) {
     visible: t.visible ?? !0,
     target: e
   };
-}, Oe = async (t, e, n) => {
-  const { nextZIndex: o } = n.vm.zIndex || n.vm._.exposed.zIndex, r = {};
+}, Ee = async (t, e, n) => {
+  const { nextZIndex: s } = 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 = s();
   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`;
+    for (const o of ["top", "left"]) {
+      const u = o === "top" ? "scrollTop" : "scrollLeft";
+      c[o] = `${t.target.getBoundingClientRect()[o] + document.body[u] + document.documentElement[u] - Number.parseInt(b(document.body, `margin-${o}`), 10)}px`;
     }
-    for (const a of ["height", "width"])
-      r[a] = `${t.target.getBoundingClientRect()[a]}px`;
+    for (const o of ["height", "width"])
+      c[o] = `${t.target.getBoundingClientRect()[o]}px`;
   } else
     n.originalPosition.value = b(e, "position");
-  for (const [a, u] of Object.entries(r))
-    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;
+  for (const [o, u] of Object.entries(c))
+    n.$el.style[o] = u;
+}, P = (t, e, n) => {
+  const s = n.vm.ns || n.vm._.exposed.ns;
+  ["absolute", "fixed", "sticky"].includes(n.originalPosition.value) ? $(e, s.bm("parent", "relative")) : E(e, s.bm("parent", "relative")), t.fullscreen && t.lock ? E(e, s.bm("parent", "hidden")) : $(e, s.bm("parent", "hidden"));
+}, w = Symbol("DasLoading"), T = (t, e) => {
+  const n = e.instance, s = (l) => F(e.value) ? e.value[l] : void 0, c = (l) => {
+    const g = K(l) && (n == null ? void 0 : n[l]) || l;
     return g && I(g);
-  }, a = (i) => r(
-    o(i) || t.getAttribute(`das-loading-${fe(i)}`)
-  ), u = o("fullscreen") ?? e.modifiers.fullscreen, y = {
-    type: a("type"),
-    text: a("text"),
-    svg: a("svg"),
-    svgViewBox: a("svgViewBox"),
-    spinner: a("spinner"),
-    background: a("background"),
-    customClass: a("customClass"),
+  }, o = (l) => c(
+    s(l) || t.getAttribute(`das-loading-${ue(l)}`)
+  ), u = s("fullscreen") ?? e.modifiers.fullscreen, y = {
+    type: o("type"),
+    text: o("text"),
+    svg: o("svg"),
+    svgViewBox: o("svgViewBox"),
+    spinner: o("spinner"),
+    background: o("background"),
+    customClass: o("customClass"),
     fullscreen: u,
-    target: o("target") ?? (u ? void 0 : t),
-    body: o("body") ?? e.modifiers.body,
-    lock: o("lock") ?? e.modifiers.lock
+    target: s("target") ?? (u ? void 0 : t),
+    body: s("body") ?? e.modifiers.body,
+    lock: s("lock") ?? e.modifiers.lock
   };
   t[w] = {
     options: y,
     instance: U(y)
   };
-}, Se = (t, e) => {
+}, Oe = (t, e) => {
   for (const n of Object.keys(e))
-    ae(e[n]) && (e[n].value = t[n]);
-}, je = {
+    oe(e[n]) && (e[n].value = t[n]);
+}, De = {
   mounted(t, e) {
-    e.value && P(t, e);
+    e.value && T(t, e);
   },
   updated(t, e) {
     const n = t[w];
-    e.oldValue !== e.value && (e.value && !e.oldValue ? P(t, e) : e.value && e.oldValue ? F(e.value) && Se(e.value, n.options) : n == null || n.instance.close());
+    e.oldValue !== e.value && (e.value && !e.oldValue ? T(t, e) : e.value && e.oldValue ? F(e.value) && Oe(e.value, n.options) : n == null || n.instance.close());
   },
   unmounted(t) {
     var e;
     (e = t[w]) == null || e.instance.close();
   }
-}, Te = {
-  "--das-ui-loading-logo-1-color": "#2486ee",
-  "--das-ui-loading-logo-2-color": "#02ccfe",
-  "--das-ui-loading-logo-3-color": "#05c8c7",
-  "--das-ui-loading-logo-4-color": "#a06eff",
-  "--das-ui-loading-logo-5-color": "#5582f3",
-  "--das-ui-loading-logo-6-color": "#ebebeb"
-}, Pe = { 加载: { "zh-CN": "加载", en: "Loading", "zh-MO": "加載", _appCode: "framework" } };
-re(Pe);
-ce(Te);
-const Ke = {
+}, Se = { 加载: { "zh-CN": "加载", en: "Loading", "zh-MO": "加載", _appCode: "framework" } };
+re(Se);
+const Ze = {
   service: U
-}, Fe = { name: `loading ${de("加载")}` };
+}, Re = { name: `loading ${ce("加载")}` };
 export {
-  Ke as DasLoading,
-  Fe as default,
-  je as vDasLoading
+  Ze as DasLoading,
+  Re as default,
+  De as vDasLoading
 };

package/packages/components/loading/src/utils/tool.d.ts

@@ -1,12 +1,12 @@
 import type { Entries } from 'type-fest';
 import { isClient, isIOS } from '@vueuse/core';
-import { Arrayable } from './types';
+import type { Arrayable } from './types';
 export { camelize, hyphenate, hyphenate as kebabCase, // alias
 hasOwn, } from '@vue/shared';
 export declare const isFirefox: () => boolean;
 export { isClient, isIOS };
-export declare const keysOf: <T>(arr: T) => Array<keyof T>;
-export declare const entriesOf: <T>(arr: T) => Entries<T>;
+export declare const keysOf: <T extends object>(arr: T) => Array<keyof T>;
+export declare const entriesOf: <T extends object>(arr: T) => Entries<T>;
 export declare const getProp: <T = any>(obj: Record<string, any>, path: Arrayable<string>, defaultValue?: any) => {
     value: T;
 };

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-556fdb62{50%{transform:scale(1.25)}to{transform:scale(1)}}.das-loading-container.das-loading-page[data-v-556fdb62]{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-556fdb62]{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-556fdb62]{width:16px;height:16px;background-color:var(--upf-loading-color-1, #2486ee);border-radius:50%}.das-loading-container.das-loading-page .das-loading-dot-loading .das-loading-dot-item[data-v-556fdb62]:nth-child(odd){animation:dasLoadingPageLoading-556fdb62 1s .3s ease-in-out infinite}.das-loading-container.das-loading-page .das-loading-dot-loading .das-loading-dot-item[data-v-556fdb62]:nth-child(2n+2){background-color:var(--upf-loading-color-2, #02ccfe);animation:dasLoadingPageLoading-556fdb62 1s .2s ease-in-out infinite}.das-loading-container.das-loading-page .das-loading-dot-loading .das-loading-dot-item[data-v-556fdb62]:nth-child(2n+3){background-color:var(--upf-loading-color-3, #05c8c7);animation:dasLoadingPageLoading-556fdb62 1s .1s ease-in-out infinite}.das-loading-container.das-loading-page .das-loading-dot-loading .das-loading-dot-item[data-v-556fdb62]:nth-child(2n+4){background-color:var(--upf-loading-color-4, #a06eff);animation:dasLoadingPageLoading-556fdb62 1s ease-in-out infinite}@keyframes dasLoadingComponentRotate-00355f8b{0%{transform:rotate(-45deg)}to{transform:rotate(315deg)}}.das-loading-container.das-loading-component[data-v-00355f8b]{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-00355f8b]{width:24px;height:24px;border:2px solid var(--upf-loading-color-6, #ebebeb);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-00355f8b]{box-sizing:border-box;width:24px;height:24px;border:2px solid transparent;border-right-color:var(--upf-loading-color-5, #5582f3);border-radius:50%;position:absolute;top:-2px;left:-2px;transform:rotate(-45deg);animation:dasLoadingComponentRotate-00355f8b 1s linear infinite}@keyframes dasLoadingContainerLoading-80a6a49a{50%{transform:translateY(-10px)}to{transform:translateY(0)}}.das-loading-container.das-loading-containerload[data-v-80a6a49a]{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-80a6a49a]{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-80a6a49a]{width:5px;height:5px;background-color:var(--upf-loading-color-1, #2486ee);border-radius:50%}.das-loading-container.das-loading-containerload .das-loading-dot-loading .das-loading-dot-item[data-v-80a6a49a]:nth-child(odd){animation:dasLoadingContainerLoading-80a6a49a 1s .6s ease-in-out infinite}.das-loading-container.das-loading-containerload .das-loading-dot-loading .das-loading-dot-item[data-v-80a6a49a]:nth-child(2n+2){background-color:var(--upf-loading-color-2, #02ccfe);animation:dasLoadingContainerLoading-80a6a49a 1s .45s ease-in-out infinite}.das-loading-container.das-loading-containerload .das-loading-dot-loading .das-loading-dot-item[data-v-80a6a49a]:nth-child(2n+3){background-color:var(--upf-loading-color-3, #05c8c7);animation:dasLoadingContainerLoading-80a6a49a 1s .15s ease-in-out infinite}.das-loading-container.das-loading-containerload .das-loading-dot-loading .das-loading-dot-item[data-v-80a6a49a]:nth-child(2n+4){background-color:var(--upf-loading-color-4, #a06eff);animation:dasLoadingContainerLoading-80a6a49a 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}