@wizco/fenixds-ngx 1.0.5

package/README.md

@@ -0,0 +1,18 @@
+<h1 align="center" id="title">ngx-fenix-ds</h1>
+
+<p id="description">
+Fenix Design System é uma biblioteca de componentes com um ecosistema que abrange vários modelos de componentes. O ngx-fenix-ds é voltado para os componentes com angular.</p>
+
+<h2>🚀 Demo</h2>
+
+[https://fenix-design-system.surge.sh/](https://fenix-design-system.surge.sh/)
+
+<h2>🛠️ Installation Steps:</h2>
+
+<p>1. Install</p>
+
+```
+npm install @wizco/fenixds-ngx --registry https://npm.outlinestudio.tech/
+```
+
+<p>2. Encontre o componente dentro da biblioteca e siga os passos de instalação</p>

package/esm2022/lib/msg-box-feedback/msg-box-feeback.types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXNnLWJveC1mZWViYWNrLnR5cGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvbmVudHMvc3JjL2xpYi9tc2ctYm94LWZlZWRiYWNrL21zZy1ib3gtZmVlYmFjay50eXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBNc2dCb3hGZWVkYmFja1R5cGVzIHtcbiAgdGl0bGU6IHN0cmluZ1xuICBtZXNzYWdlOiBzdHJpbmdcbiAgdHlwZTogVHlwZXNcbiAgc2hvdz86IGJvb2xlYW5cbn1cblxuZXhwb3J0IHR5cGUgVHlwZXMgID0gJ2Vycm9yJyB8ICdzdWNjZXNzJyB8ICd3YXJuaW5nJyB8ICdpbmZvJyB8ICdsb2FkaW5nJztcbiJdfQ==

package/esm2022/lib/msg-box-feedback/msg-box-feedback.component.mjs

@@ -0,0 +1,53 @@
+import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { animate, style, transition, trigger } from '@angular/animations';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class MsgBoxFeedbackComponent {
+    show = false;
+    title;
+    message;
+    type = 'error';
+    fechar = new EventEmitter();
+    constructor() { }
+    close() {
+        this.fechar.emit(true);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: MsgBoxFeedbackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.4", type: MsgBoxFeedbackComponent, isStandalone: true, selector: "wco-msg-box-feedback", inputs: { show: "show", title: "title", message: "message", type: "type" }, outputs: { fechar: "fechar" }, ngImport: i0, template: "<div [ngClass]=\"'box-feedback box-feedback-' + type\" @fadeSlideInOut>\n  <svg *ngIf=\"type !== 'loading'\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path *ngIf=\"type === 'error'\"\n      d=\"M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM10 11C9.45 11 9 10.55 9 10V6C9 5.45 9.45 5 10 5C10.55 5 11 5.45 11 6V10C11 10.55 10.55 11 10 11ZM11 15H9V13H11V15Z\"\n      fill=\"var(--box-feedback-icon-color)\" />\n    <path *ngIf=\"type === 'success'\"\n      d=\"M0.25 10C0.25 4.61807 4.61807 0.25 10 0.25C15.3819 0.25 19.75 4.61807 19.75 10C19.75 15.3819 15.3819 19.75 10 19.75C4.61807 19.75 0.25 15.3819 0.25 10ZM3.52322 10.8768L7.11322 14.4668C7.59915 14.9527 8.39831 14.9565 8.87783 14.4657C8.87824 14.4653 8.87865 14.4649 8.87906 14.4645L16.4668 6.87678C16.9544 6.38915 16.9544 5.60085 16.4668 5.11322C15.9791 4.62559 15.1909 4.62559 14.7032 5.11322L7.99969 11.8168L5.28678 9.11322C5.28672 9.11316 5.28666 9.1131 5.2866 9.11304C4.79895 8.62559 4.01079 8.62565 3.52322 9.11322C3.03559 9.60085 3.03559 10.3891 3.52322 10.8768Z\"\n      fill=\"var(--box-feedback-icon-color)\" fill=\"var(--box-feedback-icon-color)\" stroke-width=\"0.5\" />\n    <path *ngIf=\"type === 'warning'\"\n      d=\"M19.0436 15.1252L19.0436 15.1253C19.7173 16.2888 18.8771 17.75 17.53 17.75H2.47C1.12285 17.75 0.282712 16.2888 0.956356 15.1253L0.956371 15.1252L8.48636 2.11526C8.48636 2.11525 8.48637 2.11524 8.48637 2.11523C9.16008 0.951589 10.8399 0.951589 11.5136 2.11523C11.5136 2.11524 11.5136 2.11525 11.5136 2.11526L19.0436 15.1252ZM11 15.25H11.25V15V13V12.75H11H9H8.75V13V15V15.25H9H11ZM8.75 10C8.75 10.6881 9.31193 11.25 10 11.25C10.6881 11.25 11.25 10.6881 11.25 10V8C11.25 7.31193 10.6881 6.75 10 6.75C9.31193 6.75 8.75 7.31193 8.75 8V10Z\"\n      fill=\"var(--box-feedback-icon-color)\" fill=\"var(--box-feedback-icon-color)\" stroke-width=\"0.5\" />\n    <path *ngIf=\"type === 'info'\"\n      d=\"M11 7.25H11.25V7V5V4.75H11H9H8.75V5V7V7.25H9H11ZM0.25 10C0.25 4.61807 4.61807 0.25 10 0.25C15.3819 0.25 19.75 4.61807 19.75 10C19.75 15.3819 15.3819 19.75 10 19.75C4.61807 19.75 0.25 15.3819 0.25 10ZM8.75 14C8.75 14.6881 9.31193 15.25 10 15.25C10.6881 15.25 11.25 14.6881 11.25 14V10C11.25 9.31193 10.6881 8.75 10 8.75C9.31193 8.75 8.75 9.31193 8.75 10V14Z\"\n      fill=\"var(--box-feedback-icon-color)\" stroke-width=\"0.5\" />\n  </svg>\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>\n    <h6>{{ title }}</h6>\n    <p>{{ message }}</p>\n  </div>\n  <a class=\"btn-close\" (click)=\"close()\">\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", styles: ["div.box-feedback{align-content:initial;align-items:flex-start;background:var(--box-feedback-bg);border-radius:4px;border:4px solid var(--box-feedback-border);display:flex;flex-grow:0;order:1;padding:var(--wco-spacing-xxxs, 8px);position:relative}div.box-feedback a.btn-close{cursor:pointer;position:absolute;right:0;top:0}div.box-feedback a.btn-close svg{width:12px}div.box-feedback a.btn-close svg path{fill:var(--box-feedback-icon-color)}div.box-feedback svg{margin:10px 10px 0 0;width:100%;flex:0 0 20px}div.box-feedback h6{color:var(--box-feedback-text);font-size:18px;font-style:normal;font-weight:600;line-height:200%}div.box-feedback p{margin-bottom:0;color:var(--box-color-neutral-600)}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-danger-900);--box-feedback-bg: var(--wco-color-danger-50);--box-feedback-border: var(--wco-color-danger-600);--box-feedback-icon-color: var(--wco-color-danger-600)}div.box-feedback.box-feedback-success{--box-feedback-text: var(--wco-color-success-900);--box-feedback-bg: var(--wco-color-success-50);--box-feedback-border: var(--wco-color-success-600);--box-feedback-icon-color: var(--wco-color-success-600)}div.box-feedback.box-feedback-warning{--box-feedback-text: var(--wco-color-warning-900);--box-feedback-bg: var(--wco-color-warning-50);--box-feedback-border: var(--wco-color-warning-600);--box-feedback-icon-color: var(--wco-color-warning-600)}div.box-feedback.box-feedback-info{--box-feedback-text: var(--wco-color-info-900);--box-feedback-bg: var(--wco-color-info-50);--box-feedback-border: var(--wco-color-info-600);--box-feedback-icon-color: var(--wco-color-info-600)}div.box-feedback.box-feedback-loading{--box-feedback-text: var(--wco-color-primary-900);--box-feedback-bg: var(--wco-color-primary-50);--box-feedback-border: var(--wco-color-primary-600);--box-feedback-icon-color: var(--wco-color-primary-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: [
+            trigger('fadeSlideInOut', [
+                transition(':enter', [
+                    style({ opacity: 0, transform: 'translateY(10px)' }),
+                    animate('500ms', style({ opacity: 1, transform: 'translateY(0)' })),
+                ]),
+                transition(':leave', [
+                    animate('500ms', style({ opacity: 0, transform: 'translateY(10px)' })),
+                ]),
+            ]),
+        ], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: MsgBoxFeedbackComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wco-msg-box-feedback', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, animations: [
+                        trigger('fadeSlideInOut', [
+                            transition(':enter', [
+                                style({ opacity: 0, transform: 'translateY(10px)' }),
+                                animate('500ms', style({ opacity: 1, transform: 'translateY(0)' })),
+                            ]),
+                            transition(':leave', [
+                                animate('500ms', style({ opacity: 0, transform: 'translateY(10px)' })),
+                            ]),
+                        ]),
+                    ], template: "<div [ngClass]=\"'box-feedback box-feedback-' + type\" @fadeSlideInOut>\n  <svg *ngIf=\"type !== 'loading'\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path *ngIf=\"type === 'error'\"\n      d=\"M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM10 11C9.45 11 9 10.55 9 10V6C9 5.45 9.45 5 10 5C10.55 5 11 5.45 11 6V10C11 10.55 10.55 11 10 11ZM11 15H9V13H11V15Z\"\n      fill=\"var(--box-feedback-icon-color)\" />\n    <path *ngIf=\"type === 'success'\"\n      d=\"M0.25 10C0.25 4.61807 4.61807 0.25 10 0.25C15.3819 0.25 19.75 4.61807 19.75 10C19.75 15.3819 15.3819 19.75 10 19.75C4.61807 19.75 0.25 15.3819 0.25 10ZM3.52322 10.8768L7.11322 14.4668C7.59915 14.9527 8.39831 14.9565 8.87783 14.4657C8.87824 14.4653 8.87865 14.4649 8.87906 14.4645L16.4668 6.87678C16.9544 6.38915 16.9544 5.60085 16.4668 5.11322C15.9791 4.62559 15.1909 4.62559 14.7032 5.11322L7.99969 11.8168L5.28678 9.11322C5.28672 9.11316 5.28666 9.1131 5.2866 9.11304C4.79895 8.62559 4.01079 8.62565 3.52322 9.11322C3.03559 9.60085 3.03559 10.3891 3.52322 10.8768Z\"\n      fill=\"var(--box-feedback-icon-color)\" fill=\"var(--box-feedback-icon-color)\" stroke-width=\"0.5\" />\n    <path *ngIf=\"type === 'warning'\"\n      d=\"M19.0436 15.1252L19.0436 15.1253C19.7173 16.2888 18.8771 17.75 17.53 17.75H2.47C1.12285 17.75 0.282712 16.2888 0.956356 15.1253L0.956371 15.1252L8.48636 2.11526C8.48636 2.11525 8.48637 2.11524 8.48637 2.11523C9.16008 0.951589 10.8399 0.951589 11.5136 2.11523C11.5136 2.11524 11.5136 2.11525 11.5136 2.11526L19.0436 15.1252ZM11 15.25H11.25V15V13V12.75H11H9H8.75V13V15V15.25H9H11ZM8.75 10C8.75 10.6881 9.31193 11.25 10 11.25C10.6881 11.25 11.25 10.6881 11.25 10V8C11.25 7.31193 10.6881 6.75 10 6.75C9.31193 6.75 8.75 7.31193 8.75 8V10Z\"\n      fill=\"var(--box-feedback-icon-color)\" fill=\"var(--box-feedback-icon-color)\" stroke-width=\"0.5\" />\n    <path *ngIf=\"type === 'info'\"\n      d=\"M11 7.25H11.25V7V5V4.75H11H9H8.75V5V7V7.25H9H11ZM0.25 10C0.25 4.61807 4.61807 0.25 10 0.25C15.3819 0.25 19.75 4.61807 19.75 10C19.75 15.3819 15.3819 19.75 10 19.75C4.61807 19.75 0.25 15.3819 0.25 10ZM8.75 14C8.75 14.6881 9.31193 15.25 10 15.25C10.6881 15.25 11.25 14.6881 11.25 14V10C11.25 9.31193 10.6881 8.75 10 8.75C9.31193 8.75 8.75 9.31193 8.75 10V14Z\"\n      fill=\"var(--box-feedback-icon-color)\" stroke-width=\"0.5\" />\n  </svg>\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>\n    <h6>{{ title }}</h6>\n    <p>{{ message }}</p>\n  </div>\n  <a class=\"btn-close\" (click)=\"close()\">\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", styles: ["div.box-feedback{align-content:initial;align-items:flex-start;background:var(--box-feedback-bg);border-radius:4px;border:4px solid var(--box-feedback-border);display:flex;flex-grow:0;order:1;padding:var(--wco-spacing-xxxs, 8px);position:relative}div.box-feedback a.btn-close{cursor:pointer;position:absolute;right:0;top:0}div.box-feedback a.btn-close svg{width:12px}div.box-feedback a.btn-close svg path{fill:var(--box-feedback-icon-color)}div.box-feedback svg{margin:10px 10px 0 0;width:100%;flex:0 0 20px}div.box-feedback h6{color:var(--box-feedback-text);font-size:18px;font-style:normal;font-weight:600;line-height:200%}div.box-feedback p{margin-bottom:0;color:var(--box-color-neutral-600)}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-danger-900);--box-feedback-bg: var(--wco-color-danger-50);--box-feedback-border: var(--wco-color-danger-600);--box-feedback-icon-color: var(--wco-color-danger-600)}div.box-feedback.box-feedback-success{--box-feedback-text: var(--wco-color-success-900);--box-feedback-bg: var(--wco-color-success-50);--box-feedback-border: var(--wco-color-success-600);--box-feedback-icon-color: var(--wco-color-success-600)}div.box-feedback.box-feedback-warning{--box-feedback-text: var(--wco-color-warning-900);--box-feedback-bg: var(--wco-color-warning-50);--box-feedback-border: var(--wco-color-warning-600);--box-feedback-icon-color: var(--wco-color-warning-600)}div.box-feedback.box-feedback-info{--box-feedback-text: var(--wco-color-info-900);--box-feedback-bg: var(--wco-color-info-50);--box-feedback-border: var(--wco-color-info-600);--box-feedback-icon-color: var(--wco-color-info-600)}div.box-feedback.box-feedback-loading{--box-feedback-text: var(--wco-color-primary-900);--box-feedback-bg: var(--wco-color-primary-50);--box-feedback-border: var(--wco-color-primary-600);--box-feedback-icon-color: var(--wco-color-primary-600)}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { show: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], message: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], fechar: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXNnLWJveC1mZWVkYmFjay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9uZW50cy9zcmMvbGliL21zZy1ib3gtZmVlZGJhY2svbXNnLWJveC1mZWVkYmFjay5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9uZW50cy9zcmMvbGliL21zZy1ib3gtZmVlZGJhY2svbXNnLWJveC1mZWVkYmFjay5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7OztBQW9CMUUsTUFBTSxPQUFPLHVCQUF1QjtJQUN6QixJQUFJLEdBQVksS0FBSyxDQUFBO0lBQ3JCLEtBQUssQ0FBZ0M7SUFDckMsT0FBTyxDQUFrQztJQUN6QyxJQUFJLEdBQWdDLE9BQU8sQ0FBQztJQUMzQyxNQUFNLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztJQUUzQyxnQkFBZ0IsQ0FBQztJQUVqQixLQUFLO1FBQ0gsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDekIsQ0FBQzt1R0FYVSx1QkFBdUI7MkZBQXZCLHVCQUF1QiwyTEN2QnBDLHc2R0E4QkEsdTFFRHZCWSxZQUFZLG1OQUlWO1lBQ1YsT0FBTyxDQUFDLGdCQUFnQixFQUFFO2dCQUN4QixVQUFVLENBQUMsUUFBUSxFQUFFO29CQUNuQixLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSxrQkFBa0IsRUFBRSxDQUFDO29CQUNwRCxPQUFPLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRSxDQUFDLENBQUM7aUJBQ3BFLENBQUM7Z0JBQ0YsVUFBVSxDQUFDLFFBQVEsRUFBRTtvQkFDbkIsT0FBTyxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSxrQkFBa0IsRUFBRSxDQUFDLENBQUM7aUJBQ3ZFLENBQUM7YUFDSCxDQUFDO1NBQ0g7OzJGQUVVLHVCQUF1QjtrQkFuQm5DLFNBQVM7K0JBQ0Usc0JBQXNCLGNBQ3BCLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyxpQkFHUixpQkFBaUIsQ0FBQyxJQUFJLGNBQ3pCO3dCQUNWLE9BQU8sQ0FBQyxnQkFBZ0IsRUFBRTs0QkFDeEIsVUFBVSxDQUFDLFFBQVEsRUFBRTtnQ0FDbkIsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxTQUFTLEVBQUUsa0JBQWtCLEVBQUUsQ0FBQztnQ0FDcEQsT0FBTyxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUUsQ0FBQyxDQUFDOzZCQUNwRSxDQUFDOzRCQUNGLFVBQVUsQ0FBQyxRQUFRLEVBQUU7Z0NBQ25CLE9BQU8sQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxTQUFTLEVBQUUsa0JBQWtCLEVBQUUsQ0FBQyxDQUFDOzZCQUN2RSxDQUFDO3lCQUNILENBQUM7cUJBQ0g7MEVBR1EsSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNJLE1BQU07c0JBQWYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE1zZ0JveEZlZWRiYWNrVHlwZXMgfSBmcm9tICcuL21zZy1ib3gtZmVlYmFjay50eXBlcyc7XG5pbXBvcnQgeyBhbmltYXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnd2NvLW1zZy1ib3gtZmVlZGJhY2snLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL21zZy1ib3gtZmVlZGJhY2suY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9tc2ctYm94LWZlZWRiYWNrLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGFuaW1hdGlvbnM6IFtcbiAgICB0cmlnZ2VyKCdmYWRlU2xpZGVJbk91dCcsIFtcbiAgICAgIHRyYW5zaXRpb24oJzplbnRlcicsIFtcbiAgICAgICAgc3R5bGUoeyBvcGFjaXR5OiAwLCB0cmFuc2Zvcm06ICd0cmFuc2xhdGVZKDEwcHgpJyB9KSxcbiAgICAgICAgYW5pbWF0ZSgnNTAwbXMnLCBzdHlsZSh7IG9wYWNpdHk6IDEsIHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVkoMCknIH0pKSxcbiAgICAgIF0pLFxuICAgICAgdHJhbnNpdGlvbignOmxlYXZlJywgW1xuICAgICAgICBhbmltYXRlKCc1MDBtcycsIHN0eWxlKHsgb3BhY2l0eTogMCwgdHJhbnNmb3JtOiAndHJhbnNsYXRlWSgxMHB4KScgfSkpLFxuICAgICAgXSksXG4gICAgXSksXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIE1zZ0JveEZlZWRiYWNrQ29tcG9uZW50IHtcbiAgQElucHV0KCkgc2hvdzogYm9vbGVhbiA9IGZhbHNlXG4gIEBJbnB1dCgpIHRpdGxlITogTXNnQm94RmVlZGJhY2tUeXBlc1sndGl0bGUnXTtcbiAgQElucHV0KCkgbWVzc2FnZSE6IE1zZ0JveEZlZWRiYWNrVHlwZXNbJ21lc3NhZ2UnXTtcbiAgQElucHV0KCkgdHlwZTogTXNnQm94RmVlZGJhY2tUeXBlc1sndHlwZSddID0gJ2Vycm9yJztcbiAgQE91dHB1dCgpIGZlY2hhciA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgY2xvc2UoKTogdm9pZCB7XG4gICAgdGhpcy5mZWNoYXIuZW1pdCh0cnVlKTtcbiAgfVxufVxuIiwiPGRpdiBbbmdDbGFzc109XCInYm94LWZlZWRiYWNrIGJveC1mZWVkYmFjay0nICsgdHlwZVwiIEBmYWRlU2xpZGVJbk91dD5cbiAgPHN2ZyAqbmdJZj1cInR5cGUgIT09ICdsb2FkaW5nJ1wiIHZpZXdCb3g9XCIwIDAgMjAgMjBcIiBmaWxsPVwibm9uZVwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIj5cbiAgICA8cGF0aCAqbmdJZj1cInR5cGUgPT09ICdlcnJvcidcIlxuICAgICAgZD1cIk0xMCAwQzQuNDggMCAwIDQuNDggMCAxMEMwIDE1LjUyIDQuNDggMjAgMTAgMjBDMTUuNTIgMjAgMjAgMTUuNTIgMjAgMTBDMjAgNC40OCAxNS41MiAwIDEwIDBaTTEwIDExQzkuNDUgMTEgOSAxMC41NSA5IDEwVjZDOSA1LjQ1IDkuNDUgNSAxMCA1QzEwLjU1IDUgMTEgNS40NSAxMSA2VjEwQzExIDEwLjU1IDEwLjU1IDExIDEwIDExWk0xMSAxNUg5VjEzSDExVjE1WlwiXG4gICAgICBmaWxsPVwidmFyKC0tYm94LWZlZWRiYWNrLWljb24tY29sb3IpXCIgLz5cbiAgICA8cGF0aCAqbmdJZj1cInR5cGUgPT09ICdzdWNjZXNzJ1wiXG4gICAgICBkPVwiTTAuMjUgMTBDMC4yNSA0LjYxODA3IDQuNjE4MDcgMC4yNSAxMCAwLjI1QzE1LjM4MTkgMC4yNSAxOS43NSA0LjYxODA3IDE5Ljc1IDEwQzE5Ljc1IDE1LjM4MTkgMTUuMzgxOSAxOS43NSAxMCAxOS43NUM0LjYxODA3IDE5Ljc1IDAuMjUgMTUuMzgxOSAwLjI1IDEwWk0zLjUyMzIyIDEwLjg3NjhMNy4xMTMyMiAxNC40NjY4QzcuNTk5MTUgMTQuOTUyNyA4LjM5ODMxIDE0Ljk1NjUgOC44Nzc4MyAxNC40NjU3QzguODc4MjQgMTQuNDY1MyA4Ljg3ODY1IDE0LjQ2NDkgOC44NzkwNiAxNC40NjQ1TDE2LjQ2NjggNi44NzY3OEMxNi45NTQ0IDYuMzg5MTUgMTYuOTU0NCA1LjYwMDg1IDE2LjQ2NjggNS4xMTMyMkMxNS45NzkxIDQuNjI1NTkgMTUuMTkwOSA0LjYyNTU5IDE0LjcwMzIgNS4xMTMyMkw3Ljk5OTY5IDExLjgxNjhMNS4yODY3OCA5LjExMzIyQzUuMjg2NzIgOS4xMTMxNiA1LjI4NjY2IDkuMTEzMSA1LjI4NjYgOS4xMTMwNEM0Ljc5ODk1IDguNjI1NTkgNC4wMTA3OSA4LjYyNTY1IDMuNTIzMjIgOS4xMTMyMkMzLjAzNTU5IDkuNjAwODUgMy4wMzU1OSAxMC4zODkxIDMuNTIzMjIgMTAuODc2OFpcIlxuICAgICAgZmlsbD1cInZhcigtLWJveC1mZWVkYmFjay1pY29uLWNvbG9yKVwiIGZpbGw9XCJ2YXIoLS1ib3gtZmVlZGJhY2staWNvbi1jb2xvcilcIiBzdHJva2Utd2lkdGg9XCIwLjVcIiAvPlxuICAgIDxwYXRoICpuZ0lmPVwidHlwZSA9PT0gJ3dhcm5pbmcnXCJcbiAgICAgIGQ9XCJNMTkuMDQzNiAxNS4xMjUyTDE5LjA0MzYgMTUuMTI1M0MxOS43MTczIDE2LjI4ODggMTguODc3MSAxNy43NSAxNy41MyAxNy43NUgyLjQ3QzEuMTIyODUgMTcuNzUgMC4yODI3MTIgMTYuMjg4OCAwLjk1NjM1NiAxNS4xMjUzTDAuOTU2MzcxIDE1LjEyNTJMOC40ODYzNiAyLjExNTI2QzguNDg2MzYgMi4xMTUyNSA4LjQ4NjM3IDIuMTE1MjQgOC40ODYzNyAyLjExNTIzQzkuMTYwMDggMC45NTE1ODkgMTAuODM5OSAwLjk1MTU4OSAxMS41MTM2IDIuMTE1MjNDMTEuNTEzNiAyLjExNTI0IDExLjUxMzYgMi4xMTUyNSAxMS41MTM2IDIuMTE1MjZMMTkuMDQzNiAxNS4xMjUyWk0xMSAxNS4yNUgxMS4yNVYxNVYxM1YxMi43NUgxMUg5SDguNzVWMTNWMTVWMTUuMjVIOUgxMVpNOC43NSAxMEM4Ljc1IDEwLjY4ODEgOS4zMTE5MyAxMS4yNSAxMCAxMS4yNUMxMC42ODgxIDExLjI1IDExLjI1IDEwLjY4ODEgMTEuMjUgMTBWOEMxMS4yNSA3LjMxMTkzIDEwLjY4ODEgNi43NSAxMCA2Ljc1QzkuMzExOTMgNi43NSA4Ljc1IDcuMzExOTMgOC43NSA4VjEwWlwiXG4gICAgICBmaWxsPVwidmFyKC0tYm94LWZlZWRiYWNrLWljb24tY29sb3IpXCIgZmlsbD1cInZhcigtLWJveC1mZWVkYmFjay1pY29uLWNvbG9yKVwiIHN0cm9rZS13aWR0aD1cIjAuNVwiIC8+XG4gICAgPHBhdGggKm5nSWY9XCJ0eXBlID09PSAnaW5mbydcIlxuICAgICAgZD1cIk0xMSA3LjI1SDExLjI1VjdWNVY0Ljc1SDExSDlIOC43NVY1VjdWNy4yNUg5SDExWk0wLjI1IDEwQzAuMjUgNC42MTgwNyA0LjYxODA3IDAuMjUgMTAgMC4yNUMxNS4zODE5IDAuMjUgMTkuNzUgNC42MTgwNyAxOS43NSAxMEMxOS43NSAxNS4zODE5IDE1LjM4MTkgMTkuNzUgMTAgMTkuNzVDNC42MTgwNyAxOS43NSAwLjI1IDE1LjM4MTkgMC4yNSAxMFpNOC43NSAxNEM4Ljc1IDE0LjY4ODEgOS4zMTE5MyAxNS4yNSAxMCAxNS4yNUMxMC42ODgxIDE1LjI1IDExLjI1IDE0LjY4ODEgMTEuMjUgMTRWMTBDMTEuMjUgOS4zMTE5MyAxMC42ODgxIDguNzUgMTAgOC43NUM5LjMxMTkzIDguNzUgOC43NSA5LjMxMTkzIDguNzUgMTBWMTRaXCJcbiAgICAgIGZpbGw9XCJ2YXIoLS1ib3gtZmVlZGJhY2staWNvbi1jb2xvcilcIiBzdHJva2Utd2lkdGg9XCIwLjVcIiAvPlxuICA8L3N2Zz5cbiAgPHN2ZyAqbmdJZj1cInR5cGUgPT09ICdsb2FkaW5nJ1wiIGNsYXNzPVwic3Bpbm5lclwiIHZpZXdCb3g9XCIwIDAgNjYgNjZcIiB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCI+XG4gICAgPGNpcmNsZSBjbGFzcz1cImxvYWRpbmctaWNvblwiIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwidmFyKC0tYm94LWZlZWRiYWNrLWljb24tY29sb3IpXCIgc3Ryb2tlLXdpZHRoPVwiNlwiXG4gICAgICBzdHJva2UtbGluZWNhcD1cInJvdW5kXCIgY3g9XCIzM1wiIGN5PVwiMzNcIiByPVwiMzBcIj48L2NpcmNsZT5cbiAgPC9zdmc+XG4gIDxkaXY+XG4gICAgPGg2Pnt7IHRpdGxlIH19PC9oNj5cbiAgICA8cD57eyBtZXNzYWdlIH19PC9wPlxuICA8L2Rpdj5cbiAgPGEgY2xhc3M9XCJidG4tY2xvc2VcIiAoY2xpY2spPVwiY2xvc2UoKVwiPlxuICAgIDxzdmcgdmlld0JveD1cIjAgMCAxMiAxMlwiIGZpbGw9XCJub25lXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgPHBhdGhcbiAgICAgICAgZD1cIk0xMS4yNSAwLjc1ODQzMUMxMC45MjUgMC40MzM0MzEgMTAuNCAwLjQzMzQzMSAxMC4wNzUgMC43NTg0MzFMNS45OTk5OCA0LjgyNTFMMS45MjQ5OCAwLjc1MDA5OEMxLjU5OTk4IDAuNDI1MDk4IDEuMDc0OTggMC40MjUwOTggMC43NDk5NzYgMC43NTAwOThDMC40MjQ5NzYgMS4wNzUxIDAuNDI0OTc2IDEuNjAwMSAwLjc0OTk3NiAxLjkyNTFMNC44MjQ5OCA2LjAwMDFMMC43NDk5NzYgMTAuMDc1MUMwLjQyNDk3NiAxMC40MDAxIDAuNDI0OTc2IDEwLjkyNTEgMC43NDk5NzYgMTEuMjUwMUMxLjA3NDk4IDExLjU3NTEgMS41OTk5OCAxMS41NzUxIDEuOTI0OTggMTEuMjUwMUw1Ljk5OTk4IDcuMTc1MUwxMC4wNzUgMTEuMjUwMUMxMC40IDExLjU3NTEgMTAuOTI1IDExLjU3NTEgMTEuMjUgMTEuMjUwMUMxMS41NzUgMTAuOTI1MSAxMS41NzUgMTAuNDAwMSAxMS4yNSAxMC4wNzUxTDcuMTc0OTcgNi4wMDAxTDExLjI1IDEuOTI1MUMxMS41NjY2IDEuNjA4NDMgMTEuNTY2NiAxLjA3NTEgMTEuMjUgMC43NTg0MzFaXCIgLz5cbiAgICA8L3N2Zz5cbiAgPC9hPlxuPC9kaXY+XG4iXX0=

package/esm2022/lib/step/step.component.mjs

@@ -0,0 +1,99 @@
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class StepComponent {
+    /**
+     * Se o step está ativo
+     * @param {boolean} active
+    */
+    active = false;
+    /**
+    * Texto do label do step
+    */
+    label = '';
+    /**
+    * Ícone do step (opcional) - deve ser um ícone do material icon
+    */
+    iconName = undefined;
+    /**
+     * Texto do bulletValue do step (opcional) - deve ser um texto de 1 a 2 caracteres
+    */
+    bulletValue = undefined;
+    /**
+    * Sentido do stepper (horizontal ou vertical)
+    */
+    isVertical = true;
+    /**
+    * Desabilitar linha inicial
+    */
+    lineStart = true;
+    /**
+     * Desabilitar linha final
+    */
+    lineEnd = true;
+    /**
+      * Classe do step
+      *
+      * finalized - step finalizado
+      * current - step atual
+      * waiting - step aguardando
+      * error - step com erro
+      *
+      * @param {string} status
+    */
+    status = 'current';
+    /**
+     * size do step
+     * @param {string} size
+     */
+    size = 'small';
+    /**
+     * Se o step é clicável
+     * @param {boolean} clickable
+    */
+    hasClick = false;
+    /**
+    * Função que retorna o valor do ícone ou bullet
+    */
+    clicked = new EventEmitter();
+    constructor() { }
+    /**
+    * se o item do stepper estive com o evento de clicked true, ele retorna qual elemento é selecionado para o componente pai
+    * */
+    clickedItem() {
+        if (this.hasClick) {
+            return;
+        }
+        this.clicked.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: StepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.4", 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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: StepComponent, decorators: [{
+            type: Component,
+            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"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { active: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], iconName: [{
+                type: Input
+            }], bulletValue: [{
+                type: Input
+            }], isVertical: [{
+                type: Input
+            }], lineStart: [{
+                type: Input
+            }], lineEnd: [{
+                type: Input
+            }], status: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], hasClick: [{
+                type: Input
+            }], clicked: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9uZW50cy9zcmMvbGliL3N0ZXAvc3RlcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9uZW50cy9zcmMvbGliL3N0ZXAvc3RlcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBVTFGLE1BQU0sT0FBTyxhQUFhO0lBRXhCOzs7TUFHRTtJQUNPLE1BQU0sR0FBWSxLQUFLLENBQUM7SUFFakM7O01BRUU7SUFDTyxLQUFLLEdBQVcsRUFBRSxDQUFDO0lBRTVCOztNQUVFO0lBQ08sUUFBUSxHQUF1QixTQUFTLENBQUM7SUFFbEQ7O01BRUU7SUFDTyxXQUFXLEdBQXVCLFNBQVMsQ0FBQztJQUVyRDs7TUFFRTtJQUNPLFVBQVUsR0FBWSxJQUFJLENBQUM7SUFHcEM7O01BRUU7SUFDTyxTQUFTLEdBQVksSUFBSSxDQUFDO0lBRW5DOztNQUVFO0lBQ08sT0FBTyxHQUFZLElBQUksQ0FBQztJQUVqQzs7Ozs7Ozs7O01BU0U7SUFDTyxNQUFNLEdBQTJELFNBQVMsQ0FBQztJQUVwRjs7O09BR0c7SUFDTSxJQUFJLEdBQTBDLE9BQU8sQ0FBQztJQUcvRDs7O01BR0U7SUFDTyxRQUFRLEdBQVksS0FBSyxDQUFDO0lBRW5DOztNQUVFO0lBQ1EsT0FBTyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUE7SUFNOUMsZ0JBQWUsQ0FBQztJQUVoQjs7UUFFSTtJQUNKLFdBQVc7UUFDVCxJQUFHLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDaEIsT0FBTTtTQUNQO1FBQ0QsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQTtJQUNyQixDQUFDO3VHQW5GVSxhQUFhOzJGQUFiLGFBQWEsaVVDWDFCLDI5QkE0QkEsdTlHRHRCWSxZQUFZOzsyRkFLWCxhQUFhO2tCQVJ6QixTQUFTOytCQUNFLFVBQVUsY0FDUixJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUMsaUJBR1IsaUJBQWlCLENBQUMsSUFBSTswRUFRNUIsTUFBTTtzQkFBZCxLQUFLO2dCQUtHLEtBQUs7c0JBQWIsS0FBSztnQkFLRyxRQUFRO3NCQUFoQixLQUFLO2dCQUtHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBS0csVUFBVTtzQkFBbEIsS0FBSztnQkFNRyxTQUFTO3NCQUFqQixLQUFLO2dCQUtHLE9BQU87c0JBQWYsS0FBSztnQkFZRyxNQUFNO3NCQUFkLEtBQUs7Z0JBTUcsSUFBSTtzQkFBWixLQUFLO2dCQU9HLFFBQVE7c0JBQWhCLEtBQUs7Z0JBS0ksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnd2NvLXN0ZXAnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3N0ZXAuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdGVwLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgU3RlcENvbXBvbmVudCB7XG5cbiAgLyoqXG4gICAqIFNlIG8gc3RlcCBlc3TDoSBhdGl2b1xuICAgKiBAcGFyYW0ge2Jvb2xlYW59IGFjdGl2ZVxuICAqL1xuICBASW5wdXQoKSBhY3RpdmU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgKiBUZXh0byBkbyBsYWJlbCBkbyBzdGVwXG4gICovXG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmcgPSAnJztcblxuICAvKipcbiAgKiDDjWNvbmUgZG8gc3RlcCAob3BjaW9uYWwpIC0gZGV2ZSBzZXIgdW0gw61jb25lIGRvIG1hdGVyaWFsIGljb25cbiAgKi9cbiAgQElucHV0KCkgaWNvbk5hbWU6IHN0cmluZyB8IHVuZGVmaW5lZCA9IHVuZGVmaW5lZDtcblxuICAvKipcbiAgICogVGV4dG8gZG8gYnVsbGV0VmFsdWUgZG8gc3RlcCAob3BjaW9uYWwpIC0gZGV2ZSBzZXIgdW0gdGV4dG8gZGUgMSBhIDIgY2FyYWN0ZXJlc1xuICAqL1xuICBASW5wdXQoKSBidWxsZXRWYWx1ZTogc3RyaW5nIHwgdW5kZWZpbmVkID0gdW5kZWZpbmVkO1xuXG4gIC8qKlxuICAqIFNlbnRpZG8gZG8gc3RlcHBlciAoaG9yaXpvbnRhbCBvdSB2ZXJ0aWNhbClcbiAgKi9cbiAgQElucHV0KCkgaXNWZXJ0aWNhbDogYm9vbGVhbiA9IHRydWU7XG5cblxuICAvKipcbiAgKiBEZXNhYmlsaXRhciBsaW5oYSBpbmljaWFsXG4gICovXG4gIEBJbnB1dCgpIGxpbmVTdGFydDogYm9vbGVhbiA9IHRydWU7XG5cbiAgLyoqXG4gICAqIERlc2FiaWxpdGFyIGxpbmhhIGZpbmFsXG4gICovXG4gIEBJbnB1dCgpIGxpbmVFbmQ6IGJvb2xlYW4gPSB0cnVlO1xuXG4gIC8qKlxuICAgICogQ2xhc3NlIGRvIHN0ZXBcbiAgICAqXG4gICAgKiBmaW5hbGl6ZWQgLSBzdGVwIGZpbmFsaXphZG9cbiAgICAqIGN1cnJlbnQgLSBzdGVwIGF0dWFsXG4gICAgKiB3YWl0aW5nIC0gc3RlcCBhZ3VhcmRhbmRvXG4gICAgKiBlcnJvciAtIHN0ZXAgY29tIGVycm9cbiAgICAqXG4gICAgKiBAcGFyYW0ge3N0cmluZ30gc3RhdHVzXG4gICovXG4gIEBJbnB1dCgpIHN0YXR1czogJ2ZpbmFsaXplZCcgfCAnY3VycmVudCcgfCAnd2FpdGluZycgfCAnZXJyb3InIHwgc3RyaW5nID0gJ2N1cnJlbnQnO1xuXG4gIC8qKlxuICAgKiBzaXplIGRvIHN0ZXBcbiAgICogQHBhcmFtIHtzdHJpbmd9IHNpemVcbiAgICovXG4gIEBJbnB1dCgpIHNpemU6ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZScgfCBzdHJpbmcgPSAnc21hbGwnO1xuXG5cbiAgLyoqXG4gICAqIFNlIG8gc3RlcCDDqSBjbGljw6F2ZWxcbiAgICogQHBhcmFtIHtib29sZWFufSBjbGlja2FibGVcbiAgKi9cbiAgQElucHV0KCkgaGFzQ2xpY2s6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgKiBGdW7Dp8OjbyBxdWUgcmV0b3JuYSBvIHZhbG9yIGRvIMOtY29uZSBvdSBidWxsZXRcbiAgKi9cbiAgQE91dHB1dCgpIGNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKVxuXG5cblxuXG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIC8qKlxuICAqIHNlIG8gaXRlbSBkbyBzdGVwcGVyIGVzdGl2ZSBjb20gbyBldmVudG8gZGUgY2xpY2tlZCB0cnVlLCBlbGUgcmV0b3JuYSBxdWFsIGVsZW1lbnRvIMOpIHNlbGVjaW9uYWRvIHBhcmEgbyBjb21wb25lbnRlIHBhaVxuICAqICovXG4gIGNsaWNrZWRJdGVtKCkge1xuICAgIGlmKHRoaXMuaGFzQ2xpY2spIHtcbiAgICAgIHJldHVyblxuICAgIH1cbiAgICB0aGlzLmNsaWNrZWQuZW1pdCgpXG4gIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cInN0ZXBcIlxuICBbY2xhc3NdPVwiJ3N0ZXAtc3RhdHVzLS0nICsgc3RhdHVzICsgJyBzdGVwLXNpemUtLScgKyBzaXplXCJcbiAgW25nQ2xhc3NdPVwie1xuICAgICdzdGVwLS12ZXJ0aWNhbCc6IGlzVmVydGljYWwsXG4gICAgJ3N0ZXAtLWhvcml6b250YWwnOiAhaXNWZXJ0aWNhbCxcbiAgICAnc3RlcC0tZGlzYWJsZWQtbGluZXN0YXJ0JzogIWxpbmVTdGFydCxcbiAgICAnc3RlcC0tZGlzYWJsZWQtbGluZWVuZCc6ICFsaW5lRW5kLFxuICAgICdzdGVwLS1jbGlja2VkJzogaGFzQ2xpY2ssXG4gICAgJ3N0ZXAtLWFjdGl2ZSc6IGFjdGl2ZVxuICB9XCJcblxuPlxuICA8ZGl2IGNsYXNzPVwic3RlcF9fbGluZSBzdGVwX19saW5lLS1zdGFydFwiPjwvZGl2PlxuICA8ZGl2IGNsYXNzPVwic3RlcF9fYnVsbGV0XCIgKGNsaWNrKT1cImNsaWNrZWRJdGVtKClcIj5cbiAgICA8ZGl2PlxuICAgICAgPHNwYW4gKm5nSWY9XCJpY29uTmFtZSAmJiAhYnVsbGV0VmFsdWVcIiBjbGFzcz1cIm1hdGVyaWFsLWljb25zXCI+e3tpY29uTmFtZX19PC9zcGFuPlxuICAgICAgPHNwYW4gKm5nSWY9XCIhaWNvbk5hbWUgJiYgYnVsbGV0VmFsdWVcIj57e2J1bGxldFZhbHVlfX08L3NwYW4+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc3RlcC1idWxsZXQtY29udGVudF1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwic3RlcF9fbGluZSBzdGVwX19saW5lLS1lbmRcIj48L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInN0ZXBfX2NvbnRlbnRcIj5cbiAgICA8ZGl2IGNsYXNzPVwic3RlcF9fdGl0bGVcIiAoY2xpY2spPVwiY2xpY2tlZEl0ZW0oKVwiPlxuICAgICAgPHNwYW4gKm5nSWY9XCJsYWJlbFwiPnt7bGFiZWx9fTwvc3Bhbj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzdGVwLXRpdGxlXVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/stepper/stepper.component.mjs

@@ -0,0 +1,42 @@
+import { CommonModule } from "@angular/common";
+import { Component, EventEmitter, Input, Output } from "@angular/core";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class StepperComponent {
+    /**
+    * Sentido do stepper (horizontal ou vertical)
+    */
+    isVertical = false;
+    /**
+    * Array de itens do stepper StepperClass
+    * @param {StepperClass} stepper
+    */
+    stepperArray = [];
+    /**
+    * Função que retorna o valor do ícone ou bullet
+    */
+    stepperSelected = new EventEmitter();
+    constructor() { }
+    /**
+    * se o item do stepper estive com o evento de clicked true, ele retorna qual elemento é selecionado para o componente pai
+    * */
+    clickedItem(item, index) {
+        if (!item.clicked) {
+            return;
+        }
+        this.stepperSelected.emit(index);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: StepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.4", 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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: StepperComponent, decorators: [{
+            type: Component,
+            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"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { isVertical: [{
+                type: Input
+            }], stepperArray: [{
+                type: Input
+            }], stepperSelected: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9uZW50cy9zcmMvbGliL3N0ZXBwZXIvc3RlcHBlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9uZW50cy9zcmMvbGliL3N0ZXBwZXIvc3RlcHBlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBb0J2RSxNQUFNLE9BQU8sZ0JBQWdCO0lBQzNCOztNQUVFO0lBQ08sVUFBVSxHQUFZLEtBQUssQ0FBQztJQUVyQzs7O01BR0U7SUFDTyxZQUFZLEdBQXdCLEVBQUUsQ0FBQztJQUVoRDs7TUFFRTtJQUNRLGVBQWUsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFBO0lBRXRELGdCQUFlLENBQUM7SUFFaEI7O1FBRUk7SUFDSixXQUFXLENBQUMsSUFBa0IsRUFBRSxLQUFhO1FBQzNDLElBQUcsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ2hCLE9BQU07U0FDUDtRQUNELElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFBO0lBQ2xDLENBQUM7dUdBM0JVLGdCQUFnQjsyRkFBaEIsZ0JBQWdCLDRMQ3JCN0IsbzVDQXlDQSxvd0dEeEJZLFlBQVk7OzJGQUlYLGdCQUFnQjtrQkFQNUIsU0FBUzsrQkFDRSxhQUFhLGNBQ1gsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDOzBFQVFkLFVBQVU7c0JBQWxCLEtBQUs7Z0JBTUcsWUFBWTtzQkFBcEIsS0FBSztnQkFLSSxlQUFlO3NCQUF4QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIFN0ZXBwZXJDbGFzcyB7XG4gIGxhYmVsPzogc3RyaW5nO1xuICBjbGFzc05hbWU/OiAnZmluYWxpemVkJyB8ICAnY3VycmVudCcgfCAnd2FpdGluZycgfCAnZXJyb3InO1xuICBzaG93TGluZVN0YXJ0OiBib29sZWFuO1xuICBzaG93TGluZUVuZDogYm9vbGVhbjtcbiAgdHlwZT86ICdpY29uJyB8ICd0ZXh0JztcbiAgdmFsdWVJY29uPzogc3RyaW5nO1xuICB2YWx1ZUJ1bGxldD86IHN0cmluZztcbiAgY2xpY2tlZD86IGJvb2xlYW47XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJ3Y28tc3RlcHBlclwiLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgdGVtcGxhdGVVcmw6IFwiLi9zdGVwcGVyLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsczogW1wiLi9zdGVwcGVyLmNvbXBvbmVudC5zY3NzXCJdLFxufSlcbmV4cG9ydCBjbGFzcyBTdGVwcGVyQ29tcG9uZW50IHtcbiAgLyoqXG4gICogU2VudGlkbyBkbyBzdGVwcGVyIChob3Jpem9udGFsIG91IHZlcnRpY2FsKVxuICAqL1xuICBASW5wdXQoKSBpc1ZlcnRpY2FsOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICogQXJyYXkgZGUgaXRlbnMgZG8gc3RlcHBlciBTdGVwcGVyQ2xhc3NcbiAgKiBAcGFyYW0ge1N0ZXBwZXJDbGFzc30gc3RlcHBlclxuICAqL1xuICBASW5wdXQoKSBzdGVwcGVyQXJyYXk6IEFycmF5PFN0ZXBwZXJDbGFzcz4gPSBbXTtcblxuICAvKipcbiAgKiBGdW7Dp8OjbyBxdWUgcmV0b3JuYSBvIHZhbG9yIGRvIMOtY29uZSBvdSBidWxsZXRcbiAgKi9cbiAgQE91dHB1dCgpIHN0ZXBwZXJTZWxlY3RlZCA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpXG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIC8qKlxuICAqIHNlIG8gaXRlbSBkbyBzdGVwcGVyIGVzdGl2ZSBjb20gbyBldmVudG8gZGUgY2xpY2tlZCB0cnVlLCBlbGUgcmV0b3JuYSBxdWFsIGVsZW1lbnRvIMOpIHNlbGVjaW9uYWRvIHBhcmEgbyBjb21wb25lbnRlIHBhaVxuICAqICovXG4gIGNsaWNrZWRJdGVtKGl0ZW06IFN0ZXBwZXJDbGFzcywgaW5kZXg6IG51bWJlcikge1xuICAgIGlmKCFpdGVtLmNsaWNrZWQpIHtcbiAgICAgIHJldHVyblxuICAgIH1cbiAgICB0aGlzLnN0ZXBwZXJTZWxlY3RlZC5lbWl0KGluZGV4KVxuICB9XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwic3RlcHBlci12ZXJ0aWNhbFwiXG4gIFtuZ0NsYXNzXT1cImlzVmVydGljYWwgPT09IHRydWUgPyAnc3RlcHBlci12ZXJ0aWNhbCcgOiAnc3RlcHBlci1ob3Jpem9udGFsJ1wiXG4gICpuZ0lmPVwic3RlcHBlckFycmF5XCJcbj5cbiAgPGRpdiBjbGFzcz1cInN0ZXBwZXItY29tcG9uZW50XCIgKm5nRm9yPVwibGV0IGl0ZW1zIG9mIHN0ZXBwZXJBcnJheTsgbGV0ICRpID0gaW5kZXhcIj5cbiAgICA8ZGl2IGNsYXNzPVwic3RlcHBlci1jb21wb25lbnRfX21haW5cIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzdGVwcGVyLWl0ZW1cIiBbbmdDbGFzc109XCJ7J3N0ZXBwZXItaXRlbV9fY2xpY2tlZCc6IGl0ZW1zLmNsaWNrZWR9XCIgIChjbGljayk9XCJjbGlja2VkSXRlbShpdGVtcywkaSlcIj5cbiAgICAgICAgPHNwYW5cbiAgICAgICAgICBbbmdDbGFzc109XCJcbiAgICAgICAgICAgIGl0ZW1zLnNob3dMaW5lU3RhcnQgPT09IHRydWVcbiAgICAgICAgICAgICAgPyAnc3RlcHBlci1pdGVtX19saW5lJ1xuICAgICAgICAgICAgICA6ICdzdGVwcGVyLWl0ZW1fX3dpdGhvdXQtbGluZSdcbiAgICAgICAgICBcIlxuICAgICAgICA+PC9zcGFuPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInN0ZXBwZXItaXRlbV9fY2lyY2xlXCIgW25nQ2xhc3NdPVwiaXRlbXMuY2xhc3NOYW1lXCJcbiAgICAgICAgICA+PHNwYW4gKm5nSWY9XCJpdGVtcy50eXBlID09PSAnaWNvbidcIiBjbGFzcz1cImljb24gbWF0ZXJpYWwtaWNvbnNcIj57e1xuICAgICAgICAgICAgaXRlbXMudmFsdWVJY29uXG4gICAgICAgICAgfX08L3NwYW4+XG4gICAgICAgICAgPHNwYW4gKm5nSWY9XCJpdGVtcy50eXBlID09PSAndGV4dCdcIiBjbGFzcz1cImljb25cIj57e1xuICAgICAgICAgICAgaXRlbXMudmFsdWVCdWxsZXRcbiAgICAgICAgICB9fTwvc3Bhbj48L3NwYW5cbiAgICAgICAgPlxuICAgICAgICA8c3BhblxuICAgICAgICAgIFtuZ0NsYXNzXT1cIlxuICAgICAgICAgICAgaXRlbXMuc2hvd0xpbmVFbmQgPT09IHRydWVcbiAgICAgICAgICAgICAgPyAnc3RlcHBlci1pdGVtX19saW5lJ1xuICAgICAgICAgICAgICA6ICdzdGVwcGVyLWl0ZW1fX3dpdGhvdXQtbGluZSdcbiAgICAgICAgICBcIlxuICAgICAgICA+PC9zcGFuPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwic3RlcHBlci1sYWJlbFwiPlxuICAgICAgICA8c3BhblxuICAgICAgICAgIGNsYXNzPVwic3RlcHBlci1sYWJlbF9fdGV4dFwiXG4gICAgICAgICAgW25nQ2xhc3NdPVwiaXRlbXMuY2xhc3NOYW1lID09PSAnY3VycmVudCcgPyAnZGFyay10ZXh0JyA6ICdsaWdodC10ZXh0J1wiXG4gICAgICAgICAgPnt7IGl0ZW1zLmxhYmVsIH19PC9zcGFuXG4gICAgICAgID5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19