@mobilon-dev/chotto 0.3.97 → 0.3.98

package/dist/components/2_chatinput_elements/StickerPicker/StickerPicker.vue.js

@@ -1,7 +1,223 @@
-import o from "./StickerPicker.vue2.js";
+import f from "./StickerPicker.vue2.js";
+import { createElementBlock as r, openBlock as i, Fragment as n, createCommentVNode as t, createVNode as a, normalizeClass as _, createElementVNode as l, Transition as d, withCtx as v, withDirectives as S, renderList as m, toDisplayString as h, vShow as y, normalizeStyle as g } from "vue";
 /* empty css                   */
-import r from "../../../_virtual/_plugin-vue_export-helper.js";
-const i = /* @__PURE__ */ r(o, [["__scopeId", "data-v-bbb6923b"]]);
+import b from "../../../_virtual/_plugin-vue_export-helper.js";
+const p = { class: "sticker-picker__container" }, u = ["onClick", "onMouseenter", "onMouseleave"], w = ["src"], M = ["src", "alt"], T = {
+  key: 2,
+  class: "sticker-picker__tab-icon-placeholder"
+}, P = { class: "sticker-picker__content" }, C = {
+  key: 0,
+  class: "sticker-picker__empty"
+}, L = {
+  key: 1,
+  class: "sticker-picker__grid"
+}, E = ["onClick", "onMouseenter"], W = ["src"], U = ["src", "alt"], V = ["src"], B = ["src", "alt"], G = {
+  key: 2,
+  class: "sticker-picker__preview-label"
+};
+function N(R, z, k, e, D, H) {
+  return i(), r(
+    n,
+    null,
+    [
+      e.getMessage().isRecording ? t("v-if", !0) : (i(), r(
+        "button",
+        {
+          key: 0,
+          ref: "stickerButton",
+          class: _(["button", { "button-disabled": k.state === "disabled" }]),
+          onClick: e.handleClick,
+          onMouseenter: e.handleMouseEnterWithHover,
+          onMouseleave: e.handleMouseLeaveWithHover
+        },
+        [
+          l("span", null, [
+            a(e.StickerIcon, { fill: e.currentIconColor }, null, 8, ["fill"])
+          ])
+        ],
+        34
+        /* CLASS, NEED_HYDRATION */
+      )),
+      a(d, { persisted: "" }, {
+        default: v(() => [
+          S(l(
+            "div",
+            {
+              ref: "stickerPicker",
+              class: "sticker-picker",
+              onMouseenter: e.handlePickerMouseEnter,
+              onMouseleave: e.handlePickerMouseLeave
+            },
+            [
+              l("div", p, [
+                t(" Вкладки "),
+                e.hasTabs ? (i(), r(
+                  "div",
+                  {
+                    key: 0,
+                    ref: "tabsContainer",
+                    class: "sticker-picker__tabs",
+                    onWheelPassive: e.handleTabsWheel
+                  },
+                  [
+                    (i(!0), r(
+                      n,
+                      null,
+                      m(e.stickerTabs, (c, o) => (i(), r("button", {
+                        key: o,
+                        class: _(["sticker-picker__tab", { "sticker-picker__tab--active": e.activeTabIndex === o }]),
+                        onClick: (s) => e.activeTabIndex = o,
+                        onMouseenter: (s) => e.handleTabMouseEnter(o),
+                        onMouseleave: (s) => e.handleTabMouseLeave(o)
+                      }, [
+                        t(" TGS анимированные стикеры для иконок вкладок "),
+                        c.iconUrl && e.isAnimatedSticker(c.iconUrl) && e.tgsLibsLoaded ? (i(), r("tgs-player", {
+                          key: 0,
+                          ref_for: !0,
+                          ref: (s) => e.setTgsTabPlayerRef(o, s),
+                          src: c.iconUrl,
+                          class: "sticker-picker__tab-icon sticker-picker__tab-icon-animated",
+                          loop: "",
+                          mode: "normal"
+                        }, null, 8, w)) : c.iconUrl ? (i(), r(
+                          n,
+                          { key: 1 },
+                          [
+                            t(" WebP и другие статические стикеры для иконок вкладок "),
+                            l("img", {
+                              src: c.iconUrl,
+                              alt: c.label || `Tab ${o + 1}`,
+                              class: "sticker-picker__tab-icon"
+                            }, null, 8, M)
+                          ],
+                          2112
+                          /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+                        )) : (i(), r("span", T, [
+                          a(e.StickerIcon)
+                        ]))
+                      ], 42, u))),
+                      128
+                      /* KEYED_FRAGMENT */
+                    ))
+                  ],
+                  544
+                  /* NEED_HYDRATION, NEED_PATCH */
+                )) : t("v-if", !0),
+                t(" Контент стикеров "),
+                l("div", P, [
+                  e.currentStickers.length === 0 ? (i(), r(
+                    "div",
+                    C,
+                    h(k.emptyText),
+                    1
+                    /* TEXT */
+                  )) : (i(), r("div", L, [
+                    (i(!0), r(
+                      n,
+                      null,
+                      m(e.currentStickers, (c, o) => (i(), r("button", {
+                        key: o,
+                        class: "sticker-picker__item",
+                        onClick: (s) => e.handleStickerClick(c),
+                        onMouseenter: (s) => e.handleStickerMouseEnter(c, o),
+                        onMouseleave: e.handleStickerMouseLeave
+                      }, [
+                        t(" TGS анимированные стикеры "),
+                        e.isTgsSticker(c) && e.tgsLibsLoaded ? (i(), r("tgs-player", {
+                          key: 0,
+                          ref_for: !0,
+                          ref: (s) => e.setTgsPlayerRef(o, s),
+                          src: c.url,
+                          class: "sticker-picker__image sticker-picker__image-animated",
+                          loop: "",
+                          mode: "normal"
+                        }, null, 8, W)) : (i(), r(
+                          n,
+                          { key: 1 },
+                          [
+                            t(" WebP и другие статические стикеры "),
+                            l("img", {
+                              src: c.url,
+                              alt: c.alt || `Sticker ${o + 1}`,
+                              class: "sticker-picker__image"
+                            }, null, 8, U)
+                          ],
+                          2112
+                          /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+                        ))
+                      ], 40, E))),
+                      128
+                      /* KEYED_FRAGMENT */
+                    ))
+                  ]))
+                ])
+              ])
+            ],
+            544
+            /* NEED_HYDRATION, NEED_PATCH */
+          ), [
+            [y, e.isStickerPickerVisible]
+          ])
+        ]),
+        _: 1
+        /* STABLE */
+      }),
+      t(" Предпросмотр стикера "),
+      a(d, { name: "preview" }, {
+        default: v(() => [
+          e.previewSticker ? (i(), r(
+            "div",
+            {
+              key: 0,
+              ref: "previewElement",
+              class: "sticker-picker__preview",
+              style: g(e.previewStyle),
+              onClick: e.handlePreviewClick
+            },
+            [
+              t(" TGS анимированные стикеры "),
+              e.isTgsSticker(e.previewSticker) && e.tgsLibsLoaded ? (i(), r("tgs-player", {
+                key: 0,
+                src: e.previewSticker.url,
+                class: "sticker-picker__preview-image sticker-picker__preview-image-animated",
+                autoplay: "",
+                loop: "",
+                mode: "normal"
+              }, null, 8, V)) : (i(), r(
+                n,
+                { key: 1 },
+                [
+                  t(" WebP и другие статические стикеры "),
+                  l("img", {
+                    src: e.previewSticker.url,
+                    alt: e.previewSticker.alt || "Preview",
+                    class: "sticker-picker__preview-image"
+                  }, null, 8, B)
+                ],
+                2112
+                /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+              )),
+              e.previewSticker.alt ? (i(), r(
+                "div",
+                G,
+                h(e.previewSticker.alt),
+                1
+                /* TEXT */
+              )) : t("v-if", !0)
+            ],
+            4
+            /* STYLE */
+          )) : t("v-if", !0)
+        ]),
+        _: 1
+        /* STABLE */
+      })
+    ],
+    64
+    /* STABLE_FRAGMENT */
+  );
+}
+const I = /* @__PURE__ */ b(f, [["render", N], ["__scopeId", "data-v-7b8325b7"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_chatinput_elements/StickerPicker/StickerPicker.vue"]]);
 export {
-  i as default
+  I as default
 };