@nextcloud/vue 8.0.0-beta.8 → 8.0.0-beta.9

package/dist/index.mjs

@@ -25,10 +25,10 @@ import I from "./Components/NcAppSettingsDialog.mjs";
 import y from "./Components/NcAppSettingsSection.mjs";
 import P from "./Components/NcAppSidebar.mjs";
 import B from "./Components/NcAppSidebarTab.mjs";
-import { N as j } from "./chunks/index-6c221fa0.mjs";
-import { u as or } from "./chunks/index-6c221fa0.mjs";
-import R from "./Components/NcBreadcrumb.mjs";
-import D from "./Components/NcBreadcrumbs.mjs";
+import { N as D } from "./chunks/index-fb2ee22c.mjs";
+import { u as pt } from "./chunks/index-fb2ee22c.mjs";
+import j 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";
@@ -39,54 +39,57 @@ import F 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/NcEmojiPicker.mjs";
-import V from "./Components/NcEmptyContent.mjs";
-import U from "./Components/NcGuestContent.mjs";
-import $ from "./Components/NcHeaderMenu.mjs";
-import { N as q } from "./chunks/index-20a9ace9.mjs";
-import J from "./Components/NcIconSvgWrapper.mjs";
-import K from "./Components/NcListItem.mjs";
-import Q from "./Components/NcListItemIcon.mjs";
-import X from "./Components/NcLoadingIcon.mjs";
-import Y from "./Components/NcModal.mjs";
-import Z from "./Components/NcNoteCard.mjs";
-import oo from "./Components/NcPasswordField.mjs";
-import to from "./Components/NcPopover.mjs";
-import ro from "./Components/NcProgressBar.mjs";
-import io from "./Components/NcRelatedResourcesPanel.mjs";
-import { N as mo } from "./chunks/index-5f2a5f57.mjs";
-import { r as rr } from "./chunks/index-5f2a5f57.mjs";
-import eo, { NcAutoCompleteResult as po } from "./Components/NcRichContenteditable.mjs";
-import { N as co } from "./chunks/NcRichText-1c3d2654.mjs";
-import "./chunks/referencePickerModal-0fde503d.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 Q from "./Components/NcIconSvgWrapper.mjs";
+import X from "./Components/NcListItem.mjs";
+import Y from "./Components/NcListItemIcon.mjs";
+import Z from "./Components/NcLoadingIcon.mjs";
+import oo from "./Components/NcModal.mjs";
+import ro from "./Components/NcNoteCard.mjs";
+import to from "./Components/NcPasswordField.mjs";
+import io from "./Components/NcPopover.mjs";
+import mo from "./Components/NcProgressBar.mjs";
+import eo from "./Components/NcRelatedResourcesPanel.mjs";
+import { N as po } from "./chunks/index-5f2a5f57.mjs";
+import { r as ft } from "./chunks/index-5f2a5f57.mjs";
+import co, { NcAutoCompleteResult as fo } from "./Components/NcRichContenteditable.mjs";
+import { N as no } from "./chunks/NcRichText-8fda53c8.mjs";
+import "./chunks/referencePickerModal-443a4c57.mjs";
 import "@nextcloud/axios";
 import "@nextcloud/router";
-import fo from "./Components/NcSelect.mjs";
-import "./chunks/l10n-27a75c40.mjs";
+import No from "./Components/NcSelect.mjs";
+import "./chunks/l10n-05a09c66.mjs";
 import "vue-material-design-icons/LinkVariant.vue";
-import no from "./Components/NcTextField.mjs";
+import ao from "./Components/NcTextField.mjs";
 import "vue-material-design-icons/DotsHorizontal.vue";
 import "@nextcloud/event-bus";
 import "vue-material-design-icons/ArrowLeft.vue";
 import "vue-material-design-icons/Close.vue";
 import "vue";
