@nextcloud/vue 8.5.0 → 9.0.0-alpha.0

package/dist/chunks/GenColors-avBT67Zu.mjs

@@ -0,0 +1,142 @@
+import { r as h, t as f, a as n } from "./_l10n-JmazR_zZ.mjs";
+h(f);
+/**
+ * @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>
+ *
+ * @author John Molakvoæ <skjnldsv@protonmail.com>
+ * @author Grigorii K. Shartsev <me@shgk.me>
+ *
+ * @license AGPL-3.0-or-later
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+class e {
+  /**
+   * @param {number} r The red value
+   * @param {number} g The green value
+   * @param {number} b The blue value
+   * @param {string} [name] The name of the color
+   */
+  constructor(t, r, l, c) {
+    this.r = t, this.g = r, this.b = l, c && (this.name = c);
+  }
+  get color() {
+    const t = (r) => `00${r.toString(16)}`.slice(-2);
+    return `#${t(this.r)}${t(this.g)}${t(this.b)}`;
+  }
+}
+function b(o, t) {
+  const r = new Array(3);
+  return r[0] = (t[1].r - t[0].r) / o, r[1] = (t[1].g - t[0].g) / o, r[2] = (t[1].b - t[0].b) / o, r;
+}
+function u(o, t, r) {
+  const l = [];
+  l.push(t);
+  const c = b(o, [t, r]);
+  for (let a = 1; a < o; a++) {
+    const i = Math.floor(t.r + c[0] * a), s = Math.floor(t.g + c[1] * a), w = Math.floor(t.b + c[2] * a);
+    l.push(new e(i, s, w));
+  }
+  return l;
+}
+const g = [
+  new e(182, 70, 157, n("Purple")),
+  new e(
+    191,
+    103,
+    139,
+    n("Rosy brown")
+    // TRANSLATORS: A color name for RGB(191, 103, 139)
+  ),
+  new e(
+    201,
+    136,
+    121,
+    n("Feldspar")
+    // TRANSLATORS: A color name for RGB(201, 136, 121)
+  ),
+  new e(
+    211,
+    169,
+    103,
+    n("Whiskey")
+    // TRANSLATORS: A color name for RGB(211, 169, 103)
+  ),
+  new e(
+    221,
+    203,
+    85,
+    n("Gold")
+  ),
+  new e(
+    165,
+    184,
+    114,
+    n("Olivine")
+    // TRANSLATORS: A color name for RGB(165, 184, 114)
+  ),
+  new e(
+    110,
+    166,
+    143,
+    n("Acapulco")
+    // TRANSLATORS: A color name for RGB(110, 166, 143)
+  ),
+  new e(
+    55,
+    148,
+    172,
+    n("Boston Blue")
+    // TRANSLATORS: A color name for RGB(55, 148, 172)
+  ),
+  new e(
+    0,
+    130,
+    201,
+    n("Nextcloud blue")
+  ),
+  new e(
+    45,
+    115,
+    190,
+    n("Mariner")
+    // TRANSLATORS: A color name for RGB(45, 115, 190)
+  ),
+  new e(
+    91,
+    100,
+    179,
+    n("Blue Violet")
+    // TRANSLATORS: A color name for RGB(91, 100, 179)
+  ),
+  new e(
+    136,
+    85,
+    168,
+    n("Deluge")
+    // TRANSLATORS: A color name for RGB(136, 85, 168)
+  )
+];
+function x(o) {
+  if (o || (o = 6), o === 4)
+    return g;
+  const t = new e(182, 70, 157, n("Purple")), r = new e(221, 203, 85, n("Gold")), l = new e(0, 130, 201, n("Nextcloud blue")), c = u(o, t, r), a = u(o, r, l), i = u(o, l, t);
+  return c.concat(a).concat(i);
+}
+export {
+  e as C,
+  x as G,
+  g as d
+};

