@opendesign-plus-test/components 0.0.1-rc.216 → 0.0.1-rc.218

package/dist/treeshaking/components/header/components/HeaderContent.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./HeaderContent.vue2.mjs";
 import './HeaderContent.css';
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const HeaderContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6d490c27"]]);
+const HeaderContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-40872d20"]]);
 export {
   HeaderContent as default
 };

package/dist/treeshaking/components/header/index.d.ts

@@ -11,8 +11,8 @@ declare const OHeader: {
     }, import('vue').PublicProps, {
         isFlatten: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-        contentRef: HTMLElement;
-    }, HTMLElement, import('vue').ComponentProvideOptions, {
+        contentRef: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};

package/dist/treeshaking/components/meeting/OMeetingPlayback.css

@@ -60,7 +60,6 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  gap: var(--o-r-gap-5);
 }
 .o-meeting-playback .left-card .video-header .video-title {
   font-weight: 500;
@@ -93,7 +92,6 @@
 }
 .o-meeting-playback .left-card .video-header .o-select {
   width: 150px;
-  flex-shrink: 0;
 }
 .o-meeting-playback .left-card .video-content {
   margin-top: var(--o-gap-5);

package/dist/treeshaking/components/meeting/OMeetingPlayback.vue.d.ts

@@ -1,4 +1,4 @@
-import { CaptionItemT, MeetingPlaybackPropsT, MeetingGroupType } from './types';
+import { CaptionItemT, MeetingPlaybackPropsT } from './types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -50,7 +50,6 @@ declare const __VLS_component: import('vue').DefineComponent<MeetingPlaybackProp
 }>, {
     data: import('./types').MeetingPlaybackPropsDataT;
     dates: string[];
-    groupType: MeetingGroupType;
     detail: import('./types').MeetingPlaybackPropsDetailT;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     leftRef: HTMLDivElement;

package/dist/treeshaking/components/meeting/OMeetingPlayback.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, computed, watchEffect, nextTick, onMounted, onUnmounted, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, createTextVNode, toDisplayString, createBlock, unref, Fragment, renderList, createCommentVNode, normalizeClass, normalizeStyle, renderSlot } from "vue";
+import { defineComponent, ref, computed, watchEffect, watch, nextTick, onMounted, onUnmounted, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, createTextVNode, toDisplayString, createBlock, unref, Fragment, renderList, createCommentVNode, normalizeClass, normalizeStyle, renderSlot } from "vue";
 import { transformSeconds, speakerNum, transformTime } from "./utils.mjs";
 import { OSelect, OOption, OTab, OTabPane, OScroller, OIcon, OIconChevronDown } from "@opensig/opendesign";
 import _sfc_main$3 from "./components/OMeetingPlaybackSubtitles.vue.mjs";
@@ -8,7 +8,6 @@ import _sfc_main$2 from "./components/OMeetingPlaybackVideo.vue.mjs";
 import './components/OMeetingPlaybackVideo.css';
 import { useI18n } from "../../i18n/index.mjs";
 import { PROGRESS_COLORS } from "./config.mjs";
-import { MeetingGroupType } from "./types.mjs";
 import _sfc_main$1 from "../common/TooltipText.vue.mjs";
 import '../common/TooltipText.css';
 const _hoisted_1 = { class: "o-meeting-playback" };
@@ -41,8 +40,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     dates: { default: () => [] },
     detail: { default: () => ({}) },
     data: { default: () => ({}) },
