diff --git a/showcase/angular-lts-minus-1-showcase/package-lock.json b/showcase/angular-lts-minus-1-showcase/package-lock.json
index bac0a424ee..6c81315f9a 100644
--- a/showcase/angular-lts-minus-1-showcase/package-lock.json
+++ b/showcase/angular-lts-minus-1-showcase/package-lock.json
@@ -38,50 +38,53 @@
       }
     },
     "../../node_modules/@db-ui/core": {
-      "version": "0.0.1",
+      "version": "2.12.1",
+      "license": "Apache-2.0",
       "dependencies": {
-        "@babel/cli": "^7.22.9",
-        "@babel/preset-env": "^7.22.9",
-        "@commitlint/cli": "^17.6.7",
-        "@commitlint/config-conventional": "^17.6.7",
         "@csstools/normalize.css": "^12.0.0",
-        "@db-ui/base": "^0.22.2",
+        "@db-ui/base": "^0.23.0"
+      },
+      "devDependencies": {
+        "@babel/cli": "^7.22.15",
+        "@babel/preset-env": "^7.22.15",
+        "@commitlint/cli": "^17.7.1",
+        "@commitlint/config-conventional": "^17.7.0",
         "@mfranzke/plugin-node-uiextension": "^1.0.0",
         "@pattern-lab/cli": "^6.0.1",
         "@pattern-lab/core": "^6.0.1",
         "@pattern-lab/engine-handlebars": "^6.0.0",
         "@pattern-lab/starterkit-handlebars-demo": "^6.0.0",
         "@pattern-lab/uikit-workshop": "^6.0.3",
-        "autoprefixer": "^10.4.14",
+        "autoprefixer": "^10.4.15",
         "backstopjs": "^6.2.2",
         "cpr": "^3.0.1",
         "details-element-polyfill": "^2.4.0",
         "dialog-polyfill": "^0.5.6",
         "dotenv": "^16.3.1",
         "find-versions-cli": "^4.0.0",
-        "html-validate": "^8.1.0",
+        "html-validate": "^8.3.0",
         "html5-boilerplate": "^8.0.0",
         "husky": "^8.0.3",
         "iframe-resizer": "^4.3.6",
-        "lint-staged": "^13.2.3",
-        "markdownlint-cli": "^0.35.0",
+        "lint-staged": "^14.0.1",
+        "markdownlint-cli": "^0.36.0",
         "nodemon": "^3.0.1",
         "npm-run-all": "^4.1.5",
         "pa11y-ci": "^3.0.1",
         "plugin-node-patternlab-inline-remote-assets": "^0.2.0",
-        "postcss": "^8.4.27",
+        "postcss": "^8.4.29",
         "postcss-cli": "^10.1.0",
-        "postcss-focus": "^6.0.0",
+        "postcss-focus": "^7.0.0",
         "postcss-list-style-safari-fix": "^1.0.0",
-        "prettier": "^3.0.1",
+        "prettier": "^3.0.3",
         "rimraf": "^5.0.1",
-        "sass": "^1.64.2",
+        "sass": "^1.66.1",
         "start-server-and-test": "^2.0.0",
         "stylelint": "^14.16.1",
         "stylelint-config-prettier": "^9.0.5",
         "stylelint-config-sass-guidelines": "^9.0.1",
         "validate-branch-name": "^1.3.0",
-        "xo": "^0.55.0"
+        "xo": "^0.56.0"
       }
     },
     "../../packages/db-ui-elements-angular": {
@@ -115,7 +118,7 @@
         "jest-preset-angular": "13.1.2",
         "lodash.memoize": "4.1.2",
         "ng-packagr": "14.2.2",
-        "zone.js": "~0.13.3"
+        "zone.js": "~0.14.0"
       }
     },
     "../../packages/db-ui-elements-angular/node_modules/@babel/core": {
@@ -18564,48 +18567,48 @@
     "@db-ui/core": {
       "version": "file:../../node_modules/@db-ui/core",
       "requires": {
-        "@babel/cli": "^7.22.9",
-        "@babel/preset-env": "^7.22.9",
-        "@commitlint/cli": "^17.6.7",
-        "@commitlint/config-conventional": "^17.6.7",
+        "@babel/cli": "^7.22.15",
+        "@babel/preset-env": "^7.22.15",
+        "@commitlint/cli": "^17.7.1",
+        "@commitlint/config-conventional": "^17.7.0",
         "@csstools/normalize.css": "^12.0.0",
-        "@db-ui/base": "^0.22.2",
+        "@db-ui/base": "^0.23.0",
         "@mfranzke/plugin-node-uiextension": "^1.0.0",
         "@pattern-lab/cli": "^6.0.1",
         "@pattern-lab/core": "^6.0.1",
         "@pattern-lab/engine-handlebars": "^6.0.0",
         "@pattern-lab/starterkit-handlebars-demo": "^6.0.0",
         "@pattern-lab/uikit-workshop": "^6.0.3",
-        "autoprefixer": "^10.4.14",
+        "autoprefixer": "^10.4.15",
         "backstopjs": "^6.2.2",
         "cpr": "^3.0.1",
         "details-element-polyfill": "^2.4.0",
         "dialog-polyfill": "^0.5.6",
         "dotenv": "^16.3.1",
         "find-versions-cli": "^4.0.0",
-        "html-validate": "^8.1.0",
+        "html-validate": "^8.3.0",
         "html5-boilerplate": "^8.0.0",
         "husky": "^8.0.3",
         "iframe-resizer": "^4.3.6",
-        "lint-staged": "^13.2.3",
-        "markdownlint-cli": "^0.35.0",
+        "lint-staged": "^14.0.1",
+        "markdownlint-cli": "^0.36.0",
         "nodemon": "^3.0.1",
         "npm-run-all": "^4.1.5",
         "pa11y-ci": "^3.0.1",
         "plugin-node-patternlab-inline-remote-assets": "^0.2.0",
-        "postcss": "^8.4.27",
+        "postcss": "^8.4.29",
         "postcss-cli": "^10.1.0",
-        "postcss-focus": "^6.0.0",
+        "postcss-focus": "^7.0.0",
         "postcss-list-style-safari-fix": "^1.0.0",
-        "prettier": "^3.0.1",
+        "prettier": "^3.0.3",
         "rimraf": "^5.0.1",
-        "sass": "^1.64.2",
+        "sass": "^1.66.1",
         "start-server-and-test": "^2.0.0",
         "stylelint": "^14.16.1",
         "stylelint-config-prettier": "^9.0.5",
         "stylelint-config-sass-guidelines": "^9.0.1",
         "validate-branch-name": "^1.3.0",
-        "xo": "^0.55.0"
+        "xo": "^0.56.0"
       }
     },
     "@db-ui/ngx-elements-enterprise": {
@@ -18635,7 +18638,7 @@
         "lodash.memoize": "4.1.2",
         "ng-packagr": "14.2.2",
         "tslib": "^2.6.2",
-        "zone.js": "~0.13.3"
+        "zone.js": "~0.14.0"
       },
       "dependencies": {
         "@babel/core": {
diff --git a/showcase/angular-lts-minus-1-showcase/src/app/components/form/form.component.html b/showcase/angular-lts-minus-1-showcase/src/app/components/form/form.component.html
index b00c3f691f..c978662aa8 100644
--- a/showcase/angular-lts-minus-1-showcase/src/app/components/form/form.component.html
+++ b/showcase/angular-lts-minus-1-showcase/src/app/components/form/form.component.html
@@ -29,7 +29,7 @@
         <db-select
           label="Selectbox"
           name="select-name"
-          [formControl]="selectControl"
+          (dbChange)="onFormChange($event)"
         >
           <option selected>Option 1</option>
           <option>Option 2</option>
diff --git a/showcase/angular-lts-minus-1-showcase/src/app/components/form/form.component.ts b/showcase/angular-lts-minus-1-showcase/src/app/components/form/form.component.ts
index e00dee8998..9928f46aa1 100644
--- a/showcase/angular-lts-minus-1-showcase/src/app/components/form/form.component.ts
+++ b/showcase/angular-lts-minus-1-showcase/src/app/components/form/form.component.ts
@@ -44,4 +44,8 @@ export class FormComponent implements OnInit {
       })
     );
   }
+
+  onFormChange = (event: any) => {
+    this.select = event.target.value;
+  };
 }