@opendesign-plus/components 0.0.1-rc.76 → 0.0.1-rc.78

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

@@ -0,0 +1,40 @@
+import { defineComponent, openBlock, createElementBlock, Fragment, renderList, toDisplayString, createBlock, unref, createCommentVNode, renderSlot } from "vue";
+import { OFigure } from "@opensig/opendesign";
+const _hoisted_1 = { class: "o-org-desc" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OOrgDesc",
+  props: {
+    items: { default: () => [] },
+    image: { default: void 0 },
+    imageDark: { default: void 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(props.items, (item, index) => {
+          return openBlock(), createElementBlock("div", {
+            key: index,
+            class: "o-org-desc-item"
+          }, toDisplayString(item), 1);
+        }), 128)),
+        props.image ? (openBlock(), createBlock(unref(OFigure), {
+          key: 0,
+          class: "o-org-desc-img",
+          src: props.image,
+          fit: "contain"
+        }, null, 8, ["src"])) : createCommentVNode("", true),
+        props.imageDark ? (openBlock(), createBlock(unref(OFigure), {
+          key: 1,
+          class: "o-org-desc-img-dark",
+          src: props.imageDark,
+          fit: "contain"
+        }, null, 8, ["src"])) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/org/OOrgMembers.css

@@ -0,0 +1,234 @@
+.hover-icon-rotate .o-icon[data-v-b71cff74] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-b71cff74] {
+    transform: rotate(-180deg);
+}
+}
+.o-org-members[data-v-b71cff74] {
+  display: grid;
+  grid-template-columns: repeat(6, 1fr);
+  gap: var(--o-gap-6);
+  --org-card-radius: var(--o-radius-xs);
+  border-radius: var(--org-card-radius);
+  background-color: var(--o-color-fill2);
+  padding: var(--o-gap-6);
+}
+@media (max-width: 1680px) {
+.o-org-members[data-v-b71cff74] {
+    gap: var(--o-gap-5);
+    padding: var(--o-gap-5);
+}
+}
+@media (min-width: ) {
+.o-org-members[data-v-b71cff74] {
+    gap: var(--o-gap-4);
+    padding: var(--o-gap-4);
+}
+}
+@media (max-width: 840px) {
+.o-org-members[data-v-b71cff74] {
+    grid-template-columns: repeat(4, 1fr);
+    gap: var(--o-gap-3);
+    padding: var(--o-gap-3);
+}
+}
+@media (max-width: 600px) {
+.o-org-members[data-v-b71cff74] {
+    grid-template-columns: repeat(2, 1fr);
+}
+}
+.o-org-members .o-org-members-view-all[data-v-b71cff74] {
+  grid-column: 1/-1;
+  justify-self: center;
+  margin-top: var(--o-gap-4);
+}
+@media (max-width: 840px) {
+.o-org-members .o-org-members-view-all[data-v-b71cff74]:hover {
+    color: inherit;
+}
+}
+.o-org-members .o-org-members-item[data-v-b71cff74] {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.o-org-members .o-org-members-item .o-org-members-avatar[data-v-b71cff74] {
+  --avatar-size: 120px;
+  width: var(--avatar-size);
+  height: var(--avatar-size);
+  border-radius: 50%;
+}
+@media (max-width: 1680px) {
+.o-org-members .o-org-members-item .o-org-members-avatar[data-v-b71cff74] {
+    --avatar-size: 100px;
+}
+}
+@media (min-width: ) {
+.o-org-members .o-org-members-item .o-org-members-avatar[data-v-b71cff74] {
+    --avatar-size: 80px;
+}
+}
+@media (max-width: 840px) {
+.o-org-members .o-org-members-item .o-org-members-avatar[data-v-b71cff74] {
+    --avatar-size: 64px;
+}
+}
+@media (max-width: 600px) {
+.o-org-members .o-org-members-item .o-org-members-avatar[data-v-b71cff74] {
+    --avatar-size: 48px;
+}
+}
+.o-org-members .o-org-members-item .o-org-members-title[data-v-b71cff74] {
+  font-weight: 600;
+  margin-top: var(--o-gap-4);
+  color: var(--o-color-info1);
+  font-size: 20px;
+  line-height: 28px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-org-members .o-org-members-item .o-org-members-title[data-v-b71cff74] {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-org-members .o-org-members-item .o-org-members-title[data-v-b71cff74] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-org-members .o-org-members-item .o-org-members-title[data-v-b71cff74] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 600px) {
+.o-org-members .o-org-members-item .o-org-members-title[data-v-b71cff74] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 1680px) {
+.o-org-members .o-org-members-item .o-org-members-title[data-v-b71cff74] {
+    margin-top: var(--o-gap-3);
+}
+}
+@media (min-width: ) {
+.o-org-members .o-org-members-item .o-org-members-title[data-v-b71cff74] {
+    margin-top: var(--o-gap-2);
+}
+}
+.o-org-members .o-org-members-item .o-org-members-position[data-v-b71cff74],
+.o-org-members .o-org-members-item .o-org-members-desc[data-v-b71cff74] {
+  color: var(--o-color-info2);
+  font-weight: 400;
+  margin-top: var(--o-gap-1);
+  text-align: center;
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-org-members .o-org-members-item .o-org-members-position[data-v-b71cff74],
+  .o-org-members .o-org-members-item .o-org-members-desc[data-v-b71cff74] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-org-members .o-org-members-item .o-org-members-position[data-v-b71cff74],
+  .o-org-members .o-org-members-item .o-org-members-desc[data-v-b71cff74] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-org-members .o-org-members-item .o-org-members-position[data-v-b71cff74],
+  .o-org-members .o-org-members-item .o-org-members-desc[data-v-b71cff74] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.o-org-members .o-org-members-item .o-org-members-position[data-v-b71cff74],
+  .o-org-members .o-org-members-item .o-org-members-desc[data-v-b71cff74] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-org-members .o-org-members-item .o-org-members-desc[data-v-b71cff74] {
+  height: 2lh;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-org-members .o-org-members-item .o-org-members-desc[data-v-b71cff74] {
+    font-size: 14px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-org-members .o-org-members-item .o-org-members-desc[data-v-b71cff74] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-org-members .o-org-members-item .o-org-members-desc[data-v-b71cff74] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.o-org-members .o-org-members-item .o-org-members-desc[data-v-b71cff74] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-org-members .o-org-members-item .o-org-members-email[data-v-b71cff74] {
+  margin-top: var(--o-gap-2);
+  --link-icon-size: 24px;
+}
+@media (max-width: 1680px) {
+.o-org-members .o-org-members-item .o-org-members-email[data-v-b71cff74] {
+    --link-icon-size: 20px;
+}
+}
+@media (max-width: 840px) {
+.o-org-members .o-org-members-item .o-org-members-email[data-v-b71cff74] {
+    --link-icon-size: 16px;
+}
+}
+.o-org-members .o-org-members-item[data-v-b71cff74] .o-link .o-link-prefix {
+  margin-right: var(--o-gap-2);
+}
+@media (max-width: 840px) {
+.o-org-members .o-org-members-item[data-v-b71cff74] .o-link .o-link-prefix {
+    margin-right: var(--o-gap-1);
+}
+}
+.o-org-members .o-org-members-item[data-v-b71cff74] .o-link .o-link-prefix svg {
+  width: var(--link-icon-size);
+  height: var(--link-icon-size);
+}
+.o-org-members .o-org-members-item .o-icon[data-v-b71cff74] {
+  font-size: 24px;
+}
+@media (max-width: 1680px) {
+.o-org-members .o-org-members-item .o-icon[data-v-b71cff74] {
+    font-size: 20px;
+}
+}
+@media (max-width: 840px) {
+.o-org-members .o-org-members-item .o-icon[data-v-b71cff74] {
+    font-size: 24px;
+}
+}

package/dist/treeshaking/components/org/OOrgMembers.vue.d.ts

@@ -0,0 +1,5 @@
+import { OrgMemberItemT, OrgMembersPropsT } from './types';
+declare const _default: import('vue').DefineComponent<OrgMembersPropsT, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<OrgMembersPropsT> & Readonly<{}>, {
+    list: OrgMemberItemT[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

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

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

@@ -0,0 +1,108 @@
+import { defineComponent, computed, ref, openBlock, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString, createCommentVNode, createBlock, unref, withCtx, createTextVNode, createVNode } from "vue";
+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-email.mjs";
+const _hoisted_1 = { class: "o-org-members" };
+const _hoisted_2 = ["src", "alt"];
+const _hoisted_3 = { class: "o-org-members-title" };
+const _hoisted_4 = {
+  key: 0,
+  class: "o-org-members-position"
+};
+const _hoisted_5 = {
+  key: 1,
+  class: "o-org-members-desc"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OOrgMembers",
+  props: {
+    list: { default: () => [] }
+  },
+  setup(__props) {
+    const props = __props;
+    const { locale: localeRef, t } = useI18n();
+    const isEn = computed(() => localeRef.value !== "zh");
+    const { lePadV, isPhone } = useScreen();
+    const expanded = ref(false);
+    const columns = computed(() => {
+      if (isPhone.value) {
+        return 2;
+      }
+      if (lePadV.value) {
+        return 4;
+      }
+      return 6;
+    });
+    const maxItems = computed(() => columns.value * 4);
+    const showAllBtn = computed(() => props.list.length > maxItems.value);
+    const visibleList = computed(() => {
+      if (expanded.value || !showAllBtn.value) {
+        return props.list;
+      }
+      return props.list.slice(0, maxItems.value);
+    });
+    const toggleExpand = () => {
+      expanded.value = !expanded.value;
+    };
+    const getTitle = (item) => isEn.value ? item.titleEn || item.title : item.title;
+    const getPosition = (item) => isEn.value ? item.positionEn || item.position : item.position;
+    const getDesc = (item) => isEn.value ? item.descEn || item.desc : item.desc;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(visibleList.value, (item) => {
+          return openBlock(), createElementBlock("div", {
+            class: "o-org-members-item",
+            key: item.title
+          }, [
+            createElementVNode("img", {
+              class: "o-org-members-avatar",
+              src: item.avatar,
+              alt: item.title
+            }, null, 8, _hoisted_2),
+            createElementVNode("div", _hoisted_3, toDisplayString(getTitle(item)), 1),
+            getPosition(item) ? (openBlock(), createElementBlock("div", _hoisted_4, toDisplayString(getPosition(item)), 1)) : createCommentVNode("", true),
+            getDesc(item) ? (openBlock(), createElementBlock("div", _hoisted_5, toDisplayString(getDesc(item)), 1)) : createCommentVNode("", true),
+            item.email ? (openBlock(), createBlock(unref(OLink), {
+              key: 2,
+              class: "o-org-members-email",
+              href: `mailto:${item.email}`,
+              title: item.email,
+              "hover-underline": false
+            }, {
+              icon: withCtx(() => [
+                createVNode(unref(IconEmail))
+              ]),
+              default: withCtx(() => [
+                createTextVNode(" " + toDisplayString(unref(t)("org.email")), 1)
+              ]),
+              _: 1
+            }, 8, ["href", "title"])) : createCommentVNode("", true)
+          ]);
+        }), 128)),
+        showAllBtn.value ? (openBlock(), createBlock(unref(OButton), {
+          key: 0,
+          class: "o-org-members-view-all",
+          variant: "text",
+          onClick: toggleExpand
+        }, {
+          suffix: withCtx(() => [
+            createVNode(unref(OIcon), null, {
+              default: withCtx(() => [
+                expanded.value ? (openBlock(), createBlock(unref(OIconChevronUp), { key: 0 })) : (openBlock(), createBlock(unref(OIconChevronDown), { key: 1 }))
+              ]),
+              _: 1
+            })
+          ]),
+          default: withCtx(() => [
+            createTextVNode(" " + toDisplayString(expanded.value ? unref(t)("org.collapseAll") : unref(t)("org.viewAll")), 1)
+          ]),
+          _: 1
+        })) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,55 @@
+import { App } from 'vue';
+declare const OOrgDesc: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').OrgDescPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        image: string;
+        items: string[];
+        imageDark: string;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./types').OrgDescPropsT> & Readonly<{}>, {}, {}, {}, {}, {
+        image: string;
+        items: string[];
+        imageDark: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').OrgDescPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    image: string;
+    items: string[];
+    imageDark: string;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+}) & {
+    install(app: App): void;
+};
+declare const OOrgMembers: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').OrgMembersPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        list: import('./types').OrgMemberItemT[];
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./types').OrgMembersPropsT> & Readonly<{}>, {}, {}, {}, {}, {
+        list: import('./types').OrgMemberItemT[];
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').OrgMembersPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    list: import('./types').OrgMemberItemT[];
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install(app: App): void;
+};
+export { OOrgDesc, OOrgMembers };
+export * from './types';

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

@@ -0,0 +1,16 @@
+import _OOrgDesc from "./OOrgDesc.vue.mjs";
+import _OOrgMembers from "./OOrgMembers.vue.mjs";
+const OOrgDesc = Object.assign(_OOrgDesc, {
+  install(app) {
+    app.component("OOrgDesc", _OOrgDesc);
+  }
+});
+const OOrgMembers = Object.assign(_OOrgMembers, {
+  install(app) {
+    app.component("OOrgMembers", _OOrgMembers);
+  }
+});
+export {
+  OOrgDesc,
+  OOrgMembers
+};

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

@@ -0,0 +1,19 @@
+export interface OrgMemberItemT {
+    avatar: string;
+    title: string;
+    titleEn?: string;
+    position?: string;
+    positionEn?: string;
+    desc?: string;
+    descEn?: string;
+    email?: string;
+    [key: string]: unknown;
+}
+export interface OrgDescPropsT {
+    items?: string[];
+    image?: string;
+    imageDark?: string;
+}
+export interface OrgMembersPropsT {
+    list: OrgMemberItemT[];
+}

package/dist/treeshaking/components/sig/components/OSigDetailInfoCard.css

@@ -35,8 +35,13 @@
   flex-wrap: wrap;
   row-gap: var(--o-gap-2);
 }
+.o-sig-detail-info-card .o-sig-detail-name-box .o-sig-detail-name-wrap {
+  display: inline-flex;
+  align-items: center;
+  flex-shrink: 0;
+}
 .o-sig-detail-info-card .o-sig-detail-name-box.is-wrapped .o-divider {
-  display: none;
+  visibility: hidden;
 }
 .o-sig-detail-info-card .o-sig-detail-name {
   font-weight: 600;
@@ -147,6 +152,14 @@
   display: flex;
   align-items: center;
 }
+.o-sig-detail-info-card .o-link .o-link-label span {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+}
 .o-sig-detail-info-card .o-link .o-link-label .o-icon {
   margin-left: var(--o-gap-1);
   font-size: 24px;

package/dist/treeshaking/components/sig/components/OSigDetailInfoCard.vue.mjs

@@ -2,9 +2,10 @@ import { defineComponent, computed, ref, onMounted, onBeforeUnmount, openBlock,
 import { useI18n } from "../../../i18n/index.mjs";
 import { ODivider, OLink, OIcon } from "@opensig/opendesign";
 import IconOutlink from "../../../_virtual/icon-outlink.mjs";
-const _hoisted_1 = { class: "o-sig-detail-name" };
-const _hoisted_2 = { class: "o-sig-detail-info-content" };
-const _hoisted_3 = { class: "o-sig-detail-description" };
+const _hoisted_1 = { class: "o-sig-detail-name-wrap" };
+const _hoisted_2 = { class: "o-sig-detail-name" };
+const _hoisted_3 = { class: "o-sig-detail-info-content" };
+const _hoisted_4 = { class: "o-sig-detail-description" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "OSigDetailInfoCard",
   props: {
@@ -28,10 +29,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const checkWrapped = () => {
       const box = nameBoxRef.value;
       if (!box) return;
-      const nameEl = box.querySelector(".o-sig-detail-name");
+      const nameWrapEl = box.querySelector(".o-sig-detail-name-wrap");
       const linkEl = box.querySelector(".o-sig-detail-more-gitee");
-      if (!nameEl || !linkEl) return;
-      isWrapped.value = Math.abs(nameEl.offsetTop - linkEl.offsetTop) > 16;
+      if (!nameWrapEl || !linkEl) return;
+      isWrapped.value = Math.abs(nameWrapEl.offsetTop - linkEl.offsetTop) > 16;
     };
     onMounted(() => {
       checkWrapped();
@@ -55,8 +56,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ref: nameBoxRef,
           class: normalizeClass(["o-sig-detail-name-box", { "is-wrapped": isWrapped.value }])
         }, [
-          createElementVNode("span", _hoisted_1, toDisplayString(__props.sigName), 1),
-          createVNode(unref(ODivider), { direction: "v" }),
+          createElementVNode("span", _hoisted_1, [
+            createElementVNode("span", _hoisted_2, toDisplayString(__props.sigName), 1),
+            createVNode(unref(ODivider), { direction: "v" })
+          ]),
           createVNode(unref(OLink), {
             color: "primary",
             href: __props.giteeAddress,
@@ -75,8 +78,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _: 1
           }, 8, ["href"])
         ], 2),
-        createElementVNode("div", _hoisted_2, [
-          createElementVNode("div", _hoisted_3, toDisplayString(__props.description), 1)
+        createElementVNode("div", _hoisted_3, [
+          createElementVNode("div", _hoisted_4, toDisplayString(__props.description), 1)
         ])
       ], 4);
     };

package/dist/treeshaking/components/summit/OSummitLive.css

@@ -1,12 +1,12 @@
-.hover-icon-rotate .o-icon[data-v-dbbe6ecb] {
+.hover-icon-rotate .o-icon[data-v-29562453] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-dbbe6ecb] {
+.hover-icon-rotate:hover .o-icon[data-v-29562453] {
     transform: rotate(-180deg);
 }
 }
-.o-summit-live .o-summit-title[data-v-dbbe6ecb] {
+.o-summit-live .o-summit-title[data-v-29562453] {
   margin-bottom: var(--o-r-gap-6);
   color: var(--o-color-info1);
   font-weight: 600;
@@ -14,39 +14,39 @@
   font-size: var(--o-r-font_size-display3);
   line-height: var(--o-r-line_height-display3);
 }
-.o-summit-live .o-summit-live-wrapper[data-v-dbbe6ecb] {
+.o-summit-live .o-summit-live-wrapper[data-v-29562453] {
   margin-top: var(--o-r-gap-6);
 }
-.o-summit-live .o-summit-live-select[data-v-dbbe6ecb] {
+.o-summit-live .o-summit-live-select[data-v-29562453] {
   display: none;
 }
-.o-summit-live .o-summit-live-select[data-v-dbbe6ecb] .o-select {
+.o-summit-live .o-summit-live-select[data-v-29562453] .o-select {
   width: 100%;
 }
-.o-summit-live .o-summit-live-select[data-v-dbbe6ecb] .o-select .o-input {
+.o-summit-live .o-summit-live-select[data-v-29562453] .o-select .o-input {
   height: 48px;
 }
 @media (max-width: 840px) {
-.o-summit-live .o-summit-live-select[data-v-dbbe6ecb] {
+.o-summit-live .o-summit-live-select[data-v-29562453] {
     display: block;
     margin-bottom: var(--o-gap-2);
 }
 }
-.o-summit-live .o-summit-live-video[data-v-dbbe6ecb] {
+.o-summit-live .o-summit-live-video[data-v-29562453] {
   margin-bottom: var(--o-r-gap-5);
   width: 100%;
   display: block;
   border: none;
 }
-.o-summit-live .o-summit-live-web[data-v-dbbe6ecb] {
+.o-summit-live .o-summit-live-web[data-v-29562453] {
   display: block;
 }
 @media (max-width: 840px) {
-.o-summit-live .o-summit-live-web[data-v-dbbe6ecb] {
+.o-summit-live .o-summit-live-web[data-v-29562453] {
     display: none;
 }
 }
-.o-summit-live .o-summit-live-itembox[data-v-dbbe6ecb] {
+.o-summit-live .o-summit-live-itembox[data-v-29562453] {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: var(--o-r-gap-6) var(--o-r-gap-5);
@@ -54,16 +54,16 @@
   --link-height: 96px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-summit-live .o-summit-live-itembox[data-v-dbbe6ecb] {
+.o-summit-live .o-summit-live-itembox[data-v-29562453] {
     --link-height: 92px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-summit-live .o-summit-live-itembox[data-v-dbbe6ecb] {
+.o-summit-live .o-summit-live-itembox[data-v-29562453] {
     --link-height: 68px;
 }
 }
-.o-summit-live .o-summit-live-link[data-v-dbbe6ecb] {
+.o-summit-live .o-summit-live-link[data-v-29562453] {
   flex: 1;
   padding: var(--o-r-gap-6) var(--o-r-gap-5);
   cursor: pointer;
@@ -78,10 +78,10 @@
   justify-content: center;
   border-radius: var(--o-radius-xs);
 }
-.o-summit-live .o-summit-live-link [data-o-theme*=dark][data-v-dbbe6ecb] {
+.o-summit-live .o-summit-live-link [data-o-theme*=dark][data-v-29562453] {
   background-image: var(--o-summit-live-bg-dark);
 }
-.o-summit-live .o-summit-live-link .o-summit-live-name[data-v-dbbe6ecb] {
+.o-summit-live .o-summit-live-link .o-summit-live-name[data-v-29562453] {
   color: var(--o-color-info1);
   font-size: var(--o-r-font_size-h2);
   line-height: var(--o-r-line_height-h2);
@@ -92,12 +92,12 @@
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
 }
-.o-summit-live .o-summit-live-link[data-v-dbbe6ecb]:hover {
+.o-summit-live .o-summit-live-link[data-v-29562453]:hover {
   box-shadow: var(--o-shadow-2);
 }
-.o-summit-live .o-summit-live-link.is-active .o-summit-live-name[data-v-dbbe6ecb] {
+.o-summit-live .o-summit-live-link.is-active .o-summit-live-name[data-v-29562453] {
   color: #fff;
 }
-.o-summit-live .o-summit-live-link.is-main[data-v-dbbe6ecb] {
+.o-summit-live .o-summit-live-link.is-main[data-v-29562453] {
   grid-column: 1/5;
 }