@stratusjs/angular 0.2.82 → 0.2.86

package/src/media-selector/media-selector.component.css

@@ -1,72 +1,52 @@
 /* Styles for Both Media Selector and Media Selected Areas */
-.admin-media-select-content .content-type,
-.autocomplete-option .content-type,
-.sa-media-selector .content-type,
-.cdk-drag-preview .content-type {
+sa-media-selector .content-type,
+.media-selected-box.cdk-drag-preview .content-type {
   margin-bottom: 2px;
 }
-.admin-media-select-content .content-type md-icon,
-.admin-media-select-content .content-type mat-icon,
-.autocomplete-option .content-type md-icon,
-.autocomplete-option .content-type mat-icon,
-.sa-media-selector .content-type md-icon,
-.sa-media-selector .content-type mat-icon,
-.cdk-drag-preview .content-type md-icon,
-.cdk-drag-preview .content-type mat-icon {
+sa-media-selector .content-type md-icon,
+sa-media-selector .content-type mat-icon,
+.media-selected-box.cdk-drag-preview .content-type md-icon,
+.media-selected-box.cdk-drag-preview .content-type mat-icon {
   margin-right: 4px;
   height: 14px;
   width: 14px;
   min-height: 14px;
   min-width: 14px;
 }
-.admin-media-select-content .content-type .content-type-name,
-.autocomplete-option .content-type .content-type-name,
-.sa-media-selector .content-type .content-type-name,
-.cdk-drag-preview .content-type .content-type-name {
+sa-media-selector .content-type .content-type-name,
+.media-selected-box.cdk-drag-preview .content-type .content-type-name {
   font-weight: bold;
   font-size: 11px;
   text-transform: uppercase;
   letter-spacing: 1px;
 }
-.admin-media-select-content .no-image-icon md-icon,
-.admin-media-select-content .no-image-icon mat-icon,
-.autocomplete-option .no-image-icon md-icon,
-.autocomplete-option .no-image-icon mat-icon,
-.sa-media-selector .no-image-icon md-icon,
-.sa-media-selector .no-image-icon mat-icon,
-.cdk-drag-preview .no-image-icon md-icon,
-.cdk-drag-preview .no-image-icon mat-icon {
+sa-media-selector .no-image-icon md-icon,
+sa-media-selector .no-image-icon mat-icon,
+.media-selected-box.cdk-drag-preview .no-image-icon md-icon,
+.media-selected-box.cdk-drag-preview .no-image-icon mat-icon {
   height: 28px;
   width: 28px;
   min-height: 28px;
   min-width: 28px;
 }
-.admin-media-select-content .no-image-icon md-icon svg g,
-.admin-media-select-content .no-image-icon mat-icon svg g,
-.autocomplete-option .no-image-icon md-icon svg g,
-.autocomplete-option .no-image-icon mat-icon svg g,
-.sa-media-selector .no-image-icon md-icon svg g,
-.sa-media-selector .no-image-icon mat-icon svg g,
-.cdk-drag-preview .no-image-icon md-icon svg g,
-.cdk-drag-preview .no-image-icon mat-icon svg g {
+sa-media-selector .no-image-icon md-icon svg g,
+sa-media-selector .no-image-icon mat-icon svg g,
+.media-selected-box.cdk-drag-preview .no-image-icon md-icon svg g,
+.media-selected-box.cdk-drag-preview .no-image-icon mat-icon svg g {
   fill: #FFF;
 }
-.admin-media-select-content .shapeholder,
-.autocomplete-option .shapeholder,
-.sa-media-selector .shapeholder,
-.cdk-drag-preview .shapeholder {
+sa-media-selector .shapeholder,
+.media-selected-box.cdk-drag-preview .shapeholder {
   width: 100%;
   display: block;
 }
 
-.content-media-selector-autocomplete .column-title h3,
-.admin-media-select-content .column-title h3,
-.cdk-drag-preview .column-title h3 {
+.media-selected-box.cdk-drag-preview .column-title h3 {
   margin: 0 0 5px;
   font-size: 16px;
 }
 
-.cdk-drop-list.cdk-drop-list-dragging .shapeholder {
+.media-selector .cdk-drop-list.cdk-drop-list-dragging .shapeholder {
   width: 80px;
   display: block;
 }
@@ -110,9 +90,9 @@
   display: flex;
   flex-direction: row;
   text-align: center;
-  cursor: move;
   font-size: 14px;
   transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1);
+  cursor: pointer;
 }
 .media-selector .media-selected-box-grow,
 .media-selector li.media-selected-box-grow {
@@ -126,11 +106,15 @@
 .media-selector li.media-selected-box-row {
   flex-basis: 0;
 }
+.media-selector .media-selected-box.cdk-drag,
+.media-selector li.media-selected-box.cdk-drag {
+  cursor: move;
+}
 .media-selector .media-selected-box:active,
 .media-selector li.media-selected-box:active {
   opacity: 0.6;
 }
-.cdk-drop-list {
+.media-selector .cdk-drop-list {
   display: flex;
 }
 
@@ -157,9 +141,9 @@
 sa-media-selector .column-image,
 sa-media-selector .column-title,
 sa-media-selector .column-action,
-.cdk-drag-preview .column-image,
-.cdk-drag-preview .column-title,
-.cdk-drag-preview .column-action {
+.media-selected-box.cdk-drag-preview .column-image,
+.media-selected-box.cdk-drag-preview .column-title,
+.media-selected-box.cdk-drag-preview .column-action {
   float: left;
 }
 

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

@@ -1 +1 @@
-{"version":3,"sources":["packages/angular/src/media-selector/media-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;;;AAQA;EACE;EACA;;;AAKN;AAEA;EACE;EACA;EACA;;;AAGF;AAKI;EACE;;AAKF;AAAA;EACE;EACA;;AAEF;AAAA;EAEE;EAEA;EACA;EACA;;AAIA;AAAA;EACE;;AAEF;AAAA;EACE;EACA;;AAMJ;AAAA;EAKE;EAEA;EAEA;EACA;EAIA;EAIA;EAEA;EACA;;AAKA;AAAA;EACE;;AAGF;AAAA;EACE;;AAGF;AAAA;EACE;;AAGJ;AAAA;EAIE;;AASJ;EACE;;;AAgBF;EACE;;AAIF;EACE;;AAGF;EAIE;;AAHA;EACE;;;AAMN;EACE;EACA;EACA;;;AAIF;AAIE;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;;AAIJ;AAGE;EACE;;AAEF;EACE;;;AAIJ;AACA;EACE;;;AAEF;EACE","file":"media-selector.component.css","sourcesContent":["\n/* Styles for Both Media Selector and Media Selected Areas */\n\n.admin-media-select-content,\n.autocomplete-option,\n.sa-media-selector,\n.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-media-selector-autocomplete,\n.admin-media-select-content,\n.cdk-drag-preview {\n  .column-title h3 {\n    margin: 0 0 5px;\n    font-size: 16px;\n  }\n}\n\n// the dragging class appears on the\n// placeholder of what is being dragged\n.cdk-drop-list {\n  &.cdk-drop-list-dragging {\n    .shapeholder {\n      width: 80px;\n      display: block;\n    }\n  }\n}\n\n/* Draggable Media Selected List */\n\n.media-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\n.media-selector {\n  .media-selected {\n    // Note: an ampersand appears twice in this selector\n    &-list.cdk-drop-list-dragging &-box:not(.cdk-drag-placeholder) {\n      transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n    }\n  }\n  .media-selected,\n  ul.media-selected {\n    &-container {\n      display:flex;\n      flex-wrap: wrap;\n    }\n    &-list {\n      //width: 1000px;\n      max-width: 100%;\n      //border: solid 1px #ccc;\n      min-height: 60px;\n      display: flex;\n      flex-direction: row;\n      //background: white;\n      //border-radius: 4px;\n      //overflow: hidden;\n      &-grid {\n        flex-wrap: wrap;\n      }\n      .shapeholder {\n        width: 80px;\n        display: block;\n      }\n    }\n  }\n  .media-selected,\n  li.media-selected {\n    &-box {\n      //width: 75px;\n      //height: 75px;\n      //padding: 20px 10px;\n      //width: 12.5%;\n      padding: 4px;\n      //border-right: solid 1px #ccc;\n      color: rgba(0, 0, 0, 0.87);\n      // FIXME: when this uses display:flex, the box collapses\n      display: flex;\n      flex-direction: row;\n      //align-items: center;\n      //justify-content: center;\n      //justify-content: space-between;\n      text-align: center;\n      //border-radius: 4px;\n      //position: relative;\n      //box-sizing: border-box;\n      cursor: move;\n      //background: white;\n      font-size: 14px;\n      transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1);\n      //box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2),\n      //0 2px 2px 0 rgba(0, 0, 0, 0.14),\n      //0 1px 5px 0 rgba(0, 0, 0, 0.12);\n      // this forces the cells to grow to fit the row\n      &-grow {\n        flex-grow: 1;\n      }\n      // this forces all cells to wrap\n      &-grid {\n        flex-wrap: wrap;\n      }\n      // this forces all cells on one line instead of wrapping\n      &-row {\n        flex-basis: 0;\n      }\n    }\n    &-box:active {\n      //box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),\n      //0 8px 10px 1px rgba(0, 0, 0, 0.14),\n      //0 3px 14px 2px rgba(0, 0, 0, 0.12);\n      opacity: 0.6;\n    }\n    &-box:last-child {\n      //border: none;\n    }\n  }\n}\n\n.cdk-drop {\n  &-list {\n    display: flex;\n    //padding-right: 10px;\n    //padding-bottom: 10px;\n  }\n}\n\n.cdk-drag {\n  &-preview {\n    // Note: these are the original drag preview styles Angular+\n    //box-sizing: border-box;\n    //border-radius: 4px;\n    //box-shadow: 2px 2px 4px rgba(0,0,0,.3)\n    //box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),\n    //0 8px 10px 1px rgba(0, 0, 0, 0.14),\n    //0 3px 14px 2px rgba(0, 0, 0, 0.12);\n  }\n  &-placeholder {\n    opacity: 0.3;\n    //opacity: 0.7;\n    //opacity: 0;\n  }\n  &-animating {\n    transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n  }\n  // hide tooltip in preview (dragged element) and placeholder in the list\n  &-preview, &-placeholder {\n    .info-hover-container {\n      display: none;\n    }\n    list-style: none;\n  }\n}\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\nsa-media-selector,\n.cdk-drag-preview {\n  .column-image,\n  .column-title,\n  .column-action {\n    float: left;\n  }\n}\n\n/* Full Size */\n\n.full {\n  &-width {\n    width: 100%;\n  }\n  &-height {\n    height: 100%;\n  }\n}\n\n/* Text Transforms */\n.uppercase {\n  text-transform: uppercase;\n}\n.lowercase {\n  text-transform: lowercase;\n}\n"]}
+{"version":3,"sources":["packages/angular/src/media-selector/media-selector.component.scss"],"names":[],"mappings":"AACA;AAIE;AAAA;EACE;;AACA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;;AAIF;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;;AACA;AAAA;AAAA;AAAA;EACE;;AAIN;AAAA;EACE;EACA;;;AAIF;EACE;EACA;;;AASE;EACE;EACA;;;AAMR;AAEA;EACE;EACA;EACA;;;AAGF;AAKI;EACE;;AAKF;AAAA;EACE;EACA;;AAEF;AAAA;EAEE;EAEA;EACA;EACA;;AAIA;AAAA;EACE;;AAEF;AAAA;EACE;EACA;;AAMJ;AAAA;EAKE;EAEA;EAEA;EACA;EAIA;EAKA;EACA;EAiBA;;AAZA;AAAA;EACE;;AAGF;AAAA;EACE;;AAGF;AAAA;EACE;;AAKF;AAAA;EACE;;AAGJ;AAAA;EAIE;;AAOF;EACE;;;AAiBJ;EACE;;AAIF;EACE;;AAGF;EAIE;;AAHA;EACE;;;AAMN;EACE;EACA;EACA;;;AAIF;AAIE;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;;AAIJ;AAGE;EACE;;AAEF;EACE;;;AAIJ;AACA;EACE;;;AAEF;EACE","file":"media-selector.component.css","sourcesContent":["\n/* Styles for Both Media Selector and Media Selected Areas */\n\nsa-media-selector,\n.media-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.media-selected-box.cdk-drag-preview {\n  .column-title h3 {\n    margin: 0 0 5px;\n    font-size: 16px;\n  }\n}\n\n// the dragging class appears on the\n// placeholder of what is being dragged\n.media-selector {\n  .cdk-drop-list {\n    &.cdk-drop-list-dragging {\n      .shapeholder {\n        width: 80px;\n        display: block;\n      }\n    }\n  }\n}\n\n/* Draggable Media Selected List */\n\n.media-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\n.media-selector {\n  .media-selected {\n    // Note: an ampersand appears twice in this selector\n    &-list.cdk-drop-list-dragging &-box:not(.cdk-drag-placeholder) {\n      transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n    }\n  }\n  .media-selected,\n  ul.media-selected {\n    &-container {\n      display:flex;\n      flex-wrap: wrap;\n    }\n    &-list {\n      //width: 1000px;\n      max-width: 100%;\n      //border: solid 1px #ccc;\n      min-height: 60px;\n      display: flex;\n      flex-direction: row;\n      //background: white;\n      //border-radius: 4px;\n      //overflow: hidden;\n      &-grid {\n        flex-wrap: wrap;\n      }\n      .shapeholder {\n        width: 80px;\n        display: block;\n      }\n    }\n  }\n  .media-selected,\n  li.media-selected {\n    &-box {\n      //width: 75px;\n      //height: 75px;\n      //padding: 20px 10px;\n      //width: 12.5%;\n      padding: 4px;\n      //border-right: solid 1px #ccc;\n      color: rgba(0, 0, 0, 0.87);\n      // FIXME: when this uses display:flex, the box collapses\n      display: flex;\n      flex-direction: row;\n      //align-items: center;\n      //justify-content: center;\n      //justify-content: space-between;\n      text-align: center;\n      //border-radius: 4px;\n      //position: relative;\n      //box-sizing: border-box;\n      //background: white;\n      font-size: 14px;\n      transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1);\n      //box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2),\n      //0 2px 2px 0 rgba(0, 0, 0, 0.14),\n      //0 1px 5px 0 rgba(0, 0, 0, 0.12);\n      // this forces the cells to grow to fit the row\n      &-grow {\n        flex-grow: 1;\n      }\n      // this forces all cells to wrap\n      &-grid {\n        flex-wrap: wrap;\n      }\n      // this forces all cells on one line instead of wrapping\n      &-row {\n        flex-basis: 0;\n      }\n      // this is the default cursor for boxes\n      cursor: pointer;\n      // this changes the cursor for movable boxes\n      &.cdk-drag {\n        cursor: move;\n      }\n    }\n    &-box:active {\n      //box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),\n      //0 8px 10px 1px rgba(0, 0, 0, 0.14),\n      //0 3px 14px 2px rgba(0, 0, 0, 0.12);\n      opacity: 0.6;\n    }\n    &-box:last-child {\n      //border: none;\n    }\n  }\n  .cdk-drop {\n    &-list {\n      display: flex;\n      //padding-right: 10px;\n      //padding-bottom: 10px;\n    }\n  }\n}\n\n.cdk-drag {\n  &-preview {\n    // Note: these are the original drag preview styles Angular+\n    //box-sizing: border-box;\n    //border-radius: 4px;\n    //box-shadow: 2px 2px 4px rgba(0,0,0,.3)\n    //box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),\n    //0 8px 10px 1px rgba(0, 0, 0, 0.14),\n    //0 3px 14px 2px rgba(0, 0, 0, 0.12);\n  }\n  &-placeholder {\n    opacity: 0.3;\n    //opacity: 0.7;\n    //opacity: 0;\n  }\n  &-animating {\n    transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n  }\n  // hide tooltip in preview (dragged element) and placeholder in the list\n  &-preview, &-placeholder {\n    .info-hover-container {\n      display: none;\n    }\n    list-style: none;\n  }\n}\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\nsa-media-selector,\n.media-selected-box.cdk-drag-preview {\n  .column-image,\n  .column-title,\n  .column-action {\n    float: left;\n  }\n}\n\n/* Full Size */\n\n.full {\n  &-width {\n    width: 100%;\n  }\n  &-height {\n    height: 100%;\n  }\n}\n\n/* Text Transforms */\n.uppercase {\n  text-transform: uppercase;\n}\n.lowercase {\n  text-transform: lowercase;\n}\n"]}

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

@@ -8,9 +8,9 @@
            [textContent]="'Selected ' + (type || 'Items')"></p>
         <!-- TODO: for styles from legacy selector, add class `selected-area` -->
         <div class="media-content media-selected-container" cdkDropListGroup>
-            <div class="selected-message-box" *ngIf="empty">
-                Nothing has been selected.
-            </div>
+            <!--<div class="selected-message-box" *ngIf="empty">-->
+            <!--    Nothing has been selected.-->
+            <!--</div>-->
             <div cdkDropList
                  [cdkDropListEnterPredicate]="enterPredicate"
                  (cdkDropListDropped)="drop($event)">
@@ -41,7 +41,7 @@
                              }"
                              [ngStyle]="{'background': 'url(' + (_.get(selectedModel, '_thumbSrc') || _.get(selectedModel, 'bestImage.thumb') || _.get(selectedModel, 'meta.thumbnail_small')) + ') no-repeat center center', 'background-size': 'cover'}">
 
-                            <img class="shapeholder" src="/assets/1/0/bundles/sitetheorycore/images/shapeholder-square.png">
+                            <img class="shapeholder" [src]="Stratus.BaseUrl + 'sitetheorycore/images/shapeholder-square.png'">
 
                             <div class="thumb-gradient">&nbsp;</div>
 
@@ -173,7 +173,7 @@
                                 Close Library
                             </div>
                             <img class="shapeholder"
-                                 src="/assets/1/0/bundles/sitetheorycore/images/shapeholder-square.png">
+                                 [src]="Stratus.BaseUrl + 'sitetheorycore/images/shapeholder-square.png'">
                         </div>
                     </a>
                 </div>

package/src/media-selector/media-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", "@stratusjs/angular/core/root.component", "@stratusjs/angularjs/services/registry", "@stratusjs/core/events/eventManager", "@angular/cdk/scrolling"], function (exports_1, context_1) {
+System.register(["@angular/core", "@angular/cdk/drag-drop", "rxjs", "@angular/platform-browser", "@angular/material/icon", "@stratusjs/runtime/stratus", "lodash", "@stratusjs/core/environment", "@stratusjs/angular/core/root.component", "@stratusjs/angularjs/services/registry", "@stratusjs/core/events/eventManager", "@angular/cdk/scrolling"], 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, scrolling_1, installDir, systemDir, moduleName, min, localDir, has, MediaSelectorComponent;
+    var core_1, drag_drop_1, rxjs_1, platform_browser_1, icon_1, stratus_1, lodash_1, environment_1, root_component_1, registry_1, eventManager_1, scrolling_1, systemDir, moduleName, min, localDir, has, MediaSelectorComponent;
     var __moduleName = context_1 && context_1.id;
     function __indexOf(collection, node) {
         return Array.prototype.indexOf.call(collection, node);
@@ -26,9 +26,6 @@ System.register(["@angular/core", "@angular/forms", "@angular/cdk/drag-drop", "r
             function (core_1_1) {
                 core_1 = core_1_1;
             },
-            function (forms_1_1) {
-                forms_1 = forms_1_1;
-            },
             function (drag_drop_1_1) {
                 drag_drop_1 = drag_drop_1_1;
             },
@@ -64,11 +61,10 @@ System.register(["@angular/core", "@angular/forms", "@angular/cdk/drag-drop", "r
             }
         ],
         execute: function () {
-            installDir = '/assets/1/0/bundles';
             systemDir = '@stratusjs/angular';
             moduleName = 'media-selector';
             min = !environment_1.cookie('env') ? '.min' : '';
-            localDir = `${installDir}/${boot.configuration.paths[`${systemDir}/*`].replace(/[^/]*$/, '')}`;
+            localDir = `${stratus_1.Stratus.BaseUrl}${boot.configuration.paths[`${systemDir}/*`].replace(/[^/]*$/, '')}`;
             has = (object, path) => lodash_1.default.has(object, path) && !lodash_1.default.isEmpty(lodash_1.default.get(object, path));
             MediaSelectorComponent = class MediaSelectorComponent extends root_component_1.RootComponent {
                 constructor(iconRegistry, sanitizer, ref, elementRef, viewportRuler) {
@@ -82,7 +78,7 @@ System.register(["@angular/core", "@angular/forms", "@angular/cdk/drag-drop", "r
                     this._ = lodash_1.default;
                     this.has = has;
                     this.log = console.log;
-                    this.selectCtrl = new forms_1.FormControl();
+                    this.Stratus = stratus_1.Stratus;
                     this.registry = new registry_1.Registry();
                     this.onChange = new rxjs_1.Subject();
                     this.svgIcons = {};
@@ -124,15 +120,15 @@ System.register(["@angular/core", "@angular/forms", "@angular/cdk/drag-drop", "r
                     this.targetList = null;
                     this.sourceList = null;
                     lodash_1.default.forEach({
-                        media_selector_add: '/assets/1/0/bundles/sitetheorycore/images/icons/actionButtons/add.svg',
-                        media_selector_clear: '/assets/1/0/bundles/sitetheorycore/images/icons/actionButtons/clear.svg',
-                        media_selector_delete: '/assets/1/0/bundles/sitetheorycore/images/icons/actionButtons/delete.svg',
-                        media_selector_edit: '/assets/1/0/bundles/sitetheorycore/images/icons/actionButtons/edit.svg',
-                        media_selector_info: '/assets/1/0/bundles/sitetheorycore/images/icons/actionButtons/info.svg',
-                        media_selector_image: '/assets/1/0/bundles/sitetheorymedia/images/mediaTypeIcons/media-icon-image.svg',
-                        media_selector_video: '/assets/1/0/bundles/sitetheorymedia/images/mediaTypeIcons/media-icon-video.svg',
-                        media_selector_audio: '/assets/1/0/bundles/sitetheorymedia/images/mediaTypeIcons/media-icon-audio.svg',
-                        media_selector_document: '/assets/1/0/bundles/sitetheorymedia/images/mediaTypeIcons/media-icon-document.svg'
+                        media_selector_add: `${stratus_1.Stratus.BaseUrl}sitetheorycore/images/icons/actionButtons/add.svg`,
+                        media_selector_clear: `${stratus_1.Stratus.BaseUrl}sitetheorycore/images/icons/actionButtons/clear.svg`,
+                        media_selector_delete: `${stratus_1.Stratus.BaseUrl}sitetheorycore/images/icons/actionButtons/delete.svg`,
+                        media_selector_edit: `${stratus_1.Stratus.BaseUrl}sitetheorycore/images/icons/actionButtons/edit.svg`,
+                        media_selector_info: `${stratus_1.Stratus.BaseUrl}sitetheorycore/images/icons/actionButtons/info.svg`,
+                        media_selector_image: `${stratus_1.Stratus.BaseUrl}sitetheorymedia/images/mediaTypeIcons/media-icon-image.svg`,
+                        media_selector_video: `${stratus_1.Stratus.BaseUrl}sitetheorymedia/images/mediaTypeIcons/media-icon-video.svg`,
+                        media_selector_audio: `${stratus_1.Stratus.BaseUrl}sitetheorymedia/images/mediaTypeIcons/media-icon-audio.svg`,
+                        media_selector_document: `${stratus_1.Stratus.BaseUrl}sitetheorymedia/images/mediaTypeIcons/media-icon-document.svg`
                     }, (value, key) => iconRegistry.addSvgIcon(key, sanitizer.bypassSecurityTrustResourceUrl(value)).getNamedSvgIcon(key));
                     stratus_1.Stratus.Internals.CssLoader(`${localDir}${moduleName}/${moduleName}.component${min}.css`)
                         .then(() => {
@@ -145,7 +141,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", "selectCtrl", "registry", "fetched", "data", "collection", "model", "dataSub", "onChange", "subscriber", "eventID", "svgIcons", "styled", "empty", "libraryDisplay", "isSelector", "isGrid", "disableRefresh", "listGroup", "placeholder", "targetList", "targetIndex", "sourceList", "sourceIndex", "dragIndex", "activeContainer", "iconRegistry", "sanitizer", "ref", "elementRef", "viewportRuler", "drop", "moveModel", "goToUrl", "remove", "fetchData", "dataDefer", "dataRef", "onDataChange", "prioritize", "getSvg", "addSvgIcon", "toggleLibrary", "showDetails", "deleteMedia", "removeFromSelected", "move", "moveItemInGrid", "enterPredicate", "getPointerPositionOnPage", "hydrate", "reloading", "refresh", "ngOnDestroy"]);
+                    this.hydrate(elementRef, sanitizer, ["title", "uid", "target", "targetSuffix", "id", "manifest", "decouple", "direct", "api", "urlRoot", "type", "property", "endpoint", "_", "has", "log", "Stratus", "registry", "fetched", "data", "collection", "model", "dataSub", "onChange", "subscriber", "eventID", "svgIcons", "styled", "empty", "libraryDisplay", "isSelector", "isGrid", "disableRefresh", "listGroup", "placeholder", "targetList", "targetIndex", "sourceList", "sourceIndex", "dragIndex", "activeContainer", "iconRegistry", "sanitizer", "ref", "elementRef", "viewportRuler", "drop", "moveModel", "goToUrl", "remove", "fetchData", "dataDefer", "dataRef", "onDataChange", "prioritize", "getSvg", "addSvgIcon", "toggleLibrary", "showDetails", "deleteMedia", "removeFromSelected", "move", "moveItemInGrid", "enterPredicate", "getPointerPositionOnPage", "hydrate", "reloading", "refresh", "ngOnDestroy"]);
                     this.eventID = `${this.target}:${this.id}:${this.property}`;
                     this.fetchData()
                         .then(data => {

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

@@ -1 +1 @@
-{"version":3,"sources":["media-selector.component.ts"],"names":[],"mappings":"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","file":"media-selector.component.js"}
+{"version":3,"sources":["media-selector.component.ts"],"names":[],"mappings":"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","file":"media-selector.component.js"}

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

@@ -1 +1 @@
-.admin-media-select-content .content-type,.autocomplete-option .content-type,.cdk-drag-preview .content-type,.sa-media-selector .content-type{margin-bottom:2px}.admin-media-select-content .content-type mat-icon,.admin-media-select-content .content-type md-icon,.autocomplete-option .content-type mat-icon,.autocomplete-option .content-type md-icon,.cdk-drag-preview .content-type mat-icon,.cdk-drag-preview .content-type md-icon,.sa-media-selector .content-type mat-icon,.sa-media-selector .content-type md-icon{margin-right:4px;height:14px;width:14px;min-height:14px;min-width:14px}.admin-media-select-content .content-type .content-type-name,.autocomplete-option .content-type .content-type-name,.cdk-drag-preview .content-type .content-type-name,.sa-media-selector .content-type .content-type-name{font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:1px}.admin-media-select-content .no-image-icon mat-icon,.admin-media-select-content .no-image-icon md-icon,.autocomplete-option .no-image-icon mat-icon,.autocomplete-option .no-image-icon md-icon,.cdk-drag-preview .no-image-icon mat-icon,.cdk-drag-preview .no-image-icon md-icon,.sa-media-selector .no-image-icon mat-icon,.sa-media-selector .no-image-icon md-icon{height:28px;width:28px;min-height:28px;min-width:28px}.admin-media-select-content .no-image-icon mat-icon svg g,.admin-media-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,.cdk-drag-preview .no-image-icon mat-icon svg g,.cdk-drag-preview .no-image-icon md-icon svg g,.sa-media-selector .no-image-icon mat-icon svg g,.sa-media-selector .no-image-icon md-icon svg g{fill:#fff}.admin-media-select-content .shapeholder,.autocomplete-option .shapeholder,.cdk-drag-preview .shapeholder,.sa-media-selector .shapeholder{width:100%;display:block}.admin-media-select-content .column-title h3,.cdk-drag-preview .column-title h3,.content-media-selector-autocomplete .column-title h3{margin:0 0 5px;font-size:16px}.cdk-drop-list.cdk-drop-list-dragging .shapeholder{width:80px;display:block}.media-selector-wrapper{background:rgba(255,255,255,.4);margin-top:20px;padding:40px}.media-selector .media-selected-list.cdk-drop-list-dragging .media-selector .media-selected-box:not(.cdk-drag-placeholder){transition:transform 250ms cubic-bezier(0,0,.2,1)}.media-selector .media-selected-container,.media-selector ul.media-selected-container{display:flex;flex-wrap:wrap}.media-selector .media-selected-list,.media-selector ul.media-selected-list{max-width:100%;min-height:60px;display:flex;flex-direction:row}.media-selector .media-selected-list-grid,.media-selector ul.media-selected-list-grid{flex-wrap:wrap}.media-selector .media-selected-list .shapeholder,.media-selector ul.media-selected-list .shapeholder{width:80px;display:block}.media-selector .media-selected-box,.media-selector li.media-selected-box{padding:4px;color:rgba(0,0,0,.87);display:flex;flex-direction:row;text-align:center;cursor:move;font-size:14px;transition:box-shadow .2s cubic-bezier(0,0,.2,1)}.media-selector .media-selected-box-grow,.media-selector li.media-selected-box-grow{flex-grow:1}.media-selector .media-selected-box-grid,.media-selector li.media-selected-box-grid{flex-wrap:wrap}.media-selector .media-selected-box-row,.media-selector li.media-selected-box-row{flex-basis:0}.media-selector .media-selected-box:active,.media-selector li.media-selected-box:active{opacity:.6}.cdk-drop-list{display:flex}.cdk-drag-placeholder{opacity:.3}.cdk-drag-animating{transition:transform 250ms cubic-bezier(0,0,.2,1)}.cdk-drag-placeholder,.cdk-drag-preview{list-style:none}.cdk-drag-placeholder .info-hover-container,.cdk-drag-preview .info-hover-container{display:none}.custom-ghost-placeholder{background:rgba(0,0,0,.4);min-height:60px;transition:transform 250ms cubic-bezier(0,0,.2,1)}.cdk-drag-preview .column-action,.cdk-drag-preview .column-image,.cdk-drag-preview .column-title,sa-media-selector .column-action,sa-media-selector .column-image,sa-media-selector .column-title{float:left}.full-width{width:100%}.full-height{height:100%}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}
+.media-selected-box.cdk-drag-preview .content-type,sa-media-selector .content-type{margin-bottom:2px}.media-selected-box.cdk-drag-preview .content-type mat-icon,.media-selected-box.cdk-drag-preview .content-type md-icon,sa-media-selector .content-type mat-icon,sa-media-selector .content-type md-icon{margin-right:4px;height:14px;width:14px;min-height:14px;min-width:14px}.media-selected-box.cdk-drag-preview .content-type .content-type-name,sa-media-selector .content-type .content-type-name{font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:1px}.media-selected-box.cdk-drag-preview .no-image-icon mat-icon,.media-selected-box.cdk-drag-preview .no-image-icon md-icon,sa-media-selector .no-image-icon mat-icon,sa-media-selector .no-image-icon md-icon{height:28px;width:28px;min-height:28px;min-width:28px}.media-selected-box.cdk-drag-preview .no-image-icon mat-icon svg g,.media-selected-box.cdk-drag-preview .no-image-icon md-icon svg g,sa-media-selector .no-image-icon mat-icon svg g,sa-media-selector .no-image-icon md-icon svg g{fill:#fff}.media-selected-box.cdk-drag-preview .shapeholder,sa-media-selector .shapeholder{width:100%;display:block}.media-selected-box.cdk-drag-preview .column-title h3{margin:0 0 5px;font-size:16px}.media-selector .cdk-drop-list.cdk-drop-list-dragging .shapeholder{width:80px;display:block}.media-selector-wrapper{background:rgba(255,255,255,.4);margin-top:20px;padding:40px}.media-selector .media-selected-list.cdk-drop-list-dragging .media-selector .media-selected-box:not(.cdk-drag-placeholder){transition:transform 250ms cubic-bezier(0,0,.2,1)}.media-selector .media-selected-container,.media-selector ul.media-selected-container{display:flex;flex-wrap:wrap}.media-selector .media-selected-list,.media-selector ul.media-selected-list{max-width:100%;min-height:60px;display:flex;flex-direction:row}.media-selector .media-selected-list-grid,.media-selector ul.media-selected-list-grid{flex-wrap:wrap}.media-selector .media-selected-list .shapeholder,.media-selector ul.media-selected-list .shapeholder{width:80px;display:block}.media-selector .media-selected-box,.media-selector li.media-selected-box{padding:4px;color:rgba(0,0,0,.87);display:flex;flex-direction:row;text-align:center;font-size:14px;transition:box-shadow .2s cubic-bezier(0,0,.2,1);cursor:pointer}.media-selector .media-selected-box-grow,.media-selector li.media-selected-box-grow{flex-grow:1}.media-selector .media-selected-box-grid,.media-selector li.media-selected-box-grid{flex-wrap:wrap}.media-selector .media-selected-box-row,.media-selector li.media-selected-box-row{flex-basis:0}.media-selector .media-selected-box.cdk-drag,.media-selector li.media-selected-box.cdk-drag{cursor:move}.media-selector .media-selected-box:active,.media-selector li.media-selected-box:active{opacity:.6}.media-selector .cdk-drop-list{display:flex}.cdk-drag-placeholder{opacity:.3}.cdk-drag-animating{transition:transform 250ms cubic-bezier(0,0,.2,1)}.cdk-drag-placeholder,.cdk-drag-preview{list-style:none}.cdk-drag-placeholder .info-hover-container,.cdk-drag-preview .info-hover-container{display:none}.custom-ghost-placeholder{background:rgba(0,0,0,.4);min-height:60px;transition:transform 250ms cubic-bezier(0,0,.2,1)}.media-selected-box.cdk-drag-preview .column-action,.media-selected-box.cdk-drag-preview .column-image,.media-selected-box.cdk-drag-preview .column-title,sa-media-selector .column-action,sa-media-selector .column-image,sa-media-selector .column-title{float:left}.full-width{width:100%}.full-height{height:100%}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}

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

@@ -1,4 +1,4 @@
-<mat-progress-bar mode="indeterminate" *ngIf="!styled"></mat-progress-bar><div class="media-selector" *ngIf="styled"><div class="media-component section-container selected-container border-default border-default-all border-radius-default"><p class="small-all-caps selected-media-label" [textContent]="'Selected ' + (type || 'Items')"></p><div class="media-content media-selected-container" cdkDropListGroup><div class="selected-message-box" *ngIf="empty">Nothing has been selected.</div><div cdkDropList [cdkDropListEnterPredicate]="enterPredicate" (cdkDropListDropped)="drop($event)"></div><div cdkDropList class="media-selected-list media-selected-list-grid" *ngFor="let selectedModel of dataSub | async" [cdkDropListEnterPredicate]="enterPredicate" (cdkDropListDropped)="drop($event)"><div cdkDrag class="media-selected-list-row media-selected-box media-selected-box-grid" (cdkDragMoved)="move($event)"><div class="media-item selected-media-item" [id]="'libb_' + selectedModel.id"><div class="image-draggable" [ngClass]="{
+<mat-progress-bar mode="indeterminate" *ngIf="!styled"></mat-progress-bar><div class="media-selector" *ngIf="styled"><div class="media-component section-container selected-container border-default border-default-all border-radius-default"><p class="small-all-caps selected-media-label" [textContent]="'Selected ' + (type || 'Items')"></p><div class="media-content media-selected-container" cdkDropListGroup><div cdkDropList [cdkDropListEnterPredicate]="enterPredicate" (cdkDropListDropped)="drop($event)"></div><div cdkDropList class="media-selected-list media-selected-list-grid" *ngFor="let selectedModel of dataSub | async" [cdkDropListEnterPredicate]="enterPredicate" (cdkDropListDropped)="drop($event)"><div cdkDrag class="media-selected-list-row media-selected-box media-selected-box-grid" (cdkDragMoved)="move($event)"><div class="media-item selected-media-item" [id]="'libb_' + selectedModel.id"><div class="image-draggable" [ngClass]="{
                                 'image-thumb': selectedModel.mime && selectedModel.mime.includes('image'),
                                 'video-thumb' : selectedModel.mime && selectedModel.mime.includes('video'),
                                 'audio-thumb' : selectedModel.mime && selectedModel.mime.includes('audio'),
@@ -11,4 +11,4 @@
                                     && !selectedModel.mime.includes('audio')
                                     && !selectedModel.mime.includes('application')
                                 )
-                             }" [ngStyle]="{'background': 'url(' + (_.get(selectedModel, '_thumbSrc') || _.get(selectedModel, 'bestImage.thumb') || _.get(selectedModel, 'meta.thumbnail_small')) + ') no-repeat center center', 'background-size': 'cover'}"><img class="shapeholder" src="/assets/1/0/bundles/sitetheorycore/images/shapeholder-square.png"><div class="thumb-gradient">&nbsp;</div><h4 *ngIf="!selectedModel._thumbSrc && !selectedModel.bestImage.thumb && !selectedModel.meta.thumbnail_small" class="thumb-title position-center" [innerText]="selectedModel.name"></h4><div class="thumb-icon"><mat-icon *ngIf="selectedModel.mime.includes('image')" svgIcon="media_selector_image" aria-hidden="true" aria-label="Image">Image</mat-icon><mat-icon *ngIf="selectedModel.mime.includes('video')" svgIcon="media_selector_video" aria-hidden="true" aria-label="Video">Video</mat-icon><mat-icon *ngIf="selectedModel.mime.includes('audio')" svgIcon="media_selector_audio" aria-hidden="true" aria-label="Audio">Audio</mat-icon><mat-icon *ngIf="selectedModel.mime.includes('document')" svgIcon="media_selector_document" aria-hidden="true" aria-label="Document">Document</mat-icon></div></div><div class="info-hover-container" (mouseover)="hovering=true" (mouseout)="hovering=false"><div class="border-radius-default image-hover-info" layout="column" layout-align="space-between center"><div class="format-size"><div class="small-all-caps file-details"><span class="file-type uppercase" [innerText]="selectedModel.extension || selectedModel.service || (selectedModel._embedCode ? 'Embedded Video' : '')"></span><span class="delimiter" *ngIf="selectedModel.bytesHuman && selectedModel.bytesHuman !== 'Empty'"></span> <span class="file-size" [innerText]="(selectedModel.bytesHuman && selectedModel.bytesHuman !== 'Empty') ? selectedModel.bytesHuman : ''"></span></div></div><p class="font-body image-title" [innerText]="selectedModel.name || 'No title'"></p><div class="position-action-area"><div class="action-btns"><div><div (click)="showDetails(selectedModel)"><a class="border-radius-default" href="#" matTooltip="Show details"><mat-icon class="info-icon" svgIcon="media_selector_info" aria-hidden="true" aria-label="Info">Info</mat-icon></a></div><div (click)="remove(selectedModel)"><a class="border-radius-default" href="#" matTooltip="Permanently delete from libary" *ngIf="!isSelector"><mat-icon class="delete-icon" svgIcon="media_selector_delete" aria-hidden="true" aria-label="Delete">Delete</mat-icon></a><a class="border-radius-default" href="#" matTooltip="Remove selection" *ngIf="isSelector"><mat-icon class="clear-icon" svgIcon="media_selector_clear" aria-hidden="true" aria-label="Clear">Clear</mat-icon></a></div></div></div></div></div></div></div></div></div><div class="media-selected-list media-selected-list-grid"><div class="library-toggle media-selected-box media-selected-box-grid"><a class="position-anchor accent-background-hover border-default border-default-all color-primary" [matTooltip]="(libraryDisplay ? 'Open' : 'Close') + ' Media Library'" (click)="toggleLibrary()" [ngClass]="{'library-toggle-open': libraryDisplay}"><div aria-hidden="true"><mat-icon class="position-center" *ngIf="!libraryDisplay" svgIcon="media_selector_add" aria-hidden="false" aria-label="Add">Add</mat-icon><div class="btn-text small-all-caps position-center">Close Library</div><img class="shapeholder" src="/assets/1/0/bundles/sitetheorycore/images/shapeholder-square.png"></div></a></div></div></div></div></div>
+                             }" [ngStyle]="{'background': 'url(' + (_.get(selectedModel, '_thumbSrc') || _.get(selectedModel, 'bestImage.thumb') || _.get(selectedModel, 'meta.thumbnail_small')) + ') no-repeat center center', 'background-size': 'cover'}"><img class="shapeholder" [src]="Stratus.BaseUrl + 'sitetheorycore/images/shapeholder-square.png'"><div class="thumb-gradient">&nbsp;</div><h4 *ngIf="!selectedModel._thumbSrc && !selectedModel.bestImage.thumb && !selectedModel.meta.thumbnail_small" class="thumb-title position-center" [innerText]="selectedModel.name"></h4><div class="thumb-icon"><mat-icon *ngIf="selectedModel.mime.includes('image')" svgIcon="media_selector_image" aria-hidden="true" aria-label="Image">Image</mat-icon><mat-icon *ngIf="selectedModel.mime.includes('video')" svgIcon="media_selector_video" aria-hidden="true" aria-label="Video">Video</mat-icon><mat-icon *ngIf="selectedModel.mime.includes('audio')" svgIcon="media_selector_audio" aria-hidden="true" aria-label="Audio">Audio</mat-icon><mat-icon *ngIf="selectedModel.mime.includes('document')" svgIcon="media_selector_document" aria-hidden="true" aria-label="Document">Document</mat-icon></div></div><div class="info-hover-container" (mouseover)="hovering=true" (mouseout)="hovering=false"><div class="border-radius-default image-hover-info" layout="column" layout-align="space-between center"><div class="format-size"><div class="small-all-caps file-details"><span class="file-type uppercase" [innerText]="selectedModel.extension || selectedModel.service || (selectedModel._embedCode ? 'Embedded Video' : '')"></span><span class="delimiter" *ngIf="selectedModel.bytesHuman && selectedModel.bytesHuman !== 'Empty'"></span> <span class="file-size" [innerText]="(selectedModel.bytesHuman && selectedModel.bytesHuman !== 'Empty') ? selectedModel.bytesHuman : ''"></span></div></div><p class="font-body image-title" [innerText]="selectedModel.name || 'No title'"></p><div class="position-action-area"><div class="action-btns"><div><div (click)="showDetails(selectedModel)"><a class="border-radius-default" href="#" matTooltip="Show details"><mat-icon class="info-icon" svgIcon="media_selector_info" aria-hidden="true" aria-label="Info">Info</mat-icon></a></div><div (click)="remove(selectedModel)"><a class="border-radius-default" href="#" matTooltip="Permanently delete from libary" *ngIf="!isSelector"><mat-icon class="delete-icon" svgIcon="media_selector_delete" aria-hidden="true" aria-label="Delete">Delete</mat-icon></a><a class="border-radius-default" href="#" matTooltip="Remove selection" *ngIf="isSelector"><mat-icon class="clear-icon" svgIcon="media_selector_clear" aria-hidden="true" aria-label="Clear">Clear</mat-icon></a></div></div></div></div></div></div></div></div></div><div class="media-selected-list media-selected-list-grid"><div class="library-toggle media-selected-box media-selected-box-grid"><a class="position-anchor accent-background-hover border-default border-default-all color-primary" [matTooltip]="(libraryDisplay ? 'Open' : 'Close') + ' Media Library'" (click)="toggleLibrary()" [ngClass]="{'library-toggle-open': libraryDisplay}"><div aria-hidden="true"><mat-icon class="position-center" *ngIf="!libraryDisplay" svgIcon="media_selector_add" aria-hidden="false" aria-label="Add">Add</mat-icon><div class="btn-text small-all-caps position-center">Close Library</div><img class="shapeholder" [src]="Stratus.BaseUrl + 'sitetheorycore/images/shapeholder-square.png'"></div></a></div></div></div></div></div>

package/src/media-selector/media-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","@stratusjs/angular/core/root.component","@stratusjs/angularjs/services/registry","@stratusjs/core/events/eventManager","@angular/cdk/scrolling"],function(e,t){"use strict";var i,s,r,n,o,a,l,d,c,h,u,g,p,m,f,y,v,I,b=this&&this.__decorate||function(e,t,i,s){var r,n=arguments.length,o=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(o=(n<3?r(o):n>3?r(t,i,o):r(t,i))||o);return n>3&&o&&Object.defineProperty(t,i,o),o},S=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};t&&t.id;function R(e,t){return Array.prototype.indexOf.call(e,t)}return{setters:[function(e){i=e},function(e){s=e},function(e){r=e},function(e){n=e},function(e){o=e},function(e){a=e},function(e){l=e},function(e){d=e},function(e){c=e},function(e){h=e},function(e){u=e},function(e){g=e},function(e){p=e}],execute:function(){"/assets/1/0/bundles","@stratusjs/angular",m="media-selector",f=c.cookie("env")?"":".min",y=`/assets/1/0/bundles/${boot.configuration.paths["@stratusjs/angular/*"].replace(/[^/]*$/,"")}`,v=(e,t)=>d.default.has(e,t)&&!d.default.isEmpty(d.default.get(e,t)),I=class extends h.RootComponent{constructor(e,t,i,r,o){super(),this.iconRegistry=e,this.sanitizer=t,this.ref=i,this.elementRef=r,this.viewportRuler=o,this.title=m+"_component",this._=d.default,this.has=v,this.log=console.log,this.selectCtrl=new s.FormControl,this.registry=new u.Registry,this.onChange=new n.Subject,this.svgIcons={},this.styled=!1,this.empty=!1,this.libraryDisplay=!1,this.isSelector=!0,this.isGrid=!0,this.disableRefresh=!0,this.enterPredicate=(e,t)=>{if(t===this.placeholder)return!0;if(t!==this.activeContainer)return!1;const i=this.placeholder.element.nativeElement,s=e.dropContainer.element.nativeElement,r=t.element.nativeElement,n=R(r.parentElement.children,this.sourceList?i:s),o=R(r.parentElement.children,r);return this.sourceList||(this.sourceIndex=n,this.sourceList=e.dropContainer,i.style.width=s.clientWidth+"px",i.style.height=s.clientHeight+"px",s.parentElement.removeChild(s)),this.targetIndex=o,this.targetList=t,i.style.display="",r.parentElement.insertBefore(i,o>n?r.nextSibling:r),this.placeholder._dropListRef.enter(e._dragRef,e.element.nativeElement.offsetLeft,e.element.nativeElement.offsetTop),!1},this.uid=d.default.uniqueId(`sa_${d.default.snakeCase(m)}_component_`),l.Stratus.Instances[this.uid]=this,this.dataSub=new n.Observable(e=>this.dataDefer(e)),this.targetList=null,this.sourceList=null,d.default.forEach({media_selector_add:"/assets/1/0/bundles/sitetheorycore/images/icons/actionButtons/add.svg",media_selector_clear:"/assets/1/0/bundles/sitetheorycore/images/icons/actionButtons/clear.svg",media_selector_delete:"/assets/1/0/bundles/sitetheorycore/images/icons/actionButtons/delete.svg",media_selector_edit:"/assets/1/0/bundles/sitetheorycore/images/icons/actionButtons/edit.svg",media_selector_info:"/assets/1/0/bundles/sitetheorycore/images/icons/actionButtons/info.svg",media_selector_image:"/assets/1/0/bundles/sitetheorymedia/images/mediaTypeIcons/media-icon-image.svg",media_selector_video:"/assets/1/0/bundles/sitetheorymedia/images/mediaTypeIcons/media-icon-video.svg",media_selector_audio:"/assets/1/0/bundles/sitetheorymedia/images/mediaTypeIcons/media-icon-audio.svg",media_selector_document:"/assets/1/0/bundles/sitetheorymedia/images/mediaTypeIcons/media-icon-document.svg"},(i,s)=>e.addSvgIcon(s,t.bypassSecurityTrustResourceUrl(i)).getNamedSvgIcon(s)),l.Stratus.Internals.CssLoader(`${y}${m}/${m}.component${f}.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(r,t,["title","uid","target","targetSuffix","id","manifest","decouple","direct","api","urlRoot","type","property","endpoint","_","has","log","selectCtrl","registry","fetched","data","collection","model","dataSub","onChange","subscriber","eventID","svgIcons","styled","empty","libraryDisplay","isSelector","isGrid","disableRefresh","listGroup","placeholder","targetList","targetIndex","sourceList","sourceIndex","dragIndex","activeContainer","iconRegistry","sanitizer","ref","elementRef","viewportRuler","drop","moveModel","goToUrl","remove","fetchData","dataDefer","dataRef","onDataChange","prioritize","getSvg","addSvgIcon","toggleLibrary","showDetails","deleteMedia","removeFromSelected","move","moveItemInGrid","enterPredicate","getPointerPositionOnPage","hydrate","reloading","refresh","ngOnDestroy"]),this.eventID=`${this.target}:${this.id}:${this.property}`,this.fetchData().then(e=>{if(!(e&&e instanceof g.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;this.isGrid&&this.moveItemInGrid(t)||(this.isGrid&&c.cookie("env")&&console.warn("moving item in grid failed. attempting fallback."),r.moveItemInArray(t,e.previousIndex,e.currentIndex));let i=0;d.default.forEach(t,e=>e.priority=i++),this.model.trigger("change")}moveModel(e,t){const i=this.dataRef();if(!i||!i.length)return;r.moveItemInArray(i,e,t);let s=0;d.default.forEach(i,e=>e.priority=s++),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 i=t.indexOf(e);if(-1===i){const s=t.map(t=>e.id===t.id?t:null).filter(e=>e);d.default.isArray(s)&&s.length&&(i=t.indexOf(d.default.first(s)))}-1!==i?(t.splice(i,1),this.model.trigger("change"),this.removeFromSelected(e.id)):console.error("unable to find model:",e,"in selection:",t)}fetchData(){return this.fetched?this.fetched:this.fetched=this.registry.fetch(l.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 i=this.addSvgIcon(e,t);return new n.Observable(t=>{this.iconRegistry.getNamedSvgIcon(i).subscribe({error(t){console.error(`getSvg(${e}): ${t}`)},complete(){t.next(i)}})})}addSvgIcon(e,t){if(e in this.svgIcons)return this.svgIcons[e];t||(t={});const i=this.svgIcons[e]=d.default.uniqueId("media_selector_svg");return this.iconRegistry.addSvgIcon(i,this.sanitizer.bypassSecurityTrustResourceUrl(e),t),i}toggleLibrary(){this.libraryDisplay=!this.libraryDisplay,l.Stratus.Environment.trigger(this.eventID,"toggleLibrary"),l.Stratus.Environment.trigger(`${this.eventID}:toggleLibrary`,this.libraryDisplay)}showDetails(e){l.Stratus.Environment.trigger(this.eventID,"showDetails"),l.Stratus.Environment.trigger(`${this.eventID}:showDetails`,e)}deleteMedia(e){l.Stratus.Environment.trigger(this.eventID,"deleteMedia"),l.Stratus.Environment.trigger(`${this.eventID}:deleteMedia`,e)}removeFromSelected(e){l.Stratus.Environment.trigger(this.eventID,"removeFromSelected"),l.Stratus.Environment.trigger(`${this.eventID}:removeFromSelected`,e)}move(e){const t=this.getPointerPositionOnPage(e.event);!d.default.isUndefined(this.listGroup)&&this.listGroup?d.default.isUndefined(this.listGroup._items)?console.warn("this.listGroup._items does not exist:",this.listGroup):this.listGroup._items.forEach(e=>{(function(e,t,i){const{top:s,bottom:r,left:n,right:o}=e.element.nativeElement.getBoundingClientRect();return i>=s&&i<=r&&t>=n&&t<=o})(e,t.x,t.y)&&(this.activeContainer=e)}):console.warn("this.listGroup does not exist:",this)}moveItemInGrid(e){if(!this.targetList)return!1;const t=this.placeholder.element.nativeElement,i=t.parentElement;return t.style.display="none",i.removeChild(t),i.appendChild(t),i.insertBefore(this.sourceList.element.nativeElement,i.children[this.sourceIndex]),this.targetList=null,this.sourceList=null,this.sourceIndex!==this.targetIndex&&(r.moveItemInArray(e,this.sourceIndex,this.targetIndex),!0)}getPointerPositionOnPage(e){const t=function(e){return e.type.startsWith("touch")}(e)?e.touches[0]||e.changedTouches[0]:e,i=this.viewportRuler.getViewportScrollPosition();return{x:t.pageX-i.left,y:t.pageY-i.top}}},b([i.Input(),S("design:type",String)],I.prototype,"target",void 0),b([i.Input(),S("design:type",String)],I.prototype,"targetSuffix",void 0),b([i.Input(),S("design:type",Number)],I.prototype,"id",void 0),b([i.Input(),S("design:type",Boolean)],I.prototype,"manifest",void 0),b([i.Input(),S("design:type",Boolean)],I.prototype,"decouple",void 0),b([i.Input(),S("design:type",Boolean)],I.prototype,"direct",void 0),b([i.Input(),S("design:type",Object)],I.prototype,"api",void 0),b([i.Input(),S("design:type",String)],I.prototype,"urlRoot",void 0),b([i.Input(),S("design:type",String)],I.prototype,"type",void 0),b([i.Input(),S("design:type",String)],I.prototype,"property",void 0),b([i.Input(),S("design:type",String)],I.prototype,"endpoint",void 0),b([i.ViewChild(r.CdkDropListGroup),S("design:type",r.CdkDropListGroup)],I.prototype,"listGroup",void 0),b([i.ViewChild(r.CdkDropList),S("design:type",r.CdkDropList)],I.prototype,"placeholder",void 0),I=b([i.Component({selector:`sa-${m}`,templateUrl:`${y}/${m}/${m}.component${f}.html`}),S("design:paramtypes",[a.MatIconRegistry,o.DomSanitizer,i.ChangeDetectorRef,i.ElementRef,p.ViewportRuler])],I),e("MediaSelectorComponent",I)}}});
+System.register(["@angular/core","@angular/cdk/drag-drop","rxjs","@angular/platform-browser","@angular/material/icon","@stratusjs/runtime/stratus","lodash","@stratusjs/core/environment","@stratusjs/angular/core/root.component","@stratusjs/angularjs/services/registry","@stratusjs/core/events/eventManager","@angular/cdk/scrolling"],function(e,t){"use strict";var i,r,s,o,n,a,l,d,c,h,u,g,p,m,f,y,v,I=this&&this.__decorate||function(e,t,i,r){var s,o=arguments.length,n=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(n=(o<3?s(n):o>3?s(t,i,n):s(t,i))||n);return o>3&&n&&Object.defineProperty(t,i,n),n},S=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};t&&t.id;function b(e,t){return Array.prototype.indexOf.call(e,t)}return{setters:[function(e){i=e},function(e){r=e},function(e){s=e},function(e){o=e},function(e){n=e},function(e){a=e},function(e){l=e},function(e){d=e},function(e){c=e},function(e){h=e},function(e){u=e},function(e){g=e}],execute:function(){"@stratusjs/angular",p="media-selector",m=d.cookie("env")?"":".min",f=`${a.Stratus.BaseUrl}${boot.configuration.paths["@stratusjs/angular/*"].replace(/[^/]*$/,"")}`,y=(e,t)=>l.default.has(e,t)&&!l.default.isEmpty(l.default.get(e,t)),v=class extends c.RootComponent{constructor(e,t,i,r,o){super(),this.iconRegistry=e,this.sanitizer=t,this.ref=i,this.elementRef=r,this.viewportRuler=o,this.title=p+"_component",this._=l.default,this.has=y,this.log=console.log,this.Stratus=a.Stratus,this.registry=new h.Registry,this.onChange=new s.Subject,this.svgIcons={},this.styled=!1,this.empty=!1,this.libraryDisplay=!1,this.isSelector=!0,this.isGrid=!0,this.disableRefresh=!0,this.enterPredicate=(e,t)=>{if(t===this.placeholder)return!0;if(t!==this.activeContainer)return!1;const i=this.placeholder.element.nativeElement,r=e.dropContainer.element.nativeElement,s=t.element.nativeElement,o=b(s.parentElement.children,this.sourceList?i:r),n=b(s.parentElement.children,s);return this.sourceList||(this.sourceIndex=o,this.sourceList=e.dropContainer,i.style.width=r.clientWidth+"px",i.style.height=r.clientHeight+"px",r.parentElement.removeChild(r)),this.targetIndex=n,this.targetList=t,i.style.display="",s.parentElement.insertBefore(i,n>o?s.nextSibling:s),this.placeholder._dropListRef.enter(e._dragRef,e.element.nativeElement.offsetLeft,e.element.nativeElement.offsetTop),!1},this.uid=l.default.uniqueId(`sa_${l.default.snakeCase(p)}_component_`),a.Stratus.Instances[this.uid]=this,this.dataSub=new s.Observable(e=>this.dataDefer(e)),this.targetList=null,this.sourceList=null,l.default.forEach({media_selector_add:`${a.Stratus.BaseUrl}sitetheorycore/images/icons/actionButtons/add.svg`,media_selector_clear:`${a.Stratus.BaseUrl}sitetheorycore/images/icons/actionButtons/clear.svg`,media_selector_delete:`${a.Stratus.BaseUrl}sitetheorycore/images/icons/actionButtons/delete.svg`,media_selector_edit:`${a.Stratus.BaseUrl}sitetheorycore/images/icons/actionButtons/edit.svg`,media_selector_info:`${a.Stratus.BaseUrl}sitetheorycore/images/icons/actionButtons/info.svg`,media_selector_image:`${a.Stratus.BaseUrl}sitetheorymedia/images/mediaTypeIcons/media-icon-image.svg`,media_selector_video:`${a.Stratus.BaseUrl}sitetheorymedia/images/mediaTypeIcons/media-icon-video.svg`,media_selector_audio:`${a.Stratus.BaseUrl}sitetheorymedia/images/mediaTypeIcons/media-icon-audio.svg`,media_selector_document:`${a.Stratus.BaseUrl}sitetheorymedia/images/mediaTypeIcons/media-icon-document.svg`},(i,r)=>e.addSvgIcon(r,t.bypassSecurityTrustResourceUrl(i)).getNamedSvgIcon(r)),a.Stratus.Internals.CssLoader(`${f}${p}/${p}.component${m}.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(r,t,["title","uid","target","targetSuffix","id","manifest","decouple","direct","api","urlRoot","type","property","endpoint","_","has","log","Stratus","registry","fetched","data","collection","model","dataSub","onChange","subscriber","eventID","svgIcons","styled","empty","libraryDisplay","isSelector","isGrid","disableRefresh","listGroup","placeholder","targetList","targetIndex","sourceList","sourceIndex","dragIndex","activeContainer","iconRegistry","sanitizer","ref","elementRef","viewportRuler","drop","moveModel","goToUrl","remove","fetchData","dataDefer","dataRef","onDataChange","prioritize","getSvg","addSvgIcon","toggleLibrary","showDetails","deleteMedia","removeFromSelected","move","moveItemInGrid","enterPredicate","getPointerPositionOnPage","hydrate","reloading","refresh","ngOnDestroy"]),this.eventID=`${this.target}:${this.id}:${this.property}`,this.fetchData().then(e=>{if(!(e&&e instanceof u.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;this.isGrid&&this.moveItemInGrid(t)||(this.isGrid&&d.cookie("env")&&console.warn("moving item in grid failed. attempting fallback."),r.moveItemInArray(t,e.previousIndex,e.currentIndex));let i=0;l.default.forEach(t,e=>e.priority=i++),this.model.trigger("change")}moveModel(e,t){const i=this.dataRef();if(!i||!i.length)return;r.moveItemInArray(i,e,t);let s=0;l.default.forEach(i,e=>e.priority=s++),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 i=t.indexOf(e);if(-1===i){const r=t.map(t=>e.id===t.id?t:null).filter(e=>e);l.default.isArray(r)&&r.length&&(i=t.indexOf(l.default.first(r)))}-1!==i?(t.splice(i,1),this.model.trigger("change"),this.removeFromSelected(e.id)):console.error("unable to find model:",e,"in selection:",t)}fetchData(){return this.fetched?this.fetched:this.fetched=this.registry.fetch(a.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&&l.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;l.default.forEach(e,e=>e.priority=t++)}getSvg(e,t){const i=this.addSvgIcon(e,t);return new s.Observable(t=>{this.iconRegistry.getNamedSvgIcon(i).subscribe({error(t){console.error(`getSvg(${e}): ${t}`)},complete(){t.next(i)}})})}addSvgIcon(e,t){if(e in this.svgIcons)return this.svgIcons[e];t||(t={});const i=this.svgIcons[e]=l.default.uniqueId("media_selector_svg");return this.iconRegistry.addSvgIcon(i,this.sanitizer.bypassSecurityTrustResourceUrl(e),t),i}toggleLibrary(){this.libraryDisplay=!this.libraryDisplay,a.Stratus.Environment.trigger(this.eventID,"toggleLibrary"),a.Stratus.Environment.trigger(`${this.eventID}:toggleLibrary`,this.libraryDisplay)}showDetails(e){a.Stratus.Environment.trigger(this.eventID,"showDetails"),a.Stratus.Environment.trigger(`${this.eventID}:showDetails`,e)}deleteMedia(e){a.Stratus.Environment.trigger(this.eventID,"deleteMedia"),a.Stratus.Environment.trigger(`${this.eventID}:deleteMedia`,e)}removeFromSelected(e){a.Stratus.Environment.trigger(this.eventID,"removeFromSelected"),a.Stratus.Environment.trigger(`${this.eventID}:removeFromSelected`,e)}move(e){const t=this.getPointerPositionOnPage(e.event);!l.default.isUndefined(this.listGroup)&&this.listGroup?l.default.isUndefined(this.listGroup._items)?console.warn("this.listGroup._items does not exist:",this.listGroup):this.listGroup._items.forEach(e=>{(function(e,t,i){const{top:r,bottom:s,left:o,right:n}=e.element.nativeElement.getBoundingClientRect();return i>=r&&i<=s&&t>=o&&t<=n})(e,t.x,t.y)&&(this.activeContainer=e)}):console.warn("this.listGroup does not exist:",this)}moveItemInGrid(e){if(!this.targetList)return!1;const t=this.placeholder.element.nativeElement,i=t.parentElement;return t.style.display="none",i.removeChild(t),i.appendChild(t),i.insertBefore(this.sourceList.element.nativeElement,i.children[this.sourceIndex]),this.targetList=null,this.sourceList=null,this.sourceIndex!==this.targetIndex&&(r.moveItemInArray(e,this.sourceIndex,this.targetIndex),!0)}getPointerPositionOnPage(e){const t=function(e){return e.type.startsWith("touch")}(e)?e.touches[0]||e.changedTouches[0]:e,i=this.viewportRuler.getViewportScrollPosition();return{x:t.pageX-i.left,y:t.pageY-i.top}}},I([i.Input(),S("design:type",String)],v.prototype,"target",void 0),I([i.Input(),S("design:type",String)],v.prototype,"targetSuffix",void 0),I([i.Input(),S("design:type",Number)],v.prototype,"id",void 0),I([i.Input(),S("design:type",Boolean)],v.prototype,"manifest",void 0),I([i.Input(),S("design:type",Boolean)],v.prototype,"decouple",void 0),I([i.Input(),S("design:type",Boolean)],v.prototype,"direct",void 0),I([i.Input(),S("design:type",Object)],v.prototype,"api",void 0),I([i.Input(),S("design:type",String)],v.prototype,"urlRoot",void 0),I([i.Input(),S("design:type",String)],v.prototype,"type",void 0),I([i.Input(),S("design:type",String)],v.prototype,"property",void 0),I([i.Input(),S("design:type",String)],v.prototype,"endpoint",void 0),I([i.ViewChild(r.CdkDropListGroup),S("design:type",r.CdkDropListGroup)],v.prototype,"listGroup",void 0),I([i.ViewChild(r.CdkDropList),S("design:type",r.CdkDropList)],v.prototype,"placeholder",void 0),v=I([i.Component({selector:`sa-${p}`,templateUrl:`${f}/${p}/${p}.component${m}.html`}),S("design:paramtypes",[n.MatIconRegistry,o.DomSanitizer,i.ChangeDetectorRef,i.ElementRef,g.ViewportRuler])],v),e("MediaSelectorComponent",v)}}});

package/src/media-selector/media-selector.component.scss

@@ -1,10 +1,8 @@
 
 /* Styles for Both Media Selector and Media Selected Areas */
 
-.admin-media-select-content,
-.autocomplete-option,
-.sa-media-selector,
-.cdk-drag-preview {
+sa-media-selector,
+.media-selected-box.cdk-drag-preview {
   .content-type {
     margin-bottom: 2px;
     md-icon,
@@ -39,9 +37,7 @@
     display: block;
   }
 }
-.content-media-selector-autocomplete,
-.admin-media-select-content,
-.cdk-drag-preview {
+.media-selected-box.cdk-drag-preview {
   .column-title h3 {
     margin: 0 0 5px;
     font-size: 16px;
@@ -50,11 +46,13 @@
 
 // the dragging class appears on the
 // placeholder of what is being dragged
-.cdk-drop-list {
-  &.cdk-drop-list-dragging {
-    .shapeholder {
-      width: 80px;
-      display: block;
+.media-selector {
+  .cdk-drop-list {
+    &.cdk-drop-list-dragging {
+      .shapeholder {
+        width: 80px;
+        display: block;
+      }
     }
   }
 }
@@ -121,7 +119,6 @@
       //border-radius: 4px;
       //position: relative;
       //box-sizing: border-box;
-      cursor: move;
       //background: white;
       font-size: 14px;
       transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1);
@@ -140,6 +137,12 @@
       &-row {
         flex-basis: 0;
       }
+      // this is the default cursor for boxes
+      cursor: pointer;
+      // this changes the cursor for movable boxes
+      &.cdk-drag {
+        cursor: move;
+      }
     }
     &-box:active {
       //box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
@@ -151,13 +154,12 @@
       //border: none;
     }
   }
-}
-
-.cdk-drop {
-  &-list {
-    display: flex;
-    //padding-right: 10px;
-    //padding-bottom: 10px;
+  .cdk-drop {
+    &-list {
+      display: flex;
+      //padding-right: 10px;
+      //padding-bottom: 10px;
+    }
   }
 }
 
@@ -198,7 +200,7 @@
 /* Selected List Custom */
 
 sa-media-selector,
-.cdk-drag-preview {
+.media-selected-box.cdk-drag-preview {
   .column-image,
   .column-title,
   .column-action {