survey-angular-ui 1.9.43 → 1.9.44

package/esm2020/components/element-header/element-header.component.mjs

@@ -0,0 +1,30 @@
+import { Component, HostBinding, HostListener, Input } from "@angular/core";
+import * as i0 from "@angular/core";
+import * as i1 from "../element-title/element-title.component";
+import * as i2 from "../../survey-string.component";
+import * as i3 from "@angular/common";
+export class ElementHeaderComponent {
+    constructor() {
+    }
+    get rootClass() {
+        return this.element.cssHeader;
+    }
+    click() {
+        this.element.clickTitleFunction();
+    }
+}
+ElementHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ElementHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ElementHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: ElementHeaderComponent, selector: "'[sv-ng-element-header]'", inputs: { element: "element" }, host: { listeners: { "click": "click()" }, properties: { "class": "this.rootClass" } }, ngImport: i0, template: "<sv-ng-element-title [element]=\"element\"></sv-ng-element-title>\n<div *ngIf=\"element.hasDescriptionUnderTitle\" [class]=\"element.cssDescription\" [model]=\"element.locDescription\" sv-ng-string></div>", components: [{ type: i1.ElementTitleComponent, selector: "sv-ng-element-title", inputs: ["element"] }, { type: i2.SurveyStringComponent, selector: "sv-ng-string, '[sv-ng-string]'", inputs: ["model"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ElementHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "'[sv-ng-element-header]'", template: "<sv-ng-element-title [element]=\"element\"></sv-ng-element-title>\n<div *ngIf=\"element.hasDescriptionUnderTitle\" [class]=\"element.cssDescription\" [model]=\"element.locDescription\" sv-ng-string></div>" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { element: [{
+                type: Input
+            }], rootClass: [{
+                type: HostBinding,
+                args: ["class"]
+            }], click: [{
+                type: HostListener,
+                args: ["click"]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWxlbWVudC1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvc3VydmV5LWFuZ3VsYXItdWkvc3JjL2NvbXBvbmVudHMvZWxlbWVudC1oZWFkZXIvZWxlbWVudC1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvc3VydmV5LWFuZ3VsYXItdWkvc3JjL2NvbXBvbmVudHMvZWxlbWVudC1oZWFkZXIvZWxlbWVudC1oZWFkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFNNUUsTUFBTSxPQUFPLHNCQUFzQjtJQUVqQztJQUNBLENBQUM7SUFDRCxJQUEwQixTQUFTO1FBQ2pDLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUM7SUFDaEMsQ0FBQztJQUNzQixLQUFLO1FBQzFCLElBQUksQ0FBQyxPQUFPLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztJQUNwQyxDQUFDOzttSEFUVSxzQkFBc0I7dUdBQXRCLHNCQUFzQix3TENObkMsOE1BQ21JOzJGREt0SCxzQkFBc0I7a0JBSmxDLFNBQVM7K0JBQ0UsMEJBQTBCOzBFQUkzQixPQUFPO3NCQUFmLEtBQUs7Z0JBR29CLFNBQVM7c0JBQWxDLFdBQVc7dUJBQUMsT0FBTztnQkFHRyxLQUFLO3NCQUEzQixZQUFZO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBIb3N0TGlzdGVuZXIsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcIidbc3YtbmctZWxlbWVudC1oZWFkZXJdJ1wiLFxuICB0ZW1wbGF0ZVVybDogXCIuL2VsZW1lbnQtaGVhZGVyLmNvbXBvbmVudC5odG1sXCJcbn0pXG5leHBvcnQgY2xhc3MgRWxlbWVudEhlYWRlckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGVsZW1lbnQ6IGFueTtcbiAgY29uc3RydWN0b3IoKSB7XG4gIH1cbiAgQEhvc3RCaW5kaW5nKFwiY2xhc3NcIikgZ2V0IHJvb3RDbGFzcygpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLmVsZW1lbnQuY3NzSGVhZGVyO1xuICB9XG4gIEBIb3N0TGlzdGVuZXIoXCJjbGlja1wiKSBjbGljaygpOiB2b2lkIHtcbiAgICB0aGlzLmVsZW1lbnQuY2xpY2tUaXRsZUZ1bmN0aW9uKCk7XG4gIH1cbn0iLCI8c3YtbmctZWxlbWVudC10aXRsZSBbZWxlbWVudF09XCJlbGVtZW50XCI+PC9zdi1uZy1lbGVtZW50LXRpdGxlPlxuPGRpdiAqbmdJZj1cImVsZW1lbnQuaGFzRGVzY3JpcHRpb25VbmRlclRpdGxlXCIgW2NsYXNzXT1cImVsZW1lbnQuY3NzRGVzY3JpcHRpb25cIiBbbW9kZWxdPVwiZWxlbWVudC5sb2NEZXNjcmlwdGlvblwiIHN2LW5nLXN0cmluZz48L2Rpdj4iXX0=

package/esm2020/components/element-title/dynamic-head.component.mjs

@@ -0,0 +1,20 @@
+import { Component, Input } from "@angular/core";
+import { EmbeddedViewContentComponent } from "../../embedded-view-content.component";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class DynamicHeadComponent extends EmbeddedViewContentComponent {
+    get ariaLabel() {
+        return this.element.getType() !== "radiogroup" ? this.element.locTitle.renderedHtml : null;
+    }
+}
+DynamicHeadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: DynamicHeadComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DynamicHeadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: DynamicHeadComponent, selector: "sv-ng-dynamic-head", inputs: { tagName: "tagName", element: "element" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n  <ng-container [ngSwitch]=\"tagName\">\n    <h1 *ngSwitchCase=\"'h1'\" [class]=\"element.cssTitle\" [id]=\"element.ariaTitleId\" [attr.tabindex]=\"element.titleTabIndex\" [attr.aria-expanded]=\"element.titleAriaExpanded\" [attr.aria-label]=\"ariaLabel\"><ng-container *ngTemplateOutlet=\"titleContent\"></ng-container></h1>\n    <h2 *ngSwitchCase=\"'h2'\"[class]=\"element.cssTitle\" [id]=\"element.ariaTitleId\" [attr.tabindex]=\"element.titleTabIndex\" [attr.aria-expanded]=\"element.titleAriaExpanded\" [attr.aria-label]=\"ariaLabel\"><ng-container *ngTemplateOutlet=\"titleContent\"></ng-container></h2>\n    <h3 *ngSwitchCase=\"'h3'\"[class]=\"element.cssTitle\" [id]=\"element.ariaTitleId\" [attr.tabindex]=\"element.titleTabIndex\" [attr.aria-expanded]=\"element.titleAriaExpanded\" [attr.aria-label]=\"ariaLabel\"><ng-container *ngTemplateOutlet=\"titleContent\"></ng-container></h3>\n    <h4 *ngSwitchCase=\"'h4'\"[class]=\"element.cssTitle\" [id]=\"element.ariaTitleId\" [attr.tabindex]=\"element.titleTabIndex\" [attr.aria-expanded]=\"element.titleAriaExpanded\" [attr.aria-label]=\"ariaLabel\"><ng-container *ngTemplateOutlet=\"titleContent\"></ng-container></h4>\n    <h5 *ngSwitchCase=\"'h5'\"[class]=\"element.cssTitle\" [id]=\"element.ariaTitleId\" [attr.tabindex]=\"element.titleTabIndex\" [attr.aria-expanded]=\"element.titleAriaExpanded\" [attr.aria-label]=\"ariaLabel\"><ng-container *ngTemplateOutlet=\"titleContent\"></ng-container></h5>\n    <h6 *ngSwitchCase=\"'h6'\"[class]=\"element.cssTitle\" [id]=\"element.ariaTitleId\" [attr.tabindex]=\"element.titleTabIndex\" [attr.aria-expanded]=\"element.titleAriaExpanded\" [attr.aria-label]=\"ariaLabel\"><ng-container *ngTemplateOutlet=\"titleContent\"></ng-container></h6>\n  </ng-container>\n  <ng-template #titleContent>\n    <ng-content></ng-content>\n  </ng-template>\n</ng-template>", styles: [":host{display:none}\n"], directives: [{ type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: DynamicHeadComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "sv-ng-dynamic-head", template: "<ng-template #template>\n  <ng-container [ngSwitch]=\"tagName\">\n    <h1 *ngSwitchCase=\"'h1'\" [class]=\"element.cssTitle\" [id]=\"element.ariaTitleId\" [attr.tabindex]=\"element.titleTabIndex\" [attr.aria-expanded]=\"element.titleAriaExpanded\" [attr.aria-label]=\"ariaLabel\"><ng-container *ngTemplateOutlet=\"titleContent\"></ng-container></h1>\n    <h2 *ngSwitchCase=\"'h2'\"[class]=\"element.cssTitle\" [id]=\"element.ariaTitleId\" [attr.tabindex]=\"element.titleTabIndex\" [attr.aria-expanded]=\"element.titleAriaExpanded\" [attr.aria-label]=\"ariaLabel\"><ng-container *ngTemplateOutlet=\"titleContent\"></ng-container></h2>\n    <h3 *ngSwitchCase=\"'h3'\"[class]=\"element.cssTitle\" [id]=\"element.ariaTitleId\" [attr.tabindex]=\"element.titleTabIndex\" [attr.aria-expanded]=\"element.titleAriaExpanded\" [attr.aria-label]=\"ariaLabel\"><ng-container *ngTemplateOutlet=\"titleContent\"></ng-container></h3>\n    <h4 *ngSwitchCase=\"'h4'\"[class]=\"element.cssTitle\" [id]=\"element.ariaTitleId\" [attr.tabindex]=\"element.titleTabIndex\" [attr.aria-expanded]=\"element.titleAriaExpanded\" [attr.aria-label]=\"ariaLabel\"><ng-container *ngTemplateOutlet=\"titleContent\"></ng-container></h4>\n    <h5 *ngSwitchCase=\"'h5'\"[class]=\"element.cssTitle\" [id]=\"element.ariaTitleId\" [attr.tabindex]=\"element.titleTabIndex\" [attr.aria-expanded]=\"element.titleAriaExpanded\" [attr.aria-label]=\"ariaLabel\"><ng-container *ngTemplateOutlet=\"titleContent\"></ng-container></h5>\n    <h6 *ngSwitchCase=\"'h6'\"[class]=\"element.cssTitle\" [id]=\"element.ariaTitleId\" [attr.tabindex]=\"element.titleTabIndex\" [attr.aria-expanded]=\"element.titleAriaExpanded\" [attr.aria-label]=\"ariaLabel\"><ng-container *ngTemplateOutlet=\"titleContent\"></ng-container></h6>\n  </ng-container>\n  <ng-template #titleContent>\n    <ng-content></ng-content>\n  </ng-template>\n</ng-template>", styles: [":host{display:none}\n"] }]
+        }], propDecorators: { tagName: [{
+                type: Input
+            }], element: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1oZWFkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL3N1cnZleS1hbmd1bGFyLXVpL3NyYy9jb21wb25lbnRzL2VsZW1lbnQtdGl0bGUvZHluYW1pYy1oZWFkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL3N1cnZleS1hbmd1bGFyLXVpL3NyYy9jb21wb25lbnRzL2VsZW1lbnQtdGl0bGUvZHluYW1pYy1oZWFkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDOzs7QUFRckYsTUFBTSxPQUFPLG9CQUFxQixTQUFRLDRCQUE0QjtJQUdwRSxJQUFJLFNBQVM7UUFDWCxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxFQUFFLEtBQUssWUFBWSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztJQUM3RixDQUFDOztpSEFMVSxvQkFBb0I7cUdBQXBCLG9CQUFvQixxSUNUakMsODFEQVljOzJGREhELG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDRSxvQkFBb0I7OEJBS3JCLE9BQU87c0JBQWYsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IEVtYmVkZGVkVmlld0NvbnRlbnRDb21wb25lbnQgfSBmcm9tIFwiLi4vLi4vZW1iZWRkZWQtdmlldy1jb250ZW50LmNvbXBvbmVudFwiO1xuaW1wb3J0IHsgU3VydmV5RWxlbWVudCB9IGZyb20gXCJzdXJ2ZXktY29yZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwic3YtbmctZHluYW1pYy1oZWFkXCIsXG4gIHRlbXBsYXRlVXJsOiBcIi4vZHluYW1pYy1oZWFkLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsczogW1wiLi4vLi4vaGlkZS1ob3N0LnNjc3NcIl1cbn0pXG5leHBvcnQgY2xhc3MgRHluYW1pY0hlYWRDb21wb25lbnQgZXh0ZW5kcyBFbWJlZGRlZFZpZXdDb250ZW50Q29tcG9uZW50IHtcbiAgQElucHV0KCkgdGFnTmFtZSE6IHN0cmluZztcbiAgQElucHV0KCkgZWxlbWVudCE6IFN1cnZleUVsZW1lbnQ7XG4gIGdldCBhcmlhTGFiZWwoKTogc3RyaW5nIHwgbnVsbCB7XG4gICAgcmV0dXJuIHRoaXMuZWxlbWVudC5nZXRUeXBlKCkgIT09IFwicmFkaW9ncm91cFwiID8gdGhpcy5lbGVtZW50LmxvY1RpdGxlLnJlbmRlcmVkSHRtbCA6IG51bGw7XG4gIH1cbn0iLCI8bmctdGVtcGxhdGUgI3RlbXBsYXRlPlxuICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJ0YWdOYW1lXCI+XG4gICAgPGgxICpuZ1N3aXRjaENhc2U9XCInaDEnXCIgW2NsYXNzXT1cImVsZW1lbnQuY3NzVGl0bGVcIiBbaWRdPVwiZWxlbWVudC5hcmlhVGl0bGVJZFwiIFthdHRyLnRhYmluZGV4XT1cImVsZW1lbnQudGl0bGVUYWJJbmRleFwiIFthdHRyLmFyaWEtZXhwYW5kZWRdPVwiZWxlbWVudC50aXRsZUFyaWFFeHBhbmRlZFwiIFthdHRyLmFyaWEtbGFiZWxdPVwiYXJpYUxhYmVsXCI+PG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRpdGxlQ29udGVudFwiPjwvbmctY29udGFpbmVyPjwvaDE+XG4gICAgPGgyICpuZ1N3aXRjaENhc2U9XCInaDInXCJbY2xhc3NdPVwiZWxlbWVudC5jc3NUaXRsZVwiIFtpZF09XCJlbGVtZW50LmFyaWFUaXRsZUlkXCIgW2F0dHIudGFiaW5kZXhdPVwiZWxlbWVudC50aXRsZVRhYkluZGV4XCIgW2F0dHIuYXJpYS1leHBhbmRlZF09XCJlbGVtZW50LnRpdGxlQXJpYUV4cGFuZGVkXCIgW2F0dHIuYXJpYS1sYWJlbF09XCJhcmlhTGFiZWxcIj48bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGl0bGVDb250ZW50XCI+PC9uZy1jb250YWluZXI+PC9oMj5cbiAgICA8aDMgKm5nU3dpdGNoQ2FzZT1cIidoMydcIltjbGFzc109XCJlbGVtZW50LmNzc1RpdGxlXCIgW2lkXT1cImVsZW1lbnQuYXJpYVRpdGxlSWRcIiBbYXR0ci50YWJpbmRleF09XCJlbGVtZW50LnRpdGxlVGFiSW5kZXhcIiBbYXR0ci5hcmlhLWV4cGFuZGVkXT1cImVsZW1lbnQudGl0bGVBcmlhRXhwYW5kZWRcIiBbYXR0ci5hcmlhLWxhYmVsXT1cImFyaWFMYWJlbFwiPjxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0aXRsZUNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj48L2gzPlxuICAgIDxoNCAqbmdTd2l0Y2hDYXNlPVwiJ2g0J1wiW2NsYXNzXT1cImVsZW1lbnQuY3NzVGl0bGVcIiBbaWRdPVwiZWxlbWVudC5hcmlhVGl0bGVJZFwiIFthdHRyLnRhYmluZGV4XT1cImVsZW1lbnQudGl0bGVUYWJJbmRleFwiIFthdHRyLmFyaWEtZXhwYW5kZWRdPVwiZWxlbWVudC50aXRsZUFyaWFFeHBhbmRlZFwiIFthdHRyLmFyaWEtbGFiZWxdPVwiYXJpYUxhYmVsXCI+PG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRpdGxlQ29udGVudFwiPjwvbmctY29udGFpbmVyPjwvaDQ+XG4gICAgPGg1ICpuZ1N3aXRjaENhc2U9XCInaDUnXCJbY2xhc3NdPVwiZWxlbWVudC5jc3NUaXRsZVwiIFtpZF09XCJlbGVtZW50LmFyaWFUaXRsZUlkXCIgW2F0dHIudGFiaW5kZXhdPVwiZWxlbWVudC50aXRsZVRhYkluZGV4XCIgW2F0dHIuYXJpYS1leHBhbmRlZF09XCJlbGVtZW50LnRpdGxlQXJpYUV4cGFuZGVkXCIgW2F0dHIuYXJpYS1sYWJlbF09XCJhcmlhTGFiZWxcIj48bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGl0bGVDb250ZW50XCI+PC9uZy1jb250YWluZXI+PC9oNT5cbiAgICA8aDYgKm5nU3dpdGNoQ2FzZT1cIidoNidcIltjbGFzc109XCJlbGVtZW50LmNzc1RpdGxlXCIgW2lkXT1cImVsZW1lbnQuYXJpYVRpdGxlSWRcIiBbYXR0ci50YWJpbmRleF09XCJlbGVtZW50LnRpdGxlVGFiSW5kZXhcIiBbYXR0ci5hcmlhLWV4cGFuZGVkXT1cImVsZW1lbnQudGl0bGVBcmlhRXhwYW5kZWRcIiBbYXR0ci5hcmlhLWxhYmVsXT1cImFyaWFMYWJlbFwiPjxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0aXRsZUNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj48L2g2PlxuICA8L25nLWNvbnRhaW5lcj5cbiAgPG5nLXRlbXBsYXRlICN0aXRsZUNvbnRlbnQ+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L25nLXRlbXBsYXRlPlxuPC9uZy10ZW1wbGF0ZT4iXX0=

package/esm2020/components/element-title/element-title.component.mjs

@@ -0,0 +1,18 @@
+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 "../action-bar/action-bar.component";
+import * as i3 from "../../survey-string.component";
+import * as i4 from "@angular/common";
+export class ElementTitleComponent extends EmbeddedViewContentComponent {
+}
+ElementTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ElementTitleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+ElementTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", 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    <ng-container *ngIf=\"!element.hasTitleActions\">\n      <ng-container *ngTemplateOutlet=\"elementTitleContent\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"element.hasTitleActions\">\n      <div class=\"sv-title-actions\">\n        <span class=\"sv-title-actions__title\">\n          <ng-container *ngTemplateOutlet=\"elementTitleContent\"></ng-container>\n        </span>\n        <sv-ng-action-bar [model]=\"element.getTitleToolbar()\"></sv-ng-action-bar>\n      </div>\n    </ng-container>\n  </sv-ng-dynamic-head>\n  <ng-template #elementTitleContent>\n    <sv-ng-string *ngIf=\"!element.isTitleOwner\" [model]=\"element.locTitle\"></sv-ng-string>\n    <ng-container *ngIf=\"element.isTitleOwner\">\n      <span\n        *ngIf=\"element.isTitleOwner && element.isRequireTextOnStart\"\n        [class]=\"element.cssClasses.requiredText\"\n        [attr.aria-hidden]=\"true\"\n        >{{ element.requiredText }}</span>\n      <span\n        *ngIf=\"element.isTitleOwner && element.no\"\n        style=\"position: static\"\n        [class]=\"element.cssClasses.number\"\n        [attr.aria-hidden]=\"true\"\n        >{{ element.no }}</span>\n      <span *ngIf=\"element.isTitleOwner && element.no\">&nbsp;</span>\n      <span\n        *ngIf=\"element.isTitleOwner && element.isRequireTextBeforeTitle\"\n        [class]=\"element.cssClasses.requiredText\"\n        [attr.aria-hidden]=\"true\"\n        >{{ element.requiredText }}</span>\n      <span *ngIf=\"element.isTitleOwner && element.isRequireTextBeforeTitle\">&nbsp;</span>\n      <sv-ng-string *ngIf=\"element.isTitleOwner\" [model]=\"element.locTitle\"></sv-ng-string>\n      <span *ngIf=\"element.isTitleOwner && element.isRequireTextAfterTitle\">&nbsp;</span>\n      <span\n        *ngIf=\"element.isTitleOwner && element.isRequireTextAfterTitle\"\n        [class]=\"element.cssClasses.requiredText\"\n        [attr.aria-hidden]=\"true\"\n        >{{ element.requiredText }}</span> \n  </ng-container>\n  </ng-template>\n</ng-template>", styles: [":host{display:none}\n"], components: [{ type: i1.DynamicHeadComponent, selector: "sv-ng-dynamic-head", inputs: ["tagName", "element"] }, { type: i2.ActionBarComponent, selector: "sv-action-bar, sv-ng-action-bar", inputs: ["model", "handleClick"] }, { type: i3.SurveyStringComponent, selector: "sv-ng-string, '[sv-ng-string]'", inputs: ["model"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ElementTitleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "sv-ng-element-title", template: "<ng-template #template>\n  <sv-ng-dynamic-head [tagName]=\"element.titleTagName\" [element]=\"element\" *ngIf=\"element.hasTitle\">\n    <ng-container *ngIf=\"!element.hasTitleActions\">\n      <ng-container *ngTemplateOutlet=\"elementTitleContent\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"element.hasTitleActions\">\n      <div class=\"sv-title-actions\">\n        <span class=\"sv-title-actions__title\">\n          <ng-container *ngTemplateOutlet=\"elementTitleContent\"></ng-container>\n        </span>\n        <sv-ng-action-bar [model]=\"element.getTitleToolbar()\"></sv-ng-action-bar>\n      </div>\n    </ng-container>\n  </sv-ng-dynamic-head>\n  <ng-template #elementTitleContent>\n    <sv-ng-string *ngIf=\"!element.isTitleOwner\" [model]=\"element.locTitle\"></sv-ng-string>\n    <ng-container *ngIf=\"element.isTitleOwner\">\n      <span\n        *ngIf=\"element.isTitleOwner && element.isRequireTextOnStart\"\n        [class]=\"element.cssClasses.requiredText\"\n        [attr.aria-hidden]=\"true\"\n        >{{ element.requiredText }}</span>\n      <span\n        *ngIf=\"element.isTitleOwner && element.no\"\n        style=\"position: static\"\n        [class]=\"element.cssClasses.number\"\n        [attr.aria-hidden]=\"true\"\n        >{{ element.no }}</span>\n      <span *ngIf=\"element.isTitleOwner && element.no\">&nbsp;</span>\n      <span\n        *ngIf=\"element.isTitleOwner && element.isRequireTextBeforeTitle\"\n        [class]=\"element.cssClasses.requiredText\"\n        [attr.aria-hidden]=\"true\"\n        >{{ element.requiredText }}</span>\n      <span *ngIf=\"element.isTitleOwner && element.isRequireTextBeforeTitle\">&nbsp;</span>\n      <sv-ng-string *ngIf=\"element.isTitleOwner\" [model]=\"element.locTitle\"></sv-ng-string>\n      <span *ngIf=\"element.isTitleOwner && element.isRequireTextAfterTitle\">&nbsp;</span>\n      <span\n        *ngIf=\"element.isTitleOwner && element.isRequireTextAfterTitle\"\n        [class]=\"element.cssClasses.requiredText\"\n        [attr.aria-hidden]=\"true\"\n        >{{ element.requiredText }}</span> \n  </ng-container>\n  </ng-template>\n</ng-template>", styles: [":host{display:none}\n"] }]
+        }], propDecorators: { element: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWxlbWVudC10aXRsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9zdXJ2ZXktYW5ndWxhci11aS9zcmMvY29tcG9uZW50cy9lbGVtZW50LXRpdGxlL2VsZW1lbnQtdGl0bGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvc3VydmV5LWFuZ3VsYXItdWkvc3JjL2NvbXBvbmVudHMvZWxlbWVudC10aXRsZS9lbGVtZW50LXRpdGxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDOzs7Ozs7QUFPckYsTUFBTSxPQUFPLHFCQUFzQixTQUFRLDRCQUE0Qjs7a0hBQTFELHFCQUFxQjtzR0FBckIscUJBQXFCLGtIQ1JsQyw2bUVBNENjOzJGRHBDRCxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0UscUJBQXFCOzhCQUt0QixPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IEVtYmVkZGVkVmlld0NvbnRlbnRDb21wb25lbnQgfSBmcm9tIFwiLi4vLi4vZW1iZWRkZWQtdmlldy1jb250ZW50LmNvbXBvbmVudFwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwic3YtbmctZWxlbWVudC10aXRsZVwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL2VsZW1lbnQtdGl0bGUuY29tcG9uZW50Lmh0bWxcIixcbiAgc3R5bGVVcmxzOiBbXCIuLi8uLi9oaWRlLWhvc3Quc2Nzc1wiXVxufSlcbmV4cG9ydCBjbGFzcyBFbGVtZW50VGl0bGVDb21wb25lbnQgZXh0ZW5kcyBFbWJlZGRlZFZpZXdDb250ZW50Q29tcG9uZW50IHtcbiAgQElucHV0KCkgZWxlbWVudDogYW55O1xufSIsIjxuZy10ZW1wbGF0ZSAjdGVtcGxhdGU+XG4gIDxzdi1uZy1keW5hbWljLWhlYWQgW3RhZ05hbWVdPVwiZWxlbWVudC50aXRsZVRhZ05hbWVcIiBbZWxlbWVudF09XCJlbGVtZW50XCIgKm5nSWY9XCJlbGVtZW50Lmhhc1RpdGxlXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFlbGVtZW50Lmhhc1RpdGxlQWN0aW9uc1wiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImVsZW1lbnRUaXRsZUNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiZWxlbWVudC5oYXNUaXRsZUFjdGlvbnNcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzdi10aXRsZS1hY3Rpb25zXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic3YtdGl0bGUtYWN0aW9uc19fdGl0bGVcIj5cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiZWxlbWVudFRpdGxlQ29udGVudFwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICA8L3NwYW4+XG4gICAgICAgIDxzdi1uZy1hY3Rpb24tYmFyIFttb2RlbF09XCJlbGVtZW50LmdldFRpdGxlVG9vbGJhcigpXCI+PC9zdi1uZy1hY3Rpb24tYmFyPlxuICAgICAgPC9kaXY+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvc3YtbmctZHluYW1pYy1oZWFkPlxuICA8bmctdGVtcGxhdGUgI2VsZW1lbnRUaXRsZUNvbnRlbnQ+XG4gICAgPHN2LW5nLXN0cmluZyAqbmdJZj1cIiFlbGVtZW50LmlzVGl0bGVPd25lclwiIFttb2RlbF09XCJlbGVtZW50LmxvY1RpdGxlXCI+PC9zdi1uZy1zdHJpbmc+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImVsZW1lbnQuaXNUaXRsZU93bmVyXCI+XG4gICAgICA8c3BhblxuICAgICAgICAqbmdJZj1cImVsZW1lbnQuaXNUaXRsZU93bmVyICYmIGVsZW1lbnQuaXNSZXF1aXJlVGV4dE9uU3RhcnRcIlxuICAgICAgICBbY2xhc3NdPVwiZWxlbWVudC5jc3NDbGFzc2VzLnJlcXVpcmVkVGV4dFwiXG4gICAgICAgIFthdHRyLmFyaWEtaGlkZGVuXT1cInRydWVcIlxuICAgICAgICA+e3sgZWxlbWVudC5yZXF1aXJlZFRleHQgfX08L3NwYW4+XG4gICAgICA8c3BhblxuICAgICAgICAqbmdJZj1cImVsZW1lbnQuaXNUaXRsZU93bmVyICYmIGVsZW1lbnQubm9cIlxuICAgICAgICBzdHlsZT1cInBvc2l0aW9uOiBzdGF0aWNcIlxuICAgICAgICBbY2xhc3NdPVwiZWxlbWVudC5jc3NDbGFzc2VzLm51bWJlclwiXG4gICAgICAgIFthdHRyLmFyaWEtaGlkZGVuXT1cInRydWVcIlxuICAgICAgICA+e3sgZWxlbWVudC5ubyB9fTwvc3Bhbj5cbiAgICAgIDxzcGFuICpuZ0lmPVwiZWxlbWVudC5pc1RpdGxlT3duZXIgJiYgZWxlbWVudC5ub1wiPiZuYnNwOzwvc3Bhbj5cbiAgICAgIDxzcGFuXG4gICAgICAgICpuZ0lmPVwiZWxlbWVudC5pc1RpdGxlT3duZXIgJiYgZWxlbWVudC5pc1JlcXVpcmVUZXh0QmVmb3JlVGl0bGVcIlxuICAgICAgICBbY2xhc3NdPVwiZWxlbWVudC5jc3NDbGFzc2VzLnJlcXVpcmVkVGV4dFwiXG4gICAgICAgIFthdHRyLmFyaWEtaGlkZGVuXT1cInRydWVcIlxuICAgICAgICA+e3sgZWxlbWVudC5yZXF1aXJlZFRleHQgfX08L3NwYW4+XG4gICAgICA8c3BhbiAqbmdJZj1cImVsZW1lbnQuaXNUaXRsZU93bmVyICYmIGVsZW1lbnQuaXNSZXF1aXJlVGV4dEJlZm9yZVRpdGxlXCI+Jm5ic3A7PC9zcGFuPlxuICAgICAgPHN2LW5nLXN0cmluZyAqbmdJZj1cImVsZW1lbnQuaXNUaXRsZU93bmVyXCIgW21vZGVsXT1cImVsZW1lbnQubG9jVGl0bGVcIj48L3N2LW5nLXN0cmluZz5cbiAgICAgIDxzcGFuICpuZ0lmPVwiZWxlbWVudC5pc1RpdGxlT3duZXIgJiYgZWxlbWVudC5pc1JlcXVpcmVUZXh0QWZ0ZXJUaXRsZVwiPiZuYnNwOzwvc3Bhbj5cbiAgICAgIDxzcGFuXG4gICAgICAgICpuZ0lmPVwiZWxlbWVudC5pc1RpdGxlT3duZXIgJiYgZWxlbWVudC5pc1JlcXVpcmVUZXh0QWZ0ZXJUaXRsZVwiXG4gICAgICAgIFtjbGFzc109XCJlbGVtZW50LmNzc0NsYXNzZXMucmVxdWlyZWRUZXh0XCJcbiAgICAgICAgW2F0dHIuYXJpYS1oaWRkZW5dPVwidHJ1ZVwiXG4gICAgICAgID57eyBlbGVtZW50LnJlcXVpcmVkVGV4dCB9fTwvc3Bhbj4gXG4gIDwvbmctY29udGFpbmVyPlxuICA8L25nLXRlbXBsYXRlPlxuPC9uZy10ZW1wbGF0ZT4iXX0=

package/esm2020/components/list/list-item.component.mjs

@@ -0,0 +1,44 @@
+import { Component, Input } from "@angular/core";
+import { BaseAngular } from "../../base-angular";
+import { AngularComponentFactory } from "../../component-factory";
+import * as i0 from "@angular/core";
+import * as i1 from "../svg-icon/svg-icon.component";
+import * as i2 from "../../utils/ng-key2click.directive";
+import * as i3 from "../../utils/ng-show.directive";
+import * as i4 from "@angular/common";
+import * as i5 from "../../utils/dynamic.directive";
+export class ListItemComponent extends BaseAngular {
+    get ariaSelected() {
+        return this.listModel.isItemSelected(this.model) || "";
+    }
+    get class() {
+        return this.listModel.getItemClass(this.model);
+    }
+    get paddingLeft() {
+        return this.listModel.getItemIndent(this.model);
+    }
+    click(event) {
+        this.listModel.onItemClick(this.model);
+        event.stopPropagation();
+    }
+    pointerdown(event) {
+        this.listModel.onPointerDown(event, this.model);
+    }
+    getModel() {
+        return this.model;
+    }
+}
+ListItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ListItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+ListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: ListItemComponent, selector: "sv-ng-list-item, '[sv-ng-list-item]'", inputs: { element: "element", model: "model", listModel: "listModel" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n  <li role=\"option\" [key2click] [visible]=\"listModel.isItemVisible(model)\" [class]=\"class\" [style.paddingLeft]=\"paddingLeft\" [attr.aria-selected]=\"ariaSelected\" (click)=\"click($event)\" (pointerdown)=\"pointerdown($event)\">\n    <ng-container *ngIf=\"!model.component\">\n      <svg *ngIf=\"model.iconName\" class=\"sv-list__item-icon\" [iconName]=\"model.iconName\" [size]=\"24\"\n        sv-ng-svg-icon></svg>\n      <span>{{ model.title }}</span>\n    </ng-container>\n    <ng-container *ngIf=\"model.component\">\n      <ng-template [component]=\"{ name: model.component, data: { model: model } }\"></ng-template>\n    </ng-container>\n  </li>\n</ng-template>", styles: [":host{display:none}\n"], components: [{ type: i1.SvgIconComponent, selector: "'[sv-ng-svg-icon]'", inputs: ["size", "width", "height", "iconName", "partCss", "css", "title"] }], directives: [{ type: i2.Key2ClickDirective, selector: "[key2click]", inputs: ["key2click"] }, { type: i3.VisibleDirective, selector: "[visible]", inputs: ["visible"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.DynamicComponentDirective, selector: "[component]", inputs: ["component"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ListItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "sv-ng-list-item, '[sv-ng-list-item]'", template: "<ng-template #template>\n  <li role=\"option\" [key2click] [visible]=\"listModel.isItemVisible(model)\" [class]=\"class\" [style.paddingLeft]=\"paddingLeft\" [attr.aria-selected]=\"ariaSelected\" (click)=\"click($event)\" (pointerdown)=\"pointerdown($event)\">\n    <ng-container *ngIf=\"!model.component\">\n      <svg *ngIf=\"model.iconName\" class=\"sv-list__item-icon\" [iconName]=\"model.iconName\" [size]=\"24\"\n        sv-ng-svg-icon></svg>\n      <span>{{ model.title }}</span>\n    </ng-container>\n    <ng-container *ngIf=\"model.component\">\n      <ng-template [component]=\"{ name: model.component, data: { model: model } }\"></ng-template>\n    </ng-container>\n  </li>\n</ng-template>", styles: [":host{display:none}\n"] }]
+        }], propDecorators: { element: [{
+                type: Input
+            }], model: [{
+                type: Input
+            }], listModel: [{
+                type: Input
+            }] } });
+AngularComponentFactory.Instance.registerComponent("sv-list-item", ListItemComponent);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL3N1cnZleS1hbmd1bGFyLXVpL3NyYy9jb21wb25lbnRzL2xpc3QvbGlzdC1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL3N1cnZleS1hbmd1bGFyLXVpL3NyYy9jb21wb25lbnRzL2xpc3QvbGlzdC1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWpELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNqRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7Ozs7OztBQVFsRSxNQUFNLE9BQU8saUJBQWtCLFNBQVEsV0FBVztJQUtoRCxJQUFJLFlBQVk7UUFDZCxPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDekQsQ0FBQztJQUNELElBQUksS0FBSztRQUNQLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2pELENBQUM7SUFDRCxJQUFJLFdBQVc7UUFDYixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNsRCxDQUFDO0lBQ0QsS0FBSyxDQUFDLEtBQVU7UUFDZCxJQUFJLENBQUMsU0FBUyxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDdkMsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQzFCLENBQUM7SUFDRCxXQUFXLENBQUMsS0FBVTtRQUNwQixJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2xELENBQUM7SUFFRCxRQUFRO1FBQ04sT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3BCLENBQUM7OzhHQXhCVSxpQkFBaUI7a0dBQWpCLGlCQUFpQiwyS0NYOUIsOHJCQVdjOzJGREFELGlCQUFpQjtrQkFON0IsU0FBUzsrQkFDRSxzQ0FBc0M7OEJBTXZDLE9BQU87c0JBQWYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSzs7QUF3QlIsdUJBQXVCLENBQUMsUUFBUSxDQUFDLGlCQUFpQixDQUFDLGNBQWMsRUFBRSxpQkFBaUIsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBMaXN0TW9kZWwsIEFjdGlvbiB9IGZyb20gXCJzdXJ2ZXktY29yZVwiO1xuaW1wb3J0IHsgQmFzZUFuZ3VsYXIgfSBmcm9tIFwiLi4vLi4vYmFzZS1hbmd1bGFyXCI7XG5pbXBvcnQgeyBBbmd1bGFyQ29tcG9uZW50RmFjdG9yeSB9IGZyb20gXCIuLi8uLi9jb21wb25lbnQtZmFjdG9yeVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwic3YtbmctbGlzdC1pdGVtLCAnW3N2LW5nLWxpc3QtaXRlbV0nXCIsXG4gIHRlbXBsYXRlVXJsOiBcIi4vbGlzdC1pdGVtLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsczogW1wiLi4vLi4vaGlkZS1ob3N0LnNjc3NcIl0sXG59KVxuXG5leHBvcnQgY2xhc3MgTGlzdEl0ZW1Db21wb25lbnQgZXh0ZW5kcyBCYXNlQW5ndWxhciB7XG4gIEBJbnB1dCgpIGVsZW1lbnQ6IGFueTtcbiAgQElucHV0KCkgbW9kZWwhOiBBY3Rpb247XG4gIEBJbnB1dCgpIGxpc3RNb2RlbCE6IExpc3RNb2RlbDtcblxuICBnZXQgYXJpYVNlbGVjdGVkKCk6IGJvb2xlYW4gfCBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLmxpc3RNb2RlbC5pc0l0ZW1TZWxlY3RlZCh0aGlzLm1vZGVsKSB8fCBcIlwiO1xuICB9XG4gIGdldCBjbGFzcygpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLmxpc3RNb2RlbC5nZXRJdGVtQ2xhc3ModGhpcy5tb2RlbCk7XG4gIH1cbiAgZ2V0IHBhZGRpbmdMZWZ0KCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMubGlzdE1vZGVsLmdldEl0ZW1JbmRlbnQodGhpcy5tb2RlbCk7XG4gIH1cbiAgY2xpY2soZXZlbnQ6IGFueSk6IHZvaWQge1xuICAgIHRoaXMubGlzdE1vZGVsLm9uSXRlbUNsaWNrKHRoaXMubW9kZWwpO1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICB9XG4gIHBvaW50ZXJkb3duKGV2ZW50OiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLmxpc3RNb2RlbC5vblBvaW50ZXJEb3duKGV2ZW50LCB0aGlzLm1vZGVsKTtcbiAgfVxuXG4gIGdldE1vZGVsKCkge1xuICAgIHJldHVybiB0aGlzLm1vZGVsO1xuICB9XG59XG5cbkFuZ3VsYXJDb21wb25lbnRGYWN0b3J5Lkluc3RhbmNlLnJlZ2lzdGVyQ29tcG9uZW50KFwic3YtbGlzdC1pdGVtXCIsIExpc3RJdGVtQ29tcG9uZW50KTsiLCI8bmctdGVtcGxhdGUgI3RlbXBsYXRlPlxuICA8bGkgcm9sZT1cIm9wdGlvblwiIFtrZXkyY2xpY2tdIFt2aXNpYmxlXT1cImxpc3RNb2RlbC5pc0l0ZW1WaXNpYmxlKG1vZGVsKVwiIFtjbGFzc109XCJjbGFzc1wiIFtzdHlsZS5wYWRkaW5nTGVmdF09XCJwYWRkaW5nTGVmdFwiIFthdHRyLmFyaWEtc2VsZWN0ZWRdPVwiYXJpYVNlbGVjdGVkXCIgKGNsaWNrKT1cImNsaWNrKCRldmVudClcIiAocG9pbnRlcmRvd24pPVwicG9pbnRlcmRvd24oJGV2ZW50KVwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhbW9kZWwuY29tcG9uZW50XCI+XG4gICAgICA8c3ZnICpuZ0lmPVwibW9kZWwuaWNvbk5hbWVcIiBjbGFzcz1cInN2LWxpc3RfX2l0ZW0taWNvblwiIFtpY29uTmFtZV09XCJtb2RlbC5pY29uTmFtZVwiIFtzaXplXT1cIjI0XCJcbiAgICAgICAgc3Ytbmctc3ZnLWljb24+PC9zdmc+XG4gICAgICA8c3Bhbj57eyBtb2RlbC50aXRsZSB9fTwvc3Bhbj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwibW9kZWwuY29tcG9uZW50XCI+XG4gICAgICA8bmctdGVtcGxhdGUgW2NvbXBvbmVudF09XCJ7IG5hbWU6IG1vZGVsLmNvbXBvbmVudCwgZGF0YTogeyBtb2RlbDogbW9kZWwgfSB9XCI+PC9uZy10ZW1wbGF0ZT5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgPC9saT5cbjwvbmctdGVtcGxhdGU+Il19

package/esm2020/components/list/list.component.mjs

@@ -0,0 +1,32 @@
+import { Component, Input } from "@angular/core";
+import { BaseAngular } from "../../base-angular";
+import { AngularComponentFactory } from "../../component-factory";
+import * as i0 from "@angular/core";
+import * as i1 from "../svg-icon/svg-icon.component";
+import * as i2 from "./list-item.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+export class ListComponent extends BaseAngular {
+    getModel() {
+        return this.model;
+    }
+    onGoToItems(event) {
+        this.model.goToItems(event);
+    }
+    onMouseDown(event) {
+        event.preventDefault();
+    }
+    onKeyDown(event) {
+        this.model.onKeyDown(event);
+    }
+}
+ListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: ListComponent, selector: "sv-ng-list, '[sv-ng-list]'", inputs: { model: "model" }, usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n    <div class=\"sv-list__container\">\n        <div *ngIf=\"model.needFilter\" class=\"sv-list__filter\">\n            <div class=\"sv-list__filter-icon\">\n                <svg class=\"sv-list__item-icon\" [iconName]=\"'icon-search'\" [size]=\"24\" sv-ng-svg-icon></svg>\n            </div>\n            <input type=\"text\" class=\"sv-list__input\" [(ngModel)]=\"model.filteredText\"\n                [attr.aria-label]=\"model.filteredTextPlaceholder || ''\"\n                [attr.placeholder]=\"model.filteredTextPlaceholder || ''\"\n                (keyup)=\"onGoToItems($event)\" />\n        </div>\n        <ul class=\"sv-list\" role=\"listbox\" (mousedown)=\"onMouseDown($event)\" (keydown)=\"onKeyDown($event)\">\n            <sv-ng-list-item *ngFor=\"let item of model.renderedActions\" [listModel]=\"model\" [model]=\"item\"></sv-ng-list-item>\n            <!--ko foreach: model.renderedActions -->\n            <!-- ko component: { name: 'sv-list-item', params: { item: $data, model: $parent.model } } -->\n            <!-- /ko -->\n            <!-- /ko -->\n        </ul>\n    </div>\n</ng-template>", styles: [":host{display:none}\n"], components: [{ type: i1.SvgIconComponent, selector: "'[sv-ng-svg-icon]'", inputs: ["size", "width", "height", "iconName", "partCss", "css", "title"] }, { type: i2.ListItemComponent, selector: "sv-ng-list-item, '[sv-ng-list-item]'", inputs: ["element", "model", "listModel"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "sv-ng-list, '[sv-ng-list]'", template: "<ng-template #template>\n    <div class=\"sv-list__container\">\n        <div *ngIf=\"model.needFilter\" class=\"sv-list__filter\">\n            <div class=\"sv-list__filter-icon\">\n                <svg class=\"sv-list__item-icon\" [iconName]=\"'icon-search'\" [size]=\"24\" sv-ng-svg-icon></svg>\n            </div>\n            <input type=\"text\" class=\"sv-list__input\" [(ngModel)]=\"model.filteredText\"\n                [attr.aria-label]=\"model.filteredTextPlaceholder || ''\"\n                [attr.placeholder]=\"model.filteredTextPlaceholder || ''\"\n                (keyup)=\"onGoToItems($event)\" />\n        </div>\n        <ul class=\"sv-list\" role=\"listbox\" (mousedown)=\"onMouseDown($event)\" (keydown)=\"onKeyDown($event)\">\n            <sv-ng-list-item *ngFor=\"let item of model.renderedActions\" [listModel]=\"model\" [model]=\"item\"></sv-ng-list-item>\n            <!--ko foreach: model.renderedActions -->\n            <!-- ko component: { name: 'sv-list-item', params: { item: $data, model: $parent.model } } -->\n            <!-- /ko -->\n            <!-- /ko -->\n        </ul>\n    </div>\n</ng-template>", styles: [":host{display:none}\n"] }]
+        }], propDecorators: { model: [{
+                type: Input
+            }] } });
+AngularComponentFactory.Instance.registerComponent("sv-list", ListComponent);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9zdXJ2ZXktYW5ndWxhci11aS9zcmMvY29tcG9uZW50cy9saXN0L2xpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvc3VydmV5LWFuZ3VsYXItdWkvc3JjL2NvbXBvbmVudHMvbGlzdC9saXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNqRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7Ozs7O0FBT2xFLE1BQU0sT0FBTyxhQUFjLFNBQVEsV0FBVztJQUc1QyxRQUFRO1FBQ04sT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3BCLENBQUM7SUFDRCxXQUFXLENBQUMsS0FBWTtRQUN0QixJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM5QixDQUFDO0lBQ0QsV0FBVyxDQUFDLEtBQVk7UUFDdEIsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFDRCxTQUFTLENBQUMsS0FBWTtRQUNwQixJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM5QixDQUFDOzswR0FkVSxhQUFhOzhGQUFiLGFBQWEscUhDVDFCLG9uQ0FtQmM7MkZEVkQsYUFBYTtrQkFMekIsU0FBUzsrQkFDRSw0QkFBNEI7OEJBSzdCLEtBQUs7c0JBQWIsS0FBSzs7QUFnQlIsdUJBQXVCLENBQUMsUUFBUSxDQUFDLGlCQUFpQixDQUFDLFNBQVMsRUFBRSxhQUFhLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQmFzZUFuZ3VsYXIgfSBmcm9tIFwiLi4vLi4vYmFzZS1hbmd1bGFyXCI7XG5pbXBvcnQgeyBBbmd1bGFyQ29tcG9uZW50RmFjdG9yeSB9IGZyb20gXCIuLi8uLi9jb21wb25lbnQtZmFjdG9yeVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwic3YtbmctbGlzdCwgJ1tzdi1uZy1saXN0XSdcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9saXN0LmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsczogW1wiLi4vLi4vaGlkZS1ob3N0LnNjc3NcIl1cbn0pXG5leHBvcnQgY2xhc3MgTGlzdENvbXBvbmVudCBleHRlbmRzIEJhc2VBbmd1bGFyIHtcbiAgQElucHV0KCkgbW9kZWw6IGFueTtcblxuICBnZXRNb2RlbCgpIHtcbiAgICByZXR1cm4gdGhpcy5tb2RlbDtcbiAgfVxuICBvbkdvVG9JdGVtcyhldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICB0aGlzLm1vZGVsLmdvVG9JdGVtcyhldmVudCk7XG4gIH1cbiAgb25Nb3VzZURvd24oZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgfVxuICBvbktleURvd24oZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgdGhpcy5tb2RlbC5vbktleURvd24oZXZlbnQpO1xuICB9XG59XG5cbkFuZ3VsYXJDb21wb25lbnRGYWN0b3J5Lkluc3RhbmNlLnJlZ2lzdGVyQ29tcG9uZW50KFwic3YtbGlzdFwiLCBMaXN0Q29tcG9uZW50KTsiLCI8bmctdGVtcGxhdGUgI3RlbXBsYXRlPlxuICAgIDxkaXYgY2xhc3M9XCJzdi1saXN0X19jb250YWluZXJcIj5cbiAgICAgICAgPGRpdiAqbmdJZj1cIm1vZGVsLm5lZWRGaWx0ZXJcIiBjbGFzcz1cInN2LWxpc3RfX2ZpbHRlclwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInN2LWxpc3RfX2ZpbHRlci1pY29uXCI+XG4gICAgICAgICAgICAgICAgPHN2ZyBjbGFzcz1cInN2LWxpc3RfX2l0ZW0taWNvblwiIFtpY29uTmFtZV09XCInaWNvbi1zZWFyY2gnXCIgW3NpemVdPVwiMjRcIiBzdi1uZy1zdmctaWNvbj48L3N2Zz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGlucHV0IHR5cGU9XCJ0ZXh0XCIgY2xhc3M9XCJzdi1saXN0X19pbnB1dFwiIFsobmdNb2RlbCldPVwibW9kZWwuZmlsdGVyZWRUZXh0XCJcbiAgICAgICAgICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cIm1vZGVsLmZpbHRlcmVkVGV4dFBsYWNlaG9sZGVyIHx8ICcnXCJcbiAgICAgICAgICAgICAgICBbYXR0ci5wbGFjZWhvbGRlcl09XCJtb2RlbC5maWx0ZXJlZFRleHRQbGFjZWhvbGRlciB8fCAnJ1wiXG4gICAgICAgICAgICAgICAgKGtleXVwKT1cIm9uR29Ub0l0ZW1zKCRldmVudClcIiAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPHVsIGNsYXNzPVwic3YtbGlzdFwiIHJvbGU9XCJsaXN0Ym94XCIgKG1vdXNlZG93bik9XCJvbk1vdXNlRG93bigkZXZlbnQpXCIgKGtleWRvd24pPVwib25LZXlEb3duKCRldmVudClcIj5cbiAgICAgICAgICAgIDxzdi1uZy1saXN0LWl0ZW0gKm5nRm9yPVwibGV0IGl0ZW0gb2YgbW9kZWwucmVuZGVyZWRBY3Rpb25zXCIgW2xpc3RNb2RlbF09XCJtb2RlbFwiIFttb2RlbF09XCJpdGVtXCI+PC9zdi1uZy1saXN0LWl0ZW0+XG4gICAgICAgICAgICA8IS0ta28gZm9yZWFjaDogbW9kZWwucmVuZGVyZWRBY3Rpb25zIC0tPlxuICAgICAgICAgICAgPCEtLSBrbyBjb21wb25lbnQ6IHsgbmFtZTogJ3N2LWxpc3QtaXRlbScsIHBhcmFtczogeyBpdGVtOiAkZGF0YSwgbW9kZWw6ICRwYXJlbnQubW9kZWwgfSB9IC0tPlxuICAgICAgICAgICAgPCEtLSAva28gLS0+XG4gICAgICAgICAgICA8IS0tIC9rbyAtLT5cbiAgICAgICAgPC91bD5cbiAgICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+Il19

package/esm2020/components/matrix-actions/detail-button/detail-button.component.mjs

@@ -0,0 +1,25 @@
+import { Component, Input } from "@angular/core";
+import { AngularComponentFactory } from "../../../component-factory";
+import * as i0 from "@angular/core";
+import * as i1 from "../../svg-icon/svg-icon.component";
+export class MatrixDetailButtonComponent {
+    get question() {
+        return this.model.data.question;
+    }
+    get row() {
+        return this.model.data.row;
+    }
+    getModel() {
+        return this.model;
+    }
+}
+MatrixDetailButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MatrixDetailButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MatrixDetailButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: MatrixDetailButtonComponent, selector: "sv-ng-matrix-detail-btn", inputs: { model: "model" }, ngImport: i0, template: "<button type=\"button\" [class]=\"question.getDetailPanelButtonCss(row)\" (click)=\"row.showHideDetailPanelClick()\"\n  [attr.aria-expanded]=\"question.getIsDetailPanelShowing(row) ? 'true' : 'false'\"\n  [attr.aria-controls]=\"question.getIsDetailPanelShowing(row) ? row.detailPanelId : null\">\n  <svg [class]=\"this.question.getDetailPanelIconCss(this.row)\" \n    [iconName]=\"this.question.getDetailPanelIconId(this.row)\" [size]=\"'auto'\" sv-ng-svg-icon>\n  </svg>\n</button>", components: [{ type: i1.SvgIconComponent, selector: "'[sv-ng-svg-icon]'", inputs: ["size", "width", "height", "iconName", "partCss", "css", "title"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MatrixDetailButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "sv-ng-matrix-detail-btn", template: "<button type=\"button\" [class]=\"question.getDetailPanelButtonCss(row)\" (click)=\"row.showHideDetailPanelClick()\"\n  [attr.aria-expanded]=\"question.getIsDetailPanelShowing(row) ? 'true' : 'false'\"\n  [attr.aria-controls]=\"question.getIsDetailPanelShowing(row) ? row.detailPanelId : null\">\n  <svg [class]=\"this.question.getDetailPanelIconCss(this.row)\" \n    [iconName]=\"this.question.getDetailPanelIconId(this.row)\" [size]=\"'auto'\" sv-ng-svg-icon>\n  </svg>\n</button>" }]
+        }], propDecorators: { model: [{
+                type: Input
+            }] } });
+AngularComponentFactory.Instance.registerComponent("sv-matrix-detail-button", MatrixDetailButtonComponent);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGV0YWlsLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9zdXJ2ZXktYW5ndWxhci11aS9zcmMvY29tcG9uZW50cy9tYXRyaXgtYWN0aW9ucy9kZXRhaWwtYnV0dG9uL2RldGFpbC1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvc3VydmV5LWFuZ3VsYXItdWkvc3JjL2NvbXBvbmVudHMvbWF0cml4LWFjdGlvbnMvZGV0YWlsLWJ1dHRvbi9kZXRhaWwtYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDOzs7QUFRckUsTUFBTSxPQUFPLDJCQUEyQjtJQUd0QyxJQUFJLFFBQVE7UUFDVixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUNsQyxDQUFDO0lBRUQsSUFBSSxHQUFHO1FBQ0wsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUM7SUFDN0IsQ0FBQztJQUVELFFBQVE7UUFDTixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDcEIsQ0FBQzs7d0hBYlUsMkJBQTJCOzRHQUEzQiwyQkFBMkIsMkZDVHhDLG9lQU1TOzJGREdJLDJCQUEyQjtrQkFKdkMsU0FBUzsrQkFDRSx5QkFBeUI7OEJBSW5CLEtBQUs7c0JBQXBCLEtBQUs7O0FBZVIsdUJBQXVCLENBQUMsUUFBUSxDQUFDLGlCQUFpQixDQUFDLHlCQUF5QixFQUFFLDJCQUEyQixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IEFuZ3VsYXJDb21wb25lbnRGYWN0b3J5IH0gZnJvbSBcIi4uLy4uLy4uL2NvbXBvbmVudC1mYWN0b3J5XCI7XG5pbXBvcnQgeyBBY3Rpb24gfSBmcm9tIFwic3VydmV5LWNvcmVcIjtcbmltcG9ydCB7IEJhc2UgfSBmcm9tIFwic3VydmV5LWNvcmVcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcInN2LW5nLW1hdHJpeC1kZXRhaWwtYnRuXCIsXG4gIHRlbXBsYXRlVXJsOiBcIi4vZGV0YWlsLWJ1dHRvbi5jb21wb25lbnQuaHRtbFwiXG59KVxuZXhwb3J0IGNsYXNzIE1hdHJpeERldGFpbEJ1dHRvbkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHB1YmxpYyBtb2RlbCE6IEFjdGlvbjtcblxuICBnZXQgcXVlc3Rpb24oKSB7XG4gICAgcmV0dXJuIHRoaXMubW9kZWwuZGF0YS5xdWVzdGlvbjtcbiAgfVxuXG4gIGdldCByb3coKSB7XG4gICAgcmV0dXJuIHRoaXMubW9kZWwuZGF0YS5yb3c7XG4gIH1cblxuICBnZXRNb2RlbCgpOiBCYXNlIHtcbiAgICByZXR1cm4gdGhpcy5tb2RlbDtcbiAgfVxufVxuXG5Bbmd1bGFyQ29tcG9uZW50RmFjdG9yeS5JbnN0YW5jZS5yZWdpc3RlckNvbXBvbmVudChcInN2LW1hdHJpeC1kZXRhaWwtYnV0dG9uXCIsIE1hdHJpeERldGFpbEJ1dHRvbkNvbXBvbmVudCk7XG4iLCI8YnV0dG9uIHR5cGU9XCJidXR0b25cIiBbY2xhc3NdPVwicXVlc3Rpb24uZ2V0RGV0YWlsUGFuZWxCdXR0b25Dc3Mocm93KVwiIChjbGljayk9XCJyb3cuc2hvd0hpZGVEZXRhaWxQYW5lbENsaWNrKClcIlxuICBbYXR0ci5hcmlhLWV4cGFuZGVkXT1cInF1ZXN0aW9uLmdldElzRGV0YWlsUGFuZWxTaG93aW5nKHJvdykgPyAndHJ1ZScgOiAnZmFsc2UnXCJcbiAgW2F0dHIuYXJpYS1jb250cm9sc109XCJxdWVzdGlvbi5nZXRJc0RldGFpbFBhbmVsU2hvd2luZyhyb3cpID8gcm93LmRldGFpbFBhbmVsSWQgOiBudWxsXCI+XG4gIDxzdmcgW2NsYXNzXT1cInRoaXMucXVlc3Rpb24uZ2V0RGV0YWlsUGFuZWxJY29uQ3NzKHRoaXMucm93KVwiIFxuICAgIFtpY29uTmFtZV09XCJ0aGlzLnF1ZXN0aW9uLmdldERldGFpbFBhbmVsSWNvbklkKHRoaXMucm93KVwiIFtzaXplXT1cIidhdXRvJ1wiIHN2LW5nLXN2Zy1pY29uPlxuICA8L3N2Zz5cbjwvYnV0dG9uPiJdfQ==

