@opendesign-plus/components 0.0.1-rc.84 → 0.0.1-rc.86

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

@@ -1,6 +1,6 @@
 import { App } from 'vue';
 declare const OHeader: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').NavT> & Readonly<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').NavT> & Readonly<{
         "onHandle-click"?: ((val: any) => any) | undefined;
         "onNav-layout"?: ((val: any) => any) | undefined;
         "onGo-home"?: (() => any) | undefined;
@@ -19,7 +19,7 @@ declare const OHeader: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').NavT> & Readonly<{
+    }, Readonly<import('../../index').NavT> & Readonly<{
         "onHandle-click"?: ((val: any) => any) | undefined;
         "onNav-layout"?: ((val: any) => any) | undefined;
         "onGo-home"?: (() => any) | undefined;
@@ -29,7 +29,7 @@ declare const OHeader: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types').NavT> & Readonly<{
+} & import('vue').ComponentOptionsBase<Readonly<import('../../index').NavT> & Readonly<{
     "onHandle-click"?: ((val: any) => any) | undefined;
     "onNav-layout"?: ((val: any) => any) | undefined;
     "onGo-home"?: (() => any) | undefined;
@@ -50,15 +50,15 @@ declare const OHeader: {
     install(app: App): void;
 };
 declare const OHeaderMobile: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').NavT> & Readonly<{
-        "onHandle-click"?: ((val: import('./types').NavItemT) => any) | undefined;
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').NavT> & Readonly<{
+        "onHandle-click"?: ((val: import('../../index').NavItemT) => any) | undefined;
         "onGo-home"?: (() => any) | undefined;
-        "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
+        "onLang-click"?: ((val: import('../../index').LangItemT) => any) | undefined;
         "onGo-back"?: (() => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        "handle-click": (val: import('./types').NavItemT) => any;
+        "handle-click": (val: import('../../index').NavItemT) => any;
         "go-home": () => any;
-        "lang-click": (val: import('./types').LangItemT) => any;
+        "lang-click": (val: import('../../index').LangItemT) => any;
         "go-back": () => any;
     }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         mobileNav: ({
@@ -66,14 +66,14 @@ declare const OHeaderMobile: {
             $data: {};
             $props: {
                 readonly menuShow: boolean;
-                readonly navData: import('./types').NavItemT[];
-                readonly codeData?: import('./types').CodeT | undefined;
-                readonly langData?: import('./types').LangT | undefined;
+                readonly navData: import('../../index').NavItemT[];
+                readonly codeData?: import('../../index').CodeT | undefined;
+                readonly langData?: import('../../index').LangT | undefined;
                 readonly activeIndex: string | number;
                 readonly community?: string | undefined;
                 readonly "onHandle-click"?: ((val: any) => any) | undefined;
                 readonly "onOn-click"?: (() => any) | undefined;
-                readonly "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
+                readonly "onLang-click"?: ((val: import('../../index').LangItemT) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: import('vue').Attrs;
             $refs: {
@@ -85,18 +85,18 @@ declare const OHeaderMobile: {
             $root: import('vue').ComponentPublicInstance | null;
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: ((event: "handle-click", val: any) => void) & ((event: "on-click") => void) & ((event: "lang-click", val: import('./types').LangItemT) => void);
+            $emit: ((event: "handle-click", val: any) => void) & ((event: "on-click") => void) & ((event: "lang-click", val: import('../../index').LangItemT) => void);
             $el: HTMLDivElement;
-            $options: import('vue').ComponentOptionsBase<Readonly<import('./types').NavMobileItemT> & Readonly<{
+            $options: import('vue').ComponentOptionsBase<Readonly<import('../../index').NavMobileItemT> & Readonly<{
                 "onHandle-click"?: ((val: any) => any) | undefined;
                 "onOn-click"?: (() => any) | undefined;
-                "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
+                "onLang-click"?: ((val: import('../../index').LangItemT) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                 "handle-click": (val: any) => any;
                 "on-click": () => any;
-                "lang-click": (val: import('./types').LangItemT) => any;
+                "lang-click": (val: import('../../index').LangItemT) => any;
             }, string, {
-                navData: import('./types').NavItemT[];
+                navData: import('../../index').NavItemT[];
                 menuShow: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -119,12 +119,12 @@ declare const OHeaderMobile: {
             $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
-            navData: import('./types').NavItemT[];
+            navData: import('../../index').NavItemT[];
             menuShow: boolean;
-        }> & Omit<Readonly<import('./types').NavMobileItemT> & Readonly<{
+        }> & Omit<Readonly<import('../../index').NavMobileItemT> & Readonly<{
             "onHandle-click"?: ((val: any) => any) | undefined;
             "onOn-click"?: (() => any) | undefined;
-            "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
+            "onLang-click"?: ((val: import('../../index').LangItemT) => any) | undefined;
         }>, "navData" | "menuShow"> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 tool?(_: {}): any;
@@ -137,24 +137,24 @@ declare const OHeaderMobile: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').NavT> & Readonly<{
-        "onHandle-click"?: ((val: import('./types').NavItemT) => any) | undefined;
+    }, Readonly<import('../../index').NavT> & Readonly<{
+        "onHandle-click"?: ((val: import('../../index').NavItemT) => any) | undefined;
         "onGo-home"?: (() => any) | undefined;
-        "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
+        "onLang-click"?: ((val: import('../../index').LangItemT) => any) | undefined;
         "onGo-back"?: (() => any) | undefined;
     }>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types').NavT> & Readonly<{
-    "onHandle-click"?: ((val: import('./types').NavItemT) => any) | undefined;
+} & import('vue').ComponentOptionsBase<Readonly<import('../../index').NavT> & Readonly<{
+    "onHandle-click"?: ((val: import('../../index').NavItemT) => any) | undefined;
     "onGo-home"?: (() => any) | undefined;
-    "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
+    "onLang-click"?: ((val: import('../../index').LangItemT) => any) | undefined;
     "onGo-back"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "handle-click": (val: import('./types').NavItemT) => any;
+    "handle-click": (val: import('../../index').NavItemT) => any;
     "go-home": () => any;
-    "lang-click": (val: import('./types').LangItemT) => any;
+    "lang-click": (val: import('../../index').LangItemT) => any;
     "go-back": () => any;
 }, string, {}, {}, 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/header-search/index.d.ts

@@ -20,8 +20,8 @@ declare const OHeaderSearch: {
         imageUrl: string;
         enableImageSearch: boolean;
         maxImageSize: number;
-        onestepItems: import('../search').OSearchRecommendItem[];
-        suggestItems: import('../search').OSearchRecommendItem[];
+        onestepItems: import('../../index').OSearchRecommendItem[];
+        suggestItems: import('../../index').OSearchRecommendItem[];
         recommendItems: string[];
         historyItems: string[];
         hotItems: string[];
@@ -46,7 +46,7 @@ declare const OHeaderSearch: {
                 readonly imagePlaceholder?: string | undefined;
                 readonly size?: "small" | "medium" | "large" | undefined;
                 readonly enableImageSearch?: boolean | undefined;
-                readonly uploadImage?: import('../search').OSearchUploadImageFn | undefined;
+                readonly uploadImage?: import('../../index').OSearchUploadImageFn | undefined;
                 readonly maxImageSize?: number | undefined;
                 readonly imageUploadTooltip?: string | undefined;
                 readonly expanded?: boolean | undefined;
@@ -509,8 +509,8 @@ declare const OHeaderSearch: {
         imageUrl: string;
         enableImageSearch: boolean;
         maxImageSize: number;
-        onestepItems: import('../search').OSearchRecommendItem[];
-        suggestItems: import('../search').OSearchRecommendItem[];
+        onestepItems: import('../../index').OSearchRecommendItem[];
+        suggestItems: import('../../index').OSearchRecommendItem[];
         recommendItems: string[];
         historyItems: string[];
         hotItems: string[];
@@ -546,8 +546,8 @@ declare const OHeaderSearch: {
     imageUrl: string;
     enableImageSearch: boolean;
     maxImageSize: number;
-    onestepItems: import('../search').OSearchRecommendItem[];
-    suggestItems: import('../search').OSearchRecommendItem[];
+    onestepItems: import('../../index').OSearchRecommendItem[];
+    suggestItems: import('../../index').OSearchRecommendItem[];
     recommendItems: string[];
     historyItems: string[];
     hotItems: string[];
@@ -573,8 +573,8 @@ declare const OHeaderSearch: {
             recommendItems: string[];
             historyItems: string[];
             hotItems: string[];
-            suggestItems: import('../search').OSearchRecommendItem[];
-            onestepItems: import('../search').OSearchRecommendItem[];
+            suggestItems: import('../../index').OSearchRecommendItem[];
+            onestepItems: import('../../index').OSearchRecommendItem[];
             keyword: string;
         }): any;
         'recommend-header'?(_: {
@@ -584,17 +584,17 @@ declare const OHeaderSearch: {
             items: string[];
         }): any;
         'onestep-header'?(_: {
-            items: import('../search').OSearchRecommendItem[];
+            items: import('../../index').OSearchRecommendItem[];
         }): any;
         'onestep-content'?(_: {
-            items: import('../search').OSearchRecommendItem[];
+            items: import('../../index').OSearchRecommendItem[];
             keyword: string;
         }): any;
         'suggest-header'?(_: {
-            items: import('../search').OSearchRecommendItem[];
+            items: import('../../index').OSearchRecommendItem[];
         }): any;
         'suggest-content'?(_: {
-            items: import('../search').OSearchRecommendItem[];
+            items: import('../../index').OSearchRecommendItem[];
             keyword: string;
         }): any;
         'history-header'?(_: {

package/dist/treeshaking/components/logo-swiper/OLogoSwiperItems.vue.d.ts

@@ -9,9 +9,9 @@ declare const _default: import('vue').DefineComponent<OLogoSwiperItemsPropsT, {}
     target: "_blank" | "_parent" | "_self" | "_top";
     duration: number;
     fit: "cover" | "contain" | "fill" | "none" | "scale-down";
+    radius: number | string;
     autoPlay: boolean;
     pauseOnHover: boolean;
-    radius: number | string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     rootRef: HTMLDivElement;
 }, HTMLDivElement>;

package/dist/treeshaking/components/logo-swiper/index.d.ts

@@ -20,19 +20,19 @@ declare const OLogoSwiper: {
     install(app: App): void;
 };
 declare const OLogoSwiperItems: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').OLogoSwiperItemsPropsT> & Readonly<{
-        onClick?: ((item: import('./types').OLogoSwiperItemT) => any) | undefined;
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').OLogoSwiperItemsPropsT> & Readonly<{
+        onClick?: ((item: import('../../index').OLogoSwiperItemT) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        click: (item: import('./types').OLogoSwiperItemT) => any;
+        click: (item: import('../../index').OLogoSwiperItemT) => any;
     }, import('vue').PublicProps, {
         reverse: boolean;
-        data: import('./types').OLogoSwiperItemT[];
+        data: import('../../index').OLogoSwiperItemT[];
         target: "_blank" | "_parent" | "_self" | "_top";
         duration: number;
         fit: "cover" | "contain" | "fill" | "none" | "scale-down";
+        radius: number | string;
         autoPlay: boolean;
         pauseOnHover: boolean;
-        radius: number | string;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         rootRef: HTMLDivElement;
     }, HTMLDivElement, import('vue').ComponentProvideOptions, {
@@ -42,34 +42,34 @@ declare const OLogoSwiperItems: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').OLogoSwiperItemsPropsT> & Readonly<{
-        onClick?: ((item: import('./types').OLogoSwiperItemT) => any) | undefined;
+    }, Readonly<import('../../index').OLogoSwiperItemsPropsT> & Readonly<{
+        onClick?: ((item: import('../../index').OLogoSwiperItemT) => any) | undefined;
     }>, {}, {}, {}, {}, {
         reverse: boolean;
-        data: import('./types').OLogoSwiperItemT[];
+        data: import('../../index').OLogoSwiperItemT[];
         target: "_blank" | "_parent" | "_self" | "_top";
         duration: number;
         fit: "cover" | "contain" | "fill" | "none" | "scale-down";
+        radius: number | string;
         autoPlay: boolean;
         pauseOnHover: boolean;
-        radius: number | string;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types').OLogoSwiperItemsPropsT> & Readonly<{
-    onClick?: ((item: import('./types').OLogoSwiperItemT) => any) | undefined;
+} & import('vue').ComponentOptionsBase<Readonly<import('../../index').OLogoSwiperItemsPropsT> & Readonly<{
+    onClick?: ((item: import('../../index').OLogoSwiperItemT) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    click: (item: import('./types').OLogoSwiperItemT) => any;
+    click: (item: import('../../index').OLogoSwiperItemT) => any;
 }, string, {
     reverse: boolean;
-    data: import('./types').OLogoSwiperItemT[];
+    data: import('../../index').OLogoSwiperItemT[];
     target: "_blank" | "_parent" | "_self" | "_top";
     duration: number;
     fit: "cover" | "contain" | "fill" | "none" | "scale-down";
+    radius: number | string;
     autoPlay: boolean;
     pauseOnHover: boolean;
-    radius: number | string;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install(app: App): void;
 };

package/dist/treeshaking/components/markdown/OMarkdown.css

@@ -289,6 +289,13 @@
   background: var(--o-color-fill2) !important;
   color: rgba(var(--o-grey-14), 0.9);
   font-family: inherit;
+  word-break: normal;
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+  -webkit-hyphens: auto;
+  -moz-hyphens: auto;
+  -ms-hyphens: auto;
+  hyphens: auto;
   --o-gap-1: 4px;
   --o-gap-2: 8px;
   --o-gap-3: 12px;

package/dist/treeshaking/components/markdown/OMarkdown.vue.d.ts

@@ -4,6 +4,7 @@ type __VLS_Props = {
     disableTable?: boolean;
     disableImg?: boolean;
     disableCode?: boolean;
+    disableChangeCodeTheme?: boolean;
     sourceUrl?: string;
     updateTime?: string;
     titleBg?: string;
@@ -31,6 +32,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
 }>, {
     enableDownload: boolean;
     enableStar: boolean;
+    disableChangeCodeTheme: boolean;
     disableH1: boolean;
     disableH2: boolean;
     disableTable: boolean;

package/dist/treeshaking/components/markdown/OMarkdown.vue.mjs

@@ -2,7 +2,7 @@ import _sfc_main from "./OMarkdown.vue2.mjs";
 import './OMarkdown.css';
 import './OMarkdown2.css';
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OMarkdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d2d15ac2"]]);
+const _OMarkdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-31e0d0d3"]]);
 export {
   _OMarkdown as default
 };

package/dist/treeshaking/components/markdown/OMarkdown.vue2.mjs

@@ -12,6 +12,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     disableTable: { type: Boolean, default: false },
     disableImg: { type: Boolean, default: false },
     disableCode: { type: Boolean, default: false },
+    disableChangeCodeTheme: { type: Boolean, default: false },
     sourceUrl: {},
     updateTime: {},
     titleBg: {},
@@ -66,7 +67,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         map.img = mountMarkdownImage;
       }
       if (!props.disableCode) {
-        map['div[class*="language-"]'] = mountMarkdownCode;
+        const mountCode = (el, ctx) => mountMarkdownCode(el, ctx, {
+          disableChangeCodeTheme: props.disableChangeCodeTheme
+        });
+        map['div[class*="language-"]'] = mountCode;
+        map.pre = mountCode;
       }
       return map;
     });

package/dist/treeshaking/components/markdown/OMarkdown2.css

@@ -1,12 +1,12 @@
-.hover-icon-rotate .o-icon[data-v-d2d15ac2] {
+.hover-icon-rotate .o-icon[data-v-31e0d0d3] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-d2d15ac2] {
+.hover-icon-rotate:hover .o-icon[data-v-31e0d0d3] {
     transform: rotate(-180deg);
 }
 }
-.o-markdown.unmounted[data-v-d2d15ac2] .o-markdown-body table {
+.o-markdown.unmounted[data-v-31e0d0d3] .o-markdown-body table {
   display: block !important;
   overflow: hidden !important;
   max-height: calc(100vh - 210px) !important;

package/dist/treeshaking/components/markdown/OMarkdownPagination.css

@@ -1,64 +1,64 @@
-.hover-icon-rotate .o-icon[data-v-38903df9] {
+.hover-icon-rotate .o-icon[data-v-d030c1c0] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-38903df9] {
+.hover-icon-rotate:hover .o-icon[data-v-d030c1c0] {
     transform: rotate(-180deg);
 }
 }
-.o-md-pagination[data-v-38903df9] {
+.o-md-pagination[data-v-d030c1c0] {
   display: flex;
   flex-direction: column;
 }
-.o-md-pagination__divider[data-v-38903df9] {
+.o-md-pagination__divider[data-v-d030c1c0] {
   --o-divider-gap: 24px;
 }
 @media (max-width: 1680px) {
-.o-md-pagination__divider[data-v-38903df9] {
+.o-md-pagination__divider[data-v-d030c1c0] {
     --o-divider-gap: 16px;
 }
 }
 @media (max-width: 1200px) {
-.o-md-pagination__divider[data-v-38903df9] {
+.o-md-pagination__divider[data-v-d030c1c0] {
     --o-divider-gap: 12px;
 }
 }
 @media (max-width: 600px) {
-.o-md-pagination__divider[data-v-38903df9] {
+.o-md-pagination__divider[data-v-d030c1c0] {
     --o-divider-gap: 24px;
 }
 }
-.o-md-pagination__main[data-v-38903df9] {
+.o-md-pagination__main[data-v-d030c1c0] {
   display: flex;
   overflow: hidden;
 }
-.o-md-pagination__side[data-v-38903df9] {
+.o-md-pagination__side[data-v-d030c1c0] {
   display: block;
   width: 50%;
   min-width: 0;
   color: inherit;
   text-decoration: none;
 }
-.o-md-pagination__side.o-md-pagination__side--prev[data-v-38903df9] {
+.o-md-pagination__side.o-md-pagination__side--prev[data-v-d030c1c0] {
   padding-right: 10px;
 }
 @media (max-width: 840px) {
-.o-md-pagination__side.o-md-pagination__side--prev[data-v-38903df9] {
+.o-md-pagination__side.o-md-pagination__side--prev[data-v-d030c1c0] {
     padding-right: 6px;
 }
 }
-.o-md-pagination__side.o-md-pagination__side--next[data-v-38903df9] {
+.o-md-pagination__side.o-md-pagination__side--next[data-v-d030c1c0] {
   padding-left: 10px;
 }
 @media (max-width: 840px) {
-.o-md-pagination__side.o-md-pagination__side--next[data-v-38903df9] {
+.o-md-pagination__side.o-md-pagination__side--next[data-v-d030c1c0] {
     padding-left: 6px;
 }
 }
-.o-md-pagination:not(.o-md-pagination--has-prev) .o-md-pagination__side--next[data-v-38903df9] {
+.o-md-pagination:not(.o-md-pagination--has-prev) .o-md-pagination__side--next[data-v-d030c1c0] {
   margin-left: auto;
 }
-.o-md-pagination__card[data-v-38903df9] {
+.o-md-pagination__card[data-v-d030c1c0] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -70,75 +70,75 @@
   transition: background-color var(--o-duration-m1) var(--o-easing-standard), box-shadow var(--o-duration-m1) var(--o-easing-standard);
 }
 @media (max-width: 840px) {
-.o-md-pagination__card[data-v-38903df9] {
+.o-md-pagination__card[data-v-d030c1c0] {
     height: 76px;
 }
 }
-.o-md-pagination__side--prev .o-md-pagination__card[data-v-38903df9] {
+.o-md-pagination__side--prev .o-md-pagination__card[data-v-d030c1c0] {
   padding-left: 24px;
   padding-right: 20px;
 }
 @media (max-width: 840px) {
-.o-md-pagination__side--prev .o-md-pagination__card[data-v-38903df9] {
+.o-md-pagination__side--prev .o-md-pagination__card[data-v-d030c1c0] {
     padding-left: 16px;
     padding-right: 8px;
 }
 }
-.o-md-pagination__side--next .o-md-pagination__card[data-v-38903df9] {
+.o-md-pagination__side--next .o-md-pagination__card[data-v-d030c1c0] {
   padding-left: 20px;
   padding-right: 24px;
 }
 @media (max-width: 840px) {
-.o-md-pagination__side--next .o-md-pagination__card[data-v-38903df9] {
+.o-md-pagination__side--next .o-md-pagination__card[data-v-d030c1c0] {
     padding-left: 8px;
     padding-right: 16px;
 }
 }
-.o-md-pagination__text[data-v-38903df9] {
+.o-md-pagination__text[data-v-d030c1c0] {
   display: flex;
   flex-direction: column;
   min-width: 0;
   overflow: hidden;
 }
-.o-md-pagination__side--prev .o-md-pagination__text[data-v-38903df9] {
+.o-md-pagination__side--prev .o-md-pagination__text[data-v-d030c1c0] {
   align-items: flex-end;
 }
-.o-md-pagination__side--next .o-md-pagination__text[data-v-38903df9] {
+.o-md-pagination__side--next .o-md-pagination__text[data-v-d030c1c0] {
   align-items: flex-start;
 }
-.o-md-pagination__label[data-v-38903df9] {
+.o-md-pagination__label[data-v-d030c1c0] {
   color: var(--o-color-info3);
   font-size: 14px;
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-md-pagination__label[data-v-38903df9] {
+.o-md-pagination__label[data-v-d030c1c0] {
     font-size: 14px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-md-pagination__label[data-v-38903df9] {
+.o-md-pagination__label[data-v-d030c1c0] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-md-pagination__label[data-v-38903df9] {
+.o-md-pagination__label[data-v-d030c1c0] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.o-md-pagination__label[data-v-38903df9] {
+.o-md-pagination__label[data-v-d030c1c0] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.o-md-pagination__side--prev .o-md-pagination__label[data-v-38903df9] {
+.o-md-pagination__side--prev .o-md-pagination__label[data-v-d030c1c0] {
   text-align: right;
 }
-.o-md-pagination__title[data-v-38903df9] {
+.o-md-pagination__title[data-v-d030c1c0] {
   color: var(--o-color-info2);
   max-width: 320px;
   overflow: hidden;
@@ -149,70 +149,70 @@
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-md-pagination__title[data-v-38903df9] {
+.o-md-pagination__title[data-v-d030c1c0] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-md-pagination__title[data-v-38903df9] {
+.o-md-pagination__title[data-v-d030c1c0] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-md-pagination__title[data-v-38903df9] {
+.o-md-pagination__title[data-v-d030c1c0] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.o-md-pagination__title[data-v-38903df9] {
+.o-md-pagination__title[data-v-d030c1c0] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 1200px) {
-.o-md-pagination__title[data-v-38903df9] {
+.o-md-pagination__title[data-v-d030c1c0] {
     max-width: 220px;
 }
 }
 @media (max-width: 840px) {
-.o-md-pagination__title[data-v-38903df9] {
+.o-md-pagination__title[data-v-d030c1c0] {
     max-width: 100%;
     margin-top: 4px;
 }
 }
-.o-md-pagination__arrow[data-v-38903df9] {
+.o-md-pagination__arrow[data-v-d030c1c0] {
   flex-shrink: 0;
   font-size: 24px;
   color: var(--o-color-info3);
   transition: color var(--o-duration-m1) var(--o-easing-standard);
 }
 @media (max-width: 840px) {
-.o-md-pagination__arrow[data-v-38903df9] {
+.o-md-pagination__arrow[data-v-d030c1c0] {
     font-size: 20px;
 }
 }
-.o-md-pagination__arrow--next[data-v-38903df9] {
+.o-md-pagination__arrow--next[data-v-d030c1c0] {
   transform: rotate(180deg);
 }
 @media (hover: hover) {
-&:hover .o-md-pagination__card[data-v-38903df9]:hover {
+&:hover .o-md-pagination__card[data-v-d030c1c0]:hover {
     background-color: var(--o-color-fill3);
 }
-&:hover .o-md-pagination__card:hover .o-md-pagination__title[data-v-38903df9] {
+&:hover .o-md-pagination__card:hover .o-md-pagination__title[data-v-d030c1c0] {
     color: var(--o-color-info1);
 }
-&:hover .o-md-pagination__card:hover .o-md-pagination__arrow[data-v-38903df9] {
+&:hover .o-md-pagination__card:hover .o-md-pagination__arrow[data-v-d030c1c0] {
     color: var(--o-color-info1);
 }
 }
-[data-o-theme*=dark] .o-md-pagination__card[data-v-38903df9] {
+[data-o-theme*=dark] .o-md-pagination__card[data-v-d030c1c0] {
   background-color: var(--o-color-fill2);
 }
 @media (hover: hover) {
-[data-o-theme*=dark]:hover .o-md-pagination__card[data-v-38903df9]:hover {
+[data-o-theme*=dark]:hover .o-md-pagination__card[data-v-d030c1c0]:hover {
     background-color: var(--o-color-fill3);
 }
 }