-import No from "./Components/NcSavingIndicatorIcon.mjs";
-import ao from "./Components/NcSelectTags.mjs";
-import so from "./Components/NcSettingsInputText.mjs";
-import lo from "./Components/NcSettingsSection.mjs";
-import { N as uo } from "./chunks/NcSettingsSelectGroup-0f4a0f94.mjs";
-import Ao from "./Components/NcTimezonePicker.mjs";
-import go from "./Components/NcUserBubble.mjs";
-import { emojiAddRecent as mr, emojiSearch as er } from "./Functions/emoji.mjs";
-import { default as cr } from "./Functions/usernameToColor.mjs";
-import { directive as bo } from "./Directives/Focus.mjs";
-import { directive as So } from "./Directives/Linkify.mjs";
+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-fdd3309c.mjs";
+import bo from "./Components/NcTimezonePicker.mjs";
+import So from "./Components/NcUserBubble.mjs";
+import vo from "./Components/NcTextArea.mjs";
+import { emojiAddRecent as Nt, emojiSearch as at } from "./Functions/emoji.mjs";
+import { default as lt } from "./Functions/usernameToColor.mjs";
+import { directive as To } from "./Directives/Focus.mjs";
+import { directive as xo } from "./Directives/Linkify.mjs";
 import "./Directives/Tooltip.mjs";
