Switched to actions and colon

andr317c · andr317c · commit 87e8a305b6b3 · 2024-12-11T15:16:56.000+01:00
diff --git a/src/Umbraco.Web.UI.Client/src/apps/backoffice/components/backoffice-header-apps.element.ts b/src/Umbraco.Web.UI.Client/src/apps/backoffice/components/backoffice-header-apps.element.ts
@@ -18,7 +18,7 @@ export class UmbBackofficeHeaderAppsElement extends LitElement {
 
 	#extensionSlotRenderMethod = (ext: UmbExtensionElementInitializer<ManifestHeaderApp>) => {
 		if (ext.component) {
-			ext.component.setAttribute(UMB_MARK_ATTRIBUTE_NAME, 'header-app/' + ext.manifest?.alias);
+			ext.component.setAttribute(UMB_MARK_ATTRIBUTE_NAME, 'header-app:' + ext.manifest?.alias);
 		}
 		return ext.component;
 	};
diff --git a/src/Umbraco.Web.UI.Client/src/apps/backoffice/components/backoffice-header-sections.element.ts b/src/Umbraco.Web.UI.Client/src/apps/backoffice/components/backoffice-header-sections.element.ts
@@ -67,7 +67,7 @@ export class UmbBackofficeHeaderSectionsElement extends UmbLitElement {
 									? this.localize.string(section.manifest?.meta.label)
 									: section.manifest?.name,
 							)}"
