@opendesign-plus-test/components 0.0.1-rc.193 → 0.0.1-rc.194

package/dist/treeshaking/components/article-pagination/index.mjs

@@ -0,0 +1,9 @@
+import _OArticlePagination from "./OArticlePagination.vue.mjs";
+const OArticlePagination = Object.assign(_OArticlePagination, {
+  install(app) {
+    app.component("OArticlePagination", _OArticlePagination);
+  }
+});
+export {
+  OArticlePagination
+};

package/dist/treeshaking/components/article-pagination/types.d.ts

@@ -0,0 +1,4 @@
+export interface OArticlePaginationItemT {
+    title?: string;
+    url?: string;
+}

package/dist/treeshaking/components/brand/OBrandFile.css

@@ -0,0 +1,65 @@
+.hover-icon-rotate .o-icon[data-v-2630f96f] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-2630f96f] {
+    transform: rotate(-180deg);
+}
+}
+.o-brand-file[data-v-2630f96f] .o-row {
+  --row-gap-x: var(--o-gap-6);
+  --row-gap-y: var(--o-gap-6);
+}
+@media (max-width: 1680px) {
+.o-brand-file[data-v-2630f96f] .o-row {
+    --row-gap-x: var(--o-gap-5);
+    --row-gap-y: var(--o-gap-5);
+}
+}
+@media (min-width: ) {
+.o-brand-file[data-v-2630f96f] .o-row {
+    --row-gap-x: var(--o-gap-4);
+    --row-gap-y: var(--o-gap-4);
+}
+}
+@media (max-width: 840px) {
+.o-brand-file[data-v-2630f96f] .o-row {
+    --row-gap-x: var(--o-gap-3);
+    --row-gap-y: var(--o-gap-3);
+}
+}
+.o-brand-file[data-v-2630f96f] .o-card {
+  --card-main-padding: var(--o-gap-5) var(--o-gap-5) var(--o-gap-4) var(--o-gap-5);
+  --card-content-gap: var(--o-gap-5);
+}
+@media (max-width: 1680px) {
+.o-brand-file[data-v-2630f96f] .o-card {
+    --card-main-padding: var(--o-gap-4) var(--o-gap-4) var(--o-gap-3) var(--o-gap-4);
+    --card-content-gap: var(--o-gap-4);
+}
+}
+@media (min-width: ) {
+.o-brand-file[data-v-2630f96f] .o-card {
+    --card-main-padding: var(--o-gap-3) var(--o-gap-3) var(--o-gap-2) var(--o-gap-3);
+    --card-content-gap: var(--o-gap-3);
+}
+}
+.o-brand-file[data-v-2630f96f] .o-card .o-card-cover {
+  --card-cover-padding: 0;
+}
+.o-brand-file[data-v-2630f96f] .o-card .o-card-cover .o-figure {
+  height: 266px;
+}
+@media (min-width: ) {
+.o-brand-file[data-v-2630f96f] .o-card .o-card-cover .o-figure {
+    height: 180px;
+}
+}
+.o-brand-file[data-v-2630f96f] .o-card .o-card-cover [data-o-theme*=dark] img {
+  filter: brightness(80%) grayscale(20%) contrast(1.2);
+}
+.o-brand-file .o-brand-file-btn[data-v-2630f96f] {
+  display: flex;
+  align-items: center;
+  gap: var(--o-gap-3) var(--o-gap-7);
+}

package/dist/treeshaking/components/brand/OBrandFile.vue.d.ts

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

package/dist/treeshaking/components/brand/OBrandFile.vue.mjs

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

package/dist/treeshaking/components/brand/OBrandFile.vue2.mjs

