mediacube-ui-v2 0.0.344 → 0.0.346

package/dist/ai-catalog/index.json

@@ -1,6 +1,6 @@
 {
   "catalogSchemaVersion": 2,
-  "libraryVersion": "0.0.344",
+  "libraryVersion": "0.0.346",
   "packageName": "mediacube-ui-v2",
   "pathHash": "9b6f3b8016b22ac7",
   "componentCount": 76,
@@ -4575,6 +4575,11 @@
           "type": "IFilterValue",
           "description": ""
         },
+        {
+          "name": "update:selectedPreset",
+          "type": "union",
+          "description": ""
+        },
         {
           "name": "confirm",
           "type": "IFilterValue",
@@ -4606,7 +4611,7 @@
         "@/types/ITranslations",
         "@/types/styles/Colors"
       ],
-      "searchText": "patterns/mcfilter/mcfilter mcfilter mediacube-ui-v2/components/patterns/mcfilter/mcfilter open name modelvalue filters buttonconfirmisloading disabledopen usetimezone placeholders withactivator withpresets selectedpreset error clear open delete-preset update:modelvalue confirm @/types/ibutton @/types/idsoptions @/types/ifilter @/types/iselect @/types/itranslations @/types/styles/colors",
+      "searchText": "patterns/mcfilter/mcfilter mcfilter mediacube-ui-v2/components/patterns/mcfilter/mcfilter open name modelvalue filters buttonconfirmisloading disabledopen usetimezone placeholders withactivator withpresets selectedpreset error clear open delete-preset update:modelvalue update:selectedpreset confirm @/types/ibutton @/types/idsoptions @/types/ifilter @/types/iselect @/types/itranslations @/types/styles/colors",
       "aiDoc": "# McFilter — данные и события для ИИ\n\n## Назначение\n\nПанель фильтрации: выбор полей из `filters`, условия (relation / text / range / date / fast), теги, пресеты, подтверждение.\n\n## Модель (`v-model` / `modelValue`)\n\nТип `IFilterValue` (см. `mediacube-ui-v2/types/IFilter`):\n\n- **`filter`**: объект условий; ключ — `IFilter.value` из схемы `filters`, значение — условие (`FilterConditionValue`: скаляр, `{ more, less }`, или relation-объект с `is` / `is_not` / `exists`).\n- **`filter_name`**: строка (в API часто base64/URI-кодированный JSON) с человекочитаемыми подписями для тегов; после decode — `IFilterParsedValueFilterName` (параллельная структура ключам `filter`).\n\nПри инициализации и обновлении `modelValue` библиотека нормализует состояние (`normalizeMcFilterModel`): отбрасывает ключи не из `props.filters`, восстанавливает `filter_name` из `filter` при пустых подписях.\n\n## Props (важное)\n\n- **`name`** (string): идентификатор фильтра (пресеты в localStorage).\n- **`filters`** (`IFilter[]`): схема полей; обязательна как источник правды по ключам.\n- **`modelValue`**: `{ filter, filter_name }`.\n- **`placeholders`**, **`open`**, **`withPresets`**, **`withActivator`**, **`useTimezone`**, и т.д. — см. автогенерируемые props в ai-catalog.\n\n## События\n\n- **`update:modelValue`**, **`confirm`**: актуальное значение после «Применить».\n- **`error`**, **`clear`**, **`open`**, **`delete-preset`**.\n\n## Практика\n\n- Всегда передавайте **`filters`** с тем же набором `value`, что и ключи в сохранённом `filter`.\n- Для relation с опциями используйте `options` или ajax-функции; доменные типы — `IRelationFilter`, `IFilter` в types.",
       "docgenError": null
     },

package/dist/components/patterns/McFilter/McFilter.vue2.js

@@ -1,27 +1,27 @@
-import { defineComponent as Ue, defineAsyncComponent as E, inject as Le, ref as g, reactive as We, computed as p, onMounted as He, onBeforeUnmount as Ge, watch as N, openBlock as h, createElementBlock as P, createElementVNode as w, renderSlot as Je, createVNode as y, unref as s, withCtx as C, createCommentVNode as D, Fragment as se, createBlock as K, createTextVNode as O, toDisplayString as R, renderList as Qe, nextTick as ue } from "vue";
-import { useHelper as Xe } from "../../../composables/useHelper2.js";
-import { UseEncodeDecode as I } from "../../../composables/useEncodeDecode2.js";
-import { ButtonSize as U } from "../../../enums/ui/Button2.js";
-import { ChipSize as Ye } from "../../../enums/Chip2.js";
-import { FilterTypes as _, FilterRelations as S } from "../../../enums/Filter2.js";
-import { TooltipSizes as G, TooltipPositions as J } from "../../../enums/Tooltip2.js";
-import { useLocalStorage as Ze } from "@vueuse/core";
-import { useTheme as et } from "../../../composables/useTheme2.js";
-import { normalizeMcFilterModel as Q } from "../../../utils/normalizeMcFilterModel2.js";
-import X from "../../elements/McSvgIcon/McSvgIcon.vue2.js";
+import { defineComponent as Le, defineAsyncComponent as E, inject as We, ref as f, reactive as He, computed as y, onMounted as Ge, onBeforeUnmount as Je, watch as O, openBlock as z, createElementBlock as j, createElementVNode as w, renderSlot as Qe, createVNode as _, unref as s, withCtx as T, createCommentVNode as P, Fragment as ue, createBlock as D, createTextVNode as N, toDisplayString as R, renderList as Xe, nextTick as ce } from "vue";
+import { useHelper as Ye } from "../../../composables/useHelper2.js";
+import { UseEncodeDecode as U } from "../../../composables/useEncodeDecode2.js";
+import { ButtonSize as L } from "../../../enums/ui/Button2.js";
+import { ChipSize as Ze } from "../../../enums/Chip2.js";
+import { FilterTypes as g, FilterRelations as V } from "../../../enums/Filter2.js";
+import { TooltipSizes as J, TooltipPositions as Q } from "../../../enums/Tooltip2.js";
+import { useLocalStorage as et } from "@vueuse/core";
+import { useTheme as tt } from "../../../composables/useTheme2.js";
+import { normalizeMcFilterModel as X } from "../../../utils/normalizeMcFilterModel2.js";
+import Y from "../../elements/McSvgIcon/McSvgIcon.vue2.js";
 import '../../../assets/components/elements/McTooltip/index.css';import '../../../assets/components/elements/McFieldText/index.css';import '../../../assets/components/elements/McTitle/index.css';import '../../../assets/components/elements/McButton/index.css';import '../../../assets/components/elements/McSvgIcon/index.css';/* empty css                                  */
