@nextcloud/vue 9.0.0-alpha.2 → 9.0.0-alpha.3

package/dist/chunks/NcLoadingIcon-DkXGgGqQ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NcLoadingIcon-DkXGgGqQ.cjs","sources":["../../src/components/NcLoadingIcon/NcLoadingIcon.vue"],"sourcesContent":["<!--\n - @copyright Copyright (c) 2022 Raimund Schlüßler <raimund.schluessler@mailbox.org>\n -\n - @author Raimund Schlüßler <raimund.schluessler@mailbox.org>\n -\n - @license GNU AGPL version 3 or any later version\n -\n - This program is free software: you can redistribute it and/or modify\n - it under the terms of the GNU Affero General Public License as\n - published by the Free Software Foundation, either version 3 of the\n - License, or (at your option) any later version.\n -\n - This program is distributed in the hope that it will be useful,\n - but WITHOUT ANY WARRANTY; without even the implied warranty of\n - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n - GNU Affero General Public License for more details.\n -\n - You should have received a copy of the GNU Affero General Public License\n - along with this program. If not, see <http://www.gnu.org/licenses/>.\n -\n -->\n\n<docs>\n# Usage\n\n```\n<div>\n\t<NcLoadingIcon />\n</div>\n<div style=\"background-color: #171717;\">\n\t<NcLoadingIcon :size=\"64\" appearance=\"light\" name=\"Loading on dark background\" />\n</div>\n<div style=\"background-color: #fff;\">\n\t<NcLoadingIcon :size=\"64\" appearance=\"dark\" name=\"Loading on light background\" />\n</div>\n```\n</docs>\n\n<template>\n\t<span :aria-label=\"name\"\n\t\trole=\"img\"\n\t\tclass=\"material-design-icon loading-icon\">\n\t\t<svg :width=\"size\"\n\t\t\t:height=\"size\"\n\t\t\tviewBox=\"0 0 24 24\">\n\t\t\t<path :fill=\"colors[0]\" d=\"M12,4V2A10,10 0 1,0 22,12H20A8,8 0 1,1 12,4Z\" />\n\t\t\t<path :fill=\"colors[1]\" d=\"M12,4V2A10,10 0 0,1 22,12H20A8,8 0 0,0 12,4Z\">\n\t\t\t\t<title v-if=\"name\">{{ name }}</title>\n\t\t\t</path>\n\t\t</svg>\n\t</span>\n</template>\n\n<script>\nexport default {\n\tname: 'NcLoadingIcon',\n\tprops: {\n\t\t/**\n\t\t * Specify the size of the loading icon.\n\t\t */\n\t\tsize: {\n\t\t\ttype: Number,\n\t\t\tdefault: 20,\n\t\t},\n\t\t/**\n\t\t * The appearance of the loading icon.\n\t\t * 'auto' adjusts to the Nextcloud color scheme,\n\t\t * 'light' and 'dark' are static.\n\t\t */\n\t\tappearance: {\n\t\t\ttype: String,\n\t\t\tvalidator(value) {\n\t\t\t\treturn ['auto', 'light', 'dark'].includes(value)\n\t\t\t},\n\t\t\tdefault: 'auto',\n\t\t},\n\t\t/**\n\t\t * Specify what is loading.\n\t\t */\n\t\tname: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t},\n\tcomputed: {\n\t\tcolors() {\n\t\t\tconst colors = ['#777', '#CCC']\n\t\t\tif (this.appearance === 'light') {\n\t\t\t\treturn colors\n\t\t\t} else if (this.appearance === 'dark') {\n\t\t\t\treturn colors.reverse()\n\t\t\t}\n\t\t\treturn ['var(--color-loading-light)', 'var(--color-loading-dark)']\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.loading-icon svg{\n\tanimation: rotate var(--animation-duration, 0.8s) linear infinite;\n}\n</style>\n"],"names":["_sfc_main","value","colors","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","$props","$options","vue"],"mappings":";mFAsDAA,IAAA;AAAA,EACC,MAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;MAeE,UAAAC,GAAA;AACC,eAAA,CAAA,QAAA,SAAA,MAAA,EAAA,SAAAA,CAAA;AAAA;MAED,SAAA;AAAA;;;;;;;;;EAUF,UAAA;AAAA,IACC,SAAA;;+CAIC,KAAA,eAAA,SACCC,EAAA,QAAA,IAED,CAAA,8BAAA,2BAAA;AAAA;;AAGH,GA/FAC,IAAA,CAAA,YAAA,GAAAC,IAAA,CAAA,SAAA,QAAA,GAAAC,IAAA,CAAA,MAAA,GAAAC,IAAA,CAAA,MAAA;;;IAuCQ,cAAAC,EAAA;AAAA,IACN,MAAA;AAAA,IACA,OAAA;AAAA;;MACM,OAAAA,EAAA;AAAA,MACJ,QAAAA,EAAA;AAAA,MACD,SAAA;AAAA;;QACO,MAAAC,EAAA,OAAA,CAAA;AAAA,QAAiB,GAAA;AAAA,MA7C3B,GAAA,MAAA,GAAAH,CAAA;AAAA;QA8CU,MAAAG,EAAA,OAAA,CAAA;AAAA,QAAiB,GAAA;AAAA;mGA9C3BC,EAAA,mBAAA,IAAA,EAAA;AAAA,MAAA,GAAA,GAAAH,CAAA;AAAA,IAAA,GAAA,GAAAF,CAAA;AAAA,EAAA,GAAA,GAAAD,CAAA;;;;"}

package/dist/chunks/NcNoteCard-BjfsJAvf.cjs