-import { default as nr } from "./Mixins/clickOutsideOptions.mjs";
-import { default as ar } from "./Mixins/isFullscreen.mjs";
-import { default as lr } from "./Mixins/isMobile.mjs";
-import { VTooltip as vo } from "floating-vue";
-import { VTooltip as dr } from "floating-vue";
+import { default as dt } from "./Mixins/clickOutsideOptions.mjs";
+import { default as gt } from "./Mixins/isFullscreen.mjs";
+import { default as St } from "./Mixins/isMobile.mjs";
+import { VTooltip as Co } from "floating-vue";
+import { VTooltip as Tt } from "floating-vue";
 /**
  * @copyright Copyright (c) 2018 John Molakvoæ <skjnldsv@protonmail.com>
  *
@@ -108,7 +111,7 @@ import { VTooltip as dr } from "floating-vue";
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
-const To = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ko = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   NcActionButton: i,
   NcActionButtonGroup: m,
@@ -137,10 +140,10 @@ const To = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   NcAppSettingsSection: y,
   NcAppSidebar: P,
   NcAppSidebarTab: B,
-  NcAutoCompleteResult: po,
-  NcAvatar: j,
-  NcBreadcrumb: R,
-  NcBreadcrumbs: D,
+  NcAutoCompleteResult: fo,
+  NcAvatar: D,
+  NcBreadcrumb: j,
+  NcBreadcrumbs: R,
   NcButton: O,
   NcCheckboxRadioSwitch: _,
   NcColorPicker: E,
@@ -151,33 +154,36 @@ const To = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   NcDateTime: z,
   NcDateTimePicker: G,
   NcDateTimePickerNative: W,
-  NcEmojiPicker: H,
-  NcEmptyContent: V,
-  NcGuestContent: U,
-  NcHeaderMenu: $,
-  NcHighlight: q,
-  NcIconSvgWrapper: J,
-  NcListItem: K,
-  NcListItemIcon: Q,
-  NcLoadingIcon: X,
-  NcMentionBubble: mo,
-  NcModal: Y,
-  NcNoteCard: Z,
-  NcPasswordField: oo,
-  NcPopover: to,
-  NcProgressBar: ro,
-  NcRelatedResourcesPanel: io,
-  NcRichContenteditable: eo,
-  NcRichText: co,
-  NcSavingIndicatorIcon: No,
-  NcSelect: fo,
-  NcSelectTags: ao,
-  NcSettingsInputText: so,
-  NcSettingsSection: lo,
-  NcSettingsSelectGroup: uo,
-  NcTextField: no,
-  NcTimezonePicker: Ao,
-  NcUserBubble: go
+  NcDialog: H,
+  NcDialogButton: V,
+  NcEmojiPicker: U,
+  NcEmptyContent: $,
+  NcGuestContent: q,
+  NcHeaderMenu: J,
+  NcHighlight: K,
+  NcIconSvgWrapper: Q,
+  NcListItem: X,
+  NcListItemIcon: Y,
+  NcLoadingIcon: Z,
+  NcMentionBubble: po,
+  NcModal: oo,
+  NcNoteCard: ro,
+  NcPasswordField: to,
+  NcPopover: io,
+  NcProgressBar: mo,
+  NcRelatedResourcesPanel: eo,
+  NcRichContenteditable: co,
+  NcRichText: no,
+  NcSavingIndicatorIcon: so,
+  NcSelect: No,
+  NcSelectTags: lo,
+  NcSettingsInputText: uo,
+  NcSettingsSection: Ao,
+  NcSettingsSelectGroup: go,
+  NcTextArea: vo,
+  NcTextField: ao,
+  NcTimezonePicker: bo,
+  NcUserBubble: So
 }, Symbol.toStringTag, { value: "Module" }));
 /**
  * @copyright 2022 Christopher Ng <chrng8@gmail.com>
@@ -200,7 +206,7 @@ const To = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
-const Qt = (o) => o.type === "click" || o.type === "keydown" && o.key === "Enter";
+const tt = (o) => o.type === "click" || o.type === "keydown" && o.key === "Enter";
 /**
  * @copyright Copyright (c) 2018 John Molakvoæ <skjnldsv@protonmail.com>
  *
@@ -222,23 +228,23 @@ const Qt = (o) => o.type === "click" || o.type === "keydown" && o.key === "Enter
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
-const xo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ho = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Focus: bo,
-  Linkify: So,
-  Tooltip: vo
-}, Symbol.toStringTag, { value: "Module" })), Xt = {
+  Focus: To,
+  Linkify: xo,
+  Tooltip: Co
+}, Symbol.toStringTag, { value: "Module" })), it = {
   install(o) {
-    Object.entries(To).forEach(([r, t]) => {
-      o.component(t.name || r, t);
-    }), Object.entries(xo).forEach(([r, t]) => {
-      o.directive(r, t);
+    Object.entries(ko).forEach(([t, r]) => {
+      o.component(r.name || t, r);
+    }), Object.entries(ho).forEach(([t, r]) => {
+      o.directive(t, r);
     });
   }
 };
 export {
-  bo as Focus,
-  So as Linkify,
+  To as Focus,
+  xo as Linkify,
   i as NcActionButton,
   m as NcActionButtonGroup,
   e as NcActionCaption,
@@ -266,10 +272,10 @@ export {
   y as NcAppSettingsSection,
   P as NcAppSidebar,
   B as NcAppSidebarTab,
-  po as NcAutoCompleteResult,
-  j as NcAvatar,
-  R as NcBreadcrumb,
-  D as NcBreadcrumbs,
+  fo as NcAutoCompleteResult,
+  D as NcAvatar,
+  j as NcBreadcrumb,
+  R as NcBreadcrumbs,
   O as NcButton,
   _ as NcCheckboxRadioSwitch,
   E as NcColorPicker,
@@ -280,42 +286,45 @@ export {
   z as NcDateTime,
   G as NcDateTimePicker,
   W as NcDateTimePickerNative,
-  H as NcEmojiPicker,
-  V as NcEmptyContent,
-  U as NcGuestContent,
-  $ as NcHeaderMenu,
-  q as NcHighlight,
-  J as NcIconSvgWrapper,
-  K as NcListItem,
-  Q as NcListItemIcon,
-  X as NcLoadingIcon,
-  mo as NcMentionBubble,
-  Y as NcModal,
-  Z as NcNoteCard,
-  oo as NcPasswordField,
-  to as NcPopover,
-  ro as NcProgressBar,
-  io as NcRelatedResourcesPanel,
-  eo as NcRichContenteditable,
-  co as NcRichText,
-  No as NcSavingIndicatorIcon,
-  fo as NcSelect,
-  ao as NcSelectTags,
-  so as NcSettingsInputText,
-  lo as NcSettingsSection,
-  uo as NcSettingsSelectGroup,
-  no as NcTextField,
-  Ao as NcTimezonePicker,
-  go as NcUserBubble,
-  Xt as NextcloudVuePlugin,
-  dr as Tooltip,
-  nr as clickOutsideOptions,
-  mr as emojiAddRecent,
-  er as emojiSearch,
-  Qt as isA11yActivation,
-  ar as isFullscreen,
-  lr as isMobile,
-  rr as richEditor,
-  or as userStatus,
-  cr as usernameToColor
+  H as NcDialog,
+  V as NcDialogButton,
+  U as NcEmojiPicker,
+  $ as NcEmptyContent,
+  q as NcGuestContent,
+  J as NcHeaderMenu,
+  K as NcHighlight,
+  Q as NcIconSvgWrapper,
+  X as NcListItem,
+  Y as NcListItemIcon,
+  Z as NcLoadingIcon,
+  po as NcMentionBubble,
+  oo as NcModal,
+  ro as NcNoteCard,
+  to as NcPasswordField,
+  io as NcPopover,
+  mo as NcProgressBar,
+  eo as NcRelatedResourcesPanel,
+  co as NcRichContenteditable,
+  no as NcRichText,
+  so as NcSavingIndicatorIcon,
+  No as NcSelect,
+  lo as NcSelectTags,
+  uo as NcSettingsInputText,
+  Ao as NcSettingsSection,
+  go as NcSettingsSelectGroup,
+  vo as NcTextArea,
+  ao as NcTextField,
+  bo as NcTimezonePicker,
+  So as NcUserBubble,
+  it as NextcloudVuePlugin,
+  Tt as Tooltip,
+  dt as clickOutsideOptions,
+  Nt as emojiAddRecent,
+  at as emojiSearch,
+  tt as isA11yActivation,
+  gt as isFullscreen,
+  St as isMobile,
+  ft as richEditor,
+  pt as userStatus,
+  lt 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'\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'\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.0-beta.8",
+  "version": "8.0.0-beta.9",
   "description": "Nextcloud vue components",
   "keywords": [
     "vuejs",
@@ -28,7 +28,7 @@
     "styleguide:build": "vue-styleguidist build",
     "cypress": "TZ=UTC cypress run --component",
     "cypress:gui": "TZ=UTC cypress open --component",
-    "cypress:update-snapshots": "TZ=UTC cypress run --component --spec \"cypress/visual/**/*.cy.js\" --env type=base --config screenshotsFolder=cypress/snapshots/base"
+    "cypress:update-snapshots": "TZ=UTC cypress run --component --spec \"cypress/visual/**/*.cy.{t,j}s\" --env type=base --config screenshotsFolder=cypress/snapshots/base"
   },
   "main": "dist/index.cjs",
   "exports": {
@@ -63,7 +63,7 @@
     "@floating-ui/dom": "^1.1.0",
     "@nextcloud/auth": "^2.0.0",
     "@nextcloud/axios": "^2.0.0",
-    "@nextcloud/browser-storage": "^0.2.0",
+    "@nextcloud/browser-storage": "^0.3.0",
     "@nextcloud/calendar-js": "^6.0.0",
     "@nextcloud/capabilities": "^1.0.4",
     "@nextcloud/event-bus": "^3.0.0",
@@ -111,6 +111,7 @@
     "@babel/preset-typescript": "^7.22.5",
     "@cypress/vue2": "^2.0.1",
     "@fontsource/roboto": "^5.0.0",
+    "@mdi/js": "^7.3.67",
     "@mdi/svg": "^7.0.96",
     "@nextcloud/babel-config": "^1.0.0",
     "@nextcloud/browserslist-config": "^3.0.0",
@@ -118,6 +119,7 @@
     "@nextcloud/stylelint-config": "^2.3.1",
     "@nextcloud/vite-config": "^1.0.1",
     "@nextcloud/webpack-vue-config": "github:nextcloud/webpack-vue-config#master",
+    "@types/jest": "^29.5.5",
     "@vue/test-utils": "^1.3.0",
     "@vue/tsconfig": "^0.4.0",
     "@vue/vue2-jest": "^29.0.0",
@@ -141,6 +143,7 @@
     "url-loader": "^4.1.1",
     "vite": "^4.3.9",
     "vue-eslint-parser": "^9.0.3",
+    "vue-router": "^3.6.5",
     "vue-styleguidist": "~4.72.0",
     "vue-template-compiler": "^2.7.14",
     "webpack": "^5.88.1",

package/dist/assets/index-7768d5e5.css

@@ -1,148 +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-425183ac] {
-  display: flex;
-  align-self: center;
-  justify-self: center;
-  align-items: center;
-  justify-content: center;
-}
-.list-item__wrapper[data-v-425183ac] {
-  position: relative;
-  width: 100%;
-}
-.list-item__wrapper--active .list-item[data-v-425183ac],
-.list-item__wrapper:active .list-item[data-v-425183ac],
-.list-item__wrapper.active .list-item[data-v-425183ac] {
-  background-color: var(--color-primary-element);
-}
-.list-item__wrapper--active .line-one__name[data-v-425183ac],
-.list-item__wrapper--active .line-one__details[data-v-425183ac],
-.list-item__wrapper:active .line-one__name[data-v-425183ac],
-.list-item__wrapper:active .line-one__details[data-v-425183ac],
-.list-item__wrapper.active .line-one__name[data-v-425183ac],
-.list-item__wrapper.active .line-one__details[data-v-425183ac],
-.list-item__wrapper--active .line-two__subname[data-v-425183ac],
-.list-item__wrapper:active .line-two__subname[data-v-425183ac],
-.list-item__wrapper.active .line-two__subname[data-v-425183ac] {
-  color: var(--color-primary-element-text) !important;
-}
-.list-item[data-v-425183ac] {
-  display: block;
-  position: relative;
-  flex: 0 0 auto;
-  justify-content: flex-start;
-  padding: 8px;
-  border-radius: 32px;
-  margin: 2px 0;
-  width: 100%;
-  cursor: pointer;
-  transition: background-color var(--animation-quick) ease-in-out;
-  list-style: none;
-}
-.list-item[data-v-425183ac]:hover,
-.list-item[data-v-425183ac]:focus {
-  background-color: var(--color-background-hover);
-}
-.list-item-content__wrapper[data-v-425183ac] {
-  display: flex;
-  align-items: center;
-  height: 48px;
-}
-.list-item-content__wrapper--compact[data-v-425183ac] {
-  height: 36px;
-}
-.list-item-content__wrapper--compact .line-one[data-v-425183ac],
-.list-item-content__wrapper--compact .line-two[data-v-425183ac] {
-  margin-top: -4px;
-  margin-bottom: -4px;
-}
-.list-item-content[data-v-425183ac] {
-  display: flex;
-  flex: 1 1 auto;
-  justify-content: space-between;
-  padding-left: 8px;
-}
-.list-item-content__main[data-v-425183ac] {
-  flex: 1 1 auto;
-  width: 0;
-  margin: auto 0;
-}
-.list-item-content__main--oneline[data-v-425183ac] {
-  display: flex;
-}
-.list-item-content__actions[data-v-425183ac] {
-  flex: 0 0 auto;
-  align-self: center;
-  justify-content: center;
-  margin-left: 4px;
-}
-.list-item__extra[data-v-425183ac] {
-  margin-top: 4px;
-}
-.line-one[data-v-425183ac] {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  white-space: nowrap;
-  margin: 0 auto 0 0;
-  overflow: hidden;
-}
-.line-one__name[data-v-425183ac] {
-  overflow: hidden;
-  flex-grow: 1;
-  cursor: pointer;
-  text-overflow: ellipsis;
-  color: var(--color-main-text);
-  font-weight: 700;
-}
-.line-one__details[data-v-425183ac] {
-  color: var(--color-text-maxcontrast);
-  margin: 0 8px;
-  font-weight: 400;
-}
-.line-two[data-v-425183ac] {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  white-space: nowrap;
-}
-.line-two--bold[data-v-425183ac] {
-  font-weight: 700;
-}
-.line-two__subname[data-v-425183ac] {
-  overflow: hidden;
-  flex-grow: 1;
-  cursor: pointer;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  color: var(--color-text-maxcontrast);
-}
-.line-two__additional_elements[data-v-425183ac] {
-  margin: 2px 4px 0;
-  display: flex;
-  align-items: center;
-}
-.line-two__indicator[data-v-425183ac] {
-  margin: 0 5px;
-}

