@nextcloud/vue 9.0.0-rc.1 → 9.0.0-rc.3

package/dist/index.mjs

@@ -1,95 +1,96 @@
-import { N } from "./chunks/NcActionButton-BZEDhdCm.mjs";
-import { N as N2 } from "./chunks/NcActionButtonGroup-VJlvSBVZ.mjs";
+import { N } from "./chunks/NcActionButton-BECWgEPr.mjs";
+import { N as N2 } from "./chunks/NcActionButtonGroup-e4F30E5Z.mjs";
 import { N as N3 } from "./chunks/NcActionCaption-Fumfjzxj.mjs";
 import { N as N4 } from "./chunks/NcActionCheckbox-DLPDTACR.mjs";
-import { N as N5 } from "./chunks/NcActionInput-D1R71Reh.mjs";
-import { N as N6 } from "./chunks/NcActionLink-BTIApspK.mjs";
+import { N as N5 } from "./chunks/NcActionInput-DYLqm7AP.mjs";
+import { N as N6 } from "./chunks/NcActionLink-BEo7zmXX.mjs";
 import { N as N7 } from "./chunks/NcActionRadio-CPoWB58D.mjs";
-import { N as N8 } from "./chunks/NcActionRouter-DATNpU_e.mjs";
-import { N as N9 } from "./chunks/NcActions-2UedVnLW.mjs";
+import { N as N8 } from "./chunks/NcActionRouter-ERoQjJKv.mjs";
+import { N as N9 } from "./chunks/NcActions-iwG1Tj-I.mjs";
 import { N as N10 } from "./chunks/NcActionSeparator-Doekl1NX.mjs";