-    dev: { type: Boolean },
-    groupType: { default: MeetingGroupType.SIG }
+    dev: { type: Boolean }
   },
   emits: ["change-date"],
   setup(__props, { emit: __emit }) {
@@ -57,12 +55,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const setTrackIdx = (idx) => {
       trackIdx.value = idx;
     };
-    watch(
-      () => props.data,
-      () => {
-        trackIdx.value = 0;
-      }
-    );
     const captionsList = ref([]);
     const getCaptions = async (url) => {
       const res = await fetch(url);
@@ -316,8 +308,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         createElementVNode("span", null, toDisplayString(__props.detail.sponsor), 1)
                       ]),
                       createElementVNode("div", _hoisted_8, [
-                        createElementVNode("span", null, toDisplayString(props.groupType === unref(MeetingGroupType).GROUP ? unref(t)("meeting.item2Group") : unref(t)("meeting.item2")), 1),
-                        createElementVNode("span", null, toDisplayString(__props.detail.groupName ?? __props.detail.group_name), 1)
+                        createElementVNode("span", null, toDisplayString(unref(t)("meeting.item2")), 1),
+                        createElementVNode("span", null, toDisplayString(__props.detail.groupName), 1)
                       ]),
                       createElementVNode("div", _hoisted_9, [
                         createElementVNode("span", null, toDisplayString(unref(t)("meeting.item3")), 1),

package/dist/treeshaking/components/meeting/OMeetingSigCalendar.vue.mjs

@@ -1,7 +1,7 @@
 import { defineComponent, computed, ref, watch, nextTick, onMounted, onBeforeUnmount, openBlock, createElementBlock, unref, createElementVNode, toDisplayString, createVNode, withCtx, createCommentVNode, normalizeClass, Fragment, renderList, createBlock, resolveDynamicComponent, createTextVNode, renderSlot } from "vue";
 import { isClient, OPopover, OIcon, OTab, OTabPane, OSelect, OOption, ODivider, OScroller, OResult, OFigure } from "@opensig/opendesign";
 import dayjs from "dayjs";
-import IconTips from "../../_virtual/icon-tips.mjs";
+import IconTips from "../../_virtual/icon-tips2.mjs";
 import _sfc_main$1 from "./components/OMeetingSigAside.vue.mjs";
 import './components/OMeetingSigAside.css';
 import { CalendarDataType } from "./types.mjs";

package/dist/treeshaking/components/meeting/components/OMeetingPlaybackSubtitles.css

@@ -551,9 +551,6 @@
 .o-meeting-playback-subtitles .o-tab .o-row {
   margin-top: 0;
 }
-.o-meeting-playback-subtitles .playback-empty {
-  height: 100%;
-}
 @media (max-width: 840px) {
 .o-meeting-playback-subtitles .captions-tab .captions-scroller {
     max-height: 600px;

package/dist/treeshaking/components/meeting/components/OMeetingPlaybackSubtitles.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, computed, useId, ref, watch, nextTick, onMounted, onUnmounted, openBlock, createElementBlock, createElementVNode, createVNode, unref, withKeys, withModifiers, withCtx, toDisplayString, createCommentVNode, Fragment, renderList, createBlock, createTextVNode, normalizeClass, withDirectives, renderSlot } from "vue";
+import { defineComponent, computed, ref, watch, nextTick, onMounted, onUnmounted, openBlock, createElementBlock, createElementVNode, createVNode, unref, withKeys, withModifiers, withCtx, toDisplayString, createCommentVNode, Fragment, renderList, createBlock, createTextVNode, normalizeClass, withDirectives, renderSlot } from "vue";
 import { OInput, OIcon, ODivider, OTab, OTabPane, OScroller, ORow, OCol } from "@opensig/opendesign";
 import { ElSelect, ElOption, ElCheckbox } from "element-plus";
 import "element-plus/es/components/select/style/css";
@@ -11,7 +11,6 @@ import IconChevronUp from "../../../_virtual/icon-chevron-up.mjs";
 import IconClose from "../../../_virtual/icon-close.mjs";
 import IconSpeaker from "../../../_virtual/icon-speaker.mjs";
 import { useDebounceFn } from "@vueuse/core";
-import OEmpty from "../../empty/OEmpty.vue.mjs";
 import { useI18n } from "../../../i18n/index.mjs";
 import { buildVueDompurifyHTMLDirective } from "vue-dompurify-html";
 const _hoisted_1 = { class: "o-meeting-playback-subtitles" };
@@ -27,10 +26,7 @@ const _hoisted_7 = { class: "num" };
 const _hoisted_8 = { class: "speaker" };
 const _hoisted_9 = { class: "start-time" };
 const _hoisted_10 = { class: "text" };
-const _hoisted_11 = {
-  key: 1,
-  class: "playback-empty"
-};
+const _hoisted_11 = { key: 1 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "OMeetingPlaybackSubtitles",
   props: {
@@ -43,8 +39,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const { t } = useI18n();
     const currentIndex = computed(() => props.trackIdx);
-    const scrollerDomId = useId();
-    const getScrollerContainer = () => document.querySelector(`#${scrollerDomId} > .o-scroller-container`);
     const scrollContainer = ref();
     const wheelVisible = ref(false);
     const handleScroll = () => {
@@ -94,14 +88,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     onMounted(() => {
       var _a;
-      scrollContainer.value = getScrollerContainer();
+      scrollContainer.value = document.querySelector("#captionsScrollDom > .o-scroller-container");
       (_a = scrollContainer.value) == null ? void 0 : _a.addEventListener("wheel", handleScroll);
     });
     watch(
       () => computedCaptions.value,
       () => {
         var _a;
-        scrollContainer.value = getScrollerContainer();
+        scrollContainer.value = document.querySelector("#captionsScrollDom > .o-scroller-container");
         (_a = scrollContainer.value) == null ? void 0 : _a.addEventListener("wheel", handleScroll);
       }
     );
@@ -365,7 +359,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               default: withCtx(() => [
                 computedCaptions.value.length ? (openBlock(), createBlock(unref(OScroller), {
                   key: 0,
-                  id: unref(scrollerDomId),
+                  id: "captionsScrollDom",
                   class: "captions-scroller",
                   "show-type": "hover",
                   size: "small",
@@ -414,10 +408,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     })
                   ]),
                   _: 1
-                }, 8, ["id"])) : (openBlock(), createElementBlock("div", _hoisted_11, [
-                  renderSlot(_ctx.$slots, "empty", {}, () => [
-                    createVNode(OEmpty)
-                  ])
+                })) : (openBlock(), createElementBlock("div", _hoisted_11, [
+                  renderSlot(_ctx.$slots, "empty")
                 ]))
               ]),
               _: 3

package/dist/treeshaking/components/meeting/components/OMeetingPlaybackVideo.vue.mjs

@@ -1,11 +1,10 @@
-import { defineComponent, ref, useId, watch, onMounted, onUnmounted, openBlock, createElementBlock, createElementVNode, normalizeClass, unref, toDisplayString, createCommentVNode } from "vue";
+import { defineComponent, ref, watch, onMounted, onUnmounted, openBlock, createElementBlock, createElementVNode, normalizeClass, toDisplayString, createCommentVNode, nextTick } from "vue";
 import videojs from "../../../_virtual/video.js/dist/video.es.js.mjs";
 import '../../../_virtual/video.js/dist/video-js.css';
 import { transformTime } from "../utils.mjs";
 import defaultPoster from "../../../assets/meeting/transparent.png.mjs";
 const _hoisted_1 = { class: "o-meeting-playback-video" };
-const _hoisted_2 = ["id"];
-const _hoisted_3 = {
+const _hoisted_2 = {
   key: 0,
   class: "poster-title"
 };
@@ -24,8 +23,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const timer = ref();
+    const colHeight = ref();
     const playerRef = ref();
-    const playerId = useId();
     const emits = __emit;
     const speakerMenuVisible = ref(false);
     const closeSpeakerMenu = () => {
@@ -99,7 +98,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const playStatus = ref("init");
     const videoInit = async () => {
       if (!props.src) return;
-      const player = videojs(playerId, {
+      const player = videojs("playerId", {
         controls: true,
         autoplay: false,
         preload: "auto",
@@ -169,10 +168,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       }
       if (props.vtt) {
-        const subtitleToggleName = `SubtitleToggleButton-${playerId}`;
-        videojs.registerComponent(subtitleToggleName, CustomSubsCapsButton);
-        if (!player.controlBar.children_.some((v) => v.name_ === subtitleToggleName)) {
-          player.controlBar.addChild(subtitleToggleName, {}, 8);
+        videojs.registerComponent("SubtitleToggleButton", CustomSubsCapsButton);
+        if (!player.controlBar.children_.some((v) => v.name_ === "SubtitleToggleButton")) {
+          player.controlBar.addChild("SubtitleToggleButton", {}, 8);
         }
       }
       const textTracks = player == null ? void 0 : player.textTracks().tracks_;
@@ -195,6 +193,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       player.one("loadedmetadata", () => {
         emits("getDuration", player.duration());
       });
+      nextTick(() => {
+        const container = document.getElementsByClassName("o-meeting-playback-video")[0];
+        colHeight.value = container.offsetHeight;
+      });
       playerRef.value = player;
     };
     onMounted(() => {
@@ -227,11 +229,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             [playStatus.value]: true
           }])
         }, [
-          createElementVNode("video", {
+          _cache[0] || (_cache[0] = createElementVNode("video", {
             class: "video-js",
-            id: unref(playerId)
-          }, null, 8, _hoisted_2),
-          __props.posterTitle ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(__props.posterTitle), 1)) : createCommentVNode("", true)
+            id: "playerId"
+          }, null, -1)),
+          __props.posterTitle ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(__props.posterTitle), 1)) : createCommentVNode("", true)
         ], 2)
       ]);
     };

