@opendesign-plus-test/components 0.0.1-rc.20 → 0.0.1-rc.200

package/dist/treeshaking/components/search/internal/SearchPanel.vue.d.ts

@@ -0,0 +1,100 @@
+import { OSearchRecommendItem } from '../types';
+export interface SearchPanelPropsT {
+    keyword?: string;
+    onestepItems?: OSearchRecommendItem[];
+    onestepTitle?: string;
+    suggestItems?: OSearchRecommendItem[];
+    suggestTitle?: string;
+    recommendItems?: string[];
+    historyItems?: string[];
+    historyTitle?: string;
+    hotItems?: string[];
+    hotTitle?: string;
+    noDataText?: string;
+    highlightKeyword?: boolean;
+    /** When true, show history+hot sections only if keyword is empty */
+    hideOnKeyword?: boolean;
+    /** When true, show suggest empty state ("no data") even when list is empty */
+    showSuggestEmpty?: boolean;
+    isDark?: boolean;
+    /** 'chips' = tag-cloud (header dropdown), 'list' = full-width rows (page search) */
+    historyLayout?: 'chips' | 'list';
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'onestep-header'?(_: {
+            items: OSearchRecommendItem[];
+        }): any;
+        'onestep-content'?(_: {
+            items: OSearchRecommendItem[];
+            keyword: string;
+        }): any;
+        'suggest-header'?(_: {
+            items: OSearchRecommendItem[];
+        }): any;
+        'suggest-content'?(_: {
+            items: OSearchRecommendItem[];
+            keyword: string;
+        }): any;
+        'recommend-header'?(_: {
+            items: string[];
+        }): any;
+        'recommend-content'?(_: {
+            items: string[];
+        }): any;
+        'history-header'?(_: {
+            items: string[];
+        }): any;
+        'history-content'?(_: {
+            items: string[];
+        }): any;
+        'hot-header'?(_: {
+            items: string[];
+        }): any;
+        'hot-content'?(_: {
+            items: string[];
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<SearchPanelPropsT, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "onestep-click": (item: OSearchRecommendItem) => any;
+    "suggest-click": (item: OSearchRecommendItem) => any;
+    "recommend-click": (val: string) => any;
+    "history-click": (val: string) => any;
+    "hot-click": (val: string) => any;
+    "history-remove": (val: string) => any;
+    "history-clear": () => any;
+    "hot-refresh": () => any;
+}, string, import('vue').PublicProps, Readonly<SearchPanelPropsT> & Readonly<{
+    "onOnestep-click"?: ((item: OSearchRecommendItem) => any) | undefined;
+    "onSuggest-click"?: ((item: OSearchRecommendItem) => any) | undefined;
+    "onRecommend-click"?: ((val: string) => any) | undefined;
+    "onHistory-click"?: ((val: string) => any) | undefined;
+    "onHot-click"?: ((val: string) => any) | undefined;
+    "onHistory-remove"?: ((val: string) => any) | undefined;
+    "onHistory-clear"?: (() => any) | undefined;
+    "onHot-refresh"?: (() => any) | undefined;
+}>, {
+    isDark: boolean;
+    keyword: string;
+    onestepItems: OSearchRecommendItem[];
+    suggestItems: OSearchRecommendItem[];
+    recommendItems: string[];
+    historyItems: string[];
+    hotItems: string[];
+    highlightKeyword: boolean;
+    hideOnKeyword: boolean;
+    showSuggestEmpty: boolean;
+    historyLayout: "chips" | "list";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/treeshaking/components/search/internal/SearchPanel.vue.mjs

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

package/dist/treeshaking/components/search/internal/SearchPanel.vue2.mjs

@@ -0,0 +1,255 @@
+import { defineComponent, computed, openBlock, createElementBlock, renderSlot, createElementVNode, toDisplayString, unref, Fragment, renderList, createVNode, createCommentVNode, createBlock, withModifiers, withCtx, normalizeClass } from "vue";
+import { OIcon } from "@opensig/opendesign";
+import IconDelete from "../../../_virtual/icon-delete-hover.mjs";
+import IconDeleteAll from "../../../_virtual/icon-delete.mjs";
+import IconRefresh from "../../../_virtual/icon-refresh.mjs";
+import HighlightText from "./HighlightText.vue.mjs";
+import { useI18n } from "../../../i18n/index.mjs";
+const _hoisted_1 = { class: "o-search-panel" };
+const _hoisted_2 = {
+  key: 0,
+  class: "o-search-panel-section o-search-panel-onestep"
+};
+const _hoisted_3 = { class: "o-search-panel-section-title onestep" };
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = {
+  key: 0,
+  class: "o-search-panel-onestep-tag"
+};
+const _hoisted_6 = {
+  key: 1,
+  class: "o-search-panel-divider"
+};
+const _hoisted_7 = {
+  key: 2,
+  class: "o-search-panel-section o-search-panel-suggest"
+};
+const _hoisted_8 = { class: "o-search-panel-section-title suggest" };
+const _hoisted_9 = ["onClick"];
+const _hoisted_10 = {
+  key: 1,
+  class: "o-search-panel-no-data"
+};
+const _hoisted_11 = {
+  key: 3,
+  class: "o-search-panel-divider"
+};
+const _hoisted_12 = {
+  key: 4,
+  class: "o-search-panel-section o-search-panel-recommend"
+};
+const _hoisted_13 = ["onClick"];
+const _hoisted_14 = {
+  key: 5,
+  class: "o-search-panel-divider"
+};
+const _hoisted_15 = {
+  key: 6,
+  class: "o-search-panel-section o-search-panel-history"
+};
+const _hoisted_16 = { class: "o-search-panel-common-header" };
+const _hoisted_17 = { class: "o-search-panel-section-title" };
+const _hoisted_18 = ["onClick"];
+const _hoisted_19 = { class: "o-search-panel-history-row-text" };
+const _hoisted_20 = {
+  key: 1,
+  class: "o-search-panel-history-list"
+};
+const _hoisted_21 = ["onClick"];
+const _hoisted_22 = { class: "o-search-panel-history-text" };
+const _hoisted_23 = {
+  key: 7,
+  class: "o-search-panel-divider"
+};
+const _hoisted_24 = {
+  key: 8,
+  class: "o-search-panel-section o-search-panel-hot"
+};
+const _hoisted_25 = { class: "o-search-panel-common-header" };
+const _hoisted_26 = { class: "o-search-panel-section-title" };
+const _hoisted_27 = { class: "o-search-panel-hot-list" };
+const _hoisted_28 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SearchPanel",
+  props: {
+    keyword: { default: "" },
+    onestepItems: { default: () => [] },
+    onestepTitle: {},
+    suggestItems: { default: () => [] },
+    suggestTitle: {},
+    recommendItems: { default: () => [] },
+    historyItems: { default: () => [] },
+    historyTitle: {},
+    hotItems: { default: () => [] },
+    hotTitle: {},
+    noDataText: {},
+    highlightKeyword: { type: Boolean, default: true },
+    hideOnKeyword: { type: Boolean, default: false },
+    showSuggestEmpty: { type: Boolean, default: false },
+    isDark: { type: Boolean, default: false },
+    historyLayout: { default: "chips" }
+  },
+  emits: ["onestep-click", "suggest-click", "recommend-click", "history-click", "hot-click", "history-remove", "history-clear", "hot-refresh"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { t } = useI18n();
+    const hasKeyword = computed(() => {
+      var _a;
+      return !!((_a = props.keyword) == null ? void 0 : _a.trim());
+    });
+    const showOnestep = computed(() => hasKeyword.value && props.onestepItems.length > 0);
+    const showSuggest = computed(() => hasKeyword.value && (props.suggestItems.length > 0 || props.showSuggestEmpty));
+    const showRecommend = computed(() => !hasKeyword.value && props.recommendItems.length > 0);
+    const showHistory = computed(() => (!props.hideOnKeyword || !hasKeyword.value) && props.historyItems.length > 0);
+    const showHot = computed(() => (!props.hideOnKeyword || !hasKeyword.value) && props.hotItems.length > 0);
+    const showSuggestDivider = computed(() => showOnestep.value && showSuggest.value);
+    const showSuggestRecommendDivider = computed(() => showSuggest.value && showRecommend.value);
+    const showRecommendHistoryDivider = computed(() => showRecommend.value && showHistory.value);
+    const showHistoryHotDivider = computed(() => showHistory.value && showHot.value);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        showOnestep.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          renderSlot(_ctx.$slots, "onestep-header", { items: __props.onestepItems }, () => [
+            createElementVNode("div", _hoisted_3, toDisplayString(__props.onestepTitle ?? unref(t)("search.onestep")), 1)
+          ], true),
+          renderSlot(_ctx.$slots, "onestep-content", {
+            items: __props.onestepItems,
+            keyword: __props.keyword
+          }, () => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.onestepItems, (item) => {
+              return openBlock(), createElementBlock("div", {
+                key: item.key + (item.path ?? ""),
+                class: "o-search-panel-item o-search-panel-onestep-item",
+                onClick: ($event) => emit("onestep-click", item)
+              }, [
+                createVNode(HighlightText, {
+                  text: item.key,
+                  keyword: __props.keyword,
+                  enabled: __props.highlightKeyword
+                }, null, 8, ["text", "keyword", "enabled"]),
+                item.type ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(item.type), 1)) : createCommentVNode("", true)
+              ], 8, _hoisted_4);
+            }), 128))
+          ], true)
+        ])) : createCommentVNode("", true),
+        showSuggestDivider.value ? (openBlock(), createElementBlock("div", _hoisted_6)) : createCommentVNode("", true),
+        showSuggest.value ? (openBlock(), createElementBlock("div", _hoisted_7, [
+          renderSlot(_ctx.$slots, "suggest-header", { items: __props.suggestItems }, () => [
+            createElementVNode("div", _hoisted_8, toDisplayString(__props.suggestTitle ?? unref(t)("search.suggest")), 1)
+          ], true),
+          renderSlot(_ctx.$slots, "suggest-content", {
+            items: __props.suggestItems,
+            keyword: __props.keyword
+          }, () => [
+            __props.suggestItems.length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.suggestItems, (item) => {
+              return openBlock(), createElementBlock("div", {
+                key: item.key,
+                class: "o-search-panel-item",
+                onClick: ($event) => emit("suggest-click", item)
+              }, [
+                createVNode(HighlightText, {
+                  text: item.key,
+                  keyword: __props.keyword,
+                  enabled: __props.highlightKeyword
+                }, null, 8, ["text", "keyword", "enabled"])
+              ], 8, _hoisted_9);
+            }), 128)) : (openBlock(), createElementBlock("div", _hoisted_10, toDisplayString(__props.noDataText ?? unref(t)("search.noData")), 1))
+          ], true)
+        ])) : createCommentVNode("", true),
+        showSuggestRecommendDivider.value ? (openBlock(), createElementBlock("div", _hoisted_11)) : createCommentVNode("", true),
+        showRecommend.value ? (openBlock(), createElementBlock("div", _hoisted_12, [
+          renderSlot(_ctx.$slots, "recommend-header", { items: __props.recommendItems }, void 0, true),
+          renderSlot(_ctx.$slots, "recommend-content", { items: __props.recommendItems }, () => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.recommendItems, (item) => {
+              return openBlock(), createElementBlock("div", {
+                key: item,
+                class: "o-search-panel-recommend-item",
+                onClick: ($event) => emit("recommend-click", item)
+              }, toDisplayString(item), 9, _hoisted_13);
+            }), 128))
+          ], true)
+        ])) : createCommentVNode("", true),
+        showRecommendHistoryDivider.value ? (openBlock(), createElementBlock("div", _hoisted_14)) : createCommentVNode("", true),
+        showHistory.value ? (openBlock(), createElementBlock("div", _hoisted_15, [
+          renderSlot(_ctx.$slots, "history-header", { items: __props.historyItems }, () => [
+            createElementVNode("div", _hoisted_16, [
+              createElementVNode("span", _hoisted_17, toDisplayString(__props.historyTitle ?? unref(t)("search.history")), 1),
+              __props.historyLayout !== "list" ? (openBlock(), createBlock(unref(OIcon), {
+                key: 0,
+                class: "o-search-panel-icon",
+                onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("history-clear"), ["stop"]))
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(IconDeleteAll))
+                ]),
+                _: 1
+              })) : createCommentVNode("", true)
+            ])
+          ], true),
+          renderSlot(_ctx.$slots, "history-content", { items: __props.historyItems }, () => [
+            __props.historyLayout === "list" ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.historyItems, (item) => {
+              return openBlock(), createElementBlock("div", {
+                key: item,
+                class: "o-search-panel-history-row",
+                onClick: ($event) => emit("history-click", item)
+              }, [
+                createElementVNode("span", _hoisted_19, toDisplayString(item), 1)
+              ], 8, _hoisted_18);
+            }), 128)) : (openBlock(), createElementBlock("div", _hoisted_20, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.historyItems, (item) => {
+                return openBlock(), createElementBlock("div", {
+                  key: item,
+                  class: normalizeClass(["o-search-panel-history-item", { "is-dark": __props.isDark }]),
+                  onClick: ($event) => emit("history-click", item)
+                }, [
+                  createElementVNode("span", _hoisted_22, toDisplayString(item), 1),
+                  createVNode(unref(OIcon), {
+                    class: "o-search-panel-history-remove",
+                    onClick: withModifiers(($event) => emit("history-remove", item), ["stop"])
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(IconDelete))
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"])
+                ], 10, _hoisted_21);
+              }), 128))
+            ]))
+          ], true)
+        ])) : createCommentVNode("", true),
+        showHistoryHotDivider.value ? (openBlock(), createElementBlock("div", _hoisted_23)) : createCommentVNode("", true),
+        showHot.value ? (openBlock(), createElementBlock("div", _hoisted_24, [
+          renderSlot(_ctx.$slots, "hot-header", { items: __props.hotItems }, () => [
+            createElementVNode("div", _hoisted_25, [
+              createElementVNode("div", _hoisted_26, toDisplayString(__props.hotTitle ?? unref(t)("search.hot")), 1),
+              createVNode(unref(OIcon), {
+                class: "o-search-panel-icon",
+                onClick: _cache[1] || (_cache[1] = withModifiers(($event) => emit("hot-refresh"), ["stop"]))
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(IconRefresh))
+                ]),
+                _: 1
+              })
+            ])
+          ], true),
+          renderSlot(_ctx.$slots, "hot-content", { items: __props.hotItems }, () => [
+            createElementVNode("div", _hoisted_27, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.hotItems, (item) => {
+                return openBlock(), createElementBlock("div", {
+                  key: item,
+                  class: "o-search-panel-hot-item",
+                  onClick: ($event) => emit("hot-click", item)
+                }, toDisplayString(item), 9, _hoisted_28);
+              }), 128))
+            ])
+          ], true)
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,20 @@
+export interface OSearchRecommendItem {
+    key: string;
+    path?: string;
+    type?: string;
+    count?: number;
+}
+export interface OSearchPayload {
+    keyword: string;
+    imageUrl?: string;
+}
+export interface OSearchImageUploadErrorPayload {
+    file: File;
+    error: unknown;
+}
+export type OSearchUploadImageFn = (file: File) => Promise<string>;
+export type OSearchItemClickType = 'history' | 'hot' | 'suggest' | 'onestep';
+export interface OSearchHighlightPart {
+    text: string;
+    match: boolean;
+}

