chore: converted declarations to dataset JS API (#4349)

* chore: converted declarations to dataset JS API

* Update hover.ts

* fix: issue with angular showcase

---------

Co-authored-by: Nicolas Merget <[email protected]>

Author: mfranzke

packages/components/src/components/badge/badge.lite.tsx

@@ -36,7 +36,7 @@ export default function DBBadge(props: DBBadgeProps) {
 				}
 
 				if (parent) {
-					parent.setAttribute('data-has-badge', 'true');
+					parent.dataset['hasBadge'] = 'true';
 				}
 			}
 		}

packages/components/src/components/tooltip/tooltip.lite.tsx

@@ -108,7 +108,7 @@ export default function DBTooltip(props: DBTooltipProps) {
 				['mouseleave', 'focusout'].forEach((event) => {
 					parent.addEventListener(event, () => state.handleLeave());
 				});
-				parent.setAttribute('data-has-tooltip', 'true');
+				parent.dataset['hasTooltip'] = 'true';
 
 				if (props.variant === 'label') {
 					parent.setAttribute('aria-labelledby', state._id);

packages/components/src/utils/floating-components.ts

@@ -384,5 +384,5 @@ export const handleFixedPopover = (
 	}
 
 	element.style.position = 'fixed';
-	element.setAttribute('data-corrected-placement', correctedPlacement);
+	element.dataset['correctedPlacement'] = correctedPlacement;
 };