mediacube-ui-v2 0.0.268 → 0.0.269

package/dist/components/elements/McSvgIcon/McSvgIcon.vue2.js

@@ -1,14 +1,14 @@
-import { defineComponent as u, computed as o, openBlock as d, createElementBlock as f, normalizeStyle as g, normalizeClass as v, createElementVNode as S } from "vue";
-import { Sizes as h } from "../../../types/styles/Sizes.js";
-import { Directions as y } from "../../../enums/ui/Directions2.js";
-import { adaptiveAdditionalProps as _, adaptivePropsParams as $, adaptivePropsSizes as z } from "../../../utils/mcSvgIconAdaptiveProps2.js";
-import { useHelper as I } from "../../../composables/useHelper2.js";
-import { useTheme as P } from "../../../composables/useTheme2.js";
-import { SPRITE_IDS as E } from "../../../consts/iconsSpriteIds.js";
-const k = ["xlink:href"], M = /* @__PURE__ */ u({
+import { defineComponent as v, computed as r, openBlock as h, createElementBlock as y, normalizeStyle as $, normalizeClass as z, createElementVNode as I } from "vue";
+import { Sizes as w } from "../../../types/styles/Sizes.js";
+import { Directions as A } from "../../../enums/ui/Directions2.js";
+import { adaptiveAdditionalProps as N, adaptivePropsParams as P, adaptivePropsSizes as k } from "../../../utils/mcSvgIconAdaptiveProps2.js";
+import { useHelper as E } from "../../../composables/useHelper2.js";
+import { useTheme as G } from "../../../composables/useTheme2.js";
+import { SPRITE_IDS as s } from "../../../consts/iconsSpriteIds.js";
+const x = ["xlink:href"], M = /* @__PURE__ */ v({
   __name: "McSvgIcon",
   props: {
-    ..._,
+    ...N,
     /**
      * Имя иконки
      */
@@ -21,7 +21,7 @@ const k = ["xlink:href"], M = /* @__PURE__ */ u({
      */
     spriteId: {
       type: String,
-      default: () => E.MAIN
+      default: () => s.MAIN
     },
     /**
      * Цвет иконки
@@ -57,34 +57,53 @@ const k = ["xlink:href"], M = /* @__PURE__ */ u({
     },
     dir: {
       type: String,
-      default: y.Ltr
+      default: A.Ltr
     }
   },
   setup(n) {
-    const c = I(), e = n, l = P(), p = o(() => {
+    const c = E(), e = n, l = G(), p = [
+      "card_mir_colored",
+      "clickup",
+      "instagram_colored",
+      "mc_pay_mobile_app",
+      "mc_vidwide",
+      "messenger_colored",
+      "payoneer_colored",
+      "personal_email_colored",
+      "steam_colored",
+      "telegram_colored"
+    ], m = new Set(p), d = [
+      "flag_ar",
+      "flag_en",
+      "flag_es",
+      "flag_pt",
+      "flag_ru",
+      "flag_th",
+      "flag_vi"
+    ], u = new Set(d), f = r(() => {
       const t = {};
-      return $.forEach((r) => {
-        z.forEach((s) => {
-          const i = e[`${r}${c.upperFirst(s)}`];
-          t[`mc-svg-icon--${r}-${s}-${i}`] = !!i;
+      return P.forEach((o) => {
+        k.forEach((i) => {
+          const a = e[`${o}${c.upperFirst(i)}`];
+          t[`mc-svg-icon--${o}-${i}-${a}`] = !!a;
         });
       }), t;
-    }), a = o(() => ({
+    }), g = r(() => ({
       "mc-svg-icon": !0,
       [`mc-svg-icon--dir-${e.dir}`]: !!e.dir,
-      ...p.value
-    })), m = o(() => ({
-      "--mc-svg-icon-size": h[e.size],
+      ...f.value
+    })), _ = r(() => ({
+      "--mc-svg-icon-size": w[e.size],
       "--mc-svg-icon-weight": String(e.weight)?.replace(".", "")?.split("")?.join("."),
       "--mc-svg-icon-color": e.color && l.colors[e.color]
-    }));
-    return (t, r) => (d(), f("svg", {
-      class: v(a.value),
-      style: g(m.value)
+    })), S = r(() => m.has(e.name) ? s.GRADS : u.has(e.name) ? s.FLAGS : e.spriteId);
+    return (t, o) => (h(), y("svg", {
+      class: z(g.value),
+      style: $(_.value)
     }, [
-      S("use", {
-        "xlink:href": `#${e.spriteId}-${e.name}`
-      }, null, 8, k)
+      I("use", {
+        "xlink:href": `#${S.value}-${e.name}`
+      }, null, 8, x)
     ], 6));
   }
 });

package/package.json

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