@wizco/fenixds-ngx 17.8.4 → 17.9.0

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.
Files changed (15) hide show
  1. package/esm2022/lib/msg-box-feedback/msg-box-feedback.component.mjs +23 -24
  2. package/esm2022/lib/step/step.component.mjs +3 -3
  3. package/esm2022/lib/stepper/stepper.component.mjs +4 -4
  4. package/esm2022/lib/stepper-group/stepper-group.component.mjs +283 -0
  5. package/esm2022/public-api.mjs +2 -1
  6. package/fesm2022/wizco-fenixds-ngx.mjs +306 -29
  7. package/fesm2022/wizco-fenixds-ngx.mjs.map +1 -1
  8. package/lib/msg-box-feedback/msg-box-feedback.component.d.ts +5 -1
  9. package/lib/msg-box-feedback/msg-box-feedback.component.d.ts.map +1 -1
  10. package/lib/stepper/stepper.component.d.ts.map +1 -1
  11. package/lib/stepper-group/stepper-group.component.d.ts +54 -0
  12. package/lib/stepper-group/stepper-group.component.d.ts.map +1 -0
  13. package/package.json +1 -1
  14. package/public-api.d.ts +1 -0
  15. package/public-api.d.ts.map +1 -1
package/esm2022/lib/msg-box-feedback/msg-box-feedback.component.mjs CHANGED
@@ -1,6 +1,5 @@
1
1
  import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
2
2
  import { CommonModule } from '@angular/common';
3
- import { animate, style, transition, trigger } from '@angular/animations';
4
3
  import * as i0 from "@angular/core";
5
4
  import * as i1 from "@angular/common";
6
5
  export class MsgBoxFeedbackComponent {
@@ -38,41 +37,37 @@ export class MsgBoxFeedbackComponent {
38
37
  * @param {boolean} hideClose
39
38
  */
40
39
  hideClose = false;
40
+ /*
41
+ * Texto do botão
42
+ * @param {string} textButton
43
+ */
44
+ textButton;
41
45
  /*
42
46
  * Evento emitido ao fechar o componente
43
47
  * @param {EventEmitter<any>}
44
48
  */
45
49
  onClose = new EventEmitter();
50
+ /*
51
+ * Evento emitido ao clicar no botão
52
+ * @param {EventEmitter<any>}
53
+ */
54
+ clickButton = new EventEmitter();
46
55
  constructor() { }
47
56
  close() {
48
57
  this.onClose.emit(true);
49
58
  }
59
+ handleClickButton() {
60
+ this.clickButton.emit(true);
61
+ }
62
+ get hasButton() {
63
+ return !!this.textButton && this.clickButton.observers.length > 0;
64
+ }
50
65
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MsgBoxFeedbackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
51
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MsgBoxFeedbackComponent, isStandalone: true, selector: "wco-msg-box-feedback", inputs: { shadow: "shadow", mode: "mode", title: "title", message: "message", type: "type", hideClose: "hideClose" }, outputs: { onClose: "onClose" }, ngImport: i0, template: "<div \n [ngClass]=\"'box-feedback box-feedback-' + type + ' mode-' + mode\"\n [className]=\"shadow ? 'mode-shadow' : ''\"\n @fadeSlideInOut>\n <div class=\"box-feedback--icon\" *ngIf=\"type !== 'loading'\">\n <span *ngIf=\"type === 'error'\" class=\"material-icons\" style=\"color: var(--box-feedback-icon-color);\">error</span>\n <span *ngIf=\"type === 'warning'\" class=\"material-icons\" style=\"color: var(--box-feedback-icon-color);\">warning</span>\n <span *ngIf=\"type === 'info'\" class=\"material-icons\" style=\"color: var(--box-feedback-icon-color);\">info</span>\n <span *ngIf=\"type === 'success'\" class=\"material-icons\" style=\"color: var(--box-feedback-icon-color);\">check_circle</span>\n </div>\n <svg *ngIf=\"type === 'loading'\" class=\"spinner\" viewBox=\"0 0 66 66\" xmlns=\"http://www.w3.org/2000/svg\">\n <circle class=\"loading-icon\" fill=\"none\" stroke=\"var(--box-feedback-icon-color)\" stroke-width=\"6\"\n stroke-linecap=\"round\" cx=\"33\" cy=\"33\" r=\"30\"></circle>\n </svg>\n <div class=\"box-feedback--content\">\n <div class=\"box-feedback--header\"> \n <h6 class=\"display-6 bold\">\n {{ title }}\n </h6>\n <a class=\"btn-close\" (click)=\"close()\" *ngIf=\"!hideClose\" >\n <svg viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M11.25 0.758431C10.925 0.433431 10.4 0.433431 10.075 0.758431L5.99998 4.8251L1.92498 0.750098C1.59998 0.425098 1.07498 0.425098 0.749976 0.750098C0.424976 1.0751 0.424976 1.6001 0.749976 1.9251L4.82498 6.0001L0.749976 10.0751C0.424976 10.4001 0.424976 10.9251 0.749976 11.2501C1.07498 11.5751 1.59998 11.5751 1.92498 11.2501L5.99998 7.1751L10.075 11.2501C10.4 11.5751 10.925 11.5751 11.25 11.2501C11.575 10.9251 11.575 10.4001 11.25 10.0751L7.17497 6.0001L11.25 1.9251C11.5666 1.60843 11.5666 1.0751 11.25 0.758431Z\" />\n </svg>\n </a>\n </div>\n <p class=\"display-p\">{{ message }}</p>\n </div>\n</div>\n", styles: ["wco-msg-box-feedback{display:block;width:100%;max-width:100%}div.box-feedback{align-content:initial;align-items:flex-start;background:var(--box-feedback-bg);border-radius:var(--wco-radius-sm);border:4px solid var(--box-feedback-border);display:inline-flex;padding:var(--wco-spacing-xxxs, 8px);position:relative;box-sizing:border-box;min-width:274px;min-height:84px;max-width:580px;width:auto}div.box-feedback.mode-full{width:100%;min-width:100%;max-width:100%}div.box-feedback.mode-shadow{box-shadow:var(--wco-shadow-level-1)}div.box-feedback .box-feedback--content{width:100%;display:block}div.box-feedback .box-feedback--header{display:flex;align-items:flex-start;justify-content:space-between;width:100%}div.box-feedback a.btn-close{cursor:pointer}div.box-feedback a.btn-close svg{width:12px;margin:0}div.box-feedback a.btn-close svg path{fill:var(--wco-color-neutral-700)}div.box-feedback .box-feedback--icon,div.box-feedback svg{margin:0 10px 0 0;flex:0 0 20px}div.box-feedback .box-feedback--icon path,div.box-feedback svg path{fill:var(--box-feedback-icon-color)}div.box-feedback h6{color:var(--box-feedback-title);line-height:1.2;text-wrap:pretty}div.box-feedback p{color:var(--box-feedback-text);text-wrap:pretty;line-height:1.1;margin-top:var(--wco-spacing-nano, 8px)}div.box-feedback .spinner{width:20px;height:20px;animation:rotator 1.4s linear infinite}@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}}div.box-feedback .loading-icon{stroke-dasharray:187;stroke-dashoffset:12px;transform-origin:center;animation:dash 1.4s ease-in-out infinite}@keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}to{stroke-dashoffset:187;transform:rotate(450deg)}}div.box-feedback.box-feedback-error{--box-feedback-text: var(--wco-color-neutral-700);--box-feedback-bg: var(--wco-color-neutral-50);--box-feedback-border: var(--wco-color-danger-500);--box-feedback-icon-color: var(--wco-color-danger-600);--box-feedback-title: var(--wco-color-danger-600)}div.box-feedback.box-feedback-success{--box-feedback-text: var(--wco-color-neutral-700);--box-feedback-bg: var(--wco-color-neutral-50);--box-feedback-border: var(--wco-color-success-500);--box-feedback-icon-color: var(--wco-color-success-600);--box-feedback-title: var(--wco-color-success-600)}div.box-feedback.box-feedback-warning{--box-feedback-text: var(--wco-color-neutral-700);--box-feedback-bg: var(--wco-color-neutral-50);--box-feedback-border: var(--wco-color-warning-500);--box-feedback-icon-color: var(--wco-color-warning-600);--box-feedback-title: var(--wco-color-warning-600)}div.box-feedback.box-feedback-info{--box-feedback-text: var(--wco-color-neutral-700);--box-feedback-bg: var(--wco-color-neutral-50);--box-feedback-border: var(--wco-color-info-500);--box-feedback-icon-color: var(--wco-color-info-600);--box-feedback-title: var(--wco-color-info-600)}div.box-feedback.box-feedback-loading{--box-feedback-text: var(--wco-color-neutral-700);--box-feedback-bg: var(--wco-color-neutral-50);--box-feedback-border: var(--wco-color-secondary-500);--box-feedback-icon-color: var(--wco-color-secondary-600);--box-feedback-title: var(--wco-color-secondary-600)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
52
- trigger('fadeSlideInOut', [
53
- transition(':enter', [
54
- style({ opacity: 0, transform: 'translateY(10px)' }),
55
- animate('500ms', style({ opacity: 1, transform: 'translateY(0)' })),
56
- ]),
57
- transition(':leave', [
58
- animate('500ms', style({ opacity: 0, transform: 'translateY(10px)' })),
59
- ]),
60
- ]),
61
- ], encapsulation: i0.ViewEncapsulation.None });
66
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MsgBoxFeedbackComponent, isStandalone: true, selector: "wco-msg-box-feedback", inputs: { shadow: "shadow", mode: "mode", title: "title", message: "message", type: "type", hideClose: "hideClose", textButton: "textButton" }, outputs: { onClose: "onClose", clickButton: "clickButton" }, ngImport: i0, template: "<div \n [ngClass]=\"'box-feedback box-feedback-' + type + ' mode-' + mode\"\n [className]=\"shadow ? 'mode-shadow' : ''\"\n>\n <div class=\"box-feedback--icon\" *ngIf=\"type !== 'loading'\">\n <span *ngIf=\"type === 'error'\" class=\"material-icons\" style=\"color: var(--box-feedback-icon-color);\">error</span>\n <span *ngIf=\"type === 'warning'\" class=\"material-icons\" style=\"color: var(--box-feedback-icon-color);\">warning</span>\n <span *ngIf=\"type === 'info'\" class=\"material-icons\" style=\"color: var(--box-feedback-icon-color);\">info</span>\n <span *ngIf=\"type === 'success'\" class=\"material-icons\" style=\"color: var(--box-feedback-icon-color);\">check_circle</span>\n </div>\n <svg *ngIf=\"type === 'loading'\" class=\"spinner\" viewBox=\"0 0 66 66\" xmlns=\"http://www.w3.org/2000/svg\">\n <circle class=\"loading-icon\" fill=\"none\" stroke=\"var(--box-feedback-icon-color)\" stroke-width=\"6\"\n stroke-linecap=\"round\" cx=\"33\" cy=\"33\" r=\"30\"></circle>\n </svg>\n <div class=\"box-feedback--content\">\n <div class=\"box-feedback--header\"> \n <h6 class=\"display-6 bold\">\n {{ title }}\n </h6>\n <a class=\"btn-close\" (click)=\"close()\" *ngIf=\"!hideClose\" >\n <svg viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M11.25 0.758431C10.925 0.433431 10.4 0.433431 10.075 0.758431L5.99998 4.8251L1.92498 0.750098C1.59998 0.425098 1.07498 0.425098 0.749976 0.750098C0.424976 1.0751 0.424976 1.6001 0.749976 1.9251L4.82498 6.0001L0.749976 10.0751C0.424976 10.4001 0.424976 10.9251 0.749976 11.2501C1.07498 11.5751 1.59998 11.5751 1.92498 11.2501L5.99998 7.1751L10.075 11.2501C10.4 11.5751 10.925 11.5751 11.25 11.2501C11.575 10.9251 11.575 10.4001 11.25 10.0751L7.17497 6.0001L11.25 1.9251C11.5666 1.60843 11.5666 1.0751 11.25 0.758431Z\" />\n </svg>\n </a>\n </div>\n <p class=\"display-p\">{{ message }}</p>\n <ng-content></ng-content>\n <div class=\"flex gap-xxs justify-end mt-xs\" *ngIf=\"hasButton\">\n <button \n class=\"btn btn-sm btn-link btn-primary\"\n (click)=\"handleClickButton()\"\n type=\"button\">\n {{ textButton }}\n </button>\n </div>\n </div>\n</div>\n", styles: ["wco-msg-box-feedback{display:block;width:100%;max-width:100%}div.box-feedback{align-content:initial;align-items:flex-start;background:var(--box-feedback-bg);border-radius:var(--wco-radius-md);border:2px solid var(--box-feedback-border);display:inline-flex;padding:var(--wco-spacing-xxxs, 8px);position:relative;box-sizing:border-box;min-width:274px;min-height:84px;max-width:580px;width:auto}div.box-feedback.mode-full{width:100%;min-width:100%;max-width:100%}div.box-feedback.mode-shadow{box-shadow:var(--wco-shadow-level-1)}div.box-feedback .box-feedback--content{width:100%;display:block}div.box-feedback .box-feedback--header{display:flex;align-items:flex-start;justify-content:space-between;width:100%}div.box-feedback a.btn-close{cursor:pointer}div.box-feedback a.btn-close svg{width:12px;margin:0}div.box-feedback a.btn-close svg path{fill:var(--wco-color-neutral-700)}div.box-feedback .box-feedback--icon,div.box-feedback svg{margin:0 10px 0 0;flex:0 0 20px}div.box-feedback .box-feedback--icon path,div.box-feedback svg path{fill:var(--box-feedback-icon-color)}div.box-feedback h6{color:var(--box-feedback-title);line-height:1.2;text-wrap:pretty}div.box-feedback p{color:var(--box-feedback-text);text-wrap:pretty;line-height:1.1;margin-top:var(--wco-spacing-nano, 8px)}div.box-feedback .spinner{width:20px;height:20px;animation:rotator 1.4s linear infinite}@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}}div.box-feedback .loading-icon{stroke-dasharray:187;stroke-dashoffset:12px;transform-origin:center;animation:dash 1.4s ease-in-out infinite}@keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}to{stroke-dashoffset:187;transform:rotate(450deg)}}div.box-feedback.box-feedback-error{--box-feedback-text: var(--wco-color-neutral-700);--box-feedback-bg: var(--wco-color-neutral-50);--box-feedback-border: var(--wco-color-danger-500);--box-feedback-icon-color: var(--wco-color-danger-600);--box-feedback-title: var(--wco-color-danger-600)}div.box-feedback.box-feedback-success{--box-feedback-text: var(--wco-color-neutral-700);--box-feedback-bg: var(--wco-color-neutral-50);--box-feedback-border: var(--wco-color-success-500);--box-feedback-icon-color: var(--wco-color-success-600);--box-feedback-title: var(--wco-color-success-600)}div.box-feedback.box-feedback-warning{--box-feedback-text: var(--wco-color-neutral-700);--box-feedback-bg: var(--wco-color-neutral-50);--box-feedback-border: var(--wco-color-warning-500);--box-feedback-icon-color: var(--wco-color-warning-600);--box-feedback-title: var(--wco-color-warning-600)}div.box-feedback.box-feedback-info{--box-feedback-text: var(--wco-color-neutral-700);--box-feedback-bg: var(--wco-color-neutral-50);--box-feedback-border: var(--wco-color-info-500);--box-feedback-icon-color: var(--wco-color-info-600);--box-feedback-title: var(--wco-color-info-600)}div.box-feedback.box-feedback-loading{--box-feedback-text: var(--wco-color-neutral-700);--box-feedback-bg: var(--wco-color-neutral-50);--box-feedback-border: var(--wco-color-secondary-500);--box-feedback-icon-color: var(--wco-color-secondary-600);--box-feedback-title: var(--wco-color-secondary-600)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
62
67
  }
