survey-angular-ui 1.12.7 → 1.12.9

package/esm2015/components/element-title/element-title.component.js

@@ -2,12 +2,13 @@ import { Component, Input } from "@angular/core";
 import { EmbeddedViewContentComponent } from "../../embedded-view-content.component";
 import * as i0 from "@angular/core";
 import * as i1 from "./dynamic-head.component";
-import * as i2 from "./title-actions.component";
-import * as i3 from "@angular/common";
+import * as i2 from "../svg-icon/svg-icon.component";
+import * as i3 from "./title-actions.component";
+import * as i4 from "@angular/common";
 export class ElementTitleComponent extends EmbeddedViewContentComponent {
 }
 ElementTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ElementTitleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-ElementTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ElementTitleComponent, selector: "sv-ng-element-title", inputs: { element: "element" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n  <sv-ng-dynamic-head [tagName]=\"element.titleTagName\" [element]=\"element\" *ngIf=\"element.hasTitle\">\n    <sv-ng-element-title-actions [element]=\"element\"></sv-ng-element-title-actions>\n  </sv-ng-dynamic-head>\n</ng-template>", styles: [":host{display:none}\n"], components: [{ type: i1.DynamicHeadComponent, selector: "sv-ng-dynamic-head", inputs: ["tagName", "element"] }, { type: i2.ElementTitleActionsComponent, selector: "sv-ng-element-title-actions", inputs: ["element"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+ElementTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ElementTitleComponent, selector: "sv-ng-element-title", inputs: { element: "element" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n  <sv-ng-dynamic-head [tagName]=\"element.titleTagName\" [element]=\"element\" *ngIf=\"element.hasTitle\">\n    <svg *ngIf=\"!element.isExpanded && element.getCssTitleExpandableSvg()\" [iconName]=\"'icon-expand-16x16'\" [partCss]=\"element.getCssTitleExpandableSvg()\" [size]=\"'16'\" sv-ng-svg-icon></svg>\n    <svg *ngIf=\"element.isExpanded && element.getCssTitleExpandableSvg()\" [iconName]=\"'icon-collapse-16x16'\" [partCss]=\"element.getCssTitleExpandableSvg()\" [size]=\"'16'\" sv-ng-svg-icon></svg>\n    <sv-ng-element-title-actions [element]=\"element\"></sv-ng-element-title-actions>\n  </sv-ng-dynamic-head>\n</ng-template>", styles: [":host{display:none}\n"], components: [{ type: i1.DynamicHeadComponent, selector: "sv-ng-dynamic-head", inputs: ["tagName", "element"] }, { type: i2.SvgIconComponent, selector: "'[sv-ng-svg-icon]'", inputs: ["size", "width", "height", "iconName", "partCss", "css", "title"] }, { type: i3.ElementTitleActionsComponent, selector: "sv-ng-element-title-actions", inputs: ["element"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ElementTitleComponent, decorators: [{
             type: Component,
             args: [{
@@ -18,4 +19,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
         }], propDecorators: { element: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWxlbWVudC10aXRsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9lbGVtZW50LXRpdGxlL2VsZW1lbnQtdGl0bGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvZWxlbWVudC10aXRsZS9lbGVtZW50LXRpdGxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDOzs7OztBQU9yRixNQUFNLE9BQU8scUJBQXNCLFNBQVEsNEJBQTRCOzttSEFBMUQscUJBQXFCO3VHQUFyQixxQkFBcUIsa0hDUmxDLHFRQUljOzRGRElELHFCQUFxQjtrQkFMakMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUscUJBQXFCO29CQUMvQixXQUFXLEVBQUUsZ0NBQWdDO29CQUM3QyxTQUFTLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztpQkFDcEM7OEJBRVUsT0FBTztzQkFBZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBFbWJlZGRlZFZpZXdDb250ZW50Q29tcG9uZW50IH0gZnJvbSBcIi4uLy4uL2VtYmVkZGVkLXZpZXctY29udGVudC5jb21wb25lbnRcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcInN2LW5nLWVsZW1lbnQtdGl0bGVcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9lbGVtZW50LXRpdGxlLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsczogW1wiLi4vLi4vaGlkZS1ob3N0LnNjc3NcIl1cbn0pXG5leHBvcnQgY2xhc3MgRWxlbWVudFRpdGxlQ29tcG9uZW50IGV4dGVuZHMgRW1iZWRkZWRWaWV3Q29udGVudENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGVsZW1lbnQ6IGFueTtcbn0iLCI8bmctdGVtcGxhdGUgI3RlbXBsYXRlPlxuICA8c3YtbmctZHluYW1pYy1oZWFkIFt0YWdOYW1lXT1cImVsZW1lbnQudGl0bGVUYWdOYW1lXCIgW2VsZW1lbnRdPVwiZWxlbWVudFwiICpuZ0lmPVwiZWxlbWVudC5oYXNUaXRsZVwiPlxuICAgIDxzdi1uZy1lbGVtZW50LXRpdGxlLWFjdGlvbnMgW2VsZW1lbnRdPVwiZWxlbWVudFwiPjwvc3YtbmctZWxlbWVudC10aXRsZS1hY3Rpb25zPlxuICA8L3N2LW5nLWR5bmFtaWMtaGVhZD5cbjwvbmctdGVtcGxhdGU+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWxlbWVudC10aXRsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9lbGVtZW50LXRpdGxlL2VsZW1lbnQtdGl0bGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvZWxlbWVudC10aXRsZS9lbGVtZW50LXRpdGxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDOzs7Ozs7QUFPckYsTUFBTSxPQUFPLHFCQUFzQixTQUFRLDRCQUE0Qjs7bUhBQTFELHFCQUFxQjt1R0FBckIscUJBQXFCLGtIQ1JsQyxzcEJBTWM7NEZERUQscUJBQXFCO2tCQUxqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxxQkFBcUI7b0JBQy9CLFdBQVcsRUFBRSxnQ0FBZ0M7b0JBQzdDLFNBQVMsRUFBRSxDQUFDLHNCQUFzQixDQUFDO2lCQUNwQzs4QkFFVSxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IEVtYmVkZGVkVmlld0NvbnRlbnRDb21wb25lbnQgfSBmcm9tIFwiLi4vLi4vZW1iZWRkZWQtdmlldy1jb250ZW50LmNvbXBvbmVudFwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwic3YtbmctZWxlbWVudC10aXRsZVwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL2VsZW1lbnQtdGl0bGUuY29tcG9uZW50Lmh0bWxcIixcbiAgc3R5bGVVcmxzOiBbXCIuLi8uLi9oaWRlLWhvc3Quc2Nzc1wiXVxufSlcbmV4cG9ydCBjbGFzcyBFbGVtZW50VGl0bGVDb21wb25lbnQgZXh0ZW5kcyBFbWJlZGRlZFZpZXdDb250ZW50Q29tcG9uZW50IHtcbiAgQElucHV0KCkgZWxlbWVudDogYW55O1xufSIsIjxuZy10ZW1wbGF0ZSAjdGVtcGxhdGU+XG4gIDxzdi1uZy1keW5hbWljLWhlYWQgW3RhZ05hbWVdPVwiZWxlbWVudC50aXRsZVRhZ05hbWVcIiBbZWxlbWVudF09XCJlbGVtZW50XCIgKm5nSWY9XCJlbGVtZW50Lmhhc1RpdGxlXCI+XG4gICAgPHN2ZyAqbmdJZj1cIiFlbGVtZW50LmlzRXhwYW5kZWQgJiYgZWxlbWVudC5nZXRDc3NUaXRsZUV4cGFuZGFibGVTdmcoKVwiIFtpY29uTmFtZV09XCInaWNvbi1leHBhbmQtMTZ4MTYnXCIgW3BhcnRDc3NdPVwiZWxlbWVudC5nZXRDc3NUaXRsZUV4cGFuZGFibGVTdmcoKVwiIFtzaXplXT1cIicxNidcIiBzdi1uZy1zdmctaWNvbj48L3N2Zz5cbiAgICA8c3ZnICpuZ0lmPVwiZWxlbWVudC5pc0V4cGFuZGVkICYmIGVsZW1lbnQuZ2V0Q3NzVGl0bGVFeHBhbmRhYmxlU3ZnKClcIiBbaWNvbk5hbWVdPVwiJ2ljb24tY29sbGFwc2UtMTZ4MTYnXCIgW3BhcnRDc3NdPVwiZWxlbWVudC5nZXRDc3NUaXRsZUV4cGFuZGFibGVTdmcoKVwiIFtzaXplXT1cIicxNidcIiBzdi1uZy1zdmctaWNvbj48L3N2Zz5cbiAgICA8c3YtbmctZWxlbWVudC10aXRsZS1hY3Rpb25zIFtlbGVtZW50XT1cImVsZW1lbnRcIj48L3N2LW5nLWVsZW1lbnQtdGl0bGUtYWN0aW9ucz5cbiAgPC9zdi1uZy1keW5hbWljLWhlYWQ+XG48L25nLXRlbXBsYXRlPiJdfQ==

package/fesm2015/survey-angular-ui.js

@@ -501,6 +501,65 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }] } });
 
+class SvgIconComponent {
+    constructor(viewContaierRef) {
+        this.viewContaierRef = viewContaierRef;
+    }
+    createSvg() {
+        if (!!this.iconName) {
+            Survey.createSvg(this.size, this.width, this.height, this.iconName, this.viewContaierRef.element.nativeElement, this.title);
+        }
+    }
+    get rootClass() {
+        let className = "sv-svg-icon";
+        if (!this.css && !!this.partCss) {
+            className += " " + this.partCss;
+        }
+        else if (!!this.css) {
+            className = this.css;
+        }
+        return className;
+    }
+    get rootRole() {
+        return "img";
+    }
+    ngOnChanges() {
+        const el = this.viewContaierRef.element.nativeElement;
+        el.innerHTML = "";
+        el.appendChild(document.createElementNS("http://www.w3.org/2000/svg", "use"));
+        this.createSvg();
+    }
+}
+SvgIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SvgIconComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
+SvgIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SvgIconComponent, selector: "'[sv-ng-svg-icon]'", inputs: { size: "size", width: "width", height: "height", iconName: "iconName", partCss: "partCss", css: "css", title: "title" }, host: { properties: { "class": "this.rootClass", "[attr.role]": "this.rootRole" } }, usesOnChanges: true, ngImport: i0, template: "", isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SvgIconComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "'[sv-ng-svg-icon]'",
+                    template: ""
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; }, propDecorators: { size: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], iconName: [{
+                type: Input
+            }], partCss: [{
+                type: Input
+            }], css: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], rootClass: [{
+                type: HostBinding,
+                args: ["class"]
+            }], rootRole: [{
+                type: HostBinding,
+                args: ["[attr.role]"]
+            }] } });
+
 class SurveyStringComponent {
 }
 SurveyStringComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SurveyStringComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -536,7 +595,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
 class ElementTitleComponent extends EmbeddedViewContentComponent {
 }
 ElementTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ElementTitleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-ElementTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ElementTitleComponent, selector: "sv-ng-element-title", inputs: { element: "element" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n  <sv-ng-dynamic-head [tagName]=\"element.titleTagName\" [element]=\"element\" *ngIf=\"element.hasTitle\">\n    <sv-ng-element-title-actions [element]=\"element\"></sv-ng-element-title-actions>\n  </sv-ng-dynamic-head>\n</ng-template>", styles: [":host{display:none}\n"], components: [{ type: DynamicHeadComponent, selector: "sv-ng-dynamic-head", inputs: ["tagName", "element"] }, { type: ElementTitleActionsComponent, selector: "sv-ng-element-title-actions", inputs: ["element"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+ElementTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ElementTitleComponent, selector: "sv-ng-element-title", inputs: { element: "element" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n  <sv-ng-dynamic-head [tagName]=\"element.titleTagName\" [element]=\"element\" *ngIf=\"element.hasTitle\">\n    <svg *ngIf=\"!element.isExpanded && element.getCssTitleExpandableSvg()\" [iconName]=\"'icon-expand-16x16'\" [partCss]=\"element.getCssTitleExpandableSvg()\" [size]=\"'16'\" sv-ng-svg-icon></svg>\n    <svg *ngIf=\"element.isExpanded && element.getCssTitleExpandableSvg()\" [iconName]=\"'icon-collapse-16x16'\" [partCss]=\"element.getCssTitleExpandableSvg()\" [size]=\"'16'\" sv-ng-svg-icon></svg>\n    <sv-ng-element-title-actions [element]=\"element\"></sv-ng-element-title-actions>\n  </sv-ng-dynamic-head>\n</ng-template>", styles: [":host{display:none}\n"], components: [{ type: DynamicHeadComponent, selector: "sv-ng-dynamic-head", inputs: ["tagName", "element"] }, { type: SvgIconComponent, selector: "'[sv-ng-svg-icon]'", inputs: ["size", "width", "height", "iconName", "partCss", "css", "title"] }, { type: ElementTitleActionsComponent, selector: "sv-ng-element-title-actions", inputs: ["element"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ElementTitleComponent, decorators: [{
             type: Component,
             args: [{
@@ -922,65 +981,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }] } });
 
-class SvgIconComponent {
-    constructor(viewContaierRef) {
-        this.viewContaierRef = viewContaierRef;
-    }
-    createSvg() {
-        if (!!this.iconName) {
-            Survey.createSvg(this.size, this.width, this.height, this.iconName, this.viewContaierRef.element.nativeElement, this.title);
-        }
-    }
-    get rootClass() {
-        let className = "sv-svg-icon";
-        if (!this.css && !!this.partCss) {
-            className += " " + this.partCss;
-        }
-        else if (!!this.css) {
-            className = this.css;
-        }
-        return className;
-    }
-    get rootRole() {
-        return "img";
-    }
-    ngOnChanges() {
-        const el = this.viewContaierRef.element.nativeElement;
-        el.innerHTML = "";
-        el.appendChild(document.createElementNS("http://www.w3.org/2000/svg", "use"));
-        this.createSvg();
-    }
-}
-SvgIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SvgIconComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
-SvgIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SvgIconComponent, selector: "'[sv-ng-svg-icon]'", inputs: { size: "size", width: "width", height: "height", iconName: "iconName", partCss: "partCss", css: "css", title: "title" }, host: { properties: { "class": "this.rootClass", "[attr.role]": "this.rootRole" } }, usesOnChanges: true, ngImport: i0, template: "", isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SvgIconComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: "'[sv-ng-svg-icon]'",
-                    template: ""
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; }, propDecorators: { size: [{
-                type: Input
-            }], width: [{
-                type: Input
-            }], height: [{
-                type: Input
-            }], iconName: [{
-                type: Input
-            }], partCss: [{
-                type: Input
-            }], css: [{
-                type: Input
-            }], title: [{
-                type: Input
-            }], rootClass: [{
-                type: HostBinding,
-                args: ["class"]
-            }], rootRole: [{
-                type: HostBinding,
-                args: ["[attr.role]"]
-            }] } });
-
 class PopupSurveyComponent extends BaseAngular {
     constructor(changeDetectorRef) {
         super(changeDetectorRef);