Update npm dependencies for v17.4.0-rc

src/Umbraco.Web.UI.Client/package.json

@@ -230,46 +230,46 @@
 		"element-internals-polyfill": "^3.0.2"
 	},
 	"devDependencies": {
-		"@babel/core": "^7.28.4",
-		"@eslint/js": "^9.37.0",
+		"@babel/core": "^7.29.0",
+		"@eslint/js": "^10.0.1",
 		"@open-wc/testing": "^4.0.0",
-		"@playwright/test": "^1.55.1",
-		"@storybook/addon-a11y": "10.1.10",
-		"@storybook/addon-docs": "10.1.10",
-		"@storybook/addon-links": "10.1.10",
-		"@storybook/web-components-vite": "10.1.10",
-		"@types/chai": "^5.2.2",
+		"@playwright/test": "^1.59.1",
+		"@storybook/addon-a11y": "10.3.5",
+		"@storybook/addon-docs": "10.3.5",
+		"@storybook/addon-links": "10.3.5",
+		"@storybook/web-components-vite": "10.3.5",
+		"@types/chai": "^5.2.3",
 		"@types/eslint__js": "^8.42.3",
 		"@types/mocha": "^10.0.10",
-		"@web/dev-server-esbuild": "^1.0.4",
+		"@web/dev-server-esbuild": "^1.0.5",
 		"@web/dev-server-import-maps": "^0.2.1",
 		"@web/test-runner": "^0.20.2",
 		"@web/test-runner-playwright": "^0.11.1",
-		"babel-loader": "^10.0.0",
+		"babel-loader": "^10.1.1",
 		"cross-env": "10.1.0",
-		"cssnano": "^7.1.1",
-		"eslint": "^9.37.0",
+		"cssnano": "^7.1.5",
+		"eslint": "^10.2.0",
 		"eslint-config-prettier": "^10.1.8",
 		"eslint-plugin-import": "^2.32.0",
-		"eslint-plugin-jsdoc": "^60.8.2",
-		"eslint-plugin-lit": "^2.1.1",
+		"eslint-plugin-jsdoc": "^62.8.0",
+		"eslint-plugin-lit": "^2.2.1",
 		"eslint-plugin-local-rules": "^3.0.2",
 		"eslint-plugin-prettier": "^5.5.4",
-		"eslint-plugin-storybook": "9.0.14",
-		"eslint-plugin-wc": "^3.0.2",
-		"globals": "^16.4.0",
+		"eslint-plugin-storybook": "10.3.5",
+		"eslint-plugin-wc": "^3.1.0",
+		"globals": "^17.5.0",
 		"madge": "^8.0.0",
-		"msw": "^2.12.4",
+		"msw": "^2.13.3",
 		"playwright-msw": "^3.0.1",
-		"postcss": "^8.5.6",
+		"postcss": "^8.5.9",
 		"postcss-cli": "^11.0.1",
-		"prettier": "3.6.2",
+		"prettier": "3.8.2",
 		"remark-gfm": "^4.0.1",
-		"semver": "^7.6.0",
-		"storybook": "10.1.10",
+		"semver": "^7.7.4",
+		"storybook": "10.3.5",
 		"tiny-glob": "^0.2.9",
 		"tsc-alias": "^1.8.16",
-		"typedoc": "^0.28.13",
+		"typedoc": "^0.28.19",
 		"typescript": "5.9.3",
 		"typescript-eslint": "^8.45.0",
 		"typescript-json-schema": "^0.65.1",

src/Umbraco.Web.UI.Client/src/external/dompurify/package.json

@@ -6,6 +6,6 @@
 		"build": "vite build"
 	},
 	"dependencies": {
-		"dompurify": "^3.3.0"
+		"dompurify": "^3.4.0"
 	}
 }

src/Umbraco.Web.UI.Client/src/external/marked/package.json

@@ -6,6 +6,6 @@
 		"build": "vite build"
 	},
 	"dependencies": {
-		"marked": "^17.0.1"
+		"marked": "^18.0.0"
 	}
 }

src/Umbraco.Web.UI.Client/src/mocks/handlers/document/publishing.handlers.ts

@@ -26,7 +26,7 @@ export const publishingHandlers = [
 			if (error instanceof Error) {
 				return HttpResponse.json(createProblemDetails({ title: 'Schedule', detail: error.message }), { status: 400 });
 			}
-			throw new Error('An error occurred while publishing the document');
+			throw new Error('An error occurred while publishing the document', { cause: error });
 		}
 	}),
 