package/esm2020/components/matrix-actions/drag-drop-icon/drag-drop-icon.mjs

@@ -0,0 +1,24 @@
+import { Component, Input } from "@angular/core";
+import { AngularComponentFactory } from "../../../component-factory";
+import * as i0 from "@angular/core";
+export class MatrixDynamicDragDropIconComponent {
+    get question() {
+        return this.model.data.question;
+    }
+    getModel() {
+        return this.model;
+    }
+}
+MatrixDynamicDragDropIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MatrixDynamicDragDropIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MatrixDynamicDragDropIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: MatrixDynamicDragDropIconComponent, selector: "sv-ng-drag-drop-icon", inputs: { model: "model" }, ngImport: i0, template: "<span [class]='question.cssClasses.iconDrag'></span>", isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MatrixDynamicDragDropIconComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: "<span [class]='question.cssClasses.iconDrag'></span>",
+                    selector: "sv-ng-drag-drop-icon"
+                }]
+        }], propDecorators: { model: [{
+                type: Input
+            }] } });
+AngularComponentFactory.Instance.registerComponent("sv-matrix-drag-drop-icon", MatrixDynamicDragDropIconComponent);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhZy1kcm9wLWljb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9zdXJ2ZXktYW5ndWxhci11aS9zcmMvY29tcG9uZW50cy9tYXRyaXgtYWN0aW9ucy9kcmFnLWRyb3AtaWNvbi9kcmFnLWRyb3AtaWNvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7QUFRckUsTUFBTSxPQUFPLGtDQUFrQztJQUc3QyxJQUFJLFFBQVE7UUFDVixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUNsQyxDQUFDO0lBRUQsUUFBUTtRQUNOLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztJQUNwQixDQUFDOzsrSEFUVSxrQ0FBa0M7bUhBQWxDLGtDQUFrQyx3RkFIbkMsc0RBQXNEOzJGQUdyRCxrQ0FBa0M7a0JBSjlDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHNEQUFzRDtvQkFDaEUsUUFBUSxFQUFFLHNCQUFzQjtpQkFDakM7OEJBRWlCLEtBQUs7c0JBQXBCLEtBQUs7O0FBV1IsdUJBQXVCLENBQUMsUUFBUSxDQUFDLGlCQUFpQixDQUNoRCwwQkFBMEIsRUFDMUIsa0NBQWtDLENBQ25DLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IEFuZ3VsYXJDb21wb25lbnRGYWN0b3J5IH0gZnJvbSBcIi4uLy4uLy4uL2NvbXBvbmVudC1mYWN0b3J5XCI7XG5pbXBvcnQgeyBBY3Rpb24gfSBmcm9tIFwic3VydmV5LWNvcmVcIjtcbmltcG9ydCB7IEJhc2UgfSBmcm9tIFwic3VydmV5LWNvcmVcIjtcblxuQENvbXBvbmVudCh7XG4gIHRlbXBsYXRlOiBcIjxzcGFuIFtjbGFzc109J3F1ZXN0aW9uLmNzc0NsYXNzZXMuaWNvbkRyYWcnPjwvc3Bhbj5cIixcbiAgc2VsZWN0b3I6IFwic3YtbmctZHJhZy1kcm9wLWljb25cIlxufSlcbmV4cG9ydCBjbGFzcyBNYXRyaXhEeW5hbWljRHJhZ0Ryb3BJY29uQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcHVibGljIG1vZGVsITogQWN0aW9uO1xuXG4gIGdldCBxdWVzdGlvbigpIHtcbiAgICByZXR1cm4gdGhpcy5tb2RlbC5kYXRhLnF1ZXN0aW9uO1xuICB9XG5cbiAgZ2V0TW9kZWwoKTogQmFzZSB7XG4gICAgcmV0dXJuIHRoaXMubW9kZWw7XG4gIH1cbn1cblxuQW5ndWxhckNvbXBvbmVudEZhY3RvcnkuSW5zdGFuY2UucmVnaXN0ZXJDb21wb25lbnQoXG4gIFwic3YtbWF0cml4LWRyYWctZHJvcC1pY29uXCIsXG4gIE1hdHJpeER5bmFtaWNEcmFnRHJvcEljb25Db21wb25lbnRcbik7XG4iXX0=

