@platforma-sdk/ui-vue 1.42.23 → 1.42.26

package/.turbo/turbo-build.log

@@ -1,10 +1,10 @@
  WARN  Issue while reading "/home/runner/_work/platforma/platforma/.npmrc". Failed to replace env in config: ${NPMJS_TOKEN}
 
-> @platforma-sdk/ui-vue@1.42.23 build /home/runner/_work/platforma/platforma/sdk/ui-vue
+> @platforma-sdk/ui-vue@1.42.26 build /home/runner/_work/platforma/platforma/sdk/ui-vue
 > ts-builder build --target browser-lib
 
 Building browser-lib project...
-↳ vite.js build --config configs/vite.browser-lib.config.js --mode production
+↳ vite.js build --config /configs/vite.browser-lib.config.js --mode production
 vite v6.3.5 building for production...
 transforming...
 ✓ 238 modules transformed.
@@ -21,8 +21,8 @@ computing gzip size...
 dist/components/PlAgCellFile/PlAgCellFile.vue2.js                                              0.11 kB │ gzip:  0.12 kB │ map:  0.10 kB
 dist/components/PlAgDataTable/PlAgRowCount.vue2.js                                             0.11 kB │ gzip:  0.12 kB │ map:  0.10 kB
 dist/components/PlAgCsvExporter/PlAgCsvExporter.vue2.js                                        0.12 kB │ gzip:  0.12 kB │ map:  0.11 kB
-dist/components/PlAgCellProgress/PlAgCellProgress.vue2.js                                      0.12 kB │ gzip:  0.12 kB │ map:  0.11 kB
 dist/components/PlAgColumnHeader/PlAgColumnHeader.vue2.js                                      0.12 kB │ gzip:  0.12 kB │ map:  0.11 kB
+dist/components/PlAgCellProgress/PlAgCellProgress.vue2.js                                      0.12 kB │ gzip:  0.12 kB │ map:  0.11 kB
 dist/components/PlAgRowNumHeader.vue2.js                                                       0.12 kB │ gzip:  0.12 kB │ map:  0.11 kB
 dist/components/PlAgDataTable/PlAgOverlayLoading.vue2.js                                       0.12 kB │ gzip:  0.12 kB │ map:  0.11 kB
 dist/components/PlAgRowNumCheckbox/PlAgRowNumCheckbox.vue2.js                                  0.12 kB │ gzip:  0.12 kB │ map:  0.11 kB
@@ -144,35 +144,34 @@ computing gzip size...
 dist/node_modules/.pnpm/semver@7.7.2/node_modules/semver/functions/coerce.js                   1.18 kB │ gzip:  0.58 kB │ map:  3.54 kB
 dist/node_modules/.pnpm/semver@7.7.2/node_modules/semver/ranges/min-version.js                 1.20 kB │ gzip:  0.57 kB │ map:  2.88 kB
 dist/components/PlMultiSequenceAlignment/multi-sequence-alignment.js                           1.23 kB │ gzip:  0.70 kB │ map:  4.70 kB
-dist/plugins/Monetization/UserCabinetCard.vue3.js                                              1.24 kB │ gzip:  0.66 kB │ map:  0.11 kB
+dist/plugins/Monetization/RunStatus.vue2.js                                                    1.27 kB │ gzip:  0.59 kB │ map:  2.46 kB
 dist/components/PlAgDataTable/PlAgOverlayLoading.vue.js                                        1.30 kB │ gzip:  0.66 kB │ map:  1.40 kB
-dist/plugins/Monetization/RunStatus.vue2.js                                                    1.32 kB │ gzip:  0.61 kB │ map:  2.66 kB
 dist/createModel.js                                                                            1.39 kB │ gzip:  0.65 kB │ map:  3.91 kB
 dist/components/PlAgDataTable/types.js                                                         1.40 kB │ gzip:  0.56 kB │ map:  9.46 kB
 dist/utils.js                                                                                  1.51 kB │ gzip:  0.69 kB │ map:  3.53 kB
 dist/node_modules/.pnpm/semver@7.7.2/node_modules/semver/ranges/outside.js                     1.55 kB │ gzip:  0.65 kB │ map:  3.99 kB
+dist/plugins/Monetization/UserCabinetCard.vue3.js                                              1.55 kB │ gzip:  0.77 kB │ map:  0.11 kB
 dist/components/PlAgDataTable/sources/focus-row.js                                             1.57 kB │ gzip:  0.75 kB │ map:  2.65 kB
 dist/components/PlAgCsvExporter/export-csv.js                                                  1.60 kB │ gzip:  0.73 kB │ map:  3.72 kB
 dist/AgGridVue/createAgGridColDef.js                                                           1.61 kB │ gzip:  0.72 kB │ map:  9.40 kB
-dist/plugins/Monetization/RunStatus.vue3.js                                                    1.63 kB │ gzip:  0.77 kB │ map:  0.11 kB
 dist/aggrid.js                                                                                 1.65 kB │ gzip:  0.79 kB │ map:  3.09 kB
 dist/internal/createAppModel.js                                                                1.73 kB │ gzip:  0.77 kB │ map:  4.81 kB
+dist/plugins/Monetization/RunStatus.vue3.js                                                    1.79 kB │ gzip:  0.82 kB │ map:  0.11 kB
 dist/internal/UpdateSerializer.js                                                              1.86 kB │ gzip:  0.80 kB │ map:  4.63 kB
 dist/components/PlMultiSequenceAlignment/markup.js                                             1.99 kB │ gzip:  1.02 kB │ map:  6.53 kB
-dist/plugins/Monetization/UserCabinetCard.vue2.js                                              2.11 kB │ gzip:  0.88 kB │ map:  3.01 kB
 dist/defineApp.js                                                                              2.15 kB │ gzip:  0.96 kB │ map:  9.58 kB
-dist/plugins/Monetization/useInfo.js                                                           2.19 kB │ gzip:  0.81 kB │ map:  4.33 kB
+dist/plugins/Monetization/useInfo.js                                                           2.18 kB │ gzip:  0.80 kB │ map:  4.32 kB
 dist/components/PlAgTextAndButtonCell/PlAgTextAndButtonCell.vue.js                             2.20 kB │ gzip:  1.05 kB │ map:  2.83 kB
 dist/components/PlAnnotations/components/PlAnnotationCreateDialog.vue.js                       2.35 kB │ gzip:  0.96 kB │ map:  2.64 kB
-dist/plugins/Monetization/LimitCard.vue3.js                                                    2.55 kB │ gzip:  0.92 kB │ map:  0.11 kB
+dist/plugins/Monetization/UserCabinetCard.vue2.js                                              2.36 kB │ gzip:  0.95 kB │ map:  3.49 kB
 dist/components/PlAgDataTable/PlAgDataTableSheets.vue2.js                                      2.57 kB │ gzip:  1.16 kB │ map:  5.30 kB
 dist/components/PlTableFilters/PlTableFiltersV2.vue3.js                                        2.58 kB │ gzip:  0.94 kB │ map:  0.12 kB
 dist/components/PlTableFilters/filters-state.js                                                2.60 kB │ gzip:  1.08 kB │ map:  7.95 kB
-dist/plugins/Monetization/LimitCard.vue2.js                                                    2.61 kB │ gzip:  0.88 kB │ map:  4.83 kB
 dist/node_modules/.pnpm/semver@7.7.2/node_modules/semver/classes/comparator.js                 2.65 kB │ gzip:  0.94 kB │ map:  6.36 kB
 dist/components/PlMultiSequenceAlignment/MultiSequenceAlignmentView.vue3.js                    2.71 kB │ gzip:  1.14 kB │ map:  0.13 kB
 dist/node_modules/.pnpm/fast-json-patch@3.1.1/node_modules/fast-json-patch/module/helpers.js   2.79 kB │ gzip:  1.21 kB │ map:  8.92 kB
 dist/components/PlAgDataTable/sources/row-number.js                                            3.10 kB │ gzip:  1.34 kB │ map:  8.36 kB
+dist/plugins/Monetization/LimitCard.vue3.js                                                    3.10 kB │ gzip:  1.09 kB │ map:  0.11 kB
 dist/components/PlMultiSequenceAlignment/SeqLogo.vue.js                                        3.11 kB │ gzip:  1.26 kB │ map:  6.04 kB
 dist/composition/fileContent.js                                                                3.15 kB │ gzip:  1.17 kB │ map:  9.49 kB
 dist/components/PlTableFilters/PlTableAddFilterV2.vue.js                                       3.16 kB │ gzip:  1.27 kB │ map:  3.95 kB
