@indigina/ui-kit 1.0.90 → 1.0.91

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.
@@ -2537,6 +2537,8 @@
2537
2537
  function KitCtaPanelConfirmationComponent(formBuilder) {
2538
2538
  this.formBuilder = formBuilder;
2539
2539
  this.confirmButtonDisabled = false;
2540
+ this.quitText = '';
2541
+ this.confirmText = '';
2540
2542
  this.quitClicked = new core.EventEmitter();
2541
2543
  this.confirmClicked = new core.EventEmitter();
2542
2544
  this.form = this.formBuilder.group({
@@ -2551,7 +2553,7 @@
2551
2553
  KitCtaPanelConfirmationComponent.decorators = [
2552
2554
  { type: core.Component, args: [{
2553
2555
  selector: 'kit-cta-panel-confirmation',
2554
- 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",
2556
+ 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",
2555
2557
  changeDetection: core.ChangeDetectionStrategy.OnPush,
2556
2558
  encapsulation: core.ViewEncapsulation.None,
2557
2559
  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"]
@@ -2563,6 +2565,8 @@
2563
2565
  KitCtaPanelConfirmationComponent.propDecorators = {
2564
2566
  data: [{ type: core.Input }],
2565
2567
  confirmButtonDisabled: [{ type: core.Input }],
2568
+ quitText: [{ type: core.Input }],
2569
+ confirmText: [{ type: core.Input }],
2566
2570
  quitClicked: [{ type: core.Output }],
2567
2571
  confirmClicked: [{ type: core.Output }]
2568
2572
  };