otimus-library 0.0.83 → 0.0.85
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-autocomplete/oc-autocomplete.component.mjs +2 -2
- package/esm2022/lib/components/oc-checkbox/oc-checkbox.component.mjs +3 -3
- package/esm2022/lib/components/oc-chip/oc-chip.component.mjs +3 -3
- package/esm2022/lib/components/oc-input/oc-input.component.mjs +22 -4
- package/esm2022/lib/components/oc-key-value/oc-key-value.component.mjs +3 -3
- package/esm2022/lib/components/oc-log/oc-log.component.mjs +3 -3
- package/esm2022/lib/components/oc-modal/oc-modal.component.mjs +3 -3
- package/esm2022/lib/components/oc-modal-footer/oc-modal-footer.component.mjs +3 -3
- package/esm2022/lib/components/oc-not-found/oc-not-found.component.mjs +3 -3
- package/esm2022/lib/components/oc-pagination/oc-pagination.component.mjs +3 -3
- package/esm2022/lib/components/oc-profile/oc-profile.component.mjs +3 -3
- package/fesm2022/otimus-library.mjs +40 -22
- package/fesm2022/otimus-library.mjs.map +1 -1
- package/lib/components/oc-input/oc-input.component.d.ts +4 -1
- package/package.json +1 -1
- package/styles/colors.scss +1 -4
- package/styles/components/buttons.scss +6 -6
- package/styles/components/inputs.scss +1 -1
- package/styles/styles.scss +1 -0
- package/styles/variables.scss +5 -6
|
@@ -34,11 +34,11 @@ export class OcPaginationComponent {
|
|
|
34
34
|
this.ocGetPage.emit(this.ocPage);
|
|
35
35
|
}
|
|
36
36
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
37
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: OcPaginationComponent, isStandalone: true, selector: "oc-pagination", inputs: { ocPage: "ocPage", ocMaxPage: "ocMaxPage" }, outputs: { ocGetPage: "ocGetPage" }, ngImport: i0, template: "<div class=\"oc-pagination\">\n <p class=\"oc-pagination-text\">\n P\u00E1gina\n <span>{{ocPage}}</span> \n de\n <span>{{ocMaxPage}}</span>\n </p>\n <div class=\"oc-pagination-buttons\">\n <button (click)=\"firstPage()\" [ngClass]=\"{\n disabled: ocPage === 1\n }\">\n <span class=\"material-symbols-outlined\">keyboard_double_arrow_left</span>\n </button>\n <button (click)=\"decrementPage()\" [ngClass]=\"{\n disabled: ocPage === 1\n }\">\n <span class=\"material-symbols-outlined\">navigate_before</span>\n </button>\n <button (click)=\"incrementPage()\" [ngClass]=\"{\n disabled: ocPage === ocMaxPage\n }\"> \n <span class=\"material-symbols-outlined\">navigate_next</span>\n </button>\n <button (click)=\"lastPage()\" [ngClass]=\"{\n disabled: ocPage === ocMaxPage\n }\"> \n <span class=\"material-symbols-outlined\">\n keyboard_double_arrow_right\n </span>\n </button>\n </div>\n</div>", styles: [".oc-pagination{display:flex;align-items:center;gap:1rem;border:none;overflow:hidden}.oc-pagination .oc-pagination-buttons{display:flex;align-items:center;gap:0;border:2px solid #f7f7f7;border-radius:.5rem;transition:.3s ease}.oc-pagination .oc-pagination-buttons:hover{border-color:#d1d5db}.oc-pagination .oc-pagination-buttons button{margin:0;transition:.15s ease;border-radius:.5rem;cursor:pointer;border:none;height:3rem;padding:0 1rem;display:flex;align-items:center;justify-content:center;background-color:transparent;color:#7e8485;font-weight:700}.oc-pagination .oc-pagination-buttons button:hover{background-color:#f7f7f7;color:#
|
|
37
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: OcPaginationComponent, isStandalone: true, selector: "oc-pagination", inputs: { ocPage: "ocPage", ocMaxPage: "ocMaxPage" }, outputs: { ocGetPage: "ocGetPage" }, ngImport: i0, template: "<div class=\"oc-pagination\">\r\n <p class=\"oc-pagination-text\">\r\n P\u00E1gina\r\n <span>{{ocPage}}</span> \r\n de\r\n <span>{{ocMaxPage}}</span>\r\n </p>\r\n <div class=\"oc-pagination-buttons\">\r\n <button (click)=\"firstPage()\" [ngClass]=\"{\r\n disabled: ocPage === 1\r\n }\">\r\n <span class=\"material-symbols-outlined\">keyboard_double_arrow_left</span>\r\n </button>\r\n <button (click)=\"decrementPage()\" [ngClass]=\"{\r\n disabled: ocPage === 1\r\n }\">\r\n <span class=\"material-symbols-outlined\">navigate_before</span>\r\n </button>\r\n <button (click)=\"incrementPage()\" [ngClass]=\"{\r\n disabled: ocPage === ocMaxPage\r\n }\"> \r\n <span class=\"material-symbols-outlined\">navigate_next</span>\r\n </button>\r\n <button (click)=\"lastPage()\" [ngClass]=\"{\r\n disabled: ocPage === ocMaxPage\r\n }\"> \r\n <span class=\"material-symbols-outlined\">\r\n keyboard_double_arrow_right\r\n </span>\r\n </button>\r\n </div>\r\n</div>", styles: [".oc-pagination{display:flex;align-items:center;gap:1rem;border:none;overflow:hidden}.oc-pagination .oc-pagination-buttons{display:flex;align-items:center;gap:0;border:2px solid #f7f7f7;border-radius:.5rem;transition:.3s ease}.oc-pagination .oc-pagination-buttons:hover{border-color:#d1d5db}.oc-pagination .oc-pagination-buttons button{margin:0;transition:.15s ease;border-radius:.5rem;cursor:pointer;border:none;height:3rem;padding:0 1rem;display:flex;align-items:center;justify-content:center;background-color:transparent;color:#7e8485;font-weight:700}.oc-pagination .oc-pagination-buttons button:hover{background-color:#f7f7f7;color:#7737b5}.oc-pagination .oc-pagination-buttons button:active{transform:translateY(2px)}.oc-pagination .oc-pagination-text{font-weight:500;font-size:1rem;color:#8f9596}.oc-pagination .oc-pagination-text span{font-weight:700;color:#5505a2}.disabled{cursor:not-allowed!important;opacity:.4;pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
38
38
|
}
|
|
39
39
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcPaginationComponent, decorators: [{
|
|
40
40
|
type: Component,
|
|
41
|
-
args: [{ selector: 'oc-pagination', standalone: true, imports: [CommonModule], template: "<div class=\"oc-pagination\">\n <p class=\"oc-pagination-text\">\n P\u00E1gina\n <span>{{ocPage}}</span> \n de\n <span>{{ocMaxPage}}</span>\n </p>\n <div class=\"oc-pagination-buttons\">\n <button (click)=\"firstPage()\" [ngClass]=\"{\n disabled: ocPage === 1\n }\">\n <span class=\"material-symbols-outlined\">keyboard_double_arrow_left</span>\n </button>\n <button (click)=\"decrementPage()\" [ngClass]=\"{\n disabled: ocPage === 1\n }\">\n <span class=\"material-symbols-outlined\">navigate_before</span>\n </button>\n <button (click)=\"incrementPage()\" [ngClass]=\"{\n disabled: ocPage === ocMaxPage\n }\"> \n <span class=\"material-symbols-outlined\">navigate_next</span>\n </button>\n <button (click)=\"lastPage()\" [ngClass]=\"{\n disabled: ocPage === ocMaxPage\n }\"> \n <span class=\"material-symbols-outlined\">\n keyboard_double_arrow_right\n </span>\n </button>\n </div>\n</div>", styles: [".oc-pagination{display:flex;align-items:center;gap:1rem;border:none;overflow:hidden}.oc-pagination .oc-pagination-buttons{display:flex;align-items:center;gap:0;border:2px solid #f7f7f7;border-radius:.5rem;transition:.3s ease}.oc-pagination .oc-pagination-buttons:hover{border-color:#d1d5db}.oc-pagination .oc-pagination-buttons button{margin:0;transition:.15s ease;border-radius:.5rem;cursor:pointer;border:none;height:3rem;padding:0 1rem;display:flex;align-items:center;justify-content:center;background-color:transparent;color:#7e8485;font-weight:700}.oc-pagination .oc-pagination-buttons button:hover{background-color:#f7f7f7;color:#
|
|
41
|
+
args: [{ selector: 'oc-pagination', standalone: true, imports: [CommonModule], template: "<div class=\"oc-pagination\">\r\n <p class=\"oc-pagination-text\">\r\n P\u00E1gina\r\n <span>{{ocPage}}</span> \r\n de\r\n <span>{{ocMaxPage}}</span>\r\n </p>\r\n <div class=\"oc-pagination-buttons\">\r\n <button (click)=\"firstPage()\" [ngClass]=\"{\r\n disabled: ocPage === 1\r\n }\">\r\n <span class=\"material-symbols-outlined\">keyboard_double_arrow_left</span>\r\n </button>\r\n <button (click)=\"decrementPage()\" [ngClass]=\"{\r\n disabled: ocPage === 1\r\n }\">\r\n <span class=\"material-symbols-outlined\">navigate_before</span>\r\n </button>\r\n <button (click)=\"incrementPage()\" [ngClass]=\"{\r\n disabled: ocPage === ocMaxPage\r\n }\"> \r\n <span class=\"material-symbols-outlined\">navigate_next</span>\r\n </button>\r\n <button (click)=\"lastPage()\" [ngClass]=\"{\r\n disabled: ocPage === ocMaxPage\r\n }\"> \r\n <span class=\"material-symbols-outlined\">\r\n keyboard_double_arrow_right\r\n </span>\r\n </button>\r\n </div>\r\n</div>", styles: [".oc-pagination{display:flex;align-items:center;gap:1rem;border:none;overflow:hidden}.oc-pagination .oc-pagination-buttons{display:flex;align-items:center;gap:0;border:2px solid #f7f7f7;border-radius:.5rem;transition:.3s ease}.oc-pagination .oc-pagination-buttons:hover{border-color:#d1d5db}.oc-pagination .oc-pagination-buttons button{margin:0;transition:.15s ease;border-radius:.5rem;cursor:pointer;border:none;height:3rem;padding:0 1rem;display:flex;align-items:center;justify-content:center;background-color:transparent;color:#7e8485;font-weight:700}.oc-pagination .oc-pagination-buttons button:hover{background-color:#f7f7f7;color:#7737b5}.oc-pagination .oc-pagination-buttons button:active{transform:translateY(2px)}.oc-pagination .oc-pagination-text{font-weight:500;font-size:1rem;color:#8f9596}.oc-pagination .oc-pagination-text span{font-weight:700;color:#5505a2}.disabled{cursor:not-allowed!important;opacity:.4;pointer-events:none}\n"] }]
|
|
42
42
|
}], propDecorators: { ocPage: [{
|
|
43
43
|
type: Input
|
|
44
44
|
}], ocMaxPage: [{
|
|
@@ -46,4 +46,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImpor
|
|
|
46
46
|
}], ocGetPage: [{
|
|
47
47
|
type: Output
|
|
48
48
|
}] } });
|
|
49
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2MtcGFnaW5hdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vdGltdXMtbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvb2MtcGFnaW5hdGlvbi9vYy1wYWdpbmF0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy1wYWdpbmF0aW9uL29jLXBhZ2luYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVMvRSxNQUFNLE9BQU8scUJBQXFCO0lBUGxDO1FBUVcsV0FBTSxHQUFXLENBQUMsQ0FBQTtRQUVqQixjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQTtLQWdDakQ7SUE5QkMsUUFBUTtRQUNOLElBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUztZQUFFLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQTtJQUNsRCxDQUFDO0lBRUQsU0FBUztRQUNQLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFBO1FBRWYsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFBO0lBQ2xDLENBQUM7SUFFRCxhQUFhO1FBQ1gsSUFBRyxJQUFJLENBQUMsTUFBTSxJQUFJLENBQUM7WUFBRSxPQUFNO1FBQzNCLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQTtRQUViLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQTtJQUNsQyxDQUFDO0lBRUQsYUFBYTtRQUNYLElBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxJQUFJLElBQUksQ0FBQyxNQUFNLElBQUksSUFBSSxDQUFDLFNBQVM7WUFBRSxPQUFNO1FBQzNELElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQTtRQUViLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQTtJQUNsQyxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUztZQUFFLE9BQU07UUFDMUIsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFBO1FBRTVCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQTtJQUNsQyxDQUFDOzhHQWxDVSxxQkFBcUI7a0dBQXJCLHFCQUFxQixvS0NWbEMscWlDQStCTSx3K0JEekJNLFlBQVk7OzJGQUlYLHFCQUFxQjtrQkFQakMsU0FBUzsrQkFDRSxlQUFlLGNBQ2IsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDOzhCQUtkLE1BQU07c0JBQWQsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNJLFNBQVM7c0JBQWxCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ29jLXBhZ2luYXRpb24nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL29jLXBhZ2luYXRpb24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9vYy1wYWdpbmF0aW9uLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgT2NQYWdpbmF0aW9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0e1xyXG4gIEBJbnB1dCgpIG9jUGFnZTogbnVtYmVyID0gMVxyXG4gIEBJbnB1dCgpIG9jTWF4UGFnZT86IG51bWJlclxyXG4gIEBPdXRwdXQoKSBvY0dldFBhZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKVxyXG4gIFxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgaWYoIXRoaXMub2NNYXhQYWdlKSB0aGlzLm9jTWF4UGFnZSA9IHRoaXMub2NQYWdlXHJcbiAgfVxyXG5cclxuICBmaXJzdFBhZ2UoKSB7XHJcbiAgICB0aGlzLm9jUGFnZSA9IDFcclxuICAgIFxyXG4gICAgdGhpcy5vY0dldFBhZ2UuZW1pdCh0aGlzLm9jUGFnZSlcclxuICB9XHJcblxyXG4gIGRlY3JlbWVudFBhZ2UoKSB7XHJcbiAgICBpZih0aGlzLm9jUGFnZSA8PSAxKSByZXR1cm5cclxuICAgIHRoaXMub2NQYWdlLS1cclxuICAgIFxyXG4gICAgdGhpcy5vY0dldFBhZ2UuZW1pdCh0aGlzLm9jUGFnZSlcclxuICB9XHJcblxyXG4gIGluY3JlbWVudFBhZ2UoKSB7XHJcbiAgICBpZighdGhpcy5vY01heFBhZ2UgfHwgdGhpcy5vY1BhZ2UgPj0gdGhpcy5vY01heFBhZ2UpIHJldHVyblxyXG4gICAgdGhpcy5vY1BhZ2UrK1xyXG4gICAgXHJcbiAgICB0aGlzLm9jR2V0UGFnZS5lbWl0KHRoaXMub2NQYWdlKVxyXG4gIH1cclxuXHJcbiAgbGFzdFBhZ2UoKSB7XHJcbiAgICBpZighdGhpcy5vY01heFBhZ2UpIHJldHVyblxyXG4gICAgdGhpcy5vY1BhZ2UgPSB0aGlzLm9jTWF4UGFnZVxyXG4gICAgXHJcbiAgICB0aGlzLm9jR2V0UGFnZS5lbWl0KHRoaXMub2NQYWdlKVxyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwib2MtcGFnaW5hdGlvblwiPlxyXG4gIDxwIGNsYXNzPVwib2MtcGFnaW5hdGlvbi10ZXh0XCI+XHJcbiAgICBQw6FnaW5hXHJcbiAgICA8c3Bhbj57e29jUGFnZX19PC9zcGFuPiBcclxuICAgICAgZGVcclxuICAgIDxzcGFuPnt7b2NNYXhQYWdlfX08L3NwYW4+XHJcbiAgPC9wPlxyXG4gIDxkaXYgY2xhc3M9XCJvYy1wYWdpbmF0aW9uLWJ1dHRvbnNcIj5cclxuICAgIDxidXR0b24gKGNsaWNrKT1cImZpcnN0UGFnZSgpXCIgW25nQ2xhc3NdPVwie1xyXG4gICAgICBkaXNhYmxlZDogb2NQYWdlID09PSAxXHJcbiAgICB9XCI+XHJcbiAgICAgIDxzcGFuIGNsYXNzPVwibWF0ZXJpYWwtc3ltYm9scy1vdXRsaW5lZFwiPmtleWJvYXJkX2RvdWJsZV9hcnJvd19sZWZ0PC9zcGFuPlxyXG4gICAgPC9idXR0b24+XHJcbiAgICA8YnV0dG9uIChjbGljayk9XCJkZWNyZW1lbnRQYWdlKClcIiBbbmdDbGFzc109XCJ7XHJcbiAgICAgIGRpc2FibGVkOiBvY1BhZ2UgPT09IDFcclxuICAgIH1cIj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJtYXRlcmlhbC1zeW1ib2xzLW91dGxpbmVkXCI+bmF2aWdhdGVfYmVmb3JlPC9zcGFuPlxyXG4gICAgPC9idXR0b24+XHJcbiAgICA8YnV0dG9uIChjbGljayk9XCJpbmNyZW1lbnRQYWdlKClcIiBbbmdDbGFzc109XCJ7XHJcbiAgICAgIGRpc2FibGVkOiBvY1BhZ2UgPT09IG9jTWF4UGFnZVxyXG4gICAgfVwiPiBcclxuICAgICAgPHNwYW4gY2xhc3M9XCJtYXRlcmlhbC1zeW1ib2xzLW91dGxpbmVkXCI+bmF2aWdhdGVfbmV4dDwvc3Bhbj5cclxuICAgIDwvYnV0dG9uPlxyXG4gICAgPGJ1dHRvbiAoY2xpY2spPVwibGFzdFBhZ2UoKVwiIFtuZ0NsYXNzXT1cIntcclxuICAgICAgZGlzYWJsZWQ6IG9jUGFnZSA9PT0gb2NNYXhQYWdlXHJcbiAgICB9XCI+IFxyXG4gICAgICA8c3BhbiBjbGFzcz1cIm1hdGVyaWFsLXN5bWJvbHMtb3V0bGluZWRcIj5cclxuICAgICAgICBrZXlib2FyZF9kb3VibGVfYXJyb3dfcmlnaHRcclxuICAgICAgPC9zcGFuPlxyXG4gICAgPC9idXR0b24+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==
|
|
@@ -23,11 +23,11 @@ export class OcProfileComponent {
|
|
|
23
23
|
this.nameInitials = (firstLetter + lastLetter).toUpperCase();
|
|
24
24
|
}
|
|
25
25
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
26
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.5", type: OcProfileComponent, isStandalone: true, selector: "oc-profile", inputs: { ocUserName: "ocUserName", ocProfilePic: "ocProfilePic", ocSize: "ocSize" }, ngImport: i0, template: "<div class=\"oc-profile\"\n [ngClass]=\"{\n small: ocSize === 'small',\n tiny: ocSize === 'tiny',\n large: ocSize === 'large'\n }\"\n>\n <div class=\"content\">\n @if(ocProfilePic){\n <img [src]=\"ocProfilePic\" [alt]=\"ocUserName || 'Foto de perfil do usu\u00E1rio'\">\n }@else {\n <span>\n {{nameInitials}}\n </span>\n }\n </div>\n</div>", styles: [".oc-profile{transform:rotate(45deg);width:50px;height:50px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;background-color:#5505a2;border-radius:.7rem;overflow:hidden}.oc-profile.small{width:40px;height:40px;border-radius:.55rem}.oc-profile.small .content{font-size:1.2rem}.oc-profile.tiny{width:30px;height:30px;border-radius:.4rem}.oc-profile.tiny .content{font-size:.9rem}.oc-profile.large{width:60px;height:60px}.oc-profile.large .content{font-size:2rem}.oc-profile .content{transform:rotate(-45deg);color:#f8f9ff;font-weight:500;font-size:1.5rem;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.oc-profile .content:hover img{transform:scale(2.1)}.oc-profile img{max-width:100%;max-height:100%;transform:scale(1.95);transition:.3s ease;object-fit:cover}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
26
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.5", type: OcProfileComponent, isStandalone: true, selector: "oc-profile", inputs: { ocUserName: "ocUserName", ocProfilePic: "ocProfilePic", ocSize: "ocSize" }, ngImport: i0, template: "<div class=\"oc-profile\"\r\n [ngClass]=\"{\r\n small: ocSize === 'small',\r\n tiny: ocSize === 'tiny',\r\n large: ocSize === 'large'\r\n }\"\r\n>\r\n <div class=\"content\">\r\n @if(ocProfilePic){\r\n <img [src]=\"ocProfilePic\" [alt]=\"ocUserName || 'Foto de perfil do usu\u00E1rio'\">\r\n }@else {\r\n <span>\r\n {{nameInitials}}\r\n </span>\r\n }\r\n </div>\r\n</div>", styles: [".oc-profile{transform:rotate(45deg);width:50px;height:50px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;background-color:#5505a2;border-radius:.7rem;overflow:hidden}.oc-profile.small{width:40px;height:40px;border-radius:.55rem}.oc-profile.small .content{font-size:1.2rem}.oc-profile.tiny{width:30px;height:30px;border-radius:.4rem}.oc-profile.tiny .content{font-size:.9rem}.oc-profile.large{width:60px;height:60px}.oc-profile.large .content{font-size:2rem}.oc-profile .content{transform:rotate(-45deg);color:#f8f9ff;font-weight:500;font-size:1.5rem;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.oc-profile .content:hover img{transform:scale(2.1)}.oc-profile img{max-width:100%;max-height:100%;transform:scale(1.95);transition:.3s ease;object-fit:cover}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
27
27
|
}
|
|
28
28
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcProfileComponent, decorators: [{
|
|
29
29
|
type: Component,
|
|
30
|
-
args: [{ selector: 'oc-profile', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"oc-profile\"\n [ngClass]=\"{\n small: ocSize === 'small',\n tiny: ocSize === 'tiny',\n large: ocSize === 'large'\n }\"\n>\n <div class=\"content\">\n @if(ocProfilePic){\n <img [src]=\"ocProfilePic\" [alt]=\"ocUserName || 'Foto de perfil do usu\u00E1rio'\">\n }@else {\n <span>\n {{nameInitials}}\n </span>\n }\n </div>\n</div>", styles: [".oc-profile{transform:rotate(45deg);width:50px;height:50px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;background-color:#5505a2;border-radius:.7rem;overflow:hidden}.oc-profile.small{width:40px;height:40px;border-radius:.55rem}.oc-profile.small .content{font-size:1.2rem}.oc-profile.tiny{width:30px;height:30px;border-radius:.4rem}.oc-profile.tiny .content{font-size:.9rem}.oc-profile.large{width:60px;height:60px}.oc-profile.large .content{font-size:2rem}.oc-profile .content{transform:rotate(-45deg);color:#f8f9ff;font-weight:500;font-size:1.5rem;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.oc-profile .content:hover img{transform:scale(2.1)}.oc-profile img{max-width:100%;max-height:100%;transform:scale(1.95);transition:.3s ease;object-fit:cover}\n"] }]
|
|
30
|
+
args: [{ selector: 'oc-profile', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"oc-profile\"\r\n [ngClass]=\"{\r\n small: ocSize === 'small',\r\n tiny: ocSize === 'tiny',\r\n large: ocSize === 'large'\r\n }\"\r\n>\r\n <div class=\"content\">\r\n @if(ocProfilePic){\r\n <img [src]=\"ocProfilePic\" [alt]=\"ocUserName || 'Foto de perfil do usu\u00E1rio'\">\r\n }@else {\r\n <span>\r\n {{nameInitials}}\r\n </span>\r\n }\r\n </div>\r\n</div>", styles: [".oc-profile{transform:rotate(45deg);width:50px;height:50px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;background-color:#5505a2;border-radius:.7rem;overflow:hidden}.oc-profile.small{width:40px;height:40px;border-radius:.55rem}.oc-profile.small .content{font-size:1.2rem}.oc-profile.tiny{width:30px;height:30px;border-radius:.4rem}.oc-profile.tiny .content{font-size:.9rem}.oc-profile.large{width:60px;height:60px}.oc-profile.large .content{font-size:2rem}.oc-profile .content{transform:rotate(-45deg);color:#f8f9ff;font-weight:500;font-size:1.5rem;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.oc-profile .content:hover img{transform:scale(2.1)}.oc-profile img{max-width:100%;max-height:100%;transform:scale(1.95);transition:.3s ease;object-fit:cover}\n"] }]
|
|
31
31
|
}], propDecorators: { ocUserName: [{
|
|
32
32
|
type: Input
|
|
33
33
|
}], ocProfilePic: [{
|
|
@@ -35,4 +35,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImpor
|
|
|
35
35
|
}], ocSize: [{
|
|
36
36
|
type: Input
|
|
37
37
|
}] } });
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2MtcHJvZmlsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vdGltdXMtbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvb2MtcHJvZmlsZS9vYy1wcm9maWxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy1wcm9maWxlL29jLXByb2ZpbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFVNUUsTUFBTSxPQUFPLGtCQUFrQjtJQVIvQjtRQVdXLFdBQU0sR0FBMEMsUUFBUSxDQUFBO1FBQ2pFLGlCQUFZLEdBQVcsRUFBRSxDQUFBO0tBc0IxQjtJQXBCQyxRQUFRO1FBQ04sSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFBO0lBQ3BCLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBRyxDQUFDLElBQUksQ0FBQyxVQUFVO1lBQUUsT0FBTTtRQUUzQixNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsVUFBVSxFQUFFLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQTtRQUVoRCxNQUFNLFdBQVcsR0FBRyxZQUFZLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUE7UUFDdEMsSUFBSSxVQUFVLEdBQUcsRUFBRSxDQUFBO1FBRW5CLE1BQU0sUUFBUSxHQUFHLFlBQVksQ0FBQyxZQUFZLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFBO1FBRXRELElBQUcsWUFBWSxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksUUFBUSxFQUFDO1lBQ3JDLFVBQVUsR0FBRyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUE7U0FDekI7UUFFRCxJQUFJLENBQUMsWUFBWSxHQUFHLENBQUMsV0FBVyxHQUFHLFVBQVUsQ0FBQyxDQUFDLFdBQVcsRUFBRSxDQUFBO0lBQzlELENBQUM7OEdBekJVLGtCQUFrQjtrR0FBbEIsa0JBQWtCLDRKQ1gvQixpYUFnQk0sNDNCRFZNLFlBQVk7OzJGQUtYLGtCQUFrQjtrQkFSOUIsU0FBUzsrQkFDRSxZQUFZLGNBQ1YsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDLGlCQUdSLGlCQUFpQixDQUFDLElBQUk7OEJBRzVCLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ29jLXByb2ZpbGUnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL29jLXByb2ZpbGUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9vYy1wcm9maWxlLmNvbXBvbmVudC5zY3NzJyxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBPY1Byb2ZpbGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIG9jVXNlck5hbWU/OiBzdHJpbmdcclxuICBASW5wdXQoKSBvY1Byb2ZpbGVQaWM/OiBzdHJpbmdcclxuICBASW5wdXQoKSBvY1NpemU6ICdsYXJnZScgfCAnbWVkaXVtJyB8ICdzbWFsbCcgfCAndGlueScgPSAnbWVkaXVtJ1xyXG4gIG5hbWVJbml0aWFsczogc3RyaW5nID0gJydcclxuICBcclxuICBuZ09uSW5pdCgpIHtcclxuICAgIHRoaXMuZ2V0SW5pdGlhbHMoKVxyXG4gIH1cclxuXHJcbiAgZ2V0SW5pdGlhbHMoKSB7XHJcbiAgICBpZighdGhpcy5vY1VzZXJOYW1lKSByZXR1cm5cclxuXHJcbiAgICBjb25zdCBzcGxpdHRlZE5hbWUgPSB0aGlzLm9jVXNlck5hbWU/LnNwbGl0KCcgJylcclxuXHJcbiAgICBjb25zdCBmaXJzdExldHRlciA9IHNwbGl0dGVkTmFtZVswXVswXVxyXG4gICAgbGV0IGxhc3RMZXR0ZXIgPSAnJ1xyXG4gICAgXHJcbiAgICBjb25zdCBsYXN0TmFtZSA9IHNwbGl0dGVkTmFtZVtzcGxpdHRlZE5hbWUubGVuZ3RoIC0gMV1cclxuXHJcbiAgICBpZihzcGxpdHRlZE5hbWUubGVuZ3RoID4gMSAmJiBsYXN0TmFtZSl7XHJcbiAgICAgIGxhc3RMZXR0ZXIgPSBsYXN0TmFtZVswXVxyXG4gICAgfVxyXG5cclxuICAgIHRoaXMubmFtZUluaXRpYWxzID0gKGZpcnN0TGV0dGVyICsgbGFzdExldHRlcikudG9VcHBlckNhc2UoKVxyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwib2MtcHJvZmlsZVwiXHJcbiAgW25nQ2xhc3NdPVwie1xyXG4gICAgc21hbGw6IG9jU2l6ZSA9PT0gJ3NtYWxsJyxcclxuICAgIHRpbnk6IG9jU2l6ZSA9PT0gJ3RpbnknLFxyXG4gICAgbGFyZ2U6IG9jU2l6ZSA9PT0gJ2xhcmdlJ1xyXG4gIH1cIlxyXG4+XHJcbiAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIj5cclxuICAgIEBpZihvY1Byb2ZpbGVQaWMpe1xyXG4gICAgICA8aW1nIFtzcmNdPVwib2NQcm9maWxlUGljXCIgW2FsdF09XCJvY1VzZXJOYW1lIHx8ICdGb3RvIGRlIHBlcmZpbCBkbyB1c3XDoXJpbydcIj5cclxuICAgIH1AZWxzZSB7XHJcbiAgICAgIDxzcGFuPlxyXG4gICAgICAgIHt7bmFtZUluaXRpYWxzfX1cclxuICAgICAgPC9zcGFuPlxyXG4gICAgfVxyXG4gIDwvZGl2PlxyXG48L2Rpdj4iXX0=
|