@stratusjs/angular 0.9.3 → 0.10.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stratusjs/angular",
-  "version": "0.9.3",
+  "version": "0.10.1",
   "description": "This is the angular package for StratusJS.",
   "scripts": {},
   "repository": {
@@ -27,7 +27,6 @@
   "devDependencies": {
     "@mat-datetimepicker/core": "6.0.3",
     "@mat-datetimepicker/moment": "6.0.3",
-
     "core-js": "^3.19.0",
     "quill": "^1.3.7",
     "quill-autoformat": "^0.1.2",
@@ -55,8 +54,9 @@
     "@angular/platform-browser-dynamic": "^12.2.16",
     "@angular/router": "^12.2.16",
     "@codemirror/lang-html": "^6.4.0",
+    "@stratusjs/angularjs": "^0.10.0",
     "@stratusjs/boot": "^1.2.0",
-    "@stratusjs/core": "^0.6.2",
+    "@stratusjs/core": "^0.8.0",
     "@stratusjs/map": "^0.6.5",
     "@stratusjs/runtime": "^0.12.1",
     "@stratusjs/stripe": "^1.9.0",

package/src/selector/selector-autocomplete.component.html

@@ -6,7 +6,7 @@
 
 <!-- data-ng-disabled="itemDisabled = isSelected(model)" -->
 <div class="autocomplete-option"
-     [class]="model.contentType.class"
+     [class]="getString(model, 'contentType.class')"
      [class.selected]="isSelected(model)">
     <div class="autocomplete-row clearfix">
         <div class="column-image st-grid column20">
@@ -36,11 +36,11 @@
                 <!-- Icon for items with no image -->
                 <div class="no-image-icon position-all"
                      *ngIf="!model.version.images.length && !model.version.videos.length && !model.version.shellImages.length"
-                     [class]="[model.contentType.class + '-background-color', model.version.meta.backgroundColor]">
+                     [class]="[getString(model, 'contentType.class') + '-background-color', getString(model, 'version.meta.backgroundColor')]">
                     <div *ngIf="!isSelected(model) && model.contentType.iconResource">
                         <mat-icon class="content-type-icon position-center"
                                   aria-hidden="true"
-                                  [svgIcon]="getSvg(Stratus.BaseUrl + model.contentType.iconResourcePath) | async">
+                                  [svgIcon]="getSvg(Stratus.BaseUrl + getString(model, 'contentType.iconResourcePath')) | async">
                             ContentType Icon
                         </mat-icon>
                     </div>
@@ -62,7 +62,7 @@
             </div>
             -->
             <h3 class="title">
-                {{model.version.title || (model.contentType.class === 'sitetheory-core-bundle-content-module' ? model.version.bestIdentifier : ('Untitled ' + model.contentType.name + ' (' + model.id + ')'))}}
+                {{getString(model, 'version.title') || (getString(model, 'contentType.class') === 'sitetheory-core-bundle-content-module' ? getString(model, 'version.bestIdentifier') : ('Untitled ' + getString(model, 'contentType.name') + ' (' + model.id + ')'))}}
             </h3>
             <div>
                 <div class="routing" *ngIf="model.routing.length">

package/src/selector/selector-autocomplete.component.min.html

@@ -1 +1 @@
-<div class="autocomplete-option" [class]="model.contentType.class" [class.selected]="isSelected(model)"><div class="autocomplete-row clearfix"><div class="column-image st-grid column20"><div class="image-container background-dark position-anchor"><div class="image position-all" style="background-size: cover" *ngIf="model.version.images.length || model.version.shellImages.length" [style.background]="'url(' + (model.version.images.length ? model.version.images[0].src : model.version.shellImages.length ? model.version.shellImages[0].src : '') + ') no-repeat center center'"></div><div class="image position-all" style="background-size: cover" *ngIf="!model.version.images.length && !model.version.shellImages.length && model.version.videos.length" [style.background]="'url(' + (model.version.videos[0].src) + ') no-repeat center center'"></div><div class="no-image-icon position-all" *ngIf="!model.version.images.length && !model.version.videos.length && !model.version.shellImages.length" [class]="[model.contentType.class + '-background-color', model.version.meta.backgroundColor]"><div *ngIf="!isSelected(model) && model.contentType.iconResource"><mat-icon class="content-type-icon position-center" aria-hidden="true" [svgIcon]="getSvg(Stratus.BaseUrl + model.contentType.iconResourcePath) | async">ContentType Icon</mat-icon></div></div><img class="shapeholder" [src]="Stratus.BaseUrl + 'sitetheorycore/images/shapeholder-square.png'"></div></div><div class="column-title st-grid column80"><h3 class="title">{{model.version.title || (model.contentType.class === 'sitetheory-core-bundle-content-module' ? model.version.bestIdentifier : ('Untitled ' + model.contentType.name + ' (' + model.id + ')'))}}</h3><div><div class="routing" *ngIf="model.routing.length">{{'/' + model.routing[0].url}}</div></div></div></div></div>
+<div class="autocomplete-option" [class]="getString(model, 'contentType.class')" [class.selected]="isSelected(model)"><div class="autocomplete-row clearfix"><div class="column-image st-grid column20"><div class="image-container background-dark position-anchor"><div class="image position-all" style="background-size: cover" *ngIf="model.version.images.length || model.version.shellImages.length" [style.background]="'url(' + (model.version.images.length ? model.version.images[0].src : model.version.shellImages.length ? model.version.shellImages[0].src : '') + ') no-repeat center center'"></div><div class="image position-all" style="background-size: cover" *ngIf="!model.version.images.length && !model.version.shellImages.length && model.version.videos.length" [style.background]="'url(' + (model.version.videos[0].src) + ') no-repeat center center'"></div><div class="no-image-icon position-all" *ngIf="!model.version.images.length && !model.version.videos.length && !model.version.shellImages.length" [class]="[getString(model, 'contentType.class') + '-background-color', getString(model, 'version.meta.backgroundColor')]"><div *ngIf="!isSelected(model) && model.contentType.iconResource"><mat-icon class="content-type-icon position-center" aria-hidden="true" [svgIcon]="getSvg(Stratus.BaseUrl + getString(model, 'contentType.iconResourcePath')) | async">ContentType Icon</mat-icon></div></div><img class="shapeholder" [src]="Stratus.BaseUrl + 'sitetheorycore/images/shapeholder-square.png'"></div></div><div class="column-title st-grid column80"><h3 class="title">{{getString(model, 'version.title') || (getString(model, 'contentType.class') === 'sitetheory-core-bundle-content-module' ? getString(model, 'version.bestIdentifier') : ('Untitled ' + getString(model, 'contentType.name') + ' (' + model.id + ')'))}}</h3><div><div class="routing" *ngIf="model.routing.length">{{'/' + model.routing[0].url}}</div></div></div></div></div>

package/src/selector/selector.component.html

@@ -1,6 +1,6 @@
  <!--
 <mat-form-field class="full-width">
-    <input matInput [placeholder]="'Add ' + (_.get(selectedModel, 'contentType.name') || _.get(selectedModel, 'name')) + ': Not Connected Yet!'" aria-label="Selector AutoComplete" [matAutocomplete]="auto" [formControl]="selectCtrl">
+    <input matInput [placeholder]="'Add ' + (getString(selectedModel, 'contentType.name') || getString(selectedModel, 'name')) + ': Not Connected Yet!'" aria-label="Selector AutoComplete" [matAutocomplete]="auto" [formControl]="selectCtrl">
     <mat-autocomplete #auto="matAutocomplete">
         <mat-option *ngFor="let selectModel of filteredModels | async" [value]="selectModel">
             {{ selectModel.version.title }}
@@ -34,9 +34,9 @@
     <div cdkDropList (cdkDropListDropped)="drop($event)">
         <!--<span class="selectedModels" style="display: none" [textContent]="dataSub | async | json"></span>-->
         <!--<span class="selectedModels" style="display: none" *ngIf="log('selector.ngIf:', dataSub | async)"></span>-->
-        <!-- [cdkDragDisabled]="_.get(selectedModel, 'status') < 1" -->
+        <!-- [cdkDragDisabled]="get(selectedModel, 'status') < 1" -->
         <div cdkDrag class="selected-list-row selected-box"
-             [ngClass]="{'active': _.get(selectedModel, 'status') === 1, 'inactive' : _.get(selectedModel, 'status') !== 1, 'published': _.get(selectedModel, 'version.published') === 1, 'unpublished': _.get(selectedModel, 'version.published') !== 1}"
+             [ngClass]="{'active': get(selectedModel, 'status') === 1, 'inactive' : get(selectedModel, 'status') !== 1, 'published': get(selectedModel, 'version.published') === 1, 'unpublished': get(selectedModel, 'version.published') !== 1}"
              *ngFor="let selectedModel of dataSub | async">
             <div class="custom-ghost-placeholder" *cdkDragPlaceholder></div>
             <div class="selected-list-container">
@@ -51,17 +51,17 @@
                     <!-- This adds stratus-src lazy loading if bestImage isn't a third party service without image sizes, e.g. Video -->
                     <div class="image position-all"
                          *ngIf="has(selectedModel, 'version.bestImage._thumbnailUrl')"
-                         [attr.data-stratus-src]="!_.get(selectedModel, 'version.bestImage.service') ? true : false"
-                         [ngStyle]="{'background': 'url(' + _.get(selectedModel, 'version.bestImage._thumbnailUrl') + ') no-repeat center center', 'background-size': 'cover'}">
+                         [attr.data-stratus-src]="!get(selectedModel, 'version.bestImage.service') ? true : false"
+                         [ngStyle]="{'background': 'url(' + getString(selectedModel, 'version.bestImage._thumbnailUrl') + ') no-repeat center center', 'background-size': 'cover'}">
                     </div>
 
                     <!-- Icon for items with no image -->
                     <div class="no-image-icon position-all"
                          *ngIf="!has(selectedModel, 'version.bestImage._thumbnailUrl')"
-                         [ngClass]="_.get(selectedModel, 'contentType.class') + '-background-color'">
+                         [ngClass]="getString(selectedModel, 'contentType.class') + '-background-color'">
 
                         <mat-icon class="content-type-icon position-center"
-                                  [svgIcon]="getSvg(Stratus.BaseUrl + (_.get(selectedModel, 'contentType.iconResourcePath') || _.get(selectedModel, 'iconResourcePath'))) | async">
+                                  [svgIcon]="getSvg(Stratus.BaseUrl + (getString(selectedModel, 'contentType.iconResourcePath') || getString(selectedModel, 'iconResourcePath'))) | async">
                             Icon
                         </mat-icon>
                     </div>
@@ -78,32 +78,32 @@
                         to break away from the div and float to the top of the selector container
                         -->
                         <mat-icon class="content-type-icon"
-                                  [svgIcon]="getSvg(Stratus.BaseUrl + _.get(selectedModel, 'contentType.iconResourcePath')) | async">
+                                  [svgIcon]="getSvg(Stratus.BaseUrl + getString(selectedModel, 'contentType.iconResourcePath')) | async">
                             ContentType Icon
                         </mat-icon>
                         <span class="comment content-type-name font-body"
-                              [ngClass]="((_.get(selectedModel, 'contentType.name') || _.get(selectedModel, 'name')) | lowercase) + '-color'"
-                              [textContent]="(_.get(selectedModel, 'contentType.name') || _.get(selectedModel, 'name')) + ((_.get(selectedModel, 'status') !== 1) ? ' (hidden)' : '') + ((_.get(selectedModel, 'version.published') !== 1) ? ' (unpublished)' : '')">
+                              [ngClass]="((getString(selectedModel, 'contentType.name') || getString(selectedModel, 'name')) | lowercase) + '-color'"
+                              [textContent]="(getString(selectedModel, 'contentType.name') || getString(selectedModel, 'name')) + ((get(selectedModel, 'status') !== 1) ? ' (hidden)' : '') + ((get(selectedModel, 'version.published') !== 1) ? ' (unpublished)' : '')">
                         </span>
                     </div>
 
                     <!-- This include fallbacks in case a version is not present -->
-                    <h3 [innerHTML]="_.get(selectedModel, 'version.bestIdentifier') || _.get(selectedModel, 'name') || (_.get(selectedModel, 'contentType.controller') === 'Content\\Module' ? _.get(selectedModel, 'version.internalIdentifier') : 'Untitled ' + _.get(selectedModel, 'contentType.name') + ' (' + _.get(selectedModel, 'id') + ')')"></h3>
+                    <h3 [innerHTML]="getString(selectedModel, 'version.bestIdentifier') || getString(selectedModel, 'name') || (get(selectedModel, 'contentType.controller') === 'Content\\Module' ? getString(selectedModel, 'version.internalIdentifier') : 'Untitled ' + getString(selectedModel, 'contentType.name') + ' (' + get(selectedModel, 'id') + ')')"></h3>
                     <!-- TODO: make this clickable in new window -->
                     <span class="routing"
-                          [textContent]="(has(selectedModel, 'routing') ? '/' + _.get(selectedModel, 'routing[0].url') : null) || _.get(selectedModel, 'description') || ''">
+                          [textContent]="(has(selectedModel, 'routing') ? '/' + getString(selectedModel, 'routing[0].url') : null) || getString(selectedModel, 'description') || ''">
                     </span>
                 </div>
                 <div class="column-action">
                     <a mat-button
-                            [matTooltip]="'Delete ' + (_.get(selectedModel, 'contentType.name') || _.get(selectedModel, 'name')) + ' [THIS COLLECTION ONLY]'"
+                            [matTooltip]="'Delete ' + (getString(selectedModel, 'contentType.name') || getString(selectedModel, 'name')) + ' [THIS COLLECTION ONLY]'"
                             aria-label="Delete Item"
                             class="btn btn-delete"
                             (click)="remove(selectedModel)">
                         <mat-icon svgIcon="selector_delete" aria-hidden="false" aria-label="Delete Item">Delete</mat-icon>
                     </a>
                     <a mat-button
-                       [matTooltip]="'Toggle ' + (_.get(selectedModel, 'contentType.name') || _.get(selectedModel, 'name')) + ' Status ' + (_.get(selectedModel, 'status') ? 'Off' : 'On') + ' [ALL CONTEXTS]'"
+                       [matTooltip]="'Toggle ' + (getString(selectedModel, 'contentType.name') || getString(selectedModel, 'name')) + ' Status ' + (get(selectedModel, 'status') ? 'Off' : 'On') + ' [ALL CONTEXTS]'"
                        aria-label="Toggle Status"
                        class="btn btn-status"
                        (click)="toggleStatus(selectedModel)">
@@ -111,7 +111,7 @@
                     </a>
                     <a mat-button
                             *ngIf="has(selectedModel, 'contentType.editUrl')"
-                            [matTooltip]="'Edit ' + (_.get(selectedModel, 'contentType.name') || _.get(selectedModel, 'name'))"
+                            [matTooltip]="'Edit ' + (getString(selectedModel, 'contentType.name') || getString(selectedModel, 'name'))"
                             aria-label="Edit Item in New Window"
                             class="btn btn-edit"
                             (click)="goToUrl(selectedModel, '_blank');">

package/src/selector/selector.component.js

@@ -9,7 +9,7 @@ System.register(["@angular/core", "@angular/forms", "@angular/cdk/drag-drop", "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, forms_1, drag_drop_1, rxjs_1, platform_browser_1, icon_1, stratus_1, lodash_1, environment_1, root_component_1, registry_1, eventManager_1, xhr_1, systemDir, moduleName, min, localDir, has, SelectorComponent;
+    var core_1, forms_1, drag_drop_1, rxjs_1, platform_browser_1, icon_1, stratus_1, lodash_1, environment_1, root_component_1, registry_1, eventManager_1, xhr_1, systemDir, moduleName, min, localDir, hasNotEmpty, SelectorComponent;
     var __moduleName = context_1 && context_1.id;
     return {
         setters: [
@@ -58,7 +58,7 @@ System.register(["@angular/core", "@angular/forms", "@angular/cdk/drag-drop", "r
             moduleName = 'selector';
             min = !environment_1.cookie('env') ? '.min' : '';
             localDir = `${stratus_1.Stratus.BaseUrl}${boot.configuration.paths[`${systemDir}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
-            has = (object, path) => lodash_1.default.has(object, path) && !lodash_1.default.isEmpty(lodash_1.default.get(object, path));
+            hasNotEmpty = (object, path) => lodash_1.has(object, path) && !lodash_1.isEmpty(lodash_1.get(object, path));
             SelectorComponent = class SelectorComponent extends root_component_1.RootComponent {
                 constructor(iconRegistry, sanitizer, ref, elementRef) {
                     super();
@@ -67,8 +67,8 @@ System.register(["@angular/core", "@angular/forms", "@angular/cdk/drag-drop", "r
                     this.ref = ref;
                     this.elementRef = elementRef;
                     this.title = moduleName + '_component';
-                    this._ = lodash_1.default;
-                    this.has = has;
+                    this.get = lodash_1.get;
+                    this.has = hasNotEmpty;
                     this.log = console.log;
                     this.Stratus = stratus_1.Stratus;
                     this.selectCtrl = new forms_1.FormControl();
@@ -77,10 +77,10 @@ System.register(["@angular/core", "@angular/forms", "@angular/cdk/drag-drop", "r
                     this.svgIcons = {};
                     this.styled = false;
                     this.empty = false;
-                    this.uid = lodash_1.default.uniqueId(`sa_${lodash_1.default.snakeCase(moduleName)}_component_`);
+                    this.uid = lodash_1.uniqueId(`sa_${lodash_1.snakeCase(moduleName)}_component_`);
                     stratus_1.Stratus.Instances[this.uid] = this;
                     this.dataSub = new rxjs_1.Observable(subscriber => this.dataDefer(subscriber));
-                    lodash_1.default.forEach({
+                    lodash_1.forEach({
                         selector_delete: `${stratus_1.Stratus.BaseUrl}sitetheorycore/images/icons/actionButtons/delete.svg`,
                         selector_status: `${stratus_1.Stratus.BaseUrl}sitetheorycore/images/icons/actionButtons/visibility.svg`,
                         selector_edit: `${stratus_1.Stratus.BaseUrl}sitetheorycore/images/icons/actionButtons/edit.svg`
@@ -88,15 +88,15 @@ System.register(["@angular/core", "@angular/forms", "@angular/cdk/drag-drop", "r
                     stratus_1.Stratus.Internals.CssLoader(`${localDir}${moduleName}/${moduleName}.component${min}.css`)
                         .then(() => {
                         this.styled = true;
-                        this.refresh();
+                        this.refresh().then();
                     })
                         .catch((err) => {
                         console.warn('Issue detected in CSS Loader for Component:', this);
                         console.error(err);
                         this.styled = true;
-                        this.refresh();
+                        this.refresh().then();
                     });
-                    this.hydrate(elementRef, sanitizer, ["title", "uid", "target", "targetSuffix", "id", "manifest", "decouple", "direct", "api", "urlRoot", "type", "property", "endpoint", "ignorePriority", "_", "has", "log", "Stratus", "selectCtrl", "registry", "fetched", "data", "collection", "model", "dataSub", "onChange", "subscriber", "svgIcons", "styled", "empty", "iconRegistry", "sanitizer", "ref", "elementRef", "drop", "goToUrl", "toggleStatus", "remove", "fetchData", "dataDefer", "dataRef", "onDataChange", "prioritize", "getSvg", "addSvgIcon", "hydrate", "disableRefresh", "stagger", "reloading", "refresh", "ngOnDestroy"]);
+                    this.hydrate(elementRef, sanitizer, ["title", "uid", "target", "targetSuffix", "id", "manifest", "decouple", "direct", "api", "urlRoot", "type", "property", "endpoint", "ignorePriority", "get", "has", "log", "Stratus", "selectCtrl", "registry", "fetched", "data", "collection", "model", "dataSub", "onChange", "subscriber", "svgIcons", "styled", "empty", "iconRegistry", "sanitizer", "ref", "elementRef", "drop", "goToUrl", "toggleStatus", "remove", "fetchData", "dataDefer", "dataRef", "getString", "onDataChange", "prioritize", "getSvg", "addSvgIcon", "hydrate", "disableRefresh", "stagger", "reloading", "refresh", "ngOnDestroy"]);
                     this.fetchData()
                         .then(data => {
                         if (!data || !(data instanceof eventManager_1.EventManager)) {
@@ -109,7 +109,7 @@ System.register(["@angular/core", "@angular/forms", "@angular/cdk/drag-drop", "r
                             }
                             this.dataDefer(this.subscriber);
                             this.prioritize();
-                            this.refresh();
+                            this.refresh().then();
                         };
                         data.on('change', onDataChange);
                         onDataChange();
@@ -123,7 +123,7 @@ System.register(["@angular/core", "@angular/forms", "@angular/cdk/drag-drop", "r
                     drag_drop_1.moveItemInArray(models, event.previousIndex, event.currentIndex);
                     if (!this.ignorePriority) {
                         let priority = 0;
-                        lodash_1.default.forEach(models, (model) => model.priority = priority++);
+                        lodash_1.forEach(models, (model) => model.priority = priority++);
                     }
                     this.model.trigger('change');
                 }
@@ -135,6 +135,10 @@ System.register(["@angular/core", "@angular/forms", "@angular/cdk/drag-drop", "r
                     window.open(model.contentType.editUrl + '?id=' + model.id, '_blank');
                 }
                 toggleStatus(model) {
+                    let meta = {};
+                    if (!lodash_1.isUndefined(this.data)) {
+                        meta = lodash_1.get(this.data, 'meta.data.api');
+                    }
                     const statusOriginal = model.status;
                     model.status = statusOriginal === 1 ? 0 : 1;
                     const xhr = new xhr_1.XHR({
@@ -142,7 +146,7 @@ System.register(["@angular/core", "@angular/forms", "@angular/cdk/drag-drop", "r
                         url: '/Api/Content/' + model.id,
                         data: {
                             route: {},
-                            meta: {},
+                            meta,
                             payload: {
                                 status: model.status
                             }
@@ -151,18 +155,17 @@ System.register(["@angular/core", "@angular/forms", "@angular/cdk/drag-drop", "r
                     });
                     xhr.send()
                         .then((response) => {
-                        if (!lodash_1.default.isObject(response) || lodash_1.default.get(response, 'meta.status[0].code') !== 'SUCCESS') {
+                        if (!lodash_1.isObject(response) || lodash_1.get(response, 'meta.status[0].code') !== 'SUCCESS') {
                             console.error('error[toggleStatus]:', response);
                             model.status = statusOriginal;
-                            this.refresh();
+                            this.refresh().then();
                             return;
                         }
-                        console.log('success[toggleStatus]:', response);
                     })
                         .catch((error) => {
                         console.error('error[toggleStatus]:', error);
                         model.status = statusOriginal;
-                        this.refresh();
+                        this.refresh().then();
                     });
                     return;
                 }
@@ -170,7 +173,7 @@ System.register(["@angular/core", "@angular/forms", "@angular/cdk/drag-drop", "r
                     const models = this.dataRef();
                     if (!models || !models.length) {
                         console.error('unable to remove model from selection:', models);
-                        this.refresh();
+                        this.refresh().then();
                         return;
                     }
                     let index = models.indexOf(model);
@@ -178,8 +181,8 @@ System.register(["@angular/core", "@angular/forms", "@angular/cdk/drag-drop", "r
                         const mirrorModels = models
                             .map((m) => model.id === m.id ? m : null)
                             .filter((m) => m);
-                        if (lodash_1.default.isArray(mirrorModels) && mirrorModels.length) {
-                            index = models.indexOf(lodash_1.default.first(mirrorModels));
+                        if (lodash_1.isArray(mirrorModels) && mirrorModels.length) {
+                            index = models.indexOf(lodash_1.head(mirrorModels));
                         }
                     }
                     if (index === -1) {
@@ -206,22 +209,32 @@ System.register(["@angular/core", "@angular/forms", "@angular/cdk/drag-drop", "r
                     const models = this.dataRef();
                     this.empty = !models.length;
                     this.subscriber.next(models);
-                    this.refresh();
+                    this.refresh().then();
                 }
                 dataRef() {
                     if (!this.model) {
                         return [];
                     }
                     const models = this.model.get(this.property);
-                    if (!models || !lodash_1.default.isArray(models)) {
+                    if (!models || !lodash_1.isArray(models)) {
                         return [];
                     }
                     return models;
                 }
+                getString(object, property) {
+                    if (!lodash_1.isObject(object)) {
+                        return null;
+                    }
+                    const variable = lodash_1.get(object, property);
+                    if (!lodash_1.isString(variable)) {
+                        return null;
+                    }
+                    return variable;
+                }
                 onDataChange() {
                     this.prioritize();
                     this.dataDefer(this.subscriber);
-                    this.refresh();
+                    this.refresh().then();
                 }
                 prioritize() {
                     const models = this.dataRef();
@@ -230,7 +243,7 @@ System.register(["@angular/core", "@angular/forms", "@angular/cdk/drag-drop", "r
                     }
                     if (!this.ignorePriority) {
                         let priority = 0;
-                        lodash_1.default.forEach(models, (model) => model.priority = priority++);
+                        lodash_1.forEach(models, (model) => model.priority = priority++);
                     }
                 }
                 getSvg(url, options) {
@@ -255,7 +268,7 @@ System.register(["@angular/core", "@angular/forms", "@angular/cdk/drag-drop", "r
                     if (!options) {
                         options = {};
                     }
-                    const uid = this.svgIcons[url] = lodash_1.default.uniqueId('selector_svg');
+                    const uid = this.svgIcons[url] = lodash_1.uniqueId('selector_svg');
                     this.iconRegistry.addSvgIcon(uid, this.sanitizer.bypassSecurityTrustResourceUrl(url), options);
                     return uid;
                 }

package/src/selector/selector.component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["selector.component.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAuDM,SAAS,GAAG,oBAAoB,CAAA;YAChC,UAAU,GAAG,UAAU,CAAA;YAGvB,GAAG,GAAG,CAAC,oBAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAA;YAClC,QAAQ,GAAG,GAAG,iBAAO,CAAC,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,SAAS,IAAI,CAAC,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,WAAW,EAAE,OAAO,CAAC,EAAE,CAAA;YAGhI,GAAG,GAAG,CAAC,MAAc,EAAE,IAAY,EAAE,EAAE,CAAC,gBAAC,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,gBAAC,CAAC,OAAO,CAAC,gBAAC,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAA;YAsBvF,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,8BAAa;gBA0DhD,YACY,YAA6B,EAC7B,SAAuB,EACrB,GAAsB,EACxB,UAAsB;oBAG9B,KAAK,EAAE,CAAA;oBANC,iBAAY,GAAZ,YAAY,CAAiB;oBAC7B,cAAS,GAAT,SAAS,CAAc;oBACrB,QAAG,GAAH,GAAG,CAAmB;oBACxB,eAAU,GAAV,UAAU,CAAY;oBA3DlC,UAAK,GAAG,UAAU,GAAG,YAAY,CAAA;oBAoBjC,MAAC,GAAG,gBAAC,CAAA;oBACL,QAAG,GAAG,GAAG,CAAA;oBACT,QAAG,GAAG,OAAO,CAAC,GAAG,CAAA;oBACjB,YAAO,GAAG,iBAAO,CAAA;oBAGjB,eAAU,GAAG,IAAI,mBAAW,EAAE,CAAA;oBAG9B,aAAQ,GAAG,IAAI,mBAAQ,EAAE,CAAA;oBASzB,aAAQ,GAAG,IAAI,cAAO,EAAE,CAAA;oBASxB,aAAQ,GAEJ,EAAE,CAAA;oBAGN,WAAM,GAAG,KAAK,CAAA;oBACd,UAAK,GAAG,KAAK,CAAA;oBAYT,IAAI,CAAC,GAAG,GAAG,gBAAC,CAAC,QAAQ,CAAC,MAAM,gBAAC,CAAC,SAAS,CAAC,UAAU,CAAC,aAAa,CAAC,CAAA;oBACjE,iBAAO,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAA;oBAGlC,IAAI,CAAC,OAAO,GAAG,IAAI,iBAAU,CAAC,UAAU,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAA;oBAGvE,gBAAC,CAAC,OAAO,CAAC;wBACN,eAAe,EAAE,GAAG,iBAAO,CAAC,OAAO,sDAAsD;wBACzF,eAAe,EAAE,GAAG,iBAAO,CAAC,OAAO,0DAA0D;wBAC7F,aAAa,EAAE,GAAG,iBAAO,CAAC,OAAO,oDAAoD;qBACxF,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,GAAG,EAAE,SAAS,CAAC,8BAA8B,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAA;oBAItH,iBAAO,CAAC,SAAS,CAAC,SAAS,CAAC,GAAG,QAAQ,GAAG,UAAU,IAAI,UAAU,aAAa,GAAG,MAAM,CAAC;yBACpF,IAAI,CAAC,GAAG,EAAE;wBACP,IAAI,CAAC,MAAM,GAAG,IAAI,CAAA;wBAClB,IAAI,CAAC,OAAO,EAAE,CAAA;oBAClB,CAAC,CAAC;yBACD,KAAK,CAAC,CAAC,GAAQ,EAAE,EAAE;wBAChB,OAAO,CAAC,IAAI,CAAC,6CAA6C,EAAE,IAAI,CAAC,CAAA;wBACjE,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;wBAClB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAA;wBAClB,IAAI,CAAC,OAAO,EAAE,CAAA;oBAClB,CAAC,CAAC,CAAA;oBAGN,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,SAAS,wkBAA4B,CAAA;oBAG9D,IAAI,CAAC,SAAS,EAAE;yBACX,IAAI,CAAC,IAAI,CAAC,EAAE;wBACT,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,YAAY,2BAAY,CAAC,EAAE;4BAC1C,OAAO,CAAC,IAAI,CAAC,oCAAoC,CAAC,CAAA;4BAClD,OAAM;yBACT;wBAGD,MAAM,YAAY,GAAG,GAAG,EAAE;4BACtB,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;gCACjB,OAAM;6BACT;4BAED,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;4BAC/B,IAAI,CAAC,UAAU,EAAE,CAAA;4BACjB,IAAI,CAAC,OAAO,EAAE,CAAA;wBAClB,CAAC,CAAA;wBACD,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;wBAC/B,YAAY,EAAE,CAAA;oBAClB,CAAC,CAAC,CAAA;gBAUV,CAAC;gBA2BD,IAAI,CAAC,KAA4B;oBAC7B,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,EAAE,CAAA;oBAC7B,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE;wBAC3B,OAAM;qBACT;oBACD,2BAAe,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,YAAY,CAAC,CAAA;oBAChE,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;wBACtB,IAAI,QAAQ,GAAG,CAAC,CAAA;wBAChB,gBAAC,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,EAAE,CAAC,CAAA;qBACjE;oBACD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;gBAChC,CAAC;gBAED,OAAO,CAAC,KAAU;oBACd,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE;wBAC9B,OAAO,CAAC,KAAK,CAAC,6EAA6E,CAAC,CAAA;wBAC5F,OAAM;qBACT;oBACD,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,GAAG,MAAM,GAAG,KAAK,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAA;gBACxE,CAAC;gBAED,YAAY,CAAC,KAAU;oBAInB,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAA;oBACnC,KAAK,CAAC,MAAM,GAAG,cAAc,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;oBAE3C,MAAM,GAAG,GAAG,IAAI,SAAG,CAAC;wBAChB,MAAM,EAAE,KAAK;wBACb,GAAG,EAAE,eAAe,GAAG,KAAK,CAAC,EAAE;wBAC/B,IAAI,EAAE;4BACF,KAAK,EAAE,EAAE;4BACT,IAAI,EAAE,EAAE;4BACR,OAAO,EAAE;gCACL,MAAM,EAAE,KAAK,CAAC,MAAM;6BACvB;yBACJ;wBACD,IAAI,EAAE,kBAAkB;qBAC3B,CAAC,CAAA;oBACF,GAAG,CAAC,IAAI,EAAE;yBACL,IAAI,CAAC,CAAC,QAAmD,EAAE,EAAE;wBAC1D,IAAI,CAAC,gBAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,gBAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,qBAAqB,CAAC,KAAK,SAAS,EAAE;4BAC/E,OAAO,CAAC,KAAK,CAAC,sBAAsB,EAAE,QAAQ,CAAC,CAAA;4BAC/C,KAAK,CAAC,MAAM,GAAG,cAAc,CAAA;4BAC7B,IAAI,CAAC,OAAO,EAAE,CAAA;4BACd,OAAM;yBACT;wBACD,OAAO,CAAC,GAAG,CAAC,wBAAwB,EAAE,QAAQ,CAAC,CAAA;oBACnD,CAAC,CAAC;yBACD,KAAK,CAAC,CAAC,KAAU,EAAE,EAAE;wBAClB,OAAO,CAAC,KAAK,CAAC,sBAAsB,EAAE,KAAK,CAAC,CAAA;wBAC5C,KAAK,CAAC,MAAM,GAAG,cAAc,CAAA;wBAC7B,IAAI,CAAC,OAAO,EAAE,CAAA;oBAClB,CAAC,CAAC,CAAA;oBACN,OAAM;gBACV,CAAC;gBAED,MAAM,CAAC,KAAU;oBACb,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,EAAE,CAAA;oBAC7B,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE;wBAC3B,OAAO,CAAC,KAAK,CAAC,wCAAwC,EAAE,MAAM,CAAC,CAAA;wBAE/D,IAAI,CAAC,OAAO,EAAE,CAAA;wBACd,OAAM;qBACT;oBACD,IAAI,KAAK,GAAW,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;oBAEzC,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;wBACd,MAAM,YAAY,GAAG,MAAM;6BACtB,GAAG,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;6BAC7C,MAAM,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,CAAC,CAAA;wBAC1B,IAAI,gBAAC,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,YAAY,CAAC,MAAM,EAAE;4BAChD,KAAK,GAAG,MAAM,CAAC,OAAO,CAClB,gBAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CACxB,CAAA;yBACJ;qBACJ;oBAED,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;wBACd,OAAO,CAAC,KAAK,CAAC,uBAAuB,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,CAAC,CAAA;wBACtE,OAAM;qBACT;oBACD,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;oBAEvB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;gBAChC,CAAC;gBAGD,SAAS;oBACL,IAAI,IAAI,CAAC,OAAO,EAAE;wBACd,OAAO,IAAI,CAAC,OAAO,CAAA;qBACtB;oBACD,OAAO,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CACrC,iBAAO,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,EAC7C,IAAI,CACP,CAAA;gBAWL,CAAC;gBAGD,SAAS,CAAC,UAA2B;oBACjC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,IAAI,UAAU,CAAA;oBAC/C,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;wBAC1D,UAAU,CAAC,GAAG,EAAE;4BACZ,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAA;wBAC9B,CAAC,EAAE,GAAG,CAAC,CAAA;wBACP,OAAM;qBACT;oBACD,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,EAAE,CAAA;oBAC7B,IAAI,CAAC,KAAK,GAAG,CAAC,MAAM,CAAC,MAAM,CAAA;oBAC3B,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;oBAO5B,IAAI,CAAC,OAAO,EAAE,CAAA;gBAElB,CAAC;gBAED,OAAO;oBACH,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;wBACb,OAAO,EAAE,CAAA;qBACZ;oBACD,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;oBAC5C,IAAI,CAAC,MAAM,IAAI,CAAC,gBAAC,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;wBAC/B,OAAO,EAAE,CAAA;qBACZ;oBACD,OAAO,MAAM,CAAA;gBACjB,CAAC;gBAwCD,YAAY;oBAER,IAAI,CAAC,UAAU,EAAE,CAAA;oBACjB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;oBAC/B,IAAI,CAAC,OAAO,EAAE,CAAA;gBAClB,CAAC;gBAED,UAAU;oBACN,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,EAAE,CAAA;oBAC7B,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE;wBAC3B,OAAM;qBACT;oBACD,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;wBACtB,IAAI,QAAQ,GAAG,CAAC,CAAA;wBAChB,gBAAC,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,EAAE,CAAC,CAAA;qBAC5D;gBACL,CAAC;gBAED,MAAM,CAAC,GAAW,EAAE,OAAqB;oBACrC,MAAM,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE,OAAO,CAAC,CAAA;oBACzC,OAAO,IAAI,iBAAU,CAAS,CAAC,UAA8B,EAAE,EAAE;wBAC7D,IAAI,CAAC,YAAY;6BACZ,eAAe,CAAC,GAAG,CAAC;6BACpB,SAAS,CAAC;4BAMP,KAAK,CAAC,GAAG;gCACL,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,GAAG,EAAE,CAAC,CAAA;4BAC3C,CAAC;4BACD,QAAQ;gCAEJ,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;4BACxB,CAAC;yBACJ,CAAC,CAAA;oBACV,CAAC,CAAC,CAAA;gBACN,CAAC;gBAMD,UAAU,CAAC,GAAW,EAAE,OAAqB;oBACzC,IAAI,GAAG,IAAI,IAAI,CAAC,QAAQ,EAAE;wBACtB,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;qBAC5B;oBACD,IAAI,CAAC,OAAO,EAAE;wBACV,OAAO,GAAG,EAAE,CAAA;qBACf;oBACD,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,gBAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAA;oBAC3D,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,8BAA8B,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,CAAA;oBAC9F,OAAO,GAAG,CAAA;gBACd,CAAC;aAcJ,CAAA;YA5YG;gBAAC,YAAK,EAAE;;6DAAe;YACvB;gBAAC,YAAK,EAAE;;mEAAqB;YAC7B;gBAAC,YAAK,EAAE;;yDAAW;YACnB;gBAAC,YAAK,EAAE;;+DAAkB;YAC1B;gBAAC,YAAK,EAAE;;+DAAkB;YAC1B;gBAAC,YAAK,EAAE;;6DAAgB;YACxB;gBAAC,YAAK,EAAE;;0DAAY;YACpB;gBAAC,YAAK,EAAE;;8DAAgB;YAGxB;gBAAC,YAAK,EAAE;;2DAAa;YACrB;gBAAC,YAAK,EAAE;;+DAAiB;YACzB;gBAAC,YAAK,EAAE;;+DAAiB;YACzB;gBAAC,YAAK,EAAE;;qEAAwB;YApBvB,iBAAiB;gBAZ7B,gBAAS,CAAC;oBAEP,QAAQ,EAAE,MAAM,UAAU,EAAE;oBAC5B,WAAW,EAAE,GAAG,QAAQ,IAAI,UAAU,IAAI,UAAU,aAAa,GAAG,OAAO;iBAO9E,CAAC;iDA6D4B,sBAAe;oBAClB,+BAAY;oBAChB,wBAAiB;oBACZ,iBAAU;eA9DzB,iBAAiB,CAmZ7B;;QACD,CAAC","file":"selector.component.js"}
+{"version":3,"sources":["selector.component.ts"],"names":[],"mappings":"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","file":"selector.component.js"}

package/src/selector/selector.component.min.html

@@ -1 +1 @@
-<mat-progress-bar mode="indeterminate" *ngIf="!styled"></mat-progress-bar><ng-template #emptyList><div class="selected-list-header border-default border-default-bottom"><h3 [textContent]="'Selected ' + (type || 'Items')"></h3></div><div class="selected-message-box">Nothing has been selected.</div></ng-template><div class="selected-list" *ngIf="styled"><div class="selected-list-header border-default border-default-bottom" *ngIf="!empty; else emptyList"><h3 [textContent]="'Selected ' + (type || 'Items')"></h3><p class="note">Drag to reorder</p></div><div cdkDropList (cdkDropListDropped)="drop($event)"><div cdkDrag class="selected-list-row selected-box" [ngClass]="{'active': _.get(selectedModel, 'status') === 1, 'inactive' : _.get(selectedModel, 'status') !== 1, 'published': _.get(selectedModel, 'version.published') === 1, 'unpublished': _.get(selectedModel, 'version.published') !== 1}" *ngFor="let selectedModel of dataSub | async"><div class="custom-ghost-placeholder" *cdkDragPlaceholder></div><div class="selected-list-container"><div class="column-image position-anchor"><div class="image position-all" *ngIf="has(selectedModel, 'version.bestImage._thumbnailUrl')" [attr.data-stratus-src]="!_.get(selectedModel, 'version.bestImage.service') ? true : false" [ngStyle]="{'background': 'url(' + _.get(selectedModel, 'version.bestImage._thumbnailUrl') + ') no-repeat center center', 'background-size': 'cover'}"></div><div class="no-image-icon position-all" *ngIf="!has(selectedModel, 'version.bestImage._thumbnailUrl')" [ngClass]="_.get(selectedModel, 'contentType.class') + '-background-color'"><mat-icon class="content-type-icon position-center" [svgIcon]="getSvg(Stratus.BaseUrl + (_.get(selectedModel, 'contentType.iconResourcePath') || _.get(selectedModel, 'iconResourcePath'))) | async">Icon</mat-icon></div><img class="shapeholder" [src]="Stratus.BaseUrl + 'sitetheorycore/images/shapeholder-square.png'"></div><div class="column-title"><div class="content-type" *ngIf="has(selectedModel, 'contentType.iconResourcePath')"><mat-icon class="content-type-icon" [svgIcon]="getSvg(Stratus.BaseUrl + _.get(selectedModel, 'contentType.iconResourcePath')) | async">ContentType Icon</mat-icon><span class="comment content-type-name font-body" [ngClass]="((_.get(selectedModel, 'contentType.name') || _.get(selectedModel, 'name')) | lowercase) + '-color'" [textContent]="(_.get(selectedModel, 'contentType.name') || _.get(selectedModel, 'name')) + ((_.get(selectedModel, 'status') !== 1) ? ' (hidden)' : '') + ((_.get(selectedModel, 'version.published') !== 1) ? ' (unpublished)' : '')"></span></div><h3 [innerHTML]="_.get(selectedModel, 'version.bestIdentifier') || _.get(selectedModel, 'name') || (_.get(selectedModel, 'contentType.controller') === 'Content\\Module' ? _.get(selectedModel, 'version.internalIdentifier') : 'Untitled ' + _.get(selectedModel, 'contentType.name') + ' (' + _.get(selectedModel, 'id') + ')')"></h3><span class="routing" [textContent]="(has(selectedModel, 'routing') ? '/' + _.get(selectedModel, 'routing[0].url') : null) || _.get(selectedModel, 'description') || ''"></span></div><div class="column-action"><a mat-button [matTooltip]="'Delete ' + (_.get(selectedModel, 'contentType.name') || _.get(selectedModel, 'name')) + ' [THIS COLLECTION ONLY]'" aria-label="Delete Item" class="btn btn-delete" (click)="remove(selectedModel)"><mat-icon svgIcon="selector_delete" aria-hidden="false" aria-label="Delete Item">Delete</mat-icon></a><a mat-button [matTooltip]="'Toggle ' + (_.get(selectedModel, 'contentType.name') || _.get(selectedModel, 'name')) + ' Status ' + (_.get(selectedModel, 'status') ? 'Off' : 'On') + ' [ALL CONTEXTS]'" aria-label="Toggle Status" class="btn btn-status" (click)="toggleStatus(selectedModel)"><mat-icon svgIcon="selector_status" aria-hidden="false" aria-label="Toggle Status">Toggle Status</mat-icon></a><a mat-button *ngIf="has(selectedModel, 'contentType.editUrl')" [matTooltip]="'Edit ' + (_.get(selectedModel, 'contentType.name') || _.get(selectedModel, 'name'))" aria-label="Edit Item in New Window" class="btn btn-edit" (click)="goToUrl(selectedModel, '_blank');"><mat-icon svgIcon="selector_edit" aria-hidden="false" aria-label="Edit">Edit</mat-icon></a></div></div></div></div></div>
+<mat-progress-bar mode="indeterminate" *ngIf="!styled"></mat-progress-bar><ng-template #emptyList><div class="selected-list-header border-default border-default-bottom"><h3 [textContent]="'Selected ' + (type || 'Items')"></h3></div><div class="selected-message-box">Nothing has been selected.</div></ng-template><div class="selected-list" *ngIf="styled"><div class="selected-list-header border-default border-default-bottom" *ngIf="!empty; else emptyList"><h3 [textContent]="'Selected ' + (type || 'Items')"></h3><p class="note">Drag to reorder</p></div><div cdkDropList (cdkDropListDropped)="drop($event)"><div cdkDrag class="selected-list-row selected-box" [ngClass]="{'active': get(selectedModel, 'status') === 1, 'inactive' : get(selectedModel, 'status') !== 1, 'published': get(selectedModel, 'version.published') === 1, 'unpublished': get(selectedModel, 'version.published') !== 1}" *ngFor="let selectedModel of dataSub | async"><div class="custom-ghost-placeholder" *cdkDragPlaceholder></div><div class="selected-list-container"><div class="column-image position-anchor"><div class="image position-all" *ngIf="has(selectedModel, 'version.bestImage._thumbnailUrl')" [attr.data-stratus-src]="!get(selectedModel, 'version.bestImage.service') ? true : false" [ngStyle]="{'background': 'url(' + getString(selectedModel, 'version.bestImage._thumbnailUrl') + ') no-repeat center center', 'background-size': 'cover'}"></div><div class="no-image-icon position-all" *ngIf="!has(selectedModel, 'version.bestImage._thumbnailUrl')" [ngClass]="getString(selectedModel, 'contentType.class') + '-background-color'"><mat-icon class="content-type-icon position-center" [svgIcon]="getSvg(Stratus.BaseUrl + (getString(selectedModel, 'contentType.iconResourcePath') || getString(selectedModel, 'iconResourcePath'))) | async">Icon</mat-icon></div><img class="shapeholder" [src]="Stratus.BaseUrl + 'sitetheorycore/images/shapeholder-square.png'"></div><div class="column-title"><div class="content-type" *ngIf="has(selectedModel, 'contentType.iconResourcePath')"><mat-icon class="content-type-icon" [svgIcon]="getSvg(Stratus.BaseUrl + getString(selectedModel, 'contentType.iconResourcePath')) | async">ContentType Icon</mat-icon><span class="comment content-type-name font-body" [ngClass]="((getString(selectedModel, 'contentType.name') || getString(selectedModel, 'name')) | lowercase) + '-color'" [textContent]="(getString(selectedModel, 'contentType.name') || getString(selectedModel, 'name')) + ((get(selectedModel, 'status') !== 1) ? ' (hidden)' : '') + ((get(selectedModel, 'version.published') !== 1) ? ' (unpublished)' : '')"></span></div><h3 [innerHTML]="getString(selectedModel, 'version.bestIdentifier') || getString(selectedModel, 'name') || (get(selectedModel, 'contentType.controller') === 'Content\\Module' ? getString(selectedModel, 'version.internalIdentifier') : 'Untitled ' + getString(selectedModel, 'contentType.name') + ' (' + get(selectedModel, 'id') + ')')"></h3><span class="routing" [textContent]="(has(selectedModel, 'routing') ? '/' + getString(selectedModel, 'routing[0].url') : null) || getString(selectedModel, 'description') || ''"></span></div><div class="column-action"><a mat-button [matTooltip]="'Delete ' + (getString(selectedModel, 'contentType.name') || getString(selectedModel, 'name')) + ' [THIS COLLECTION ONLY]'" aria-label="Delete Item" class="btn btn-delete" (click)="remove(selectedModel)"><mat-icon svgIcon="selector_delete" aria-hidden="false" aria-label="Delete Item">Delete</mat-icon></a><a mat-button [matTooltip]="'Toggle ' + (getString(selectedModel, 'contentType.name') || getString(selectedModel, 'name')) + ' Status ' + (get(selectedModel, 'status') ? 'Off' : 'On') + ' [ALL CONTEXTS]'" aria-label="Toggle Status" class="btn btn-status" (click)="toggleStatus(selectedModel)"><mat-icon svgIcon="selector_status" aria-hidden="false" aria-label="Toggle Status">Toggle Status</mat-icon></a><a mat-button *ngIf="has(selectedModel, 'contentType.editUrl')" [matTooltip]="'Edit ' + (getString(selectedModel, 'contentType.name') || getString(selectedModel, 'name'))" aria-label="Edit Item in New Window" class="btn btn-edit" (click)="goToUrl(selectedModel, '_blank');"><mat-icon svgIcon="selector_edit" aria-hidden="false" aria-label="Edit">Edit</mat-icon></a></div></div></div></div></div>

package/src/selector/selector.component.min.js

@@ -1 +1 @@
-System.register(["@angular/core","@angular/forms","@angular/cdk/drag-drop","rxjs","@angular/platform-browser","@angular/material/icon","@stratusjs/runtime/stratus","lodash","@stratusjs/core/environment","../core/root.component","@stratusjs/angularjs/services/registry","@stratusjs/core/events/eventManager","@stratusjs/core/datastore/xhr"],function(t,e){"use strict";var r,s,o,i,n,a,c,d,u,l,h,g,f,p,y,m,v,S,b=this&&this.__decorate||function(t,e,r,s){var o,i=arguments.length,n=i<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,r):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,r,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(i<3?o(n):i>3?o(e,r,n):o(e,r))||n);return i>3&&n&&Object.defineProperty(e,r,n),n},I=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)};e&&e.id;return{setters:[function(t){r=t},function(t){s=t},function(t){o=t},function(t){i=t},function(t){n=t},function(t){a=t},function(t){c=t},function(t){d=t},function(t){u=t},function(t){l=t},function(t){h=t},function(t){g=t},function(t){f=t}],execute:function(){"@stratusjs/angular",p="selector",y=u.cookie("env")?"":".min",m=`${c.Stratus.BaseUrl}${boot.configuration.paths["@stratusjs/angular/*"].replace(/[^/]*$/,"").replace(/\/dist\/$/,"/src/")}`,v=(t,e)=>d.default.has(t,e)&&!d.default.isEmpty(d.default.get(t,e)),S=class extends l.RootComponent{constructor(t,e,r,o){super(),this.iconRegistry=t,this.sanitizer=e,this.ref=r,this.elementRef=o,this.title=p+"_component",this._=d.default,this.has=v,this.log=console.log,this.Stratus=c.Stratus,this.selectCtrl=new s.FormControl,this.registry=new h.Registry,this.onChange=new i.Subject,this.svgIcons={},this.styled=!1,this.empty=!1,this.uid=d.default.uniqueId(`sa_${d.default.snakeCase(p)}_component_`),c.Stratus.Instances[this.uid]=this,this.dataSub=new i.Observable(t=>this.dataDefer(t)),d.default.forEach({selector_delete:`${c.Stratus.BaseUrl}sitetheorycore/images/icons/actionButtons/delete.svg`,selector_status:`${c.Stratus.BaseUrl}sitetheorycore/images/icons/actionButtons/visibility.svg`,selector_edit:`${c.Stratus.BaseUrl}sitetheorycore/images/icons/actionButtons/edit.svg`},(r,s)=>t.addSvgIcon(s,e.bypassSecurityTrustResourceUrl(r)).getNamedSvgIcon(s)),c.Stratus.Internals.CssLoader(`${m}${p}/${p}.component${y}.css`).then(()=>{this.styled=!0,this.refresh()}).catch(t=>{console.warn("Issue detected in CSS Loader for Component:",this),console.error(t),this.styled=!0,this.refresh()}),this.hydrate(o,e,["title","uid","target","targetSuffix","id","manifest","decouple","direct","api","urlRoot","type","property","endpoint","ignorePriority","_","has","log","Stratus","selectCtrl","registry","fetched","data","collection","model","dataSub","onChange","subscriber","svgIcons","styled","empty","iconRegistry","sanitizer","ref","elementRef","drop","goToUrl","toggleStatus","remove","fetchData","dataDefer","dataRef","onDataChange","prioritize","getSvg","addSvgIcon","hydrate","disableRefresh","stagger","reloading","refresh","ngOnDestroy"]),this.fetchData().then(t=>{if(!(t&&t instanceof g.EventManager))return void console.warn("Unable to bind data from Registry!");const e=()=>{t.completed&&(this.dataDefer(this.subscriber),this.prioritize(),this.refresh())};t.on("change",e),e()})}drop(t){const e=this.dataRef();if(e&&e.length){if(o.moveItemInArray(e,t.previousIndex,t.currentIndex),!this.ignorePriority){let t=0;d.default.forEach(e,e=>e.priority=t++)}this.model.trigger("change")}}goToUrl(t){t&&t.contentType?window.open(t.contentType.editUrl+"?id="+t.id,"_blank"):console.error("unable to execute goToUrl() because a valid model content was not provided.")}toggleStatus(t){const e=t.status;t.status=1===e?0:1;new f.XHR({method:"PUT",url:"/Api/Content/"+t.id,data:{route:{},meta:{},payload:{status:t.status}},type:"application/json"}).send().then(r=>{if(!d.default.isObject(r)||"SUCCESS"!==d.default.get(r,"meta.status[0].code"))return console.error("error[toggleStatus]:",r),t.status=e,void this.refresh();console.log("success[toggleStatus]:",r)}).catch(r=>{console.error("error[toggleStatus]:",r),t.status=e,this.refresh()})}remove(t){const e=this.dataRef();if(!e||!e.length)return console.error("unable to remove model from selection:",e),void this.refresh();let r=e.indexOf(t);if(-1===r){const s=e.map(e=>t.id===e.id?e:null).filter(t=>t);d.default.isArray(s)&&s.length&&(r=e.indexOf(d.default.first(s)))}-1!==r?(e.splice(r,1),this.model.trigger("change")):console.error("unable to find model:",t,"in selection:",e)}fetchData(){return this.fetched?this.fetched:this.fetched=this.registry.fetch(c.Stratus.Select(this.elementRef.nativeElement),this)}dataDefer(t){if(this.subscriber=this.subscriber||t,!this.subscriber||!this.model||!this.model.completed)return void setTimeout(()=>{this.dataDefer(t)},500);const e=this.dataRef();this.empty=!e.length,this.subscriber.next(e),this.refresh()}dataRef(){if(!this.model)return[];const t=this.model.get(this.property);return t&&d.default.isArray(t)?t:[]}onDataChange(){this.prioritize(),this.dataDefer(this.subscriber),this.refresh()}prioritize(){const t=this.dataRef();if(t&&t.length&&!this.ignorePriority){let e=0;d.default.forEach(t,t=>t.priority=e++)}}getSvg(t,e){const r=this.addSvgIcon(t,e);return new i.Observable(e=>{this.iconRegistry.getNamedSvgIcon(r).subscribe({error(e){console.error(`getSvg(${t}): ${e}`)},complete(){e.next(r)}})})}addSvgIcon(t,e){if(t in this.svgIcons)return this.svgIcons[t];e||(e={});const r=this.svgIcons[t]=d.default.uniqueId("selector_svg");return this.iconRegistry.addSvgIcon(r,this.sanitizer.bypassSecurityTrustResourceUrl(t),e),r}},b([r.Input(),I("design:type",String)],S.prototype,"target",void 0),b([r.Input(),I("design:type",String)],S.prototype,"targetSuffix",void 0),b([r.Input(),I("design:type",Number)],S.prototype,"id",void 0),b([r.Input(),I("design:type",Boolean)],S.prototype,"manifest",void 0),b([r.Input(),I("design:type",Boolean)],S.prototype,"decouple",void 0),b([r.Input(),I("design:type",Boolean)],S.prototype,"direct",void 0),b([r.Input(),I("design:type",Object)],S.prototype,"api",void 0),b([r.Input(),I("design:type",String)],S.prototype,"urlRoot",void 0),b([r.Input(),I("design:type",String)],S.prototype,"type",void 0),b([r.Input(),I("design:type",String)],S.prototype,"property",void 0),b([r.Input(),I("design:type",String)],S.prototype,"endpoint",void 0),b([r.Input(),I("design:type",Boolean)],S.prototype,"ignorePriority",void 0),S=b([r.Component({selector:`sa-${p}`,templateUrl:`${m}/${p}/${p}.component${y}.html`}),I("design:paramtypes",[a.MatIconRegistry,n.DomSanitizer,r.ChangeDetectorRef,r.ElementRef])],S),t("SelectorComponent",S)}}});
+System.register(["@angular/core","@angular/forms","@angular/cdk/drag-drop","rxjs","@angular/platform-browser","@angular/material/icon","@stratusjs/runtime/stratus","lodash","@stratusjs/core/environment","../core/root.component","@stratusjs/angularjs/services/registry","@stratusjs/core/events/eventManager","@stratusjs/core/datastore/xhr"],function(t,e){"use strict";var r,s,o,i,n,a,c,d,h,u,l,g,p,f,y,m,v,S,b=this&&this.__decorate||function(t,e,r,s){var o,i=arguments.length,n=i<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,r):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,r,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(i<3?o(n):i>3?o(e,r,n):o(e,r))||n);return i>3&&n&&Object.defineProperty(e,r,n),n},I=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)};e&&e.id;return{setters:[function(t){r=t},function(t){s=t},function(t){o=t},function(t){i=t},function(t){n=t},function(t){a=t},function(t){c=t},function(t){d=t},function(t){h=t},function(t){u=t},function(t){l=t},function(t){g=t},function(t){p=t}],execute:function(){"@stratusjs/angular",f="selector",y=h.cookie("env")?"":".min",m=`${c.Stratus.BaseUrl}${boot.configuration.paths["@stratusjs/angular/*"].replace(/[^/]*$/,"").replace(/\/dist\/$/,"/src/")}`,v=(t,e)=>d.has(t,e)&&!d.isEmpty(d.get(t,e)),S=class extends u.RootComponent{constructor(t,e,r,o){super(),this.iconRegistry=t,this.sanitizer=e,this.ref=r,this.elementRef=o,this.title=f+"_component",this.get=d.get,this.has=v,this.log=console.log,this.Stratus=c.Stratus,this.selectCtrl=new s.FormControl,this.registry=new l.Registry,this.onChange=new i.Subject,this.svgIcons={},this.styled=!1,this.empty=!1,this.uid=d.uniqueId(`sa_${d.snakeCase(f)}_component_`),c.Stratus.Instances[this.uid]=this,this.dataSub=new i.Observable(t=>this.dataDefer(t)),d.forEach({selector_delete:`${c.Stratus.BaseUrl}sitetheorycore/images/icons/actionButtons/delete.svg`,selector_status:`${c.Stratus.BaseUrl}sitetheorycore/images/icons/actionButtons/visibility.svg`,selector_edit:`${c.Stratus.BaseUrl}sitetheorycore/images/icons/actionButtons/edit.svg`},(r,s)=>t.addSvgIcon(s,e.bypassSecurityTrustResourceUrl(r)).getNamedSvgIcon(s)),c.Stratus.Internals.CssLoader(`${m}${f}/${f}.component${y}.css`).then(()=>{this.styled=!0,this.refresh().then()}).catch(t=>{console.warn("Issue detected in CSS Loader for Component:",this),console.error(t),this.styled=!0,this.refresh().then()}),this.hydrate(o,e,["title","uid","target","targetSuffix","id","manifest","decouple","direct","api","urlRoot","type","property","endpoint","ignorePriority","get","has","log","Stratus","selectCtrl","registry","fetched","data","collection","model","dataSub","onChange","subscriber","svgIcons","styled","empty","iconRegistry","sanitizer","ref","elementRef","drop","goToUrl","toggleStatus","remove","fetchData","dataDefer","dataRef","getString","onDataChange","prioritize","getSvg","addSvgIcon","hydrate","disableRefresh","stagger","reloading","refresh","ngOnDestroy"]),this.fetchData().then(t=>{if(!(t&&t instanceof g.EventManager))return void console.warn("Unable to bind data from Registry!");const e=()=>{t.completed&&(this.dataDefer(this.subscriber),this.prioritize(),this.refresh().then())};t.on("change",e),e()})}drop(t){const e=this.dataRef();if(e&&e.length){if(o.moveItemInArray(e,t.previousIndex,t.currentIndex),!this.ignorePriority){let t=0;d.forEach(e,e=>e.priority=t++)}this.model.trigger("change")}}goToUrl(t){t&&t.contentType?window.open(t.contentType.editUrl+"?id="+t.id,"_blank"):console.error("unable to execute goToUrl() because a valid model content was not provided.")}toggleStatus(t){let e={};d.isUndefined(this.data)||(e=d.get(this.data,"meta.data.api"));const r=t.status;t.status=1===r?0:1;new p.XHR({method:"PUT",url:"/Api/Content/"+t.id,data:{route:{},meta:e,payload:{status:t.status}},type:"application/json"}).send().then(e=>{if(!d.isObject(e)||"SUCCESS"!==d.get(e,"meta.status[0].code"))return console.error("error[toggleStatus]:",e),t.status=r,void this.refresh().then()}).catch(e=>{console.error("error[toggleStatus]:",e),t.status=r,this.refresh().then()})}remove(t){const e=this.dataRef();if(!e||!e.length)return console.error("unable to remove model from selection:",e),void this.refresh().then();let r=e.indexOf(t);if(-1===r){const s=e.map(e=>t.id===e.id?e:null).filter(t=>t);d.isArray(s)&&s.length&&(r=e.indexOf(d.head(s)))}-1!==r?(e.splice(r,1),this.model.trigger("change")):console.error("unable to find model:",t,"in selection:",e)}fetchData(){return this.fetched?this.fetched:this.fetched=this.registry.fetch(c.Stratus.Select(this.elementRef.nativeElement),this)}dataDefer(t){if(this.subscriber=this.subscriber||t,!this.subscriber||!this.model||!this.model.completed)return void setTimeout(()=>{this.dataDefer(t)},500);const e=this.dataRef();this.empty=!e.length,this.subscriber.next(e),this.refresh().then()}dataRef(){if(!this.model)return[];const t=this.model.get(this.property);return t&&d.isArray(t)?t:[]}getString(t,e){if(!d.isObject(t))return null;const r=d.get(t,e);return d.isString(r)?r:null}onDataChange(){this.prioritize(),this.dataDefer(this.subscriber),this.refresh().then()}prioritize(){const t=this.dataRef();if(t&&t.length&&!this.ignorePriority){let e=0;d.forEach(t,t=>t.priority=e++)}}getSvg(t,e){const r=this.addSvgIcon(t,e);return new i.Observable(e=>{this.iconRegistry.getNamedSvgIcon(r).subscribe({error(e){console.error(`getSvg(${t}): ${e}`)},complete(){e.next(r)}})})}addSvgIcon(t,e){if(t in this.svgIcons)return this.svgIcons[t];e||(e={});const r=this.svgIcons[t]=d.uniqueId("selector_svg");return this.iconRegistry.addSvgIcon(r,this.sanitizer.bypassSecurityTrustResourceUrl(t),e),r}},b([r.Input(),I("design:type",String)],S.prototype,"target",void 0),b([r.Input(),I("design:type",String)],S.prototype,"targetSuffix",void 0),b([r.Input(),I("design:type",Number)],S.prototype,"id",void 0),b([r.Input(),I("design:type",Boolean)],S.prototype,"manifest",void 0),b([r.Input(),I("design:type",Boolean)],S.prototype,"decouple",void 0),b([r.Input(),I("design:type",Boolean)],S.prototype,"direct",void 0),b([r.Input(),I("design:type",Object)],S.prototype,"api",void 0),b([r.Input(),I("design:type",String)],S.prototype,"urlRoot",void 0),b([r.Input(),I("design:type",String)],S.prototype,"type",void 0),b([r.Input(),I("design:type",String)],S.prototype,"property",void 0),b([r.Input(),I("design:type",String)],S.prototype,"endpoint",void 0),b([r.Input(),I("design:type",Boolean)],S.prototype,"ignorePriority",void 0),S=b([r.Component({selector:`sa-${f}`,templateUrl:`${m}/${f}/${f}.component${y}.html`}),I("design:paramtypes",[a.MatIconRegistry,n.DomSanitizer,r.ChangeDetectorRef,r.ElementRef])],S),t("SelectorComponent",S)}}});