npm - @milaboratories/uikit - Versions diffs - 2.4.2 → 2.4.3 - Mend

@milaboratories/uikit 2.4.2 → 2.4.3

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 (1323) hide show

package/dist/components/SliderRange.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SliderRange.vue.js","sources":["../../src/components/SliderRange.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, reactive, ref, unref, useSlots, watch } from 'vue';\nimport { useMouseCapture } from '../composition/useMouseCapture';\nimport { tapIf } from '../helpers/functions';\nimport { clamp } from '../helpers/math';\nimport { PlTooltip } from './PlTooltip';\nimport type { SliderMode } from '../types';\nimport InputRange from './InputRange.vue';\nimport { useSliderBreakpoints } from '../composition/useSliderBreakpoints';\nimport { getErrorMessage } from '../helpers/error.ts';\n\nconst slots = useSlots();\n\nconst emit = defineEmits(['update:modelValue']);\n\nconst props = withDefaults(\n defineProps<{\n modelValue: [number, number];\n min?: number;\n max: number;\n step?: number;\n label?: string;\n helper?: string;\n error?: unknown;\n mode?: SliderMode;\n measure?: string;\n breakpoints?: boolean;\n disabled?: boolean;\n }>(),\n {\n label: undefined,\n helper: undefined,\n error: undefined,\n min: 0,\n step: 1,\n mode: 'text',\n measure: '',\n breakpoints: false,\n disabled: false,\n },\n);\n\nconst data = reactive({\n deltaValue1: 0,\n deltaValue2: 0,\n});\n\nconst barRef = ref<HTMLElement>();\nconst thumbRef1 = ref<HTMLElement>();\nconst thumbRef2 = ref<HTMLElement>();\nconst inputRange = ref<[number, number]>(props.modelValue);\nconst leftDelta = ref(props.modelValue[0]);\nconst rightDelta = ref(props.modelValue[1]);\n\nconst propsRef = computed(() => props);\n\nconst breakpointsRef = useSliderBreakpoints(propsRef);\n\nconst textModelValue = computed(() => [leftDelta.value, rightDelta.value].sort((a, b) => a - b).join('-'));\n\nconst range = computed(() => props.max - props.min);\n\nconst localValue1 = computed(() => {\n return clamp((props.modelValue[0] ?? 0) + data.deltaValue1, props.min, props.max);\n});\n\nconst localValue2 = computed(() => clamp((props.modelValue[1] ?? 0) + data.deltaValue2, props.min, props.max));\n\nconst error = computed(() => {\n const v = props.modelValue as unknown;\n\n const isValidModel = Array.isArray(v) && v.length === 2 && v.every((it) => Number.isFinite(it));\n\n if (!isValidModel) {\n return 'Expected model [number, number]';\n }\n\n return getErrorMessage(props.error);\n});\n\nconst position1 = computed(() => {\n return (localValue1.value - props.min) / range.value;\n});\n\nconst position2 = computed(() => {\n return (localValue2.value - props.min) / range.value;\n});\n\nconst leftRight = computed(() => getLeftAndRight());\n\nconst progressStyle = computed(() => ({\n right: leftRight.value[0] + '%',\n left: 100 - leftRight.value[1] + '%',\n}));\n\nconst thumbStyle1 = computed(() => ({\n right: Math.ceil((1 - position1.value) * 100) + '%',\n}));\n\nconst thumbStyle2 = computed(() => ({\n right: Math.ceil((1 - position2.value) * 100) + '%',\n}));\n\nwatch(\n () => props.modelValue,\n (value: [number, number]) => {\n inputRange.value = value;\n leftDelta.value = +value[0];\n rightDelta.value = +value[1];\n },\n { immediate: true },\n);\n\nuseMouseCapture(thumbRef1, (ev) => {\n tapIf(unref(barRef)?.getBoundingClientRect(), (rect) => {\n const { dx } = ev;\n\n data.deltaValue1 = (dx / rect.width) * range.value;\n\n leftDelta.value = round(clamp((props.modelValue[0] ?? 0) + data.deltaValue1, props.min, props.max));\n\n inputRange.value = ([leftDelta.value, rightDelta.value] as [number, number]).sort((a, b) => a - b);\n\n if (ev.stop) {\n setModelValue([round(localValue1.value), round(localValue2.value)]);\n data.deltaValue1 = 0;\n }\n });\n});\n\nuseMouseCapture(thumbRef2, (ev) => {\n tapIf(unref(barRef)?.getBoundingClientRect(), (rect) => {\n const { dx } = ev;\n\n data.deltaValue2 = (dx / rect.width) * range.value;\n\n rightDelta.value = round(clamp((props.modelValue[1] ?? 0) + data.deltaValue2, props.min, props.max));\n\n inputRange.value = ([leftDelta.value, rightDelta.value] as [number, number]).sort((a, b) => a - b);\n\n if (ev.stop) {\n setModelValue([round(localValue1.value), round(localValue2.value)]);\n data.deltaValue2 = 0;\n }\n });\n});\n\nfunction getLeftAndRight() {\n const point1 = Math.ceil((1 - position1.value) * 100);\n const point2 = Math.ceil((1 - position2.value) * 100);\n return [point1, point2].sort((a, b) => a - b);\n}\n\nfunction round(value: number) {\n const v = clamp(value, props.min, props.max);\n // This is the same as Math.round(v / props.step) * props.step but here we need this magic to avoid numbers like 3.00000000000000000004\n return Math.round((v + Number.EPSILON) * (1 / props.step)) / (1 / props.step);\n}\n\nfunction setModelValue(value: [number, number]) {\n emit('update:modelValue', value);\n}\n\nfunction handleKeyPress(e: { code: string; preventDefault(): void }, index: number) {\n if (['ArrowDown', 'ArrowUp', 'ArrowRight', 'ArrowLeft', 'Enter'].includes(e.code)) {\n e.preventDefault();\n }\n\n const nextStep\n = e.code === 'ArrowUp' \|\| e.code === 'ArrowRight' ? props.step * 1 : e.code === 'ArrowDown' \|\| e.code === 'ArrowLeft' ? props.step * -1 : 0;\n\n const arr: [number, number] = [...props.modelValue];\n arr[index] = clamp(arr[index] + nextStep, props.min, props.max);\n setModelValue(arr);\n}\n</script>\n\n<template>\n <!-- {{ leftDelta }} {{ rightDelta }} -->\n <div :class=\"props.disabled ? 'ui-slider__disabled' : undefined\" class=\"ui-slider__envelope\">\n <div :class=\"`ui-slider__mode-${props.mode}`\" class=\"ui-slider\">\n <div class=\"ui-slider__wrapper\">\n <div class=\"ui-slider__label-section\">\n <label v-if=\"label\" class=\"text-s\">\n <span>{{ label }}</span>\n <PlTooltip v-if=\"slots.tooltip\" class=\"info\" position=\"top\">\n <template #tooltip>\n <slot name=\"tooltip\" />\n </template>\n </PlTooltip>\n </label>\n <div v-if=\"props.mode === 'text'\" class=\"ui-slider__value-static text-s\">{{ textModelValue }}</div>\n </div>\n <div class=\"ui-slider__base\">\n <div class=\"ui-slider__container\">\n <div ref=\"barRef\" class=\"ui-slider__bar\">\n <div class=\"ui-slider__progress\" :style=\"progressStyle\" />\n </div>\n </div>\n <div class=\"ui-slider__container ui-slider__container-thumb\">\n <template v-if=\"props.breakpoints\">\n <div v-for=\"(item, index) in breakpointsRef\" :key=\"index\" :style=\"{ right: `${item}%` }\" class=\"ui-slider__thumb-step\"/>\n </template>\n <div ref=\"thumbRef1\" :style=\"thumbStyle1\" class=\"ui-slider__thumb\" tabindex=\"0\" @keydown=\"handleKeyPress($event, 0)\">\n <div class=\"ui-slider__thumb-focused-contour\" />\n </div>\n <div ref=\"thumbRef2\" :style=\"thumbStyle2\" class=\"ui-slider__thumb\" tabindex=\"0\" @keydown=\"handleKeyPress($event, 1)\">\n <div class=\"ui-slider__thumb-focused-contour\" />\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"ui-slider__input-wrapper d-flex\">\n <InputRange v-if=\"props.mode === 'input'\" v-model=\"inputRange\" class=\"ui-focused-border\" @change=\"setModelValue\" />\n </div>\n </div>\n <!-- <div v-if=\"helper\" class=\"ui-slider__helper\">\n {{ helper }}\n </div> -->\n <div v-if=\"error\" class=\"ui-slider__error\">\n {{ error }}\n </div>\n </div>\n</template>\n"],"names":["slots","useSlots","emit","__emit","props","__props","data","reactive","barRef","ref","thumbRef1","thumbRef2","inputRange","leftDelta","rightDelta","propsRef","computed","breakpointsRef","useSliderBreakpoints","textModelValue","a","b","range","localValue1","clamp","localValue2","error","v","it","getErrorMessage","position1","position2","leftRight","getLeftAndRight","progressStyle","thumbStyle1","thumbStyle2","watch","value","useMouseCapture","ev","tapIf","_a","unref","rect","dx","round","setModelValue","point1","point2","handleKeyPress","e","index","nextStep","arr"],"mappings":"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"}
1	+ {"version":3,"file":"SliderRange.vue.js","sources":["../../src/components/SliderRange.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, reactive, ref, unref, useSlots, watch } from 'vue';\nimport { useMouseCapture } from '../composition/useMouseCapture';\nimport { tapIf } from '../helpers/functions';\nimport { clamp } from '../helpers/math';\nimport { PlTooltip } from './PlTooltip';\nimport type { SliderMode } from '../types';\nimport InputRange from './InputRange.vue';\nimport { useSliderBreakpoints } from '../composition/useSliderBreakpoints';\nimport { getErrorMessage } from '../helpers/error.ts';\n\nconst slots = useSlots();\n\nconst emit = defineEmits(['update:modelValue']);\n\nconst props = withDefaults(\n defineProps<{\n modelValue: [number, number];\n min?: number;\n max: number;\n step?: number;\n label?: string;\n helper?: string;\n error?: unknown;\n mode?: SliderMode;\n measure?: string;\n breakpoints?: boolean;\n disabled?: boolean;\n }>(),\n {\n label: undefined,\n helper: undefined,\n error: undefined,\n min: 0,\n step: 1,\n mode: 'text',\n measure: '',\n breakpoints: false,\n disabled: false,\n },\n);\n\nconst data = reactive({\n deltaValue1: 0,\n deltaValue2: 0,\n});\n\nconst barRef = ref<HTMLElement>();\nconst thumbRef1 = ref<HTMLElement>();\nconst thumbRef2 = ref<HTMLElement>();\nconst inputRange = ref<[number, number]>(props.modelValue);\nconst leftDelta = ref(props.modelValue[0]);\nconst rightDelta = ref(props.modelValue[1]);\n\nconst propsRef = computed(() => props);\n\nconst breakpointsRef = useSliderBreakpoints(propsRef);\n\nconst textModelValue = computed(() => [leftDelta.value, rightDelta.value].sort((a, b) => a - b).join('-'));\n\nconst range = computed(() => props.max - props.min);\n\nconst localValue1 = computed(() => {\n return clamp((props.modelValue[0] ?? 0) + data.deltaValue1, props.min, props.max);\n});\n\nconst localValue2 = computed(() => clamp((props.modelValue[1] ?? 0) + data.deltaValue2, props.min, props.max));\n\nconst error = computed(() => {\n const v = props.modelValue as unknown;\n\n const isValidModel = Array.isArray(v) && v.length === 2 && v.every((it) => Number.isFinite(it));\n\n if (!isValidModel) {\n return 'Expected model [number, number]';\n }\n\n return getErrorMessage(props.error);\n});\n\nconst position1 = computed(() => {\n return (localValue1.value - props.min) / range.value;\n});\n\nconst position2 = computed(() => {\n return (localValue2.value - props.min) / range.value;\n});\n\nconst leftRight = computed(() => getLeftAndRight());\n\nconst progressStyle = computed(() => ({\n right: leftRight.value[0] + '%',\n left: 100 - leftRight.value[1] + '%',\n}));\n\nconst thumbStyle1 = computed(() => ({\n right: Math.ceil((1 - position1.value) * 100) + '%',\n}));\n\nconst thumbStyle2 = computed(() => ({\n right: Math.ceil((1 - position2.value) * 100) + '%',\n}));\n\nwatch(\n () => props.modelValue,\n (value: [number, number]) => {\n inputRange.value = value;\n leftDelta.value = +value[0];\n rightDelta.value = +value[1];\n },\n { immediate: true },\n);\n\nuseMouseCapture(thumbRef1, (ev) => {\n tapIf(unref(barRef)?.getBoundingClientRect(), (rect) => {\n const { dx } = ev;\n\n data.deltaValue1 = (dx / rect.width) * range.value;\n\n leftDelta.value = round(clamp((props.modelValue[0] ?? 0) + data.deltaValue1, props.min, props.max));\n\n inputRange.value = ([leftDelta.value, rightDelta.value] as [number, number]).sort((a, b) => a - b);\n\n if (ev.stop) {\n setModelValue([round(localValue1.value), round(localValue2.value)]);\n data.deltaValue1 = 0;\n }\n });\n});\n\nuseMouseCapture(thumbRef2, (ev) => {\n tapIf(unref(barRef)?.getBoundingClientRect(), (rect) => {\n const { dx } = ev;\n\n data.deltaValue2 = (dx / rect.width) * range.value;\n\n rightDelta.value = round(clamp((props.modelValue[1] ?? 0) + data.deltaValue2, props.min, props.max));\n\n inputRange.value = ([leftDelta.value, rightDelta.value] as [number, number]).sort((a, b) => a - b);\n\n if (ev.stop) {\n setModelValue([round(localValue1.value), round(localValue2.value)]);\n data.deltaValue2 = 0;\n }\n });\n});\n\nfunction getLeftAndRight() {\n const point1 = Math.ceil((1 - position1.value) * 100);\n const point2 = Math.ceil((1 - position2.value) * 100);\n return [point1, point2].sort((a, b) => a - b);\n}\n\nfunction round(value: number) {\n const v = clamp(value, props.min, props.max);\n // This is the same as Math.round(v / props.step) * props.step but here we need this magic to avoid numbers like 3.00000000000000000004\n return Math.round((v + Number.EPSILON) * (1 / props.step)) / (1 / props.step);\n}\n\nfunction setModelValue(value: [number, number]) {\n emit('update:modelValue', value);\n}\n\nfunction handleKeyPress(e: { code: string; preventDefault(): void }, index: number) {\n if (['ArrowDown', 'ArrowUp', 'ArrowRight', 'ArrowLeft', 'Enter'].includes(e.code)) {\n e.preventDefault();\n }\n\n const nextStep\n = e.code === 'ArrowUp' \|\| e.code === 'ArrowRight' ? props.step * 1 : e.code === 'ArrowDown' \|\| e.code === 'ArrowLeft' ? props.step * -1 : 0;\n\n const arr: [number, number] = [...props.modelValue];\n arr[index] = clamp(arr[index] + nextStep, props.min, props.max);\n setModelValue(arr);\n}\n</script>\n\n<template>\n <!-- {{ leftDelta }} {{ rightDelta }} -->\n <div :class=\"props.disabled ? 'ui-slider__disabled' : undefined\" class=\"ui-slider__envelope\">\n <div :class=\"`ui-slider__mode-${props.mode}`\" class=\"ui-slider\">\n <div class=\"ui-slider__wrapper\">\n <div class=\"ui-slider__label-section\">\n <label v-if=\"label\" class=\"text-s\">\n <span>{{ label }}</span>\n <PlTooltip v-if=\"slots.tooltip\" class=\"info\" position=\"top\">\n <template #tooltip>\n <slot name=\"tooltip\" />\n </template>\n </PlTooltip>\n </label>\n <div v-if=\"props.mode === 'text'\" class=\"ui-slider__value-static text-s\">{{ textModelValue }}</div>\n </div>\n <div class=\"ui-slider__base\">\n <div class=\"ui-slider__container\">\n <div ref=\"barRef\" class=\"ui-slider__bar\">\n <div class=\"ui-slider__progress\" :style=\"progressStyle\" />\n </div>\n </div>\n <div class=\"ui-slider__container ui-slider__container-thumb\">\n <template v-if=\"props.breakpoints\">\n <div v-for=\"(item, index) in breakpointsRef\" :key=\"index\" :style=\"{ right: `${item}%` }\" class=\"ui-slider__thumb-step\"/>\n </template>\n <div ref=\"thumbRef1\" :style=\"thumbStyle1\" class=\"ui-slider__thumb\" tabindex=\"0\" @keydown=\"handleKeyPress($event, 0)\">\n <div class=\"ui-slider__thumb-focused-contour\" />\n </div>\n <div ref=\"thumbRef2\" :style=\"thumbStyle2\" class=\"ui-slider__thumb\" tabindex=\"0\" @keydown=\"handleKeyPress($event, 1)\">\n <div class=\"ui-slider__thumb-focused-contour\" />\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"ui-slider__input-wrapper d-flex\">\n <InputRange v-if=\"props.mode === 'input'\" v-model=\"inputRange\" class=\"ui-focused-border\" @change=\"setModelValue\" />\n </div>\n </div>\n <!-- <div v-if=\"helper\" class=\"ui-slider__helper\">\n {{ helper }}\n </div> -->\n <div v-if=\"error\" class=\"ui-slider__error\">\n {{ error }}\n </div>\n </div>\n</template>\n"],"names":["slots","useSlots","emit","__emit","props","__props","data","reactive","barRef","ref","thumbRef1","thumbRef2","inputRange","leftDelta","rightDelta","propsRef","computed","breakpointsRef","useSliderBreakpoints","textModelValue","a","b","range","localValue1","clamp","localValue2","error","v","it","getErrorMessage","position1","position2","leftRight","getLeftAndRight","progressStyle","thumbStyle1","thumbStyle2","watch","value","useMouseCapture","ev","tapIf","_a","unref","rect","dx","round","setModelValue","point1","point2","handleKeyPress","e","index","nextStep","arr"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,UAAMA,IAAQC,EAAA,GAERC,IAAOC,GAEPC,IAAQC,GA2BRC,IAAOC,EAAS;AAAA,MACpB,aAAa;AAAA,MACb,aAAa;AAAA,IAAA,CACd,GAEKC,IAASC,EAAA,GACTC,IAAYD,EAAA,GACZE,IAAYF,EAAA,GACZG,IAAaH,EAAsBL,EAAM,UAAU,GACnDS,IAAYJ,EAAIL,EAAM,WAAW,CAAC,CAAC,GACnCU,IAAaL,EAAIL,EAAM,WAAW,CAAC,CAAC,GAEpCW,IAAWC,EAAS,MAAMZ,CAAK,GAE/Ba,IAAiBC,GAAqBH,CAAQ,GAE9CI,IAAiBH,EAAS,MAAM,CAACH,EAAU,OAAOC,EAAW,KAAK,EAAE,KAAK,CAACM,GAAGC,MAAMD,IAAIC,CAAC,EAAE,KAAK,GAAG,CAAC,GAEnGC,IAAQN,EAAS,MAAMZ,EAAM,MAAMA,EAAM,GAAG,GAE5CmB,IAAcP,EAAS,MACpBQ,GAAOpB,EAAM,WAAW,CAAC,KAAK,KAAKE,EAAK,aAAaF,EAAM,KAAKA,EAAM,GAAG,CACjF,GAEKqB,IAAcT,EAAS,MAAMQ,GAAOpB,EAAM,WAAW,CAAC,KAAK,KAAKE,EAAK,aAAaF,EAAM,KAAKA,EAAM,GAAG,CAAC,GAEvGsB,IAAQV,EAAS,MAAM;AAC3B,YAAMW,IAAIvB,EAAM;AAIhB,aAFqB,MAAM,QAAQuB,CAAC,KAAKA,EAAE,WAAW,KAAKA,EAAE,MAAM,CAACC,MAAO,OAAO,SAASA,CAAE,CAAC,IAMvFC,GAAgBzB,EAAM,KAAK,IAHzB;AAAA,IAIX,CAAC,GAEK0B,IAAYd,EAAS,OACjBO,EAAY,QAAQnB,EAAM,OAAOkB,EAAM,KAChD,GAEKS,IAAYf,EAAS,OACjBS,EAAY,QAAQrB,EAAM,OAAOkB,EAAM,KAChD,GAEKU,IAAYhB,EAAS,MAAMiB,GAAiB,GAE5CC,IAAgBlB,EAAS,OAAO;AAAA,MACpC,OAAOgB,EAAU,MAAM,CAAC,IAAI;AAAA,MAC5B,MAAM,MAAMA,EAAU,MAAM,CAAC,IAAI;AAAA,IAAA,EACjC,GAEIG,IAAcnB,EAAS,OAAO;AAAA,MAClC,OAAO,KAAK,MAAM,IAAIc,EAAU,SAAS,GAAG,IAAI;AAAA,IAAA,EAChD,GAEIM,IAAcpB,EAAS,OAAO;AAAA,MAClC,OAAO,KAAK,MAAM,IAAIe,EAAU,SAAS,GAAG,IAAI;AAAA,IAAA,EAChD;AAEF,IAAAM;AAAA,MACE,MAAMjC,EAAM;AAAA,MACZ,CAACkC,MAA4B;AAC3B,QAAA1B,EAAW,QAAQ0B,GACnBzB,EAAU,QAAQ,CAACyB,EAAM,CAAC,GAC1BxB,EAAW,QAAQ,CAACwB,EAAM,CAAC;AAAA,MAC7B;AAAA,MACA,EAAE,WAAW,GAAA;AAAA,IAAK,GAGpBC,EAAgB7B,GAAW,CAAC8B,MAAO;;AACjC,MAAAC,GAAMC,IAAAC,EAAMnC,CAAM,MAAZ,gBAAAkC,EAAe,yBAAyB,CAACE,MAAS;AACtD,cAAM,EAAE,IAAAC,MAAOL;AAEf,QAAAlC,EAAK,cAAeuC,IAAKD,EAAK,QAAStB,EAAM,OAE7CT,EAAU,QAAQiC,EAAMtB,GAAOpB,EAAM,WAAW,CAAC,KAAK,KAAKE,EAAK,aAAaF,EAAM,KAAKA,EAAM,GAAG,CAAC,GAElGQ,EAAW,QAAS,CAACC,EAAU,OAAOC,EAAW,KAAK,EAAuB,KAAK,CAACM,GAAGC,MAAMD,IAAIC,CAAC,GAE7FmB,EAAG,SACLO,EAAc,CAACD,EAAMvB,EAAY,KAAK,GAAGuB,EAAMrB,EAAY,KAAK,CAAC,CAAC,GAClEnB,EAAK,cAAc;AAAA,MAEvB,CAAC;AAAA,IACH,CAAC,GAEDiC,EAAgB5B,GAAW,CAAC6B,MAAO;;AACjC,MAAAC,GAAMC,IAAAC,EAAMnC,CAAM,MAAZ,gBAAAkC,EAAe,yBAAyB,CAACE,MAAS;AACtD,cAAM,EAAE,IAAAC,MAAOL;AAEf,QAAAlC,EAAK,cAAeuC,IAAKD,EAAK,QAAStB,EAAM,OAE7CR,EAAW,QAAQgC,EAAMtB,GAAOpB,EAAM,WAAW,CAAC,KAAK,KAAKE,EAAK,aAAaF,EAAM,KAAKA,EAAM,GAAG,CAAC,GAEnGQ,EAAW,QAAS,CAACC,EAAU,OAAOC,EAAW,KAAK,EAAuB,KAAK,CAACM,GAAGC,MAAMD,IAAIC,CAAC,GAE7FmB,EAAG,SACLO,EAAc,CAACD,EAAMvB,EAAY,KAAK,GAAGuB,EAAMrB,EAAY,KAAK,CAAC,CAAC,GAClEnB,EAAK,cAAc;AAAA,MAEvB,CAAC;AAAA,IACH,CAAC;AAED,aAAS2B,IAAkB;AACzB,YAAMe,IAAS,KAAK,MAAM,IAAIlB,EAAU,SAAS,GAAG,GAC9CmB,IAAS,KAAK,MAAM,IAAIlB,EAAU,SAAS,GAAG;AACpD,aAAO,CAACiB,GAAQC,CAAM,EAAE,KAAK,CAAC7B,GAAGC,MAAMD,IAAIC,CAAC;AAAA,IAC9C;AAEA,aAASyB,EAAMR,GAAe;AAC5B,YAAMX,IAAIH,EAAMc,GAAOlC,EAAM,KAAKA,EAAM,GAAG;AAE3C,aAAO,KAAK,OAAOuB,IAAI,OAAO,YAAY,IAAIvB,EAAM,KAAK,KAAK,IAAIA,EAAM;AAAA,IAC1E;AAEA,aAAS2C,EAAcT,GAAyB;AAC9C,MAAApC,EAAK,qBAAqBoC,CAAK;AAAA,IACjC;AAEA,aAASY,EAAeC,GAA6CC,GAAe;AAClF,MAAI,CAAC,aAAa,WAAW,cAAc,aAAa,OAAO,EAAE,SAASD,EAAE,IAAI,KAC9EA,EAAE,eAAA;AAGJ,YAAME,IACFF,EAAE,SAAS,aAAaA,EAAE,SAAS,eAAe/C,EAAM,OAAO,IAAI+C,EAAE,SAAS,eAAeA,EAAE,SAAS,cAAc/C,EAAM,OAAO,KAAK,GAEtIkD,IAAwB,CAAC,GAAGlD,EAAM,UAAU;AAClD,MAAAkD,EAAIF,CAAK,IAAI5B,EAAM8B,EAAIF,CAAK,IAAIC,GAAUjD,EAAM,KAAKA,EAAM,GAAG,GAC9D2C,EAAcO,CAAG;AAAA,IACnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/SliderRangeTriple.vue.d.ts CHANGED Viewed

@@ -54,4 +54,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=SliderRangeTriple.vue.d.ts.map

package/dist/components/SliderRangeTriple.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SliderRangeTriple.vue.js","sources":["../../src/components/SliderRangeTriple.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, onMounted, reactive, ref, unref, useSlots } from 'vue';\nimport { useMouseCapture } from '../composition/useMouseCapture';\nimport { tapIf } from '../helpers/functions';\nimport { clamp } from '../helpers/math';\nimport { PlTooltip } from './PlTooltip';\nimport type { SliderMode } from '../types';\nimport { useSliderBreakpoints } from '../composition/useSliderBreakpoints';\nimport { getErrorMessage } from '../helpers/error.ts';\n\ntype ModelType = [number, number, number];\nconst slots = useSlots();\n\nconst emit = defineEmits(['update:modelValue']);\n\nconst props = withDefaults(\n defineProps<{\n modelValue: ModelType;\n min?: number;\n max: number;\n step?: number;\n label?: string;\n helper?: string;\n error?: unknown;\n mode?: SliderMode;\n measure?: string;\n breakpoints?: boolean;\n disabled?: boolean;\n }>(),\n {\n label: undefined,\n helper: undefined,\n error: undefined,\n min: 0,\n step: 1,\n mode: 'text',\n measure: '%',\n breakpoints: false,\n disabled: false,\n },\n);\n\nconst data = reactive({\n deltaValue1: 0,\n deltaValue2: 0,\n deltaValue3: 0,\n});\n\nconst barRef = ref<HTMLElement>();\nconst thumbRef1 = ref<HTMLElement>();\nconst thumbRef2 = ref<HTMLElement>();\nconst thumbRef3 = ref<HTMLElement>();\n\nconst range = computed(() => props.max - props.min);\n\nconst propsRef = computed(() => props);\n\nconst breakpointsRef = useSliderBreakpoints(propsRef);\n\nconst localValue1 = computed(() => clamp((props.modelValue[0] ?? 0) + data.deltaValue1, props.min, props.max));\nconst localValue2 = computed(() => clamp((props.modelValue[1] ?? 0) + data.deltaValue2, props.min, props.max));\nconst localValue3 = computed(() => clamp((props.modelValue[2] ?? 0) + data.deltaValue3, props.min, props.max));\n\nconst error = computed(() => {\n const v = props.modelValue as unknown;\n\n const isValidModel = Array.isArray(v) && v.length === 3 && v.every((it) => Number.isFinite(it));\n\n if (!isValidModel) {\n return 'Expected model [number, number, number]';\n }\n\n const errors: string[] = [];\n\n [...props.modelValue].forEach((v) => {\n if (v > props.max) {\n errors.push(`Max model value must be lower than max props ${props.max}.`);\n }\n if (v < props.min) {\n errors.push('Min model value must be greater than max props.');\n }\n });\n\n if (errors.length > 0) {\n return errors.join(' ');\n }\n\n return getErrorMessage(props.error);\n});\n\nconst position1 = computed(() => {\n return (localValue1.value - props.min) / range.value;\n});\n\nconst position2 = computed(() => {\n return (localValue2.value - props.min) / range.value;\n});\n\nconst position3 = computed(() => {\n return (localValue3.value - props.min) / range.value;\n});\n\nconst leftRight = computed(() => getLeftAndRight());\n\nconst progressStyle = computed(() => ({\n right: leftRight.value[0] + '%',\n left: 100 - leftRight.value[2] + '%',\n}));\n\nconst thumbStyle1 = computed(() => ({\n right: Math.ceil((1 - position1.value) * 100) + '%',\n}));\n\nconst thumbStyle2 = computed(() => ({\n right: Math.ceil((1 - position2.value) * 100) + '%',\n}));\n\nconst thumbStyle3 = computed(() => ({\n right: Math.ceil((1 - position3.value) * 100) + '%',\n}));\n\nuseMouseCapture(thumbRef1, (ev) => {\n tapIf(unref(barRef)?.getBoundingClientRect(), (rect) => {\n const { dx } = ev;\n data.deltaValue1 = (dx / rect.width) * range.value;\n\n if (thumbRef1.value) {\n updateDatasetForThumb(thumbRef1.value, props.modelValue[0], data.deltaValue1);\n }\n\n if (ev.stop) {\n setModelValue([round(localValue1.value), round(localValue2.value), round(localValue3.value)]);\n data.deltaValue1 = 0;\n }\n });\n});\n\nuseMouseCapture(thumbRef2, (ev) => {\n tapIf(unref(barRef)?.getBoundingClientRect(), (rect) => {\n const { dx } = ev;\n data.deltaValue2 = (dx / rect.width) * range.value;\n\n if (thumbRef2.value) {\n updateDatasetForThumb(thumbRef2.value, props.modelValue[1], data.deltaValue2);\n }\n\n if (ev.stop) {\n setModelValue([round(localValue1.value), round(localValue2.value), round(localValue3.value)]);\n data.deltaValue2 = 0;\n }\n });\n});\n\nuseMouseCapture(thumbRef3, (ev) => {\n tapIf(unref(barRef)?.getBoundingClientRect(), (rect) => {\n const { dx } = ev;\n data.deltaValue3 = (dx / rect.width) * range.value;\n\n if (thumbRef3.value) {\n updateDatasetForThumb(thumbRef3.value, props.modelValue[2], data.deltaValue3);\n }\n\n if (ev.stop) {\n setModelValue([round(localValue1.value), round(localValue2.value), round(localValue3.value)]);\n data.deltaValue3 = 0;\n }\n });\n});\n\nfunction updateDatasetForThumb(thumb: HTMLElement, modelVal: number, delta: number) {\n const value = round(clamp((modelVal ?? 0) + delta, props.min, props.max));\n thumb.dataset.percent = `${value}${props.measure}`;\n getHint();\n}\n\nfunction getLeftAndRight() {\n const point1 = Math.ceil((1 - position1.value) * 100);\n const point2 = Math.ceil((1 - position2.value) * 100);\n const point3 = Math.ceil((1 - position3.value) * 100);\n return [point1, point2, point3].sort((a, b) => a - b);\n}\n\nfunction round(value: number) {\n const v = clamp(value, props.min, props.max);\n // This is the same as Math.round(v / props.step) * props.step but here we need this magic to avoid numbers like 3.00000000000000000004\n return Math.round((v + Number.EPSILON) * (1 / props.step)) / (1 / props.step);\n}\n\nfunction setModelValue(value: ModelType) {\n emit('update:modelValue', value);\n}\n\nfunction getHint() {\n const right1 = Number(thumbStyle1.value.right.substring(0, thumbStyle1.value.right.length - 1));\n const right2 = Number(thumbStyle2.value.right.substring(0, thumbStyle2.value.right.length - 1));\n const right3 = Number(thumbStyle3.value.right.substring(0, thumbStyle3.value.right.length - 1));\n\n const arr = [\n { r: right1, th: thumbRef1 },\n { r: right2, th: thumbRef2 },\n { r: right3, th: thumbRef3 },\n ].sort((a, b) => a.r - b.r);\n\n if (arr[0].th.value) {\n arr[0].th.value.dataset.hint = 'high';\n }\n if (arr[1].th.value) {\n arr[1].th.value.dataset.hint = 'mid';\n }\n\n if (arr[2].th.value) {\n arr[2].th.value.dataset.hint = 'low';\n }\n}\n\nfunction handleKeyPress(e: { code: string; preventDefault(): void }, index: number) {\n if (['ArrowDown', 'ArrowUp', 'ArrowRight', 'ArrowLeft', 'Enter'].includes(e.code)) {\n e.preventDefault();\n }\n\n const nextStep\n = e.code === 'ArrowUp' \|\| e.code === 'ArrowRight' ? props.step * 1 : e.code === 'ArrowDown' \|\| e.code === 'ArrowLeft' ? props.step * -1 : 0;\n\n const arr: ModelType = [...props.modelValue];\n arr[index] = clamp(arr[index] + nextStep, props.min, props.max);\n setModelValue(arr);\n getHint();\n}\n\nonMounted(() => {\n getHint();\n});\n</script>\n\n<template>\n <div :class=\"props.disabled ? 'ui-slider__disabled' : undefined\" class=\"ui-slider__envelope ui-slider__triple\">\n <div :class=\"`ui-slider__mode-${props.mode}`\" class=\"ui-slider\">\n <div class=\"ui-slider__wrapper\">\n <div class=\"ui-slider__label-section\">\n <label v-if=\"label\" class=\"text-s\">\n <span>{{ label }}</span>\n <PlTooltip v-if=\"slots.tooltip\" class=\"info\" position=\"top\">\n <template #tooltip>\n <slot name=\"tooltip\" />\n </template>\n </PlTooltip>\n </label>\n </div>\n <div class=\"ui-slider__base\">\n <div class=\"ui-slider__container\">\n <div ref=\"barRef\" class=\"ui-slider__bar\">\n <div class=\"ui-slider__progress\" :style=\"progressStyle\" />\n </div>\n </div>\n <div class=\"ui-slider__container ui-slider__container-thumb\">\n <template v-if=\"props.breakpoints\">\n <div v-for=\"(item, index) in breakpointsRef\" :key=\"index\" :style=\"{ right: `${item}%` }\" class=\"ui-slider__thumb-step\"/>\n </template>\n <div\n ref=\"thumbRef1\"\n :style=\"thumbStyle1\"\n :data-percent=\"props.modelValue[0] + '%'\"\n class=\"ui-slider__thumb ui-slider__triple-thumb\"\n r1\n tabindex=\"0\"\n @keydown=\"handleKeyPress($event, 0)\"\n >\n <div class=\"ui-slider__thumb-focused-contour\" />\n </div>\n <div\n ref=\"thumbRef2\"\n :style=\"thumbStyle2\"\n :data-percent=\"props.modelValue[1] + '%'\"\n class=\"ui-slider__thumb ui-slider__triple-thumb\"\n r2\n tabindex=\"0\"\n @keydown=\"handleKeyPress($event, 1)\"\n >\n <div class=\"ui-slider__thumb-focused-contour\" />\n </div>\n <div\n ref=\"thumbRef3\"\n :style=\"thumbStyle3\"\n :data-percent=\"props.modelValue[2] + '%'\"\n class=\"ui-slider__thumb ui-slider__triple-thumb\"\n r3\n tabindex=\"0\"\n @keydown=\"handleKeyPress($event, 2)\"\n >\n <div class=\"ui-slider__thumb-focused-contour\" />\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"ui-slider__input-wrapper d-flex\">\n <!-- {{ props.modelValue }} -->\n <!-- <InputRange v-if=\"props.mode === 'input'\" v-model=\"inputRange\" class=\"ui-focused-border\" /> -->\n </div>\n </div>\n <!-- <div v-if=\"helper\" class=\"ui-slider__helper\">\n {{ helper }}\n </div> -->\n <div v-if=\"error\" class=\"ui-slider__error\">\n {{ error }}\n </div>\n </div>\n</template>\n\n<style></style>\n"],"names":["slots","useSlots","emit","__emit","props","__props","data","reactive","barRef","ref","thumbRef1","thumbRef2","thumbRef3","range","computed","propsRef","breakpointsRef","useSliderBreakpoints","localValue1","clamp","localValue2","localValue3","error","v","it","errors","getErrorMessage","position1","position2","position3","leftRight","getLeftAndRight","progressStyle","thumbStyle1","thumbStyle2","thumbStyle3","useMouseCapture","ev","tapIf","_a","unref","rect","dx","updateDatasetForThumb","setModelValue","round","thumb","modelVal","delta","value","getHint","point1","point2","point3","b","right1","right2","right3","arr","a","handleKeyPress","e","index","nextStep","onMounted"],"mappings":"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"}
1	+ {"version":3,"file":"SliderRangeTriple.vue.js","sources":["../../src/components/SliderRangeTriple.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, onMounted, reactive, ref, unref, useSlots } from 'vue';\nimport { useMouseCapture } from '../composition/useMouseCapture';\nimport { tapIf } from '../helpers/functions';\nimport { clamp } from '../helpers/math';\nimport { PlTooltip } from './PlTooltip';\nimport type { SliderMode } from '../types';\nimport { useSliderBreakpoints } from '../composition/useSliderBreakpoints';\nimport { getErrorMessage } from '../helpers/error.ts';\n\ntype ModelType = [number, number, number];\nconst slots = useSlots();\n\nconst emit = defineEmits(['update:modelValue']);\n\nconst props = withDefaults(\n defineProps<{\n modelValue: ModelType;\n min?: number;\n max: number;\n step?: number;\n label?: string;\n helper?: string;\n error?: unknown;\n mode?: SliderMode;\n measure?: string;\n breakpoints?: boolean;\n disabled?: boolean;\n }>(),\n {\n label: undefined,\n helper: undefined,\n error: undefined,\n min: 0,\n step: 1,\n mode: 'text',\n measure: '%',\n breakpoints: false,\n disabled: false,\n },\n);\n\nconst data = reactive({\n deltaValue1: 0,\n deltaValue2: 0,\n deltaValue3: 0,\n});\n\nconst barRef = ref<HTMLElement>();\nconst thumbRef1 = ref<HTMLElement>();\nconst thumbRef2 = ref<HTMLElement>();\nconst thumbRef3 = ref<HTMLElement>();\n\nconst range = computed(() => props.max - props.min);\n\nconst propsRef = computed(() => props);\n\nconst breakpointsRef = useSliderBreakpoints(propsRef);\n\nconst localValue1 = computed(() => clamp((props.modelValue[0] ?? 0) + data.deltaValue1, props.min, props.max));\nconst localValue2 = computed(() => clamp((props.modelValue[1] ?? 0) + data.deltaValue2, props.min, props.max));\nconst localValue3 = computed(() => clamp((props.modelValue[2] ?? 0) + data.deltaValue3, props.min, props.max));\n\nconst error = computed(() => {\n const v = props.modelValue as unknown;\n\n const isValidModel = Array.isArray(v) && v.length === 3 && v.every((it) => Number.isFinite(it));\n\n if (!isValidModel) {\n return 'Expected model [number, number, number]';\n }\n\n const errors: string[] = [];\n\n [...props.modelValue].forEach((v) => {\n if (v > props.max) {\n errors.push(`Max model value must be lower than max props ${props.max}.`);\n }\n if (v < props.min) {\n errors.push('Min model value must be greater than max props.');\n }\n });\n\n if (errors.length > 0) {\n return errors.join(' ');\n }\n\n return getErrorMessage(props.error);\n});\n\nconst position1 = computed(() => {\n return (localValue1.value - props.min) / range.value;\n});\n\nconst position2 = computed(() => {\n return (localValue2.value - props.min) / range.value;\n});\n\nconst position3 = computed(() => {\n return (localValue3.value - props.min) / range.value;\n});\n\nconst leftRight = computed(() => getLeftAndRight());\n\nconst progressStyle = computed(() => ({\n right: leftRight.value[0] + '%',\n left: 100 - leftRight.value[2] + '%',\n}));\n\nconst thumbStyle1 = computed(() => ({\n right: Math.ceil((1 - position1.value) * 100) + '%',\n}));\n\nconst thumbStyle2 = computed(() => ({\n right: Math.ceil((1 - position2.value) * 100) + '%',\n}));\n\nconst thumbStyle3 = computed(() => ({\n right: Math.ceil((1 - position3.value) * 100) + '%',\n}));\n\nuseMouseCapture(thumbRef1, (ev) => {\n tapIf(unref(barRef)?.getBoundingClientRect(), (rect) => {\n const { dx } = ev;\n data.deltaValue1 = (dx / rect.width) * range.value;\n\n if (thumbRef1.value) {\n updateDatasetForThumb(thumbRef1.value, props.modelValue[0], data.deltaValue1);\n }\n\n if (ev.stop) {\n setModelValue([round(localValue1.value), round(localValue2.value), round(localValue3.value)]);\n data.deltaValue1 = 0;\n }\n });\n});\n\nuseMouseCapture(thumbRef2, (ev) => {\n tapIf(unref(barRef)?.getBoundingClientRect(), (rect) => {\n const { dx } = ev;\n data.deltaValue2 = (dx / rect.width) * range.value;\n\n if (thumbRef2.value) {\n updateDatasetForThumb(thumbRef2.value, props.modelValue[1], data.deltaValue2);\n }\n\n if (ev.stop) {\n setModelValue([round(localValue1.value), round(localValue2.value), round(localValue3.value)]);\n data.deltaValue2 = 0;\n }\n });\n});\n\nuseMouseCapture(thumbRef3, (ev) => {\n tapIf(unref(barRef)?.getBoundingClientRect(), (rect) => {\n const { dx } = ev;\n data.deltaValue3 = (dx / rect.width) * range.value;\n\n if (thumbRef3.value) {\n updateDatasetForThumb(thumbRef3.value, props.modelValue[2], data.deltaValue3);\n }\n\n if (ev.stop) {\n setModelValue([round(localValue1.value), round(localValue2.value), round(localValue3.value)]);\n data.deltaValue3 = 0;\n }\n });\n});\n\nfunction updateDatasetForThumb(thumb: HTMLElement, modelVal: number, delta: number) {\n const value = round(clamp((modelVal ?? 0) + delta, props.min, props.max));\n thumb.dataset.percent = `${value}${props.measure}`;\n getHint();\n}\n\nfunction getLeftAndRight() {\n const point1 = Math.ceil((1 - position1.value) * 100);\n const point2 = Math.ceil((1 - position2.value) * 100);\n const point3 = Math.ceil((1 - position3.value) * 100);\n return [point1, point2, point3].sort((a, b) => a - b);\n}\n\nfunction round(value: number) {\n const v = clamp(value, props.min, props.max);\n // This is the same as Math.round(v / props.step) * props.step but here we need this magic to avoid numbers like 3.00000000000000000004\n return Math.round((v + Number.EPSILON) * (1 / props.step)) / (1 / props.step);\n}\n\nfunction setModelValue(value: ModelType) {\n emit('update:modelValue', value);\n}\n\nfunction getHint() {\n const right1 = Number(thumbStyle1.value.right.substring(0, thumbStyle1.value.right.length - 1));\n const right2 = Number(thumbStyle2.value.right.substring(0, thumbStyle2.value.right.length - 1));\n const right3 = Number(thumbStyle3.value.right.substring(0, thumbStyle3.value.right.length - 1));\n\n const arr = [\n { r: right1, th: thumbRef1 },\n { r: right2, th: thumbRef2 },\n { r: right3, th: thumbRef3 },\n ].sort((a, b) => a.r - b.r);\n\n if (arr[0].th.value) {\n arr[0].th.value.dataset.hint = 'high';\n }\n if (arr[1].th.value) {\n arr[1].th.value.dataset.hint = 'mid';\n }\n\n if (arr[2].th.value) {\n arr[2].th.value.dataset.hint = 'low';\n }\n}\n\nfunction handleKeyPress(e: { code: string; preventDefault(): void }, index: number) {\n if (['ArrowDown', 'ArrowUp', 'ArrowRight', 'ArrowLeft', 'Enter'].includes(e.code)) {\n e.preventDefault();\n }\n\n const nextStep\n = e.code === 'ArrowUp' \|\| e.code === 'ArrowRight' ? props.step * 1 : e.code === 'ArrowDown' \|\| e.code === 'ArrowLeft' ? props.step * -1 : 0;\n\n const arr: ModelType = [...props.modelValue];\n arr[index] = clamp(arr[index] + nextStep, props.min, props.max);\n setModelValue(arr);\n getHint();\n}\n\nonMounted(() => {\n getHint();\n});\n</script>\n\n<template>\n <div :class=\"props.disabled ? 'ui-slider__disabled' : undefined\" class=\"ui-slider__envelope ui-slider__triple\">\n <div :class=\"`ui-slider__mode-${props.mode}`\" class=\"ui-slider\">\n <div class=\"ui-slider__wrapper\">\n <div class=\"ui-slider__label-section\">\n <label v-if=\"label\" class=\"text-s\">\n <span>{{ label }}</span>\n <PlTooltip v-if=\"slots.tooltip\" class=\"info\" position=\"top\">\n <template #tooltip>\n <slot name=\"tooltip\" />\n </template>\n </PlTooltip>\n </label>\n </div>\n <div class=\"ui-slider__base\">\n <div class=\"ui-slider__container\">\n <div ref=\"barRef\" class=\"ui-slider__bar\">\n <div class=\"ui-slider__progress\" :style=\"progressStyle\" />\n </div>\n </div>\n <div class=\"ui-slider__container ui-slider__container-thumb\">\n <template v-if=\"props.breakpoints\">\n <div v-for=\"(item, index) in breakpointsRef\" :key=\"index\" :style=\"{ right: `${item}%` }\" class=\"ui-slider__thumb-step\"/>\n </template>\n <div\n ref=\"thumbRef1\"\n :style=\"thumbStyle1\"\n :data-percent=\"props.modelValue[0] + '%'\"\n class=\"ui-slider__thumb ui-slider__triple-thumb\"\n r1\n tabindex=\"0\"\n @keydown=\"handleKeyPress($event, 0)\"\n >\n <div class=\"ui-slider__thumb-focused-contour\" />\n </div>\n <div\n ref=\"thumbRef2\"\n :style=\"thumbStyle2\"\n :data-percent=\"props.modelValue[1] + '%'\"\n class=\"ui-slider__thumb ui-slider__triple-thumb\"\n r2\n tabindex=\"0\"\n @keydown=\"handleKeyPress($event, 1)\"\n >\n <div class=\"ui-slider__thumb-focused-contour\" />\n </div>\n <div\n ref=\"thumbRef3\"\n :style=\"thumbStyle3\"\n :data-percent=\"props.modelValue[2] + '%'\"\n class=\"ui-slider__thumb ui-slider__triple-thumb\"\n r3\n tabindex=\"0\"\n @keydown=\"handleKeyPress($event, 2)\"\n >\n <div class=\"ui-slider__thumb-focused-contour\" />\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"ui-slider__input-wrapper d-flex\">\n <!-- {{ props.modelValue }} -->\n <!-- <InputRange v-if=\"props.mode === 'input'\" v-model=\"inputRange\" class=\"ui-focused-border\" /> -->\n </div>\n </div>\n <!-- <div v-if=\"helper\" class=\"ui-slider__helper\">\n {{ helper }}\n </div> -->\n <div v-if=\"error\" class=\"ui-slider__error\">\n {{ error }}\n </div>\n </div>\n</template>\n\n<style></style>\n"],"names":["slots","useSlots","emit","__emit","props","__props","data","reactive","barRef","ref","thumbRef1","thumbRef2","thumbRef3","range","computed","propsRef","breakpointsRef","useSliderBreakpoints","localValue1","clamp","localValue2","localValue3","error","v","it","errors","getErrorMessage","position1","position2","position3","leftRight","getLeftAndRight","progressStyle","thumbStyle1","thumbStyle2","thumbStyle3","useMouseCapture","ev","tapIf","_a","unref","rect","dx","updateDatasetForThumb","setModelValue","round","thumb","modelVal","delta","value","getHint","point1","point2","point3","b","right1","right2","right3","arr","a","handleKeyPress","e","index","nextStep","onMounted"],"mappings":"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"}

package/dist/components/TabItem.vue.d.ts CHANGED Viewed

@@ -9,4 +9,3 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     isHovered: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=TabItem.vue.d.ts.map

package/dist/components/TabItem.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TabItem.vue.js","sources":["../../src/components/TabItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { ListOptionNormalized } from '../types';\n\nconst props = withDefaults(\n defineProps<{\n option: ListOptionNormalized;\n isSelected: boolean;\n isHovered: boolean;\n }>(),\n {\n isSelected: false,\n isHovered: false,\n },\n);\n\nconst label = computed(() => props.option.label);\n\nconst classes = computed<string>(() => {\n const classList: string[] = [];\n if (props.isSelected) {\n classList.push('dropdown-tab-item__selected');\n }\n if (props.isHovered) {\n classList.push('hovered-item');\n }\n return classList.join(' ');\n});\n</script>\n<template>\n <div :class=\"classes\" class=\"dropdown-tab-item\">\n <div class=\"dropdown-tab-item__title text-caps13\">\n {{ label }}\n </div>\n </div>\n</template>\n"],"names":["props","__props","label","computed","classes","classList"],"mappings":";;;;;;;;;AAIA,UAAMA,IAAQC,GAYRC,IAAQC,EAAS,MAAMH,EAAM,OAAO,KAAK,GAEzCI,IAAUD,EAAiB,MAAM;AACrC,YAAME,IAAsB,~~CAAC~~;~~AAC7B~~,aAAIL,EAAM,cACRK,EAAU,KAAK,6BAA6B,GAE1CL,EAAM,aACRK,EAAU,KAAK,cAAc,GAExBA,EAAU,KAAK,GAAG;AAAA,~~IAAA~~,~~CAC1B~~;;;;;;;;"}
1	+ {"version":3,"file":"TabItem.vue.js","sources":["../../src/components/TabItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { ListOptionNormalized } from '../types';\n\nconst props = withDefaults(\n defineProps<{\n option: ListOptionNormalized;\n isSelected: boolean;\n isHovered: boolean;\n }>(),\n {\n isSelected: false,\n isHovered: false,\n },\n);\n\nconst label = computed(() => props.option.label);\n\nconst classes = computed<string>(() => {\n const classList: string[] = [];\n if (props.isSelected) {\n classList.push('dropdown-tab-item__selected');\n }\n if (props.isHovered) {\n classList.push('hovered-item');\n }\n return classList.join(' ');\n});\n</script>\n<template>\n <div :class=\"classes\" class=\"dropdown-tab-item\">\n <div class=\"dropdown-tab-item__title text-caps13\">\n {{ label }}\n </div>\n </div>\n</template>\n"],"names":["props","__props","label","computed","classes","classList"],"mappings":";;;;;;;;;AAIA,UAAMA,IAAQC,GAYRC,IAAQC,EAAS,MAAMH,EAAM,OAAO,KAAK,GAEzCI,IAAUD,EAAiB,MAAM;AACrC,YAAME,IAAsB,CAAA;AAC5B,aAAIL,EAAM,cACRK,EAAU,KAAK,6BAA6B,GAE1CL,EAAM,aACRK,EAAU,KAAK,cAAc,GAExBA,EAAU,KAAK,GAAG;AAAA,IAC3B,CAAC;;;;;;;;"}

package/dist/components/ThemeSwitcher.vue.d.ts CHANGED Viewed

@@ -1,3 +1,2 @@
 declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=ThemeSwitcher.vue.d.ts.map

package/dist/components/ThemeSwitcher.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ThemeSwitcher.vue.js","sources":["../../src/components/ThemeSwitcher.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useTheme } from '../composition/useTheme';\nconst [theme, toggleTheme] = useTheme();\n</script>\n\n<template>\n <div class=\"ui-theme-switcher\" :class=\"theme\" @click=\"toggleTheme\">\n <div />\n </div>\n</template>\n"],"names":["theme","toggleTheme","useTheme"],"mappings":";;;;;AAEA,UAAM,CAACA,GAAOC,CAAW,IAAIC,~~EAAS~~;;;;;;;;;;"}
1	+ {"version":3,"file":"ThemeSwitcher.vue.js","sources":["../../src/components/ThemeSwitcher.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useTheme } from '../composition/useTheme';\nconst [theme, toggleTheme] = useTheme();\n</script>\n\n<template>\n <div class=\"ui-theme-switcher\" :class=\"theme\" @click=\"toggleTheme\">\n <div />\n </div>\n</template>\n"],"names":["theme","toggleTheme","useTheme"],"mappings":";;;;;AAEA,UAAM,CAACA,GAAOC,CAAW,IAAIC,EAAA;;;;;;;;;;"}

