refactor: properly use component's names

src/adjuster/adjuster.module.js

@@ -9,7 +9,7 @@ angular
     };
   })
   .service('PraAdjusterService', AdjusterService)
-  .component('pra.adjuster', AdjusterComponent)
+  .component('praAdjuster', AdjusterComponent)
   .directive('praAdjusterLoader', () => {
     return {
       template: require('./adjuster-loader.directive.html'),

src/app.component.js

@@ -33,12 +33,12 @@ export const HsComponent = {
     $scope.$on('scope_loaded', function (event, args) {
       if (args === 'Sidebar') {
         const el = angular.element(
-          '<pra.adjuster hs.draggable ng-if="vm.exists(\'pra.adjuster\')" ng-show="vm.panelVisible(\'adjuster\', this)"></pra.adjuster>'
+          '<pra-adjuster hs.draggable ng-if="vm.exists(\'pra.adjuster\')" ng-show="vm.panelVisible(\'adjuster\', this)"></pra-adjuster>'
         )[0];
         HsLayoutService.panelListElement.appendChild(el);
         $compile(el)($scope);
         const toolbarButton = angular.element(
-          '<div pra-adjuster-sidebar-btn></div>'
+          '<pra-adjuster-sidebar-btn></pra-adjuster-sidebar-btn>'
         )[0];
         HsLayoutService.sidebarListElement.appendChild(toolbarButton);
         $compile(toolbarButton)(event.targetScope);

src/app.module.js

@@ -87,4 +87,4 @@ angular
     },
     sizeMode: 'fullscreen',
   })
-  .component('hs', HsComponent).name;
+  .component('hs', HsComponent);