8.23.1

v8.23.1 (2025-02-13)

Full Changelog

🐛 Fixed bugs

• fix(l10n): fix build error after @nextcloud/l10n bump #6521 (ShGKme)

v8.23.0

v8.23.0 (2025-02-13)

Full Changelog

📝 Notes

• The individual import path of components, composables, directives, and functions was changed.
  The type of import is (e.g. components) is now lowercase and the dist will be omitted.
  For example to import the NcButton component the path has changed:

  // Old import
  import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
  // New way to import
  import NcButton from '@nextcloud/vue/components/NcButton'

  The old import paths are still valid, but deprecated and will be removed in version 9.

• #default slot for leading icon is now deprecated in components NcInputField, NcTextField, NcPasswordField. Use #icon slot instead.

• NcActionRadio is now expecting String|Number in v-model directive (to compare with passed value) instead of Boolean. Consider it for migration.

• Some boolean props have been deprecated in favor of alternatives with default value false.
  This allows to use shorthand notation on the template, as a prop with a default value of false
  will be set to true if it is set (without any value) in the template,
  similar to native HTML boolean attributes.
  Following components have been adjusted:

  Component	Deprecated prop	New alternative
  NcModal	enableSwipe	disableSwipe
  NcAppContent	allowSwipeNavigation	disabledSwipe

🚀 Enhancements

• feat: Allow to import without dist #6385 (susnux)
• feat: Use boolean props with default value false #6452 (susnux)
• feat(Nc*Field): add #icon slot for forward compatibility with v9, #default slot is deprecated #6399 (ShGKme)
• fix(NcActionRadio): change modelValue to behave like NcCheckboxRadioSwitch #6264 #6470 (Antreesy)

🐛 Fixed bugs

• fix(NcAction*): Fix RTL support for component #6507 (Antreesy)
• fix(NcActions): Remove on mousemove listener for auto focus elements #6475 (susnux)
• fix(NcActionCheckbox): Fix padding in RTL mode #6354 (falghamdi125)
• fix(NcAppNavigation + NcUserBubble + NcRichContenteditable): RTL support #6455 (DorraJaouad)
• fix(NcAvatar): title not shown when component used without menu #6297 (Koc)
• fix(NcAvatar): user status and interactivity toggle button Bidi support #6407 (DorraJaouad)
• fix(NcColorPicker): close popover on submit event #6336 (Antreesy)
• fix(NcCounterBubble): show original count in title when shortened #6395 (ShGKme)
• fix(NcDateTimePicker): selected and hover time is not readable #6492 (ShGKme)
• fix(NcDateTimePickerNative): do not set invalid value on clear event #6387 (Antreesy)
• fix(NcDateTimePickerNative): style alignment with other input components #6454 (Antreesy)
• fix(NcEmojiPicker): add arrow navigation #6466 (ShGKme)
• fix(NcEmojiPicker): adjust styles to correctly fit emojis #6465 (ShGKme)
• fix(NcListItem): Fix padding in RTL mode #6359 (falghamdi125)
• fix(NcModal): Enforce opaque backdrop if needed #6434 (susnux)
• fix(NcPopover): emit after-show after focus-trap init to correctly return focus #6342 (ShGKme)
• fix(NcPopover): blurry content on scaled page in Chromium #6512 (ShGKme)
• fix(NcRich*): style fixes and RTL support #6474 (Antreesy)
• fix(NcRichContenteditable): remove value linkify #6372 (ShGKme)
• fix(NcRichText): adjust conditions for highlight syntax #6259 (Antreesy)
• fix(NcRichText): extract un-escaping of text/code nodes with XML-like content #6499 #6501 (Antreesy)
• fix(NcTeamResources): Do not make extraneous requests for resources #6379 (Pytal)

Changed

• chore(stylelint): csstools/use-logical #6419 (ShGKme)
• chore(stylelint): fix scripts to be unix-compatible #6418 (ShGKme)
• chore(docs): Do not override assets while building the styleguide #6408 (susnux)
• chore(docs): update documentation #6460 (ShGKme)
• Updated workflows and dependencies
• Updated translations

