@nextcloud/vue 8.0.1 → 8.2.0

package/dist/index.mjs

@@ -15,37 +15,37 @@ import A from "./Components/NcAppContentDetails.mjs";
 import g from "./Components/NcAppContentList.mjs";
 import b from "./Components/NcAppNavigation.mjs";
 import S from "./Components/NcAppNavigationCaption.mjs";
-import v from "./Components/NcAppNavigationIconBullet.mjs";
+import x from "./Components/NcAppNavigationIconBullet.mjs";
 import T from "./Components/NcAppNavigationItem.mjs";
-import x from "./Components/NcAppNavigationNew.mjs";
+import v from "./Components/NcAppNavigationNew.mjs";
 import C from "./Components/NcAppNavigationNewItem.mjs";
-import k from "./Components/NcAppNavigationSettings.mjs";
-import h from "./Components/NcAppNavigationSpacer.mjs";
-import I from "./Components/NcAppSettingsDialog.mjs";
-import y from "./Components/NcAppSettingsSection.mjs";
+import I from "./Components/NcAppNavigationSettings.mjs";
+import k from "./Components/NcAppNavigationSpacer.mjs";
+import h from "./Components/NcAppSettingsDialog.mjs";
+import B from "./Components/NcAppSettingsSection.mjs";
 import P from "./Components/NcAppSidebar.mjs";
-import B from "./Components/NcAppSidebarTab.mjs";
-import { N as D } from "./chunks/index-fbf943b3.mjs";
-import { u as tt } from "./chunks/index-fbf943b3.mjs";
-import j from "./Components/NcBreadcrumb.mjs";
+import y from "./Components/NcAppSidebarTab.mjs";
+import { N as D } from "./chunks/index-cea13a24.mjs";
+import { u as tt } from "./chunks/index-cea13a24.mjs";
+import O from "./Components/NcBreadcrumb.mjs";
 import R from "./Components/NcBreadcrumbs.mjs";
-import O from "./Components/NcButton.mjs";
-import _ from "./Components/NcCheckboxRadioSwitch.mjs";
-import E from "./Components/NcColorPicker.mjs";
-import L from "./Components/NcContent.mjs";
-import M from "./Components/NcCounterBubble.mjs";
-import w from "./Components/NcDashboardWidget.mjs";
-import F from "./Components/NcDashboardWidgetItem.mjs";
+import j from "./Components/NcButton.mjs";
+import E from "./Components/NcCheckboxRadioSwitch.mjs";
+import M from "./Components/NcColorPicker.mjs";
+import _ from "./Components/NcContent.mjs";
+import L from "./Components/NcCounterBubble.mjs";
+import F from "./Components/NcDashboardWidget.mjs";
+import w from "./Components/NcDashboardWidgetItem.mjs";
 import z from "./Components/NcDateTime.mjs";
 import G from "./Components/NcDateTimePicker.mjs";
 import W from "./Components/NcDateTimePickerNative.mjs";
 import H from "./Components/NcDialog.mjs";
 import V from "./Components/NcDialogButton.mjs";
-import U from "./Components/NcEmojiPicker.mjs";
-import $ from "./Components/NcEmptyContent.mjs";
-import q from "./Components/NcGuestContent.mjs";
-import J from "./Components/NcHeaderMenu.mjs";
-import { N as K } from "./chunks/index-20a9ace9.mjs";
+import K from "./Components/NcEmojiPicker.mjs";
+import U from "./Components/NcEmptyContent.mjs";
+import $ from "./Components/NcGuestContent.mjs";
+import q from "./Components/NcHeaderMenu.mjs";
+import { N as J } from "./chunks/index-20a9ace9.mjs";
 import Q from "./Components/NcIconSvgWrapper.mjs";
 import X from "./Components/NcListItem.mjs";
 import Y from "./Components/NcListItemIcon.mjs";
@@ -59,12 +59,12 @@ import eo from "./Components/NcRelatedResourcesPanel.mjs";
 import { N as po } from "./chunks/index-5f2a5f57.mjs";
 import { r as mt } from "./chunks/index-5f2a5f57.mjs";
 import co, { NcAutoCompleteResult as fo } from "./Components/NcRichContenteditable.mjs";
-import { N as no } from "./chunks/NcRichText-1e8fd02d.mjs";
-import "./chunks/referencePickerModal-6bc8f6b9.mjs";
+import { N as no } from "./chunks/NcRichText-f5cfcd57.mjs";
+import "./chunks/referencePickerModal-c2f33569.mjs";
 import "@nextcloud/axios";
 import "@nextcloud/router";
 import No from "./Components/NcSelect.mjs";
-import "./chunks/l10n-f692947e.mjs";
+import "./chunks/l10n-ef44019c.mjs";
 import ao from "./Components/NcTextField.mjs";
 import "@nextcloud/event-bus";
 import "vue";
@@ -72,20 +72,22 @@ import so from "./Components/NcSavingIndicatorIcon.mjs";
 import lo from "./Components/NcSelectTags.mjs";
 import uo from "./Components/NcSettingsInputText.mjs";
 import Ao from "./Components/NcSettingsSection.mjs";
-import { N as go } from "./chunks/NcSettingsSelectGroup-ae323579.mjs";
+import { N as go } from "./chunks/NcSettingsSelectGroup-091c0306.mjs";
 import bo from "./Components/NcTimezonePicker.mjs";
 import So from "./Components/NcUserBubble.mjs";
-import vo from "./Components/NcTextArea.mjs";
-import { emojiAddRecent as pt, emojiSearch as ct } from "./Functions/emoji.mjs";
-import { default as nt } from "./Functions/usernameToColor.mjs";
+import xo from "./Components/NcTextArea.mjs";
+import { isFullscreenState as pt, useIsFullscreen as ct } from "./Composables/useIsFullscreen.mjs";
+import { MOBILE_BREAKPOINT as nt, isMobileState as Nt, useIsMobile as at } from "./Composables/useIsMobile.mjs";
+import { emojiAddRecent as lt, emojiSearch as ut } from "./Functions/emoji.mjs";
+import { default as At } from "./Functions/usernameToColor.mjs";
 import { directive as To } from "./Directives/Focus.mjs";
-import { directive as xo } from "./Directives/Linkify.mjs";
+import { directive as vo } from "./Directives/Linkify.mjs";
 import "./Directives/Tooltip.mjs";
-import { default as at } from "./Mixins/clickOutsideOptions.mjs";
-import { default as lt } from "./Mixins/isFullscreen.mjs";
-import { default as dt } from "./Mixins/isMobile.mjs";
+import { default as bt } from "./Mixins/clickOutsideOptions.mjs";
+import { default as xt } from "./Mixins/isFullscreen.mjs";
+import { default as vt } from "./Mixins/isMobile.mjs";
 import { VTooltip as Co } from "floating-vue";
