@stratusjs/angular 0.8.4 → 0.9.0

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,s,o,n,a,l,d,c,h,u,g,p,m,f,v,y,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(/[^/]*$/,"").replace(/\/dist\/$/,"/src/")}`,v=(e,t)=>l.default.has(e,t)&&!l.default.isEmpty(l.default.get(e,t)),y=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=v,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.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,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,d.cookie("env")&&console.log("predicate:",this.sourceIndex,"->",this.targetIndex),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","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","disableRefresh","stagger","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;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 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)}dragEntered(e){const t=this.dataRef();if(!t||!t.length)return;const i=e.item,s=e.container,o=i.data,n=s.data,a=s.element.nativeElement,c=a.querySelector(".cdk-drag-placeholder");a.removeChild(c),a.parentElement.insertBefore(c,a),d.cookie("env")&&console.log("media move:",o,"->",n),r.moveItemInArray(t,o,n);let h=0;l.default.forEach(t,e=>e.priority=h++),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: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(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)}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-"+p,templateUrl:`${f}/${p}/${p}.component${m}.html`}),S("design:paramtypes",[n.MatIconRegistry,o.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,s,o,n,a,l,d,c,h,u,g,p,m,f,v,y,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(/[^/]*$/,"").replace(/\/dist\/$/,"/src/")}`,v=(e,t)=>l.default.has(e,t)&&!l.default.isEmpty(l.default.get(e,t)),y=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=v,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.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,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,d.cookie("env")&&console.log("predicate:",this.sourceIndex,"->",this.targetIndex),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","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","disableRefresh","stagger","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;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 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)}dragEntered(e){const t=this.dataRef();if(!t||!t.length)return;const i=e.item,s=e.container,o=i.data,n=s.data,a=s.element.nativeElement,c=a.querySelector(".cdk-drag-placeholder");a.removeChild(c),a.parentElement.insertBefore(c,a),d.cookie("env")&&console.log("media move:",o,"->",n),r.moveItemInArray(t,o,n);let h=0;l.default.forEach(t,e=>e.priority=h++),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: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(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)}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-${p}`,templateUrl:`${f}/${p}/${p}.component${m}.html`}),S("design:paramtypes",[n.MatIconRegistry,o.DomSanitizer,i.ChangeDetectorRef,i.ElementRef,g.ViewportRuler])],y),e("MediaSelectorComponent",y)}}});

package/src/quill-plugins/quill-html-edit.plugin.min.js

@@ -1 +1 @@
-System.register(["quill"],function(t,e){"use strict";var n,l,o,i;e&&e.id;function r(t){return document.createElement(t)}function s(t,e,n){return t.setAttribute(e,n)}function c(t,e){const n=t.container.querySelector(".ql-editor").innerHTML,l=r("div"),i=r("div"),c=e.msg||'Edit HTML here, when you click "OK" the quill editor\'s contents will be replaced',u=e.cancelText||"Cancel",d=e.okText||"Ok";s(i,"class","ql-html-overlayContainer"),s(l,"class","ql-html-popupContainer");const a=r("i");s(a,"class","ql-html-popupTitle"),a.innerText=c;const p=r("div");p.appendChild(a),s(p,"class","ql-html-textContainer");const h=r("textarea");s(h,"class","ql-html-textArea"),h.value=function(t){const e=" ".repeat(2);let n=0;let l=null,i=null,r="";for(let o=0;o<=t.length;o++){l=t.substr(o,1),i=t.substr(o+1,1);const s="<br>"===t.substr(o,4),c="<"===l&&"/"===i&&!s;s&&(r+="\n",n--,o+=4),"<"===l&&"/"!==i&&!s?(r+="\n"+e.repeat(n),n++):c?(--n<0&&(n=0),r+="\n"+e.repeat(n)):(" "===l&&" "===i||"\n"===l&&""===t.substr(o,t.substr(o).indexOf("<")).trim())&&(l=""),r+=l}return o.log("formatHTML",{before:t,after:r}),r}(n);const b=r("button");b.innerHTML=u,s(b,"class","ql-html-buttonCancel");const m=r("button");m.innerHTML=d;const g=r("div");s(g,"class","ql-html-buttonGroup"),g.appendChild(b),g.appendChild(m),p.appendChild(h),p.appendChild(g),l.appendChild(p),i.appendChild(l),document.body.appendChild(i),b.onclick=()=>{document.body.removeChild(i)},i.onclick=b.onclick,l.onclick=t=>{t.preventDefault(),t.stopPropagation()},m.onclick=()=>{const e=h.value.split(/\r?\n/g).map(t=>t.trim()).join("");t.container.querySelector(".ql-editor").innerHTML=e,document.body.removeChild(i)}}return{setters:[function(t){n=t}],execute:function(){l=!1,o={prefixString:()=>"</> quill-html-edit-button: ",get log(){if(!l)return()=>{};return console.log.bind(console,this.prefixString())}},t("QuillHtmlEditPlugin",i=class{constructor(t,e){l=e&&e.debug,o.log("logging enabled");const n=t.getModule("toolbar");if(!n)throw new Error('quill.htmlEditButton requires the "toolbar" module to be included too');this.registerDivModule();const i=n.container,u=r("span");s(u,"class","ql-formats");const d=r("button");d.innerHTML=e.buttonHTML||"&lt;&gt;",d.title=e.buttonTitle||"Show HTML source",d.onclick=n=>{n.preventDefault(),c(t,e)},u.appendChild(d),i.appendChild(u)}registerDivModule(){const t=n.default.import("blots/block");class e extends t{}e.tagName="div",e.blotName="div",e.allowedChildren=t.allowedChildren,e.allowedChildren.push(t),n.default.register(e)}}),t("default",i)}}});
+System.register(["quill"],function(t,e){"use strict";var n,l,o,i;e&&e.id;function r(t){return document.createElement(t)}function s(t,e,n){return t.setAttribute(e,n)}function c(t,e){const n=t.container.querySelector(".ql-editor").innerHTML,l=r("div"),i=r("div"),c=e.msg||'Edit HTML here, when you click "OK" the quill editor\'s contents will be replaced',u=e.cancelText||"Cancel",d=e.okText||"Ok";s(i,"class","ql-html-overlayContainer"),s(l,"class","ql-html-popupContainer");const a=r("i");s(a,"class","ql-html-popupTitle"),a.innerText=c;const p=r("div");p.appendChild(a),s(p,"class","ql-html-textContainer");const h=r("textarea");s(h,"class","ql-html-textArea"),h.value=function(t){const e=!0,n=!0,l=" ".repeat(2);let i=0;const r="\n";let s=null,c=null,u="";for(let o=0;o<=t.length;o++){s=t.substr(o,1),c=t.substr(o+1,1);const d="<br>"===t.substr(o,4),a="<"===s&&"/"===c&&!d;d&&(u+=r,i--,o+=4),"<"===s&&"/"!==c&&!d?(u+=r+l.repeat(i),i++):a?(--i<0&&(i=0),u+=r+l.repeat(i)):(!0===e&&" "===s&&" "===c||!0===n&&s===r&&""===t.substr(o,t.substr(o).indexOf("<")).trim())&&(s=""),u+=s}return o.log("formatHTML",{before:t,after:u}),u}(n);const b=r("button");b.innerHTML=u,s(b,"class","ql-html-buttonCancel");const m=r("button");m.innerHTML=d;const g=r("div");s(g,"class","ql-html-buttonGroup"),g.appendChild(b),g.appendChild(m),p.appendChild(h),p.appendChild(g),l.appendChild(p),i.appendChild(l),document.body.appendChild(i),b.onclick=()=>{document.body.removeChild(i)},i.onclick=b.onclick,l.onclick=t=>{t.preventDefault(),t.stopPropagation()},m.onclick=()=>{const e=h.value.split(/\r?\n/g).map(t=>t.trim()).join("");t.container.querySelector(".ql-editor").innerHTML=e,document.body.removeChild(i)}}return{setters:[function(t){n=t}],execute:function(){l=!1,o={prefixString:()=>"</> quill-html-edit-button: ",get log(){if(!l)return()=>{};return console.log.bind(console,this.prefixString())}},t("QuillHtmlEditPlugin",i=class{constructor(t,e){l=e&&e.debug,o.log("logging enabled");const n=t.getModule("toolbar");if(!n)throw new Error('quill.htmlEditButton requires the "toolbar" module to be included too');this.registerDivModule();const i=n.container,u=r("span");s(u,"class","ql-formats");const d=r("button");d.innerHTML=e.buttonHTML||"&lt;&gt;",d.title=e.buttonTitle||"Show HTML source",d.onclick=n=>{n.preventDefault(),c(t,e)},u.appendChild(d),i.appendChild(u)}registerDivModule(){const t=n.default.import("blots/block");class e extends t{}e.tagName="div",e.blotName="div",e.allowedChildren=t.allowedChildren,e.allowedChildren.push(t),n.default.register(e)}}),t("default",i)}}});

package/src/quill-plugins/quill-image-format.plugin.min.js

@@ -1 +1 @@
-System.register(["quill"],function(t,s){"use strict";var e,r,o;s&&s.id;return{setters:[function(t){e=t}],execute:function(){r=e.default.import("formats/image"),o=["alt","height","width","stratus-src","stratusSrc"],t("QuillImageFormatPlugin",class extends r{constructor(){super(...arguments),this.blotName="imageCustom",this.tagName="IMG"}format(t,s){console.log("format:",t,s,this.domNode.getAttribute("src")),-1!==o.indexOf(t)?s?("stratus-src"===t&&console.log("stratus-src:",s),"stratusSrc"===t&&console.log("stratusSrc:",s),this.domNode.setAttribute(t,s)):this.domNode.removeAttribute(t):super.format(t,s)}})}}});
+System.register(["quill"],function(t,s){"use strict";var e,r,o,i;s&&s.id;return{setters:[function(t){e=t}],execute:function(){r=e.default.import("formats/image"),o=["alt","height","width","stratus-src","stratusSrc"],i=class extends r{constructor(){super(...arguments),this.blotName="imageCustom",this.tagName="IMG"}format(t,s){console.log("format:",t,s,this.domNode.getAttribute("src")),-1!==o.indexOf(t)?s?("stratus-src"===t&&console.log("stratus-src:",s),"stratusSrc"===t&&console.log("stratusSrc:",s),this.domNode.setAttribute(t,s)):this.domNode.removeAttribute(t):super.format(t,s)}},t("QuillImageFormatPlugin",i)}}});

package/src/root/root.component.js

@@ -0,0 +1,43 @@
+System.register(["reflect-metadata", "lodash", "@angular/core"], function (exports_1, context_1) {
+    "use strict";
+    var lodash_1, core_1, RootComponent;
+    var __moduleName = context_1 && context_1.id;
+    return {
+        setters: [
+            function (_1) {
+            },
+            function (lodash_1_1) {
+                lodash_1 = lodash_1_1;
+            },
+            function (core_1_1) {
+                core_1 = core_1_1;
+            }
+        ],
+        execute: function () {
+            RootComponent = class RootComponent {
+                hydrate(elementRef, sanitizer, attrs) {
+                    lodash_1.default.forEach(attrs, (attr) => {
+                        const metaDataKeys = Reflect.getMetadataKeys(this, attr);
+                        if (!lodash_1.default.includes(metaDataKeys, 'design:type')) {
+                            return;
+                        }
+                        const attrKebab = lodash_1.default.kebabCase(attr);
+                        const variants = [
+                            attrKebab,
+                            'data-' + attrKebab
+                        ];
+                        const variant = lodash_1.default.find(variants, (v) => elementRef.nativeElement.hasAttribute(v));
+                        if (lodash_1.default.isEmpty(variant)) {
+                            return;
+                        }
+                        const value = sanitizer.sanitize(core_1.SecurityContext.HTML, elementRef.nativeElement.getAttribute(variant));
+                        lodash_1.default.set(this, attr, value);
+                    });
+                }
+            };
+            exports_1("RootComponent", RootComponent);
+        }
+    };
+});
+
+//# sourceMappingURL=root.component.js.map

package/src/root/root.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["root.component.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;YAWA,gBAAA,MAAa,aAAa;gBAOZ,OAAO,CAAC,UAAsB,EAAE,SAAoB,EAAE,KAAoB;oBAChF,gBAAC,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,IAAY,EAAE,EAAE;wBAC9B,MAAM,YAAY,GAAG,OAAO,CAAC,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC,CAAA;wBACxD,IAAI,CAAC,gBAAC,CAAC,QAAQ,CAAC,YAAY,EAAE,aAAa,CAAC,EAAE;4BAC1C,OAAM;yBACT;wBACD,MAAM,SAAS,GAAG,gBAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;wBACnC,MAAM,QAAQ,GAAG;4BACb,SAAS;4BACT,OAAO,GAAG,SAAS;yBACtB,CAAA;wBACD,MAAM,OAAO,GAAG,gBAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAA;wBACjF,IAAI,gBAAC,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;4BACpB,OAAM;yBACT;wBACD,MAAM,KAAK,GAAG,SAAS,CAAC,QAAQ,CAAC,sBAAe,CAAC,IAAI,EAAE,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAA;wBACtG,gBAAC,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAA;oBAC5B,CAAC,CAAC,CAAA;gBACN,CAAC;aACJ,CAAA;;QACD,CAAC","file":"root.component.js"}

package/src/root/root.component.min.js

@@ -0,0 +1 @@
+System.register(["reflect-metadata","lodash","@angular/core"],function(t,e){"use strict";var n,a;e&&e.id;return{setters:[function(t){},function(t){n=t},function(t){a=t}],execute:function(){t("RootComponent",class{hydrate(t,e,i){n.default.forEach(i,i=>{const s=Reflect.getMetadataKeys(this,i);if(!n.default.includes(s,"design:type"))return;const u=n.default.kebabCase(i),r=[u,"data-"+u],c=n.default.find(r,e=>t.nativeElement.hasAttribute(e));if(n.default.isEmpty(c))return;const f=e.sanitize(a.SecurityContext.HTML,t.nativeElement.getAttribute(c));n.default.set(this,i,f)})}})}}});

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

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

package/src/test/test.directive.min.js

@@ -1 +1 @@
-System.register(["@angular/core","@stratusjs/runtime/stratus","lodash"],function(e,t){"use strict";var n,s,i,o,r=this&&this.__decorate||function(e,t,n,s){var i,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,n):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,s);else for(var u=e.length-1;u>=0;u--)(i=e[u])&&(r=(o<3?i(r):o>3?i(t,n,r):i(t,n))||r);return o>3&&r&&Object.defineProperty(t,n,r),r},u=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};t&&t.id;return{setters:[function(e){n=e},function(e){s=e},function(e){i=e}],execute:function(){"test",o=class{constructor(e){this.el=e,this.uid=i.default.uniqueId("sa_test_directive_"),s.Stratus.Instances[this.uid]=this,console.warn(this.uid,"has been load to",this.el)}onMouseEnter(){this.highlight("yellow")}onMouseLeave(){this.highlight(null)}highlight(e){this.el.nativeElement.style.backgroundColor=e}},r([n.HostListener("mouseenter"),u("design:type",Function),u("design:paramtypes",[]),u("design:returntype",void 0)],o.prototype,"onMouseEnter",null),r([n.HostListener("mouseleave"),u("design:type",Function),u("design:paramtypes",[]),u("design:returntype",void 0)],o.prototype,"onMouseLeave",null),o=r([n.Directive({selector:"[sa-test]"}),u("design:paramtypes",[n.ElementRef])],o),e("TestDirective",o)}}});
+System.register(["@angular/core","@stratusjs/runtime/stratus","lodash"],function(e,t){"use strict";var n,s,i,o,r,u=this&&this.__decorate||function(e,t,n,s){var i,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,n):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,s);else for(var u=e.length-1;u>=0;u--)(i=e[u])&&(r=(o<3?i(r):o>3?i(t,n,r):i(t,n))||r);return o>3&&r&&Object.defineProperty(t,n,r),r},a=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};t&&t.id;return{setters:[function(e){n=e},function(e){s=e},function(e){i=e}],execute:function(){o="test",r=class{constructor(e){this.el=e,this.uid=i.default.uniqueId(`sa_${o}_directive_`),s.Stratus.Instances[this.uid]=this,console.warn(this.uid,"has been load to",this.el)}onMouseEnter(){this.highlight("yellow")}onMouseLeave(){this.highlight(null)}highlight(e){this.el.nativeElement.style.backgroundColor=e}},u([n.HostListener("mouseenter"),a("design:type",Function),a("design:paramtypes",[]),a("design:returntype",void 0)],r.prototype,"onMouseEnter",null),u([n.HostListener("mouseleave"),a("design:type",Function),a("design:paramtypes",[]),a("design:returntype",void 0)],r.prototype,"onMouseLeave",null),r=u([n.Directive({selector:`[sa-${o}]`}),a("design:paramtypes",[n.ElementRef])],r),e("TestDirective",r)}}});

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

@@ -0,0 +1,11 @@
+<mat-form-field>
+    <mat-label>Select Timezone</mat-label>
+    <input type="text"
+           placeholder="Timezone"
+           matInput
+           [formControl]="inputTimezone"
+           [matAutocomplete]="auto">
+    <mat-autocomplete autoActiveFirstOption #auto="matAutocomplete" (optionSelected)="timezoneSelected($event.option.value)">
+        <mat-option *ngFor="let timezone of filteredTimezones | async" [value]="timezone">{{timezone}}</mat-option>
+    </mat-autocomplete>
+</mat-form-field>

package/src/timezone-selector/timezone-selector.component.js

@@ -0,0 +1,224 @@
+System.register(["@angular/core", "@angular/platform-browser", "@angular/forms", "rxjs", "rxjs/operators", "toastify-js", "@stratusjs/core/misc", "@stratusjs/runtime/stratus", "@stratusjs/core/environment", "@stratusjs/core/events/eventManager", "../core/root.component", "@stratusjs/angularjs/services/registry"], function (exports_1, context_1) {
+    "use strict";
+    var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+        if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+        else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+    };
+    var __metadata = (this && this.__metadata) || function (k, v) {
+        if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+    };
+    var core_1, platform_browser_1, forms_1, rxjs_1, operators_1, toastify_js_1, misc_1, stratus_1, environment_1, eventManager_1, root_component_1, registry_1, systemDir, moduleName, min, localDir, TimezoneSelectorComponent;
+    var __moduleName = context_1 && context_1.id;
+    return {
+        setters: [
+            function (core_1_1) {
+                core_1 = core_1_1;
+            },
+            function (platform_browser_1_1) {
+                platform_browser_1 = platform_browser_1_1;
+            },
+            function (forms_1_1) {
+                forms_1 = forms_1_1;
+            },
+            function (rxjs_1_1) {
+                rxjs_1 = rxjs_1_1;
+            },
+            function (operators_1_1) {
+                operators_1 = operators_1_1;
+            },
+            function (toastify_js_1_1) {
+                toastify_js_1 = toastify_js_1_1;
+            },
+            function (misc_1_1) {
+                misc_1 = misc_1_1;
+            },
+            function (stratus_1_1) {
+                stratus_1 = stratus_1_1;
+            },
+            function (environment_1_1) {
+                environment_1 = environment_1_1;
+            },
+            function (eventManager_1_1) {
+                eventManager_1 = eventManager_1_1;
+            },
+            function (root_component_1_1) {
+                root_component_1 = root_component_1_1;
+            },
+            function (registry_1_1) {
+                registry_1 = registry_1_1;
+            }
+        ],
+        execute: function () {
+            systemDir = '@stratusjs/angular';
+            moduleName = 'timezone-selector';
+            min = !environment_1.cookie('env') ? '.min' : '';
+            localDir = `${stratus_1.Stratus.BaseUrl}${boot.configuration.paths[`${systemDir}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
+            TimezoneSelectorComponent = class TimezoneSelectorComponent extends root_component_1.RootComponent {
+                constructor(elementRef, ref, sanitizer) {
+                    super();
+                    this.elementRef = elementRef;
+                    this.ref = ref;
+                    this.sanitizer = sanitizer;
+                    this.title = moduleName + '_component';
+                    this.Stratus = stratus_1.Stratus;
+                    this.registry = new registry_1.Registry();
+                    this.onChange = new rxjs_1.Subject();
+                    this.inputTimezone = new forms_1.FormControl('');
+                    this.timezoneList = [];
+                    this.initialized = false;
+                    this.uid = misc_1.safeUniqueId('sa', moduleName, 'component');
+                    stratus_1.Stratus.Instances[this.uid] = this;
+                    this.timezoneList = Intl.supportedValuesOf('timeZone');
+                    this.hydrate(elementRef, sanitizer, ["title", "uid", "target", "targetSuffix", "id", "manifest", "decouple", "direct", "api", "urlRoot", "type", "property", "endpoint", "Stratus", "registry", "fetched", "data", "model", "dataSub", "onChange", "subscriber", "timezone", "inputTimezone", "timezoneList", "filteredTimezones", "initialized", "elementRef", "ref", "sanitizer", "ngOnInit", "_filter", "fetchData", "dataDefer", "dataRef", "valueChanged", "handleObservableError", "timezoneSelected", "hydrate", "disableRefresh", "stagger", "reloading", "refresh", "ngOnDestroy"]);
+                    this.filteredTimezones = this.inputTimezone.valueChanges.pipe(operators_1.startWith(''), operators_1.map(value => this._filter(value || '')));
+                    this.fetchData()
+                        .then(data => {
+                        if (!data || !(data instanceof eventManager_1.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 rxjs_1.Observable(subscriber => {
+                        return this.dataDefer(subscriber);
+                    });
+                    this.dataSub.pipe(operators_1.debounce(() => rxjs_1.timer(500)), operators_1.catchError(this.handleObservableError)).subscribe(evt => {
+                        if (this.inputTimezone.value === evt) {
+                            if (this.initialized) {
+                                this.refresh().then();
+                            }
+                            return;
+                        }
+                        this.timezone = evt;
+                        this.inputTimezone.setValue(this.timezone);
+                        this.refresh().then();
+                    });
+                }
+                async ngOnInit() {
+                    this.inputTimezone.valueChanges.forEach((value) => this.valueChanged(value)).then();
+                    this.initialized = true;
+                }
+                _filter(value) {
+                    const filterValue = value.toLowerCase();
+                    return this.timezoneList.filter(timezone => timezone.toLowerCase().includes(filterValue));
+                }
+                fetchData() {
+                    if (this.fetched) {
+                        return this.fetched;
+                    }
+                    return this.fetched = this.registry.fetch(stratus_1.Stratus.Select(this.elementRef.nativeElement), this);
+                }
+                dataDefer(subscriber) {
+                    this.subscriber = this.subscriber || subscriber;
+                    if (!this.subscriber) {
+                        return;
+                    }
+                    const dataString = this.dataRef();
+                    this.subscriber.next(dataString);
+                }
+                dataRef() {
+                    if (!this.model) {
+                        return '';
+                    }
+                    return this.model.get(this.property);
+                }
+                valueChanged(value) {
+                    if (!value) {
+                        return;
+                    }
+                    this.timezone = value;
+                    this.inputTimezone.setValue(this.timezone);
+                    if (!this.model || !this.model.completed) {
+                        return;
+                    }
+                    this.model.set(this.property, this.timezone);
+                }
+                handleObservableError(err) {
+                    console.error(err);
+                    toastify_js_1.default({
+                        text: err.toString(),
+                        duration: 3000,
+                        close: true,
+                        stopOnFocus: true,
+                        style: {
+                            background: '#E14D45',
+                        }
+                    }).showToast();
+                    return err;
+                }
+                timezoneSelected(value) {
+                    if (!value) {
+                        return;
+                    }
+                    this.valueChanged(value);
+                }
+            };
+            __decorate([
+                core_1.Input(),
+                __metadata("design:type", String)
+            ], TimezoneSelectorComponent.prototype, "target", void 0);
+            __decorate([
+                core_1.Input(),
+                __metadata("design:type", String)
+            ], TimezoneSelectorComponent.prototype, "targetSuffix", void 0);
+            __decorate([
+                core_1.Input(),
+                __metadata("design:type", Number)
+            ], TimezoneSelectorComponent.prototype, "id", void 0);
+            __decorate([
+                core_1.Input(),
+                __metadata("design:type", Boolean)
+            ], TimezoneSelectorComponent.prototype, "manifest", void 0);
+            __decorate([
+                core_1.Input(),
+                __metadata("design:type", Boolean)
+            ], TimezoneSelectorComponent.prototype, "decouple", void 0);
+            __decorate([
+                core_1.Input(),
+                __metadata("design:type", Boolean)
+            ], TimezoneSelectorComponent.prototype, "direct", void 0);
+            __decorate([
+                core_1.Input(),
+                __metadata("design:type", Object)
+            ], TimezoneSelectorComponent.prototype, "api", void 0);
+            __decorate([
+                core_1.Input(),
+                __metadata("design:type", String)
+            ], TimezoneSelectorComponent.prototype, "urlRoot", void 0);
+            __decorate([
+                core_1.Input(),
+                __metadata("design:type", String)
+            ], TimezoneSelectorComponent.prototype, "type", void 0);
+            __decorate([
+                core_1.Input(),
+                __metadata("design:type", String)
+            ], TimezoneSelectorComponent.prototype, "property", void 0);
+            __decorate([
+                core_1.Input(),
+                __metadata("design:type", String)
+            ], TimezoneSelectorComponent.prototype, "endpoint", void 0);
+            TimezoneSelectorComponent = __decorate([
+                core_1.Component({
+                    selector: `sa-${moduleName}`,
+                    templateUrl: `${localDir}/${moduleName}/${moduleName}.component${min}.html`,
+                    changeDetection: core_1.ChangeDetectionStrategy.OnPush
+                }),
+                __metadata("design:paramtypes", [core_1.ElementRef,
+                    core_1.ChangeDetectorRef,
+                    platform_browser_1.DomSanitizer])
+            ], TimezoneSelectorComponent);
+            exports_1("TimezoneSelectorComponent", TimezoneSelectorComponent);
+        }
+    };
+});
+
+//# sourceMappingURL=timezone-selector.component.js.map

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

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

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

@@ -0,0 +1 @@
+<mat-form-field><mat-label>Select Timezone</mat-label><input type="text" placeholder="Timezone" matInput [formControl]="inputTimezone" [matAutocomplete]="auto"><mat-autocomplete autoActiveFirstOption #auto="matAutocomplete" (optionSelected)="timezoneSelected($event.option.value)"><mat-option *ngFor="let timezone of filteredTimezones | async" [value]="timezone">{{timezone}}</mat-option></mat-autocomplete></mat-form-field>

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

@@ -0,0 +1 @@
+System.register(["@angular/core","@angular/platform-browser","@angular/forms","rxjs","rxjs/operators","toastify-js","@stratusjs/core/misc","@stratusjs/runtime/stratus","@stratusjs/core/environment","@stratusjs/core/events/eventManager","../core/root.component","@stratusjs/angularjs/services/registry"],function(e,t){"use strict";var i,n,s,r,o,a,u,h,c,p,d,l,f,m,g,y,b=this&&this.__decorate||function(e,t,i,n){var s,r=arguments.length,o=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(o=(r<3?s(o):r>3?s(t,i,o):s(t,i))||o);return r>3&&o&&Object.defineProperty(t,i,o),o},v=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};t&&t.id;return{setters:[function(e){i=e},function(e){n=e},function(e){s=e},function(e){r=e},function(e){o=e},function(e){a=e},function(e){u=e},function(e){h=e},function(e){c=e},function(e){p=e},function(e){d=e},function(e){l=e}],execute:function(){"@stratusjs/angular",f="timezone-selector",m=c.cookie("env")?"":".min",g=`${h.Stratus.BaseUrl}${boot.configuration.paths["@stratusjs/angular/*"].replace(/[^/]*$/,"").replace(/\/dist\/$/,"/src/")}`,y=class extends d.RootComponent{constructor(e,t,i){super(),this.elementRef=e,this.ref=t,this.sanitizer=i,this.title=f+"_component",this.Stratus=h.Stratus,this.registry=new l.Registry,this.onChange=new r.Subject,this.inputTimezone=new s.FormControl(""),this.timezoneList=[],this.initialized=!1,this.uid=u.safeUniqueId("sa",f,"component"),h.Stratus.Instances[this.uid]=this,this.timezoneList=Intl.supportedValuesOf("timeZone"),this.hydrate(e,i,["title","uid","target","targetSuffix","id","manifest","decouple","direct","api","urlRoot","type","property","endpoint","Stratus","registry","fetched","data","model","dataSub","onChange","subscriber","timezone","inputTimezone","timezoneList","filteredTimezones","initialized","elementRef","ref","sanitizer","ngOnInit","_filter","fetchData","dataDefer","dataRef","valueChanged","handleObservableError","timezoneSelected","hydrate","disableRefresh","stagger","reloading","refresh","ngOnDestroy"]),this.filteredTimezones=this.inputTimezone.valueChanges.pipe(o.startWith(""),o.map(e=>this._filter(e||""))),this.fetchData().then(e=>{if(!(e&&e instanceof p.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 r.Observable(e=>this.dataDefer(e)),this.dataSub.pipe(o.debounce(()=>r.timer(500)),o.catchError(this.handleObservableError)).subscribe(e=>{this.inputTimezone.value!==e?(this.timezone=e,this.inputTimezone.setValue(this.timezone),this.refresh().then()):this.initialized&&this.refresh().then()})}async ngOnInit(){this.inputTimezone.valueChanges.forEach(e=>this.valueChanged(e)).then(),this.initialized=!0}_filter(e){const t=e.toLowerCase();return this.timezoneList.filter(e=>e.toLowerCase().includes(t))}fetchData(){return this.fetched?this.fetched:this.fetched=this.registry.fetch(h.Stratus.Select(this.elementRef.nativeElement),this)}dataDefer(e){if(this.subscriber=this.subscriber||e,!this.subscriber)return;const t=this.dataRef();this.subscriber.next(t)}dataRef(){return this.model?this.model.get(this.property):""}valueChanged(e){e&&(this.timezone=e,this.inputTimezone.setValue(this.timezone),this.model&&this.model.completed&&this.model.set(this.property,this.timezone))}handleObservableError(e){return console.error(e),a.default({text:e.toString(),duration:3e3,close:!0,stopOnFocus:!0,style:{background:"#E14D45"}}).showToast(),e}timezoneSelected(e){e&&this.valueChanged(e)}},b([i.Input(),v("design:type",String)],y.prototype,"target",void 0),b([i.Input(),v("design:type",String)],y.prototype,"targetSuffix",void 0),b([i.Input(),v("design:type",Number)],y.prototype,"id",void 0),b([i.Input(),v("design:type",Boolean)],y.prototype,"manifest",void 0),b([i.Input(),v("design:type",Boolean)],y.prototype,"decouple",void 0),b([i.Input(),v("design:type",Boolean)],y.prototype,"direct",void 0),b([i.Input(),v("design:type",Object)],y.prototype,"api",void 0),b([i.Input(),v("design:type",String)],y.prototype,"urlRoot",void 0),b([i.Input(),v("design:type",String)],y.prototype,"type",void 0),b([i.Input(),v("design:type",String)],y.prototype,"property",void 0),b([i.Input(),v("design:type",String)],y.prototype,"endpoint",void 0),y=b([i.Component({selector:`sa-${f}`,templateUrl:`${g}/${f}/${f}.component${m}.html`,changeDetection:i.ChangeDetectionStrategy.OnPush}),v("design:paramtypes",[i.ElementRef,i.ChangeDetectorRef,n.DomSanitizer])],y),e("TimezoneSelectorComponent",y)}}});