@stratusjs/angular 0.5.2 → 0.5.4

package/src/selector/selector.component.ts

@@ -100,6 +100,7 @@ export class SelectorComponent extends RootComponent { // implements OnInit, OnC
     @Input() type: string
     @Input() property: string
     @Input() endpoint: string
+    @Input() ignorePriority: boolean
 
     // Dependencies
     _ = _
@@ -239,8 +240,10 @@ export class SelectorComponent extends RootComponent { // implements OnInit, OnC
             return
         }
         moveItemInArray(models, event.previousIndex, event.currentIndex)
-        let priority = 0
-        _.forEach(models, (model: any) => model.priority = priority++)
+        if (!this.ignorePriority) {
+            let priority = 0
+            _.forEach(models, (model: any) => model.priority = priority++)
+        }
         this.model.trigger('change')
     }
 
@@ -386,8 +389,10 @@ export class SelectorComponent extends RootComponent { // implements OnInit, OnC
         if (!models || !models.length) {
             return
         }
-        let priority = 0
-        _.forEach(models, (model) => model.priority = priority++)
+        if (!this.ignorePriority) {
+            let priority = 0
+            _.forEach(models, (model) => model.priority = priority++)
+        }
     }
 
     getSvg(url: string, options?: IconOptions): Observable<string> {

package/src/test/test.directive.js

@@ -1,51 +1,68 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-import { Directive, ElementRef, HostListener } from '@angular/core';
-import { Stratus } from '@stratusjs/runtime/stratus';
-import _ from 'lodash';
-const moduleName = 'test';
-let TestDirective = class TestDirective {
-    constructor(el) {
-        this.el = el;
-        this.uid = _.uniqueId(`sa_${moduleName}_directive_`);
-        Stratus.Instances[this.uid] = this;
-        console.warn(this.uid, 'has been load to', this.el);
-    }
-    onMouseEnter() {
-        this.highlight('yellow');
-    }
-    onMouseLeave() {
-        this.highlight(null);
-    }
-    highlight(color) {
-        this.el.nativeElement.style.backgroundColor = color;
-    }
-};
-__decorate([
-    HostListener('mouseenter'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], TestDirective.prototype, "onMouseEnter", null);
-__decorate([
-    HostListener('mouseleave'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], TestDirective.prototype, "onMouseLeave", null);
-TestDirective = __decorate([
-    Directive({
-        selector: `[sa-${moduleName}]`
-    }),
-    __metadata("design:paramtypes", [ElementRef])
-], TestDirective);
-export { TestDirective };
+System.register(["@angular/core", "@stratusjs/runtime/stratus", "lodash"], function (exports_1, context_1) {
+    "use strict";
+    var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+        if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+        else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+    };
+    var __metadata = (this && this.__metadata) || function (k, v) {
+        if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+    };
+    var core_1, stratus_1, lodash_1, moduleName, TestDirective;
+    var __moduleName = context_1 && context_1.id;
+    return {
+        setters: [
+            function (core_1_1) {
+                core_1 = core_1_1;
+            },
+            function (stratus_1_1) {
+                stratus_1 = stratus_1_1;
+            },
+            function (lodash_1_1) {
+                lodash_1 = lodash_1_1;
+            }
+        ],
+        execute: function () {
+            moduleName = 'test';
+            TestDirective = class TestDirective {
+                constructor(el) {
+                    this.el = el;
+                    this.uid = lodash_1.default.uniqueId(`sa_${moduleName}_directive_`);
+                    stratus_1.Stratus.Instances[this.uid] = this;
+                    console.warn(this.uid, 'has been load to', this.el);
+                }
+                onMouseEnter() {
+                    this.highlight('yellow');
+                }
+                onMouseLeave() {
+                    this.highlight(null);
+                }
+                highlight(color) {
+                    this.el.nativeElement.style.backgroundColor = color;
+                }
+            };
+            __decorate([
+                core_1.HostListener('mouseenter'),
+                __metadata("design:type", Function),
+                __metadata("design:paramtypes", []),
+                __metadata("design:returntype", void 0)
+            ], TestDirective.prototype, "onMouseEnter", null);
+            __decorate([
+                core_1.HostListener('mouseleave'),
+                __metadata("design:type", Function),
+                __metadata("design:paramtypes", []),
+                __metadata("design:returntype", void 0)
+            ], TestDirective.prototype, "onMouseLeave", null);
+            TestDirective = __decorate([
+                core_1.Directive({
+                    selector: `[sa-${moduleName}]`
+                }),
+                __metadata("design:paramtypes", [core_1.ElementRef])
+            ], TestDirective);
+            exports_1("TestDirective", TestDirective);
+        }
+    };
+});
 
 //# sourceMappingURL=test.directive.js.map

package/src/test/test.directive.js.map

@@ -1 +1 @@
-{"version":3,"sources":["test.directive.ts"],"names":[],"mappings":";;;;;;;;;AACA,OAAO,EACH,SAAS,EACT,UAAU,EACV,YAAY,EACf,MAAM,eAAe,CAAA;AAKtB,OAAO,EAAC,OAAO,EAAC,MAAM,4BAA4B,CAAA;AAClD,OAAO,CAAC,MAAM,QAAQ,CAAA;AAKtB,MAAM,UAAU,GAAG,MAAM,CAAA;AAMzB,IAAa,aAAa,GAA1B,MAAa,aAAa;IAKtB,YAAoB,EAAc;QAAd,OAAE,GAAF,EAAE,CAAY;QAK9B,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,QAAQ,CAAC,MAAM,UAAU,aAAa,CAAC,CAAA;QACpD,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAA;QAElC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,kBAAkB,EAAE,IAAI,CAAC,EAAE,CAAC,CAAA;IAkBvD,CAAC;IAE2B,YAAY;QACpC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAA;IAC5B,CAAC;IAE2B,YAAY;QACpC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;IACxB,CAAC;IAEO,SAAS,CAAC,KAAa;QAC3B,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,eAAe,GAAG,KAAK,CAAA;IACvD,CAAC;CACJ,CAAA;AAX+B;IAA3B,YAAY,CAAC,YAAY,CAAC;;;;iDAE1B;AAE2B;IAA3B,YAAY,CAAC,YAAY,CAAC;;;;iDAE1B;AAvCQ,aAAa;IAJzB,SAAS,CAAC;QACP,QAAQ,EAAE,OAAO,UAAU,GAAG;KACjC,CAAC;qCAO0B,UAAU;GALzB,aAAa,CA4CzB;SA5CY,aAAa","file":"test.directive.js"}
+{"version":3,"sources":["test.directive.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;YAgBM,UAAU,GAAG,MAAM,CAAA;YAMZ,aAAa,GAA1B,MAAa,aAAa;gBAKtB,YAAoB,EAAc;oBAAd,OAAE,GAAF,EAAE,CAAY;oBAK9B,IAAI,CAAC,GAAG,GAAG,gBAAC,CAAC,QAAQ,CAAC,MAAM,UAAU,aAAa,CAAC,CAAA;oBACpD,iBAAO,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAA;oBAElC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,kBAAkB,EAAE,IAAI,CAAC,EAAE,CAAC,CAAA;gBAkBvD,CAAC;gBAE2B,YAAY;oBACpC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAA;gBAC5B,CAAC;gBAE2B,YAAY;oBACpC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;gBACxB,CAAC;gBAEO,SAAS,CAAC,KAAa;oBAC3B,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,eAAe,GAAG,KAAK,CAAA;gBACvD,CAAC;aACJ,CAAA;YAX+B;gBAA3B,mBAAY,CAAC,YAAY,CAAC;;;;6DAE1B;YAE2B;gBAA3B,mBAAY,CAAC,YAAY,CAAC;;;;6DAE1B;YAvCQ,aAAa;gBAJzB,gBAAS,CAAC;oBACP,QAAQ,EAAE,OAAO,UAAU,GAAG;iBACjC,CAAC;iDAO0B,iBAAU;eALzB,aAAa,CA4CzB;;QACD,CAAC","file":"test.directive.js"}

package/src/tree/tree-dialog.component.js

@@ -1,208 +1,237 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-var __param = (this && this.__param) || function (paramIndex, decorator) {
-    return function (target, key) { decorator(target, key, paramIndex); }
-};
-import { ChangeDetectorRef, Component, Inject } from '@angular/core';
-import { FormBuilder } from '@angular/forms';
-import { moveItemInArray } from '@angular/cdk/drag-drop';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-import { debounceTime, finalize, switchMap, tap } from 'rxjs/operators';
-import _ from 'lodash';
-import { Stratus } from '@stratusjs/runtime/stratus';
-import { cookie } from '@stratusjs/core/environment';
-import { ResponsiveComponent } from '../core/responsive.component';
-const systemDir = '@stratusjs/angular';
-const moduleName = 'tree-dialog';
-const parentModuleName = 'tree';
-const min = !cookie('env') ? '.min' : '';
-const localDir = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
-let TreeDialogComponent = class TreeDialogComponent extends ResponsiveComponent {
-    constructor(dialogRef, data, fb, ref) {
-        super();
-        this.dialogRef = dialogRef;
-        this.data = data;
-        this.fb = fb;
-        this.ref = ref;
-        this.title = moduleName + '_component';
-        this.isInitialized = false;
-        this.isDestroyed = false;
-        this.isStyled = false;
-        this._ = _;
-        this.Stratus = Stratus;
-        this.apiBase = '/Api/Content';
-        this.isSingleContentLoading = false;
-        this.limit = 20;
-        this.isContentLoading = false;
-        this.isContentLoaded = false;
-        this.basicContentQueryAttributes = 'options[isContent]=null&options[isCollection]=null&options[showRoutable]=true&options[showRouting]=true';
-    }
-    ngOnInit() {
-        this.uid = _.uniqueId(`sa_${_.snakeCase(moduleName)}_component_`);
-        Stratus.Instances[this.uid] = this;
-        Stratus.Internals.CssLoader(`${localDir}/${parentModuleName}/${moduleName}.component${min}.css`)
-            .then(() => {
-            this.isStyled = true;
-        })
-            .catch((err) => {
-            console.warn('Issue detected in CSS Loader for Component:', this);
-            console.error(err);
-            this.isStyled = true;
-        });
-        this.tree = this.data.tree;
-        this.treeNode = this.data.treeNode;
-        this.backend = this.data.backend;
-        this.iconRegistry = this.data.iconRegistry;
-        this.dialogContentForm = this.fb.group({
-            contentSelectorInput: this.data.content || null
-        });
-        this.dialogContentForm
-            .get('contentSelectorInput')
-            .valueChanges
-            .pipe(debounceTime(300), tap(() => this.isContentLoading = true), switchMap((value) => {
-            if (_.isString(value)) {
-                this.lastContentSelectorQuery = this.getQueryUrl(value);
+System.register(["@angular/core", "@angular/forms", "@angular/cdk/drag-drop", "@angular/material/dialog", "rxjs/operators", "lodash", "@stratusjs/runtime/stratus", "@stratusjs/core/environment", "../core/responsive.component"], function (exports_1, context_1) {
+    "use strict";
+    var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+        if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+        else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+    };
+    var __metadata = (this && this.__metadata) || function (k, v) {
+        if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+    };
+    var __param = (this && this.__param) || function (paramIndex, decorator) {
+        return function (target, key) { decorator(target, key, paramIndex); }
+    };
+    var core_1, forms_1, drag_drop_1, dialog_1, operators_1, lodash_1, stratus_1, environment_1, responsive_component_1, systemDir, moduleName, parentModuleName, min, localDir, TreeDialogComponent;
+    var __moduleName = context_1 && context_1.id;
+    return {
+        setters: [
+            function (core_1_1) {
+                core_1 = core_1_1;
+            },
+            function (forms_1_1) {
+                forms_1 = forms_1_1;
+            },
+            function (drag_drop_1_1) {
+                drag_drop_1 = drag_drop_1_1;
+            },
+            function (dialog_1_1) {
+                dialog_1 = dialog_1_1;
+            },
+            function (operators_1_1) {
+                operators_1 = operators_1_1;
+            },
+            function (lodash_1_1) {
+                lodash_1 = lodash_1_1;
+            },
+            function (stratus_1_1) {
+                stratus_1 = stratus_1_1;
+            },
+            function (environment_1_1) {
+                environment_1 = environment_1_1;
+            },
+            function (responsive_component_1_1) {
+                responsive_component_1 = responsive_component_1_1;
             }
-            else {
-                this.data.content = value;
-                this.data.url = null;
-            }
-            return this.backend.get(this.lastContentSelectorQuery || this.getQueryUrl())
-                .pipe(finalize(() => {
-                this.isContentLoading = false;
-                this.isContentLoaded = true;
-            }));
-        }))
-            .subscribe((response) => this.handleContent(response));
-        this.backend
-            .get(this.getQueryUrl())
-            .pipe(finalize(() => this.isContentLoading = false))
-            .subscribe((response) => this.handleContent(response));
-        if (this.data.content && this.data.content.id) {
-            this.isSingleContentLoading = true;
-            this.backend
-                .get(this.getQueryUrl(null, this.data.content.id))
-                .pipe(finalize(() => this.isSingleContentLoading = false))
-                .subscribe((response) => {
-                if (!response.ok || response.status !== 200 || _.isEmpty(response.body)) {
-                    return null;
+        ],
+        execute: function () {
+            systemDir = '@stratusjs/angular';
+            moduleName = 'tree-dialog';
+            parentModuleName = 'tree';
+            min = !environment_1.cookie('env') ? '.min' : '';
+            localDir = `${stratus_1.Stratus.BaseUrl}${boot.configuration.paths[`${systemDir}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
+            TreeDialogComponent = class TreeDialogComponent extends responsive_component_1.ResponsiveComponent {
+                constructor(dialogRef, data, fb, ref) {
+                    super();
+                    this.dialogRef = dialogRef;
+                    this.data = data;
+                    this.fb = fb;
+                    this.ref = ref;
+                    this.title = moduleName + '_component';
+                    this.isInitialized = false;
+                    this.isDestroyed = false;
+                    this.isStyled = false;
+                    this._ = lodash_1.default;
+                    this.Stratus = stratus_1.Stratus;
+                    this.apiBase = '/Api/Content';
+                    this.isSingleContentLoading = false;
+                    this.limit = 20;
+                    this.isContentLoading = false;
+                    this.isContentLoaded = false;
+                    this.basicContentQueryAttributes = 'options[isContent]=null&options[isCollection]=null&options[showRoutable]=true&options[showRouting]=true';
                 }
-                const payload = _.get(response.body, 'payload') || response.body;
-                if (_.isEmpty(payload) || Array.isArray(payload) || !_.isObject(payload)) {
-                    return null;
+                ngOnInit() {
+                    this.uid = lodash_1.default.uniqueId(`sa_${lodash_1.default.snakeCase(moduleName)}_component_`);
+                    stratus_1.Stratus.Instances[this.uid] = this;
+                    stratus_1.Stratus.Internals.CssLoader(`${localDir}/${parentModuleName}/${moduleName}.component${min}.css`)
+                        .then(() => {
+                        this.isStyled = true;
+                    })
+                        .catch((err) => {
+                        console.warn('Issue detected in CSS Loader for Component:', this);
+                        console.error(err);
+                        this.isStyled = true;
+                    });
+                    this.tree = this.data.tree;
+                    this.treeNode = this.data.treeNode;
+                    this.backend = this.data.backend;
+                    this.iconRegistry = this.data.iconRegistry;
+                    this.dialogContentForm = this.fb.group({
+                        contentSelectorInput: this.data.content || null
+                    });
+                    this.dialogContentForm
+                        .get('contentSelectorInput')
+                        .valueChanges
+                        .pipe(operators_1.debounceTime(300), operators_1.tap(() => this.isContentLoading = true), operators_1.switchMap((value) => {
+                        if (lodash_1.default.isString(value)) {
+                            this.lastContentSelectorQuery = this.getQueryUrl(value);
+                        }
+                        else {
+                            this.data.content = value;
+                            this.data.url = null;
+                        }
+                        return this.backend.get(this.lastContentSelectorQuery || this.getQueryUrl())
+                            .pipe(operators_1.finalize(() => {
+                            this.isContentLoading = false;
+                            this.isContentLoaded = true;
+                        }));
+                    }))
+                        .subscribe((response) => this.handleContent(response));
+                    this.backend
+                        .get(this.getQueryUrl())
+                        .pipe(operators_1.finalize(() => this.isContentLoading = false))
+                        .subscribe((response) => this.handleContent(response));
+                    if (this.data.content && this.data.content.id) {
+                        this.isSingleContentLoading = true;
+                        this.backend
+                            .get(this.getQueryUrl(null, this.data.content.id))
+                            .pipe(operators_1.finalize(() => this.isSingleContentLoading = false))
+                            .subscribe((response) => {
+                            if (!response.ok || response.status !== 200 || lodash_1.default.isEmpty(response.body)) {
+                                return null;
+                            }
+                            const payload = lodash_1.default.get(response.body, 'payload') || response.body;
+                            if (lodash_1.default.isEmpty(payload) || Array.isArray(payload) || !lodash_1.default.isObject(payload)) {
+                                return null;
+                            }
+                            this.contentEntity = payload;
+                            this.isSingleContentLoading = false;
+                            this.dialogContentForm
+                                .get('contentSelectorInput')
+                                .patchValue(this.contentEntity);
+                            this.refresh();
+                            return this.contentEntity;
+                        });
+                    }
+                    this.isInitialized = true;
                 }
-                this.contentEntity = payload;
-                this.isSingleContentLoading = false;
-                this.dialogContentForm
-                    .get('contentSelectorInput')
-                    .patchValue(this.contentEntity);
-                this.refresh();
-                return this.contentEntity;
-            });
-        }
-        this.isInitialized = true;
-    }
-    ngOnDestroy() {
-        this.isDestroyed = true;
-    }
-    refresh() {
-        if (this.isDestroyed) {
-            return new Promise(resolve => resolve());
-        }
-        return super.refresh();
-    }
-    onCancelClick() {
-        this.dialogRef.close();
-    }
-    onBrowserTargetChange($event) {
-        this.data.browserTarget = this.browserTarget ? '_blank' : null;
-    }
-    displayContentText(content) {
-        if (!content) {
-            return;
-        }
-        const routing = _.get(content, 'routing[0].url');
-        const routingText = !_.isUndefined(routing) ? ` (/${routing})` : ' (No route!)';
-        const contentId = _.get(content, 'id');
-        const contentIdText = !_.isUndefined(contentId) ? `Content: ${contentId}` : null;
-        return (_.get(content, 'version.title') || contentIdText) + routingText;
-    }
-    handleContent(response) {
-        if (!response.ok || response.status !== 200 || _.isEmpty(response.body)) {
-            this.filteredContent = [];
-            return this.filteredContent;
-        }
-        const payload = _.get(response.body, 'payload') || response.body;
-        if (_.isEmpty(payload) || !Array.isArray(payload)) {
-            this.filteredContent = [];
-            return this.filteredContent;
-        }
-        this.filteredContent = payload;
-        return this.filteredContent;
-    }
-    destroy() {
-        this.treeNode.destroy()
-            .afterClosed()
-            .subscribe((dialogResult) => {
-            if (!dialogResult) {
-                return;
-            }
-            this.onCancelClick();
-        });
-    }
-    toggleStatus() {
-        this.treeNode.toggleStatus();
-    }
-    addChild() {
-        this.treeNode.addChild();
-    }
-    isSelected(content) {
-        if (!this.data.content) {
-            return false;
-        }
-        return this.data.content.id === content.id;
-    }
-    getSvg(url, options) {
-        return this.tree.getSvg(url, options);
-    }
-    getQueryUrl(query, id) {
-        query = (!_.isString(query) || _.isEmpty(query)) ? '' : `"${query}"`;
-        id = !_.isString(id) && !_.isNumber(id) ? '' : `/${id}`;
-        return `${this.apiBase}${id}?limit=${this.limit}&${this.basicContentQueryAttributes}&q=${query}`;
-    }
-    selectedOnTop(list, selected) {
-        if (!list || !list.length) {
-            return list;
-        }
-        if (!selected || !selected.id) {
-            return list;
-        }
-        const orderedList = _.clone(list);
-        const index = list.findIndex((v) => v.id === selected.id);
-        if (index === -1) {
-            orderedList.unshift(selected);
-            return orderedList;
+                ngOnDestroy() {
+                    this.isDestroyed = true;
+                }
+                refresh() {
+                    if (this.isDestroyed) {
+                        return new Promise(resolve => resolve());
+                    }
+                    return super.refresh();
+                }
+                onCancelClick() {
+                    this.dialogRef.close();
+                }
+                onBrowserTargetChange($event) {
+                    this.data.browserTarget = this.browserTarget ? '_blank' : null;
+                }
+                displayContentText(content) {
+                    if (!content) {
+                        return;
+                    }
+                    const routing = lodash_1.default.get(content, 'routing[0].url');
+                    const routingText = !lodash_1.default.isUndefined(routing) ? ` (/${routing})` : ' (No route!)';
+                    const contentId = lodash_1.default.get(content, 'id');
+                    const contentIdText = !lodash_1.default.isUndefined(contentId) ? `Content: ${contentId}` : null;
+                    return (lodash_1.default.get(content, 'version.title') || contentIdText) + routingText;
+                }
+                handleContent(response) {
+                    if (!response.ok || response.status !== 200 || lodash_1.default.isEmpty(response.body)) {
+                        this.filteredContent = [];
+                        return this.filteredContent;
+                    }
+                    const payload = lodash_1.default.get(response.body, 'payload') || response.body;
+                    if (lodash_1.default.isEmpty(payload) || !Array.isArray(payload)) {
+                        this.filteredContent = [];
+                        return this.filteredContent;
+                    }
+                    this.filteredContent = payload;
+                    return this.filteredContent;
+                }
+                destroy() {
+                    this.treeNode.destroy()
+                        .afterClosed()
+                        .subscribe((dialogResult) => {
+                        if (!dialogResult) {
+                            return;
+                        }
+                        this.onCancelClick();
+                    });
+                }
+                toggleStatus() {
+                    this.treeNode.toggleStatus();
+                }
+                addChild() {
+                    this.treeNode.addChild();
+                }
+                isSelected(content) {
+                    if (!this.data.content) {
+                        return false;
+                    }
+                    return this.data.content.id === content.id;
+                }
+                getSvg(url, options) {
+                    return this.tree.getSvg(url, options);
+                }
+                getQueryUrl(query, id) {
+                    query = (!lodash_1.default.isString(query) || lodash_1.default.isEmpty(query)) ? '' : `"${query}"`;
+                    id = !lodash_1.default.isString(id) && !lodash_1.default.isNumber(id) ? '' : `/${id}`;
+                    return `${this.apiBase}${id}?limit=${this.limit}&${this.basicContentQueryAttributes}&q=${query}`;
+                }
+                selectedOnTop(list, selected) {
+                    if (!list || !list.length) {
+                        return list;
+                    }
+                    if (!selected || !selected.id) {
+                        return list;
+                    }
+                    const orderedList = lodash_1.default.clone(list);
+                    const index = list.findIndex((v) => v.id === selected.id);
+                    if (index === -1) {
+                        orderedList.unshift(selected);
+                        return orderedList;
+                    }
+                    drag_drop_1.moveItemInArray(orderedList, index, 0);
+                    return orderedList;
+                }
+            };
+            TreeDialogComponent = __decorate([
+                core_1.Component({
+                    selector: `sa-${moduleName}`,
+                    templateUrl: `${localDir}/${parentModuleName}/${moduleName}.component${min}.html`,
+                }),
+                __param(1, core_1.Inject(dialog_1.MAT_DIALOG_DATA)),
+                __metadata("design:paramtypes", [dialog_1.MatDialogRef, Object, forms_1.FormBuilder,
+                    core_1.ChangeDetectorRef])
+            ], TreeDialogComponent);
+            exports_1("TreeDialogComponent", TreeDialogComponent);
         }
-        moveItemInArray(orderedList, index, 0);
-        return orderedList;
-    }
-};
-TreeDialogComponent = __decorate([
-    Component({
-        selector: `sa-${moduleName}`,
-        templateUrl: `${localDir}/${parentModuleName}/${moduleName}.component${min}.html`,
-    }),
-    __param(1, Inject(MAT_DIALOG_DATA)),
-    __metadata("design:paramtypes", [MatDialogRef, Object, FormBuilder,
-        ChangeDetectorRef])
-], TreeDialogComponent);
-export { TreeDialogComponent };
+    };
+});
 
 //# sourceMappingURL=tree-dialog.component.js.map