-import { VTooltip as gt } from "floating-vue";
+import { VTooltip as It } from "floating-vue";
 /**
  * @copyright Copyright (c) 2018 John Molakvoæ <skjnldsv@protonmail.com>
  *
@@ -107,7 +109,7 @@ import { VTooltip as gt } from "floating-vue";
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
-const ko = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   NcActionButton: i,
   NcActionButtonGroup: m,
@@ -126,37 +128,37 @@ const ko = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   NcAppContentList: g,
   NcAppNavigation: b,
   NcAppNavigationCaption: S,
-  NcAppNavigationIconBullet: v,
+  NcAppNavigationIconBullet: x,
   NcAppNavigationItem: T,
-  NcAppNavigationNew: x,
+  NcAppNavigationNew: v,
   NcAppNavigationNewItem: C,
-  NcAppNavigationSettings: k,
-  NcAppNavigationSpacer: h,
-  NcAppSettingsDialog: I,
-  NcAppSettingsSection: y,
+  NcAppNavigationSettings: I,
+  NcAppNavigationSpacer: k,
+  NcAppSettingsDialog: h,
+  NcAppSettingsSection: B,
   NcAppSidebar: P,
-  NcAppSidebarTab: B,
+  NcAppSidebarTab: y,
   NcAutoCompleteResult: fo,
   NcAvatar: D,
-  NcBreadcrumb: j,
+  NcBreadcrumb: O,
   NcBreadcrumbs: R,
-  NcButton: O,
-  NcCheckboxRadioSwitch: _,
-  NcColorPicker: E,
-  NcContent: L,
-  NcCounterBubble: M,
-  NcDashboardWidget: w,
-  NcDashboardWidgetItem: F,
+  NcButton: j,
+  NcCheckboxRadioSwitch: E,
+  NcColorPicker: M,
+  NcContent: _,
+  NcCounterBubble: L,
+  NcDashboardWidget: F,
+  NcDashboardWidgetItem: w,
   NcDateTime: z,
   NcDateTimePicker: G,
   NcDateTimePickerNative: W,
   NcDialog: H,
   NcDialogButton: V,
-  NcEmojiPicker: U,
-  NcEmptyContent: $,
-  NcGuestContent: q,
-  NcHeaderMenu: J,
-  NcHighlight: K,
+  NcEmojiPicker: K,
+  NcEmptyContent: U,
+  NcGuestContent: $,
+  NcHeaderMenu: q,
+  NcHighlight: J,
   NcIconSvgWrapper: Q,
   NcListItem: X,
   NcListItemIcon: Y,
@@ -176,7 +178,7 @@ const ko = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   NcSettingsInputText: uo,
   NcSettingsSection: Ao,
   NcSettingsSelectGroup: go,
-  NcTextArea: vo,
+  NcTextArea: xo,
   NcTextField: ao,
   NcTimezonePicker: bo,
   NcUserBubble: So
@@ -224,23 +226,24 @@ const Yr = (o) => o.type === "click" || o.type === "keydown" && o.key === "Enter
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
-const ho = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ko = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Focus: To,
-  Linkify: xo,
+  Linkify: vo,
   Tooltip: Co
 }, Symbol.toStringTag, { value: "Module" })), Zr = {
   install(o) {
-    Object.entries(ko).forEach(([t, r]) => {
+    Object.entries(Io).forEach(([t, r]) => {
       o.component(r.name || t, r);
-    }), Object.entries(ho).forEach(([t, r]) => {
+    }), Object.entries(ko).forEach(([t, r]) => {
       o.directive(t, r);
     });
   }
 };
 export {
   To as Focus,
-  xo as Linkify,
+  vo as Linkify,
+  nt as MOBILE_BREAKPOINT,
   i as NcActionButton,
   m as NcActionButtonGroup,
   e as NcActionCaption,
@@ -258,37 +261,37 @@ export {
   g as NcAppContentList,
   b as NcAppNavigation,
   S as NcAppNavigationCaption,
-  v as NcAppNavigationIconBullet,
+  x as NcAppNavigationIconBullet,
   T as NcAppNavigationItem,
-  x as NcAppNavigationNew,
+  v as NcAppNavigationNew,
   C as NcAppNavigationNewItem,
-  k as NcAppNavigationSettings,
-  h as NcAppNavigationSpacer,
-  I as NcAppSettingsDialog,
-  y as NcAppSettingsSection,
+  I as NcAppNavigationSettings,
+  k as NcAppNavigationSpacer,
+  h as NcAppSettingsDialog,
+  B as NcAppSettingsSection,
   P as NcAppSidebar,
-  B as NcAppSidebarTab,
+  y as NcAppSidebarTab,
   fo as NcAutoCompleteResult,
   D as NcAvatar,
-  j as NcBreadcrumb,
+  O as NcBreadcrumb,
   R as NcBreadcrumbs,
-  O as NcButton,
-  _ as NcCheckboxRadioSwitch,
-  E as NcColorPicker,
-  L as NcContent,
-  M as NcCounterBubble,
-  w as NcDashboardWidget,
-  F as NcDashboardWidgetItem,
+  j as NcButton,
+  E as NcCheckboxRadioSwitch,
+  M as NcColorPicker,
+  _ as NcContent,
+  L as NcCounterBubble,
+  F as NcDashboardWidget,
+  w as NcDashboardWidgetItem,
   z as NcDateTime,
   G as NcDateTimePicker,
   W as NcDateTimePickerNative,
   H as NcDialog,
   V as NcDialogButton,
-  U as NcEmojiPicker,
-  $ as NcEmptyContent,
-  q as NcGuestContent,
-  J as NcHeaderMenu,
-  K as NcHighlight,
+  K as NcEmojiPicker,
+  U as NcEmptyContent,
+  $ as NcGuestContent,
+  q as NcHeaderMenu,
+  J as NcHighlight,
   Q as NcIconSvgWrapper,
   X as NcListItem,
   Y as NcListItemIcon,
@@ -308,19 +311,23 @@ export {
   uo as NcSettingsInputText,
   Ao as NcSettingsSection,
   go as NcSettingsSelectGroup,
-  vo as NcTextArea,
+  xo as NcTextArea,
   ao as NcTextField,
   bo as NcTimezonePicker,
   So as NcUserBubble,
   Zr as NextcloudVuePlugin,
-  gt as Tooltip,
-  at as clickOutsideOptions,
-  pt as emojiAddRecent,
-  ct as emojiSearch,
+  It as Tooltip,
+  bt as clickOutsideOptions,
+  lt as emojiAddRecent,
+  ut as emojiSearch,
   Yr as isA11yActivation,
-  lt as isFullscreen,
-  dt as isMobile,
+  xt as isFullscreen,
+  pt as isFullscreenState,
+  vt as isMobile,
+  Nt as isMobileState,
   mt as richEditor,
+  ct as useIsFullscreen,
+  at as useIsMobile,
   tt as userStatus,
-  nt as usernameToColor
+  At as usernameToColor
 };

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../src/components/index.js","../src/functions/a11y/index.ts","../src/directives/index.js","../src/plugin.ts"],"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 */\n\nexport { default as NcActionButton } from './NcActionButton/index.js'\nexport { default as NcActionButtonGroup } from './NcActionButtonGroup/index.js'\nexport { default as NcActionCaption } from './NcActionCaption/index.js'\nexport { default as NcActionCheckbox } from './NcActionCheckbox/index.js'\nexport { default as NcActionInput } from './NcActionInput/index.js'\nexport { default as NcActionLink } from './NcActionLink/index.js'\nexport { default as NcActionRadio } from './NcActionRadio/index.js'\nexport { default as NcActionRouter } from './NcActionRouter/index.js'\nexport { default as NcActions } from './NcActions/index.js'\nexport { default as NcActionSeparator } from './NcActionSeparator/index.js'\nexport { default as NcActionText } from './NcActionText/index.js'\nexport { default as NcActionTextEditable } from './NcActionTextEditable/index.js'\nexport { default as NcAppContent } from './NcAppContent/index.js'\nexport { default as NcAppContentDetails } from './NcAppContentDetails/index.js'\nexport { default as NcAppContentList } from './NcAppContentList/index.js'\nexport { default as NcAppNavigation } from './NcAppNavigation/index.js'\nexport { default as NcAppNavigationCaption } from './NcAppNavigationCaption/index.js'\nexport { default as NcAppNavigationIconBullet } from './NcAppNavigationIconBullet/index.js'\nexport { default as NcAppNavigationItem } from './NcAppNavigationItem/index.js'\nexport { default as NcAppNavigationNew } from './NcAppNavigationNew/index.js'\nexport { default as NcAppNavigationNewItem } from './NcAppNavigationNewItem/index.js'\nexport { default as NcAppNavigationSettings } from './NcAppNavigationSettings/index.js'\nexport { default as NcAppNavigationSpacer } from './NcAppNavigationSpacer/index.js'\nexport { default as NcAppSettingsDialog } from './NcAppSettingsDialog/index.js'\nexport { default as NcAppSettingsSection } from './NcAppSettingsSection/index.js'\nexport { default as NcAppSidebar } from './NcAppSidebar/index.js'\nexport { default as NcAppSidebarTab } from './NcAppSidebarTab/index.js'\nexport { default as NcAvatar } from './NcAvatar/index.js'\nexport { default as NcBreadcrumb } from './NcBreadcrumb/index.js'\nexport { default as NcBreadcrumbs } from './NcBreadcrumbs/index.js'\nexport { default as NcButton } from './NcButton/index.js'\nexport { default as NcCheckboxRadioSwitch } from './NcCheckboxRadioSwitch/index.js'\nexport { default as NcColorPicker } from './NcColorPicker/index.js'\nexport { default as NcContent } from './NcContent/index.js'\nexport { default as NcCounterBubble } from './NcCounterBubble/index.js'\nexport { default as NcDashboardWidget } from './NcDashboardWidget/index.js'\nexport { default as NcDashboardWidgetItem } from './NcDashboardWidgetItem/index.js'\nexport { default as NcDateTime } from './NcDateTime/index.js'\nexport { default as NcDateTimePicker } from './NcDateTimePicker/index.js'\nexport { default as NcDateTimePickerNative } from './NcDateTimePickerNative/index.js'\nexport { default as NcDialog } from './NcDialog/index.js'\nexport { default as NcDialogButton } from './NcDialogButton/index.js'\n// Not exported on purpose\n// export { default as NcEllipsisedOption } from './NcEllipsisedOption/index.js'\nexport { default as NcEmojiPicker } from './NcEmojiPicker/index.js'\nexport { default as NcEmptyContent } from './NcEmptyContent/index.js'\nexport { default as NcGuestContent } from './NcGuestContent/index.js'\nexport { default as NcHeaderMenu } from './NcHeaderMenu/index.js'\nexport { default as NcHighlight } from './NcHighlight/index.js'\nexport { default as NcIconSvgWrapper } from './NcIconSvgWrapper/index.js'\n// Not exported on purpose as it is only meant as a base component\n// export { default as NcInputField } from './NcInputField/index.js'\nexport { default as NcListItem } from './NcListItem/index.js'\nexport { default as NcListItemIcon } from './NcListItemIcon/index.js'\nexport { default as NcLoadingIcon } from './NcLoadingIcon/index.js'\nexport { default as NcModal } from './NcModal/index.js'\nexport { default as NcNoteCard } from './NcNoteCard/index.js'\nexport { default as NcPasswordField } from './NcPasswordField/index.js'\nexport { default as NcPopover } from './NcPopover/index.js'\nexport { default as NcProgressBar } from './NcProgressBar/index.js'\nexport { default as NcRelatedResourcesPanel } from './NcRelatedResourcesPanel/index.js'\nexport { default as NcRichContenteditable, NcAutoCompleteResult, NcMentionBubble } from './NcRichContenteditable/index.js'\nexport { default as NcRichText } from './NcRichText/index.js'\nexport { default as NcSavingIndicatorIcon } from './NcSavingIndicatorIcon/index.js'\nexport { default as NcSelect } from './NcSelect/index.js'\nexport { default as NcSelectTags } from './NcSelectTags/index.js'\nexport { default as NcSettingsInputText } from './NcSettingsInputText/index.js'\nexport { default as NcSettingsSection } from './NcSettingsSection/index.js'\nexport { default as NcSettingsSelectGroup } from './NcSettingsSelectGroup/index.js'\nexport { default as NcTextField } from './NcTextField/index.js'\nexport { default as NcTimezonePicker } from './NcTimezonePicker/index.js'\nexport { default as NcUserBubble } from './NcUserBubble/index.js'\nexport { default as NcTextArea } from './NcTextArea/index.js'\n","/**\n * @copyright 2022 Christopher Ng <chrng8@gmail.com>\n *\n * @author Christopher Ng <chrng8@gmail.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 */\n\n/**\n * Return true if the DOM event is an accessible mouse or keyboard element activation, false otherwise\n *\n * @param {Event} event DOM event\n *\n * @return {boolean}\n */\nexport const isA11yActivation = (event: Event) => {\n\tif (event.type === 'click') {\n\t\treturn true\n\t}\n\tif (event.type === 'keydown' && (event as KeyboardEvent).key === 'Enter') {\n\t\treturn true\n\t}\n\treturn false\n}\n","/**\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 */\n\nexport { default as Focus } from './Focus/index.js'\nexport { default as Linkify } from './Linkify/index.js'\nexport { default as Tooltip } from './Tooltip/index.js'\n","import type { DefineComponent, Directive, PluginObject } from 'vue'\n\nimport * as NcComponents from './components/index.js'\nimport * as NcDirectives from './directives/index.js'\n\n/**\n * Install all Nextcloud Vue components and directives globally\n * @example\n * ```js\n * import { NextcloudVuePlugin } from '@nextcloud/vue'\n * import Vue from 'vue'\n *\n * // ...\n *\n * Vue.use(NextcloudVuePlugin)\n * new Vue({\n *     // options\n * })\n * ```\n */\nexport const NextcloudVuePlugin: PluginObject<never> = {\n\tinstall(Vue) {\n\t\t// Install components\n\t\tObject.entries(NcComponents as { [key: string]: DefineComponent }).forEach(([name, component]) => {\n\t\t\tVue.component(component.name || name, component)\n\t\t})\n\n\t\t// Install directives\n\t\tObject.entries(NcDirectives as { [key: string]: Directive }).forEach(([name, directive]) => {\n\t\t\tVue.directive(name, directive)\n\t\t})\n\t},\n}\n"],"names":["isA11yActivation","event","NextcloudVuePlugin","Vue","NcComponents","name","component","NcDirectives","directive"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6Ba,MAAAA,KAAmB,CAACC,MAC5BA,EAAM,SAAS,WAGfA,EAAM,SAAS,aAAcA,EAAwB,QAAQ;ACjClE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;8CCoBaC,KAA0C;AAAA,EACtD,QAAQC,GAAK;AAEL,WAAA,QAAQC,EAAkD,EAAE,QAAQ,CAAC,CAACC,GAAMC,CAAS,MAAM;AACjG,MAAAH,EAAI,UAAUG,EAAU,QAAQD,GAAMC,CAAS;AAAA,IAAA,CAC/C,GAGM,OAAA,QAAQC,EAA4C,EAAE,QAAQ,CAAC,CAACF,GAAMG,CAAS,MAAM;AACvF,MAAAL,EAAA,UAAUE,GAAMG,CAAS;AAAA,IAAA,CAC7B;AAAA,EACF;AACD;"}
+{"version":3,"file":"index.mjs","sources":["../src/components/index.js","../src/functions/a11y/index.ts","../src/directives/index.js","../src/plugin.ts"],"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 */\n\nexport { default as NcActionButton } from './NcActionButton/index.js'\nexport { default as NcActionButtonGroup } from './NcActionButtonGroup/index.js'\nexport { default as NcActionCaption } from './NcActionCaption/index.js'\nexport { default as NcActionCheckbox } from './NcActionCheckbox/index.js'\nexport { default as NcActionInput } from './NcActionInput/index.js'\nexport { default as NcActionLink } from './NcActionLink/index.js'\nexport { default as NcActionRadio } from './NcActionRadio/index.js'\nexport { default as NcActionRouter } from './NcActionRouter/index.js'\nexport { default as NcActions } from './NcActions/index.js'\nexport { default as NcActionSeparator } from './NcActionSeparator/index.js'\nexport { default as NcActionText } from './NcActionText/index.js'\nexport { default as NcActionTextEditable } from './NcActionTextEditable/index.js'\nexport { default as NcAppContent } from './NcAppContent/index.js'\nexport { default as NcAppContentDetails } from './NcAppContentDetails/index.js'\nexport { default as NcAppContentList } from './NcAppContentList/index.js'\nexport { default as NcAppNavigation } from './NcAppNavigation/index.js'\nexport { default as NcAppNavigationCaption } from './NcAppNavigationCaption/index.js'\nexport { default as NcAppNavigationIconBullet } from './NcAppNavigationIconBullet/index.js'\nexport { default as NcAppNavigationItem } from './NcAppNavigationItem/index.js'\nexport { default as NcAppNavigationNew } from './NcAppNavigationNew/index.js'\nexport { default as NcAppNavigationNewItem } from './NcAppNavigationNewItem/index.js'\nexport { default as NcAppNavigationSettings } from './NcAppNavigationSettings/index.js'\nexport { default as NcAppNavigationSpacer } from './NcAppNavigationSpacer/index.js'\nexport { default as NcAppSettingsDialog } from './NcAppSettingsDialog/index.js'\nexport { default as NcAppSettingsSection } from './NcAppSettingsSection/index.js'\nexport { default as NcAppSidebar } from './NcAppSidebar/index.js'\nexport { default as NcAppSidebarTab } from './NcAppSidebarTab/index.js'\nexport { default as NcAvatar } from './NcAvatar/index.js'\nexport { default as NcBreadcrumb } from './NcBreadcrumb/index.js'\nexport { default as NcBreadcrumbs } from './NcBreadcrumbs/index.js'\nexport { default as NcButton } from './NcButton/index.js'\nexport { default as NcCheckboxRadioSwitch } from './NcCheckboxRadioSwitch/index.js'\nexport { default as NcColorPicker } from './NcColorPicker/index.js'\nexport { default as NcContent } from './NcContent/index.js'\nexport { default as NcCounterBubble } from './NcCounterBubble/index.js'\nexport { default as NcDashboardWidget } from './NcDashboardWidget/index.js'\nexport { default as NcDashboardWidgetItem } from './NcDashboardWidgetItem/index.js'\nexport { default as NcDateTime } from './NcDateTime/index.js'\nexport { default as NcDateTimePicker } from './NcDateTimePicker/index.js'\nexport { default as NcDateTimePickerNative } from './NcDateTimePickerNative/index.js'\nexport { default as NcDialog } from './NcDialog/index.js'\nexport { default as NcDialogButton } from './NcDialogButton/index.js'\n// Not exported on purpose\n// export { default as NcEllipsisedOption } from './NcEllipsisedOption/index.js'\nexport { default as NcEmojiPicker } from './NcEmojiPicker/index.js'\nexport { default as NcEmptyContent } from './NcEmptyContent/index.js'\nexport { default as NcGuestContent } from './NcGuestContent/index.js'\nexport { default as NcHeaderMenu } from './NcHeaderMenu/index.js'\nexport { default as NcHighlight } from './NcHighlight/index.js'\nexport { default as NcIconSvgWrapper } from './NcIconSvgWrapper/index.js'\n// Not exported on purpose as it is only meant as a base component\n// export { default as NcInputField } from './NcInputField/index.js'\nexport { default as NcListItem } from './NcListItem/index.js'\nexport { default as NcListItemIcon } from './NcListItemIcon/index.js'\nexport { default as NcLoadingIcon } from './NcLoadingIcon/index.js'\nexport { default as NcModal } from './NcModal/index.js'\nexport { default as NcNoteCard } from './NcNoteCard/index.js'\nexport { default as NcPasswordField } from './NcPasswordField/index.js'\nexport { default as NcPopover } from './NcPopover/index.js'\nexport { default as NcProgressBar } from './NcProgressBar/index.js'\nexport { default as NcRelatedResourcesPanel } from './NcRelatedResourcesPanel/index.js'\nexport { default as NcRichContenteditable, NcAutoCompleteResult, NcMentionBubble } from './NcRichContenteditable/index.js'\nexport { default as NcRichText } from './NcRichText/index.js'\nexport { default as NcSavingIndicatorIcon } from './NcSavingIndicatorIcon/index.js'\nexport { default as NcSelect } from './NcSelect/index.js'\nexport { default as NcSelectTags } from './NcSelectTags/index.js'\nexport { default as NcSettingsInputText } from './NcSettingsInputText/index.js'\nexport { default as NcSettingsSection } from './NcSettingsSection/index.js'\nexport { default as NcSettingsSelectGroup } from './NcSettingsSelectGroup/index.js'\nexport { default as NcTextField } from './NcTextField/index.js'\nexport { default as NcTimezonePicker } from './NcTimezonePicker/index.js'\nexport { default as NcUserBubble } from './NcUserBubble/index.js'\nexport { default as NcTextArea } from './NcTextArea/index.js'\n","/**\n * @copyright 2022 Christopher Ng <chrng8@gmail.com>\n *\n * @author Christopher Ng <chrng8@gmail.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 */\n\n/**\n * Return true if the DOM event is an accessible mouse or keyboard element activation, false otherwise\n *\n * @param {Event} event DOM event\n *\n * @return {boolean}\n */\nexport const isA11yActivation = (event: Event) => {\n\tif (event.type === 'click') {\n\t\treturn true\n\t}\n\tif (event.type === 'keydown' && (event as KeyboardEvent).key === 'Enter') {\n\t\treturn true\n\t}\n\treturn false\n}\n","/**\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 */\n\nexport { default as Focus } from './Focus/index.js'\nexport { default as Linkify } from './Linkify/index.js'\nexport { default as Tooltip } from './Tooltip/index.js'\n","import type { DefineComponent, Directive, PluginObject } from 'vue'\n\nimport * as NcComponents from './components/index.js'\nimport * as NcDirectives from './directives/index.js'\n\n/**\n * Install all Nextcloud Vue components and directives globally\n * @example\n * ```js\n * import { NextcloudVuePlugin } from '@nextcloud/vue'\n * import Vue from 'vue'\n *\n * // ...\n *\n * Vue.use(NextcloudVuePlugin)\n * new Vue({\n *     // options\n * })\n * ```\n */\nexport const NextcloudVuePlugin: PluginObject<never> = {\n\tinstall(Vue) {\n\t\t// Install components\n\t\tObject.entries(NcComponents as { [key: string]: DefineComponent }).forEach(([name, component]) => {\n\t\t\tVue.component(component.name || name, component)\n\t\t})\n\n\t\t// Install directives\n\t\tObject.entries(NcDirectives as { [key: string]: Directive }).forEach(([name, directive]) => {\n\t\t\tVue.directive(name, directive)\n\t\t})\n\t},\n}\n"],"names":["isA11yActivation","event","NextcloudVuePlugin","Vue","NcComponents","name","component","NcDirectives","directive"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6Ba,MAAAA,KAAmB,CAACC,MAC5BA,EAAM,SAAS,WAGfA,EAAM,SAAS,aAAcA,EAAwB,QAAQ;ACjClE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;8CCoBaC,KAA0C;AAAA,EACtD,QAAQC,GAAK;AAEL,WAAA,QAAQC,EAAkD,EAAE,QAAQ,CAAC,CAACC,GAAMC,CAAS,MAAM;AACjG,MAAAH,EAAI,UAAUG,EAAU,QAAQD,GAAMC,CAAS;AAAA,IAAA,CAC/C,GAGM,OAAA,QAAQC,EAA4C,EAAE,QAAQ,CAAC,CAACF,GAAMG,CAAS,MAAM;AACvF,MAAAL,EAAA,UAAUE,GAAMG,CAAS;AAAA,IAAA,CAC7B;AAAA,EACF;AACD;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextcloud/vue",
-  "version": "8.0.1",
+  "version": "8.2.0",
   "description": "Nextcloud vue components",
   "keywords": [
     "vuejs",
@@ -75,7 +75,7 @@
     "@vueuse/components": "^10.0.2",
     "@vueuse/core": "^10.1.2",
     "clone": "^2.1.2",
-    "debounce": "1.2.1",
+    "debounce": "2.0.0",
     "dompurify": "^3.0.5",
     "emoji-mart-vue-fast": "^15.0.0",
     "escape-html": "^1.0.3",

package/dist/chunks/GenColors-38246c38.mjs

@@ -1,46 +0,0 @@
-/**
- * @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>
- *
- * @author John Molakvoæ <skjnldsv@protonmail.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/>.
- *
- */
-function a(n, t, e) {
-  this.r = n, this.g = t, this.b = e;
-}
-function f(n, t) {
-  const e = new Array(3);
-  return e[0] = (t[1].r - t[0].r) / n, e[1] = (t[1].g - t[0].g) / n, e[2] = (t[1].b - t[0].b) / n, e;
-}
-function u(n, t, e) {
-  const o = [];
-  o.push(t);
-  const r = f(n, [t, e]);
-  for (let c = 1; c < n; c++) {
-    const i = parseInt(t.r + r[0] * c, 10), l = parseInt(t.g + r[1] * c, 10), b = parseInt(t.b + r[2] * c, 10);
-    o.push(new a(i, l, b));
-  }
-  return o;
-}
-function p(n) {
-  n || (n = 6);
-  const t = new a(182, 70, 157), e = new a(221, 203, 85), o = new a(0, 130, 201), r = u(n, t, e), c = u(n, e, o), i = u(n, o, t);
-  return r.concat(c).concat(i);
-}
-export {
-  p as G
-};

package/dist/chunks/GenColors-38246c38.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"GenColors-38246c38.mjs","sources":["../../src/utils/GenColors.js"],"sourcesContent":["/**\n * @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>\n *\n * @author John Molakvoæ <skjnldsv@protonmail.com>\n *\n * @license AGPL-3.0-or-later\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n *\n */\n\n/**\n * Originally taken from https://github.com/nextcloud/server/blob/master/core/js/placeholder.js\n */\n\n/**\n * @param {number} r The red value\n * @param {number} g The green value\n * @param {number} b The blue value\n */\nfunction Color(r, g, b) {\n\tthis.r = r\n\tthis.g = g\n\tthis.b = b\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 {string} color1 The first color\n * @param {string} 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 = parseInt(color1.r + step[0] * i, 10)\n\t\tconst g = parseInt(color1.g + step[1] * i, 10)\n\t\tconst b = parseInt(color1.b + step[2] * i, 10)\n\t\tpalette.push(new Color(r, g, b))\n\t}\n\treturn palette\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 */\nfunction GenColors(steps) {\n\tif (!steps) {\n\t\tsteps = 6\n\t}\n\n\tconst red = new Color(182, 70, 157)\n\tconst yellow = new Color(221, 203, 85)\n\tconst blue = new Color(0, 130, 201) // 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\nexport default GenColors\n"],"names":["Color","r","g","b","stepCalc","steps","ends","step","mixPalette","color1","color2","palette","i","GenColors","red","yellow","blue","palette1","palette2","palette3"],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BA,SAASA,EAAMC,GAAGC,GAAGC,GAAG;AACvB,OAAK,IAAIF,GACT,KAAK,IAAIC,GACT,KAAK,IAAIC;AACV;AASA,SAASC,EAASC,GAAOC,GAAM;AAC9B,QAAMC,IAAO,IAAI,MAAM,CAAC;AACxB,SAAAA,EAAK,CAAC,KAAKD,EAAK,CAAC,EAAE,IAAIA,EAAK,CAAC,EAAE,KAAKD,GACpCE,EAAK,CAAC,KAAKD,EAAK,CAAC,EAAE,IAAIA,EAAK,CAAC,EAAE,KAAKD,GACpCE,EAAK,CAAC,KAAKD,EAAK,CAAC,EAAE,IAAIA,EAAK,CAAC,EAAE,KAAKD,GAC7BE;AACR;AAUA,SAASC,EAAWH,GAAOI,GAAQC,GAAQ;AAC1C,QAAMC,IAAU,CAAE;AAClB,EAAAA,EAAQ,KAAKF,CAAM;AACnB,QAAMF,IAAOH,EAASC,GAAO,CAACI,GAAQC,CAAM,CAAC;AAC7C,WAASE,IAAI,GAAGA,IAAIP,GAAOO,KAAK;AAC/B,UAAMX,IAAI,SAASQ,EAAO,IAAIF,EAAK,CAAC,IAAIK,GAAG,EAAE,GACvCV,IAAI,SAASO,EAAO,IAAIF,EAAK,CAAC,IAAIK,GAAG,EAAE,GACvC,IAAI,SAASH,EAAO,IAAIF,EAAK,CAAC,IAAIK,GAAG,EAAE;AAC7C,IAAAD,EAAQ,KAAK,IAAIX,EAAMC,GAAGC,GAAG,CAAC,CAAC;AAAA,EAC/B;AACD,SAAOS;AACR;AAWA,SAASE,EAAUR,GAAO;AACzB,EAAKA,MACJA,IAAQ;AAGT,QAAMS,IAAM,IAAId,EAAM,KAAK,IAAI,GAAG,GAC5Be,IAAS,IAAIf,EAAM,KAAK,KAAK,EAAE,GAC/BgB,IAAO,IAAIhB,EAAM,GAAG,KAAK,GAAG,GAE5BiB,IAAWT,EAAWH,GAAOS,GAAKC,CAAM,GACxCG,IAAWV,EAAWH,GAAOU,GAAQC,CAAI,GACzCG,IAAWX,EAAWH,GAAOW,GAAMF,CAAG;AAE5C,SAAOG,EAAS,OAAOC,CAAQ,EAAE,OAAOC,CAAQ;AACjD;"}

package/dist/chunks/GenColors-eedcc70a.cjs

@@ -1,45 +0,0 @@
-"use strict";
-/**
- * @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>
- *
- * @author John Molakvoæ <skjnldsv@protonmail.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/>.
- *
- */
-function a(n, t, e) {
-  this.r = n, this.g = t, this.b = e;
-}
-function b(n, t) {
-  const e = new Array(3);
-  return e[0] = (t[1].r - t[0].r) / n, e[1] = (t[1].g - t[0].g) / n, e[2] = (t[1].b - t[0].b) / n, e;
-}
-function u(n, t, e) {
-  const o = [];
-  o.push(t);
-  const r = b(n, [t, e]);
-  for (let c = 1; c < n; c++) {
-    const i = parseInt(t.r + r[0] * c, 10), l = parseInt(t.g + r[1] * c, 10), s = parseInt(t.b + r[2] * c, 10);
-    o.push(new a(i, l, s));
-  }
-  return o;
-}
-function f(n) {
-  n || (n = 6);
-  const t = new a(182, 70, 157), e = new a(221, 203, 85), o = new a(0, 130, 201), r = u(n, t, e), c = u(n, e, o), i = u(n, o, t);
-  return r.concat(c).concat(i);
-}
-exports.GenColors = f;

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

@@ -1 +0,0 @@
-{"version":3,"file":"GenColors-eedcc70a.cjs","sources":["../../src/utils/GenColors.js"],"sourcesContent":["/**\n * @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>\n *\n * @author John Molakvoæ <skjnldsv@protonmail.com>\n *\n * @license AGPL-3.0-or-later\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n *\n */\n\n/**\n * Originally taken from https://github.com/nextcloud/server/blob/master/core/js/placeholder.js\n */\n\n/**\n * @param {number} r The red value\n * @param {number} g The green value\n * @param {number} b The blue value\n */\nfunction Color(r, g, b) {\n\tthis.r = r\n\tthis.g = g\n\tthis.b = b\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 {string} color1 The first color\n * @param {string} 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 = parseInt(color1.r + step[0] * i, 10)\n\t\tconst g = parseInt(color1.g + step[1] * i, 10)\n\t\tconst b = parseInt(color1.b + step[2] * i, 10)\n\t\tpalette.push(new Color(r, g, b))\n\t}\n\treturn palette\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 */\nfunction GenColors(steps) {\n\tif (!steps) {\n\t\tsteps = 6\n\t}\n\n\tconst red = new Color(182, 70, 157)\n\tconst yellow = new Color(221, 203, 85)\n\tconst blue = new Color(0, 130, 201) // 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\nexport default GenColors\n"],"names":["Color","r","g","b","stepCalc","steps","ends","step","mixPalette","color1","color2","palette","i","GenColors","red","yellow","blue","palette1","palette2","palette3"],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BA,SAASA,EAAMC,GAAGC,GAAGC,GAAG;AACvB,OAAK,IAAIF,GACT,KAAK,IAAIC,GACT,KAAK,IAAIC;AACV;AASA,SAASC,EAASC,GAAOC,GAAM;AAC9B,QAAMC,IAAO,IAAI,MAAM,CAAC;AACxB,SAAAA,EAAK,CAAC,KAAKD,EAAK,CAAC,EAAE,IAAIA,EAAK,CAAC,EAAE,KAAKD,GACpCE,EAAK,CAAC,KAAKD,EAAK,CAAC,EAAE,IAAIA,EAAK,CAAC,EAAE,KAAKD,GACpCE,EAAK,CAAC,KAAKD,EAAK,CAAC,EAAE,IAAIA,EAAK,CAAC,EAAE,KAAKD,GAC7BE;AACR;AAUA,SAASC,EAAWH,GAAOI,GAAQC,GAAQ;AAC1C,QAAMC,IAAU,CAAE;AAClB,EAAAA,EAAQ,KAAKF,CAAM;AACnB,QAAMF,IAAOH,EAASC,GAAO,CAACI,GAAQC,CAAM,CAAC;AAC7C,WAASE,IAAI,GAAGA,IAAIP,GAAOO,KAAK;AAC/B,UAAMX,IAAI,SAASQ,EAAO,IAAIF,EAAK,CAAC,IAAIK,GAAG,EAAE,GACvCV,IAAI,SAASO,EAAO,IAAIF,EAAK,CAAC,IAAIK,GAAG,EAAE,GACvCT,IAAI,SAASM,EAAO,IAAIF,EAAK,CAAC,IAAIK,GAAG,EAAE;AAC7C,IAAAD,EAAQ,KAAK,IAAIX,EAAMC,GAAGC,GAAGC,CAAC,CAAC;AAAA,EAC/B;AACD,SAAOQ;AACR;AAWA,SAASE,EAAUR,GAAO;AACzB,EAAKA,MACJA,IAAQ;AAGT,QAAMS,IAAM,IAAId,EAAM,KAAK,IAAI,GAAG,GAC5Be,IAAS,IAAIf,EAAM,KAAK,KAAK,EAAE,GAC/BgB,IAAO,IAAIhB,EAAM,GAAG,KAAK,GAAG,GAE5BiB,IAAWT,EAAWH,GAAOS,GAAKC,CAAM,GACxCG,IAAWV,EAAWH,GAAOU,GAAQC,CAAI,GACzCG,IAAWX,EAAWH,GAAOW,GAAMF,CAAG;AAE5C,SAAOG,EAAS,OAAOC,CAAQ,EAAE,OAAOC,CAAQ;AACjD;;"}

package/dist/chunks/NcSettingsSelectGroup-ae323579.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NcSettingsSelectGroup-ae323579.mjs","sources":["../../src/components/NcSettingsSelectGroup/NcSettingsSelectGroup.vue"],"sourcesContent":["<!--\n  - @copyright Copyright (c) 2019 Julius Härtl <jus@bitgrid.net>\n  -\n  - @author Julius Härtl <jus@bitgrid.net>\n  - @author Greta Doci <gretadoci@gmail.com>\n  - @author Ferdinand Thiessen <opensource@fthiessen.de>\n  -\n  - @license GNU AGPL version 3 or any later version\n  -\n  - This program is free software: you can redistribute it and/or modify\n  - it under the terms of the GNU Affero General Public License as\n  - published by the Free Software Foundation, either version 3 of the\n  - License, or (at your option) any later version.\n  -\n  - This program is distributed in the hope that it will be useful,\n  - but WITHOUT ANY WARRANTY; without even the implied warranty of\n  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n  - GNU Affero General Public License for more details.\n  -\n  - You should have received a copy of the GNU Affero General Public License\n  - along with this program. If not, see <http://www.gnu.org/licenses/>.\n  -\n  -->\n\n<docs>\n```vue\n<template>\n\t<section>\n\t\t<NcSettingsSelectGroup v-model=\"groups\" placeholder=\"Select user groups\" label=\"The hidden label\" />\n\t\t<NcSettingsSelectGroup v-model=\"otherGroups\" :disabled=\"true\" label=\"Also a fallback for the placeholder\" />\n\t\t<div>You have selected: <code>{{ groups }}</code> and <code>{{ otherGroups }}</code></div>\n\t</section>\n</template>\n<script>\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\tgroups: [],\n\t\t\totherGroups: ['admin']\n\t\t}\n\t}\n}\n</script>\n<style scoped>\nsection * {\n\tpadding: 6px 0px;\n}\n</style>\n```\n</docs>\n\n<template>\n\t<div>\n\t\t<label v-if=\"label\" :for=\"id\" class=\"hidden-visually\">{{ label }}</label>\n\t\t<NcSelect :value=\"inputValue\"\n\t\t\t:options=\"groupsArray\"\n\t\t\t:placeholder=\"placeholder || label\"\n\t\t\t:filter-by=\"filterGroups\"\n\t\t\t:input-id=\"id\"\n\t\t\t:limit=\"5\"\n\t\t\tlabel=\"displayname\"\n\t\t\t:multiple=\"true\"\n\t\t\t:close-on-select=\"false\"\n\t\t\t:disabled=\"disabled\"\n\t\t\t@input=\"update\"\n\t\t\t@search=\"onSearch\" />\n\t\t<div v-show=\"hasError\" class=\"select-group-error\">\n\t\t\t{{ errorMessage }}\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport NcSelect from '../../components/NcSelect/index.js'\nimport { t } from '../../l10n.js'\nimport l10n from '../../mixins/l10n.js'\nimport GenRandomId from '../../utils/GenRandomId.js'\n\nimport axios from '@nextcloud/axios'\nimport { generateOcsUrl } from '@nextcloud/router'\nimport { debounce } from 'debounce'\n\nexport default {\n\tname: 'NcSettingsSelectGroup',\n\tcomponents: {\n\t\tNcSelect,\n\t},\n\tmixins: [l10n],\n\tprops: {\n\t\t/**\n\t\t * The text of the label element of the select group input\n\t\t */\n\t\tlabel: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/**\n\t\t * Placeholder for the input element\n\t\t * For backwards compatibility it falls back to the `label` value\n\t\t */\n\t\tplaceholder: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/**\n\t\t * id attribute of the select group 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\n\t\t/**\n\t\t * value of the select group input\n\t\t * A list of group IDs can be provided\n\t\t */\n\t\tvalue: {\n\t\t\ttype: Array,\n\t\t\tdefault: () => [],\n\t\t},\n\n\t\t/**\n\t\t * disabled state of the settings select group input\n\t\t */\n\t\tdisabled: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t},\n\temits: [\n\t\t'input',\n\t\t'error',\n\t],\n\tdata() {\n\t\treturn {\n\t\t\t/** Temporary store to cache groups */\n\t\t\tgroups: {},\n\t\t\trandId: GenRandomId(),\n\t\t\terrorMessage: '',\n\t\t}\n\t},\n\tcomputed: {\n\t\t/**\n\t\t * If the error message should be shown\n\t\t */\n\t\thasError() {\n\t\t\treturn this.errorMessage !== ''\n\t\t},\n\n\t\t/**\n\t\t * Validate input value and only return valid strings (group IDs)\n\t\t *\n\t\t * @return {string[]}\n\t\t */\n\t\tfilteredValue() {\n\t\t\treturn this.value.filter((group) => group !== '' && typeof group === 'string')\n\t\t},\n\n\t\t/**\n\t\t * value property converted to an array of group objects used as input for the NcSelect\n\t\t */\n\t\tinputValue() {\n\t\t\treturn this.filteredValue.map(\n\t\t\t\t(id) => {\n\t\t\t\t\tif (typeof this.groups[id] === 'undefined') {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\tid,\n\t\t\t\t\t\t\tdisplayname: id,\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\treturn this.groups[id]\n\t\t\t\t},\n\t\t\t)\n\t\t},\n\n\t\t/**\n\t\t * Convert groups object to array of groups required for NcSelect.options\n\t\t * Filter out currently selected values\n\t\t *\n\t\t * @return {object[]}\n\t\t */\n\t\tgroupsArray() {\n\t\t\treturn Object.values(this.groups).filter(g => !this.value.includes(g.id))\n\t\t},\n\t},\n\twatch: {\n\t\t/**\n\t\t * If the value is changed, check that all groups are loaded so we show the correct display name\n\t\t */\n\t\tvalue: {\n\t\t\thandler() {\n\t\t\t\tconst loadedGroupIds = Object.keys(this.groups)\n\t\t\t\tconst missing = this.filteredValue.filter(group => !loadedGroupIds.includes(group))\n\t\t\t\tmissing.forEach((groupId) => {\n\t\t\t\t\tthis.loadGroup(groupId)\n\t\t\t\t})\n\t\t\t},\n\t\t\t// Run the watch handler also when the component is initially mounted\n\t\t\timmediate: true,\n\t\t},\n\t},\n\t/**\n\t * Load groups matching the empty query to reduce API calls\n\t */\n\tasync mounted() {\n\t\t// version scoped to prevent issues with different library versions\n\t\tconst storageName = `${appName}:${appVersion}/initialGroups`\n\n\t\tlet savedGroups = window.sessionStorage.getItem(storageName)\n\t\tif (savedGroups) {\n\t\t\tsavedGroups = Object.fromEntries(JSON.parse(savedGroups).map(group => [group.id, group]))\n\t\t\tthis.groups = { ...this.groups, ...savedGroups }\n\t\t} else {\n\t\t\tawait this.loadGroup('')\n\t\t\twindow.sessionStorage.setItem(storageName, JSON.stringify(Object.values(this.groups)))\n\t\t}\n\t},\n\tmethods: {\n\t\t/**\n\t\t * Called when a new group is selected or previous group is deselected to emit the update event\n\t\t *\n\t\t * @param {object[]} updatedValue Array of selected groups\n\t\t */\n\t\tupdate(updatedValue) {\n\t\t\tconst value = updatedValue.map((element) => element.id)\n\t\t\t/** Emitted when the groups selection changes<br />**Payload:** `value` (`Array`) - *Ids of selected groups */\n\t\t\tthis.$emit('input', value)\n\t\t},\n\n\t\t/**\n\t\t * Use provisioning API to search for given group and save it in the groups object\n\t\t *\n\t\t * @param {string} query The query like parts of the id oder display name\n\t\t * @return {boolean}\n\t\t */\n\t\tasync loadGroup(query) {\n\t\t\ttry {\n\t\t\t\tquery = typeof query === 'string' ? encodeURI(query) : ''\n\t\t\t\tconst response = await axios.get(generateOcsUrl(`cloud/groups/details?search=${query}&limit=10`, 2))\n\n\t\t\t\t// No network error, so reset any error after 5 seconds\n\t\t\t\tif (this.errorMessage !== '') {\n\t\t\t\t\twindow.setTimeout(() => {\n\t\t\t\t\t\tthis.errorMessage = ''\n\t\t\t\t\t}, 5000)\n\t\t\t\t}\n\n\t\t\t\tif (Object.keys(response.data.ocs.data.groups).length > 0) {\n\t\t\t\t\tconst newGroups = Object.fromEntries(response.data.ocs.data.groups.map((element) => [element.id, element]))\n\t\t\t\t\tthis.groups = { ...this.groups, ...newGroups }\n\t\t\t\t\treturn true\n\t\t\t\t}\n\t\t\t} catch (error) {\n\t\t\t\t/** Emitted if groups could not be queried.<br />**Payload:** `error` (`object`) - The Axios error */\n\t\t\t\tthis.$emit('error', error)\n\t\t\t\tthis.errorMessage = t('Unable to search the group')\n\t\t\t}\n\t\t\treturn false\n\t\t},\n\n\t\t/**\n\t\t * Custom filter function for `NcSelect` to filter by ID *and* display name\n\t\t *\n\t\t * @param {object} option One of the groups\n\t\t * @param {string} label The label property of the group\n\t\t * @param {string} search The current search string\n\t\t */\n\t\tfilterGroups(option, label, search) {\n\t\t\treturn `${label || ''} ${option.id}`.toLocaleLowerCase().indexOf(search.toLocaleLowerCase()) > -1\n\t\t},\n\n\t\t/**\n\t\t * Debounce the group search (reduce API calls)\n\t\t */\n\t\tonSearch: debounce(function(query) {\n\t\t\tthis.loadGroup(query)\n\t\t}, 200),\n\t},\n}\n</script>\n\n<style scoped lang=\"scss\">\n.select-group-error {\n\tcolor: var(--color-error);\n\tfont-size: 13px;\n\tpadding-inline-start: var(--border-radius-large);\n}\n</style>\n"],"names":["_sfc_main","NcSelect","l10n","GenRandomId","id","group","g","loadedGroupIds","groupId","storageName","savedGroups","updatedValue","value","element","query","response","axios","generateOcsUrl","newGroups","error","t","option","label","search","debounce"],"mappings":";;;;;;;;;AAkFA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,IACA,UAAAC;AAAA,EACA;AAAA,EACA,QAAA,CAAAC,CAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,aAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,MAAA,YAAAC,EAAA;AAAA,MACA,WAAA,CAAAC,MAAAA,EAAA,KAAA,MAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,MAAA,CAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,OAAA;AAAA,IACA;AAAA,IACA;AAAA,EACA;AAAA,EACA,OAAA;AACA,WAAA;AAAA;AAAA,MAEA,QAAA,CAAA;AAAA,MACA,QAAAD,EAAA;AAAA,MACA,cAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,UAAA;AAAA;AAAA;AAAA;AAAA,IAIA,WAAA;AACA,aAAA,KAAA,iBAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,gBAAA;AACA,aAAA,KAAA,MAAA,OAAA,CAAAE,MAAAA,MAAA,MAAA,OAAAA,KAAA,QAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,aAAA;AACA,aAAA,KAAA,cAAA;AAAA,QACA,CAAAD,MACA,OAAA,KAAA,OAAAA,CAAA,IAAA,MACA;AAAA,UACA,IAAAA;AAAA,UACA,aAAAA;AAAA,QACA,IAEA,KAAA,OAAAA,CAAA;AAAA,MAEA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA,cAAA;AACA,aAAA,OAAA,OAAA,KAAA,MAAA,EAAA,OAAA,CAAAE,MAAA,CAAA,KAAA,MAAA,SAAAA,EAAA,EAAA,CAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,OAAA;AAAA,MACA,UAAA;AACA,cAAAC,IAAA,OAAA,KAAA,KAAA,MAAA;AAEA,QADA,KAAA,cAAA,OAAA,CAAAF,MAAA,CAAAE,EAAA,SAAAF,CAAA,CAAA,EACA,QAAA,CAAAG,MAAA;AACA,eAAA,UAAAA,CAAA;AAAA,QACA,CAAA;AAAA,MACA;AAAA;AAAA,MAEA,WAAA;AAAA,IACA;AAAA,EACA;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,UAAA;AAEA,UAAAC,IAAA,GAAA,OAAA,IAAA,UAAA;AAEA,QAAAC,IAAA,OAAA,eAAA,QAAAD,CAAA;AACA,IAAAC,KACAA,IAAA,OAAA,YAAA,KAAA,MAAAA,CAAA,EAAA,IAAA,CAAAL,MAAA,CAAAA,EAAA,IAAAA,CAAA,CAAA,CAAA,GACA,KAAA,SAAA,EAAA,GAAA,KAAA,QAAA,GAAAK,EAAA,MAEA,MAAA,KAAA,UAAA,EAAA,GACA,OAAA,eAAA,QAAAD,GAAA,KAAA,UAAA,OAAA,OAAA,KAAA,MAAA,CAAA,CAAA;AAAA,EAEA;AAAA,EACA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,OAAAE,GAAA;AACA,YAAAC,IAAAD,EAAA,IAAA,CAAAE,MAAAA,EAAA,EAAA;AAEA,WAAA,MAAA,SAAAD,CAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA,MAAA,UAAAE,GAAA;AACA,UAAA;AACA,QAAAA,IAAA,OAAAA,KAAA,WAAA,UAAAA,CAAA,IAAA;AACA,cAAAC,IAAA,MAAAC,EAAA,IAAAC,EAAA,+BAAAH,CAAA,aAAA,CAAA,CAAA;AASA,YANA,KAAA,iBAAA,MACA,OAAA,WAAA,MAAA;AACA,eAAA,eAAA;AAAA,QACA,GAAA,GAAA,GAGA,OAAA,KAAAC,EAAA,KAAA,IAAA,KAAA,MAAA,EAAA,SAAA,GAAA;AACA,gBAAAG,IAAA,OAAA,YAAAH,EAAA,KAAA,IAAA,KAAA,OAAA,IAAA,CAAAF,MAAA,CAAAA,EAAA,IAAAA,CAAA,CAAA,CAAA;AACA,sBAAA,SAAA,EAAA,GAAA,KAAA,QAAA,GAAAK,EAAA,GACA;AAAA,QACA;AAAA,MACA,SAAAC,GAAA;AAEA,aAAA,MAAA,SAAAA,CAAA,GACA,KAAA,eAAAC,EAAA,4BAAA;AAAA,MACA;AACA,aAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASA,aAAAC,GAAAC,GAAAC,GAAA;AACA,aAAA,GAAAD,KAAA,EAAA,IAAAD,EAAA,EAAA,GAAA,kBAAA,EAAA,QAAAE,EAAA,kBAAA,CAAA,IAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,UAAAC,EAAA,SAAAV,GAAA;AACA,WAAA,UAAAA,CAAA;AAAA,IACA,GAAA,GAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;"}

package/dist/chunks/NcSettingsSelectGroup-e8f9f9fe.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NcSettingsSelectGroup-e8f9f9fe.cjs","sources":["../../src/components/NcSettingsSelectGroup/NcSettingsSelectGroup.vue"],"sourcesContent":["<!--\n  - @copyright Copyright (c) 2019 Julius Härtl <jus@bitgrid.net>\n  -\n  - @author Julius Härtl <jus@bitgrid.net>\n  - @author Greta Doci <gretadoci@gmail.com>\n  - @author Ferdinand Thiessen <opensource@fthiessen.de>\n  -\n  - @license GNU AGPL version 3 or any later version\n  -\n  - This program is free software: you can redistribute it and/or modify\n  - it under the terms of the GNU Affero General Public License as\n  - published by the Free Software Foundation, either version 3 of the\n  - License, or (at your option) any later version.\n  -\n  - This program is distributed in the hope that it will be useful,\n  - but WITHOUT ANY WARRANTY; without even the implied warranty of\n  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n  - GNU Affero General Public License for more details.\n  -\n  - You should have received a copy of the GNU Affero General Public License\n  - along with this program. If not, see <http://www.gnu.org/licenses/>.\n  -\n  -->\n\n<docs>\n```vue\n<template>\n\t<section>\n\t\t<NcSettingsSelectGroup v-model=\"groups\" placeholder=\"Select user groups\" label=\"The hidden label\" />\n\t\t<NcSettingsSelectGroup v-model=\"otherGroups\" :disabled=\"true\" label=\"Also a fallback for the placeholder\" />\n\t\t<div>You have selected: <code>{{ groups }}</code> and <code>{{ otherGroups }}</code></div>\n\t</section>\n</template>\n<script>\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\tgroups: [],\n\t\t\totherGroups: ['admin']\n\t\t}\n\t}\n}\n</script>\n<style scoped>\nsection * {\n\tpadding: 6px 0px;\n}\n</style>\n```\n</docs>\n\n<template>\n\t<div>\n\t\t<label v-if=\"label\" :for=\"id\" class=\"hidden-visually\">{{ label }}</label>\n\t\t<NcSelect :value=\"inputValue\"\n\t\t\t:options=\"groupsArray\"\n\t\t\t:placeholder=\"placeholder || label\"\n\t\t\t:filter-by=\"filterGroups\"\n\t\t\t:input-id=\"id\"\n\t\t\t:limit=\"5\"\n\t\t\tlabel=\"displayname\"\n\t\t\t:multiple=\"true\"\n\t\t\t:close-on-select=\"false\"\n\t\t\t:disabled=\"disabled\"\n\t\t\t@input=\"update\"\n\t\t\t@search=\"onSearch\" />\n\t\t<div v-show=\"hasError\" class=\"select-group-error\">\n\t\t\t{{ errorMessage }}\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport NcSelect from '../../components/NcSelect/index.js'\nimport { t } from '../../l10n.js'\nimport l10n from '../../mixins/l10n.js'\nimport GenRandomId from '../../utils/GenRandomId.js'\n\nimport axios from '@nextcloud/axios'\nimport { generateOcsUrl } from '@nextcloud/router'\nimport { debounce } from 'debounce'\n\nexport default {\n\tname: 'NcSettingsSelectGroup',\n\tcomponents: {\n\t\tNcSelect,\n\t},\n\tmixins: [l10n],\n\tprops: {\n\t\t/**\n\t\t * The text of the label element of the select group input\n\t\t */\n\t\tlabel: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/**\n\t\t * Placeholder for the input element\n\t\t * For backwards compatibility it falls back to the `label` value\n\t\t */\n\t\tplaceholder: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/**\n\t\t * id attribute of the select group 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\n\t\t/**\n\t\t * value of the select group input\n\t\t * A list of group IDs can be provided\n\t\t */\n\t\tvalue: {\n\t\t\ttype: Array,\n\t\t\tdefault: () => [],\n\t\t},\n\n\t\t/**\n\t\t * disabled state of the settings select group input\n\t\t */\n\t\tdisabled: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t},\n\temits: [\n\t\t'input',\n\t\t'error',\n\t],\n\tdata() {\n\t\treturn {\n\t\t\t/** Temporary store to cache groups */\n\t\t\tgroups: {},\n\t\t\trandId: GenRandomId(),\n\t\t\terrorMessage: '',\n\t\t}\n\t},\n\tcomputed: {\n\t\t/**\n\t\t * If the error message should be shown\n\t\t */\n\t\thasError() {\n\t\t\treturn this.errorMessage !== ''\n\t\t},\n\n\t\t/**\n\t\t * Validate input value and only return valid strings (group IDs)\n\t\t *\n\t\t * @return {string[]}\n\t\t */\n\t\tfilteredValue() {\n\t\t\treturn this.value.filter((group) => group !== '' && typeof group === 'string')\n\t\t},\n\n\t\t/**\n\t\t * value property converted to an array of group objects used as input for the NcSelect\n\t\t */\n\t\tinputValue() {\n\t\t\treturn this.filteredValue.map(\n\t\t\t\t(id) => {\n\t\t\t\t\tif (typeof this.groups[id] === 'undefined') {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\tid,\n\t\t\t\t\t\t\tdisplayname: id,\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\treturn this.groups[id]\n\t\t\t\t},\n\t\t\t)\n\t\t},\n\n\t\t/**\n\t\t * Convert groups object to array of groups required for NcSelect.options\n\t\t * Filter out currently selected values\n\t\t *\n\t\t * @return {object[]}\n\t\t */\n\t\tgroupsArray() {\n\t\t\treturn Object.values(this.groups).filter(g => !this.value.includes(g.id))\n\t\t},\n\t},\n\twatch: {\n\t\t/**\n\t\t * If the value is changed, check that all groups are loaded so we show the correct display name\n\t\t */\n\t\tvalue: {\n\t\t\thandler() {\n\t\t\t\tconst loadedGroupIds = Object.keys(this.groups)\n\t\t\t\tconst missing = this.filteredValue.filter(group => !loadedGroupIds.includes(group))\n\t\t\t\tmissing.forEach((groupId) => {\n\t\t\t\t\tthis.loadGroup(groupId)\n\t\t\t\t})\n\t\t\t},\n\t\t\t// Run the watch handler also when the component is initially mounted\n\t\t\timmediate: true,\n\t\t},\n\t},\n\t/**\n\t * Load groups matching the empty query to reduce API calls\n\t */\n\tasync mounted() {\n\t\t// version scoped to prevent issues with different library versions\n\t\tconst storageName = `${appName}:${appVersion}/initialGroups`\n\n\t\tlet savedGroups = window.sessionStorage.getItem(storageName)\n\t\tif (savedGroups) {\n\t\t\tsavedGroups = Object.fromEntries(JSON.parse(savedGroups).map(group => [group.id, group]))\n\t\t\tthis.groups = { ...this.groups, ...savedGroups }\n\t\t} else {\n\t\t\tawait this.loadGroup('')\n\t\t\twindow.sessionStorage.setItem(storageName, JSON.stringify(Object.values(this.groups)))\n\t\t}\n\t},\n\tmethods: {\n\t\t/**\n\t\t * Called when a new group is selected or previous group is deselected to emit the update event\n\t\t *\n\t\t * @param {object[]} updatedValue Array of selected groups\n\t\t */\n\t\tupdate(updatedValue) {\n\t\t\tconst value = updatedValue.map((element) => element.id)\n\t\t\t/** Emitted when the groups selection changes<br />**Payload:** `value` (`Array`) - *Ids of selected groups */\n\t\t\tthis.$emit('input', value)\n\t\t},\n\n\t\t/**\n\t\t * Use provisioning API to search for given group and save it in the groups object\n\t\t *\n\t\t * @param {string} query The query like parts of the id oder display name\n\t\t * @return {boolean}\n\t\t */\n\t\tasync loadGroup(query) {\n\t\t\ttry {\n\t\t\t\tquery = typeof query === 'string' ? encodeURI(query) : ''\n\t\t\t\tconst response = await axios.get(generateOcsUrl(`cloud/groups/details?search=${query}&limit=10`, 2))\n\n\t\t\t\t// No network error, so reset any error after 5 seconds\n\t\t\t\tif (this.errorMessage !== '') {\n\t\t\t\t\twindow.setTimeout(() => {\n\t\t\t\t\t\tthis.errorMessage = ''\n\t\t\t\t\t}, 5000)\n\t\t\t\t}\n\n\t\t\t\tif (Object.keys(response.data.ocs.data.groups).length > 0) {\n\t\t\t\t\tconst newGroups = Object.fromEntries(response.data.ocs.data.groups.map((element) => [element.id, element]))\n\t\t\t\t\tthis.groups = { ...this.groups, ...newGroups }\n\t\t\t\t\treturn true\n\t\t\t\t}\n\t\t\t} catch (error) {\n\t\t\t\t/** Emitted if groups could not be queried.<br />**Payload:** `error` (`object`) - The Axios error */\n\t\t\t\tthis.$emit('error', error)\n\t\t\t\tthis.errorMessage = t('Unable to search the group')\n\t\t\t}\n\t\t\treturn false\n\t\t},\n\n\t\t/**\n\t\t * Custom filter function for `NcSelect` to filter by ID *and* display name\n\t\t *\n\t\t * @param {object} option One of the groups\n\t\t * @param {string} label The label property of the group\n\t\t * @param {string} search The current search string\n\t\t */\n\t\tfilterGroups(option, label, search) {\n\t\t\treturn `${label || ''} ${option.id}`.toLocaleLowerCase().indexOf(search.toLocaleLowerCase()) > -1\n\t\t},\n\n\t\t/**\n\t\t * Debounce the group search (reduce API calls)\n\t\t */\n\t\tonSearch: debounce(function(query) {\n\t\t\tthis.loadGroup(query)\n\t\t}, 200),\n\t},\n}\n</script>\n\n<style scoped lang=\"scss\">\n.select-group-error {\n\tcolor: var(--color-error);\n\tfont-size: 13px;\n\tpadding-inline-start: var(--border-radius-large);\n}\n</style>\n"],"names":["_sfc_main","Components_NcSelect","l10n","GenRandomId","id","group","g","loadedGroupIds","groupId","storageName","savedGroups","updatedValue","value","element","query","response","axios__default","router","newGroups","error","l10n$1","option","label","search","debounce"],"mappings":"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"}