63
68
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MsgBoxFeedbackComponent, decorators: [{
64
69
  type: Component,
65
- args: [{ selector: 'wco-msg-box-feedback', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, animations: [
66
- trigger('fadeSlideInOut', [
67
- transition(':enter', [
68
- style({ opacity: 0, transform: 'translateY(10px)' }),
69
- animate('500ms', style({ opacity: 1, transform: 'translateY(0)' })),
70
- ]),
71
- transition(':leave', [
72
- animate('500ms', style({ opacity: 0, transform: 'translateY(10px)' })),
73
- ]),
74
- ]),
75
- ], template: "<div \n [ngClass]=\"'box-feedback box-feedback-' + type + ' mode-' + mode\"\n [className]=\"shadow ? 'mode-shadow' : ''\"\n @fadeSlideInOut>\n <div class=\"box-feedback--icon\" *ngIf=\"type !== 'loading'\">\n <span *ngIf=\"type === 'error'\" class=\"material-icons\" style=\"color: var(--box-feedback-icon-color);\">error</span>\n <span *ngIf=\"type === 'warning'\" class=\"material-icons\" style=\"color: var(--box-feedback-icon-color);\">warning</span>\n <span *ngIf=\"type === 'info'\" class=\"material-icons\" style=\"color: var(--box-feedback-icon-color);\">info</span>\n <span *ngIf=\"type === 'success'\" class=\"material-icons\" style=\"color: var(--box-feedback-icon-color);\">check_circle</span>\n </div>\n <svg *ngIf=\"type === 'loading'\" class=\"spinner\" viewBox=\"0 0 66 66\" xmlns=\"http://www.w3.org/2000/svg\">\n <circle class=\"loading-icon\" fill=\"none\" stroke=\"var(--box-feedback-icon-color)\" stroke-width=\"6\"\n stroke-linecap=\"round\" cx=\"33\" cy=\"33\" r=\"30\"></circle>\n </svg>\n <div class=\"box-feedback--content\">\n <div class=\"box-feedback--header\"> \n <h6 class=\"display-6 bold\">\n {{ title }}\n </h6>\n <a class=\"btn-close\" (click)=\"close()\" *ngIf=\"!hideClose\" >\n <svg viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M11.25 0.758431C10.925 0.433431 10.4 0.433431 10.075 0.758431L5.99998 4.8251L1.92498 0.750098C1.59998 0.425098 1.07498 0.425098 0.749976 0.750098C0.424976 1.0751 0.424976 1.6001 0.749976 1.9251L4.82498 6.0001L0.749976 10.0751C0.424976 10.4001 0.424976 10.9251 0.749976 11.2501C1.07498 11.5751 1.59998 11.5751 1.92498 11.2501L5.99998 7.1751L10.075 11.2501C10.4 11.5751 10.925 11.5751 11.25 11.2501C11.575 10.9251 11.575 10.4001 11.25 10.0751L7.17497 6.0001L11.25 1.9251C11.5666 1.60843 11.5666 1.0751 11.25 0.758431Z\" />\n </svg>\n </a>\n </div>\n <p class=\"display-p\">{{ message }}</p>\n </div>\n</div>\n", styles: ["wco-msg-box-feedback{display:block;width:100%;max-width:100%}div.box-feedback{align-content:initial;align-items:flex-start;background:var(--box-feedback-bg);border-radius:var(--wco-radius-sm);border:4px solid var(--box-feedback-border);display:inline-flex;padding:var(--wco-spacing-xxxs, 8px);position:relative;box-sizing:border-box;min-width:274px;min-height:84px;max-width:580px;width:auto}div.box-feedback.mode-full{width:100%;min-width:100%;max-width:100%}div.box-feedback.mode-shadow{box-shadow:var(--wco-shadow-level-1)}div.box-feedback .box-feedback--content{width:100%;display:block}div.box-feedback .box-feedback--header{display:flex;align-items:flex-start;justify-content:space-between;width:100%}div.box-feedback a.btn-close{cursor:pointer}div.box-feedback a.btn-close svg{width:12px;margin:0}div.box-feedback a.btn-close svg path{fill:var(--wco-color-neutral-700)}div.box-feedback .box-feedback--icon,div.box-feedback svg{margin:0 10px 0 0;flex:0 0 20px}div.box-feedback .box-feedback--icon path,div.box-feedback svg path{fill:var(--box-feedback-icon-color)}div.box-feedback h6{color:var(--box-feedback-title);line-height:1.2;text-wrap:pretty}div.box-feedback p{color:var(--box-feedback-text);text-wrap:pretty;line-height:1.1;margin-top:var(--wco-spacing-nano, 8px)}div.box-feedback .spinner{width:20px;height:20px;animation:rotator 1.4s linear infinite}@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}}div.box-feedback .loading-icon{stroke-dasharray:187;stroke-dashoffset:12px;transform-origin:center;animation:dash 1.4s ease-in-out infinite}@keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}to{stroke-dashoffset:187;transform:rotate(450deg)}}div.box-feedback.box-feedback-error{--box-feedback-text: var(--wco-color-neutral-700);--box-feedback-bg: var(--wco-color-neutral-50);--box-feedback-border: var(--wco-color-danger-500);--box-feedback-icon-color: var(--wco-color-danger-600);--box-feedback-title: var(--wco-color-danger-600)}div.box-feedback.box-feedback-success{--box-feedback-text: var(--wco-color-neutral-700);--box-feedback-bg: var(--wco-color-neutral-50);--box-feedback-border: var(--wco-color-success-500);--box-feedback-icon-color: var(--wco-color-success-600);--box-feedback-title: var(--wco-color-success-600)}div.box-feedback.box-feedback-warning{--box-feedback-text: var(--wco-color-neutral-700);--box-feedback-bg: var(--wco-color-neutral-50);--box-feedback-border: var(--wco-color-warning-500);--box-feedback-icon-color: var(--wco-color-warning-600);--box-feedback-title: var(--wco-color-warning-600)}div.box-feedback.box-feedback-info{--box-feedback-text: var(--wco-color-neutral-700);--box-feedback-bg: var(--wco-color-neutral-50);--box-feedback-border: var(--wco-color-info-500);--box-feedback-icon-color: var(--wco-color-info-600);--box-feedback-title: var(--wco-color-info-600)}div.box-feedback.box-feedback-loading{--box-feedback-text: var(--wco-color-neutral-700);--box-feedback-bg: var(--wco-color-neutral-50);--box-feedback-border: var(--wco-color-secondary-500);--box-feedback-icon-color: var(--wco-color-secondary-600);--box-feedback-title: var(--wco-color-secondary-600)}\n"] }]
70
+ args: [{ selector: 'wco-msg-box-feedback', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<div \n [ngClass]=\"'box-feedback box-feedback-' + type + ' mode-' + mode\"\n [className]=\"shadow ? 'mode-shadow' : ''\"\n>\n <div class=\"box-feedback--icon\" *ngIf=\"type !== 'loading'\">\n <span *ngIf=\"type === 'error'\" class=\"material-icons\" style=\"color: var(--box-feedback-icon-color);\">error</span>\n <span *ngIf=\"type === 'warning'\" class=\"material-icons\" style=\"color: var(--box-feedback-icon-color);\">warning</span>\n <span *ngIf=\"type === 'info'\" class=\"material-icons\" style=\"color: var(--box-feedback-icon-color);\">info</span>\n <span *ngIf=\"type === 'success'\" class=\"material-icons\" style=\"color: var(--box-feedback-icon-color);\">check_circle</span>\n </div>\n <svg *ngIf=\"type === 'loading'\" class=\"spinner\" viewBox=\"0 0 66 66\" xmlns=\"http://www.w3.org/2000/svg\">\n <circle class=\"loading-icon\" fill=\"none\" stroke=\"var(--box-feedback-icon-color)\" stroke-width=\"6\"\n stroke-linecap=\"round\" cx=\"33\" cy=\"33\" r=\"30\"></circle>\n </svg>\n <div class=\"box-feedback--content\">\n <div class=\"box-feedback--header\"> \n <h6 class=\"display-6 bold\">\n {{ title }}\n </h6>\n <a class=\"btn-close\" (click)=\"close()\" *ngIf=\"!hideClose\" >\n <svg viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M11.25 0.758431C10.925 0.433431 10.4 0.433431 10.075 0.758431L5.99998 4.8251L1.92498 0.750098C1.59998 0.425098 1.07498 0.425098 0.749976 0.750098C0.424976 1.0751 0.424976 1.6001 0.749976 1.9251L4.82498 6.0001L0.749976 10.0751C0.424976 10.4001 0.424976 10.9251 0.749976 11.2501C1.07498 11.5751 1.59998 11.5751 1.92498 11.2501L5.99998 7.1751L10.075 11.2501C10.4 11.5751 10.925 11.5751 11.25 11.2501C11.575 10.9251 11.575 10.4001 11.25 10.0751L7.17497 6.0001L11.25 1.9251C11.5666 1.60843 11.5666 1.0751 11.25 0.758431Z\" />\n </svg>\n </a>\n </div>\n <p class=\"display-p\">{{ message }}</p>\n <ng-content></ng-content>\n <div class=\"flex gap-xxs justify-end mt-xs\" *ngIf=\"hasButton\">\n <button \n class=\"btn btn-sm btn-link btn-primary\"\n (click)=\"handleClickButton()\"\n type=\"button\">\n {{ textButton }}\n </button>\n </div>\n </div>\n</div>\n", styles: ["wco-msg-box-feedback{display:block;width:100%;max-width:100%}div.box-feedback{align-content:initial;align-items:flex-start;background:var(--box-feedback-bg);border-radius:var(--wco-radius-md);border:2px solid var(--box-feedback-border);display:inline-flex;padding:var(--wco-spacing-xxxs, 8px);position:relative;box-sizing:border-box;min-width:274px;min-height:84px;max-width:580px;width:auto}div.box-feedback.mode-full{width:100%;min-width:100%;max-width:100%}div.box-feedback.mode-shadow{box-shadow:var(--wco-shadow-level-1)}div.box-feedback .box-feedback--content{width:100%;display:block}div.box-feedback .box-feedback--header{display:flex;align-items:flex-start;justify-content:space-between;width:100%}div.box-feedback a.btn-close{cursor:pointer}div.box-feedback a.btn-close svg{width:12px;margin:0}div.box-feedback a.btn-close svg path{fill:var(--wco-color-neutral-700)}div.box-feedback .box-feedback--icon,div.box-feedback svg{margin:0 10px 0 0;flex:0 0 20px}div.box-feedback .box-feedback--icon path,div.box-feedback svg path{fill:var(--box-feedback-icon-color)}div.box-feedback h6{color:var(--box-feedback-title);line-height:1.2;text-wrap:pretty}div.box-feedback p{color:var(--box-feedback-text);text-wrap:pretty;line-height:1.1;margin-top:var(--wco-spacing-nano, 8px)}div.box-feedback .spinner{width:20px;height:20px;animation:rotator 1.4s linear infinite}@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}}div.box-feedback .loading-icon{stroke-dasharray:187;stroke-dashoffset:12px;transform-origin:center;animation:dash 1.4s ease-in-out infinite}@keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}to{stroke-dashoffset:187;transform:rotate(450deg)}}div.box-feedback.box-feedback-error{--box-feedback-text: var(--wco-color-neutral-700);--box-feedback-bg: var(--wco-color-neutral-50);--box-feedback-border: var(--wco-color-danger-500);--box-feedback-icon-color: var(--wco-color-danger-600);--box-feedback-title: var(--wco-color-danger-600)}div.box-feedback.box-feedback-success{--box-feedback-text: var(--wco-color-neutral-700);--box-feedback-bg: var(--wco-color-neutral-50);--box-feedback-border: var(--wco-color-success-500);--box-feedback-icon-color: var(--wco-color-success-600);--box-feedback-title: var(--wco-color-success-600)}div.box-feedback.box-feedback-warning{--box-feedback-text: var(--wco-color-neutral-700);--box-feedback-bg: var(--wco-color-neutral-50);--box-feedback-border: var(--wco-color-warning-500);--box-feedback-icon-color: var(--wco-color-warning-600);--box-feedback-title: var(--wco-color-warning-600)}div.box-feedback.box-feedback-info{--box-feedback-text: var(--wco-color-neutral-700);--box-feedback-bg: var(--wco-color-neutral-50);--box-feedback-border: var(--wco-color-info-500);--box-feedback-icon-color: var(--wco-color-info-600);--box-feedback-title: var(--wco-color-info-600)}div.box-feedback.box-feedback-loading{--box-feedback-text: var(--wco-color-neutral-700);--box-feedback-bg: var(--wco-color-neutral-50);--box-feedback-border: var(--wco-color-secondary-500);--box-feedback-icon-color: var(--wco-color-secondary-600);--box-feedback-title: var(--wco-color-secondary-600)}\n"] }]
76
71
  }], ctorParameters: () => [], propDecorators: { shadow: [{
77
72
  type: Input
78
73
  }], mode: [{
@@ -85,7 +80,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
85
80
  type: Input
86
81
  }], hideClose: [{
87
82
  type: Input
83
+ }], textButton: [{
84
+ type: Input
88
85
  }], onClose: [{
89
86
  type: Output
87
+ }], clickButton: [{
88
+ type: Output
90
89
  }] } });