package/dist/chunks/GenColors-avBT67Zu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenColors-avBT67Zu.mjs","sources":["../../src/utils/GenColors.js"],"sourcesContent":["/**\n * @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>\n *\n * @author John Molakvoæ <skjnldsv@protonmail.com>\n * @author Grigorii K. Shartsev <me@shgk.me>\n *\n * @license AGPL-3.0-or-later\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\nimport { t } from '../l10n.js'\n\nexport class Color {\n\n\t/**\n\t * @param {number} r The red value\n\t * @param {number} g The green value\n\t * @param {number} b The blue value\n\t * @param {string} [name] The name of the color\n\t */\n\tconstructor(r, g, b, name) {\n\t\tthis.r = r\n\t\tthis.g = g\n\t\tthis.b = b\n\t\tif (name) {\n\t\t\tthis.name = name\n\t\t}\n\t}\n\n\tget color() {\n\t\tconst toHex = (num) => `00${num.toString(16)}`.slice(-2)\n\t\treturn `#${toHex(this.r)}${toHex(this.g)}${toHex(this.b)}`\n\t}\n\n}\n\n/**\n * Calculate the number of steps\n *\n * @param {number} steps The number of steps\n * @param {Array} ends The ends\n * @return {Array} Array containing the number of steps per color\n */\nfunction stepCalc(steps, ends) {\n\tconst step = new Array(3)\n\tstep[0] = (ends[1].r - ends[0].r) / steps\n\tstep[1] = (ends[1].g - ends[0].g) / steps\n\tstep[2] = (ends[1].b - ends[0].b) / steps\n\treturn step\n}\n\n/**\n * Create a color palette from two colors\n *\n * @param {number} steps The number of steps the palette has\n * @param {Color} color1 The first color\n * @param {Color} color2 The second color\n * @return {Array} The created palette array\n */\nfunction mixPalette(steps, color1, color2) {\n\tconst palette = []\n\tpalette.push(color1)\n\tconst step = stepCalc(steps, [color1, color2])\n\tfor (let i = 1; i < steps; i++) {\n\t\tconst r = Math.floor(color1.r + step[0] * i)\n\t\tconst g = Math.floor(color1.g + step[1] * i)\n\t\tconst b = Math.floor(color1.b + step[2] * i)\n\t\tpalette.push(new Color(r, g, b))\n\t}\n\treturn palette\n}\n\n/**\n * Like GenColor(4) but with labels\n */\nexport const defaultPalette = [\n\tnew Color(182, 70, 157, t('Purple')),\n\tnew Color(\n\t\t191, 103, 139,\n\t\tt('Rosy brown'), // TRANSLATORS: A color name for RGB(191, 103, 139)\n\t),\n\tnew Color(\n\t\t201, 136, 121,\n\t\tt('Feldspar'), // TRANSLATORS: A color name for RGB(201, 136, 121)\n\t),\n\tnew Color(\n\t\t211, 169, 103,\n\t\tt('Whiskey'), // TRANSLATORS: A color name for RGB(211, 169, 103)\n\t),\n\tnew Color(\n\t\t221, 203, 85,\n\t\tt('Gold'),\n\t),\n\tnew Color(\n\t\t165, 184, 114,\n\t\tt('Olivine'), // TRANSLATORS: A color name for RGB(165, 184, 114)\n\t),\n\tnew Color(\n\t\t110, 166, 143,\n\t\tt('Acapulco'), // TRANSLATORS: A color name for RGB(110, 166, 143)\n\t),\n\tnew Color(\n\t\t55, 148, 172,\n\t\tt('Boston Blue'), // TRANSLATORS: A color name for RGB(55, 148, 172)\n\t),\n\tnew Color(\n\t\t0, 130, 201,\n\t\tt('Nextcloud blue'),\n\t),\n\tnew Color(\n\t\t45, 115, 190,\n\t\tt('Mariner'), // TRANSLATORS: A color name for RGB(45, 115, 190)\n\t),\n\tnew Color(\n\t\t91, 100, 179,\n\t\tt('Blue Violet'), // TRANSLATORS: A color name for RGB(91, 100, 179)\n\t),\n\tnew Color(\n\t\t136, 85, 168,\n\t\tt('Deluge'), // TRANSLATORS: A color name for RGB(136, 85, 168)\n\t),\n]\n\n/**\n * Generate colors from the official nextcloud color\n * You can provide how many colors you want (multiplied by 3)\n * if step = 6\n * 3 colors * 6 will result in 18 generated colors\n *\n * @param {number} [steps] Number of steps to go from a color to another\n * @return {object[]}\n */\nexport function GenColors(steps) {\n\tif (!steps) {\n\t\tsteps = 6\n\t}\n\n\tif (steps === 4) {\n\t\treturn defaultPalette\n\t}\n\n\tconst red = new Color(182, 70, 157, t('Purple'))\n\tconst yellow = new Color(221, 203, 85, t('Gold'))\n\tconst blue = new Color(0, 130, 201, t('Nextcloud blue'))\n\n\tconst palette1 = mixPalette(steps, red, yellow)\n\tconst palette2 = mixPalette(steps, yellow, blue)\n\tconst palette3 = mixPalette(steps, blue, red)\n\n\treturn palette1.concat(palette2).concat(palette3)\n}\n"],"names":["Color","r","g","b","name","toHex","num","stepCalc","steps","ends","step","mixPalette","color1","color2","palette","i","defaultPalette","t","GenColors","red","yellow","blue","palette1","palette2","palette3"],"mappings":"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"}

package/dist/chunks/GenColors-ojnUsIA8.cjs

@@ -0,0 +1,141 @@
+"use strict";
+const e = require("./_l10n-wK0o0jNS.cjs");
+e.register(e.t3);
+/**
+ * @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>
+ *
+ * @author John Molakvoæ <skjnldsv@protonmail.com>
+ * @author Grigorii K. Shartsev <me@shgk.me>
+ *
+ * @license AGPL-3.0-or-later
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+class n {
+  /**
+   * @param {number} r The red value
+   * @param {number} g The green value
+   * @param {number} b The blue value
+   * @param {string} [name] The name of the color
+   */
+  constructor(t, r, l, c) {
+    this.r = t, this.g = r, this.b = l, c && (this.name = c);
+  }
+  get color() {
+    const t = (r) => `00${r.toString(16)}`.slice(-2);
+    return `#${t(this.r)}${t(this.g)}${t(this.b)}`;
+  }
+}
+function f(o, t) {
+  const r = new Array(3);
+  return r[0] = (t[1].r - t[0].r) / o, r[1] = (t[1].g - t[0].g) / o, r[2] = (t[1].b - t[0].b) / o, r;
+}
+function a(o, t, r) {
+  const l = [];
+  l.push(t);
+  const c = f(o, [t, r]);
+  for (let u = 1; u < o; u++) {
+    const i = Math.floor(t.r + c[0] * u), w = Math.floor(t.g + c[1] * u), h = Math.floor(t.b + c[2] * u);
+    l.push(new n(i, w, h));
+  }
+  return l;
+}
+const s = [
+  new n(182, 70, 157, e.t("Purple")),
+  new n(
+    191,
+    103,
+    139,
+    e.t("Rosy brown")
+    // TRANSLATORS: A color name for RGB(191, 103, 139)
+  ),
+  new n(
+    201,
+    136,
+    121,
+    e.t("Feldspar")
+    // TRANSLATORS: A color name for RGB(201, 136, 121)
+  ),
+  new n(
+    211,
+    169,
+    103,
+    e.t("Whiskey")
+    // TRANSLATORS: A color name for RGB(211, 169, 103)
+  ),
+  new n(
+    221,
+    203,
+    85,
+    e.t("Gold")
+  ),
+  new n(
+    165,
+    184,
+    114,
+    e.t("Olivine")
+    // TRANSLATORS: A color name for RGB(165, 184, 114)
+  ),
+  new n(
+    110,
+    166,
+    143,
+    e.t("Acapulco")
+    // TRANSLATORS: A color name for RGB(110, 166, 143)
+  ),
+  new n(
+    55,
+    148,
+    172,
+    e.t("Boston Blue")
+    // TRANSLATORS: A color name for RGB(55, 148, 172)
+  ),
+  new n(
+    0,
+    130,
+    201,
+    e.t("Nextcloud blue")
+  ),
+  new n(
+    45,
+    115,
+    190,
+    e.t("Mariner")
+    // TRANSLATORS: A color name for RGB(45, 115, 190)
+  ),
+  new n(
+    91,
+    100,
+    179,
+    e.t("Blue Violet")
+    // TRANSLATORS: A color name for RGB(91, 100, 179)
+  ),
+  new n(
+    136,
+    85,
+    168,
+    e.t("Deluge")
+    // TRANSLATORS: A color name for RGB(136, 85, 168)
+  )
+];
+function b(o) {
+  if (o || (o = 6), o === 4)
+    return s;
+  const t = new n(182, 70, 157, e.t("Purple")), r = new n(221, 203, 85, e.t("Gold")), l = new n(0, 130, 201, e.t("Nextcloud blue")), c = a(o, t, r), u = a(o, r, l), i = a(o, l, t);
+  return c.concat(u).concat(i);
+}
+exports.Color = n;
+exports.GenColors = b;
+exports.defaultPalette = s;

package/dist/chunks/GenColors-ojnUsIA8.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenColors-ojnUsIA8.cjs","sources":["../../src/utils/GenColors.js"],"sourcesContent":["/**\n * @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>\n *\n * @author John Molakvoæ <skjnldsv@protonmail.com>\n * @author Grigorii K. Shartsev <me@shgk.me>\n *\n * @license AGPL-3.0-or-later\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\nimport { t } from '../l10n.js'\n\nexport class Color {\n\n\t/**\n\t * @param {number} r The red value\n\t * @param {number} g The green value\n\t * @param {number} b The blue value\n\t * @param {string} [name] The name of the color\n\t */\n\tconstructor(r, g, b, name) {\n\t\tthis.r = r\n\t\tthis.g = g\n\t\tthis.b = b\n\t\tif (name) {\n\t\t\tthis.name = name\n\t\t}\n\t}\n\n\tget color() {\n\t\tconst toHex = (num) => `00${num.toString(16)}`.slice(-2)\n\t\treturn `#${toHex(this.r)}${toHex(this.g)}${toHex(this.b)}`\n\t}\n\n}\n\n/**\n * Calculate the number of steps\n *\n * @param {number} steps The number of steps\n * @param {Array} ends The ends\n * @return {Array} Array containing the number of steps per color\n */\nfunction stepCalc(steps, ends) {\n\tconst step = new Array(3)\n\tstep[0] = (ends[1].r - ends[0].r) / steps\n\tstep[1] = (ends[1].g - ends[0].g) / steps\n\tstep[2] = (ends[1].b - ends[0].b) / steps\n\treturn step\n}\n\n/**\n * Create a color palette from two colors\n *\n * @param {number} steps The number of steps the palette has\n * @param {Color} color1 The first color\n * @param {Color} color2 The second color\n * @return {Array} The created palette array\n */\nfunction mixPalette(steps, color1, color2) {\n\tconst palette = []\n\tpalette.push(color1)\n\tconst step = stepCalc(steps, [color1, color2])\n\tfor (let i = 1; i < steps; i++) {\n\t\tconst r = Math.floor(color1.r + step[0] * i)\n\t\tconst g = Math.floor(color1.g + step[1] * i)\n\t\tconst b = Math.floor(color1.b + step[2] * i)\n\t\tpalette.push(new Color(r, g, b))\n\t}\n\treturn palette\n}\n\n/**\n * Like GenColor(4) but with labels\n */\nexport const defaultPalette = [\n\tnew Color(182, 70, 157, t('Purple')),\n\tnew Color(\n\t\t191, 103, 139,\n\t\tt('Rosy brown'), // TRANSLATORS: A color name for RGB(191, 103, 139)\n\t),\n\tnew Color(\n\t\t201, 136, 121,\n\t\tt('Feldspar'), // TRANSLATORS: A color name for RGB(201, 136, 121)\n\t),\n\tnew Color(\n\t\t211, 169, 103,\n\t\tt('Whiskey'), // TRANSLATORS: A color name for RGB(211, 169, 103)\n\t),\n\tnew Color(\n\t\t221, 203, 85,\n\t\tt('Gold'),\n\t),\n\tnew Color(\n\t\t165, 184, 114,\n\t\tt('Olivine'), // TRANSLATORS: A color name for RGB(165, 184, 114)\n\t),\n\tnew Color(\n\t\t110, 166, 143,\n\t\tt('Acapulco'), // TRANSLATORS: A color name for RGB(110, 166, 143)\n\t),\n\tnew Color(\n\t\t55, 148, 172,\n\t\tt('Boston Blue'), // TRANSLATORS: A color name for RGB(55, 148, 172)\n\t),\n\tnew Color(\n\t\t0, 130, 201,\n\t\tt('Nextcloud blue'),\n\t),\n\tnew Color(\n\t\t45, 115, 190,\n\t\tt('Mariner'), // TRANSLATORS: A color name for RGB(45, 115, 190)\n\t),\n\tnew Color(\n\t\t91, 100, 179,\n\t\tt('Blue Violet'), // TRANSLATORS: A color name for RGB(91, 100, 179)\n\t),\n\tnew Color(\n\t\t136, 85, 168,\n\t\tt('Deluge'), // TRANSLATORS: A color name for RGB(136, 85, 168)\n\t),\n]\n\n/**\n * Generate colors from the official nextcloud color\n * You can provide how many colors you want (multiplied by 3)\n * if step = 6\n * 3 colors * 6 will result in 18 generated colors\n *\n * @param {number} [steps] Number of steps to go from a color to another\n * @return {object[]}\n */\nexport function GenColors(steps) {\n\tif (!steps) {\n\t\tsteps = 6\n\t}\n\n\tif (steps === 4) {\n\t\treturn defaultPalette\n\t}\n\n\tconst red = new Color(182, 70, 157, t('Purple'))\n\tconst yellow = new Color(221, 203, 85, t('Gold'))\n\tconst blue = new Color(0, 130, 201, t('Nextcloud blue'))\n\n\tconst palette1 = mixPalette(steps, red, yellow)\n\tconst palette2 = mixPalette(steps, yellow, blue)\n\tconst palette3 = mixPalette(steps, blue, red)\n\n\treturn palette1.concat(palette2).concat(palette3)\n}\n"],"names":["Color","r","g","b","name","toHex","num","stepCalc","steps","ends","step","mixPalette","color1","color2","palette","i","defaultPalette","t","GenColors","red","yellow","blue","palette1","palette2","palette3"],"mappings":"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"}

package/dist/chunks/NcActionButton-G4OSfyii.cjs

@@ -0,0 +1,171 @@
+var N = require("../assets/NcActionButton-p7spK21h.css");
+const c = require("./Check-SlTPuUzR.cjs"), r = require("./ChevronRight-iDcqZ2Ih.cjs"), u = require("./actionText-WQ07UNmt.cjs"), e = require("vue"), d = require("./_plugin-vue_export-helper-xG2iG1wl.cjs"), h = {
+  name: "NcActionButton",
+  components: {
+    CheckIcon: c.Check,
+    ChevronRightIcon: r.ChevronRight
+  },
+  mixins: [u.ActionTextMixin],
+  inject: {
+    isInSemanticMenu: {
+      from: "NcActions:isSemanticMenu",
+      default: !1
+    }
+  },
+  props: {
+    /**
+     * @deprecated To be removed in @nextcloud/vue 9. Migration guide: remove ariaHidden prop from NcAction* components.
+     * @todo Add a check in @nextcloud/vue 9 that this prop is not provided,
+     * otherwise root element will inherit incorrect aria-hidden.
+     */
+    ariaHidden: {
+      type: Boolean,
+      default: null
+    },
+    /**
+     * disabled state of the action button
+     */
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * If this is a menu, a chevron icon will
+     * be added at the end of the line
+     */
+    isMenu: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * The button's behavior, by default the button acts like a normal button with optional toggle button behavior if `modelValue` is `true` or `false`.
+     * But you can also set to checkbox button behavior with tri-state or radio button like behavior.
+     * This extends the native HTML button type attribute.
+     */
+    type: {
+      type: String,
+      default: "button",
+      validator: (t) => ["button", "checkbox", "radio", "reset", "submit"].includes(t)
+    },
+    /**
+     * The buttons state if `type` is 'checkbox' or 'radio' (meaning if it is pressed / selected)
+     * Either boolean for checkbox and toggle button behavior or `value` for radio behavior.
+     *
+     *  **This is not availabe for `type='submit'` or `type='reset'`**
+     *
+     * If using `type='checkbox'` a `model-value` of `true` means checked, `false` means unchecked and `null` means indeterminate (tri-state)
+     * For `type='radio'` `null` is equal to `false`
+     */
+    modelValue: {
+      type: [Boolean, String],
+      default: null
+    },
+    /**
+     * The value used for the `modelValue` when this component is used with radio behavior
+     * Similar to the `value` attribute of `<input type="radio">`
+     */
+    value: {
+      type: String,
+      default: null
+    }
+  },
+  emits: ["update:modelValue"],
+  computed: {
+    /**
+     * determines if the action is focusable
+     *
+     * @return {boolean} is the action focusable ?
+     */
+    isFocusable() {
+      return !this.disabled;
+    },
+    /**
+     * The current "checked" or "pressed" state for the model behavior
+     */
+    isChecked() {
+      return this.type === "radio" ? this.modelValue === this.value : this.modelValue;
+    },
+    /**
+     * The native HTML type to set on the button
+     */
+    nativeType() {
+      return this.type === "submit" || this.type === "reset" ? this.type : "button";
+    },
+    /**
+     * HTML attributes to bind to the <button>
+     */
+    buttonAttributes() {
+      const t = {};
+      return this.isInSemanticMenu ? (t.role = "menuitem", this.type === "radio" ? (t.role = "menuitemradio", t["aria-checked"] = this.isChecked ? "true" : "false") : (this.type === "checkbox" || this.nativeType === "button" && this.modelValue !== null) && (t.role = "menuitemcheckbox", t["aria-checked"] = this.modelValue === null ? "mixed" : this.modelValue ? "true" : "false")) : this.modelValue !== null && this.nativeType === "button" && (t["aria-pressed"] = this.modelValue ? "true" : "false"), t;
+    }
+  },
+  methods: {
+    /**
+     * Forward click event, let mixin handle the close-after-click and emit new modelValue if needed
+     * @param {MouseEvent} event The click event
+     */
+    handleClick(t) {
+      this.onClick(t), (this.modelValue !== null || this.type !== "button") && (this.type === "radio" ? this.isChecked || this.$emit("update:modelValue", this.value) : this.$emit("update:modelValue", !this.isChecked));
+    }
+  }
+}, m = (t) => (e.pushScopeId("data-v-7822b2ae"), t = t(), e.popScopeId(), t), p = ["role"], b = ["aria-label", "title", "type"], k = {
+  key: 0,
+  class: "action-button__longtext-wrapper"
+}, _ = { class: "action-button__name" }, y = /* @__PURE__ */ m(() => /* @__PURE__ */ e.createElementVNode("br", null, null, -1)), C = ["textContent"], f = ["textContent"], g = {
+  key: 2,
+  class: "action-button__text"
+}, B = {
+  key: 5,
+  class: "action-button__pressed-icon material-design-icon"
+};
+function v(t, o, i, I, S, n) {
+  const l = e.resolveComponent("ChevronRightIcon"), s = e.resolveComponent("CheckIcon");
+  return e.openBlock(), e.createElementBlock("li", {
+    class: e.normalizeClass(["action", { "action--disabled": i.disabled }]),
+    role: n.isInSemanticMenu && "presentation"
+  }, [
+    e.createElementVNode("button", e.mergeProps({
+      "aria-label": t.ariaLabel,
+      class: ["action-button button-vue", {
+        "action-button--active": n.isChecked,
+        focusable: n.isFocusable
+      }],
+      title: t.title,
+      type: n.nativeType
+    }, n.buttonAttributes, {
+      onClick: o[0] || (o[0] = (...a) => n.handleClick && n.handleClick(...a))
+    }), [
+      e.renderSlot(t.$slots, "icon", {}, () => [
+        e.createElementVNode("span", {
+          class: e.normalizeClass([[t.isIconUrl ? "action-button__icon--url" : t.icon], "action-button__icon"]),
+          style: e.normalizeStyle({ backgroundImage: t.isIconUrl ? `url(${t.icon})` : null }),
+          "aria-hidden": "true"
+        }, null, 6)
+      ], !0),
+      t.name ? (e.openBlock(), e.createElementBlock("span", k, [
+        e.createElementVNode("strong", _, e.toDisplayString(t.name), 1),
+        y,
+        e.createElementVNode("span", {
+          class: "action-button__longtext",
+          textContent: e.toDisplayString(t.text)
+        }, null, 8, C)
+      ])) : t.isLongText ? (e.openBlock(), e.createElementBlock("span", {
+        key: 1,
+        class: "action-button__longtext",
+        textContent: e.toDisplayString(t.text)
+      }, null, 8, f)) : (e.openBlock(), e.createElementBlock("span", g, e.toDisplayString(t.text), 1)),
+      i.isMenu ? (e.openBlock(), e.createBlock(l, {
+        key: 3,
+        size: 20,
+        class: "action-button__menu-icon"
+      })) : n.isChecked === !0 ? (e.openBlock(), e.createBlock(s, {
+        key: 4,
+        size: 20,
+        class: "action-button__pressed-icon"
+      })) : n.isChecked === !1 ? (e.openBlock(), e.createElementBlock("span", B)) : e.createCommentVNode("", !0),
+      e.createCommentVNode("", !0)
+    ], 16, b)
+  ], 10, p);
+}
+const V = /* @__PURE__ */ d._export_sfc(h, [["render", v], ["__scopeId", "data-v-7822b2ae"]]);
+exports.NcActionButton = V;

package/dist/chunks/NcActionButton-G4OSfyii.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcActionButton-G4OSfyii.cjs","sources":["../../src/components/NcActionButton/NcActionButton.vue"],"sourcesContent":["<!--\n  - @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>\n  -\n  - @author John Molakvoæ <skjnldsv@protonmail.com>\n  - @author Marco Ambrosini <marcoambrosini@icloud.com>\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 be used inside of the [NcActions](#NcActions) component slots.\n\n```vue\n\t<template>\n\t\t<NcActions>\n\t\t\t<NcActionButton @click=\"showMessage('Delete')\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Delete :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tDelete\n\t\t\t</NcActionButton>\n\t\t\t<NcActionButton :close-after-click=\"true\" @click=\"showMessage('Delete and close menu')\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Delete :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tDelete and close\n\t\t\t</NcActionButton>\n\t\t\t<NcActionButton :is-menu=\"true\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Plus :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tCreate\n\t\t\t</NcActionButton>\n\t\t\t<NcActionButton :disabled=\"true\" @click=\"showMessage('Disabled')\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Delete :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tDisabled button\n\t\t\t</NcActionButton>\n\t\t</NcActions>\n\t</template>\n\t<script>\n\timport Delete from 'vue-material-design-icons/Delete'\n\timport Plus from 'vue-material-design-icons/Plus'\n\n\texport default {\n\t\tcomponents: {\n\t\t\tDelete,\n\t\t\tPlus,\n\t\t},\n\t\tmethods: {\n\t\t\tshowMessage(msg) {\n\t\t\t\talert(msg)\n\t\t\t},\n\t\t},\n\t}\n\t</script>\n```\n\nIf you're using a long text you can specify a name\n\n```vue\n\t<template>\n\t\t<NcActions>\n\t\t\t<NcActionButton @click=\"showMessage('Add')\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Plus :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tAdd new\n\t\t\t</NcActionButton>\n\t\t\t<NcActionButton name=\"Long button\" @click=\"showMessage('Delete')\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Delete :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tThis button is associated with a very long text.\\nAnd with new lines too.\n\t\t\t</NcActionButton>\n\t\t</NcActions>\n\t</template>\n\t<script>\n\timport Delete from 'vue-material-design-icons/Delete'\n\timport Plus from 'vue-material-design-icons/Plus'\n\n\texport default {\n\t\tcomponents: {\n\t\t\tDelete,\n\t\t\tPlus,\n\t\t},\n\t\tmethods: {\n\t\t\tshowMessage(msg) {\n\t\t\t\talert(msg)\n\t\t\t},\n\t\t},\n\t}\n\t</script>\n\n```\n\nAction icon attribute with a single action\n\n```vue\n\t<template>\n\t\t<NcActions>\n\t\t\t<NcActionButton @click=\"showMessage('Add')\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Plus :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tAdd new\n\t\t\t</NcActionButton>\n\t\t</NcActions>\n\t</template>\n\t<script>\n\timport Plus from 'vue-material-design-icons/Plus'\n\n\texport default {\n\t\tcomponents: {\n\t\t\tPlus,\n\t\t},\n\t\tmethods: {\n\t\t\tshowMessage(msg) {\n\t\t\t\talert(msg)\n\t\t\t},\n\t\t},\n\t}\n\t</script>\n\n```\n\nYou can also use a custom icon, for example from the vue-material-design-icons library:\n\n```vue\n<template>\n\t<NcActions>\n\t\t<NcActionButton>\n\t\t\t<template #icon>\n\t\t\t\t<HandBackLeft :size=\"20\" />\n\t\t\t</template>\n\t\t\tRaise left hand\n\t\t</NcActionButton>\n\t\t<NcActionButton>\n\t\t\t<template #icon>\n\t\t\t\t<HandBackRight :size=\"20\" />\n\t\t\t</template>\n\t\t\tRaise right hand\n\t\t</NcActionButton>\n\t</NcActions>\n</template>\n<script>\nimport HandBackLeft from 'vue-material-design-icons/HandBackLeft'\nimport HandBackRight from 'vue-material-design-icons/HandBackRight'\n\nexport default {\n\tcomponents: {\n\t\tHandBackLeft,\n\t\tHandBackRight,\n\t},\n}\n</script>\n```\n\n### With different model behavior\nBy default the button will act like a normal button, but it is also possible to change the behavior to a toggle button, checkbox button or radio button.\n\nFor example to have the button act like a toggle button just set the `modelValue` property to the toggle state:\n\n```vue\n<template>\n\t<NcActions>\n\t\t<NcActionButton v-model=\"fullscreen\">\n\t\t\t<template #icon>\n\t\t\t\t<Fullscreen :size=\"20\" />\n\t\t\t</template>\n\t\t\tFullscreen\n\t\t</NcActionButton>\n\t</NcActions>\n</template>\n<script>\nimport Fullscreen from 'vue-material-design-icons/Fullscreen.vue'\n\nexport default {\n\tcomponents: {\n\t\tFullscreen,\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tfullscreen: true,\n\t\t}\n\t},\n}\n</script>\n```\n\nAnother example would be using it with checkbox semantics, to enable or disable features.\nThis also allows tri-state behavior (`true`, `false`, `null`) in which case `aria-checked` will be either `true`, `false` or `mixed`.\n\n```vue\n<template>\n\t<NcActions>\n\t\t<NcActionButton v-model=\"handRaised\" type=\"checkbox\">\n\t\t\t<template #icon>\n\t\t\t\t<HandBackLeft :size=\"20\" />\n\t\t\t</template>\n\t\t\tRaise hand\n\t\t</NcActionButton>\n\t\t<NcActionButton v-model=\"fullscreen\" type=\"checkbox\">\n\t\t\t<template #icon>\n\t\t\t\t<Fullscreen :size=\"20\" />\n\t\t\t</template>\n\t\t\tFullscreen\n\t\t</NcActionButton>\n\t</NcActions>\n</template>\n<script>\nimport HandBackLeft from 'vue-material-design-icons/HandBackLeft.vue'\nimport Fullscreen from 'vue-material-design-icons/Fullscreen.vue'\n\nexport default {\n\tcomponents: {\n\t\tHandBackLeft,\n\t\tFullscreen,\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tfullscreen: true,\n\t\t\thandRaised: false,\n\t\t}\n\t},\n}\n</script>\n```\n\nIt is also possible to use the button with radio semantics, this is only possible in menus and not for inline actions!\n\n```vue\n<template>\n\t<NcActions>\n\t\t<NcActionButton v-model=\"payment\" type=\"radio\" value=\"cash\">\n\t\t\t<template #icon>\n\t\t\t\t<Cash :size=\"20\" />\n\t\t\t</template>\n\t\t\tPay with cash\n\t\t</NcActionButton>\n\t\t<NcActionButton v-model=\"payment\" type=\"radio\" value=\"card\">\n\t\t\t<template #icon>\n\t\t\t\t<CreditCard :size=\"20\" />\n\t\t\t</template>\n\t\t\tPay by card\n\t\t</NcActionButton>\n\t</NcActions>\n</template>\n<script>\nimport Cash from 'vue-material-design-icons/Cash.vue'\nimport CreditCard from 'vue-material-design-icons/CreditCard.vue'\n\nexport default {\n\tcomponents: {\n\t\tCash,\n\t\tCreditCard,\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tpayment: 'card',\n\t\t}\n\t},\n}\n</script>\n```\n</docs>\n\n<template>\n\t<li class=\"action\" :class=\"{ 'action--disabled': disabled }\" :role=\"isInSemanticMenu && 'presentation'\">\n\t\t<button :aria-label=\"ariaLabel\"\n\t\t\t:class=\"['action-button button-vue', {\n\t\t\t\t'action-button--active': isChecked,\n\t\t\t\tfocusable: isFocusable,\n\t\t\t}]\"\n\t\t\t:title=\"title\"\n\t\t\t:type=\"nativeType\"\n\t\t\tv-bind=\"buttonAttributes\"\n\t\t\t@click=\"handleClick\">\n\t\t\t<!-- @slot Manually provide icon -->\n\t\t\t<slot name=\"icon\">\n\t\t\t\t<span :class=\"[isIconUrl ? 'action-button__icon--url' : icon]\"\n\t\t\t\t\t:style=\"{ backgroundImage: isIconUrl ? `url(${icon})` : null }\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tclass=\"action-button__icon\" />\n\t\t\t</slot>\n\n\t\t\t<!-- long text with name -->\n\t\t\t<span v-if=\"name\"\n\t\t\t\tclass=\"action-button__longtext-wrapper\">\n\t\t\t\t<strong class=\"action-button__name\">\n\t\t\t\t\t{{ name }}\n\t\t\t\t</strong>\n\t\t\t\t<br>\n\t\t\t\t<!-- white space is shown on longtext, so we can't\n\t\t\t\t\tput {{ text }} on a new line for code readability -->\n\t\t\t\t<span class=\"action-button__longtext\" v-text=\"text\" />\n\t\t\t</span>\n\n\t\t\t<!-- long text only -->\n\t\t\t<!-- white space is shown on longtext, so we can't\n\t\t\t\tput {{ text }} on a new line for code readability -->\n\t\t\t<span v-else-if=\"isLongText\"\n\t\t\t\tclass=\"action-button__longtext\"\n\t\t\t\tv-text=\"text\" />\n\n\t\t\t<!-- default text display -->\n\t\t\t<span v-else class=\"action-button__text\">{{ text }}</span>\n\n\t\t\t<!-- right arrow icon when there is a sub-menu -->\n\t\t\t<ChevronRightIcon v-if=\"isMenu\" :size=\"20\" class=\"action-button__menu-icon\" />\n\t\t\t<CheckIcon v-else-if=\"isChecked === true\" :size=\"20\" class=\"action-button__pressed-icon\" />\n\t\t\t<span v-else-if=\"isChecked === false\" class=\"action-button__pressed-icon material-design-icon\" />\n\n\t\t\t<!-- fake slot to gather inner text -->\n\t\t\t<slot v-if=\"false\" />\n\t\t</button>\n\t</li>\n</template>\n\n<script>\nimport CheckIcon from 'vue-material-design-icons/Check.vue'\nimport ChevronRightIcon from 'vue-material-design-icons/ChevronRight.vue'\nimport ActionTextMixin from '../../mixins/actionText.js'\n\n/**\n * Button component to be used in Actions\n */\nexport default {\n\tname: 'NcActionButton',\n\n\tcomponents: {\n\t\tCheckIcon,\n\t\tChevronRightIcon,\n\t},\n\tmixins: [ActionTextMixin],\n\n\tinject: {\n\t\tisInSemanticMenu: {\n\t\t\tfrom: 'NcActions:isSemanticMenu',\n\t\t\tdefault: false,\n\t\t},\n\t},\n\n\tprops: {\n\t\t/**\n\t\t * @deprecated To be removed in @nextcloud/vue 9. Migration guide: remove ariaHidden prop from NcAction* components.\n\t\t * @todo Add a check in @nextcloud/vue 9 that this prop is not provided,\n\t\t * otherwise root element will inherit incorrect aria-hidden.\n\t\t */\n\t\tariaHidden: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/**\n\t\t * disabled state of the action button\n\t\t */\n\t\tdisabled: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/**\n\t\t * If this is a menu, a chevron icon will\n\t\t * be added at the end of the line\n\t\t */\n\t\tisMenu: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/**\n\t\t * The button's behavior, by default the button acts like a normal button with optional toggle button behavior if `modelValue` is `true` or `false`.\n\t\t * But you can also set to checkbox button behavior with tri-state or radio button like behavior.\n\t\t * This extends the native HTML button type attribute.\n\t\t */\n\t\ttype: {\n\t\t\ttype: String,\n\t\t\tdefault: 'button',\n\t\t\tvalidator: (behavior) => ['button', 'checkbox', 'radio', 'reset', 'submit'].includes(behavior),\n\t\t},\n\n\t\t/**\n\t\t * The buttons state if `type` is 'checkbox' or 'radio' (meaning if it is pressed / selected)\n\t\t * Either boolean for checkbox and toggle button behavior or `value` for radio behavior.\n\t\t *\n\t\t *  **This is not availabe for `type='submit'` or `type='reset'`**\n\t\t *\n\t\t * If using `type='checkbox'` a `model-value` of `true` means checked, `false` means unchecked and `null` means indeterminate (tri-state)\n\t\t * For `type='radio'` `null` is equal to `false`\n\t\t */\n\t\tmodelValue: {\n\t\t\ttype: [Boolean, String],\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/**\n\t\t * The value used for the `modelValue` when this component is used with radio behavior\n\t\t * Similar to the `value` attribute of `<input type=\"radio\">`\n\t\t */\n\t\tvalue: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\t},\n\n\temits: ['update:modelValue'],\n\n\tcomputed: {\n\t\t/**\n\t\t * determines if the action is focusable\n\t\t *\n\t\t * @return {boolean} is the action focusable ?\n\t\t */\n\t\tisFocusable() {\n\t\t\treturn !this.disabled\n\t\t},\n\n\t\t/**\n\t\t * The current \"checked\" or \"pressed\" state for the model behavior\n\t\t */\n\t\tisChecked() {\n\t\t\tif (this.type === 'radio') {\n\t\t\t\treturn this.modelValue === this.value\n\t\t\t}\n\t\t\treturn this.modelValue\n\t\t},\n\n\t\t/**\n\t\t * The native HTML type to set on the button\n\t\t */\n\t\tnativeType() {\n\t\t\tif (this.type === 'submit' || this.type === 'reset') {\n\t\t\t\treturn this.type\n\t\t\t}\n\t\t\treturn 'button'\n\t\t},\n\n\t\t/**\n\t\t * HTML attributes to bind to the <button>\n\t\t */\n\t\tbuttonAttributes() {\n\t\t\tconst attributes = {}\n\n\t\t\tif (this.isInSemanticMenu) {\n\t\t\t\t// By default it needs to be a menu item in semantic menus\n\t\t\t\tattributes.role = 'menuitem'\n\n\t\t\t\tif (this.type === 'radio') {\n\t\t\t\t\tattributes.role = 'menuitemradio'\n\t\t\t\t\tattributes['aria-checked'] = this.isChecked ? 'true' : 'false'\n\t\t\t\t} else if (this.type === 'checkbox' || (this.nativeType === 'button' && this.modelValue !== null)) {\n\t\t\t\t\t// either if checkbox behavior was set or the model value is not unset\n\t\t\t\t\tattributes.role = 'menuitemcheckbox'\n\t\t\t\t\tattributes['aria-checked'] = this.modelValue === null ? 'mixed' : (this.modelValue ? 'true' : 'false')\n\t\t\t\t}\n\t\t\t} else if (this.modelValue !== null && this.nativeType === 'button') {\n\t\t\t\t// In case this has a modelValue it is considered a toggle button, so we need to set the aria-pressed\n\t\t\t\tattributes['aria-pressed'] = this.modelValue ? 'true' : 'false'\n\t\t\t}\n\n\t\t\treturn attributes\n\t\t},\n\t},\n\n\tmethods: {\n\t\t/**\n\t\t * Forward click event, let mixin handle the close-after-click and emit new modelValue if needed\n\t\t * @param {MouseEvent} event The click event\n\t\t */\n\t\thandleClick(event) {\n\t\t\tthis.onClick(event)\n\t\t\t// If modelValue or type is set (so modelValue might be null for tri-state) we need to update it\n\t\t\tif (this.modelValue !== null || this.type !== 'button') {\n\t\t\t\tif (this.type === 'radio') {\n\t\t\t\t\tif (!this.isChecked) {\n\t\t\t\t\t\tthis.$emit('update:modelValue', this.value)\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tthis.$emit('update:modelValue', !this.isChecked)\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '../../assets/action';\n@include action-active;\n@include action--disabled;\n@include action-item('button');\n\n.action-button__pressed-icon {\n\tmargin-left: auto;\n\tmargin-right: -$icon-margin;\n}\n</style>\n"],"names":["_sfc_main","Check","ChevronRight","behavior","attributes","event","_hoisted_1","_hoisted_2","_hoisted_4","_hoisted_6","_hoisted_7","vue","$props","$options","_ctx","_cache","args","_hoisted_3","_hoisted_9"],"mappings":";8MAsVAA,IAAA;AAAA,EACC,MAAA;AAAA;IAGC,WAAAC,EAAA;AAAA,IACA,kBAAAC,EAAA;AAAA;;EAID,QAAA;AAAA,IACC,kBAAA;AAAA,MACC,MAAA;AAAA;;;EAKF,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;IAcC,UAAA;AAAA;;;;;;;IASA,QAAA;AAAA;;;;;;;;;;MAYC,SAAA;AAAA,MACA,WAAA,CAAAC,MAAA,CAAA,UAAA,YAAA,SAAA,SAAA,QAAA,EAAA,SAAAA,CAAA;AAAA;;;;;;;;;;;MAaA,MAAA,CAAA,SAAA,MAAA;AAAA;;;;;;IAQD,OAAA;AAAA;;;;;EAQD,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOE,aAAA,CAAA,KAAA;AAAA;;;;;qCAQC,KAAA,eAAA,KAAA,QAED,KAAA;AAAA;;;;;AAOA,aAAA,KAAA,SAAA,YAAA,KAAA,SAAA,UACC,KAAA;;;;;IAQF,mBAAA;AACC,YAAAC,IAAA,CAAA;oFAOEA,EAAA,OAAA,2EAED,KAAA,SAAA,cAAA,KAAA,eAAA,YAAA,KAAA,eAAA,UAECA,EAAA,OAAA,oBACAA,EAAA,cAAA,IAAA,KAAA,eAAA,OAAA,UAAA,KAAA,aAAA,SAAA,kIAOFA;AAAA;;EAIF,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKC,YAAAC,GAAA;AACC,WAAA,QAAAA,CAAA,oFAIE,KAAA,aACC,KAAA,MAAA,qBAAA,KAAA,KAAA;;;AAQN,8EAnfAC,IAAA,CAAA,MAAA,GAAAC,IAAA,CAAA,cAAA,SAAA,MAAA;;EA+SI,OAAA;GACQC,IAAA,EAAA,OAAA,sBAAA,4FAhTZC,IAAA,CAAA,aAAA,GAAAC,IAAA,CAAA,aAAA;;EAiUgB,OAAA;;;EAKyB,OAAA;;;;;IA3CpC,OAAAC,EAAA,eAAA,CAAA,UAAA,EAAA,oBAAAC,EAAA,SAAA,CAAA,CAAA;AAAA,IAA0D,MAAAC,EAAA,oBAAA;AAAA;IAC7DF,EAAA,mBAAA,UAAAA,EAAA,WAAA;AAAA,MAAS,cAAAG,EAAA;AAAA;;;;MAKP,OAAAA,EAAA;AAAA,MACA,MAAAD,EAAA;AAAA;MAEA,SAAAE,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,IAAAC,MAAAH,EAAA,eAAAA,EAAA,YAAA,GAAAG,CAAA;AAAA;MAEDL,EAAA,WAAAG,EAAA,QAAA,QAAA,CAAA,GAAA,MAAA;AAAA;UACQ,OAAAH,EAAA,eAAA,CAAA,CAAAG,EAAA,YAAA,6BAAAA,EAAA,IAAA,GAAA,qBAAA,CAAA;AAAA,UACL,OAAAH,EAAA,eAAA,EAAA,iBAAAG,EAAA,YAAA,OAAAA,EAAA,IAAA,MAAA,KAAA,CAAA;AAAA,UACD,eAAA;AAAA;;gBAKFH,EAAA,UAAA,GAAAA,EAAA,mBAAA,QAAAM,GAAA;AAAA;;;UAQO,OAAA;AAAA;QAtTV,GAAA,MAAA,GAAAR,CAAA;AAAA;;QA6TI,OAAA;AAAA;MA7TJ,GAAA,MAAA,GAAAC,CAAA;;;QAoUoC,MAAA;AAAA,QAAU,OAAA;AAAA;;QACA,MAAA;AAAA,QAAU,OAAA;AAAA,kCACrDC,EAAA,UAAA,GAAAA,EAAA,mBAAA,QAAAO,CAAA,KAtUHP,EAAA,mBAAA,IAAA,EAAA;AAAA;IAAA,GAAA,IAAAJ,CAAA;AAAA,EAAA,GAAA,IAAAD,CAAA;;;;"}