v9.0.0-alpha.0

v9.0.0-alpha.0 (2024-01-24)

Full Changelog

💥 Breaking Changes

• The package now uses Vue 3 instead of Vue 2.7
• The package is now a native ESM package
• 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 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.

🚀 Enhancements

• Allow writing components using Typescript and provide type definitions for NcButton #4525 (susnux)

🐛 Fixed bugs

• fix(vue3): Inherit $attrs to Dropdown in NcPopover #4564 (raimund-schluessler)
• fix(eslint): run eslint on migrated files #4630 (raimund-schluessler)
• fix(NcListItemIcon): correctly use default slot in examples #4695 (raimund-schluessler)
• fix(NcAvatar): don't show false for disabled tooltip #4740 (raimund-schluessler)
• fix(NcCheckboxRadioSwitch): fix v-on with no argument expects an object value #4840 (raimund-schluessler)
• fix(NcActions): find actions deeper nested #4804 (raimund-schluessler)
• fix(NcUserBubble): import warn correctly #4906 (raimund-schluessler)
• fix(docs): use v-model instead of sync #4969 (raimund-schluessler)
• fix(NcCheckboxRadioSwitch): correctly declare update:modelValue #5006 (raimund-schluessler)
• fix(test): correctly provide props in test #5012 (raimund-schluessler)
• fix(NcBreadcrumb): fix setting class on root element #5010 (raimund-schluessler)
• fix(NcBreadcrumb): correctly emit drag events #5011 (raimund-schluessler)
• fix(NcCheckboxContent): correctly check default slot #5058 (raimund-schluessler)
• fix(NcBreadcrumbs): do not forward refs to hidden crumbs #5066 (raimund-schluessler)

Other Changes

