npm - @milaboratories/uikit - Versions diffs - 2.16.0 → 2.16.2 - Mend

@milaboratories/uikit 2.16.0 → 2.16.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1369) hide show

package/dist/composition/useSortable2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useSortable2.js","names":[],"sources":["../../src/composition/useSortable2.ts"],"sourcesContent":["import type { Ref } from \"vue\";\nimport { computed, watch, watchEffect } from \"vue\";\nimport { useEventListener } from \"./useEventListener\";\n\ntype SortableItem = {\n el: HTMLElement;\n y: number;\n dy: number;\n orderChanged: boolean;\n initialScrollTop: number;\n};\n\nexport type SortableSettings = {\n onChange: (indices: number[]) => void;\n handle?: string;\n shakeBuffer?: number;\n reorderDelay?: number;\n transitionDelay?: string;\n};\n\nconst classes = {\n item: \"sortable__item\",\n animate: \"sortable__animate\",\n};\n\nconst getOffset = (el: HTMLElement) => {\n return el.getBoundingClientRect().y;\n};\n\nconst getMiddle = (el: HTMLElement) => {\n const { y, height } = el.getBoundingClientRect();\n return y + Math.ceil(height / 2);\n};\n\nconst getBottom = (el: HTMLElement) => {\n const { y, height } = el.getBoundingClientRect();\n return y + height;\n};\n\n/*\n Description: Scroll support has been added to the container where sorting takes place.\n * Some functionality duplicates the behavior of useScrollable.\n \n Purpose: To enable automatic scrolling when dragging items beyond the visible area of the container.\n * Future Plan:\n * - Verify the behavior of the new scrolling functionality within blocks and text elements.\n * - Merge the current implementation with useScrollable to eliminate code duplication and create a unified scrolling solution.\n */\nexport function useSortable2(listRef: Ref<HTMLElement \| undefined>, settings: SortableSettings) {\n const state = {\n item: undefined as SortableItem \| undefined,\n options() {\n return [...(listRef.value?.children ?? [])] as HTMLElement[];\n },\n };\n let oldScrollTop = 0;\n\n watch(\n () => listRef.value,\n () => {\n setTimeout(() => {\n if (listRef.value) {\n listRef.value.scrollTop = oldScrollTop;\n }\n }, 0);\n },\n );\n\n const optionsRef = computed(() => {\n return state.options();\n });\n\n const shakeBuffer = settings.shakeBuffer ?? 10;\n\n const reorderDelay = settings.reorderDelay ?? 100;\n\n function mouseDown(this: HTMLElement, e: { y: number; target: EventTarget \| null }) {\n const handle = settings.handle ? this.querySelector(settings.handle) : null;\n\n if (!handle) {\n return;\n }\n\n if (handle && !handle.contains(e.target as HTMLElement)) {\n return;\n }\n\n this.classList.remove(classes.animate);\n this.classList.add(classes.item);\n\n state.item = {\n el: this,\n y: e.y,\n dy: 0,\n initialScrollTop: listRef.value?.scrollTop \|\| 0,\n orderChanged: false,\n };\n }\n\n function elementsBefore(el: HTMLElement) {\n const options = state.options();\n return options.slice(0, options.indexOf(el));\n }\n\n function elementsAfter(el: HTMLElement) {\n const children = state.options();\n return children.slice(children.indexOf(el) + 1);\n }\n\n function insertBefore(before: HTMLElement, el: HTMLElement) {\n const children = state.options().filter((e) => e !== el);\n const index = children.indexOf(before);\n children.splice(index, 0, el);\n return children;\n }\n\n function insertAfter(after: HTMLElement, el: HTMLElement) {\n const children = state.options().filter((e) => e !== el);\n const index = children.indexOf(after);\n children.splice(index + 1, 0, el);\n return children;\n }\n\n function updatePosition(item: SortableItem, y: number) {\n const currentScrollTop = listRef.value?.scrollTop \|\| 0;\n const scrollDiff = currentScrollTop - (item.initialScrollTop \|\| 0);\n item.dy = y - item.y + scrollDiff;\n item.el.style.setProperty(\"transform\", `translateY(${item.dy}px)`);\n }\n\n function changeOrder(reordered: HTMLElement[]) {\n if (!state.item) {\n return;\n }\n\n const { el } = state.item;\n\n if (!el.isConnected) {\n state.item = undefined;\n return;\n }\n\n const oldPositions = reordered.map((e) => getOffset(e));\n\n const y1 = getOffset(el);\n listRef.value?.replaceChildren(...reordered);\n const y2 = getOffset(el);\n\n const newPositions = reordered.map((e) => getOffset(e));\n\n const toAnimate: HTMLElement[] = [];\n\n for (let i = 0; i < newPositions.length; i++) {\n const option = reordered[i];\n\n if (option === state.item.el) {\n continue;\n }\n\n const newY = newPositions[i];\n\n const oldY = oldPositions[i];\n\n const invert = oldY - newY;\n\n option.style.transform = `translateY(${invert}px)`;\n\n toAnimate.push(option);\n }\n\n const dy = y2 - y1;\n\n state.item.y = state.item.y + dy;\n state.item.dy = state.item.dy - dy;\n state.item.orderChanged = true;\n state.item.el.style.setProperty(\"transform\", `translateY(${state.item.dy}px)`);\n\n toAnimate.forEach((o) => o.classList.remove(classes.animate));\n\n requestAnimationFrame(function () {\n toAnimate.forEach((option) => {\n option.classList.add(classes.animate);\n option.style.transform = \"\";\n option.addEventListener(\"transitionend\", () => {\n option.classList.remove(classes.animate);\n });\n });\n });\n }\n\n useEventListener(window, \"mousemove\", (e: { y: number }) => {\n if (!state.item) {\n return;\n }\n\n const { el } = state.item;\n\n updatePosition(state.item, e.y);\n\n const upper = getOffset(state.item.el);\n const bottom = getBottom(state.item.el);\n\n const before = elementsBefore(el);\n const after = elementsAfter(el);\n\n before.forEach((e) => {\n const y = getMiddle(e);\n\n if (upper + shakeBuffer < y) {\n changeOrder(insertBefore(e, el));\n }\n });\n\n after.forEach((e) => {\n const y = getMiddle(e);\n\n if (bottom - shakeBuffer > y) {\n changeOrder(insertAfter(e, el));\n }\n });\n\n if (listRef.value) {\n const rect = listRef.value.getBoundingClientRect();\n\n const deltaUp = rect.top + el.getBoundingClientRect().height / 2;\n if ((e as MouseEvent).clientY < deltaUp) {\n listRef.value.scrollTop += (e as MouseEvent).clientY - deltaUp;\n }\n\n const deltaDown = rect.bottom - el.getBoundingClientRect().height / 2;\n if ((e as MouseEvent).clientY > deltaDown) {\n listRef.value.scrollTop += (e as MouseEvent).clientY - deltaDown;\n }\n }\n });\n\n useEventListener(window, \"mouseup\", () => {\n if (!state.item) {\n return;\n }\n\n oldScrollTop = listRef.value?.scrollTop \|\| 0;\n\n const { el, orderChanged } = state.item;\n\n el.classList.add(classes.animate);\n el.style.removeProperty(\"transform\");\n\n el.addEventListener(\"transitionend\", () => {\n el.classList.remove(classes.animate, classes.item);\n });\n\n setTimeout(() => {\n if (!orderChanged) {\n return;\n }\n\n const newIndices = state.options().map((o) => Number(o.getAttribute(\"data-index\")));\n\n const list = listRef.value;\n\n if (list) {\n for (const child of state.options()) {\n list.removeChild(child);\n }\n\n optionsRef.value.forEach((child) => {\n list.appendChild(child);\n });\n }\n\n settings.onChange(newIndices);\n }, reorderDelay);\n\n state.item = undefined;\n });\n\n watchEffect(() => {\n optionsRef.value.forEach((child, i) => {\n child.removeEventListener(\"mousedown\", mouseDown);\n child.addEventListener(\"mousedown\", mouseDown);\n child.setAttribute(\"data-index\", String(i));\n });\n });\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"useSortable2.js","names":["classes","getOffset","el","getMiddle","y","height","getBottom","useSortable2","state","listRef","oldScrollTop","optionsRef","computed","shakeBuffer","settings","reorderDelay","mouseDown","handle","elementsBefore","options","elementsAfter","children","insertBefore","index","before","insertAfter","after","updatePosition","scrollDiff","item","changeOrder","oldPositions","reordered","y1","y2","newPositions","toAnimate","i","option","newY","invert","dy","o","useEventListener","upper","bottom","rect","deltaUp","deltaDown","orderChanged","newIndices","list","child","watchEffect"],"sources":["../../src/composition/useSortable2.ts"],"sourcesContent":["import type { Ref } from \"vue\";\nimport { computed, watch, watchEffect } from \"vue\";\nimport { useEventListener } from \"./useEventListener\";\n\ntype SortableItem = {\n el: HTMLElement;\n y: number;\n dy: number;\n orderChanged: boolean;\n initialScrollTop: number;\n};\n\nexport type SortableSettings = {\n onChange: (indices: number[]) => void;\n handle?: string;\n shakeBuffer?: number;\n reorderDelay?: number;\n transitionDelay?: string;\n};\n\nconst classes = {\n item: \"sortable__item\",\n animate: \"sortable__animate\",\n};\n\nconst getOffset = (el: HTMLElement) => {\n return el.getBoundingClientRect().y;\n};\n\nconst getMiddle = (el: HTMLElement) => {\n const { y, height } = el.getBoundingClientRect();\n return y + Math.ceil(height / 2);\n};\n\nconst getBottom = (el: HTMLElement) => {\n const { y, height } = el.getBoundingClientRect();\n return y + height;\n};\n\n/*\n Description: Scroll support has been added to the container where sorting takes place.\n * Some functionality duplicates the behavior of useScrollable.\n \n Purpose: To enable automatic scrolling when dragging items beyond the visible area of the container.\n * Future Plan:\n * - Verify the behavior of the new scrolling functionality within blocks and text elements.\n * - Merge the current implementation with useScrollable to eliminate code duplication and create a unified scrolling solution.\n */\nexport function useSortable2(listRef: Ref<HTMLElement \| undefined>, settings: SortableSettings) {\n const state = {\n item: undefined as SortableItem \| undefined,\n options() {\n return [...(listRef.value?.children ?? [])] as HTMLElement[];\n },\n };\n let oldScrollTop = 0;\n\n watch(\n () => listRef.value,\n () => {\n setTimeout(() => {\n if (listRef.value) {\n listRef.value.scrollTop = oldScrollTop;\n }\n }, 0);\n },\n );\n\n const optionsRef = computed(() => {\n return state.options();\n });\n\n const shakeBuffer = settings.shakeBuffer ?? 10;\n\n const reorderDelay = settings.reorderDelay ?? 100;\n\n function mouseDown(this: HTMLElement, e: { y: number; target: EventTarget \| null }) {\n const handle = settings.handle ? this.querySelector(settings.handle) : null;\n\n if (!handle) {\n return;\n }\n\n if (handle && !handle.contains(e.target as HTMLElement)) {\n return;\n }\n\n this.classList.remove(classes.animate);\n this.classList.add(classes.item);\n\n state.item = {\n el: this,\n y: e.y,\n dy: 0,\n initialScrollTop: listRef.value?.scrollTop \|\| 0,\n orderChanged: false,\n };\n }\n\n function elementsBefore(el: HTMLElement) {\n const options = state.options();\n return options.slice(0, options.indexOf(el));\n }\n\n function elementsAfter(el: HTMLElement) {\n const children = state.options();\n return children.slice(children.indexOf(el) + 1);\n }\n\n function insertBefore(before: HTMLElement, el: HTMLElement) {\n const children = state.options().filter((e) => e !== el);\n const index = children.indexOf(before);\n children.splice(index, 0, el);\n return children;\n }\n\n function insertAfter(after: HTMLElement, el: HTMLElement) {\n const children = state.options().filter((e) => e !== el);\n const index = children.indexOf(after);\n children.splice(index + 1, 0, el);\n return children;\n }\n\n function updatePosition(item: SortableItem, y: number) {\n const currentScrollTop = listRef.value?.scrollTop \|\| 0;\n const scrollDiff = currentScrollTop - (item.initialScrollTop \|\| 0);\n item.dy = y - item.y + scrollDiff;\n item.el.style.setProperty(\"transform\", `translateY(${item.dy}px)`);\n }\n\n function changeOrder(reordered: HTMLElement[]) {\n if (!state.item) {\n return;\n }\n\n const { el } = state.item;\n\n if (!el.isConnected) {\n state.item = undefined;\n return;\n }\n\n const oldPositions = reordered.map((e) => getOffset(e));\n\n const y1 = getOffset(el);\n listRef.value?.replaceChildren(...reordered);\n const y2 = getOffset(el);\n\n const newPositions = reordered.map((e) => getOffset(e));\n\n const toAnimate: HTMLElement[] = [];\n\n for (let i = 0; i < newPositions.length; i++) {\n const option = reordered[i];\n\n if (option === state.item.el) {\n continue;\n }\n\n const newY = newPositions[i];\n\n const oldY = oldPositions[i];\n\n const invert = oldY - newY;\n\n option.style.transform = `translateY(${invert}px)`;\n\n toAnimate.push(option);\n }\n\n const dy = y2 - y1;\n\n state.item.y = state.item.y + dy;\n state.item.dy = state.item.dy - dy;\n state.item.orderChanged = true;\n state.item.el.style.setProperty(\"transform\", `translateY(${state.item.dy}px)`);\n\n toAnimate.forEach((o) => o.classList.remove(classes.animate));\n\n requestAnimationFrame(function () {\n toAnimate.forEach((option) => {\n option.classList.add(classes.animate);\n option.style.transform = \"\";\n option.addEventListener(\"transitionend\", () => {\n option.classList.remove(classes.animate);\n });\n });\n });\n }\n\n useEventListener(window, \"mousemove\", (e: { y: number }) => {\n if (!state.item) {\n return;\n }\n\n const { el } = state.item;\n\n updatePosition(state.item, e.y);\n\n const upper = getOffset(state.item.el);\n const bottom = getBottom(state.item.el);\n\n const before = elementsBefore(el);\n const after = elementsAfter(el);\n\n before.forEach((e) => {\n const y = getMiddle(e);\n\n if (upper + shakeBuffer < y) {\n changeOrder(insertBefore(e, el));\n }\n });\n\n after.forEach((e) => {\n const y = getMiddle(e);\n\n if (bottom - shakeBuffer > y) {\n changeOrder(insertAfter(e, el));\n }\n });\n\n if (listRef.value) {\n const rect = listRef.value.getBoundingClientRect();\n\n const deltaUp = rect.top + el.getBoundingClientRect().height / 2;\n if ((e as MouseEvent).clientY < deltaUp) {\n listRef.value.scrollTop += (e as MouseEvent).clientY - deltaUp;\n }\n\n const deltaDown = rect.bottom - el.getBoundingClientRect().height / 2;\n if ((e as MouseEvent).clientY > deltaDown) {\n listRef.value.scrollTop += (e as MouseEvent).clientY - deltaDown;\n }\n }\n });\n\n useEventListener(window, \"mouseup\", () => {\n if (!state.item) {\n return;\n }\n\n oldScrollTop = listRef.value?.scrollTop \|\| 0;\n\n const { el, orderChanged } = state.item;\n\n el.classList.add(classes.animate);\n el.style.removeProperty(\"transform\");\n\n el.addEventListener(\"transitionend\", () => {\n el.classList.remove(classes.animate, classes.item);\n });\n\n setTimeout(() => {\n if (!orderChanged) {\n return;\n }\n\n const newIndices = state.options().map((o) => Number(o.getAttribute(\"data-index\")));\n\n const list = listRef.value;\n\n if (list) {\n for (const child of state.options()) {\n list.removeChild(child);\n }\n\n optionsRef.value.forEach((child) => {\n list.appendChild(child);\n });\n }\n\n settings.onChange(newIndices);\n }, reorderDelay);\n\n state.item = undefined;\n });\n\n watchEffect(() => {\n optionsRef.value.forEach((child, i) => {\n child.removeEventListener(\"mousedown\", mouseDown);\n child.addEventListener(\"mousedown\", mouseDown);\n child.setAttribute(\"data-index\", String(i));\n });\n });\n}\n"],"mappings":"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"}

