@stratusjs/angular 0.12.2 → 0.12.4

package/src/json/json.component.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"json.component.css","sourcesContent":[]}

package/src/json/json.component.js

@@ -0,0 +1,257 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { ChangeDetectorRef, Component, ElementRef, Input } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import { Stratus } from '@stratusjs/runtime/stratus';
+import _, { has } from 'lodash';
+import { cookie } from '@stratusjs/core/environment';
+import { RootComponent } from '../core/root.component';
+import { Observable, Subject, timer } from 'rxjs';
+import { FormBuilder, FormControl } from '@angular/forms';
+import { MatDialog } from '@angular/material/dialog';
+import { EventManager } from '@stratusjs/core/events/eventManager';
+import { catchError, debounce } from 'rxjs/operators';
+import { Registry } from '@stratusjs/angularjs/services/registry';
+const systemDir = '@stratusjs/angular';
+const moduleName = 'json';
+const min = !cookie('env') ? '.min' : '';
+const localDir = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
+let JsonComponent = class JsonComponent extends RootComponent {
+    constructor(sanitizer, ref, elementRef, fb, dialog) {
+        super();
+        this.sanitizer = sanitizer;
+        this.ref = ref;
+        this.elementRef = elementRef;
+        this.fb = fb;
+        this.dialog = dialog;
+        this.title = `${moduleName}_component`;
+        this.dev = !!cookie('env');
+        this.debug = !!cookie(`debug_${moduleName}`);
+        this._ = _;
+        this.has = has;
+        this.log = console.log;
+        this.Stratus = Stratus;
+        this.registry = new Registry();
+        this.onChange = new Subject();
+        this.svgIcons = {};
+        this.initialized = false;
+        this.styled = false;
+        this.blurred = false;
+        this.focused = false;
+        this.form = this.fb.group({
+            dataString: new FormControl(),
+        });
+        this.dataChangeLog = [];
+        this.incomingData = '';
+        this.outgoingData = '';
+        this.debounceSave = true;
+        this.debounceTime = 5000;
+        this.forceSave = false;
+        this.uid = _.uniqueId(`sa_${_.snakeCase(moduleName)}_component_`);
+        Stratus.Instances[this.uid] = this;
+        Stratus.Internals.LoadCss([
+            `${localDir}${moduleName}/${moduleName}.component${min}.css`,
+        ]).then(() => {
+            this.styled = true;
+            this.refresh();
+        }).catch((e) => {
+            console.error(e);
+            console.warn('Issue detected in CSS Loader for Component:', this.uid);
+            this.styled = true;
+            this.refresh();
+        });
+        this.hydrate(elementRef, sanitizer, ["title", "uid", "dev", "debug", "target", "targetSuffix", "id", "manifest", "decouple", "direct", "api", "urlRoot", "type", "property", "endpoint", "_", "has", "log", "Stratus", "registry", "fetched", "data", "collection", "model", "dataSub", "onChange", "subscriber", "svgIcons", "initialized", "styled", "blurred", "focused", "codeViewIsOpen", "form", "dataChangeLog", "incomingData", "outgoingData", "debounceSave", "debounceTime", "forceSave", "sanitizer", "ref", "elementRef", "fb", "dialog", "ngOnInit", "handleError", "fetchData", "dataDefer", "dataRef", "onDataChange", "modelSave", "hydrate", "disableRefresh", "stagger", "reloading", "refresh", "ngOnDestroy"]);
+        this.fetchData()
+            .then(data => {
+            if (!data || !(data instanceof EventManager)) {
+                console.warn('Unable to bind data from Registry!');
+                return;
+            }
+            const onDataChange = () => {
+                if (!data.completed) {
+                    return;
+                }
+                this.dataDefer(this.subscriber);
+            };
+            data.on('change', onDataChange);
+            onDataChange();
+        });
+        this.dataSub = new Observable(subscriber => {
+            if (this.dev) {
+                console.warn(`[observable] creating subscriber on ${this.uid}`, subscriber);
+            }
+            return this.dataDefer(subscriber);
+        });
+        this.dataSub.pipe(debounce(() => timer(250)), catchError(this.handleError)).subscribe(evt => {
+            if (this.focused) {
+                if (this.dev) {
+                    console.warn(`[subscriber] waiting on updates due to focus on ${this.uid}`);
+                }
+                return;
+            }
+            const dataControl = this.form.get('dataString');
+            if (dataControl.value === evt) {
+                if (this.initialized) {
+                    this.refresh();
+                }
+                return;
+            }
+            dataControl.patchValue(evt);
+            this.refresh();
+        });
+    }
+    ngOnInit() {
+        this.initialized = true;
+        const dataControl = this.form.get('dataString');
+        if (this.debounceSave) {
+            dataControl.valueChanges.pipe(debounce(() => timer(this.debounceTime)), catchError(this.handleError)).subscribe((evt) => this.modelSave(evt));
+            dataControl.valueChanges.pipe(debounce(() => timer(250)), catchError(this.handleError)).subscribe((evt) => {
+                if (this.model.changedExternal) {
+                    return;
+                }
+                this.model.changedExternal = true;
+                this.model.trigger('change');
+            });
+            dataControl.valueChanges.forEach((value) => this.outgoingData = value);
+        }
+        else {
+            dataControl.valueChanges.forEach((value) => this.modelSave(value));
+        }
+    }
+    handleError(err) {
+        console.error(err);
+        return err;
+    }
+    fetchData() {
+        if (this.fetched) {
+            return this.fetched;
+        }
+        return this.fetched = this.registry.fetch(Stratus.Select(this.elementRef.nativeElement), this);
+    }
+    dataDefer(subscriber) {
+        this.subscriber = this.subscriber || subscriber;
+        if (!this.subscriber) {
+            if (this.dev) {
+                console.warn(`[defer] debouncing due to empty subscriber on ${this.uid}`);
+            }
+            setTimeout(() => {
+                if (this.dev) {
+                    console.warn(`[defer] debounced subscriber returned on ${this.uid}`);
+                }
+                this.dataDefer(subscriber);
+            }, 250);
+            return;
+        }
+        const prevString = _.clone(this.incomingData);
+        const dataString = this.dataRef();
+        if (prevString === dataString) {
+            return;
+        }
+        if (!dataString && (!this.data || !this.data.completed)) {
+            if (this.dev) {
+                console.warn(`[defer] debouncing subscriber due to unavailable data on ${this.uid}`, this.data);
+            }
+            setTimeout(() => {
+                if (this.dev) {
+                    console.warn(`[defer] debounced subscriber returned on ${this.uid}`);
+                }
+                this.dataDefer(subscriber);
+            }, 250);
+            return;
+        }
+        if (prevString === dataString) {
+            return;
+        }
+        if (this.dev) {
+            console.warn(`[subscriber] new value submitted on ${this.uid}:`, dataString);
+        }
+        this.subscriber.next(dataString);
+    }
+    dataRef() {
+        if (!this.model) {
+            return '';
+        }
+        return this.incomingData = this.model.get(this.property);
+    }
+    onDataChange() {
+        this.dataDefer(this.subscriber);
+        this.refresh();
+    }
+    modelSave(value) {
+        if (!this.model.completed) {
+            return;
+        }
+        this.model.set(this.property, value);
+        if (this.debounceSave) {
+            this.model.changedExternal = false;
+        }
+        if (this.forceSave && !_.isEmpty(this.model.getIdentifier())) {
+            this.model.save();
+        }
+    }
+};
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], JsonComponent.prototype, "target", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], JsonComponent.prototype, "targetSuffix", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Number)
+], JsonComponent.prototype, "id", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], JsonComponent.prototype, "manifest", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], JsonComponent.prototype, "decouple", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], JsonComponent.prototype, "direct", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], JsonComponent.prototype, "api", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], JsonComponent.prototype, "urlRoot", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], JsonComponent.prototype, "type", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], JsonComponent.prototype, "property", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], JsonComponent.prototype, "endpoint", void 0);
+JsonComponent = __decorate([
+    Component({
+        selector: 'sa-json',
+        templateUrl: `${localDir}/${moduleName}/${moduleName}.component${min}.html`,
+    }),
+    __metadata("design:paramtypes", [DomSanitizer,
+        ChangeDetectorRef,
+        ElementRef,
+        FormBuilder,
+        MatDialog])
+], JsonComponent);
+export { JsonComponent };
+
+//# sourceMappingURL=json.component.js.map

