@stratusjs/angular 0.5.3 → 0.5.5

package/src/selector/selector.component.css

@@ -191,10 +191,11 @@ sa-selector .column-image .no-image-icon {
   margin-right: 10px;
 }
 sa-selector .column-title {
-  width: 70%;
+  width: 60%;
+  padding-right: 10px;
 }
 sa-selector .column-action {
-  width: 15%;
+  width: 25%;
 }
 sa-selector .column-action > * {
   display: inline-block;
@@ -248,26 +249,26 @@ sa-selector .selected-list .selected-list-row.inactive {
 sa-selector .selected-list .selected-list-row.unpublished {
   background: #DDD;
 }
-sa-selector .selected-list .btn.btn-delete, sa-selector .selected-list .btn.btn-edit {
+sa-selector .selected-list .btn.btn-delete, sa-selector .selected-list .btn.btn-edit, sa-selector .selected-list .btn.btn-status {
   float: right;
   width: 35px;
   min-width: unset;
   height: 35px;
   font-size: 10px;
-  margin-left: 12px;
+  margin-left: 3px;
   padding: 0;
   background: #fff;
   box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
 }
-sa-selector .selected-list .btn.btn-delete:hover, sa-selector .selected-list .btn.btn-edit:hover {
+sa-selector .selected-list .btn.btn-delete:hover, sa-selector .selected-list .btn.btn-edit:hover, sa-selector .selected-list .btn.btn-status:hover {
   background: #fff;
   box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
 }
-sa-selector .selected-list .btn.btn-delete svg, sa-selector .selected-list .btn.btn-edit svg {
+sa-selector .selected-list .btn.btn-delete svg, sa-selector .selected-list .btn.btn-edit svg, sa-selector .selected-list .btn.btn-status svg {
   margin: 0 auto;
   width: 60%;
 }
-sa-selector .selected-list .btn.btn-delete svg g, sa-selector .selected-list .btn.btn-edit svg g {
+sa-selector .selected-list .btn.btn-delete svg g, sa-selector .selected-list .btn.btn-edit svg g, sa-selector .selected-list .btn.btn-status svg g {
   fill: #222;
 }
 

package/src/selector/selector.component.css.map

@@ -1 +1 @@
-{"version":3,"sources":["packages/angular/src/selector/selector.component.scss"],"names":[],"mappings":"AACA;AAME;AAAA;AAAA;AAAA;EACE;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;;AAIF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAIN;AAAA;AAAA;AAAA;EACE;EACA;;;AAMF;AAAA;AAAA;EACE;EACA;;;AAMJ;AACA;AAAA;EAEE;;;AAEF;EACE;;;AAEF;EACE;;;AAGA;EACE;EACA;;AACA;EACE;;AAGA;EACE;;AAGJ;EACE;;AAEF;EACE;;AAIF;AAAA;EAEE;;AAEF;AAAA;EAEE;EACA;EACA;EACA;EACA;;AACA;AAAA;EACE;EACA;;AACA;AAAA;EACE;;;AASV;AAEA;EACE;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAIF;AAKE;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;;AAKF;EACE;EACA;;AACA;AAAA;EAEE;;AAGJ;EACE;;AAEF;EACE;;AACA;EACE;EACA;EACA;;AACA;EACE;;;AAMN;EACE;;AAEF;EACE;;;AAMJ;EACE;;AACA;EACE;EACA;;AAGA;EACE;EACA;;AACA;AAAA;EAEE;EACA;EACA;EACA;;AAEF;EACE;;AAMJ;EACE;;AAEF;EACE;EACA;EACA;EACA;;AAIA;EAEE;;AAKF;EAEE;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;;AACA;EACE;;;AAOR;AAAA;AAAA;EAEE;EACA","file":"selector.component.css","sourcesContent":["\n/* Styles for Both Selector and Selected Areas */\n\n.admin-select-content,\n.autocomplete-option,\n.sa-selector,\n.selected-box.cdk-drag-preview {\n  .content-type {\n    margin-bottom: 2px;\n    md-icon,\n    mat-icon {\n      margin-right: 4px;\n      height: 14px;\n      width: 14px;\n      min-height: 14px;\n      min-width: 14px;\n    }\n    .content-type-name {\n      font-weight: bold;\n      font-size: 11px;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n    }\n  }\n  .no-image-icon {\n    md-icon,\n    mat-icon {\n      height: 28px;\n      width: 28px;\n      min-height: 28px;\n      min-width: 28px;\n      svg g {\n        fill: #FFF;\n      }\n    }\n  }\n  .shapeholder {\n    width: 100%;\n    display: block;\n  }\n}\n.content-selector-autocomplete,\n.admin-select-content,\n.selected-box.cdk-drag-preview {\n  .column-title h3 {\n    margin: 0 0 5px;\n    font-size: 16px;\n  }\n}\n\n\n\n/* Selector Autocomplete Options */\nmd-autocomplete,\n.content-selector {\n  margin-top: 12px;\n}\n.selector-filter md-checkbox {\n  padding-right: 10px;\n}\n.md-autocomplete-suggestions li {\n  height: 80px;\n}\n.content-selector-autocomplete {\n  .autocomplete-row {\n    padding: 4px 0;\n    border-bottom: 1px solid rgba(0,0,0,.1);\n    * {\n      line-height: 1.4;\n    }\n    .column-image {\n      .image-container {\n        margin-right: 18px;\n      }\n    }\n    h3 {\n      font-size: 14px;\n    }\n    .routing {\n      font-size: 13px;\n    }\n  }\n  .selected {\n    .image,\n    .column-title {\n      opacity: .3;\n    }\n    md-icon.selected-icon,\n    mat-icon.selected-icon {\n      z-index: 5;\n      height: 40px;\n      width: 40px;\n      min-height: 40px;\n      min-width: 40px;\n      svg {\n        filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.5));\n        -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.5));\n        g {\n          fill: #FFF;\n        }\n      }\n    }\n  }\n}\n\n\n\n/* Draggable Selected List */\n\n.selector-wrapper {\n  background: rgba(255,255,255,.4);\n  margin-top: 20px;\n  padding: 40px;\n}\n\n/* Based on Angular Material 8+ */\n.selected-list {\n  margin: 0 auto;\n  max-width: 600px;\n  min-height: 60px;\n  display: block;\n  border-radius: 4px;\n  overflow: hidden;\n}\n.selected-box {\n  padding: 12px 16px;\n  color: rgba(0, 0, 0, 0.87);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  cursor: move;\n  background: white;\n  font-size: 14px;\n}\n.selected-box.cdk-drag-preview {\n  box-sizing: border-box;\n  border-radius: 4px;\n  box-shadow: 2px 2px 4px rgba(0,0,0,.3)\n}\n.cdk-drag-animating {\n  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n.selected-box:last-child {\n  border: none;\n}\n.selected-list.cdk-drop-list-dragging .selected-box:not(.cdk-drag-placeholder) {\n  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n.custom-ghost-placeholder {\n  background: rgba(0,0,0,.4);\n  min-height: 60px;\n  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n\n/* Selected List Custom */\n\n\nsa-selector,\n.selected-box.cdk-drag-preview {\n  .column-image,\n  .column-title,\n  .column-action {\n    float: left;\n  }\n}\n\nsa-selector {\n  .column-image {\n    width: 15%;\n    padding-right: 10px;\n    .image,\n    .no-image-icon {\n      margin-right: 10px;\n    }\n  }\n  .column-title {\n    width: 70%;\n  }\n  .column-action {\n    width: 15%;\n    > * {\n      display: inline-block;\n      vertical-align: middle;\n      margin-bottom: 2px;\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n  }\n}\n.selected-box.cdk-drag-preview {\n  .column-image {\n    width: 15%;\n  }\n  .column-title {\n    width: 85%;\n  }\n}\n\n\n\nsa-selector {\n  margin: 0 auto;\n  .routing {\n    color: #333;\n    font-size: 13px;\n  }\n  .selected-list {\n    .selected-list-header {\n      margin-bottom: 20px;\n      padding-bottom: 20px;\n      h3,\n      .note {\n        margin: 0;\n        display: inline-block;\n        vertical-align: text-bottom;\n        line-height: 1.2;\n      }\n      .note {\n        padding-left: 10px;\n      }\n    }\n    .selected-message-box {\n      // extra information for the list messages (currently only used for an empty list)\n    }\n    .selected-list-container {\n      width: 100%;\n    }\n    .selected-list-row {\n      margin-bottom: 10px;\n      padding: 12px 16px;\n      background: rgba(0, 0, 0, 0.04);\n      border-radius: 2px;\n      &.active {\n        // extra options for status >= 1\n      }\n      &.inactive {\n        // extra options for status < 1\n        background: #DDD;\n      }\n      &.published {\n        // extra options for status == 1\n      }\n      &.unpublished {\n        // extra options for published != 1\n        background: #DDD;\n      }\n    }\n    .btn.btn-delete, .btn.btn-edit {\n      float: right;\n      width: 35px;\n      min-width: unset;\n      height: 35px;\n      font-size: 10px;\n      margin-left: 12px;\n      padding: 0;\n      background: #fff;\n      box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);\n      &:hover {\n        background: #fff;\n        box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);\n      }\n      svg {\n        margin: 0 auto;\n        width: 60%;\n        g {\n          fill: #222;\n        }\n      }\n    }\n  }\n}\n.firefox .btn.btn-delete svg, .firefox .btn.btn-edit svg {\n  &,\n  g {\n    max-width: 28px;\n    max-height: 28px;\n  }\n}\n"]}
+{"version":3,"sources":["packages/angular/src/selector/selector.component.scss"],"names":[],"mappings":"AACA;AAME;AAAA;AAAA;AAAA;EACE;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;;AAIF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAIN;AAAA;AAAA;AAAA;EACE;EACA;;;AAMF;AAAA;AAAA;EACE;EACA;;;AAMJ;AACA;AAAA;EAEE;;;AAEF;EACE;;;AAEF;EACE;;;AAGA;EACE;EACA;;AACA;EACE;;AAGA;EACE;;AAGJ;EACE;;AAEF;EACE;;AAIF;AAAA;EAEE;;AAEF;AAAA;EAEE;EACA;EACA;EACA;EACA;;AACA;AAAA;EACE;EACA;;AACA;AAAA;EACE;;;AASV;AAEA;EACE;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAIF;AAKE;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;;AAKF;EACE;EACA;;AACA;AAAA;EAEE;;AAGJ;EACE;EACA;;AAEF;EACE;;AACA;EACE;EACA;EACA;;AACA;EACE;;;AAMN;EACE;;AAEF;EACE;;;AAMJ;EACE;;AACA;EACE;EACA;;AAGA;EACE;EACA;;AACA;AAAA;EAEE;EACA;EACA;EACA;;AAEF;EACE;;AAMJ;EACE;;AAEF;EACE;EACA;EACA;EACA;;AAIA;EAEE;;AAKF;EAEE;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;;AACA;EACE;;;AAOR;AAAA;AAAA;EAEE;EACA","file":"selector.component.css","sourcesContent":["\n/* Styles for Both Selector and Selected Areas */\n\n.admin-select-content,\n.autocomplete-option,\n.sa-selector,\n.selected-box.cdk-drag-preview {\n  .content-type {\n    margin-bottom: 2px;\n    md-icon,\n    mat-icon {\n      margin-right: 4px;\n      height: 14px;\n      width: 14px;\n      min-height: 14px;\n      min-width: 14px;\n    }\n    .content-type-name {\n      font-weight: bold;\n      font-size: 11px;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n    }\n  }\n  .no-image-icon {\n    md-icon,\n    mat-icon {\n      height: 28px;\n      width: 28px;\n      min-height: 28px;\n      min-width: 28px;\n      svg g {\n        fill: #FFF;\n      }\n    }\n  }\n  .shapeholder {\n    width: 100%;\n    display: block;\n  }\n}\n.content-selector-autocomplete,\n.admin-select-content,\n.selected-box.cdk-drag-preview {\n  .column-title h3 {\n    margin: 0 0 5px;\n    font-size: 16px;\n  }\n}\n\n\n\n/* Selector Autocomplete Options */\nmd-autocomplete,\n.content-selector {\n  margin-top: 12px;\n}\n.selector-filter md-checkbox {\n  padding-right: 10px;\n}\n.md-autocomplete-suggestions li {\n  height: 80px;\n}\n.content-selector-autocomplete {\n  .autocomplete-row {\n    padding: 4px 0;\n    border-bottom: 1px solid rgba(0,0,0,.1);\n    * {\n      line-height: 1.4;\n    }\n    .column-image {\n      .image-container {\n        margin-right: 18px;\n      }\n    }\n    h3 {\n      font-size: 14px;\n    }\n    .routing {\n      font-size: 13px;\n    }\n  }\n  .selected {\n    .image,\n    .column-title {\n      opacity: .3;\n    }\n    md-icon.selected-icon,\n    mat-icon.selected-icon {\n      z-index: 5;\n      height: 40px;\n      width: 40px;\n      min-height: 40px;\n      min-width: 40px;\n      svg {\n        filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.5));\n        -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.5));\n        g {\n          fill: #FFF;\n        }\n      }\n    }\n  }\n}\n\n\n\n/* Draggable Selected List */\n\n.selector-wrapper {\n  background: rgba(255,255,255,.4);\n  margin-top: 20px;\n  padding: 40px;\n}\n\n/* Based on Angular Material 8+ */\n.selected-list {\n  margin: 0 auto;\n  max-width: 600px;\n  min-height: 60px;\n  display: block;\n  border-radius: 4px;\n  overflow: hidden;\n}\n.selected-box {\n  padding: 12px 16px;\n  color: rgba(0, 0, 0, 0.87);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  cursor: move;\n  background: white;\n  font-size: 14px;\n}\n.selected-box.cdk-drag-preview {\n  box-sizing: border-box;\n  border-radius: 4px;\n  box-shadow: 2px 2px 4px rgba(0,0,0,.3)\n}\n.cdk-drag-animating {\n  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n.selected-box:last-child {\n  border: none;\n}\n.selected-list.cdk-drop-list-dragging .selected-box:not(.cdk-drag-placeholder) {\n  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n.custom-ghost-placeholder {\n  background: rgba(0,0,0,.4);\n  min-height: 60px;\n  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n\n/* Selected List Custom */\n\n\nsa-selector,\n.selected-box.cdk-drag-preview {\n  .column-image,\n  .column-title,\n  .column-action {\n    float: left;\n  }\n}\n\nsa-selector {\n  .column-image {\n    width: 15%;\n    padding-right: 10px;\n    .image,\n    .no-image-icon {\n      margin-right: 10px;\n    }\n  }\n  .column-title {\n    width: 60%;\n    padding-right: 10px;\n  }\n  .column-action {\n    width: 25%;\n    > * {\n      display: inline-block;\n      vertical-align: middle;\n      margin-bottom: 2px;\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n  }\n}\n.selected-box.cdk-drag-preview {\n  .column-image {\n    width: 15%;\n  }\n  .column-title {\n    width: 85%;\n  }\n}\n\n\n\nsa-selector {\n  margin: 0 auto;\n  .routing {\n    color: #333;\n    font-size: 13px;\n  }\n  .selected-list {\n    .selected-list-header {\n      margin-bottom: 20px;\n      padding-bottom: 20px;\n      h3,\n      .note {\n        margin: 0;\n        display: inline-block;\n        vertical-align: text-bottom;\n        line-height: 1.2;\n      }\n      .note {\n        padding-left: 10px;\n      }\n    }\n    .selected-message-box {\n      // extra information for the list messages (currently only used for an empty list)\n    }\n    .selected-list-container {\n      width: 100%;\n    }\n    .selected-list-row {\n      margin-bottom: 10px;\n      padding: 12px 16px;\n      background: rgba(0, 0, 0, 0.04);\n      border-radius: 2px;\n      &.active {\n        // extra options for status >= 1\n      }\n      &.inactive {\n        // extra options for status < 1\n        background: #DDD;\n      }\n      &.published {\n        // extra options for status == 1\n      }\n      &.unpublished {\n        // extra options for published != 1\n        background: #DDD;\n      }\n    }\n    .btn.btn-delete, .btn.btn-edit, .btn.btn-status {\n      float: right;\n      width: 35px;\n      min-width: unset;\n      height: 35px;\n      font-size: 10px;\n      margin-left: 3px;\n      padding: 0;\n      background: #fff;\n      box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);\n      &:hover {\n        background: #fff;\n        box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);\n      }\n      svg {\n        margin: 0 auto;\n        width: 60%;\n        g {\n          fill: #222;\n        }\n      }\n    }\n  }\n}\n.firefox .btn.btn-delete svg, .firefox .btn.btn-edit svg {\n  &,\n  g {\n    max-width: 28px;\n    max-height: 28px;\n  }\n}\n"]}

package/src/selector/selector.component.html

@@ -96,19 +96,26 @@
                 </div>
                 <div class="column-action">
                     <a mat-button
-                            [matTooltip]="'Delete ' + (_.get(selectedModel, 'contentType.name') || _.get(selectedModel, 'name'))"
+                            [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 Item">Edit</mat-icon>
+                        <mat-icon svgIcon="selector_edit" aria-hidden="false" aria-label="Edit">Edit</mat-icon>
                     </a>
                 </div>
             </div>

package/src/selector/selector.component.js

@@ -1,4 +1,4 @@
-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"], function (exports_1, context_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 (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;
@@ -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, 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, has, SelectorComponent;
     var __moduleName = context_1 && context_1.id;
     return {
         setters: [
@@ -48,6 +48,9 @@ System.register(["@angular/core", "@angular/forms", "@angular/cdk/drag-drop", "r
             },
             function (eventManager_1_1) {
                 eventManager_1 = eventManager_1_1;
+            },
+            function (xhr_1_1) {
+                xhr_1 = xhr_1_1;
             }
         ],
         execute: function () {
@@ -79,6 +82,7 @@ System.register(["@angular/core", "@angular/forms", "@angular/cdk/drag-drop", "r
                     this.dataSub = new rxjs_1.Observable(subscriber => this.dataDefer(subscriber));
                     lodash_1.default.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`
                     }, (value, key) => iconRegistry.addSvgIcon(key, sanitizer.bypassSecurityTrustResourceUrl(value)).getNamedSvgIcon(key));
                     stratus_1.Stratus.Internals.CssLoader(`${localDir}${moduleName}/${moduleName}.component${min}.css`)
@@ -92,7 +96,7 @@ System.register(["@angular/core", "@angular/forms", "@angular/cdk/drag-drop", "r
                         this.styled = true;
                         this.refresh();
                     });
-                    this.hydrate(elementRef, sanitizer, ["title", "uid", "target", "targetSuffix", "id", "manifest", "decouple", "direct", "api", "urlRoot", "type", "property", "endpoint", "_", "has", "log", "Stratus", "selectCtrl", "registry", "fetched", "data", "collection", "model", "dataSub", "onChange", "subscriber", "svgIcons", "styled", "empty", "iconRegistry", "sanitizer", "ref", "elementRef", "drop", "goToUrl", "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", "_", "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(data => {
                         if (!data || !(data instanceof eventManager_1.EventManager)) {
@@ -117,8 +121,10 @@ System.register(["@angular/core", "@angular/forms", "@angular/cdk/drag-drop", "r
                         return;
                     }
                     drag_drop_1.moveItemInArray(models, event.previousIndex, event.currentIndex);
-                    let priority = 0;
-                    lodash_1.default.forEach(models, (model) => model.priority = priority++);
+                    if (!this.ignorePriority) {
+                        let priority = 0;
+                        lodash_1.default.forEach(models, (model) => model.priority = priority++);
+                    }
                     this.model.trigger('change');
                 }
                 goToUrl(model) {
@@ -128,6 +134,38 @@ System.register(["@angular/core", "@angular/forms", "@angular/cdk/drag-drop", "r
                     }
                     window.open(model.contentType.editUrl + '?id=' + model.id, '_blank');
                 }
+                toggleStatus(model) {
+                    const statusOriginal = model.status;
+                    model.status = statusOriginal === 1 ? 0 : 1;
+                    const xhr = new xhr_1.XHR({
+                        method: 'PUT',
+                        url: '/Api/Content/' + model.id,
+                        data: {
+                            route: {},
+                            meta: {},
+                            payload: {
+                                status: model.status
+                            }
+                        },
+                        type: 'application/json'
+                    });
+                    xhr.send()
+                        .then((response) => {
+                        if (!lodash_1.default.isObject(response) || lodash_1.default.get(response, 'meta.status[0].code') !== 'SUCCESS') {
+                            console.error('error[toggleStatus]:', response);
+                            model.status = statusOriginal;
+                            this.refresh();
+                            return;
+                        }
+                        console.log('success[toggleStatus]:', response);
+                    })
+                        .catch((error) => {
+                        console.error('error[toggleStatus]:', error);
+                        model.status = statusOriginal;
+                        this.refresh();
+                    });
+                    return;
+                }
                 remove(model) {
                     const models = this.dataRef();
                     if (!models || !models.length) {
@@ -190,8 +228,10 @@ System.register(["@angular/core", "@angular/forms", "@angular/cdk/drag-drop", "r
                     if (!models || !models.length) {
                         return;
                     }
-                    let priority = 0;
-                    lodash_1.default.forEach(models, (model) => model.priority = priority++);
+                    if (!this.ignorePriority) {
+                        let priority = 0;
+                        lodash_1.default.forEach(models, (model) => model.priority = priority++);
+                    }
                 }
                 getSvg(url, options) {
                     const uid = this.addSvgIcon(url, options);
@@ -264,6 +304,10 @@ System.register(["@angular/core", "@angular/forms", "@angular/cdk/drag-drop", "r
                 core_1.Input(),
                 __metadata("design:type", String)
             ], SelectorComponent.prototype, "endpoint", void 0);
+            __decorate([
+                core_1.Input(),
+                __metadata("design:type", Boolean)
+            ], SelectorComponent.prototype, "ignorePriority", void 0);
             SelectorComponent = __decorate([
                 core_1.Component({
                     selector: `sa-${moduleName}`,

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

@@ -1 +1 @@
-{"version":3,"sources":["selector.component.ts"],"names":[],"mappings":"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","file":"selector.component.js"}
+{"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,GAA9B,MAAa,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;YA5YY;gBAAR,YAAK,EAAE;;6DAAe;YACd;gBAAR,YAAK,EAAE;;mEAAqB;YACpB;gBAAR,YAAK,EAAE;;yDAAW;YACV;gBAAR,YAAK,EAAE;;+DAAkB;YACjB;gBAAR,YAAK,EAAE;;+DAAkB;YACjB;gBAAR,YAAK,EAAE;;6DAAgB;YACf;gBAAR,YAAK,EAAE;;0DAAY;YACX;gBAAR,YAAK,EAAE;;8DAAgB;YAGf;gBAAR,YAAK,EAAE;;2DAAa;YACZ;gBAAR,YAAK,EAAE;;+DAAiB;YAChB;gBAAR,YAAK,EAAE;;+DAAiB;YAChB;gBAAR,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"}

package/src/selector/selector.component.min.css

@@ -1 +1 @@
-.admin-select-content .content-type,.autocomplete-option .content-type,.sa-selector .content-type,.selected-box.cdk-drag-preview .content-type{margin-bottom:2px}.admin-select-content .content-type mat-icon,.admin-select-content .content-type md-icon,.autocomplete-option .content-type mat-icon,.autocomplete-option .content-type md-icon,.sa-selector .content-type mat-icon,.sa-selector .content-type md-icon,.selected-box.cdk-drag-preview .content-type mat-icon,.selected-box.cdk-drag-preview .content-type md-icon{margin-right:4px;height:14px;width:14px;min-height:14px;min-width:14px}.admin-select-content .content-type .content-type-name,.autocomplete-option .content-type .content-type-name,.sa-selector .content-type .content-type-name,.selected-box.cdk-drag-preview .content-type .content-type-name{font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:1px}.admin-select-content .no-image-icon mat-icon,.admin-select-content .no-image-icon md-icon,.autocomplete-option .no-image-icon mat-icon,.autocomplete-option .no-image-icon md-icon,.sa-selector .no-image-icon mat-icon,.sa-selector .no-image-icon md-icon,.selected-box.cdk-drag-preview .no-image-icon mat-icon,.selected-box.cdk-drag-preview .no-image-icon md-icon{height:28px;width:28px;min-height:28px;min-width:28px}.admin-select-content .no-image-icon mat-icon svg g,.admin-select-content .no-image-icon md-icon svg g,.autocomplete-option .no-image-icon mat-icon svg g,.autocomplete-option .no-image-icon md-icon svg g,.sa-selector .no-image-icon mat-icon svg g,.sa-selector .no-image-icon md-icon svg g,.selected-box.cdk-drag-preview .no-image-icon mat-icon svg g,.selected-box.cdk-drag-preview .no-image-icon md-icon svg g{fill:#fff}.admin-select-content .shapeholder,.autocomplete-option .shapeholder,.sa-selector .shapeholder,.selected-box.cdk-drag-preview .shapeholder{width:100%;display:block}.admin-select-content .column-title h3,.content-selector-autocomplete .column-title h3,.selected-box.cdk-drag-preview .column-title h3{margin:0 0 5px;font-size:16px}.content-selector,md-autocomplete{margin-top:12px}.selector-filter md-checkbox{padding-right:10px}.md-autocomplete-suggestions li{height:80px}.content-selector-autocomplete .autocomplete-row{padding:4px 0;border-bottom:1px solid rgba(0,0,0,.1)}.content-selector-autocomplete .autocomplete-row *{line-height:1.4}.content-selector-autocomplete .autocomplete-row .column-image .image-container{margin-right:18px}.content-selector-autocomplete .autocomplete-row h3{font-size:14px}.content-selector-autocomplete .autocomplete-row .routing{font-size:13px}.content-selector-autocomplete .selected .column-title,.content-selector-autocomplete .selected .image{opacity:.3}.content-selector-autocomplete .selected mat-icon.selected-icon,.content-selector-autocomplete .selected md-icon.selected-icon{z-index:5;height:40px;width:40px;min-height:40px;min-width:40px}.content-selector-autocomplete .selected mat-icon.selected-icon svg,.content-selector-autocomplete .selected md-icon.selected-icon svg{filter:drop-shadow(0 0 1px rgba(0, 0, 0, .5));-webkit-filter:drop-shadow(0 0 1px rgba(0, 0, 0, .5))}.content-selector-autocomplete .selected mat-icon.selected-icon svg g,.content-selector-autocomplete .selected md-icon.selected-icon svg g{fill:#fff}.selector-wrapper{background:rgba(255,255,255,.4);margin-top:20px;padding:40px}.selected-list{margin:0 auto;max-width:600px;min-height:60px;display:block;border-radius:4px;overflow:hidden}.selected-box{padding:12px 16px;color:rgba(0,0,0,.87);display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;cursor:move;background:#fff;font-size:14px}.selected-box.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:2px 2px 4px rgba(0,0,0,.3)}.cdk-drag-animating{transition:transform 250ms cubic-bezier(0,0,.2,1)}.selected-box:last-child{border:none}.selected-list.cdk-drop-list-dragging .selected-box:not(.cdk-drag-placeholder){transition:transform 250ms cubic-bezier(0,0,.2,1)}.custom-ghost-placeholder{background:rgba(0,0,0,.4);min-height:60px;transition:transform 250ms cubic-bezier(0,0,.2,1)}.selected-box.cdk-drag-preview .column-action,.selected-box.cdk-drag-preview .column-image,.selected-box.cdk-drag-preview .column-title,sa-selector .column-action,sa-selector .column-image,sa-selector .column-title{float:left}sa-selector .column-image{width:15%;padding-right:10px}sa-selector .column-image .image,sa-selector .column-image .no-image-icon{margin-right:10px}sa-selector .column-title{width:70%}sa-selector .column-action{width:15%}sa-selector .column-action>*{display:inline-block;vertical-align:middle;margin-bottom:2px}sa-selector .column-action>:last-child{margin-bottom:0}.selected-box.cdk-drag-preview .column-image{width:15%}.selected-box.cdk-drag-preview .column-title{width:85%}sa-selector{margin:0 auto}sa-selector .routing{color:#333;font-size:13px}sa-selector .selected-list .selected-list-header{margin-bottom:20px;padding-bottom:20px}sa-selector .selected-list .selected-list-header .note,sa-selector .selected-list .selected-list-header h3{margin:0;display:inline-block;vertical-align:text-bottom;line-height:1.2}sa-selector .selected-list .selected-list-header .note{padding-left:10px}sa-selector .selected-list .selected-list-container{width:100%}sa-selector .selected-list .selected-list-row{margin-bottom:10px;padding:12px 16px;background:rgba(0,0,0,.04);border-radius:2px}sa-selector .selected-list .selected-list-row.inactive{background:#ddd}sa-selector .selected-list .selected-list-row.unpublished{background:#ddd}sa-selector .selected-list .btn.btn-delete,sa-selector .selected-list .btn.btn-edit{float:right;width:35px;min-width:unset;height:35px;font-size:10px;margin-left:12px;padding:0;background:#fff;box-shadow:0 0 2px rgba(0,0,0,.3)}sa-selector .selected-list .btn.btn-delete:hover,sa-selector .selected-list .btn.btn-edit:hover{background:#fff;box-shadow:0 0 2px rgba(0,0,0,.8)}sa-selector .selected-list .btn.btn-delete svg,sa-selector .selected-list .btn.btn-edit svg{margin:0 auto;width:60%}sa-selector .selected-list .btn.btn-delete svg g,sa-selector .selected-list .btn.btn-edit svg g{fill:#222}.firefox .btn.btn-delete svg,.firefox .btn.btn-delete svg g,.firefox .btn.btn-edit svg,.firefox .btn.btn-edit svg g{max-width:28px;max-height:28px}
+.admin-select-content .content-type,.autocomplete-option .content-type,.sa-selector .content-type,.selected-box.cdk-drag-preview .content-type{margin-bottom:2px}.admin-select-content .content-type mat-icon,.admin-select-content .content-type md-icon,.autocomplete-option .content-type mat-icon,.autocomplete-option .content-type md-icon,.sa-selector .content-type mat-icon,.sa-selector .content-type md-icon,.selected-box.cdk-drag-preview .content-type mat-icon,.selected-box.cdk-drag-preview .content-type md-icon{margin-right:4px;height:14px;width:14px;min-height:14px;min-width:14px}.admin-select-content .content-type .content-type-name,.autocomplete-option .content-type .content-type-name,.sa-selector .content-type .content-type-name,.selected-box.cdk-drag-preview .content-type .content-type-name{font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:1px}.admin-select-content .no-image-icon mat-icon,.admin-select-content .no-image-icon md-icon,.autocomplete-option .no-image-icon mat-icon,.autocomplete-option .no-image-icon md-icon,.sa-selector .no-image-icon mat-icon,.sa-selector .no-image-icon md-icon,.selected-box.cdk-drag-preview .no-image-icon mat-icon,.selected-box.cdk-drag-preview .no-image-icon md-icon{height:28px;width:28px;min-height:28px;min-width:28px}.admin-select-content .no-image-icon mat-icon svg g,.admin-select-content .no-image-icon md-icon svg g,.autocomplete-option .no-image-icon mat-icon svg g,.autocomplete-option .no-image-icon md-icon svg g,.sa-selector .no-image-icon mat-icon svg g,.sa-selector .no-image-icon md-icon svg g,.selected-box.cdk-drag-preview .no-image-icon mat-icon svg g,.selected-box.cdk-drag-preview .no-image-icon md-icon svg g{fill:#fff}.admin-select-content .shapeholder,.autocomplete-option .shapeholder,.sa-selector .shapeholder,.selected-box.cdk-drag-preview .shapeholder{width:100%;display:block}.admin-select-content .column-title h3,.content-selector-autocomplete .column-title h3,.selected-box.cdk-drag-preview .column-title h3{margin:0 0 5px;font-size:16px}.content-selector,md-autocomplete{margin-top:12px}.selector-filter md-checkbox{padding-right:10px}.md-autocomplete-suggestions li{height:80px}.content-selector-autocomplete .autocomplete-row{padding:4px 0;border-bottom:1px solid rgba(0,0,0,.1)}.content-selector-autocomplete .autocomplete-row *{line-height:1.4}.content-selector-autocomplete .autocomplete-row .column-image .image-container{margin-right:18px}.content-selector-autocomplete .autocomplete-row h3{font-size:14px}.content-selector-autocomplete .autocomplete-row .routing{font-size:13px}.content-selector-autocomplete .selected .column-title,.content-selector-autocomplete .selected .image{opacity:.3}.content-selector-autocomplete .selected mat-icon.selected-icon,.content-selector-autocomplete .selected md-icon.selected-icon{z-index:5;height:40px;width:40px;min-height:40px;min-width:40px}.content-selector-autocomplete .selected mat-icon.selected-icon svg,.content-selector-autocomplete .selected md-icon.selected-icon svg{filter:drop-shadow(0 0 1px rgba(0, 0, 0, .5));-webkit-filter:drop-shadow(0 0 1px rgba(0, 0, 0, .5))}.content-selector-autocomplete .selected mat-icon.selected-icon svg g,.content-selector-autocomplete .selected md-icon.selected-icon svg g{fill:#fff}.selector-wrapper{background:rgba(255,255,255,.4);margin-top:20px;padding:40px}.selected-list{margin:0 auto;max-width:600px;min-height:60px;display:block;border-radius:4px;overflow:hidden}.selected-box{padding:12px 16px;color:rgba(0,0,0,.87);display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;cursor:move;background:#fff;font-size:14px}.selected-box.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:2px 2px 4px rgba(0,0,0,.3)}.cdk-drag-animating{transition:transform 250ms cubic-bezier(0,0,.2,1)}.selected-box:last-child{border:none}.selected-list.cdk-drop-list-dragging .selected-box:not(.cdk-drag-placeholder){transition:transform 250ms cubic-bezier(0,0,.2,1)}.custom-ghost-placeholder{background:rgba(0,0,0,.4);min-height:60px;transition:transform 250ms cubic-bezier(0,0,.2,1)}.selected-box.cdk-drag-preview .column-action,.selected-box.cdk-drag-preview .column-image,.selected-box.cdk-drag-preview .column-title,sa-selector .column-action,sa-selector .column-image,sa-selector .column-title{float:left}sa-selector .column-image{width:15%;padding-right:10px}sa-selector .column-image .image,sa-selector .column-image .no-image-icon{margin-right:10px}sa-selector .column-title{width:60%;padding-right:10px}sa-selector .column-action{width:25%}sa-selector .column-action>*{display:inline-block;vertical-align:middle;margin-bottom:2px}sa-selector .column-action>:last-child{margin-bottom:0}.selected-box.cdk-drag-preview .column-image{width:15%}.selected-box.cdk-drag-preview .column-title{width:85%}sa-selector{margin:0 auto}sa-selector .routing{color:#333;font-size:13px}sa-selector .selected-list .selected-list-header{margin-bottom:20px;padding-bottom:20px}sa-selector .selected-list .selected-list-header .note,sa-selector .selected-list .selected-list-header h3{margin:0;display:inline-block;vertical-align:text-bottom;line-height:1.2}sa-selector .selected-list .selected-list-header .note{padding-left:10px}sa-selector .selected-list .selected-list-container{width:100%}sa-selector .selected-list .selected-list-row{margin-bottom:10px;padding:12px 16px;background:rgba(0,0,0,.04);border-radius:2px}sa-selector .selected-list .selected-list-row.inactive{background:#ddd}sa-selector .selected-list .selected-list-row.unpublished{background:#ddd}sa-selector .selected-list .btn.btn-delete,sa-selector .selected-list .btn.btn-edit,sa-selector .selected-list .btn.btn-status{float:right;width:35px;min-width:unset;height:35px;font-size:10px;margin-left:3px;padding:0;background:#fff;box-shadow:0 0 2px rgba(0,0,0,.3)}sa-selector .selected-list .btn.btn-delete:hover,sa-selector .selected-list .btn.btn-edit:hover,sa-selector .selected-list .btn.btn-status:hover{background:#fff;box-shadow:0 0 2px rgba(0,0,0,.8)}sa-selector .selected-list .btn.btn-delete svg,sa-selector .selected-list .btn.btn-edit svg,sa-selector .selected-list .btn.btn-status svg{margin:0 auto;width:60%}sa-selector .selected-list .btn.btn-delete svg g,sa-selector .selected-list .btn.btn-edit svg g,sa-selector .selected-list .btn.btn-status svg g{fill:#222}.firefox .btn.btn-delete svg,.firefox .btn.btn-delete svg g,.firefox .btn.btn-edit svg,.firefox .btn.btn-edit svg g{max-width:28px;max-height:28px}

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'))" 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 *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 Item">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(' + _.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>

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

package/src/selector/selector.component.scss

@@ -177,10 +177,11 @@ sa-selector {
     }
   }
   .column-title {
-    width: 70%;
+    width: 60%;
+    padding-right: 10px;
   }
   .column-action {
-    width: 15%;
+    width: 25%;
     > * {
       display: inline-block;
       vertical-align: middle;
@@ -249,13 +250,13 @@ sa-selector {
         background: #DDD;
       }
     }
-    .btn.btn-delete, .btn.btn-edit {
+    .btn.btn-delete, .btn.btn-edit, .btn.btn-status {
       float: right;
       width: 35px;
       min-width: unset;
       height: 35px;
       font-size: 10px;
-      margin-left: 12px;
+      margin-left: 3px;
       padding: 0;
       background: #fff;
       box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);

package/src/selector/selector.component.ts

@@ -49,6 +49,9 @@ import {EventBase} from '@stratusjs/core/events/eventBase'
 import {Model} from '@stratusjs/angularjs/services/model'
 import {Collection} from '@stratusjs/angularjs/services/collection'
 
+import {XHR} from '@stratusjs/core/datastore/xhr'
+import {LooseObject} from '@stratusjs/core/misc'
+
 // Local Setup
 const systemDir = '@stratusjs/angular'
 const moduleName = 'selector'
@@ -100,6 +103,7 @@ export class SelectorComponent extends RootComponent { // implements OnInit, OnC
     @Input() type: string
     @Input() property: string
     @Input() endpoint: string
+    @Input() ignorePriority: boolean
 
     // Dependencies
     _ = _
@@ -156,6 +160,7 @@ export class SelectorComponent extends RootComponent { // implements OnInit, OnC
         // SVG Icons
         _.forEach({
             selector_delete: `${Stratus.BaseUrl}sitetheorycore/images/icons/actionButtons/delete.svg`,
+            selector_status: `${Stratus.BaseUrl}sitetheorycore/images/icons/actionButtons/visibility.svg`,
             selector_edit: `${Stratus.BaseUrl}sitetheorycore/images/icons/actionButtons/edit.svg`
         }, (value, key) => iconRegistry.addSvgIcon(key, sanitizer.bypassSecurityTrustResourceUrl(value)).getNamedSvgIcon(key))
 
@@ -239,8 +244,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')
     }
 
@@ -252,6 +259,43 @@ export class SelectorComponent extends RootComponent { // implements OnInit, OnC
         window.open(model.contentType.editUrl + '?id=' + model.id, '_blank')
     }
 
+    toggleStatus(model: any) {
+        // model is not directly a model, but just a sub entity of content.version.modules
+        // so we have to create a special API call to update just this one model
+        // 'Content/' + model.id
+        const statusOriginal = model.status
+        model.status = statusOriginal === 1 ? 0 : 1
+        // Create a direct XHR
+        const xhr = new XHR({
+            method: 'PUT',
+            url: '/Api/Content/' + model.id,
+            data: {
+                route: {},
+                meta: {},
+                payload: {
+                    status: model.status
+                }
+            },
+            type: 'application/json'
+        })
+        xhr.send()
+            .then((response: LooseObject | Array<LooseObject> | string) => {
+                if (!_.isObject(response) || _.get(response, 'meta.status[0].code') !== 'SUCCESS') {
+                    console.error('error[toggleStatus]:', response)
+                    model.status = statusOriginal
+                    this.refresh()
+                    return
+                }
+                console.log('success[toggleStatus]:', response)
+            })
+            .catch((error: any) => {
+                console.error('error[toggleStatus]:', error)
+                model.status = statusOriginal
+                this.refresh()
+            })
+        return
+    }
+
     remove(model: any) {
         const models = this.dataRef()
         if (!models || !models.length) {
@@ -386,8 +430,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> {