package/dist/components/TransitionSlidePanel.vue.d.ts CHANGED Viewed

@@ -15,4 +15,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=TransitionSlidePanel.vue.d.ts.map

package/dist/components/TransitionSlidePanel.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TransitionSlidePanel.vue.js","sources":["../../src/components/TransitionSlidePanel.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nfunction onAfterEnter() {\n window.dispatchEvent(new CustomEvent('adjust'));\n}\n\nfunction onAfterLeave() {\n window.dispatchEvent(new CustomEvent('adjust'));\n}\n</script>\n\n<template>\n <Transition name=\"slide-panel\" @after-enter=\"onAfterEnter\" @after-leave=\"onAfterLeave\">\n <slot />\n </Transition>\n</template>\n"],"names":["onAfterEnter","onAfterLeave"],"mappings":";;;;AACA,aAASA,IAAe;AACtB,aAAO,cAAc,IAAI,YAAY,QAAQ,CAAC;AAAA,~~IAAA~~;~~AAGhD~~,aAASC,IAAe;AACtB,aAAO,cAAc,IAAI,YAAY,QAAQ,CAAC;AAAA,~~IAAA~~;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"TransitionSlidePanel.vue.js","sources":["../../src/components/TransitionSlidePanel.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nfunction onAfterEnter() {\n window.dispatchEvent(new CustomEvent('adjust'));\n}\n\nfunction onAfterLeave() {\n window.dispatchEvent(new CustomEvent('adjust'));\n}\n</script>\n\n<template>\n <Transition name=\"slide-panel\" @after-enter=\"onAfterEnter\" @after-leave=\"onAfterLeave\">\n <slot />\n </Transition>\n</template>\n"],"names":["onAfterEnter","onAfterLeave"],"mappings":";;;;AACA,aAASA,IAAe;AACtB,aAAO,cAAc,IAAI,YAAY,QAAQ,CAAC;AAAA,IAChD;AAEA,aAASC,IAAe;AACtB,aAAO,cAAc,IAAI,YAAY,QAAQ,CAAC;AAAA,IAChD;;;;;;;;;;;;;"}

