@opendesign-plus-test/components 0.0.1-rc.66 → 0.0.1-rc.67

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

@@ -1,323 +0,0 @@
-import { defineComponent as ne, computed as $, ref as r, watch as p, nextTick as M, onMounted as re, onUnmounted as ie, openBlock as u, createElementBlock as b, createElementVNode as c, createVNode as a, unref as o, withKeys as q, withModifiers as ue, withCtx as s, toDisplayString as f, createCommentVNode as z, Fragment as R, renderList as j, createBlock as S, createTextVNode as G, normalizeClass as ce, withDirectives as de, renderSlot as me } from "vue";
-import { OInput as ve, OIcon as k, ODivider as pe, OTab as fe, OTabPane as he, OScroller as ge, ORow as ke, OCol as _e } from "@opensig/opendesign";
-import { ElSelect as ye, ElOption as be, ElCheckbox as J } from "element-plus";
-import "element-plus/es/components/select/style/css";
-import "element-plus/es/components/checkbox/style/css";
-import "element-plus/es/components/option/style/css";
-import we from "../../../icons/icon-playing.mjs";
-import Te from "../../../icons/icon-search.mjs";
-import xe from "../../../icons/icon-chevron-down.mjs";
-import Ce from "../../../icons/icon-chevron-up.mjs";
-import Ve from "../../../icons/icon-close.mjs";
-import Se from "../../../icons/icon-speaker.mjs";
-import { useDebounceFn as Q } from "@vueuse/core";
-import { useI18n as Ie } from "../../../i18n/index.mjs";
-import { buildVueDompurifyHTMLDirective as Ee } from "vue-dompurify-html";
-const De = { class: "o-meeting-playback-subtitles" }, Le = { class: "search-captions" }, Oe = {
-  key: 0,
-  class: "suffix-box"
-}, He = { class: "right-handle" }, Ne = ["onClick"], Be = { class: "info" }, Ke = { class: "num" }, Ue = { class: "speaker" }, Ae = { class: "start-time" }, Fe = { class: "text" }, Pe = { key: 1 }, ot = /* @__PURE__ */ ne({
-  __name: "OMeetingPlaybackSubtitles",
-  props: {
-    captions: { default: () => [] },
-    instance: {},
-    trackIdx: {}
-  },
-  setup(W) {
-    const X = Ee(), h = W, { t: I } = Ie(), w = $(() => h.trackIdx), n = r(), T = r(!1), E = () => {
-      T.value = !0;
-    }, Y = Q(() => {
-      T.value = !1;
-    }, 3e3);
-    p(
-      () => T.value,
-      (e) => {
-        e && Y();
-      }
-    );
-    const _ = r([]);
-    p(
-      () => h.captions,
-      () => {
-        _.value = h.captions || [], M(() => {
-          var e;
-          n.value && ((e = n.value) == null || e.scrollTo({
-            top: 0,
-            behavior: "smooth"
-          }));
-        });
-      },
-      {
-        immediate: !0,
-        deep: !0
-      }
-    );
-    const Z = (e) => `00:${e.split(".")[0]}`.slice(-8), ee = (e) => {
-      const l = e.split(":"), t = l[l.length - 3] ? parseInt(l[l.length - 3]) : 0, i = parseInt(l[l.length - 2]), V = parseFloat(l[l.length - 1]);
-      return t * 60 * 60 + i * 60 + V;
-    };
-    re(() => {
-      var e;
-      n.value = document.querySelector("#captionsScrollDom > .o-scroller-container"), (e = n.value) == null || e.addEventListener("wheel", E);
-    }), p(
-      () => _.value,
-      () => {
-        var e;
-        n.value = document.querySelector("#captionsScrollDom > .o-scroller-container"), (e = n.value) == null || e.addEventListener("wheel", E);
-      }
-    );
-    const L = r(0), te = () => {
-    }, le = (e) => {
-      const l = h.instance;
-      if (!l)
-        return;
-      const t = ee(e);
-      l.currentTime(t);
-    }, v = r(""), g = r(0), d = r(0), m = r([]), oe = I("common.all"), x = $(() => [
-      ...new Set(
-        h.captions.map((e) => e.speakerLabel).sort().reverse()
-      )
-    ]);
-    p(
-      () => w.value,
-      () => {
-        var l, t;
-        if (T.value && v.value)
-          return;
-        const e = (l = n.value) == null ? void 0 : l.querySelectorAll(".captions-item")[w.value - 1];
-        (t = n.value) == null || t.scrollTo({
-          top: (e == null ? void 0 : e.offsetTop) - 16,
-          behavior: "smooth"
-        });
-      }
-    ), ie(() => {
-      n.value && n.value.removeEventListener("wheel", E);
-    });
-    const O = (e, l) => {
-      var B, K, U, A, F, P;
-      const t = document.getElementsByClassName("light-keyword")[e - 1], i = document.getElementsByClassName("light-keyword")[e - l];
-      i == null || i.classList.remove("light-keyword-active"), t == null || t.classList.add("light-keyword-active");
-      const V = t.offsetTop + t.offsetHeight < ((B = n.value) == null ? void 0 : B.scrollTop), se = t.offsetTop > ((K = n.value) == null ? void 0 : K.offsetHeight) + ((U = n.value) == null ? void 0 : U.scrollTop);
-      (V || se) && ((P = n.value) == null || P.scrollTo({
-        top: (F = (A = t.parentElement) == null ? void 0 : A.parentElement) == null ? void 0 : F.offsetTop,
-        behavior: "smooth"
-      }));
-    }, H = () => {
-      !g.value || d.value === 1 || (d.value--, O(d.value, 0));
-    }, D = (e) => {
-      e != null && e.shiftKey || !g.value || d.value === g.value || (d.value++, O(d.value, 2));
-    }, N = Q((e) => {
-      _.value = h.captions.filter((l) => m.value.includes(l.speakerLabel)).map((l) => ({
-        ...l,
-        contentHtml: e ? l.contentHtml.replaceAll(e, `<span class="light-keyword">${e}</span>`) : l.contentHtml
-      })), M(() => {
-        var t;
-        const l = document.getElementsByClassName("light-keyword");
-        g.value = l.length, g.value ? D() : (t = n.value) == null || t.scrollTo({
-          top: 0,
-          behavior: "smooth"
-        });
-      });
-    }, 300);
-    p(
-      () => v.value,
-      (e) => {
-        d.value = 0, N(e);
-      }
-    ), p(
-      () => x.value,
-      (e) => {
-        m.value = e;
-      },
-      { immediate: !0 }
-    );
-    const C = r(!1), y = r(!1), ae = (e) => {
-      y.value = !1, e ? m.value = x.value : m.value = [];
-    };
-    return p(
-      () => m.value,
-      (e) => {
-        e.length === 0 ? (C.value = !1, y.value = !1) : e.length === x.value.length ? (C.value = !0, y.value = !1) : y.value = !0, N(v.value);
-      },
-      { deep: !0 }
-    ), (e, l) => (u(), b("div", De, [
-      c("div", Le, [
-        a(o(ve), {
-          modelValue: v.value,
-          "onUpdate:modelValue": l[1] || (l[1] = (t) => v.value = t),
-          onKeydown: [
-            q(D, ["enter"]),
-            q(ue(H, ["shift", "stop"]), ["enter"])
-          ],
-          placeholder: o(I)("meeting.searchSubtitlePlaceholder"),
-          size: "large",
-          class: "input-captions"
-        }, {
-          prefix: s(() => [
-            a(o(k), null, {
-              default: s(() => [
-                a(o(Te))
-              ]),
-              _: 1
-            })
-          ]),
-          suffix: s(() => [
-            v.value ? (u(), b("div", Oe, [
-              c("span", null, f(d.value) + "/" + f(g.value), 1),
-              a(o(k), { onClick: H }, {
-                default: s(() => [
-                  a(o(Ce))
-                ]),
-                _: 1
-              }),
-              a(o(k), { onClick: D }, {
-                default: s(() => [
-                  a(o(xe))
-                ]),
-                _: 1
-              }),
-              a(o(pe), { direction: "v" }),
-              a(o(k), {
-                class: "hover-close",
-                onClick: l[0] || (l[0] = (t) => v.value = "")
-              }, {
-                default: s(() => [
-                  a(o(Ve))
-                ]),
-                _: 1
-              })
-            ])) : z("", !0)
-          ]),
-          _: 1
-        }, 8, ["modelValue", "onKeydown", "placeholder"]),
-        c("div", He, [
-          a(o(ye), {
-            multiple: "",
-            modelValue: m.value,
-            "onUpdate:modelValue": l[3] || (l[3] = (t) => m.value = t),
-            "popper-class": "speakers-selector-popper",
-            class: "speakers-selector",
-            placement: "bottom"
-          }, {
-            prefix: s(() => [
-              a(o(k), null, {
-                default: s(() => [
-                  a(o(Se))
-                ]),
-                _: 1
-              })
-            ]),
-            header: s(() => [
-              a(o(J), {
-                modelValue: C.value,
-                "onUpdate:modelValue": l[2] || (l[2] = (t) => C.value = t),
-                indeterminate: y.value,
-                onChange: ae
-              }, {
-                default: s(() => [
-                  G(f(o(oe)), 1)
-                ]),
-                _: 1
-              }, 8, ["modelValue", "indeterminate"])
-            ]),
-            default: s(() => [
-              (u(!0), b(R, null, j(x.value, (t) => (u(), S(o(be), {
-                key: t,
-                label: t,
-                value: t
-              }, {
-                default: s(() => [
-                  a(o(J), {
-                    "model-value": m.value.includes(t)
-                  }, {
-                    default: s(() => [
-                      G(f(t), 1)
-                    ]),
-                    _: 2
-                  }, 1032, ["model-value"])
-                ]),
-                _: 2
-              }, 1032, ["label", "value"]))), 128))
-            ]),
-            _: 1
-          }, 8, ["modelValue"])
-        ])
-      ]),
-      a(o(fe), {
-        modelValue: L.value,
-        "onUpdate:modelValue": l[4] || (l[4] = (t) => L.value = t),
-        variant: "text",
-        class: "captions-tab",
-        onChange: te,
-        "max-show": 9999
-      }, {
-        default: s(() => [
-          a(o(he), {
-            value: 0,
-            label: o(I)("meeting.audioToText")
-          }, {
-            default: s(() => [
-              _.value.length ? (u(), S(o(ge), {
-                key: 0,
-                id: "captionsScrollDom",
-                class: "captions-scroller",
-                "show-type": "hover",
-                size: "small",
-                "disabled-x": ""
-              }, {
-                default: s(() => [
-                  a(o(ke), {
-                    gap: "0 8px",
-                    wrap: "wrap"
-                  }, {
-                    default: s(() => [
-                      (u(!0), b(R, null, j(_.value, (t, i) => (u(), S(o(_e), {
-                        flex: "0 0 100%",
-                        key: i
-                      }, {
-                        default: s(() => [
-                          c("div", {
-                            class: ce(["captions-item", { "captions-item-active": w.value === i + 1 }]),
-                            onClick: (V) => le(t.start_time)
-                          }, [
-                            c("div", Be, [
-                              c("div", Ke, f(t.speakerIdx), 1),
-                              c("div", Ue, f(t.speakerLabel), 1),
-                              c("div", Ae, f(Z(t.start_time)), 1),
-                              w.value === i + 1 ? (u(), S(o(k), {
-                                key: 0,
-                                class: "playing initial-fill"
-                              }, {
-                                default: s(() => [
-                                  a(o(we))
-                                ]),
-                                _: 1
-                              })) : z("", !0)
-                            ]),
-                            de(c("div", Fe, null, 512), [
-                              [o(X), t.contentHtml]
-                            ])
-                          ], 10, Ne)
-                        ]),
-                        _: 2
-                      }, 1024))), 128))
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              })) : (u(), b("div", Pe, [
-                me(e.$slots, "empty")
-              ]))
-            ]),
-            _: 3
-          }, 8, ["label"])
-        ]),
-        _: 3
-      }, 8, ["modelValue"])
-    ]));
-  }
-});
-export {
-  ot as default
-};

package/dist/esm/components/meeting/components/OMeetingPlaybackSubtitles.vue4.mjs

@@ -1,6 +0,0 @@
-import o from "./OMeetingPlaybackSubtitles.vue.mjs";
-import './OMeetingPlaybackSubtitles.css';
-import './OMeetingPlaybackSubtitles2.css';
-export {
-  o as default
-};

package/dist/esm/components/meeting/components/OMeetingPlaybackSubtitles2.css

@@ -1,320 +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 {
-  --el-color-primary: var(--o-color-primary1);
-  --el-border-color: var(--o-color-control1);
-  --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 {
-    --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) 0 0 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: 0 var(--cell-radius) var(--cell-radius) 0;
-}
-: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 {
-  background: var(--o-color-fill2);
-  box-shadow: none;
-  border: 1px solid var(--el-input-border-color);
-}
-:root .el-select__wrapper {
-  background: var(--o-color-fill2);
-}
-: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-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-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;
-}