[next] chore(master): merge master into next

CHANGELOG.md

@@ -2,6 +2,89 @@
 
 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) (unreleased)
+[Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.4.0...v9.0.0)
+
+### :boom: Breaking changes
+* Migrated to vue 3, compatible with vue 3 only.
+* 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.
+
+## [v8.5.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.5.0) (2024-01-23)
+[Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.5.0...v8.4.0)
+
+### 🚀 Enhancements
+* enh(NcSelect): Add visible input label by @Pytal in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4963
+* feat(NcModal): Set return focus element on focus trap deactivation by @Pytal in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5025
+* Harmonize focus-visible styles for vue-navigation item with none-vue navigation item by @JuliaKirschenheuter in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5022
+* feat(NcActionInput): allow to append `NcSelect` to body by @raimund-schluessler in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5017
+* enh(NcSelect): Improve accessibility by @Pytal in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5036
+* enh: Make the date time formatting reusable for applications by @susnux in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5046
+* enh(NcHeaderMenu): Close navigation header menu on focusout by @Pytal in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5064
+* enh(a11y): added aria-label that matches title attr on icon by @emoral435 in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5078
+* feat: Add NcUserStatusIcon by @Pytal in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5059
+* enh(breadcrumb): conditionally renders button when no redirection link given by @emoral435 in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5077
+* feat(NcPopover): provide a11y attributes to the trigger by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5086
+* feat(NcDialog): add navigationAriaLabel and navigationAriaLabelledBy props by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5083
+* enh(NcContent): Add skip content buttons by @susnux in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4983
+* enh(NcInputField): Support numeric values - if numeric also emit numeric by @susnux in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4926
+* feat(NcProgressBar): add circular progress bar by @raimund-schluessler in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5100
+* feat(NcReferenceList): Add support for a fallback reference widget by @mejo- in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5092
+* enh(NcEmojiPicker): Always show skin tone selector + save selection by @susnux in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5103
+* feat(NcActionButton): Allow pressed state on NcActionButton - similar to NcButton by @susnux in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4744
+
+### 🐛 Fixed bugs
+* fix(NcCheckboxRadioSwitch): fix shift+click on firefox by @skjnldsv in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4999
+* fix(NcCheckboxRadioSwitch): use correct padding by @raimund-schluessler in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5009
+* fix(NcCheckboxRadioSwitch): improve rendering and prevent unecessary elements by @skjnldsv in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5001
+* fix(NcAppNavigation): change h2 to span by @emoral435 in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5020
+* fix(NcDateTimePicker): Use ISO week numbers if `showWeekNumber` is set by @susnux in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5045
+* fix(NcActions): In case of inline actions make sure to support icon as URL by @susnux in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5053
+* fix(NcDialog): allow to close NcDialog on click outside by @Antreesy in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5062
+* fix(NcRelatedResourcesPanel): Fix invalid URL query params by @Pytal in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5065
+* fix(NcBreadcrumbs): improve the breadcrumbs shrinking behaviour by @raimund-schluessler in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5069
+* fix(NcInput): input disabled appearance by @marcoambrosini in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5000
+* fix(NcButton): use `a` as tag for router-link by @raimund-schluessler in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5091
+* fix(NcSelect): remove visual gap on top of the list by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5095
+* Remove unneeded `tab`, `tablist` and `aria-selected` roles from navigation by @JuliaKirschenheuter in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5075
+* fix(NcCheckboxRadioSwitch): Fix invalid indeterminate checkbox semantics by @Pytal in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5096
+* Remove inaccessible opacity from SettingsSection by @JuliaKirschenheuter in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5109
+* fix(NcPopover): fix docs example by @raimund-schluessler in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5111
+* fix(NcPopover): check trigger a11y compatible with Vue 3 by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5110
+* fix(NcHeaderMenu): mouse in now pointer by @emoral435 in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5101
+* fix(NcActions): use new slots api by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5118
+* fix(NcButton): pressed state a11y by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5119
+* Fix additionalTrapElements to accept HTMLelements as well by @GretaD in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5120
+
+### Other Changes
+* refactor(NcCheckboxRadioSwitch): move comment to have a single root node by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5018
+* refactor(NcActionButtonGroup): replace computed of constant with constant by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5023
+* chore(docs): correct list types values for styleguidist in NcCheckboxRadioSwitch by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5079
+
 ## [v8.4.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.4.0) (2023-12-22)
 [Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.4.0...v8.3.0)
 
