primevue/avatar/style/avatarstyle.min.js

PrimeVue is an open source UI library for Vue featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBloc

this.primevue=this.primevue||{},this.primevue.avatar=this.primevue.avatar||{},this.primevue.avatar.style=function(a){"use strict";function e(a){return a&&"object"==typeof a&&"default"in a?a:{default:a}}return e(primevue.base.style).default.extend({name:"avatar",css:"\n@layer primevue {\n    .p-avatar {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 2rem;\n        height: 2rem;\n        font-size: 1rem;\n    }\n\n    .p-avatar.p-avatar-image {\n        background-color: transparent;\n    }\n\n    .p-avatar.p-avatar-circle {\n        border-radius: 50%;\n    }\n\n    .p-avatar-circle img {\n        border-radius: 50%;\n    }\n\n    .p-avatar .p-avatar-icon {\n        font-size: 1rem;\n    }\n\n    .p-avatar img {\n        width: 100%;\n        height: 100%;\n    }\n}\n",classes:{root:function(a){var e=a.props;return["p-avatar p-component",{"p-avatar-image":null!=e.image,"p-avatar-circle":"circle"===e.shape,"p-avatar-lg":"large"===e.size,"p-avatar-xl":"xlarge"===e.size}]},label:"p-avatar-text",icon:"p-avatar-icon"}})}();