@platforma-sdk/ui-vue 1.58.8 → 1.58.9

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

@@ -1,130 +1,122 @@
-import { defineComponent as V, mergeModels as q, useModel as E, computed as k, createBlock as r, createCommentVNode as p, openBlock as d, unref as s, withCtx as n, createVNode as c, normalizeClass as i, createElementVNode as x, createTextVNode as f } from "vue";
-import { randomInt as u } from "../../../lib/util/helpers/dist/random.js";
-import { PlSidebarItem as T, PlBtnSecondary as g, PlEditableTitle as A } from "@milaboratories/uikit";
-import v from "./style.module.css.js";
-import { validateTitle as P } from "../utils.js";
-import $ from "../../PlAdvancedFilter/PlAdvancedFilter.vue.js";
-const j = /* @__PURE__ */ V({
-  __name: "FilterSidebar",
-  props: /* @__PURE__ */ q({
-    columns: {},
-    getSuggestOptions: { type: Function },
-    hasSelectedColumns: { type: Boolean },
-    getValuesForSelectedColumns: { type: Function }
-  }, {
-    step: { required: !0 },
-    stepModifiers: {}
-  }),
-  emits: ["update:step"],
-  setup(m) {
-    const e = E(m, "step"), l = m, b = k(() => l.hasSelectedColumns !== void 0 && l.getValuesForSelectedColumns !== void 0), S = () => {
-      e.value.filter.filters.push({
-        id: u(),
-        isExpanded: !0,
-        type: "or",
-        filters: [
-          {
-            id: u(),
-            type: "isNA",
-            column: l.columns[0].id
-          }
-        ]
-      });
-    };
-    async function h() {
-      if (l.hasSelectedColumns === void 0 || l.getValuesForSelectedColumns === void 0)
-        return;
-      const a = await l.getValuesForSelectedColumns();
-      if (!a || a.values.length === 0) return;
-      const { columnId: t, values: o } = a, y = o.slice(0, 3).join(", ") + (o.length > 3 ? ` and ${o.length - 3} more` : "");
-      e.value.filter.filters.push({
-        id: u(),
-        name: `Selected list (${y})`,
-        isExpanded: !1,
-        type: "or",
-        filters: o.map((F, N) => ({
-          id: N,
-          type: "patternEquals",
-          column: t,
-          value: F
-        }))
-      });
-    }
-    const C = [
-      "isNA",
-      "isNotNA",
-      "greaterThan",
-      "greaterThanOrEqual",
-      "lessThan",
-      "lessThanOrEqual",
-      "patternEquals",
-      "patternNotEquals",
-      "patternContainSubsequence",
-      "patternNotContainSubsequence",
-      "equal",
-      "notEqual",
-      "topN",
-      "bottomN"
-    ];
-    return (a, t) => e.value ? (d(), r(s(T), { key: 0 }, {
-      "header-content": n(() => [
-        (d(), r(s(A), {
-          key: e.value.id,
-          modelValue: e.value.label,
-          "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.label = o),
-          class: i({ [s(v).flashing]: e.value.label.length === 0 }),
-          "max-length": 40,
-          "max-width": "600px",
-          placeholder: "Label",
-          autofocus: e.value.label.length === 0,
-          validate: s(P)
-        }, null, 8, ["modelValue", "class", "autofocus", "validate"]))
-      ]),
-      "body-content": n(() => [
-        c(s($), {
-          filters: e.value.filter,
-          "onUpdate:filters": t[1] || (t[1] = (o) => e.value.filter = o),
-          class: i([a.$style.root, { [s(v).disabled]: e.value.label.length === 0 }]),
-          items: l.columns,
-          "supported-filters": C,
-          "get-suggest-options": l.getSuggestOptions,
-          "enable-dnd": !1,
-          "enable-add-group-button": !0
-        }, {
-          "add-group-buttons": n(() => [
-            x("div", {
-              class: i(a.$style.actions)
-            }, [
-              c(s(g), {
-                icon: "add",
-                onClick: S
-              }, {
-                default: n(() => [...t[2] || (t[2] = [
-                  f(" Add Filter ", -1)
-                ])]),
-                _: 1
-              }),
-              b.value ? (d(), r(s(g), {
-                key: 0,
-                icon: "add",
-                disabled: !l.hasSelectedColumns,
-                onClick: h
-              }, {
-                default: n(() => [...t[3] || (t[3] = [
-                  f(" From selection ", -1)
-                ])]),
-                _: 1
-              }, 8, ["disabled"])) : p("", !0)
-            ], 2)
-          ]),
-          _: 1
-        }, 8, ["filters", "class", "items", "get-suggest-options"])
-      ]),
-      _: 1
-    })) : p("", !0);
-  }
+import { randomInt as e } from "../../../lib/util/helpers/dist/random.js";
+import "../../../lib/util/helpers/dist/index.js";
+import t from "../../PlAdvancedFilter/PlAdvancedFilter.js";
+import n from "./style.module.js";
+import { validateTitle as r } from "../utils.js";
+import { computed as i, createBlock as a, createCommentVNode as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeModels as d, normalizeClass as f, openBlock as p, unref as m, useModel as h, withCtx as g } from "vue";
+import { PlBtnSecondary as _, PlEditableTitle as v, PlSidebarItem as y } from "@milaboratories/uikit";
+var b = /* @__PURE__ */ u({
+	__name: "FilterSidebar",
+	props: /* @__PURE__ */ d({
+		columns: {},
+		getSuggestOptions: { type: Function },
+		hasSelectedColumns: { type: Boolean },
+		getValuesForSelectedColumns: { type: Function }
+	}, {
+		step: { required: !0 },
+		stepModifiers: {}
+	}),
+	emits: ["update:step"],
+	setup(u) {
+		let d = h(u, "step"), b = u, x = i(() => b.hasSelectedColumns !== void 0 && b.getValuesForSelectedColumns !== void 0), S = () => {
+			d.value.filter.filters.push({
+				id: e(),
+				isExpanded: !0,
+				type: "or",
+				filters: [{
+					id: e(),
+					type: "isNA",
+					column: b.columns[0].id
+				}]
+			});
+		};
+		async function C() {
+			if (b.hasSelectedColumns === void 0 || b.getValuesForSelectedColumns === void 0) return;
+			let t = await b.getValuesForSelectedColumns();
+			if (!t || t.values.length === 0) return;
+			let { columnId: n, values: r } = t, i = r.slice(0, 3).join(", ") + (r.length > 3 ? ` and ${r.length - 3} more` : "");
+			d.value.filter.filters.push({
+				id: e(),
+				name: `Selected list (${i})`,
+				isExpanded: !1,
+				type: "or",
+				filters: r.map((e, t) => ({
+					id: t,
+					type: "patternEquals",
+					column: n,
+					value: e
+				}))
+			});
+		}
+		let w = [
+			"isNA",
+			"isNotNA",
+			"greaterThan",
+			"greaterThanOrEqual",
+			"lessThan",
+			"lessThanOrEqual",
+			"patternEquals",
+			"patternNotEquals",
+			"patternContainSubsequence",
+			"patternNotContainSubsequence",
+			"equal",
+			"notEqual",
+			"topN",
+			"bottomN"
+		];
+		return (e, i) => d.value ? (p(), a(m(y), { key: 0 }, {
+			"header-content": g(() => [(p(), a(m(v), {
+				key: d.value.id,
+				modelValue: d.value.label,
+				"onUpdate:modelValue": i[0] ||= (e) => d.value.label = e,
+				class: f({ [m(n).flashing]: d.value.label.length === 0 }),
+				"max-length": 40,
+				"max-width": "600px",
+				placeholder: "Label",
+				autofocus: d.value.label.length === 0,
+				validate: m(r)
+			}, null, 8, [
+				"modelValue",
+				"class",
+				"autofocus",
+				"validate"
+			]))]),
+			"body-content": g(() => [l(m(t), {
+				filters: d.value.filter,
+				"onUpdate:filters": i[1] ||= (e) => d.value.filter = e,
+				class: f([e.$style.root, { [m(n).disabled]: d.value.label.length === 0 }]),
+				items: b.columns,
+				"supported-filters": w,
+				"get-suggest-options": b.getSuggestOptions,
+				"enable-dnd": !1,
+				"enable-add-group-button": !0
+			}, {
+				"add-group-buttons": g(() => [s("div", { class: f(e.$style.actions) }, [l(m(_), {
+					icon: "add",
+					onClick: S
+				}, {
+					default: g(() => [...i[2] ||= [c(" Add Filter ", -1)]]),
+					_: 1
+				}), x.value ? (p(), a(m(_), {
+					key: 0,
+					icon: "add",
+					disabled: !b.hasSelectedColumns,
+					onClick: C
+				}, {
+					default: g(() => [...i[3] ||= [c(" From selection ", -1)]]),
+					_: 1
+				}, 8, ["disabled"])) : o("", !0)], 2)]),
+				_: 1
+			}, 8, [
+				"filters",
+				"class",
+				"items",
+				"get-suggest-options"
+			])]),
+			_: 1
+		})) : o("", !0);
+	}
 });
-export {
-  j as default
-};
-//# sourceMappingURL=FilterSidebar.vue2.js.map
+export { b as default };
+
+//# sourceMappingURL=FilterSidebar.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FilterSidebar.vue2.js","sources":["../../../../src/components/PlAnnotations/components/FilterSidebar.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type Props = {\n  columns: PlAdvancedFilterItem[];\n\n  getSuggestOptions: (params: {\n    columnId: PlAdvancedFilterColumnId;\n    axisIdx?: number;\n    searchStr: string;\n    searchType: \"value\" | \"label\";\n  }) => ListOptionBase<string | number>[] | Promise<ListOptionBase<string | number>[]>;\n\n  hasSelectedColumns?: boolean;\n  getValuesForSelectedColumns?: () => Promise<\n    undefined | { columnId: PObjectId; values: string[] }\n  >;\n};\n</script>\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { randomInt } from \"@milaboratories/helpers\";\nimport { PlBtnSecondary, PlEditableTitle, PlSidebarItem } from \"@milaboratories/uikit\";\nimport type { ListOptionBase, PObjectId, SUniversalPColumnId } from \"@platforma-sdk/model\";\n\nimport { PlAdvancedFilterComponent } from \"../../PlAdvancedFilter\";\nimport type {\n  PlAdvancedFilterItem,\n  PlAdvancedFilterColumnId,\n  PlAdvancedFilterSupportedFilters,\n  PlAdvancedFilter,\n} from \"../../PlAdvancedFilter\";\nimport type { Filter } from \"../types\";\n\nimport $commonStyle from \"./style.module.css\";\nimport { validateTitle } from \"../utils\";\n\n// Models\nconst step = defineModel<Filter>(\"step\", { required: true });\n// Props\nconst props = defineProps<Props>();\n// State\nconst withSelection = computed(() => {\n  return props.hasSelectedColumns !== undefined && props.getValuesForSelectedColumns !== undefined;\n});\n// Actions\nconst addFilterPlaceholder = () => {\n  step.value.filter.filters.push({\n    id: randomInt(),\n    isExpanded: true,\n    type: \"or\",\n    filters: [\n      {\n        id: randomInt(),\n        type: \"isNA\",\n        column: props.columns[0].id as SUniversalPColumnId,\n      },\n    ],\n  });\n};\n\nasync function addFilterFromSelected() {\n  if (props.hasSelectedColumns === undefined || props.getValuesForSelectedColumns === undefined)\n    return;\n\n  const data = await props.getValuesForSelectedColumns();\n  if (!data || data.values.length === 0) return;\n\n  const { columnId, values } = data;\n  const shortReminder =\n    values.slice(0, 3).join(\", \") + (values.length > 3 ? ` and ${values.length - 3} more` : \"\");\n\n  step.value.filter.filters.push({\n    id: randomInt(),\n    name: `Selected list (${shortReminder})`,\n    isExpanded: false,\n    type: \"or\",\n    filters: values.map((value, i) => ({\n      id: i,\n      type: \"patternEquals\",\n      column: columnId as SUniversalPColumnId,\n      value,\n    })),\n  });\n}\n\nconst supportedFilters = [\n  \"isNA\",\n  \"isNotNA\",\n  \"greaterThan\",\n  \"greaterThanOrEqual\",\n  \"lessThan\",\n  \"lessThanOrEqual\",\n  \"patternEquals\",\n  \"patternNotEquals\",\n  \"patternContainSubsequence\",\n  \"patternNotContainSubsequence\",\n  \"equal\",\n  \"notEqual\",\n  \"topN\",\n  \"bottomN\",\n] as (typeof PlAdvancedFilterSupportedFilters)[number][];\n</script>\n\n<template>\n  <PlSidebarItem v-if=\"step\">\n    <template #header-content>\n      <PlEditableTitle\n        :key=\"step.id\"\n        v-model=\"step.label\"\n        :class=\"{ [$commonStyle.flashing]: step.label.length === 0 }\"\n        :max-length=\"40\"\n        max-width=\"600px\"\n        placeholder=\"Label\"\n        :autofocus=\"step.label.length === 0\"\n        :validate=\"validateTitle\"\n      />\n    </template>\n    <template #body-content>\n      <PlAdvancedFilterComponent\n        v-model:filters=\"step.filter as PlAdvancedFilter\"\n        :class=\"[$style.root, { [$commonStyle.disabled]: step.label.length === 0 }]\"\n        :items=\"props.columns\"\n        :supported-filters=\"supportedFilters\"\n        :get-suggest-options=\"props.getSuggestOptions\"\n        :enable-dnd=\"false\"\n        :enable-add-group-button=\"true\"\n      >\n        <template #add-group-buttons>\n          <div :class=\"$style.actions\">\n            <PlBtnSecondary icon=\"add\" @click=\"addFilterPlaceholder\"> Add Filter </PlBtnSecondary>\n            <PlBtnSecondary\n              v-if=\"withSelection\"\n              icon=\"add\"\n              :disabled=\"!props.hasSelectedColumns\"\n              @click=\"addFilterFromSelected\"\n            >\n              From selection\n            </PlBtnSecondary>\n          </div>\n        </template>\n      </PlAdvancedFilterComponent>\n    </template>\n  </PlSidebarItem>\n</template>\n\n<style module>\n.root {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.actions {\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n}\n</style>\n"],"names":["step","_useModel","__props","props","withSelection","computed","addFilterPlaceholder","randomInt","addFilterFromSelected","data","columnId","values","shortReminder","value","i","supportedFilters","_createBlock","_unref","PlSidebarItem","PlEditableTitle","_cache","$event","_normalizeClass","validateTitle","_createVNode","PlAdvancedFilterComponent","$style","$commonStyle","_createElementVNode","PlBtnSecondary"],"mappings":"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"}
+{"version":3,"file":"FilterSidebar.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../../src/components/PlAnnotations/components/FilterSidebar.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type Props = {\n  columns: PlAdvancedFilterItem[];\n\n  getSuggestOptions: (params: {\n    columnId: PlAdvancedFilterColumnId;\n    axisIdx?: number;\n    searchStr: string;\n    searchType: \"value\" | \"label\";\n  }) => ListOptionBase<string | number>[] | Promise<ListOptionBase<string | number>[]>;\n\n  hasSelectedColumns?: boolean;\n  getValuesForSelectedColumns?: () => Promise<\n    undefined | { columnId: PObjectId; values: string[] }\n  >;\n};\n</script>\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { randomInt } from \"@milaboratories/helpers\";\nimport { PlBtnSecondary, PlEditableTitle, PlSidebarItem } from \"@milaboratories/uikit\";\nimport type { ListOptionBase, PObjectId, SUniversalPColumnId } from \"@platforma-sdk/model\";\n\nimport { PlAdvancedFilterComponent } from \"../../PlAdvancedFilter\";\nimport type {\n  PlAdvancedFilterItem,\n  PlAdvancedFilterColumnId,\n  PlAdvancedFilterSupportedFilters,\n  PlAdvancedFilter,\n} from \"../../PlAdvancedFilter\";\nimport type { Filter } from \"../types\";\n\nimport $commonStyle from \"./style.module.css\";\nimport { validateTitle } from \"../utils\";\n\n// Models\nconst step = defineModel<Filter>(\"step\", { required: true });\n// Props\nconst props = defineProps<Props>();\n// State\nconst withSelection = computed(() => {\n  return props.hasSelectedColumns !== undefined && props.getValuesForSelectedColumns !== undefined;\n});\n// Actions\nconst addFilterPlaceholder = () => {\n  step.value.filter.filters.push({\n    id: randomInt(),\n    isExpanded: true,\n    type: \"or\",\n    filters: [\n      {\n        id: randomInt(),\n        type: \"isNA\",\n        column: props.columns[0].id as SUniversalPColumnId,\n      },\n    ],\n  });\n};\n\nasync function addFilterFromSelected() {\n  if (props.hasSelectedColumns === undefined || props.getValuesForSelectedColumns === undefined)\n    return;\n\n  const data = await props.getValuesForSelectedColumns();\n  if (!data || data.values.length === 0) return;\n\n  const { columnId, values } = data;\n  const shortReminder =\n    values.slice(0, 3).join(\", \") + (values.length > 3 ? ` and ${values.length - 3} more` : \"\");\n\n  step.value.filter.filters.push({\n    id: randomInt(),\n    name: `Selected list (${shortReminder})`,\n    isExpanded: false,\n    type: \"or\",\n    filters: values.map((value, i) => ({\n      id: i,\n      type: \"patternEquals\",\n      column: columnId as SUniversalPColumnId,\n      value,\n    })),\n  });\n}\n\nconst supportedFilters = [\n  \"isNA\",\n  \"isNotNA\",\n  \"greaterThan\",\n  \"greaterThanOrEqual\",\n  \"lessThan\",\n  \"lessThanOrEqual\",\n  \"patternEquals\",\n  \"patternNotEquals\",\n  \"patternContainSubsequence\",\n  \"patternNotContainSubsequence\",\n  \"equal\",\n  \"notEqual\",\n  \"topN\",\n  \"bottomN\",\n] as (typeof PlAdvancedFilterSupportedFilters)[number][];\n</script>\n\n<template>\n  <PlSidebarItem v-if=\"step\">\n    <template #header-content>\n      <PlEditableTitle\n        :key=\"step.id\"\n        v-model=\"step.label\"\n        :class=\"{ [$commonStyle.flashing]: step.label.length === 0 }\"\n        :max-length=\"40\"\n        max-width=\"600px\"\n        placeholder=\"Label\"\n        :autofocus=\"step.label.length === 0\"\n        :validate=\"validateTitle\"\n      />\n    </template>\n    <template #body-content>\n      <PlAdvancedFilterComponent\n        v-model:filters=\"step.filter as PlAdvancedFilter\"\n        :class=\"[$style.root, { [$commonStyle.disabled]: step.label.length === 0 }]\"\n        :items=\"props.columns\"\n        :supported-filters=\"supportedFilters\"\n        :get-suggest-options=\"props.getSuggestOptions\"\n        :enable-dnd=\"false\"\n        :enable-add-group-button=\"true\"\n      >\n        <template #add-group-buttons>\n          <div :class=\"$style.actions\">\n            <PlBtnSecondary icon=\"add\" @click=\"addFilterPlaceholder\"> Add Filter </PlBtnSecondary>\n            <PlBtnSecondary\n              v-if=\"withSelection\"\n              icon=\"add\"\n              :disabled=\"!props.hasSelectedColumns\"\n              @click=\"addFilterFromSelected\"\n            >\n              From selection\n            </PlBtnSecondary>\n          </div>\n        </template>\n      </PlAdvancedFilterComponent>\n    </template>\n  </PlSidebarItem>\n</template>\n\n<style module>\n.root {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.actions {\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAoCA,IAAM,IAAO,EAAmB,GAAC,OAA2B,EAEtD,IAAQ,GAER,IAAgB,QACb,EAAM,uBAAuB,KAAA,KAAa,EAAM,gCAAgC,KAAA,EACvF,EAEI,UAA6B;AACjC,KAAK,MAAM,OAAO,QAAQ,KAAK;IAC7B,IAAI,GAAW;IACf,YAAY;IACZ,MAAM;IACN,SAAS,CACP;KACE,IAAI,GAAW;KACf,MAAM;KACN,QAAQ,EAAM,QAAQ,GAAG;KAC1B,CACF;IACF,CAAC;;EAGJ,eAAe,IAAwB;AACrC,OAAI,EAAM,uBAAuB,KAAA,KAAa,EAAM,gCAAgC,KAAA,EAClF;GAEF,IAAM,IAAO,MAAM,EAAM,6BAA6B;AACtD,OAAI,CAAC,KAAQ,EAAK,OAAO,WAAW,EAAG;GAEvC,IAAM,EAAE,aAAU,cAAW,GACvB,IACJ,EAAO,MAAM,GAAG,EAAE,CAAC,KAAK,KAAK,IAAI,EAAO,SAAS,IAAI,QAAQ,EAAO,SAAS,EAAE,SAAS;AAE1F,KAAK,MAAM,OAAO,QAAQ,KAAK;IAC7B,IAAI,GAAW;IACf,MAAM,kBAAkB,EAAc;IACtC,YAAY;IACZ,MAAM;IACN,SAAS,EAAO,KAAK,GAAO,OAAO;KACjC,IAAI;KACJ,MAAM;KACN,QAAQ;KACR;KACD,EAAE;IACJ,CAAC;;EAGJ,IAAM,IAAmB;GACvB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD;mBAIsB,EAAA,SAAA,GAAA,EAArB,EAsCgB,EAAA,EAAA,EAAA,EAAA,KAAA,GAAA,EAAA;GArCH,kBAAc,QAUrB,EAAA,GAAA,EATF,EASE,EAAA,EAAA,EAAA;IARC,KAAK,EAAA,MAAK;gBACF,EAAA,MAAK;6CAAL,MAAK,QAAK;IAClB,OAAK,EAAA,GAAK,EAAA,EAAY,CAAC,WAAW,EAAA,MAAK,MAAM,WAAM,GAAA,CAAA;IACnD,cAAY;IACb,aAAU;IACV,aAAY;IACX,WAAW,EAAA,MAAK,MAAM,WAAM;IAC5B,UAAU,EAAA,EAAa;;;;;;;GAGjB,gBAAY,QAuBO,CAtB5B,EAsB4B,EAAA,EAAA,EAAA;IArBlB,SAAS,EAAA,MAAK;0CAAL,MAAK,SAAM;IAC3B,OAAK,EAAA,CAAGA,EAAAA,OAAO,MAAI,GAAK,EAAA,EAAY,CAAC,WAAW,EAAA,MAAK,MAAM,WAAM,GAAA,CAAA,CAAA;IACjE,OAAO,EAAM;IACb,qBAAmB;IACnB,uBAAqB,EAAM;IAC3B,cAAY;IACZ,2BAAyB;;IAEf,qBAAiB,QAWpB,CAVN,EAUM,OAAA,EAVA,OAAK,EAAEA,EAAAA,OAAO,QAAO,EAAA,EAAA,CACzB,EAAsF,EAAA,EAAA,EAAA;KAAtE,MAAK;KAAO,SAAO;;sBAAkC,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAAZ,gBAAY,GAAA,CAAA,CAAA,CAAA;;QAE7D,EAAA,SAAA,GAAA,EADR,EAOiB,EAAA,EAAA,EAAA;;KALf,MAAK;KACJ,UAAQ,CAAG,EAAM;KACjB,SAAO;;sBAGV,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAFC,oBAED,GAAA,CAAA,CAAA,CAAA"}

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

@@ -0,0 +1,7 @@
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
+import t from "./PlAnnotations.vue2.js";
+import n from "./PlAnnotations.style.js";
+var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
+export { r as default };
+
+//# sourceMappingURL=PlAnnotations.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlAnnotations.js","names":[],"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":""}

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

@@ -0,0 +1,4 @@
+import './PlAnnotations.vue.css';var e = { sidebarItem: "_sidebarItem_ealy4_2" };
+export { e as default };
+
+//# sourceMappingURL=PlAnnotations.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlAnnotations.vue_vue_type_style_index_0_lang.module.js","names":[],"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":""}

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

@@ -1,66 +1,74 @@
-import { defineComponent as f, mergeModels as v, useModel as g, shallowRef as C, computed as h, effect as y, createBlock as i, openBlock as c, unref as I, withCtx as d, createCommentVNode as b, normalizeClass as m, createVNode as F } from "vue";
-import { isNil as r } from "../../../lib/util/helpers/dist/utils.js";
-import { useConfirm as V, PlSidebarGroup as D } from "@milaboratories/uikit";
-import w from "./AnnotationsSidebar.vue.js";
-import N from "./FilterSidebar.vue.js";
-const U = /* @__PURE__ */ f({
-  __name: "PlAnnotations",
-  props: /* @__PURE__ */ v({
-    columns: {},
-    getSuggestOptions: { type: Function },
-    hasSelectedColumns: { type: Boolean },
-    getValuesForSelectedColumns: { type: Function },
-    onDeleteSchema: { type: Function }
-  }, {
-    annotation: { required: !0 },
-    annotationModifiers: {}
-  }),
-  emits: ["update:annotation"],
-  setup(u) {
-    const n = g(u, "annotation"), e = u, t = C(void 0), a = h(() => r(t.value) || r(n.value) ? void 0 : n.value.steps.find((o) => o.id === t.value));
-    y(function() {
-      t.value === void 0 && n.value.steps.length > 0 && (t.value = n.value.steps[0].id);
-    });
-    const p = V({
-      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() {
-      var o;
-      await p() && (t.value = void 0, (o = e.onDeleteSchema) == null || o.call(e));
-    }
-    return (o, s) => (c(), i(I(D), null, {
-      "item-0": d(() => [
-        F(w, {
-          annotation: n.value,
-          "onUpdate:annotation": s[0] || (s[0] = (l) => n.value = l),
-          selectedStepId: t.value,
-          "onUpdate:selectedStepId": s[1] || (s[1] = (l) => t.value = l),
-          class: m(o.$style.sidebarItem),
-          columns: e.columns,
-          onDeleteSchema: S
-        }, null, 8, ["annotation", "selectedStepId", "class", "columns"])
-      ]),
-      "item-1": d(() => [
-        a.value ? (c(), i(N, {
-          key: 0,
-          step: a.value,
-          "onUpdate:step": s[2] || (s[2] = (l) => a.value = l),
-          class: m(o.$style.sidebarItem),
-          columns: e.columns,
-          "get-suggest-options": e.getSuggestOptions,
-          selectedStepId: t.value,
-          hasSelectedColumns: e.hasSelectedColumns,
-          getValuesForSelectedColumns: e.getValuesForSelectedColumns
-        }, null, 8, ["step", "class", "columns", "get-suggest-options", "selectedStepId", "hasSelectedColumns", "getValuesForSelectedColumns"])) : b("", !0)
-      ]),
-      _: 1
-    }));
-  }
+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";
+var v = /* @__PURE__ */ s({
+	__name: "PlAnnotations",
+	props: /* @__PURE__ */ l({
+		columns: {},
+		getSuggestOptions: { type: Function },
+		hasSelectedColumns: { type: Boolean },
+		getValuesForSelectedColumns: { 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);
+		});
+		let x = _({
+			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?.());
+		}
+		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,
+				class: u(e.$style.sidebarItem),
+				columns: v.columns,
+				onDeleteSchema: S
+			}, null, 8, [
+				"annotation",
+				"selectedStepId",
+				"class",
+				"columns"
+			])]),
+			"item-1": h(() => [b.value ? (d(), i(n, {
+				key: 0,
+				step: b.value,
+				"onUpdate:step": r[2] ||= (e) => b.value = e,
+				class: u(e.$style.sidebarItem),
+				columns: v.columns,
+				"get-suggest-options": v.getSuggestOptions,
+				selectedStepId: y.value,
+				hasSelectedColumns: v.hasSelectedColumns,
+				getValuesForSelectedColumns: v.getValuesForSelectedColumns
+			}, null, 8, [
+				"step",
+				"class",
+				"columns",
+				"get-suggest-options",
+				"selectedStepId",
+				"hasSelectedColumns",
+				"getValuesForSelectedColumns"
+			])) : a("", !0)]),
+			_: 1
+		}));
+	}
 });