@@ -0,0 +1,70 @@
+import { defineComponent, openBlock, createElementBlock, createVNode, unref, withCtx, Fragment, renderList, createBlock, normalizeClass, createElementVNode, createTextVNode, toDisplayString } from "vue";
+import { ORow, OCol, OCard, OButton } from "@opensig/opendesign";
+import { useI18n } from "../../i18n/index.mjs";
+import { useBrandDownload } from "./utils.mjs";
+const _hoisted_1 = { class: "o-brand-file" };
+const _hoisted_2 = { class: "o-brand-file-btn" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OBrandFile",
+  props: {
+    list: { default: () => [] }
+  },
+  setup(__props) {
+    const props = __props;
+    const { t } = useI18n();
+    const { downloadByUrl } = useBrandDownload();
+    const getFilename = (item) => item.filename || item.file.split("/").pop() || item.title;
+    const downloadFile = (item) => {
+      downloadByUrl(item.file, getFilename(item));
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(ORow), null, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(props.list, (item, index) => {
+              return openBlock(), createBlock(unref(OCol), {
+                key: index,
+                flex: "0 1 33.33%",
+                laptop: { flex: "0 1 33.33%" },
+                pad: { flex: "0 1 33.33%" },
+                "pad-v": { flex: "0 1 50%" },
+                phone: { flex: "0 1 100%" }
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(OCard), {
+                    title: item.title,
+                    cover: item.cover,
+                    class: normalizeClass(["o-brand-file-card", item.coverClass])
+                  }, {
+                    default: withCtx(() => [
+                      createElementVNode("div", _hoisted_2, [
+                        createVNode(unref(OButton), {
+                          size: "large",
+                          color: "primary",
+                          variant: "outline",
+                          round: "pill",
+                          onClick: ($event) => downloadFile(item)
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(unref(t)("brand.download")), 1)
+                          ]),
+                          _: 1
+                        }, 8, ["onClick"])
+                      ])
+                    ]),
+                    _: 2
+                  }, 1032, ["title", "cover", "class"])
+                ]),
+                _: 2
+              }, 1024);
+            }), 128))
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/brand/OBrandLogo.css

