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

v8.16.0

v8.16.0 (2024-08-05)

Full Changelog

🚀 Enhancements

• feat(NcNoteCard): Add text prop to pass the content of the note card #5894 (susnux)
• feat(NcPasswordField): Add as-text prop to remove autocomplete #5896 (ShGKme)
• feat(NcListItem): Provide additional slots for NcActions / extra actions customization #5870 (Antreesy)
• feat(NcUserBubble): Add RouterLink support #5708 #5917 (Antreesy)

🐛 Fixed bugs

• fix(NcSelect): Ensure that component height is the same as input element #5883 (susnux)
• fix(style): Adjust elements styles to unit-less line-height #5889 (ShGKme)
• fix(NcSettingsSection): Remove default h2 margin-top #5897 (ShGKme)
• fix(NcCounterButton): Adjust min-width to make it a right circle #5905 (ShGKme)
• fix(NcDashboardWidgetItem): Fix alignment of dashboard list items #5914 (juliushaertl)
• fix(NcNoteCard): Adjust padding and margin #5893 (susnux)
• fix(NcAvatar): Make button element round as the avatar #5898 #5916 (Antreesy))

Changed

• Updated translations

v8.15.1

v8.15.1 (2024-07-29)

Full Changelog

🐛 Fixed bugs

• fix(NcListItem): Make paddings smaller again on Nextcloud 30 #5879 (susnux)
• fix(NcChip): Ensure chips without icon do not reserve empty space for icon #5859 (susnux)
• fix: alignment of listitem name for one line layout #5853 (GretaD)
• NcActionCheckbox: align with NcActionText #5839 (GVodyanov)
• NcSelect: make same height and color as NcTextField #5829 (GVodyanov)
• fix(NcSelect): increase avatar size to show subname #5865 (luka-nextcloud)
• NcListItem: remove max width #5830 (GVodyanov)

Changed

• fix(NcAppNavigation): update docs example with NcAppNavigationSearch component #5857 (Antreesy)
• Updated translations