package/dist/composition/useTheme.js CHANGED Viewed

@@ -1,18 +1,18 @@
 import { mapIterable as e, toList as t } from "../helpers/iterators.js";
 import { useLocalStorage as n } from "./useLocalStorage.js";
 import { computed as r, onMounted as i, onUnmounted as a, ref as o, unref as s, watch as c } from "vue";
-//#region src/composition/useTheme.ts
+// src/composition/useTheme.ts
 var l = /* @__PURE__ */ new Set();
 window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", (n) => {
 	t(e(l.values(), (e) => e(n.matches ? "dark" : "light")));
 });
-var u = o(window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), d = n("theme");
-function f(e) {
-	let t = r(() => d.value ? d.value : u.value), n = (t) => {
-		u.value = t, e?.(t);
+var u = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", d = o(u), f = n("theme");
+function p(e) {
+	let t = r(() => f.value ? f.value : d.value), n = (t) => {
+		d.value = t, e?.(t);
 	};
 	function o() {
-		d.value = t.value === "light" ? "dark" : (t.value, "light");
+		f.value = t.value === "light" ? "dark" : (t.value, "light");
 	}
 	return c(t, (t) => {
 		e?.(s(t));
@@ -22,7 +22,6 @@ function f(e) {
 		l.delete(n);
 	}), [t, o];
 }
-//#endregion
-export { f as useTheme };
+export { p as useTheme };
 //# sourceMappingURL=useTheme.js.map

package/dist/composition/useTheme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useTheme.js","names":[],"sources":["../../src/composition/useTheme.ts"],"sourcesContent":["import { computed, onMounted, onUnmounted, ref, unref, watch } from \"vue\";\nimport { mapIterable, toList } from \"../helpers/iterators\";\nimport { useLocalStorage } from \"./useLocalStorage\";\n\ntype Theme = \"light\" \| \"dark\";\n\ntype Callback = (mode: Theme) => void;\n\nconst cm = new Set<Callback>();\n\nif (window.matchMedia) {\n window.matchMedia(\"(prefers-color-scheme: dark)\").addEventListener(\"change\", (e) => {\n toList(mapIterable(cm.values(), (cb) => cb(e.matches ? \"dark\" : \"light\")));\n });\n}\n\nconst init =\n window.matchMedia && window.matchMedia(\"(prefers-color-scheme: dark)\").matches ? \"dark\" : \"light\";\n\nconst browserTheme = ref<Theme>(init);\nconst savedTheme = useLocalStorage<Theme>(\"theme\");\n\nexport function useTheme(_cb?: Callback) {\n const theme = computed<Theme>(() => {\n return savedTheme.value ? savedTheme.value : browserTheme.value;\n });\n\n const cb = (theme: Theme) => {\n browserTheme.value = theme;\n _cb?.(theme);\n };\n\n function toggleTheme() {\n savedTheme.value =\n theme.value === \"light\" ? \"dark\" : theme.value === \"dark\" ? \"light\" : \"light\";\n }\n\n watch(theme, (v) => {\n _cb?.(unref(v));\n });\n\n onMounted(() => {\n cm.add(cb);\n });\n\n onUnmounted(() => {\n cm.delete(cb);\n });\n\n return [theme, toggleTheme] as const;\n}\n"],"mappings":";;;;AAQA,~~IAAM~~,oBAAK,IAAI,~~KAAe~~;~~AAE1B~~,OAAO,cACT,OAAO,WAAW~~,+BAA+B~~,CAAC,iBAAiB,WAAW,MAAM;~~AAClF~~,~~GAAO~~,~~EAAY~~,EAAG,~~QAAQ~~,~~GAAG~~,~~MAAO~~,~~EAAG~~,EAAE,UAAU,SAAS,~~QAAQ~~,CAAC,CAAC;~~EAC1E~~;~~AAMJ~~,~~IAAM~~,~~IAAe~~,~~EAFnB,~~OAAO,cAAc,OAAO,WAAW~~,+BAA+B~~,CAAC,UAAU,SAAS,~~QAEvD~~,~~EAC/B~~,~~IAAa~~,EAAuB,~~QAAQ~~;~~AAElD~~,~~SAAgB~~,EAAS,GAAgB;CACvC,~~IAAM~~,~~IAAQ~~,~~QACL~~,EAAW,~~QAAQ~~,EAAW,~~QAAQ~~,EAAa,~~MAC1D~~,~~EAEI~~,KAAM,MAAiB;~~AAE3B~~,~~EADA~~,EAAa,~~QAAQ~~,~~GACrB~~,~~IAAM~~,~~EAAM;;CAGd~~,~~SAAS~~,IAAc;~~AACrB~~,~~IAAW~~,~~QACT~~,EAAM,UAAU,UAAU,~~UAAS~~,EAAM,OAAmB~~;;AAehE~~,~~QAZA~~,~~EAAM~~,IAAQ,MAAM;~~AAClB~~,~~MAAM~~,~~EAAM~~,~~EAAE~~,CAAC;~~GACf~~,~~EAEF~~,QAAgB;~~AACd~~,~~IAAG~~,~~IAAI~~,~~EAAG~~;~~GACV~~,~~EAEF~~,QAAkB;~~AAChB~~,~~IAAG~~,~~OAAO~~,~~EAAG~~;~~GACb~~,~~EAEK,~~CAAC,~~GAAO~~,~~EAAY~~"}
1	+ {"version":3,"file":"useTheme.js","names":["cm","mapIterable","cb","e","init","browserTheme","ref","savedTheme","useLocalStorage","useTheme","theme","computed","_cb","toggleTheme","watch","unref","v","onMounted","onUnmounted"],"sources":["../../src/composition/useTheme.ts"],"sourcesContent":["import { computed, onMounted, onUnmounted, ref, unref, watch } from \"vue\";\nimport { mapIterable, toList } from \"../helpers/iterators\";\nimport { useLocalStorage } from \"./useLocalStorage\";\n\ntype Theme = \"light\" \| \"dark\";\n\ntype Callback = (mode: Theme) => void;\n\nconst cm = new Set<Callback>();\n\nif (window.matchMedia) {\n window.matchMedia(\"(prefers-color-scheme: dark)\").addEventListener(\"change\", (e) => {\n toList(mapIterable(cm.values(), (cb) => cb(e.matches ? \"dark\" : \"light\")));\n });\n}\n\nconst init =\n window.matchMedia && window.matchMedia(\"(prefers-color-scheme: dark)\").matches ? \"dark\" : \"light\";\n\nconst browserTheme = ref<Theme>(init);\nconst savedTheme = useLocalStorage<Theme>(\"theme\");\n\nexport function useTheme(_cb?: Callback) {\n const theme = computed<Theme>(() => {\n return savedTheme.value ? savedTheme.value : browserTheme.value;\n });\n\n const cb = (theme: Theme) => {\n browserTheme.value = theme;\n _cb?.(theme);\n };\n\n function toggleTheme() {\n savedTheme.value =\n theme.value === \"light\" ? \"dark\" : theme.value === \"dark\" ? \"light\" : \"light\";\n }\n\n watch(theme, (v) => {\n _cb?.(unref(v));\n });\n\n onMounted(() => {\n cm.add(cb);\n });\n\n onUnmounted(() => {\n cm.delete(cb);\n });\n\n return [theme, toggleTheme] as const;\n}\n"],"mappings":";;;;AAQA,IAAMA,oBAAK,IAAI,IAAc;AAEzB,OAAO,cACT,OAAO,WAAW,8BAA8B,CAAC,CAAC,iBAAiB,WAAW,MAAM;CAClF,EAAOC,EAAYD,EAAG,OAAO,IAAI,MAAOE,EAAGC,EAAE,UAAU,SAAS,OAAO,CAAC,CAAC;AAC3E,CAAC;AAGH,IAAMC,IACJ,OAAO,cAAc,OAAO,WAAW,8BAA8B,CAAC,CAAC,UAAU,SAAS,SAEtFC,IAAeC,EAAWF,CAAI,GAC9BG,IAAaC,EAAuB,OAAO;AAEjD,SAAgBC,EAAS,GAAgB;CACvC,IAAMC,IAAQC,QACLJ,EAAW,QAAQA,EAAW,QAAQF,EAAa,KAC3D,GAEKH,KAAM,MAAiB;EAE3B,AADA,EAAa,QAAQQ,GACrBE,IAAMF,CAAK;CACb;CAEA,SAASG,IAAc;EACrB,EAAW,QACTH,EAAM,UAAU,UAAU,UAASA,EAAM,OAAmB;CAChE;CAcA,OAZAI,EAAMJ,IAAQ,MAAM;EAClB,IAAMK,EAAMC,CAAC,CAAC;CAChB,CAAC,GAEDC,QAAgB;EACd,EAAG,IAAIf,CAAE;CACX,CAAC,GAEDgB,QAAkB;EAChB,EAAG,OAAOhB,CAAE;CACd,CAAC,GAEM,CAACQ,GAAOG,CAAW;AAC5B"}

package/dist/composition/useTransformedModel.js CHANGED Viewed

@@ -1,29 +1,28 @@
 import { computed as e, reactive as t, ref as n } from "vue";
-//#region src/composition/useTransformedModel.ts
+// src/composition/useTransformedModel.ts
 function r(r, i) {
 	let a = n(), o = n(), { parse: s, update: c } = i, l = () => {
 		a.value = void 0, o.value = void 0;
-	};
-	return t({
-		value: e({
-			get() {
-				return a.value === void 0 ? r.value : a.value;
-			},
-			set(e) {
-				l();
-				try {
-					let t = s ? s(e) : e;
-					!c || c(t) ? r.value = t : a.value = t;
-				} catch (t) {
-					a.value = e, o.value = t instanceof Error ? t.message : String(t);
-				}
+	}, u = e({
+		get() {
+			return a.value === void 0 ? r.value : a.value;
+		},
+		set(e) {
+			l();
+			try {
+				let t = s ? s(e) : e;
+				!c || c(t) ? r.value = t : a.value = t;
+			} catch (t) {
+				a.value = e, o.value = t instanceof Error ? t.message : String(t);
 			}
-		}),
+		}
+	});
+	return t({
+		value: u,
 		error: o,
 		reset: l
 	});
 }
-//#endregion
 export { r as useTransformedModel };
 //# sourceMappingURL=useTransformedModel.js.map

package/dist/composition/useTransformedModel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useTransformedModel.js","names":[],"sources":["../../src/composition/useTransformedModel.ts"],"sourcesContent":["import type { Ref, UnwrapNestedRefs } from \"vue\";\nimport { reactive, computed, ref } from \"vue\";\n\n/*\n Creates a reactive local model with optional transformation and validation logic.\n \n @template T The type of the model's value.\n \n @param model - A `Ref` representing the underlying value.\n * @param options - Optional configuration for validation and parsing.\n * @param options.update - A function that takes the transformed value and returns `true` if it should be applied to the model, or `false` to keep it in a cached state.\n * @param options.parse - A function that takes the input value and returns a transformed value of type `T`. If omitted, the value is used as-is.\n \n @returns A reactive object with the following properties:\n * - `value`: A computed property for getting and setting the model value.\n * - `error`: A `Ref<string \| undefined>` containing the last error message, if any.\n * - `reset`: A method to clear the cached value and error state.\n \n ### Example\n * ```ts\n * import { ref } from 'vue';\n * import { useTransformedModel } from './useTransformedModel';\n \n const model = ref<number>(42);\n \n const transformedModel = useTransformedModel(model, {\n * parse: (value) => {\n * const parsed = Number(value);\n * if (!Number.isFinite(parsed)) throw new Error('Invalid number');\n * return parsed;\n * },\n * update: (value) => value >= 0, // Only allow non-negative numbers\n * });\n */\n\nexport function useTransformedModel<T>(\n model: Ref<T>,\n options: { update?: (v: T) => boolean; parse?: (v: unknown) => T },\n) {\n const cached = ref<T \| undefined>();\n const error = ref<string>();\n\n const { parse, update } = options;\n\n const reset = () => {\n cached.value = undefined;\n error.value = undefined;\n };\n\n const value = computed<T>({\n get() {\n if (cached.value !== undefined) {\n return cached.value;\n }\n\n return model.value;\n },\n set(value) {\n reset();\n\n try {\n const newValue = parse ? parse(value) : value;\n\n const shouldUpdate = update ? update(newValue) : true;\n\n if (shouldUpdate) {\n model.value = newValue;\n } else {\n cached.value = newValue;\n }\n } catch (err) {\n cached.value = value;\n error.value = err instanceof Error ? err.message : String(err);\n }\n },\n });\n\n return reactive({\n value,\n error,\n reset,\n }) as UnwrapNestedRefs<{ value: T; error?: string; reset: () => void }>;\n}\n"],"mappings":";;AAmCA,~~SAAgB~~,EACd,GACA,GACA;CACA,~~IAAM~~,~~IAAS~~,~~GAAoB~~,~~EAC7B~~,~~IAAQ~~,~~GAAa~~,~~EAErB~~,EAAE,UAAO,~~cAAW~~,~~GAEpB~~,UAAc;~~AAElB~~,~~EADA~~,EAAO,QAAQ,KAAA,GACf,EAAM,QAAQ,KAAA~~;;AA+BhB~~,~~QAAO~~,~~EAAS;EACd~~,~~OA7BY,~~EAAY;~~GACxB~~,MAAM;~~AAKJ~~,~~WAJI~~,EAAO,UAAU,KAAA,~~IAId~~,EAAM,~~QAHJ~~,EAAO~~;;GAKlB~~,IAAI,GAAO;~~AACT~~,~~OAAO~~;~~AAEP~~,~~QAAI~~;~~KACF~~,~~IAAM~~,~~IAAW~~,~~IAAQ~~,~~EAAM~~,~~EAAM~~,~~GAAG~~;~~AAIxC~~,~~KAFqB~~,~~MAAS~~,~~EAAO~~,~~EAAS~~,~~GAG5C~~,EAAM,~~QAAQ~~,IAEd,EAAO,~~QAAQ~~;~~aAEV~~,GAAK;~~AAEZ~~,~~KADA~~,EAAO,~~QAAQ~~,GACf,EAAM,~~QAAQ~~,aAAe,~~QAAQ~~,EAAI,UAAU,~~OAAO~~,~~EAAI;;;GAGnE~~,CAAC;~~EAIA~~;EACA;~~EACD~~,CAAC"}
1	+ {"version":3,"file":"useTransformedModel.js","names":["useTransformedModel","cached","ref","error","options","reset","value","computed","model","newValue","parse","update","err","reactive"],"sources":["../../src/composition/useTransformedModel.ts"],"sourcesContent":["import type { Ref, UnwrapNestedRefs } from \"vue\";\nimport { reactive, computed, ref } from \"vue\";\n\n/*\n Creates a reactive local model with optional transformation and validation logic.\n \n @template T The type of the model's value.\n \n @param model - A `Ref` representing the underlying value.\n * @param options - Optional configuration for validation and parsing.\n * @param options.update - A function that takes the transformed value and returns `true` if it should be applied to the model, or `false` to keep it in a cached state.\n * @param options.parse - A function that takes the input value and returns a transformed value of type `T`. If omitted, the value is used as-is.\n \n @returns A reactive object with the following properties:\n * - `value`: A computed property for getting and setting the model value.\n * - `error`: A `Ref<string \| undefined>` containing the last error message, if any.\n * - `reset`: A method to clear the cached value and error state.\n \n ### Example\n * ```ts\n * import { ref } from 'vue';\n * import { useTransformedModel } from './useTransformedModel';\n \n const model = ref<number>(42);\n \n const transformedModel = useTransformedModel(model, {\n * parse: (value) => {\n * const parsed = Number(value);\n * if (!Number.isFinite(parsed)) throw new Error('Invalid number');\n * return parsed;\n * },\n * update: (value) => value >= 0, // Only allow non-negative numbers\n * });\n */\n\nexport function useTransformedModel<T>(\n model: Ref<T>,\n options: { update?: (v: T) => boolean; parse?: (v: unknown) => T },\n) {\n const cached = ref<T \| undefined>();\n const error = ref<string>();\n\n const { parse, update } = options;\n\n const reset = () => {\n cached.value = undefined;\n error.value = undefined;\n };\n\n const value = computed<T>({\n get() {\n if (cached.value !== undefined) {\n return cached.value;\n }\n\n return model.value;\n },\n set(value) {\n reset();\n\n try {\n const newValue = parse ? parse(value) : value;\n\n const shouldUpdate = update ? update(newValue) : true;\n\n if (shouldUpdate) {\n model.value = newValue;\n } else {\n cached.value = newValue;\n }\n } catch (err) {\n cached.value = value;\n error.value = err instanceof Error ? err.message : String(err);\n }\n },\n });\n\n return reactive({\n value,\n error,\n reset,\n }) as UnwrapNestedRefs<{ value: T; error?: string; reset: () => void }>;\n}\n"],"mappings":";;AAmCA,SAAgBA,EACd,GACA,GACA;CACA,IAAMC,IAASC,EAAmB,GAC5BC,IAAQD,EAAY,GAEpB,EAAE,UAAO,cAAWE,GAEpBC,UAAc;EAElB,AADA,EAAO,QAAQ,KAAA,GACf,EAAM,QAAQ,KAAA;CAChB,GAEMC,IAAQC,EAAY;EACxB,MAAM;GAKJ,OAJIN,EAAO,UAAU,KAAA,IAIdO,EAAM,QAHJP,EAAO;EAIlB;EACA,IAAI,GAAO;GACT,EAAM;GAEN,IAAI;IACF,IAAMQ,IAAWC,IAAQA,EAAMJ,CAAK,IAAIA;IAIxC,AAFqB,MAASK,EAAOF,CAAQ,IAG3C,EAAM,QAAQA,IAEd,EAAO,QAAQA;GAEnB,SAASG,GAAK;IAEZ,AADA,EAAO,QAAQN,GACf,EAAM,QAAQM,aAAe,QAAQA,EAAI,UAAU,OAAOA,CAAG;GAC/D;EACF;CACF,CAAC;CAED,OAAOC,EAAS;EACd;EACA;EACA;CACF,CAAC;AACH"}

package/dist/composition/useWatchFetch.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { computed as e, reactive as t, ref as n, unref as r, watch as i } from "vue";
 import { delay as a, exclusiveRequest as o } from "@milaboratories/helpers";
-//#region src/composition/useWatchFetch.ts
+// src/composition/useWatchFetch.ts
 function s(s, c, l) {
 	let u = n(0), d = t({
 		loading: e(() => u.value > 0),
@@ -9,7 +9,7 @@ function s(s, c, l) {
 		error: void 0
 	}), f = o(async (e) => (l?.debounce && await a(r(l.debounce)), c(e)));
 	return i(s, async (e) => {
-		l?.filterWatchResult && !l.filterWatchResult(e) || (d.error = void 0, u.value++, f(e).then((e) => {
+		(!l?.filterWatchResult || l.filterWatchResult(e)) && (d.error = void 0, u.value++, f(e).then((e) => {
 			e.ok && (d.value = e.value);
 		}).catch((e) => {
 			d.value = void 0, d.error = e;
@@ -21,7 +21,6 @@ function s(s, c, l) {
 		deep: !0
 	}, l?.watchOptions ?? {})), d;
 }
-//#endregion
 export { s as useWatchFetch };
 //# sourceMappingURL=useWatchFetch.js.map

package/dist/composition/useWatchFetch.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useWatchFetch.js","names":[],"sources":["../../src/composition/useWatchFetch.ts"],"sourcesContent":["import type { WatchSource, WatchOptions, MaybeRef } from \"vue\";\nimport { reactive, watch, ref, computed, unref } from \"vue\";\nimport { delay, exclusiveRequest } from \"@milaboratories/helpers\";\n\nexport type FetchResult<V, E = unknown> = {\n loading: boolean;\n value: V \| undefined;\n error: E;\n};\n\n// TODO Should we keep the old value while fetching the new value?\n\n/*\n Watch any reactive source and perform an asynchronous operation\n \n @example\n * ```ts\n * const v = useWatchFetch(\n * watchSource,\n * async (sourceValue) => {\n * return await fetchDataFromApi(sourceValue);\n * }\n * );\n \n // Usage in a template\n * <template>\n * <div v-if=\"v.loading\">Loading...</div>\n * <div v-else-if=\"v.error\">Error: {{ v.error.message }}</div>\n * <div v-else>Data: {{ v.value }}</div>\n * </template>\n * ```\n */\nexport function useWatchFetch<S, V>(\n watchSource: WatchSource<S>,\n doFetch: (s: S) => Promise<V>,\n settings?: {\n watchOptions?: WatchOptions;\n debounce?: MaybeRef<number>; // debounce time in ms\n filterWatchResult?: (s: S) => boolean; // prevents fetching if false\n },\n): FetchResult<V> {\n const loadingRef = ref(0);\n\n const data = reactive({\n loading: computed(() => loadingRef.value > 0),\n loadingRef,\n value: undefined as V,\n error: undefined,\n }) as FetchResult<V>;\n\n const exclusive = exclusiveRequest(async (s: S) => {\n if (settings?.debounce) {\n await delay(unref(settings.debounce));\n }\n return doFetch(s);\n });\n\n watch(\n watchSource,\n async (s) => {\n if (settings?.filterWatchResult && !settings.filterWatchResult(s)) {\n return;\n }\n\n data.error = undefined;\n loadingRef.value++;\n exclusive(s)\n .then((res) => {\n if (res.ok) {\n data.value = res.value;\n }\n })\n .catch((err) => {\n data.value = undefined;\n data.error = err;\n })\n .finally(() => {\n loadingRef.value--;\n });\n },\n Object.assign({ immediate: true, deep: true }, settings?.watchOptions ?? {}),\n );\n\n return data;\n}\n"],"mappings":";;;AAgCA,~~SAAgB~~,EACd,GACA,GACA,GAKgB;CAChB,~~IAAM~~,~~IAAa~~,EAAI,~~EAAE~~,~~EAEnB~~,~~IAAO~~,EAAS;EACpB,~~SAAS~~,~~QAAe~~,EAAW,QAAQ,~~EAAE~~;~~EAC7C~~;EACA,OAAO,KAAA;EACP,OAAO,KAAA;~~EACR~~,CAAC,~~EAEI~~,~~IAAY~~,EAAiB,OAAO,~~OACpC~~,GAAU,YACZ,~~MAAM~~,~~EAAM~~,~~EAAM~~,EAAS,~~SAAS~~,CAAC,~~EAEhC~~,~~EAAQ~~,~~EAAE~~,EACjB;~~AA4BF~~,~~QA1BA~~,~~EACE~~,GACA,OAAO,MAAM;~~AACP~~,~~KAAU~~,~~qBAAqB~~,~~CAAC~~,EAAS,~~kBAAkB~~,~~EAAE~~,~~KAIjE~~,EAAK,QAAQ,KAAA,GACb,EAAW,~~SACX~~,~~EAAU~~,~~EAAE~~,CACT,MAAM,MAAQ;~~AACb~~,~~GAAI~~,EAAI,OACN,EAAK,~~QAAQ~~,EAAI;~~IAEnB~~,CACD,OAAO,MAAQ;~~AAEd~~,~~GADA~~,EAAK,QAAQ,KAAA,GACb,EAAK,~~QAAQ~~;~~IACb~~,CACD,cAAc;~~AACb~~,~~KAAW~~;~~IACX~~;~~IAEN~~,OAAO,OAAO;EAAE,WAAW;EAAM,MAAM;~~EAAM~~,~~EAAE~~,GAAU,gBAAgB,~~EAAE~~,CAAC,CAC7E,~~EAEM~~"}
1	+ {"version":3,"file":"useWatchFetch.js","names":["useWatchFetch","loadingRef","ref","data","reactive","computed","exclusive","exclusiveRequest","settings","delay","unref","doFetch","s","watch","watchSource","res","err"],"sources":["../../src/composition/useWatchFetch.ts"],"sourcesContent":["import type { WatchSource, WatchOptions, MaybeRef } from \"vue\";\nimport { reactive, watch, ref, computed, unref } from \"vue\";\nimport { delay, exclusiveRequest } from \"@milaboratories/helpers\";\n\nexport type FetchResult<V, E = unknown> = {\n loading: boolean;\n value: V \| undefined;\n error: E;\n};\n\n// TODO Should we keep the old value while fetching the new value?\n\n/*\n Watch any reactive source and perform an asynchronous operation\n \n @example\n * ```ts\n * const v = useWatchFetch(\n * watchSource,\n * async (sourceValue) => {\n * return await fetchDataFromApi(sourceValue);\n * }\n * );\n \n // Usage in a template\n * <template>\n * <div v-if=\"v.loading\">Loading...</div>\n * <div v-else-if=\"v.error\">Error: {{ v.error.message }}</div>\n * <div v-else>Data: {{ v.value }}</div>\n * </template>\n * ```\n */\nexport function useWatchFetch<S, V>(\n watchSource: WatchSource<S>,\n doFetch: (s: S) => Promise<V>,\n settings?: {\n watchOptions?: WatchOptions;\n debounce?: MaybeRef<number>; // debounce time in ms\n filterWatchResult?: (s: S) => boolean; // prevents fetching if false\n },\n): FetchResult<V> {\n const loadingRef = ref(0);\n\n const data = reactive({\n loading: computed(() => loadingRef.value > 0),\n loadingRef,\n value: undefined as V,\n error: undefined,\n }) as FetchResult<V>;\n\n const exclusive = exclusiveRequest(async (s: S) => {\n if (settings?.debounce) {\n await delay(unref(settings.debounce));\n }\n return doFetch(s);\n });\n\n watch(\n watchSource,\n async (s) => {\n if (settings?.filterWatchResult && !settings.filterWatchResult(s)) {\n return;\n }\n\n data.error = undefined;\n loadingRef.value++;\n exclusive(s)\n .then((res) => {\n if (res.ok) {\n data.value = res.value;\n }\n })\n .catch((err) => {\n data.value = undefined;\n data.error = err;\n })\n .finally(() => {\n loadingRef.value--;\n });\n },\n Object.assign({ immediate: true, deep: true }, settings?.watchOptions ?? {}),\n );\n\n return data;\n}\n"],"mappings":";;;AAgCA,SAAgBA,EACd,GACA,GACA,GAKgB;CAChB,IAAMC,IAAaC,EAAI,CAAC,GAElBC,IAAOC,EAAS;EACpB,SAASC,QAAeJ,EAAW,QAAQ,CAAC;EAC5C;EACA,OAAO,KAAA;EACP,OAAO,KAAA;CACT,CAAC,GAEKK,IAAYC,EAAiB,OAAO,OACpCC,GAAU,YACZ,MAAMC,EAAMC,EAAMF,EAAS,QAAQ,CAAC,GAE/BG,EAAQC,CAAC,EACjB;CA4BD,OA1BAC,EACEC,GACA,OAAO,MAAM;EACX,CAAI,IAAU,qBAAsBN,EAAS,kBAAkBI,CAAC,OAIhE,EAAK,QAAQ,KAAA,GACb,EAAW,SACXN,EAAUM,CAAC,CAAC,CACT,MAAM,MAAQ;GACb,AAAIG,EAAI,OACN,EAAK,QAAQA,EAAI;EAErB,CAAC,CAAC,CACD,OAAO,MAAQ;GAEd,AADA,EAAK,QAAQ,KAAA,GACb,EAAK,QAAQC;EACf,CAAC,CAAC,CACD,cAAc;GACb,EAAW;EACb,CAAC;CACL,GACA,OAAO,OAAO;EAAE,WAAW;EAAM,MAAM;CAAK,GAAGR,GAAU,gBAAgB,CAAC,CAAC,CAC7E,GAEOL;AACT"}

package/dist/composition/utils.js CHANGED Viewed

@@ -1,9 +1,8 @@
 import { onMounted as e, onUpdated as t } from "vue";
-//#region src/composition/utils.ts
+// src/composition/utils.ts
 function n(n) {
 	e(n), t(n);
 }
-//#endregion
 export { n as onChanged };
 //# sourceMappingURL=utils.js.map

package/dist/composition/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","names":[],"sources":["../../src/composition/utils.ts"],"sourcesContent":["import { onMounted, onUpdated } from \"vue\";\n\nexport function onChanged(hook: () => unknown) {\n onMounted(hook);\n onUpdated(hook);\n}\n"],"mappings":";;AAEA,~~SAAgB~~,EAAU,GAAqB;~~AAE7C~~,~~CADA~~,~~EAAU~~,~~EAAK~~,~~EACf~~,~~EAAU~~,~~EAAK~~"}
1	+ {"version":3,"file":"utils.js","names":["onChanged","onMounted","hook","onUpdated"],"sources":["../../src/composition/utils.ts"],"sourcesContent":["import { onMounted, onUpdated } from \"vue\";\n\nexport function onChanged(hook: () => unknown) {\n onMounted(hook);\n onUpdated(hook);\n}\n"],"mappings":";;AAEA,SAAgBA,EAAU,GAAqB;CAE7C,AADAC,EAAUC,CAAI,GACdC,EAAUD,CAAI;AAChB"}

package/dist/composition/watchCached.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { ref as e, watch as t } from "vue";
 import { deepClone as n, isJsonEqual as r } from "@milaboratories/helpers";
-//#region src/composition/watchCached.ts
+// src/composition/watchCached.ts
 function i(i, a, o) {
 	let s = e(), c = t(i, (e) => {
 		r(e, s.value) || (s.value = n(e));
@@ -13,7 +13,6 @@ function i(i, a, o) {
 		immediate: o?.immediate
 	}), c;
 }
-//#endregion
 export { i as watchCached };
 //# sourceMappingURL=watchCached.js.map

package/dist/composition/watchCached.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"watchCached.js","names":[],"sources":["../../src/composition/watchCached.ts"],"sourcesContent":["import { deepClone, isJsonEqual } from \"@milaboratories/helpers\";\nimport { ref, watch, type WatchCallback, type WatchHandle, type WatchSource } from \"vue\";\n\ntype MaybeUndefined<T, I> = I extends true ? T \| undefined : T;\nexport interface WatchCachedOptions<Immediate = boolean> {\n immediate?: Immediate;\n // deep: true; - caching is useless when you are using the source as a `shallowRef`\n // once: false; - caching is useless when you need a single shot, use plain watch instead\n}\n/** Alternative to `watch`, but triggering only on actual data changes */\nexport function watchCached<T, Immediate extends Readonly<boolean> = false>(\n source: WatchSource<T>,\n cb: WatchCallback<T, MaybeUndefined<T, Immediate>>,\n options?: WatchCachedOptions<Immediate>,\n): WatchHandle {\n const cachedValue = ref<T>();\n const handle = watch(\n source,\n (newValue) => {\n if (!isJsonEqual(newValue, cachedValue.value)) {\n // `deepClone` is needed because in case some fields are patched the deep would be triggered,\n // but objects would be equal as the saved value was also patched\n cachedValue.value = deepClone(newValue);\n }\n },\n {\n deep: true,\n immediate: true, // always initialize cachedValue\n },\n );\n watch<T, Immediate>(\n () => cachedValue.value as T, // `as T` is safe as we always initialize cachedValue\n cb, // separate watch so that `onWatcherCleanup` would only be triggerred here\n {\n // standard vue `WatchOptions` conform to `WatchCachedOptions` interface,\n // so construct new options to remove unsupported entries\n deep: true,\n immediate: options?.immediate,\n },\n );\n return handle; // stopping first handle would effectively stop the second one\n}\n"],"mappings":";;;AAUA,~~SAAgB~~,EACd,GACA,GACA,GACa;CACb,~~IAAM~~,~~IAAc~~,~~GAAQ~~,~~EACtB~~,~~IAAS~~,~~EACb~~,IACC,MAAa;~~AACZ~~,~~EAAK~~,~~EAAY~~,~~GAAU~~,EAAY,~~MAAM~~,~~KAG3C~~,EAAY,~~QAAQ~~,~~EAAU~~,~~EAAS~~;~~IAG3C~~;EACE,MAAM;EACN,WAAW;~~EACZ~~,CACF;~~AAWD~~,~~QAVA~~,~~QACQ~~,EAAY,~~OAClB~~,GACA;EAGE,MAAM;EACN,~~WAAW~~,GAAS;~~EACrB~~,CACF,~~EACM~~"}
1	+ {"version":3,"file":"watchCached.js","names":["watchCached","cachedValue","ref","handle","watch","source","isJsonEqual","newValue","deepClone","cb","options"],"sources":["../../src/composition/watchCached.ts"],"sourcesContent":["import { deepClone, isJsonEqual } from \"@milaboratories/helpers\";\nimport { ref, watch, type WatchCallback, type WatchHandle, type WatchSource } from \"vue\";\n\ntype MaybeUndefined<T, I> = I extends true ? T \| undefined : T;\nexport interface WatchCachedOptions<Immediate = boolean> {\n immediate?: Immediate;\n // deep: true; - caching is useless when you are using the source as a `shallowRef`\n // once: false; - caching is useless when you need a single shot, use plain watch instead\n}\n/** Alternative to `watch`, but triggering only on actual data changes */\nexport function watchCached<T, Immediate extends Readonly<boolean> = false>(\n source: WatchSource<T>,\n cb: WatchCallback<T, MaybeUndefined<T, Immediate>>,\n options?: WatchCachedOptions<Immediate>,\n): WatchHandle {\n const cachedValue = ref<T>();\n const handle = watch(\n source,\n (newValue) => {\n if (!isJsonEqual(newValue, cachedValue.value)) {\n // `deepClone` is needed because in case some fields are patched the deep would be triggered,\n // but objects would be equal as the saved value was also patched\n cachedValue.value = deepClone(newValue);\n }\n },\n {\n deep: true,\n immediate: true, // always initialize cachedValue\n },\n );\n watch<T, Immediate>(\n () => cachedValue.value as T, // `as T` is safe as we always initialize cachedValue\n cb, // separate watch so that `onWatcherCleanup` would only be triggerred here\n {\n // standard vue `WatchOptions` conform to `WatchCachedOptions` interface,\n // so construct new options to remove unsupported entries\n deep: true,\n immediate: options?.immediate,\n },\n );\n return handle; // stopping first handle would effectively stop the second one\n}\n"],"mappings":";;;AAUA,SAAgBA,EACd,GACA,GACA,GACa;CACb,IAAMC,IAAcC,EAAO,GACrBC,IAASC,EACbC,IACC,MAAa;EACZ,AAAKC,EAAYC,GAAUN,EAAY,KAAK,MAG1C,EAAY,QAAQO,EAAUD,CAAQ;CAE1C,GACA;EACE,MAAM;EACN,WAAW;CACb,CACF;CAWA,OAVAH,QACQH,EAAY,OAClBQ,GACA;EAGE,MAAM;EACN,WAAWC,GAAS;CACtB,CACF,GACOP;AACT"}

package/dist/demo-site-data/all-css-variables.js CHANGED Viewed

@@ -1,4 +1,4 @@
-//#region src/demo-site-data/all-css-variables.ts
+// src/demo-site-data/all-css-variables.ts
 function e() {
 	return {
 		txtSec: {
@@ -313,7 +313,6 @@ function e() {
 		}
 	};
 }
-//#endregion
 export { e as allCssVariables };
 //# sourceMappingURL=all-css-variables.js.map

package/dist/demo-site-data/all-css-variables.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"all-css-variables.js","names":[],"sources":["../../src/demo-site-data/all-css-variables.ts"],"sourcesContent":["export function allCssVariables(): Record<\n string,\n {\n title: string;\n data: Record<\n string,\n {\n light: [boolean, boolean];\n value: [string, string];\n description: string;\n }\n >;\n }\n> {\n return {\n txtSec: {\n title: \"Text\",\n data: {\n \"--txt-00\": {\n light: [false, false],\n value: [\"#FFFFFF\", \"#FFFFFF\"],\n description: \"Text on the colored elements\",\n },\n \"--txt-01\": {\n light: [true, false],\n value: [\"#110529\", \"#FFFFFF\"],\n description: \"Primary text layer\",\n },\n \"--txt-02\": {\n light: [true, false],\n value: [\"#231842\", \"#ADAEB8\"],\n description: \"Secondary text layer - large arrays of text\",\n },\n \"--txt-03\": {\n light: [true, true],\n value: [\"#9D9EAE\", \"#60616B\"],\n description: \"Tetritary text layer - hints and descriptions\",\n },\n \"--txt-mask\": {\n light: [false, true],\n value: [\"#CFD1DB\", \"#3D3D42\"],\n description: \"Text mask in inputs, icons, etc.\",\n },\n \"--txt-focus\": {\n light: [true, true],\n value: [\"#07AD3E\", \"#87E087\"],\n description: \"Colored text in active/focus elements\",\n },\n \"--txt-error\": {\n light: [true, true],\n value: [\"#F1222F\", \"#FF5C5C\"],\n description: \"Colored text in error elements\",\n },\n \"--txt-link\": {\n light: [true, true],\n value: [\"#5F31CC\", \"#9470FF\"],\n description: \"Colored text in links\",\n },\n },\n },\n iconSec: {\n title: \"Icon\",\n data: {\n \"--ic-00\": {\n light: [false, false],\n value: [\"#FFFFFF\", \"#FFFFFF\"],\n description: \"Icons on colored elements\",\n },\n \"--ic-01\": {\n light: [true, false],\n value: [\"#110529\", \"#FFFFFF\"],\n description: \"Primary elements\",\n },\n \"--ic-02\": {\n light: [false, true],\n value: [\"#CFD1DB\", \"#60616B\"],\n description: \"Secondary & tetritary elements\",\n },\n \"--ic-accent\": {\n light: [true, false],\n value: [\"#07AD3E\", \"#87E087\"],\n description: \"Focus/active elements\",\n },\n },\n },\n borderSec: {\n title: \"Border\",\n data: {\n \"--border-color-default\": {\n light: [true, true],\n value: [\"#110529\", \"#60616B\"],\n description: \"Main border for components\",\n },\n \"--border-color-hover\": {\n light: [true, true],\n value: [\"#231842\", \"#ADAEB8\"],\n description: \"Hover on main border\",\n },\n \"--border-color-focus\": {\n light: [false, false],\n value: [\"#49CC49\", \"#49CC49\"],\n description: \"Active border for components\",\n },\n \"--border-color-error\": {\n light: [false, false],\n value: [\"#FF5C5C\", \"#FF5C5C\"],\n description: \"Error border for components\",\n },\n \"--border-color-div-grey\": {\n light: [false, true],\n value: [\"#E1E3EB\", \"#232329\"],\n description: \"Divider lines low contrast\",\n },\n \"--border-color-div-bw\": {\n light: [false, true],\n value: [\"#FFFFFF\", \"#000000\"],\n description: \"Divider lines hight contrast\",\n },\n },\n },\n btnSec: {\n title: \"Button\",\n data: {\n \"--btn-accent-default\": {\n light: [true, true],\n value: [\"#845CFF\", \" #5F31CC\"],\n description: \"Accent coloured button\",\n },\n \"--btn-accent-hover\": {\n light: [true, true],\n value: [\"#9470FF\", \" #5F31CC\"],\n description: \"Hover on accent coloured button\",\n },\n \"--btn-accent-press\": {\n light: [true, true],\n value: [\"#6F4DD6\", \"#5F31CC\"],\n description: \"Pressed on accent coloured button\",\n },\n \"--btn-primary-default\": {\n light: [true, true],\n value: [\"#110529\", \"#5F31CC\"],\n description: \"Primary button\",\n },\n \"--btn-primary-hover\": {\n light: [true, true],\n value: [\"#231842\", \"#6D3DDB\"],\n description: \"Hover on primary button\",\n },\n \"--btn-primary-press\": {\n light: [true, true],\n value: [\"#080214\", \"#5328B8\"],\n description: \"Hover on primary button\",\n },\n \"--btn-sec-hover-white\": {\n light: [false, true],\n value: [\"rgba(255, 255, 255, 0.50)\", \"rgba(131, 131, 163, 0.16)\"],\n description: \"Hover background on transparent button\",\n },\n \"--btn-sec-hover-grey\": {\n light: [false, true],\n value: [\"rgba(155, 171, 204, 0.16)\", \"rgba(131, 131, 163, 0.16)\"],\n description: \"Hover background on ghost button & icons\",\n },\n \"--btn-sec-press-grey\": {\n light: [false, true],\n value: [\"rgba(155, 171, 204, 0.24)\", \"rgba(131, 131, 163, 0.24)\"],\n description: \"Hover background on ghost button & icons\",\n },\n \"--btn-active-select\": {\n light: [false, true],\n value: [\"rgba(99, 224, 36, 0.24)\", \"rgba(99, 224, 36, 0.24)\"],\n description: \"Fill on selected elements\",\n },\n \"--btn-switcher\": {\n light: [false, true],\n value: [\"linear-gradient(180deg, #A1E59C 0%, #D0F5B0 100%)\", \"#5E5E70\"],\n description: \"Gradient on active controll/switcher element\",\n },\n },\n },\n disSec: {\n title: \"Disable\",\n data: {\n \"--dis-00\": {\n light: [false, true],\n value: [\"#FFFFFF\", \"#65656B\"],\n description: \"Elements on dis-01, labels, texts, icons\",\n },\n \"--dis-01\": {\n light: [false, true],\n value: [\"#CFD1DB\", \"#3D3D42\"],\n description: \"Buttons, borders, labels, texts, icons\",\n },\n },\n },\n bgSec: {\n title: \"Background\",\n data: {\n \"--bg-base-dark\": {\n light: [true, true],\n value: [\"#110529\", \"#0D0D0F\"],\n description: \"Default dark block background\",\n },\n \"--bg-base-light\": {\n light: [false, true],\n value: [\"#F7F8FA\", \"#0D0D0F\"],\n description: \"Default light block background\",\n },\n \"--bg-elevated-01\": {\n light: [false, true],\n value: [\"#FFFFFF\", \"#1B1B1F\"],\n description: \"Default block background\",\n },\n \"--bg-elevated-02\": {\n light: [false, true],\n value: [\"#E1E3EB\", \"#2D2D33\"],\n description: \"Secondary block background\",\n },\n },\n },\n filledSec: {\n title: \"Filled\",\n data: {\n \"--filled-V-BG\": {\n light: [false, true],\n value: [\"#D0F0C0\", \"rgba(66, 184, 66, 0.40)\"],\n description: \"Text background selection on V-read\",\n },\n \"--filled-D-BG\": {\n light: [false, true],\n value: [\"#FFCECC\", \"rgba(229, 83, 229, 0.40)\"],\n description: \"Text background selection on D-read\",\n },\n \"--filled-N-BG\": {\n light: [false, true],\n value: [\"#FAF5AA\", \"rgba(83, 82, 102, 0.40)\"],\n description: \"Text background selection on C/N-read\",\n },\n \"--filled-J-BG\": {\n light: [false, true],\n value: [\"#DEDBFF\", \"rgba(132, 92, 255, 0.40)\"],\n description: \"Text background selection on J-read\",\n },\n },\n },\n notificationSec: {\n title: \"Notification\",\n data: {\n \"--notification-neutral\": {\n light: [false, true],\n value: [\n \"linear-gradient(90deg, #D6D9FF 0%, #FFF 100%)\",\n \"linear-gradient(90deg, #4D4D8F 0%, #292933 100%)\",\n ],\n description: \"Background on neutral blocks\",\n },\n \"--notification-success\": {\n light: [false, true],\n value: [\n \"linear-gradient(90deg, #C9F0B6 0%, #FFF 100%)\",\n \"linear-gradient(90deg, #305C3E 0%, #292933 100%)\",\n ],\n description: \"Background on success blocks\",\n },\n \"--notification-warning\": {\n light: [false, true],\n value: [\n \"linear-gradient(90deg, #FEE0A3 0%, #FFF 100%)\",\n \"linear-gradient(90deg, #754F2D 0%, #292933 100%)\",\n ],\n description: \"Background on warning blocks\",\n },\n \"--notification-error\": {\n light: [false, true],\n value: [\n \"linear-gradient(90deg, #FFB8B8 0%, #FFF 100%)\",\n \"linear-gradient(90deg, #8F3343 0%, #292933 100%)\",\n ],\n description: \"Background on error blocks\",\n },\n },\n },\n gradientSec: {\n title: \"Gradient\",\n data: {\n \"--gradient-blue-green\": {\n light: [true, true],\n value: [\n \"linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)\",\n \"linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)\",\n ],\n description: \"Main brand dark gradient\",\n },\n \"--gradient-green-lime\": {\n light: [false, true],\n value: [\n \"linear-gradient(180deg, #A1E59C 0%, #D0F5B0 100%)\",\n \"linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)\",\n ],\n description: \"Main brand light gradient\",\n },\n \"--gradient-blue-violet\": {\n light: [false, true],\n value: [\n \"linear-gradient(180deg, #ADB8FF 0%, #D6E9FF 100%)\",\n \"linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)\",\n ],\n description: \"Main brand light gradient\",\n },\n \"--gradient-blue-clear\": {\n light: [false, true],\n value: [\n \"linear-gradient(180deg, #85BEFF 0%, #CEF 100%)\",\n \"linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)\",\n ],\n description: \"Additional brand gradient\",\n },\n \"--gradient-orange\": {\n light: [false, true],\n value: [\n \"linear-gradient(180deg, #FFB766 0%, #FFEAA3 100%)\",\n \"linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)\",\n ],\n description: \"Additional brand gradient\",\n },\n \"--gradient-mint\": {\n light: [false, true],\n value: [\n \"linear-gradient(180deg, #7DD1D1 0%, #C8FAE9 100%)\",\n \"linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)\",\n ],\n description: \"Additional brand gradient\",\n },\n \"--gradient-lime\": {\n light: [false, true],\n value: [\n \"linear-gradient(180deg, #BFE062 0%, #E4FFAD 100%)\",\n \"linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)\",\n ],\n description: \"Additional brand gradient\",\n },\n \"--gradient-rose\": {\n light: [false, true],\n value: [\n \"linear-gradient(0deg, #FFDDD6 0%, #FF99C9 100%)\",\n \"linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)\",\n ],\n description: \"Additional brand gradient\",\n },\n \"--gradient-red\": {\n light: [false, true],\n value: [\n \"linear-gradient(0deg, #FFD5CC 0%, #FF9494 100%)\",\n \"linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)\",\n ],\n description: \"Additional brand gradient\",\n },\n \"--gradient-violet\": {\n light: [false, true],\n value: [\n \"linear-gradient(180deg, #BCA3FF 0%, #E5E5FF 100%)\",\n \"linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)\",\n ],\n description: \"Additional brand gradient\",\n },\n },\n },\n };\n}\n"],"mappings":"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;IACD,0BAA0B;KACxB,OAAO,CAAC,IAAO,GAAK;KACpB,OAAO,CACL,iDACA,mDACD;KACD,aAAa;KACd;IACD,wBAAwB;KACtB,OAAO,CAAC,IAAO,GAAK;KACpB,OAAO,CACL,iDACA,mDACD;KACD,aAAa;KACd;IACF;GACF;EACD,aAAa;GACX,OAAO;GACP,MAAM;IACJ,yBAAyB;KACvB,OAAO,CAAC,IAAM,GAAK;KACnB,OAAO,CACL,qEACA,oEACD;KACD,aAAa;KACd;IACD,yBAAyB;KACvB,OAAO,CAAC,IAAO,GAAK;KACpB,OAAO,CACL,qDACA,oEACD;KACD,aAAa;KACd;IACD,0BAA0B;KACxB,OAAO,CAAC,IAAO,GAAK;KACpB,OAAO,CACL,qDACA,oEACD;KACD,aAAa;KACd;IACD,yBAAyB;KACvB,OAAO,CAAC,IAAO,GAAK;KACpB,OAAO,CACL,kDACA,oEACD;KACD,aAAa;KACd;IACD,qBAAqB;KACnB,OAAO,CAAC,IAAO,GAAK;KACpB,OAAO,CACL,qDACA,oEACD;KACD,aAAa;KACd;IACD,mBAAmB;KACjB,OAAO,CAAC,IAAO,GAAK;KACpB,OAAO,CACL,qDACA,oEACD;KACD,aAAa;KACd;IACD,mBAAmB;KACjB,OAAO,CAAC,IAAO,GAAK;KACpB,OAAO,CACL,qDACA,oEACD;KACD,aAAa;KACd;IACD,mBAAmB;KACjB,OAAO,CAAC,IAAO,GAAK;KACpB,OAAO,CACL,mDACA,oEACD;KACD,aAAa;KACd;IACD,kBAAkB;KAChB,OAAO,CAAC,IAAO,GAAK;KACpB,OAAO,CACL,mDACA,oEACD;KACD,aAAa;KACd;IACD,qBAAqB;KACnB,OAAO,CAAC,IAAO,GAAK;KACpB,OAAO,CACL,qDACA,oEACD;KACD,aAAa;KACd;IACF;GACF;EACF"}
1	+ {"version":3,"file":"all-css-variables.js","names":["allCssVariables"],"sources":["../../src/demo-site-data/all-css-variables.ts"],"sourcesContent":["export function allCssVariables(): Record<\n string,\n {\n title: string;\n data: Record<\n string,\n {\n light: [boolean, boolean];\n value: [string, string];\n description: string;\n }\n >;\n }\n> {\n return {\n txtSec: {\n title: \"Text\",\n data: {\n \"--txt-00\": {\n light: [false, false],\n value: [\"#FFFFFF\", \"#FFFFFF\"],\n description: \"Text on the colored elements\",\n },\n \"--txt-01\": {\n light: [true, false],\n value: [\"#110529\", \"#FFFFFF\"],\n description: \"Primary text layer\",\n },\n \"--txt-02\": {\n light: [true, false],\n value: [\"#231842\", \"#ADAEB8\"],\n description: \"Secondary text layer - large arrays of text\",\n },\n \"--txt-03\": {\n light: [true, true],\n value: [\"#9D9EAE\", \"#60616B\"],\n description: \"Tetritary text layer - hints and descriptions\",\n },\n \"--txt-mask\": {\n light: [false, true],\n value: [\"#CFD1DB\", \"#3D3D42\"],\n description: \"Text mask in inputs, icons, etc.\",\n },\n \"--txt-focus\": {\n light: [true, true],\n value: [\"#07AD3E\", \"#87E087\"],\n description: \"Colored text in active/focus elements\",\n },\n \"--txt-error\": {\n light: [true, true],\n value: [\"#F1222F\", \"#FF5C5C\"],\n description: \"Colored text in error elements\",\n },\n \"--txt-link\": {\n light: [true, true],\n value: [\"#5F31CC\", \"#9470FF\"],\n description: \"Colored text in links\",\n },\n },\n },\n iconSec: {\n title: \"Icon\",\n data: {\n \"--ic-00\": {\n light: [false, false],\n value: [\"#FFFFFF\", \"#FFFFFF\"],\n description: \"Icons on colored elements\",\n },\n \"--ic-01\": {\n light: [true, false],\n value: [\"#110529\", \"#FFFFFF\"],\n description: \"Primary elements\",\n },\n \"--ic-02\": {\n light: [false, true],\n value: [\"#CFD1DB\", \"#60616B\"],\n description: \"Secondary & tetritary elements\",\n },\n \"--ic-accent\": {\n light: [true, false],\n value: [\"#07AD3E\", \"#87E087\"],\n description: \"Focus/active elements\",\n },\n },\n },\n borderSec: {\n title: \"Border\",\n data: {\n \"--border-color-default\": {\n light: [true, true],\n value: [\"#110529\", \"#60616B\"],\n description: \"Main border for components\",\n },\n \"--border-color-hover\": {\n light: [true, true],\n value: [\"#231842\", \"#ADAEB8\"],\n description: \"Hover on main border\",\n },\n \"--border-color-focus\": {\n light: [false, false],\n value: [\"#49CC49\", \"#49CC49\"],\n description: \"Active border for components\",\n },\n \"--border-color-error\": {\n light: [false, false],\n value: [\"#FF5C5C\", \"#FF5C5C\"],\n description: \"Error border for components\",\n },\n \"--border-color-div-grey\": {\n light: [false, true],\n value: [\"#E1E3EB\", \"#232329\"],\n description: \"Divider lines low contrast\",\n },\n \"--border-color-div-bw\": {\n light: [false, true],\n value: [\"#FFFFFF\", \"#000000\"],\n description: \"Divider lines hight contrast\",\n },\n },\n },\n btnSec: {\n title: \"Button\",\n data: {\n \"--btn-accent-default\": {\n light: [true, true],\n value: [\"#845CFF\", \" #5F31CC\"],\n description: \"Accent coloured button\",\n },\n \"--btn-accent-hover\": {\n light: [true, true],\n value: [\"#9470FF\", \" #5F31CC\"],\n description: \"Hover on accent coloured button\",\n },\n \"--btn-accent-press\": {\n light: [true, true],\n value: [\"#6F4DD6\", \"#5F31CC\"],\n description: \"Pressed on accent coloured button\",\n },\n \"--btn-primary-default\": {\n light: [true, true],\n value: [\"#110529\", \"#5F31CC\"],\n description: \"Primary button\",\n },\n \"--btn-primary-hover\": {\n light: [true, true],\n value: [\"#231842\", \"#6D3DDB\"],\n description: \"Hover on primary button\",\n },\n \"--btn-primary-press\": {\n light: [true, true],\n value: [\"#080214\", \"#5328B8\"],\n description: \"Hover on primary button\",\n },\n \"--btn-sec-hover-white\": {\n light: [false, true],\n value: [\"rgba(255, 255, 255, 0.50)\", \"rgba(131, 131, 163, 0.16)\"],\n description: \"Hover background on transparent button\",\n },\n \"--btn-sec-hover-grey\": {\n light: [false, true],\n value: [\"rgba(155, 171, 204, 0.16)\", \"rgba(131, 131, 163, 0.16)\"],\n description: \"Hover background on ghost button & icons\",\n },\n \"--btn-sec-press-grey\": {\n light: [false, true],\n value: [\"rgba(155, 171, 204, 0.24)\", \"rgba(131, 131, 163, 0.24)\"],\n description: \"Hover background on ghost button & icons\",\n },\n \"--btn-active-select\": {\n light: [false, true],\n value: [\"rgba(99, 224, 36, 0.24)\", \"rgba(99, 224, 36, 0.24)\"],\n description: \"Fill on selected elements\",\n },\n \"--btn-switcher\": {\n light: [false, true],\n value: [\"linear-gradient(180deg, #A1E59C 0%, #D0F5B0 100%)\", \"#5E5E70\"],\n description: \"Gradient on active controll/switcher element\",\n },\n },\n },\n disSec: {\n title: \"Disable\",\n data: {\n \"--dis-00\": {\n light: [false, true],\n value: [\"#FFFFFF\", \"#65656B\"],\n description: \"Elements on dis-01, labels, texts, icons\",\n },\n \"--dis-01\": {\n light: [false, true],\n value: [\"#CFD1DB\", \"#3D3D42\"],\n description: \"Buttons, borders, labels, texts, icons\",\n },\n },\n },\n bgSec: {\n title: \"Background\",\n data: {\n \"--bg-base-dark\": {\n light: [true, true],\n value: [\"#110529\", \"#0D0D0F\"],\n description: \"Default dark block background\",\n },\n \"--bg-base-light\": {\n light: [false, true],\n value: [\"#F7F8FA\", \"#0D0D0F\"],\n description: \"Default light block background\",\n },\n \"--bg-elevated-01\": {\n light: [false, true],\n value: [\"#FFFFFF\", \"#1B1B1F\"],\n description: \"Default block background\",\n },\n \"--bg-elevated-02\": {\n light: [false, true],\n value: [\"#E1E3EB\", \"#2D2D33\"],\n description: \"Secondary block background\",\n },\n },\n },\n filledSec: {\n title: \"Filled\",\n data: {\n \"--filled-V-BG\": {\n light: [false, true],\n value: [\"#D0F0C0\", \"rgba(66, 184, 66, 0.40)\"],\n description: \"Text background selection on V-read\",\n },\n \"--filled-D-BG\": {\n light: [false, true],\n value: [\"#FFCECC\", \"rgba(229, 83, 229, 0.40)\"],\n description: \"Text background selection on D-read\",\n },\n \"--filled-N-BG\": {\n light: [false, true],\n value: [\"#FAF5AA\", \"rgba(83, 82, 102, 0.40)\"],\n description: \"Text background selection on C/N-read\",\n },\n \"--filled-J-BG\": {\n light: [false, true],\n value: [\"#DEDBFF\", \"rgba(132, 92, 255, 0.40)\"],\n description: \"Text background selection on J-read\",\n },\n },\n },\n notificationSec: {\n title: \"Notification\",\n data: {\n \"--notification-neutral\": {\n light: [false, true],\n value: [\n \"linear-gradient(90deg, #D6D9FF 0%, #FFF 100%)\",\n \"linear-gradient(90deg, #4D4D8F 0%, #292933 100%)\",\n ],\n description: \"Background on neutral blocks\",\n },\n \"--notification-success\": {\n light: [false, true],\n value: [\n \"linear-gradient(90deg, #C9F0B6 0%, #FFF 100%)\",\n \"linear-gradient(90deg, #305C3E 0%, #292933 100%)\",\n ],\n description: \"Background on success blocks\",\n },\n \"--notification-warning\": {\n light: [false, true],\n value: [\n \"linear-gradient(90deg, #FEE0A3 0%, #FFF 100%)\",\n \"linear-gradient(90deg, #754F2D 0%, #292933 100%)\",\n ],\n description: \"Background on warning blocks\",\n },\n \"--notification-error\": {\n light: [false, true],\n value: [\n \"linear-gradient(90deg, #FFB8B8 0%, #FFF 100%)\",\n \"linear-gradient(90deg, #8F3343 0%, #292933 100%)\",\n ],\n description: \"Background on error blocks\",\n },\n },\n },\n gradientSec: {\n title: \"Gradient\",\n data: {\n \"--gradient-blue-green\": {\n light: [true, true],\n value: [\n \"linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)\",\n \"linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)\",\n ],\n description: \"Main brand dark gradient\",\n },\n \"--gradient-green-lime\": {\n light: [false, true],\n value: [\n \"linear-gradient(180deg, #A1E59C 0%, #D0F5B0 100%)\",\n \"linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)\",\n ],\n description: \"Main brand light gradient\",\n },\n \"--gradient-blue-violet\": {\n light: [false, true],\n value: [\n \"linear-gradient(180deg, #ADB8FF 0%, #D6E9FF 100%)\",\n \"linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)\",\n ],\n description: \"Main brand light gradient\",\n },\n \"--gradient-blue-clear\": {\n light: [false, true],\n value: [\n \"linear-gradient(180deg, #85BEFF 0%, #CEF 100%)\",\n \"linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)\",\n ],\n description: \"Additional brand gradient\",\n },\n \"--gradient-orange\": {\n light: [false, true],\n value: [\n \"linear-gradient(180deg, #FFB766 0%, #FFEAA3 100%)\",\n \"linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)\",\n ],\n description: \"Additional brand gradient\",\n },\n \"--gradient-mint\": {\n light: [false, true],\n value: [\n \"linear-gradient(180deg, #7DD1D1 0%, #C8FAE9 100%)\",\n \"linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)\",\n ],\n description: \"Additional brand gradient\",\n },\n \"--gradient-lime\": {\n light: [false, true],\n value: [\n \"linear-gradient(180deg, #BFE062 0%, #E4FFAD 100%)\",\n \"linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)\",\n ],\n description: \"Additional brand gradient\",\n },\n \"--gradient-rose\": {\n light: [false, true],\n value: [\n \"linear-gradient(0deg, #FFDDD6 0%, #FF99C9 100%)\",\n \"linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)\",\n ],\n description: \"Additional brand gradient\",\n },\n \"--gradient-red\": {\n light: [false, true],\n value: [\n \"linear-gradient(0deg, #FFD5CC 0%, #FF9494 100%)\",\n \"linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)\",\n ],\n description: \"Additional brand gradient\",\n },\n \"--gradient-violet\": {\n light: [false, true],\n value: [\n \"linear-gradient(180deg, #BCA3FF 0%, #E5E5FF 100%)\",\n \"linear-gradient(0deg, #478063 0%, #2E4652 45.93%, #24223D 91.63%)\",\n ],\n description: \"Additional brand gradient\",\n },\n },\n },\n };\n}\n"],"mappings":"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f;IACA,0BAA0B;KACxB,OAAO,CAAC,IAAO,EAAI;KACnB,OAAO,CACL,iDACA,kDACF;KACA,aAAa;IACf;IACA,wBAAwB;KACtB,OAAO,CAAC,IAAO,EAAI;KACnB,OAAO,CACL,iDACA,kDACF;KACA,aAAa;IACf;GACF;EACF;EACA,aAAa;GACX,OAAO;GACP,MAAM;IACJ,yBAAyB;KACvB,OAAO,CAAC,IAAM,EAAI;KAClB,OAAO,CACL,qEACA,mEACF;KACA,aAAa;IACf;IACA,yBAAyB;KACvB,OAAO,CAAC,IAAO,EAAI;KACnB,OAAO,CACL,qDACA,mEACF;KACA,aAAa;IACf;IACA,0BAA0B;KACxB,OAAO,CAAC,IAAO,EAAI;KACnB,OAAO,CACL,qDACA,mEACF;KACA,aAAa;IACf;IACA,yBAAyB;KACvB,OAAO,CAAC,IAAO,EAAI;KACnB,OAAO,CACL,kDACA,mEACF;KACA,aAAa;IACf;IACA,qBAAqB;KACnB,OAAO,CAAC,IAAO,EAAI;KACnB,OAAO,CACL,qDACA,mEACF;KACA,aAAa;IACf;IACA,mBAAmB;KACjB,OAAO,CAAC,IAAO,EAAI;KACnB,OAAO,CACL,qDACA,mEACF;KACA,aAAa;IACf;IACA,mBAAmB;KACjB,OAAO,CAAC,IAAO,EAAI;KACnB,OAAO,CACL,qDACA,mEACF;KACA,aAAa;IACf;IACA,mBAAmB;KACjB,OAAO,CAAC,IAAO,EAAI;KACnB,OAAO,CACL,mDACA,mEACF;KACA,aAAa;IACf;IACA,kBAAkB;KAChB,OAAO,CAAC,IAAO,EAAI;KACnB,OAAO,CACL,mDACA,mEACF;KACA,aAAa;IACf;IACA,qBAAqB;KACnB,OAAO,CAAC,IAAO,EAAI;KACnB,OAAO,CACL,qDACA,mEACF;KACA,aAAa;IACf;GACF;EACF;CACF;AACF"}

package/dist/drafts/FileBaseInput.vue.d.ts ADDED Viewed

@@ -0,0 +1,36 @@
+type PropsType = {
+    modelValue: File[] | null;
+    title?: string;
+    description?: string;
+    acceptedTypes?: string;
+    multiple?: boolean;
+    buttonText?: string;
+    disabled?: boolean;
+};
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    actions?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<PropsType, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (files: File[] | null) => any;
+    selected: (files: File[]) => any;
+}, string, import('vue').PublicProps, Readonly<PropsType> & Readonly<{
+    "onUpdate:modelValue"?: ((files: File[] | null) => any) | undefined;
+    onSelected?: ((files: File[]) => any) | undefined;
+}>, {
+    title: string;
+    modelValue: File[] | null;
+    description: string;
+    multiple: boolean;
+    acceptedTypes: string;
+    buttonText: string;
+}, {}, {}, {}, 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;
+    };
+};
+//# sourceMappingURL=FileBaseInput.vue.d.ts.map

package/dist/drafts/FileBaseInput.vue.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"FileBaseInput.vue.d.ts","sourceRoot":"","sources":["../../src/drafts/FileBaseInput.vue"],"names":[],"mappings":"AAgJA,KAAK,SAAS,GAAG;IACf,UAAU,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAkPF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAO/C,QAAA,MAAM,UAAU;;;;;;;WAjQN,MAAM;gBADF,IAAI,EAAE,GAAG,IAAI;iBAEX,MAAM;cAET,OAAO;mBADF,MAAM;gBAET,MAAM;6EAiQnB,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/generated/icons-16.js CHANGED Viewed

@@ -1,6 +1,5 @@
-//#region src/generated/icons-16.ts
+// src/generated/icons-16.ts
 var e = /* @__PURE__ */ "add.arrow-down.arrow-left.arrow-link.arrow-right.arrow-up.box.calendar.caret-down.caret-left.caret-right.caret-up.cell-type-num.cell-type-subset.cell-type-txt.checkmark.chevron-down.chevron-first.chevron-last.chevron-left.chevron-right.chevron-up.clipboard-copied.clipboard.close.copy.data-dimentions.delete-bin.delete-circle.delete-clear.download.drag-dots.duplicate.edit.error.export.filter-on.filter.help-outline.help.info-outline.info.jump-link.link.loading.lock.maximize.minimize.minus.more.open.paper-clip.pause.play.progress.renew.restart.reverse.settings.sort.stop.success.time.tune.warning.x-axis.y-axis.zip".split(".");
-//#endregion
 export { e as icons16 };
 //# sourceMappingURL=icons-16.js.map

package/dist/generated/icons-16.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"icons-16.js","names":[],"sources":["../../src/generated/icons-16.ts"],"sourcesContent":["export const icons16 = [\n \"add\",\n \"arrow-down\",\n \"arrow-left\",\n \"arrow-link\",\n \"arrow-right\",\n \"arrow-up\",\n \"box\",\n \"calendar\",\n \"caret-down\",\n \"caret-left\",\n \"caret-right\",\n \"caret-up\",\n \"cell-type-num\",\n \"cell-type-subset\",\n \"cell-type-txt\",\n \"checkmark\",\n \"chevron-down\",\n \"chevron-first\",\n \"chevron-last\",\n \"chevron-left\",\n \"chevron-right\",\n \"chevron-up\",\n \"clipboard-copied\",\n \"clipboard\",\n \"close\",\n \"copy\",\n \"data-dimentions\",\n \"delete-bin\",\n \"delete-circle\",\n \"delete-clear\",\n \"download\",\n \"drag-dots\",\n \"duplicate\",\n \"edit\",\n \"error\",\n \"export\",\n \"filter-on\",\n \"filter\",\n \"help-outline\",\n \"help\",\n \"info-outline\",\n \"info\",\n \"jump-link\",\n \"link\",\n \"loading\",\n \"lock\",\n \"maximize\",\n \"minimize\",\n \"minus\",\n \"more\",\n \"open\",\n \"paper-clip\",\n \"pause\",\n \"play\",\n \"progress\",\n \"renew\",\n \"restart\",\n \"reverse\",\n \"settings\",\n \"sort\",\n \"stop\",\n \"success\",\n \"time\",\n \"tune\",\n \"warning\",\n \"x-axis\",\n \"y-axis\",\n \"zip\",\n] as const;\n"],"mappings":";AAAA,~~IAAa~~,IAAU,~~qoBAqEtB~~"}
1	+ {"version":3,"file":"icons-16.js","names":["icons16"],"sources":["../../src/generated/icons-16.ts"],"sourcesContent":["export const icons16 = [\n \"add\",\n \"arrow-down\",\n \"arrow-left\",\n \"arrow-link\",\n \"arrow-right\",\n \"arrow-up\",\n \"box\",\n \"calendar\",\n \"caret-down\",\n \"caret-left\",\n \"caret-right\",\n \"caret-up\",\n \"cell-type-num\",\n \"cell-type-subset\",\n \"cell-type-txt\",\n \"checkmark\",\n \"chevron-down\",\n \"chevron-first\",\n \"chevron-last\",\n \"chevron-left\",\n \"chevron-right\",\n \"chevron-up\",\n \"clipboard-copied\",\n \"clipboard\",\n \"close\",\n \"copy\",\n \"data-dimentions\",\n \"delete-bin\",\n \"delete-circle\",\n \"delete-clear\",\n \"download\",\n \"drag-dots\",\n \"duplicate\",\n \"edit\",\n \"error\",\n \"export\",\n \"filter-on\",\n \"filter\",\n \"help-outline\",\n \"help\",\n \"info-outline\",\n \"info\",\n \"jump-link\",\n \"link\",\n \"loading\",\n \"lock\",\n \"maximize\",\n \"minimize\",\n \"minus\",\n \"more\",\n \"open\",\n \"paper-clip\",\n \"pause\",\n \"play\",\n \"progress\",\n \"renew\",\n \"restart\",\n \"reverse\",\n \"settings\",\n \"sort\",\n \"stop\",\n \"success\",\n \"time\",\n \"tune\",\n \"warning\",\n \"x-axis\",\n \"y-axis\",\n \"zip\",\n] as const;\n"],"mappings":";AAAA,IAAaA,IAAU,ooBAqEvB"}

