@sitecore-jss/sitecore-jss-angular 16.0.2 → 16.0.3-canary.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE.txt +202 -202
- package/README.md +5 -5
- package/dist/README.md +5 -5
- package/dist/bundles/sitecore-jss-sitecore-jss-angular.umd.js +1389 -1385
- package/dist/bundles/sitecore-jss-sitecore-jss-angular.umd.js.map +1 -1
- package/dist/bundles/sitecore-jss-sitecore-jss-angular.umd.min.js +1 -1
- package/dist/bundles/sitecore-jss-sitecore-jss-angular.umd.min.js.map +1 -1
- package/dist/components/date.directive.d.ts +17 -17
- package/dist/components/file.directive.d.ts +14 -14
- package/dist/components/generic-link.directive.d.ts +14 -14
- package/dist/components/image.directive.d.ts +28 -28
- package/dist/components/link.directive.d.ts +18 -18
- package/dist/components/missing-component.component.d.ts +3 -3
- package/dist/components/placeholder-loading.directive.d.ts +5 -5
- package/dist/components/placeholder.component.d.ts +45 -45
- package/dist/components/placeholder.token.d.ts +30 -30
- package/dist/components/raw.component.d.ts +9 -9
- package/dist/components/render-component.component.d.ts +29 -29
- package/dist/components/render-each.directive.d.ts +5 -5
- package/dist/components/render-empty.directive.d.ts +5 -5
- package/dist/components/rendering-field.d.ts +20 -20
- package/dist/components/rendering.d.ts +5 -5
- package/dist/components/rich-text.directive.d.ts +12 -12
- package/dist/components/router-link.directive.d.ts +12 -12
- package/dist/components/text.directive.d.ts +13 -13
- package/dist/esm2015/components/date.directive.js +53 -53
- package/dist/esm2015/components/file.directive.js +43 -43
- package/dist/esm2015/components/generic-link.directive.js +58 -58
- package/dist/esm2015/components/image.directive.js +125 -123
- package/dist/esm2015/components/link.directive.js +101 -99
- package/dist/esm2015/components/missing-component.component.js +13 -13
- package/dist/esm2015/components/placeholder-loading.directive.js +15 -15
- package/dist/esm2015/components/placeholder.component.js +192 -192
- package/dist/esm2015/components/placeholder.token.js +21 -21
- package/dist/esm2015/components/raw.component.js +37 -37
- package/dist/esm2015/components/render-component.component.js +89 -89
- package/dist/esm2015/components/render-each.directive.js +15 -15
- package/dist/esm2015/components/render-empty.directive.js +15 -15
- package/dist/esm2015/components/rendering-field.js +1 -1
- package/dist/esm2015/components/rendering.js +8 -8
- package/dist/esm2015/components/rich-text.directive.js +41 -41
- package/dist/esm2015/components/router-link.directive.js +44 -44
- package/dist/esm2015/components/text.directive.js +54 -54
- package/dist/esm2015/jss-component-factory.service.js +87 -87
- package/dist/esm2015/layout-service-error.js +3 -3
- package/dist/esm2015/layout.service.js +28 -28
- package/dist/esm2015/lib.module.js +112 -112
- package/dist/esm2015/public_api.js +16 -16
- package/dist/esm2015/sitecore-jss-sitecore-jss-angular.js +13 -13
- package/dist/fesm2015/sitecore-jss-sitecore-jss-angular.js +1047 -1043
- package/dist/fesm2015/sitecore-jss-sitecore-jss-angular.js.map +1 -1
- package/dist/jss-component-factory.service.d.ts +21 -21
- package/dist/layout-service-error.d.ts +8 -8
- package/dist/layout.service.d.ts +8 -8
- package/dist/lib.module.d.ts +24 -24
- package/dist/package.json +2 -2
- package/dist/public_api.d.ts +16 -16
- package/dist/sitecore-jss-sitecore-jss-angular.d.ts +12 -12
- package/package.json +3 -3
- package/typings/README.md +2 -2
|
@@ -1,123 +1,125 @@
|
|
|
1
|
-
import { __rest } from "tslib";
|
|
2
|
-
import { Directive, ElementRef, Input, Renderer2, TemplateRef, ViewContainerRef, } from '@angular/core';
|
|
3
|
-
import { mediaApi } from '@sitecore-jss/sitecore-jss';
|
|
4
|
-
export class ImageDirective {
|
|
5
|
-
constructor(viewContainer, templateRef, renderer, elementRef) {
|
|
6
|
-
this.viewContainer = viewContainer;
|
|
7
|
-
this.templateRef = templateRef;
|
|
8
|
-
this.renderer = renderer;
|
|
9
|
-
this.elementRef = elementRef;
|
|
10
|
-
this.inlineRef = null;
|
|
11
|
-
this.editable = true;
|
|
12
|
-
this.urlParams = {};
|
|
13
|
-
this.attrs = {};
|
|
14
|
-
}
|
|
15
|
-
ngOnChanges(changes) {
|
|
16
|
-
if (changes.field || changes.editable || changes.urlParams || changes.attrs) {
|
|
17
|
-
this.viewContainer.clear();
|
|
18
|
-
if (this.inlineRef) {
|
|
19
|
-
this.inlineRef.remove();
|
|
20
|
-
this.inlineRef = null;
|
|
21
|
-
}
|
|
22
|
-
this.updateView();
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
updateView() {
|
|
26
|
-
const overrideAttrs = Object.assign(Object.assign({}, this.getElementAttrs()), this.attrs);
|
|
27
|
-
const media = this.field;
|
|
28
|
-
if (!media || (!media.editable && !media.value && !media.src)) {
|
|
29
|
-
return;
|
|
30
|
-
}
|
|
31
|
-
let attrs = {};
|
|
32
|
-
// we likely have an experience editor value, should be a string
|
|
33
|
-
if (this.editable && media.editable) {
|
|
34
|
-
const foundImg = mediaApi.findEditorImageTag(media.editable);
|
|
35
|
-
if (!foundImg) {
|
|
36
|
-
return this.renderInlineWrapper(media.editable);
|
|
37
|
-
}
|
|
38
|
-
attrs = this.getImageAttrs(foundImg.attrs, overrideAttrs, this.urlParams);
|
|
39
|
-
if (!attrs) {
|
|
40
|
-
return this.renderInlineWrapper(media.editable);
|
|
41
|
-
}
|
|
42
|
-
const tempImg = this.renderer.createElement('img');
|
|
43
|
-
Object.entries(attrs).forEach(([key, attrValue]) => tempImg.setAttribute(key, attrValue));
|
|
44
|
-
const editableMarkup = media.editable.replace(foundImg.imgTag, tempImg.outerHTML);
|
|
45
|
-
return this.renderInlineWrapper(editableMarkup);
|
|
46
|
-
}
|
|
47
|
-
// some wise-guy/gal is passing in a 'raw' image object value
|
|
48
|
-
const img = media.src ? media : media.value;
|
|
49
|
-
if (!img) {
|
|
50
|
-
return null;
|
|
51
|
-
}
|
|
52
|
-
attrs = this.getImageAttrs(img, overrideAttrs, this.urlParams);
|
|
53
|
-
if (attrs) {
|
|
54
|
-
this.renderTemplate(attrs);
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
getImageAttrs(fieldAttrs, parsedAttrs, imageParams) {
|
|
58
|
-
const combinedAttrs = Object.assign(Object.assign({}, fieldAttrs), parsedAttrs);
|
|
59
|
-
// eslint-disable-next-line prefer-const
|
|
60
|
-
let { src, srcSet } = combinedAttrs, otherAttrs = __rest(combinedAttrs, ["src", "srcSet"]);
|
|
61
|
-
if (!src) {
|
|
62
|
-
return null;
|
|
63
|
-
}
|
|
64
|
-
const newAttrs = Object.assign({}, otherAttrs);
|
|
65
|
-
// update image URL for jss handler and image rendering params
|
|
66
|
-
src = mediaApi.updateImageUrl(src, imageParams, this.mediaUrlPrefix);
|
|
67
|
-
if (srcSet) {
|
|
68
|
-
// replace with HTML-formatted srcset, including updated image URLs
|
|
69
|
-
newAttrs.srcSet = mediaApi.getSrcSet(src, srcSet, imageParams, this.mediaUrlPrefix);
|
|
70
|
-
}
|
|
71
|
-
else {
|
|
72
|
-
newAttrs.src = src;
|
|
73
|
-
}
|
|
74
|
-
return newAttrs;
|
|
75
|
-
}
|
|
76
|
-
renderTemplate(imageProps) {
|
|
77
|
-
const viewRef = this.viewContainer.createEmbeddedView(this.templateRef);
|
|
78
|
-
viewRef.rootNodes.forEach((node) => {
|
|
79
|
-
Object.entries(imageProps).forEach(([key, imgPropVal]) => this.renderer.setAttribute(node, key, imgPropVal));
|
|
80
|
-
});
|
|
81
|
-
}
|
|
82
|
-
getElementAttrs() {
|
|
83
|
-
const view = this.templateRef.createEmbeddedView(null);
|
|
84
|
-
const element = view.rootNodes[0];
|
|
85
|
-
if (!element) {
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
span
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
parentNode.
|
|
104
|
-
this.
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
{ type:
|
|
114
|
-
{ type:
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
}
|
|
123
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IkM6L1VzZXJzL2FkaXAvRGVza3RvcC9TaXRlY29yZS9qc3MvcGFja2FnZXMvc2l0ZWNvcmUtanNzLWFuZ3VsYXIvc3JjLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy9pbWFnZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsVUFBVSxFQUNWLEtBQUssRUFFTCxTQUFTLEVBRVQsV0FBVyxFQUNYLGdCQUFnQixHQUNqQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFJdEQsTUFBTSxPQUFPLGNBQWM7SUFvQnpCLFlBQ1UsYUFBK0IsRUFDL0IsV0FBNkIsRUFDN0IsUUFBbUIsRUFDbkIsVUFBc0I7UUFIdEIsa0JBQWEsR0FBYixhQUFhLENBQWtCO1FBQy9CLGdCQUFXLEdBQVgsV0FBVyxDQUFrQjtRQUM3QixhQUFRLEdBQVIsUUFBUSxDQUFXO1FBQ25CLGVBQVUsR0FBVixVQUFVLENBQVk7UUF2QnhCLGNBQVMsR0FBMkIsSUFBSSxDQUFDO1FBSXZCLGFBQVEsR0FBRyxJQUFJLENBQUM7UUFXZixjQUFTLEdBQUcsRUFBRSxDQUFDO1FBRW5CLFVBQUssR0FBRyxFQUFFLENBQUM7SUFPL0IsQ0FBQztJQUVKLFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxLQUFLLElBQUksT0FBTyxDQUFDLFFBQVEsSUFBSSxPQUFPLENBQUMsU0FBUyxJQUFJLE9BQU8sQ0FBQyxLQUFLLEVBQUU7WUFDM0UsSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUMzQixJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7Z0JBQ2xCLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxFQUFFLENBQUM7Z0JBQ3hCLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO2FBQ3ZCO1lB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QyxDQUFDLENBQUM7WUFDeEMsSUFBSSxJQUFJLEVBQUU7Z0JBQ1IsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDO2FBQy9CO1NBQ0Y7UUFDRCxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7SUFFTyxtQkFBbUIsQ0FBQyxRQUFnQjtRQUMxQyxNQUFNLElBQUksR0FBb0IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDbEUsSUFBSSxDQUFDLFNBQVMsR0FBRyxrQkFBa0IsQ0FBQztRQUNwQyxJQUFJLENBQUMsU0FBUyxHQUFHLFFBQVEsQ0FBQztRQUUxQixNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQzNFLElBQUksQ0FBQyxRQUFRLENBQUMsWUFBWSxDQUFDLFVBQVUsRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUM1RSxVQUFVLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLENBQUM7UUFFdEQsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7SUFDeEIsQ0FBQzs7O1lBOUlGLFNBQVMsU0FBQyxFQUFFLFFBQVEsRUFBRSxXQUFXLEVBQUU7OztZQUxsQyxnQkFBZ0I7WUFEaEIsV0FBVztZQUZYLFNBQVM7WUFIVCxVQUFVOzs7b0JBZVQsS0FBSyxTQUFDLFNBQVM7dUJBRWYsS0FBSyxTQUFDLGlCQUFpQjs2QkFTdkIsS0FBSyxTQUFDLHVCQUF1Qjt3QkFFN0IsS0FBSyxTQUFDLGtCQUFrQjtvQkFFeEIsS0FBSyxTQUFDLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIERpcmVjdGl2ZSxcclxuICBFbGVtZW50UmVmLFxyXG4gIElucHV0LFxyXG4gIE9uQ2hhbmdlcyxcclxuICBSZW5kZXJlcjIsXHJcbiAgU2ltcGxlQ2hhbmdlcyxcclxuICBUZW1wbGF0ZVJlZixcclxuICBWaWV3Q29udGFpbmVyUmVmLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBtZWRpYUFwaSB9IGZyb20gJ0BzaXRlY29yZS1qc3Mvc2l0ZWNvcmUtanNzJztcclxuaW1wb3J0IHsgSW1hZ2VGaWVsZCB9IGZyb20gJy4vcmVuZGVyaW5nLWZpZWxkJztcclxuXHJcbkBEaXJlY3RpdmUoeyBzZWxlY3RvcjogJ1tzY0ltYWdlXScgfSlcclxuZXhwb3J0IGNsYXNzIEltYWdlRGlyZWN0aXZlIGltcGxlbWVudHMgT25DaGFuZ2VzIHtcclxuICBwcml2YXRlIGlubGluZVJlZjogSFRNTFNwYW5FbGVtZW50IHwgbnVsbCA9IG51bGw7XHJcblxyXG4gIEBJbnB1dCgnc2NJbWFnZScpIGZpZWxkOiBJbWFnZUZpZWxkIHwgJyc7XHJcblxyXG4gIEBJbnB1dCgnc2NJbWFnZUVkaXRhYmxlJykgZWRpdGFibGUgPSB0cnVlO1xyXG5cclxuICAvKipcclxuICAgKiBDdXN0b20gcmVnZXhwIHRoYXQgZmluZHMgbWVkaWEgVVJMIHByZWZpeCB0aGF0IHdpbGwgYmUgcmVwbGFjZWQgYnkgYC8tL2pzc21lZGlhYCBvciBgL34vanNzbWVkaWFgLlxyXG4gICAqIEBleGFtcGxlXHJcbiAgICogL1xcLyhbLX5dezF9KWFzc2V0c1xcLy9pXHJcbiAgICogLy1hc3NldHMvd2Vic2l0ZSAtPiAvLS9qc3NtZWRpYS93ZWJzaXRlXHJcbiAgICogL35hc3NldHMvd2Vic2l0ZSAtPiAvfi9qc3NtZWRpYS93ZWJzaXRlXHJcbiAgICovXHJcbiAgQElucHV0KCdzY0ltYWdlTWVkaWFVcmxQcmVmaXgnKSBtZWRpYVVybFByZWZpeD86IFJlZ0V4cDtcclxuXHJcbiAgQElucHV0KCdzY0ltYWdlVXJsUGFyYW1zJykgdXJsUGFyYW1zID0ge307XHJcblxyXG4gIEBJbnB1dCgnc2NJbWFnZUF0dHJzJykgYXR0cnMgPSB7fTtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIHZpZXdDb250YWluZXI6IFZpZXdDb250YWluZXJSZWYsXHJcbiAgICBwcml2YXRlIHRlbXBsYXRlUmVmOiBUZW1wbGF0ZVJlZjxhbnk+LFxyXG4gICAgcHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyLFxyXG4gICAgcHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmXHJcbiAgKSB7fVxyXG5cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XHJcbiAgICBpZiAoY2hhbmdlcy5maWVsZCB8fCBjaGFuZ2VzLmVkaXRhYmxlIHx8IGNoYW5nZXMudXJsUGFyYW1zIHx8IGNoYW5nZXMuYXR0cnMpIHtcclxuICAgICAgdGhpcy52aWV3Q29udGFpbmVyLmNsZWFyKCk7XHJcbiAgICAgIGlmICh0aGlzLmlubGluZVJlZikge1xyXG4gICAgICAgIHRoaXMuaW5saW5lUmVmLnJlbW92ZSgpO1xyXG4gICAgICAgIHRoaXMuaW5saW5lUmVmID0gbnVsbDtcclxuICAgICAgfVxyXG5cclxuICAgICAgdGhpcy51cGRhdGVWaWV3KCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHVwZGF0ZVZpZXcoKSB7XHJcbiAgICBjb25zdCBvdmVycmlkZUF0dHJzID0ge1xyXG4gICAgICAuLi50aGlzLmdldEVsZW1lbnRBdHRycygpLFxyXG4gICAgICAuLi50aGlzLmF0dHJzLFxyXG4gICAgfTtcclxuICAgIGNvbnN0IG1lZGlhID0gdGhpcy5maWVsZDtcclxuXHJcbiAgICBpZiAoIW1lZGlhIHx8ICghbWVkaWEuZWRpdGFibGUgJiYgIW1lZGlhLnZhbHVlICYmICFtZWRpYS5zcmMpKSB7XHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuXHJcbiAgICBsZXQgYXR0cnM6IGFueSA9IHt9O1xyXG5cclxuICAgIC8vIHdlIGxpa2VseSBoYXZlIGFuIGV4cGVyaWVuY2UgZWRpdG9yIHZhbHVlLCBzaG91bGQgYmUgYSBzdHJpbmdcclxuICAgIGlmICh0aGlzLmVkaXRhYmxlICYmIG1lZGlhLmVkaXRhYmxlKSB7XHJcbiAgICAgIGNvbnN0IGZvdW5kSW1nID0gbWVkaWFBcGkuZmluZEVkaXRvckltYWdlVGFnKG1lZGlhLmVkaXRhYmxlKTtcclxuICAgICAgaWYgKCFmb3VuZEltZykge1xyXG4gICAgICAgIHJldHVybiB0aGlzLnJlbmRlcklubGluZVdyYXBwZXIobWVkaWEuZWRpdGFibGUpO1xyXG4gICAgICB9XHJcbiAgICAgIGF0dHJzID0gdGhpcy5nZXRJbWFnZUF0dHJzKGZvdW5kSW1nLmF0dHJzLCBvdmVycmlkZUF0dHJzLCB0aGlzLnVybFBhcmFtcyk7XHJcbiAgICAgIGlmICghYXR0cnMpIHtcclxuICAgICAgICByZXR1cm4gdGhpcy5yZW5kZXJJbmxpbmVXcmFwcGVyKG1lZGlhLmVkaXRhYmxlKTtcclxuICAgICAgfVxyXG4gICAgICBjb25zdCB0ZW1wSW1nOiBIVE1MSW1hZ2VFbGVtZW50ID0gdGhpcy5yZW5kZXJlci5jcmVhdGVFbGVtZW50KCdpbWcnKTtcclxuICAgICAgT2JqZWN0LmVudHJpZXMoYXR0cnMpLmZvckVhY2goKFtrZXksIGF0dHJWYWx1ZV06IFtzdHJpbmcsIGFueV0pID0+XHJcbiAgICAgICAgdGVtcEltZy5zZXRBdHRyaWJ1dGUoa2V5LCBhdHRyVmFsdWUpXHJcbiAgICAgICk7XHJcbiAgICAgIGNvbnN0IGVkaXRhYmxlTWFya3VwID0gbWVkaWEuZWRpdGFibGUucmVwbGFjZShmb3VuZEltZy5pbWdUYWcsIHRlbXBJbWcub3V0ZXJIVE1MKTtcclxuICAgICAgcmV0dXJuIHRoaXMucmVuZGVySW5saW5lV3JhcHBlcihlZGl0YWJsZU1hcmt1cCk7XHJcbiAgICB9XHJcblxyXG4gICAgLy8gc29tZSB3aXNlLWd1eS9nYWwgaXMgcGFzc2luZyBpbiBhICdyYXcnIGltYWdlIG9iamVjdCB2YWx1ZVxyXG4gICAgY29uc3QgaW1nID0gbWVkaWEuc3JjID8gbWVkaWEgOiBtZWRpYS52YWx1ZTtcclxuICAgIGlmICghaW1nKSB7XHJcbiAgICAgIHJldHVybiBudWxsO1xyXG4gICAgfVxyXG5cclxuICAgIGF0dHJzID0gdGhpcy5nZXRJbWFnZUF0dHJzKGltZywgb3ZlcnJpZGVBdHRycywgdGhpcy51cmxQYXJhbXMpO1xyXG4gICAgaWYgKGF0dHJzKSB7XHJcbiAgICAgIHRoaXMucmVuZGVyVGVtcGxhdGUoYXR0cnMpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBnZXRJbWFnZUF0dHJzKGZpZWxkQXR0cnM6IGFueSwgcGFyc2VkQXR0cnM6IGFueSwgaW1hZ2VQYXJhbXM6IGFueSk6IGFueSB7XHJcbiAgICBjb25zdCBjb21iaW5lZEF0dHJzID0ge1xyXG4gICAgICAuLi5maWVsZEF0dHJzLFxyXG4gICAgICAuLi5wYXJzZWRBdHRycyxcclxuICAgIH07XHJcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcHJlZmVyLWNvbnN0XHJcbiAgICBsZXQgeyBzcmMsIHNyY1NldCwgLi4ub3RoZXJBdHRycyB9ID0gY29tYmluZWRBdHRycztcclxuICAgIGlmICghc3JjKSB7XHJcbiAgICAgIHJldHVybiBudWxsO1xyXG4gICAgfVxyXG4gICAgY29uc3QgbmV3QXR0cnMgPSB7XHJcbiAgICAgIC4uLm90aGVyQXR0cnMsXHJcbiAgICB9O1xyXG4gICAgLy8gdXBkYXRlIGltYWdlIFVSTCBmb3IganNzIGhhbmRsZXIgYW5kIGltYWdlIHJlbmRlcmluZyBwYXJhbXNcclxuICAgIHNyYyA9IG1lZGlhQXBpLnVwZGF0ZUltYWdlVXJsKHNyYywgaW1hZ2VQYXJhbXMsIHRoaXMubWVkaWFVcmxQcmVmaXgpO1xyXG4gICAgaWYgKHNyY1NldCkge1xyXG4gICAgICAvLyByZXBsYWNlIHdpdGggSFRNTC1mb3JtYXR0ZWQgc3Jjc2V0LCBpbmNsdWRpbmcgdXBkYXRlZCBpbWFnZSBVUkxzXHJcbiAgICAgIG5ld0F0dHJzLnNyY1NldCA9IG1lZGlhQXBpLmdldFNyY1NldChzcmMsIHNyY1NldCwgaW1hZ2VQYXJhbXMsIHRoaXMubWVkaWFVcmxQcmVmaXgpO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgbmV3QXR0cnMuc3JjID0gc3JjO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIG5ld0F0dHJzO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSByZW5kZXJUZW1wbGF0ZShpbWFnZVByb3BzOiBhbnkpIHtcclxuICAgIGNvbnN0IHZpZXdSZWYgPSB0aGlzLnZpZXdDb250YWluZXIuY3JlYXRlRW1iZWRkZWRWaWV3KHRoaXMudGVtcGxhdGVSZWYpO1xyXG4gICAgdmlld1JlZi5yb290Tm9kZXMuZm9yRWFjaCgobm9kZSkgPT4ge1xyXG4gICAgICBPYmplY3QuZW50cmllcyhpbWFnZVByb3BzKS5mb3JFYWNoKChba2V5LCBpbWdQcm9wVmFsXTogW3N0cmluZywgYW55XSkgPT5cclxuICAgICAgICB0aGlzLnJlbmRlcmVyLnNldEF0dHJpYnV0ZShub2RlLCBrZXksIGltZ1Byb3BWYWwpXHJcbiAgICAgICk7XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgZ2V0RWxlbWVudEF0dHJzKCk6IHsgW2tleTogc3RyaW5nXTogYW55IH0ge1xyXG4gICAgY29uc3QgdmlldyA9IHRoaXMudGVtcGxhdGVSZWYuY3JlYXRlRW1iZWRkZWRWaWV3KG51bGwpO1xyXG4gICAgY29uc3QgZWxlbWVudDogRWxlbWVudCA9IHZpZXcucm9vdE5vZGVzWzBdO1xyXG4gICAgaWYgKCFlbGVtZW50KSB7XHJcbiAgICAgIHJldHVybiB7fTtcclxuICAgIH1cclxuICAgIGNvbnN0IGF0dHJzOiB7IFtrZXk6IHN0cmluZ106IGFueSB9ID0ge307XHJcbiAgICBmb3IgKGxldCBpID0gMDsgaSA8IGVsZW1lbnQuYXR0cmlidXRlcy5sZW5ndGg7IGkrKykge1xyXG4gICAgICBjb25zdCBhdHRyID0gZWxlbWVudC5hdHRyaWJ1dGVzLml0ZW0oaSk7XHJcbiAgICAgIGlmIChhdHRyKSB7XHJcbiAgICAgICAgYXR0cnNbYXR0ci5uYW1lXSA9IGF0dHIudmFsdWU7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICAgIHJldHVybiBhdHRycztcclxuICB9XHJcblxyXG4gIHByaXZhdGUgcmVuZGVySW5saW5lV3JhcHBlcihlZGl0YWJsZTogc3RyaW5nKSB7XHJcbiAgICBjb25zdCBzcGFuOiBIVE1MU3BhbkVsZW1lbnQgPSB0aGlzLnJlbmRlcmVyLmNyZWF0ZUVsZW1lbnQoJ3NwYW4nKTtcclxuICAgIHNwYW4uY2xhc3NOYW1lID0gJ3NjLWltYWdlLXdyYXBwZXInO1xyXG4gICAgc3Bhbi5pbm5lckhUTUwgPSBlZGl0YWJsZTtcclxuXHJcbiAgICBjb25zdCBwYXJlbnROb2RlID0gdGhpcy5yZW5kZXJlci5wYXJlbnROb2RlKHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50KTtcclxuICAgIHRoaXMucmVuZGVyZXIuaW5zZXJ0QmVmb3JlKHBhcmVudE5vZGUsIHNwYW4sIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50KTtcclxuICAgIHBhcmVudE5vZGUucmVtb3ZlQ2hpbGQodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQpO1xyXG5cclxuICAgIHRoaXMuaW5saW5lUmVmID0gc3BhbjtcclxuICB9XHJcbn1cclxuIl19
|
|
1
|
+
import { __rest } from "tslib";
|
|
2
|
+
import { Directive, ElementRef, Input, Renderer2, TemplateRef, ViewContainerRef, } from '@angular/core';
|
|
3
|
+
import { mediaApi } from '@sitecore-jss/sitecore-jss';
|
|
4
|
+
export class ImageDirective {
|
|
5
|
+
constructor(viewContainer, templateRef, renderer, elementRef) {
|
|
6
|
+
this.viewContainer = viewContainer;
|
|
7
|
+
this.templateRef = templateRef;
|
|
8
|
+
this.renderer = renderer;
|
|
9
|
+
this.elementRef = elementRef;
|
|
10
|
+
this.inlineRef = null;
|
|
11
|
+
this.editable = true;
|
|
12
|
+
this.urlParams = {};
|
|
13
|
+
this.attrs = {};
|
|
14
|
+
}
|
|
15
|
+
ngOnChanges(changes) {
|
|
16
|
+
if (changes.field || changes.editable || changes.urlParams || changes.attrs) {
|
|
17
|
+
this.viewContainer.clear();
|
|
18
|
+
if (this.inlineRef) {
|
|
19
|
+
this.inlineRef.remove();
|
|
20
|
+
this.inlineRef = null;
|
|
21
|
+
}
|
|
22
|
+
this.updateView();
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
updateView() {
|
|
26
|
+
const overrideAttrs = Object.assign(Object.assign({}, this.getElementAttrs()), this.attrs);
|
|
27
|
+
const media = this.field;
|
|
28
|
+
if (!media || (!media.editable && !media.value && !media.src)) {
|
|
29
|
+
return;
|
|
30
|
+
}
|
|
31
|
+
let attrs = {};
|
|
32
|
+
// we likely have an experience editor value, should be a string
|
|
33
|
+
if (this.editable && media.editable) {
|
|
34
|
+
const foundImg = mediaApi.findEditorImageTag(media.editable);
|
|
35
|
+
if (!foundImg) {
|
|
36
|
+
return this.renderInlineWrapper(media.editable);
|
|
37
|
+
}
|
|
38
|
+
attrs = this.getImageAttrs(foundImg.attrs, overrideAttrs, this.urlParams);
|
|
39
|
+
if (!attrs) {
|
|
40
|
+
return this.renderInlineWrapper(media.editable);
|
|
41
|
+
}
|
|
42
|
+
const tempImg = this.renderer.createElement('img');
|
|
43
|
+
Object.entries(attrs).forEach(([key, attrValue]) => tempImg.setAttribute(key, attrValue));
|
|
44
|
+
const editableMarkup = media.editable.replace(foundImg.imgTag, tempImg.outerHTML);
|
|
45
|
+
return this.renderInlineWrapper(editableMarkup);
|
|
46
|
+
}
|
|
47
|
+
// some wise-guy/gal is passing in a 'raw' image object value
|
|
48
|
+
const img = media.src ? media : media.value;
|
|
49
|
+
if (!img) {
|
|
50
|
+
return null;
|
|
51
|
+
}
|
|
52
|
+
attrs = this.getImageAttrs(img, overrideAttrs, this.urlParams);
|
|
53
|
+
if (attrs) {
|
|
54
|
+
this.renderTemplate(attrs);
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
getImageAttrs(fieldAttrs, parsedAttrs, imageParams) {
|
|
58
|
+
const combinedAttrs = Object.assign(Object.assign({}, fieldAttrs), parsedAttrs);
|
|
59
|
+
// eslint-disable-next-line prefer-const
|
|
60
|
+
let { src, srcSet } = combinedAttrs, otherAttrs = __rest(combinedAttrs, ["src", "srcSet"]);
|
|
61
|
+
if (!src) {
|
|
62
|
+
return null;
|
|
63
|
+
}
|
|
64
|
+
const newAttrs = Object.assign({}, otherAttrs);
|
|
65
|
+
// update image URL for jss handler and image rendering params
|
|
66
|
+
src = mediaApi.updateImageUrl(src, imageParams, this.mediaUrlPrefix);
|
|
67
|
+
if (srcSet) {
|
|
68
|
+
// replace with HTML-formatted srcset, including updated image URLs
|
|
69
|
+
newAttrs.srcSet = mediaApi.getSrcSet(src, srcSet, imageParams, this.mediaUrlPrefix);
|
|
70
|
+
}
|
|
71
|
+
else {
|
|
72
|
+
newAttrs.src = src;
|
|
73
|
+
}
|
|
74
|
+
return newAttrs;
|
|
75
|
+
}
|
|
76
|
+
renderTemplate(imageProps) {
|
|
77
|
+
const viewRef = this.viewContainer.createEmbeddedView(this.templateRef);
|
|
78
|
+
viewRef.rootNodes.forEach((node) => {
|
|
79
|
+
Object.entries(imageProps).forEach(([key, imgPropVal]) => this.renderer.setAttribute(node, key, imgPropVal));
|
|
80
|
+
});
|
|
81
|
+
}
|
|
82
|
+
getElementAttrs() {
|
|
83
|
+
const view = this.templateRef.createEmbeddedView(null);
|
|
84
|
+
const element = view.rootNodes[0];
|
|
85
|
+
if (!element) {
|
|
86
|
+
view.destroy();
|
|
87
|
+
return {};
|
|
88
|
+
}
|
|
89
|
+
const attrs = {};
|
|
90
|
+
for (let i = 0; i < element.attributes.length; i++) {
|
|
91
|
+
const attr = element.attributes.item(i);
|
|
92
|
+
if (attr) {
|
|
93
|
+
attrs[attr.name] = attr.value;
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
view.destroy();
|
|
97
|
+
return attrs;
|
|
98
|
+
}
|
|
99
|
+
renderInlineWrapper(editable) {
|
|
100
|
+
const span = this.renderer.createElement('span');
|
|
101
|
+
span.className = 'sc-image-wrapper';
|
|
102
|
+
span.innerHTML = editable;
|
|
103
|
+
const parentNode = this.renderer.parentNode(this.elementRef.nativeElement);
|
|
104
|
+
this.renderer.insertBefore(parentNode, span, this.elementRef.nativeElement);
|
|
105
|
+
parentNode.removeChild(this.elementRef.nativeElement);
|
|
106
|
+
this.inlineRef = span;
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
ImageDirective.decorators = [
|
|
110
|
+
{ type: Directive, args: [{ selector: '[scImage]' },] }
|
|
111
|
+
];
|
|
112
|
+
ImageDirective.ctorParameters = () => [
|
|
113
|
+
{ type: ViewContainerRef },
|
|
114
|
+
{ type: TemplateRef },
|
|
115
|
+
{ type: Renderer2 },
|
|
116
|
+
{ type: ElementRef }
|
|
117
|
+
];
|
|
118
|
+
ImageDirective.propDecorators = {
|
|
119
|
+
field: [{ type: Input, args: ['scImage',] }],
|
|
120
|
+
editable: [{ type: Input, args: ['scImageEditable',] }],
|
|
121
|
+
mediaUrlPrefix: [{ type: Input, args: ['scImageMediaUrlPrefix',] }],
|
|
122
|
+
urlParams: [{ type: Input, args: ['scImageUrlParams',] }],
|
|
123
|
+
attrs: [{ type: Input, args: ['scImageAttrs',] }]
|
|
124
|
+
};
|
|
125
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6Ii9ob21lL3ZzdHMvd29yay8xL3MvcGFja2FnZXMvc2l0ZWNvcmUtanNzLWFuZ3VsYXIvc3JjLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy9pbWFnZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsVUFBVSxFQUNWLEtBQUssRUFFTCxTQUFTLEVBRVQsV0FBVyxFQUNYLGdCQUFnQixHQUNqQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFJdEQsTUFBTSxPQUFPLGNBQWM7SUFvQnpCLFlBQ1UsYUFBK0IsRUFDL0IsV0FBNkIsRUFDN0IsUUFBbUIsRUFDbkIsVUFBc0I7UUFIdEIsa0JBQWEsR0FBYixhQUFhLENBQWtCO1FBQy9CLGdCQUFXLEdBQVgsV0FBVyxDQUFrQjtRQUM3QixhQUFRLEdBQVIsUUFBUSxDQUFXO1FBQ25CLGVBQVUsR0FBVixVQUFVLENBQVk7UUF2QnhCLGNBQVMsR0FBMkIsSUFBSSxDQUFDO1FBSXZCLGFBQVEsR0FBRyxJQUFJLENBQUM7UUFXZixjQUFTLEdBQUcsRUFBRSxDQUFDO1FBRW5CLFVBQUssR0FBRyxFQUFFLENBQUM7SUFPL0IsQ0FBQztJQUVKLFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxLQUFLLElBQUksT0FBTyxDQUFDLFFBQVEsSUFBSSxPQUFPLENBQUMsU0FBUyxJQUFJLE9BQU8sQ0FBQyxLQUFLLEVBQUU7WUFDM0UsSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUMzQixJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7Z0JBQ2xCLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxFQUFFLENBQUM7Z0JBQ3hCLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO2FBQ3ZCO1lBRUQsSUFBSSxDQUFDLFVB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IElucHV0LFxyXG4gIE9uQ2hhbmdlcyxcclxuICBSZW5kZXJlcjIsXHJcbiAgU2ltcGxlQ2hhbmdlcyxcclxuICBUZW1wbGF0ZVJlZixcclxuICBWaWV3Q29udGFpbmVyUmVmLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBtZWRpYUFwaSB9IGZyb20gJ0BzaXRlY29yZS1qc3Mvc2l0ZWNvcmUtanNzJztcclxuaW1wb3J0IHsgSW1hZ2VGaWVsZCB9IGZyb20gJy4vcmVuZGVyaW5nLWZpZWxkJztcclxuXHJcbkBEaXJlY3RpdmUoeyBzZWxlY3RvcjogJ1tzY0ltYWdlXScgfSlcclxuZXhwb3J0IGNsYXNzIEltYWdlRGlyZWN0aXZlIGltcGxlbWVudHMgT25DaGFuZ2VzIHtcclxuICBwcml2YXRlIGlubGluZVJlZjogSFRNTFNwYW5FbGVtZW50IHwgbnVsbCA9IG51bGw7XHJcblxyXG4gIEBJbnB1dCgnc2NJbWFnZScpIGZpZWxkOiBJbWFnZUZpZWxkIHwgJyc7XHJcblxyXG4gIEBJbnB1dCgnc2NJbWFnZUVkaXRhYmxlJykgZWRpdGFibGUgPSB0cnVlO1xyXG5cclxuICAvKipcclxuICAgKiBDdXN0b20gcmVnZXhwIHRoYXQgZmluZHMgbWVkaWEgVVJMIHByZWZpeCB0aGF0IHdpbGwgYmUgcmVwbGFjZWQgYnkgYC8tL2pzc21lZGlhYCBvciBgL34vanNzbWVkaWFgLlxyXG4gICAqIEBleGFtcGxlXHJcbiAgICogL1xcLyhbLX5dezF9KWFzc2V0c1xcLy9pXHJcbiAgICogLy1hc3NldHMvd2Vic2l0ZSAtPiAvLS9qc3NtZWRpYS93ZWJzaXRlXHJcbiAgICogL35hc3NldHMvd2Vic2l0ZSAtPiAvfi9qc3NtZWRpYS93ZWJzaXRlXHJcbiAgICovXHJcbiAgQElucHV0KCdzY0ltYWdlTWVkaWFVcmxQcmVmaXgnKSBtZWRpYVVybFByZWZpeD86IFJlZ0V4cDtcclxuXHJcbiAgQElucHV0KCdzY0ltYWdlVXJsUGFyYW1zJykgdXJsUGFyYW1zID0ge307XHJcblxyXG4gIEBJbnB1dCgnc2NJbWFnZUF0dHJzJykgYXR0cnMgPSB7fTtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIHZpZXdDb250YWluZXI6IFZpZXdDb250YWluZXJSZWYsXHJcbiAgICBwcml2YXRlIHRlbXBsYXRlUmVmOiBUZW1wbGF0ZVJlZjxhbnk+LFxyXG4gICAgcHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyLFxyXG4gICAgcHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmXHJcbiAgKSB7fVxyXG5cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XHJcbiAgICBpZiAoY2hhbmdlcy5maWVsZCB8fCBjaGFuZ2VzLmVkaXRhYmxlIHx8IGNoYW5nZXMudXJsUGFyYW1zIHx8IGNoYW5nZXMuYXR0cnMpIHtcclxuICAgICAgdGhpcy52aWV3Q29udGFpbmVyLmNsZWFyKCk7XHJcbiAgICAgIGlmICh0aGlzLmlubGluZVJlZikge1xyXG4gICAgICAgIHRoaXMuaW5saW5lUmVmLnJlbW92ZSgpO1xyXG4gICAgICAgIHRoaXMuaW5saW5lUmVmID0gbnVsbDtcclxuICAgICAgfVxyXG5cclxuICAgICAgdGhpcy51cGRhdGVWaWV3KCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHVwZGF0ZVZpZXcoKSB7XHJcbiAgICBjb25zdCBvdmVycmlkZUF0dHJzID0ge1xyXG4gICAgICAuLi50aGlzLmdldEVsZW1lbnRBdHRycygpLFxyXG4gICAgICAuLi50aGlzLmF0dHJzLFxyXG4gICAgfTtcclxuICAgIGNvbnN0IG1lZGlhID0gdGhpcy5maWVsZDtcclxuXHJcbiAgICBpZiAoIW1lZGlhIHx8ICghbWVkaWEuZWRpdGFibGUgJiYgIW1lZGlhLnZhbHVlICYmICFtZWRpYS5zcmMpKSB7XHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuXHJcbiAgICBsZXQgYXR0cnM6IGFueSA9IHt9O1xyXG5cclxuICAgIC8vIHdlIGxpa2VseSBoYXZlIGFuIGV4cGVyaWVuY2UgZWRpdG9yIHZhbHVlLCBzaG91bGQgYmUgYSBzdHJpbmdcclxuICAgIGlmICh0aGlzLmVkaXRhYmxlICYmIG1lZGlhLmVkaXRhYmxlKSB7XHJcbiAgICAgIGNvbnN0IGZvdW5kSW1nID0gbWVkaWFBcGkuZmluZEVkaXRvckltYWdlVGFnKG1lZGlhLmVkaXRhYmxlKTtcclxuICAgICAgaWYgKCFmb3VuZEltZykge1xyXG4gICAgICAgIHJldHVybiB0aGlzLnJlbmRlcklubGluZVdyYXBwZXIobWVkaWEuZWRpdGFibGUpO1xyXG4gICAgICB9XHJcbiAgICAgIGF0dHJzID0gdGhpcy5nZXRJbWFnZUF0dHJzKGZvdW5kSW1nLmF0dHJzLCBvdmVycmlkZUF0dHJzLCB0aGlzLnVybFBhcmFtcyk7XHJcbiAgICAgIGlmICghYXR0cnMpIHtcclxuICAgICAgICByZXR1cm4gdGhpcy5yZW5kZXJJbmxpbmVXcmFwcGVyKG1lZGlhLmVkaXRhYmxlKTtcclxuICAgICAgfVxyXG4gICAgICBjb25zdCB0ZW1wSW1nOiBIVE1MSW1hZ2VFbGVtZW50ID0gdGhpcy5yZW5kZXJlci5jcmVhdGVFbGVtZW50KCdpbWcnKTtcclxuICAgICAgT2JqZWN0LmVudHJpZXMoYXR0cnMpLmZvckVhY2goKFtrZXksIGF0dHJWYWx1ZV06IFtzdHJpbmcsIGFueV0pID0+XHJcbiAgICAgICAgdGVtcEltZy5zZXRBdHRyaWJ1dGUoa2V5LCBhdHRyVmFsdWUpXHJcbiAgICAgICk7XHJcbiAgICAgIGNvbnN0IGVkaXRhYmxlTWFya3VwID0gbWVkaWEuZWRpdGFibGUucmVwbGFjZShmb3VuZEltZy5pbWdUYWcsIHRlbXBJbWcub3V0ZXJIVE1MKTtcclxuICAgICAgcmV0dXJuIHRoaXMucmVuZGVySW5saW5lV3JhcHBlcihlZGl0YWJsZU1hcmt1cCk7XHJcbiAgICB9XHJcblxyXG4gICAgLy8gc29tZSB3aXNlLWd1eS9nYWwgaXMgcGFzc2luZyBpbiBhICdyYXcnIGltYWdlIG9iamVjdCB2YWx1ZVxyXG4gICAgY29uc3QgaW1nID0gbWVkaWEuc3JjID8gbWVkaWEgOiBtZWRpYS52YWx1ZTtcclxuICAgIGlmICghaW1nKSB7XHJcbiAgICAgIHJldHVybiBudWxsO1xyXG4gICAgfVxyXG5cclxuICAgIGF0dHJzID0gdGhpcy5nZXRJbWFnZUF0dHJzKGltZywgb3ZlcnJpZGVBdHRycywgdGhpcy51cmxQYXJhbXMpO1xyXG4gICAgaWYgKGF0dHJzKSB7XHJcbiAgICAgIHRoaXMucmVuZGVyVGVtcGxhdGUoYXR0cnMpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBnZXRJbWFnZUF0dHJzKGZpZWxkQXR0cnM6IGFueSwgcGFyc2VkQXR0cnM6IGFueSwgaW1hZ2VQYXJhbXM6IGFueSk6IGFueSB7XHJcbiAgICBjb25zdCBjb21iaW5lZEF0dHJzID0ge1xyXG4gICAgICAuLi5maWVsZEF0dHJzLFxyXG4gICAgICAuLi5wYXJzZWRBdHRycyxcclxuICAgIH07XHJcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcHJlZmVyLWNvbnN0XHJcbiAgICBsZXQgeyBzcmMsIHNyY1NldCwgLi4ub3RoZXJBdHRycyB9ID0gY29tYmluZWRBdHRycztcclxuICAgIGlmICghc3JjKSB7XHJcbiAgICAgIHJldHVybiBudWxsO1xyXG4gICAgfVxyXG4gICAgY29uc3QgbmV3QXR0cnMgPSB7XHJcbiAgICAgIC4uLm90aGVyQXR0cnMsXHJcbiAgICB9O1xyXG4gICAgLy8gdXBkYXRlIGltYWdlIFVSTCBmb3IganNzIGhhbmRsZXIgYW5kIGltYWdlIHJlbmRlcmluZyBwYXJhbXNcclxuICAgIHNyYyA9IG1lZGlhQXBpLnVwZGF0ZUltYWdlVXJsKHNyYywgaW1hZ2VQYXJhbXMsIHRoaXMubWVkaWFVcmxQcmVmaXgpO1xyXG4gICAgaWYgKHNyY1NldCkge1xyXG4gICAgICAvLyByZXBsYWNlIHdpdGggSFRNTC1mb3JtYXR0ZWQgc3Jjc2V0LCBpbmNsdWRpbmcgdXBkYXRlZCBpbWFnZSBVUkxzXHJcbiAgICAgIG5ld0F0dHJzLnNyY1NldCA9IG1lZGlhQXBpLmdldFNyY1NldChzcmMsIHNyY1NldCwgaW1hZ2VQYXJhbXMsIHRoaXMubWVkaWFVcmxQcmVmaXgpO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgbmV3QXR0cnMuc3JjID0gc3JjO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIG5ld0F0dHJzO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSByZW5kZXJUZW1wbGF0ZShpbWFnZVByb3BzOiBhbnkpIHtcclxuICAgIGNvbnN0IHZpZXdSZWYgPSB0aGlzLnZpZXdDb250YWluZXIuY3JlYXRlRW1iZWRkZWRWaWV3KHRoaXMudGVtcGxhdGVSZWYpO1xyXG4gICAgdmlld1JlZi5yb290Tm9kZXMuZm9yRWFjaCgobm9kZSkgPT4ge1xyXG4gICAgICBPYmplY3QuZW50cmllcyhpbWFnZVByb3BzKS5mb3JFYWNoKChba2V5LCBpbWdQcm9wVmFsXTogW3N0cmluZywgYW55XSkgPT5cclxuICAgICAgICB0aGlzLnJlbmRlcmVyLnNldEF0dHJpYnV0ZShub2RlLCBrZXksIGltZ1Byb3BWYWwpXHJcbiAgICAgICk7XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgZ2V0RWxlbWVudEF0dHJzKCk6IHsgW2tleTogc3RyaW5nXTogYW55IH0ge1xyXG4gICAgY29uc3QgdmlldyA9IHRoaXMudGVtcGxhdGVSZWYuY3JlYXRlRW1iZWRkZWRWaWV3KG51bGwpO1xyXG4gICAgY29uc3QgZWxlbWVudDogRWxlbWVudCA9IHZpZXcucm9vdE5vZGVzWzBdO1xyXG4gICAgaWYgKCFlbGVtZW50KSB7XHJcbiAgICAgIHZpZXcuZGVzdHJveSgpO1xyXG4gICAgICByZXR1cm4ge307XHJcbiAgICB9XHJcbiAgICBjb25zdCBhdHRyczogeyBba2V5OiBzdHJpbmddOiBhbnkgfSA9IHt9O1xyXG4gICAgZm9yIChsZXQgaSA9IDA7IGkgPCBlbGVtZW50LmF0dHJpYnV0ZXMubGVuZ3RoOyBpKyspIHtcclxuICAgICAgY29uc3QgYXR0ciA9IGVsZW1lbnQuYXR0cmlidXRlcy5pdGVtKGkpO1xyXG4gICAgICBpZiAoYXR0cikge1xyXG4gICAgICAgIGF0dHJzW2F0dHIubmFtZV0gPSBhdHRyLnZhbHVlO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICB2aWV3LmRlc3Ryb3koKTtcclxuICAgIHJldHVybiBhdHRycztcclxuICB9XHJcblxyXG4gIHByaXZhdGUgcmVuZGVySW5saW5lV3JhcHBlcihlZGl0YWJsZTogc3RyaW5nKSB7XHJcbiAgICBjb25zdCBzcGFuOiBIVE1MU3BhbkVsZW1lbnQgPSB0aGlzLnJlbmRlcmVyLmNyZWF0ZUVsZW1lbnQoJ3NwYW4nKTtcclxuICAgIHNwYW4uY2xhc3NOYW1lID0gJ3NjLWltYWdlLXdyYXBwZXInO1xyXG4gICAgc3Bhbi5pbm5lckhUTUwgPSBlZGl0YWJsZTtcclxuXHJcbiAgICBjb25zdCBwYXJlbnROb2RlID0gdGhpcy5yZW5kZXJlci5wYXJlbnROb2RlKHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50KTtcclxuICAgIHRoaXMucmVuZGVyZXIuaW5zZXJ0QmVmb3JlKHBhcmVudE5vZGUsIHNwYW4sIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50KTtcclxuICAgIHBhcmVudE5vZGUucmVtb3ZlQ2hpbGQodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQpO1xyXG5cclxuICAgIHRoaXMuaW5saW5lUmVmID0gc3BhbjtcclxuICB9XHJcbn1cclxuIl19
|
|
@@ -1,99 +1,101 @@
|
|
|
1
|
-
import { Directive, ElementRef, Input, Renderer2, TemplateRef, ViewContainerRef, } from '@angular/core';
|
|
2
|
-
export class LinkDirective {
|
|
3
|
-
constructor(viewContainer, templateRef, renderer, elementRef) {
|
|
4
|
-
this.viewContainer = viewContainer;
|
|
5
|
-
this.templateRef = templateRef;
|
|
6
|
-
this.renderer = renderer;
|
|
7
|
-
this.elementRef = elementRef;
|
|
8
|
-
this.inlineRef = null;
|
|
9
|
-
this.editable = true;
|
|
10
|
-
this.attrs = {};
|
|
11
|
-
}
|
|
12
|
-
ngOnChanges(changes) {
|
|
13
|
-
if (changes.field || changes.editable || changes.attrs) {
|
|
14
|
-
this.viewContainer.clear();
|
|
15
|
-
if (this.inlineRef) {
|
|
16
|
-
this.inlineRef.remove();
|
|
17
|
-
this.inlineRef = null;
|
|
18
|
-
}
|
|
19
|
-
this.updateView();
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
updateView() {
|
|
23
|
-
const field = this.field;
|
|
24
|
-
if (this.editable && field && field.editableFirstPart && field.editableLastPart) {
|
|
25
|
-
this.renderInlineWrapper(field.editableFirstPart, field.editableLastPart);
|
|
26
|
-
}
|
|
27
|
-
else if (field && (field.href || field.value)) {
|
|
28
|
-
const props = field.href ? field : field.value;
|
|
29
|
-
const linkText = field.text || field.value.text || field.href || field.value.href;
|
|
30
|
-
const mergedAttrs = Object.assign(Object.assign({}, props), this.attrs);
|
|
31
|
-
this.renderTemplate(mergedAttrs, linkText);
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
renderTemplate(props, linkText) {
|
|
35
|
-
const viewRef = this.viewContainer.createEmbeddedView(this.templateRef);
|
|
36
|
-
viewRef.rootNodes.forEach((node) => {
|
|
37
|
-
Object.entries(props).forEach(([key, propValue]) => {
|
|
38
|
-
if (key === 'href') {
|
|
39
|
-
const isInvalidLink = !propValue || /^https?:\/\/$/.test(propValue);
|
|
40
|
-
if (isInvalidLink) {
|
|
41
|
-
if (!node.href) {
|
|
42
|
-
return;
|
|
43
|
-
}
|
|
44
|
-
propValue = node.href;
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
if (key === 'class' && node.className) {
|
|
48
|
-
propValue += ` ${node.className}`;
|
|
49
|
-
}
|
|
50
|
-
this.renderer.setAttribute(node, key, propValue);
|
|
51
|
-
});
|
|
52
|
-
if (node.childNodes && node.childNodes.length === 0 && linkText) {
|
|
53
|
-
node.textContent = linkText;
|
|
54
|
-
}
|
|
55
|
-
});
|
|
56
|
-
}
|
|
57
|
-
renderInlineWrapper(editableFirstPart, editableLastPart) {
|
|
58
|
-
const span = this.renderer.createElement('span');
|
|
59
|
-
span.className = 'sc-link-wrapper';
|
|
60
|
-
span.innerHTML = editableFirstPart + editableLastPart;
|
|
61
|
-
// assign attributes from template to inline wrapper
|
|
62
|
-
const attrs = Object.assign(Object.assign({}, this.getElementAttrs()), this.attrs);
|
|
63
|
-
Object.entries(attrs).forEach(([key, attrValue]) => this.renderer.setAttribute(span, key, attrValue));
|
|
64
|
-
this.viewContainer.createEmbeddedView(this.templateRef);
|
|
65
|
-
const parentNode = this.renderer.parentNode(this.elementRef.nativeElement);
|
|
66
|
-
this.renderer.insertBefore(parentNode, span, this.elementRef.nativeElement);
|
|
67
|
-
this.inlineRef = span;
|
|
68
|
-
}
|
|
69
|
-
getElementAttrs() {
|
|
70
|
-
const view = this.templateRef.createEmbeddedView(null);
|
|
71
|
-
const element = view.rootNodes[0];
|
|
72
|
-
if (!element) {
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
{ type:
|
|
92
|
-
{ type:
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
}
|
|
99
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluay5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiQzovVXNlcnMvYWRpcC9EZXNrdG9wL1NpdGVjb3JlL2pzcy9wYWNrYWdlcy9zaXRlY29yZS1qc3MtYW5ndWxhci9zcmMvIiwic291cmNlcyI6WyJjb21wb25lbnRzL2xpbmsuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsVUFBVSxFQUNWLEtBQUssRUFFTCxTQUFTLEVBRVQsV0FBVyxFQUNYLGdCQUFnQixHQUNqQixNQUFNLGVBQWUsQ0FBQztBQUl2QixNQUFNLE9BQU8sYUFBYTtJQVN4QixZQUNZLGFBQStCLEVBQy9CLFdBQTZCLEVBQzdCLFFBQW1CLEVBQ3JCLFVBQXNCO1FBSHBCLGtCQUFhLEdBQWIsYUFBYSxDQUFrQjtRQUMvQixnQkFBVyxHQUFYLFdBQVcsQ0FBa0I7UUFDN0IsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQUNyQixlQUFVLEdBQVYsVUFBVSxDQUFZO1FBWnhCLGNBQVMsR0FBMkIsSUFBSSxDQUFDO1FBRXhCLGFBQVEsR0FBRyxJQUFJLENBQUM7UUFFbkIsVUFBSyxHQUFRLEVBQUUsQ0FBQztJQVNuQyxDQUFDO0lBRUosV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksT0FBTyxDQUFDLEtBQUssSUFBSSxPQUFPLENBQUMsUUFBUSxJQUFJLE9BQU8sQ0FBQyxLQUFLLEVBQUU7WUFDdEQsSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUMzQixJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7Z0JBQ2xCLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxFQUFFLENBQUM7Z0JBQ3hCLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO2FBQ3ZCO1lBRUQsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1NBQ25CO0lBQ0gsQ0FBQztJQUVPLFVBQVU7UUFDaEIsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQztRQUN6QixJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksS0FBSyxJQUFJLEtBQUssQ0FBQyxpQkFBaUIsSUFBSSxLQUFLLENBQUMsZ0JBQWdCLEVBQUU7WUFDL0UsSUFBSSxDQUFDLG1CQUFtQixDQUFDLEtBQUssQ0FBQyxpQkFBaUIsRUFBRSxLQUFLLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztTQUMzRTthQUFNLElBQUksS0FBSyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksSUFBSSxLQUFLLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDL0MsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDO1lBQy9DLE1BQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxJQUFJLElBQUksS0FBSyxDQUFDLEtBQUssQ0FBQyxJQUFJLElBQUksS0FBSyxDQUFDLElBQUksSUFBSSxLQUFLLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQztZQUNsRixNQUFNLFdBQVcsbUNBQVEsS0FBSyxHQUFLLElBQUksQ0FBQyxLQUFLLENBQUUsQ0FBQztZQUNoRCxJQUFJLENBQUMsY0FBYyxDQUFDLFdBQVcsRUFBRSxRQUFRLENBQUMsQ0FBQztTQUM1QztJQUNILENBQUM7SUFFUyxjQUFjLENBQUMsS0FBVSxFQUFFLFFBQWdCO1FBQ25ELE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBRXhFLE9BQU8sQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUU7WUFDakMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEdBQUcsRUFBRSxTQUFTLENBQWdCLEVBQUUsRUFBRTtnQkFDaEUsSUFBSSxHQUFHLEtBQUssTUFBTSxFQUFFO29CQUNsQixNQUFNLGFBQWEsR0FBRyxDQUFDLFNBQVMsSUFBSSxlQUFlLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO29CQUVwRSxJQUFJLGFBQWEsRUFBRTt3QkFDakIsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUU7NEJBQ2QsT0FBTzt5QkFDUjt3QkFFRCxTQUFTLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQztxQkFDdkI7aUJBQ0Y7Z0JBRUQsSUFBSSxHQUFHLEtBQUssT0FBTyxJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7b0JBQ3JDLFNBQVMsSUFBSSxJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztpQkFDbkM7Z0JBRUQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxZQUFZLENBQUMsSUFBSSxFQUFFLEdBQUcsRUFBRSxTQUFTLENBQUMsQ0FBQztZQUNuRCxDQUFDLENBQUMsQ0FBQztZQUVILElBQUksSUFBSSxDQUFDLFVBQVUsSUFBSSxJQUFJLENBQUMsVUFBVSxDQUFDLE1BQU0sS0FBSyxDQUFDLElBQUksUUFBUSxFQUFFO2dCQUMvRCxJQUFJLENBQUMsV0FBVyxHQUFHLFFBQVEsQ0FBQzthQUM3QjtRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVPLG1CQUFtQixDQUFDLGlCQUF5QixFQUFFLGdCQUF3QjtRQUM3RSxNQUFNLElBQUksR0FBb0IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDbEUsSUFBSSxDQUFDLFNBQVMsR0FBRyxpQkFBaUIsQ0FBQztRQUNuQyxJQUFJLENBQUMsU0FBUyxHQUFHLGlCQUFpQixHQUFHLGdCQUFnQixDQUFDO1FBRXRELG9EQUFvRDtRQUNwRCxNQUFNLEtBQUssbUNBQ04sSUFBSSxDQUFDLGVBQWUsRUFBRSxHQUN0QixJQUFJLENBQUMsS0FBSyxDQUNkLENBQUM7UUFDRixNQUFNLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsR0FBRyxFQUFFLFNBQVMsQ0FBZ0IsRUFBRSxFQUFFLENBQ2hFLElBQUksQ0FBQyxRQUFRLENBQUMsWUFBWSxDQUFDLElBQUksRUFBRSxHQUFHLEVBQUUsU0FBUyxDQUFDLENBQ2pELENBQUM7UUFFRixJQUFJLENBQUMsYUFBYSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUV4RCxNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQzNFLElBQUksQ0FBQyxRQUFRLENBQUMsWUFBWSxDQUFDLFVBQVUsRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUU1RSxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztJQUN4QixDQUFDO0lBRU8sZUFBZTtRQUNyQixNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3ZELE1BQU0sT0FBTyxHQUFZLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDM0MsSUFBSSxDQUFDLE9BQU8sRUFBRTtZQUNaLE9BQU8sRUFBRSxDQUFDO1NBQ1g7UUFDRCxNQUFNLEtBQUssR0FBMkIsRUFBRSxDQUFDO1FBQ3pDLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxPQUFPLENBQUMsVUFBVSxDQUFDLE1BQU0sRUFBRSxDQUFDLEVBQUUsRUFBRTtZQUNsRCxNQUFNLElBQUksR0FBRyxPQUFPLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUN4QyxJQUFJLElBQUksRUFBRTtnQkFDUixLQUFLLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7YUFDL0I7U0FDRjtRQUNELE9BQU8sS0FBSyxDQUFDO0lBQ2YsQ0FBQzs7O1lBM0dGLFNBQVMsU0FBQyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUU7OztZQUpqQyxnQkFBZ0I7WUFEaEIsV0FBVztZQUZYLFNBQVM7WUFIVCxVQUFVOzs7dUJBY1QsS0FBSyxTQUFDLGdCQUFnQjtvQkFFdEIsS0FBSyxTQUFDLGFBQWE7b0JBRW5CLEtBQUssU0FBQyxRQUFRIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBEaXJlY3RpdmUsXHJcbiAgRWxlbWVudFJlZixcclxuICBJbnB1dCxcclxuICBPbkNoYW5nZXMsXHJcbiAgUmVuZGVyZXIyLFxyXG4gIFNpbXBsZUNoYW5nZXMsXHJcbiAgVGVtcGxhdGVSZWYsXHJcbiAgVmlld0NvbnRhaW5lclJlZixcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTGlua0ZpZWxkIH0gZnJvbSAnLi9yZW5kZXJpbmctZmllbGQnO1xyXG5cclxuQERpcmVjdGl2ZSh7IHNlbGVjdG9yOiAnW3NjTGlua10nIH0pXHJcbmV4cG9ydCBjbGFzcyBMaW5rRGlyZWN0aXZlIGltcGxlbWVudHMgT25DaGFuZ2VzIHtcclxuICBwcml2YXRlIGlubGluZVJlZjogSFRNTFNwYW5FbGVtZW50IHwgbnVsbCA9IG51bGw7XHJcblxyXG4gIEBJbnB1dCgnc2NMaW5rRWRpdGFibGUnKSBlZGl0YWJsZSA9IHRydWU7XHJcblxyXG4gIEBJbnB1dCgnc2NMaW5rQXR0cnMnKSBhdHRyczogYW55ID0ge307XHJcblxyXG4gIEBJbnB1dCgnc2NMaW5rJykgZmllbGQ6IExpbmtGaWVsZDtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcm90ZWN0ZWQgdmlld0NvbnRhaW5lcjogVmlld0NvbnRhaW5lclJlZixcclxuICAgIHByb3RlY3RlZCB0ZW1wbGF0ZVJlZjogVGVtcGxhdGVSZWY8YW55PixcclxuICAgIHByb3RlY3RlZCByZW5kZXJlcjogUmVuZGVyZXIyLFxyXG4gICAgcHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmXHJcbiAgKSB7fVxyXG5cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XHJcbiAgICBpZiAoY2hhbmdlcy5maWVsZCB8fCBjaGFuZ2VzLmVkaXRhYmxlIHx8IGNoYW5nZXMuYXR0cnMpIHtcclxuICAgICAgdGhpcy52aWV3Q29udGFpbmVyLmNsZWFyKCk7XHJcbiAgICAgIGlmICh0aGlzLmlubGluZVJlZikge1xyXG4gICAgICAgIHRoaXMuaW5saW5lUmVmLnJlbW92ZSgpO1xyXG4gICAgICAgIHRoaXMuaW5saW5lUmVmID0gbnVsbDtcclxuICAgICAgfVxyXG5cclxuICAgICAgdGhpcy51cGRhdGVWaWV3KCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHVwZGF0ZVZpZXcoKSB7XHJcbiAgICBjb25zdCBmaWVsZCA9IHRoaXMuZmllbGQ7XHJcbiAgICBpZiAodGhpcy5lZGl0YWJsZSAmJiBmaWVsZCAmJiBmaWVsZC5lZGl0YWJsZUZpcnN0UGFydCAmJiBmaWVsZC5lZGl0YWJsZUxhc3RQYXJ0KSB7XHJcbiAgICAgIHRoaXMucmVuZGVySW5saW5lV3JhcHBlcihmaWVsZC5lZGl0YWJsZUZpcnN0UGFydCwgZmllbGQuZWRpdGFibGVMYXN0UGFydCk7XHJcbiAgICB9IGVsc2UgaWYgKGZpZWxkICYmIChmaWVsZC5ocmVmIHx8IGZpZWxkLnZhbHVlKSkge1xyXG4gICAgICBjb25zdCBwcm9wcyA9IGZpZWxkLmhyZWYgPyBmaWVsZCA6IGZpZWxkLnZhbHVlO1xyXG4gICAgICBjb25zdCBsaW5rVGV4dCA9IGZpZWxkLnRleHQgfHwgZmllbGQudmFsdWUudGV4dCB8fCBmaWVsZC5ocmVmIHx8IGZpZWxkLnZhbHVlLmhyZWY7XHJcbiAgICAgIGNvbnN0IG1lcmdlZEF0dHJzID0geyAuLi5wcm9wcywgLi4udGhpcy5hdHRycyB9O1xyXG4gICAgICB0aGlzLnJlbmRlclRlbXBsYXRlKG1lcmdlZEF0dHJzLCBsaW5rVGV4dCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwcm90ZWN0ZWQgcmVuZGVyVGVtcGxhdGUocHJvcHM6IGFueSwgbGlua1RleHQ6IHN0cmluZykge1xyXG4gICAgY29uc3Qgdmlld1JlZiA9IHRoaXMudmlld0NvbnRhaW5lci5jcmVhdGVFbWJlZGRlZFZpZXcodGhpcy50ZW1wbGF0ZVJlZik7XHJcblxyXG4gICAgdmlld1JlZi5yb290Tm9kZXMuZm9yRWFjaCgobm9kZSkgPT4ge1xyXG4gICAgICBPYmplY3QuZW50cmllcyhwcm9wcykuZm9yRWFjaCgoW2tleSwgcHJvcFZhbHVlXTogW3N0cmluZywgYW55XSkgPT4ge1xyXG4gICAgICAgIGlmIChrZXkgPT09ICdocmVmJykge1xyXG4gICAgICAgICAgY29uc3QgaXNJbnZhbGlkTGluayA9ICFwcm9wVmFsdWUgfHwgL15odHRwcz86XFwvXFwvJC8udGVzdChwcm9wVmFsdWUpO1xyXG5cclxuICAgICAgICAgIGlmIChpc0ludmFsaWRMaW5rKSB7XHJcbiAgICAgICAgICAgIGlmICghbm9kZS5ocmVmKSB7XHJcbiAgICAgICAgICAgICAgcmV0dXJuO1xyXG4gICAgICAgICAgICB9XHJcblxyXG4gICAgICAgICAgICBwcm9wVmFsdWUgPSBub2RlLmhyZWY7XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG5cclxuICAgICAgICBpZiAoa2V5ID09PSAnY2xhc3MnICYmIG5vZGUuY2xhc3NOYW1lKSB7XHJcbiAgICAgICAgICBwcm9wVmFsdWUgKz0gYCAke25vZGUuY2xhc3NOYW1lfWA7XHJcbiAgICAgICAgfVxyXG5cclxuICAgICAgICB0aGlzLnJlbmRlcmVyLnNldEF0dHJpYnV0ZShub2RlLCBrZXksIHByb3BWYWx1ZSk7XHJcbiAgICAgIH0pO1xyXG5cclxuICAgICAgaWYgKG5vZGUuY2hpbGROb2RlcyAmJiBub2RlLmNoaWxkTm9kZXMubGVuZ3RoID09PSAwICYmIGxpbmtUZXh0KSB7XHJcbiAgICAgICAgbm9kZS50ZXh0Q29udGVudCA9IGxpbmtUZXh0O1xyXG4gICAgICB9XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgcmVuZGVySW5saW5lV3JhcHBlcihlZGl0YWJsZUZpcnN0UGFydDogc3RyaW5nLCBlZGl0YWJsZUxhc3RQYXJ0OiBzdHJpbmcpIHtcclxuICAgIGNvbnN0IHNwYW46IEhUTUxTcGFuRWxlbWVudCA9IHRoaXMucmVuZGVyZXIuY3JlYXRlRWxlbWVudCgnc3BhbicpO1xyXG4gICAgc3Bhbi5jbGFzc05hbWUgPSAnc2MtbGluay13cmFwcGVyJztcclxuICAgIHNwYW4uaW5uZXJIVE1MID0gZWRpdGFibGVGaXJzdFBhcnQgKyBlZGl0YWJsZUxhc3RQYXJ0O1xyXG5cclxuICAgIC8vIGFzc2lnbiBhdHRyaWJ1dGVzIGZyb20gdGVtcGxhdGUgdG8gaW5saW5lIHdyYXBwZXJcclxuICAgIGNvbnN0IGF0dHJzID0ge1xyXG4gICAgICAuLi50aGlzLmdldEVsZW1lbnRBdHRycygpLFxyXG4gICAgICAuLi50aGlzLmF0dHJzLFxyXG4gICAgfTtcclxuICAgIE9iamVjdC5lbnRyaWVzKGF0dHJzKS5mb3JFYWNoKChba2V5LCBhdHRyVmFsdWVdOiBbc3RyaW5nLCBhbnldKSA9PlxyXG4gICAgICB0aGlzLnJlbmRlcmVyLnNldEF0dHJpYnV0ZShzcGFuLCBrZXksIGF0dHJWYWx1ZSlcclxuICAgICk7XHJcblxyXG4gICAgdGhpcy52aWV3Q29udGFpbmVyLmNyZWF0ZUVtYmVkZGVkVmlldyh0aGlzLnRlbXBsYXRlUmVmKTtcclxuXHJcbiAgICBjb25zdCBwYXJlbnROb2RlID0gdGhpcy5yZW5kZXJlci5wYXJlbnROb2RlKHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50KTtcclxuICAgIHRoaXMucmVuZGVyZXIuaW5zZXJ0QmVmb3JlKHBhcmVudE5vZGUsIHNwYW4sIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50KTtcclxuXHJcbiAgICB0aGlzLmlubGluZVJlZiA9IHNwYW47XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIGdldEVsZW1lbnRBdHRycygpOiB7IFtrZXk6IHN0cmluZ106IGFueSB9IHtcclxuICAgIGNvbnN0IHZpZXcgPSB0aGlzLnRlbXBsYXRlUmVmLmNyZWF0ZUVtYmVkZGVkVmlldyhudWxsKTtcclxuICAgIGNvbnN0IGVsZW1lbnQ6IEVsZW1lbnQgPSB2aWV3LnJvb3ROb2Rlc1swXTtcclxuICAgIGlmICghZWxlbWVudCkge1xyXG4gICAgICByZXR1cm4ge307XHJcbiAgICB9XHJcbiAgICBjb25zdCBhdHRyczogeyBba2V5OiBzdHJpbmddOiBhbnkgfSA9IHt9O1xyXG4gICAgZm9yIChsZXQgaSA9IDA7IGkgPCBlbGVtZW50LmF0dHJpYnV0ZXMubGVuZ3RoOyBpKyspIHtcclxuICAgICAgY29uc3QgYXR0ciA9IGVsZW1lbnQuYXR0cmlidXRlcy5pdGVtKGkpO1xyXG4gICAgICBpZiAoYXR0cikge1xyXG4gICAgICAgIGF0dHJzW2F0dHIubmFtZV0gPSBhdHRyLnZhbHVlO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICByZXR1cm4gYXR0cnM7XHJcbiAgfVxyXG59XHJcbiJdfQ==
|
|
1
|
+
import { Directive, ElementRef, Input, Renderer2, TemplateRef, ViewContainerRef, } from '@angular/core';
|
|
2
|
+
export class LinkDirective {
|
|
3
|
+
constructor(viewContainer, templateRef, renderer, elementRef) {
|
|
4
|
+
this.viewContainer = viewContainer;
|
|
5
|
+
this.templateRef = templateRef;
|
|
6
|
+
this.renderer = renderer;
|
|
7
|
+
this.elementRef = elementRef;
|
|
8
|
+
this.inlineRef = null;
|
|
9
|
+
this.editable = true;
|
|
10
|
+
this.attrs = {};
|
|
11
|
+
}
|
|
12
|
+
ngOnChanges(changes) {
|
|
13
|
+
if (changes.field || changes.editable || changes.attrs) {
|
|
14
|
+
this.viewContainer.clear();
|
|
15
|
+
if (this.inlineRef) {
|
|
16
|
+
this.inlineRef.remove();
|
|
17
|
+
this.inlineRef = null;
|
|
18
|
+
}
|
|
19
|
+
this.updateView();
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
updateView() {
|
|
23
|
+
const field = this.field;
|
|
24
|
+
if (this.editable && field && field.editableFirstPart && field.editableLastPart) {
|
|
25
|
+
this.renderInlineWrapper(field.editableFirstPart, field.editableLastPart);
|
|
26
|
+
}
|
|
27
|
+
else if (field && (field.href || field.value)) {
|
|
28
|
+
const props = field.href ? field : field.value;
|
|
29
|
+
const linkText = field.text || field.value.text || field.href || field.value.href;
|
|
30
|
+
const mergedAttrs = Object.assign(Object.assign({}, props), this.attrs);
|
|
31
|
+
this.renderTemplate(mergedAttrs, linkText);
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
renderTemplate(props, linkText) {
|
|
35
|
+
const viewRef = this.viewContainer.createEmbeddedView(this.templateRef);
|
|
36
|
+
viewRef.rootNodes.forEach((node) => {
|
|
37
|
+
Object.entries(props).forEach(([key, propValue]) => {
|
|
38
|
+
if (key === 'href') {
|
|
39
|
+
const isInvalidLink = !propValue || /^https?:\/\/$/.test(propValue);
|
|
40
|
+
if (isInvalidLink) {
|
|
41
|
+
if (!node.href) {
|
|
42
|
+
return;
|
|
43
|
+
}
|
|
44
|
+
propValue = node.href;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
if (key === 'class' && node.className) {
|
|
48
|
+
propValue += ` ${node.className}`;
|
|
49
|
+
}
|
|
50
|
+
this.renderer.setAttribute(node, key, propValue);
|
|
51
|
+
});
|
|
52
|
+
if (node.childNodes && node.childNodes.length === 0 && linkText) {
|
|
53
|
+
node.textContent = linkText;
|
|
54
|
+
}
|
|
55
|
+
});
|
|
56
|
+
}
|
|
57
|
+
renderInlineWrapper(editableFirstPart, editableLastPart) {
|
|
58
|
+
const span = this.renderer.createElement('span');
|
|
59
|
+
span.className = 'sc-link-wrapper';
|
|
60
|
+
span.innerHTML = editableFirstPart + editableLastPart;
|
|
61
|
+
// assign attributes from template to inline wrapper
|
|
62
|
+
const attrs = Object.assign(Object.assign({}, this.getElementAttrs()), this.attrs);
|
|
63
|
+
Object.entries(attrs).forEach(([key, attrValue]) => this.renderer.setAttribute(span, key, attrValue));
|
|
64
|
+
this.viewContainer.createEmbeddedView(this.templateRef);
|
|
65
|
+
const parentNode = this.renderer.parentNode(this.elementRef.nativeElement);
|
|
66
|
+
this.renderer.insertBefore(parentNode, span, this.elementRef.nativeElement);
|
|
67
|
+
this.inlineRef = span;
|
|
68
|
+
}
|
|
69
|
+
getElementAttrs() {
|
|
70
|
+
const view = this.templateRef.createEmbeddedView(null);
|
|
71
|
+
const element = view.rootNodes[0];
|
|
72
|
+
if (!element) {
|
|
73
|
+
view.destroy();
|
|
74
|
+
return {};
|
|
75
|
+
}
|
|
76
|
+
const attrs = {};
|
|
77
|
+
for (let i = 0; i < element.attributes.length; i++) {
|
|
78
|
+
const attr = element.attributes.item(i);
|
|
79
|
+
if (attr) {
|
|
80
|
+
attrs[attr.name] = attr.value;
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
view.destroy();
|
|
84
|
+
return attrs;
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
LinkDirective.decorators = [
|
|
88
|
+
{ type: Directive, args: [{ selector: '[scLink]' },] }
|
|
89
|
+
];
|
|
90
|
+
LinkDirective.ctorParameters = () => [
|
|
91
|
+
{ type: ViewContainerRef },
|
|
92
|
+
{ type: TemplateRef },
|
|
93
|
+
{ type: Renderer2 },
|
|
94
|
+
{ type: ElementRef }
|
|
95
|
+
];
|
|
96
|
+
LinkDirective.propDecorators = {
|
|
97
|
+
editable: [{ type: Input, args: ['scLinkEditable',] }],
|
|
98
|
+
attrs: [{ type: Input, args: ['scLinkAttrs',] }],
|
|
99
|
+
field: [{ type: Input, args: ['scLink',] }]
|
|
100
|
+
};
|
|
101
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluay5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiL2hvbWUvdnN0cy93b3JrLzEvcy9wYWNrYWdlcy9zaXRlY29yZS1qc3MtYW5ndWxhci9zcmMvIiwic291cmNlcyI6WyJjb21wb25lbnRzL2xpbmsuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsVUFBVSxFQUNWLEtBQUssRUFFTCxTQUFTLEVBRVQsV0FBVyxFQUNYLGdCQUFnQixHQUNqQixNQUFNLGVBQWUsQ0FBQztBQUl2QixNQUFNLE9BQU8sYUFBYTtJQVN4QixZQUNZLGFBQStCLEVBQy9CLFdBQTZCLEVBQzdCLFFBQW1CLEVBQ3JCLFVBQXNCO1FBSHBCLGtCQUFhLEdBQWIsYUFBYSxDQUFrQjtRQUMvQixnQkFBVyxHQUFYLFdBQVcsQ0FBa0I7UUFDN0IsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQUNyQixlQUFVLEdBQVYsVUFBVSxDQUFZO1FBWnhCLGNBQVMsR0FBMkIsSUFBSSxDQUFDO1FBRXhCLGFBQVEsR0FBRyxJQUFJLENBQUM7UUFFbkIsVUFBSyxHQUFRLEVBQUUsQ0FBQztJQVNuQyxDQUFDO0lBRUosV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksT0FBTyxDQUFDLEtBQUssSUFBSSxPQUFPLENBQUMsUUFBUSxJQUFJLE9BQU8sQ0FBQyxLQUFLLEVBQUU7WUFDdEQsSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUMzQixJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7Z0JBQ2xCLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxFQUFFLENBQUM7Z0JBQ3hCLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO2FBQ3ZCO1lBRUQsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1NBQ25CO0lBQ0gsQ0FBQztJQUVPLFVBQVU7UUFDaEIsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQztRQUN6QixJQUFJLElB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QyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUU7OztZQUpqQyxnQkFBZ0I7WUFEaEIsV0FBVztZQUZYLFNBQVM7WUFIVCxVQUFVOzs7dUJBY1QsS0FBSyxTQUFDLGdCQUFnQjtvQkFFdEIsS0FBSyxTQUFDLGFBQWE7b0JBRW5CLEtBQUssU0FBQyxRQUFRIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBEaXJlY3RpdmUsXHJcbiAgRWxlbWVudFJlZixcclxuICBJbnB1dCxcclxuICBPbkNoYW5nZXMsXHJcbiAgUmVuZGVyZXIyLFxyXG4gIFNpbXBsZUNoYW5nZXMsXHJcbiAgVGVtcGxhdGVSZWYsXHJcbiAgVmlld0NvbnRhaW5lclJlZixcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTGlua0ZpZWxkIH0gZnJvbSAnLi9yZW5kZXJpbmctZmllbGQnO1xyXG5cclxuQERpcmVjdGl2ZSh7IHNlbGVjdG9yOiAnW3NjTGlua10nIH0pXHJcbmV4cG9ydCBjbGFzcyBMaW5rRGlyZWN0aXZlIGltcGxlbWVudHMgT25DaGFuZ2VzIHtcclxuICBwcml2YXRlIGlubGluZVJlZjogSFRNTFNwYW5FbGVtZW50IHwgbnVsbCA9IG51bGw7XHJcblxyXG4gIEBJbnB1dCgnc2NMaW5rRWRpdGFibGUnKSBlZGl0YWJsZSA9IHRydWU7XHJcblxyXG4gIEBJbnB1dCgnc2NMaW5rQXR0cnMnKSBhdHRyczogYW55ID0ge307XHJcblxyXG4gIEBJbnB1dCgnc2NMaW5rJykgZmllbGQ6IExpbmtGaWVsZDtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcm90ZWN0ZWQgdmlld0NvbnRhaW5lcjogVmlld0NvbnRhaW5lclJlZixcclxuICAgIHByb3RlY3RlZCB0ZW1wbGF0ZVJlZjogVGVtcGxhdGVSZWY8YW55PixcclxuICAgIHByb3RlY3RlZCByZW5kZXJlcjogUmVuZGVyZXIyLFxyXG4gICAgcHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmXHJcbiAgKSB7fVxyXG5cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XHJcbiAgICBpZiAoY2hhbmdlcy5maWVsZCB8fCBjaGFuZ2VzLmVkaXRhYmxlIHx8IGNoYW5nZXMuYXR0cnMpIHtcclxuICAgICAgdGhpcy52aWV3Q29udGFpbmVyLmNsZWFyKCk7XHJcbiAgICAgIGlmICh0aGlzLmlubGluZVJlZikge1xyXG4gICAgICAgIHRoaXMuaW5saW5lUmVmLnJlbW92ZSgpO1xyXG4gICAgICAgIHRoaXMuaW5saW5lUmVmID0gbnVsbDtcclxuICAgICAgfVxyXG5cclxuICAgICAgdGhpcy51cGRhdGVWaWV3KCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHVwZGF0ZVZpZXcoKSB7XHJcbiAgICBjb25zdCBmaWVsZCA9IHRoaXMuZmllbGQ7XHJcbiAgICBpZiAodGhpcy5lZGl0YWJsZSAmJiBmaWVsZCAmJiBmaWVsZC5lZGl0YWJsZUZpcnN0UGFydCAmJiBmaWVsZC5lZGl0YWJsZUxhc3RQYXJ0KSB7XHJcbiAgICAgIHRoaXMucmVuZGVySW5saW5lV3JhcHBlcihmaWVsZC5lZGl0YWJsZUZpcnN0UGFydCwgZmllbGQuZWRpdGFibGVMYXN0UGFydCk7XHJcbiAgICB9IGVsc2UgaWYgKGZpZWxkICYmIChmaWVsZC5ocmVmIHx8IGZpZWxkLnZhbHVlKSkge1xyXG4gICAgICBjb25zdCBwcm9wcyA9IGZpZWxkLmhyZWYgPyBmaWVsZCA6IGZpZWxkLnZhbHVlO1xyXG4gICAgICBjb25zdCBsaW5rVGV4dCA9IGZpZWxkLnRleHQgfHwgZmllbGQudmFsdWUudGV4dCB8fCBmaWVsZC5ocmVmIHx8IGZpZWxkLnZhbHVlLmhyZWY7XHJcbiAgICAgIGNvbnN0IG1lcmdlZEF0dHJzID0geyAuLi5wcm9wcywgLi4udGhpcy5hdHRycyB9O1xyXG4gICAgICB0aGlzLnJlbmRlclRlbXBsYXRlKG1lcmdlZEF0dHJzLCBsaW5rVGV4dCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwcm90ZWN0ZWQgcmVuZGVyVGVtcGxhdGUocHJvcHM6IGFueSwgbGlua1RleHQ6IHN0cmluZykge1xyXG4gICAgY29uc3Qgdmlld1JlZiA9IHRoaXMudmlld0NvbnRhaW5lci5jcmVhdGVFbWJlZGRlZFZpZXcodGhpcy50ZW1wbGF0ZVJlZik7XHJcblxyXG4gICAgdmlld1JlZi5yb290Tm9kZXMuZm9yRWFjaCgobm9kZSkgPT4ge1xyXG4gICAgICBPYmplY3QuZW50cmllcyhwcm9wcykuZm9yRWFjaCgoW2tleSwgcHJvcFZhbHVlXTogW3N0cmluZywgYW55XSkgPT4ge1xyXG4gICAgICAgIGlmIChrZXkgPT09ICdocmVmJykge1xyXG4gICAgICAgICAgY29uc3QgaXNJbnZhbGlkTGluayA9ICFwcm9wVmFsdWUgfHwgL15odHRwcz86XFwvXFwvJC8udGVzdChwcm9wVmFsdWUpO1xyXG5cclxuICAgICAgICAgIGlmIChpc0ludmFsaWRMaW5rKSB7XHJcbiAgICAgICAgICAgIGlmICghbm9kZS5ocmVmKSB7XHJcbiAgICAgICAgICAgICAgcmV0dXJuO1xyXG4gICAgICAgICAgICB9XHJcblxyXG4gICAgICAgICAgICBwcm9wVmFsdWUgPSBub2RlLmhyZWY7XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG5cclxuICAgICAgICBpZiAoa2V5ID09PSAnY2xhc3MnICYmIG5vZGUuY2xhc3NOYW1lKSB7XHJcbiAgICAgICAgICBwcm9wVmFsdWUgKz0gYCAke25vZGUuY2xhc3NOYW1lfWA7XHJcbiAgICAgICAgfVxyXG5cclxuICAgICAgICB0aGlzLnJlbmRlcmVyLnNldEF0dHJpYnV0ZShub2RlLCBrZXksIHByb3BWYWx1ZSk7XHJcbiAgICAgIH0pO1xyXG5cclxuICAgICAgaWYgKG5vZGUuY2hpbGROb2RlcyAmJiBub2RlLmNoaWxkTm9kZXMubGVuZ3RoID09PSAwICYmIGxpbmtUZXh0KSB7XHJcbiAgICAgICAgbm9kZS50ZXh0Q29udGVudCA9IGxpbmtUZXh0O1xyXG4gICAgICB9XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgcmVuZGVySW5saW5lV3JhcHBlcihlZGl0YWJsZUZpcnN0UGFydDogc3RyaW5nLCBlZGl0YWJsZUxhc3RQYXJ0OiBzdHJpbmcpIHtcclxuICAgIGNvbnN0IHNwYW46IEhUTUxTcGFuRWxlbWVudCA9IHRoaXMucmVuZGVyZXIuY3JlYXRlRWxlbWVudCgnc3BhbicpO1xyXG4gICAgc3Bhbi5jbGFzc05hbWUgPSAnc2MtbGluay13cmFwcGVyJztcclxuICAgIHNwYW4uaW5uZXJIVE1MID0gZWRpdGFibGVGaXJzdFBhcnQgKyBlZGl0YWJsZUxhc3RQYXJ0O1xyXG5cclxuICAgIC8vIGFzc2lnbiBhdHRyaWJ1dGVzIGZyb20gdGVtcGxhdGUgdG8gaW5saW5lIHdyYXBwZXJcclxuICAgIGNvbnN0IGF0dHJzID0ge1xyXG4gICAgICAuLi50aGlzLmdldEVsZW1lbnRBdHRycygpLFxyXG4gICAgICAuLi50aGlzLmF0dHJzLFxyXG4gICAgfTtcclxuICAgIE9iamVjdC5lbnRyaWVzKGF0dHJzKS5mb3JFYWNoKChba2V5LCBhdHRyVmFsdWVdOiBbc3RyaW5nLCBhbnldKSA9PlxyXG4gICAgICB0aGlzLnJlbmRlcmVyLnNldEF0dHJpYnV0ZShzcGFuLCBrZXksIGF0dHJWYWx1ZSlcclxuICAgICk7XHJcblxyXG4gICAgdGhpcy52aWV3Q29udGFpbmVyLmNyZWF0ZUVtYmVkZGVkVmlldyh0aGlzLnRlbXBsYXRlUmVmKTtcclxuXHJcbiAgICBjb25zdCBwYXJlbnROb2RlID0gdGhpcy5yZW5kZXJlci5wYXJlbnROb2RlKHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50KTtcclxuICAgIHRoaXMucmVuZGVyZXIuaW5zZXJ0QmVmb3JlKHBhcmVudE5vZGUsIHNwYW4sIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50KTtcclxuXHJcbiAgICB0aGlzLmlubGluZVJlZiA9IHNwYW47XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIGdldEVsZW1lbnRBdHRycygpOiB7IFtrZXk6IHN0cmluZ106IGFueSB9IHtcclxuICAgIGNvbnN0IHZpZXcgPSB0aGlzLnRlbXBsYXRlUmVmLmNyZWF0ZUVtYmVkZGVkVmlldyhudWxsKTtcclxuICAgIGNvbnN0IGVsZW1lbnQ6IEVsZW1lbnQgPSB2aWV3LnJvb3ROb2Rlc1swXTtcclxuICAgIGlmICghZWxlbWVudCkge1xyXG4gICAgICB2aWV3LmRlc3Ryb3koKTtcclxuICAgICAgcmV0dXJuIHt9O1xyXG4gICAgfVxyXG4gICAgY29uc3QgYXR0cnM6IHsgW2tleTogc3RyaW5nXTogYW55IH0gPSB7fTtcclxuICAgIGZvciAobGV0IGkgPSAwOyBpIDwgZWxlbWVudC5hdHRyaWJ1dGVzLmxlbmd0aDsgaSsrKSB7XHJcbiAgICAgIGNvbnN0IGF0dHIgPSBlbGVtZW50LmF0dHJpYnV0ZXMuaXRlbShpKTtcclxuICAgICAgaWYgKGF0dHIpIHtcclxuICAgICAgICBhdHRyc1thdHRyLm5hbWVdID0gYXR0ci52YWx1ZTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gICAgdmlldy5kZXN0cm95KCk7XHJcbiAgICByZXR1cm4gYXR0cnM7XHJcbiAgfVxyXG59XHJcbiJdfQ==
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
export class MissingComponentComponent {
|
|
3
|
-
}
|
|
4
|
-
MissingComponentComponent.decorators = [
|
|
5
|
-
{ type: Component, args: [{
|
|
6
|
-
selector: 'sc-missing-component',
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
export class MissingComponentComponent {
|
|
3
|
+
}
|
|
4
|
+
MissingComponentComponent.decorators = [
|
|
5
|
+
{ type: Component, args: [{
|
|
6
|
+
selector: 'sc-missing-component',
|
|
7
7
|
template: `
|
|
8
8
|
<div
|
|
9
9
|
style="background: darkorange; outline: 5px solid orange; padding: 10px; color: white; max-width: 500px;"
|
|
@@ -11,10 +11,10 @@ MissingComponentComponent.decorators = [
|
|
|
11
11
|
<h2>{{ rendering.componentName }}</h2>
|
|
12
12
|
<p>JSS component is missing Angular component implementation.</p>
|
|
13
13
|
</div>
|
|
14
|
-
`
|
|
15
|
-
},] }
|
|
16
|
-
];
|
|
17
|
-
MissingComponentComponent.propDecorators = {
|
|
18
|
-
rendering: [{ type: Input }]
|
|
19
|
-
};
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
14
|
+
`
|
|
15
|
+
},] }
|
|
16
|
+
];
|
|
17
|
+
MissingComponentComponent.propDecorators = {
|
|
18
|
+
rendering: [{ type: Input }]
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWlzc2luZy1jb21wb25lbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Ii9ob21lL3ZzdHMvd29yay8xL3MvcGFja2FnZXMvc2l0ZWNvcmUtanNzLWFuZ3VsYXIvc3JjLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy9taXNzaW5nLWNvbXBvbmVudC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFhakQsTUFBTSxPQUFPLHlCQUF5Qjs7O1lBWHJDLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsc0JBQXNCO2dCQUNoQyxRQUFRLEVBQUU7Ozs7Ozs7R0FPVDthQUNGOzs7d0JBRUUsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2MtbWlzc2luZy1jb21wb25lbnQnLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICA8ZGl2XHJcbiAgICAgIHN0eWxlPVwiYmFja2dyb3VuZDogZGFya29yYW5nZTsgb3V0bGluZTogNXB4IHNvbGlkIG9yYW5nZTsgcGFkZGluZzogMTBweDsgY29sb3I6IHdoaXRlOyBtYXgtd2lkdGg6IDUwMHB4O1wiXHJcbiAgICA+XHJcbiAgICAgIDxoMj57eyByZW5kZXJpbmcuY29tcG9uZW50TmFtZSB9fTwvaDI+XHJcbiAgICAgIDxwPkpTUyBjb21wb25lbnQgaXMgbWlzc2luZyBBbmd1bGFyIGNvbXBvbmVudCBpbXBsZW1lbnRhdGlvbi48L3A+XHJcbiAgICA8L2Rpdj5cclxuICBgLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTWlzc2luZ0NvbXBvbmVudENvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgcmVuZGVyaW5nOiBhbnk7XHJcbn1cclxuIl19
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { Directive, TemplateRef } from '@angular/core';
|
|
2
|
-
export class PlaceholderLoadingDirective {
|
|
3
|
-
constructor(templateRef) {
|
|
4
|
-
this.templateRef = templateRef;
|
|
5
|
-
}
|
|
6
|
-
}
|
|
7
|
-
PlaceholderLoadingDirective.decorators = [
|
|
8
|
-
{ type: Directive, args: [{
|
|
9
|
-
selector: '[scPlaceholderLoading]',
|
|
10
|
-
},] }
|
|
11
|
-
];
|
|
12
|
-
PlaceholderLoadingDirective.ctorParameters = () => [
|
|
13
|
-
{ type: TemplateRef }
|
|
14
|
-
];
|
|
15
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { Directive, TemplateRef } from '@angular/core';
|
|
2
|
+
export class PlaceholderLoadingDirective {
|
|
3
|
+
constructor(templateRef) {
|
|
4
|
+
this.templateRef = templateRef;
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
PlaceholderLoadingDirective.decorators = [
|
|
8
|
+
{ type: Directive, args: [{
|
|
9
|
+
selector: '[scPlaceholderLoading]',
|
|
10
|
+
},] }
|
|
11
|
+
];
|
|
12
|
+
PlaceholderLoadingDirective.ctorParameters = () => [
|
|
13
|
+
{ type: TemplateRef }
|
|
14
|
+
];
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGxhY2Vob2xkZXItbG9hZGluZy5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiL2hvbWUvdnN0cy93b3JrLzEvcy9wYWNrYWdlcy9zaXRlY29yZS1qc3MtYW5ndWxhci9zcmMvIiwic291cmNlcyI6WyJjb21wb25lbnRzL3BsYWNlaG9sZGVyLWxvYWRpbmcuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBS3ZELE1BQU0sT0FBTywyQkFBMkI7SUFDdEMsWUFBbUIsV0FBNkI7UUFBN0IsZ0JBQVcsR0FBWCxXQUFXLENBQWtCO0lBQUcsQ0FBQzs7O1lBSnJELFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsd0JBQXdCO2FBQ25DOzs7WUFKbUIsV0FBVyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBEaXJlY3RpdmUoe1xyXG4gIHNlbGVjdG9yOiAnW3NjUGxhY2Vob2xkZXJMb2FkaW5nXScsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBQbGFjZWhvbGRlckxvYWRpbmdEaXJlY3RpdmUge1xyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyB0ZW1wbGF0ZVJlZjogVGVtcGxhdGVSZWY8YW55Pikge31cclxufVxyXG4iXX0=
|