New Contributors

• @Koc made their first contribution in #6297

v9.0.0-alpha.6

💥 Breaking Changes

• The package now uses Vue 3 instead of Vue 2.7
• The package is now a native ESM package and the CommonJS entry points were dropped!
• The old import paths like @nextcloud/vue/dist/Components/NcComponent.js were removed, please use the new ones (@nextcloud/vue/components/NcComponent) instead.
• The plugin registering all the components and directives globally is removed.
  Use local registration instead. Use unplugin-vue-components if you need an alternative.
• The limitWidth prop of NcSettingsSection was removed (the content is now always limited width) #5605
• NcCounterBubble: remove default slot and make count prop required #5997x
• The closing and opening events of NcAppSidebar were removed as they are directly emitted when the sidebar was opened when using v-if and also just duplicated the state of the open prop #5606
• The checked prop was renamed to modelValue, the update:checked event was renamed to update:modelValue. This affects the following components:
  • NcActionCheckbox
  • NcActionRadio
  • NcCheckboxRadioSwitch
• The value prop was renamed to modelValue, the update:value or input events were renamed to update:modelValue. This affects the following components:
  • NcActionInput
  • NcActionTextEditable
  • NcColorPicker
  • NcDateTimePicker
  • NcDateTimePickerNative
  • NcInputField
  • NcPasswordField
  • NcRichContenteditable
  • NcSelect
  • NcSelectTags
  • NcSettingsInputText
  • NcSettingsSelectGroup
  • NcTextArea
  • NcTextField
  • NcTimezonePicker
• The leading icon slot was changed from #default to #icon in Nc*Field components:
  • NcInputField
  • NcTextField
  • NcPasswordField
• The exact prop was removed. This affects the following components:
  • NcActionRouter
  • NcAppNavigationItem
  • NcBreadcrumb
  • NcListItem
• The isFullscreen and isMobile mixins were removed. Use the according composables instead.
• The box-sizing: border-box is now default for following components and its content. This is done to match behaviour of NcContent (as they can be mounted directly to body):
  • NcModal
  • NcPopover

What's Changed compared to last pre-release

💥 Breaking Changes

• [next] feat(NcCounterBubble)!: remove default slot and make count prop required by @ShGKme in #5997
• [next] feat!: remove plugin by @ShGKme in #6349

🚀 Enhancements

• [next] feat(NcNoteCard): Add text prop to pass the content of the note card by @backportbot in #5901
• [next] feat(NcPasswordField): add as-text prop to remove autocomplete by @backportbot in #5902
• [next] feat(NcListItem): provide additional slots for NcActions / extra actions customization by @backportbot in #5903
• [next] feat(NcUserBubble): add RouterLink support by @backportbot in #5912
• [next] feat(NcListItem): allow to control the display of a three dot menu by @backportbot in #5983
• [next] feat(useHotKey): add composable for keyboard shortcuts by @backportbot in #5996
• [next] feat(NcCounterBubble): add count prop for humanized count display by @backportbot in #5990
• [next] feat(NcDialog): Allow to make the dialog a form by @backportbot in #5945
• [next] feat(NcButton): Allow to specify target attribute for buttons with href by @backportbot in #5939
• [next] feat(NcHeaderButton): Add a button only alternative for the header menu by @backportbot in #6070
• [next] feat(NcModal): make dark header configurable by @backportbot in #6088
• [next] [NcRichText] Add style to mount point for custom picker and custom widget elements by @backportbot in #6140
• [next] feat(NcRicFull Changelog: v9.0.0-alpha.5...v9.0.0-alpha.6hText): make interactive widgets opt-in by @backportbot in #6153
• [next] fix(NcTextArea): remove non-existing prop 'type' for textarea by @backportbot in #6173
• [next] feat: add isDarkTheme functions and composables by @backportbot in #6196
• [next] feat: Add spawnDialog function by @backportbot in #6207
• [next] feat(NcRichText): highlight code syntax if language provided by @backportbot in #6247
• [next] feat(NcAppNavigation): Provide consistent in-app search by @backportbot in #5848
• [next] feat(NcDialogButton): Allow to return false from callback to keep dialog open by @backportbot in #6035

