niuma-ui 2.0.3 → 2.0.9

package/dist/components/loading/src/loading-status.css

@@ -0,0 +1,210 @@
+
+.rs-loading[data-v-3e88a656] {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--rs-loading-gap, var(--rs-space-sm));
+  color: var(--rs-loading-label, var(--rs-text-secondary));
+  font-size: var(--rs-font-size-sm);
+  line-height: var(--rs-line-height-normal);
+}
+.rs-loading--tone-default[data-v-3e88a656],
+.rs-loading--tone-neutral[data-v-3e88a656] {
+  --rs-loading-accent: var(--rs-text-secondary);
+}
+.rs-loading--tone-primary[data-v-3e88a656] {
+  --rs-loading-accent: var(--rs-primary);
+}
+.rs-loading--tone-success[data-v-3e88a656] {
+  --rs-loading-accent: var(--rs-success);
+}
+.rs-loading--tone-warning[data-v-3e88a656] {
+  --rs-loading-accent: var(--rs-warning);
+}
+.rs-loading--tone-danger[data-v-3e88a656] {
+  --rs-loading-accent: var(--rs-danger);
+}
+.rs-loading--tone-info[data-v-3e88a656] {
+  --rs-loading-accent: var(--rs-info);
+}
+.rs-loading--block[data-v-3e88a656] {
+  display: flex;
+  justify-content: center;
+  inline-size: 100%;
+  padding: var(--rs-loading-pad, var(--rs-space-xl));
+}
+.rs-loading--overlay[data-v-3e88a656] {
+  position: absolute;
+  inset: 0;
+  z-index: var(--rs-loading-z, 1);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--rs-loading-overlay, color-mix(in srgb, var(--rs-surface) 72%, transparent));
+}
+.rs-loading--fullscreen[data-v-3e88a656] {
+  position: fixed;
+  inset: 0;
+  z-index: var(--rs-z-modal);
+  pointer-events: auto;
+}
+.rs-loading__mark[data-v-3e88a656] {
+  display: inline-flex;
+  min-inline-size: 0;
+}
+.rs-loading__mark--fill[data-v-3e88a656] {
+  inline-size: 100%;
+}
+.rs-loading--overlay .rs-loading__mark--fill[data-v-3e88a656] {
+  inline-size: min(100%, 20rem);
+}
+.rs-loading__label[data-v-3e88a656] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--rs-space-sm);
+  color: var(--rs-loading-label, var(--rs-text-secondary));
+}
+.rs-loading__spinner[data-v-3e88a656] {
+  display: inline-block;
+  border-radius: var(--rs-radius-full);
+  border: var(--rs-loading-stroke, 2px) solid var(--rs-loading-track, color-mix(in srgb, var(--rs-text-tertiary) 35%, transparent));
+  border-top-color: var(--rs-loading-accent, var(--rs-primary));
+  animation: rs-loading-spin-3e88a656 var(--rs-loading-spin-duration, 0.7s) linear infinite;
+}
+.rs-loading__spinner--sm[data-v-3e88a656] {
+  inline-size: var(--rs-loading-spinner-sm, 0.875rem);
+  block-size: var(--rs-loading-spinner-sm, 0.875rem);
+}
+.rs-loading__spinner--md[data-v-3e88a656] {
+  inline-size: var(--rs-loading-spinner-md, 1.125rem);
+  block-size: var(--rs-loading-spinner-md, 1.125rem);
+}
+.rs-loading__spinner--lg[data-v-3e88a656] {
+  inline-size: var(--rs-loading-spinner-lg, 1.5rem);
+  block-size: var(--rs-loading-spinner-lg, 1.5rem);
+}
+.rs-loading__dots[data-v-3e88a656] {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--rs-space-xs);
+}
+.rs-loading__dot[data-v-3e88a656] {
+  inline-size: var(--rs-loading-dot-md, 0.375rem);
+  block-size: var(--rs-loading-dot-md, 0.375rem);
+  border-radius: var(--rs-radius-full);
+  background: var(--rs-loading-accent, var(--rs-primary));
+  animation: rs-loading-bounce-3e88a656 var(--rs-loading-bounce-duration, 1s) ease-in-out infinite;
+}
+.rs-loading__dots--sm .rs-loading__dot[data-v-3e88a656] {
+  inline-size: var(--rs-loading-dot-sm, 0.25rem);
+  block-size: var(--rs-loading-dot-sm, 0.25rem);
+}
+.rs-loading__dots--lg .rs-loading__dot[data-v-3e88a656] {
+  inline-size: var(--rs-loading-dot-lg, 0.5rem);
+  block-size: var(--rs-loading-dot-lg, 0.5rem);
+}
+.rs-loading__dot[data-v-3e88a656]:nth-child(2) {
+  animation-delay: 0.15s;
+}
+.rs-loading__dot[data-v-3e88a656]:nth-child(3) {
+  animation-delay: 0.3s;
+}
+.rs-loading__skeleton[data-v-3e88a656] {
+  display: flex;
+  inline-size: 100%;
+  flex-direction: column;
+  gap: var(--rs-space-sm);
+}
+.rs-loading__skeleton-line[data-v-3e88a656] {
+  position: relative;
+  display: block;
+  overflow: hidden;
+  block-size: var(--rs-loading-skeleton-h-md, 0.75rem);
+  border-radius: var(--rs-radius-xs);
+  background: var(--rs-loading-skeleton, var(--rs-surface-hover));
+}
+.rs-loading__skeleton--sm .rs-loading__skeleton-line[data-v-3e88a656] {
+  block-size: var(--rs-loading-skeleton-h-sm, 0.5rem);
+}
+.rs-loading__skeleton--lg .rs-loading__skeleton-line[data-v-3e88a656] {
+  block-size: var(--rs-loading-skeleton-h-lg, 1rem);
+}
+.rs-loading__skeleton-line[data-v-3e88a656]::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  transform: translateX(-100%);
+  background: linear-gradient(
+    90deg,
+    transparent,
+    var(--rs-loading-skeleton-shine, color-mix(in srgb, var(--rs-border) 55%, transparent)),
+    transparent
+  );
+  animation: rs-loading-shimmer-3e88a656 var(--rs-loading-shimmer-duration, 1.2s) ease-in-out infinite;
+}
+.rs-loading__skeleton-line[data-v-3e88a656]:last-child {
+  inline-size: 70%;
+}
+@keyframes rs-loading-spin-3e88a656 {
+to {
+    transform: rotate(360deg);
+}
+}
+@keyframes rs-loading-bounce-3e88a656 {
+0%,
+  80%,
+  100% {
+    opacity: 0.35;
+    transform: translateY(0);
+}
+40% {
+    opacity: 1;
+    transform: translateY(-0.125rem);
+}
+}
+@keyframes rs-loading-shimmer-3e88a656 {
+from {
+    transform: translateX(-100%);
+}
+to {
+    transform: translateX(100%);
+}
+}
+@keyframes rs-loading-pulse-3e88a656 {
+0%,
+  100% {
+    opacity: 0.45;
+}
+50% {
+    opacity: 1;
+}
+}
+@media (prefers-reduced-motion: reduce) {
+.rs-loading__spinner[data-v-3e88a656],
+  .rs-loading__dot[data-v-3e88a656] {
+    animation-name: rs-loading-pulse-3e88a656;
+    animation-duration: 1.6s;
+    animation-timing-function: ease-in-out;
+    animation-iteration-count: infinite;
+    animation-delay: 0s;
+}
+.rs-loading__skeleton-line[data-v-3e88a656]::after {
+    animation: none;
+    transform: none;
+    opacity: 0.4;
+}
+}
+@media (forced-colors: active) {
+.rs-loading--overlay[data-v-3e88a656],
+  .rs-loading--fullscreen[data-v-3e88a656] {
+    background: Canvas;
+}
+.rs-loading__spinner[data-v-3e88a656] {
+    border-color: GrayText;
+    border-top-color: Highlight;
+}
+.rs-loading__dot[data-v-3e88a656],
+  .rs-loading__skeleton-line[data-v-3e88a656] {
+    background: CanvasText;
+}
+}