-import { N as N11 } from "./chunks/NcActionText-3mJjsJz_.mjs";
-import { N as N12 } from "./chunks/NcActionTextEditable-Dv1_bMFY.mjs";
-import { N as N13 } from "./chunks/NcAppContent-Bdlo1JwI.mjs";
-import { N as N14 } from "./chunks/NcAppContentDetails-DsEEBJ0U.mjs";
-import { N as N15 } from "./chunks/NcAppContentList-DnLY_sWw.mjs";
-import { N as N16 } from "./chunks/NcAppNavigation-BHLzIgKf.mjs";
-import { N as N17 } from "./chunks/NcAppNavigationCaption-D1_4GAVS.mjs";
-import { N as N18 } from "./chunks/NcAppNavigationIconBullet-B1kc4u65.mjs";
-import { N as N19 } from "./chunks/NcAppNavigationItem-Cxzp2qW7.mjs";
-import { N as N20 } from "./chunks/NcAppNavigationList-DX_Yo23V.mjs";
-import { N as N21 } from "./chunks/NcAppNavigationNew-BUQgcKdv.mjs";
-import { N as N22 } from "./chunks/NcAppNavigationNewItem-BNFUFCCJ.mjs";
-import { N as N23 } from "./chunks/NcAppNavigationSearch-B7w1J5K3.mjs";
-import { N as N24 } from "./chunks/NcAppNavigationSettings-aTOqq_-d.mjs";
-import { N as N25 } from "./chunks/NcAppNavigationSpacer-CzBLuQL8.mjs";
-import { N as N26 } from "./chunks/NcAppSettingsDialog-DJhRLDT2.mjs";
-import { N as N27 } from "./chunks/NcAppSettingsSection-CssmXyZ0.mjs";
-import { N as N28 } from "./chunks/NcAppSidebar-Dnb5U9gv.mjs";
-import { _ } from "./chunks/NcAppSidebarHeader.vue_vue_type_script_setup_true_lang-0j0aFDeK.mjs";
-import { N as N29 } from "./chunks/NcAppSidebarTab-DG51ajic.mjs";
-import { N as N30 } from "./chunks/NcAvatar-Cg9PDzho.mjs";
-import { N as N31 } from "./chunks/NcBlurHash-BiFktE2N.mjs";
-import { N as N32 } from "./chunks/NcBreadcrumb-DpW0HXlg.mjs";
-import { N as N33 } from "./chunks/NcBreadcrumbs-CbQjZLpZ.mjs";
-import { N as N34 } from "./chunks/NcButton-Byg8-ta1.mjs";
-import { N as N35 } from "./chunks/NcCheckboxRadioSwitch-BmzUQ-WN.mjs";
-import { N as N36 } from "./chunks/NcChip-BQRPT42V.mjs";
-import { N as N37 } from "./chunks/NcCollectionList-CUlNTcYX.mjs";
-import { N as N38 } from "./chunks/NcColorPicker-DGwM1Zki.mjs";
-import { N as N39 } from "./chunks/NcContent-BhN8SiS1.mjs";
-import { N as N40 } from "./chunks/NcCounterBubble-6B_JNUUS.mjs";
-import { N as N41 } from "./chunks/NcDashboardWidget-CC2pZ6GI.mjs";
-import { N as N42 } from "./chunks/NcDashboardWidgetItem-BsHwLKh3.mjs";
-import { _ as _2 } from "./chunks/NcDateTime.vue_vue_type_script_setup_true_lang-CKX0mNnP.mjs";
-import { N as N43 } from "./chunks/NcDateTimePicker-BM9F_PSI.mjs";
-import { N as N44 } from "./chunks/NcDateTimePickerNative-DoGQFKev.mjs";
-import { N as N45 } from "./chunks/NcDialog-CbXsHgYI.mjs";
-import { _ as _3 } from "./chunks/NcDialogButton.vue_vue_type_script_setup_true_lang-DR0Yn-dH.mjs";
-import { N as N46 } from "./chunks/NcEllipsisedOption-4k07kvEr.mjs";
-import { N as N47 } from "./chunks/NcEmojiPicker-B0y1ZY5N.mjs";
-import { N as N48 } from "./chunks/NcEmptyContent-CBWBkBL8.mjs";
-import { N as N49 } from "./chunks/NcGuestContent-iQpV7mLC.mjs";
-import { N as N50 } from "./chunks/NcHeaderButton-BXfTpkIm.mjs";
-import { N as N51 } from "./chunks/NcHeaderMenu-D-WDQIHd.mjs";
-import { _ as _4 } from "./chunks/NcHighlight-Cu4UfEEO.mjs";
-import { N as N52 } from "./chunks/NcIconSvgWrapper-DZBRQNfG.mjs";
-import { N as N53 } from "./chunks/NcInputField-BBS1E7r-.mjs";
-import { N as N54 } from "./chunks/NcListItem-Bx_uxyFR.mjs";
-import { N as N55 } from "./chunks/NcListItemIcon-CytWJM69.mjs";
-import { N as N56 } from "./chunks/NcLoadingIcon-CsMn1bFR.mjs";
-import { default as default2 } from "./components/NcModal/index.mjs";
-import { N as N57 } from "./chunks/NcNoteCard-XoSOund1.mjs";
-import { N as N58 } from "./chunks/NcPasswordField-Cac3cpVY.mjs";
-import { N as N59 } from "./chunks/NcPopover-CzrFCS-2.mjs";
+import { N as N11 } from "./chunks/NcActionText-DJWBefhJ.mjs";
+import { N as N12 } from "./chunks/NcActionTextEditable-ByA0z9nO.mjs";
+import { N as N13 } from "./chunks/NcAppContent-B2qF2-YG.mjs";
+import { _ } from "./chunks/NcAppContentDetails.vue_vue_type_script_setup_true_lang-Dnf4r_Ng.mjs";
+import { N as N14 } from "./chunks/NcAppContentList-DnLY_sWw.mjs";
+import { N as N15 } from "./chunks/NcAppNavigation-JoRJnwqf.mjs";
+import { N as N16 } from "./chunks/NcAppNavigationCaption-DhwvNbx1.mjs";
+import { N as N17 } from "./chunks/NcAppNavigationIconBullet-B1kc4u65.mjs";
+import { N as N18 } from "./chunks/NcAppNavigationItem-B51Guztu.mjs";
+import { N as N19 } from "./chunks/NcAppNavigationList-DX_Yo23V.mjs";
+import { N as N20 } from "./chunks/NcAppNavigationNew-CMjaAY5A.mjs";
+import { N as N21 } from "./chunks/NcAppNavigationNewItem-DyzpvBOb.mjs";
+import { N as N22 } from "./chunks/NcAppNavigationSearch-CvHp92E-.mjs";
+import { N as N23 } from "./chunks/NcAppNavigationSettings-iJ84_lwr.mjs";
+import { N as N24 } from "./chunks/NcAppNavigationSpacer-BvkBfuVw.mjs";
+import { N as N25 } from "./chunks/NcAppSettingsDialog-CQnZ29WZ.mjs";
+import { N as N26 } from "./chunks/NcAppSettingsSection-CssmXyZ0.mjs";
+import { N as N27 } from "./chunks/NcAppSidebar-QEkYs8pt.mjs";
+import { _ as _2 } from "./chunks/NcAppSidebarHeader.vue_vue_type_script_setup_true_lang-0j0aFDeK.mjs";
+import { N as N28 } from "./chunks/NcAppSidebarTab-DG51ajic.mjs";
+import { N as N29 } from "./chunks/NcAvatar-BadoF6cb.mjs";
+import { N as N30 } from "./chunks/NcBlurHash-BiFktE2N.mjs";
+import { N as N31 } from "./chunks/NcBreadcrumb-BH4XQJ8K.mjs";
+import { N as N32 } from "./chunks/NcBreadcrumbs-DyWyrhrJ.mjs";
+import { N as N33 } from "./chunks/NcButton-yN4vYgXb.mjs";
+import { N as N34 } from "./chunks/NcCheckboxRadioSwitch-Di0xbf6d.mjs";
+import { N as N35 } from "./chunks/NcChip-DfDlpsAh.mjs";
+import { N as N36 } from "./chunks/NcCollectionList-B2PzNHzw.mjs";
+import { N as N37 } from "./chunks/NcColorPicker-CoteX_0P.mjs";
+import { N as N38 } from "./chunks/NcContent-BImnEnMI.mjs";
+import { N as N39 } from "./chunks/NcCounterBubble-PBdqn9Nf.mjs";
+import { N as N40 } from "./chunks/NcDashboardWidget-DJtdcW-W.mjs";
+import { N as N41 } from "./chunks/NcDashboardWidgetItem-CZaWF40u.mjs";
+import { _ as _3 } from "./chunks/NcDateTime.vue_vue_type_script_setup_true_lang-C2VbacBQ.mjs";
+import { N as N42 } from "./chunks/NcDateTimePicker-BB--HQog.mjs";
+import { N as N43 } from "./chunks/NcDateTimePickerNative-DaPzFiYH.mjs";
+import { N as N44 } from "./chunks/NcDialog-CXVaeWJf.mjs";
+import { _ as _4 } from "./chunks/NcDialogButton.vue_vue_type_script_setup_true_lang-DSKWXzqG.mjs";
+import { N as N45 } from "./chunks/NcEllipsisedOption-C8uNDC-j.mjs";
+import { N as N46 } from "./chunks/NcEmojiPicker-BGO0v-D5.mjs";
+import { N as N47 } from "./chunks/NcEmptyContent-BdOezubv.mjs";
+import { N as N48 } from "./chunks/NcGuestContent-B_S2nyJ4.mjs";
+import { N as N49 } from "./chunks/NcHeaderButton-BTZ1WNux.mjs";
+import { N as N50 } from "./chunks/NcHeaderMenu-DmpJfS86.mjs";
+import { _ as _5 } from "./chunks/NcHighlight.vue_vue_type_script_lang-DnWQDM_2.mjs";
+import { N as N51 } from "./chunks/NcIconSvgWrapper-BOiCKv0b.mjs";
+import { N as N52 } from "./chunks/NcInputField-DH5ybroK.mjs";
+import { N as N53 } from "./chunks/NcListItem-50hUlVlb.mjs";
+import { N as N54 } from "./chunks/NcListItemIcon-BGEA45de.mjs";
+import { N as N55 } from "./chunks/NcLoadingIcon-Dm3kRPrf.mjs";
+import { N as N56 } from "./chunks/NcModal-CWRw1hyF.mjs";
+import { N as N57 } from "./chunks/NcNoteCard-DmhVICGO.mjs";
+import { N as N58 } from "./chunks/NcPasswordField-DY-wDP9m.mjs";
+import { N as N59 } from "./chunks/NcPopover-BUlWWIxc.mjs";
 import { N as N60 } from "./chunks/NcProgressBar-Bx8bMkd4.mjs";
-import { N as N61 } from "./chunks/NcRelatedResourcesPanel-BBKk-jjB.mjs";
-import { a, N as N62, b } from "./chunks/NcRichContenteditable-gt56b0Uw.mjs";
-import { N as N63 } from "./chunks/NcRichText-CMRNgGQw.mjs";
+import { N as N61 } from "./chunks/NcRelatedResourcesPanel-BUasditW.mjs";
+import { a, N as N62, b } from "./chunks/NcRichContenteditable-CGP8KN41.mjs";
+import { N as N63 } from "./chunks/NcRichText-DDllQirJ.mjs";
 import { N as N64, h, d, i, b as b2, r, c, a as a2 } from "./chunks/index-BF8joS9W.mjs";
 import "@vueuse/core";
 import "vue";
 import "vue-router";
-import { a as a3, g, b as b3, c as c2, d as d2, s } from "./chunks/referencePickerModal-CMgdGDsm.mjs";
+import { a as a3, g, b as b3, c as c2, d as d2, s } from "./chunks/referencePickerModal-uLIBRHIc.mjs";
 import "./chunks/autolink-CKPk5rzg.mjs";
 import "@nextcloud/axios";
 import "@nextcloud/sharing/public";
 import "@nextcloud/auth";
 import "@nextcloud/router";
-import { N as N65 } from "./chunks/NcSelect-DFMnY4fI.mjs";
-import { N as N66 } from "./chunks/NcTextField-Dzv_qpmt.mjs";
+import { N as N65 } from "./chunks/NcSelect-Bkg2rrDQ.mjs";
+import { _ as _6 } from "./chunks/NcTextField.vue_vue_type_script_setup_true_lang-BggEO9Jn.mjs";
 import "@nextcloud/event-bus";