@@ -0,0 +1,105 @@
+.hover-icon-rotate .o-icon[data-v-6db02a96] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-6db02a96] {
+    transform: rotate(-180deg);
+}
+}
+.o-brand-logo[data-v-6db02a96] .o-row {
+  --row-gap-x: var(--o-gap-6);
+  --row-gap-y: var(--o-gap-6);
+}
+@media (max-width: 1680px) {
+.o-brand-logo[data-v-6db02a96] .o-row {
+    --row-gap-x: var(--o-gap-5);
+    --row-gap-y: var(--o-gap-5);
+}
+}
+@media (min-width: ) {
+.o-brand-logo[data-v-6db02a96] .o-row {
+    --row-gap-x: var(--o-gap-4);
+    --row-gap-y: var(--o-gap-4);
+}
+}
+@media (max-width: 840px) {
+.o-brand-logo[data-v-6db02a96] .o-row {
+    --row-gap-x: var(--o-gap-3);
+    --row-gap-y: var(--o-gap-3);
+}
+}
+.o-brand-logo[data-v-6db02a96] .o-card {
+  --card-main-padding: var(--o-gap-5) var(--o-gap-5) var(--o-gap-4) var(--o-gap-5);
+  --card-content-gap: var(--o-gap-5);
+}
+@media (max-width: 1680px) {
+.o-brand-logo[data-v-6db02a96] .o-card {
+    --card-main-padding: var(--o-gap-4) var(--o-gap-4) var(--o-gap-3) var(--o-gap-4);
+    --card-content-gap: var(--o-gap-4);
+}
+}
+@media (min-width: ) {
+.o-brand-logo[data-v-6db02a96] .o-card {
+    --card-main-padding: var(--o-gap-3) var(--o-gap-3) var(--o-gap-2) var(--o-gap-3);
+    --card-content-gap: var(--o-gap-3);
+}
+}
+.o-brand-logo[data-v-6db02a96] .o-card.type-dark {
+  color: red;
+}
+.o-brand-logo[data-v-6db02a96] .o-card.type-dark .o-card-cover .o-figure {
+  background-color: rgb(43, 43, 47);
+}
+.o-brand-logo[data-v-6db02a96] .o-card .o-card-cover {
+  --card-cover-padding: var(--o-gap-5) var(--o-gap-5) 0;
+}
+@media (max-width: 1680px) {
+.o-brand-logo[data-v-6db02a96] .o-card .o-card-cover {
+    --card-cover-padding: var(--o-gap-4) var(--o-gap-4) 0;
+}
+}
+@media (min-width: ) {
+.o-brand-logo[data-v-6db02a96] .o-card .o-card-cover {
+    --card-cover-padding: var(--o-gap-3) var(--o-gap-3) 0;
+}
+}
+.o-brand-logo[data-v-6db02a96] .o-card .o-card-cover .o-figure {
+  height: 100px;
+  background-color: rgba(237, 237, 240, 0.9);
+  padding: var(--o-gap-4);
+}
+@media (max-width: 1680px) {
+.o-brand-logo[data-v-6db02a96] .o-card .o-card-cover .o-figure {
+    padding: var(--o-gap-3);
+}
+}
+@media (min-width: ) {
+.o-brand-logo[data-v-6db02a96] .o-card .o-card-cover .o-figure {
+    padding: var(--o-gap-2);
+}
+}
+.o-brand-logo[data-v-6db02a96] .o-card .o-card-cover .o-figure img {
+  height: 56px;
+}
+.o-brand-logo .o-brand-logo-btn[data-v-6db02a96] {
+  display: flex;
+  align-items: center;
+  gap: var(--o-gap-3) var(--o-gap-7);
+}
+.o-brand-logo .o-brand-logo-btn .o-btn:hover .o-icon[data-v-6db02a96], .o-brand-logo .o-brand-logo-btn .o-btn:active .o-icon[data-v-6db02a96] {
+  transform: rotate(180deg);
+}
+.o-brand-logo .o-brand-logo-btn .o-btn .o-icon[data-v-6db02a96] {
+  font-size: 24px;
+  transition: rotate var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (max-width: 1680px) {
+.o-brand-logo .o-brand-logo-btn .o-btn .o-icon[data-v-6db02a96] {
+    font-size: 20px;
+}
+}
+@media (max-width: 840px) {
+.o-brand-logo .o-brand-logo-btn .o-btn .o-icon[data-v-6db02a96] {
+    font-size: 24px;
+}
+}

package/dist/treeshaking/components/brand/OBrandLogo.vue.d.ts

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

package/dist/treeshaking/components/brand/OBrandLogo.vue.mjs

@@ -0,0 +1,8 @@
+import _sfc_main from "./OBrandLogo.vue2.mjs";
+import './OBrandLogo.css';
+import './OBrandLogo2.css';
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const _OBrandLogo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6db02a96"]]);
+export {
+  _OBrandLogo as default
+};

package/dist/treeshaking/components/brand/OBrandLogo.vue2.mjs

@@ -0,0 +1,120 @@
+import { defineComponent, openBlock, createElementBlock, createVNode, unref, withCtx, Fragment, renderList, createBlock, normalizeClass, createElementVNode, createTextVNode, toDisplayString } from "vue";
+import { ORow, OCol, OCard, ODropdown, OButton, OIcon, OIconChevronDown, ODropdownItem } from "@opensig/opendesign";
+import { useI18n } from "../../i18n/index.mjs";
+import { useBrandDownload } from "./utils.mjs";
+const _hoisted_1 = { class: "o-brand-logo" };
+const _hoisted_2 = { class: "o-brand-logo-btn" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OBrandLogo",
+  props: {
+    list: { default: () => [] },
+    formats: { default: () => ["JPG", "PNG", "SVG"] }
+  },
+  setup(__props) {
+    const props = __props;
+    const { t } = useI18n();
+    const { downloadByUrl } = useBrandDownload();
+    const resolveFormats = (item) => {
+      var _a;
+      if ((_a = item.formats) == null ? void 0 : _a.length) {
+        return item.formats;
+      }
+      return props.formats.map((label) => {
+        const url = item[label.toLowerCase()];
+        if (!url) {
+          return null;
+        }
+        return { label, url, filename: `${item.title}.${label.toLowerCase()}` };
+      }).filter((format) => format !== null);
+    };
+    const getCover = (item) => {
+      var _a, _b;
+      return item.cover || item.png || ((_b = (_a = item.formats) == null ? void 0 : _a[0]) == null ? void 0 : _b.url);
+    };
+    const downloadLogo = (item, format) => {
+      downloadByUrl(format.url, format.filename || `${item.title}.${format.label.toLowerCase()}`);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(ORow), null, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(props.list, (item, index) => {
+              return openBlock(), createBlock(unref(OCol), {
+                key: index,
+                flex: "0 1 33.33%",
+                laptop: { flex: "0 1 33.33%" },
+                pad: { flex: "0 1 33.33%" },
+                "pad-v": { flex: "0 1 50%" },
+                phone: { flex: "0 1 100%" }
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(OCard), {
+                    title: item.title,
+                    cover: getCover(item),
+                    "cover-fit": "contain",
+                    class: normalizeClass(["o-brand-logo-card", `type-${item.type}`])
+                  }, {
+                    default: withCtx(() => [
+                      createElementVNode("div", _hoisted_2, [
+                        createVNode(unref(ODropdown), {
+                          trigger: "hover",
+                          optionPosition: "bottom",
+                          optionWrapClass: "o-brand-logo-dropdown"
+                        }, {
+                          dropdown: withCtx(() => [
+                            (openBlock(true), createElementBlock(Fragment, null, renderList(resolveFormats(item), (format) => {
+                              return openBlock(), createBlock(unref(ODropdownItem), {
+                                key: format.label,
+                                size: "large",
+                                color: "primary",
+                                variant: "text",
+                                onClick: ($event) => downloadLogo(item, format)
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode(toDisplayString(unref(t)("brand.download")) + toDisplayString(format.label), 1)
+                                ]),
+                                _: 2
+                              }, 1032, ["onClick"]);
+                            }), 128))
+                          ]),
+                          default: withCtx(() => [
+                            createVNode(unref(OButton), {
+                              color: "primary",
+                              variant: "outline",
+                              size: "large",
+                              round: "pill"
+                            }, {
+                              suffix: withCtx(() => [
+                                createVNode(unref(OIcon), null, {
+                                  default: withCtx(() => [
+                                    createVNode(unref(OIconChevronDown))
+                                  ]),
+                                  _: 1
+                                })
+                              ]),
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(unref(t)("brand.download")) + " ", 1)
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ])
+                    ]),
+                    _: 2
+                  }, 1032, ["title", "cover", "class"])
+                ]),
+                _: 2
+              }, 1024);
+            }), 128))
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/brand/OBrandLogo2.css

@@ -0,0 +1,11 @@
+.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);
+}
+}
+.o-brand-logo-dropdown .o-dropdown-item {
+  --dropdown-item-justify: flex-start;
+}

