@aakash58/chatbot 1.0.99 → 1.1.0
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.
|
@@ -3440,19 +3440,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
|
|
|
3440
3440
|
type: Output
|
|
3441
3441
|
}] } });
|
|
3442
3442
|
|
|
3443
|
+
const AppEntity = {
|
|
3444
|
+
amp: '&',
|
|
3445
|
+
lt: '<',
|
|
3446
|
+
gt: '>',
|
|
3447
|
+
quot: '"',
|
|
3448
|
+
apos: ''',
|
|
3449
|
+
at: '@',
|
|
3450
|
+
};
|
|
3451
|
+
|
|
3443
3452
|
class ProfileSectionComponent {
|
|
3444
3453
|
username = 'User';
|
|
3445
3454
|
userImageUrl = null;
|
|
3446
3455
|
userRole = 'Doohbot User';
|
|
3456
|
+
appEntity = AppEntity;
|
|
3447
3457
|
get initials() {
|
|
3448
3458
|
return this.username ? this.username.charAt(0).toUpperCase() : 'U';
|
|
3449
3459
|
}
|
|
3450
3460
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ProfileSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3451
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: ProfileSectionComponent, isStandalone: true, selector: "app-profile-section", inputs: { username: "username", userImageUrl: "userImageUrl", userRole: "userRole" }, ngImport: i0, template: "<div class=\"section-pane active\">\r\n
|
|
3461
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: ProfileSectionComponent, isStandalone: true, selector: "app-profile-section", inputs: { username: "username", userImageUrl: "userImageUrl", userRole: "userRole" }, ngImport: i0, template: "<div class=\"section-pane active\">\r\n <header class=\"pane-header\">\r\n <h1>My Profile</h1>\r\n <p>Manage your account details and personal information.</p>\r\n </header>\r\n\r\n <div class=\"pane-content\">\r\n <div class=\"profile-card\">\r\n <div class=\"avatar-section\">\r\n <div class=\"letter-avatar\" [class.has-image]=\"!!userImageUrl\">\r\n @if (userImageUrl) {\r\n <img [src]=\"userImageUrl\" [alt]=\"username\" class=\"profile-img\" />\r\n } @else {\r\n {{ initials }}\r\n }\r\n </div>\r\n <div class=\"user-main-info\">\r\n <h2>{{ username }}</h2>\r\n <p class=\"role-badge\">{{ userRole }}</p>\r\n </div>\r\n </div>\r\n\r\n <div class=\"info-grid\">\r\n <div class=\"info-item\">\r\n <label>Full Name</label>\r\n <div class=\"info-value\">{{ username }}</div>\r\n </div>\r\n <div class=\"info-item\">\r\n <label>Email Address</label>\r\n <div class=\"info-value\">\r\n <div class=\"info-value\">user@adzen.tech</div>\r\n </div>\r\n <!-- Mock/Placeholder for now -->\r\n </div>\r\n <div class=\"info-item\">\r\n <label>Organization</label>\r\n <div class=\"info-value\">Adzen Tech Private Limited</div>\r\n </div>\r\n <div class=\"info-item\">\r\n <label>Member Since</label>\r\n <div class=\"info-value\">January 2026</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".section-pane{padding:40px 60px;display:flex;flex-direction:column;gap:32px;animation:slideIn .3s ease-out}.pane-header h1{margin:0 0 8px;font-size:1.75rem;font-weight:700;color:var(--text-color)}.pane-header p{margin:0;font-size:1rem;color:var(--secondary-text-color)}.pane-content{display:flex;flex-direction:column;gap:40px}.profile-card{background:rgba(var(--black-rgb),.02);border-radius:16px;border:1px solid var(--border-color);padding:32px;display:flex;flex-direction:column;gap:32px;box-shadow:0 4px 12px #0000000d}.profile-card .avatar-section{display:flex;align-items:center;gap:24px}.profile-card .avatar-section .letter-avatar{width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,var(--primary-color),var(--primary-color-rgb));color:var(--white);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;box-shadow:0 8px 16px rgba(var(--primary-color-rgb),.3);overflow:hidden}.profile-card .avatar-section .letter-avatar.has-image{background:var(--border-color);box-shadow:0 4px 12px #0000001a}.profile-card .avatar-section .letter-avatar .profile-img{width:100%;height:100%;object-fit:cover}.profile-card .avatar-section .user-main-info h2{margin:0 0 4px;font-size:1.5rem;font-weight:700;color:var(--text-color)}.profile-card .avatar-section .user-main-info .role-badge{margin:0;display:inline-block;padding:4px 10px;background:rgba(var(--primary-color-rgb),.1);color:var(--primary-color);border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.profile-card .info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.profile-card .info-grid .info-item{display:flex;flex-direction:column;gap:6px}.profile-card .info-grid .info-item label{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--secondary-text-color);letter-spacing:.5px}.profile-card .info-grid .info-item .info-value{font-size:1rem;font-weight:500;color:var(--text-color)}@keyframes slideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatIconModule }] });
|
|
3452
3462
|
}
|
|
3453
3463
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ProfileSectionComponent, decorators: [{
|
|
3454
3464
|
type: Component,
|
|
3455
|
-
args: [{ selector: 'app-profile-section', standalone: true, imports: [CommonModule, MatIconModule], template: "<div class=\"section-pane active\">\r\n
|
|
3465
|
+
args: [{ selector: 'app-profile-section', standalone: true, imports: [CommonModule, MatIconModule], template: "<div class=\"section-pane active\">\r\n <header class=\"pane-header\">\r\n <h1>My Profile</h1>\r\n <p>Manage your account details and personal information.</p>\r\n </header>\r\n\r\n <div class=\"pane-content\">\r\n <div class=\"profile-card\">\r\n <div class=\"avatar-section\">\r\n <div class=\"letter-avatar\" [class.has-image]=\"!!userImageUrl\">\r\n @if (userImageUrl) {\r\n <img [src]=\"userImageUrl\" [alt]=\"username\" class=\"profile-img\" />\r\n } @else {\r\n {{ initials }}\r\n }\r\n </div>\r\n <div class=\"user-main-info\">\r\n <h2>{{ username }}</h2>\r\n <p class=\"role-badge\">{{ userRole }}</p>\r\n </div>\r\n </div>\r\n\r\n <div class=\"info-grid\">\r\n <div class=\"info-item\">\r\n <label>Full Name</label>\r\n <div class=\"info-value\">{{ username }}</div>\r\n </div>\r\n <div class=\"info-item\">\r\n <label>Email Address</label>\r\n <div class=\"info-value\">\r\n <div class=\"info-value\">user@adzen.tech</div>\r\n </div>\r\n <!-- Mock/Placeholder for now -->\r\n </div>\r\n <div class=\"info-item\">\r\n <label>Organization</label>\r\n <div class=\"info-value\">Adzen Tech Private Limited</div>\r\n </div>\r\n <div class=\"info-item\">\r\n <label>Member Since</label>\r\n <div class=\"info-value\">January 2026</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".section-pane{padding:40px 60px;display:flex;flex-direction:column;gap:32px;animation:slideIn .3s ease-out}.pane-header h1{margin:0 0 8px;font-size:1.75rem;font-weight:700;color:var(--text-color)}.pane-header p{margin:0;font-size:1rem;color:var(--secondary-text-color)}.pane-content{display:flex;flex-direction:column;gap:40px}.profile-card{background:rgba(var(--black-rgb),.02);border-radius:16px;border:1px solid var(--border-color);padding:32px;display:flex;flex-direction:column;gap:32px;box-shadow:0 4px 12px #0000000d}.profile-card .avatar-section{display:flex;align-items:center;gap:24px}.profile-card .avatar-section .letter-avatar{width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,var(--primary-color),var(--primary-color-rgb));color:var(--white);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;box-shadow:0 8px 16px rgba(var(--primary-color-rgb),.3);overflow:hidden}.profile-card .avatar-section .letter-avatar.has-image{background:var(--border-color);box-shadow:0 4px 12px #0000001a}.profile-card .avatar-section .letter-avatar .profile-img{width:100%;height:100%;object-fit:cover}.profile-card .avatar-section .user-main-info h2{margin:0 0 4px;font-size:1.5rem;font-weight:700;color:var(--text-color)}.profile-card .avatar-section .user-main-info .role-badge{margin:0;display:inline-block;padding:4px 10px;background:rgba(var(--primary-color-rgb),.1);color:var(--primary-color);border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.profile-card .info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.profile-card .info-grid .info-item{display:flex;flex-direction:column;gap:6px}.profile-card .info-grid .info-item label{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--secondary-text-color);letter-spacing:.5px}.profile-card .info-grid .info-item .info-value{font-size:1rem;font-weight:500;color:var(--text-color)}@keyframes slideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}\n"] }]
|
|
3456
3466
|
}], propDecorators: { username: [{
|
|
3457
3467
|
type: Input
|
|
3458
3468
|
}], userImageUrl: [{
|