package/dist/treeshaking/components/section/OSection.css

@@ -0,0 +1,173 @@
+.hover-icon-rotate .o-icon[data-v-dae37748] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-dae37748] {
+    transform: rotate(-180deg);
+}
+}
+.app-section[data-v-dae37748] {
+  --o-gap-section: var(--o-gap-7);
+}
+.app-section .section-wrapper[data-v-dae37748] {
+  margin: var(--o-gap-section) auto 0;
+}
+.app-section.is-full .section-body[data-v-dae37748] {
+  max-width: 100%;
+  width: 100%;
+  padding: 0;
+}
+.app-section:last-child .section-wrapper[data-v-dae37748] {
+  padding-bottom: var(--o-gap-section);
+}
+.app-section .section-header.is-left .section-title[data-v-dae37748],
+.app-section .section-header.is-left .section-subtitle[data-v-dae37748] {
+  justify-content: start;
+}
+.app-section .section-title[data-v-dae37748] {
+  max-width: var(--layout-content-max-width);
+  padding: 0 var(--layout-content-padding);
+  margin: 0 auto;
+  display: flex;
+  justify-content: center;
+  color: var(--o-color-info1);
+  text-align: center;
+  font-size: 40px;
+  line-height: 56px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.app-section .section-title[data-v-dae37748] {
+    font-size: 32px;
+    line-height: 44px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.app-section .section-title[data-v-dae37748] {
+    font-size: 24px;
+    line-height: 32px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.app-section .section-title[data-v-dae37748] {
+    font-size: 22px;
+    line-height: 30px;
+}
+}
+@media (max-width: 600px) {
+.app-section .section-title[data-v-dae37748] {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+.app-section .section-title[data-v-dae37748] {
+  font-weight: 500;
+}
+.app-section .section-subtitle[data-v-dae37748] {
+  max-width: var(--layout-content-max-width);
+  padding: 0 var(--layout-content-padding);
+  margin: 0 auto;
+  display: flex;
+  justify-content: center;
+  margin-top: 12px;
+  color: var(--o-color-info2);
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.app-section .section-subtitle[data-v-dae37748] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.app-section .section-subtitle[data-v-dae37748] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.app-section .section-subtitle[data-v-dae37748] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.app-section .section-subtitle[data-v-dae37748] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 1680px) {
+.app-section .section-subtitle[data-v-dae37748] {
+    margin-top: 8px;
+}
+}
+@media (max-width: 600px) {
+.app-section .section-subtitle[data-v-dae37748] {
+    margin-top: 12px;
+    text-align: center;
+}
+}
+.app-section .section-body[data-v-dae37748] {
+  max-width: var(--layout-content-max-width);
+  padding: 0 var(--layout-content-padding);
+  margin: 0 auto;
+  margin-top: var(--o-gap-7);
+}
+.app-section .section-footer[data-v-dae37748] {
+  max-width: var(--layout-content-max-width);
+  padding: 0 var(--layout-content-padding);
+  margin: 0 auto;
+  color: var(--o-color-info1);
+  display: flex;
+  justify-content: center;
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.app-section .section-footer[data-v-dae37748] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.app-section .section-footer[data-v-dae37748] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.app-section .section-footer[data-v-dae37748] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.app-section .section-footer[data-v-dae37748] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.app-section .section-footer[data-v-dae37748] {
+  margin-top: 32px;
+}
+.app-section .section-footer[data-v-dae37748] .o-btn {
+  border-radius: var(--btn-height);
+}
+@media (max-width: 1680px) {
+.app-section .section-footer[data-v-dae37748] {
+    margin-top: 16px;
+}
+}
+@media (max-width: 600px) {
+.app-section .section-footer[data-v-dae37748] {
+    margin-top: 12px;
+}
+}
+.app-section .section-footer:hover .footer-icon[data-v-dae37748] {
+  fill: var(--link-color-active);
+}
+.app-section .footer-icon[data-v-dae37748] {
+  font-size: 16px;
+  height: 24px;
+}

package/dist/{components → treeshaking/components/section}/OSection.vue.d.ts

@@ -1,4 +1,4 @@
-interface SectionPropsT {
+export interface SectionPropsT {
     title?: string | Array<string>;
     subtitle?: string;
     full?: boolean;
@@ -20,14 +20,14 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('../../vue/dist/vue.esm-bundler.js').DefineComponent<SectionPropsT, {}, {}, {}, {}, import('../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {}, string, import('../../vue/dist/vue.esm-bundler.js').PublicProps, Readonly<SectionPropsT> & Readonly<{}>, {
-    footer: string;
+declare const __VLS_component: import('vue').DefineComponent<SectionPropsT, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SectionPropsT> & Readonly<{}>, {
     title: string | Array<string>;
+    footer: string;
     subtitle: string;
     full: boolean;
     headerJustifyCenter: boolean;
     footerHref: string;
-}, {}, {}, {}, string, import('../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/treeshaking/components/section/OSection.vue.mjs

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

package/dist/treeshaking/components/section/OSection.vue2.mjs

@@ -0,0 +1,93 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, unref, Fragment, renderList, toDisplayString, createTextVNode, createCommentVNode, createVNode, withCtx } from "vue";
+import { isArray, OLink, OIcon } from "@opensig/opendesign";
+import IconRight from "../../_virtual/icon-chevron-right.mjs";
+const _hoisted_1 = { class: "section-wrapper" };
+const _hoisted_2 = {
+  key: 1,
+  class: "section-title"
+};
+const _hoisted_3 = {
+  key: 2,
+  class: "section-subtitle"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "section-body"
+};
+const _hoisted_5 = {
+  key: 2,
+  class: "section-footer"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OSection",
+  props: {
+    title: { default: void 0 },
+    subtitle: { default: void 0 },
+    full: { type: Boolean, default: false },
+    headerJustifyCenter: { type: Boolean, default: true },
+    footer: { default: void 0 },
+    footerHref: { default: void 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["app-section", { "is-full": props.full }])
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          renderSlot(_ctx.$slots, "main", {}, () => [
+            _ctx.$slots.header || props.title || props.subtitle ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass(["section-header", { "is-left": !props.headerJustifyCenter }])
+            }, [
+              renderSlot(_ctx.$slots, "header", {}, () => [
+                unref(isArray)(props.title) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(props.title, (item) => {
+                  return openBlock(), createElementBlock("h2", {
+                    key: item,
+                    class: "section-title"
+                  }, toDisplayString(item), 1);
+                }), 128)) : _ctx.$slots.title || props.title ? (openBlock(), createElementBlock("h2", _hoisted_2, [
+                  renderSlot(_ctx.$slots, "title", {}, () => [
+                    createTextVNode(toDisplayString(props.title), 1)
+                  ], true)
+                ])) : createCommentVNode("", true),
+                _ctx.$slots.subtitle || props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_3, [
+                  renderSlot(_ctx.$slots, "subtitle", {}, () => [
+                    createTextVNode(toDisplayString(props.subtitle), 1)
+                  ], true)
+                ])) : createCommentVNode("", true)
+              ], true)
+            ], 2)) : createCommentVNode("", true),
+            _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_4, [
+              renderSlot(_ctx.$slots, "default", {}, void 0, true)
+            ])) : createCommentVNode("", true),
+            _ctx.$slots.footer || props.footer ? (openBlock(), createElementBlock("div", _hoisted_5, [
+              renderSlot(_ctx.$slots, "footer", {}, () => [
+                createVNode(unref(OLink), {
+                  href: props.footerHref,
+                  target: "_blank"
+                }, {
+                  suffix: withCtx(() => [
+                    createVNode(unref(OIcon), { class: "footer-icon" }, {
+                      default: withCtx(() => [
+                        createVNode(unref(IconRight))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(props.footer) + " ", 1)
+                  ]),
+                  _: 1
+                }, 8, ["href"])
+              ], true)
+            ])) : createCommentVNode("", true)
+          ], true)
+        ])
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};