@mantine-vue/nprogress 1.1.2

package/cjs/index.cjs

@@ -0,0 +1,225 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let vue = require("vue");
+let _mantine_vue_core = require("@mantine-vue/core");
+let _mantine_vue_store = require("@mantine-vue/store");
+//#region src/nprogress.store.ts
+function clamp(value, min, max) {
+	return Math.min(max, Math.max(min, value));
+}
+function getIntervalProgressValue(currentProgress) {
+	let next = .5;
+	if (currentProgress >= 0 && currentProgress <= 20) next = 10;
+	else if (currentProgress >= 20 && currentProgress <= 50) next = 4;
+	else if (currentProgress >= 50 && currentProgress <= 80) next = 2;
+	else if (currentProgress >= 80 && currentProgress <= 99) next = 1;
+	else if (currentProgress >= 99 && currentProgress <= 100) next = 0;
+	return currentProgress + next;
+}
+var createNprogressStore = () => (0, _mantine_vue_store.createStore)({
+	mounted: false,
+	progress: 0,
+	interval: 0,
+	step: 1,
+	stepInterval: 100,
+	timeouts: []
+});
+var useNprogress = (store) => store.value;
+function updateNavigationProgressStateAction(update, store) {
+	const state = store.getState();
+	store.setState({
+		...state,
+		...update(store.getState())
+	});
+}
+function decrementNavigationProgressAction(store) {
+	updateNavigationProgressStateAction((state) => ({ progress: Math.max(state.progress - state.step, 0) }), store);
+}
+function setNavigationProgressAction(value, store) {
+	updateNavigationProgressStateAction(() => ({
+		progress: clamp(value, 0, 100),
+		mounted: true
+	}), store);
+}
+function cleanupNavigationProgressAction(store) {
+	updateNavigationProgressStateAction((state) => {
+		window.clearInterval(state.interval);
+		state.timeouts.forEach((timeout) => window.clearTimeout(timeout));
+		return { timeouts: [] };
+	}, store);
+}
+function completeNavigationProgressAction(store) {
+	cleanupNavigationProgressAction(store);
+	updateNavigationProgressStateAction((state) => {
+		return {
+			progress: 100,
+			timeouts: [window.setTimeout(() => {
+				updateNavigationProgressStateAction(() => ({ mounted: false }), store);
+			}, 50), window.setTimeout(() => {
+				updateNavigationProgressStateAction(() => ({ progress: 0 }), store);
+			}, state.stepInterval + 50)]
+		};
+	}, store);
+}
+function startNavigationProgressAction(store) {
+	updateNavigationProgressStateAction((state) => ({
+		progress: getIntervalProgressValue(state.progress),
+		mounted: true
+	}), store);
+	updateNavigationProgressStateAction((state) => {
+		window.clearInterval(state.interval);
+		return {
+			interval: window.setInterval(() => {
+				updateNavigationProgressStateAction((current) => ({
+					progress: getIntervalProgressValue(current.progress),
+					mounted: true
+				}), store);
+			}, state.stepInterval),
+			mounted: true
+		};
+	}, store);
+}
+function stopNavigationProgressAction(store) {
+	updateNavigationProgressStateAction((state) => {
+		window.clearInterval(state.interval);
+		return { interval: -1 };
+	}, store);
+}
+function resetNavigationProgressAction(store) {
+	cleanupNavigationProgressAction(store);
+	stopNavigationProgressAction(store);
+	updateNavigationProgressStateAction(() => ({
+		progress: 0,
+		mounted: false
+	}), store);
+}
+function incrementNavigationProgressAction(store) {
+	updateNavigationProgressStateAction((state) => {
+		const nextValue = Math.min(state.progress + state.step, 100);
+		const nextMounted = nextValue !== 100 && nextValue !== 0;
+		if (!nextMounted) {
+			const timeout = window.setTimeout(() => resetNavigationProgressAction(store), state.stepInterval + 50);
+			return {
+				progress: nextValue,
+				mounted: nextMounted,
+				timeouts: [...state.timeouts, timeout]
+			};
+		}
+		return {
+			progress: nextValue,
+			mounted: nextMounted
+		};
+	}, store);
+}
+function createNprogress() {
+	const store = createNprogressStore();
+	return [store, {
+		start: () => startNavigationProgressAction(store),
+		stop: () => stopNavigationProgressAction(store),
+		reset: () => resetNavigationProgressAction(store),
+		set: (value) => setNavigationProgressAction(value, store),
+		increment: () => incrementNavigationProgressAction(store),
+		decrement: () => decrementNavigationProgressAction(store),
+		complete: () => completeNavigationProgressAction(store),
+		cleanup: () => cleanupNavigationProgressAction(store)
+	}];
+}
+var [nprogressStore, nprogress] = createNprogress();
+var { start: startNavigationProgress, stop: stopNavigationProgress, reset: resetNavigationProgress, set: setNavigationProgress, increment: incrementNavigationProgress, decrement: decrementNavigationProgress, complete: completeNavigationProgress, cleanup: cleanupNavigationProgress } = nprogress;
+var NavigationProgress_module_default = {
+	root: "_root_1o6fp_1",
+	section: "_section_1o6fp_17"
+};
+//#endregion
+//#region src/NavigationProgress.ts
+var NavigationProgress = (0, vue.defineComponent)({
+	name: "NavigationProgress",
+	inheritAttrs: false,
+	props: {
+		store: {
+			type: Object,
+			default: () => nprogressStore
+		},
+		initialProgress: {
+			type: Number,
+			default: 0
+		},
+		color: {
+			type: String,
+			default: void 0
+		},
+		size: {
+			type: Number,
+			default: 3
+		},
+		stepInterval: {
+			type: Number,
+			default: 500
+		},
+		withinPortal: {
+			type: Boolean,
+			default: true
+		},
+		portalProps: {
+			type: Object,
+			default: void 0
+		},
+		zIndex: {
+			type: [Number, String],
+			default: () => (0, _mantine_vue_core.getDefaultZIndex)("max")
+		}
+	},
+	setup(props, { attrs }) {
+		const state = useNprogress(props.store);
+		(0, vue.watch)(() => [
+			props.initialProgress,
+			props.stepInterval,
+			props.store
+		], () => {
+			props.store.setState((current) => ({
+				...current,
+				progress: props.initialProgress,
+				stepInterval: props.stepInterval
+			}));
+		}, { immediate: true });
+		(0, vue.onBeforeUnmount)(() => resetNavigationProgressAction(props.store));
+		return () => (0, vue.h)(_mantine_vue_core.OptionalPortal, {
+			withinPortal: props.withinPortal,
+			...props.portalProps
+		}, () => (0, vue.h)(_mantine_vue_core.Progress, {
+			...attrs,
+			radius: 0,
+			value: state.value.progress,
+			size: props.size,
+			color: props.color,
+			classNames: NavigationProgress_module_default,
+			"data-mounted": state.value.mounted || void 0,
+			vars: { root: { "--nprogress-z-index": props.zIndex?.toString() } }
+		}));
+	}
+});
+//#endregion
+exports.NavigationProgress = NavigationProgress;
+exports.cleanupNavigationProgress = cleanupNavigationProgress;
+exports.cleanupNavigationProgressAction = cleanupNavigationProgressAction;
+exports.completeNavigationProgress = completeNavigationProgress;
+exports.completeNavigationProgressAction = completeNavigationProgressAction;
+exports.createNprogress = createNprogress;
+exports.createNprogressStore = createNprogressStore;
+exports.decrementNavigationProgress = decrementNavigationProgress;
+exports.decrementNavigationProgressAction = decrementNavigationProgressAction;
+exports.incrementNavigationProgress = incrementNavigationProgress;
+exports.incrementNavigationProgressAction = incrementNavigationProgressAction;
+exports.nprogress = nprogress;
+exports.nprogressStore = nprogressStore;
+exports.resetNavigationProgress = resetNavigationProgress;
+exports.resetNavigationProgressAction = resetNavigationProgressAction;
+exports.setNavigationProgress = setNavigationProgress;
+exports.setNavigationProgressAction = setNavigationProgressAction;
+exports.startNavigationProgress = startNavigationProgress;
+exports.startNavigationProgressAction = startNavigationProgressAction;
+exports.stopNavigationProgress = stopNavigationProgress;
+exports.stopNavigationProgressAction = stopNavigationProgressAction;
+exports.updateNavigationProgressStateAction = updateNavigationProgressStateAction;
+exports.useNprogress = useNprogress;
+
+//# sourceMappingURL=index.cjs.map

