@indigina/ui-kit 1.0.85 → 1.0.89

package/bundles/indigina-ui-kit.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@progress/kendo-angular-buttons'), require('@angular/forms'), require('@progress/kendo-angular-inputs'), require('@progress/kendo-angular-label'), require('rxjs/operators'), require('@progress/kendo-angular-dropdowns'), require('@progress/kendo-angular-dateinputs'), require('@progress/kendo-angular-popup'), require('@progress/kendo-angular-tooltip'), require('ngx-toastr'), require('@progress/kendo-angular-intl/locales/en-GB/calendar')) :
-    typeof define === 'function' && define.amd ? define('@indigina/ui-kit', ['exports', '@angular/core', '@angular/common', '@progress/kendo-angular-buttons', '@angular/forms', '@progress/kendo-angular-inputs', '@progress/kendo-angular-label', 'rxjs/operators', '@progress/kendo-angular-dropdowns', '@progress/kendo-angular-dateinputs', '@progress/kendo-angular-popup', '@progress/kendo-angular-tooltip', 'ngx-toastr', '@progress/kendo-angular-intl/locales/en-GB/calendar'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.indigina = global.indigina || {}, global.indigina["ui-kit"] = {}), global.ng.core, global.ng.common, global["@progress/kendo-angular-buttons"], global.ng.forms, global["@progress/kendo-angular-inputs"], global["@progress/kendo-angular-label"], global.rxjs.operators, global["@progress/kendo-angular-dropdowns"], global["@progress/kendo-angular-dateinputs"], global["@progress/kendo-angular-popup"], global["@progress/kendo-angular-tooltip"], global["ngx-toastr"]));
-})(this, (function (exports, core, common, kendoAngularButtons, forms, kendoAngularInputs, kendoAngularLabel, operators, kendoAngularDropdowns, kendoAngularDateinputs, kendoAngularPopup, kendoAngularTooltip, ngxToastr) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@progress/kendo-angular-buttons'), require('@angular/forms'), require('@progress/kendo-angular-inputs'), require('@progress/kendo-angular-label'), require('@progress/kendo-angular-intl/locales/en-GB/all'), require('rxjs/operators'), require('@progress/kendo-angular-dropdowns'), require('@progress/kendo-angular-dateinputs'), require('@progress/kendo-angular-popup'), require('@progress/kendo-angular-tooltip'), require('ngx-toastr')) :
+    typeof define === 'function' && define.amd ? define('@indigina/ui-kit', ['exports', '@angular/core', '@angular/common', '@progress/kendo-angular-buttons', '@angular/forms', '@progress/kendo-angular-inputs', '@progress/kendo-angular-label', '@progress/kendo-angular-intl/locales/en-GB/all', 'rxjs/operators', '@progress/kendo-angular-dropdowns', '@progress/kendo-angular-dateinputs', '@progress/kendo-angular-popup', '@progress/kendo-angular-tooltip', 'ngx-toastr'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.indigina = global.indigina || {}, global.indigina["ui-kit"] = {}), global.ng.core, global.ng.common, global["@progress/kendo-angular-buttons"], global.ng.forms, global["@progress/kendo-angular-inputs"], global["@progress/kendo-angular-label"], null, global.rxjs.operators, global["@progress/kendo-angular-dropdowns"], global["@progress/kendo-angular-dateinputs"], global["@progress/kendo-angular-popup"], global["@progress/kendo-angular-tooltip"], global["ngx-toastr"]));
+})(this, (function (exports, core, common, kendoAngularButtons, forms, kendoAngularInputs, kendoAngularLabel, all, operators, kendoAngularDropdowns, kendoAngularDateinputs, kendoAngularPopup, kendoAngularTooltip, ngxToastr) { 'use strict';
 
     exports.KitButtonType = void 0;
     (function (KitButtonType) {
@@ -472,7 +472,7 @@
     KitTextboxComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'kit-textbox',
-                    template: "<div class=\"kit-textbox textbox-{{ messageType }}\"\n     [class.textbox-disabled]=\"disabled\">\n  <kendo-label *ngIf=\"label\" class=\"label\" [text]=\"label\" [for]=\"textbox\"></kendo-label>\n  <kendo-textbox #textbox\n                 [placeholder]=\"placeholder\"\n                 [disabled]=\"disabled\"\n                 [value]=\"defaultValue\"\n                 (blur)=\"onInputBlur()\"\n                 (valueChange)=\"onInputChange($event)\"\n  ></kendo-textbox>\n  <kit-input-message *ngIf=\"messageText\"\n                     [type]=\"messageType\"\n                     [icon]=\"messageIcon\"\n                     [message]=\"messageText\"\n  ></kit-input-message>\n</div>\n",
+                    template: "<div class=\"kit-textbox textbox-{{ messageType }}\"\n     [class.textbox-disabled]=\"disabled\">\n  <kendo-label *ngIf=\"label\" class=\"label\" [text]=\"label\" [for]=\"textbox\"></kendo-label>\n  <kendo-textbox #textbox\n                 [placeholder]=\"placeholder\"\n                 [disabled]=\"disabled\"\n                 [value]=\"defaultValue\"\n                 [maxlength]=\"maxlength\"\n                 (blur)=\"onInputBlur()\"\n                 (valueChange)=\"onInputChange($event)\"\n  ></kendo-textbox>\n  <kit-input-message *ngIf=\"messageText\"\n                     [type]=\"messageType\"\n                     [icon]=\"messageIcon\"\n                     [message]=\"messageText\"\n  ></kit-input-message>\n</div>\n",
                     changeDetection: core.ChangeDetectionStrategy.OnPush,
                     encapsulation: core.ViewEncapsulation.None,
                     providers: [{
@@ -491,6 +491,7 @@
         messageText: [{ type: core.Input }],
         messageType: [{ type: core.Input }],
         disabled: [{ type: core.Input }],
+        maxlength: [{ type: core.Input }],
         blured: [{ type: core.Output }],
         changed: [{ type: core.Output }]
     };
@@ -1254,7 +1255,7 @@
     KitUnitsTextboxComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'kit-units-textbox',
-                    template: "<div class=\"kit-units-textbox {{ state }}\" [class.textbox-disabled]=\"disabledTextBox\"\n                               [class.dropdown-disabled]=\"disabledDropdown\"\n                               [class.units-left]=\"dropdownPosition === KitUnitsTextboxDropdownPosition.LEFT\">\n  <kendo-label *ngIf=\"label\" class=\"label display-block\"\n               [text]=\"label\"\n               ></kendo-label>\n  <div class=\"units-textbox-wrap\">\n    <kendo-textbox *ngIf=\"textboxType === KitUnitsTextboxType.TEXT; else numericTextboxTemplate\"\n                   [placeholder]=\"placeholder\"\n                   [value]=\"textBoxFormControl.value || textBoxValue\"\n                   [disabled]=\"disabledTextBox\"\n                   (blur)=\"onInputBlur()\"\n                   (valueChange)=\"onInputChange($event)\"\n    ></kendo-textbox>\n    <ng-template #numericTextboxTemplate>\n      <kendo-numerictextbox [placeholder]=\"placeholder\"\n                            [value]=\"textBoxFormControl.value || textBoxValue\"\n                            [decimals]=\"decimals\"\n                            [min]=\"min\"\n                            [max]=\"max\"\n                            [maxlength]=\"maxlength\"\n                            [format]=\"format\"\n                            [autoCorrect]=\"true\"\n                            [spinners]=\"false\"\n                            [selectOnFocus]=\"false\"\n                            [disabled]=\"disabledTextBox\"\n                            (blur)=\"onInputBlur()\"\n                            (valueChange)=\"onInputChange($event)\"\n      ></kendo-numerictextbox>\n    </ng-template>\n    <kendo-dropdownlist valueField=\"value\" textField=\"text\"\n                        [data]=\"dropdownItems\"\n                        [value]=\"dropdownFormControl.value || selectedDropdownItem\"\n                        [valuePrimitive]=\"true\"\n                        [disabled]=\"disabledDropdown\"\n                        [popupSettings]=\"dropdownPopupSettings\"\n                        [itemDisabled]=\"onItemDisabled()\"\n                        (selectionChange)=\"onItemSelect($event)\"\n                        (blur)=\"onDropdownBlur()\"\n    ></kendo-dropdownlist>\n  </div>\n  <kit-input-message *ngIf=\"messageText\"\n                     [type]=\"messageType\"\n                     [icon]=\"messageIcon\"\n                     [message]=\"messageText\"\n  ></kit-input-message>\n</div>\n",
+                    template: "<div class=\"kit-units-textbox {{ state }}\" [class.textbox-disabled]=\"disabledTextBox\"\n                               [class.dropdown-disabled]=\"disabledDropdown\"\n                               [class.units-left]=\"dropdownPosition === KitUnitsTextboxDropdownPosition.LEFT\">\n  <kendo-label *ngIf=\"label\" class=\"label display-block\"\n               [text]=\"label\"\n               ></kendo-label>\n  <div class=\"units-textbox-wrap\">\n    <kendo-textbox *ngIf=\"textboxType === KitUnitsTextboxType.TEXT; else numericTextboxTemplate\"\n                   [placeholder]=\"placeholder\"\n                   [value]=\"textBoxFormControl.value || textBoxValue\"\n                   [disabled]=\"disabledTextBox\"\n                   [maxlength]=\"maxlength\"\n                   (blur)=\"onInputBlur()\"\n                   (valueChange)=\"onInputChange($event)\"\n    ></kendo-textbox>\n    <ng-template #numericTextboxTemplate>\n      <kendo-numerictextbox [placeholder]=\"placeholder\"\n                            [value]=\"textBoxFormControl.value || textBoxValue\"\n                            [decimals]=\"decimals\"\n                            [min]=\"min\"\n                            [max]=\"max\"\n                            [maxlength]=\"maxlength\"\n                            [format]=\"format\"\n                            [autoCorrect]=\"true\"\n                            [spinners]=\"false\"\n                            [selectOnFocus]=\"false\"\n                            [disabled]=\"disabledTextBox\"\n                            (blur)=\"onInputBlur()\"\n                            (valueChange)=\"onInputChange($event)\"\n      ></kendo-numerictextbox>\n    </ng-template>\n    <kendo-dropdownlist valueField=\"value\" textField=\"text\"\n                        [data]=\"dropdownItems\"\n                        [value]=\"dropdownFormControl.value || selectedDropdownItem\"\n                        [valuePrimitive]=\"true\"\n                        [disabled]=\"disabledDropdown\"\n                        [popupSettings]=\"dropdownPopupSettings\"\n                        [itemDisabled]=\"onItemDisabled()\"\n                        (selectionChange)=\"onItemSelect($event)\"\n                        (blur)=\"onDropdownBlur()\"\n    ></kendo-dropdownlist>\n  </div>\n  <kit-input-message *ngIf=\"messageText\"\n                     [type]=\"messageType\"\n                     [icon]=\"messageIcon\"\n                     [message]=\"messageText\"\n  ></kit-input-message>\n</div>\n",
                     changeDetection: core.ChangeDetectionStrategy.OnPush,
                     encapsulation: core.ViewEncapsulation.None,
                     styles: ["@charset \"UTF-8\";.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-units-textbox .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-units-textbox .units-textbox-wrap{display:flex;height:34px;border:1px solid #efefef;border-radius:4px;background:#ffffff;box-sizing:border-box}.kit-units-textbox .k-textbox,.kit-units-textbox .k-numerictextbox{flex-grow:1}.kit-units-textbox .k-textbox .k-input,.kit-units-textbox .k-numerictextbox .k-input{padding:0 8px;height:100%;color:#002a3a;font-size:13px}.kit-units-textbox .k-dropdown{width:auto}.kit-units-textbox .k-dropdown .k-input{padding:0;height:100%;justify-content:flex-end;font-size:13px;font-weight:500;color:#56a2f7}.kit-units-textbox .k-dropdown .k-icon:before{content:\"\\e015\";color:#000}.kit-units-textbox:focus-within .units-textbox-wrap{border:1px solid #00b0ad}.kit-units-textbox .k-dropdown-wrap{border:none;background:none}.kit-units-textbox .k-dropdown-wrap.k-state-focused{box-shadow:none}.kit-units-textbox .k-dropdown-wrap:hover{background:none}.kit-units-textbox .k-animation-container{left:auto!important;right:0!important}.kit-units-textbox .kit-dropdown-popup{margin-top:8px;min-width:75px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 8px #003e5680;background-color:#f3f4f6;padding:4px}.kit-units-textbox .kit-dropdown-popup .k-item{background-color:#fff;font-size:13px;font-weight:500;box-shadow:none!important;border-radius:2px;color:#002a3a;justify-content:flex-end;text-align:right;line-height:1}.kit-units-textbox .kit-dropdown-popup .k-item:not(:last-of-type){margin-bottom:4px}.kit-units-textbox .kit-dropdown-popup .k-item.k-state-focused{background-color:#fff;color:#27282a}.kit-units-textbox .kit-dropdown-popup .k-item:hover,.kit-units-textbox .kit-dropdown-popup .k-item.k-state-focused:hover{background-color:#f3f5fa;color:#56a2f7}.kit-units-textbox .kit-dropdown-popup .k-item.k-state-selected{background-color:#56a2f7;color:#fff}.kit-units-textbox .kit-dropdown-popup .k-item.k-state-disabled{background-color:#f3f4f6;color:#9a9fa6}.kit-units-textbox.textbox-disabled .label{color:#74777d}.kit-units-textbox.textbox-disabled .units-textbox-wrap{border-color:#c1c7d0;background-color:#f3f4f6;box-shadow:none}.kit-units-textbox.textbox-disabled .k-textbox .k-input{color:#9a9fa6}.kit-units-textbox.units-left .units-textbox-wrap{flex-direction:row-reverse}.kit-units-textbox.units-left .k-textbox{grid-column:2;grid-row:1}.kit-units-textbox.units-left .k-textbox .k-input{padding-left:0}.kit-units-textbox.units-left .k-dropdown{grid-column:1}.kit-units-textbox.units-left .k-dropdown .k-input{padding-left:10px;width:auto}.kit-units-textbox.units-left .k-animation-container{left:0!important;right:auto!important}.kit-units-textbox.units-left .kit-dropdown-popup .k-item{justify-content:flex-start;text-align:left}.kit-units-textbox .k-input-prefix,.kit-units-textbox .k-input-suffix{height:0}.kit-units-textbox.dropdown-disabled .k-dropdown-wrap .k-input,.kit-units-textbox.dropdown-disabled .k-dropdown-wrap .k-icon:before{color:#9a9fa6}.kit-units-textbox.danger .units-textbox-wrap{border-color:#ef3e42;background:#f8e0e0}\n"]
@@ -2412,10 +2413,182 @@
                     ],
                     providers: [
                         kendoAngularDateinputs.DateRangeService,
-                        {
-                            provide: core.LOCALE_ID,
-                            useValue: 'en-GB',
-                        },
+                    ],
+                },] }
+    ];
+
+    var KitCtaPanelItemComponent = /** @class */ (function () {
+        function KitCtaPanelItemComponent() {
+            this.clicked = new core.EventEmitter();
+            this.KitSvgIcon = exports.KitSvgIcon;
+        }
+        KitCtaPanelItemComponent.prototype.onButtonClick = function () {
+            var _a;
+            if ((_a = this.item) === null || _a === void 0 ? void 0 : _a.action) {
+                this.item.action();
+            }
+            this.clicked.emit();
+        };
+        return KitCtaPanelItemComponent;
+    }());
+    KitCtaPanelItemComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'kit-cta-panel-item',
+                    template: "<div class=\"kit-cta-panel-item\">\n  <div class=\"panel-item-inner\">\n    <kit-svg-icon *ngIf=\"item?.icon\" class=\"panel-item-icon\" [icon]=\"item?.icon\"></kit-svg-icon>\n    <div class=\"panel-item-text\">\n      <div *ngIf=\"item?.title\" class=\"panel-item-title\">{{ item?.title }}</div>\n      <button class=\"panel-item-button\" (click)=\"onButtonClick()\">\n        <span *ngIf=\"item?.buttonText\" class=\"button-label\">{{ item?.buttonText }}</span>\n        <kit-svg-icon class=\"button-icon\" [icon]=\"KitSvgIcon.CHEVRON_RIGHT\"></kit-svg-icon>\n      </button>\n    </div>\n  </div>\n</div>\n",
+                    changeDetection: core.ChangeDetectionStrategy.OnPush,
+                    encapsulation: core.ViewEncapsulation.None,
+                    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-item{padding:15px 20px;background:#ffffff}.kit-cta-panel-item .panel-item-inner{display:flex;padding-bottom:24px;border-bottom:6px solid #efefef}.kit-cta-panel-item .panel-item-icon{margin-right:20px;width:24px;height:24px;stroke:#a9a8a8;fill:none;flex-shrink:0}.kit-cta-panel-item .panel-item-icon .order-icon,.kit-cta-panel-item .panel-item-icon .reset-icon{stroke:none;fill:#a9a8a8}.kit-cta-panel-item .panel-item-title{margin-bottom:8px;color:#002a3a;font-size:14px}.kit-cta-panel-item .panel-item-button{display:flex;align-items:center;padding:0;color:#56a2f7;font-size:14px;font-weight:500;border:none;background:none;cursor:pointer}.kit-cta-panel-item .panel-item-button:hover{text-decoration:underline}.kit-cta-panel-item .button-label{margin-right:6px}.kit-cta-panel-item .button-icon{width:16px;height:16px;stroke:#56a2f7;fill:none}\n"]
+                },] }
+    ];
+    KitCtaPanelItemComponent.propDecorators = {
+        item: [{ type: core.Input }],
+        clicked: [{ type: core.Output }]
+    };
+
+    var KitCtaPanelItemModule = /** @class */ (function () {
+        function KitCtaPanelItemModule() {
+        }
+        return KitCtaPanelItemModule;
+    }());
+    KitCtaPanelItemModule.decorators = [
+        { type: core.NgModule, args: [{
+                    declarations: [
+                        KitCtaPanelItemComponent,
+                    ],
+                    imports: [
+                        common.CommonModule,
+                        KitSvgIconModule,
+                    ],
+                    exports: [
+                        KitCtaPanelItemComponent,
+                    ],
+                },] }
+    ];
+
+    var KitCtaPanelActionComponent = /** @class */ (function () {
+        function KitCtaPanelActionComponent() {
+            this.disabled = false;
+            this.confirmText = '';
+            this.quitText = '';
+            this.quitClicked = new core.EventEmitter();
+            this.confirmClicked = new core.EventEmitter();
+            this.KitSvgIcon = exports.KitSvgIcon;
+            this.KitButtonKind = exports.KitButtonKind;
+            this.KitButtonType = exports.KitButtonType;
+        }
+        return KitCtaPanelActionComponent;
+    }());
+    KitCtaPanelActionComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'kit-cta-panel-action',
+                    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",
+                    changeDetection: core.ChangeDetectionStrategy.OnPush,
+                    styles: [".kit-cta-panel-action{grid-gap:24px;gap:24px}\n"]
+                },] }
+    ];
+    KitCtaPanelActionComponent.propDecorators = {
+        disabled: [{ type: core.Input }],
+        confirmText: [{ type: core.Input }],
+        quitText: [{ type: core.Input }],
+        quitClicked: [{ type: core.Output }],
+        confirmClicked: [{ type: core.Output }]
+    };
+
+    var KitCtaPanelActionModule = /** @class */ (function () {
+        function KitCtaPanelActionModule() {
+        }
+        return KitCtaPanelActionModule;
+    }());
+    KitCtaPanelActionModule.decorators = [
+        { type: core.NgModule, args: [{
+                    declarations: [
+                        KitCtaPanelActionComponent,
+                    ],
+                    imports: [
+                        common.CommonModule,
+                        KitButtonModule,
+                    ],
+                    exports: [
+                        KitCtaPanelActionComponent,
+                    ],
+                },] }
+    ];
+
+    var AbstractKitCtaPanelConfirmationComponent = /** @class */ (function () {
+        function AbstractKitCtaPanelConfirmationComponent() {
+            this.isConfirmation = false;
+        }
+        AbstractKitCtaPanelConfirmationComponent.prototype.onOpenButtonClick = function () {
+            this.toggleMode();
+        };
+        AbstractKitCtaPanelConfirmationComponent.prototype.onQuitButtonClick = function () {
+            this.toggleMode();
+        };
+        AbstractKitCtaPanelConfirmationComponent.prototype.toggleMode = function () {
+            this.isConfirmation = !this.isConfirmation;
+        };
+        return AbstractKitCtaPanelConfirmationComponent;
+    }());
+    AbstractKitCtaPanelConfirmationComponent.decorators = [
+        { type: core.Directive }
+    ];
+
+    var KitCtaPanelConfirmationComponent = /** @class */ (function () {
+        function KitCtaPanelConfirmationComponent(formBuilder) {
+            this.formBuilder = formBuilder;
+            this.confirmButtonDisabled = false;
+            this.quitClicked = new core.EventEmitter();
+            this.confirmClicked = new core.EventEmitter();
+            this.form = this.formBuilder.group({
+                reason: [null, forms.Validators.required],
+            });
+        }
+        KitCtaPanelConfirmationComponent.prototype.onConfirmButtonClick = function () {
+            this.confirmClicked.emit(this.form.value.reason);
+        };
+        return KitCtaPanelConfirmationComponent;
+    }());
+    KitCtaPanelConfirmationComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'kit-cta-panel-confirmation',
+                    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                        (quitClicked)=\"quitClicked.emit()\"\n                        (confirmClicked)=\"onConfirmButtonClick()\"\n  ></kit-cta-panel-action>\n</div>\n",
+                    changeDetection: core.ChangeDetectionStrategy.OnPush,
+                    encapsulation: core.ViewEncapsulation.None,
+                    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"]
+                },] }
+    ];
+    KitCtaPanelConfirmationComponent.ctorParameters = function () { return [
+        { type: forms.FormBuilder }
+    ]; };
+    KitCtaPanelConfirmationComponent.propDecorators = {
+        data: [{ type: core.Input }],
+        confirmButtonDisabled: [{ type: core.Input }],
+        quitClicked: [{ type: core.Output }],
+        confirmClicked: [{ type: core.Output }]
+    };
+
+    var KitCtaPanelConfirmationModule = /** @class */ (function () {
+        function KitCtaPanelConfirmationModule() {
+        }
+        return KitCtaPanelConfirmationModule;
+    }());
+    KitCtaPanelConfirmationModule.decorators = [
+        { type: core.NgModule, args: [{
+                    declarations: [
+                        KitCtaPanelConfirmationComponent,
+                    ],
+                    imports: [
+                        common.CommonModule,
+                        KitSvgIconModule,
+                        KitDropdownModule,
+                        forms.FormsModule,
+                        forms.ReactiveFormsModule,
+                        KitSvgIconModule,
+                        KitDropdownModule,
+                        KitCtaPanelActionModule,
+                    ],
+                    exports: [
+                        KitCtaPanelConfirmationComponent,
                     ],
                 },] }
     ];