🐛 Fixed bugs

• [next] style(NcAppNavigationCaption): remove margin-bottom by @backportbot in #5826
• [next] fix(NcInputField): Make helper text aligned and maxcontrast color by @backportbot in #5827
• [next] docs: Fix NcAppNavigationCaption examples by @backportbot in #5825
• [next] fix(NcListItem): Anchor height was set not to content but random area by @backportbot in #5835
• [next] fix(NcListItem): do not render counter on falsy values by @backportbot in #5836
• [next] fix(NcAppSidebar): manage focus only after transition has finished by @backportbot in #5840
• [next] fix(NcAppContent): splitpane splitter styles with dark theme by @backportbot in #5846
• [next] fix(NcColorPicker): Make the color circle size depend on clickable area by @backportbot in #5845
• [next] fix: alignement of listitem name for one line layout by @backportbot in #5854
• [next] fix(NcModal): temporary deactivate focus-traps on modal open by @backportbot in #5852
• [next] NcActionCheckbox: align with NcActionText by @backportbot in #5858
• [next] NcAppSettingsSection: make titles normal h3 size by @backportbot in #5838
• [next] NcSelect: make same height and color as NcTextField by @backportbot in #5864
• [next] fix: Migrate SCSS $clickable-area to CSS --default-clickable-area by @backportbot in #5752
• [next] fix(style): adjust elements styles to unit-less line-height by @backportbot in #5891
• [next] fix(NcSettingsSection): remove default h2 margin-top by @backportbot in #5900
• [next] fix(NcAppNavigationItem): Fix popper boundary element by @backportbot in #5789
• [next] fix(NcListItem): Make paddings smaller again on Nextcloud 30 by @backportbot in #5904
• [next] fix(NcAppNavigationCaption): properly align with NcAppNavigationItem by @backportbot in #5805
• [next] fix(NcCounterButton): adjust min-width to make it a right circle by @backportbot in #5911
• [next] fix(NcInputField): Make focus visible on trailing button look better by @backportbot in #5828
• [next] fix(NcUserBubble): fix tag assignment if no url but to provided by @backportbot in #5918
• [next] fix(NcNoteCard): Adjust padding and margin by @backportbot in #5920
• [next] fix: Fix alignment of dashboard list items by @backportbot in #5919
• [next] NcListItem: remove max width by @backportbot in #5880
• [next] fix(NcListItem): Adjust icon color when the list item is active by @backportbot in #5944
• [next] fix(NcUserBubble): make it perfectly aligned circle by @backportbot in #5949
• [next] fix(NcAvatar): extend variable size of status icons...

v8.22.0

v8.22.0 (2024-12-23)

Full Changelog

🚀 Enhancements

• feat(NcAvatar): implement custom javascript hook action for the contacts menu #6238 (st3iny)
• feat(NcAppNavigation): add n hotkey to toggle navigation #6311 (skjnldsv)

🐛 Fixed bugs

• fix(NcAppNavigationItem): TypeError: this.$refs.actions.$refs.menuButton is undefined #6226 (wofferl)
• fix(NcListItem): Don't require name prop by @artonge in #6128 (artonge)
• style(NcCheckboxRadioSwitch): fix styles in disabled state #6265 (Antreesy)
• fix(NcModal): make 'Close' button the last element for the focus-trap #6266 (Antreesy)
• fix(NcAppNavigation): Fix sidebar position in RTL and mobile mode.#6260 (falghamdi125)
• fix(NcAppContent): add RTL support #6303 (hamza221)
• fix(NcCheckboxRadioSwitch): RTL support #6302 (hamza221)
• fix(NcDateTimePicker): popup position #6312 (hamza221)
• Fix(NcSettingsSection): Add RTL support to NcSettingsSection info icon. #6290 (falghamdi125)
• Fix(NcDashboardWidgetItem): Add RTL support to NcDashboardWidgetItem #6292 (falghamdi125)
• fix(useHotKey): allow hotkeys with implicit SHIFT and add caseSensitive, custom event filter options #6301 (Antreesy)
• fix(NcRichContenteditable): prevent content from overflowing #6316 (Antreesy)
• fix(NcActionButton): RTL support #6200 (falghamdi125)

