@stratusjs/angular 0.3.6 → 0.3.7

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

@@ -0,0 +1,271 @@
+System.register(["@angular/core", "@angular/forms", "@angular/material/dialog", "@angular/material/snack-bar", "rxjs", "rxjs/operators", "lodash", "@stratusjs/runtime/stratus", "@stratusjs/core/environment", "@stratusjs/angular/backend.service", "@stratusjs/angularjs/services/model", "@stratusjs/angular/core/responsive.component", "@angular/material/icon", "@angular/platform-browser"], 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 __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, rxjs_1, operators_1, lodash_1, stratus_1, environment_1, backend_service_1, model_1, responsive_component_1, icon_1, platform_browser_1, systemDir, moduleName, parentModuleName, min, localDir, LinkDialogComponent;
+    var __moduleName = context_1 && context_1.id;
+    return {
+        setters: [
+            function (core_1_1) {
+                core_1 = core_1_1;
+            },
+            function (forms_1_1) {
+                forms_1 = forms_1_1;
+            },
+            function (dialog_1_1) {
+                dialog_1 = dialog_1_1;
+            },
+            function (snack_bar_1_1) {
+                snack_bar_1 = snack_bar_1_1;
+            },
+            function (rxjs_1_1) {
+                rxjs_1 = rxjs_1_1;
+            },
+            function (operators_1_1) {
+                operators_1 = operators_1_1;
+            },
+            function (lodash_1_1) {
+                lodash_1 = lodash_1_1;
+            },
+            function (stratus_1_1) {
+                stratus_1 = stratus_1_1;
+            },
+            function (environment_1_1) {
+                environment_1 = environment_1_1;
+            },
+            function (backend_service_1_1) {
+                backend_service_1 = backend_service_1_1;
+            },
+            function (model_1_1) {
+                model_1 = model_1_1;
+            },
+            function (responsive_component_1_1) {
+                responsive_component_1 = responsive_component_1_1;
+            },
+            function (icon_1_1) {
+                icon_1 = icon_1_1;
+            },
+            function (platform_browser_1_1) {
+                platform_browser_1 = platform_browser_1_1;
+            }
+        ],
+        execute: function () {
+            systemDir = '@stratusjs/angular';
+            moduleName = 'link-dialog';
+            parentModuleName = 'editor';
+            min = !environment_1.cookie('env') ? '.min' : '';
+            localDir = `${stratus_1.Stratus.BaseUrl}${boot.configuration.paths[`${systemDir}/*`].replace(/[^/]*$/, '')}`;
+            LinkDialogComponent = class LinkDialogComponent extends responsive_component_1.ResponsiveComponent {
+                constructor(dialogRef, data, fb, backend, snackBar, iconRegistry, sanitizer, ref) {
+                    super();
+                    this.dialogRef = dialogRef;
+                    this.data = data;
+                    this.fb = fb;
+                    this.backend = backend;
+                    this.snackBar = snackBar;
+                    this.iconRegistry = iconRegistry;
+                    this.sanitizer = sanitizer;
+                    this.ref = ref;
+                    this.title = moduleName + '_component';
+                    this._ = lodash_1.default;
+                    this.Stratus = stratus_1.Stratus;
+                    this.apiBase = '/Api/Content';
+                    this.contentEntities = [];
+                    this.isContentLoading = true;
+                    this.limit = 20;
+                    this.eventInsert = true;
+                    this.selected = [];
+                    this.svgIcons = {};
+                }
+                ngOnInit() {
+                    this.uid = lodash_1.default.uniqueId(`sa_${lodash_1.default.snakeCase(moduleName)}_component_`);
+                    stratus_1.Stratus.Instances[this.uid] = this;
+                    stratus_1.Stratus.Internals.CssLoader(`${localDir}${parentModuleName}/${moduleName}.component${min}.css`);
+                    this.model = this.data.model;
+                    this.property = this.data.property;
+                    this.editor = this.data.editor;
+                    this.eventManager = this.data.eventManager;
+                    if (lodash_1.default.isBoolean(this.data.eventInsert)) {
+                        this.eventInsert = this.data.eventInsert;
+                    }
+                    this.dialogLinkForm = this.fb.group({
+                        linkQueryInput: ''
+                    });
+                    this.dialogLinkForm
+                        .get('linkQueryInput')
+                        .valueChanges
+                        .pipe(operators_1.debounceTime(300), operators_1.tap(() => {
+                    }), operators_1.switchMap((value) => {
+                        return this.getQuery(value);
+                    }))
+                        .subscribe((response) => this.processContent(response));
+                    this.getQuery().subscribe((response) => this.processContent(response));
+                    this.refresh();
+                }
+                onCancelClick() {
+                    this.dialogRef.close();
+                    this.refresh();
+                }
+                onPage(event) {
+                    this.pageEvent = event;
+                    this.getQuery(this.lastContentQuery).subscribe((response) => this.processContent(response));
+                }
+                getQueryUrl(query) {
+                    let limit = this.limit;
+                    let paging = 1;
+                    if (this.pageEvent) {
+                        limit = this.pageEvent.pageSize;
+                        paging = this.pageEvent.pageIndex + 1;
+                    }
+                    query = (lodash_1.default.isString(query) && !lodash_1.default.isEmpty(query)) ? `"${query}"` : '';
+                    return `${this.apiBase}?limit=${limit}&p=${paging}&q=${query}`;
+                }
+                getQuery(query) {
+                    this.lastContentQuery = query;
+                    this.isContentLoading = true;
+                    return this.backend.get(this.getQueryUrl(query))
+                        .pipe(operators_1.finalize(() => this.isContentLoading = false));
+                }
+                processContent(response) {
+                    if (!response.ok || response.status !== 200 || lodash_1.default.isEmpty(response.body)) {
+                        this.meta = {};
+                        this.contentEntities = [];
+                        this.refresh();
+                        return this.contentEntities;
+                    }
+                    this.meta = lodash_1.default.get(response.body, 'meta') || {};
+                    const payload = lodash_1.default.get(response.body, 'payload') || response.body;
+                    if (lodash_1.default.isEmpty(payload) || !Array.isArray(payload)) {
+                        this.contentEntities = [];
+                        this.isContentLoading = false;
+                        this.refresh();
+                        return this.contentEntities;
+                    }
+                    this.contentEntities = payload;
+                    this.isContentLoading = false;
+                    this.refresh();
+                    return this.contentEntities;
+                }
+                select(content) {
+                    if (lodash_1.default.isUndefined(content)) {
+                        return;
+                    }
+                    const linkElement = this.createLink(content);
+                    if (!linkElement) {
+                        console.warn(`${moduleName}: unable to build link for Content ID: ${content.id}`);
+                        this.snackBar.open(`Unable to build link for Content ID: ${content.id}.`, 'dismiss', {
+                            duration: 5000,
+                            horizontalPosition: 'right',
+                            verticalPosition: 'bottom'
+                        });
+                        return;
+                    }
+                    this.selected.push(content.id);
+                    if (!this.eventInsert) {
+                        if (!(this.model instanceof model_1.Model)) {
+                            console.warn(`${moduleName}: event manager not available.`);
+                            return;
+                        }
+                        if (!lodash_1.default.isString(this.property)) {
+                            console.warn(`${moduleName}: event manager not available.`);
+                            return;
+                        }
+                        console.warn(`${moduleName}: disabling eventInsert is not recommended.`);
+                        this.model.set(this.property, this.model.get(this.property) + linkElement);
+                        return;
+                    }
+                    if (!this.eventManager) {
+                        console.warn(`${moduleName}: event manager is not set.`);
+                        return;
+                    }
+                    this.eventManager.trigger('insert', linkElement, this.editor);
+                }
+                isSelected(content) {
+                    if (lodash_1.default.isUndefined(content)) {
+                        return;
+                    }
+                    return lodash_1.default.includes(this.selected, content.id);
+                }
+                createLink(content) {
+                    if (!content) {
+                        console.warn(`${moduleName}: unable to create link for empty content`);
+                        return null;
+                    }
+                    if (!content.contentType || !content.contentType.name) {
+                        console.warn(`${moduleName}: unable to find content type for content id: ${content.id}`);
+                        return null;
+                    }
+                    if (!content.routing || !content.routing.length || !content.routing[0]) {
+                        console.warn(`${moduleName}: unable to find routing for ${content.contentType.name} id: ${content.id}`);
+                        return null;
+                    }
+                    if (!content.routing[0].url) {
+                        console.warn(`${moduleName}: unable to find url for ${content.contentType.name} id: ${content.id}`);
+                        return null;
+                    }
+                    if (!content.version) {
+                        console.warn(`${moduleName}: unable to find content version for ${content.contentType.name} id: ${content.id}`);
+                        return null;
+                    }
+                    if (!content.version.title || !content.version.title.length) {
+                        console.warn(`${moduleName}: unable to find title for ${content.contentType.name} id: ${content.id}`);
+                        return null;
+                    }
+                    return `<a href="/${content.routing[0].url}" aria-label="${content.version.title}">${content.version.title}</a>`;
+                }
+                getSvg(url, options) {
+                    const uid = this.addSvgIcon(url, options);
+                    return new rxjs_1.Observable((subscriber) => {
+                        this.iconRegistry
+                            .getNamedSvgIcon(uid)
+                            .subscribe({
+                            error(err) {
+                                console.error(`getSvg(${url}): ${err}`);
+                            },
+                            complete() {
+                                subscriber.next(uid);
+                            }
+                        });
+                    });
+                }
+                addSvgIcon(url, options) {
+                    if (url in this.svgIcons) {
+                        return this.svgIcons[url];
+                    }
+                    if (!options) {
+                        options = {};
+                    }
+                    const uid = this.svgIcons[url] = lodash_1.default.uniqueId('selector_svg');
+                    this.iconRegistry.addSvgIcon(uid, this.sanitizer.bypassSecurityTrustResourceUrl(url), options);
+                    return uid;
+                }
+            };
+            LinkDialogComponent = __decorate([
+                core_1.Component({
+                    selector: `sa-${moduleName}`,
+                    templateUrl: `${localDir}/${parentModuleName}/${moduleName}.component${min}.html`,
+                }),
+                __param(1, core_1.Inject(dialog_1.MAT_DIALOG_DATA)),
+                __metadata("design:paramtypes", [dialog_1.MatDialogRef, Object, forms_1.FormBuilder,
+                    backend_service_1.BackendService,
+                    snack_bar_1.MatSnackBar,
+                    icon_1.MatIconRegistry,
+                    platform_browser_1.DomSanitizer,
+                    core_1.ChangeDetectorRef])
+            ], LinkDialogComponent);
+            exports_1("LinkDialogComponent", LinkDialogComponent);
+        }
+    };
+});
+
+//# sourceMappingURL=link-dialog.component.js.map

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

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

package/src/editor/link-dialog.component.min.css

@@ -0,0 +1 @@
+.link-dialog-content .radio-group{display:flex;flex-direction:column;margin:15px 0}.link-dialog-content .radio-button{margin:5px}.link-dialog-content img.selected{opacity:.5}.link-dialog-content .link-card{max-width:400px}.link-dialog-content .link-header-image{background-size:cover}

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

@@ -0,0 +1,7 @@
+<h1 mat-dialog-title>Link Selector</h1><div mat-dialog-content class="link-dialog-content"><form class="dialog-form" [formGroup]="dialogLinkForm"><mat-form-field class="form-field"><input matInput placeholder="Search Content" aria-label="Search Content" formControlName="linkQueryInput"></mat-form-field></form><mat-progress-bar mode="indeterminate" *ngIf="isContentLoading"></mat-progress-bar><div class="content" fxLayout="row wrap" fxLayoutGap="16px grid"><div fxFlex="25%" fxFlex.xs="100%" fxFlex.sm="33%" *ngFor="let contentEntity of contentEntities"><mat-card class="content-card"><mat-card-header><mat-card-title><ng-container *ngIf="contentEntity.version.title && contentEntity.version.title.length > 16; else defaultTitle"><span [matTooltip]="contentEntity.version.title" [innerText]="(contentEntity.version.title | slice:0:13) + '...'" [style.cursor]="'help'"></span></ng-container><ng-template #defaultTitle><span [innerText]="contentEntity.version.title || 'Untitled'" [style.cursor]="'default'"></span></ng-template></mat-card-title><mat-card-subtitle><ng-container *ngIf="contentEntity.contentType.name && contentEntity.contentType.name.length > 24; else defaultSubtitle"><span [matTooltip]="contentEntity.contentType.name" [innerText]="(contentEntity.contentType.name | slice:0:21) + '...'" [style.cursor]="'help'"></span></ng-container><ng-template #defaultSubtitle><span [innerText]="contentEntity.contentType.name" [style.cursor]="'default'"></span></ng-template></mat-card-subtitle></mat-card-header><ng-template #defaultBody><mat-icon aria-hidden="true" [svgIcon]="getSvg(Stratus.BaseUrl + contentEntity.contentType.iconResourcePath) | async">ContentType Icon</mat-icon></ng-template><ng-container *ngIf="contentEntity.version && contentEntity.version.bestImage; else defaultBody"><ng-container *ngIf="contentEntity.version.bestImage._thumbnailUrl"><img mat-card-image class="generic-thumb basic-image" [src]="contentEntity.version.bestImage.mime !== 'image/gif' ? contentEntity.version.bestImage._thumbnailUrl : contentEntity.version.bestImage._directUrl" [alt]="contentEntity.version.title" [ngClass]="{'selected' : isSelected(contentEntity)}"></ng-container><ng-container *ngIf="!contentEntity.version.bestImage._thumbnailUrl
+                                          && contentEntity.version.bestImage.mime === 'video'"><ng-container *ngIf="contentEntity.version.bestImage.service === 'vimeo'"><ng-container *ngIf="contentEntity.version.bestImage.meta && contentEntity.version.bestImage.meta.thumbnail_large; else basicVimeoButton"><img mat-card-image class="vimeo" [src]="contentEntity.version.bestImage.meta.thumbnail_large" [alt]="contentEntity.version.title" [ngClass]="{'selected' : isSelected(contentEntity)}"></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]="contentEntity.version.title" [ngClass]="{'selected' : isSelected(contentEntity)}"></ng-template></ng-container><ng-container *ngIf="contentEntity.version.bestImage.service === 'youtube'"><ng-container *ngIf="contentEntity.version.bestImage.serviceMediaId; else basicYoutubeButton"><img mat-card-image class="youtube" [src]="'https://img.youtube.com/vi/' + contentEntity.version.bestImage.serviceMediaId + '/hqdefault.jpg'" [alt]="contentEntity.version.title" [ngClass]="{'selected' : isSelected(contentEntity)}"></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]="contentEntity.version.title" [ngClass]="{'selected' : isSelected(contentEntity)}"></ng-template></ng-container><ng-container *ngIf="contentEntity.version.bestImage.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]="contentEntity.version.title" [ngClass]="{'selected' : isSelected(contentEntity)}"></ng-container><ng-container *ngIf="!['vimeo', 'youtube', 'facebook'].includes(contentEntity.version.bestImage.service)"><img mat-card-image class="generic-video basic-image" [src]="Stratus.BaseUrl + 'sitetheorymedia/images/mediaTypeIcons/media-icon-video.png'" style="background: #4e4e4e;" [alt]="contentEntity.version.title" [ngClass]="{'selected' : isSelected(contentEntity)}"></ng-container></ng-container><ng-container *ngIf="!contentEntity.version.bestImage._thumbnailUrl
+                                          && _.startsWith(contentEntity.version.bestImage.mime, 'audio')"><img mat-card-image class="generic-audio" [src]="Stratus.BaseUrl + 'sitetheorymedia/images/mediaTypeGraphics/media-graphic-audio.png'" style="background: #4e4e4e;" [alt]="contentEntity.version.title" [ngClass]="{'selected' : isSelected(contentEntity)}"></ng-container><ng-container *ngIf="!contentEntity.version.bestImage._thumbnailUrl
+                                          && contentEntity.version.bestImage.mime === 'application/pdf'"><img mat-card-image class="generic-pdf basic-image" [src]="Stratus.BaseUrl + 'sitetheorymedia/images/mediaTypeGraphics/media-graphic-pdf.png'" [alt]="contentEntity.version.title" [ngClass]="{'selected' : isSelected(contentEntity)}"></ng-container><ng-container *ngIf="!contentEntity.version.bestImage._thumbnailUrl
+                                          && contentEntity.version.bestImage.mime === 'application/msword'"><img mat-card-image class="generic-word basic-image" [src]="Stratus.BaseUrl + 'sitetheorymedia/images/mediaTypeGraphics/media-graphic-doc.png'" [alt]="contentEntity.version.title" [ngClass]="{'selected' : isSelected(contentEntity)}"></ng-container><ng-container *ngIf="!contentEntity.version.bestImage._thumbnailUrl
+                                          && contentEntity.version.bestImage.service === 'directLink'
+                                          && contentEntity.version.bestImage.file"><img mat-card-image class="direct-link" [src]="contentEntity.version.bestImage.file" [alt]="contentEntity.version.title" [ngClass]="{'selected' : isSelected(contentEntity)}"></ng-container></ng-container><mat-card-actions><button mat-button [disabled]="isSelected(contentEntity)" (click)="select(contentEntity)"><span [innerText]="isSelected(contentEntity) ? 'Selected' : 'Insert'"></span></button></mat-card-actions></mat-card></div></div><mat-paginator [length]="(!meta || !meta.pagination) ? contentEntities.length : (meta.pagination.countTotal || contentEntities.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/link-dialog.component.min.js

@@ -0,0 +1 @@
+System.register(["@angular/core","@angular/forms","@angular/material/dialog","@angular/material/snack-bar","rxjs","rxjs/operators","lodash","@stratusjs/runtime/stratus","@stratusjs/core/environment","@stratusjs/angular/backend.service","@stratusjs/angularjs/services/model","@stratusjs/angular/core/responsive.component","@angular/material/icon","@angular/platform-browser"],function(t,e){"use strict";var n,i,s,o,r,a,l,c,u,d,h,g,f,p,m,v,y,b,k=this&&this.__decorate||function(t,e,n,i){var s,o=arguments.length,r=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(r=(o<3?s(r):o>3?s(e,n,r):s(e,n))||r);return o>3&&r&&Object.defineProperty(e,n,r),r},$=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},I=this&&this.__param||function(t,e){return function(n,i){e(n,i,t)}};e&&e.id;return{setters:[function(t){n=t},function(t){i=t},function(t){s=t},function(t){o=t},function(t){r=t},function(t){a=t},function(t){l=t},function(t){c=t},function(t){u=t},function(t){d=t},function(t){h=t},function(t){g=t},function(t){f=t},function(t){p=t}],execute:function(){"@stratusjs/angular",m="link-dialog","editor",v=u.cookie("env")?"":".min",y=`${c.Stratus.BaseUrl}${boot.configuration.paths["@stratusjs/angular/*"].replace(/[^/]*$/,"")}`,b=class extends g.ResponsiveComponent{constructor(t,e,n,i,s,o,r,a){super(),this.dialogRef=t,this.data=e,this.fb=n,this.backend=i,this.snackBar=s,this.iconRegistry=o,this.sanitizer=r,this.ref=a,this.title="link-dialog_component",this._=l.default,this.Stratus=c.Stratus,this.apiBase="/Api/Content",this.contentEntities=[],this.isContentLoading=!0,this.limit=20,this.eventInsert=!0,this.selected=[],this.svgIcons={}}ngOnInit(){this.uid=l.default.uniqueId(`sa_${l.default.snakeCase(m)}_component_`),c.Stratus.Instances[this.uid]=this,c.Stratus.Internals.CssLoader(`${y}editor/link-dialog.component${v}.css`),this.model=this.data.model,this.property=this.data.property,this.editor=this.data.editor,this.eventManager=this.data.eventManager,l.default.isBoolean(this.data.eventInsert)&&(this.eventInsert=this.data.eventInsert),this.dialogLinkForm=this.fb.group({linkQueryInput:""}),this.dialogLinkForm.get("linkQueryInput").valueChanges.pipe(a.debounceTime(300),a.tap(()=>{}),a.switchMap(t=>this.getQuery(t))).subscribe(t=>this.processContent(t)),this.getQuery().subscribe(t=>this.processContent(t)),this.refresh()}onCancelClick(){this.dialogRef.close(),this.refresh()}onPage(t){this.pageEvent=t,this.getQuery(this.lastContentQuery).subscribe(t=>this.processContent(t))}getQueryUrl(t){let e=this.limit,n=1;return this.pageEvent&&(e=this.pageEvent.pageSize,n=this.pageEvent.pageIndex+1),t=l.default.isString(t)&&!l.default.isEmpty(t)?`"${t}"`:"",`${this.apiBase}?limit=${e}&p=${n}&q=${t}`}getQuery(t){return this.lastContentQuery=t,this.isContentLoading=!0,this.backend.get(this.getQueryUrl(t)).pipe(a.finalize(()=>this.isContentLoading=!1))}processContent(t){if(!t.ok||200!==t.status||l.default.isEmpty(t.body))return this.meta={},this.contentEntities=[],this.refresh(),this.contentEntities;this.meta=l.default.get(t.body,"meta")||{};const e=l.default.get(t.body,"payload")||t.body;return l.default.isEmpty(e)||!Array.isArray(e)?(this.contentEntities=[],this.isContentLoading=!1,this.refresh(),this.contentEntities):(this.contentEntities=e,this.isContentLoading=!1,this.refresh(),this.contentEntities)}select(t){if(l.default.isUndefined(t))return;const e=this.createLink(t);return e?(this.selected.push(t.id),this.eventInsert?void(this.eventManager?this.eventManager.trigger("insert",e,this.editor):console.warn("link-dialog: event manager is not set.")):this.model instanceof h.Model&&l.default.isString(this.property)?(console.warn("link-dialog: disabling eventInsert is not recommended."),void this.model.set(this.property,this.model.get(this.property)+e)):void console.warn("link-dialog: event manager not available.")):(console.warn(`link-dialog: unable to build link for Content ID: ${t.id}`),void this.snackBar.open(`Unable to build link for Content ID: ${t.id}.`,"dismiss",{duration:5e3,horizontalPosition:"right",verticalPosition:"bottom"}))}isSelected(t){if(!l.default.isUndefined(t))return l.default.includes(this.selected,t.id)}createLink(t){return t?t.contentType&&t.contentType.name?t.routing&&t.routing.length&&t.routing[0]?t.routing[0].url?t.version?t.version.title&&t.version.title.length?`<a href="/${t.routing[0].url}" aria-label="${t.version.title}">${t.version.title}</a>`:(console.warn(`link-dialog: unable to find title for ${t.contentType.name} id: ${t.id}`),null):(console.warn(`link-dialog: unable to find content version for ${t.contentType.name} id: ${t.id}`),null):(console.warn(`link-dialog: unable to find url for ${t.contentType.name} id: ${t.id}`),null):(console.warn(`link-dialog: unable to find routing for ${t.contentType.name} id: ${t.id}`),null):(console.warn(`link-dialog: unable to find content type for content id: ${t.id}`),null):(console.warn("link-dialog: unable to create link for empty content"),null)}getSvg(t,e){const n=this.addSvgIcon(t,e);return new r.Observable(e=>{this.iconRegistry.getNamedSvgIcon(n).subscribe({error(e){console.error(`getSvg(${t}): ${e}`)},complete(){e.next(n)}})})}addSvgIcon(t,e){if(t in this.svgIcons)return this.svgIcons[t];e||(e={});const n=this.svgIcons[t]=l.default.uniqueId("selector_svg");return this.iconRegistry.addSvgIcon(n,this.sanitizer.bypassSecurityTrustResourceUrl(t),e),n}},b=k([n.Component({selector:"sa-link-dialog",templateUrl:`${y}/editor/link-dialog.component${v}.html`}),I(1,n.Inject(s.MAT_DIALOG_DATA)),$("design:paramtypes",[s.MatDialogRef,Object,i.FormBuilder,d.BackendService,o.MatSnackBar,f.MatIconRegistry,p.DomSanitizer,n.ChangeDetectorRef])],b),t("LinkDialogComponent",b)}}});

package/src/editor/link-dialog.component.scss

@@ -0,0 +1,26 @@
+.link {
+  &-dialog {
+    &-content {
+      .radio {
+        &-group {
+          display: flex;
+          flex-direction: column;
+          margin: 15px 0;
+        }
+        &-button {
+          margin: 5px;
+        }
+      }
+      img.selected {
+        opacity: 0.5;
+      }
+      .link-card {
+        max-width: 400px;
+      }
+      .link-header-image {
+        //background-image: url('');
+        background-size: cover;
+      }
+    }
+  }
+}