package/dist/components/VScroll.vue.d.ts CHANGED Viewed

@@ -11,4 +11,3 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     scrollRef: HTMLDivElement;
 }, any>;
 export default _default;
-//# sourceMappingURL=VScroll.vue.d.ts.map

package/dist/components/VScroll.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VScroll.vue.js","sources":["../../src/components/VScroll.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref, unref } from 'vue';\nimport { useEventListener } from '../composition/useEventListener';\nimport { eventListener } from '../helpers/dom';\n\nconst emit = defineEmits(['update:scrollTop']);\n\nconst props = defineProps<{\n scrollTop: number;\n clientHeight: number;\n scrollHeight: number;\n}>();\n\nconst scrollRef = ref<EventTarget>();\n\nconst ratioRef = computed(() => props.clientHeight / (props.scrollHeight \|\| 1));\n\nconst visibleRef = computed(() => {\n return ratioRef.value < 1;\n});\n\nconst scrollbarStyle = computed(() => {\n const ratio = unref(ratioRef);\n return {\n top: props.scrollTop * ratio + 'px',\n height: Math.floor(props.clientHeight * ratio) + 'px',\n };\n});\n\nuseEventListener(scrollRef, 'pointerdown', (down: PointerEvent) => {\n const s = {\n clientY: down.clientY,\n };\n\n const update = (e: MouseEvent) => {\n const dy = (e.clientY - s.clientY) / ratioRef.value;\n emit('update:scrollTop', props.scrollTop + dy);\n s.clientY = e.clientY;\n };\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const removePointerMove = eventListener(document as any, 'mousemove', update);\n\n ['mouseup', 'pointercancel'].forEach((eventType) => {\n document.addEventListener(eventType, removePointerMove, { once: true });\n });\n});\n</script>\n\n<template>\n <div v-if=\"visibleRef\" ref=\"scrollRef\" class=\"v-scroll\">\n <div class=\"v-scroll__scrollbar\" :style=\"scrollbarStyle\" />\n </div>\n</template>\n"],"names":["emit","__emit","props","__props","scrollRef","ref","ratioRef","computed","visibleRef","scrollbarStyle","ratio","unref","useEventListener","down","s","removePointerMove","eventListener","e","dy","eventType"],"mappings":";;;;;;;;;;;;AAKA,UAAMA,IAAOC,GAEPC,IAAQC,GAMRC,IAAYC,~~EAAiB~~,~~GAE7BC~~,IAAWC,EAAS,MAAML,EAAM,gBAAgBA,EAAM,gBAAgB,EAAE,GAExEM,IAAaD,EAAS,MACnBD,EAAS,QAAQ,CACzB,GAEKG,IAAiBF,EAAS,MAAM;~~AAC9B~~,~~YAAAG~~,IAAQC,EAAML,CAAQ;~~AACrB~~,~~aAAA~~;AAAA,QACL,KAAKJ,EAAM,YAAYQ,IAAQ;AAAA,QAC/B,QAAQ,KAAK,MAAMR,EAAM,eAAeQ,CAAK,IAAI;AAAA,~~MACnD~~;AAAA,~~IAAA~~,~~CACD~~;~~AAEgB~~,WAAAE,~~EAAAR~~,GAAW,eAAe,CAACS,MAAuB;AACjE,YAAMC,IAAI;AAAA,QACR,SAASD,EAAK;AAAA,~~MAChB~~,~~GASME~~,IAAoBC,EAAc,UAAiB,aAP1C,CAACC,MAAkB;AAChC,cAAMC,KAAMD,EAAE,UAAUH,EAAE,WAAWR,EAAS;~~AACzC~~,QAAAN,~~EAAA~~,oBAAoBE,EAAM,YAAYgB,CAAE,GAC7CJ,EAAE,UAAUG,EAAE;AAAA,MAChB,CAG4E;AAE5E,OAAC,WAAW,eAAe,EAAE,QAAQ,CAACE,MAAc;AAClD,iBAAS,iBAAiBA,GAAWJ,GAAmB,EAAE,MAAM,IAAM;AAAA,~~MAAA~~,~~CACvE~~;AAAA,~~IAAA~~,~~CACF~~;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"VScroll.vue.js","sources":["../../src/components/VScroll.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref, unref } from 'vue';\nimport { useEventListener } from '../composition/useEventListener';\nimport { eventListener } from '../helpers/dom';\n\nconst emit = defineEmits(['update:scrollTop']);\n\nconst props = defineProps<{\n scrollTop: number;\n clientHeight: number;\n scrollHeight: number;\n}>();\n\nconst scrollRef = ref<EventTarget>();\n\nconst ratioRef = computed(() => props.clientHeight / (props.scrollHeight \|\| 1));\n\nconst visibleRef = computed(() => {\n return ratioRef.value < 1;\n});\n\nconst scrollbarStyle = computed(() => {\n const ratio = unref(ratioRef);\n return {\n top: props.scrollTop * ratio + 'px',\n height: Math.floor(props.clientHeight * ratio) + 'px',\n };\n});\n\nuseEventListener(scrollRef, 'pointerdown', (down: PointerEvent) => {\n const s = {\n clientY: down.clientY,\n };\n\n const update = (e: MouseEvent) => {\n const dy = (e.clientY - s.clientY) / ratioRef.value;\n emit('update:scrollTop', props.scrollTop + dy);\n s.clientY = e.clientY;\n };\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const removePointerMove = eventListener(document as any, 'mousemove', update);\n\n ['mouseup', 'pointercancel'].forEach((eventType) => {\n document.addEventListener(eventType, removePointerMove, { once: true });\n });\n});\n</script>\n\n<template>\n <div v-if=\"visibleRef\" ref=\"scrollRef\" class=\"v-scroll\">\n <div class=\"v-scroll__scrollbar\" :style=\"scrollbarStyle\" />\n </div>\n</template>\n"],"names":["emit","__emit","props","__props","scrollRef","ref","ratioRef","computed","visibleRef","scrollbarStyle","ratio","unref","useEventListener","down","s","removePointerMove","eventListener","e","dy","eventType"],"mappings":";;;;;;;;;;;;AAKA,UAAMA,IAAOC,GAEPC,IAAQC,GAMRC,IAAYC,EAAA,GAEZC,IAAWC,EAAS,MAAML,EAAM,gBAAgBA,EAAM,gBAAgB,EAAE,GAExEM,IAAaD,EAAS,MACnBD,EAAS,QAAQ,CACzB,GAEKG,IAAiBF,EAAS,MAAM;AACpC,YAAMG,IAAQC,EAAML,CAAQ;AAC5B,aAAO;AAAA,QACL,KAAKJ,EAAM,YAAYQ,IAAQ;AAAA,QAC/B,QAAQ,KAAK,MAAMR,EAAM,eAAeQ,CAAK,IAAI;AAAA,MAAA;AAAA,IAErD,CAAC;AAED,WAAAE,EAAiBR,GAAW,eAAe,CAACS,MAAuB;AACjE,YAAMC,IAAI;AAAA,QACR,SAASD,EAAK;AAAA,MAAA,GAUVE,IAAoBC,EAAc,UAAiB,aAP1C,CAACC,MAAkB;AAChC,cAAMC,KAAMD,EAAE,UAAUH,EAAE,WAAWR,EAAS;AAC9C,QAAAN,EAAK,oBAAoBE,EAAM,YAAYgB,CAAE,GAC7CJ,EAAE,UAAUG,EAAE;AAAA,MAChB,CAG4E;AAE5E,OAAC,WAAW,eAAe,EAAE,QAAQ,CAACE,MAAc;AAClD,iBAAS,iBAAiBA,GAAWJ,GAAmB,EAAE,MAAM,IAAM;AAAA,MACxE,CAAC;AAAA,IACH,CAAC;;;;;;;;;;;;;"}

