@das-fed/upf-ui 6.4.0-dev.300 → 6.4.0-dev.301

package/packages/components/infinite-scroll/src/index.vue.d.ts

@@ -0,0 +1,199 @@
+import { type PropType } from 'vue';
+import 'vue-virtual-scroller/dist/vue-virtual-scroller.css';
+import type { InfiniteScrollLoad, InfiniteScrollTarget } from './type';
+declare var __VLS_1: {}, __VLS_17: {
+    item: any;
+    index: any;
+    active: any;
+}, __VLS_19: {}, __VLS_25: {}, __VLS_35: {}, __VLS_37: {}, __VLS_39: {}, __VLS_45: {}, __VLS_55: {};
+type __VLS_Slots = {} & {
+    empty?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_17) => any;
+} & {
+    loading?: (props: typeof __VLS_19) => any;
+} & {
+    error?: (props: typeof __VLS_25) => any;
+} & {
+    finished?: (props: typeof __VLS_35) => any;
+} & {
+    default?: (props: typeof __VLS_37) => any;
+} & {
+    loading?: (props: typeof __VLS_39) => any;
+} & {
+    error?: (props: typeof __VLS_45) => any;
+} & {
+    finished?: (props: typeof __VLS_55) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    target: {
+        type: PropType<InfiniteScrollTarget>;
+        default: undefined;
+    };
+    load: {
+        type: PropType<InfiniteScrollLoad>;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    finished: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    empty: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadingText: StringConstructor;
+    finishedText: StringConstructor;
+    errorText: StringConstructor;
+    retryText: StringConstructor;
+    distance: {
+        type: NumberConstructor;
+        default: number;
+    };
+    throttle: {
+        type: NumberConstructor;
+        default: number;
+    };
+    immediate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxImmediateLoads: {
+        type: NumberConstructor;
+        default: number;
+    };
+    virtual: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    items: {
+        type: PropType<unknown[]>;
+        default: () => never[];
+    };
+    itemKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    minItemSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    buffer: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, {
+    refresh: () => void;
+    scrollToItem: (index: number) => void;
+    scrollToPosition: (position: number) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    error: (error: unknown) => any;
+    retry: () => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    target: {
+        type: PropType<InfiniteScrollTarget>;
+        default: undefined;
+    };
+    load: {
+        type: PropType<InfiniteScrollLoad>;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    finished: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    empty: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadingText: StringConstructor;
+    finishedText: StringConstructor;
+    errorText: StringConstructor;
+    retryText: StringConstructor;
+    distance: {
+        type: NumberConstructor;
+        default: number;
+    };
+    throttle: {
+        type: NumberConstructor;
+        default: number;
+    };
+    immediate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxImmediateLoads: {
+        type: NumberConstructor;
+        default: number;
+    };
+    virtual: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    items: {
+        type: PropType<unknown[]>;
+        default: () => never[];
+    };
+    itemKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    minItemSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    buffer: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{
+    onError?: ((error: unknown) => any) | undefined;
+    onRetry?: (() => any) | undefined;
+}>, {
+    error: boolean;
+    disabled: boolean;
+    immediate: boolean;
+    loading: boolean;
+    target: InfiniteScrollTarget;
+    items: unknown[];
+    virtual: boolean;
+    empty: boolean;
+    finished: boolean;
+    distance: number;
+    throttle: number;
+    maxImmediateLoads: number;
+    itemKey: string;
+    minItemSize: number;
+    buffer: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/packages/components/infinite-scroll/src/type.d.ts

@@ -0,0 +1,61 @@
+import type { Ref } from 'vue'
+
+export type InfiniteScrollTarget =
+  | string
+  | HTMLElement
+  | Ref<HTMLElement | null | undefined>
+  | (() => HTMLElement | null | undefined)
+  | null
+  | undefined
+
+export type InfiniteScrollLoadReason = 'auto' | 'scroll' | 'retry'
+
+export interface InfiniteScrollLoadContext {
+  signal: AbortSignal
+  reason: InfiniteScrollLoadReason
+}
+
+export type InfiniteScrollLoad = (context: InfiniteScrollLoadContext) => unknown | Promise<unknown>
+
+export interface Props {
+  
+  target?: InfiniteScrollTarget
+  
+  load: InfiniteScrollLoad
+  
+  disabled?: boolean
+  
+  loading?: boolean
+  
+  finished?: boolean
+  
+  error?: boolean
+  
+  empty?: boolean
+  
+  loadingText?: string
+  
+  finishedText?: string
+  
+  errorText?: string
+  
+  retryText?: string
+  
+  distance?: number
+  
+  throttle?: number
+  
+  immediate?: boolean
+  
+  maxImmediateLoads?: number
+  
+  virtual?: boolean
+  
+  items?: unknown[]
+  
+  itemKey?: string
+  
+  minItemSize?: number
+  
+  buffer?: number
+}

package/packages/components/infinite-scroll/style.css

@@ -0,0 +1 @@
+.das-ui-button[data-v-5cfb834c]{display:inline-flex}.das-ui-button[data-v-5cfb834c] .ant-btn{box-sizing:border-box;display:block}.das-ui-button[data-v-5cfb834c] .ant-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;line-height:100%}.das-ui-button--small[data-v-5cfb834c] .ant-btn{height:24px;line-height:24px;min-width:60px;max-width:136px;font-size:12px;padding:0 8px}.das-ui-button--middle[data-v-5cfb834c] .ant-btn{height:28px;line-height:28px;min-width:60px;max-width:136px;font-size:12px;padding:0 8px}.das-ui-button--large[data-v-5cfb834c] .ant-btn{height:32px;line-height:32px;min-width:68px;max-width:136px;font-size:14px;padding:0 12px}.das-ui-button--primary[data-v-5cfb834c] .ant-btn{color:var(--upf-button-primary-text);border-color:var(--upf-button-primary);background:var(--upf-button-primary)}.das-ui-button--primary[data-v-5cfb834c] .ant-btn:hover{background:var(--upf-button-primary-hover);border-color:var(--upf-button-primary-hover)}.das-ui-button--primary[data-v-5cfb834c] .ant-btn:active{background:var(--upf-button-active);border-color:var(--upf-button-active)}.das-ui-button--primary[data-v-5cfb834c] .ant-btn[disabled]{background:var(--upf-button-disabled);border-color:var(--upf-button-disabled);color:var(--upf-button-primary-text-disabled)}.das-ui-button--default[data-v-5cfb834c] .ant-btn{color:var(--upf-button-default-text);border-color:var(--upf-button-default-border)}.das-ui-button--default[data-v-5cfb834c] .ant-btn:hover{color:var(--upf-button-primary);border-color:var(--upf-button-primary)}.das-ui-button--default[data-v-5cfb834c] .ant-btn:active{color:var(--upf-button-active);border-color:var(--upf-button-active)}.das-ui-button--default[data-v-5cfb834c] .ant-btn[disabled]{color:var(--upf-button-default-disabled);background:var(--upf-button-default-disabled-bg);border-color:var(--upf-button-default-border);cursor:text;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.das-ui-button--primary-text[data-v-5cfb834c]{display:inline-flex;align-items:center;vertical-align:middle}.das-ui-button--primary-text[data-v-5cfb834c] .ant-btn{background:none;border:none;display:inline-flex;align-items:center;justify-content:center;padding:0;height:auto;line-height:1;color:var(--upf-button-primary)}.das-ui-button--primary-text[data-v-5cfb834c] .ant-btn:hover{color:var(--upf-button-primary-hover)}.das-ui-button--primary-text[data-v-5cfb834c] .ant-btn:active{color:var(--upf-button-active)}.das-ui-button--primary-text[data-v-5cfb834c] .ant-btn[disabled]{color:var(--upf-button-default-disabled)}.das-ui-button--default-text[data-v-5cfb834c]{display:inline-flex;align-items:center;vertical-align:middle}.das-ui-button--default-text[data-v-5cfb834c] .ant-btn{background:none;border:none;display:inline-flex;align-items:center;justify-content:center;padding:0;height:auto;line-height:1;color:var(--upf-button-default-text)}.das-ui-button--default-text[data-v-5cfb834c] .ant-btn:hover{color:var(--upf-button-primary)}.das-ui-button--default-text[data-v-5cfb834c] .ant-btn:active{color:var(--upf-button-active)}.das-ui-button--default-text[data-v-5cfb834c] .ant-btn[disabled]{color:var(--upf-button-default-disabled)}.das-ui-button--primary-sameset[data-v-5cfb834c],.das-ui-button--default-sameset[data-v-5cfb834c]{vertical-align:top}.das-ui-button--primary-sameset[data-v-5cfb834c] .ant-btn-group .ant-btn{color:var(--upf-button-primary-text);border-color:var(--upf-button-primary);background:var(--upf-button-primary);display:flex;justify-content:center;align-items:center}.das-ui-button--primary-sameset[data-v-5cfb834c] .ant-btn-group .ant-btn:hover{background:var(--upf-button-primary-hover);border-color:var(--upf-button-primary-hover)}.das-ui-button--primary-sameset[data-v-5cfb834c] .ant-btn-group .ant-btn:active{background:var(--upf-button-active);border-color:var(--upf-button-active)}.das-ui-button--primary-sameset[data-v-5cfb834c] .ant-btn-group .ant-btn[disabled]{background:var(--upf-button-disabled);border-color:var(--upf-button-disabled);color:var(--upf-button-primary-text-disabled)}.das-ui-button--primary-sameset[data-v-5cfb834c] .ant-btn-group .ant-dropdown-trigger{width:24px;min-width:unset;background:var(--upf-button-set);border-color:var(--upf-button-set);padding:0;margin-left:0}.das-ui-button--primary-sameset[data-v-5cfb834c] .ant-btn-group .ant-dropdown-trigger:hover{background:var(--upf-button-set-hover);border-color:var(--upf-button-set-hover)}.das-ui-button--primary-sameset[data-v-5cfb834c] .ant-btn-group .ant-dropdown-trigger:active{background:var(--upf-button-set-active);border-color:var(--upf-button-set-active)}.das-ui-button--primary-sameset[data-v-5cfb834c] .ant-btn-group .ant-dropdown-trigger[disabled]{background:var(--upf-button-set-disabled);border-color:var(--upf-button-set-disabled);color:var(--upf-button-primary-text-disabled)}.das-ui-button--default-sameset[data-v-5cfb834c] .ant-btn-group .ant-btn{color:var(--upf-button-default-text);border-color:var(--upf-button-default-border);display:flex;justify-content:center;align-items:center}.das-ui-button--default-sameset[data-v-5cfb834c] .ant-btn-group .ant-btn:hover{color:var(--upf-button-primary);border-color:var(--upf-button-primary)}.das-ui-button--default-sameset[data-v-5cfb834c] .ant-btn-group .ant-btn:active{color:var(--upf-button-active);border-color:var(--upf-button-active)}.das-ui-button--default-sameset[data-v-5cfb834c] .ant-btn-group .ant-btn[disabled]{background:var(--upf-button-default-disabled-bg);border-color:var(--upf-button-default-border);color:var(--upf-button-default-disabled)}.das-ui-button--default-sameset[data-v-5cfb834c] .ant-btn-group .ant-dropdown-trigger{color:var(--upf-text-secondary);width:24px;min-width:unset;background:none;border-color:var(--upf-button-default-border);padding:0}.das-ui-button--primary-basicset[data-v-5cfb834c] .ant-btn{color:var(--upf-button-primary-text);background:var(--upf-button-primary);border-color:var(--upf-button-primary)}.das-ui-button--primary-basicset[data-v-5cfb834c] .ant-btn:hover{background:var(--upf-button-primary-hover);border-color:var(--upf-button-primary-hover)}.das-ui-button--primary-basicset[data-v-5cfb834c] .ant-btn:active{background:var(--upf-button-active);border-color:var(--upf-button-active)}.das-ui-button--primary-basicset[data-v-5cfb834c] .ant-btn[disabled]{background:var(--upf-button-disabled);border-color:var(--upf-button-disabled);color:var(--upf-button-primary-text-disabled)}.das-ui-button--default-basicset[data-v-5cfb834c] .ant-btn{color:var(--upf-button-default-text);border-color:var(--upf-button-default-border)}.das-ui-button--default-basicset[data-v-5cfb834c] .ant-btn .das-icon{color:#666}.das-ui-button--default-basicset[data-v-5cfb834c] .ant-btn:hover{color:var(--upf-button-primary);border-color:var(--upf-button-primary)}.das-ui-button--default-basicset[data-v-5cfb834c] .ant-btn:hover .das-icon{color:inherit}.das-ui-button--default-basicset[data-v-5cfb834c] .ant-btn:active{color:var(--upf-button-active);border-color:var(--upf-button-active)}.das-ui-button--default-basicset[data-v-5cfb834c] .ant-btn:active .das-icon{color:inherit}.das-ui-button--default-basicset[data-v-5cfb834c] .ant-btn[disabled]{background:var(--upf-button-default-disabled-bg);border-color:var(--upf-button-default-border);color:var(--upf-button-default-disabled)}.das-ui-button--default-basicset[data-v-5cfb834c] .ant-btn[disabled] .das-icon{color:inherit}.das-ui-button--tabs[data-v-5cfb834c] .ant-radio-group{height:28px;overflow:hidden}.das-ui-button--tabs[data-v-5cfb834c] .ant-radio-group .ant-radio-button-wrapper{font-size:14px;color:var(--upf-button-primary);border-color:var(--upf-button-primary);font-weight:400;line-height:26px;height:100%}.das-ui-button--tabs[data-v-5cfb834c] .ant-radio-group .ant-radio-button-wrapper:hover{background:var(--upf-button-primary-hover);color:var(--upf-button-primary-text);border-color:var(--upf-button-primary-hover)}.das-ui-button--tabs[data-v-5cfb834c] .ant-radio-group .ant-radio-button-wrapper:active{background:var(--upf-button-active);border-color:var(--upf-button-active)}.das-ui-button--tabs[data-v-5cfb834c] .ant-radio-group .ant-radio-button-wrapper-checked{background:var(--upf-button-primary);border-color:var(--upf-button-primary);color:var(--upf-button-primary-text)}.das-ui-button--tabs[data-v-5cfb834c] .ant-radio-group .ant-radio-button-wrapper-disabled{background:var(--upf-button-default-disabled-bg)!important;border-color:var(--upf-button-default-border)!important;color:var(--upf-button-default-disabled)!important}.das-ui-button--ghost[data-v-5cfb834c] .ant-btn{background:none;color:var(--upf-button-primary);border-color:var(--upf-button-primary)}.das-ui-button--ghost[data-v-5cfb834c] .ant-btn:hover,.das-ui-button--ghost[data-v-5cfb834c] .ant-btn:active{color:var(--upf-button-primary-text)}.das-ui-button--ghost[data-v-5cfb834c] .ant-btn[disabled]{color:var(--upf-button-default-disabled);background:var(--upf-button-default-disabled-bg);border-color:var(--upf-button-default-border)}.das-ui-button--block[data-v-5cfb834c] .ant-btn{min-width:unset;max-width:unset}.das-ui-button--block.das-ui-button--primary-text[data-v-5cfb834c],.das-ui-button--block.das-ui-button--default-text[data-v-5cfb834c]{display:inline-flex}.das-ui-button--block.das-ui-button--primary-text[data-v-5cfb834c] .ant-btn,.das-ui-button--block.das-ui-button--default-text[data-v-5cfb834c] .ant-btn{width:auto}.das-ui-button--icon[data-v-5cfb834c] .ant-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:4px}.das-ui-button--icon[data-v-5cfb834c] .ant-btn>span{display:inline-flex;align-items:center}.das-ui-button--icon[data-v-5cfb834c] .ant-btn .das-icon{flex:0 0 auto;align-self:center;font-size:16px!important;display:inline-block!important;line-height:1;vertical-align:middle}.das-ui-button[data-v-5cfb834c] .ant-dropdown{left:0!important;min-width:calc(100% + 8px)!important}.das-ui-button[data-v-5cfb834c] .ant-dropdown .ant-dropdown-menu-item{height:30px;line-height:30px;font-size:12px;color:var(--upf-button-default-text)}.das-ui-button[data-v-5cfb834c] .ant-dropdown .ant-dropdown-menu-item+.ant-dropdown-menu-item{border-top:1px solid var(--upf-divider-color)}.das-ui-button[data-v-5cfb834c] .ant-dropdown .ant-dropdown-menu-item.ant-dropdown-menu-item-disabled{color:var(--upf-button-default-disabled)}.das-ui-button[data-v-5cfb834c] .ant-dropdown .ant-dropdown-menu-item:active,.das-ui-button[data-v-5cfb834c] .ant-dropdown .ant-dropdown-menu-submenu-title:active{background:var(--upf-bg-secondary)}.ant-dropdown.basicset-dropdown-wrap,.ant-dropdown.basicset-dropdown-wrap .ant-dropdown-menu{padding:0}.ant-dropdown.basicset-dropdown-wrap .ant-dropdown-menu .ant-dropdown-menu-item{height:30px;line-height:30px;font-size:12px;color:var(--upf-button-default-text)}.ant-dropdown.basicset-dropdown-wrap .ant-dropdown-menu .ant-dropdown-menu-item+.ant-dropdown-menu-item{border-top:1px solid var(--upf-divider-color)}.ant-dropdown.basicset-dropdown-wrap .ant-dropdown-menu .ant-dropdown-menu-item.ant-dropdown-menu-item-disabled{color:var(--upf-button-default-disabled)}.ant-dropdown.basicset-dropdown-wrap .ant-dropdown-menu :deep(.ant-dropdown-menu-item:active),.ant-dropdown.basicset-dropdown-wrap .ant-dropdown-menu :deep(.ant-dropdown-menu-submenu-title:active){background:var(--upf-bg-secondary)}.das-ui-empty[data-v-af77685e]{height:100%;width:100%;line-height:initial}.das-ui-empty .title[data-v-af77685e]{font-size:16px;margin-bottom:4px;color:var(--upf-text-primary)}.das-ui-empty[data-v-af77685e] .el-empty{width:100%;height:100%;display:flex;justify-content:center;flex-direction:column;align-items:center}.das-ui-empty[data-v-af77685e] .el-empty__description{margin-top:0;text-align:center}.das-ui-empty[data-v-af77685e] .el-empty__description .description{font-size:14px;color:var(--upf-text-disabled);text-align:center;font-weight:400}.das-ui-empty[data-v-af77685e] .el-empty__bottom{margin-top:12px}@keyframes dasPageLoading-323f37a9{50%{transform:scale(1.25)}to{transform:scale(1)}}.das-spin-container.das-spin-page[data-v-323f37a9]{height:auto;width:auto;display:flex;align-items:center;flex-direction:column;margin:auto}.das-spin-container.das-spin-page .das-spin-dot-spin[data-v-323f37a9]{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-spin-container.das-spin-page .das-spin-dot-spin .das-spin-dot-item[data-v-323f37a9]{width:16px;height:16px;background-color:var(--das-ui-spin-logo-1-color);border-radius:50%}.das-spin-container.das-spin-page .das-spin-dot-spin .das-spin-dot-item[data-v-323f37a9]:nth-child(odd){animation:dasPageLoading-323f37a9 1s .3s ease-in-out infinite}.das-spin-container.das-spin-page .das-spin-dot-spin .das-spin-dot-item[data-v-323f37a9]:nth-child(2n+2){background-color:var(--das-ui-spin-logo-2-color);animation:dasPageLoading-323f37a9 1s .2s ease-in-out infinite}.das-spin-container.das-spin-page .das-spin-dot-spin .das-spin-dot-item[data-v-323f37a9]:nth-child(2n+3){background-color:var(--das-ui-spin-logo-3-color);animation:dasPageLoading-323f37a9 1s .1s ease-in-out infinite}.das-spin-container.das-spin-page .das-spin-dot-spin .das-spin-dot-item[data-v-323f37a9]:nth-child(2n+4){background-color:var(--das-ui-spin-logo-4-color);animation:dasPageLoading-323f37a9 1s ease-in-out infinite}@keyframes dasComponentRotate-f47a1ae6{0%{transform:rotate(-45deg)}to{transform:rotate(315deg)}}.das-spin-container.das-spin-component[data-v-f47a1ae6]{height:auto;width:auto;display:flex;align-items:center;flex-direction:column;margin:auto}.das-spin-container.das-spin-component .das-spin-dot-spin[data-v-f47a1ae6]{width:24px;height:24px;border:2px solid var(--das-ui-spin-logo-6-color);position:relative;border-radius:50%;box-sizing:border-box}.das-spin-container.das-spin-component .das-spin-dot-spin .das-spin-dot-item[data-v-f47a1ae6]{box-sizing:border-box;width:24px;height:24px;border:2px solid transparent;border-right-color:var(--das-ui-spin-logo-5-color);border-radius:50%;position:absolute;top:-2px;left:-2px;transform:rotate(-45deg);animation:dasComponentRotate-f47a1ae6 1s linear infinite}@keyframes dasContainerLoading-f7548f22{50%{transform:translateY(-10px)}to{transform:translateY(0)}}.das-spin-container.das-spin-containerload[data-v-f7548f22]{height:auto;width:auto;display:flex;align-items:center;flex-direction:column;margin:auto}.das-spin-container.das-spin-containerload .das-spin-dot-spin[data-v-f7548f22]{width:35px;height:15px;display:flex;justify-content:space-between;align-items:flex-end}.das-spin-container.das-spin-containerload .das-spin-dot-spin .das-spin-dot-item[data-v-f7548f22]{width:5px;height:5px;background-color:var(--das-ui-spin-logo-1-color);border-radius:50%}.das-spin-container.das-spin-containerload .das-spin-dot-spin .das-spin-dot-item[data-v-f7548f22]:nth-child(odd){animation:dasContainerLoading-f7548f22 1s .6s ease-in-out infinite}.das-spin-container.das-spin-containerload .das-spin-dot-spin .das-spin-dot-item[data-v-f7548f22]:nth-child(2n+2){background-color:var(--das-ui-spin-logo-2-color);animation:dasContainerLoading-f7548f22 1s .45s ease-in-out infinite}.das-spin-container.das-spin-containerload .das-spin-dot-spin .das-spin-dot-item[data-v-f7548f22]:nth-child(2n+3){background-color:var(--das-ui-spin-logo-3-color);animation:dasContainerLoading-f7548f22 1s .15s ease-in-out infinite}.das-spin-container.das-spin-containerload .das-spin-dot-spin .das-spin-dot-item[data-v-f7548f22]:nth-child(2n+4){background-color:var(--das-ui-spin-logo-4-color);animation:dasContainerLoading-f7548f22 1s ease-in-out infinite}@keyframes dasLoadingcircle{to{transform:rotate(360deg)}}.das-spin-container.full,.das-spin-container.full .ant-spin-nested-loading,.das-spin-container.full .ant-spin-nested-loading .ant-spin-container{width:100%;height:100%}.das-spin-container .ant-spin-nested-loading>div>.ant-spin.das-slef-spin{max-height:unset}.das-slef-spin.ant-spin{display:flex!important;flex-direction:column;align-items:center;justify-content:center}.das-slef-spin .ant-spin-dot:not(.das-icon){width:auto;height:auto;font-size:unset;margin:0!important;position:unset!important}.das-slef-spin .ant-spin-dot.das-icon{position:unset!important;width:auto;height:auto}.das-slef-spin .ant-spin-text{position:unset!important}.das-slef-spin.load>.das-icon.ant-spin-dot{animation:dasLoadingcircle 2s infinite linear}.das-slef-spin.big .ant-spin-text{color:var(--das-ui-color-normal);font-size:var(--das-ui-font-size-lg);line-height:24px;padding-top:10px!important}.das-slef-spin.small .ant-spin-text{color:var(--das-ui-color-normal);font-size:var(--das-ui-font-size-md);line-height:21px;padding-top:6px!important}.das-slef-spin.small .das-spin-container.das-spin-page .das-spin-dot-spin{width:28px;height:28px;padding:2.33px}.das-slef-spin.small .das-spin-container.das-spin-page .das-spin-dot-spin .das-spin-dot-item{width:9.33px;height:9.33px}.vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.direction-horizontal{display:flex}.vue-recycle-scroller__slot{flex:auto 0 0}.vue-recycle-scroller__item-wrapper{flex:1;box-sizing:border-box;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.das-infinite-scroll[data-v-0a86c693]{width:100%}.das-infinite-scroll.is-empty[data-v-0a86c693]{display:flex;width:100%;height:100%;min-height:100%}.das-infinite-scroll__empty[data-v-0a86c693]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:100%}.das-infinite-scroll__sentinel[data-v-0a86c693]{width:100%;min-height:1px;pointer-events:auto}.das-infinite-scroll__virtual-scroller[data-v-0a86c693]{width:100%}.das-infinite-scroll__virtual-scroller[data-v-0a86c693]:not(.page-mode){height:100%}.das-infinite-scroll__virtual-item[data-v-0a86c693]{display:flow-root;width:100%}.das-infinite-scroll__status[data-v-0a86c693]{display:flex;align-items:center;justify-content:center;min-height:32px;color:var(--upf-text-secondary, #999999);font-size:12px;line-height:18px;letter-spacing:0}.das-infinite-scroll__status.is-loading[data-v-0a86c693],.das-infinite-scroll__status.is-error[data-v-0a86c693]{gap:6px}