@platforma-sdk/ui-vue 1.65.9 → 1.66.0

package/dist/components/PlAnnotations/components/PlAnnotations.vue.d.ts

@@ -1,20 +1,10 @@
 import { Annotation } from '../types';
 import { Props as BaseProps } from './FilterSidebar.vue';
-export type Props = BaseProps & {
-    onDeleteSchema?: () => void;
-};
-declare const _default: import('vue').DefineComponent<{
+export type Props = Omit<BaseProps, "step" | "onUpdateStep"> & {
     annotation: Annotation;
-} & BaseProps & {
+    onUpdateAnnotation: (annotation: Annotation) => void;
     onDeleteSchema?: () => void;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:annotation": (value: Annotation) => any;
-}, string, import('vue').PublicProps, Readonly<{
-    annotation: Annotation;
-} & BaseProps & {
-    onDeleteSchema?: () => void;
-}> & Readonly<{
-    "onUpdate:annotation"?: ((value: Annotation) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+};
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
 //# sourceMappingURL=PlAnnotations.vue.d.ts.map

package/dist/components/PlAnnotations/components/PlAnnotations.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlAnnotations.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/PlAnnotations/components/PlAnnotations.vue"],"names":[],"mappings":"AA0FA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAK3C,OAAO,KAAK,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC9D,MAAM,MAAM,KAAK,GAAG,SAAS,GAAG;IAC9B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;;gBAyCY,UAAU;;qBA1CL,MAAM,IAAI;;;;gBA0Cf,UAAU;;qBA1CL,MAAM,IAAI;;;;AAG7B,wBAmKK"}
+{"version":3,"file":"PlAnnotations.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/PlAnnotations/components/PlAnnotations.vue"],"names":[],"mappings":"AA2GA,OAAO,KAAK,EAAE,UAAU,EAAU,MAAM,UAAU,CAAC;AAKnD,OAAO,KAAK,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC9D,MAAM,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,cAAc,CAAC,GAAG;IAC7D,UAAU,EAAE,UAAU,CAAC;IACvB,kBAAkB,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IACrD,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;;AAEF,wBAwKK"}

package/dist/components/PlAnnotations/components/PlAnnotations.vue2.js

@@ -2,75 +2,80 @@ import { isNil as e } from "../../../lib/util/helpers/dist/utils.js";
 import "../../../lib/util/helpers/dist/index.js";
 import t from "./AnnotationsSidebar.js";
 import n from "./FilterSidebar.js";
-import { computed as r, createBlock as i, createCommentVNode as a, createVNode as o, defineComponent as s, effect as c, mergeModels as l, normalizeClass as u, openBlock as d, shallowRef as f, unref as p, useModel as m, withCtx as h } from "vue";
-import { PlSidebarGroup as g, useConfirm as _ } from "@milaboratories/uikit";
+import { produce as r } from "immer";
+import { computed as i, createBlock as a, createCommentVNode as o, createVNode as s, defineComponent as c, effect as l, normalizeClass as u, openBlock as d, shallowRef as f, unref as p, withCtx as m } from "vue";
+import { PlSidebarGroup as h, useConfirm as g } from "@milaboratories/uikit";
 //#region src/components/PlAnnotations/components/PlAnnotations.vue?vue&type=script&setup=true&lang.ts
-var v = /* @__PURE__ */ s({
+var _ = /* @__PURE__ */ c({
 	__name: "PlAnnotations",
-	props: /* @__PURE__ */ l({
+	props: {
 		columns: {},
 		getSuggestOptions: { type: Function },
 		hasSelectedColumns: { type: Boolean },
 		getValuesForSelectedColumns: { type: Function },
+		annotation: {},
+		onUpdateAnnotation: { type: Function },
 		onDeleteSchema: { type: Function }
-	}, {
-		annotation: { required: !0 },
-		annotationModifiers: {}
-	}),
-	emits: ["update:annotation"],
-	setup(s) {
-		let l = m(s, "annotation"), v = s, y = f(void 0), b = r(() => e(y.value) || e(l.value) ? void 0 : l.value.steps.find((e) => e.id === y.value));
-		c(function() {
-			y.value === void 0 && l.value.steps.length > 0 && (y.value = l.value.steps[0].id);
+	},
+	setup(c) {
+		let _ = c, v = f(void 0), y = i(() => e(v.value) || e(_.annotation) ? void 0 : _.annotation.steps.find((e) => e.id === v.value));
+		l(function() {
+			v.value === void 0 && _.annotation.steps.length > 0 && (v.value = _.annotation.steps[0].id);
 		});
-		let x = _({
+		let b = g({
 			title: "Reset Schema",
 			message: "Are you sure you want to reset the schema? This action cannot be undone.",
 			confirmLabel: "Yes, reset",
 			cancelLabel: "No, cancel"
 		});
-		async function S() {
-			await x() && (y.value = void 0, v.onDeleteSchema?.());
+		async function x() {
+			await b() && (v.value = void 0, _.onDeleteSchema?.());
 		}
-		return (e, r) => (d(), i(p(g), null, {
-			"item-0": h(() => [o(t, {
-				annotation: l.value,
-				"onUpdate:annotation": r[0] ||= (e) => l.value = e,
-				selectedStepId: y.value,
-				"onUpdate:selectedStepId": r[1] ||= (e) => y.value = e,
+		function S(e) {
+			v.value = e;
+		}
+		function C(e) {
+			_.onUpdateAnnotation(r(_.annotation, (t) => {
+				let n = t.steps.findIndex((t) => t.id === e.id);
+				n !== -1 && (t.steps[n] = e);
+			}));
+		}
+		return (e, r) => (d(), a(p(h), null, {
+			"item-0": m(() => [s(t, {
+				annotation: _.annotation,
+				"selected-step-id": v.value,
+				"on-update-annotation": _.onUpdateAnnotation,
+				"on-update-selected-step-id": S,
 				class: u(e.$style.sidebarItem),
-				columns: v.columns,
-				onDeleteSchema: S
+				onDeleteSchema: x
 			}, null, 8, [
 				"annotation",
-				"selectedStepId",
-				"class",
-				"columns"
+				"selected-step-id",
+				"on-update-annotation",
+				"class"
 			])]),
-			"item-1": h(() => [b.value ? (d(), i(n, {
+			"item-1": m(() => [y.value ? (d(), a(n, {
 				key: 0,
-				step: b.value,
-				"onUpdate:step": r[2] ||= (e) => b.value = e,
+				step: y.value,
+				"on-update-step": C,
 				class: u(e.$style.sidebarItem),
-				columns: v.columns,
-				"get-suggest-options": v.getSuggestOptions,
-				selectedStepId: y.value,
-				hasSelectedColumns: v.hasSelectedColumns,
-				getValuesForSelectedColumns: v.getValuesForSelectedColumns
+				columns: _.columns,
+				"get-suggest-options": _.getSuggestOptions,
+				hasSelectedColumns: _.hasSelectedColumns,
+				getValuesForSelectedColumns: _.getValuesForSelectedColumns
 			}, null, 8, [
 				"step",
 				"class",
 				"columns",
 				"get-suggest-options",
-				"selectedStepId",
 				"hasSelectedColumns",
 				"getValuesForSelectedColumns"
-			])) : a("", !0)]),
+			])) : o("", !0)]),
 			_: 1
 		}));
 	}
 });
 //#endregion
-export { v as default };
+export { _ as default };
 
 //# sourceMappingURL=PlAnnotations.vue2.js.map

package/dist/components/PlAnnotations/components/PlAnnotations.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlAnnotations.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../../src/components/PlAnnotations/components/PlAnnotations.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { Props as BaseProps } from \"./FilterSidebar.vue\";\nexport type Props = BaseProps & {\n  onDeleteSchema?: () => void;\n};\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, effect, shallowRef } from \"vue\";\n\nimport { isNil } from \"@milaboratories/helpers\";\nimport { PlSidebarGroup, useConfirm } from \"@milaboratories/uikit\";\n\nimport type { Annotation } from \"../types\";\nimport AnnotationsSidebar from \"./AnnotationsSidebar.vue\";\nimport FilterSidebar from \"./FilterSidebar.vue\";\n\n// Models\nconst annotation = defineModel<Annotation>(\"annotation\", { required: true });\n// Props\nconst props = defineProps<Props>();\n// State\nconst selectedStepId = shallowRef<number | undefined>(undefined);\nconst selectedStep = computed(() => {\n  return isNil(selectedStepId.value) || isNil(annotation.value)\n    ? undefined\n    : annotation.value.steps.find((step) => step.id === selectedStepId.value);\n});\n\n// Watchers\neffect(function setDefaultStepId() {\n  if (selectedStepId.value === undefined && annotation.value.steps.length > 0) {\n    selectedStepId.value = annotation.value.steps[0].id;\n  }\n});\n// Hooks\nconst confirmResetSchema = useConfirm({\n  title: \"Reset Schema\",\n  message: \"Are you sure you want to reset the schema? This action cannot be undone.\",\n  confirmLabel: \"Yes, reset\",\n  cancelLabel: \"No, cancel\",\n});\n// Actions\nasync function handleDeleteSchema() {\n  if (await confirmResetSchema()) {\n    selectedStepId.value = undefined;\n    props.onDeleteSchema?.();\n  }\n}\n</script>\n\n<template>\n  <PlSidebarGroup>\n    <template #item-0>\n      <AnnotationsSidebar\n        v-model:annotation=\"annotation\"\n        v-model:selectedStepId=\"selectedStepId\"\n        :class=\"$style.sidebarItem\"\n        :columns=\"props.columns\"\n        @delete-schema=\"handleDeleteSchema\"\n      />\n    </template>\n    <template #item-1>\n      <FilterSidebar\n        v-if=\"selectedStep\"\n        v-model:step=\"selectedStep\"\n        :class=\"$style.sidebarItem\"\n        :columns=\"props.columns\"\n        :get-suggest-options=\"props.getSuggestOptions\"\n        :selectedStepId=\"selectedStepId\"\n        :hasSelectedColumns=\"props.hasSelectedColumns\"\n        :getValuesForSelectedColumns=\"props.getValuesForSelectedColumns\"\n      />\n    </template>\n  </PlSidebarGroup>\n</template>\n\n<style module>\n.sidebarItem {\n  width: 100%;\n  height: 100%;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAkBA,IAAM,IAAa,EAAuB,GAAC,aAAiC,EAEtE,IAAQ,GAER,IAAiB,EAA+B,KAAA,EAAU,EAC1D,IAAe,QACZ,EAAM,EAAe,MAAM,IAAI,EAAM,EAAW,MAAK,GACxD,KAAA,IACA,EAAW,MAAM,MAAM,MAAM,MAAS,EAAK,OAAO,EAAe,MAAM,CAC3E;AAGF,IAAO,WAA4B;AACjC,GAAI,EAAe,UAAU,KAAA,KAAa,EAAW,MAAM,MAAM,SAAS,MACxE,EAAe,QAAQ,EAAW,MAAM,MAAM,GAAG;IAEnD;EAEF,IAAM,IAAqB,EAAW;GACpC,OAAO;GACP,SAAS;GACT,cAAc;GACd,aAAa;GACd,CAAC;EAEF,eAAe,IAAqB;AAClC,GAAI,MAAM,GAAoB,KAC5B,EAAe,QAAQ,KAAA,GACvB,EAAM,kBAAkB;;yBAM1B,EAsBiB,EAAA,EAAA,EAAA,MAAA;GArBJ,UAAM,QAOb,CANF,EAME,GAAA;IALQ,YAAY,EAAA;6CAAU,QAAA;IACtB,gBAAgB,EAAA;iDAAc,QAAA;IACrC,OAAK,EAAEA,EAAAA,OAAO,YAAW;IACzB,SAAS,EAAM;IACf,gBAAe;;;;;;;GAGT,UAAM,QAUb,CARM,EAAA,SAAA,GAAA,EADR,EASE,GAAA;;IAPQ,MAAM,EAAA;uCAAY,QAAA;IACzB,OAAK,EAAEA,EAAAA,OAAO,YAAW;IACzB,SAAS,EAAM;IACf,uBAAqB,EAAM;IAC3B,gBAAgB,EAAA;IAChB,oBAAoB,EAAM;IAC1B,6BAA6B,EAAM"}
+{"version":3,"file":"PlAnnotations.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../../src/components/PlAnnotations/components/PlAnnotations.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { Props as BaseProps } from \"./FilterSidebar.vue\";\nexport type Props = Omit<BaseProps, \"step\" | \"onUpdateStep\"> & {\n  annotation: Annotation;\n  onUpdateAnnotation: (annotation: Annotation) => void;\n  onDeleteSchema?: () => void;\n};\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, effect, shallowRef } from \"vue\";\n\nimport { isNil } from \"@milaboratories/helpers\";\nimport { produce } from \"immer\";\nimport { PlSidebarGroup, useConfirm } from \"@milaboratories/uikit\";\n\nimport type { Annotation, Filter } from \"../types\";\nimport AnnotationsSidebar from \"./AnnotationsSidebar.vue\";\nimport FilterSidebar from \"./FilterSidebar.vue\";\n\nconst props = defineProps<Props>();\n\nconst selectedStepId = shallowRef<undefined | number>(undefined);\n\nconst selectedStep = computed(() => {\n  return isNil(selectedStepId.value) || isNil(props.annotation)\n    ? undefined\n    : props.annotation.steps.find((step) => step.id === selectedStepId.value);\n});\n\neffect(function setDefaultStepId() {\n  if (selectedStepId.value === undefined && props.annotation.steps.length > 0) {\n    selectedStepId.value = props.annotation.steps[0].id;\n  }\n});\n\nconst confirmResetSchema = useConfirm({\n  title: \"Reset Schema\",\n  message: \"Are you sure you want to reset the schema? This action cannot be undone.\",\n  confirmLabel: \"Yes, reset\",\n  cancelLabel: \"No, cancel\",\n});\n\nasync function handleDeleteSchema() {\n  if (await confirmResetSchema()) {\n    selectedStepId.value = undefined;\n    props.onDeleteSchema?.();\n  }\n}\n\nfunction updateSelectedStepId(id: undefined | number) {\n  selectedStepId.value = id;\n}\n\nfunction updateSelectedStep(step: Filter) {\n  props.onUpdateAnnotation(\n    produce(props.annotation, (draft) => {\n      const idx = draft.steps.findIndex((s) => s.id === step.id);\n      if (idx !== -1) {\n        draft.steps[idx] = step;\n      }\n    }),\n  );\n}\n</script>\n\n<template>\n  <PlSidebarGroup>\n    <template #item-0>\n      <AnnotationsSidebar\n        :annotation=\"props.annotation\"\n        :selected-step-id=\"selectedStepId\"\n        :on-update-annotation=\"props.onUpdateAnnotation\"\n        :on-update-selected-step-id=\"updateSelectedStepId\"\n        :class=\"$style.sidebarItem\"\n        @delete-schema=\"handleDeleteSchema\"\n      />\n    </template>\n    <template #item-1>\n      <FilterSidebar\n        v-if=\"selectedStep\"\n        :step=\"selectedStep\"\n        :on-update-step=\"updateSelectedStep\"\n        :class=\"$style.sidebarItem\"\n        :columns=\"props.columns\"\n        :get-suggest-options=\"props.getSuggestOptions\"\n        :hasSelectedColumns=\"props.hasSelectedColumns\"\n        :getValuesForSelectedColumns=\"props.getValuesForSelectedColumns\"\n      />\n    </template>\n  </PlSidebarGroup>\n</template>\n\n<style module>\n.sidebarItem {\n  width: 100%;\n  height: 100%;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAoBA,IAAM,IAAQ,GAER,IAAiB,EAA+B,KAAA,EAAU,EAE1D,IAAe,QACZ,EAAM,EAAe,MAAM,IAAI,EAAM,EAAM,WAAU,GACxD,KAAA,IACA,EAAM,WAAW,MAAM,MAAM,MAAS,EAAK,OAAO,EAAe,MAAM,CAC3E;AAEF,IAAO,WAA4B;AACjC,GAAI,EAAe,UAAU,KAAA,KAAa,EAAM,WAAW,MAAM,SAAS,MACxE,EAAe,QAAQ,EAAM,WAAW,MAAM,GAAG;IAEnD;EAEF,IAAM,IAAqB,EAAW;GACpC,OAAO;GACP,SAAS;GACT,cAAc;GACd,aAAa;GACd,CAAC;EAEF,eAAe,IAAqB;AAClC,GAAI,MAAM,GAAoB,KAC5B,EAAe,QAAQ,KAAA,GACvB,EAAM,kBAAkB;;EAI5B,SAAS,EAAqB,GAAwB;AACpD,KAAe,QAAQ;;EAGzB,SAAS,EAAmB,GAAc;AACxC,KAAM,mBACJ,EAAQ,EAAM,aAAa,MAAU;IACnC,IAAM,IAAM,EAAM,MAAM,WAAW,MAAM,EAAE,OAAO,EAAK,GAAG;AAC1D,IAAI,MAAQ,OACV,EAAM,MAAM,KAAO;KAErB,CACH;;yBAKD,EAuBiB,EAAA,EAAA,EAAA,MAAA;GAtBJ,UAAM,QAQb,CAPF,EAOE,GAAA;IANC,YAAY,EAAM;IAClB,oBAAkB,EAAA;IAClB,wBAAsB,EAAM;IAC5B,8BAA4B;IAC5B,OAAK,EAAEA,EAAAA,OAAO,YAAW;IACzB,gBAAe;;;;;;;GAGT,UAAM,QAiBZ,CAfK,EAAA,SAAA,GAAA,EADR,EASE,GAAA;;IAPC,MAAM,EAAA;IACN,kBAAgB;IAChB,OAAK,EAAEA,EAAAA,OAAO,YAAW;IACzB,SAAS,EAAM;IACf,uBAAqB,EAAM;IAC3B,oBAAoB,EAAM;IAC1B,6BAA6B,EAAM"}

package/dist/components/PlAnnotations/components/PlAnnotationsModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlAnnotationsModal.js","names":[],"sources":["../../../../src/components/PlAnnotations/components/PlAnnotationsModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlPureSlideModal } from \"@milaboratories/uikit\";\nimport { effect, shallowRef } from \"vue\";\n\nimport type { Annotation } from \"../types\";\nimport type { Props } from \"./PlAnnotations.vue\";\nimport PlAnnotations from \"./PlAnnotations.vue\";\n\n// Models\nconst annotation = defineModel<Annotation>(\"annotation\", { required: true });\nconst opened = defineModel<boolean>(\"opened\", { required: true });\n// Props\nconst props = defineProps<Props>();\n// State\nconst selectedStepId = shallowRef<number | undefined>(undefined);\n// Watchers\neffect(function setDefaultStepId() {\n  if (selectedStepId.value === undefined && annotation.value.steps.length > 0) {\n    selectedStepId.value = annotation.value.steps[0].id;\n  }\n});\n// Actions\nasync function handleDeleteSchema() {\n  opened.value = false;\n  props.onDeleteSchema?.();\n}\n</script>\n\n<template>\n  <PlPureSlideModal v-model=\"opened\" :class=\"$style.modal\" width=\"768px\">\n    <PlAnnotations\n      v-model:annotation=\"annotation\"\n      :class=\"$style.content\"\n      :columns=\"props.columns\"\n      :get-suggest-options=\"props.getSuggestOptions\"\n      :has-selected-columns=\"props.hasSelectedColumns\"\n      :getValuesForSelectedColumns=\"props.getValuesForSelectedColumns\"\n      @delete-schema=\"handleDeleteSchema\"\n    />\n  </PlPureSlideModal>\n</template>\n\n<style module>\n.modal {\n  display: flex;\n}\n\n.content {\n  width: 100%;\n  height: 100%;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"PlAnnotationsModal.js","names":[],"sources":["../../../../src/components/PlAnnotations/components/PlAnnotationsModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlPureSlideModal } from \"@milaboratories/uikit\";\n\nimport type { Props } from \"./PlAnnotations.vue\";\nimport PlAnnotations from \"./PlAnnotations.vue\";\n\nconst props = defineProps<\n  Props & {\n    opened: boolean;\n    onUpdateOpened: (opened: boolean) => void;\n  }\n>();\n\nasync function handleDeleteSchema() {\n  props.onUpdateOpened(false);\n  props.onDeleteSchema?.();\n}\n</script>\n\n<template>\n  <PlPureSlideModal\n    :model-value=\"props.opened\"\n    :class=\"$style.modal\"\n    width=\"768px\"\n    @update:model-value=\"props.onUpdateOpened\"\n  >\n    <PlAnnotations\n      :class=\"$style.content\"\n      :columns=\"props.columns\"\n      :annotation=\"props.annotation\"\n      :on-update-annotation=\"props.onUpdateAnnotation\"\n      :on-delete-schema=\"handleDeleteSchema\"\n      :has-selected-columns=\"props.hasSelectedColumns\"\n      :get-suggest-options=\"props.getSuggestOptions\"\n      :get-values-for-selected-columns=\"props.getValuesForSelectedColumns\"\n    />\n  </PlPureSlideModal>\n</template>\n\n<style module>\n.modal {\n  display: flex;\n}\n\n.content {\n  width: 100%;\n  height: 100%;\n}\n</style>\n"],"mappings":""}

package/dist/components/PlAnnotations/components/PlAnnotationsModal.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlAnnotationsModal.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../../src/components/PlAnnotations/components/PlAnnotationsModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlPureSlideModal } from \"@milaboratories/uikit\";\nimport { effect, shallowRef } from \"vue\";\n\nimport type { Annotation } from \"../types\";\nimport type { Props } from \"./PlAnnotations.vue\";\nimport PlAnnotations from \"./PlAnnotations.vue\";\n\n// Models\nconst annotation = defineModel<Annotation>(\"annotation\", { required: true });\nconst opened = defineModel<boolean>(\"opened\", { required: true });\n// Props\nconst props = defineProps<Props>();\n// State\nconst selectedStepId = shallowRef<number | undefined>(undefined);\n// Watchers\neffect(function setDefaultStepId() {\n  if (selectedStepId.value === undefined && annotation.value.steps.length > 0) {\n    selectedStepId.value = annotation.value.steps[0].id;\n  }\n});\n// Actions\nasync function handleDeleteSchema() {\n  opened.value = false;\n  props.onDeleteSchema?.();\n}\n</script>\n\n<template>\n  <PlPureSlideModal v-model=\"opened\" :class=\"$style.modal\" width=\"768px\">\n    <PlAnnotations\n      v-model:annotation=\"annotation\"\n      :class=\"$style.content\"\n      :columns=\"props.columns\"\n      :get-suggest-options=\"props.getSuggestOptions\"\n      :has-selected-columns=\"props.hasSelectedColumns\"\n      :getValuesForSelectedColumns=\"props.getValuesForSelectedColumns\"\n      @delete-schema=\"handleDeleteSchema\"\n    />\n  </PlPureSlideModal>\n</template>\n\n<style module>\n.modal {\n  display: flex;\n}\n\n.content {\n  width: 100%;\n  height: 100%;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"PlAnnotationsModal.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../../src/components/PlAnnotations/components/PlAnnotationsModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlPureSlideModal } from \"@milaboratories/uikit\";\n\nimport type { Props } from \"./PlAnnotations.vue\";\nimport PlAnnotations from \"./PlAnnotations.vue\";\n\nconst props = defineProps<\n  Props & {\n    opened: boolean;\n    onUpdateOpened: (opened: boolean) => void;\n  }\n>();\n\nasync function handleDeleteSchema() {\n  props.onUpdateOpened(false);\n  props.onDeleteSchema?.();\n}\n</script>\n\n<template>\n  <PlPureSlideModal\n    :model-value=\"props.opened\"\n    :class=\"$style.modal\"\n    width=\"768px\"\n    @update:model-value=\"props.onUpdateOpened\"\n  >\n    <PlAnnotations\n      :class=\"$style.content\"\n      :columns=\"props.columns\"\n      :annotation=\"props.annotation\"\n      :on-update-annotation=\"props.onUpdateAnnotation\"\n      :on-delete-schema=\"handleDeleteSchema\"\n      :has-selected-columns=\"props.hasSelectedColumns\"\n      :get-suggest-options=\"props.getSuggestOptions\"\n      :get-values-for-selected-columns=\"props.getValuesForSelectedColumns\"\n    />\n  </PlPureSlideModal>\n</template>\n\n<style module>\n.modal {\n  display: flex;\n}\n\n.content {\n  width: 100%;\n  height: 100%;\n}\n</style>\n"],"mappings":""}

package/dist/components/PlAnnotations/components/PlAnnotationsModal.vue.d.ts

@@ -1,16 +1,8 @@
-import { Annotation } from '../types';
 import { Props } from './PlAnnotations.vue';
-type __VLS_Props = Props;
-type __VLS_PublicProps = {
-    "annotation": Annotation;
-    "opened": boolean;
-} & __VLS_Props;
-declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:annotation": (value: Annotation) => any;
-    "update:opened": (value: boolean) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:annotation"?: ((value: Annotation) => any) | undefined;
-    "onUpdate:opened"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+type __VLS_Props = Props & {
+    opened: boolean;
+    onUpdateOpened: (opened: boolean) => void;
+};
+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, {}, any>;
 export default _default;
 //# sourceMappingURL=PlAnnotationsModal.vue.d.ts.map

package/dist/components/PlAnnotations/components/PlAnnotationsModal.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlAnnotationsModal.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/PlAnnotations/components/PlAnnotationsModal.vue"],"names":[],"mappings":"AAyDA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAOjD,KAAK,WAAW,GAAG,KAAK,CAAC;AAmBzB,KAAK,iBAAiB,GAAG;IACzB,YAAY,EAAE,UAAU,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;CACjB,GAAG,WAAW,CAAC;;;;;;;;AA2FhB,wBAQG"}
+{"version":3,"file":"PlAnnotationsModal.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/PlAnnotations/components/PlAnnotationsModal.vue"],"names":[],"mappings":"AAqDA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAGjD,KAAK,WAAW,GAAG,KAAK,GAAG;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,cAAc,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC3C,CAAC;;AAiGJ,wBAOG"}

package/dist/components/PlAnnotations/components/PlAnnotationsModal.vue2.js

@@ -1,61 +1,58 @@
 import e from "./PlAnnotations.js";
-import { createBlock as t, createVNode as n, defineComponent as r, effect as i, mergeModels as a, normalizeClass as o, openBlock as s, shallowRef as c, unref as l, useModel as u, withCtx as d } from "vue";
-import { PlPureSlideModal as f } from "@milaboratories/uikit";
+import { createBlock as t, createVNode as n, defineComponent as r, normalizeClass as i, openBlock as a, unref as o, withCtx as s } from "vue";
+import { PlPureSlideModal as c } from "@milaboratories/uikit";
 //#region src/components/PlAnnotations/components/PlAnnotationsModal.vue?vue&type=script&setup=true&lang.ts
-var p = /* @__PURE__ */ r({
+var l = /* @__PURE__ */ r({
 	__name: "PlAnnotationsModal",
-	props: /* @__PURE__ */ a({
+	props: {
 		columns: {},
 		getSuggestOptions: { type: Function },
 		hasSelectedColumns: { type: Boolean },
 		getValuesForSelectedColumns: { type: Function },
-		onDeleteSchema: { type: Function }
-	}, {
-		annotation: { required: !0 },
-		annotationModifiers: {},
-		opened: {
-			type: Boolean,
-			required: !0
-		},
-		openedModifiers: {}
-	}),
-	emits: ["update:annotation", "update:opened"],
+		annotation: {},
+		onUpdateAnnotation: { type: Function },
+		onDeleteSchema: { type: Function },
+		opened: { type: Boolean },
+		onUpdateOpened: { type: Function }
+	},
 	setup(r) {
-		let a = u(r, "annotation"), p = u(r, "opened"), m = r, h = c(void 0);
-		i(function() {
-			h.value === void 0 && a.value.steps.length > 0 && (h.value = a.value.steps[0].id);
-		});
-		async function g() {
-			p.value = !1, m.onDeleteSchema?.();
+		let l = r;
+		async function u() {
+			l.onUpdateOpened(!1), l.onDeleteSchema?.();
 		}
-		return (r, i) => (s(), t(l(f), {
-			modelValue: p.value,
-			"onUpdate:modelValue": i[1] ||= (e) => p.value = e,
-			class: o(r.$style.modal),
-			width: "768px"
+		return (r, d) => (a(), t(o(c), {
+			"model-value": l.opened,
+			class: i(r.$style.modal),
+			width: "768px",
+			"onUpdate:modelValue": l.onUpdateOpened
 		}, {
-			default: d(() => [n(e, {
-				annotation: a.value,
-				"onUpdate:annotation": i[0] ||= (e) => a.value = e,
-				class: o(r.$style.content),
-				columns: m.columns,
-				"get-suggest-options": m.getSuggestOptions,
-				"has-selected-columns": m.hasSelectedColumns,
-				getValuesForSelectedColumns: m.getValuesForSelectedColumns,
-				onDeleteSchema: g
+			default: s(() => [n(e, {
+				class: i(r.$style.content),
+				columns: l.columns,
+				annotation: l.annotation,
+				"on-update-annotation": l.onUpdateAnnotation,
+				"on-delete-schema": u,
+				"has-selected-columns": l.hasSelectedColumns,
+				"get-suggest-options": l.getSuggestOptions,
+				"get-values-for-selected-columns": l.getValuesForSelectedColumns
 			}, null, 8, [
-				"annotation",
 				"class",
 				"columns",
-				"get-suggest-options",
+				"annotation",
+				"on-update-annotation",
 				"has-selected-columns",
-				"getValuesForSelectedColumns"
+				"get-suggest-options",
+				"get-values-for-selected-columns"
 			])]),
 			_: 1
-		}, 8, ["modelValue", "class"]));
+		}, 8, [
+			"model-value",
+			"class",
+			"onUpdate:modelValue"
+		]));
 	}
 });
 //#endregion
-export { p as default };
+export { l as default };
 
 //# sourceMappingURL=PlAnnotationsModal.vue2.js.map

package/dist/components/PlAnnotations/components/PlAnnotationsModal.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlAnnotationsModal.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../../src/components/PlAnnotations/components/PlAnnotationsModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlPureSlideModal } from \"@milaboratories/uikit\";\nimport { effect, shallowRef } from \"vue\";\n\nimport type { Annotation } from \"../types\";\nimport type { Props } from \"./PlAnnotations.vue\";\nimport PlAnnotations from \"./PlAnnotations.vue\";\n\n// Models\nconst annotation = defineModel<Annotation>(\"annotation\", { required: true });\nconst opened = defineModel<boolean>(\"opened\", { required: true });\n// Props\nconst props = defineProps<Props>();\n// State\nconst selectedStepId = shallowRef<number | undefined>(undefined);\n// Watchers\neffect(function setDefaultStepId() {\n  if (selectedStepId.value === undefined && annotation.value.steps.length > 0) {\n    selectedStepId.value = annotation.value.steps[0].id;\n  }\n});\n// Actions\nasync function handleDeleteSchema() {\n  opened.value = false;\n  props.onDeleteSchema?.();\n}\n</script>\n\n<template>\n  <PlPureSlideModal v-model=\"opened\" :class=\"$style.modal\" width=\"768px\">\n    <PlAnnotations\n      v-model:annotation=\"annotation\"\n      :class=\"$style.content\"\n      :columns=\"props.columns\"\n      :get-suggest-options=\"props.getSuggestOptions\"\n      :has-selected-columns=\"props.hasSelectedColumns\"\n      :getValuesForSelectedColumns=\"props.getValuesForSelectedColumns\"\n      @delete-schema=\"handleDeleteSchema\"\n    />\n  </PlPureSlideModal>\n</template>\n\n<style module>\n.modal {\n  display: flex;\n}\n\n.content {\n  width: 100%;\n  height: 100%;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EASA,IAAM,IAAa,EAAuB,GAAC,aAAiC,EACtE,IAAS,EAAoB,GAAC,SAA6B,EAE3D,IAAQ,GAER,IAAiB,EAA+B,KAAA,EAAU;AAEhE,IAAO,WAA4B;AACjC,GAAI,EAAe,UAAU,KAAA,KAAa,EAAW,MAAM,MAAM,SAAS,MACxE,EAAe,QAAQ,EAAW,MAAM,MAAM,GAAG;IAEnD;EAEF,eAAe,IAAqB;AAElC,GADA,EAAO,QAAQ,IACf,EAAM,kBAAkB;;yBAKxB,EAUmB,EAAA,EAAA,EAAA;eAVQ,EAAA;4CAAM,QAAA;GAAG,OAAK,EAAEA,EAAAA,OAAO,MAAK;GAAE,OAAM;;oBAS3D,CARF,EAQE,GAAA;IAPQ,YAAY,EAAA;6CAAU,QAAA;IAC7B,OAAK,EAAEA,EAAAA,OAAO,QAAO;IACrB,SAAS,EAAM;IACf,uBAAqB,EAAM;IAC3B,wBAAsB,EAAM;IAC5B,6BAA6B,EAAM;IACnC,gBAAe"}
+{"version":3,"file":"PlAnnotationsModal.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../../src/components/PlAnnotations/components/PlAnnotationsModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlPureSlideModal } from \"@milaboratories/uikit\";\n\nimport type { Props } from \"./PlAnnotations.vue\";\nimport PlAnnotations from \"./PlAnnotations.vue\";\n\nconst props = defineProps<\n  Props & {\n    opened: boolean;\n    onUpdateOpened: (opened: boolean) => void;\n  }\n>();\n\nasync function handleDeleteSchema() {\n  props.onUpdateOpened(false);\n  props.onDeleteSchema?.();\n}\n</script>\n\n<template>\n  <PlPureSlideModal\n    :model-value=\"props.opened\"\n    :class=\"$style.modal\"\n    width=\"768px\"\n    @update:model-value=\"props.onUpdateOpened\"\n  >\n    <PlAnnotations\n      :class=\"$style.content\"\n      :columns=\"props.columns\"\n      :annotation=\"props.annotation\"\n      :on-update-annotation=\"props.onUpdateAnnotation\"\n      :on-delete-schema=\"handleDeleteSchema\"\n      :has-selected-columns=\"props.hasSelectedColumns\"\n      :get-suggest-options=\"props.getSuggestOptions\"\n      :get-values-for-selected-columns=\"props.getValuesForSelectedColumns\"\n    />\n  </PlPureSlideModal>\n</template>\n\n<style module>\n.modal {\n  display: flex;\n}\n\n.content {\n  width: 100%;\n  height: 100%;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAMA,IAAM,IAAQ;EAOd,eAAe,IAAqB;AAElC,GADA,EAAM,eAAe,GAAM,EAC3B,EAAM,kBAAkB;;yBAKxB,EAgBmB,EAAA,EAAA,EAAA;GAfhB,eAAa,EAAM;GACnB,OAAK,EAAEA,EAAAA,OAAO,MAAK;GACpB,OAAM;GACL,uBAAoB,EAAM;;oBAWzB,CATF,EASE,GAAA;IARC,OAAK,EAAEA,EAAAA,OAAO,QAAO;IACrB,SAAS,EAAM;IACf,YAAY,EAAM;IAClB,wBAAsB,EAAM;IAC5B,oBAAkB;IAClB,wBAAsB,EAAM;IAC5B,uBAAqB,EAAM;IAC3B,mCAAiC,EAAM"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@platforma-sdk/ui-vue",
-  "version": "1.65.9",
+  "version": "1.66.0",
   "type": "module",
   "main": "dist/index.js",
   "exports": {
@@ -26,10 +26,10 @@
     "lru-cache": "^11.2.2",
     "vue": "^3.5.24",
     "zod": "~3.25.76",
-    "@milaboratories/pf-spec-driver": "1.3.0",
-    "@milaboratories/uikit": "2.12.5",
-    "@milaboratories/pl-model-common": "1.33.0",
-    "@platforma-sdk/model": "1.65.9"
+    "@milaboratories/uikit": "2.12.6",
+    "@platforma-sdk/model": "1.65.10",
+    "@milaboratories/pl-model-common": "1.34.0",
+    "@milaboratories/pf-spec-driver": "1.3.1"
   },
   "devDependencies": {
     "@faker-js/faker": "^9.2.0",
@@ -45,8 +45,8 @@
     "vitest": "^4.1.3",
     "@milaboratories/helpers": "1.14.1",
     "@milaboratories/ts-builder": "1.3.2",
-    "@milaboratories/ts-configs": "1.2.3",
-    "@milaboratories/build-configs": "2.0.0"
+    "@milaboratories/build-configs": "2.0.0",
+    "@milaboratories/ts-configs": "1.2.3"
   },
   "scripts": {
     "dev": "ts-builder serve --target browser-lib",