@sitecore-jss/sitecore-jss-angular 20.2.2 → 20.2.3-canary.2
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/dist/bundles/sitecore-jss-sitecore-jss-angular.umd.js +1440 -1440
- 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 +18 -18
- package/dist/components/hidden-rendering.component.d.ts +4 -4
- package/dist/components/image.directive.d.ts +32 -32
- package/dist/components/link.directive.d.ts +22 -22
- package/dist/components/missing-component.component.d.ts +4 -4
- package/dist/components/placeholder-loading.directive.d.ts +5 -5
- package/dist/components/placeholder.component.d.ts +46 -46
- package/dist/components/placeholder.token.d.ts +31 -31
- package/dist/components/raw.component.d.ts +9 -9
- package/dist/components/render-component.component.d.ts +31 -31
- 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 +40 -40
- 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 +16 -16
- package/dist/components/text.directive.d.ts +13 -13
- package/dist/esm2015/components/date.directive.js +52 -52
- package/dist/esm2015/components/file.directive.js +44 -44
- package/dist/esm2015/components/generic-link.directive.js +57 -57
- package/dist/esm2015/components/hidden-rendering.component.js +16 -16
- package/dist/esm2015/components/image.directive.js +122 -122
- package/dist/esm2015/components/link.directive.js +101 -101
- package/dist/esm2015/components/missing-component.component.js +12 -12
- package/dist/esm2015/components/placeholder-loading.directive.js +14 -14
- package/dist/esm2015/components/placeholder.component.js +197 -197
- package/dist/esm2015/components/placeholder.token.js +21 -21
- package/dist/esm2015/components/raw.component.js +36 -36
- package/dist/esm2015/components/render-component.component.js +88 -88
- package/dist/esm2015/components/render-each.directive.js +14 -14
- package/dist/esm2015/components/render-empty.directive.js +14 -14
- package/dist/esm2015/components/rendering-field.js +1 -1
- package/dist/esm2015/components/rendering.js +7 -7
- package/dist/esm2015/components/rich-text.directive.js +40 -40
- package/dist/esm2015/components/router-link.directive.js +43 -43
- package/dist/esm2015/components/text.directive.js +53 -53
- package/dist/esm2015/jss-component-factory.service.js +87 -87
- package/dist/esm2015/lib.module.js +114 -114
- package/dist/esm2015/public_api.js +17 -17
- package/dist/esm2015/sitecore-jss-sitecore-jss-angular.js +13 -13
- package/dist/fesm2015/sitecore-jss-sitecore-jss-angular.js +1050 -1050
- package/dist/jss-component-factory.service.d.ts +21 -21
- package/dist/lib.module.d.ts +24 -24
- package/dist/package.json +2 -2
- package/dist/public_api.d.ts +18 -18
- package/dist/sitecore-jss-sitecore-jss-angular.d.ts +13 -13
- package/package.json +3 -3
- package/typings/README.md +2 -2
|
@@ -1,123 +1,123 @@
|
|
|
1
|
-
import { __rest } from "tslib";
|
|
2
|
-
import { Directive, ElementRef, Input, Renderer2, TemplateRef, ViewContainerRef, } from '@angular/core';
|
|
3
|
-
import { mediaApi } from '@sitecore-jss/sitecore-jss/media';
|
|
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
|
-
return {};
|
|
87
|
-
}
|
|
88
|
-
const attrs = {};
|
|
89
|
-
for (let i = 0; i < element.attributes.length; i++) {
|
|
90
|
-
const attr = element.attributes.item(i);
|
|
91
|
-
if (attr) {
|
|
92
|
-
attrs[attr.name] = attr.value;
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
return attrs;
|
|
96
|
-
}
|
|
97
|
-
renderInlineWrapper(editable) {
|
|
98
|
-
const span = this.renderer.createElement('span');
|
|
99
|
-
span.className = 'sc-image-wrapper';
|
|
100
|
-
span.innerHTML = editable;
|
|
101
|
-
const parentNode = this.renderer.parentNode(this.elementRef.nativeElement);
|
|
102
|
-
this.renderer.insertBefore(parentNode, span, this.elementRef.nativeElement);
|
|
103
|
-
parentNode.removeChild(this.elementRef.nativeElement);
|
|
104
|
-
this.inlineRef = span;
|
|
105
|
-
}
|
|
106
|
-
}
|
|
107
|
-
ImageDirective.decorators = [
|
|
108
|
-
{ type: Directive, args: [{ selector: '[scImage]' },] }
|
|
109
|
-
];
|
|
110
|
-
ImageDirective.ctorParameters = () => [
|
|
111
|
-
{ type: ViewContainerRef },
|
|
112
|
-
{ type: TemplateRef },
|
|
113
|
-
{ type: Renderer2 },
|
|
114
|
-
{ type: ElementRef }
|
|
115
|
-
];
|
|
116
|
-
ImageDirective.propDecorators = {
|
|
117
|
-
field: [{ type: Input, args: ['scImage',] }],
|
|
118
|
-
editable: [{ type: Input, args: ['scImageEditable',] }],
|
|
119
|
-
mediaUrlPrefix: [{ type: Input, args: ['scImageMediaUrlPrefix',] }],
|
|
120
|
-
urlParams: [{ type: Input, args: ['scImageUrlParams',] }],
|
|
121
|
-
attrs: [{ type: Input, args: ['scImageAttrs',] }]
|
|
122
|
-
};
|
|
1
|
+
import { __rest } from "tslib";
|
|
2
|
+
import { Directive, ElementRef, Input, Renderer2, TemplateRef, ViewContainerRef, } from '@angular/core';
|
|
3
|
+
import { mediaApi } from '@sitecore-jss/sitecore-jss/media';
|
|
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
|
+
return {};
|
|
87
|
+
}
|
|
88
|
+
const attrs = {};
|
|
89
|
+
for (let i = 0; i < element.attributes.length; i++) {
|
|
90
|
+
const attr = element.attributes.item(i);
|
|
91
|
+
if (attr) {
|
|
92
|
+
attrs[attr.name] = attr.value;
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
return attrs;
|
|
96
|
+
}
|
|
97
|
+
renderInlineWrapper(editable) {
|
|
98
|
+
const span = this.renderer.createElement('span');
|
|
99
|
+
span.className = 'sc-image-wrapper';
|
|
100
|
+
span.innerHTML = editable;
|
|
101
|
+
const parentNode = this.renderer.parentNode(this.elementRef.nativeElement);
|
|
102
|
+
this.renderer.insertBefore(parentNode, span, this.elementRef.nativeElement);
|
|
103
|
+
parentNode.removeChild(this.elementRef.nativeElement);
|
|
104
|
+
this.inlineRef = span;
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
ImageDirective.decorators = [
|
|
108
|
+
{ type: Directive, args: [{ selector: '[scImage]' },] }
|
|
109
|
+
];
|
|
110
|
+
ImageDirective.ctorParameters = () => [
|
|
111
|
+
{ type: ViewContainerRef },
|
|
112
|
+
{ type: TemplateRef },
|
|
113
|
+
{ type: Renderer2 },
|
|
114
|
+
{ type: ElementRef }
|
|
115
|
+
];
|
|
116
|
+
ImageDirective.propDecorators = {
|
|
117
|
+
field: [{ type: Input, args: ['scImage',] }],
|
|
118
|
+
editable: [{ type: Input, args: ['scImageEditable',] }],
|
|
119
|
+
mediaUrlPrefix: [{ type: Input, args: ['scImageMediaUrlPrefix',] }],
|
|
120
|
+
urlParams: [{ type: Input, args: ['scImageUrlParams',] }],
|
|
121
|
+
attrs: [{ type: Input, args: ['scImageAttrs',] }]
|
|
122
|
+
};
|
|
123
123
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvaW1hZ2UuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFVBQVUsRUFDVixLQUFLLEVBRUwsU0FBUyxFQUVULFdBQVcsRUFDWCxnQkFBZ0IsR0FDakIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBSTVELE1BQU0sT0FBTyxjQUFjO0lBb0J6QixZQUNVLGFBQStCLEVBQy9CLFdBQWlDLEVBQ2pDLFFBQW1CLEVBQ25CLFVBQXNCO1FBSHRCLGtCQUFhLEdBQWIsYUFBYSxDQUFrQjtRQUMvQixnQkFBVyxHQUFYLFdBQVcsQ0FBc0I7UUFDakMsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQUNuQixlQUFVLEdBQVYsVUFBVSxDQUFZO1FBdkJ4QixjQUFTLEdBQTJCLElBQUksQ0FBQztRQUl2QixhQUFRLEdBQUcsSUFBSSxDQUFDO1FBV2YsY0FBUyxHQUF5QyxFQUFFLENBQUM7UUFFekQsVUFBSyxHQUFpQyxFQUFFLENBQUM7SUFPN0QsQ0FBQztJQUVKLFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxLQUFLLElBQUksT0FBTyxDQUFDLFFBQVEsSUFBSSxPQUFPLENBQUMsU0FBUyxJQUFJLE9BQU8sQ0FBQyxLQUFLLEVBQUU7WUFDM0UsSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUMzQixJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7Z0JBQ2xCLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxFQUFFLENBQUM7Z0JBQ3hCLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO2FBQ3ZCO1lBRUQsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1NBQ25CO0lBQ0gsQ0FBQztJQUVPLFVBQVU7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QUMsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7YUFDL0I7U0FDRjtRQUNELE9BQU8sS0FBSyxDQUFDO0lBQ2YsQ0FBQztJQUVPLG1CQUFtQixDQUFDLFFBQWdCO1FBQzFDLE1BQU0sSUFBSSxHQUFvQixJQUFJLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNsRSxJQUFJLENBQUMsU0FBUyxHQUFHLGtCQUFrQixDQUFDO1FBQ3BDLElBQUksQ0FBQyxTQUFTLEdBQUcsUUFBUSxDQUFDO1FBRTFCLE1BQU0sVUFBVSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDM0UsSUFBSSxDQUFDLFFBQVEsQ0FBQyxZQUFZLENBQUMsVUFBVSxFQUFFLElBQUksRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQzVFLFVBQVUsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUV0RCxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztJQUN4QixDQUFDOzs7WUFsSkYsU0FBUyxTQUFDLEVBQUUsUUFBUSxFQUFFLFdBQVcsRUFBRTs7O1lBTGxDLGdCQUFnQjtZQURoQixXQUFXO1lBRlgsU0FBUztZQUhULFVBQVU7OztvQkFlVCxLQUFLLFNBQUMsU0FBUzt1QkFFZixLQUFLLFNBQUMsaUJBQWlCOzZCQVN2QixLQUFLLFNBQUMsdUJBQXVCO3dCQUU3QixLQUFLLFNBQUMsa0JBQWtCO29CQUV4QixLQUFLLFNBQUMsY0FBYyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgRGlyZWN0aXZlLFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgSW5wdXQsXHJcbiAgT25DaGFuZ2VzLFxyXG4gIFJlbmRlcmVyMixcclxuICBTaW1wbGVDaGFuZ2VzLFxyXG4gIFRlbXBsYXRlUmVmLFxyXG4gIFZpZXdDb250YWluZXJSZWYsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IG1lZGlhQXBpIH0gZnJvbSAnQHNpdGVjb3JlLWpzcy9zaXRlY29yZS1qc3MvbWVkaWEnO1xyXG5pbXBvcnQgeyBJbWFnZUZpZWxkLCBJbWFnZUZpZWxkVmFsdWUgfSBmcm9tICcuL3JlbmRlcmluZy1maWVsZCc7XHJcblxyXG5ARGlyZWN0aXZlKHsgc2VsZWN0b3I6ICdbc2NJbWFnZV0nIH0pXHJcbmV4cG9ydCBjbGFzcyBJbWFnZURpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XHJcbiAgcHJpdmF0ZSBpbmxpbmVSZWY6IEhUTUxTcGFuRWxlbWVudCB8IG51bGwgPSBudWxsO1xyXG5cclxuICBASW5wdXQoJ3NjSW1hZ2UnKSBmaWVsZDogSW1hZ2VGaWVsZCB8ICcnO1xyXG5cclxuICBASW5wdXQoJ3NjSW1hZ2VFZGl0YWJsZScpIGVkaXRhYmxlID0gdHJ1ZTtcclxuXHJcbiAgLyoqXHJcbiAgICogQ3VzdG9tIHJlZ2V4cCB0aGF0IGZpbmRzIG1lZGlhIFVSTCBwcmVmaXggdGhhdCB3aWxsIGJlIHJlcGxhY2VkIGJ5IGAvLS9qc3NtZWRpYWAgb3IgYC9+L2pzc21lZGlhYC5cclxuICAgKiBAZXhhbXBsZVxyXG4gICAqIC9cXC8oWy1+XXsxfSlhc3NldHNcXC8vaVxyXG4gICAqIC8tYXNzZXRzL3dlYnNpdGUgLT4gLy0vanNzbWVkaWEvd2Vic2l0ZVxyXG4gICAqIC9+YXNzZXRzL3dlYnNpdGUgLT4gL34vanNzbWVkaWEvd2Vic2l0ZVxyXG4gICAqL1xyXG4gIEBJbnB1dCgnc2NJbWFnZU1lZGlhVXJsUHJlZml4JykgbWVkaWFVcmxQcmVmaXg/OiBSZWdFeHA7XHJcblxyXG4gIEBJbnB1dCgnc2NJbWFnZVVybFBhcmFtcycpIHVybFBhcmFtczogeyBbcGFyYW06IHN0cmluZ106IHN0cmluZyB8IG51bWJlciB9ID0ge307XHJcblxyXG4gIEBJbnB1dCgnc2NJbWFnZUF0dHJzJykgYXR0cnM6IHsgW3BhcmFtOiBzdHJpbmddOiB1bmtub3duIH0gPSB7fTtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIHZpZXdDb250YWluZXI6IFZpZXdDb250YWluZXJSZWYsXHJcbiAgICBwcml2YXRlIHRlbXBsYXRlUmVmOiBUZW1wbGF0ZVJlZjx1bmtub3duPixcclxuICAgIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMixcclxuICAgIHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZlxyXG4gICkge31cclxuXHJcbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xyXG4gICAgaWYgKGNoYW5nZXMuZmllbGQgfHwgY2hhbmdlcy5lZGl0YWJsZSB8fCBjaGFuZ2VzLnVybFBhcmFtcyB8fCBjaGFuZ2VzLmF0dHJzKSB7XHJcbiAgICAgIHRoaXMudmlld0NvbnRhaW5lci5jbGVhcigpO1xyXG4gICAgICBpZiAodGhpcy5pbmxpbmVSZWYpIHtcclxuICAgICAgICB0aGlzLmlubGluZVJlZi5yZW1vdmUoKTtcclxuICAgICAgICB0aGlzLmlubGluZVJlZiA9IG51bGw7XHJcbiAgICAgIH1cclxuXHJcbiAgICAgIHRoaXMudXBkYXRlVmlldygpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSB1cGRhdGVWaWV3KCkge1xyXG4gICAgY29uc3Qgb3ZlcnJpZGVBdHRycyA9IHtcclxuICAgICAgLi4udGhpcy5nZXRFbGVtZW50QXR0cnMoKSxcclxuICAgICAgLi4udGhpcy5hdHRycyxcclxuICAgIH07XHJcbiAgICBjb25zdCBtZWRpYSA9IHRoaXMuZmllbGQ7XHJcblxyXG4gICAgaWYgKCFtZWRpYSB8fCAoIW1lZGlhLmVkaXRhYmxlICYmICFtZWRpYS52YWx1ZSAmJiAhbWVkaWEuc3JjKSkge1xyXG4gICAgICByZXR1cm47XHJcbiAgICB9XHJcblxyXG4gICAgbGV0IGF0dHJzOiB7IFthdHRyOiBzdHJpbmddOiBzdHJpbmcgfSB8IG51bGwgPSB7fTtcclxuXHJcbiAgICAvLyB3ZSBsaWtlbHkgaGF2ZSBhbiBleHBlcmllbmNlIGVkaXRvciB2YWx1ZSwgc2hvdWxkIGJlIGEgc3RyaW5nXHJcbiAgICBpZiAodGhpcy5lZGl0YWJsZSAmJiBtZWRpYS5lZGl0YWJsZSkge1xyXG4gICAgICBjb25zdCBmb3VuZEltZyA9IG1lZGlhQXBpLmZpbmRFZGl0b3JJbWFnZVRhZyhtZWRpYS5lZGl0YWJsZSk7XHJcbiAgICAgIGlmICghZm91bmRJbWcpIHtcclxuICAgICAgICByZXR1cm4gdGhpcy5yZW5kZXJJbmxpbmVXcmFwcGVyKG1lZGlhLmVkaXRhYmxlKTtcclxuICAgICAgfVxyXG4gICAgICBhdHRycyA9IHRoaXMuZ2V0SW1hZ2VBdHRycyhmb3VuZEltZy5hdHRycywgb3ZlcnJpZGVBdHRycywgdGhpcy51cmxQYXJhbXMpO1xyXG4gICAgICBpZiAoIWF0dHJzKSB7XHJcbiAgICAgICAgcmV0dXJuIHRoaXMucmVuZGVySW5saW5lV3JhcHBlcihtZWRpYS5lZGl0YWJsZSk7XHJcbiAgICAgIH1cclxuICAgICAgY29uc3QgdGVtcEltZzogSFRNTEltYWdlRWxlbWVudCA9IHRoaXMucmVuZGVyZXIuY3JlYXRlRWxlbWVudCgnaW1nJyk7XHJcbiAgICAgIE9iamVjdC5lbnRyaWVzKGF0dHJzKS5mb3JFYWNoKChba2V5LCBhdHRyVmFsdWVdOiBbc3RyaW5nLCBzdHJpbmddKSA9PlxyXG4gICAgICAgIHRlbXBJbWcuc2V0QXR0cmlidXRlKGtleSwgYXR0clZhbHVlKVxyXG4gICAgICApO1xyXG4gICAgICBjb25zdCBlZGl0YWJsZU1hcmt1cCA9IG1lZGlhLmVkaXRhYmxlLnJlcGxhY2UoZm91bmRJbWcuaW1nVGFnLCB0ZW1wSW1nLm91dGVySFRNTCk7XHJcbiAgICAgIHJldHVybiB0aGlzLnJlbmRlcklubGluZVdyYXBwZXIoZWRpdGFibGVNYXJrdXApO1xyXG4gICAgfVxyXG5cclxuICAgIC8vIHNvbWUgd2lzZS1ndXkvZ2FsIGlzIHBhc3NpbmcgaW4gYSAncmF3JyBpbWFnZSBvYmplY3QgdmFsdWVcclxuICAgIGNvbnN0IGltZyA9IG1lZGlhLnNyYyA/IG1lZGlhIDogbWVkaWEudmFsdWU7XHJcbiAgICBpZiAoIWltZykge1xyXG4gICAgICByZXR1cm4gbnVsbDtcclxuICAgIH1cclxuXHJcbiAgICBhdHRycyA9IHRoaXMuZ2V0SW1hZ2VBdHRycyhpbWcsIG92ZXJyaWRlQXR0cnMsIHRoaXMudXJsUGFyYW1zKTtcclxuICAgIGlmIChhdHRycykge1xyXG4gICAgICB0aGlzLnJlbmRlclRlbXBsYXRlKGF0dHJzKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHByaXZhdGUgZ2V0SW1hZ2VBdHRycyhcclxuICAgIGZpZWxkQXR0cnM6IEltYWdlRmllbGRWYWx1ZSxcclxuICAgIHBhcnNlZEF0dHJzOiB7IFthdHRyOiBzdHJpbmddOiB1bmtub3duIH0sXHJcbiAgICBpbWFnZVBhcmFtczogeyBbcGFyYW06IHN0cmluZ106IHN0cmluZyB8IG51bWJlciB9XHJcbiAgKTogeyBbYXR0cjogc3RyaW5nXTogc3RyaW5nIH0gfCBudWxsIHtcclxuICAgIGNvbnN0IGNvbWJpbmVkQXR0cnMgPSB7XHJcbiAgICAgIC4uLmZpZWxkQXR0cnMsXHJcbiAgICAgIC4uLnBhcnNlZEF0dHJzLFxyXG4gICAgfTtcclxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBwcmVmZXItY29uc3RcclxuICAgIGxldCB7IHNyYywgc3JjU2V0LCAuLi5vdGhlckF0dHJzIH0gPSBjb21iaW5lZEF0dHJzO1xyXG4gICAgaWYgKCFzcmMpIHtcclxuICAgICAgcmV0dXJuIG51bGw7XHJcbiAgICB9XHJcbiAgICBjb25zdCBuZXdBdHRyczogeyBbYXR0cjogc3RyaW5nXTogc3RyaW5nIH0gPSB7XHJcbiAgICAgIC4uLihvdGhlckF0dHJzIGFzIHsgW2tleTogc3RyaW5nXTogc3RyaW5nIH0pLFxyXG4gICAgfTtcclxuICAgIC8vIHVwZGF0ZSBpbWFnZSBVUkwgZm9yIGpzcyBoYW5kbGVyIGFuZCBpbWFnZSByZW5kZXJpbmcgcGFyYW1zXHJcbiAgICBzcmMgPSBtZWRpYUFwaS51cGRhdGVJbWFnZVVybChzcmMsIGltYWdlUGFyYW1zLCB0aGlzLm1lZGlhVXJsUHJlZml4KTtcclxuICAgIGlmIChzcmNTZXQpIHtcclxuICAgICAgLy8gcmVwbGFjZSB3aXRoIEhUTUwtZm9ybWF0dGVkIHNyY3NldCwgaW5jbHVkaW5nIHVwZGF0ZWQgaW1hZ2UgVVJMc1xyXG4gICAgICBuZXdBdHRycy5zcmNTZXQgPSBtZWRpYUFwaS5nZXRTcmNTZXQoc3JjLCBzcmNTZXQsIGltYWdlUGFyYW1zLCB0aGlzLm1lZGlhVXJsUHJlZml4KTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIG5ld0F0dHJzLnNyYyA9IHNyYztcclxuICAgIH1cclxuICAgIHJldHVybiBuZXdBdHRycztcclxuICB9XHJcblxyXG4gIHByaXZhdGUgcmVuZGVyVGVtcGxhdGUoaW1hZ2VQcm9wczogeyBbcHJvcDogc3RyaW5nXTogc3RyaW5nIH0pIHtcclxuICAgIGNvbnN0IHZpZXdSZWYgPSB0aGlzLnZpZXdDb250YWluZXIuY3JlYXRlRW1iZWRkZWRWaWV3KHRoaXMudGVtcGxhdGVSZWYpO1xyXG4gICAgdmlld1JlZi5yb290Tm9kZXMuZm9yRWFjaCgobm9kZSkgPT4ge1xyXG4gICAgICBPYmplY3QuZW50cmllcyhpbWFnZVByb3BzKS5mb3JFYWNoKChba2V5LCBpbWdQcm9wVmFsXTogW3N0cmluZywgc3RyaW5nXSkgPT5cclxuICAgICAgICB0aGlzLnJlbmRlcmVyLnNldEF0dHJpYnV0ZShub2RlLCBrZXksIGltZ1Byb3BWYWwpXHJcbiAgICAgICk7XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgZ2V0RWxlbWVudEF0dHJzKCk6IHsgW2tleTogc3RyaW5nXTogc3RyaW5nIH0ge1xyXG4gICAgY29uc3QgdmlldyA9IHRoaXMudGVtcGxhdGVSZWYuY3JlYXRlRW1iZWRkZWRWaWV3KG51bGwpO1xyXG4gICAgY29uc3QgZWxlbWVudDogRWxlbWVudCA9IHZpZXcucm9vdE5vZGVzWzBdO1xyXG4gICAgaWYgKCFlbGVtZW50KSB7XHJcbiAgICAgIHJldHVybiB7fTtcclxuICAgIH1cclxuICAgIGNvbnN0IGF0dHJzOiB7IFtrZXk6IHN0cmluZ106IHN0cmluZyB9ID0ge307XHJcbiAgICBmb3IgKGxldCBpID0gMDsgaSA8IGVsZW1lbnQuYXR0cmlidXRlcy5sZW5ndGg7IGkrKykge1xyXG4gICAgICBjb25zdCBhdHRyID0gZWxlbWVudC5hdHRyaWJ1dGVzLml0ZW0oaSk7XHJcbiAgICAgIGlmIChhdHRyKSB7XHJcbiAgICAgICAgYXR0cnNbYXR0ci5uYW1lXSA9IGF0dHIudmFsdWU7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICAgIHJldHVybiBhdHRycztcclxuICB9XHJcblxyXG4gIHByaXZhdGUgcmVuZGVySW5saW5lV3JhcHBlcihlZGl0YWJsZTogc3RyaW5nKSB7XHJcbiAgICBjb25zdCBzcGFuOiBIVE1MU3BhbkVsZW1lbnQgPSB0aGlzLnJlbmRlcmVyLmNyZWF0ZUVsZW1lbnQoJ3NwYW4nKTtcclxuICAgIHNwYW4uY2xhc3NOYW1lID0gJ3NjLWltYWdlLXdyYXBwZXInO1xyXG4gICAgc3Bhbi5pbm5lckhUTUwgPSBlZGl0YWJsZTtcclxuXHJcbiAgICBjb25zdCBwYXJlbnROb2RlID0gdGhpcy5yZW5kZXJlci5wYXJlbnROb2RlKHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50KTtcclxuICAgIHRoaXMucmVuZGVyZXIuaW5zZXJ0QmVmb3JlKHBhcmVudE5vZGUsIHNwYW4sIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50KTtcclxuICAgIHBhcmVudE5vZGUucmVtb3ZlQ2hpbGQodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQpO1xyXG5cclxuICAgIHRoaXMuaW5saW5lUmVmID0gc3BhbjtcclxuICB9XHJcbn1cclxuIl19
|
|
@@ -1,102 +1,102 @@
|
|
|
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
|
-
var _a, _b;
|
|
24
|
-
const field = this.field;
|
|
25
|
-
if (this.editable && field && field.editableFirstPart && field.editableLastPart) {
|
|
26
|
-
this.renderInlineWrapper(field.editableFirstPart, field.editableLastPart);
|
|
27
|
-
}
|
|
28
|
-
else if (field && (field.href || field.value)) {
|
|
29
|
-
const props = field.href ? field : field.value;
|
|
30
|
-
const linkText = field.text || ((_a = field.value) === null || _a === void 0 ? void 0 : _a.text) || field.href || ((_b = field.value) === null || _b === void 0 ? void 0 : _b.href);
|
|
31
|
-
const mergedAttrs = Object.assign(Object.assign({}, props), this.attrs);
|
|
32
|
-
this.renderTemplate(mergedAttrs, linkText);
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
renderTemplate(props, linkText) {
|
|
36
|
-
const viewRef = this.viewContainer.createEmbeddedView(this.templateRef);
|
|
37
|
-
viewRef.rootNodes.forEach((node) => {
|
|
38
|
-
Object.entries(props).forEach(([key, propValue]) => {
|
|
39
|
-
if (typeof propValue !== 'string')
|
|
40
|
-
return;
|
|
41
|
-
if (key === 'href') {
|
|
42
|
-
const isInvalidLink = !propValue || /^https?:\/\/$/.test(propValue);
|
|
43
|
-
if (isInvalidLink) {
|
|
44
|
-
if (!node.href) {
|
|
45
|
-
return;
|
|
46
|
-
}
|
|
47
|
-
propValue = node.href;
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
if (key === 'class' && node.className) {
|
|
51
|
-
propValue += ` ${node.className}`;
|
|
52
|
-
}
|
|
53
|
-
this.renderer.setAttribute(node, key, propValue);
|
|
54
|
-
});
|
|
55
|
-
if (node.childNodes && node.childNodes.length === 0 && linkText) {
|
|
56
|
-
node.textContent = linkText;
|
|
57
|
-
}
|
|
58
|
-
});
|
|
59
|
-
}
|
|
60
|
-
renderInlineWrapper(editableFirstPart, editableLastPart) {
|
|
61
|
-
const span = this.renderer.createElement('span');
|
|
62
|
-
span.className = 'sc-link-wrapper';
|
|
63
|
-
span.innerHTML = editableFirstPart + editableLastPart;
|
|
64
|
-
// assign attributes from template to inline wrapper
|
|
65
|
-
const attrs = Object.assign(Object.assign({}, this.getElementAttrs()), this.attrs);
|
|
66
|
-
Object.entries(attrs).forEach(([key, attrValue]) => this.renderer.setAttribute(span, key, attrValue));
|
|
67
|
-
this.viewContainer.createEmbeddedView(this.templateRef);
|
|
68
|
-
const parentNode = this.renderer.parentNode(this.elementRef.nativeElement);
|
|
69
|
-
this.renderer.insertBefore(parentNode, span, this.elementRef.nativeElement);
|
|
70
|
-
this.inlineRef = span;
|
|
71
|
-
}
|
|
72
|
-
getElementAttrs() {
|
|
73
|
-
const view = this.templateRef.createEmbeddedView(null);
|
|
74
|
-
const element = view.rootNodes[0];
|
|
75
|
-
if (!element) {
|
|
76
|
-
return {};
|
|
77
|
-
}
|
|
78
|
-
const attrs = {};
|
|
79
|
-
for (let i = 0; i < element.attributes.length; i++) {
|
|
80
|
-
const attr = element.attributes.item(i);
|
|
81
|
-
if (attr) {
|
|
82
|
-
attrs[attr.name] = attr.value;
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
return attrs;
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
LinkDirective.decorators = [
|
|
89
|
-
{ type: Directive, args: [{ selector: '[scLink]' },] }
|
|
90
|
-
];
|
|
91
|
-
LinkDirective.ctorParameters = () => [
|
|
92
|
-
{ type: ViewContainerRef },
|
|
93
|
-
{ type: TemplateRef },
|
|
94
|
-
{ type: Renderer2 },
|
|
95
|
-
{ type: ElementRef }
|
|
96
|
-
];
|
|
97
|
-
LinkDirective.propDecorators = {
|
|
98
|
-
editable: [{ type: Input, args: ['scLinkEditable',] }],
|
|
99
|
-
attrs: [{ type: Input, args: ['scLinkAttrs',] }],
|
|
100
|
-
field: [{ type: Input, args: ['scLink',] }]
|
|
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
|
+
var _a, _b;
|
|
24
|
+
const field = this.field;
|
|
25
|
+
if (this.editable && field && field.editableFirstPart && field.editableLastPart) {
|
|
26
|
+
this.renderInlineWrapper(field.editableFirstPart, field.editableLastPart);
|
|
27
|
+
}
|
|
28
|
+
else if (field && (field.href || field.value)) {
|
|
29
|
+
const props = field.href ? field : field.value;
|
|
30
|
+
const linkText = field.text || ((_a = field.value) === null || _a === void 0 ? void 0 : _a.text) || field.href || ((_b = field.value) === null || _b === void 0 ? void 0 : _b.href);
|
|
31
|
+
const mergedAttrs = Object.assign(Object.assign({}, props), this.attrs);
|
|
32
|
+
this.renderTemplate(mergedAttrs, linkText);
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
renderTemplate(props, linkText) {
|
|
36
|
+
const viewRef = this.viewContainer.createEmbeddedView(this.templateRef);
|
|
37
|
+
viewRef.rootNodes.forEach((node) => {
|
|
38
|
+
Object.entries(props).forEach(([key, propValue]) => {
|
|
39
|
+
if (typeof propValue !== 'string')
|
|
40
|
+
return;
|
|
41
|
+
if (key === 'href') {
|
|
42
|
+
const isInvalidLink = !propValue || /^https?:\/\/$/.test(propValue);
|
|
43
|
+
if (isInvalidLink) {
|
|
44
|
+
if (!node.href) {
|
|
45
|
+
return;
|
|
46
|
+
}
|
|
47
|
+
propValue = node.href;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
if (key === 'class' && node.className) {
|
|
51
|
+
propValue += ` ${node.className}`;
|
|
52
|
+
}
|
|
53
|
+
this.renderer.setAttribute(node, key, propValue);
|
|
54
|
+
});
|
|
55
|
+
if (node.childNodes && node.childNodes.length === 0 && linkText) {
|
|
56
|
+
node.textContent = linkText;
|
|
57
|
+
}
|
|
58
|
+
});
|
|
59
|
+
}
|
|
60
|
+
renderInlineWrapper(editableFirstPart, editableLastPart) {
|
|
61
|
+
const span = this.renderer.createElement('span');
|
|
62
|
+
span.className = 'sc-link-wrapper';
|
|
63
|
+
span.innerHTML = editableFirstPart + editableLastPart;
|
|
64
|
+
// assign attributes from template to inline wrapper
|
|
65
|
+
const attrs = Object.assign(Object.assign({}, this.getElementAttrs()), this.attrs);
|
|
66
|
+
Object.entries(attrs).forEach(([key, attrValue]) => this.renderer.setAttribute(span, key, attrValue));
|
|
67
|
+
this.viewContainer.createEmbeddedView(this.templateRef);
|
|
68
|
+
const parentNode = this.renderer.parentNode(this.elementRef.nativeElement);
|
|
69
|
+
this.renderer.insertBefore(parentNode, span, this.elementRef.nativeElement);
|
|
70
|
+
this.inlineRef = span;
|
|
71
|
+
}
|
|
72
|
+
getElementAttrs() {
|
|
73
|
+
const view = this.templateRef.createEmbeddedView(null);
|
|
74
|
+
const element = view.rootNodes[0];
|
|
75
|
+
if (!element) {
|
|
76
|
+
return {};
|
|
77
|
+
}
|
|
78
|
+
const attrs = {};
|
|
79
|
+
for (let i = 0; i < element.attributes.length; i++) {
|
|
80
|
+
const attr = element.attributes.item(i);
|
|
81
|
+
if (attr) {
|
|
82
|
+
attrs[attr.name] = attr.value;
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
return attrs;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
LinkDirective.decorators = [
|
|
89
|
+
{ type: Directive, args: [{ selector: '[scLink]' },] }
|
|
90
|
+
];
|
|
91
|
+
LinkDirective.ctorParameters = () => [
|
|
92
|
+
{ type: ViewContainerRef },
|
|
93
|
+
{ type: TemplateRef },
|
|
94
|
+
{ type: Renderer2 },
|
|
95
|
+
{ type: ElementRef }
|
|
96
|
+
];
|
|
97
|
+
LinkDirective.propDecorators = {
|
|
98
|
+
editable: [{ type: Input, args: ['scLinkEditable',] }],
|
|
99
|
+
attrs: [{ type: Input, args: ['scLinkAttrs',] }],
|
|
100
|
+
field: [{ type: Input, args: ['scLink',] }]
|
|
101
|
+
};
|
|
102
102
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluay5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFVBQVUsRUFDVixLQUFLLEVBRUwsU0FBUyxFQUVULFdBQVcsRUFDWCxnQkFBZ0IsR0FDakIsTUFBTSxlQUFlLENBQUM7QUFJdkIsTUFBTSxPQUFPLGFBQWE7SUFTeEIsWUFDWSxhQUErQixFQUMvQixXQUFpQyxFQUNqQyxRQUFtQixFQUNyQixVQUFzQjtRQUhwQixrQkFBYSxHQUFiLGFBQWEsQ0FBa0I7UUFDL0IsZ0JBQVcsR0FBWCxXQUFXLENBQXNCO1FBQ2pDLGFBQVEsR0FBUixRQUFRLENBQVc7UUFDckIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQVp4QixjQUFTLEdBQTJCLElBQUksQ0FBQztRQUV4QixhQUFRLEdBQUcsSUFBSSxDQUFDO1FBRW5CLFVBQUssR0FBK0IsRUFBRSxDQUFDO0lBUzFELENBQUM7SUFFSixXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxPQUFPLENBQUMsS0FBSyxJQUFJLE9BQU8sQ0FBQyxRQUFRLElBQUksT0FBTyxDQUFDLEtBQUssRUFBRTtZQUN0RCxJQUFJLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQzNCLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRTtnQkFDbEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxNQUFNLEVBQUUsQ0FBQztnQkFDeEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7YUFDdkI7WUFFRCxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7U0FDbkI7SUFDSCxDQUFDO0lBRU8sVUFBVTs7UUFDaEIsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQztRQUN6QixJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksS0FBSyxJQUFJLEtBQUssQ0FBQyxp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RGhCLFdBQVc7WUFGWCxTQUFTO1lBSFQsVUFBVTs7O3VCQWNULEtBQUssU0FBQyxnQkFBZ0I7b0JBRXRCLEtBQUssU0FBQyxhQUFhO29CQUVuQixLQUFLLFNBQUMsUUFBUSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgRGlyZWN0aXZlLFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgSW5wdXQsXHJcbiAgT25DaGFuZ2VzLFxyXG4gIFJlbmRlcmVyMixcclxuICBTaW1wbGVDaGFuZ2VzLFxyXG4gIFRlbXBsYXRlUmVmLFxyXG4gIFZpZXdDb250YWluZXJSZWYsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IExpbmtGaWVsZCB9IGZyb20gJy4vcmVuZGVyaW5nLWZpZWxkJztcclxuXHJcbkBEaXJlY3RpdmUoeyBzZWxlY3RvcjogJ1tzY0xpbmtdJyB9KVxyXG5leHBvcnQgY2xhc3MgTGlua0RpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XHJcbiAgcHJpdmF0ZSBpbmxpbmVSZWY6IEhUTUxTcGFuRWxlbWVudCB8IG51bGwgPSBudWxsO1xyXG5cclxuICBASW5wdXQoJ3NjTGlua0VkaXRhYmxlJykgZWRpdGFibGUgPSB0cnVlO1xyXG5cclxuICBASW5wdXQoJ3NjTGlua0F0dHJzJykgYXR0cnM6IHsgW2F0dHI6IHN0cmluZ106IHN0cmluZyB9ID0ge307XHJcblxyXG4gIEBJbnB1dCgnc2NMaW5rJykgZmllbGQ6IExpbmtGaWVsZDtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcm90ZWN0ZWQgdmlld0NvbnRhaW5lcjogVmlld0NvbnRhaW5lclJlZixcclxuICAgIHByb3RlY3RlZCB0ZW1wbGF0ZVJlZjogVGVtcGxhdGVSZWY8dW5rbm93bj4sXHJcbiAgICBwcm90ZWN0ZWQgcmVuZGVyZXI6IFJlbmRlcmVyMixcclxuICAgIHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZlxyXG4gICkge31cclxuXHJcbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xyXG4gICAgaWYgKGNoYW5nZXMuZmllbGQgfHwgY2hhbmdlcy5lZGl0YWJsZSB8fCBjaGFuZ2VzLmF0dHJzKSB7XHJcbiAgICAgIHRoaXMudmlld0NvbnRhaW5lci5jbGVhcigpO1xyXG4gICAgICBpZiAodGhpcy5pbmxpbmVSZWYpIHtcclxuICAgICAgICB0aGlzLmlubGluZVJlZi5yZW1vdmUoKTtcclxuICAgICAgICB0aGlzLmlubGluZVJlZiA9IG51bGw7XHJcbiAgICAgIH1cclxuXHJcbiAgICAgIHRoaXMudXBkYXRlVmlldygpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSB1cGRhdGVWaWV3KCkge1xyXG4gICAgY29uc3QgZmllbGQgPSB0aGlzLmZpZWxkO1xyXG4gICAgaWYgKHRoaXMuZWRpdGFibGUgJiYgZmllbGQgJiYgZmllbGQuZWRpdGFibGVGaXJzdFBhcnQgJiYgZmllbGQuZWRpdGFibGVMYXN0UGFydCkge1xyXG4gICAgICB0aGlzLnJlbmRlcklubGluZVdyYXBwZXIoZmllbGQuZWRpdGFibGVGaXJzdFBhcnQsIGZpZWxkLmVkaXRhYmxlTGFzdFBhcnQpO1xyXG4gICAgfSBlbHNlIGlmIChmaWVsZCAmJiAoZmllbGQuaHJlZiB8fCBmaWVsZC52YWx1ZSkpIHtcclxuICAgICAgY29uc3QgcHJvcHMgPSBmaWVsZC5ocmVmID8gZmllbGQgOiBmaWVsZC52YWx1ZTtcclxuICAgICAgY29uc3QgbGlua1RleHQgPSBmaWVsZC50ZXh0IHx8IGZpZWxkLnZhbHVlPy50ZXh0IHx8IGZpZWxkLmhyZWYgfHwgZmllbGQudmFsdWU/LmhyZWY7XHJcbiAgICAgIGNvbnN0IG1lcmdlZEF0dHJzID0geyAuLi5wcm9wcywgLi4udGhpcy5hdHRycyB9O1xyXG4gICAgICB0aGlzLnJlbmRlclRlbXBsYXRlKG1lcmdlZEF0dHJzLCBsaW5rVGV4dCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwcm90ZWN0ZWQgcmVuZGVyVGVtcGxhdGUocHJvcHM6IHsgW3Byb3A6IHN0cmluZ106IHVua25vd24gfSwgbGlua1RleHQ/OiBzdHJpbmcpIHtcclxuICAgIGNvbnN0IHZpZXdSZWYgPSB0aGlzLnZpZXdDb250YWluZXIuY3JlYXRlRW1iZWRkZWRWaWV3KHRoaXMudGVtcGxhdGVSZWYpO1xyXG5cclxuICAgIHZpZXdSZWYucm9vdE5vZGVzLmZvckVhY2goKG5vZGUpID0+IHtcclxuICAgICAgT2JqZWN0LmVudHJpZXMocHJvcHMpLmZvckVhY2goKFtrZXksIHByb3BWYWx1ZV0pID0+IHtcclxuICAgICAgICBpZiAodHlwZW9mIHByb3BWYWx1ZSAhPT0gJ3N0cmluZycpIHJldHVybjtcclxuXHJcbiAgICAgICAgaWYgKGtleSA9PT0gJ2hyZWYnKSB7XHJcbiAgICAgICAgICBjb25zdCBpc0ludmFsaWRMaW5rID0gIXByb3BWYWx1ZSB8fCAvXmh0dHBzPzpcXC9cXC8kLy50ZXN0KHByb3BWYWx1ZSk7XHJcblxyXG4gICAgICAgICAgaWYgKGlzSW52YWxpZExpbmspIHtcclxuICAgICAgICAgICAgaWYgKCFub2RlLmhyZWYpIHtcclxuICAgICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgICAgIH1cclxuXHJcbiAgICAgICAgICAgIHByb3BWYWx1ZSA9IG5vZGUuaHJlZjtcclxuICAgICAgICAgIH1cclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIGlmIChrZXkgPT09ICdjbGFzcycgJiYgbm9kZS5jbGFzc05hbWUpIHtcclxuICAgICAgICAgIHByb3BWYWx1ZSArPSBgICR7bm9kZS5jbGFzc05hbWV9YDtcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIHRoaXMucmVuZGVyZXIuc2V0QXR0cmlidXRlKG5vZGUsIGtleSwgcHJvcFZhbHVlIGFzIHN0cmluZyk7XHJcbiAgICAgIH0pO1xyXG5cclxuICAgICAgaWYgKG5vZGUuY2hpbGROb2RlcyAmJiBub2RlLmNoaWxkTm9kZXMubGVuZ3RoID09PSAwICYmIGxpbmtUZXh0KSB7XHJcbiAgICAgICAgbm9kZS50ZXh0Q29udGVudCA9IGxpbmtUZXh0O1xyXG4gICAgICB9XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgcmVuZGVySW5saW5lV3JhcHBlcihlZGl0YWJsZUZpcnN0UGFydDogc3RyaW5nLCBlZGl0YWJsZUxhc3RQYXJ0OiBzdHJpbmcpIHtcclxuICAgIGNvbnN0IHNwYW46IEhUTUxTcGFuRWxlbWVudCA9IHRoaXMucmVuZGVyZXIuY3JlYXRlRWxlbWVudCgnc3BhbicpO1xyXG4gICAgc3Bhbi5jbGFzc05hbWUgPSAnc2MtbGluay13cmFwcGVyJztcclxuICAgIHNwYW4uaW5uZXJIVE1MID0gZWRpdGFibGVGaXJzdFBhcnQgKyBlZGl0YWJsZUxhc3RQYXJ0O1xyXG5cclxuICAgIC8vIGFzc2lnbiBhdHRyaWJ1dGVzIGZyb20gdGVtcGxhdGUgdG8gaW5saW5lIHdyYXBwZXJcclxuICAgIGNvbnN0IGF0dHJzID0ge1xyXG4gICAgICAuLi50aGlzLmdldEVsZW1lbnRBdHRycygpLFxyXG4gICAgICAuLi50aGlzLmF0dHJzLFxyXG4gICAgfTtcclxuICAgIE9iamVjdC5lbnRyaWVzKGF0dHJzKS5mb3JFYWNoKChba2V5LCBhdHRyVmFsdWVdKSA9PlxyXG4gICAgICB0aGlzLnJlbmRlcmVyLnNldEF0dHJpYnV0ZShzcGFuLCBrZXksIGF0dHJWYWx1ZSlcclxuICAgICk7XHJcblxyXG4gICAgdGhpcy52aWV3Q29udGFpbmVyLmNyZWF0ZUVtYmVkZGVkVmlldyh0aGlzLnRlbXBsYXRlUmVmKTtcclxuXHJcbiAgICBjb25zdCBwYXJlbnROb2RlID0gdGhpcy5yZW5kZXJlci5wYXJlbnROb2RlKHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50KTtcclxuICAgIHRoaXMucmVuZGVyZXIuaW5zZXJ0QmVmb3JlKHBhcmVudE5vZGUsIHNwYW4sIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50KTtcclxuXHJcbiAgICB0aGlzLmlubGluZVJlZiA9IHNwYW47XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIGdldEVsZW1lbnRBdHRycygpIHtcclxuICAgIGNvbnN0IHZpZXcgPSB0aGlzLnRlbXBsYXRlUmVmLmNyZWF0ZUVtYmVkZGVkVmlldyhudWxsKTtcclxuICAgIGNvbnN0IGVsZW1lbnQ6IEVsZW1lbnQgPSB2aWV3LnJvb3ROb2Rlc1swXTtcclxuICAgIGlmICghZWxlbWVudCkge1xyXG4gICAgICByZXR1cm4ge307XHJcbiAgICB9XHJcbiAgICBjb25zdCBhdHRyczogeyBba2V5OiBzdHJpbmddOiBzdHJpbmcgfSA9IHt9O1xyXG4gICAgZm9yIChsZXQgaSA9IDA7IGkgPCBlbGVtZW50LmF0dHJpYnV0ZXMubGVuZ3RoOyBpKyspIHtcclxuICAgICAgY29uc3QgYXR0ciA9IGVsZW1lbnQuYXR0cmlidXRlcy5pdGVtKGkpO1xyXG4gICAgICBpZiAoYXR0cikge1xyXG4gICAgICAgIGF0dHJzW2F0dHIubmFtZV0gPSBhdHRyLnZhbHVlO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICByZXR1cm4gYXR0cnM7XHJcbiAgfVxyXG59XHJcbiJdfQ==
|
|
@@ -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
|
-
};
|
|
14
|
+
`
|
|
15
|
+
},] }
|
|
16
|
+
];
|
|
17
|
+
MissingComponentComponent.propDecorators = {
|
|
18
|
+
rendering: [{ type: Input }]
|
|
19
|
+
};
|
|
20
20
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWlzc2luZy1jb21wb25lbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbWlzc2luZy1jb21wb25lbnQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBY2pELE1BQU0sT0FBTyx5QkFBeUI7OztZQVhyQyxTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHNCQUFzQjtnQkFDaEMsUUFBUSxFQUFFOzs7Ozs7O0dBT1Q7YUFDRjs7O3dCQUVFLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbXBvbmVudFJlbmRlcmluZyB9IGZyb20gJ0BzaXRlY29yZS1qc3Mvc2l0ZWNvcmUtanNzL2xheW91dCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NjLW1pc3NpbmctY29tcG9uZW50JyxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPGRpdlxyXG4gICAgICBzdHlsZT1cImJhY2tncm91bmQ6IGRhcmtvcmFuZ2U7IG91dGxpbmU6IDVweCBzb2xpZCBvcmFuZ2U7IHBhZGRpbmc6IDEwcHg7IGNvbG9yOiB3aGl0ZTsgbWF4LXdpZHRoOiA1MDBweDtcIlxyXG4gICAgPlxyXG4gICAgICA8aDI+e3sgcmVuZGVyaW5nLmNvbXBvbmVudE5hbWUgfX08L2gyPlxyXG4gICAgICA8cD5KU1MgY29tcG9uZW50IGlzIG1pc3NpbmcgQW5ndWxhciBjb21wb25lbnQgaW1wbGVtZW50YXRpb24uPC9wPlxyXG4gICAgPC9kaXY+XHJcbiAgYCxcclxufSlcclxuZXhwb3J0IGNsYXNzIE1pc3NpbmdDb21wb25lbnRDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHJlbmRlcmluZzogQ29tcG9uZW50UmVuZGVyaW5nO1xyXG59XHJcbiJdfQ==
|
|
@@ -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
|
-
];
|
|
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
15
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGxhY2Vob2xkZXItbG9hZGluZy5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9wbGFjZWhvbGRlci1sb2FkaW5nLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUt2RCxNQUFNLE9BQU8sMkJBQTJCO0lBQ3RDLFlBQW1CLFdBQWlDO1FBQWpDLGdCQUFXLEdBQVgsV0FBVyxDQUFzQjtJQUFHLENBQUM7OztZQUp6RCxTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHdCQUF3QjthQUNuQzs7O1lBSm1CLFdBQVciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5ARGlyZWN0aXZlKHtcclxuICBzZWxlY3RvcjogJ1tzY1BsYWNlaG9sZGVyTG9hZGluZ10nLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgUGxhY2Vob2xkZXJMb2FkaW5nRGlyZWN0aXZlIHtcclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgdGVtcGxhdGVSZWY6IFRlbXBsYXRlUmVmPHVua25vd24+KSB7fVxyXG59XHJcbiJdfQ==
|