package/dist/generated/icons-24.js CHANGED Viewed

@@ -1,6 +1,5 @@
-//#region src/generated/icons-24.ts
+// src/generated/icons-24.ts
 var e = /* @__PURE__ */ "add-layer.add.align-center.align-left.align-right.analytics-accent.analytics.annotate.annotation.area.arrow-down.arrow-left-curved.arrow-left.arrow-link.arrow-right.arrow-up.axes.bar-cross.bar-error.bar-stacked.bar-trend.bar.bindot.box.boxplot-binned.boxplot-jitter.boxplot-notched.boxplot.bubble.calendar.canvas.cell-type-num.cell-type-subset.cell-type-txt.checkbox-checked.checkbox-intermediate.checkbox.checkmark.chevron-down.chevron-first.chevron-last.chevron-left.chevron-right.chevron-sort.chevron-up.clipboard-copied.clipboard.close.cloud-download.cloud-offline.cloud-online.cloud-upload.cluster.code.color-fill.color-none.color-stroke.color.columns.connected-points.container.cookie.copy.cpu.cursor-pointer.data-dimentions.debug.delete-bin.delete-circle.delete-clear.dendrogram-X-line.dendrogram-X.dendrogram-Y-line.dendrogram-Y.dna-add.dna-import.dna.download.drag-dots.drag-horizontal.drag-vertical.duplicate.edit.error-bar.error.expand-left.expand-right.export.file-doc-add.file-doc-download.file-doc-import.file-doc.file-logs-accent.file-logs.filter-on.filter.fire-tips.folder-parent.frame-type-all.frame-type-bottom.frame-type-left-bottom.frame-type-left.frame-type-none.generate.graph.heatmap.help-outline.help.info-outline.info.jitter.jump-link.lasso.layers.learn.legend-box-dot.legend-box.legend.line-binned.line-error.line-jitter.line.linetype-dashed.linetype-dotdash.linetype-dotted.linetype-longdash.linetype-solid.linetype-twodash.link-disabled.link.loading.lock.maximize.menu.minimize.minus.monetization-off.monetization-on.monetization.more.paper-clip.pause.pen-tool.pin.play.position-bottom-annotation.position-bottom.position-left-annotation.position-left.position-right-annotation.position-right.position-top-annotation.position-top.product.progress.publications.radio-button-checked.radio-button.renew.restart.reverse.rotation-0.rotation-45.rotation-90.search.server-on.server.settings.sina.skatterplot.slice.social-github.social-linkedin.social-twitter-X.social-twitter-bird.social-youtube.sort-list-down.sort-list-up.sort.statistics.stop.strip-plot.success.table-add.table-alias.table-import.table.template.terminal.text-align-center.text-align-left.text-align-right.theme-dark.theme-light.time.tune.venn.view-hide.view-show.violin-binned.violin-jitter.violin.warning.wetlab.windows-collapse.windows-expand.x-axis.y-axis.zip.zoom-in.zoom-out".split(".");
