core component to vnComponent working

front/core/components/array-model/array-model.js

@@ -214,7 +214,7 @@ export default class ArrayModel extends ModelProxy {
 }
 ArrayModel.$inject = ['$q', '$filter', '$element', '$scope'];
 
-ngModule.component('vnArrayModel', {
+ngModule.vnComponent('vnArrayModel', {
     controller: ArrayModel,
     bindings: {
         orgData: '<?',

front/core/components/crud-model/crud-model.js

@@ -272,7 +272,7 @@ export default class CrudModel extends ModelProxy {
 }
 CrudModel.$inject = ['$q', '$http', '$element', '$scope'];
 
-ngModule.component('vnCrudModel', {
+ngModule.vnComponent('vnCrudModel', {
     controller: CrudModel,
     bindings: {
         orgData: '<?',

front/core/components/icon/icon.js

@@ -25,7 +25,7 @@ class Icon {
 }
 Icon.$inject = ['$attrs'];
 
-ngModule.component('vnIcon', {
+ngModule.vnComponent('vnIcon', {
     template: '<i class="{{::$ctrl.iconClass}} unselectable">{{::$ctrl.iconContent}}</i>',
     controller: Icon,
     bindings: {

front/core/components/model-proxy/model-proxy.js

@@ -30,7 +30,7 @@ export class DataModel extends Component {
     clear() {}
 }
 
-ngModule.component('vnDataModel', {
+ngModule.vnComponent('vnDataModel', {
     controller: DataModel,
     bindings: {
         data: '=?',
@@ -269,7 +269,7 @@ export default class ModelProxy extends DataModel {
     }
 }
 
-ngModule.component('vnModelProxy', {
+ngModule.vnComponent('vnModelProxy', {
     controller: ModelProxy,
     bindings: {
         orgData: '<?',

front/core/components/multi-check/multi-check.js

@@ -114,7 +114,7 @@ export default class MultiCheck extends FormInput {
     }
 }
 
-ngModule.component('vnMultiCheck', {
+ngModule.vnComponent('vnMultiCheck', {
     template: require('./multi-check.html'),
     controller: MultiCheck,
     bindings: {

front/core/components/pagination/pagination.js

@@ -90,7 +90,7 @@ class Pagination extends Component {
     }
 }
 
-ngModule.component('vnPagination', {
+ngModule.vnComponent('vnPagination', {
     template: require('./pagination.html'),
     bindings: {
         model: '<',

front/core/components/scroll-up/scroll-up.js

@@ -22,7 +22,7 @@ export default class Controller extends Component {
 
 Controller.$inject = ['$element', '$scope', '$window'];
 
-ngModule.component('vnScrollUp', {
+ngModule.vnComponent('vnScrollUp', {
     template: require('./scroll-up.html'),
     controller: Controller,
     bindings: {

front/core/components/slot/portal.js

@@ -19,7 +19,7 @@ export default class Portal {
 }
 Portal.$inject = ['$transclude', 'vnSlotService'];
 
-ngModule.component('vnPortal', {
+ngModule.vnComponent('vnPortal', {
     controller: Portal,
     transclude: true,
     bindings: {

front/core/components/snackbar/snackbar.js

@@ -144,7 +144,7 @@ export default class Controller extends Component {
     }
 }
 
-ngModule.component('vnSnackbar', {
+ngModule.vnComponent('vnSnackbar', {
     template: require('./snackbar.html'),
     controller: Controller
 });

front/core/components/spinner/spinner.js

@@ -54,4 +54,4 @@ export const component = {
     },
     controller: Spinner
 };
-ngModule.component('vnSpinner', component);
+ngModule.vnComponent('vnSpinner', component);

front/core/components/step-control/step-control.js

@@ -74,7 +74,7 @@ export default class StepControl {
 
 StepControl.$inject = ['$state'];
 
-ngModule.component('vnStepControl', {
+ngModule.vnComponent('vnStepControl', {
     template: require('./step-control.html'),
     controller: StepControl,
     bindings: {

front/core/components/tooltip/tooltip.js

@@ -197,7 +197,7 @@ export default class Tooltip extends Component {
 }
 Tooltip.$inject = ['$element', '$scope', '$timeout'];
 
-ngModule.component('vnTooltip', {
+ngModule.vnComponent('vnTooltip', {
     template: require('./tooltip.html'),
     controller: Tooltip,
     transclude: true,

front/core/components/treeview/child.js

@@ -49,7 +49,7 @@ class Controller {
 }
 Controller.$inject = ['$element', '$scope', '$compile'];
 
-ngModule.component('vnTreeviewChild', {
+ngModule.vnComponent('vnTreeviewChild', {
     template: require('./child.html'),
     controller: Controller,
     bindings: {

front/core/components/treeview/childs.js

@@ -2,7 +2,7 @@ import ngModule from '../../module';
 
 class Controller {}
 
-ngModule.component('vnTreeviewChilds', {
+ngModule.vnComponent('vnTreeviewChilds', {
     template: require('./childs.html'),
     controller: Controller,
     bindings: {

front/core/components/treeview/index.js

@@ -247,7 +247,7 @@ export default class Treeview extends Component {
 
 Treeview.$inject = ['$element', '$scope', '$transclude', '$window'];
 
-ngModule.component('vnTreeview', {
+ngModule.vnComponent('vnTreeview', {
     template: require('./index.html'),
     controller: Treeview,
     bindings: {

front/core/components/watcher/watcher.js

@@ -267,7 +267,7 @@ export default class Watcher extends Component {
 }
 Watcher.$inject = ['$element', '$scope', '$state', '$stateParams', '$transitions', '$http', 'vnApp', '$translate', '$attrs', '$q'];
 
-ngModule.component('vnWatcher', {
+ngModule.vnComponent('vnWatcher', {
     template: require('./watcher.html'),
     bindings: {
         url: '@?',