feat (inner column block): display name as "Slide" if used as children of carousels or horizontal scrollers

Author: bfintal@gmail.com

src/block/column/index.js

@@ -6,6 +6,7 @@
  * External dependencies
  */
 import { ColumnIcon } from '~stackable/icons'
+import { i18n } from 'stackable'
 
 /**
  * Internal dependencies
@@ -20,6 +21,7 @@ import metadata from './block.json'
  * WordPress dependencies
  */
 import { __ } from '@wordpress/i18n'
+import { select } from '@wordpress/data'
 
 export const settings = {
 	...metadata,
@@ -38,4 +40,26 @@ export const settings = {
 	deprecated,
 	edit,
 	save,
+
+	__experimentalLabel: ( attributes, { context } ) => {
+		const customName = attributes?.metadata?.name
+		if ( context === 'list-view' && customName ) {
+			return customName
+		}
+
+		if ( context === 'list-view' && attributes?.uniqueId ) {
+			const { getEditorDom } = select( 'stackable/editor-dom' )
+			const editorDom = getEditorDom()
+			const isCarouselSlide = editorDom?.querySelector( `.stk-block-carousel__slider > * > * > * > * > [data-block-id="${ attributes.uniqueId }"]` )
+			if ( isCarouselSlide ) {
+				return __( 'Slide', i18n )
+			}
+			const isHorizontalScroller = editorDom?.querySelector( `.stk-block-horizontal-scroller > * > * > * > * > * > [data-block-id="${ attributes.uniqueId }"]` )
+			if ( isHorizontalScroller ) {
+				return __( 'Slide', i18n )
+			}
+		}
+
+		return ''
+	},
 }