@stratusjs/angular 0.2.82 → 0.2.86

package/src/editor/editor.component.min.js

@@ -1 +1 @@
-System.register(["@angular/core","@angular/forms","@angular/material/dialog","rxjs","rxjs/operators","@angular/platform-browser","@stratusjs/runtime/stratus","lodash","@stratusjs/angular/core/root.component","@stratusjs/angular/editor/media-dialog.component","@stratusjs/angularjs/services/registry","@stratusjs/core/environment","@stratusjs/core/events/eventManager","@stratusjs/angular/editor/code-view-dialog.component","codemirror/lib/codemirror","codemirror/mode/xml/xml","html2pdf","font-awesome","froala-plugins","froala-embedly","froala-font-awesome","froala-image-tui","@stratusjs/angular/froala/plugins/mediaManager"],function(e,t){"use strict";var i,a,r,o,n,s,l,d,c,u,h,p,f,g,m,b,y,v,k,S,x,w,C,M=this&&this.__decorate||function(e,t,i,a){var r,o=arguments.length,n=o<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(t,i,n):r(t,i))||n);return o>3&&n&&Object.defineProperty(t,i,n),n},T=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){a=e},function(e){r=e},function(e){o=e},function(e){n=e},function(e){s=e},function(e){l=e},function(e){d=e},function(e){c=e},function(e){u=e},function(e){h=e},function(e){p=e},function(e){f=e},function(e){g=e},function(e){m=e},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){}],execute:function(){b="/assets/1/0/bundles","@stratusjs/angular","froala-editor","codemirror",y="editor",v=p.cookie("env")?"":".min",k=`${b}/${boot.configuration.paths["@stratusjs/angular/*"].replace(/[^\/]*$/,"")}`,S=`${b}/${boot.configuration.paths["codemirror/*"].replace(/[^\/]*$/,"")}`,x=`${b}/${boot.configuration.paths["froala-editor"].replace(/js\/[^\/]*$/,"")}`,w=(e,t)=>d.default.has(e,t)&&!d.default.isEmpty(d.default.get(e,t)),C=class extends c.RootComponent{constructor(e,t,i,r,s){super(),this.sanitizer=e,this.ref=t,this.elementRef=i,this.fb=r,this.dialog=s,this.title="editor_component",this.dev=!!p.cookie("env"),this.editor="froala",this._=d.default,this.has=w,this.log=console.log,this.registry=new h.Registry,this.onChange=new o.Subject,this.svgIcons={},this.initialized=!1,this.styled=!1,this.blurred=!1,this.focused=!1,this.form=this.fb.group({dataString:new a.FormControl}),this.dataChangeLog=[],this.dataString="",this.froalaButtons=["bold","italic","underline","strikeThrough","subscript","superscript","|","formatBlock","blockStyle","inlineStyle","paragraphStyle","paragraphFormat","align","formatOL","formatUL","outdent","indent","|","insertLink","insertImage","insertVideo","insertFile","insertTable","|","undo","redo","removeFormat","wordPaste","help","html","fullscreen"],this.froalaStandardButtons={moreText:["bold","italic","underline","strikeThrough","subscript","superscript","fontFamily","fontSize","textColor","backgroundColor","inlineClass","inlineStyle","clearFormatting"],moreParagraph:["alignLeft","alignCenter","alignRight","alignJustify","indent","outdent","paragraphFormat","paragraphStyle","formatOL","formatUL","quote"],moreRich:["insertLink","insertImage","insertVideo","insertFile","insertTable","insertHR","specialCharacters","embedly"],moreMisc:["undo","redo","fullscreen","html","print","selectAll","help"]},this.froalaConfig={attribution:!1,key:l.Stratus.Environment.get("froalaKey"),zIndex:9999,events:{initialized:e=>{this.froalaEditorDirective=e}},codeBeautifierOptions:{end_with_newline:!0,indent_inner_html:!0,extra_liners:'["p", "h1", "h2", "h3", "h4", "h5", "h6", "blockquote", "pre", "ul", "ol", "table", "dl"]',brace_style:"expand",indent_char:" ",indent_size:4,wrap_line_length:0},codeMirror:m,codeMirrorOptions:{indentWithTabs:!1,lineNumbers:!0,lineWrapping:!0,mode:"text/html",tabMode:"space",tabSize:4},fileInsertButtons:["fileBack","|","mediaManager"],fileUploadURL:"https://app.sitetheory.io/?session="+p.cookie("SITETHEORY"),fontFamily:{"Arial,Helvetica,sans-serif":"Arial","Georgia,serif":"Georgia","Impact,Charcoal,sans-serif":"Impact","Tahoma,Geneva,sans-serif":"Tahoma",'"Times New Roman",Times,serif':"Times New Roman","Verdana,Geneva,sans-serif":"Verdana"},heightMax:window.innerHeight||document.documentElement.clientHeight||500,htmlAllowedAttrs:["aria-.+","data-.+","accept","accept-charset","accesskey","action","align","allowfullscreen","allowtransparency","alt","async","autocomplete","autofocus","autoplay","autosave","background","bgcolor","border","charset","cellpadding","cellspacing","checked","cite","class","color","cols","colspan","content","contenteditable","contextmenu","controls","coords","data","datetime","default","defer","dir","dirname","disabled","download","draggable","dropzone","enctype","for","form","formaction","frameborder","headers","height","hidden","high","href","hreflang","http-equiv","icon","id","ismap","itemprop","keytype","kind","label","lang","language","list","loop","low","max","maxlength","media","method","min","mozallowfullscreen","multiple","muted","name","novalidate","open","optimum","pattern","ping","placeholder","playsinline","poster","preload","pubdate","radiogroup","readonly","rel","required","reversed","rows","rowspan","sandbox","scope","scoped","scrolling","seamless","selected","shape","size","sizes","span","src","srcdoc","srclang","srcset","start","step","summary","spellcheck","style","tabindex","target","title","type","translate","usemap","value","valign","webkitallowfullscreen","width","wrap","xmlns","xmlns:xlink","accent-height","accumulate","additive","alignment-baseline","alphabetic","amplitude","arabic-form","ascent","attributeName","attributeType","azimuth","baseFrequency","baseline-shift","baseProfile","bbox","begin","bias","by","calcMode","cap-height","clip","clipPathUnits","clip-path","clip-rule","color-interpolation","color-interpolation-filters","color-profile","color-rendering","contentScriptType","contentStyleType","crossorigin","cursor","cx","cy","d","decelerate","descent","diffuseConstant","direction","display","divisor","dominant-baseline","dur","dx","dy","edgeMode","elevation","enable-background","end","exponent","externalResourcesRequired","fill","fill-opacity","fill-rule","filter","filterRes","filterUnits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","format","from","fr","fx","fy","g1","g2","glyph-name","glyph-orientation-horizontal","glyph-orientation-vertical","glyphRef","gradientTransform","gradientUnits","hanging","horiz-adv-x","horiz-origin-x","ideographic","image-rendering","in","in2","intercept","k","k1","k2","k3","k4","kernelMatrix","kernelUnitLength","kerning","keyPoints","keySplines","keyTimes","lengthAdjust","letter-spacing","lighting-color","limitingConeAngle","local","marker-end","marker-mid","marker-start","markerHeight","markerUnits","markerWidth","mask","maskContentUnits","maskUnits","mathematical","mode","numOctaves","offset","opacity","operator","order","orient","orientation","origin","overflow","overline-position","overline-thickness","panose-1","paint-order","path","pathLength","patternContentUnits","patternTransform","patternUnits","pointer-events","points","pointsAtX","pointsAtY","pointsAtZ","preserveAlpha","preserveAspectRatio","primitiveUnits","r","radius","referrerPolicy","refX","refY","rendering-intent","repeatCount","repeatDur","requiredExtensions","requiredFeatures","restart","result","rotate","rx","ry","scale","seed","shape-rendering","slope","spacing","specularConstant","specularExponent","speed","spreadMethod","startOffset","stdDeviation","stemh","stemv","stitchTiles","stop-color","stop-opacity","strikethrough-position","strikethrough-thickness","string","stroke","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke-width","surfaceScale","systemLanguage","tableValues","targetX","targetY","text-anchor","text-decoration","text-rendering","textLength","to","transform","transform-origin","u1","u2","underline-position","underline-thickness","unicode","unicode-bidi","unicode-range","units-per-em","v-alphabetic","v-hanging","v-ideographic","v-mathematical","values","vector-effect","version","vert-adv-y","vert-origin-x","vert-origin-y","viewBox","viewTarget","visibility","widths","word-spacing","writing-mode","x","x-height","x1","x2","xChannelSelector","xlink:actuate","xlink:arcrole","xlink:href","xlink:role","xlink:show","xlink:title","xlink:type","xml:base","xml:lang","xml:space","y","y1","y2","yChannelSelector","z","zoomAndPan"],htmlAllowedEmptyTags:["textarea","a","iframe","object","video","style","script","hr","div","animate","animateMotion","animateTransform","circle","clipPath","defs","desc","discard","ellipse","feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence","filter","foreignObject","g","image","line","linearGradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialGradient","rect","set","stop","svg","switch","symbol","text","textPath","tspan","unknown","use","view"],htmlAllowedStyleProps:[".*"],htmlAllowedTags:["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","blockquote","br","button","canvas","caption","cite","code","col","colgroup","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","hr","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meter","nav","noscript","object","ol","optgroup","option","output","p","param","pre","progress","queue","rp","rt","ruby","s","samp","script","style","section","select","small","source","span","strike","strong","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","animate","animateMotion","animateTransform","circle","clipPath","defs","desc","discard","ellipse","feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence","filter","foreignObject","g","image","line","linearGradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialGradient","rect","set","stop","svg","switch","symbol","text","textPath","tspan","unknown","use","view"],htmlRemoveTags:[],htmlSimpleAmpersand:!1,imageInsertButtons:["imageBack","|","mediaManager","imageUpload","imageByURL"],imageUpload:!0,imageUploadRemoteUrls:!0,imageUploadURL:"https://app.sitetheory.io/?session="+p.cookie("SITETHEORY"),imageManagerPageSize:20,imageManagerScrollOffset:10,imageManagerLoadMethod:"GET",imageManagerLoadURL:"/Api/Media?payload-only=true",multiLine:!0,paragraphStyles:{btn:"Button",header:"Header",title:"Title","alt-title":"Alt Title (over)",subtitle:"Subtitle",pullout:"Pullout Quote"},pasteDeniedAttrs:["id","class","style","dir","data-.+","aria-.+","ng-.+"],pasteDeniedTags:["form","input","label","style"],pastePlain:!1,pluginsEnabled:["align","charCounter","codeBeautifier","codeView","colors","draggable","embedly","entities","file","fontAwesome","fontFamily","fontSize","fullscreen","help","image","imageTUI","inlineStyle","inlineClass","lineBreaker","link","lists","mediaManager","paragraphFormat","paragraphStyle","print","quickInsert","quote","save","specialCharacters","table","url","video","wordPaste"],quickInsertButtons:["image","video","media","embedly","table","ul","ol","hr"],scrollableContainer:l.Stratus.Environment.get("viewPort")||"body",spellcheck:!0,toolbarSticky:!0,toolbarButtons:{moreText:{buttons:this.froalaStandardButtons.moreText,buttonsVisible:0},moreParagraph:{buttons:this.froalaStandardButtons.moreParagraph,buttonsVisible:8},moreRich:{buttons:this.froalaStandardButtons.moreRich,buttonsVisible:5},moreMisc:{buttons:this.froalaStandardButtons.moreMisc,align:"right",buttonsVisible:4}},toolbarButtonsSM:{moreText:{buttons:this.froalaStandardButtons.moreText,buttonsVisible:3},moreParagraph:{buttons:this.froalaStandardButtons.moreParagraph,buttonsVisible:0},moreRich:{buttons:this.froalaStandardButtons.moreRich,buttonsVisible:3},moreMisc:{buttons:this.froalaStandardButtons.moreMisc,align:"right",buttonsVisible:4}},toolbarButtonsXS:{moreText:{buttons:this.froalaStandardButtons.moreText,buttonsVisible:0},moreParagraph:{buttons:this.froalaStandardButtons.moreParagraph,buttonsVisible:0},moreRich:{buttons:this.froalaStandardButtons.moreRich,buttonsVisible:0},moreMisc:{buttons:this.froalaStandardButtons.moreMisc,align:"right",buttonsVisible:2}},useClasses:!0,videoInsertButtons:["videoBack","|","mediaManager","videoByURL","videoEmbed","videoUpload"],videoUpload:!0,videoUploadURL:"https://app.sitetheory.io/?session="+p.cookie("SITETHEORY")},this.uid=d.default.uniqueId(`sa_${d.default.snakeCase(y)}_component_`),l.Stratus.Instances[this.uid]=this,l.Stratus.Internals.LoadCss([`${k}editor/editor.component${v}.css`,`${S}lib/codemirror.css`,`${x}css/froala_editor.pkgd${v}.css`,`${x}css/third_party/embedly${v}.css`,`${x}css/third_party/font_awesome${v}.css`,`${x}css/third_party/image_tui${v}.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(i,e,["title","uid","dev","debug","editor","target","targetSuffix","id","manifest","decouple","direct","api","urlRoot","property","_","has","log","registry","fetched","data","collection","model","dataSub","onChange","subscriber","svgIcons","initialized","styled","blurred","focused","codeViewIsOpen","form","dataChangeLog","dataString","froalaEditorDirective","froalaButtons","froalaStandardButtons","froalaConfig","sanitizer","ref","elementRef","fb","dialog","ngOnInit","listDuplicates","normalizeIn","normalizeOut","changeImgSize","handleError","fetchData","dataDefer","dataRef","onDataChange","created","changedEditor","onChangeEvent","onFocus","onBlur","bypassHTML","trigger","openMediaDialog","openCodeViewDialog","hydrate","reloading","refresh","ngOnDestroy"]),this.fetchData().then(e=>{if(!(e&&e instanceof f.EventManager))return void console.warn("Unable to bind data from Registry!");const t=()=>{e.completed&&(this.dataDefer(this.subscriber),this.codeViewIsOpen)};e.on("change",t),t()}),this.dataSub=new o.Observable(e=>this.dataDefer(e)),this.dataSub.pipe(n.debounce(()=>o.timer(500)),n.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())})}ngOnInit(){this.initialized=!0;this.form.get("dataString").valueChanges.forEach(e=>{if(!this.model.completed)return;let t=null;!this.froalaConfig.useClasses&&this.froalaEditorDirective&&this.froalaEditorDirective.getEditor()&&this.froalaEditorDirective.getEditor().el&&this.froalaEditorDirective.getEditor().el.innerHTML&&(t=this.froalaEditorDirective.getEditor().el.innerHTML),this.model.set(this.property,this.normalizeOut(t||e))}),this.dev&&this.listDuplicates(this.froalaConfig)}listDuplicates(e){return d.default.forEach(e,(e,t)=>{if(!d.default.isArray(e))return;const i={};e.forEach(e=>i[e]=(i[e]||0)+1);const a=d.default.filter(d.default.map(i,(e,t)=>e>1?t:null));a.length&&console.warn("Froala Config:",t,"has duplicates:",a)}),e}normalizeIn(e){return e&&d.default.isString(e)?this.changeImgSize(e,"hq"):""}normalizeOut(e){return null===e?"":d.default.isString(e)?this.changeImgSize(e,"xs"):e}changeImgSize(e,t){if(!e||!d.default.isString(e))return e;if(!t||!d.default.isString(t))return e;const i=/<img([\w\W]+?)>/gi;let a;for(;a=i.exec(e);){const i=a[0];if(i.includes("data:image"))continue;const r=/^(.+?)(-[A-Z]{2})?\.(?=[^.]*$)(.+)/gi.exec(i);null!==r?e=i.includes("data-stratus-src")?e.replace(i,`${r[1]}-${t}.${r[3]}`):e.replace(i,`${r[1]}.${r[3]}`):console.warn("Unable to find file name for image src:",i)}return e}handleError(e){return console.error(e),e}fetchData(){return this.fetched?this.fetched:this.fetched=this.registry.fetch(l.Stratus.Select(this.elementRef.nativeElement),this)}dataDefer(e){if(this.subscriber=this.subscriber||e,!this.subscriber)return;const t=this.dataString,i=this.dataRef();if(i){if(!this.froalaConfig.useClasses){if(t===this.dataString)return;this.dev&&console.log("changed value pushed to subscriber:",t,this.dataString)}this.subscriber.next(i)}else setTimeout(()=>{this.dataDefer(e)},500)}dataRef(){return this.model?this.dataString=this.normalizeIn(this.model.get(this.property)):""}onDataChange(){this.dataDefer(this.subscriber),this.refresh()}created(){}changedEditor(e){console.log("editor-change:",e)}onChangeEvent(e){console.log("change:",e)}onFocus(e){this.focused=!0,this.blurred=!1}onBlur(e){this.focused=!1,this.blurred=!0}bypassHTML(e){return this.sanitizer.bypassSecurityTrustHtml(e)}trigger(e,t,i){this.dev&&this.debug&&console.log("editor.trigger:",e,i),"media-library"===e?this.openMediaDialog(i):"code-view"===e&&this.openCodeViewDialog()}openMediaDialog(e){const t=this.dialog.open(u.MediaDialogComponent,{width:"1000px",data:{editor:this,eventManager:e,form:this.form,model:this.model,property:this.property}});this.refresh();const i=this;t.afterClosed().subscribe(e=>{e&&!d.default.isEmpty(e)&&(i.refresh(),this.dev&&e&&console.log("media dialog result:",e))})}openCodeViewDialog(){this.codeViewIsOpen=!0;const e=this.dialog.open(g.CodeViewDialogComponent,{width:"1000px",data:{form:this.form,model:this.model,property:this.property}});this.refresh(),e.afterClosed().subscribe(e=>{this.codeViewIsOpen=!1,e&&!d.default.isEmpty(e)&&(this.refresh(),this.dev&&e&&console.log("code view dialog result:",e))})}},M([i.Input(),T("design:type",String)],C.prototype,"target",void 0),M([i.Input(),T("design:type",String)],C.prototype,"targetSuffix",void 0),M([i.Input(),T("design:type",Number)],C.prototype,"id",void 0),M([i.Input(),T("design:type",Boolean)],C.prototype,"manifest",void 0),M([i.Input(),T("design:type",Boolean)],C.prototype,"decouple",void 0),M([i.Input(),T("design:type",Boolean)],C.prototype,"direct",void 0),M([i.Input(),T("design:type",Object)],C.prototype,"api",void 0),M([i.Input(),T("design:type",String)],C.prototype,"urlRoot",void 0),M([i.Input(),T("design:type",String)],C.prototype,"property",void 0),C=M([i.Component({selector:"sa-editor",templateUrl:`${k}/editor/editor.component${v}.html`}),T("design:paramtypes",[s.DomSanitizer,i.ChangeDetectorRef,i.ElementRef,a.FormBuilder,r.MatDialog])],C),e("EditorComponent",C)}}});
+System.register(["@angular/core","@angular/forms","@angular/material/dialog","rxjs","rxjs/operators","@angular/platform-browser","@stratusjs/runtime/stratus","lodash","@stratusjs/angular/core/root.component","@stratusjs/angular/editor/media-dialog.component","@stratusjs/angularjs/services/registry","@stratusjs/core/environment","@stratusjs/core/events/eventManager","@stratusjs/angular/editor/code-view-dialog.component","codemirror/lib/codemirror","codemirror/mode/xml/xml","html2pdf","font-awesome","froala-plugins","froala-embedly","froala-font-awesome","froala-image-tui","@stratusjs/angular/froala/plugins/mediaManager"],function(e,t){"use strict";var i,a,r,o,n,s,l,d,c,u,h,p,f,g,m,b,y,v,S,k,x,w,C=this&&this.__decorate||function(e,t,i,a){var r,o=arguments.length,n=o<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(t,i,n):r(t,i))||n);return o>3&&n&&Object.defineProperty(t,i,n),n},M=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){a=e},function(e){r=e},function(e){o=e},function(e){n=e},function(e){s=e},function(e){l=e},function(e){d=e},function(e){c=e},function(e){u=e},function(e){h=e},function(e){p=e},function(e){f=e},function(e){g=e},function(e){m=e},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){}],execute:function(){"@stratusjs/angular","froala-editor","codemirror",b="editor",y=p.cookie("env")?"":".min",v=`${l.Stratus.BaseUrl}${boot.configuration.paths["@stratusjs/angular/*"].replace(/[^\/]*$/,"")}`,S=`${l.Stratus.BaseUrl}${boot.configuration.paths["codemirror/*"].replace(/[^\/]*$/,"")}`,k=`${l.Stratus.BaseUrl}${boot.configuration.paths["froala-editor"].replace(/js\/[^\/]*$/,"")}`,x=(e,t)=>d.default.has(e,t)&&!d.default.isEmpty(d.default.get(e,t)),w=class extends c.RootComponent{constructor(e,t,i,r,s){super(),this.sanitizer=e,this.ref=t,this.elementRef=i,this.fb=r,this.dialog=s,this.title="editor_component",this.dev=!!p.cookie("env"),this.editor="froala",this._=d.default,this.has=x,this.log=console.log,this.Stratus=l.Stratus,this.registry=new h.Registry,this.onChange=new o.Subject,this.svgIcons={},this.initialized=!1,this.styled=!1,this.blurred=!1,this.focused=!1,this.form=this.fb.group({dataString:new a.FormControl}),this.dataChangeLog=[],this.dataString="",this.froalaButtons=["bold","italic","underline","strikeThrough","subscript","superscript","|","formatBlock","blockStyle","inlineStyle","paragraphStyle","paragraphFormat","align","formatOL","formatUL","outdent","indent","|","insertLink","insertImage","insertVideo","insertFile","insertTable","|","undo","redo","removeFormat","wordPaste","help","html","fullscreen"],this.froalaStandardButtons={moreText:["bold","italic","underline","strikeThrough","subscript","superscript","fontFamily","fontSize","textColor","backgroundColor","inlineClass","inlineStyle","clearFormatting"],moreParagraph:["alignLeft","alignCenter","alignRight","alignJustify","indent","outdent","paragraphFormat","paragraphStyle","formatOL","formatUL","quote"],moreRich:["insertLink","insertImage","insertVideo","insertFile","insertTable","insertHR","specialCharacters","embedly"],moreMisc:["undo","redo","fullscreen","html","print","selectAll","help"]},this.froalaConfig={attribution:!1,key:l.Stratus.Environment.get("froalaKey"),zIndex:9999,events:{initialized:e=>{this.froalaEditorDirective=e}},codeBeautifierOptions:{end_with_newline:!0,indent_inner_html:!0,extra_liners:'["p", "h1", "h2", "h3", "h4", "h5", "h6", "blockquote", "pre", "ul", "ol", "table", "dl"]',brace_style:"expand",indent_char:" ",indent_size:4,wrap_line_length:0},codeMirror:m,codeMirrorOptions:{indentWithTabs:!1,lineNumbers:!0,lineWrapping:!0,mode:"text/html",tabMode:"space",tabSize:4},fileInsertButtons:["fileBack","|","mediaManager"],fileUploadURL:"https://app.sitetheory.io/?session="+p.cookie("SITETHEORY"),fontFamily:{"Arial,Helvetica,sans-serif":"Arial","Georgia,serif":"Georgia","Impact,Charcoal,sans-serif":"Impact","Tahoma,Geneva,sans-serif":"Tahoma",'"Times New Roman",Times,serif':"Times New Roman","Verdana,Geneva,sans-serif":"Verdana"},heightMax:window.innerHeight||document.documentElement.clientHeight||500,htmlAllowedAttrs:["aria-.+","data-.+","accept","accept-charset","accesskey","action","align","allowfullscreen","allowtransparency","alt","async","autocomplete","autofocus","autoplay","autosave","background","bgcolor","border","charset","cellpadding","cellspacing","checked","cite","class","color","cols","colspan","content","contenteditable","contextmenu","controls","coords","data","datetime","default","defer","dir","dirname","disabled","download","draggable","dropzone","enctype","for","form","formaction","frameborder","headers","height","hidden","high","href","hreflang","http-equiv","icon","id","ismap","itemprop","keytype","kind","label","lang","language","list","loop","low","max","maxlength","media","method","min","mozallowfullscreen","multiple","muted","name","novalidate","open","optimum","pattern","ping","placeholder","playsinline","poster","preload","pubdate","radiogroup","readonly","rel","required","reversed","rows","rowspan","sandbox","scope","scoped","scrolling","seamless","selected","shape","size","sizes","span","src","srcdoc","srclang","srcset","start","step","summary","spellcheck","style","tabindex","target","title","type","translate","usemap","value","valign","webkitallowfullscreen","width","wrap","xmlns","xmlns:xlink","accent-height","accumulate","additive","alignment-baseline","alphabetic","amplitude","arabic-form","ascent","attributeName","attributeType","azimuth","baseFrequency","baseline-shift","baseProfile","bbox","begin","bias","by","calcMode","cap-height","clip","clipPathUnits","clip-path","clip-rule","color-interpolation","color-interpolation-filters","color-profile","color-rendering","contentScriptType","contentStyleType","crossorigin","cursor","cx","cy","d","decelerate","descent","diffuseConstant","direction","display","divisor","dominant-baseline","dur","dx","dy","edgeMode","elevation","enable-background","end","exponent","externalResourcesRequired","fill","fill-opacity","fill-rule","filter","filterRes","filterUnits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","format","from","fr","fx","fy","g1","g2","glyph-name","glyph-orientation-horizontal","glyph-orientation-vertical","glyphRef","gradientTransform","gradientUnits","hanging","horiz-adv-x","horiz-origin-x","ideographic","image-rendering","in","in2","intercept","k","k1","k2","k3","k4","kernelMatrix","kernelUnitLength","kerning","keyPoints","keySplines","keyTimes","lengthAdjust","letter-spacing","lighting-color","limitingConeAngle","local","marker-end","marker-mid","marker-start","markerHeight","markerUnits","markerWidth","mask","maskContentUnits","maskUnits","mathematical","mode","numOctaves","offset","opacity","operator","order","orient","orientation","origin","overflow","overline-position","overline-thickness","panose-1","paint-order","path","pathLength","patternContentUnits","patternTransform","patternUnits","pointer-events","points","pointsAtX","pointsAtY","pointsAtZ","preserveAlpha","preserveAspectRatio","primitiveUnits","r","radius","referrerPolicy","refX","refY","rendering-intent","repeatCount","repeatDur","requiredExtensions","requiredFeatures","restart","result","rotate","rx","ry","scale","seed","shape-rendering","slope","spacing","specularConstant","specularExponent","speed","spreadMethod","startOffset","stdDeviation","stemh","stemv","stitchTiles","stop-color","stop-opacity","strikethrough-position","strikethrough-thickness","string","stroke","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke-width","surfaceScale","systemLanguage","tableValues","targetX","targetY","text-anchor","text-decoration","text-rendering","textLength","to","transform","transform-origin","u1","u2","underline-position","underline-thickness","unicode","unicode-bidi","unicode-range","units-per-em","v-alphabetic","v-hanging","v-ideographic","v-mathematical","values","vector-effect","version","vert-adv-y","vert-origin-x","vert-origin-y","viewBox","viewTarget","visibility","widths","word-spacing","writing-mode","x","x-height","x1","x2","xChannelSelector","xlink:actuate","xlink:arcrole","xlink:href","xlink:role","xlink:show","xlink:title","xlink:type","xml:base","xml:lang","xml:space","y","y1","y2","yChannelSelector","z","zoomAndPan"],htmlAllowedEmptyTags:["textarea","a","iframe","object","video","style","script","hr","div","animate","animateMotion","animateTransform","circle","clipPath","defs","desc","discard","ellipse","feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence","filter","foreignObject","g","image","line","linearGradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialGradient","rect","set","stop","svg","switch","symbol","text","textPath","tspan","unknown","use","view"],htmlAllowedStyleProps:[".*"],htmlAllowedTags:["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","blockquote","br","button","canvas","caption","cite","code","col","colgroup","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","hr","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meter","nav","noscript","object","ol","optgroup","option","output","p","param","pre","progress","queue","rp","rt","ruby","s","samp","script","style","section","select","small","source","span","strike","strong","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","animate","animateMotion","animateTransform","circle","clipPath","defs","desc","discard","ellipse","feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence","filter","foreignObject","g","image","line","linearGradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialGradient","rect","set","stop","svg","switch","symbol","text","textPath","tspan","unknown","use","view"],htmlRemoveTags:[],htmlSimpleAmpersand:!1,imageInsertButtons:["imageBack","|","mediaManager","imageUpload","imageByURL"],imageUpload:!0,imageUploadRemoteUrls:!0,imageUploadURL:"https://app.sitetheory.io/?session="+p.cookie("SITETHEORY"),imageManagerPageSize:20,imageManagerScrollOffset:10,imageManagerLoadMethod:"GET",imageManagerLoadURL:"/Api/Media?payload-only=true",multiLine:!0,paragraphStyles:{btn:"Button",header:"Header",title:"Title","alt-title":"Alt Title (over)",subtitle:"Subtitle",pullout:"Pullout Quote"},pasteDeniedAttrs:["id","class","style","dir","data-.+","aria-.+","ng-.+"],pasteDeniedTags:["form","input","label","style"],pastePlain:!1,pluginsEnabled:["align","charCounter","codeBeautifier","codeView","colors","draggable","embedly","entities","file","fontAwesome","fontFamily","fontSize","fullscreen","help","image","imageTUI","inlineStyle","inlineClass","lineBreaker","link","lists","mediaManager","paragraphFormat","paragraphStyle","print","quickInsert","quote","save","specialCharacters","table","url","video","wordPaste"],quickInsertButtons:["image","video","media","embedly","table","ul","ol","hr"],scrollableContainer:l.Stratus.Environment.get("viewPort")||"body",spellcheck:!0,toolbarSticky:!0,toolbarButtons:{moreText:{buttons:this.froalaStandardButtons.moreText,buttonsVisible:0},moreParagraph:{buttons:this.froalaStandardButtons.moreParagraph,buttonsVisible:8},moreRich:{buttons:this.froalaStandardButtons.moreRich,buttonsVisible:5},moreMisc:{buttons:this.froalaStandardButtons.moreMisc,align:"right",buttonsVisible:4}},toolbarButtonsSM:{moreText:{buttons:this.froalaStandardButtons.moreText,buttonsVisible:3},moreParagraph:{buttons:this.froalaStandardButtons.moreParagraph,buttonsVisible:0},moreRich:{buttons:this.froalaStandardButtons.moreRich,buttonsVisible:3},moreMisc:{buttons:this.froalaStandardButtons.moreMisc,align:"right",buttonsVisible:4}},toolbarButtonsXS:{moreText:{buttons:this.froalaStandardButtons.moreText,buttonsVisible:0},moreParagraph:{buttons:this.froalaStandardButtons.moreParagraph,buttonsVisible:0},moreRich:{buttons:this.froalaStandardButtons.moreRich,buttonsVisible:0},moreMisc:{buttons:this.froalaStandardButtons.moreMisc,align:"right",buttonsVisible:2}},useClasses:!0,videoInsertButtons:["videoBack","|","mediaManager","videoByURL","videoEmbed","videoUpload"],videoUpload:!0,videoUploadURL:"https://app.sitetheory.io/?session="+p.cookie("SITETHEORY")},this.uid=d.default.uniqueId(`sa_${d.default.snakeCase(b)}_component_`),l.Stratus.Instances[this.uid]=this,l.Stratus.Internals.LoadCss([`${v}editor/editor.component${y}.css`,`${S}lib/codemirror.css`,`${k}css/froala_editor.pkgd${y}.css`,`${k}css/third_party/embedly${y}.css`,`${k}css/third_party/font_awesome${y}.css`,`${k}css/third_party/image_tui${y}.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(i,e,["title","uid","dev","debug","editor","target","targetSuffix","id","manifest","decouple","direct","api","urlRoot","property","_","has","log","Stratus","registry","fetched","data","collection","model","dataSub","onChange","subscriber","svgIcons","initialized","styled","blurred","focused","codeViewIsOpen","form","dataChangeLog","dataString","froalaEditorDirective","froalaButtons","froalaStandardButtons","froalaConfig","sanitizer","ref","elementRef","fb","dialog","ngOnInit","listDuplicates","normalizeIn","normalizeOut","changeImgSize","handleError","fetchData","dataDefer","dataRef","onDataChange","created","changedEditor","onChangeEvent","onFocus","onBlur","bypassHTML","trigger","openMediaDialog","openCodeViewDialog","hydrate","reloading","refresh","ngOnDestroy"]),this.fetchData().then(e=>{if(!(e&&e instanceof f.EventManager))return void console.warn("Unable to bind data from Registry!");const t=()=>{e.completed&&(this.dataDefer(this.subscriber),this.codeViewIsOpen)};e.on("change",t),t()}),this.dataSub=new o.Observable(e=>this.dataDefer(e)),this.dataSub.pipe(n.debounce(()=>o.timer(500)),n.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())})}ngOnInit(){this.initialized=!0;this.form.get("dataString").valueChanges.forEach(e=>{if(!this.model.completed)return;let t=null;!this.froalaConfig.useClasses&&this.froalaEditorDirective&&this.froalaEditorDirective.getEditor()&&this.froalaEditorDirective.getEditor().el&&this.froalaEditorDirective.getEditor().el.innerHTML&&(t=this.froalaEditorDirective.getEditor().el.innerHTML),this.model.set(this.property,this.normalizeOut(t||e))}),this.dev&&this.listDuplicates(this.froalaConfig)}listDuplicates(e){return d.default.forEach(e,(e,t)=>{if(!d.default.isArray(e))return;const i={};e.forEach(e=>i[e]=(i[e]||0)+1);const a=d.default.filter(d.default.map(i,(e,t)=>e>1?t:null));a.length&&console.warn("Froala Config:",t,"has duplicates:",a)}),e}normalizeIn(e){return e&&d.default.isString(e)?this.changeImgSize(e,"hq"):""}normalizeOut(e){return null===e?"":d.default.isString(e)?this.changeImgSize(e,"xs"):e}changeImgSize(e,t){if(!e||!d.default.isString(e))return e;if(!t||!d.default.isString(t))return e;const i=/<img([\w\W]+?)>/gi;let a;for(;a=i.exec(e);){const i=a[0];if(i.includes("data:image"))continue;const r=/^<img\s(.+?)(-[A-Z]{2})?\.(?=[^.]*$)(.+)>/gi.exec(i);if(null!==r)if(i.includes("data-stratus-src"))e=e.replace(i,`<img ${r[1]}-${t}.${r[3]}>`);else{if(!i.includes("cdn.sitetheory.io"))continue;if(d.default.isEmpty(r[2]))continue;e=e.replace(i,`<img data-stratus-src ${r[1]}-${t}.${r[3]}>`)}else console.warn("Unable to find file name for image src:",i)}return e}handleError(e){return console.error(e),e}fetchData(){return this.fetched?this.fetched:this.fetched=this.registry.fetch(l.Stratus.Select(this.elementRef.nativeElement),this)}dataDefer(e){if(this.subscriber=this.subscriber||e,!this.subscriber)return;const t=this.dataString,i=this.dataRef();if(i){if(!this.froalaConfig.useClasses){if(t===this.dataString)return;this.dev&&console.log("changed value pushed to subscriber:",t,this.dataString)}this.subscriber.next(i)}else setTimeout(()=>{this.dataDefer(e)},500)}dataRef(){return this.model?this.dataString=this.normalizeIn(this.model.get(this.property)):""}onDataChange(){this.dataDefer(this.subscriber),this.refresh()}created(){}changedEditor(e){console.log("editor-change:",e)}onChangeEvent(e){console.log("change:",e)}onFocus(e){this.focused=!0,this.blurred=!1}onBlur(e){this.focused=!1,this.blurred=!0}bypassHTML(e){return this.sanitizer.bypassSecurityTrustHtml(e)}trigger(e,t,i){this.dev&&this.debug&&console.log("editor.trigger:",e,i),"media-library"===e?this.openMediaDialog(i):"code-view"===e&&this.openCodeViewDialog()}openMediaDialog(e){const t=this.dialog.open(u.MediaDialogComponent,{width:"1000px",data:{editor:this,eventManager:e,form:this.form,model:this.model,property:this.property}});this.refresh();const i=this;t.afterClosed().subscribe(e=>{e&&!d.default.isEmpty(e)&&(i.refresh(),this.dev&&e&&console.log("media dialog result:",e))})}openCodeViewDialog(){this.codeViewIsOpen=!0;const e=this.dialog.open(g.CodeViewDialogComponent,{width:"1000px",data:{form:this.form,model:this.model,property:this.property}});this.refresh(),e.afterClosed().subscribe(e=>{this.codeViewIsOpen=!1,e&&!d.default.isEmpty(e)&&(this.refresh(),this.dev&&e&&console.log("code view dialog result:",e))})}},C([i.Input(),M("design:type",String)],w.prototype,"target",void 0),C([i.Input(),M("design:type",String)],w.prototype,"targetSuffix",void 0),C([i.Input(),M("design:type",Number)],w.prototype,"id",void 0),C([i.Input(),M("design:type",Boolean)],w.prototype,"manifest",void 0),C([i.Input(),M("design:type",Boolean)],w.prototype,"decouple",void 0),C([i.Input(),M("design:type",Boolean)],w.prototype,"direct",void 0),C([i.Input(),M("design:type",Object)],w.prototype,"api",void 0),C([i.Input(),M("design:type",String)],w.prototype,"urlRoot",void 0),C([i.Input(),M("design:type",String)],w.prototype,"property",void 0),w=C([i.Component({selector:"sa-editor",templateUrl:`${v}/editor/editor.component${y}.html`}),M("design:paramtypes",[s.DomSanitizer,i.ChangeDetectorRef,i.ElementRef,a.FormBuilder,r.MatDialog])],w),e("EditorComponent",w)}}});