package/esm2020/components/matrix-actions/remove-button/remove-button.component.mjs

@@ -0,0 +1,25 @@
+import { Component, Input } from "@angular/core";
+import { AngularComponentFactory } from "../../../component-factory";
+import * as i0 from "@angular/core";
+import * as i1 from "../../../survey-string.component";
+export class MatrixDynamicRemoveButtonComponent {
+    get question() {
+        return this.model.data.question;
+    }
+    get row() {
+        return this.model.data.row;
+    }
+    getModel() {
+        return this.model;
+    }
+}
+MatrixDynamicRemoveButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MatrixDynamicRemoveButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MatrixDynamicRemoveButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: MatrixDynamicRemoveButtonComponent, selector: "sv-ng-matrix-remove-btn", inputs: { model: "model" }, ngImport: i0, template: "<button type=\"button\" [class]=\"question.getRemoveRowButtonCss()\" [disabled]=\"question.isInputReadOnly\" (click)=\"question.removeRowUI(row)\">\n  <sv-ng-string [model]=\"question.locRemoveRowText\" ></sv-ng-string>\n  <span [class]=\"question.cssClasses.iconRemove\"></span>\n</button>", components: [{ type: i1.SurveyStringComponent, selector: "sv-ng-string, '[sv-ng-string]'", inputs: ["model"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MatrixDynamicRemoveButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "sv-ng-matrix-remove-btn", template: "<button type=\"button\" [class]=\"question.getRemoveRowButtonCss()\" [disabled]=\"question.isInputReadOnly\" (click)=\"question.removeRowUI(row)\">\n  <sv-ng-string [model]=\"question.locRemoveRowText\" ></sv-ng-string>\n  <span [class]=\"question.cssClasses.iconRemove\"></span>\n</button>" }]
+        }], propDecorators: { model: [{
+                type: Input
+            }] } });
+AngularComponentFactory.Instance.registerComponent("sv-matrix-remove-button", MatrixDynamicRemoveButtonComponent);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVtb3ZlLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9zdXJ2ZXktYW5ndWxhci11aS9zcmMvY29tcG9uZW50cy9tYXRyaXgtYWN0aW9ucy9yZW1vdmUtYnV0dG9uL3JlbW92ZS1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvc3VydmV5LWFuZ3VsYXItdWkvc3JjL2NvbXBvbmVudHMvbWF0cml4LWFjdGlvbnMvcmVtb3ZlLWJ1dHRvbi9yZW1vdmUtYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDOzs7QUFPckUsTUFBTSxPQUFPLGtDQUFrQztJQUc3QyxJQUFJLFFBQVE7UUFDVixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUNsQyxDQUFDO0lBRUQsSUFBSSxHQUFHO1FBQ0wsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUM7SUFDN0IsQ0FBQztJQUVELFFBQVE7UUFDTixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDcEIsQ0FBQzs7K0hBYlUsa0NBQWtDO21IQUFsQyxrQ0FBa0MsMkZDUi9DLG9TQUdTOzJGREtJLGtDQUFrQztrQkFKOUMsU0FBUzsrQkFDRSx5QkFBeUI7OEJBSTFCLEtBQUs7c0JBQWIsS0FBSzs7QUFlUix1QkFBdUIsQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQ2hELHlCQUF5QixFQUN6QixrQ0FBa0MsQ0FDbkMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQW5ndWxhckNvbXBvbmVudEZhY3RvcnkgfSBmcm9tIFwiLi4vLi4vLi4vY29tcG9uZW50LWZhY3RvcnlcIjtcbmltcG9ydCB7IEFjdGlvbiwgQmFzZSB9IGZyb20gXCJzdXJ2ZXktY29yZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwic3YtbmctbWF0cml4LXJlbW92ZS1idG5cIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9yZW1vdmUtYnV0dG9uLmNvbXBvbmVudC5odG1sXCJcbn0pXG5leHBvcnQgY2xhc3MgTWF0cml4RHluYW1pY1JlbW92ZUJ1dHRvbkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIG1vZGVsITogQWN0aW9uO1xuXG4gIGdldCBxdWVzdGlvbigpIHtcbiAgICByZXR1cm4gdGhpcy5tb2RlbC5kYXRhLnF1ZXN0aW9uO1xuICB9XG5cbiAgZ2V0IHJvdygpIHtcbiAgICByZXR1cm4gdGhpcy5tb2RlbC5kYXRhLnJvdztcbiAgfVxuXG4gIGdldE1vZGVsKCk6IEJhc2Uge1xuICAgIHJldHVybiB0aGlzLm1vZGVsO1xuICB9XG59XG5cbkFuZ3VsYXJDb21wb25lbnRGYWN0b3J5Lkluc3RhbmNlLnJlZ2lzdGVyQ29tcG9uZW50KFxuICBcInN2LW1hdHJpeC1yZW1vdmUtYnV0dG9uXCIsXG4gIE1hdHJpeER5bmFtaWNSZW1vdmVCdXR0b25Db21wb25lbnRcbik7XG4iLCI8YnV0dG9uIHR5cGU9XCJidXR0b25cIiBbY2xhc3NdPVwicXVlc3Rpb24uZ2V0UmVtb3ZlUm93QnV0dG9uQ3NzKClcIiBbZGlzYWJsZWRdPVwicXVlc3Rpb24uaXNJbnB1dFJlYWRPbmx5XCIgKGNsaWNrKT1cInF1ZXN0aW9uLnJlbW92ZVJvd1VJKHJvdylcIj5cbiAgPHN2LW5nLXN0cmluZyBbbW9kZWxdPVwicXVlc3Rpb24ubG9jUmVtb3ZlUm93VGV4dFwiID48L3N2LW5nLXN0cmluZz5cbiAgPHNwYW4gW2NsYXNzXT1cInF1ZXN0aW9uLmNzc0NsYXNzZXMuaWNvblJlbW92ZVwiPjwvc3Bhbj5cbjwvYnV0dG9uPiJdfQ==