• Rename checked prop to modelValue #4994 (raimund-schluessler)
• Unify modelValue naming #4990 (raimund-schluessler)
• Remove deprecated mixins #4830 (raimund-schluessler)
• Use vite for all entry points #4524 (susnux)
• Use vite instead of webpack #4619 (raimund-schluessler)
• Make package ESM by default #4957 (susnux)
• chore(vue3): Migrate NcPopover #4511 (raimund-schluessler)
• chore(vue3): Migrate NcHighlight #4513 (raimund-schluessler)
• chore(vue3): Migrate Focus directive, globally import Tooltip in docs #4515 (raimund-schluessler)
• chore(vue3): Migrate NcDatetime #4514 (raimund-schluessler)
• chore(vue3): add unit test for isSlotPopulated #4516 (raimund-schluessler)
• feat(vue3): Do cheap migrations #4532 (raimund-schluessler)
• chore(vue3): Migrate Nc*Field #4512 (raimund-schluessler)
• feat(vue3): Migrate NcDatetimePickerNative #4533 (raimund-schluessler)
• chore(vue3): Nc*Field rename default to icon slot #4543 (raimund-schluessler)
• chore(vue3): Migrate NcEmojiPicker #4563 (raimund-schluessler)
• chore(vue3): Migrate NcEmptyContent #4542 (raimund-schluessler)
• chore(vue3): Migrate NcColorPicker #4562 (raimund-schluessler)
• chore(vue3): Migrate NcSelect* and related components #4587 (raimund-schluessler)
• chore(vue3): Migrate NcDateTimePicker to vue 3 #4631 (raimund-schluessler)
• chore(vue3): Migrate Nc*Field from value to model-value #4647 (raimund-schluessler)
• chore(vue3): Migrate NcTextArea to vue 3 #4696 (raimund-schluessler)
• chore(vue3): Migrate NcActions* to vue 3 #4646 (raimund-schluessler)
• chore(vue3): Migrate NcModal to vue 3 #4722 (raimund-schluessler)
• chore(vue3): Migrate NcAvatar to vue 3 #4719 (raimund-schluessler)
• chore(vue3): Migrate NcDialog* to vue 3 #4731 (raimund-schluessler)
• chore(vue3): Migrate NcHeaderMenu to vue 3 #4732 (raimund-schluessler)
• chore(vue3): Migrate NcListItem to vue 3 #4726 (raimund-schluessler)
• chore(vue3): Migrate NcBreadcrumbs to vue 3 #4741 (raimund-schluessler)
• chore(vue3): Migrate NcRelatedResource to vue 3 #4800 (raimund-schluessler)
• chore(vue3): Migrate NcUserBubble to vue 3 #4739 (raimund-schluessler)
• chore(vue3): Migrate NcContent to vue 3 [#4831](https://github.com/nextcloud-libraries/nextcloud-vue/pull/...

v8.5.0

v8.5.0 (2024-01-23)

Full Changelog

🚀 Enhancements

• enh(NcSelect): Add visible input label by @Pytal in #4963
• feat(NcModal): Set return focus element on focus trap deactivation by @Pytal in #5025
• Harmonize focus-visible styles for vue-navigation item with none-vue navigation item by @JuliaKirschenheuter in #5022
• feat(NcActionInput): allow to append NcSelect to body by @raimund-schluessler in #5017
• enh(NcSelect): Improve accessibility by @Pytal in #5036
• enh: Make the date time formatting reusable for applications by @susnux in #5046
• enh(NcHeaderMenu): Close navigation header menu on focusout by @Pytal in #5064
• enh(a11y): added aria-label that matches title attr on icon by @emoral435 in #5078
• feat: Add NcUserStatusIcon by @Pytal in #5059
• enh(breadcrumb): conditionally renders button when no redirection link given by @emoral435 in #5077
• feat(NcPopover): provide a11y attributes to the trigger by @ShGKme in #5086
• feat(NcDialog): add navigationAriaLabel and navigationAriaLabelledBy props by @ShGKme in #5083
• enh(NcContent): Add skip content buttons by @susnux in #4983
• enh(NcInputField): Support numeric values - if numeric also emit numeric by @susnux in #4926
• feat(NcProgressBar): add circular progress bar by @raimund-schluessler in #5100
• feat(NcReferenceList): Add support for a fallback reference widget by @mejo- in #5092
• enh(NcEmojiPicker): Always show skin tone selector + save selection by @susnux in #5103
• feat(NcActionButton): Allow pressed state on NcActionButton - similar to NcButton by @susnux in #4744
• feat(NcRichText) add support of GFM (extended markdown) by @Antreesy in #4365

🐛 Fixed bugs

• fix(NcCheckboxRadioSwitch): fix shift+click on firefox by @skjnldsv in #4999
• fix(NcCheckboxRadioSwitch): use correct padding by @raimund-schluessler in #5009
• fix(NcCheckboxRadioSwitch): improve rendering and prevent unecessary elements by @skjnldsv in #5001
• fix(NcAppNavigation): change h2 to span by @emoral435 in #5020
• fix(NcDateTimePicker): Use ISO week numbers if showWeekNumber is set by @susnux in #5045
• fix(NcActions): In case of inline actions make sure to support icon as URL by @susnux in #5053
• fix(NcDialog): allow to close NcDialog on click outside by @Antreesy in #5062
• fix(NcRelatedResourcesPanel): Fix invalid URL query params by @Pytal in #5065
• fix(NcBreadcrumbs): improve the breadcrumbs shrinking behaviour by @raimund-schluessler in #5069
• fix(NcInput): input disabled appearance by @marcoambrosini in #5000
• fix(NcButton): use a as tag for router-link by @raimund-schluessler in #5091
• fix(NcSelect): remove visual gap on top of the list by @ShGKme in #5095
• Remove unneeded tab, tablist and aria-selected roles from navigation by @JuliaKirschenheuter in #5075
• fix(NcCheckboxRadioSwitch): Fix invalid indeterminate checkbox semantics by @Pytal in #5096
• Remove inaccessible opacity from SettingsSection by @JuliaKirschenheuter in #5109
• fix(NcPopover): fix docs example by @raimund-schluessler in #5111
• fix(NcPopover): check trigger a11y compatible with Vue 3 by @ShGKme in #5110
• fix(NcHeaderMenu): mouse in now pointer by @emoral435 in #5101
• fix(NcActions): use new slots api by @ShGKme in #5118
• fix(NcButton): pressed state a11y by @ShGKme in #5119
• Fix additionalTrapElements to accept HTMLelements as well by @GretaD in #5120

Other Changes

• refactor(NcCheckboxRadioSwitch): move comment to have a single root node by @ShGKme in #5018
• refactor(NcActionButtonGroup): replace computed of constant with constant by @ShGKme in #5023
• chore(docs): correct list types values for styleguidist in NcCheckboxRadioSwitch by @ShGKme in #5079

v8.4.0

v8.4.0 (2023-12-22)

Full Changelog

Notes

• NcRichContenteditable: new visual label feature might break layout if you have custom contenteditable styles
• isMobile and isFullscreen mixins are now deprecated, use useIsMobile and useIsFullscreen composables instead

🚀 Enhancements

• enh: Split translations by components to only include needed strings in app bundles by @susnux in #4861
• enh(NcCheckboxRadioSwitch): Allow to set aria-label by @susnux in #4903
• enh(NcRichContenteditable): Add optional visual label for content editable by @susnux in #4907
• enh(NcBreadcrumbs): Allow setting aria-label on nav by @Pytal in #4913
• feat: add small mobile breakpoint by @ShGKme in #4919
• Add target prop for NcListItem by @Fenn-CS in #4923
• Make modal mask dark if some icons are shown outside by @szaimen in #4916
• enh: Add a full labelled color palette to be used as the default for the color picker by @susnux in #4902

🐛 Fixed bugs

• fix(NcAppNavigationItem): fix style when using active prop by @raimund-schluessler in #4989
• fix(NcDialog): Increase specificity for modal-content selector by @susnux in #4897
• Prevent NcBreadcrumb from automatically inheriting attributes by @JuliaKirschenheuter in #4918
• fix(NcAvatar): Increase contrast of avatar status icon by @Pytal in #4912
• fix(utils/UserStatus): typo in "invisible" translation key by @ShGKme in #4931
• enh(NcDialog): Label dialog nav by @Pytal in #4928
• fix(NcAppNavigationSettings): remove incorrect aria-label by @ShGKme in #4932
• fix(NcAppSidebar): add focus trap on mobile by @ShGKme in #4909
• feat(NcRichContenteditable): put caret in the end when focus input by @Antreesy in #4924
• fix(package): specify exports for composables by @ShGKme in #4951
• fix(NcActions): provide aria-expanded="false" when menu is closed instead of removing it by @ShGKme in #4946
• fix(NcListItem): Ensure list item does not overflow wrapper by @susnux in #4956
• fix(NcActionX): Allow relative icon URL by @susnux in #4955
• fix(NcAppSettingsDialog): respect showNavigation prop by @ShGKme in #4954
• fix(NcAppNavigation): Bring back hover state for active element by @susnux in #4960
• enh(aria): changed check color to adhere to 3:1 ratio by @emoral435 in #4958
• Use logical style for NcHeaderMenu by @ahangarha in #4965
• Equalize TextArea styles with TextField styles by @JuliaKirschenheuter in #4971
• Increase contrast on input field for NcRichContenteditable by @JuliaKirschenheuter in #4975
• enh(breadcrumbs): changed aria label for voice control on a-tag by @emoral435 in #4973
• Differentiate between dark and light theme for NcDateTimePickerNative by @JuliaKirschenheuter in #4981

Other Changes

• refactor(NcAppSidebar): remove unneeded debug log by @ShGKme in #4952
• chore(ci): make Jest output colorful by @ShGKme in #4966
• Update translations

v8.3.0

v8.3.0 (2023-11-30)

Full Changelog

🚀 Enhancements

• feat(NcInputField): add optional pill form appearance to the component #4876 (Antreesy)

🐛 Fixed bugs

• fix(NcCheckboxContent): Make sure text can wrap #4862 (susnux)
• fix(NcAppNavigation): make toggle button not the first element for focus-trap #4864 (Antreesy)
• fix(NcAppNavigation): closed on mobile initially #4869 (ShGKme)
• fix(NcAppSettingsDialog): Remove navigation instead of hiding and fix styles #4865 (susnux)
• Remove server styles from action menu #4875 (marcoambrosini)
• fix(NcCheckboxRadioSwitch): visually hidden input position #4882 (ShGKme)
• fix(NcDialog): Add slighly more padding on the bottom and fix example button order #4881 (susnux)
• docs(NcAppNavigation): Add docs for slots and remove private components from styleguide #4883 (susnux)
• fix(NcAppNavigationCaption): Make color main-text for accessibility #4885 (susnux)
• fix(NcColorPicker): correct aria-label #4889 (ShGKme)
• fix(NcActions): typo in aria-haspopup #4887 (ShGKme)
• fix(NcAppNavigation): replace custom v-tooltip with native title #4888 (ShGKme)

Other Changes

• chore(lint): use valid JSDoc for literal type union #4886 (ShGKme)
• Update translations

v8.2.0

v8.2.0 (2023-11-17)

Full Changelog

🚀 Enhancements

• feat(NcColorPicker): palette now can have color names #4611 (ShGKme)

🐛 Fixed bugs

• fix: export composables #4829 (raimund-schluessler)
• fix(NcAppSidebarTabs): override tabs styles only tablist navigation #4823 (ShGKme)
• Improve relative time handling #4832 (nickvergessen)
• fix(cypress): delete unused files #4837 (raimund-schluessler)
• fix(NcActions): fix role and aria attributes #4835 (ShGKme)
• fix(NcAppSettingsDialog): unregisterSection should remove the section instead of remove all other #4798 (susnux)
• fix(NcRichcontenteditable): remove placeholder attr #4843 (ShGKme)
• fix(NcDateTime): Also use months for relative date time #4845 (nickvergessen)
• fix(NcActions): adjust keyboard navigation #4841 (ShGKme)
• fix checkbox sizing #4760 (szaimen)
• fix(NcActions): only search for items to focus on in the current menu #4846 (ShGKme)
• Create scrollable content via min-height over sidebar and settings … #4825 (JuliaKirschenheuter)
• Create scrollable content via min-height over sidebar and settings dialog on small screens #4836 (JuliaKirschenheuter)
• Correct styles for focused NcTextArea #4848 (JuliaKirschenheuter)

Other Changes

• Update translations

v8.1.0

v8.1.0 (2023-11-14)

Full Changelog

🚀 Enhancements

• feat: introduce useIsMobile and useIsFullscreen composables #4761 (@ShGKme)

🐛 Fixed bugs

• Fix tabs appearance #4815 (@marcoambrosini)
• fix(NcTextField): Align default label for trailing button with used icon #4805 (@susnux)
• fix single-select design #4817 (@szaimen)

Other Changes

• Update translations

Full Changelog: v8.0.1...v8.1.0

v8.0.1

What's Changed

🐛 Fixed bugs

• fix(NcModal): Adjust aria-label of close button by @susnux in #4778
• fix(NcCounterBubble): Fix color of highlighted/outlined items when no… by @nickvergessen in #4781
• fix(NcTimezonePicker): add missing t method by @ShGKme in #4790
• fix(docs): Add samples for counters so they are never forgotten on ad… by @nickvergessen in #4783
• fix(NcCheckboxRadioSwitch): Fix contrast of Radio switches using butt… by @nickvergessen in #4791

Other Changes

• Updates for project Nextcloud vue library by @transifex-integration in #4780
• Updates for project Nextcloud vue library by @transifex-integration in #4784

Full Changelog: v8.0.0...v8.0.1

v8.0.0

What's Changed

More information could be found on this tracking issue: #4223

💥 Breaking Changes

• Migrate from deprecated title prop by @raimund-schluessler in #4052
• Remove deprecated popovermenu component by @raimund-schluessler in #4081
• Remove excludeClickOutsideClasses from clickOutsideOptions by @raimund-schluessler in #4088
• Remove deprecated NcAppNavigationCounter component by @raimund-schluessler in #4096
• Rename title props and slots to name by @raimund-schluessler in #4106
• Remove deprecated NcMultiselect and NcMultiselectTags components by @susnux in #4281
• chore: Drop install entry point and replace it with an Vue Plugin by @susnux in #4349
• feat(NcEmptyContent)!: make empty content centered by default instead of 20vh margin by @ShGKme in #4506
• chore!: Rename Datetime to DateTime in component names by @susnux in #4560
• feat(NcIconSvgWrapper)!: remove ID from svg by @ShGKme in #4607

🚀 Enhancements

• Emit event when NcAppContent list pane is resized by @julien-nc in #4071
• Allow setting modal size when registering a custom picker component by @julien-nc in #3866
• Add info NoteCard by @moan0s in #4063
• feat: Add slot for description of NcEmptyContent by @susnux in #3895
• collapse sections by default to make the styleguide a bit lucid by @szaimen in #4152
• enh(NcSelect): Keep dropdown open while loading by @Pytal in #4209
• Append custom aria-describedby to input field by @Pytal in #4225
• fix progress-bar on chromium browsers by @szaimen in #4238
• adjust border-radius of ncpopover by @szaimen in #4237
• NcDatetime: New component for displaying timestamps as time relative from now by @susnux in #4219
• Migrate building CommonJS module entrypoint to vite by @susnux in #4329
• NcButton: Add alignment property to change icon and text ordering by @susnux in #4366
• fix(NcButton): Improve alignment documentation to show all variants. by @susnux in #4392
• NcCheckboxRadioSwitch - adjust border color by @szaimen in #4427
• Add accessible label to textarea by @Pytal in #4448
• Remove border from sidebar tabs by @marcoambrosini in #4449
• Make smart picker modal close button tertiary by @julien-nc in #4441
• Add menuitem role to action link by @Pytal in #4436
• feat(NcModal): Allow to configure if the modal is closed when clicked outside by @susnux in #4454
• Feature: Add visible inner label for NcInputField on border by @susnux in #4394
• Bring back label outside of the input for NcActionInput by @juliushaertl in #4484
• feat(NcRichContenteditable) - add different output appearance in examples by @Antreesy in #4485
• perf(NcEmojiPicker): decrease mounting time and memory by moving large constants initialization and storing out from instance's reactive data by @ShGKme in #4479
• enh(NcAppNavigationCaption): Forward listeners by @Pytal in #4494
• enh(a11y): Use button as header menu trigger by @Pytal in #4481
• enh(a11y): Add nav to header menu by @Pytal in #4487
• feat(NcIconSvgWrapper): allow to render raw svg paths by @raimund-schluessler in #4643
• feat(NcDialog): New component (moved from @nextcloud/dialogs) by @susnux in #4550
• feat(NcSelect): Allow to filter users by email notation by @susnux in #4653
• enh(NcAppSidebarTabs): Make tab navigation accessible by @Pytal in #4663
• Add the resource type on RelatedResourcesPanel by @GretaD in #4662
• feat(NcTextArea): implement new textarea component by @st3iny in #4605
• Add header prop to NcRelatedResourcesPanel by @GretaD in #4703
• feat(NcAppNavigationItem): Add active property to set active state & use aria-current by @susnux in #4716
• feat(NcActionButton): support menu styling by @skjnldsv in #4724
• Made description dynamic on related resources by @GretaD in #4729
• fix(NcTimezonePicker): Allow to set ID of inner select component by @susnux in #4734
• Allow preventing link insertion in RichContentEditable by @julien-nc in #3890
• [NcAppSettingsDialog] Allow to add icons to the navigation sections by @susnux in #4745
• NcButton: Allow to format text of button by @susnux in #4367

🐛 Fixed bugs

• fix(NcRichContenteditable): Fix avatar overlayed with empty space whe… by @nickvergessen in #4043
• fix(NcSelect): Action input usage by @Pytal in #4066
• fix(readme): Fix some typos and mention HMR enabler app by @nickvergessen in #4078
• fix(styleguide): Fix URL replacement to not be 404 by @nickvergessen in #4080
• Fix NcListItem wrong bold class by @julien-nc in #4083
• fix(NcSelect): Fix disabled state of NcSelect with dark mode by @nickvergessen in #4079
• update sidebar to really take the whole space on mobile by @szaimen in #4090
• Use the color-primary-element* variables in components by @szaimen in #4067
• target=_blank in NcSettingsSection.vue by @Rello in #4099
• Files : Left panel dropdown improvement for NC 26 by @Jerome-Herbinet in #4103
• NcAppSidebar: fix tabs with css icon by @ShGKme in #4111
• fix(NcResource): Alignment by @Pytal in #4121
• Fix alignment of nav contents by @pulsejet in #4135
• fix toggle overlapping other stuff by @szaimen in #4134
• fix visibility of default counterbubble by @szaimen in #4154
• fix(NcProviderList): Add padding around provider list by @juliushaertl in #4175
• fix(NcSelect): Hide clear and deselect when disabled by @Pytal in #4212
• Fix NcModal does set the background color but not the text color by @susnux in #4221
• NcAppNavigationCaption: Align actions with other navigation action by @susnux in #4220
• Fix Typescript support (config and babel support for transpiling) by @susnux in #4249
• fix(NcModal): fix focus-trap fallback by @skjnldsv in #4266
• NcDatetimePicker: Make sure all l10n strings are extracted by @susnux in #4272
• fix: Ensure extract-l10n extracts strings from propert...

v7.12.7

v7.12.7 (2023-11-07)

Full Changelog

🐛 Fixed bugs

• fix: handling of empty values in NcDateTimePickerNative by @st3iny in #4610
• fix: invert datepicker buttons on dark mode by @raimund-schluessler in #4635
• fix(NcAppContent): Set normal scrollbar width on resizeable NcAppContentList by @mejo- in #4747

Other Changes

• fix(NcActionInput): Set default trailing button label by @Pytal in #4634

v8.0.0-beta.10

What's Changed

🚀 Enhancements

• Add header prop to NcRelatedResourcesPanel by @GretaD in
  #4703
• feat(NcAppNavigationItem): Add active property to set active state & use aria-current by @susnux in
  #4716
• feat(NcActionButton): support menu styling by @skjnldsv in
  #4724
• Made description dynamic on related resources by @GretaD in
  #4729
• fix(NcTimezonePicker): Allow to set ID of inner select component by @susnux in
  #4734
• Allow preventing link insertion in
  RichContentEditable by @julien-nc in
  #3890

🐛 Fixed bugs

• fix(NcCheckboxRadioSwitch): fix circular import by @raimund-schluessler in
  #4691
• fix(NcCheckboxRadioSwitch): forward indeterminate prop by @raimund-schluessler in
  #4690
• Change heading in EmptyContent to span by @JuliaKirschenheuter in
  #4702
• fix(NcRelatedResourcesPanel): t is not defined by @raimund-schluessler in
  #4705
• fix(NcAppNavigationItem): Do not include aria-expanded attribute if there are no children by @susnux in
  #4715
• fix(NcDialog): register components in NcDialogButton by @ShGKme in
  #4725
• fix(NcActions): Detect navigation menu links correctly by @Pytal in
  #4707
• fix(NcSelect): Ensure selected option has enough contrast when the menu is opened by @susnux in
  #4733
• fix(NcEmptyContent): Fix regression that changed the color of the description text by @susnux in
  #4735
• fix(NcAppContent): Set normal scrollbar width on resizeable NcAppContentList by @mejo- in
  #4710
• fix(NcAvatar): Improve initials generation to filter out special characters by @susnux in
  #4737
• fix(NcAvatar): remove alt attr from span[role=img] by @ShGKme in
  #4748
• fix(NcSidebarTab): Ensure there is an aria-label if the aria-labelledby element does not exist by @susnux in
  #4736
• add scoped to all ncappnavigation components by @szaimen in
  #4730
• Create outline for focus-within on RadioSwitch by @JuliaKirschenheuter in
  #4699

Other Changes

• chore: do not show NcCheckboxContent in docs by @raimund-schluessler in
  #4692
• Updates for project Nextcloud vue library by @transifex-integration in
  #4709
• fix(NcTextArea): add missing trailing comma by @raimund-schluessler in
  #4713
• Updates for project Nextcloud vue library by @transifex-integration in
  #4714
• Updates for project Nextcloud vue library by @transifex-integration in
  #4717

Full Changelog: v8.0.0-beta.9...v8.0.0-beta.10