otimus-library 0.0.67 → 0.0.69
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-log/oc-log.component.mjs +1 -1
- package/esm2022/lib/components/oc-modal/oc-modal.component.mjs +3 -3
- package/esm2022/lib/components/oc-profile/oc-profile.component.mjs +8 -3
- package/fesm2022/otimus-library.mjs +8 -5
- package/fesm2022/otimus-library.mjs.map +1 -1
- package/lib/components/oc-profile/oc-profile.component.d.ts +2 -1
- package/package.json +1 -1
|
@@ -1,7 +1,10 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
1
2
|
import { Component, Input, ViewEncapsulation } from '@angular/core';
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
3
5
|
export class OcProfileComponent {
|
|
4
6
|
constructor() {
|
|
7
|
+
this.ocSize = 'medium';
|
|
5
8
|
this.nameInitials = '';
|
|
6
9
|
}
|
|
7
10
|
ngOnInit() {
|
|
@@ -20,14 +23,16 @@ export class OcProfileComponent {
|
|
|
20
23
|
this.nameInitials = (firstLetter + lastLetter).toUpperCase();
|
|
21
24
|
}
|
|
22
25
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
-
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" }, ngImport: i0, template: "<div class=\"oc-profile\">\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:
|
|
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 }); }
|
|
24
27
|
}
|
|
25
28
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcProfileComponent, decorators: [{
|
|
26
29
|
type: Component,
|
|
27
|
-
args: [{ selector: 'oc-profile', standalone: true, imports: [], encapsulation: ViewEncapsulation.None, template: "<div class=\"oc-profile\">\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:
|
|
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"] }]
|
|
28
31
|
}], propDecorators: { ocUserName: [{
|
|
29
32
|
type: Input
|
|
30
33
|
}], ocProfilePic: [{
|
|
31
34
|
type: Input
|
|
35
|
+
}], ocSize: [{
|
|
36
|
+
type: Input
|
|
32
37
|
}] } });
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2MtcHJvZmlsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vdGltdXMtbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvb2MtcHJvZmlsZS9vYy1wcm9maWxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy1wcm9maWxlL29jLXByb2ZpbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFVNUUsTUFBTSxPQUFPLGtCQUFrQjtJQVIvQjtRQVdXLFdBQU0sR0FBMEMsUUFBUSxDQUFBO1FBQ2pFLGlCQUFZLEdBQVcsRUFBRSxDQUFBO0tBc0IxQjtJQXBCQyxRQUFRO1FBQ04sSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFBO0lBQ3BCLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBRyxDQUFDLElBQUksQ0FBQyxVQUFVO1lBQUUsT0FBTTtRQUUzQixNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsVUFBVSxFQUFFLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQTtRQUVoRCxNQUFNLFdBQVcsR0FBRyxZQUFZLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUE7UUFDdEMsSUFBSSxVQUFVLEdBQUcsRUFBRSxDQUFBO1FBRW5CLE1BQU0sUUFBUSxHQUFHLFlBQVksQ0FBQyxZQUFZLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFBO1FBRXRELElBQUcsWUFBWSxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksUUFBUSxFQUFDO1lBQ3JDLFVBQVUsR0FBRyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUE7U0FDekI7UUFFRCxJQUFJLENBQUMsWUFBWSxHQUFHLENBQUMsV0FBVyxHQUFHLFVBQVUsQ0FBQyxDQUFDLFdBQVcsRUFBRSxDQUFBO0lBQzlELENBQUM7OEdBekJVLGtCQUFrQjtrR0FBbEIsa0JBQWtCLDRKQ1gvQixpWUFnQk0sNDNCRFZNLFlBQVk7OzJGQUtYLGtCQUFrQjtrQkFSOUIsU0FBUzsrQkFDRSxZQUFZLGNBQ1YsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDLGlCQUdSLGlCQUFpQixDQUFDLElBQUk7OEJBRzVCLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdvYy1wcm9maWxlJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9vYy1wcm9maWxlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL29jLXByb2ZpbGUuY29tcG9uZW50LnNjc3MnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIE9jUHJvZmlsZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIG9jVXNlck5hbWU/OiBzdHJpbmdcbiAgQElucHV0KCkgb2NQcm9maWxlUGljPzogc3RyaW5nXG4gIEBJbnB1dCgpIG9jU2l6ZTogJ2xhcmdlJyB8ICdtZWRpdW0nIHwgJ3NtYWxsJyB8ICd0aW55JyA9ICdtZWRpdW0nXG4gIG5hbWVJbml0aWFsczogc3RyaW5nID0gJydcbiAgXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuZ2V0SW5pdGlhbHMoKVxuICB9XG5cbiAgZ2V0SW5pdGlhbHMoKSB7XG4gICAgaWYoIXRoaXMub2NVc2VyTmFtZSkgcmV0dXJuXG5cbiAgICBjb25zdCBzcGxpdHRlZE5hbWUgPSB0aGlzLm9jVXNlck5hbWU/LnNwbGl0KCcgJylcblxuICAgIGNvbnN0IGZpcnN0TGV0dGVyID0gc3BsaXR0ZWROYW1lWzBdWzBdXG4gICAgbGV0IGxhc3RMZXR0ZXIgPSAnJ1xuICAgIFxuICAgIGNvbnN0IGxhc3ROYW1lID0gc3BsaXR0ZWROYW1lW3NwbGl0dGVkTmFtZS5sZW5ndGggLSAxXVxuXG4gICAgaWYoc3BsaXR0ZWROYW1lLmxlbmd0aCA+IDEgJiYgbGFzdE5hbWUpe1xuICAgICAgbGFzdExldHRlciA9IGxhc3ROYW1lWzBdXG4gICAgfVxuXG4gICAgdGhpcy5uYW1lSW5pdGlhbHMgPSAoZmlyc3RMZXR0ZXIgKyBsYXN0TGV0dGVyKS50b1VwcGVyQ2FzZSgpXG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJvYy1wcm9maWxlXCJcbiAgW25nQ2xhc3NdPVwie1xuICAgIHNtYWxsOiBvY1NpemUgPT09ICdzbWFsbCcsXG4gICAgdGlueTogb2NTaXplID09PSAndGlueScsXG4gICAgbGFyZ2U6IG9jU2l6ZSA9PT0gJ2xhcmdlJ1xuICB9XCJcbj5cbiAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIj5cbiAgICBAaWYob2NQcm9maWxlUGljKXtcbiAgICAgIDxpbWcgW3NyY109XCJvY1Byb2ZpbGVQaWNcIiBbYWx0XT1cIm9jVXNlck5hbWUgfHwgJ0ZvdG8gZGUgcGVyZmlsIGRvIHVzdcOhcmlvJ1wiPlxuICAgIH1AZWxzZSB7XG4gICAgICA8c3Bhbj5cbiAgICAgICAge3tuYW1lSW5pdGlhbHN9fVxuICAgICAgPC9zcGFuPlxuICAgIH1cbiAgPC9kaXY+XG48L2Rpdj4iXX0=
|