package/esm2020/components/paneldynamic-actions/paneldynamic-add-btn.component.mjs

@@ -0,0 +1,35 @@
+import { AngularComponentFactory } from "../../component-factory";
+import { Component, Input } from "@angular/core";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class PaneldynamicAction {
+    get question() {
+        return (this.model && this.model.data.question) || this.data.question;
+    }
+}
+PaneldynamicAction.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: PaneldynamicAction, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PaneldynamicAction.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: PaneldynamicAction, selector: "ng-component", inputs: { data: "data", model: "model" }, ngImport: i0, template: "", isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: PaneldynamicAction, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "",
+                    template: ""
+                }]
+        }], propDecorators: { data: [{
+                type: Input
+            }], model: [{
+                type: Input
+            }] } });
+export class PanelDynamicAddBtn extends PaneldynamicAction {
+    addPanelClick() {
+        this.question.addPanelUI();
+    }
+}
+PanelDynamicAddBtn.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: PanelDynamicAddBtn, deps: null, target: i0.ɵɵFactoryTarget.Component });
+PanelDynamicAddBtn.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: PanelDynamicAddBtn, selector: "sv-ng-paneldynamic-add-btn", usesInheritance: true, ngImport: i0, template: "<button type=\"button\" *ngIf=\"question.canAddPanel\" [class]=\"question.getAddButtonCss()\" (click)=\"addPanelClick()\">\n<span [class]=\"question.cssClasses.buttonAddText\">{{question.panelAddText}}</span>\n</button>", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: PanelDynamicAddBtn, decorators: [{
+            type: Component,
+            args: [{ selector: "sv-ng-paneldynamic-add-btn", template: "<button type=\"button\" *ngIf=\"question.canAddPanel\" [class]=\"question.getAddButtonCss()\" (click)=\"addPanelClick()\">\n<span [class]=\"question.cssClasses.buttonAddText\">{{question.panelAddText}}</span>\n</button>" }]
+        }] });
+AngularComponentFactory.Instance.registerComponent("sv-paneldynamic-add-btn", PanelDynamicAddBtn);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFuZWxkeW5hbWljLWFkZC1idG4uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvc3VydmV5LWFuZ3VsYXItdWkvc3JjL2NvbXBvbmVudHMvcGFuZWxkeW5hbWljLWFjdGlvbnMvcGFuZWxkeW5hbWljLWFkZC1idG4uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvc3VydmV5LWFuZ3VsYXItdWkvc3JjL2NvbXBvbmVudHMvcGFuZWxkeW5hbWljLWFjdGlvbnMvcGFuZWxkeW5hbWljLWFkZC1idG4uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDbEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU1qRCxNQUFNLE9BQU8sa0JBQWtCO0lBRzdCLElBQVcsUUFBUTtRQUNqQixPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN4RSxDQUFDOzsrR0FMVSxrQkFBa0I7bUdBQWxCLGtCQUFrQiw4RkFGbkIsRUFBRTsyRkFFRCxrQkFBa0I7a0JBSjlCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLEVBQUU7b0JBQ1osUUFBUSxFQUFFLEVBQUU7aUJBQ2I7OEJBRVUsSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSzs7QUFVUixNQUFNLE9BQU8sa0JBQW1CLFNBQVEsa0JBQWtCO0lBQ3hELGFBQWE7UUFDWCxJQUFJLENBQUMsUUFBUSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQzdCLENBQUM7OytHQUhVLGtCQUFrQjttR0FBbEIsa0JBQWtCLHlGQ3BCL0IsNk5BRVM7MkZEa0JJLGtCQUFrQjtrQkFKOUIsU0FBUzsrQkFDRSw0QkFBNEI7O0FBUXhDLHVCQUF1QixDQUFDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyx5QkFBeUIsRUFBRSxrQkFBa0IsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWN0aW9uLCBRdWVzdGlvblBhbmVsRHluYW1pY01vZGVsIH0gZnJvbSBcInN1cnZleS1jb3JlXCI7XG5pbXBvcnQgeyBBbmd1bGFyQ29tcG9uZW50RmFjdG9yeSB9IGZyb20gXCIuLi8uLi9jb21wb25lbnQtZmFjdG9yeVwiO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJcIixcbiAgdGVtcGxhdGU6IFwiXCJcbn0pXG5leHBvcnQgY2xhc3MgUGFuZWxkeW5hbWljQWN0aW9uIHtcbiAgQElucHV0KCkgZGF0YTogYW55O1xuICBASW5wdXQoKSBtb2RlbCE6IEFjdGlvbjtcbiAgcHVibGljIGdldCBxdWVzdGlvbigpOiBRdWVzdGlvblBhbmVsRHluYW1pY01vZGVsIHtcbiAgICByZXR1cm4gKHRoaXMubW9kZWwgJiYgdGhpcy5tb2RlbC5kYXRhLnF1ZXN0aW9uKSB8fCB0aGlzLmRhdGEucXVlc3Rpb247XG4gIH1cbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcInN2LW5nLXBhbmVsZHluYW1pYy1hZGQtYnRuXCIsXG4gIHRlbXBsYXRlVXJsOiBcIi4vcGFuZWxkeW5hbWljLWFkZC1idG4uY29tcG9uZW50Lmh0bWxcIlxufSlcbmV4cG9ydCBjbGFzcyBQYW5lbER5bmFtaWNBZGRCdG4gZXh0ZW5kcyBQYW5lbGR5bmFtaWNBY3Rpb24ge1xuICBhZGRQYW5lbENsaWNrKCkge1xuICAgIHRoaXMucXVlc3Rpb24uYWRkUGFuZWxVSSgpO1xuICB9XG59XG5Bbmd1bGFyQ29tcG9uZW50RmFjdG9yeS5JbnN0YW5jZS5yZWdpc3RlckNvbXBvbmVudChcInN2LXBhbmVsZHluYW1pYy1hZGQtYnRuXCIsIFBhbmVsRHluYW1pY0FkZEJ0bik7IiwiPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgKm5nSWY9XCJxdWVzdGlvbi5jYW5BZGRQYW5lbFwiIFtjbGFzc109XCJxdWVzdGlvbi5nZXRBZGRCdXR0b25Dc3MoKVwiIChjbGljayk9XCJhZGRQYW5lbENsaWNrKClcIj5cbjxzcGFuIFtjbGFzc109XCJxdWVzdGlvbi5jc3NDbGFzc2VzLmJ1dHRvbkFkZFRleHRcIj57e3F1ZXN0aW9uLnBhbmVsQWRkVGV4dH19PC9zcGFuPlxuPC9idXR0b24+Il19