@@ -186,14 +185,15 @@ computing gzip size...
 dist/components/PlMultiSequenceAlignment/MultiSequenceAlignmentView.vue2.js                    3.56 kB │ gzip:  1.19 kB │ map:  5.67 kB
 dist/node_modules/.pnpm/semver@7.7.2/node_modules/semver/index.js                              3.67 kB │ gzip:  1.01 kB │ map:  5.45 kB
 dist/components/PlAgGridColumnManager/PlAgGridColumnManager.vue2.js                            3.84 kB │ gzip:  1.52 kB │ map:  4.99 kB
+dist/plugins/Monetization/LimitCard.vue2.js                                                    3.84 kB │ gzip:  1.15 kB │ map:  7.17 kB
 dist/components/PlAnnotations/components/PlAnnotationsModal.vue2.js                            3.89 kB │ gzip:  1.38 kB │ map:  5.48 kB
 dist/node_modules/.pnpm/semver@7.7.2/node_modules/semver/internal/re.js                        4.03 kB │ gzip:  1.23 kB │ map: 12.92 kB
+dist/components/PlAnnotations/components/FilterSidebar.vue2.js                                 4.50 kB │ gzip:  1.67 kB │ map:  5.97 kB
 dist/components/PlAnnotations/components/DynamicForm.vue2.js                                   4.52 kB │ gzip:  1.41 kB │ map:  6.96 kB
-dist/components/PlAnnotations/components/FilterSidebar.vue2.js                                 4.65 kB │ gzip:  1.73 kB │ map:  6.15 kB
-dist/plugins/Monetization/MonetizationSidebar.vue.js                                           4.73 kB │ gzip:  1.76 kB │ map:  5.01 kB
+dist/plugins/Monetization/MonetizationSidebar.vue.js                                           4.70 kB │ gzip:  1.74 kB │ map:  4.91 kB
 dist/components/PlMultiSequenceAlignment/chemical-properties.js                                4.75 kB │ gzip:  1.67 kB │ map: 11.78 kB
 dist/components/BlockLayout.vue2.js                                                            4.96 kB │ gzip:  1.83 kB │ map:  2.96 kB
-dist/components/PlAnnotations/components/FilterSidebar.vue3.js                                 5.58 kB │ gzip:  1.63 kB │ map:  0.11 kB
+dist/components/PlAnnotations/components/FilterSidebar.vue3.js                                 5.48 kB │ gzip:  1.59 kB │ map:  0.11 kB
 dist/components/PlAnnotations/components/AnnotationsSidebar.vue3.js                            5.67 kB │ gzip:  1.67 kB │ map:  0.11 kB
 dist/internal/createAppV1.js                                                                   5.75 kB │ gzip:  1.83 kB │ map: 15.32 kB
 dist/components/PlTableFilters/PlTableFiltersV2.vue2.js                                        6.10 kB │ gzip:  2.02 kB │ map:  9.27 kB
@@ -215,7 +215,7 @@ computing gzip size...
 dist/components/PlAgRowNumHeader.vue.js                                                       44.65 kB │ gzip: 29.29 kB │ map:  3.70 kB
 dist/AgGridVue/useAgGridOptions.js                                                            49.29 kB │ gzip: 30.15 kB │ map: 16.35 kB
 dist/components/PlAgDataTable/PlAgDataTableV2.vue2.js                                         50.33 kB │ gzip: 31.04 kB │ map: 33.70 kB
-[vite:dts] Declaration files built in 9474ms.
+[vite:dts] Declaration files built in 9046ms.
 
-✓ built in 11.35s
+✓ built in 10.84s
 Build completed successfully

package/.turbo/turbo-type-check.log

@@ -1,6 +1,6 @@
  WARN  Issue while reading "/home/runner/_work/platforma/platforma/.npmrc". Failed to replace env in config: ${NPMJS_TOKEN}
 
-> @platforma-sdk/ui-vue@1.42.23 type-check /home/runner/_work/platforma/platforma/sdk/ui-vue
+> @platforma-sdk/ui-vue@1.42.26 type-check /home/runner/_work/platforma/platforma/sdk/ui-vue
 > ts-builder types --target browser-lib
 
 ↳ vue-tsc.js --noEmit --project ./tsconfig.json

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @platforma-sdk/ui-vue
 
+## 1.42.26
+
+### Patch Changes
+
+- 5714f79: Fix Monetization sidebar appearance
+
+## 1.42.24
+
+### Patch Changes
+
+- 448a0c6: remove wrong ui tip
+
 ## 1.42.23
 
 ### Patch Changes

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

@@ -1,11 +1,11 @@
-import { defineComponent as E, mergeModels as S, useModel as B, createBlock as m, createCommentVNode as w, openBlock as s, unref as n, withCtx as o, createElementVNode as p, normalizeClass as c, createVNode as f, createTextVNode as y, createElementBlock as M, toDisplayString as g } from "vue";
-import { isNil as i } from "../../../lib/util/helpers/dist/utils.js";
+import { defineComponent as E, mergeModels as S, useModel as B, createBlock as m, createCommentVNode as M, openBlock as i, unref as n, withCtx as a, createElementVNode as y, normalizeClass as v, createVNode as p, createTextVNode as c, createElementBlock as N, toDisplayString as g } from "vue";
+import { isNil as s } from "../../../lib/util/helpers/dist/utils.js";
 import { randomInt as F } from "../../../lib/util/helpers/dist/random.js";
-import { PlSidebarItem as N, PlBtnSecondary as V, PlElementList as P, PlEditableTitle as U } from "@milaboratories/uikit";
+import { PlSidebarItem as w, PlBtnSecondary as V, PlElementList as P, PlEditableTitle as U } from "@milaboratories/uikit";
 import { getFilterUiMetadata as $ } from "@platforma-sdk/model";
 import { createDefaultFilterMetadata as D } from "../utils.js";
 import I from "./DynamicForm.vue.js";