package/src/editor/editor.component.ts

@@ -162,7 +162,6 @@ import {FroalaEditorDirective} from 'angular-froala-wysiwyg'
 // import '@stratusjs/angular/froala/plugins/menuButton'
 
 // Local Setup
-const installDir = '/assets/1/0/bundles'
 const systemPackage = '@stratusjs/angular'
 const froalaPackage = 'froala-editor'
 const codeMirrorPackage = 'codemirror'
@@ -170,9 +169,9 @@ const moduleName = 'editor'
 
 // Directory Template
 const min = !cookie('env') ? '.min' : ''
-const localDir = `${installDir}/${boot.configuration.paths[`${systemPackage}/*`].replace(/[^\/]*$/, '')}`
-const codeMirrorDir = `${installDir}/${boot.configuration.paths[`${codeMirrorPackage}/*`].replace(/[^\/]*$/, '')}`
-const froalaDir = `${installDir}/${boot.configuration.paths[froalaPackage].replace(/js\/[^\/]*$/, '')}`
+const localDir = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemPackage}/*`].replace(/[^\/]*$/, '')}`
+const codeMirrorDir = `${Stratus.BaseUrl}${boot.configuration.paths[`${codeMirrorPackage}/*`].replace(/[^\/]*$/, '')}`
+const froalaDir = `${Stratus.BaseUrl}${boot.configuration.paths[froalaPackage].replace(/js\/[^\/]*$/, '')}`
 
 // Utility Functions
 const has = (object: object, path: string) => _.has(object, path) && !_.isEmpty(_.get(object, path))
@@ -223,6 +222,7 @@ export class EditorComponent extends RootComponent implements OnInit, TriggerInt
     _ = _
     has = has
     log = console.log
+    Stratus = Stratus
 
     // Stratus Data Connectivity
     registry = new Registry()
@@ -907,7 +907,7 @@ export class EditorComponent extends RootComponent implements OnInit, TriggerInt
         // TODO: Allow more CSS files to get pulled and mark this.styled appropriately
         /* *
         if (_.has(boot.configuration.paths, 'quill')) {
-            const quillDir = `/assets/1/0/bundles/${boot.configuration.paths.quill.replace(/[^/]*$/, '')}`
+            const quillDir = `${Stratus.BaseUrl}${boot.configuration.paths.quill.replace(/[^/]*$/, '')}`
             Stratus.Internals.CssLoader(`${quillDir}quill.core.css`)
             // Stratus.Internals.CssLoader(`${quillDir}quill.bubble.css`)
             Stratus.Internals.CssLoader(`${quillDir}quill.snow.css`)
@@ -1071,38 +1071,61 @@ export class EditorComponent extends RootComponent implements OnInit, TriggerInt
         if (!size || !_.isString(size)) {
             return data
         }
+        // TODO: This currently peels back the image, but we can either do more here or add this format down below
         const imgRegex: RegExp = /<img([\w\W]+?)>/gi
         let imgMatch: RegExpExecArray
         // console.log('imgRegex:', data, imgRegex)
         // tslint:disable-next-line:no-conditional-assignment
         while (imgMatch = imgRegex.exec(data)) {
-            const src: string = imgMatch[0]
+            // Store the entire element for later use
+            const el: string = imgMatch[0]
+
             // This skips elements with the entire image data in the src
-            if (src.includes('data:image')) {
+            if (el.includes('data:image')) {
                 continue
             }
+
             // TODO: Analyze whether we will need to ensure `data-stratus-src` is available for all Sitetheory Assets.
             // if (src.includes('cdn.sitetheory.io')) {
             //     console.log('sitetheory image:', src)
             // }
+
             // This skips image sizing for elements without lazy loading
             // TODO: Enable this after things are normalized
             // if (!src.includes('data-stratus-src')) {
             //     continue
             // }
-            const srcRegex: RegExp = /^(.+?)(-[A-Z]{2})?\.(?=[^.]*$)(.+)/gi
-            const srcMatch: RegExpExecArray = srcRegex.exec(src)
+
+            // Note: This regex may need further enhancements as more images enter the system.
+            const srcRegex: RegExp = /^<img\s(.+?)(-[A-Z]{2})?\.(?=[^.]*$)(.+)>/gi
+            const srcMatch: RegExpExecArray = srcRegex.exec(el)
             if (srcMatch === null) {
-                console.warn('Unable to find file name for image src:', src)
+                console.warn('Unable to find file name for image src:', el)
                 continue
             }
-            // This removes image sizing from elements without lazy loading
-            // TODO: Disable this after things are normalized
-            if (!src.includes('data-stratus-src')) {
-                data = data.replace(src, `${srcMatch[1]}.${srcMatch[3]}`)
+            // Handle Images without Lazy Loading
+            if (!el.includes('data-stratus-src')) {
+                // Ensure we only normalize images from our CDN
+                if (!el.includes('cdn.sitetheory.io')) {
+                    continue
+                }
+                // Ensure we only normalize images with our sizing format
+                if (_.isEmpty(srcMatch[2])) {
+                    continue
+                }
+                // console.log('data-stratus-src not found:', {
+                //     data,
+                //     imgMatch,
+                //     el,
+                //     srcMatch
+                // })
+                // This adds lazy loading to elements that need it
+                data = data.replace(el, `<img data-stratus-src ${srcMatch[1]}-${size}.${srcMatch[3]}>`)
+                // This removes image sizing from elements without lazy loading
+                // data = data.replace(el, `${srcMatch[1]}.${srcMatch[3]}`)
                 continue
             }
-            data = data.replace(src, `${srcMatch[1]}-${size}.${srcMatch[3]}`)
+            data = data.replace(el, `<img ${srcMatch[1]}-${size}.${srcMatch[3]}>`)
         }
         return data
     }

package/src/editor/media-dialog.component.html

@@ -74,7 +74,7 @@
                                       && mediaEntity.mime === 'video'">
                     <ng-container *ngIf="mediaEntity.service === 'vimeo'">
                         <ng-container *ngIf="mediaEntity.meta && mediaEntity.meta.thumbnail_large; else basicVimeoButton">
-                            <!-- [src]="mediaEntity.meta.thumbnail_large || '/assets/1/0/bundles/sitetheorymedia/images/mediaTypeIcons/media-icon-video.png'" -->
+                            <!-- [src]="mediaEntity.meta.thumbnail_large || Stratus.BaseUrl + 'sitetheorymedia/images/mediaTypeIcons/media-icon-video.png'" -->
                             <img mat-card-image
                                  class="vimeo"
                                  [src]="mediaEntity.meta.thumbnail_large"
@@ -87,7 +87,7 @@
                             <!-- TODO: make this a local file -->
                             <img mat-card-image
                                  class="vimeo basic-image"
-                                 src="/assets/1/0/bundles/sitetheorymedia/images/mediaTypeIcons/media-icon-video.png"
+                                 [src]="Stratus.BaseUrl + 'sitetheorymedia/images/mediaTypeIcons/media-icon-video.png'"
                                  style="background: #4e4e4e;"
                                  [alt]="mediaEntity.name"
                                  [ngClass]="{'selected' : isSelected(mediaEntity)}">
@@ -107,7 +107,7 @@
                             <!-- TODO: make this a local file -->
                             <img mat-card-image
                                  class="youtube basic-image"
-                                 src="/assets/1/0/bundles/sitetheorymedia/images/mediaTypeIcons/media-icon-video.png"
+                                 [src]="Stratus.BaseUrl + 'sitetheorymedia/images/mediaTypeIcons/media-icon-video.png'"
                                  style="background: #4e4e4e;"
                                  [alt]="mediaEntity.name"
                                  [ngClass]="{'selected' : isSelected(mediaEntity)}">
@@ -119,7 +119,7 @@
                         <!-- TODO: make this a local file -->
                         <img mat-card-image
                              class="facebook-video basic-image"
-                             src="/assets/1/0/bundles/sitetheorymedia/images/mediaTypeIcons/media-icon-video.png"
+                             [src]="Stratus.BaseUrl + 'sitetheorymedia/images/mediaTypeIcons/media-icon-video.png'"
                              style="background: #4e4e4e;"
                              [alt]="mediaEntity.name"
                              [ngClass]="{'selected' : isSelected(mediaEntity)}">
@@ -129,7 +129,7 @@
                         <!-- TODO: make this a local file -->
                         <img mat-card-image
                              class="generic-video basic-image"
-                             src="/assets/1/0/bundles/sitetheorymedia/images/mediaTypeIcons/media-icon-video.png"
+                             [src]="Stratus.BaseUrl + 'sitetheorymedia/images/mediaTypeIcons/media-icon-video.png'"
                              style="background: #4e4e4e;"
                              [alt]="mediaEntity.name"
                              [ngClass]="{'selected' : isSelected(mediaEntity)}">
@@ -140,7 +140,7 @@
                     <!-- TODO: make this a local file -->
                     <img mat-card-image
                          class="generic-audio"
-                         src="/assets/1/0/bundles/sitetheorymedia/images/mediaTypeGraphics/media-graphic-audio.png"
+                         [src]="Stratus.BaseUrl + 'sitetheorymedia/images/mediaTypeGraphics/media-graphic-audio.png'"
                          style="background: #4e4e4e;"
                          [alt]="mediaEntity.name"
                          [ngClass]="{'selected' : isSelected(mediaEntity)}">
@@ -150,7 +150,7 @@
                     <!-- TODO: make this a local file -->
                     <img mat-card-image
                          class="generic-pdf basic-image"
-                         src="/assets/1/0/bundles/sitetheorymedia/images/mediaTypeGraphics/media-graphic-pdf.png"
+                         [src]="Stratus.BaseUrl + 'sitetheorymedia/images/mediaTypeGraphics/media-graphic-pdf.png'"
                          [alt]="mediaEntity.name"
                          [ngClass]="{'selected' : isSelected(mediaEntity)}">
                 </ng-container>
@@ -159,7 +159,7 @@
                     <!-- TODO: make this a local file -->
                     <img mat-card-image
                          class="generic-word basic-image"
-                         src="/assets/1/0/bundles/sitetheorymedia/images/mediaTypeGraphics/media-graphic-doc.png"
+                         [src]="Stratus.BaseUrl + 'sitetheorymedia/images/mediaTypeGraphics/media-graphic-doc.png'"
                          [alt]="mediaEntity.name"
                          [ngClass]="{'selected' : isSelected(mediaEntity)}">
                 </ng-container>

package/src/editor/media-dialog.component.js

@@ -12,7 +12,7 @@ System.register(["@angular/core", "@angular/forms", "@angular/material/dialog",
     var __param = (this && this.__param) || function (paramIndex, decorator) {
         return function (target, key) { decorator(target, key, paramIndex); }
     };
-    var core_1, forms_1, dialog_1, snack_bar_1, operators_1, lodash_1, stratus_1, environment_1, backend_service_1, model_1, responsive_component_1, installDir, systemDir, moduleName, parentModuleName, min, localDir, MediaDialogComponent;
+    var core_1, forms_1, dialog_1, snack_bar_1, operators_1, lodash_1, stratus_1, environment_1, backend_service_1, model_1, responsive_component_1, systemDir, moduleName, parentModuleName, min, localDir, MediaDialogComponent;
     var __moduleName = context_1 && context_1.id;
     return {
         setters: [
@@ -51,12 +51,11 @@ System.register(["@angular/core", "@angular/forms", "@angular/material/dialog",
             }
         ],
         execute: function () {
-            installDir = '/assets/1/0/bundles';
             systemDir = '@stratusjs/angular';
             moduleName = 'media-dialog';
             parentModuleName = 'editor';
             min = !environment_1.cookie('env') ? '.min' : '';
-            localDir = `${installDir}/${boot.configuration.paths[`${systemDir}/*`].replace(/[^/]*$/, '')}`;
+            localDir = `${stratus_1.Stratus.BaseUrl}${boot.configuration.paths[`${systemDir}/*`].replace(/[^/]*$/, '')}`;
             MediaDialogComponent = class MediaDialogComponent extends responsive_component_1.ResponsiveComponent {
                 constructor(dialogRef, data, fb, backend, snackBar, ref) {
                     super();
@@ -67,6 +66,8 @@ System.register(["@angular/core", "@angular/forms", "@angular/material/dialog",
                     this.snackBar = snackBar;
                     this.ref = ref;
                     this.title = moduleName + '_component';
+                    this._ = lodash_1.default;
+                    this.Stratus = stratus_1.Stratus;
                     this.apiBase = '/Api/Media';
                     this.mediaEntities = [];
                     this.isMediaLoading = true;
@@ -78,7 +79,6 @@ System.register(["@angular/core", "@angular/forms", "@angular/material/dialog",
                 ngOnInit() {
                     this.uid = lodash_1.default.uniqueId(`sa_${lodash_1.default.snakeCase(moduleName)}_component_`);
                     stratus_1.Stratus.Instances[this.uid] = this;
-                    this._ = lodash_1.default;
                     stratus_1.Stratus.Internals.CssLoader(`${localDir}/${parentModuleName}/${moduleName}.component${min}.css`);
                     this.model = this.data.model;
                     this.property = this.data.property;

package/src/editor/media-dialog.component.js.map

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

package/src/editor/media-dialog.component.min.html

@@ -2,9 +2,9 @@
                                              && !_.startsWith(mediaEntity.mime, 'application')
                                              && !_.startsWith(mediaEntity.mime, 'image')
                                              && !_.startsWith(mediaEntity.mime, 'video')"><span [innerText]="mediaEntity.mime"></span></ng-container></mat-card-subtitle></mat-card-header><ng-container *ngIf="mediaEntity._thumbSrc"><img mat-card-image class="generic-thumb basic-image" [src]="mediaEntity.mime !== 'image/gif' ? mediaEntity._thumbSrc : mediaEntity._directUrl" [alt]="mediaEntity.name" [ngClass]="{'selected' : isSelected(mediaEntity)}"></ng-container><ng-container *ngIf="!mediaEntity._thumbSrc
-                                      && mediaEntity.mime === 'video'"><ng-container *ngIf="mediaEntity.service === 'vimeo'"><ng-container *ngIf="mediaEntity.meta && mediaEntity.meta.thumbnail_large; else basicVimeoButton"><img mat-card-image class="vimeo" [src]="mediaEntity.meta.thumbnail_large" [alt]="mediaEntity.name" [ngClass]="{'selected' : isSelected(mediaEntity)}"></ng-container><ng-template #basicVimeoButton><img mat-card-image class="vimeo basic-image" src="/assets/1/0/bundles/sitetheorymedia/images/mediaTypeIcons/media-icon-video.png" style="background: #4e4e4e;" [alt]="mediaEntity.name" [ngClass]="{'selected' : isSelected(mediaEntity)}"></ng-template></ng-container><ng-container *ngIf="mediaEntity.service === 'youtube'"><ng-container *ngIf="mediaEntity.serviceMediaId; else basicYoutubeButton"><img mat-card-image class="youtube" [src]="'https://img.youtube.com/vi/' + mediaEntity.serviceMediaId + '/hqdefault.jpg'" [alt]="mediaEntity.name" [ngClass]="{'selected' : isSelected(mediaEntity)}"></ng-container><ng-template #basicYoutubeButton><img mat-card-image class="youtube basic-image" src="/assets/1/0/bundles/sitetheorymedia/images/mediaTypeIcons/media-icon-video.png" style="background: #4e4e4e;" [alt]="mediaEntity.name" [ngClass]="{'selected' : isSelected(mediaEntity)}"></ng-template></ng-container><ng-container *ngIf="mediaEntity.service === 'facebook'"><img mat-card-image class="facebook-video basic-image" src="/assets/1/0/bundles/sitetheorymedia/images/mediaTypeIcons/media-icon-video.png" style="background: #4e4e4e;" [alt]="mediaEntity.name" [ngClass]="{'selected' : isSelected(mediaEntity)}"></ng-container><ng-container *ngIf="!['vimeo', 'youtube', 'facebook'].includes(mediaEntity.service)"><img mat-card-image class="generic-video basic-image" src="/assets/1/0/bundles/sitetheorymedia/images/mediaTypeIcons/media-icon-video.png" style="background: #4e4e4e;" [alt]="mediaEntity.name" [ngClass]="{'selected' : isSelected(mediaEntity)}"></ng-container></ng-container><ng-container *ngIf="!mediaEntity._thumbSrc
-                                      && _.startsWith(mediaEntity.mime, 'audio')"><img mat-card-image class="generic-audio" src="/assets/1/0/bundles/sitetheorymedia/images/mediaTypeGraphics/media-graphic-audio.png" style="background: #4e4e4e;" [alt]="mediaEntity.name" [ngClass]="{'selected' : isSelected(mediaEntity)}"></ng-container><ng-container *ngIf="!mediaEntity._thumbSrc
-                                      && mediaEntity.mime === 'application/pdf'"><img mat-card-image class="generic-pdf basic-image" src="/assets/1/0/bundles/sitetheorymedia/images/mediaTypeGraphics/media-graphic-pdf.png" [alt]="mediaEntity.name" [ngClass]="{'selected' : isSelected(mediaEntity)}"></ng-container><ng-container *ngIf="!mediaEntity._thumbSrc
-                                      && mediaEntity.mime === 'application/msword'"><img mat-card-image class="generic-word basic-image" src="/assets/1/0/bundles/sitetheorymedia/images/mediaTypeGraphics/media-graphic-doc.png" [alt]="mediaEntity.name" [ngClass]="{'selected' : isSelected(mediaEntity)}"></ng-container><ng-container *ngIf="!mediaEntity._thumbSrc
+                                      && mediaEntity.mime === 'video'"><ng-container *ngIf="mediaEntity.service === 'vimeo'"><ng-container *ngIf="mediaEntity.meta && mediaEntity.meta.thumbnail_large; else basicVimeoButton"><img mat-card-image class="vimeo" [src]="mediaEntity.meta.thumbnail_large" [alt]="mediaEntity.name" [ngClass]="{'selected' : isSelected(mediaEntity)}"></ng-container><ng-template #basicVimeoButton><img mat-card-image class="vimeo basic-image" [src]="Stratus.BaseUrl + 'sitetheorymedia/images/mediaTypeIcons/media-icon-video.png'" style="background: #4e4e4e;" [alt]="mediaEntity.name" [ngClass]="{'selected' : isSelected(mediaEntity)}"></ng-template></ng-container><ng-container *ngIf="mediaEntity.service === 'youtube'"><ng-container *ngIf="mediaEntity.serviceMediaId; else basicYoutubeButton"><img mat-card-image class="youtube" [src]="'https://img.youtube.com/vi/' + mediaEntity.serviceMediaId + '/hqdefault.jpg'" [alt]="mediaEntity.name" [ngClass]="{'selected' : isSelected(mediaEntity)}"></ng-container><ng-template #basicYoutubeButton><img mat-card-image class="youtube basic-image" [src]="Stratus.BaseUrl + 'sitetheorymedia/images/mediaTypeIcons/media-icon-video.png'" style="background: #4e4e4e;" [alt]="mediaEntity.name" [ngClass]="{'selected' : isSelected(mediaEntity)}"></ng-template></ng-container><ng-container *ngIf="mediaEntity.service === 'facebook'"><img mat-card-image class="facebook-video basic-image" [src]="Stratus.BaseUrl + 'sitetheorymedia/images/mediaTypeIcons/media-icon-video.png'" style="background: #4e4e4e;" [alt]="mediaEntity.name" [ngClass]="{'selected' : isSelected(mediaEntity)}"></ng-container><ng-container *ngIf="!['vimeo', 'youtube', 'facebook'].includes(mediaEntity.service)"><img mat-card-image class="generic-video basic-image" [src]="Stratus.BaseUrl + 'sitetheorymedia/images/mediaTypeIcons/media-icon-video.png'" style="background: #4e4e4e;" [alt]="mediaEntity.name" [ngClass]="{'selected' : isSelected(mediaEntity)}"></ng-container></ng-container><ng-container *ngIf="!mediaEntity._thumbSrc
+                                      && _.startsWith(mediaEntity.mime, 'audio')"><img mat-card-image class="generic-audio" [src]="Stratus.BaseUrl + 'sitetheorymedia/images/mediaTypeGraphics/media-graphic-audio.png'" style="background: #4e4e4e;" [alt]="mediaEntity.name" [ngClass]="{'selected' : isSelected(mediaEntity)}"></ng-container><ng-container *ngIf="!mediaEntity._thumbSrc
+                                      && mediaEntity.mime === 'application/pdf'"><img mat-card-image class="generic-pdf basic-image" [src]="Stratus.BaseUrl + 'sitetheorymedia/images/mediaTypeGraphics/media-graphic-pdf.png'" [alt]="mediaEntity.name" [ngClass]="{'selected' : isSelected(mediaEntity)}"></ng-container><ng-container *ngIf="!mediaEntity._thumbSrc
+                                      && mediaEntity.mime === 'application/msword'"><img mat-card-image class="generic-word basic-image" [src]="Stratus.BaseUrl + 'sitetheorymedia/images/mediaTypeGraphics/media-graphic-doc.png'" [alt]="mediaEntity.name" [ngClass]="{'selected' : isSelected(mediaEntity)}"></ng-container><ng-container *ngIf="!mediaEntity._thumbSrc
                                       && mediaEntity.service === 'directlink'
                                       && mediaEntity.file"><img mat-card-image class="direct-link" [src]="mediaEntity.file" [alt]="mediaEntity.name" [ngClass]="{'selected' : isSelected(mediaEntity)}"></ng-container><mat-card-actions><button mat-button [disabled]="isSelected(mediaEntity)" (click)="select(mediaEntity)"><span [innerText]="isSelected(mediaEntity) ? 'Selected' : 'Insert'"></span></button></mat-card-actions></mat-card></div></div><mat-paginator [length]="(!meta || !meta.pagination) ? mediaEntities.length : (meta.pagination.countTotal || mediaEntities.length)" [pageSize]="(!meta || !meta.pagination) ? limit : (meta.pagination.limit || limit)" [pageSizeOptions]="[5, 10, 25, 50, 100]" (page)="onPage($event)"></mat-paginator></div>

package/src/editor/media-dialog.component.min.js

@@ -1 +1 @@
-System.register(["@angular/core","@angular/forms","@angular/material/dialog","@angular/material/snack-bar","rxjs/operators","lodash","@stratusjs/runtime/stratus","@stratusjs/core/environment","@stratusjs/angular/backend.service","@stratusjs/angularjs/services/model","@stratusjs/angular/core/responsive.component"],function(e,t){"use strict";var i,a,s,r,d,n,o,l,c,u,m,h,f,g,p,b=this&&this.__decorate||function(e,t,i,a){var s,r=arguments.length,d=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(e,t,i,a);else for(var n=e.length-1;n>=0;n--)(s=e[n])&&(d=(r<3?s(d):r>3?s(t,i,d):s(t,i))||d);return r>3&&d&&Object.defineProperty(t,i,d),d},v=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},y=this&&this.__param||function(e,t){return function(i,a){t(i,a,e)}};t&&t.id;return{setters:[function(e){i=e},function(e){a=e},function(e){s=e},function(e){r=e},function(e){d=e},function(e){n=e},function(e){o=e},function(e){l=e},function(e){c=e},function(e){u=e},function(e){m=e}],execute:function(){"/assets/1/0/bundles","@stratusjs/angular",h="media-dialog","editor",f=l.cookie("env")?"":".min",g=`/assets/1/0/bundles/${boot.configuration.paths["@stratusjs/angular/*"].replace(/[^/]*$/,"")}`,p=class extends m.ResponsiveComponent{constructor(e,t,i,a,s,r){super(),this.dialogRef=e,this.data=t,this.fb=i,this.backend=a,this.snackBar=s,this.ref=r,this.title=h+"_component",this.apiBase="/Api/Media",this.mediaEntities=[],this.isMediaLoading=!0,this.limit=20,this.eventInsert=!0,this.selected=[],this.embedly=!0}ngOnInit(){this.uid=n.default.uniqueId(`sa_${n.default.snakeCase(h)}_component_`),o.Stratus.Instances[this.uid]=this,this._=n.default,o.Stratus.Internals.CssLoader(`${g}/editor/media-dialog.component${f}.css`),this.model=this.data.model,this.property=this.data.property,this.editor=this.data.editor,this.eventManager=this.data.eventManager,n.default.isBoolean(this.data.eventInsert)&&(this.eventInsert=this.data.eventInsert),this.dialogMediaForm=this.fb.group({mediaQueryInput:""}),this.dialogMediaForm.get("mediaQueryInput").valueChanges.pipe(d.debounceTime(300),d.tap(()=>{}),d.switchMap(e=>this.getQuery(e))).subscribe(e=>this.processMedia(e)),this.getQuery().subscribe(e=>this.processMedia(e)),this.refresh()}onCancelClick(){this.dialogRef.close(),this.refresh()}onPage(e){this.pageEvent=e,this.getQuery(this.lastMediaQuery).subscribe(e=>this.processMedia(e))}getQueryUrl(e){let t=this.limit,i=1;return this.pageEvent&&(t=this.pageEvent.pageSize,i=this.pageEvent.pageIndex+1),e=n.default.isString(e)&&!n.default.isEmpty(e)?`"${e}"`:"",`${this.apiBase}?limit=${t}&p=${i}&q=${e}`}getQuery(e){return this.lastMediaQuery=e,this.isMediaLoading=!0,this.backend.get(this.getQueryUrl(e)).pipe(d.finalize(()=>this.isMediaLoading=!1))}processMedia(e){if(!e.ok||200!==e.status||n.default.isEmpty(e.body))return this.meta={},this.mediaEntities=[],this.refresh(),this.mediaEntities;this.meta=n.default.get(e.body,"meta")||{};const t=n.default.get(e.body,"payload")||e.body;return n.default.isEmpty(t)||!Array.isArray(t)?(this.mediaEntities=[],this.isMediaLoading=!1,this.refresh(),this.mediaEntities):(this.mediaEntities=t,this.isMediaLoading=!1,this.refresh(),this.mediaEntities)}select(e){if(n.default.isUndefined(e))return;const t=this.createEmbed(e);return t?(this.selected.push(e.id),this.eventInsert?void(this.eventManager?this.eventManager.trigger("media-insert",t,this.editor):console.warn("media-dialog: event manager is not set.")):this.model instanceof u.Model&&n.default.isString(this.property)?(console.warn("media-dialog: disabling eventInsert is not recommended."),void this.model.set(this.property,this.model.get(this.property)+t)):void console.warn("media-dialog: event manager not available.")):(console.warn(`media-dialog: unable to build embed for Media ID: ${e.id}`),void this.snackBar.open(`Unable to build embed for Media ID: ${e.id}.`,"dismiss",{duration:5e3,horizontalPosition:"right",verticalPosition:"bottom"}))}isSelected(e){if(!n.default.isUndefined(e))return n.default.includes(this.selected,e.id)}createEmbed(e){if(e._embedCode)return e._embedCode;if(n.default.startsWith(e.mime,"image"))return!e._thumbSrc||"directlink"===e.service&&!e.file?(console.warn(`media-dialog: unable to determine image source for media id: ${e.id}`),null):`<img src="${e._thumbSrc||e.file}" alt="${e.name||e.filename} ${"image/gif"!==e.mime?"data-stratus-src":""}">`;if("video"===e.mime){if(e.embed)return e.embed;const t='width="100%" scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true" webkitAllowFullScreen="" mozAllowFullScreen=""';if("facebook"===e.service){const i=e.url||e.file;return i?this.embedly?`<div class="fr-embedly"\n                                 data-original-embed="<a href='${i}' data-card-branding='0' class='embedly-card'></a>"\n                                 style="height: 998px;">\n                                 <a href="${i}" data-card-branding="0" class="embedly-card"></a>\n                             </div>`:`<iframe src="https://www.facebook.com/plugins/video.php?href=${i}" ${t}></iframe>`:(console.warn(`media-dialog: unable to find url for video with media id: ${e.id}`),null)}return e.serviceMediaId?"vimeo"===e.service?this.embedly?`<div class="fr-embedly"\n                                data-original-embed="<a href='https://vimeo.com/${e.serviceMediaId}' data-card-branding='0' class='embedly-card'></a>"\n                                style="height: 370px;">\n                                <a href="https://vimeo.com/${e.serviceMediaId}" data-card-branding="0" class="embedly-card"></a>\n                            </div>`:`<iframe src="https://player.vimeo.com/video/${e.serviceMediaId}" ${t}></iframe>`:"youtube"===e.service?this.embedly?`<div class="fr-embedly"\n                                 data-original-embed="<a href='https://www.youtube.com/watch?v=${e.serviceMediaId}' data-card-branding='0' class='embedly-card'></a>"\n                                 style="height: 370px;">\n                                <a href="https://www.youtube.com/watch?v=${e.serviceMediaId}" data-card-branding="0" class="embedly-card"></a>\n                            </div>`:`<iframe src="https://www.youtube.com/embed/${e.serviceMediaId}" ${t}></iframe>`:(console.warn(`media-dialog: unsupported service: ${e.service} for media id: ${e.id}`),null):(console.warn(`media-dialog: unable to find serviceMediaId for video with media id: ${e.id}`),null)}return n.default.startsWith(e.mime,"audio")?e.url?`<audio controls>\n                        <source src="https://${e.url}" type="${e.mime}">\n                        <p>\n                            Your browser doesn't support HTML5 audio, but you can <a href="https://${e.url}">download the audio here</a>.\n                        </p>\n                    </audio>`:(console.warn(`media-dialog: unable to determine audio source for media id: ${e.id}`),null):"application/pdf"===e.mime?e.url?this.embedly?`<div class="fr-embedly"\n                             data-original-embed="<a href='https://${e.url}' data-card-branding='0' class='embedly-card'></a>"\n                             style="height: 71px;">\n                             <a href="https://${e.url}" data-card-branding="0" class="embedly-card"></a>\n                         </div>`:`<iframe src="https://docs.google.com/viewer?url=${e.url}&embedded=true" style="min-height: 500px;" width="100%"></iframe>`:(console.warn(`media-dialog: unable to determine PDF source for media id: ${e.id}`),null):"application/msword"===e.mime?e.url?this.embedly?`<div class="fr-embedly"\n                             data-original-embed="<a href='https://${e.url}' data-card-branding='0' class='embedly-card'></a>"\n                             style="height: 71px;">\n                             <a href="https://${e.url}" data-card-branding="0" class="embedly-card"></a>\n                         </div>`:`<iframe src="https://docs.google.com/viewer?url=${e.url}&embedded=true" style="min-height: 500px;" width="100%"></iframe>`:(console.warn(`media-dialog: unable to determine Word Document source for media id: ${e.id}`),null):(console.warn(`media-dialog: unsupported mime type: ${e.mime} for media id: ${e.id}`),null)}},p=b([i.Component({selector:"sa-media-dialog",templateUrl:`${g}/editor/media-dialog.component${f}.html`}),y(1,i.Inject(s.MAT_DIALOG_DATA)),v("design:paramtypes",[s.MatDialogRef,Object,a.FormBuilder,c.BackendService,r.MatSnackBar,i.ChangeDetectorRef])],p),e("MediaDialogComponent",p)}}});
+System.register(["@angular/core","@angular/forms","@angular/material/dialog","@angular/material/snack-bar","rxjs/operators","lodash","@stratusjs/runtime/stratus","@stratusjs/core/environment","@stratusjs/angular/backend.service","@stratusjs/angularjs/services/model","@stratusjs/angular/core/responsive.component"],function(e,t){"use strict";var i,a,s,r,d,n,o,l,c,u,m,h,f,g,p,b=this&&this.__decorate||function(e,t,i,a){var s,r=arguments.length,d=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(e,t,i,a);else for(var n=e.length-1;n>=0;n--)(s=e[n])&&(d=(r<3?s(d):r>3?s(t,i,d):s(t,i))||d);return r>3&&d&&Object.defineProperty(t,i,d),d},v=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},y=this&&this.__param||function(e,t){return function(i,a){t(i,a,e)}};t&&t.id;return{setters:[function(e){i=e},function(e){a=e},function(e){s=e},function(e){r=e},function(e){d=e},function(e){n=e},function(e){o=e},function(e){l=e},function(e){c=e},function(e){u=e},function(e){m=e}],execute:function(){"@stratusjs/angular",h="media-dialog","editor",f=l.cookie("env")?"":".min",g=`${o.Stratus.BaseUrl}${boot.configuration.paths["@stratusjs/angular/*"].replace(/[^/]*$/,"")}`,p=class extends m.ResponsiveComponent{constructor(e,t,i,a,s,r){super(),this.dialogRef=e,this.data=t,this.fb=i,this.backend=a,this.snackBar=s,this.ref=r,this.title=h+"_component",this._=n.default,this.Stratus=o.Stratus,this.apiBase="/Api/Media",this.mediaEntities=[],this.isMediaLoading=!0,this.limit=20,this.eventInsert=!0,this.selected=[],this.embedly=!0}ngOnInit(){this.uid=n.default.uniqueId(`sa_${n.default.snakeCase(h)}_component_`),o.Stratus.Instances[this.uid]=this,o.Stratus.Internals.CssLoader(`${g}/editor/media-dialog.component${f}.css`),this.model=this.data.model,this.property=this.data.property,this.editor=this.data.editor,this.eventManager=this.data.eventManager,n.default.isBoolean(this.data.eventInsert)&&(this.eventInsert=this.data.eventInsert),this.dialogMediaForm=this.fb.group({mediaQueryInput:""}),this.dialogMediaForm.get("mediaQueryInput").valueChanges.pipe(d.debounceTime(300),d.tap(()=>{}),d.switchMap(e=>this.getQuery(e))).subscribe(e=>this.processMedia(e)),this.getQuery().subscribe(e=>this.processMedia(e)),this.refresh()}onCancelClick(){this.dialogRef.close(),this.refresh()}onPage(e){this.pageEvent=e,this.getQuery(this.lastMediaQuery).subscribe(e=>this.processMedia(e))}getQueryUrl(e){let t=this.limit,i=1;return this.pageEvent&&(t=this.pageEvent.pageSize,i=this.pageEvent.pageIndex+1),e=n.default.isString(e)&&!n.default.isEmpty(e)?`"${e}"`:"",`${this.apiBase}?limit=${t}&p=${i}&q=${e}`}getQuery(e){return this.lastMediaQuery=e,this.isMediaLoading=!0,this.backend.get(this.getQueryUrl(e)).pipe(d.finalize(()=>this.isMediaLoading=!1))}processMedia(e){if(!e.ok||200!==e.status||n.default.isEmpty(e.body))return this.meta={},this.mediaEntities=[],this.refresh(),this.mediaEntities;this.meta=n.default.get(e.body,"meta")||{};const t=n.default.get(e.body,"payload")||e.body;return n.default.isEmpty(t)||!Array.isArray(t)?(this.mediaEntities=[],this.isMediaLoading=!1,this.refresh(),this.mediaEntities):(this.mediaEntities=t,this.isMediaLoading=!1,this.refresh(),this.mediaEntities)}select(e){if(n.default.isUndefined(e))return;const t=this.createEmbed(e);return t?(this.selected.push(e.id),this.eventInsert?void(this.eventManager?this.eventManager.trigger("media-insert",t,this.editor):console.warn("media-dialog: event manager is not set.")):this.model instanceof u.Model&&n.default.isString(this.property)?(console.warn("media-dialog: disabling eventInsert is not recommended."),void this.model.set(this.property,this.model.get(this.property)+t)):void console.warn("media-dialog: event manager not available.")):(console.warn(`media-dialog: unable to build embed for Media ID: ${e.id}`),void this.snackBar.open(`Unable to build embed for Media ID: ${e.id}.`,"dismiss",{duration:5e3,horizontalPosition:"right",verticalPosition:"bottom"}))}isSelected(e){if(!n.default.isUndefined(e))return n.default.includes(this.selected,e.id)}createEmbed(e){if(e._embedCode)return e._embedCode;if(n.default.startsWith(e.mime,"image"))return!e._thumbSrc||"directlink"===e.service&&!e.file?(console.warn(`media-dialog: unable to determine image source for media id: ${e.id}`),null):`<img src="${e._thumbSrc||e.file}" alt="${e.name||e.filename} ${"image/gif"!==e.mime?"data-stratus-src":""}">`;if("video"===e.mime){if(e.embed)return e.embed;const t='width="100%" scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true" webkitAllowFullScreen="" mozAllowFullScreen=""';if("facebook"===e.service){const i=e.url||e.file;return i?this.embedly?`<div class="fr-embedly"\n                                 data-original-embed="<a href='${i}' data-card-branding='0' class='embedly-card'></a>"\n                                 style="height: 998px;">\n                                 <a href="${i}" data-card-branding="0" class="embedly-card"></a>\n                             </div>`:`<iframe src="https://www.facebook.com/plugins/video.php?href=${i}" ${t}></iframe>`:(console.warn(`media-dialog: unable to find url for video with media id: ${e.id}`),null)}return e.serviceMediaId?"vimeo"===e.service?this.embedly?`<div class="fr-embedly"\n                                data-original-embed="<a href='https://vimeo.com/${e.serviceMediaId}' data-card-branding='0' class='embedly-card'></a>"\n                                style="height: 370px;">\n                                <a href="https://vimeo.com/${e.serviceMediaId}" data-card-branding="0" class="embedly-card"></a>\n                            </div>`:`<iframe src="https://player.vimeo.com/video/${e.serviceMediaId}" ${t}></iframe>`:"youtube"===e.service?this.embedly?`<div class="fr-embedly"\n                                 data-original-embed="<a href='https://www.youtube.com/watch?v=${e.serviceMediaId}' data-card-branding='0' class='embedly-card'></a>"\n                                 style="height: 370px;">\n                                <a href="https://www.youtube.com/watch?v=${e.serviceMediaId}" data-card-branding="0" class="embedly-card"></a>\n                            </div>`:`<iframe src="https://www.youtube.com/embed/${e.serviceMediaId}" ${t}></iframe>`:(console.warn(`media-dialog: unsupported service: ${e.service} for media id: ${e.id}`),null):(console.warn(`media-dialog: unable to find serviceMediaId for video with media id: ${e.id}`),null)}return n.default.startsWith(e.mime,"audio")?e.url?`<audio controls>\n                        <source src="https://${e.url}" type="${e.mime}">\n                        <p>\n                            Your browser doesn't support HTML5 audio, but you can <a href="https://${e.url}">download the audio here</a>.\n                        </p>\n                    </audio>`:(console.warn(`media-dialog: unable to determine audio source for media id: ${e.id}`),null):"application/pdf"===e.mime?e.url?this.embedly?`<div class="fr-embedly"\n                             data-original-embed="<a href='https://${e.url}' data-card-branding='0' class='embedly-card'></a>"\n                             style="height: 71px;">\n                             <a href="https://${e.url}" data-card-branding="0" class="embedly-card"></a>\n                         </div>`:`<iframe src="https://docs.google.com/viewer?url=${e.url}&embedded=true" style="min-height: 500px;" width="100%"></iframe>`:(console.warn(`media-dialog: unable to determine PDF source for media id: ${e.id}`),null):"application/msword"===e.mime?e.url?this.embedly?`<div class="fr-embedly"\n                             data-original-embed="<a href='https://${e.url}' data-card-branding='0' class='embedly-card'></a>"\n                             style="height: 71px;">\n                             <a href="https://${e.url}" data-card-branding="0" class="embedly-card"></a>\n                         </div>`:`<iframe src="https://docs.google.com/viewer?url=${e.url}&embedded=true" style="min-height: 500px;" width="100%"></iframe>`:(console.warn(`media-dialog: unable to determine Word Document source for media id: ${e.id}`),null):(console.warn(`media-dialog: unsupported mime type: ${e.mime} for media id: ${e.id}`),null)}},p=b([i.Component({selector:"sa-media-dialog",templateUrl:`${g}/editor/media-dialog.component${f}.html`}),y(1,i.Inject(s.MAT_DIALOG_DATA)),v("design:paramtypes",[s.MatDialogRef,Object,a.FormBuilder,c.BackendService,r.MatSnackBar,i.ChangeDetectorRef])],p),e("MediaDialogComponent",p)}}});

package/src/editor/media-dialog.component.ts

@@ -60,14 +60,13 @@ import {
 } from '@stratusjs/angular/core/responsive.component'
 
 // Local Setup
-const installDir = '/assets/1/0/bundles'
 const systemDir = '@stratusjs/angular'
 const moduleName = 'media-dialog'
 const parentModuleName = 'editor'
 
 // Directory Template
 const min = !cookie('env') ? '.min' : ''
-const localDir = `${installDir}/${boot.configuration.paths[`${systemDir}/*`].replace(/[^/]*$/, '')}`
+const localDir = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir}/*`].replace(/[^/]*$/, '')}`
 
 /**
  * @title Dialog for Nested Tree
@@ -84,7 +83,8 @@ export class MediaDialogComponent extends ResponsiveComponent implements OnInit
     uid: string
 
     // Dependencies
-    _: any
+    _ = _
+    Stratus = Stratus
 
     // TODO: Move this to its own AutoComplete Component
     // AutoComplete Data
@@ -134,9 +134,6 @@ export class MediaDialogComponent extends ResponsiveComponent implements OnInit
         this.uid = _.uniqueId(`sa_${_.snakeCase(moduleName)}_component_`)
         Stratus.Instances[this.uid] = this
 
-        // Dependencies
-        this._ = _
-
         // TODO: Assess & Possibly Remove when the System.js ecosystem is complete
         // Load Component CSS until System.js can import CSS properly.
         Stratus.Internals.CssLoader(`${localDir}/${parentModuleName}/${moduleName}.component${min}.css`)

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

@@ -6,9 +6,9 @@
     <div class="media-selected-list-header border-default border-default-bottom">
         <h3 [textContent]="'Selected ' + (type || 'Items')"></h3>
     </div>
-    <div class="media-selected-message-box">
-        Nothing has been selected.
-    </div>
+    <!--<div class="media-selected-message-box">-->
+    <!--    Nothing has been selected.-->
+    <!--</div>-->
 </ng-template>
 
 
@@ -39,7 +39,7 @@
                     <!--<div class="image" no-flex stratus-src-->
                     <!--[ngStyle]="{'background': 'url(' + findImage(selectedModel) + ') no-repeat center center', 'background-size': 'cover'}"-->
                     <!--&gt;-->
-                    <!--<img class="shapeholder" src="/assets/1/0/bundles/sitetheorycore/images/shapeholder-square.png">-->
+                    <!--<img class="shapeholder" [src]="Stratus.BaseUrl + 'sitetheorycore/images/shapeholder-square.png'">-->
                     <!--</div>-->
 
                     <!-- This only shows the bestImage if this isn't a Video, since images for Videos are not hosted by us, thus cannot lazy load a proper size -->
@@ -70,13 +70,13 @@
                          [ngClass]="_.get(selectedModel, 'contentType.class') + '-background-color'">
 
                         <mat-icon class="content-type-icon position-center"
-                                  [svgIcon]="getSvg('/assets/1/0/bundles/' + (_.get(selectedModel, 'contentType.iconResourcePath') || _.get(selectedModel, 'iconResourcePath'))) | async">
+                                  [svgIcon]="getSvg(Stratus.BaseUrl + (_.get(selectedModel, 'contentType.iconResourcePath') || _.get(selectedModel, 'iconResourcePath'))) | async">
                             Icon
                         </mat-icon>
                     </div>
 
                     <!-- Shapeholder -->
-                    <img class="shapeholder" src="/assets/1/0/bundles/sitetheorycore/images/shapeholder-square.png">
+                    <img class="shapeholder" [src]="Stratus.BaseUrl + 'sitetheorycore/images/shapeholder-square.png'">
 
                     <!--(click)="remove(selectedModel)"-->
                     <!--(click)="mediaDetails(selectedModel)"-->
@@ -90,7 +90,7 @@
                 <!--        to break away from the div and float to the top of the selector container-->
                 <!--        &ndash;&gt;-->
                 <!--        <mat-icon class="content-type-icon"-->
-                <!--                  [svgIcon]="getSvg('/assets/1/0/bundles/' + _.get(selectedModel, 'contentType.iconResourcePath')) | async">-->
+                <!--                  [svgIcon]="getSvg(Stratus.BaseUrl + _.get(selectedModel, 'contentType.iconResourcePath')) | async">-->
                 <!--            ContentType Icon-->
                 <!--        </mat-icon>-->
                 <!--        <span class="comment content-type-name font-body"-->

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

@@ -1 +1 @@
-<mat-progress-bar mode="indeterminate" *ngIf="!styled"></mat-progress-bar><ng-template #emptyList><div class="media-selected-list-header border-default border-default-bottom"><h3 [textContent]="'Selected ' + (type || 'Items')"></h3></div><div class="media-selected-message-box">Nothing has been selected.</div></ng-template><div class="media-selector" *ngIf="styled"><div class="media-selected-list-header border-default border-default-bottom" *ngIf="!empty; else emptyList"><h3 [textContent]="'Selected ' + (type || 'Items')"></h3><p class="note">Drag to reorder</p></div><div cdkDropList cdkDropListOrientation="horizontal" class="media-selected-list" (cdkDropListDropped)="drop($event)"><div cdkDrag class="media-selected-box" [cdkDragDisabled]="_.get(selectedModel, 'status') < 1" [ngClass]="{'disabled': _.get(selectedModel, 'status') < 1}" *ngFor="let selectedModel of dataSub | async"><div class="media-selected-list-container full-width full-height"><div class="column-image position-anchor full-width full-height" [matTooltip]="selectedModel.name" matTooltipPosition="above" [attr.aria-label]="selectedModel.name"><div class="image position-all full-width full-height" *ngIf="has(selectedModel, '_thumbSrc') && !has(selectedModel, 'service')" data-stratus-src [ngStyle]="{'background': 'url(' + _.get(selectedModel, '_thumbSrc') + ') no-repeat center center', 'background-size': 'cover'}"></div><div class="image position-all full-width full-height" *ngIf="!has(selectedModel, '_thumbSrc') && has(selectedModel, 'service') && _.get(selectedModel, 'service') === 'vimeo'" [ngStyle]="{'background': 'url(' + _.get(selectedModel, 'meta.thumbnail_medium') + ') no-repeat center center', 'background-size': 'cover'}"></div><div class="image position-all full-width full-height" *ngIf="!has(selectedModel, '_thumbSrc') && has(selectedModel, 'service') && _.get(selectedModel, 'service') === 'youtube'" [ngStyle]="{'background': 'url(' + 'https://img.youtube.com/vi/' + _.get(selectedModel, 'serviceMediaId') + '/0.jpg' + ') no-repeat center center', 'background-size': 'cover'}"></div><div class="no-image-icon position-all full-width full-height" *ngIf="!has(selectedModel, '_thumbSrc') && !has(selectedModel, 'service')" [ngClass]="_.get(selectedModel, 'contentType.class') + '-background-color'"><mat-icon class="content-type-icon position-center" [svgIcon]="getSvg('/assets/1/0/bundles/' + (_.get(selectedModel, 'contentType.iconResourcePath') || _.get(selectedModel, 'iconResourcePath'))) | async">Icon</mat-icon></div><img class="shapeholder" src="/assets/1/0/bundles/sitetheorycore/images/shapeholder-square.png"></div></div></div><div class="media-selected-box"><a class="position-anchor accent-background-hover border-default border-default-all color-primary" [matTooltip]="(libraryDisplay ? 'Open' : 'Close') + ' Media Library'" (click)="toggleLibrary()" [ngClass]="{'library-toggle-open': libraryDisplay}"><mat-icon class="position-center" *ngIf="!libraryDisplay" svgIcon="media_selector_add" aria-hidden="false" aria-label="Add">Add</mat-icon><div class="btn-text small-all-caps position-center" *ngIf="libraryDisplay">Close Library</div></a></div></div></div>
+<mat-progress-bar mode="indeterminate" *ngIf="!styled"></mat-progress-bar><ng-template #emptyList><div class="media-selected-list-header border-default border-default-bottom"><h3 [textContent]="'Selected ' + (type || 'Items')"></h3></div></ng-template><div class="media-selector" *ngIf="styled"><div class="media-selected-list-header border-default border-default-bottom" *ngIf="!empty; else emptyList"><h3 [textContent]="'Selected ' + (type || 'Items')"></h3><p class="note">Drag to reorder</p></div><div cdkDropList cdkDropListOrientation="horizontal" class="media-selected-list" (cdkDropListDropped)="drop($event)"><div cdkDrag class="media-selected-box" [cdkDragDisabled]="_.get(selectedModel, 'status') < 1" [ngClass]="{'disabled': _.get(selectedModel, 'status') < 1}" *ngFor="let selectedModel of dataSub | async"><div class="media-selected-list-container full-width full-height"><div class="column-image position-anchor full-width full-height" [matTooltip]="selectedModel.name" matTooltipPosition="above" [attr.aria-label]="selectedModel.name"><div class="image position-all full-width full-height" *ngIf="has(selectedModel, '_thumbSrc') && !has(selectedModel, 'service')" data-stratus-src [ngStyle]="{'background': 'url(' + _.get(selectedModel, '_thumbSrc') + ') no-repeat center center', 'background-size': 'cover'}"></div><div class="image position-all full-width full-height" *ngIf="!has(selectedModel, '_thumbSrc') && has(selectedModel, 'service') && _.get(selectedModel, 'service') === 'vimeo'" [ngStyle]="{'background': 'url(' + _.get(selectedModel, 'meta.thumbnail_medium') + ') no-repeat center center', 'background-size': 'cover'}"></div><div class="image position-all full-width full-height" *ngIf="!has(selectedModel, '_thumbSrc') && has(selectedModel, 'service') && _.get(selectedModel, 'service') === 'youtube'" [ngStyle]="{'background': 'url(' + 'https://img.youtube.com/vi/' + _.get(selectedModel, 'serviceMediaId') + '/0.jpg' + ') no-repeat center center', 'background-size': 'cover'}"></div><div class="no-image-icon position-all full-width full-height" *ngIf="!has(selectedModel, '_thumbSrc') && !has(selectedModel, 'service')" [ngClass]="_.get(selectedModel, 'contentType.class') + '-background-color'"><mat-icon class="content-type-icon position-center" [svgIcon]="getSvg(Stratus.BaseUrl + (_.get(selectedModel, 'contentType.iconResourcePath') || _.get(selectedModel, 'iconResourcePath'))) | async">Icon</mat-icon></div><img class="shapeholder" [src]="Stratus.BaseUrl + 'sitetheorycore/images/shapeholder-square.png'"></div></div></div><div class="media-selected-box"><a class="position-anchor accent-background-hover border-default border-default-all color-primary" [matTooltip]="(libraryDisplay ? 'Open' : 'Close') + ' Media Library'" (click)="toggleLibrary()" [ngClass]="{'library-toggle-open': libraryDisplay}"><mat-icon class="position-center" *ngIf="!libraryDisplay" svgIcon="media_selector_add" aria-hidden="false" aria-label="Add">Add</mat-icon><div class="btn-text small-all-caps position-center" *ngIf="libraryDisplay">Close Library</div></a></div></div></div>