package/esm2020/components/paneldynamic-actions/paneldynamic-next-btn.component.mjs

@@ -0,0 +1,18 @@
+import { Component } from "@angular/core";
+import { AngularComponentFactory } from "../../component-factory";
+import { PaneldynamicAction } from "./paneldynamic-add-btn.component";
+import * as i0 from "@angular/core";
+import * as i1 from "../svg-icon/svg-icon.component";
+export class PanelDynamicNextBtn extends PaneldynamicAction {
+    nextPanelClick() {
+        this.question.goToNextPanel();
+    }
+}
+PanelDynamicNextBtn.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: PanelDynamicNextBtn, deps: null, target: i0.ɵɵFactoryTarget.Component });
+PanelDynamicNextBtn.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: PanelDynamicNextBtn, selector: "sv-ng-paneldynamic-next-btn", usesInheritance: true, ngImport: i0, template: "<div [attr.title]=\"question.panelNextText\" (click)=\"nextPanelClick()\" [class]=\"question.getNextButtonCss()\">\n  <svg [iconName]=\"question.cssClasses.progressBtnIcon\" [size]=\"'auto'\" sv-ng-svg-icon></svg>\n</div>", components: [{ type: i1.SvgIconComponent, selector: "'[sv-ng-svg-icon]'", inputs: ["size", "width", "height", "iconName", "partCss", "css", "title"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: PanelDynamicNextBtn, decorators: [{
+            type: Component,
+            args: [{ selector: "sv-ng-paneldynamic-next-btn", template: "<div [attr.title]=\"question.panelNextText\" (click)=\"nextPanelClick()\" [class]=\"question.getNextButtonCss()\">\n  <svg [iconName]=\"question.cssClasses.progressBtnIcon\" [size]=\"'auto'\" sv-ng-svg-icon></svg>\n</div>" }]
+        }] });
+AngularComponentFactory.Instance.registerComponent("sv-paneldynamic-next-btn", PanelDynamicNextBtn);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFuZWxkeW5hbWljLW5leHQtYnRuLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL3N1cnZleS1hbmd1bGFyLXVpL3NyYy9jb21wb25lbnRzL3BhbmVsZHluYW1pYy1hY3Rpb25zL3BhbmVsZHluYW1pYy1uZXh0LWJ0bi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9zdXJ2ZXktYW5ndWxhci11aS9zcmMvY29tcG9uZW50cy9wYW5lbGR5bmFtaWMtYWN0aW9ucy9wYW5lbGR5bmFtaWMtbmV4dC1idG4uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQzs7O0FBTXRFLE1BQU0sT0FBTyxtQkFBb0IsU0FBUSxrQkFBa0I7SUFDekQsY0FBYztRQUNaLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDaEMsQ0FBQzs7Z0hBSFUsbUJBQW1CO29HQUFuQixtQkFBbUIsMEZDUmhDLCtOQUVNOzJGRE1PLG1CQUFtQjtrQkFKL0IsU0FBUzsrQkFDRSw2QkFBNkI7O0FBU3pDLHVCQUF1QixDQUFDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQywwQkFBMEIsRUFBRSxtQkFBbUIsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IEFuZ3VsYXJDb21wb25lbnRGYWN0b3J5IH0gZnJvbSBcIi4uLy4uL2NvbXBvbmVudC1mYWN0b3J5XCI7XG5pbXBvcnQgeyBQYW5lbGR5bmFtaWNBY3Rpb24gfSBmcm9tIFwiLi9wYW5lbGR5bmFtaWMtYWRkLWJ0bi5jb21wb25lbnRcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcInN2LW5nLXBhbmVsZHluYW1pYy1uZXh0LWJ0blwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL3BhbmVsZHluYW1pYy1uZXh0LWJ0bi5jb21wb25lbnQuaHRtbFwiXG59KVxuZXhwb3J0IGNsYXNzIFBhbmVsRHluYW1pY05leHRCdG4gZXh0ZW5kcyBQYW5lbGR5bmFtaWNBY3Rpb24ge1xuICBuZXh0UGFuZWxDbGljaygpIHtcbiAgICB0aGlzLnF1ZXN0aW9uLmdvVG9OZXh0UGFuZWwoKTtcbiAgfVxufVxuXG5Bbmd1bGFyQ29tcG9uZW50RmFjdG9yeS5JbnN0YW5jZS5yZWdpc3RlckNvbXBvbmVudChcInN2LXBhbmVsZHluYW1pYy1uZXh0LWJ0blwiLCBQYW5lbER5bmFtaWNOZXh0QnRuKTtcbiIsIjxkaXYgW2F0dHIudGl0bGVdPVwicXVlc3Rpb24ucGFuZWxOZXh0VGV4dFwiIChjbGljayk9XCJuZXh0UGFuZWxDbGljaygpXCIgW2NsYXNzXT1cInF1ZXN0aW9uLmdldE5leHRCdXR0b25Dc3MoKVwiPlxuICA8c3ZnIFtpY29uTmFtZV09XCJxdWVzdGlvbi5jc3NDbGFzc2VzLnByb2dyZXNzQnRuSWNvblwiIFtzaXplXT1cIidhdXRvJ1wiIHN2LW5nLXN2Zy1pY29uPjwvc3ZnPlxuPC9kaXY+Il19

package/esm2020/components/paneldynamic-actions/paneldynamic-prev-btn.component.mjs

@@ -0,0 +1,18 @@
+import { Component } from "@angular/core";
+import { AngularComponentFactory } from "../../component-factory";
+import { PaneldynamicAction } from "./paneldynamic-add-btn.component";
+import * as i0 from "@angular/core";
+import * as i1 from "../svg-icon/svg-icon.component";
+export class PanelDynamicPrevBtn extends PaneldynamicAction {
+    prevPanelClick() {
+        this.question.goToPrevPanel();
+    }
+}
+PanelDynamicPrevBtn.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: PanelDynamicPrevBtn, deps: null, target: i0.ɵɵFactoryTarget.Component });
+PanelDynamicPrevBtn.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: PanelDynamicPrevBtn, selector: "sv-ng-paneldynamic-prev-btn", usesInheritance: true, ngImport: i0, template: "<div [attr.title]=\"question.panelPrevText\" (click)=\"prevPanelClick()\" [class]=\"question.getPrevButtonCss()\">\n  <svg [iconName]=\"question.cssClasses.progressBtnIcon\" [size]=\"'auto'\" sv-ng-svg-icon></svg>\n</div>\n", components: [{ type: i1.SvgIconComponent, selector: "'[sv-ng-svg-icon]'", inputs: ["size", "width", "height", "iconName", "partCss", "css", "title"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: PanelDynamicPrevBtn, decorators: [{
+            type: Component,
+            args: [{ selector: "sv-ng-paneldynamic-prev-btn", template: "<div [attr.title]=\"question.panelPrevText\" (click)=\"prevPanelClick()\" [class]=\"question.getPrevButtonCss()\">\n  <svg [iconName]=\"question.cssClasses.progressBtnIcon\" [size]=\"'auto'\" sv-ng-svg-icon></svg>\n</div>\n" }]
+        }] });
+AngularComponentFactory.Instance.registerComponent("sv-paneldynamic-prev-btn", PanelDynamicPrevBtn);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFuZWxkeW5hbWljLXByZXYtYnRuLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL3N1cnZleS1hbmd1bGFyLXVpL3NyYy9jb21wb25lbnRzL3BhbmVsZHluYW1pYy1hY3Rpb25zL3BhbmVsZHluYW1pYy1wcmV2LWJ0bi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9zdXJ2ZXktYW5ndWxhci11aS9zcmMvY29tcG9uZW50cy9wYW5lbGR5bmFtaWMtYWN0aW9ucy9wYW5lbGR5bmFtaWMtcHJldi1idG4uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQzs7O0FBTXRFLE1BQU0sT0FBTyxtQkFBb0IsU0FBUSxrQkFBa0I7SUFDekQsY0FBYztRQUNaLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDaEMsQ0FBQzs7Z0hBSFUsbUJBQW1CO29HQUFuQixtQkFBbUIsMEZDUmhDLGlPQUdBOzJGREthLG1CQUFtQjtrQkFKL0IsU0FBUzsrQkFDRSw2QkFBNkI7O0FBUXpDLHVCQUF1QixDQUFDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQywwQkFBMEIsRUFBRSxtQkFBbUIsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IEFuZ3VsYXJDb21wb25lbnRGYWN0b3J5IH0gZnJvbSBcIi4uLy4uL2NvbXBvbmVudC1mYWN0b3J5XCI7XG5pbXBvcnQgeyBQYW5lbGR5bmFtaWNBY3Rpb24gfSBmcm9tIFwiLi9wYW5lbGR5bmFtaWMtYWRkLWJ0bi5jb21wb25lbnRcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcInN2LW5nLXBhbmVsZHluYW1pYy1wcmV2LWJ0blwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL3BhbmVsZHluYW1pYy1wcmV2LWJ0bi5jb21wb25lbnQuaHRtbFwiXG59KVxuZXhwb3J0IGNsYXNzIFBhbmVsRHluYW1pY1ByZXZCdG4gZXh0ZW5kcyBQYW5lbGR5bmFtaWNBY3Rpb24ge1xuICBwcmV2UGFuZWxDbGljaygpIHtcbiAgICB0aGlzLnF1ZXN0aW9uLmdvVG9QcmV2UGFuZWwoKTtcbiAgfVxufVxuQW5ndWxhckNvbXBvbmVudEZhY3RvcnkuSW5zdGFuY2UucmVnaXN0ZXJDb21wb25lbnQoXCJzdi1wYW5lbGR5bmFtaWMtcHJldi1idG5cIiwgUGFuZWxEeW5hbWljUHJldkJ0bik7IiwiPGRpdiBbYXR0ci50aXRsZV09XCJxdWVzdGlvbi5wYW5lbFByZXZUZXh0XCIgKGNsaWNrKT1cInByZXZQYW5lbENsaWNrKClcIiBbY2xhc3NdPVwicXVlc3Rpb24uZ2V0UHJldkJ1dHRvbkNzcygpXCI+XG4gIDxzdmcgW2ljb25OYW1lXT1cInF1ZXN0aW9uLmNzc0NsYXNzZXMucHJvZ3Jlc3NCdG5JY29uXCIgW3NpemVdPVwiJ2F1dG8nXCIgc3Ytbmctc3ZnLWljb24+PC9zdmc+XG48L2Rpdj5cbiJdfQ==

package/esm2020/components/paneldynamic-actions/paneldynamic-progress-text.component.mjs

@@ -0,0 +1,14 @@
+import { Component } from "@angular/core";
+import { AngularComponentFactory } from "../../component-factory";
+import { PaneldynamicAction } from "./paneldynamic-add-btn.component";
+import * as i0 from "@angular/core";
+export class PanelDynamicProgressText extends PaneldynamicAction {
+}
+PanelDynamicProgressText.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: PanelDynamicProgressText, deps: null, target: i0.ɵɵFactoryTarget.Component });
+PanelDynamicProgressText.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: PanelDynamicProgressText, selector: "sv-ng-paneldynamic-progress-text", usesInheritance: true, ngImport: i0, template: "<div [class]=\"question.cssClasses.progressText\">{{ question.progressText }}</div>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: PanelDynamicProgressText, decorators: [{
+            type: Component,
+            args: [{ selector: "sv-ng-paneldynamic-progress-text", template: "<div [class]=\"question.cssClasses.progressText\">{{ question.progressText }}</div>\n" }]
+        }] });
+AngularComponentFactory.Instance.registerComponent("sv-paneldynamic-progress-text", PanelDynamicProgressText);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFuZWxkeW5hbWljLXByb2dyZXNzLXRleHQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvc3VydmV5LWFuZ3VsYXItdWkvc3JjL2NvbXBvbmVudHMvcGFuZWxkeW5hbWljLWFjdGlvbnMvcGFuZWxkeW5hbWljLXByb2dyZXNzLXRleHQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvc3VydmV5LWFuZ3VsYXItdWkvc3JjL2NvbXBvbmVudHMvcGFuZWxkeW5hbWljLWFjdGlvbnMvcGFuZWxkeW5hbWljLXByb2dyZXNzLXRleHQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQzs7QUFNdEUsTUFBTSxPQUFPLHdCQUF5QixTQUFRLGtCQUFrQjs7cUhBQW5ELHdCQUF3Qjt5R0FBeEIsd0JBQXdCLCtGQ1JyQyx1RkFDQTsyRkRPYSx3QkFBd0I7a0JBSnBDLFNBQVM7K0JBQ0Usa0NBQWtDOztBQU05Qyx1QkFBdUIsQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQUMsK0JBQStCLEVBQUUsd0JBQXdCLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBBbmd1bGFyQ29tcG9uZW50RmFjdG9yeSB9IGZyb20gXCIuLi8uLi9jb21wb25lbnQtZmFjdG9yeVwiO1xuaW1wb3J0IHsgUGFuZWxkeW5hbWljQWN0aW9uIH0gZnJvbSBcIi4vcGFuZWxkeW5hbWljLWFkZC1idG4uY29tcG9uZW50XCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJzdi1uZy1wYW5lbGR5bmFtaWMtcHJvZ3Jlc3MtdGV4dFwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL3BhbmVsZHluYW1pYy1wcm9ncmVzcy10ZXh0LmNvbXBvbmVudC5odG1sXCJcbn0pXG5leHBvcnQgY2xhc3MgUGFuZWxEeW5hbWljUHJvZ3Jlc3NUZXh0IGV4dGVuZHMgUGFuZWxkeW5hbWljQWN0aW9uIHtcbn1cblxuQW5ndWxhckNvbXBvbmVudEZhY3RvcnkuSW5zdGFuY2UucmVnaXN0ZXJDb21wb25lbnQoXCJzdi1wYW5lbGR5bmFtaWMtcHJvZ3Jlc3MtdGV4dFwiLCBQYW5lbER5bmFtaWNQcm9ncmVzc1RleHQpOyIsIjxkaXYgW2NsYXNzXT1cInF1ZXN0aW9uLmNzc0NsYXNzZXMucHJvZ3Jlc3NUZXh0XCI+e3sgcXVlc3Rpb24ucHJvZ3Jlc3NUZXh0IH19PC9kaXY+XG4iXX0=