package/src/json/json.component.js.map

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

package/src/json/json.component.min.js

@@ -0,0 +1 @@
+var __decorate=this&&this.__decorate||function(e,t,o,r){var i,s=arguments.length,n=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,r);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(n=(s<3?i(n):s>3?i(t,o,n):i(t,o))||n);return s>3&&n&&Object.defineProperty(t,o,n),n},__metadata=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};import{ChangeDetectorRef,Component,ElementRef,Input}from"@angular/core";import{DomSanitizer}from"@angular/platform-browser";import{Stratus}from"@stratusjs/runtime/stratus";import _,{has}from"lodash";import{cookie}from"@stratusjs/core/environment";import{RootComponent}from"../core/root.component";import{Observable,Subject,timer}from"rxjs";import{FormBuilder,FormControl}from"@angular/forms";import{MatDialog}from"@angular/material/dialog";import{EventManager}from"@stratusjs/core/events/eventManager";import{catchError,debounce}from"rxjs/operators";import{Registry}from"@stratusjs/angularjs/services/registry";const systemDir="@stratusjs/angular",moduleName="json",min=cookie("env")?"":".min",localDir=`${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir}/*`].replace(/[^/]*$/,"").replace(/\/dist\/$/,"/src/")}`;let JsonComponent=class extends RootComponent{constructor(e,t,o,r,i){super(),this.sanitizer=e,this.ref=t,this.elementRef=o,this.fb=r,this.dialog=i,this.title="json_component",this.dev=!!cookie("env"),this.debug=!!cookie("debug_json"),this._=_,this.has=has,this.log=console.log,this.Stratus=Stratus,this.registry=new Registry,this.onChange=new Subject,this.svgIcons={},this.initialized=!1,this.styled=!1,this.blurred=!1,this.focused=!1,this.form=this.fb.group({dataString:new FormControl}),this.dataChangeLog=[],this.incomingData="",this.outgoingData="",this.debounceSave=!0,this.debounceTime=5e3,this.forceSave=!1,this.uid=_.uniqueId(`sa_${_.snakeCase("json")}_component_`),Stratus.Instances[this.uid]=this,Stratus.Internals.LoadCss([`${localDir}json/json.component${min}.css`]).then(()=>{this.styled=!0,this.refresh()}).catch(e=>{console.error(e),console.warn("Issue detected in CSS Loader for Component:",this.uid),this.styled=!0,this.refresh()}),this.hydrate(o,e,["title","uid","dev","debug","target","targetSuffix","id","manifest","decouple","direct","api","urlRoot","type","property","endpoint","_","has","log","Stratus","registry","fetched","data","collection","model","dataSub","onChange","subscriber","svgIcons","initialized","styled","blurred","focused","codeViewIsOpen","form","dataChangeLog","incomingData","outgoingData","debounceSave","debounceTime","forceSave","sanitizer","ref","elementRef","fb","dialog","ngOnInit","handleError","fetchData","dataDefer","dataRef","onDataChange","modelSave","hydrate","disableRefresh","stagger","reloading","refresh","ngOnDestroy"]),this.fetchData().then(e=>{if(!(e&&e instanceof EventManager))return void console.warn("Unable to bind data from Registry!");const t=()=>{e.completed&&this.dataDefer(this.subscriber)};e.on("change",t),t()}),this.dataSub=new Observable(e=>(this.dev&&console.warn(`[observable] creating subscriber on ${this.uid}`,e),this.dataDefer(e))),this.dataSub.pipe(debounce(()=>timer(250)),catchError(this.handleError)).subscribe(e=>{if(this.focused)return void(this.dev&&console.warn(`[subscriber] waiting on updates due to focus on ${this.uid}`));const t=this.form.get("dataString");t.value!==e?(t.patchValue(e),this.refresh()):this.initialized&&this.refresh()})}ngOnInit(){this.initialized=!0;const e=this.form.get("dataString");this.debounceSave?(e.valueChanges.pipe(debounce(()=>timer(this.debounceTime)),catchError(this.handleError)).subscribe(e=>this.modelSave(e)),e.valueChanges.pipe(debounce(()=>timer(250)),catchError(this.handleError)).subscribe(e=>{this.model.changedExternal||(this.model.changedExternal=!0,this.model.trigger("change"))}),e.valueChanges.forEach(e=>this.outgoingData=e)):e.valueChanges.forEach(e=>this.modelSave(e))}handleError(e){return console.error(e),e}fetchData(){return this.fetched?this.fetched:this.fetched=this.registry.fetch(Stratus.Select(this.elementRef.nativeElement),this)}dataDefer(e){if(this.subscriber=this.subscriber||e,!this.subscriber)return this.dev&&console.warn(`[defer] debouncing due to empty subscriber on ${this.uid}`),void setTimeout(()=>{this.dev&&console.warn(`[defer] debounced subscriber returned on ${this.uid}`),this.dataDefer(e)},250);const t=_.clone(this.incomingData),o=this.dataRef();return t!==o?o||this.data&&this.data.completed?void(t!==o&&(this.dev&&console.warn(`[subscriber] new value submitted on ${this.uid}:`,o),this.subscriber.next(o))):(this.dev&&console.warn(`[defer] debouncing subscriber due to unavailable data on ${this.uid}`,this.data),void setTimeout(()=>{this.dev&&console.warn(`[defer] debounced subscriber returned on ${this.uid}`),this.dataDefer(e)},250)):void 0}dataRef(){return this.model?this.incomingData=this.model.get(this.property):""}onDataChange(){this.dataDefer(this.subscriber),this.refresh()}modelSave(e){this.model.completed&&(this.model.set(this.property,e),this.debounceSave&&(this.model.changedExternal=!1),this.forceSave&&!_.isEmpty(this.model.getIdentifier())&&this.model.save())}};__decorate([Input(),__metadata("design:type",String)],JsonComponent.prototype,"target",void 0),__decorate([Input(),__metadata("design:type",String)],JsonComponent.prototype,"targetSuffix",void 0),__decorate([Input(),__metadata("design:type",Number)],JsonComponent.prototype,"id",void 0),__decorate([Input(),__metadata("design:type",Boolean)],JsonComponent.prototype,"manifest",void 0),__decorate([Input(),__metadata("design:type",Boolean)],JsonComponent.prototype,"decouple",void 0),__decorate([Input(),__metadata("design:type",Boolean)],JsonComponent.prototype,"direct",void 0),__decorate([Input(),__metadata("design:type",Object)],JsonComponent.prototype,"api",void 0),__decorate([Input(),__metadata("design:type",String)],JsonComponent.prototype,"urlRoot",void 0),__decorate([Input(),__metadata("design:type",String)],JsonComponent.prototype,"type",void 0),__decorate([Input(),__metadata("design:type",String)],JsonComponent.prototype,"property",void 0),__decorate([Input(),__metadata("design:type",String)],JsonComponent.prototype,"endpoint",void 0),JsonComponent=__decorate([Component({selector:"sa-json",templateUrl:`${localDir}/json/json.component${min}.html`}),__metadata("design:paramtypes",[DomSanitizer,ChangeDetectorRef,ElementRef,FormBuilder,MatDialog])],JsonComponent);export{JsonComponent};

package/src/material.js

@@ -0,0 +1,196 @@
+System.register(["@angular/cdk/a11y", "@angular/cdk/drag-drop", "@angular/cdk/portal", "@angular/cdk/scrolling", "@angular/cdk/stepper", "@angular/cdk/table", "@angular/cdk/tree", "@angular/core", "@angular/material/autocomplete", "@angular/material/badge", "@angular/material/bottom-sheet", "@angular/material/button", "@angular/material/button-toggle", "@angular/material/card", "@angular/material/checkbox", "@angular/material/chips", "@angular/material/datepicker", "@angular/material/dialog", "@angular/material/divider", "@angular/material/expansion", "@angular/material/grid-list", "@angular/material/icon", "@angular/material/input", "@angular/material/list", "@angular/material/menu", "@angular/material/core", "@angular/material/paginator", "@angular/material/progress-bar", "@angular/material/progress-spinner", "@angular/material/radio", "@angular/material/select", "@angular/material/sidenav", "@angular/material/slide-toggle", "@angular/material/slider", "@angular/material/snack-bar", "@angular/material/sort", "@angular/material/stepper", "@angular/material/table", "@angular/material/tabs", "@angular/material/toolbar", "@angular/material/tooltip", "@angular/material/tree"], function (exports_1, context_1) {
+    "use strict";
+    var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+        if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+        else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+    };
+    var a11y_1, drag_drop_1, portal_1, scrolling_1, stepper_1, table_1, tree_1, core_1, autocomplete_1, badge_1, bottom_sheet_1, button_1, button_toggle_1, card_1, checkbox_1, chips_1, datepicker_1, dialog_1, divider_1, expansion_1, grid_list_1, icon_1, input_1, list_1, menu_1, core_2, paginator_1, progress_bar_1, progress_spinner_1, radio_1, select_1, sidenav_1, slide_toggle_1, slider_1, snack_bar_1, sort_1, stepper_2, table_2, tabs_1, toolbar_1, tooltip_1, tree_2, MaterialModules;
+    var __moduleName = context_1 && context_1.id;
+    return {
+        setters: [
+            function (a11y_1_1) {
+                a11y_1 = a11y_1_1;
+            },
+            function (drag_drop_1_1) {
+                drag_drop_1 = drag_drop_1_1;
+            },
+            function (portal_1_1) {
+                portal_1 = portal_1_1;
+            },
+            function (scrolling_1_1) {
+                scrolling_1 = scrolling_1_1;
+            },
+            function (stepper_1_1) {
+                stepper_1 = stepper_1_1;
+            },
+            function (table_1_1) {
+                table_1 = table_1_1;
+            },
+            function (tree_1_1) {
+                tree_1 = tree_1_1;
+            },
+            function (core_1_1) {
+                core_1 = core_1_1;
+            },
+            function (autocomplete_1_1) {
+                autocomplete_1 = autocomplete_1_1;
+            },
+            function (badge_1_1) {
+                badge_1 = badge_1_1;
+            },
+            function (bottom_sheet_1_1) {
+                bottom_sheet_1 = bottom_sheet_1_1;
+            },
+            function (button_1_1) {
+                button_1 = button_1_1;
+            },
+            function (button_toggle_1_1) {
+                button_toggle_1 = button_toggle_1_1;
+            },
+            function (card_1_1) {
+                card_1 = card_1_1;
+            },
+            function (checkbox_1_1) {
+                checkbox_1 = checkbox_1_1;
+            },
+            function (chips_1_1) {
+                chips_1 = chips_1_1;
+            },
+            function (datepicker_1_1) {
+                datepicker_1 = datepicker_1_1;
+            },
+            function (dialog_1_1) {
+                dialog_1 = dialog_1_1;
+            },
+            function (divider_1_1) {
+                divider_1 = divider_1_1;
+            },
+            function (expansion_1_1) {
+                expansion_1 = expansion_1_1;
+            },
+            function (grid_list_1_1) {
+                grid_list_1 = grid_list_1_1;
+            },
+            function (icon_1_1) {
+                icon_1 = icon_1_1;
+            },
+            function (input_1_1) {
+                input_1 = input_1_1;
+            },
+            function (list_1_1) {
+                list_1 = list_1_1;
+            },
+            function (menu_1_1) {
+                menu_1 = menu_1_1;
+            },
+            function (core_2_1) {
+                core_2 = core_2_1;
+            },
+            function (paginator_1_1) {
+                paginator_1 = paginator_1_1;
+            },
+            function (progress_bar_1_1) {
+                progress_bar_1 = progress_bar_1_1;
+            },
+            function (progress_spinner_1_1) {
+                progress_spinner_1 = progress_spinner_1_1;
+            },
+            function (radio_1_1) {
+                radio_1 = radio_1_1;
+            },
+            function (select_1_1) {
+                select_1 = select_1_1;
+            },
+            function (sidenav_1_1) {
+                sidenav_1 = sidenav_1_1;
+            },
+            function (slide_toggle_1_1) {
+                slide_toggle_1 = slide_toggle_1_1;
+            },
+            function (slider_1_1) {
+                slider_1 = slider_1_1;
+            },
+            function (snack_bar_1_1) {
+                snack_bar_1 = snack_bar_1_1;
+            },
+            function (sort_1_1) {
+                sort_1 = sort_1_1;
+            },
+            function (stepper_2_1) {
+                stepper_2 = stepper_2_1;
+            },
+            function (table_2_1) {
+                table_2 = table_2_1;
+            },
+            function (tabs_1_1) {
+                tabs_1 = tabs_1_1;
+            },
+            function (toolbar_1_1) {
+                toolbar_1 = toolbar_1_1;
+            },
+            function (tooltip_1_1) {
+                tooltip_1 = tooltip_1_1;
+            },
+            function (tree_2_1) {
+                tree_2 = tree_2_1;
+            }
+        ],
+        execute: function () {
+            MaterialModules = class MaterialModules {
+            };
+            MaterialModules = __decorate([
+                core_1.NgModule({
+                    exports: [
+                        a11y_1.A11yModule,
+                        stepper_1.CdkStepperModule,
+                        table_1.CdkTableModule,
+                        tree_1.CdkTreeModule,
+                        drag_drop_1.DragDropModule,
+                        autocomplete_1.MatAutocompleteModule,
+                        badge_1.MatBadgeModule,
+                        bottom_sheet_1.MatBottomSheetModule,
+                        button_1.MatButtonModule,
+                        button_toggle_1.MatButtonToggleModule,
+                        card_1.MatCardModule,
+                        checkbox_1.MatCheckboxModule,
+                        chips_1.MatChipsModule,
+                        stepper_2.MatStepperModule,
+                        datepicker_1.MatDatepickerModule,
+                        dialog_1.MatDialogModule,
+                        divider_1.MatDividerModule,
+                        expansion_1.MatExpansionModule,
+                        grid_list_1.MatGridListModule,
+                        icon_1.MatIconModule,
+                        input_1.MatInputModule,
+                        list_1.MatListModule,
+                        menu_1.MatMenuModule,
+                        core_2.MatNativeDateModule,
+                        paginator_1.MatPaginatorModule,
+                        progress_bar_1.MatProgressBarModule,
+                        progress_spinner_1.MatProgressSpinnerModule,
+                        radio_1.MatRadioModule,
+                        core_2.MatRippleModule,
+                        select_1.MatSelectModule,
+                        sidenav_1.MatSidenavModule,
+                        slider_1.MatSliderModule,
+                        slide_toggle_1.MatSlideToggleModule,
+                        snack_bar_1.MatSnackBarModule,
+                        sort_1.MatSortModule,
+                        table_2.MatTableModule,
+                        tabs_1.MatTabsModule,
+                        toolbar_1.MatToolbarModule,
+                        tooltip_1.MatTooltipModule,
+                        tree_2.MatTreeModule,
+                        portal_1.PortalModule,
+                        scrolling_1.ScrollingModule,
+                    ]
+                })
+            ], MaterialModules);
+            exports_1("MaterialModules", MaterialModules);
+        }
+    };
+});
+
+//# sourceMappingURL=material.js.map

package/src/material.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["material.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YA0Fa,eAAe,GAArB,MAAM,eAAe;aAC3B,CAAA;YADY,eAAe;gBA9C3B,eAAQ,CAAC;oBACN,OAAO,EAAE;wBACL,iBAAU;wBACV,0BAAgB;wBAChB,sBAAc;wBACd,oBAAa;wBACb,0BAAc;wBACd,oCAAqB;wBACrB,sBAAc;wBACd,mCAAoB;wBACpB,wBAAe;wBACf,qCAAqB;wBACrB,oBAAa;wBACb,4BAAiB;wBACjB,sBAAc;wBACd,0BAAgB;wBAChB,gCAAmB;wBACnB,wBAAe;wBACf,0BAAgB;wBAChB,8BAAkB;wBAClB,6BAAiB;wBACjB,oBAAa;wBACb,sBAAc;wBACd,oBAAa;wBACb,oBAAa;wBACb,0BAAmB;wBACnB,8BAAkB;wBAClB,mCAAoB;wBACpB,2CAAwB;wBACxB,sBAAc;wBACd,sBAAe;wBACf,wBAAe;wBACf,0BAAgB;wBAChB,wBAAe;wBACf,mCAAoB;wBACpB,6BAAiB;wBACjB,oBAAa;wBACb,sBAAc;wBACd,oBAAa;wBACb,0BAAgB;wBAChB,0BAAgB;wBAChB,oBAAa;wBACb,qBAAY;wBACZ,2BAAe;qBAClB;iBACJ,CAAC;eACW,eAAe,CAC3B;;QACD,CAAC","file":"material.js"}

package/src/material.min.js

@@ -0,0 +1 @@
+System.register(["@angular/cdk/a11y","@angular/cdk/drag-drop","@angular/cdk/portal","@angular/cdk/scrolling","@angular/cdk/stepper","@angular/cdk/table","@angular/cdk/tree","@angular/core","@angular/material/autocomplete","@angular/material/badge","@angular/material/bottom-sheet","@angular/material/button","@angular/material/button-toggle","@angular/material/card","@angular/material/checkbox","@angular/material/chips","@angular/material/datepicker","@angular/material/dialog","@angular/material/divider","@angular/material/expansion","@angular/material/grid-list","@angular/material/icon","@angular/material/input","@angular/material/list","@angular/material/menu","@angular/material/core","@angular/material/paginator","@angular/material/progress-bar","@angular/material/progress-spinner","@angular/material/radio","@angular/material/select","@angular/material/sidenav","@angular/material/slide-toggle","@angular/material/slider","@angular/material/snack-bar","@angular/material/sort","@angular/material/stepper","@angular/material/table","@angular/material/tabs","@angular/material/toolbar","@angular/material/tooltip","@angular/material/tree"],function(a,t){"use strict";var e,n,l,o,r,u,i,c,M,d,g,f,s,m,p,b,k,S,h,T,v,y,D,x,B,C,P,R,j,O,A,I,L,N,_,w,E,G,q,z,F,H,J,K=this&&this.__decorate||function(a,t,e,n){var l,o=arguments.length,r=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,e):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(a,t,e,n);else for(var u=a.length-1;u>=0;u--)(l=a[u])&&(r=(o<3?l(r):o>3?l(t,e,r):l(t,e))||r);return o>3&&r&&Object.defineProperty(t,e,r),r};t&&t.id;return{setters:[function(a){e=a},function(a){n=a},function(a){l=a},function(a){o=a},function(a){r=a},function(a){u=a},function(a){i=a},function(a){c=a},function(a){M=a},function(a){d=a},function(a){g=a},function(a){f=a},function(a){s=a},function(a){m=a},function(a){p=a},function(a){b=a},function(a){k=a},function(a){S=a},function(a){h=a},function(a){T=a},function(a){v=a},function(a){y=a},function(a){D=a},function(a){x=a},function(a){B=a},function(a){C=a},function(a){P=a},function(a){R=a},function(a){j=a},function(a){O=a},function(a){A=a},function(a){I=a},function(a){L=a},function(a){N=a},function(a){_=a},function(a){w=a},function(a){E=a},function(a){G=a},function(a){q=a},function(a){z=a},function(a){F=a},function(a){H=a}],execute:function(){J=class{},J=K([c.NgModule({exports:[e.A11yModule,r.CdkStepperModule,u.CdkTableModule,i.CdkTreeModule,n.DragDropModule,M.MatAutocompleteModule,d.MatBadgeModule,g.MatBottomSheetModule,f.MatButtonModule,s.MatButtonToggleModule,m.MatCardModule,p.MatCheckboxModule,b.MatChipsModule,E.MatStepperModule,k.MatDatepickerModule,S.MatDialogModule,h.MatDividerModule,T.MatExpansionModule,v.MatGridListModule,y.MatIconModule,D.MatInputModule,x.MatListModule,B.MatMenuModule,C.MatNativeDateModule,P.MatPaginatorModule,R.MatProgressBarModule,j.MatProgressSpinnerModule,O.MatRadioModule,C.MatRippleModule,A.MatSelectModule,I.MatSidenavModule,N.MatSliderModule,L.MatSlideToggleModule,_.MatSnackBarModule,w.MatSortModule,G.MatTableModule,q.MatTabsModule,z.MatToolbarModule,F.MatTooltipModule,H.MatTreeModule,l.PortalModule,o.ScrollingModule]})],J),a("MaterialModules",J)}}});

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

@@ -1 +1 @@
-System.register(["@angular/core","@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","@angular/cdk/scrolling"],function(e,t){"use strict";var i,r,o,n,s,a,l,d,c,u,h,g,p,m,f,v,y,I=this&&this.__decorate||function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s},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){o=e},function(e){n=e},function(e){s=e},function(e){a=e},function(e){l=e},function(e){d=e},function(e){c=e},function(e){u=e},function(e){h=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(/[^/]*$/,"").replace(/\/dist\/$/,"/src/")}`,v=(e,t)=>l.default.has(e,t)&&!l.default.isEmpty(l.default.get(e,t)),y=class extends c.RootComponent{iconRegistry;sanitizer;ref;elementRef;viewportRuler;title=p+"_component";target;targetSuffix;id;manifest;decouple;direct;api;urlRoot;type;property;endpoint;_=l.default;has=v;log=console.log;Stratus=a.Stratus;registry=new u.Registry;fetched;data;collection;model;dataSub;onChange=new o.Subject;subscriber;eventID;svgIcons={};styled=!1;empty=!1;libraryDisplay=!1;isSelector=!0;isGrid=!0;listGroup;placeholder;targetList;targetIndex;sourceList;sourceIndex;activeContainer;constructor(e,t,i,r,n){super(),this.iconRegistry=e,this.sanitizer=t,this.ref=i,this.elementRef=r,this.viewportRuler=n,this.uid=l.default.uniqueId(`sa_${l.default.snakeCase(p)}_component_`),a.Stratus.Instances[this.uid]=this,this.dataSub=new o.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","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","listGroup","placeholder","targetList","targetIndex","sourceList","sourceIndex","activeContainer","iconRegistry","sanitizer","ref","elementRef","viewportRuler","drop","moveModel","goToUrl","remove","fetchData","dataDefer","dataRef","onDataChange","prioritize","getSvg","addSvgIcon","toggleLibrary","showDetails","deleteMedia","removeFromSelected","dragEntered","move","moveItemInGrid","enterPredicate","getPointerPositionOnPage","hydrate","uid","disableRefresh","stagger","reloading","refresh","ngOnDestroy"]),this.eventID=`${this.target}:${this.id}:${this.property}`,this.fetchData().then(e=>{if(!(e&&e instanceof h.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;d.cookie("env")&&console.log("drop:",e.previousContainer.id,e.container.id),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 o=0;l.default.forEach(i,e=>e.priority=o++),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 o.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)}dragEntered(e){const t=this.dataRef();if(!t||!t.length)return;const i=e.item,o=e.container,n=i.data,s=o.data,a=o.element.nativeElement,c=a.querySelector(".cdk-drag-placeholder");a.removeChild(c),a.parentElement.insertBefore(c,a),d.cookie("env")&&console.log("media move:",n,"->",s),r.moveItemInArray(t,n,s);let u=0;l.default.forEach(t,e=>e.priority=u++),this.model.trigger("change")}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:o,left:n,right:s}=e.element.nativeElement.getBoundingClientRect();return i>=r&&i<=o&&t>=n&&t<=s})(e,t.x,t.y)&&(this.activeContainer=e)}):console.warn("this.listGroup does not exist:",this)}moveItemInGrid(e){if(d.cookie("env")&&console.log("moveItemInGrid:",e),!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)}enterPredicate=(e,t)=>{if(t===this.placeholder)return!0;if(d.cookie("env")&&console.log("entering predicate..."),t!==this.activeContainer)return!1;const i=this.placeholder.element.nativeElement,r=e.dropContainer.element.nativeElement,o=t.element.nativeElement,n=b(o.parentElement.children,this.sourceList?i:r),s=b(o.parentElement.children,o);return this.sourceList||(this.sourceIndex=n,this.sourceList=e.dropContainer,i.style.width=`${r.clientWidth}px`,i.style.height=`${r.clientHeight}px`,r.parentElement.removeChild(r)),this.targetIndex=s,this.targetList=t,d.cookie("env")&&console.log("predicate:",this.sourceIndex,"->",this.targetIndex),i.style.display="",o.parentElement.insertBefore(i,s>n?o.nextSibling:o),this.placeholder._dropListRef.enter(e._dragRef,e.element.nativeElement.offsetLeft,e.element.nativeElement.offsetTop),!1};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)],y.prototype,"target",void 0),I([i.Input(),S("design:type",String)],y.prototype,"targetSuffix",void 0),I([i.Input(),S("design:type",Number)],y.prototype,"id",void 0),I([i.Input(),S("design:type",Boolean)],y.prototype,"manifest",void 0),I([i.Input(),S("design:type",Boolean)],y.prototype,"decouple",void 0),I([i.Input(),S("design:type",Boolean)],y.prototype,"direct",void 0),I([i.Input(),S("design:type",Object)],y.prototype,"api",void 0),I([i.Input(),S("design:type",String)],y.prototype,"urlRoot",void 0),I([i.Input(),S("design:type",String)],y.prototype,"type",void 0),I([i.Input(),S("design:type",String)],y.prototype,"property",void 0),I([i.Input(),S("design:type",String)],y.prototype,"endpoint",void 0),I([i.ViewChild(r.CdkDropListGroup),S("design:type",r.CdkDropListGroup)],y.prototype,"listGroup",void 0),I([i.ViewChild(r.CdkDropList),S("design:type",r.CdkDropList)],y.prototype,"placeholder",void 0),y=I([i.Component({selector:`sa-internal-${p}`,templateUrl:`${f}/${p}/${p}.component${m}.html`}),S("design:paramtypes",[s.MatIconRegistry,n.DomSanitizer,i.ChangeDetectorRef,i.ElementRef,g.ViewportRuler])],y),e("MediaSelectorComponent",y)}}});
+System.register(["@angular/core","@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","@angular/cdk/scrolling"],function(e,t){"use strict";var i,r,o,n,s,a,l,d,c,u,h,g,p,m,f,v,y,I=this&&this.__decorate||function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s},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){o=e},function(e){n=e},function(e){s=e},function(e){a=e},function(e){l=e},function(e){d=e},function(e){c=e},function(e){u=e},function(e){h=e},function(e){g=e}],execute:function(){p="media-selector",m=d.cookie("env")?"":".min",f=`${a.Stratus.BaseUrl}${boot.configuration.paths["@stratusjs/angular/*"].replace(/[^/]*$/,"").replace(/\/dist\/$/,"/src/")}`,v=(e,t)=>l.default.has(e,t)&&!l.default.isEmpty(l.default.get(e,t)),y=class extends c.RootComponent{iconRegistry;sanitizer;ref;elementRef;viewportRuler;title=p+"_component";target;targetSuffix;id;manifest;decouple;direct;api;urlRoot;type;property;endpoint;_=l.default;has=v;log=console.log;Stratus=a.Stratus;registry=new u.Registry;fetched;data;collection;model;dataSub;onChange=new o.Subject;subscriber;eventID;svgIcons={};styled=!1;empty=!1;libraryDisplay=!1;isSelector=!0;isGrid=!0;listGroup;placeholder;targetList;targetIndex;sourceList;sourceIndex;activeContainer;constructor(e,t,i,r,n){super(),this.iconRegistry=e,this.sanitizer=t,this.ref=i,this.elementRef=r,this.viewportRuler=n,this.uid=l.default.uniqueId(`sa_${l.default.snakeCase(p)}_component_`),a.Stratus.Instances[this.uid]=this,this.dataSub=new o.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","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","listGroup","placeholder","targetList","targetIndex","sourceList","sourceIndex","activeContainer","iconRegistry","sanitizer","ref","elementRef","viewportRuler","drop","moveModel","goToUrl","remove","fetchData","dataDefer","dataRef","onDataChange","prioritize","getSvg","addSvgIcon","toggleLibrary","showDetails","deleteMedia","removeFromSelected","dragEntered","move","moveItemInGrid","enterPredicate","getPointerPositionOnPage","hydrate","uid","disableRefresh","stagger","reloading","refresh","ngOnDestroy"]),this.eventID=`${this.target}:${this.id}:${this.property}`,this.fetchData().then(e=>{if(!(e&&e instanceof h.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;d.cookie("env")&&console.log("drop:",e.previousContainer.id,e.container.id),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 o=0;l.default.forEach(i,e=>e.priority=o++),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 o.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)}dragEntered(e){const t=this.dataRef();if(!t||!t.length)return;const i=e.item,o=e.container,n=i.data,s=o.data,a=o.element.nativeElement,c=a.querySelector(".cdk-drag-placeholder");a.removeChild(c),a.parentElement.insertBefore(c,a),d.cookie("env")&&console.log("media move:",n,"->",s),r.moveItemInArray(t,n,s);let u=0;l.default.forEach(t,e=>e.priority=u++),this.model.trigger("change")}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:o,left:n,right:s}=e.element.nativeElement.getBoundingClientRect();return i>=r&&i<=o&&t>=n&&t<=s})(e,t.x,t.y)&&(this.activeContainer=e)}):console.warn("this.listGroup does not exist:",this)}moveItemInGrid(e){if(d.cookie("env")&&console.log("moveItemInGrid:",e),!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)}enterPredicate=(e,t)=>{if(t===this.placeholder)return!0;if(d.cookie("env")&&console.log("entering predicate..."),t!==this.activeContainer)return!1;const i=this.placeholder.element.nativeElement,r=e.dropContainer.element.nativeElement,o=t.element.nativeElement,n=b(o.parentElement.children,this.sourceList?i:r),s=b(o.parentElement.children,o);return this.sourceList||(this.sourceIndex=n,this.sourceList=e.dropContainer,i.style.width=`${r.clientWidth}px`,i.style.height=`${r.clientHeight}px`,r.parentElement.removeChild(r)),this.targetIndex=s,this.targetList=t,d.cookie("env")&&console.log("predicate:",this.sourceIndex,"->",this.targetIndex),i.style.display="",o.parentElement.insertBefore(i,s>n?o.nextSibling:o),this.placeholder._dropListRef.enter(e._dragRef,e.element.nativeElement.offsetLeft,e.element.nativeElement.offsetTop),!1};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)],y.prototype,"target",void 0),I([i.Input(),S("design:type",String)],y.prototype,"targetSuffix",void 0),I([i.Input(),S("design:type",Number)],y.prototype,"id",void 0),I([i.Input(),S("design:type",Boolean)],y.prototype,"manifest",void 0),I([i.Input(),S("design:type",Boolean)],y.prototype,"decouple",void 0),I([i.Input(),S("design:type",Boolean)],y.prototype,"direct",void 0),I([i.Input(),S("design:type",Object)],y.prototype,"api",void 0),I([i.Input(),S("design:type",String)],y.prototype,"urlRoot",void 0),I([i.Input(),S("design:type",String)],y.prototype,"type",void 0),I([i.Input(),S("design:type",String)],y.prototype,"property",void 0),I([i.Input(),S("design:type",String)],y.prototype,"endpoint",void 0),I([i.ViewChild(r.CdkDropListGroup),S("design:type",r.CdkDropListGroup)],y.prototype,"listGroup",void 0),I([i.ViewChild(r.CdkDropList),S("design:type",r.CdkDropList)],y.prototype,"placeholder",void 0),y=I([i.Component({selector:`sa-internal-${p}`,templateUrl:`${f}/${p}/${p}.component${m}.html`}),S("design:paramtypes",[s.MatIconRegistry,n.DomSanitizer,i.ChangeDetectorRef,i.ElementRef,g.ViewportRuler])],y),e("MediaSelectorComponent",y)}}});

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

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