package/dist/components/contextMenu/Menu.vue.d.ts CHANGED Viewed

@@ -8,4 +8,3 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     onClose?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=Menu.vue.d.ts.map

package/dist/components/contextMenu/Menu.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Menu.vue2.js","sources":["../../../src/components/contextMenu/Menu.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ContextOption } from './types';\n\nconst emit = defineEmits(['close']);\n\ndefineProps<{\n options: readonly ContextOption[];\n}>();\n\nconst onClickOption = (opt: ContextOption) => {\n opt.cb();\n emit('close');\n};\n</script>\n\n<template>\n <div class=\"context-menu\">\n <div v-for=\"(opt, i) in options\" :key=\"i\" @click.stop=\"onClickOption(opt)\">\n <span>{{ opt.text }}</span>\n </div>\n </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.context-menu {\n display: block;\n position: absolute;\n top: 50px;\n left: 50px;\n z-index: var(--z-context-menu);\n\n margin: 0;\n padding: 3px 0 4px;\n\n background: rgba(255, 255, 255, 0.95);\n box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.35);\n border-radius: 4px;\n\n font-family:\n Lucida Grande,\n sans-serif;\n font-size: 14px;\n line-height: 15px;\n\n &::before {\n display: block;\n position: absolute;\n content: '';\n top: -1px;\n left: -1px;\n bottom: -1px;\n right: -1px;\n\n border-radius: 4px;\n border: 1px solid rgba(0, 0, 0, 0.125);\n z-index: -1;\n }\n\n hr {\n border: none;\n height: 1px;\n background: rgba(0, 0, 0, 0.1);\n margin: 6px 1px 5px;\n padding: 0;\n }\n\n > div {\n display: block;\n padding: 0 20px;\n border-top: 1px solid rgba(0, 0, 0, 0);\n border-bottom: 1px solid rgba(0, 0, 0, 0);\n\n span {\n vertical-align: 2px;\n user-select: none;\n }\n\n &:hover {\n background: -webkit-linear-gradient(top, #648bf5, #2866f2);\n background: linear-gradient(to bottom, #648bf5 0%, #2866f2 100%);\n border-top: 1px solid #5a82eb;\n border-bottom: 1px solid #1758e7;\n }\n\n &:hover::after {\n color: #fff;\n }\n }\n}\n</style>\n"],"names":["emit","__emit","onClickOption","opt"],"mappings":";;;;;;;;AAGA,UAAMA,IAAOC,GAMPC,IAAgB,CAACC,MAAuB;AAC5C,MAAAA,EAAI,~~GAAG~~,~~GACPH~~,EAAK,OAAO;AAAA,IACd;;;;;;;;;;;"}
1	+ {"version":3,"file":"Menu.vue2.js","sources":["../../../src/components/contextMenu/Menu.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ContextOption } from './types';\n\nconst emit = defineEmits(['close']);\n\ndefineProps<{\n options: readonly ContextOption[];\n}>();\n\nconst onClickOption = (opt: ContextOption) => {\n opt.cb();\n emit('close');\n};\n</script>\n\n<template>\n <div class=\"context-menu\">\n <div v-for=\"(opt, i) in options\" :key=\"i\" @click.stop=\"onClickOption(opt)\">\n <span>{{ opt.text }}</span>\n </div>\n </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.context-menu {\n display: block;\n position: absolute;\n top: 50px;\n left: 50px;\n z-index: var(--z-context-menu);\n\n margin: 0;\n padding: 3px 0 4px;\n\n background: rgba(255, 255, 255, 0.95);\n box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.35);\n border-radius: 4px;\n\n font-family:\n Lucida Grande,\n sans-serif;\n font-size: 14px;\n line-height: 15px;\n\n &::before {\n display: block;\n position: absolute;\n content: '';\n top: -1px;\n left: -1px;\n bottom: -1px;\n right: -1px;\n\n border-radius: 4px;\n border: 1px solid rgba(0, 0, 0, 0.125);\n z-index: -1;\n }\n\n hr {\n border: none;\n height: 1px;\n background: rgba(0, 0, 0, 0.1);\n margin: 6px 1px 5px;\n padding: 0;\n }\n\n > div {\n display: block;\n padding: 0 20px;\n border-top: 1px solid rgba(0, 0, 0, 0);\n border-bottom: 1px solid rgba(0, 0, 0, 0);\n\n span {\n vertical-align: 2px;\n user-select: none;\n }\n\n &:hover {\n background: -webkit-linear-gradient(top, #648bf5, #2866f2);\n background: linear-gradient(to bottom, #648bf5 0%, #2866f2 100%);\n border-top: 1px solid #5a82eb;\n border-bottom: 1px solid #1758e7;\n }\n\n &:hover::after {\n color: #fff;\n }\n }\n}\n</style>\n"],"names":["emit","__emit","onClickOption","opt"],"mappings":";;;;;;;;AAGA,UAAMA,IAAOC,GAMPC,IAAgB,CAACC,MAAuB;AAC5C,MAAAA,EAAI,GAAA,GACJH,EAAK,OAAO;AAAA,IACd;;;;;;;;;;;"}