@@ -43,7 +43,7 @@ export const publishingHandlers = [
 			if (error instanceof Error) {
 				return HttpResponse.json(createProblemDetails({ title: 'Schedule', detail: error.message }), { status: 400 });
 			}
-			throw new Error('An error occurred while publishing the document');
+			throw new Error('An error occurred while publishing the document', { cause: error });
 		}
 	}),
 

src/Umbraco.Web.UI.Client/src/packages/clipboard/property/context/clipboard.property-context.ts

@@ -190,7 +190,7 @@ export class UmbClipboardPropertyContext extends UmbContextBase {
 			throw new Error('No clipboard entry selected');
 		}
 
-		let propertyValues: Array<any> = [];
+		let propertyValues: Array<any>;
 
 		if (args.multiple) {
 			throw new Error('Multiple clipboard entries not supported');

src/Umbraco.Web.UI.Client/src/packages/core/icon-registry/icon-dictionary.json

@@ -117,10 +117,6 @@
 			"file": "ban.svg",
 			"legacy": true
 		},
-		{
-			"name": "icon-ball",
-			"file": "dribbble.svg"
-		},
 		{
 			"name": "icon-bar-chart",
 			"file": "chart-no-axes-column.svg"
@@ -2599,6 +2595,10 @@
 	],
 	"custom": [],
 	"simpleIcons": [
+		{
+			"name": "icon-ball",
+			"file": "dribbble.svg"
+		},
 		{
 			"name": "icon-facebook",
 			"file": "facebook.svg"

src/Umbraco.Web.UI.Client/src/packages/core/package.json

@@ -8,13 +8,13 @@
 	},
 	"dependencies": {
 		"@types/diff": "^7.0.2",
-		"diff": "^8.0.3",
+		"diff": "^9.0.0",
 		"uuid": "^13.0.0",
-		"@hey-api/openapi-ts": "^0.85.0"
+		"@hey-api/openapi-ts": "^0.96.0"
 	},
 	"devDependencies": {
-		"lucide-static": "^0.546.0",
-		"simple-icons": "^15.16.1",
+		"lucide-static": "^1.8.0",
+		"simple-icons": "^16.16.0",
 		"svgo": "^4.0.0"
 	}
 }

src/Umbraco.Web.UI.Client/src/packages/core/resources/try-execute/try-execute.controller.ts

@@ -59,7 +59,7 @@ export class UmbTryExecuteController<T> extends UmbResourceController<T> {
 
 		/** This is a constant on purpose, because the headline should not change. We cannot trust the error details to provide a reliable headline. */
 		const headline = 'An error occurred';
-		let message = 'A fatal server error occurred. If this continues, please reach out to your administrator.';
+		let message: string;
 		let detail: string | undefined;
 		let errors: Record<string, string[]> | undefined;
 

src/Umbraco.Web.UI.Client/src/packages/core/router/router-slot/util/shadow.ts

@@ -37,5 +37,5 @@ export function queryParentRoots<T>($elem: Element, query: string, minRoots: num
 	}
 
 	// We continue the traversal if there was not matches
-	return queryParentRoots($rootRootNode.host, query, minRoots, ++roots);
+	return queryParentRoots($rootRootNode.host, query, minRoots, roots + 1);
 }

src/Umbraco.Web.UI.Client/src/packages/core/search/search-modal/search-modal.element.ts

