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/PlElementList/PlElementListItem.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlElementListItem.vue2.js","sources":["../../../src/components/PlElementList/PlElementListItem.vue"],"sourcesContent":["<script generic=\"T extends unknown = unknown\" lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport { PlIcon16 } from '../PlIcon16';\nimport { PlIcon24 } from '../PlIcon24';\n\nconst props = defineProps<{\n item: T;\n index: number;\n showDragHandle: boolean;\n isActive: boolean;\n isDraggable: boolean;\n isRemovable: boolean;\n isExpandable: boolean;\n isExpanded: boolean;\n isToggable: boolean;\n isToggled: boolean;\n isPinnable: boolean;\n isPinned: boolean;\n}>();\n\nconst slots = defineSlots<{\n title: (props: { item: T; index: number }) => unknown;\n content?: (props: { item: T; index: number }) => unknown;\n}>();\nconst hasContentSlot = computed(() => slots['content'] !== undefined);\n\nconst emit = defineEmits<{\n (e: 'expand', item: T, index: number): void;\n (e: 'toggle', item: T, index: number): void;\n (e: 'pin', item: T, index: number): void;\n (e: 'remove', item: T, index: number): void;\n}>();\n</script>\n\n<template>\n <div\n :class=\"[$style.root, {\n [$style.active]: props.isActive,\n [$style.pinned]: props.isPinned,\n [$style.opened]: props.isExpanded,\n [$style.disabled]: props.isToggled,\n }]\"\n >\n <div\n :class=\"[$style.head, {\n [$style.clickable]: hasContentSlot,\n }]\"\n @click=\"isExpandable && emit('expand', props.item, props.index)\"\n >\n <div\n v-if=\"props.showDragHandle\"\n :class=\"[$style.action, $style.draggable, { [$style.disable]: !props.isDraggable } ]\"\n :data-draggable=\"props.isDraggable\"\n >\n <PlIcon16 name=\"drag-dots\" />\n </div>\n <PlIcon16 v-if=\"isExpandable\" :class=\"[$style.contentChevron, { [$style.opened]: props.isExpanded }]\" name=\"chevron-down\" />\n\n <div :class=\"$style.title\">\n <slot name=\"title\" :item=\"props.item\" :index=\"props.index\" />\n </div>\n\n <div :class=\"[$style.actions, $style.showOnHover]\">\n <div\n v-if=\"props.isToggable\"\n :class=\"[$style.action, $style.clickable, { [$style.disable]: !props.isToggable }]\"\n @click.stop=\"emit('toggle', props.item, props.index)\"\n >\n <PlIcon24 :name=\"props.isToggled === true ? 'view-hide' : 'view-show'\" size=\"16\" />\n </div>\n <div\n v-if=\"props.isPinnable\"\n :class=\"[$style.action, $style.clickable, {\n [$style.disable]: !props.isPinnable,\n [$style.activated]: props.isPinned,\n }]\"\n @click.stop=\"emit('pin', props.item, props.index)\"\n >\n <PlIcon24 name=\"pin\" size=\"16\" />\n </div>\n <div\n v-if=\"props.isRemovable\"\n :class=\"[$style.action, $style.clickable]\"\n @click.stop=\"emit('remove', props.item, props.index)\"\n >\n <PlIcon16 name=\"close\" />\n </div>\n </div>\n </div>\n <div\n v-if=\"hasContentSlot && props.isExpanded\"\n :class=\"[$style.body, { [$style.disabled]: props.isToggled }]\"\n >\n <slot name=\"content\" :item=\"props.item\" :index=\"props.index\" />\n </div>\n </div>\n</template>\n\n<style module>\n@use '../../assets/variables.scss' as ;\n\n.root {\n --background: rgba(255, 255, 255, 0.8);\n --border-color: var(--color-div-grey);\n --head-background: unset;\n --box-shadow: none;\n --box-shadow-active: 0 0 0 4px color-mix(in srgb, var(--border-color-focus) 50%, transparent);\n\n &:global(.sortable-drag),\n &:global(.sortable-chosen) {\n --head-background: var(--gradient-light-lime);\n --border-color: var(--border-color-focus);\n --box-shadow: var(--box-shadow-active)\n }\n}\n.root {\n display: flex;\n flex-direction: column;\n justify-content: center;\n border-radius: var(--border-radius);\n border: 1px solid var(--border-color);\n background-color: var(--background);\n transition: box-shadow 0.15s;\n box-shadow: var(--box-shadow);;\n overflow: hidden;\n\n &:hover {\n --border-color: var(--border-color-focus);\n --head-background: var(--gradient-light-lime);\n }\n\n &.opened {\n --head-background: var(--gradient-light-lime);\n }\n\n &.disabled {\n --icon-color: var(--ic-02);\n --border-color: var(--border-color-div-grey);\n color: var(--txt-03);\n filter: grayscale(1);\n }\n\n &.pinned {\n --background: var(--bg-base-light);\n }\n\n &.active {\n --border-color: var(--border-color-focus);\n --head-background: var(--btn-accent-positive-500);\n }\n}\n\n.head {\n position: relative;\n display: flex;\n align-items: center;\n padding: 8px;\n min-height: 40px;\n border-radius: var(--border-radius) var(--border-radius) 0 0;\n background: var(--head-background);\n}\n\n.contentChevron {\n display: block;\n width: 16px;\n height: 16px;\n margin-right: 4px;\n transform: rotate(-90deg);\n transition: transform 0.15s;\n\n &.opened {\n transform: rotate(0deg);\n }\n}\n\n.title {\n display: flex;\n flex-direction: row;\n flex: 1 1 0;\n gap: 8px;\n text-overflow: ellipsis;\n}\n\n.body {\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding: 24px;\n border-radius: 0 0 var(--border-radius) var(--border-radius);\n\n &.disabled {\n pointer-events: none;\n }\n}\n\n.actions {\n position: absolute;\n top: 8px;\n right: 8px;\n display: flex;\n align-items: center;\n background-color: var(--background);\n border-radius: var(--border-radius);\n}\n\n.action {\n width: 24px;\n height: 24px;\n padding: 4px; / use padding instead of gap on parent, for better accessibility */\n opacity: 0.6;\n border-radius: var(--border-radius);\n transition: all 0.15s;\n\n svg {\n width: 16px;\n height: 16px;\n }\n\n &:hover {\n opacity: 1;\n background-color: var(--bg-elevated-02);\n }\n\n &.activated {\n opacity: 0.8;\n }\n\n &.disable {\n cursor: not-allowed;\n opacity: 0.4;\n }\n}\n\n.clickable {\n cursor: pointer;\n}\n\n.draggable {\n cursor: grab;\n}\n\n.showOnHover {\n opacity: 0;\n transition: opacity 0.15s;\n}\n\n.root:hover .showOnHover {\n opacity: 1;\n}\n</style>\n"],"names":["props","__props","slots","_useSlots","hasContentSlot","computed","emit","__emit"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAKA,UAAMA,IAAQC,GAeRC,IAAQC,~~EAGV~~,~~GACEC~~,IAAiBC,EAAS,MAAMH,EAAM,YAAe,MAAS,GAE9DI,IAAOC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"PlElementListItem.vue2.js","sources":["../../../src/components/PlElementList/PlElementListItem.vue"],"sourcesContent":["<script generic=\"T extends unknown = unknown\" lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport { PlIcon16 } from '../PlIcon16';\nimport { PlIcon24 } from '../PlIcon24';\n\nconst props = defineProps<{\n item: T;\n index: number;\n showDragHandle: boolean;\n isActive: boolean;\n isDraggable: boolean;\n isRemovable: boolean;\n isExpandable: boolean;\n isExpanded: boolean;\n isToggable: boolean;\n isToggled: boolean;\n isPinnable: boolean;\n isPinned: boolean;\n}>();\n\nconst slots = defineSlots<{\n title: (props: { item: T; index: number }) => unknown;\n content?: (props: { item: T; index: number }) => unknown;\n}>();\nconst hasContentSlot = computed(() => slots['content'] !== undefined);\n\nconst emit = defineEmits<{\n (e: 'expand', item: T, index: number): void;\n (e: 'toggle', item: T, index: number): void;\n (e: 'pin', item: T, index: number): void;\n (e: 'remove', item: T, index: number): void;\n}>();\n</script>\n\n<template>\n <div\n :class=\"[$style.root, {\n [$style.active]: props.isActive,\n [$style.pinned]: props.isPinned,\n [$style.opened]: props.isExpanded,\n [$style.disabled]: props.isToggled,\n }]\"\n >\n <div\n :class=\"[$style.head, {\n [$style.clickable]: hasContentSlot,\n }]\"\n @click=\"isExpandable && emit('expand', props.item, props.index)\"\n >\n <div\n v-if=\"props.showDragHandle\"\n :class=\"[$style.action, $style.draggable, { [$style.disable]: !props.isDraggable } ]\"\n :data-draggable=\"props.isDraggable\"\n >\n <PlIcon16 name=\"drag-dots\" />\n </div>\n <PlIcon16 v-if=\"isExpandable\" :class=\"[$style.contentChevron, { [$style.opened]: props.isExpanded }]\" name=\"chevron-down\" />\n\n <div :class=\"$style.title\">\n <slot name=\"title\" :item=\"props.item\" :index=\"props.index\" />\n </div>\n\n <div :class=\"[$style.actions, $style.showOnHover]\">\n <div\n v-if=\"props.isToggable\"\n :class=\"[$style.action, $style.clickable, { [$style.disable]: !props.isToggable }]\"\n @click.stop=\"emit('toggle', props.item, props.index)\"\n >\n <PlIcon24 :name=\"props.isToggled === true ? 'view-hide' : 'view-show'\" size=\"16\" />\n </div>\n <div\n v-if=\"props.isPinnable\"\n :class=\"[$style.action, $style.clickable, {\n [$style.disable]: !props.isPinnable,\n [$style.activated]: props.isPinned,\n }]\"\n @click.stop=\"emit('pin', props.item, props.index)\"\n >\n <PlIcon24 name=\"pin\" size=\"16\" />\n </div>\n <div\n v-if=\"props.isRemovable\"\n :class=\"[$style.action, $style.clickable]\"\n @click.stop=\"emit('remove', props.item, props.index)\"\n >\n <PlIcon16 name=\"close\" />\n </div>\n </div>\n </div>\n <div\n v-if=\"hasContentSlot && props.isExpanded\"\n :class=\"[$style.body, { [$style.disabled]: props.isToggled }]\"\n >\n <slot name=\"content\" :item=\"props.item\" :index=\"props.index\" />\n </div>\n </div>\n</template>\n\n<style module>\n@use '../../assets/variables.scss' as ;\n\n.root {\n --background: rgba(255, 255, 255, 0.8);\n --border-color: var(--color-div-grey);\n --head-background: unset;\n --box-shadow: none;\n --box-shadow-active: 0 0 0 4px color-mix(in srgb, var(--border-color-focus) 50%, transparent);\n\n &:global(.sortable-drag),\n &:global(.sortable-chosen) {\n --head-background: var(--gradient-light-lime);\n --border-color: var(--border-color-focus);\n --box-shadow: var(--box-shadow-active)\n }\n}\n.root {\n display: flex;\n flex-direction: column;\n justify-content: center;\n border-radius: var(--border-radius);\n border: 1px solid var(--border-color);\n background-color: var(--background);\n transition: box-shadow 0.15s;\n box-shadow: var(--box-shadow);;\n overflow: hidden;\n\n &:hover {\n --border-color: var(--border-color-focus);\n --head-background: var(--gradient-light-lime);\n }\n\n &.opened {\n --head-background: var(--gradient-light-lime);\n }\n\n &.disabled {\n --icon-color: var(--ic-02);\n --border-color: var(--border-color-div-grey);\n color: var(--txt-03);\n filter: grayscale(1);\n }\n\n &.pinned {\n --background: var(--bg-base-light);\n }\n\n &.active {\n --border-color: var(--border-color-focus);\n --head-background: var(--btn-accent-positive-500);\n }\n}\n\n.head {\n position: relative;\n display: flex;\n align-items: center;\n padding: 8px;\n min-height: 40px;\n border-radius: var(--border-radius) var(--border-radius) 0 0;\n background: var(--head-background);\n}\n\n.contentChevron {\n display: block;\n width: 16px;\n height: 16px;\n margin-right: 4px;\n transform: rotate(-90deg);\n transition: transform 0.15s;\n\n &.opened {\n transform: rotate(0deg);\n }\n}\n\n.title {\n display: flex;\n flex-direction: row;\n flex: 1 1 0;\n gap: 8px;\n text-overflow: ellipsis;\n}\n\n.body {\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding: 24px;\n border-radius: 0 0 var(--border-radius) var(--border-radius);\n\n &.disabled {\n pointer-events: none;\n }\n}\n\n.actions {\n position: absolute;\n top: 8px;\n right: 8px;\n display: flex;\n align-items: center;\n background-color: var(--background);\n border-radius: var(--border-radius);\n}\n\n.action {\n width: 24px;\n height: 24px;\n padding: 4px; / use padding instead of gap on parent, for better accessibility */\n opacity: 0.6;\n border-radius: var(--border-radius);\n transition: all 0.15s;\n\n svg {\n width: 16px;\n height: 16px;\n }\n\n &:hover {\n opacity: 1;\n background-color: var(--bg-elevated-02);\n }\n\n &.activated {\n opacity: 0.8;\n }\n\n &.disable {\n cursor: not-allowed;\n opacity: 0.4;\n }\n}\n\n.clickable {\n cursor: pointer;\n}\n\n.draggable {\n cursor: grab;\n}\n\n.showOnHover {\n opacity: 0;\n transition: opacity 0.15s;\n}\n\n.root:hover .showOnHover {\n opacity: 1;\n}\n</style>\n"],"names":["props","__props","slots","_useSlots","hasContentSlot","computed","emit","__emit"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAKA,UAAMA,IAAQC,GAeRC,IAAQC,EAAA,GAIRC,IAAiBC,EAAS,MAAMH,EAAM,YAAe,MAAS,GAE9DI,IAAOC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

	@@ -1,2 +1 @@
1 1	export { default as PlElementList } from './PlElementList.vue';
2	- //# sourceMappingURL=index.d.ts.map

package/dist/components/PlElementList/utils.d.ts CHANGED Viewed

	@@ -1,2 +1 @@
1 1	export declare const moveElements: <T>(array: T[], from: number, to: number) => T[];
2	- //# sourceMappingURL=utils.d.ts.map

package/dist/components/PlElementList/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","sources":["../../../src/components/PlElementList/utils.ts"],"sourcesContent":["export const moveElements = <T>(array: T[], from: number, to: number): T[] => {\n if (to >= 0 && to < array.length) {\n const element = array.splice(from, 1)[0];\n array.splice(to, 0, element);\n } else {\n console.warn(`Invalid move operation: from ${from} to ${to} in array of length ${array.length}`);\n }\n\n return array;\n};\n"],"names":["moveElements","array","from","to","element"],"mappings":"AAAO,MAAMA,IAAe,CAAIC,GAAYC,GAAcC,MAAoB;AAC5E,MAAIA,KAAM,KAAKA,IAAKF,EAAM,QAAQ;AAChC,UAAMG,IAAUH,EAAM,OAAOC,GAAM,CAAC,EAAE,CAAC;~~AACjC~~,IAAAD,~~EAAA~~,OAAOE,GAAI,GAAGC,CAAO;AAAA,~~EAAA~~;~~AAEnB~~,~~YAAA~~,KAAK,gCAAgCF,CAAI,OAAOC,CAAE,uBAAuBF,EAAM,MAAM,EAAE;~~AAG1F~~,~~SAAAA~~;AACT;"}
1	+ {"version":3,"file":"utils.js","sources":["../../../src/components/PlElementList/utils.ts"],"sourcesContent":["export const moveElements = <T>(array: T[], from: number, to: number): T[] => {\n if (to >= 0 && to < array.length) {\n const element = array.splice(from, 1)[0];\n array.splice(to, 0, element);\n } else {\n console.warn(`Invalid move operation: from ${from} to ${to} in array of length ${array.length}`);\n }\n\n return array;\n};\n"],"names":["moveElements","array","from","to","element"],"mappings":"AAAO,MAAMA,IAAe,CAAIC,GAAYC,GAAcC,MAAoB;AAC5E,MAAIA,KAAM,KAAKA,IAAKF,EAAM,QAAQ;AAChC,UAAMG,IAAUH,EAAM,OAAOC,GAAM,CAAC,EAAE,CAAC;AACvC,IAAAD,EAAM,OAAOE,GAAI,GAAGC,CAAO;AAAA,EAC7B;AACE,YAAQ,KAAK,gCAAgCF,CAAI,OAAOC,CAAE,uBAAuBF,EAAM,MAAM,EAAE;AAGjG,SAAOA;AACT;"}

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

@@ -9,8 +9,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     maxHeight?: string;
     copyMessage?: string;
 }> & Readonly<{}>, {
-    title: string;
     message: string;
+    title: string;
     maxHeight: string;
     copyMessage: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
@@ -23,4 +23,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=PlErrorAlert.vue.d.ts.map

package/dist/components/PlErrorAlert/PlErrorAlert.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlErrorAlert.vue2.js","sources":["../../../src/components/PlErrorAlert/PlErrorAlert.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n name: 'PlErrorAlert',\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { PlClipboard } from '../PlClipboard';\nimport { PlMaskIcon16 } from '../PlMaskIcon16';\n\nconst props = withDefaults(\n defineProps<{\n title?: string;\n message?: string;\n maxHeight?: string;\n copyMessage?: string;\n }>(),\n {\n title: undefined,\n message: undefined,\n maxHeight: '300px',\n copyMessage: undefined,\n },\n);\n\nfunction onCopy() {\n const value = props.copyMessage ?? props.message;\n if (typeof value === 'string') {\n navigator.clipboard.writeText(value);\n }\n}\n</script>\n\n<template>\n <div :style=\"{ maxHeight: props.maxHeight }\" :class=\"$style.root\">\n <PlClipboard :class=\"$style.copy\" @copy=\"onCopy\" />\n <slot name=\"title\">\n <div :class=\"$style.title\">\n <PlMaskIcon16 :class=\"$style.titleIcon\" name=\"warning\" />\n <div :class=\"$style.titleText\">{{ props.title }}</div>\n </div>\n </slot>\n <slot name=\"message\">\n <div :class=\"$style.message\">\n {{ props.message }}\n </div>\n </slot>\n </div>\n</template>\n\n<style module>\n.root {\n position: relative;\n overflow: auto;\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding: 12px;\n background: var(--bg-error);\n border: 1px var(--border-color-error) solid;\n border-radius: var(--border-radius-control);\n /* color: var(--txt-error); */\n}\n\n.copy {\n position: absolute;\n right: 12px;\n top: 12px;\n opacity: 0.4;\n transition: opacity 0.3s;\n\n &:hover {\n opacity: 1;\n }\n}\n\n.title {\n display: flex;\n align-items: center;\n gap: 10px;\n max-width: calc(100% - 20px);\n min-height: 24px;\n line-height: 24px;\n font-weight: bold;\n overflow: hidden;\n}\n\n.titleIcon {\n --icon-color: var(--txt-error);\n}\n\n.titleText {\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.message {\n overflow: auto;\n max-height: 100%;\n white-space: pre-wrap;\n word-break: break-word;\n font-family: var(--font-family-monospace);\n}\n</style>\n"],"names":["__default__","props","__props","onCopy","value"],"mappings":";;;AACA,~~MAAeA~~,~~IAAA~~;AAAA,EACb,MAAM;AACR;;;;;;;;;AAOA,UAAMC,IAAQC;AAed,aAASC,IAAS;~~AACV~~,~~YAAAC~~,IAAQH,EAAM,eAAeA,EAAM;~~AACrC~~,~~MAAA~~,OAAOG,KAAU,~~YACT~~,~~UAAA~~,UAAU,UAAUA,CAAK;AAAA,~~IACrC~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"PlErrorAlert.vue2.js","sources":["../../../src/components/PlErrorAlert/PlErrorAlert.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n name: 'PlErrorAlert',\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { PlClipboard } from '../PlClipboard';\nimport { PlMaskIcon16 } from '../PlMaskIcon16';\n\nconst props = withDefaults(\n defineProps<{\n title?: string;\n message?: string;\n maxHeight?: string;\n copyMessage?: string;\n }>(),\n {\n title: undefined,\n message: undefined,\n maxHeight: '300px',\n copyMessage: undefined,\n },\n);\n\nfunction onCopy() {\n const value = props.copyMessage ?? props.message;\n if (typeof value === 'string') {\n navigator.clipboard.writeText(value);\n }\n}\n</script>\n\n<template>\n <div :style=\"{ maxHeight: props.maxHeight }\" :class=\"$style.root\">\n <PlClipboard :class=\"$style.copy\" @copy=\"onCopy\" />\n <slot name=\"title\">\n <div :class=\"$style.title\">\n <PlMaskIcon16 :class=\"$style.titleIcon\" name=\"warning\" />\n <div :class=\"$style.titleText\">{{ props.title }}</div>\n </div>\n </slot>\n <slot name=\"message\">\n <div :class=\"$style.message\">\n {{ props.message }}\n </div>\n </slot>\n </div>\n</template>\n\n<style module>\n.root {\n position: relative;\n overflow: auto;\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding: 12px;\n background: var(--bg-error);\n border: 1px var(--border-color-error) solid;\n border-radius: var(--border-radius-control);\n /* color: var(--txt-error); */\n}\n\n.copy {\n position: absolute;\n right: 12px;\n top: 12px;\n opacity: 0.4;\n transition: opacity 0.3s;\n\n &:hover {\n opacity: 1;\n }\n}\n\n.title {\n display: flex;\n align-items: center;\n gap: 10px;\n max-width: calc(100% - 20px);\n min-height: 24px;\n line-height: 24px;\n font-weight: bold;\n overflow: hidden;\n}\n\n.titleIcon {\n --icon-color: var(--txt-error);\n}\n\n.titleText {\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.message {\n overflow: auto;\n max-height: 100%;\n white-space: pre-wrap;\n word-break: break-word;\n font-family: var(--font-family-monospace);\n}\n</style>\n"],"names":["__default__","props","__props","onCopy","value"],"mappings":";;;AACA,MAAAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;;;;AAOA,UAAMC,IAAQC;AAed,aAASC,IAAS;AAChB,YAAMC,IAAQH,EAAM,eAAeA,EAAM;AACzC,MAAI,OAAOG,KAAU,YACnB,UAAU,UAAU,UAAUA,CAAK;AAAA,IAEvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

	@@ -1,2 +1 @@
