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

package/dist/esm/components/element-plus/OElCookieNotice.css

@@ -0,0 +1,279 @@
+.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);
+}
+}
+:root {
+  --el-color-primary: var(--o-color-primary1);
+  --el-border-color: var(--o-color-control1);
+  --el-input-placeholder-color: var(--el-text-color-placeholder);
+  --el-input-hover-border-color: var(--el-border-color-hover);
+  --el-input-clear-hover-color: var(--el-text-color-secondary);
+  --el-component-size-large: 36px;
+}
+@media (max-width: 840px) {
+:root {
+    --el-component-size-large: var(--o-control_size-l);
+}
+}
+:root .el-date-editor.el-date-editor--daterange {
+  padding: 0 13px 0 15px;
+}
+:root .el-date-editor.el-date-editor--timerange {
+  padding: 0 16px;
+}
+:root .el-date-editor input {
+  text-align: left;
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+:root .el-date-editor input {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+:root .el-date-editor input {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (max-width: 600px) and (min-width: 1201px) and (max-width: 1680px) {
+:root .el-date-editor input {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 600px) and (min-width: 841px) and (max-width: 1200px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) and (min-width: 601px) and (max-width: 840px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) and (max-width: 600px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+:root .el-date-editor .el-select__wrapper {
+  gap: 0;
+}
+:root .el-date-editor .el-input__wrapper .el-input__prefix {
+  order: 1;
+  font-size: 16px;
+}
+:root .el-date-editor .el-input__icon {
+  height: 100%;
+  order: 1;
+  font-size: 24px;
+  margin-right: 2px;
+  color: var(--o-color-info1);
+  background-color: var(--o-color-info2);
+  mask: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiAgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGQ9Ik02LjQ2MyA0Ljk3NmEuNy43IDAgMCAxIC4wOTUgMS4zOTRsLS4wOTUuMDA2SDQuNDcxYS4xNC4xNCAwIDAgMC0uMTMuMDkzbC0uMDA3LjA0M3YxLjg1NmgxNS4zMjlsLjAwMS0xLjg1NmEuMTQuMTQgMCAwIDAtLjA5My0uMTNsLS4wNDMtLjAwN2gtMi4wNTVhLjcuNyAwIDAgMS0uMDk1LTEuMzk0bC4wOTUtLjAwNmgyLjA1NWMuODAxIDAgMS40Ni42MTQgMS41MyAxLjM5N2wuMDA2LjE0djEyLjM1OWMwIC44MDEtLjYxNCAxLjQ2LTEuMzk3IDEuNTNsLS4xNC4wMDZINC40N2MtLjgwMSAwLTEuNDYtLjYxNC0xLjUzLTEuMzk3bC0uMDA2LS4xNFY2LjUxMWMwLS44MDEuNjE0LTEuNDYgMS4zOTctMS41M2wuMTQtLjAwNnptMTMuMjAxIDQuNzkySDQuMzM1djkuMTAzYzAgLjA2LjAzOS4xMTEuMDkzLjEzbC4wNDMuMDA3aDE1LjA1N2MuMDYgMCAuMTExLS4wMzkuMTMtLjA5M2wuMDA3LS4wNDMtLjAwMS05LjEwM3ptLTMuNDgyIDUuNjYzYS43LjcgMCAwIDEgLjA5NSAxLjM5NGwtLjA5NS4wMDZINy44MTdhLjcuNyAwIDAgMS0uMDk1LTEuMzk0bC4wOTUtLjAwNnptMC0zLjM0NmEuNy43IDAgMCAxIC4wOTUgMS4zOTRsLS4wOTUuMDA2SDcuODE3YS43LjcgMCAwIDEtLjA5NS0xLjM5NGwuMDk1LS4wMDZ6bS0uNjk2LTguNDY3Yy4zNTQgMCAuNjQ3LjI2My42OTQuNjA1bC4wMDYuMDk1djIuODA0YS43LjcgMCAwIDEtMS4zOTQuMDk1bC0uMDA2LS4wOTVWNC4zMThhLjcuNyAwIDAgMSAuNy0uN20tNi45MzctLjAyNmMuMzU0IDAgLjY0Ny4yNjMuNjk0LjYwNWwuMDA2LjA5NXYyLjgwNGEuNy43IDAgMCAxLTEuMzk0LjA5NWwtLjAwNi0uMDk1VjQuMjkyYS43LjcgMCAwIDEgLjctLjdtNC45NDYgMS4zODRhLjcuNyAwIDAgMSAuMDk1IDEuMzk0bC0uMDk1LjAwNkgxMC41M2EuNy43IDAgMCAxLS4wOTUtMS4zOTRsLjA5NS0uMDA2eiI+PC9wYXRoPgo8L3N2Zz4=") no-repeat center;
+  background-size: 24px;
+  background-repeat: no-repeat;
+  background-position: center center;
+}
+:root .el-date-editor .el-input__icon svg {
+  display: none;
+}
+:root .el-popper .el-popper__arrow {
+  display: none;
+}
+:root .el-popper .el-picker-panel {
+  --cell-row-gap: 6px;
+  --cell-radius: var(--o-radius-xs);
+  color: var(--o-color-info1);
+}
+:root .el-popper .el-picker-panel .el-date-picker__header {
+  padding: 12px 24px;
+  height: 48px;
+  border-bottom: 1px solid var(--o-color-control4);
+}
+:root .el-popper .el-picker-panel .el-date-picker__header .el-date-picker__header-label {
+  font-weight: 500;
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table th {
+  border-bottom: none;
+  height: 24px;
+  color: inherit;
+  padding: 0 0 var(--cell-row-gap);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td {
+  padding: var(--cell-row-gap) 0px;
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td .el-date-table-cell {
+  padding: 0;
+  height: 24px;
+  line-height: 22px;
+  border: 1px solid transparent;
+  border-radius: var(--cell-radius);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td:hover:not(.disabled) .el-date-table-cell {
+  border-color: var(--o-color-primary1);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.disabled .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.prev-month .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.next-month .el-date-table-cell {
+  background: none;
+  color: var(--o-color-info4);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.today .el-date-table-cell {
+  background: var(--o-color-control2-light);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.today .el-date-table-cell .el-date-table-cell__text {
+  font-weight: normal;
+  color: var(--o-color-info1);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.current .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.start-date .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.end-date .el-date-table-cell {
+  background: var(--o-color-primary1);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.current .el-date-table-cell .el-date-table-cell__text, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.start-date .el-date-table-cell .el-date-table-cell__text, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.end-date .el-date-table-cell .el-date-table-cell__text {
+  background: none;
+  color: #fff;
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover) .el-date-table-cell {
+  border-radius: 0;
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover).start-date .el-date-table-cell {
+  border-radius: var(--cell-radius) 0 0 var(--cell-radius);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover).end-date .el-date-table-cell {
+  border-radius: 0 var(--cell-radius) var(--cell-radius) 0;
+}
+:root .el-input {
+  --el-border-color: var(--o-color-control1);
+  --el-input-border-color: var(--o-color-control1);
+  --el-input-hover-border-color: var(--o-color-primary2);
+  --el-input-focus-border-color: var(--o-color-primary3);
+}
+:root .el-table {
+  --el-table-border-color: var(--o-color-control4) ;
+}
+:root .el-input__wrapper {
+  background: var(--o-color-fill2);
+  box-shadow: none;
+  border: 1px solid var(--el-input-border-color);
+}
+:root .el-select__wrapper {
+  background: var(--o-color-fill2);
+}
+:root .el-calendar .el-calendar-table {
+  width: 100%;
+}
+:root .el-calendar .el-calendar-table th {
+  color: var(--o-color-info3);
+  font-weight: 400;
+  padding: 4px 0 16px 0;
+  text-align: center;
+}
+:root .el-calendar .el-calendar-table td.prev .date-calender, :root .el-calendar .el-calendar-table td.next .date-calender {
+  color: var(--o-color-info4);
+}
+:root .el-select .el-select__placeholder {
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+:root .el-select .el-select__placeholder {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+:root .el-select .el-select__placeholder {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (max-width: 600px) and (min-width: 1201px) and (max-width: 1680px) {
+:root .el-select .el-select__placeholder {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 600px) and (min-width: 841px) and (max-width: 1200px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) and (min-width: 601px) and (max-width: 840px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) and (max-width: 600px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+:root .el-input-number {
+  --el-component-size-large: 34px;
+}
+@media (max-width: 840px) {
+:root .el-input-number {
+    --el-component-size-large: calc(var(--o-control_size-l) - 2px);
+}
+}
+:root .el-input-number .el-input-number__decrease:hover ~ .el-input:not(.is-disabled) .el-input__wrapper,
+:root .el-input-number .el-input-number__increase:hover ~ .el-input:not(.is-disabled) .el-input__wrapper {
+  box-shadow: none;
+}
+:root .el-input-number.el-input-number--large {
+  line-height: var(--el-component-size-large);
+}
+.cookie-dlg-bottom {
+  margin: 0;
+  position: absolute;
+  bottom: 0;
+  left: 50%;
+  transform: translateX(-50%);
+}

package/dist/esm/components/element-plus/OElCookieNotice.vue.mjs

@@ -0,0 +1,8 @@
+import o from "./OElCookieNotice.vue2.mjs";
+import './OElCookieNotice.css';
+import './OElCookieNotice2.css';
+import t from "../../_plugin-vue_export-helper.mjs";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a1abee53"]]);
+export {
+  m as default
+};

package/dist/esm/components/element-plus/OElCookieNotice.vue2.mjs

@@ -0,0 +1,286 @@
+import { defineComponent as W, computed as S, ref as O, onMounted as q, watch as J, openBlock as r, createBlock as L, withCtx as s, Teleport as Q, unref as e, createElementBlock as m, createElementVNode as o, normalizeClass as T, Fragment as R, createVNode as a, createTextVNode as d, toDisplayString as i, renderSlot as X, createCommentVNode as U, nextTick as ee } from "vue";
+import oe from "../common/ClientOnly.vue.mjs";
+import { useScreen as te } from "@opendesign-plus/composables";
+import { useI18n as le } from "../../i18n/index.mjs";
+import { ElIcon as G, ElButton as k, ElDialog as ie, ElSwitch as se, ElDivider as ne } from "element-plus";
+import "element-plus/es/components/button/style/css";
+import "element-plus/es/components/dialog/style/css";
+import "element-plus/es/components/switch/style/css";
+import "element-plus/es/components/icon/style/css";
+import "element-plus/es/components/divider/style/css";
+import { useVModel as ae } from "@vueuse/core";
+const ce = { class: "cookie-notice-content" }, re = ["type"], de = { class: "cookie-title" }, ue = {
+  style: { width: "1em", height: "1em" },
+  xmlns: "http://www.w3.org/2000/svg",
+  version: "1.1",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24"
+}, me = {
+  class: "cookie-zh-title",
+  style: { "margin-top": "0" }
+}, pe = ["href"], ke = {
+  key: 1,
+  class: "cookie-en-title"
+}, ve = {
+  key: 0,
+  class: "cookie-en-content"
+}, fe = { class: "cookie-en-desc" }, ge = ["href"], _e = { class: "cookie-notice-right" }, he = { class: "dlg-title" }, ye = { class: "cookie-dlg-content" }, Ce = { class: "content-item" }, we = { class: "item-header" }, Ee = { class: "item-title" }, xe = { class: "item-extra" }, Ve = { class: "item-detail" }, Ae = { class: "content-item" }, De = { class: "item-header" }, be = { class: "item-title" }, Ne = { class: "item-extra" }, Se = { class: "item-detail" }, Oe = "0", K = "1", Re = "2", w = "3", Ue = "agreed-cookiepolicy-zh", $e = "agreed-cookiepolicy-en", Pe = /* @__PURE__ */ W({
+  __name: "OElCookieNotice",
+  props: {
+    visible: { type: Boolean },
+    community: {},
+    detailUrl: {},
+    wrapper: {},
+    cookieDomain: {}
+  },
+  emits: ["update:visible"],
+  setup(h, { expose: Y, emit: j }) {
+    const C = h, H = j, { lePadV: E } = te(), { locale: x, t: l } = le(), v = S(() => x.value === "zh"), V = O(), A = S(() => V.value ? !!getComputedStyle(V.value).getPropertyValue("--grid-content-width") : !1), u = S(() => v.value ? Ue : $e), p = O(!1), f = ae(C, "visible", H, { defaultValue: !1 }), y = (n) => {
+      const t = document.cookie.split(";").find((c) => c.split("=")[0].trim() === encodeURIComponent(n));
+      return t ? decodeURIComponent(t.split("=")[1]) : null;
+    }, D = (n, t, c, Z) => {
+      const F = `; max-age=${c * 24 * 60 * 60}`;
+      document.cookie = `${encodeURIComponent(n)}=${encodeURIComponent(t)}${F}; path=/; domain=${Z}`;
+    }, g = (n) => {
+      typeof n == "boolean" ? f.value = n : f.value = !f.value, ee(() => {
+        !f.value && v.value && y(u.value) !== w && D(u.value, w, 180, C.cookieDomain ?? location.hostname);
+      });
+    }, _ = O(!1), b = (n) => {
+      typeof n == "boolean" ? _.value = n : _.value = !_.value;
+    }, $ = () => v.value ? y(u.value) !== w : (y(u.value) ?? "0") === Oe, B = () => v.value ? y(u.value) === w : y(u.value) === K;
+    q(() => {
+      $() && g(!0);
+    }), J(x, () => {
+      g($());
+    });
+    const N = () => {
+      p.value = !0, D(u.value, K, 180, C.cookieDomain ?? location.hostname), g(!1);
+    }, I = () => {
+      p.value = !1, D(u.value, Re, 180, C.cookieDomain ?? location.hostname), g(!1);
+    }, z = () => {
+      p.value ? N() : I(), b(!1);
+    }, M = () => {
+      p.value = !0, N(), b(!1);
+    }, P = () => {
+      p.value = B();
+    };
+    return Y({
+      check() {
+        B() === f.value && g();
+      }
+    }), (n, t) => (r(), L(oe, null, {
+      default: s(() => [
+        (r(), L(Q, {
+          to: h.wrapper || "#app"
+        }, [
+          e(f) ? (r(), m("div", {
+            key: 0,
+            ref_key: "cookieNoticeRef",
+            ref: V,
+            class: "cookie-notice"
+          }, [
+            o("div", ce, [
+              o("div", {
+                type: e(x),
+                class: T({ "cookie-notice-wrap-grid": A.value, "cookie-notice-wrap": !A.value })
+              }, [
+                o("div", de, [
+                  v.value ? (r(), m(R, { key: 0 }, [
+                    a(e(G), { style: { transform: "rotate(180deg)", "font-size": "24px", "margin-right": "4px" } }, {
+                      default: s(() => [
+                        (r(), m("svg", ue, [...t[5] || (t[5] = [
+                          o("path", {
+                            fill: "#002fa7",
+                            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),
+                          o("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
+                    }),
+                    o("p", me, [
+                      d(i(e(l)("cookie.desc")) + " ", 1),
+                      o("a", {
+                        href: h.detailUrl,
+                        target: "_blank",
+                        rel: "noopener noreferrer"
+                      }, i(e(l)("cookie.about")), 9, pe)
+                    ])
+                  ], 64)) : (r(), m("p", ke, i(e(l)("cookie.title", [h.community])), 1)),
+                  a(e(G), {
+                    class: "cookie-notice-close",
+                    onClick: t[0] || (t[0] = (c) => g(!1))
+                  }, {
+                    default: s(() => [
+                      X(n.$slots, "close-icon", {}, () => [
+                        t[6] || (t[6] = o("svg", {
+                          xmlns: "http://www.w3.org/2000/svg",
+                          viewBox: "0 0 24 24"
+                        }, [
+                          o("path", {
+                            fill: "currentColor",
+                            d: "M18.528 5.472a.7.7 0 0 1 .074.903l-.074.087L12.988 12l.006.006-.989.989-.006-.006-5.538 5.54a.7.7 0 0 1-1.064-.903l.074-.087L11.009 12 5.471 6.462l-.074-.087a.7.7 0 0 1 .977-.977l.087.074 5.538 5.539 5.539-5.539a.7.7 0 0 1 .99 0m-3.977 8.089 3.978 3.978.074.087a.7.7 0 0 1-.977.977l-.087-.074-3.978-3.978a.7.7 0 0 1 .99-.99"
+                          })
+                        ], -1))
+                      ], !0)
+                    ]),
+                    _: 3
+                  })
+                ]),
+                v.value ? U("", !0) : (r(), m("div", ve, [
+                  o("p", fe, [
+                    d(i(e(l)("cookie.desc")) + " ", 1),
+                    o("a", {
+                      href: h.detailUrl,
+                      target: "_blank",
+                      rel: "noopener noreferrer"
+                    }, i(e(l)("cookie.about")), 9, ge),
+                    t[7] || (t[7] = d(". ", -1))
+                  ]),
+                  o("div", _e, [
+                    a(e(k), {
+                      round: "",
+                      type: "primary",
+                      onClick: N
+                    }, {
+                      default: s(() => [
+                        d(i(e(l)("cookie.acceptAll")), 1)
+                      ]),
+                      _: 1
+                    }),
+                    a(e(k), {
+                      round: "",
+                      type: "primary",
+                      onClick: I
+                    }, {
+                      default: s(() => [
+                        d(i(e(l)("cookie.rejectAll")), 1)
+                      ]),
+                      _: 1
+                    }),
+                    a(e(k), {
+                      round: "",
+                      type: "primary",
+                      onClick: t[1] || (t[1] = (c) => b(!0))
+                    }, {
+                      default: s(() => [
+                        d(i(e(l)("cookie.manage")), 1)
+                      ]),
+                      _: 1
+                    })
+                  ])
+                ]))
+              ], 10, re)
+            ]),
+            a(e(ie), {
+              "show-close": !1,
+              class: T({ "cookie-dlg-bottom": e(E), "grid-width-dlg": A.value }),
+              modelValue: _.value,
+              "onUpdate:modelValue": t[4] || (t[4] = (c) => _.value = c),
+              "destroy-on-close": "",
+              onOpen: P
+            }, {
+              header: s(() => [
+                e(E) ? U("", !0) : (r(), m("div", {
+                  key: 0,
+                  class: "dlg-close-icon",
+                  onClick: t[2] || (t[2] = (c) => _.value = !1)
+                }, [...t[8] || (t[8] = [
+                  o("svg", {
+                    viewBox: "0 0 24 24",
+                    class: "o-icon-close"
+                  }, [
+                    o("path", {
+                      fill: "currentColor",
+                      d: "M18.528 5.472a.7.7 0 0 1 .074.903l-.074.087L12.988 12l.006.006-.989.989-.006-.006-5.538 5.54a.7.7 0 0 1-1.064-.903l.074-.087L11.009 12 5.471 6.462l-.074-.087a.7.7 0 0 1 .977-.977l.087.074 5.538 5.539 5.539-5.539a.7.7 0 0 1 .99 0m-3.977 8.089 3.978 3.978.074.087a.7.7 0 0 1-.977.977l-.087-.074-3.978-3.978a.7.7 0 0 1 .99-.99"
+                    })
+                  ], -1)
+                ])])),
+                o("span", he, i(e(l)("cookie.manage")), 1)
+              ]),
+              footer: s(() => [
+                e(E) ? (r(), m(R, { key: 0 }, [
+                  a(e(k), {
+                    type: "text",
+                    onClick: z
+                  }, {
+                    default: s(() => [
+                      d(i(e(l)("cookie.saveSetting")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  a(e(ne), {
+                    direction: "vertical",
+                    style: { margin: "0 24px" }
+                  }),
+                  a(e(k), {
+                    type: "text",
+                    onClick: M
+                  }, {
+                    default: s(() => [
+                      d(i(e(l)("cookie.acceptAll")), 1)
+                    ]),
+                    _: 1
+                  })
+                ], 64)) : (r(), m(R, { key: 1 }, [
+                  a(e(k), {
+                    round: "",
+                    type: "primary",
+                    onClick: z
+                  }, {
+                    default: s(() => [
+                      d(i(e(l)("cookie.saveSetting")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  a(e(k), {
+                    round: "",
+                    type: "primary",
+                    onClick: M
+                  }, {
+                    default: s(() => [
+                      d(i(e(l)("cookie.acceptAll")), 1)
+                    ]),
+                    _: 1
+                  })
+                ], 64))
+              ]),
+              default: s(() => [
+                o("div", ye, [
+                  o("div", Ce, [
+                    o("div", we, [
+                      o("span", Ee, i(e(l)("cookie.necessaryCookie")), 1),
+                      o("span", xe, i(e(l)("cookie.alwaysOn")), 1)
+                    ]),
+                    o("div", Ve, i(e(l)("cookie.necessaryCookieDetail")), 1)
+                  ]),
+                  o("div", Ae, [
+                    o("div", De, [
+                      o("span", be, i(e(l)("cookie.analyticalCookie")), 1),
+                      o("span", Ne, [
+                        a(e(se), {
+                          modelValue: p.value,
+                          "onUpdate:modelValue": t[3] || (t[3] = (c) => p.value = c)
+                        }, null, 8, ["modelValue"])
+                      ])
+                    ]),
+                    o("div", Se, i(e(l)("cookie.analyticalCookieDetail")), 1)
+                  ])
+                ])
+              ]),
+              _: 1
+            }, 8, ["class", "modelValue"])
+          ], 512)) : U("", !0)
+        ], 8, ["to"]))
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  Pe as default
+};