package/cjs/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":[],"sources":["../src/nprogress.store.ts","../src/NavigationProgress.module.css","../src/NavigationProgress.ts"],"sourcesContent":["import { type Ref } from 'vue'\nimport { createStore, type MantineStore } from '@mantine-vue/store'\n\nfunction clamp(value: number, min: number, max: number) {\n  return Math.min(max, Math.max(min, value))\n}\n\nfunction getIntervalProgressValue(currentProgress: number) {\n  let next = 0.5\n\n  if (currentProgress >= 0 && currentProgress <= 20) {\n    next = 10\n  } else if (currentProgress >= 20 && currentProgress <= 50) {\n    next = 4\n  } else if (currentProgress >= 50 && currentProgress <= 80) {\n    next = 2\n  } else if (currentProgress >= 80 && currentProgress <= 99) {\n    next = 1\n  } else if (currentProgress >= 99 && currentProgress <= 100) {\n    next = 0\n  }\n\n  return currentProgress + next\n}\n\nexport interface NprogressState {\n  mounted: boolean\n  progress: number\n  interval: number\n  step: number\n  stepInterval: number\n  timeouts: number[]\n}\n\nexport type NprogressStore = MantineStore<NprogressState>\n\nexport const createNprogressStore = () =>\n  createStore<NprogressState>({\n    mounted: false,\n    progress: 0,\n    interval: 0,\n    step: 1,\n    stepInterval: 100,\n    timeouts: [],\n  })\n\nexport const useNprogress = (store: NprogressStore): Readonly<Ref<NprogressState>> => store.value\n\nexport function updateNavigationProgressStateAction(\n  update: (state: NprogressState) => Partial<NprogressState>,\n  store: NprogressStore,\n) {\n  const state = store.getState()\n  store.setState({ ...state, ...update(store.getState()) })\n}\n\nexport function decrementNavigationProgressAction(store: NprogressStore) {\n  updateNavigationProgressStateAction(\n    (state) => ({ progress: Math.max(state.progress - state.step, 0) }),\n    store,\n  )\n}\n\nexport function setNavigationProgressAction(value: number, store: NprogressStore) {\n  updateNavigationProgressStateAction(\n    () => ({ progress: clamp(value, 0, 100), mounted: true }),\n    store,\n  )\n}\n\nexport function cleanupNavigationProgressAction(store: NprogressStore) {\n  updateNavigationProgressStateAction((state) => {\n    window.clearInterval(state.interval)\n    state.timeouts.forEach((timeout) => window.clearTimeout(timeout))\n    return { timeouts: [] }\n  }, store)\n}\n\nexport function completeNavigationProgressAction(store: NprogressStore) {\n  cleanupNavigationProgressAction(store)\n\n  updateNavigationProgressStateAction((state) => {\n    const mountedTimeout = window.setTimeout(() => {\n      updateNavigationProgressStateAction(() => ({ mounted: false }), store)\n    }, 50)\n\n    const resetTimeout = window.setTimeout(() => {\n      updateNavigationProgressStateAction(() => ({ progress: 0 }), store)\n    }, state.stepInterval + 50)\n\n    return { progress: 100, timeouts: [mountedTimeout, resetTimeout] }\n  }, store)\n}\n\nexport function startNavigationProgressAction(store: NprogressStore) {\n  updateNavigationProgressStateAction(\n    (state) => ({ progress: getIntervalProgressValue(state.progress), mounted: true }),\n    store,\n  )\n\n  updateNavigationProgressStateAction((state) => {\n    window.clearInterval(state.interval)\n\n    const interval = window.setInterval(() => {\n      updateNavigationProgressStateAction(\n        (current) => ({ progress: getIntervalProgressValue(current.progress), mounted: true }),\n        store,\n      )\n    }, state.stepInterval)\n\n    return { interval, mounted: true }\n  }, store)\n}\n\nexport function stopNavigationProgressAction(store: NprogressStore) {\n  updateNavigationProgressStateAction((state) => {\n    window.clearInterval(state.interval)\n    return { interval: -1 }\n  }, store)\n}\n\nexport function resetNavigationProgressAction(store: NprogressStore) {\n  cleanupNavigationProgressAction(store)\n  stopNavigationProgressAction(store)\n  updateNavigationProgressStateAction(() => ({ progress: 0, mounted: false }), store)\n}\n\nexport function incrementNavigationProgressAction(store: NprogressStore) {\n  updateNavigationProgressStateAction((state) => {\n    const nextValue = Math.min(state.progress + state.step, 100)\n    const nextMounted = nextValue !== 100 && nextValue !== 0\n\n    if (!nextMounted) {\n      const timeout = window.setTimeout(\n        () => resetNavigationProgressAction(store),\n        state.stepInterval + 50,\n      )\n\n      return {\n        progress: nextValue,\n        mounted: nextMounted,\n        timeouts: [...state.timeouts, timeout],\n      }\n    }\n\n    return {\n      progress: nextValue,\n      mounted: nextMounted,\n    }\n  }, store)\n}\n\nexport function createNprogress() {\n  const store = createNprogressStore()\n  const actions = {\n    start: () => startNavigationProgressAction(store),\n    stop: () => stopNavigationProgressAction(store),\n    reset: () => resetNavigationProgressAction(store),\n    set: (value: number) => setNavigationProgressAction(value, store),\n    increment: () => incrementNavigationProgressAction(store),\n    decrement: () => decrementNavigationProgressAction(store),\n    complete: () => completeNavigationProgressAction(store),\n    cleanup: () => cleanupNavigationProgressAction(store),\n  }\n\n  return [store, actions] as const\n}\n\nexport const [nprogressStore, nprogress] = createNprogress()\nexport const {\n  start: startNavigationProgress,\n  stop: stopNavigationProgress,\n  reset: resetNavigationProgress,\n  set: setNavigationProgress,\n  increment: incrementNavigationProgress,\n  decrement: decrementNavigationProgress,\n  complete: completeNavigationProgress,\n  cleanup: cleanupNavigationProgress,\n} = nprogress\n",".root {\n  position: fixed;\n  top: 0;\n  inset-inline: 0;\n  z-index: var(--nprogress-z-index);\n  background-color: transparent;\n  transition: opacity 150ms ease;\n  transition-delay: 50ms;\n  opacity: 0;\n  overflow: visible;\n\n  &:where([data-mounted]) {\n    opacity: 1;\n  }\n}\n\n.section {\n  position: relative;\n  transition: width 150ms ease;\n  overflow: visible;\n\n  &::before {\n    content: '';\n    position: absolute;\n    width: 100px;\n    height: var(--progress-size);\n    top: 0;\n    inset-inline-end: 1px;\n    transform: rotate(4deg) translateY(-4px);\n    box-shadow:\n      0 0 10px var(--progress-section-color),\n      0 0 5px var(--progress-section-color);\n  }\n}\n","import { defineComponent, h, onBeforeUnmount, watch, type PropType } from 'vue'\nimport { OptionalPortal, Progress, getDefaultZIndex } from '@mantine-vue/core'\nimport {\n  nprogressStore,\n  resetNavigationProgressAction,\n  useNprogress,\n  type NprogressStore,\n} from './nprogress.store'\nimport classes from './NavigationProgress.module.css'\n\nexport interface NavigationProgressProps {\n  store?: NprogressStore\n  initialProgress?: number\n  color?: string\n  size?: number\n  stepInterval?: number\n  withinPortal?: boolean\n  portalProps?: Record<string, any>\n  zIndex?: string | number\n}\n\nexport const NavigationProgress = defineComponent({\n  name: 'NavigationProgress',\n  inheritAttrs: false,\n  props: {\n    store: { type: Object as PropType<NprogressStore>, default: () => nprogressStore },\n    initialProgress: { type: Number, default: 0 },\n    color: { type: String, default: undefined },\n    size: { type: Number, default: 3 },\n    stepInterval: { type: Number, default: 500 },\n    withinPortal: { type: Boolean, default: true },\n    portalProps: { type: Object as PropType<Record<string, any>>, default: undefined },\n    zIndex: {\n      type: [Number, String] as PropType<string | number>,\n      default: () => getDefaultZIndex('max'),\n    },\n  },\n  setup(props, { attrs }) {\n    const state = useNprogress(props.store)\n\n    watch(\n      () => [props.initialProgress, props.stepInterval, props.store] as const,\n      () => {\n        props.store.setState((current) => ({\n          ...current,\n          progress: props.initialProgress,\n          stepInterval: props.stepInterval,\n        }))\n      },\n      { immediate: true },\n    )\n\n    onBeforeUnmount(() => resetNavigationProgressAction(props.store))\n\n    return () =>\n      h(OptionalPortal, { withinPortal: props.withinPortal, ...props.portalProps }, () =>\n        h(Progress, {\n          ...attrs,\n          radius: 0,\n          value: state.value.progress,\n          size: props.size,\n          color: props.color,\n          classNames: classes,\n          'data-mounted': state.value.mounted || undefined,\n          vars: {\n            root: {\n              '--nprogress-z-index': props.zIndex?.toString(),\n            },\n          },\n        }),\n      )\n  },\n})\n"],"mappings":"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"}