package/dist/components/loading/src/loading-status.d.ts

@@ -0,0 +1,34 @@
+import { type RsLoadingSize, type RsLoadingTone, type RsLoadingVariant } from './loading-utils';
+type __VLS_Props = {
+    id?: string;
+    variant: RsLoadingVariant;
+    size: RsLoadingSize;
+    tone: RsLoadingTone;
+    label: string;
+    ariaLabel: string;
+    showText: boolean;
+    block: boolean;
+    overlay: boolean;
+    fullscreen: boolean;
+    skeletonCount: number;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    indicator?: (props: typeof __VLS_1) => any;
+} & {
+    label?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    overlay: boolean;
+    block: boolean;
+    showText: boolean;
+    fullscreen: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/loading/src/loading-status.impl.js

@@ -0,0 +1,84 @@
+import { resolveRsLoadingSkeletonCount } from "./loading-utils.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, openBlock, renderList, renderSlot, toDisplayString } from "vue";
+//#region src/components/loading/src/loading-status.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["id", "aria-label"];
+var _hoisted_2 = {
+	key: 0,
+	class: "rs-loading__label"
+};
+var loading_status_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "RsLoadingStatus",
+	__name: "loading-status",
+	props: {
+		id: {},
+		variant: {},
+		size: {},
+		tone: {},
+		label: {},
+		ariaLabel: {},
+		showText: {
+			type: Boolean,
+			default: false
+		},
+		block: {
+			type: Boolean,
+			default: false
+		},
+		overlay: {
+			type: Boolean,
+			default: false
+		},
+		fullscreen: {
+			type: Boolean,
+			default: false
+		},
+		skeletonCount: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const lines = computed(() => Array.from({ length: resolveRsLoadingSkeletonCount(props.skeletonCount) }, (_, index) => index));
+		const rootClass = computed(() => [
+			"rs-loading",
+			`rs-loading--${props.size}`,
+			`rs-loading--tone-${props.tone}`,
+			{
+				"rs-loading--block": props.block,
+				"rs-loading--overlay": props.overlay,
+				"rs-loading--fullscreen": props.fullscreen
+			}
+		]);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				id: __props.id,
+				class: normalizeClass(rootClass.value),
+				role: "status",
+				"aria-busy": "true",
+				"aria-label": __props.ariaLabel
+			}, [createElementVNode("div", {
+				class: normalizeClass(["rs-loading__mark", { "rs-loading__mark--fill": __props.variant === "skeleton" && !_ctx.$slots.indicator }]),
+				"aria-hidden": "true"
+			}, [renderSlot(_ctx.$slots, "indicator", {}, () => [__props.variant === "spinner" ? (openBlock(), createElementBlock("span", {
+				key: 0,
+				class: normalizeClass(["rs-loading__spinner", [`rs-loading__spinner--${__props.size}`, `rs-loading__spinner--${__props.tone}`]])
+			}, null, 2)) : __props.variant === "dots" ? (openBlock(), createElementBlock("span", {
+				key: 1,
+				class: normalizeClass(["rs-loading__dots", `rs-loading__dots--${__props.size}`])
+			}, [(openBlock(), createElementBlock(Fragment, null, renderList(3, (dot) => {
+				return createElementVNode("span", {
+					key: dot,
+					class: "rs-loading__dot"
+				});
+			}), 64))], 2)) : (openBlock(), createElementBlock("div", {
+				key: 2,
+				class: normalizeClass(["rs-loading__skeleton", `rs-loading__skeleton--${__props.size}`])
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(lines.value, (line) => {
+				return openBlock(), createElementBlock("span", {
+					key: line,
+					class: "rs-loading__skeleton-line"
+				});
+			}), 128))], 2))], true)], 2), __props.showText ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(__props.label), 1)], true)])) : createCommentVNode("", true)], 10, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { loading_status_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/loading/src/loading-status.js

@@ -0,0 +1,8 @@
+import './loading-status.css'
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.js";
+import loading_status_vue_vue_type_script_setup_true_lang_default from "./loading-status.impl.js";
+
+//#region src/components/loading/src/loading-status.vue
+var loading_status_default = /*#__PURE__*/ _plugin_vue_export_helper_default(loading_status_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-3e88a656"]]);
+//#endregion
+export { loading_status_default as default };

package/dist/components/loading/src/loading-utils.d.ts

@@ -1,6 +1,53 @@
-/** 加载指示器尺寸 */
+/** 加载指示器尺寸。不是表单控件四档，不跟 ConfigProvider。 */
 export type RsLoadingSize = 'sm' | 'md' | 'lg';
-/** 加载指示器色调 */
-export type RsLoadingTone = 'default' | 'primary';
-/** 加载指示器变体 */
+/**
+ * 色相。`default` 是旧调用，画面与 `neutral` 相同。
+ * 形态仍由 variant 决定。
+ */
+export type RsLoadingTone = 'default' | 'neutral' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
+/** 加载指示器形态。 */
 export type RsLoadingVariant = 'spinner' | 'dots' | 'skeleton';
+/** 骨架行上限，避免一次挂出过多无限动画节点。 */
+export declare const RS_LOADING_SKELETON_MAX = 12;
+/** delay / minDuration 上限（毫秒）。非法值或非有限数视为 0。 */
+export declare const RS_LOADING_MAX_MS = 60000;
+export declare function resolveRsLoadingSize(size?: string | null): RsLoadingSize;
+export declare function resolveRsLoadingTone(tone?: string | null): RsLoadingTone;
+export declare function resolveRsLoadingVariant(variant?: string | null): RsLoadingVariant;
+export declare function resolveRsLoadingSkeletonCount(lines: number | undefined, fallback?: number): number;
+export declare function clampRsLoadingDuration(value: number | undefined): number;
+export type RsLoadingVisibilityPlan = {
+    action: 'show';
+    shownAt: number;
+} | {
+    action: 'hide';
+} | {
+    action: 'idle';
+} | {
+    action: 'keep';
+} | {
+    action: 'wait';
+    ms: number;
+    then: 'show' | 'hide';
+};
+/**
+ * 纯函数：决定指示器现在出现、消失，还是再等一会儿。
+ * 组件负责定时器，并在卸载时清掉。
+ */
+export declare function planRsLoadingVisibility(input: {
+    loading: boolean;
+    visible: boolean;
+    delayMs: number;
+    minDurationMs: number;
+    shownAt: number | null;
+    now: number;
+}): RsLoadingVisibilityPlan;
+/** 全屏传送目标。非全屏不调用 getContainer。失败或空节点回退 body。 */
+export declare function resolveRsLoadingTeleportTarget(fullscreen: boolean, getContainer?: () => HTMLElement | string | null): string | HTMLElement;
+/**
+ * 全屏锁滚动，并暂时挡住页面点击。引用计数，释放函数可重复调用。
+ * 不改焦点陷阱。无 document 时返回空操作（SSR）。
+ */
+export declare function acquireRsLoadingScrollLock(): () => void;
+/** 单测收尾。生产路径靠释放函数把计数减到 0。 */
+export declare function resetRsLoadingScrollLock(): void;

package/dist/components/loading/src/loading-utils.js

@@ -0,0 +1,122 @@
+//#region src/components/loading/src/loading-utils.ts
+var SIZES = /* @__PURE__ */ new Set([
+	"sm",
+	"md",
+	"lg"
+]);
+var TONES = /* @__PURE__ */ new Set([
+	"default",
+	"neutral",
+	"primary",
+	"success",
+	"warning",
+	"danger",
+	"info"
+]);
+var VARIANTS = /* @__PURE__ */ new Set([
+	"spinner",
+	"dots",
+	"skeleton"
+]);
+/** delay / minDuration 上限（毫秒）。非法值或非有限数视为 0。 */
+var RS_LOADING_MAX_MS = 6e4;
+function resolveRsLoadingSize(size) {
+	if (size && SIZES.has(size)) return size;
+	return "md";
+}
+function resolveRsLoadingTone(tone) {
+	if (tone && TONES.has(tone)) return tone;
+	return "primary";
+}
+function resolveRsLoadingVariant(variant) {
+	if (variant && VARIANTS.has(variant)) return variant;
+	return "spinner";
+}
+function resolveRsLoadingSkeletonCount(lines, fallback = 4) {
+	return Math.min(12, Math.max(1, typeof lines === "number" && Number.isFinite(lines) ? Math.floor(lines) : fallback));
+}
+function clampRsLoadingDuration(value) {
+	if (typeof value !== "number" || !Number.isFinite(value) || value <= 0) return 0;
+	return Math.min(value, RS_LOADING_MAX_MS);
+}
+/**
+* 纯函数：决定指示器现在出现、消失，还是再等一会儿。
+* 组件负责定时器，并在卸载时清掉。
+*/
+function planRsLoadingVisibility(input) {
+	const delay = clampRsLoadingDuration(input.delayMs);
+	const minDuration = clampRsLoadingDuration(input.minDurationMs);
+	if (input.loading) {
+		if (input.visible) return { action: "keep" };
+		if (delay <= 0) return {
+			action: "show",
+			shownAt: input.now
+		};
+		return {
+			action: "wait",
+			ms: delay,
+			then: "show"
+		};
+	}
+	if (!input.visible) return { action: "idle" };
+	if (input.shownAt == null || minDuration <= 0) return { action: "hide" };
+	const remaining = minDuration - (input.now - input.shownAt);
+	if (remaining <= 0) return { action: "hide" };
+	return {
+		action: "wait",
+		ms: remaining,
+		then: "hide"
+	};
+}
+function isElementNode(value) {
+	return Boolean(value) && typeof value === "object" && value.nodeType === 1;
+}
+/** 全屏传送目标。非全屏不调用 getContainer。失败或空节点回退 body。 */
+function resolveRsLoadingTeleportTarget(fullscreen, getContainer) {
+	if (!fullscreen || !getContainer) return "body";
+	try {
+		const target = getContainer();
+		if (typeof target === "string" && target.trim()) return target;
+		if (isElementNode(target)) return target;
+	} catch {
+		return "body";
+	}
+	return "body";
+}
+var lockCount = 0;
+var previousOverflow = null;
+var previousPointer = null;
+var previousBusy = null;
+/**
+* 全屏锁滚动，并暂时挡住页面点击。引用计数，释放函数可重复调用。
+* 不改焦点陷阱。无 document 时返回空操作（SSR）。
+*/
+function acquireRsLoadingScrollLock() {
+	if (typeof document === "undefined" || !document.body) return () => {};
+	if (lockCount === 0) {
+		previousOverflow = document.body.style.overflow;
+		previousPointer = document.body.style.pointerEvents;
+		previousBusy = document.documentElement.getAttribute("aria-busy");
+		document.body.style.overflow = "hidden";
+		document.body.style.pointerEvents = "none";
+		document.documentElement.setAttribute("aria-busy", "true");
+	}
+	lockCount += 1;
+	let released = false;
+	return () => {
+		if (released) return;
+		released = true;
+		lockCount = Math.max(0, lockCount - 1);
+		if (lockCount === 0 && document.body) {
+			document.body.style.overflow = previousOverflow ?? "";
+			document.body.style.pointerEvents = previousPointer ?? "";
+			if (previousBusy == null) document.documentElement.removeAttribute("aria-busy");
+			else document.documentElement.setAttribute("aria-busy", previousBusy);
+			previousOverflow = null;
+			previousPointer = null;
+			previousBusy = null;
+		}
+	};
+}
+//#endregion
+export { RS_LOADING_MAX_MS, acquireRsLoadingScrollLock, clampRsLoadingDuration, planRsLoadingVisibility, resolveRsLoadingSize, resolveRsLoadingSkeletonCount, resolveRsLoadingTeleportTarget, resolveRsLoadingTone, resolveRsLoadingVariant };

package/dist/components/loading-bar/index.d.ts

@@ -1 +1,2 @@
 export { default as RsLoadingBar } from './src/RsLoadingBar.js';
+export type { RsLoadingBarAttach, RsLoadingBarExpose, RsLoadingBarInstance, RsLoadingBarPosition, RsLoadingBarTone, } from './src/loading-bar-utils';

package/dist/components/loading-bar/src/RsLoadingBar.css

@@ -1,19 +1,83 @@
 
-.rs-loading-bar[data-v-98c35618] {
+.rs-loading-bar[data-v-aff2ed50] {
   position: fixed;
-  top: 0;
+  inset-block-start: 0;
   inset-inline: 0;
   z-index: var(--rs-z-loading-bar);
+  height: var(--rs-loading-bar-size, 2px);
+  overflow: hidden;
   pointer-events: none;
   opacity: 0;
-  transition: opacity 0.2s ease;
+  transition: opacity var(--rs-transition-normal);
 }
-.rs-loading-bar--visible[data-v-98c35618] {
+.rs-loading-bar--bottom[data-v-aff2ed50] {
+  inset-block-start: auto;
+  inset-block-end: 0;
+}
+.rs-loading-bar--parent[data-v-aff2ed50] {
+  position: absolute;
+}
+.rs-loading-bar--visible[data-v-aff2ed50] {
   opacity: 1;
 }
-.rs-loading-bar__peg[data-v-98c35618] {
-  height: 2px;
+.rs-loading-bar--neutral[data-v-aff2ed50] {
+  --rs-loading-bar-color: var(--rs-text-secondary);
+}
+.rs-loading-bar--info[data-v-aff2ed50] {
+  --rs-loading-bar-color: var(--rs-info);
+}
+.rs-loading-bar--success[data-v-aff2ed50] {
+  --rs-loading-bar-color: var(--rs-success);
+}
+.rs-loading-bar--warning[data-v-aff2ed50] {
+  --rs-loading-bar-color: var(--rs-warning);
+}
+.rs-loading-bar--danger[data-v-aff2ed50] {
+  --rs-loading-bar-color: var(--rs-danger);
+}
+.rs-loading-bar__peg[data-v-aff2ed50] {
+  height: 100%;
+  width: var(--rs-loading-bar-progress, 0%);
+  background-color: var(--rs-loading-bar-color, var(--rs-primary));
   transition:
-    width 0.2s ease,
-    background-color 0.2s ease;
+    width var(--rs-transition-normal),
+    background-color var(--rs-transition-normal);
+}
+.rs-loading-bar--error .rs-loading-bar__peg[data-v-aff2ed50] {
+  background-color: var(--rs-loading-bar-error, var(--rs-danger));
+}
+.rs-loading-bar--indeterminate .rs-loading-bar__peg[data-v-aff2ed50] {
+  position: absolute;
+  inset-block: 0;
+  width: 38%;
+  transition: none;
+  animation: rs-loading-bar-slide-aff2ed50 1.15s ease-in-out infinite;
+}
+@keyframes rs-loading-bar-slide-aff2ed50 {
+from {
+    inset-inline-start: -40%;
+}
+to {
+    inset-inline-start: 100%;
+}
+}
+@media (prefers-reduced-motion: reduce) {
+.rs-loading-bar[data-v-aff2ed50],
+  .rs-loading-bar__peg[data-v-aff2ed50] {
+    transition: none;
+    animation: none;
+}
+.rs-loading-bar--indeterminate .rs-loading-bar__peg[data-v-aff2ed50] {
+    width: 100%;
+    inset-inline-start: 0;
+}
+}
+@media (forced-colors: active) {
+.rs-loading-bar__peg[data-v-aff2ed50] {
+    forced-color-adjust: none;
+    background-color: Highlight;
+}
+.rs-loading-bar--error .rs-loading-bar__peg[data-v-aff2ed50] {
+    background-color: Mark;
+}
 }