@rlucan/ui 20.0.11 → 20.0.12
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/fesm2022/rlucan-ui.mjs +2 -2
- package/fesm2022/rlucan-ui.mjs.map +1 -1
- package/index.d.ts +1 -0
- package/package.json +1 -1
package/fesm2022/rlucan-ui.mjs
CHANGED
|
@@ -2032,11 +2032,11 @@ class AvatarComponent {
|
|
|
2032
2032
|
this.size = 'normal';
|
|
2033
2033
|
}
|
|
2034
2034
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2035
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: AvatarComponent, isStandalone: false, selector: "ui-avatar", inputs: { user: "user", srcOptions: "srcOptions", size: "size", diameter: "diameter" }, host: { properties: { "class": "this.size", "style.height": "this.height", "style.width": "this.width" } }, ngImport: i0, template: "@if (user.avatar || (!user.avatar && !user.shortName)) {\r\n <ui-file [fileSize]=\"'avatar-' + size\" [srcData]=\"user.avatar || { mimeType: 'image/png'}\" [srcOptions]=\"srcOptions\" ></ui-file>\r\n}\r\n@if (!user.avatar && user.shortName) {\r\n <div [ngStyle]=\"{backgroundColor: user.shortColour, color: contrast, 'font-size': fontSize, 'padding-bottom': paddingBottom}\">\r\n
|
|
2035
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: AvatarComponent, isStandalone: false, selector: "ui-avatar", inputs: { user: "user", srcOptions: "srcOptions", size: "size", diameter: "diameter" }, host: { properties: { "class": "this.size", "style.height": "this.height", "style.width": "this.width" } }, ngImport: i0, template: "@if (user.avatar || (!user.avatar && !user.shortName)) {\r\n <ui-file [fileSize]=\"'avatar-' + size\" [srcData]=\"user.avatar || { mimeType: 'image/png'}\" [srcOptions]=\"srcOptions\" ></ui-file>\r\n}\r\n@if (!user.avatar && user.shortName) {\r\n @if (user.anonymous) {\r\n <div [ngStyle]=\"{backgroundColor: '#ccc', color: 'white', 'font-size': fontSize, 'padding-bottom': paddingBottom}\">\r\n {{ user.shortName }}\r\n </div>\r\n } @else {\r\n <div [ngStyle]=\"{backgroundColor: user.shortColour, color: contrast, 'font-size': fontSize, 'padding-bottom': paddingBottom}\">\r\n {{ user.shortName }}\r\n </div>\r\n }\r\n}\r\n", styles: [":host{display:block;flex:0 0 auto}:host.mini{height:16px;width:16px}:host.mini div{font-size:10px}:host.small{height:24px;width:24px}:host.small div{font-size:13px}:host.smaller{height:50px;width:50px}:host.smaller div{font-size:1.5em}:host.normal{height:74px;width:74px}:host.normal div{font-size:37px}:host.bigger{height:100px;width:100px}:host.bigger div{font-size:50px}:host.big{height:150px;width:150px}:host.big div{font-size:75px}:host ui-file{max-width:100%!important;max-height:100%!important;height:100%!important;width:100%!important}:host ui-file ::ng-deep img{border-radius:50%}:host div{display:flex;align-items:center;justify-content:center;width:100%;font-weight:700;color:#fff;background-size:cover;height:100%;border-radius:50%}\n"], dependencies: [{ kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: FileComponent, selector: "ui-file", inputs: ["fileSize", "srcOptions", "srcData", "srcUrl"] }] }); }
|
|
2036
2036
|
}
|
|
2037
2037
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AvatarComponent, decorators: [{
|
|
2038
2038
|
type: Component,
|
|
2039
|
-
args: [{ selector: 'ui-avatar', standalone: false, template: "@if (user.avatar || (!user.avatar && !user.shortName)) {\r\n <ui-file [fileSize]=\"'avatar-' + size\" [srcData]=\"user.avatar || { mimeType: 'image/png'}\" [srcOptions]=\"srcOptions\" ></ui-file>\r\n}\r\n@if (!user.avatar && user.shortName) {\r\n <div [ngStyle]=\"{backgroundColor: user.shortColour, color: contrast, 'font-size': fontSize, 'padding-bottom': paddingBottom}\">\r\n
|
|
2039
|
+
args: [{ selector: 'ui-avatar', standalone: false, template: "@if (user.avatar || (!user.avatar && !user.shortName)) {\r\n <ui-file [fileSize]=\"'avatar-' + size\" [srcData]=\"user.avatar || { mimeType: 'image/png'}\" [srcOptions]=\"srcOptions\" ></ui-file>\r\n}\r\n@if (!user.avatar && user.shortName) {\r\n @if (user.anonymous) {\r\n <div [ngStyle]=\"{backgroundColor: '#ccc', color: 'white', 'font-size': fontSize, 'padding-bottom': paddingBottom}\">\r\n {{ user.shortName }}\r\n </div>\r\n } @else {\r\n <div [ngStyle]=\"{backgroundColor: user.shortColour, color: contrast, 'font-size': fontSize, 'padding-bottom': paddingBottom}\">\r\n {{ user.shortName }}\r\n </div>\r\n }\r\n}\r\n", styles: [":host{display:block;flex:0 0 auto}:host.mini{height:16px;width:16px}:host.mini div{font-size:10px}:host.small{height:24px;width:24px}:host.small div{font-size:13px}:host.smaller{height:50px;width:50px}:host.smaller div{font-size:1.5em}:host.normal{height:74px;width:74px}:host.normal div{font-size:37px}:host.bigger{height:100px;width:100px}:host.bigger div{font-size:50px}:host.big{height:150px;width:150px}:host.big div{font-size:75px}:host ui-file{max-width:100%!important;max-height:100%!important;height:100%!important;width:100%!important}:host ui-file ::ng-deep img{border-radius:50%}:host div{display:flex;align-items:center;justify-content:center;width:100%;font-weight:700;color:#fff;background-size:cover;height:100%;border-radius:50%}\n"] }]
|
|
2040
2040
|
}], ctorParameters: () => [], propDecorators: { user: [{
|
|
2041
2041
|
type: Input,
|
|
2042
2042
|
args: [{ required: true }]
|