package/esm/index.mjs

@@ -0,0 +1,202 @@
+import { defineComponent, h, onBeforeUnmount, watch } from "vue";
+import { OptionalPortal, Progress, getDefaultZIndex } from "@mantine-vue/core";
+import { createStore } from "@mantine-vue/store";
+//#region src/nprogress.store.ts
+function clamp(value, min, max) {
+	return Math.min(max, Math.max(min, value));
+}
+function getIntervalProgressValue(currentProgress) {
+	let next = .5;
+	if (currentProgress >= 0 && currentProgress <= 20) next = 10;
+	else if (currentProgress >= 20 && currentProgress <= 50) next = 4;
+	else if (currentProgress >= 50 && currentProgress <= 80) next = 2;
+	else if (currentProgress >= 80 && currentProgress <= 99) next = 1;
+	else if (currentProgress >= 99 && currentProgress <= 100) next = 0;
+	return currentProgress + next;
+}
+var createNprogressStore = () => createStore({
+	mounted: false,
+	progress: 0,
+	interval: 0,
+	step: 1,
+	stepInterval: 100,
+	timeouts: []
+});
+var useNprogress = (store) => store.value;
+function updateNavigationProgressStateAction(update, store) {
+	const state = store.getState();
+	store.setState({
+		...state,
+		...update(store.getState())
+	});
+}
+function decrementNavigationProgressAction(store) {
+	updateNavigationProgressStateAction((state) => ({ progress: Math.max(state.progress - state.step, 0) }), store);
+}
+function setNavigationProgressAction(value, store) {
+	updateNavigationProgressStateAction(() => ({
+		progress: clamp(value, 0, 100),
+		mounted: true
+	}), store);
+}
+function cleanupNavigationProgressAction(store) {
+	updateNavigationProgressStateAction((state) => {
+		window.clearInterval(state.interval);
+		state.timeouts.forEach((timeout) => window.clearTimeout(timeout));
+		return { timeouts: [] };
+	}, store);
+}
+function completeNavigationProgressAction(store) {
+	cleanupNavigationProgressAction(store);
+	updateNavigationProgressStateAction((state) => {
+		return {
+			progress: 100,
+			timeouts: [window.setTimeout(() => {
+				updateNavigationProgressStateAction(() => ({ mounted: false }), store);
+			}, 50), window.setTimeout(() => {
+				updateNavigationProgressStateAction(() => ({ progress: 0 }), store);
+			}, state.stepInterval + 50)]
+		};
+	}, store);
+}
+function startNavigationProgressAction(store) {
+	updateNavigationProgressStateAction((state) => ({
+		progress: getIntervalProgressValue(state.progress),
+		mounted: true
+	}), store);
+	updateNavigationProgressStateAction((state) => {
+		window.clearInterval(state.interval);
+		return {
+			interval: window.setInterval(() => {
+				updateNavigationProgressStateAction((current) => ({
+					progress: getIntervalProgressValue(current.progress),
+					mounted: true
+				}), store);
+			}, state.stepInterval),
+			mounted: true
+		};
+	}, store);
+}
+function stopNavigationProgressAction(store) {
+	updateNavigationProgressStateAction((state) => {
+		window.clearInterval(state.interval);
+		return { interval: -1 };
+	}, store);
+}
+function resetNavigationProgressAction(store) {
+	cleanupNavigationProgressAction(store);
+	stopNavigationProgressAction(store);
+	updateNavigationProgressStateAction(() => ({
+		progress: 0,
+		mounted: false
+	}), store);
+}
+function incrementNavigationProgressAction(store) {
+	updateNavigationProgressStateAction((state) => {
+		const nextValue = Math.min(state.progress + state.step, 100);
+		const nextMounted = nextValue !== 100 && nextValue !== 0;
+		if (!nextMounted) {
+			const timeout = window.setTimeout(() => resetNavigationProgressAction(store), state.stepInterval + 50);
+			return {
+				progress: nextValue,
+				mounted: nextMounted,
+				timeouts: [...state.timeouts, timeout]
+			};
+		}
+		return {
+			progress: nextValue,
+			mounted: nextMounted
+		};
+	}, store);
+}
+function createNprogress() {
+	const store = createNprogressStore();
+	return [store, {
+		start: () => startNavigationProgressAction(store),
+		stop: () => stopNavigationProgressAction(store),
+		reset: () => resetNavigationProgressAction(store),
+		set: (value) => setNavigationProgressAction(value, store),
+		increment: () => incrementNavigationProgressAction(store),
+		decrement: () => decrementNavigationProgressAction(store),
+		complete: () => completeNavigationProgressAction(store),
+		cleanup: () => cleanupNavigationProgressAction(store)
+	}];
+}
+var [nprogressStore, nprogress] = createNprogress();
+var { start: startNavigationProgress, stop: stopNavigationProgress, reset: resetNavigationProgress, set: setNavigationProgress, increment: incrementNavigationProgress, decrement: decrementNavigationProgress, complete: completeNavigationProgress, cleanup: cleanupNavigationProgress } = nprogress;
+var NavigationProgress_module_default = {
+	root: "_root_1o6fp_1",
+	section: "_section_1o6fp_17"
+};
+//#endregion
+//#region src/NavigationProgress.ts
+var NavigationProgress = defineComponent({
+	name: "NavigationProgress",
+	inheritAttrs: false,
+	props: {
+		store: {
+			type: Object,
+			default: () => nprogressStore
+		},
+		initialProgress: {
+			type: Number,
+			default: 0
+		},
+		color: {
+			type: String,
+			default: void 0
+		},
+		size: {
+			type: Number,
+			default: 3
+		},
+		stepInterval: {
+			type: Number,
+			default: 500
+		},
+		withinPortal: {
+			type: Boolean,
+			default: true
+		},
+		portalProps: {
+			type: Object,
+			default: void 0
+		},
+		zIndex: {
+			type: [Number, String],
+			default: () => getDefaultZIndex("max")
+		}
+	},
+	setup(props, { attrs }) {
+		const state = useNprogress(props.store);
+		watch(() => [
+			props.initialProgress,
+			props.stepInterval,
+			props.store
+		], () => {
+			props.store.setState((current) => ({
+				...current,
+				progress: props.initialProgress,
+				stepInterval: props.stepInterval
+			}));
+		}, { immediate: true });
+		onBeforeUnmount(() => resetNavigationProgressAction(props.store));
+		return () => h(OptionalPortal, {
+			withinPortal: props.withinPortal,
+			...props.portalProps
+		}, () => h(Progress, {
+			...attrs,
+			radius: 0,
+			value: state.value.progress,
+			size: props.size,
+			color: props.color,
+			classNames: NavigationProgress_module_default,
+			"data-mounted": state.value.mounted || void 0,
+			vars: { root: { "--nprogress-z-index": props.zIndex?.toString() } }
+		}));
+	}
+});
+//#endregion
+export { NavigationProgress, cleanupNavigationProgress, cleanupNavigationProgressAction, completeNavigationProgress, completeNavigationProgressAction, createNprogress, createNprogressStore, decrementNavigationProgress, decrementNavigationProgressAction, incrementNavigationProgress, incrementNavigationProgressAction, nprogress, nprogressStore, resetNavigationProgress, resetNavigationProgressAction, setNavigationProgress, setNavigationProgressAction, startNavigationProgress, startNavigationProgressAction, stopNavigationProgress, stopNavigationProgressAction, updateNavigationProgressStateAction, useNprogress };
+
+//# sourceMappingURL=index.mjs.map

