@opendesign-plus-test/components 0.0.1-rc.64 → 0.0.1-rc.66

package/dist/esm/components/header-search/OHeaderSearch.vue2.mjs

@@ -0,0 +1,326 @@
+import { defineComponent as ye, computed as k, ref as I, toRef as H, watch as ve, openBlock as w, createElementBlock as P, normalizeClass as B, createElementVNode as N, createBlock as q, unref as p, withCtx as r, createVNode as U, createCommentVNode as T, createSlots as A, renderSlot as i, normalizeProps as d, guardReactiveProps as u, toDisplayString as ke, Transition as Ie } from "vue";
+import { OIcon as L } from "@opensig/opendesign";
+import { useDebounceFn as we, onClickOutside as Ue } from "@vueuse/core";
+import { useScreen as be } from "@opendesign-plus/composables";
+import Se from "../search/internal/SearchImageInput.vue.mjs";
+import $e from "../search/internal/SearchPanel.vue.mjs";
+import { useSearchHistory as Ce } from "../search/composables/useSearchHistory.mjs";
+import { useI18n as He } from "../../i18n/index.mjs";
+import Be from "../../icons/icon-header-search.mjs";
+import Te from "../../icons/icon-header-back.mjs";
+const Re = {
+  key: 0,
+  class: "o-header-search-drawer"
+}, Ne = /* @__PURE__ */ ye({
+  __name: "OHeaderSearch",
+  props: {
+    modelValue: { default: "" },
+    placeholder: {},
+    expandedPlaceholder: {},
+    expandDirection: { default: "left" },
+    clearable: { type: Boolean, default: !0 },
+    historyItems: { default: () => [] },
+    maxHistoryCount: { default: 6 },
+    storeHistory: { type: Boolean, default: !1 },
+    historyTitle: {},
+    storageKey: { default: "search-history" },
+    hotItems: { default: () => [] },
+    hotTitle: {},
+    recommendItems: { default: () => [] },
+    searchUrl: {},
+    searchUrlOpenBlank: { type: Boolean, default: !0 },
+    searchTextMobile: {},
+    imagePlaceholder: {},
+    enableImageSearch: { type: Boolean, default: !1 },
+    imageUrl: { default: "" },
+    uploadImage: {},
+    maxImageSize: { default: 10 * 1024 * 1024 },
+    imageUploadTooltip: {},
+    suggestItems: { default: () => [] },
+    onestepItems: { default: () => [] },
+    suggestTitle: {},
+    onestepTitle: {},
+    noDataText: {},
+    highlightKeyword: { type: Boolean, default: !0 },
+    debounce: { default: 300 },
+    autoSaveHistory: { type: Boolean, default: !0 },
+    showSuggestEmpty: { type: Boolean, default: !0 },
+    allowedImageTypes: {},
+    mobile: { type: Boolean }
+  },
+  emits: ["update:modelValue", "update:historyItems", "update:imageUrl", "focus", "blur", "input", "clear", "search", "recommend-click", "onestep-click", "history-click", "hot-click", "hot-refresh", "delete-history", "delete-history-item", "image-upload-start", "image-upload-success", "image-upload-error", "image-validate-error"],
+  setup(o, { expose: j, emit: G }) {
+    const s = o, l = G, { lePadV: J } = be(), { t: v } = He(), m = k(() => s.mobile === !0 || J.value), D = I(null), c = I(), n = I(!1), b = I(!1), S = I(""), O = k(() => !!s.imageUrl || b.value), g = k({
+      get: () => s.modelValue,
+      set: (e) => l("update:modelValue", e)
+    }), Q = H(s, "historyItems"), W = H(s, "storageKey"), X = H(s, "storeHistory"), Y = H(s, "maxHistoryCount"), y = Ce({
+      initial: Q,
+      storageKey: W,
+      storeHistory: X,
+      maxHistoryCount: Y,
+      onChange: (e) => l("update:historyItems", e)
+    }), Z = k(() => s.imageUrl ? s.imagePlaceholder ?? v("search.extendedPlaceholder") : n.value && s.enableImageSearch ? s.imagePlaceholder ?? v("search.imagePlaceholder") : n.value ? s.expandedPlaceholder ?? v("search.expandedPlaceholder") : s.placeholder ?? v("search.placeholder")), _ = we((e) => l("input", e), () => s.debounce);
+    ve(g, (e) => _(e)), Ue(D, () => {
+      m.value || x();
+    });
+    const R = () => {
+      n.value = !0;
+    }, x = () => {
+      m.value || (n.value = !1);
+    }, ee = () => {
+      R(), l("focus");
+    }, te = () => {
+      l("blur");
+    }, f = async (e) => {
+      var h, z, E, K, $, M, C, F;
+      (z = (h = c.value) == null ? void 0 : h.getIsUploading) != null && z.call(h) && await ((K = (E = c.value).awaitUpload) == null ? void 0 : K.call(E));
+      const a = e !== void 0 ? e.trim() : g.value.trim(), t = S.value || ((M = ($ = c.value) == null ? void 0 : $.getUploadedUrl) == null ? void 0 : M.call($)) || s.imageUrl;
+      if (!(!a && !t) && (s.autoSaveHistory && a && y.push(a), l("search", { keyword: a, imageUrl: t || void 0 }), (F = (C = c.value) == null ? void 0 : C.blur) == null || F.call(C), n.value = !1, s.searchUrl)) {
+        const V = new URLSearchParams();
+        a && V.set("q", a), t && V.set("imageUrl", t);
+        const fe = s.searchUrl.includes("?") ? "&" : "?", pe = `${s.searchUrl}${fe}${V.toString()}`;
+        typeof window < "u" && window.open(pe, s.searchUrlOpenBlank ? "_blank" : "_self", s.searchUrlOpenBlank ? "noopener,noreferrer" : "");
+      }
+    }, oe = () => {
+      var e, a;
+      g.value = "", l("clear"), (a = (e = c.value) == null ? void 0 : e.focus) == null || a.call(e);
+    }, ae = (e) => {
+      l("recommend-click", e), g.value = e.key, f(e.key ?? "");
+    }, le = (e) => {
+      l("recommend-click", e), f(e);
+    }, se = (e) => {
+      l("onestep-click", e), e.path && typeof window < "u" && window.open(e.path, "_blank", "noopener,noreferrer");
+    }, re = (e) => {
+      l("history-click", e), f(e);
+    }, ne = (e) => {
+      l("hot-click", e), f(e);
+    }, ie = (e) => {
+      y.remove(e), l("delete-history-item", e);
+    }, de = () => {
+      const e = [...y.items.value];
+      y.clearAll(), l("delete-history", e);
+    }, ue = () => {
+      g.value = "", b.value = !1, l("update:imageUrl", ""), n.value = !1;
+    }, me = (e) => {
+      b.value = !0, S.value = "", l("image-upload-start", e);
+    }, ce = (e, a) => {
+      S.value = e, l("update:imageUrl", e), l("image-upload-success", e, a);
+    }, he = () => {
+      b.value = !1, S.value = "", l("update:imageUrl", "");
+    }, ge = k(() => !(!n.value || O.value));
+    return j({
+      focus: () => {
+        var e, a;
+        return (a = (e = c.value) == null ? void 0 : e.focus) == null ? void 0 : a.call(e);
+      },
+      blur: () => {
+        var e, a;
+        return (a = (e = c.value) == null ? void 0 : e.blur) == null ? void 0 : a.call(e);
+      },
+      open: R,
+      close: x,
+      search: f
+    }), (e, a) => (w(), P("div", {
+      class: B(["o-header-search", { "is-mobile-mode": m.value }])
+    }, [
+      N("div", {
+        ref_key: "wrapperRef",
+        ref: D,
+        class: B(["o-header-search-pos", {
+          "is-pc": !m.value,
+          "is-mobile": m.value,
+          "is-left": o.expandDirection === "left",
+          "is-right": o.expandDirection === "right",
+          "is-focus": n.value
+        }])
+      }, [
+        N("div", {
+          class: B(["o-header-search-row", { "is-focus": n.value }])
+        }, [
+          m.value && n.value ? (w(), q(p(L), {
+            key: 0,
+            class: "o-header-search-back-icon",
+            onClick: ue
+          }, {
+            default: r(() => [
+              U(p(Te))
+            ]),
+            _: 1
+          })) : T("", !0),
+          U(Se, {
+            ref_key: "inputRef",
+            ref: c,
+            modelValue: g.value,
+            "onUpdate:modelValue": a[0] || (a[0] = (t) => g.value = t),
+            "image-url": o.imageUrl,
+            placeholder: Z.value,
+            "enable-image-search": o.enableImageSearch,
+            "upload-image": o.uploadImage,
+            "max-image-size": o.maxImageSize,
+            "image-upload-tooltip": o.imageUploadTooltip,
+            clearable: o.clearable && n.value,
+            expanded: n.value && O.value,
+            "allowed-image-types": o.allowedImageTypes,
+            size: "medium",
+            class: B(["o-header-search-input", { "is-collapsed": !n.value }]),
+            "onUpdate:imageUrl": a[1] || (a[1] = (t) => l("update:imageUrl", t)),
+            onFocus: ee,
+            onBlur: te,
+            onEnter: f,
+            onClear: oe,
+            onImageClear: he,
+            onImageUploadStart: me,
+            onImageUploadSuccess: ce,
+            onImageUploadError: a[2] || (a[2] = (t, h) => l("image-upload-error", t, h)),
+            onImageValidateError: a[3] || (a[3] = (t, h) => l("image-validate-error", t, h))
+          }, A({
+            prefix: r(() => [
+              i(e.$slots, "input-prefix", {}, void 0, !0)
+            ]),
+            suffix: r((t) => [
+              i(e.$slots, "input-suffix", d(u(t)), void 0, !0)
+            ]),
+            _: 2
+          }, [
+            e.$slots["image-preview"] ? {
+              name: "preview",
+              fn: r((t) => [
+                i(e.$slots, "image-preview", d(u(t)), void 0, !0)
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["modelValue", "image-url", "placeholder", "enable-image-search", "upload-image", "max-image-size", "image-upload-tooltip", "clearable", "expanded", "allowed-image-types", "class"]),
+          m.value && n.value ? (w(), P("span", {
+            key: 1,
+            class: "o-header-search-text",
+            onClick: f
+          }, ke(o.searchTextMobile ?? p(v)("search")), 1)) : T("", !0)
+        ], 2),
+        U(Ie, { name: "o-header-search-drawer" }, {
+          default: r(() => [
+            ge.value ? (w(), P("div", Re, [
+              i(e.$slots, "drawer", {
+                recommendItems: o.recommendItems,
+                historyItems: p(y).items.value,
+                hotItems: o.hotItems,
+                suggestItems: o.suggestItems,
+                onestepItems: o.onestepItems,
+                keyword: o.modelValue
+              }, () => [
+                U($e, {
+                  keyword: o.modelValue,
+                  "onestep-items": o.onestepItems,
+                  "onestep-title": o.onestepTitle,
+                  "suggest-items": o.suggestItems,
+                  "suggest-title": o.suggestTitle,
+                  "recommend-items": o.recommendItems,
+                  "history-items": p(y).items.value,
+                  "history-title": o.historyTitle,
+                  "hot-items": o.hotItems,
+                  "hot-title": o.hotTitle,
+                  "no-data-text": o.noDataText,
+                  "highlight-keyword": o.highlightKeyword,
+                  "hide-on-keyword": !0,
+                  "show-suggest-empty": o.showSuggestEmpty,
+                  onOnestepClick: se,
+                  onSuggestClick: ae,
+                  onRecommendClick: le,
+                  onHistoryClick: re,
+                  onHistoryRemove: ie,
+                  onHistoryClear: de,
+                  onHotClick: ne,
+                  onHotRefresh: a[4] || (a[4] = (t) => l("hot-refresh"))
+                }, A({ _: 2 }, [
+                  e.$slots["recommend-header"] ? {
+                    name: "recommend-header",
+                    fn: r((t) => [
+                      i(e.$slots, "recommend-header", d(u(t)), void 0, !0)
+                    ]),
+                    key: "0"
+                  } : void 0,
+                  e.$slots["recommend-content"] ? {
+                    name: "recommend-content",
+                    fn: r((t) => [
+                      i(e.$slots, "recommend-content", d(u(t)), void 0, !0)
+                    ]),
+                    key: "1"
+                  } : void 0,
+                  e.$slots["onestep-header"] ? {
+                    name: "onestep-header",
+                    fn: r((t) => [
+                      i(e.$slots, "onestep-header", d(u(t)), void 0, !0)
+                    ]),
+                    key: "2"
+                  } : void 0,
+                  e.$slots["onestep-content"] ? {
+                    name: "onestep-content",
+                    fn: r((t) => [
+                      i(e.$slots, "onestep-content", d(u(t)), void 0, !0)
+                    ]),
+                    key: "3"
+                  } : void 0,
+                  e.$slots["suggest-header"] ? {
+                    name: "suggest-header",
+                    fn: r((t) => [
+                      i(e.$slots, "suggest-header", d(u(t)), void 0, !0)
+                    ]),
+                    key: "4"
+                  } : void 0,
+                  e.$slots["suggest-content"] ? {
+                    name: "suggest-content",
+                    fn: r((t) => [
+                      i(e.$slots, "suggest-content", d(u(t)), void 0, !0)
+                    ]),
+                    key: "5"
+                  } : void 0,
+                  e.$slots["history-header"] ? {
+                    name: "history-header",
+                    fn: r((t) => [
+                      i(e.$slots, "history-header", d(u(t)), void 0, !0)
+                    ]),
+                    key: "6"
+                  } : void 0,
+                  e.$slots["history-content"] ? {
+                    name: "history-content",
+                    fn: r((t) => [
+                      i(e.$slots, "history-content", d(u(t)), void 0, !0)
+                    ]),
+                    key: "7"
+                  } : void 0,
+                  e.$slots["hot-header"] ? {
+                    name: "hot-header",
+                    fn: r((t) => [
+                      i(e.$slots, "hot-header", d(u(t)), void 0, !0)
+                    ]),
+                    key: "8"
+                  } : void 0,
+                  e.$slots["hot-content"] ? {
+                    name: "hot-content",
+                    fn: r((t) => [
+                      i(e.$slots, "hot-content", d(u(t)), void 0, !0)
+                    ]),
+                    key: "9"
+                  } : void 0
+                ]), 1032, ["keyword", "onestep-items", "onestep-title", "suggest-items", "suggest-title", "recommend-items", "history-items", "history-title", "hot-items", "hot-title", "no-data-text", "highlight-keyword", "show-suggest-empty"])
+              ], !0)
+            ])) : T("", !0)
+          ]),
+          _: 3
+        })
+      ], 2),
+      m.value ? (w(), q(p(L), {
+        key: 0,
+        class: "o-header-search-mobile-icon",
+        onClick: R
+      }, {
+        default: r(() => [
+          U(p(Be))
+        ]),
+        _: 1
+      })) : T("", !0)
+    ], 2));
+  }
+});
+export {
+  Ne as default
+};

package/dist/esm/components/header-search/index.mjs

@@ -0,0 +1,9 @@
+import e from "./OHeaderSearch.vue.mjs";
+const c = Object.assign(e, {
+  install(r) {
+    r.component("OHeaderSearch", e);
+  }
+});
+export {
+  c as OHeaderSearch
+};

package/dist/esm/components/header-source-code/OHeaderSourceCode.css

@@ -0,0 +1,133 @@
+.hover-icon-rotate .o-icon[data-v-0c07bf67] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-0c07bf67] {
+    transform: rotate(-180deg);
+}
+}
+.source-code[data-v-0c07bf67] {
+  height: 100%;
+  display: flex;
+  align-items: center;
+}
+.source-code .info-wrap[data-v-0c07bf67] {
+  height: 100%;
+  display: flex;
+  align-items: center;
+  color: var(--o-color-info1);
+  cursor: pointer;
+}
+@media (hover: hover) {
+.source-code .info-wrap[data-v-0c07bf67]:hover {
+    color: var(--o-color-primary1);
+}
+}
+.source-code .info-wrap .title[data-v-0c07bf67] {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  height: 100%;
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.source-code .info-wrap .title[data-v-0c07bf67] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.source-code .info-wrap .title[data-v-0c07bf67] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.source-code .info-wrap .title[data-v-0c07bf67] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.source-code .info-wrap .title[data-v-0c07bf67] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.source-code .list[data-v-0c07bf67] {
+  background: var(--o-color-fill2);
+  cursor: pointer;
+  box-shadow: var(--o-shadow-1);
+  border-radius: var(--o-radius_control-xs);
+  padding: var(--o-gap-1);
+  width: 144px;
+}
+.hover-icon-rotate .o-icon[data-v-0c07bf67] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-0c07bf67] {
+    transform: rotate(-180deg);
+}
+}
+.icon[data-v-0c07bf67] {
+  font-size: var(--o-icon_size_control-xs);
+  margin-left: var(--o-gap-1);
+}
+.o-dropdown[data-v-0c07bf67] {
+  height: 100%;
+}
+.dropdown-active .info-wrap[data-v-0c07bf67] {
+  color: var(--o-color-primary1);
+}
+.dropdown-active .o-icon[data-v-0c07bf67] {
+  transform: rotate(-180deg);
+}
+.o-dropdown-item[data-v-0c07bf67] {
+  background: var(--o-color-fill2);
+  cursor: pointer;
+  border-radius: var(--o-radius_control-xs);
+  padding: var(--o-gap-1) 12px;
+  min-width: 144px;
+  height: 32px;
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-dropdown-item[data-v-0c07bf67] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-dropdown-item[data-v-0c07bf67] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-dropdown-item[data-v-0c07bf67] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.o-dropdown-item[data-v-0c07bf67] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (hover: hover) {
+.o-dropdown-item[data-v-0c07bf67]:hover {
+    background: var(--o-color-control2-light);
+}
+}
+.o-dropdown-item[data-v-0c07bf67]:active {
+  color: var(--o-color-primary1);
+  background: var(--o-color-control3-light);
+  font-weight: 600;
+}
+.dropdown[data-v-0c07bf67] {
+  --dropdown-list-radius: var(--o-radius-xs);
+}

package/dist/esm/components/header-source-code/OHeaderSourceCode.vue.mjs

@@ -0,0 +1,7 @@
+import o from "./OHeaderSourceCode.vue2.mjs";
+import './OHeaderSourceCode.css';
+import r from "../../_plugin-vue_export-helper.mjs";
+const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-0c07bf67"]]);
+export {
+  a as default
+};

package/dist/esm/components/header-source-code/OHeaderSourceCode.vue2.mjs

@@ -0,0 +1,78 @@
+import { defineComponent as C, ref as g, openBlock as t, createElementBlock as l, createElementVNode as a, toDisplayString as c, createBlock as i, unref as r, withCtx as s, resolveDynamicComponent as h, createCommentVNode as w, normalizeClass as k, createVNode as v, Fragment as p, renderList as b, normalizeStyle as V, createTextVNode as D } from "vue";
+import { OIcon as d, ODropdown as x, ODropdownItem as N } from "@opensig/opendesign";
+import O from "../../icons/icon-chevron-down.mjs";
+const j = { class: "source-code" }, B = { class: "title" }, I = { class: "info-wrap hover-icon-rotate" }, S = { class: "title" }, F = /* @__PURE__ */ C({
+  __name: "OHeaderSourceCode",
+  props: {
+    title: {},
+    options: {},
+    href: {},
+    target: {},
+    icon: {},
+    justify: { default: "center" }
+  },
+  setup(e) {
+    const f = (o) => {
+      window.open(o.href, o.target ? o.target : "_blank");
+    }, u = g(!1), y = (o) => {
+      u.value = o;
+    };
+    return (o, m) => (t(), l("div", j, [
+      e.href ? (t(), l("div", {
+        key: 0,
+        class: "info-wrap",
+        onClick: m[0] || (m[0] = (n) => f({ href: e.href, target: e.target }))
+      }, [
+        a("span", B, c(e.title), 1),
+        e.icon ? (t(), i(r(d), { key: 0 }, {
+          default: s(() => [
+            (t(), i(h(e.icon), { class: "icon" }))
+          ]),
+          _: 1
+        })) : w("", !0)
+      ])) : (t(), i(r(x), {
+        key: 1,
+        trigger: "hover",
+        optionPosition: "bottom",
+        "option-wrap-class": "dropdown",
+        class: k({ "dropdown-active": u.value }),
+        onVisibleChange: y
+      }, {
+        dropdown: s(() => [
+          (t(!0), l(p, null, b(e.options, (n) => (t(), i(r(N), {
+            onClick: (z) => f(n),
+            key: n.href,
+            class: "list",
+            style: V({ "--dropdown-item-justify": e.justify })
+          }, {
+            default: s(() => [
+              D(c(n.label) + " ", 1),
+              n.icon ? (t(), i(r(d), { key: 0 }, {
+                default: s(() => [
+                  (t(), i(h(n.icon), { class: "icon" }))
+                ]),
+                _: 2
+              }, 1024)) : w("", !0)
+            ]),
+            _: 2
+          }, 1032, ["onClick", "style"]))), 128))
+        ]),
+        default: s(() => [
+          a("div", I, [
+            a("span", S, c(e.title), 1),
+            v(r(d), { class: "icon" }, {
+              default: s(() => [
+                v(r(O))
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      }, 8, ["class"]))
+    ]));
+  }
+});
+export {
+  F as default
+};

package/dist/esm/components/header-source-code/index.mjs

@@ -0,0 +1,9 @@
+import e from "./OHeaderSourceCode.vue.mjs";
+const c = Object.assign(e, {
+  install(o) {
+    o.component("OHeaderSourceCode", e);
+  }
+});
+export {
+  c as OHeaderSourceCode
+};

package/dist/esm/components/header-theme/OHeaderTheme.css

@@ -0,0 +1,48 @@
+.hover-icon-rotate .o-icon[data-v-6209ad5c] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-6209ad5c] {
+    transform: rotate(-180deg);
+}
+}
+.o-theme-switcher-common[data-v-6209ad5c] {
+  display: flex;
+  align-items: center;
+  width: var(--o-icon_size-m);
+  height: var(--o-icon_size-m);
+  font-size: var(--o-icon_size-m);
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-theme-switcher-common[data-v-6209ad5c] {
+    width: var(--o-icon_size-s);
+    height: var(--o-icon_size-s);
+    font-size: var(--o-icon_size-s);
+}
+}
+.o-theme-switcher-common[data-v-6209ad5c]:not(.disabled) {
+  cursor: pointer;
+}
+.o-theme-switcher-common:not(.disabled) .o-theme-icon[data-v-6209ad5c] {
+  color: var(--o-color-info2);
+}
+@media (hover: hover) {
+.o-theme-switcher-common:not(.disabled) .o-theme-icon[data-v-6209ad5c]:hover {
+    color: var(--o-color-primary2);
+    background-color: var(--o-color-control2-light);
+    border-radius: var(--o-radius-xs);
+}
+}
+.o-theme-switcher-common:not(.disabled) .o-theme-icon[data-v-6209ad5c]:active {
+  color: var(--o-color-primary3);
+}
+.o-theme-switcher-common.disabled[data-v-6209ad5c] {
+  cursor: not-allowed;
+}
+.o-theme-switcher-common.disabled .o-theme-icon[data-v-6209ad5c] {
+  color: var(--o-color-info4);
+}
+.o-theme-switcher-mobile .o-theme-switch[data-v-6209ad5c] {
+  --switch-handler-color: var(--o-color-white);
+  --switch-color: var(--o-color-info4);
+}

package/dist/esm/components/header-theme/OHeaderTheme.vue.mjs

@@ -0,0 +1,7 @@
+import o from "./OHeaderTheme.vue2.mjs";
+import './OHeaderTheme.css';
+import e from "../../_plugin-vue_export-helper.mjs";
+const m = /* @__PURE__ */ e(o, [["__scopeId", "data-v-6209ad5c"]]);
+export {
+  m as default
+};