@@ -47,39 +130,6 @@ All notable changes to this project will be documented in this file.
 * chore(ci): make Jest output colorful by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4966
 * Update translations
 
-## [v9.0.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v9.0.0) (unreleased)
-[Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.4.0...v9.0.0)
-
-### :boom: Breaking changes
-* Migrated to vue 3, compatible with vue 3 only.
-* 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.
-
-
 ## [v8.3.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.3.0) (2023-11-30)
 [Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.3.0...v8.2.0)
 

cypress/component/richtext.cy.ts

@@ -228,6 +228,59 @@ describe('NcRichText', () => {
 			})
 		})
 
+		describe('strikethrough text', () => {
+			it('strikethrough text (with single tilda syntax)', () => {
+				mount(NcRichText, {
+					props: {
+						text: '~strikethrough single~',
+						useExtendedMarkdown: true,
+					},
+				})
+
+				cy.get('del').should('have.text', 'strikethrough single')
+			})
+
+			it('strikethrough text (with double tilda syntax)', () => {
+				mount(NcRichText, {
+					props: {
+						text: '~~strikethrough double~~',
+						useExtendedMarkdown: true,
+					},
+				})
+
+				cy.get('del').should('have.text', 'strikethrough double')
+			})
+
+			it('strikethrough text (several in line with different syntax)', () => {
+				const outputs = ['strikethrough single', 'strikethrough double']
+				mount(NcRichText, {
+					props: {
+						text: 'normal text ~strikethrough single~ normal text ~~strikethrough double~~ normal text',
+						useExtendedMarkdown: true,
+					},
+				})
+
+				cy.get('del').should('have.length', 2)
+				cy.get('del').each((item, index) => {
+					expect(item).have.text(outputs[index])
+				})
+			})
+
+			it('strikethrough text (between normal texts with different syntax)', () => {
+				mount(NcRichText, {
+					props: {
+						text: 'text~strikethrough~text~~strikethrough~~text',
+						useExtendedMarkdown: true,
+					},
+				})
+
+				cy.get('del').should('have.length', 2)
+				cy.get('del').each((item) => {
+					expect(item).have.text('strikethrough')
+				})
+			})
+		})
+
 		describe('inline code', () => {
 			it('inline code (single with backticks syntax)', () => {
 				mount(NcRichText, {
@@ -515,6 +568,49 @@ describe('NcRichText', () => {
 			})
 		})
 
+		describe('task lists', () => {
+			it('task list (with `- [ ]` and `- [x]` syntax divided with space from text)', () => {
+				const testCases = [
+					{ input: '- [ ] item 1', output: 'item 1', checked: false },
+					{ input: '- [x] item 2', output: 'item 2', checked: true },
+					{ input: '- [ ] item 3', output: 'item 3', checked: false },
+				]
+
+				mount(NcRichText, {
+					props: {
+						text: testCases.map(i => i.input).join('\n'),
+						useExtendedMarkdown: true,
+					},
+				})
+
+				cy.get('ul').should('exist')
+				cy.get('li').should('have.length', testCases.length)
+				cy.get('li').each((item, index) => {
+					// Vue 2.7 renders three non-breaking spaces here for some reason
+					expect(item).have.text('   ' + testCases[index].output)
+				})
+				cy.get('input:checked').should('have.length', testCases.filter(test => test.checked).length)
+			})
+		})
+
+		describe('tables', () => {
+			it('table (with `-- | --` syntax)', () => {
+				mount(NcRichText, {
+					props: {
+						text: 'Table | Column A | Column B\n-- | -- | --\nRow 1 | Value A1 | Value B1\nRow 2 | Value A2 | Value B2',
+						useExtendedMarkdown: true,
+					},
+				})
+
+				cy.get('table').should('exist')
+				cy.get('thead').should('exist')
+				cy.get('tbody').should('exist')
+				cy.get('tr').should('have.length', 3)
+				cy.get('th').should('have.length', 3)
+				cy.get('td').should('have.length', 6)
+			})
+		})
+
 		describe('dividers', () => {
 			it('dividers (with different syntax)', () => {
 				mount(NcRichText, {

l10n/cs_CZ.pot

@@ -113,6 +113,9 @@ msgstr "Potvrdit změny"
 msgid "Custom"
 msgstr "Uživatelsky určené"
 
+msgid "Dark skin tone"
+msgstr "Tmavý tělový tón"
+
 #. TRANSLATORS: A color name for RGB(136, 85, 168)
 msgid "Deluge"
 msgstr "Deluge"
@@ -173,13 +176,28 @@ msgstr "Skrýt heslo"
 msgid "invisible"
 msgstr "neviditelné"
 
+msgid "Keyboard navigation help"
+msgstr "Nápověda pro pohyb pomocí klávesnice"
+
+msgid "Light skin tone"
+msgstr "Světlý tělový tón"
+
 msgid "Load more \"{options}\""
 msgstr "Načíst další „{options}“"
 
 #. TRANSLATORS: A color name for RGB(45, 115, 190)
 msgid "Mariner"
 msgstr "Námořnická"
 
+msgid "Medium dark skin tone"
+msgstr "Středně tmavý tělový tón"
+
+msgid "Medium light skin tone"
+msgstr "Středně světlý tělový tón"
+
+msgid "Medium skin tone"
+msgstr "Střední tělový tón"
+
 msgid "Message limit of {count} characters reached"
 msgstr "Dosaženo limitu počtu ({count}) znaků zprávy"
 
@@ -189,6 +207,9 @@ msgstr "Další položky…"
 msgid "More options"
 msgstr "Další volby"
 
+msgid "Neutral skin color"
+msgstr "Neutřální tělová barva"
+
 msgid "Next"
 msgstr "Následující"
 
@@ -326,6 +347,15 @@ msgstr "Pohyb po nastavení"
 msgid "Show password"
 msgstr "Zobrazit heslo"
 
+msgid "Skin tone"
+msgstr "Tělový tón"
+
+msgid "Skip to app navigation"
+msgstr "Přeskočit na navigaci aplikace"
+
+msgid "Skip to main content"
+msgstr "Přeskočit na hlavní obsah"
+
 msgid "Smart Picker"
 msgstr "Inteligentní výběr"
 

l10n/de_DE.pot

@@ -117,6 +117,9 @@ msgstr "Änderungen bestätigen"
 msgid "Custom"
 msgstr "Benutzerdefiniert"
 
+msgid "Dark skin tone"
+msgstr "Dunkler Skin-Farbton"
+
 #. TRANSLATORS: A color name for RGB(136, 85, 168)
 msgid "Deluge"
 msgstr "Sintflut"
@@ -180,13 +183,25 @@ msgstr "Unsichtbar"
 msgid "Keyboard navigation help"
 msgstr "Tastatur-Navigationshilfe"
 
+msgid "Light skin tone"
+msgstr "Heller Skin-Farbton"
+
 msgid "Load more \"{options}\""
 msgstr "Weitere \"{options}\" laden"
 
 #. TRANSLATORS: A color name for RGB(45, 115, 190)
 msgid "Mariner"
 msgstr "Seemann"
 
+msgid "Medium dark skin tone"
+msgstr "Mitteldunkler Skin-Farbton"
+
+msgid "Medium light skin tone"
+msgstr "Mittelheller Skin-Farbton"
+
+msgid "Medium skin tone"
+msgstr "Mittlerer Skin-Farbton"
+
 msgid "Message limit of {count} characters reached"
 msgstr "Nachrichtenlimit von {count} Zeichen erreicht"
 
@@ -196,6 +211,9 @@ msgstr "Weitere Elemente …"
 msgid "More options"
 msgstr "Mehr Optionen"
 
+msgid "Neutral skin color"
+msgstr "Neutraler Skin-Farbton"
+
 msgid "Next"
 msgstr "Weiter"
 
@@ -333,6 +351,9 @@ msgstr "Einstellungen für die Navigation"
 msgid "Show password"
 msgstr "Passwort anzeigen"
 
+msgid "Skin tone"
+msgstr "Skin-Farbton"
+
 msgid "Skip to app navigation"
 msgstr "Zur App-Navigation springen"