91
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXNnLWJveC1mZWVkYmFjay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9uZW50cy9zcmMvbGliL21zZy1ib3gtZmVlZGJhY2svbXNnLWJveC1mZWVkYmFjay5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9uZW50cy9zcmMvbGliL21zZy1ib3gtZmVlZGJhY2svbXNnLWJveC1mZWVkYmFjay5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7OztBQW9CMUUsTUFBTSxPQUFPLHVCQUF1QjtJQUNsQzs7Ozs7T0FLRztJQUNNLE1BQU0sR0FBRyxLQUFLLENBQUM7SUFFeEI7Ozs7O09BS0c7SUFDTSxJQUFJLEdBQWdDLEtBQUssQ0FBQztJQUNuRDs7O09BR0c7SUFDTSxLQUFLLENBQWdDO0lBQzlDOzs7T0FHRztJQUNNLE9BQU8sQ0FBa0M7SUFDbEQ7OztPQUdHO0lBQ00sSUFBSSxHQUFnQyxPQUFPLENBQUM7SUFFckQ7OztPQUdHO0lBQ00sU0FBUyxHQUFHLEtBQUssQ0FBQztJQUUzQjs7O09BR0c7SUFDTyxPQUFPLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztJQUU1QyxnQkFBZSxDQUFDO0lBRWhCLEtBQUs7UUFDSCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMxQixDQUFDO3dHQWhEVSx1QkFBdUI7NEZBQXZCLHVCQUF1Qix1T0N2QnBDLGkrREE2QkEsd3FHRHRCWSxZQUFZLG1OQUlWO1lBQ1YsT0FBTyxDQUFDLGdCQUFnQixFQUFFO2dCQUN4QixVQUFVLENBQUMsUUFBUSxFQUFFO29CQUNuQixLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSxrQkFBa0IsRUFBRSxDQUFDO29CQUNwRCxPQUFPLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRSxDQUFDLENBQUM7aUJBQ3BFLENBQUM7Z0JBQ0YsVUFBVSxDQUFDLFFBQVEsRUFBRTtvQkFDbkIsT0FBTyxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSxrQkFBa0IsRUFBRSxDQUFDLENBQUM7aUJBQ3ZFLENBQUM7YUFDSCxDQUFDO1NBQ0g7OzRGQUVVLHVCQUF1QjtrQkFuQm5DLFNBQVM7K0JBQ0Usc0JBQXNCLGNBQ3BCLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyxpQkFHUixpQkFBaUIsQ0FBQyxJQUFJLGNBQ3pCO3dCQUNWLE9BQU8sQ0FBQyxnQkFBZ0IsRUFBRTs0QkFDeEIsVUFBVSxDQUFDLFFBQVEsRUFBRTtnQ0FDbkIsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxTQUFTLEVBQUUsa0JBQWtCLEVBQUUsQ0FBQztnQ0FDcEQsT0FBTyxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUUsQ0FBQyxDQUFDOzZCQUNwRSxDQUFDOzRCQUNGLFVBQVUsQ0FBQyxRQUFRLEVBQUU7Z0NBQ25CLE9BQU8sQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxTQUFTLEVBQUUsa0JBQWtCLEVBQUUsQ0FBQyxDQUFDOzZCQUN2RSxDQUFDO3lCQUNILENBQUM7cUJBQ0g7d0RBU1EsTUFBTTtzQkFBZCxLQUFLO2dCQVFHLElBQUk7c0JBQVosS0FBSztnQkFLRyxLQUFLO3NCQUFiLEtBQUs7Z0JBS0csT0FBTztzQkFBZixLQUFLO2dCQUtHLElBQUk7c0JBQVosS0FBSztnQkFNRyxTQUFTO3NCQUFqQixLQUFLO2dCQU1JLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBNc2dCb3hGZWVkYmFja1R5cGVzIH0gZnJvbSAnLi9tc2ctYm94LWZlZWJhY2sudHlwZXMnO1xuaW1wb3J0IHsgYW5pbWF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3djby1tc2ctYm94LWZlZWRiYWNrJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9tc2ctYm94LWZlZWRiYWNrLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbXNnLWJveC1mZWVkYmFjay5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBhbmltYXRpb25zOiBbXG4gICAgdHJpZ2dlcignZmFkZVNsaWRlSW5PdXQnLCBbXG4gICAgICB0cmFuc2l0aW9uKCc6ZW50ZXInLCBbXG4gICAgICAgIHN0eWxlKHsgb3BhY2l0eTogMCwgdHJhbnNmb3JtOiAndHJhbnNsYXRlWSgxMHB4KScgfSksXG4gICAgICAgIGFuaW1hdGUoJzUwMG1zJywgc3R5bGUoeyBvcGFjaXR5OiAxLCB0cmFuc2Zvcm06ICd0cmFuc2xhdGVZKDApJyB9KSksXG4gICAgICBdKSxcbiAgICAgIHRyYW5zaXRpb24oJzpsZWF2ZScsIFtcbiAgICAgICAgYW5pbWF0ZSgnNTAwbXMnLCBzdHlsZSh7IG9wYWNpdHk6IDAsIHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVkoMTBweCknIH0pKSxcbiAgICAgIF0pLFxuICAgIF0pLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBNc2dCb3hGZWVkYmFja0NvbXBvbmVudCB7XG4gIC8qXG4gICAqIFNvbWJyYSBkbyBjb21wb25lbnRlXG4gICAqIEBwYXJhbSB7Ym9vbGVhbn0gc2hhZG93XG4gICAqIEBkZWZhdWx0IHRydWVcbiAgICogQGV4YW1wbGUgdHJ1ZSB8IGZhbHNlXG4gICAqL1xuICBASW5wdXQoKSBzaGFkb3cgPSBmYWxzZTtcblxuICAvKlxuICAgKiBNb2RvIGRvIGNvbXBvbmVudGVcbiAgICogQHBhcmFtIHtNc2dCb3hGZWVkYmFja1R5cGVzWydtb2RlJ119IG1vZGVcbiAgICogQGRlZmF1bHQgJ2ZpdCdcbiAgICogQGV4YW1wbGUgJ2ZpdCcgfCAnZnVsbCdcbiAgICovXG4gIEBJbnB1dCgpIG1vZGU6IE1zZ0JveEZlZWRiYWNrVHlwZXNbJ21vZGUnXSA9ICdmaXQnO1xuICAvKlxuICAgKiBUw610dWxvIGRvIGNvbXBvbmVudGVcbiAgICogQHBhcmFtIHtNc2dCb3hGZWVkYmFja1R5cGVzWyd0aXRsZSddfSB0aXRsZVxuICAgKi9cbiAgQElucHV0KCkgdGl0bGUhOiBNc2dCb3hGZWVkYmFja1R5cGVzWyd0aXRsZSddO1xuICAvKlxuICAgKiBNZW5zYWdlbSBkbyBjb21wb25lbnRlXG4gICAqIEBwYXJhbSB7TXNnQm94RmVlZGJhY2tUeXBlc1snbWVzc2FnZSddfSBtZXNzYWdlXG4gICAqL1xuICBASW5wdXQoKSBtZXNzYWdlITogTXNnQm94RmVlZGJhY2tUeXBlc1snbWVzc2FnZSddO1xuICAvKlxuICAgKiBUaXBvIGRvIGNvbXBvbmVudGVcbiAgICogQHBhcmFtIHtNc2dCb3hGZWVkYmFja1R5cGVzWyd0eXBlJ119IHR5cGVcbiAgICovXG4gIEBJbnB1dCgpIHR5cGU6IE1zZ0JveEZlZWRiYWNrVHlwZXNbJ3R5cGUnXSA9ICdlcnJvcic7XG5cbiAgLypcbiAgICogUmVtb3ZlciBib3TDo28gZGUgZmVjaGFyXG4gICAqIEBwYXJhbSB7Ym9vbGVhbn0gaGlkZUNsb3NlXG4gICAqL1xuICBASW5wdXQoKSBoaWRlQ2xvc2UgPSBmYWxzZTtcblxuICAvKlxuICAgKiBFdmVudG8gZW1pdGlkbyBhbyBmZWNoYXIgbyBjb21wb25lbnRlXG4gICAqIEBwYXJhbSB7RXZlbnRFbWl0dGVyPGFueT59XG4gICAqL1xuICBAT3V0cHV0KCkgb25DbG9zZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBjbG9zZSgpOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2xvc2UuZW1pdCh0cnVlKTtcbiAgfVxufVxuIiwiPGRpdiBcbiAgW25nQ2xhc3NdPVwiJ2JveC1mZWVkYmFjayBib3gtZmVlZGJhY2stJyArIHR5cGUgKyAnIG1vZGUtJyArIG1vZGVcIlxuICBbY2xhc3NOYW1lXT1cInNoYWRvdyA/ICdtb2RlLXNoYWRvdycgOiAnJ1wiXG4gIEBmYWRlU2xpZGVJbk91dD5cbiAgPGRpdiBjbGFzcz1cImJveC1mZWVkYmFjay0taWNvblwiICpuZ0lmPVwidHlwZSAhPT0gJ2xvYWRpbmcnXCI+XG4gICAgPHNwYW4gKm5nSWY9XCJ0eXBlID09PSAnZXJyb3InXCIgY2xhc3M9XCJtYXRlcmlhbC1pY29uc1wiIHN0eWxlPVwiY29sb3I6IHZhcigtLWJveC1mZWVkYmFjay1pY29uLWNvbG9yKTtcIj5lcnJvcjwvc3Bhbj5cbiAgICA8c3BhbiAqbmdJZj1cInR5cGUgPT09ICd3YXJuaW5nJ1wiIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnNcIiBzdHlsZT1cImNvbG9yOiB2YXIoLS1ib3gtZmVlZGJhY2staWNvbi1jb2xvcik7XCI+d2FybmluZzwvc3Bhbj5cbiAgICA8c3BhbiAqbmdJZj1cInR5cGUgPT09ICdpbmZvJ1wiIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnNcIiBzdHlsZT1cImNvbG9yOiB2YXIoLS1ib3gtZmVlZGJhY2staWNvbi1jb2xvcik7XCI+aW5mbzwvc3Bhbj5cbiAgICA8c3BhbiAqbmdJZj1cInR5cGUgPT09ICdzdWNjZXNzJ1wiIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnNcIiBzdHlsZT1cImNvbG9yOiB2YXIoLS1ib3gtZmVlZGJhY2staWNvbi1jb2xvcik7XCI+Y2hlY2tfY2lyY2xlPC9zcGFuPlxuICA8L2Rpdj5cbiAgPHN2ZyAqbmdJZj1cInR5cGUgPT09ICdsb2FkaW5nJ1wiIGNsYXNzPVwic3Bpbm5lclwiIHZpZXdCb3g9XCIwIDAgNjYgNjZcIiB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCI+XG4gICAgPGNpcmNsZSBjbGFzcz1cImxvYWRpbmctaWNvblwiIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwidmFyKC0tYm94LWZlZWRiYWNrLWljb24tY29sb3IpXCIgc3Ryb2tlLXdpZHRoPVwiNlwiXG4gICAgICBzdHJva2UtbGluZWNhcD1cInJvdW5kXCIgY3g9XCIzM1wiIGN5PVwiMzNcIiByPVwiMzBcIj48L2NpcmNsZT5cbiAgPC9zdmc+XG4gIDxkaXYgY2xhc3M9XCJib3gtZmVlZGJhY2stLWNvbnRlbnRcIj5cbiAgICA8ZGl2IGNsYXNzPVwiYm94LWZlZWRiYWNrLS1oZWFkZXJcIj4gXG4gICAgICA8aDYgY2xhc3M9XCJkaXNwbGF5LTYgYm9sZFwiPlxuICAgICAgICB7eyB0aXRsZSB9fVxuICAgICAgPC9oNj5cbiAgICAgIDxhIGNsYXNzPVwiYnRuLWNsb3NlXCIgKGNsaWNrKT1cImNsb3NlKClcIiAqbmdJZj1cIiFoaWRlQ2xvc2VcIiA+XG4gICAgICAgIDxzdmcgdmlld0JveD1cIjAgMCAxMiAxMlwiIGZpbGw9XCJub25lXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICBkPVwiTTExLjI1IDAuNzU4NDMxQzEwLjkyNSAwLjQzMzQzMSAxMC40IDAuNDMzNDMxIDEwLjA3NSAwLjc1ODQzMUw1Ljk5OTk4IDQuODI1MUwxLjkyNDk4IDAuNzUwMDk4QzEuNTk5OTggMC40MjUwOTggMS4wNzQ5OCAwLjQyNTA5OCAwLjc0OTk3NiAwLjc1MDA5OEMwLjQyNDk3NiAxLjA3NTEgMC40MjQ5NzYgMS42MDAxIDAuNzQ5OTc2IDEuOTI1MUw0LjgyNDk4IDYuMDAwMUwwLjc0OTk3NiAxMC4wNzUxQzAuNDI0OTc2IDEwLjQwMDEgMC40MjQ5NzYgMTAuOTI1MSAwLjc0OTk3NiAxMS4yNTAxQzEuMDc0OTggMTEuNTc1MSAxLjU5OTk4IDExLjU3NTEgMS45MjQ5OCAxMS4yNTAxTDUuOTk5OTggNy4xNzUxTDEwLjA3NSAxMS4yNTAxQzEwLjQgMTEuNTc1MSAxMC45MjUgMTEuNTc1MSAxMS4yNSAxMS4yNTAxQzExLjU3NSAxMC45MjUxIDExLjU3NSAxMC40MDAxIDExLjI1IDEwLjA3NTFMNy4xNzQ5NyA2LjAwMDFMMTEuMjUgMS45MjUxQzExLjU2NjYgMS42MDg0MyAxMS41NjY2IDEuMDc1MSAxMS4yNSAwLjc1ODQzMVpcIiAvPlxuICAgICAgICA8L3N2Zz5cbiAgICAgIDwvYT5cbiAgICA8L2Rpdj5cbiAgICA8cCBjbGFzcz1cImRpc3BsYXktcFwiPnt7IG1lc3NhZ2UgfX08L3A+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
90
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXNnLWJveC1mZWVkYmFjay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9uZW50cy9zcmMvbGliL21zZy1ib3gtZmVlZGJhY2svbXNnLWJveC1mZWVkYmFjay5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9uZW50cy9zcmMvbGliL21zZy1ib3gtZmVlZGJhY2svbXNnLWJveC1mZWVkYmFjay5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBVS9DLE1BQU0sT0FBTyx1QkFBdUI7SUFDbEM7Ozs7O09BS0c7SUFDTSxNQUFNLEdBQUcsS0FBSyxDQUFDO0lBRXhCOzs7OztPQUtHO0lBQ00sSUFBSSxHQUFnQyxLQUFLLENBQUM7SUFDbkQ7OztPQUdHO0lBQ00sS0FBSyxDQUFnQztJQUM5Qzs7O09BR0c7SUFDTSxPQUFPLENBQWtDO0lBQ2xEOzs7T0FHRztJQUNNLElBQUksR0FBZ0MsT0FBTyxDQUFDO0lBRXJEOzs7T0FHRztJQUNNLFNBQVMsR0FBRyxLQUFLLENBQUM7SUFFM0I7OztPQUdHO0lBQ00sVUFBVSxDQUFVO0lBRTdCOzs7T0FHRztJQUNPLE9BQU8sR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO0lBRTVDOzs7T0FHRztJQUNPLFdBQVcsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO0lBRWhELGdCQUFlLENBQUM7SUFFaEIsS0FBSztRQUNILElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzFCLENBQUM7SUFFRCxpQkFBaUI7UUFDZixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM5QixDQUFDO0lBRUQsSUFBSSxTQUFTO1FBQ1gsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLFVBQVUsSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLFNBQVMsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO0lBQ3BFLENBQUM7d0dBcEVVLHVCQUF1Qjs0RkFBdkIsdUJBQXVCLDZSQ1hwQyxvdkVBc0NBLHdxR0RoQ1ksWUFBWTs7NEZBS1gsdUJBQXVCO2tCQVJuQyxTQUFTOytCQUNFLHNCQUFzQixjQUNwQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUMsaUJBR1IsaUJBQWlCLENBQUMsSUFBSTt3REFTNUIsTUFBTTtzQkFBZCxLQUFLO2dCQVFHLElBQUk7c0JBQVosS0FBSztnQkFLRyxLQUFLO3NCQUFiLEtBQUs7Z0JBS0csT0FBTztzQkFBZixLQUFLO2dCQUtHLElBQUk7c0JBQVosS0FBSztnQkFNRyxTQUFTO3NCQUFqQixLQUFLO2dCQU1HLFVBQVU7c0JBQWxCLEtBQUs7Z0JBTUksT0FBTztzQkFBaEIsTUFBTTtnQkFNRyxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTXNnQm94RmVlZGJhY2tUeXBlcyB9IGZyb20gJy4vbXNnLWJveC1mZWViYWNrLnR5cGVzJztcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3djby1tc2ctYm94LWZlZWRiYWNrJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9tc2ctYm94LWZlZWRiYWNrLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbXNnLWJveC1mZWVkYmFjay5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBNc2dCb3hGZWVkYmFja0NvbXBvbmVudCB7XG4gIC8qXG4gICAqIFNvbWJyYSBkbyBjb21wb25lbnRlXG4gICAqIEBwYXJhbSB7Ym9vbGVhbn0gc2hhZG93XG4gICAqIEBkZWZhdWx0IHRydWVcbiAgICogQGV4YW1wbGUgdHJ1ZSB8IGZhbHNlXG4gICAqL1xuICBASW5wdXQoKSBzaGFkb3cgPSBmYWxzZTtcblxuICAvKlxuICAgKiBNb2RvIGRvIGNvbXBvbmVudGVcbiAgICogQHBhcmFtIHtNc2dCb3hGZWVkYmFja1R5cGVzWydtb2RlJ119IG1vZGVcbiAgICogQGRlZmF1bHQgJ2ZpdCdcbiAgICogQGV4YW1wbGUgJ2ZpdCcgfCAnZnVsbCdcbiAgICovXG4gIEBJbnB1dCgpIG1vZGU6IE1zZ0JveEZlZWRiYWNrVHlwZXNbJ21vZGUnXSA9ICdmaXQnO1xuICAvKlxuICAgKiBUw610dWxvIGRvIGNvbXBvbmVudGVcbiAgICogQHBhcmFtIHtNc2dCb3hGZWVkYmFja1R5cGVzWyd0aXRsZSddfSB0aXRsZVxuICAgKi9cbiAgQElucHV0KCkgdGl0bGUhOiBNc2dCb3hGZWVkYmFja1R5cGVzWyd0aXRsZSddO1xuICAvKlxuICAgKiBNZW5zYWdlbSBkbyBjb21wb25lbnRlXG4gICAqIEBwYXJhbSB7TXNnQm94RmVlZGJhY2tUeXBlc1snbWVzc2FnZSddfSBtZXNzYWdlXG4gICAqL1xuICBASW5wdXQoKSBtZXNzYWdlITogTXNnQm94RmVlZGJhY2tUeXBlc1snbWVzc2FnZSddO1xuICAvKlxuICAgKiBUaXBvIGRvIGNvbXBvbmVudGVcbiAgICogQHBhcmFtIHtNc2dCb3hGZWVkYmFja1R5cGVzWyd0eXBlJ119IHR5cGVcbiAgICovXG4gIEBJbnB1dCgpIHR5cGU6IE1zZ0JveEZlZWRiYWNrVHlwZXNbJ3R5cGUnXSA9ICdlcnJvcic7XG5cbiAgLypcbiAgICogUmVtb3ZlciBib3TDo28gZGUgZmVjaGFyXG4gICAqIEBwYXJhbSB7Ym9vbGVhbn0gaGlkZUNsb3NlXG4gICAqL1xuICBASW5wdXQoKSBoaWRlQ2xvc2UgPSBmYWxzZTtcblxuICAvKlxuICAgKiBUZXh0byBkbyBib3TDo29cbiAgICogQHBhcmFtIHtzdHJpbmd9IHRleHRCdXR0b25cbiAgICovXG4gIEBJbnB1dCgpIHRleHRCdXR0b24/OiBzdHJpbmc7XG5cbiAgLypcbiAgICogRXZlbnRvIGVtaXRpZG8gYW8gZmVjaGFyIG8gY29tcG9uZW50ZVxuICAgKiBAcGFyYW0ge0V2ZW50RW1pdHRlcjxhbnk+fVxuICAgKi9cbiAgQE91dHB1dCgpIG9uQ2xvc2UgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcblxuICAvKlxuICAgKiBFdmVudG8gZW1pdGlkbyBhbyBjbGljYXIgbm8gYm90w6NvXG4gICAqIEBwYXJhbSB7RXZlbnRFbWl0dGVyPGFueT59XG4gICAqL1xuICBAT3V0cHV0KCkgY2xpY2tCdXR0b24gPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgY2xvc2UoKTogdm9pZCB7XG4gICAgdGhpcy5vbkNsb3NlLmVtaXQodHJ1ZSk7XG4gIH1cblxuICBoYW5kbGVDbGlja0J1dHRvbigpOiB2b2lkIHtcbiAgICB0aGlzLmNsaWNrQnV0dG9uLmVtaXQodHJ1ZSk7XG4gIH1cblxuICBnZXQgaGFzQnV0dG9uKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAhIXRoaXMudGV4dEJ1dHRvbiAmJiB0aGlzLmNsaWNrQnV0dG9uLm9ic2VydmVycy5sZW5ndGggPiAwO1xuICB9XG59XG4iLCI8ZGl2IFxuICBbbmdDbGFzc109XCInYm94LWZlZWRiYWNrIGJveC1mZWVkYmFjay0nICsgdHlwZSArICcgbW9kZS0nICsgbW9kZVwiXG4gIFtjbGFzc05hbWVdPVwic2hhZG93ID8gJ21vZGUtc2hhZG93JyA6ICcnXCJcbj5cbiAgPGRpdiBjbGFzcz1cImJveC1mZWVkYmFjay0taWNvblwiICpuZ0lmPVwidHlwZSAhPT0gJ2xvYWRpbmcnXCI+XG4gICAgPHNwYW4gKm5nSWY9XCJ0eXBlID09PSAnZXJyb3InXCIgY2xhc3M9XCJtYXRlcmlhbC1pY29uc1wiIHN0eWxlPVwiY29sb3I6IHZhcigtLWJveC1mZWVkYmFjay1pY29uLWNvbG9yKTtcIj5lcnJvcjwvc3Bhbj5cbiAgICA8c3BhbiAqbmdJZj1cInR5cGUgPT09ICd3YXJuaW5nJ1wiIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnNcIiBzdHlsZT1cImNvbG9yOiB2YXIoLS1ib3gtZmVlZGJhY2staWNvbi1jb2xvcik7XCI+d2FybmluZzwvc3Bhbj5cbiAgICA8c3BhbiAqbmdJZj1cInR5cGUgPT09ICdpbmZvJ1wiIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnNcIiBzdHlsZT1cImNvbG9yOiB2YXIoLS1ib3gtZmVlZGJhY2staWNvbi1jb2xvcik7XCI+aW5mbzwvc3Bhbj5cbiAgICA8c3BhbiAqbmdJZj1cInR5cGUgPT09ICdzdWNjZXNzJ1wiIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnNcIiBzdHlsZT1cImNvbG9yOiB2YXIoLS1ib3gtZmVlZGJhY2staWNvbi1jb2xvcik7XCI+Y2hlY2tfY2lyY2xlPC9zcGFuPlxuICA8L2Rpdj5cbiAgPHN2ZyAqbmdJZj1cInR5cGUgPT09ICdsb2FkaW5nJ1wiIGNsYXNzPVwic3Bpbm5lclwiIHZpZXdCb3g9XCIwIDAgNjYgNjZcIiB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCI+XG4gICAgPGNpcmNsZSBjbGFzcz1cImxvYWRpbmctaWNvblwiIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwidmFyKC0tYm94LWZlZWRiYWNrLWljb24tY29sb3IpXCIgc3Ryb2tlLXdpZHRoPVwiNlwiXG4gICAgICBzdHJva2UtbGluZWNhcD1cInJvdW5kXCIgY3g9XCIzM1wiIGN5PVwiMzNcIiByPVwiMzBcIj48L2NpcmNsZT5cbiAgPC9zdmc+XG4gIDxkaXYgY2xhc3M9XCJib3gtZmVlZGJhY2stLWNvbnRlbnRcIj5cbiAgICA8ZGl2IGNsYXNzPVwiYm94LWZlZWRiYWNrLS1oZWFkZXJcIj4gXG4gICAgICA8aDYgY2xhc3M9XCJkaXNwbGF5LTYgYm9sZFwiPlxuICAgICAgICB7eyB0aXRsZSB9fVxuICAgICAgPC9oNj5cbiAgICAgIDxhIGNsYXNzPVwiYnRuLWNsb3NlXCIgKGNsaWNrKT1cImNsb3NlKClcIiAqbmdJZj1cIiFoaWRlQ2xvc2VcIiA+XG4gICAgICAgIDxzdmcgdmlld0JveD1cIjAgMCAxMiAxMlwiIGZpbGw9XCJub25lXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICBkPVwiTTExLjI1IDAuNzU4NDMxQzEwLjkyNSAwLjQzMzQzMSAxMC40IDAuNDMzNDMxIDEwLjA3NSAwLjc1ODQzMUw1Ljk5OTk4IDQuODI1MUwxLjkyNDk4IDAuNzUwMDk4QzEuNTk5OTggMC40MjUwOTggMS4wNzQ5OCAwLjQyNTA5OCAwLjc0OTk3NiAwLjc1MDA5OEMwLjQyNDk3NiAxLjA3NTEgMC40MjQ5NzYgMS42MDAxIDAuNzQ5OTc2IDEuOTI1MUw0LjgyNDk4IDYuMDAwMUwwLjc0OTk3NiAxMC4wNzUxQzAuNDI0OTc2IDEwLjQwMDEgMC40MjQ5NzYgMTAuOTI1MSAwLjc0OTk3NiAxMS4yNTAxQzEuMDc0OTggMTEuNTc1MSAxLjU5OTk4IDExLjU3NTEgMS45MjQ5OCAxMS4yNTAxTDUuOTk5OTggNy4xNzUxTDEwLjA3NSAxMS4yNTAxQzEwLjQgMTEuNTc1MSAxMC45MjUgMTEuNTc1MSAxMS4yNSAxMS4yNTAxQzExLjU3NSAxMC45MjUxIDExLjU3NSAxMC40MDAxIDExLjI1IDEwLjA3NTFMNy4xNzQ5NyA2LjAwMDFMMTEuMjUgMS45MjUxQzExLjU2NjYgMS42MDg0MyAxMS41NjY2IDEuMDc1MSAxMS4yNSAwLjc1ODQzMVpcIiAvPlxuICAgICAgICA8L3N2Zz5cbiAgICAgIDwvYT5cbiAgICA8L2Rpdj5cbiAgICA8cCBjbGFzcz1cImRpc3BsYXktcFwiPnt7IG1lc3NhZ2UgfX08L3A+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDxkaXYgY2xhc3M9XCJmbGV4IGdhcC14eHMganVzdGlmeS1lbmQgbXQteHNcIiAqbmdJZj1cImhhc0J1dHRvblwiPlxuICAgICAgPGJ1dHRvbiBcbiAgICAgICAgY2xhc3M9XCJidG4gYnRuLXNtIGJ0bi1saW5rIGJ0bi1wcmltYXJ5XCJcbiAgICAgICAgKGNsaWNrKT1cImhhbmRsZUNsaWNrQnV0dG9uKClcIlxuICAgICAgICB0eXBlPVwiYnV0dG9uXCI+XG4gICAgICAgIHt7IHRleHRCdXR0b24gfX1cbiAgICAgIDwvYnV0dG9uPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
package/esm2022/lib/step/step.component.mjs CHANGED
@@ -68,11 +68,11 @@ export class StepComponent {
68
68
  this.clicked.emit();
69
69
  }
