@nextcloud/vue 9.0.0-rc.2 → 9.0.0-rc.4

package/CHANGELOG.md

@@ -7,8 +7,8 @@
 
 All notable changes to this project will be documented in this file.
 
-## [v9.0.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v9.0.0-rc.2) (unreleased)
-[Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.24.0...v9.0.0-rc.2)
+## [v9.0.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v9.0.0-rc.4) (unreleased)
+[Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.28.0...v9.0.0-rc.4)
 
 ### 💥 Breaking Changes
 * The package now uses Vue 3 instead of Vue 2.7
@@ -112,6 +112,15 @@ The `nativeType` property was removed in favor of `type`.
 <NcButton type="submit" variant="primary">Submit</NcButton>
 ```
 
+#### Event names
+To have a consistent naming for custom event the following events were deprecated
+and now are removed in favor of a new consistent event name:
+
+     Component |       Old event |       New event
+---------------|-----------------|----------------
+`NcAppContent` |   `resize:list` |   `resizeList`
+  `NcRichText` | `interact:todo` | `interactTodo`
+
 #### Mixins are removed
 Mixins only work in Options API and are in general not recommended by Vue anymore:
 
@@ -131,6 +140,8 @@ The `richEditing` mixin can be replaced by just using the `NcRichText` component
   - The `closing` and `opening` events were removed.
     They are directly emitted when the sidebar was opened when using `v-if`
     and also just duplicated the state of the `open` prop [\#5606](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5606)
+- `NcColorPicker`
+  - The `update:open` event is removed in favor of the already available `close` event.
 - `NcCounterBubble`
   - The default slot was removed
   - The `count` prop is now required [\#5997](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5997)
@@ -154,9 +165,13 @@ The `richEditing` mixin can be replaced by just using the `NcRichText` component
 - `NcSelect`
   - `userSelect` property was removed, instead just use the `NcSelectUsers` component
   - `closeOnSelect` property was removed in favor of `keepOpen`.
+- `NcTextField`:
+  - The value `'arrowRight'` for the `trailingButtonIcon` property was deprecated is now removed in favor of `arrowEnd`.
 - `Tooltip` directive was deprecated in v8 and is now removed.
   This was done in favor of native tooltips using the `title` attribute, which is better for accessibility.
   If you really need custom formatted tooltips, you can use `NcPopover` instead.
+- The `useFormatDateTime` composable - only exported from default entry point - is removed.
+  Instead you can now use `useFormatTime` for formatting a time to a local date string or `useFormatRelativeTime` to format it to a humanized string like *a day ago*.
 
 ### 🚀 Enhancements
 * Allow writing components using Typescript and provide type definitions for `NcButton` [\#4525](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4525) \([susnux](https://github.com/susnux)\)
@@ -165,8 +180,11 @@ The `richEditing` mixin can be replaced by just using the `NcRichText` component
 * feat(dialogs/spawnDialogs)!: do not toRaw the result  [#6760](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6760) ([ShGKme](https://github.com/ShGKme))
 * feat(dialogs/spawnDialog): return promise with the result [#6758](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6758) ([ShGKme](https://github.com/ShGKme))
 * feat(dialogs/spawnDialog)!: replace onClose callback with Promise [#6759](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6759) ([ShGKme](https://github.com/ShGKme))
-* feat(NcChip): allow to define the actions container [#6813](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6813) ([susnux](https://github.com/susnux)) 
+* feat(NcChip): allow to define the actions container [#6813](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6813) ([susnux](https://github.com/susnux))
 * feat(NcActionButton): introduce description prop [#6932](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6932) ([Antreesy](https://github.com/Antreesy))
+* feat: add `useFormatRelativeTime` composable [#7067](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7067) ([susnux](https://github.com/susnux))
+* feat(NcPasswordField): allow to set visibility state [#7135](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7135) ([susnux](https://github.com/susnux))
+* feat(NcThemeProvider): allow to override the current theme for parts of the UI [#6764](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6764) ([susnux](https://github.com/susnux))
 
 ### 🐛 Fixed bugs
 * feat(NcAppSidebar): add `info` slot [#6666](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6666) ([Antreesy](https://github.com/Antreesy))
@@ -211,6 +229,33 @@ The `richEditing` mixin can be replaced by just using the `NcRichText` component
 * fix(NcAppContent): adapt to new emitted event object with splitpanes ^4.0.0 [#6950](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6950) ([wofferl](https://github.com/wofferl))
 * fix(NcActionInput): register used NcColorPicker component [#6956](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6956) ([susnux](https://github.com/susnux))
 * fix(NcSelectUsers): use correct type for model and add tests for model-value handling [#6957](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6957) ([susnux](https://github.com/susnux))
+* fix(NcAppNavigationToggle): restore button design and remove wrong attribute [#6984](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6984) ([susnux](https://github.com/susnux))
+* fix(NcInputField): unresolved component and state color [#6994](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6994) ([susnux](https://github.com/susnux))
+* fix(NcAppNavigationItem): multi level padding [#6861](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6861) ([GretaD](https://github.com/GretaD))
+* fix(NcTextField)!: make trailing button icon for confirmation also work on RTL [#6993](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6993) ([susnux](https://github.com/susnux))
+* fix(NcAppContent): incorrect page title from a different `core.apps` format in Nextcloud 30 [#7010](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7010) ([julien-nc](https://github.com/julien-nc))
+* fix(NcButton): correctly apply reverse padding [#7029](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7029) ([raimund-schluessler](https://github.com/raimund-schluessler))
+* fix(NcAvatar): update 'hasStatus' flag if changed [#7033](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7033) ([Antreesy](https://github.com/Antreesy))
+* fix(NcCheckboxRadioSwitch): align icons with the first row of label [#7043](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7043) ([Antreesy](https://github.com/Antreesy))
+* fix(actions): use pointer cursor for action button text [#7042](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7042) ([ChristophWurst](https://github.com/ChristophWurst))
+* fix(NcAvatar): migrate from deprecated `showUserStatus` prop [#7053](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7053) ([Antreesy](https://github.com/Antreesy))
+* fix(NcAppNavigationSettings): adjust style and padding of button [#7018](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7018) ([raimund-schluessler](https://github.com/raimund-schluessler))
+* fix(NcRichText): always render code blocks in LTR direction [#7056](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7056) ([Antreesy](https://github.com/Antreesy))
+* fix(NcHeaderMenu): bring caret back [#7071](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7071) ([ShGKme](https://github.com/ShGKme))
+* fix(NcChip): adjust default prop declaration [#7074](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7074) ([Antreesy](https://github.com/Antreesy))
+* fix(NcPopover): component crash when unmounted shown [#7077](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7077) ([Antreesy](https://github.com/Antreesy))
+* fix(NcListItem): let `active` prop take higher priority [#7086](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7086) ([DorraJaouad](https://github.com/DorraJaouad))
+* fix(NcActions + NcEmojiPicker): no focus-trap when needed, extra focus-trap when not [#7096](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7096) ([ShGKme](https://github.com/ShGKme))
+* fix(NcDateTimePicker): make clearable work [#7103](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7103) ([raimund-schluessler](https://github.com/raimund-schluessler))
+* fix(NcRichText): adjust markdown styles after migration [#7106](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7106) ([Antreesy](https://github.com/Antreesy))
+* fix(NcActionText): remove br between action name and action long text [#7116](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7116) ([GretaD](https://github.com/GretaD))
+* fix(NcNoteCard): too large icon padding [#7118](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7118) ([raimund-schluessler](https://github.com/raimund-schluessler))
+* fix(NcAppNavigationItem): TypeError: `this.$refs.actions.$refs.menuButton` is undefined [#7143](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7143)
+* fix(useHotKey): try to derive latin keys from key codes of non-latin characters [#7110](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7110) ([Antreesy](https://github.com/Antreesy))
+* style(NcRichText): consider reference widgets in markdown styles [#7142](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7142) ([Antreesy](https://github.com/Antreesy))
+* fix(NcDateTimePicker): correctly import library CSS [#7051](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7051) ([raimund-schluessler](https://github.com/raimund-schluessler))
+* fix(NcListItem): correctly handle unmounting [#7151](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7151) ([Antreesy](https://github.com/Antreesy))
+* perf(utils): ensure only 64px or 512px avatars are loaded [#6749](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6749) ([susnux](https://github.com/susnux))
 
 ### Changed
 * refactor: replace boolean properties with `default: true` with `default: false` [#6653](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6653) ([susnux](https://github.com/susnux))
@@ -307,6 +352,105 @@ The `richEditing` mixin can be replaced by just using the `NcRichText` component
 * refactor(NcIconSvgWrapper): migrate component to Typescript and script-setup [#6967](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6967) ([susnux](https://github.com/susnux))
 * refactor(NcCounterBubble): migrate component to Typescript and script-setup [#6970](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6970) ([susnux](https://github.com/susnux))
 * refactor: use NcIconSvgWrapper with directional property where needed [#6767](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6767) ([susnux](https://github.com/susnux))
+* refactor(NcTextArea): migrate component to Typescript and script-setup [#6986](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6986) ([susnux](https://github.com/susnux))
+* refactor(NcNoteCard): migrate component to Typescript and script-setup [#6985](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6985) ([susnux](https://github.com/susnux))
+* refactor(NcDialog): migrate to script-setup and use Typescript for module [#6968](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6968) ([susnux](https://github.com/susnux))
+* refactor: migrate Nc*Field to Typescript [#6951](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6951) ([susnux](https://github.com/susnux))
+* refactor(NcUserBubble): migrate components to Typescript [#6946](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6946) ([susnux](https://github.com/susnux))
+* refactor(NcHeaderMenu): export as Typescript module and reorder script tags [#7000](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7000) ([susnux](https://github.com/susnux))
+* fix(NcAppNavigationSettings): button left full width [#6999](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6999) ([raimund-schluessler](https://github.com/raimund-schluessler))
+* refactor: migrate NcAppNavigationToggle / NcAppNavigationSpacer to Typescript [#7004](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7004) ([susnux](https://github.com/susnux))
+* refactor(NcContent): migrate to Typescript and script-setup [#7003](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7003) ([susnux](https://github.com/susnux))
+* chore: adjust vitest config to be consistent on CI and locally [#7065](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7065) ([susnux](https://github.com/susnux))
+* refactor(NcLoadingIcon): migrate component to Typescript and script-setup [#7076](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7076) ([susnux](https://github.com/susnux))
+* refactor(NcDateTimePickerNative): migrate component to Typescript and script-setup [#7075](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7075) ([susnux](https://github.com/susnux))
+* refactor: deprecate events not comply with Vue event naming rules [#7058](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7058) ([susnux](https://github.com/susnux))
+* fix(NcModal): correctly handle when trying to activate non-existing focus-trap [#7084](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7084) ([Antreesy](https://github.com/Antreesy))
+* refactor(NcHighlight): migrate component to Typescript [#7073](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7073) ([susnux](https://github.com/susnux))
+* refactor(NcColorPicker): migrate component to Typescript [#7080](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7080) ([susnux](https://github.com/susnux))
+* refactor: migrate reference widget related function to Typescript [#6969](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6969) ([susnux](https://github.com/susnux))
+* chore(NcActions): fix type annotation of `NodeList` [#7060](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7060) ([susnux](https://github.com/susnux))
+* refactor(NcSettingsSection): migrate to Typescript and script-setup [#7111](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7111) ([susnux](https://github.com/susnux))
+* refactor!: remove `useFormatDateTime` [#7129](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7129) ([susnux](https://github.com/susnux))
+* refactor!: make all events camelcase and drop deprecated events [#7059](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7059) ([susnux](https://github.com/susnux))
+* chore(NcAppContent): rename NcAppDetailsContent to remove from docs [#7137](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7137) ([susnux](https://github.com/susnux))
+* refactor(NcAppContent): clarify props documentation and use capabilities over initial state [#7057](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7057) ([susnux](https://github.com/susnux))
+
+## [v8.28.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.28.0) (2025-07-14)
+
+### 📝 Notes
+#### `NcPasswordField`
+The component now has a `visible` property (with `update:visible` event) to allow setting the visibility state of the password.
+This allows to programmatically make the password visible or obfuscated for the user.
+One use case could be to reset the visibility when submitting some form to prevent leaking the password in a loading state of the UI.
+
+#### `NcTextField`
+The value `arrowRight` of the property `trailingButtonIcon` is deprecated and will be removed in a future version.
+It is replaced by `arrowEnd` which reflects that the directions depends on the text directions (LTR vs RTL).
+
+#### `NcColorPicker`
+The `update:open` event is deprecated, instead just use the `close` event which is emitted at the same time.
+
+#### Event names
+Custom events now have a consistent naming without custom scoping of the events.
+Thus following events are deprecated in favor of a new consistent event name:
+
+|      Component |       Old event |       New event |
+|----------------|-----------------|-----------------|
+| `NcAppContent` |   `resize:list` |   `resize-list` |
+|   `NcRichText` | `interact:todo` | `interact-todo` |
+
+### 🚀 Enhancements
+* feat: add `useFormatRelativeTime` composable [#7128](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7128)
+* feat(NcPasswordField): allow to set visibility state [#7148](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7148)
+
+### 🐛 Fixed bugs
+* fix(NcAppNavigationItem): multi level padding [#6919](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6919)
+* fix(NcTextField): make trailing button icon for confirmation also work on RTL [#7002](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7002)
+* fix(NcAppContent): incorrect page title from a different core.apps format in Nextcloud 30 [#7011](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7011) ([julien-nc](https://github.com/julien-nc))
+* fix(NcDialog): deprecated nativeType usage check [#7031](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7031) ([skjnldsv](https://github.com/skjnldsv))
+* fix(NcSelectUsers): fix using of v-model in Vue 2 [#7032](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7032) ([Antreesy](https://github.com/Antreesy))
+* fix(NcAvatar): update 'hasStatus' flag if changed [#7037](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7037)
+* fix(NcCheckboxRadioSwitch): align icons with the first row of label [#7047](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7047)
+* fix(actions): use pointer cursor for action button text [#7049](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7049)
+* fix(NcRichText): always render code blocks in LTR direction [#7061](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7061) ([Antreesy](https://github.com/Antreesy))
+* fix(NcListItem): let `active` prop take higher priority [#7089](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7089)
+* fix(NcActionText): remove br between action name and action long text [#7119](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7119)
+* fix(useHotKey): try to derive latin keys from key codes of non-latin characters [#7147](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7147)
+* fix(l10n): adjust for `@nextcloud/l10n` 3.4.0 [#7150](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7150)
+
+### Other Changes
+* refactor: deprecate events not comply with Vue event naming rules [#7078](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7078)
+* chore(NcColorPicker): deprecate duplicated `update:open` event [#7095](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7095)
+* chore(NcActions): fix type annotation of `NodeList` [#7105](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7105)
+* chore(NcAppContent): rename NcAppDetailsContent to remove from docs [#7139](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7139)
+* refactor(NcAppContent): clarify props documentation and use capabilities over initial state [#7141](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7141)
+
+## [v8.27.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.27.0) (2025-05-28)
+
+### 📝 Notes
+#### NcEmptyContent
+A padding was added to the empty content wrapper. It is recommended to check in-app styles for possible overrides.
+
+### 🚀 Enhancements
+* feat(NcChip): allow to define the actions container [#6964](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6964)
+* feat(NcActionButton): introduce `description` prop [#6975](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6975)
+
+### 🐛 Fixed bugs
+* fix(NcEmptyContent): description styling for mobile [#6943](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6943)
+* style(NcAppSidebar): remove custom styles from close button [#6945](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6945)
+
+### Other Changes
+* refactor(useIsFullscreen): migrate to Typescript [#6912](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6912) ([ShGKme](https://github.com/ShGKme))
+* refactor(useHotKey): migrate code to Typescript [#6911](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6911)
+* refactor(Focus): migrate directive to Typescript [#6914](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6914)
+* refactor: use `NcIconSvgWrapper` with `directional` property where needed [#6976](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6976)
+* feat(NcRichText): filter links based on protocol [#6977](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6977) ([max-nextcloud](https://github.com/max-nextcloud))
+
+## [v8.26.1](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.26.1) (2025-05-07)
+
+### 🐛 Fixed bugs
+* fix(NcIconSvgWrapper): center svg span wrapper [#6880](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6880)
 
 ## [v8.26.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.26.0) (2025-04-25)
 

package/dist/assets/{NcActionButton-B2G7zsju.css → NcActionButton-Dz2EBAuD.css}

@@ -9,7 +9,7 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-992f2357] {
+.material-design-icon[data-v-76892c52] {
   display: flex;
   align-self: center;
   justify-self: center;
@@ -21,25 +21,25 @@
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-li.action[data-v-992f2357]:hover, li.action.active[data-v-992f2357] {
+li.action[data-v-76892c52]:hover, li.action.active[data-v-76892c52] {
   border-radius: 6px;
   padding: 0;
 }
-li.action[data-v-992f2357]:hover {
+li.action[data-v-76892c52]:hover {
   background-color: var(--color-background-hover);
 }
-.action--disabled[data-v-992f2357] {
+.action--disabled[data-v-76892c52] {
   pointer-events: none;
   opacity: 0.5;
 }
-.action--disabled[data-v-992f2357]:hover, .action--disabled[data-v-992f2357]:focus {
+.action--disabled[data-v-76892c52]:hover, .action--disabled[data-v-76892c52]:focus {
   cursor: default;
   opacity: 0.5;
 }
-.action--disabled[data-v-992f2357] * {
+.action--disabled[data-v-76892c52] * {
   opacity: 1 !important;
 }
-.action-button[data-v-992f2357] {
+.action-button[data-v-76892c52] {
   display: flex;
   align-items: flex-start;
   width: 100%;
@@ -59,11 +59,11 @@ li.action[data-v-992f2357]:hover {
   font-size: var(--default-font-size);
   line-height: var(--default-clickable-area);
 }
-.action-button > span[data-v-992f2357] {
+.action-button > span[data-v-76892c52] {
   cursor: pointer;
   white-space: nowrap;
 }
-.action-button__icon[data-v-992f2357] {
+.action-button__icon[data-v-76892c52] {
   width: var(--default-clickable-area);
   height: var(--default-clickable-area);
   opacity: 1;
@@ -71,15 +71,15 @@ li.action[data-v-992f2357]:hover {
   background-size: 16px;
   background-repeat: no-repeat;
 }
-.action-button[data-v-992f2357] .material-design-icon {
+.action-button[data-v-76892c52] .material-design-icon {
   width: var(--default-clickable-area);
   height: var(--default-clickable-area);
   opacity: 1;
 }
-.action-button[data-v-992f2357] .material-design-icon .material-design-icon__svg {
+.action-button[data-v-76892c52] .material-design-icon .material-design-icon__svg {
   vertical-align: middle;
 }
-.action-button__longtext-wrapper[data-v-992f2357], .action-button__longtext[data-v-992f2357] {
+.action-button__longtext-wrapper[data-v-76892c52], .action-button__longtext[data-v-76892c52] {
   max-width: 220px;
   line-height: 1.6em;
   padding: calc((var(--default-clickable-area) - 1.6em) / 2) 0;
@@ -88,11 +88,11 @@ li.action[data-v-992f2357]:hover {
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.action-button__longtext[data-v-992f2357] {
+.action-button__longtext[data-v-76892c52] {
   cursor: pointer;
   white-space: pre-wrap !important;
 }
-.action-button__name[data-v-992f2357] {
+.action-button__name[data-v-76892c52] {
   font-weight: bold;
   text-overflow: ellipsis;
   overflow: hidden;
@@ -100,7 +100,7 @@ li.action[data-v-992f2357]:hover {
   max-width: 100%;
   display: block;
 }
-.action-button__description[data-v-992f2357] {
+.action-button__description[data-v-76892c52] {
   display: block;
   white-space: pre-wrap;
   font-size: var(--font-size-small);
@@ -108,9 +108,12 @@ li.action[data-v-992f2357]:hover {
   color: var(--color-text-maxcontrast);
   cursor: pointer;
 }
-.action-button__menu-icon[data-v-992f2357] {
+.action-button__menu-icon[data-v-76892c52] {
   margin-inline: auto calc((var(--default-clickable-area) - 16px) / 2 * -1);
 }
-.action-button__pressed-icon[data-v-992f2357] {
+.action-button__pressed-icon[data-v-76892c52] {
   margin-inline: auto calc((var(--default-clickable-area) - 16px) / 2 * -1);
+}
+.action-button[data-v-76892c52] * {
+  cursor: pointer;
 }

package/dist/assets/{NcActionInput-SoC93uat.css → NcActionInput-BA67jS1l.css}

@@ -9,7 +9,7 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-0ba12bfa] {
+.material-design-icon[data-v-5352b9fa] {
   display: flex;
   align-self: center;
   justify-self: center;
@@ -27,9 +27,9 @@
  * color-text-maxcontrast 	disabled state
  */
 /* Default global values */
-button[data-v-0ba12bfa]:not(.button-vue),
-input[data-v-0ba12bfa]:not([type=range]),
-textarea[data-v-0ba12bfa] {
+button[data-v-5352b9fa]:not(.button-vue),
+input[data-v-5352b9fa]:not([type=range]),
+textarea[data-v-5352b9fa] {
   margin: 0;
   padding: 7px 6px;
   cursor: text;
@@ -41,69 +41,69 @@ textarea[data-v-0ba12bfa] {
   font-size: 13px;
   /* Primary action button, use sparingly */
 }
-button[data-v-0ba12bfa]:not(.button-vue):not(:disabled):not(.primary):hover, button[data-v-0ba12bfa]:not(.button-vue):not(:disabled):not(.primary):focus, button:not(.button-vue):not(:disabled):not(.primary).active[data-v-0ba12bfa],
-input[data-v-0ba12bfa]:not([type=range]):not(:disabled):not(.primary):hover,
-input[data-v-0ba12bfa]:not([type=range]):not(:disabled):not(.primary):focus,
-input:not([type=range]):not(:disabled):not(.primary).active[data-v-0ba12bfa],
-textarea[data-v-0ba12bfa]:not(:disabled):not(.primary):hover,
-textarea[data-v-0ba12bfa]:not(:disabled):not(.primary):focus,
-textarea:not(:disabled):not(.primary).active[data-v-0ba12bfa] {
+button[data-v-5352b9fa]:not(.button-vue):not(:disabled):not(.primary):hover, button[data-v-5352b9fa]:not(.button-vue):not(:disabled):not(.primary):focus, button:not(.button-vue):not(:disabled):not(.primary).active[data-v-5352b9fa],
+input[data-v-5352b9fa]:not([type=range]):not(:disabled):not(.primary):hover,
+input[data-v-5352b9fa]:not([type=range]):not(:disabled):not(.primary):focus,
+input:not([type=range]):not(:disabled):not(.primary).active[data-v-5352b9fa],
+textarea[data-v-5352b9fa]:not(:disabled):not(.primary):hover,
+textarea[data-v-5352b9fa]:not(:disabled):not(.primary):focus,
+textarea:not(:disabled):not(.primary).active[data-v-5352b9fa] {
   /* active class used for multiselect */
   border-color: var(--color-primary-element);
   outline: none;
 }
-button[data-v-0ba12bfa]:not(.button-vue):not(:disabled):not(.primary):active,
-input[data-v-0ba12bfa]:not([type=range]):not(:disabled):not(.primary):active,
-textarea[data-v-0ba12bfa]:not(:disabled):not(.primary):active {
+button[data-v-5352b9fa]:not(.button-vue):not(:disabled):not(.primary):active,
+input[data-v-5352b9fa]:not([type=range]):not(:disabled):not(.primary):active,
+textarea[data-v-5352b9fa]:not(:disabled):not(.primary):active {
   color: var(--color-text-light);
   outline: none;
   background-color: var(--color-main-background);
 }
-button[data-v-0ba12bfa]:not(.button-vue):disabled,
-input[data-v-0ba12bfa]:not([type=range]):disabled,
-textarea[data-v-0ba12bfa]:disabled {
+button[data-v-5352b9fa]:not(.button-vue):disabled,
+input[data-v-5352b9fa]:not([type=range]):disabled,
+textarea[data-v-5352b9fa]:disabled {
   cursor: default;
   opacity: 0.5;
   color: var(--color-text-maxcontrast);
   background-color: var(--color-background-dark);
 }
-button[data-v-0ba12bfa]:not(.button-vue):required,
-input[data-v-0ba12bfa]:not([type=range]):required,
-textarea[data-v-0ba12bfa]:required {
+button[data-v-5352b9fa]:not(.button-vue):required,
+input[data-v-5352b9fa]:not([type=range]):required,
+textarea[data-v-5352b9fa]:required {
   box-shadow: none;
 }
-button[data-v-0ba12bfa]:not(.button-vue):invalid,
-input[data-v-0ba12bfa]:not([type=range]):invalid,
-textarea[data-v-0ba12bfa]:invalid {
+button[data-v-5352b9fa]:not(.button-vue):invalid,
+input[data-v-5352b9fa]:not([type=range]):invalid,
+textarea[data-v-5352b9fa]:invalid {
   border-color: var(--color-error);
   box-shadow: none !important;
 }
-button:not(.button-vue).primary[data-v-0ba12bfa],
-input:not([type=range]).primary[data-v-0ba12bfa],
-textarea.primary[data-v-0ba12bfa] {
+button:not(.button-vue).primary[data-v-5352b9fa],
+input:not([type=range]).primary[data-v-5352b9fa],
+textarea.primary[data-v-5352b9fa] {
   cursor: pointer;
   color: var(--color-primary-element-text);
   border-color: var(--color-primary-element);
   background-color: var(--color-primary-element);
 }
-button:not(.button-vue).primary[data-v-0ba12bfa]:not(:disabled):hover, button:not(.button-vue).primary[data-v-0ba12bfa]:not(:disabled):focus, button:not(.button-vue).primary[data-v-0ba12bfa]:not(:disabled):active,
-input:not([type=range]).primary[data-v-0ba12bfa]:not(:disabled):hover,
-input:not([type=range]).primary[data-v-0ba12bfa]:not(:disabled):focus,
-input:not([type=range]).primary[data-v-0ba12bfa]:not(:disabled):active,
-textarea.primary[data-v-0ba12bfa]:not(:disabled):hover,
-textarea.primary[data-v-0ba12bfa]:not(:disabled):focus,
-textarea.primary[data-v-0ba12bfa]:not(:disabled):active {
+button:not(.button-vue).primary[data-v-5352b9fa]:not(:disabled):hover, button:not(.button-vue).primary[data-v-5352b9fa]:not(:disabled):focus, button:not(.button-vue).primary[data-v-5352b9fa]:not(:disabled):active,
+input:not([type=range]).primary[data-v-5352b9fa]:not(:disabled):hover,
+input:not([type=range]).primary[data-v-5352b9fa]:not(:disabled):focus,
+input:not([type=range]).primary[data-v-5352b9fa]:not(:disabled):active,
+textarea.primary[data-v-5352b9fa]:not(:disabled):hover,
+textarea.primary[data-v-5352b9fa]:not(:disabled):focus,
+textarea.primary[data-v-5352b9fa]:not(:disabled):active {
   border-color: var(--color-primary-element-light);
   background-color: var(--color-primary-element-light);
 }
-button:not(.button-vue).primary[data-v-0ba12bfa]:not(:disabled):active,
-input:not([type=range]).primary[data-v-0ba12bfa]:not(:disabled):active,
-textarea.primary[data-v-0ba12bfa]:not(:disabled):active {
+button:not(.button-vue).primary[data-v-5352b9fa]:not(:disabled):active,
+input:not([type=range]).primary[data-v-5352b9fa]:not(:disabled):active,
+textarea.primary[data-v-5352b9fa]:not(:disabled):active {
   color: var(--color-primary-element-text-dark);
 }
-button:not(.button-vue).primary[data-v-0ba12bfa]:disabled,
-input:not([type=range]).primary[data-v-0ba12bfa]:disabled,
-textarea.primary[data-v-0ba12bfa]:disabled {
+button:not(.button-vue).primary[data-v-5352b9fa]:disabled,
+input:not([type=range]).primary[data-v-5352b9fa]:disabled,
+textarea.primary[data-v-5352b9fa]:disabled {
   cursor: default;
   color: var(--color-primary-element-text-dark);
   background-color: var(--color-primary-element);
@@ -113,25 +113,25 @@ textarea.primary[data-v-0ba12bfa]:disabled {
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-li.action[data-v-0ba12bfa]:hover, li.action.active[data-v-0ba12bfa] {
+li.action[data-v-5352b9fa]:hover, li.action.active[data-v-5352b9fa] {
   border-radius: 6px;
   padding: 0;
 }
-li.action[data-v-0ba12bfa]:hover {
+li.action[data-v-5352b9fa]:hover {
   background-color: var(--color-background-hover);
 }
-.action--disabled[data-v-0ba12bfa] {
+.action--disabled[data-v-5352b9fa] {
   pointer-events: none;
   opacity: 0.5;
 }
-.action--disabled[data-v-0ba12bfa]:hover, .action--disabled[data-v-0ba12bfa]:focus {
+.action--disabled[data-v-5352b9fa]:hover, .action--disabled[data-v-5352b9fa]:focus {
   cursor: default;
   opacity: 0.5;
 }
-.action--disabled[data-v-0ba12bfa] * {
+.action--disabled[data-v-5352b9fa] * {
   opacity: 1 !important;
 }
-.action-input[data-v-0ba12bfa] {
+.action-input[data-v-5352b9fa] {
   display: flex;
   align-items: flex-start;
   width: 100%;
@@ -147,60 +147,60 @@ li.action[data-v-0ba12bfa]:hover {
   box-shadow: none;
   font-weight: normal;
 }
-.action-input__icon-wrapper[data-v-0ba12bfa] {
+.action-input__icon-wrapper[data-v-5352b9fa] {
   display: flex;
   align-self: center;
   align-items: center;
   justify-content: center;
 }
-.action-input__icon-wrapper[data-v-0ba12bfa] .material-design-icon {
+.action-input__icon-wrapper[data-v-5352b9fa] .material-design-icon {
   width: var(--default-clickable-area);
   height: var(--default-clickable-area);
   opacity: 1;
 }
-.action-input__icon-wrapper[data-v-0ba12bfa] .material-design-icon .material-design-icon__svg {
+.action-input__icon-wrapper[data-v-5352b9fa] .material-design-icon .material-design-icon__svg {
   vertical-align: middle;
 }
-.action-input > span[data-v-0ba12bfa] {
+.action-input > span[data-v-5352b9fa] {
   cursor: pointer;
   white-space: nowrap;
 }
-.action-input__icon[data-v-0ba12bfa] {
+.action-input__icon[data-v-5352b9fa] {
   min-width: 0; /* Overwrite icons*/
   min-height: 0;
   padding: calc(var(--default-clickable-area) / 2) 0 calc(var(--default-clickable-area) / 2) var(--default-clickable-area);
   background-position: calc((var(--default-clickable-area) - 16px) / 2) center;
   background-size: 16px;
 }
-.action-input__form[data-v-0ba12bfa] {
+.action-input__form[data-v-5352b9fa] {
   display: flex;
   align-items: center;
   flex: 1 1 auto;
   margin: 4px 0;
   padding-inline-end: calc((var(--default-clickable-area) - 16px) / 2);
 }
-.action-input__container[data-v-0ba12bfa] {
+.action-input__container[data-v-5352b9fa] {
   position: relative;
   width: 100%;
 }
-.action-input__input-container[data-v-0ba12bfa] {
+.action-input__input-container[data-v-5352b9fa] {
   display: flex;
 }
-.action-input__input-container .colorpicker__trigger[data-v-0ba12bfa], .action-input__input-container .colorpicker__preview[data-v-0ba12bfa] {
+.action-input__input-container .colorpicker__trigger[data-v-5352b9fa], .action-input__input-container .colorpicker__preview[data-v-5352b9fa] {
   width: 100%;
 }
-.action-input__input-container .colorpicker__preview[data-v-0ba12bfa] {
+.action-input__input-container .colorpicker__preview[data-v-5352b9fa] {
   width: 100%;
   height: 36px;
   border-radius: var(--border-radius-large);
   border: 2px solid var(--color-border-maxcontrast);
   box-shadow: none !important;
 }
-.action-input__text-label[data-v-0ba12bfa] {
+.action-input__text-label[data-v-5352b9fa] {
   padding: 4px 0;
   display: block;
 }
-.action-input__text-label--hidden[data-v-0ba12bfa] {
+.action-input__text-label--hidden[data-v-5352b9fa] {
   position: absolute;
   inset-inline-start: 0;
   width: 1px;
@@ -209,18 +209,18 @@ li.action[data-v-0ba12bfa]:hover {
   z-index: -1;
   opacity: 0;
 }
-.action-input__datetimepicker[data-v-0ba12bfa] {
+.action-input__datetimepicker[data-v-5352b9fa] {
   width: 100%;
 }
-.action-input__datetimepicker[data-v-0ba12bfa] .mx-input {
+.action-input__datetimepicker[data-v-5352b9fa] .mx-input {
   margin: 0;
 }
-.action-input__multi[data-v-0ba12bfa] {
+.action-input__multi[data-v-5352b9fa] {
   width: 100%;
 }
-li:last-child > .action-input[data-v-0ba12bfa] {
+li:last-child > .action-input[data-v-5352b9fa] {
   padding-bottom: calc((var(--default-clickable-area) - 16px) / 2 - 4px);
 }
-li:first-child > .action-input[data-v-0ba12bfa]:not(.action-input--visible-label) {
+li:first-child > .action-input[data-v-5352b9fa]:not(.action-input--visible-label) {
   padding-top: calc((var(--default-clickable-area) - 16px) / 2 - 4px);
 }