@@ -2426,12 +2599,19 @@
      * Generated bundle index. Do not edit.
      */
 
+    exports.AbstractKitCtaPanelConfirmationComponent = AbstractKitCtaPanelConfirmationComponent;
     exports.KitAutocompleteComponent = KitAutocompleteComponent;
     exports.KitAutocompleteModule = KitAutocompleteModule;
     exports.KitButtonComponent = KitButtonComponent;
     exports.KitButtonModule = KitButtonModule;
     exports.KitCheckboxComponent = KitCheckboxComponent;
     exports.KitCheckboxModule = KitCheckboxModule;
+    exports.KitCtaPanelActionComponent = KitCtaPanelActionComponent;
+    exports.KitCtaPanelActionModule = KitCtaPanelActionModule;
+    exports.KitCtaPanelConfirmationComponent = KitCtaPanelConfirmationComponent;
+    exports.KitCtaPanelConfirmationModule = KitCtaPanelConfirmationModule;
+    exports.KitCtaPanelItemComponent = KitCtaPanelItemComponent;
+    exports.KitCtaPanelItemModule = KitCtaPanelItemModule;
     exports.KitDaterangeComponent = KitDaterangeComponent;
     exports.KitDaterangeModule = KitDaterangeModule;
     exports.KitDatetimepickerComponent = KitDatetimepickerComponent;