-const L = { key: 1 }, H = /* @__PURE__ */ E({
+const j = { key: 1 }, H = /* @__PURE__ */ E({
   __name: "FilterSidebar",
   props: /* @__PURE__ */ S({
     columns: {},
@@ -16,21 +16,21 @@ const L = { key: 1 }, H = /* @__PURE__ */ E({
     stepModifiers: {}
   }),
   emits: ["update:step"],
-  setup(v) {
-    const a = B(v, "step"), r = v, b = () => {
-      a.value.filter.filters.push({
+  setup(f) {
+    const o = B(f, "step"), d = f, x = () => {
+      o.value.filter.filters.push({
         id: F(),
         isExpanded: !0,
         type: void 0
       });
     };
-    async function h() {
-      const t = await r.getValuesForSelectedColumns();
+    async function b() {
+      const t = await d.getValuesForSelectedColumns();
       if (!t || t.values.length === 0) return;
-      const { columnId: l, values: e } = t, d = e.slice(0, 3).join(", ") + (e.length > 3 ? ` and ${e.length - 3} more` : "");
-      a.value.filter.filters.push({
+      const { columnId: l, values: e } = t, r = e.slice(0, 3).join(", ") + (e.length > 3 ? ` and ${e.length - 3} more` : "");
+      o.value.filter.filters.push({
         id: F(),
-        name: `Selected list (${d})`,
+        name: `Selected list (${r})`,
         isExpanded: !1,
         type: "or",
         filters: e.map((u) => ({
@@ -40,79 +40,76 @@ const L = { key: 1 }, H = /* @__PURE__ */ E({
         }))
       });
     }
-    const x = (t) => {
+    const h = (t) => {
       var l;
-      return i(t.name) ? ((l = r.columns.find((e) => "column" in t ? e.id === t.column : !1)) == null ? void 0 : l.label) ?? t.type : t.name;
-    }, k = (t) => i(t.type) ? D() : $(t.type).form, C = (t) => t.type === "or" || t.type === "and" ? t.filters.map((l) => "value" in l && !i(l.value) ? l.value : null).filter((l) => !i(l)).join(", ") : null;
-    return (t, l) => a.value ? (s(), m(n(N), { key: 0 }, {
-      "header-content": o(() => [
-        (s(), m(n(U), {
-          key: a.value.id,
-          modelValue: a.value.label,
-          "onUpdate:modelValue": l[0] || (l[0] = (e) => a.value.label = e),
+      return s(t.name) ? ((l = d.columns.find((e) => "column" in t ? e.id === t.column : !1)) == null ? void 0 : l.label) ?? t.type : t.name;
+    }, k = (t) => s(t.type) ? D() : $(t.type).form, C = (t) => t.type === "or" || t.type === "and" ? t.filters.map((l) => "value" in l && !s(l.value) ? l.value : null).filter((l) => !s(l)).join(", ") : null;
+    return (t, l) => o.value ? (i(), m(n(w), { key: 0 }, {
+      "header-content": a(() => [
+        (i(), m(n(U), {
+          key: o.value.id,
+          modelValue: o.value.label,
+          "onUpdate:modelValue": l[0] || (l[0] = (e) => o.value.label = e),
           "max-length": 40,
           "max-width": "600px",
           placeholder: "Annotation Name",
-          autofocus: a.value.label.length === 0
+          autofocus: o.value.label.length === 0
         }, null, 8, ["modelValue", "autofocus"]))
       ]),
-      "body-content": o(() => [
-        p("div", {
-          class: c(t.$style.root)
+      "body-content": a(() => [
+        y("div", {
+          class: v(t.$style.root)
         }, [
-          p("div", {
-            class: c(t.$style.actions)
+          y("div", {
+            class: v(t.$style.actions)
           }, [
-            f(n(V), {
+            p(n(V), {
               style: { width: "100%" },
               icon: "add",
-              onClick: b
+              onClick: x
             }, {
-              default: o(() => l[2] || (l[2] = [
-                y(" Filter ")
+              default: a(() => l[2] || (l[2] = [
+                c(" Filter ")
               ])),
               _: 1
             }),
-            f(n(V), {
+            p(n(V), {
               style: { width: "100%" },
               icon: "add",
-              disabled: !r.hasSelectedColumns,
-              onClick: h
+              disabled: !d.hasSelectedColumns,
+              onClick: b
             }, {
-              default: o(() => l[3] || (l[3] = [
-                y(" From selection ")
+              default: a(() => l[3] || (l[3] = [
+                c(" From selection ")
               ])),
               _: 1
             }, 8, ["disabled"])
           ], 2),
-          p("span", {
-            class: c(t.$style.tip)
-          }, "Lower annotations override the ones above. Rearrange them by dragging.", 2),
-          f(n(P), {
-            items: a.value.filter.filters,
-            "onUpdate:items": l[1] || (l[1] = (e) => a.value.filter.filters = e),
+          p(n(P), {
+            items: o.value.filter.filters,
+            "onUpdate:items": l[1] || (l[1] = (e) => o.value.filter.filters = e),
             "get-item-key": (e) => e.id,
             "is-expanded": (e) => !!e.isExpanded,
             "on-expand": (e) => e.isExpanded = !e.isExpanded
           }, {
-            "item-title": o(({ item: e }) => [
-              y(g(x(e)), 1)
+            "item-title": a(({ item: e }) => [
+              c(g(h(e)), 1)
             ]),
-            "item-content": o(({ item: e, index: d }) => [
-              e.type !== "or" && e.type !== "and" ? (s(), m(I, {
+            "item-content": a(({ item: e, index: r }) => [
+              e.type !== "or" && e.type !== "and" ? (i(), m(I, {
                 key: 0,
-                modelValue: a.value.filter.filters[d],
-                "onUpdate:modelValue": (u) => a.value.filter.filters[d] = u,
+                modelValue: o.value.filter.filters[r],
+                "onUpdate:modelValue": (u) => o.value.filter.filters[r] = u,
                 "form-metadata": k(e),
-                columns: r.columns
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "form-metadata", "columns"])) : (s(), M("div", L, g(C(e)), 1))
+                columns: d.columns
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "form-metadata", "columns"])) : (i(), N("div", j, g(C(e)), 1))
             ]),
             _: 1
           }, 8, ["items", "get-item-key", "is-expanded", "on-expand"])
         ], 2)
       ]),
       _: 1
-    })) : w("", !0);
+    })) : M("", !0);
   }
 });
 export {

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 setup lang=\"ts\">\nimport { isNil, randomInt } from '@milaboratories/helpers';\nimport {\n  PlBtnSecondary,\n  PlEditableTitle,\n  PlElementList,\n  PlSidebarItem,\n} from '@milaboratories/uikit';\nimport type { AnnotationStepUi, FilterUi, PObjectId, SUniversalPColumnId } from '@platforma-sdk/model';\nimport { getFilterUiMetadata } from '@platforma-sdk/model';\nimport type { SimplifiedUniversalPColumnEntry } from '../types';\nimport { createDefaultFilterMetadata } from '../utils';\nimport DynamicForm from './DynamicForm.vue';\n\n// Models\nconst step = defineModel<AnnotationStepUi>('step', { required: true });\n// Props\nconst props = defineProps<{\n  columns: SimplifiedUniversalPColumnEntry[];\n  hasSelectedColumns: boolean;\n  getValuesForSelectedColumns: () => Promise<undefined | { columnId: PObjectId; values: string[] }>;\n}>();\n// Actions\nconst addFilterPlaceholder = () => {\n  step.value.filter.filters.push({\n    id: randomInt(),\n    isExpanded: true,\n    type: undefined,\n  });\n};\n\nasync function addFilterFromSelected() {\n  const data = await props.getValuesForSelectedColumns();\n  if (!data || data.values.length === 0) return;\n\n  const { columnId, values } = data;\n  const shortReminder = 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) => ({\n      type: 'patternEquals',\n      column: columnId as SUniversalPColumnId,\n      value,\n    })),\n  });\n}\n\n// Getters\nconst getColumnLabel = (filter: FilterUi) => {\n  if (!isNil(filter.name)) return filter.name;\n  return props.columns\n    .find((c) => 'column' in filter ? c.id === filter.column : false)?.label\n    ?? filter.type;\n};\n\nconst getFormMetadata = (filter: FilterUi) => {\n  return !isNil(filter.type) ? getFilterUiMetadata(filter.type).form : createDefaultFilterMetadata();\n};\n\nconst getFilterValues = (filter: FilterUi) => {\n  if (filter.type === 'or' || filter.type === 'and') {\n    return filter.filters.map((f) => 'value' in f && !isNil(f.value) ? f.value : null).filter((v) => !isNil(v)).join (', ');\n  }\n  return null;\n};\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        :max-length=\"40\"\n        max-width=\"600px\"\n        placeholder=\"Annotation Name\"\n        :autofocus=\"step.label.length === 0\"\n      />\n    </template>\n    <template #body-content>\n      <div :class=\"$style.root\">\n        <div :class=\"$style.actions\">\n          <PlBtnSecondary style=\"width: 100%;\" icon=\"add\" @click=\"addFilterPlaceholder\">\n            Filter\n          </PlBtnSecondary>\n          <PlBtnSecondary style=\"width: 100%;\" icon=\"add\" :disabled=\"!props.hasSelectedColumns\" @click=\"addFilterFromSelected\">\n            From selection\n          </PlBtnSecondary>\n        </div>\n\n        <span :class=\"$style.tip\">Lower annotations override the ones above. Rearrange them by dragging.</span>\n\n        <PlElementList\n          v-model:items=\"step.filter.filters\"\n          :get-item-key=\"(item) => item.id!\"\n          :is-expanded=\"(item) => Boolean(item.isExpanded)\"\n          :on-expand=\"(item) => item.isExpanded = !Boolean(item.isExpanded)\"\n        >\n          <template #item-title=\"{ item }\">\n            {{ getColumnLabel(item) }}\n          </template>\n          <template #item-content=\"{ item, index }\">\n            <template v-if=\"item.type !== 'or' && item.type !== 'and'\">\n              <DynamicForm\n                v-model=\"step.filter.filters[index]\"\n                :form-metadata=\"getFormMetadata(item)\"\n                :columns=\"props.columns\"\n              />\n            </template>\n            <template v-else>\n              <div>{{ getFilterValues(item) }}</div>\n            </template>\n          </template>\n        </PlElementList>\n      </div>\n    </template>\n  </PlSidebarItem>\n</template>\n\n<style lang=\"scss\" module>\n@use '@milaboratories/uikit/styles/variables' as *;\n\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\n.tip {\n  margin-top: 12px;\n  color: var(--txt-03);\n}\n</style>\n"],"names":["step","_useModel","props","__props","addFilterPlaceholder","randomInt","addFilterFromSelected","data","columnId","values","shortReminder","value","getColumnLabel","filter","isNil","_a","c","getFormMetadata","createDefaultFilterMetadata","getFilterUiMetadata","getFilterValues","f","v"],"mappings":";;;;;;;;;;;;;;;;;;;AAeA,UAAMA,IAAOC,KAA8B,MAA0B,GAE/DC,IAAQC,GAMRC,IAAuB,MAAM;AACjC,MAAAJ,EAAK,MAAM,OAAO,QAAQ,KAAK;AAAA,QAC7B,IAAIK,EAAA;AAAA,QACJ,YAAY;AAAA,QACZ,MAAM;AAAA,MAAA,CACP;AAAA,IACH;AAEA,mBAAeC,IAAwB;AACrC,YAAMC,IAAO,MAAML,EAAM,4BAAA;AACzB,UAAI,CAACK,KAAQA,EAAK,OAAO,WAAW,EAAG;AAEvC,YAAM,EAAE,UAAAC,GAAU,QAAAC,EAAA,IAAWF,GACvBG,IAAgBD,EAAO,MAAM,GAAG,CAAC,EAAE,KAAK,IAAI,KAAKA,EAAO,SAAS,IAAI,QAAQA,EAAO,SAAS,CAAC,UAAU;AAE9G,MAAAT,EAAK,MAAM,OAAO,QAAQ,KAAK;AAAA,QAC7B,IAAIK,EAAA;AAAA,QACJ,MAAM,kBAAkBK,CAAa;AAAA,QACrC,YAAY;AAAA,QACZ,MAAM;AAAA,QACN,SAASD,EAAO,IAAI,CAACE,OAAW;AAAA,UAC9B,MAAM;AAAA,UACN,QAAQH;AAAA,UACR,OAAAG;AAAA,QAAA,EACA;AAAA,MAAA,CACH;AAAA,IACH;AAGA,UAAMC,IAAiB,CAACC,MAAqB;;AAC3C,aAAKC,EAAMD,EAAO,IAAI,MACfE,IAAAb,EAAM,QACV,KAAK,CAACc,MAAM,YAAYH,IAASG,EAAE,OAAOH,EAAO,SAAS,EAAK,MAD3D,gBAAAE,EAC8D,UAChEF,EAAO,OAHoBA,EAAO;AAAA,IAIzC,GAEMI,IAAkB,CAACJ,MACfC,EAAMD,EAAO,IAAI,IAA4CK,EAAA,IAAxCC,EAAoBN,EAAO,IAAI,EAAE,MAG1DO,IAAkB,CAACP,MACnBA,EAAO,SAAS,QAAQA,EAAO,SAAS,QACnCA,EAAO,QAAQ,IAAI,CAACQ,MAAM,WAAWA,KAAK,CAACP,EAAMO,EAAE,KAAK,IAAIA,EAAE,QAAQ,IAAI,EAAE,OAAO,CAACC,MAAM,CAACR,EAAMQ,CAAC,CAAC,EAAE,KAAM,IAAI,IAEjH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FilterSidebar.vue2.js","sources":["../../../../src/components/PlAnnotations/components/FilterSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { isNil, randomInt } from '@milaboratories/helpers';\nimport {\n  PlBtnSecondary,\n  PlEditableTitle,\n  PlElementList,\n  PlSidebarItem,\n} from '@milaboratories/uikit';\nimport type { AnnotationStepUi, FilterUi, PObjectId, SUniversalPColumnId } from '@platforma-sdk/model';\nimport { getFilterUiMetadata } from '@platforma-sdk/model';\nimport type { SimplifiedUniversalPColumnEntry } from '../types';\nimport { createDefaultFilterMetadata } from '../utils';\nimport DynamicForm from './DynamicForm.vue';\n\n// Models\nconst step = defineModel<AnnotationStepUi>('step', { required: true });\n// Props\nconst props = defineProps<{\n  columns: SimplifiedUniversalPColumnEntry[];\n  hasSelectedColumns: boolean;\n  getValuesForSelectedColumns: () => Promise<undefined | { columnId: PObjectId; values: string[] }>;\n}>();\n// Actions\nconst addFilterPlaceholder = () => {\n  step.value.filter.filters.push({\n    id: randomInt(),\n    isExpanded: true,\n    type: undefined,\n  });\n};\n\nasync function addFilterFromSelected() {\n  const data = await props.getValuesForSelectedColumns();\n  if (!data || data.values.length === 0) return;\n\n  const { columnId, values } = data;\n  const shortReminder = 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) => ({\n      type: 'patternEquals',\n      column: columnId as SUniversalPColumnId,\n      value,\n    })),\n  });\n}\n\n// Getters\nconst getColumnLabel = (filter: FilterUi) => {\n  if (!isNil(filter.name)) return filter.name;\n  return props.columns\n    .find((c) => 'column' in filter ? c.id === filter.column : false)?.label\n    ?? filter.type;\n};\n\nconst getFormMetadata = (filter: FilterUi) => {\n  return !isNil(filter.type) ? getFilterUiMetadata(filter.type).form : createDefaultFilterMetadata();\n};\n\nconst getFilterValues = (filter: FilterUi) => {\n  if (filter.type === 'or' || filter.type === 'and') {\n    return filter.filters.map((f) => 'value' in f && !isNil(f.value) ? f.value : null).filter((v) => !isNil(v)).join (', ');\n  }\n  return null;\n};\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        :max-length=\"40\"\n        max-width=\"600px\"\n        placeholder=\"Annotation Name\"\n        :autofocus=\"step.label.length === 0\"\n      />\n    </template>\n    <template #body-content>\n      <div :class=\"$style.root\">\n        <div :class=\"$style.actions\">\n          <PlBtnSecondary style=\"width: 100%;\" icon=\"add\" @click=\"addFilterPlaceholder\">\n            Filter\n          </PlBtnSecondary>\n          <PlBtnSecondary style=\"width: 100%;\" icon=\"add\" :disabled=\"!props.hasSelectedColumns\" @click=\"addFilterFromSelected\">\n            From selection\n          </PlBtnSecondary>\n        </div>\n\n        <PlElementList\n          v-model:items=\"step.filter.filters\"\n          :get-item-key=\"(item) => item.id!\"\n          :is-expanded=\"(item) => Boolean(item.isExpanded)\"\n          :on-expand=\"(item) => item.isExpanded = !Boolean(item.isExpanded)\"\n        >\n          <template #item-title=\"{ item }\">\n            {{ getColumnLabel(item) }}\n          </template>\n          <template #item-content=\"{ item, index }\">\n            <template v-if=\"item.type !== 'or' && item.type !== 'and'\">\n              <DynamicForm\n                v-model=\"step.filter.filters[index]\"\n                :form-metadata=\"getFormMetadata(item)\"\n                :columns=\"props.columns\"\n              />\n            </template>\n            <template v-else>\n              <div>{{ getFilterValues(item) }}</div>\n            </template>\n          </template>\n        </PlElementList>\n      </div>\n    </template>\n  </PlSidebarItem>\n</template>\n\n<style lang=\"scss\" module>\n@use '@milaboratories/uikit/styles/variables' as *;\n\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","addFilterPlaceholder","randomInt","addFilterFromSelected","data","columnId","values","shortReminder","value","getColumnLabel","filter","isNil","_a","c","getFormMetadata","createDefaultFilterMetadata","getFilterUiMetadata","getFilterValues","f","v"],"mappings":";;;;;;;;;;;;;;;;;;;AAeA,UAAMA,IAAOC,KAA8B,MAA0B,GAE/DC,IAAQC,GAMRC,IAAuB,MAAM;AACjC,MAAAJ,EAAK,MAAM,OAAO,QAAQ,KAAK;AAAA,QAC7B,IAAIK,EAAA;AAAA,QACJ,YAAY;AAAA,QACZ,MAAM;AAAA,MAAA,CACP;AAAA,IACH;AAEA,mBAAeC,IAAwB;AACrC,YAAMC,IAAO,MAAML,EAAM,4BAAA;AACzB,UAAI,CAACK,KAAQA,EAAK,OAAO,WAAW,EAAG;AAEvC,YAAM,EAAE,UAAAC,GAAU,QAAAC,EAAA,IAAWF,GACvBG,IAAgBD,EAAO,MAAM,GAAG,CAAC,EAAE,KAAK,IAAI,KAAKA,EAAO,SAAS,IAAI,QAAQA,EAAO,SAAS,CAAC,UAAU;AAE9G,MAAAT,EAAK,MAAM,OAAO,QAAQ,KAAK;AAAA,QAC7B,IAAIK,EAAA;AAAA,QACJ,MAAM,kBAAkBK,CAAa;AAAA,QACrC,YAAY;AAAA,QACZ,MAAM;AAAA,QACN,SAASD,EAAO,IAAI,CAACE,OAAW;AAAA,UAC9B,MAAM;AAAA,UACN,QAAQH;AAAA,UACR,OAAAG;AAAA,QAAA,EACA;AAAA,MAAA,CACH;AAAA,IACH;AAGA,UAAMC,IAAiB,CAACC,MAAqB;;AAC3C,aAAKC,EAAMD,EAAO,IAAI,MACfE,IAAAb,EAAM,QACV,KAAK,CAACc,MAAM,YAAYH,IAASG,EAAE,OAAOH,EAAO,SAAS,EAAK,MAD3D,gBAAAE,EAC8D,UAChEF,EAAO,OAHoBA,EAAO;AAAA,IAIzC,GAEMI,IAAkB,CAACJ,MACfC,EAAMD,EAAO,IAAI,IAA4CK,EAAA,IAAxCC,EAAoBN,EAAO,IAAI,EAAE,MAG1DO,IAAkB,CAACP,MACnBA,EAAO,SAAS,QAAQA,EAAO,SAAS,QACnCA,EAAO,QAAQ,IAAI,CAACQ,MAAM,WAAWA,KAAK,CAACP,EAAMO,EAAE,KAAK,IAAIA,EAAE,QAAQ,IAAI,EAAE,OAAO,CAACC,MAAM,CAACR,EAAMQ,CAAC,CAAC,EAAE,KAAM,IAAI,IAEjH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,13 +1,11 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(":root{--txt-00: #ffffff;--txt-01: light-dark(#110529, #ffffff);--txt-02: #231842;--txt-03: #9d9eae;--txt-mask: #cfd1db;--txt-focus: #07ad3e;--txt-error: #f1222f;--txt-link: #5f31cc;--ic-00: #ffffff;--ic-01: #110529;--ic-02: #cfd1db;--ic-accent: #07ad3e;--border-color-default: #110529;--border-color-hover: #231842;--border-color-focus: #49cc49;--border-color-error: #ff5c5c;--border-color-div-grey: #e1e3eb;--border-color-div-bw: #ffffff;--btn-accent-default: #845cff;--btn-accent-hover: #9470ff;--btn-accent-press: #6f4dd6;--btn-primary-default: #110529;--btn-primary-hover: #231842;--btn-primary-press: #080214;--btn-sec-hover-white: rgba(255, 255, 255, .5);--btn-sec-hover-grey: light-dark(rgba(155, 171, 204, .16), rgba(131, 131, 163, .16));--btn-sec-press-grey: rgba(155, 171, 204, .24);--btn-active-select: rgba(99, 224, 36, .24);--btn-switcher: linear-gradient(180deg, #a1e59c 0%, #d0f5b0 100%);--btn-accent-positive-500: #ECFBE5;--dis-00: #ffffff;--dis-01: light-dark(#cfd1db, #3d3d42);--bg-base-dark: #110529;--bg-base-light: #f7f8fa;--bg-elevated-01: #ffffff;--bg-elevated-02: #e1e3eb;--bg-error: #FFF5F5;--filled-V-BG: #d0f0c0;--filled-D-BG: #ffcecc;--filled-N-BG: #faf5aa;--filled-J-BG: #dedbff;--notification-neutral: linear-gradient(90deg, #d6d9ff 0%, #fff 100%);--notification-success: linear-gradient(90deg, #c9f0b6 0%, #fff 100%);--notification-warning: linear-gradient(90deg, #fee0a3 0%, #fff 100%);--notification-error: linear-gradient(90deg, #ffb8b8 0%, #fff 100%);--gradient-blue-green: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);--gradient-green-lime: linear-gradient(180deg, #a1e59c 0%, #d0f5b0 100%);--gradient-blue-violet: linear-gradient(180deg, #adb8ff 0%, #d6e9ff 100%);--gradient-blue-clear: linear-gradient(180deg, #85beff 0%, #cef 100%);--gradient-orange: linear-gradient(180deg, #ffb766 0%, #ffeaa3 100%);--gradient-mint: linear-gradient(180deg, #7dd1d1 0%, #c8fae9 100%);--gradient-lime: linear-gradient(180deg, #bfe062 0%, #e4ffad 100%);--gradient-rose: linear-gradient(0deg, #ffddd6 0%, #ff99c9 100%);--gradient-red: linear-gradient(0deg, #ffd5cc 0%, #ff9494 100%);--gradient-violet: linear-gradient(180deg, #bca3ff 0%, #e5e5ff 100%);--TT-gradient-violet: linear-gradient(180deg, #bca3ff 0%, #e5e5ff 100%);--gradient-light-lime: linear-gradient(180deg, #EBFFEB 0%, transparent 100%);--shadow-l: 0px 8px 16px -4px rgba(15, 36, 77, .16), 0px 12px 32px -4px rgba(15, 36, 77, .16);--main-spacing: 24px;--gap-v: 24px;--gap-h: 12px;--border-radius: 6px;--z-splash: 50;--z-slide-shadow: 80;--z-slide-dialog: 81;--z-dialog: 100;--z-dropdown-options: 110;--z-tooltip: 120;--z-context-menu: 1001;--scrollbar-width: 6px}[data-theme=dark]{--txt-00: #ffffff;--txt-01: #FFFFFF;--txt-02: #adaeb8;--txt-03: #60616b;--txt-mask: #3D3D42;--txt-focus: #87e087;--txt-error: #ff5c5c;--txt-link: #9470ff;--ic-00: #ffffff;--ic-01: #FFFFFF;--ic-02: #60616b;--ic-accent: #87e087;--border-color-default: #60616b;--border-color-hover: #adaeb8;--border-color-focus: #49cc49;--border-color-error: #ff5c5c;--border-color-div-grey: #232329;--border-color-div-bw: #000000;--btn-accent-default: #5f31cc;--btn-accent-hover: #5f31cc;--btn-accent-press: #5f31cc;--btn-primary-default: #5f31cc;--btn-primary-hover: #6d3ddb;--btn-primary-press: #5328b8;--btn-sec-hover-white: rgba(131, 131, 163, .16);--btn-sec-hover-grey: rgba(131, 131, 163, .16);--btn-sec-press-grey: rgba(131, 131, 163, .24);--btn-active-select: rgba(99, 224, 36, .24);--btn-switcher: #5e5e70;--dis-00: #65656b;--dis-01: #3D3D42;--bg-base-dark: #0d0d0f;--bg-base-light: #0d0d0f;--bg-elevated-01: #1b1b1f;--bg-elevated-02: #2d2d33;--bg-error: #FFF5F5;--filled-V-BG: rgba(66, 184, 66, .4);--filled-D-BG: rgba(229, 83, 229, .4);--filled-N-BG: rgba(83, 82, 102, .4);--filled-J-BG: rgba(132, 92, 255, .4);--notification-neutral: linear-gradient(90deg, #4d4d8f 0%, #292933 100%);--notification-success: linear-gradient(90deg, #305c3e 0%, #292933 100%);--notification-warning: linear-gradient(90deg, #754f2d 0%, #292933 100%);--notification-error: linear-gradient(90deg, #8f3343 0%, #292933 100%);--gradient-blue-green: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);--gradient-green-lime: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);--gradient-blue-violet: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);--gradient-blue-clear: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);--gradient-orange: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);--gradient-mint: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);--gradient-lime: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);--gradient-rose: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);--gradient-red: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);--gradient-violet: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%)}._root_9d0hc_131{display:flex;flex-direction:column;gap:12px}._actions_9d0hc_137{display:flex;flex-direction:row;gap:12px}._tip_9d0hc_143{margin-top:12px;color:var(--txt-03)}")),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
-const t = "_root_9d0hc_131", o = "_actions_9d0hc_137", c = "_tip_9d0hc_143", s = {
-  root: t,
-  actions: o,
-  tip: c
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(":root{--txt-00: #ffffff;--txt-01: light-dark(#110529, #ffffff);--txt-02: #231842;--txt-03: #9d9eae;--txt-mask: #cfd1db;--txt-focus: #07ad3e;--txt-error: #f1222f;--txt-link: #5f31cc;--ic-00: #ffffff;--ic-01: #110529;--ic-02: #cfd1db;--ic-accent: #07ad3e;--border-color-default: #110529;--border-color-hover: #231842;--border-color-focus: #49cc49;--border-color-error: #ff5c5c;--border-color-div-grey: #e1e3eb;--border-color-div-bw: #ffffff;--btn-accent-default: #845cff;--btn-accent-hover: #9470ff;--btn-accent-press: #6f4dd6;--btn-primary-default: #110529;--btn-primary-hover: #231842;--btn-primary-press: #080214;--btn-sec-hover-white: rgba(255, 255, 255, .5);--btn-sec-hover-grey: light-dark(rgba(155, 171, 204, .16), rgba(131, 131, 163, .16));--btn-sec-press-grey: rgba(155, 171, 204, .24);--btn-active-select: rgba(99, 224, 36, .24);--btn-switcher: linear-gradient(180deg, #a1e59c 0%, #d0f5b0 100%);--btn-accent-positive-500: #ECFBE5;--dis-00: #ffffff;--dis-01: light-dark(#cfd1db, #3d3d42);--bg-base-dark: #110529;--bg-base-light: #f7f8fa;--bg-elevated-01: #ffffff;--bg-elevated-02: #e1e3eb;--bg-error: #FFF5F5;--filled-V-BG: #d0f0c0;--filled-D-BG: #ffcecc;--filled-N-BG: #faf5aa;--filled-J-BG: #dedbff;--notification-neutral: linear-gradient(90deg, #d6d9ff 0%, #fff 100%);--notification-success: linear-gradient(90deg, #c9f0b6 0%, #fff 100%);--notification-warning: linear-gradient(90deg, #fee0a3 0%, #fff 100%);--notification-error: linear-gradient(90deg, #ffb8b8 0%, #fff 100%);--gradient-blue-green: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);--gradient-green-lime: linear-gradient(180deg, #a1e59c 0%, #d0f5b0 100%);--gradient-blue-violet: linear-gradient(180deg, #adb8ff 0%, #d6e9ff 100%);--gradient-blue-clear: linear-gradient(180deg, #85beff 0%, #cef 100%);--gradient-orange: linear-gradient(180deg, #ffb766 0%, #ffeaa3 100%);--gradient-mint: linear-gradient(180deg, #7dd1d1 0%, #c8fae9 100%);--gradient-lime: linear-gradient(180deg, #bfe062 0%, #e4ffad 100%);--gradient-rose: linear-gradient(0deg, #ffddd6 0%, #ff99c9 100%);--gradient-red: linear-gradient(0deg, #ffd5cc 0%, #ff9494 100%);--gradient-violet: linear-gradient(180deg, #bca3ff 0%, #e5e5ff 100%);--TT-gradient-violet: linear-gradient(180deg, #bca3ff 0%, #e5e5ff 100%);--gradient-light-lime: linear-gradient(180deg, #EBFFEB 0%, transparent 100%);--shadow-l: 0px 8px 16px -4px rgba(15, 36, 77, .16), 0px 12px 32px -4px rgba(15, 36, 77, .16);--main-spacing: 24px;--gap-v: 24px;--gap-h: 12px;--border-radius: 6px;--z-splash: 50;--z-slide-shadow: 80;--z-slide-dialog: 81;--z-dialog: 100;--z-dropdown-options: 110;--z-tooltip: 120;--z-context-menu: 1001;--scrollbar-width: 6px}[data-theme=dark]{--txt-00: #ffffff;--txt-01: #FFFFFF;--txt-02: #adaeb8;--txt-03: #60616b;--txt-mask: #3D3D42;--txt-focus: #87e087;--txt-error: #ff5c5c;--txt-link: #9470ff;--ic-00: #ffffff;--ic-01: #FFFFFF;--ic-02: #60616b;--ic-accent: #87e087;--border-color-default: #60616b;--border-color-hover: #adaeb8;--border-color-focus: #49cc49;--border-color-error: #ff5c5c;--border-color-div-grey: #232329;--border-color-div-bw: #000000;--btn-accent-default: #5f31cc;--btn-accent-hover: #5f31cc;--btn-accent-press: #5f31cc;--btn-primary-default: #5f31cc;--btn-primary-hover: #6d3ddb;--btn-primary-press: #5328b8;--btn-sec-hover-white: rgba(131, 131, 163, .16);--btn-sec-hover-grey: rgba(131, 131, 163, .16);--btn-sec-press-grey: rgba(131, 131, 163, .24);--btn-active-select: rgba(99, 224, 36, .24);--btn-switcher: #5e5e70;--dis-00: #65656b;--dis-01: #3D3D42;--bg-base-dark: #0d0d0f;--bg-base-light: #0d0d0f;--bg-elevated-01: #1b1b1f;--bg-elevated-02: #2d2d33;--bg-error: #FFF5F5;--filled-V-BG: rgba(66, 184, 66, .4);--filled-D-BG: rgba(229, 83, 229, .4);--filled-N-BG: rgba(83, 82, 102, .4);--filled-J-BG: rgba(132, 92, 255, .4);--notification-neutral: linear-gradient(90deg, #4d4d8f 0%, #292933 100%);--notification-success: linear-gradient(90deg, #305c3e 0%, #292933 100%);--notification-warning: linear-gradient(90deg, #754f2d 0%, #292933 100%);--notification-error: linear-gradient(90deg, #8f3343 0%, #292933 100%);--gradient-blue-green: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);--gradient-green-lime: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);--gradient-blue-violet: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);--gradient-blue-clear: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);--gradient-orange: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);--gradient-mint: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);--gradient-lime: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);--gradient-rose: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);--gradient-red: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);--gradient-violet: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%)}._root_aq5ub_131{display:flex;flex-direction:column;gap:12px}._actions_aq5ub_137{display:flex;flex-direction:row;gap:12px}")),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
+const o = "_root_aq5ub_131", t = "_actions_aq5ub_137", s = {
+  root: o,
+  actions: t
 };
 export {
-  o as actions,
+  t as actions,
   s as default,
-  t as root,
-  c as tip
+  o as root
 };
 //# sourceMappingURL=FilterSidebar.vue3.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FilterSidebar.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"FilterSidebar.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/plugins/Monetization/LimitCard.vue2.js

@@ -1,5 +1,5 @@
-import { defineComponent as g, computed as i, createElementBlock as u, openBlock as d, normalizeClass as n, createElementVNode as l, toDisplayString as t, createTextVNode as o, normalizeStyle as p } from "vue";
-const S = { key: 0 }, B = { key: 1 }, c = /* @__PURE__ */ g({
+import { defineComponent as w, computed as i, createElementBlock as u, openBlock as r, normalizeClass as t, createElementVNode as n, toDisplayString as o, createTextVNode as y, createCommentVNode as p, normalizeStyle as b } from "vue";
+const F = { key: 0 }, N = { key: 1 }, A = { key: 0 }, C = { key: 1 }, T = /* @__PURE__ */ w({
   __name: "LimitCard",
   props: {
     type: {},
@@ -9,57 +9,70 @@ const S = { key: 0 }, B = { key: 1 }, c = /* @__PURE__ */ g({
     available: {},
     unit: {}
   },
-  setup(m) {
-    const s = m, v = i(() => s.available === null ? 0 : s.toSpend / s.available * 100), y = i(() => s.available === null ? 0 : s.used / s.available * 100), b = i(() => s.available === null ? 100 : 100 - y.value - v.value), $ = i(() => s.type === "unique_launches" ? "Runs Limits" : s.type === "volume_limit" ? "Volume Limits" : s.label), f = (e) => (e / 1024 / 1024 / 1024).toFixed(2) + " GB", r = (e) => s.type === "volume_limit" ? f(e) : e;
-    return (e, a) => (d(), u("div", {
-      class: n(e.$style.container)
+  setup(B) {
+    const l = B, s = i(() => l.available === null ? null : l.available + l.toSpend + l.used), v = i(() => l.available === null ? !1 : l.available < 0), $ = i(() => l.available === null ? null : l.available + l.toSpend), m = (e) => Math.max(0, Math.min(100, e)), g = i(() => s.value === null || s.value === 0 || v.value ? 0 : m(l.toSpend / s.value * 100)), S = i(() => s.value === null || s.value === 0 ? 0 : m(l.used / s.value * 100)), k = i(() => l.available === null || s.value === null || s.value === 0 ? 100 : v.value ? 0 : m(l.available / s.value * 100)), c = i(() => l.type === "unique_launches" ? "Runs Limits" : l.type === "volume_limit" ? "Volume Limits" : l.label), L = (e) => (e / 1024 / 1024 / 1024).toFixed(2) + " GB", d = (e) => l.type === "volume_limit" ? L(e) : e, f = (e) => Number(e.toFixed(2)) > 0;
+    return (e, a) => (r(), u("div", {
+      class: t(e.$style.container)
     }, [
-      l("span", {
-        class: n(e.$style.label)
-      }, t($.value), 3),
-      l("div", {
-        class: n(e.$style.content)
+      n("span", {
+        class: t(e.$style.label)
+      }, o(c.value), 3),
+      n("div", {
+        class: t(e.$style.content)
       }, [
-        l("div", {
-          class: n(e.$style.contentAvailable)
+        n("div", {
+          class: t(e.$style.contentAvailable)
         }, [
-          a[0] || (a[0] = o(" Available: ")),
-          a[1] || (a[1] = l("div", { style: { flex: "1" } }, null, -1)),
-          e.available !== null ? (d(), u("span", S, [
-            l("strong", null, t(r(e.available)), 1),
-            o(" / " + t(r(e.available + e.toSpend + e.used)), 1)
-          ])) : (d(), u("span", B, "Unlimited"))
-        ], 2),
-        l("div", {
-          class: n(e.$style.progressBar)
-        }, [
-          l("span", {
-            class: n(e.$style.progressBarAvailable),
-            style: p({ width: `${b.value}%` })
-          }, null, 6),
-          l("span", {
-            class: n(e.$style.progressBarToSpend),
-            style: p({ width: `${v.value}%` })
-          }, null, 6),
-          l("span", {
-            class: n(e.$style.progressBarUsed),
-            style: p({ width: `${y.value}%` })
-          }, null, 6)
+          n("div", null, [
+            a[0] || (a[0] = y(" Available: ")),
+            a[1] || (a[1] = n("div", { style: { flex: "1" } }, null, -1)),
+            $.value !== null ? (r(), u("span", F, [
+              n("strong", null, o(d($.value)), 1),
+              y(" / " + o(d(e.available + e.toSpend + e.used)), 1)
+            ])) : (r(), u("span", N, "Unlimited"))
+          ]),
+          n("div", {
+            class: t([e.$style.afterRun, { [e.$style.exceeded]: v.value }])
+          }, [
+            v.value ? (r(), u("span", A, "Too many files selected")) : p("", !0),
+            a[2] || (a[2] = n("span", { style: { flex: "1" } }, null, -1)),
+            a[3] || (a[3] = n("span", null, "After run:", -1)),
+            e.available !== null ? (r(), u("span", C, o(d(e.available)) + " / " + o(d(e.available + e.toSpend + e.used)), 1)) : p("", !0)
+          ], 2),
+          n("div", {
+            class: t([e.$style.progressBar, { [e.$style.exceeded]: v.value }])
+          }, [
+            f(k.value) ? (r(), u("span", {
+              key: 0,
+              class: t(e.$style.progressBarAvailable),
+              style: b({ width: `${k.value.toFixed(2)}%` })
+            }, null, 6)) : p("", !0),
+            f(g.value) ? (r(), u("span", {
+              key: 1,
+              class: t(e.$style.progressBarToSpend),
+              style: b({ width: `${g.value.toFixed(2)}%` })
+            }, null, 6)) : p("", !0),
+            f(S.value) ? (r(), u("span", {
+              key: 2,
+              class: t(e.$style.progressBarUsed),
+              style: b({ width: `${S.value.toFixed(2)}%` })
+            }, null, 6)) : p("", !0)
+          ], 2)
         ], 2),
-        l("div", {
-          class: n(e.$style.legends)
+        n("div", {
+          class: t(e.$style.legends)
         }, [
-          l("div", {
-            class: n(e.$style.usedLegend)
+          n("div", {
+            class: t(e.$style.toSpendLegend)
           }, [
-            a[2] || (a[2] = l("span", null, null, -1)),
-            o(" Used: " + t(r(e.used)), 1)
+            a[4] || (a[4] = n("span", null, null, -1)),
+            y(" To spend: " + o(d(e.toSpend)), 1)
           ], 2),
-          l("div", {
-            class: n(e.$style.toSpendLegend)
+          n("div", {
+            class: t(e.$style.usedLegend)
           }, [
-            a[3] || (a[3] = l("span", null, null, -1)),
-            o(" To spend: " + t(r(e.toSpend)), 1)
+            a[5] || (a[5] = n("span", null, null, -1)),
+            y(" Used: " + o(d(e.used)), 1)
           ], 2)
         ], 2)
       ], 2)
@@ -67,6 +80,6 @@ const S = { key: 0 }, B = { key: 1 }, c = /* @__PURE__ */ g({
   }
 });
 export {
-  c as default
+  T as default
 };
 //# sourceMappingURL=LimitCard.vue2.js.map

package/dist/plugins/Monetization/LimitCard.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"LimitCard.vue2.js","sources":["../../../src/plugins/Monetization/LimitCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\nconst props = defineProps<{\n  type: 'unique_launches' | 'volume_limit';\n  label: string;\n  used: number;\n  toSpend: number;\n  available: number | null; // If available is null it means Unlimited\n  unit?: string;\n}>();\n\nconst toSpendPercentage = computed(() => {\n  if (props.available === null) return 0;\n  return (props.toSpend / props.available) * 100;\n});\n\nconst usedPercentage = computed(() => {\n  if (props.available === null) return 0;\n  return (props.used / props.available) * 100;\n});\n\nconst availablePercentage = computed(() => {\n  if (props.available === null) return 100;\n  return 100 - usedPercentage.value - toSpendPercentage.value;\n});\n\nconst computedLabel = computed(() => {\n  if (props.type === 'unique_launches') return 'Runs Limits';\n  if (props.type === 'volume_limit') return 'Volume Limits';\n  return props.label;\n});\n\nconst toGB = (v: number) => {\n  return (v / 1024 / 1024 / 1024).toFixed(2) + ' GB';\n};\n\nconst formatUnit = (v: number) => {\n  if (props.type === 'volume_limit') return toGB(v);\n  return v;\n};\n</script>\n\n<template>\n  <div :class=\"$style.container\">\n    <span :class=\"$style.label\">{{ computedLabel }}</span>\n    <div :class=\"$style.content\">\n      <div :class=\"$style.contentAvailable\">\n        Available:\n        <div style=\"flex: 1\" />\n        <span v-if=\"available !== null\"><strong>{{ formatUnit(available) }}</strong> / {{ formatUnit(available + toSpend + used) }}</span>\n        <span v-else>Unlimited</span>\n      </div>\n      <div :class=\"$style.progressBar\">\n        <span :class=\"$style.progressBarAvailable\" :style=\"{ width: `${availablePercentage}%` }\" />\n        <span :class=\"$style.progressBarToSpend\" :style=\"{ width: `${toSpendPercentage}%` }\" />\n        <span :class=\"$style.progressBarUsed\" :style=\"{ width: `${usedPercentage}%` }\" />\n      </div>\n      <div :class=\"$style.legends\">\n        <div :class=\"$style.usedLegend\">\n          <span/>\n          Used: {{ formatUnit(used) }}\n        </div>\n        <div :class=\"$style.toSpendLegend\">\n          <span/>\n          To spend: {{ formatUnit(toSpend) }}\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style module>\n.container {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  background-color: var(--bg-base-light);\n  border-radius: 6px;\n  padding: 10px 12px 16px 12px;\n  color: var(--txt-01);\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 20px;\n  border: 1px solid var(--border-color-div-grey);\n}\n\n.label {\n  display: block;\n  margin-bottom: 30px;\n  color: var(--txt-01);\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 20px; /* 142.857% */\n}\n\n.content {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.contentAvailable {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  strong {\n    font-size: 28px;\n    font-weight: 500;\n    line-height: 36px; /* 128.571% */\n    letter-spacing: -0.56px;\n  }\n}\n\n.progressBar {\n  width: 100%;\n  height: 8px;\n  background-color: #E0E0E0;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  border: 1px solid var(--border-color-default);\n  > span {\n    display: block;\n    height: 100%;\n  }\n}\n\n.progressBarAvailable {\n  background-color: #49CC49;\n  border-radius: 4px;\n}\n\n.progressBarUsed {\n  background-color: #FFCECC;\n  border-radius: 4px;\n}\n\n.progressBarToSpend {\n  background-color: #FAF5AA;\n  border-radius: 4px;\n}\n\n.legends {\n  display: flex;\n  gap: 8px;\n\n  > div {\n    flex: 1;\n  }\n\n  span {\n    display: block;\n    border-radius: 1px;\n    border: 1px solid var(--border-color-default);\n    width: 16px;\n    height: 16px;\n  }\n}\n\n.usedLegend {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  span {\n    background: #FFCECC;\n  }\n}\n\n.toSpendLegend {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  span {\n    background: #FAF5AA;\n  }\n}\n</style>\n"],"names":["props","__props","toSpendPercentage","computed","usedPercentage","availablePercentage","computedLabel","toGB","v","formatUnit"],"mappings":";;;;;;;;;;;;AAGA,UAAMA,IAAQC,GASRC,IAAoBC,EAAS,MAC7BH,EAAM,cAAc,OAAa,IAC7BA,EAAM,UAAUA,EAAM,YAAa,GAC5C,GAEKI,IAAiBD,EAAS,MAC1BH,EAAM,cAAc,OAAa,IAC7BA,EAAM,OAAOA,EAAM,YAAa,GACzC,GAEKK,IAAsBF,EAAS,MAC/BH,EAAM,cAAc,OAAa,MAC9B,MAAMI,EAAe,QAAQF,EAAkB,KACvD,GAEKI,IAAgBH,EAAS,MACzBH,EAAM,SAAS,oBAA0B,gBACzCA,EAAM,SAAS,iBAAuB,kBACnCA,EAAM,KACd,GAEKO,IAAO,CAACC,OACJA,IAAI,OAAO,OAAO,MAAM,QAAQ,CAAC,IAAI,OAGzCC,IAAa,CAACD,MACdR,EAAM,SAAS,iBAAuBO,EAAKC,CAAC,IACzCA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"LimitCard.vue2.js","sources":["../../../src/plugins/Monetization/LimitCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\nconst props = defineProps<{\n  type: 'unique_launches' | 'volume_limit';\n  label: string;\n  used: number;\n  toSpend: number;\n  available: number | null; // If available is null it means Unlimited\n  unit?: string;\n}>();\n\nconst total = computed(() => {\n  if (props.available === null) return null;\n  return props.available + props.toSpend + props.used;\n});\n\nconst exceeded = computed(() => {\n  if (props.available === null) return false;\n  return props.available < 0;\n});\n\nconst availableNow = computed(() => {\n  if (props.available === null) return null;\n  return props.available + props.toSpend;\n});\n\nconst clampPercentage = (n: number) => Math.max(0, Math.min(100, n));\n\nconst toSpendPercentage = computed(() => {\n  if (total.value === null) return 0;\n  if (total.value === 0) return 0;\n  if (exceeded.value) return 0;\n  return clampPercentage((props.toSpend / total.value) * 100);\n});\n\nconst usedPercentage = computed(() => {\n  if (total.value === null) return 0;\n  if (total.value === 0) return 0;\n  return clampPercentage((props.used / total.value) * 100);\n});\n\nconst availablePercentage = computed(() => {\n  if (props.available === null) return 100;\n  if (total.value === null) return 100;\n  if (total.value === 0) return 100;\n  if (exceeded.value) return 0;\n  return clampPercentage(props.available / total.value * 100);\n});\n\nconst computedLabel = computed(() => {\n  if (props.type === 'unique_launches') return 'Runs Limits';\n  if (props.type === 'volume_limit') return 'Volume Limits';\n  return props.label;\n});\n\nconst toGB = (v: number) => {\n  return (v / 1024 / 1024 / 1024).toFixed(2) + ' GB';\n};\n\nconst formatUnit = (v: number) => {\n  if (props.type === 'volume_limit') return toGB(v);\n  return v;\n};\n\nconst showBar = (n: number) => {\n  return Number(n.toFixed(2)) > 0;\n};\n</script>\n\n<template>\n  <div :class=\"$style.container\">\n    <span :class=\"$style.label\">{{ computedLabel }}</span>\n    <div :class=\"$style.content\">\n      <div :class=\"$style.contentAvailable\">\n        <div>\n          Available:\n          <div style=\"flex: 1\" />\n          <span v-if=\"availableNow !== null\"><strong>{{ formatUnit(availableNow) }}</strong> / {{ formatUnit(available! + toSpend + used) }}</span>\n          <span v-else>Unlimited</span>\n        </div>\n        <div :class=\"[$style.afterRun, { [$style.exceeded]: exceeded }]\">\n          <span v-if=\"exceeded\">Too many files selected</span>\n          <span style=\"flex: 1\" />\n          <span>After run:</span>\n          <span v-if=\"available !== null\">{{ formatUnit(available) }} / {{ formatUnit(available + toSpend + used) }}</span>\n        </div>\n        <div :class=\"[$style.progressBar, { [$style.exceeded]: exceeded }]\">\n          <span v-if=\"showBar(availablePercentage)\" :class=\"$style.progressBarAvailable\" :style=\"{ width: `${availablePercentage.toFixed(2)}%` }\" />\n          <span v-if=\"showBar(toSpendPercentage)\" :class=\"$style.progressBarToSpend\" :style=\"{ width: `${toSpendPercentage.toFixed(2)}%` }\" />\n          <span v-if=\"showBar(usedPercentage)\" :class=\"$style.progressBarUsed\" :style=\"{ width: `${usedPercentage.toFixed(2)}%` }\" />\n        </div>\n      </div>\n      <div :class=\"$style.legends\">\n        <div :class=\"$style.toSpendLegend\">\n          <span/>\n          To spend: {{ formatUnit(toSpend) }}\n        </div>\n        <div :class=\"$style.usedLegend\">\n          <span/>\n          Used: {{ formatUnit(used) }}\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style module>\n.container {\n  display: flex;\n  flex-direction: column;\n  background-color: var(--bg-base-light);\n  border-radius: 6px;\n  padding: 10px 12px 16px 12px;\n  color: var(--txt-01);\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 20px;\n  border: 1px solid var(--border-color-div-grey);\n}\n\n.label {\n  display: block;\n  min-height: 36px;\n  margin-bottom: 8px;\n  color: var(--txt-01);\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 20px; /* 142.857% */\n}\n\n.content {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.contentAvailable {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  > div {\n    display: flex;\n    align-items: flex-start;\n  }\n  >div:first-child {\n    gap: 8px;\n    strong {\n      font-size: 28px;\n      font-weight: 500;\n      line-height: 36px; /* 128.571% */\n      letter-spacing: -0.56px;\n    }\n  }\n}\n\n.afterRun {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 4px;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 16px;\n  color: var(--txt-03);\n  &.exceeded {\n    color: var(--txt-error);\n  }\n}\n\n.progressBar {\n  width: 100%;\n  height: 12px;\n  background-color: #E0E0E0;\n  display: flex;\n  align-items: center;\n  border: 1px solid var(--border-color-default);\n  > span {\n    display: block;\n    height: 100%;\n    outline: 1px solid var(--border-color-default);\n  }\n  &.exceeded {\n    opacity: 0.2;\n  }\n}\n\n.progressBarAvailable {\n  background: linear-gradient(270deg, #A1E59C 0%, #D0F5B0 98.81%);\n}\n\n.progressBarUsed {\n  background-color: #FFCECC;\n}\n\n.progressBarToSpend {\n  background-color: #FAF5AA;\n}\n\n.legends {\n  display: flex;\n  justify-content: space-between;\n  gap: 8px;\n\n  span {\n    display: block;\n    border-radius: 1px;\n    border: 1px solid var(--border-color-default);\n    width: 12px;\n    height: 12px;\n  }\n}\n\n.usedLegend {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  span {\n    background: #FFCECC;\n  }\n}\n\n.toSpendLegend {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  span {\n    background: #FAF5AA;\n  }\n}\n</style>\n"],"names":["props","__props","total","computed","exceeded","availableNow","clampPercentage","n","toSpendPercentage","usedPercentage","availablePercentage","computedLabel","toGB","v","formatUnit","showBar"],"mappings":";;;;;;;;;;;;AAGA,UAAMA,IAAQC,GASRC,IAAQC,EAAS,MACjBH,EAAM,cAAc,OAAa,OAC9BA,EAAM,YAAYA,EAAM,UAAUA,EAAM,IAChD,GAEKI,IAAWD,EAAS,MACpBH,EAAM,cAAc,OAAa,KAC9BA,EAAM,YAAY,CAC1B,GAEKK,IAAeF,EAAS,MACxBH,EAAM,cAAc,OAAa,OAC9BA,EAAM,YAAYA,EAAM,OAChC,GAEKM,IAAkB,CAACC,MAAc,KAAK,IAAI,GAAG,KAAK,IAAI,KAAKA,CAAC,CAAC,GAE7DC,IAAoBL,EAAS,MAC7BD,EAAM,UAAU,QAChBA,EAAM,UAAU,KAChBE,EAAS,QAAc,IACpBE,EAAiBN,EAAM,UAAUE,EAAM,QAAS,GAAG,CAC3D,GAEKO,IAAiBN,EAAS,MAC1BD,EAAM,UAAU,QAChBA,EAAM,UAAU,IAAU,IACvBI,EAAiBN,EAAM,OAAOE,EAAM,QAAS,GAAG,CACxD,GAEKQ,IAAsBP,EAAS,MAC/BH,EAAM,cAAc,QACpBE,EAAM,UAAU,QAChBA,EAAM,UAAU,IAAU,MAC1BE,EAAS,QAAc,IACpBE,EAAgBN,EAAM,YAAYE,EAAM,QAAQ,GAAG,CAC3D,GAEKS,IAAgBR,EAAS,MACzBH,EAAM,SAAS,oBAA0B,gBACzCA,EAAM,SAAS,iBAAuB,kBACnCA,EAAM,KACd,GAEKY,IAAO,CAACC,OACJA,IAAI,OAAO,OAAO,MAAM,QAAQ,CAAC,IAAI,OAGzCC,IAAa,CAACD,MACdb,EAAM,SAAS,iBAAuBY,EAAKC,CAAC,IACzCA,GAGHE,IAAU,CAACR,MACR,OAAOA,EAAE,QAAQ,CAAC,CAAC,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}