otimus-library 0.0.15 → 0.0.16
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-modal/oc-modal.component.mjs +3 -3
- package/fesm2022/otimus-library.mjs +4 -4
- package/fesm2022/otimus-library.mjs.map +1 -1
- package/package.json +1 -1
- package/styles/components/buttons.scss +11 -9
|
@@ -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: { text: "text", active: "active", side: "side" }, ngImport: i0, template: "<div class=\"oc-filter-row\" [ngClass]=\"{\n reverse: side === 'right'\n}\">\n <button class=\"oc-filter-btn\" (click)=\"toggleOpen()\">\n <span class=\"material-icons-outlined md-18\">filter_list</span>\n {{text}}\n <div class=\"badge\">\n <oc-badge *ngIf=\"active > 0\" size=\"small\" color=\"success\" [waved]=\"true\">{{active}}</oc-badge>\n </div>\n </button>\n \n <div class=\"filter-row-content\">\n <ng-content select=\"[row]\"></ng-content>\n </div>\n \n</div>\n<div *ngIf=\"isOpen\" class=\"oc-filter-content\">\n <ng-content select=\"[body]\">\n </ng-content>\n</div>\n", styles: ["@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(/assets/iconfont/MaterialIcons-Regular.eot);src:local(\"Material Icons\"),local(\"MaterialIcons-Regular\"),url(/assets/iconfont/MaterialIcons-Regular.woff2) format(\"woff2\"),url(/assets/iconfont/MaterialIcons-Regular.woff) format(\"woff\"),url(/assets/iconfont/MaterialIcons-Regular.ttf) format(\"truetype\")}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;src:local(\"Material Icons Outlined\"),local(\"MaterialIcons-Outlined\"),url(/assets/iconfont/MaterialIcons-Outlined.woff2) format(\"woff2\")}.material-icons,.material-icons-outlined{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}.material-icons-outlined{font-family:Material Icons Outlined}.oc.button{height:
|
|
17
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: OcFilterComponent, isStandalone: true, selector: "oc-filter", inputs: { text: "text", active: "active", side: "side" }, ngImport: i0, template: "<div class=\"oc-filter-row\" [ngClass]=\"{\n reverse: side === 'right'\n}\">\n <button class=\"oc-filter-btn\" (click)=\"toggleOpen()\">\n <span class=\"material-icons-outlined md-18\">filter_list</span>\n {{text}}\n <div class=\"badge\">\n <oc-badge *ngIf=\"active > 0\" size=\"small\" color=\"success\" [waved]=\"true\">{{active}}</oc-badge>\n </div>\n </button>\n \n <div class=\"filter-row-content\">\n <ng-content select=\"[row]\"></ng-content>\n </div>\n \n</div>\n<div *ngIf=\"isOpen\" class=\"oc-filter-content\">\n <ng-content select=\"[body]\">\n </ng-content>\n</div>\n", styles: ["@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(/assets/iconfont/MaterialIcons-Regular.eot);src:local(\"Material Icons\"),local(\"MaterialIcons-Regular\"),url(/assets/iconfont/MaterialIcons-Regular.woff2) format(\"woff2\"),url(/assets/iconfont/MaterialIcons-Regular.woff) format(\"woff\"),url(/assets/iconfont/MaterialIcons-Regular.ttf) format(\"truetype\")}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;src:local(\"Material Icons Outlined\"),local(\"MaterialIcons-Outlined\"),url(/assets/iconfont/MaterialIcons-Outlined.woff2) format(\"woff2\")}.material-icons,.material-icons-outlined{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}.material-icons-outlined{font-family:Material Icons Outlined}.oc.button{height:3rem;padding:0 2rem;background-color:#d1d5db;color:#353535;border-radius:.5rem;border:none;font-weight:600;font-size:1rem;transition:.15s ease;display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer}.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}.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-icons,.oc-filter-btn .material-icons-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: ["size", "color", "waved"] }] }); }
|
|
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]=\"{\n reverse: side === 'right'\n}\">\n <button class=\"oc-filter-btn\" (click)=\"toggleOpen()\">\n <span class=\"material-icons-outlined md-18\">filter_list</span>\n {{text}}\n <div class=\"badge\">\n <oc-badge *ngIf=\"active > 0\" size=\"small\" color=\"success\" [waved]=\"true\">{{active}}</oc-badge>\n </div>\n </button>\n \n <div class=\"filter-row-content\">\n <ng-content select=\"[row]\"></ng-content>\n </div>\n \n</div>\n<div *ngIf=\"isOpen\" class=\"oc-filter-content\">\n <ng-content select=\"[body]\">\n </ng-content>\n</div>\n", styles: ["@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(/assets/iconfont/MaterialIcons-Regular.eot);src:local(\"Material Icons\"),local(\"MaterialIcons-Regular\"),url(/assets/iconfont/MaterialIcons-Regular.woff2) format(\"woff2\"),url(/assets/iconfont/MaterialIcons-Regular.woff) format(\"woff\"),url(/assets/iconfont/MaterialIcons-Regular.ttf) format(\"truetype\")}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;src:local(\"Material Icons Outlined\"),local(\"MaterialIcons-Outlined\"),url(/assets/iconfont/MaterialIcons-Outlined.woff2) format(\"woff2\")}.material-icons,.material-icons-outlined{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}.material-icons-outlined{font-family:Material Icons Outlined}.oc.button{height:
|
|
21
|
+
args: [{ selector: 'oc-filter', standalone: true, imports: [CommonModule, OcBadgeComponent], template: "<div class=\"oc-filter-row\" [ngClass]=\"{\n reverse: side === 'right'\n}\">\n <button class=\"oc-filter-btn\" (click)=\"toggleOpen()\">\n <span class=\"material-icons-outlined md-18\">filter_list</span>\n {{text}}\n <div class=\"badge\">\n <oc-badge *ngIf=\"active > 0\" size=\"small\" color=\"success\" [waved]=\"true\">{{active}}</oc-badge>\n </div>\n </button>\n \n <div class=\"filter-row-content\">\n <ng-content select=\"[row]\"></ng-content>\n </div>\n \n</div>\n<div *ngIf=\"isOpen\" class=\"oc-filter-content\">\n <ng-content select=\"[body]\">\n </ng-content>\n</div>\n", styles: ["@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(/assets/iconfont/MaterialIcons-Regular.eot);src:local(\"Material Icons\"),local(\"MaterialIcons-Regular\"),url(/assets/iconfont/MaterialIcons-Regular.woff2) format(\"woff2\"),url(/assets/iconfont/MaterialIcons-Regular.woff) format(\"woff\"),url(/assets/iconfont/MaterialIcons-Regular.ttf) format(\"truetype\")}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;src:local(\"Material Icons Outlined\"),local(\"MaterialIcons-Outlined\"),url(/assets/iconfont/MaterialIcons-Outlined.woff2) format(\"woff2\")}.material-icons,.material-icons-outlined{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}.material-icons-outlined{font-family:Material Icons Outlined}.oc.button{height:3rem;padding:0 2rem;background-color:#d1d5db;color:#353535;border-radius:.5rem;border:none;font-weight:600;font-size:1rem;transition:.15s ease;display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer}.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}.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-icons,.oc-filter-btn .material-icons-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: { text: [{
|
|
23
23
|
type: Input
|
|
24
24
|
}], active: [{
|
|
@@ -26,4 +26,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImpor
|
|
|
26
26
|
}], side: [{
|
|
27
27
|
type: Input
|
|
28
28
|
}] } });
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2MtZmlsdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy1maWx0ZXIvb2MtZmlsdGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy1maWx0ZXIvb2MtZmlsdGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQzs7O0FBU2xFLE1BQU0sT0FBTyxpQkFBaUI7SUFQOUI7UUFRRSxXQUFNLEdBQVksS0FBSyxDQUFBO1FBQ2QsU0FBSSxHQUFXLFNBQVMsQ0FBQTtRQUN4QixXQUFNLEdBQVcsQ0FBQyxDQUFBO1FBQ2xCLFNBQUksR0FBcUIsTUFBTSxDQUFBO0tBS3pDO0lBSEMsVUFBVTtRQUNSLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFBO0lBQzVCLENBQUM7OEdBUlUsaUJBQWlCO2tHQUFqQixpQkFBaUIsK0hDWDlCLG1tQkFvQkEsZ3RIRGJZLFlBQVksaU9BQUUsZ0JBQWdCOzsyRkFJN0IsaUJBQWlCO2tCQVA3QixTQUFTOytCQUNFLFdBQVcsY0FDVCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsZ0JBQWdCLENBQUM7OEJBTWhDLElBQUk7c0JBQVosS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE9jQmFkZ2VDb21wb25lbnQgfSBmcm9tICcuLi9vYy1iYWRnZS9vYy1iYWRnZS5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdvYy1maWx0ZXInLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBPY0JhZGdlQ29tcG9uZW50XSxcbiAgdGVtcGxhdGVVcmw6ICcuL29jLWZpbHRlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9vYy1maWx0ZXIuY29tcG9uZW50LnNjc3MnXG59KVxuZXhwb3J0IGNsYXNzIE9jRmlsdGVyQ29tcG9uZW50IHtcbiAgaXNPcGVuOiBib29sZWFuID0gZmFsc2VcbiAgQElucHV0KCkgdGV4dDogc3RyaW5nID0gJ0ZpbHRyb3MnXG4gIEBJbnB1dCgpIGFjdGl2ZTogbnVtYmVyID0gMFxuICBASW5wdXQoKSBzaWRlOiAnbGVmdCcgfCAncmlnaHQnID0gJ2xlZnQnXG5cbiAgdG9nZ2xlT3BlbigpIHtcbiAgICB0aGlzLmlzT3BlbiA9ICF0aGlzLmlzT3BlblxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwib2MtZmlsdGVyLXJvd1wiIFtuZ0NsYXNzXT1cIntcbiAgcmV2ZXJzZTogc2lkZSA9PT0gJ3JpZ2h0J1xufVwiPlxuICA8YnV0dG9uIGNsYXNzPVwib2MtZmlsdGVyLWJ0blwiIChjbGljayk9XCJ0b2dnbGVPcGVuKClcIj5cbiAgICA8c3BhbiBjbGFzcz1cIm1hdGVyaWFsLWljb25zLW91dGxpbmVkIG1kLTE4XCI+ZmlsdGVyX2xpc3Q8L3NwYW4+XG4gICAge3t0ZXh0fX1cbiAgICA8ZGl2IGNsYXNzPVwiYmFkZ2VcIj5cbiAgICAgIDxvYy1iYWRnZSAqbmdJZj1cImFjdGl2ZSA+IDBcIiBzaXplPVwic21hbGxcIiBjb2xvcj1cInN1Y2Nlc3NcIiBbd2F2ZWRdPVwidHJ1ZVwiPnt7YWN0aXZlfX08L29jLWJhZGdlPlxuICAgIDwvZGl2PlxuICA8L2J1dHRvbj5cbiAgXG4gIDxkaXYgY2xhc3M9XCJmaWx0ZXItcm93LWNvbnRlbnRcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbcm93XVwiPjwvbmctY29udGVudD5cbiAgPC9kaXY+XG4gIFxuPC9kaXY+XG48ZGl2ICpuZ0lmPVwiaXNPcGVuXCIgY2xhc3M9XCJvYy1maWx0ZXItY29udGVudFwiPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJbYm9keV1cIj5cbiAgPC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=
|
|
@@ -15,14 +15,14 @@ export class OcModalComponent {
|
|
|
15
15
|
this.isOpen = false;
|
|
16
16
|
}
|
|
17
17
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: OcModalComponent, isStandalone: true, selector: "oc-modal", inputs: { title: "title", size: "size" }, ngImport: i0, template: "<div class=\"oc-modal-bg\" *ngIf=\"isOpen\">\n <div class=\"oc-modal\" [ngClass]=\"{large: size === 'large', medium: size === 'medium', small: size === 'small'}\">\n <header class=\"oc-modal-header\">\n <h3>{{title}}</h3>\n <button (click)=\"close()\" class=\"oc-close-btn\">\n <span class=\"material-icons-outlined md-18\">close</span>\n </button>\n </header>\n <div class=\"oc-modal-content\">\n <ng-content></ng-content>\n </div>\n <footer class=\"oc-modal-footer\">\n <ng-content select=\"[footer]\"></ng-content>\n </footer>\n </div>\n</div>", styles: ["@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(/assets/iconfont/MaterialIcons-Regular.eot);src:local(\"Material Icons\"),local(\"MaterialIcons-Regular\"),url(/assets/iconfont/MaterialIcons-Regular.woff2) format(\"woff2\"),url(/assets/iconfont/MaterialIcons-Regular.woff) format(\"woff\"),url(/assets/iconfont/MaterialIcons-Regular.ttf) format(\"truetype\")}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;src:local(\"Material Icons Outlined\"),local(\"MaterialIcons-Outlined\"),url(/assets/iconfont/MaterialIcons-Outlined.woff2) format(\"woff2\")}.material-icons,.material-icons-outlined{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}.material-icons-outlined{font-family:Material Icons Outlined}.oc.button{height:
|
|
18
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: OcModalComponent, isStandalone: true, selector: "oc-modal", inputs: { title: "title", size: "size" }, ngImport: i0, template: "<div class=\"oc-modal-bg\" *ngIf=\"isOpen\">\n <div class=\"oc-modal\" [ngClass]=\"{large: size === 'large', medium: size === 'medium', small: size === 'small'}\">\n <header class=\"oc-modal-header\">\n <h3>{{title}}</h3>\n <button (click)=\"close()\" class=\"oc-close-btn\">\n <span class=\"material-icons-outlined md-18\">close</span>\n </button>\n </header>\n <div class=\"oc-modal-content\">\n <ng-content></ng-content>\n </div>\n <footer class=\"oc-modal-footer\">\n <ng-content select=\"[footer]\"></ng-content>\n </footer>\n </div>\n</div>", styles: ["@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(/assets/iconfont/MaterialIcons-Regular.eot);src:local(\"Material Icons\"),local(\"MaterialIcons-Regular\"),url(/assets/iconfont/MaterialIcons-Regular.woff2) format(\"woff2\"),url(/assets/iconfont/MaterialIcons-Regular.woff) format(\"woff\"),url(/assets/iconfont/MaterialIcons-Regular.ttf) format(\"truetype\")}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;src:local(\"Material Icons Outlined\"),local(\"MaterialIcons-Outlined\"),url(/assets/iconfont/MaterialIcons-Outlined.woff2) format(\"woff2\")}.material-icons,.material-icons-outlined{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}.material-icons-outlined{font-family:Material Icons Outlined}.oc.button{height:3rem;padding:0 2rem;background-color:#d1d5db;color:#353535;border-radius:.5rem;border:none;font-weight:600;font-size:1rem;transition:.15s ease;display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer}.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}*{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%}.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;margin-top:3rem}.oc-modal-content{margin:0;padding:0;max-height:80vh;overflow-y:auto;overflow-x:hidden}.oc-modal-header{display:flex;align-items:center;justify-content:space-between;padding:0;margin:0;margin-bottom:2rem;position:sticky;top:0;width:100%}.oc-modal-header h3{margin:0;padding:0;font-size:1.5rem;color:#353535}.oc-modal-header button{margin:0;padding:0;border:none;background-color:transparent;color:#d1d5db;width:15px;height:15px;border-radius:50%;transition:.15s ease;cursor:pointer}.oc-modal-header button:hover{background-color:#f7f7f7}.small{width:400px}.medium{width:600px}.large{width:800px}@keyframes show-up-modal{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(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"] }] }); }
|
|
19
19
|
}
|
|
20
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcModalComponent, decorators: [{
|
|
21
21
|
type: Component,
|
|
22
|
-
args: [{ selector: 'oc-modal', standalone: true, imports: [CommonModule], template: "<div class=\"oc-modal-bg\" *ngIf=\"isOpen\">\n <div class=\"oc-modal\" [ngClass]=\"{large: size === 'large', medium: size === 'medium', small: size === 'small'}\">\n <header class=\"oc-modal-header\">\n <h3>{{title}}</h3>\n <button (click)=\"close()\" class=\"oc-close-btn\">\n <span class=\"material-icons-outlined md-18\">close</span>\n </button>\n </header>\n <div class=\"oc-modal-content\">\n <ng-content></ng-content>\n </div>\n <footer class=\"oc-modal-footer\">\n <ng-content select=\"[footer]\"></ng-content>\n </footer>\n </div>\n</div>", styles: ["@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(/assets/iconfont/MaterialIcons-Regular.eot);src:local(\"Material Icons\"),local(\"MaterialIcons-Regular\"),url(/assets/iconfont/MaterialIcons-Regular.woff2) format(\"woff2\"),url(/assets/iconfont/MaterialIcons-Regular.woff) format(\"woff\"),url(/assets/iconfont/MaterialIcons-Regular.ttf) format(\"truetype\")}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;src:local(\"Material Icons Outlined\"),local(\"MaterialIcons-Outlined\"),url(/assets/iconfont/MaterialIcons-Outlined.woff2) format(\"woff2\")}.material-icons,.material-icons-outlined{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}.material-icons-outlined{font-family:Material Icons Outlined}.oc.button{height:
|
|
22
|
+
args: [{ selector: 'oc-modal', standalone: true, imports: [CommonModule], template: "<div class=\"oc-modal-bg\" *ngIf=\"isOpen\">\n <div class=\"oc-modal\" [ngClass]=\"{large: size === 'large', medium: size === 'medium', small: size === 'small'}\">\n <header class=\"oc-modal-header\">\n <h3>{{title}}</h3>\n <button (click)=\"close()\" class=\"oc-close-btn\">\n <span class=\"material-icons-outlined md-18\">close</span>\n </button>\n </header>\n <div class=\"oc-modal-content\">\n <ng-content></ng-content>\n </div>\n <footer class=\"oc-modal-footer\">\n <ng-content select=\"[footer]\"></ng-content>\n </footer>\n </div>\n</div>", styles: ["@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(/assets/iconfont/MaterialIcons-Regular.eot);src:local(\"Material Icons\"),local(\"MaterialIcons-Regular\"),url(/assets/iconfont/MaterialIcons-Regular.woff2) format(\"woff2\"),url(/assets/iconfont/MaterialIcons-Regular.woff) format(\"woff\"),url(/assets/iconfont/MaterialIcons-Regular.ttf) format(\"truetype\")}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;src:local(\"Material Icons Outlined\"),local(\"MaterialIcons-Outlined\"),url(/assets/iconfont/MaterialIcons-Outlined.woff2) format(\"woff2\")}.material-icons,.material-icons-outlined{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}.material-icons-outlined{font-family:Material Icons Outlined}.oc.button{height:3rem;padding:0 2rem;background-color:#d1d5db;color:#353535;border-radius:.5rem;border:none;font-weight:600;font-size:1rem;transition:.15s ease;display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer}.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}*{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%}.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;margin-top:3rem}.oc-modal-content{margin:0;padding:0;max-height:80vh;overflow-y:auto;overflow-x:hidden}.oc-modal-header{display:flex;align-items:center;justify-content:space-between;padding:0;margin:0;margin-bottom:2rem;position:sticky;top:0;width:100%}.oc-modal-header h3{margin:0;padding:0;font-size:1.5rem;color:#353535}.oc-modal-header button{margin:0;padding:0;border:none;background-color:transparent;color:#d1d5db;width:15px;height:15px;border-radius:50%;transition:.15s ease;cursor:pointer}.oc-modal-header button:hover{background-color:#f7f7f7}.small{width:400px}.medium{width:600px}.large{width:800px}@keyframes show-up-modal{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1)}}\n"] }]
|
|
23
23
|
}], propDecorators: { title: [{
|
|
24
24
|
type: Input
|
|
25
25
|
}], size: [{
|
|
26
26
|
type: Input
|
|
27
27
|
}] } });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2MtbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb3RpbXVzLWxpYnJhcnkvc3JjL2xpYi9jb21wb25lbnRzL29jLW1vZGFsL29jLW1vZGFsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy1tb2RhbC9vYy1tb2RhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVNqRCxNQUFNLE9BQU8sZ0JBQWdCO0lBUDdCO1FBUVcsVUFBSyxHQUFXLEVBQUUsQ0FBQTtRQUNsQixTQUFJLEdBQWdDLFFBQVEsQ0FBQTtRQUVyRCxXQUFNLEdBQVksS0FBSyxDQUFBO0tBUXhCO0lBTkMsSUFBSTtRQUNGLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFBO0lBQ3BCLENBQUM7SUFDRCxLQUFLO1FBQ0gsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUE7SUFDckIsQ0FBQzs4R0FYVSxnQkFBZ0I7a0dBQWhCLGdCQUFnQiw4R0NWN0Isd2xCQWVNLHlqSURUTSxZQUFZOzsyRkFJWCxnQkFBZ0I7a0JBUDVCLFNBQVM7K0JBQ0UsVUFBVSxjQUNSLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQzs4QkFLZCxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnb2MtbW9kYWwnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL29jLW1vZGFsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL29jLW1vZGFsLmNvbXBvbmVudC5zY3NzJ1xufSlcbmV4cG9ydCBjbGFzcyBPY01vZGFsQ29tcG9uZW50IHtcbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZyA9ICcnXG4gIEBJbnB1dCgpIHNpemU6ICdzbWFsbCcgfCAnbWVkaXVtJyB8J2xhcmdlJyA9ICdtZWRpdW0nXG5cbiAgaXNPcGVuOiBib29sZWFuID0gZmFsc2VcblxuICBvcGVuKCkge1xuICAgIHRoaXMuaXNPcGVuID0gdHJ1ZVxuICB9XG4gIGNsb3NlKCkge1xuICAgIHRoaXMuaXNPcGVuID0gZmFsc2VcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cIm9jLW1vZGFsLWJnXCIgKm5nSWY9XCJpc09wZW5cIj5cbiAgPGRpdiBjbGFzcz1cIm9jLW1vZGFsXCIgW25nQ2xhc3NdPVwie2xhcmdlOiBzaXplID09PSAnbGFyZ2UnLCBtZWRpdW06IHNpemUgPT09ICdtZWRpdW0nLCBzbWFsbDogc2l6ZSA9PT0gJ3NtYWxsJ31cIj5cbiAgICA8aGVhZGVyIGNsYXNzPVwib2MtbW9kYWwtaGVhZGVyXCI+XG4gICAgICA8aDM+e3t0aXRsZX19PC9oMz5cbiAgICAgIDxidXR0b24gKGNsaWNrKT1cImNsb3NlKClcIiBjbGFzcz1cIm9jLWNsb3NlLWJ0blwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cIm1hdGVyaWFsLWljb25zLW91dGxpbmVkIG1kLTE4XCI+Y2xvc2U8L3NwYW4+XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L2hlYWRlcj5cbiAgICA8ZGl2IGNsYXNzPVwib2MtbW9kYWwtY29udGVudFwiPlxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICAgIDxmb290ZXIgY2xhc3M9XCJvYy1tb2RhbC1mb290ZXJcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltmb290ZXJdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZm9vdGVyPlxuICA8L2Rpdj5cbjwvZGl2PiJdfQ==
|
|
@@ -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: { text: "text", active: "active", side: "side" }, ngImport: i0, template: "<div class=\"oc-filter-row\" [ngClass]=\"{\n reverse: side === 'right'\n}\">\n <button class=\"oc-filter-btn\" (click)=\"toggleOpen()\">\n <span class=\"material-icons-outlined md-18\">filter_list</span>\n {{text}}\n <div class=\"badge\">\n <oc-badge *ngIf=\"active > 0\" size=\"small\" color=\"success\" [waved]=\"true\">{{active}}</oc-badge>\n </div>\n </button>\n \n <div class=\"filter-row-content\">\n <ng-content select=\"[row]\"></ng-content>\n </div>\n \n</div>\n<div *ngIf=\"isOpen\" class=\"oc-filter-content\">\n <ng-content select=\"[body]\">\n </ng-content>\n</div>\n", styles: ["@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(/assets/iconfont/MaterialIcons-Regular.eot);src:local(\"Material Icons\"),local(\"MaterialIcons-Regular\"),url(/assets/iconfont/MaterialIcons-Regular.woff2) format(\"woff2\"),url(/assets/iconfont/MaterialIcons-Regular.woff) format(\"woff\"),url(/assets/iconfont/MaterialIcons-Regular.ttf) format(\"truetype\")}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;src:local(\"Material Icons Outlined\"),local(\"MaterialIcons-Outlined\"),url(/assets/iconfont/MaterialIcons-Outlined.woff2) format(\"woff2\")}.material-icons,.material-icons-outlined{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}.material-icons-outlined{font-family:Material Icons Outlined}.oc.button{height:
|
|
97
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: OcFilterComponent, isStandalone: true, selector: "oc-filter", inputs: { text: "text", active: "active", side: "side" }, ngImport: i0, template: "<div class=\"oc-filter-row\" [ngClass]=\"{\n reverse: side === 'right'\n}\">\n <button class=\"oc-filter-btn\" (click)=\"toggleOpen()\">\n <span class=\"material-icons-outlined md-18\">filter_list</span>\n {{text}}\n <div class=\"badge\">\n <oc-badge *ngIf=\"active > 0\" size=\"small\" color=\"success\" [waved]=\"true\">{{active}}</oc-badge>\n </div>\n </button>\n \n <div class=\"filter-row-content\">\n <ng-content select=\"[row]\"></ng-content>\n </div>\n \n</div>\n<div *ngIf=\"isOpen\" class=\"oc-filter-content\">\n <ng-content select=\"[body]\">\n </ng-content>\n</div>\n", styles: ["@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(/assets/iconfont/MaterialIcons-Regular.eot);src:local(\"Material Icons\"),local(\"MaterialIcons-Regular\"),url(/assets/iconfont/MaterialIcons-Regular.woff2) format(\"woff2\"),url(/assets/iconfont/MaterialIcons-Regular.woff) format(\"woff\"),url(/assets/iconfont/MaterialIcons-Regular.ttf) format(\"truetype\")}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;src:local(\"Material Icons Outlined\"),local(\"MaterialIcons-Outlined\"),url(/assets/iconfont/MaterialIcons-Outlined.woff2) format(\"woff2\")}.material-icons,.material-icons-outlined{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}.material-icons-outlined{font-family:Material Icons Outlined}.oc.button{height:3rem;padding:0 2rem;background-color:#d1d5db;color:#353535;border-radius:.5rem;border:none;font-weight:600;font-size:1rem;transition:.15s ease;display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer}.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}.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-icons,.oc-filter-btn .material-icons-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: ["size", "color", "waved"] }] }); }
|
|
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]=\"{\n reverse: side === 'right'\n}\">\n <button class=\"oc-filter-btn\" (click)=\"toggleOpen()\">\n <span class=\"material-icons-outlined md-18\">filter_list</span>\n {{text}}\n <div class=\"badge\">\n <oc-badge *ngIf=\"active > 0\" size=\"small\" color=\"success\" [waved]=\"true\">{{active}}</oc-badge>\n </div>\n </button>\n \n <div class=\"filter-row-content\">\n <ng-content select=\"[row]\"></ng-content>\n </div>\n \n</div>\n<div *ngIf=\"isOpen\" class=\"oc-filter-content\">\n <ng-content select=\"[body]\">\n </ng-content>\n</div>\n", styles: ["@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(/assets/iconfont/MaterialIcons-Regular.eot);src:local(\"Material Icons\"),local(\"MaterialIcons-Regular\"),url(/assets/iconfont/MaterialIcons-Regular.woff2) format(\"woff2\"),url(/assets/iconfont/MaterialIcons-Regular.woff) format(\"woff\"),url(/assets/iconfont/MaterialIcons-Regular.ttf) format(\"truetype\")}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;src:local(\"Material Icons Outlined\"),local(\"MaterialIcons-Outlined\"),url(/assets/iconfont/MaterialIcons-Outlined.woff2) format(\"woff2\")}.material-icons,.material-icons-outlined{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}.material-icons-outlined{font-family:Material Icons Outlined}.oc.button{height:
|
|
101
|
+
args: [{ selector: 'oc-filter', standalone: true, imports: [CommonModule, OcBadgeComponent], template: "<div class=\"oc-filter-row\" [ngClass]=\"{\n reverse: side === 'right'\n}\">\n <button class=\"oc-filter-btn\" (click)=\"toggleOpen()\">\n <span class=\"material-icons-outlined md-18\">filter_list</span>\n {{text}}\n <div class=\"badge\">\n <oc-badge *ngIf=\"active > 0\" size=\"small\" color=\"success\" [waved]=\"true\">{{active}}</oc-badge>\n </div>\n </button>\n \n <div class=\"filter-row-content\">\n <ng-content select=\"[row]\"></ng-content>\n </div>\n \n</div>\n<div *ngIf=\"isOpen\" class=\"oc-filter-content\">\n <ng-content select=\"[body]\">\n </ng-content>\n</div>\n", styles: ["@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(/assets/iconfont/MaterialIcons-Regular.eot);src:local(\"Material Icons\"),local(\"MaterialIcons-Regular\"),url(/assets/iconfont/MaterialIcons-Regular.woff2) format(\"woff2\"),url(/assets/iconfont/MaterialIcons-Regular.woff) format(\"woff\"),url(/assets/iconfont/MaterialIcons-Regular.ttf) format(\"truetype\")}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;src:local(\"Material Icons Outlined\"),local(\"MaterialIcons-Outlined\"),url(/assets/iconfont/MaterialIcons-Outlined.woff2) format(\"woff2\")}.material-icons,.material-icons-outlined{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}.material-icons-outlined{font-family:Material Icons Outlined}.oc.button{height:3rem;padding:0 2rem;background-color:#d1d5db;color:#353535;border-radius:.5rem;border:none;font-weight:600;font-size:1rem;transition:.15s ease;display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer}.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}.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-icons,.oc-filter-btn .material-icons-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: { text: [{
|
|
103
103
|
type: Input
|
|
104
104
|
}], active: [{
|
|
@@ -219,11 +219,11 @@ class OcModalComponent {
|
|
|
219
219
|
this.isOpen = false;
|
|
220
220
|
}
|
|
221
221
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
222
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: OcModalComponent, isStandalone: true, selector: "oc-modal", inputs: { title: "title", size: "size" }, ngImport: i0, template: "<div class=\"oc-modal-bg\" *ngIf=\"isOpen\">\n <div class=\"oc-modal\" [ngClass]=\"{large: size === 'large', medium: size === 'medium', small: size === 'small'}\">\n <header class=\"oc-modal-header\">\n <h3>{{title}}</h3>\n <button (click)=\"close()\" class=\"oc-close-btn\">\n <span class=\"material-icons-outlined md-18\">close</span>\n </button>\n </header>\n <div class=\"oc-modal-content\">\n <ng-content></ng-content>\n </div>\n <footer class=\"oc-modal-footer\">\n <ng-content select=\"[footer]\"></ng-content>\n </footer>\n </div>\n</div>", styles: ["@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(/assets/iconfont/MaterialIcons-Regular.eot);src:local(\"Material Icons\"),local(\"MaterialIcons-Regular\"),url(/assets/iconfont/MaterialIcons-Regular.woff2) format(\"woff2\"),url(/assets/iconfont/MaterialIcons-Regular.woff) format(\"woff\"),url(/assets/iconfont/MaterialIcons-Regular.ttf) format(\"truetype\")}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;src:local(\"Material Icons Outlined\"),local(\"MaterialIcons-Outlined\"),url(/assets/iconfont/MaterialIcons-Outlined.woff2) format(\"woff2\")}.material-icons,.material-icons-outlined{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}.material-icons-outlined{font-family:Material Icons Outlined}.oc.button{height:
|
|
222
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: OcModalComponent, isStandalone: true, selector: "oc-modal", inputs: { title: "title", size: "size" }, ngImport: i0, template: "<div class=\"oc-modal-bg\" *ngIf=\"isOpen\">\n <div class=\"oc-modal\" [ngClass]=\"{large: size === 'large', medium: size === 'medium', small: size === 'small'}\">\n <header class=\"oc-modal-header\">\n <h3>{{title}}</h3>\n <button (click)=\"close()\" class=\"oc-close-btn\">\n <span class=\"material-icons-outlined md-18\">close</span>\n </button>\n </header>\n <div class=\"oc-modal-content\">\n <ng-content></ng-content>\n </div>\n <footer class=\"oc-modal-footer\">\n <ng-content select=\"[footer]\"></ng-content>\n </footer>\n </div>\n</div>", styles: ["@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(/assets/iconfont/MaterialIcons-Regular.eot);src:local(\"Material Icons\"),local(\"MaterialIcons-Regular\"),url(/assets/iconfont/MaterialIcons-Regular.woff2) format(\"woff2\"),url(/assets/iconfont/MaterialIcons-Regular.woff) format(\"woff\"),url(/assets/iconfont/MaterialIcons-Regular.ttf) format(\"truetype\")}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;src:local(\"Material Icons Outlined\"),local(\"MaterialIcons-Outlined\"),url(/assets/iconfont/MaterialIcons-Outlined.woff2) format(\"woff2\")}.material-icons,.material-icons-outlined{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}.material-icons-outlined{font-family:Material Icons Outlined}.oc.button{height:3rem;padding:0 2rem;background-color:#d1d5db;color:#353535;border-radius:.5rem;border:none;font-weight:600;font-size:1rem;transition:.15s ease;display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer}.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}*{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%}.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;margin-top:3rem}.oc-modal-content{margin:0;padding:0;max-height:80vh;overflow-y:auto;overflow-x:hidden}.oc-modal-header{display:flex;align-items:center;justify-content:space-between;padding:0;margin:0;margin-bottom:2rem;position:sticky;top:0;width:100%}.oc-modal-header h3{margin:0;padding:0;font-size:1.5rem;color:#353535}.oc-modal-header button{margin:0;padding:0;border:none;background-color:transparent;color:#d1d5db;width:15px;height:15px;border-radius:50%;transition:.15s ease;cursor:pointer}.oc-modal-header button:hover{background-color:#f7f7f7}.small{width:400px}.medium{width:600px}.large{width:800px}@keyframes show-up-modal{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(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"] }] }); }
|
|
223
223
|
}
|
|
224
224
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcModalComponent, decorators: [{
|
|
225
225
|
type: Component,
|
|
226
|
-
args: [{ selector: 'oc-modal', standalone: true, imports: [CommonModule], template: "<div class=\"oc-modal-bg\" *ngIf=\"isOpen\">\n <div class=\"oc-modal\" [ngClass]=\"{large: size === 'large', medium: size === 'medium', small: size === 'small'}\">\n <header class=\"oc-modal-header\">\n <h3>{{title}}</h3>\n <button (click)=\"close()\" class=\"oc-close-btn\">\n <span class=\"material-icons-outlined md-18\">close</span>\n </button>\n </header>\n <div class=\"oc-modal-content\">\n <ng-content></ng-content>\n </div>\n <footer class=\"oc-modal-footer\">\n <ng-content select=\"[footer]\"></ng-content>\n </footer>\n </div>\n</div>", styles: ["@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(/assets/iconfont/MaterialIcons-Regular.eot);src:local(\"Material Icons\"),local(\"MaterialIcons-Regular\"),url(/assets/iconfont/MaterialIcons-Regular.woff2) format(\"woff2\"),url(/assets/iconfont/MaterialIcons-Regular.woff) format(\"woff\"),url(/assets/iconfont/MaterialIcons-Regular.ttf) format(\"truetype\")}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;src:local(\"Material Icons Outlined\"),local(\"MaterialIcons-Outlined\"),url(/assets/iconfont/MaterialIcons-Outlined.woff2) format(\"woff2\")}.material-icons,.material-icons-outlined{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}.material-icons-outlined{font-family:Material Icons Outlined}.oc.button{height:
|
|
226
|
+
args: [{ selector: 'oc-modal', standalone: true, imports: [CommonModule], template: "<div class=\"oc-modal-bg\" *ngIf=\"isOpen\">\n <div class=\"oc-modal\" [ngClass]=\"{large: size === 'large', medium: size === 'medium', small: size === 'small'}\">\n <header class=\"oc-modal-header\">\n <h3>{{title}}</h3>\n <button (click)=\"close()\" class=\"oc-close-btn\">\n <span class=\"material-icons-outlined md-18\">close</span>\n </button>\n </header>\n <div class=\"oc-modal-content\">\n <ng-content></ng-content>\n </div>\n <footer class=\"oc-modal-footer\">\n <ng-content select=\"[footer]\"></ng-content>\n </footer>\n </div>\n</div>", styles: ["@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(/assets/iconfont/MaterialIcons-Regular.eot);src:local(\"Material Icons\"),local(\"MaterialIcons-Regular\"),url(/assets/iconfont/MaterialIcons-Regular.woff2) format(\"woff2\"),url(/assets/iconfont/MaterialIcons-Regular.woff) format(\"woff\"),url(/assets/iconfont/MaterialIcons-Regular.ttf) format(\"truetype\")}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;src:local(\"Material Icons Outlined\"),local(\"MaterialIcons-Outlined\"),url(/assets/iconfont/MaterialIcons-Outlined.woff2) format(\"woff2\")}.material-icons,.material-icons-outlined{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}.material-icons-outlined{font-family:Material Icons Outlined}.oc.button{height:3rem;padding:0 2rem;background-color:#d1d5db;color:#353535;border-radius:.5rem;border:none;font-weight:600;font-size:1rem;transition:.15s ease;display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer}.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}*{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%}.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;margin-top:3rem}.oc-modal-content{margin:0;padding:0;max-height:80vh;overflow-y:auto;overflow-x:hidden}.oc-modal-header{display:flex;align-items:center;justify-content:space-between;padding:0;margin:0;margin-bottom:2rem;position:sticky;top:0;width:100%}.oc-modal-header h3{margin:0;padding:0;font-size:1.5rem;color:#353535}.oc-modal-header button{margin:0;padding:0;border:none;background-color:transparent;color:#d1d5db;width:15px;height:15px;border-radius:50%;transition:.15s ease;cursor:pointer}.oc-modal-header button:hover{background-color:#f7f7f7}.small{width:400px}.medium{width:600px}.large{width:800px}@keyframes show-up-modal{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1)}}\n"] }]
|
|
227
227
|
}], propDecorators: { title: [{
|
|
228
228
|
type: Input
|
|
229
229
|
}], size: [{
|
|
@@ -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/public-api.ts","../../../projects/otimus-library/src/otimus-library.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class OtimusLibraryService {\n\n constructor() { }\n}\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'lib-otimus-library',\n standalone: true,\n imports: [],\n template: `\n <p>\n otimus-library works!\n </p>\n `,\n styles: ``\n})\nexport class OtimusLibraryComponent {\n\n}\n","import { Component, Input, OnInit } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport {CdkTableModule} from '@angular/cdk/table'\n\n\n@Component({\n selector: 'oc-table',\n standalone: true,\n imports: [CommonModule, CdkTableModule],\n templateUrl: './oc-table.component.html',\n styleUrls: ['./oc-table.component.scss']\n})\nexport class OcTableComponent implements OnInit {\n\n @Input() columns: string[] = []\n @Input() dataSource: any[] = []\n keys: string[] = []\n\n ngOnInit(): void {\n if(!this.dataSource.length) return\n\n this.keys = Object.keys(this.dataSource[0])\n }\n}\n","<table cdk-table [dataSource]=\"dataSource\">\n\n <ng-container *ngFor=\"let column of columns; let i = index\" [cdkColumnDef]=\"column\">\n <th cdk-header-cell *cdkHeaderCellDef> {{column}} </th>\n <td cdk-cell *cdkCellDef=\"let row\"> {{row[keys[i]]}} </td>\n </ng-container>\n\n <tr cdk-header-row *cdkHeaderRowDef=\"columns\"></tr>\n <tr cdk-row *cdkRowDef=\"let row; columns: columns\"></tr>\n</table>\n","import { CommonModule } from '@angular/common';\nimport { Component, Input, OnInit } from '@angular/core';\n\n@Component({\n selector: 'oc-badge',\n standalone: true,\n imports: [CommonModule],\n templateUrl: './oc-badge.component.html',\n styleUrl: './oc-badge.component.scss'\n})\nexport class OcBadgeComponent implements OnInit {\n @Input() size: 'small' | 'medium' | 'large' = 'small'\n @Input() color: 'notification' | 'brand-g' | 'brand-p' | 'success' | 'warning' = 'notification'\n @Input() waved: boolean = false\n\n classList: string[] = []\n\n ngOnInit(): void {\n this.classList.push(this.size, this.color)\n if(this.waved) this.classList.push('waved')\n }\n}\n","<div>\n <div class=\"oc-badge\" [ngClass]=\"classList\">\n <ng-content>\n \n </ng-content>\n </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\nimport { OcBadgeComponent } from '../oc-badge/oc-badge.component';\n\n@Component({\n selector: 'oc-filter',\n standalone: true,\n imports: [CommonModule, OcBadgeComponent],\n templateUrl: './oc-filter.component.html',\n styleUrl: './oc-filter.component.scss'\n})\nexport class OcFilterComponent {\n isOpen: boolean = false\n @Input() text: string = 'Filtros'\n @Input() active: number = 0\n @Input() side: 'left' | 'right' = 'left'\n\n toggleOpen() {\n this.isOpen = !this.isOpen\n }\n}\n","<div class=\"oc-filter-row\" [ngClass]=\"{\n reverse: side === 'right'\n}\">\n <button class=\"oc-filter-btn\" (click)=\"toggleOpen()\">\n <span class=\"material-icons-outlined md-18\">filter_list</span>\n {{text}}\n <div class=\"badge\">\n <oc-badge *ngIf=\"active > 0\" size=\"small\" color=\"success\" [waved]=\"true\">{{active}}</oc-badge>\n </div>\n </button>\n \n <div class=\"filter-row-content\">\n <ng-content select=\"[row]\"></ng-content>\n </div>\n \n</div>\n<div *ngIf=\"isOpen\" class=\"oc-filter-content\">\n <ng-content select=\"[body]\">\n </ng-content>\n</div>\n","import { Directive, ElementRef, HostListener, Input, Renderer2 } from '@angular/core';\n\n@Directive({\n selector: '[ocTooltip]',\n standalone: true\n})\nexport class OcTooltipDirective {\n constructor(private elRef: ElementRef, private renderer: Renderer2) { }\n\n @Input() content: string = ''\n @Input() side: 'bottom' | 'uppon' | 'left' | 'right' = 'bottom'\n\n created:boolean = false\n\n createToolTip() {\n if(this.created) return\n\n const tooltip = this.renderer.createElement('div')\n const text = this.renderer.createText(this.content)\n\n this.renderer.appendChild(tooltip, text)\n this.renderer.addClass(tooltip, 'oc-tooltip')\n this.renderer.setStyle(tooltip, 'position', 'absolute')\n this.renderer.setStyle(tooltip, 'padding', '0.4rem 0.8rem')\n this.renderer.setStyle(tooltip, 'font-size', '0.9rem')\n this.renderer.setStyle(tooltip, 'font-weight', '600')\n this.renderer.setStyle(tooltip, 'color', '#7E8485')\n this.renderer.setStyle(tooltip, 'border', '1px solid #FFFFFF')\n this.renderer.setStyle(tooltip, 'background-color', '#F8F9FF')\n this.renderer.setStyle(tooltip, 'border-radius','1rem')\n this.renderer.setStyle(tooltip, 'box-shadow', '0px 3px 6.5px 0px rgba(0, 0, 0, 0.20)')\n \n const height = this.elRef.nativeElement.offsetHeight;\n const width = this.elRef.nativeElement.offsetWidth;\n\n if(this.side === 'right') {\n this.renderer.setStyle(tooltip, 'transform', `translateX(${width}px) translateY(${-height * 1.3}px)`)\n } else if(this.side === 'left') {\n this.renderer.setStyle(tooltip, 'transform', `translateX(${-width * 2.1}px) translateY(${-height * 1.3}px)`)\n } else if(this.side === 'uppon') {\n this.renderer.setStyle(tooltip, 'transform', `translateY(${-height * 2.5}px)`)\n }\n\n this.created = true\n return tooltip\n }\n\n @HostListener('mouseover')\n onMouseOver() {\n const tooltip = this.createToolTip()\n this.renderer.appendChild(this.elRef.nativeElement, tooltip)\n }\n\n @HostListener('mouseout')\n onMouseOut() {\n\n const tooltip = this.elRef.nativeElement.querySelector('.oc-tooltip')\n if(tooltip){\n this.renderer.removeChild(this.elRef.nativeElement, tooltip)\n this.created = false\n }\n\n }\n}\n","import { CommonModule } from '@angular/common';\nimport { Component, ElementRef, Input, OnInit, Renderer2, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'oc-input',\n standalone: true,\n imports: [CommonModule],\n templateUrl: './oc-input.component.html',\n styleUrl: './oc-input.component.scss',\n encapsulation: ViewEncapsulation.None\n})\nexport class OcInputComponent {\n @Input() error?: string\n @Input() size?: 'small' | 'medium' | 'large' = 'medium'\n @Input() placeholder: string = ''\n inputId: string = `oc-${Math.random()}`\n\n ngAfterViewInit() {\n const inputBox = document.getElementById(this.inputId)\n\n if(inputBox) {\n const inputElement = inputBox.children[0] as any\n\n if (inputElement) {\n inputElement.placeholder = '';\n }\n }\n\n }\n}\n","<div class=\"oc-input-box\" [ngClass]=\"{\n 'small': size === 'small',\n 'large': size === 'large',\n error: !!error\n}\" [id]=\"inputId\">\n <ng-content></ng-content>\n <label>{{placeholder}}</label>\n <small\n *ngIf=\"error\"\n class=\"error-msg\"\n >{{error}}</small>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { Component, Input } 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})\nexport class OcModalComponent {\n @Input() title: string = ''\n @Input() size: 'small' | 'medium' |'large' = 'medium'\n\n isOpen: boolean = false\n\n open() {\n this.isOpen = true\n }\n close() {\n this.isOpen = false\n }\n}\n","<div class=\"oc-modal-bg\" *ngIf=\"isOpen\">\n <div class=\"oc-modal\" [ngClass]=\"{large: size === 'large', medium: size === 'medium', small: size === 'small'}\">\n <header class=\"oc-modal-header\">\n <h3>{{title}}</h3>\n <button (click)=\"close()\" class=\"oc-close-btn\">\n <span class=\"material-icons-outlined md-18\">close</span>\n </button>\n </header>\n <div class=\"oc-modal-content\">\n <ng-content></ng-content>\n </div>\n <footer class=\"oc-modal-footer\">\n <ng-content select=\"[footer]\"></ng-content>\n </footer>\n </div>\n</div>","import { Component, Input } 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})\nexport class OcKeyValueComponent {\n @Input() key: string = ''\n @Input() value: string = ''\n}\n","<div class=\"oc-key-value\">\n <!-- Ícone -->\n <ng-content></ng-content>\n <p>\n @if (key) {\n <span>{{key}}:</span>\n }\n {{value}}\n </p>\n</div>","\n/*\n* Public API Surface of otimus-library\n*/\n\nexport * from './lib/otimus-library.service'\nexport * from './lib/otimus-library.component'\nexport * from './lib/components/oc-table/oc-table.component'\nexport * from './lib/components/oc-badge/oc-badge.component'\nexport * from './lib/components/oc-filter/oc-filter.component'\nexport * from './lib/directives/oc-tooltip/oc-tooltip.directive'\nexport * from './lib/components/oc-input/oc-input.component'\nexport * from './lib/components/oc-modal/oc-modal.component'\nexport * from './lib/components/oc-key-value/oc-key-value.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/public-api.ts","../../../projects/otimus-library/src/otimus-library.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class OtimusLibraryService {\n\n constructor() { }\n}\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'lib-otimus-library',\n standalone: true,\n imports: [],\n template: `\n <p>\n otimus-library works!\n </p>\n `,\n styles: ``\n})\nexport class OtimusLibraryComponent {\n\n}\n","import { Component, Input, OnInit } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport {CdkTableModule} from '@angular/cdk/table'\n\n\n@Component({\n selector: 'oc-table',\n standalone: true,\n imports: [CommonModule, CdkTableModule],\n templateUrl: './oc-table.component.html',\n styleUrls: ['./oc-table.component.scss']\n})\nexport class OcTableComponent implements OnInit {\n\n @Input() columns: string[] = []\n @Input() dataSource: any[] = []\n keys: string[] = []\n\n ngOnInit(): void {\n if(!this.dataSource.length) return\n\n this.keys = Object.keys(this.dataSource[0])\n }\n}\n","<table cdk-table [dataSource]=\"dataSource\">\n\n <ng-container *ngFor=\"let column of columns; let i = index\" [cdkColumnDef]=\"column\">\n <th cdk-header-cell *cdkHeaderCellDef> {{column}} </th>\n <td cdk-cell *cdkCellDef=\"let row\"> {{row[keys[i]]}} </td>\n </ng-container>\n\n <tr cdk-header-row *cdkHeaderRowDef=\"columns\"></tr>\n <tr cdk-row *cdkRowDef=\"let row; columns: columns\"></tr>\n</table>\n","import { CommonModule } from '@angular/common';\nimport { Component, Input, OnInit } from '@angular/core';\n\n@Component({\n selector: 'oc-badge',\n standalone: true,\n imports: [CommonModule],\n templateUrl: './oc-badge.component.html',\n styleUrl: './oc-badge.component.scss'\n})\nexport class OcBadgeComponent implements OnInit {\n @Input() size: 'small' | 'medium' | 'large' = 'small'\n @Input() color: 'notification' | 'brand-g' | 'brand-p' | 'success' | 'warning' = 'notification'\n @Input() waved: boolean = false\n\n classList: string[] = []\n\n ngOnInit(): void {\n this.classList.push(this.size, this.color)\n if(this.waved) this.classList.push('waved')\n }\n}\n","<div>\n <div class=\"oc-badge\" [ngClass]=\"classList\">\n <ng-content>\n \n </ng-content>\n </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\nimport { OcBadgeComponent } from '../oc-badge/oc-badge.component';\n\n@Component({\n selector: 'oc-filter',\n standalone: true,\n imports: [CommonModule, OcBadgeComponent],\n templateUrl: './oc-filter.component.html',\n styleUrl: './oc-filter.component.scss'\n})\nexport class OcFilterComponent {\n isOpen: boolean = false\n @Input() text: string = 'Filtros'\n @Input() active: number = 0\n @Input() side: 'left' | 'right' = 'left'\n\n toggleOpen() {\n this.isOpen = !this.isOpen\n }\n}\n","<div class=\"oc-filter-row\" [ngClass]=\"{\n reverse: side === 'right'\n}\">\n <button class=\"oc-filter-btn\" (click)=\"toggleOpen()\">\n <span class=\"material-icons-outlined md-18\">filter_list</span>\n {{text}}\n <div class=\"badge\">\n <oc-badge *ngIf=\"active > 0\" size=\"small\" color=\"success\" [waved]=\"true\">{{active}}</oc-badge>\n </div>\n </button>\n \n <div class=\"filter-row-content\">\n <ng-content select=\"[row]\"></ng-content>\n </div>\n \n</div>\n<div *ngIf=\"isOpen\" class=\"oc-filter-content\">\n <ng-content select=\"[body]\">\n </ng-content>\n</div>\n","import { Directive, ElementRef, HostListener, Input, Renderer2 } from '@angular/core';\n\n@Directive({\n selector: '[ocTooltip]',\n standalone: true\n})\nexport class OcTooltipDirective {\n constructor(private elRef: ElementRef, private renderer: Renderer2) { }\n\n @Input() content: string = ''\n @Input() side: 'bottom' | 'uppon' | 'left' | 'right' = 'bottom'\n\n created:boolean = false\n\n createToolTip() {\n if(this.created) return\n\n const tooltip = this.renderer.createElement('div')\n const text = this.renderer.createText(this.content)\n\n this.renderer.appendChild(tooltip, text)\n this.renderer.addClass(tooltip, 'oc-tooltip')\n this.renderer.setStyle(tooltip, 'position', 'absolute')\n this.renderer.setStyle(tooltip, 'padding', '0.4rem 0.8rem')\n this.renderer.setStyle(tooltip, 'font-size', '0.9rem')\n this.renderer.setStyle(tooltip, 'font-weight', '600')\n this.renderer.setStyle(tooltip, 'color', '#7E8485')\n this.renderer.setStyle(tooltip, 'border', '1px solid #FFFFFF')\n this.renderer.setStyle(tooltip, 'background-color', '#F8F9FF')\n this.renderer.setStyle(tooltip, 'border-radius','1rem')\n this.renderer.setStyle(tooltip, 'box-shadow', '0px 3px 6.5px 0px rgba(0, 0, 0, 0.20)')\n \n const height = this.elRef.nativeElement.offsetHeight;\n const width = this.elRef.nativeElement.offsetWidth;\n\n if(this.side === 'right') {\n this.renderer.setStyle(tooltip, 'transform', `translateX(${width}px) translateY(${-height * 1.3}px)`)\n } else if(this.side === 'left') {\n this.renderer.setStyle(tooltip, 'transform', `translateX(${-width * 2.1}px) translateY(${-height * 1.3}px)`)\n } else if(this.side === 'uppon') {\n this.renderer.setStyle(tooltip, 'transform', `translateY(${-height * 2.5}px)`)\n }\n\n this.created = true\n return tooltip\n }\n\n @HostListener('mouseover')\n onMouseOver() {\n const tooltip = this.createToolTip()\n this.renderer.appendChild(this.elRef.nativeElement, tooltip)\n }\n\n @HostListener('mouseout')\n onMouseOut() {\n\n const tooltip = this.elRef.nativeElement.querySelector('.oc-tooltip')\n if(tooltip){\n this.renderer.removeChild(this.elRef.nativeElement, tooltip)\n this.created = false\n }\n\n }\n}\n","import { CommonModule } from '@angular/common';\nimport { Component, ElementRef, Input, OnInit, Renderer2, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'oc-input',\n standalone: true,\n imports: [CommonModule],\n templateUrl: './oc-input.component.html',\n styleUrl: './oc-input.component.scss',\n encapsulation: ViewEncapsulation.None\n})\nexport class OcInputComponent {\n @Input() error?: string\n @Input() size?: 'small' | 'medium' | 'large' = 'medium'\n @Input() placeholder: string = ''\n inputId: string = `oc-${Math.random()}`\n\n ngAfterViewInit() {\n const inputBox = document.getElementById(this.inputId)\n\n if(inputBox) {\n const inputElement = inputBox.children[0] as any\n\n if (inputElement) {\n inputElement.placeholder = '';\n }\n }\n\n }\n}\n","<div class=\"oc-input-box\" [ngClass]=\"{\n 'small': size === 'small',\n 'large': size === 'large',\n error: !!error\n}\" [id]=\"inputId\">\n <ng-content></ng-content>\n <label>{{placeholder}}</label>\n <small\n *ngIf=\"error\"\n class=\"error-msg\"\n >{{error}}</small>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { Component, Input } 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})\nexport class OcModalComponent {\n @Input() title: string = ''\n @Input() size: 'small' | 'medium' |'large' = 'medium'\n\n isOpen: boolean = false\n\n open() {\n this.isOpen = true\n }\n close() {\n this.isOpen = false\n }\n}\n","<div class=\"oc-modal-bg\" *ngIf=\"isOpen\">\n <div class=\"oc-modal\" [ngClass]=\"{large: size === 'large', medium: size === 'medium', small: size === 'small'}\">\n <header class=\"oc-modal-header\">\n <h3>{{title}}</h3>\n <button (click)=\"close()\" class=\"oc-close-btn\">\n <span class=\"material-icons-outlined md-18\">close</span>\n </button>\n </header>\n <div class=\"oc-modal-content\">\n <ng-content></ng-content>\n </div>\n <footer class=\"oc-modal-footer\">\n <ng-content select=\"[footer]\"></ng-content>\n </footer>\n </div>\n</div>","import { Component, Input } 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})\nexport class OcKeyValueComponent {\n @Input() key: string = ''\n @Input() value: string = ''\n}\n","<div class=\"oc-key-value\">\n <!-- Ícone -->\n <ng-content></ng-content>\n <p>\n @if (key) {\n <span>{{key}}:</span>\n }\n {{value}}\n </p>\n</div>","\n/*\n* Public API Surface of otimus-library\n*/\n\nexport * from './lib/otimus-library.service'\nexport * from './lib/otimus-library.component'\nexport * from './lib/components/oc-table/oc-table.component'\nexport * from './lib/components/oc-badge/oc-badge.component'\nexport * from './lib/components/oc-filter/oc-filter.component'\nexport * from './lib/directives/oc-tooltip/oc-tooltip.directive'\nexport * from './lib/components/oc-input/oc-input.component'\nexport * from './lib/components/oc-modal/oc-modal.component'\nexport * from './lib/components/oc-key-value/oc-key-value.component'","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
@use '../variables.scss';
|
|
2
2
|
|
|
3
3
|
.oc.button {
|
|
4
|
-
height:
|
|
4
|
+
height: 3rem;
|
|
5
5
|
|
|
6
6
|
padding: 0 2rem;
|
|
7
7
|
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
border: none;
|
|
13
13
|
|
|
14
14
|
font-weight: 600;
|
|
15
|
-
font-size:
|
|
15
|
+
font-size: 1rem;
|
|
16
16
|
transition: 0.15s ease;
|
|
17
17
|
|
|
18
18
|
display: flex;
|
|
@@ -109,30 +109,32 @@
|
|
|
109
109
|
|
|
110
110
|
// SIZES
|
|
111
111
|
&.small{
|
|
112
|
-
height:
|
|
112
|
+
height: 2.5rem !important;
|
|
113
113
|
}
|
|
114
114
|
|
|
115
115
|
&.large{
|
|
116
|
-
height:
|
|
116
|
+
height: 3.5rem !important;
|
|
117
117
|
}
|
|
118
118
|
|
|
119
119
|
//ICON
|
|
120
120
|
&.icon{
|
|
121
|
-
height:
|
|
122
|
-
width:
|
|
121
|
+
height: 3rem;
|
|
122
|
+
width: 3rem;
|
|
123
123
|
padding: 0;
|
|
124
124
|
|
|
125
125
|
//ICON SIZES
|
|
126
126
|
&.small{
|
|
127
|
-
width:
|
|
127
|
+
width: 2.5rem !important;
|
|
128
128
|
padding: 0;
|
|
129
|
+
|
|
130
|
+
// font-size: 1.25rem !important;
|
|
129
131
|
}
|
|
130
132
|
|
|
131
133
|
&.large{
|
|
132
|
-
width:
|
|
134
|
+
width: 3.5rem !important;
|
|
133
135
|
padding: 0;
|
|
134
136
|
|
|
135
|
-
font-size: 2rem;
|
|
137
|
+
// font-size: 2rem !important;
|
|
136
138
|
}
|
|
137
139
|
}
|
|
138
140
|
|