@nextcloud/vue 8.6.0 → 9.0.0-alpha.1

package/dist/chunks/GenColors-L7jWucCS.mjs

@@ -0,0 +1,142 @@
+import { r as h, t as f, a as n } from "./_l10n-uuAvfQgY.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".concat(r.toString(16)).slice(-2);
+    return "#".concat(t(this.r)).concat(t(this.g)).concat(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-L7jWucCS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenColors-L7jWucCS.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-vx_p2Tvw.cjs

@@ -0,0 +1,141 @@
+"use strict";
+const e = require("./_l10n-Fl7RzbcZ.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".concat(r.toString(16)).slice(-2);
+    return "#".concat(t(this.r)).concat(t(this.g)).concat(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-vx_p2Tvw.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenColors-vx_p2Tvw.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":";;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBO,MAAMA,EAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQlB,YAAYC,GAAGC,GAAGC,GAAGC,GAAM;AAC1B,SAAK,IAAIH,GACT,KAAK,IAAIC,GACT,KAAK,IAAIC,GACLC,MACH,KAAK,OAAOA;AAAA,EAEb;AAAA,EAED,IAAI,QAAQ;AACX,UAAMC,IAAQ,CAACC,MAAQ,KAAK,OAAAA,EAAI,SAAS,EAAE,GAAI,MAAM,EAAE;AACvD,WAAO,IAAI,OAAAD,EAAM,KAAK,CAAC,GAAI,OAAAA,EAAM,KAAK,CAAC,GAAI,OAAAA,EAAM,KAAK,CAAC;AAAA,EACvD;AAEF;AASA,SAASE,EAASC,GAAOC,GAAM;AAC9B,QAAMC,IAAO,IAAI,MAAM,CAAC;AACxB,SAAAA,EAAK,CAAC,KAAKD,EAAK,CAAC,EAAE,IAAIA,EAAK,CAAC,EAAE,KAAKD,GACpCE,EAAK,CAAC,KAAKD,EAAK,CAAC,EAAE,IAAIA,EAAK,CAAC,EAAE,KAAKD,GACpCE,EAAK,CAAC,KAAKD,EAAK,CAAC,EAAE,IAAIA,EAAK,CAAC,EAAE,KAAKD,GAC7BE;AACR;AAUA,SAASC,EAAWH,GAAOI,GAAQC,GAAQ;AAC1C,QAAMC,IAAU,CAAE;AAClB,EAAAA,EAAQ,KAAKF,CAAM;AACnB,QAAMF,IAAOH,EAASC,GAAO,CAACI,GAAQC,CAAM,CAAC;AAC7C,WAASE,IAAI,GAAGA,IAAIP,GAAOO,KAAK;AAC/B,UAAMd,IAAI,KAAK,MAAMW,EAAO,IAAIF,EAAK,CAAC,IAAIK,CAAC,GACrCb,IAAI,KAAK,MAAMU,EAAO,IAAIF,EAAK,CAAC,IAAIK,CAAC,GACrCZ,IAAI,KAAK,MAAMS,EAAO,IAAIF,EAAK,CAAC,IAAIK,CAAC;AAC3C,IAAAD,EAAQ,KAAK,IAAId,EAAMC,GAAGC,GAAGC,CAAC,CAAC;AAAA,EAC/B;AACD,SAAOW;AACR;AAKY,MAACE,IAAiB;AAAA,EAC7B,IAAIhB,EAAM,KAAK,IAAI,KAAKiB,EAAAA,EAAE,QAAQ,CAAC;AAAA,EACnC,IAAIjB;AAAA,IACH;AAAA,IAAK;AAAA,IAAK;AAAA,IACViB,EAAAA,EAAE,YAAY;AAAA;AAAA,EACd;AAAA,EACD,IAAIjB;AAAA,IACH;AAAA,IAAK;AAAA,IAAK;AAAA,IACViB,EAAAA,EAAE,UAAU;AAAA;AAAA,EACZ;AAAA,EACD,IAAIjB;AAAA,IACH;AAAA,IAAK;AAAA,IAAK;AAAA,IACViB,EAAAA,EAAE,SAAS;AAAA;AAAA,EACX;AAAA,EACD,IAAIjB;AAAA,IACH;AAAA,IAAK;AAAA,IAAK;AAAA,IACViB,EAAAA,EAAE,MAAM;AAAA,EACR;AAAA,EACD,IAAIjB;AAAA,IACH;AAAA,IAAK;AAAA,IAAK;AAAA,IACViB,EAAAA,EAAE,SAAS;AAAA;AAAA,EACX;AAAA,EACD,IAAIjB;AAAA,IACH;AAAA,IAAK;AAAA,IAAK;AAAA,IACViB,EAAAA,EAAE,UAAU;AAAA;AAAA,EACZ;AAAA,EACD,IAAIjB;AAAA,IACH;AAAA,IAAI;AAAA,IAAK;AAAA,IACTiB,EAAAA,EAAE,aAAa;AAAA;AAAA,EACf;AAAA,EACD,IAAIjB;AAAA,IACH;AAAA,IAAG;AAAA,IAAK;AAAA,IACRiB,EAAAA,EAAE,gBAAgB;AAAA,EAClB;AAAA,EACD,IAAIjB;AAAA,IACH;AAAA,IAAI;AAAA,IAAK;AAAA,IACTiB,EAAAA,EAAE,SAAS;AAAA;AAAA,EACX;AAAA,EACD,IAAIjB;AAAA,IACH;AAAA,IAAI;AAAA,IAAK;AAAA,IACTiB,EAAAA,EAAE,aAAa;AAAA;AAAA,EACf;AAAA,EACD,IAAIjB;AAAA,IACH;AAAA,IAAK;AAAA,IAAI;AAAA,IACTiB,EAAAA,EAAE,QAAQ;AAAA;AAAA,EACV;AACF;AAWO,SAASC,EAAUV,GAAO;AAKhC,MAJKA,MACJA,IAAQ,IAGLA,MAAU;AACb,WAAOQ;AAGR,QAAMG,IAAM,IAAInB,EAAM,KAAK,IAAI,KAAKiB,EAAAA,EAAE,QAAQ,CAAC,GACzCG,IAAS,IAAIpB,EAAM,KAAK,KAAK,IAAIiB,EAAAA,EAAE,MAAM,CAAC,GAC1CI,IAAO,IAAIrB,EAAM,GAAG,KAAK,KAAKiB,EAAAA,EAAE,gBAAgB,CAAC,GAEjDK,IAAWX,EAAWH,GAAOW,GAAKC,CAAM,GACxCG,IAAWZ,EAAWH,GAAOY,GAAQC,CAAI,GACzCG,IAAWb,EAAWH,GAAOa,GAAMF,CAAG;AAE5C,SAAOG,EAAS,OAAOC,CAAQ,EAAE,OAAOC,CAAQ;AACjD;;;;"}

package/dist/chunks/NcActionButton-VnbqrtOY.mjs

@@ -0,0 +1,180 @@
+import "../assets/NcActionButton-De4wlKZH.css";
+import { C as b } from "./Check-tQl0Vp18.mjs";
+import { C as _ } from "./ChevronRight-gF2cX9Cu.mjs";
+import { A as f } from "./actionText-yZ-YQ_fz.mjs";
+import { resolveComponent as c, openBlock as n, createElementBlock as o, normalizeClass as u, createElementVNode as i, mergeProps as k, renderSlot as y, normalizeStyle as C, toDisplayString as s, createBlock as r, createCommentVNode as d, pushScopeId as g, popScopeId as v } from "vue";
+import { _ as V } from "./_plugin-vue_export-helper-hUChTQA_.mjs";
+const I = {
+  name: "NcActionButton",
+  components: {
+    CheckIcon: b,
+    ChevronRightIcon: _
+  },
+  mixins: [f],
+  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: (e) => ["button", "checkbox", "radio", "reset", "submit"].includes(e)
+    },
+    /**
+     * The buttons state if `type` is 'checkbox' or 'radio' (meaning if it is pressed / selected).
+     * For checkbox and toggle button behavior - boolean value.
+     * For radio button behavior - could be a boolean checked or a string with the value of the button.
+     * Note: Unlike native radio buttons, NcActionButton are not grouped by name, so you need to connect them by bind correct modelValue.
+     *
+     *  **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" && typeof this.modelValue != "boolean" ? 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 e = {};
+      return this.isInSemanticMenu ? (e.role = "menuitem", this.type === "radio" ? (e.role = "menuitemradio", e["aria-checked"] = this.isChecked ? "true" : "false") : (this.type === "checkbox" || this.nativeType === "button" && this.modelValue !== null) && (e.role = "menuitemcheckbox", e["aria-checked"] = this.modelValue === null ? "mixed" : this.modelValue ? "true" : "false")) : this.modelValue !== null && this.nativeType === "button" && (e["aria-pressed"] = this.modelValue ? "true" : "false"), e;
+    }
+  },
+  methods: {
+    /**
+     * Forward click event, let mixin handle the close-after-click and emit new modelValue if needed
+     * @param {MouseEvent} event The click event
+     */
+    handleClick(e) {
+      this.onClick(e), (this.modelValue !== null || this.type !== "button") && (this.type === "radio" ? typeof this.modelValue != "boolean" ? this.isChecked || this.$emit("update:modelValue", this.value) : this.$emit("update:modelValue", !this.isChecked) : this.$emit("update:modelValue", !this.isChecked));
+    }
+  }
+}, S = (e) => (g("data-v-c3504a17"), e = e(), v(), e), x = ["role"], B = ["aria-label", "title", "type"], A = {
+  key: 0,
+  class: "action-button__longtext-wrapper"
+}, M = { class: "action-button__name" }, N = /* @__PURE__ */ S(() => /* @__PURE__ */ i("br", null, null, -1)), T = ["textContent"], z = ["textContent"], R = {
+  key: 2,
+  class: "action-button__text"
+}, w = {
+  key: 5,
+  class: "action-button__pressed-icon material-design-icon"
+};
+function E(e, a, l, F, L, t) {
+  const h = c("ChevronRightIcon"), m = c("CheckIcon");
+  return n(), o("li", {
+    class: u(["action", { "action--disabled": l.disabled }]),
+    role: t.isInSemanticMenu && "presentation"
+  }, [
+    i("button", k({
+      "aria-label": e.ariaLabel,
+      class: ["action-button button-vue", {
+        "action-button--active": t.isChecked,
+        focusable: t.isFocusable
+      }],
+      title: e.title,
+      type: t.nativeType
+    }, t.buttonAttributes, {
+      onClick: a[0] || (a[0] = (...p) => t.handleClick && t.handleClick(...p))
+    }), [
+      y(e.$slots, "icon", {}, () => [
+        i("span", {
+          class: u([[e.isIconUrl ? "action-button__icon--url" : e.icon], "action-button__icon"]),
+          style: C({ backgroundImage: e.isIconUrl ? "url(".concat(e.icon, ")") : null }),
+          "aria-hidden": "true"
+        }, null, 6)
+      ], !0),
+      e.name ? (n(), o("span", A, [
+        i("strong", M, s(e.name), 1),
+        N,
+        i("span", {
+          class: "action-button__longtext",
+          textContent: s(e.text)
+        }, null, 8, T)
+      ])) : e.isLongText ? (n(), o("span", {
+        key: 1,
+        class: "action-button__longtext",
+        textContent: s(e.text)
+      }, null, 8, z)) : (n(), o("span", R, s(e.text), 1)),
+      l.isMenu ? (n(), r(h, {
+        key: 3,
+        size: 20,
+        class: "action-button__menu-icon"
+      })) : t.isChecked === !0 ? (n(), r(m, {
+        key: 4,
+        size: 20,
+        class: "action-button__pressed-icon"
+      })) : t.isChecked === !1 ? (n(), o("span", w)) : d("", !0),
+      d("", !0)
+    ], 16, B)
+  ], 10, x);
+}
+const G = /* @__PURE__ */ V(I, [["render", E], ["__scopeId", "data-v-c3504a17"]]);
+export {
+  G as N
+};

package/dist/chunks/NcActionButton-VnbqrtOY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcActionButton-VnbqrtOY.mjs","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\nWith a string `modelValue`, checked state is determined by the `value` property and updates `modelValue` with the new `value` string.\n\nWith a boolean `modelValue`, checked state is determined by `modelValue` and updates to `true` on check.\n\nNote: unlike native radio buttons, `NcActionButton` are not grouped by name, so you need to connect them by bind correct `modelValue``.\n\n```vue\n<template>\n\t<div>\n\t\t<NcActions>\n\t\t\t<NcActionButton v-model=\"payment\" type=\"radio\" value=\"cash\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Cash :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tPay with cash\n\t\t\t</NcActionButton>\n\t\t\t<NcActionButton v-model=\"payment\" type=\"radio\" value=\"card\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<CreditCard :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tPay by card\n\t\t\t</NcActionButton>\n\t\t\t<NcActionSeparator />\n\t\t\t<NcActionButton type=\"radio\" :model-value=\"align.isLeft\" @update:modelValue=\"setAlign('Left', $event)\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<FormatAlignLeft :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tLeft\n\t\t\t</NcActionButton>\n\t\t\t<NcActionButton type=\"radio\" :model-value=\"align.isCenter\" @update:modelValue=\"setAlign('Center', $event)\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<FormatAlignCenter :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tCenter\n\t\t\t</NcActionButton>\n\t\t\t<NcActionButton type=\"radio\" :model-value=\"align.isRight\" @update:modelValue=\"setAlign('Right', $event)\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<FormatAlignRight :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tRight\n\t\t\t</NcActionButton>\n\t\t</NcActions>\n\t\t<p>payment = \"{{ payment }}\"</p>\n\t\t<p>align.isLeft = {{ align.isLeft }}</p>\n\t\t<p>align.isCenter = {{ align.isCenter }}</p>\n\t\t<p>align.isRight = {{ align.isRight }}</p>\n\t</div>\n</template>\n<script>\nimport Cash from 'vue-material-design-icons/Cash.vue'\nimport CreditCard from 'vue-material-design-icons/CreditCard.vue'\nimport FormatAlignLeft from 'vue-material-design-icons/FormatAlignLeft.vue'\nimport FormatAlignCenter from 'vue-material-design-icons/FormatAlignCenter.vue'\nimport FormatAlignRight from 'vue-material-design-icons/FormatAlignRight.vue'\n\nexport default {\n\tcomponents: {\n\t\tCash,\n\t\tCreditCard,\n\t\tFormatAlignLeft,\n\t\tFormatAlignCenter,\n\t\tFormatAlignRight,\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tpayment: 'card',\n\t\t\talign: {\n\t\t\t\tisLeft: false,\n\t\t\t\tisCenter: true,\n\t\t\t\tisRight: false,\n\t\t\t},\n\t\t}\n\t},\n\tmethods: {\n\t\tsetAlign(direction, value) {\n\t\t\tthis.align.isLeft = false\n\t\t\tthis.align.isCenter = false\n\t\t\tthis.align.isRight = false\n\t\t\tthis.align[`is${direction}`] = value\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 * For checkbox and toggle button behavior - boolean value.\n\t\t * For radio button behavior - could be a boolean checked or a string with the value of the button.\n\t\t * Note: Unlike native radio buttons, NcActionButton are not grouped by name, so you need to connect them by bind correct modelValue.\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' && typeof this.modelValue !== 'boolean') {\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 (typeof this.modelValue !== 'boolean') {\n\t\t\t\t\t\t// String-value radios behavior is similar to native - click on checked radio does nothing\n\t\t\t\t\t\tif (!this.isChecked) {\n\t\t\t\t\t\t\tthis.$emit('update:modelValue', this.value)\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// Boolean radio allows to uncheck\n\t\t\t\t\t\tthis.$emit('update:modelValue', !this.isChecked)\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\t// Checkbox toggles value\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","normalizeClass","$props","$options","createElementVNode","mergeProps","_ctx","_cache","args","renderSlot","normalizeStyle","openBlock","createElementBlock","_hoisted_3","_hoisted_9","createCommentVNode"],"mappings":";;;;;;AAwYA,MAAAA,IAAA;AAAA,EACC,MAAA;AAAA;IAGC,WAAAC;AAAA,IACA,kBAAAC;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;;;;;;;;;;;;;MAeA,MAAA,CAAA,SAAA,MAAA;AAAA;;;;;;IAQD,OAAA;AAAA;;;;;EAQD,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOE,aAAA,CAAA,KAAA;AAAA;;;;;4EAQC,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,OAAA,KAAA,cAAA,YAEC,KAAA,aACC,KAAA,MAAA,qBAAA,KAAA,KAAA;;;AAaP,uDA9iBAC,IAAA,CAAA,MAAA,GAAAC,IAAA,CAAA,cAAA,SAAA,MAAA;;EAiWI,OAAA;GACQC,IAAA,EAAA,OAAA,sBAAA,yEAlWZC,IAAA,CAAA,aAAA,GAAAC,IAAA,CAAA,aAAA;;EAmXgB,OAAA;;;EAKyB,OAAA;;;;;IA3CpC,OAAAC,EAAA,CAAA,UAAA,EAAA,oBAAAC,EAAA,SAAA,CAAA,CAAA;AAAA,IAA0D,MAAAC,EAAA,oBAAA;AAAA;IAC7DC,EAAA,UAAAC,EAAA;AAAA,MAAS,cAAAC,EAAA;AAAA;;;;MAKP,OAAAA,EAAA;AAAA,MACA,MAAAH,EAAA;AAAA;MAEA,SAAAI,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,IAAAC,MAAAL,EAAA,eAAAA,EAAA,YAAA,GAAAK,CAAA;AAAA;MAEDC,EAAAH,EAAA,QAAA,QAAA,CAAA,GAAA,MAAA;AAAA;UACQ,OAAAL,EAAA,CAAA,CAAAK,EAAA,YAAA,6BAAAA,EAAA,IAAA,GAAA,qBAAA,CAAA;AAAA,UACL,OAAAI,EAAA,EAAA,iBAAAJ,EAAA,YAAA,OAAA,OAAAA,EAAA,MAAA,OAAA,KAAA,CAAA;AAAA,UACD,eAAA;AAAA;;gBAKFK,EAAA,GAAAC,EAAA,QAAAC,GAAA;AAAA;;;UAQO,OAAA;AAAA;QAxWV,GAAA,MAAA,GAAAd,CAAA;AAAA;;QA+WI,OAAA;AAAA;MA/WJ,GAAA,MAAA,GAAAC,CAAA;;;QAsXoC,MAAA;AAAA,QAAU,OAAA;AAAA;;QACA,MAAA;AAAA,QAAU,OAAA;AAAA,kCACrDW,EAAA,GAAAC,EAAA,QAAAE,CAAA,KAxXHC,EAAA,IAAA,EAAA;AAAA;IAAA,GAAA,IAAAlB,CAAA;AAAA,EAAA,GAAA,IAAAD,CAAA;;;"}