-import { _ as _5 } from "./chunks/NcSavingIndicatorIcon.vue_vue_type_script_setup_true_lang-DlRBo3QU.mjs";
-import { N as N67 } from "./chunks/NcSelectTags-BpFmhbdp.mjs";
-import { N as N68 } from "./chunks/NcSettingsInputText-CMBC7DaG.mjs";
-import { N as N69 } from "./chunks/NcSettingsSection-Crla6NXM.mjs";
-import { N as N70 } from "./chunks/NcSettingsSelectGroup-BOv1UgHX.mjs";
-import { N as N71 } from "./chunks/NcTextArea-DKHjCur8.mjs";
-import { _ as _6 } from "./chunks/NcTimezonePicker.vue_vue_type_script_setup_true_lang-BK7HxZja.mjs";
-import { N as N72 } from "./chunks/NcUserBubble-CnsRuBNe.mjs";
-import { N as N73 } from "./chunks/NcUserStatusIcon-M_93a-z6.mjs";
-import { _ as _7 } from "./chunks/NcVNodes.vue_vue_type_script_lang-BqUHinRZ.mjs";
-import { u } from "./chunks/useFormatDateTime-lk3QDXbQ.mjs";
+import { _ as _7 } from "./chunks/NcSavingIndicatorIcon.vue_vue_type_script_setup_true_lang-DlRBo3QU.mjs";
+import { N as N66 } from "./chunks/NcSelectTags-gJMICSS2.mjs";
+import { N as N67 } from "./chunks/NcSelectUsers-mRdIiG7L.mjs";
+import { N as N68 } from "./chunks/NcSettingsInputText-P8cEi0aP.mjs";
+import { N as N69 } from "./chunks/NcSettingsSection-DkDLjL_G.mjs";
+import { N as N70 } from "./chunks/NcSettingsSelectGroup-BvYxv8aw.mjs";
+import { N as N71 } from "./chunks/NcTextArea-D4hJqp6W.mjs";
+import { _ as _8 } from "./chunks/NcTimezonePicker.vue_vue_type_script_setup_true_lang-C7loAI0C.mjs";
+import { N as N72 } from "./chunks/NcUserBubble-CKN4C4kP.mjs";
+import { N as N73 } from "./chunks/NcUserStatusIcon-BX9ILG2r.mjs";
+import { _ as _9 } from "./chunks/NcVNodes.vue_vue_type_script_lang-BqUHinRZ.mjs";
+import { u } from "./chunks/useFormatDateTime-DmnI1ENQ.mjs";
 import { useHotKey } from "./composables/useHotKey/index.mjs";
 import { useIsDarkTheme, useIsDarkThemeElement } from "./composables/useIsDarkTheme/index.mjs";
 import { useIsFullscreen } from "./composables/useIsFullscreen/index.mjs";
@@ -100,13 +101,13 @@ import { spawnDialog } from "./functions/dialog/index.mjs";
 import { E, a as a4, e, g as g2, s as s2 } from "./chunks/emoji-BY_D0V5K.mjs";
 import { checkIfDarkTheme, isDarkTheme } from "./functions/isDarkTheme/index.mjs";
 import { preloadImage } from "./functions/preloadImage/index.mjs";
