otimus-library 0.0.4 → 0.0.6
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 +6 -3
- package/esm2022/lib/components/oc-input/oc-input.component.mjs +23 -0
- package/esm2022/lib/directives/oc-tooltip/oc-tooltip.directive.mjs +72 -0
- package/esm2022/public-api.mjs +3 -1
- package/fesm2022/otimus-library.mjs +96 -4
- package/fesm2022/otimus-library.mjs.map +1 -1
- package/lib/components/oc-filter/oc-filter.component.d.ts +2 -1
- package/lib/components/oc-input/oc-input.component.d.ts +8 -0
- package/lib/directives/oc-tooltip/oc-tooltip.directive.d.ts +15 -0
- package/package.json +3 -3
- package/public-api.d.ts +2 -0
|
@@ -8,19 +8,22 @@ export class OcFilterComponent {
|
|
|
8
8
|
this.isOpen = false;
|
|
9
9
|
this.text = 'Filtros';
|
|
10
10
|
this.active = 0;
|
|
11
|
+
this.side = 'left';
|
|
11
12
|
}
|
|
12
13
|
toggleOpen() {
|
|
13
14
|
this.isOpen = !this.isOpen;
|
|
14
15
|
}
|
|
15
16
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
-
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" }, ngImport: i0, template: "<button class=\"oc-filter-btn\" (click)=\"toggleOpen()\">\n
|
|
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(MaterialIcons-Regular.eot);src:local(\"Material Icons\"),local(\"MaterialIcons-Regular\"),url(MaterialIcons-Regular.woff2) format(\"woff2\"),url(MaterialIcons-Regular.woff) format(\"woff\"),url(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(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-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"] }] }); }
|
|
17
18
|
}
|
|
18
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcFilterComponent, decorators: [{
|
|
19
20
|
type: Component,
|
|
20
|
-
args: [{ selector: 'oc-filter', standalone: true, imports: [CommonModule, OcBadgeComponent], template: "<button class=\"oc-filter-btn\" (click)=\"toggleOpen()\">\n
|
|
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(MaterialIcons-Regular.eot);src:local(\"Material Icons\"),local(\"MaterialIcons-Regular\"),url(MaterialIcons-Regular.woff2) format(\"woff2\"),url(MaterialIcons-Regular.woff) format(\"woff\"),url(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(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-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"] }]
|
|
21
22
|
}], propDecorators: { text: [{
|
|
22
23
|
type: Input
|
|
23
24
|
}], active: [{
|
|
24
25
|
type: Input
|
|
26
|
+
}], side: [{
|
|
27
|
+
type: Input
|
|
25
28
|
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2MtZmlsdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy1maWx0ZXIvb2MtZmlsdGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy1maWx0ZXIvb2MtZmlsdGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQzs7O0FBU2xFLE1BQU0sT0FBTyxpQkFBaUI7SUFQOUI7UUFRRSxXQUFNLEdBQVksS0FBSyxDQUFBO1FBQ2QsU0FBSSxHQUFXLFNBQVMsQ0FBQTtRQUN4QixXQUFNLEdBQVcsQ0FBQyxDQUFBO1FBQ2xCLFNBQUksR0FBcUIsTUFBTSxDQUFBO0tBS3pDO0lBSEMsVUFBVTtRQUNSLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFBO0lBQzVCLENBQUM7OEdBUlUsaUJBQWlCO2tHQUFqQixpQkFBaUIsK0hDWDlCLG1tQkFvQkEsOHhERGJZLFlBQVksaU9BQUUsZ0JBQWdCOzsyRkFJN0IsaUJBQWlCO2tCQVA3QixTQUFTOytCQUNFLFdBQVcsY0FDVCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsZ0JBQWdCLENBQUM7OEJBTWhDLElBQUk7c0JBQVosS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE9jQmFkZ2VDb21wb25lbnQgfSBmcm9tICcuLi9vYy1iYWRnZS9vYy1iYWRnZS5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdvYy1maWx0ZXInLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBPY0JhZGdlQ29tcG9uZW50XSxcbiAgdGVtcGxhdGVVcmw6ICcuL29jLWZpbHRlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9vYy1maWx0ZXIuY29tcG9uZW50LnNjc3MnXG59KVxuZXhwb3J0IGNsYXNzIE9jRmlsdGVyQ29tcG9uZW50IHtcbiAgaXNPcGVuOiBib29sZWFuID0gZmFsc2VcbiAgQElucHV0KCkgdGV4dDogc3RyaW5nID0gJ0ZpbHRyb3MnXG4gIEBJbnB1dCgpIGFjdGl2ZTogbnVtYmVyID0gMFxuICBASW5wdXQoKSBzaWRlOiAnbGVmdCcgfCAncmlnaHQnID0gJ2xlZnQnXG5cbiAgdG9nZ2xlT3BlbigpIHtcbiAgICB0aGlzLmlzT3BlbiA9ICF0aGlzLmlzT3BlblxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwib2MtZmlsdGVyLXJvd1wiIFtuZ0NsYXNzXT1cIntcbiAgcmV2ZXJzZTogc2lkZSA9PT0gJ3JpZ2h0J1xufVwiPlxuICA8YnV0dG9uIGNsYXNzPVwib2MtZmlsdGVyLWJ0blwiIChjbGljayk9XCJ0b2dnbGVPcGVuKClcIj5cbiAgICA8c3BhbiBjbGFzcz1cIm1hdGVyaWFsLWljb25zLW91dGxpbmVkIG1kLTE4XCI+ZmlsdGVyX2xpc3Q8L3NwYW4+XG4gICAge3t0ZXh0fX1cbiAgICA8ZGl2IGNsYXNzPVwiYmFkZ2VcIj5cbiAgICAgIDxvYy1iYWRnZSAqbmdJZj1cImFjdGl2ZSA+IDBcIiBzaXplPVwic21hbGxcIiBjb2xvcj1cInN1Y2Nlc3NcIiBbd2F2ZWRdPVwidHJ1ZVwiPnt7YWN0aXZlfX08L29jLWJhZGdlPlxuICAgIDwvZGl2PlxuICA8L2J1dHRvbj5cbiAgXG4gIDxkaXYgY2xhc3M9XCJmaWx0ZXItcm93LWNvbnRlbnRcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbcm93XVwiPjwvbmctY29udGVudD5cbiAgPC9kaXY+XG4gIFxuPC9kaXY+XG48ZGl2ICpuZ0lmPVwiaXNPcGVuXCIgY2xhc3M9XCJvYy1maWx0ZXItY29udGVudFwiPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJbYm9keV1cIj5cbiAgPC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Component, Input } from '@angular/core';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
export class OcInputComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.size = 'medium';
|
|
8
|
+
this.placeholder = '';
|
|
9
|
+
}
|
|
10
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: OcInputComponent, isStandalone: true, selector: "oc-input", inputs: { error: "error", size: "size", placeholder: "placeholder" }, ngImport: i0, template: "<div class=\"oc-input-box\" [ngClass]=\"{\n 'small': size === 'small',\n 'large': size === 'large',\n error: !!error\n}\">\n <ng-content></ng-content>\n <label>{{placeholder}}</label>\n <small\n *ngIf=\"error\"\n class=\"error-msg\"\n >{{error}}</small>\n</div>\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:.8rem;font-size:.85rem;color:#8f9596;pointer-events:none;transition:.3s ease;border-radius:.5rem}.oc-input-box input,.oc-input-box textarea,.oc-input-box select{border-radius:.7rem;background-color:#f7f7f7;border:1px solid #d1d5db;outline:none;padding:.7rem .9rem;width:100%;transition:.3s ease;color:#1e0832;font-weight:600}.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:focus~label,.oc-input-box input:valid~label,.oc-input-box textarea:focus~label,.oc-input-box textarea:valid~label,.oc-input-box select:focus~label,.oc-input-box select:valid~label{transform:translateY(-.5rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#f8f9ff;padding:2px 10px}.oc-input-box.error input,.oc-input-box.error textarea,.oc-input-box.error select{border:1px solid #ed3a3a;box-shadow:0 4px 6.1px #a1000014}.oc-input-box.error input~small,.oc-input-box.error label,.oc-input-box.error textarea~small,.oc-input-box.error select~small{color:#ed3a3a!important;font-weight:600}.small input,.small textarea,.small select{padding:.5rem;border-radius:.5rem}.small label{padding:.5rem .7rem}.small input:focus~label,.small input:valid~label,.small textarea:focus~label,.small textarea:valid~label,.small select:focus~label,.small select:valid~label{transform:translateY(-.6rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#fff;padding:2px 10px}.large input,.large textarea,.large select{padding:1rem;border-radius:.5rem}.large label{padding:1rem .7rem}.large input:focus~label,.large input:valid~label,.large textarea:focus~label,.large textarea:valid~label,.large select:focus~label,.large select:valid~label{transform:translateY(-.6rem) 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"] }] }); }
|
|
12
|
+
}
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcInputComponent, decorators: [{
|
|
14
|
+
type: Component,
|
|
15
|
+
args: [{ selector: 'oc-input', standalone: true, imports: [CommonModule], template: "<div class=\"oc-input-box\" [ngClass]=\"{\n 'small': size === 'small',\n 'large': size === 'large',\n error: !!error\n}\">\n <ng-content></ng-content>\n <label>{{placeholder}}</label>\n <small\n *ngIf=\"error\"\n class=\"error-msg\"\n >{{error}}</small>\n</div>\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:.8rem;font-size:.85rem;color:#8f9596;pointer-events:none;transition:.3s ease;border-radius:.5rem}.oc-input-box input,.oc-input-box textarea,.oc-input-box select{border-radius:.7rem;background-color:#f7f7f7;border:1px solid #d1d5db;outline:none;padding:.7rem .9rem;width:100%;transition:.3s ease;color:#1e0832;font-weight:600}.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:focus~label,.oc-input-box input:valid~label,.oc-input-box textarea:focus~label,.oc-input-box textarea:valid~label,.oc-input-box select:focus~label,.oc-input-box select:valid~label{transform:translateY(-.5rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#f8f9ff;padding:2px 10px}.oc-input-box.error input,.oc-input-box.error textarea,.oc-input-box.error select{border:1px solid #ed3a3a;box-shadow:0 4px 6.1px #a1000014}.oc-input-box.error input~small,.oc-input-box.error label,.oc-input-box.error textarea~small,.oc-input-box.error select~small{color:#ed3a3a!important;font-weight:600}.small input,.small textarea,.small select{padding:.5rem;border-radius:.5rem}.small label{padding:.5rem .7rem}.small input:focus~label,.small input:valid~label,.small textarea:focus~label,.small textarea:valid~label,.small select:focus~label,.small select:valid~label{transform:translateY(-.6rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#fff;padding:2px 10px}.large input,.large textarea,.large select{padding:1rem;border-radius:.5rem}.large label{padding:1rem .7rem}.large input:focus~label,.large input:valid~label,.large textarea:focus~label,.large textarea:valid~label,.large select:focus~label,.large select:valid~label{transform:translateY(-.6rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#fff;padding:2px 10px}\n"] }]
|
|
16
|
+
}], propDecorators: { error: [{
|
|
17
|
+
type: Input
|
|
18
|
+
}], size: [{
|
|
19
|
+
type: Input
|
|
20
|
+
}], placeholder: [{
|
|
21
|
+
type: Input
|
|
22
|
+
}] } });
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2MtaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb3RpbXVzLWxpYnJhcnkvc3JjL2xpYi9jb21wb25lbnRzL29jLWlucHV0L29jLWlucHV0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy1pbnB1dC9vYy1pbnB1dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQXFCLE1BQU0sZUFBZSxDQUFDOzs7QUFTcEUsTUFBTSxPQUFPLGdCQUFnQjtJQVA3QjtRQVNXLFNBQUksR0FBa0MsUUFBUSxDQUFBO1FBQzlDLGdCQUFXLEdBQVcsRUFBRSxDQUFBO0tBQ2xDOzhHQUpZLGdCQUFnQjtrR0FBaEIsZ0JBQWdCLDBJQ1Y3QixzUkFZQSxtZ0VETlksWUFBWTs7MkZBSVgsZ0JBQWdCO2tCQVA1QixTQUFTOytCQUNFLFVBQVUsY0FDUixJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUM7OEJBS2QsS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ29jLWlucHV0JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9vYy1pbnB1dC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9vYy1pbnB1dC5jb21wb25lbnQuc2Nzcydcbn0pXG5leHBvcnQgY2xhc3MgT2NJbnB1dENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGVycm9yPzogc3RyaW5nXG4gIEBJbnB1dCgpIHNpemU/OiAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnID0gJ21lZGl1bSdcbiAgQElucHV0KCkgcGxhY2Vob2xkZXI6IHN0cmluZyA9ICcnXG59XG4iLCI8ZGl2IGNsYXNzPVwib2MtaW5wdXQtYm94XCIgW25nQ2xhc3NdPVwie1xuICAnc21hbGwnOiBzaXplID09PSAnc21hbGwnLFxuICAnbGFyZ2UnOiBzaXplID09PSAnbGFyZ2UnLFxuICBlcnJvcjogISFlcnJvclxufVwiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDxsYWJlbD57e3BsYWNlaG9sZGVyfX08L2xhYmVsPlxuICA8c21hbGxcbiAgICAqbmdJZj1cImVycm9yXCJcbiAgICBjbGFzcz1cImVycm9yLW1zZ1wiXG4gID57e2Vycm9yfX08L3NtYWxsPlxuPC9kaXY+XG4iXX0=
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import { Directive, HostListener, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class OcTooltipDirective {
|
|
4
|
+
constructor(elRef, renderer) {
|
|
5
|
+
this.elRef = elRef;
|
|
6
|
+
this.renderer = renderer;
|
|
7
|
+
this.content = '';
|
|
8
|
+
this.side = 'bottom';
|
|
9
|
+
this.created = false;
|
|
10
|
+
}
|
|
11
|
+
createToolTip() {
|
|
12
|
+
if (this.created)
|
|
13
|
+
return;
|
|
14
|
+
const tooltip = this.renderer.createElement('div');
|
|
15
|
+
const text = this.renderer.createText(this.content);
|
|
16
|
+
this.renderer.appendChild(tooltip, text);
|
|
17
|
+
this.renderer.addClass(tooltip, 'oc-tooltip');
|
|
18
|
+
this.renderer.setStyle(tooltip, 'position', 'absolute');
|
|
19
|
+
this.renderer.setStyle(tooltip, 'padding', '0.4rem 0.8rem');
|
|
20
|
+
this.renderer.setStyle(tooltip, 'font-size', '0.9rem');
|
|
21
|
+
this.renderer.setStyle(tooltip, 'font-weight', '600');
|
|
22
|
+
this.renderer.setStyle(tooltip, 'color', '#7E8485');
|
|
23
|
+
this.renderer.setStyle(tooltip, 'border', '1px solid #FFFFFF');
|
|
24
|
+
this.renderer.setStyle(tooltip, 'background-color', '#F8F9FF');
|
|
25
|
+
this.renderer.setStyle(tooltip, 'border-radius', '1rem');
|
|
26
|
+
this.renderer.setStyle(tooltip, 'box-shadow', '0px 3px 6.5px 0px rgba(0, 0, 0, 0.20)');
|
|
27
|
+
const height = this.elRef.nativeElement.offsetHeight;
|
|
28
|
+
const width = this.elRef.nativeElement.offsetWidth;
|
|
29
|
+
if (this.side === 'right') {
|
|
30
|
+
this.renderer.setStyle(tooltip, 'transform', `translateX(${width}px) translateY(${-height * 1.3}px)`);
|
|
31
|
+
}
|
|
32
|
+
else if (this.side === 'left') {
|
|
33
|
+
this.renderer.setStyle(tooltip, 'transform', `translateX(${-width * 2.1}px) translateY(${-height * 1.3}px)`);
|
|
34
|
+
}
|
|
35
|
+
else if (this.side === 'uppon') {
|
|
36
|
+
this.renderer.setStyle(tooltip, 'transform', `translateY(${-height * 2.5}px)`);
|
|
37
|
+
}
|
|
38
|
+
this.created = true;
|
|
39
|
+
return tooltip;
|
|
40
|
+
}
|
|
41
|
+
onMouseOver() {
|
|
42
|
+
const tooltip = this.createToolTip();
|
|
43
|
+
this.renderer.appendChild(this.elRef.nativeElement, tooltip);
|
|
44
|
+
}
|
|
45
|
+
onMouseOut() {
|
|
46
|
+
const tooltip = this.elRef.nativeElement.querySelector('.oc-tooltip');
|
|
47
|
+
if (tooltip) {
|
|
48
|
+
this.renderer.removeChild(this.elRef.nativeElement, tooltip);
|
|
49
|
+
this.created = false;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcTooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
53
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.5", type: OcTooltipDirective, isStandalone: true, selector: "[ocTooltip]", inputs: { content: "content", side: "side" }, host: { listeners: { "mouseover": "onMouseOver()", "mouseout": "onMouseOut()" } }, ngImport: i0 }); }
|
|
54
|
+
}
|
|
55
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcTooltipDirective, decorators: [{
|
|
56
|
+
type: Directive,
|
|
57
|
+
args: [{
|
|
58
|
+
selector: '[ocTooltip]',
|
|
59
|
+
standalone: true
|
|
60
|
+
}]
|
|
61
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { content: [{
|
|
62
|
+
type: Input
|
|
63
|
+
}], side: [{
|
|
64
|
+
type: Input
|
|
65
|
+
}], onMouseOver: [{
|
|
66
|
+
type: HostListener,
|
|
67
|
+
args: ['mouseover']
|
|
68
|
+
}], onMouseOut: [{
|
|
69
|
+
type: HostListener,
|
|
70
|
+
args: ['mouseout']
|
|
71
|
+
}] } });
|
|
72
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2MtdG9vbHRpcC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vdGltdXMtbGlicmFyeS9zcmMvbGliL2RpcmVjdGl2ZXMvb2MtdG9vbHRpcC9vYy10b29sdGlwLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLFlBQVksRUFBRSxLQUFLLEVBQWEsTUFBTSxlQUFlLENBQUM7O0FBTXRGLE1BQU0sT0FBTyxrQkFBa0I7SUFDN0IsWUFBb0IsS0FBaUIsRUFBVSxRQUFtQjtRQUE5QyxVQUFLLEdBQUwsS0FBSyxDQUFZO1FBQVUsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQUV6RCxZQUFPLEdBQVcsRUFBRSxDQUFBO1FBQ3BCLFNBQUksR0FBMEMsUUFBUSxDQUFBO1FBRS9ELFlBQU8sR0FBVyxLQUFLLENBQUE7SUFMK0MsQ0FBQztJQU92RSxhQUFhO1FBQ1gsSUFBRyxJQUFJLENBQUMsT0FBTztZQUFFLE9BQU07UUFFdkIsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLENBQUE7UUFDbEQsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFBO1FBRW5ELElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLE9BQU8sRUFBRSxJQUFJLENBQUMsQ0FBQTtRQUN4QyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxPQUFPLEVBQUUsWUFBWSxDQUFDLENBQUE7UUFDN0MsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsT0FBTyxFQUFFLFVBQVUsRUFBRSxVQUFVLENBQUMsQ0FBQTtRQUN2RCxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxPQUFPLEVBQUUsU0FBUyxFQUFFLGVBQWUsQ0FBQyxDQUFB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Y3RpdmUsIEVsZW1lbnRSZWYsIEhvc3RMaXN0ZW5lciwgSW5wdXQsIFJlbmRlcmVyMiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbb2NUb29sdGlwXScsXG4gIHN0YW5kYWxvbmU6IHRydWVcbn0pXG5leHBvcnQgY2xhc3MgT2NUb29sdGlwRGlyZWN0aXZlIHtcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbFJlZjogRWxlbWVudFJlZiwgcHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyKSB7IH1cblxuICBASW5wdXQoKSBjb250ZW50OiBzdHJpbmcgPSAnJ1xuICBASW5wdXQoKSBzaWRlOiAnYm90dG9tJyB8ICd1cHBvbicgfCAnbGVmdCcgfCAncmlnaHQnID0gJ2JvdHRvbSdcblxuICBjcmVhdGVkOmJvb2xlYW4gPSBmYWxzZVxuXG4gIGNyZWF0ZVRvb2xUaXAoKSB7XG4gICAgaWYodGhpcy5jcmVhdGVkKSByZXR1cm5cblxuICAgIGNvbnN0IHRvb2x0aXAgPSB0aGlzLnJlbmRlcmVyLmNyZWF0ZUVsZW1lbnQoJ2RpdicpXG4gICAgY29uc3QgdGV4dCA9IHRoaXMucmVuZGVyZXIuY3JlYXRlVGV4dCh0aGlzLmNvbnRlbnQpXG5cbiAgICB0aGlzLnJlbmRlcmVyLmFwcGVuZENoaWxkKHRvb2x0aXAsIHRleHQpXG4gICAgdGhpcy5yZW5kZXJlci5hZGRDbGFzcyh0b29sdGlwLCAnb2MtdG9vbHRpcCcpXG4gICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0b29sdGlwLCAncG9zaXRpb24nLCAnYWJzb2x1dGUnKVxuICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodG9vbHRpcCwgJ3BhZGRpbmcnLCAnMC40cmVtIDAuOHJlbScpXG4gICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0b29sdGlwLCAnZm9udC1zaXplJywgJzAuOXJlbScpXG4gICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0b29sdGlwLCAnZm9udC13ZWlnaHQnLCAnNjAwJylcbiAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKHRvb2x0aXAsICdjb2xvcicsICcjN0U4NDg1JylcbiAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKHRvb2x0aXAsICdib3JkZXInLCAnMXB4IHNvbGlkICNGRkZGRkYnKVxuICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodG9vbHRpcCwgJ2JhY2tncm91bmQtY29sb3InLCAnI0Y4RjlGRicpXG4gICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0b29sdGlwLCAnYm9yZGVyLXJhZGl1cycsJzFyZW0nKVxuICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodG9vbHRpcCwgJ2JveC1zaGFkb3cnLCAnMHB4IDNweCA2LjVweCAwcHggcmdiYSgwLCAwLCAwLCAwLjIwKScpXG4gICAgXG4gICAgY29uc3QgaGVpZ2h0ID0gdGhpcy5lbFJlZi5uYXRpdmVFbGVtZW50Lm9mZnNldEhlaWdodDtcbiAgICBjb25zdCB3aWR0aCA9IHRoaXMuZWxSZWYubmF0aXZlRWxlbWVudC5vZmZzZXRXaWR0aDtcblxuICAgIGlmKHRoaXMuc2lkZSA9PT0gJ3JpZ2h0Jykge1xuICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0b29sdGlwLCAndHJhbnNmb3JtJywgYHRyYW5zbGF0ZVgoJHt3aWR0aH1weCkgdHJhbnNsYXRlWSgkey1oZWlnaHQgKiAxLjN9cHgpYClcbiAgICB9IGVsc2UgaWYodGhpcy5zaWRlID09PSAnbGVmdCcpIHtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodG9vbHRpcCwgJ3RyYW5zZm9ybScsIGB0cmFuc2xhdGVYKCR7LXdpZHRoICogMi4xfXB4KSB0cmFuc2xhdGVZKCR7LWhlaWdodCAqIDEuM31weClgKVxuICAgIH0gZWxzZSBpZih0aGlzLnNpZGUgPT09ICd1cHBvbicpIHtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodG9vbHRpcCwgJ3RyYW5zZm9ybScsIGB0cmFuc2xhdGVZKCR7LWhlaWdodCAqIDIuNX1weClgKVxuICAgIH1cblxuICAgIHRoaXMuY3JlYXRlZCA9IHRydWVcbiAgICByZXR1cm4gdG9vbHRpcFxuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignbW91c2VvdmVyJylcbiAgb25Nb3VzZU92ZXIoKSB7XG4gICAgY29uc3QgdG9vbHRpcCA9IHRoaXMuY3JlYXRlVG9vbFRpcCgpXG4gICAgdGhpcy5yZW5kZXJlci5hcHBlbmRDaGlsZCh0aGlzLmVsUmVmLm5hdGl2ZUVsZW1lbnQsIHRvb2x0aXApXG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdtb3VzZW91dCcpXG4gIG9uTW91c2VPdXQoKSB7XG5cbiAgICAgIGNvbnN0IHRvb2x0aXAgPSB0aGlzLmVsUmVmLm5hdGl2ZUVsZW1lbnQucXVlcnlTZWxlY3RvcignLm9jLXRvb2x0aXAnKVxuICAgICAgaWYodG9vbHRpcCl7XG4gICAgICAgIHRoaXMucmVuZGVyZXIucmVtb3ZlQ2hpbGQodGhpcy5lbFJlZi5uYXRpdmVFbGVtZW50LCB0b29sdGlwKVxuICAgICAgICB0aGlzLmNyZWF0ZWQgPSBmYWxzZVxuICAgICAgfVxuXG4gIH1cbn1cbiJdfQ==
|
package/esm2022/public-api.mjs
CHANGED
|
@@ -6,4 +6,6 @@ export * from './lib/otimus-library.component';
|
|
|
6
6
|
export * from './lib/components/oc-table/oc-table.component';
|
|
7
7
|
export * from './lib/components/oc-badge/oc-badge.component';
|
|
8
8
|
export * from './lib/components/oc-filter/oc-filter.component';
|
|
9
|
-
|
|
9
|
+
export * from './lib/directives/oc-tooltip/oc-tooltip.directive';
|
|
10
|
+
export * from './lib/components/oc-input/oc-input.component';
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBOztFQUVFO0FBRUYsY0FBYyw4QkFBOEIsQ0FBQTtBQUM1QyxjQUFjLGdDQUFnQyxDQUFBO0FBQzlDLGNBQWMsOENBQThDLENBQUE7QUFDNUQsY0FBYyw4Q0FBOEMsQ0FBQTtBQUM1RCxjQUFjLGdEQUFnRCxDQUFBO0FBQzlELGNBQWMsa0RBQWtELENBQUE7QUFDaEUsY0FBYyw4Q0FBOEMsQ0FBQSIsInNvdXJjZXNDb250ZW50IjpbIlxuLypcbiogUHVibGljIEFQSSBTdXJmYWNlIG9mIG90aW11cy1saWJyYXJ5XG4qL1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9vdGltdXMtbGlicmFyeS5zZXJ2aWNlJ1xuZXhwb3J0ICogZnJvbSAnLi9saWIvb3RpbXVzLWxpYnJhcnkuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9vYy10YWJsZS9vYy10YWJsZS5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL29jLWJhZGdlL29jLWJhZGdlLmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvb2MtZmlsdGVyL29jLWZpbHRlci5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kaXJlY3RpdmVzL29jLXRvb2x0aXAvb2MtdG9vbHRpcC5kaXJlY3RpdmUnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL29jLWlucHV0L29jLWlucHV0LmNvbXBvbmVudCciXX0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Injectable, Component, Input } from '@angular/core';
|
|
2
|
+
import { Injectable, Component, Input, Directive, HostListener } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/common';
|
|
4
4
|
import { CommonModule } from '@angular/common';
|
|
5
5
|
import * as i2 from '@angular/cdk/table';
|
|
@@ -88,20 +88,112 @@ class OcFilterComponent {
|
|
|
88
88
|
this.isOpen = false;
|
|
89
89
|
this.text = 'Filtros';
|
|
90
90
|
this.active = 0;
|
|
91
|
+
this.side = 'left';
|
|
91
92
|
}
|
|
92
93
|
toggleOpen() {
|
|
93
94
|
this.isOpen = !this.isOpen;
|
|
94
95
|
}
|
|
95
96
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
96
|
-
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" }, ngImport: i0, template: "<button class=\"oc-filter-btn\" (click)=\"toggleOpen()\">\n
|
|
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(MaterialIcons-Regular.eot);src:local(\"Material Icons\"),local(\"MaterialIcons-Regular\"),url(MaterialIcons-Regular.woff2) format(\"woff2\"),url(MaterialIcons-Regular.woff) format(\"woff\"),url(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(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-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"] }] }); }
|
|
97
98
|
}
|
|
98
99
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcFilterComponent, decorators: [{
|
|
99
100
|
type: Component,
|
|
100
|
-
args: [{ selector: 'oc-filter', standalone: true, imports: [CommonModule, OcBadgeComponent], template: "<button class=\"oc-filter-btn\" (click)=\"toggleOpen()\">\n
|
|
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(MaterialIcons-Regular.eot);src:local(\"Material Icons\"),local(\"MaterialIcons-Regular\"),url(MaterialIcons-Regular.woff2) format(\"woff2\"),url(MaterialIcons-Regular.woff) format(\"woff\"),url(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(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-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"] }]
|
|
101
102
|
}], propDecorators: { text: [{
|
|
102
103
|
type: Input
|
|
103
104
|
}], active: [{
|
|
104
105
|
type: Input
|
|
106
|
+
}], side: [{
|
|
107
|
+
type: Input
|
|
108
|
+
}] } });
|
|
109
|
+
|
|
110
|
+
class OcTooltipDirective {
|
|
111
|
+
constructor(elRef, renderer) {
|
|
112
|
+
this.elRef = elRef;
|
|
113
|
+
this.renderer = renderer;
|
|
114
|
+
this.content = '';
|
|
115
|
+
this.side = 'bottom';
|
|
116
|
+
this.created = false;
|
|
117
|
+
}
|
|
118
|
+
createToolTip() {
|
|
119
|
+
if (this.created)
|
|
120
|
+
return;
|
|
121
|
+
const tooltip = this.renderer.createElement('div');
|
|
122
|
+
const text = this.renderer.createText(this.content);
|
|
123
|
+
this.renderer.appendChild(tooltip, text);
|
|
124
|
+
this.renderer.addClass(tooltip, 'oc-tooltip');
|
|
125
|
+
this.renderer.setStyle(tooltip, 'position', 'absolute');
|
|
126
|
+
this.renderer.setStyle(tooltip, 'padding', '0.4rem 0.8rem');
|
|
127
|
+
this.renderer.setStyle(tooltip, 'font-size', '0.9rem');
|
|
128
|
+
this.renderer.setStyle(tooltip, 'font-weight', '600');
|
|
129
|
+
this.renderer.setStyle(tooltip, 'color', '#7E8485');
|
|
130
|
+
this.renderer.setStyle(tooltip, 'border', '1px solid #FFFFFF');
|
|
131
|
+
this.renderer.setStyle(tooltip, 'background-color', '#F8F9FF');
|
|
132
|
+
this.renderer.setStyle(tooltip, 'border-radius', '1rem');
|
|
133
|
+
this.renderer.setStyle(tooltip, 'box-shadow', '0px 3px 6.5px 0px rgba(0, 0, 0, 0.20)');
|
|
134
|
+
const height = this.elRef.nativeElement.offsetHeight;
|
|
135
|
+
const width = this.elRef.nativeElement.offsetWidth;
|
|
136
|
+
if (this.side === 'right') {
|
|
137
|
+
this.renderer.setStyle(tooltip, 'transform', `translateX(${width}px) translateY(${-height * 1.3}px)`);
|
|
138
|
+
}
|
|
139
|
+
else if (this.side === 'left') {
|
|
140
|
+
this.renderer.setStyle(tooltip, 'transform', `translateX(${-width * 2.1}px) translateY(${-height * 1.3}px)`);
|
|
141
|
+
}
|
|
142
|
+
else if (this.side === 'uppon') {
|
|
143
|
+
this.renderer.setStyle(tooltip, 'transform', `translateY(${-height * 2.5}px)`);
|
|
144
|
+
}
|
|
145
|
+
this.created = true;
|
|
146
|
+
return tooltip;
|
|
147
|
+
}
|
|
148
|
+
onMouseOver() {
|
|
149
|
+
const tooltip = this.createToolTip();
|
|
150
|
+
this.renderer.appendChild(this.elRef.nativeElement, tooltip);
|
|
151
|
+
}
|
|
152
|
+
onMouseOut() {
|
|
153
|
+
const tooltip = this.elRef.nativeElement.querySelector('.oc-tooltip');
|
|
154
|
+
if (tooltip) {
|
|
155
|
+
this.renderer.removeChild(this.elRef.nativeElement, tooltip);
|
|
156
|
+
this.created = false;
|
|
157
|
+
}
|
|
158
|
+
}
|
|
159
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcTooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
160
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.5", type: OcTooltipDirective, isStandalone: true, selector: "[ocTooltip]", inputs: { content: "content", side: "side" }, host: { listeners: { "mouseover": "onMouseOver()", "mouseout": "onMouseOut()" } }, ngImport: i0 }); }
|
|
161
|
+
}
|
|
162
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcTooltipDirective, decorators: [{
|
|
163
|
+
type: Directive,
|
|
164
|
+
args: [{
|
|
165
|
+
selector: '[ocTooltip]',
|
|
166
|
+
standalone: true
|
|
167
|
+
}]
|
|
168
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { content: [{
|
|
169
|
+
type: Input
|
|
170
|
+
}], side: [{
|
|
171
|
+
type: Input
|
|
172
|
+
}], onMouseOver: [{
|
|
173
|
+
type: HostListener,
|
|
174
|
+
args: ['mouseover']
|
|
175
|
+
}], onMouseOut: [{
|
|
176
|
+
type: HostListener,
|
|
177
|
+
args: ['mouseout']
|
|
178
|
+
}] } });
|
|
179
|
+
|
|
180
|
+
class OcInputComponent {
|
|
181
|
+
constructor() {
|
|
182
|
+
this.size = 'medium';
|
|
183
|
+
this.placeholder = '';
|
|
184
|
+
}
|
|
185
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
186
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: OcInputComponent, isStandalone: true, selector: "oc-input", inputs: { error: "error", size: "size", placeholder: "placeholder" }, ngImport: i0, template: "<div class=\"oc-input-box\" [ngClass]=\"{\n 'small': size === 'small',\n 'large': size === 'large',\n error: !!error\n}\">\n <ng-content></ng-content>\n <label>{{placeholder}}</label>\n <small\n *ngIf=\"error\"\n class=\"error-msg\"\n >{{error}}</small>\n</div>\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:.8rem;font-size:.85rem;color:#8f9596;pointer-events:none;transition:.3s ease;border-radius:.5rem}.oc-input-box input,.oc-input-box textarea,.oc-input-box select{border-radius:.7rem;background-color:#f7f7f7;border:1px solid #d1d5db;outline:none;padding:.7rem .9rem;width:100%;transition:.3s ease;color:#1e0832;font-weight:600}.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:focus~label,.oc-input-box input:valid~label,.oc-input-box textarea:focus~label,.oc-input-box textarea:valid~label,.oc-input-box select:focus~label,.oc-input-box select:valid~label{transform:translateY(-.5rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#f8f9ff;padding:2px 10px}.oc-input-box.error input,.oc-input-box.error textarea,.oc-input-box.error select{border:1px solid #ed3a3a;box-shadow:0 4px 6.1px #a1000014}.oc-input-box.error input~small,.oc-input-box.error label,.oc-input-box.error textarea~small,.oc-input-box.error select~small{color:#ed3a3a!important;font-weight:600}.small input,.small textarea,.small select{padding:.5rem;border-radius:.5rem}.small label{padding:.5rem .7rem}.small input:focus~label,.small input:valid~label,.small textarea:focus~label,.small textarea:valid~label,.small select:focus~label,.small select:valid~label{transform:translateY(-.6rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#fff;padding:2px 10px}.large input,.large textarea,.large select{padding:1rem;border-radius:.5rem}.large label{padding:1rem .7rem}.large input:focus~label,.large input:valid~label,.large textarea:focus~label,.large textarea:valid~label,.large select:focus~label,.large select:valid~label{transform:translateY(-.6rem) 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"] }] }); }
|
|
187
|
+
}
|
|
188
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcInputComponent, decorators: [{
|
|
189
|
+
type: Component,
|
|
190
|
+
args: [{ selector: 'oc-input', standalone: true, imports: [CommonModule], template: "<div class=\"oc-input-box\" [ngClass]=\"{\n 'small': size === 'small',\n 'large': size === 'large',\n error: !!error\n}\">\n <ng-content></ng-content>\n <label>{{placeholder}}</label>\n <small\n *ngIf=\"error\"\n class=\"error-msg\"\n >{{error}}</small>\n</div>\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:.8rem;font-size:.85rem;color:#8f9596;pointer-events:none;transition:.3s ease;border-radius:.5rem}.oc-input-box input,.oc-input-box textarea,.oc-input-box select{border-radius:.7rem;background-color:#f7f7f7;border:1px solid #d1d5db;outline:none;padding:.7rem .9rem;width:100%;transition:.3s ease;color:#1e0832;font-weight:600}.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:focus~label,.oc-input-box input:valid~label,.oc-input-box textarea:focus~label,.oc-input-box textarea:valid~label,.oc-input-box select:focus~label,.oc-input-box select:valid~label{transform:translateY(-.5rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#f8f9ff;padding:2px 10px}.oc-input-box.error input,.oc-input-box.error textarea,.oc-input-box.error select{border:1px solid #ed3a3a;box-shadow:0 4px 6.1px #a1000014}.oc-input-box.error input~small,.oc-input-box.error label,.oc-input-box.error textarea~small,.oc-input-box.error select~small{color:#ed3a3a!important;font-weight:600}.small input,.small textarea,.small select{padding:.5rem;border-radius:.5rem}.small label{padding:.5rem .7rem}.small input:focus~label,.small input:valid~label,.small textarea:focus~label,.small textarea:valid~label,.small select:focus~label,.small select:valid~label{transform:translateY(-.6rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#fff;padding:2px 10px}.large input,.large textarea,.large select{padding:1rem;border-radius:.5rem}.large label{padding:1rem .7rem}.large input:focus~label,.large input:valid~label,.large textarea:focus~label,.large textarea:valid~label,.large select:focus~label,.large select:valid~label{transform:translateY(-.6rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#fff;padding:2px 10px}\n"] }]
|
|
191
|
+
}], propDecorators: { error: [{
|
|
192
|
+
type: Input
|
|
193
|
+
}], size: [{
|
|
194
|
+
type: Input
|
|
195
|
+
}], placeholder: [{
|
|
196
|
+
type: Input
|
|
105
197
|
}] } });
|
|
106
198
|
|
|
107
199
|
/*
|
|
@@ -112,5 +204,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImpor
|
|
|
112
204
|
* Generated bundle index. Do not edit.
|
|
113
205
|
*/
|
|
114
206
|
|
|
115
|
-
export { OcBadgeComponent, OcFilterComponent, OcTableComponent, OtimusLibraryComponent, OtimusLibraryService };
|
|
207
|
+
export { OcBadgeComponent, OcFilterComponent, OcInputComponent, OcTableComponent, OcTooltipDirective, OtimusLibraryComponent, OtimusLibraryService };
|
|
116
208
|
//# sourceMappingURL=otimus-library.mjs.map
|
|
@@ -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/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@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\n toggleOpen() {\n this.isOpen = !this.isOpen\n }\n}\n","<button class=\"oc-filter-btn\" (click)=\"toggleOpen()\">\n <img src=\"https://icon-library.com/images/filter-png-icon/filter-png-icon-0.jpg\">\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<div *ngIf=\"isOpen\" class=\"oc-filter-content\">\n <ng-content>\n </ng-content>\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'","/**\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/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@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, Input, 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})\nexport class OcInputComponent {\n @Input() error?: string\n @Input() size?: 'small' | 'medium' | 'large' = 'medium'\n @Input() placeholder: string = ''\n}\n","<div class=\"oc-input-box\" [ngClass]=\"{\n 'small': size === 'small',\n 'large': size === 'large',\n error: !!error\n}\">\n <ng-content></ng-content>\n <label>{{placeholder}}</label>\n <small\n *ngIf=\"error\"\n class=\"error-msg\"\n >{{error}}</small>\n</div>\n","\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'","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,8 @@ export declare class OcFilterComponent {
|
|
|
3
3
|
isOpen: boolean;
|
|
4
4
|
text: string;
|
|
5
5
|
active: number;
|
|
6
|
+
side: 'left' | 'right';
|
|
6
7
|
toggleOpen(): void;
|
|
7
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<OcFilterComponent, never>;
|
|
8
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<OcFilterComponent, "oc-filter", never, { "text": { "alias": "text"; "required": false; }; "active": { "alias": "active"; "required": false; }; }, {}, never, ["
|
|
9
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<OcFilterComponent, "oc-filter", never, { "text": { "alias": "text"; "required": false; }; "active": { "alias": "active"; "required": false; }; "side": { "alias": "side"; "required": false; }; }, {}, never, ["[row]", "[body]"], true, never>;
|
|
9
10
|
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class OcInputComponent {
|
|
3
|
+
error?: string;
|
|
4
|
+
size?: 'small' | 'medium' | 'large';
|
|
5
|
+
placeholder: string;
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<OcInputComponent, never>;
|
|
7
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<OcInputComponent, "oc-input", never, { "error": { "alias": "error"; "required": false; }; "size": { "alias": "size"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ElementRef, Renderer2 } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class OcTooltipDirective {
|
|
4
|
+
private elRef;
|
|
5
|
+
private renderer;
|
|
6
|
+
constructor(elRef: ElementRef, renderer: Renderer2);
|
|
7
|
+
content: string;
|
|
8
|
+
side: 'bottom' | 'uppon' | 'left' | 'right';
|
|
9
|
+
created: boolean;
|
|
10
|
+
createToolTip(): any;
|
|
11
|
+
onMouseOver(): void;
|
|
12
|
+
onMouseOut(): void;
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<OcTooltipDirective, never>;
|
|
14
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<OcTooltipDirective, "[ocTooltip]", never, { "content": { "alias": "content"; "required": false; }; "side": { "alias": "side"; "required": false; }; }, {}, never, never, true, never>;
|
|
15
|
+
}
|
package/package.json
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "otimus-library",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.6",
|
|
4
4
|
"peerDependencies": {
|
|
5
|
+
"@angular/cdk": "^17.0.2",
|
|
5
6
|
"@angular/common": "^17.0.0",
|
|
6
|
-
"@angular/core": "^17.0.0"
|
|
7
|
-
"@angular/cdk": "^17.0.2"
|
|
7
|
+
"@angular/core": "^17.0.0"
|
|
8
8
|
},
|
|
9
9
|
"dependencies": {
|
|
10
10
|
"tslib": "^2.3.0"
|
package/public-api.d.ts
CHANGED
|
@@ -3,3 +3,5 @@ export * from './lib/otimus-library.component';
|
|
|
3
3
|
export * from './lib/components/oc-table/oc-table.component';
|
|
4
4
|
export * from './lib/components/oc-badge/oc-badge.component';
|
|
5
5
|
export * from './lib/components/oc-filter/oc-filter.component';
|
|
6
|
+
export * from './lib/directives/oc-tooltip/oc-tooltip.directive';
|
|
7
|
+
export * from './lib/components/oc-input/oc-input.component';
|