@@ -1,226 +0,0 @@
-var F = require("../assets/NcNoteCard-B_Q1mnCM.css");
-const e = require("vue"), n = require("./_plugin-vue_export-helper-CTzpuyvq.cjs"), d = {
-  name: "CheckboxMarkedCircleIcon",
-  emits: ["click"],
-  props: {
-    title: {
-      type: String
-    },
-    fillColor: {
-      type: String,
-      default: "currentColor"
-    },
-    size: {
-      type: Number,
-      default: 24
-    }
-  }
-}, m = ["aria-hidden", "aria-label"], u = ["fill", "width", "height"], _ = { d: "M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" }, h = { key: 0 };
-function g(i, l, t, c, a, o) {
-  return e.openBlock(), e.createElementBlock("span", e.mergeProps(i.$attrs, {
-    "aria-hidden": t.title ? null : !0,
-    "aria-label": t.title,
-    class: "material-design-icon checkbox-marked-circle-icon",
-    role: "img",
-    onClick: l[0] || (l[0] = (r) => i.$emit("click", r))
-  }), [
-    (e.openBlock(), e.createElementBlock("svg", {
-      fill: t.fillColor,
-      class: "material-design-icon__svg",
-      width: t.size,
-      height: t.size,
-      viewBox: "0 0 24 24"
-    }, [
-      e.createElementVNode("path", _, [
-        t.title ? (e.openBlock(), e.createElementBlock("title", h, e.toDisplayString(t.title), 1)) : e.createCommentVNode("", !0)
-      ])
-    ], 8, u))
-  ], 16, m);
-}
-const f = /* @__PURE__ */ n._export_sfc(d, [["render", g]]), k = {
-  name: "AlertDecagramIcon",
-  emits: ["click"],
-  props: {
-    title: {
-      type: String
-    },
-    fillColor: {
-      type: String,
-      default: "currentColor"
-    },
-    size: {
-      type: Number,
-      default: 24
-    }
-  }
-}, B = ["aria-hidden", "aria-label"], y = ["fill", "width", "height"], C = { d: "M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12M13,17H11V15H13V17M13,13H11V7H13V13Z" }, p = { key: 0 };
-function L(i, l, t, c, a, o) {
-  return e.openBlock(), e.createElementBlock("span", e.mergeProps(i.$attrs, {
-    "aria-hidden": t.title ? null : !0,
-    "aria-label": t.title,
-    class: "material-design-icon alert-decagram-icon",
-    role: "img",
-    onClick: l[0] || (l[0] = (r) => i.$emit("click", r))
-  }), [
-    (e.openBlock(), e.createElementBlock("svg", {
-      fill: t.fillColor,
-      class: "material-design-icon__svg",
-      width: t.size,
-      height: t.size,
-      viewBox: "0 0 24 24"
-    }, [
-      e.createElementVNode("path", C, [
-        t.title ? (e.openBlock(), e.createElementBlock("title", p, e.toDisplayString(t.title), 1)) : e.createCommentVNode("", !0)
-      ])
-    ], 8, y))
-  ], 16, B);
-}
-const w = /* @__PURE__ */ n._export_sfc(k, [["render", L]]), v = {
-  name: "AlertIcon",
-  emits: ["click"],
-  props: {
-    title: {
-      type: String
-    },
-    fillColor: {
-      type: String,
-      default: "currentColor"
-    },
-    size: {
-      type: Number,
-      default: 24
-    }
-  }
-}, N = ["aria-hidden", "aria-label"], E = ["fill", "width", "height"], S = { d: "M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z" }, V = { key: 0 };
-function $(i, l, t, c, a, o) {
-  return e.openBlock(), e.createElementBlock("span", e.mergeProps(i.$attrs, {
-    "aria-hidden": t.title ? null : !0,
-    "aria-label": t.title,
-    class: "material-design-icon alert-icon",
-    role: "img",
-    onClick: l[0] || (l[0] = (r) => i.$emit("click", r))
-  }), [
-    (e.openBlock(), e.createElementBlock("svg", {
-      fill: t.fillColor,
-      class: "material-design-icon__svg",
-      width: t.size,
-      height: t.size,
-      viewBox: "0 0 24 24"
-    }, [
-      e.createElementVNode("path", S, [
-        t.title ? (e.openBlock(), e.createElementBlock("title", V, e.toDisplayString(t.title), 1)) : e.createCommentVNode("", !0)
-      ])
-    ], 8, E))
-  ], 16, N);
-}
-const s = /* @__PURE__ */ n._export_sfc(v, [["render", $]]), A = {
-  name: "InformationIcon",
-  emits: ["click"],
-  props: {
-    title: {
-      type: String
-    },
-    fillColor: {
-      type: String,
-      default: "currentColor"
-    },
-    size: {
-      type: Number,
-      default: 24
-    }
-  }
-}, b = ["aria-hidden", "aria-label"], z = ["fill", "width", "height"], H = { d: "M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" }, M = { key: 0 };
-function x(i, l, t, c, a, o) {
-  return e.openBlock(), e.createElementBlock("span", e.mergeProps(i.$attrs, {
-    "aria-hidden": t.title ? null : !0,
-    "aria-label": t.title,
-    class: "material-design-icon information-icon",
-    role: "img",
-    onClick: l[0] || (l[0] = (r) => i.$emit("click", r))
-  }), [
-    (e.openBlock(), e.createElementBlock("svg", {
-      fill: t.fillColor,
-      class: "material-design-icon__svg",
-      width: t.size,
-      height: t.size,
-      viewBox: "0 0 24 24"
-    }, [
-      e.createElementVNode("path", H, [
-        t.title ? (e.openBlock(), e.createElementBlock("title", M, e.toDisplayString(t.title), 1)) : e.createCommentVNode("", !0)
-      ])
-    ], 8, z))
-  ], 16, b);
-}
-const D = /* @__PURE__ */ n._export_sfc(A, [["render", x]]), I = {
-  name: "NcNoteCard",
-  props: {
-    /**
-     * Type of the attribute
-     */
-    type: {
-      type: String,
-      default: "warning",
-      validator: (i) => ["success", "info", "warning", "error"].includes(i)
-    },
-    showAlert: {
-      type: Boolean,
-      default: !1
-    },
-    heading: {
-      type: String,
-      default: ""
-    }
-  },
-  computed: {
-    shouldShowAlert() {
-      return this.showAlert || this.type === "error";
-    },
-    icon() {
-      switch (this.type) {
-        case "error":
-          return w;
-        case "success":
-          return f;
-        case "info":
-          return D;
-        case "warning":
-          return s;
-        default:
-          return s;
-      }
-    },
-    color() {
-      switch (this.type) {
-        case "error":
-          return "var(--color-error)";
-        case "success":
-          return "var(--color-success)";
-        case "info":
-          return "var(--color-info)";
-        case "warning":
-          return "var(--color-warning)";
-        default:
-          return "var(--color-warning)";
-      }
-    }
-  }
-}, P = ["role"], Z = { key: 0 };
-function q(i, l, t, c, a, o) {
-  return e.openBlock(), e.createElementBlock("div", {
-    class: e.normalizeClass(["notecard", "notecard--".concat(t.type)]),
-    role: o.shouldShowAlert ? "alert" : "note"
-  }, [
-    e.renderSlot(i.$slots, "icon", {}, () => [
-      (e.openBlock(), e.createBlock(e.resolveDynamicComponent(o.icon), {
-        class: e.normalizeClass(["notecard__icon", { "notecard__icon--heading": t.heading }]),
-        "fill-color": o.color
-      }, null, 8, ["class", "fill-color"]))
-    ], !0),
-    e.createElementVNode("div", null, [
-      t.heading ? (e.openBlock(), e.createElementBlock("h2", Z, e.toDisplayString(t.heading), 1)) : e.createCommentVNode("", !0),
-      e.renderSlot(i.$slots, "default", {}, void 0, !0)
-    ])
-  ], 10, P);
-}
-const j = /* @__PURE__ */ n._export_sfc(I, [["render", q], ["__scopeId", "data-v-722d543a"]]);
-exports.NcNoteCard = j;

