@sitecore-jss/sitecore-jss-angular 21.2.2-canary.0 → 21.2.2

package/dist/esm2020/components/image.directive.mjs

@@ -1,138 +1,138 @@
-import { Directive, Input, } from '@angular/core';
-import { mediaApi } from '@sitecore-jss/sitecore-jss/media';
-import * as i0 from "@angular/core";
-export class ImageDirective {
-    constructor(viewContainer, templateRef, renderer, elementRef) {
-        this.viewContainer = viewContainer;
-        this.templateRef = templateRef;
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-        this.editable = true;
-        this.urlParams = {};
-        this.attrs = {};
-        this.inlineRef = null;
-    }
-    ngOnChanges(changes) {
-        if (changes.field || changes.editable || changes.urlParams || changes.attrs) {
-            this.viewContainer.clear();
-            if (this.inlineRef) {
-                this.inlineRef.remove();
-                this.inlineRef = null;
-            }
-            this.updateView();
-        }
-    }
-    updateView() {
-        const overrideAttrs = {
-            ...this.getElementAttrs(),
-            ...this.attrs,
-        };
-        const media = this.field;
-        if (!media || (!media.editable && !media.value && !media.src)) {
-            return;
-        }
-        let attrs = {};
-        // we likely have an experience editor value, should be a string
-        if (this.editable && media.editable) {
-            const foundImg = mediaApi.findEditorImageTag(media.editable);
-            if (!foundImg) {
-                return this.renderInlineWrapper(media.editable);
-            }
-            attrs = this.getImageAttrs(foundImg.attrs, overrideAttrs, this.urlParams);
-            if (!attrs) {
-                return this.renderInlineWrapper(media.editable);
-            }
-            const tempImg = this.renderer.createElement('img');
-            Object.entries(attrs).forEach(([key, attrValue]) => tempImg.setAttribute(key, attrValue));
-            const editableMarkup = media.editable.replace(foundImg.imgTag, tempImg.outerHTML);
-            return this.renderInlineWrapper(editableMarkup);
-        }
-        // some wise-guy/gal is passing in a 'raw' image object value
-        const img = media.src ? media : media.value;
-        if (!img) {
-            return null;
-        }
-        attrs = this.getImageAttrs(img, overrideAttrs, this.urlParams);
-        if (attrs) {
-            this.renderTemplate(attrs);
-        }
-    }
-    getImageAttrs(fieldAttrs, parsedAttrs, imageParams) {
-        const combinedAttrs = {
-            ...fieldAttrs,
-            ...parsedAttrs,
-        };
-        // eslint-disable-next-line prefer-const
-        let { src, srcSet, ...otherAttrs } = combinedAttrs;
-        if (!src) {
-            return null;
-        }
-        const newAttrs = {
-            ...otherAttrs,
-        };
-        // update image URL for jss handler and image rendering params
-        src = mediaApi.updateImageUrl(src, imageParams, this.mediaUrlPrefix);
-        if (srcSet) {
-            // replace with HTML-formatted srcset, including updated image URLs
-            newAttrs.srcSet = mediaApi.getSrcSet(src, srcSet, imageParams, this.mediaUrlPrefix);
-        }
-        else {
-            newAttrs.src = src;
-        }
-        return newAttrs;
-    }
-    renderTemplate(imageProps) {
-        const viewRef = this.viewContainer.createEmbeddedView(this.templateRef);
-        viewRef.rootNodes.forEach((node) => {
-            Object.entries(imageProps).forEach(([key, imgPropVal]) => this.renderer.setAttribute(node, key, imgPropVal));
-        });
-    }
-    getElementAttrs() {
-        const view = this.templateRef.createEmbeddedView(null);
-        const element = view.rootNodes[0];
-        if (!element) {
-            view.destroy();
-            return {};
-        }
-        const attrs = {};
-        for (let i = 0; i < element.attributes.length; i++) {
-            const attr = element.attributes.item(i);
-            if (attr) {
-                attrs[attr.name] = attr.value;
-            }
-        }
-        view.destroy();
-        return attrs;
-    }
-    renderInlineWrapper(editable) {
-        const span = this.renderer.createElement('span');
-        span.className = 'sc-image-wrapper';
-        span.innerHTML = editable;
-        const parentNode = this.renderer.parentNode(this.elementRef.nativeElement);
-        this.renderer.insertBefore(parentNode, span, this.elementRef.nativeElement);
-        parentNode.removeChild(this.elementRef.nativeElement);
-        this.inlineRef = span;
-    }
-}
-ImageDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ImageDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-ImageDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: ImageDirective, selector: "[scImage]", inputs: { field: ["scImage", "field"], editable: ["scImageEditable", "editable"], mediaUrlPrefix: ["scImageMediaUrlPrefix", "mediaUrlPrefix"], urlParams: ["scImageUrlParams", "urlParams"], attrs: ["scImageAttrs", "attrs"] }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ImageDirective, decorators: [{
-            type: Directive,
-            args: [{ selector: '[scImage]' }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.TemplateRef }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { field: [{
-                type: Input,
-                args: ['scImage']
-            }], editable: [{
-                type: Input,
-                args: ['scImageEditable']
-            }], mediaUrlPrefix: [{
-                type: Input,
-                args: ['scImageMediaUrlPrefix']
-            }], urlParams: [{
-                type: Input,
-                args: ['scImageUrlParams']
-            }], attrs: [{
-                type: Input,
-                args: ['scImageAttrs']
-            }] } });
+import { Directive, Input, } from '@angular/core';
+import { mediaApi } from '@sitecore-jss/sitecore-jss/media';
+import * as i0 from "@angular/core";
+export class ImageDirective {
+    constructor(viewContainer, templateRef, renderer, elementRef) {
+        this.viewContainer = viewContainer;
+        this.templateRef = templateRef;
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+        this.editable = true;
+        this.urlParams = {};
+        this.attrs = {};
+        this.inlineRef = null;
+    }
+    ngOnChanges(changes) {
+        if (changes.field || changes.editable || changes.urlParams || changes.attrs) {
+            this.viewContainer.clear();
+            if (this.inlineRef) {
+                this.inlineRef.remove();
+                this.inlineRef = null;
+            }
+            this.updateView();
+        }
+    }
+    updateView() {
+        const overrideAttrs = {
+            ...this.getElementAttrs(),
+            ...this.attrs,
+        };
+        const media = this.field;
+        if (!media || (!media.editable && !media.value && !media.src)) {
+            return;
+        }
+        let attrs = {};
+        // we likely have an experience editor value, should be a string
+        if (this.editable && media.editable) {
+            const foundImg = mediaApi.findEditorImageTag(media.editable);
+            if (!foundImg) {
+                return this.renderInlineWrapper(media.editable);
+            }
+            attrs = this.getImageAttrs(foundImg.attrs, overrideAttrs, this.urlParams);
+            if (!attrs) {
+                return this.renderInlineWrapper(media.editable);
+            }
+            const tempImg = this.renderer.createElement('img');
+            Object.entries(attrs).forEach(([key, attrValue]) => tempImg.setAttribute(key, attrValue));
+            const editableMarkup = media.editable.replace(foundImg.imgTag, tempImg.outerHTML);
+            return this.renderInlineWrapper(editableMarkup);
+        }
+        // some wise-guy/gal is passing in a 'raw' image object value
+        const img = media.src ? media : media.value;
+        if (!img) {
+            return null;
+        }
+        attrs = this.getImageAttrs(img, overrideAttrs, this.urlParams);
+        if (attrs) {
+            this.renderTemplate(attrs);
+        }
+    }
+    getImageAttrs(fieldAttrs, parsedAttrs, imageParams) {
+        const combinedAttrs = {
+            ...fieldAttrs,
+            ...parsedAttrs,
+        };
+        // eslint-disable-next-line prefer-const
+        let { src, srcSet, ...otherAttrs } = combinedAttrs;
+        if (!src) {
+            return null;
+        }
+        const newAttrs = {
+            ...otherAttrs,
+        };
+        // update image URL for jss handler and image rendering params
+        src = mediaApi.updateImageUrl(src, imageParams, this.mediaUrlPrefix);
+        if (srcSet) {
+            // replace with HTML-formatted srcset, including updated image URLs
+            newAttrs.srcSet = mediaApi.getSrcSet(src, srcSet, imageParams, this.mediaUrlPrefix);
+        }
+        else {
+            newAttrs.src = src;
+        }
+        return newAttrs;
+    }
+    renderTemplate(imageProps) {
+        const viewRef = this.viewContainer.createEmbeddedView(this.templateRef);
+        viewRef.rootNodes.forEach((node) => {
+            Object.entries(imageProps).forEach(([key, imgPropVal]) => this.renderer.setAttribute(node, key, imgPropVal));
+        });
+    }
+    getElementAttrs() {
+        const view = this.templateRef.createEmbeddedView(null);
+        const element = view.rootNodes[0];
+        if (!element) {
+            view.destroy();
+            return {};
+        }
+        const attrs = {};
+        for (let i = 0; i < element.attributes.length; i++) {
+            const attr = element.attributes.item(i);
+            if (attr) {
+                attrs[attr.name] = attr.value;
+            }
+        }
+        view.destroy();
+        return attrs;
+    }
+    renderInlineWrapper(editable) {
+        const span = this.renderer.createElement('span');
+        span.className = 'sc-image-wrapper';
+        span.innerHTML = editable;
+        const parentNode = this.renderer.parentNode(this.elementRef.nativeElement);
+        this.renderer.insertBefore(parentNode, span, this.elementRef.nativeElement);
+        parentNode.removeChild(this.elementRef.nativeElement);
+        this.inlineRef = span;
+    }
+}
+ImageDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ImageDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+ImageDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: ImageDirective, selector: "[scImage]", inputs: { field: ["scImage", "field"], editable: ["scImageEditable", "editable"], mediaUrlPrefix: ["scImageMediaUrlPrefix", "mediaUrlPrefix"], urlParams: ["scImageUrlParams", "urlParams"], attrs: ["scImageAttrs", "attrs"] }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ImageDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[scImage]' }]
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.TemplateRef }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { field: [{
+                type: Input,
+                args: ['scImage']
+            }], editable: [{
+                type: Input,
+                args: ['scImageEditable']
+            }], mediaUrlPrefix: [{
+                type: Input,
+                args: ['scImageMediaUrlPrefix']
+            }], urlParams: [{
+                type: Input,
+                args: ['scImageUrlParams']
+            }], attrs: [{
+                type: Input,
+                args: ['scImageAttrs']
+            }] } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvaW1hZ2UuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBRVQsS0FBSyxHQU1OLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQzs7QUFJNUQsTUFBTSxPQUFPLGNBQWM7SUFvQnpCLFlBQ1UsYUFBK0IsRUFDL0IsV0FBaUMsRUFDakMsUUFBbUIsRUFDbkIsVUFBc0I7UUFIdEIsa0JBQWEsR0FBYixhQUFhLENBQWtCO1FBQy9CLGdCQUFXLEdBQVgsV0FBVyxDQUFzQjtRQUNqQyxhQUFRLEdBQVIsUUFBUSxDQUFXO1FBQ25CLGVBQVUsR0FBVixVQUFVLENBQVk7UUFyQk4sYUFBUSxHQUFHLElBQUksQ0FBQztRQVdmLGNBQVMsR0FBeUMsRUFBRSxDQUFDO1FBRXpELFVBQUssR0FBaUMsRUFBRSxDQUFDO1FBRXhELGNBQVMsR0FBMkIsSUFBSSxDQUFDO0lBTzlDLENBQUM7SUFFSixXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxPQUFPLENBQUMsS0FBSyxJQUFJLE9BQU8sQ0FBQyxRQUFRLElBQUksT0FBTyxDQUFDLFNBQVMsSUFBSSxPQUFPLENBQUMsS0FBSyxFQUFFO1lBQzNFLElBQUksQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDM0IsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO2dCQUNsQixJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sRUFBRSxDQUFDO2dCQUN4QixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQzthQUN2QjtZQUVELElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztTQUNuQjtJQUNILENBQUM7SUFFTyxVQUFVO1FBQ2hCLE1BQU0sYUFBYSxHQUFHO1lBQ3BCLEdBQUcsSUFBSSxDQUFDLGVB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QUFLLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7YUFDL0I7U0FDRjtRQUNELElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUNmLE9BQU8sS0FBSyxDQUFDO0lBQ2YsQ0FBQztJQUVPLG1CQUFtQixDQUFDLFFBQWdCO1FBQzFDLE1BQU0sSUFBSSxHQUFvQixJQUFJLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNsRSxJQUFJLENBQUMsU0FBUyxHQUFHLGtCQUFrQixDQUFDO1FBQ3BDLElBQUksQ0FBQyxTQUFTLEdBQUcsUUFBUSxDQUFDO1FBRTFCLE1BQU0sVUFBVSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDM0UsSUFBSSxDQUFDLFFBQVEsQ0FBQyxZQUFZLENBQUMsVUFBVSxFQUFFLElBQUksRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQzVFLFVBQVUsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUV0RCxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztJQUN4QixDQUFDOzs0R0FuSlUsY0FBYztnR0FBZCxjQUFjOzRGQUFkLGNBQWM7a0JBRDFCLFNBQVM7bUJBQUMsRUFBRSxRQUFRLEVBQUUsV0FBVyxFQUFFO2tMQUVoQixLQUFLO3NCQUF0QixLQUFLO3VCQUFDLFNBQVM7Z0JBRVUsUUFBUTtzQkFBakMsS0FBSzt1QkFBQyxpQkFBaUI7Z0JBU1EsY0FBYztzQkFBN0MsS0FBSzt1QkFBQyx1QkFBdUI7Z0JBRUgsU0FBUztzQkFBbkMsS0FBSzt1QkFBQyxrQkFBa0I7Z0JBRUYsS0FBSztzQkFBM0IsS0FBSzt1QkFBQyxjQUFjIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBEaXJlY3RpdmUsXHJcbiAgRWxlbWVudFJlZixcclxuICBJbnB1dCxcclxuICBPbkNoYW5nZXMsXHJcbiAgUmVuZGVyZXIyLFxyXG4gIFNpbXBsZUNoYW5nZXMsXHJcbiAgVGVtcGxhdGVSZWYsXHJcbiAgVmlld0NvbnRhaW5lclJlZixcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgbWVkaWFBcGkgfSBmcm9tICdAc2l0ZWNvcmUtanNzL3NpdGVjb3JlLWpzcy9tZWRpYSc7XHJcbmltcG9ydCB7IEltYWdlRmllbGQsIEltYWdlRmllbGRWYWx1ZSB9IGZyb20gJy4vcmVuZGVyaW5nLWZpZWxkJztcclxuXHJcbkBEaXJlY3RpdmUoeyBzZWxlY3RvcjogJ1tzY0ltYWdlXScgfSlcclxuZXhwb3J0IGNsYXNzIEltYWdlRGlyZWN0aXZlIGltcGxlbWVudHMgT25DaGFuZ2VzIHtcclxuICBASW5wdXQoJ3NjSW1hZ2UnKSBmaWVsZDogSW1hZ2VGaWVsZCB8ICcnO1xyXG5cclxuICBASW5wdXQoJ3NjSW1hZ2VFZGl0YWJsZScpIGVkaXRhYmxlID0gdHJ1ZTtcclxuXHJcbiAgLyoqXHJcbiAgICogQ3VzdG9tIHJlZ2V4cCB0aGF0IGZpbmRzIG1lZGlhIFVSTCBwcmVmaXggdGhhdCB3aWxsIGJlIHJlcGxhY2VkIGJ5IGAvLS9qc3NtZWRpYWAgb3IgYC9+L2pzc21lZGlhYC5cclxuICAgKiBAZXhhbXBsZVxyXG4gICAqIC9cXC8oWy1+XXsxfSlhc3NldHNcXC8vaVxyXG4gICAqIC8tYXNzZXRzL3dlYnNpdGUgLT4gLy0vanNzbWVkaWEvd2Vic2l0ZVxyXG4gICAqIC9+YXNzZXRzL3dlYnNpdGUgLT4gL34vanNzbWVkaWEvd2Vic2l0ZVxyXG4gICAqL1xyXG4gIEBJbnB1dCgnc2NJbWFnZU1lZGlhVXJsUHJlZml4JykgbWVkaWFVcmxQcmVmaXg/OiBSZWdFeHA7XHJcblxyXG4gIEBJbnB1dCgnc2NJbWFnZVVybFBhcmFtcycpIHVybFBhcmFtczogeyBbcGFyYW06IHN0cmluZ106IHN0cmluZyB8IG51bWJlciB9ID0ge307XHJcblxyXG4gIEBJbnB1dCgnc2NJbWFnZUF0dHJzJykgYXR0cnM6IHsgW3BhcmFtOiBzdHJpbmddOiB1bmtub3duIH0gPSB7fTtcclxuXHJcbiAgcHJpdmF0ZSBpbmxpbmVSZWY6IEhUTUxTcGFuRWxlbWVudCB8IG51bGwgPSBudWxsO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgdmlld0NvbnRhaW5lcjogVmlld0NvbnRhaW5lclJlZixcclxuICAgIHByaXZhdGUgdGVtcGxhdGVSZWY6IFRlbXBsYXRlUmVmPHVua25vd24+LFxyXG4gICAgcHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyLFxyXG4gICAgcHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmXHJcbiAgKSB7fVxyXG5cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XHJcbiAgICBpZiAoY2hhbmdlcy5maWVsZCB8fCBjaGFuZ2VzLmVkaXRhYmxlIHx8IGNoYW5nZXMudXJsUGFyYW1zIHx8IGNoYW5nZXMuYXR0cnMpIHtcclxuICAgICAgdGhpcy52aWV3Q29udGFpbmVyLmNsZWFyKCk7XHJcbiAgICAgIGlmICh0aGlzLmlubGluZVJlZikge1xyXG4gICAgICAgIHRoaXMuaW5saW5lUmVmLnJlbW92ZSgpO1xyXG4gICAgICAgIHRoaXMuaW5saW5lUmVmID0gbnVsbDtcclxuICAgICAgfVxyXG5cclxuICAgICAgdGhpcy51cGRhdGVWaWV3KCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHVwZGF0ZVZpZXcoKSB7XHJcbiAgICBjb25zdCBvdmVycmlkZUF0dHJzID0ge1xyXG4gICAgICAuLi50aGlzLmdldEVsZW1lbnRBdHRycygpLFxyXG4gICAgICAuLi50aGlzLmF0dHJzLFxyXG4gICAgfTtcclxuICAgIGNvbnN0IG1lZGlhID0gdGhpcy5maWVsZDtcclxuXHJcbiAgICBpZiAoIW1lZGlhIHx8ICghbWVkaWEuZWRpdGFibGUgJiYgIW1lZGlhLnZhbHVlICYmICFtZWRpYS5zcmMpKSB7XHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuXHJcbiAgICBsZXQgYXR0cnM6IHsgW2F0dHI6IHN0cmluZ106IHN0cmluZyB9IHwgbnVsbCA9IHt9O1xyXG5cclxuICAgIC8vIHdlIGxpa2VseSBoYXZlIGFuIGV4cGVyaWVuY2UgZWRpdG9yIHZhbHVlLCBzaG91bGQgYmUgYSBzdHJpbmdcclxuICAgIGlmICh0aGlzLmVkaXRhYmxlICYmIG1lZGlhLmVkaXRhYmxlKSB7XHJcbiAgICAgIGNvbnN0IGZvdW5kSW1nID0gbWVkaWFBcGkuZmluZEVkaXRvckltYWdlVGFnKG1lZGlhLmVkaXRhYmxlKTtcclxuICAgICAgaWYgKCFmb3VuZEltZykge1xyXG4gICAgICAgIHJldHVybiB0aGlzLnJlbmRlcklubGluZVdyYXBwZXIobWVkaWEuZWRpdGFibGUpO1xyXG4gICAgICB9XHJcbiAgICAgIGF0dHJzID0gdGhpcy5nZXRJbWFnZUF0dHJzKGZvdW5kSW1nLmF0dHJzLCBvdmVycmlkZUF0dHJzLCB0aGlzLnVybFBhcmFtcyk7XHJcbiAgICAgIGlmICghYXR0cnMpIHtcclxuICAgICAgICByZXR1cm4gdGhpcy5yZW5kZXJJbmxpbmVXcmFwcGVyKG1lZGlhLmVkaXRhYmxlKTtcclxuICAgICAgfVxyXG4gICAgICBjb25zdCB0ZW1wSW1nOiBIVE1MSW1hZ2VFbGVtZW50ID0gdGhpcy5yZW5kZXJlci5jcmVhdGVFbGVtZW50KCdpbWcnKTtcclxuICAgICAgT2JqZWN0LmVudHJpZXMoYXR0cnMpLmZvckVhY2goKFtrZXksIGF0dHJWYWx1ZV06IFtzdHJpbmcsIHN0cmluZ10pID0+XHJcbiAgICAgICAgdGVtcEltZy5zZXRBdHRyaWJ1dGUoa2V5LCBhdHRyVmFsdWUpXHJcbiAgICAgICk7XHJcbiAgICAgIGNvbnN0IGVkaXRhYmxlTWFya3VwID0gbWVkaWEuZWRpdGFibGUucmVwbGFjZShmb3VuZEltZy5pbWdUYWcsIHRlbXBJbWcub3V0ZXJIVE1MKTtcclxuICAgICAgcmV0dXJuIHRoaXMucmVuZGVySW5saW5lV3JhcHBlcihlZGl0YWJsZU1hcmt1cCk7XHJcbiAgICB9XHJcblxyXG4gICAgLy8gc29tZSB3aXNlLWd1eS9nYWwgaXMgcGFzc2luZyBpbiBhICdyYXcnIGltYWdlIG9iamVjdCB2YWx1ZVxyXG4gICAgY29uc3QgaW1nID0gbWVkaWEuc3JjID8gbWVkaWEgOiBtZWRpYS52YWx1ZTtcclxuICAgIGlmICghaW1nKSB7XHJcbiAgICAgIHJldHVybiBudWxsO1xyXG4gICAgfVxyXG5cclxuICAgIGF0dHJzID0gdGhpcy5nZXRJbWFnZUF0dHJzKGltZywgb3ZlcnJpZGVBdHRycywgdGhpcy51cmxQYXJhbXMpO1xyXG4gICAgaWYgKGF0dHJzKSB7XHJcbiAgICAgIHRoaXMucmVuZGVyVGVtcGxhdGUoYXR0cnMpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBnZXRJbWFnZUF0dHJzKFxyXG4gICAgZmllbGRBdHRyczogSW1hZ2VGaWVsZFZhbHVlLFxyXG4gICAgcGFyc2VkQXR0cnM6IHsgW2F0dHI6IHN0cmluZ106IHVua25vd24gfSxcclxuICAgIGltYWdlUGFyYW1zOiB7IFtwYXJhbTogc3RyaW5nXTogc3RyaW5nIHwgbnVtYmVyIH1cclxuICApOiB7IFthdHRyOiBzdHJpbmddOiBzdHJpbmcgfSB8IG51bGwge1xyXG4gICAgY29uc3QgY29tYmluZWRBdHRycyA9IHtcclxuICAgICAgLi4uZmllbGRBdHRycyxcclxuICAgICAgLi4ucGFyc2VkQXR0cnMsXHJcbiAgICB9O1xyXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHByZWZlci1jb25zdFxyXG4gICAgbGV0IHsgc3JjLCBzcmNTZXQsIC4uLm90aGVyQXR0cnMgfSA9IGNvbWJpbmVkQXR0cnM7XHJcbiAgICBpZiAoIXNyYykge1xyXG4gICAgICByZXR1cm4gbnVsbDtcclxuICAgIH1cclxuICAgIGNvbnN0IG5ld0F0dHJzOiB7IFthdHRyOiBzdHJpbmddOiBzdHJpbmcgfSA9IHtcclxuICAgICAgLi4uKG90aGVyQXR0cnMgYXMgeyBba2V5OiBzdHJpbmddOiBzdHJpbmcgfSksXHJcbiAgICB9O1xyXG4gICAgLy8gdXBkYXRlIGltYWdlIFVSTCBmb3IganNzIGhhbmRsZXIgYW5kIGltYWdlIHJlbmRlcmluZyBwYXJhbXNcclxuICAgIHNyYyA9IG1lZGlhQXBpLnVwZGF0ZUltYWdlVXJsKHNyYywgaW1hZ2VQYXJhbXMsIHRoaXMubWVkaWFVcmxQcmVmaXgpO1xyXG4gICAgaWYgKHNyY1NldCkge1xyXG4gICAgICAvLyByZXBsYWNlIHdpdGggSFRNTC1mb3JtYXR0ZWQgc3Jjc2V0LCBpbmNsdWRpbmcgdXBkYXRlZCBpbWFnZSBVUkxzXHJcbiAgICAgIG5ld0F0dHJzLnNyY1NldCA9IG1lZGlhQXBpLmdldFNyY1NldChzcmMsIHNyY1NldCwgaW1hZ2VQYXJhbXMsIHRoaXMubWVkaWFVcmxQcmVmaXgpO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgbmV3QXR0cnMuc3JjID0gc3JjO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIG5ld0F0dHJzO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSByZW5kZXJUZW1wbGF0ZShpbWFnZVByb3BzOiB7IFtwcm9wOiBzdHJpbmddOiBzdHJpbmcgfSkge1xyXG4gICAgY29uc3Qgdmlld1JlZiA9IHRoaXMudmlld0NvbnRhaW5lci5jcmVhdGVFbWJlZGRlZFZpZXcodGhpcy50ZW1wbGF0ZVJlZik7XHJcbiAgICB2aWV3UmVmLnJvb3ROb2Rlcy5mb3JFYWNoKChub2RlKSA9PiB7XHJcbiAgICAgIE9iamVjdC5lbnRyaWVzKGltYWdlUHJvcHMpLmZvckVhY2goKFtrZXksIGltZ1Byb3BWYWxdOiBbc3RyaW5nLCBzdHJpbmddKSA9PlxyXG4gICAgICAgIHRoaXMucmVuZGVyZXIuc2V0QXR0cmlidXRlKG5vZGUsIGtleSwgaW1nUHJvcFZhbClcclxuICAgICAgKTtcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBnZXRFbGVtZW50QXR0cnMoKTogeyBba2V5OiBzdHJpbmddOiBzdHJpbmcgfSB7XHJcbiAgICBjb25zdCB2aWV3ID0gdGhpcy50ZW1wbGF0ZVJlZi5jcmVhdGVFbWJlZGRlZFZpZXcobnVsbCk7XHJcbiAgICBjb25zdCBlbGVtZW50OiBFbGVtZW50ID0gdmlldy5yb290Tm9kZXNbMF07XHJcbiAgICBpZiAoIWVsZW1lbnQpIHtcclxuICAgICAgdmlldy5kZXN0cm95KCk7XHJcbiAgICAgIHJldHVybiB7fTtcclxuICAgIH1cclxuICAgIGNvbnN0IGF0dHJzOiB7IFtrZXk6IHN0cmluZ106IHN0cmluZyB9ID0ge307XHJcbiAgICBmb3IgKGxldCBpID0gMDsgaSA8IGVsZW1lbnQuYXR0cmlidXRlcy5sZW5ndGg7IGkrKykge1xyXG4gICAgICBjb25zdCBhdHRyID0gZWxlbWVudC5hdHRyaWJ1dGVzLml0ZW0oaSk7XHJcbiAgICAgIGlmIChhdHRyKSB7XHJcbiAgICAgICAgYXR0cnNbYXR0ci5uYW1lXSA9IGF0dHIudmFsdWU7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICAgIHZpZXcuZGVzdHJveSgpO1xyXG4gICAgcmV0dXJuIGF0dHJzO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSByZW5kZXJJbmxpbmVXcmFwcGVyKGVkaXRhYmxlOiBzdHJpbmcpIHtcclxuICAgIGNvbnN0IHNwYW46IEhUTUxTcGFuRWxlbWVudCA9IHRoaXMucmVuZGVyZXIuY3JlYXRlRWxlbWVudCgnc3BhbicpO1xyXG4gICAgc3Bhbi5jbGFzc05hbWUgPSAnc2MtaW1hZ2Utd3JhcHBlcic7XHJcbiAgICBzcGFuLmlubmVySFRNTCA9IGVkaXRhYmxlO1xyXG5cclxuICAgIGNvbnN0IHBhcmVudE5vZGUgPSB0aGlzLnJlbmRlcmVyLnBhcmVudE5vZGUodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQpO1xyXG4gICAgdGhpcy5yZW5kZXJlci5pbnNlcnRCZWZvcmUocGFyZW50Tm9kZSwgc3BhbiwgdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQpO1xyXG4gICAgcGFyZW50Tm9kZS5yZW1vdmVDaGlsZCh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCk7XHJcblxyXG4gICAgdGhpcy5pbmxpbmVSZWYgPSBzcGFuO1xyXG4gIH1cclxufVxyXG4iXX0=