package/dist/treeshaking/components/meeting/index.d.ts

@@ -532,7 +532,6 @@ declare const OMeetingPlayback: {
     }, import('vue').PublicProps, {
         data: import('./types').MeetingPlaybackPropsDataT;
         dates: string[];
-        groupType: import('./types').MeetingGroupType;
         detail: import('./types').MeetingPlaybackPropsDetailT;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         leftRef: HTMLDivElement;
@@ -581,7 +580,6 @@ declare const OMeetingPlayback: {
     }>, {}, {}, {}, {}, {
         data: import('./types').MeetingPlaybackPropsDataT;
         dates: string[];
-        groupType: import('./types').MeetingGroupType;
         detail: import('./types').MeetingPlaybackPropsDetailT;
     }>;
     __isFragment?: never;
@@ -594,7 +592,6 @@ declare const OMeetingPlayback: {
 }, string, {
     data: import('./types').MeetingPlaybackPropsDataT;
     dates: string[];
-    groupType: import('./types').MeetingGroupType;
     detail: import('./types').MeetingPlaybackPropsDetailT;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {

package/dist/treeshaking/components/meeting/types.d.ts

@@ -206,7 +206,6 @@ export interface MeetingPlaybackPropsDetailT {
     agenda: string;
     sponsor: string;
     groupName: string;
-    group_name?: string;
 }
 export interface MeetingPlaybackPropsDataT {
     mid: string;
@@ -222,7 +221,6 @@ export interface MeetingPlaybackPropsT {
     detail: MeetingPlaybackPropsDetailT;
     data: MeetingPlaybackPropsDataT;
     dev?: boolean;
-    groupType?: MeetingGroupType;
 }
 export interface SubjectItemT {
     title: string;

package/dist/treeshaking/components/org/OOrgMembers.vue2.mjs

@@ -2,7 +2,7 @@ import { defineComponent, computed, ref, openBlock, createElementBlock, Fragment
 import { OLink, OButton, OIcon, OIconChevronUp, OIconChevronDown } from "@opensig/opendesign";
 import { useScreen } from "@opendesign-plus/composables";
 import { useI18n } from "../../i18n/index.mjs";
-import IconEmail from "../../_virtual/icon-email2.mjs";
+import IconEmail from "../../_virtual/icon-email.mjs";
 const _hoisted_1 = { class: "o-org-members" };
 const _hoisted_2 = ["src", "alt"];
 const _hoisted_3 = { class: "o-org-members-title" };

package/dist/treeshaking/components/search/OSearchInput.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./OSearchInput.vue2.mjs";
 import './OSearchInput.css';
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const OSearchInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-18e8aec0"]]);
+const _OSearchInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-18e8aec0"]]);
 export {
-  OSearchInput as default
+  _OSearchInput as default
 };

package/dist/treeshaking/components/search/index.mjs

@@ -1,7 +1,7 @@
-import OSearchInput$1 from "./OSearchInput.vue.mjs";
-const OSearchInput = Object.assign(OSearchInput$1, {
+import _OSearchInput from "./OSearchInput.vue.mjs";
+const OSearchInput = Object.assign(_OSearchInput, {
   install(app) {
-    app.component("OSearchInput", OSearchInput$1);
+    app.component("OSearchInput", _OSearchInput);
   }
 });
 export {

package/dist/treeshaking/components/search/internal/SearchImageInput.css

@@ -1,31 +1,33 @@
-.hover-icon-rotate .o-icon[data-v-07ee5c5f] {
+.hover-icon-rotate .o-icon[data-v-cbdc0409] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-07ee5c5f] {
+.hover-icon-rotate:hover .o-icon[data-v-cbdc0409] {
     transform: rotate(-180deg);
 }
 }
-.o-search-image-input[data-v-07ee5c5f] {
+.o-search-image-input[data-v-cbdc0409] {
   display: flex;
   flex-direction: column;
+  border: 1px solid transparent;
   border-radius: var(--o-radius-xs);
-  transition: box-shadow var(--o-duration-m1);
+  background-color: var(--o-color-fill2);
+  transition: border-color var(--o-duration-m1);
 }
-.o-search-image-input.is-expanded[data-v-07ee5c5f] {
-  box-shadow: 0 0 0 1px var(--o-color-primary1);
+.o-search-image-input.is-expanded[data-v-cbdc0409] {
+  border-color: var(--o-color-primary1);
 }
-.o-search-image-input.is-expanded[data-v-07ee5c5f] .o-input.el-input .el-input__wrapper,
-.o-search-image-input.is-expanded[data-v-07ee5c5f] .o_box-main {
+.o-search-image-input.is-expanded[data-v-cbdc0409] .o-input.el-input .el-input__wrapper,
+.o-search-image-input.is-expanded[data-v-cbdc0409] .o_box-main {
   border: none !important;
   border-radius: var(--o-radius-xs) var(--o-radius-xs) 0 0;
   box-shadow: none !important;
 }
-.o-search-image-input-row[data-v-07ee5c5f] {
+.o-search-image-input-row[data-v-cbdc0409] {
   display: flex;
   align-items: center;
 }
-.o-search-image-input-input[data-v-07ee5c5f] {
+.o-search-image-input-input[data-v-cbdc0409] {
   width: 100%;
   --_box-bg-color: var(--o-color-fill2);
   --_box-bg-color-hover: var(--o-color-fill2);
@@ -33,48 +35,48 @@
   --_box-bg-color-disabled: var(--o-color-fill2);
 }
 @media (max-width: 840px) {
-.o-search-image-input-input[data-v-07ee5c5f] input {
+.o-search-image-input-input[data-v-cbdc0409] input {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 1440px) {
-.o-search-image-input-input.o_box-medium[data-v-07ee5c5f] {
+.o-search-image-input-input.o_box-medium[data-v-cbdc0409] {
     --_box-height: 32px;
 }
 }
-.o-search-image-input-icon[data-v-07ee5c5f] {
+.o-search-image-input-icon[data-v-cbdc0409] {
   cursor: pointer;
   color: var(--o-color-info1);
   font-size: 16px;
 }
-.o-search-image-input-icon.close[data-v-07ee5c5f] {
+.o-search-image-input-icon.close[data-v-cbdc0409] {
   font-size: 16px;
   margin-left: var(--o-gap-2);
 }
-.o-search-image-input-icon.close[data-v-07ee5c5f] {
+.o-search-image-input-icon.close[data-v-cbdc0409] {
   overflow: hidden;
 }
-.o-search-image-input-icon.close svg[data-v-07ee5c5f] {
+.o-search-image-input-icon.close svg[data-v-cbdc0409] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.o-search-image-input-icon.close:hover svg[data-v-07ee5c5f] {
+.o-search-image-input-icon.close:hover svg[data-v-cbdc0409] {
     transform: rotate(180deg);
 }
 }
-.o-search-image-input-icon.upload[data-v-07ee5c5f] {
+.o-search-image-input-icon.upload[data-v-cbdc0409] {
   fill: var(--o-color-info1);
 }
 @media (max-width: 840px) {
-.o-search-image-input-icon[data-v-07ee5c5f] {
+.o-search-image-input-icon[data-v-cbdc0409] {
     font-size: 24px;
 }
-.o-search-image-input-icon.close[data-v-07ee5c5f] {
+.o-search-image-input-icon.close[data-v-cbdc0409] {
     font-size: 24px;
 }
 }
-.o-search-image-input-upload-btn[data-v-07ee5c5f] {
+.o-search-image-input-upload-btn[data-v-cbdc0409] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -85,23 +87,23 @@
   flex-shrink: 0;
 }
 @media (hover: hover) {
-.o-search-image-input-upload-btn[data-v-07ee5c5f]:hover {
+.o-search-image-input-upload-btn[data-v-cbdc0409]:hover {
     background-color: var(--o-color-control2-light);
 }
-.o-search-image-input-upload-btn:hover .o-search-image-input-icon.upload[data-v-07ee5c5f] {
+.o-search-image-input-upload-btn:hover .o-search-image-input-icon.upload[data-v-cbdc0409] {
     color: var(--o-color-primary2);
 }
 }
 @media (max-width: 840px) {
-.o-search-image-input-upload-btn[data-v-07ee5c5f] {
+.o-search-image-input-upload-btn[data-v-cbdc0409] {
     width: 24px;
     height: 24px;
 }
 }
-.o-search-image-input-file[data-v-07ee5c5f] {
+.o-search-image-input-file[data-v-cbdc0409] {
   display: none;
 }
-.o-search-image-input-thumb[data-v-07ee5c5f] {
+.o-search-image-input-thumb[data-v-cbdc0409] {
   display: inline-flex;
   align-items: center;
   margin-left: 8px;
@@ -110,18 +112,18 @@
   flex-shrink: 0;
 }
 @media (hover: hover) {
-.o-search-image-input-thumb:hover .o-search-image-input-thumb-remove[data-v-07ee5c5f],
-  .o-search-image-input-thumb:hover .o-search-image-input-thumb-zoom[data-v-07ee5c5f] {
+.o-search-image-input-thumb:hover .o-search-image-input-thumb-remove[data-v-cbdc0409],
+  .o-search-image-input-thumb:hover .o-search-image-input-thumb-zoom[data-v-cbdc0409] {
     opacity: 1;
 }
 }
-.o-search-image-input-thumb-figure[data-v-07ee5c5f] {
+.o-search-image-input-thumb-figure[data-v-cbdc0409] {
   height: 40px;
   width: 40px;
   border-radius: 4px;
   overflow: hidden;
 }
-.o-search-image-input-thumb-figure[data-v-07ee5c5f] img {
+.o-search-image-input-thumb-figure[data-v-cbdc0409] img {
   height: 40px;
   width: 40px;
   object-fit: cover;
@@ -129,18 +131,18 @@
   border-radius: 4px;
 }
 @media (min-width: 841px) and (max-width: 1680px) {
-.o-search-image-input-thumb-figure[data-v-07ee5c5f] {
+.o-search-image-input-thumb-figure[data-v-cbdc0409] {
     height: 32px;
     width: 32px;
 }
 }
 @media (max-width: 840px) {
-.o-search-image-input-thumb-figure[data-v-07ee5c5f] {
+.o-search-image-input-thumb-figure[data-v-cbdc0409] {
     height: 24px;
     width: 24px;
 }
 }
-.o-search-image-input-thumb-zoom[data-v-07ee5c5f] {
+.o-search-image-input-thumb-zoom[data-v-cbdc0409] {
   position: absolute;
   inset: 0;
   display: flex;
@@ -153,11 +155,11 @@
   opacity: 0;
   transition: opacity var(--o-duration-m1);
 }
-.o-search-image-input-thumb-zoom .o-search-image-input-thumb-zoom-icon[data-v-07ee5c5f] {
+.o-search-image-input-thumb-zoom .o-search-image-input-thumb-zoom-icon[data-v-cbdc0409] {
   color: #fff;
   font-size: 16px;
 }
-.o-search-image-input-thumb-remove[data-v-07ee5c5f] {
+.o-search-image-input-thumb-remove[data-v-cbdc0409] {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -171,27 +173,27 @@
   z-index: 1;
   transition: opacity var(--o-duration-m1);
 }
-.o-search-image-input-thumb-remove[data-v-07ee5c5f] svg {
+.o-search-image-input-thumb-remove[data-v-cbdc0409] svg {
   width: 16px;
   height: 16px;
   fill: rgb(var(--o-mixedgray-9));
 }
-.o-search-image-input-preview[data-v-07ee5c5f] {
+.o-search-image-input-preview[data-v-cbdc0409] {
   padding: 0 12px 8px;
 }
-.o-search-image-input-preview .o-search-image-input-preview-wrapper[data-v-07ee5c5f] {
+.o-search-image-input-preview .o-search-image-input-preview-wrapper[data-v-cbdc0409] {
   position: relative;
   display: inline-flex;
   overflow: visible;
   margin-top: 8px;
 }
 @media (hover: hover) {
-.o-search-image-input-preview .o-search-image-input-preview-wrapper:hover .o-search-image-input-preview-remove[data-v-07ee5c5f],
-  .o-search-image-input-preview .o-search-image-input-preview-wrapper:hover .o-search-image-input-preview-zoom[data-v-07ee5c5f] {
+.o-search-image-input-preview .o-search-image-input-preview-wrapper:hover .o-search-image-input-preview-remove[data-v-cbdc0409],
+  .o-search-image-input-preview .o-search-image-input-preview-wrapper:hover .o-search-image-input-preview-zoom[data-v-cbdc0409] {
     opacity: 1;
 }
 }
-.o-search-image-input-preview .o-search-image-input-preview-zoom[data-v-07ee5c5f] {
+.o-search-image-input-preview .o-search-image-input-preview-zoom[data-v-cbdc0409] {
   position: absolute;
   inset: 0;
   display: flex;
@@ -203,24 +205,24 @@
   opacity: 0;
   transition: opacity var(--o-duration-m1);
 }
-.o-search-image-input-preview .o-search-image-input-preview-zoom .o-search-image-input-preview-zoom-icon[data-v-07ee5c5f] {
+.o-search-image-input-preview .o-search-image-input-preview-zoom .o-search-image-input-preview-zoom-icon[data-v-cbdc0409] {
   color: #fff;
   font-size: 24px;
 }
-.o-search-image-input-preview .o-search-image-input-preview-figure[data-v-07ee5c5f] {
+.o-search-image-input-preview .o-search-image-input-preview-figure[data-v-cbdc0409] {
   height: 72px;
   width: 72px;
   border-radius: 4px;
   overflow: hidden;
 }
-.o-search-image-input-preview .o-search-image-input-preview-figure[data-v-07ee5c5f] img {
+.o-search-image-input-preview .o-search-image-input-preview-figure[data-v-cbdc0409] img {
   height: 72px;
   width: 72px;
   object-fit: cover;
   object-position: center;
   border-radius: 4px;
 }
-.o-search-image-input-preview .o-search-image-input-preview-remove[data-v-07ee5c5f] {
+.o-search-image-input-preview .o-search-image-input-preview-remove[data-v-cbdc0409] {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -234,7 +236,7 @@
   z-index: 1;
   transition: opacity var(--o-duration-m1);
 }
-.o-search-image-input-preview .o-search-image-input-preview-remove[data-v-07ee5c5f] svg {
+.o-search-image-input-preview .o-search-image-input-preview-remove[data-v-cbdc0409] svg {
   width: 16px;
   height: 16px;
 }

package/dist/treeshaking/components/search/internal/SearchImageInput.vue.mjs

@@ -2,7 +2,7 @@ import _sfc_main from "./SearchImageInput.vue2.mjs";
 import './SearchImageInput.css';
 import './SearchImageInput2.css';
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const SearchImageInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-07ee5c5f"]]);
+const SearchImageInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cbdc0409"]]);
 export {
   SearchImageInput as default
 };