package/esm/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../src/nprogress.store.ts","../src/NavigationProgress.module.css","../src/NavigationProgress.ts"],"sourcesContent":["import { type Ref } from 'vue'\nimport { createStore, type MantineStore } from '@mantine-vue/store'\n\nfunction clamp(value: number, min: number, max: number) {\n  return Math.min(max, Math.max(min, value))\n}\n\nfunction getIntervalProgressValue(currentProgress: number) {\n  let next = 0.5\n\n  if (currentProgress >= 0 && currentProgress <= 20) {\n    next = 10\n  } else if (currentProgress >= 20 && currentProgress <= 50) {\n    next = 4\n  } else if (currentProgress >= 50 && currentProgress <= 80) {\n    next = 2\n  } else if (currentProgress >= 80 && currentProgress <= 99) {\n    next = 1\n  } else if (currentProgress >= 99 && currentProgress <= 100) {\n    next = 0\n  }\n\n  return currentProgress + next\n}\n\nexport interface NprogressState {\n  mounted: boolean\n  progress: number\n  interval: number\n  step: number\n  stepInterval: number\n  timeouts: number[]\n}\n\nexport type NprogressStore = MantineStore<NprogressState>\n\nexport const createNprogressStore = () =>\n  createStore<NprogressState>({\n    mounted: false,\n    progress: 0,\n    interval: 0,\n    step: 1,\n    stepInterval: 100,\n    timeouts: [],\n  })\n\nexport const useNprogress = (store: NprogressStore): Readonly<Ref<NprogressState>> => store.value\n\nexport function updateNavigationProgressStateAction(\n  update: (state: NprogressState) => Partial<NprogressState>,\n  store: NprogressStore,\n) {\n  const state = store.getState()\n  store.setState({ ...state, ...update(store.getState()) })\n}\n\nexport function decrementNavigationProgressAction(store: NprogressStore) {\n  updateNavigationProgressStateAction(\n    (state) => ({ progress: Math.max(state.progress - state.step, 0) }),\n    store,\n  )\n}\n\nexport function setNavigationProgressAction(value: number, store: NprogressStore) {\n  updateNavigationProgressStateAction(\n    () => ({ progress: clamp(value, 0, 100), mounted: true }),\n    store,\n  )\n}\n\nexport function cleanupNavigationProgressAction(store: NprogressStore) {\n  updateNavigationProgressStateAction((state) => {\n    window.clearInterval(state.interval)\n    state.timeouts.forEach((timeout) => window.clearTimeout(timeout))\n    return { timeouts: [] }\n  }, store)\n}\n\nexport function completeNavigationProgressAction(store: NprogressStore) {\n  cleanupNavigationProgressAction(store)\n\n  updateNavigationProgressStateAction((state) => {\n    const mountedTimeout = window.setTimeout(() => {\n      updateNavigationProgressStateAction(() => ({ mounted: false }), store)\n    }, 50)\n\n    const resetTimeout = window.setTimeout(() => {\n      updateNavigationProgressStateAction(() => ({ progress: 0 }), store)\n    }, state.stepInterval + 50)\n\n    return { progress: 100, timeouts: [mountedTimeout, resetTimeout] }\n  }, store)\n}\n\nexport function startNavigationProgressAction(store: NprogressStore) {\n  updateNavigationProgressStateAction(\n    (state) => ({ progress: getIntervalProgressValue(state.progress), mounted: true }),\n    store,\n  )\n\n  updateNavigationProgressStateAction((state) => {\n    window.clearInterval(state.interval)\n\n    const interval = window.setInterval(() => {\n      updateNavigationProgressStateAction(\n        (current) => ({ progress: getIntervalProgressValue(current.progress), mounted: true }),\n        store,\n      )\n    }, state.stepInterval)\n\n    return { interval, mounted: true }\n  }, store)\n}\n\nexport function stopNavigationProgressAction(store: NprogressStore) {\n  updateNavigationProgressStateAction((state) => {\n    window.clearInterval(state.interval)\n    return { interval: -1 }\n  }, store)\n}\n\nexport function resetNavigationProgressAction(store: NprogressStore) {\n  cleanupNavigationProgressAction(store)\n  stopNavigationProgressAction(store)\n  updateNavigationProgressStateAction(() => ({ progress: 0, mounted: false }), store)\n}\n\nexport function incrementNavigationProgressAction(store: NprogressStore) {\n  updateNavigationProgressStateAction((state) => {\n    const nextValue = Math.min(state.progress + state.step, 100)\n    const nextMounted = nextValue !== 100 && nextValue !== 0\n\n    if (!nextMounted) {\n      const timeout = window.setTimeout(\n        () => resetNavigationProgressAction(store),\n        state.stepInterval + 50,\n      )\n\n      return {\n        progress: nextValue,\n        mounted: nextMounted,\n        timeouts: [...state.timeouts, timeout],\n      }\n    }\n\n    return {\n      progress: nextValue,\n      mounted: nextMounted,\n    }\n  }, store)\n}\n\nexport function createNprogress() {\n  const store = createNprogressStore()\n  const actions = {\n    start: () => startNavigationProgressAction(store),\n    stop: () => stopNavigationProgressAction(store),\n    reset: () => resetNavigationProgressAction(store),\n    set: (value: number) => setNavigationProgressAction(value, store),\n    increment: () => incrementNavigationProgressAction(store),\n    decrement: () => decrementNavigationProgressAction(store),\n    complete: () => completeNavigationProgressAction(store),\n    cleanup: () => cleanupNavigationProgressAction(store),\n  }\n\n  return [store, actions] as const\n}\n\nexport const [nprogressStore, nprogress] = createNprogress()\nexport const {\n  start: startNavigationProgress,\n  stop: stopNavigationProgress,\n  reset: resetNavigationProgress,\n  set: setNavigationProgress,\n  increment: incrementNavigationProgress,\n  decrement: decrementNavigationProgress,\n  complete: completeNavigationProgress,\n  cleanup: cleanupNavigationProgress,\n} = nprogress\n",".root {\n  position: fixed;\n  top: 0;\n  inset-inline: 0;\n  z-index: var(--nprogress-z-index);\n  background-color: transparent;\n  transition: opacity 150ms ease;\n  transition-delay: 50ms;\n  opacity: 0;\n  overflow: visible;\n\n  &:where([data-mounted]) {\n    opacity: 1;\n  }\n}\n\n.section {\n  position: relative;\n  transition: width 150ms ease;\n  overflow: visible;\n\n  &::before {\n    content: '';\n    position: absolute;\n    width: 100px;\n    height: var(--progress-size);\n    top: 0;\n    inset-inline-end: 1px;\n    transform: rotate(4deg) translateY(-4px);\n    box-shadow:\n      0 0 10px var(--progress-section-color),\n      0 0 5px var(--progress-section-color);\n  }\n}\n","import { defineComponent, h, onBeforeUnmount, watch, type PropType } from 'vue'\nimport { OptionalPortal, Progress, getDefaultZIndex } from '@mantine-vue/core'\nimport {\n  nprogressStore,\n  resetNavigationProgressAction,\n  useNprogress,\n  type NprogressStore,\n} from './nprogress.store'\nimport classes from './NavigationProgress.module.css'\n\nexport interface NavigationProgressProps {\n  store?: NprogressStore\n  initialProgress?: number\n  color?: string\n  size?: number\n  stepInterval?: number\n  withinPortal?: boolean\n  portalProps?: Record<string, any>\n  zIndex?: string | number\n}\n\nexport const NavigationProgress = defineComponent({\n  name: 'NavigationProgress',\n  inheritAttrs: false,\n  props: {\n    store: { type: Object as PropType<NprogressStore>, default: () => nprogressStore },\n    initialProgress: { type: Number, default: 0 },\n    color: { type: String, default: undefined },\n    size: { type: Number, default: 3 },\n    stepInterval: { type: Number, default: 500 },\n    withinPortal: { type: Boolean, default: true },\n    portalProps: { type: Object as PropType<Record<string, any>>, default: undefined },\n    zIndex: {\n      type: [Number, String] as PropType<string | number>,\n      default: () => getDefaultZIndex('max'),\n    },\n  },\n  setup(props, { attrs }) {\n    const state = useNprogress(props.store)\n\n    watch(\n      () => [props.initialProgress, props.stepInterval, props.store] as const,\n      () => {\n        props.store.setState((current) => ({\n          ...current,\n          progress: props.initialProgress,\n          stepInterval: props.stepInterval,\n        }))\n      },\n      { immediate: true },\n    )\n\n    onBeforeUnmount(() => resetNavigationProgressAction(props.store))\n\n    return () =>\n      h(OptionalPortal, { withinPortal: props.withinPortal, ...props.portalProps }, () =>\n        h(Progress, {\n          ...attrs,\n          radius: 0,\n          value: state.value.progress,\n          size: props.size,\n          color: props.color,\n          classNames: classes,\n          'data-mounted': state.value.mounted || undefined,\n          vars: {\n            root: {\n              '--nprogress-z-index': props.zIndex?.toString(),\n            },\n          },\n        }),\n      )\n  },\n})\n"],"mappings":"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"}