-//#endregion
 export { e as icons24 };
 //# sourceMappingURL=icons-24.js.map

package/dist/generated/icons-24.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"icons-24.js","names":[],"sources":["../../src/generated/icons-24.ts"],"sourcesContent":["export const icons24 = [\n \"add-layer\",\n \"add\",\n \"align-center\",\n \"align-left\",\n \"align-right\",\n \"analytics-accent\",\n \"analytics\",\n \"annotate\",\n \"annotation\",\n \"area\",\n \"arrow-down\",\n \"arrow-left-curved\",\n \"arrow-left\",\n \"arrow-link\",\n \"arrow-right\",\n \"arrow-up\",\n \"axes\",\n \"bar-cross\",\n \"bar-error\",\n \"bar-stacked\",\n \"bar-trend\",\n \"bar\",\n \"bindot\",\n \"box\",\n \"boxplot-binned\",\n \"boxplot-jitter\",\n \"boxplot-notched\",\n \"boxplot\",\n \"bubble\",\n \"calendar\",\n \"canvas\",\n \"cell-type-num\",\n \"cell-type-subset\",\n \"cell-type-txt\",\n \"checkbox-checked\",\n \"checkbox-intermediate\",\n \"checkbox\",\n \"checkmark\",\n \"chevron-down\",\n \"chevron-first\",\n \"chevron-last\",\n \"chevron-left\",\n \"chevron-right\",\n \"chevron-sort\",\n \"chevron-up\",\n \"clipboard-copied\",\n \"clipboard\",\n \"close\",\n \"cloud-download\",\n \"cloud-offline\",\n \"cloud-online\",\n \"cloud-upload\",\n \"cluster\",\n \"code\",\n \"color-fill\",\n \"color-none\",\n \"color-stroke\",\n \"color\",\n \"columns\",\n \"connected-points\",\n \"container\",\n \"cookie\",\n \"copy\",\n \"cpu\",\n \"cursor-pointer\",\n \"data-dimentions\",\n \"debug\",\n \"delete-bin\",\n \"delete-circle\",\n \"delete-clear\",\n \"dendrogram-X-line\",\n \"dendrogram-X\",\n \"dendrogram-Y-line\",\n \"dendrogram-Y\",\n \"dna-add\",\n \"dna-import\",\n \"dna\",\n \"download\",\n \"drag-dots\",\n \"drag-horizontal\",\n \"drag-vertical\",\n \"duplicate\",\n \"edit\",\n \"error-bar\",\n \"error\",\n \"expand-left\",\n \"expand-right\",\n \"export\",\n \"file-doc-add\",\n \"file-doc-download\",\n \"file-doc-import\",\n \"file-doc\",\n \"file-logs-accent\",\n \"file-logs\",\n \"filter-on\",\n \"filter\",\n \"fire-tips\",\n \"folder-parent\",\n \"frame-type-all\",\n \"frame-type-bottom\",\n \"frame-type-left-bottom\",\n \"frame-type-left\",\n \"frame-type-none\",\n \"generate\",\n \"graph\",\n \"heatmap\",\n \"help-outline\",\n \"help\",\n \"info-outline\",\n \"info\",\n \"jitter\",\n \"jump-link\",\n \"lasso\",\n \"layers\",\n \"learn\",\n \"legend-box-dot\",\n \"legend-box\",\n \"legend\",\n \"line-binned\",\n \"line-error\",\n \"line-jitter\",\n \"line\",\n \"linetype-dashed\",\n \"linetype-dotdash\",\n \"linetype-dotted\",\n \"linetype-longdash\",\n \"linetype-solid\",\n \"linetype-twodash\",\n \"link-disabled\",\n \"link\",\n \"loading\",\n \"lock\",\n \"maximize\",\n \"menu\",\n \"minimize\",\n \"minus\",\n \"monetization-off\",\n \"monetization-on\",\n \"monetization\",\n \"more\",\n \"paper-clip\",\n \"pause\",\n \"pen-tool\",\n \"pin\",\n \"play\",\n \"position-bottom-annotation\",\n \"position-bottom\",\n \"position-left-annotation\",\n \"position-left\",\n \"position-right-annotation\",\n \"position-right\",\n \"position-top-annotation\",\n \"position-top\",\n \"product\",\n \"progress\",\n \"publications\",\n \"radio-button-checked\",\n \"radio-button\",\n \"renew\",\n \"restart\",\n \"reverse\",\n \"rotation-0\",\n \"rotation-45\",\n \"rotation-90\",\n \"search\",\n \"server-on\",\n \"server\",\n \"settings\",\n \"sina\",\n \"skatterplot\",\n \"slice\",\n \"social-github\",\n \"social-linkedin\",\n \"social-twitter-X\",\n \"social-twitter-bird\",\n \"social-youtube\",\n \"sort-list-down\",\n \"sort-list-up\",\n \"sort\",\n \"statistics\",\n \"stop\",\n \"strip-plot\",\n \"success\",\n \"table-add\",\n \"table-alias\",\n \"table-import\",\n \"table\",\n \"template\",\n \"terminal\",\n \"text-align-center\",\n \"text-align-left\",\n \"text-align-right\",\n \"theme-dark\",\n \"theme-light\",\n \"time\",\n \"tune\",\n \"venn\",\n \"view-hide\",\n \"view-show\",\n \"violin-binned\",\n \"violin-jitter\",\n \"violin\",\n \"warning\",\n \"wetlab\",\n \"windows-collapse\",\n \"windows-expand\",\n \"x-axis\",\n \"y-axis\",\n \"zip\",\n \"zoom-in\",\n \"zoom-out\",\n] as const;\n"],"mappings":";AAAA,~~IAAa~~,IAAU,~~81EAoNtB~~"}
1	+ {"version":3,"file":"icons-24.js","names":["icons24"],"sources":["../../src/generated/icons-24.ts"],"sourcesContent":["export const icons24 = [\n \"add-layer\",\n \"add\",\n \"align-center\",\n \"align-left\",\n \"align-right\",\n \"analytics-accent\",\n \"analytics\",\n \"annotate\",\n \"annotation\",\n \"area\",\n \"arrow-down\",\n \"arrow-left-curved\",\n \"arrow-left\",\n \"arrow-link\",\n \"arrow-right\",\n \"arrow-up\",\n \"axes\",\n \"bar-cross\",\n \"bar-error\",\n \"bar-stacked\",\n \"bar-trend\",\n \"bar\",\n \"bindot\",\n \"box\",\n \"boxplot-binned\",\n \"boxplot-jitter\",\n \"boxplot-notched\",\n \"boxplot\",\n \"bubble\",\n \"calendar\",\n \"canvas\",\n \"cell-type-num\",\n \"cell-type-subset\",\n \"cell-type-txt\",\n \"checkbox-checked\",\n \"checkbox-intermediate\",\n \"checkbox\",\n \"checkmark\",\n \"chevron-down\",\n \"chevron-first\",\n \"chevron-last\",\n \"chevron-left\",\n \"chevron-right\",\n \"chevron-sort\",\n \"chevron-up\",\n \"clipboard-copied\",\n \"clipboard\",\n \"close\",\n \"cloud-download\",\n \"cloud-offline\",\n \"cloud-online\",\n \"cloud-upload\",\n \"cluster\",\n \"code\",\n \"color-fill\",\n \"color-none\",\n \"color-stroke\",\n \"color\",\n \"columns\",\n \"connected-points\",\n \"container\",\n \"cookie\",\n \"copy\",\n \"cpu\",\n \"cursor-pointer\",\n \"data-dimentions\",\n \"debug\",\n \"delete-bin\",\n \"delete-circle\",\n \"delete-clear\",\n \"dendrogram-X-line\",\n \"dendrogram-X\",\n \"dendrogram-Y-line\",\n \"dendrogram-Y\",\n \"dna-add\",\n \"dna-import\",\n \"dna\",\n \"download\",\n \"drag-dots\",\n \"drag-horizontal\",\n \"drag-vertical\",\n \"duplicate\",\n \"edit\",\n \"error-bar\",\n \"error\",\n \"expand-left\",\n \"expand-right\",\n \"export\",\n \"file-doc-add\",\n \"file-doc-download\",\n \"file-doc-import\",\n \"file-doc\",\n \"file-logs-accent\",\n \"file-logs\",\n \"filter-on\",\n \"filter\",\n \"fire-tips\",\n \"folder-parent\",\n \"frame-type-all\",\n \"frame-type-bottom\",\n \"frame-type-left-bottom\",\n \"frame-type-left\",\n \"frame-type-none\",\n \"generate\",\n \"graph\",\n \"heatmap\",\n \"help-outline\",\n \"help\",\n \"info-outline\",\n \"info\",\n \"jitter\",\n \"jump-link\",\n \"lasso\",\n \"layers\",\n \"learn\",\n \"legend-box-dot\",\n \"legend-box\",\n \"legend\",\n \"line-binned\",\n \"line-error\",\n \"line-jitter\",\n \"line\",\n \"linetype-dashed\",\n \"linetype-dotdash\",\n \"linetype-dotted\",\n \"linetype-longdash\",\n \"linetype-solid\",\n \"linetype-twodash\",\n \"link-disabled\",\n \"link\",\n \"loading\",\n \"lock\",\n \"maximize\",\n \"menu\",\n \"minimize\",\n \"minus\",\n \"monetization-off\",\n \"monetization-on\",\n \"monetization\",\n \"more\",\n \"paper-clip\",\n \"pause\",\n \"pen-tool\",\n \"pin\",\n \"play\",\n \"position-bottom-annotation\",\n \"position-bottom\",\n \"position-left-annotation\",\n \"position-left\",\n \"position-right-annotation\",\n \"position-right\",\n \"position-top-annotation\",\n \"position-top\",\n \"product\",\n \"progress\",\n \"publications\",\n \"radio-button-checked\",\n \"radio-button\",\n \"renew\",\n \"restart\",\n \"reverse\",\n \"rotation-0\",\n \"rotation-45\",\n \"rotation-90\",\n \"search\",\n \"server-on\",\n \"server\",\n \"settings\",\n \"sina\",\n \"skatterplot\",\n \"slice\",\n \"social-github\",\n \"social-linkedin\",\n \"social-twitter-X\",\n \"social-twitter-bird\",\n \"social-youtube\",\n \"sort-list-down\",\n \"sort-list-up\",\n \"sort\",\n \"statistics\",\n \"stop\",\n \"strip-plot\",\n \"success\",\n \"table-add\",\n \"table-alias\",\n \"table-import\",\n \"table\",\n \"template\",\n \"terminal\",\n \"text-align-center\",\n \"text-align-left\",\n \"text-align-right\",\n \"theme-dark\",\n \"theme-light\",\n \"time\",\n \"tune\",\n \"venn\",\n \"view-hide\",\n \"view-show\",\n \"violin-binned\",\n \"violin-jitter\",\n \"violin\",\n \"warning\",\n \"wetlab\",\n \"windows-collapse\",\n \"windows-expand\",\n \"x-axis\",\n \"y-axis\",\n \"zip\",\n \"zoom-in\",\n \"zoom-out\",\n] as const;\n"],"mappings":";AAAA,IAAaA,IAAU,61EAoNvB"}