package/dist/components/contextMenu/index.d.ts CHANGED Viewed

@@ -1,3 +1,2 @@
 import { ContextOption } from './types';
 export declare function showContextMenu(ev: MouseEvent, options: readonly ContextOption[]): () => void;
-//# sourceMappingURL=index.d.ts.map

package/dist/components/contextMenu/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/components/contextMenu/index.ts"],"sourcesContent":["import Menu from './Menu.vue';\nimport { h, render } from 'vue';\nimport type { ContextOption } from './types';\n\nexport function showContextMenu(ev: MouseEvent, options: readonly ContextOption[]) {\n ev.preventDefault();\n\n const destroy = () => {\n render(null, document.body);\n };\n\n const vNode = h(Menu, {\n options,\n onClose: () => {\n destroy();\n },\n });\n\n render(vNode, document.body);\n\n const el = vNode.el as HTMLElement;\n\n el.style.top = ev.clientY + 'px';\n el.style.left = ev.clientX + 'px';\n\n document.addEventListener('click', (ev: Event) => {\n if (!el.contains(ev.target as HTMLElement)) {\n destroy();\n }\n });\n\n return destroy;\n}\n"],"names":["showContextMenu","ev","options","destroy","render","vNode","h","Menu","el"],"mappings":";;~~AAIgB~~,~~SAAAA~~,EAAgBC,GAAgBC,GAAmC;AACjF,EAAAD,EAAG,~~eAAe~~;~~AAElB~~,QAAME,IAAU,MAAM;~~AACb~~,IAAAC,~~EAAA~~,MAAM,SAAS,IAAI;AAAA,EAC5B,GAEMC,IAAQC,EAAEC,GAAM;AAAA,IACpB,SAAAL;AAAA,IACA,SAAS,MAAM;~~AACL~~,MAAAC,EAAA;AAAA,~~IAAA~~;AAAA,~~EACV~~,CACD;~~AAEM~~,EAAAC,~~EAAAC~~,GAAO,SAAS,IAAI;AAE3B,QAAMG,IAAKH,EAAM;~~AAEd~~,SAAAG,~~EAAA~~,MAAM,MAAMP,EAAG,UAAU,~~MACzBO~~,~~EAAA~~,MAAM,OAAOP,EAAG,UAAU,~~MAEpB~~,~~SAAA~~,iBAAiB,SAAS,CAACA,MAAc;AAChD,IAAKO,EAAG,SAASP,EAAG,MAAqB,~~KAC/BE~~,EAAA;AAAA,~~EACV~~,~~CACD~~,GAEMA;AACT;"}
1	+ {"version":3,"file":"index.js","sources":["../../../src/components/contextMenu/index.ts"],"sourcesContent":["import Menu from './Menu.vue';\nimport { h, render } from 'vue';\nimport type { ContextOption } from './types';\n\nexport function showContextMenu(ev: MouseEvent, options: readonly ContextOption[]) {\n ev.preventDefault();\n\n const destroy = () => {\n render(null, document.body);\n };\n\n const vNode = h(Menu, {\n options,\n onClose: () => {\n destroy();\n },\n });\n\n render(vNode, document.body);\n\n const el = vNode.el as HTMLElement;\n\n el.style.top = ev.clientY + 'px';\n el.style.left = ev.clientX + 'px';\n\n document.addEventListener('click', (ev: Event) => {\n if (!el.contains(ev.target as HTMLElement)) {\n destroy();\n }\n });\n\n return destroy;\n}\n"],"names":["showContextMenu","ev","options","destroy","render","vNode","h","Menu","el"],"mappings":";;AAIO,SAASA,EAAgBC,GAAgBC,GAAmC;AACjF,EAAAD,EAAG,eAAA;AAEH,QAAME,IAAU,MAAM;AACpB,IAAAC,EAAO,MAAM,SAAS,IAAI;AAAA,EAC5B,GAEMC,IAAQC,EAAEC,GAAM;AAAA,IACpB,SAAAL;AAAA,IACA,SAAS,MAAM;AACb,MAAAC,EAAA;AAAA,IACF;AAAA,EAAA,CACD;AAED,EAAAC,EAAOC,GAAO,SAAS,IAAI;AAE3B,QAAMG,IAAKH,EAAM;AAEjB,SAAAG,EAAG,MAAM,MAAMP,EAAG,UAAU,MAC5BO,EAAG,MAAM,OAAOP,EAAG,UAAU,MAE7B,SAAS,iBAAiB,SAAS,CAACA,MAAc;AAChD,IAAKO,EAAG,SAASP,EAAG,MAAqB,KACvCE,EAAA;AAAA,EAEJ,CAAC,GAEMA;AACT;"}

package/dist/components/contextMenu/types.d.ts CHANGED Viewed

@@ -2,4 +2,3 @@ export type ContextOption = {
     text: string;
     cb: () => void;
 };
-//# sourceMappingURL=types.d.ts.map

package/dist/composition/computedCached.d.ts CHANGED Viewed

@@ -8,4 +8,3 @@ export declare function computedCached<T>(options: {
     set: ComputedSetter<T>;
 }): WritableComputedRef<T>;
 export declare function computedCached<T>(getter: ComputedGetter<T>): ComputedRef<T>;
-//# sourceMappingURL=computedCached.d.ts.map

package/dist/composition/computedCached.js CHANGED Viewed

