SVY-21251 Bootstrap datalabel onAction does not trigger if entered [ai]

- Added keydown Enter listener in bts_baselabel.ts for non-button elements
- Added :focus outline styles for .bts-label and .bts-datalabel in svy_bootstrapcomponents.css

Author: cPecican

components/projects/bootstrapcomponents/src/bts_baselabel.ts

@@ -20,6 +20,13 @@ export class ServoyBootstrapBaseLabel<T extends HTMLElement> extends ServoyBoots
     svyOnInit() {
         super.svyOnInit();
         if (this.onActionMethodID()) {
+            if (this.getFocusElement().tagName !== 'BUTTON') {
+                this.renderer.listen(this.getFocusElement(), 'keydown', e => {
+                    if (e.key === 'Enter' && this.enabled()) {
+                        this.onActionMethodID()(e, this.getDataTarget(e));
+                    }
+                });
+            }
             if (this.onDoubleClickMethodID()) {
                 this.renderer.listen(this.getFocusElement(), 'click', e => {
                     if(this.enabled()) {

components/projects/bootstrapcomponents/svy_bootstrapcomponents.css

@@ -219,6 +219,11 @@ bootstrapcomponents-textbox {
 	overflow: hidden;
 }
 
+.svy-wrapper > * > .bts-label:focus {
+	outline-style: solid;
+	outline-width: 1px;
+}
+
 .svy-wrapper > * > .default-align .bts-label-text {
     max-height: 100%;
 }
@@ -286,6 +291,11 @@ ngb-typeahead-window.dropdown-menu {
 	display: block;
 }
 
+.svy-wrapper > * > .bts-datalabel:focus {
+	outline-style: solid;
+	outline-width: 1px;
+}
+
 .svy-wrapper > * > .bts-datalabel.default-align {
 	display: flex;
     align-items: center;