@nextcloud/vue 8.11.0 → 8.11.2

package/dist/chunks/{usernameToColor-DrnKFnLP.mjs → usernameToColor-BHkzj1tb.mjs}

@@ -1,4 +1,4 @@
-import { G as i } from "./GenColors-SRrPRTFN.mjs";
+import { G as i } from "./GenColors-Dceu3ds2.mjs";
 import p from "md5";
 /**
  * @copyright Copyright (c) 2018 John Molakvoæ <skjnldsv@protonmail.com>

package/dist/chunks/{usernameToColor-DrnKFnLP.mjs.map → usernameToColor-BHkzj1tb.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"usernameToColor-DrnKFnLP.mjs","sources":["../../src/functions/usernameToColor/usernameToColor.js"],"sourcesContent":["/**\n * @copyright Copyright (c) 2018 John Molakvoæ <skjnldsv@protonmail.com>\n *\n * @author John Molakvoæ <skjnldsv@protonmail.com>\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 */\nimport { GenColors } from '../../utils/GenColors.js'\n\nimport md5 from 'md5'\n\n/**\n * Originally taken from https://github.com/nextcloud/server/blob/master/core/js/placeholder.js\n *\n * @param {string} username Display name or user id to generate from\n * @return {object} the rgb colors as {r:255, g:255, b:255}\n */\nconst usernameToColor = function(username) {\n\t// Normalize hash\n\tlet hash = username.toLowerCase()\n\n\t// Already a md5 hash?\n\tif (hash.match(/^([0-9a-f]{4}-?){8}$/) === null) {\n\t\thash = md5(hash)\n\t}\n\n\thash = hash.replace(/[^0-9a-f]/g, '')\n\n\tconst steps = 6\n\tconst finalPalette = GenColors(steps)\n\n\t/**\n\t * Convert a string to an integer evenly\n\t *\n\t * @param {string} hash The hash to convert\n\t * @param {number} maximum Largest number allowed\n\t */\n\tfunction hashToInt(hash, maximum) {\n\t\tlet finalInt = 0\n\t\tconst result = []\n\n\t\t// Splitting evenly the string\n\t\tfor (let i = 0; i < hash.length; i++) {\n\t\t\t// chars in md5 goes up to f, hex:16\n\t\t\tresult.push(parseInt(hash.charAt(i), 16) % 16)\n\t\t}\n\n\t\t// Adds up all results\n\t\tfor (const j in result) {\n\t\t\tfinalInt += result[j]\n\t\t}\n\n\t\t// chars in md5 goes up to f, hex:16\n\t\t// make sure we're always using int in our operation\n\t\treturn parseInt(parseInt(finalInt, 10) % maximum, 10)\n\t}\n\treturn finalPalette[hashToInt(hash, steps * 3)]\n}\n\nexport default usernameToColor\n"],"names":["usernameToColor","username","hash","md5","steps","finalPalette","GenColors","hashToInt","maximum","finalInt","result","i","j"],"mappings":";;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BK,MAACA,IAAkB,SAASC,GAAU;AAE1C,MAAIC,IAAOD,EAAS,YAAa;AAGjC,EAAIC,EAAK,MAAM,sBAAsB,MAAM,SAC1CA,IAAOC,EAAID,CAAI,IAGhBA,IAAOA,EAAK,QAAQ,cAAc,EAAE;AAEpC,QAAME,IAAQ,GACRC,IAAeC,EAAUF,CAAK;AAQpC,WAASG,EAAUL,GAAMM,GAAS;AACjC,QAAIC,IAAW;AACf,UAAMC,IAAS,CAAE;AAGjB,aAASC,IAAI,GAAGA,IAAIT,EAAK,QAAQS;AAEhC,MAAAD,EAAO,KAAK,SAASR,EAAK,OAAOS,CAAC,GAAG,EAAE,IAAI,EAAE;AAI9C,eAAWC,KAAKF;AACf,MAAAD,KAAYC,EAAOE,CAAC;AAKrB,WAAO,SAAS,SAASH,GAAU,EAAE,IAAID,GAAS,EAAE;AAAA,EACpD;AACD,SAAOH,EAAaE,EAAUL,GAAME,IAAQ,CAAC,CAAC;AAC/C;"}
+{"version":3,"file":"usernameToColor-BHkzj1tb.mjs","sources":["../../src/functions/usernameToColor/usernameToColor.js"],"sourcesContent":["/**\n * @copyright Copyright (c) 2018 John Molakvoæ <skjnldsv@protonmail.com>\n *\n * @author John Molakvoæ <skjnldsv@protonmail.com>\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 */\nimport { GenColors } from '../../utils/GenColors.js'\n\nimport md5 from 'md5'\n\n/**\n * Originally taken from https://github.com/nextcloud/server/blob/master/core/js/placeholder.js\n *\n * @param {string} username Display name or user id to generate from\n * @return {object} the rgb colors as {r:255, g:255, b:255}\n */\nconst usernameToColor = function(username) {\n\t// Normalize hash\n\tlet hash = username.toLowerCase()\n\n\t// Already a md5 hash?\n\tif (hash.match(/^([0-9a-f]{4}-?){8}$/) === null) {\n\t\thash = md5(hash)\n\t}\n\n\thash = hash.replace(/[^0-9a-f]/g, '')\n\n\tconst steps = 6\n\tconst finalPalette = GenColors(steps)\n\n\t/**\n\t * Convert a string to an integer evenly\n\t *\n\t * @param {string} hash The hash to convert\n\t * @param {number} maximum Largest number allowed\n\t */\n\tfunction hashToInt(hash, maximum) {\n\t\tlet finalInt = 0\n\t\tconst result = []\n\n\t\t// Splitting evenly the string\n\t\tfor (let i = 0; i < hash.length; i++) {\n\t\t\t// chars in md5 goes up to f, hex:16\n\t\t\tresult.push(parseInt(hash.charAt(i), 16) % 16)\n\t\t}\n\n\t\t// Adds up all results\n\t\tfor (const j in result) {\n\t\t\tfinalInt += result[j]\n\t\t}\n\n\t\t// chars in md5 goes up to f, hex:16\n\t\t// make sure we're always using int in our operation\n\t\treturn parseInt(parseInt(finalInt, 10) % maximum, 10)\n\t}\n\treturn finalPalette[hashToInt(hash, steps * 3)]\n}\n\nexport default usernameToColor\n"],"names":["usernameToColor","username","hash","md5","steps","finalPalette","GenColors","hashToInt","maximum","finalInt","result","i","j"],"mappings":";;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BK,MAACA,IAAkB,SAASC,GAAU;AAE1C,MAAIC,IAAOD,EAAS,YAAa;AAGjC,EAAIC,EAAK,MAAM,sBAAsB,MAAM,SAC1CA,IAAOC,EAAID,CAAI,IAGhBA,IAAOA,EAAK,QAAQ,cAAc,EAAE;AAEpC,QAAME,IAAQ,GACRC,IAAeC,EAAUF,CAAK;AAQpC,WAASG,EAAUL,GAAMM,GAAS;AACjC,QAAIC,IAAW;AACf,UAAMC,IAAS,CAAE;AAGjB,aAASC,IAAI,GAAGA,IAAIT,EAAK,QAAQS;AAEhC,MAAAD,EAAO,KAAK,SAASR,EAAK,OAAOS,CAAC,GAAG,EAAE,IAAI,EAAE;AAI9C,eAAWC,KAAKF;AACf,MAAAD,KAAYC,EAAOE,CAAC;AAKrB,WAAO,SAAS,SAASH,GAAU,EAAE,IAAID,GAAS,EAAE;AAAA,EACpD;AACD,SAAOH,EAAaE,EAAUL,GAAME,IAAQ,CAAC,CAAC;AAC/C;"}

package/dist/chunks/{usernameToColor-BG9PjZRM.cjs → usernameToColor-DA36rR48.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const f = require("./GenColors-BCHzPRPI.cjs"), i = require("md5"), p = (t) => t && t.__esModule ? t : { default: t }, d = /* @__PURE__ */ p(i);
+const f = require("./GenColors-hkqGpnOK.cjs"), i = require("md5"), p = (t) => t && t.__esModule ? t : { default: t }, d = /* @__PURE__ */ p(i);
 /**
  * @copyright Copyright (c) 2018 John Molakvoæ <skjnldsv@protonmail.com>
  *

package/dist/chunks/{usernameToColor-BG9PjZRM.cjs.map → usernameToColor-DA36rR48.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"usernameToColor-BG9PjZRM.cjs","sources":["../../src/functions/usernameToColor/usernameToColor.js"],"sourcesContent":["/**\n * @copyright Copyright (c) 2018 John Molakvoæ <skjnldsv@protonmail.com>\n *\n * @author John Molakvoæ <skjnldsv@protonmail.com>\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 */\nimport { GenColors } from '../../utils/GenColors.js'\n\nimport md5 from 'md5'\n\n/**\n * Originally taken from https://github.com/nextcloud/server/blob/master/core/js/placeholder.js\n *\n * @param {string} username Display name or user id to generate from\n * @return {object} the rgb colors as {r:255, g:255, b:255}\n */\nconst usernameToColor = function(username) {\n\t// Normalize hash\n\tlet hash = username.toLowerCase()\n\n\t// Already a md5 hash?\n\tif (hash.match(/^([0-9a-f]{4}-?){8}$/) === null) {\n\t\thash = md5(hash)\n\t}\n\n\thash = hash.replace(/[^0-9a-f]/g, '')\n\n\tconst steps = 6\n\tconst finalPalette = GenColors(steps)\n\n\t/**\n\t * Convert a string to an integer evenly\n\t *\n\t * @param {string} hash The hash to convert\n\t * @param {number} maximum Largest number allowed\n\t */\n\tfunction hashToInt(hash, maximum) {\n\t\tlet finalInt = 0\n\t\tconst result = []\n\n\t\t// Splitting evenly the string\n\t\tfor (let i = 0; i < hash.length; i++) {\n\t\t\t// chars in md5 goes up to f, hex:16\n\t\t\tresult.push(parseInt(hash.charAt(i), 16) % 16)\n\t\t}\n\n\t\t// Adds up all results\n\t\tfor (const j in result) {\n\t\t\tfinalInt += result[j]\n\t\t}\n\n\t\t// chars in md5 goes up to f, hex:16\n\t\t// make sure we're always using int in our operation\n\t\treturn parseInt(parseInt(finalInt, 10) % maximum, 10)\n\t}\n\treturn finalPalette[hashToInt(hash, steps * 3)]\n}\n\nexport default usernameToColor\n"],"names":["usernameToColor","username","hash","md5","steps","finalPalette","GenColors","hashToInt","maximum","finalInt","result","i","j"],"mappings":";;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BK,MAACA,IAAkB,SAASC,GAAU;AAE1C,MAAIC,IAAOD,EAAS,YAAa;AAGjC,EAAIC,EAAK,MAAM,sBAAsB,MAAM,SAC1CA,IAAOC,EAAG,QAACD,CAAI,IAGhBA,IAAOA,EAAK,QAAQ,cAAc,EAAE;AAEpC,QAAME,IAAQ,GACRC,IAAeC,EAAS,UAACF,CAAK;AAQpC,WAASG,EAAUL,GAAMM,GAAS;AACjC,QAAIC,IAAW;AACf,UAAMC,IAAS,CAAE;AAGjB,aAASC,IAAI,GAAGA,IAAIT,EAAK,QAAQS;AAEhC,MAAAD,EAAO,KAAK,SAASR,EAAK,OAAOS,CAAC,GAAG,EAAE,IAAI,EAAE;AAI9C,eAAWC,KAAKF;AACf,MAAAD,KAAYC,EAAOE,CAAC;AAKrB,WAAO,SAAS,SAASH,GAAU,EAAE,IAAID,GAAS,EAAE;AAAA,EACpD;AACD,SAAOH,EAAaE,EAAUL,GAAME,IAAQ,CAAC,CAAC;AAC/C;;"}
+{"version":3,"file":"usernameToColor-DA36rR48.cjs","sources":["../../src/functions/usernameToColor/usernameToColor.js"],"sourcesContent":["/**\n * @copyright Copyright (c) 2018 John Molakvoæ <skjnldsv@protonmail.com>\n *\n * @author John Molakvoæ <skjnldsv@protonmail.com>\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 */\nimport { GenColors } from '../../utils/GenColors.js'\n\nimport md5 from 'md5'\n\n/**\n * Originally taken from https://github.com/nextcloud/server/blob/master/core/js/placeholder.js\n *\n * @param {string} username Display name or user id to generate from\n * @return {object} the rgb colors as {r:255, g:255, b:255}\n */\nconst usernameToColor = function(username) {\n\t// Normalize hash\n\tlet hash = username.toLowerCase()\n\n\t// Already a md5 hash?\n\tif (hash.match(/^([0-9a-f]{4}-?){8}$/) === null) {\n\t\thash = md5(hash)\n\t}\n\n\thash = hash.replace(/[^0-9a-f]/g, '')\n\n\tconst steps = 6\n\tconst finalPalette = GenColors(steps)\n\n\t/**\n\t * Convert a string to an integer evenly\n\t *\n\t * @param {string} hash The hash to convert\n\t * @param {number} maximum Largest number allowed\n\t */\n\tfunction hashToInt(hash, maximum) {\n\t\tlet finalInt = 0\n\t\tconst result = []\n\n\t\t// Splitting evenly the string\n\t\tfor (let i = 0; i < hash.length; i++) {\n\t\t\t// chars in md5 goes up to f, hex:16\n\t\t\tresult.push(parseInt(hash.charAt(i), 16) % 16)\n\t\t}\n\n\t\t// Adds up all results\n\t\tfor (const j in result) {\n\t\t\tfinalInt += result[j]\n\t\t}\n\n\t\t// chars in md5 goes up to f, hex:16\n\t\t// make sure we're always using int in our operation\n\t\treturn parseInt(parseInt(finalInt, 10) % maximum, 10)\n\t}\n\treturn finalPalette[hashToInt(hash, steps * 3)]\n}\n\nexport default usernameToColor\n"],"names":["usernameToColor","username","hash","md5","steps","finalPalette","GenColors","hashToInt","maximum","finalInt","result","i","j"],"mappings":";;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BK,MAACA,IAAkB,SAASC,GAAU;AAE1C,MAAIC,IAAOD,EAAS,YAAa;AAGjC,EAAIC,EAAK,MAAM,sBAAsB,MAAM,SAC1CA,IAAOC,EAAG,QAACD,CAAI,IAGhBA,IAAOA,EAAK,QAAQ,cAAc,EAAE;AAEpC,QAAME,IAAQ,GACRC,IAAeC,EAAS,UAACF,CAAK;AAQpC,WAASG,EAAUL,GAAMM,GAAS;AACjC,QAAIC,IAAW;AACf,UAAMC,IAAS,CAAE;AAGjB,aAASC,IAAI,GAAGA,IAAIT,EAAK,QAAQS;AAEhC,MAAAD,EAAO,KAAK,SAASR,EAAK,OAAOS,CAAC,GAAG,EAAE,IAAI,EAAE;AAI9C,eAAWC,KAAKF;AACf,MAAAD,KAAYC,EAAOE,CAAC;AAKrB,WAAO,SAAS,SAASH,GAAU,EAAE,IAAID,GAAS,EAAE;AAAA,EACpD;AACD,SAAOH,EAAaE,EAAUL,GAAME,IAAQ,CAAC,CAAC;AAC/C;;"}

package/dist/index.cjs

@@ -1,18 +1,18 @@
-require('./assets/NcRichText-D2BBsB-_.css');
+require('./assets/NcRichText-DNXuHl34.css');
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const p = require("./Components/NcActionButton.cjs"), l = require("./chunks/NcActionButtonGroup-Dc9G34Er.cjs"), g = require("./Components/NcActionCaption.cjs"), d = require("./Components/NcActionCheckbox.cjs"), A = require("./chunks/NcActionInput-C6WR9W8-.cjs"), m = require("./Components/NcActionLink.cjs"), S = require("./Components/NcActionRadio.cjs"), C = require("./Components/NcActionRouter.cjs"), b = require("./chunks/NcActions-DL722iMU.cjs"), q = require("./Components/NcActionSeparator.cjs"), I = require("./Components/NcActionText.cjs"), v = require("./Components/NcActionTextEditable.cjs"), P = require("./chunks/NcAppContent-CyPht0ua.cjs"), T = require("./Components/NcAppContentDetails.cjs"), k = require("./Components/NcAppContentList.cjs"), h = require("./chunks/NcAppNavigation-BPCfq5ox.cjs"), B = require("./chunks/NcAppNavigationCaption-DNugUyEL.cjs"), _ = require("./Components/NcAppNavigationIconBullet.cjs"), R = require("./chunks/NcAppNavigationItem-znyy3LU1.cjs"), D = require("./Components/NcAppNavigationList.cjs"), x = require("./Components/NcAppNavigationNew.cjs"), L = require("./chunks/NcAppNavigationNewItem-DgPfNmx6.cjs"), M = require("./chunks/NcAppNavigationSettings-DPb0p_eD.cjs"), E = require("./Components/NcAppNavigationSpacer.cjs"), F = require("./chunks/NcAppSettingsDialog-EIsS0HU9.cjs"), W = require("./Components/NcAppSettingsSection.cjs"), w = require("./chunks/NcAppSidebar-DNAgJFfm.cjs"), y = require("./Components/NcAppSidebarTab.cjs"), s = require("./chunks/NcAvatar-CDeuGCns.cjs"), j = require("./chunks/NcBreadcrumb-6--UKRl5.cjs"), O = require("./chunks/NcBreadcrumbs-CgSLqCmo.cjs"), f = require("./Components/NcButton.cjs"), G = require("./chunks/NcCheckboxRadioSwitch-BS2C-YSz.cjs"), H = require("./chunks/NcColorPicker-D0rQKQAy.cjs"), U = require("./chunks/NcContent-BXfreK7p.cjs"), z = require("./Components/NcCounterBubble.cjs"), V = require("./chunks/NcDashboardWidget-CPXbrHii.cjs"), K = require("./chunks/NcDashboardWidgetItem-Buh2BPAN.cjs"), a = require("./chunks/NcDateTime-DG_XAvbT.cjs"), J = require("./Components/NcDateTimePicker.cjs"), Q = require("./Components/NcDateTimePickerNative.cjs"), X = require("./chunks/NcDialog-C6nYgBDF.cjs"), Y = require("./chunks/NcDialogButton-D7ibBxsQ.cjs"), Z = require("./chunks/NcEmojiPicker-BDcdqsgr.cjs"), $ = require("./Components/NcEmptyContent.cjs"), ee = require("./Components/NcGuestContent.cjs"), te = require("./chunks/NcHeaderMenu-BUeI4DGP.cjs"), ce = require("./chunks/index-Cke9rKBg.cjs"), ie = require("./chunks/NcIconSvgWrapper-kIn1eQyv.cjs"), oe = require("./chunks/NcListItem-BDrxkM0q.cjs"), ne = require("./chunks/NcListItemIcon-D_cwlGhm.cjs"), re = require("./Components/NcLoadingIcon.cjs"), Ne = require("./Components/NcModal.cjs"), se = require("./Components/NcNoteCard.cjs"), ae = require("./chunks/NcPasswordField-EDrr_9PG.cjs"), ue = require("./chunks/NcPopover-h-t7Dnjk.cjs"), pe = require("./chunks/NcProgressBar-BYk5hfPI.cjs"), le = require("./chunks/NcRelatedResourcesPanel-DDL8rJnB.cjs"), u = require("./chunks/index-CVsxVZon.cjs"), r = require("./chunks/NcRichContenteditable-DjUF2Kzl.cjs"), ge = require("./chunks/NcRichText-D_p79y2S.cjs"), e = require("./chunks/index-Bh9FEWbr.cjs");
+const p = require("./Components/NcActionButton.cjs"), l = require("./chunks/NcActionButtonGroup-B1XhnIBl.cjs"), g = require("./Components/NcActionCaption.cjs"), d = require("./Components/NcActionCheckbox.cjs"), A = require("./chunks/NcActionInput-N2wrvq5K.cjs"), m = require("./Components/NcActionLink.cjs"), S = require("./Components/NcActionRadio.cjs"), C = require("./Components/NcActionRouter.cjs"), b = require("./chunks/NcActions-BtvXtZF4.cjs"), q = require("./Components/NcActionSeparator.cjs"), I = require("./Components/NcActionText.cjs"), v = require("./Components/NcActionTextEditable.cjs"), P = require("./chunks/NcAppContent-Be1m1O_W.cjs"), T = require("./Components/NcAppContentDetails.cjs"), k = require("./Components/NcAppContentList.cjs"), h = require("./chunks/NcAppNavigation-DKUnWfen.cjs"), B = require("./chunks/NcAppNavigationCaption-Cdcv-0jj.cjs"), _ = require("./Components/NcAppNavigationIconBullet.cjs"), R = require("./chunks/NcAppNavigationItem-7xN_CMHW.cjs"), D = require("./Components/NcAppNavigationList.cjs"), x = require("./Components/NcAppNavigationNew.cjs"), L = require("./chunks/NcAppNavigationNewItem-5B4-U2NI.cjs"), M = require("./chunks/NcAppNavigationSettings-Cnr4jYzW.cjs"), E = require("./Components/NcAppNavigationSpacer.cjs"), F = require("./chunks/NcAppSettingsDialog-B6crPJ6a.cjs"), W = require("./Components/NcAppSettingsSection.cjs"), w = require("./chunks/NcAppSidebar-qC5-u1p0.cjs"), y = require("./Components/NcAppSidebarTab.cjs"), s = require("./chunks/NcAvatar-BuqOk4mX.cjs"), j = require("./chunks/NcBreadcrumb-BRpLGeLr.cjs"), O = require("./chunks/NcBreadcrumbs-BKPXzHC1.cjs"), f = require("./Components/NcButton.cjs"), G = require("./chunks/NcCheckboxRadioSwitch-B9w3Znu7.cjs"), H = require("./chunks/NcColorPicker-DOcxlY35.cjs"), U = require("./chunks/NcContent-DbFAEdX_.cjs"), z = require("./Components/NcCounterBubble.cjs"), V = require("./chunks/NcDashboardWidget-auMQiAFt.cjs"), K = require("./chunks/NcDashboardWidgetItem-xqVAP32n.cjs"), a = require("./chunks/NcDateTime-DneyKibb.cjs"), J = require("./Components/NcDateTimePicker.cjs"), Q = require("./Components/NcDateTimePickerNative.cjs"), X = require("./chunks/NcDialog-Ciz0hlFn.cjs"), Y = require("./chunks/NcDialogButton-D7ibBxsQ.cjs"), Z = require("./chunks/NcEmojiPicker-S2pfwxlK.cjs"), $ = require("./Components/NcEmptyContent.cjs"), ee = require("./Components/NcGuestContent.cjs"), te = require("./chunks/NcHeaderMenu-58OTmM-5.cjs"), ce = require("./chunks/index-Cke9rKBg.cjs"), ie = require("./chunks/NcIconSvgWrapper-kIn1eQyv.cjs"), oe = require("./chunks/NcListItem-B_MPLJ_8.cjs"), ne = require("./chunks/NcListItemIcon-Dwgi2cPr.cjs"), re = require("./Components/NcLoadingIcon.cjs"), Ne = require("./Components/NcModal.cjs"), se = require("./Components/NcNoteCard.cjs"), ae = require("./chunks/NcPasswordField-BooDzf0Z.cjs"), ue = require("./chunks/NcPopover-h-t7Dnjk.cjs"), pe = require("./chunks/NcProgressBar-BYk5hfPI.cjs"), le = require("./chunks/NcRelatedResourcesPanel-DaiuNCYU.cjs"), u = require("./chunks/index-CMnR5Pf6.cjs"), r = require("./chunks/NcRichContenteditable-BF3BkdqM.cjs"), ge = require("./chunks/NcRichText-DCkExl5g.cjs"), e = require("./chunks/index-Bh9FEWbr.cjs");
 require("@vueuse/core");
 require("vue");
-const c = require("./chunks/referencePickerModal-DRZH-El6.cjs");
+const c = require("./chunks/referencePickerModal-B_Su3XpN.cjs");
 require("unist-util-visit");
 require("unist-builder");
 require("@nextcloud/router");
 require("@nextcloud/axios");
 ;/* empty css                                                                             */
-const de = require("./chunks/NcSelect-BVCCppX6.cjs"), Ae = require("./chunks/NcTextField-DgzR5_48.cjs");
+const de = require("./chunks/NcSelect-Bn3oTHtq.cjs"), Ae = require("./chunks/NcTextField-B5cUYgRy.cjs");
 require("@nextcloud/event-bus");
-const me = require("./chunks/NcSavingIndicatorIcon-BTvUkUn-.cjs"), Se = require("./chunks/NcSelectTags-b_FdAE_d.cjs"), Ce = require("./chunks/NcSettingsInputText-D_wATSbL.cjs"), be = require("./chunks/NcSettingsSection-TG0j5-kd.cjs"), qe = require("./chunks/NcSettingsSelectGroup-JJ4LZALf.cjs"), Ie = require("./chunks/NcTimezonePicker-8ZYdOp_g.cjs"), ve = require("./chunks/NcUserBubble-Bfph5VfL.cjs"), Pe = require("./chunks/NcUserStatusIcon-Bu_nFfO_.cjs"), Te = require("./Components/NcTextArea.cjs"), ke = require("./Composables/useIsFullscreen.cjs"), i = require("./Composables/useIsMobile.cjs"), o = require("./chunks/emoji-DEH9dtOa.cjs"), Re = require("./chunks/usernameToColor-BG9PjZRM.cjs"), he = require("./Directives/Focus.cjs"), Be = require("./Directives/Linkify.cjs");
+const me = require("./chunks/NcSavingIndicatorIcon-BTvUkUn-.cjs"), Se = require("./chunks/NcSelectTags-CgYWiDjX.cjs"), Ce = require("./chunks/NcSettingsInputText-1i2TqdMB.cjs"), be = require("./chunks/NcSettingsSection-CNMpCD3o.cjs"), qe = require("./chunks/NcSettingsSelectGroup-CgUJmyF7.cjs"), Ie = require("./chunks/NcTimezonePicker-BF5TeadZ.cjs"), ve = require("./chunks/NcUserBubble-BadEJRgs.cjs"), Pe = require("./chunks/NcUserStatusIcon-B69NZ9Hw.cjs"), Te = require("./Components/NcTextArea.cjs"), ke = require("./Composables/useIsFullscreen.cjs"), i = require("./Composables/useIsMobile.cjs"), o = require("./chunks/emoji-DEH9dtOa.cjs"), Re = require("./chunks/usernameToColor-DA36rR48.cjs"), he = require("./Directives/Focus.cjs"), Be = require("./Directives/Linkify.cjs");
 require("./Directives/Tooltip.cjs");
 const De = require("./Mixins/clickOutsideOptions.cjs"), xe = require("./Mixins/isFullscreen.cjs"), Le = require("./Mixins/isMobile.cjs"), _e = require("floating-vue");
 /**

package/dist/index.mjs

@@ -1,93 +1,93 @@
-import './assets/NcRichText-D2BBsB-_.css';
+import './assets/NcRichText-DNXuHl34.css';
 import i from "./Components/NcActionButton.mjs";
-import { N as e } from "./chunks/NcActionButtonGroup-BS4fKDux.mjs";
+import { N as e } from "./chunks/NcActionButtonGroup-DU1taycQ.mjs";
 import m from "./Components/NcActionCaption.mjs";
 import a from "./Components/NcActionCheckbox.mjs";
-import { N as p } from "./chunks/NcActionInput-B_upGNjs.mjs";
+import { N as p } from "./chunks/NcActionInput-53RB9uQe.mjs";
 import c from "./Components/NcActionLink.mjs";
 import s from "./Components/NcActionRadio.mjs";
 import N from "./Components/NcActionRouter.mjs";
-import { N as n } from "./chunks/NcActions-ClU5w8U1.mjs";
+import { N as n } from "./chunks/NcActions-DiFslXqv.mjs";
 import f from "./Components/NcActionSeparator.mjs";
 import l from "./Components/NcActionText.mjs";
 import u from "./Components/NcActionTextEditable.mjs";
-import { N as d } from "./chunks/NcAppContent-CZUuFw1x.mjs";
+import { N as d } from "./chunks/NcAppContent-BDhK1rUf.mjs";
 import g from "./Components/NcAppContentDetails.mjs";
 import A from "./Components/NcAppContentList.mjs";
-import { N as S } from "./chunks/NcAppNavigation-8_Bef_ph.mjs";
-import { N as b } from "./chunks/NcAppNavigationCaption-DZl4aJXn.mjs";
+import { N as S } from "./chunks/NcAppNavigation-CElLRpH-.mjs";
+import { N as b } from "./chunks/NcAppNavigationCaption-DI7SIPdI.mjs";
 import v from "./Components/NcAppNavigationIconBullet.mjs";
-import { N as T } from "./chunks/NcAppNavigationItem-D7L6HxhH.mjs";
+import { N as T } from "./chunks/NcAppNavigationItem-Djfc0DPY.mjs";
 import k from "./Components/NcAppNavigationList.mjs";
 import P from "./Components/NcAppNavigationNew.mjs";
-import { N as x } from "./chunks/NcAppNavigationNewItem-CRLPUH7B.mjs";
-import { N as C } from "./chunks/NcAppNavigationSettings-EcktukV4.mjs";
+import { N as x } from "./chunks/NcAppNavigationNewItem-CN3vYnc_.mjs";
+import { N as C } from "./chunks/NcAppNavigationSettings-LmpAoM-x.mjs";
 import I from "./Components/NcAppNavigationSpacer.mjs";
-import { N as h } from "./chunks/NcAppSettingsDialog-fgbU_-h8.mjs";
+import { N as h } from "./chunks/NcAppSettingsDialog-BLOgrVCz.mjs";
 import E from "./Components/NcAppSettingsSection.mjs";
-import { N as B } from "./chunks/NcAppSidebar-BbEflEtM.mjs";
+import { N as B } from "./chunks/NcAppSidebar-CqER6-dl.mjs";
 import R from "./Components/NcAppSidebarTab.mjs";
-import { N as L } from "./chunks/NcAvatar-k_VeT7Vp.mjs";
-import { u as ct } from "./chunks/NcAvatar-k_VeT7Vp.mjs";
-import { N as y } from "./chunks/NcBreadcrumb-Yg1njNwp.mjs";
-import { N as M } from "./chunks/NcBreadcrumbs-DXD2Kiak.mjs";
+import { N as L } from "./chunks/NcAvatar-BBhoG-za.mjs";
+import { u as ct } from "./chunks/NcAvatar-BBhoG-za.mjs";
+import { N as y } from "./chunks/NcBreadcrumb-BxCf2hEA.mjs";
+import { N as M } from "./chunks/NcBreadcrumbs-BmK-6Q-n.mjs";
 import O from "./Components/NcButton.mjs";
-import { N as D } from "./chunks/NcCheckboxRadioSwitch-BRPYihez.mjs";
-import { N as _ } from "./chunks/NcColorPicker-DNGismgl.mjs";
-import { N as j } from "./chunks/NcContent-DCmLP8Ly.mjs";
+import { N as D } from "./chunks/NcCheckboxRadioSwitch-BOl1O2zi.mjs";
+import { N as _ } from "./chunks/NcColorPicker-CeoImUTC.mjs";
+import { N as j } from "./chunks/NcContent-BPA0KfuT.mjs";
 import F from "./Components/NcCounterBubble.mjs";
-import { N as W } from "./chunks/NcDashboardWidget-6UWLF9LM.mjs";
-import { N as w } from "./chunks/NcDashboardWidgetItem-bFGf6_R7.mjs";
-import { N as z } from "./chunks/NcDateTime-GW15p7yp.mjs";
-import { u as Nt } from "./chunks/NcDateTime-GW15p7yp.mjs";
+import { N as W } from "./chunks/NcDashboardWidget-2-nW7dII.mjs";
+import { N as w } from "./chunks/NcDashboardWidgetItem-D2yoF9Oo.mjs";
+import { N as z } from "./chunks/NcDateTime-CeOdKcvC.mjs";
+import { u as Nt } from "./chunks/NcDateTime-CeOdKcvC.mjs";
 import G from "./Components/NcDateTimePicker.mjs";
 import V from "./Components/NcDateTimePickerNative.mjs";
-import { N as H } from "./chunks/NcDialog-D6YSjidf.mjs";
+import { N as H } from "./chunks/NcDialog-C_1rhUHk.mjs";
 import { N as K } from "./chunks/NcDialogButton-DQFoaN7q.mjs";
-import { N as U } from "./chunks/NcEmojiPicker-B34sLJKs.mjs";
+import { N as U } from "./chunks/NcEmojiPicker-Cie30NYK.mjs";
 import $ from "./Components/NcEmptyContent.mjs";
 import q from "./Components/NcGuestContent.mjs";
-import { N as J } from "./chunks/NcHeaderMenu-CXBimxcN.mjs";
+import { N as J } from "./chunks/NcHeaderMenu-DOGXti7v.mjs";
 import { N as Q } from "./chunks/index-CnpswYi6.mjs";
 import { N as X } from "./chunks/NcIconSvgWrapper-BTdzvQGV.mjs";
-import { N as Y } from "./chunks/NcListItem-rlwo19vU.mjs";
-import { N as Z } from "./chunks/NcListItemIcon-Bwl8bKaY.mjs";
+import { N as Y } from "./chunks/NcListItem-BopkGRDs.mjs";
+import { N as Z } from "./chunks/NcListItemIcon-CI23iFQz.mjs";
 import oo from "./Components/NcLoadingIcon.mjs";
 import ro from "./Components/NcModal.mjs";
 import to from "./Components/NcNoteCard.mjs";
-import { N as io } from "./chunks/NcPasswordField-D91QgkSR.mjs";
+import { N as io } from "./chunks/NcPasswordField-BgSp7dK4.mjs";
 import { N as eo } from "./chunks/NcPopover--V3R3EKV.mjs";
 import { N as mo } from "./chunks/NcProgressBar-DDAeXyp8.mjs";
-import { N as ao } from "./chunks/NcRelatedResourcesPanel-DaLcC_9H.mjs";
-import { N as po } from "./chunks/index-BAVa4G2v.mjs";
-import { r as ft } from "./chunks/index-BAVa4G2v.mjs";
-import { N as co, a as so } from "./chunks/NcRichContenteditable-CaeNwWTC.mjs";
-import { N as No } from "./chunks/NcRichText-DVnS4C_H.mjs";
+import { N as ao } from "./chunks/NcRelatedResourcesPanel-Ch1b_Gl3.mjs";
+import { N as po } from "./chunks/index-uiNhPYvS.mjs";
+import { r as ft } from "./chunks/index-uiNhPYvS.mjs";
+import { N as co, a as so } from "./chunks/NcRichContenteditable-CEqdmoem.mjs";
+import { N as No } from "./chunks/NcRichText-CUKFkHQg.mjs";
 import { N as ut, h as dt, d as gt, i as At, b as St, r as bt, c as vt, a as Tt } from "./chunks/index-CU14QsCg.mjs";
 import "@vueuse/core";
 import "vue";
-import { a as Pt, g as xt, b as Ct, c as It, d as ht, s as Et } from "./chunks/referencePickerModal-ChgMFkNu.mjs";
+import { a as Pt, g as xt, b as Ct, c as It, d as ht, s as Et } from "./chunks/referencePickerModal-AvSHyw1b.mjs";
 import "unist-util-visit";
 import "unist-builder";
 import "@nextcloud/router";
 import "@nextcloud/axios";
 /* empty css                                                                            */
-import { N as no } from "./chunks/NcSelect-BjojUUy7.mjs";
-import { N as fo } from "./chunks/NcTextField-BPGi70PD.mjs";
+import { N as no } from "./chunks/NcSelect-Bo71Yd6L.mjs";
+import { N as fo } from "./chunks/NcTextField-D_eUEl2B.mjs";
 import "@nextcloud/event-bus";
 import { N as lo } from "./chunks/NcSavingIndicatorIcon-Bf0SEmgS.mjs";
-import { N as uo } from "./chunks/NcSelectTags-CIa3RL2u.mjs";
-import { N as go } from "./chunks/NcSettingsInputText-BESxHP0m.mjs";
-import { N as Ao } from "./chunks/NcSettingsSection-BzN6JXnV.mjs";
-import { N as So } from "./chunks/NcSettingsSelectGroup-BRov--RO.mjs";
-import { N as bo } from "./chunks/NcTimezonePicker-jCKohlic.mjs";
-import { N as vo } from "./chunks/NcUserBubble-DwKN1aRa.mjs";
-import { N as To } from "./chunks/NcUserStatusIcon-Blep5GZX.mjs";
+import { N as uo } from "./chunks/NcSelectTags-9aCrLRT0.mjs";
+import { N as go } from "./chunks/NcSettingsInputText-JboV8u2l.mjs";
+import { N as Ao } from "./chunks/NcSettingsSection-Lgwm3w2e.mjs";
+import { N as So } from "./chunks/NcSettingsSelectGroup-DUzmbtZx.mjs";
+import { N as bo } from "./chunks/NcTimezonePicker-CH1lkCMF.mjs";
+import { N as vo } from "./chunks/NcUserBubble-C0HbPO9p.mjs";
+import { N as To } from "./chunks/NcUserStatusIcon-HOUdT_MR.mjs";
 import ko from "./Components/NcTextArea.mjs";
 import { isFullscreenState as Rt, useIsFullscreen as Lt } from "./Composables/useIsFullscreen.mjs";
 import { MOBILE_BREAKPOINT as Mt, MOBILE_SMALL_BREAKPOINT as Ot, isMobileState as Dt, useIsMobile as _t, useIsSmallMobile as jt } from "./Composables/useIsMobile.mjs";
 import { E as Wt, a as wt, e as zt, g as Gt, s as Vt } from "./chunks/emoji-k4gWHxrE.mjs";
-import { u as Kt } from "./chunks/usernameToColor-DrnKFnLP.mjs";
+import { u as Kt } from "./chunks/usernameToColor-BHkzj1tb.mjs";
 import { directive as Po } from "./Directives/Focus.mjs";
 import { directive as xo } from "./Directives/Linkify.mjs";
 import "./Directives/Tooltip.mjs";

package/dist/utils/getAvatarUrl.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @copyright Copyright (c) 2024 Maksim Sukharev <antreesy.web@gmail.com>
+ *
+ * @author Maksim Sukharev <antreesy.web@gmail.com>
+ *
+ * @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/>.
+ *
+ */
+export declare const getAvatarUrl: (user: string, size: number | string, isGuest?: boolean) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextcloud/vue",
-  "version": "8.11.0",
+  "version": "8.11.2",
   "description": "Nextcloud vue components",
   "keywords": [
     "vuejs",
@@ -130,6 +130,7 @@
     "@vue/vue2-jest": "^29.0.0",
     "babel-jest": "^29.0.1",
     "babel-loader-exclude-node-modules-except": "^1.2.1",
+    "core-js": "^3.36.1",
     "cypress": "^13.6.5",
     "cypress-visual-regression": "^5.0.0",
     "eslint-plugin-cypress": "^2.11.1",

package/dist/assets/NcListItem--ilRNXci.css

@@ -1,179 +0,0 @@
-@charset "UTF-8";
-/**
- * @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>
- *
- * @author John Molakvoæ <skjnldsv@protonmail.com>
- *
- * @license GNU AGPL version 3 or any later version
- *
- * 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/>.
- *
- */
-.material-design-icon[data-v-33746d99] {
-  display: flex;
-  align-self: center;
-  justify-self: center;
-  align-items: center;
-  justify-content: center;
-}
-.list-item__wrapper[data-v-33746d99] {
-  display: flex;
-  position: relative;
-  width: 100%;
-}
-.list-item__wrapper--active .list-item[data-v-33746d99],
-.list-item__wrapper.active .list-item[data-v-33746d99] {
-  background-color: var(--color-primary-element);
-}
-.list-item__wrapper--active .list-item[data-v-33746d99]:hover,
-.list-item__wrapper--active .list-item[data-v-33746d99]:focus-within,
-.list-item__wrapper--active .list-item[data-v-33746d99]:has(:focus-visible),
-.list-item__wrapper--active .list-item[data-v-33746d99]:has(:active),
-.list-item__wrapper.active .list-item[data-v-33746d99]:hover,
-.list-item__wrapper.active .list-item[data-v-33746d99]:focus-within,
-.list-item__wrapper.active .list-item[data-v-33746d99]:has(:focus-visible),
-.list-item__wrapper.active .list-item[data-v-33746d99]:has(:active) {
-  background-color: var(--color-primary-element-hover);
-}
-.list-item__wrapper--active .list-item-content__name[data-v-33746d99],
-.list-item__wrapper--active .list-item-content__subname[data-v-33746d99],
-.list-item__wrapper--active .list-item-content__details[data-v-33746d99],
-.list-item__wrapper--active .list-item-details__details[data-v-33746d99],
-.list-item__wrapper.active .list-item-content__name[data-v-33746d99],
-.list-item__wrapper.active .list-item-content__subname[data-v-33746d99],
-.list-item__wrapper.active .list-item-content__details[data-v-33746d99],
-.list-item__wrapper.active .list-item-details__details[data-v-33746d99] {
-  color: var(--color-primary-element-text) !important;
-}
-.list-item__wrapper .list-item-content__name[data-v-33746d99],
-.list-item__wrapper .list-item-content__subname[data-v-33746d99],
-.list-item__wrapper .list-item-content__details[data-v-33746d99],
-.list-item__wrapper .list-item-details__details[data-v-33746d99] {
-  white-space: nowrap;
-  margin: 0 auto 0 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.list-item-content__name[data-v-33746d99] {
-  min-width: 100px;
-  max-width: 300px;
-  flex: 1 1 10%;
-  font-weight: 700;
-}
-.list-item-content__subname[data-v-33746d99] {
-  flex: 1 0;
-  min-width: 0;
-}
-.list-item-content__subname--bold[data-v-33746d99] {
-  font-weight: 700;
-}
-.list-item[data-v-33746d99] {
-  box-sizing: border-box;
-  display: flex;
-  position: relative;
-  flex: 0 0 auto;
-  justify-content: flex-start;
-  padding: 8px 10px;
-  margin: 4px;
-  width: calc(100% - 8px);
-  border-radius: 32px;
-  cursor: pointer;
-  transition: background-color var(--animation-quick) ease-in-out;
-  list-style: none;
-}
-.list-item[data-v-33746d99]:hover,
-.list-item[data-v-33746d99]:focus-within,
-.list-item[data-v-33746d99]:has(:active),
-.list-item[data-v-33746d99]:has(:focus-visible) {
-  background-color: var(--color-background-hover);
-}
-.list-item[data-v-33746d99]:has(.list-item__anchor:focus-visible) {
-  outline: 2px solid var(--color-main-text);
-  box-shadow: 0 0 0 4px var(--color-main-background);
-}
-.list-item--compact[data-v-33746d99] {
-  padding: 4px 10px;
-}
-.list-item--compact .list-item__anchor .line-one[data-v-33746d99],
-.list-item--compact .list-item__anchor .line-two[data-v-33746d99] {
-  margin-block: -4px;
-}
-.list-item .list-item-content__details[data-v-33746d99] {
-  display: flex;
-  flex-direction: column;
-  justify-content: end;
-  align-items: end;
-}
-.list-item--one-line[data-v-33746d99] {
-  padding: 0 9px;
-  margin: 2px;
-}
-.list-item--one-line .list-item-content__main[data-v-33746d99] {
-  display: flex;
-  justify-content: start;
-  gap: 12px;
-  min-width: 0;
-}
-.list-item--one-line .list-item-content__details[data-v-33746d99] {
-  flex-direction: row;
-  align-items: unset;
-  justify-content: end;
-}
-.list-item__anchor[data-v-33746d99] {
-  display: flex;
-  flex: 1 0 auto;
-  align-items: center;
-  height: var(--default-clickable-area);
-  min-width: 0;
-}
-.list-item__anchor[data-v-33746d99]:focus-visible {
-  outline: none;
-}
-.list-item-content[data-v-33746d99] {
-  display: flex;
-  flex: 1 0;
-  justify-content: space-between;
-  padding-left: 8px;
-  min-width: 0;
-}
-.list-item-content__main[data-v-33746d99] {
-  flex: 1 0;
-  width: 0;
-  margin: auto 0;
-}
-.list-item-content__main--oneline[data-v-33746d99] {
-  display: flex;
-}
-.list-item-content__actions[data-v-33746d99] {
-  flex: 0 0 auto;
-  align-self: center;
-  justify-content: center;
-  margin-left: 4px;
-}
-.list-item-details__details[data-v-33746d99] {
-  color: var(--color-text-maxcontrast);
-  margin: 0 9px !important;
-  font-weight: 400;
-}
-.list-item-details__extra[data-v-33746d99] {
-  margin: 2px 4px 0;
-  display: flex;
-  align-items: center;
-}
-.list-item-details__indicator[data-v-33746d99] {
-  margin: 0 5px;
-}
-.list-item__extra[data-v-33746d99] {
-  margin-top: 4px;
-}

package/dist/chunks/NcActionInput-B_upGNjs.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NcActionInput-B_upGNjs.mjs","sources":["../../src/components/NcActionInput/NcActionInput.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\nIt is recommended to not only provide a placeholder, but also a label.\nThe label should describe what input is expected and the placehold what format the input should have.\n\nAll undocumented attributes will be bound to the input, the datepicker or the select component, e.g. `maxlength`, `not-before`.\nFor the `NcSelect` component, all events will be passed through. Please see the `NcSelect` component's documentation for more details and examples.\n```vue\n\t<template>\n\t\t<NcActions>\n\t\t\t<NcActionInput :value.sync=\"text\" :label-outside=\"true\" label=\"Label outside the input\">\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</NcActionInput>\n\t\t\t<NcActionInput :value.sync=\"text\" :show-trailing-button=\"false\" label=\"Input without trailing button\">\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</NcActionInput>\n\t\t\t<NcActionInput :value.sync=\"text\" label=\"Input with placeholder\">\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\tThis is the placeholder\n\t\t\t</NcActionInput>\n\t\t\t<NcActionInput type=\"password\" :value.sync=\"text\" label=\"Password with visible label\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Key :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tPassword placeholder\n\t\t\t</NcActionInput>\n\t\t\t<NcActionInput type=\"password\" :value.sync=\"text\" :show-trailing-button=\"false\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Key :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tPassword placeholder\n\t\t\t</NcActionInput>\n\t\t\t<NcActionInput type=\"color\" :value.sync=\"color\" label=\"Favorite color\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Eyedropper :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tColor placeholder\n\t\t\t</NcActionInput>\n\t\t\t<NcActionInput label=\"Visible label\" :value.sync=\"text\">\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\tInput with visible label\n\t\t\t</NcActionInput>\n\t\t\t<NcActionInput :disabled=\"true\" label=\"This is a disabled input\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Close :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t</NcActionInput>\n\t\t\t<NcActionInput type=\"date\" isNativePicker :value=\"new Date()\">\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\tPlease pick a date\n\t\t\t</NcActionInput>\n\t\t\t<NcActionInput type=\"date\">\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\tPlease pick a date\n\t\t\t</NcActionInput>\n\t\t\t<NcActionInput type=\"multiselect\" :options=\"['Apple', 'Banana', 'Cherry']\">\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\tPlease pick a fruit\n\t\t\t</NcActionInput>\n\t\t\t<NcActionInput\n\t\t\t\tv-model=\"multiSelected\"\n\t\t\t\ttype=\"multiselect\"\n\t\t\t\tlabel=\"label\"\n\t\t\t\ttrack-by=\"id\"\n\t\t\t\t:append-to-body=\"true\"\n\t\t\t\t:multiple=\"true\"\n\t\t\t\t:options=\"[{label:'Apple', id: 'apple'}, {label:'Banana', id: 'banana'}, {label:'Cherry', id: 'cherry'}]\">\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\tPlease pick a fruit object\n\t\t\t</NcActionInput>\n\t\t</NcActions>\n\t</template>\n\t<script>\n\timport Close from 'vue-material-design-icons/Close'\n\timport Eyedropper from 'vue-material-design-icons/Eyedropper'\n\timport Key from 'vue-material-design-icons/Key'\n\timport Pencil from 'vue-material-design-icons/Pencil'\n\n\texport default {\n\t\tcomponents: {\n\t\t\tClose,\n\t\t\tEyedropper,\n\t\t\tKey,\n\t\t\tPencil,\n\t\t},\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\tcolor: '#0082C9',\n\t\t\t\ttext: 'This is the input text',\n\t\t\t\tmultiSelected: [],\n\t\t\t}\n\t\t},\n\t}\n\t</script>\n```\n</docs>\n\n<template>\n\t<li class=\"action\" :class=\"{ 'action--disabled': disabled }\">\n\t\t<span :class=\"{\n\t\t\t\t'action-input-picker--disabled': disabled,\n\t\t\t\t'action-input--visible-label': labelOutside && label,\n\t\t\t}\"\n\t\t\tclass=\"action-input\"\n\t\t\t@mouseleave=\"onLeave\">\n\t\t\t<span class=\"action-input__icon-wrapper\">\n\t\t\t\t<!-- @slot Manually provide icon -->\n\t\t\t\t<slot name=\"icon\">\n\t\t\t\t\t<span :class=\"[isIconUrl ? 'action-input__icon--url' : icon]\"\n\t\t\t\t\t\t:style=\"{ backgroundImage: isIconUrl ? `url(${icon})` : null }\"\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tclass=\"action-input__icon\" />\n\t\t\t\t</slot>\n\t\t\t</span>\n\n\t\t\t<!-- form and input -->\n\t\t\t<form ref=\"form\"\n\t\t\t\tclass=\"action-input__form\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t@submit.prevent=\"onSubmit\">\n\t\t\t\t<div class=\"action-input__container\">\n\t\t\t\t\t<label v-if=\"label && labelOutside\"\n\t\t\t\t\t\tclass=\"action-input__text-label\"\n\t\t\t\t\t\t:class=\"{ 'action-input__text-label--hidden': !labelOutside}\"\n\t\t\t\t\t\t:for=\"inputId\">\n\t\t\t\t\t\t{{ label }}\n\t\t\t\t\t</label>\n\t\t\t\t\t<div class=\"action-input__input-container\">\n\n\t\t\t\t\t\t<NcDateTimePicker v-if=\"datePickerType\"\n\t\t\t\t\t\t\tref=\"datetimepicker\"\n\t\t\t\t\t\t\t:value=\"value\"\n\t\t\t\t\t\t\tstyle=\"z-index: 99999999999;\"\n\t\t\t\t\t\t\t:placeholder=\"text\"\n\t\t\t\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t\t\t\t:type=\"datePickerType\"\n\t\t\t\t\t\t\t:input-class=\"['mx-input', { focusable: isFocusable }]\"\n\t\t\t\t\t\t\tclass=\"action-input__datetimepicker\"\n\t\t\t\t\t\t\tv-bind=\"$attrs\"\n\t\t\t\t\t\t\t@input=\"onInput\"\n\t\t\t\t\t\t\t@change=\"onChange\" />\n\n\t\t\t\t\t\t<NcDateTimePickerNative v-else-if=\"isNativePicker\"\n\t\t\t\t\t\t\t:id=\"idNativeDateTimePicker\"\n\t\t\t\t\t\t\t:value=\"value\"\n\t\t\t\t\t\t\t:type=\"nativeDatePickerType\"\n\t\t\t\t\t\t\t:input-class=\"{ focusable: isFocusable }\"\n\t\t\t\t\t\t\tclass=\"action-input__datetimepicker\"\n\t\t\t\t\t\t\tv-bind=\"$attrs\"\n\t\t\t\t\t\t\t@input=\"$emit('input', $event)\"\n\t\t\t\t\t\t\t@change=\"$emit('change', $event)\" />\n\n\t\t\t\t\t\t<NcSelect v-else-if=\"isMultiselectType\"\n\t\t\t\t\t\t\t:value=\"value\"\n\t\t\t\t\t\t\t:placeholder=\"text\"\n\t\t\t\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t\t\t\t:append-to-body=\"$attrs.appendToBody || $attrs['append-to-body'] || false\"\n\t\t\t\t\t\t\t:input-class=\"{ focusable: isFocusable }\"\n\t\t\t\t\t\t\tclass=\"action-input__multi\"\n\t\t\t\t\t\t\tv-bind=\"$attrs\"\n\t\t\t\t\t\t\tv-on=\"$listeners\" />\n\n\t\t\t\t\t\t<NcPasswordField v-else-if=\"type==='password'\"\n\t\t\t\t\t\t\t:id=\"inputId\"\n\t\t\t\t\t\t\t:value=\"value\"\n\t\t\t\t\t\t\t:label=\"label\"\n\t\t\t\t\t\t\t:label-outside=\"!label || labelOutside\"\n\t\t\t\t\t\t\t:placeholder=\"text\"\n\t\t\t\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t\t\t\t:input-class=\"{ focusable: isFocusable }\"\n\t\t\t\t\t\t\t:show-trailing-button=\"showTrailingButton && !disabled\"\n\t\t\t\t\t\t\tv-bind=\"$attrs\"\n\t\t\t\t\t\t\tv-on=\"$listeners\"\n\t\t\t\t\t\t\t@input=\"onInput\"\n\t\t\t\t\t\t\t@change=\"onChange\" />\n\n\t\t\t\t\t\t<div v-else-if=\"type === 'color'\" class=\"action-input__container\">\n\t\t\t\t\t\t\t<label v-if=\"label && type === 'color'\"\n\t\t\t\t\t\t\t\tclass=\"action-input__text-label\"\n\t\t\t\t\t\t\t\t:class=\"{ 'action-input__text-label--hidden': !labelOutside}\"\n\t\t\t\t\t\t\t\t:for=\"inputId\">\n\t\t\t\t\t\t\t\t{{ label }}\n\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t<div class=\"action-input__input-container\">\n\t\t\t\t\t\t\t\t<NcColorPicker id=\"inputId\"\n\t\t\t\t\t\t\t\t\t:value=\"value\"\n\t\t\t\t\t\t\t\t\tclass=\"colorpicker__trigger\"\n\t\t\t\t\t\t\t\t\tv-bind=\"$attrs\"\n\t\t\t\t\t\t\t\t\tv-on=\"$listeners\"\n\t\t\t\t\t\t\t\t\t@input=\"onInput\"\n\t\t\t\t\t\t\t\t\t@submit=\"$refs.form.requestSubmit()\">\n\t\t\t\t\t\t\t\t\t<button :style=\"{'background-color': value}\"\n\t\t\t\t\t\t\t\t\t\tclass=\"colorpicker__preview\"\n\t\t\t\t\t\t\t\t\t\t:class=\"{ focusable: isFocusable }\" />\n\t\t\t\t\t\t\t\t</NcColorPicker>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<NcTextField v-else\n\t\t\t\t\t\t\t:id=\"inputId\"\n\t\t\t\t\t\t\t:value=\"value\"\n\t\t\t\t\t\t\t:label=\"label\"\n\t\t\t\t\t\t\t:label-outside=\"!label || labelOutside\"\n\t\t\t\t\t\t\t:placeholder=\"text\"\n\t\t\t\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t\t\t\t:input-class=\"{ focusable: isFocusable }\"\n\t\t\t\t\t\t\t:type=\"type\"\n\t\t\t\t\t\t\ttrailing-button-icon=\"arrowRight\"\n\t\t\t\t\t\t\t:trailing-button-label=\"trailingButtonLabel\"\n\t\t\t\t\t\t\t:show-trailing-button=\"showTrailingButton && !disabled\"\n\t\t\t\t\t\t\tv-bind=\"$attrs\"\n\t\t\t\t\t\t\tv-on=\"$listeners\"\n\t\t\t\t\t\t\t@trailing-button-click=\"$refs.form.requestSubmit()\"\n\t\t\t\t\t\t\t@input=\"onInput\"\n\t\t\t\t\t\t\t@change=\"onChange\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</form>\n\t\t</span>\n\t</li>\n</template>\n\n<script>\nimport NcDateTimePicker from '../NcDateTimePicker/index.js'\nimport NcDateTimePickerNative from '../NcDateTimePickerNative/index.js'\nimport NcPasswordField from '../NcPasswordField/index.js'\nimport NcSelect from '../NcSelect/index.js'\nimport NcTextField from '../NcTextField/index.js'\nimport ActionGlobalMixin from '../../mixins/actionGlobal.js'\nimport GenRandomId from '../../utils/GenRandomId.js'\nimport { t } from '../../l10n.js'\n\nexport default {\n\tname: 'NcActionInput',\n\n\tcomponents: {\n\t\tNcDateTimePicker,\n\t\tNcDateTimePickerNative,\n\t\tNcPasswordField,\n\t\tNcSelect,\n\t\tNcTextField,\n\t},\n\n\tmixins: [ActionGlobalMixin],\n\n\tprops: {\n\t\t/**\n\t\t * id attribute of the checkbox element\n\t\t */\n\t\tid: {\n\t\t\ttype: String,\n\t\t\tdefault: () => 'action-' + GenRandomId(),\n\t\t\tvalidator: id => id.trim() !== '',\n\t\t},\n\t\t/**\n\t\t * id attribute of the text input element\n\t\t */\n\t\tinputId: {\n\t\t\ttype: String,\n\t\t\tdefault: () => 'action-input-' + GenRandomId(),\n\t\t\tvalidator: id => id.trim() !== '',\n\t\t},\n\t\t/**\n\t\t * Icon to show with the action, can be either a CSS class or an URL\n\t\t */\n\t\ticon: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t\t/**\n\t\t * type attribute of the input field\n\t\t */\n\t\ttype: {\n\t\t\ttype: String,\n\t\t\tdefault: 'text',\n\t\t\tvalidator(type) {\n\t\t\t\treturn ['date', 'datetime-local', 'month', 'multiselect',\n\t\t\t\t\t'number', 'password', 'search', 'tel',\n\t\t\t\t\t'text', 'time', 'url', 'week', 'color',\n\t\t\t\t\t'email'].indexOf(type) > -1\n\t\t\t},\n\t\t},\n\t\t/**\n\t\t * id attribute for the native date time picker\n\t\t */\n\t\tidNativeDateTimePicker: {\n\t\t\ttype: String,\n\t\t\tdefault: 'date-time-picker_id',\n\t\t},\n\t\t/**\n\t\t * Flag to use a native date time picker\n\t\t */\n\t\tisNativePicker: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\t/**\n\t\t * The visible input label for accessibility purposes.\n\t\t */\n\t\tlabel: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\t\t/**\n\t\t * If you want to show the label just above the\n\t\t * input field, pass in `true` to this prop.\n\t\t */\n\t\tlabelOutside: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\t\t/**\n\t\t * value attribute of the input field\n\t\t */\n\t\tvalue: {\n\t\t\ttype: [String, Date, Number, Array],\n\t\t\tdefault: '',\n\t\t},\n\t\t/**\n\t\t * disabled state of the input field\n\t\t */\n\t\tdisabled: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\t/**\n\t\t * aria-label attribute of the input field\n\t\t */\n\t\tariaLabel: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\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\t\t/**\n\t\t * Attribute forwarded to the underlying NcPasswordField and NcTextField\n\t\t */\n\t\tshowTrailingButton: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\t\t/**\n\t\t * Trailing button label forwarded to the underlying NcTextField\n\t\t */\n\t\ttrailingButtonLabel: {\n\t\t\ttype: String,\n\t\t\tdefault: t('Submit'),\n\t\t},\n\t},\n\n\temits: [\n\t\t'input',\n\t\t'submit',\n\t\t'change',\n\t\t'update:value',\n\t],\n\n\tcomputed: {\n\t\tisIconUrl() {\n\t\t\ttry {\n\t\t\t\treturn new URL(this.icon)\n\t\t\t} catch (error) {\n\t\t\t\treturn false\n\t\t\t}\n\t\t},\n\n\t\tisMultiselectType() {\n\t\t\treturn this.type === 'multiselect'\n\t\t},\n\n\t\tnativeDatePickerType() {\n\t\t\tswitch (this.type) {\n\t\t\tcase 'date':\n\t\t\tcase 'month':\n\t\t\tcase 'time':\n\t\t\tcase 'week':\n\t\t\tcase 'datetime-local':\n\t\t\t\treturn this.type\n\t\t\t}\n\t\t\treturn false\n\t\t},\n\n\t\tdatePickerType() {\n\t\t\tif (!this.isNativePicker) {\n\t\t\t\tswitch (this.type) {\n\t\t\t\tcase 'date':\n\t\t\t\tcase 'month':\n\t\t\t\tcase 'time':\n\t\t\t\t\treturn this.type\n\n\t\t\t\tcase 'datetime-local':\n\t\t\t\t\treturn 'datetime'\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn false\n\t\t},\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\t},\n\n\tmethods: {\n\t\t// closing datepicker popup on mouseleave = unfocus\n\t\tonLeave() {\n\t\t\tif (this.$refs.datetimepicker && this.$refs.datetimepicker.$refs.datepicker) {\n\t\t\t\tthis.$refs.datetimepicker.$refs.datepicker.closePopup()\n\t\t\t}\n\t\t},\n\t\tonInput(event) {\n\t\t\t/**\n\t\t\t * Emitted on input events of the text field\n\t\t\t *\n\t\t\t * @type {Event|Date}\n\t\t\t */\n\t\t\tthis.$emit('input', event)\n\t\t\t/**\n\t\t\t * Emitted when the inputs value changes\n\t\t\t * ! DatetimePicker only send the value\n\t\t\t *\n\t\t\t * @type {string|Date}\n\t\t\t */\n\t\t\tthis.$emit('update:value', event.target ? event.target.value : event)\n\t\t},\n\t\tonSubmit(event) {\n\t\t\tevent.preventDefault()\n\t\t\tevent.stopPropagation()\n\t\t\tif (!this.disabled) {\n\t\t\t\t/**\n\t\t\t\t * Emitted on submit of the input field\n\t\t\t\t *\n\t\t\t\t * @type {Event}\n\t\t\t\t */\n\t\t\t\tthis.$emit('submit', event)\n\t\t\t} else {\n\t\t\t\t// ignore submit\n\t\t\t\treturn false\n\t\t\t}\n\t\t},\n\t\tonChange(event) {\n\t\t\t/**\n\t\t\t * Emitted on change of the input field\n\t\t\t *\n\t\t\t * @type {Event}\n\t\t\t */\n\t\t\tthis.$emit('change', event)\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '../../assets/inputs';\n@import '../../assets/action';\n@include action-active;\n@include action--disabled;\n\n$input-margin: 4px;\n\n.action-input {\n\tdisplay: flex;\n\talign-items: flex-start;\n\n\twidth: 100%;\n\theight: auto;\n\tmargin: 0;\n\tpadding: 0;\n\n\tcursor: pointer;\n\twhite-space: nowrap;\n\n\tcolor: var(--color-main-text);\n\tborder: 0;\n\tborder-radius: 0; // otherwise Safari will cut the border-radius area\n\tbackground-color: transparent;\n\tbox-shadow: none;\n\n\tfont-weight: normal;\n\n\t&__icon-wrapper {\n\t\tdisplay: flex;\n\t\talign-self: center;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\t&:deep(.material-design-icon) {\n\t\t\twidth: $clickable-area;\n\t\t\theight: $clickable-area;\n\t\t\topacity: $opacity_full;\n\n\t\t\t.material-design-icon__svg {\n\t\t\t\tvertical-align: middle;\n\t\t\t}\n\t\t}\n\t}\n\n\t& > span {\n\t\tcursor: pointer;\n\t\twhite-space: nowrap;\n\t}\n\n\t&__icon {\n\t\tmin-width: 0; /* Overwrite icons*/\n\t\tmin-height: 0;\n\t\t/* Keep padding to define the width to\n\t\t\tassure correct position of a possible text */\n\t\tpadding: #{math.div($clickable-area, 2)} 0 #{math.div($clickable-area, 2)} $clickable-area;\n\n\t\tbackground-position: #{$icon-margin} center;\n\t\tbackground-size: $icon-size;\n\t}\n\n\t// Forms & text inputs\n\t&__form {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tflex: 1 1 auto;\n\n\t\tmargin: $input-margin 0;\n\t\tpadding-right: $icon-margin;\n\t}\n\n\t&__container {\n\t\twidth: 100%;\n\t}\n\n\t&__input-container {\n\t\tdisplay: flex;\n\n\t\t.colorpicker {\n\t\t\t&__trigger,\n\t\t\t&__preview {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\t&__preview {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 36px;\n\t\t\t\tborder-radius: var(--border-radius-large);\n\t\t\t\tborder: 2px solid var(--color-border-maxcontrast);\n\t\t\t\tbox-shadow: none !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t&__text-label {\n\t\tpadding: 4px 0;\n\t\tdisplay: block;\n\n\t\t&--hidden {\n\t\t\tposition: absolute;\n\t\t\tleft: -10000px;\n\t\t\ttop: auto;\n\t\t\twidth: 1px;\n\t\t\theight: 1px;\n\t\t\toverflow: hidden;\n\t\t}\n\t}\n\n\t&__datetimepicker {\n\t\twidth: 100%;\n\n\t\t:deep(.mx-input) {\n\t\t\tmargin: 0;\n\t\t}\n\t}\n\n\t&__multi {\n\t\twidth: 100%;\n\t}\n}\n\n// if a form is the last of the list\n// add the same bottomMargin as the right padding\n// for visual balance\nli:last-child > .action-input {\n\tpadding-bottom: $icon-margin - $input-margin;\n}\n\n// same for first item\nli:first-child > .action-input:not(.action-input--visible-label) {\n\tpadding-top: $icon-margin - $input-margin;\n}\n\n</style>\n"],"names":["_sfc_main","NcDateTimePicker","NcDateTimePickerNative","NcPasswordField","NcSelect","NcTextField","ActionGlobalMixin","GenRandomId","id","type","t","event"],"mappings":";;;;;;;;;;AAgRA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA,kBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,EACA;AAAA,EAEA,QAAA,CAAAC,CAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,MAAA,YAAAC,EAAA;AAAA,MACA,WAAA,CAAAC,MAAAA,EAAA,KAAA,MAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,MAAA,kBAAAD,EAAA;AAAA,MACA,WAAA,CAAAC,MAAAA,EAAA,KAAA,MAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAAC,GAAA;AACA,eAAA;AAAA,UAAA;AAAA,UAAA;AAAA,UAAA;AAAA,UAAA;AAAA,UACA;AAAA,UAAA;AAAA,UAAA;AAAA,UAAA;AAAA,UACA;AAAA,UAAA;AAAA,UAAA;AAAA,UAAA;AAAA,UAAA;AAAA,UACA;AAAA,QAAA,EAAA,QAAAA,CAAA,IAAA;AAAA,MACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,wBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,gBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,cAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,OAAA;AAAA,MACA,MAAA,CAAA,QAAA,MAAA,QAAA,KAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,YAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,oBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,qBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAAC,EAAA,QAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,YAAA;AACA,UAAA;AACA,eAAA,IAAA,IAAA,KAAA,IAAA;AAAA,MACA,QAAA;AACA,eAAA;AAAA,MACA;AAAA,IACA;AAAA,IAEA,oBAAA;AACA,aAAA,KAAA,SAAA;AAAA,IACA;AAAA,IAEA,uBAAA;AACA,cAAA,KAAA,MAAA;AAAA,QACA,KAAA;AAAA,QACA,KAAA;AAAA,QACA,KAAA;AAAA,QACA,KAAA;AAAA,QACA,KAAA;AACA,iBAAA,KAAA;AAAA,MACA;AACA,aAAA;AAAA,IACA;AAAA,IAEA,iBAAA;AACA,UAAA,CAAA,KAAA;AACA,gBAAA,KAAA,MAAA;AAAA,UACA,KAAA;AAAA,UACA,KAAA;AAAA,UACA,KAAA;AACA,mBAAA,KAAA;AAAA,UAEA,KAAA;AACA,mBAAA;AAAA,QACA;AAEA,aAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,cAAA;AACA,aAAA,CAAA,KAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA;AAAA,IAEA,UAAA;AACA,MAAA,KAAA,MAAA,kBAAA,KAAA,MAAA,eAAA,MAAA,cACA,KAAA,MAAA,eAAA,MAAA,WAAA,WAAA;AAAA,IAEA;AAAA,IACA,QAAAC,GAAA;AAMA,WAAA,MAAA,SAAAA,CAAA,GAOA,KAAA,MAAA,gBAAAA,EAAA,SAAAA,EAAA,OAAA,QAAAA,CAAA;AAAA,IACA;AAAA,IACA,SAAAA,GAAA;AAGA,UAFAA,EAAA,eAAA,GACAA,EAAA,gBAAA,GACA,CAAA,KAAA;AAMA,aAAA,MAAA,UAAAA,CAAA;AAAA;AAGA,eAAA;AAAA,IAEA;AAAA,IACA,SAAAA,GAAA;AAMA,WAAA,MAAA,UAAAA,CAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/NcActionInput-C6WR9W8-.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NcActionInput-C6WR9W8-.cjs","sources":["../../src/components/NcActionInput/NcActionInput.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\nIt is recommended to not only provide a placeholder, but also a label.\nThe label should describe what input is expected and the placehold what format the input should have.\n\nAll undocumented attributes will be bound to the input, the datepicker or the select component, e.g. `maxlength`, `not-before`.\nFor the `NcSelect` component, all events will be passed through. Please see the `NcSelect` component's documentation for more details and examples.\n```vue\n\t<template>\n\t\t<NcActions>\n\t\t\t<NcActionInput :value.sync=\"text\" :label-outside=\"true\" label=\"Label outside the input\">\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</NcActionInput>\n\t\t\t<NcActionInput :value.sync=\"text\" :show-trailing-button=\"false\" label=\"Input without trailing button\">\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</NcActionInput>\n\t\t\t<NcActionInput :value.sync=\"text\" label=\"Input with placeholder\">\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\tThis is the placeholder\n\t\t\t</NcActionInput>\n\t\t\t<NcActionInput type=\"password\" :value.sync=\"text\" label=\"Password with visible label\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Key :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tPassword placeholder\n\t\t\t</NcActionInput>\n\t\t\t<NcActionInput type=\"password\" :value.sync=\"text\" :show-trailing-button=\"false\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Key :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tPassword placeholder\n\t\t\t</NcActionInput>\n\t\t\t<NcActionInput type=\"color\" :value.sync=\"color\" label=\"Favorite color\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Eyedropper :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tColor placeholder\n\t\t\t</NcActionInput>\n\t\t\t<NcActionInput label=\"Visible label\" :value.sync=\"text\">\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\tInput with visible label\n\t\t\t</NcActionInput>\n\t\t\t<NcActionInput :disabled=\"true\" label=\"This is a disabled input\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Close :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t</NcActionInput>\n\t\t\t<NcActionInput type=\"date\" isNativePicker :value=\"new Date()\">\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\tPlease pick a date\n\t\t\t</NcActionInput>\n\t\t\t<NcActionInput type=\"date\">\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\tPlease pick a date\n\t\t\t</NcActionInput>\n\t\t\t<NcActionInput type=\"multiselect\" :options=\"['Apple', 'Banana', 'Cherry']\">\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\tPlease pick a fruit\n\t\t\t</NcActionInput>\n\t\t\t<NcActionInput\n\t\t\t\tv-model=\"multiSelected\"\n\t\t\t\ttype=\"multiselect\"\n\t\t\t\tlabel=\"label\"\n\t\t\t\ttrack-by=\"id\"\n\t\t\t\t:append-to-body=\"true\"\n\t\t\t\t:multiple=\"true\"\n\t\t\t\t:options=\"[{label:'Apple', id: 'apple'}, {label:'Banana', id: 'banana'}, {label:'Cherry', id: 'cherry'}]\">\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\tPlease pick a fruit object\n\t\t\t</NcActionInput>\n\t\t</NcActions>\n\t</template>\n\t<script>\n\timport Close from 'vue-material-design-icons/Close'\n\timport Eyedropper from 'vue-material-design-icons/Eyedropper'\n\timport Key from 'vue-material-design-icons/Key'\n\timport Pencil from 'vue-material-design-icons/Pencil'\n\n\texport default {\n\t\tcomponents: {\n\t\t\tClose,\n\t\t\tEyedropper,\n\t\t\tKey,\n\t\t\tPencil,\n\t\t},\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\tcolor: '#0082C9',\n\t\t\t\ttext: 'This is the input text',\n\t\t\t\tmultiSelected: [],\n\t\t\t}\n\t\t},\n\t}\n\t</script>\n```\n</docs>\n\n<template>\n\t<li class=\"action\" :class=\"{ 'action--disabled': disabled }\">\n\t\t<span :class=\"{\n\t\t\t\t'action-input-picker--disabled': disabled,\n\t\t\t\t'action-input--visible-label': labelOutside && label,\n\t\t\t}\"\n\t\t\tclass=\"action-input\"\n\t\t\t@mouseleave=\"onLeave\">\n\t\t\t<span class=\"action-input__icon-wrapper\">\n\t\t\t\t<!-- @slot Manually provide icon -->\n\t\t\t\t<slot name=\"icon\">\n\t\t\t\t\t<span :class=\"[isIconUrl ? 'action-input__icon--url' : icon]\"\n\t\t\t\t\t\t:style=\"{ backgroundImage: isIconUrl ? `url(${icon})` : null }\"\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tclass=\"action-input__icon\" />\n\t\t\t\t</slot>\n\t\t\t</span>\n\n\t\t\t<!-- form and input -->\n\t\t\t<form ref=\"form\"\n\t\t\t\tclass=\"action-input__form\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t@submit.prevent=\"onSubmit\">\n\t\t\t\t<div class=\"action-input__container\">\n\t\t\t\t\t<label v-if=\"label && labelOutside\"\n\t\t\t\t\t\tclass=\"action-input__text-label\"\n\t\t\t\t\t\t:class=\"{ 'action-input__text-label--hidden': !labelOutside}\"\n\t\t\t\t\t\t:for=\"inputId\">\n\t\t\t\t\t\t{{ label }}\n\t\t\t\t\t</label>\n\t\t\t\t\t<div class=\"action-input__input-container\">\n\n\t\t\t\t\t\t<NcDateTimePicker v-if=\"datePickerType\"\n\t\t\t\t\t\t\tref=\"datetimepicker\"\n\t\t\t\t\t\t\t:value=\"value\"\n\t\t\t\t\t\t\tstyle=\"z-index: 99999999999;\"\n\t\t\t\t\t\t\t:placeholder=\"text\"\n\t\t\t\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t\t\t\t:type=\"datePickerType\"\n\t\t\t\t\t\t\t:input-class=\"['mx-input', { focusable: isFocusable }]\"\n\t\t\t\t\t\t\tclass=\"action-input__datetimepicker\"\n\t\t\t\t\t\t\tv-bind=\"$attrs\"\n\t\t\t\t\t\t\t@input=\"onInput\"\n\t\t\t\t\t\t\t@change=\"onChange\" />\n\n\t\t\t\t\t\t<NcDateTimePickerNative v-else-if=\"isNativePicker\"\n\t\t\t\t\t\t\t:id=\"idNativeDateTimePicker\"\n\t\t\t\t\t\t\t:value=\"value\"\n\t\t\t\t\t\t\t:type=\"nativeDatePickerType\"\n\t\t\t\t\t\t\t:input-class=\"{ focusable: isFocusable }\"\n\t\t\t\t\t\t\tclass=\"action-input__datetimepicker\"\n\t\t\t\t\t\t\tv-bind=\"$attrs\"\n\t\t\t\t\t\t\t@input=\"$emit('input', $event)\"\n\t\t\t\t\t\t\t@change=\"$emit('change', $event)\" />\n\n\t\t\t\t\t\t<NcSelect v-else-if=\"isMultiselectType\"\n\t\t\t\t\t\t\t:value=\"value\"\n\t\t\t\t\t\t\t:placeholder=\"text\"\n\t\t\t\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t\t\t\t:append-to-body=\"$attrs.appendToBody || $attrs['append-to-body'] || false\"\n\t\t\t\t\t\t\t:input-class=\"{ focusable: isFocusable }\"\n\t\t\t\t\t\t\tclass=\"action-input__multi\"\n\t\t\t\t\t\t\tv-bind=\"$attrs\"\n\t\t\t\t\t\t\tv-on=\"$listeners\" />\n\n\t\t\t\t\t\t<NcPasswordField v-else-if=\"type==='password'\"\n\t\t\t\t\t\t\t:id=\"inputId\"\n\t\t\t\t\t\t\t:value=\"value\"\n\t\t\t\t\t\t\t:label=\"label\"\n\t\t\t\t\t\t\t:label-outside=\"!label || labelOutside\"\n\t\t\t\t\t\t\t:placeholder=\"text\"\n\t\t\t\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t\t\t\t:input-class=\"{ focusable: isFocusable }\"\n\t\t\t\t\t\t\t:show-trailing-button=\"showTrailingButton && !disabled\"\n\t\t\t\t\t\t\tv-bind=\"$attrs\"\n\t\t\t\t\t\t\tv-on=\"$listeners\"\n\t\t\t\t\t\t\t@input=\"onInput\"\n\t\t\t\t\t\t\t@change=\"onChange\" />\n\n\t\t\t\t\t\t<div v-else-if=\"type === 'color'\" class=\"action-input__container\">\n\t\t\t\t\t\t\t<label v-if=\"label && type === 'color'\"\n\t\t\t\t\t\t\t\tclass=\"action-input__text-label\"\n\t\t\t\t\t\t\t\t:class=\"{ 'action-input__text-label--hidden': !labelOutside}\"\n\t\t\t\t\t\t\t\t:for=\"inputId\">\n\t\t\t\t\t\t\t\t{{ label }}\n\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t<div class=\"action-input__input-container\">\n\t\t\t\t\t\t\t\t<NcColorPicker id=\"inputId\"\n\t\t\t\t\t\t\t\t\t:value=\"value\"\n\t\t\t\t\t\t\t\t\tclass=\"colorpicker__trigger\"\n\t\t\t\t\t\t\t\t\tv-bind=\"$attrs\"\n\t\t\t\t\t\t\t\t\tv-on=\"$listeners\"\n\t\t\t\t\t\t\t\t\t@input=\"onInput\"\n\t\t\t\t\t\t\t\t\t@submit=\"$refs.form.requestSubmit()\">\n\t\t\t\t\t\t\t\t\t<button :style=\"{'background-color': value}\"\n\t\t\t\t\t\t\t\t\t\tclass=\"colorpicker__preview\"\n\t\t\t\t\t\t\t\t\t\t:class=\"{ focusable: isFocusable }\" />\n\t\t\t\t\t\t\t\t</NcColorPicker>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<NcTextField v-else\n\t\t\t\t\t\t\t:id=\"inputId\"\n\t\t\t\t\t\t\t:value=\"value\"\n\t\t\t\t\t\t\t:label=\"label\"\n\t\t\t\t\t\t\t:label-outside=\"!label || labelOutside\"\n\t\t\t\t\t\t\t:placeholder=\"text\"\n\t\t\t\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t\t\t\t:input-class=\"{ focusable: isFocusable }\"\n\t\t\t\t\t\t\t:type=\"type\"\n\t\t\t\t\t\t\ttrailing-button-icon=\"arrowRight\"\n\t\t\t\t\t\t\t:trailing-button-label=\"trailingButtonLabel\"\n\t\t\t\t\t\t\t:show-trailing-button=\"showTrailingButton && !disabled\"\n\t\t\t\t\t\t\tv-bind=\"$attrs\"\n\t\t\t\t\t\t\tv-on=\"$listeners\"\n\t\t\t\t\t\t\t@trailing-button-click=\"$refs.form.requestSubmit()\"\n\t\t\t\t\t\t\t@input=\"onInput\"\n\t\t\t\t\t\t\t@change=\"onChange\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</form>\n\t\t</span>\n\t</li>\n</template>\n\n<script>\nimport NcDateTimePicker from '../NcDateTimePicker/index.js'\nimport NcDateTimePickerNative from '../NcDateTimePickerNative/index.js'\nimport NcPasswordField from '../NcPasswordField/index.js'\nimport NcSelect from '../NcSelect/index.js'\nimport NcTextField from '../NcTextField/index.js'\nimport ActionGlobalMixin from '../../mixins/actionGlobal.js'\nimport GenRandomId from '../../utils/GenRandomId.js'\nimport { t } from '../../l10n.js'\n\nexport default {\n\tname: 'NcActionInput',\n\n\tcomponents: {\n\t\tNcDateTimePicker,\n\t\tNcDateTimePickerNative,\n\t\tNcPasswordField,\n\t\tNcSelect,\n\t\tNcTextField,\n\t},\n\n\tmixins: [ActionGlobalMixin],\n\n\tprops: {\n\t\t/**\n\t\t * id attribute of the checkbox element\n\t\t */\n\t\tid: {\n\t\t\ttype: String,\n\t\t\tdefault: () => 'action-' + GenRandomId(),\n\t\t\tvalidator: id => id.trim() !== '',\n\t\t},\n\t\t/**\n\t\t * id attribute of the text input element\n\t\t */\n\t\tinputId: {\n\t\t\ttype: String,\n\t\t\tdefault: () => 'action-input-' + GenRandomId(),\n\t\t\tvalidator: id => id.trim() !== '',\n\t\t},\n\t\t/**\n\t\t * Icon to show with the action, can be either a CSS class or an URL\n\t\t */\n\t\ticon: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t\t/**\n\t\t * type attribute of the input field\n\t\t */\n\t\ttype: {\n\t\t\ttype: String,\n\t\t\tdefault: 'text',\n\t\t\tvalidator(type) {\n\t\t\t\treturn ['date', 'datetime-local', 'month', 'multiselect',\n\t\t\t\t\t'number', 'password', 'search', 'tel',\n\t\t\t\t\t'text', 'time', 'url', 'week', 'color',\n\t\t\t\t\t'email'].indexOf(type) > -1\n\t\t\t},\n\t\t},\n\t\t/**\n\t\t * id attribute for the native date time picker\n\t\t */\n\t\tidNativeDateTimePicker: {\n\t\t\ttype: String,\n\t\t\tdefault: 'date-time-picker_id',\n\t\t},\n\t\t/**\n\t\t * Flag to use a native date time picker\n\t\t */\n\t\tisNativePicker: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\t/**\n\t\t * The visible input label for accessibility purposes.\n\t\t */\n\t\tlabel: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\t\t/**\n\t\t * If you want to show the label just above the\n\t\t * input field, pass in `true` to this prop.\n\t\t */\n\t\tlabelOutside: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\t\t/**\n\t\t * value attribute of the input field\n\t\t */\n\t\tvalue: {\n\t\t\ttype: [String, Date, Number, Array],\n\t\t\tdefault: '',\n\t\t},\n\t\t/**\n\t\t * disabled state of the input field\n\t\t */\n\t\tdisabled: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\t/**\n\t\t * aria-label attribute of the input field\n\t\t */\n\t\tariaLabel: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\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\t\t/**\n\t\t * Attribute forwarded to the underlying NcPasswordField and NcTextField\n\t\t */\n\t\tshowTrailingButton: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\t\t/**\n\t\t * Trailing button label forwarded to the underlying NcTextField\n\t\t */\n\t\ttrailingButtonLabel: {\n\t\t\ttype: String,\n\t\t\tdefault: t('Submit'),\n\t\t},\n\t},\n\n\temits: [\n\t\t'input',\n\t\t'submit',\n\t\t'change',\n\t\t'update:value',\n\t],\n\n\tcomputed: {\n\t\tisIconUrl() {\n\t\t\ttry {\n\t\t\t\treturn new URL(this.icon)\n\t\t\t} catch (error) {\n\t\t\t\treturn false\n\t\t\t}\n\t\t},\n\n\t\tisMultiselectType() {\n\t\t\treturn this.type === 'multiselect'\n\t\t},\n\n\t\tnativeDatePickerType() {\n\t\t\tswitch (this.type) {\n\t\t\tcase 'date':\n\t\t\tcase 'month':\n\t\t\tcase 'time':\n\t\t\tcase 'week':\n\t\t\tcase 'datetime-local':\n\t\t\t\treturn this.type\n\t\t\t}\n\t\t\treturn false\n\t\t},\n\n\t\tdatePickerType() {\n\t\t\tif (!this.isNativePicker) {\n\t\t\t\tswitch (this.type) {\n\t\t\t\tcase 'date':\n\t\t\t\tcase 'month':\n\t\t\t\tcase 'time':\n\t\t\t\t\treturn this.type\n\n\t\t\t\tcase 'datetime-local':\n\t\t\t\t\treturn 'datetime'\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn false\n\t\t},\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\t},\n\n\tmethods: {\n\t\t// closing datepicker popup on mouseleave = unfocus\n\t\tonLeave() {\n\t\t\tif (this.$refs.datetimepicker && this.$refs.datetimepicker.$refs.datepicker) {\n\t\t\t\tthis.$refs.datetimepicker.$refs.datepicker.closePopup()\n\t\t\t}\n\t\t},\n\t\tonInput(event) {\n\t\t\t/**\n\t\t\t * Emitted on input events of the text field\n\t\t\t *\n\t\t\t * @type {Event|Date}\n\t\t\t */\n\t\t\tthis.$emit('input', event)\n\t\t\t/**\n\t\t\t * Emitted when the inputs value changes\n\t\t\t * ! DatetimePicker only send the value\n\t\t\t *\n\t\t\t * @type {string|Date}\n\t\t\t */\n\t\t\tthis.$emit('update:value', event.target ? event.target.value : event)\n\t\t},\n\t\tonSubmit(event) {\n\t\t\tevent.preventDefault()\n\t\t\tevent.stopPropagation()\n\t\t\tif (!this.disabled) {\n\t\t\t\t/**\n\t\t\t\t * Emitted on submit of the input field\n\t\t\t\t *\n\t\t\t\t * @type {Event}\n\t\t\t\t */\n\t\t\t\tthis.$emit('submit', event)\n\t\t\t} else {\n\t\t\t\t// ignore submit\n\t\t\t\treturn false\n\t\t\t}\n\t\t},\n\t\tonChange(event) {\n\t\t\t/**\n\t\t\t * Emitted on change of the input field\n\t\t\t *\n\t\t\t * @type {Event}\n\t\t\t */\n\t\t\tthis.$emit('change', event)\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '../../assets/inputs';\n@import '../../assets/action';\n@include action-active;\n@include action--disabled;\n\n$input-margin: 4px;\n\n.action-input {\n\tdisplay: flex;\n\talign-items: flex-start;\n\n\twidth: 100%;\n\theight: auto;\n\tmargin: 0;\n\tpadding: 0;\n\n\tcursor: pointer;\n\twhite-space: nowrap;\n\n\tcolor: var(--color-main-text);\n\tborder: 0;\n\tborder-radius: 0; // otherwise Safari will cut the border-radius area\n\tbackground-color: transparent;\n\tbox-shadow: none;\n\n\tfont-weight: normal;\n\n\t&__icon-wrapper {\n\t\tdisplay: flex;\n\t\talign-self: center;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\t&:deep(.material-design-icon) {\n\t\t\twidth: $clickable-area;\n\t\t\theight: $clickable-area;\n\t\t\topacity: $opacity_full;\n\n\t\t\t.material-design-icon__svg {\n\t\t\t\tvertical-align: middle;\n\t\t\t}\n\t\t}\n\t}\n\n\t& > span {\n\t\tcursor: pointer;\n\t\twhite-space: nowrap;\n\t}\n\n\t&__icon {\n\t\tmin-width: 0; /* Overwrite icons*/\n\t\tmin-height: 0;\n\t\t/* Keep padding to define the width to\n\t\t\tassure correct position of a possible text */\n\t\tpadding: #{math.div($clickable-area, 2)} 0 #{math.div($clickable-area, 2)} $clickable-area;\n\n\t\tbackground-position: #{$icon-margin} center;\n\t\tbackground-size: $icon-size;\n\t}\n\n\t// Forms & text inputs\n\t&__form {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tflex: 1 1 auto;\n\n\t\tmargin: $input-margin 0;\n\t\tpadding-right: $icon-margin;\n\t}\n\n\t&__container {\n\t\twidth: 100%;\n\t}\n\n\t&__input-container {\n\t\tdisplay: flex;\n\n\t\t.colorpicker {\n\t\t\t&__trigger,\n\t\t\t&__preview {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\t&__preview {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 36px;\n\t\t\t\tborder-radius: var(--border-radius-large);\n\t\t\t\tborder: 2px solid var(--color-border-maxcontrast);\n\t\t\t\tbox-shadow: none !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t&__text-label {\n\t\tpadding: 4px 0;\n\t\tdisplay: block;\n\n\t\t&--hidden {\n\t\t\tposition: absolute;\n\t\t\tleft: -10000px;\n\t\t\ttop: auto;\n\t\t\twidth: 1px;\n\t\t\theight: 1px;\n\t\t\toverflow: hidden;\n\t\t}\n\t}\n\n\t&__datetimepicker {\n\t\twidth: 100%;\n\n\t\t:deep(.mx-input) {\n\t\t\tmargin: 0;\n\t\t}\n\t}\n\n\t&__multi {\n\t\twidth: 100%;\n\t}\n}\n\n// if a form is the last of the list\n// add the same bottomMargin as the right padding\n// for visual balance\nli:last-child > .action-input {\n\tpadding-bottom: $icon-margin - $input-margin;\n}\n\n// same for first item\nli:first-child > .action-input:not(.action-input--visible-label) {\n\tpadding-top: $icon-margin - $input-margin;\n}\n\n</style>\n"],"names":["_sfc_main","NcDateTimePicker","NcDateTimePickerNative","NcPasswordField","NcSelect","NcTextField","ActionGlobalMixin","GenRandomId","id","type","t","event"],"mappings":"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"}