@indigina/ui-kit 1.0.117 → 1.0.118

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -16,10 +16,10 @@ export class KitCtaPanelActionComponent {
16
16
  }
17
17
  }
18
18
  KitCtaPanelActionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitCtaPanelActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
19
- KitCtaPanelActionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitCtaPanelActionComponent, selector: "kit-cta-panel-action", inputs: { disabled: "disabled", confirmText: "confirmText", quitText: "quitText" }, outputs: { quitClicked: "quitClicked", confirmClicked: "confirmClicked" }, ngImport: i0, template: "<div class=\"kit-cta-panel-action display-grid columns-2\">\n <kit-button class=\"action-button\"\n [label]=\"quitText\"\n [kind]=\"KitButtonKind.SMALL\"\n [type]=\"KitButtonType.OUTLINED\"\n (clicked)=\"quitClicked.emit()\"\n ></kit-button>\n <kit-button class=\"action-button\"\n [label]=\"confirmText\"\n [kind]=\"KitButtonKind.SMALL\"\n [disabled]=\"disabled\"\n (clicked)=\"confirmClicked.emit()\"\n ></kit-button>\n</div>\n", styles: [".kit-cta-panel-action{gap:24px}\n"], components: [{ type: i1.KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "kind", "iconPosition"], outputs: ["clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
19
+ KitCtaPanelActionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitCtaPanelActionComponent, selector: "kit-cta-panel-action", inputs: { disabled: "disabled", confirmText: "confirmText", quitText: "quitText" }, outputs: { quitClicked: "quitClicked", confirmClicked: "confirmClicked" }, ngImport: i0, template: "<div class=\"kit-cta-panel-action\">\n <kit-button class=\"action-button\"\n [label]=\"quitText\"\n [kind]=\"KitButtonKind.SMALL\"\n [type]=\"KitButtonType.OUTLINED\"\n (clicked)=\"quitClicked.emit()\"\n ></kit-button>\n <kit-button class=\"action-button\"\n [label]=\"confirmText\"\n [kind]=\"KitButtonKind.SMALL\"\n [disabled]=\"disabled\"\n (clicked)=\"confirmClicked.emit()\"\n ></kit-button>\n</div>\n", styles: [".kit-cta-panel-action{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.kit-cta-panel-action .action-button ::ng-deep .k-button{width:100%}\n"], components: [{ type: i1.KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "kind", "iconPosition"], outputs: ["clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
20
20
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitCtaPanelActionComponent, decorators: [{
21
21
  type: Component,
22
- args: [{ selector: 'kit-cta-panel-action', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-cta-panel-action display-grid columns-2\">\n <kit-button class=\"action-button\"\n [label]=\"quitText\"\n [kind]=\"KitButtonKind.SMALL\"\n [type]=\"KitButtonType.OUTLINED\"\n (clicked)=\"quitClicked.emit()\"\n ></kit-button>\n <kit-button class=\"action-button\"\n [label]=\"confirmText\"\n [kind]=\"KitButtonKind.SMALL\"\n [disabled]=\"disabled\"\n (clicked)=\"confirmClicked.emit()\"\n ></kit-button>\n</div>\n", styles: [".kit-cta-panel-action{gap:24px}\n"] }]
22
+ args: [{ selector: 'kit-cta-panel-action', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-cta-panel-action\">\n <kit-button class=\"action-button\"\n [label]=\"quitText\"\n [kind]=\"KitButtonKind.SMALL\"\n [type]=\"KitButtonType.OUTLINED\"\n (clicked)=\"quitClicked.emit()\"\n ></kit-button>\n <kit-button class=\"action-button\"\n [label]=\"confirmText\"\n [kind]=\"KitButtonKind.SMALL\"\n [disabled]=\"disabled\"\n (clicked)=\"confirmClicked.emit()\"\n ></kit-button>\n</div>\n", styles: [".kit-cta-panel-action{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.kit-cta-panel-action .action-button ::ng-deep .k-button{width:100%}\n"] }]
23
23
  }], propDecorators: { disabled: [{
24
24
  type: Input
25
25
  }], confirmText: [{
@@ -31,4 +31,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImpor
31
31
  }], confirmClicked: [{
32
32
  type: Output
33
33
  }] } });
34
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWN0YS1wYW5lbC1hY3Rpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtY3RhLXBhbmVsLWFjdGlvbi9raXQtY3RhLXBhbmVsLWFjdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1jdGEtcGFuZWwtYWN0aW9uL2tpdC1jdGEtcGFuZWwtYWN0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDaEcsT0FBTyxFQUFFLGFBQWEsRUFBRSxhQUFhLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUM5RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sb0NBQW9DLENBQUM7OztBQVFoRSxNQUFNLE9BQU8sMEJBQTBCO0lBTnZDO1FBT1csYUFBUSxHQUFZLEtBQUssQ0FBQztRQUMxQixnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUN6QixhQUFRLEdBQVcsRUFBRSxDQUFDO1FBRXJCLGdCQUFXLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7UUFDM0QsbUJBQWMsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUUvRCxlQUFVLEdBQXNCLFVBQVUsQ0FBQztRQUMzQyxrQkFBYSxHQUF5QixhQUFhLENBQUM7UUFDcEQsa0JBQWEsR0FBeUIsYUFBYSxDQUFDO0tBQzlEOzt1SEFYWSwwQkFBMEI7MkdBQTFCLDBCQUEwQiwyTkNWdkMsMmhCQWNBOzJGREphLDBCQUEwQjtrQkFOdEMsU0FBUzsrQkFDRSxzQkFBc0IsbUJBR2YsdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBRUksV0FBVztzQkFBcEIsTUFBTTtnQkFDRyxjQUFjO3NCQUF2QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLaXRCdXR0b25LaW5kLCBLaXRCdXR0b25UeXBlIH0gZnJvbSAnLi4va2l0LWJ1dHRvbi9raXQtYnV0dG9uLmNvbnN0JztcbmltcG9ydCB7IEtpdFN2Z0ljb24gfSBmcm9tICcuLi9raXQtc3ZnLWljb24va2l0LXN2Zy1pY29uLmNvbnN0JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna2l0LWN0YS1wYW5lbC1hY3Rpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LWN0YS1wYW5lbC1hY3Rpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9raXQtY3RhLXBhbmVsLWFjdGlvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgS2l0Q3RhUGFuZWxBY3Rpb25Db21wb25lbnQge1xuICBASW5wdXQoKSBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBjb25maXJtVGV4dDogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHF1aXRUZXh0OiBzdHJpbmcgPSAnJztcblxuICBAT3V0cHV0KCkgcXVpdENsaWNrZWQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIGNvbmZpcm1DbGlja2VkOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgcmVhZG9ubHkgS2l0U3ZnSWNvbjogdHlwZW9mIEtpdFN2Z0ljb24gPSBLaXRTdmdJY29uO1xuICByZWFkb25seSBLaXRCdXR0b25LaW5kOiB0eXBlb2YgS2l0QnV0dG9uS2luZCA9IEtpdEJ1dHRvbktpbmQ7XG4gIHJlYWRvbmx5IEtpdEJ1dHRvblR5cGU6IHR5cGVvZiBLaXRCdXR0b25UeXBlID0gS2l0QnV0dG9uVHlwZTtcbn1cbiIsIjxkaXYgY2xhc3M9XCJraXQtY3RhLXBhbmVsLWFjdGlvbiBkaXNwbGF5LWdyaWQgY29sdW1ucy0yXCI+XG4gIDxraXQtYnV0dG9uIGNsYXNzPVwiYWN0aW9uLWJ1dHRvblwiXG4gICAgICAgICAgICAgIFtsYWJlbF09XCJxdWl0VGV4dFwiXG4gICAgICAgICAgICAgIFtraW5kXT1cIktpdEJ1dHRvbktpbmQuU01BTExcIlxuICAgICAgICAgICAgICBbdHlwZV09XCJLaXRCdXR0b25UeXBlLk9VVExJTkVEXCJcbiAgICAgICAgICAgICAgKGNsaWNrZWQpPVwicXVpdENsaWNrZWQuZW1pdCgpXCJcbiAgPjwva2l0LWJ1dHRvbj5cbiAgPGtpdC1idXR0b24gY2xhc3M9XCJhY3Rpb24tYnV0dG9uXCJcbiAgICAgICAgICAgICAgW2xhYmVsXT1cImNvbmZpcm1UZXh0XCJcbiAgICAgICAgICAgICAgW2tpbmRdPVwiS2l0QnV0dG9uS2luZC5TTUFMTFwiXG4gICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgICAgICAgICAgIChjbGlja2VkKT1cImNvbmZpcm1DbGlja2VkLmVtaXQoKVwiXG4gID48L2tpdC1idXR0b24+XG48L2Rpdj5cbiJdfQ==
34
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWN0YS1wYW5lbC1hY3Rpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtY3RhLXBhbmVsLWFjdGlvbi9raXQtY3RhLXBhbmVsLWFjdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1jdGEtcGFuZWwtYWN0aW9uL2tpdC1jdGEtcGFuZWwtYWN0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDaEcsT0FBTyxFQUFFLGFBQWEsRUFBRSxhQUFhLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUM5RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sb0NBQW9DLENBQUM7OztBQVFoRSxNQUFNLE9BQU8sMEJBQTBCO0lBTnZDO1FBT1csYUFBUSxHQUFZLEtBQUssQ0FBQztRQUMxQixnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUN6QixhQUFRLEdBQVcsRUFBRSxDQUFDO1FBRXJCLGdCQUFXLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7UUFDM0QsbUJBQWMsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUUvRCxlQUFVLEdBQXNCLFVBQVUsQ0FBQztRQUMzQyxrQkFBYSxHQUF5QixhQUFhLENBQUM7UUFDcEQsa0JBQWEsR0FBeUIsYUFBYSxDQUFDO0tBQzlEOzt1SEFYWSwwQkFBMEI7MkdBQTFCLDBCQUEwQiwyTkNWdkMsb2dCQWNBOzJGREphLDBCQUEwQjtrQkFOdEMsU0FBUzsrQkFDRSxzQkFBc0IsbUJBR2YsdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBRUksV0FBVztzQkFBcEIsTUFBTTtnQkFDRyxjQUFjO3NCQUF2QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLaXRCdXR0b25LaW5kLCBLaXRCdXR0b25UeXBlIH0gZnJvbSAnLi4va2l0LWJ1dHRvbi9raXQtYnV0dG9uLmNvbnN0JztcbmltcG9ydCB7IEtpdFN2Z0ljb24gfSBmcm9tICcuLi9raXQtc3ZnLWljb24va2l0LXN2Zy1pY29uLmNvbnN0JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna2l0LWN0YS1wYW5lbC1hY3Rpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LWN0YS1wYW5lbC1hY3Rpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9raXQtY3RhLXBhbmVsLWFjdGlvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgS2l0Q3RhUGFuZWxBY3Rpb25Db21wb25lbnQge1xuICBASW5wdXQoKSBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBjb25maXJtVGV4dDogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHF1aXRUZXh0OiBzdHJpbmcgPSAnJztcblxuICBAT3V0cHV0KCkgcXVpdENsaWNrZWQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIGNvbmZpcm1DbGlja2VkOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgcmVhZG9ubHkgS2l0U3ZnSWNvbjogdHlwZW9mIEtpdFN2Z0ljb24gPSBLaXRTdmdJY29uO1xuICByZWFkb25seSBLaXRCdXR0b25LaW5kOiB0eXBlb2YgS2l0QnV0dG9uS2luZCA9IEtpdEJ1dHRvbktpbmQ7XG4gIHJlYWRvbmx5IEtpdEJ1dHRvblR5cGU6IHR5cGVvZiBLaXRCdXR0b25UeXBlID0gS2l0QnV0dG9uVHlwZTtcbn1cbiIsIjxkaXYgY2xhc3M9XCJraXQtY3RhLXBhbmVsLWFjdGlvblwiPlxuICA8a2l0LWJ1dHRvbiBjbGFzcz1cImFjdGlvbi1idXR0b25cIlxuICAgICAgICAgICAgICBbbGFiZWxdPVwicXVpdFRleHRcIlxuICAgICAgICAgICAgICBba2luZF09XCJLaXRCdXR0b25LaW5kLlNNQUxMXCJcbiAgICAgICAgICAgICAgW3R5cGVdPVwiS2l0QnV0dG9uVHlwZS5PVVRMSU5FRFwiXG4gICAgICAgICAgICAgIChjbGlja2VkKT1cInF1aXRDbGlja2VkLmVtaXQoKVwiXG4gID48L2tpdC1idXR0b24+XG4gIDxraXQtYnV0dG9uIGNsYXNzPVwiYWN0aW9uLWJ1dHRvblwiXG4gICAgICAgICAgICAgIFtsYWJlbF09XCJjb25maXJtVGV4dFwiXG4gICAgICAgICAgICAgIFtraW5kXT1cIktpdEJ1dHRvbktpbmQuU01BTExcIlxuICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgICAgICAgICAoY2xpY2tlZCk9XCJjb25maXJtQ2xpY2tlZC5lbWl0KClcIlxuICA+PC9raXQtYnV0dG9uPlxuPC9kaXY+XG4iXX0=
@@ -10,6 +10,7 @@ export class KitCtaPanelConfirmationComponent {
10
10
  constructor(formBuilder) {
11
11
  this.formBuilder = formBuilder;
12
12
  this.confirmButtonDisabled = false;
13
+ this.dropdownListHeight = 200;
13
14
  this.quitText = '';
14
15
  this.confirmText = '';
15
16
  this.quitClicked = new EventEmitter();
@@ -23,14 +24,16 @@ export class KitCtaPanelConfirmationComponent {
23
24
  }
24
25
  }
25
26
  KitCtaPanelConfirmationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitCtaPanelConfirmationComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
26
- KitCtaPanelConfirmationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitCtaPanelConfirmationComponent, selector: "kit-cta-panel-confirmation", inputs: { data: "data", confirmButtonDisabled: "confirmButtonDisabled", quitText: "quitText", confirmText: "confirmText" }, outputs: { quitClicked: "quitClicked", confirmClicked: "confirmClicked" }, ngImport: i0, template: "<div class=\"kit-cta-panel-confirmation\">\n <div class=\"confirmation-head\">\n <kit-svg-icon *ngIf=\"data?.icon\" class=\"head-icon\"\n [icon]=\"data?.icon\"\n ></kit-svg-icon>\n <div class=\"head-text\">\n <div class=\"head-title\">{{ data?.title }}</div>\n <div *ngIf=\"data?.description\" class=\"head-description\">{{ data?.description }}</div>\n </div>\n </div>\n <div *ngIf=\"data?.dropdownItems\" class=\"confirmation-main\">\n <form [formGroup]=\"form\">\n <kit-dropdown formControlName=\"reason\" [label]=\"data?.dropdownLabel\" [items]=\"data?.dropdownItems\"></kit-dropdown>\n </form>\n </div>\n <kit-cta-panel-action [disabled]=\"data?.dropdownItems && form.invalid\"\n [quitText]=\"quitText\"\n [confirmText]=\"confirmText\"\n (quitClicked)=\"quitClicked.emit()\"\n (confirmClicked)=\"onConfirmButtonClick()\"\n ></kit-cta-panel-action>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-cta-panel-confirmation{padding:15px 20px;border:2px solid #00b0ad;background:#f8f9fe;line-height:1.26}.kit-cta-panel-confirmation .confirmation-head{display:flex;margin-bottom:24px}.kit-cta-panel-confirmation .head-icon{width:24px;height:24px;margin-right:20px;flex-shrink:0;stroke:#00b0ad;fill:none}.kit-cta-panel-confirmation .head-icon .reset-icon{stroke:none;fill:#00b0ad}.kit-cta-panel-confirmation .head-title{color:#002a3a;font-weight:700}.kit-cta-panel-confirmation .head-description{margin-top:24px;color:#000}.kit-cta-panel-confirmation .confirmation-main{margin-bottom:24px}\n"], components: [{ type: i2.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { type: i3.KitDropdownComponent, selector: "kit-dropdown", inputs: ["items", "selectedItem", "label", "disabled", "messageIcon", "messageText", "messageType", "state", "defaultItem", "listHeight"], outputs: ["selected"] }, { type: i4.KitCtaPanelActionComponent, selector: "kit-cta-panel-action", inputs: ["disabled", "confirmText", "quitText"], outputs: ["quitClicked", "confirmClicked"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
27
+ KitCtaPanelConfirmationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitCtaPanelConfirmationComponent, selector: "kit-cta-panel-confirmation", inputs: { data: "data", confirmButtonDisabled: "confirmButtonDisabled", dropdownListHeight: "dropdownListHeight", quitText: "quitText", confirmText: "confirmText" }, outputs: { quitClicked: "quitClicked", confirmClicked: "confirmClicked" }, ngImport: i0, template: "<div class=\"kit-cta-panel-confirmation\">\n <div class=\"confirmation-head\">\n <kit-svg-icon *ngIf=\"data?.icon\" class=\"head-icon\"\n [icon]=\"data?.icon\"\n ></kit-svg-icon>\n <div class=\"head-text\">\n <div class=\"head-title\">{{ data?.title }}</div>\n <div *ngIf=\"data?.description\" class=\"head-description\">{{ data?.description }}</div>\n </div>\n </div>\n <div *ngIf=\"data?.dropdownItems\" class=\"confirmation-main\">\n <form [formGroup]=\"form\">\n <kit-dropdown formControlName=\"reason\"\n [label]=\"data?.dropdownLabel\"\n [items]=\"data?.dropdownItems\"\n [listHeight]=\"dropdownListHeight\"\n ></kit-dropdown>\n </form>\n </div>\n <kit-cta-panel-action [disabled]=\"data?.dropdownItems && form.invalid\"\n [quitText]=\"quitText\"\n [confirmText]=\"confirmText\"\n (quitClicked)=\"quitClicked.emit()\"\n (confirmClicked)=\"onConfirmButtonClick()\"\n ></kit-cta-panel-action>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-cta-panel-confirmation{padding:15px 20px;border:2px solid #00b0ad;background:#f8f9fe;line-height:1.26}.kit-cta-panel-confirmation .confirmation-head{display:flex;margin-bottom:24px}.kit-cta-panel-confirmation .head-icon{width:24px;height:24px;margin-right:20px;flex-shrink:0;stroke:#00b0ad;fill:none}.kit-cta-panel-confirmation .head-icon .reset-icon{stroke:none;fill:#00b0ad}.kit-cta-panel-confirmation .head-title{color:#002a3a;font-weight:700}.kit-cta-panel-confirmation .head-description{margin-top:24px;color:#000}.kit-cta-panel-confirmation .confirmation-main{margin-bottom:24px}\n"], components: [{ type: i2.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { type: i3.KitDropdownComponent, selector: "kit-dropdown", inputs: ["items", "selectedItem", "label", "disabled", "messageIcon", "messageText", "messageType", "state", "defaultItem", "listHeight"], outputs: ["selected"] }, { type: i4.KitCtaPanelActionComponent, selector: "kit-cta-panel-action", inputs: ["disabled", "confirmText", "quitText"], outputs: ["quitClicked", "confirmClicked"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
27
28
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitCtaPanelConfirmationComponent, decorators: [{
28
29
  type: Component,
29
- args: [{ selector: 'kit-cta-panel-confirmation', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"kit-cta-panel-confirmation\">\n <div class=\"confirmation-head\">\n <kit-svg-icon *ngIf=\"data?.icon\" class=\"head-icon\"\n [icon]=\"data?.icon\"\n ></kit-svg-icon>\n <div class=\"head-text\">\n <div class=\"head-title\">{{ data?.title }}</div>\n <div *ngIf=\"data?.description\" class=\"head-description\">{{ data?.description }}</div>\n </div>\n </div>\n <div *ngIf=\"data?.dropdownItems\" class=\"confirmation-main\">\n <form [formGroup]=\"form\">\n <kit-dropdown formControlName=\"reason\" [label]=\"data?.dropdownLabel\" [items]=\"data?.dropdownItems\"></kit-dropdown>\n </form>\n </div>\n <kit-cta-panel-action [disabled]=\"data?.dropdownItems && form.invalid\"\n [quitText]=\"quitText\"\n [confirmText]=\"confirmText\"\n (quitClicked)=\"quitClicked.emit()\"\n (confirmClicked)=\"onConfirmButtonClick()\"\n ></kit-cta-panel-action>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-cta-panel-confirmation{padding:15px 20px;border:2px solid #00b0ad;background:#f8f9fe;line-height:1.26}.kit-cta-panel-confirmation .confirmation-head{display:flex;margin-bottom:24px}.kit-cta-panel-confirmation .head-icon{width:24px;height:24px;margin-right:20px;flex-shrink:0;stroke:#00b0ad;fill:none}.kit-cta-panel-confirmation .head-icon .reset-icon{stroke:none;fill:#00b0ad}.kit-cta-panel-confirmation .head-title{color:#002a3a;font-weight:700}.kit-cta-panel-confirmation .head-description{margin-top:24px;color:#000}.kit-cta-panel-confirmation .confirmation-main{margin-bottom:24px}\n"] }]
30
+ args: [{ selector: 'kit-cta-panel-confirmation', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"kit-cta-panel-confirmation\">\n <div class=\"confirmation-head\">\n <kit-svg-icon *ngIf=\"data?.icon\" class=\"head-icon\"\n [icon]=\"data?.icon\"\n ></kit-svg-icon>\n <div class=\"head-text\">\n <div class=\"head-title\">{{ data?.title }}</div>\n <div *ngIf=\"data?.description\" class=\"head-description\">{{ data?.description }}</div>\n </div>\n </div>\n <div *ngIf=\"data?.dropdownItems\" class=\"confirmation-main\">\n <form [formGroup]=\"form\">\n <kit-dropdown formControlName=\"reason\"\n [label]=\"data?.dropdownLabel\"\n [items]=\"data?.dropdownItems\"\n [listHeight]=\"dropdownListHeight\"\n ></kit-dropdown>\n </form>\n </div>\n <kit-cta-panel-action [disabled]=\"data?.dropdownItems && form.invalid\"\n [quitText]=\"quitText\"\n [confirmText]=\"confirmText\"\n (quitClicked)=\"quitClicked.emit()\"\n (confirmClicked)=\"onConfirmButtonClick()\"\n ></kit-cta-panel-action>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-cta-panel-confirmation{padding:15px 20px;border:2px solid #00b0ad;background:#f8f9fe;line-height:1.26}.kit-cta-panel-confirmation .confirmation-head{display:flex;margin-bottom:24px}.kit-cta-panel-confirmation .head-icon{width:24px;height:24px;margin-right:20px;flex-shrink:0;stroke:#00b0ad;fill:none}.kit-cta-panel-confirmation .head-icon .reset-icon{stroke:none;fill:#00b0ad}.kit-cta-panel-confirmation .head-title{color:#002a3a;font-weight:700}.kit-cta-panel-confirmation .head-description{margin-top:24px;color:#000}.kit-cta-panel-confirmation .confirmation-main{margin-bottom:24px}\n"] }]
30
31
  }], ctorParameters: function () { return [{ type: i1.FormBuilder }]; }, propDecorators: { data: [{
31
32
  type: Input
32
33
  }], confirmButtonDisabled: [{
33
34
  type: Input
35
+ }], dropdownListHeight: [{
36
+ type: Input
34
37
  }], quitText: [{
35
38
  type: Input
36
39
  }], confirmText: [{
@@ -40,4 +43,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImpor
40
43
  }], confirmClicked: [{
41
44
  type: Output
42
45
  }] } });
43
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWN0YS1wYW5lbC1jb25maXJtYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtY3RhLXBhbmVsLWNvbmZpcm1hdGlvbi9raXQtY3RhLXBhbmVsLWNvbmZpcm1hdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1jdGEtcGFuZWwtY29uZmlybWF0aW9uL2tpdC1jdGEtcGFuZWwtY29uZmlybWF0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkgsT0FBTyxFQUEwQixVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7OztBQW1CcEUsTUFBTSxPQUFPLGdDQUFnQztJQWMzQyxZQUNVLFdBQXdCO1FBQXhCLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FBYnpCLDBCQUFxQixHQUFZLEtBQUssQ0FBQztRQUV2QyxhQUFRLEdBQVcsRUFBRSxDQUFDO1FBQ3RCLGdCQUFXLEdBQVcsRUFBRSxDQUFDO1FBRXhCLGdCQUFXLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7UUFDM0QsbUJBQWMsR0FBb0IsSUFBSSxZQUFZLEVBQUssQ0FBQztRQUV6RCxTQUFJLEdBQWMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUM7WUFDaEQsTUFBTSxFQUFFLENBQUMsSUFBSSxFQUFFLFVBQVUsQ0FBQyxRQUFRLENBQUM7U0FDcEMsQ0FBQyxDQUFDO0lBS0gsQ0FBQztJQUVELG9CQUFvQjtRQUNsQixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNuRCxDQUFDOzs2SEFyQlUsZ0NBQWdDO2lIQUFoQyxnQ0FBZ0MseVFDcEI3QyxtL0JBc0JBOzJGREZhLGdDQUFnQztrQkFQNUMsU0FBUzsrQkFDRSw0QkFBNEIsbUJBR3JCLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUk7a0dBRzVCLElBQUk7c0JBQVosS0FBSztnQkFDRyxxQkFBcUI7c0JBQTdCLEtBQUs7Z0JBRUcsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUVJLFdBQVc7c0JBQXBCLE1BQU07Z0JBQ0csY0FBYztzQkFBdkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1CdWlsZGVyLCBGb3JtR3JvdXAsIFZhbGlkYXRvcnMgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBLaXREcm9wZG93bkl0ZW0gfSBmcm9tICcuLi9raXQtZHJvcGRvd24va2l0LWRyb3Bkb3duLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBLaXRTdmdJY29uIH0gZnJvbSAnLi4va2l0LXN2Zy1pY29uL2tpdC1zdmctaWNvbi5jb25zdCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgS2l0Q3RhUGFuZWxDb25maXJtYXRpb248VD4ge1xuICB0aXRsZTogc3RyaW5nO1xuICBkZXNjcmlwdGlvbj86IHN0cmluZztcbiAgaWNvbjogS2l0U3ZnSWNvbjtcbiAgZHJvcGRvd25MYWJlbD86IHN0cmluZztcbiAgZHJvcGRvd25JdGVtcz86IEtpdERyb3Bkb3duSXRlbTxUPltdO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdraXQtY3RhLXBhbmVsLWNvbmZpcm1hdGlvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9raXQtY3RhLXBhbmVsLWNvbmZpcm1hdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2tpdC1jdGEtcGFuZWwtY29uZmlybWF0aW9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBLaXRDdGFQYW5lbENvbmZpcm1hdGlvbkNvbXBvbmVudDxUPiB7XG4gIEBJbnB1dCgpIGRhdGE/OiBLaXRDdGFQYW5lbENvbmZpcm1hdGlvbjxUPjtcbiAgQElucHV0KCkgY29uZmlybUJ1dHRvbkRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgQElucHV0KCkgcXVpdFRleHQ6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBjb25maXJtVGV4dDogc3RyaW5nID0gJyc7XG5cbiAgQE91dHB1dCgpIHF1aXRDbGlja2VkOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBPdXRwdXQoKSBjb25maXJtQ2xpY2tlZDogRXZlbnRFbWl0dGVyPFQ+ID0gbmV3IEV2ZW50RW1pdHRlcjxUPigpO1xuXG4gIHJlYWRvbmx5IGZvcm06IEZvcm1Hcm91cCA9IHRoaXMuZm9ybUJ1aWxkZXIuZ3JvdXAoe1xuICAgIHJlYXNvbjogW251bGwsIFZhbGlkYXRvcnMucmVxdWlyZWRdLFxuICB9KTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGZvcm1CdWlsZGVyOiBGb3JtQnVpbGRlcixcbiAgKSB7XG4gIH1cblxuICBvbkNvbmZpcm1CdXR0b25DbGljaygpOiB2b2lkIHtcbiAgICB0aGlzLmNvbmZpcm1DbGlja2VkLmVtaXQodGhpcy5mb3JtLnZhbHVlLnJlYXNvbik7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJraXQtY3RhLXBhbmVsLWNvbmZpcm1hdGlvblwiPlxuICA8ZGl2IGNsYXNzPVwiY29uZmlybWF0aW9uLWhlYWRcIj5cbiAgICA8a2l0LXN2Zy1pY29uICpuZ0lmPVwiZGF0YT8uaWNvblwiIGNsYXNzPVwiaGVhZC1pY29uXCJcbiAgICAgICAgICAgICAgICAgIFtpY29uXT1cImRhdGE/Lmljb25cIlxuICAgID48L2tpdC1zdmctaWNvbj5cbiAgICA8ZGl2IGNsYXNzPVwiaGVhZC10ZXh0XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiaGVhZC10aXRsZVwiPnt7IGRhdGE/LnRpdGxlIH19PC9kaXY+XG4gICAgICA8ZGl2ICpuZ0lmPVwiZGF0YT8uZGVzY3JpcHRpb25cIiBjbGFzcz1cImhlYWQtZGVzY3JpcHRpb25cIj57eyBkYXRhPy5kZXNjcmlwdGlvbiB9fTwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdiAqbmdJZj1cImRhdGE/LmRyb3Bkb3duSXRlbXNcIiBjbGFzcz1cImNvbmZpcm1hdGlvbi1tYWluXCI+XG4gICAgPGZvcm0gW2Zvcm1Hcm91cF09XCJmb3JtXCI+XG4gICAgICA8a2l0LWRyb3Bkb3duIGZvcm1Db250cm9sTmFtZT1cInJlYXNvblwiIFtsYWJlbF09XCJkYXRhPy5kcm9wZG93bkxhYmVsXCIgW2l0ZW1zXT1cImRhdGE/LmRyb3Bkb3duSXRlbXNcIj48L2tpdC1kcm9wZG93bj5cbiAgICA8L2Zvcm0+XG4gIDwvZGl2PlxuICA8a2l0LWN0YS1wYW5lbC1hY3Rpb24gW2Rpc2FibGVkXT1cImRhdGE/LmRyb3Bkb3duSXRlbXMgJiYgZm9ybS5pbnZhbGlkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtxdWl0VGV4dF09XCJxdWl0VGV4dFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbY29uZmlybVRleHRdPVwiY29uZmlybVRleHRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgKHF1aXRDbGlja2VkKT1cInF1aXRDbGlja2VkLmVtaXQoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAoY29uZmlybUNsaWNrZWQpPVwib25Db25maXJtQnV0dG9uQ2xpY2soKVwiXG4gID48L2tpdC1jdGEtcGFuZWwtYWN0aW9uPlxuPC9kaXY+XG4iXX0=
46
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWN0YS1wYW5lbC1jb25maXJtYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtY3RhLXBhbmVsLWNvbmZpcm1hdGlvbi9raXQtY3RhLXBhbmVsLWNvbmZpcm1hdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1jdGEtcGFuZWwtY29uZmlybWF0aW9uL2tpdC1jdGEtcGFuZWwtY29uZmlybWF0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkgsT0FBTyxFQUEwQixVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7OztBQW1CcEUsTUFBTSxPQUFPLGdDQUFnQztJQWUzQyxZQUNVLFdBQXdCO1FBQXhCLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FBZHpCLDBCQUFxQixHQUFZLEtBQUssQ0FBQztRQUN2Qyx1QkFBa0IsR0FBVyxHQUFHLENBQUM7UUFFakMsYUFBUSxHQUFXLEVBQUUsQ0FBQztRQUN0QixnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUV4QixnQkFBVyxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO1FBQzNELG1CQUFjLEdBQW9CLElBQUksWUFBWSxFQUFLLENBQUM7UUFFekQsU0FBSSxHQUFjLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDO1lBQ2hELE1BQU0sRUFBRSxDQUFDLElBQUksRUFBRSxVQUFVLENBQUMsUUFBUSxDQUFDO1NBQ3BDLENBQUMsQ0FBQztJQUtILENBQUM7SUFFRCxvQkFBb0I7UUFDbEIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDbkQsQ0FBQzs7NkhBdEJVLGdDQUFnQztpSEFBaEMsZ0NBQWdDLG1UQ3BCN0MsOGxDQTBCQTsyRkROYSxnQ0FBZ0M7a0JBUDVDLFNBQVM7K0JBQ0UsNEJBQTRCLG1CQUdyQix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJO2tHQUc1QixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0cscUJBQXFCO3NCQUE3QixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFFRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBRUksV0FBVztzQkFBcEIsTUFBTTtnQkFDRyxjQUFjO3NCQUF2QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUJ1aWxkZXIsIEZvcm1Hcm91cCwgVmFsaWRhdG9ycyB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEtpdERyb3Bkb3duSXRlbSB9IGZyb20gJy4uL2tpdC1kcm9wZG93bi9raXQtZHJvcGRvd24uY29tcG9uZW50JztcbmltcG9ydCB7IEtpdFN2Z0ljb24gfSBmcm9tICcuLi9raXQtc3ZnLWljb24va2l0LXN2Zy1pY29uLmNvbnN0JztcblxuZXhwb3J0IGludGVyZmFjZSBLaXRDdGFQYW5lbENvbmZpcm1hdGlvbjxUPiB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xuICBpY29uOiBLaXRTdmdJY29uO1xuICBkcm9wZG93bkxhYmVsPzogc3RyaW5nO1xuICBkcm9wZG93bkl0ZW1zPzogS2l0RHJvcGRvd25JdGVtPFQ+W107XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2tpdC1jdGEtcGFuZWwtY29uZmlybWF0aW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2tpdC1jdGEtcGFuZWwtY29uZmlybWF0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4va2l0LWN0YS1wYW5lbC1jb25maXJtYXRpb24uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEtpdEN0YVBhbmVsQ29uZmlybWF0aW9uQ29tcG9uZW50PFQ+IHtcbiAgQElucHV0KCkgZGF0YT86IEtpdEN0YVBhbmVsQ29uZmlybWF0aW9uPFQ+O1xuICBASW5wdXQoKSBjb25maXJtQnV0dG9uRGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgZHJvcGRvd25MaXN0SGVpZ2h0OiBudW1iZXIgPSAyMDA7XG5cbiAgQElucHV0KCkgcXVpdFRleHQ6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBjb25maXJtVGV4dDogc3RyaW5nID0gJyc7XG5cbiAgQE91dHB1dCgpIHF1aXRDbGlja2VkOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBPdXRwdXQoKSBjb25maXJtQ2xpY2tlZDogRXZlbnRFbWl0dGVyPFQ+ID0gbmV3IEV2ZW50RW1pdHRlcjxUPigpO1xuXG4gIHJlYWRvbmx5IGZvcm06IEZvcm1Hcm91cCA9IHRoaXMuZm9ybUJ1aWxkZXIuZ3JvdXAoe1xuICAgIHJlYXNvbjogW251bGwsIFZhbGlkYXRvcnMucmVxdWlyZWRdLFxuICB9KTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGZvcm1CdWlsZGVyOiBGb3JtQnVpbGRlcixcbiAgKSB7XG4gIH1cblxuICBvbkNvbmZpcm1CdXR0b25DbGljaygpOiB2b2lkIHtcbiAgICB0aGlzLmNvbmZpcm1DbGlja2VkLmVtaXQodGhpcy5mb3JtLnZhbHVlLnJlYXNvbik7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJraXQtY3RhLXBhbmVsLWNvbmZpcm1hdGlvblwiPlxuICA8ZGl2IGNsYXNzPVwiY29uZmlybWF0aW9uLWhlYWRcIj5cbiAgICA8a2l0LXN2Zy1pY29uICpuZ0lmPVwiZGF0YT8uaWNvblwiIGNsYXNzPVwiaGVhZC1pY29uXCJcbiAgICAgICAgICAgICAgICAgIFtpY29uXT1cImRhdGE/Lmljb25cIlxuICAgID48L2tpdC1zdmctaWNvbj5cbiAgICA8ZGl2IGNsYXNzPVwiaGVhZC10ZXh0XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiaGVhZC10aXRsZVwiPnt7IGRhdGE/LnRpdGxlIH19PC9kaXY+XG4gICAgICA8ZGl2ICpuZ0lmPVwiZGF0YT8uZGVzY3JpcHRpb25cIiBjbGFzcz1cImhlYWQtZGVzY3JpcHRpb25cIj57eyBkYXRhPy5kZXNjcmlwdGlvbiB9fTwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdiAqbmdJZj1cImRhdGE/LmRyb3Bkb3duSXRlbXNcIiBjbGFzcz1cImNvbmZpcm1hdGlvbi1tYWluXCI+XG4gICAgPGZvcm0gW2Zvcm1Hcm91cF09XCJmb3JtXCI+XG4gICAgICA8a2l0LWRyb3Bkb3duIGZvcm1Db250cm9sTmFtZT1cInJlYXNvblwiXG4gICAgICAgICAgICAgICAgICAgIFtsYWJlbF09XCJkYXRhPy5kcm9wZG93bkxhYmVsXCJcbiAgICAgICAgICAgICAgICAgICAgW2l0ZW1zXT1cImRhdGE/LmRyb3Bkb3duSXRlbXNcIlxuICAgICAgICAgICAgICAgICAgICBbbGlzdEhlaWdodF09XCJkcm9wZG93bkxpc3RIZWlnaHRcIlxuICAgICAgPjwva2l0LWRyb3Bkb3duPlxuICAgIDwvZm9ybT5cbiAgPC9kaXY+XG4gIDxraXQtY3RhLXBhbmVsLWFjdGlvbiBbZGlzYWJsZWRdPVwiZGF0YT8uZHJvcGRvd25JdGVtcyAmJiBmb3JtLmludmFsaWRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3F1aXRUZXh0XT1cInF1aXRUZXh0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtjb25maXJtVGV4dF09XCJjb25maXJtVGV4dFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAocXVpdENsaWNrZWQpPVwicXVpdENsaWNrZWQuZW1pdCgpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIChjb25maXJtQ2xpY2tlZCk9XCJvbkNvbmZpcm1CdXR0b25DbGljaygpXCJcbiAgPjwva2l0LWN0YS1wYW5lbC1hY3Rpb24+XG48L2Rpdj5cbiJdfQ==
@@ -2453,10 +2453,10 @@ class KitCtaPanelActionComponent {
2453
2453
  }
2454
2454
  }
2455
2455
  KitCtaPanelActionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitCtaPanelActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2456
- KitCtaPanelActionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitCtaPanelActionComponent, selector: "kit-cta-panel-action", inputs: { disabled: "disabled", confirmText: "confirmText", quitText: "quitText" }, outputs: { quitClicked: "quitClicked", confirmClicked: "confirmClicked" }, ngImport: i0, template: "<div class=\"kit-cta-panel-action display-grid columns-2\">\n <kit-button class=\"action-button\"\n [label]=\"quitText\"\n [kind]=\"KitButtonKind.SMALL\"\n [type]=\"KitButtonType.OUTLINED\"\n (clicked)=\"quitClicked.emit()\"\n ></kit-button>\n <kit-button class=\"action-button\"\n [label]=\"confirmText\"\n [kind]=\"KitButtonKind.SMALL\"\n [disabled]=\"disabled\"\n (clicked)=\"confirmClicked.emit()\"\n ></kit-button>\n</div>\n", styles: [".kit-cta-panel-action{gap:24px}\n"], components: [{ type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "kind", "iconPosition"], outputs: ["clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
2456
+ KitCtaPanelActionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitCtaPanelActionComponent, selector: "kit-cta-panel-action", inputs: { disabled: "disabled", confirmText: "confirmText", quitText: "quitText" }, outputs: { quitClicked: "quitClicked", confirmClicked: "confirmClicked" }, ngImport: i0, template: "<div class=\"kit-cta-panel-action\">\n <kit-button class=\"action-button\"\n [label]=\"quitText\"\n [kind]=\"KitButtonKind.SMALL\"\n [type]=\"KitButtonType.OUTLINED\"\n (clicked)=\"quitClicked.emit()\"\n ></kit-button>\n <kit-button class=\"action-button\"\n [label]=\"confirmText\"\n [kind]=\"KitButtonKind.SMALL\"\n [disabled]=\"disabled\"\n (clicked)=\"confirmClicked.emit()\"\n ></kit-button>\n</div>\n", styles: [".kit-cta-panel-action{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.kit-cta-panel-action .action-button ::ng-deep .k-button{width:100%}\n"], components: [{ type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "kind", "iconPosition"], outputs: ["clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
2457
2457
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitCtaPanelActionComponent, decorators: [{
2458
2458
  type: Component,
2459
- args: [{ selector: 'kit-cta-panel-action', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-cta-panel-action display-grid columns-2\">\n <kit-button class=\"action-button\"\n [label]=\"quitText\"\n [kind]=\"KitButtonKind.SMALL\"\n [type]=\"KitButtonType.OUTLINED\"\n (clicked)=\"quitClicked.emit()\"\n ></kit-button>\n <kit-button class=\"action-button\"\n [label]=\"confirmText\"\n [kind]=\"KitButtonKind.SMALL\"\n [disabled]=\"disabled\"\n (clicked)=\"confirmClicked.emit()\"\n ></kit-button>\n</div>\n", styles: [".kit-cta-panel-action{gap:24px}\n"] }]
2459
+ args: [{ selector: 'kit-cta-panel-action', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-cta-panel-action\">\n <kit-button class=\"action-button\"\n [label]=\"quitText\"\n [kind]=\"KitButtonKind.SMALL\"\n [type]=\"KitButtonType.OUTLINED\"\n (clicked)=\"quitClicked.emit()\"\n ></kit-button>\n <kit-button class=\"action-button\"\n [label]=\"confirmText\"\n [kind]=\"KitButtonKind.SMALL\"\n [disabled]=\"disabled\"\n (clicked)=\"confirmClicked.emit()\"\n ></kit-button>\n</div>\n", styles: [".kit-cta-panel-action{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.kit-cta-panel-action .action-button ::ng-deep .k-button{width:100%}\n"] }]
2460
2460
  }], propDecorators: { disabled: [{
2461
2461
  type: Input
2462
2462
  }], confirmText: [{
@@ -2521,6 +2521,7 @@ class KitCtaPanelConfirmationComponent {
2521
2521
  constructor(formBuilder) {
2522
2522
  this.formBuilder = formBuilder;
2523
2523
  this.confirmButtonDisabled = false;
2524
+ this.dropdownListHeight = 200;
2524
2525
  this.quitText = '';
2525
2526
  this.confirmText = '';
2526
2527
  this.quitClicked = new EventEmitter();
@@ -2534,14 +2535,16 @@ class KitCtaPanelConfirmationComponent {
2534
2535
  }
2535
2536
  }
2536
2537
  KitCtaPanelConfirmationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitCtaPanelConfirmationComponent, deps: [{ token: i1$2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
2537
- KitCtaPanelConfirmationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitCtaPanelConfirmationComponent, selector: "kit-cta-panel-confirmation", inputs: { data: "data", confirmButtonDisabled: "confirmButtonDisabled", quitText: "quitText", confirmText: "confirmText" }, outputs: { quitClicked: "quitClicked", confirmClicked: "confirmClicked" }, ngImport: i0, template: "<div class=\"kit-cta-panel-confirmation\">\n <div class=\"confirmation-head\">\n <kit-svg-icon *ngIf=\"data?.icon\" class=\"head-icon\"\n [icon]=\"data?.icon\"\n ></kit-svg-icon>\n <div class=\"head-text\">\n <div class=\"head-title\">{{ data?.title }}</div>\n <div *ngIf=\"data?.description\" class=\"head-description\">{{ data?.description }}</div>\n </div>\n </div>\n <div *ngIf=\"data?.dropdownItems\" class=\"confirmation-main\">\n <form [formGroup]=\"form\">\n <kit-dropdown formControlName=\"reason\" [label]=\"data?.dropdownLabel\" [items]=\"data?.dropdownItems\"></kit-dropdown>\n </form>\n </div>\n <kit-cta-panel-action [disabled]=\"data?.dropdownItems && form.invalid\"\n [quitText]=\"quitText\"\n [confirmText]=\"confirmText\"\n (quitClicked)=\"quitClicked.emit()\"\n (confirmClicked)=\"onConfirmButtonClick()\"\n ></kit-cta-panel-action>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-cta-panel-confirmation{padding:15px 20px;border:2px solid #00b0ad;background:#f8f9fe;line-height:1.26}.kit-cta-panel-confirmation .confirmation-head{display:flex;margin-bottom:24px}.kit-cta-panel-confirmation .head-icon{width:24px;height:24px;margin-right:20px;flex-shrink:0;stroke:#00b0ad;fill:none}.kit-cta-panel-confirmation .head-icon .reset-icon{stroke:none;fill:#00b0ad}.kit-cta-panel-confirmation .head-title{color:#002a3a;font-weight:700}.kit-cta-panel-confirmation .head-description{margin-top:24px;color:#000}.kit-cta-panel-confirmation .confirmation-main{margin-bottom:24px}\n"], components: [{ type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { type: KitDropdownComponent, selector: "kit-dropdown", inputs: ["items", "selectedItem", "label", "disabled", "messageIcon", "messageText", "messageType", "state", "defaultItem", "listHeight"], outputs: ["selected"] }, { type: KitCtaPanelActionComponent, selector: "kit-cta-panel-action", inputs: ["disabled", "confirmText", "quitText"], outputs: ["quitClicked", "confirmClicked"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
2538
+ KitCtaPanelConfirmationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitCtaPanelConfirmationComponent, selector: "kit-cta-panel-confirmation", inputs: { data: "data", confirmButtonDisabled: "confirmButtonDisabled", dropdownListHeight: "dropdownListHeight", quitText: "quitText", confirmText: "confirmText" }, outputs: { quitClicked: "quitClicked", confirmClicked: "confirmClicked" }, ngImport: i0, template: "<div class=\"kit-cta-panel-confirmation\">\n <div class=\"confirmation-head\">\n <kit-svg-icon *ngIf=\"data?.icon\" class=\"head-icon\"\n [icon]=\"data?.icon\"\n ></kit-svg-icon>\n <div class=\"head-text\">\n <div class=\"head-title\">{{ data?.title }}</div>\n <div *ngIf=\"data?.description\" class=\"head-description\">{{ data?.description }}</div>\n </div>\n </div>\n <div *ngIf=\"data?.dropdownItems\" class=\"confirmation-main\">\n <form [formGroup]=\"form\">\n <kit-dropdown formControlName=\"reason\"\n [label]=\"data?.dropdownLabel\"\n [items]=\"data?.dropdownItems\"\n [listHeight]=\"dropdownListHeight\"\n ></kit-dropdown>\n </form>\n </div>\n <kit-cta-panel-action [disabled]=\"data?.dropdownItems && form.invalid\"\n [quitText]=\"quitText\"\n [confirmText]=\"confirmText\"\n (quitClicked)=\"quitClicked.emit()\"\n (confirmClicked)=\"onConfirmButtonClick()\"\n ></kit-cta-panel-action>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-cta-panel-confirmation{padding:15px 20px;border:2px solid #00b0ad;background:#f8f9fe;line-height:1.26}.kit-cta-panel-confirmation .confirmation-head{display:flex;margin-bottom:24px}.kit-cta-panel-confirmation .head-icon{width:24px;height:24px;margin-right:20px;flex-shrink:0;stroke:#00b0ad;fill:none}.kit-cta-panel-confirmation .head-icon .reset-icon{stroke:none;fill:#00b0ad}.kit-cta-panel-confirmation .head-title{color:#002a3a;font-weight:700}.kit-cta-panel-confirmation .head-description{margin-top:24px;color:#000}.kit-cta-panel-confirmation .confirmation-main{margin-bottom:24px}\n"], components: [{ type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { type: KitDropdownComponent, selector: "kit-dropdown", inputs: ["items", "selectedItem", "label", "disabled", "messageIcon", "messageText", "messageType", "state", "defaultItem", "listHeight"], outputs: ["selected"] }, { type: KitCtaPanelActionComponent, selector: "kit-cta-panel-action", inputs: ["disabled", "confirmText", "quitText"], outputs: ["quitClicked", "confirmClicked"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
2538
2539
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitCtaPanelConfirmationComponent, decorators: [{
2539
2540
  type: Component,
2540
- args: [{ selector: 'kit-cta-panel-confirmation', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"kit-cta-panel-confirmation\">\n <div class=\"confirmation-head\">\n <kit-svg-icon *ngIf=\"data?.icon\" class=\"head-icon\"\n [icon]=\"data?.icon\"\n ></kit-svg-icon>\n <div class=\"head-text\">\n <div class=\"head-title\">{{ data?.title }}</div>\n <div *ngIf=\"data?.description\" class=\"head-description\">{{ data?.description }}</div>\n </div>\n </div>\n <div *ngIf=\"data?.dropdownItems\" class=\"confirmation-main\">\n <form [formGroup]=\"form\">\n <kit-dropdown formControlName=\"reason\" [label]=\"data?.dropdownLabel\" [items]=\"data?.dropdownItems\"></kit-dropdown>\n </form>\n </div>\n <kit-cta-panel-action [disabled]=\"data?.dropdownItems && form.invalid\"\n [quitText]=\"quitText\"\n [confirmText]=\"confirmText\"\n (quitClicked)=\"quitClicked.emit()\"\n (confirmClicked)=\"onConfirmButtonClick()\"\n ></kit-cta-panel-action>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-cta-panel-confirmation{padding:15px 20px;border:2px solid #00b0ad;background:#f8f9fe;line-height:1.26}.kit-cta-panel-confirmation .confirmation-head{display:flex;margin-bottom:24px}.kit-cta-panel-confirmation .head-icon{width:24px;height:24px;margin-right:20px;flex-shrink:0;stroke:#00b0ad;fill:none}.kit-cta-panel-confirmation .head-icon .reset-icon{stroke:none;fill:#00b0ad}.kit-cta-panel-confirmation .head-title{color:#002a3a;font-weight:700}.kit-cta-panel-confirmation .head-description{margin-top:24px;color:#000}.kit-cta-panel-confirmation .confirmation-main{margin-bottom:24px}\n"] }]
2541
+ args: [{ selector: 'kit-cta-panel-confirmation', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"kit-cta-panel-confirmation\">\n <div class=\"confirmation-head\">\n <kit-svg-icon *ngIf=\"data?.icon\" class=\"head-icon\"\n [icon]=\"data?.icon\"\n ></kit-svg-icon>\n <div class=\"head-text\">\n <div class=\"head-title\">{{ data?.title }}</div>\n <div *ngIf=\"data?.description\" class=\"head-description\">{{ data?.description }}</div>\n </div>\n </div>\n <div *ngIf=\"data?.dropdownItems\" class=\"confirmation-main\">\n <form [formGroup]=\"form\">\n <kit-dropdown formControlName=\"reason\"\n [label]=\"data?.dropdownLabel\"\n [items]=\"data?.dropdownItems\"\n [listHeight]=\"dropdownListHeight\"\n ></kit-dropdown>\n </form>\n </div>\n <kit-cta-panel-action [disabled]=\"data?.dropdownItems && form.invalid\"\n [quitText]=\"quitText\"\n [confirmText]=\"confirmText\"\n (quitClicked)=\"quitClicked.emit()\"\n (confirmClicked)=\"onConfirmButtonClick()\"\n ></kit-cta-panel-action>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-cta-panel-confirmation{padding:15px 20px;border:2px solid #00b0ad;background:#f8f9fe;line-height:1.26}.kit-cta-panel-confirmation .confirmation-head{display:flex;margin-bottom:24px}.kit-cta-panel-confirmation .head-icon{width:24px;height:24px;margin-right:20px;flex-shrink:0;stroke:#00b0ad;fill:none}.kit-cta-panel-confirmation .head-icon .reset-icon{stroke:none;fill:#00b0ad}.kit-cta-panel-confirmation .head-title{color:#002a3a;font-weight:700}.kit-cta-panel-confirmation .head-description{margin-top:24px;color:#000}.kit-cta-panel-confirmation .confirmation-main{margin-bottom:24px}\n"] }]
2541
2542
  }], ctorParameters: function () { return [{ type: i1$2.FormBuilder }]; }, propDecorators: { data: [{
2542
2543
  type: Input
2543
2544
  }], confirmButtonDisabled: [{
2544
2545
  type: Input
2546
+ }], dropdownListHeight: [{
2547
+ type: Input
2545
2548
  }], quitText: [{
2546
2549
  type: Input
2547
2550
  }], confirmText: [{