package/dist/chunks/NcNoteCard-BjfsJAvf.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NcNoteCard-BjfsJAvf.cjs","sources":["../../node_modules/vue-material-design-icons/CheckboxMarkedCircle.vue","../../node_modules/vue-material-design-icons/AlertDecagram.vue","../../node_modules/vue-material-design-icons/Alert.vue","../../node_modules/vue-material-design-icons/Information.vue","../../src/components/NcNoteCard/NcNoteCard.vue"],"sourcesContent":["<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"title ? null : true\"\n        :aria-label=\"title\"\n        class=\"material-design-icon checkbox-marked-circle-icon\"\n        role=\"img\"\n        @click=\"$emit('click', $event)\">\n    <svg :fill=\"fillColor\"\n         class=\"material-design-icon__svg\"\n         :width=\"size\"\n         :height=\"size\"\n         viewBox=\"0 0 24 24\">\n      <path d=\"M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"CheckboxMarkedCircleIcon\",\n  emits: ['click'],\n  props: {\n    title: {\n      type: String,\n    },\n    fillColor: {\n      type: String,\n      default: \"currentColor\"\n    },\n    size: {\n      type: Number,\n      default: 24\n    }\n  }\n}\n</script>","<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"title ? null : true\"\n        :aria-label=\"title\"\n        class=\"material-design-icon alert-decagram-icon\"\n        role=\"img\"\n        @click=\"$emit('click', $event)\">\n    <svg :fill=\"fillColor\"\n         class=\"material-design-icon__svg\"\n         :width=\"size\"\n         :height=\"size\"\n         viewBox=\"0 0 24 24\">\n      <path d=\"M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12M13,17H11V15H13V17M13,13H11V7H13V13Z\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"AlertDecagramIcon\",\n  emits: ['click'],\n  props: {\n    title: {\n      type: String,\n    },\n    fillColor: {\n      type: String,\n      default: \"currentColor\"\n    },\n    size: {\n      type: Number,\n      default: 24\n    }\n  }\n}\n</script>","<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"title ? null : true\"\n        :aria-label=\"title\"\n        class=\"material-design-icon alert-icon\"\n        role=\"img\"\n        @click=\"$emit('click', $event)\">\n    <svg :fill=\"fillColor\"\n         class=\"material-design-icon__svg\"\n         :width=\"size\"\n         :height=\"size\"\n         viewBox=\"0 0 24 24\">\n      <path d=\"M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"AlertIcon\",\n  emits: ['click'],\n  props: {\n    title: {\n      type: String,\n    },\n    fillColor: {\n      type: String,\n      default: \"currentColor\"\n    },\n    size: {\n      type: Number,\n      default: 24\n    }\n  }\n}\n</script>","<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"title ? null : true\"\n        :aria-label=\"title\"\n        class=\"material-design-icon information-icon\"\n        role=\"img\"\n        @click=\"$emit('click', $event)\">\n    <svg :fill=\"fillColor\"\n         class=\"material-design-icon__svg\"\n         :width=\"size\"\n         :height=\"size\"\n         viewBox=\"0 0 24 24\">\n      <path d=\"M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"InformationIcon\",\n  emits: ['click'],\n  props: {\n    title: {\n      type: String,\n    },\n    fillColor: {\n      type: String,\n      default: \"currentColor\"\n    },\n    size: {\n      type: Number,\n      default: 24\n    }\n  }\n}\n</script>","<!--\n  - @copyright Copyright (c) 2022 Carl Schwan <carl@carlschwan.eu>\n  -\n  - @license GNU AGPL version 3 or any later version\n  -\n  - This program is free software: you can redistribute it and/or modify\n  - it under the terms of the GNU Affero General Public License as\n  - published by the Free Software Foundation, either version 3 of the\n  - License, or (at your option) any later version.\n  -\n  - This program is distributed in the hope that it will be useful,\n  - but WITHOUT ANY WARRANTY; without even the implied warranty of\n  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n  - GNU Affero General Public License for more details.\n  -\n  - You should have received a copy of the GNU Affero General Public License\n  - along with this program. If not, see <http://www.gnu.org/licenses/>.\n  -\n  -->\n\n<docs>\nThis component is made to display additional information to the user. It is\navailable in four versions:\n\n- success: Display a successful message\n- info: Display an informational message\n- warning: Display a warning to the user. This indicate that the action they want\n- error: Display an error message. For example\n\nWhen using an error type,\n\n```vue\n<template>\n\t<div>\n\t\t<NcNoteCard type=\"warning\">\n\t\t\t<p>This is dangerous</p>\n\t\t</NcNoteCard>\n\n\t\t<NcNoteCard type=\"error\" heading=\"Error\">\n\t\t\t<p>The server is not happy and reported the following error</p>\n\t\t</NcNoteCard>\n\n\t\t<NcNoteCard type=\"success\">\n\t\t\t<p>You won</p>\n\t\t</NcNoteCard>\n\n\t\t<NcNoteCard type=\"info\">\n\t\t\t<p>For your information</p>\n\t\t</NcNoteCard>\n\n\t\t<NcNoteCard type=\"warning\">\n\t\t\t<template #icon>\n\t\t\t\t<Cog :size=\"20\"/>\n\t\t\t</template>\n\t\t\t<p>Custom icon usage</p>\n\t\t</NcNoteCard>\n\t</div>\n</template>\n\n<script>\n\timport Cog from 'vue-material-design-icons/Cog.vue'\n\n\texport default {\n\t\tcomponents: {\n\t\t\tCog,\n\t\t},\n\t}\n</script>\n```\n</docs>\n\n<template>\n\t<div class=\"notecard\"\n\t\t:class=\"`notecard--${type}`\"\n\t\t:role=\"shouldShowAlert ? 'alert' : 'note'\">\n\t\t<!-- @slot Manually provide icon -->\n\t\t<slot name=\"icon\">\n\t\t\t<component :is=\"icon\"\n\t\t\t\tclass=\"notecard__icon\"\n\t\t\t\t:class=\"{'notecard__icon--heading': heading}\"\n\t\t\t\t:fill-color=\"color\" />\n\t\t</slot>\n\t\t<div>\n\t\t\t<h2 v-if=\"heading\">\n\t\t\t\t{{ heading }}\n\t\t\t</h2>\n\t\t\t<slot />\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport CheckboxMarkedCircle from 'vue-material-design-icons/CheckboxMarkedCircle.vue'\nimport AlertDecagram from 'vue-material-design-icons/AlertDecagram.vue'\nimport Alert from 'vue-material-design-icons/Alert.vue'\nimport Information from 'vue-material-design-icons/Information.vue'\n\nexport default {\n\tname: 'NcNoteCard',\n\n\tprops: {\n\t\t/**\n\t\t * Type of the attribute\n\t\t */\n\t\ttype: {\n\t\t\ttype: String,\n\t\t\tdefault: 'warning',\n\t\t\tvalidator: type => ['success', 'info', 'warning', 'error'].includes(type),\n\t\t},\n\t\tshowAlert: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\theading: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t},\n\tcomputed: {\n\t\tshouldShowAlert() {\n\t\t\treturn this.showAlert || this.type === 'error'\n\t\t},\n\t\ticon() {\n\t\t\tswitch (this.type) {\n\t\t\tcase 'error':\n\t\t\t\treturn AlertDecagram\n\t\t\tcase 'success':\n\t\t\t\treturn CheckboxMarkedCircle\n\t\t\tcase 'info':\n\t\t\t\treturn Information\n\t\t\tcase 'warning':\n\t\t\t\treturn Alert\n\t\t\tdefault:\n\t\t\t\treturn Alert\n\t\t\t}\n\t\t},\n\t\tcolor() {\n\t\t\tswitch (this.type) {\n\t\t\tcase 'error':\n\t\t\t\treturn 'var(--color-error)'\n\t\t\tcase 'success':\n\t\t\t\treturn 'var(--color-success)'\n\t\t\tcase 'info':\n\t\t\t\treturn 'var(--color-info)'\n\t\t\tcase 'warning':\n\t\t\t\treturn 'var(--color-warning)'\n\t\t\tdefault:\n\t\t\t\treturn 'var(--color-warning)'\n\t\t\t}\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.notecard {\n\tcolor: var(--color-main-text) !important;\n\tbackground-color: var(--note-background) !important;\n\tborder-inline-start: 4px solid var(--note-theme);\n\tborder-radius: var(--border-radius);\n\tmargin: 1rem 0;\n\tmargin-top: 1rem;\n\tpadding: 1rem;\n\tdisplay: flex;\n\tflex-direction: row;\n\tgap: 1rem;\n\n\t&__icon--heading {\n\t\tmargin-bottom: auto;\n\t\tmargin-top: 0.3rem;\n\t}\n\n\t&--success {\n\t\t--note-background: rgba(var(--color-success-rgb), 0.1);\n\t\t--note-theme: var(--color-success);\n\t}\n\n\t&--info {\n\t\t--note-background: rgba(var(--color-info-rgb), 0.1);\n\t\t--note-theme: var(--color-info);\n\t}\n\n\t&--error {\n\t\t--note-background: rgba(var(--color-error-rgb), 0.1);\n\t\t--note-theme: var(--color-error);\n\t}\n\n\t&--warning {\n\t\t--note-background: rgba(var(--color-warning-rgb), 0.1);\n\t\t--note-theme: var(--color-warning);\n\t}\n}\n</style>\n"],"names":["_sfc_main$4","_hoisted_1$4","_hoisted_2$4","_hoisted_3$3","$props","vue","_sfc_main$3","_hoisted_1$3","_hoisted_2$3","_hoisted_3$2","_sfc_main$2","_hoisted_1$2","_hoisted_2$2","_hoisted_3$1","_sfc_main$1","_hoisted_1$1","_hoisted_2$1","_hoisted_3","_sfc_main","type","AlertDecagram","Information","_hoisted_1","$options","_ctx"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}

