@opendesign-plus-test/components 0.0.1-rc.22 → 0.0.1-rc.221

package/dist/treeshaking/components/common/WordAvatar.vue.mjs

@@ -0,0 +1,84 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, normalizeClass, toDisplayString } from "vue";
+const _hoisted_1 = ["src"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WordAvatar",
+  props: {
+    name: {
+      type: String,
+      default: "",
+      required: true
+    },
+    // mini： 16 small： 24， medium： 40， large： 64
+    size: {
+      type: String,
+      default: "medium"
+    },
+    // 大小尺寸自定义，单位px
+    customSize: {
+      type: Number,
+      default: 0
+    },
+    variant: {
+      type: String,
+      default: "round"
+    },
+    src: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const bgColorArr = ["#058EF0", "#FA7305", "#03B5A5"];
+    const avatarText = computed(() => {
+      var _a;
+      return (_a = props.name) == null ? void 0 : _a.charAt(0).toUpperCase();
+    });
+    const getAvatarStyle = computed(() => {
+      var _a;
+      const avatarStyle = {
+        "background-color": "",
+        width: "40px",
+        height: "40px",
+        "font-size": "20px"
+      };
+      avatarStyle["background-color"] = props.name ? bgColorArr[((_a = props.name) == null ? void 0 : _a.length) % bgColorArr.length] : "transparent";
+      let sizeNum = 0;
+      if (props.customSize) {
+        sizeNum = Number(props.customSize);
+      } else {
+        const sizeToNum = {
+          mini: 16,
+          small: 24,
+          medium: 40,
+          large: 64
+        };
+        sizeNum = sizeToNum[props.size];
+      }
+      avatarStyle.height = `${sizeNum}px`;
+      avatarStyle.width = `${sizeNum}px`;
+      avatarStyle["font-size"] = `${sizeNum / 2}px`;
+      return avatarStyle;
+    });
+    const getImgStyle = computed(() => ({
+      width: getAvatarStyle.value.width,
+      height: getAvatarStyle.value.height
+    }));
+    return (_ctx, _cache) => {
+      return __props.src ? (openBlock(), createElementBlock("img", {
+        key: 0,
+        src: __props.src,
+        class: normalizeClass(["o-word-avatar", `o-word-avatar-${__props.variant}`]),
+        style: normalizeStyle(getImgStyle.value),
+        alt: ""
+      }, null, 14, _hoisted_1)) : (openBlock(), createElementBlock("div", {
+        key: 1,
+        class: normalizeClass(["o-word-avatar", `o-word-avatar-${__props.variant}`]),
+        style: normalizeStyle(getAvatarStyle.value)
+      }, toDisplayString(avatarText.value), 7));
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/common/WordAvatar.vue3.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from "./WordAvatar.vue.mjs";
+import './WordAvatar.css';
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/config-provider/OPlusConfigProvider.vue.d.ts

@@ -0,0 +1,25 @@
+export interface OPlusConfigProviderPropsT {
+    locale?: string;
+    theme?: 'light' | 'dark';
+    emptyImg?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<OPlusConfigProviderPropsT, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<OPlusConfigProviderPropsT> & Readonly<{}>, {
+    locale: string;
+    theme: "light" | "dark";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+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/config-provider/OPlusConfigProvider.vue.mjs

@@ -0,0 +1,35 @@
+import { defineComponent, computed, unref, provide, openBlock, createBlock, withCtx, renderSlot } from "vue";
+import { OConfigProvider } from "@opensig/opendesign";
+import zhCN from "@opensig/opendesign/es/locale/lang/zh-cn";
+import enUS from "@opensig/opendesign/es/locale/lang/en-us";
+import { configProviderInjectKey } from "../../shared/provide.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OPlusConfigProvider",
+  props: {
+    locale: { default: "zh" },
+    theme: { default: "light" },
+    emptyImg: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const globalConfig = {
+      locale: computed(() => unref(props.locale)),
+      theme: computed(() => unref(props.theme)),
+      emptyImg: computed(() => unref(props.emptyImg))
+    };
+    provide(configProviderInjectKey, globalConfig);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(OConfigProvider), {
+        locale: __props.locale === "zh" ? unref(zhCN) : unref(enUS)
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["locale"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/config-provider/OPlusConfigProvider.vue2.mjs

@@ -0,0 +1,4 @@
+import _sfc_main from "./OPlusConfigProvider.vue.mjs";
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/config-provider/index.d.ts

@@ -0,0 +1,30 @@
+import { App } from 'vue';
+declare const OPlusConfigProvider: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./OPlusConfigProvider.vue').OPlusConfigProviderPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        locale: string;
+        theme: "light" | "dark";
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./OPlusConfigProvider.vue').OPlusConfigProviderPropsT> & Readonly<{}>, {}, {}, {}, {}, {
+        locale: string;
+        theme: "light" | "dark";
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./OPlusConfigProvider.vue').OPlusConfigProviderPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    locale: string;
+    theme: "light" | "dark";
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+}) & {
+    install(app: App): void;
+};
+export { OPlusConfigProvider };

package/dist/treeshaking/components/config-provider/index.mjs

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

package/dist/treeshaking/components/cookie-notice/OCookieNotice.css

@@ -0,0 +1,35 @@
+.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-cookie-notice-dlg-main {
+  --dlg-edge-gap: 32px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-cookie-notice-dlg-main {
+    --dlg-edge-gap: 24px;
+}
+}
+@media (max-width: 600px) {
+.o-cookie-notice-dlg-main {
+    --dlg-edge-gap: 16px 24px;
+}
+}
+.o-cookie-notice-dlg-main {
+  --dlg-width: var(--grid-14);
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-cookie-notice-dlg-main {
+    --dlg-edge-gap: 16px;
+    --dlg-width: var(--grid-8);
+}
+}
+@media (max-width: 840px) {
+.o-cookie-notice-dlg-main {
+    --dlg-width: 100vw;
+}
+}

package/dist/treeshaking/components/cookie-notice/OCookieNotice.vue.d.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    visible?: boolean;
+    community: string;
+    detailUrl: string;
+    wrapper?: string | HTMLElement;
+    cookieDomain: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    check(): void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:visible": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    cookieNoticeRef: HTMLDivElement;
+}, any>;
+export default _default;

package/dist/treeshaking/components/cookie-notice/OCookieNotice.vue.mjs

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

package/dist/treeshaking/components/cookie-notice/OCookieNotice.vue2.mjs

@@ -0,0 +1,367 @@
+import { defineComponent, computed, ref, onMounted, watch, openBlock, createBlock, withCtx, Teleport, unref, createElementBlock, createElementVNode, normalizeClass, Fragment, createVNode, createTextVNode, toDisplayString, createCommentVNode, nextTick } from "vue";
+import _sfc_main$1 from "../common/ClientOnly.vue.mjs";
+import { useScreen } from "@opendesign-plus/composables";
+import { useI18n } from "../../i18n/index.mjs";
+import { OIcon, OIconClose, OButton, ODialog, OSwitch } from "@opensig/opendesign";
+import { useVModel } from "@vueuse/core";
+const _hoisted_1 = { class: "cookie-notice-content" };
+const _hoisted_2 = ["type"];
+const _hoisted_3 = { class: "cookie-title" };
+const _hoisted_4 = {
+  style: { "transform": "rotate(180deg)" },
+  xmlns: "http://www.w3.org/2000/svg",
+  version: "1.1",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24"
+};
+const _hoisted_5 = {
+  class: "cookie-zh-title",
+  style: { "margin-top": "0" }
+};
+const _hoisted_6 = ["href"];
+const _hoisted_7 = {
+  key: 1,
+  class: "cookie-en-title"
+};
+const _hoisted_8 = {
+  key: 0,
+  class: "cookie-en-content"
+};
+const _hoisted_9 = { class: "cookie-en-desc" };
+const _hoisted_10 = ["href"];
+const _hoisted_11 = { class: "cookie-notice-right" };
+const _hoisted_12 = { class: "cookie-dlg-title" };
+const _hoisted_13 = { class: "cookie-dlg-content" };
+const _hoisted_14 = { class: "content-item" };
+const _hoisted_15 = { class: "item-header" };
+const _hoisted_16 = { class: "item-title" };
+const _hoisted_17 = { class: "item-extra" };
+const _hoisted_18 = { class: "item-detail" };
+const _hoisted_19 = { class: "content-item" };
+const _hoisted_20 = { class: "item-header" };
+const _hoisted_21 = { class: "item-title" };
+const _hoisted_22 = { class: "item-extra" };
+const _hoisted_23 = { class: "item-detail" };
+const NOT_SIGNED = "0";
+const ALL_AGREED = "1";
+const NECCESSARY_AGREED = "2";
+const NOT_SHOW_BUT_AGREED = "3";
+const COOKIE_KEY_ZH = "agreed-cookiepolicy-zh";
+const COOKIE_KEY_EN = "agreed-cookiepolicy-en";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OCookieNotice",
+  props: {
+    visible: { type: Boolean },
+    community: {},
+    detailUrl: {},
+    wrapper: {},
+    cookieDomain: {}
+  },
+  emits: ["update:visible"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { lePadV, leLaptop, isPhone } = useScreen();
+    const { locale, t } = useI18n();
+    const isZh = computed(() => locale.value === "zh");
+    const cookieNoticeRef = ref();
+    const enableGrid = computed(() => {
+      if (cookieNoticeRef.value) {
+        return !!getComputedStyle(cookieNoticeRef.value).getPropertyValue("--grid-content-width");
+      }
+      return false;
+    });
+    const cookieKey = computed(() => isZh.value ? COOKIE_KEY_ZH : COOKIE_KEY_EN);
+    const analysisAllowed = ref(false);
+    const visibleVmodel = useVModel(props, "visible", emit, { defaultValue: false });
+    const getCookie = (key) => {
+      const cookie = document.cookie.split(";").find((row) => row.split("=")[0].trim() === encodeURIComponent(key));
+      if (!cookie) {
+        return null;
+      }
+      return decodeURIComponent(cookie.split("=")[1]);
+    };
+    const setCookie = (key, value, days, domain) => {
+      const maxAge = `; max-age=${days * 24 * 60 * 60}`;
+      document.cookie = `${encodeURIComponent(key)}=${encodeURIComponent(value)}${maxAge}; path=/; domain=${domain}`;
+    };
+    const removeCookie = (key, domain) => {
+      document.cookie = `${encodeURIComponent(key)}=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/; domain=${domain}`;
+    };
+    const toggleNoticeVisible = (val) => {
+      if (typeof val === "boolean") {
+        visibleVmodel.value = val;
+      } else {
+        visibleVmodel.value = !visibleVmodel.value;
+      }
+      nextTick(() => {
+        if (!visibleVmodel.value && isZh.value && getCookie(cookieKey.value) !== NOT_SHOW_BUT_AGREED) {
+          setCookie(cookieKey.value, NOT_SHOW_BUT_AGREED, 180, props.cookieDomain ?? location.hostname);
+        }
+      });
+    };
+    const isDlgVisible = ref(false);
+    const toggleDlgVisible = (val) => {
+      if (typeof val === "boolean") {
+        isDlgVisible.value = val;
+      } else {
+        isDlgVisible.value = !isDlgVisible.value;
+      }
+    };
+    const isNotSigned = () => {
+      if (isZh.value) {
+        return getCookie(cookieKey.value) !== NOT_SHOW_BUT_AGREED;
+      }
+      return (getCookie(cookieKey.value) ?? "0") === NOT_SIGNED;
+    };
+    const isAllAgreed = () => {
+      if (isZh.value) {
+        return getCookie(cookieKey.value) === NOT_SHOW_BUT_AGREED;
+      }
+      return getCookie(cookieKey.value) === ALL_AGREED;
+    };
+    onMounted(() => {
+      if (isNotSigned()) {
+        toggleNoticeVisible(true);
+      }
+    });
+    watch(locale, () => {
+      toggleNoticeVisible(isNotSigned());
+    });
+    const acceptAll = () => {
+      analysisAllowed.value = true;
+      removeCookie(cookieKey.value, props.cookieDomain ?? location.hostname);
+      setCookie(cookieKey.value, ALL_AGREED, 180, props.cookieDomain ?? location.hostname);
+      toggleNoticeVisible(false);
+    };
+    const rejectAll = () => {
+      analysisAllowed.value = false;
+      removeCookie(cookieKey.value, props.cookieDomain ?? location.hostname);
+      setCookie(cookieKey.value, NECCESSARY_AGREED, 180, props.cookieDomain ?? location.hostname);
+      toggleNoticeVisible(false);
+    };
+    const dlgActions = computed(() => {
+      if (isPhone.value) {
+        return [
+          {
+            id: "save",
+            label: t("cookie.saveSetting"),
+            variant: "text",
+            onClick: () => {
+              if (analysisAllowed.value) {
+                acceptAll();
+              } else {
+                rejectAll();
+              }
+              toggleDlgVisible(false);
+            }
+          },
+          {
+            id: "allowAll",
+            label: t("cookie.acceptAll"),
+            variant: "text",
+            onClick: () => {
+              analysisAllowed.value = true;
+              acceptAll();
+              toggleDlgVisible(false);
+            }
+          }
+        ];
+      }
+      return [
+        {
+          id: "save",
+          color: "primary",
+          label: t("cookie.saveSetting"),
+          variant: "outline",
+          size: "medium",
+          round: "pill",
+          onClick: () => {
+            if (analysisAllowed.value) {
+              acceptAll();
+            } else {
+              rejectAll();
+            }
+            toggleDlgVisible(false);
+          }
+        },
+        {
+          id: "allowAll",
+          color: "primary",
+          label: t("cookie.acceptAll"),
+          variant: "outline",
+          size: "medium",
+          round: "pill",
+          onClick: () => {
+            analysisAllowed.value = true;
+            acceptAll();
+            toggleDlgVisible(false);
+          }
+        }
+      ];
+    });
+    const onDlgChange = (val) => {
+      if (val) {
+        analysisAllowed.value = isAllAgreed();
+      }
+    };
+    __expose({
+      check() {
+        const agreed = isAllAgreed();
+        if (agreed === visibleVmodel.value) {
+          toggleNoticeVisible();
+        }
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, null, {
+        default: withCtx(() => [
+          (openBlock(), createBlock(Teleport, {
+            to: __props.wrapper || "#app"
+          }, [
+            unref(visibleVmodel) ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              ref_key: "cookieNoticeRef",
+              ref: cookieNoticeRef,
+              class: "cookie-notice"
+            }, [
+              createElementVNode("div", _hoisted_1, [
+                createElementVNode("div", {
+                  type: unref(locale),
+                  class: normalizeClass({ "cookie-notice-wrap-grid": enableGrid.value, "cookie-notice-wrap": !enableGrid.value })
+                }, [
+                  createElementVNode("div", _hoisted_3, [
+                    isZh.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                      createVNode(unref(OIcon), { style: { "display": "inline-block", "font-size": "24px", "margin-right": "4px" } }, {
+                        default: withCtx(() => [
+                          (openBlock(), createElementBlock("svg", _hoisted_4, [..._cache[4] || (_cache[4] = [
+                            createElementVNode("path", {
+                              fill: "var(--o-color-primary1)",
+                              d: "M21 12c0 4.971-4.029 9-9 9s-9-4.029-9-9c0-4.971 4.029-9 9-9s9 4.029 9 9z"
+                            }, null, -1),
+                            createElementVNode("path", {
+                              fill: "#fff",
+                              d: "M12 9.4c0.552 0 1-0.448 1-1s-0.448-1-1-1c-0.552 0-1 0.448-1 1s0.448 1 1 1zM12.492 10.943c-0.042-0.233-0.246-0.41-0.492-0.41-0.276 0-0.5 0.224-0.5 0.5v5.5l0.008 0.090c0.042 0.233 0.246 0.41 0.492 0.41 0.276 0 0.5-0.224 0.5-0.5v-5.5l-0.008-0.090z"
+                            }, null, -1)
+                          ])]))
+                        ]),
+                        _: 1
+                      }),
+                      createElementVNode("p", _hoisted_5, [
+                        createTextVNode(toDisplayString(unref(t)("cookie.desc")) + " ", 1),
+                        createElementVNode("a", {
+                          href: __props.detailUrl,
+                          target: "_blank",
+                          rel: "noopener noreferrer"
+                        }, toDisplayString(unref(t)("cookie.about")), 9, _hoisted_6)
+                      ])
+                    ], 64)) : (openBlock(), createElementBlock("p", _hoisted_7, toDisplayString(unref(t)("cookie.title", [__props.community])), 1)),
+                    createVNode(unref(OIcon), {
+                      class: "cookie-notice-close",
+                      onClick: _cache[0] || (_cache[0] = ($event) => toggleNoticeVisible(false))
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(OIconClose))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  !isZh.value ? (openBlock(), createElementBlock("div", _hoisted_8, [
+                    createElementVNode("p", _hoisted_9, [
+                      createTextVNode(toDisplayString(unref(t)("cookie.desc")) + " ", 1),
+                      createElementVNode("a", {
+                        href: __props.detailUrl,
+                        target: "_blank",
+                        rel: "noopener noreferrer"
+                      }, toDisplayString(unref(t)("cookie.about")), 9, _hoisted_10),
+                      _cache[5] || (_cache[5] = createTextVNode(". ", -1))
+                    ]),
+                    createElementVNode("div", _hoisted_11, [
+                      createVNode(unref(OButton), {
+                        round: "pill",
+                        variant: "outline",
+                        color: "primary",
+                        onClick: acceptAll
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(unref(t)("cookie.acceptAll")), 1)
+                        ]),
+                        _: 1
+                      }),
+                      createVNode(unref(OButton), {
+                        round: "pill",
+                        variant: "outline",
+                        color: "primary",
+                        onClick: rejectAll
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(unref(t)("cookie.rejectAll")), 1)
+                        ]),
+                        _: 1
+                      }),
+                      createVNode(unref(OButton), {
+                        round: "pill",
+                        variant: "outline",
+                        color: "primary",
+                        onClick: _cache[1] || (_cache[1] = ($event) => toggleDlgVisible(true))
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(unref(t)("cookie.manage")), 1)
+                        ]),
+                        _: 1
+                      })
+                    ])
+                  ])) : createCommentVNode("", true)
+                ], 10, _hoisted_2)
+              ]),
+              createVNode(unref(ODialog), {
+                visible: isDlgVisible.value,
+                "onUpdate:visible": _cache[3] || (_cache[3] = ($event) => isDlgVisible.value = $event),
+                size: unref(leLaptop) ? "medium" : "large",
+                "phone-half-full": unref(lePadV),
+                "main-class": enableGrid.value ? "o-cookie-notice-dlg-main" : "",
+                class: "cookie-dlg",
+                actions: dlgActions.value,
+                onChange: onDlgChange,
+                style: { "--dlg-radius": "4px" }
+              }, {
+                header: withCtx(() => [
+                  createElementVNode("span", _hoisted_12, toDisplayString(unref(t)("cookie.manage")), 1)
+                ]),
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_13, [
+                    createElementVNode("div", _hoisted_14, [
+                      createElementVNode("div", _hoisted_15, [
+                        createElementVNode("span", _hoisted_16, toDisplayString(unref(t)("cookie.necessaryCookie")), 1),
+                        createElementVNode("span", _hoisted_17, toDisplayString(unref(t)("cookie.alwaysOn")), 1)
+                      ]),
+                      createElementVNode("div", _hoisted_18, toDisplayString(unref(t)("cookie.necessaryCookieDetail")), 1)
+                    ]),
+                    createElementVNode("div", _hoisted_19, [
+                      createElementVNode("div", _hoisted_20, [
+                        createElementVNode("span", _hoisted_21, toDisplayString(unref(t)("cookie.analyticalCookie")), 1),
+                        createElementVNode("span", _hoisted_22, [
+                          createVNode(unref(OSwitch), {
+                            modelValue: analysisAllowed.value,
+                            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => analysisAllowed.value = $event)
+                          }, null, 8, ["modelValue"])
+                        ])
+                      ]),
+                      createElementVNode("div", _hoisted_23, toDisplayString(unref(t)("cookie.analyticalCookieDetail")), 1)
+                    ])
+                  ])
+                ]),
+                _: 1
+              }, 8, ["visible", "size", "phone-half-full", "main-class", "actions"])
+            ], 512)) : createCommentVNode("", true)
+          ], 8, ["to"]))
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};