1 1	export { default as PlErrorAlert } from './PlErrorAlert.vue';
2	- //# sourceMappingURL=index.d.ts.map

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

@@ -34,8 +34,8 @@ declare function __VLS_template(): {
                 maxHeight?: string;
                 copyMessage?: string;
             }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-                title: string;
                 message: string;
+                title: string;
                 maxHeight: string;
                 copyMessage: string;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -59,8 +59,8 @@ declare function __VLS_template(): {
             $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
-            title: string;
             message: string;
+            title: string;
             maxHeight: string;
             copyMessage: string;
         }> & Omit<Readonly<{
@@ -68,7 +68,7 @@ declare function __VLS_template(): {
             message?: string;
             maxHeight?: string;
             copyMessage?: string;
-        }> & Readonly<{}>, "title" | "message" | "maxHeight" | "copyMessage"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        }> & Readonly<{}>, "message" | "title" | "maxHeight" | "copyMessage"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 title?(_: {}): any;
                 message?(_: {}): any;
@@ -111,8 +111,8 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
             maxHeight?: string;
             copyMessage?: string;
         }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-            title: string;
             message: string;
+            title: string;
             maxHeight: string;
             copyMessage: string;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -136,8 +136,8 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         $nextTick: typeof import('vue').nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
-        title: string;
         message: string;
+        title: string;
         maxHeight: string;
         copyMessage: string;
     }> & Omit<Readonly<{
@@ -145,7 +145,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         message?: string;
         maxHeight?: string;
         copyMessage?: string;
-    }> & Readonly<{}>, "title" | "message" | "maxHeight" | "copyMessage"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+    }> & Readonly<{}>, "message" | "title" | "maxHeight" | "copyMessage"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             title?(_: {}): any;
             message?(_: {}): any;