70
70
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
71
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: StepComponent, isStandalone: true, selector: "wco-step", inputs: { active: "active", label: "label", iconName: "iconName", bulletValue: "bulletValue", isVertical: "isVertical", lineStart: "lineStart", lineEnd: "lineEnd", status: "status", size: "size", hasClick: "hasClick" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"step\"\n [class]=\"'step-status--' + status + ' step-size--' + size\"\n [ngClass]=\"{\n 'step--vertical': isVertical,\n 'step--horizontal': !isVertical,\n 'step--disabled-linestart': !lineStart,\n 'step--disabled-lineend': !lineEnd,\n 'step--clicked': hasClick,\n 'step--active': active\n }\"\n\n>\n <div class=\"step__line step__line--start\"></div>\n <div class=\"step__bullet\" (click)=\"clickedItem()\">\n <div>\n <span *ngIf=\"iconName && !bulletValue\" class=\"material-icons\">{{iconName}}</span>\n <span *ngIf=\"!iconName && bulletValue\">{{bulletValue}}</span>\n <ng-content select=\"[step-bullet-content]\"></ng-content>\n </div>\n </div>\n <div class=\"step__line step__line--end\"></div>\n <div class=\"step__content\">\n <div class=\"step__title\" (click)=\"clickedItem()\">\n <span *ngIf=\"label\">{{label}}</span>\n <ng-content select=\"[step-title]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: ["wco-step{display:inherit;align-items:baseline}.step{position:relative;--step-size: var(--wco-font-size-lg, 24px);--step-color: var(--wco-color-primary-600, #000);--step-background-color: var(--wco-color-primary-50, #fff);display:inline-grid;z-index:0}.step.step--active .step__title{font-weight:var(--wco-font-weight-bold, 700)}.step .step__line{width:2px;height:100%;background-color:var(--wco-color-neutral-700, #000)}.step .step__line--start{grid-area:linestart}.step .step__content{grid-area:content}.step .step__line--end{grid-area:lineend}.step--vertical{grid-template-columns:auto 1fr;grid:\"linestart .\" \"bullet content\" \"lineend .\"}.step--vertical .step__bullet{position:relative}.step--vertical .step__bullet:before{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:100%;background-color:var(--wco-color-neutral-700, #000);z-index:-1}.step--vertical .step__line{height:calc(var(--step-size) / 2);margin:0 auto;min-height:calc(var(--step-size) / 3)}.step--vertical .step__content{display:flex;align-items:center}.step--vertical .step__content .step__title{text-align:left}.step--horizontal{grid-template-columns:auto 1fr;grid:\"linestart bullet lineend\" \"content content content\";align-items:center}.step--horizontal .step__bullet{position:relative;display:flex;justify-content:center}.step--horizontal .step__bullet:before{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:101%;height:2px;background-color:var(--wco-color-neutral-700, #000);z-index:-1}.step--horizontal .step__line{height:2px;width:100%;min-width:calc(var(--step-size) / 3)}.step__bullet{grid-area:bullet;position:relative}.step__bullet>div{height:var(--step-size);width:var(--step-size);display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--step-background-color);color:var(--step-color);position:relative}.step__bullet span{font-size:var(--wco-font-size-xxs, 12px);font-weight:var(--wco-font-weight-bold, 700)}.step-status--current{--step-color: #080809;--step-background-color: var(--wco-color-primary-500, #fff)}.step-status--finalized{--step-color: #080809;--step-background-color: #FFB578}.step-status--waiting{--step-color: #080809;--step-background-color: #C4C4C4}.step-status--error{--step-color: #080809;--step-background-color: #FC9393}.step .step__content{padding-left:var(--wco-spacing-nano, 8px);padding-right:var(--wco-spacing-nano, 8px);text-align:center}.step.step--disabled-linestart.step--horizontal{grid:\"bullet bullet lineend\" \"content content content\"}.step.step--disabled-linestart.step--horizontal .step__bullet{justify-content:flex-start}.step.step--disabled-linestart.step--horizontal .step__title{text-align:left}.step.step--disabled-linestart .step__line--start{display:none}.step.step--disabled-lineend.step--horizontal{grid:\"linestart bullet bullet\" \"content content content\"}.step.step--disabled-lineend.step--horizontal .step__bullet{justify-content:flex-end}.step.step--disabled-lineend.step--horizontal .step__title{text-align:end}.step.step--disabled-lineend .step__line--end{display:none}.step.step-size--small{--step-size: var(--wco-spacing-sm, 12px)}.step.step-size--medium{--step-size: var(--wco-spacing-md, 18px)}.step.step-size--large{--step-size: var(--wco-spacing-lg, 24px)}.step.step--clicked .step__bullet{cursor:pointer;transition:all .3s ease}.step.step--clicked .step__bullet::hover{box-shadow:var(--wco-shadow-level-1)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
71
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: StepComponent, isStandalone: true, selector: "wco-step", inputs: { active: "active", label: "label", iconName: "iconName", bulletValue: "bulletValue", isVertical: "isVertical", lineStart: "lineStart", lineEnd: "lineEnd", status: "status", size: "size", hasClick: "hasClick" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"step\"\n [class]=\"'step-status--' + status + ' step-size--' + size\"\n [ngClass]=\"{\n 'step--vertical': isVertical,\n 'step--horizontal': !isVertical,\n 'step--disabled-linestart': !lineStart,\n 'step--disabled-lineend': !lineEnd,\n 'step--clicked': hasClick,\n 'step--active': active\n }\"\n\n>\n <div class=\"step__line step__line--start\"></div>\n <div class=\"step__bullet\" (click)=\"clickedItem()\">\n <div>\n <span *ngIf=\"iconName && !bulletValue\" class=\"material-icons\">{{iconName}}</span>\n <span *ngIf=\"!iconName && bulletValue\">{{bulletValue}}</span>\n <ng-content select=\"[step-bullet-content]\"></ng-content>\n </div>\n </div>\n <div class=\"step__line step__line--end\"></div>\n <div class=\"step__content\">\n <div class=\"step__title\" (click)=\"clickedItem()\">\n <span *ngIf=\"label\" class=\"display-text\">{{label}}</span>\n <ng-content select=\"[step-title]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: ["@layer wco.layer{wco-step{--wco-step-bullet-size: var(--wco-spacing-xs, 24px);--wco-step-icon-size: var(--wco-font-size-xs, 16px);--wco-step-line-color: var(--wco-color-neutral-500, #8D9399);--wco-step-min-width: 180px;--wco-step-max-width: 1350px;--wco-step-text-size: var(--wco-font-size-xs, 16px);display:inherit;align-items:baseline;width:100%}@media (max-width: 768px){wco-step{--wco-step-min-width: 90px;--wco-step-max-width: 100%}}}wco-step .step{position:relative;display:inline-grid;z-index:0;width:100%}wco-step .step.step--active .step__title span{font-weight:var(--wco-font-weight-bold, 700);color:var(--wco-color-neutral-900, #080809)}wco-step .step .step__line{width:2px;height:100%;background-color:var(--wco-step-line-color)}wco-step .step .step__line--start{grid-area:linestart}wco-step .step .step__content{grid-area:content}wco-step .step .step__line--end{grid-area:lineend}wco-step .step--vertical{grid-template-columns:24px 1fr!important;grid:\"linestart .\" \"bullet content\" \"lineend .\"}wco-step .step--vertical .step__bullet{position:relative}wco-step .step--vertical .step__bullet:before{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:100%;background-color:var(--wco-color-neutral-700, #000);z-index:-1}wco-step .step--vertical .step__line{height:calc(var(--step-size) / 2);margin:0 auto;min-height:calc(var(--step-size) / 3)}wco-step .step--vertical .step__content{display:flex;align-items:center}wco-step .step--vertical .step__content .step__title{text-align:left}wco-step .step--horizontal{min-width:var(--wco-step-min-width);max-width:var(--wco-step-max-width);grid-template-areas:\"linestart bullet lineend\" \"content content content\";grid-template-columns:1fr auto 1fr;align-items:center}wco-step .step--horizontal .step__bullet{position:relative;display:flex;justify-content:center}wco-step .step--horizontal .step__bullet:before{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:101%;height:2px;background-color:var(--wco-step-line-color);z-index:-1}wco-step .step--horizontal .step__line{height:2px;width:100%;min-width:calc(var(--step-size) / 3)}wco-step .step--horizontal .step__content{margin-top:var(--wco-spacing-nano, 8px)}wco-step .step--horizontal .step__content span.display-text{text-wrap:balance}wco-step .step__bullet{grid-area:bullet;position:relative}wco-step .step__bullet>div{height:var(--wco-step-bullet-size);width:var(--wco-step-bullet-size);display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--step-background-color);color:var(--step-color);position:relative}wco-step .step__bullet span{font-size:var(--wco-step-icon-size, 12px);font-weight:var(--wco-font-weight-bold, 700)}wco-step .step-status--current{--step-color: var(--wco-color-primary-text, var(--wco-color-neutral-50));--step-background-color: var(--wco-color-primary-600, #fff);--step-text-font-weight: var(--wco-font-weight-bold, 700)}wco-step .step-status--finalized{--step-color: var(--wco-color-neutral-50, #080809);--step-background-color: var(--wco-color-success-500, #116600);--step-text-font-weight: var(--wco-font-weight-regular, 700)}wco-step .step-status--waiting{--step-color: var(--wco-color-neutral-600, #080809);--step-background-color: var(--wco-color-neutral-300, #696969);--step-text-font-weight: var(--wco-font-weight-regular, 700)}wco-step .step-status--error{--step-color: var(--wco-color-danger-700, #FFF);--step-background-color: var(--wco-color-danger-100,#ffa0a0);--step-text-font-weight: var(--wco-font-weight-regular, 700)}wco-step .step .step__content{padding-left:var(--wco-spacing-nano, 8px);padding-right:var(--wco-spacing-nano, 8px);text-align:center}wco-step .step .step__content .step__title span{font-weight:var(--step-text-font-weight)}wco-step .step.step--disabled-linestart .step__line--start{opacity:0}wco-step .step.step--disabled-lineend .step__line--end{opacity:0}wco-step .step.step-size--small{--step-size: var(--wco-spacing-sm, 12px)}wco-step .step.step-size--medium{--step-size: var(--wco-spacing-md, 18px)}wco-step .step.step-size--large{--step-size: var(--wco-spacing-lg, 24px)}wco-step .step.step--clicked .step__bullet{cursor:pointer;transition:all .3s ease}wco-step .step.step--clicked .step__bullet::hover{box-shadow:var(--wco-shadow-level-1)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
72
72
  }
73
73
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StepComponent, decorators: [{
74
74
  type: Component,
75
- args: [{ selector: 'wco-step', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"step\"\n [class]=\"'step-status--' + status + ' step-size--' + size\"\n [ngClass]=\"{\n 'step--vertical': isVertical,\n 'step--horizontal': !isVertical,\n 'step--disabled-linestart': !lineStart,\n 'step--disabled-lineend': !lineEnd,\n 'step--clicked': hasClick,\n 'step--active': active\n }\"\n\n>\n <div class=\"step__line step__line--start\"></div>\n <div class=\"step__bullet\" (click)=\"clickedItem()\">\n <div>\n <span *ngIf=\"iconName && !bulletValue\" class=\"material-icons\">{{iconName}}</span>\n <span *ngIf=\"!iconName && bulletValue\">{{bulletValue}}</span>\n <ng-content select=\"[step-bullet-content]\"></ng-content>\n </div>\n </div>\n <div class=\"step__line step__line--end\"></div>\n <div class=\"step__content\">\n <div class=\"step__title\" (click)=\"clickedItem()\">\n <span *ngIf=\"label\">{{label}}</span>\n <ng-content select=\"[step-title]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: ["wco-step{display:inherit;align-items:baseline}.step{position:relative;--step-size: var(--wco-font-size-lg, 24px);--step-color: var(--wco-color-primary-600, #000);--step-background-color: var(--wco-color-primary-50, #fff);display:inline-grid;z-index:0}.step.step--active .step__title{font-weight:var(--wco-font-weight-bold, 700)}.step .step__line{width:2px;height:100%;background-color:var(--wco-color-neutral-700, #000)}.step .step__line--start{grid-area:linestart}.step .step__content{grid-area:content}.step .step__line--end{grid-area:lineend}.step--vertical{grid-template-columns:auto 1fr;grid:\"linestart .\" \"bullet content\" \"lineend .\"}.step--vertical .step__bullet{position:relative}.step--vertical .step__bullet:before{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:100%;background-color:var(--wco-color-neutral-700, #000);z-index:-1}.step--vertical .step__line{height:calc(var(--step-size) / 2);margin:0 auto;min-height:calc(var(--step-size) / 3)}.step--vertical .step__content{display:flex;align-items:center}.step--vertical .step__content .step__title{text-align:left}.step--horizontal{grid-template-columns:auto 1fr;grid:\"linestart bullet lineend\" \"content content content\";align-items:center}.step--horizontal .step__bullet{position:relative;display:flex;justify-content:center}.step--horizontal .step__bullet:before{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:101%;height:2px;background-color:var(--wco-color-neutral-700, #000);z-index:-1}.step--horizontal .step__line{height:2px;width:100%;min-width:calc(var(--step-size) / 3)}.step__bullet{grid-area:bullet;position:relative}.step__bullet>div{height:var(--step-size);width:var(--step-size);display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--step-background-color);color:var(--step-color);position:relative}.step__bullet span{font-size:var(--wco-font-size-xxs, 12px);font-weight:var(--wco-font-weight-bold, 700)}.step-status--current{--step-color: #080809;--step-background-color: var(--wco-color-primary-500, #fff)}.step-status--finalized{--step-color: #080809;--step-background-color: #FFB578}.step-status--waiting{--step-color: #080809;--step-background-color: #C4C4C4}.step-status--error{--step-color: #080809;--step-background-color: #FC9393}.step .step__content{padding-left:var(--wco-spacing-nano, 8px);padding-right:var(--wco-spacing-nano, 8px);text-align:center}.step.step--disabled-linestart.step--horizontal{grid:\"bullet bullet lineend\" \"content content content\"}.step.step--disabled-linestart.step--horizontal .step__bullet{justify-content:flex-start}.step.step--disabled-linestart.step--horizontal .step__title{text-align:left}.step.step--disabled-linestart .step__line--start{display:none}.step.step--disabled-lineend.step--horizontal{grid:\"linestart bullet bullet\" \"content content content\"}.step.step--disabled-lineend.step--horizontal .step__bullet{justify-content:flex-end}.step.step--disabled-lineend.step--horizontal .step__title{text-align:end}.step.step--disabled-lineend .step__line--end{display:none}.step.step-size--small{--step-size: var(--wco-spacing-sm, 12px)}.step.step-size--medium{--step-size: var(--wco-spacing-md, 18px)}.step.step-size--large{--step-size: var(--wco-spacing-lg, 24px)}.step.step--clicked .step__bullet{cursor:pointer;transition:all .3s ease}.step.step--clicked .step__bullet::hover{box-shadow:var(--wco-shadow-level-1)}\n"] }]
75
+ args: [{ selector: 'wco-step', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"step\"\n [class]=\"'step-status--' + status + ' step-size--' + size\"\n [ngClass]=\"{\n 'step--vertical': isVertical,\n 'step--horizontal': !isVertical,\n 'step--disabled-linestart': !lineStart,\n 'step--disabled-lineend': !lineEnd,\n 'step--clicked': hasClick,\n 'step--active': active\n }\"\n\n>\n <div class=\"step__line step__line--start\"></div>\n <div class=\"step__bullet\" (click)=\"clickedItem()\">\n <div>\n <span *ngIf=\"iconName && !bulletValue\" class=\"material-icons\">{{iconName}}</span>\n <span *ngIf=\"!iconName && bulletValue\">{{bulletValue}}</span>\n <ng-content select=\"[step-bullet-content]\"></ng-content>\n </div>\n </div>\n <div class=\"step__line step__line--end\"></div>\n <div class=\"step__content\">\n <div class=\"step__title\" (click)=\"clickedItem()\">\n <span *ngIf=\"label\" class=\"display-text\">{{label}}</span>\n <ng-content select=\"[step-title]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: ["@layer wco.layer{wco-step{--wco-step-bullet-size: var(--wco-spacing-xs, 24px);--wco-step-icon-size: var(--wco-font-size-xs, 16px);--wco-step-line-color: var(--wco-color-neutral-500, #8D9399);--wco-step-min-width: 180px;--wco-step-max-width: 1350px;--wco-step-text-size: var(--wco-font-size-xs, 16px);display:inherit;align-items:baseline;width:100%}@media (max-width: 768px){wco-step{--wco-step-min-width: 90px;--wco-step-max-width: 100%}}}wco-step .step{position:relative;display:inline-grid;z-index:0;width:100%}wco-step .step.step--active .step__title span{font-weight:var(--wco-font-weight-bold, 700);color:var(--wco-color-neutral-900, #080809)}wco-step .step .step__line{width:2px;height:100%;background-color:var(--wco-step-line-color)}wco-step .step .step__line--start{grid-area:linestart}wco-step .step .step__content{grid-area:content}wco-step .step .step__line--end{grid-area:lineend}wco-step .step--vertical{grid-template-columns:24px 1fr!important;grid:\"linestart .\" \"bullet content\" \"lineend .\"}wco-step .step--vertical .step__bullet{position:relative}wco-step .step--vertical .step__bullet:before{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:100%;background-color:var(--wco-color-neutral-700, #000);z-index:-1}wco-step .step--vertical .step__line{height:calc(var(--step-size) / 2);margin:0 auto;min-height:calc(var(--step-size) / 3)}wco-step .step--vertical .step__content{display:flex;align-items:center}wco-step .step--vertical .step__content .step__title{text-align:left}wco-step .step--horizontal{min-width:var(--wco-step-min-width);max-width:var(--wco-step-max-width);grid-template-areas:\"linestart bullet lineend\" \"content content content\";grid-template-columns:1fr auto 1fr;align-items:center}wco-step .step--horizontal .step__bullet{position:relative;display:flex;justify-content:center}wco-step .step--horizontal .step__bullet:before{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:101%;height:2px;background-color:var(--wco-step-line-color);z-index:-1}wco-step .step--horizontal .step__line{height:2px;width:100%;min-width:calc(var(--step-size) / 3)}wco-step .step--horizontal .step__content{margin-top:var(--wco-spacing-nano, 8px)}wco-step .step--horizontal .step__content span.display-text{text-wrap:balance}wco-step .step__bullet{grid-area:bullet;position:relative}wco-step .step__bullet>div{height:var(--wco-step-bullet-size);width:var(--wco-step-bullet-size);display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--step-background-color);color:var(--step-color);position:relative}wco-step .step__bullet span{font-size:var(--wco-step-icon-size, 12px);font-weight:var(--wco-font-weight-bold, 700)}wco-step .step-status--current{--step-color: var(--wco-color-primary-text, var(--wco-color-neutral-50));--step-background-color: var(--wco-color-primary-600, #fff);--step-text-font-weight: var(--wco-font-weight-bold, 700)}wco-step .step-status--finalized{--step-color: var(--wco-color-neutral-50, #080809);--step-background-color: var(--wco-color-success-500, #116600);--step-text-font-weight: var(--wco-font-weight-regular, 700)}wco-step .step-status--waiting{--step-color: var(--wco-color-neutral-600, #080809);--step-background-color: var(--wco-color-neutral-300, #696969);--step-text-font-weight: var(--wco-font-weight-regular, 700)}wco-step .step-status--error{--step-color: var(--wco-color-danger-700, #FFF);--step-background-color: var(--wco-color-danger-100,#ffa0a0);--step-text-font-weight: var(--wco-font-weight-regular, 700)}wco-step .step .step__content{padding-left:var(--wco-spacing-nano, 8px);padding-right:var(--wco-spacing-nano, 8px);text-align:center}wco-step .step .step__content .step__title span{font-weight:var(--step-text-font-weight)}wco-step .step.step--disabled-linestart .step__line--start{opacity:0}wco-step .step.step--disabled-lineend .step__line--end{opacity:0}wco-step .step.step-size--small{--step-size: var(--wco-spacing-sm, 12px)}wco-step .step.step-size--medium{--step-size: var(--wco-spacing-md, 18px)}wco-step .step.step-size--large{--step-size: var(--wco-spacing-lg, 24px)}wco-step .step.step--clicked .step__bullet{cursor:pointer;transition:all .3s ease}wco-step .step.step--clicked .step__bullet::hover{box-shadow:var(--wco-shadow-level-1)}\n"] }]
76
76
  }], ctorParameters: () => [], propDecorators: { active: [{
77
77
  type: Input
78
78
  }], label: [{
@@ -96,4 +96,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
96
96
  }], clicked: [{
97
97
  type: Output
98
98
  }] } });
99
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9uZW50cy9zcmMvbGliL3N0ZXAvc3RlcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9uZW50cy9zcmMvbGliL3N0ZXAvc3RlcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBVTFGLE1BQU0sT0FBTyxhQUFhO0lBRXhCOzs7TUFHRTtJQUNPLE1BQU0sR0FBWSxLQUFLLENBQUM7SUFFakM7O01BRUU7SUFDTyxLQUFLLEdBQVcsRUFBRSxDQUFDO0lBRTVCOztNQUVFO0lBQ08sUUFBUSxHQUF1QixTQUFTLENBQUM7SUFFbEQ7O01BRUU7SUFDTyxXQUFXLEdBQXVCLFNBQVMsQ0FBQztJQUVyRDs7TUFFRTtJQUNPLFVBQVUsR0FBWSxJQUFJLENBQUM7SUFHcEM7O01BRUU7SUFDTyxTQUFTLEdBQVksSUFBSSxDQUFDO0lBRW5DOztNQUVFO0lBQ08sT0FBTyxHQUFZLElBQUksQ0FBQztJQUVqQzs7Ozs7Ozs7O01BU0U7SUFDTyxNQUFNLEdBQTJELFNBQVMsQ0FBQztJQUVwRjs7O09BR0c7SUFDTSxJQUFJLEdBQTBDLE9BQU8sQ0FBQztJQUcvRDs7O01BR0U7SUFDTyxRQUFRLEdBQVksS0FBSyxDQUFDO0lBRW5DOztNQUVFO0lBQ1EsT0FBTyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUE7SUFNOUMsZ0JBQWUsQ0FBQztJQUVoQjs7UUFFSTtJQUNKLFdBQVc7UUFDVCxJQUFHLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNqQixPQUFNO1FBQ1IsQ0FBQztRQUNELElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUE7SUFDckIsQ0FBQzt3R0FuRlUsYUFBYTs0RkFBYixhQUFhLGlVQ1gxQiwyOUJBNEJBLHU5R0R0QlksWUFBWTs7NEZBS1gsYUFBYTtrQkFSekIsU0FBUzsrQkFDRSxVQUFVLGNBQ1IsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDLGlCQUdSLGlCQUFpQixDQUFDLElBQUk7d0RBUTVCLE1BQU07c0JBQWQsS0FBSztnQkFLRyxLQUFLO3NCQUFiLEtBQUs7Z0JBS0csUUFBUTtzQkFBaEIsS0FBSztnQkFLRyxXQUFXO3NCQUFuQixLQUFLO2dCQUtHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBTUcsU0FBUztzQkFBakIsS0FBSztnQkFLRyxPQUFPO3NCQUFmLEtBQUs7Z0JBWUcsTUFBTTtzQkFBZCxLQUFLO2dCQU1HLElBQUk7c0JBQVosS0FBSztnQkFPRyxRQUFRO3NCQUFoQixLQUFLO2dCQUtJLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3djby1zdGVwJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdGVwLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3RlcC5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIFN0ZXBDb21wb25lbnQge1xuXG4gIC8qKlxuICAgKiBTZSBvIHN0ZXAgZXN0w6EgYXRpdm9cbiAgICogQHBhcmFtIHtib29sZWFufSBhY3RpdmVcbiAgKi9cbiAgQElucHV0KCkgYWN0aXZlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICogVGV4dG8gZG8gbGFiZWwgZG8gc3RlcFxuICAqL1xuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nID0gJyc7XG5cbiAgLyoqXG4gICogw41jb25lIGRvIHN0ZXAgKG9wY2lvbmFsKSAtIGRldmUgc2VyIHVtIMOtY29uZSBkbyBtYXRlcmlhbCBpY29uXG4gICovXG4gIEBJbnB1dCgpIGljb25OYW1lOiBzdHJpbmcgfCB1bmRlZmluZWQgPSB1bmRlZmluZWQ7XG5cbiAgLyoqXG4gICAqIFRleHRvIGRvIGJ1bGxldFZhbHVlIGRvIHN0ZXAgKG9wY2lvbmFsKSAtIGRldmUgc2VyIHVtIHRleHRvIGRlIDEgYSAyIGNhcmFjdGVyZXNcbiAgKi9cbiAgQElucHV0KCkgYnVsbGV0VmFsdWU6IHN0cmluZyB8IHVuZGVmaW5lZCA9IHVuZGVmaW5lZDtcblxuICAvKipcbiAgKiBTZW50aWRvIGRvIHN0ZXBwZXIgKGhvcml6b250YWwgb3UgdmVydGljYWwpXG4gICovXG4gIEBJbnB1dCgpIGlzVmVydGljYWw6IGJvb2xlYW4gPSB0cnVlO1xuXG5cbiAgLyoqXG4gICogRGVzYWJpbGl0YXIgbGluaGEgaW5pY2lhbFxuICAqL1xuICBASW5wdXQoKSBsaW5lU3RhcnQ6IGJvb2xlYW4gPSB0cnVlO1xuXG4gIC8qKlxuICAgKiBEZXNhYmlsaXRhciBsaW5oYSBmaW5hbFxuICAqL1xuICBASW5wdXQoKSBsaW5lRW5kOiBib29sZWFuID0gdHJ1ZTtcblxuICAvKipcbiAgICAqIENsYXNzZSBkbyBzdGVwXG4gICAgKlxuICAgICogZmluYWxpemVkIC0gc3RlcCBmaW5hbGl6YWRvXG4gICAgKiBjdXJyZW50IC0gc3RlcCBhdHVhbFxuICAgICogd2FpdGluZyAtIHN0ZXAgYWd1YXJkYW5kb1xuICAgICogZXJyb3IgLSBzdGVwIGNvbSBlcnJvXG4gICAgKlxuICAgICogQHBhcmFtIHtzdHJpbmd9IHN0YXR1c1xuICAqL1xuICBASW5wdXQoKSBzdGF0dXM6ICdmaW5hbGl6ZWQnIHwgJ2N1cnJlbnQnIHwgJ3dhaXRpbmcnIHwgJ2Vycm9yJyB8IHN0cmluZyA9ICdjdXJyZW50JztcblxuICAvKipcbiAgICogc2l6ZSBkbyBzdGVwXG4gICAqIEBwYXJhbSB7c3RyaW5nfSBzaXplXG4gICAqL1xuICBASW5wdXQoKSBzaXplOiAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnIHwgc3RyaW5nID0gJ3NtYWxsJztcblxuXG4gIC8qKlxuICAgKiBTZSBvIHN0ZXAgw6kgY2xpY8OhdmVsXG4gICAqIEBwYXJhbSB7Ym9vbGVhbn0gY2xpY2thYmxlXG4gICovXG4gIEBJbnB1dCgpIGhhc0NsaWNrOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICogRnVuw6fDo28gcXVlIHJldG9ybmEgbyB2YWxvciBkbyDDrWNvbmUgb3UgYnVsbGV0XG4gICovXG4gIEBPdXRwdXQoKSBjbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KClcblxuXG5cblxuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICAvKipcbiAgKiBzZSBvIGl0ZW0gZG8gc3RlcHBlciBlc3RpdmUgY29tIG8gZXZlbnRvIGRlIGNsaWNrZWQgdHJ1ZSwgZWxlIHJldG9ybmEgcXVhbCBlbGVtZW50byDDqSBzZWxlY2lvbmFkbyBwYXJhIG8gY29tcG9uZW50ZSBwYWlcbiAgKiAqL1xuICBjbGlja2VkSXRlbSgpIHtcbiAgICBpZih0aGlzLmhhc0NsaWNrKSB7XG4gICAgICByZXR1cm5cbiAgICB9XG4gICAgdGhpcy5jbGlja2VkLmVtaXQoKVxuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJzdGVwXCJcbiAgW2NsYXNzXT1cIidzdGVwLXN0YXR1cy0tJyArIHN0YXR1cyArICcgc3RlcC1zaXplLS0nICsgc2l6ZVwiXG4gIFtuZ0NsYXNzXT1cIntcbiAgICAnc3RlcC0tdmVydGljYWwnOiBpc1ZlcnRpY2FsLFxuICAgICdzdGVwLS1ob3Jpem9udGFsJzogIWlzVmVydGljYWwsXG4gICAgJ3N0ZXAtLWRpc2FibGVkLWxpbmVzdGFydCc6ICFsaW5lU3RhcnQsXG4gICAgJ3N0ZXAtLWRpc2FibGVkLWxpbmVlbmQnOiAhbGluZUVuZCxcbiAgICAnc3RlcC0tY2xpY2tlZCc6IGhhc0NsaWNrLFxuICAgICdzdGVwLS1hY3RpdmUnOiBhY3RpdmVcbiAgfVwiXG5cbj5cbiAgPGRpdiBjbGFzcz1cInN0ZXBfX2xpbmUgc3RlcF9fbGluZS0tc3RhcnRcIj48L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInN0ZXBfX2J1bGxldFwiIChjbGljayk9XCJjbGlja2VkSXRlbSgpXCI+XG4gICAgPGRpdj5cbiAgICAgIDxzcGFuICpuZ0lmPVwiaWNvbk5hbWUgJiYgIWJ1bGxldFZhbHVlXCIgY2xhc3M9XCJtYXRlcmlhbC1pY29uc1wiPnt7aWNvbk5hbWV9fTwvc3Bhbj5cbiAgICAgIDxzcGFuICpuZ0lmPVwiIWljb25OYW1lICYmIGJ1bGxldFZhbHVlXCI+e3tidWxsZXRWYWx1ZX19PC9zcGFuPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3N0ZXAtYnVsbGV0LWNvbnRlbnRdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInN0ZXBfX2xpbmUgc3RlcF9fbGluZS0tZW5kXCI+PC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJzdGVwX19jb250ZW50XCI+XG4gICAgPGRpdiBjbGFzcz1cInN0ZXBfX3RpdGxlXCIgKGNsaWNrKT1cImNsaWNrZWRJdGVtKClcIj5cbiAgICAgIDxzcGFuICpuZ0lmPVwibGFiZWxcIj57e2xhYmVsfX08L3NwYW4+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc3RlcC10aXRsZV1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
99
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9uZW50cy9zcmMvbGliL3N0ZXAvc3RlcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9uZW50cy9zcmMvbGliL3N0ZXAvc3RlcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBVTFGLE1BQU0sT0FBTyxhQUFhO0lBRXhCOzs7TUFHRTtJQUNPLE1BQU0sR0FBWSxLQUFLLENBQUM7SUFFakM7O01BRUU7SUFDTyxLQUFLLEdBQVcsRUFBRSxDQUFDO0lBRTVCOztNQUVFO0lBQ08sUUFBUSxHQUF1QixTQUFTLENBQUM7SUFFbEQ7O01BRUU7SUFDTyxXQUFXLEdBQXVCLFNBQVMsQ0FBQztJQUVyRDs7TUFFRTtJQUNPLFVBQVUsR0FBWSxJQUFJLENBQUM7SUFHcEM7O01BRUU7SUFDTyxTQUFTLEdBQVksSUFBSSxDQUFDO0lBRW5DOztNQUVFO0lBQ08sT0FBTyxHQUFZLElBQUksQ0FBQztJQUVqQzs7Ozs7Ozs7O01BU0U7SUFDTyxNQUFNLEdBQTJELFNBQVMsQ0FBQztJQUVwRjs7O09BR0c7SUFDTSxJQUFJLEdBQTBDLE9BQU8sQ0FBQztJQUcvRDs7O01BR0U7SUFDTyxRQUFRLEdBQVksS0FBSyxDQUFDO0lBRW5DOztNQUVFO0lBQ1EsT0FBTyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUE7SUFNOUMsZ0JBQWUsQ0FBQztJQUVoQjs7UUFFSTtJQUNKLFdBQVc7UUFDVCxJQUFHLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNqQixPQUFNO1FBQ1IsQ0FBQztRQUNELElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUE7SUFDckIsQ0FBQzt3R0FuRlUsYUFBYTs0RkFBYixhQUFhLGlVQ1gxQixrL0JBNEJBLGl6SUR0QlksWUFBWTs7NEZBS1gsYUFBYTtrQkFSekIsU0FBUzsrQkFDRSxVQUFVLGNBQ1IsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDLGlCQUdSLGlCQUFpQixDQUFDLElBQUk7d0RBUTVCLE1BQU07c0JBQWQsS0FBSztnQkFLRyxLQUFLO3NCQUFiLEtBQUs7Z0JBS0csUUFBUTtzQkFBaEIsS0FBSztnQkFLRyxXQUFXO3NCQUFuQixLQUFLO2dCQUtHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBTUcsU0FBUztzQkFBakIsS0FBSztnQkFLRyxPQUFPO3NCQUFmLEtBQUs7Z0JBWUcsTUFBTTtzQkFBZCxLQUFLO2dCQU1HLElBQUk7c0JBQVosS0FBSztnQkFPRyxRQUFRO3NCQUFoQixLQUFLO2dCQUtJLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3djby1zdGVwJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdGVwLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3RlcC5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIFN0ZXBDb21wb25lbnQge1xuXG4gIC8qKlxuICAgKiBTZSBvIHN0ZXAgZXN0w6EgYXRpdm9cbiAgICogQHBhcmFtIHtib29sZWFufSBhY3RpdmVcbiAgKi9cbiAgQElucHV0KCkgYWN0aXZlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICogVGV4dG8gZG8gbGFiZWwgZG8gc3RlcFxuICAqL1xuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nID0gJyc7XG5cbiAgLyoqXG4gICogw41jb25lIGRvIHN0ZXAgKG9wY2lvbmFsKSAtIGRldmUgc2VyIHVtIMOtY29uZSBkbyBtYXRlcmlhbCBpY29uXG4gICovXG4gIEBJbnB1dCgpIGljb25OYW1lOiBzdHJpbmcgfCB1bmRlZmluZWQgPSB1bmRlZmluZWQ7XG5cbiAgLyoqXG4gICAqIFRleHRvIGRvIGJ1bGxldFZhbHVlIGRvIHN0ZXAgKG9wY2lvbmFsKSAtIGRldmUgc2VyIHVtIHRleHRvIGRlIDEgYSAyIGNhcmFjdGVyZXNcbiAgKi9cbiAgQElucHV0KCkgYnVsbGV0VmFsdWU6IHN0cmluZyB8IHVuZGVmaW5lZCA9IHVuZGVmaW5lZDtcblxuICAvKipcbiAgKiBTZW50aWRvIGRvIHN0ZXBwZXIgKGhvcml6b250YWwgb3UgdmVydGljYWwpXG4gICovXG4gIEBJbnB1dCgpIGlzVmVydGljYWw6IGJvb2xlYW4gPSB0cnVlO1xuXG5cbiAgLyoqXG4gICogRGVzYWJpbGl0YXIgbGluaGEgaW5pY2lhbFxuICAqL1xuICBASW5wdXQoKSBsaW5lU3RhcnQ6IGJvb2xlYW4gPSB0cnVlO1xuXG4gIC8qKlxuICAgKiBEZXNhYmlsaXRhciBsaW5oYSBmaW5hbFxuICAqL1xuICBASW5wdXQoKSBsaW5lRW5kOiBib29sZWFuID0gdHJ1ZTtcblxuICAvKipcbiAgICAqIENsYXNzZSBkbyBzdGVwXG4gICAgKlxuICAgICogZmluYWxpemVkIC0gc3RlcCBmaW5hbGl6YWRvXG4gICAgKiBjdXJyZW50IC0gc3RlcCBhdHVhbFxuICAgICogd2FpdGluZyAtIHN0ZXAgYWd1YXJkYW5kb1xuICAgICogZXJyb3IgLSBzdGVwIGNvbSBlcnJvXG4gICAgKlxuICAgICogQHBhcmFtIHtzdHJpbmd9IHN0YXR1c1xuICAqL1xuICBASW5wdXQoKSBzdGF0dXM6ICdmaW5hbGl6ZWQnIHwgJ2N1cnJlbnQnIHwgJ3dhaXRpbmcnIHwgJ2Vycm9yJyB8IHN0cmluZyA9ICdjdXJyZW50JztcblxuICAvKipcbiAgICogc2l6ZSBkbyBzdGVwXG4gICAqIEBwYXJhbSB7c3RyaW5nfSBzaXplXG4gICAqL1xuICBASW5wdXQoKSBzaXplOiAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnIHwgc3RyaW5nID0gJ3NtYWxsJztcblxuXG4gIC8qKlxuICAgKiBTZSBvIHN0ZXAgw6kgY2xpY8OhdmVsXG4gICAqIEBwYXJhbSB7Ym9vbGVhbn0gY2xpY2thYmxlXG4gICovXG4gIEBJbnB1dCgpIGhhc0NsaWNrOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICogRnVuw6fDo28gcXVlIHJldG9ybmEgbyB2YWxvciBkbyDDrWNvbmUgb3UgYnVsbGV0XG4gICovXG4gIEBPdXRwdXQoKSBjbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KClcblxuXG5cblxuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICAvKipcbiAgKiBzZSBvIGl0ZW0gZG8gc3RlcHBlciBlc3RpdmUgY29tIG8gZXZlbnRvIGRlIGNsaWNrZWQgdHJ1ZSwgZWxlIHJldG9ybmEgcXVhbCBlbGVtZW50byDDqSBzZWxlY2lvbmFkbyBwYXJhIG8gY29tcG9uZW50ZSBwYWlcbiAgKiAqL1xuICBjbGlja2VkSXRlbSgpIHtcbiAgICBpZih0aGlzLmhhc0NsaWNrKSB7XG4gICAgICByZXR1cm5cbiAgICB9XG4gICAgdGhpcy5jbGlja2VkLmVtaXQoKVxuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJzdGVwXCJcbiAgW2NsYXNzXT1cIidzdGVwLXN0YXR1cy0tJyArIHN0YXR1cyArICcgc3RlcC1zaXplLS0nICsgc2l6ZVwiXG4gIFtuZ0NsYXNzXT1cIntcbiAgICAnc3RlcC0tdmVydGljYWwnOiBpc1ZlcnRpY2FsLFxuICAgICdzdGVwLS1ob3Jpem9udGFsJzogIWlzVmVydGljYWwsXG4gICAgJ3N0ZXAtLWRpc2FibGVkLWxpbmVzdGFydCc6ICFsaW5lU3RhcnQsXG4gICAgJ3N0ZXAtLWRpc2FibGVkLWxpbmVlbmQnOiAhbGluZUVuZCxcbiAgICAnc3RlcC0tY2xpY2tlZCc6IGhhc0NsaWNrLFxuICAgICdzdGVwLS1hY3RpdmUnOiBhY3RpdmVcbiAgfVwiXG5cbj5cbiAgPGRpdiBjbGFzcz1cInN0ZXBfX2xpbmUgc3RlcF9fbGluZS0tc3RhcnRcIj48L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInN0ZXBfX2J1bGxldFwiIChjbGljayk9XCJjbGlja2VkSXRlbSgpXCI+XG4gICAgPGRpdj5cbiAgICAgIDxzcGFuICpuZ0lmPVwiaWNvbk5hbWUgJiYgIWJ1bGxldFZhbHVlXCIgY2xhc3M9XCJtYXRlcmlhbC1pY29uc1wiPnt7aWNvbk5hbWV9fTwvc3Bhbj5cbiAgICAgIDxzcGFuICpuZ0lmPVwiIWljb25OYW1lICYmIGJ1bGxldFZhbHVlXCI+e3tidWxsZXRWYWx1ZX19PC9zcGFuPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3N0ZXAtYnVsbGV0LWNvbnRlbnRdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInN0ZXBfX2xpbmUgc3RlcF9fbGluZS0tZW5kXCI+PC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJzdGVwX19jb250ZW50XCI+XG4gICAgPGRpdiBjbGFzcz1cInN0ZXBfX3RpdGxlXCIgKGNsaWNrKT1cImNsaWNrZWRJdGVtKClcIj5cbiAgICAgIDxzcGFuICpuZ0lmPVwibGFiZWxcIiBjbGFzcz1cImRpc3BsYXktdGV4dFwiPnt7bGFiZWx9fTwvc3Bhbj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzdGVwLXRpdGxlXVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
package/esm2022/lib/stepper/stepper.component.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import { CommonModule } from "@angular/common";
2
- import { Component, EventEmitter, Input, Output } from "@angular/core";
2
+ import { Component, EventEmitter, Input, Output, ViewEncapsulation } from "@angular/core";
3
3
  import * as i0 from "@angular/core";
4
4
  import * as i1 from "@angular/common";
5
5
  export class StepperComponent {
@@ -27,11 +27,11 @@ export class StepperComponent {
27
27
  this.stepperSelected.emit(index);
28
28
  }
29
29
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
30
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: StepperComponent, isStandalone: true, selector: "wco-stepper", inputs: { isVertical: "isVertical", stepperArray: "stepperArray" }, outputs: { stepperSelected: "stepperSelected" }, ngImport: i0, template: "<div\n class=\"stepper-vertical\"\n [ngClass]=\"isVertical === true ? 'stepper-vertical' : 'stepper-horizontal'\"\n *ngIf=\"stepperArray\"\n>\n <div class=\"stepper-component\" *ngFor=\"let items of stepperArray; let $i = index\">\n <div class=\"stepper-component__main\">\n <div class=\"stepper-item\" [ngClass]=\"{'stepper-item__clicked': items.clicked}\" (click)=\"clickedItem(items,$i)\">\n <span\n [ngClass]=\"\n items.showLineStart === true\n ? 'stepper-item__line'\n : 'stepper-item__without-line'\n \"\n ></span>\n <span class=\"stepper-item__circle\" [ngClass]=\"items.className\"\n ><span *ngIf=\"items.type === 'icon'\" class=\"icon material-icons\">{{\n items.valueIcon\n }}</span>\n <span *ngIf=\"items.type === 'text'\" class=\"icon\">{{\n items.valueBullet\n }}</span></span\n >\n <span\n [ngClass]=\"\n items.showLineEnd === true\n ? 'stepper-item__line'\n : 'stepper-item__without-line'\n \"\n ></span>\n </div>\n <div class=\"stepper-label\">\n <span\n class=\"stepper-label__text\"\n [ngClass]=\"items.className === 'current' ? 'dark-text' : 'light-text'\"\n >{{ items.label }}</span\n >\n </div>\n </div>\n </div>\n</div>\n", styles: [".stepper-vertical{display:flex;align-items:flex-start;flex-direction:column}.stepper-vertical .stepper-component{display:flex;flex-direction:row;align-items:center}.stepper-vertical .stepper-component__main{display:flex;width:100%;flex-direction:row;justify-content:center;align-items:center}.stepper-vertical .stepper-item{display:flex;flex-direction:column;justify-content:center;align-items:center}.stepper-vertical .stepper-item__line{display:flex;background-color:#000;height:1rem;width:1px}.stepper-vertical .stepper-item___without-line{display:flex;padding-top:1rem}.stepper-vertical .stepper-item__without-line{display:flex;padding-bottom:1rem}.stepper-vertical .stepper-item__circle{display:flex;align-items:center;justify-content:center;border-radius:50%;height:2rem;width:2rem;font-size:.75rem;line-height:1;padding:1rem;overflow:hidden;transition:all .3s ease-in-out;transform-origin:center center}.stepper-vertical .stepper-item__circle .material-icons{display:flex;align-items:center;justify-content:center;font-size:1rem}.stepper-vertical .stepper-item__clicked{cursor:pointer}.stepper-vertical .stepper-item__clicked:hover .stepper-item__circle{transform:scale(1.2)}.stepper-vertical .stepper-item .finalized{background-color:#ffe1ca}.stepper-vertical .stepper-item .current{background-color:#f56c00;color:#fff}.stepper-vertical .stepper-item .waiting{background-color:#c1c3c5;color:gray}.stepper-vertical .stepper-item .error{background-color:#fc9393}.stepper-vertical .stepper-label{padding-left:.5rem;font-size:1rem}.stepper-vertical .stepper-label .dark-text{font-weight:700}.stepper-vertical .stepper-label .light-text{font-weight:400}.stepper-horizontal{display:flex;align-items:flex-start;flex-direction:row}.stepper-horizontal .stepper-component{display:flex;flex-direction:column;align-items:center;width:100%}.stepper-horizontal .stepper-component__main{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:center}.stepper-horizontal .stepper-item{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%}.stepper-horizontal .stepper-item__line{display:flex;background-color:#000;height:1px;width:100%}.stepper-horizontal .stepper-item__without-line{background-color:transparent;height:1px;width:100%}.stepper-horizontal .stepper-item__circle{display:flex;align-items:center;justify-content:center;border-radius:50%;height:2rem;width:2rem;font-size:.75rem;line-height:1;padding:1rem;overflow:hidden}.stepper-horizontal .stepper-item__circle .material-icons{display:flex;align-items:center;justify-content:center;font-size:1rem}.stepper-horizontal .stepper-item .finalized{background-color:#ffe1ca}.stepper-horizontal .stepper-item .current{background-color:#f56c00;color:#fff}.stepper-horizontal .stepper-item .waiting{background-color:#c1c3c5;color:gray}.stepper-horizontal .stepper-item .error{background-color:#fc9393}.stepper-horizontal .stepper-label{padding-top:.5rem;padding-left:0rem;font-size:.875rem;display:flex;align-items:center;justify-content:center}.stepper-horizontal .stepper-label__text{display:flex;flex-wrap:wrap;max-width:50%;text-align:center}.stepper-horizontal .stepper-label .dark-text{font-weight:700}.stepper-horizontal .stepper-label .light-text{font-weight:400}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
30
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: StepperComponent, isStandalone: true, selector: "wco-stepper", inputs: { isVertical: "isVertical", stepperArray: "stepperArray" }, outputs: { stepperSelected: "stepperSelected" }, ngImport: i0, template: "<div\n class=\"stepper-vertical\"\n [ngClass]=\"isVertical === true ? 'stepper-vertical' : 'stepper-horizontal'\"\n *ngIf=\"stepperArray\"\n>\n <div class=\"stepper-component\" *ngFor=\"let items of stepperArray; let $i = index\">\n <div class=\"stepper-component__main\">\n <div class=\"stepper-item\" [ngClass]=\"{'stepper-item__clicked': items.clicked}\" (click)=\"clickedItem(items,$i)\">\n <span\n [ngClass]=\"\n items.showLineStart === true\n ? 'stepper-item__line'\n : 'stepper-item__without-line'\n \"\n ></span>\n <span class=\"stepper-item__circle\" [ngClass]=\"items.className\"\n ><span *ngIf=\"items.type === 'icon'\" class=\"icon material-icons\">{{\n items.valueIcon\n }}</span>\n <span *ngIf=\"items.type === 'text'\" class=\"icon\">{{\n items.valueBullet\n }}</span></span\n >\n <span\n [ngClass]=\"\n items.showLineEnd === true\n ? 'stepper-item__line'\n : 'stepper-item__without-line'\n \"\n ></span>\n </div>\n <div class=\"stepper-label\">\n <span\n class=\"stepper-label__text\"\n [ngClass]=\"items.className === 'current' ? 'dark-text' : 'light-text'\"\n >{{ items.label }}</span\n >\n </div>\n </div>\n </div>\n</div>\n", styles: [".stepper-vertical{display:flex;align-items:flex-start;flex-direction:column}.stepper-vertical .stepper-component{display:flex;flex-direction:row;align-items:center}.stepper-vertical .stepper-component__main{display:flex;width:100%;flex-direction:row;justify-content:center;align-items:center}.stepper-vertical .stepper-item{display:flex;flex-direction:column;justify-content:center;align-items:center}.stepper-vertical .stepper-item__line{display:flex;background-color:#000;height:1rem;width:1px}.stepper-vertical .stepper-item___without-line{display:flex;padding-top:1rem}.stepper-vertical .stepper-item__without-line{display:flex;padding-bottom:1rem}.stepper-vertical .stepper-item__circle{display:flex;align-items:center;justify-content:center;border-radius:50%;height:2rem;width:2rem;font-size:.75rem;line-height:1;padding:1rem;overflow:hidden;transition:all .3s ease-in-out;transform-origin:center center}.stepper-vertical .stepper-item__circle .material-icons{display:flex;align-items:center;justify-content:center;font-size:1rem}.stepper-vertical .stepper-item__clicked{cursor:pointer}.stepper-vertical .stepper-item__clicked:hover .stepper-item__circle{transform:scale(1.2)}.stepper-vertical .stepper-item .finalized{background-color:#ffe1ca}.stepper-vertical .stepper-item .current{background-color:#f56c00;color:#fff}.stepper-vertical .stepper-item .waiting{background-color:#c1c3c5;color:gray}.stepper-vertical .stepper-item .error{background-color:#fc9393}.stepper-vertical .stepper-label{padding-left:.5rem;font-size:1rem}.stepper-vertical .stepper-label .dark-text{font-weight:700}.stepper-vertical .stepper-label .light-text{font-weight:400}.stepper-horizontal{display:flex;align-items:flex-start;flex-direction:row}.stepper-horizontal .stepper-component{display:flex;flex-direction:column;align-items:center;width:100%}.stepper-horizontal .stepper-component__main{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:center}.stepper-horizontal .stepper-item{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%}.stepper-horizontal .stepper-item__line{display:flex;background-color:#000;height:1px;width:100%}.stepper-horizontal .stepper-item__without-line{background-color:transparent;height:1px;width:100%}.stepper-horizontal .stepper-item__circle{display:flex;align-items:center;justify-content:center;border-radius:50%;height:2rem;width:2rem;font-size:.75rem;line-height:1;padding:1rem;overflow:hidden}.stepper-horizontal .stepper-item__circle .material-icons{display:flex;align-items:center;justify-content:center;font-size:1rem}.stepper-horizontal .stepper-item .finalized{background-color:#ffe1ca}.stepper-horizontal .stepper-item .current{background-color:#f56c00;color:#fff}.stepper-horizontal .stepper-item .waiting{background-color:#c1c3c5;color:gray}.stepper-horizontal .stepper-item .error{background-color:#fc9393}.stepper-horizontal .stepper-label{padding-top:.5rem;padding-left:0rem;font-size:.875rem;display:flex;align-items:center;justify-content:center}.stepper-horizontal .stepper-label__text{display:flex;flex-wrap:wrap;max-width:50%;text-align:center}.stepper-horizontal .stepper-label .dark-text{font-weight:700}.stepper-horizontal .stepper-label .light-text{font-weight:400}.stepper-group__wrapper wco-step{background-color:red!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
31
31
  }
32
32
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StepperComponent, decorators: [{
33
33
  type: Component,
34
- args: [{ selector: "wco-stepper", standalone: true, imports: [CommonModule], template: "<div\n class=\"stepper-vertical\"\n [ngClass]=\"isVertical === true ? 'stepper-vertical' : 'stepper-horizontal'\"\n *ngIf=\"stepperArray\"\n>\n <div class=\"stepper-component\" *ngFor=\"let items of stepperArray; let $i = index\">\n <div class=\"stepper-component__main\">\n <div class=\"stepper-item\" [ngClass]=\"{'stepper-item__clicked': items.clicked}\" (click)=\"clickedItem(items,$i)\">\n <span\n [ngClass]=\"\n items.showLineStart === true\n ? 'stepper-item__line'\n : 'stepper-item__without-line'\n \"\n ></span>\n <span class=\"stepper-item__circle\" [ngClass]=\"items.className\"\n ><span *ngIf=\"items.type === 'icon'\" class=\"icon material-icons\">{{\n items.valueIcon\n }}</span>\n <span *ngIf=\"items.type === 'text'\" class=\"icon\">{{\n items.valueBullet\n }}</span></span\n >\n <span\n [ngClass]=\"\n items.showLineEnd === true\n ? 'stepper-item__line'\n : 'stepper-item__without-line'\n \"\n ></span>\n </div>\n <div class=\"stepper-label\">\n <span\n class=\"stepper-label__text\"\n [ngClass]=\"items.className === 'current' ? 'dark-text' : 'light-text'\"\n >{{ items.label }}</span\n >\n </div>\n </div>\n </div>\n</div>\n", styles: [".stepper-vertical{display:flex;align-items:flex-start;flex-direction:column}.stepper-vertical .stepper-component{display:flex;flex-direction:row;align-items:center}.stepper-vertical .stepper-component__main{display:flex;width:100%;flex-direction:row;justify-content:center;align-items:center}.stepper-vertical .stepper-item{display:flex;flex-direction:column;justify-content:center;align-items:center}.stepper-vertical .stepper-item__line{display:flex;background-color:#000;height:1rem;width:1px}.stepper-vertical .stepper-item___without-line{display:flex;padding-top:1rem}.stepper-vertical .stepper-item__without-line{display:flex;padding-bottom:1rem}.stepper-vertical .stepper-item__circle{display:flex;align-items:center;justify-content:center;border-radius:50%;height:2rem;width:2rem;font-size:.75rem;line-height:1;padding:1rem;overflow:hidden;transition:all .3s ease-in-out;transform-origin:center center}.stepper-vertical .stepper-item__circle .material-icons{display:flex;align-items:center;justify-content:center;font-size:1rem}.stepper-vertical .stepper-item__clicked{cursor:pointer}.stepper-vertical .stepper-item__clicked:hover .stepper-item__circle{transform:scale(1.2)}.stepper-vertical .stepper-item .finalized{background-color:#ffe1ca}.stepper-vertical .stepper-item .current{background-color:#f56c00;color:#fff}.stepper-vertical .stepper-item .waiting{background-color:#c1c3c5;color:gray}.stepper-vertical .stepper-item .error{background-color:#fc9393}.stepper-vertical .stepper-label{padding-left:.5rem;font-size:1rem}.stepper-vertical .stepper-label .dark-text{font-weight:700}.stepper-vertical .stepper-label .light-text{font-weight:400}.stepper-horizontal{display:flex;align-items:flex-start;flex-direction:row}.stepper-horizontal .stepper-component{display:flex;flex-direction:column;align-items:center;width:100%}.stepper-horizontal .stepper-component__main{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:center}.stepper-horizontal .stepper-item{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%}.stepper-horizontal .stepper-item__line{display:flex;background-color:#000;height:1px;width:100%}.stepper-horizontal .stepper-item__without-line{background-color:transparent;height:1px;width:100%}.stepper-horizontal .stepper-item__circle{display:flex;align-items:center;justify-content:center;border-radius:50%;height:2rem;width:2rem;font-size:.75rem;line-height:1;padding:1rem;overflow:hidden}.stepper-horizontal .stepper-item__circle .material-icons{display:flex;align-items:center;justify-content:center;font-size:1rem}.stepper-horizontal .stepper-item .finalized{background-color:#ffe1ca}.stepper-horizontal .stepper-item .current{background-color:#f56c00;color:#fff}.stepper-horizontal .stepper-item .waiting{background-color:#c1c3c5;color:gray}.stepper-horizontal .stepper-item .error{background-color:#fc9393}.stepper-horizontal .stepper-label{padding-top:.5rem;padding-left:0rem;font-size:.875rem;display:flex;align-items:center;justify-content:center}.stepper-horizontal .stepper-label__text{display:flex;flex-wrap:wrap;max-width:50%;text-align:center}.stepper-horizontal .stepper-label .dark-text{font-weight:700}.stepper-horizontal .stepper-label .light-text{font-weight:400}\n"] }]
34
+ args: [{ selector: "wco-stepper", standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<div\n class=\"stepper-vertical\"\n [ngClass]=\"isVertical === true ? 'stepper-vertical' : 'stepper-horizontal'\"\n *ngIf=\"stepperArray\"\n>\n <div class=\"stepper-component\" *ngFor=\"let items of stepperArray; let $i = index\">\n <div class=\"stepper-component__main\">\n <div class=\"stepper-item\" [ngClass]=\"{'stepper-item__clicked': items.clicked}\" (click)=\"clickedItem(items,$i)\">\n <span\n [ngClass]=\"\n items.showLineStart === true\n ? 'stepper-item__line'\n : 'stepper-item__without-line'\n \"\n ></span>\n <span class=\"stepper-item__circle\" [ngClass]=\"items.className\"\n ><span *ngIf=\"items.type === 'icon'\" class=\"icon material-icons\">{{\n items.valueIcon\n }}</span>\n <span *ngIf=\"items.type === 'text'\" class=\"icon\">{{\n items.valueBullet\n }}</span></span\n >\n <span\n [ngClass]=\"\n items.showLineEnd === true\n ? 'stepper-item__line'\n : 'stepper-item__without-line'\n \"\n ></span>\n </div>\n <div class=\"stepper-label\">\n <span\n class=\"stepper-label__text\"\n [ngClass]=\"items.className === 'current' ? 'dark-text' : 'light-text'\"\n >{{ items.label }}</span\n >\n </div>\n </div>\n </div>\n</div>\n", styles: [".stepper-vertical{display:flex;align-items:flex-start;flex-direction:column}.stepper-vertical .stepper-component{display:flex;flex-direction:row;align-items:center}.stepper-vertical .stepper-component__main{display:flex;width:100%;flex-direction:row;justify-content:center;align-items:center}.stepper-vertical .stepper-item{display:flex;flex-direction:column;justify-content:center;align-items:center}.stepper-vertical .stepper-item__line{display:flex;background-color:#000;height:1rem;width:1px}.stepper-vertical .stepper-item___without-line{display:flex;padding-top:1rem}.stepper-vertical .stepper-item__without-line{display:flex;padding-bottom:1rem}.stepper-vertical .stepper-item__circle{display:flex;align-items:center;justify-content:center;border-radius:50%;height:2rem;width:2rem;font-size:.75rem;line-height:1;padding:1rem;overflow:hidden;transition:all .3s ease-in-out;transform-origin:center center}.stepper-vertical .stepper-item__circle .material-icons{display:flex;align-items:center;justify-content:center;font-size:1rem}.stepper-vertical .stepper-item__clicked{cursor:pointer}.stepper-vertical .stepper-item__clicked:hover .stepper-item__circle{transform:scale(1.2)}.stepper-vertical .stepper-item .finalized{background-color:#ffe1ca}.stepper-vertical .stepper-item .current{background-color:#f56c00;color:#fff}.stepper-vertical .stepper-item .waiting{background-color:#c1c3c5;color:gray}.stepper-vertical .stepper-item .error{background-color:#fc9393}.stepper-vertical .stepper-label{padding-left:.5rem;font-size:1rem}.stepper-vertical .stepper-label .dark-text{font-weight:700}.stepper-vertical .stepper-label .light-text{font-weight:400}.stepper-horizontal{display:flex;align-items:flex-start;flex-direction:row}.stepper-horizontal .stepper-component{display:flex;flex-direction:column;align-items:center;width:100%}.stepper-horizontal .stepper-component__main{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:center}.stepper-horizontal .stepper-item{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%}.stepper-horizontal .stepper-item__line{display:flex;background-color:#000;height:1px;width:100%}.stepper-horizontal .stepper-item__without-line{background-color:transparent;height:1px;width:100%}.stepper-horizontal .stepper-item__circle{display:flex;align-items:center;justify-content:center;border-radius:50%;height:2rem;width:2rem;font-size:.75rem;line-height:1;padding:1rem;overflow:hidden}.stepper-horizontal .stepper-item__circle .material-icons{display:flex;align-items:center;justify-content:center;font-size:1rem}.stepper-horizontal .stepper-item .finalized{background-color:#ffe1ca}.stepper-horizontal .stepper-item .current{background-color:#f56c00;color:#fff}.stepper-horizontal .stepper-item .waiting{background-color:#c1c3c5;color:gray}.stepper-horizontal .stepper-item .error{background-color:#fc9393}.stepper-horizontal .stepper-label{padding-top:.5rem;padding-left:0rem;font-size:.875rem;display:flex;align-items:center;justify-content:center}.stepper-horizontal .stepper-label__text{display:flex;flex-wrap:wrap;max-width:50%;text-align:center}.stepper-horizontal .stepper-label .dark-text{font-weight:700}.stepper-horizontal .stepper-label .light-text{font-weight:400}.stepper-group__wrapper wco-step{background-color:red!important}\n"] }]
35
35
  }], ctorParameters: () => [], propDecorators: { isVertical: [{
36
36
  type: Input
37
37
  }], stepperArray: [{
@@ -39,4 +39,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
39
39
  }], stepperSelected: [{
40
40
  type: Output
41
41
  }] } });
42
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9uZW50cy9zcmMvbGliL3N0ZXBwZXIvc3RlcHBlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9uZW50cy9zcmMvbGliL3N0ZXBwZXIvc3RlcHBlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBb0J2RSxNQUFNLE9BQU8sZ0JBQWdCO0lBQzNCOztNQUVFO0lBQ08sVUFBVSxHQUFZLEtBQUssQ0FBQztJQUVyQzs7O01BR0U7SUFDTyxZQUFZLEdBQXdCLEVBQUUsQ0FBQztJQUVoRDs7TUFFRTtJQUNRLGVBQWUsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFBO0lBRXRELGdCQUFlLENBQUM7SUFFaEI7O1FBRUk7SUFDSixXQUFXLENBQUMsSUFBa0IsRUFBRSxLQUFhO1FBQzNDLElBQUcsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDakIsT0FBTTtRQUNSLENBQUM7UUFDRCxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQTtJQUNsQyxDQUFDO3dHQTNCVSxnQkFBZ0I7NEZBQWhCLGdCQUFnQiw0TENyQjdCLG81Q0F5Q0Esb3dHRHhCWSxZQUFZOzs0RkFJWCxnQkFBZ0I7a0JBUDVCLFNBQVM7K0JBQ0UsYUFBYSxjQUNYLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQzt3REFRZCxVQUFVO3NCQUFsQixLQUFLO2dCQU1HLFlBQVk7c0JBQXBCLEtBQUs7Z0JBS0ksZUFBZTtzQkFBeEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuZXhwb3J0IGludGVyZmFjZSBTdGVwcGVyQ2xhc3Mge1xuICBsYWJlbD86IHN0cmluZztcbiAgY2xhc3NOYW1lPzogJ2ZpbmFsaXplZCcgfCAgJ2N1cnJlbnQnIHwgJ3dhaXRpbmcnIHwgJ2Vycm9yJztcbiAgc2hvd0xpbmVTdGFydDogYm9vbGVhbjtcbiAgc2hvd0xpbmVFbmQ6IGJvb2xlYW47XG4gIHR5cGU/OiAnaWNvbicgfCAndGV4dCc7XG4gIHZhbHVlSWNvbj86IHN0cmluZztcbiAgdmFsdWVCdWxsZXQ/OiBzdHJpbmc7XG4gIGNsaWNrZWQ/OiBib29sZWFuO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwid2NvLXN0ZXBwZXJcIixcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiBcIi4vc3RlcHBlci5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZVVybHM6IFtcIi4vc3RlcHBlci5jb21wb25lbnQuc2Nzc1wiXSxcbn0pXG5leHBvcnQgY2xhc3MgU3RlcHBlckNvbXBvbmVudCB7XG4gIC8qKlxuICAqIFNlbnRpZG8gZG8gc3RlcHBlciAoaG9yaXpvbnRhbCBvdSB2ZXJ0aWNhbClcbiAgKi9cbiAgQElucHV0KCkgaXNWZXJ0aWNhbDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAqIEFycmF5IGRlIGl0ZW5zIGRvIHN0ZXBwZXIgU3RlcHBlckNsYXNzXG4gICogQHBhcmFtIHtTdGVwcGVyQ2xhc3N9IHN0ZXBwZXJcbiAgKi9cbiAgQElucHV0KCkgc3RlcHBlckFycmF5OiBBcnJheTxTdGVwcGVyQ2xhc3M+ID0gW107XG5cbiAgLyoqXG4gICogRnVuw6fDo28gcXVlIHJldG9ybmEgbyB2YWxvciBkbyDDrWNvbmUgb3UgYnVsbGV0XG4gICovXG4gIEBPdXRwdXQoKSBzdGVwcGVyU2VsZWN0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKVxuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICAvKipcbiAgKiBzZSBvIGl0ZW0gZG8gc3RlcHBlciBlc3RpdmUgY29tIG8gZXZlbnRvIGRlIGNsaWNrZWQgdHJ1ZSwgZWxlIHJldG9ybmEgcXVhbCBlbGVtZW50byDDqSBzZWxlY2lvbmFkbyBwYXJhIG8gY29tcG9uZW50ZSBwYWlcbiAgKiAqL1xuICBjbGlja2VkSXRlbShpdGVtOiBTdGVwcGVyQ2xhc3MsIGluZGV4OiBudW1iZXIpIHtcbiAgICBpZighaXRlbS5jbGlja2VkKSB7XG4gICAgICByZXR1cm5cbiAgICB9XG4gICAgdGhpcy5zdGVwcGVyU2VsZWN0ZWQuZW1pdChpbmRleClcbiAgfVxufVxuIiwiPGRpdlxuICBjbGFzcz1cInN0ZXBwZXItdmVydGljYWxcIlxuICBbbmdDbGFzc109XCJpc1ZlcnRpY2FsID09PSB0cnVlID8gJ3N0ZXBwZXItdmVydGljYWwnIDogJ3N0ZXBwZXItaG9yaXpvbnRhbCdcIlxuICAqbmdJZj1cInN0ZXBwZXJBcnJheVwiXG4+XG4gIDxkaXYgY2xhc3M9XCJzdGVwcGVyLWNvbXBvbmVudFwiICpuZ0Zvcj1cImxldCBpdGVtcyBvZiBzdGVwcGVyQXJyYXk7IGxldCAkaSA9IGluZGV4XCI+XG4gICAgPGRpdiBjbGFzcz1cInN0ZXBwZXItY29tcG9uZW50X19tYWluXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwic3RlcHBlci1pdGVtXCIgW25nQ2xhc3NdPVwieydzdGVwcGVyLWl0ZW1fX2NsaWNrZWQnOiBpdGVtcy5jbGlja2VkfVwiICAoY2xpY2spPVwiY2xpY2tlZEl0ZW0oaXRlbXMsJGkpXCI+XG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgW25nQ2xhc3NdPVwiXG4gICAgICAgICAgICBpdGVtcy5zaG93TGluZVN0YXJ0ID09PSB0cnVlXG4gICAgICAgICAgICAgID8gJ3N0ZXBwZXItaXRlbV9fbGluZSdcbiAgICAgICAgICAgICAgOiAnc3RlcHBlci1pdGVtX193aXRob3V0LWxpbmUnXG4gICAgICAgICAgXCJcbiAgICAgICAgPjwvc3Bhbj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzdGVwcGVyLWl0ZW1fX2NpcmNsZVwiIFtuZ0NsYXNzXT1cIml0ZW1zLmNsYXNzTmFtZVwiXG4gICAgICAgICAgPjxzcGFuICpuZ0lmPVwiaXRlbXMudHlwZSA9PT0gJ2ljb24nXCIgY2xhc3M9XCJpY29uIG1hdGVyaWFsLWljb25zXCI+e3tcbiAgICAgICAgICAgIGl0ZW1zLnZhbHVlSWNvblxuICAgICAgICAgIH19PC9zcGFuPlxuICAgICAgICAgIDxzcGFuICpuZ0lmPVwiaXRlbXMudHlwZSA9PT0gJ3RleHQnXCIgY2xhc3M9XCJpY29uXCI+e3tcbiAgICAgICAgICAgIGl0ZW1zLnZhbHVlQnVsbGV0XG4gICAgICAgICAgfX08L3NwYW4+PC9zcGFuXG4gICAgICAgID5cbiAgICAgICAgPHNwYW5cbiAgICAgICAgICBbbmdDbGFzc109XCJcbiAgICAgICAgICAgIGl0ZW1zLnNob3dMaW5lRW5kID09PSB0cnVlXG4gICAgICAgICAgICAgID8gJ3N0ZXBwZXItaXRlbV9fbGluZSdcbiAgICAgICAgICAgICAgOiAnc3RlcHBlci1pdGVtX193aXRob3V0LWxpbmUnXG4gICAgICAgICAgXCJcbiAgICAgICAgPjwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cInN0ZXBwZXItbGFiZWxcIj5cbiAgICAgICAgPHNwYW5cbiAgICAgICAgICBjbGFzcz1cInN0ZXBwZXItbGFiZWxfX3RleHRcIlxuICAgICAgICAgIFtuZ0NsYXNzXT1cIml0ZW1zLmNsYXNzTmFtZSA9PT0gJ2N1cnJlbnQnID8gJ2RhcmstdGV4dCcgOiAnbGlnaHQtdGV4dCdcIlxuICAgICAgICAgID57eyBpdGVtcy5sYWJlbCB9fTwvc3BhblxuICAgICAgICA+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
42
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9uZW50cy9zcmMvbGliL3N0ZXBwZXIvc3RlcHBlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9uZW50cy9zcmMvbGliL3N0ZXBwZXIvc3RlcHBlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBcUIxRixNQUFNLE9BQU8sZ0JBQWdCO0lBQzNCOztNQUVFO0lBQ08sVUFBVSxHQUFZLEtBQUssQ0FBQztJQUVyQzs7O01BR0U7SUFDTyxZQUFZLEdBQXdCLEVBQUUsQ0FBQztJQUVoRDs7TUFFRTtJQUNRLGVBQWUsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFBO0lBRXRELGdCQUFlLENBQUM7SUFFaEI7O1FBRUk7SUFDSixXQUFXLENBQUMsSUFBa0IsRUFBRSxLQUFhO1FBQzNDLElBQUcsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDakIsT0FBTTtRQUNSLENBQUM7UUFDRCxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQTtJQUNsQyxDQUFDO3dHQTNCVSxnQkFBZ0I7NEZBQWhCLGdCQUFnQiw0TEN0QjdCLG81Q0F5Q0EsbzBHRHhCWSxZQUFZOzs0RkFLWCxnQkFBZ0I7a0JBUjVCLFNBQVM7K0JBQ0UsYUFBYSxjQUNYLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyxpQkFHUixpQkFBaUIsQ0FBQyxJQUFJO3dEQU01QixVQUFVO3NCQUFsQixLQUFLO2dCQU1HLFlBQVk7c0JBQXBCLEtBQUs7Z0JBS0ksZUFBZTtzQkFBeEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU3RlcHBlckNsYXNzIHtcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIGNsYXNzTmFtZT86ICdmaW5hbGl6ZWQnIHwgICdjdXJyZW50JyB8ICd3YWl0aW5nJyB8ICdlcnJvcic7XG4gIHNob3dMaW5lU3RhcnQ6IGJvb2xlYW47XG4gIHNob3dMaW5lRW5kOiBib29sZWFuO1xuICB0eXBlPzogJ2ljb24nIHwgJ3RleHQnO1xuICB2YWx1ZUljb24/OiBzdHJpbmc7XG4gIHZhbHVlQnVsbGV0Pzogc3RyaW5nO1xuICBjbGlja2VkPzogYm9vbGVhbjtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcIndjby1zdGVwcGVyXCIsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogXCIuL3N0ZXBwZXIuY29tcG9uZW50Lmh0bWxcIixcbiAgc3R5bGVVcmxzOiBbXCIuL3N0ZXBwZXIuY29tcG9uZW50LnNjc3NcIl0sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIFN0ZXBwZXJDb21wb25lbnQge1xuICAvKipcbiAgKiBTZW50aWRvIGRvIHN0ZXBwZXIgKGhvcml6b250YWwgb3UgdmVydGljYWwpXG4gICovXG4gIEBJbnB1dCgpIGlzVmVydGljYWw6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgKiBBcnJheSBkZSBpdGVucyBkbyBzdGVwcGVyIFN0ZXBwZXJDbGFzc1xuICAqIEBwYXJhbSB7U3RlcHBlckNsYXNzfSBzdGVwcGVyXG4gICovXG4gIEBJbnB1dCgpIHN0ZXBwZXJBcnJheTogQXJyYXk8U3RlcHBlckNsYXNzPiA9IFtdO1xuXG4gIC8qKlxuICAqIEZ1bsOnw6NvIHF1ZSByZXRvcm5hIG8gdmFsb3IgZG8gw61jb25lIG91IGJ1bGxldFxuICAqL1xuICBAT3V0cHV0KCkgc3RlcHBlclNlbGVjdGVkID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KClcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgLyoqXG4gICogc2UgbyBpdGVtIGRvIHN0ZXBwZXIgZXN0aXZlIGNvbSBvIGV2ZW50byBkZSBjbGlja2VkIHRydWUsIGVsZSByZXRvcm5hIHF1YWwgZWxlbWVudG8gw6kgc2VsZWNpb25hZG8gcGFyYSBvIGNvbXBvbmVudGUgcGFpXG4gICogKi9cbiAgY2xpY2tlZEl0ZW0oaXRlbTogU3RlcHBlckNsYXNzLCBpbmRleDogbnVtYmVyKSB7XG4gICAgaWYoIWl0ZW0uY2xpY2tlZCkge1xuICAgICAgcmV0dXJuXG4gICAgfVxuICAgIHRoaXMuc3RlcHBlclNlbGVjdGVkLmVtaXQoaW5kZXgpXG4gIH1cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJzdGVwcGVyLXZlcnRpY2FsXCJcbiAgW25nQ2xhc3NdPVwiaXNWZXJ0aWNhbCA9PT0gdHJ1ZSA/ICdzdGVwcGVyLXZlcnRpY2FsJyA6ICdzdGVwcGVyLWhvcml6b250YWwnXCJcbiAgKm5nSWY9XCJzdGVwcGVyQXJyYXlcIlxuPlxuICA8ZGl2IGNsYXNzPVwic3RlcHBlci1jb21wb25lbnRcIiAqbmdGb3I9XCJsZXQgaXRlbXMgb2Ygc3RlcHBlckFycmF5OyBsZXQgJGkgPSBpbmRleFwiPlxuICAgIDxkaXYgY2xhc3M9XCJzdGVwcGVyLWNvbXBvbmVudF9fbWFpblwiPlxuICAgICAgPGRpdiBjbGFzcz1cInN0ZXBwZXItaXRlbVwiIFtuZ0NsYXNzXT1cInsnc3RlcHBlci1pdGVtX19jbGlja2VkJzogaXRlbXMuY2xpY2tlZH1cIiAgKGNsaWNrKT1cImNsaWNrZWRJdGVtKGl0ZW1zLCRpKVwiPlxuICAgICAgICA8c3BhblxuICAgICAgICAgIFtuZ0NsYXNzXT1cIlxuICAgICAgICAgICAgaXRlbXMuc2hvd0xpbmVTdGFydCA9PT0gdHJ1ZVxuICAgICAgICAgICAgICA/ICdzdGVwcGVyLWl0ZW1fX2xpbmUnXG4gICAgICAgICAgICAgIDogJ3N0ZXBwZXItaXRlbV9fd2l0aG91dC1saW5lJ1xuICAgICAgICAgIFwiXG4gICAgICAgID48L3NwYW4+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic3RlcHBlci1pdGVtX19jaXJjbGVcIiBbbmdDbGFzc109XCJpdGVtcy5jbGFzc05hbWVcIlxuICAgICAgICAgID48c3BhbiAqbmdJZj1cIml0ZW1zLnR5cGUgPT09ICdpY29uJ1wiIGNsYXNzPVwiaWNvbiBtYXRlcmlhbC1pY29uc1wiPnt7XG4gICAgICAgICAgICBpdGVtcy52YWx1ZUljb25cbiAgICAgICAgICB9fTwvc3Bhbj5cbiAgICAgICAgICA8c3BhbiAqbmdJZj1cIml0ZW1zLnR5cGUgPT09ICd0ZXh0J1wiIGNsYXNzPVwiaWNvblwiPnt7XG4gICAgICAgICAgICBpdGVtcy52YWx1ZUJ1bGxldFxuICAgICAgICAgIH19PC9zcGFuPjwvc3BhblxuICAgICAgICA+XG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgW25nQ2xhc3NdPVwiXG4gICAgICAgICAgICBpdGVtcy5zaG93TGluZUVuZCA9PT0gdHJ1ZVxuICAgICAgICAgICAgICA/ICdzdGVwcGVyLWl0ZW1fX2xpbmUnXG4gICAgICAgICAgICAgIDogJ3N0ZXBwZXItaXRlbV9fd2l0aG91dC1saW5lJ1xuICAgICAgICAgIFwiXG4gICAgICAgID48L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzdGVwcGVyLWxhYmVsXCI+XG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgY2xhc3M9XCJzdGVwcGVyLWxhYmVsX190ZXh0XCJcbiAgICAgICAgICBbbmdDbGFzc109XCJpdGVtcy5jbGFzc05hbWUgPT09ICdjdXJyZW50JyA/ICdkYXJrLXRleHQnIDogJ2xpZ2h0LXRleHQnXCJcbiAgICAgICAgICA+e3sgaXRlbXMubGFiZWwgfX08L3NwYW5cbiAgICAgICAgPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=