otimus-library 0.0.24 → 0.0.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/oc-filter/oc-filter.component.mjs +3 -3
- package/esm2022/lib/components/oc-input/oc-input.component.mjs +2 -2
- package/esm2022/lib/components/oc-modal/oc-modal.component.mjs +3 -3
- package/esm2022/lib/components/oc-modal-footer/oc-modal-footer.component.mjs +5 -5
- package/fesm2022/otimus-library.mjs +10 -10
- package/fesm2022/otimus-library.mjs.map +1 -1
- package/lib/components/oc-modal-footer/oc-modal-footer.component.d.ts +2 -2
- package/package.json +1 -1
- package/styles/styles.scss +4 -0
|
@@ -14,11 +14,11 @@ export class OcFilterComponent {
|
|
|
14
14
|
this.isOpen = !this.isOpen;
|
|
15
15
|
}
|
|
16
16
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: OcFilterComponent, isStandalone: true, selector: "oc-filter", inputs: { ocText: "ocText", ocActive: "ocActive", ocSide: "ocSide" }, ngImport: i0, template: "<div class=\"oc-filter-row\" [ngClass]=\"{\r\n reverse: ocSide === 'right'\r\n}\">\r\n <button class=\"oc-filter-btn\" (click)=\"toggleOpen()\">\r\n <span class=\"material-symbols-outlined md-18\">filter_list</span>\r\n {{ocText}}\r\n <div class=\"badge\">\r\n <oc-badge *ngIf=\"ocActive > 0\" ocSize=\"small\" ocColor=\"success\" [ocWaved]=\"true\">{{ocActive}}</oc-badge>\r\n </div>\r\n </button>\r\n \r\n <div class=\"filter-row-content\">\r\n <ng-content select=\"[row]\"></ng-content>\r\n </div>\r\n \r\n</div>\r\n<div *ngIf=\"isOpen\" class=\"oc-filter-content\">\r\n <ng-content select=\"[body]\">\r\n </ng-content>\r\n</div>\r\n", styles: [".oc.button{height:3rem;padding:0 2rem;background-color:#d1d5db;color:#353535;border-radius:.5rem;border:none;font-weight:500;font-size:1rem;transition:.15s ease;display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer}.oc.button.align-left{padding-left:1rem}.oc.button.align-right{padding-right:1rem}.oc.button:hover{filter:brightness(.95)}.oc.button:active{transform:translateY(1.5px)}.oc.button.no-bg{color:#8f9596;background-color:transparent}.oc.button.no-bg:hover{background-color:#f8f9ff}.oc.button.error{background-color:#ed3a3a;color:#f8f9ff}.oc.button.p-1{background-color:#5505a2;color:#f8f9ff}.oc.button.p-2{background-color:#1e0832;color:#f8f9ff}.oc.button.p-3{background-color:#7737b5;color:#f8f9ff}.oc.button.p-4{background-color:#9969c7;color:#f8f9ff}.oc.button.g-1{background-color:#00dda3;color:#1e0832}.oc.button.g-2{background-color:#1ae0ac;color:#1e0832}.oc.button.g-3{background-color:#33e4b5;color:#1e0832}.oc.button.g-4{background-color:#94ffe3;color:#1e0832}.oc.button.gray-1{background-color:#d1d5db;color:#353535}.oc.button.gray-2{background-color:#8f9596;color:#f8f9ff}.oc.button.gray-3{background-color:#7e8485;color:#f8f9ff}.oc.button.gray-4{background-color:#353535;color:#f8f9ff}.oc.button.small{height:2.5rem!important}.oc.button.large{height:3.5rem!important}.oc.button.icon{height:3rem;width:3rem;padding:0}.oc.button.icon.small{width:2.5rem!important;padding:0}.oc.button.icon.large{width:3.5rem!important;padding:0}.oc.button.outlined{background-color:transparent;border:2px solid}.oc.button.outlined.p-1{color:#5505a2}.oc.button.outlined.p-2{color:#1e0832}.oc.button.outlined.p-3{color:#7737b5}.oc.button.outlined.p-4{color:#9969c7}.oc.button.outlined.g-1{color:#00dda3}.oc.button.outlined.g-2{color:#1ae0ac}.oc.button.outlined.g-3{color:#33e4b5}.oc.button.outlined.g-4{color:#94ffe3}.oc.button.outlined.gray-1{color:#8f9596}.oc.button.outlined.gray-2{color:#7e8485}.oc.button.outlined.gray-3{color:#353535}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-button{width:0px;height:0px}::-webkit-scrollbar-thumb{background:#5505a2;border:0px none #ffffff;border-radius:52px}::-webkit-scrollbar-thumb:hover{background:#5505a2}::-webkit-scrollbar-thumb:active{background:#5505a2}::-webkit-scrollbar-track{background:#f8f9ff;border:0px none #ffffff;border-radius:50px}::-webkit-scrollbar-track:hover{background:#d1d5db}::-webkit-scrollbar-track:active{background:#d1d5db}::-webkit-scrollbar-corner{background:transparent}.oc-filter-row{width:100%;display:flex;align-items:center;gap:1rem}.oc-filter-row .filter-row-content{width:100%}.reverse{flex-direction:row-reverse}.oc-filter-btn{background-color:#5505a2;color:#f8f9ff;border:none;border-radius:.5rem;padding:.4rem .8rem;font-weight:600;display:flex;align-items:center;gap:.2rem;transition:.2s ease;position:relative;cursor:pointer}.oc-filter-btn:hover{filter:brightness(.9)}.oc-filter-btn .material-symbols-outlined{font-size:1rem;color:#f7f7f7}.oc-filter-btn img{width:15px;filter:brightness(0) invert(1)}.oc-filter-btn .badge{position:absolute;top:-8px;right:-12px}.oc-filter-content{width:100%;animation:showing-up .15s ease;overflow:hidden;margin-top:1rem}@keyframes showing-up{0%{height:0px;opacity:0}to{height:100%;opacity: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"] }, { kind: "component", type: OcBadgeComponent, selector: "oc-badge", inputs: ["ocSize", "ocColor", "ocWaved"] }] }); }
|
|
17
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: OcFilterComponent, isStandalone: true, selector: "oc-filter", inputs: { ocText: "ocText", ocActive: "ocActive", ocSide: "ocSide" }, ngImport: i0, template: "<div class=\"oc-filter-row\" [ngClass]=\"{\r\n reverse: ocSide === 'right'\r\n}\">\r\n <button class=\"oc-filter-btn\" (click)=\"toggleOpen()\">\r\n <span class=\"material-symbols-outlined md-18\">filter_list</span>\r\n {{ocText}}\r\n <div class=\"badge\">\r\n <oc-badge *ngIf=\"ocActive > 0\" ocSize=\"small\" ocColor=\"success\" [ocWaved]=\"true\">{{ocActive}}</oc-badge>\r\n </div>\r\n </button>\r\n \r\n <div class=\"filter-row-content\">\r\n <ng-content select=\"[row]\"></ng-content>\r\n </div>\r\n \r\n</div>\r\n<div *ngIf=\"isOpen\" class=\"oc-filter-content\">\r\n <ng-content select=\"[body]\">\r\n </ng-content>\r\n</div>\r\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap\";.oc.button{height:3rem;padding:0 2rem;background-color:#d1d5db;color:#353535;border-radius:.5rem;border:none;font-weight:500;font-size:1rem;transition:.15s ease;display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer}.oc.button.align-left{padding-left:1rem}.oc.button.align-right{padding-right:1rem}.oc.button:hover{filter:brightness(.95)}.oc.button:active{transform:translateY(1.5px)}.oc.button.no-bg{color:#8f9596;background-color:transparent}.oc.button.no-bg:hover{background-color:#f8f9ff}.oc.button.error{background-color:#ed3a3a;color:#f8f9ff}.oc.button.p-1{background-color:#5505a2;color:#f8f9ff}.oc.button.p-2{background-color:#1e0832;color:#f8f9ff}.oc.button.p-3{background-color:#7737b5;color:#f8f9ff}.oc.button.p-4{background-color:#9969c7;color:#f8f9ff}.oc.button.g-1{background-color:#00dda3;color:#1e0832}.oc.button.g-2{background-color:#1ae0ac;color:#1e0832}.oc.button.g-3{background-color:#33e4b5;color:#1e0832}.oc.button.g-4{background-color:#94ffe3;color:#1e0832}.oc.button.gray-1{background-color:#d1d5db;color:#353535}.oc.button.gray-2{background-color:#8f9596;color:#f8f9ff}.oc.button.gray-3{background-color:#7e8485;color:#f8f9ff}.oc.button.gray-4{background-color:#353535;color:#f8f9ff}.oc.button.small{height:2.5rem!important}.oc.button.large{height:3.5rem!important}.oc.button.icon{height:3rem;width:3rem;padding:0}.oc.button.icon.small{width:2.5rem!important;padding:0}.oc.button.icon.large{width:3.5rem!important;padding:0}.oc.button.outlined{background-color:transparent;border:2px solid}.oc.button.outlined.p-1{color:#5505a2}.oc.button.outlined.p-2{color:#1e0832}.oc.button.outlined.p-3{color:#7737b5}.oc.button.outlined.p-4{color:#9969c7}.oc.button.outlined.g-1{color:#00dda3}.oc.button.outlined.g-2{color:#1ae0ac}.oc.button.outlined.g-3{color:#33e4b5}.oc.button.outlined.g-4{color:#94ffe3}.oc.button.outlined.gray-1{color:#8f9596}.oc.button.outlined.gray-2{color:#7e8485}.oc.button.outlined.gray-3{color:#353535}*{font-family:Ubuntu,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-button{width:0px;height:0px}::-webkit-scrollbar-thumb{background:#5505a2;border:0px none #ffffff;border-radius:52px}::-webkit-scrollbar-thumb:hover{background:#5505a2}::-webkit-scrollbar-thumb:active{background:#5505a2}::-webkit-scrollbar-track{background:#f8f9ff;border:0px none #ffffff;border-radius:50px}::-webkit-scrollbar-track:hover{background:#d1d5db}::-webkit-scrollbar-track:active{background:#d1d5db}::-webkit-scrollbar-corner{background:transparent}.oc-filter-row{width:100%;display:flex;align-items:center;gap:1rem}.oc-filter-row .filter-row-content{width:100%}.reverse{flex-direction:row-reverse}.oc-filter-btn{background-color:#5505a2;color:#f8f9ff;border:none;border-radius:.5rem;padding:.4rem .8rem;font-weight:600;display:flex;align-items:center;gap:.2rem;transition:.2s ease;position:relative;cursor:pointer}.oc-filter-btn:hover{filter:brightness(.9)}.oc-filter-btn .material-symbols-outlined{font-size:1rem;color:#f7f7f7}.oc-filter-btn img{width:15px;filter:brightness(0) invert(1)}.oc-filter-btn .badge{position:absolute;top:-8px;right:-12px}.oc-filter-content{width:100%;animation:showing-up .15s ease;overflow:hidden;margin-top:1rem}@keyframes showing-up{0%{height:0px;opacity:0}to{height:100%;opacity: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"] }, { kind: "component", type: OcBadgeComponent, selector: "oc-badge", inputs: ["ocSize", "ocColor", "ocWaved"] }] }); }
|
|
18
18
|
}
|
|
19
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcFilterComponent, decorators: [{
|
|
20
20
|
type: Component,
|
|
21
|
-
args: [{ selector: 'oc-filter', standalone: true, imports: [CommonModule, OcBadgeComponent], template: "<div class=\"oc-filter-row\" [ngClass]=\"{\r\n reverse: ocSide === 'right'\r\n}\">\r\n <button class=\"oc-filter-btn\" (click)=\"toggleOpen()\">\r\n <span class=\"material-symbols-outlined md-18\">filter_list</span>\r\n {{ocText}}\r\n <div class=\"badge\">\r\n <oc-badge *ngIf=\"ocActive > 0\" ocSize=\"small\" ocColor=\"success\" [ocWaved]=\"true\">{{ocActive}}</oc-badge>\r\n </div>\r\n </button>\r\n \r\n <div class=\"filter-row-content\">\r\n <ng-content select=\"[row]\"></ng-content>\r\n </div>\r\n \r\n</div>\r\n<div *ngIf=\"isOpen\" class=\"oc-filter-content\">\r\n <ng-content select=\"[body]\">\r\n </ng-content>\r\n</div>\r\n", styles: [".oc.button{height:3rem;padding:0 2rem;background-color:#d1d5db;color:#353535;border-radius:.5rem;border:none;font-weight:500;font-size:1rem;transition:.15s ease;display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer}.oc.button.align-left{padding-left:1rem}.oc.button.align-right{padding-right:1rem}.oc.button:hover{filter:brightness(.95)}.oc.button:active{transform:translateY(1.5px)}.oc.button.no-bg{color:#8f9596;background-color:transparent}.oc.button.no-bg:hover{background-color:#f8f9ff}.oc.button.error{background-color:#ed3a3a;color:#f8f9ff}.oc.button.p-1{background-color:#5505a2;color:#f8f9ff}.oc.button.p-2{background-color:#1e0832;color:#f8f9ff}.oc.button.p-3{background-color:#7737b5;color:#f8f9ff}.oc.button.p-4{background-color:#9969c7;color:#f8f9ff}.oc.button.g-1{background-color:#00dda3;color:#1e0832}.oc.button.g-2{background-color:#1ae0ac;color:#1e0832}.oc.button.g-3{background-color:#33e4b5;color:#1e0832}.oc.button.g-4{background-color:#94ffe3;color:#1e0832}.oc.button.gray-1{background-color:#d1d5db;color:#353535}.oc.button.gray-2{background-color:#8f9596;color:#f8f9ff}.oc.button.gray-3{background-color:#7e8485;color:#f8f9ff}.oc.button.gray-4{background-color:#353535;color:#f8f9ff}.oc.button.small{height:2.5rem!important}.oc.button.large{height:3.5rem!important}.oc.button.icon{height:3rem;width:3rem;padding:0}.oc.button.icon.small{width:2.5rem!important;padding:0}.oc.button.icon.large{width:3.5rem!important;padding:0}.oc.button.outlined{background-color:transparent;border:2px solid}.oc.button.outlined.p-1{color:#5505a2}.oc.button.outlined.p-2{color:#1e0832}.oc.button.outlined.p-3{color:#7737b5}.oc.button.outlined.p-4{color:#9969c7}.oc.button.outlined.g-1{color:#00dda3}.oc.button.outlined.g-2{color:#1ae0ac}.oc.button.outlined.g-3{color:#33e4b5}.oc.button.outlined.g-4{color:#94ffe3}.oc.button.outlined.gray-1{color:#8f9596}.oc.button.outlined.gray-2{color:#7e8485}.oc.button.outlined.gray-3{color:#353535}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-button{width:0px;height:0px}::-webkit-scrollbar-thumb{background:#5505a2;border:0px none #ffffff;border-radius:52px}::-webkit-scrollbar-thumb:hover{background:#5505a2}::-webkit-scrollbar-thumb:active{background:#5505a2}::-webkit-scrollbar-track{background:#f8f9ff;border:0px none #ffffff;border-radius:50px}::-webkit-scrollbar-track:hover{background:#d1d5db}::-webkit-scrollbar-track:active{background:#d1d5db}::-webkit-scrollbar-corner{background:transparent}.oc-filter-row{width:100%;display:flex;align-items:center;gap:1rem}.oc-filter-row .filter-row-content{width:100%}.reverse{flex-direction:row-reverse}.oc-filter-btn{background-color:#5505a2;color:#f8f9ff;border:none;border-radius:.5rem;padding:.4rem .8rem;font-weight:600;display:flex;align-items:center;gap:.2rem;transition:.2s ease;position:relative;cursor:pointer}.oc-filter-btn:hover{filter:brightness(.9)}.oc-filter-btn .material-symbols-outlined{font-size:1rem;color:#f7f7f7}.oc-filter-btn img{width:15px;filter:brightness(0) invert(1)}.oc-filter-btn .badge{position:absolute;top:-8px;right:-12px}.oc-filter-content{width:100%;animation:showing-up .15s ease;overflow:hidden;margin-top:1rem}@keyframes showing-up{0%{height:0px;opacity:0}to{height:100%;opacity:1}}\n"] }]
|
|
21
|
+
args: [{ selector: 'oc-filter', standalone: true, imports: [CommonModule, OcBadgeComponent], template: "<div class=\"oc-filter-row\" [ngClass]=\"{\r\n reverse: ocSide === 'right'\r\n}\">\r\n <button class=\"oc-filter-btn\" (click)=\"toggleOpen()\">\r\n <span class=\"material-symbols-outlined md-18\">filter_list</span>\r\n {{ocText}}\r\n <div class=\"badge\">\r\n <oc-badge *ngIf=\"ocActive > 0\" ocSize=\"small\" ocColor=\"success\" [ocWaved]=\"true\">{{ocActive}}</oc-badge>\r\n </div>\r\n </button>\r\n \r\n <div class=\"filter-row-content\">\r\n <ng-content select=\"[row]\"></ng-content>\r\n </div>\r\n \r\n</div>\r\n<div *ngIf=\"isOpen\" class=\"oc-filter-content\">\r\n <ng-content select=\"[body]\">\r\n </ng-content>\r\n</div>\r\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap\";.oc.button{height:3rem;padding:0 2rem;background-color:#d1d5db;color:#353535;border-radius:.5rem;border:none;font-weight:500;font-size:1rem;transition:.15s ease;display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer}.oc.button.align-left{padding-left:1rem}.oc.button.align-right{padding-right:1rem}.oc.button:hover{filter:brightness(.95)}.oc.button:active{transform:translateY(1.5px)}.oc.button.no-bg{color:#8f9596;background-color:transparent}.oc.button.no-bg:hover{background-color:#f8f9ff}.oc.button.error{background-color:#ed3a3a;color:#f8f9ff}.oc.button.p-1{background-color:#5505a2;color:#f8f9ff}.oc.button.p-2{background-color:#1e0832;color:#f8f9ff}.oc.button.p-3{background-color:#7737b5;color:#f8f9ff}.oc.button.p-4{background-color:#9969c7;color:#f8f9ff}.oc.button.g-1{background-color:#00dda3;color:#1e0832}.oc.button.g-2{background-color:#1ae0ac;color:#1e0832}.oc.button.g-3{background-color:#33e4b5;color:#1e0832}.oc.button.g-4{background-color:#94ffe3;color:#1e0832}.oc.button.gray-1{background-color:#d1d5db;color:#353535}.oc.button.gray-2{background-color:#8f9596;color:#f8f9ff}.oc.button.gray-3{background-color:#7e8485;color:#f8f9ff}.oc.button.gray-4{background-color:#353535;color:#f8f9ff}.oc.button.small{height:2.5rem!important}.oc.button.large{height:3.5rem!important}.oc.button.icon{height:3rem;width:3rem;padding:0}.oc.button.icon.small{width:2.5rem!important;padding:0}.oc.button.icon.large{width:3.5rem!important;padding:0}.oc.button.outlined{background-color:transparent;border:2px solid}.oc.button.outlined.p-1{color:#5505a2}.oc.button.outlined.p-2{color:#1e0832}.oc.button.outlined.p-3{color:#7737b5}.oc.button.outlined.p-4{color:#9969c7}.oc.button.outlined.g-1{color:#00dda3}.oc.button.outlined.g-2{color:#1ae0ac}.oc.button.outlined.g-3{color:#33e4b5}.oc.button.outlined.g-4{color:#94ffe3}.oc.button.outlined.gray-1{color:#8f9596}.oc.button.outlined.gray-2{color:#7e8485}.oc.button.outlined.gray-3{color:#353535}*{font-family:Ubuntu,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-button{width:0px;height:0px}::-webkit-scrollbar-thumb{background:#5505a2;border:0px none #ffffff;border-radius:52px}::-webkit-scrollbar-thumb:hover{background:#5505a2}::-webkit-scrollbar-thumb:active{background:#5505a2}::-webkit-scrollbar-track{background:#f8f9ff;border:0px none #ffffff;border-radius:50px}::-webkit-scrollbar-track:hover{background:#d1d5db}::-webkit-scrollbar-track:active{background:#d1d5db}::-webkit-scrollbar-corner{background:transparent}.oc-filter-row{width:100%;display:flex;align-items:center;gap:1rem}.oc-filter-row .filter-row-content{width:100%}.reverse{flex-direction:row-reverse}.oc-filter-btn{background-color:#5505a2;color:#f8f9ff;border:none;border-radius:.5rem;padding:.4rem .8rem;font-weight:600;display:flex;align-items:center;gap:.2rem;transition:.2s ease;position:relative;cursor:pointer}.oc-filter-btn:hover{filter:brightness(.9)}.oc-filter-btn .material-symbols-outlined{font-size:1rem;color:#f7f7f7}.oc-filter-btn img{width:15px;filter:brightness(0) invert(1)}.oc-filter-btn .badge{position:absolute;top:-8px;right:-12px}.oc-filter-content{width:100%;animation:showing-up .15s ease;overflow:hidden;margin-top:1rem}@keyframes showing-up{0%{height:0px;opacity:0}to{height:100%;opacity:1}}\n"] }]
|
|
22
22
|
}], propDecorators: { ocText: [{
|
|
23
23
|
type: Input
|
|
24
24
|
}], ocActive: [{
|
|
@@ -26,4 +26,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImpor
|
|
|
26
26
|
}], ocSide: [{
|
|
27
27
|
type: Input
|
|
28
28
|
}] } });
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2MtZmlsdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy1maWx0ZXIvb2MtZmlsdGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy1maWx0ZXIvb2MtZmlsdGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQzs7O0FBU2xFLE1BQU0sT0FBTyxpQkFBaUI7SUFQOUI7UUFRRSxXQUFNLEdBQVksS0FBSyxDQUFBO1FBQ2QsV0FBTSxHQUFXLFNBQVMsQ0FBQTtRQUMxQixhQUFRLEdBQVcsQ0FBQyxDQUFBO1FBQ3BCLFdBQU0sR0FBcUIsTUFBTSxDQUFBO0tBSzNDO0lBSEMsVUFBVTtRQUNSLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFBO0lBQzVCLENBQUM7OEdBUlUsaUJBQWlCO2tHQUFqQixpQkFBaUIsMklDWDlCLDJwQkFvQkEsbzVHRGJZLFlBQVksaU9BQUUsZ0JBQWdCOzsyRkFJN0IsaUJBQWlCO2tCQVA3QixTQUFTOytCQUNFLFdBQVcsY0FDVCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsZ0JBQWdCLENBQUM7OEJBTWhDLE1BQU07c0JBQWQsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgT2NCYWRnZUNvbXBvbmVudCB9IGZyb20gJy4uL29jLWJhZGdlL29jLWJhZGdlLmNvbXBvbmVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ29jLWZpbHRlcicsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBPY0JhZGdlQ29tcG9uZW50XSxcclxuICB0ZW1wbGF0ZVVybDogJy4vb2MtZmlsdGVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vb2MtZmlsdGVyLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgT2NGaWx0ZXJDb21wb25lbnQge1xyXG4gIGlzT3BlbjogYm9vbGVhbiA9IGZhbHNlXHJcbiAgQElucHV0KCkgb2NUZXh0OiBzdHJpbmcgPSAnRmlsdHJvcydcclxuICBASW5wdXQoKSBvY0FjdGl2ZTogbnVtYmVyID0gMFxyXG4gIEBJbnB1dCgpIG9jU2lkZTogJ2xlZnQnIHwgJ3JpZ2h0JyA9ICdsZWZ0J1xyXG5cclxuICB0b2dnbGVPcGVuKCkge1xyXG4gICAgdGhpcy5pc09wZW4gPSAhdGhpcy5pc09wZW5cclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cIm9jLWZpbHRlci1yb3dcIiBbbmdDbGFzc109XCJ7XHJcbiAgcmV2ZXJzZTogb2NTaWRlID09PSAncmlnaHQnXHJcbn1cIj5cclxuICA8YnV0dG9uIGNsYXNzPVwib2MtZmlsdGVyLWJ0blwiIChjbGljayk9XCJ0b2dnbGVPcGVuKClcIj5cclxuICAgIDxzcGFuIGNsYXNzPVwibWF0ZXJpYWwtc3ltYm9scy1vdXRsaW5lZCBtZC0xOFwiPmZpbHRlcl9saXN0PC9zcGFuPlxyXG4gICAge3tvY1RleHR9fVxyXG4gICAgPGRpdiBjbGFzcz1cImJhZGdlXCI+XHJcbiAgICAgIDxvYy1iYWRnZSAqbmdJZj1cIm9jQWN0aXZlID4gMFwiIG9jU2l6ZT1cInNtYWxsXCIgb2NDb2xvcj1cInN1Y2Nlc3NcIiBbb2NXYXZlZF09XCJ0cnVlXCI+e3tvY0FjdGl2ZX19PC9vYy1iYWRnZT5cclxuICAgIDwvZGl2PlxyXG4gIDwvYnV0dG9uPlxyXG4gIFxyXG4gIDxkaXYgY2xhc3M9XCJmaWx0ZXItcm93LWNvbnRlbnRcIj5cclxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltyb3ddXCI+PC9uZy1jb250ZW50PlxyXG4gIDwvZGl2PlxyXG4gIFxyXG48L2Rpdj5cclxuPGRpdiAqbmdJZj1cImlzT3BlblwiIGNsYXNzPVwib2MtZmlsdGVyLWNvbnRlbnRcIj5cclxuICA8bmctY29udGVudCBzZWxlY3Q9XCJbYm9keV1cIj5cclxuICA8L25nLWNvbnRlbnQ+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -20,11 +20,11 @@ export class OcInputComponent {
|
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
22
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcInputComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: OcInputComponent, isStandalone: true, selector: "oc-input", inputs: { ocError: "ocError", ocSize: "ocSize", ocPlaceholder: "ocPlaceholder" }, ngImport: i0, template: "<div class=\"oc-input-box\" [ngClass]=\"{\r\n 'small': ocSize === 'small',\r\n 'large': ocSize === 'large',\r\n error: !!ocError\r\n}\" [id]=\"inputId\">\r\n <ng-content></ng-content>\r\n <label>{{ocPlaceholder}}</label>\r\n <small\r\n *ngIf=\"ocError\"\r\n class=\"error-msg\"\r\n >{{ocError}}</small>\r\n</div>\r\n", styles: [".oc-input-box{position:relative}.oc-input-box select *{background-color:#f8f9ff}.oc-input-box label{position:absolute;left:0;top:0;padding:.5rem .7rem;font-size:.85rem;color:#8f9596;pointer-events:none;transition:.3s ease;border-radius:.5rem;white-space:nowrap}.oc-input-box input,.oc-input-box textarea,.oc-input-box select{font-size:1rem;border-radius:.7rem;background-color:#
|
|
23
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: OcInputComponent, isStandalone: true, selector: "oc-input", inputs: { ocError: "ocError", ocSize: "ocSize", ocPlaceholder: "ocPlaceholder" }, ngImport: i0, template: "<div class=\"oc-input-box\" [ngClass]=\"{\r\n 'small': ocSize === 'small',\r\n 'large': ocSize === 'large',\r\n error: !!ocError\r\n}\" [id]=\"inputId\">\r\n <ng-content></ng-content>\r\n <label>{{ocPlaceholder}}</label>\r\n <small\r\n *ngIf=\"ocError\"\r\n class=\"error-msg\"\r\n >{{ocError}}</small>\r\n</div>\r\n", styles: [".oc-input-box{position:relative}.oc-input-box select *{background-color:#f8f9ff}.oc-input-box label{position:absolute;left:0;top:0;padding:.5rem .7rem;font-size:.85rem;color:#8f9596;pointer-events:none;transition:.3s ease;border-radius:.5rem;white-space:nowrap}.oc-input-box input,.oc-input-box textarea,.oc-input-box select{font-size:1rem;border-radius:.7rem;background-color:#f8f9ff;border:1px solid #d1d5db;outline:none;padding:.6rem .9rem;width:100%;transition:.3s ease;color:#1e0832;font-weight:500}.oc-input-box input:focus,.oc-input-box textarea:focus,.oc-input-box select:focus{border:1px solid #00dda3;box-shadow:0 4px 3.2px #00dda314}.oc-input-box input:not(:placeholder-shown)~label,.oc-input-box input:focus~label,.oc-input-box textarea:not(:placeholder-shown)~label,.oc-input-box textarea:focus~label,.oc-input-box select:valid~label,.oc-input-box select:focus~label{transform:translateY(-.85rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#f8f9ff;padding:2px 10px}.error input,.error textarea,.error select{border:1px solid #ed3a3a;box-shadow:0 4px 6.1px #a1000014}.error small,.error label{color:#ed3a3a!important;font-weight:600}.small input,.small textarea,.small select{padding:.3rem .7rem;border-radius:.5rem}.small label{padding:.5rem .7rem}.small input:focus~label,.small input:not(:placeholder-shown)~label,.small textarea:focus~label,.small textarea:not(:placeholder-shown)~label,.small select:focus~label,.small select:valid~label{transform:translateY(-.99rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#fff;padding:2px 10px}.large input,.large textarea,.large select{padding:1rem;border-radius:1rem}.large label{padding:1rem .7rem}.large input:focus~label,.large input:not(:placeholder-shown)~label,.large textarea:focus~label,.large textarea:not(:placeholder-shown)~label,.large select:focus~label,.large select:valid~label{transform:translateY(-.77rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#fff;padding:2px 10px}\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 }); }
|
|
24
24
|
}
|
|
25
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcInputComponent, decorators: [{
|
|
26
26
|
type: Component,
|
|
27
|
-
args: [{ selector: 'oc-input', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"oc-input-box\" [ngClass]=\"{\r\n 'small': ocSize === 'small',\r\n 'large': ocSize === 'large',\r\n error: !!ocError\r\n}\" [id]=\"inputId\">\r\n <ng-content></ng-content>\r\n <label>{{ocPlaceholder}}</label>\r\n <small\r\n *ngIf=\"ocError\"\r\n class=\"error-msg\"\r\n >{{ocError}}</small>\r\n</div>\r\n", styles: [".oc-input-box{position:relative}.oc-input-box select *{background-color:#f8f9ff}.oc-input-box label{position:absolute;left:0;top:0;padding:.5rem .7rem;font-size:.85rem;color:#8f9596;pointer-events:none;transition:.3s ease;border-radius:.5rem;white-space:nowrap}.oc-input-box input,.oc-input-box textarea,.oc-input-box select{font-size:1rem;border-radius:.7rem;background-color:#
|
|
27
|
+
args: [{ selector: 'oc-input', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"oc-input-box\" [ngClass]=\"{\r\n 'small': ocSize === 'small',\r\n 'large': ocSize === 'large',\r\n error: !!ocError\r\n}\" [id]=\"inputId\">\r\n <ng-content></ng-content>\r\n <label>{{ocPlaceholder}}</label>\r\n <small\r\n *ngIf=\"ocError\"\r\n class=\"error-msg\"\r\n >{{ocError}}</small>\r\n</div>\r\n", styles: [".oc-input-box{position:relative}.oc-input-box select *{background-color:#f8f9ff}.oc-input-box label{position:absolute;left:0;top:0;padding:.5rem .7rem;font-size:.85rem;color:#8f9596;pointer-events:none;transition:.3s ease;border-radius:.5rem;white-space:nowrap}.oc-input-box input,.oc-input-box textarea,.oc-input-box select{font-size:1rem;border-radius:.7rem;background-color:#f8f9ff;border:1px solid #d1d5db;outline:none;padding:.6rem .9rem;width:100%;transition:.3s ease;color:#1e0832;font-weight:500}.oc-input-box input:focus,.oc-input-box textarea:focus,.oc-input-box select:focus{border:1px solid #00dda3;box-shadow:0 4px 3.2px #00dda314}.oc-input-box input:not(:placeholder-shown)~label,.oc-input-box input:focus~label,.oc-input-box textarea:not(:placeholder-shown)~label,.oc-input-box textarea:focus~label,.oc-input-box select:valid~label,.oc-input-box select:focus~label{transform:translateY(-.85rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#f8f9ff;padding:2px 10px}.error input,.error textarea,.error select{border:1px solid #ed3a3a;box-shadow:0 4px 6.1px #a1000014}.error small,.error label{color:#ed3a3a!important;font-weight:600}.small input,.small textarea,.small select{padding:.3rem .7rem;border-radius:.5rem}.small label{padding:.5rem .7rem}.small input:focus~label,.small input:not(:placeholder-shown)~label,.small textarea:focus~label,.small textarea:not(:placeholder-shown)~label,.small select:focus~label,.small select:valid~label{transform:translateY(-.99rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#fff;padding:2px 10px}.large input,.large textarea,.large select{padding:1rem;border-radius:1rem}.large label{padding:1rem .7rem}.large input:focus~label,.large input:not(:placeholder-shown)~label,.large textarea:focus~label,.large textarea:not(:placeholder-shown)~label,.large select:focus~label,.large select:valid~label{transform:translateY(-.77rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#fff;padding:2px 10px}\n"] }]
|
|
28
28
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { ocError: [{
|
|
29
29
|
type: Input
|
|
30
30
|
}], ocSize: [{
|
|
@@ -20,14 +20,14 @@ export class OcModalComponent {
|
|
|
20
20
|
}, 100);
|
|
21
21
|
}
|
|
22
22
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: OcModalComponent, isStandalone: true, selector: "oc-modal", inputs: { ocTitle: "ocTitle", ocSize: "ocSize" }, ngImport: i0, template: "<div class=\"oc-modal-bg\" *ngIf=\"isOpen\" [ngClass]=\"{'closing-bg': closing}\">\n <div class=\"oc-modal\" [ngClass]=\"{large: ocSize === 'large', medium: ocSize === 'medium', small: ocSize === 'small', closing: closing}\">\n <header class=\"oc-modal-header\">\n <h3 *ngIf=\"ocTitle.trim().length > 0\">{{ocTitle}}</h3>\n <button (click)=\"close()\" class=\"oc-close-btn\">\n <span class=\"material-symbols-outlined md-18\" title=\"Fechar\">close</span>\n </button>\n </header>\n <div class=\"oc-modal-content\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>", styles: [".oc.button{height:3rem;padding:0 2rem;background-color:#d1d5db;color:#353535;border-radius:.5rem;border:none;font-weight:500;font-size:1rem;transition:.15s ease;display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer}.oc.button.align-left{padding-left:1rem}.oc.button.align-right{padding-right:1rem}.oc.button:hover{filter:brightness(.95)}.oc.button:active{transform:translateY(1.5px)}.oc.button.no-bg{color:#8f9596;background-color:transparent}.oc.button.no-bg:hover{background-color:#f8f9ff}.oc.button.error{background-color:#ed3a3a;color:#f8f9ff}.oc.button.p-1{background-color:#5505a2;color:#f8f9ff}.oc.button.p-2{background-color:#1e0832;color:#f8f9ff}.oc.button.p-3{background-color:#7737b5;color:#f8f9ff}.oc.button.p-4{background-color:#9969c7;color:#f8f9ff}.oc.button.g-1{background-color:#00dda3;color:#1e0832}.oc.button.g-2{background-color:#1ae0ac;color:#1e0832}.oc.button.g-3{background-color:#33e4b5;color:#1e0832}.oc.button.g-4{background-color:#94ffe3;color:#1e0832}.oc.button.gray-1{background-color:#d1d5db;color:#353535}.oc.button.gray-2{background-color:#8f9596;color:#f8f9ff}.oc.button.gray-3{background-color:#7e8485;color:#f8f9ff}.oc.button.gray-4{background-color:#353535;color:#f8f9ff}.oc.button.small{height:2.5rem!important}.oc.button.large{height:3.5rem!important}.oc.button.icon{height:3rem;width:3rem;padding:0}.oc.button.icon.small{width:2.5rem!important;padding:0}.oc.button.icon.large{width:3.5rem!important;padding:0}.oc.button.outlined{background-color:transparent;border:2px solid}.oc.button.outlined.p-1{color:#5505a2}.oc.button.outlined.p-2{color:#1e0832}.oc.button.outlined.p-3{color:#7737b5}.oc.button.outlined.p-4{color:#9969c7}.oc.button.outlined.g-1{color:#00dda3}.oc.button.outlined.g-2{color:#1ae0ac}.oc.button.outlined.g-3{color:#33e4b5}.oc.button.outlined.g-4{color:#94ffe3}.oc.button.outlined.gray-1{color:#8f9596}.oc.button.outlined.gray-2{color:#7e8485}.oc.button.outlined.gray-3{color:#353535}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-button{width:0px;height:0px}::-webkit-scrollbar-thumb{background:#5505a2;border:0px none #ffffff;border-radius:52px}::-webkit-scrollbar-thumb:hover{background:#5505a2}::-webkit-scrollbar-thumb:active{background:#5505a2}::-webkit-scrollbar-track{background:#f8f9ff;border:0px none #ffffff;border-radius:50px}::-webkit-scrollbar-track:hover{background:#d1d5db}::-webkit-scrollbar-track:active{background:#d1d5db}::-webkit-scrollbar-corner{background:transparent}*{box-sizing:border-box}.oc-modal-bg{display:flex;justify-content:center;align-items:center;padding:1rem;background-color:#00000080;position:fixed;top:0;left:0;width:100%;height:100%;z-index:20}.oc-modal{animation:show-up-modal .3s ease;width:100%;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;background-color:#f8f9ff;border-radius:1rem}.oc-modal-footer{width:100%;display:flex;justify-content:flex-end;align-items:center;gap:.5rem}.oc-modal-content{margin:0;padding:0;max-height:80vh;overflow-y:auto}.oc-modal-header{display:flex;align-items:center;justify-content:space-between;padding:0;margin:0;position:sticky;top:0;width:100%}.oc-modal-header h3{margin:0;padding:0;margin-bottom:2rem;font-size:1.5rem;color:#353535}.oc-modal-header .oc-close-btn{margin:0;margin-right:.5rem;padding:0;border:none;background-color:transparent;color:#d1d5db;width:15px;height:15px;border-radius:50%;transition:.15s ease;cursor:pointer;position:absolute;top:0;right:0}.oc-modal-header .oc-close-btn span{transition:.15s ease}.oc-modal-header .oc-close-btn:hover span{color:#8f9596}.small{width:400px}.medium{width:600px}.large{width:800px}.closing{animation:closeModal .15s ease}.closing-bg{transition:.1s ease;opacity:0}@keyframes show-up-modal{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes closeModal{0%{opacity:1}to{opacity:.5;transform:scale(.5)}}\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 }); }
|
|
23
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: OcModalComponent, isStandalone: true, selector: "oc-modal", inputs: { ocTitle: "ocTitle", ocSize: "ocSize" }, ngImport: i0, template: "<div class=\"oc-modal-bg\" *ngIf=\"isOpen\" [ngClass]=\"{'closing-bg': closing}\">\n <div class=\"oc-modal\" [ngClass]=\"{large: ocSize === 'large', medium: ocSize === 'medium', small: ocSize === 'small', closing: closing}\">\n <header class=\"oc-modal-header\">\n <h3 *ngIf=\"ocTitle.trim().length > 0\">{{ocTitle}}</h3>\n <button (click)=\"close()\" class=\"oc-close-btn\">\n <span class=\"material-symbols-outlined md-18\" title=\"Fechar\">close</span>\n </button>\n </header>\n <div class=\"oc-modal-content\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap\";.oc.button{height:3rem;padding:0 2rem;background-color:#d1d5db;color:#353535;border-radius:.5rem;border:none;font-weight:500;font-size:1rem;transition:.15s ease;display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer}.oc.button.align-left{padding-left:1rem}.oc.button.align-right{padding-right:1rem}.oc.button:hover{filter:brightness(.95)}.oc.button:active{transform:translateY(1.5px)}.oc.button.no-bg{color:#8f9596;background-color:transparent}.oc.button.no-bg:hover{background-color:#f8f9ff}.oc.button.error{background-color:#ed3a3a;color:#f8f9ff}.oc.button.p-1{background-color:#5505a2;color:#f8f9ff}.oc.button.p-2{background-color:#1e0832;color:#f8f9ff}.oc.button.p-3{background-color:#7737b5;color:#f8f9ff}.oc.button.p-4{background-color:#9969c7;color:#f8f9ff}.oc.button.g-1{background-color:#00dda3;color:#1e0832}.oc.button.g-2{background-color:#1ae0ac;color:#1e0832}.oc.button.g-3{background-color:#33e4b5;color:#1e0832}.oc.button.g-4{background-color:#94ffe3;color:#1e0832}.oc.button.gray-1{background-color:#d1d5db;color:#353535}.oc.button.gray-2{background-color:#8f9596;color:#f8f9ff}.oc.button.gray-3{background-color:#7e8485;color:#f8f9ff}.oc.button.gray-4{background-color:#353535;color:#f8f9ff}.oc.button.small{height:2.5rem!important}.oc.button.large{height:3.5rem!important}.oc.button.icon{height:3rem;width:3rem;padding:0}.oc.button.icon.small{width:2.5rem!important;padding:0}.oc.button.icon.large{width:3.5rem!important;padding:0}.oc.button.outlined{background-color:transparent;border:2px solid}.oc.button.outlined.p-1{color:#5505a2}.oc.button.outlined.p-2{color:#1e0832}.oc.button.outlined.p-3{color:#7737b5}.oc.button.outlined.p-4{color:#9969c7}.oc.button.outlined.g-1{color:#00dda3}.oc.button.outlined.g-2{color:#1ae0ac}.oc.button.outlined.g-3{color:#33e4b5}.oc.button.outlined.g-4{color:#94ffe3}.oc.button.outlined.gray-1{color:#8f9596}.oc.button.outlined.gray-2{color:#7e8485}.oc.button.outlined.gray-3{color:#353535}*{font-family:Ubuntu,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-button{width:0px;height:0px}::-webkit-scrollbar-thumb{background:#5505a2;border:0px none #ffffff;border-radius:52px}::-webkit-scrollbar-thumb:hover{background:#5505a2}::-webkit-scrollbar-thumb:active{background:#5505a2}::-webkit-scrollbar-track{background:#f8f9ff;border:0px none #ffffff;border-radius:50px}::-webkit-scrollbar-track:hover{background:#d1d5db}::-webkit-scrollbar-track:active{background:#d1d5db}::-webkit-scrollbar-corner{background:transparent}*{box-sizing:border-box}.oc-modal-bg{display:flex;justify-content:center;align-items:center;padding:1rem;background-color:#00000080;position:fixed;top:0;left:0;width:100%;height:100%;z-index:20}.oc-modal{animation:show-up-modal .3s ease;width:100%;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;background-color:#f8f9ff;border-radius:1rem}.oc-modal-footer{width:100%;display:flex;justify-content:flex-end;align-items:center;gap:.5rem}.oc-modal-content{margin:0;padding:0;max-height:80vh;overflow-y:auto}.oc-modal-header{display:flex;align-items:center;justify-content:space-between;padding:0;margin:0;position:sticky;top:0;width:100%}.oc-modal-header h3{margin:0;padding:0;margin-bottom:2rem;font-size:1.5rem;color:#353535}.oc-modal-header .oc-close-btn{margin:0;margin-right:.5rem;padding:0;border:none;background-color:transparent;color:#d1d5db;width:15px;height:15px;border-radius:50%;transition:.15s ease;cursor:pointer;position:absolute;top:0;right:0}.oc-modal-header .oc-close-btn span{transition:.15s ease}.oc-modal-header .oc-close-btn:hover span{color:#8f9596}.small{width:400px}.medium{width:600px}.large{width:800px}.closing{animation:closeModal .15s ease}.closing-bg{transition:.1s ease;opacity:0}@keyframes show-up-modal{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes closeModal{0%{opacity:1}to{opacity:.5;transform:scale(.5)}}\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 }); }
|
|
24
24
|
}
|
|
25
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcModalComponent, decorators: [{
|
|
26
26
|
type: Component,
|
|
27
|
-
args: [{ selector: 'oc-modal', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"oc-modal-bg\" *ngIf=\"isOpen\" [ngClass]=\"{'closing-bg': closing}\">\n <div class=\"oc-modal\" [ngClass]=\"{large: ocSize === 'large', medium: ocSize === 'medium', small: ocSize === 'small', closing: closing}\">\n <header class=\"oc-modal-header\">\n <h3 *ngIf=\"ocTitle.trim().length > 0\">{{ocTitle}}</h3>\n <button (click)=\"close()\" class=\"oc-close-btn\">\n <span class=\"material-symbols-outlined md-18\" title=\"Fechar\">close</span>\n </button>\n </header>\n <div class=\"oc-modal-content\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>", styles: [".oc.button{height:3rem;padding:0 2rem;background-color:#d1d5db;color:#353535;border-radius:.5rem;border:none;font-weight:500;font-size:1rem;transition:.15s ease;display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer}.oc.button.align-left{padding-left:1rem}.oc.button.align-right{padding-right:1rem}.oc.button:hover{filter:brightness(.95)}.oc.button:active{transform:translateY(1.5px)}.oc.button.no-bg{color:#8f9596;background-color:transparent}.oc.button.no-bg:hover{background-color:#f8f9ff}.oc.button.error{background-color:#ed3a3a;color:#f8f9ff}.oc.button.p-1{background-color:#5505a2;color:#f8f9ff}.oc.button.p-2{background-color:#1e0832;color:#f8f9ff}.oc.button.p-3{background-color:#7737b5;color:#f8f9ff}.oc.button.p-4{background-color:#9969c7;color:#f8f9ff}.oc.button.g-1{background-color:#00dda3;color:#1e0832}.oc.button.g-2{background-color:#1ae0ac;color:#1e0832}.oc.button.g-3{background-color:#33e4b5;color:#1e0832}.oc.button.g-4{background-color:#94ffe3;color:#1e0832}.oc.button.gray-1{background-color:#d1d5db;color:#353535}.oc.button.gray-2{background-color:#8f9596;color:#f8f9ff}.oc.button.gray-3{background-color:#7e8485;color:#f8f9ff}.oc.button.gray-4{background-color:#353535;color:#f8f9ff}.oc.button.small{height:2.5rem!important}.oc.button.large{height:3.5rem!important}.oc.button.icon{height:3rem;width:3rem;padding:0}.oc.button.icon.small{width:2.5rem!important;padding:0}.oc.button.icon.large{width:3.5rem!important;padding:0}.oc.button.outlined{background-color:transparent;border:2px solid}.oc.button.outlined.p-1{color:#5505a2}.oc.button.outlined.p-2{color:#1e0832}.oc.button.outlined.p-3{color:#7737b5}.oc.button.outlined.p-4{color:#9969c7}.oc.button.outlined.g-1{color:#00dda3}.oc.button.outlined.g-2{color:#1ae0ac}.oc.button.outlined.g-3{color:#33e4b5}.oc.button.outlined.g-4{color:#94ffe3}.oc.button.outlined.gray-1{color:#8f9596}.oc.button.outlined.gray-2{color:#7e8485}.oc.button.outlined.gray-3{color:#353535}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-button{width:0px;height:0px}::-webkit-scrollbar-thumb{background:#5505a2;border:0px none #ffffff;border-radius:52px}::-webkit-scrollbar-thumb:hover{background:#5505a2}::-webkit-scrollbar-thumb:active{background:#5505a2}::-webkit-scrollbar-track{background:#f8f9ff;border:0px none #ffffff;border-radius:50px}::-webkit-scrollbar-track:hover{background:#d1d5db}::-webkit-scrollbar-track:active{background:#d1d5db}::-webkit-scrollbar-corner{background:transparent}*{box-sizing:border-box}.oc-modal-bg{display:flex;justify-content:center;align-items:center;padding:1rem;background-color:#00000080;position:fixed;top:0;left:0;width:100%;height:100%;z-index:20}.oc-modal{animation:show-up-modal .3s ease;width:100%;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;background-color:#f8f9ff;border-radius:1rem}.oc-modal-footer{width:100%;display:flex;justify-content:flex-end;align-items:center;gap:.5rem}.oc-modal-content{margin:0;padding:0;max-height:80vh;overflow-y:auto}.oc-modal-header{display:flex;align-items:center;justify-content:space-between;padding:0;margin:0;position:sticky;top:0;width:100%}.oc-modal-header h3{margin:0;padding:0;margin-bottom:2rem;font-size:1.5rem;color:#353535}.oc-modal-header .oc-close-btn{margin:0;margin-right:.5rem;padding:0;border:none;background-color:transparent;color:#d1d5db;width:15px;height:15px;border-radius:50%;transition:.15s ease;cursor:pointer;position:absolute;top:0;right:0}.oc-modal-header .oc-close-btn span{transition:.15s ease}.oc-modal-header .oc-close-btn:hover span{color:#8f9596}.small{width:400px}.medium{width:600px}.large{width:800px}.closing{animation:closeModal .15s ease}.closing-bg{transition:.1s ease;opacity:0}@keyframes show-up-modal{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes closeModal{0%{opacity:1}to{opacity:.5;transform:scale(.5)}}\n"] }]
|
|
27
|
+
args: [{ selector: 'oc-modal', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"oc-modal-bg\" *ngIf=\"isOpen\" [ngClass]=\"{'closing-bg': closing}\">\n <div class=\"oc-modal\" [ngClass]=\"{large: ocSize === 'large', medium: ocSize === 'medium', small: ocSize === 'small', closing: closing}\">\n <header class=\"oc-modal-header\">\n <h3 *ngIf=\"ocTitle.trim().length > 0\">{{ocTitle}}</h3>\n <button (click)=\"close()\" class=\"oc-close-btn\">\n <span class=\"material-symbols-outlined md-18\" title=\"Fechar\">close</span>\n </button>\n </header>\n <div class=\"oc-modal-content\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap\";.oc.button{height:3rem;padding:0 2rem;background-color:#d1d5db;color:#353535;border-radius:.5rem;border:none;font-weight:500;font-size:1rem;transition:.15s ease;display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer}.oc.button.align-left{padding-left:1rem}.oc.button.align-right{padding-right:1rem}.oc.button:hover{filter:brightness(.95)}.oc.button:active{transform:translateY(1.5px)}.oc.button.no-bg{color:#8f9596;background-color:transparent}.oc.button.no-bg:hover{background-color:#f8f9ff}.oc.button.error{background-color:#ed3a3a;color:#f8f9ff}.oc.button.p-1{background-color:#5505a2;color:#f8f9ff}.oc.button.p-2{background-color:#1e0832;color:#f8f9ff}.oc.button.p-3{background-color:#7737b5;color:#f8f9ff}.oc.button.p-4{background-color:#9969c7;color:#f8f9ff}.oc.button.g-1{background-color:#00dda3;color:#1e0832}.oc.button.g-2{background-color:#1ae0ac;color:#1e0832}.oc.button.g-3{background-color:#33e4b5;color:#1e0832}.oc.button.g-4{background-color:#94ffe3;color:#1e0832}.oc.button.gray-1{background-color:#d1d5db;color:#353535}.oc.button.gray-2{background-color:#8f9596;color:#f8f9ff}.oc.button.gray-3{background-color:#7e8485;color:#f8f9ff}.oc.button.gray-4{background-color:#353535;color:#f8f9ff}.oc.button.small{height:2.5rem!important}.oc.button.large{height:3.5rem!important}.oc.button.icon{height:3rem;width:3rem;padding:0}.oc.button.icon.small{width:2.5rem!important;padding:0}.oc.button.icon.large{width:3.5rem!important;padding:0}.oc.button.outlined{background-color:transparent;border:2px solid}.oc.button.outlined.p-1{color:#5505a2}.oc.button.outlined.p-2{color:#1e0832}.oc.button.outlined.p-3{color:#7737b5}.oc.button.outlined.p-4{color:#9969c7}.oc.button.outlined.g-1{color:#00dda3}.oc.button.outlined.g-2{color:#1ae0ac}.oc.button.outlined.g-3{color:#33e4b5}.oc.button.outlined.g-4{color:#94ffe3}.oc.button.outlined.gray-1{color:#8f9596}.oc.button.outlined.gray-2{color:#7e8485}.oc.button.outlined.gray-3{color:#353535}*{font-family:Ubuntu,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-button{width:0px;height:0px}::-webkit-scrollbar-thumb{background:#5505a2;border:0px none #ffffff;border-radius:52px}::-webkit-scrollbar-thumb:hover{background:#5505a2}::-webkit-scrollbar-thumb:active{background:#5505a2}::-webkit-scrollbar-track{background:#f8f9ff;border:0px none #ffffff;border-radius:50px}::-webkit-scrollbar-track:hover{background:#d1d5db}::-webkit-scrollbar-track:active{background:#d1d5db}::-webkit-scrollbar-corner{background:transparent}*{box-sizing:border-box}.oc-modal-bg{display:flex;justify-content:center;align-items:center;padding:1rem;background-color:#00000080;position:fixed;top:0;left:0;width:100%;height:100%;z-index:20}.oc-modal{animation:show-up-modal .3s ease;width:100%;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;background-color:#f8f9ff;border-radius:1rem}.oc-modal-footer{width:100%;display:flex;justify-content:flex-end;align-items:center;gap:.5rem}.oc-modal-content{margin:0;padding:0;max-height:80vh;overflow-y:auto}.oc-modal-header{display:flex;align-items:center;justify-content:space-between;padding:0;margin:0;position:sticky;top:0;width:100%}.oc-modal-header h3{margin:0;padding:0;margin-bottom:2rem;font-size:1.5rem;color:#353535}.oc-modal-header .oc-close-btn{margin:0;margin-right:.5rem;padding:0;border:none;background-color:transparent;color:#d1d5db;width:15px;height:15px;border-radius:50%;transition:.15s ease;cursor:pointer;position:absolute;top:0;right:0}.oc-modal-header .oc-close-btn span{transition:.15s ease}.oc-modal-header .oc-close-btn:hover span{color:#8f9596}.small{width:400px}.medium{width:600px}.large{width:800px}.closing{animation:closeModal .15s ease}.closing-bg{transition:.1s ease;opacity:0}@keyframes show-up-modal{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes closeModal{0%{opacity:1}to{opacity:.5;transform:scale(.5)}}\n"] }]
|
|
28
28
|
}], propDecorators: { ocTitle: [{
|
|
29
29
|
type: Input
|
|
30
30
|
}], ocSize: [{
|
|
31
31
|
type: Input
|
|
32
32
|
}] } });
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2MtbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb3RpbXVzLWxpYnJhcnkvc3JjL2xpYi9jb21wb25lbnRzL29jLW1vZGFsL29jLW1vZGFsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy1tb2RhbC9vYy1tb2RhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBNEIsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFVOUYsTUFBTSxPQUFPLGdCQUFnQjtJQVI3QjtRQVNXLFlBQU8sR0FBVyxFQUFFLENBQUE7UUFDcEIsV0FBTSxHQUFnQyxRQUFRLENBQUE7UUFFdkQsV0FBTSxHQUFZLEtBQUssQ0FBQTtRQUV2QixZQUFPLEdBQVksS0FBSyxDQUFBO0tBWXpCO0lBVkMsSUFBSTtRQUNGLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFBO0lBQ3BCLENBQUM7SUFDRCxLQUFLO1FBQ0gsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUE7UUFDbkIsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFBO1lBQ25CLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFBO1FBQ3RCLENBQUMsRUFBQyxHQUFHLENBQUMsQ0FBQTtJQUNSLENBQUM7OEdBakJVLGdCQUFnQjtrR0FBaEIsZ0JBQWdCLHNIQ1g3QixtbUJBWU0sK2dJRE5NLFlBQVk7OzJGQUtYLGdCQUFnQjtrQkFSNUIsU0FBUzsrQkFDRSxVQUFVLGNBQ1IsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDLGlCQUdSLGlCQUFpQixDQUFDLElBQUk7OEJBRzVCLE9BQU87c0JBQWYsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIEVsZW1lbnRSZWYsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdvYy1tb2RhbCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vb2MtbW9kYWwuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vb2MtbW9kYWwuY29tcG9uZW50LnNjc3MnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIE9jTW9kYWxDb21wb25lbnQge1xuICBASW5wdXQoKSBvY1RpdGxlOiBzdHJpbmcgPSAnJ1xuICBASW5wdXQoKSBvY1NpemU6ICdzbWFsbCcgfCAnbWVkaXVtJyB8J2xhcmdlJyA9ICdtZWRpdW0nXG5cbiAgaXNPcGVuOiBib29sZWFuID0gZmFsc2VcblxuICBjbG9zaW5nOiBib29sZWFuID0gZmFsc2VcblxuICBvcGVuKCkge1xuICAgIHRoaXMuaXNPcGVuID0gdHJ1ZVxuICB9XG4gIGNsb3NlKCkge1xuICAgIHRoaXMuY2xvc2luZyA9IHRydWVcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHRoaXMuaXNPcGVuID0gZmFsc2VcbiAgICAgIHRoaXMuY2xvc2luZyA9IGZhbHNlXG4gICAgfSwxMDApXG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJvYy1tb2RhbC1iZ1wiICpuZ0lmPVwiaXNPcGVuXCIgW25nQ2xhc3NdPVwieydjbG9zaW5nLWJnJzogY2xvc2luZ31cIj5cbiAgPGRpdiBjbGFzcz1cIm9jLW1vZGFsXCIgW25nQ2xhc3NdPVwie2xhcmdlOiBvY1NpemUgPT09ICdsYXJnZScsIG1lZGl1bTogb2NTaXplID09PSAnbWVkaXVtJywgc21hbGw6IG9jU2l6ZSA9PT0gJ3NtYWxsJywgY2xvc2luZzogY2xvc2luZ31cIj5cbiAgICA8aGVhZGVyIGNsYXNzPVwib2MtbW9kYWwtaGVhZGVyXCI+XG4gICAgICA8aDMgKm5nSWY9XCJvY1RpdGxlLnRyaW0oKS5sZW5ndGggPiAwXCI+e3tvY1RpdGxlfX08L2gzPlxuICAgICAgPGJ1dHRvbiAoY2xpY2spPVwiY2xvc2UoKVwiIGNsYXNzPVwib2MtY2xvc2UtYnRuXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwibWF0ZXJpYWwtc3ltYm9scy1vdXRsaW5lZCBtZC0xOFwiIHRpdGxlPVwiRmVjaGFyXCI+Y2xvc2U8L3NwYW4+XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L2hlYWRlcj5cbiAgICA8ZGl2IGNsYXNzPVwib2MtbW9kYWwtY29udGVudFwiPlxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PiJdfQ==
|
|
@@ -4,15 +4,15 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
import * as i1 from "@angular/common";
|
|
5
5
|
export class OcModalFooterComponent {
|
|
6
6
|
constructor() {
|
|
7
|
-
this.
|
|
7
|
+
this.ocSide = 'right';
|
|
8
8
|
}
|
|
9
9
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcModalFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: OcModalFooterComponent, isStandalone: true, selector: "oc-modal-footer", inputs: {
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: OcModalFooterComponent, isStandalone: true, selector: "oc-modal-footer", inputs: { ocSide: "ocSide" }, ngImport: i0, template: "<footer class=\"oc-modal-footer\" [ngClass]=\"{\n 'left': ocSide === 'left',\n 'right': ocSide === 'right'\n}\">\n <ng-content></ng-content>\n</footer>", styles: [".oc-modal-footer{display:flex;align-items:center;gap:1rem;width:100%;margin-top:1.5rem;padding-bottom:2px}.left{justify-content:flex-start}.right{justify-content:flex-end}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
11
11
|
}
|
|
12
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcModalFooterComponent, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
|
-
args: [{ selector: 'oc-modal-footer', standalone: true, imports: [CommonModule], template: "<footer class=\"oc-modal-footer\" [ngClass]=\"{\n 'left':
|
|
15
|
-
}], propDecorators: {
|
|
14
|
+
args: [{ selector: 'oc-modal-footer', standalone: true, imports: [CommonModule], template: "<footer class=\"oc-modal-footer\" [ngClass]=\"{\n 'left': ocSide === 'left',\n 'right': ocSide === 'right'\n}\">\n <ng-content></ng-content>\n</footer>", styles: [".oc-modal-footer{display:flex;align-items:center;gap:1rem;width:100%;margin-top:1.5rem;padding-bottom:2px}.left{justify-content:flex-start}.right{justify-content:flex-end}\n"] }]
|
|
15
|
+
}], propDecorators: { ocSide: [{
|
|
16
16
|
type: Input
|
|
17
17
|
}] } });
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2MtbW9kYWwtZm9vdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy1tb2RhbC1mb290ZXIvb2MtbW9kYWwtZm9vdGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy1tb2RhbC1mb290ZXIvb2MtbW9kYWwtZm9vdGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBU2pELE1BQU0sT0FBTyxzQkFBc0I7SUFQbkM7UUFRVyxXQUFNLEdBQXFCLE9BQU8sQ0FBQTtLQUM1Qzs4R0FGWSxzQkFBc0I7a0dBQXRCLHNCQUFzQix5R0NWbkMsNEpBS1Msc09EQ0csWUFBWTs7MkZBSVgsc0JBQXNCO2tCQVBsQyxTQUFTOytCQUNFLGlCQUFpQixjQUNmLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQzs4QkFLZCxNQUFNO3NCQUFkLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdvYy1tb2RhbC1mb290ZXInLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL29jLW1vZGFsLWZvb3Rlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9vYy1tb2RhbC1mb290ZXIuY29tcG9uZW50LnNjc3MnXG59KVxuZXhwb3J0IGNsYXNzIE9jTW9kYWxGb290ZXJDb21wb25lbnQge1xuICBASW5wdXQoKSBvY1NpZGU6ICdsZWZ0JyB8ICdyaWdodCcgPSAncmlnaHQnXG59XG4iLCI8Zm9vdGVyIGNsYXNzPVwib2MtbW9kYWwtZm9vdGVyXCIgW25nQ2xhc3NdPVwie1xuICAnbGVmdCc6IG9jU2lkZSA9PT0gJ2xlZnQnLFxuICAncmlnaHQnOiBvY1NpZGUgPT09ICdyaWdodCdcbn1cIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9mb290ZXI+Il19
|
|
@@ -94,11 +94,11 @@ class OcFilterComponent {
|
|
|
94
94
|
this.isOpen = !this.isOpen;
|
|
95
95
|
}
|
|
96
96
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
97
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: OcFilterComponent, isStandalone: true, selector: "oc-filter", inputs: { ocText: "ocText", ocActive: "ocActive", ocSide: "ocSide" }, ngImport: i0, template: "<div class=\"oc-filter-row\" [ngClass]=\"{\r\n reverse: ocSide === 'right'\r\n}\">\r\n <button class=\"oc-filter-btn\" (click)=\"toggleOpen()\">\r\n <span class=\"material-symbols-outlined md-18\">filter_list</span>\r\n {{ocText}}\r\n <div class=\"badge\">\r\n <oc-badge *ngIf=\"ocActive > 0\" ocSize=\"small\" ocColor=\"success\" [ocWaved]=\"true\">{{ocActive}}</oc-badge>\r\n </div>\r\n </button>\r\n \r\n <div class=\"filter-row-content\">\r\n <ng-content select=\"[row]\"></ng-content>\r\n </div>\r\n \r\n</div>\r\n<div *ngIf=\"isOpen\" class=\"oc-filter-content\">\r\n <ng-content select=\"[body]\">\r\n </ng-content>\r\n</div>\r\n", styles: [".oc.button{height:3rem;padding:0 2rem;background-color:#d1d5db;color:#353535;border-radius:.5rem;border:none;font-weight:500;font-size:1rem;transition:.15s ease;display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer}.oc.button.align-left{padding-left:1rem}.oc.button.align-right{padding-right:1rem}.oc.button:hover{filter:brightness(.95)}.oc.button:active{transform:translateY(1.5px)}.oc.button.no-bg{color:#8f9596;background-color:transparent}.oc.button.no-bg:hover{background-color:#f8f9ff}.oc.button.error{background-color:#ed3a3a;color:#f8f9ff}.oc.button.p-1{background-color:#5505a2;color:#f8f9ff}.oc.button.p-2{background-color:#1e0832;color:#f8f9ff}.oc.button.p-3{background-color:#7737b5;color:#f8f9ff}.oc.button.p-4{background-color:#9969c7;color:#f8f9ff}.oc.button.g-1{background-color:#00dda3;color:#1e0832}.oc.button.g-2{background-color:#1ae0ac;color:#1e0832}.oc.button.g-3{background-color:#33e4b5;color:#1e0832}.oc.button.g-4{background-color:#94ffe3;color:#1e0832}.oc.button.gray-1{background-color:#d1d5db;color:#353535}.oc.button.gray-2{background-color:#8f9596;color:#f8f9ff}.oc.button.gray-3{background-color:#7e8485;color:#f8f9ff}.oc.button.gray-4{background-color:#353535;color:#f8f9ff}.oc.button.small{height:2.5rem!important}.oc.button.large{height:3.5rem!important}.oc.button.icon{height:3rem;width:3rem;padding:0}.oc.button.icon.small{width:2.5rem!important;padding:0}.oc.button.icon.large{width:3.5rem!important;padding:0}.oc.button.outlined{background-color:transparent;border:2px solid}.oc.button.outlined.p-1{color:#5505a2}.oc.button.outlined.p-2{color:#1e0832}.oc.button.outlined.p-3{color:#7737b5}.oc.button.outlined.p-4{color:#9969c7}.oc.button.outlined.g-1{color:#00dda3}.oc.button.outlined.g-2{color:#1ae0ac}.oc.button.outlined.g-3{color:#33e4b5}.oc.button.outlined.g-4{color:#94ffe3}.oc.button.outlined.gray-1{color:#8f9596}.oc.button.outlined.gray-2{color:#7e8485}.oc.button.outlined.gray-3{color:#353535}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-button{width:0px;height:0px}::-webkit-scrollbar-thumb{background:#5505a2;border:0px none #ffffff;border-radius:52px}::-webkit-scrollbar-thumb:hover{background:#5505a2}::-webkit-scrollbar-thumb:active{background:#5505a2}::-webkit-scrollbar-track{background:#f8f9ff;border:0px none #ffffff;border-radius:50px}::-webkit-scrollbar-track:hover{background:#d1d5db}::-webkit-scrollbar-track:active{background:#d1d5db}::-webkit-scrollbar-corner{background:transparent}.oc-filter-row{width:100%;display:flex;align-items:center;gap:1rem}.oc-filter-row .filter-row-content{width:100%}.reverse{flex-direction:row-reverse}.oc-filter-btn{background-color:#5505a2;color:#f8f9ff;border:none;border-radius:.5rem;padding:.4rem .8rem;font-weight:600;display:flex;align-items:center;gap:.2rem;transition:.2s ease;position:relative;cursor:pointer}.oc-filter-btn:hover{filter:brightness(.9)}.oc-filter-btn .material-symbols-outlined{font-size:1rem;color:#f7f7f7}.oc-filter-btn img{width:15px;filter:brightness(0) invert(1)}.oc-filter-btn .badge{position:absolute;top:-8px;right:-12px}.oc-filter-content{width:100%;animation:showing-up .15s ease;overflow:hidden;margin-top:1rem}@keyframes showing-up{0%{height:0px;opacity:0}to{height:100%;opacity: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"] }, { kind: "component", type: OcBadgeComponent, selector: "oc-badge", inputs: ["ocSize", "ocColor", "ocWaved"] }] }); }
|
|
97
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: OcFilterComponent, isStandalone: true, selector: "oc-filter", inputs: { ocText: "ocText", ocActive: "ocActive", ocSide: "ocSide" }, ngImport: i0, template: "<div class=\"oc-filter-row\" [ngClass]=\"{\r\n reverse: ocSide === 'right'\r\n}\">\r\n <button class=\"oc-filter-btn\" (click)=\"toggleOpen()\">\r\n <span class=\"material-symbols-outlined md-18\">filter_list</span>\r\n {{ocText}}\r\n <div class=\"badge\">\r\n <oc-badge *ngIf=\"ocActive > 0\" ocSize=\"small\" ocColor=\"success\" [ocWaved]=\"true\">{{ocActive}}</oc-badge>\r\n </div>\r\n </button>\r\n \r\n <div class=\"filter-row-content\">\r\n <ng-content select=\"[row]\"></ng-content>\r\n </div>\r\n \r\n</div>\r\n<div *ngIf=\"isOpen\" class=\"oc-filter-content\">\r\n <ng-content select=\"[body]\">\r\n </ng-content>\r\n</div>\r\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap\";.oc.button{height:3rem;padding:0 2rem;background-color:#d1d5db;color:#353535;border-radius:.5rem;border:none;font-weight:500;font-size:1rem;transition:.15s ease;display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer}.oc.button.align-left{padding-left:1rem}.oc.button.align-right{padding-right:1rem}.oc.button:hover{filter:brightness(.95)}.oc.button:active{transform:translateY(1.5px)}.oc.button.no-bg{color:#8f9596;background-color:transparent}.oc.button.no-bg:hover{background-color:#f8f9ff}.oc.button.error{background-color:#ed3a3a;color:#f8f9ff}.oc.button.p-1{background-color:#5505a2;color:#f8f9ff}.oc.button.p-2{background-color:#1e0832;color:#f8f9ff}.oc.button.p-3{background-color:#7737b5;color:#f8f9ff}.oc.button.p-4{background-color:#9969c7;color:#f8f9ff}.oc.button.g-1{background-color:#00dda3;color:#1e0832}.oc.button.g-2{background-color:#1ae0ac;color:#1e0832}.oc.button.g-3{background-color:#33e4b5;color:#1e0832}.oc.button.g-4{background-color:#94ffe3;color:#1e0832}.oc.button.gray-1{background-color:#d1d5db;color:#353535}.oc.button.gray-2{background-color:#8f9596;color:#f8f9ff}.oc.button.gray-3{background-color:#7e8485;color:#f8f9ff}.oc.button.gray-4{background-color:#353535;color:#f8f9ff}.oc.button.small{height:2.5rem!important}.oc.button.large{height:3.5rem!important}.oc.button.icon{height:3rem;width:3rem;padding:0}.oc.button.icon.small{width:2.5rem!important;padding:0}.oc.button.icon.large{width:3.5rem!important;padding:0}.oc.button.outlined{background-color:transparent;border:2px solid}.oc.button.outlined.p-1{color:#5505a2}.oc.button.outlined.p-2{color:#1e0832}.oc.button.outlined.p-3{color:#7737b5}.oc.button.outlined.p-4{color:#9969c7}.oc.button.outlined.g-1{color:#00dda3}.oc.button.outlined.g-2{color:#1ae0ac}.oc.button.outlined.g-3{color:#33e4b5}.oc.button.outlined.g-4{color:#94ffe3}.oc.button.outlined.gray-1{color:#8f9596}.oc.button.outlined.gray-2{color:#7e8485}.oc.button.outlined.gray-3{color:#353535}*{font-family:Ubuntu,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-button{width:0px;height:0px}::-webkit-scrollbar-thumb{background:#5505a2;border:0px none #ffffff;border-radius:52px}::-webkit-scrollbar-thumb:hover{background:#5505a2}::-webkit-scrollbar-thumb:active{background:#5505a2}::-webkit-scrollbar-track{background:#f8f9ff;border:0px none #ffffff;border-radius:50px}::-webkit-scrollbar-track:hover{background:#d1d5db}::-webkit-scrollbar-track:active{background:#d1d5db}::-webkit-scrollbar-corner{background:transparent}.oc-filter-row{width:100%;display:flex;align-items:center;gap:1rem}.oc-filter-row .filter-row-content{width:100%}.reverse{flex-direction:row-reverse}.oc-filter-btn{background-color:#5505a2;color:#f8f9ff;border:none;border-radius:.5rem;padding:.4rem .8rem;font-weight:600;display:flex;align-items:center;gap:.2rem;transition:.2s ease;position:relative;cursor:pointer}.oc-filter-btn:hover{filter:brightness(.9)}.oc-filter-btn .material-symbols-outlined{font-size:1rem;color:#f7f7f7}.oc-filter-btn img{width:15px;filter:brightness(0) invert(1)}.oc-filter-btn .badge{position:absolute;top:-8px;right:-12px}.oc-filter-content{width:100%;animation:showing-up .15s ease;overflow:hidden;margin-top:1rem}@keyframes showing-up{0%{height:0px;opacity:0}to{height:100%;opacity: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"] }, { kind: "component", type: OcBadgeComponent, selector: "oc-badge", inputs: ["ocSize", "ocColor", "ocWaved"] }] }); }
|
|
98
98
|
}
|
|
99
99
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcFilterComponent, decorators: [{
|
|
100
100
|
type: Component,
|
|
101
|
-
args: [{ selector: 'oc-filter', standalone: true, imports: [CommonModule, OcBadgeComponent], template: "<div class=\"oc-filter-row\" [ngClass]=\"{\r\n reverse: ocSide === 'right'\r\n}\">\r\n <button class=\"oc-filter-btn\" (click)=\"toggleOpen()\">\r\n <span class=\"material-symbols-outlined md-18\">filter_list</span>\r\n {{ocText}}\r\n <div class=\"badge\">\r\n <oc-badge *ngIf=\"ocActive > 0\" ocSize=\"small\" ocColor=\"success\" [ocWaved]=\"true\">{{ocActive}}</oc-badge>\r\n </div>\r\n </button>\r\n \r\n <div class=\"filter-row-content\">\r\n <ng-content select=\"[row]\"></ng-content>\r\n </div>\r\n \r\n</div>\r\n<div *ngIf=\"isOpen\" class=\"oc-filter-content\">\r\n <ng-content select=\"[body]\">\r\n </ng-content>\r\n</div>\r\n", styles: [".oc.button{height:3rem;padding:0 2rem;background-color:#d1d5db;color:#353535;border-radius:.5rem;border:none;font-weight:500;font-size:1rem;transition:.15s ease;display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer}.oc.button.align-left{padding-left:1rem}.oc.button.align-right{padding-right:1rem}.oc.button:hover{filter:brightness(.95)}.oc.button:active{transform:translateY(1.5px)}.oc.button.no-bg{color:#8f9596;background-color:transparent}.oc.button.no-bg:hover{background-color:#f8f9ff}.oc.button.error{background-color:#ed3a3a;color:#f8f9ff}.oc.button.p-1{background-color:#5505a2;color:#f8f9ff}.oc.button.p-2{background-color:#1e0832;color:#f8f9ff}.oc.button.p-3{background-color:#7737b5;color:#f8f9ff}.oc.button.p-4{background-color:#9969c7;color:#f8f9ff}.oc.button.g-1{background-color:#00dda3;color:#1e0832}.oc.button.g-2{background-color:#1ae0ac;color:#1e0832}.oc.button.g-3{background-color:#33e4b5;color:#1e0832}.oc.button.g-4{background-color:#94ffe3;color:#1e0832}.oc.button.gray-1{background-color:#d1d5db;color:#353535}.oc.button.gray-2{background-color:#8f9596;color:#f8f9ff}.oc.button.gray-3{background-color:#7e8485;color:#f8f9ff}.oc.button.gray-4{background-color:#353535;color:#f8f9ff}.oc.button.small{height:2.5rem!important}.oc.button.large{height:3.5rem!important}.oc.button.icon{height:3rem;width:3rem;padding:0}.oc.button.icon.small{width:2.5rem!important;padding:0}.oc.button.icon.large{width:3.5rem!important;padding:0}.oc.button.outlined{background-color:transparent;border:2px solid}.oc.button.outlined.p-1{color:#5505a2}.oc.button.outlined.p-2{color:#1e0832}.oc.button.outlined.p-3{color:#7737b5}.oc.button.outlined.p-4{color:#9969c7}.oc.button.outlined.g-1{color:#00dda3}.oc.button.outlined.g-2{color:#1ae0ac}.oc.button.outlined.g-3{color:#33e4b5}.oc.button.outlined.g-4{color:#94ffe3}.oc.button.outlined.gray-1{color:#8f9596}.oc.button.outlined.gray-2{color:#7e8485}.oc.button.outlined.gray-3{color:#353535}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-button{width:0px;height:0px}::-webkit-scrollbar-thumb{background:#5505a2;border:0px none #ffffff;border-radius:52px}::-webkit-scrollbar-thumb:hover{background:#5505a2}::-webkit-scrollbar-thumb:active{background:#5505a2}::-webkit-scrollbar-track{background:#f8f9ff;border:0px none #ffffff;border-radius:50px}::-webkit-scrollbar-track:hover{background:#d1d5db}::-webkit-scrollbar-track:active{background:#d1d5db}::-webkit-scrollbar-corner{background:transparent}.oc-filter-row{width:100%;display:flex;align-items:center;gap:1rem}.oc-filter-row .filter-row-content{width:100%}.reverse{flex-direction:row-reverse}.oc-filter-btn{background-color:#5505a2;color:#f8f9ff;border:none;border-radius:.5rem;padding:.4rem .8rem;font-weight:600;display:flex;align-items:center;gap:.2rem;transition:.2s ease;position:relative;cursor:pointer}.oc-filter-btn:hover{filter:brightness(.9)}.oc-filter-btn .material-symbols-outlined{font-size:1rem;color:#f7f7f7}.oc-filter-btn img{width:15px;filter:brightness(0) invert(1)}.oc-filter-btn .badge{position:absolute;top:-8px;right:-12px}.oc-filter-content{width:100%;animation:showing-up .15s ease;overflow:hidden;margin-top:1rem}@keyframes showing-up{0%{height:0px;opacity:0}to{height:100%;opacity:1}}\n"] }]
|
|
101
|
+
args: [{ selector: 'oc-filter', standalone: true, imports: [CommonModule, OcBadgeComponent], template: "<div class=\"oc-filter-row\" [ngClass]=\"{\r\n reverse: ocSide === 'right'\r\n}\">\r\n <button class=\"oc-filter-btn\" (click)=\"toggleOpen()\">\r\n <span class=\"material-symbols-outlined md-18\">filter_list</span>\r\n {{ocText}}\r\n <div class=\"badge\">\r\n <oc-badge *ngIf=\"ocActive > 0\" ocSize=\"small\" ocColor=\"success\" [ocWaved]=\"true\">{{ocActive}}</oc-badge>\r\n </div>\r\n </button>\r\n \r\n <div class=\"filter-row-content\">\r\n <ng-content select=\"[row]\"></ng-content>\r\n </div>\r\n \r\n</div>\r\n<div *ngIf=\"isOpen\" class=\"oc-filter-content\">\r\n <ng-content select=\"[body]\">\r\n </ng-content>\r\n</div>\r\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap\";.oc.button{height:3rem;padding:0 2rem;background-color:#d1d5db;color:#353535;border-radius:.5rem;border:none;font-weight:500;font-size:1rem;transition:.15s ease;display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer}.oc.button.align-left{padding-left:1rem}.oc.button.align-right{padding-right:1rem}.oc.button:hover{filter:brightness(.95)}.oc.button:active{transform:translateY(1.5px)}.oc.button.no-bg{color:#8f9596;background-color:transparent}.oc.button.no-bg:hover{background-color:#f8f9ff}.oc.button.error{background-color:#ed3a3a;color:#f8f9ff}.oc.button.p-1{background-color:#5505a2;color:#f8f9ff}.oc.button.p-2{background-color:#1e0832;color:#f8f9ff}.oc.button.p-3{background-color:#7737b5;color:#f8f9ff}.oc.button.p-4{background-color:#9969c7;color:#f8f9ff}.oc.button.g-1{background-color:#00dda3;color:#1e0832}.oc.button.g-2{background-color:#1ae0ac;color:#1e0832}.oc.button.g-3{background-color:#33e4b5;color:#1e0832}.oc.button.g-4{background-color:#94ffe3;color:#1e0832}.oc.button.gray-1{background-color:#d1d5db;color:#353535}.oc.button.gray-2{background-color:#8f9596;color:#f8f9ff}.oc.button.gray-3{background-color:#7e8485;color:#f8f9ff}.oc.button.gray-4{background-color:#353535;color:#f8f9ff}.oc.button.small{height:2.5rem!important}.oc.button.large{height:3.5rem!important}.oc.button.icon{height:3rem;width:3rem;padding:0}.oc.button.icon.small{width:2.5rem!important;padding:0}.oc.button.icon.large{width:3.5rem!important;padding:0}.oc.button.outlined{background-color:transparent;border:2px solid}.oc.button.outlined.p-1{color:#5505a2}.oc.button.outlined.p-2{color:#1e0832}.oc.button.outlined.p-3{color:#7737b5}.oc.button.outlined.p-4{color:#9969c7}.oc.button.outlined.g-1{color:#00dda3}.oc.button.outlined.g-2{color:#1ae0ac}.oc.button.outlined.g-3{color:#33e4b5}.oc.button.outlined.g-4{color:#94ffe3}.oc.button.outlined.gray-1{color:#8f9596}.oc.button.outlined.gray-2{color:#7e8485}.oc.button.outlined.gray-3{color:#353535}*{font-family:Ubuntu,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-button{width:0px;height:0px}::-webkit-scrollbar-thumb{background:#5505a2;border:0px none #ffffff;border-radius:52px}::-webkit-scrollbar-thumb:hover{background:#5505a2}::-webkit-scrollbar-thumb:active{background:#5505a2}::-webkit-scrollbar-track{background:#f8f9ff;border:0px none #ffffff;border-radius:50px}::-webkit-scrollbar-track:hover{background:#d1d5db}::-webkit-scrollbar-track:active{background:#d1d5db}::-webkit-scrollbar-corner{background:transparent}.oc-filter-row{width:100%;display:flex;align-items:center;gap:1rem}.oc-filter-row .filter-row-content{width:100%}.reverse{flex-direction:row-reverse}.oc-filter-btn{background-color:#5505a2;color:#f8f9ff;border:none;border-radius:.5rem;padding:.4rem .8rem;font-weight:600;display:flex;align-items:center;gap:.2rem;transition:.2s ease;position:relative;cursor:pointer}.oc-filter-btn:hover{filter:brightness(.9)}.oc-filter-btn .material-symbols-outlined{font-size:1rem;color:#f7f7f7}.oc-filter-btn img{width:15px;filter:brightness(0) invert(1)}.oc-filter-btn .badge{position:absolute;top:-8px;right:-12px}.oc-filter-content{width:100%;animation:showing-up .15s ease;overflow:hidden;margin-top:1rem}@keyframes showing-up{0%{height:0px;opacity:0}to{height:100%;opacity:1}}\n"] }]
|
|
102
102
|
}], propDecorators: { ocText: [{
|
|
103
103
|
type: Input
|
|
104
104
|
}], ocActive: [{
|
|
@@ -199,11 +199,11 @@ class OcInputComponent {
|
|
|
199
199
|
}
|
|
200
200
|
}
|
|
201
201
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcInputComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
202
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: OcInputComponent, isStandalone: true, selector: "oc-input", inputs: { ocError: "ocError", ocSize: "ocSize", ocPlaceholder: "ocPlaceholder" }, ngImport: i0, template: "<div class=\"oc-input-box\" [ngClass]=\"{\r\n 'small': ocSize === 'small',\r\n 'large': ocSize === 'large',\r\n error: !!ocError\r\n}\" [id]=\"inputId\">\r\n <ng-content></ng-content>\r\n <label>{{ocPlaceholder}}</label>\r\n <small\r\n *ngIf=\"ocError\"\r\n class=\"error-msg\"\r\n >{{ocError}}</small>\r\n</div>\r\n", styles: [".oc-input-box{position:relative}.oc-input-box select *{background-color:#f8f9ff}.oc-input-box label{position:absolute;left:0;top:0;padding:.5rem .7rem;font-size:.85rem;color:#8f9596;pointer-events:none;transition:.3s ease;border-radius:.5rem;white-space:nowrap}.oc-input-box input,.oc-input-box textarea,.oc-input-box select{font-size:1rem;border-radius:.7rem;background-color:#
|
|
202
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: OcInputComponent, isStandalone: true, selector: "oc-input", inputs: { ocError: "ocError", ocSize: "ocSize", ocPlaceholder: "ocPlaceholder" }, ngImport: i0, template: "<div class=\"oc-input-box\" [ngClass]=\"{\r\n 'small': ocSize === 'small',\r\n 'large': ocSize === 'large',\r\n error: !!ocError\r\n}\" [id]=\"inputId\">\r\n <ng-content></ng-content>\r\n <label>{{ocPlaceholder}}</label>\r\n <small\r\n *ngIf=\"ocError\"\r\n class=\"error-msg\"\r\n >{{ocError}}</small>\r\n</div>\r\n", styles: [".oc-input-box{position:relative}.oc-input-box select *{background-color:#f8f9ff}.oc-input-box label{position:absolute;left:0;top:0;padding:.5rem .7rem;font-size:.85rem;color:#8f9596;pointer-events:none;transition:.3s ease;border-radius:.5rem;white-space:nowrap}.oc-input-box input,.oc-input-box textarea,.oc-input-box select{font-size:1rem;border-radius:.7rem;background-color:#f8f9ff;border:1px solid #d1d5db;outline:none;padding:.6rem .9rem;width:100%;transition:.3s ease;color:#1e0832;font-weight:500}.oc-input-box input:focus,.oc-input-box textarea:focus,.oc-input-box select:focus{border:1px solid #00dda3;box-shadow:0 4px 3.2px #00dda314}.oc-input-box input:not(:placeholder-shown)~label,.oc-input-box input:focus~label,.oc-input-box textarea:not(:placeholder-shown)~label,.oc-input-box textarea:focus~label,.oc-input-box select:valid~label,.oc-input-box select:focus~label{transform:translateY(-.85rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#f8f9ff;padding:2px 10px}.error input,.error textarea,.error select{border:1px solid #ed3a3a;box-shadow:0 4px 6.1px #a1000014}.error small,.error label{color:#ed3a3a!important;font-weight:600}.small input,.small textarea,.small select{padding:.3rem .7rem;border-radius:.5rem}.small label{padding:.5rem .7rem}.small input:focus~label,.small input:not(:placeholder-shown)~label,.small textarea:focus~label,.small textarea:not(:placeholder-shown)~label,.small select:focus~label,.small select:valid~label{transform:translateY(-.99rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#fff;padding:2px 10px}.large input,.large textarea,.large select{padding:1rem;border-radius:1rem}.large label{padding:1rem .7rem}.large input:focus~label,.large input:not(:placeholder-shown)~label,.large textarea:focus~label,.large textarea:not(:placeholder-shown)~label,.large select:focus~label,.large select:valid~label{transform:translateY(-.77rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#fff;padding:2px 10px}\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 }); }
|
|
203
203
|
}
|
|
204
204
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcInputComponent, decorators: [{
|
|
205
205
|
type: Component,
|
|
206
|
-
args: [{ selector: 'oc-input', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"oc-input-box\" [ngClass]=\"{\r\n 'small': ocSize === 'small',\r\n 'large': ocSize === 'large',\r\n error: !!ocError\r\n}\" [id]=\"inputId\">\r\n <ng-content></ng-content>\r\n <label>{{ocPlaceholder}}</label>\r\n <small\r\n *ngIf=\"ocError\"\r\n class=\"error-msg\"\r\n >{{ocError}}</small>\r\n</div>\r\n", styles: [".oc-input-box{position:relative}.oc-input-box select *{background-color:#f8f9ff}.oc-input-box label{position:absolute;left:0;top:0;padding:.5rem .7rem;font-size:.85rem;color:#8f9596;pointer-events:none;transition:.3s ease;border-radius:.5rem;white-space:nowrap}.oc-input-box input,.oc-input-box textarea,.oc-input-box select{font-size:1rem;border-radius:.7rem;background-color:#
|
|
206
|
+
args: [{ selector: 'oc-input', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"oc-input-box\" [ngClass]=\"{\r\n 'small': ocSize === 'small',\r\n 'large': ocSize === 'large',\r\n error: !!ocError\r\n}\" [id]=\"inputId\">\r\n <ng-content></ng-content>\r\n <label>{{ocPlaceholder}}</label>\r\n <small\r\n *ngIf=\"ocError\"\r\n class=\"error-msg\"\r\n >{{ocError}}</small>\r\n</div>\r\n", styles: [".oc-input-box{position:relative}.oc-input-box select *{background-color:#f8f9ff}.oc-input-box label{position:absolute;left:0;top:0;padding:.5rem .7rem;font-size:.85rem;color:#8f9596;pointer-events:none;transition:.3s ease;border-radius:.5rem;white-space:nowrap}.oc-input-box input,.oc-input-box textarea,.oc-input-box select{font-size:1rem;border-radius:.7rem;background-color:#f8f9ff;border:1px solid #d1d5db;outline:none;padding:.6rem .9rem;width:100%;transition:.3s ease;color:#1e0832;font-weight:500}.oc-input-box input:focus,.oc-input-box textarea:focus,.oc-input-box select:focus{border:1px solid #00dda3;box-shadow:0 4px 3.2px #00dda314}.oc-input-box input:not(:placeholder-shown)~label,.oc-input-box input:focus~label,.oc-input-box textarea:not(:placeholder-shown)~label,.oc-input-box textarea:focus~label,.oc-input-box select:valid~label,.oc-input-box select:focus~label{transform:translateY(-.85rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#f8f9ff;padding:2px 10px}.error input,.error textarea,.error select{border:1px solid #ed3a3a;box-shadow:0 4px 6.1px #a1000014}.error small,.error label{color:#ed3a3a!important;font-weight:600}.small input,.small textarea,.small select{padding:.3rem .7rem;border-radius:.5rem}.small label{padding:.5rem .7rem}.small input:focus~label,.small input:not(:placeholder-shown)~label,.small textarea:focus~label,.small textarea:not(:placeholder-shown)~label,.small select:focus~label,.small select:valid~label{transform:translateY(-.99rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#fff;padding:2px 10px}.large input,.large textarea,.large select{padding:1rem;border-radius:1rem}.large label{padding:1rem .7rem}.large input:focus~label,.large input:not(:placeholder-shown)~label,.large textarea:focus~label,.large textarea:not(:placeholder-shown)~label,.large select:focus~label,.large select:valid~label{transform:translateY(-.77rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#fff;padding:2px 10px}\n"] }]
|
|
207
207
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { ocError: [{
|
|
208
208
|
type: Input
|
|
209
209
|
}], ocSize: [{
|
|
@@ -230,11 +230,11 @@ class OcModalComponent {
|
|
|
230
230
|
}, 100);
|
|
231
231
|
}
|
|
232
232
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
233
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: OcModalComponent, isStandalone: true, selector: "oc-modal", inputs: { ocTitle: "ocTitle", ocSize: "ocSize" }, ngImport: i0, template: "<div class=\"oc-modal-bg\" *ngIf=\"isOpen\" [ngClass]=\"{'closing-bg': closing}\">\n <div class=\"oc-modal\" [ngClass]=\"{large: ocSize === 'large', medium: ocSize === 'medium', small: ocSize === 'small', closing: closing}\">\n <header class=\"oc-modal-header\">\n <h3 *ngIf=\"ocTitle.trim().length > 0\">{{ocTitle}}</h3>\n <button (click)=\"close()\" class=\"oc-close-btn\">\n <span class=\"material-symbols-outlined md-18\" title=\"Fechar\">close</span>\n </button>\n </header>\n <div class=\"oc-modal-content\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>", styles: [".oc.button{height:3rem;padding:0 2rem;background-color:#d1d5db;color:#353535;border-radius:.5rem;border:none;font-weight:500;font-size:1rem;transition:.15s ease;display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer}.oc.button.align-left{padding-left:1rem}.oc.button.align-right{padding-right:1rem}.oc.button:hover{filter:brightness(.95)}.oc.button:active{transform:translateY(1.5px)}.oc.button.no-bg{color:#8f9596;background-color:transparent}.oc.button.no-bg:hover{background-color:#f8f9ff}.oc.button.error{background-color:#ed3a3a;color:#f8f9ff}.oc.button.p-1{background-color:#5505a2;color:#f8f9ff}.oc.button.p-2{background-color:#1e0832;color:#f8f9ff}.oc.button.p-3{background-color:#7737b5;color:#f8f9ff}.oc.button.p-4{background-color:#9969c7;color:#f8f9ff}.oc.button.g-1{background-color:#00dda3;color:#1e0832}.oc.button.g-2{background-color:#1ae0ac;color:#1e0832}.oc.button.g-3{background-color:#33e4b5;color:#1e0832}.oc.button.g-4{background-color:#94ffe3;color:#1e0832}.oc.button.gray-1{background-color:#d1d5db;color:#353535}.oc.button.gray-2{background-color:#8f9596;color:#f8f9ff}.oc.button.gray-3{background-color:#7e8485;color:#f8f9ff}.oc.button.gray-4{background-color:#353535;color:#f8f9ff}.oc.button.small{height:2.5rem!important}.oc.button.large{height:3.5rem!important}.oc.button.icon{height:3rem;width:3rem;padding:0}.oc.button.icon.small{width:2.5rem!important;padding:0}.oc.button.icon.large{width:3.5rem!important;padding:0}.oc.button.outlined{background-color:transparent;border:2px solid}.oc.button.outlined.p-1{color:#5505a2}.oc.button.outlined.p-2{color:#1e0832}.oc.button.outlined.p-3{color:#7737b5}.oc.button.outlined.p-4{color:#9969c7}.oc.button.outlined.g-1{color:#00dda3}.oc.button.outlined.g-2{color:#1ae0ac}.oc.button.outlined.g-3{color:#33e4b5}.oc.button.outlined.g-4{color:#94ffe3}.oc.button.outlined.gray-1{color:#8f9596}.oc.button.outlined.gray-2{color:#7e8485}.oc.button.outlined.gray-3{color:#353535}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-button{width:0px;height:0px}::-webkit-scrollbar-thumb{background:#5505a2;border:0px none #ffffff;border-radius:52px}::-webkit-scrollbar-thumb:hover{background:#5505a2}::-webkit-scrollbar-thumb:active{background:#5505a2}::-webkit-scrollbar-track{background:#f8f9ff;border:0px none #ffffff;border-radius:50px}::-webkit-scrollbar-track:hover{background:#d1d5db}::-webkit-scrollbar-track:active{background:#d1d5db}::-webkit-scrollbar-corner{background:transparent}*{box-sizing:border-box}.oc-modal-bg{display:flex;justify-content:center;align-items:center;padding:1rem;background-color:#00000080;position:fixed;top:0;left:0;width:100%;height:100%;z-index:20}.oc-modal{animation:show-up-modal .3s ease;width:100%;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;background-color:#f8f9ff;border-radius:1rem}.oc-modal-footer{width:100%;display:flex;justify-content:flex-end;align-items:center;gap:.5rem}.oc-modal-content{margin:0;padding:0;max-height:80vh;overflow-y:auto}.oc-modal-header{display:flex;align-items:center;justify-content:space-between;padding:0;margin:0;position:sticky;top:0;width:100%}.oc-modal-header h3{margin:0;padding:0;margin-bottom:2rem;font-size:1.5rem;color:#353535}.oc-modal-header .oc-close-btn{margin:0;margin-right:.5rem;padding:0;border:none;background-color:transparent;color:#d1d5db;width:15px;height:15px;border-radius:50%;transition:.15s ease;cursor:pointer;position:absolute;top:0;right:0}.oc-modal-header .oc-close-btn span{transition:.15s ease}.oc-modal-header .oc-close-btn:hover span{color:#8f9596}.small{width:400px}.medium{width:600px}.large{width:800px}.closing{animation:closeModal .15s ease}.closing-bg{transition:.1s ease;opacity:0}@keyframes show-up-modal{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes closeModal{0%{opacity:1}to{opacity:.5;transform:scale(.5)}}\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 }); }
|
|
233
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: OcModalComponent, isStandalone: true, selector: "oc-modal", inputs: { ocTitle: "ocTitle", ocSize: "ocSize" }, ngImport: i0, template: "<div class=\"oc-modal-bg\" *ngIf=\"isOpen\" [ngClass]=\"{'closing-bg': closing}\">\n <div class=\"oc-modal\" [ngClass]=\"{large: ocSize === 'large', medium: ocSize === 'medium', small: ocSize === 'small', closing: closing}\">\n <header class=\"oc-modal-header\">\n <h3 *ngIf=\"ocTitle.trim().length > 0\">{{ocTitle}}</h3>\n <button (click)=\"close()\" class=\"oc-close-btn\">\n <span class=\"material-symbols-outlined md-18\" title=\"Fechar\">close</span>\n </button>\n </header>\n <div class=\"oc-modal-content\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap\";.oc.button{height:3rem;padding:0 2rem;background-color:#d1d5db;color:#353535;border-radius:.5rem;border:none;font-weight:500;font-size:1rem;transition:.15s ease;display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer}.oc.button.align-left{padding-left:1rem}.oc.button.align-right{padding-right:1rem}.oc.button:hover{filter:brightness(.95)}.oc.button:active{transform:translateY(1.5px)}.oc.button.no-bg{color:#8f9596;background-color:transparent}.oc.button.no-bg:hover{background-color:#f8f9ff}.oc.button.error{background-color:#ed3a3a;color:#f8f9ff}.oc.button.p-1{background-color:#5505a2;color:#f8f9ff}.oc.button.p-2{background-color:#1e0832;color:#f8f9ff}.oc.button.p-3{background-color:#7737b5;color:#f8f9ff}.oc.button.p-4{background-color:#9969c7;color:#f8f9ff}.oc.button.g-1{background-color:#00dda3;color:#1e0832}.oc.button.g-2{background-color:#1ae0ac;color:#1e0832}.oc.button.g-3{background-color:#33e4b5;color:#1e0832}.oc.button.g-4{background-color:#94ffe3;color:#1e0832}.oc.button.gray-1{background-color:#d1d5db;color:#353535}.oc.button.gray-2{background-color:#8f9596;color:#f8f9ff}.oc.button.gray-3{background-color:#7e8485;color:#f8f9ff}.oc.button.gray-4{background-color:#353535;color:#f8f9ff}.oc.button.small{height:2.5rem!important}.oc.button.large{height:3.5rem!important}.oc.button.icon{height:3rem;width:3rem;padding:0}.oc.button.icon.small{width:2.5rem!important;padding:0}.oc.button.icon.large{width:3.5rem!important;padding:0}.oc.button.outlined{background-color:transparent;border:2px solid}.oc.button.outlined.p-1{color:#5505a2}.oc.button.outlined.p-2{color:#1e0832}.oc.button.outlined.p-3{color:#7737b5}.oc.button.outlined.p-4{color:#9969c7}.oc.button.outlined.g-1{color:#00dda3}.oc.button.outlined.g-2{color:#1ae0ac}.oc.button.outlined.g-3{color:#33e4b5}.oc.button.outlined.g-4{color:#94ffe3}.oc.button.outlined.gray-1{color:#8f9596}.oc.button.outlined.gray-2{color:#7e8485}.oc.button.outlined.gray-3{color:#353535}*{font-family:Ubuntu,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-button{width:0px;height:0px}::-webkit-scrollbar-thumb{background:#5505a2;border:0px none #ffffff;border-radius:52px}::-webkit-scrollbar-thumb:hover{background:#5505a2}::-webkit-scrollbar-thumb:active{background:#5505a2}::-webkit-scrollbar-track{background:#f8f9ff;border:0px none #ffffff;border-radius:50px}::-webkit-scrollbar-track:hover{background:#d1d5db}::-webkit-scrollbar-track:active{background:#d1d5db}::-webkit-scrollbar-corner{background:transparent}*{box-sizing:border-box}.oc-modal-bg{display:flex;justify-content:center;align-items:center;padding:1rem;background-color:#00000080;position:fixed;top:0;left:0;width:100%;height:100%;z-index:20}.oc-modal{animation:show-up-modal .3s ease;width:100%;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;background-color:#f8f9ff;border-radius:1rem}.oc-modal-footer{width:100%;display:flex;justify-content:flex-end;align-items:center;gap:.5rem}.oc-modal-content{margin:0;padding:0;max-height:80vh;overflow-y:auto}.oc-modal-header{display:flex;align-items:center;justify-content:space-between;padding:0;margin:0;position:sticky;top:0;width:100%}.oc-modal-header h3{margin:0;padding:0;margin-bottom:2rem;font-size:1.5rem;color:#353535}.oc-modal-header .oc-close-btn{margin:0;margin-right:.5rem;padding:0;border:none;background-color:transparent;color:#d1d5db;width:15px;height:15px;border-radius:50%;transition:.15s ease;cursor:pointer;position:absolute;top:0;right:0}.oc-modal-header .oc-close-btn span{transition:.15s ease}.oc-modal-header .oc-close-btn:hover span{color:#8f9596}.small{width:400px}.medium{width:600px}.large{width:800px}.closing{animation:closeModal .15s ease}.closing-bg{transition:.1s ease;opacity:0}@keyframes show-up-modal{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes closeModal{0%{opacity:1}to{opacity:.5;transform:scale(.5)}}\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 }); }
|
|
234
234
|
}
|
|
235
235
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcModalComponent, decorators: [{
|
|
236
236
|
type: Component,
|
|
237
|
-
args: [{ selector: 'oc-modal', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"oc-modal-bg\" *ngIf=\"isOpen\" [ngClass]=\"{'closing-bg': closing}\">\n <div class=\"oc-modal\" [ngClass]=\"{large: ocSize === 'large', medium: ocSize === 'medium', small: ocSize === 'small', closing: closing}\">\n <header class=\"oc-modal-header\">\n <h3 *ngIf=\"ocTitle.trim().length > 0\">{{ocTitle}}</h3>\n <button (click)=\"close()\" class=\"oc-close-btn\">\n <span class=\"material-symbols-outlined md-18\" title=\"Fechar\">close</span>\n </button>\n </header>\n <div class=\"oc-modal-content\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>", styles: [".oc.button{height:3rem;padding:0 2rem;background-color:#d1d5db;color:#353535;border-radius:.5rem;border:none;font-weight:500;font-size:1rem;transition:.15s ease;display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer}.oc.button.align-left{padding-left:1rem}.oc.button.align-right{padding-right:1rem}.oc.button:hover{filter:brightness(.95)}.oc.button:active{transform:translateY(1.5px)}.oc.button.no-bg{color:#8f9596;background-color:transparent}.oc.button.no-bg:hover{background-color:#f8f9ff}.oc.button.error{background-color:#ed3a3a;color:#f8f9ff}.oc.button.p-1{background-color:#5505a2;color:#f8f9ff}.oc.button.p-2{background-color:#1e0832;color:#f8f9ff}.oc.button.p-3{background-color:#7737b5;color:#f8f9ff}.oc.button.p-4{background-color:#9969c7;color:#f8f9ff}.oc.button.g-1{background-color:#00dda3;color:#1e0832}.oc.button.g-2{background-color:#1ae0ac;color:#1e0832}.oc.button.g-3{background-color:#33e4b5;color:#1e0832}.oc.button.g-4{background-color:#94ffe3;color:#1e0832}.oc.button.gray-1{background-color:#d1d5db;color:#353535}.oc.button.gray-2{background-color:#8f9596;color:#f8f9ff}.oc.button.gray-3{background-color:#7e8485;color:#f8f9ff}.oc.button.gray-4{background-color:#353535;color:#f8f9ff}.oc.button.small{height:2.5rem!important}.oc.button.large{height:3.5rem!important}.oc.button.icon{height:3rem;width:3rem;padding:0}.oc.button.icon.small{width:2.5rem!important;padding:0}.oc.button.icon.large{width:3.5rem!important;padding:0}.oc.button.outlined{background-color:transparent;border:2px solid}.oc.button.outlined.p-1{color:#5505a2}.oc.button.outlined.p-2{color:#1e0832}.oc.button.outlined.p-3{color:#7737b5}.oc.button.outlined.p-4{color:#9969c7}.oc.button.outlined.g-1{color:#00dda3}.oc.button.outlined.g-2{color:#1ae0ac}.oc.button.outlined.g-3{color:#33e4b5}.oc.button.outlined.g-4{color:#94ffe3}.oc.button.outlined.gray-1{color:#8f9596}.oc.button.outlined.gray-2{color:#7e8485}.oc.button.outlined.gray-3{color:#353535}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-button{width:0px;height:0px}::-webkit-scrollbar-thumb{background:#5505a2;border:0px none #ffffff;border-radius:52px}::-webkit-scrollbar-thumb:hover{background:#5505a2}::-webkit-scrollbar-thumb:active{background:#5505a2}::-webkit-scrollbar-track{background:#f8f9ff;border:0px none #ffffff;border-radius:50px}::-webkit-scrollbar-track:hover{background:#d1d5db}::-webkit-scrollbar-track:active{background:#d1d5db}::-webkit-scrollbar-corner{background:transparent}*{box-sizing:border-box}.oc-modal-bg{display:flex;justify-content:center;align-items:center;padding:1rem;background-color:#00000080;position:fixed;top:0;left:0;width:100%;height:100%;z-index:20}.oc-modal{animation:show-up-modal .3s ease;width:100%;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;background-color:#f8f9ff;border-radius:1rem}.oc-modal-footer{width:100%;display:flex;justify-content:flex-end;align-items:center;gap:.5rem}.oc-modal-content{margin:0;padding:0;max-height:80vh;overflow-y:auto}.oc-modal-header{display:flex;align-items:center;justify-content:space-between;padding:0;margin:0;position:sticky;top:0;width:100%}.oc-modal-header h3{margin:0;padding:0;margin-bottom:2rem;font-size:1.5rem;color:#353535}.oc-modal-header .oc-close-btn{margin:0;margin-right:.5rem;padding:0;border:none;background-color:transparent;color:#d1d5db;width:15px;height:15px;border-radius:50%;transition:.15s ease;cursor:pointer;position:absolute;top:0;right:0}.oc-modal-header .oc-close-btn span{transition:.15s ease}.oc-modal-header .oc-close-btn:hover span{color:#8f9596}.small{width:400px}.medium{width:600px}.large{width:800px}.closing{animation:closeModal .15s ease}.closing-bg{transition:.1s ease;opacity:0}@keyframes show-up-modal{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes closeModal{0%{opacity:1}to{opacity:.5;transform:scale(.5)}}\n"] }]
|
|
237
|
+
args: [{ selector: 'oc-modal', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"oc-modal-bg\" *ngIf=\"isOpen\" [ngClass]=\"{'closing-bg': closing}\">\n <div class=\"oc-modal\" [ngClass]=\"{large: ocSize === 'large', medium: ocSize === 'medium', small: ocSize === 'small', closing: closing}\">\n <header class=\"oc-modal-header\">\n <h3 *ngIf=\"ocTitle.trim().length > 0\">{{ocTitle}}</h3>\n <button (click)=\"close()\" class=\"oc-close-btn\">\n <span class=\"material-symbols-outlined md-18\" title=\"Fechar\">close</span>\n </button>\n </header>\n <div class=\"oc-modal-content\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap\";.oc.button{height:3rem;padding:0 2rem;background-color:#d1d5db;color:#353535;border-radius:.5rem;border:none;font-weight:500;font-size:1rem;transition:.15s ease;display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer}.oc.button.align-left{padding-left:1rem}.oc.button.align-right{padding-right:1rem}.oc.button:hover{filter:brightness(.95)}.oc.button:active{transform:translateY(1.5px)}.oc.button.no-bg{color:#8f9596;background-color:transparent}.oc.button.no-bg:hover{background-color:#f8f9ff}.oc.button.error{background-color:#ed3a3a;color:#f8f9ff}.oc.button.p-1{background-color:#5505a2;color:#f8f9ff}.oc.button.p-2{background-color:#1e0832;color:#f8f9ff}.oc.button.p-3{background-color:#7737b5;color:#f8f9ff}.oc.button.p-4{background-color:#9969c7;color:#f8f9ff}.oc.button.g-1{background-color:#00dda3;color:#1e0832}.oc.button.g-2{background-color:#1ae0ac;color:#1e0832}.oc.button.g-3{background-color:#33e4b5;color:#1e0832}.oc.button.g-4{background-color:#94ffe3;color:#1e0832}.oc.button.gray-1{background-color:#d1d5db;color:#353535}.oc.button.gray-2{background-color:#8f9596;color:#f8f9ff}.oc.button.gray-3{background-color:#7e8485;color:#f8f9ff}.oc.button.gray-4{background-color:#353535;color:#f8f9ff}.oc.button.small{height:2.5rem!important}.oc.button.large{height:3.5rem!important}.oc.button.icon{height:3rem;width:3rem;padding:0}.oc.button.icon.small{width:2.5rem!important;padding:0}.oc.button.icon.large{width:3.5rem!important;padding:0}.oc.button.outlined{background-color:transparent;border:2px solid}.oc.button.outlined.p-1{color:#5505a2}.oc.button.outlined.p-2{color:#1e0832}.oc.button.outlined.p-3{color:#7737b5}.oc.button.outlined.p-4{color:#9969c7}.oc.button.outlined.g-1{color:#00dda3}.oc.button.outlined.g-2{color:#1ae0ac}.oc.button.outlined.g-3{color:#33e4b5}.oc.button.outlined.g-4{color:#94ffe3}.oc.button.outlined.gray-1{color:#8f9596}.oc.button.outlined.gray-2{color:#7e8485}.oc.button.outlined.gray-3{color:#353535}*{font-family:Ubuntu,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-button{width:0px;height:0px}::-webkit-scrollbar-thumb{background:#5505a2;border:0px none #ffffff;border-radius:52px}::-webkit-scrollbar-thumb:hover{background:#5505a2}::-webkit-scrollbar-thumb:active{background:#5505a2}::-webkit-scrollbar-track{background:#f8f9ff;border:0px none #ffffff;border-radius:50px}::-webkit-scrollbar-track:hover{background:#d1d5db}::-webkit-scrollbar-track:active{background:#d1d5db}::-webkit-scrollbar-corner{background:transparent}*{box-sizing:border-box}.oc-modal-bg{display:flex;justify-content:center;align-items:center;padding:1rem;background-color:#00000080;position:fixed;top:0;left:0;width:100%;height:100%;z-index:20}.oc-modal{animation:show-up-modal .3s ease;width:100%;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;background-color:#f8f9ff;border-radius:1rem}.oc-modal-footer{width:100%;display:flex;justify-content:flex-end;align-items:center;gap:.5rem}.oc-modal-content{margin:0;padding:0;max-height:80vh;overflow-y:auto}.oc-modal-header{display:flex;align-items:center;justify-content:space-between;padding:0;margin:0;position:sticky;top:0;width:100%}.oc-modal-header h3{margin:0;padding:0;margin-bottom:2rem;font-size:1.5rem;color:#353535}.oc-modal-header .oc-close-btn{margin:0;margin-right:.5rem;padding:0;border:none;background-color:transparent;color:#d1d5db;width:15px;height:15px;border-radius:50%;transition:.15s ease;cursor:pointer;position:absolute;top:0;right:0}.oc-modal-header .oc-close-btn span{transition:.15s ease}.oc-modal-header .oc-close-btn:hover span{color:#8f9596}.small{width:400px}.medium{width:600px}.large{width:800px}.closing{animation:closeModal .15s ease}.closing-bg{transition:.1s ease;opacity:0}@keyframes show-up-modal{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes closeModal{0%{opacity:1}to{opacity:.5;transform:scale(.5)}}\n"] }]
|
|
238
238
|
}], propDecorators: { ocTitle: [{
|
|
239
239
|
type: Input
|
|
240
240
|
}], ocSize: [{
|
|
@@ -289,15 +289,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImpor
|
|
|
289
289
|
|
|
290
290
|
class OcModalFooterComponent {
|
|
291
291
|
constructor() {
|
|
292
|
-
this.
|
|
292
|
+
this.ocSide = 'right';
|
|
293
293
|
}
|
|
294
294
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcModalFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
295
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: OcModalFooterComponent, isStandalone: true, selector: "oc-modal-footer", inputs: {
|
|
295
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: OcModalFooterComponent, isStandalone: true, selector: "oc-modal-footer", inputs: { ocSide: "ocSide" }, ngImport: i0, template: "<footer class=\"oc-modal-footer\" [ngClass]=\"{\n 'left': ocSide === 'left',\n 'right': ocSide === 'right'\n}\">\n <ng-content></ng-content>\n</footer>", styles: [".oc-modal-footer{display:flex;align-items:center;gap:1rem;width:100%;margin-top:1.5rem;padding-bottom:2px}.left{justify-content:flex-start}.right{justify-content:flex-end}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
296
296
|
}
|
|
297
297
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcModalFooterComponent, decorators: [{
|
|
298
298
|
type: Component,
|
|
299
|
-
args: [{ selector: 'oc-modal-footer', standalone: true, imports: [CommonModule], template: "<footer class=\"oc-modal-footer\" [ngClass]=\"{\n 'left':
|
|
300
|
-
}], propDecorators: {
|
|
299
|
+
args: [{ selector: 'oc-modal-footer', standalone: true, imports: [CommonModule], template: "<footer class=\"oc-modal-footer\" [ngClass]=\"{\n 'left': ocSide === 'left',\n 'right': ocSide === 'right'\n}\">\n <ng-content></ng-content>\n</footer>", styles: [".oc-modal-footer{display:flex;align-items:center;gap:1rem;width:100%;margin-top:1.5rem;padding-bottom:2px}.left{justify-content:flex-start}.right{justify-content:flex-end}\n"] }]
|
|
300
|
+
}], propDecorators: { ocSide: [{
|
|
301
301
|
type: Input
|
|
302
302
|
}] } });
|
|
303
303
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"otimus-library.mjs","sources":["../../../projects/otimus-library/src/lib/otimus-library.service.ts","../../../projects/otimus-library/src/lib/otimus-library.component.ts","../../../projects/otimus-library/src/lib/components/oc-table/oc-table.component.ts","../../../projects/otimus-library/src/lib/components/oc-table/oc-table.component.html","../../../projects/otimus-library/src/lib/components/oc-badge/oc-badge.component.ts","../../../projects/otimus-library/src/lib/components/oc-badge/oc-badge.component.html","../../../projects/otimus-library/src/lib/components/oc-filter/oc-filter.component.ts","../../../projects/otimus-library/src/lib/components/oc-filter/oc-filter.component.html","../../../projects/otimus-library/src/lib/directives/oc-tooltip/oc-tooltip.directive.ts","../../../projects/otimus-library/src/lib/components/oc-input/oc-input.component.ts","../../../projects/otimus-library/src/lib/components/oc-input/oc-input.component.html","../../../projects/otimus-library/src/lib/components/oc-modal/oc-modal.component.ts","../../../projects/otimus-library/src/lib/components/oc-modal/oc-modal.component.html","../../../projects/otimus-library/src/lib/components/oc-key-value/oc-key-value.component.ts","../../../projects/otimus-library/src/lib/components/oc-key-value/oc-key-value.component.html","../../../projects/otimus-library/src/lib/components/oc-chip/oc-chip.component.ts","../../../projects/otimus-library/src/lib/components/oc-chip/oc-chip.component.html","../../../projects/otimus-library/src/lib/components/oc-modal-footer/oc-modal-footer.component.ts","../../../projects/otimus-library/src/lib/components/oc-modal-footer/oc-modal-footer.component.html","../../../projects/otimus-library/src/public-api.ts","../../../projects/otimus-library/src/otimus-library.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class OtimusLibraryService {\r\n\r\n constructor() { }\r\n}\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'lib-otimus-library',\r\n standalone: true,\r\n imports: [],\r\n template: `\r\n <p>\r\n otimus-library works!\r\n </p>\r\n `,\r\n styles: ``\r\n})\r\nexport class OtimusLibraryComponent {\r\n\r\n}\r\n","import { Component, Input, OnInit } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport {CdkTableModule} from '@angular/cdk/table'\r\n\r\n\r\n@Component({\r\n selector: 'oc-table',\r\n standalone: true,\r\n imports: [CommonModule, CdkTableModule],\r\n templateUrl: './oc-table.component.html',\r\n styleUrls: ['./oc-table.component.scss']\r\n})\r\nexport class OcTableComponent implements OnInit {\r\n\r\n @Input() columns: string[] = []\r\n @Input() dataSource: any[] = []\r\n keys: string[] = []\r\n\r\n ngOnInit(): void {\r\n if(!this.dataSource.length) return\r\n\r\n this.keys = Object.keys(this.dataSource[0])\r\n }\r\n}\r\n","<table cdk-table [dataSource]=\"dataSource\">\r\n\r\n <ng-container *ngFor=\"let column of columns; let i = index\" [cdkColumnDef]=\"column\">\r\n <th cdk-header-cell *cdkHeaderCellDef> {{column}} </th>\r\n <td cdk-cell *cdkCellDef=\"let row\"> {{row[keys[i]]}} </td>\r\n </ng-container>\r\n\r\n <tr cdk-header-row *cdkHeaderRowDef=\"columns\"></tr>\r\n <tr cdk-row *cdkRowDef=\"let row; columns: columns\"></tr>\r\n</table>\r\n","import { CommonModule } from '@angular/common';\r\nimport { Component, Input, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'oc-badge',\r\n standalone: true,\r\n imports: [CommonModule],\r\n templateUrl: './oc-badge.component.html',\r\n styleUrl: './oc-badge.component.scss'\r\n})\r\nexport class OcBadgeComponent implements OnInit {\r\n @Input() ocSize: 'small' | 'medium' | 'large' = 'small'\r\n @Input() ocColor: 'notification' | 'brand-g' | 'brand-p' | 'success' | 'warning' = 'notification'\r\n @Input() ocWaved: boolean = false\r\n\r\n classList: string[] = []\r\n\r\n ngOnInit(): void {\r\n this.classList.push(this.ocSize, this.ocColor)\r\n if(this.ocWaved) this.classList.push('waved')\r\n }\r\n}\r\n","<div>\r\n <div class=\"oc-badge\" [ngClass]=\"classList\">\r\n <ng-content>\r\n \r\n </ng-content>\r\n </div>\r\n</div>\r\n","import { CommonModule } from '@angular/common';\r\nimport { Component, Input } from '@angular/core';\r\nimport { OcBadgeComponent } from '../oc-badge/oc-badge.component';\r\n\r\n@Component({\r\n selector: 'oc-filter',\r\n standalone: true,\r\n imports: [CommonModule, OcBadgeComponent],\r\n templateUrl: './oc-filter.component.html',\r\n styleUrl: './oc-filter.component.scss'\r\n})\r\nexport class OcFilterComponent {\r\n isOpen: boolean = false\r\n @Input() ocText: string = 'Filtros'\r\n @Input() ocActive: number = 0\r\n @Input() ocSide: 'left' | 'right' = 'left'\r\n\r\n toggleOpen() {\r\n this.isOpen = !this.isOpen\r\n }\r\n}\r\n","<div class=\"oc-filter-row\" [ngClass]=\"{\r\n reverse: ocSide === 'right'\r\n}\">\r\n <button class=\"oc-filter-btn\" (click)=\"toggleOpen()\">\r\n <span class=\"material-symbols-outlined md-18\">filter_list</span>\r\n {{ocText}}\r\n <div class=\"badge\">\r\n <oc-badge *ngIf=\"ocActive > 0\" ocSize=\"small\" ocColor=\"success\" [ocWaved]=\"true\">{{ocActive}}</oc-badge>\r\n </div>\r\n </button>\r\n \r\n <div class=\"filter-row-content\">\r\n <ng-content select=\"[row]\"></ng-content>\r\n </div>\r\n \r\n</div>\r\n<div *ngIf=\"isOpen\" class=\"oc-filter-content\">\r\n <ng-content select=\"[body]\">\r\n </ng-content>\r\n</div>\r\n","import { Directive, ElementRef, HostListener, Input, Renderer2 } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[ocTooltip]',\r\n standalone: true\r\n})\r\nexport class OcTooltipDirective {\r\n constructor(private elRef: ElementRef, private renderer: Renderer2) { }\r\n\r\n @Input() content: string = ''\r\n @Input() side: 'bottom' | 'upon' | 'left' | 'right' = 'bottom'\r\n\r\n created:boolean = false\r\n\r\n createToolTip() {\r\n if(this.created) return\r\n\r\n const tooltip = this.renderer.createElement('div')\r\n const text = this.renderer.createText(this.content)\r\n\r\n this.renderer.appendChild(tooltip, text)\r\n this.renderer.setStyle(tooltip, 'margin', '0')\r\n this.renderer.addClass(tooltip, 'oc-tooltip')\r\n this.renderer.setStyle(tooltip, 'position', 'absolute')\r\n this.renderer.setStyle(tooltip, 'padding', '0.4rem 0.8rem')\r\n this.renderer.setStyle(tooltip, 'font-size', '0.9rem')\r\n this.renderer.setStyle(tooltip, 'font-weight', '600')\r\n this.renderer.setStyle(tooltip, 'color', '#7E8485')\r\n this.renderer.setStyle(tooltip, 'border', '1px solid #FFFFFF')\r\n this.renderer.setStyle(tooltip, 'background-color', '#F8F9FF')\r\n this.renderer.setStyle(tooltip, 'border-radius','1rem')\r\n this.renderer.setStyle(tooltip, 'box-shadow', '0px 3px 6.5px 0px rgba(0, 0, 0, 0.20)')\r\n this.renderer.setStyle(tooltip, 'transition', '0.1s ease')\r\n this.renderer.setStyle(tooltip, 'max-width', '400px')\r\n\r\n const width = this.elRef.nativeElement.offsetWidth\r\n const height = this.elRef.nativeElement.offsetHeight\r\n\r\n this.renderer.setStyle(tooltip, 'transform', `translateY(${height - 10}px)`)\r\n\r\n if (this.side === 'right') {\r\n this.renderer.setStyle(tooltip, 'transform', `translateX(${width + 20}px) translateY(-50%)`)\r\n } else if (this.side === 'left') {\r\n this.renderer.setStyle(tooltip, 'transform', `translateX(-${width + 20}px) translateY(-50%)`)\r\n } else if (this.side === 'upon') {\r\n this.renderer.setStyle(tooltip, 'transform', `translateY(-${height + 40}px)`)\r\n }\r\n\r\n this.created = true\r\n return tooltip\r\n }\r\n\r\n @HostListener('mouseover')\r\n onMouseOver() {\r\n const tooltip = this.createToolTip()\r\n this.renderer.appendChild(this.elRef.nativeElement, tooltip)\r\n }\r\n\r\n @HostListener('mouseout')\r\n onMouseOut() {\r\n const tooltip = this.elRef.nativeElement.querySelector('.oc-tooltip')\r\n if(tooltip){\r\n this.renderer.removeChild(this.elRef.nativeElement, tooltip)\r\n this.created = false\r\n }\r\n }\r\n}\r\n","import { CommonModule } from '@angular/common';\r\nimport { AfterViewInit, Component, ElementRef, Input, Renderer2, ViewEncapsulation } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'oc-input',\r\n standalone: true,\r\n imports: [CommonModule],\r\n templateUrl: './oc-input.component.html',\r\n styleUrls: ['./oc-input.component.scss'],\r\n encapsulation: ViewEncapsulation.None\r\n})\r\nexport class OcInputComponent implements AfterViewInit {\r\n @Input() ocError?: string;\r\n @Input() ocSize?: 'small' | 'medium' | 'large' = 'medium';\r\n @Input() ocPlaceholder: string = '';\r\n inputId: string = `oc-${Math.random()}`;\r\n\r\n constructor(private el: ElementRef, private renderer: Renderer2) {}\r\n\r\n ngAfterViewInit() {\r\n const inputBox = this.el.nativeElement;\r\n\r\n if (inputBox) {\r\n const inputElement = inputBox.querySelector('input');\r\n\r\n if (inputElement) {\r\n this.renderer.setAttribute(inputElement, 'placeholder', '');\r\n }\r\n }\r\n }\r\n}\r\n","<div class=\"oc-input-box\" [ngClass]=\"{\r\n 'small': ocSize === 'small',\r\n 'large': ocSize === 'large',\r\n error: !!ocError\r\n}\" [id]=\"inputId\">\r\n <ng-content></ng-content>\r\n <label>{{ocPlaceholder}}</label>\r\n <small\r\n *ngIf=\"ocError\"\r\n class=\"error-msg\"\r\n >{{ocError}}</small>\r\n</div>\r\n","import { CommonModule } from '@angular/common';\nimport { Component, ContentChild, ElementRef, Input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'oc-modal',\n standalone: true,\n imports: [CommonModule],\n templateUrl: './oc-modal.component.html',\n styleUrl: './oc-modal.component.scss',\n encapsulation: ViewEncapsulation.None\n})\nexport class OcModalComponent {\n @Input() ocTitle: string = ''\n @Input() ocSize: 'small' | 'medium' |'large' = 'medium'\n\n isOpen: boolean = false\n\n closing: boolean = false\n\n open() {\n this.isOpen = true\n }\n close() {\n this.closing = true\n setTimeout(() => {\n this.isOpen = false\n this.closing = false\n },100)\n }\n}\n","<div class=\"oc-modal-bg\" *ngIf=\"isOpen\" [ngClass]=\"{'closing-bg': closing}\">\n <div class=\"oc-modal\" [ngClass]=\"{large: ocSize === 'large', medium: ocSize === 'medium', small: ocSize === 'small', closing: closing}\">\n <header class=\"oc-modal-header\">\n <h3 *ngIf=\"ocTitle.trim().length > 0\">{{ocTitle}}</h3>\n <button (click)=\"close()\" class=\"oc-close-btn\">\n <span class=\"material-symbols-outlined md-18\" title=\"Fechar\">close</span>\n </button>\n </header>\n <div class=\"oc-modal-content\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>","import { Component, Input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'oc-key-value',\n standalone: true,\n imports: [],\n templateUrl: './oc-key-value.component.html',\n styleUrl: './oc-key-value.component.scss',\n encapsulation: ViewEncapsulation.None\n})\nexport class OcKeyValueComponent {\n @Input() ocKey: string = ''\n @Input() ocValue: string = ''\n}\n","<div class=\"oc-key-value\">\n <!-- Ícone -->\n <ng-content></ng-content>\n <p>\n @if (ocKey) {\n <span>{{ocKey}}:</span>\n }\n {{ocValue}}\n </p>\n</div>","import { CommonModule } from '@angular/common';\nimport { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n selector: 'oc-chip',\n standalone: true,\n imports: [CommonModule],\n templateUrl: './oc-chip.component.html',\n styleUrl: './oc-chip.component.scss'\n})\nexport class OcChipComponent {\n @Input() ocSelected: boolean = false\n @Input() ocType: 'select' | 'remove' | 'tag' = 'select'\n @Input() ocBg: 'green' | 'red' = 'green'\n @Input() ocText: string = ''\n @Output() ocClick: EventEmitter<any> = new EventEmitter<any>\n\n ocEvent() {\n this.ocClick.emit()\n }\n}\n","<button\n [ngClass]=\"{\n 'oc-chip': true,\n selected: ocSelected,\n 'not-selectable': ocType !== 'select',\n 'tag': ocType === 'tag',\n 'remove': ocType === 'remove',\n 'green-bg': ocBg === 'green',\n 'red-bg': ocBg === 'red'\n }\"\n type=\"button\"\n [title]=\"ocText\"\n (click)=\"ocType === 'select' ? ocEvent() : null\"\n>\n <ng-content></ng-content>\n @if (ocType === 'remove') {\n <span class=\"material-symbols-outlined\" (click)=\"ocEvent()\">close</span>\n }\n</button>\n","import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'oc-modal-footer',\n standalone: true,\n imports: [CommonModule],\n templateUrl: './oc-modal-footer.component.html',\n styleUrl: './oc-modal-footer.component.scss'\n})\nexport class OcModalFooterComponent {\n @Input() side: 'left' | 'right' = 'right'\n}\n","<footer class=\"oc-modal-footer\" [ngClass]=\"{\n 'left': side === 'left',\n 'right': side === 'right'\n}\">\n <ng-content></ng-content>\n</footer>","\r\n/*\r\n* Public API Surface of otimus-library\r\n*/\r\n\r\nexport * from './lib/otimus-library.service'\r\nexport * from './lib/otimus-library.component'\r\nexport * from './lib/components/oc-table/oc-table.component'\r\nexport * from './lib/components/oc-badge/oc-badge.component'\r\nexport * from './lib/components/oc-filter/oc-filter.component'\r\nexport * from './lib/directives/oc-tooltip/oc-tooltip.directive'\r\nexport * from './lib/components/oc-input/oc-input.component'\r\nexport * from './lib/components/oc-modal/oc-modal.component'\r\nexport * from './lib/components/oc-key-value/oc-key-value.component'\r\nexport * from './lib/components/oc-chip/oc-chip.component'\r\nexport * from './lib/components/oc-modal-footer/oc-modal-footer.component'","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"otimus-library.mjs","sources":["../../../projects/otimus-library/src/lib/otimus-library.service.ts","../../../projects/otimus-library/src/lib/otimus-library.component.ts","../../../projects/otimus-library/src/lib/components/oc-table/oc-table.component.ts","../../../projects/otimus-library/src/lib/components/oc-table/oc-table.component.html","../../../projects/otimus-library/src/lib/components/oc-badge/oc-badge.component.ts","../../../projects/otimus-library/src/lib/components/oc-badge/oc-badge.component.html","../../../projects/otimus-library/src/lib/components/oc-filter/oc-filter.component.ts","../../../projects/otimus-library/src/lib/components/oc-filter/oc-filter.component.html","../../../projects/otimus-library/src/lib/directives/oc-tooltip/oc-tooltip.directive.ts","../../../projects/otimus-library/src/lib/components/oc-input/oc-input.component.ts","../../../projects/otimus-library/src/lib/components/oc-input/oc-input.component.html","../../../projects/otimus-library/src/lib/components/oc-modal/oc-modal.component.ts","../../../projects/otimus-library/src/lib/components/oc-modal/oc-modal.component.html","../../../projects/otimus-library/src/lib/components/oc-key-value/oc-key-value.component.ts","../../../projects/otimus-library/src/lib/components/oc-key-value/oc-key-value.component.html","../../../projects/otimus-library/src/lib/components/oc-chip/oc-chip.component.ts","../../../projects/otimus-library/src/lib/components/oc-chip/oc-chip.component.html","../../../projects/otimus-library/src/lib/components/oc-modal-footer/oc-modal-footer.component.ts","../../../projects/otimus-library/src/lib/components/oc-modal-footer/oc-modal-footer.component.html","../../../projects/otimus-library/src/public-api.ts","../../../projects/otimus-library/src/otimus-library.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class OtimusLibraryService {\r\n\r\n constructor() { }\r\n}\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'lib-otimus-library',\r\n standalone: true,\r\n imports: [],\r\n template: `\r\n <p>\r\n otimus-library works!\r\n </p>\r\n `,\r\n styles: ``\r\n})\r\nexport class OtimusLibraryComponent {\r\n\r\n}\r\n","import { Component, Input, OnInit } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport {CdkTableModule} from '@angular/cdk/table'\r\n\r\n\r\n@Component({\r\n selector: 'oc-table',\r\n standalone: true,\r\n imports: [CommonModule, CdkTableModule],\r\n templateUrl: './oc-table.component.html',\r\n styleUrls: ['./oc-table.component.scss']\r\n})\r\nexport class OcTableComponent implements OnInit {\r\n\r\n @Input() columns: string[] = []\r\n @Input() dataSource: any[] = []\r\n keys: string[] = []\r\n\r\n ngOnInit(): void {\r\n if(!this.dataSource.length) return\r\n\r\n this.keys = Object.keys(this.dataSource[0])\r\n }\r\n}\r\n","<table cdk-table [dataSource]=\"dataSource\">\r\n\r\n <ng-container *ngFor=\"let column of columns; let i = index\" [cdkColumnDef]=\"column\">\r\n <th cdk-header-cell *cdkHeaderCellDef> {{column}} </th>\r\n <td cdk-cell *cdkCellDef=\"let row\"> {{row[keys[i]]}} </td>\r\n </ng-container>\r\n\r\n <tr cdk-header-row *cdkHeaderRowDef=\"columns\"></tr>\r\n <tr cdk-row *cdkRowDef=\"let row; columns: columns\"></tr>\r\n</table>\r\n","import { CommonModule } from '@angular/common';\r\nimport { Component, Input, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'oc-badge',\r\n standalone: true,\r\n imports: [CommonModule],\r\n templateUrl: './oc-badge.component.html',\r\n styleUrl: './oc-badge.component.scss'\r\n})\r\nexport class OcBadgeComponent implements OnInit {\r\n @Input() ocSize: 'small' | 'medium' | 'large' = 'small'\r\n @Input() ocColor: 'notification' | 'brand-g' | 'brand-p' | 'success' | 'warning' = 'notification'\r\n @Input() ocWaved: boolean = false\r\n\r\n classList: string[] = []\r\n\r\n ngOnInit(): void {\r\n this.classList.push(this.ocSize, this.ocColor)\r\n if(this.ocWaved) this.classList.push('waved')\r\n }\r\n}\r\n","<div>\r\n <div class=\"oc-badge\" [ngClass]=\"classList\">\r\n <ng-content>\r\n \r\n </ng-content>\r\n </div>\r\n</div>\r\n","import { CommonModule } from '@angular/common';\r\nimport { Component, Input } from '@angular/core';\r\nimport { OcBadgeComponent } from '../oc-badge/oc-badge.component';\r\n\r\n@Component({\r\n selector: 'oc-filter',\r\n standalone: true,\r\n imports: [CommonModule, OcBadgeComponent],\r\n templateUrl: './oc-filter.component.html',\r\n styleUrl: './oc-filter.component.scss'\r\n})\r\nexport class OcFilterComponent {\r\n isOpen: boolean = false\r\n @Input() ocText: string = 'Filtros'\r\n @Input() ocActive: number = 0\r\n @Input() ocSide: 'left' | 'right' = 'left'\r\n\r\n toggleOpen() {\r\n this.isOpen = !this.isOpen\r\n }\r\n}\r\n","<div class=\"oc-filter-row\" [ngClass]=\"{\r\n reverse: ocSide === 'right'\r\n}\">\r\n <button class=\"oc-filter-btn\" (click)=\"toggleOpen()\">\r\n <span class=\"material-symbols-outlined md-18\">filter_list</span>\r\n {{ocText}}\r\n <div class=\"badge\">\r\n <oc-badge *ngIf=\"ocActive > 0\" ocSize=\"small\" ocColor=\"success\" [ocWaved]=\"true\">{{ocActive}}</oc-badge>\r\n </div>\r\n </button>\r\n \r\n <div class=\"filter-row-content\">\r\n <ng-content select=\"[row]\"></ng-content>\r\n </div>\r\n \r\n</div>\r\n<div *ngIf=\"isOpen\" class=\"oc-filter-content\">\r\n <ng-content select=\"[body]\">\r\n </ng-content>\r\n</div>\r\n","import { Directive, ElementRef, HostListener, Input, Renderer2 } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[ocTooltip]',\r\n standalone: true\r\n})\r\nexport class OcTooltipDirective {\r\n constructor(private elRef: ElementRef, private renderer: Renderer2) { }\r\n\r\n @Input() content: string = ''\r\n @Input() side: 'bottom' | 'upon' | 'left' | 'right' = 'bottom'\r\n\r\n created:boolean = false\r\n\r\n createToolTip() {\r\n if(this.created) return\r\n\r\n const tooltip = this.renderer.createElement('div')\r\n const text = this.renderer.createText(this.content)\r\n\r\n this.renderer.appendChild(tooltip, text)\r\n this.renderer.setStyle(tooltip, 'margin', '0')\r\n this.renderer.addClass(tooltip, 'oc-tooltip')\r\n this.renderer.setStyle(tooltip, 'position', 'absolute')\r\n this.renderer.setStyle(tooltip, 'padding', '0.4rem 0.8rem')\r\n this.renderer.setStyle(tooltip, 'font-size', '0.9rem')\r\n this.renderer.setStyle(tooltip, 'font-weight', '600')\r\n this.renderer.setStyle(tooltip, 'color', '#7E8485')\r\n this.renderer.setStyle(tooltip, 'border', '1px solid #FFFFFF')\r\n this.renderer.setStyle(tooltip, 'background-color', '#F8F9FF')\r\n this.renderer.setStyle(tooltip, 'border-radius','1rem')\r\n this.renderer.setStyle(tooltip, 'box-shadow', '0px 3px 6.5px 0px rgba(0, 0, 0, 0.20)')\r\n this.renderer.setStyle(tooltip, 'transition', '0.1s ease')\r\n this.renderer.setStyle(tooltip, 'max-width', '400px')\r\n\r\n const width = this.elRef.nativeElement.offsetWidth\r\n const height = this.elRef.nativeElement.offsetHeight\r\n\r\n this.renderer.setStyle(tooltip, 'transform', `translateY(${height - 10}px)`)\r\n\r\n if (this.side === 'right') {\r\n this.renderer.setStyle(tooltip, 'transform', `translateX(${width + 20}px) translateY(-50%)`)\r\n } else if (this.side === 'left') {\r\n this.renderer.setStyle(tooltip, 'transform', `translateX(-${width + 20}px) translateY(-50%)`)\r\n } else if (this.side === 'upon') {\r\n this.renderer.setStyle(tooltip, 'transform', `translateY(-${height + 40}px)`)\r\n }\r\n\r\n this.created = true\r\n return tooltip\r\n }\r\n\r\n @HostListener('mouseover')\r\n onMouseOver() {\r\n const tooltip = this.createToolTip()\r\n this.renderer.appendChild(this.elRef.nativeElement, tooltip)\r\n }\r\n\r\n @HostListener('mouseout')\r\n onMouseOut() {\r\n const tooltip = this.elRef.nativeElement.querySelector('.oc-tooltip')\r\n if(tooltip){\r\n this.renderer.removeChild(this.elRef.nativeElement, tooltip)\r\n this.created = false\r\n }\r\n }\r\n}\r\n","import { CommonModule } from '@angular/common';\r\nimport { AfterViewInit, Component, ElementRef, Input, Renderer2, ViewEncapsulation } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'oc-input',\r\n standalone: true,\r\n imports: [CommonModule],\r\n templateUrl: './oc-input.component.html',\r\n styleUrls: ['./oc-input.component.scss'],\r\n encapsulation: ViewEncapsulation.None\r\n})\r\nexport class OcInputComponent implements AfterViewInit {\r\n @Input() ocError?: string;\r\n @Input() ocSize?: 'small' | 'medium' | 'large' = 'medium';\r\n @Input() ocPlaceholder: string = '';\r\n inputId: string = `oc-${Math.random()}`;\r\n\r\n constructor(private el: ElementRef, private renderer: Renderer2) {}\r\n\r\n ngAfterViewInit() {\r\n const inputBox = this.el.nativeElement;\r\n\r\n if (inputBox) {\r\n const inputElement = inputBox.querySelector('input');\r\n\r\n if (inputElement) {\r\n this.renderer.setAttribute(inputElement, 'placeholder', '');\r\n }\r\n }\r\n }\r\n}\r\n","<div class=\"oc-input-box\" [ngClass]=\"{\r\n 'small': ocSize === 'small',\r\n 'large': ocSize === 'large',\r\n error: !!ocError\r\n}\" [id]=\"inputId\">\r\n <ng-content></ng-content>\r\n <label>{{ocPlaceholder}}</label>\r\n <small\r\n *ngIf=\"ocError\"\r\n class=\"error-msg\"\r\n >{{ocError}}</small>\r\n</div>\r\n","import { CommonModule } from '@angular/common';\nimport { Component, ContentChild, ElementRef, Input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'oc-modal',\n standalone: true,\n imports: [CommonModule],\n templateUrl: './oc-modal.component.html',\n styleUrl: './oc-modal.component.scss',\n encapsulation: ViewEncapsulation.None\n})\nexport class OcModalComponent {\n @Input() ocTitle: string = ''\n @Input() ocSize: 'small' | 'medium' |'large' = 'medium'\n\n isOpen: boolean = false\n\n closing: boolean = false\n\n open() {\n this.isOpen = true\n }\n close() {\n this.closing = true\n setTimeout(() => {\n this.isOpen = false\n this.closing = false\n },100)\n }\n}\n","<div class=\"oc-modal-bg\" *ngIf=\"isOpen\" [ngClass]=\"{'closing-bg': closing}\">\n <div class=\"oc-modal\" [ngClass]=\"{large: ocSize === 'large', medium: ocSize === 'medium', small: ocSize === 'small', closing: closing}\">\n <header class=\"oc-modal-header\">\n <h3 *ngIf=\"ocTitle.trim().length > 0\">{{ocTitle}}</h3>\n <button (click)=\"close()\" class=\"oc-close-btn\">\n <span class=\"material-symbols-outlined md-18\" title=\"Fechar\">close</span>\n </button>\n </header>\n <div class=\"oc-modal-content\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>","import { Component, Input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'oc-key-value',\n standalone: true,\n imports: [],\n templateUrl: './oc-key-value.component.html',\n styleUrl: './oc-key-value.component.scss',\n encapsulation: ViewEncapsulation.None\n})\nexport class OcKeyValueComponent {\n @Input() ocKey: string = ''\n @Input() ocValue: string = ''\n}\n","<div class=\"oc-key-value\">\n <!-- Ícone -->\n <ng-content></ng-content>\n <p>\n @if (ocKey) {\n <span>{{ocKey}}:</span>\n }\n {{ocValue}}\n </p>\n</div>","import { CommonModule } from '@angular/common';\nimport { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n selector: 'oc-chip',\n standalone: true,\n imports: [CommonModule],\n templateUrl: './oc-chip.component.html',\n styleUrl: './oc-chip.component.scss'\n})\nexport class OcChipComponent {\n @Input() ocSelected: boolean = false\n @Input() ocType: 'select' | 'remove' | 'tag' = 'select'\n @Input() ocBg: 'green' | 'red' = 'green'\n @Input() ocText: string = ''\n @Output() ocClick: EventEmitter<any> = new EventEmitter<any>\n\n ocEvent() {\n this.ocClick.emit()\n }\n}\n","<button\n [ngClass]=\"{\n 'oc-chip': true,\n selected: ocSelected,\n 'not-selectable': ocType !== 'select',\n 'tag': ocType === 'tag',\n 'remove': ocType === 'remove',\n 'green-bg': ocBg === 'green',\n 'red-bg': ocBg === 'red'\n }\"\n type=\"button\"\n [title]=\"ocText\"\n (click)=\"ocType === 'select' ? ocEvent() : null\"\n>\n <ng-content></ng-content>\n @if (ocType === 'remove') {\n <span class=\"material-symbols-outlined\" (click)=\"ocEvent()\">close</span>\n }\n</button>\n","import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'oc-modal-footer',\n standalone: true,\n imports: [CommonModule],\n templateUrl: './oc-modal-footer.component.html',\n styleUrl: './oc-modal-footer.component.scss'\n})\nexport class OcModalFooterComponent {\n @Input() ocSide: 'left' | 'right' = 'right'\n}\n","<footer class=\"oc-modal-footer\" [ngClass]=\"{\n 'left': ocSide === 'left',\n 'right': ocSide === 'right'\n}\">\n <ng-content></ng-content>\n</footer>","\r\n/*\r\n* Public API Surface of otimus-library\r\n*/\r\n\r\nexport * from './lib/otimus-library.service'\r\nexport * from './lib/otimus-library.component'\r\nexport * from './lib/components/oc-table/oc-table.component'\r\nexport * from './lib/components/oc-badge/oc-badge.component'\r\nexport * from './lib/components/oc-filter/oc-filter.component'\r\nexport * from './lib/directives/oc-tooltip/oc-tooltip.directive'\r\nexport * from './lib/components/oc-input/oc-input.component'\r\nexport * from './lib/components/oc-modal/oc-modal.component'\r\nexport * from './lib/components/oc-key-value/oc-key-value.component'\r\nexport * from './lib/components/oc-chip/oc-chip.component'\r\nexport * from './lib/components/oc-modal-footer/oc-modal-footer.component'","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
export declare class OcModalFooterComponent {
|
|
3
|
-
|
|
3
|
+
ocSide: 'left' | 'right';
|
|
4
4
|
static ɵfac: i0.ɵɵFactoryDeclaration<OcModalFooterComponent, never>;
|
|
5
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<OcModalFooterComponent, "oc-modal-footer", never, { "
|
|
5
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<OcModalFooterComponent, "oc-modal-footer", never, { "ocSide": { "alias": "ocSide"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
6
6
|
}
|
package/package.json
CHANGED
package/styles/styles.scss
CHANGED