-export {
-  U as default
-};
-//# sourceMappingURL=PlAnnotations.vue2.js.map
+export { v as default };
+
+//# sourceMappingURL=PlAnnotations.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlAnnotations.vue2.js","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"],"names":["annotation","_useModel","props","__props","selectedStepId","shallowRef","selectedStep","computed","isNil","step","effect","confirmResetSchema","useConfirm","handleDeleteSchema","_a","_createBlock","_unref","PlSidebarGroup","_createVNode","AnnotationsSidebar","$event","_normalizeClass","$style","FilterSidebar"],"mappings":";;;;;;;;;;;;;;;;;;;AAkBA,UAAMA,IAAaC,KAAwB,YAAgC,GAErEC,IAAQC,GAERC,IAAiBC,EAA+B,MAAS,GACzDC,IAAeC,EAAS,MACrBC,EAAMJ,EAAe,KAAK,KAAKI,EAAMR,EAAW,KAAK,IACxD,SACAA,EAAW,MAAM,MAAM,KAAK,CAACS,MAASA,EAAK,OAAOL,EAAe,KAAK,CAC3E;AAGD,IAAAM,EAAO,WAA4B;AACjC,MAAIN,EAAe,UAAU,UAAaJ,EAAW,MAAM,MAAM,SAAS,MACxEI,EAAe,QAAQJ,EAAW,MAAM,MAAM,CAAC,EAAE;AAAA,IAErD,CAAC;AAED,UAAMW,IAAqBC,EAAW;AAAA,MACpC,OAAO;AAAA,MACP,SAAS;AAAA,MACT,cAAc;AAAA,MACd,aAAa;AAAA,IAAA,CACd;AAED,mBAAeC,IAAqB;;AAClC,MAAI,MAAMF,QACRP,EAAe,QAAQ,SACvBU,IAAAZ,EAAM,mBAAN,QAAAY,EAAA,KAAAZ;AAAA,IAEJ;2BAIEa,EAsBiBC,EAAAC,CAAA,GAAA,MAAA;AAAA,MArBJ,YACT,MAME;AAAA,QANFC,EAMEC,GAAA;AAAA,UALQ,YAAYnB,EAAA;AAAA,wDAAAA,EAAU,QAAAoB;AAAA,UACtB,gBAAgBhB,EAAA;AAAA,4DAAAA,EAAc,QAAAgB;AAAA,UACrC,OAAKC,EAAEC,EAAAA,OAAO,WAAW;AAAA,UACzB,SAASpB,EAAM;AAAA,UACf,gBAAeW;AAAA,QAAA;;MAGT,YACR,MAUW;AAAA,QATJP,EAAA,cADRS,EASEQ,GAAA;AAAA;UAPQ,MAAMjB,EAAA;AAAA,kDAAAA,EAAY,QAAAc;AAAA,UACzB,OAAKC,EAAEC,EAAAA,OAAO,WAAW;AAAA,UACzB,SAASpB,EAAM;AAAA,UACf,uBAAqBA,EAAM;AAAA,UAC3B,gBAAgBE,EAAA;AAAA,UAChB,oBAAoBF,EAAM;AAAA,UAC1B,6BAA6BA,EAAM;AAAA,QAAA;;;;;;"}
+{"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"}

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

@@ -0,0 +1,7 @@
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
+import t from "./PlAnnotationsModal.vue2.js";
+import n from "./PlAnnotationsModal.style.js";
+var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
+export { r as default };
+
+//# sourceMappingURL=PlAnnotationsModal.js.map

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

@@ -0,0 +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":""}

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

@@ -0,0 +1,7 @@
+import './PlAnnotationsModal.vue.css';var e = {
+	modal: "_modal_bftih_2",
+	content: "_content_bftih_6"
+};
+export { e as default };
+
+//# sourceMappingURL=PlAnnotationsModal.style.js.map

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

@@ -0,0 +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":""}