package/dist/esm2020/components/link.directive.mjs

@@ -1,118 +1,118 @@
-import { Directive, Input, } from '@angular/core';
-import * as i0 from "@angular/core";
-export class LinkDirective {
-    constructor(viewContainer, templateRef, renderer, elementRef) {
-        this.viewContainer = viewContainer;
-        this.templateRef = templateRef;
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-        this.editable = true;
-        this.attrs = {};
-        this.inlineRef = null;
-    }
-    ngOnChanges(changes) {
-        if (changes.field || changes.editable || changes.attrs) {
-            this.viewContainer.clear();
-            if (this.inlineRef) {
-                this.inlineRef.remove();
-                this.inlineRef = null;
-            }
-            this.updateView();
-        }
-    }
-    renderTemplate(props, linkText) {
-        const viewRef = this.viewContainer.createEmbeddedView(this.templateRef);
-        viewRef.rootNodes.forEach((node) => {
-            Object.entries(props).forEach(([key, propValue]) => {
-                this.updateAttribute(node, key, propValue);
-            });
-            if (node.childNodes && node.childNodes.length === 0 && linkText) {
-                node.textContent = linkText;
-            }
-        });
-    }
-    updateAttribute(node, key, propValue) {
-        if (typeof propValue !== 'string' || !propValue || propValue === '') {
-            return;
-        }
-        if (key === 'href') {
-            const isInvalidLink = !propValue || /^https?:\/\/$/.test(propValue);
-            if (isInvalidLink) {
-                if (!node.href) {
-                    return;
-                }
-                propValue = node.href;
-            }
-            this.renderer.setAttribute(node, key, propValue);
-        }
-        else if (key === 'class' && node.className !== '') {
-            this.renderer.setAttribute(node, key, `${node.className} ${propValue}`);
-        }
-        else {
-            this.renderer.setAttribute(node, key, propValue);
-        }
-    }
-    updateView() {
-        const field = this.field;
-        if (this.editable && field && field.editableFirstPart && field.editableLastPart) {
-            this.renderInlineWrapper(field.editableFirstPart, field.editableLastPart);
-        }
-        else if (field && (field.href || field.value)) {
-            const props = field.href ? field : field.value;
-            const linkText = field.text || field.value?.text || field.href || field.value?.href;
-            const anchor = props?.anchor ? `#${props.anchor}` : '';
-            const href = `${props?.href}${anchor}`;
-            const mergedAttrs = { ...props, ...this.attrs, href };
-            delete mergedAttrs.anchor;
-            this.renderTemplate(mergedAttrs, linkText);
-        }
-    }
-    renderInlineWrapper(editableFirstPart, editableLastPart) {
-        const span = this.renderer.createElement('span');
-        span.className = 'sc-link-wrapper';
-        span.innerHTML = editableFirstPart + editableLastPart;
-        // assign attributes from template to inline wrapper
-        const attrs = {
-            ...this.getElementAttrs(),
-            ...this.attrs,
-        };
-        Object.entries(attrs).forEach(([key, attrValue]) => this.updateAttribute(span, key, attrValue));
-        this.viewContainer.createEmbeddedView(this.templateRef);
-        const parentNode = this.renderer.parentNode(this.elementRef.nativeElement);
-        this.renderer.insertBefore(parentNode, span, this.elementRef.nativeElement);
-        this.inlineRef = span;
-    }
-    getElementAttrs() {
-        const view = this.templateRef.createEmbeddedView(null);
-        const element = view.rootNodes[0];
-        if (!element) {
-            view.destroy();
-            return {};
-        }
-        const attrs = {};
-        for (let i = 0; i < element.attributes.length; i++) {
-            const attr = element.attributes.item(i);
-            if (attr) {
-                attrs[attr.name] = attr.value;
-            }
-        }
-        view.destroy();
-        return attrs;
-    }
-}
-LinkDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: LinkDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-LinkDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: LinkDirective, selector: "[scLink]", inputs: { editable: ["scLinkEditable", "editable"], attrs: ["scLinkAttrs", "attrs"], field: ["scLink", "field"] }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: LinkDirective, decorators: [{
-            type: Directive,
-            args: [{ selector: '[scLink]' }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.TemplateRef }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { editable: [{
-                type: Input,
-                args: ['scLinkEditable']
-            }], attrs: [{
-                type: Input,
-                args: ['scLinkAttrs']
-            }], field: [{
-                type: Input,
-                args: ['scLink']
-            }] } });
+import { Directive, Input, } from '@angular/core';
+import * as i0 from "@angular/core";
+export class LinkDirective {
+    constructor(viewContainer, templateRef, renderer, elementRef) {
+        this.viewContainer = viewContainer;
+        this.templateRef = templateRef;
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+        this.editable = true;
+        this.attrs = {};
+        this.inlineRef = null;
+    }
+    ngOnChanges(changes) {
+        if (changes.field || changes.editable || changes.attrs) {
+            this.viewContainer.clear();
+            if (this.inlineRef) {
+                this.inlineRef.remove();
+                this.inlineRef = null;
+            }
+            this.updateView();
+        }
+    }
+    renderTemplate(props, linkText) {
+        const viewRef = this.viewContainer.createEmbeddedView(this.templateRef);
+        viewRef.rootNodes.forEach((node) => {
+            Object.entries(props).forEach(([key, propValue]) => {
+                this.updateAttribute(node, key, propValue);
+            });
+            if (node.childNodes && node.childNodes.length === 0 && linkText) {
+                node.textContent = linkText;
+            }
+        });
+    }
+    updateAttribute(node, key, propValue) {
+        if (typeof propValue !== 'string' || !propValue || propValue === '') {
+            return;
+        }
+        if (key === 'href') {
+            const isInvalidLink = !propValue || /^https?:\/\/$/.test(propValue);
+            if (isInvalidLink) {
+                if (!node.href) {
+                    return;
+                }
+                propValue = node.href;
+            }
+            this.renderer.setAttribute(node, key, propValue);
+        }
+        else if (key === 'class' && node.className !== '') {
+            this.renderer.setAttribute(node, key, `${node.className} ${propValue}`);
+        }
+        else {
+            this.renderer.setAttribute(node, key, propValue);
+        }
+    }
+    updateView() {
+        const field = this.field;
+        if (this.editable && field && field.editableFirstPart && field.editableLastPart) {
+            this.renderInlineWrapper(field.editableFirstPart, field.editableLastPart);
+        }
+        else if (field && (field.href || field.value)) {
+            const props = field.href ? field : field.value;
+            const linkText = field.text || field.value?.text || field.href || field.value?.href;
+            const anchor = props?.anchor ? `#${props.anchor}` : '';
+            const href = `${props?.href}${anchor}`;
+            const mergedAttrs = { ...props, ...this.attrs, href };
+            delete mergedAttrs.anchor;
+            this.renderTemplate(mergedAttrs, linkText);
+        }
+    }
+    renderInlineWrapper(editableFirstPart, editableLastPart) {
+        const span = this.renderer.createElement('span');
+        span.className = 'sc-link-wrapper';
+        span.innerHTML = editableFirstPart + editableLastPart;
+        // assign attributes from template to inline wrapper
+        const attrs = {
+            ...this.getElementAttrs(),
+            ...this.attrs,
+        };
+        Object.entries(attrs).forEach(([key, attrValue]) => this.updateAttribute(span, key, attrValue));
+        this.viewContainer.createEmbeddedView(this.templateRef);
+        const parentNode = this.renderer.parentNode(this.elementRef.nativeElement);
+        this.renderer.insertBefore(parentNode, span, this.elementRef.nativeElement);
+        this.inlineRef = span;
+    }
+    getElementAttrs() {
+        const view = this.templateRef.createEmbeddedView(null);
+        const element = view.rootNodes[0];
+        if (!element) {
+            view.destroy();
+            return {};
+        }
+        const attrs = {};
+        for (let i = 0; i < element.attributes.length; i++) {
+            const attr = element.attributes.item(i);
+            if (attr) {
+                attrs[attr.name] = attr.value;
+            }
+        }
+        view.destroy();
+        return attrs;
+    }
+}
+LinkDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: LinkDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+LinkDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: LinkDirective, selector: "[scLink]", inputs: { editable: ["scLinkEditable", "editable"], attrs: ["scLinkAttrs", "attrs"], field: ["scLink", "field"] }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: LinkDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[scLink]' }]
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.TemplateRef }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { editable: [{
+                type: Input,
+                args: ['scLinkEditable']
+            }], attrs: [{
+                type: Input,
+                args: ['scLinkAttrs']
+            }], field: [{
+                type: Input,
+                args: ['scLink']
+            }] } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluay5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULEtBQUssR0FNTixNQUFNLGVBQWUsQ0FBQzs7QUFJdkIsTUFBTSxPQUFPLGFBQWE7SUFTeEIsWUFDWSxhQUErQixFQUMvQixXQUFpQyxFQUNqQyxRQUFtQixFQUNyQixVQUFzQjtRQUhwQixrQkFBYSxHQUFiLGFBQWEsQ0FBa0I7UUFDL0IsZ0JBQVcsR0FBWCxXQUFXLENBQXNCO1FBQ2pDLGFBQVEsR0FBUixRQUFRLENBQVc7UUFDckIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQVpQLGFBQVEsR0FBRyxJQUFJLENBQUM7UUFFbkIsVUFBSyxHQUErQixFQUFFLENBQUM7UUFJckQsY0FBUyxHQUEyQixJQUFJLENBQUM7SUFPOUMsQ0FBQztJQUVKLFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxLQUFLLElBQUksT0FBTyxDQUFDLFFBQVEsSUFBSSxPQUFPLENBQUMsS0FBSyxFQUFFO1lBQ3RELElBQUksQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDM0IsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO2dCQUNsQixJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sRUFBRSxDQUFDO2dCQUN4QixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQzthQUN2QjtZQUVELElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztTQUNuQjtJQUNILENBQUM7SUFFUyxjQUFjLENBQUMsS0FBa0MsRUFBRSxRQUFpQjtRQUM1RSxNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUV4RSxPQUFPLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxD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R0FBWSxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQzNDLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDWixJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDZixPQUFPLEVBQUUsQ0FBQztTQUNYO1FBQ0QsTUFBTSxLQUFLLEdBQThCLEVBQUUsQ0FBQztRQUM1QyxLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsT0FBTyxDQUFDLFVBQVUsQ0FBQyxNQUFNLEVBQUUsQ0FBQyxFQUFFLEVBQUU7WUFDbEQsTUFBTSxJQUFJLEdBQUcsT0FBTyxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDeEMsSUFBSSxJQUFJLEVBQUU7Z0JBQ1IsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDO2FBQy9CO1NBQ0Y7UUFDRCxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7UUFDZixPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7OzJHQXhIVSxhQUFhOytGQUFiLGFBQWE7NEZBQWIsYUFBYTtrQkFEekIsU0FBUzttQkFBQyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUU7a0xBRVIsUUFBUTtzQkFBaEMsS0FBSzt1QkFBQyxnQkFBZ0I7Z0JBRUQsS0FBSztzQkFBMUIsS0FBSzt1QkFBQyxhQUFhO2dCQUVILEtBQUs7c0JBQXJCLEtBQUs7dUJBQUMsUUFBUSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgRGlyZWN0aXZlLFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgSW5wdXQsXHJcbiAgT25DaGFuZ2VzLFxyXG4gIFJlbmRlcmVyMixcclxuICBTaW1wbGVDaGFuZ2VzLFxyXG4gIFRlbXBsYXRlUmVmLFxyXG4gIFZpZXdDb250YWluZXJSZWYsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IExpbmtGaWVsZCB9IGZyb20gJy4vcmVuZGVyaW5nLWZpZWxkJztcclxuXHJcbkBEaXJlY3RpdmUoeyBzZWxlY3RvcjogJ1tzY0xpbmtdJyB9KVxyXG5leHBvcnQgY2xhc3MgTGlua0RpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XHJcbiAgQElucHV0KCdzY0xpbmtFZGl0YWJsZScpIGVkaXRhYmxlID0gdHJ1ZTtcclxuXHJcbiAgQElucHV0KCdzY0xpbmtBdHRycycpIGF0dHJzOiB7IFthdHRyOiBzdHJpbmddOiBzdHJpbmcgfSA9IHt9O1xyXG5cclxuICBASW5wdXQoJ3NjTGluaycpIGZpZWxkOiBMaW5rRmllbGQ7XHJcblxyXG4gIHByaXZhdGUgaW5saW5lUmVmOiBIVE1MU3BhbkVsZW1lbnQgfCBudWxsID0gbnVsbDtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcm90ZWN0ZWQgdmlld0NvbnRhaW5lcjogVmlld0NvbnRhaW5lclJlZixcclxuICAgIHByb3RlY3RlZCB0ZW1wbGF0ZVJlZjogVGVtcGxhdGVSZWY8dW5rbm93bj4sXHJcbiAgICBwcm90ZWN0ZWQgcmVuZGVyZXI6IFJlbmRlcmVyMixcclxuICAgIHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZlxyXG4gICkge31cclxuXHJcbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xyXG4gICAgaWYgKGNoYW5nZXMuZmllbGQgfHwgY2hhbmdlcy5lZGl0YWJsZSB8fCBjaGFuZ2VzLmF0dHJzKSB7XHJcbiAgICAgIHRoaXMudmlld0NvbnRhaW5lci5jbGVhcigpO1xyXG4gICAgICBpZiAodGhpcy5pbmxpbmVSZWYpIHtcclxuICAgICAgICB0aGlzLmlubGluZVJlZi5yZW1vdmUoKTtcclxuICAgICAgICB0aGlzLmlubGluZVJlZiA9IG51bGw7XHJcbiAgICAgIH1cclxuXHJcbiAgICAgIHRoaXMudXBkYXRlVmlldygpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHJvdGVjdGVkIHJlbmRlclRlbXBsYXRlKHByb3BzOiB7IFtwcm9wOiBzdHJpbmddOiB1bmtub3duIH0sIGxpbmtUZXh0Pzogc3RyaW5nKSB7XHJcbiAgICBjb25zdCB2aWV3UmVmID0gdGhpcy52aWV3Q29udGFpbmVyLmNyZWF0ZUVtYmVkZGVkVmlldyh0aGlzLnRlbXBsYXRlUmVmKTtcclxuXHJcbiAgICB2aWV3UmVmLnJvb3ROb2Rlcy5mb3JFYWNoKChub2RlKSA9PiB7XHJcbiAgICAgIE9iamVjdC5lbnRyaWVzKHByb3BzKS5mb3JFYWNoKChba2V5LCBwcm9wVmFsdWVdKSA9PiB7XHJcbiAgICAgICAgdGhpcy51cGRhdGVBdHRyaWJ1dGUobm9kZSwga2V5LCBwcm9wVmFsdWUpO1xyXG4gICAgICB9KTtcclxuXHJcbiAgICAgIGlmIChub2RlLmNoaWxkTm9kZXMgJiYgbm9kZS5jaGlsZE5vZGVzLmxlbmd0aCA9PT0gMCAmJiBsaW5rVGV4dCkge1xyXG4gICAgICAgIG5vZGUudGV4dENvbnRlbnQgPSBsaW5rVGV4dDtcclxuICAgICAgfVxyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBwcm90ZWN0ZWQgdXBkYXRlQXR0cmlidXRlKG5vZGU6IEhUTUxFbGVtZW50LCBrZXk6IHN0cmluZywgcHJvcFZhbHVlPzogdW5rbm93bikge1xyXG4gICAgaWYgKHR5cGVvZiBwcm9wVmFsdWUgIT09ICdzdHJpbmcnIHx8ICFwcm9wVmFsdWUgfHwgcHJvcFZhbHVlID09PSAnJykge1xyXG4gICAgICByZXR1cm47XHJcbiAgICB9XHJcblxyXG4gICAgaWYgKGtleSA9PT0gJ2hyZWYnKSB7XHJcbiAgICAgIGNvbnN0IGlzSW52YWxpZExpbmsgPSAhcHJvcFZhbHVlIHx8IC9eaHR0cHM/OlxcL1xcLyQvLnRlc3QocHJvcFZhbHVlKTtcclxuXHJcbiAgICAgIGlmIChpc0ludmFsaWRMaW5rKSB7XHJcbiAgICAgICAgaWYgKCEobm9kZSBhcyBIVE1MTGlua0VsZW1lbnQpLmhyZWYpIHtcclxuICAgICAgICAgIHJldHVybjtcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIHByb3BWYWx1ZSA9IChub2RlIGFzIEhUTUxMaW5rRWxlbWVudCkuaHJlZiBhcyBzdHJpbmc7XHJcbiAgICAgIH1cclxuICAgICAgdGhpcy5yZW5kZXJlci5zZXRBdHRyaWJ1dGUobm9kZSwga2V5LCBwcm9wVmFsdWUgYXMgc3RyaW5nKTtcclxuICAgIH0gZWxzZSBpZiAoa2V5ID09PSAnY2xhc3MnICYmIG5vZGUuY2xhc3NOYW1lICE9PSAnJykge1xyXG4gICAgICB0aGlzLnJlbmRlcmVyLnNldEF0dHJpYnV0ZShub2RlLCBrZXksIGAke25vZGUuY2xhc3NOYW1lfSAke3Byb3BWYWx1ZX1gKTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0QXR0cmlidXRlKG5vZGUsIGtleSwgcHJvcFZhbHVlKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHByaXZhdGUgdXBkYXRlVmlldygpIHtcclxuICAgIGNvbnN0IGZpZWxkID0gdGhpcy5maWVsZDtcclxuICAgIGlmICh0aGlzLmVkaXRhYmxlICYmIGZpZWxkICYmIGZpZWxkLmVkaXRhYmxlRmlyc3RQYXJ0ICYmIGZpZWxkLmVkaXRhYmxlTGFzdFBhcnQpIHtcclxuICAgICAgdGhpcy5yZW5kZXJJbmxpbmVXcmFwcGVyKGZpZWxkLmVkaXRhYmxlRmlyc3RQYXJ0LCBmaWVsZC5lZGl0YWJsZUxhc3RQYXJ0KTtcclxuICAgIH0gZWxzZSBpZiAoZmllbGQgJiYgKGZpZWxkLmhyZWYgfHwgZmllbGQudmFsdWUpKSB7XHJcbiAgICAgIGNvbnN0IHByb3BzID0gZmllbGQuaHJlZiA/IGZpZWxkIDogZmllbGQudmFsdWU7XHJcblxyXG4gICAgICBjb25zdCBsaW5rVGV4dCA9IGZpZWxkLnRleHQgfHwgZmllbGQudmFsdWU/LnRleHQgfHwgZmllbGQuaHJlZiB8fCBmaWVsZC52YWx1ZT8uaHJlZjtcclxuICAgICAgY29uc3QgYW5jaG9yID0gcHJvcHM/LmFuY2hvciA/IGAjJHtwcm9wcy5hbmNob3J9YCA6ICcnO1xyXG4gICAgICBjb25zdCBocmVmID0gYCR7cHJvcHM/LmhyZWZ9JHthbmNob3J9YDtcclxuXHJcbiAgICAgIGNvbnN0IG1lcmdlZEF0dHJzID0geyAuLi5wcm9wcywgLi4udGhpcy5hdHRycywgaHJlZiB9O1xyXG5cclxuICAgICAgZGVsZXRlIG1lcmdlZEF0dHJzLmFuY2hvcjtcclxuXHJcbiAgICAgIHRoaXMucmVuZGVyVGVtcGxhdGUobWVyZ2VkQXR0cnMsIGxpbmtUZXh0KTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHByaXZhdGUgcmVuZGVySW5saW5lV3JhcHBlcihlZGl0YWJsZUZpcnN0UGFydDogc3RyaW5nLCBlZGl0YWJsZUxhc3RQYXJ0OiBzdHJpbmcpIHtcclxuICAgIGNvbnN0IHNwYW46IEhUTUxTcGFuRWxlbWVudCA9IHRoaXMucmVuZGVyZXIuY3JlYXRlRWxlbWVudCgnc3BhbicpO1xyXG4gICAgc3Bhbi5jbGFzc05hbWUgPSAnc2MtbGluay13cmFwcGVyJztcclxuICAgIHNwYW4uaW5uZXJIVE1MID0gZWRpdGFibGVGaXJzdFBhcnQgKyBlZGl0YWJsZUxhc3RQYXJ0O1xyXG5cclxuICAgIC8vIGFzc2lnbiBhdHRyaWJ1dGVzIGZyb20gdGVtcGxhdGUgdG8gaW5saW5lIHdyYXBwZXJcclxuICAgIGNvbnN0IGF0dHJzID0ge1xyXG4gICAgICAuLi50aGlzLmdldEVsZW1lbnRBdHRycygpLFxyXG4gICAgICAuLi50aGlzLmF0dHJzLFxyXG4gICAgfTtcclxuICAgIE9iamVjdC5lbnRyaWVzKGF0dHJzKS5mb3JFYWNoKChba2V5LCBhdHRyVmFsdWVdKSA9PiB0aGlzLnVwZGF0ZUF0dHJpYnV0ZShzcGFuLCBrZXksIGF0dHJWYWx1ZSkpO1xyXG5cclxuICAgIHRoaXMudmlld0NvbnRhaW5lci5jcmVhdGVFbWJlZGRlZFZpZXcodGhpcy50ZW1wbGF0ZVJlZik7XHJcblxyXG4gICAgY29uc3QgcGFyZW50Tm9kZSA9IHRoaXMucmVuZGVyZXIucGFyZW50Tm9kZSh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCk7XHJcbiAgICB0aGlzLnJlbmRlcmVyLmluc2VydEJlZm9yZShwYXJlbnROb2RlLCBzcGFuLCB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCk7XHJcblxyXG4gICAgdGhpcy5pbmxpbmVSZWYgPSBzcGFuO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBnZXRFbGVtZW50QXR0cnMoKSB7XHJcbiAgICBjb25zdCB2aWV3ID0gdGhpcy50ZW1wbGF0ZVJlZi5jcmVhdGVFbWJlZGRlZFZpZXcobnVsbCk7XHJcbiAgICBjb25zdCBlbGVtZW50OiBFbGVtZW50ID0gdmlldy5yb290Tm9kZXNbMF07XHJcbiAgICBpZiAoIWVsZW1lbnQpIHtcclxuICAgICAgdmlldy5kZXN0cm95KCk7XHJcbiAgICAgIHJldHVybiB7fTtcclxuICAgIH1cclxuICAgIGNvbnN0IGF0dHJzOiB7IFtrZXk6IHN0cmluZ106IHN0cmluZyB9ID0ge307XHJcbiAgICBmb3IgKGxldCBpID0gMDsgaSA8IGVsZW1lbnQuYXR0cmlidXRlcy5sZW5ndGg7IGkrKykge1xyXG4gICAgICBjb25zdCBhdHRyID0gZWxlbWVudC5hdHRyaWJ1dGVzLml0ZW0oaSk7XHJcbiAgICAgIGlmIChhdHRyKSB7XHJcbiAgICAgICAgYXR0cnNbYXR0ci5uYW1lXSA9IGF0dHIudmFsdWU7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICAgIHZpZXcuZGVzdHJveSgpO1xyXG4gICAgcmV0dXJuIGF0dHJzO1xyXG4gIH1cclxufVxyXG4iXX0=