package/dist/treeshaking/components/brand/OBrandStandard.css

@@ -0,0 +1,120 @@
+.hover-icon-rotate .o-icon[data-v-8570ed6e] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-8570ed6e] {
+    transform: rotate(-180deg);
+}
+}
+.o-brand-standard[data-v-8570ed6e] {
+  --card-main-padding: var(--o-gap-7) var(--o-gap-6);
+}
+@media (max-width: 1680px) {
+.o-brand-standard[data-v-8570ed6e] {
+    --card-main-padding: var(--o-gap-5);
+}
+}
+@media (min-width: ) {
+.o-brand-standard[data-v-8570ed6e] {
+    --card-main-padding: var(--o-gap-4);
+}
+}
+@media (max-width: 840px) {
+.o-brand-standard[data-v-8570ed6e] {
+    --card-main-padding: var(--o-gap-3);
+}
+}
+.o-brand-standard .o-brand-standard-content[data-v-8570ed6e] {
+  color: var(--o-color-info1);
+  font-weight: 400;
+  font-size: 18px;
+  line-height: 26px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-brand-standard .o-brand-standard-content[data-v-8570ed6e] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-brand-standard .o-brand-standard-content[data-v-8570ed6e] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-brand-standard .o-brand-standard-content[data-v-8570ed6e] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.o-brand-standard .o-brand-standard-content[data-v-8570ed6e] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+.o-brand-standard .o-brand-standard-content .o-brand-standard-line + .o-brand-standard-line[data-v-8570ed6e] {
+  margin-top: var(--o-gap-3);
+}
+@media (max-width: 1680px) {
+.o-brand-standard .o-brand-standard-content .o-brand-standard-line + .o-brand-standard-line[data-v-8570ed6e] {
+    margin-top: var(--o-gap-2);
+}
+}
+@media (max-width: 840px) {
+.o-brand-standard .o-brand-standard-content .o-brand-standard-line + .o-brand-standard-line[data-v-8570ed6e] {
+    margin-top: var(--o-gap-3);
+}
+}
+.o-brand-standard .o-brand-standard-content .o-brand-standard-line + .o-brand-standard-line.more-gap[data-v-8570ed6e] {
+  margin-top: var(--o-gap-4);
+}
+@media (max-width: 1680px) {
+.o-brand-standard .o-brand-standard-content .o-brand-standard-line + .o-brand-standard-line.more-gap[data-v-8570ed6e] {
+    margin-top: var(--o-gap-3);
+}
+}
+@media (min-width: ) {
+.o-brand-standard .o-brand-standard-content .o-brand-standard-line + .o-brand-standard-line.more-gap[data-v-8570ed6e] {
+    margin-top: var(--o-gap-2);
+}
+}
+.o-brand-standard .o-brand-standard-content .o-brand-standard-line.none-gap[data-v-8570ed6e] {
+  margin-top: 0;
+}
+.o-brand-standard .o-brand-standard-content .o-brand-standard-code[data-v-8570ed6e] {
+  display: inline-block;
+  width: 1em;
+}
+.o-brand-standard .o-brand-standard-content .o-brand-standard-strong[data-v-8570ed6e] {
+  font-weight: 500;
+}
+.o-brand-standard .o-brand-standard-img[data-v-8570ed6e] {
+  margin-top: var(--o-gap-5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+@media (max-width: 1680px) {
+.o-brand-standard .o-brand-standard-img[data-v-8570ed6e] {
+    margin-top: var(--o-gap-4);
+}
+}
+@media (min-width: ) {
+.o-brand-standard .o-brand-standard-img[data-v-8570ed6e] {
+    margin-top: var(--o-gap-3);
+}
+}
+.o-brand-standard .o-brand-standard-img .o-brand-standard-img-light[data-v-8570ed6e] {
+  display: block;
+}
+.o-brand-standard .o-brand-standard-img .o-brand-standard-img-dark[data-v-8570ed6e] {
+  display: none;
+}
+.o-brand-standard .o-brand-standard-img [data-o-theme*=dark] .o-brand-standard-img-light[data-v-8570ed6e] {
+  display: none;
+}
+.o-brand-standard .o-brand-standard-img [data-o-theme*=dark] .o-brand-standard-img-dark[data-v-8570ed6e] {
+  display: block;
+}

package/dist/treeshaking/components/brand/OBrandStandard.vue.d.ts

@@ -0,0 +1,3 @@
+import { BrandStandardPropsT } from './types';
+declare const _default: import('vue').DefineComponent<BrandStandardPropsT, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BrandStandardPropsT> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/treeshaking/components/brand/OBrandStandard.vue.mjs

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

package/dist/treeshaking/components/brand/OBrandStandard.vue2.mjs

@@ -0,0 +1,59 @@
+import { defineComponent, openBlock, createBlock, unref, withCtx, createElementVNode, createElementBlock, Fragment, renderList, normalizeClass, toDisplayString, createCommentVNode } from "vue";
+import { OCard, OFigure } from "@opensig/opendesign";
+const _hoisted_1 = { class: "o-brand-standard-content" };
+const _hoisted_2 = {
+  key: 0,
+  class: "o-brand-standard-code"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "o-brand-standard-strong"
+};
+const _hoisted_4 = { key: 2 };
+const _hoisted_5 = {
+  key: 0,
+  class: "o-brand-standard-img"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OBrandStandard",
+  props: {
+    item: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(OCard), { class: "o-brand-standard" }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(props.item.descs, (line, index) => {
+              return openBlock(), createElementBlock("div", {
+                key: index,
+                class: normalizeClass(["o-brand-standard-line", { "more-gap": line.gap === "more", "none-gap": line.gap === "none" }])
+              }, [
+                line.code ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(line.code), 1)) : createCommentVNode("", true),
+                line.titleText ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(line.titleText), 1)) : createCommentVNode("", true),
+                line.text ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(line.text), 1)) : createCommentVNode("", true)
+              ], 2);
+            }), 128))
+          ]),
+          props.item.image || props.item.imageDark ? (openBlock(), createElementBlock("div", _hoisted_5, [
+            props.item.image ? (openBlock(), createBlock(unref(OFigure), {
+              key: 0,
+              class: "o-brand-standard-img-light",
+              src: props.item.image
+            }, null, 8, ["src"])) : createCommentVNode("", true),
+            props.item.imageDark ? (openBlock(), createBlock(unref(OFigure), {
+              key: 1,
+              class: "o-brand-standard-img-dark",
+              src: props.item.imageDark
+            }, null, 8, ["src"])) : createCommentVNode("", true)
+          ])) : createCommentVNode("", true)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};