-import j from "../../elements/McButton/McButton.vue2.js";
+import B from "../../elements/McButton/McButton.vue2.js";
 /* empty css                                 */
-import tt from "../../elements/McTitle/McTitle.vue2.js";
+import lt from "../../elements/McTitle/McTitle.vue2.js";
 /* empty css                                */
-import lt from "../../elements/McFieldText/McFieldText.vue2.js";
+import at from "../../elements/McFieldText/McFieldText.vue2.js";
 /* empty css                                    */
-import Y from "../../elements/McTooltip/McTooltip.vue2.js";
+import Z from "../../elements/McTooltip/McTooltip.vue2.js";
 /* empty css                                  */
-const at = { class: "mc-filter" }, nt = { class: "mc-filter__header" }, ot = {
+const nt = { class: "mc-filter" }, ot = { class: "mc-filter__header" }, rt = {
   key: 1,
   class: "mc-filter__presets"
-}, rt = { key: 0 }, it = { class: "mc-filter__body" }, st = { class: "mc-filter__body-top" }, ut = { class: "mc-filter__body-top-left" }, ct = { class: "mc-filter__body-fast-tags-wrapper" }, vt = { class: "mc-filter__body-bottom" }, mt = { class: "mc-filter__body-bottom-left" }, dt = { class: "mc-filter__body-bottom-right" }, Ot = /* @__PURE__ */ Ue({
+}, it = { key: 0 }, st = { class: "mc-filter__body" }, ut = { class: "mc-filter__body-top" }, ct = { class: "mc-filter__body-top-left" }, vt = { class: "mc-filter__body-fast-tags-wrapper" }, dt = { class: "mc-filter__body-bottom" }, mt = { class: "mc-filter__body-bottom-left" }, pt = { class: "mc-filter__body-bottom-right" }, Nt = /* @__PURE__ */ Le({
   __name: "McFilter",
   props: {
     open: {
@@ -93,235 +93,235 @@ const at = { class: "mc-filter" }, nt = { class: "mc-filter__header" }, ot = {
       default: null
     }
   },
-  emits: ["error", "clear", "open", "delete-preset", "update:modelValue", "confirm"],
-  setup(B, { emit: ce }) {
-    const ve = E(() => import("../../elements/McFieldSelect/McFieldSelect.vue.js")), me = E(() => import("./McFilterTags/McFilterTags.vue.js")), de = E(
+  emits: ["error", "clear", "open", "delete-preset", "update:modelValue", "update:selectedPreset", "confirm"],
+  setup($, { emit: ve }) {
+    const de = E(() => import("../../elements/McFieldSelect/McFieldSelect.vue.js")), me = E(() => import("./McFilterTags/McFilterTags.vue.js")), pe = E(
       () => import("./McFilterTypeRange/McFilterTypeRange.vue.js")
     ), fe = E(
       () => import("./McFilterTypeDate/McFilterTypeDate.vue.js")
-    ), pe = E(
-      () => import("./McFilterTypeText/McFilterTypeText.vue.js")
     ), ye = E(
+      () => import("./McFilterTypeText/McFilterTypeText.vue.js")
+    ), _e = E(
       () => import("./McFilterTypeRelation/McFilterTypeRelation.vue.js")
-    ), _e = E(() => import("../../elements/McChip/McChip.vue.js")), ge = E(
+    ), ge = E(() => import("../../elements/McChip/McChip.vue.js")), be = E(
       () => import("./McFilterPresets/McFilterPresets.vue.js")
-    ), r = Xe(), V = ce, a = B, $ = et("filter"), be = Le("dsOptions", {}), k = g(!1), o = g({}), m = g({}), Z = g({}), ee = g({}), v = g({}), A = g({}), b = g(null), n = g(null), u = We(
-      r.deepMerge(be.componentTranslations?.filter, a.placeholders)
-    ), te = p(() => r.isEqual(q.value.filter, o.value)), x = g(""), T = g(null), he = g(null), z = Ze("mcFilterPresets", {}), le = g([]), q = p({
+    ), r = Ye(), b = ve, n = $, q = tt("filter"), he = We("dsOptions", {}), S = f(!1), o = f({}), m = f({}), ee = f({}), te = f({}), v = f({}), A = f({}), h = f(null), a = f(null), u = He(
+      r.deepMerge(he.componentTranslations?.filter, n.placeholders)
+    ), le = y(() => r.isEqual(I.value.filter, o.value)), K = f(""), C = f(null), x = f(null), Ce = f(null), k = et("mcFilterPresets", {}), ae = f([]), I = y({
       get() {
-        const { filter: e = null, filter_name: t = null } = a.modelValue || {};
+        const { filter: e = null, filter_name: t = null } = n.modelValue || {};
         return {
           filter: e,
-          filter_name: I.decode(t)
+          filter_name: U.decode(t)
         };
       },
       set(e) {
         const { filter: t = null, filter_name: l = {} } = e || {}, i = {
           filter: t,
-          filter_name: I.encode(l)
+          filter_name: U.encode(l)
         };
-        V("update:modelValue", i);
+        b("update:modelValue", i);
       }
-    }), Ce = p(() => {
+    }), ze = y(() => {
       const e = /* @__PURE__ */ new Map();
-      for (const t of a.filters)
+      for (const t of n.filters)
         e.set(String(t.value), t);
       return e;
-    }), d = p(() => Ce.value.get(String(b.value)) || {}), ze = p(() => d.value?.type === _.Relation), Te = p(() => d.value?.type === _.Date), Ve = p(() => d.value?.type === _.Text), Se = p(() => d.value?.type === _.Range), ke = p(() => {
+    }), d = y(() => ze.value.get(String(h.value)) || {}), Te = y(() => d.value?.type === g.Relation), Ve = y(() => d.value?.type === g.Date), Se = y(() => d.value?.type === g.Text), ke = y(() => d.value?.type === g.Range), Fe = y(() => {
       const e = o.value && Object.keys(o.value) || [], t = new Set(e.map(String));
-      return a.filters.filter((l) => l.type === _.Fast && !t.has(String(l.value)));
-    }), Fe = p(() => a.filters.filter((e) => e.type !== _.Fast)), Ee = p(() => k.value || !te.value ? `${$.component.button}-invert` : "black-flat"), we = p(() => !r.isEmpty(v.value) && !!d.value && d.value.type !== _.Fast), De = p(() => !x.value.trim());
-    p(() => {
+      return n.filters.filter((l) => l.type === g.Fast && !t.has(String(l.value)));
+    }), Ee = y(() => n.filters.filter((e) => e.type !== g.Fast)), we = y(() => S.value || !le.value ? `${q.component.button}-invert` : "black-flat"), Pe = y(() => !r.isEmpty(v.value) && !!d.value && d.value.type !== g.Fast), De = y(() => !K.value.trim());
+    y(() => {
       const e = /* @__PURE__ */ new Map();
-      for (let t in a.filters)
-        e.set(a.filters[t].value, a.filters[t]);
+      for (let t in n.filters)
+        e.set(n.filters[t].value, n.filters[t]);
       return e;
-    }), He(() => {
-      L(), window.addEventListener("storage", L), Ke();
     }), Ge(() => {
-      window.removeEventListener("storage", L);
+      W(), window.addEventListener("storage", W), Ke();
+    }), Je(() => {
+      window.removeEventListener("storage", W);
     });
     const Ke = () => {
-      const { filter: e, filter_name: t } = Q(
-        q.value.filter,
-        q.value.filter_name,
-        a.filters
+      const { filter: e, filter_name: t } = X(
+        I.value.filter,
+        I.value.filter_name,
+        n.filters
       );
-      Z.value = e, ee.value = t, o.value = e, m.value = t;
-    }, L = () => {
-      le.value = z.value[a.name] || [];
+      ee.value = e, te.value = t, o.value = e, m.value = t;
+    }, W = () => {
+      ae.value = k.value[n.name] || [];
     }, xe = (e) => {
-      const { relation: t, value: l } = e, i = b.value, f = v.value, c = t ? { [t]: e.default } : e.default;
-      b.value = l, F({ value: c, valueName: e.name }), H(), b.value = i, ue(() => {
-        v.value = f;
+      const { relation: t, value: l } = e, i = h.value, p = v.value, c = t ? { [t]: e.default } : e.default;
+      h.value = l, F({ value: c, valueName: e.name }), G(), h.value = i, ce(() => {
+        v.value = p;
       });
     }, F = ({ value: e, valueName: t }) => {
       v.value = e, A.value = t || "";
-    }, Ne = () => {
-      console.log("handleStoreTag"), n.value ? Oe() : Re();
     }, Oe = () => {
+      console.log("handleStoreTag"), a.value ? Ne() : Re();
+    }, Ne = () => {
       switch (d.value?.type) {
-        case _.Relation: {
+        case g.Relation: {
           Me();
           break;
         }
         default: {
-          H();
+          G();
           break;
         }
       }
-      n.value = null;
+      a.value = null;
     }, Re = () => {
       switch (d.value?.type) {
-        case _.Relation: {
-          Pe();
+        case g.Relation: {
+          je();
           break;
         }
         default: {
-          H();
+          G();
           break;
         }
       }
-      n.value = null;
+      a.value = null;
     }, Me = () => {
-      if (n.value) {
-        const l = n.value.relationKey === S.Exists ? [0] : [n.value.value], i = {
-          [n.value.category]: {
-            [n.value.relationKey]: l
+      if (a.value) {
+        const l = a.value.relationKey === V.Exists ? [0] : [a.value.value], i = {
+          [a.value.category]: {
+            [a.value.relationKey]: l
           }
-        }, f = {
-          [b.value]: r.cloneDeep(v.value)
+        }, p = {
+          [h.value]: r.cloneDeep(v.value)
         };
-        if (r.isEqual(f, i)) {
-          V("error", u.messages.same_filter);
+        if (r.isEqual(p, i)) {
+          b("error", u.messages.same_filter);
           return;
         }
       }
-      const { category: e, categoryName: t } = ae();
-      if (n.value)
-        if (n.value.relationKey === S.Exists)
-          delete e[n.value.relationKey], delete t[n.value.relationKey];
+      const { category: e, categoryName: t } = ne();
+      if (a.value)
+        if (a.value.relationKey === V.Exists)
+          delete e[a.value.relationKey], delete t[a.value.relationKey];
         else {
-          const i = e[n.value.relationKey]?.indexOf(String(n.value.value)) ?? -1;
-          i !== -1 && (e?.[n.value.relationKey]?.splice(i, 1), r.isEmpty(e[n.value.relationKey]) && delete e[n.value.relationKey], delete t?.[n.value.relationKey]?.[n.value.value], r.isEmpty(t[n.value.relationKey]) && delete t[n.value.relationKey]);
+          const i = e[a.value.relationKey]?.indexOf(String(a.value.value)) ?? -1;
+          i !== -1 && (e?.[a.value.relationKey]?.splice(i, 1), r.isEmpty(e[a.value.relationKey]) && delete e[a.value.relationKey], delete t?.[a.value.relationKey]?.[a.value.value], r.isEmpty(t[a.value.relationKey]) && delete t[a.value.relationKey]);
         }
-      W(e, t);
-    }, Pe = () => {
-      const { category: e, categoryName: t } = ae();
-      W(e, t);
-    }, ae = () => {
-      const e = Object.keys(v.value), t = r.cloneDeep(o.value), l = r.cloneDeep(m.value), i = t?.[b.value], f = l?.[b.value];
+      H(e, t);
+    }, je = () => {
+      const { category: e, categoryName: t } = ne();
+      H(e, t);
+    }, ne = () => {
+      const e = Object.keys(v.value), t = r.cloneDeep(o.value), l = r.cloneDeep(m.value), i = t?.[h.value], p = l?.[h.value];
       return i && e.forEach((c) => {
-        if (c === S.Exists)
-          i[S.Exists] = 0, f[S.Exists] = null;
+        if (c === V.Exists)
+          i[V.Exists] = 0, p[V.Exists] = null;
         else {
-          const M = v.value[c], ie = A.value[c];
-          c in i ? (i[c] = r.uniqWith([...i[c], ...M], r.isEqual), f[c] = {
-            ...f[c],
-            ...ie
-          }) : (i[c] = M, f[c] = ie);
+          const M = v.value[c], se = A.value[c];
+          c in i ? (i[c] = r.uniqWith([...i[c], ...M], r.isEqual), p[c] = {
+            ...p[c],
+            ...se
+          }) : (i[c] = M, p[c] = se);
         }
-      }), { category: i, categoryName: f };
-    }, W = (e, t) => {
+      }), { category: i, categoryName: p };
+    }, H = (e, t) => {
       const l = {
         ...o.value,
-        [b.value]: e || v.value
+        [h.value]: e || v.value
       };
       if (r.isEqual(o.value, l)) {
-        V("error", u.messages.same_filter);
+        b("error", u.messages.same_filter);
         return;
       }
       o.value = l, m.value = {
         ...m.value,
-        [b.value]: t || A.value
-      }, ne();
-    }, ne = () => {
+        [h.value]: t || A.value
+      }, oe();
+    }, oe = () => {
       switch (d.value?.type) {
-        case _.Text:
-        case _.Relation:
+        case g.Text:
+        case g.Relation:
           F({ value: "" });
           break;
-        case _.Range:
-        case _.Date:
+        case g.Range:
+        case g.Date:
           F({ value: {} });
           break;
       }
-    }, H = () => {
-      if (d.value?.type === _.Range && Object.keys(v.value || {}).length === 2) {
+    }, G = () => {
+      if (d.value?.type === g.Range && Object.keys(v.value || {}).length === 2) {
         const e = v.value;
         if (e.more && e.less && e.more > e.less) {
-          V("error", u.messages.more_than);
+          b("error", u.messages.more_than);
           return;
         }
       }
-      W(v.value, v.value);
-    }, je = (e) => {
-      if (n.value = null, r.isEmpty(e)) {
+      H(v.value, v.value);
+    }, Be = (e) => {
+      if (a.value = null, r.isEmpty(e)) {
         o.value = {}, m.value = {};
         return;
       }
-      m.value = r.cloneDeep(e), $e(e);
-    }, Be = () => {
-      Z.value = {}, ee.value = {}, o.value = {}, m.value = {}, V("clear", u.messages.accidentally_cleared);
-    }, $e = (e) => {
-      const t = r.cloneDeep(e), l = [S.Is, S.IsNot];
-      for (let [i, f] of Object.entries(e))
-        if (f.constructor === Object)
-          for (let [c, M] of Object.entries(f))
+      m.value = r.cloneDeep(e), qe(e);
+    }, $e = () => {
+      ee.value = {}, te.value = {}, o.value = {}, m.value = {}, b("clear", u.messages.accidentally_cleared);
+    }, qe = (e) => {
+      const t = r.cloneDeep(e), l = [V.Is, V.IsNot];
+      for (let [i, p] of Object.entries(e))
+        if (p.constructor === Object)
+          for (let [c, M] of Object.entries(p))
             l.includes(c) && M?.constructor === Object && (t[i][c] = [...Object.keys(M)]);
       o.value = t;
     }, Ae = (e) => {
-      if (n.value = r.isEqual(n.value, e) ? null : e, !n.value) {
-        ne();
+      if (a.value = r.isEqual(a.value, e) ? null : e, !a.value) {
+        oe();
         return;
       }
       let t = null, l = null;
       e.relationKey ? (t = {
-        [e.relationKey]: e.relationKey === S.Exists ? [0] : [String(e.value)]
+        [e.relationKey]: e.relationKey === V.Exists ? [0] : [String(e.value)]
       }, l = {
-        [e.relationKey]: e.relationKey === S.Exists ? [0] : { [e.value]: e.title }
-      }) : (t = e.value?.constructor === Object ? e.value : String(e.value), l = e.value), b.value = e.category, ue(() => {
+        [e.relationKey]: e.relationKey === V.Exists ? [0] : { [e.value]: e.title }
+      }) : (t = e.value?.constructor === Object ? e.value : String(e.value), l = e.value), h.value = e.category, ce(() => {
         v.value = t, A.value = l;
       });
-    }, oe = () => {
-      q.value = {
+    }, re = () => {
+      I.value = {
         filter: o.value,
         filter_name: m.value
       };
       const e = {
         filter: o.value,
-        filter_name: I.encode(m.value)
+        filter_name: U.encode(m.value)
       };
-      V("confirm", e);
-    }, re = (e) => {
+      b("confirm", e);
+    }, ie = (e) => {
       if (e) {
-        T.value = e;
-        const { filter: t, filter_name: l } = Q(
+        C.value = e;
+        const { filter: t, filter_name: l } = X(
           r.cloneDeep(e.filter),
           r.cloneDeep(e.filter_name),
-          a.filters
+          n.filters
         );
-        o.value = t, m.value = l;
+        o.value = t, m.value = l, x.value = r.cloneDeep(t);
       } else
-        T.value = null, o.value = {}, m.value = {};
-      k.value || oe();
-    }, qe = (e) => {
-      const t = z.value[a.name]?.filter((l) => e && l.name !== e.name);
-      z.value[a.name] = [...t], he.value = r.cloneDeep(T.value), T.value = null, o.value = {}, m.value = {}, V("delete-preset", u.messages.accidentally_deleted);
-    }, Ie = () => {
-      if (z.value[a.name] && z.value[a.name].find((l) => l.name?.trim() === x.value?.trim())) {
-        V("error", u.messages.same_preset_name);
+        C.value = null, x.value = null, o.value = {}, m.value = {};
+      S.value || re();
+    }, Ie = (e) => {
+      const t = k.value[n.name]?.filter((l) => e && l.name !== e.name);
+      k.value[n.name] = [...t], Ce.value = r.cloneDeep(C.value), C.value = null, x.value = null, o.value = {}, m.value = {}, b("update:selectedPreset", null), b("delete-preset", u.messages.accidentally_deleted);
+    }, Ue = () => {
+      if (k.value[n.name] && k.value[n.name].find((l) => l.name?.trim() === K.value?.trim())) {
+        b("error", u.messages.same_preset_name);
         return;
       }
       const e = {
-        name: x.value?.trim(),
+        name: K.value?.trim(),
         filter: r.cloneDeep(o.value),
         filter_name: r.cloneDeep(m.value)
-      }, t = z.value[a.name];
-      t ? z.value[a.name] = [e, ...t] : z.value[a.name] = [e], x.value = "", T.value = { ...e };
+      }, t = k.value[n.name];
+      t ? k.value[n.name] = [e, ...t] : k.value[n.name] = [e], K.value = "", C.value = { ...e }, x.value = r.cloneDeep(o.value), b("update:selectedPreset", C.value);
     };
-    return N(
-      () => a.modelValue,
+    return O(
+      () => n.modelValue,
       (e) => {
         const t = e || {
           filter: null,
@@ -330,169 +330,162 @@ const at = { class: "mc-filter" }, nt = { class: "mc-filter__header" }, ot = {
         let l = {};
         if (t.filter_name)
           try {
-            const c = I.decode(t.filter_name);
+            const c = U.decode(t.filter_name);
             c && typeof c == "object" && !Array.isArray(c) && (l = c);
           } catch {
             console.error("Can't parse filters");
           }
-        const { filter: i, filter_name: f } = Q(t.filter, l, a.filters);
-        o.value = i, m.value = f;
+        const { filter: i, filter_name: p } = X(t.filter, l, n.filters);
+        o.value = i, m.value = p;
       },
       { deep: !0 }
-    ), N(
+    ), O(
       () => d.value,
       () => {
         F({ value: "" });
       },
       { deep: !0 }
-    ), N(
+    ), O(
       () => o.value,
       () => {
-        if (T.value && z.value[a.name]) {
-          const e = T.value.name, t = z.value[a.name].map((l) => l.name === e ? {
-            name: l.name,
-            filter: r.cloneDeep(o.value),
-            filter_name: r.cloneDeep(m.value)
-          } : l);
-          z.value[a.name] = [...t];
-        }
+        C.value && !r.isEqual(o.value, x.value) && (C.value = null, x.value = null, b("update:selectedPreset", null));
       },
       { deep: !0 }
-    ), N(
-      () => a.open,
+    ), O(
+      () => n.open,
       (e) => {
-        k.value = e;
+        S.value = e;
       }
-    ), N(
-      () => k.value,
+    ), O(
+      () => S.value,
       (e) => {
-        V("open", e);
+        b("open", e);
       }
-    ), N(
-      () => a.selectedPreset,
+    ), O(
+      () => n.selectedPreset,
       (e) => {
-        re(e);
+        e?.name !== C.value?.name && ie(e);
       }
-    ), (e, t) => (h(), P("div", at, [
-      w("div", nt, [
-        a.withActivator ? Je(e.$slots, "activator", { key: 0 }, () => [
-          y(Y, {
+    ), (e, t) => (z(), j("div", nt, [
+      w("div", ot, [
+        n.withActivator ? Qe(e.$slots, "activator", { key: 0 }, () => [
+          _(Z, {
             content: u.main_tooltip,
-            placement: s(J).Top,
-            size: s(G).S
+            placement: s(Q).Top,
+            size: s(J).S
           }, {
-            default: C(() => [
-              y(j, {
-                variation: Ee.value,
-                disabled: B.disabledOpen,
-                "bg-flat": k.value,
-                size: s(U).MCompact,
-                onClick: t[0] || (t[0] = (l) => k.value = !k.value)
+            default: T(() => [
+              _(B, {
+                variation: we.value,
+                disabled: $.disabledOpen,
+                "bg-flat": S.value,
+                size: s(L).MCompact,
+                onClick: t[0] || (t[0] = (l) => S.value = !S.value)
               }, {
-                "icon-prepend": C(() => [
-                  y(X, { name: "filter_list" })
+                "icon-prepend": T(() => [
+                  _(Y, { name: "filter_list" })
                 ]),
                 _: 1
               }, 8, ["variation", "disabled", "bg-flat", "size"])
             ]),
             _: 1
           }, 8, ["content", "placement", "size"])
-        ]) : D("", !0),
-        a.withPresets && le.value ? (h(), P("div", ot, [
-          y(s(ge), {
-            name: a.name,
-            "selected-preset": T.value,
-            onPresetSelected: re
+        ]) : P("", !0),
+        n.withPresets && ae.value ? (z(), j("div", rt, [
+          _(s(be), {
+            name: n.name,
+            "selected-preset": C.value,
+            onPresetSelected: ie
           }, null, 8, ["name", "selected-preset"])
-        ])) : D("", !0)
+        ])) : P("", !0)
       ]),
-      k.value ? (h(), P("div", rt, [
-        w("div", it, [
-          w("div", st, [
-            w("div", ut, [
-              y(s(ve), {
-                modelValue: b.value,
-                "onUpdate:modelValue": t[1] || (t[1] = (l) => b.value = l),
+      S.value ? (z(), j("div", it, [
+        w("div", st, [
+          w("div", ut, [
+            w("div", ct, [
+              _(s(de), {
+                modelValue: h.value,
+                "onUpdate:modelValue": t[1] || (t[1] = (l) => h.value = l),
                 title: u.value,
-                options: Fe.value,
+                options: Ee.value,
                 placeholder: u.choose,
                 "hide-selected": !1,
                 class: "mc-filter__main-select",
                 name: "filter_value_name"
               }, null, 8, ["modelValue", "title", "options", "placeholder"]),
-              d.value ? (h(), P(se, { key: 0 }, [
-                ze.value ? (h(), K(s(ye), {
+              d.value ? (z(), j(ue, { key: 0 }, [
+                Te.value ? (z(), D(s(_e), {
                   key: 0,
                   "model-value": v.value,
                   filter: d.value,
                   placeholders: u,
-                  "current-values": n.value ? {} : o.value,
-                  "use-timezone": a.useTimezone,
+                  "current-values": a.value ? {} : o.value,
+                  "use-timezone": n.useTimezone,
                   "onUpdate:modelValue": F
-                }, null, 8, ["model-value", "filter", "placeholders", "current-values", "use-timezone"])) : Te.value ? (h(), K(s(fe), {
+                }, null, 8, ["model-value", "filter", "placeholders", "current-values", "use-timezone"])) : Ve.value ? (z(), D(s(fe), {
                   key: 1,
                   "model-value": v.value,
                   filter: d.value,
                   placeholders: u,
-                  "current-values": n.value ? {} : o.value,
-                  "use-timezone": a.useTimezone,
+                  "current-values": a.value ? {} : o.value,
+                  "use-timezone": n.useTimezone,
                   "onUpdate:modelValue": F
-                }, null, 8, ["model-value", "filter", "placeholders", "current-values", "use-timezone"])) : Ve.value ? (h(), K(s(pe), {
+                }, null, 8, ["model-value", "filter", "placeholders", "current-values", "use-timezone"])) : Se.value ? (z(), D(s(ye), {
                   key: 2,
                   "model-value": v.value,
                   filter: d.value,
                   placeholders: u,
-                  "current-values": n.value ? {} : o.value,
-                  "use-timezone": a.useTimezone,
+                  "current-values": a.value ? {} : o.value,
+                  "use-timezone": n.useTimezone,
                   "onUpdate:modelValue": F
-                }, null, 8, ["model-value", "filter", "placeholders", "current-values", "use-timezone"])) : Se.value ? (h(), K(s(de), {
+                }, null, 8, ["model-value", "filter", "placeholders", "current-values", "use-timezone"])) : ke.value ? (z(), D(s(pe), {
                   key: 3,
                   "model-value": v.value,
                   filter: d.value,
                   placeholders: u,
-                  "current-values": n.value ? {} : o.value,
-                  "use-timezone": a.useTimezone,
+                  "current-values": a.value ? {} : o.value,
+                  "use-timezone": n.useTimezone,
                   "onUpdate:modelValue": F
-                }, null, 8, ["model-value", "filter", "placeholders", "current-values", "use-timezone"])) : D("", !0),
-                we.value ? (h(), K(j, {
+                }, null, 8, ["model-value", "filter", "placeholders", "current-values", "use-timezone"])) : P("", !0),
+                Pe.value ? (z(), D(B, {
                   key: 4,
-                  variation: `${s($).component.button}-outline`,
-                  onClick: Ne
+                  variation: `${s(q).component.button}-outline`,
+                  onClick: Oe
                 }, {
-                  default: C(() => [
-                    O(R(u.actions[n.value ? "save" : "add"]), 1)
+                  default: T(() => [
+                    N(R(u.actions[a.value ? "save" : "add"]), 1)
                   ]),
                   _: 1
-                }, 8, ["variation"])) : D("", !0)
-              ], 64)) : D("", !0)
+                }, 8, ["variation"])) : P("", !0)
+              ], 64)) : P("", !0)
             ])
           ]),
-          y(s(me), {
+          _(s(me), {
             "model-value": m.value,
-            filters: B.filters,
+            filters: $.filters,
             placeholders: u,
-            "active-tag": n.value,
-            "use-timezone": a.useTimezone,
-            onTagChange: t[2] || (t[2] = (l) => je(l)),
+            "active-tag": a.value,
+            "use-timezone": n.useTimezone,
+            onTagChange: t[2] || (t[2] = (l) => Be(l)),
             onTagClick: t[3] || (t[3] = (l) => Ae(l)),
-            onClear: Be
+            onClear: $e
           }, null, 8, ["model-value", "filters", "placeholders", "active-tag", "use-timezone"]),
-          w("section", ct, [
-            (h(!0), P(se, null, Qe(ke.value, (l, i) => (h(), K(Y, {
+          w("section", vt, [
+            (z(!0), j(ue, null, Xe(Fe.value, (l, i) => (z(), D(Z, {
               key: i,
               content: l.description || "",
-              placement: s(J).Top,
-              size: s(G).S
+              placement: s(Q).Top,
+              size: s(J).S
             }, {
-              default: C(() => [
-                y(s(_e), {
+              default: T(() => [
+                _(s(ge), {
                   variation: "gray-outline",
                   "text-color": "black",
-                  size: s(Ye).S,
-                  onClick: (f) => xe(l)
+                  size: s(Ze).S,
+                  onClick: (p) => xe(l)
                 }, {
-                  default: C(() => [
-                    O(R(l.name), 1)
+                  default: T(() => [
+                    N(R(l.name), 1)
                   ]),
                   _: 2
                 }, 1032, ["size", "onClick"])
@@ -500,49 +493,49 @@ const at = { class: "mc-filter" }, nt = { class: "mc-filter__header" }, ot = {
               _: 2
             }, 1032, ["content", "placement", "size"]))), 128))
           ]),
-          w("div", vt, [
+          w("div", dt, [
             w("div", mt, [
-              y(j, {
-                disabled: te.value,
-                loading: B.buttonConfirmIsLoading,
-                variation: s($).component.button,
-                size: s(U).S,
-                onClick: oe
+              _(B, {
+                disabled: le.value,
+                loading: $.buttonConfirmIsLoading,
+                variation: s(q).component.button,
+                size: s(L).S,
+                onClick: re
               }, {
-                default: C(() => [
-                  O(R(u.actions.confirm), 1)
+                default: T(() => [
+                  N(R(u.actions.confirm), 1)
                 ]),
                 _: 1
               }, 8, ["disabled", "loading", "variation", "size"]),
-              T.value ? (h(), K(j, {
+              C.value ? (z(), D(B, {
                 key: 0,
                 variation: "red-outline",
-                size: s(U).S,
-                onClick: t[4] || (t[4] = (l) => qe(T.value))
+                size: s(L).S,
+                onClick: t[4] || (t[4] = (l) => Ie(C.value))
               }, {
-                "icon-append": C(() => [
-                  y(X, {
+                "icon-append": T(() => [
+                  _(Y, {
                     name: "delete",
                     size: "250",
                     color: "red"
                   })
                 ]),
-                default: C(() => [
-                  O(R(u.actions.delete_preset) + " ", 1)
+                default: T(() => [
+                  N(R(u.actions.delete_preset) + " ", 1)
                 ]),
                 _: 1
-              }, 8, ["size"])) : D("", !0)
+              }, 8, ["size"])) : P("", !0)
             ]),
-            w("div", dt, [
-              y(tt, { class: "mc-filter__preset-input-title" }, {
-                "icon-append": C(() => [
-                  y(Y, {
+            w("div", pt, [
+              _(lt, { class: "mc-filter__preset-input-title" }, {
+                "icon-append": T(() => [
+                  _(Z, {
                     content: u.enter_preset_tooltip,
-                    placement: s(J).Top,
-                    size: s(G).S
+                    placement: s(Q).Top,
+                    size: s(J).S
                   }, {
-                    default: C(() => [
-                      y(X, {
+                    default: T(() => [
+                      _(Y, {
                         name: "help_solid",
                         size: "250",
                         color: "outline-gray"
@@ -551,38 +544,38 @@ const at = { class: "mc-filter" }, nt = { class: "mc-filter__header" }, ot = {
                     _: 1
                   }, 8, ["content", "placement", "size"])
                 ]),
-                default: C(() => [
-                  O(R(u.create_preset) + " ", 1)
+                default: T(() => [
+                  N(R(u.create_preset) + " ", 1)
                 ]),
                 _: 1
               }),
-              y(lt, {
-                modelValue: x.value,
-                "onUpdate:modelValue": t[5] || (t[5] = (l) => x.value = l),
+              _(at, {
+                modelValue: K.value,
+                "onUpdate:modelValue": t[5] || (t[5] = (l) => K.value = l),
                 placeholder: u.enter_preset_name,
                 "max-length": 30,
                 width: "250px",
                 class: "mc-filter__preset-input",
                 name: "preset_name"
               }, null, 8, ["modelValue", "placeholder"]),
-              y(j, {
+              _(B, {
                 disabled: De.value,
-                variation: `${s($).component.button}-outline`,
-                size: s(U).S,
-                onClick: Ie
+                variation: `${s(q).component.button}-outline`,
+                size: s(L).S,
+                onClick: Ue
               }, {
-                default: C(() => [
-                  O(R(u.actions.create), 1)
+                default: T(() => [
+                  N(R(u.actions.create), 1)
                 ]),
                 _: 1
               }, 8, ["disabled", "variation", "size"])
             ])
           ])
         ])
-      ])) : D("", !0)
+      ])) : P("", !0)
     ]));
   }
 });
 export {
-  Ot as default
+  Nt as default
 };

package/dist/styles/mixins.scss

@@ -382,7 +382,17 @@
   }
 }
 
-@mixin editor-default-styles($main-font-size: $font-size-300, $main-line-height: $line-height-300) {
+/**
+ * $preserve-empty-lines — сохранять пустые строки, набранные в редакторе (Enter x2 / Shift+Enter).
+ * По умолчанию выключено: пустые параграфы прячутся, как и раньше.
+ * Включать только там, где рендерится контент из визуального редактора, и пустая строка —
+ * осмысленная часть вёрстки автора. Для текстов из бэка/переводов оставлять false.
+ */
+@mixin editor-default-styles(
+  $main-font-size: $font-size-300,
+  $main-line-height: $line-height-300,
+  $preserve-empty-lines: false
+) {
   p,
   strong,
   em,
@@ -395,6 +405,21 @@
       display: none;
     }
   }
+  @if $preserve-empty-lines {
+    /**
+     * Пустой <p> без контента имеет нулевую высоту, а висящий <br> в конце абзаца
+     * браузер не отрисовывает вовсе. Zero-width space даёт последней строке содержимое,
+     * поэтому отступ, который автор видит в редакторе, не схлопывается при показе.
+     */
+    p {
+      &:empty {
+        display: block;
+      }
+      &::after {
+        content: '\200B';
+      }
+    }
+  }
   ol,
   ul {
     margin-block-start: 0;
@@ -704,8 +729,8 @@
 }
 
 
-@mixin editor-notification-styles {
-  @include editor-default-styles;
+@mixin editor-notification-styles($preserve-empty-lines: false) {
+  @include editor-default-styles($preserve-empty-lines: $preserve-empty-lines);
   h1 {
     margin-bottom: $space-250;
     img {
@@ -751,7 +776,7 @@
   }
 }
 
-@mixin editor-assist-styles {
+@mixin editor-assist-styles($preserve-empty-lines: false) {
   img {
     max-width: 100%;
     width: 100%;
@@ -759,5 +784,5 @@
     object-fit: cover;
     margin: 16px 0;
   }
-  @include editor-default-styles;
+  @include editor-default-styles($preserve-empty-lines: $preserve-empty-lines);
 }

package/dist/types/components/patterns/McFilter/McFilter.vue.d.ts

@@ -79,6 +79,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     "update:modelValue": (value: IFilterValue) => any;
     open: (value: boolean) => any;
     "delete-preset": (value: string) => any;
+    "update:selectedPreset": (value: IFilterPreset | null) => any;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     open: {
         type: PropType<boolean>;
@@ -158,6 +159,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     "onUpdate:modelValue"?: ((value: IFilterValue) => any) | undefined;
     onOpen?: ((value: boolean) => any) | undefined;
     "onDelete-preset"?: ((value: string) => any) | undefined;
+    "onUpdate:selectedPreset"?: ((value: IFilterPreset | null) => any) | undefined;
 }>, {
     modelValue: IFilterValue;
     placeholders: Partial<IFilterPlaceholders>;

package/dist/types/components/patterns/McFilter/index.d.ts

@@ -56,6 +56,7 @@ declare const McFilter: {
         "onUpdate:modelValue"?: ((value: import('../../../types/IFilter').IFilterValue) => any) | undefined;
         onOpen?: ((value: boolean) => any) | undefined;
         "onDelete-preset"?: ((value: string) => any) | undefined;
+        "onUpdate:selectedPreset"?: ((value: import('../../../types/IFilter').IFilterPreset | null) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         error: (value: string) => any;
         confirm: (value: import('../../../types/IFilter').IFilterValue) => any;
@@ -63,6 +64,7 @@ declare const McFilter: {
         "update:modelValue": (value: import('../../../types/IFilter').IFilterValue) => any;
         open: (value: boolean) => any;
         "delete-preset": (value: string) => any;
+        "update:selectedPreset": (value: import('../../../types/IFilter').IFilterPreset | null) => any;
     }, import('vue').PublicProps, {
         modelValue: import('../../../types/IFilter').IFilterValue;
         placeholders: Partial<import('../../../types/IFilter').IFilterPlaceholders>;
@@ -138,6 +140,7 @@ declare const McFilter: {
         "onUpdate:modelValue"?: ((value: import('../../../types/IFilter').IFilterValue) => any) | undefined;
         onOpen?: ((value: boolean) => any) | undefined;
         "onDelete-preset"?: ((value: string) => any) | undefined;
+        "onUpdate:selectedPreset"?: ((value: import('../../../types/IFilter').IFilterPreset | null) => any) | undefined;
     }>, {}, {}, {}, {}, {
         modelValue: import('../../../types/IFilter').IFilterValue;
         placeholders: Partial<import('../../../types/IFilter').IFilterPlaceholders>;
@@ -210,6 +213,7 @@ declare const McFilter: {
     "onUpdate:modelValue"?: ((value: import('../../../types/IFilter').IFilterValue) => any) | undefined;
     onOpen?: ((value: boolean) => any) | undefined;
     "onDelete-preset"?: ((value: string) => any) | undefined;
+    "onUpdate:selectedPreset"?: ((value: import('../../../types/IFilter').IFilterPreset | null) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     error: (value: string) => any;
     confirm: (value: import('../../../types/IFilter').IFilterValue) => any;
@@ -217,6 +221,7 @@ declare const McFilter: {
     "update:modelValue": (value: import('../../../types/IFilter').IFilterValue) => any;
     open: (value: boolean) => any;
     "delete-preset": (value: string) => any;
+    "update:selectedPreset": (value: import('../../../types/IFilter').IFilterPreset | null) => any;
 }, string, {
     modelValue: import('../../../types/IFilter').IFilterValue;
     placeholders: Partial<import('../../../types/IFilter').IFilterPlaceholders>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mediacube-ui-v2",
-  "version": "0.0.344",
+  "version": "0.0.346",
   "license": "MIT",
   "description": "Design system for Mediacube services",
   "sideEffects": [