package/dist/esm2020/components/missing-component.component.mjs

@@ -1,8 +1,8 @@
-import { Component, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-export class MissingComponentComponent {
-}
-MissingComponentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: MissingComponentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class MissingComponentComponent {
+}
+MissingComponentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: MissingComponentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
 MissingComponentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: MissingComponentComponent, selector: "sc-missing-component", inputs: { rendering: "rendering" }, ngImport: i0, template: `
     <div
       style="background: darkorange; outline: 5px solid orange; padding: 10px; color: white; max-width: 500px;"
@@ -10,11 +10,11 @@ MissingComponentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
       <h2>{{ rendering.componentName }}</h2>
       <p>JSS component is missing Angular component implementation.</p>
     </div>
-  `, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: MissingComponentComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'sc-missing-component',
+  `, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: MissingComponentComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sc-missing-component',
                     template: `
     <div
       style="background: darkorange; outline: 5px solid orange; padding: 10px; color: white; max-width: 500px;"
@@ -22,9 +22,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
       <h2>{{ rendering.componentName }}</h2>
       <p>JSS component is missing Angular component implementation.</p>
     </div>
-  `,
-                }]
-        }], propDecorators: { rendering: [{
-                type: Input
-            }] } });
+  `,
+                }]
+        }], propDecorators: { rendering: [{
+                type: Input
+            }] } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWlzc2luZy1jb21wb25lbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbWlzc2luZy1jb21wb25lbnQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQWNqRCxNQUFNLE9BQU8seUJBQXlCOzt1SEFBekIseUJBQXlCOzJHQUF6Qix5QkFBeUIsZ0dBVDFCOzs7Ozs7O0dBT1Q7NEZBRVUseUJBQXlCO2tCQVhyQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxzQkFBc0I7b0JBQ2hDLFFBQVEsRUFBRTs7Ozs7OztHQU9UO2lCQUNGOzhCQUVVLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbXBvbmVudFJlbmRlcmluZyB9IGZyb20gJ0BzaXRlY29yZS1qc3Mvc2l0ZWNvcmUtanNzL2xheW91dCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NjLW1pc3NpbmctY29tcG9uZW50JyxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPGRpdlxyXG4gICAgICBzdHlsZT1cImJhY2tncm91bmQ6IGRhcmtvcmFuZ2U7IG91dGxpbmU6IDVweCBzb2xpZCBvcmFuZ2U7IHBhZGRpbmc6IDEwcHg7IGNvbG9yOiB3aGl0ZTsgbWF4LXdpZHRoOiA1MDBweDtcIlxyXG4gICAgPlxyXG4gICAgICA8aDI+e3sgcmVuZGVyaW5nLmNvbXBvbmVudE5hbWUgfX08L2gyPlxyXG4gICAgICA8cD5KU1MgY29tcG9uZW50IGlzIG1pc3NpbmcgQW5ndWxhciBjb21wb25lbnQgaW1wbGVtZW50YXRpb24uPC9wPlxyXG4gICAgPC9kaXY+XHJcbiAgYCxcclxufSlcclxuZXhwb3J0IGNsYXNzIE1pc3NpbmdDb21wb25lbnRDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHJlbmRlcmluZzogQ29tcG9uZW50UmVuZGVyaW5nO1xyXG59XHJcbiJdfQ==