From 8047bb7c0cbc184c69963ca909e1bca29eb103c7 Mon Sep 17 00:00:00 2001
From: NicolasMerget <Nicolas.Merget@deutschebahn.com>
Date: Wed, 10 Apr 2024 15:49:00 +0200
Subject: [PATCH 01/10] fix: links with foundation readme

---
 packages/foundations/README.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/foundations/README.md b/packages/foundations/README.md
index 37292718732..17eb0560ff2 100644
--- a/packages/foundations/README.md
+++ b/packages/foundations/README.md
@@ -9,9 +9,9 @@ A library containing all tokens (colors, icons, variables) of [DB UX Design Syst
 
 We currently support:
 
--   [CSS](#css)
--   [SCSS](#scss)
--   [Tailwind](#tailwind)
+-   [CSS](https://db-ui.github.io/mono/review/main/foundations/readme?current=css)
+-   [SCSS](https://db-ui.github.io/mono/review/main/foundations/readme?current=scss)
+-   [Tailwind](https://db-ui.github.io/mono/review/main/foundations/readme?current=tailwind)
 
 ## Install
 

From f16f8ab2c4cead49388cedee9ffc7746be4afdb7 Mon Sep 17 00:00:00 2001
From: Nicolas Merget <104347736+nmerget@users.noreply.github.com>
Date: Wed, 10 Apr 2024 17:10:36 +0200
Subject: [PATCH 02/10] fix: issue with properties page for patternhub (#2486)

---
 showcases/patternhub/components/default-page.tsx | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/showcases/patternhub/components/default-page.tsx b/showcases/patternhub/components/default-page.tsx
index c51710896ed..341d474359b 100644
--- a/showcases/patternhub/components/default-page.tsx
+++ b/showcases/patternhub/components/default-page.tsx
@@ -21,6 +21,18 @@ const DefaultPage = ({ children }: any) => {
 	const router = useRouter();
 
 	useEffect(() => {
+		hljs.configure({
+			languages: [
+				'js',
+				'ts',
+				'jsx',
+				'tsx',
+				'css',
+				'scss',
+				'html',
+				'shell'
+			]
+		});
 		hljs.highlightAll();
 	}, []);
 

From 99961e1fd4fa6e18866ea97e640f3c5d5c80d636 Mon Sep 17 00:00:00 2001
From: Nicolas Merget <104347736+nmerget@users.noreply.github.com>
Date: Wed, 10 Apr 2024 18:39:38 +0200
Subject: [PATCH 03/10] fix: issue with wrong tooltip distance (#2485)

---
 packages/components/src/styles/_popover-component.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/components/src/styles/_popover-component.scss b/packages/components/src/styles/_popover-component.scss
index 02337180fc9..1601f5a4f9c 100644
--- a/packages/components/src/styles/_popover-component.scss
+++ b/packages/components/src/styles/_popover-component.scss
@@ -50,7 +50,7 @@ $popover-gap-inset: calc(-1 * #{$popover-gap-size});
 	}
 
 	&:is(.db-tooltip) {
-		--db-popover-distance: #{variables.$db-spacing-fixed-xs};
+		--db-popover-distance: #{variables.$db-spacing-fixed-sm};
 	}
 
 	&[data-placement^="bottom"]:not([data-outside-vy]),

From 0e3b18c80b67687300fcd50ffa6930029cb757b9 Mon Sep 17 00:00:00 2001
From: Nicolas Merget <104347736+nmerget@users.noreply.github.com>
Date: Wed, 10 Apr 2024 19:11:13 +0200
Subject: [PATCH 04/10] Docs merge accordion and accordion item docs (#2482)

* docs: removes accordion item route from pattern hub

* feat: adds merged variants to default component

* docs: try to merge docs

* docs: merge accordion and accordion item overview

* chore: moved properties for accordion-item into accordion
fix: typescript issues with react

---------

Co-authored-by: brunoschadeck <bruno.schadeck@deutschebahn.com>
---
 .../src/components/accordion/docs/Angular.md  |   4 +-
 .../src/components/accordion/docs/React.md    |   2 +-
 .../src/components/accordion/docs/Vue.md      |   2 +-
 showcases/patternhub/components/index.tsx     | 103 +++++++++++++-----
 showcases/patternhub/data/routes.ts           |  15 ++-
 .../patternhub/scripts/get-code-files.js      |   3 +-
 .../src/components/accordion-item/index.tsx   |   6 +-
 .../src/components/accordion/index.tsx        |  17 ++-
 showcases/shared/default-component-data.ts    |   6 +
 9 files changed, 112 insertions(+), 46 deletions(-)

diff --git a/packages/components/src/components/accordion/docs/Angular.md b/packages/components/src/components/accordion/docs/Angular.md
index 80fab4c8a58..c06e029be22 100644
--- a/packages/components/src/components/accordion/docs/Angular.md
+++ b/packages/components/src/components/accordion/docs/Angular.md
@@ -6,12 +6,12 @@ For general installation and configuration look at the [ngx-components](https://
 
 ```ts app.component.ts
 // app.component.ts
-import { DBAccordion } from '@db-ui/ngx-components';
+import { DBAccordion, DBAccordionItem } from '@db-ui/ngx-components';
 
 @Component({
   // ...
   standalone: true,
-  imports: [..., DBAccordion],
+  imports: [..., DBAccordion, DBAccordionItem],
   // ...
 })
 ```
diff --git a/packages/components/src/components/accordion/docs/React.md b/packages/components/src/components/accordion/docs/React.md
index 270eb705e06..081317a348c 100644
--- a/packages/components/src/components/accordion/docs/React.md
+++ b/packages/components/src/components/accordion/docs/React.md
@@ -6,7 +6,7 @@ For general installation and configuration look at the [react-components](https:
 
 ```tsx App.tsx
 // App.tsx
-import { DBAccordion } from "@db-ui/react-components";
+import { DBAccordion, DBAccordionItem } from "@db-ui/react-components";
 
 const App = () => (
 	<DBAccordion>
diff --git a/packages/components/src/components/accordion/docs/Vue.md b/packages/components/src/components/accordion/docs/Vue.md
index b0419cd22fb..64149be8e82 100644
--- a/packages/components/src/components/accordion/docs/Vue.md
+++ b/packages/components/src/components/accordion/docs/Vue.md
@@ -7,7 +7,7 @@ For general installation and configuration look at the [v-components](https://ww
 ```vue App.vue
 <!-- App.vue -->
 <script>
-import { DBAccordion } from "@db-ui/v-components";
+import { DBAccordion, DBAccordionItem } from "@db-ui/v-components";
 </script>
 
 <template>
diff --git a/showcases/patternhub/components/index.tsx b/showcases/patternhub/components/index.tsx
index 0e37568fa2f..cb85acc7544 100644
--- a/showcases/patternhub/components/index.tsx
+++ b/showcases/patternhub/components/index.tsx
@@ -1,8 +1,9 @@
 import { useRouter } from 'next/router';
-import { useEffect, useState } from 'react';
-import type {
-	DefaultComponentProps,
-	DefaultComponentVariants
+import React, { useEffect, useState } from 'react';
+import {
+	type DefaultComponentProps,
+	type DefaultComponentVariants,
+	type PatternhubComponentProps
 } from '../../shared/default-component-data';
 import DefaultPage from './default-page';
 import { DBCard, DBDivider, DBLink } from './src';
@@ -44,7 +45,62 @@ const VariantList = ({ examples, slotCode }: DefaultComponentVariants) => {
 	);
 };
 
-const DefaultComponent = ({ title, variants }: DefaultComponentProps) => {
+const VariantsWrapper = ({
+	variants,
+	componentName
+}: {
+	variants: DefaultComponentVariants[];
+	componentName?: string;
+}) => {
+	const getHref = (
+		variant: DefaultComponentVariants,
+		componentName?: string
+	) => {
+		if (
+			typeof window === 'undefined' ||
+			!window.location.origin ||
+			!window.location.href
+		) {
+			return '';
+		}
+
+		const currentUrlWithoutQuery = window.location.href.split('?')[0];
+		const variantQuery = `?page=${variant.name.toLowerCase()}`;
+
+		if (componentName) {
+			return `${currentUrlWithoutQuery.split('components')[0]}/components/${componentName}${variantQuery}`;
+		}
+
+		return `${currentUrlWithoutQuery}${variantQuery}`;
+	};
+
+	return (
+		<>
+			{variants?.map((variant, index) => (
+				<div key={`${variant.name}-${index}`}>
+					<DBDivider></DBDivider>
+					<h2>
+						<DBLink
+							content="external"
+							target="_blank"
+							href={getHref(variant, componentName)}>
+							{variant.name}
+						</DBLink>
+					</h2>
+					<VariantList {...variant} />
+				</div>
+			))}
+		</>
+	);
+};
+
+const DefaultComponent = ({
+	title,
+	variants,
+	subComponent,
+	isSubComponent,
+	componentName
+}: DefaultComponentProps & PatternhubComponentProps) => {
 	const [foundVariant, setFoundVariant] =
 		useState<DefaultComponentVariants>();
 	const router = useRouter();
@@ -61,13 +117,6 @@ const DefaultComponent = ({ title, variants }: DefaultComponentProps) => {
 		}
 	}, [router]);
 
-	const getHref = (variant: DefaultComponentVariants) =>
-		typeof window !== 'undefined' &&
-		window.location.origin &&
-		window.location.href
-			? `${window.location.href.split('?')[0]}?page=${variant.name.toLowerCase()}`
-			: '';
-
 	return (
 		<>
 			{foundVariant && (
@@ -75,27 +124,27 @@ const DefaultComponent = ({ title, variants }: DefaultComponentProps) => {
 					<VariantList {...foundVariant} />
 				</div>
 			)}
-			{!foundVariant && (
+			{!foundVariant && !isSubComponent && (
 				<DefaultPage>
 					<div className="default-container">
 						<h1>{title}</h1>
-						{variants?.map((variant, index) => (
-							<div key={`${variant.name}-${index}`}>
-								<DBDivider></DBDivider>
-								<h2>
-									<DBLink
-										content="external"
-										target="_blank"
-										href={getHref(variant)}>
-										{variant.name}
-									</DBLink>
-								</h2>
-								<VariantList {...variant} />
-							</div>
-						))}
+						<VariantsWrapper
+							variants={variants}
+							componentName={componentName}
+						/>
 					</div>
+					{subComponent}
 				</DefaultPage>
 			)}
+			{!foundVariant && isSubComponent && (
+				<div className="default-container">
+					<h2>{title}</h2>
+					<VariantsWrapper
+						variants={variants}
+						componentName={componentName}
+					/>
+				</div>
+			)}
 		</>
 	);
 };
diff --git a/showcases/patternhub/data/routes.ts b/showcases/patternhub/data/routes.ts
index 752d3a542cc..8930cfb7c68 100644
--- a/showcases/patternhub/data/routes.ts
+++ b/showcases/patternhub/data/routes.ts
@@ -46,11 +46,13 @@ const componentChildren: NavigationItem[] = [
 			},
 			{
 				label: 'DBAccordion',
-				name: 'accordion'
-			},
-			{
-				label: 'DBAccordionItem',
-				name: 'accordion-item'
+				name: 'accordion',
+				subNavigation: [
+					{
+						label: 'DBAccordionItem Properties',
+						path: `/components/accordion-item/properties`
+					}
+				]
 			},
 			{
 				label: 'DBTabs',
@@ -254,7 +256,8 @@ export const ROUTES: NavigationItem[] = [
 						{
 							label: 'Migration',
 							path: `/components/${component.name}/migration`
-						}
+						},
+						...(component.subNavigation ?? [])
 					]
 				}))
 			}))
diff --git a/showcases/patternhub/scripts/get-code-files.js b/showcases/patternhub/scripts/get-code-files.js
index fbf9cfac603..7bd893fd3b5 100644
--- a/showcases/patternhub/scripts/get-code-files.js
+++ b/showcases/patternhub/scripts/get-code-files.js
@@ -174,7 +174,8 @@ const writeCodeFiles = async (componentPath, componentName) => {
 			.replace(
 				')}></DefaultComponent>',
 				`,[${tags}])}></DefaultComponent>`
-			);
+			)
+			.replaceAll('// Patternhub:', '');
 
 		return `${pre}\n${readFile}`;
 	}
diff --git a/showcases/react-showcase/src/components/accordion-item/index.tsx b/showcases/react-showcase/src/components/accordion-item/index.tsx
index b559e8bbdd3..1f3d2285a9d 100644
--- a/showcases/react-showcase/src/components/accordion-item/index.tsx
+++ b/showcases/react-showcase/src/components/accordion-item/index.tsx
@@ -1,9 +1,9 @@
-import { useState } from 'react';
 import { DBAccordionItem } from '../../../../../output/react/src';
 import DefaultComponent from '../index';
 import defaultComponentVariants from '../../../../shared/accordion-item.json';
 import type { DBAccordionItemProps } from '../../../../../output/react/src/components/accordion-item/model';
 import { getVariants } from '../data';
+import { type PatternhubComponentProps } from '../../../../shared/default-component-data';
 
 const getAccordionItem = ({
 	children,
@@ -18,10 +18,12 @@ const getAccordionItem = ({
 	);
 };
 
-const AccordionItemComponent = () => {
+const AccordionItemComponent = (props: PatternhubComponentProps) => {
 	return (
 		<DefaultComponent
 			title="DBAccordionItem"
+			// Patternhub:isSubComponent={props.isSubComponent}
+			// Patternhub:componentName={props.componentName}
 			variants={getVariants(
 				defaultComponentVariants,
 				getAccordionItem
diff --git a/showcases/react-showcase/src/components/accordion/index.tsx b/showcases/react-showcase/src/components/accordion/index.tsx
index c6bf08ea52a..1bc64933077 100644
--- a/showcases/react-showcase/src/components/accordion/index.tsx
+++ b/showcases/react-showcase/src/components/accordion/index.tsx
@@ -7,6 +7,7 @@ import DefaultComponent from '../index';
 import defaultComponentVariants from '../../../../shared/accordion.json';
 import type { DBAccordionProps } from '../../../../../output/react/src/components/accordion/model';
 import { getVariants } from '../data';
+// Patternhub:import AccordionItemComponent from '../accordion-item';
 
 const getAccordion = ({ behaviour, children, variant }: DBAccordionProps) => (
 	<>
@@ -23,12 +24,16 @@ const getAccordion = ({ behaviour, children, variant }: DBAccordionProps) => (
 
 const AccordionComponent = () => {
 	return (
-		<DefaultComponent
-			title="DBAccordion"
-			variants={getVariants(
-				defaultComponentVariants,
-				getAccordion
-			)}></DefaultComponent>
+		<div>
+			<DefaultComponent
+				title="DBAccordion"
+				// We use this only for patternhub to include an item inside the parent
+				// Patternhub:subComponent={<AccordionItemComponent	isSubComponent componentName="accordion-item"/>}
+				variants={getVariants(
+					defaultComponentVariants,
+					getAccordion
+				)}></DefaultComponent>
+		</div>
 	);
 };
 
diff --git a/showcases/shared/default-component-data.ts b/showcases/shared/default-component-data.ts
index f852225b33b..1a4537edd2b 100644
--- a/showcases/shared/default-component-data.ts
+++ b/showcases/shared/default-component-data.ts
@@ -26,3 +26,9 @@ export type DefaultComponentProps = {
 	title: string;
 	variants: DefaultComponentVariants[];
 };
+
+export type PatternhubComponentProps = {
+	subComponent?: unknown;
+	isSubComponent?: boolean;
+	componentName?: string;
+};

From 6a86e52498ec930d662c02f69c764cc5728c3bb4 Mon Sep 17 00:00:00 2001
From: Maximilian Franzke <Maximilian.Franzke@deutschebahn.com>
Date: Wed, 10 Apr 2024 20:23:49 +0200
Subject: [PATCH 05/10] fix(logo): corrected duplicated files contents

---
 showcases/angular-showcase/src/assets/images/db_logo.svg  | 4 ++--
 showcases/patternhub/public/images/db_logo.svg            | 5 ++++-
 showcases/react-showcase/public/assets/images/db_logo.svg | 4 ++--
 showcases/vue-showcase/public/assets/images/db_logo.svg   | 4 ++--
 4 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/showcases/angular-showcase/src/assets/images/db_logo.svg b/showcases/angular-showcase/src/assets/images/db_logo.svg
index bfea69802a5..02278bee1b7 100644
--- a/showcases/angular-showcase/src/assets/images/db_logo.svg
+++ b/showcases/angular-showcase/src/assets/images/db_logo.svg
@@ -1,4 +1,4 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 28" id="logo">
-	<rect x="2" y="2" width="36" height="24" fill="transparent" style="fill:transparent;fill: var(--db-logo-backgroundcolor, transparent)"></rect>
-	<path d="M27.2 7.53h-1.43v4.54h1.83c1.53.03 2.47-1.04 2.47-2.27 0-1.63-.96-2.32-2.87-2.27zm.6 7.8h-2.04v4.84h1.84c.7.01 3.07 0 3.07-2.37 0-1.01-.62-2.5-2.87-2.47zm-17.1-7.7h-.83v12.54h1.53c2.58.06 3.77-2.05 3.77-5.97 0-3.6-.41-6.74-4.47-6.57zm18.4-2.76c5.13.02 5.23 4.03 5.23 4.43a4.33 4.33 0 01-3.15 4.13v.14c3.26.79 3.75 3.14 3.75 4.43 0 4.76-4.68 5.02-6.71 5.03h-6.68V4.87h7.56zm-16.9 0c4.7.02 7.23 3.01 7.23 9.03 0 5.29-1.68 9.1-7.23 9.13H5.54V4.87h6.66zm23.7-1.94H4c-.63 0-1.04.5-1.06 1.05l-.01.12v19.7c0 .57.35 1.22.95 1.26l.12.01h31.9c.63 0 1.13-.6 1.16-1.14l.01-.13V4.1a1.2 1.2 0 00-1.17-1.17zm0-2.86c2.1 0 3.97 1.56 4.03 3.63v20.2a4 4 0 01-3.83 4.03H4A3.91 3.91 0 01.07 24.1V3.9A3.8 3.8 0 013.8.07h32.1z" fill="#f01414" style="fill:#f01414;fill: var(--db-logo-color, #f01414)"></path>
+	<rect x="2" y="2" width="36" height="24" fill="var(--db-logo-backgroundcolor, transparent)"></rect>
+	<path d="M27.2 7.53h-1.43v4.54h1.83c1.53.03 2.47-1.04 2.47-2.27 0-1.63-.96-2.32-2.87-2.27zm.6 7.8h-2.04v4.84h1.84c.7.01 3.07 0 3.07-2.37 0-1.01-.62-2.5-2.87-2.47zm-17.1-7.7h-.83v12.54h1.53c2.58.06 3.77-2.05 3.77-5.97 0-3.6-.41-6.74-4.47-6.57zm18.4-2.76c5.13.02 5.23 4.03 5.23 4.43a4.33 4.33 0 01-3.15 4.13v.14c3.26.79 3.75 3.14 3.75 4.43 0 4.76-4.68 5.02-6.71 5.03h-6.68V4.87h7.56zm-16.9 0c4.7.02 7.23 3.01 7.23 9.03 0 5.29-1.68 9.1-7.23 9.13H5.54V4.87h6.66zm23.7-1.94H4c-.63 0-1.04.5-1.06 1.05l-.01.12v19.7c0 .57.35 1.22.95 1.26l.12.01h31.9c.63 0 1.13-.6 1.16-1.14l.01-.13V4.1a1.2 1.2 0 00-1.17-1.17zm0-2.86c2.1 0 3.97 1.56 4.03 3.63v20.2a4 4 0 01-3.83 4.03H4A3.91 3.91 0 01.07 24.1V3.9A3.8 3.8 0 013.8.07h32.1z" fill="var(--db-logo-color, #f01414)"></path>
 </svg>
diff --git a/showcases/patternhub/public/images/db_logo.svg b/showcases/patternhub/public/images/db_logo.svg
index e188143af80..02278bee1b7 100644
--- a/showcases/patternhub/public/images/db_logo.svg
+++ b/showcases/patternhub/public/images/db_logo.svg
@@ -1 +1,4 @@
-<svg id="Ebene_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 70"><style>.st0{fill:#f01414}.st1{fill:#fff}</style><title>db_em_rgb_100px</title><path class="st0" d="M90 0H10C4.5 0 0 4.5 0 10v50c0 5.5 4.5 10 10 10h80c5.5 0 10-4.5 10-10.1V10c0-5.5-4.5-10-10-10z"/><path class="st1" d="M92.7 59.9c.1 1.5-1.1 2.8-2.7 2.9H10c-1.5 0-2.7-1.3-2.7-2.8V10c-.1-1.5 1.1-2.8 2.6-2.9H90c1.5 0 2.7 1.3 2.7 2.8v50z"/><path class="st0" d="M30.6 57.9H13.8V12.1h16.8c11.9 0 18.4 7.4 18.4 22.7 0 13.2-4.5 23-18.4 23.1zm7.3-22.2c0-9.2-1-16.4-10.9-16.4h-2.2v31.2h3.9c5.8 0 9.2-4.7 9.2-14.8zM78 33.9c4.7-1.4 7.9-5.7 8-10.7 0-1-.2-11.2-13.1-11.2H53.8v45.8H70c4.3 0 17.7 0 17.7-12.9 0-3.1-1.4-9.2-9.7-11zM64.7 19.2h3.5c4.9 0 6.9 1.7 6.9 5.5 0 3-2.2 5.5-6 5.5h-4.3v-11zm4.5 31.3h-4.5V38.7h4.8c5.7 0 7.1 3.3 7.1 5.9 0 5.9-5.6 5.9-7.4 5.9z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 28" id="logo">
+	<rect x="2" y="2" width="36" height="24" fill="var(--db-logo-backgroundcolor, transparent)"></rect>
+	<path d="M27.2 7.53h-1.43v4.54h1.83c1.53.03 2.47-1.04 2.47-2.27 0-1.63-.96-2.32-2.87-2.27zm.6 7.8h-2.04v4.84h1.84c.7.01 3.07 0 3.07-2.37 0-1.01-.62-2.5-2.87-2.47zm-17.1-7.7h-.83v12.54h1.53c2.58.06 3.77-2.05 3.77-5.97 0-3.6-.41-6.74-4.47-6.57zm18.4-2.76c5.13.02 5.23 4.03 5.23 4.43a4.33 4.33 0 01-3.15 4.13v.14c3.26.79 3.75 3.14 3.75 4.43 0 4.76-4.68 5.02-6.71 5.03h-6.68V4.87h7.56zm-16.9 0c4.7.02 7.23 3.01 7.23 9.03 0 5.29-1.68 9.1-7.23 9.13H5.54V4.87h6.66zm23.7-1.94H4c-.63 0-1.04.5-1.06 1.05l-.01.12v19.7c0 .57.35 1.22.95 1.26l.12.01h31.9c.63 0 1.13-.6 1.16-1.14l.01-.13V4.1a1.2 1.2 0 00-1.17-1.17zm0-2.86c2.1 0 3.97 1.56 4.03 3.63v20.2a4 4 0 01-3.83 4.03H4A3.91 3.91 0 01.07 24.1V3.9A3.8 3.8 0 013.8.07h32.1z" fill="var(--db-logo-color, #f01414)"></path>
+</svg>
diff --git a/showcases/react-showcase/public/assets/images/db_logo.svg b/showcases/react-showcase/public/assets/images/db_logo.svg
index bfea69802a5..02278bee1b7 100644
--- a/showcases/react-showcase/public/assets/images/db_logo.svg
+++ b/showcases/react-showcase/public/assets/images/db_logo.svg
@@ -1,4 +1,4 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 28" id="logo">
-	<rect x="2" y="2" width="36" height="24" fill="transparent" style="fill:transparent;fill: var(--db-logo-backgroundcolor, transparent)"></rect>
-	<path d="M27.2 7.53h-1.43v4.54h1.83c1.53.03 2.47-1.04 2.47-2.27 0-1.63-.96-2.32-2.87-2.27zm.6 7.8h-2.04v4.84h1.84c.7.01 3.07 0 3.07-2.37 0-1.01-.62-2.5-2.87-2.47zm-17.1-7.7h-.83v12.54h1.53c2.58.06 3.77-2.05 3.77-5.97 0-3.6-.41-6.74-4.47-6.57zm18.4-2.76c5.13.02 5.23 4.03 5.23 4.43a4.33 4.33 0 01-3.15 4.13v.14c3.26.79 3.75 3.14 3.75 4.43 0 4.76-4.68 5.02-6.71 5.03h-6.68V4.87h7.56zm-16.9 0c4.7.02 7.23 3.01 7.23 9.03 0 5.29-1.68 9.1-7.23 9.13H5.54V4.87h6.66zm23.7-1.94H4c-.63 0-1.04.5-1.06 1.05l-.01.12v19.7c0 .57.35 1.22.95 1.26l.12.01h31.9c.63 0 1.13-.6 1.16-1.14l.01-.13V4.1a1.2 1.2 0 00-1.17-1.17zm0-2.86c2.1 0 3.97 1.56 4.03 3.63v20.2a4 4 0 01-3.83 4.03H4A3.91 3.91 0 01.07 24.1V3.9A3.8 3.8 0 013.8.07h32.1z" fill="#f01414" style="fill:#f01414;fill: var(--db-logo-color, #f01414)"></path>
+	<rect x="2" y="2" width="36" height="24" fill="var(--db-logo-backgroundcolor, transparent)"></rect>
+	<path d="M27.2 7.53h-1.43v4.54h1.83c1.53.03 2.47-1.04 2.47-2.27 0-1.63-.96-2.32-2.87-2.27zm.6 7.8h-2.04v4.84h1.84c.7.01 3.07 0 3.07-2.37 0-1.01-.62-2.5-2.87-2.47zm-17.1-7.7h-.83v12.54h1.53c2.58.06 3.77-2.05 3.77-5.97 0-3.6-.41-6.74-4.47-6.57zm18.4-2.76c5.13.02 5.23 4.03 5.23 4.43a4.33 4.33 0 01-3.15 4.13v.14c3.26.79 3.75 3.14 3.75 4.43 0 4.76-4.68 5.02-6.71 5.03h-6.68V4.87h7.56zm-16.9 0c4.7.02 7.23 3.01 7.23 9.03 0 5.29-1.68 9.1-7.23 9.13H5.54V4.87h6.66zm23.7-1.94H4c-.63 0-1.04.5-1.06 1.05l-.01.12v19.7c0 .57.35 1.22.95 1.26l.12.01h31.9c.63 0 1.13-.6 1.16-1.14l.01-.13V4.1a1.2 1.2 0 00-1.17-1.17zm0-2.86c2.1 0 3.97 1.56 4.03 3.63v20.2a4 4 0 01-3.83 4.03H4A3.91 3.91 0 01.07 24.1V3.9A3.8 3.8 0 013.8.07h32.1z" fill="var(--db-logo-color, #f01414)"></path>
 </svg>
diff --git a/showcases/vue-showcase/public/assets/images/db_logo.svg b/showcases/vue-showcase/public/assets/images/db_logo.svg
index bfea69802a5..02278bee1b7 100644
--- a/showcases/vue-showcase/public/assets/images/db_logo.svg
+++ b/showcases/vue-showcase/public/assets/images/db_logo.svg
@@ -1,4 +1,4 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 28" id="logo">
-	<rect x="2" y="2" width="36" height="24" fill="transparent" style="fill:transparent;fill: var(--db-logo-backgroundcolor, transparent)"></rect>
-	<path d="M27.2 7.53h-1.43v4.54h1.83c1.53.03 2.47-1.04 2.47-2.27 0-1.63-.96-2.32-2.87-2.27zm.6 7.8h-2.04v4.84h1.84c.7.01 3.07 0 3.07-2.37 0-1.01-.62-2.5-2.87-2.47zm-17.1-7.7h-.83v12.54h1.53c2.58.06 3.77-2.05 3.77-5.97 0-3.6-.41-6.74-4.47-6.57zm18.4-2.76c5.13.02 5.23 4.03 5.23 4.43a4.33 4.33 0 01-3.15 4.13v.14c3.26.79 3.75 3.14 3.75 4.43 0 4.76-4.68 5.02-6.71 5.03h-6.68V4.87h7.56zm-16.9 0c4.7.02 7.23 3.01 7.23 9.03 0 5.29-1.68 9.1-7.23 9.13H5.54V4.87h6.66zm23.7-1.94H4c-.63 0-1.04.5-1.06 1.05l-.01.12v19.7c0 .57.35 1.22.95 1.26l.12.01h31.9c.63 0 1.13-.6 1.16-1.14l.01-.13V4.1a1.2 1.2 0 00-1.17-1.17zm0-2.86c2.1 0 3.97 1.56 4.03 3.63v20.2a4 4 0 01-3.83 4.03H4A3.91 3.91 0 01.07 24.1V3.9A3.8 3.8 0 013.8.07h32.1z" fill="#f01414" style="fill:#f01414;fill: var(--db-logo-color, #f01414)"></path>
+	<rect x="2" y="2" width="36" height="24" fill="var(--db-logo-backgroundcolor, transparent)"></rect>
+	<path d="M27.2 7.53h-1.43v4.54h1.83c1.53.03 2.47-1.04 2.47-2.27 0-1.63-.96-2.32-2.87-2.27zm.6 7.8h-2.04v4.84h1.84c.7.01 3.07 0 3.07-2.37 0-1.01-.62-2.5-2.87-2.47zm-17.1-7.7h-.83v12.54h1.53c2.58.06 3.77-2.05 3.77-5.97 0-3.6-.41-6.74-4.47-6.57zm18.4-2.76c5.13.02 5.23 4.03 5.23 4.43a4.33 4.33 0 01-3.15 4.13v.14c3.26.79 3.75 3.14 3.75 4.43 0 4.76-4.68 5.02-6.71 5.03h-6.68V4.87h7.56zm-16.9 0c4.7.02 7.23 3.01 7.23 9.03 0 5.29-1.68 9.1-7.23 9.13H5.54V4.87h6.66zm23.7-1.94H4c-.63 0-1.04.5-1.06 1.05l-.01.12v19.7c0 .57.35 1.22.95 1.26l.12.01h31.9c.63 0 1.13-.6 1.16-1.14l.01-.13V4.1a1.2 1.2 0 00-1.17-1.17zm0-2.86c2.1 0 3.97 1.56 4.03 3.63v20.2a4 4 0 01-3.83 4.03H4A3.91 3.91 0 01.07 24.1V3.9A3.8 3.8 0 013.8.07h32.1z" fill="var(--db-logo-color, #f01414)"></path>
 </svg>

From 131eb69315787786c3c9ff8ee0888ad9426642ea Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Thu, 11 Apr 2024 00:51:08 +0000
Subject: [PATCH 06/10] chore(deps-dev): bump typescript from 5.4.4 to 5.4.5

Bumps [typescript](https://github.com/Microsoft/TypeScript) from 5.4.4 to 5.4.5.
- [Release notes](https://github.com/Microsoft/TypeScript/releases)
- [Changelog](https://github.com/microsoft/TypeScript/blob/main/azure-pipelines.release.yml)
- [Commits](https://github.com/Microsoft/TypeScript/compare/v5.4.4...v5.4.5)

---
updated-dependencies:
- dependency-name: typescript
  dependency-type: direct:development
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 output/angular/package.json             |  2 +-
 output/vue/vue3/package.json            |  2 +-
 package-lock.json                       | 20 ++++++++++----------
 package.json                            |  2 +-
 showcases/angular-showcase/package.json |  2 +-
 showcases/patternhub/package.json       |  2 +-
 showcases/react-showcase/package.json   |  2 +-
 showcases/vue-showcase/package.json     |  2 +-
 8 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/output/angular/package.json b/output/angular/package.json
index 24313c5be28..43bab843416 100644
--- a/output/angular/package.json
+++ b/output/angular/package.json
@@ -19,7 +19,7 @@
     "@angular-devkit/build-angular": "17.3.3",
     "@angular/common": "17.3.3",
     "ng-packagr": "17.3.0",
-    "typescript": "^5.4.4"
+    "typescript": "^5.4.5"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
diff --git a/output/vue/vue3/package.json b/output/vue/vue3/package.json
index 4219a8384d6..427029b62f1 100644
--- a/output/vue/vue3/package.json
+++ b/output/vue/vue3/package.json
@@ -44,7 +44,7 @@
     "@playwright/experimental-ct-vue": "1.42.1",
     "@vitejs/plugin-vue": "^5.0.4",
     "sass": "^1.74.1",
-    "typescript": "^5.4.4",
+    "typescript": "^5.4.5",
     "vite": "^5.2.8",
     "vue-tsc": "^2.0.11"
   },
diff --git a/package-lock.json b/package-lock.json
index 38ad814f06e..90c7ac53017 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -47,7 +47,7 @@
         "stylelint-config-sass-guidelines": "9.0.1",
         "stylelint-use-logical": "^2.1.2",
         "tslib": "^2.6.2",
-        "typescript": "^5.4.4",
+        "typescript": "^5.4.5",
         "validate-branch-name": "^1.3.0",
         "xo": "^0.58.0"
       }
@@ -28847,9 +28847,9 @@
       "dev": true
     },
     "node_modules/typescript": {
-      "version": "5.4.4",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.4.4.tgz",
-      "integrity": "sha512-dGE2Vv8cpVvw28v8HCPqyb08EzbBURxDpuhJvTrusShUfGnhHBafDsLdS1EhhxyL6BJQE+2cT3dDPAv+MQ6oLw==",
+      "version": "5.4.5",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.4.5.tgz",
+      "integrity": "sha512-vcI4UpRgg81oIRUFwR0WSIHKt11nJ7SAVlYNIu+QpqeyXP+gpQJy/Z4+F0aGxSE4MqwjyXvW/TzgkLAx2AGHwQ==",
       "devOptional": true,
       "bin": {
         "tsc": "bin/tsc",
@@ -31213,7 +31213,7 @@
         "@angular-devkit/build-angular": "17.3.3",
         "@angular/common": "17.3.3",
         "ng-packagr": "17.3.0",
-        "typescript": "^5.4.4"
+        "typescript": "^5.4.5"
       }
     },
     "output/react": {
@@ -31241,7 +31241,7 @@
         "@playwright/experimental-ct-vue": "1.42.1",
         "@vitejs/plugin-vue": "^5.0.4",
         "sass": "^1.74.1",
-        "typescript": "^5.4.4",
+        "typescript": "^5.4.5",
         "vite": "^5.2.8",
         "vue-tsc": "^2.0.11"
       }
@@ -31318,7 +31318,7 @@
         "@angular/cli": "17.3.3",
         "@angular/compiler-cli": "17.3.3",
         "ng-packagr": "17.3.0",
-        "typescript": "^5.4.4"
+        "typescript": "^5.4.5"
       }
     },
     "showcases/patternhub": {
@@ -31346,7 +31346,7 @@
         "iframe-resizer": "^4.3.9",
         "open-cli": "^8.0.0",
         "sass": "^1.74.1",
-        "typescript": "5.4.4"
+        "typescript": "5.4.5"
       }
     },
     "showcases/react-showcase": {
@@ -31361,7 +31361,7 @@
         "@types/react-dom": "^18.2.24",
         "@vitejs/plugin-react": "^4.2.1",
         "cross-env": "^7.0.3",
-        "typescript": "^5.4.4",
+        "typescript": "^5.4.5",
         "vite": "^5.2.8"
       }
     },
@@ -31382,7 +31382,7 @@
       "devDependencies": {
         "@vitejs/plugin-vue": "^5.0.4",
         "cross-env": "^7.0.3",
-        "typescript": "^5.4.4",
+        "typescript": "^5.4.5",
         "vite": "^5.2.8",
         "vue-tsc": "^2.0.11"
       }
diff --git a/package.json b/package.json
index e70e6e972c5..921df9c6f47 100644
--- a/package.json
+++ b/package.json
@@ -73,7 +73,7 @@
     "stylelint-config-sass-guidelines": "9.0.1",
     "stylelint-use-logical": "^2.1.2",
     "tslib": "^2.6.2",
-    "typescript": "^5.4.4",
+    "typescript": "^5.4.5",
     "validate-branch-name": "^1.3.0",
     "xo": "^0.58.0"
   },
diff --git a/showcases/angular-showcase/package.json b/showcases/angular-showcase/package.json
index 3e3f8516801..d2b68a30aa5 100644
--- a/showcases/angular-showcase/package.json
+++ b/showcases/angular-showcase/package.json
@@ -29,6 +29,6 @@
     "@angular/cli": "17.3.3",
     "@angular/compiler-cli": "17.3.3",
     "ng-packagr": "17.3.0",
-    "typescript": "^5.4.4"
+    "typescript": "^5.4.5"
   }
 }
diff --git a/showcases/patternhub/package.json b/showcases/patternhub/package.json
index a51b4a3cab0..24407c31c70 100644
--- a/showcases/patternhub/package.json
+++ b/showcases/patternhub/package.json
@@ -44,6 +44,6 @@
     "iframe-resizer": "^4.3.9",
     "open-cli": "^8.0.0",
     "sass": "^1.74.1",
-    "typescript": "5.4.4"
+    "typescript": "5.4.5"
   }
 }
diff --git a/showcases/react-showcase/package.json b/showcases/react-showcase/package.json
index 51392b2f50d..501d6c702e2 100644
--- a/showcases/react-showcase/package.json
+++ b/showcases/react-showcase/package.json
@@ -23,7 +23,7 @@
     "@types/react-dom": "^18.2.24",
     "@vitejs/plugin-react": "^4.2.1",
     "cross-env": "^7.0.3",
-    "typescript": "^5.4.4",
+    "typescript": "^5.4.5",
     "vite": "^5.2.8"
   }
 }
diff --git a/showcases/vue-showcase/package.json b/showcases/vue-showcase/package.json
index 5caf5064874..1a1dec97de3 100644
--- a/showcases/vue-showcase/package.json
+++ b/showcases/vue-showcase/package.json
@@ -18,7 +18,7 @@
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.0.4",
     "cross-env": "^7.0.3",
-    "typescript": "^5.4.4",
+    "typescript": "^5.4.5",
     "vite": "^5.2.8",
     "vue-tsc": "^2.0.11"
   }

From abf6f07ba1bbdd6103dcc5ccb1f33f5f67180861 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Thu, 11 Apr 2024 01:02:29 +0000
Subject: [PATCH 07/10] chore(deps-dev): bump vue-tsc from 2.0.11 to 2.0.12

Bumps [vue-tsc](https://github.com/vuejs/language-tools/tree/HEAD/packages/tsc) from 2.0.11 to 2.0.12.
- [Release notes](https://github.com/vuejs/language-tools/releases)
- [Changelog](https://github.com/vuejs/language-tools/blob/master/CHANGELOG.md)
- [Commits](https://github.com/vuejs/language-tools/commits/v2.0.12/packages/tsc)

---
updated-dependencies:
- dependency-name: vue-tsc
  dependency-type: direct:development
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 output/vue/vue3/package.json        |  2 +-
 package-lock.json                   | 44 ++++++++++++++---------------
 showcases/vue-showcase/package.json |  2 +-
 3 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/output/vue/vue3/package.json b/output/vue/vue3/package.json
index 427029b62f1..4afc8c3ae13 100644
--- a/output/vue/vue3/package.json
+++ b/output/vue/vue3/package.json
@@ -46,7 +46,7 @@
     "sass": "^1.74.1",
     "typescript": "^5.4.5",
     "vite": "^5.2.8",
-    "vue-tsc": "^2.0.11"
+    "vue-tsc": "^2.0.12"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
diff --git a/package-lock.json b/package-lock.json
index 90c7ac53017..be3c4e263bc 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9341,30 +9341,30 @@
       }
     },
     "node_modules/@volar/language-core": {
-      "version": "2.2.0-alpha.6",
-      "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-2.2.0-alpha.6.tgz",
-      "integrity": "sha512-GmT28LX2w4x82uuQqNN/P94VOCsZRHBbGcGe+5bFtA2hbIbH6f8tFdMfgXFtyhbft/pj6f3xl37xe+t+nomLIA==",
+      "version": "2.2.0-alpha.7",
+      "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-2.2.0-alpha.7.tgz",
+      "integrity": "sha512-igpp+nTkyl8faVzRJMpSCeA4XlBJ5UVSyc/WGyksmUmP10YbfufbcQCFlxEXv2uMBV+a3L4JVCj+Vju+08FOSA==",
       "dev": true,
       "dependencies": {
-        "@volar/source-map": "2.2.0-alpha.6"
+        "@volar/source-map": "2.2.0-alpha.7"
       }
     },
     "node_modules/@volar/source-map": {
-      "version": "2.2.0-alpha.6",
-      "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-2.2.0-alpha.6.tgz",
-      "integrity": "sha512-EztD2zoUopETY+ZCUZAGUHKgj4gOkY/2WnaOS+RSTc56xm85miSA4qOBS8Lt1Ruu5vV52WIZKHW/R9PbjkZWFA==",
+      "version": "2.2.0-alpha.7",
+      "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-2.2.0-alpha.7.tgz",
+      "integrity": "sha512-iIZM2EovdEnr6mMwlsnt4ciix4xz7HSGHyUSviRaY5cii5PMXGHeUU9UDeb+xzLCx8kdk3L5J4z+ts50AhkYcg==",
       "dev": true,
       "dependencies": {
         "muggle-string": "^0.4.0"
       }
     },
     "node_modules/@volar/typescript": {
-      "version": "2.2.0-alpha.6",
-      "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-2.2.0-alpha.6.tgz",
-      "integrity": "sha512-wTr0jO3wVXQ9FjBbWE2iX8GgDoiHp1Nttsb+tKk5IeUUb6f1uOjyeIXuS4KfeMBpCufthRO2st2O2uatAs/UXQ==",
+      "version": "2.2.0-alpha.7",
+      "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-2.2.0-alpha.7.tgz",
+      "integrity": "sha512-qy04/hx4UbW1BdPlzaxlH60D4plubcyqdbYM6Y5vZiascZxFowtd6vE39Td9FYzDxwcKgzb/Crvf/ABhdHnuBA==",
       "dev": true,
       "dependencies": {
-        "@volar/language-core": "2.2.0-alpha.6",
+        "@volar/language-core": "2.2.0-alpha.7",
         "path-browserify": "^1.0.1"
       }
     },
@@ -9430,12 +9430,12 @@
       "integrity": "sha512-LgPscpE3Vs0x96PzSSB4IGVSZXZBZHpfxs+ZA1d+VEPwHdOXowy/Y2CsvCAIFrf+ssVU1pD1jidj505EpUnfbA=="
     },
     "node_modules/@vue/language-core": {
-      "version": "2.0.11",
-      "resolved": "https://registry.npmjs.org/@vue/language-core/-/language-core-2.0.11.tgz",
-      "integrity": "sha512-5ivg8Vem/yckzXI3L3n0mdKBPRcHSlsGt6/dpbEx42PcH3MIHAjSAJBYvENXeWJxv2ClQc8BS2mH1Ho2U7jZig==",
+      "version": "2.0.12",
+      "resolved": "https://registry.npmjs.org/@vue/language-core/-/language-core-2.0.12.tgz",
+      "integrity": "sha512-aIStDPt69SHOpiIckGTIIjEz/sXc6ZfCMS5uWYL1AcbcRMhzFCLZscGAVte1+ad+RRFepSpKBjGttyPcgKJ7ww==",
       "dev": true,
       "dependencies": {
-        "@volar/language-core": "~2.2.0-alpha.6",
+        "@volar/language-core": "2.2.0-alpha.7",
         "@vue/compiler-dom": "^3.4.0",
         "@vue/shared": "^3.4.0",
         "computeds": "^0.0.1",
@@ -29596,13 +29596,13 @@
       }
     },
     "node_modules/vue-tsc": {
-      "version": "2.0.11",
-      "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-2.0.11.tgz",
-      "integrity": "sha512-dl5MEU4VGZdQFGBnKfPpAfV3SQmBDWs9o4YhUPvDmwk+zmb/RprzFJK2sagR6EWazogZhXENvykd3wBXWS9kng==",
+      "version": "2.0.12",
+      "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-2.0.12.tgz",
+      "integrity": "sha512-thlBBWlPYrNdba535oDdxz7PRUufZgRZRVP5Aql5wBVpGSWSeqou4EzFXeKVoZr59lp9hJROubDVzlhACmcEhg==",
       "dev": true,
       "dependencies": {
-        "@volar/typescript": "~2.2.0-alpha.6",
-        "@vue/language-core": "2.0.11",
+        "@volar/typescript": "2.2.0-alpha.7",
+        "@vue/language-core": "2.0.12",
         "semver": "^7.5.4"
       },
       "bin": {
@@ -31243,7 +31243,7 @@
         "sass": "^1.74.1",
         "typescript": "^5.4.5",
         "vite": "^5.2.8",
-        "vue-tsc": "^2.0.11"
+        "vue-tsc": "^2.0.12"
       }
     },
     "output/webcomponent": {
@@ -31384,7 +31384,7 @@
         "cross-env": "^7.0.3",
         "typescript": "^5.4.5",
         "vite": "^5.2.8",
-        "vue-tsc": "^2.0.11"
+        "vue-tsc": "^2.0.12"
       }
     }
   }
diff --git a/showcases/vue-showcase/package.json b/showcases/vue-showcase/package.json
index 1a1dec97de3..4b9721d12e4 100644
--- a/showcases/vue-showcase/package.json
+++ b/showcases/vue-showcase/package.json
@@ -20,6 +20,6 @@
     "cross-env": "^7.0.3",
     "typescript": "^5.4.5",
     "vite": "^5.2.8",
-    "vue-tsc": "^2.0.11"
+    "vue-tsc": "^2.0.12"
   }
 }

From f41827e5d3c75c772deb356d54968b26134f789c Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Thu, 11 Apr 2024 03:41:08 +0000
Subject: [PATCH 08/10] chore(deps): bump the angular group with 9 updates

Bumps the angular group with 9 updates:

| Package | From | To |
| --- | --- | --- |
| [@angular/common](https://github.com/angular/angular/tree/HEAD/packages/common) | `17.3.3` | `17.3.4` |
| [@angular/animations](https://github.com/angular/angular/tree/HEAD/packages/animations) | `17.3.3` | `17.3.4` |
| [@angular/compiler](https://github.com/angular/angular/tree/HEAD/packages/compiler) | `17.3.3` | `17.3.4` |
| [@angular/core](https://github.com/angular/angular/tree/HEAD/packages/core) | `17.3.3` | `17.3.4` |
| [@angular/forms](https://github.com/angular/angular/tree/HEAD/packages/forms) | `17.3.3` | `17.3.4` |
| [@angular/platform-browser](https://github.com/angular/angular/tree/HEAD/packages/platform-browser) | `17.3.3` | `17.3.4` |
| [@angular/platform-browser-dynamic](https://github.com/angular/angular/tree/HEAD/packages/platform-browser-dynamic) | `17.3.3` | `17.3.4` |
| [@angular/router](https://github.com/angular/angular/tree/HEAD/packages/router) | `17.3.3` | `17.3.4` |
| [@angular/compiler-cli](https://github.com/angular/angular/tree/HEAD/packages/compiler-cli) | `17.3.3` | `17.3.4` |


Updates `@angular/common` from 17.3.3 to 17.3.4
- [Release notes](https://github.com/angular/angular/releases)
- [Changelog](https://github.com/angular/angular/blob/main/CHANGELOG.md)
- [Commits](https://github.com/angular/angular/commits/17.3.4/packages/common)

Updates `@angular/animations` from 17.3.3 to 17.3.4
- [Release notes](https://github.com/angular/angular/releases)
- [Changelog](https://github.com/angular/angular/blob/main/CHANGELOG.md)
- [Commits](https://github.com/angular/angular/commits/17.3.4/packages/animations)

Updates `@angular/compiler` from 17.3.3 to 17.3.4
- [Release notes](https://github.com/angular/angular/releases)
- [Changelog](https://github.com/angular/angular/blob/main/CHANGELOG.md)
- [Commits](https://github.com/angular/angular/commits/17.3.4/packages/compiler)

Updates `@angular/core` from 17.3.3 to 17.3.4
- [Release notes](https://github.com/angular/angular/releases)
- [Changelog](https://github.com/angular/angular/blob/main/CHANGELOG.md)
- [Commits](https://github.com/angular/angular/commits/17.3.4/packages/core)

Updates `@angular/forms` from 17.3.3 to 17.3.4
- [Release notes](https://github.com/angular/angular/releases)
- [Changelog](https://github.com/angular/angular/blob/main/CHANGELOG.md)
- [Commits](https://github.com/angular/angular/commits/17.3.4/packages/forms)

Updates `@angular/platform-browser` from 17.3.3 to 17.3.4
- [Release notes](https://github.com/angular/angular/releases)
- [Changelog](https://github.com/angular/angular/blob/main/CHANGELOG.md)
- [Commits](https://github.com/angular/angular/commits/17.3.4/packages/platform-browser)

Updates `@angular/platform-browser-dynamic` from 17.3.3 to 17.3.4
- [Release notes](https://github.com/angular/angular/releases)
- [Changelog](https://github.com/angular/angular/blob/main/CHANGELOG.md)
- [Commits](https://github.com/angular/angular/commits/17.3.4/packages/platform-browser-dynamic)

Updates `@angular/router` from 17.3.3 to 17.3.4
- [Release notes](https://github.com/angular/angular/releases)
- [Changelog](https://github.com/angular/angular/blob/main/CHANGELOG.md)
- [Commits](https://github.com/angular/angular/commits/17.3.4/packages/router)

Updates `@angular/compiler-cli` from 17.3.3 to 17.3.4
- [Release notes](https://github.com/angular/angular/releases)
- [Changelog](https://github.com/angular/angular/blob/main/CHANGELOG.md)
- [Commits](https://github.com/angular/angular/commits/17.3.4/packages/compiler-cli)

---
updated-dependencies:
- dependency-name: "@angular/common"
  dependency-type: direct:production
  update-type: version-update:semver-patch
  dependency-group: angular
- dependency-name: "@angular/animations"
  dependency-type: direct:production
  update-type: version-update:semver-patch
  dependency-group: angular
- dependency-name: "@angular/compiler"
  dependency-type: direct:production
  update-type: version-update:semver-patch
  dependency-group: angular
- dependency-name: "@angular/core"
  dependency-type: direct:production
  update-type: version-update:semver-patch
  dependency-group: angular
- dependency-name: "@angular/forms"
  dependency-type: direct:production
  update-type: version-update:semver-patch
  dependency-group: angular
- dependency-name: "@angular/platform-browser"
  dependency-type: direct:production
  update-type: version-update:semver-patch
  dependency-group: angular
- dependency-name: "@angular/platform-browser-dynamic"
  dependency-type: direct:production
  update-type: version-update:semver-patch
  dependency-group: angular
- dependency-name: "@angular/router"
  dependency-type: direct:production
  update-type: version-update:semver-patch
  dependency-group: angular
- dependency-name: "@angular/compiler-cli"
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: angular
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 output/angular/package.json             |   2 +-
 package-lock.json                       | 108 ++++++++++++------------
 showcases/angular-showcase/package.json |  18 ++--
 3 files changed, 64 insertions(+), 64 deletions(-)

diff --git a/output/angular/package.json b/output/angular/package.json
index 43bab843416..889219a08bd 100644
--- a/output/angular/package.json
+++ b/output/angular/package.json
@@ -17,7 +17,7 @@
   },
   "devDependencies": {
     "@angular-devkit/build-angular": "17.3.3",
-    "@angular/common": "17.3.3",
+    "@angular/common": "17.3.4",
     "ng-packagr": "17.3.0",
     "typescript": "^5.4.5"
   },
diff --git a/package-lock.json b/package-lock.json
index be3c4e263bc..a4cb94ef84b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1331,9 +1331,9 @@
       }
     },
     "node_modules/@angular/animations": {
-      "version": "17.3.3",
-      "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-17.3.3.tgz",
-      "integrity": "sha512-poLW3FHe5wkxmTIsQ3em2vq4obgQHyZJz6biF+4hCqQSNMbMBS0e5ZycAiJLkUD/WLc88lQZ20muRO7qjVuMLA==",
+      "version": "17.3.4",
+      "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-17.3.4.tgz",
+      "integrity": "sha512-2nBgXRdTSVPZMueV6ZJjajDRucwJBLxwiVhGafk/nI5MJF0Yss/Jfp2Kfzk5Xw2AqGhz0rd00IyNNUQIzO2mlw==",
       "dependencies": {
         "tslib": "^2.3.0"
       },
@@ -1341,7 +1341,7 @@
         "node": "^18.13.0 || >=20.9.0"
       },
       "peerDependencies": {
-        "@angular/core": "17.3.3"
+        "@angular/core": "17.3.4"
       }
     },
     "node_modules/@angular/cli": {
@@ -1414,9 +1414,9 @@
       }
     },
     "node_modules/@angular/common": {
-      "version": "17.3.3",
-      "resolved": "https://registry.npmjs.org/@angular/common/-/common-17.3.3.tgz",
-      "integrity": "sha512-GwlKetNpfWKiG2j4S6bYTi6PA2iT4+eln7o8owo44xZWdQnWQjfxnH39vQuCyhi6OOQL1dozmae+fVXgQsV6jQ==",
+      "version": "17.3.4",
+      "resolved": "https://registry.npmjs.org/@angular/common/-/common-17.3.4.tgz",
+      "integrity": "sha512-rEsmtwUMJaNvaimh9hwaHdDLXaOIrjEnYdhmJUvDaKPQaFfSbH3CGGVz9brUyzVJyiWJYkYM0ssxavczeiEe8g==",
       "dependencies": {
         "tslib": "^2.3.0"
       },
@@ -1424,14 +1424,14 @@
         "node": "^18.13.0 || >=20.9.0"
       },
       "peerDependencies": {
-        "@angular/core": "17.3.3",
+        "@angular/core": "17.3.4",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/compiler": {
-      "version": "17.3.3",
-      "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-17.3.3.tgz",
-      "integrity": "sha512-ZNMRfagMxMjk1KW5H3ssCg5QL0J6ZW1JAZ1mrTXixqS7gbdwl60bTGE+EfuEwbjvovEYaj4l9cga47eMaxZTbQ==",
+      "version": "17.3.4",
+      "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-17.3.4.tgz",
+      "integrity": "sha512-YrDClIzgj6nQwiYHrfV6AkT1C5LCDgJh+LICus/2EY1w80j1Qf48Zh4asictReePdVE2Tarq6dnpDh4RW6LenQ==",
       "dependencies": {
         "tslib": "^2.3.0"
       },
@@ -1439,7 +1439,7 @@
         "node": "^18.13.0 || >=20.9.0"
       },
       "peerDependencies": {
-        "@angular/core": "17.3.3"
+        "@angular/core": "17.3.4"
       },
       "peerDependenciesMeta": {
         "@angular/core": {
@@ -1448,9 +1448,9 @@
       }
     },
     "node_modules/@angular/compiler-cli": {
-      "version": "17.3.3",
-      "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-17.3.3.tgz",
-      "integrity": "sha512-vM0lqwuXQZ912HbLnIuvUblvIz2WEUsU7a5Z2ieNey6famH4zxPH12vCbVwXgicB6GLHorhOfcWC5443wD2mJw==",
+      "version": "17.3.4",
+      "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-17.3.4.tgz",
+      "integrity": "sha512-TVWjpZSI/GIXTYsmVgEKYjBckcW8Aj62DcxLNehRFR+c7UB95OY3ZFjU8U4jL0XvWPgTkkVWQVq+P6N4KCBsyw==",
       "dev": true,
       "dependencies": {
         "@babel/core": "7.23.9",
@@ -1471,14 +1471,14 @@
         "node": "^18.13.0 || >=20.9.0"
       },
       "peerDependencies": {
-        "@angular/compiler": "17.3.3",
+        "@angular/compiler": "17.3.4",
         "typescript": ">=5.2 <5.5"
       }
     },
     "node_modules/@angular/core": {
-      "version": "17.3.3",
-      "resolved": "https://registry.npmjs.org/@angular/core/-/core-17.3.3.tgz",
-      "integrity": "sha512-O/jr3aFJMCxF6Jmymjx4jIigRHJfqM/ALIi60y2LVznBVFkk9xyMTsAjgWQIEHX+2muEIzgfKuXzpL0y30y+wA==",
+      "version": "17.3.4",
+      "resolved": "https://registry.npmjs.org/@angular/core/-/core-17.3.4.tgz",
+      "integrity": "sha512-fvhBkfa/DDBzp1UcNzSxHj+Z9DebSS/o9pZpZlbu/0uEiu9hScmScnhaty5E0EbutzHB0SVUCz7zZuDeAywvWg==",
       "dependencies": {
         "tslib": "^2.3.0"
       },
@@ -1491,9 +1491,9 @@
       }
     },
     "node_modules/@angular/forms": {
-      "version": "17.3.3",
-      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-17.3.3.tgz",
-      "integrity": "sha512-wqn+eAggbOZY91hr7oDjv5qdflszVOC9SZMcWJUoZTGn+8eoV6v6728GDFuDDwYkKQ9G9eQbX4IZmYoVw3TVjQ==",
+      "version": "17.3.4",
+      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-17.3.4.tgz",
+      "integrity": "sha512-XWA/FAs0r7VRdztMIfGU9EE0Chj+1U/sDnzJK3ZPO0n8F8oDAEWGJyiw8GIyWTLs+mz43thVIED3DhbRNsXbWw==",
       "dependencies": {
         "tslib": "^2.3.0"
       },
@@ -1501,16 +1501,16 @@
         "node": "^18.13.0 || >=20.9.0"
       },
       "peerDependencies": {
-        "@angular/common": "17.3.3",
-        "@angular/core": "17.3.3",
-        "@angular/platform-browser": "17.3.3",
+        "@angular/common": "17.3.4",
+        "@angular/core": "17.3.4",
+        "@angular/platform-browser": "17.3.4",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
     "node_modules/@angular/platform-browser": {
-      "version": "17.3.3",
-      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-17.3.3.tgz",
-      "integrity": "sha512-XFWjquD+Pr9VszRzrDlT6uaf57TsY9XhL9iHCNok6Op5DpVQpIAuw1vFt2t5ZoQ0gv+lY8mVWnxgqe3CgTdYxw==",
+      "version": "17.3.4",
+      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-17.3.4.tgz",
+      "integrity": "sha512-W2nH9WSQJfdNG4HH9B1Cvj5CTmy9gF3321I+65Tnb8jFmpeljYDBC/VVUhTZUCRpg8udMWeMHEQHuSb8CbozmQ==",
       "dependencies": {
         "tslib": "^2.3.0"
       },
@@ -1518,9 +1518,9 @@
         "node": "^18.13.0 || >=20.9.0"
       },
       "peerDependencies": {
-        "@angular/animations": "17.3.3",
-        "@angular/common": "17.3.3",
-        "@angular/core": "17.3.3"
+        "@angular/animations": "17.3.4",
+        "@angular/common": "17.3.4",
+        "@angular/core": "17.3.4"
       },
       "peerDependenciesMeta": {
         "@angular/animations": {
@@ -1529,9 +1529,9 @@
       }
     },
     "node_modules/@angular/platform-browser-dynamic": {
-      "version": "17.3.3",
-      "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-17.3.3.tgz",
-      "integrity": "sha512-jSgSNHRTXCIat20I+4tLm/e8qOvrIE3Zv7S/DtYZEiAth84uoznvo1kXnN+KREse2vP/WoNgSDKQ2JLzkwYXSQ==",
+      "version": "17.3.4",
+      "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-17.3.4.tgz",
+      "integrity": "sha512-S53jPyQtInVYkjdGEFt4dxM1NrHNkWCvXGRsCO7Uh+laDf1OpIDp9YHf49OZohYLajJradN6y4QfdZL6IUwXKA==",
       "dependencies": {
         "tslib": "^2.3.0"
       },
@@ -1539,16 +1539,16 @@
         "node": "^18.13.0 || >=20.9.0"
       },
       "peerDependencies": {
-        "@angular/common": "17.3.3",
-        "@angular/compiler": "17.3.3",
-        "@angular/core": "17.3.3",
-        "@angular/platform-browser": "17.3.3"
+        "@angular/common": "17.3.4",
+        "@angular/compiler": "17.3.4",
+        "@angular/core": "17.3.4",
+        "@angular/platform-browser": "17.3.4"
       }
     },
     "node_modules/@angular/router": {
-      "version": "17.3.3",
-      "resolved": "https://registry.npmjs.org/@angular/router/-/router-17.3.3.tgz",
-      "integrity": "sha512-kj42+TtwvET7MFqxB3pkKyob0VNmspASlv8Y29vSpzzaOHn8J1fDf6H+8opoIC+Gmvo5NqXUDwq7nxI5aQ0mUQ==",
+      "version": "17.3.4",
+      "resolved": "https://registry.npmjs.org/@angular/router/-/router-17.3.4.tgz",
+      "integrity": "sha512-B1zjUYyhN66dp47zdF96NRwo0dEdM5In4Ob8HN64PAbnaK3y1EPp31aN6EGernPvKum1ibgwSZw+Uwnbkuv7Ww==",
       "dependencies": {
         "tslib": "^2.3.0"
       },
@@ -1556,9 +1556,9 @@
         "node": "^18.13.0 || >=20.9.0"
       },
       "peerDependencies": {
-        "@angular/common": "17.3.3",
-        "@angular/core": "17.3.3",
-        "@angular/platform-browser": "17.3.3",
+        "@angular/common": "17.3.4",
+        "@angular/core": "17.3.4",
+        "@angular/platform-browser": "17.3.4",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
@@ -31211,7 +31211,7 @@
       "license": "Apache-2.0",
       "devDependencies": {
         "@angular-devkit/build-angular": "17.3.3",
-        "@angular/common": "17.3.3",
+        "@angular/common": "17.3.4",
         "ng-packagr": "17.3.0",
         "typescript": "^5.4.5"
       }
@@ -31301,14 +31301,14 @@
     "showcases/angular-showcase": {
       "version": "0.0.0",
       "dependencies": {
-        "@angular/animations": "17.3.3",
-        "@angular/common": "17.3.3",
-        "@angular/compiler": "17.3.3",
-        "@angular/core": "17.3.3",
-        "@angular/forms": "17.3.3",
-        "@angular/platform-browser": "17.3.3",
-        "@angular/platform-browser-dynamic": "17.3.3",
-        "@angular/router": "17.3.3",
+        "@angular/animations": "17.3.4",
+        "@angular/common": "17.3.4",
+        "@angular/compiler": "17.3.4",
+        "@angular/core": "17.3.4",
+        "@angular/forms": "17.3.4",
+        "@angular/platform-browser": "17.3.4",
+        "@angular/platform-browser-dynamic": "17.3.4",
+        "@angular/router": "17.3.4",
         "rxjs": "~7.8.1",
         "tslib": "^2.6.2",
         "zone.js": "~0.14.4"
@@ -31316,7 +31316,7 @@
       "devDependencies": {
         "@angular-devkit/build-angular": "17.3.3",
         "@angular/cli": "17.3.3",
-        "@angular/compiler-cli": "17.3.3",
+        "@angular/compiler-cli": "17.3.4",
         "ng-packagr": "17.3.0",
         "typescript": "^5.4.5"
       }
diff --git a/showcases/angular-showcase/package.json b/showcases/angular-showcase/package.json
index d2b68a30aa5..9cdb748d1fe 100644
--- a/showcases/angular-showcase/package.json
+++ b/showcases/angular-showcase/package.json
@@ -12,14 +12,14 @@
     "watch": "ng build --watch --configuration development"
   },
   "dependencies": {
-    "@angular/animations": "17.3.3",
-    "@angular/common": "17.3.3",
-    "@angular/compiler": "17.3.3",
-    "@angular/core": "17.3.3",
-    "@angular/forms": "17.3.3",
-    "@angular/platform-browser": "17.3.3",
-    "@angular/platform-browser-dynamic": "17.3.3",
-    "@angular/router": "17.3.3",
+    "@angular/animations": "17.3.4",
+    "@angular/common": "17.3.4",
+    "@angular/compiler": "17.3.4",
+    "@angular/core": "17.3.4",
+    "@angular/forms": "17.3.4",
+    "@angular/platform-browser": "17.3.4",
+    "@angular/platform-browser-dynamic": "17.3.4",
+    "@angular/router": "17.3.4",
     "rxjs": "~7.8.1",
     "tslib": "^2.6.2",
     "zone.js": "~0.14.4"
@@ -27,7 +27,7 @@
   "devDependencies": {
     "@angular-devkit/build-angular": "17.3.3",
     "@angular/cli": "17.3.3",
-    "@angular/compiler-cli": "17.3.3",
+    "@angular/compiler-cli": "17.3.4",
     "ng-packagr": "17.3.0",
     "typescript": "^5.4.5"
   }

From 945cc18b0485c39bd9472ec51096acf8aaa18c63 Mon Sep 17 00:00:00 2001
From: Nicolas Merget <104347736+nmerget@users.noreply.github.com>
Date: Thu, 11 Apr 2024 08:41:23 +0200
Subject: [PATCH 09/10] chore: prepare patternhub to use static assets provided
 by react showcase (#2342)

---
 .../patternhub/components/default-page.tsx    |  4 ++-
 .../patternhub/components/src/tsconfig.json   | 27 -------------------
 showcases/patternhub/package.json             |  2 +-
 .../public/{ => assets}/images/db_logo.svg    |  0
 showcases/patternhub/public/site.webmanifest  |  2 +-
 showcases/patternhub/scripts/fix-base-path.js |  8 ++++++
 6 files changed, 13 insertions(+), 30 deletions(-)
 delete mode 100644 showcases/patternhub/components/src/tsconfig.json
 rename showcases/patternhub/public/{ => assets}/images/db_logo.svg (100%)
 create mode 100644 showcases/patternhub/scripts/fix-base-path.js

diff --git a/showcases/patternhub/components/default-page.tsx b/showcases/patternhub/components/default-page.tsx
index 341d474359b..72f1f886dcf 100644
--- a/showcases/patternhub/components/default-page.tsx
+++ b/showcases/patternhub/components/default-page.tsx
@@ -84,7 +84,9 @@ const DefaultPage = ({ children }: any) => {
 							onToggle={setDrawerOpen}
 							slotBrand={
 								<DBBrand
-									imgSrc="https://db-ui.github.io/images/db_logo.svg"
+									imgSrc={`${
+										process.env.NEXT_PUBLIC_BASE_PATH ?? ''
+									}/assets/images/db_logo.svg`}
 									title={process.env.NEXT_PUBLIC_APP_NAME}
 									anchorChildren>
 									{process.env.NEXT_PUBLIC_APP_NAME}
diff --git a/showcases/patternhub/components/src/tsconfig.json b/showcases/patternhub/components/src/tsconfig.json
deleted file mode 100644
index ad8e8da3da5..00000000000
--- a/showcases/patternhub/components/src/tsconfig.json
+++ /dev/null
@@ -1,27 +0,0 @@
-{
-	"compilerOptions": {
-		"strict": false,
-		"allowUnreachableCode": false,
-		"allowSyntheticDefaultImports": true,
-		"declaration": true,
-		"emitDecoratorMetadata": true,
-		"experimentalDecorators": true,
-		"esModuleInterop": true,
-		"lib": ["dom", "es2015"],
-		"module": "es2015",
-		"moduleResolution": "node",
-		"noImplicitAny": false,
-		"noImplicitReturns": false,
-		"noUnusedLocals": false,
-		"noUnusedParameters": false,
-		"outDir": "dist",
-		"removeComments": false,
-		"sourceMap": true,
-		"jsx": "react",
-		"target": "ES6"
-	},
-	"include": ["**/*.ts", "**/*.tsx"],
-	"exclude": ["node_modules", "**/*.spec.tsx", "dist"],
-	"compileOnSave": false,
-	"buildOnSave": false
-}
diff --git a/showcases/patternhub/package.json b/showcases/patternhub/package.json
index 24407c31c70..dd0d55cc13b 100644
--- a/showcases/patternhub/package.json
+++ b/showcases/patternhub/package.json
@@ -13,10 +13,10 @@
     "compile:03_copy-docs": "cpr ../../docs ./public/docs -o",
     "compile:04_components": "node scripts/esbuild-generate.mjs",
     "compile:05_run": "node generated.js",
+    "compile:06_replace_base": "node scripts/fix-base-path.js",
     "dev": "cross-env NEXT_PUBLIC_BASE_PATH=/mono/sub npm-run-all compile -p open next:dev",
     "lint": "next lint",
     "next:dev": "next dev",
-    "next:start": "next start",
     "open": "open-cli http://localhost:3000/mono/sub",
     "prebuild:app": "cpr ../../node_modules/iframe-resizer/js/ public/iframe-resizer -o",
     "start": "cross-env NEXT_PUBLIC_BASE_PATH=/mono/sub npm-run-all compile next:dev"
diff --git a/showcases/patternhub/public/images/db_logo.svg b/showcases/patternhub/public/assets/images/db_logo.svg
similarity index 100%
rename from showcases/patternhub/public/images/db_logo.svg
rename to showcases/patternhub/public/assets/images/db_logo.svg
diff --git a/showcases/patternhub/public/site.webmanifest b/showcases/patternhub/public/site.webmanifest
index c5b4ef35c07..34a49346fc0 100644
--- a/showcases/patternhub/public/site.webmanifest
+++ b/showcases/patternhub/public/site.webmanifest
@@ -3,7 +3,7 @@
 	"name": "",
 	"icons": [
 		{
-			"src": "/images/db_logo.svg",
+			"src": "/assets/images/db_logo.svg",
 			"type": "image/svg",
 			"sizes": "192x192"
 		}
diff --git a/showcases/patternhub/scripts/fix-base-path.js b/showcases/patternhub/scripts/fix-base-path.js
new file mode 100644
index 00000000000..93f6900ac46
--- /dev/null
+++ b/showcases/patternhub/scripts/fix-base-path.js
@@ -0,0 +1,8 @@
+import Replace from 'replace-in-file';
+
+const option = {
+	files: './pages/components/**/*.tsx',
+	from: 'import.meta.env.BASE_URL',
+	to: 'process.env.NEXT_PUBLIC_BASE_PATH'
+};
+Replace.replaceInFileSync(option);

From 6c433ce06ec1f69cff6805f454833b3d4a2a711e Mon Sep 17 00:00:00 2001
From: Nicolas Merget <104347736+nmerget@users.noreply.github.com>
Date: Thu, 11 Apr 2024 08:50:39 +0200
Subject: [PATCH 10/10] docs: update properties.mdx for icons (#2483)

---
 packages/components/src/shared/model.ts       |  4 ++--
 .../patternhub/scripts/get-properties-file.js | 21 ++++++++++++-------
 showcases/patternhub/scripts/utils.js         |  4 +++-
 3 files changed, 18 insertions(+), 11 deletions(-)

diff --git a/packages/components/src/shared/model.ts b/packages/components/src/shared/model.ts
index 8a727eb3940..00cc2782cec 100644
--- a/packages/components/src/shared/model.ts
+++ b/packages/components/src/shared/model.ts
@@ -58,14 +58,14 @@ export type DefaultVariantProps = {
 
 export type IconProps = {
 	/**
-	 * Define an icon by it's identifier (like e.g. _account_, compare to [Icons](https://db-ui.github.io/mono/review/main/foundations/icons) to get displayed in front of the elements content.
+	 * Define an icon by its identifier (like e.g. _account_, compare to [Icons](https://db-ui.github.io/mono/review/main/foundations/icons/overview)) to get displayed in front of the elements content.
 	 */
 	icon?: IconTypes;
 };
 
 export type IconAfterProps = {
 	/**
-	 * Define an icon by it's identifier (like e.g. _account_, compare to [Icons](https://db-ui.github.io/mono/review/main/foundations/icons) to get displayed in front of the elements content.
+	 * Define an icon by its identifier (like e.g. _account_, compare to [Icons](https://db-ui.github.io/mono/review/main/foundations/icons/overview)) to get displayed in front of the elements content.
 	 */
 	iconAfter?: IconTypes;
 };
diff --git a/showcases/patternhub/scripts/get-properties-file.js b/showcases/patternhub/scripts/get-properties-file.js
index b5676835132..07c582c1474 100644
--- a/showcases/patternhub/scripts/get-properties-file.js
+++ b/showcases/patternhub/scripts/get-properties-file.js
@@ -60,14 +60,19 @@ const getPropertiesFile = ({ displayName, description, props }) => {
 			'No description'
 		} `;
 		propertyTable += `| ${property.tsType.type ?? property.tsType.name} `;
-		propertyTable += `| ${
-			options
-				? `<pre><code className="code-pre-wrap">${options.replaceAll(
-						'<T>',
-						''
-					)}</code></pre>`
-				: ''
-		} |\n`;
+
+		if (['icon', 'iconAfter', 'messageIcon'].includes(propertyKey)) {
+			propertyTable += `| [IconTypes](https://db-ui.github.io/mono/review/main/foundations/icons/overview) |\n`;
+		} else {
+			propertyTable += `| ${
+				options
+					? `<pre><code className="code-pre-wrap">${options.replaceAll(
+							'<T>',
+							''
+						)}</code></pre>`
+					: ''
+			} |\n`;
+		}
 	}
 
 	return `
diff --git a/showcases/patternhub/scripts/utils.js b/showcases/patternhub/scripts/utils.js
index 654b059a100..73aded4e121 100644
--- a/showcases/patternhub/scripts/utils.js
+++ b/showcases/patternhub/scripts/utils.js
@@ -10,7 +10,9 @@ export const getUnionElements = (options, elements) => {
 			options.push(
 				element.name === 'literal'
 					? element.value
-					: getUnionElements(options, element.elements)
+					: element.elements
+						? getUnionElements(options, element.elements)
+						: element.name
 			);
 		}
 	}