@opendesign-plus/components 0.0.1-rc.101 → 0.0.1-rc.103

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

@@ -1,314 +0,0 @@
-import { useI18n } from "../../../i18n/index.mjs";
-import icon_playing_default from "../../../_virtual/~icons/meeting/icon-playing.mjs";
-import icon_search_default from "../../../_virtual/~icons/components/icon-search.mjs";
-import icon_chevron_down_default from "../../../_virtual/~icons/components/icon-chevron-down.mjs";
-import icon_chevron_up_default from "../../../_virtual/~icons/components/icon-chevron-up.mjs";
-import icon_close_default from "../../../_virtual/~icons/components/icon-close.mjs";
-import icon_speaker_default from "../../../_virtual/~icons/meeting/icon-speaker.mjs";
-import OEmpty_default from "../../empty/OEmpty.mjs";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeClass, onMounted, onUnmounted, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useId, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
-import { OCol, ODivider, OIcon, OInput, ORow, OScroller, OTab, OTabPane } from "@opensig/opendesign";
-import { ElCheckbox, ElOption, ElSelect } from "element-plus";
-import { useDebounceFn } from "@vueuse/core";
-import "element-plus/es/components/select/style/css";
-import "element-plus/es/components/option/style/css";
-import "element-plus/es/components/checkbox/style/css";
-import { buildVueDompurifyHTMLDirective } from "vue-dompurify-html";
-// src/components/meeting/components/OMeetingPlaybackSubtitles.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "o-meeting-playback-subtitles" };
-var _hoisted_2 = { class: "search-captions" };
-var _hoisted_3 = {
-	key: 0,
-	class: "suffix-box"
-};
-var _hoisted_4 = { class: "right-handle" };
-var _hoisted_5 = ["onClick"];
-var _hoisted_6 = { class: "info" };
-var _hoisted_7 = { class: "num" };
-var _hoisted_8 = { class: "speaker" };
-var _hoisted_9 = { class: "start-time" };
-var _hoisted_10 = { class: "text" };
-var _hoisted_11 = {
-	key: 1,
-	class: "playback-empty"
-};
-var OMeetingPlaybackSubtitles_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "OMeetingPlaybackSubtitles",
-	props: {
-		captions: { default: () => [] },
-		instance: {},
-		trackIdx: {}
-	},
-	setup(__props) {
-		const vDompurifyHtml = buildVueDompurifyHTMLDirective();
-		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 = () => {
-			wheelVisible.value = true;
-		};
-		const debounceFn = useDebounceFn(() => {
-			wheelVisible.value = false;
-		}, 3e3);
-		watch(() => wheelVisible.value, (val) => {
-			if (val) debounceFn();
-		});
-		const computedCaptions = ref([]);
-		watch(() => props.captions, () => {
-			computedCaptions.value = props.captions || [];
-			nextTick(() => {
-				if (scrollContainer.value) scrollContainer.value?.scrollTo({
-					top: 0,
-					behavior: "smooth"
-				});
-			});
-		}, {
-			immediate: true,
-			deep: true
-		});
-		const formatTime = (num) => {
-			return `00:${num.split(".")[0]}`.slice(-8);
-		};
-		const transformTime = (time) => {
-			const arr = time.split(":");
-			const hh = arr[arr.length - 3] ? parseInt(arr[arr.length - 3]) : 0;
-			const mm = parseInt(arr[arr.length - 2]);
-			const ss = parseFloat(arr[arr.length - 1]);
-			return hh * 60 * 60 + mm * 60 + ss;
-		};
-		onMounted(() => {
-			scrollContainer.value = getScrollerContainer();
-			scrollContainer.value?.addEventListener("wheel", handleScroll);
-		});
-		watch(() => computedCaptions.value, () => {
-			scrollContainer.value = getScrollerContainer();
-			scrollContainer.value?.addEventListener("wheel", handleScroll);
-		});
-		const activeTab = ref(0);
-		const changeTab = () => {};
-		const videoPosition = (time) => {
-			const player = props.instance;
-			if (!player) return;
-			const startTime = transformTime(time);
-			player.currentTime(startTime);
-		};
-		const searchValue = ref("");
-		const total = ref(0);
-		const current = ref(0);
-		const speakers = ref([]);
-		const ALL = t("common.all");
-		const options = computed(() => {
-			return [...new Set(props.captions.map((item) => item.speakerLabel).sort().reverse())];
-		});
-		watch(() => currentIndex.value, () => {
-			if (wheelVisible.value && searchValue.value) return;
-			const captionActive = scrollContainer.value?.querySelectorAll(".captions-item")[currentIndex.value - 1];
-			scrollContainer.value?.scrollTo({
-				top: captionActive?.offsetTop - 16,
-				behavior: "smooth"
-			});
-		});
-		onUnmounted(() => {
-			if (scrollContainer.value) scrollContainer.value.removeEventListener("wheel", handleScroll);
-		});
-		const searchLocate = (step, val) => {
-			const currentLight = document.getElementsByClassName("light-keyword")[step - 1];
-			document.getElementsByClassName("light-keyword")[step - val]?.classList.remove("light-keyword-active");
-			currentLight?.classList.add("light-keyword-active");
-			const aboveVisible = currentLight.offsetTop + currentLight.offsetHeight < scrollContainer.value?.scrollTop;
-			const exceedVisible = currentLight.offsetTop > scrollContainer.value?.offsetHeight + scrollContainer.value?.scrollTop;
-			if (aboveVisible || exceedVisible) scrollContainer.value?.scrollTo({
-				top: currentLight.parentElement?.parentElement?.offsetTop,
-				behavior: "smooth"
-			});
-		};
-		const prevKeyword = () => {
-			if (!total.value || current.value === 1) return;
-			current.value--;
-			searchLocate(current.value, 0);
-		};
-		const nextKeyword = (e) => {
-			if (e?.shiftKey) return;
-			if (!total.value || current.value === total.value) return;
-			current.value++;
-			searchLocate(current.value, 2);
-		};
-		const highlightText = (val) => {
-			computedCaptions.value = props.captions.filter((v) => {
-				return speakers.value.includes(v.speakerLabel);
-			}).map((item) => {
-				return {
-					...item,
-					contentHtml: val ? item.contentHtml.replaceAll(val, `<span class="light-keyword">${val}</span>`) : item.contentHtml
-				};
-			});
-			nextTick(() => {
-				const lightAll = document.getElementsByClassName("light-keyword");
-				total.value = lightAll.length;
-				if (total.value) nextKeyword();
-				else scrollContainer.value?.scrollTo({
-					top: 0,
-					behavior: "smooth"
-				});
-			});
-		};
-		const debounceTextFn = useDebounceFn(highlightText, 300);
-		watch(() => searchValue.value, (val) => {
-			current.value = 0;
-			debounceTextFn(val);
-		});
-		watch(() => options.value, (newVal) => {
-			speakers.value = newVal;
-		}, { immediate: true });
-		const checkAll = ref(false);
-		const indeterminate = ref(false);
-		const handleCheckAll = (checked) => {
-			indeterminate.value = false;
-			if (checked) speakers.value = options.value;
-			else speakers.value = [];
-		};
-		watch(() => speakers.value, (val) => {
-			if (val.length === 0) {
-				checkAll.value = false;
-				indeterminate.value = false;
-			} else if (val.length === options.value.length) {
-				checkAll.value = true;
-				indeterminate.value = false;
-			} else indeterminate.value = true;
-			debounceTextFn(searchValue.value);
-		}, { deep: true });
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createVNode(unref(OInput), {
-				modelValue: searchValue.value,
-				"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => searchValue.value = $event),
-				onKeydown: [withKeys(nextKeyword, ["enter"]), withKeys(withModifiers(prevKeyword, ["shift", "stop"]), ["enter"])],
-				placeholder: unref(t)("meeting.searchSubtitlePlaceholder"),
-				size: "large",
-				class: "input-captions"
-			}, {
-				prefix: withCtx(() => [createVNode(unref(OIcon), null, {
-					default: withCtx(() => [createVNode(unref(icon_search_default))]),
-					_: 1
-				})]),
-				suffix: withCtx(() => [searchValue.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
-					createElementVNode("span", null, toDisplayString(current.value) + "/" + toDisplayString(total.value), 1),
-					createVNode(unref(OIcon), { onClick: prevKeyword }, {
-						default: withCtx(() => [createVNode(unref(icon_chevron_up_default))]),
-						_: 1
-					}),
-					createVNode(unref(OIcon), { onClick: nextKeyword }, {
-						default: withCtx(() => [createVNode(unref(icon_chevron_down_default))]),
-						_: 1
-					}),
-					createVNode(unref(ODivider), { direction: "v" }),
-					createVNode(unref(OIcon), {
-						class: "hover-close",
-						onClick: _cache[0] || (_cache[0] = ($event) => searchValue.value = "")
-					}, {
-						default: withCtx(() => [createVNode(unref(icon_close_default))]),
-						_: 1
-					})
-				])) : createCommentVNode("", true)]),
-				_: 1
-			}, 8, [
-				"modelValue",
-				"onKeydown",
-				"placeholder"
-			]), createElementVNode("div", _hoisted_4, [createVNode(unref(ElSelect), {
-				multiple: "",
-				modelValue: speakers.value,
-				"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => speakers.value = $event),
-				"popper-class": "speakers-selector-popper",
-				class: "speakers-selector",
-				placement: "bottom"
-			}, {
-				prefix: withCtx(() => [createVNode(unref(OIcon), null, {
-					default: withCtx(() => [createVNode(unref(icon_speaker_default))]),
-					_: 1
-				})]),
-				header: withCtx(() => [createVNode(unref(ElCheckbox), {
-					modelValue: checkAll.value,
-					"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => checkAll.value = $event),
-					indeterminate: indeterminate.value,
-					onChange: handleCheckAll
-				}, {
-					default: withCtx(() => [createTextVNode(toDisplayString(unref(ALL)), 1)]),
-					_: 1
-				}, 8, ["modelValue", "indeterminate"])]),
-				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(options.value, (t) => {
-					return openBlock(), createBlock(unref(ElOption), {
-						key: t,
-						label: t,
-						value: t
-					}, {
-						default: withCtx(() => [createVNode(unref(ElCheckbox), { "model-value": speakers.value.includes(t) }, {
-							default: withCtx(() => [createTextVNode(toDisplayString(t), 1)]),
-							_: 2
-						}, 1032, ["model-value"])]),
-						_: 2
-					}, 1032, ["label", "value"]);
-				}), 128))]),
-				_: 1
-			}, 8, ["modelValue"])])]), createVNode(unref(OTab), {
-				modelValue: activeTab.value,
-				"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => activeTab.value = $event),
-				variant: "text",
-				class: "captions-tab",
-				onChange: changeTab,
-				"max-show": 9999
-			}, {
-				default: withCtx(() => [createVNode(unref(OTabPane), {
-					value: 0,
-					label: unref(t)("meeting.audioToText")
-				}, {
-					default: withCtx(() => [computedCaptions.value.length ? (openBlock(), createBlock(unref(OScroller), {
-						key: 0,
-						id: unref(scrollerDomId),
-						class: "captions-scroller",
-						"show-type": "hover",
-						size: "small",
-						"disabled-x": ""
-					}, {
-						default: withCtx(() => [createVNode(unref(ORow), {
-							gap: "0 8px",
-							wrap: "wrap"
-						}, {
-							default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(computedCaptions.value, (item, i) => {
-								return openBlock(), createBlock(unref(OCol), {
-									flex: "0 0 100%",
-									key: i
-								}, {
-									default: withCtx(() => [createElementVNode("div", {
-										class: normalizeClass(["captions-item", { "captions-item-active": currentIndex.value === i + 1 }]),
-										onClick: ($event) => videoPosition(item.start_time)
-									}, [createElementVNode("div", _hoisted_6, [
-										createElementVNode("div", _hoisted_7, toDisplayString(item.speakerIdx), 1),
-										createElementVNode("div", _hoisted_8, toDisplayString(item.speakerLabel), 1),
-										createElementVNode("div", _hoisted_9, toDisplayString(formatTime(item.start_time)), 1),
-										currentIndex.value === i + 1 ? (openBlock(), createBlock(unref(OIcon), {
-											key: 0,
-											class: "playing initial-fill"
-										}, {
-											default: withCtx(() => [createVNode(unref(icon_playing_default))]),
-											_: 1
-										})) : createCommentVNode("", true)
-									]), withDirectives(createElementVNode("div", _hoisted_10, null, 512), [[unref(vDompurifyHtml), item.contentHtml]])], 10, _hoisted_5)]),
-									_: 2
-								}, 1024);
-							}), 128))]),
-							_: 1
-						})]),
-						_: 1
-					}, 8, ["id"])) : (openBlock(), createElementBlock("div", _hoisted_11, [renderSlot(_ctx.$slots, "empty", {}, () => [createVNode(OEmpty_default)])]))]),
-					_: 3
-				}, 8, ["label"])]),
-				_: 3
-			}, 8, ["modelValue"])]);
-		};
-	}
-});
-export { OMeetingPlaybackSubtitles_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -1,344 +0,0 @@
-.hover-icon-rotate .o-icon {
-  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
-}
-@media (hover: hover) {
-.hover-icon-rotate:hover .o-icon {
-    transform: rotate(-180deg);
-}
-}
-:root [class^=el-] {
-  --el-color-primary: var(--o-color-primary1);
-  --el-border-color: var(--o-color-control1);
-  --el-fill-color-blank: var(--o-color-control5-light);
-  --el-input-placeholder-color: var(--el-text-color-placeholder);
-  --el-input-hover-border-color: var(--el-border-color-hover);
-  --el-input-clear-hover-color: var(--el-text-color-secondary);
-  --el-component-size-large: 36px;
-}
-@media (max-width: 840px) {
-:root [class^=el-] {
-    --el-component-size-large: var(--o-control_size-l);
-}
-}
-:root .el-date-editor.el-date-editor--daterange {
-  padding: 0 13px 0 15px;
-}
-:root .el-date-editor.el-date-editor--timerange {
-  padding: 0 16px;
-}
-:root .el-date-editor input {
-  text-align: left;
-  font-size: 16px;
-  line-height: 24px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-:root .el-date-editor input {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-:root .el-date-editor input {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-:root .el-date-editor input {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 600px) {
-:root .el-date-editor input {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 600px) {
-:root .el-date-editor input {
-    font-size: 18px;
-    line-height: 26px;
-}
-}
-@media (max-width: 600px) and (min-width: 1201px) and (max-width: 1680px) {
-:root .el-date-editor input {
-    font-size: 16px;
-    line-height: 24px;
-}
-}
-@media (max-width: 600px) and (min-width: 841px) and (max-width: 1200px) {
-:root .el-date-editor input {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 600px) and (min-width: 601px) and (max-width: 840px) {
-:root .el-date-editor input {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 600px) and (max-width: 600px) {
-:root .el-date-editor input {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-:root .el-date-editor .el-select__wrapper {
-  gap: 0;
-}
-:root .el-date-editor .el-input__wrapper .el-input__prefix {
-  order: 1;
-  font-size: 16px;
-}
-:root .el-date-editor .el-input__icon {
-  height: 100%;
-  order: 1;
-  font-size: 24px;
-  margin-right: 2px;
-  color: var(--o-color-info1);
-  background-color: var(--o-color-info2);
-  mask: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiAgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGQ9Ik02LjQ2MyA0Ljk3NmEuNy43IDAgMCAxIC4wOTUgMS4zOTRsLS4wOTUuMDA2SDQuNDcxYS4xNC4xNCAwIDAgMC0uMTMuMDkzbC0uMDA3LjA0M3YxLjg1NmgxNS4zMjlsLjAwMS0xLjg1NmEuMTQuMTQgMCAwIDAtLjA5My0uMTNsLS4wNDMtLjAwN2gtMi4wNTVhLjcuNyAwIDAgMS0uMDk1LTEuMzk0bC4wOTUtLjAwNmgyLjA1NWMuODAxIDAgMS40Ni42MTQgMS41MyAxLjM5N2wuMDA2LjE0djEyLjM1OWMwIC44MDEtLjYxNCAxLjQ2LTEuMzk3IDEuNTNsLS4xNC4wMDZINC40N2MtLjgwMSAwLTEuNDYtLjYxNC0xLjUzLTEuMzk3bC0uMDA2LS4xNFY2LjUxMWMwLS44MDEuNjE0LTEuNDYgMS4zOTctMS41M2wuMTQtLjAwNnptMTMuMjAxIDQuNzkySDQuMzM1djkuMTAzYzAgLjA2LjAzOS4xMTEuMDkzLjEzbC4wNDMuMDA3aDE1LjA1N2MuMDYgMCAuMTExLS4wMzkuMTMtLjA5M2wuMDA3LS4wNDMtLjAwMS05LjEwM3ptLTMuNDgyIDUuNjYzYS43LjcgMCAwIDEgLjA5NSAxLjM5NGwtLjA5NS4wMDZINy44MTdhLjcuNyAwIDAgMS0uMDk1LTEuMzk0bC4wOTUtLjAwNnptMC0zLjM0NmEuNy43IDAgMCAxIC4wOTUgMS4zOTRsLS4wOTUuMDA2SDcuODE3YS43LjcgMCAwIDEtLjA5NS0xLjM5NGwuMDk1LS4wMDZ6bS0uNjk2LTguNDY3Yy4zNTQgMCAuNjQ3LjI2My42OTQuNjA1bC4wMDYuMDk1djIuODA0YS43LjcgMCAwIDEtMS4zOTQuMDk1bC0uMDA2LS4wOTVWNC4zMThhLjcuNyAwIDAgMSAuNy0uN20tNi45MzctLjAyNmMuMzU0IDAgLjY0Ny4yNjMuNjk0LjYwNWwuMDA2LjA5NXYyLjgwNGEuNy43IDAgMCAxLTEuMzk0LjA5NWwtLjAwNi0uMDk1VjQuMjkyYS43LjcgMCAwIDEgLjctLjdtNC45NDYgMS4zODRhLjcuNyAwIDAgMSAuMDk1IDEuMzk0bC0uMDk1LjAwNkgxMC41M2EuNy43IDAgMCAxLS4wOTUtMS4zOTRsLjA5NS0uMDA2eiI+PC9wYXRoPgo8L3N2Zz4=") no-repeat center;
-  background-size: 24px;
-  background-repeat: no-repeat;
-  background-position: center center;
-}
-:root .el-date-editor .el-input__icon svg {
-  display: none;
-}
-:root .el-popper .el-popper__arrow {
-  display: none;
-}
-:root .el-popper .el-picker-panel {
-  --cell-row-gap: 6px;
-  --cell-radius: var(--o-radius-xs);
-  color: var(--o-color-info1);
-}
-:root .el-popper .el-picker-panel .el-date-picker__header {
-  padding: 12px 24px;
-  height: 48px;
-  border-bottom: 1px solid var(--o-color-control4);
-}
-:root .el-popper .el-picker-panel .el-date-picker__header .el-date-picker__header-label {
-  font-weight: 500;
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table th {
-  border-bottom: none;
-  height: 24px;
-  color: inherit;
-  padding: 0 0 var(--cell-row-gap);
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td {
-  padding: var(--cell-row-gap) 0px;
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td .el-date-table-cell {
-  padding: 0;
-  height: 24px;
-  line-height: 22px;
-  border: 1px solid transparent;
-  border-radius: var(--cell-radius);
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td:hover:not(.disabled) .el-date-table-cell {
-  border-color: var(--o-color-primary1);
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.disabled .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.prev-month .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.next-month .el-date-table-cell {
-  background: none;
-  color: var(--o-color-info4);
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.today .el-date-table-cell {
-  background: var(--o-color-control2-light);
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.today .el-date-table-cell .el-date-table-cell__text {
-  font-weight: normal;
-  color: var(--o-color-info1);
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.current .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.start-date .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.end-date .el-date-table-cell {
-  background: var(--o-color-primary1);
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.current .el-date-table-cell .el-date-table-cell__text, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.start-date .el-date-table-cell .el-date-table-cell__text, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.end-date .el-date-table-cell .el-date-table-cell__text {
-  background: none;
-  color: #fff;
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover) .el-date-table-cell {
-  border-radius: 0;
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover).start-date .el-date-table-cell {
-  border-radius: var(--cell-radius);
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover).end-date .el-date-table-cell {
-  border-radius: var(--cell-radius);
-}
-:root .el-input {
-  --el-border-color: var(--o-color-control1);
-  --el-input-border-color: var(--o-color-control1);
-  --el-input-hover-border-color: var(--o-color-primary2);
-  --el-input-focus-border-color: var(--o-color-primary3);
-}
-:root .el-table {
-  --el-table-border-color: var(--o-color-control4) ;
-}
-:root .el-input__wrapper {
-  box-shadow: none;
-  border: 1px solid var(--el-input-border-color);
-}
-:root .el-date-editor.is-focus .el-input__wrapper {
-  box-shadow: none;
-  --el-input-border-color: var(--o-color-primary3);
-}
-:root .el-date-editor:hover .el-input__wrapper {
-  box-shadow: none;
-  --el-input-border-color: var(--o-color-primary2);
-}
-:root .el-date-editor.el-input__wrapper:hover {
-  box-shadow: none;
-  --el-input-border-color: var(--o-color-primary2);
-}
-:root .el-date-editor.el-input__wrapper.is-active {
-  --el-input-border-color: var(--o-color-primary3);
-}
-:root .el-calendar .el-calendar-table {
-  width: 100%;
-}
-:root .el-calendar .el-calendar-table th {
-  color: var(--o-color-info3);
-  font-weight: 400;
-  padding: 4px 0 16px 0;
-  text-align: center;
-}
-:root .el-calendar .el-calendar-table td.prev .date-calender, :root .el-calendar .el-calendar-table td.next .date-calender {
-  color: var(--o-color-info4);
-}
-:root .el-select .el-select__placeholder {
-  font-size: 16px;
-  line-height: 24px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-:root .el-select .el-select__placeholder {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-:root .el-select .el-select__placeholder {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-:root .el-select .el-select__placeholder {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 600px) {
-:root .el-select .el-select__placeholder {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 600px) {
-:root .el-select .el-select__placeholder {
-    font-size: 18px;
-    line-height: 26px;
-}
-}
-@media (max-width: 600px) and (min-width: 1201px) and (max-width: 1680px) {
-:root .el-select .el-select__placeholder {
-    font-size: 16px;
-    line-height: 24px;
-}
-}
-@media (max-width: 600px) and (min-width: 841px) and (max-width: 1200px) {
-:root .el-select .el-select__placeholder {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 600px) and (min-width: 601px) and (max-width: 840px) {
-:root .el-select .el-select__placeholder {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 600px) and (max-width: 600px) {
-:root .el-select .el-select__placeholder {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-:root .el-input-number {
-  --el-component-size-large: 34px;
-}
-@media (max-width: 840px) {
-:root .el-input-number {
-    --el-component-size-large: calc(var(--o-control_size-l) - 2px);
-}
-}
-:root .el-input-number .el-input__wrapper:hover {
-  --el-input-border-color: var(--o-color-primary2);
-}
-:root .el-input-number .el-input__wrapper.is-focus {
-  --el-input-border-color: var(--o-color-primary3);
-}
-:root .el-input-number .el-input-number__decrease:hover ~ .el-input:not(.is-disabled) .el-input__wrapper,
-:root .el-input-number .el-input-number__increase:hover ~ .el-input:not(.is-disabled) .el-input__wrapper {
-  box-shadow: none;
-}
-:root .el-input-number .el-input__wrapper {
-  box-shadow: none;
-}
-:root .el-input-number .el-input__wrapper.is-focus {
-  box-shadow: none;
-}
-:root .el-input-number.el-input-number--large {
-  line-height: var(--el-component-size-large);
-}
-.speakers-selector-popper {
-  border: none;
-  --item-height: 40px;
-  --el-color-primary: var(--o-color-primary1);
-}
-.speakers-selector-popper .el-select-dropdown {
-  padding: 4px;
-}
-.speakers-selector-popper .el-checkbox {
-  width: 100%;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-}
-.speakers-selector-popper .el-select-dropdown__header {
-  height: var(--item-height);
-  display: flex;
-  align-items: center;
-  padding: 0 12px;
-  border-bottom: 0;
-  cursor: pointer;
-}
-.speakers-selector-popper .el-select-dropdown__header:hover {
-  background-color: var(--o-color-control2-light);
-}
-.speakers-selector-popper .el-select-dropdown__list {
-  padding: 2px 0 0;
-}
-.speakers-selector-popper .el-select-dropdown__list .el-select-dropdown__item {
-  padding: 0 12px;
-  height: var(--item-height);
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-}
-.speakers-selector-popper .el-select-dropdown__list .el-select-dropdown__item.is-selected, .speakers-selector-popper .el-select-dropdown__list .el-select-dropdown__item.is-hovering {
-  background-color: transparent;
-}
-.speakers-selector-popper .el-select-dropdown__list .el-select-dropdown__item.is-selected::after {
-  content: none;
-  display: none;
-}
-.speakers-selector-popper .el-select-dropdown__list .el-select-dropdown__item:hover {
-  background-color: var(--o-color-control2-light);
-}
-.speakers-selector-popper .el-select-dropdown__list .el-select-dropdown__item + .el-select-dropdown__item {
-  margin-top: 2px;
-}

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

@@ -1,5 +0,0 @@
-import OMeetingPlaybackVideo_vue_vue_type_script_setup_true_lang_default from "./OMeetingPlaybackVideo.vue_vue_type_script_setup_true_lang.mjs";
-import './OMeetingPlaybackVideo.vue_vue_type_style_index_0_lang.css';
-// src/components/meeting/components/OMeetingPlaybackVideo.vue
-var OMeetingPlaybackVideo_default = OMeetingPlaybackVideo_vue_vue_type_script_setup_true_lang_default;
-export { OMeetingPlaybackVideo_default as default };