@opendesign-plus-test/components 0.0.1-rc.162 → 0.0.1-rc.164

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-f2e07989"]]);
+const _OMarkdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-36213596"]]);
 export {
   _OMarkdown as default
 };

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

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

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

@@ -1,7 +1,7 @@
 import _sfc_main from "./OMarkdownPagination.vue2.mjs";
 import './OMarkdownPagination.css';
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OMarkdownPagination = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8eb4f036"]]);
+const _OMarkdownPagination = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-38903df9"]]);
 export {
   _OMarkdownPagination as default
 };

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

@@ -1,33 +1,33 @@
-.hover-icon-rotate .o-icon[data-v-cf6e32ad] {
+.hover-icon-rotate .o-icon[data-v-893ac416] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-cf6e32ad] {
+.hover-icon-rotate:hover .o-icon[data-v-893ac416] {
     transform: rotate(-180deg);
 }
 }
-.o-md-code[data-v-cf6e32ad] {
+.o-md-code[data-v-893ac416] {
   position: relative;
   margin-bottom: var(--o-gap-2, 8px);
 }
-.o-md-code[data-v-cf6e32ad] .o-scroller,
-.o-md-code[data-v-cf6e32ad] .o-scroller-container,
-.o-md-code[data-v-cf6e32ad] .o-scrollbar,
-.o-md-code[data-v-cf6e32ad] .o-scrollbar-rail,
-.o-md-code[data-v-cf6e32ad] .o-scrollbar-thumb,
-.o-md-code[data-v-cf6e32ad] .o-scrollbar-track {
+.o-md-code[data-v-893ac416] .o-scroller,
+.o-md-code[data-v-893ac416] .o-scroller-container,
+.o-md-code[data-v-893ac416] .o-scrollbar,
+.o-md-code[data-v-893ac416] .o-scrollbar-rail,
+.o-md-code[data-v-893ac416] .o-scrollbar-thumb,
+.o-md-code[data-v-893ac416] .o-scrollbar-track {
   margin-bottom: 0;
 }
-.o-md-code[data-v-cf6e32ad] .o-scrollbar-x {
+.o-md-code[data-v-893ac416] .o-scrollbar-x {
   --scrollbar-height: 97%;
 }
-.o-md-code[data-v-cf6e32ad] .o-scroller-container * {
+.o-md-code[data-v-893ac416] .o-scroller-container * {
   margin-bottom: 0;
 }
-.o-md-code[data-v-cf6e32ad] .o-scrollbar-thumb .o-scrollbar-x-thumb-bar {
+.o-md-code[data-v-893ac416] .o-scrollbar-thumb .o-scrollbar-x-thumb-bar {
   margin-top: auto !important;
 }
-.o-md-code .o-md-code-tools[data-v-cf6e32ad] {
+.o-md-code .o-md-code-tools[data-v-893ac416] {
   z-index: 3;
   position: absolute;
   display: flex;
@@ -42,78 +42,78 @@
   background-color: #f6f7f8;
 }
 @media (max-width: 840px) {
-.o-md-code .o-md-code-tools[data-v-cf6e32ad] {
+.o-md-code .o-md-code-tools[data-v-893ac416] {
     top: var(--o-gap-3);
 }
 }
-.o-md-code .o-md-code-icon-theme[data-v-cf6e32ad],
-.o-md-code .o-md-code-icon-copy[data-v-cf6e32ad] {
+.o-md-code .o-md-code-icon-theme[data-v-893ac416],
+.o-md-code .o-md-code-icon-copy[data-v-893ac416] {
   cursor: pointer;
 }
 @media (hover: hover) {
-.o-md-code .o-md-code-icon-theme[data-v-cf6e32ad]:hover,
-  .o-md-code .o-md-code-icon-copy[data-v-cf6e32ad]:hover {
+.o-md-code .o-md-code-icon-theme[data-v-893ac416]:hover,
+  .o-md-code .o-md-code-icon-copy[data-v-893ac416]:hover {
     color: var(--o-color-info1);
 }
 }
-.o-md-code.is-light .o-md-code-icon-copy[data-v-cf6e32ad],
-.o-md-code.is-light .o-md-code-icon-theme[data-v-cf6e32ad] {
+.o-md-code.is-light .o-md-code-icon-copy[data-v-893ac416],
+.o-md-code.is-light .o-md-code-icon-theme[data-v-893ac416] {
   color: rgba(0, 0, 0, 0.8);
 }
 @media (hover: hover) {
-.o-md-code.is-light .o-md-code-icon-copy[data-v-cf6e32ad]:hover,
-  .o-md-code.is-light .o-md-code-icon-theme[data-v-cf6e32ad]:hover {
+.o-md-code.is-light .o-md-code-icon-copy[data-v-893ac416]:hover,
+  .o-md-code.is-light .o-md-code-icon-theme[data-v-893ac416]:hover {
     color: rgb(0, 0, 0);
 }
 }
-.o-md-code.is-dark .o-md-code-icon-copy[data-v-cf6e32ad],
-.o-md-code.is-dark .o-md-code-icon-theme[data-v-cf6e32ad] {
+.o-md-code.is-dark .o-md-code-icon-copy[data-v-893ac416],
+.o-md-code.is-dark .o-md-code-icon-theme[data-v-893ac416] {
   color: rgba(255, 255, 255, 0.8);
 }
 @media (hover: hover) {
-.o-md-code.is-dark .o-md-code-icon-copy[data-v-cf6e32ad]:hover,
-  .o-md-code.is-dark .o-md-code-icon-theme[data-v-cf6e32ad]:hover {
+.o-md-code.is-dark .o-md-code-icon-copy[data-v-893ac416]:hover,
+  .o-md-code.is-dark .o-md-code-icon-theme[data-v-893ac416]:hover {
     color: rgb(255, 255, 255);
 }
 }
-.o-md-code .markdown-body.is-light[data-v-cf6e32ad] {
+.o-md-code .markdown-body.is-light[data-v-893ac416] {
   --o-md-code-bg-color: #f6f7f8;
 }
-.o-md-code .markdown-body.is-light[data-v-cf6e32ad] code span {
+.o-md-code .markdown-body.is-light[data-v-893ac416] code span {
   color: var(--shiki-light, inherit) !important;
 }
-.o-md-code .markdown-body.is-dark[data-v-cf6e32ad] {
+.o-md-code .markdown-body.is-dark[data-v-893ac416] {
   --o-md-code-bg-color: #282a2f;
 }
-.o-md-code .markdown-body.is-dark[data-v-cf6e32ad] code span {
+.o-md-code .markdown-body.is-dark[data-v-893ac416] code span {
   color: var(--shiki-dark, inherit) !important;
 }
-.o-md-code .markdown-body.is-dark .o-md-code-icon-copy[data-v-cf6e32ad],
-.o-md-code .markdown-body.is-dark .o-md-code-icon-theme[data-v-cf6e32ad] {
+.o-md-code .markdown-body.is-dark .o-md-code-icon-copy[data-v-893ac416],
+.o-md-code .markdown-body.is-dark .o-md-code-icon-theme[data-v-893ac416] {
   color: rgba(255, 255, 255, 0.8);
 }
 @media (hover: hover) {
-.o-md-code .markdown-body.is-dark .o-md-code-icon-copy[data-v-cf6e32ad]:hover,
-  .o-md-code .markdown-body.is-dark .o-md-code-icon-theme[data-v-cf6e32ad]:hover {
+.o-md-code .markdown-body.is-dark .o-md-code-icon-copy[data-v-893ac416]:hover,
+  .o-md-code .markdown-body.is-dark .o-md-code-icon-theme[data-v-893ac416]:hover {
     color: rgb(255, 255, 255);
 }
 }
-.o-md-code .markdown-body[data-v-cf6e32ad] .copy {
+.o-md-code .markdown-body[data-v-893ac416] .copy {
   display: none;
 }
-.o-md-code .markdown-body[data-v-cf6e32ad] pre {
+.o-md-code .markdown-body[data-v-893ac416] pre {
   overflow: visible !important;
   overflow-x: visible !important;
   background-color: transparent !important;
 }
-.o-md-code .markdown-body[data-v-cf6e32ad] pre code {
+.o-md-code .markdown-body[data-v-893ac416] pre code {
   background-color: var(--o-md-code-bg-color);
 }
 @media (max-width: 840px) {
-.o-md-code .markdown-body[data-v-cf6e32ad] pre code {
+.o-md-code .markdown-body[data-v-893ac416] pre code {
     padding-top: 28px;
 }
 }
-.o-md-code.is-dark .o-md-code-tools[data-v-cf6e32ad] {
+.o-md-code.is-dark .o-md-code-tools[data-v-893ac416] {
   background-color: #282a2f;
 }

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

@@ -1,5 +1,6 @@
+import { MaybeElement } from '../types';
 type __VLS_Props = {
-    el: Element;
+    el: MaybeElement;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     mdCodeRef: HTMLDivElement;

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

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