package/dist/global/resizeObserver.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { tapIf as e } from "../helpers/functions.js";
-//#region src/global/resizeObserver.ts
+// src/global/resizeObserver.ts
 var t = /* @__PURE__ */ new WeakMap(), n = new ResizeObserver((n) => {
 	for (let r of n) e(t.get(r.target), (e) => e(r));
 });
@@ -9,7 +9,6 @@ function r(e, r) {
 function i(e) {
 	n.unobserve(e), t.delete(e);
 }
-//#endregion
 export { r as startResizeObserving, i as stopResizeObserving };
 //# sourceMappingURL=resizeObserver.js.map

package/dist/global/resizeObserver.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"resizeObserver.js","names":[],"sources":["../../src/global/resizeObserver.ts"],"sourcesContent":["import { tapIf } from \"../helpers/functions\";\n\nconst cm = new WeakMap<Element, (entry: ResizeObserverEntry) => void>();\n\nconst resizeObserver = new ResizeObserver((entries) => {\n for (const entry of entries) {\n tapIf(cm.get(entry.target), (cb) => cb(entry));\n }\n});\n\nexport function startResizeObserving(el: Element, cb: (entry: ResizeObserverEntry) => void) {\n cm.set(el, cb);\n resizeObserver.unobserve(el);\n resizeObserver.observe(el);\n}\n\nexport function stopResizeObserving(el: Element) {\n resizeObserver.unobserve(el);\n cm.delete(el);\n}\n"],"mappings":";;AAEA,~~IAAM~~,oBAAK,IAAI,~~SAAwD~~,~~EAEjE~~,IAAiB,IAAI,gBAAgB,MAAY;~~AACrD~~,~~MAAK~~,~~IAAM~~,~~KAAS~~,~~EAClB~~,~~GAAM~~,EAAG,~~IAAI~~,EAAM,~~OAAO~~,~~GAAG~~,~~MAAO~~,~~EAAG~~,~~EAAM~~,CAAC;~~EAEhD~~;~~AAEF~~,~~SAAgB~~,EAAqB,GAAa,GAA0C;~~AAG1F~~,~~CAFA~~,EAAG,~~IAAI~~,~~GAAI~~,~~EAAG~~,~~EACd~~,EAAe,~~UAAU~~,~~EAAG~~,~~EAC5B~~,EAAe,~~QAAQ~~,~~EAAG;;AAG5B~~,~~SAAgB~~,EAAoB,GAAa;~~AAE~~/C,~~CADA~~,EAAe,~~UAAU~~,~~EAAG~~,~~EAC5B~~,EAAG,~~OAAO~~,~~EAAG~~"}
1	+ {"version":3,"file":"resizeObserver.js","names":["cm","resizeObserver","entry","entries","cb","startResizeObserving","el","stopResizeObserving"],"sources":["../../src/global/resizeObserver.ts"],"sourcesContent":["import { tapIf } from \"../helpers/functions\";\n\nconst cm = new WeakMap<Element, (entry: ResizeObserverEntry) => void>();\n\nconst resizeObserver = new ResizeObserver((entries) => {\n for (const entry of entries) {\n tapIf(cm.get(entry.target), (cb) => cb(entry));\n }\n});\n\nexport function startResizeObserving(el: Element, cb: (entry: ResizeObserverEntry) => void) {\n cm.set(el, cb);\n resizeObserver.unobserve(el);\n resizeObserver.observe(el);\n}\n\nexport function stopResizeObserving(el: Element) {\n resizeObserver.unobserve(el);\n cm.delete(el);\n}\n"],"mappings":";;AAEA,IAAMA,oBAAK,IAAI,QAAuD,GAEhEC,IAAiB,IAAI,gBAAgB,MAAY;CACrD,KAAK,IAAMC,KAASC,GAClB,EAAMH,EAAG,IAAIE,EAAM,MAAM,IAAI,MAAOE,EAAGF,CAAK,CAAC;AAEjD,CAAC;AAED,SAAgBG,EAAqB,GAAa,GAA0C;CAG1F,AAFAL,EAAG,IAAIM,GAAIF,CAAE,GACbH,EAAe,UAAUK,CAAE,GAC3BL,EAAe,QAAQK,CAAE;AAC3B;AAEA,SAAgBC,EAAoB,GAAa;CAE/C,AADAN,EAAe,UAAUK,CAAE,GAC3BN,EAAG,OAAOM,CAAE;AACd"}