package/dist/chunks/NcInputConfirmCancel-0c4bee9a.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NcInputConfirmCancel-0c4bee9a.cjs","sources":["../../src/components/NcAppNavigationItem/NcInputConfirmCancel.vue"],"sourcesContent":["<!--\n - @copyright Copyright (c) 2020 Jonathan Treffler <mail@jonathan-treffler.de>\n -\n - @author Jonathan Treffler <mail@jonathan-treffler.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# Usage\n\n```\n<NcInputConfirmCancel @confirm=\"alert('confirm')\" @cancel=\"alert('cancel')\" />\n```\n</docs>\n<template>\n\t<div class=\"app-navigation-input-confirm\">\n\t\t<form @submit.prevent=\"confirm\"\n\t\t\t@keydown.esc.exact.stop.prevent=\"cancel\"\n\t\t\t@click.stop.prevent>\n\t\t\t<input ref=\"input\"\n\t\t\t\tv-model=\"valueModel\"\n\t\t\t\ttype=\"text\"\n\t\t\t\tclass=\"app-navigation-input-confirm__input\"\n\t\t\t\t:placeholder=\"placeholder\">\n\n\t\t\t<NcButton native-type=\"submit\"\n\t\t\t\ttype=\"primary\"\n\t\t\t\t:aria-label=\"labelConfirm\"\n\t\t\t\t@click.stop.prevent=\"confirm\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<ArrowRight :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t</NcButton>\n\n\t\t\t<NcButton native-type=\"reset\"\n\t\t\t\ttype=\"tertiary\"\n\t\t\t\t:aria-label=\"labelCancel\"\n\t\t\t\t@click.stop.prevent=\"cancel\">\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</NcButton>\n\t\t</form>\n\t</div>\n</template>\n<script>\nimport NcButton from '../NcButton/index.js'\nimport { t } from '../../l10n.js'\n\nimport ArrowRight from 'vue-material-design-icons/ArrowRight.vue'\nimport Close from 'vue-material-design-icons/Close.vue'\n\nexport default {\n\tname: 'NcInputConfirmCancel',\n\n\tcomponents: {\n\t\tNcButton,\n\t\tArrowRight,\n\t\tClose,\n\t},\n\n\tprops: {\n\t\tplaceholder: {\n\t\t\tdefault: '',\n\t\t\ttype: String,\n\t\t},\n\t\tvalue: {\n\t\t\tdefault: '',\n\t\t\ttype: String,\n\t\t},\n\t},\n\n\temits: [\n\t\t'input',\n\t\t'confirm',\n\t\t'cancel',\n\t],\n\n\tdata() {\n\t\treturn {\n\t\t\tlabelConfirm: t('Confirm changes'),\n\t\t\tlabelCancel: t('Cancel changes'),\n\t\t}\n\t},\n\n\tcomputed: {\n\t\tvalueModel: {\n\t\t\tget() { return this.value },\n\t\t\tset(newValue) {\n\t\t\t\tthis.$emit('input', newValue)\n\t\t\t},\n\t\t},\n\t},\n\n\tmethods: {\n\t\tconfirm() {\n\t\t\tthis.$emit('confirm')\n\t\t},\n\t\tcancel() {\n\t\t\tthis.$emit('cancel')\n\t\t},\n\t\tfocusInput() {\n\t\t\tthis.$refs.input.focus()\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\">\n$input-height: 34px;\n$input-padding: 7px;\n$input-margin: 5px;\n\n.app-navigation-input-confirm {\n\tflex: 1 0 100%;\n\twidth: 100%;\n\n\tform {\n\t\tdisplay: flex;\n\t}\n\n\t&__input {\n\t\theight: $input-height;\n\t\tflex: 1 1 100%;\n\t\tfont-size: 100% !important;\n\t\tmargin: $input-margin !important;\n\t\tmargin-left: -1px - $input-padding !important;\n\t\tpadding: $input-padding !important;\n\n\t\t&:active,\n\t\t&:focus,\n\t\t&:hover {\n\t\t\toutline: none;\n\t\t\tbackground-color: var(--color-main-background);\n\t\t\tcolor: var(--color-main-text);\n\t\t\tborder-color: var(--color-primary-element);\n\t\t}\n\t}\n}\n</style>\n"],"names":["_sfc_main","Components_NcButton","ArrowRight__default","Close__default","l10n","newValue"],"mappings":";;AAmEA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC,EAAA;AAAA,IACA,OAAAC,EAAA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA,aAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,IACA;AAAA,IACA,OAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AACA,WAAA;AAAA,MACA,cAAAC,EAAA,EAAA,iBAAA;AAAA,MACA,aAAAA,EAAA,EAAA,gBAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,YAAA;AAAA,MACA,MAAA;AAAA,eAAA,KAAA;AAAA,MAAA;AAAA,MACA,IAAAC,GAAA;AACA,aAAA,MAAA,SAAAA,CAAA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA,UAAA;AACA,WAAA,MAAA,SAAA;AAAA,IACA;AAAA,IACA,SAAA;AACA,WAAA,MAAA,QAAA;AAAA,IACA;AAAA,IACA,aAAA;AACA,WAAA,MAAA,MAAA,MAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/NcInputConfirmCancel-f881168d.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NcInputConfirmCancel-f881168d.mjs","sources":["../../src/components/NcAppNavigationItem/NcInputConfirmCancel.vue"],"sourcesContent":["<!--\n - @copyright Copyright (c) 2020 Jonathan Treffler <mail@jonathan-treffler.de>\n -\n - @author Jonathan Treffler <mail@jonathan-treffler.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# Usage\n\n```\n<NcInputConfirmCancel @confirm=\"alert('confirm')\" @cancel=\"alert('cancel')\" />\n```\n</docs>\n<template>\n\t<div class=\"app-navigation-input-confirm\">\n\t\t<form @submit.prevent=\"confirm\"\n\t\t\t@keydown.esc.exact.stop.prevent=\"cancel\"\n\t\t\t@click.stop.prevent>\n\t\t\t<input ref=\"input\"\n\t\t\t\tv-model=\"valueModel\"\n\t\t\t\ttype=\"text\"\n\t\t\t\tclass=\"app-navigation-input-confirm__input\"\n\t\t\t\t:placeholder=\"placeholder\">\n\n\t\t\t<NcButton native-type=\"submit\"\n\t\t\t\ttype=\"primary\"\n\t\t\t\t:aria-label=\"labelConfirm\"\n\t\t\t\t@click.stop.prevent=\"confirm\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<ArrowRight :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t</NcButton>\n\n\t\t\t<NcButton native-type=\"reset\"\n\t\t\t\ttype=\"tertiary\"\n\t\t\t\t:aria-label=\"labelCancel\"\n\t\t\t\t@click.stop.prevent=\"cancel\">\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</NcButton>\n\t\t</form>\n\t</div>\n</template>\n<script>\nimport NcButton from '../NcButton/index.js'\nimport { t } from '../../l10n.js'\n\nimport ArrowRight from 'vue-material-design-icons/ArrowRight.vue'\nimport Close from 'vue-material-design-icons/Close.vue'\n\nexport default {\n\tname: 'NcInputConfirmCancel',\n\n\tcomponents: {\n\t\tNcButton,\n\t\tArrowRight,\n\t\tClose,\n\t},\n\n\tprops: {\n\t\tplaceholder: {\n\t\t\tdefault: '',\n\t\t\ttype: String,\n\t\t},\n\t\tvalue: {\n\t\t\tdefault: '',\n\t\t\ttype: String,\n\t\t},\n\t},\n\n\temits: [\n\t\t'input',\n\t\t'confirm',\n\t\t'cancel',\n\t],\n\n\tdata() {\n\t\treturn {\n\t\t\tlabelConfirm: t('Confirm changes'),\n\t\t\tlabelCancel: t('Cancel changes'),\n\t\t}\n\t},\n\n\tcomputed: {\n\t\tvalueModel: {\n\t\t\tget() { return this.value },\n\t\t\tset(newValue) {\n\t\t\t\tthis.$emit('input', newValue)\n\t\t\t},\n\t\t},\n\t},\n\n\tmethods: {\n\t\tconfirm() {\n\t\t\tthis.$emit('confirm')\n\t\t},\n\t\tcancel() {\n\t\t\tthis.$emit('cancel')\n\t\t},\n\t\tfocusInput() {\n\t\t\tthis.$refs.input.focus()\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\">\n$input-height: 34px;\n$input-padding: 7px;\n$input-margin: 5px;\n\n.app-navigation-input-confirm {\n\tflex: 1 0 100%;\n\twidth: 100%;\n\n\tform {\n\t\tdisplay: flex;\n\t}\n\n\t&__input {\n\t\theight: $input-height;\n\t\tflex: 1 1 100%;\n\t\tfont-size: 100% !important;\n\t\tmargin: $input-margin !important;\n\t\tmargin-left: -1px - $input-padding !important;\n\t\tpadding: $input-padding !important;\n\n\t\t&:active,\n\t\t&:focus,\n\t\t&:hover {\n\t\t\toutline: none;\n\t\t\tbackground-color: var(--color-main-background);\n\t\t\tcolor: var(--color-main-text);\n\t\t\tborder-color: var(--color-primary-element);\n\t\t}\n\t}\n}\n</style>\n"],"names":["_sfc_main","NcButton","ArrowRight","Close","t","newValue"],"mappings":";;;;;;AAmEA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA,aAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,IACA;AAAA,IACA,OAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AACA,WAAA;AAAA,MACA,cAAAC,EAAA,iBAAA;AAAA,MACA,aAAAA,EAAA,gBAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,YAAA;AAAA,MACA,MAAA;AAAA,eAAA,KAAA;AAAA,MAAA;AAAA,MACA,IAAAC,GAAA;AACA,aAAA,MAAA,SAAAA,CAAA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA,UAAA;AACA,WAAA,MAAA,SAAA;AAAA,IACA;AAAA,IACA,SAAA;AACA,WAAA,MAAA,QAAA;AAAA,IACA;AAAA,IACA,aAAA;AACA,WAAA,MAAA,MAAA,MAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}