fix: use tag name to detect components

Author: astagi

projects/design-angular-kit/src/lib/abstracts/abstract.component.ts

@@ -44,11 +44,9 @@ export abstract class ItAbstractComponent implements AfterViewInit, OnChanges {
 
     this.valueChanges = new EventEmitter<void>();
 
-    const name = this.constructor.name.replace('Component', '');
-    let kebabName = name.replace(/[A-Z]+(?![a-z])|[A-Z]/g, ($, ofs) => (ofs ? '-' : '') + $.toLowerCase());
-    kebabName = kebabName.replace('_-it-', '');
+    const name = this._elementRef.nativeElement.tagName.toLowerCase().replace('it-', '');
     window['BOOTSTRAP_USED_COMPONENTS'] = window['BOOTSTRAP_USED_COMPONENTS'] ? window['BOOTSTRAP_USED_COMPONENTS'] : [];
-    window['BOOTSTRAP_USED_COMPONENTS'].indexOf(kebabName) === -1 ? window['BOOTSTRAP_USED_COMPONENTS'].push(kebabName) : '';
+    window['BOOTSTRAP_USED_COMPONENTS'].indexOf(name) === -1 ? window['BOOTSTRAP_USED_COMPONENTS'].push(name) : '';
   }
 
   ngAfterViewInit(): void {