@@ -1,23 +1,23 @@
-import { isJsonEqual as f, deepClone as r } from "../lib/util/helpers/dist/index.js";
-import { ref as s, watch as c, computed as i } from "vue";
-function d(o) {
-  let u, l;
-  typeof o == "function" ? u = o : (u = o.get, l = o.set);
-  const e = s(u());
-  return c(
+import { isJsonEqual as i, deepClone as r } from "@milaboratories/helpers";
+import { ref as c, watch as p, computed as l } from "vue";
+function v(o) {
+  let u, f;
+  typeof o == "function" ? u = o : (u = o.get, f = o.set);
+  const e = c(u());
+  return p(
     u,
     (t) => {
-      f(t, e.value) || (e.value = r(t));
+      i(t, e.value) || (e.value = r(t));
     },
     { deep: !0 }
-  ), l ? i({
+  ), f ? l({
     get: () => e.value,
     set: (t) => {
-      f(t, e.value) || (e.value = t, l(t));
+      i(t, e.value) || (e.value = t, f(t));
     }
-  }) : i(() => e.value);
+  }) : l(() => e.value);
 }
 export {
-  d as computedCached
+  v as computedCached
 };
 //# sourceMappingURL=computedCached.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"computedCached.js","sources":["../../src/composition/computedCached.ts"],"sourcesContent":["import { deepClone, isJsonEqual } from '@milaboratories/helpers';\nimport {\n computed,\n ref,\n watch,\n type ComputedGetter,\n type ComputedSetter,\n type ComputedRef,\n type WritableComputedRef,\n} from 'vue';\n\n/*\n Alternative to `computed`, but triggering only on actual data changes.\n * Always `deep` as the plain `computed` is.\n */\nexport function computedCached<T>(options: {\n get: ComputedGetter<T>;\n set: ComputedSetter<T>;\n}): WritableComputedRef<T>;\nexport function computedCached<T>(getter: ComputedGetter<T>): ComputedRef<T>;\nexport function computedCached<T>(arg: ComputedGetter<T> \| {\n get: ComputedGetter<T>;\n set: ComputedSetter<T>;\n}) {\n let getter: ComputedGetter<T>;\n let setter: ComputedSetter<T> \| undefined = undefined;\n if (typeof arg === 'function') {\n getter = arg;\n } else {\n getter = arg.get;\n setter = arg.set;\n }\n\n const cachedValue = ref<T>(getter());\n watch(\n getter,\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 { deep: true },\n );\n\n if (setter) {\n return computed({\n get: () => cachedValue.value,\n set: (newValue) => {\n if (!isJsonEqual(newValue, cachedValue.value)) {\n cachedValue.value = newValue;\n setter(newValue);\n }\n },\n });\n } else {\n return computed(() => cachedValue.value);\n }\n}\n"],"names":["computedCached","arg","getter","setter","cachedValue","ref","watch","newValue","isJsonEqual","deepClone","computed"],"mappings":";;AAoBO,SAASA,EAAkBC,GAG/B;~~AACG~~,~~MAAAC~~,GACAC;~~AACA~~,~~EAAA~~,OAAOF,KAAQ,~~aACRC~~,~~IAAAD~~,KAETC,IAASD,EAAI,KACbE,IAASF,EAAI;~~AAGT~~,~~QAAAG~~,IAAcC,EAAOH,GAAQ;AAanC,SAZAI;AAAA,IACEJ;AAAA,IACA,CAACK,MAAa;AACZ,MAAKC,EAAYD,GAAUH,EAAY,KAAK,~~MAG9BA~~,~~EAAA~~,QAAQK,EAAUF,CAAQ;AAAA,IAE1C;AAAA,IACA,EAAE,MAAM,~~GAAK~~;AAAA,~~EACf~~,~~GAEIJ~~,IACKO,EAAS;AAAA,IACd,KAAK,MAAMN,EAAY;AAAA,IACvB,KAAK,CAACG,MAAa;AACjB,MAAKC,EAAYD,GAAUH,EAAY,KAAK,MAC1CA,EAAY,QAAQG,GACpBJ,EAAOI,CAAQ;AAAA,~~IACjB~~;AAAA,~~EACF~~,CACD,IAEMG,EAAS,MAAMN,EAAY,KAAK;AAE3C;"}
1	+ {"version":3,"file":"computedCached.js","sources":["../../src/composition/computedCached.ts"],"sourcesContent":["import { deepClone, isJsonEqual } from '@milaboratories/helpers';\nimport {\n computed,\n ref,\n watch,\n type ComputedGetter,\n type ComputedSetter,\n type ComputedRef,\n type WritableComputedRef,\n} from 'vue';\n\n/*\n Alternative to `computed`, but triggering only on actual data changes.\n * Always `deep` as the plain `computed` is.\n */\nexport function computedCached<T>(options: {\n get: ComputedGetter<T>;\n set: ComputedSetter<T>;\n}): WritableComputedRef<T>;\nexport function computedCached<T>(getter: ComputedGetter<T>): ComputedRef<T>;\nexport function computedCached<T>(arg: ComputedGetter<T> \| {\n get: ComputedGetter<T>;\n set: ComputedSetter<T>;\n}) {\n let getter: ComputedGetter<T>;\n let setter: ComputedSetter<T> \| undefined = undefined;\n if (typeof arg === 'function') {\n getter = arg;\n } else {\n getter = arg.get;\n setter = arg.set;\n }\n\n const cachedValue = ref<T>(getter());\n watch(\n getter,\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 { deep: true },\n );\n\n if (setter) {\n return computed({\n get: () => cachedValue.value,\n set: (newValue) => {\n if (!isJsonEqual(newValue, cachedValue.value)) {\n cachedValue.value = newValue;\n setter(newValue);\n }\n },\n });\n } else {\n return computed(() => cachedValue.value);\n }\n}\n"],"names":["computedCached","arg","getter","setter","cachedValue","ref","watch","newValue","isJsonEqual","deepClone","computed"],"mappings":";;AAoBO,SAASA,EAAkBC,GAG/B;AACD,MAAIC,GACAC;AACJ,EAAI,OAAOF,KAAQ,aACjBC,IAASD,KAETC,IAASD,EAAI,KACbE,IAASF,EAAI;AAGf,QAAMG,IAAcC,EAAOH,GAAQ;AAanC,SAZAI;AAAA,IACEJ;AAAA,IACA,CAACK,MAAa;AACZ,MAAKC,EAAYD,GAAUH,EAAY,KAAK,MAG1CA,EAAY,QAAQK,EAAUF,CAAQ;AAAA,IAE1C;AAAA,IACA,EAAE,MAAM,GAAA;AAAA,EAAK,GAGXJ,IACKO,EAAS;AAAA,IACd,KAAK,MAAMN,EAAY;AAAA,IACvB,KAAK,CAACG,MAAa;AACjB,MAAKC,EAAYD,GAAUH,EAAY,KAAK,MAC1CA,EAAY,QAAQG,GACpBJ,EAAOI,CAAQ;AAAA,IAEnB;AAAA,EAAA,CACD,IAEMG,EAAS,MAAMN,EAAY,KAAK;AAE3C;"}

package/dist/composition/useClickOutside.d.ts CHANGED Viewed

@@ -2,4 +2,3 @@ import { Ref } from 'vue';
 type HtmlRef = Ref<HTMLElement | undefined>;
 export declare function useClickOutside(el: HtmlRef | HtmlRef[], cb: () => void): void;
 export {};
-//# sourceMappingURL=useClickOutside.d.ts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useClickOutside.js","sources":["../../src/composition/useClickOutside.ts"],"sourcesContent":["import type { Ref } from 'vue';\nimport { useEventListener } from './useEventListener';\nimport { flatValue } from '../helpers/functions';\n\ntype HtmlRef = Ref<HTMLElement \| undefined>;\n\nexport function useClickOutside(el: HtmlRef \| HtmlRef[], cb: () => void) {\n useEventListener(document, 'click', (event) => {\n if (!document.contains(event.target as Node)) {\n return;\n }\n\n const values = flatValue(el)\n .map((e) => e.value)\n .filter((v) => !!v) as HTMLElement[];\n if (!values.some((v) => v?.contains(event.target as Node))) {\n cb();\n }\n });\n}\n"],"names":["useClickOutside","el","cb","useEventListener","event","flatValue","e","v"],"mappings":";;~~AAMgB~~,~~SAAAA~~,EAAgBC,GAAyBC,GAAgB;~~AACtD~~,EAAAC,~~EAAA~~,UAAU,SAAS,CAACC,MAAU;AAC7C,QAAI,CAAC,SAAS,SAASA,EAAM,MAAc;AACzC;~~AAME~~,~~IAHWC~~,EAAUJ,CAAE,EACxB,IAAI,CAACK,MAAMA,EAAE,KAAK,EAClB,OAAO,CAACC,MAAM,CAAC,CAACA,CAAC,EACR,KAAK,CAACA,MAAMA,KAAA,gBAAAA,EAAG,SAASH,EAAM,OAAe,~~KACpDF~~,EAAA;AAAA,~~EACL~~,~~CACD~~;AACH;"}
1	+ {"version":3,"file":"useClickOutside.js","sources":["../../src/composition/useClickOutside.ts"],"sourcesContent":["import type { Ref } from 'vue';\nimport { useEventListener } from './useEventListener';\nimport { flatValue } from '../helpers/functions';\n\ntype HtmlRef = Ref<HTMLElement \| undefined>;\n\nexport function useClickOutside(el: HtmlRef \| HtmlRef[], cb: () => void) {\n useEventListener(document, 'click', (event) => {\n if (!document.contains(event.target as Node)) {\n return;\n }\n\n const values = flatValue(el)\n .map((e) => e.value)\n .filter((v) => !!v) as HTMLElement[];\n if (!values.some((v) => v?.contains(event.target as Node))) {\n cb();\n }\n });\n}\n"],"names":["useClickOutside","el","cb","useEventListener","event","flatValue","e","v"],"mappings":";;AAMO,SAASA,EAAgBC,GAAyBC,GAAgB;AACvE,EAAAC,EAAiB,UAAU,SAAS,CAACC,MAAU;AAC7C,QAAI,CAAC,SAAS,SAASA,EAAM,MAAc;AACzC;AAMF,IAHeC,EAAUJ,CAAE,EACxB,IAAI,CAACK,MAAMA,EAAE,KAAK,EAClB,OAAO,CAACC,MAAM,CAAC,CAACA,CAAC,EACR,KAAK,CAACA,MAAMA,KAAA,gBAAAA,EAAG,SAASH,EAAM,OAAe,KACvDF,EAAA;AAAA,EAEJ,CAAC;AACH;"}

package/dist/composition/useComponentProp.d.ts CHANGED Viewed

@@ -31,4 +31,3 @@ import { Component, ComputedRef } from 'vue';
  * ```
  */
 export declare function useComponentProp<C extends Component, P extends keyof InferComponentProps<C>>(cb: () => InferComponentProps<C>[P]): ComputedRef<InferComponentProps<C>[P]>;
-//# sourceMappingURL=useComponentProp.d.ts.map

package/dist/composition/useConfirm.d.ts CHANGED Viewed

@@ -5,4 +5,3 @@ export type ConfirmProps = {
     cancelLabel?: string;
 };
 export declare function useConfirm(props: ConfirmProps): () => Promise<boolean>;
-//# sourceMappingURL=useConfirm.d.ts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useConfirm.js","sources":["../../src/composition/useConfirm.ts"],"sourcesContent":["import { h, render } from 'vue';\nimport PlConfirmDialog from '../components/PlConfirmDialog.vue';\n\nexport type ConfirmProps = {\n title: string;\n message: string;\n confirmLabel?: string;\n cancelLabel?: string;\n};\n\nexport function useConfirm(props: ConfirmProps) {\n return () => {\n return new Promise<boolean>((resolve) => {\n const vnode = h(PlConfirmDialog, {\n opened: true,\n title: props.title,\n message: props.message,\n confirmLabel: props.confirmLabel ?? 'Confirm',\n cancelLabel: props.cancelLabel ?? 'Cancel',\n onConfirm: () => finish(true),\n onCancel: () => finish(false),\n });\n\n const mountPoint = document.createElement('div');\n document.body.appendChild(mountPoint);\n render(vnode, mountPoint);\n\n function finish(result: boolean) {\n resolve(result);\n render(null, mountPoint);\n mountPoint.remove();\n }\n });\n };\n}\n"],"names":["useConfirm","props","resolve","vnode","h","PlConfirmDialog","finish","mountPoint","render","result"],"mappings":";;AAUO,SAASA,EAAWC,GAAqB;AAC9C,SAAO,MACE,IAAI,QAAiB,CAACC,MAAY;~~AACjC~~,~~UAAAC~~,IAAQC,EAAEC,GAAiB;AAAA,MAC/B,QAAQ;AAAA,MACR,OAAOJ,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,cAAcA,EAAM,gBAAgB;AAAA,MACpC,aAAaA,EAAM,eAAe;AAAA,MAClC,WAAW,MAAMK,EAAO,EAAI;AAAA,MAC5B,UAAU,MAAMA,EAAO,EAAK;AAAA,IAAA,CAC7B,GAEKC,IAAa,SAAS,cAAc,KAAK;~~AACtC~~,~~aAAA~~,KAAK,YAAYA,CAAU,GACpCC,EAAOL,GAAOI,CAAU;AAExB,aAASD,EAAOG,GAAiB;AAC/B,MAAAP,EAAQO,CAAM,GACdD,EAAO,MAAMD,CAAU,GACvBA,EAAW,~~OAAO~~;AAAA,~~IAAA~~;AAAA,~~EACpB~~,~~CACD~~;AAEL;"}
1	+ {"version":3,"file":"useConfirm.js","sources":["../../src/composition/useConfirm.ts"],"sourcesContent":["import { h, render } from 'vue';\nimport PlConfirmDialog from '../components/PlConfirmDialog.vue';\n\nexport type ConfirmProps = {\n title: string;\n message: string;\n confirmLabel?: string;\n cancelLabel?: string;\n};\n\nexport function useConfirm(props: ConfirmProps) {\n return () => {\n return new Promise<boolean>((resolve) => {\n const vnode = h(PlConfirmDialog, {\n opened: true,\n title: props.title,\n message: props.message,\n confirmLabel: props.confirmLabel ?? 'Confirm',\n cancelLabel: props.cancelLabel ?? 'Cancel',\n onConfirm: () => finish(true),\n onCancel: () => finish(false),\n });\n\n const mountPoint = document.createElement('div');\n document.body.appendChild(mountPoint);\n render(vnode, mountPoint);\n\n function finish(result: boolean) {\n resolve(result);\n render(null, mountPoint);\n mountPoint.remove();\n }\n });\n };\n}\n"],"names":["useConfirm","props","resolve","vnode","h","PlConfirmDialog","finish","mountPoint","render","result"],"mappings":";;AAUO,SAASA,EAAWC,GAAqB;AAC9C,SAAO,MACE,IAAI,QAAiB,CAACC,MAAY;AACvC,UAAMC,IAAQC,EAAEC,GAAiB;AAAA,MAC/B,QAAQ;AAAA,MACR,OAAOJ,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,cAAcA,EAAM,gBAAgB;AAAA,MACpC,aAAaA,EAAM,eAAe;AAAA,MAClC,WAAW,MAAMK,EAAO,EAAI;AAAA,MAC5B,UAAU,MAAMA,EAAO,EAAK;AAAA,IAAA,CAC7B,GAEKC,IAAa,SAAS,cAAc,KAAK;AAC/C,aAAS,KAAK,YAAYA,CAAU,GACpCC,EAAOL,GAAOI,CAAU;AAExB,aAASD,EAAOG,GAAiB;AAC/B,MAAAP,EAAQO,CAAM,GACdD,EAAO,MAAMD,CAAU,GACvBA,EAAW,OAAA;AAAA,IACb;AAAA,EACF,CAAC;AAEL;"}

package/dist/composition/useDraggable.d.ts CHANGED Viewed

@@ -1,3 +1,2 @@
 import { MaybeRef } from '../types';
 export declare function useDraggable<T extends HTMLElement>(elRef: MaybeRef<T | undefined>, cb: (ev: MouseEvent) => void): void;
-//# sourceMappingURL=useDraggable.d.ts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useDraggable.js","sources":["../../src/composition/useDraggable.ts"],"sourcesContent":["import type { MaybeRef } from '../types';\nimport { onMounted, onUnmounted, unref } from 'vue';\n\ntype Position = {\n x: number;\n y: number;\n};\n\nexport function useDraggable<T extends HTMLElement>(elRef: MaybeRef<T \| undefined>, cb: (ev: MouseEvent) => void) {\n function onMove(down: Position, ev: MouseEvent) {\n const el = unref(elRef);\n if (!el) {\n return;\n }\n const translate = `translate(${ev.x - down.x}px, ${ev.y - down.y}px)`;\n el.style.setProperty('transform', translate);\n cb(ev);\n }\n\n function onDown(down: Position) {\n const listener = (e: MouseEvent) => onMove(down, e);\n\n document.addEventListener('mousemove', listener);\n\n document.addEventListener(\n 'mouseup',\n () => {\n const el = unref(elRef);\n\n document.removeEventListener('mousemove', listener);\n\n if (!el) {\n return;\n }\n\n el.style.setProperty('transition', 'all .3s ease-in-out');\n\n el.style.removeProperty('transform');\n\n el.addEventListener('transitionend', () => {\n el.style.removeProperty('transition');\n });\n },\n { once: true },\n );\n }\n\n function init() {\n unref(elRef)?.addEventListener('mousedown', onDown);\n }\n\n function clear() {\n unref(elRef)?.removeEventListener('mousedown', onDown);\n }\n\n onMounted(init);\n onUnmounted(clear);\n}\n"],"names":["useDraggable","elRef","cb","onMove","down","ev","el","unref","translate","onDown","listener","e","init","_a","clear","onMounted","onUnmounted"],"mappings":";~~AAQgB~~,~~SAAAA~~,EAAoCC,GAAgCC,GAA8B;~~AACvG~~,~~WAAAC~~,EAAOC,GAAgBC,GAAgB;~~AACxC~~,~~UAAAC~~,IAAKC,EAAMN,CAAK;AACtB,QAAI,CAACK;AACH;~~AAEI~~,~~UAAAE~~,IAAY,aAAaH,EAAG,IAAID,EAAK,CAAC,OAAOC,EAAG,IAAID,EAAK,CAAC;~~AAC7D~~,IAAAE,~~EAAA~~,MAAM,YAAY,aAAaE,CAAS,GAC3CN,EAAGG,CAAE;AAAA,~~EAAA~~;~~AAGP~~,WAASI,EAAOL,GAAgB;AAC9B,UAAMM,IAAW,CAACC,MAAkBR,EAAOC,GAAMO,CAAC;~~AAEzC~~,~~aAAA~~,iBAAiB,aAAaD,CAAQ,~~GAEtC~~,~~SAAA~~;AAAA,MACP;AAAA,MACA,MAAM;~~AACE~~,~~cAAAJ~~,IAAKC,EAAMN,CAAK;AAItB,~~QAFS~~,~~SAAA~~,oBAAoB,aAAaS,CAAQ,GAE7CJ,~~MAIFA~~,~~EAAA~~,MAAM,YAAY,cAAc,qBAAqB,~~GAErDA~~,~~EAAA~~,MAAM,eAAe,WAAW,~~GAEhCA~~,~~EAAA~~,iBAAiB,iBAAiB,MAAM;~~AACtC~~,UAAAA,~~EAAA~~,MAAM,eAAe,YAAY;AAAA,~~QAAA~~,~~CACrC~~;AAAA,MACH;AAAA,MACA,EAAE,MAAM,~~GAAK~~;AAAA,~~IACf~~;AAAA,~~EAAA~~;~~AAGF~~,WAASM,IAAO;;AACd,KAAAC,IAAAN,EAAMN,CAAK,MAAX,QAAAY,EAAc,iBAAiB,aAAaJ;AAAA,~~EAAM~~;~~AAGpD~~,WAASK,IAAQ;;AACf,KAAAD,IAAAN,EAAMN,CAAK,MAAX,QAAAY,EAAc,oBAAoB,aAAaJ;AAAA,~~EAAM~~;~~AAGvD~~,EAAAM,EAAUH,CAAI,GACdI,EAAYF,CAAK;AACnB;"}
1	+ {"version":3,"file":"useDraggable.js","sources":["../../src/composition/useDraggable.ts"],"sourcesContent":["import type { MaybeRef } from '../types';\nimport { onMounted, onUnmounted, unref } from 'vue';\n\ntype Position = {\n x: number;\n y: number;\n};\n\nexport function useDraggable<T extends HTMLElement>(elRef: MaybeRef<T \| undefined>, cb: (ev: MouseEvent) => void) {\n function onMove(down: Position, ev: MouseEvent) {\n const el = unref(elRef);\n if (!el) {\n return;\n }\n const translate = `translate(${ev.x - down.x}px, ${ev.y - down.y}px)`;\n el.style.setProperty('transform', translate);\n cb(ev);\n }\n\n function onDown(down: Position) {\n const listener = (e: MouseEvent) => onMove(down, e);\n\n document.addEventListener('mousemove', listener);\n\n document.addEventListener(\n 'mouseup',\n () => {\n const el = unref(elRef);\n\n document.removeEventListener('mousemove', listener);\n\n if (!el) {\n return;\n }\n\n el.style.setProperty('transition', 'all .3s ease-in-out');\n\n el.style.removeProperty('transform');\n\n el.addEventListener('transitionend', () => {\n el.style.removeProperty('transition');\n });\n },\n { once: true },\n );\n }\n\n function init() {\n unref(elRef)?.addEventListener('mousedown', onDown);\n }\n\n function clear() {\n unref(elRef)?.removeEventListener('mousedown', onDown);\n }\n\n onMounted(init);\n onUnmounted(clear);\n}\n"],"names":["useDraggable","elRef","cb","onMove","down","ev","el","unref","translate","onDown","listener","e","init","_a","clear","onMounted","onUnmounted"],"mappings":";AAQO,SAASA,EAAoCC,GAAgCC,GAA8B;AAChH,WAASC,EAAOC,GAAgBC,GAAgB;AAC9C,UAAMC,IAAKC,EAAMN,CAAK;AACtB,QAAI,CAACK;AACH;AAEF,UAAME,IAAY,aAAaH,EAAG,IAAID,EAAK,CAAC,OAAOC,EAAG,IAAID,EAAK,CAAC;AAChE,IAAAE,EAAG,MAAM,YAAY,aAAaE,CAAS,GAC3CN,EAAGG,CAAE;AAAA,EACP;AAEA,WAASI,EAAOL,GAAgB;AAC9B,UAAMM,IAAW,CAACC,MAAkBR,EAAOC,GAAMO,CAAC;AAElD,aAAS,iBAAiB,aAAaD,CAAQ,GAE/C,SAAS;AAAA,MACP;AAAA,MACA,MAAM;AACJ,cAAMJ,IAAKC,EAAMN,CAAK;AAItB,QAFA,SAAS,oBAAoB,aAAaS,CAAQ,GAE7CJ,MAILA,EAAG,MAAM,YAAY,cAAc,qBAAqB,GAExDA,EAAG,MAAM,eAAe,WAAW,GAEnCA,EAAG,iBAAiB,iBAAiB,MAAM;AACzC,UAAAA,EAAG,MAAM,eAAe,YAAY;AAAA,QACtC,CAAC;AAAA,MACH;AAAA,MACA,EAAE,MAAM,GAAA;AAAA,IAAK;AAAA,EAEjB;AAEA,WAASM,IAAO;;AACd,KAAAC,IAAAN,EAAMN,CAAK,MAAX,QAAAY,EAAc,iBAAiB,aAAaJ;AAAA,EAC9C;AAEA,WAASK,IAAQ;;AACf,KAAAD,IAAAN,EAAMN,CAAK,MAAX,QAAAY,EAAc,oBAAoB,aAAaJ;AAAA,EACjD;AAEA,EAAAM,EAAUH,CAAI,GACdI,EAAYF,CAAK;AACnB;"}

package/dist/composition/useEventListener.d.ts CHANGED Viewed

@@ -4,4 +4,3 @@ type EventMap = WindowEventMap & HTMLElementEventMap & {
 };
 export declare function useEventListener<T extends EventTarget, E extends EventMap[K], K extends keyof EventMap>(target: MaybeRef<T | undefined>, type: K, callback: (this: T, evt: E) => void, options?: AddEventListenerOptions | boolean): void;
 export {};
-//# sourceMappingURL=useEventListener.d.ts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useEventListener.js","sources":["../../src/composition/useEventListener.ts"],"sourcesContent":["import { onMounted, onUnmounted, unref } from 'vue';\nimport type { MaybeRef } from '../types';\n\ntype EventMap = WindowEventMap & HTMLElementEventMap & { adjust: Event };\n\nexport function useEventListener<T extends EventTarget, E extends EventMap[K], K extends keyof EventMap>(\n target: MaybeRef<T \| undefined>,\n type: K,\n callback: (this: T, evt: E) => void,\n options?: AddEventListenerOptions \| boolean,\n) {\n onMounted(() => unref(target)?.addEventListener(type, callback as (this: T, evt: Event) => void, options));\n onUnmounted(() => unref(target)?.removeEventListener(type, callback as (this: T, evt: Event) => void, options));\n}\n"],"names":["useEventListener","target","type","callback","options","onMounted","_a","unref","onUnmounted"],"mappings":";AAKO,SAASA,EACdC,GACAC,GACAC,GACAC,GACA;~~AACU~~,EAAAC,~~EAAA~~,MAAA;;AAAM,YAAAC,IAAAC,EAAMN,CAAM,MAAZ,gBAAAK,EAAe,iBAAiBJ,GAAMC,GAA2CC;AAAA,GAAQ,~~GAC7FI~~,~~EAAA~~,MAAA;;AAAM,YAAAF,IAAAC,EAAMN,CAAM,MAAZ,gBAAAK,EAAe,oBAAoBJ,GAAMC,GAA2CC;AAAA,GAAQ;AAChH;"}
1	+ {"version":3,"file":"useEventListener.js","sources":["../../src/composition/useEventListener.ts"],"sourcesContent":["import { onMounted, onUnmounted, unref } from 'vue';\nimport type { MaybeRef } from '../types';\n\ntype EventMap = WindowEventMap & HTMLElementEventMap & { adjust: Event };\n\nexport function useEventListener<T extends EventTarget, E extends EventMap[K], K extends keyof EventMap>(\n target: MaybeRef<T \| undefined>,\n type: K,\n callback: (this: T, evt: E) => void,\n options?: AddEventListenerOptions \| boolean,\n) {\n onMounted(() => unref(target)?.addEventListener(type, callback as (this: T, evt: Event) => void, options));\n onUnmounted(() => unref(target)?.removeEventListener(type, callback as (this: T, evt: Event) => void, options));\n}\n"],"names":["useEventListener","target","type","callback","options","onMounted","_a","unref","onUnmounted"],"mappings":";AAKO,SAASA,EACdC,GACAC,GACAC,GACAC,GACA;AACA,EAAAC,EAAU,MAAA;;AAAM,YAAAC,IAAAC,EAAMN,CAAM,MAAZ,gBAAAK,EAAe,iBAAiBJ,GAAMC,GAA2CC;AAAA,GAAQ,GACzGI,EAAY,MAAA;;AAAM,YAAAF,IAAAC,EAAMN,CAAM,MAAZ,gBAAAK,EAAe,oBAAoBJ,GAAMC,GAA2CC;AAAA,GAAQ;AAChH;"}

package/dist/composition/useFilteredList.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import { ComputedRef, Ref } from 'vue';
-import { ListOption, ListOptionNormalized } from '../types';
-export declare function useFilteredList<V = unknown>(optionsRef: Ref<ListOption<V>[]>, searchPhrase: Ref<string>): ComputedRef<ListOptionNormalized<V>[]>;
-//# sourceMappingURL=useFilteredList.d.ts.map
+import { ListOption } from '../types';
+import { ListOptionBase } from '@platforma-sdk/model';
+export declare function useFilteredList<V = unknown>(optionsRef: Ref<ListOption<V>[]>, searchPhrase: Ref<string>): ComputedRef<Readonly<ListOptionBase<V>[]>>;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useFilteredList.js","sources":["../../src/composition/useFilteredList.ts"],"sourcesContent":["import type { ComputedRef, Ref } from 'vue';\nimport { computed } from 'vue';\nimport type { ListOption, ~~ListOptionNormalized~~ } from '../types';\nimport { normalizeListOptions } from '../helpers/utils';\n\nexport function useFilteredList<V = unknown>(optionsRef: Ref<ListOption<V>[]>, searchPhrase: Ref<string>): ComputedRef<~~ListOptionNormalized~~<V>[]> {\n return computed(() => {\n const options = normalizeListOptions(optionsRef.value);\n if (searchPhrase.value) {\n return options.filter((element) => {\n return element.label.toLowerCase().includes(searchPhrase.value.toLowerCase());\n });\n }\n return options;\n });\n}\n"],"names":["useFilteredList","optionsRef","searchPhrase","computed","options","normalizeListOptions","element"],"mappings":";;~~AAKgB~~,~~SAAAA~~,EAA6BC,GAAkCC,~~GAAmE~~;~~AAChJ~~,SAAOC,EAAS,MAAM;~~AACd~~,~~UAAAC~~,IAAUC,EAAqBJ,EAAW,KAAK;AACrD,WAAIC,EAAa,QACRE,EAAQ,OAAO,CAACE,MACdA,EAAQ,MAAM,~~YAAY~~,~~EAAE~~,SAASJ,EAAa,MAAM,aAAa,CAC7E,IAEIE;AAAA,~~EAAA~~,~~CACR~~;AACH;"}
1	+ {"version":3,"file":"useFilteredList.js","sources":["../../src/composition/useFilteredList.ts"],"sourcesContent":["import type { ComputedRef, Ref } from 'vue';\nimport { computed } from 'vue';\nimport type { ListOption } from '../types';\nimport { normalizeListOptions } from '../helpers/utils';\nimport type { ListOptionBase } from '@platforma-sdk/model';\n\nexport function useFilteredList<V = unknown>(optionsRef: Ref<ListOption<V>[]>, searchPhrase: Ref<string>): ComputedRef<Readonly<ListOptionBase<V>[]>> {\n return computed(() => {\n const options = normalizeListOptions(optionsRef.value);\n if (searchPhrase.value) {\n return options.filter((element) => {\n return element.label.toLowerCase().includes(searchPhrase.value.toLowerCase());\n });\n }\n return options;\n });\n}\n"],"names":["useFilteredList","optionsRef","searchPhrase","computed","options","normalizeListOptions","element"],"mappings":";;AAMO,SAASA,EAA6BC,GAAkCC,GAAuE;AACpJ,SAAOC,EAAS,MAAM;AACpB,UAAMC,IAAUC,EAAqBJ,EAAW,KAAK;AACrD,WAAIC,EAAa,QACRE,EAAQ,OAAO,CAACE,MACdA,EAAQ,MAAM,YAAA,EAAc,SAASJ,EAAa,MAAM,aAAa,CAC7E,IAEIE;AAAA,EACT,CAAC;AACH;"}

package/dist/composition/useFormState.d.ts CHANGED Viewed

@@ -3,4 +3,3 @@ export declare function useFormState<Source, D extends Record<string, unknown>>(
     data: UnwrapRef<D>;
     changed: boolean;
 };
-//# sourceMappingURL=useFormState.d.ts.map

package/dist/composition/useFormState.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import { reactive as s, watch as r } from "vue";
-import { objects as a } from "../lib/util/helpers/dist/index.js";
-function p(d, n, o) {
-  const e = s({
+import { reactive as c, watch as r } from "vue";
+import { objects as a } from "@milaboratories/helpers";
+function s(d, n, o) {
+  const e = c({
     data: a.deepClone(n(d.value)),
     changed: !1
   });
@@ -23,6 +23,6 @@ function p(d, n, o) {
   ), e;
 }
 export {
-  p as useFormState
+  s as useFormState
 };
 //# sourceMappingURL=useFormState.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useFormState.js","sources":["../../src/composition/useFormState.ts"],"sourcesContent":["import type { Ref, UnwrapRef } from 'vue';\nimport { reactive, watch } from 'vue';\nimport { objects } from '@milaboratories/helpers';\n\nexport function useFormState<Source, D extends Record<string, unknown>>(\n source: Ref<Source>,\n fromSource: (source: Source) => D,\n update: (data: UnwrapRef<D>) => void,\n) {\n const state: {\n data: UnwrapRef<D>;\n changed: boolean;\n } = reactive({\n data: objects.deepClone(fromSource(source.value)) as D,\n changed: false,\n });\n\n watch(\n () => state.data,\n (data) => {\n if (state.changed) {\n update(objects.deepClone(data));\n } else {\n state.changed = true;\n }\n },\n { deep: true },\n );\n\n watch(\n source,\n (s) => {\n Object.assign(state, {\n data: objects.deepClone(fromSource(s)),\n changed: false,\n });\n },\n { deep: true, immediate: true },\n );\n\n return state;\n}\n"],"names":["useFormState","source","fromSource","update","state","reactive","objects","watch","data","s"],"mappings":";;~~AAIgB~~,~~SAAAA~~,EACdC,GACAC,GACAC,GACA;AACA,QAAMC,IAGFC,EAAS;AAAA,IACX,MAAMC,EAAQ,UAAUJ,EAAWD,EAAO,KAAK,CAAC;AAAA,IAChD,SAAS;AAAA,EAAA,CACV;AAED,SAAAM;AAAA,IACE,MAAMH,EAAM;AAAA,IACZ,CAACI,MAAS;AACR,MAAIJ,EAAM,~~UACDD~~,~~EAAAG~~,EAAQ,UAAUE,CAAI,CAAC,IAE9BJ,EAAM,UAAU;AAAA,IAEpB;AAAA,IACA,EAAE,MAAM,~~GAAK~~;AAAA,~~EACf~~,~~GAEAG~~;AAAA,IACEN;AAAA,IACA,CAACQ,MAAM;AACL,aAAO,OAAOL,GAAO;AAAA,QACnB,MAAME,EAAQ,UAAUJ,EAAWO,CAAC,CAAC;AAAA,QACrC,SAAS;AAAA,MAAA,CACV;AAAA,IACH;AAAA,IACA,EAAE,MAAM,IAAM,WAAW,~~GAAK~~;AAAA,~~EAChC~~,~~GAEOL~~;AACT;"}
1	+ {"version":3,"file":"useFormState.js","sources":["../../src/composition/useFormState.ts"],"sourcesContent":["import type { Ref, UnwrapRef } from 'vue';\nimport { reactive, watch } from 'vue';\nimport { objects } from '@milaboratories/helpers';\n\nexport function useFormState<Source, D extends Record<string, unknown>>(\n source: Ref<Source>,\n fromSource: (source: Source) => D,\n update: (data: UnwrapRef<D>) => void,\n) {\n const state: {\n data: UnwrapRef<D>;\n changed: boolean;\n } = reactive({\n data: objects.deepClone(fromSource(source.value)) as D,\n changed: false,\n });\n\n watch(\n () => state.data,\n (data) => {\n if (state.changed) {\n update(objects.deepClone(data));\n } else {\n state.changed = true;\n }\n },\n { deep: true },\n );\n\n watch(\n source,\n (s) => {\n Object.assign(state, {\n data: objects.deepClone(fromSource(s)),\n changed: false,\n });\n },\n { deep: true, immediate: true },\n );\n\n return state;\n}\n"],"names":["useFormState","source","fromSource","update","state","reactive","objects","watch","data","s"],"mappings":";;AAIO,SAASA,EACdC,GACAC,GACAC,GACA;AACA,QAAMC,IAGFC,EAAS;AAAA,IACX,MAAMC,EAAQ,UAAUJ,EAAWD,EAAO,KAAK,CAAC;AAAA,IAChD,SAAS;AAAA,EAAA,CACV;AAED,SAAAM;AAAA,IACE,MAAMH,EAAM;AAAA,IACZ,CAACI,MAAS;AACR,MAAIJ,EAAM,UACRD,EAAOG,EAAQ,UAAUE,CAAI,CAAC,IAE9BJ,EAAM,UAAU;AAAA,IAEpB;AAAA,IACA,EAAE,MAAM,GAAA;AAAA,EAAK,GAGfG;AAAA,IACEN;AAAA,IACA,CAACQ,MAAM;AACL,aAAO,OAAOL,GAAO;AAAA,QACnB,MAAME,EAAQ,UAAUJ,EAAWO,CAAC,CAAC;AAAA,QACrC,SAAS;AAAA,MAAA,CACV;AAAA,IACH;AAAA,IACA,EAAE,MAAM,IAAM,WAAW,GAAA;AAAA,EAAK,GAGzBL;AACT;"}

package/dist/composition/useHover.d.ts CHANGED Viewed

@@ -5,4 +5,3 @@ export interface UseElementHoverOptions {
     delayLeave?: number;
 }
 export declare function useHover(el: MaybeRef<EventTarget | undefined>, options?: UseElementHoverOptions): Ref<boolean>;
-//# sourceMappingURL=useHover.d.ts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useHover.js","sources":["../../src/composition/useHover.ts"],"sourcesContent":["import type { Ref } from 'vue';\nimport { ref } from 'vue';\nimport { useEventListener } from './useEventListener';\nimport type { MaybeRef } from '../types';\n\nexport interface UseElementHoverOptions {\n delayEnter?: number;\n delayLeave?: number;\n}\n\nexport function useHover(el: MaybeRef<EventTarget \| undefined>, options: UseElementHoverOptions = {}): Ref<boolean> {\n const { delayEnter = 0, delayLeave = 0 } = options;\n\n const isHovered = ref(false);\n let timer: ReturnType<typeof setTimeout> \| undefined;\n\n const toggle = (entering: boolean) => {\n const delay = entering ? delayEnter : delayLeave;\n\n if (timer) {\n clearTimeout(timer);\n timer = undefined;\n }\n\n if (delay) timer = setTimeout(() => (isHovered.value = entering), delay);\n else isHovered.value = entering;\n };\n\n if (!window) return isHovered;\n\n useEventListener(el, 'mouseenter', () => toggle(true));\n useEventListener(el, 'mouseleave', () => toggle(false));\n\n return isHovered;\n}\n"],"names":["useHover","el","options","delayEnter","delayLeave","isHovered","ref","timer","toggle","entering","delay","useEventListener"],"mappings":";;AAUO,SAASA,EAASC,GAAuCC,IAAkC,IAAkB;AAClH,QAAM,EAAE,YAAAC,IAAa,GAAG,YAAAC,IAAa,~~EAAM~~,~~IAAAF,~~GAErCG,IAAYC,EAAI,EAAK;~~AACvB~~,~~MAAAC~~;~~AAEE~~,~~QAAAC~~,IAAS,CAACC,MAAsB;~~AAC9B~~,~~UAAAC~~,IAAQD,IAAWN,IAAaC;AAEtC,IAAIG,MACF,aAAaA,CAAK,~~GACVA~~,~~IAAA~~,SAGNG,~~IAAeH~~,~~IAAA~~,WAAW,MAAOF,EAAU,QAAQI,GAAWC,CAAK,MACxD,QAAQD;AAAA,EACzB;~~AAEI~~,~~SAAC~~,WAELE,EAAiBV,GAAI,cAAc,MAAMO,EAAO,EAAI,CAAC,GACrDG,EAAiBV,GAAI,cAAc,MAAMO,EAAO,EAAK,CAAC,IAE/CH;AACT;"}
1	+ {"version":3,"file":"useHover.js","sources":["../../src/composition/useHover.ts"],"sourcesContent":["import type { Ref } from 'vue';\nimport { ref } from 'vue';\nimport { useEventListener } from './useEventListener';\nimport type { MaybeRef } from '../types';\n\nexport interface UseElementHoverOptions {\n delayEnter?: number;\n delayLeave?: number;\n}\n\nexport function useHover(el: MaybeRef<EventTarget \| undefined>, options: UseElementHoverOptions = {}): Ref<boolean> {\n const { delayEnter = 0, delayLeave = 0 } = options;\n\n const isHovered = ref(false);\n let timer: ReturnType<typeof setTimeout> \| undefined;\n\n const toggle = (entering: boolean) => {\n const delay = entering ? delayEnter : delayLeave;\n\n if (timer) {\n clearTimeout(timer);\n timer = undefined;\n }\n\n if (delay) timer = setTimeout(() => (isHovered.value = entering), delay);\n else isHovered.value = entering;\n };\n\n if (!window) return isHovered;\n\n useEventListener(el, 'mouseenter', () => toggle(true));\n useEventListener(el, 'mouseleave', () => toggle(false));\n\n return isHovered;\n}\n"],"names":["useHover","el","options","delayEnter","delayLeave","isHovered","ref","timer","toggle","entering","delay","useEventListener"],"mappings":";;AAUO,SAASA,EAASC,GAAuCC,IAAkC,IAAkB;AAClH,QAAM,EAAE,YAAAC,IAAa,GAAG,YAAAC,IAAa,MAAMF,GAErCG,IAAYC,EAAI,EAAK;AAC3B,MAAIC;AAEJ,QAAMC,IAAS,CAACC,MAAsB;AACpC,UAAMC,IAAQD,IAAWN,IAAaC;AAEtC,IAAIG,MACF,aAAaA,CAAK,GAClBA,IAAQ,SAGNG,IAAOH,IAAQ,WAAW,MAAOF,EAAU,QAAQI,GAAWC,CAAK,MACxD,QAAQD;AAAA,EACzB;AAEA,SAAK,WAELE,EAAiBV,GAAI,cAAc,MAAMO,EAAO,EAAI,CAAC,GACrDG,EAAiBV,GAAI,cAAc,MAAMO,EAAO,EAAK,CAAC,IAE/CH;AACT;"}

package/dist/composition/useInterval.d.ts CHANGED Viewed

	@@ -1,2 +1 @@
1 1	export declare function useInterval(update: () => void, ms: number): void;
2	- //# sourceMappingURL=useInterval.d.ts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useInterval.js","sources":["../../src/composition/useInterval.ts"],"sourcesContent":["import { onMounted, onUnmounted } from 'vue';\n\nexport function useInterval(update: () => void, ms: number) {\n let interval: ReturnType<typeof setInterval>;\n onMounted(() => {\n interval = setInterval(update, ms);\n });\n onUnmounted(() => clearInterval(interval));\n}\n"],"names":["useInterval","update","ms","interval","onMounted","onUnmounted"],"mappings":";~~AAEgB~~,~~SAAAA~~,EAAYC,GAAoBC,GAAY;~~AACtD~~,~~MAAAC~~;AACJ,EAAAC,EAAU,MAAM;~~AACH~~,IAAAD,~~IAAA~~,YAAYF,GAAQC,CAAE;AAAA,~~EAAA~~,~~CAClC~~,~~GACWG~~,~~EAAA~~,MAAM,cAAcF,CAAQ,CAAC;AAC3C;"}
1	+ {"version":3,"file":"useInterval.js","sources":["../../src/composition/useInterval.ts"],"sourcesContent":["import { onMounted, onUnmounted } from 'vue';\n\nexport function useInterval(update: () => void, ms: number) {\n let interval: ReturnType<typeof setInterval>;\n onMounted(() => {\n interval = setInterval(update, ms);\n });\n onUnmounted(() => clearInterval(interval));\n}\n"],"names":["useInterval","update","ms","interval","onMounted","onUnmounted"],"mappings":";AAEO,SAASA,EAAYC,GAAoBC,GAAY;AAC1D,MAAIC;AACJ,EAAAC,EAAU,MAAM;AACd,IAAAD,IAAW,YAAYF,GAAQC,CAAE;AAAA,EACnC,CAAC,GACDG,EAAY,MAAM,cAAcF,CAAQ,CAAC;AAC3C;"}

package/dist/composition/useLocalStorage.d.ts CHANGED Viewed

@@ -1,3 +1,2 @@
 import { Ref } from 'vue';
 export declare function useLocalStorage<T extends string>(key: string): Ref<T | null, T | null>;
-//# sourceMappingURL=useLocalStorage.d.ts.map

package/dist/composition/useLocalStorage.js CHANGED Viewed

@@ -1,15 +1,15 @@
 import { watch as a, ref as l } from "vue";
-import { notEmpty as n } from "../lib/util/helpers/dist/index.js";
+import { notEmpty as n } from "@milaboratories/helpers";
 const o = /* @__PURE__ */ new Map();
 function c(t) {
   return o.has(t) || o.set(t, l(localStorage.getItem(t))), n(o.get(t), "...");
 }
-function s(t, e) {
+function u(t, e) {
   e == null ? localStorage.removeItem(t) : localStorage.setItem(t, e);
 }
 function f(t) {
   const e = c(t);
-  return a(e, (r) => s(t, r)), e;
+  return a(e, (r) => u(t, r)), e;
 }
 export {
   f as useLocalStorage

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useLocalStorage.js","sources":["../../src/composition/useLocalStorage.ts"],"sourcesContent":["import type { Ref } from 'vue';\nimport { ref, watch } from 'vue';\nimport { notEmpty } from '@milaboratories/helpers';\n\nconst $store = new Map<string, Ref<string \| null>>();\n\nfunction getValue(key: string) {\n if (!$store.has(key)) {\n $store.set(key, ref(localStorage.getItem(key)));\n }\n\n return notEmpty($store.get(key), '...');\n}\n\nfunction setValue(key: string, v: string \| null \| undefined) {\n if (v === undefined \|\| v === null) {\n localStorage.removeItem(key);\n } else {\n localStorage.setItem(key, v);\n }\n}\n\nexport function useLocalStorage<T extends string>(key: string) {\n const value = getValue(key) as Ref<T \| null>;\n\n watch(value, (v) => setValue(key, v));\n\n return value;\n}\n"],"names":["$store","getValue","key","ref","notEmpty","setValue","v","useLocalStorage","value","watch"],"mappings":";;AAIA,MAAMA,wBAAa,~~IAAgC~~;~~AAEnD~~,SAASC,EAASC,GAAa;AAC7B,SAAKF,EAAO,IAAIE,CAAG,KACjBF,EAAO,IAAIE,GAAKC,EAAI,aAAa,QAAQD,CAAG,CAAC,CAAC,GAGzCE,EAASJ,EAAO,IAAIE,CAAG,GAAG,KAAK;AACxC;AAEA,SAASG,EAASH,GAAaI,GAA8B;~~AACvD~~,~~EAAmBA~~,KAAM,OAC3B,aAAa,WAAWJ,CAAG,~~IAEd~~,~~aAAA~~,QAAQA,GAAKI,CAAC;AAE/B;AAEO,SAASC,EAAkCL,GAAa;~~AACvD~~,~~QAAAM~~,IAAQP,EAASC,CAAG;AAE1B,SAAAO,EAAMD,GAAO,CAACF,MAAMD,EAASH,GAAKI,CAAC,CAAC,GAE7BE;AACT;"}
1	+ {"version":3,"file":"useLocalStorage.js","sources":["../../src/composition/useLocalStorage.ts"],"sourcesContent":["import type { Ref } from 'vue';\nimport { ref, watch } from 'vue';\nimport { notEmpty } from '@milaboratories/helpers';\n\nconst $store = new Map<string, Ref<string \| null>>();\n\nfunction getValue(key: string) {\n if (!$store.has(key)) {\n $store.set(key, ref(localStorage.getItem(key)));\n }\n\n return notEmpty($store.get(key), '...');\n}\n\nfunction setValue(key: string, v: string \| null \| undefined) {\n if (v === undefined \|\| v === null) {\n localStorage.removeItem(key);\n } else {\n localStorage.setItem(key, v);\n }\n}\n\nexport function useLocalStorage<T extends string>(key: string) {\n const value = getValue(key) as Ref<T \| null>;\n\n watch(value, (v) => setValue(key, v));\n\n return value;\n}\n"],"names":["$store","getValue","key","ref","notEmpty","setValue","v","useLocalStorage","value","watch"],"mappings":";;AAIA,MAAMA,wBAAa,IAAA;AAEnB,SAASC,EAASC,GAAa;AAC7B,SAAKF,EAAO,IAAIE,CAAG,KACjBF,EAAO,IAAIE,GAAKC,EAAI,aAAa,QAAQD,CAAG,CAAC,CAAC,GAGzCE,EAASJ,EAAO,IAAIE,CAAG,GAAG,KAAK;AACxC;AAEA,SAASG,EAASH,GAAaI,GAA8B;AAC3D,EAAuBA,KAAM,OAC3B,aAAa,WAAWJ,CAAG,IAE3B,aAAa,QAAQA,GAAKI,CAAC;AAE/B;AAEO,SAASC,EAAkCL,GAAa;AAC7D,QAAMM,IAAQP,EAASC,CAAG;AAE1B,SAAAO,EAAMD,GAAO,CAACF,MAAMD,EAASH,GAAKI,CAAC,CAAC,GAE7BE;AACT;"}

package/dist/composition/useMouse.d.ts CHANGED Viewed

@@ -2,4 +2,3 @@ export declare function useMouse(): {
     x: number;
     y: number;
 };
-//# sourceMappingURL=useMouse.d.ts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useMouse.js","sources":["../../src/composition/useMouse.ts"],"sourcesContent":["import { onMounted, onUnmounted, reactive } from 'vue';\n\nexport function useMouse() {\n const pos = reactive({\n x: 0,\n y: 0,\n });\n\n function update(event: MouseEvent) {\n pos.x = event.pageX;\n pos.y = event.pageY;\n }\n\n onMounted(() => window.addEventListener('mousemove', update));\n onUnmounted(() => window.removeEventListener('mousemove', update));\n\n return pos;\n}\n"],"names":["useMouse","pos","reactive","update","event","onMounted","onUnmounted"],"mappings":";AAEO,SAASA,IAAW;AACzB,QAAMC,IAAMC,EAAS;AAAA,IACnB,GAAG;AAAA,IACH,GAAG;AAAA,EAAA,CACJ;AAED,WAASC,EAAOC,GAAmB;AACjC,IAAAH,EAAI,IAAIG,EAAM,OACdH,EAAI,IAAIG,EAAM;AAAA,~~EAAA~~;~~AAGhB~~,SAAAC,EAAU,MAAM,OAAO,iBAAiB,aAAaF,CAAM,CAAC,GAC5DG,EAAY,MAAM,OAAO,oBAAoB,aAAaH,CAAM,CAAC,GAE1DF;AACT;"}
1	+ {"version":3,"file":"useMouse.js","sources":["../../src/composition/useMouse.ts"],"sourcesContent":["import { onMounted, onUnmounted, reactive } from 'vue';\n\nexport function useMouse() {\n const pos = reactive({\n x: 0,\n y: 0,\n });\n\n function update(event: MouseEvent) {\n pos.x = event.pageX;\n pos.y = event.pageY;\n }\n\n onMounted(() => window.addEventListener('mousemove', update));\n onUnmounted(() => window.removeEventListener('mousemove', update));\n\n return pos;\n}\n"],"names":["useMouse","pos","reactive","update","event","onMounted","onUnmounted"],"mappings":";AAEO,SAASA,IAAW;AACzB,QAAMC,IAAMC,EAAS;AAAA,IACnB,GAAG;AAAA,IACH,GAAG;AAAA,EAAA,CACJ;AAED,WAASC,EAAOC,GAAmB;AACjC,IAAAH,EAAI,IAAIG,EAAM,OACdH,EAAI,IAAIG,EAAM;AAAA,EAChB;AAEA,SAAAC,EAAU,MAAM,OAAO,iBAAiB,aAAaF,CAAM,CAAC,GAC5DG,EAAY,MAAM,OAAO,oBAAoB,aAAaH,CAAM,CAAC,GAE1DF;AACT;"}

package/dist/composition/useMouseCapture.d.ts CHANGED Viewed

@@ -13,4 +13,3 @@ type CaptureState = {
 };
 export declare function useMouseCapture<T extends HTMLElement>(elRef: MaybeRef<T | undefined>, cb: (ev: CustomEvent, state: CaptureState) => void): void;
 export {};
-//# sourceMappingURL=useMouseCapture.d.ts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useMouseCapture.js","sources":["../../src/composition/useMouseCapture.ts"],"sourcesContent":["import type { MaybeRef } from '../types';\nimport { unref } from 'vue';\nimport { useEventListener } from './useEventListener';\n\ntype CustomEvent = {\n x: number;\n y: number;\n dx: number;\n dy: number;\n stop?: boolean;\n};\n\ntype CaptureState = {\n el: HTMLElement \| undefined;\n x: number;\n y: number;\n};\n\nexport function useMouseCapture<T extends HTMLElement>(elRef: MaybeRef<T \| undefined>, cb: (ev: CustomEvent, state: CaptureState) => void) {\n const state: CaptureState = {\n el: undefined as HTMLElement \| undefined,\n x: 0,\n y: 0,\n };\n\n const createCustom = (ev: MouseEvent) => ({\n x: ev.x,\n y: ev.y,\n dx: ev.x - state.x,\n dy: ev.y - state.y,\n });\n\n useEventListener(document, 'mousedown', (ev) => {\n if (ev.target === unref(elRef)) {\n // disable selection when moving\n if (ev.stopPropagation) ev.stopPropagation();\n if (ev.preventDefault) ev.preventDefault();\n state.el = unref(elRef);\n state.x = ev.x;\n state.y = ev.y;\n }\n });\n\n useEventListener(document, 'mouseup', (ev) => {\n if (!state.el) {\n return;\n }\n\n state.el = undefined;\n\n cb(\n {\n ...createCustom(ev),\n stop: true,\n },\n state,\n );\n });\n\n useEventListener(document, 'mousemove', (ev) => {\n if (state.el) {\n cb(createCustom(ev), state);\n }\n });\n}\n"],"names":["useMouseCapture","elRef","cb","state","createCustom","ev","useEventListener","unref"],"mappings":";;~~AAkBgB~~,~~SAAAA~~,EAAuCC,GAAgCC,GAAoD;AACzI,QAAMC,IAAsB;AAAA,IAC1B,IAAI;AAAA,IACJ,GAAG;AAAA,IACH,GAAG;AAAA,~~EACL~~,~~GAEMC~~,IAAe,CAACC,OAAoB;AAAA,IACxC,GAAGA,EAAG;AAAA,IACN,GAAGA,EAAG;AAAA,IACN,IAAIA,EAAG,IAAIF,EAAM;AAAA,IACjB,IAAIE,EAAG,IAAIF,EAAM;AAAA,EAAA;~~AAGF~~,EAAAG,~~EAAA~~,UAAU,aAAa,CAACD,MAAO;AAC9C,IAAIA,EAAG,WAAWE,EAAMN,CAAK,MAEvBI,EAAG,mBAAiBA,EAAG,~~gBAAgB~~,~~GACvCA~~,EAAG,kBAAgBA,EAAG,~~eAAe~~,~~GACnCF~~,~~EAAA~~,KAAKI,EAAMN,CAAK,GACtBE,EAAM,IAAIE,EAAG,GACbF,EAAM,IAAIE,EAAG;AAAA,~~EACf~~,~~CACD~~,~~GAEgBC~~,~~EAAA~~,UAAU,WAAW,CAACD,MAAO;~~AACxC~~,~~IAACF~~,EAAM,OAIXA,EAAM,KAAK,QAEXD;AAAA,MACE;AAAA,QACE,GAAGE,EAAaC,CAAE;AAAA,QAClB,MAAM;AAAA,~~MACR~~;AAAA,~~MACAF~~;AAAA,~~IACF~~;AAAA,~~EAAA~~,~~CACD~~,~~GAEgBG~~,~~EAAA~~,UAAU,aAAa,CAACD,MAAO;AAC9C,IAAIF,EAAM,~~MACLD~~,~~EAAAE~~,EAAaC,CAAE,GAAGF,CAAK;AAAA,~~EAC5B~~,~~CACD~~;AACH;"}
1	+ {"version":3,"file":"useMouseCapture.js","sources":["../../src/composition/useMouseCapture.ts"],"sourcesContent":["import type { MaybeRef } from '../types';\nimport { unref } from 'vue';\nimport { useEventListener } from './useEventListener';\n\ntype CustomEvent = {\n x: number;\n y: number;\n dx: number;\n dy: number;\n stop?: boolean;\n};\n\ntype CaptureState = {\n el: HTMLElement \| undefined;\n x: number;\n y: number;\n};\n\nexport function useMouseCapture<T extends HTMLElement>(elRef: MaybeRef<T \| undefined>, cb: (ev: CustomEvent, state: CaptureState) => void) {\n const state: CaptureState = {\n el: undefined as HTMLElement \| undefined,\n x: 0,\n y: 0,\n };\n\n const createCustom = (ev: MouseEvent) => ({\n x: ev.x,\n y: ev.y,\n dx: ev.x - state.x,\n dy: ev.y - state.y,\n });\n\n useEventListener(document, 'mousedown', (ev) => {\n if (ev.target === unref(elRef)) {\n // disable selection when moving\n if (ev.stopPropagation) ev.stopPropagation();\n if (ev.preventDefault) ev.preventDefault();\n state.el = unref(elRef);\n state.x = ev.x;\n state.y = ev.y;\n }\n });\n\n useEventListener(document, 'mouseup', (ev) => {\n if (!state.el) {\n return;\n }\n\n state.el = undefined;\n\n cb(\n {\n ...createCustom(ev),\n stop: true,\n },\n state,\n );\n });\n\n useEventListener(document, 'mousemove', (ev) => {\n if (state.el) {\n cb(createCustom(ev), state);\n }\n });\n}\n"],"names":["useMouseCapture","elRef","cb","state","createCustom","ev","useEventListener","unref"],"mappings":";;AAkBO,SAASA,EAAuCC,GAAgCC,GAAoD;AACzI,QAAMC,IAAsB;AAAA,IAC1B,IAAI;AAAA,IACJ,GAAG;AAAA,IACH,GAAG;AAAA,EAAA,GAGCC,IAAe,CAACC,OAAoB;AAAA,IACxC,GAAGA,EAAG;AAAA,IACN,GAAGA,EAAG;AAAA,IACN,IAAIA,EAAG,IAAIF,EAAM;AAAA,IACjB,IAAIE,EAAG,IAAIF,EAAM;AAAA,EAAA;AAGnB,EAAAG,EAAiB,UAAU,aAAa,CAACD,MAAO;AAC9C,IAAIA,EAAG,WAAWE,EAAMN,CAAK,MAEvBI,EAAG,mBAAiBA,EAAG,gBAAA,GACvBA,EAAG,kBAAgBA,EAAG,eAAA,GAC1BF,EAAM,KAAKI,EAAMN,CAAK,GACtBE,EAAM,IAAIE,EAAG,GACbF,EAAM,IAAIE,EAAG;AAAA,EAEjB,CAAC,GAEDC,EAAiB,UAAU,WAAW,CAACD,MAAO;AAC5C,IAAKF,EAAM,OAIXA,EAAM,KAAK,QAEXD;AAAA,MACE;AAAA,QACE,GAAGE,EAAaC,CAAE;AAAA,QAClB,MAAM;AAAA,MAAA;AAAA,MAERF;AAAA,IAAA;AAAA,EAEJ,CAAC,GAEDG,EAAiB,UAAU,aAAa,CAACD,MAAO;AAC9C,IAAIF,EAAM,MACRD,EAAGE,EAAaC,CAAE,GAAGF,CAAK;AAAA,EAE9B,CAAC;AACH;"}

package/dist/composition/useNotificationPosition.d.ts CHANGED Viewed

@@ -1,3 +1,2 @@
 import { Ref } from 'vue';
 export declare function useNotificationPosition(el: Ref<HTMLElement | undefined>): Ref<string, string>;
-//# sourceMappingURL=useNotificationPosition.d.ts.map