-import { u as u2 } from "./chunks/usernameToColor-CmB20TBI.mjs";
-import { default as default3 } from "./directives/Focus/index.mjs";
-import { default as default4 } from "./directives/Linkify/index.mjs";
+import { u as u2 } from "./chunks/usernameToColor-Bik5PNni.mjs";
+import { default as default2 } from "./directives/Focus/index.mjs";
+import { default as default3 } from "./directives/Linkify/index.mjs";
 export {
   E as EmojiSkinTone,
-  default3 as Focus,
-  default4 as Linkify,
+  default2 as Focus,
+  default3 as Linkify,
   MOBILE_BREAKPOINT,
   MOBILE_SMALL_BREAKPOINT,
   N as NcActionButton,
@@ -122,57 +123,57 @@ export {
   N12 as NcActionTextEditable,
   N9 as NcActions,
   N13 as NcAppContent,
-  N14 as NcAppContentDetails,
-  N15 as NcAppContentList,
-  N16 as NcAppNavigation,
-  N17 as NcAppNavigationCaption,
-  N18 as NcAppNavigationIconBullet,
-  N19 as NcAppNavigationItem,
-  N20 as NcAppNavigationList,
-  N21 as NcAppNavigationNew,
-  N22 as NcAppNavigationNewItem,
-  N23 as NcAppNavigationSearch,
-  N24 as NcAppNavigationSettings,
-  N25 as NcAppNavigationSpacer,
-  N26 as NcAppSettingsDialog,
-  N27 as NcAppSettingsSection,
-  N28 as NcAppSidebar,
-  _ as NcAppSidebarHeader,
-  N29 as NcAppSidebarTab,
+  _ as NcAppContentDetails,
+  N14 as NcAppContentList,
+  N15 as NcAppNavigation,
+  N16 as NcAppNavigationCaption,
+  N17 as NcAppNavigationIconBullet,
+  N18 as NcAppNavigationItem,
+  N19 as NcAppNavigationList,
+  N20 as NcAppNavigationNew,
+  N21 as NcAppNavigationNewItem,
+  N22 as NcAppNavigationSearch,
+  N23 as NcAppNavigationSettings,
+  N24 as NcAppNavigationSpacer,
+  N25 as NcAppSettingsDialog,
+  N26 as NcAppSettingsSection,
+  N27 as NcAppSidebar,
+  _2 as NcAppSidebarHeader,
+  N28 as NcAppSidebarTab,
   a as NcAutoCompleteResult,
-  N30 as NcAvatar,
-  N31 as NcBlurHash,
-  N32 as NcBreadcrumb,
-  N33 as NcBreadcrumbs,
-  N34 as NcButton,
-  N35 as NcCheckboxRadioSwitch,
-  N36 as NcChip,
-  N37 as NcCollectionList,
-  N38 as NcColorPicker,
-  N39 as NcContent,
-  N40 as NcCounterBubble,
+  N29 as NcAvatar,
+  N30 as NcBlurHash,
+  N31 as NcBreadcrumb,
+  N32 as NcBreadcrumbs,
+  N33 as NcButton,
+  N34 as NcCheckboxRadioSwitch,
+  N35 as NcChip,
+  N36 as NcCollectionList,
+  N37 as NcColorPicker,
+  N38 as NcContent,
+  N39 as NcCounterBubble,
   N64 as NcCustomPickerRenderResult,
-  N41 as NcDashboardWidget,
-  N42 as NcDashboardWidgetItem,
-  _2 as NcDateTime,
-  N43 as NcDateTimePicker,
-  N44 as NcDateTimePickerNative,
-  N45 as NcDialog,
-  _3 as NcDialogButton,
-  N46 as NcEllipsisedOption,
-  N47 as NcEmojiPicker,
-  N48 as NcEmptyContent,
-  N49 as NcGuestContent,
-  N50 as NcHeaderButton,
-  N51 as NcHeaderMenu,
-  _4 as NcHighlight,
-  N52 as NcIconSvgWrapper,
-  N53 as NcInputField,
-  N54 as NcListItem,
-  N55 as NcListItemIcon,
-  N56 as NcLoadingIcon,
+  N40 as NcDashboardWidget,
+  N41 as NcDashboardWidgetItem,
+  _3 as NcDateTime,
+  N42 as NcDateTimePicker,
+  N43 as NcDateTimePickerNative,
+  N44 as NcDialog,
+  _4 as NcDialogButton,
+  N45 as NcEllipsisedOption,
+  N46 as NcEmojiPicker,
+  N47 as NcEmptyContent,
+  N48 as NcGuestContent,
+  N49 as NcHeaderButton,
+  N50 as NcHeaderMenu,
+  _5 as NcHighlight,
+  N51 as NcIconSvgWrapper,
+  N52 as NcInputField,
+  N53 as NcListItem,
+  N54 as NcListItemIcon,
+  N55 as NcLoadingIcon,
   N62 as NcMentionBubble,
-  default2 as NcModal,
+  N56 as NcModal,
   N57 as NcNoteCard,
   N58 as NcPasswordField,
   N59 as NcPopover,
@@ -180,18 +181,19 @@ export {
   N61 as NcRelatedResourcesPanel,
   b as NcRichContenteditable,
   N63 as NcRichText,
-  _5 as NcSavingIndicatorIcon,
+  _7 as NcSavingIndicatorIcon,
   N65 as NcSelect,
-  N67 as NcSelectTags,
+  N66 as NcSelectTags,
+  N67 as NcSelectUsers,
   N68 as NcSettingsInputText,
   N69 as NcSettingsSection,
   N70 as NcSettingsSelectGroup,
   N71 as NcTextArea,
-  N66 as NcTextField,
-  _6 as NcTimezonePicker,
+  _6 as NcTextField,
+  _8 as NcTimezonePicker,
   N72 as NcUserBubble,
   N73 as NcUserStatusIcon,
-  _7 as NcVNodes,
+  _9 as NcVNodes,
   a3 as anyLinkProviderId,
   checkIfDarkTheme,
   a4 as emojiAddRecent,

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/mixins/actionText.d.ts

@@ -42,12 +42,6 @@ declare namespace _default {
             let _default_4: null;
             export { _default_4 as default };
         }
-        namespace ariaHidden {
-            let type_5: BooleanConstructor;
-            export { type_5 as type };
-            let _default_5: null;
-            export { _default_5 as default };
-        }
     }
     namespace inject {
         namespace closeMenu {
@@ -55,6 +49,7 @@ declare namespace _default {
         }
     }
     let emits: string[];
+    function created(): void;
     namespace computed {
         /**
          * Check if icon prop is an URL

package/dist/utils/VueTypes.d.ts

@@ -1,2 +1,8 @@
 import { AllowedComponentProps, Component, VNodeProps } from 'vue';
 export type ComponentProps<C extends Component> = C extends new (...args: any) => any ? Omit<InstanceType<C>['$props'], keyof VNodeProps | keyof AllowedComponentProps | `on${string}`> : never;
+type ClassType = string | Record<string, boolean | undefined>;
+export type VueClassType = ClassType | ClassType[] | VueClassType[];
+export type Writable<T> = {
+    -readonly [P in keyof T]: T[P];
+};
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextcloud/vue",
-  "version": "9.0.0-rc.1",
+  "version": "9.0.0-rc.3",
   "description": "Nextcloud vue components",
   "keywords": [
     "vuejs",
@@ -61,8 +61,7 @@
     "test:component:gui": "playwright test --ui -c playwright.config.ts",
     "test:coverage": "vitest run --coverage",
     "ts:check": "vue-tsc --noEmit",
-    "update:snapshots": "npm run test:component -- --grep @visual --update-snapshots",
-    "watch": "npm run dev:watch"
+    "update:snapshots": "npm run test:component -- --grep @visual --update-snapshots"
   },
   "browserslist": [
     "extends @nextcloud/browserslist-config"
@@ -100,6 +99,7 @@
     "remark-breaks": "^4.0.0",
     "remark-parse": "^11.0.0",
     "remark-rehype": "^11.1.1",
+    "remark-unlink-protocols": "^1.0.0",
     "splitpanes": "^4.0.3",
     "striptags": "^3.2.0",
     "tabbable": "^6.2.0",
@@ -121,13 +121,13 @@
     "@nextcloud/babel-config": "^1.2.0",
     "@nextcloud/browserslist-config": "^3.0.1",
     "@nextcloud/eslint-config": "^8.4.2",
-    "@nextcloud/stylelint-config": "^3.0.1",
+    "@nextcloud/stylelint-config": "^3.1.0",
     "@nextcloud/vite-config": "^2.3.2",
     "@nextcloud/webpack-vue-config": "github:nextcloud/webpack-vue-config#vue3",
     "@playwright/experimental-ct-vue": "^1.51.1",
     "@playwright/test": "^1.51.1",
     "@types/gettext-parser": "^8.0.0",
-    "@types/node": "^22.13.17",
+    "@types/node": "^24.0.0",
     "@vitest/coverage-v8": "^3.1.1",
     "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.7.0",
@@ -142,7 +142,6 @@
     "resolve-url-loader": "^5.0.0",
     "sass": "^1.86.1",
     "stylelint": "^16.17.0",
-    "stylelint-use-logical": "^2.1.2",
     "ts-node": "^10.9.2",
     "typescript": "^5.8.2",
     "url-loader": "^4.1.1",

package/dist/assets/NcAppNavigationSpacer-BJj8CIpA.css

@@ -1,6 +0,0 @@
-
-.app-navigation-spacer[data-v-b699c557] {
-		flex-shrink: 0;
-		height: 22px;
-}
-

package/dist/assets/index-D9L0rgJk.css

@@ -1,4 +0,0 @@
-
-.nc-select-users[data-v-cb274075] .vs__selected {
-	padding-inline: 0 5px !important;
-}

package/dist/chunks/AlertCircleOutline-DVzpKQVu.mjs

@@ -1,49 +0,0 @@
-import { createElementBlock, openBlock, mergeProps, createElementVNode, createCommentVNode, toDisplayString } from "vue";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.mjs";
-const _sfc_main = {
-  name: "AlertCircleOutlineIcon",
-  emits: ["click"],
-  props: {
-    title: {
-      type: String
-    },
-    fillColor: {
-      type: String,
-      default: "currentColor"
-    },
-    size: {
-      type: Number,
-      default: 24
-    }
-  }
-};
-const _hoisted_1 = ["aria-hidden", "aria-label"];
-const _hoisted_2 = ["fill", "width", "height"];
-const _hoisted_3 = { d: "M11,15H13V17H11V15M11,7H13V13H11V7M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20Z" };
-const _hoisted_4 = { key: 0 };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("span", mergeProps(_ctx.$attrs, {
-    "aria-hidden": $props.title ? null : "true",
-    "aria-label": $props.title,
-    class: "material-design-icon alert-circle-outline-icon",
-    role: "img",
-    onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
-  }), [
-    (openBlock(), createElementBlock("svg", {
-      fill: $props.fillColor,
-      class: "material-design-icon__svg",
-      width: $props.size,
-      height: $props.size,
-      viewBox: "0 0 24 24"
-    }, [
-      createElementVNode("path", _hoisted_3, [
-        $props.title ? (openBlock(), createElementBlock("title", _hoisted_4, toDisplayString($props.title), 1)) : createCommentVNode("", true)
-      ])
-    ], 8, _hoisted_2))
-  ], 16, _hoisted_1);
-}
-const AlertCircle = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export {
-  AlertCircle as A
-};
-//# sourceMappingURL=AlertCircleOutline-DVzpKQVu.mjs.map

package/dist/chunks/AlertCircleOutline-DVzpKQVu.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlertCircleOutline-DVzpKQVu.mjs","sources":["../../node_modules/vue-material-design-icons/AlertCircleOutline.vue"],"sourcesContent":["<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"title ? null : 'true'\"\n        :aria-label=\"title\"\n        class=\"material-design-icon alert-circle-outline-icon\"\n        role=\"img\"\n        @click=\"$emit('click', $event)\">\n    <svg :fill=\"fillColor\"\n         class=\"material-design-icon__svg\"\n         :width=\"size\"\n         :height=\"size\"\n         viewBox=\"0 0 24 24\">\n      <path d=\"M11,15H13V17H11V15M11,7H13V13H11V7M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20Z\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"AlertCircleOutlineIcon\",\n  emits: ['click'],\n  props: {\n    title: {\n      type: String,\n    },\n    fillColor: {\n      type: String,\n      default: \"currentColor\"\n    },\n    size: {\n      type: Number,\n      default: 24\n    }\n  }\n}\n</script>"],"names":["_createElementBlock","_mergeProps","_createElementVNode","_createCommentVNode"],"mappings":";;AAoBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,OAAO,CAAC,OAAO;AAAA,EACf,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,IACP;AAAA,IACD,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IACD,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AACF;AApCA,MAAA,aAAA,CAAA,eAAA,YAAA;AAAA,MAAA,aAAA,CAAA,QAAA,SAAA,QAAA;AAYY,MAAA,aAAA,EAAA,GAAE,sLAAqL;qBAZnM,KAAA,EAAA;;sBACEA,mBAeO,QAfPC,WAAc,KAAM,QAAA;AAAA,IACb,eAAa,OAAK,QAAA,OAAA;AAAA,IAClB,cAAY,OAAK;AAAA,IAClB,OAAM;AAAA,IACN,MAAK;AAAA,IACJ,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAE,KAAK,MAAA,SAAU,MAAM;AAAA;kBACjCD,mBAQM,OAAA;AAAA,MARA,MAAM,OAAS;AAAA,MAChB,OAAM;AAAA,MACL,OAAO,OAAI;AAAA,MACX,QAAQ,OAAI;AAAA,MACb,SAAQ;AAAA;MACXE,mBAEO,QAFP,YAEO;AAAA,QADQ,OAAK,sBAAlBF,mBAAuC,SAb/C,4BAa+B,OAAK,KAAA,GAAA,CAAA,KAbpCG,mBAAA,IAAA,IAAA;AAAA;IAAA,GAAA,GAAA,UAAA;AAAA,EAAA,GAAA,IAAA,UAAA;;;","x_google_ignoreList":[0]}

package/dist/chunks/ChevronRight-LvtA5_hq.mjs

@@ -1,49 +0,0 @@
-import { createElementBlock, openBlock, mergeProps, createElementVNode, createCommentVNode, toDisplayString } from "vue";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.mjs";
-const _sfc_main = {
-  name: "ChevronRightIcon",
-  emits: ["click"],
-  props: {
-    title: {
-      type: String
-    },
-    fillColor: {
-      type: String,
-      default: "currentColor"
-    },
-    size: {
-      type: Number,
-      default: 24
-    }
-  }
-};
-const _hoisted_1 = ["aria-hidden", "aria-label"];
-const _hoisted_2 = ["fill", "width", "height"];
-const _hoisted_3 = { d: "M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z" };
-const _hoisted_4 = { key: 0 };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("span", mergeProps(_ctx.$attrs, {
-    "aria-hidden": $props.title ? null : "true",
-    "aria-label": $props.title,
-    class: "material-design-icon chevron-right-icon",
-    role: "img",
-    onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
-  }), [
-    (openBlock(), createElementBlock("svg", {
-      fill: $props.fillColor,
-      class: "material-design-icon__svg",
-      width: $props.size,
-      height: $props.size,
-      viewBox: "0 0 24 24"
-    }, [
-      createElementVNode("path", _hoisted_3, [
-        $props.title ? (openBlock(), createElementBlock("title", _hoisted_4, toDisplayString($props.title), 1)) : createCommentVNode("", true)
-      ])
-    ], 8, _hoisted_2))
-  ], 16, _hoisted_1);
-}
-const ChevronRight = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export {
-  ChevronRight as C
-};
-//# sourceMappingURL=ChevronRight-LvtA5_hq.mjs.map

package/dist/chunks/ChevronRight-LvtA5_hq.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChevronRight-LvtA5_hq.mjs","sources":["../../node_modules/vue-material-design-icons/ChevronRight.vue"],"sourcesContent":["<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"title ? null : 'true'\"\n        :aria-label=\"title\"\n        class=\"material-design-icon chevron-right-icon\"\n        role=\"img\"\n        @click=\"$emit('click', $event)\">\n    <svg :fill=\"fillColor\"\n         class=\"material-design-icon__svg\"\n         :width=\"size\"\n         :height=\"size\"\n         viewBox=\"0 0 24 24\">\n      <path d=\"M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"ChevronRightIcon\",\n  emits: ['click'],\n  props: {\n    title: {\n      type: String,\n    },\n    fillColor: {\n      type: String,\n      default: \"currentColor\"\n    },\n    size: {\n      type: Number,\n      default: 24\n    }\n  }\n}\n</script>"],"names":["_createElementBlock","_mergeProps","_createElementVNode","_createCommentVNode"],"mappings":";;AAoBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,OAAO,CAAC,OAAO;AAAA,EACf,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,IACP;AAAA,IACD,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IACD,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AACF;AApCA,MAAA,aAAA,CAAA,eAAA,YAAA;AAAA,MAAA,aAAA,CAAA,QAAA,SAAA,QAAA;AAYY,MAAA,aAAA,EAAA,GAAE,8DAA6D;qBAZ3E,KAAA,EAAA;;sBACEA,mBAeO,QAfPC,WAAc,KAAM,QAAA;AAAA,IACb,eAAa,OAAK,QAAA,OAAA;AAAA,IAClB,cAAY,OAAK;AAAA,IAClB,OAAM;AAAA,IACN,MAAK;AAAA,IACJ,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAE,KAAK,MAAA,SAAU,MAAM;AAAA;kBACjCD,mBAQM,OAAA;AAAA,MARA,MAAM,OAAS;AAAA,MAChB,OAAM;AAAA,MACL,OAAO,OAAI;AAAA,MACX,QAAQ,OAAI;AAAA,MACb,SAAQ;AAAA;MACXE,mBAEO,QAFP,YAEO;AAAA,QADQ,OAAK,sBAAlBF,mBAAuC,SAb/C,4BAa+B,OAAK,KAAA,GAAA,CAAA,KAbpCG,mBAAA,IAAA,IAAA;AAAA;IAAA,GAAA,GAAA,UAAA;AAAA,EAAA,GAAA,IAAA,UAAA;;;","x_google_ignoreList":[0]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"NcActionButton-BZEDhdCm.mjs","sources":["../../node_modules/vue-material-design-icons/ChevronLeft.vue","../../src/components/NcActionButton/NcActionButton.vue"],"sourcesContent":["<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"title ? null : 'true'\"\n        :aria-label=\"title\"\n        class=\"material-design-icon chevron-left-icon\"\n        role=\"img\"\n        @click=\"$emit('click', $event)\">\n    <svg :fill=\"fillColor\"\n         class=\"material-design-icon__svg\"\n         :width=\"size\"\n         :height=\"size\"\n         viewBox=\"0 0 24 24\">\n      <path d=\"M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"ChevronLeftIcon\",\n  emits: ['click'],\n  props: {\n    title: {\n      type: String,\n    },\n    fillColor: {\n      type: String,\n      default: \"currentColor\"\n    },\n    size: {\n      type: Number,\n      default: 24\n    }\n  }\n}\n</script>","<!--\n  - SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<docs>\nThis component is made to be used inside of the [NcActions](#NcActions) component slots.\n\n```vue\n\t<template>\n\t\t<NcActions>\n\t\t\t<NcActionButton @click=\"showMessage('Delete')\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Delete :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tDelete\n\t\t\t</NcActionButton>\n\t\t\t<NcActionButton :close-after-click=\"true\" @click=\"showMessage('Delete and close menu')\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Delete :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tDelete and close\n\t\t\t</NcActionButton>\n\t\t\t<NcActionButton :is-menu=\"true\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Plus :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tCreate\n\t\t\t</NcActionButton>\n\t\t\t<NcActionButton :disabled=\"true\" @click=\"showMessage('Disabled')\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Delete :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tDisabled button\n\t\t\t</NcActionButton>\n\t\t</NcActions>\n\t</template>\n\t<script>\n\timport Delete from 'vue-material-design-icons/Delete.vue'\n\timport Plus from 'vue-material-design-icons/Plus.vue'\n\n\texport default {\n\t\tcomponents: {\n\t\t\tDelete,\n\t\t\tPlus,\n\t\t},\n\t\tmethods: {\n\t\t\tshowMessage(msg) {\n\t\t\t\talert(msg)\n\t\t\t},\n\t\t},\n\t}\n\t</script>\n```\n\nIf you're using a long text you can specify a name\n\n```vue\n\t<template>\n\t\t<NcActions>\n\t\t\t<NcActionButton @click=\"showMessage('Add')\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Plus :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tAdd new\n\t\t\t</NcActionButton>\n\t\t\t<NcActionButton name=\"Long button\" @click=\"showMessage('Delete')\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Delete :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tThis button is associated with a very long text.\\nAnd with new lines too.\n\t\t\t</NcActionButton>\n\t\t</NcActions>\n\t</template>\n\t<script>\n\timport Delete from 'vue-material-design-icons/Delete.vue'\n\timport Plus from 'vue-material-design-icons/Plus.vue'\n\n\texport default {\n\t\tcomponents: {\n\t\t\tDelete,\n\t\t\tPlus,\n\t\t},\n\t\tmethods: {\n\t\t\tshowMessage(msg) {\n\t\t\t\talert(msg)\n\t\t\t},\n\t\t},\n\t}\n\t</script>\n\n```\n\nAction icon attribute with a single action\n\n```vue\n\t<template>\n\t\t<NcActions>\n\t\t\t<NcActionButton @click=\"showMessage('Add')\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Plus :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tAdd new\n\t\t\t</NcActionButton>\n\t\t</NcActions>\n\t</template>\n\t<script>\n\timport Plus from 'vue-material-design-icons/Plus.vue'\n\n\texport default {\n\t\tcomponents: {\n\t\t\tPlus,\n\t\t},\n\t\tmethods: {\n\t\t\tshowMessage(msg) {\n\t\t\t\talert(msg)\n\t\t\t},\n\t\t},\n\t}\n\t</script>\n\n```\n\nYou can also use a custom icon, for example from the vue-material-design-icons library:\n\n```vue\n<template>\n\t<NcActions>\n\t\t<NcActionButton>\n\t\t\t<template #icon>\n\t\t\t\t<HandBackLeft :size=\"20\" />\n\t\t\t</template>\n\t\t\tRaise left hand\n\t\t</NcActionButton>\n\t\t<NcActionButton>\n\t\t\t<template #icon>\n\t\t\t\t<HandBackRight :size=\"20\" />\n\t\t\t</template>\n\t\t\tRaise right hand\n\t\t</NcActionButton>\n\t</NcActions>\n</template>\n<script>\nimport HandBackLeft from 'vue-material-design-icons/HandBackLeft.vue'\nimport HandBackRight from 'vue-material-design-icons/HandBackRight.vue'\n\nexport default {\n\tcomponents: {\n\t\tHandBackLeft,\n\t\tHandBackRight,\n\t},\n}\n</script>\n```\n\n### With different model behavior\nBy default the button will act like a normal button, but it is also possible to change the behavior to a toggle button, checkbox button or radio button.\n\nFor example to have the button act like a toggle button just set the `modelValue` property to the toggle state:\n\n```vue\n<template>\n\t<NcActions>\n\t\t<NcActionButton v-model=\"fullscreen\">\n\t\t\t<template #icon>\n\t\t\t\t<Fullscreen :size=\"20\" />\n\t\t\t</template>\n\t\t\tFullscreen\n\t\t</NcActionButton>\n\t</NcActions>\n</template>\n<script>\nimport Fullscreen from 'vue-material-design-icons/Fullscreen.vue'\n\nexport default {\n\tcomponents: {\n\t\tFullscreen,\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tfullscreen: true,\n\t\t}\n\t},\n}\n</script>\n```\n\nAnother example would be using it with checkbox semantics, to enable or disable features.\nThis also allows tri-state behavior (`true`, `false`, `null`) in which case `aria-checked` will be either `true`, `false` or `mixed`.\n\n```vue\n<template>\n\t<NcActions>\n\t\t<NcActionButton v-model=\"handRaised\" type=\"checkbox\">\n\t\t\t<template #icon>\n\t\t\t\t<HandBackLeft :size=\"20\" />\n\t\t\t</template>\n\t\t\tRaise hand\n\t\t</NcActionButton>\n\t\t<NcActionButton v-model=\"fullscreen\" type=\"checkbox\">\n\t\t\t<template #icon>\n\t\t\t\t<Fullscreen :size=\"20\" />\n\t\t\t</template>\n\t\t\tFullscreen\n\t\t</NcActionButton>\n\t</NcActions>\n</template>\n<script>\nimport HandBackLeft from 'vue-material-design-icons/HandBackLeft.vue'\nimport Fullscreen from 'vue-material-design-icons/Fullscreen.vue'\n\nexport default {\n\tcomponents: {\n\t\tHandBackLeft,\n\t\tFullscreen,\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tfullscreen: true,\n\t\t\thandRaised: false,\n\t\t}\n\t},\n}\n</script>\n```\n\nIt is also possible to use the button with radio semantics, this is only possible in menus and not for inline actions!\n\nWith a string `modelValue`, checked state is determined by the `value` property and updates `modelValue` with the new `value` string.\n\nWith a boolean `modelValue`, checked state is determined by `modelValue` and updates to `true` on check.\n\nNote: unlike native radio buttons, `NcActionButton` are not grouped by name, so you need to connect them by bind correct `modelValue``.\n\n```vue\n<template>\n\t<div>\n\t\t<NcActions>\n\t\t\t<NcActionButton v-model=\"payment\" type=\"radio\" value=\"cash\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Cash :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tPay with cash\n\t\t\t</NcActionButton>\n\t\t\t<NcActionButton v-model=\"payment\" type=\"radio\" value=\"card\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<CreditCard :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tPay by card\n\t\t\t</NcActionButton>\n\t\t\t<NcActionSeparator />\n\t\t\t<NcActionButton type=\"radio\" :model-value=\"align.isLeft\" @update:modelValue=\"setAlign('Left', $event)\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<FormatAlignLeft :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tLeft\n\t\t\t</NcActionButton>\n\t\t\t<NcActionButton type=\"radio\" :model-value=\"align.isCenter\" @update:modelValue=\"setAlign('Center', $event)\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<FormatAlignCenter :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tCenter\n\t\t\t</NcActionButton>\n\t\t\t<NcActionButton type=\"radio\" :model-value=\"align.isRight\" @update:modelValue=\"setAlign('Right', $event)\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<FormatAlignRight :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tRight\n\t\t\t</NcActionButton>\n\t\t</NcActions>\n\t\t<p>payment = \"{{ payment }}\"</p>\n\t\t<p>align.isLeft = {{ align.isLeft }}</p>\n\t\t<p>align.isCenter = {{ align.isCenter }}</p>\n\t\t<p>align.isRight = {{ align.isRight }}</p>\n\t</div>\n</template>\n<script>\nimport Cash from 'vue-material-design-icons/Cash.vue'\nimport CreditCard from 'vue-material-design-icons/CreditCard.vue'\nimport FormatAlignLeft from 'vue-material-design-icons/FormatAlignLeft.vue'\nimport FormatAlignCenter from 'vue-material-design-icons/FormatAlignCenter.vue'\nimport FormatAlignRight from 'vue-material-design-icons/FormatAlignRight.vue'\n\nexport default {\n\tcomponents: {\n\t\tCash,\n\t\tCreditCard,\n\t\tFormatAlignLeft,\n\t\tFormatAlignCenter,\n\t\tFormatAlignRight,\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tpayment: 'card',\n\t\t\talign: {\n\t\t\t\tisLeft: false,\n\t\t\t\tisCenter: true,\n\t\t\t\tisRight: false,\n\t\t\t},\n\t\t}\n\t},\n\tmethods: {\n\t\tsetAlign(direction, value) {\n\t\t\tthis.align.isLeft = false\n\t\t\tthis.align.isCenter = false\n\t\t\tthis.align.isRight = false\n\t\t\tthis.align[`is${direction}`] = value\n\t\t},\n\t}\n}\n</script>\n```\n</docs>\n\n<template>\n\t<li class=\"action\" :class=\"{ 'action--disabled': disabled }\" :role=\"isInSemanticMenu && 'presentation'\">\n\t\t<button :aria-label=\"ariaLabel\"\n\t\t\t:class=\"['action-button button-vue', {\n\t\t\t\t'action-button--active': isChecked,\n\t\t\t\tfocusable: isFocusable,\n\t\t\t}]\"\n\t\t\t:disabled=\"disabled\"\n\t\t\t:title=\"title\"\n\t\t\t:type=\"nativeType\"\n\t\t\tv-bind=\"buttonAttributes\"\n\t\t\t@click=\"handleClick\">\n\t\t\t<!-- @slot Manually provide icon -->\n\t\t\t<slot name=\"icon\">\n\t\t\t\t<span :class=\"[isIconUrl ? 'action-button__icon--url' : icon]\"\n\t\t\t\t\t:style=\"{ backgroundImage: isIconUrl ? `url(${icon})` : null }\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tclass=\"action-button__icon\" />\n\t\t\t</slot>\n\n\t\t\t<!-- long text with name -->\n\t\t\t<span v-if=\"name\"\n\t\t\t\tclass=\"action-button__longtext-wrapper\">\n\t\t\t\t<strong class=\"action-button__name\">\n\t\t\t\t\t{{ name }}\n\t\t\t\t</strong>\n\t\t\t\t<br>\n\t\t\t\t<!-- white space is shown on longtext, so we can't\n\t\t\t\t\tput {{ text }} on a new line for code readability -->\n\t\t\t\t<span class=\"action-button__longtext\" v-text=\"text\" />\n\t\t\t</span>\n\n\t\t\t<!-- long text only -->\n\t\t\t<!-- white space is shown on longtext, so we can't\n\t\t\t\tput {{ text }} on a new line for code readability -->\n\t\t\t<span v-else-if=\"isLongText\"\n\t\t\t\tclass=\"action-button__longtext\"\n\t\t\t\tv-text=\"text\" />\n\n\t\t\t<!-- default text display -->\n\t\t\t<span v-else class=\"action-button__text\">{{ text }}</span>\n\n\t\t\t<!-- right(in LTR) or left(in RTL) arrow icon when there is a sub-menu -->\n\t\t\t<ChevronRightIcon v-if=\"isMenu && !isRtl\" :size=\"20\" class=\"action-button__menu-icon\" />\n\t\t\t<ChevronLeftIcon v-else-if=\"isMenu && isRtl\" :size=\"20\" class=\"action-button__menu-icon\" />\n\t\t\t<CheckIcon v-else-if=\"isChecked === true\" :size=\"20\" class=\"action-button__pressed-icon\" />\n\t\t\t<span v-else-if=\"isChecked === false\" class=\"action-button__pressed-icon material-design-icon\" />\n\n\t\t\t<!-- fake slot to gather inner text -->\n\t\t\t<slot v-if=\"false\" />\n\t\t</button>\n\t</li>\n</template>\n\n<script>\nimport CheckIcon from 'vue-material-design-icons/Check.vue'\nimport ChevronRightIcon from 'vue-material-design-icons/ChevronRight.vue'\nimport ChevronLeftIcon from 'vue-material-design-icons/ChevronLeft.vue'\nimport ActionTextMixin from '../../mixins/actionText.js'\nimport { isRtl } from '../../utils/rtl.ts'\nimport { NC_ACTIONS_IS_SEMANTIC_MENU } from '../NcActions/useNcActions.ts'\n\n/**\n * Button component to be used in Actions\n */\nexport default {\n\tname: 'NcActionButton',\n\n\tcomponents: {\n\t\tCheckIcon,\n\t\tChevronRightIcon,\n\t\tChevronLeftIcon,\n\t},\n\n\tmixins: [ActionTextMixin],\n\n\tinject: {\n\t\tisInSemanticMenu: {\n\t\t\tfrom: NC_ACTIONS_IS_SEMANTIC_MENU,\n\t\t\tdefault: false,\n\t\t},\n\t},\n\n\tprops: {\n\t\t/**\n\t\t * @deprecated To be removed in @nextcloud/vue 9. Migration guide: remove ariaHidden prop from NcAction* components.\n\t\t * @todo Add a check in @nextcloud/vue 9 that this prop is not provided,\n\t\t * otherwise root element will inherit incorrect aria-hidden.\n\t\t */\n\t\tariaHidden: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/**\n\t\t * disabled state of the action button\n\t\t */\n\t\tdisabled: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/**\n\t\t * If this is a menu, a chevron icon will\n\t\t * be added at the end of the line\n\t\t */\n\t\tisMenu: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/**\n\t\t * The button's behavior, by default the button acts like a normal button with optional toggle button behavior if `modelValue` is `true` or `false`.\n\t\t * But you can also set to checkbox button behavior with tri-state or radio button like behavior.\n\t\t * This extends the native HTML button type attribute.\n\t\t */\n\t\ttype: {\n\t\t\ttype: String,\n\t\t\tdefault: 'button',\n\t\t\tvalidator: (behavior) => ['button', 'checkbox', 'radio', 'reset', 'submit'].includes(behavior),\n\t\t},\n\n\t\t/**\n\t\t * The buttons state if `type` is 'checkbox' or 'radio' (meaning if it is pressed / selected).\n\t\t * For checkbox and toggle button behavior - boolean value.\n\t\t * For radio button behavior - could be a boolean checked or a string with the value of the button.\n\t\t * Note: Unlike native radio buttons, NcActionButton are not grouped by name, so you need to connect them by bind correct modelValue.\n\t\t *\n\t\t *  **This is not availabe for `type='submit'` or `type='reset'`**\n\t\t *\n\t\t * If using `type='checkbox'` a `model-value` of `true` means checked, `false` means unchecked and `null` means indeterminate (tri-state)\n\t\t * For `type='radio'` `null` is equal to `false`\n\t\t */\n\t\tmodelValue: {\n\t\t\ttype: [Boolean, String],\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/**\n\t\t * The value used for the `modelValue` when this component is used with radio behavior\n\t\t * Similar to the `value` attribute of `<input type=\"radio\">`\n\t\t */\n\t\tvalue: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\t},\n\n\temits: ['update:modelValue'],\n\n\tsetup() {\n\t\treturn {\n\t\t\tisRtl,\n\t\t}\n\t},\n\n\tcomputed: {\n\t\t/**\n\t\t * determines if the action is focusable\n\t\t *\n\t\t * @return {boolean} is the action focusable ?\n\t\t */\n\t\tisFocusable() {\n\t\t\treturn !this.disabled\n\t\t},\n\n\t\t/**\n\t\t * The current \"checked\" or \"pressed\" state for the model behavior\n\t\t */\n\t\tisChecked() {\n\t\t\tif (this.type === 'radio' && typeof this.modelValue !== 'boolean') {\n\t\t\t\treturn this.modelValue === this.value\n\t\t\t}\n\t\t\treturn this.modelValue\n\t\t},\n\n\t\t/**\n\t\t * The native HTML type to set on the button\n\t\t */\n\t\tnativeType() {\n\t\t\tif (this.type === 'submit' || this.type === 'reset') {\n\t\t\t\treturn this.type\n\t\t\t}\n\t\t\treturn 'button'\n\t\t},\n\n\t\t/**\n\t\t * HTML attributes to bind to the <button>\n\t\t */\n\t\tbuttonAttributes() {\n\t\t\tconst attributes = {}\n\n\t\t\tif (this.isInSemanticMenu) {\n\t\t\t\t// By default it needs to be a menu item in semantic menus\n\t\t\t\tattributes.role = 'menuitem'\n\n\t\t\t\tif (this.type === 'radio') {\n\t\t\t\t\tattributes.role = 'menuitemradio'\n\t\t\t\t\tattributes['aria-checked'] = this.isChecked ? 'true' : 'false'\n\t\t\t\t} else if (this.type === 'checkbox' || (this.nativeType === 'button' && this.modelValue !== null)) {\n\t\t\t\t\t// either if checkbox behavior was set or the model value is not unset\n\t\t\t\t\tattributes.role = 'menuitemcheckbox'\n\t\t\t\t\tattributes['aria-checked'] = this.modelValue === null ? 'mixed' : (this.modelValue ? 'true' : 'false')\n\t\t\t\t}\n\t\t\t} else if (this.modelValue !== null && this.nativeType === 'button') {\n\t\t\t\t// In case this has a modelValue it is considered a toggle button, so we need to set the aria-pressed\n\t\t\t\tattributes['aria-pressed'] = this.modelValue ? 'true' : 'false'\n\t\t\t}\n\n\t\t\treturn attributes\n\t\t},\n\t},\n\n\tmethods: {\n\t\t/**\n\t\t * Forward click event, let mixin handle the close-after-click and emit new modelValue if needed\n\t\t * @param {MouseEvent} event The click event\n\t\t */\n\t\thandleClick(event) {\n\t\t\tthis.onClick(event)\n\t\t\t// If modelValue or type is set (so modelValue might be null for tri-state) we need to update it\n\t\t\tif (this.modelValue !== null || this.type !== 'button') {\n\t\t\t\tif (this.type === 'radio') {\n\t\t\t\t\tif (typeof this.modelValue !== 'boolean') {\n\t\t\t\t\t\t// String-value radios behavior is similar to native - click on checked radio does nothing\n\t\t\t\t\t\tif (!this.isChecked) {\n\t\t\t\t\t\t\tthis.$emit('update:modelValue', this.value)\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// Boolean radio allows to uncheck\n\t\t\t\t\t\tthis.$emit('update:modelValue', !this.isChecked)\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\t// Checkbox toggles value\n\t\t\t\t\tthis.$emit('update:modelValue', !this.isChecked)\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@use '../../assets/action.scss' as *;\n@include action-active;\n@include action--disabled;\n@include action-item('button');\n\n.action-button__pressed-icon {\n\tmargin-inline: auto calc($icon-margin * -1);\n}\n</style>\n"],"names":["_sfc_main","_hoisted_1","_hoisted_2","_hoisted_3","_createElementBlock","_mergeProps","_createElementVNode","_hoisted_4","_createCommentVNode","CheckIcon","ChevronRightIcon","_normalizeClass","_renderSlot","_normalizeStyle","_openBlock","_toDisplayString","_createBlock"],"mappings":"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","x_google_ignoreList":[0]}