Changed

• docs(NcDateTimePickerNative): add time picker example #6188 (GVodyanov)
• chore(NcAppSidebarTabs): remove internal component from docs #6253 (ShGKme)
• Updated workflows and dependencies
• Updated translations

New Contributors

• @falghamdi125 made their first contribution in #6260

v8.21.0

v8.21.0 (2024-11-21)

Full Changelog

🚀 Enhancements

• feat(NcRichText): highlight code syntax if language provided #6212 (Antreesy)

🐛 Fixed bugs

• fix(NcInputField): correct position of trailing icon in RTL #6202 (alsulami1)
• fix(NcChip): wrong color-primary-text variable used #6218 (skjnldsv)
• fix: make sure model event in v-model happens first to avoid regression #6234 (ShGKme)
• fix(NcTextField): don't fire value-updating events twice #6235 (ShGKme)
• fix(NcRichContenteditable): support mentions of email/* guests #6233 (Antreesy)
• fix(NcAppContent): correct splitter color in dark mode when using split-horizontal mode #6227 (wofferl)
• fix(NcRichContenteditable): do not break adjacent user mentions #6223 (Antreesy)
• fix(NcRichContenteditable): fix pasting of the content to an empty field #6241 (DorraJaouad)

New Contributors

• @alsulami1 made their first contribution in #6202
• @wofferl made their first contribution in #6227

v8.20.0

v8.20.0 (2024-10-29)

Full Changelog

📝 Notes

Now you can use v-model directive, :model-value prop, and @update:model-value (@update:modelValue) event in all data input components to have compatibility with v9 in the future.

<!-- Only v8 (Vue 2) -->
<NcTextField :value.sync="username" />
<!-- Compatible with both v8 (Vue 2) and v9 (Vue 3) -->
<NcTextField v-model="username" />
<!-- same as -->
<NcTextField :model-value="username" @update:model-value="username = $event" />

If you already use v-model with a custom writable computed on :value.sync components before, it might not work as expected anymore. Make sure to remove or adjust it before update.
See the full list in v9 breaking changes.

🚀 Enhancements

• feat: add v-model support for input-like components #5418 (kyteinsky)
• feat: forward compatibility with v9 on v-model props/events #6172 (ShGKme)
• feat(NcRichText): add styles to mount point for custom picker and custom widget elements #6108 (julien-nc)
• feat(NcRichText): make interactive widgets opt-in #6151 (Antreesy)
• feat: add isDarkTheme functions and composables #5698 (ShGKme)
• feat: add spawnDialog function #6195 (susnux)

🐛 Fixed bugs

• fix(NcReferencePicker): allow closing modal dialog #6137 (JuliaKirschenheuter)
• fix(NcActions): RTL support #6148 (hamza221)
• fix(NcAppNavigation): RTL support #6144 (hamza221)
• fix(NcSelect): RTL support #6150 (hamza221)
• fix(NcAppDetailsToggle): RTL support #6145 (hamza221)
• fix(NcModal): RTL support #6171 (hamza221)
• fix(NcAppSidebar): RTL support #6187 (hamza221)
• fix(NcDateTimePicker): adjust component styling close to native appearance #6095 (GretaD)
• fix(NcTimeZonePicker): scope css styles #6184 (Antreesy)
• fix(NcAppSidebarTabs): force color-main-text for icons #6189 (Antreesy)
• fix(NcAppNavigationItem): use $scopedSlots instead of $slots #6161 (st3iny)

Changed

• Updated workflows and dependencies
• Updated translations

v8.19.0

v8.19.0 (2024-09-16)

Full Changelog

🚀 Enhancements

• feat(NcModal): make dark header configurable #6083 (mejo-)
• feat(NcActions): Emit closed event only when the actions are fully closed #6065 (susnux)

🐛 Fixed bugs

• fix(NcAppNavigationItem): align utils with actions and other components #6054 (GVodyanov)
• fix(NcAvatar): add a fallback for missing CSS variable #6090 (Antreesy)
• fix(NcColorPicker): style advanced fields as NcInputField #6097 (Antreesy)

Changed

• Updated workflows and dependencies

v8.18.0

v8.18.0 (2024-09-12)

Full Changelog

🚀 Enhancements

• feat(NcDialogButton): Allow to return false from callback to keep dialog open #6005 (susnux)
• feat(NcHeaderButton): Add a button-only alternative for the header menu #6048 (susnux)

🐛 Fixed bugs

• fix(NcActions): Pressing Escape should always close the actions #6037 (susnux)
• fix(NcListItem): make the max width in oneline mode apply only to the content name #6039 (GVodyanov)
• fix(NcHeaderMenu): Ensure trigger button has the same width as a wrapper #6047 (susnux)
• fix(NcCheckboxRadioSwitch): switch may have incorrect checked-like background #6055 (Antreesy)
• fix(NcEmojiPicker): adjust hover effects to the new design #6056 (Antreesy)

Changed

• Updated workflows and dependencies
• Updated translations

v8.17.1

v8.17.1 (2024-08-30)

Full Changelog

🐛 Fixed bugs

• fix(NcAppNavigation): keep border only on mobile #6008 (ShGKme)
• fix(NcRichText): discard reference widgets on text update #6011 (Antreesy)
• fix(NcCheckBoxRadioSwitch): do not toggle on a click on a link inside #6013 (DorraJaouad)
• fix: Adjust time intervals for relative time #6017 (susnux)
• fix(NcHeaderMenu): Remove padding from popover menu #6026 (susnux)
• fix(useHotKey): respect press of MacOS Cmd key as Ctrl key #6021 (Antreesy)

v8.17.0

v8.17.0 (2024-08-21)

Full Changelog

🚀 Enhancements

• feat(NcButton): Allow to specify target attribute for buttons with href #5938 (mejo-)
• feat(NcDialog): Allow to make the dialog a form #5932 (susnux)
• feat(NcListItem): allow to control the display of a three dot menu #5980 (DorraJaouad)
• feat(NcCounterBubble): add count prop for humanized count display #5863 (ShGKme)
• feat(useHotKey): add composable for keyboard shortcuts #5899 (Antreesy)

🐛 Fixed bugs

• fix(NcActions): Role menu needs a label assigned so label by trigger #5933 (susnux)
• fix(NcListItem): Adjust icon color when the list item is active #5936 (susnux)
• fix(NcCounterBubble): make it perfectly aligned circle #5948 (ShGKme)
• fix(NcAvatar): extend variable size of status icons #5959 (Antreesy)
• fix(NcActions): NcActionCheckbox and NcActionRadio icon alignment #5958 (GretaD)
• fix(NcCheckboxRadioSwitch): adjust to new border radius #5974 (ShGKme)
• fix: use --header-height instead of 50px constant #5973 (ShGKme)
• fix(NcAppSettingsDialog): Adjust navigation entries to match Nextcloud 30 design #5963 (susnux)
• fix(NcAppNavigationCaption): make name ellipsize #5982 (GVodyanov)
• fix(NcAppNavigation): add border-right #5953 (marcoambrosini)
• fix(NcRichText): modify MENTION_START regex to work on older MobileSafari versions #5976 (arthurlockman)
• fix(NcCounterBubble): increase size #5985 (ShGKme)
• fix(NcRichContenteditable): adjust to new design #5992 (ShGKme)

Changed

• chore(docs): specify more Nextcloud versions in styleguidist #5930 (ShGKme)
• refactor(NcModal): get rid of unneeded calc() #5984 (ShGKme)
• Updated translations