package/dist/chunks/NcNoteCard-xmrG6RQz.mjs

@@ -1,230 +0,0 @@
-import "../assets/NcNoteCard-B_Q1mnCM.css";
-import { openBlock as i, createElementBlock as l, mergeProps as _, createElementVNode as o, toDisplayString as s, createCommentVNode as c, normalizeClass as f, renderSlot as m, createBlock as y, resolveDynamicComponent as L } from "vue";
-import { _ as d } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-const k = {
-  name: "CheckboxMarkedCircleIcon",
-  emits: ["click"],
-  props: {
-    title: {
-      type: String
-    },
-    fillColor: {
-      type: String,
-      default: "currentColor"
-    },
-    size: {
-      type: Number,
-      default: 24
-    }
-  }
-}, C = ["aria-hidden", "aria-label"], w = ["fill", "width", "height"], v = { d: "M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" }, $ = { key: 0 };
-function A(t, r, e, u, h, n) {
-  return i(), l("span", _(t.$attrs, {
-    "aria-hidden": e.title ? null : !0,
-    "aria-label": e.title,
-    class: "material-design-icon checkbox-marked-circle-icon",
-    role: "img",
-    onClick: r[0] || (r[0] = (a) => t.$emit("click", a))
-  }), [
-    (i(), l("svg", {
-      fill: e.fillColor,
-      class: "material-design-icon__svg",
-      width: e.size,
-      height: e.size,
-      viewBox: "0 0 24 24"
-    }, [
-      o("path", v, [
-        e.title ? (i(), l("title", $, s(e.title), 1)) : c("", !0)
-      ])
-    ], 8, w))
-  ], 16, C);
-}
-const b = /* @__PURE__ */ d(k, [["render", A]]), S = {
-  name: "AlertDecagramIcon",
-  emits: ["click"],
-  props: {
-    title: {
-      type: String
-    },
-    fillColor: {
-      type: String,
-      default: "currentColor"
-    },
-    size: {
-      type: Number,
-      default: 24
-    }
-  }
-}, z = ["aria-hidden", "aria-label"], H = ["fill", "width", "height"], M = { d: "M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12M13,17H11V15H13V17M13,13H11V7H13V13Z" }, N = { key: 0 };
-function V(t, r, e, u, h, n) {
-  return i(), l("span", _(t.$attrs, {
-    "aria-hidden": e.title ? null : !0,
-    "aria-label": e.title,
-    class: "material-design-icon alert-decagram-icon",
-    role: "img",
-    onClick: r[0] || (r[0] = (a) => t.$emit("click", a))
-  }), [
-    (i(), l("svg", {
-      fill: e.fillColor,
-      class: "material-design-icon__svg",
-      width: e.size,
-      height: e.size,
-      viewBox: "0 0 24 24"
-    }, [
-      o("path", M, [
-        e.title ? (i(), l("title", N, s(e.title), 1)) : c("", !0)
-      ])
-    ], 8, H))
-  ], 16, z);
-}
-const B = /* @__PURE__ */ d(S, [["render", V]]), I = {
-  name: "AlertIcon",
-  emits: ["click"],
-  props: {
-    title: {
-      type: String
-    },
-    fillColor: {
-      type: String,
-      default: "currentColor"
-    },
-    size: {
-      type: Number,
-      default: 24
-    }
-  }
-}, x = ["aria-hidden", "aria-label"], D = ["fill", "width", "height"], Z = { d: "M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z" }, p = { key: 0 };
-function E(t, r, e, u, h, n) {
-  return i(), l("span", _(t.$attrs, {
-    "aria-hidden": e.title ? null : !0,
-    "aria-label": e.title,
-    class: "material-design-icon alert-icon",
-    role: "img",
-    onClick: r[0] || (r[0] = (a) => t.$emit("click", a))
-  }), [
-    (i(), l("svg", {
-      fill: e.fillColor,
-      class: "material-design-icon__svg",
-      width: e.size,
-      height: e.size,
-      viewBox: "0 0 24 24"
-    }, [
-      o("path", Z, [
-        e.title ? (i(), l("title", p, s(e.title), 1)) : c("", !0)
-      ])
-    ], 8, D))
-  ], 16, x);
-}
-const g = /* @__PURE__ */ d(I, [["render", E]]), P = {
-  name: "InformationIcon",
-  emits: ["click"],
-  props: {
-    title: {
-      type: String
-    },
-    fillColor: {
-      type: String,
-      default: "currentColor"
-    },
-    size: {
-      type: Number,
-      default: 24
-    }
-  }
-}, j = ["aria-hidden", "aria-label"], q = ["fill", "width", "height"], F = { d: "M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" }, G = { key: 0 };
-function J(t, r, e, u, h, n) {
-  return i(), l("span", _(t.$attrs, {
-    "aria-hidden": e.title ? null : !0,
-    "aria-label": e.title,
-    class: "material-design-icon information-icon",
-    role: "img",
-    onClick: r[0] || (r[0] = (a) => t.$emit("click", a))
-  }), [
-    (i(), l("svg", {
-      fill: e.fillColor,
-      class: "material-design-icon__svg",
-      width: e.size,
-      height: e.size,
-      viewBox: "0 0 24 24"
-    }, [
-      o("path", F, [
-        e.title ? (i(), l("title", G, s(e.title), 1)) : c("", !0)
-      ])
-    ], 8, q))
-  ], 16, j);
-}
-const K = /* @__PURE__ */ d(P, [["render", J]]), O = {
-  name: "NcNoteCard",
-  props: {
-    /**
-     * Type of the attribute
-     */
-    type: {
-      type: String,
-      default: "warning",
-      validator: (t) => ["success", "info", "warning", "error"].includes(t)
-    },
-    showAlert: {
-      type: Boolean,
-      default: !1
-    },
-    heading: {
-      type: String,
-      default: ""
-    }
-  },
-  computed: {
-    shouldShowAlert() {
-      return this.showAlert || this.type === "error";
-    },
-    icon() {
-      switch (this.type) {
-        case "error":
-          return B;
-        case "success":
-          return b;
-        case "info":
-          return K;
-        case "warning":
-          return g;
-        default:
-          return g;
-      }
-    },
-    color() {
-      switch (this.type) {
-        case "error":
-          return "var(--color-error)";
-        case "success":
-          return "var(--color-success)";
-        case "info":
-          return "var(--color-info)";
-        case "warning":
-          return "var(--color-warning)";
-        default:
-          return "var(--color-warning)";
-      }
-    }
-  }
-}, Q = ["role"], R = { key: 0 };
-function T(t, r, e, u, h, n) {
-  return i(), l("div", {
-    class: f(["notecard", "notecard--".concat(e.type)]),
-    role: n.shouldShowAlert ? "alert" : "note"
-  }, [
-    m(t.$slots, "icon", {}, () => [
-      (i(), y(L(n.icon), {
-        class: f(["notecard__icon", { "notecard__icon--heading": e.heading }]),
-        "fill-color": n.color
-      }, null, 8, ["class", "fill-color"]))
-    ], !0),
-    o("div", null, [
-      e.heading ? (i(), l("h2", R, s(e.heading), 1)) : c("", !0),
-      m(t.$slots, "default", {}, void 0, !0)
-    ])
-  ], 10, Q);
-}
-const Y = /* @__PURE__ */ d(O, [["render", T], ["__scopeId", "data-v-722d543a"]]);
-export {
-  Y as N
-};