@@ -159,4 +159,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=PlErrorBoundary.vue.d.ts.map

package/dist/components/PlErrorBoundary/PlErrorBoundary.vue.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { defineComponent as d, ref as u, computed as c, onBeforeUpdate as g, onErrorCaptured as k, createElementBlock as v, openBlock as m, Fragment as _, renderSlot as y, createBlock as B, createCommentVNode as E, unref as x } from "vue";
+import { defineComponent as d, ref as s, computed as m, onBeforeUpdate as g, onErrorCaptured as k, createElementBlock as v, openBlock as c, Fragment as _, renderSlot as y, createBlock as B, createCommentVNode as E, unref as x } from "vue";
 import A from "../PlErrorAlert/PlErrorAlert.vue.js";
-import { isErrorLike as C, tryDo as S } from "../../lib/util/helpers/dist/index.js";
+import { isErrorLike as C, tryDo as S } from "@milaboratories/helpers";
 const D = /* @__PURE__ */ d({
   __name: "PlErrorBoundary",
   setup(h, { expose: f }) {
@@ -8,27 +8,27 @@ const D = /* @__PURE__ */ d({
       if (e != null)
         return C(e) ? e.stack == null || e.stack.length === 0 ? e.message : e.stack.includes(e.message) ? e.stack : e.message + `
 ` + e.stack : S(() => JSON.stringify(e, null, 4), () => e.toString());
-    }, t = u(null), o = c(() => {
+    }, t = s(null), o = m(() => {
       var e;
       return (e = t.value) == null ? void 0 : e.error;
-    }), p = c(() => i(o.value));
+    }), p = m(() => i(o.value));
     function a() {
       t.value = null;
     }
-    const n = u(null);
+    const n = s(null);
     return g(() => {
       t.value !== null && n.value && a();
     }), k((e, r) => {
-      var l, s;
+      var l, u;
       return t.value = {
-        title: ((s = (l = r == null ? void 0 : r.$) == null ? void 0 : l.type) == null ? void 0 : s.name) ?? void 0,
+        title: ((u = (l = r == null ? void 0 : r.$) == null ? void 0 : l.type) == null ? void 0 : u.name) ?? void 0,
         error: e
       }, !1;
     }), f({ error: o, reset: a }), (e, r) => {
       var l;
-      return m(), v(_, null, [
+      return c(), v(_, null, [
         y(e.$slots, "default"),
-        o.value ? (m(), B(x(A), {
+        o.value ? (c(), B(x(A), {
           key: 0,
           ref_key: "errorAlert",
           ref: n,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlErrorBoundary.vue.js","sources":["../../../src/components/PlErrorBoundary/PlErrorBoundary.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, onErrorCaptured, ref, onBeforeUpdate } from 'vue';\nimport { PlErrorAlert } from '../PlErrorAlert';\nimport { isErrorLike, tryDo } from '@milaboratories/helpers';\n\nconst extractMessage = (err: unknown): undefined \| string => {\n if (err == null) {\n return undefined;\n }\n\n if (isErrorLike(err)) {\n return err.stack == null \|\| err.stack.length === 0\n ? err.message\n : err.stack.includes(err.message)\n ? err.stack\n : err.message + '\\n' + err.stack;\n }\n\n return tryDo(() => JSON.stringify(err, null, 4), () => err.toString());\n};\n\nconst data = ref<null \| {\n title: undefined \| string;\n error: Error;\n}>(null);\n\nconst error = computed(() => data.value?.error);\nconst message = computed(() => extractMessage(error.value));\n\nfunction reset() {\n data.value = null;\n}\n\nconst errorAlert = ref<InstanceType<typeof PlErrorAlert> \| null>(null);\n\nonBeforeUpdate(() => {\n // If an error is currently displayed, and the component updates (e.g., due to slot content changing),\n // reset the error state.\n if (data.value !== null && errorAlert.value) {\n reset();\n }\n});\n\nonErrorCaptured((err, instance) => {\n data.value = {\n title: instance?.$?.type?.name ?? undefined,\n error: err,\n };\n // stop error propagation\n return false;\n});\n\ndefineExpose({ error, reset });\n</script>\n\n<template>\n <slot />\n <PlErrorAlert v-if=\"error\" ref=\"errorAlert\" :message=\"message\" :title=\"data?.title\" />\n</template>\n"],"names":["extractMessage","err","isErrorLike","tryDo","data","ref","error","computed","_a","message","reset","errorAlert","onBeforeUpdate","onErrorCaptured","instance","_b","__expose"],"mappings":";;;;;;~~AAKM~~,~~UAAAA~~,IAAiB,CAACC,MAAqC;AAC3D,UAAIA,KAAO;~~AAIP~~,~~eAAAC~~,EAAYD,CAAG,IACVA,EAAI,SAAS,QAAQA,EAAI,MAAM,WAAW,IAC7CA,EAAI,UACJA,EAAI,MAAM,SAASA,EAAI,OAAO,IAC5BA,EAAI,QACJA,EAAI,UAAU;AAAA,IAAOA,EAAI,QAG1BE,EAAM,MAAM,KAAK,UAAUF,GAAK,MAAM,CAAC,GAAG,MAAMA,EAAI,UAAU;AAAA,IACvE,GAEMG,IAAOC,EAGV,IAAI,GAEDC,IAAQC,EAAS,~~MAAM~~;;~~AAAA~~,cAAAC,IAAAJ,EAAK,UAAL,gBAAAI,EAAY;AAAA,KAAK,GACxCC,IAAUF,EAAS,MAAMP,EAAeM,EAAM,KAAK,CAAC;AAE1D,aAASI,IAAQ;AACf,MAAAN,EAAK,QAAQ;AAAA,~~IAAA~~;~~AAGT~~,~~UAAAO~~,IAAaN,EAA8C,IAAI;AAErE,WAAAO,EAAe,MAAM;AAGnB,MAAIR,EAAK,UAAU,QAAQO,EAAW,~~SAC9BD~~,EAAA;AAAA,~~IACR~~,~~CACD~~,~~GAEeG~~,~~EAAA~~,CAACZ,GAAKa,MAAa;;AACjC,aAAAV,EAAK,QAAQ;AAAA,QACX,SAAOW,KAAAP,IAAAM,KAAA,gBAAAA,EAAU,MAAV,gBAAAN,EAAa,SAAb,gBAAAO,EAAmB,SAAQ;AAAA,QAClC,OAAOd;AAAA,~~MACT~~,~~GAEO~~;AAAA,~~IAAA~~,~~CACR~~,~~GAEYe~~,~~EAAA~~,EAAE,OAAAV,GAAO,OAAAI,GAAO;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"PlErrorBoundary.vue.js","sources":["../../../src/components/PlErrorBoundary/PlErrorBoundary.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, onErrorCaptured, ref, onBeforeUpdate } from 'vue';\nimport { PlErrorAlert } from '../PlErrorAlert';\nimport { isErrorLike, tryDo } from '@milaboratories/helpers';\n\nconst extractMessage = (err: unknown): undefined \| string => {\n if (err == null) {\n return undefined;\n }\n\n if (isErrorLike(err)) {\n return err.stack == null \|\| err.stack.length === 0\n ? err.message\n : err.stack.includes(err.message)\n ? err.stack\n : err.message + '\\n' + err.stack;\n }\n\n return tryDo(() => JSON.stringify(err, null, 4), () => err.toString());\n};\n\nconst data = ref<null \| {\n title: undefined \| string;\n error: Error;\n}>(null);\n\nconst error = computed(() => data.value?.error);\nconst message = computed(() => extractMessage(error.value));\n\nfunction reset() {\n data.value = null;\n}\n\nconst errorAlert = ref<InstanceType<typeof PlErrorAlert> \| null>(null);\n\nonBeforeUpdate(() => {\n // If an error is currently displayed, and the component updates (e.g., due to slot content changing),\n // reset the error state.\n if (data.value !== null && errorAlert.value) {\n reset();\n }\n});\n\nonErrorCaptured((err, instance) => {\n data.value = {\n title: instance?.$?.type?.name ?? undefined,\n error: err,\n };\n // stop error propagation\n return false;\n});\n\ndefineExpose({ error, reset });\n</script>\n\n<template>\n <slot />\n <PlErrorAlert v-if=\"error\" ref=\"errorAlert\" :message=\"message\" :title=\"data?.title\" />\n</template>\n"],"names":["extractMessage","err","isErrorLike","tryDo","data","ref","error","computed","_a","message","reset","errorAlert","onBeforeUpdate","onErrorCaptured","instance","_b","__expose"],"mappings":";;;;;;AAKA,UAAMA,IAAiB,CAACC,MAAqC;AAC3D,UAAIA,KAAO;AAIX,eAAIC,EAAYD,CAAG,IACVA,EAAI,SAAS,QAAQA,EAAI,MAAM,WAAW,IAC7CA,EAAI,UACJA,EAAI,MAAM,SAASA,EAAI,OAAO,IAC5BA,EAAI,QACJA,EAAI,UAAU;AAAA,IAAOA,EAAI,QAG1BE,EAAM,MAAM,KAAK,UAAUF,GAAK,MAAM,CAAC,GAAG,MAAMA,EAAI,UAAU;AAAA,IACvE,GAEMG,IAAOC,EAGV,IAAI,GAEDC,IAAQC,EAAS,MAAA;;AAAM,cAAAC,IAAAJ,EAAK,UAAL,gBAAAI,EAAY;AAAA,KAAK,GACxCC,IAAUF,EAAS,MAAMP,EAAeM,EAAM,KAAK,CAAC;AAE1D,aAASI,IAAQ;AACf,MAAAN,EAAK,QAAQ;AAAA,IACf;AAEA,UAAMO,IAAaN,EAA8C,IAAI;AAErE,WAAAO,EAAe,MAAM;AAGnB,MAAIR,EAAK,UAAU,QAAQO,EAAW,SACpCD,EAAA;AAAA,IAEJ,CAAC,GAEDG,EAAgB,CAACZ,GAAKa,MAAa;;AACjC,aAAAV,EAAK,QAAQ;AAAA,QACX,SAAOW,KAAAP,IAAAM,KAAA,gBAAAA,EAAU,MAAV,gBAAAN,EAAa,SAAb,gBAAAO,EAAmB,SAAQ;AAAA,QAClC,OAAOd;AAAA,MAAA,GAGF;AAAA,IACT,CAAC,GAEDe,EAAa,EAAE,OAAAV,GAAO,OAAAI,GAAO;;;;;;;;;;;;;;;"}

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

	@@ -1,2 +1 @@
1 1	export { default as PlErrorBoundary } from './PlErrorBoundary.vue';
2	- //# sourceMappingURL=index.d.ts.map

package/dist/components/PlFileDialog/Local.vue.d.ts CHANGED Viewed

@@ -6,4 +6,3 @@ type __VLS_Props = {
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=Local.vue.d.ts.map

package/dist/components/PlFileDialog/Local.vue.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { defineComponent as I, reactive as w, computed as P, createElementBlock as l, openBlock as a, withModifiers as S, normalizeClass as D, unref as p, createVNode as C, createElementVNode as N, createCommentVNode as v, toDisplayString as c } from "vue";
 import g from "./pl-file-dialog.module.scss.js";
 import T from "../PlIcon24/PlIcon24.vue.js";
-import { getRawPlatformaInstance as m } from "../../sdk/model/dist/index.js";
+import { getRawPlatformaInstance as m } from "@platforma-sdk/model";
 import { normalizeExtensions as _ } from "./utils.js";
 const B = {
   key: 1,

package/dist/components/PlFileDialog/Local.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Local.vue.js","sources":["../../../src/components/PlFileDialog/Local.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport style from './pl-file-dialog.module.scss';\nimport type { ImportedFiles } from '../../types';\nimport { PlIcon24 } from '../PlIcon24';\nimport { computed, reactive } from 'vue';\nimport { getRawPlatformaInstance, type OpenDialogFilter } from '@platforma-sdk/model';\nimport { normalizeExtensions } from './utils';\n\nconst props = defineProps<{\n importFiles: (value: ImportedFiles) => void;\n multi?: boolean;\n extensions?: string[];\n}>();\n\nconst data = reactive({\n error: undefined as unknown,\n});\n\nconst label = computed(() => (props.multi ? 'Drag & Drop files here or click to add' : 'Drag & Drop file here or click to add'));\n\nconst onDrop = async (ev: DragEvent) => {\n const fileToImportHandle = getRawPlatformaInstance()?.lsDriver?.fileToImportHandle;\n\n if (!fileToImportHandle) {\n return console.error('API getPlatformaRawInstance().lsDriver.fileToImportHandle is not available');\n }\n\n const extensions = normalizeExtensions(props.extensions);\n\n const files = await Promise.all(\n [...(ev.dataTransfer?.files ?? [])]\n .filter((f) => !!f)\n .filter((f) => (extensions ? extensions.some((ext) => f.name.endsWith(ext)) : true))\n .map((file) => {\n return fileToImportHandle(file);\n }),\n );\n\n if (files.length) {\n props.importFiles({\n files,\n });\n }\n};\n\nconst openNativeDialog = async () => {\n const filters: OpenDialogFilter[] = props.extensions\n ? [\n {\n name: 'All Files',\n extensions: [...props.extensions],\n },\n ]\n : [];\n\n if (props.multi) {\n getRawPlatformaInstance()?.lsDriver\n .showOpenMultipleFilesDialog({\n title: 'Select files to import',\n filters,\n })\n .then(({ files }) => {\n if (files) {\n props.importFiles({\n files,\n });\n }\n })\n .catch((err) => (data.error = err));\n } else {\n getRawPlatformaInstance()?.lsDriver\n .showOpenSingleFileDialog({\n title: 'Select file to import',\n filters,\n })\n .then(({ file }) => {\n if (file) {\n props.importFiles({\n files: [file],\n });\n }\n })\n .catch((err) => (data.error = err));\n }\n};\n</script>\n\n<template>\n <div :class=\"style.local\" @drop=\"onDrop\" @dragover.prevent @click=\"openNativeDialog\">\n <PlIcon24 name=\"cloud-upload\" />\n <span>{{ label }}</span>\n <span v-if=\"extensions\" :class=\"style.supported\">Supported formats: {{ extensions.join(', ') }}</span>\n <span v-if=\"data.error\" class=\"alert-error\">{{ data.error }}</span>\n </div>\n</template>\n"],"names":["props","__props","data","reactive","label","computed","onDrop","ev","fileToImportHandle","getRawPlatformaInstance","extensions","normalizeExtensions","files","_c","f","ext","file","openNativeDialog","filters","err"],"mappings":";;;;;;;;;;;;;;;;AAQA,UAAMA,IAAQC,GAMRC,IAAOC,EAAS;AAAA,MACpB,OAAO;AAAA,IAAA,CACR,GAEKC,IAAQC,EAAS,MAAOL,EAAM,QAAQ,2CAA2C,uCAAwC,GAEzHM,IAAS,OAAOC,MAAkB;;~~AAChC~~,~~YAAAC~~,KAAqBC,~~KAAAA~~,~~IAAAA~~,~~QAAAA~~,~~gBAAAA~~,EAA2B,~~aAA3BA~~,~~gBAAAA~~,EAAqC;AAEhE,UAAI,CAACD;~~AACI~~,~~eAAA~~,QAAQ,MAAM,4EAA4E;~~AAG7F~~,~~YAAAE~~,IAAaC,~~EAAoBX~~,EAAM,UAAU,~~GAEjDY~~,IAAQ,MAAM,QAAQ;AAAA,QAC1B,CAAC,KAAIC,~~IAAAN~~,EAAG,iBAAH,~~gBAAAM~~,EAAiB,UAAS,CAAG,~~CAAA,~~EAC/B,OAAO,CAACC,MAAM,CAAC,CAACA,CAAC,EACjB,OAAO,CAACA,MAAOJ,IAAaA,EAAW,KAAK,CAACK,MAAQD,EAAE,KAAK,SAASC,CAAG,CAAC,IAAI,EAAK,EAClF,IAAI,CAACC,~~MACGR~~,~~EAAmBQ~~,CAAI,CAC/B;AAAA,~~MACL~~;~~AAEA~~,MAAIJ,EAAM,~~UACRZ~~,EAAM,YAAY;AAAA,QAChB,~~OAAAY~~;AAAA,MAAA,CACD;AAAA,IAEL,GAEMK,IAAmB,YAAY;;~~AAC7B~~,~~YAAAC~~,~~IAA8BlB~~,EAAM,aACtC;AAAA,QACE;AAAA,UACE,MAAM;AAAA,UACN,YAAY,CAAC,GAAGA,EAAM,UAAU;AAAA,QAAA;AAAA,MAClC,IAEF,~~CAAC~~;~~AAEL~~,MAAIA,EAAM,~~SACgBS~~,~~IAAAA~~,EAAA,~~MAAAA~~,~~QAAAA~~,~~EAAG~~,SACxB,4BAA4B;AAAA,QAC3B,OAAO;AAAA,QACP,~~SAAAS~~;AAAA,~~MACD~~,~~GACA~~,KAAK,CAAC,EAAE,OAAAN,QAAY;AACnB,QAAIA,~~KACFZ~~,EAAM,YAAY;AAAA,UAChB,~~OAAAY~~;AAAA,QAAA,CACD;AAAA,~~MACH~~,~~GAED~~,MAAM,CAACO,~~MAASjB~~,EAAK,~~QAAQiB~~,~~MAERV~~,~~IAAAA~~,EAAA,~~MAAAA~~,~~QAAAA~~,~~EAAG~~,SACxB,yBAAyB;AAAA,QACxB,OAAO;AAAA,QACP,~~SAAAS~~;AAAA,~~MACD~~,~~GACA~~,KAAK,CAAC,EAAE,MAAAF,QAAW;AAClB,QAAIA,~~KACFhB~~,EAAM,YAAY;AAAA,UAChB,OAAO,~~CAACgB~~,CAAI;AAAA,QAAA,CACb;AAAA,~~MACH~~,~~GAED~~,MAAM,CAACG,~~MAASjB~~,EAAK,~~QAAQiB~~;AAAA,IAEpC;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"Local.vue.js","sources":["../../../src/components/PlFileDialog/Local.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport style from './pl-file-dialog.module.scss';\nimport type { ImportedFiles } from '../../types';\nimport { PlIcon24 } from '../PlIcon24';\nimport { computed, reactive } from 'vue';\nimport { getRawPlatformaInstance, type OpenDialogFilter } from '@platforma-sdk/model';\nimport { normalizeExtensions } from './utils';\n\nconst props = defineProps<{\n importFiles: (value: ImportedFiles) => void;\n multi?: boolean;\n extensions?: string[];\n}>();\n\nconst data = reactive({\n error: undefined as unknown,\n});\n\nconst label = computed(() => (props.multi ? 'Drag & Drop files here or click to add' : 'Drag & Drop file here or click to add'));\n\nconst onDrop = async (ev: DragEvent) => {\n const fileToImportHandle = getRawPlatformaInstance()?.lsDriver?.fileToImportHandle;\n\n if (!fileToImportHandle) {\n return console.error('API getPlatformaRawInstance().lsDriver.fileToImportHandle is not available');\n }\n\n const extensions = normalizeExtensions(props.extensions);\n\n const files = await Promise.all(\n [...(ev.dataTransfer?.files ?? [])]\n .filter((f) => !!f)\n .filter((f) => (extensions ? extensions.some((ext) => f.name.endsWith(ext)) : true))\n .map((file) => {\n return fileToImportHandle(file);\n }),\n );\n\n if (files.length) {\n props.importFiles({\n files,\n });\n }\n};\n\nconst openNativeDialog = async () => {\n const filters: OpenDialogFilter[] = props.extensions\n ? [\n {\n name: 'All Files',\n extensions: [...props.extensions],\n },\n ]\n : [];\n\n if (props.multi) {\n getRawPlatformaInstance()?.lsDriver\n .showOpenMultipleFilesDialog({\n title: 'Select files to import',\n filters,\n })\n .then(({ files }) => {\n if (files) {\n props.importFiles({\n files,\n });\n }\n })\n .catch((err) => (data.error = err));\n } else {\n getRawPlatformaInstance()?.lsDriver\n .showOpenSingleFileDialog({\n title: 'Select file to import',\n filters,\n })\n .then(({ file }) => {\n if (file) {\n props.importFiles({\n files: [file],\n });\n }\n })\n .catch((err) => (data.error = err));\n }\n};\n</script>\n\n<template>\n <div :class=\"style.local\" @drop=\"onDrop\" @dragover.prevent @click=\"openNativeDialog\">\n <PlIcon24 name=\"cloud-upload\" />\n <span>{{ label }}</span>\n <span v-if=\"extensions\" :class=\"style.supported\">Supported formats: {{ extensions.join(', ') }}</span>\n <span v-if=\"data.error\" class=\"alert-error\">{{ data.error }}</span>\n </div>\n</template>\n"],"names":["props","__props","data","reactive","label","computed","onDrop","ev","fileToImportHandle","_b","_a","getRawPlatformaInstance","extensions","normalizeExtensions","files","_c","f","ext","file","openNativeDialog","filters","err"],"mappings":";;;;;;;;;;;;;;;;AAQA,UAAMA,IAAQC,GAMRC,IAAOC,EAAS;AAAA,MACpB,OAAO;AAAA,IAAA,CACR,GAEKC,IAAQC,EAAS,MAAOL,EAAM,QAAQ,2CAA2C,uCAAwC,GAEzHM,IAAS,OAAOC,MAAkB;;AACtC,YAAMC,KAAqBC,KAAAC,IAAAC,QAAA,gBAAAD,EAA2B,aAA3B,gBAAAD,EAAqC;AAEhE,UAAI,CAACD;AACH,eAAO,QAAQ,MAAM,4EAA4E;AAGnG,YAAMI,IAAaC,EAAoBb,EAAM,UAAU,GAEjDc,IAAQ,MAAM,QAAQ;AAAA,QAC1B,CAAC,KAAIC,IAAAR,EAAG,iBAAH,gBAAAQ,EAAiB,UAAS,CAAA,CAAG,EAC/B,OAAO,CAACC,MAAM,CAAC,CAACA,CAAC,EACjB,OAAO,CAACA,MAAOJ,IAAaA,EAAW,KAAK,CAACK,MAAQD,EAAE,KAAK,SAASC,CAAG,CAAC,IAAI,EAAK,EAClF,IAAI,CAACC,MACGV,EAAmBU,CAAI,CAC/B;AAAA,MAAA;AAGL,MAAIJ,EAAM,UACRd,EAAM,YAAY;AAAA,QAChB,OAAAc;AAAA,MAAA,CACD;AAAA,IAEL,GAEMK,IAAmB,YAAY;;AACnC,YAAMC,IAA8BpB,EAAM,aACtC;AAAA,QACE;AAAA,UACE,MAAM;AAAA,UACN,YAAY,CAAC,GAAGA,EAAM,UAAU;AAAA,QAAA;AAAA,MAClC,IAEF,CAAA;AAEJ,MAAIA,EAAM,SACRU,IAAAC,EAAA,MAAA,QAAAD,EAA2B,SACxB,4BAA4B;AAAA,QAC3B,OAAO;AAAA,QACP,SAAAU;AAAA,MAAA,GAED,KAAK,CAAC,EAAE,OAAAN,QAAY;AACnB,QAAIA,KACFd,EAAM,YAAY;AAAA,UAChB,OAAAc;AAAA,QAAA,CACD;AAAA,MAEL,GACC,MAAM,CAACO,MAASnB,EAAK,QAAQmB,MAEhCZ,IAAAE,EAAA,MAAA,QAAAF,EAA2B,SACxB,yBAAyB;AAAA,QACxB,OAAO;AAAA,QACP,SAAAW;AAAA,MAAA,GAED,KAAK,CAAC,EAAE,MAAAF,QAAW;AAClB,QAAIA,KACFlB,EAAM,YAAY;AAAA,UAChB,OAAO,CAACkB,CAAI;AAAA,QAAA,CACb;AAAA,MAEL,GACC,MAAM,CAACG,MAASnB,EAAK,QAAQmB;AAAA,IAEpC;;;;;;;;;;;;;;;;;;"}

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

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

package/dist/components/PlFileDialog/PlFileDialog.vue.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { defineComponent as B, ref as S, computed as b, useTemplateRef as F, createBlock as n, openBlock as u, unref as t, withModifiers as p, normalizeClass as O, createSlots as R, withCtx as i, createElementVNode as w, createCommentVNode as v, createVNode as d, mergeProps as y, createTextVNode as f, toDisplayString as x } from "vue";
 import I from "./pl-file-dialog.module.scss.js";
-import { notEmpty as N } from "../../lib/util/helpers/dist/index.js";
+import { notEmpty as N } from "@milaboratories/helpers";
 import T from "../PlDialogModal/PlDialogModal.vue.js";
 import M from "../PlBtnPrimary/PlBtnPrimary.vue.js";
 import D from "../PlBtnGhost/PlBtnGhost.vue.js";
@@ -18,8 +18,8 @@ const j = { style: { margin: "0 24px" } }, Q = /* @__PURE__ */ B({
     closeOnOutsideClick: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "import:files"],
-  setup(k, { emit: C }) {
-    const a = C, V = k, l = S("local"), _ = b(() => V.multi ? "Select Files to Import" : "Select File to Import"), g = [
+  setup(k, { emit: V }) {
+    const a = V, C = k, l = S("local"), _ = b(() => C.multi ? "Select Files to Import" : "Select File to Import"), g = [
       {
         label: "My Computer",
         value: "local"

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlFileDialog.vue.js","sources":["../../../src/components/PlFileDialog/PlFileDialog.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport style from './pl-file-dialog.module.scss';\nimport { computed, ref, useTemplateRef } from 'vue';\nimport { notEmpty } from '@milaboratories/helpers';\nimport type { ImportedFiles, SimpleOption } from '../../types';\nimport { PlDialogModal } from '../PlDialogModal';\nimport { PlBtnPrimary } from '../PlBtnPrimary';\nimport { PlBtnGhost } from '../PlBtnGhost';\nimport { PlBtnGroup } from '../PlBtnGroup';\nimport Remote from './Remote.vue';\nimport Local from './Local.vue';\n\nconst emit = defineEmits<{\n (e: 'update:modelValue', value: boolean): void;\n (e: 'import:files', value: ImportedFiles): void;\n}>();\n\nconst props = withDefaults(\n defineProps<{\n /*\n Controls the visibility of the modal.\n \n When `true`, the modal is open. When `false`, the modal is closed.\n /\n modelValue: boolean;\n /\n Specifies the file extensions that are allowed for selection.\n \n Provide an array of strings representing file extensions (leading dot can be omitted)\n * If not specified, all file types are allowed.\n /\n extensions?: string[];\n /\n Enables the selection of multiple files.\n \n When `true`, the user can select multiple files.\n * When `false` or not specified, only a single file can be selected.\n /\n multi?: boolean;\n /\n The custom title of the dialog.\n /\n title?: string;\n /\n Automatically selects the initial storage option.\n * When `true`, the default storage is pre-selected for the user (default: `true`)\n /\n autoSelectStorage?: boolean;\n /\n If `true`, the modal window closes when clicking outside the modal area (default: `true`)\n */\n closeOnOutsideClick?: boolean;\n }>(),\n {\n extensions: undefined,\n title: undefined,\n autoSelectStorage: true,\n closeOnOutsideClick: true,\n },\n);\n\nconst mode = ref<'local' \| 'remote'>('local');\n\nconst defaultTitle = computed(() => (props.multi ? 'Select Files to Import' : 'Select File to Import'));\n\nconst modeOptions = [\n {\n label: 'My Computer',\n value: 'local',\n },\n {\n label: 'Remote',\n value: 'remote',\n },\n] satisfies SimpleOption[];\n\nconst closeModal = () => emit('update:modelValue', false);\n\nconst remoteRef = useTemplateRef('remote');\n\nconst submit = () => {\n if (remoteRef.value?.isReady) {\n emit('import:files', notEmpty(remoteRef.value?.getFilesToImport()));\n closeModal();\n }\n};\n\nconst importFiles = (importedFiles: ImportedFiles) => {\n emit('import:files', importedFiles);\n closeModal();\n};\n</script>\n\n<template>\n <PlDialogModal\n :no-content-gutters=\"true\"\n :close-on-outside-click=\"closeOnOutsideClick\"\n class=\"pl-dialog-modal\"\n :class=\"style.component\"\n :model-value=\"modelValue\"\n width=\"688px\"\n height=\"720px\"\n @update:model-value=\"closeModal\"\n @click.stop\n >\n <template #title>{{ title ?? defaultTitle }}</template>\n <div style=\"margin: 0 24px\">\n <PlBtnGroup v-model=\"mode\" :options=\"modeOptions\" />\n </div>\n <Remote v-if=\"mode === 'remote'\" ref=\"remote\" v-bind=\"$props\" :submit=\"submit\" />\n <Local v-if=\"mode === 'local'\" :import-files=\"importFiles\" v-bind=\"$props\" />\n <template v-if=\"mode === 'remote'\" #actions>\n <PlBtnPrimary style=\"min-width: 160px\" :disabled=\"!remoteRef?.isReady\" @click.stop=\"submit\">Import</PlBtnPrimary>\n <PlBtnGhost :justify-center=\"false\" @click.stop=\"closeModal\">Cancel</PlBtnGhost>\n </template>\n </PlDialogModal>\n</template>\n"],"names":["emit","__emit","props","__props","mode","ref","defaultTitle","computed","modeOptions","closeModal","remoteRef","useTemplateRef","submit","_a","notEmpty","_b","importFiles","importedFiles"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAYA,UAAMA,IAAOC,GAKPC,IAAQC,GA4CRC,IAAOC,EAAwB,OAAO,GAEtCC,IAAeC,EAAS,MAAOL,EAAM,QAAQ,2BAA2B,uBAAwB,GAEhGM,IAAc;AAAA,MAClB;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,~~MACT~~;AAAA,~~MACA~~;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,~~IAEX~~,~~GAEMC~~,IAAa,MAAMT,EAAK,qBAAqB,EAAK,GAElDU,IAAYC,EAAe,QAAQ,GAEnCC,IAAS,MAAM;;~~AACf~~,~~OAAAC~~,IAAAH,EAAU,UAAV,QAAAG,EAAiB,YACnBb,EAAK,gBAAgBc,GAASC,IAAAL,EAAU,UAAV,gBAAAK,EAAiB,kBAAkB,CAAC,~~GACvDN~~,EAAA;AAAA,~~IAEf~~,GAEMO,IAAc,CAACC,MAAiC;AACpD,MAAAjB,EAAK,gBAAgBiB,CAAa,~~GACvBR~~,EAAA;AAAA,~~IACb~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"PlFileDialog.vue.js","sources":["../../../src/components/PlFileDialog/PlFileDialog.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport style from './pl-file-dialog.module.scss';\nimport { computed, ref, useTemplateRef } from 'vue';\nimport { notEmpty } from '@milaboratories/helpers';\nimport type { ImportedFiles, SimpleOption } from '../../types';\nimport { PlDialogModal } from '../PlDialogModal';\nimport { PlBtnPrimary } from '../PlBtnPrimary';\nimport { PlBtnGhost } from '../PlBtnGhost';\nimport { PlBtnGroup } from '../PlBtnGroup';\nimport Remote from './Remote.vue';\nimport Local from './Local.vue';\n\nconst emit = defineEmits<{\n (e: 'update:modelValue', value: boolean): void;\n (e: 'import:files', value: ImportedFiles): void;\n}>();\n\nconst props = withDefaults(\n defineProps<{\n /*\n Controls the visibility of the modal.\n \n When `true`, the modal is open. When `false`, the modal is closed.\n /\n modelValue: boolean;\n /\n Specifies the file extensions that are allowed for selection.\n \n Provide an array of strings representing file extensions (leading dot can be omitted)\n * If not specified, all file types are allowed.\n /\n extensions?: string[];\n /\n Enables the selection of multiple files.\n \n When `true`, the user can select multiple files.\n * When `false` or not specified, only a single file can be selected.\n /\n multi?: boolean;\n /\n The custom title of the dialog.\n /\n title?: string;\n /\n Automatically selects the initial storage option.\n * When `true`, the default storage is pre-selected for the user (default: `true`)\n /\n autoSelectStorage?: boolean;\n /\n If `true`, the modal window closes when clicking outside the modal area (default: `true`)\n */\n closeOnOutsideClick?: boolean;\n }>(),\n {\n extensions: undefined,\n title: undefined,\n autoSelectStorage: true,\n closeOnOutsideClick: true,\n },\n);\n\nconst mode = ref<'local' \| 'remote'>('local');\n\nconst defaultTitle = computed(() => (props.multi ? 'Select Files to Import' : 'Select File to Import'));\n\nconst modeOptions = [\n {\n label: 'My Computer',\n value: 'local',\n },\n {\n label: 'Remote',\n value: 'remote',\n },\n] satisfies SimpleOption[];\n\nconst closeModal = () => emit('update:modelValue', false);\n\nconst remoteRef = useTemplateRef('remote');\n\nconst submit = () => {\n if (remoteRef.value?.isReady) {\n emit('import:files', notEmpty(remoteRef.value?.getFilesToImport()));\n closeModal();\n }\n};\n\nconst importFiles = (importedFiles: ImportedFiles) => {\n emit('import:files', importedFiles);\n closeModal();\n};\n</script>\n\n<template>\n <PlDialogModal\n :no-content-gutters=\"true\"\n :close-on-outside-click=\"closeOnOutsideClick\"\n class=\"pl-dialog-modal\"\n :class=\"style.component\"\n :model-value=\"modelValue\"\n width=\"688px\"\n height=\"720px\"\n @update:model-value=\"closeModal\"\n @click.stop\n >\n <template #title>{{ title ?? defaultTitle }}</template>\n <div style=\"margin: 0 24px\">\n <PlBtnGroup v-model=\"mode\" :options=\"modeOptions\" />\n </div>\n <Remote v-if=\"mode === 'remote'\" ref=\"remote\" v-bind=\"$props\" :submit=\"submit\" />\n <Local v-if=\"mode === 'local'\" :import-files=\"importFiles\" v-bind=\"$props\" />\n <template v-if=\"mode === 'remote'\" #actions>\n <PlBtnPrimary style=\"min-width: 160px\" :disabled=\"!remoteRef?.isReady\" @click.stop=\"submit\">Import</PlBtnPrimary>\n <PlBtnGhost :justify-center=\"false\" @click.stop=\"closeModal\">Cancel</PlBtnGhost>\n </template>\n </PlDialogModal>\n</template>\n"],"names":["emit","__emit","props","__props","mode","ref","defaultTitle","computed","modeOptions","closeModal","remoteRef","useTemplateRef","submit","_a","notEmpty","_b","importFiles","importedFiles"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAYA,UAAMA,IAAOC,GAKPC,IAAQC,GA4CRC,IAAOC,EAAwB,OAAO,GAEtCC,IAAeC,EAAS,MAAOL,EAAM,QAAQ,2BAA2B,uBAAwB,GAEhGM,IAAc;AAAA,MAClB;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAET;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,IACT,GAGIC,IAAa,MAAMT,EAAK,qBAAqB,EAAK,GAElDU,IAAYC,EAAe,QAAQ,GAEnCC,IAAS,MAAM;;AACnB,OAAIC,IAAAH,EAAU,UAAV,QAAAG,EAAiB,YACnBb,EAAK,gBAAgBc,GAASC,IAAAL,EAAU,UAAV,gBAAAK,EAAiB,kBAAkB,CAAC,GAClEN,EAAA;AAAA,IAEJ,GAEMO,IAAc,CAACC,MAAiC;AACpD,MAAAjB,EAAK,gBAAgBiB,CAAa,GAClCR,EAAA;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/PlFileDialog/Remote.vue.d.ts CHANGED Viewed

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

package/dist/components/PlFileDialog/Remote.vue.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import { defineComponent as Q, reactive as G, computed as h, watch as V, toRef as J, onMounted as X, createElementBlock as d, openBlock as i, withModifiers as I, normalizeClass as n, unref as s, createElementVNode as c, createVNode as f, Fragment as g, renderList as K, createBlock as Y, createCommentVNode as Z, toDisplayString as v, withDirectives as L, createTextVNode as O } from "vue";
+import { defineComponent as G, reactive as J, computed as h, watch as V, toRef as Q, onMounted as X, createElementBlock as d, openBlock as i, withModifiers as I, normalizeClass as n, unref as s, createElementVNode as c, createVNode as f, Fragment as g, renderList as K, createBlock as Y, createCommentVNode as Z, toDisplayString as v, withDirectives as L, createTextVNode as O } from "vue";
 import { useEventListener as ee } from "../../composition/useEventListener.js";
-import { notEmpty as A, between as te, tapIf as le } from "../../lib/util/helpers/dist/index.js";
-import { getRawPlatformaInstance as y } from "../../sdk/model/dist/index.js";
+import { notEmpty as A, between as te, tapIf as le } from "@milaboratories/helpers";
+import { getRawPlatformaInstance as y } from "@platforma-sdk/model";
 import ae from "../PlDropdown/PlDropdown.vue.js";
 import b from "../PlIcon16/PlIcon16.vue.js";
 import se from "./Shortcuts.vue.js";
@@ -12,7 +12,7 @@ import { normalizeExtensions as ne, getFilePathBreadcrumbs as ie } from "./utils
 const ce = ["title", "onClick"], de = {
   key: 0,
   class: "ls-loader"
-}, me = ["onClick"], ue = ["title"], pe = ["onClick"], he = ["title"], _e = /* @__PURE__ */ Q({
+}, me = ["onClick"], ue = ["title"], pe = ["onClick"], he = ["title"], _e = /* @__PURE__ */ G({
   __name: "Remote",
   props: {
     modelValue: { type: Boolean },
@@ -24,16 +24,16 @@ const ce = ["title", "onClick"], de = {
   },
   emits: ["update:modelValue", "import:files"],
   setup(N, { expose: R }) {
-    const E = (e) => e.ctrlKey || e.metaKey, u = N, t = G(M()), k = () => {
+    const E = (e) => e.ctrlKey || e.metaKey, u = N, t = J(M()), k = () => {
       t.search = "", t.error = "", t.lastSelected = void 0;
-    }, _ = h(() => ne(u.extensions)), S = re(t), z = h(() => {
+    }, _ = h(() => ne(u.extensions)), S = re(t), T = h(() => {
       var e;
       return {
         modelValue: u.modelValue,
         dirPath: t.dirPath,
         storageHandle: (e = t.storageEntry) == null ? void 0 : e.handle
       };
-    }), T = (e, l) => {
+    }), $ = (e, l) => {
       y() && t.currentLoadingPath !== l && (t.currentLoadingPath = l, y().lsDriver.listFiles(e, l).then((a) => {
         l === t.dirPath && (t.items = A(a).entries.map((o) => ({
           path: o.fullPath,
@@ -46,10 +46,10 @@ const ce = ["title", "onClick"], de = {
       }).catch((a) => t.error = String(a)).finally(() => {
         t.currentLoadingPath = void 0;
       }));
-    }, $ = () => {
+    }, z = () => {
       k();
-      const { storageHandle: e, dirPath: l, modelValue: a } = z.value;
-      e && a && T(e, l);
+      const { storageHandle: e, dirPath: l, modelValue: a } = T.value;
+      e && a && $(e, l);
     }, B = h(() => ie(t.dirPath)), P = h(() => t.items.filter((e) => e.canBeSelected && e.selected && !e.isDir)), U = h(() => {
       var e;
       return P.value.length > 0 && ((e = t.storageEntry) == null ? void 0 : e.handle);
@@ -59,7 +59,7 @@ const ce = ["title", "onClick"], de = {
         storageHandle: A((e = t.storageEntry) == null ? void 0 : e.handle),
         files: P.value.map((l) => l.handle)
       };
-    }, C = (e) => {
+    }, x = (e) => {
       t.dirPath = e;
     }, j = (e, l) => {
       const { shiftKey: a } = e, o = E(e), { lastSelected: m } = t;
@@ -74,11 +74,11 @@ const ce = ["title", "onClick"], de = {
           te(p.id, m, l.id) && (p.selected = !0);
         }), l.selected && (t.lastSelected = l.id);
       }
-    }, x = (e) => {
+    }, C = (e) => {
       e && !u.multi || S.value.filter((l) => l.canBeSelected).forEach((l) => {
         l.selected = e;
       });
-    }, q = () => x(!0), w = () => x(!1), F = () => {
+    }, q = () => C(!0), w = () => C(!1), F = () => {
       if (k(), w(), !y()) {
         console.warn("platforma API is not found");
         return;
@@ -93,13 +93,13 @@ const ce = ["title", "onClick"], de = {
       }).catch((e) => t.error = String(e));
     };
     return V(
-      J(t, "storageEntry"),
+      Q(t, "storageEntry"),
       (e) => {
         k(), t.dirPath = (e == null ? void 0 : e.initialFullPath) ?? "";
       },
       { immediate: !0 }
     ), V([() => t.dirPath, () => t.storageEntry], () => {
-      $();
+      z();
     }), V(
       () => u.modelValue,
       (e) => {
@@ -150,7 +150,7 @@ const ce = ["title", "onClick"], de = {
             (i(!0), d(g, null, K(B.value, (a, o) => (i(), d(g, { key: o }, [
               c("div", {
                 title: a.path,
-                onClick: (m) => C(a.path)
+                onClick: (m) => x(a.path)
               }, v(a.name), 9, ce),
               a.index !== B.value.length - 1 ? (i(), Y(s(b), {
                 key: 0,
@@ -187,7 +187,7 @@ const ce = ["title", "onClick"], de = {
             a.isDir ? (i(), d("div", {
               key: 0,
               class: n(s(r).isDir),
-              onClick: (o) => C(a.path)
+              onClick: (o) => x(a.path)
             }, [
               f(s(b), { name: "chevron-right" }),
               L((i(), d("span", {

package/dist/components/PlFileDialog/Remote.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Remote.vue.js","sources":["../../../src/components/PlFileDialog/Remote.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useEventListener } from '../../composition/useEventListener';\nimport type { ImportedFiles } from '../../types';\nimport { between, notEmpty, tapIf } from '@milaboratories/helpers';\nimport { getRawPlatformaInstance, type StorageHandle } from '@platforma-sdk/model';\nimport { computed, onMounted, reactive, toRef, watch } from 'vue';\nimport { PlDropdown } from '../PlDropdown';\nimport { PlIcon16 } from '../PlIcon16';\nimport Shortcuts from './Shortcuts.vue';\nimport { PlMaskIcon16 } from '../PlMaskIcon16';\nimport { PlSearchField } from '../PlSearchField';\nimport style from './pl-file-dialog.module.scss';\nimport { defaultData, useVisibleItems, vTextOverflown } from './remote';\nimport { getFilePathBreadcrumbs, normalizeExtensions, type FileDialogItem } from './utils';\n\n// note that on a Mac, a click combined with the control key is intercepted by the operating system and used to open a context menu, so ctrlKey is not detectable on click events.\nconst isCtrlOrMeta = (ev: KeyboardEvent \| MouseEvent) => ev.ctrlKey \|\| ev.metaKey;\n\ndefineEmits<{\n (e: 'update:modelValue', value: boolean): void;\n (e: 'import:files', value: ImportedFiles): void;\n}>();\n\nconst props = withDefaults(\n defineProps<{\n modelValue: boolean;\n extensions?: string[]; // with dot, like ['.fastq.gz', '.fastq']\n multi?: boolean;\n title?: string;\n autoSelectStorage?: boolean;\n submit: () => void;\n }>(),\n {\n extensions: undefined,\n title: undefined,\n autoSelectStorage: true,\n },\n);\n\nconst data = reactive(defaultData());\n\nconst resetData = () => {\n data.search = '';\n data.error = '';\n data.lastSelected = undefined;\n};\n\nconst extensions = computed(() => normalizeExtensions(props.extensions));\n\nconst visibleItems = useVisibleItems(data);\n\nconst lookup = computed(() => {\n return {\n modelValue: props.modelValue,\n dirPath: data.dirPath,\n storageHandle: data.storageEntry?.handle,\n };\n});\n\nconst query = (storageHandle: StorageHandle, dirPath: string) => {\n if (!getRawPlatformaInstance()) {\n return;\n }\n\n if (data.currentLoadingPath === dirPath) {\n return;\n }\n\n data.currentLoadingPath = dirPath;\n\n getRawPlatformaInstance().lsDriver\n .listFiles(storageHandle, dirPath)\n .then((res) => {\n if (dirPath !== data.dirPath) {\n return;\n }\n\n data.items = notEmpty(res)\n .entries.map((item) => ({\n path: item.fullPath,\n name: item.name,\n isDir: item.type === 'dir',\n canBeSelected: item.type === 'file' && (!extensions.value \|\| extensions.value.some((ext) => item.fullPath.endsWith(ext))),\n handle: item.type === 'file' ? item.handle : undefined,\n selected: false,\n }))\n .sort((a, b) => {\n if (a.isDir && !b.isDir) return -1;\n if (!a.isDir && b.isDir) return 1;\n // localeCompare for unicode alphabets\n return a.name.localeCompare(b.name);\n })\n .map((it, id) => ({ id, ...it }));\n\n data.lastSelected = undefined;\n })\n .catch((err) => (data.error = String(err)))\n .finally(() => {\n data.currentLoadingPath = undefined;\n });\n};\n\nconst load = () => {\n resetData();\n const { storageHandle, dirPath, modelValue } = lookup.value;\n if (storageHandle && modelValue) {\n query(storageHandle, dirPath);\n }\n};\n\nconst breadcrumbs = computed(() => getFilePathBreadcrumbs(data.dirPath));\n\nconst selectedFiles = computed(() => data.items.filter((f) => f.canBeSelected && f.selected && !f.isDir));\n\nconst isReady = computed(() => selectedFiles.value.length > 0 && data.storageEntry?.handle);\n\nconst getFilesToImport = () => ({\n storageHandle: notEmpty(data.storageEntry?.handle),\n files: selectedFiles.value.map((f) => f.handle!),\n});\n\nconst setDirPath = (dirPath: string) => {\n data.dirPath = dirPath;\n};\n\nconst selectFile = (ev: MouseEvent, file: FileDialogItem) => {\n const { shiftKey } = ev;\n\n const ctrlOrMetaKey = isCtrlOrMeta(ev);\n\n const { lastSelected } = data;\n\n ev.preventDefault();\n\n const items = visibleItems.value;\n\n if (file.canBeSelected) {\n if (!props.multi) {\n items.forEach((f) => (f.selected = false));\n }\n\n file.selected = !file.selected;\n\n if (!props.multi) {\n return;\n }\n\n if (!ctrlOrMetaKey && !shiftKey) {\n items.forEach((f) => {\n if (f.id !== file.id) {\n f.selected = false;\n }\n });\n }\n\n if (shiftKey && lastSelected !== undefined) {\n items.forEach((f) => {\n if (between(f.id, lastSelected, file.id)) {\n f.selected = true;\n }\n });\n }\n\n if (file.selected) {\n data.lastSelected = file.id;\n }\n }\n};\n\nconst changeAll = (selected: boolean) => {\n if (selected && !props.multi) {\n return;\n }\n\n visibleItems.value\n .filter((f) => f.canBeSelected)\n .forEach((file) => {\n file.selected = selected;\n });\n};\n\nconst selectAll = () => changeAll(true);\n\nconst deselectAll = () => changeAll(false);\n\nconst loadAvailableStorages = () => {\n resetData();\n deselectAll();\n if (!getRawPlatformaInstance()) {\n console.warn('platforma API is not found');\n return;\n }\n getRawPlatformaInstance().lsDriver\n .getStorageList()\n .then((storageEntries) => {\n // local storage is always returned by the ML, so we need to remove it from remote dialog manually\n storageEntries = storageEntries.filter((it) => it.name !== 'local' && !it.name.startsWith('local_disk_'));\n\n data.storageOptions = storageEntries.map((it) => ({\n text: it.name,\n value: it,\n }));\n\n if (props.autoSelectStorage) {\n tapIf(storageEntries[0], (entry) => {\n data.storageEntry = entry;\n });\n }\n })\n .catch((err) => (data.error = String(err)));\n};\n\nwatch(\n toRef(data, 'storageEntry'),\n (entry) => {\n resetData();\n data.dirPath = entry?.initialFullPath ?? '';\n },\n { immediate: true },\n);\n\nwatch([() => data.dirPath, () => data.storageEntry], () => {\n load();\n});\n\nwatch(\n () => props.modelValue,\n (isOpen) => {\n if (isOpen) {\n loadAvailableStorages();\n } else {\n Object.assign(data, defaultData());\n }\n },\n { immediate: true },\n);\n\nuseEventListener(document, 'keydown', (ev: KeyboardEvent) => {\n if (!props.modelValue) {\n return;\n }\n\n if (ev.target !== document.body) {\n return;\n }\n\n const ctrlOrMetaKey = isCtrlOrMeta(ev);\n\n if (ctrlOrMetaKey && ev.code === 'KeyA') {\n ev.preventDefault();\n selectAll();\n }\n\n if (ctrlOrMetaKey && ev.shiftKey && ev.code === 'Period') {\n ev.preventDefault();\n data.showHiddenItems = !data.showHiddenItems;\n }\n\n if (ev.code === 'Enter') {\n props.submit();\n }\n});\n\ndefineExpose({\n isReady,\n getFilesToImport,\n});\n\nonMounted(loadAvailableStorages);\n</script>\n\n<template>\n <div :class=\"style.remote\" @click.stop=\"deselectAll\">\n <div :class=\"style.search\">\n <div>\n <PlDropdown v-model=\"data.storageEntry\" label=\"Select storage\" :options=\"data.storageOptions\" />\n </div>\n <div>\n <PlSearchField v-model=\"data.search\" label=\"Search in folder\" clearable />\n </div>\n </div>\n <div :class=\"style['ls-container']\">\n <div :class=\"style['ls-head']\">\n <div :class=\"style['breadcrumbs']\">\n <template v-for=\"(s, i) in breadcrumbs\" :key=\"i\">\n <div :title=\"s.path\" @click=\"setDirPath(s.path)\">{{ s.name }}</div>\n <PlIcon16 v-if=\"s.index !== breadcrumbs.length - 1\" name=\"chevron-right\" />\n </template>\n </div>\n <div :class=\"style.selected\">\n <span>Selected: {{ selectedFiles.length }}</span>\n <Shortcuts />\n </div>\n </div>\n <div v-if=\"data.currentLoadingPath !== undefined\" class=\"ls-loader\">\n <i class=\"mask-24 mask-loading loader-icon\" />\n </div>\n <div v-else-if=\"!data.storageEntry\" :class=\"style['ls-empty']\">\n <div :class=\"style.cat\" />\n <div :class=\"style.message\">Select storage to preview</div>\n </div>\n <div v-else-if=\"data.error\" :class=\"style['ls-error']\">\n <div :class=\"style.cat\" />\n <div :class=\"style.message\">{{ data.error }}</div>\n </div>\n <div v-else :class=\"style['ls-body']\">\n <template v-for=\"file in visibleItems\" :key=\"file.id\">\n <div v-if=\"file.isDir\" :class=\"style.isDir\" @click=\"setDirPath(file.path)\">\n <PlIcon16 name=\"chevron-right\" />\n <span v-text-overflown :title=\"file.name\">{{ file.name }}</span>\n </div>\n <div\n v-else\n :class=\"{ [style.canBeSelected]: file.canBeSelected, [style.selected]: file.selected }\"\n @click.stop=\"(ev) => selectFile(ev, file)\"\n >\n <PlMaskIcon16 name=\"box\" :class=\"style.isFile\" />\n <span v-text-overflown :title=\"file.name\">{{ file.name }}</span>\n </div>\n </template>\n </div>\n </div>\n </div>\n</template>\n"],"names":["isCtrlOrMeta","ev","props","__props","data","reactive","defaultData","resetData","extensions","computed","normalizeExtensions","visibleItems","useVisibleItems","lookup","_a","query","storageHandle","dirPath","getRawPlatformaInstance","res","notEmpty","item","ext","a","b","it","id","err","load","modelValue","breadcrumbs","getFilePathBreadcrumbs","selectedFiles","f","isReady","getFilesToImport","setDirPath","selectFile","file","shiftKey","ctrlOrMetaKey","lastSelected","items","between","changeAll","selected","selectAll","deselectAll","loadAvailableStorages","storageEntries","tapIf","entry","watch","toRef","isOpen","useEventListener","__expose","onMounted"],"mappings":"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"}
1	+ {"version":3,"file":"Remote.vue.js","sources":["../../../src/components/PlFileDialog/Remote.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useEventListener } from '../../composition/useEventListener';\nimport type { ImportedFiles } from '../../types';\nimport { between, notEmpty, tapIf } from '@milaboratories/helpers';\nimport { getRawPlatformaInstance, type StorageHandle } from '@platforma-sdk/model';\nimport { computed, onMounted, reactive, toRef, watch } from 'vue';\nimport { PlDropdown } from '../PlDropdown';\nimport { PlIcon16 } from '../PlIcon16';\nimport Shortcuts from './Shortcuts.vue';\nimport { PlMaskIcon16 } from '../PlMaskIcon16';\nimport { PlSearchField } from '../PlSearchField';\nimport style from './pl-file-dialog.module.scss';\nimport { defaultData, useVisibleItems, vTextOverflown } from './remote';\nimport { getFilePathBreadcrumbs, normalizeExtensions, type FileDialogItem } from './utils';\n\n// note that on a Mac, a click combined with the control key is intercepted by the operating system and used to open a context menu, so ctrlKey is not detectable on click events.\nconst isCtrlOrMeta = (ev: KeyboardEvent \| MouseEvent) => ev.ctrlKey \|\| ev.metaKey;\n\ndefineEmits<{\n (e: 'update:modelValue', value: boolean): void;\n (e: 'import:files', value: ImportedFiles): void;\n}>();\n\nconst props = withDefaults(\n defineProps<{\n modelValue: boolean;\n extensions?: string[]; // with dot, like ['.fastq.gz', '.fastq']\n multi?: boolean;\n title?: string;\n autoSelectStorage?: boolean;\n submit: () => void;\n }>(),\n {\n extensions: undefined,\n title: undefined,\n autoSelectStorage: true,\n },\n);\n\nconst data = reactive(defaultData());\n\nconst resetData = () => {\n data.search = '';\n data.error = '';\n data.lastSelected = undefined;\n};\n\nconst extensions = computed(() => normalizeExtensions(props.extensions));\n\nconst visibleItems = useVisibleItems(data);\n\nconst lookup = computed(() => {\n return {\n modelValue: props.modelValue,\n dirPath: data.dirPath,\n storageHandle: data.storageEntry?.handle,\n };\n});\n\nconst query = (storageHandle: StorageHandle, dirPath: string) => {\n if (!getRawPlatformaInstance()) {\n return;\n }\n\n if (data.currentLoadingPath === dirPath) {\n return;\n }\n\n data.currentLoadingPath = dirPath;\n\n getRawPlatformaInstance().lsDriver\n .listFiles(storageHandle, dirPath)\n .then((res) => {\n if (dirPath !== data.dirPath) {\n return;\n }\n\n data.items = notEmpty(res)\n .entries.map((item) => ({\n path: item.fullPath,\n name: item.name,\n isDir: item.type === 'dir',\n canBeSelected: item.type === 'file' && (!extensions.value \|\| extensions.value.some((ext) => item.fullPath.endsWith(ext))),\n handle: item.type === 'file' ? item.handle : undefined,\n selected: false,\n }))\n .sort((a, b) => {\n if (a.isDir && !b.isDir) return -1;\n if (!a.isDir && b.isDir) return 1;\n // localeCompare for unicode alphabets\n return a.name.localeCompare(b.name);\n })\n .map((it, id) => ({ id, ...it }));\n\n data.lastSelected = undefined;\n })\n .catch((err) => (data.error = String(err)))\n .finally(() => {\n data.currentLoadingPath = undefined;\n });\n};\n\nconst load = () => {\n resetData();\n const { storageHandle, dirPath, modelValue } = lookup.value;\n if (storageHandle && modelValue) {\n query(storageHandle, dirPath);\n }\n};\n\nconst breadcrumbs = computed(() => getFilePathBreadcrumbs(data.dirPath));\n\nconst selectedFiles = computed(() => data.items.filter((f) => f.canBeSelected && f.selected && !f.isDir));\n\nconst isReady = computed(() => selectedFiles.value.length > 0 && data.storageEntry?.handle);\n\nconst getFilesToImport = () => ({\n storageHandle: notEmpty(data.storageEntry?.handle),\n files: selectedFiles.value.map((f) => f.handle!),\n});\n\nconst setDirPath = (dirPath: string) => {\n data.dirPath = dirPath;\n};\n\nconst selectFile = (ev: MouseEvent, file: FileDialogItem) => {\n const { shiftKey } = ev;\n\n const ctrlOrMetaKey = isCtrlOrMeta(ev);\n\n const { lastSelected } = data;\n\n ev.preventDefault();\n\n const items = visibleItems.value;\n\n if (file.canBeSelected) {\n if (!props.multi) {\n items.forEach((f) => (f.selected = false));\n }\n\n file.selected = !file.selected;\n\n if (!props.multi) {\n return;\n }\n\n if (!ctrlOrMetaKey && !shiftKey) {\n items.forEach((f) => {\n if (f.id !== file.id) {\n f.selected = false;\n }\n });\n }\n\n if (shiftKey && lastSelected !== undefined) {\n items.forEach((f) => {\n if (between(f.id, lastSelected, file.id)) {\n f.selected = true;\n }\n });\n }\n\n if (file.selected) {\n data.lastSelected = file.id;\n }\n }\n};\n\nconst changeAll = (selected: boolean) => {\n if (selected && !props.multi) {\n return;\n }\n\n visibleItems.value\n .filter((f) => f.canBeSelected)\n .forEach((file) => {\n file.selected = selected;\n });\n};\n\nconst selectAll = () => changeAll(true);\n\nconst deselectAll = () => changeAll(false);\n\nconst loadAvailableStorages = () => {\n resetData();\n deselectAll();\n if (!getRawPlatformaInstance()) {\n console.warn('platforma API is not found');\n return;\n }\n getRawPlatformaInstance().lsDriver\n .getStorageList()\n .then((storageEntries) => {\n // local storage is always returned by the ML, so we need to remove it from remote dialog manually\n storageEntries = storageEntries.filter((it) => it.name !== 'local' && !it.name.startsWith('local_disk_'));\n\n data.storageOptions = storageEntries.map((it) => ({\n text: it.name,\n value: it,\n }));\n\n if (props.autoSelectStorage) {\n tapIf(storageEntries[0], (entry) => {\n data.storageEntry = entry;\n });\n }\n })\n .catch((err) => (data.error = String(err)));\n};\n\nwatch(\n toRef(data, 'storageEntry'),\n (entry) => {\n resetData();\n data.dirPath = entry?.initialFullPath ?? '';\n },\n { immediate: true },\n);\n\nwatch([() => data.dirPath, () => data.storageEntry], () => {\n load();\n});\n\nwatch(\n () => props.modelValue,\n (isOpen) => {\n if (isOpen) {\n loadAvailableStorages();\n } else {\n Object.assign(data, defaultData());\n }\n },\n { immediate: true },\n);\n\nuseEventListener(document, 'keydown', (ev: KeyboardEvent) => {\n if (!props.modelValue) {\n return;\n }\n\n if (ev.target !== document.body) {\n return;\n }\n\n const ctrlOrMetaKey = isCtrlOrMeta(ev);\n\n if (ctrlOrMetaKey && ev.code === 'KeyA') {\n ev.preventDefault();\n selectAll();\n }\n\n if (ctrlOrMetaKey && ev.shiftKey && ev.code === 'Period') {\n ev.preventDefault();\n data.showHiddenItems = !data.showHiddenItems;\n }\n\n if (ev.code === 'Enter') {\n props.submit();\n }\n});\n\ndefineExpose({\n isReady,\n getFilesToImport,\n});\n\nonMounted(loadAvailableStorages);\n</script>\n\n<template>\n <div :class=\"style.remote\" @click.stop=\"deselectAll\">\n <div :class=\"style.search\">\n <div>\n <PlDropdown v-model=\"data.storageEntry\" label=\"Select storage\" :options=\"data.storageOptions\" />\n </div>\n <div>\n <PlSearchField v-model=\"data.search\" label=\"Search in folder\" clearable />\n </div>\n </div>\n <div :class=\"style['ls-container']\">\n <div :class=\"style['ls-head']\">\n <div :class=\"style['breadcrumbs']\">\n <template v-for=\"(s, i) in breadcrumbs\" :key=\"i\">\n <div :title=\"s.path\" @click=\"setDirPath(s.path)\">{{ s.name }}</div>\n <PlIcon16 v-if=\"s.index !== breadcrumbs.length - 1\" name=\"chevron-right\" />\n </template>\n </div>\n <div :class=\"style.selected\">\n <span>Selected: {{ selectedFiles.length }}</span>\n <Shortcuts />\n </div>\n </div>\n <div v-if=\"data.currentLoadingPath !== undefined\" class=\"ls-loader\">\n <i class=\"mask-24 mask-loading loader-icon\" />\n </div>\n <div v-else-if=\"!data.storageEntry\" :class=\"style['ls-empty']\">\n <div :class=\"style.cat\" />\n <div :class=\"style.message\">Select storage to preview</div>\n </div>\n <div v-else-if=\"data.error\" :class=\"style['ls-error']\">\n <div :class=\"style.cat\" />\n <div :class=\"style.message\">{{ data.error }}</div>\n </div>\n <div v-else :class=\"style['ls-body']\">\n <template v-for=\"file in visibleItems\" :key=\"file.id\">\n <div v-if=\"file.isDir\" :class=\"style.isDir\" @click=\"setDirPath(file.path)\">\n <PlIcon16 name=\"chevron-right\" />\n <span v-text-overflown :title=\"file.name\">{{ file.name }}</span>\n </div>\n <div\n v-else\n :class=\"{ [style.canBeSelected]: file.canBeSelected, [style.selected]: file.selected }\"\n @click.stop=\"(ev) => selectFile(ev, file)\"\n >\n <PlMaskIcon16 name=\"box\" :class=\"style.isFile\" />\n <span v-text-overflown :title=\"file.name\">{{ file.name }}</span>\n </div>\n </template>\n </div>\n </div>\n </div>\n</template>\n"],"names":["isCtrlOrMeta","ev","props","__props","data","reactive","defaultData","resetData","extensions","computed","normalizeExtensions","visibleItems","useVisibleItems","lookup","_a","query","storageHandle","dirPath","getRawPlatformaInstance","res","notEmpty","item","ext","a","b","it","id","err","load","modelValue","breadcrumbs","getFilePathBreadcrumbs","selectedFiles","f","isReady","getFilesToImport","setDirPath","selectFile","file","shiftKey","ctrlOrMetaKey","lastSelected","items","between","changeAll","selected","selectAll","deselectAll","loadAvailableStorages","storageEntries","tapIf","entry","watch","toRef","isOpen","useEventListener","__expose","onMounted"],"mappings":"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"}

package/dist/components/PlFileDialog/Shortcuts.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, {}, any>;
 export default _default;
-//# sourceMappingURL=Shortcuts.vue.d.ts.map

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

	@@ -1,2 +1 @@
1 1	export { default as PlFileDialog } from './PlFileDialog.vue';
2	- //# sourceMappingURL=index.d.ts.map

package/dist/components/PlFileDialog/remote.d.ts CHANGED Viewed

@@ -18,4 +18,3 @@ export declare function useVisibleItems(data: Data): import('vue').ComputedRef<F
 export declare const vTextOverflown: {
     mounted: (el: HTMLElement) => void;
 };
-//# sourceMappingURL=remote.d.ts.map

package/dist/components/PlFileDialog/remote.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"remote.js","sources":["../../../src/components/PlFileDialog/remote.ts"],"sourcesContent":["import type { Option } from '@milaboratories/helpers';\nimport type { StorageEntry } from '@platforma-sdk/model';\nimport type { FileDialogItem } from './utils';\nimport { computed } from 'vue';\n\nexport const defaultData = () => ({\n dirPath: '' as string,\n search: '',\n storageEntry: undefined as StorageEntry \| undefined,\n items: [] as FileDialogItem[],\n error: '',\n storageOptions: [] as Option<StorageEntry>[],\n selected: [],\n lastSelected: undefined as number \| undefined,\n currentLoadingPath: undefined as string \| undefined,\n showHiddenItems: false,\n});\n\nexport type Data = ReturnType<typeof defaultData>;\n\nexport function useVisibleItems(data: Data) {\n return computed(() => {\n let items = data.items;\n\n if (!data.showHiddenItems) {\n items = items.filter((it) => !it.name.startsWith('.'));\n }\n\n if (data.search) {\n const search = data.search.toLocaleLowerCase();\n items = items.filter((it) => it.name.toLocaleLowerCase().includes(search));\n }\n\n return items;\n });\n}\n\nexport const vTextOverflown = {\n mounted: (el: HTMLElement) => {\n if (el.clientWidth < el.scrollWidth) {\n const s = el.innerText;\n el.innerText = s.substring(0, 57) + '...' + s.substring(s.length - 10);\n }\n },\n};\n"],"names":["defaultData","useVisibleItems","data","computed","items","it","search","vTextOverflown","el","s"],"mappings":";AAKO,MAAMA,IAAc,OAAO;AAAA,EAChC,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,OAAO,~~CAAC~~;AAAA,~~EACR~~,OAAO;AAAA,EACP,gBAAgB,~~CAAC~~;AAAA,~~EACjB~~,UAAU,~~CAAC~~;AAAA,~~EACX~~,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,iBAAiB;AACnB;AAIO,SAASC,EAAgBC,GAAY;AAC1C,SAAOC,EAAS,MAAM;AACpB,QAAIC,IAAQF,EAAK;AAMjB,QAJKA,EAAK,~~oBACAE~~,~~IAAAA~~,EAAM,OAAO,CAACC,MAAO,CAACA,EAAG,KAAK,WAAW,GAAG,CAAC,IAGnDH,EAAK,QAAQ;~~AACT~~,~~YAAAI~~,IAASJ,EAAK,OAAO,~~kBAAkB~~;~~AACrC~~,MAAAE,~~IAAAA~~,EAAM,OAAO,CAACC,MAAOA,EAAG,KAAK,~~kBAAkB~~,~~EAAE~~,SAASC,CAAM,CAAC;AAAA,~~IAAA~~;~~AAGpE~~,~~WAAAF~~;AAAA,~~EAAA~~,~~CACR~~;AACH;AAEO,MAAMG,IAAiB;AAAA,EAC5B,SAAS,CAACC,MAAoB;~~AACxB~~,~~QAAAA~~,EAAG,cAAcA,EAAG,aAAa;AACnC,YAAMC,IAAID,EAAG;~~AACV~~,MAAAA,~~EAAA~~,YAAYC,EAAE,UAAU,GAAG,EAAE,IAAI,QAAQA,EAAE,UAAUA,EAAE,SAAS,EAAE;AAAA,~~IAAA~~;AAAA,~~EACvE~~;~~AAEJ~~;"}
1	+ {"version":3,"file":"remote.js","sources":["../../../src/components/PlFileDialog/remote.ts"],"sourcesContent":["import type { Option } from '@milaboratories/helpers';\nimport type { StorageEntry } from '@platforma-sdk/model';\nimport type { FileDialogItem } from './utils';\nimport { computed } from 'vue';\n\nexport const defaultData = () => ({\n dirPath: '' as string,\n search: '',\n storageEntry: undefined as StorageEntry \| undefined,\n items: [] as FileDialogItem[],\n error: '',\n storageOptions: [] as Option<StorageEntry>[],\n selected: [],\n lastSelected: undefined as number \| undefined,\n currentLoadingPath: undefined as string \| undefined,\n showHiddenItems: false,\n});\n\nexport type Data = ReturnType<typeof defaultData>;\n\nexport function useVisibleItems(data: Data) {\n return computed(() => {\n let items = data.items;\n\n if (!data.showHiddenItems) {\n items = items.filter((it) => !it.name.startsWith('.'));\n }\n\n if (data.search) {\n const search = data.search.toLocaleLowerCase();\n items = items.filter((it) => it.name.toLocaleLowerCase().includes(search));\n }\n\n return items;\n });\n}\n\nexport const vTextOverflown = {\n mounted: (el: HTMLElement) => {\n if (el.clientWidth < el.scrollWidth) {\n const s = el.innerText;\n el.innerText = s.substring(0, 57) + '...' + s.substring(s.length - 10);\n }\n },\n};\n"],"names":["defaultData","useVisibleItems","data","computed","items","it","search","vTextOverflown","el","s"],"mappings":";AAKO,MAAMA,IAAc,OAAO;AAAA,EAChC,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,OAAO,CAAA;AAAA,EACP,OAAO;AAAA,EACP,gBAAgB,CAAA;AAAA,EAChB,UAAU,CAAA;AAAA,EACV,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,iBAAiB;AACnB;AAIO,SAASC,EAAgBC,GAAY;AAC1C,SAAOC,EAAS,MAAM;AACpB,QAAIC,IAAQF,EAAK;AAMjB,QAJKA,EAAK,oBACRE,IAAQA,EAAM,OAAO,CAACC,MAAO,CAACA,EAAG,KAAK,WAAW,GAAG,CAAC,IAGnDH,EAAK,QAAQ;AACf,YAAMI,IAASJ,EAAK,OAAO,kBAAA;AAC3B,MAAAE,IAAQA,EAAM,OAAO,CAACC,MAAOA,EAAG,KAAK,kBAAA,EAAoB,SAASC,CAAM,CAAC;AAAA,IAC3E;AAEA,WAAOF;AAAA,EACT,CAAC;AACH;AAEO,MAAMG,IAAiB;AAAA,EAC5B,SAAS,CAACC,MAAoB;AAC5B,QAAIA,EAAG,cAAcA,EAAG,aAAa;AACnC,YAAMC,IAAID,EAAG;AACb,MAAAA,EAAG,YAAYC,EAAE,UAAU,GAAG,EAAE,IAAI,QAAQA,EAAE,UAAUA,EAAE,SAAS,EAAE;AAAA,IACvE;AAAA,EACF;AACF;"}

package/dist/components/PlFileDialog/utils.d.ts CHANGED Viewed

@@ -14,4 +14,3 @@ export type FileDialogItem = {
     selected: boolean;
     handle: ImportFileHandle | undefined;
 };
-//# sourceMappingURL=utils.d.ts.map

package/dist/components/PlFileDialog/utils.js CHANGED Viewed

@@ -1,26 +1,26 @@
-import { trimCharsLeft as a, trimChars as c } from "../../lib/util/helpers/dist/index.js";
+import { trimCharsLeft as a, trimChars as c } from "@milaboratories/helpers";
 function m(n) {
   return n ? n.map((t) => "." + a(t, ["."])) : void 0;
 }
 function u(n) {
-  const t = "/", i = n.startsWith(t), s = c(n, [t]).split(t), e = [
+  const t = "/", i = n.startsWith(t), r = c(n, [t]).split(t), s = [
     {
       index: 0,
       name: "Root",
       path: ""
     }
   ];
-  if (s.length === 1 && s[0] === "")
-    return e;
-  for (let r = 0; r < s.length; r++) {
-    const o = (i ? t : "") + s.slice(0, r + 1).join(t);
-    e.push({
-      index: r + 1,
-      name: s[r],
+  if (r.length === 1 && r[0] === "")
+    return s;
+  for (let e = 0; e < r.length; e++) {
+    const o = (i ? t : "") + r.slice(0, e + 1).join(t);
+    s.push({
+      index: e + 1,
+      name: r[e],
       path: o
     });
   }
-  return e;
+  return s;
 }
 export {
   u as getFilePathBreadcrumbs,