@indigina/ui-kit 1.0.150 → 1.0.151
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/components/kit-cta-panel-confirmation/kit-cta-panel-confirmation.component.mjs +3 -3
- package/fesm2015/indigina-ui-kit.mjs +2 -2
- package/fesm2015/indigina-ui-kit.mjs.map +1 -1
- package/fesm2020/indigina-ui-kit.mjs +2 -2
- package/fesm2020/indigina-ui-kit.mjs.map +1 -1
- package/lib/components/kit-cta-panel-confirmation/kit-cta-panel-confirmation.component.d.ts +1 -0
- package/package.json +1 -1
package/esm2020/lib/components/kit-cta-panel-confirmation/kit-cta-panel-confirmation.component.mjs
CHANGED
|
@@ -24,10 +24,10 @@ export class KitCtaPanelConfirmationComponent {
|
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
26
|
KitCtaPanelConfirmationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: KitCtaPanelConfirmationComponent, deps: [{ token: i1.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
27
|
-
KitCtaPanelConfirmationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", 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"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: i4.KitDropdownComponent, selector: "kit-dropdown", inputs: ["items", "selectedItem", "label", "disabled", "messageIcon", "messageText", "messageType", "state", "defaultItem", "listHeight", "hideDefaultItem"], outputs: ["selected"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i5.KitCtaPanelActionComponent, selector: "kit-cta-panel-action", inputs: ["disabled", "confirmText", "quitText"], outputs: ["quitClicked", "confirmClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
27
|
+
KitCtaPanelConfirmationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", 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 [defaultItem]=\"data?.defaultDropdownItem\"\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"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: i4.KitDropdownComponent, selector: "kit-dropdown", inputs: ["items", "selectedItem", "label", "disabled", "messageIcon", "messageText", "messageType", "state", "defaultItem", "listHeight", "hideDefaultItem"], outputs: ["selected"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i5.KitCtaPanelActionComponent, selector: "kit-cta-panel-action", inputs: ["disabled", "confirmText", "quitText"], outputs: ["quitClicked", "confirmClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
28
28
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: KitCtaPanelConfirmationComponent, decorators: [{
|
|
29
29
|
type: Component,
|
|
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
|
+
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 [defaultItem]=\"data?.defaultDropdownItem\"\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"] }]
|
|
31
31
|
}], ctorParameters: function () { return [{ type: i1.UntypedFormBuilder }]; }, propDecorators: { data: [{
|
|
32
32
|
type: Input
|
|
33
33
|
}], confirmButtonDisabled: [{
|
|
@@ -43,4 +43,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImpo
|
|
|
43
43
|
}], confirmClicked: [{
|
|
44
44
|
type: Output
|
|
45
45
|
}] } });
|
|
46
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWN0YS1wYW5lbC1jb25maXJtYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtY3RhLXBhbmVsLWNvbmZpcm1hdGlvbi9raXQtY3RhLXBhbmVsLWNvbmZpcm1hdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1jdGEtcGFuZWwtY29uZmlybWF0aW9uL2tpdC1jdGEtcGFuZWwtY29uZmlybWF0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkgsT0FBTyxFQUF3QyxVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7OztBQW9CbEYsTUFBTSxPQUFPLGdDQUFnQztJQWUzQyxZQUNVLFdBQStCO1FBQS9CLGdCQUFXLEdBQVgsV0FBVyxDQUFvQjtRQWRoQywwQkFBcUIsR0FBWSxLQUFLLENBQUM7UUFDdkMsdUJBQWtCLEdBQVcsR0FBRyxDQUFDO1FBRWpDLGFBQVEsR0FBVyxFQUFFLENBQUM7UUFDdEIsZ0JBQVcsR0FBVyxFQUFFLENBQUM7UUFFeEIsZ0JBQVcsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUMzRCxtQkFBYyxHQUFvQixJQUFJLFlBQVksRUFBSyxDQUFDO1FBRXpELFNBQUksR0FBcUIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUM7WUFDdkQsTUFBTSxFQUFFLENBQUMsSUFBSSxFQUFFLFVBQVUsQ0FBQyxRQUFRLENBQUM7U0FDcEMsQ0FBQyxDQUFDO0lBS0gsQ0FBQztJQUVELG9CQUFvQjtRQUNsQixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNuRCxDQUFDOzs4SEF0QlUsZ0NBQWdDO2tIQUFoQyxnQ0FBZ0MsbVRDckI3QywrcENBMkJBOzRGRE5hLGdDQUFnQztrQkFQNUMsU0FBUzsrQkFDRSw0QkFBNEIsbUJBR3JCLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUk7eUdBRzVCLElBQUk7c0JBQVosS0FBSztnQkFDRyxxQkFBcUI7c0JBQTdCLEtBQUs7Z0JBQ0csa0JBQWtCO3NCQUExQixLQUFLO2dCQUVHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFFSSxXQUFXO3NCQUFwQixNQUFNO2dCQUNHLGNBQWM7c0JBQXZCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBVbnR5cGVkRm9ybUJ1aWxkZXIsIFVudHlwZWRGb3JtR3JvdXAsIFZhbGlkYXRvcnMgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBLaXREcm9wZG93bkl0ZW0gfSBmcm9tICcuLi9raXQtZHJvcGRvd24va2l0LWRyb3Bkb3duLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBLaXRTdmdJY29uIH0gZnJvbSAnLi4va2l0LXN2Zy1pY29uL2tpdC1zdmctaWNvbi5jb25zdCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgS2l0Q3RhUGFuZWxDb25maXJtYXRpb248VD4ge1xuICB0aXRsZTogc3RyaW5nO1xuICBkZXNjcmlwdGlvbj86IHN0cmluZztcbiAgaWNvbjogS2l0U3ZnSWNvbjtcbiAgZHJvcGRvd25MYWJlbD86IHN0cmluZztcbiAgZGVmYXVsdERyb3Bkb3duSXRlbT86IEtpdERyb3Bkb3duSXRlbTxUPjtcbiAgZHJvcGRvd25JdGVtcz86IEtpdERyb3Bkb3duSXRlbTxUPltdO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdraXQtY3RhLXBhbmVsLWNvbmZpcm1hdGlvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9raXQtY3RhLXBhbmVsLWNvbmZpcm1hdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2tpdC1jdGEtcGFuZWwtY29uZmlybWF0aW9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBLaXRDdGFQYW5lbENvbmZpcm1hdGlvbkNvbXBvbmVudDxUPiB7XG4gIEBJbnB1dCgpIGRhdGE/OiBLaXRDdGFQYW5lbENvbmZpcm1hdGlvbjxUPjtcbiAgQElucHV0KCkgY29uZmlybUJ1dHRvbkRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGRyb3Bkb3duTGlzdEhlaWdodDogbnVtYmVyID0gMjAwO1xuXG4gIEBJbnB1dCgpIHF1aXRUZXh0OiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgY29uZmlybVRleHQ6IHN0cmluZyA9ICcnO1xuXG4gIEBPdXRwdXQoKSBxdWl0Q2xpY2tlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgY29uZmlybUNsaWNrZWQ6IEV2ZW50RW1pdHRlcjxUPiA9IG5ldyBFdmVudEVtaXR0ZXI8VD4oKTtcblxuICByZWFkb25seSBmb3JtOiBVbnR5cGVkRm9ybUdyb3VwID0gdGhpcy5mb3JtQnVpbGRlci5ncm91cCh7XG4gICAgcmVhc29uOiBbbnVsbCwgVmFsaWRhdG9ycy5yZXF1aXJlZF0sXG4gIH0pO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgZm9ybUJ1aWxkZXI6IFVudHlwZWRGb3JtQnVpbGRlcixcbiAgKSB7XG4gIH1cblxuICBvbkNvbmZpcm1CdXR0b25DbGljaygpOiB2b2lkIHtcbiAgICB0aGlzLmNvbmZpcm1DbGlja2VkLmVtaXQodGhpcy5mb3JtLnZhbHVlLnJlYXNvbik7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJraXQtY3RhLXBhbmVsLWNvbmZpcm1hdGlvblwiPlxuICA8ZGl2IGNsYXNzPVwiY29uZmlybWF0aW9uLWhlYWRcIj5cbiAgICA8a2l0LXN2Zy1pY29uICpuZ0lmPVwiZGF0YT8uaWNvblwiIGNsYXNzPVwiaGVhZC1pY29uXCJcbiAgICAgICAgICAgICAgICAgIFtpY29uXT1cImRhdGE/Lmljb25cIlxuICAgID48L2tpdC1zdmctaWNvbj5cbiAgICA8ZGl2IGNsYXNzPVwiaGVhZC10ZXh0XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiaGVhZC10aXRsZVwiPnt7IGRhdGE/LnRpdGxlIH19PC9kaXY+XG4gICAgICA8ZGl2ICpuZ0lmPVwiZGF0YT8uZGVzY3JpcHRpb25cIiBjbGFzcz1cImhlYWQtZGVzY3JpcHRpb25cIj57eyBkYXRhPy5kZXNjcmlwdGlvbiB9fTwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdiAqbmdJZj1cImRhdGE/LmRyb3Bkb3duSXRlbXNcIiBjbGFzcz1cImNvbmZpcm1hdGlvbi1tYWluXCI+XG4gICAgPGZvcm0gW2Zvcm1Hcm91cF09XCJmb3JtXCI+XG4gICAgICA8a2l0LWRyb3Bkb3duIGZvcm1Db250cm9sTmFtZT1cInJlYXNvblwiXG4gICAgICAgICAgICAgICAgICAgIFtkZWZhdWx0SXRlbV09XCJkYXRhPy5kZWZhdWx0RHJvcGRvd25JdGVtXCJcbiAgICAgICAgICAgICAgICAgICAgW2xhYmVsXT1cImRhdGE/LmRyb3Bkb3duTGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICBbaXRlbXNdPVwiZGF0YT8uZHJvcGRvd25JdGVtc1wiXG4gICAgICAgICAgICAgICAgICAgIFtsaXN0SGVpZ2h0XT1cImRyb3Bkb3duTGlzdEhlaWdodFwiXG4gICAgICA+PC9raXQtZHJvcGRvd24+XG4gICAgPC9mb3JtPlxuICA8L2Rpdj5cbiAgPGtpdC1jdGEtcGFuZWwtYWN0aW9uIFtkaXNhYmxlZF09XCJkYXRhPy5kcm9wZG93bkl0ZW1zICYmIGZvcm0uaW52YWxpZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbcXVpdFRleHRdPVwicXVpdFRleHRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2NvbmZpcm1UZXh0XT1cImNvbmZpcm1UZXh0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIChxdWl0Q2xpY2tlZCk9XCJxdWl0Q2xpY2tlZC5lbWl0KClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgKGNvbmZpcm1DbGlja2VkKT1cIm9uQ29uZmlybUJ1dHRvbkNsaWNrKClcIlxuICA+PC9raXQtY3RhLXBhbmVsLWFjdGlvbj5cbjwvZGl2PlxuIl19
|
|
@@ -2660,10 +2660,10 @@ class KitCtaPanelConfirmationComponent {
|
|
|
2660
2660
|
}
|
|
2661
2661
|
}
|
|
2662
2662
|
KitCtaPanelConfirmationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: KitCtaPanelConfirmationComponent, deps: [{ token: i1$2.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
2663
|
-
KitCtaPanelConfirmationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", 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"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: KitDropdownComponent, selector: "kit-dropdown", inputs: ["items", "selectedItem", "label", "disabled", "messageIcon", "messageText", "messageType", "state", "defaultItem", "listHeight", "hideDefaultItem"], outputs: ["selected"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: KitCtaPanelActionComponent, selector: "kit-cta-panel-action", inputs: ["disabled", "confirmText", "quitText"], outputs: ["quitClicked", "confirmClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2663
|
+
KitCtaPanelConfirmationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", 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 [defaultItem]=\"data?.defaultDropdownItem\"\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"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: KitDropdownComponent, selector: "kit-dropdown", inputs: ["items", "selectedItem", "label", "disabled", "messageIcon", "messageText", "messageType", "state", "defaultItem", "listHeight", "hideDefaultItem"], outputs: ["selected"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: KitCtaPanelActionComponent, selector: "kit-cta-panel-action", inputs: ["disabled", "confirmText", "quitText"], outputs: ["quitClicked", "confirmClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2664
2664
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: KitCtaPanelConfirmationComponent, decorators: [{
|
|
2665
2665
|
type: Component,
|
|
2666
|
-
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"] }]
|
|
2666
|
+
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 [defaultItem]=\"data?.defaultDropdownItem\"\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"] }]
|
|
2667
2667
|
}], ctorParameters: function () { return [{ type: i1$2.UntypedFormBuilder }]; }, propDecorators: { data: [{
|
|
2668
2668
|
type: Input
|
|
2669
2669
|
}], confirmButtonDisabled: [{
|