package/dist/chunks/NcNoteCard-xmrG6RQz.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NcNoteCard-xmrG6RQz.mjs","sources":["../../node_modules/vue-material-design-icons/CheckboxMarkedCircle.vue","../../node_modules/vue-material-design-icons/AlertDecagram.vue","../../node_modules/vue-material-design-icons/Alert.vue","../../node_modules/vue-material-design-icons/Information.vue","../../src/components/NcNoteCard/NcNoteCard.vue"],"sourcesContent":["<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"title ? null : true\"\n        :aria-label=\"title\"\n        class=\"material-design-icon checkbox-marked-circle-icon\"\n        role=\"img\"\n        @click=\"$emit('click', $event)\">\n    <svg :fill=\"fillColor\"\n         class=\"material-design-icon__svg\"\n         :width=\"size\"\n         :height=\"size\"\n         viewBox=\"0 0 24 24\">\n      <path d=\"M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"CheckboxMarkedCircleIcon\",\n  emits: ['click'],\n  props: {\n    title: {\n      type: String,\n    },\n    fillColor: {\n      type: String,\n      default: \"currentColor\"\n    },\n    size: {\n      type: Number,\n      default: 24\n    }\n  }\n}\n</script>","<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"title ? null : true\"\n        :aria-label=\"title\"\n        class=\"material-design-icon alert-decagram-icon\"\n        role=\"img\"\n        @click=\"$emit('click', $event)\">\n    <svg :fill=\"fillColor\"\n         class=\"material-design-icon__svg\"\n         :width=\"size\"\n         :height=\"size\"\n         viewBox=\"0 0 24 24\">\n      <path d=\"M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12M13,17H11V15H13V17M13,13H11V7H13V13Z\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"AlertDecagramIcon\",\n  emits: ['click'],\n  props: {\n    title: {\n      type: String,\n    },\n    fillColor: {\n      type: String,\n      default: \"currentColor\"\n    },\n    size: {\n      type: Number,\n      default: 24\n    }\n  }\n}\n</script>","<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"title ? null : true\"\n        :aria-label=\"title\"\n        class=\"material-design-icon alert-icon\"\n        role=\"img\"\n        @click=\"$emit('click', $event)\">\n    <svg :fill=\"fillColor\"\n         class=\"material-design-icon__svg\"\n         :width=\"size\"\n         :height=\"size\"\n         viewBox=\"0 0 24 24\">\n      <path d=\"M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"AlertIcon\",\n  emits: ['click'],\n  props: {\n    title: {\n      type: String,\n    },\n    fillColor: {\n      type: String,\n      default: \"currentColor\"\n    },\n    size: {\n      type: Number,\n      default: 24\n    }\n  }\n}\n</script>","<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"title ? null : true\"\n        :aria-label=\"title\"\n        class=\"material-design-icon information-icon\"\n        role=\"img\"\n        @click=\"$emit('click', $event)\">\n    <svg :fill=\"fillColor\"\n         class=\"material-design-icon__svg\"\n         :width=\"size\"\n         :height=\"size\"\n         viewBox=\"0 0 24 24\">\n      <path d=\"M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"InformationIcon\",\n  emits: ['click'],\n  props: {\n    title: {\n      type: String,\n    },\n    fillColor: {\n      type: String,\n      default: \"currentColor\"\n    },\n    size: {\n      type: Number,\n      default: 24\n    }\n  }\n}\n</script>","<!--\n  - @copyright Copyright (c) 2022 Carl Schwan <carl@carlschwan.eu>\n  -\n  - @license GNU AGPL version 3 or any later version\n  -\n  - This program is free software: you can redistribute it and/or modify\n  - it under the terms of the GNU Affero General Public License as\n  - published by the Free Software Foundation, either version 3 of the\n  - License, or (at your option) any later version.\n  -\n  - This program is distributed in the hope that it will be useful,\n  - but WITHOUT ANY WARRANTY; without even the implied warranty of\n  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n  - GNU Affero General Public License for more details.\n  -\n  - You should have received a copy of the GNU Affero General Public License\n  - along with this program. If not, see <http://www.gnu.org/licenses/>.\n  -\n  -->\n\n<docs>\nThis component is made to display additional information to the user. It is\navailable in four versions:\n\n- success: Display a successful message\n- info: Display an informational message\n- warning: Display a warning to the user. This indicate that the action they want\n- error: Display an error message. For example\n\nWhen using an error type,\n\n```vue\n<template>\n\t<div>\n\t\t<NcNoteCard type=\"warning\">\n\t\t\t<p>This is dangerous</p>\n\t\t</NcNoteCard>\n\n\t\t<NcNoteCard type=\"error\" heading=\"Error\">\n\t\t\t<p>The server is not happy and reported the following error</p>\n\t\t</NcNoteCard>\n\n\t\t<NcNoteCard type=\"success\">\n\t\t\t<p>You won</p>\n\t\t</NcNoteCard>\n\n\t\t<NcNoteCard type=\"info\">\n\t\t\t<p>For your information</p>\n\t\t</NcNoteCard>\n\n\t\t<NcNoteCard type=\"warning\">\n\t\t\t<template #icon>\n\t\t\t\t<Cog :size=\"20\"/>\n\t\t\t</template>\n\t\t\t<p>Custom icon usage</p>\n\t\t</NcNoteCard>\n\t</div>\n</template>\n\n<script>\n\timport Cog from 'vue-material-design-icons/Cog.vue'\n\n\texport default {\n\t\tcomponents: {\n\t\t\tCog,\n\t\t},\n\t}\n</script>\n```\n</docs>\n\n<template>\n\t<div class=\"notecard\"\n\t\t:class=\"`notecard--${type}`\"\n\t\t:role=\"shouldShowAlert ? 'alert' : 'note'\">\n\t\t<!-- @slot Manually provide icon -->\n\t\t<slot name=\"icon\">\n\t\t\t<component :is=\"icon\"\n\t\t\t\tclass=\"notecard__icon\"\n\t\t\t\t:class=\"{'notecard__icon--heading': heading}\"\n\t\t\t\t:fill-color=\"color\" />\n\t\t</slot>\n\t\t<div>\n\t\t\t<h2 v-if=\"heading\">\n\t\t\t\t{{ heading }}\n\t\t\t</h2>\n\t\t\t<slot />\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport CheckboxMarkedCircle from 'vue-material-design-icons/CheckboxMarkedCircle.vue'\nimport AlertDecagram from 'vue-material-design-icons/AlertDecagram.vue'\nimport Alert from 'vue-material-design-icons/Alert.vue'\nimport Information from 'vue-material-design-icons/Information.vue'\n\nexport default {\n\tname: 'NcNoteCard',\n\n\tprops: {\n\t\t/**\n\t\t * Type of the attribute\n\t\t */\n\t\ttype: {\n\t\t\ttype: String,\n\t\t\tdefault: 'warning',\n\t\t\tvalidator: type => ['success', 'info', 'warning', 'error'].includes(type),\n\t\t},\n\t\tshowAlert: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\theading: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t},\n\tcomputed: {\n\t\tshouldShowAlert() {\n\t\t\treturn this.showAlert || this.type === 'error'\n\t\t},\n\t\ticon() {\n\t\t\tswitch (this.type) {\n\t\t\tcase 'error':\n\t\t\t\treturn AlertDecagram\n\t\t\tcase 'success':\n\t\t\t\treturn CheckboxMarkedCircle\n\t\t\tcase 'info':\n\t\t\t\treturn Information\n\t\t\tcase 'warning':\n\t\t\t\treturn Alert\n\t\t\tdefault:\n\t\t\t\treturn Alert\n\t\t\t}\n\t\t},\n\t\tcolor() {\n\t\t\tswitch (this.type) {\n\t\t\tcase 'error':\n\t\t\t\treturn 'var(--color-error)'\n\t\t\tcase 'success':\n\t\t\t\treturn 'var(--color-success)'\n\t\t\tcase 'info':\n\t\t\t\treturn 'var(--color-info)'\n\t\t\tcase 'warning':\n\t\t\t\treturn 'var(--color-warning)'\n\t\t\tdefault:\n\t\t\t\treturn 'var(--color-warning)'\n\t\t\t}\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.notecard {\n\tcolor: var(--color-main-text) !important;\n\tbackground-color: var(--note-background) !important;\n\tborder-inline-start: 4px solid var(--note-theme);\n\tborder-radius: var(--border-radius);\n\tmargin: 1rem 0;\n\tmargin-top: 1rem;\n\tpadding: 1rem;\n\tdisplay: flex;\n\tflex-direction: row;\n\tgap: 1rem;\n\n\t&__icon--heading {\n\t\tmargin-bottom: auto;\n\t\tmargin-top: 0.3rem;\n\t}\n\n\t&--success {\n\t\t--note-background: rgba(var(--color-success-rgb), 0.1);\n\t\t--note-theme: var(--color-success);\n\t}\n\n\t&--info {\n\t\t--note-background: rgba(var(--color-info-rgb), 0.1);\n\t\t--note-theme: var(--color-info);\n\t}\n\n\t&--error {\n\t\t--note-background: rgba(var(--color-error-rgb), 0.1);\n\t\t--note-theme: var(--color-error);\n\t}\n\n\t&--warning {\n\t\t--note-background: rgba(var(--color-warning-rgb), 0.1);\n\t\t--note-theme: var(--color-warning);\n\t}\n}\n</style>\n"],"names":["_sfc_main$4","_hoisted_1$4","_hoisted_2$4","_hoisted_3$3","$props","createElementVNode","createCommentVNode","_sfc_main$3","_hoisted_1$3","_hoisted_2$3","_hoisted_3$2","_sfc_main$2","_hoisted_1$2","_hoisted_2$2","_hoisted_3$1","_sfc_main$1","_hoisted_1$1","_hoisted_2$1","_hoisted_3","_sfc_main","type","AlertDecagram","Information","_hoisted_1","normalizeClass","$options","renderSlot","_ctx"],"mappings":";;;AAoBA,MAAAA,IAAA;AAAA,EACE,MAAA;AAAA,EACA,OAAA,CAAA,OAAA;AAAA,EACA,OAAA;AAAA,IACE,OAAA;AAAA;;;;MAKE,SAAA;AAAA;;;MAIA,SAAA;AAAA,IACF;AAAA,EACF;AACF,GApCAC,IAAA,CAAA,eAAA,YAAA,GAAAC,IAAA,CAAA,QAAA,SAAA,QAAA,GAYYC,IAAA,EAAA,GAAA,8HAAA;;;IAVH,eAAAC,EAAA,QAAA,OAAA;AAAA,IACA,cAAAA,EAAA;AAAA,IACD,OAAA;AAAA,IACA,MAAA;AAAA;;;MAEE,MAAAA,EAAA;AAAA,MACD,OAAA;AAAA,MACC,OAAAA,EAAA;AAAA,MACA,QAAAA,EAAA;AAAA,MACD,SAAA;AAAA;MACHC,EAAA,QAAAF,GAAA;AAAA,wDAZNG,EAAA,IAAA,EAAA;AAAA;IAAA,GAAA,GAAAJ,CAAA;AAAA,EAAA,GAAA,IAAAD,CAAA;;iDCoBAM,IAAA;AAAA;EAEE,OAAA,CAAA,OAAA;AAAA,EACA,OAAA;AAAA,IACE,OAAA;AAAA;;;;MAKE,SAAA;AAAA;;;MAIA,SAAA;AAAA,IACF;AAAA,EACF;AACF,GApCAC,IAAA,CAAA,eAAA,YAAA,GAAAC,IAAA,CAAA,QAAA,SAAA,QAAA,GAYYC,IAAA,EAAA,GAAA,2OAAA;;;IAVH,eAAAN,EAAA,QAAA,OAAA;AAAA,IACA,cAAAA,EAAA;AAAA,IACD,OAAA;AAAA,IACA,MAAA;AAAA;;;MAEE,MAAAA,EAAA;AAAA,MACD,OAAA;AAAA,MACC,OAAAA,EAAA;AAAA,MACA,QAAAA,EAAA;AAAA,MACD,SAAA;AAAA;MACHC,EAAA,QAAAK,GAAA;AAAA,wDAZNJ,EAAA,IAAA,EAAA;AAAA;IAAA,GAAA,GAAAG,CAAA;AAAA,EAAA,GAAA,IAAAD,CAAA;;iDCoBAG,IAAA;AAAA,EACE,MAAA;AAAA,EACA,OAAA,CAAA,OAAA;AAAA,EACA,OAAA;AAAA,IACE,OAAA;AAAA;;;;MAKE,SAAA;AAAA;;;MAIA,SAAA;AAAA,IACF;AAAA,EACF;AACF,GApCAC,IAAA,CAAA,eAAA,YAAA,GAAAC,IAAA,CAAA,QAAA,SAAA,QAAA,GAYYC,IAAA,EAAA,GAAA,mDAAA;;;IAVH,eAAAV,EAAA,QAAA,OAAA;AAAA,IACA,cAAAA,EAAA;AAAA,IACD,OAAA;AAAA,IACA,MAAA;AAAA;;;MAEE,MAAAA,EAAA;AAAA,MACD,OAAA;AAAA,MACC,OAAAA,EAAA;AAAA,MACA,QAAAA,EAAA;AAAA,MACD,SAAA;AAAA;MACHC,EAAA,QAAAS,GAAA;AAAA,wDAZNR,EAAA,IAAA,EAAA;AAAA;IAAA,GAAA,GAAAO,CAAA;AAAA,EAAA,GAAA,IAAAD,CAAA;;iDCoBAG,IAAA;AAAA;EAEE,OAAA,CAAA,OAAA;AAAA,EACA,OAAA;AAAA,IACE,OAAA;AAAA;;;;MAKE,SAAA;AAAA;;;MAIA,SAAA;AAAA,IACF;AAAA,EACF;AACF,GApCAC,IAAA,CAAA,eAAA,YAAA,GAAAC,IAAA,CAAA,QAAA,SAAA,QAAA,GAYYC,IAAA,EAAA,GAAA,2GAAA;;;IAVH,eAAAd,EAAA,QAAA,OAAA;AAAA,IACA,cAAAA,EAAA;AAAA,IACD,OAAA;AAAA,IACA,MAAA;AAAA;;;MAEE,MAAAA,EAAA;AAAA,MACD,OAAA;AAAA,MACC,OAAAA,EAAA;AAAA,MACA,QAAAA,EAAA;AAAA,MACD,SAAA;AAAA;MACHC,EAAA,QAAAa,GAAA;AAAA,wDAZNZ,EAAA,IAAA,EAAA;AAAA;IAAA,GAAA,GAAAW,CAAA;AAAA,EAAA,GAAA,IAAAD,CAAA;;iDCiGAG,IAAA;AAAA,EACC,MAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;;MAME,SAAA;AAAA,MACA,WAAA,CAAAC,MAAA,CAAA,WAAA,QAAA,WAAA,OAAA,EAAA,SAAAA,CAAA;AAAA;;;;;IAMD,SAAA;AAAA;;;;EAKD,UAAA;AAAA,IACC,kBAAA;AACC,aAAA,KAAA,aAAA,KAAA,SAAA;AAAA;IAED,OAAA;AACC,cAAA,KAAA,MAAA;AAAA;AAEC,iBAAAC;AAAA;;;AAIA,iBAAAC;AAAA;;QAGD;;MAEA;AAAA;IAED,QAAA;AACC,cAAA,KAAA,MAAA;AAAA;;;;;;;;QASA;;MAEA;AAAA;;AAGH,GAvJAC,IAAA,CAAA,MAAA;;;IAwEM,OAAAC,EAAA,CAAA,YAAA,aAAA,OAAApB,EAAA,KAAA,CAAA;AAAA,IAEH,MAAAqB,EAAA,kBAAA,UAAA;AAAA;IAEDC,EAAAC,EAAA,QAAA,QAAA,CAAA,GAAA,MAAA;AAAA;QAEE,OAAAH,EAAA,CAAA,kBAAA,EAAA,2BAAApB,EAAA,QAAA,CAAA,CAAA;AAAA,QAEC,cAAAqB,EAAA;AAAA;;;uDAhFLnB,EAAA,IAAA,EAAA;AAAA;;EAAA,GAAA,IAAAiB,CAAA;;;","x_google_ignoreList":[0,1,2,3]}