package/dist/helpers/dom.js CHANGED Viewed

@@ -1,34 +1,34 @@
 import { animate as e, makeEaseOut as t } from "./utils.js";
-import "./downloadContent.js";
-//#region src/helpers/dom.ts
-function n(e, t) {
+import { downloadContent as n } from "./downloadContent.js";
+// src/helpers/dom.ts
+function r(e, t) {
 	let n = e.scrollTop, r = e.getBoundingClientRect().height, i = t.offsetTop;
 	return i + t.getBoundingClientRect().height < r + n && i > n;
 }
-function r(e, t) {
+function i(e, t) {
 	let n = e.scrollTop, r = e.getBoundingClientRect().height, i = t.offsetTop;
 	return i + t.getBoundingClientRect().height < r + n ? "ceil" : i > n ? "floor" : "visible";
 }
-function i(i, a, o = {}) {
-	let s = i.scrollTop, c = i.getBoundingClientRect().height, l = a.getBoundingClientRect().height, u = a.offsetTop, d = r(i, a);
-	d !== "visible" && (n(i, a) || e({
+function a(n, a, o = {}) {
+	let s = n.scrollTop, c = n.getBoundingClientRect().height, l = a.getBoundingClientRect().height, u = a.offsetTop, d = i(n, a);
+	d !== "visible" && (r(n, a) || e({
 		duration: o.duration || 100,
 		timing: t((e) => e),
 		draw: (e) => {
-			i.scrollTop = s + e * ((d === "floor" ? u - (c - l) : u) - s);
+			let t = d === "floor" ? u - (c - l) : u;
+			n.scrollTop = s + e * (t - s);
 		}
 	}));
 }
-function a(e, t, n, r) {
+function o(e, t, n, r) {
 	return e.addEventListener(t, n, r), function() {
 		e.removeEventListener(t, n);
 	};
 }
-function o(e, t) {
+function s(e, t) {
 	let n = t.getBoundingClientRect();
 	return e.x < n.x || e.x > n.x + n.width || e.y < n.y || e.y > n.y + n.height;
 }
-//#endregion
-export { o as detectOutside, a as eventListener, r as getElementScrollPosition, n as isElementVisible, i as scrollIntoView };
+export { s as detectOutside, n as downloadContent, o as eventListener, i as getElementScrollPosition, r as isElementVisible, a as scrollIntoView };
 //# sourceMappingURL=dom.js.map

package/dist/helpers/dom.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dom.js","names":[],"sources":["../../src/helpers/dom.ts"],"sourcesContent":["import { animate, makeEaseOut } from \"./utils\";\n\nexport { downloadContent } from \"./downloadContent\";\n\nexport function isElementVisible(parent: HTMLElement, el: HTMLElement) {\n const scrollTop = parent.scrollTop;\n const parentHeight = parent.getBoundingClientRect().height;\n const elOffsetTop = el.offsetTop;\n const elHeight = el.getBoundingClientRect().height;\n return elOffsetTop + elHeight < parentHeight + scrollTop && elOffsetTop > scrollTop;\n}\n\nexport function getElementScrollPosition(parent: HTMLElement, el: HTMLElement) {\n const scrollTop = parent.scrollTop;\n const parentHeight = parent.getBoundingClientRect().height;\n const elOffsetTop = el.offsetTop;\n const elHeight = el.getBoundingClientRect().height;\n\n if (elOffsetTop + elHeight < parentHeight + scrollTop) {\n return \"ceil\" as const;\n }\n\n if (elOffsetTop > scrollTop) {\n return \"floor\" as const;\n }\n\n return \"visible\" as const;\n}\n\nexport function scrollIntoView(\n parent: HTMLElement,\n el: HTMLElement,\n options: { duration?: number } = {},\n) {\n const scrollTop = parent.scrollTop;\n const parentHeight = parent.getBoundingClientRect().height;\n const elHeight = el.getBoundingClientRect().height;\n const offsetTop = el.offsetTop;\n const scrollPosition = getElementScrollPosition(parent, el);\n\n if (scrollPosition === \"visible\") {\n return;\n }\n\n const draw = (progress: number) => {\n const to = scrollPosition === \"floor\" ? offsetTop - (parentHeight - elHeight) : offsetTop;\n parent.scrollTop = scrollTop + progress * (to - scrollTop);\n };\n\n if (!isElementVisible(parent, el)) {\n animate({\n duration: options.duration \|\| 100,\n timing: makeEaseOut((t) => t),\n draw,\n });\n }\n}\n\nexport function eventListener<K extends keyof DocumentEventMap>(\n el: Document,\n type: K,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n listener: (this: Document, ev: DocumentEventMap[K]) => any,\n options?: boolean \| AddEventListenerOptions,\n): () => void;\n\nexport function eventListener<K extends keyof HTMLElementEventMap>(\n el: HTMLElement,\n type: K,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,\n options?: boolean \| AddEventListenerOptions,\n): () => void;\n\nexport function eventListener<K extends string>(\n el: HTMLElement \| Document,\n type: K,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n listener: (this: HTMLElement \| Document, ev: unknown) => any,\n options?: boolean \| AddEventListenerOptions,\n) {\n el.addEventListener(type, listener, options);\n\n return function () {\n el.removeEventListener(type, listener);\n };\n}\n\nexport function detectOutside(e: { x: number; y: number }, el: HTMLElement) {\n const rect = el.getBoundingClientRect();\n return e.x < rect.x \|\| e.x > rect.x + rect.width \|\| e.y < rect.y \|\| e.y > rect.y + rect.height;\n}\n"],"mappings":";;;AAIA,~~SAAgB~~,EAAiB,GAAqB,GAAiB;CACrE,~~IAAM~~,~~IAAY~~,EAAO,~~WACnB~~,~~IAAe~~,EAAO,~~uBAAuB~~,CAAC,~~QAC9C~~,~~IAAc~~,EAAG;~~AAEvB~~,~~QAAO~~,~~IADU~~,EAAG,~~uBAAuB~~,CAAC,~~SACZ~~,~~IAAe~~,~~KAAa~~,~~IAAc;;AAG5E~~,~~SAAgB~~,EAAyB,GAAqB,GAAiB;CAC7E,~~IAAM~~,~~IAAY~~,EAAO,~~WACnB~~,~~IAAe~~,EAAO,~~uBAAuB~~,CAAC,~~QAC9C~~,~~IAAc~~,EAAG;~~AAWvB~~,~~QARI~~,~~IAFa~~,EAAG,~~uBAAuB~~,CAAC,~~SAEf~~,~~IAAe~~,IACnC,~~SAGL~~,~~IAAc~~,IACT,UAGF~~;;AAGT~~,~~SAAgB~~,EACd,GACA,GACA,IAAiC,~~EAAE~~,~~EACnC~~;CACA,~~IAAM~~,~~IAAY~~,EAAO,~~WACnB~~,~~IAAe~~,EAAO,~~uBAAuB~~,CAAC,~~QAC9C~~,~~IAAW~~,EAAG,~~uBAAuB~~,CAAC,~~QACtC~~,~~IAAY~~,EAAG,~~WACf~~,~~IAAiB~~,~~EAAyB~~,~~GAAQ~~,~~EAAG~~;~~AAEvD~~,~~OAAmB~~,~~cASlB~~,~~EAAiB~~,~~GAAQ~~,~~EAAG~~,~~IAC/B~~,EAAQ;EACN,~~UAAU~~,EAAQ,YAAY;EAC9B,~~QAAQ~~,GAAa,~~MAAM~~,~~EAAE~~;~~EAC7B~~,OATU,MAAqB;~~AAEjC~~,~~KAAO~~,~~YAAY~~,~~IAAY~~,~~MADpB~~,~~MAAmB~~,~~UAAU~~,~~KAAa~~,~~IAAe~~,~~KAAY~~,~~KAChC;;EAQ/C~~,CAAC~~;;AAoBN~~,~~SAAgB~~,EACd,GACA,GAEA,GACA,GACA;~~AAGA~~,~~QAFA~~,EAAG,~~iBAAiB~~,~~GAAM~~,~~GAAU~~,~~EAAQ~~,~~EAErC~~,WAAY;~~AACjB~~,~~IAAG~~,~~oBAAoB~~,~~GAAM~~,~~EAAS;;;AAI1C~~,~~SAAgB~~,EAAc,GAA6B,GAAiB;CAC1E,~~IAAM~~,~~IAAO~~,EAAG,~~uBAAuB~~;~~AACvC~~,~~QAAO~~,EAAE,~~IAAI~~,EAAK,KAAK,EAAE,~~IAAI~~,EAAK,~~IAAI~~,EAAK,SAAS,EAAE,~~IAAI~~,EAAK,KAAK,EAAE,~~IAAI~~,EAAK,~~IAAI~~,EAAK"}
1	+ {"version":3,"file":"dom.js","names":["isElementVisible","scrollTop","parent","parentHeight","elOffsetTop","el","getElementScrollPosition","scrollIntoView","elHeight","offsetTop","scrollPosition","animate","options","makeEaseOut","t","to","progress","eventListener","type","listener","detectOutside","rect","downloadContent"],"sources":["../../src/helpers/dom.ts"],"sourcesContent":["import { animate, makeEaseOut } from \"./utils\";\n\nexport { downloadContent } from \"./downloadContent\";\n\nexport function isElementVisible(parent: HTMLElement, el: HTMLElement) {\n const scrollTop = parent.scrollTop;\n const parentHeight = parent.getBoundingClientRect().height;\n const elOffsetTop = el.offsetTop;\n const elHeight = el.getBoundingClientRect().height;\n return elOffsetTop + elHeight < parentHeight + scrollTop && elOffsetTop > scrollTop;\n}\n\nexport function getElementScrollPosition(parent: HTMLElement, el: HTMLElement) {\n const scrollTop = parent.scrollTop;\n const parentHeight = parent.getBoundingClientRect().height;\n const elOffsetTop = el.offsetTop;\n const elHeight = el.getBoundingClientRect().height;\n\n if (elOffsetTop + elHeight < parentHeight + scrollTop) {\n return \"ceil\" as const;\n }\n\n if (elOffsetTop > scrollTop) {\n return \"floor\" as const;\n }\n\n return \"visible\" as const;\n}\n\nexport function scrollIntoView(\n parent: HTMLElement,\n el: HTMLElement,\n options: { duration?: number } = {},\n) {\n const scrollTop = parent.scrollTop;\n const parentHeight = parent.getBoundingClientRect().height;\n const elHeight = el.getBoundingClientRect().height;\n const offsetTop = el.offsetTop;\n const scrollPosition = getElementScrollPosition(parent, el);\n\n if (scrollPosition === \"visible\") {\n return;\n }\n\n const draw = (progress: number) => {\n const to = scrollPosition === \"floor\" ? offsetTop - (parentHeight - elHeight) : offsetTop;\n parent.scrollTop = scrollTop + progress * (to - scrollTop);\n };\n\n if (!isElementVisible(parent, el)) {\n animate({\n duration: options.duration \|\| 100,\n timing: makeEaseOut((t) => t),\n draw,\n });\n }\n}\n\nexport function eventListener<K extends keyof DocumentEventMap>(\n el: Document,\n type: K,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n listener: (this: Document, ev: DocumentEventMap[K]) => any,\n options?: boolean \| AddEventListenerOptions,\n): () => void;\n\nexport function eventListener<K extends keyof HTMLElementEventMap>(\n el: HTMLElement,\n type: K,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,\n options?: boolean \| AddEventListenerOptions,\n): () => void;\n\nexport function eventListener<K extends string>(\n el: HTMLElement \| Document,\n type: K,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n listener: (this: HTMLElement \| Document, ev: unknown) => any,\n options?: boolean \| AddEventListenerOptions,\n) {\n el.addEventListener(type, listener, options);\n\n return function () {\n el.removeEventListener(type, listener);\n };\n}\n\nexport function detectOutside(e: { x: number; y: number }, el: HTMLElement) {\n const rect = el.getBoundingClientRect();\n return e.x < rect.x \|\| e.x > rect.x + rect.width \|\| e.y < rect.y \|\| e.y > rect.y + rect.height;\n}\n"],"mappings":";;;AAIA,SAAgBA,EAAiB,GAAqB,GAAiB;CACrE,IAAMC,IAAYC,EAAO,WACnBC,IAAeD,EAAO,sBAAsB,CAAC,CAAC,QAC9CE,IAAcC,EAAG;CAEvB,OAAOD,IADUC,EAAG,sBAAsB,CAAC,CAAC,SACZF,IAAeF,KAAaG,IAAcH;AAC5E;AAEA,SAAgBK,EAAyB,GAAqB,GAAiB;CAC7E,IAAML,IAAYC,EAAO,WACnBC,IAAeD,EAAO,sBAAsB,CAAC,CAAC,QAC9CE,IAAcC,EAAG;CAWvB,OARID,IAFaC,EAAG,sBAAsB,CAAC,CAAC,SAEfF,IAAeF,IACnC,SAGLG,IAAcH,IACT,UAGF;AACT;AAEA,SAAgBM,EACd,GACA,GACA,IAAiC,CAAC,GAClC;CACA,IAAMN,IAAYC,EAAO,WACnBC,IAAeD,EAAO,sBAAsB,CAAC,CAAC,QAC9CM,IAAWH,EAAG,sBAAsB,CAAC,CAAC,QACtCI,IAAYJ,EAAG,WACfK,IAAiBJ,EAAyBJ,GAAQG,CAAE;CAE1D,AAAIK,MAAmB,cASlBV,EAAiBE,GAAQG,CAAE,KAC9BM,EAAQ;EACN,UAAUC,EAAQ,YAAY;EAC9B,QAAQC,GAAa,MAAMC,CAAC;EAC5B,OATU,MAAqB;GACjC,IAAMC,IAAKL,MAAmB,UAAUD,KAAaN,IAAeK,KAAYC;GAChF,EAAO,YAAYR,IAAYe,KAAYD,IAAKd;EAClD;CAOE,CAAC;AAEL;AAkBA,SAAgBgB,EACd,GACA,GAEA,GACA,GACA;CAGA,OAFAZ,EAAG,iBAAiBa,GAAMC,GAAUP,CAAO,GAEpC,WAAY;EACjB,EAAG,oBAAoBM,GAAMC,CAAQ;CACvC;AACF;AAEA,SAAgBC,EAAc,GAA6B,GAAiB;CAC1E,IAAMC,IAAOhB,EAAG,sBAAsB;CACtC,OAAO,EAAE,IAAIgB,EAAK,KAAK,EAAE,IAAIA,EAAK,IAAIA,EAAK,SAAS,EAAE,IAAIA,EAAK,KAAK,EAAE,IAAIA,EAAK,IAAIA,EAAK;AAC1F"}