[next] refactor: Use boolean props with default value false

CHANGELOG.md

@@ -134,7 +134,7 @@ Especially the following are now provided as composables:
 * ci: Migrate component tests to Playwright [\#5818](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5818) \([susnux](https://github.com/susnux)\)
 * Change module import paths - drop dist and .js-extension [\#6389](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6389) \([susnux](https://github.com/susnux)\)
 * The plugin was removed - components need to be registered manually now [\#6349](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6349) \([ShGKme](https://github.com/ShGKme)\)
-* chore(Nc*Field): icon slot change note [\#6398](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6398) \([ShGKme](https://github.com/ShGKme)\) 
+* chore(Nc*Field): icon slot change note [\#6398](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6398) \([ShGKme](https://github.com/ShGKme)\)
 * Rename `checked` prop to `modelValue` [\#4994](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4994) \([raimund-schluessler](https://github.com/raimund-schluessler)\)
 * Unify `modelValue` naming [\#4990](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4990) \([raimund-schluessler](https://github.com/raimund-schluessler)\)
 * Remove deprecated mixins [\#4830](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4830) \([raimund-schluessler](https://github.com/raimund-schluessler)\)

src/components/NcAppContent/NcAppContent.vue

@@ -67,8 +67,8 @@
 					'app-content-wrapper--show-list': !showDetails,
 					'app-content-wrapper--mobile': isMobile,}">
 				<NcAppDetailsToggle v-if="showDetails" @click.stop.prevent="hideDetails" />
-				<slot v-if="!showDetails" name="list" />
 
+				<slot v-if="!showDetails" name="list" />
 				<slot v-else />
 			</div>
 			<div v-else-if="layout === 'vertical-split' || layout === 'horizontal-split'" class="app-content-wrapper">
@@ -130,11 +130,11 @@
 	},
 	props: {
 		/**
-		 * Allows to disable the control by swipe of the app navigation open state
+		 * Allows to disable the control by swipe of the app navigation open state.
 		 */
-		allowSwipeNavigation: {
+		disableSwipe: {
 			type: Boolean,
-			default: true,
+			default: false,
 		},
 
 		/**
@@ -175,7 +175,8 @@
 		},
 
 		/**
-		 * When in mobile view, only the list or the details are shown
+		 * When in mobile view, only the list or the details are shown.
+		 *
 		 * If you provide a list, you need to provide a variable
 		 * that will be set to true by the user when an element of
 		 * the list gets selected. The details will then show a back
@@ -281,7 +282,7 @@
 	},
 
 	mounted() {
-		if (this.allowSwipeNavigation) {
+		if (!this.disableSwipe) {
 			this.swiping = useSwipe(this.$el, {
 				onSwipeEnd: this.handleSwipe,
 			})
@@ -321,7 +322,7 @@
 			/**
 			 * Emitted when the list pane is resized by the user
 			 */
 			this.$emit('resize:list', { size: listPaneSize })
 			console.debug('AppContent pane config', listPaneSize)
 		},
 

src/components/NcDialog/NcDialog.vue

@@ -209,7 +209,7 @@ export default {
 	<NcModal v-if="open"
 		class="dialog__modal"
 		:enable-slideshow="false"
-		:enable-swipe="false"
+		disable-swipe
 		v-bind="modalProps"
 		@close="handleClosed"
 		@update:show="handleClosing()">

src/components/NcModal/NcModal.vue

@@ -410,11 +410,11 @@ export default {
 			default: false,
 		},
 		/**
-		 * Enable swipe between slides
+		 * Disable swipe between slides
 		 */
-		enableSwipe: {
+		disableSwipe: {
 			type: Boolean,
-			default: true,
+			default: false,
 		},
 		spreadNavigation: {
 			type: Boolean,
@@ -731,7 +731,7 @@ export default {
 		 * @param {import('@vueuse/core').SwipeDirection} direction Swipe direction
 		 */
 		handleSwipe(e, direction) {
-			if (this.enableSwipe) {
+			if (!this.disableSwipe) {
 				if (direction === 'left') {
 					// swiping to left to go to the next item
 					this.next(e)