-							data-mark="section-link/${section.alias}"></uui-tab>
+							data-mark="section-link:${section.alias}"></uui-tab>
 					`,
 				)}
 			</uui-tab-group>
diff --git a/src/Umbraco.Web.UI.Client/src/packages/block/block/workspace/views/edit/block-workspace-view-edit-tab.element.ts b/src/Umbraco.Web.UI.Client/src/packages/block/block/workspace/views/edit/block-workspace-view-edit-tab.element.ts
@@ -80,7 +80,7 @@ export class UmbBlockWorkspaceViewEditTabElement extends UmbLitElement {
 			${this._hasProperties
 				? html` <umb-block-workspace-view-edit-properties
 						.managerName=${this.#managerName}
-						data-mark="property-group/root"
+						data-mark="property-group:root"
 						.containerId=${this._containerId}></umb-block-workspace-view-edit-properties>`
 				: ''}
 			${this.hideSingleGroup && this._groups.length === 1
@@ -97,7 +97,7 @@ export class UmbBlockWorkspaceViewEditTabElement extends UmbLitElement {
 		return html`
 			<umb-block-workspace-view-edit-properties
 				.managerName=${this.#managerName}
-				data-mark="property-group/${group.name}"
+				data-mark="property-group:${group.name}"
 				.containerId=${group.id}></umb-block-workspace-view-edit-properties>
 		`;
 	}
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/content/workspace/views/edit/content-editor-tab.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/content/workspace/views/edit/content-editor-tab.element.ts
@@ -54,7 +54,7 @@ export class UmbContentWorkspaceViewEditTabElement extends UmbLitElement {
 				? html`
 						<uui-box>
 							<umb-content-workspace-view-edit-properties
-								data-mark="property-group/root"
+								data-mark="property-group:root"
 								.containerId=${this._containerId}></umb-content-workspace-view-edit-properties>
 						</uui-box>
 					`
@@ -65,7 +65,7 @@ export class UmbContentWorkspaceViewEditTabElement extends UmbLitElement {
 				(group) =>
 					html`<uui-box .headline=${this.localize.string(group.name) ?? ''}>
 						<umb-content-workspace-view-edit-properties
-							data-mark="property-group/${group.name}"
+							data-mark="property-group:${group.name}"
 							.containerId=${group.id}></umb-content-workspace-view-edit-properties>
 					</uui-box>`,
 			)}
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/property-type/workspace/views/settings/property-workspace-view-settings.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/property-type/workspace/views/settings/property-workspace-view-settings.element.ts
@@ -216,7 +216,7 @@ export class UmbPropertyTypeWorkspaceViewSettingsElement extends UmbLitElement i
 					<umb-form-validation-message>
 						<uui-input
 							id="name-input"
-							data-mark="entity-name-input"
+							data-mark="input:entity-name"
 							name="name"
 							label=${this.localize.term('placeholders_entername')}
 							placeholder=${this.localize.term('placeholders_entername')}
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/workspace-editor/workspace-editor.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/workspace-editor/workspace-editor.element.ts
@@ -96,9 +96,9 @@ export class UmbWorkspaceEditorElement extends UmbLitElement {
 				${when(
 					!this.enforceNoFooter,
 					() => html`
-						<umb-workspace-footer slot="footer" data-mark="workspace-footer">
+						<umb-workspace-footer slot="footer" data-mark="workspace:footer">
 							<slot name="footer-info"></slot>
-							<slot name="actions" slot="actions" data-mark="workspace-footer-actions"></slot>
+							<slot name="actions" slot="actions" data-mark="workspace:footer-actions"></slot>
 						</umb-workspace-footer>
 					`,
 				)}
@@ -110,7 +110,7 @@ export class UmbWorkspaceEditorElement extends UmbLitElement {
 		return html`
 			${!this.hideNavigation && this._workspaceViews.length > 1
 				? html`
-						<uui-tab-group slot="navigation" data-mark="workspace-view-links">
+						<uui-tab-group slot="navigation" data-mark="workspace:view-links">
 							${repeat(
 								this._workspaceViews,
 								(view) => view.alias,
@@ -122,7 +122,7 @@ export class UmbWorkspaceEditorElement extends UmbLitElement {
 											.label="${view.meta.label ? this.localize.string(view.meta.label) : view.name}"
 											?active=${'view/' + view.meta.pathname === this._activePath ||
 											(index === 0 && this._activePath === '')}
-											data-mark="workspace-view-link/${view.alias}">
+											data-mark="workspace:view-link:${view.alias}">
 											<umb-icon slot="icon" name=${view.meta.icon}></umb-icon>
 											${view.meta.label ? this.localize.string(view.meta.label) : view.name}
 										</uui-tab>
@@ -143,7 +143,7 @@ export class UmbWorkspaceEditorElement extends UmbLitElement {
 				compact
 				href=${this.backPath}
 				label=${this.localize.term('general_back')}
-				data-mark="workspace-back-button">
+				data-mark="action:back">
 				<uui-icon name="icon-arrow-left"></uui-icon>
 			</uui-button>
 		`;
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/workspace-header-name-editable/workspace-header-name-editable.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/workspace-header-name-editable/workspace-header-name-editable.element.ts
@@ -48,7 +48,7 @@ export class UmbWorkspaceHeaderNameEditableElement extends UmbLitElement {
 	override render() {
 		return html`<uui-input
 			id="nameInput"
-			data-mark="workspace-name-input"
+			data-mark="input:workspace-name"
 			.value=${this._name}
 			@input="${this.#onNameInput}"
 			required
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/workspace-split-view/workspace-split-view-variant-selector.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/workspace-split-view/workspace-split-view-variant-selector.element.ts
@@ -225,7 +225,7 @@ export class UmbWorkspaceSplitViewVariantSelectorElement<
 			? html`
 			<uui-input
 				id="name-input"
-				data-mark="entity-name-input"
+				data-mark="input:entity-name"
 				label=${this.localize.term('placeholders_entername')}
 				.value=${this._name ?? ''}
 				@input=${this.#handleInput}
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/workspace-split-view/workspace-split-view.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/workspace-split-view/workspace-split-view.element.ts
@@ -52,7 +52,7 @@ export class UmbWorkspaceSplitViewElement extends UmbLitElement {
 				${this.displayNavigation
 					? html`<umb-workspace-entity-action-menu
 							slot="action-menu"
-							data-mark="workspace-action-menu"></umb-workspace-entity-action-menu>`
+							data-mark="workspace:action-menu"></umb-workspace-entity-action-menu>`
 					: ''}
 				<slot name="action-menu" slot="action-menu"></slot>
 			</umb-workspace-editor>
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/workspace/entity-detail/global-components/entity-detail-workspace-editor.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/workspace/entity-detail/global-components/entity-detail-workspace-editor.element.ts
@@ -56,7 +56,7 @@ export class UmbEntityDetailWorkspaceEditorElement extends UmbLitElement {
 		if (this._isNew) return nothing;
 		return html`<umb-workspace-entity-action-menu
 			slot="action-menu"
-			data-mark="workspace-action-menu"></umb-workspace-entity-action-menu>`;
+			data-mark="workspace:action-menu"></umb-workspace-entity-action-menu>`;
 	}
 
 	static override styles = [
diff --git a/src/Umbraco.Web.UI.Client/src/packages/data-type/workspace/views/details/data-type-details-workspace-view.element.ts b/src/Umbraco.Web.UI.Client/src/packages/data-type/workspace/views/details/data-type-details-workspace-view.element.ts
@@ -94,7 +94,7 @@ export class UmbDataTypeDetailsWorkspaceViewEditElement extends UmbLitElement im
 	#renderChooseButton() {
 		return html`
 			<umb-property-layout
-				data-mark="property/editorUiAlias"
+				data-mark="property:editorUiAlias"
 				label="Property Editor"
 				description=${this.localize.term('propertyEditorPicker_title')}>
 				<uui-button
@@ -114,7 +114,7 @@ export class UmbDataTypeDetailsWorkspaceViewEditElement extends UmbLitElement im
 		if (!this._propertyEditorUiAlias || !this._propertyEditorSchemaAlias) return nothing;
 		return html`
 			<umb-property-layout
-				data-mark="property/editorUiAlias"
+				data-mark="property:editorUiAlias"
 				label="Property Editor"
 				description=${this.localize.term('propertyEditorPicker_title')}>
 				<umb-ref-property-editor-ui
diff --git a/src/Umbraco.Web.UI.Client/src/packages/language/app-language-select/app-language-select.element.ts b/src/Umbraco.Web.UI.Client/src/packages/language/app-language-select/app-language-select.element.ts
@@ -130,7 +130,7 @@ export class UmbAppLanguageSelectElement extends UmbLitElement {
 	}
 
 	#renderTrigger() {
-		return html`<button id="toggle" data-mark="app-language-menu-open" popovertarget="dropdown-popover">
+		return html`<button id="toggle" data-mark="action:open" popovertarget="dropdown-popover">
 			<span
 				>${this._appLanguage?.name}
 				${this._appLanguageIsReadOnly ? this.#renderReadOnlyTag(this._appLanguage?.unique) : nothing}</span
@@ -151,7 +151,7 @@ export class UmbAppLanguageSelectElement extends UmbLitElement {
 					(language) => html`
 						<uui-menu-item
 							label=${ifDefined(language.name)}
-							data-mark="${language.entityType}/${language.unique}"
+							data-mark="${language.entityType}:${language.unique}"
 							?active=${language.unique === this._appLanguage?.unique}
 							@click-label=${this.#onLabelClick}>
 							${this.#isLanguageReadOnly(language.unique) ? this.#renderReadOnlyTag(language.unique) : nothing}
diff --git a/src/Umbraco.Web.UI.Client/src/packages/media/media/collection/views/grid/media-grid-collection-view.element.ts b/src/Umbraco.Web.UI.Client/src/packages/media/media/collection/views/grid/media-grid-collection-view.element.ts
@@ -96,7 +96,7 @@ export class UmbMediaGridCollectionViewElement extends UmbLitElement {
 		return html`
 			<uui-card-media
 				name=${ifDefined(item.name)}
-				data-mark="${item.entityType}/${item.unique}"
+				data-mark="${item.entityType}:${item.unique}"
 				selectable
 				?select-only=${this._selection.length > 0}
 				?selected=${this.#isSelected(item)}
diff --git a/src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-media/input-media.element.ts b/src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-media/input-media.element.ts
@@ -245,7 +245,7 @@ export class UmbInputMediaElement extends UmbFormControlMixin<string | undefined
 		return html`
 			<uui-card-media
 				name=${ifDefined(item.name === null ? undefined : item.name)}
-				data-mark="${item.entityType}/${item.unique}"
+				data-mark="${item.entityType}:${item.unique}"
 				href="${ifDefined(href)}"
 				?readonly=${this.readonly}>
 				<umb-imaging-thumbnail
diff --git a/src/Umbraco.Web.UI.Client/src/packages/media/media/modals/media-picker/media-picker-modal.element.ts b/src/Umbraco.Web.UI.Client/src/packages/media/media/modals/media-picker/media-picker-modal.element.ts
@@ -323,7 +323,7 @@ export class UmbMediaPickerModalElement extends UmbModalBaseElement<
 			<uui-card-media
 				class=${ifDefined(disabled ? 'not-allowed' : undefined)}
 				.name=${item.name}
-				data-mark="${item.entityType}/${item.unique}"
+				data-mark="${item.entityType}:${item.unique}"
 				@open=${() => this.#onOpen(item)}
 				@selected=${() => this.#onSelected(item)}
 				@deselected=${() => this.#onDeselected(item)}

Original file line number	Diff line number	Diff line change
`@@ -18,7 +18,7 @@ export class UmbBackofficeHeaderAppsElement extends LitElement {`
`18`	`18`
`19`	`19`	`#extensionSlotRenderMethod = (ext: UmbExtensionElementInitializer<ManifestHeaderApp>) => {`
`20`	`20`	`if (ext.component) {`
`21`		`- ext.component.setAttribute(UMB_MARK_ATTRIBUTE_NAME, 'header-app/' + ext.manifest?.alias);`
	`21`	`+ ext.component.setAttribute(UMB_MARK_ATTRIBUTE_NAME, 'header-app:' + ext.manifest?.alias);`
`22`	`22`	`}`
`23`	`23`	`return ext.component;`
`24`	`24`	`};`
Original file line number	Diff line number	Diff line change
`@@ -56,7 +56,7 @@ export class UmbEntityDetailWorkspaceEditorElement extends UmbLitElement {`
`56`	`56`	`if (this._isNew) return nothing;`
`57`	`57`	return html`<umb-workspace-entity-action-menu
`58`	`58`	`slot="action-menu"`
`59`		- data-mark="workspace-action-menu"></umb-workspace-entity-action-menu>`;
	`59`	+ data-mark="workspace:action-menu"></umb-workspace-entity-action-menu>`;
`60`	`60`	`}`
`61`	`61`
`62`	`62`	`static override styles = [`