@@ -109,7 +109,7 @@ export class UmbSearchModalElement extends UmbLitElement {
 			const globalSearch: Array<GlobalSearchers> = [];
 
 			for (const controller of controllers) {
-				let searchApi = undefined;
+				let searchApi;
 
 				if (controller.manifest.api) {
 					searchApi = await createExtensionApi<UmbGlobalSearchApi>(this, controller.manifest);

src/Umbraco.Web.UI.Client/src/packages/core/sorter/sorter.controller.ts

@@ -1080,7 +1080,7 @@ export class UmbSorterController<T, ElementType extends HTMLElement = HTMLElemen
 				return;
 			}
 
-			let verticalDirection = true;
+			let verticalDirection: boolean;
 			if (typeof placementResult === 'object') {
 				verticalDirection = placementResult.verticalDirection ?? false;
 				placeAfter = placementResult.placeAfter;
@@ -1433,7 +1433,7 @@ export class UmbSorterController<T, ElementType extends HTMLElement = HTMLElemen
 	private _autoScrollY = 0;
 
 	#handleAutoScroll(clientX: number, clientY: number) {
-		let scrollRect: DOMRect | null = null;
+		let scrollRect: DOMRect | null;
 		if (this.#scrollElement) {
 			this.#autoScrollEl = this.#scrollElement;
 			scrollRect = this.#autoScrollEl.getBoundingClientRect();

src/Umbraco.Web.UI.Client/src/packages/documents/documents/repository/detail/document-detail.server.data-source.ts

@@ -9,7 +9,6 @@ import type {
 import { DocumentService } from '@umbraco-cms/backoffice/external/backend-api';
 import { tryExecute } from '@umbraco-cms/backoffice/resources';
 import { umbDeepMerge, type UmbDeepPartialObject } from '@umbraco-cms/backoffice/utils';
-import type { UmbReferenceByUnique } from '@umbraco-cms/backoffice/models';
 import { UmbDocumentTypeDetailServerDataSource } from '@umbraco-cms/backoffice/document-type';
 import { UmbControllerBase } from '@umbraco-cms/backoffice/class-api';
 
@@ -29,9 +28,6 @@ export class UmbDocumentServerDataSource
 	 * @memberof UmbDocumentServerDataSource
 	 */
 	async createScaffold(preset: UmbDeepPartialObject<UmbDocumentDetailModel> = {}) {
-		let documentTypeIcon: string | null = null;
-		let documentTypeCollection: UmbReferenceByUnique | null = null;
-
 		const documentTypeUnique = preset.documentType?.unique;
 
 		if (!documentTypeUnique) {
@@ -40,8 +36,8 @@ export class UmbDocumentServerDataSource
 
 		// TODO: investigate if we can use the repository here instead
 		const { data } = await new UmbDocumentTypeDetailServerDataSource(this).read(documentTypeUnique);
-		documentTypeIcon = data?.icon ?? null;
-		documentTypeCollection = data?.collection ?? null;
+		const documentTypeIcon = data?.icon ?? null;
+		const documentTypeCollection = data?.collection ?? null;
 
 		const defaultData: UmbDocumentDetailModel = {
 			entityType: UMB_DOCUMENT_ENTITY_TYPE,

src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-image-cropper/image-cropper-preview.element.ts

@@ -43,12 +43,12 @@ export class UmbImageCropperPreviewElement extends UmbLitElement {
 		const cropAspectRatio = this.crop.width / this.crop.height;
 		const imageAspectRatio = this.imageElement.naturalWidth / this.imageElement.naturalHeight;
 
-		let imageContainerWidth = 0,
-			imageContainerHeight = 0,
-			imageWidth = 0,
-			imageHeight = 0,
-			imageLeft = 0,
-			imageTop = 0;
+		let imageContainerWidth: number,
+			imageContainerHeight: number,
+			imageWidth: number,
+			imageHeight: number,
+			imageLeft: number,
+			imageTop: number;
 
 		if (cropAspectRatio > 1) {
 			imageContainerWidth = container.width;

src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-image-cropper/image-cropper.element.ts

@@ -90,12 +90,12 @@ export class UmbImageCropperElement extends UmbLitElement {
 		const cropAspectRatio = this.value.width / this.value.height;
 
 		// Init variables
-		let maskWidth = 0,
-			maskHeight = 0,
-			imageWidth = 0,
-			imageHeight = 0,
-			imageLeft = 0,
-			imageTop = 0;
+		let maskWidth: number,
+			maskHeight: number,
+			imageWidth: number,
+			imageHeight: number,
+			imageLeft: number,
+			imageTop: number;
 
 		// NOTE {} are used to keep some variables in scope, preventing them from being used outside.
 
@@ -189,7 +189,7 @@ export class UmbImageCropperElement extends UmbLitElement {
 		const mask = this.maskElement.getBoundingClientRect();
 		const image = this.imageElement.getBoundingClientRect();
 
-		let fixedLocation = { left: 0, top: 0 };
+		let fixedLocation: { left: number; top: number };
 
 		// If mouse position is provided, use that as the fixed location
 		// Else use the center of the mask

src/Umbraco.Web.UI.Client/src/packages/media/media/repository/detail/media-detail.server.data-source.ts

@@ -7,7 +7,6 @@ import { MediaService } from '@umbraco-cms/backoffice/external/backend-api';
 import { tryExecute } from '@umbraco-cms/backoffice/resources';
 import { UmbControllerBase } from '@umbraco-cms/backoffice/class-api';
 import { UmbMediaTypeDetailServerDataSource } from '@umbraco-cms/backoffice/media-type';
-import type { UmbReferenceByUnique } from '@umbraco-cms/backoffice/models';
 import { umbDeepMerge, type UmbDeepPartialObject } from '@umbraco-cms/backoffice/utils';
 
 /**
@@ -23,18 +22,15 @@ export class UmbMediaServerDataSource extends UmbControllerBase implements UmbDe
 	 * @memberof UmbMediaServerDataSource
 	 */
 	async createScaffold(preset: UmbDeepPartialObject<UmbMediaDetailModel> = {}) {
-		let mediaTypeIcon: string | null = null;
-		let mediaTypeCollection: UmbReferenceByUnique | null = null;
-
 		const mediaTypeUnique = preset.mediaType?.unique;
 
 		if (!mediaTypeUnique) {
 			throw new Error('Media type unique is missing');
 		}
 
 		const { data } = await new UmbMediaTypeDetailServerDataSource(this).read(mediaTypeUnique);
-		mediaTypeIcon = data?.icon ?? null;
-		mediaTypeCollection = data?.collection ?? null;
+		const mediaTypeIcon = data?.icon ?? null;
+		const mediaTypeCollection = data?.collection ?? null;
 
 		const defaultData: UmbMediaDetailModel = {
 			entityType: UMB_MEDIA_ENTITY_TYPE,

src/Umbraco.Web.UI.Client/src/packages/members/member/repository/detail/member-detail.server.data-source.ts

@@ -23,16 +23,14 @@ export class UmbMemberServerDataSource extends UmbControllerBase implements UmbD
 	 * @memberof UmbMemberServerDataSource
 	 */
 	async createScaffold(preset: UmbDeepPartialObject<UmbMemberDetailModel> = {}) {
-		let memberTypeIcon = '';
-
 		const memberTypeUnique = preset.memberType?.unique;
 
 		if (!memberTypeUnique) {
 			throw new Error('Document type unique is missing');
 		}
 
 		const { data } = await new UmbMemberTypeDetailServerDataSource(this).read(memberTypeUnique);
-		memberTypeIcon = data?.icon ?? '';
+		const memberTypeIcon = data?.icon ?? '';
 
 		const defaultData: UmbMemberDetailModel = {
 			entityType: UMB_MEMBER_ENTITY_TYPE,

src/Umbraco.Web.UI.Client/src/packages/property-editors/date-time/property-editor-ui-date-time-picker-base.ts

@@ -325,7 +325,7 @@ export abstract class UmbPropertyEditorUiDateTimePickerElementBase
 		const previousDate = this._selectedDate;
 		this._selectedDate = newDate;
 
-		let timeZoneToStore = null;
+		let timeZoneToStore: string | null;
 		if (!this._displayTimeZone || !this._timeZoneMode) {
 			timeZoneToStore = null;
 		} else if (this._timeZoneMode === 'local') {

src/Umbraco.Web.UI.Client/src/packages/tiptap/extensions/block/block.tiptap-toolbar-api.ts

@@ -39,7 +39,7 @@ export default class UmbTiptapBlockPickerToolbarExtension extends UmbTiptapToolb
 			return;
 		}
 
-		let createPath: string | undefined = undefined;
+		let createPath: string | undefined;
 
 		if (this.#blocks?.length === 1) {
 			const elementKey = this.#blocks[0].contentElementTypeKey;

src/Umbraco.Web.UI.Client/src/packages/tiptap/package.json

@@ -6,15 +6,15 @@
 		"build": "vite build"
 	},
 	"dependencies": {
-		"@tiptap/core": "3.16.0",
-		"@tiptap/extension-image": "3.16.0",
-		"@tiptap/extension-subscript": "3.16.0",
-		"@tiptap/extension-superscript": "3.16.0",
-		"@tiptap/extension-table": "3.16.0",
-		"@tiptap/extension-text-align": "3.16.0",
-		"@tiptap/extension-text-style": "3.16.0",
-		"@tiptap/starter-kit": "3.16.0",
-		"@tiptap/extensions": "3.16.0",
-		"@tiptap/pm": "3.16.0"
+		"@tiptap/core": "3.22.3",
+		"@tiptap/extension-image": "3.22.3",
+		"@tiptap/extension-subscript": "3.22.3",
+		"@tiptap/extension-superscript": "3.22.3",
+		"@tiptap/extension-table": "3.22.3",
+		"@tiptap/extension-text-align": "3.22.3",
+		"@tiptap/extension-text-style": "3.22.3",
+		"@tiptap/starter-kit": "3.22.3",
+		"@tiptap/extensions": "3.22.3",
+		"@tiptap/pm": "3.22.3"
 	}
 }