package/lib/NavigationProgress.d.ts

@@ -0,0 +1,90 @@
+import { type PropType } from 'vue';
+import { type NprogressStore } from './nprogress.store';
+export interface NavigationProgressProps {
+    store?: NprogressStore;
+    initialProgress?: number;
+    color?: string;
+    size?: number;
+    stepInterval?: number;
+    withinPortal?: boolean;
+    portalProps?: Record<string, any>;
+    zIndex?: string | number;
+}
+export declare const NavigationProgress: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    store: {
+        type: PropType<NprogressStore>;
+        default: () => import("@mantine-vue/store").MantineStore<import("./nprogress.store").NprogressState>;
+    };
+    initialProgress: {
+        type: NumberConstructor;
+        default: number;
+    };
+    color: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    size: {
+        type: NumberConstructor;
+        default: number;
+    };
+    stepInterval: {
+        type: NumberConstructor;
+        default: number;
+    };
+    withinPortal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    portalProps: {
+        type: PropType<Record<string, any>>;
+        default: undefined;
+    };
+    zIndex: {
+        type: PropType<string | number>;
+        default: () => number;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    store: {
+        type: PropType<NprogressStore>;
+        default: () => import("@mantine-vue/store").MantineStore<import("./nprogress.store").NprogressState>;
+    };
+    initialProgress: {
+        type: NumberConstructor;
+        default: number;
+    };
+    color: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    size: {
+        type: NumberConstructor;
+        default: number;
+    };
+    stepInterval: {
+        type: NumberConstructor;
+        default: number;
+    };
+    withinPortal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    portalProps: {
+        type: PropType<Record<string, any>>;
+        default: undefined;
+    };
+    zIndex: {
+        type: PropType<string | number>;
+        default: () => number;
+    };
+}>> & Readonly<{}>, {
+    size: number;
+    color: string;
+    zIndex: string | number;
+    withinPortal: boolean;
+    portalProps: Record<string, any>;
+    store: NprogressStore;
+    stepInterval: number;
+    initialProgress: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/index.d.mts

@@ -0,0 +1,3 @@
+export { NavigationProgress } from './NavigationProgress';
+export * from './nprogress.store';
+export type { NavigationProgressProps } from './NavigationProgress';

package/lib/index.d.ts

@@ -0,0 +1,3 @@
+export { NavigationProgress } from './NavigationProgress';
+export * from './nprogress.store';
+export type { NavigationProgressProps } from './NavigationProgress';

package/lib/nprogress.store.d.ts

@@ -0,0 +1,43 @@
+import { type Ref } from 'vue';
+import { type MantineStore } from '@mantine-vue/store';
+export interface NprogressState {
+    mounted: boolean;
+    progress: number;
+    interval: number;
+    step: number;
+    stepInterval: number;
+    timeouts: number[];
+}
+export type NprogressStore = MantineStore<NprogressState>;
+export declare const createNprogressStore: () => MantineStore<NprogressState>;
+export declare const useNprogress: (store: NprogressStore) => Readonly<Ref<NprogressState>>;
+export declare function updateNavigationProgressStateAction(update: (state: NprogressState) => Partial<NprogressState>, store: NprogressStore): void;
+export declare function decrementNavigationProgressAction(store: NprogressStore): void;
+export declare function setNavigationProgressAction(value: number, store: NprogressStore): void;
+export declare function cleanupNavigationProgressAction(store: NprogressStore): void;
+export declare function completeNavigationProgressAction(store: NprogressStore): void;
+export declare function startNavigationProgressAction(store: NprogressStore): void;
+export declare function stopNavigationProgressAction(store: NprogressStore): void;
+export declare function resetNavigationProgressAction(store: NprogressStore): void;
+export declare function incrementNavigationProgressAction(store: NprogressStore): void;
+export declare function createNprogress(): readonly [MantineStore<NprogressState>, {
+    start: () => void;
+    stop: () => void;
+    reset: () => void;
+    set: (value: number) => void;
+    increment: () => void;
+    decrement: () => void;
+    complete: () => void;
+    cleanup: () => void;
+}];
+export declare const nprogressStore: MantineStore<NprogressState>, nprogress: {
+    start: () => void;
+    stop: () => void;
+    reset: () => void;
+    set: (value: number) => void;
+    increment: () => void;
+    decrement: () => void;
+    complete: () => void;
+    cleanup: () => void;
+};
+export declare const startNavigationProgress: () => void, stopNavigationProgress: () => void, resetNavigationProgress: () => void, setNavigationProgress: (value: number) => void, incrementNavigationProgress: () => void, decrementNavigationProgress: () => void, completeNavigationProgress: () => void, cleanupNavigationProgress: () => void;

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@mantine-vue/nprogress",
+  "version": "1.1.2",
+  "description": "Vue navigation progress bar equivalent to @mantine/nprogress",
+  "license": "MIT",
+  "files": [
+    "cjs",
+    "esm",
+    "lib",
+    "styles.css",
+    "styles.layer.css",
+    "styles"
+  ],
+  "sideEffects": [
+    "*.css"
+  ],
+  "main": "./cjs/index.cjs",
+  "module": "./esm/index.mjs",
+  "types": "./lib/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./lib/index.d.mts",
+        "default": "./esm/index.mjs"
+      },
+      "require": {
+        "types": "./lib/index.d.ts",
+        "default": "./cjs/index.cjs"
+      }
+    }
+  },
+  "devDependencies": {
+    "@mantine-vue/core": "workspace:*",
+    "@mantine-vue/store": "workspace:*",
+    "@vue/compiler-dom": "^3.5.0",
+    "@vue/test-utils": "^2.4.6",
+    "vue": "^3.5.0"
+  },
+  "peerDependencies": {
+    "@mantine-vue/core": "1.1.1",
+    "@mantine-vue/store": "1.1.1",
+    "vue": "^3.5.0"
+  }
+}