package/esm2020/components/popup/popup-container.component.mjs

@@ -0,0 +1,48 @@
+import { Component, Input } from "@angular/core";
+import { BaseAngular } from "../../base-angular";
+import * as i0 from "@angular/core";
+import * as i1 from "../../utils/ng-show.directive";
+import * as i2 from "@angular/common";
+import * as i3 from "../../utils/dynamic.directive";
+export class PopupContainerComponent extends BaseAngular {
+    constructor(changeDetectorRef) {
+        super(changeDetectorRef);
+        this.prevIsVisible = false;
+        this.isShow = false;
+        this.changeDetectorRef.detach();
+    }
+    getModel() {
+        return this.model;
+    }
+    onModelChanged() {
+        this.changeDetectorRef.detectChanges();
+    }
+    beforeUpdate() {
+        super.beforeUpdate();
+        if (!this.prevIsVisible && this.model.isVisible) {
+            this.isShow = false;
+        }
+    }
+    afterUpdate() {
+        if (!this.prevIsVisible && this.model.isVisible) {
+            setTimeout(() => {
+                this.model.updateOnShowing();
+                this.isShow = true;
+                this.changeDetectorRef.detectChanges();
+            });
+        }
+        if (this.prevIsVisible !== this.model.isVisible) {
+            this.prevIsVisible = this.model.isVisible;
+        }
+        super.afterUpdate();
+    }
+}
+PopupContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: PopupContainerComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+PopupContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: PopupContainerComponent, selector: "sv-ng-popup-container, '[sv-ng-popup-container]'", inputs: { model: "model" }, usesInheritance: true, ngImport: i0, template: "<div class=\"sv-popup\" tabindex=\"-1\" [class]=\"model.styleClass\" [style.visibility]=\"isShow ? 'visible' : 'hidden'\" [visible]=\"model.isVisible\" (click)=\"model.clickOutside()\" (keydown)=\"model.onKeyDown($event)\">\n    <div class=\"sv-popup__container\" [style]=\"{ left: model.left, top: model.top, height: model.height, minWidth: model.minWidth, width: model.width }\">\n        <div class=\"sv-popup__shadow\">\n            <span *ngIf=\"model.showPointer\" class=\"sv-popup__pointer\" [style]=\"{ left: model.pointerTarget.left, top: model.pointerTarget.top }\"></span>\n            <div class=\"sv-popup__body-content\">\n                <div *ngIf=\"model.title\" class=\"sv-popup__body-header\">{{ model.title }}</div>\n                <div class=\"sv-popup__scrolling-content\">\n                    <div class=\"sv-popup__content\">\n                        <ng-template [component]=\"{ name: model.contentComponentName, data: model.contentComponentData }\"></ng-template>\n                    </div>\n                </div>\n                <div *ngIf=\"model.showFooter\" class=\"sv-popup__body-footer\">\n                    <button type=\"button\" (click)=\"model.cancel()\"\n                        class=\"sv-popup__body-footer-item sv-popup__button sv-popup__button--cancel\">{{ model.cancelButtonText }}</button>\n                    <button type=\"button\" *ngIf=\"model.isModal\" (click)=\"model.apply()\" \n                    class=\"sv-popup__body-footer-item sv-popup__button sv-popup__button--apply\">{{ model.applyButtonText }}</button>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>", directives: [{ type: i1.VisibleDirective, selector: "[visible]", inputs: ["visible"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.DynamicComponentDirective, selector: "[component]", inputs: ["component"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: PopupContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "sv-ng-popup-container, '[sv-ng-popup-container]'", template: "<div class=\"sv-popup\" tabindex=\"-1\" [class]=\"model.styleClass\" [style.visibility]=\"isShow ? 'visible' : 'hidden'\" [visible]=\"model.isVisible\" (click)=\"model.clickOutside()\" (keydown)=\"model.onKeyDown($event)\">\n    <div class=\"sv-popup__container\" [style]=\"{ left: model.left, top: model.top, height: model.height, minWidth: model.minWidth, width: model.width }\">\n        <div class=\"sv-popup__shadow\">\n            <span *ngIf=\"model.showPointer\" class=\"sv-popup__pointer\" [style]=\"{ left: model.pointerTarget.left, top: model.pointerTarget.top }\"></span>\n            <div class=\"sv-popup__body-content\">\n                <div *ngIf=\"model.title\" class=\"sv-popup__body-header\">{{ model.title }}</div>\n                <div class=\"sv-popup__scrolling-content\">\n                    <div class=\"sv-popup__content\">\n                        <ng-template [component]=\"{ name: model.contentComponentName, data: model.contentComponentData }\"></ng-template>\n                    </div>\n                </div>\n                <div *ngIf=\"model.showFooter\" class=\"sv-popup__body-footer\">\n                    <button type=\"button\" (click)=\"model.cancel()\"\n                        class=\"sv-popup__body-footer-item sv-popup__button sv-popup__button--cancel\">{{ model.cancelButtonText }}</button>\n                    <button type=\"button\" *ngIf=\"model.isModal\" (click)=\"model.apply()\" \n                    class=\"sv-popup__body-footer-item sv-popup__button sv-popup__button--apply\">{{ model.applyButtonText }}</button>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>" }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { model: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wdXAtY29udGFpbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL3N1cnZleS1hbmd1bGFyLXVpL3NyYy9jb21wb25lbnRzL3BvcHVwL3BvcHVwLWNvbnRhaW5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9zdXJ2ZXktYW5ndWxhci11aS9zcmMvY29tcG9uZW50cy9wb3B1cC9wb3B1cC1jb250YWluZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFxQixTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7Ozs7QUFRakQsTUFBTSxPQUFPLHVCQUF3QixTQUFRLFdBQStCO0lBSzFFLFlBQVksaUJBQW9DO1FBQzlDLEtBQUssQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBTG5CLGtCQUFhLEdBQVksS0FBSyxDQUFDO1FBQ3ZDLFdBQU0sR0FBWSxLQUFLLENBQUM7UUFLdEIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ2xDLENBQUM7SUFDUyxRQUFRO1FBQ2hCLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztJQUNwQixDQUFDO0lBRWtCLGNBQWM7UUFDL0IsSUFBSSxDQUFDLGlCQUFpQixDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3pDLENBQUM7SUFFa0IsWUFBWTtRQUM3QixLQUFLLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDckIsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLEVBQUU7WUFDL0MsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7U0FDckI7SUFDSCxDQUFDO0lBRWtCLFdBQVc7UUFDNUIsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLEVBQUU7WUFDL0MsVUFBVSxDQUFDLEdBQUcsRUFBRTtnQkFDZCxJQUFJLENBQUMsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO2dCQUM3QixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQztnQkFDbkIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQ3pDLENBQUMsQ0FBQyxDQUFDO1NBQ0o7UUFDRCxJQUFJLElBQUksQ0FBQyxhQUFhLEtBQUssSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLEVBQUU7WUFDL0MsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQztTQUMzQztRQUNELEtBQUssQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUN0QixDQUFDOztvSEFwQ1UsdUJBQXVCO3dHQUF2Qix1QkFBdUIsMklDVHBDLHFuREFvQk07MkZEWE8sdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLGtEQUFrRDt3R0FPbkQsS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQmFzZUFuZ3VsYXIgfSBmcm9tIFwiLi4vLi4vYmFzZS1hbmd1bGFyXCI7XG5pbXBvcnQgeyBQb3B1cEJhc2VWaWV3TW9kZWwgfSBmcm9tIFwic3VydmV5LWNvcmVcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcInN2LW5nLXBvcHVwLWNvbnRhaW5lciwgJ1tzdi1uZy1wb3B1cC1jb250YWluZXJdJ1wiLFxuICB0ZW1wbGF0ZVVybDogXCIuL3BvcHVwLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbFwiXG59KVxuXG5leHBvcnQgY2xhc3MgUG9wdXBDb250YWluZXJDb21wb25lbnQgZXh0ZW5kcyBCYXNlQW5ndWxhcjxQb3B1cEJhc2VWaWV3TW9kZWw+IHtcbiAgcHJpdmF0ZSBwcmV2SXNWaXNpYmxlOiBib29sZWFuID0gZmFsc2U7XG4gIGlzU2hvdzogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBtb2RlbCE6IFBvcHVwQmFzZVZpZXdNb2RlbDtcblxuICBjb25zdHJ1Y3RvcihjaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcbiAgICBzdXBlcihjaGFuZ2VEZXRlY3RvclJlZik7XG4gICAgdGhpcy5jaGFuZ2VEZXRlY3RvclJlZi5kZXRhY2goKTtcbiAgfVxuICBwcm90ZWN0ZWQgZ2V0TW9kZWwoKTogUG9wdXBCYXNlVmlld01vZGVsIHtcbiAgICByZXR1cm4gdGhpcy5tb2RlbDtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSBvbk1vZGVsQ2hhbmdlZCgpOiB2b2lkIHtcbiAgICB0aGlzLmNoYW5nZURldGVjdG9yUmVmLmRldGVjdENoYW5nZXMoKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSBiZWZvcmVVcGRhdGUoKTogdm9pZCB7XG4gICAgc3VwZXIuYmVmb3JlVXBkYXRlKCk7XG4gICAgaWYgKCF0aGlzLnByZXZJc1Zpc2libGUgJiYgdGhpcy5tb2RlbC5pc1Zpc2libGUpIHtcbiAgICAgIHRoaXMuaXNTaG93ID0gZmFsc2U7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGFmdGVyVXBkYXRlKCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5wcmV2SXNWaXNpYmxlICYmIHRoaXMubW9kZWwuaXNWaXNpYmxlKSB7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgdGhpcy5tb2RlbC51cGRhdGVPblNob3dpbmcoKTtcbiAgICAgICAgdGhpcy5pc1Nob3cgPSB0cnVlO1xuICAgICAgICB0aGlzLmNoYW5nZURldGVjdG9yUmVmLmRldGVjdENoYW5nZXMoKTtcbiAgICAgIH0pO1xuICAgIH1cbiAgICBpZiAodGhpcy5wcmV2SXNWaXNpYmxlICE9PSB0aGlzLm1vZGVsLmlzVmlzaWJsZSkge1xuICAgICAgdGhpcy5wcmV2SXNWaXNpYmxlID0gdGhpcy5tb2RlbC5pc1Zpc2libGU7XG4gICAgfVxuICAgIHN1cGVyLmFmdGVyVXBkYXRlKCk7XG4gIH1cbn0iLCI8ZGl2IGNsYXNzPVwic3YtcG9wdXBcIiB0YWJpbmRleD1cIi0xXCIgW2NsYXNzXT1cIm1vZGVsLnN0eWxlQ2xhc3NcIiBbc3R5bGUudmlzaWJpbGl0eV09XCJpc1Nob3cgPyAndmlzaWJsZScgOiAnaGlkZGVuJ1wiIFt2aXNpYmxlXT1cIm1vZGVsLmlzVmlzaWJsZVwiIChjbGljayk9XCJtb2RlbC5jbGlja091dHNpZGUoKVwiIChrZXlkb3duKT1cIm1vZGVsLm9uS2V5RG93bigkZXZlbnQpXCI+XG4gICAgPGRpdiBjbGFzcz1cInN2LXBvcHVwX19jb250YWluZXJcIiBbc3R5bGVdPVwieyBsZWZ0OiBtb2RlbC5sZWZ0LCB0b3A6IG1vZGVsLnRvcCwgaGVpZ2h0OiBtb2RlbC5oZWlnaHQsIG1pbldpZHRoOiBtb2RlbC5taW5XaWR0aCwgd2lkdGg6IG1vZGVsLndpZHRoIH1cIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInN2LXBvcHVwX19zaGFkb3dcIj5cbiAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwibW9kZWwuc2hvd1BvaW50ZXJcIiBjbGFzcz1cInN2LXBvcHVwX19wb2ludGVyXCIgW3N0eWxlXT1cInsgbGVmdDogbW9kZWwucG9pbnRlclRhcmdldC5sZWZ0LCB0b3A6IG1vZGVsLnBvaW50ZXJUYXJnZXQudG9wIH1cIj48L3NwYW4+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3YtcG9wdXBfX2JvZHktY29udGVudFwiPlxuICAgICAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJtb2RlbC50aXRsZVwiIGNsYXNzPVwic3YtcG9wdXBfX2JvZHktaGVhZGVyXCI+e3sgbW9kZWwudGl0bGUgfX08L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3YtcG9wdXBfX3Njcm9sbGluZy1jb250ZW50XCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdi1wb3B1cF9fY29udGVudFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlIFtjb21wb25lbnRdPVwieyBuYW1lOiBtb2RlbC5jb250ZW50Q29tcG9uZW50TmFtZSwgZGF0YTogbW9kZWwuY29udGVudENvbXBvbmVudERhdGEgfVwiPjwvbmctdGVtcGxhdGU+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJtb2RlbC5zaG93Rm9vdGVyXCIgY2xhc3M9XCJzdi1wb3B1cF9fYm9keS1mb290ZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKT1cIm1vZGVsLmNhbmNlbCgpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwic3YtcG9wdXBfX2JvZHktZm9vdGVyLWl0ZW0gc3YtcG9wdXBfX2J1dHRvbiBzdi1wb3B1cF9fYnV0dG9uLS1jYW5jZWxcIj57eyBtb2RlbC5jYW5jZWxCdXR0b25UZXh0IH19PC9idXR0b24+XG4gICAgICAgICAgICAgICAgICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiICpuZ0lmPVwibW9kZWwuaXNNb2RhbFwiIChjbGljayk9XCJtb2RlbC5hcHBseSgpXCIgXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwic3YtcG9wdXBfX2JvZHktZm9vdGVyLWl0ZW0gc3YtcG9wdXBfX2J1dHRvbiBzdi1wb3B1cF9fYnV0dG9uLS1hcHBseVwiPnt7IG1vZGVsLmFwcGx5QnV0dG9uVGV4dCB9fTwvYnV0dG9uPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+Il19

package/esm2020/components/popup/popup.component.mjs

@@ -0,0 +1,37 @@
+import { Component, Input } from "@angular/core";
+import { BaseAngular } from "../../base-angular";
+import { PopupBaseViewModel } from "survey-core";
+import * as i0 from "@angular/core";
+import * as i1 from "./popup.service";
+export class PopupComponent extends BaseAngular {
+    constructor(viewContainerRef, changeDetectorRef, popupService) {
+        super(changeDetectorRef, viewContainerRef);
+        this.popupService = popupService;
+    }
+    getModel() {
+        return this.popupModel;
+    }
+    ngOnInit() {
+        this.model = new PopupBaseViewModel(this.popupModel, this.viewContainerRef?.element.nativeElement.parentElement);
+        this.model.initializePopupContainer();
+        this.portalHost = this.popupService.createComponent(this.model);
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        this.portalHost.detach();
+        this.model.container.remove();
+        this.model.unmountPopupContainer();
+    }
+}
+PopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: PopupComponent, deps: [{ token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: i1.PopupService }], target: i0.ɵɵFactoryTarget.Component });
+PopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: PopupComponent, selector: "sv-ng-popup, '[sv-ng-popup]'", inputs: { popupModel: "popupModel" }, usesInheritance: true, ngImport: i0, template: "<div></div>", isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: PopupComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "sv-ng-popup, '[sv-ng-popup]'",
+                    template: "<div></div>"
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.ChangeDetectorRef }, { type: i1.PopupService }]; }, propDecorators: { popupModel: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvc3VydmV5LWFuZ3VsYXItdWkvc3JjL2NvbXBvbmVudHMvcG9wdXAvcG9wdXAuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBcUIsU0FBUyxFQUFFLEtBQUssRUFBb0IsTUFBTSxlQUFlLENBQUM7QUFDdEYsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ2pELE9BQU8sRUFBRSxrQkFBa0IsRUFBYyxNQUFNLGFBQWEsQ0FBQzs7O0FBUzdELE1BQU0sT0FBTyxjQUFlLFNBQVEsV0FBdUI7SUFVekQsWUFBWSxnQkFBa0MsRUFBRSxpQkFBb0MsRUFBVSxZQUEwQjtRQUN0SCxLQUFLLENBQUMsaUJBQWlCLEVBQUUsZ0JBQWdCLENBQUMsQ0FBQztRQURpRCxpQkFBWSxHQUFaLFlBQVksQ0FBYztJQUV4SCxDQUFDO0lBTlMsUUFBUTtRQUNoQixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUM7SUFDekIsQ0FBQztJQU1RLFFBQVE7UUFDZixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksa0JBQWtCLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRSxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsT0FBTyxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUNqSCxJQUFJLENBQUMsS0FBSyxDQUFDLHdCQUF3QixFQUFFLENBQUM7UUFDdEMsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDbEUsQ0FBQztJQUVRLFdBQVc7UUFDbEIsS0FBSyxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ3BCLElBQUksQ0FBQyxVQUFVLENBQUMsTUFBTSxFQUFFLENBQUM7UUFDWCxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVUsQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUM3QyxJQUFJLENBQUMsS0FBSyxDQUFDLHFCQUFxQixFQUFFLENBQUM7SUFDckMsQ0FBQzs7MkdBekJVLGNBQWM7K0ZBQWQsY0FBYyxpSUFIZixhQUFhOzJGQUdaLGNBQWM7a0JBTDFCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDhCQUE4QjtvQkFDeEMsUUFBUSxFQUFFLGFBQWE7aUJBQ3hCO2tLQUdVLFVBQVU7c0JBQWxCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBJbnB1dCwgVmlld0NvbnRhaW5lclJlZiB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBCYXNlQW5ndWxhciB9IGZyb20gXCIuLi8uLi9iYXNlLWFuZ3VsYXJcIjtcbmltcG9ydCB7IFBvcHVwQmFzZVZpZXdNb2RlbCwgUG9wdXBNb2RlbCB9IGZyb20gXCJzdXJ2ZXktY29yZVwiO1xuaW1wb3J0IHsgRG9tUG9ydGFsT3V0bGV0IH0gZnJvbSBcIkBhbmd1bGFyL2Nkay9wb3J0YWxcIjtcbmltcG9ydCB7IFBvcHVwU2VydmljZSB9IGZyb20gXCIuL3BvcHVwLnNlcnZpY2VcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcInN2LW5nLXBvcHVwLCAnW3N2LW5nLXBvcHVwXSdcIixcbiAgdGVtcGxhdGU6IFwiPGRpdj48L2Rpdj5cIlxufSlcblxuZXhwb3J0IGNsYXNzIFBvcHVwQ29tcG9uZW50IGV4dGVuZHMgQmFzZUFuZ3VsYXI8UG9wdXBNb2RlbD4ge1xuICBASW5wdXQoKSBwb3B1cE1vZGVsITogUG9wdXBNb2RlbDtcblxuICBwdWJsaWMgbW9kZWwhOiBQb3B1cEJhc2VWaWV3TW9kZWw7XG4gIHByaXZhdGUgcG9ydGFsSG9zdCE6IERvbVBvcnRhbE91dGxldDtcblxuICBwcm90ZWN0ZWQgZ2V0TW9kZWwoKTogUG9wdXBNb2RlbCB7XG4gICAgcmV0dXJuIHRoaXMucG9wdXBNb2RlbDtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKHZpZXdDb250YWluZXJSZWY6IFZpZXdDb250YWluZXJSZWYsIGNoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZiwgcHJpdmF0ZSBwb3B1cFNlcnZpY2U6IFBvcHVwU2VydmljZSkge1xuICAgIHN1cGVyKGNoYW5nZURldGVjdG9yUmVmLCB2aWV3Q29udGFpbmVyUmVmKTtcbiAgfVxuXG4gIG92ZXJyaWRlIG5nT25Jbml0KCkge1xuICAgIHRoaXMubW9kZWwgPSBuZXcgUG9wdXBCYXNlVmlld01vZGVsKHRoaXMucG9wdXBNb2RlbCwgdGhpcy52aWV3Q29udGFpbmVyUmVmPy5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQucGFyZW50RWxlbWVudCk7XG4gICAgdGhpcy5tb2RlbC5pbml0aWFsaXplUG9wdXBDb250YWluZXIoKTtcbiAgICB0aGlzLnBvcnRhbEhvc3QgPSB0aGlzLnBvcHVwU2VydmljZS5jcmVhdGVDb21wb25lbnQodGhpcy5tb2RlbCk7XG4gIH1cblxuICBvdmVycmlkZSBuZ09uRGVzdHJveSgpIHtcbiAgICBzdXBlci5uZ09uRGVzdHJveSgpO1xuICAgIHRoaXMucG9ydGFsSG9zdC5kZXRhY2goKTtcbiAgICAoPEhUTUxFbGVtZW50PnRoaXMubW9kZWwuY29udGFpbmVyKS5yZW1vdmUoKTtcbiAgICB0aGlzLm1vZGVsLnVubW91bnRQb3B1cENvbnRhaW5lcigpO1xuICB9XG59Il19

package/esm2020/components/popup/popup.service.mjs

@@ -0,0 +1,26 @@
+import { Injectable } from "@angular/core";
+import { ComponentPortal, DomPortalOutlet } from "@angular/cdk/portal";
+import { PopupContainerComponent } from "./popup-container.component";
+import * as i0 from "@angular/core";
+export class PopupService {
+    constructor(injector, applicationRef, componentFactoryResolver) {
+        this.injector = injector;
+        this.applicationRef = applicationRef;
+        this.componentFactoryResolver = componentFactoryResolver;
+    }
+    createComponent(popupViewModel) {
+        const portalHost = new DomPortalOutlet(popupViewModel.container, this.componentFactoryResolver, this.applicationRef, this.injector);
+        const portal = new ComponentPortal(PopupContainerComponent);
+        const componentRef = portalHost.attach(portal);
+        popupViewModel.container = popupViewModel.container.children[0];
+        componentRef.instance.model = popupViewModel;
+        componentRef.changeDetectorRef.detectChanges();
+        return portalHost;
+    }
+}
+PopupService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: PopupService, deps: [{ token: i0.Injector }, { token: i0.ApplicationRef }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Injectable });
+PopupService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: PopupService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: PopupService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i0.ApplicationRef }, { type: i0.ComponentFactoryResolver }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wdXAuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL3N1cnZleS1hbmd1bGFyLXVpL3NyYy9jb21wb25lbnRzL3BvcHVwL3BvcHVwLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUE0QyxVQUFVLEVBQVksTUFBTSxlQUFlLENBQUM7QUFDL0YsT0FBTyxFQUFFLGVBQWUsRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUV2RSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7QUFHdEUsTUFBTSxPQUFPLFlBQVk7SUFDdkIsWUFBb0IsUUFBa0IsRUFDbEIsY0FBOEIsRUFDOUIsd0JBQWtEO1FBRmxELGFBQVEsR0FBUixRQUFRLENBQVU7UUFDbEIsbUJBQWMsR0FBZCxjQUFjLENBQWdCO1FBQzlCLDZCQUF3QixHQUF4Qix3QkFBd0IsQ0FBMEI7SUFBRyxDQUFDO0lBRTFFLGVBQWUsQ0FBQyxjQUFrQztRQUNoRCxNQUFNLFVBQVUsR0FBRyxJQUFJLGVBQWUsQ0FBQyxjQUFjLENBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyx3QkFBd0IsRUFBRSxJQUFJLENBQUMsY0FBYyxFQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUNwSSxNQUFNLE1BQU0sR0FBRyxJQUFJLGVBQWUsQ0FBQyx1QkFBdUIsQ0FBQyxDQUFDO1FBQzVELE1BQU0sWUFBWSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDL0MsY0FBYyxDQUFDLFNBQVMsR0FBZ0IsY0FBYyxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDN0UsWUFBWSxDQUFDLFFBQVEsQ0FBQyxLQUFLLEdBQUcsY0FBYyxDQUFDO1FBQzdDLFlBQVksQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUMvQyxPQUFPLFVBQVUsQ0FBQztJQUNwQixDQUFDOzt5R0FiVSxZQUFZOzZHQUFaLFlBQVk7MkZBQVosWUFBWTtrQkFEeEIsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFwcGxpY2F0aW9uUmVmLCBDb21wb25lbnRGYWN0b3J5UmVzb2x2ZXIsIEluamVjdGFibGUsIEluamVjdG9yIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IENvbXBvbmVudFBvcnRhbCwgRG9tUG9ydGFsT3V0bGV0IH0gZnJvbSBcIkBhbmd1bGFyL2Nkay9wb3J0YWxcIjtcbmltcG9ydCB7IFBvcHVwQmFzZVZpZXdNb2RlbCB9IGZyb20gXCJzdXJ2ZXktY29yZVwiO1xuaW1wb3J0IHsgUG9wdXBDb250YWluZXJDb21wb25lbnQgfSBmcm9tIFwiLi9wb3B1cC1jb250YWluZXIuY29tcG9uZW50XCI7XG5cbkBJbmplY3RhYmxlKClcbmV4cG9ydCBjbGFzcyBQb3B1cFNlcnZpY2Uge1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGluamVjdG9yOiBJbmplY3RvcixcbiAgICAgICAgICAgICAgcHJpdmF0ZSBhcHBsaWNhdGlvblJlZjogQXBwbGljYXRpb25SZWYsXG4gICAgICAgICAgICAgIHByaXZhdGUgY29tcG9uZW50RmFjdG9yeVJlc29sdmVyOiBDb21wb25lbnRGYWN0b3J5UmVzb2x2ZXIpIHt9XG5cbiAgY3JlYXRlQ29tcG9uZW50KHBvcHVwVmlld01vZGVsOiBQb3B1cEJhc2VWaWV3TW9kZWwpOiBEb21Qb3J0YWxPdXRsZXQge1xuICAgIGNvbnN0IHBvcnRhbEhvc3QgPSBuZXcgRG9tUG9ydGFsT3V0bGV0KHBvcHVwVmlld01vZGVsLmNvbnRhaW5lciwgdGhpcy5jb21wb25lbnRGYWN0b3J5UmVzb2x2ZXIsIHRoaXMuYXBwbGljYXRpb25SZWYsIHRoaXMuaW5qZWN0b3IpO1xuICAgIGNvbnN0IHBvcnRhbCA9IG5ldyBDb21wb25lbnRQb3J0YWwoUG9wdXBDb250YWluZXJDb21wb25lbnQpO1xuICAgIGNvbnN0IGNvbXBvbmVudFJlZiA9IHBvcnRhbEhvc3QuYXR0YWNoKHBvcnRhbCk7XG4gICAgcG9wdXBWaWV3TW9kZWwuY29udGFpbmVyID0gPEhUTUxFbGVtZW50PnBvcHVwVmlld01vZGVsLmNvbnRhaW5lci5jaGlsZHJlblswXTtcbiAgICBjb21wb25lbnRSZWYuaW5zdGFuY2UubW9kZWwgPSBwb3B1cFZpZXdNb2RlbDtcbiAgICBjb21wb25lbnRSZWYuY2hhbmdlRGV0ZWN0b3JSZWYuZGV0ZWN0Q2hhbmdlcygpO1xuICAgIHJldHVybiBwb3J0YWxIb3N0O1xuICB9XG59Il19