@nextcloud/vue 8.30.0 → 8.31.0

package/dist/assets/{NcUserStatusIcon-Dc-aUzBe.css → NcUserStatusIcon-Bw8yMFMP.css}

@@ -9,14 +9,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-02786ab5] {
+.material-design-icon[data-v-86b73d39] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.user-status-icon[data-v-02786ab5] {
+.user-status-icon[data-v-86b73d39] {
   --user-status-color-online: #2D7B41;
   --user-status-color-busy: #DB0606;
   --user-status-color-away: #C88800;
@@ -25,10 +25,10 @@
   justify-content: center;
   align-items: center;
 }
-.user-status-icon--invisible[data-v-02786ab5] {
+.user-status-icon--invisible[data-v-86b73d39] {
   filter: var(--background-invert-if-dark);
 }
-.user-status-icon[data-v-02786ab5] svg {
+.user-status-icon[data-v-86b73d39] svg {
   width: 100%;
   height: 100%;
 }

package/dist/assets/{referencePickerModal-DrvqNTIf.css → referencePickerModal-CTpc6_U6.css}

@@ -9,14 +9,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-734d6ae9] {
+.material-design-icon[data-v-f05dd81b] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.widget-custom[data-v-734d6ae9] {
+.widget-custom[data-v-f05dd81b] {
   width: 100%;
   margin: auto;
   margin-bottom: calc(var(--default-grid-baseline, 4px) * 3);
@@ -27,12 +27,12 @@
   background-color: transparent;
   display: flex;
 }
-.widget-custom.full-width[data-v-734d6ae9] {
+.widget-custom.full-width[data-v-f05dd81b] {
   width: var(--widget-full-width, 100%) !important;
   inset-inline-start: calc((var(--widget-full-width, 100%) - 100%) / 2 * -1);
   position: relative;
 }
-.widget-access[data-v-734d6ae9] {
+.widget-access[data-v-f05dd81b] {
   width: 100%;
   margin: auto;
   margin-bottom: calc(var(--default-grid-baseline, 4px) * 3);
@@ -44,7 +44,7 @@
   display: flex;
   padding: calc(var(--default-grid-baseline, 4px) * 3);
 }
-.widget-default[data-v-734d6ae9] {
+.widget-default[data-v-f05dd81b] {
   width: 100%;
   margin: auto;
   margin-bottom: calc(var(--default-grid-baseline, 4px) * 3);
@@ -55,42 +55,42 @@
   background-color: transparent;
   display: flex;
 }
-.widget-default--compact[data-v-734d6ae9] {
+.widget-default--compact[data-v-f05dd81b] {
   flex-direction: column;
 }
-.widget-default--compact .widget-default--image[data-v-734d6ae9] {
+.widget-default--compact .widget-default--image[data-v-f05dd81b] {
   width: 100%;
   height: 150px;
 }
-.widget-default--compact .widget-default--details[data-v-734d6ae9] {
+.widget-default--compact .widget-default--details[data-v-f05dd81b] {
   width: 100%;
   padding-top: calc(var(--default-grid-baseline, 4px) * 2);
   padding-bottom: calc(var(--default-grid-baseline, 4px) * 2);
 }
-.widget-default--compact .widget-default--description[data-v-734d6ae9] {
+.widget-default--compact .widget-default--description[data-v-f05dd81b] {
   display: none;
 }
-.widget-default--image[data-v-734d6ae9] {
+.widget-default--image[data-v-f05dd81b] {
   width: 40%;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
 }
-.widget-default--name[data-v-734d6ae9] {
+.widget-default--name[data-v-f05dd81b] {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   font-weight: bold;
 }
-.widget-default--details[data-v-734d6ae9] {
+.widget-default--details[data-v-f05dd81b] {
   padding: calc(var(--default-grid-baseline, 4px) * 3);
   width: 60%;
 }
-.widget-default--details p[data-v-734d6ae9] {
+.widget-default--details p[data-v-f05dd81b] {
   margin: 0;
   padding: 0;
 }
-.widget-default--description[data-v-734d6ae9] {
+.widget-default--description[data-v-f05dd81b] {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
@@ -98,16 +98,16 @@
   line-clamp: 3;
   -webkit-box-orient: vertical;
 }
-.widget-default--link[data-v-734d6ae9] {
+.widget-default--link[data-v-f05dd81b] {
   color: var(--color-text-maxcontrast);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.toggle-interactive[data-v-734d6ae9] {
+.toggle-interactive[data-v-f05dd81b] {
   position: relative;
 }
-.toggle-interactive .toggle-interactive--button[data-v-734d6ae9] {
+.toggle-interactive .toggle-interactive--button[data-v-f05dd81b] {
   position: absolute;
   bottom: var(--default-grid-baseline);
   inset-inline-end: var(--default-grid-baseline);
@@ -123,7 +123,7 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-93468058] {
+.material-design-icon[data-v-0547d92f] {
   display: flex;
   align-self: center;
   justify-self: center;
@@ -140,40 +140,40 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-10f6fc31] {
+.material-design-icon[data-v-f39d58d9] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.provider-list[data-v-10f6fc31] {
+.provider-list[data-v-f39d58d9] {
   width: 100%;
   min-height: 400px;
   padding: 0 16px 16px 16px;
   display: flex;
   flex-direction: column;
 }
-.provider-list--select[data-v-10f6fc31] {
+.provider-list--select[data-v-f39d58d9] {
   width: 100%;
 }
-.provider-list--select .provider[data-v-10f6fc31] {
+.provider-list--select .provider[data-v-f39d58d9] {
   display: flex;
   align-items: center;
   height: 28px;
   overflow: hidden;
 }
-.provider-list--select .provider .link-icon[data-v-10f6fc31] {
+.provider-list--select .provider .link-icon[data-v-f39d58d9] {
   margin-inline-end: 8px;
 }
-.provider-list--select .provider .provider-icon[data-v-10f6fc31] {
+.provider-list--select .provider .provider-icon[data-v-f39d58d9] {
   width: 20px;
   height: 20px;
   object-fit: contain;
   margin-inline-end: 8px;
   filter: var(--background-invert-if-dark);
 }
-.provider-list--select .provider .option-text[data-v-10f6fc31] {
+.provider-list--select .provider .option-text[data-v-f39d58d9] {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -188,14 +188,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-3c1803b5] {
+.material-design-icon[data-v-adaed578] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.raw-link[data-v-3c1803b5] {
+.raw-link[data-v-adaed578] {
   width: 100%;
   min-height: 350px;
   display: flex;
@@ -203,19 +203,19 @@
   overflow-y: auto;
   padding: 0 16px 16px 16px;
 }
-.raw-link .input-wrapper[data-v-3c1803b5] {
+.raw-link .input-wrapper[data-v-adaed578] {
   width: 100%;
 }
-.raw-link .reference-widget[data-v-3c1803b5] {
+.raw-link .reference-widget[data-v-adaed578] {
   display: flex;
 }
-.raw-link--empty-content .provider-icon[data-v-3c1803b5] {
+.raw-link--empty-content .provider-icon[data-v-adaed578] {
   width: 150px;
   height: 150px;
   object-fit: contain;
   filter: var(--background-invert-if-dark);
 }
-.raw-link--input[data-v-3c1803b5] {
+.raw-link--input[data-v-adaed578] {
   width: 99%;
 }/**
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
@@ -228,35 +228,35 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-ff4bcbf3] {
+.material-design-icon[data-v-995c2758] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.result[data-v-ff4bcbf3] {
+.result[data-v-995c2758] {
   display: flex;
   align-items: center;
   height: var(--default-clickable-area);
   overflow: hidden;
 }
-.result--icon-class[data-v-ff4bcbf3], .result--image[data-v-ff4bcbf3] {
+.result--icon-class[data-v-995c2758], .result--image[data-v-995c2758] {
   width: 40px;
   min-width: 40px;
   height: 40px;
   object-fit: contain;
 }
-.result--icon-class.rounded[data-v-ff4bcbf3], .result--image.rounded[data-v-ff4bcbf3] {
+.result--icon-class.rounded[data-v-995c2758], .result--image.rounded[data-v-995c2758] {
   border-radius: 50%;
 }
-.result--content[data-v-ff4bcbf3] {
+.result--content[data-v-995c2758] {
   display: flex;
   flex-direction: column;
   padding-inline-start: 10px;
   overflow: hidden;
 }
-.result--content--name[data-v-ff4bcbf3], .result--content--subline[data-v-ff4bcbf3] {
+.result--content--name[data-v-995c2758], .result--content--subline[data-v-995c2758] {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -271,47 +271,47 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-05fef988] {
+.material-design-icon[data-v-e61f71e3] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.smart-picker-search[data-v-05fef988] {
+.smart-picker-search[data-v-e61f71e3] {
   width: 100%;
   display: flex;
   flex-direction: column;
   padding: 0 16px 16px 16px;
 }
-.smart-picker-search.with-empty-content[data-v-05fef988] {
+.smart-picker-search.with-empty-content[data-v-e61f71e3] {
   min-height: 400px;
 }
-.smart-picker-search .provider-icon[data-v-05fef988] {
+.smart-picker-search .provider-icon[data-v-e61f71e3] {
   width: 150px;
   height: 150px;
   object-fit: contain;
   filter: var(--background-invert-if-dark);
 }
-.smart-picker-search--select[data-v-05fef988] {
+.smart-picker-search--select[data-v-e61f71e3] {
   width: 100%;
 }
-.smart-picker-search--select .search-result[data-v-05fef988] {
+.smart-picker-search--select .search-result[data-v-e61f71e3] {
   width: 100%;
 }
-.smart-picker-search--select .group-name-icon[data-v-05fef988],
-.smart-picker-search--select .option-simple-icon[data-v-05fef988] {
+.smart-picker-search--select .group-name-icon[data-v-e61f71e3],
+.smart-picker-search--select .option-simple-icon[data-v-e61f71e3] {
   width: 20px;
   height: 20px;
   margin: 0 20px 0 10px;
 }
-.smart-picker-search--select .custom-option[data-v-05fef988] {
+.smart-picker-search--select .custom-option[data-v-e61f71e3] {
   height: var(--default-clickable-area);
   display: flex;
   align-items: center;
   overflow: hidden;
 }
-.smart-picker-search--select .option-text[data-v-05fef988] {
+.smart-picker-search--select .option-text[data-v-e61f71e3] {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -326,24 +326,24 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-98624f25] {
+.material-design-icon[data-v-646d5538] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.reference-picker[data-v-98624f25] {
+.reference-picker[data-v-646d5538] {
   display: flex;
   overflow-y: auto;
   width: 100%;
 }
-.reference-picker .custom-element-wrapper[data-v-98624f25] {
+.reference-picker .custom-element-wrapper[data-v-646d5538] {
   display: flex;
   overflow-y: auto;
   width: 100%;
 }
-.reference-picker .custom-element-wrapper .custom-element[data-v-98624f25] {
+.reference-picker .custom-element-wrapper .custom-element[data-v-646d5538] {
   display: flex;
   overflow-y: auto;
   width: 100%;
@@ -358,17 +358,17 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-13d8f21e] {
+.material-design-icon[data-v-00990f2a] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.reference-picker-modal[data-v-13d8f21e] .modal-container {
+.reference-picker-modal[data-v-00990f2a] .modal-container {
   display: flex !important;
 }
-.reference-picker-modal--content[data-v-13d8f21e] {
+.reference-picker-modal--content[data-v-00990f2a] {
   width: 100%;
   display: flex;
   flex-direction: column;
@@ -376,21 +376,21 @@
   justify-content: center;
   overflow-y: auto;
 }
-.reference-picker-modal--content .close-button[data-v-13d8f21e],
-.reference-picker-modal--content .back-button[data-v-13d8f21e] {
+.reference-picker-modal--content .close-button[data-v-00990f2a],
+.reference-picker-modal--content .back-button[data-v-00990f2a] {
   position: absolute;
   top: 4px;
 }
-.reference-picker-modal--content .back-button[data-v-13d8f21e] {
+.reference-picker-modal--content .back-button[data-v-00990f2a] {
   inset-inline-start: 4px;
 }
-.reference-picker-modal--content .close-button[data-v-13d8f21e] {
+.reference-picker-modal--content .close-button[data-v-00990f2a] {
   inset-inline-end: 4px;
 }
-.reference-picker-modal--content > h2[data-v-13d8f21e] {
+.reference-picker-modal--content > h2[data-v-00990f2a] {
   display: flex;
   margin: 12px 0 20px 0;
 }
-.reference-picker-modal--content > h2 .icon[data-v-13d8f21e] {
+.reference-picker-modal--content > h2 .icon[data-v-00990f2a] {
   margin-inline-end: 8px;
 }

package/dist/chunks/{GenColors-BjsCKF7S.cjs → GenColors-BVouTbTJ.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const _l10n = require("./_l10n-RKohWu5d.cjs");
+const _l10n = require("./_l10n-DM-VRK9x.cjs");
 _l10n.register(_l10n.t3);
 class Color {
   /**
@@ -41,7 +41,13 @@ function mixPalette(steps, color1, color2) {
   return palette;
 }
 const defaultPalette = [
-  new Color(182, 70, 157, _l10n.t("Purple")),
+  /* eslint-disable @stylistic/function-call-argument-newline -- Allow to put translators comments */
+  new Color(
+    182,
+    70,
+    157,
+    _l10n.t("Purple")
+  ),
   new Color(
     191,
     103,
@@ -117,6 +123,7 @@ const defaultPalette = [
     _l10n.t("Deluge")
     // TRANSLATORS: A color name for RGB(136, 85, 168)
   )
+  /* eslint-enable @stylistic/function-call-argument-newline */
 ];
 function GenColors(steps) {
   const red = new Color(182, 70, 157, _l10n.t("Purple"));
@@ -130,4 +137,4 @@ function GenColors(steps) {
 exports.Color = Color;
 exports.GenColors = GenColors;
 exports.defaultPalette = defaultPalette;
-//# sourceMappingURL=GenColors-BjsCKF7S.cjs.map
+//# sourceMappingURL=GenColors-BVouTbTJ.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GenColors-BVouTbTJ.cjs","sources":["../../src/utils/GenColors.js"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport { t } from '../l10n.js'\n\nexport class Color {\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 * 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\t/* eslint-disable @stylistic/function-call-argument-newline -- Allow to put translators comments */\n\tnew Color(\n\t\t182, 70, 157,\n\t\tt('Purple'),\n\t),\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\t/* eslint-enable @stylistic/function-call-argument-newline */\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":["t"],"mappings":"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"}

package/dist/chunks/{GenColors-BrpkL3hT.mjs → GenColors-DIH749TS.mjs}

@@ -1,4 +1,4 @@
-import { r as register, t as t3, a as t } from "./_l10n-CW0YfIWk.mjs";
+import { r as register, t as t3, a as t } from "./_l10n-BEfeU7gr.mjs";
 register(t3);
 class Color {
   /**
@@ -40,7 +40,13 @@ function mixPalette(steps, color1, color2) {
   return palette;
 }
 const defaultPalette = [
-  new Color(182, 70, 157, t("Purple")),
+  /* eslint-disable @stylistic/function-call-argument-newline -- Allow to put translators comments */
+  new Color(
+    182,
+    70,
+    157,
+    t("Purple")
+  ),
   new Color(
     191,
     103,
@@ -116,6 +122,7 @@ const defaultPalette = [
     t("Deluge")
     // TRANSLATORS: A color name for RGB(136, 85, 168)
   )
+  /* eslint-enable @stylistic/function-call-argument-newline */
 ];
 function GenColors(steps) {
   const red = new Color(182, 70, 157, t("Purple"));
@@ -131,4 +138,4 @@ export {
   GenColors as G,
   defaultPalette as d
 };
-//# sourceMappingURL=GenColors-BrpkL3hT.mjs.map
+//# sourceMappingURL=GenColors-DIH749TS.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GenColors-DIH749TS.mjs","sources":["../../src/utils/GenColors.js"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport { t } from '../l10n.js'\n\nexport class Color {\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 * 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\t/* eslint-disable @stylistic/function-call-argument-newline -- Allow to put translators comments */\n\tnew Color(\n\t\t182, 70, 157,\n\t\tt('Purple'),\n\t),\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\t/* eslint-enable @stylistic/function-call-argument-newline */\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":[],"mappings":"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"}

package/dist/chunks/{GenRandomId-BQDud3d4.cjs → GenRandomId-D7iOvpZS.cjs}

@@ -1,6 +1,6 @@
 "use strict";
-const GenRandomId = (length) => {
+function GenRandomId(length) {
   return Math.random().toString(36).replace(/[^a-z]+/g, "").slice(0, length || 5);
-};
+}
 exports.GenRandomId = GenRandomId;
-//# sourceMappingURL=GenRandomId-BQDud3d4.cjs.map
+//# sourceMappingURL=GenRandomId-D7iOvpZS.cjs.map

package/dist/chunks/GenRandomId-D7iOvpZS.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenRandomId-D7iOvpZS.cjs","sources":["../../src/utils/GenRandomId.js"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2018 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\n/**\n * Generate a random ID string\n *\n * @param {number} [length] - ID's length\n */\nfunction GenRandomId(length) {\n\treturn Math.random()\n\t\t.toString(36)\n\t\t.replace(/[^a-z]+/g, '')\n\t\t.slice(0, length || 5)\n}\n\nexport default GenRandomId\n"],"names":[],"mappings":";AAUA,SAAS,YAAY,QAAQ;AAC5B,SAAO,KAAK,OAAM,EAChB,SAAS,EAAE,EACX,QAAQ,YAAY,EAAE,EACtB,MAAM,GAAG,UAAU,CAAC;AACvB;;"}

package/dist/chunks/{GenRandomId-CMooMQt0.mjs → GenRandomId-F5ebeBB_.mjs}

@@ -1,7 +1,7 @@
-const GenRandomId = (length) => {
+function GenRandomId(length) {
   return Math.random().toString(36).replace(/[^a-z]+/g, "").slice(0, length || 5);
-};
+}
 export {
   GenRandomId as G
 };
-//# sourceMappingURL=GenRandomId-CMooMQt0.mjs.map
+//# sourceMappingURL=GenRandomId-F5ebeBB_.mjs.map

package/dist/chunks/GenRandomId-F5ebeBB_.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenRandomId-F5ebeBB_.mjs","sources":["../../src/utils/GenRandomId.js"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2018 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\n/**\n * Generate a random ID string\n *\n * @param {number} [length] - ID's length\n */\nfunction GenRandomId(length) {\n\treturn Math.random()\n\t\t.toString(36)\n\t\t.replace(/[^a-z]+/g, '')\n\t\t.slice(0, length || 5)\n}\n\nexport default GenRandomId\n"],"names":[],"mappings":"AAUA,SAAS,YAAY,QAAQ;AAC5B,SAAO,KAAK,OAAM,EAChB,SAAS,EAAE,EACX,QAAQ,YAAY,EAAE,EACtB,MAAM,GAAG,UAAU,CAAC;AACvB;"}

package/dist/chunks/{NcActionButton-BhSk7AAp.cjs → NcActionButton-CFXzNoFT.cjs}

@@ -1,8 +1,8 @@
-require('../assets/NcActionButton-D8Lyueq3.css');
+require('../assets/NcActionButton-DwJihiLc.css');
 "use strict";
 const mdi = require("./mdi-BBwE-MZC.cjs");
-const actionText = require("./actionText-BcrK4uH1.cjs");
-const NcIconSvgWrapper = require("./NcIconSvgWrapper-CrnN5Sq5.cjs");
+const NcIconSvgWrapper = require("./NcIconSvgWrapper-D-aKMbf3.cjs");
+const actionText = require("./actionText-D2-z0ud3.cjs");
 const _pluginVue2_normalizer = require("./_plugin-vue2_normalizer-V0q-tHlQ.cjs");
 const _sfc_main = {
   name: "NcActionButton",
@@ -24,6 +24,7 @@ const _sfc_main = {
      */
     ariaHidden: {
       type: Boolean,
+      // eslint-disable-next-line vue/no-boolean-default
       default: null
     },
     /**
@@ -138,6 +139,7 @@ const _sfc_main = {
   methods: {
     /**
      * Forward click event, let mixin handle the close-after-click and emit new modelValue if needed
+     *
      * @param {MouseEvent} event The click event
      */
     handleClick(event) {
@@ -160,10 +162,10 @@ const _sfc_main = {
 };
 var _sfc_render = function render() {
   var _vm = this, _c = _vm._self._c;
-  return _c("li", { staticClass: "action", class: { "action--disabled": _vm.disabled }, attrs: { "role": _vm.isInSemanticMenu && "presentation" } }, [_c("button", _vm._b({ class: ["action-button button-vue", {
+  return _c("li", { staticClass: "action", class: { "action--disabled": _vm.disabled }, attrs: { "role": _vm.isInSemanticMenu && "presentation" } }, [_c("button", _vm._b({ staticClass: "action-button button-vue", class: {
     "action-button--active": _vm.isChecked,
     focusable: _vm.isFocusable
-  }], attrs: { "aria-label": _vm.ariaLabel, "disabled": _vm.disabled, "title": _vm.title, "type": _vm.nativeType }, on: { "click": _vm.handleClick } }, "button", _vm.buttonAttributes, false), [_vm._t("icon", function() {
+  }, attrs: { "aria-label": _vm.ariaLabel, "disabled": _vm.disabled, "title": _vm.title, "type": _vm.nativeType }, on: { "click": _vm.handleClick } }, "button", _vm.buttonAttributes, false), [_vm._t("icon", function() {
     return [_c("span", { staticClass: "action-button__icon", class: [_vm.isIconUrl ? "action-button__icon--url" : _vm.icon], style: { backgroundImage: _vm.isIconUrl ? `url(${_vm.icon})` : null }, attrs: { "aria-hidden": "true" } })];
   }), _c("span", { staticClass: "action-button__longtext-wrapper" }, [_vm.name ? _c("strong", { staticClass: "action-button__name" }, [_vm._v(" " + _vm._s(_vm.name) + " ")]) : _vm._e(), _vm.isLongText ? _c("span", { staticClass: "action-button__longtext", domProps: { "textContent": _vm._s(_vm.text) } }) : _c("span", { staticClass: "action-button__text" }, [_vm._v(" " + _vm._s(_vm.text) + " ")]), _vm.description ? _c("span", { staticClass: "action-button__description", domProps: { "textContent": _vm._s(_vm.description) } }) : _vm._e()]), _vm.isMenu ? _c("NcIconSvgWrapper", { staticClass: "action-button__menu-icon", attrs: { "directional": "", "path": _vm.mdiChevronRight } }) : _vm.isChecked ? _c("NcIconSvgWrapper", { staticClass: "action-button__pressed-icon", attrs: { "path": _vm.mdiCheck } }) : _vm.isChecked === false ? _c("span", { staticClass: "action-button__pressed-icon material-design-icon" }) : _vm._e(), _vm._e()], 2)]);
 };
@@ -174,8 +176,8 @@ var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
   _sfc_staticRenderFns,
   false,
   null,
-  "102cfc0a"
+  "595cfbf9"
 );
 const NcActionButton = __component__.exports;
 exports.NcActionButton = NcActionButton;
-//# sourceMappingURL=NcActionButton-BhSk7AAp.cjs.map
+//# sourceMappingURL=NcActionButton-CFXzNoFT.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NcActionButton-CFXzNoFT.cjs","sources":["../../src/components/NcActionButton/NcActionButton.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\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.vue'\n\timport Plus from 'vue-material-design-icons/Plus.vue'\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` prop.\n\nFor the same purpose, but in a more compact way, `description` prop can be used.\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\t<NcActionButton description=\"Subline description for the button\" @click=\"showMessage('Edit')\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Pencil :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tEdit\n\t\t\t</NcActionButton>\n\t\t</NcActions>\n\t</template>\n\t<script>\n\timport Delete from 'vue-material-design-icons/Delete.vue'\n\timport Pencil from 'vue-material-design-icons/Pencil.vue'\n\timport Plus from 'vue-material-design-icons/Plus.vue'\n\n\texport default {\n\t\tcomponents: {\n\t\t\tDelete,\n\t\t\tPencil,\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.vue'\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.vue'\nimport HandBackRight from 'vue-material-design-icons/HandBackRight.vue'\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 :model-value.sync=\"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 :model-value.sync=\"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 :model-value.sync=\"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 :model-value.sync=\"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 :model-value.sync=\"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\n\t\t\t:aria-label=\"ariaLabel\"\n\t\t\tclass=\"action-button button-vue\"\n\t\t\t:class=\"{\n\t\t\t\t'action-button--active': isChecked,\n\t\t\t\tfocusable: isFocusable,\n\t\t\t}\"\n\t\t\t:disabled=\"disabled\"\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\n\t\t\t\t\t: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 class=\"action-button__longtext-wrapper\">\n\t\t\t\t<strong\n\t\t\t\t\tv-if=\"name\"\n\t\t\t\t\tclass=\"action-button__name\">\n\t\t\t\t\t{{ name }}\n\t\t\t\t</strong>\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\n\t\t\t\t\tv-if=\"isLongText\"\n\t\t\t\t\tclass=\"action-button__longtext\"\n\t\t\t\t\tv-text=\"text\" />\n\t\t\t\t<!-- default text display -->\n\t\t\t\t<span\n\t\t\t\t\tv-else\n\t\t\t\t\tclass=\"action-button__text\">\n\t\t\t\t\t{{ text }}\n\t\t\t\t</span>\n\t\t\t\t<span\n\t\t\t\t\tv-if=\"description\"\n\t\t\t\t\tclass=\"action-button__description\"\n\t\t\t\t\tv-text=\"description\" />\n\t\t\t</span>\n\n\t\t\t<!-- right(in LTR) or left(in RTL) arrow icon when there is a sub-menu -->\n\t\t\t<NcIconSvgWrapper\n\t\t\t\tv-if=\"isMenu\"\n\t\t\t\tclass=\"action-button__menu-icon\"\n\t\t\t\tdirectional\n\t\t\t\t:path=\"mdiChevronRight\" />\n\t\t\t<NcIconSvgWrapper v-else-if=\"isChecked\" :path=\"mdiCheck\" class=\"action-button__pressed-icon\" />\n\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 { mdiCheck, mdiChevronRight } from '@mdi/js'\nimport NcIconSvgWrapper from '../NcIconSvgWrapper/NcIconSvgWrapper.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\tNcIconSvgWrapper,\n\t},\n\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\t// eslint-disable-next-line vue/no-boolean-default\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\n\t\t/**\n\t\t * Small underlying text content of the entry\n\t\t */\n\t\tdescription: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t},\n\n\tsetup() {\n\t\treturn {\n\t\t\tmdiCheck,\n\t\t\tmdiChevronRight,\n\t\t}\n\t},\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 *\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 {\n\t&__pressed-icon {\n\t\tmargin-inline: auto calc($icon-margin * -1);\n\t}\n\n\t* {\n\t\tcursor: pointer;\n\t}\n}\n</style>\n"],"names":["NcIconSvgWrapper","ActionTextMixin","mdiCheck","mdiChevronRight"],"mappings":"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"}