package/styles.css

@@ -0,0 +1,35 @@
+._root_1o6fp_1 {
+  position: fixed;
+  top: 0;
+  inset-inline: 0;
+  z-index: var(--nprogress-z-index);
+  background-color: transparent;
+  transition: opacity 150ms ease;
+  transition-delay: 50ms;
+  opacity: 0;
+  overflow: visible;
+}
+
+  ._root_1o6fp_1:where([data-mounted]) {
+    opacity: 1;
+  }
+
+._section_1o6fp_17 {
+  position: relative;
+  transition: width 150ms ease;
+  overflow: visible;
+}
+
+._section_1o6fp_17::before {
+    content: '';
+    position: absolute;
+    width: calc(6.25rem * var(--mantine-scale));
+    height: var(--progress-size);
+    top: 0;
+    inset-inline-end: calc(0.0625rem * var(--mantine-scale));
+    transform: rotate(4deg) translateY(-4px);
+    box-shadow:
+      0 0 10px var(--progress-section-color),
+      0 0 5px var(--progress-section-color);
+  }
+/*$vite$:1*/

package/styles.layer.css

@@ -0,0 +1,37 @@
+@layer mantine {
+._root_1o6fp_1 {
+  position: fixed;
+  top: 0;
+  inset-inline: 0;
+  z-index: var(--nprogress-z-index);
+  background-color: transparent;
+  transition: opacity 150ms ease;
+  transition-delay: 50ms;
+  opacity: 0;
+  overflow: visible;
+}
+
+  ._root_1o6fp_1:where([data-mounted]) {
+    opacity: 1;
+  }
+
+._section_1o6fp_17 {
+  position: relative;
+  transition: width 150ms ease;
+  overflow: visible;
+}
+
+._section_1o6fp_17::before {
+    content: '';
+    position: absolute;
+    width: calc(6.25rem * var(--mantine-scale));
+    height: var(--progress-size);
+    top: 0;
+    inset-inline-end: calc(0.0625rem * var(--mantine-scale));
+    transform: rotate(4deg) translateY(-4px);
+    box-shadow:
+      0 0 10px var(--progress-section-color),
+      0 0 5px var(--progress-section-color);
+  }
+/*$vite$:1*/
+}