@acorex/components 20.4.18 → 20.4.20
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/conversation2/index.d.ts +27 -2
- package/fab/index.d.ts +22 -7
- package/fesm2022/acorex-components-conversation2.mjs +349 -104
- package/fesm2022/acorex-components-conversation2.mjs.map +1 -1
- package/fesm2022/acorex-components-fab.mjs +30 -11
- package/fesm2022/acorex-components-fab.mjs.map +1 -1
- package/package.json +3 -3
|
@@ -2560,6 +2560,7 @@ class AXConversationSharedStorage {
|
|
|
2560
2560
|
{
|
|
2561
2561
|
id: 'current-user',
|
|
2562
2562
|
name: 'You',
|
|
2563
|
+
description: 'Senior Developer',
|
|
2563
2564
|
avatar: 'https://i.pravatar.cc/150?img=1',
|
|
2564
2565
|
status: 'online',
|
|
2565
2566
|
lastSeen: new Date(),
|
|
@@ -2577,6 +2578,7 @@ class AXConversationSharedStorage {
|
|
|
2577
2578
|
{
|
|
2578
2579
|
id: 'user-2',
|
|
2579
2580
|
name: 'Alice Johnson',
|
|
2581
|
+
description: 'Lead Designer',
|
|
2580
2582
|
avatar: 'https://i.pravatar.cc/150?img=5',
|
|
2581
2583
|
status: 'online',
|
|
2582
2584
|
lastSeen: new Date(),
|
|
@@ -2594,6 +2596,7 @@ class AXConversationSharedStorage {
|
|
|
2594
2596
|
{
|
|
2595
2597
|
id: 'user-3',
|
|
2596
2598
|
name: 'Bob Smith',
|
|
2599
|
+
description: 'Tech Lead',
|
|
2597
2600
|
avatar: 'https://i.pravatar.cc/150?img=12',
|
|
2598
2601
|
status: 'away',
|
|
2599
2602
|
lastSeen: new Date(Date.now() - 300000),
|
|
@@ -2611,6 +2614,7 @@ class AXConversationSharedStorage {
|
|
|
2611
2614
|
{
|
|
2612
2615
|
id: 'user-4',
|
|
2613
2616
|
name: 'Carol Williams',
|
|
2617
|
+
description: 'Marketing Manager',
|
|
2614
2618
|
avatar: 'https://i.pravatar.cc/150?img=20',
|
|
2615
2619
|
status: 'offline',
|
|
2616
2620
|
lastSeen: new Date(Date.now() - 3600000),
|
|
@@ -2628,6 +2632,7 @@ class AXConversationSharedStorage {
|
|
|
2628
2632
|
{
|
|
2629
2633
|
id: 'user-5',
|
|
2630
2634
|
name: 'David Brown',
|
|
2635
|
+
description: 'DevOps Lead',
|
|
2631
2636
|
avatar: 'https://i.pravatar.cc/150?img=13',
|
|
2632
2637
|
status: 'online',
|
|
2633
2638
|
lastSeen: new Date(),
|
|
@@ -2645,6 +2650,7 @@ class AXConversationSharedStorage {
|
|
|
2645
2650
|
{
|
|
2646
2651
|
id: 'user-6',
|
|
2647
2652
|
name: 'Emma Davis',
|
|
2653
|
+
description: 'UX Researcher',
|
|
2648
2654
|
avatar: 'https://i.pravatar.cc/150?img=24',
|
|
2649
2655
|
status: 'offline',
|
|
2650
2656
|
lastSeen: new Date(Date.now() - 7200000),
|
|
@@ -2662,6 +2668,7 @@ class AXConversationSharedStorage {
|
|
|
2662
2668
|
{
|
|
2663
2669
|
id: 'user-7',
|
|
2664
2670
|
name: 'Frank Miller',
|
|
2671
|
+
description: 'Data Scientist',
|
|
2665
2672
|
avatar: 'https://i.pravatar.cc/150?img=33',
|
|
2666
2673
|
status: 'online',
|
|
2667
2674
|
lastSeen: new Date(),
|
|
@@ -2679,6 +2686,7 @@ class AXConversationSharedStorage {
|
|
|
2679
2686
|
{
|
|
2680
2687
|
id: 'user-8',
|
|
2681
2688
|
name: 'Grace Wilson',
|
|
2689
|
+
description: 'Mobile Developer',
|
|
2682
2690
|
avatar: 'https://i.pravatar.cc/150?img=44',
|
|
2683
2691
|
status: 'away',
|
|
2684
2692
|
lastSeen: new Date(Date.now() - 600000),
|
|
@@ -2696,6 +2704,7 @@ class AXConversationSharedStorage {
|
|
|
2696
2704
|
{
|
|
2697
2705
|
id: 'user-9',
|
|
2698
2706
|
name: 'Henry Moore',
|
|
2707
|
+
description: 'Security Engineer',
|
|
2699
2708
|
avatar: 'https://i.pravatar.cc/150?img=52',
|
|
2700
2709
|
status: 'online',
|
|
2701
2710
|
lastSeen: new Date(),
|
|
@@ -2713,6 +2722,7 @@ class AXConversationSharedStorage {
|
|
|
2713
2722
|
{
|
|
2714
2723
|
id: 'user-10',
|
|
2715
2724
|
name: 'Ivy Taylor',
|
|
2725
|
+
description: 'Content Strategist',
|
|
2716
2726
|
avatar: 'https://i.pravatar.cc/150?img=47',
|
|
2717
2727
|
status: 'offline',
|
|
2718
2728
|
lastSeen: new Date(Date.now() - 10800000),
|
|
@@ -2730,6 +2740,7 @@ class AXConversationSharedStorage {
|
|
|
2730
2740
|
{
|
|
2731
2741
|
id: 'user-11',
|
|
2732
2742
|
name: 'Jack Anderson',
|
|
2743
|
+
description: 'Backend Engineer',
|
|
2733
2744
|
avatar: 'https://i.pravatar.cc/150?img=68',
|
|
2734
2745
|
status: 'online',
|
|
2735
2746
|
lastSeen: new Date(),
|
|
@@ -2747,6 +2758,7 @@ class AXConversationSharedStorage {
|
|
|
2747
2758
|
{
|
|
2748
2759
|
id: 'user-12',
|
|
2749
2760
|
name: 'Kate Thomas',
|
|
2761
|
+
description: 'Project Manager',
|
|
2750
2762
|
avatar: 'https://i.pravatar.cc/150?img=32',
|
|
2751
2763
|
status: 'away',
|
|
2752
2764
|
lastSeen: new Date(Date.now() - 900000),
|
|
@@ -2764,6 +2776,7 @@ class AXConversationSharedStorage {
|
|
|
2764
2776
|
{
|
|
2765
2777
|
id: 'user-13',
|
|
2766
2778
|
name: 'Leo Jackson',
|
|
2779
|
+
description: 'ML Engineer',
|
|
2767
2780
|
avatar: 'https://i.pravatar.cc/150?img=59',
|
|
2768
2781
|
status: 'online',
|
|
2769
2782
|
lastSeen: new Date(),
|
|
@@ -2781,6 +2794,7 @@ class AXConversationSharedStorage {
|
|
|
2781
2794
|
{
|
|
2782
2795
|
id: 'user-14',
|
|
2783
2796
|
name: 'Mia White',
|
|
2797
|
+
description: 'Business Analyst',
|
|
2784
2798
|
avatar: 'https://i.pravatar.cc/150?img=45',
|
|
2785
2799
|
status: 'offline',
|
|
2786
2800
|
lastSeen: new Date(Date.now() - 14400000),
|
|
@@ -2798,6 +2812,7 @@ class AXConversationSharedStorage {
|
|
|
2798
2812
|
{
|
|
2799
2813
|
id: 'user-15',
|
|
2800
2814
|
name: 'Noah Harris',
|
|
2815
|
+
description: 'QA Engineer',
|
|
2801
2816
|
avatar: 'https://i.pravatar.cc/150?img=70',
|
|
2802
2817
|
status: 'online',
|
|
2803
2818
|
lastSeen: new Date(),
|
|
@@ -2812,6 +2827,25 @@ class AXConversationSharedStorage {
|
|
|
2812
2827
|
},
|
|
2813
2828
|
},
|
|
2814
2829
|
},
|
|
2830
|
+
/** Demo: no avatar image — only participant `icon` (Font Awesome) in the message list */
|
|
2831
|
+
{
|
|
2832
|
+
id: 'demo-icon-only-user',
|
|
2833
|
+
name: 'Icon Demo User',
|
|
2834
|
+
description: 'No profile photo — FA icon only',
|
|
2835
|
+
icon: 'fa-light fa-user',
|
|
2836
|
+
status: 'online',
|
|
2837
|
+
lastSeen: new Date(),
|
|
2838
|
+
metadata: {
|
|
2839
|
+
profile: {
|
|
2840
|
+
bio: 'Seed user to demo participant icon without profile image',
|
|
2841
|
+
email: 'icon.demo@example.com',
|
|
2842
|
+
phone: '+1 (555) 999-0000',
|
|
2843
|
+
location: 'Demo',
|
|
2844
|
+
company: 'Acorex',
|
|
2845
|
+
title: 'Demo',
|
|
2846
|
+
},
|
|
2847
|
+
},
|
|
2848
|
+
},
|
|
2815
2849
|
];
|
|
2816
2850
|
// Store participants in memory and IndexedDB
|
|
2817
2851
|
for (const p of participants) {
|
|
@@ -2822,7 +2856,7 @@ class AXConversationSharedStorage {
|
|
|
2822
2856
|
this.startPresenceSimulation();
|
|
2823
2857
|
// Start message simulation
|
|
2824
2858
|
this.startMessageSimulation();
|
|
2825
|
-
// Create conversations: 2 private +
|
|
2859
|
+
// Create conversations: 2 private + 3 groups (includes icon-only avatar demo)
|
|
2826
2860
|
const now = new Date();
|
|
2827
2861
|
const conversations = [
|
|
2828
2862
|
// Private Chat 1: Alice Johnson
|
|
@@ -2969,6 +3003,39 @@ class AXConversationSharedStorage {
|
|
|
2969
3003
|
createdAt: new Date(now.getTime() - 1209600000),
|
|
2970
3004
|
updatedAt: new Date(now.getTime() - 10800000),
|
|
2971
3005
|
},
|
|
3006
|
+
// Group: icon-only demo (no conversation avatar image; optional `icon` for chrome that reads it)
|
|
3007
|
+
{
|
|
3008
|
+
id: 'conv-icon-demo',
|
|
3009
|
+
type: 'group',
|
|
3010
|
+
title: 'Icon-only avatars (demo)',
|
|
3011
|
+
icon: 'fa-light fa-users',
|
|
3012
|
+
participants: [
|
|
3013
|
+
{ ...participants[0], role: 'admin' },
|
|
3014
|
+
{ ...participants[15], role: 'member' },
|
|
3015
|
+
],
|
|
3016
|
+
lastMessageAt: new Date(now.getTime() - 120000),
|
|
3017
|
+
unreadCount: 1,
|
|
3018
|
+
status: { isTyping: false, typingUsers: [] },
|
|
3019
|
+
permissions: {
|
|
3020
|
+
canSendMessages: true,
|
|
3021
|
+
canSendMedia: true,
|
|
3022
|
+
canDeleteMessages: true,
|
|
3023
|
+
canAddMembers: true,
|
|
3024
|
+
canRemoveMembers: true,
|
|
3025
|
+
canEditInfo: true,
|
|
3026
|
+
canPinMessages: true,
|
|
3027
|
+
},
|
|
3028
|
+
settings: { notifications: true, showPreview: true },
|
|
3029
|
+
archived: false,
|
|
3030
|
+
metadata: {
|
|
3031
|
+
profile: {
|
|
3032
|
+
description: 'Demo: sender has no avatar URL — Font Awesome icon from participant/conversation',
|
|
3033
|
+
tags: ['demo', 'icon'],
|
|
3034
|
+
},
|
|
3035
|
+
},
|
|
3036
|
+
createdAt: new Date(now.getTime() - 86400000),
|
|
3037
|
+
updatedAt: new Date(now.getTime() - 120000),
|
|
3038
|
+
},
|
|
2972
3039
|
];
|
|
2973
3040
|
// Store conversations in memory and IndexedDB
|
|
2974
3041
|
for (const c of conversations) {
|
|
@@ -3221,6 +3288,47 @@ class AXConversationSharedStorage {
|
|
|
3221
3288
|
reactions: [],
|
|
3222
3289
|
metadata: {},
|
|
3223
3290
|
});
|
|
3291
|
+
// Conv-icon-demo: messages from icon-only participant (no avatar image, FA icon in list)
|
|
3292
|
+
messages.push({
|
|
3293
|
+
id: 'msg-icon-1',
|
|
3294
|
+
conversationId: 'conv-icon-demo',
|
|
3295
|
+
senderId: 'demo-icon-only-user',
|
|
3296
|
+
type: 'text',
|
|
3297
|
+
timestamp: new Date(now.getTime() - 300000),
|
|
3298
|
+
payload: {
|
|
3299
|
+
type: 'text',
|
|
3300
|
+
text: 'Hi — I have no profile photo, only a Font Awesome icon.',
|
|
3301
|
+
},
|
|
3302
|
+
status: 'read',
|
|
3303
|
+
reactions: [],
|
|
3304
|
+
metadata: {},
|
|
3305
|
+
}, {
|
|
3306
|
+
id: 'msg-icon-2',
|
|
3307
|
+
conversationId: 'conv-icon-demo',
|
|
3308
|
+
senderId: 'current-user',
|
|
3309
|
+
type: 'text',
|
|
3310
|
+
timestamp: new Date(now.getTime() - 240000),
|
|
3311
|
+
payload: {
|
|
3312
|
+
type: 'text',
|
|
3313
|
+
text: 'Looks good — the message list shows the icon where an avatar would be.',
|
|
3314
|
+
},
|
|
3315
|
+
status: 'read',
|
|
3316
|
+
reactions: [],
|
|
3317
|
+
metadata: {},
|
|
3318
|
+
}, {
|
|
3319
|
+
id: 'msg-icon-3',
|
|
3320
|
+
conversationId: 'conv-icon-demo',
|
|
3321
|
+
senderId: 'demo-icon-only-user',
|
|
3322
|
+
type: 'text',
|
|
3323
|
+
timestamp: new Date(now.getTime() - 120000),
|
|
3324
|
+
payload: {
|
|
3325
|
+
type: 'text',
|
|
3326
|
+
text: 'Useful for bots or users without uploaded photos.',
|
|
3327
|
+
},
|
|
3328
|
+
status: 'delivered',
|
|
3329
|
+
reactions: [],
|
|
3330
|
+
metadata: {},
|
|
3331
|
+
});
|
|
3224
3332
|
// Store all messages in memory and IndexedDB
|
|
3225
3333
|
for (const m of messages) {
|
|
3226
3334
|
this.messages.set(m.id, m);
|
|
@@ -3234,6 +3342,7 @@ class AXConversationSharedStorage {
|
|
|
3234
3342
|
conversations[1].lastMessage = messages.find((m) => m.id === 'msg-2-2');
|
|
3235
3343
|
conversations[2].lastMessage = messages.find((m) => m.id === 'msg-3-3');
|
|
3236
3344
|
conversations[3].lastMessage = messages.find((m) => m.id === 'msg-4-3');
|
|
3345
|
+
conversations[4].lastMessage = messages.find((m) => m.id === 'msg-icon-3');
|
|
3237
3346
|
// Update in memory and IndexedDB
|
|
3238
3347
|
for (const c of conversations) {
|
|
3239
3348
|
this.conversations.set(c.id, c);
|
|
@@ -3506,7 +3615,11 @@ class AXConversationIndexedDbUserApi extends AXUserApi {
|
|
|
3506
3615
|
if (!filters?.query)
|
|
3507
3616
|
return filtered;
|
|
3508
3617
|
const q = filters.query.toLowerCase();
|
|
3509
|
-
return filtered.filter((u) =>
|
|
3618
|
+
return filtered.filter((u) => {
|
|
3619
|
+
const name = u.name.toLowerCase();
|
|
3620
|
+
const desc = (u.description ?? '').toLowerCase();
|
|
3621
|
+
return name.includes(q) || desc.includes(q);
|
|
3622
|
+
});
|
|
3510
3623
|
}
|
|
3511
3624
|
async searchUsers(query) {
|
|
3512
3625
|
return this.getUsers({ query });
|
|
@@ -5035,7 +5148,7 @@ class AXPickerHeaderComponent {
|
|
|
5035
5148
|
<i class="fa-light fa-xmark"></i>
|
|
5036
5149
|
</button>
|
|
5037
5150
|
</div>
|
|
5038
|
-
`, isInline: true, styles: [".picker-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid rgb(var(--ax-sys-color-border))}.picker-title{font-size:.875rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface))}.close-button{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:none;background:transparent;border-radius:.25rem;cursor:pointer;color:rgb(var(--ax-sys-color-on-surface-variant));transition:all .2s;font-size:1.125rem}.close-button:hover{background:
|
|
5151
|
+
`, isInline: true, styles: [".picker-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;padding-bottom:0;border-bottom:1px solid rgb(var(--ax-sys-color-border))}.picker-title{font-size:.875rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface))}.close-button{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:none;background:transparent;border-radius:.25rem;cursor:pointer;color:rgb(var(--ax-sys-color-on-surface-variant));transition:all .2s;font-size:1.125rem}.close-button:hover{background:rgba(var(--ax-sys-color-error),.1);color:rgb(var(--ax-sys-color-error))}\n"] }); }
|
|
5039
5152
|
}
|
|
5040
5153
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXPickerHeaderComponent, decorators: [{
|
|
5041
5154
|
type: Component,
|
|
@@ -5046,7 +5159,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
|
|
|
5046
5159
|
<i class="fa-light fa-xmark"></i>
|
|
5047
5160
|
</button>
|
|
5048
5161
|
</div>
|
|
5049
|
-
`, styles: [".picker-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid rgb(var(--ax-sys-color-border))}.picker-title{font-size:.875rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface))}.close-button{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:none;background:transparent;border-radius:.25rem;cursor:pointer;color:rgb(var(--ax-sys-color-on-surface-variant));transition:all .2s;font-size:1.125rem}.close-button:hover{background:
|
|
5162
|
+
`, styles: [".picker-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;padding-bottom:0;border-bottom:1px solid rgb(var(--ax-sys-color-border))}.picker-title{font-size:.875rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface))}.close-button{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:none;background:transparent;border-radius:.25rem;cursor:pointer;color:rgb(var(--ax-sys-color-on-surface-variant));transition:all .2s;font-size:1.125rem}.close-button:hover{background:rgba(var(--ax-sys-color-error),.1);color:rgb(var(--ax-sys-color-error))}\n"] }]
|
|
5050
5163
|
}] });
|
|
5051
5164
|
|
|
5052
5165
|
/**
|
|
@@ -5231,7 +5344,7 @@ class AXAudioPickerComponent {
|
|
|
5231
5344
|
(change)="onFileInputChange($event)"
|
|
5232
5345
|
/>
|
|
5233
5346
|
</div>
|
|
5234
|
-
`, isInline: true, styles: [":host{display:block;width:100%}.audio-picker{display:flex;flex-direction:column;width:100%;background:rgb(var(--ax-sys-color-lightest-surface));border-radius:.5rem;overflow:hidden}.picker-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem .25rem;max-height:450px;cursor:pointer;border:2px dashed rgb(var(--ax-sys-color-border-surface));border-radius:.5rem;margin:.75rem;transition:all .2s}.picker-empty:hover,.picker-empty.drag-over{border-color:rgb(var(--ax-sys-color-primary-500));background:
|
|
5347
|
+
`, isInline: true, styles: [":host{display:block;width:100%}.audio-picker{display:flex;flex-direction:column;width:100%;background:rgb(var(--ax-sys-color-lightest-surface));border-radius:.5rem;overflow:hidden}.picker-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem .25rem;max-height:450px;cursor:pointer;border:2px dashed rgb(var(--ax-sys-color-border-surface));border-radius:.5rem;margin:.75rem;transition:all .2s}.picker-empty:hover,.picker-empty.drag-over{border-color:rgb(var(--ax-sys-color-primary-500));background:rgba(var(--ax-sys-color-primary-500),.05)}.empty-icon{font-size:2.5rem;color:rgba(var(--ax-sys-color-on-surface),.65);margin-bottom:.75rem}.empty-text{text-align:center}.empty-title{font-size:.875rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface));margin-bottom:.25rem}.empty-subtitle{font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface),.65)}.picker-audio{padding:.75rem}.audio-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.audio-count{font-size:.8125rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface-variant))}.audio-list{display:flex;flex-direction:column;gap:.625rem;margin-bottom:.75rem}.audio-item{display:flex;align-items:center;gap:.75rem;padding:.625rem;background:rgb(var(--ax-sys-color-surface));border-radius:.375rem;border:1px solid rgb(var(--ax-sys-color-border-surface));transition:background-color .2s}.audio-item:hover{background:rgb(var(--ax-sys-color-light-surface))}.audio-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:.375rem;background:rgba(var(--ax-sys-color-primary-500),.1);color:rgb(var(--ax-sys-color-primary-500));font-size:1.125rem;flex-shrink:0}.audio-info{flex:1;min-width:0}.audio-name{font-size:.875rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:.25rem}.audio-meta{display:flex;gap:1rem;font-size:.75rem;color:rgba(var(--ax-sys-color-on-surface),.65)}.remove-button{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:none;background:transparent;border-radius:.25rem;cursor:pointer;color:rgba(var(--ax-sys-color-on-surface),.65);transition:all .2s;flex-shrink:0;font-size:1rem}.remove-button:hover{background:rgba(var(--ax-sys-color-danger-500),.1);color:rgb(var(--ax-sys-color-danger-500))}.caption-input{margin-top:.75rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i3.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "maskPattern", "customTokens", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onMaskChanged"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: AXPickerHeaderComponent, selector: "ax-picker-header", inputs: ["title"], outputs: ["onClose"] }, { kind: "component", type: AXPickerFooterComponent, selector: "ax-picker-footer", inputs: ["sendText", "sendDisabled"], outputs: ["onCancel", "onSend"] }] }); }
|
|
5235
5348
|
}
|
|
5236
5349
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXAudioPickerComponent, decorators: [{
|
|
5237
5350
|
type: Component,
|
|
@@ -5326,7 +5439,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
|
|
|
5326
5439
|
(change)="onFileInputChange($event)"
|
|
5327
5440
|
/>
|
|
5328
5441
|
</div>
|
|
5329
|
-
`, styles: [":host{display:block;width:100%}.audio-picker{display:flex;flex-direction:column;width:100%;background:rgb(var(--ax-sys-color-lightest-surface));border-radius:.5rem;overflow:hidden}.picker-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem .25rem;max-height:450px;cursor:pointer;border:2px dashed rgb(var(--ax-sys-color-border-surface));border-radius:.5rem;margin:.75rem;transition:all .2s}.picker-empty:hover,.picker-empty.drag-over{border-color:rgb(var(--ax-sys-color-primary-500));background:
|
|
5442
|
+
`, styles: [":host{display:block;width:100%}.audio-picker{display:flex;flex-direction:column;width:100%;background:rgb(var(--ax-sys-color-lightest-surface));border-radius:.5rem;overflow:hidden}.picker-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem .25rem;max-height:450px;cursor:pointer;border:2px dashed rgb(var(--ax-sys-color-border-surface));border-radius:.5rem;margin:.75rem;transition:all .2s}.picker-empty:hover,.picker-empty.drag-over{border-color:rgb(var(--ax-sys-color-primary-500));background:rgba(var(--ax-sys-color-primary-500),.05)}.empty-icon{font-size:2.5rem;color:rgba(var(--ax-sys-color-on-surface),.65);margin-bottom:.75rem}.empty-text{text-align:center}.empty-title{font-size:.875rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface));margin-bottom:.25rem}.empty-subtitle{font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface),.65)}.picker-audio{padding:.75rem}.audio-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.audio-count{font-size:.8125rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface-variant))}.audio-list{display:flex;flex-direction:column;gap:.625rem;margin-bottom:.75rem}.audio-item{display:flex;align-items:center;gap:.75rem;padding:.625rem;background:rgb(var(--ax-sys-color-surface));border-radius:.375rem;border:1px solid rgb(var(--ax-sys-color-border-surface));transition:background-color .2s}.audio-item:hover{background:rgb(var(--ax-sys-color-light-surface))}.audio-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:.375rem;background:rgba(var(--ax-sys-color-primary-500),.1);color:rgb(var(--ax-sys-color-primary-500));font-size:1.125rem;flex-shrink:0}.audio-info{flex:1;min-width:0}.audio-name{font-size:.875rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:.25rem}.audio-meta{display:flex;gap:1rem;font-size:.75rem;color:rgba(var(--ax-sys-color-on-surface),.65)}.remove-button{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:none;background:transparent;border-radius:.25rem;cursor:pointer;color:rgba(var(--ax-sys-color-on-surface),.65);transition:all .2s;flex-shrink:0;font-size:1rem}.remove-button:hover{background:rgba(var(--ax-sys-color-danger-500),.1);color:rgb(var(--ax-sys-color-danger-500))}.caption-input{margin-top:.75rem}\n"] }]
|
|
5330
5443
|
}] });
|
|
5331
5444
|
|
|
5332
5445
|
/**
|
|
@@ -6303,7 +6416,7 @@ class AXFilePickerComponent {
|
|
|
6303
6416
|
<!-- Hidden File Input -->
|
|
6304
6417
|
<input #fileInput type="file" accept="*/*" multiple style="display: none;" (change)="onFileInputChange($event)" />
|
|
6305
6418
|
</div>
|
|
6306
|
-
`, isInline: true, styles: [":host{display:block;width:100%}.file-picker{display:flex;flex-direction:column;width:100%;background:rgb(var(--ax-sys-color-lightest-surface));border-radius:.5rem;overflow:hidden;max-height:450px}.picker-content{flex:1;overflow-y:auto}.picker-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem .25rem;min-height:160px;cursor:pointer;border:2px dashed rgb(var(--ax-sys-color-border-surface));border-radius:.5rem;margin:.75rem;transition:all .2s}.picker-empty:hover,.picker-empty.drag-over{border-color:rgb(var(--ax-sys-color-primary-500));background:
|
|
6419
|
+
`, isInline: true, styles: [":host{display:block;width:100%}.file-picker{display:flex;flex-direction:column;width:100%;background:rgb(var(--ax-sys-color-lightest-surface));border-radius:.5rem;overflow:hidden;max-height:450px}.picker-content{flex:1;overflow-y:auto}.picker-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem .25rem;min-height:160px;cursor:pointer;border:2px dashed rgb(var(--ax-sys-color-border-surface));border-radius:.5rem;margin:.75rem;transition:all .2s}.picker-empty:hover,.picker-empty.drag-over{border-color:rgb(var(--ax-sys-color-primary-500));background:rgba(var(--ax-sys-color-primary-500),.05)}.empty-icon{font-size:2.5rem;color:rgba(var(--ax-sys-color-on-surface),.65);margin-bottom:.75rem}.empty-text{text-align:center}.empty-title{font-size:.875rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface));margin-bottom:.25rem}.empty-subtitle{font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface),.65)}.picker-body{padding:.75rem}.body-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.item-count{font-size:.8125rem;font-weight:500;color:rgba(var(--ax-sys-color-on-surface),.65)}.files-list{display:flex;flex-direction:column;gap:.625rem}.file-item{display:flex;align-items:center;gap:.75rem;padding:.625rem;background:rgb(var(--ax-sys-color-surface));border-radius:.375rem;border:1px solid rgb(var(--ax-sys-color-border-surface));transition:background-color .2s}.file-item:hover{background:rgb(var(--ax-sys-color-light-surface))}.file-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:.375rem;background:rgba(var(--ax-sys-color-primary-500),.1);color:rgb(var(--ax-sys-color-primary-500));font-size:1.25rem;flex-shrink:0;overflow:hidden}.file-icon img{width:100%;height:100%;object-fit:cover}.file-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.file-name{font-size:.875rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{font-size:.75rem;color:rgba(var(--ax-sys-color-on-surface),.65)}.progress-container{width:100%;margin-top:.125rem}.upload-success{color:rgb(var(--ax-sys-color-success-600));font-weight:500}.upload-error{color:rgb(var(--ax-sys-color-danger-600));font-weight:500}.remove-button{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:none;background:transparent;border-radius:.25rem;cursor:pointer;color:rgba(var(--ax-sys-color-on-surface),.65);transition:all .2s;flex-shrink:0;font-size:1rem}.remove-button:hover{background:rgba(var(--ax-sys-color-danger-500),.1);color:rgb(var(--ax-sys-color-danger-500))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXProgressBarModule }, { kind: "component", type: i3$1.AXProgressBarComponent, selector: "ax-progress-bar", inputs: ["color", "mode", "progress", "height"], outputs: ["ValueChange", "sizeChange"] }, { kind: "component", type: AXPickerHeaderComponent, selector: "ax-picker-header", inputs: ["title"], outputs: ["onClose"] }, { kind: "component", type: AXPickerFooterComponent, selector: "ax-picker-footer", inputs: ["sendText", "sendDisabled"], outputs: ["onCancel", "onSend"] }] }); }
|
|
6307
6420
|
}
|
|
6308
6421
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXFilePickerComponent, decorators: [{
|
|
6309
6422
|
type: Component,
|
|
@@ -6415,7 +6528,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
|
|
|
6415
6528
|
<!-- Hidden File Input -->
|
|
6416
6529
|
<input #fileInput type="file" accept="*/*" multiple style="display: none;" (change)="onFileInputChange($event)" />
|
|
6417
6530
|
</div>
|
|
6418
|
-
`, styles: [":host{display:block;width:100%}.file-picker{display:flex;flex-direction:column;width:100%;background:rgb(var(--ax-sys-color-lightest-surface));border-radius:.5rem;overflow:hidden;max-height:450px}.picker-content{flex:1;overflow-y:auto}.picker-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem .25rem;min-height:160px;cursor:pointer;border:2px dashed rgb(var(--ax-sys-color-border-surface));border-radius:.5rem;margin:.75rem;transition:all .2s}.picker-empty:hover,.picker-empty.drag-over{border-color:rgb(var(--ax-sys-color-primary-500));background:
|
|
6531
|
+
`, styles: [":host{display:block;width:100%}.file-picker{display:flex;flex-direction:column;width:100%;background:rgb(var(--ax-sys-color-lightest-surface));border-radius:.5rem;overflow:hidden;max-height:450px}.picker-content{flex:1;overflow-y:auto}.picker-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem .25rem;min-height:160px;cursor:pointer;border:2px dashed rgb(var(--ax-sys-color-border-surface));border-radius:.5rem;margin:.75rem;transition:all .2s}.picker-empty:hover,.picker-empty.drag-over{border-color:rgb(var(--ax-sys-color-primary-500));background:rgba(var(--ax-sys-color-primary-500),.05)}.empty-icon{font-size:2.5rem;color:rgba(var(--ax-sys-color-on-surface),.65);margin-bottom:.75rem}.empty-text{text-align:center}.empty-title{font-size:.875rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface));margin-bottom:.25rem}.empty-subtitle{font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface),.65)}.picker-body{padding:.75rem}.body-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.item-count{font-size:.8125rem;font-weight:500;color:rgba(var(--ax-sys-color-on-surface),.65)}.files-list{display:flex;flex-direction:column;gap:.625rem}.file-item{display:flex;align-items:center;gap:.75rem;padding:.625rem;background:rgb(var(--ax-sys-color-surface));border-radius:.375rem;border:1px solid rgb(var(--ax-sys-color-border-surface));transition:background-color .2s}.file-item:hover{background:rgb(var(--ax-sys-color-light-surface))}.file-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:.375rem;background:rgba(var(--ax-sys-color-primary-500),.1);color:rgb(var(--ax-sys-color-primary-500));font-size:1.25rem;flex-shrink:0;overflow:hidden}.file-icon img{width:100%;height:100%;object-fit:cover}.file-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.file-name{font-size:.875rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{font-size:.75rem;color:rgba(var(--ax-sys-color-on-surface),.65)}.progress-container{width:100%;margin-top:.125rem}.upload-success{color:rgb(var(--ax-sys-color-success-600));font-weight:500}.upload-error{color:rgb(var(--ax-sys-color-danger-600));font-weight:500}.remove-button{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:none;background:transparent;border-radius:.25rem;cursor:pointer;color:rgba(var(--ax-sys-color-on-surface),.65);transition:all .2s;flex-shrink:0;font-size:1rem}.remove-button:hover{background:rgba(var(--ax-sys-color-danger-500),.1);color:rgb(var(--ax-sys-color-danger-500))}\n"] }]
|
|
6419
6532
|
}] });
|
|
6420
6533
|
|
|
6421
6534
|
/**
|
|
@@ -6594,7 +6707,7 @@ class AXImagePickerComponent {
|
|
|
6594
6707
|
(change)="onFileInputChange($event)"
|
|
6595
6708
|
/>
|
|
6596
6709
|
</div>
|
|
6597
|
-
`, isInline: true, styles: [":host{display:block;width:100%}.image-picker{display:flex;flex-direction:column;width:100%;background:rgb(var(--ax-sys-color-lightest-surface));border-radius:.5rem;overflow:hidden}.picker-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem .25rem;max-height:450px;cursor:pointer;border:2px dashed rgb(var(--ax-sys-color-border-surface));border-radius:.5rem;margin:.75rem;transition:all .2s}.picker-empty:hover,.picker-empty.drag-over{border-color:rgb(var(--ax-sys-color-primary-500));background:
|
|
6710
|
+
`, isInline: true, styles: [":host{display:block;width:100%}.image-picker{display:flex;flex-direction:column;width:100%;background:rgb(var(--ax-sys-color-lightest-surface));border-radius:.5rem;overflow:hidden}.picker-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem .25rem;max-height:450px;cursor:pointer;border:2px dashed rgb(var(--ax-sys-color-border-surface));border-radius:.5rem;margin:.75rem;transition:all .2s}.picker-empty:hover,.picker-empty.drag-over{border-color:rgb(var(--ax-sys-color-primary-500));background:rgba(var(--ax-sys-color-primary-500),.05)}.empty-icon{font-size:2.5rem;color:rgba(var(--ax-sys-color-on-surface),.65);margin-bottom:.75rem}.empty-text{text-align:center}.empty-title{font-size:.875rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface));margin-bottom:.25rem}.empty-subtitle{font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface),.65)}.picker-images{padding:.75rem}.images-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.images-count{font-size:.8125rem;font-weight:500;color:rgba(var(--ax-sys-color-on-surface),.65)}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.5rem;margin-bottom:.75rem}.image-item{display:flex;flex-direction:column;gap:.5rem}.image-preview{position:relative;aspect-ratio:1;border-radius:.375rem;overflow:hidden;background:rgb(var(--ax-sys-color-light-surface));border:1px solid rgb(var(--ax-sys-color-border-surface))}.image-preview img{width:100%;height:100%;object-fit:cover}.remove-button{position:absolute;top:.25rem;right:.25rem;display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border:none;background:rgb(var(--ax-sys-color-danger-500));color:rgb(var(--ax-sys-color-light));border-radius:50%;cursor:pointer;opacity:0;transition:opacity .2s;font-size:.75rem;box-shadow:0 2px 4px #0003}.image-item:hover .remove-button{opacity:1}.image-info{display:flex;flex-direction:column;gap:.25rem}.image-name{font-size:.75rem;color:rgb(var(--ax-sys-color-on-surface));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-size{font-size:.75rem;color:rgb(var(--ax-sys-color-on-surface-variant))}.caption-input{margin-top:.75rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i3.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "maskPattern", "customTokens", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onMaskChanged"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: AXPickerHeaderComponent, selector: "ax-picker-header", inputs: ["title"], outputs: ["onClose"] }, { kind: "component", type: AXPickerFooterComponent, selector: "ax-picker-footer", inputs: ["sendText", "sendDisabled"], outputs: ["onCancel", "onSend"] }] }); }
|
|
6598
6711
|
}
|
|
6599
6712
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXImagePickerComponent, decorators: [{
|
|
6600
6713
|
type: Component,
|
|
@@ -6684,7 +6797,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
|
|
|
6684
6797
|
(change)="onFileInputChange($event)"
|
|
6685
6798
|
/>
|
|
6686
6799
|
</div>
|
|
6687
|
-
`, styles: [":host{display:block;width:100%}.image-picker{display:flex;flex-direction:column;width:100%;background:rgb(var(--ax-sys-color-lightest-surface));border-radius:.5rem;overflow:hidden}.picker-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem .25rem;max-height:450px;cursor:pointer;border:2px dashed rgb(var(--ax-sys-color-border-surface));border-radius:.5rem;margin:.75rem;transition:all .2s}.picker-empty:hover,.picker-empty.drag-over{border-color:rgb(var(--ax-sys-color-primary-500));background:
|
|
6800
|
+
`, styles: [":host{display:block;width:100%}.image-picker{display:flex;flex-direction:column;width:100%;background:rgb(var(--ax-sys-color-lightest-surface));border-radius:.5rem;overflow:hidden}.picker-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem .25rem;max-height:450px;cursor:pointer;border:2px dashed rgb(var(--ax-sys-color-border-surface));border-radius:.5rem;margin:.75rem;transition:all .2s}.picker-empty:hover,.picker-empty.drag-over{border-color:rgb(var(--ax-sys-color-primary-500));background:rgba(var(--ax-sys-color-primary-500),.05)}.empty-icon{font-size:2.5rem;color:rgba(var(--ax-sys-color-on-surface),.65);margin-bottom:.75rem}.empty-text{text-align:center}.empty-title{font-size:.875rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface));margin-bottom:.25rem}.empty-subtitle{font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface),.65)}.picker-images{padding:.75rem}.images-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.images-count{font-size:.8125rem;font-weight:500;color:rgba(var(--ax-sys-color-on-surface),.65)}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.5rem;margin-bottom:.75rem}.image-item{display:flex;flex-direction:column;gap:.5rem}.image-preview{position:relative;aspect-ratio:1;border-radius:.375rem;overflow:hidden;background:rgb(var(--ax-sys-color-light-surface));border:1px solid rgb(var(--ax-sys-color-border-surface))}.image-preview img{width:100%;height:100%;object-fit:cover}.remove-button{position:absolute;top:.25rem;right:.25rem;display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border:none;background:rgb(var(--ax-sys-color-danger-500));color:rgb(var(--ax-sys-color-light));border-radius:50%;cursor:pointer;opacity:0;transition:opacity .2s;font-size:.75rem;box-shadow:0 2px 4px #0003}.image-item:hover .remove-button{opacity:1}.image-info{display:flex;flex-direction:column;gap:.25rem}.image-name{font-size:.75rem;color:rgb(var(--ax-sys-color-on-surface));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-size{font-size:.75rem;color:rgb(var(--ax-sys-color-on-surface-variant))}.caption-input{margin-top:.75rem}\n"] }]
|
|
6688
6801
|
}] });
|
|
6689
6802
|
|
|
6690
6803
|
/**
|
|
@@ -7004,7 +7117,7 @@ class AXVideoPickerComponent {
|
|
|
7004
7117
|
(change)="onFileInputChange($event)"
|
|
7005
7118
|
/>
|
|
7006
7119
|
</div>
|
|
7007
|
-
`, isInline: true, styles: [":host{display:block;width:100%}.video-picker{display:flex;flex-direction:column;width:100%;background:rgb(var(--ax-sys-color-lightest-surface));border-radius:.5rem;overflow:hidden}.picker-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem .25rem;max-height:450px;cursor:pointer;border:2px dashed rgb(var(--ax-sys-color-border));border-radius:.5rem;margin:.75rem;transition:all .2s}.picker-empty:hover,.picker-empty.drag-over{border-color:rgb(var(--ax-sys-color-primary));background:
|
|
7120
|
+
`, isInline: true, styles: [":host{display:block;width:100%}.video-picker{display:flex;flex-direction:column;width:100%;background:rgb(var(--ax-sys-color-lightest-surface));border-radius:.5rem;overflow:hidden}.picker-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem .25rem;max-height:450px;cursor:pointer;border:2px dashed rgb(var(--ax-sys-color-border));border-radius:.5rem;margin:.75rem;transition:all .2s}.picker-empty:hover,.picker-empty.drag-over{border-color:rgb(var(--ax-sys-color-primary));background:rgba(var(--ax-sys-color-primary),.05)}.empty-icon{font-size:2.5rem;color:rgb(var(--ax-sys-color-on-surface-variant));margin-bottom:.75rem}.empty-text{text-align:center}.empty-title{font-size:.875rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface));margin-bottom:.25rem}.empty-subtitle{font-size:.8125rem;color:rgb(var(--ax-sys-color-on-surface-variant))}.picker-videos{padding:.75rem}.videos-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.videos-count{font-size:.8125rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface-variant))}.videos-list{display:flex;flex-direction:column;gap:.625rem;margin-bottom:.75rem}.video-item{display:flex;gap:.75rem;padding:.625rem;background:rgb(var(--ax-sys-color-surface));border-radius:.375rem;border:1px solid rgb(var(--ax-sys-color-border))}.video-preview{position:relative;width:120px;height:68px;flex-shrink:0;border-radius:.375rem;overflow:hidden;background:rgb(var(--ax-sys-color-surface-variant))}.video-preview video{width:100%;height:100%;object-fit:cover}.video-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:2rem;color:rgb(var(--ax-sys-color-on-surface-variant))}.remove-button{position:absolute;top:.25rem;right:.25rem;display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border:none;background:rgb(var(--ax-sys-color-error));color:rgb(var(--ax-sys-color-on-error));border-radius:50%;cursor:pointer;opacity:0;transition:opacity .2s;font-size:.75rem;box-shadow:0 2px 4px #0003}.video-item:hover .remove-button{opacity:1}.video-info{display:flex;flex-direction:column;justify-content:center;gap:.5rem;flex:1}.video-name{font-size:.875rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-meta{display:flex;gap:1rem;font-size:.75rem;color:rgb(var(--ax-sys-color-on-surface-variant))}.caption-input{margin-top:.75rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i3.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "maskPattern", "customTokens", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onMaskChanged"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: AXPickerHeaderComponent, selector: "ax-picker-header", inputs: ["title"], outputs: ["onClose"] }, { kind: "component", type: AXPickerFooterComponent, selector: "ax-picker-footer", inputs: ["sendText", "sendDisabled"], outputs: ["onCancel", "onSend"] }] }); }
|
|
7008
7121
|
}
|
|
7009
7122
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXVideoPickerComponent, decorators: [{
|
|
7010
7123
|
type: Component,
|
|
@@ -7105,7 +7218,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
|
|
|
7105
7218
|
(change)="onFileInputChange($event)"
|
|
7106
7219
|
/>
|
|
7107
7220
|
</div>
|
|
7108
|
-
`, styles: [":host{display:block;width:100%}.video-picker{display:flex;flex-direction:column;width:100%;background:rgb(var(--ax-sys-color-lightest-surface));border-radius:.5rem;overflow:hidden}.picker-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem .25rem;max-height:450px;cursor:pointer;border:2px dashed rgb(var(--ax-sys-color-border));border-radius:.5rem;margin:.75rem;transition:all .2s}.picker-empty:hover,.picker-empty.drag-over{border-color:rgb(var(--ax-sys-color-primary));background:
|
|
7221
|
+
`, styles: [":host{display:block;width:100%}.video-picker{display:flex;flex-direction:column;width:100%;background:rgb(var(--ax-sys-color-lightest-surface));border-radius:.5rem;overflow:hidden}.picker-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem .25rem;max-height:450px;cursor:pointer;border:2px dashed rgb(var(--ax-sys-color-border));border-radius:.5rem;margin:.75rem;transition:all .2s}.picker-empty:hover,.picker-empty.drag-over{border-color:rgb(var(--ax-sys-color-primary));background:rgba(var(--ax-sys-color-primary),.05)}.empty-icon{font-size:2.5rem;color:rgb(var(--ax-sys-color-on-surface-variant));margin-bottom:.75rem}.empty-text{text-align:center}.empty-title{font-size:.875rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface));margin-bottom:.25rem}.empty-subtitle{font-size:.8125rem;color:rgb(var(--ax-sys-color-on-surface-variant))}.picker-videos{padding:.75rem}.videos-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.videos-count{font-size:.8125rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface-variant))}.videos-list{display:flex;flex-direction:column;gap:.625rem;margin-bottom:.75rem}.video-item{display:flex;gap:.75rem;padding:.625rem;background:rgb(var(--ax-sys-color-surface));border-radius:.375rem;border:1px solid rgb(var(--ax-sys-color-border))}.video-preview{position:relative;width:120px;height:68px;flex-shrink:0;border-radius:.375rem;overflow:hidden;background:rgb(var(--ax-sys-color-surface-variant))}.video-preview video{width:100%;height:100%;object-fit:cover}.video-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:2rem;color:rgb(var(--ax-sys-color-on-surface-variant))}.remove-button{position:absolute;top:.25rem;right:.25rem;display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border:none;background:rgb(var(--ax-sys-color-error));color:rgb(var(--ax-sys-color-on-error));border-radius:50%;cursor:pointer;opacity:0;transition:opacity .2s;font-size:.75rem;box-shadow:0 2px 4px #0003}.video-item:hover .remove-button{opacity:1}.video-info{display:flex;flex-direction:column;justify-content:center;gap:.5rem;flex:1}.video-name{font-size:.875rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-meta{display:flex;gap:1rem;font-size:.75rem;color:rgb(var(--ax-sys-color-on-surface-variant))}.caption-input{margin-top:.75rem}\n"] }]
|
|
7109
7222
|
}] });
|
|
7110
7223
|
|
|
7111
7224
|
/**
|
|
@@ -7682,12 +7795,23 @@ class AXConversationMessageUtilsService {
|
|
|
7682
7795
|
return participant?.name || 'Unknown';
|
|
7683
7796
|
}
|
|
7684
7797
|
/**
|
|
7685
|
-
* Get sender avatar
|
|
7798
|
+
* Get sender avatar image URL (takes precedence over {@link getSenderAvatarIcon}).
|
|
7686
7799
|
*/
|
|
7687
7800
|
static getSenderAvatar(message, conversation) {
|
|
7688
7801
|
const participant = conversation.participants.find((p) => p.id === message.senderId);
|
|
7689
7802
|
return participant?.avatar;
|
|
7690
7803
|
}
|
|
7804
|
+
/**
|
|
7805
|
+
* Font Awesome icon class(es) for the sender when there is no avatar image:
|
|
7806
|
+
* participant `icon` first, then conversation-level `icon`.
|
|
7807
|
+
*/
|
|
7808
|
+
static getSenderAvatarIcon(message, conversation) {
|
|
7809
|
+
const participant = conversation.participants.find((p) => p.id === message.senderId);
|
|
7810
|
+
if (participant?.avatar) {
|
|
7811
|
+
return undefined;
|
|
7812
|
+
}
|
|
7813
|
+
return participant?.icon ?? conversation.icon;
|
|
7814
|
+
}
|
|
7691
7815
|
/**
|
|
7692
7816
|
* Get initials from name
|
|
7693
7817
|
*/
|
|
@@ -8256,7 +8380,11 @@ class AXConversationInfoPanelComponent extends AXClosableComponent {
|
|
|
8256
8380
|
</ax-avatar>
|
|
8257
8381
|
<div class="member-details">
|
|
8258
8382
|
<span class="member-name">{{ participant.name }}</span>
|
|
8259
|
-
|
|
8383
|
+
@if (participant.description) {
|
|
8384
|
+
<span class="member-description">{{ participant.description }}</span>
|
|
8385
|
+
} @else {
|
|
8386
|
+
<span class="member-role">{{ participant.role || 'member' }}</span>
|
|
8387
|
+
}
|
|
8260
8388
|
</div>
|
|
8261
8389
|
@if (participant.status) {
|
|
8262
8390
|
<span
|
|
@@ -8372,7 +8500,7 @@ class AXConversationInfoPanelComponent extends AXClosableComponent {
|
|
|
8372
8500
|
</div>
|
|
8373
8501
|
</div>
|
|
8374
8502
|
}
|
|
8375
|
-
`, isInline: true, styles: [":host{display:block;width:100%;height:100%}.conversation-info-panel{display:flex;flex-direction:column;background:rgb(var(--ax-sys-color-surface));overflow:hidden}.panel-header{display:flex;flex-direction:column;align-items:center;padding:1rem 2rem;background:linear-gradient(180deg,rgb(var(--ax-sys-color-lighter-surface)),rgb(var(--ax-sys-color-surface)));border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface));gap:.5rem;position:relative}.conversation-title-container{display:flex;flex-direction:column;align-items:center;gap:.25rem}.conversation-title{margin:0;font-size:1.625rem;font-weight:700;color:rgb(var(--ax-sys-color-on-surface));text-align:center;letter-spacing:-.02em}.edit-group-section{padding:1.5rem;background:rgb(var(--ax-sys-color-lighter-surface));border-radius:.75rem;margin-bottom:1.5rem;border:1px solid rgb(var(--ax-sys-color-border-light-surface))}.section-header{margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface))}.section-title{font-size:1rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface))}.edit-field{margin-bottom:1rem}.edit-label{display:block;font-size:.875rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface));margin-bottom:.5rem}.edit-actions{display:flex;gap:.75rem;justify-content:flex-start;margin-top:1rem}.tab-content-wrapper{flex:1;overflow-y:auto;max-height:50vh}.tab-content{padding:2rem;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.about-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:rgb(var(--ax-sys-color-lighter-surface));border-radius:.75rem;transition:all .2s;border:2px solid transparent}.stat-card:hover{background:rgb(var(--ax-sys-color-border-light-surface));// transform: translateY(-2px);box-shadow:0 4px 8px #0000001a}.stat-card.highlight{background:
|
|
8503
|
+
`, isInline: true, styles: [":host{display:block;width:100%;height:100%}.conversation-info-panel{display:flex;flex-direction:column;background:rgb(var(--ax-sys-color-surface));overflow:hidden}.panel-header{display:flex;flex-direction:column;align-items:center;padding:1rem 2rem;background:linear-gradient(180deg,rgb(var(--ax-sys-color-lighter-surface)),rgb(var(--ax-sys-color-surface)));border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface));gap:.5rem;position:relative}.conversation-title-container{display:flex;flex-direction:column;align-items:center;gap:.25rem}.conversation-title{margin:0;font-size:1.625rem;font-weight:700;color:rgb(var(--ax-sys-color-on-surface));text-align:center;letter-spacing:-.02em}.edit-group-section{padding:1.5rem;background:rgb(var(--ax-sys-color-lighter-surface));border-radius:.75rem;margin-bottom:1.5rem;border:1px solid rgb(var(--ax-sys-color-border-light-surface))}.section-header{margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface))}.section-title{font-size:1rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface))}.edit-field{margin-bottom:1rem}.edit-label{display:block;font-size:.875rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface));margin-bottom:.5rem}.edit-actions{display:flex;gap:.75rem;justify-content:flex-start;margin-top:1rem}.tab-content-wrapper{flex:1;overflow-y:auto;max-height:50vh}.tab-content{padding:2rem;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.about-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:rgb(var(--ax-sys-color-lighter-surface));border-radius:.75rem;transition:all .2s;border:2px solid transparent}.stat-card:hover{background:rgb(var(--ax-sys-color-border-light-surface));// transform: translateY(-2px);box-shadow:0 4px 8px #0000001a}.stat-card.highlight{background:rgba(var(--ax-sys-color-primary-500),.1);border-color:rgb(var(--ax-sys-color-primary-500))}.stat-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgb(var(--ax-sys-color-surface));border-radius:.5rem;font-size:1.125rem;color:rgb(var(--ax-sys-color-primary-500))}.stat-card.highlight .stat-icon{background:rgb(var(--ax-sys-color-primary-500));color:rgb(var(--ax-sys-color-on-primary))}.stat-content{display:flex;flex-direction:column;gap:.125rem}.stat-value{font-size:1.25rem;font-weight:700;color:rgb(var(--ax-sys-color-on-surface));line-height:1;word-break:break-all}.stat-label{font-size:.75rem;color:rgb(var(--ax-sys-color-on-surface));opacity:.7;text-transform:uppercase;letter-spacing:.05em}.about-timeline{display:flex;flex-direction:column;gap:.75rem}.timeline-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;background:rgb(var(--ax-sys-color-lighter-surface));border-radius:.5rem;transition:background .2s}.timeline-item:hover{background:rgb(var(--ax-sys-color-border-light-surface))}.timeline-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgb(var(--ax-sys-color-surface));border-radius:50%;font-size:.875rem;color:rgb(var(--ax-sys-color-primary-500))}.timeline-content{display:flex;justify-content:space-between;align-items:center;gap:1rem}.timeline-label{font-size:.875rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface))}.timeline-value{font-size:.875rem;color:rgb(var(--ax-sys-color-on-surface));opacity:.7;cursor:help}.members-search{margin-bottom:1rem}.members-list{display:flex;flex-direction:column;gap:.5rem}.member-card{display:flex;align-items:center;gap:.75rem;padding:.875rem;background:rgb(var(--ax-sys-color-lighter-surface));border-radius:.75rem;transition:all .2s ease;border:1px solid transparent;cursor:pointer}.member-card:hover{background:rgb(var(--ax-sys-color-surface));border-color:rgba(var(--ax-sys-color-primary-500),.3);// transform: translateX(4px);box-shadow:0 2px 8px #00000014}.member-details{flex:1;display:flex;flex-direction:column;gap:.125rem;min-width:0}.member-name{font-size:.875rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-role{font-size:.75rem;color:rgb(var(--ax-sys-color-primary-500));text-transform:capitalize}.member-description{font-size:.75rem;color:rgb(var(--ax-sys-color-on-surface));opacity:.72;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-indicator.online{background:rgb(var(--ax-sys-color-success-500))}.status-indicator.away{background:rgb(var(--ax-sys-color-warning-500))}.status-indicator.offline{background:rgb(var(--ax-sys-color-neutral-400))}.settings-list{display:flex;flex-direction:column;gap:.75rem}.setting-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem;background:rgb(var(--ax-sys-color-lighter-surface));border-radius:.75rem;border:1px solid transparent;transition:all .2s ease}.setting-item:hover{background:rgb(var(--ax-sys-color-surface));border-color:rgb(var(--ax-sys-color-border-light-surface));box-shadow:0 2px 6px #0000000f}.setting-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.setting-label{font-size:.875rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface))}.setting-description{font-size:.75rem;color:rgb(var(--ax-sys-color-on-surface));opacity:.7}.danger-zone{padding:1.5rem;margin-top:1.5rem;background:rgba(var(--ax-sys-color-danger-500),.05);border:1px solid rgba(var(--ax-sys-color-danger-500),.2);border-radius:.75rem}.danger-zone ax-button{width:100%}.background-section{margin-top:1rem;padding:1rem;background:rgb(var(--ax-sys-color-lighter-surface));border:1px solid rgb(var(--ax-sys-color-border-light-surface));border-radius:.75rem}.background-description{margin:0 0 .75rem;font-size:.75rem;opacity:.7}.background-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.background-swatch{position:relative;height:3rem;border-radius:.625rem;border:2px solid rgb(var(--ax-sys-color-secondary-400));cursor:pointer;overflow:hidden;transition:border-color .15s ease,filter .15s ease}.background-grid:hover .background-swatch:not(:hover){filter:brightness(.75)}.background-swatch-active{border-color:rgb(var(--ax-sys-color-primary-600))}.background-swatch-label{position:absolute;left:.375rem;bottom:.25rem;font-size:.825rem;mix-blend-mode:difference;font-weight:600}.background-actions{margin-top:.625rem;display:flex;justify-content:flex-end}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXTabsModule }, { kind: "component", type: i2$1.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i2$1.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXAvatarComponent, selector: "ax-avatar", inputs: ["color", "size", "shape", "look"], outputs: ["sizeChange"] }, { kind: "component", type: AXImageComponent, selector: "ax-image", inputs: ["width", "height", "overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXSwitchModule }, { kind: "component", type: i4.AXSwitchComponent, selector: "ax-switch", inputs: ["disabled", "readonly", "color", "tabIndex", "value", "name", "isLoading"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged", "readonlyChange", "disabledChange"] }, { kind: "component", type: AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type", "autoSearch"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "component", type: AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "maskPattern", "customTokens", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onMaskChanged"] }, { kind: "component", type: AXAvatarPickerComponent, selector: "ax-avatar-picker", inputs: ["showClearButton", "avatarUrl"], outputs: ["avatarUrlChange", "onFileSelected"] }] }); }
|
|
8376
8504
|
}
|
|
8377
8505
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXConversationInfoPanelComponent, decorators: [{
|
|
8378
8506
|
type: Component,
|
|
@@ -8507,7 +8635,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
|
|
|
8507
8635
|
</ax-avatar>
|
|
8508
8636
|
<div class="member-details">
|
|
8509
8637
|
<span class="member-name">{{ participant.name }}</span>
|
|
8510
|
-
|
|
8638
|
+
@if (participant.description) {
|
|
8639
|
+
<span class="member-description">{{ participant.description }}</span>
|
|
8640
|
+
} @else {
|
|
8641
|
+
<span class="member-role">{{ participant.role || 'member' }}</span>
|
|
8642
|
+
}
|
|
8511
8643
|
</div>
|
|
8512
8644
|
@if (participant.status) {
|
|
8513
8645
|
<span
|
|
@@ -8623,7 +8755,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
|
|
|
8623
8755
|
</div>
|
|
8624
8756
|
</div>
|
|
8625
8757
|
}
|
|
8626
|
-
`, providers: [{ provide: AXClosableComponent, useExisting: AXConversationInfoPanelComponent }], styles: [":host{display:block;width:100%;height:100%}.conversation-info-panel{display:flex;flex-direction:column;background:rgb(var(--ax-sys-color-surface));overflow:hidden}.panel-header{display:flex;flex-direction:column;align-items:center;padding:1rem 2rem;background:linear-gradient(180deg,rgb(var(--ax-sys-color-lighter-surface)),rgb(var(--ax-sys-color-surface)));border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface));gap:.5rem;position:relative}.conversation-title-container{display:flex;flex-direction:column;align-items:center;gap:.25rem}.conversation-title{margin:0;font-size:1.625rem;font-weight:700;color:rgb(var(--ax-sys-color-on-surface));text-align:center;letter-spacing:-.02em}.edit-group-section{padding:1.5rem;background:rgb(var(--ax-sys-color-lighter-surface));border-radius:.75rem;margin-bottom:1.5rem;border:1px solid rgb(var(--ax-sys-color-border-light-surface))}.section-header{margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface))}.section-title{font-size:1rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface))}.edit-field{margin-bottom:1rem}.edit-label{display:block;font-size:.875rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface));margin-bottom:.5rem}.edit-actions{display:flex;gap:.75rem;justify-content:flex-start;margin-top:1rem}.tab-content-wrapper{flex:1;overflow-y:auto;max-height:50vh}.tab-content{padding:2rem;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.about-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:rgb(var(--ax-sys-color-lighter-surface));border-radius:.75rem;transition:all .2s;border:2px solid transparent}.stat-card:hover{background:rgb(var(--ax-sys-color-border-light-surface));// transform: translateY(-2px);box-shadow:0 4px 8px #0000001a}.stat-card.highlight{background:
|
|
8758
|
+
`, providers: [{ provide: AXClosableComponent, useExisting: AXConversationInfoPanelComponent }], styles: [":host{display:block;width:100%;height:100%}.conversation-info-panel{display:flex;flex-direction:column;background:rgb(var(--ax-sys-color-surface));overflow:hidden}.panel-header{display:flex;flex-direction:column;align-items:center;padding:1rem 2rem;background:linear-gradient(180deg,rgb(var(--ax-sys-color-lighter-surface)),rgb(var(--ax-sys-color-surface)));border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface));gap:.5rem;position:relative}.conversation-title-container{display:flex;flex-direction:column;align-items:center;gap:.25rem}.conversation-title{margin:0;font-size:1.625rem;font-weight:700;color:rgb(var(--ax-sys-color-on-surface));text-align:center;letter-spacing:-.02em}.edit-group-section{padding:1.5rem;background:rgb(var(--ax-sys-color-lighter-surface));border-radius:.75rem;margin-bottom:1.5rem;border:1px solid rgb(var(--ax-sys-color-border-light-surface))}.section-header{margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface))}.section-title{font-size:1rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface))}.edit-field{margin-bottom:1rem}.edit-label{display:block;font-size:.875rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface));margin-bottom:.5rem}.edit-actions{display:flex;gap:.75rem;justify-content:flex-start;margin-top:1rem}.tab-content-wrapper{flex:1;overflow-y:auto;max-height:50vh}.tab-content{padding:2rem;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.about-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:rgb(var(--ax-sys-color-lighter-surface));border-radius:.75rem;transition:all .2s;border:2px solid transparent}.stat-card:hover{background:rgb(var(--ax-sys-color-border-light-surface));// transform: translateY(-2px);box-shadow:0 4px 8px #0000001a}.stat-card.highlight{background:rgba(var(--ax-sys-color-primary-500),.1);border-color:rgb(var(--ax-sys-color-primary-500))}.stat-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgb(var(--ax-sys-color-surface));border-radius:.5rem;font-size:1.125rem;color:rgb(var(--ax-sys-color-primary-500))}.stat-card.highlight .stat-icon{background:rgb(var(--ax-sys-color-primary-500));color:rgb(var(--ax-sys-color-on-primary))}.stat-content{display:flex;flex-direction:column;gap:.125rem}.stat-value{font-size:1.25rem;font-weight:700;color:rgb(var(--ax-sys-color-on-surface));line-height:1;word-break:break-all}.stat-label{font-size:.75rem;color:rgb(var(--ax-sys-color-on-surface));opacity:.7;text-transform:uppercase;letter-spacing:.05em}.about-timeline{display:flex;flex-direction:column;gap:.75rem}.timeline-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;background:rgb(var(--ax-sys-color-lighter-surface));border-radius:.5rem;transition:background .2s}.timeline-item:hover{background:rgb(var(--ax-sys-color-border-light-surface))}.timeline-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgb(var(--ax-sys-color-surface));border-radius:50%;font-size:.875rem;color:rgb(var(--ax-sys-color-primary-500))}.timeline-content{display:flex;justify-content:space-between;align-items:center;gap:1rem}.timeline-label{font-size:.875rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface))}.timeline-value{font-size:.875rem;color:rgb(var(--ax-sys-color-on-surface));opacity:.7;cursor:help}.members-search{margin-bottom:1rem}.members-list{display:flex;flex-direction:column;gap:.5rem}.member-card{display:flex;align-items:center;gap:.75rem;padding:.875rem;background:rgb(var(--ax-sys-color-lighter-surface));border-radius:.75rem;transition:all .2s ease;border:1px solid transparent;cursor:pointer}.member-card:hover{background:rgb(var(--ax-sys-color-surface));border-color:rgba(var(--ax-sys-color-primary-500),.3);// transform: translateX(4px);box-shadow:0 2px 8px #00000014}.member-details{flex:1;display:flex;flex-direction:column;gap:.125rem;min-width:0}.member-name{font-size:.875rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-role{font-size:.75rem;color:rgb(var(--ax-sys-color-primary-500));text-transform:capitalize}.member-description{font-size:.75rem;color:rgb(var(--ax-sys-color-on-surface));opacity:.72;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-indicator.online{background:rgb(var(--ax-sys-color-success-500))}.status-indicator.away{background:rgb(var(--ax-sys-color-warning-500))}.status-indicator.offline{background:rgb(var(--ax-sys-color-neutral-400))}.settings-list{display:flex;flex-direction:column;gap:.75rem}.setting-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem;background:rgb(var(--ax-sys-color-lighter-surface));border-radius:.75rem;border:1px solid transparent;transition:all .2s ease}.setting-item:hover{background:rgb(var(--ax-sys-color-surface));border-color:rgb(var(--ax-sys-color-border-light-surface));box-shadow:0 2px 6px #0000000f}.setting-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.setting-label{font-size:.875rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface))}.setting-description{font-size:.75rem;color:rgb(var(--ax-sys-color-on-surface));opacity:.7}.danger-zone{padding:1.5rem;margin-top:1.5rem;background:rgba(var(--ax-sys-color-danger-500),.05);border:1px solid rgba(var(--ax-sys-color-danger-500),.2);border-radius:.75rem}.danger-zone ax-button{width:100%}.background-section{margin-top:1rem;padding:1rem;background:rgb(var(--ax-sys-color-lighter-surface));border:1px solid rgb(var(--ax-sys-color-border-light-surface));border-radius:.75rem}.background-description{margin:0 0 .75rem;font-size:.75rem;opacity:.7}.background-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.background-swatch{position:relative;height:3rem;border-radius:.625rem;border:2px solid rgb(var(--ax-sys-color-secondary-400));cursor:pointer;overflow:hidden;transition:border-color .15s ease,filter .15s ease}.background-grid:hover .background-swatch:not(:hover){filter:brightness(.75)}.background-swatch-active{border-color:rgb(var(--ax-sys-color-primary-600))}.background-swatch-label{position:absolute;left:.375rem;bottom:.25rem;font-size:.825rem;mix-blend-mode:difference;font-weight:600}.background-actions{margin-top:.625rem;display:flex;justify-content:flex-end}\n"] }]
|
|
8627
8759
|
}] });
|
|
8628
8760
|
|
|
8629
8761
|
/**
|
|
@@ -9405,7 +9537,7 @@ class AXAudioInfoBarBannerComponent {
|
|
|
9405
9537
|
<span class="ax-cnv-media-banner__progress" [style.width.%]="progressPercent()"></span>
|
|
9406
9538
|
</div>
|
|
9407
9539
|
</div>
|
|
9408
|
-
`, isInline: true, styles: [":host{display:block;width:100%;color:rgb(var(--ax-sys-color-on-primary-lightest-surface))}.ax-cnv-media-banner{display:flex;flex-direction:column;gap:.4rem}.ax-cnv-media-banner__header{display:flex;align-items:center;gap:.5rem;min-width:0}.ax-cnv-media-banner__title{font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ax-cnv-media-banner__meta{margin-inline-start:auto;flex-shrink:0;font-size:.75rem;font-variant-numeric:tabular-nums;opacity:.85}.ax-cnv-media-banner__track{position:relative;width:100%;height:4px;border-radius:999px;overflow:hidden;background:
|
|
9540
|
+
`, isInline: true, styles: [":host{display:block;width:100%;color:rgb(var(--ax-sys-color-on-primary-lightest-surface))}.ax-cnv-media-banner{display:flex;flex-direction:column;gap:.4rem}.ax-cnv-media-banner__header{display:flex;align-items:center;gap:.5rem;min-width:0}.ax-cnv-media-banner__title{font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ax-cnv-media-banner__meta{margin-inline-start:auto;flex-shrink:0;font-size:.75rem;font-variant-numeric:tabular-nums;opacity:.85}.ax-cnv-media-banner__track{position:relative;width:100%;height:4px;border-radius:999px;overflow:hidden;background:rgba(var(--ax-sys-color-primary-200),.7)}.ax-cnv-media-banner__progress{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:rgb(var(--ax-sys-color-primary-600))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9409
9541
|
}
|
|
9410
9542
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXAudioInfoBarBannerComponent, decorators: [{
|
|
9411
9543
|
type: Component,
|
|
@@ -9420,7 +9552,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
|
|
|
9420
9552
|
<span class="ax-cnv-media-banner__progress" [style.width.%]="progressPercent()"></span>
|
|
9421
9553
|
</div>
|
|
9422
9554
|
</div>
|
|
9423
|
-
`, styles: [":host{display:block;width:100%;color:rgb(var(--ax-sys-color-on-primary-lightest-surface))}.ax-cnv-media-banner{display:flex;flex-direction:column;gap:.4rem}.ax-cnv-media-banner__header{display:flex;align-items:center;gap:.5rem;min-width:0}.ax-cnv-media-banner__title{font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ax-cnv-media-banner__meta{margin-inline-start:auto;flex-shrink:0;font-size:.75rem;font-variant-numeric:tabular-nums;opacity:.85}.ax-cnv-media-banner__track{position:relative;width:100%;height:4px;border-radius:999px;overflow:hidden;background:
|
|
9555
|
+
`, styles: [":host{display:block;width:100%;color:rgb(var(--ax-sys-color-on-primary-lightest-surface))}.ax-cnv-media-banner{display:flex;flex-direction:column;gap:.4rem}.ax-cnv-media-banner__header{display:flex;align-items:center;gap:.5rem;min-width:0}.ax-cnv-media-banner__title{font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ax-cnv-media-banner__meta{margin-inline-start:auto;flex-shrink:0;font-size:.75rem;font-variant-numeric:tabular-nums;opacity:.85}.ax-cnv-media-banner__track{position:relative;width:100%;height:4px;border-radius:999px;overflow:hidden;background:rgba(var(--ax-sys-color-primary-200),.7)}.ax-cnv-media-banner__progress{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:rgb(var(--ax-sys-color-primary-600))}\n"] }]
|
|
9424
9556
|
}] });
|
|
9425
9557
|
|
|
9426
9558
|
class AXFallbackRendererComponent {
|
|
@@ -9468,7 +9600,7 @@ const EXT_COLORS = {
|
|
|
9468
9600
|
xlsx: 'rgb(var(--ax-sys-color-success-500))',
|
|
9469
9601
|
ppt: 'rgb(var(--ax-sys-color-warning-500))',
|
|
9470
9602
|
pptx: 'rgb(var(--ax-sys-color-warning-500))',
|
|
9471
|
-
txt: '
|
|
9603
|
+
txt: 'rgba(var(--ax-sys-color-on-surface), 0.72)',
|
|
9472
9604
|
zip: 'rgb(var(--ax-sys-color-secondary-600))',
|
|
9473
9605
|
rar: 'rgb(var(--ax-sys-color-secondary-600))',
|
|
9474
9606
|
jpg: 'rgb(var(--ax-sys-color-accent3-500))',
|
|
@@ -9621,7 +9753,7 @@ class AXImageRendererComponent {
|
|
|
9621
9753
|
placement="below"
|
|
9622
9754
|
/>
|
|
9623
9755
|
</div>
|
|
9624
|
-
`, isInline: true, styles: [":host{display:block}.ax-cnv-media{position:relative;max-width:100%;border-radius:var(--ax-sys-border-radius);overflow:hidden}.ax-cnv-media__img{display:block;max-width:100%;max-height:400px;width:auto;height:auto;cursor:pointer;opacity:0;transition:opacity .2s ease}.ax-cnv-media__img--ready{opacity:1}.ax-cnv-media__img--hidden{visibility:hidden;position:absolute;width:0;height:0;opacity:0;pointer-events:none}.ax-cnv-media__state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-height:160px;padding:1rem;text-align:center;background:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-surface));opacity:.85}.ax-cnv-media__caption{padding:.375rem .5rem;font-size:.8125rem;line-height:1.4;background:
|
|
9756
|
+
`, isInline: true, styles: [":host{display:block}.ax-cnv-media{position:relative;max-width:100%;border-radius:var(--ax-sys-border-radius);overflow:hidden}.ax-cnv-media__img{display:block;max-width:100%;max-height:400px;width:auto;height:auto;cursor:pointer;opacity:0;transition:opacity .2s ease}.ax-cnv-media__img--ready{opacity:1}.ax-cnv-media__img--hidden{visibility:hidden;position:absolute;width:0;height:0;opacity:0;pointer-events:none}.ax-cnv-media__state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-height:160px;padding:1rem;text-align:center;background:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-surface));opacity:.85}.ax-cnv-media__caption{padding:.375rem .5rem;font-size:.8125rem;line-height:1.4;background:rgba(var(--ax-sys-color-on-surface),.06);color:rgb(var(--ax-sys-color-on-surface))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "component", type: AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "component", type: AXConversationMessageRendererStateComponent, selector: "ax-conversation-message-renderer-state", inputs: ["rendererState", "message", "contentErrorLabel", "deliveryFailedLabel", "showContentErrorChrome", "contentErrorStyle", "contentErrorIconClass", "placement", "contentRetryEnabled"], outputs: ["contentRetry"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9625
9757
|
}
|
|
9626
9758
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXImageRendererComponent, decorators: [{
|
|
9627
9759
|
type: Component,
|
|
@@ -9656,7 +9788,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
|
|
|
9656
9788
|
placement="below"
|
|
9657
9789
|
/>
|
|
9658
9790
|
</div>
|
|
9659
|
-
`, styles: [":host{display:block}.ax-cnv-media{position:relative;max-width:100%;border-radius:var(--ax-sys-border-radius);overflow:hidden}.ax-cnv-media__img{display:block;max-width:100%;max-height:400px;width:auto;height:auto;cursor:pointer;opacity:0;transition:opacity .2s ease}.ax-cnv-media__img--ready{opacity:1}.ax-cnv-media__img--hidden{visibility:hidden;position:absolute;width:0;height:0;opacity:0;pointer-events:none}.ax-cnv-media__state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-height:160px;padding:1rem;text-align:center;background:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-surface));opacity:.85}.ax-cnv-media__caption{padding:.375rem .5rem;font-size:.8125rem;line-height:1.4;background:
|
|
9791
|
+
`, styles: [":host{display:block}.ax-cnv-media{position:relative;max-width:100%;border-radius:var(--ax-sys-border-radius);overflow:hidden}.ax-cnv-media__img{display:block;max-width:100%;max-height:400px;width:auto;height:auto;cursor:pointer;opacity:0;transition:opacity .2s ease}.ax-cnv-media__img--ready{opacity:1}.ax-cnv-media__img--hidden{visibility:hidden;position:absolute;width:0;height:0;opacity:0;pointer-events:none}.ax-cnv-media__state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-height:160px;padding:1rem;text-align:center;background:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-surface));opacity:.85}.ax-cnv-media__caption{padding:.375rem .5rem;font-size:.8125rem;line-height:1.4;background:rgba(var(--ax-sys-color-on-surface),.06);color:rgb(var(--ax-sys-color-on-surface))}\n"] }]
|
|
9660
9792
|
}], ctorParameters: () => [] });
|
|
9661
9793
|
|
|
9662
9794
|
class AXLocationRendererComponent {
|
|
@@ -9975,7 +10107,7 @@ class AXTextRendererComponent {
|
|
|
9975
10107
|
<ax-conversation-message-renderer-state [rendererState]="rendererState()" [message]="message()" />
|
|
9976
10108
|
<div class="ax-cnv-text__body" [innerHTML]="formattedText()"></div>
|
|
9977
10109
|
</div>
|
|
9978
|
-
`, isInline: true, styles: [":host{display:block}.ax-cnv-text__body{word-break:break-word;overflow-wrap:break-word;text-wrap:pretty;white-space:pre-wrap;line-height:1.5;font-size:.875rem;letter-spacing:.01em}.ax-cnv-text__body ::ng-deep a{// color: rgb(var(--ax-sys-color-secondary-600));text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:color .15s ease,text-decoration-thickness .15s ease}.ax-cnv-text__body ::ng-deep a:hover{// color: rgb(var(--ax-sys-color-secondary-700));text-decoration-thickness:2px}.ax-cnv-text__body ::ng-deep mark{background:rgb(var(--ax-sys-color-warning-lightest-surface));padding:.0625rem .3125rem;border-radius:var(--ax-sys-border-radius);font-weight:500;box-shadow:0 0 0 1px
|
|
10110
|
+
`, isInline: true, styles: [":host{display:block}.ax-cnv-text__body{word-break:break-word;overflow-wrap:break-word;text-wrap:pretty;white-space:pre-wrap;line-height:1.5;font-size:.875rem;letter-spacing:.01em}.ax-cnv-text__body ::ng-deep a{// color: rgb(var(--ax-sys-color-secondary-600));text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:color .15s ease,text-decoration-thickness .15s ease}.ax-cnv-text__body ::ng-deep a:hover{// color: rgb(var(--ax-sys-color-secondary-700));text-decoration-thickness:2px}.ax-cnv-text__body ::ng-deep mark{background:rgb(var(--ax-sys-color-warning-lightest-surface));padding:.0625rem .3125rem;border-radius:var(--ax-sys-border-radius);font-weight:500;box-shadow:0 0 0 1px rgba(var(--ax-sys-color-warning-500),.2)}\n"], dependencies: [{ kind: "component", type: AXConversationMessageRendererStateComponent, selector: "ax-conversation-message-renderer-state", inputs: ["rendererState", "message", "contentErrorLabel", "deliveryFailedLabel", "showContentErrorChrome", "contentErrorStyle", "contentErrorIconClass", "placement", "contentRetryEnabled"], outputs: ["contentRetry"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9979
10111
|
}
|
|
9980
10112
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXTextRendererComponent, decorators: [{
|
|
9981
10113
|
type: Component,
|
|
@@ -9984,7 +10116,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
|
|
|
9984
10116
|
<ax-conversation-message-renderer-state [rendererState]="rendererState()" [message]="message()" />
|
|
9985
10117
|
<div class="ax-cnv-text__body" [innerHTML]="formattedText()"></div>
|
|
9986
10118
|
</div>
|
|
9987
|
-
`, styles: [":host{display:block}.ax-cnv-text__body{word-break:break-word;overflow-wrap:break-word;text-wrap:pretty;white-space:pre-wrap;line-height:1.5;font-size:.875rem;letter-spacing:.01em}.ax-cnv-text__body ::ng-deep a{// color: rgb(var(--ax-sys-color-secondary-600));text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:color .15s ease,text-decoration-thickness .15s ease}.ax-cnv-text__body ::ng-deep a:hover{// color: rgb(var(--ax-sys-color-secondary-700));text-decoration-thickness:2px}.ax-cnv-text__body ::ng-deep mark{background:rgb(var(--ax-sys-color-warning-lightest-surface));padding:.0625rem .3125rem;border-radius:var(--ax-sys-border-radius);font-weight:500;box-shadow:0 0 0 1px
|
|
10119
|
+
`, styles: [":host{display:block}.ax-cnv-text__body{word-break:break-word;overflow-wrap:break-word;text-wrap:pretty;white-space:pre-wrap;line-height:1.5;font-size:.875rem;letter-spacing:.01em}.ax-cnv-text__body ::ng-deep a{// color: rgb(var(--ax-sys-color-secondary-600));text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:color .15s ease,text-decoration-thickness .15s ease}.ax-cnv-text__body ::ng-deep a:hover{// color: rgb(var(--ax-sys-color-secondary-700));text-decoration-thickness:2px}.ax-cnv-text__body ::ng-deep mark{background:rgb(var(--ax-sys-color-warning-lightest-surface));padding:.0625rem .3125rem;border-radius:var(--ax-sys-border-radius);font-weight:500;box-shadow:0 0 0 1px rgba(var(--ax-sys-color-warning-500),.2)}\n"] }]
|
|
9988
10120
|
}] });
|
|
9989
10121
|
|
|
9990
10122
|
/**
|
|
@@ -10189,7 +10321,7 @@ class AXVideoRendererComponent {
|
|
|
10189
10321
|
placement="below"
|
|
10190
10322
|
/>
|
|
10191
10323
|
</div>
|
|
10192
|
-
`, isInline: true, styles: [":host{display:block;max-width:100%}.ax-cnv-video{display:flex;flex-direction:column;min-width:0;width:100%}.ax-cnv-video__media{position:relative;max-width:100%;border-radius:var(--ax-sys-border-radius);overflow:hidden;background:rgb(var(--ax-sys-color-darker-surface))}.ax-cnv-video__preview{position:relative;display:block;width:100%;padding:0;margin:0;border:none;cursor:pointer;min-height:10rem;color:inherit;background:transparent;text-align:start}.ax-cnv-video__preview:disabled{cursor:not-allowed;opacity:.65}.ax-cnv-video__thumb{display:block;width:100%;height:auto;max-height:24rem;object-fit:cover;vertical-align:middle}.ax-cnv-video__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000059;transition:background .15s ease;pointer-events:none}.ax-cnv-video__preview:hover:not(:disabled) .ax-cnv-video__overlay,.ax-cnv-video__preview:focus-visible .ax-cnv-video__overlay{background:#00000080}.ax-cnv-video__preview:focus-visible{outline:2px solid rgb(var(--ax-sys-color-primary-500));outline-offset:2px}.ax-cnv-video__play{width:3.25rem;height:3.25rem;display:flex;align-items:center;justify-content:center;background:rgb(var(--ax-sys-color-primary-500));color:rgb(var(--ax-sys-color-on-primary-surface));border-radius:50%;font-size:1rem;padding-inline-start:.2rem}.ax-cnv-video__badge{position:absolute;inset-inline-end:.5rem;inset-block-end:.5rem;padding:.125rem .375rem;border-radius:var(--ax-sys-border-radius);background:#000000b8;color:rgb(var(--ax-sys-color-light));font-size:.6875rem;font-variant-numeric:tabular-nums;pointer-events:none;z-index:1}.ax-cnv-video__player{display:block;width:100%;max-height:24rem;outline:none;vertical-align:middle;background:#000000e6}.ax-cnv-video__caption{margin-top:.25rem;padding:.375rem .5rem;font-size:.8125rem;line-height:1.4;border-radius:var(--ax-sys-border-radius);background:
|
|
10324
|
+
`, isInline: true, styles: [":host{display:block;max-width:100%}.ax-cnv-video{display:flex;flex-direction:column;min-width:0;width:100%}.ax-cnv-video__media{position:relative;max-width:100%;border-radius:var(--ax-sys-border-radius);overflow:hidden;background:rgb(var(--ax-sys-color-darker-surface))}.ax-cnv-video__preview{position:relative;display:block;width:100%;padding:0;margin:0;border:none;cursor:pointer;min-height:10rem;color:inherit;background:transparent;text-align:start}.ax-cnv-video__preview:disabled{cursor:not-allowed;opacity:.65}.ax-cnv-video__thumb{display:block;width:100%;height:auto;max-height:24rem;object-fit:cover;vertical-align:middle}.ax-cnv-video__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000059;transition:background .15s ease;pointer-events:none}.ax-cnv-video__preview:hover:not(:disabled) .ax-cnv-video__overlay,.ax-cnv-video__preview:focus-visible .ax-cnv-video__overlay{background:#00000080}.ax-cnv-video__preview:focus-visible{outline:2px solid rgb(var(--ax-sys-color-primary-500));outline-offset:2px}.ax-cnv-video__play{width:3.25rem;height:3.25rem;display:flex;align-items:center;justify-content:center;background:rgb(var(--ax-sys-color-primary-500));color:rgb(var(--ax-sys-color-on-primary-surface));border-radius:50%;font-size:1rem;padding-inline-start:.2rem}.ax-cnv-video__badge{position:absolute;inset-inline-end:.5rem;inset-block-end:.5rem;padding:.125rem .375rem;border-radius:var(--ax-sys-border-radius);background:#000000b8;color:rgb(var(--ax-sys-color-light));font-size:.6875rem;font-variant-numeric:tabular-nums;pointer-events:none;z-index:1}.ax-cnv-video__player{display:block;width:100%;max-height:24rem;outline:none;vertical-align:middle;background:#000000e6}.ax-cnv-video__caption{margin-top:.25rem;padding:.375rem .5rem;font-size:.8125rem;line-height:1.4;border-radius:var(--ax-sys-border-radius);background:rgba(var(--ax-sys-color-on-surface),.06);color:rgb(var(--ax-sys-color-on-surface))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AXConversationMessageRendererStateComponent, selector: "ax-conversation-message-renderer-state", inputs: ["rendererState", "message", "contentErrorLabel", "deliveryFailedLabel", "showContentErrorChrome", "contentErrorStyle", "contentErrorIconClass", "placement", "contentRetryEnabled"], outputs: ["contentRetry"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10193
10325
|
}
|
|
10194
10326
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXVideoRendererComponent, decorators: [{
|
|
10195
10327
|
type: Component,
|
|
@@ -10271,7 +10403,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
|
|
|
10271
10403
|
placement="below"
|
|
10272
10404
|
/>
|
|
10273
10405
|
</div>
|
|
10274
|
-
`, styles: [":host{display:block;max-width:100%}.ax-cnv-video{display:flex;flex-direction:column;min-width:0;width:100%}.ax-cnv-video__media{position:relative;max-width:100%;border-radius:var(--ax-sys-border-radius);overflow:hidden;background:rgb(var(--ax-sys-color-darker-surface))}.ax-cnv-video__preview{position:relative;display:block;width:100%;padding:0;margin:0;border:none;cursor:pointer;min-height:10rem;color:inherit;background:transparent;text-align:start}.ax-cnv-video__preview:disabled{cursor:not-allowed;opacity:.65}.ax-cnv-video__thumb{display:block;width:100%;height:auto;max-height:24rem;object-fit:cover;vertical-align:middle}.ax-cnv-video__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000059;transition:background .15s ease;pointer-events:none}.ax-cnv-video__preview:hover:not(:disabled) .ax-cnv-video__overlay,.ax-cnv-video__preview:focus-visible .ax-cnv-video__overlay{background:#00000080}.ax-cnv-video__preview:focus-visible{outline:2px solid rgb(var(--ax-sys-color-primary-500));outline-offset:2px}.ax-cnv-video__play{width:3.25rem;height:3.25rem;display:flex;align-items:center;justify-content:center;background:rgb(var(--ax-sys-color-primary-500));color:rgb(var(--ax-sys-color-on-primary-surface));border-radius:50%;font-size:1rem;padding-inline-start:.2rem}.ax-cnv-video__badge{position:absolute;inset-inline-end:.5rem;inset-block-end:.5rem;padding:.125rem .375rem;border-radius:var(--ax-sys-border-radius);background:#000000b8;color:rgb(var(--ax-sys-color-light));font-size:.6875rem;font-variant-numeric:tabular-nums;pointer-events:none;z-index:1}.ax-cnv-video__player{display:block;width:100%;max-height:24rem;outline:none;vertical-align:middle;background:#000000e6}.ax-cnv-video__caption{margin-top:.25rem;padding:.375rem .5rem;font-size:.8125rem;line-height:1.4;border-radius:var(--ax-sys-border-radius);background:
|
|
10406
|
+
`, styles: [":host{display:block;max-width:100%}.ax-cnv-video{display:flex;flex-direction:column;min-width:0;width:100%}.ax-cnv-video__media{position:relative;max-width:100%;border-radius:var(--ax-sys-border-radius);overflow:hidden;background:rgb(var(--ax-sys-color-darker-surface))}.ax-cnv-video__preview{position:relative;display:block;width:100%;padding:0;margin:0;border:none;cursor:pointer;min-height:10rem;color:inherit;background:transparent;text-align:start}.ax-cnv-video__preview:disabled{cursor:not-allowed;opacity:.65}.ax-cnv-video__thumb{display:block;width:100%;height:auto;max-height:24rem;object-fit:cover;vertical-align:middle}.ax-cnv-video__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000059;transition:background .15s ease;pointer-events:none}.ax-cnv-video__preview:hover:not(:disabled) .ax-cnv-video__overlay,.ax-cnv-video__preview:focus-visible .ax-cnv-video__overlay{background:#00000080}.ax-cnv-video__preview:focus-visible{outline:2px solid rgb(var(--ax-sys-color-primary-500));outline-offset:2px}.ax-cnv-video__play{width:3.25rem;height:3.25rem;display:flex;align-items:center;justify-content:center;background:rgb(var(--ax-sys-color-primary-500));color:rgb(var(--ax-sys-color-on-primary-surface));border-radius:50%;font-size:1rem;padding-inline-start:.2rem}.ax-cnv-video__badge{position:absolute;inset-inline-end:.5rem;inset-block-end:.5rem;padding:.125rem .375rem;border-radius:var(--ax-sys-border-radius);background:#000000b8;color:rgb(var(--ax-sys-color-light));font-size:.6875rem;font-variant-numeric:tabular-nums;pointer-events:none;z-index:1}.ax-cnv-video__player{display:block;width:100%;max-height:24rem;outline:none;vertical-align:middle;background:#000000e6}.ax-cnv-video__caption{margin-top:.25rem;padding:.375rem .5rem;font-size:.8125rem;line-height:1.4;border-radius:var(--ax-sys-border-radius);background:rgba(var(--ax-sys-color-on-surface),.06);color:rgb(var(--ax-sys-color-on-surface))}\n"] }]
|
|
10275
10407
|
}], ctorParameters: () => [] });
|
|
10276
10408
|
|
|
10277
10409
|
class AXVideoInfoBarBannerComponent {
|
|
@@ -10307,7 +10439,7 @@ class AXVideoInfoBarBannerComponent {
|
|
|
10307
10439
|
<span class="ax-cnv-media-banner__progress" [style.width.%]="progressPercent()"></span>
|
|
10308
10440
|
</div>
|
|
10309
10441
|
</div>
|
|
10310
|
-
`, isInline: true, styles: [":host{display:block;width:100%;color:rgb(var(--ax-sys-color-on-primary-lightest-surface))}.ax-cnv-media-banner{display:flex;flex-direction:column;gap:.4rem}.ax-cnv-media-banner__header{display:flex;align-items:center;gap:.5rem;min-width:0}.ax-cnv-media-banner__title{font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ax-cnv-media-banner__meta{margin-inline-start:auto;flex-shrink:0;font-size:.75rem;font-variant-numeric:tabular-nums;opacity:.85}.ax-cnv-media-banner__track{position:relative;width:100%;height:4px;border-radius:999px;overflow:hidden;background:
|
|
10442
|
+
`, isInline: true, styles: [":host{display:block;width:100%;color:rgb(var(--ax-sys-color-on-primary-lightest-surface))}.ax-cnv-media-banner{display:flex;flex-direction:column;gap:.4rem}.ax-cnv-media-banner__header{display:flex;align-items:center;gap:.5rem;min-width:0}.ax-cnv-media-banner__title{font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ax-cnv-media-banner__meta{margin-inline-start:auto;flex-shrink:0;font-size:.75rem;font-variant-numeric:tabular-nums;opacity:.85}.ax-cnv-media-banner__track{position:relative;width:100%;height:4px;border-radius:999px;overflow:hidden;background:rgba(var(--ax-sys-color-primary-200),.7)}.ax-cnv-media-banner__progress{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:rgb(var(--ax-sys-color-primary-600))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10311
10443
|
}
|
|
10312
10444
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXVideoInfoBarBannerComponent, decorators: [{
|
|
10313
10445
|
type: Component,
|
|
@@ -10322,7 +10454,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
|
|
|
10322
10454
|
<span class="ax-cnv-media-banner__progress" [style.width.%]="progressPercent()"></span>
|
|
10323
10455
|
</div>
|
|
10324
10456
|
</div>
|
|
10325
|
-
`, styles: [":host{display:block;width:100%;color:rgb(var(--ax-sys-color-on-primary-lightest-surface))}.ax-cnv-media-banner{display:flex;flex-direction:column;gap:.4rem}.ax-cnv-media-banner__header{display:flex;align-items:center;gap:.5rem;min-width:0}.ax-cnv-media-banner__title{font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ax-cnv-media-banner__meta{margin-inline-start:auto;flex-shrink:0;font-size:.75rem;font-variant-numeric:tabular-nums;opacity:.85}.ax-cnv-media-banner__track{position:relative;width:100%;height:4px;border-radius:999px;overflow:hidden;background:
|
|
10457
|
+
`, styles: [":host{display:block;width:100%;color:rgb(var(--ax-sys-color-on-primary-lightest-surface))}.ax-cnv-media-banner{display:flex;flex-direction:column;gap:.4rem}.ax-cnv-media-banner__header{display:flex;align-items:center;gap:.5rem;min-width:0}.ax-cnv-media-banner__title{font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ax-cnv-media-banner__meta{margin-inline-start:auto;flex-shrink:0;font-size:.75rem;font-variant-numeric:tabular-nums;opacity:.85}.ax-cnv-media-banner__track{position:relative;width:100%;height:4px;border-radius:999px;overflow:hidden;background:rgba(var(--ax-sys-color-primary-200),.7)}.ax-cnv-media-banner__progress{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:rgb(var(--ax-sys-color-primary-600))}\n"] }]
|
|
10326
10458
|
}] });
|
|
10327
10459
|
|
|
10328
10460
|
/** Decorative bars when payload has no waveform (deterministic, no random). */
|
|
@@ -10600,7 +10732,7 @@ class AXVoiceInfoBarBannerComponent {
|
|
|
10600
10732
|
<span class="ax-cnv-voice-banner__progress" [style.width.%]="progressPercent()"></span>
|
|
10601
10733
|
</div>
|
|
10602
10734
|
</div>
|
|
10603
|
-
`, isInline: true, styles: [":host{display:block;width:100%;color:rgb(var(--ax-sys-color-on-primary-lightest-surface))}.ax-cnv-voice-banner{display:flex;flex-direction:column;gap:.4rem}.ax-cnv-voice-banner__header{display:flex;align-items:center;gap:.5rem;min-width:0}.ax-cnv-voice-banner__title{font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ax-cnv-voice-banner__meta{margin-inline-start:auto;flex-shrink:0;font-size:.75rem;font-variant-numeric:tabular-nums;opacity:.85}.ax-cnv-voice-banner__track{position:relative;width:100%;height:4px;border-radius:999px;overflow:hidden;background:
|
|
10735
|
+
`, isInline: true, styles: [":host{display:block;width:100%;color:rgb(var(--ax-sys-color-on-primary-lightest-surface))}.ax-cnv-voice-banner{display:flex;flex-direction:column;gap:.4rem}.ax-cnv-voice-banner__header{display:flex;align-items:center;gap:.5rem;min-width:0}.ax-cnv-voice-banner__title{font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ax-cnv-voice-banner__meta{margin-inline-start:auto;flex-shrink:0;font-size:.75rem;font-variant-numeric:tabular-nums;opacity:.85}.ax-cnv-voice-banner__track{position:relative;width:100%;height:4px;border-radius:999px;overflow:hidden;background:rgba(var(--ax-sys-color-primary-200),.7)}.ax-cnv-voice-banner__progress{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:rgb(var(--ax-sys-color-primary-600))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10604
10736
|
}
|
|
10605
10737
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXVoiceInfoBarBannerComponent, decorators: [{
|
|
10606
10738
|
type: Component,
|
|
@@ -10615,7 +10747,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
|
|
|
10615
10747
|
<span class="ax-cnv-voice-banner__progress" [style.width.%]="progressPercent()"></span>
|
|
10616
10748
|
</div>
|
|
10617
10749
|
</div>
|
|
10618
|
-
`, styles: [":host{display:block;width:100%;color:rgb(var(--ax-sys-color-on-primary-lightest-surface))}.ax-cnv-voice-banner{display:flex;flex-direction:column;gap:.4rem}.ax-cnv-voice-banner__header{display:flex;align-items:center;gap:.5rem;min-width:0}.ax-cnv-voice-banner__title{font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ax-cnv-voice-banner__meta{margin-inline-start:auto;flex-shrink:0;font-size:.75rem;font-variant-numeric:tabular-nums;opacity:.85}.ax-cnv-voice-banner__track{position:relative;width:100%;height:4px;border-radius:999px;overflow:hidden;background:
|
|
10750
|
+
`, styles: [":host{display:block;width:100%;color:rgb(var(--ax-sys-color-on-primary-lightest-surface))}.ax-cnv-voice-banner{display:flex;flex-direction:column;gap:.4rem}.ax-cnv-voice-banner__header{display:flex;align-items:center;gap:.5rem;min-width:0}.ax-cnv-voice-banner__title{font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ax-cnv-voice-banner__meta{margin-inline-start:auto;flex-shrink:0;font-size:.75rem;font-variant-numeric:tabular-nums;opacity:.85}.ax-cnv-voice-banner__track{position:relative;width:100%;height:4px;border-radius:999px;overflow:hidden;background:rgba(var(--ax-sys-color-primary-200),.7)}.ax-cnv-voice-banner__progress{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:rgb(var(--ax-sys-color-primary-600))}\n"] }]
|
|
10619
10751
|
}] });
|
|
10620
10752
|
|
|
10621
10753
|
/**
|
|
@@ -14315,13 +14447,17 @@ class AXMembersPopoverComponent {
|
|
|
14315
14447
|
<ax-avatar [size]="36">
|
|
14316
14448
|
@if (participant.avatar) {
|
|
14317
14449
|
<ax-image [src]="participant.avatar" [alt]="participant.name"></ax-image>
|
|
14450
|
+
} @else if (participant.icon) {
|
|
14451
|
+
<ax-icon><i [class]="'member-avatar-icon ' + participant.icon" aria-hidden="true"></i></ax-icon>
|
|
14318
14452
|
} @else {
|
|
14319
14453
|
<ax-label>{{ getInitials(participant.name) }}</ax-label>
|
|
14320
14454
|
}
|
|
14321
14455
|
</ax-avatar>
|
|
14322
14456
|
<div class="member-info">
|
|
14323
14457
|
<span class="member-name">{{ participant.name }}</span>
|
|
14324
|
-
@if (participant.
|
|
14458
|
+
@if (participant.description) {
|
|
14459
|
+
<span class="member-description">{{ participant.description }}</span>
|
|
14460
|
+
} @else if (participant.role) {
|
|
14325
14461
|
<span class="member-role">{{ participant.role }}</span>
|
|
14326
14462
|
}
|
|
14327
14463
|
</div>
|
|
@@ -14337,11 +14473,11 @@ class AXMembersPopoverComponent {
|
|
|
14337
14473
|
}
|
|
14338
14474
|
</div>
|
|
14339
14475
|
</div>
|
|
14340
|
-
`, isInline: true, styles: [":host{display:block}.members-popover{width:280px;max-height:400px;border-radius:.5rem;display:flex;flex-direction:column;background:rgb(var(--ax-sys-color-lighter-surface))}.members-header{padding:.75rem 1rem;border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface))}.members-title{font-size:.875rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface))}.members-list{overflow-y:auto;padding:.5rem}.member-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:.5rem;transition:background .2s;cursor:pointer}.member-item:hover{background:rgb(var(--ax-sys-color-lighter-surface))}.member-info{flex:1;display:flex;flex-direction:column;gap:.125rem;min-width:0}.member-name{font-size:.875rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-role{font-size:.75rem;color:rgb(var(--ax-sys-color-primary-500));text-transform:capitalize}.member-status{width:10px;height:10px;border-radius:50%;// border: 2px solid rgb(var(--ax-sys-color-surface));flex-shrink:0}.member-status.status-online{background:rgb(var(--ax-sys-color-success-500))}.member-status.status-offline{background:rgb(var(--ax-sys-color-neutral-400))}.member-status.status-away{background:rgb(var(--ax-sys-color-warning-500))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AXAvatarComponent, selector: "ax-avatar", inputs: ["color", "size", "shape", "look"], outputs: ["sizeChange"] }, { kind: "component", type: AXImageComponent, selector: "ax-image", inputs: ["width", "height", "overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "component", type: AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
14476
|
+
`, isInline: true, styles: [":host{display:block}.members-popover{width:280px;max-height:400px;border-radius:.5rem;display:flex;flex-direction:column;background:rgb(var(--ax-sys-color-lighter-surface))}.members-header{padding:.75rem 1rem;border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface))}.members-title{font-size:.875rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface))}.members-list{overflow-y:auto;padding:.5rem}.member-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:.5rem;transition:background .2s;cursor:pointer}.member-item:hover{background:rgb(var(--ax-sys-color-lighter-surface))}.member-avatar-icon{font-size:1.0625rem;line-height:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.member-info{flex:1;display:flex;flex-direction:column;gap:.125rem;min-width:0}.member-name{font-size:.875rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-role{font-size:.75rem;color:rgb(var(--ax-sys-color-primary-500));text-transform:capitalize}.member-description{font-size:.75rem;color:rgb(var(--ax-sys-color-on-surface));opacity:.72;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-status{width:10px;height:10px;border-radius:50%;// border: 2px solid rgb(var(--ax-sys-color-surface));flex-shrink:0}.member-status.status-online{background:rgb(var(--ax-sys-color-success-500))}.member-status.status-offline{background:rgb(var(--ax-sys-color-neutral-400))}.member-status.status-away{background:rgb(var(--ax-sys-color-warning-500))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AXAvatarComponent, selector: "ax-avatar", inputs: ["color", "size", "shape", "look"], outputs: ["sizeChange"] }, { kind: "component", type: AXImageComponent, selector: "ax-image", inputs: ["width", "height", "overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "component", type: AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
14341
14477
|
}
|
|
14342
14478
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXMembersPopoverComponent, decorators: [{
|
|
14343
14479
|
type: Component,
|
|
14344
|
-
args: [{ selector: 'ax-conversation-members-popover', imports: [CommonModule, AXAvatarComponent, AXImageComponent, AXLabelComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
14480
|
+
args: [{ selector: 'ax-conversation-members-popover', imports: [CommonModule, AXAvatarComponent, AXImageComponent, AXLabelComponent, AXDecoratorModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
14345
14481
|
<div class="members-popover">
|
|
14346
14482
|
<div class="members-header">
|
|
14347
14483
|
<span class="members-title">Members ({{ conversation().participants.length }})</span>
|
|
@@ -14352,13 +14488,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
|
|
|
14352
14488
|
<ax-avatar [size]="36">
|
|
14353
14489
|
@if (participant.avatar) {
|
|
14354
14490
|
<ax-image [src]="participant.avatar" [alt]="participant.name"></ax-image>
|
|
14491
|
+
} @else if (participant.icon) {
|
|
14492
|
+
<ax-icon><i [class]="'member-avatar-icon ' + participant.icon" aria-hidden="true"></i></ax-icon>
|
|
14355
14493
|
} @else {
|
|
14356
14494
|
<ax-label>{{ getInitials(participant.name) }}</ax-label>
|
|
14357
14495
|
}
|
|
14358
14496
|
</ax-avatar>
|
|
14359
14497
|
<div class="member-info">
|
|
14360
14498
|
<span class="member-name">{{ participant.name }}</span>
|
|
14361
|
-
@if (participant.
|
|
14499
|
+
@if (participant.description) {
|
|
14500
|
+
<span class="member-description">{{ participant.description }}</span>
|
|
14501
|
+
} @else if (participant.role) {
|
|
14362
14502
|
<span class="member-role">{{ participant.role }}</span>
|
|
14363
14503
|
}
|
|
14364
14504
|
</div>
|
|
@@ -14374,7 +14514,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
|
|
|
14374
14514
|
}
|
|
14375
14515
|
</div>
|
|
14376
14516
|
</div>
|
|
14377
|
-
`, styles: [":host{display:block}.members-popover{width:280px;max-height:400px;border-radius:.5rem;display:flex;flex-direction:column;background:rgb(var(--ax-sys-color-lighter-surface))}.members-header{padding:.75rem 1rem;border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface))}.members-title{font-size:.875rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface))}.members-list{overflow-y:auto;padding:.5rem}.member-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:.5rem;transition:background .2s;cursor:pointer}.member-item:hover{background:rgb(var(--ax-sys-color-lighter-surface))}.member-info{flex:1;display:flex;flex-direction:column;gap:.125rem;min-width:0}.member-name{font-size:.875rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-role{font-size:.75rem;color:rgb(var(--ax-sys-color-primary-500));text-transform:capitalize}.member-status{width:10px;height:10px;border-radius:50%;// border: 2px solid rgb(var(--ax-sys-color-surface));flex-shrink:0}.member-status.status-online{background:rgb(var(--ax-sys-color-success-500))}.member-status.status-offline{background:rgb(var(--ax-sys-color-neutral-400))}.member-status.status-away{background:rgb(var(--ax-sys-color-warning-500))}\n"] }]
|
|
14517
|
+
`, styles: [":host{display:block}.members-popover{width:280px;max-height:400px;border-radius:.5rem;display:flex;flex-direction:column;background:rgb(var(--ax-sys-color-lighter-surface))}.members-header{padding:.75rem 1rem;border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface))}.members-title{font-size:.875rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface))}.members-list{overflow-y:auto;padding:.5rem}.member-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:.5rem;transition:background .2s;cursor:pointer}.member-item:hover{background:rgb(var(--ax-sys-color-lighter-surface))}.member-avatar-icon{font-size:1.0625rem;line-height:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.member-info{flex:1;display:flex;flex-direction:column;gap:.125rem;min-width:0}.member-name{font-size:.875rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-role{font-size:.75rem;color:rgb(var(--ax-sys-color-primary-500));text-transform:capitalize}.member-description{font-size:.75rem;color:rgb(var(--ax-sys-color-on-surface));opacity:.72;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-status{width:10px;height:10px;border-radius:50%;// border: 2px solid rgb(var(--ax-sys-color-surface));flex-shrink:0}.member-status.status-online{background:rgb(var(--ax-sys-color-success-500))}.member-status.status-offline{background:rgb(var(--ax-sys-color-neutral-400))}.member-status.status-away{background:rgb(var(--ax-sys-color-warning-500))}\n"] }]
|
|
14378
14518
|
}] });
|
|
14379
14519
|
|
|
14380
14520
|
/**
|
|
@@ -15032,7 +15172,7 @@ class AXForwardMessageDialogComponent {
|
|
|
15032
15172
|
</ax-suffix>
|
|
15033
15173
|
</ax-footer>
|
|
15034
15174
|
</div>
|
|
15035
|
-
`, isInline: true, styles: [":host{display:block}.forward-message-dialog{display:flex;flex-direction:column}.form-field{display:flex;flex-direction:column;gap:.35rem}.field-label{font-size:.875rem;font-weight:500;color:var(--ax-text-secondary, #6b7280)}.forward-list-wrap{height:280px;overflow:hidden}.forward-list{display:block;height:100%}.forward-list-header{display:block;position:sticky;top:0;z-index:1;background:rgba(var(--ax-sys-color-lightest-surface));border-bottom:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}.forward-list-header-inner{padding:.5rem .75rem}.forward-list-empty{padding:1rem;text-align:center;font-size:.875rem;color:var(--ax-text-secondary, #6b7280)}.users-list-wrap{height:260px;overflow:hidden;// border: 1px solid rgb(var(--ax-sys-color-border-light-surface));// border-radius: .65rem;// background: rgb(var(--ax-sys-color-surface))}.users-list{display:block;height:100%}.users-list-header{display:block;position:sticky;top:0;z-index:1;// background: rgb(var(--ax-sys-color-lightest-surface));border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface))}.users-list-header-inner{padding:.5rem .625rem}.forward-item-content{height:100%;display:flex;align-items:center;gap:.6rem;padding:.1rem .75rem;min-width:0}.forward-title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500}.users-list-empty{padding:1rem;text-align:center;font-size:.85rem;opacity:.7}
|
|
15175
|
+
`, isInline: true, styles: [":host{display:block}.forward-message-dialog{display:flex;flex-direction:column}.form-field{display:flex;flex-direction:column;gap:.35rem}.field-label{font-size:.875rem;font-weight:500;color:var(--ax-text-secondary, #6b7280)}.forward-list-wrap{height:280px;overflow:hidden}.forward-list{display:block;height:100%}.forward-list-header{display:block;position:sticky;top:0;z-index:1;background:rgba(var(--ax-sys-color-lightest-surface));border-bottom:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}.forward-list-header-inner{padding:.5rem .75rem}.forward-list-empty{padding:1rem;text-align:center;font-size:.875rem;color:var(--ax-text-secondary, #6b7280)}.users-list-wrap{height:260px;overflow:hidden;// border: 1px solid rgb(var(--ax-sys-color-border-light-surface));// border-radius: .65rem;// background: rgb(var(--ax-sys-color-surface))}.users-list{display:block;height:100%}.users-list-header{display:block;position:sticky;top:0;z-index:1;// background: rgb(var(--ax-sys-color-lightest-surface));border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface))}.users-list-header-inner{padding:.5rem .625rem}.forward-item-content{height:100%;display:flex;align-items:center;gap:.6rem;padding:.1rem .75rem;min-width:0}.forward-title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500}.users-list-empty{padding:1rem;text-align:center;font-size:.85rem;opacity:.7}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXListComponent, selector: "ax-list", inputs: ["id", "name", "disabled", "readonly", "valueField", "textField", "textTemplate", "disabledField", "multiple", "selectionMode", "isItemTruncated", "showItemTooltip", "dataSource", "itemHeight", "itemTemplate", "emptyTemplate", "loadingTemplate", "checkbox"], outputs: ["onValueChanged", "disabledChange", "readonlyChange", "onBlur", "onFocus", "onItemClick", "onItemSelected", "onScrolledIndexChanged"] }, { kind: "component", type: AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type", "autoSearch"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXAvatarComponent, selector: "ax-avatar", inputs: ["color", "size", "shape", "look"], outputs: ["sizeChange"] }, { kind: "component", type: AXImageComponent, selector: "ax-image", inputs: ["width", "height", "overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "component", type: AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }] }); }
|
|
15036
15176
|
}
|
|
15037
15177
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXForwardMessageDialogComponent, decorators: [{
|
|
15038
15178
|
type: Component,
|
|
@@ -15116,7 +15256,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
|
|
|
15116
15256
|
</ax-suffix>
|
|
15117
15257
|
</ax-footer>
|
|
15118
15258
|
</div>
|
|
15119
|
-
`, providers: [{ provide: AXClosableComponent, useExisting: AXForwardMessageDialogComponent }], styles: [":host{display:block}.forward-message-dialog{display:flex;flex-direction:column}.form-field{display:flex;flex-direction:column;gap:.35rem}.field-label{font-size:.875rem;font-weight:500;color:var(--ax-text-secondary, #6b7280)}.forward-list-wrap{height:280px;overflow:hidden}.forward-list{display:block;height:100%}.forward-list-header{display:block;position:sticky;top:0;z-index:1;background:rgba(var(--ax-sys-color-lightest-surface));border-bottom:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}.forward-list-header-inner{padding:.5rem .75rem}.forward-list-empty{padding:1rem;text-align:center;font-size:.875rem;color:var(--ax-text-secondary, #6b7280)}.users-list-wrap{height:260px;overflow:hidden;// border: 1px solid rgb(var(--ax-sys-color-border-light-surface));// border-radius: .65rem;// background: rgb(var(--ax-sys-color-surface))}.users-list{display:block;height:100%}.users-list-header{display:block;position:sticky;top:0;z-index:1;// background: rgb(var(--ax-sys-color-lightest-surface));border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface))}.users-list-header-inner{padding:.5rem .625rem}.forward-item-content{height:100%;display:flex;align-items:center;gap:.6rem;padding:.1rem .75rem;min-width:0}.forward-title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500}.users-list-empty{padding:1rem;text-align:center;font-size:.85rem;opacity:.7}
|
|
15259
|
+
`, providers: [{ provide: AXClosableComponent, useExisting: AXForwardMessageDialogComponent }], styles: [":host{display:block}.forward-message-dialog{display:flex;flex-direction:column}.form-field{display:flex;flex-direction:column;gap:.35rem}.field-label{font-size:.875rem;font-weight:500;color:var(--ax-text-secondary, #6b7280)}.forward-list-wrap{height:280px;overflow:hidden}.forward-list{display:block;height:100%}.forward-list-header{display:block;position:sticky;top:0;z-index:1;background:rgba(var(--ax-sys-color-lightest-surface));border-bottom:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}.forward-list-header-inner{padding:.5rem .75rem}.forward-list-empty{padding:1rem;text-align:center;font-size:.875rem;color:var(--ax-text-secondary, #6b7280)}.users-list-wrap{height:260px;overflow:hidden;// border: 1px solid rgb(var(--ax-sys-color-border-light-surface));// border-radius: .65rem;// background: rgb(var(--ax-sys-color-surface))}.users-list{display:block;height:100%}.users-list-header{display:block;position:sticky;top:0;z-index:1;// background: rgb(var(--ax-sys-color-lightest-surface));border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface))}.users-list-header-inner{padding:.5rem .625rem}.forward-item-content{height:100%;display:flex;align-items:center;gap:.6rem;padding:.1rem .75rem;min-width:0}.forward-title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500}.users-list-empty{padding:1rem;text-align:center;font-size:.85rem;opacity:.7}\n"] }]
|
|
15120
15260
|
}] });
|
|
15121
15261
|
|
|
15122
15262
|
/**
|
|
@@ -15188,47 +15328,106 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
|
|
|
15188
15328
|
class AXMessageListEmptyDefaultComponent {
|
|
15189
15329
|
constructor() {
|
|
15190
15330
|
this.conversation = input.required(...(ngDevMode ? [{ debugName: "conversation" }] : []));
|
|
15191
|
-
|
|
15192
|
-
|
|
15193
|
-
|
|
15194
|
-
|
|
15195
|
-
|
|
15196
|
-
|
|
15197
|
-
|
|
15198
|
-
|
|
15199
|
-
|
|
15200
|
-
|
|
15201
|
-
|
|
15202
|
-
|
|
15203
|
-
|
|
15204
|
-
}
|
|
15205
|
-
|
|
15206
|
-
|
|
15207
|
-
|
|
15331
|
+
this.iconClass = computed(() => {
|
|
15332
|
+
switch (this.conversation().type) {
|
|
15333
|
+
case 'private':
|
|
15334
|
+
return 'fa-light fa-comment-dots';
|
|
15335
|
+
case 'group':
|
|
15336
|
+
return 'fa-light fa-users';
|
|
15337
|
+
case 'channel':
|
|
15338
|
+
return 'fa-light fa-hashtag';
|
|
15339
|
+
case 'bot':
|
|
15340
|
+
return 'fa-light fa-robot';
|
|
15341
|
+
default:
|
|
15342
|
+
return 'fa-light fa-comments';
|
|
15343
|
+
}
|
|
15344
|
+
}, ...(ngDevMode ? [{ debugName: "iconClass" }] : []));
|
|
15345
|
+
this.eyebrowLabel = computed(() => {
|
|
15346
|
+
switch (this.conversation().type) {
|
|
15347
|
+
case 'private':
|
|
15348
|
+
return 'Direct message';
|
|
15349
|
+
case 'group':
|
|
15350
|
+
return 'Group chat';
|
|
15351
|
+
case 'channel':
|
|
15352
|
+
return 'Channel';
|
|
15353
|
+
case 'bot':
|
|
15354
|
+
return 'Assistant';
|
|
15355
|
+
default:
|
|
15356
|
+
return 'Conversation';
|
|
15357
|
+
}
|
|
15358
|
+
}, ...(ngDevMode ? [{ debugName: "eyebrowLabel" }] : []));
|
|
15359
|
+
this.conversationKindLabel = computed(() => {
|
|
15360
|
+
switch (this.conversation().type) {
|
|
15361
|
+
case 'private':
|
|
15362
|
+
return 'private chat';
|
|
15363
|
+
case 'group':
|
|
15364
|
+
return 'group';
|
|
15365
|
+
case 'channel':
|
|
15366
|
+
return 'channel';
|
|
15367
|
+
case 'bot':
|
|
15368
|
+
return 'bot chat';
|
|
15369
|
+
default:
|
|
15370
|
+
return 'conversation';
|
|
15371
|
+
}
|
|
15372
|
+
}, ...(ngDevMode ? [{ debugName: "conversationKindLabel" }] : []));
|
|
15373
|
+
this.conversationPreposition = computed(() => this.conversation().type === 'private' ? 'with' : 'in', ...(ngDevMode ? [{ debugName: "conversationPreposition" }] : []));
|
|
15208
15374
|
}
|
|
15209
15375
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXMessageListEmptyDefaultComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15210
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.3", type: AXMessageListEmptyDefaultComponent, isStandalone: true, selector: "ax-conversation-message-list-empty-default", inputs: { conversation: { classPropertyName: "conversation", publicName: "conversation", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
|
|
15211
|
-
<div class="empty
|
|
15212
|
-
|
|
15213
|
-
|
|
15214
|
-
|
|
15215
|
-
|
|
15216
|
-
|
|
15376
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.3", type: AXMessageListEmptyDefaultComponent, isStandalone: true, selector: "ax-conversation-message-list-empty-default", inputs: { conversation: { classPropertyName: "conversation", publicName: "conversation", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "ax-message-empty-host" }, ngImport: i0, template: `
|
|
15377
|
+
<div class="ax-message-empty" role="status" aria-label="No messages in this conversation">
|
|
15378
|
+
<div class="ax-message-empty__ambient" aria-hidden="true">
|
|
15379
|
+
<span class="ax-message-empty__orb ax-message-empty__orb--a"></span>
|
|
15380
|
+
<span class="ax-message-empty__orb ax-message-empty__orb--b"></span>
|
|
15381
|
+
<span class="ax-message-empty__grid"></span>
|
|
15382
|
+
</div>
|
|
15383
|
+
|
|
15384
|
+
<div class="ax-message-empty__card">
|
|
15385
|
+
<div class="ax-message-empty__icon-stack">
|
|
15386
|
+
<span class="ax-message-empty__pulse" aria-hidden="true"></span>
|
|
15387
|
+
<div class="ax-message-empty__icon-bg">
|
|
15388
|
+
<i [class]="iconClass()" aria-hidden="true"></i>
|
|
15389
|
+
</div>
|
|
15390
|
+
</div>
|
|
15391
|
+
|
|
15392
|
+
<p class="ax-message-empty__eyebrow">{{ eyebrowLabel() }}</p>
|
|
15393
|
+
<h3 class="ax-message-empty__title">No messages yet</h3>
|
|
15394
|
+
<p class="ax-message-empty__desc">
|
|
15395
|
+
Start the {{ conversationKindLabel() }} {{ conversationPreposition() }}
|
|
15396
|
+
<span class="ax-message-empty__name">{{ conversation().title }}</span>.
|
|
15397
|
+
</p>
|
|
15398
|
+
</div>
|
|
15399
|
+
</div>
|
|
15400
|
+
`, isInline: true, styles: [":host.ax-message-empty-host{display:block;width:100%;max-width:min(24rem,100%);margin-inline:auto}.ax-message-empty{position:relative;isolation:isolate;padding:.25rem}.ax-message-empty__ambient{position:absolute;top:-2rem;right:-1rem;bottom:-1rem;left:-1rem;z-index:0;pointer-events:none;overflow:hidden;border-radius:2rem}.ax-message-empty__orb{position:absolute;border-radius:50%;filter:blur(48px);opacity:.45;animation:ax-empty-float 14s ease-in-out infinite}.ax-message-empty__orb--a{width:min(14rem,55vw);height:min(14rem,55vw);top:-5%;left:50%;translate:-50% 0;background:radial-gradient(circle at 30% 30%,rgba(var(--ax-sys-color-primary-400),.55),rgba(var(--ax-sys-color-primary-600),.12) 55%,transparent 70%)}.ax-message-empty__orb--b{width:min(11rem,45vw);height:min(11rem,45vw);bottom:-10%;right:-5%;background:radial-gradient(circle at 70% 60%,rgba(var(--ax-sys-color-primary-300),.35),rgba(var(--ax-sys-color-primary-500),.08) 50%,transparent 68%);animation-delay:-7s}.ax-message-empty__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(var(--ax-sys-color-on-surface),.04) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--ax-sys-color-on-surface),.04) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 45%,black 20%,transparent 75%);mask-image:radial-gradient(ellipse 80% 70% at 50% 45%,black 20%,transparent 75%);opacity:.5}.ax-message-empty__card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1.75rem 2.125rem;border-radius:1.25rem;border:1px solid rgba(var(--ax-sys-color-border-light-surface),.85);background:linear-gradient(165deg,rgba(var(--ax-sys-color-lightest-surface),.72),rgba(var(--ax-sys-color-surface),.55));box-shadow:0 0 0 1px rgba(var(--ax-sys-color-on-surface),.03) inset,0 24px 48px -28px rgba(var(--ax-sys-color-on-surface),.18);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:ax-empty-card-in .65s cubic-bezier(.22,1,.36,1) both}.ax-message-empty__icon-stack{position:relative;display:grid;place-items:center;margin-bottom:1.25rem}.ax-message-empty__pulse{position:absolute;width:5.5rem;height:5.5rem;border-radius:50%;background:radial-gradient(circle,rgba(var(--ax-sys-color-primary-500),.22),rgba(var(--ax-sys-color-primary-500),0) 70%);animation:ax-empty-pulse 3.2s ease-in-out infinite}.ax-message-empty__icon-bg{position:relative;display:grid;place-items:center;width:4.25rem;height:4.25rem;border-radius:1.125rem;background:linear-gradient(145deg,rgba(var(--ax-sys-color-primary-500),.16),rgba(var(--ax-sys-color-primary-600),.06));border:1px solid rgba(var(--ax-sys-color-primary-500),.22);box-shadow:0 1px rgba(var(--ax-sys-color-on-primary-surface),.06) inset,0 12px 28px -16px rgba(var(--ax-sys-color-primary-600),.45)}.ax-message-empty__icon-bg i{font-size:1.875rem;line-height:1;color:rgb(var(--ax-sys-color-primary-600));opacity:.92}.ax-message-empty__eyebrow{margin:0 0 .35rem;font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--ax-sys-color-primary-600));opacity:.85}.ax-message-empty__title{margin:0 0 .65rem;font-size:1.375rem;font-weight:600;letter-spacing:-.03em;line-height:1.25;color:rgb(var(--ax-sys-color-on-surface))}.ax-message-empty__desc{margin:0;font-size:.9375rem;line-height:1.65;color:rgb(var(--ax-sys-color-on-surface));opacity:.62;max-width:20rem}.ax-message-empty__name{font-weight:600;color:rgb(var(--ax-sys-color-on-surface));opacity:.88}@keyframes ax-empty-card-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ax-empty-float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(4%,6%) scale(1.05)}}@keyframes ax-empty-pulse{0%,to{transform:scale(.92);opacity:.55}50%{transform:scale(1.06);opacity:.85}}@media (prefers-reduced-motion: reduce){.ax-message-empty__orb,.ax-message-empty__pulse,.ax-message-empty__card{animation:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
15217
15401
|
}
|
|
15218
15402
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXMessageListEmptyDefaultComponent, decorators: [{
|
|
15219
15403
|
type: Component,
|
|
15220
|
-
args: [{
|
|
15221
|
-
|
|
15222
|
-
|
|
15223
|
-
|
|
15224
|
-
|
|
15225
|
-
|
|
15226
|
-
|
|
15227
|
-
|
|
15228
|
-
|
|
15229
|
-
|
|
15230
|
-
|
|
15231
|
-
|
|
15404
|
+
args: [{ selector: 'ax-conversation-message-list-empty-default', changeDetection: ChangeDetectionStrategy.OnPush, imports: [], host: {
|
|
15405
|
+
class: 'ax-message-empty-host',
|
|
15406
|
+
}, template: `
|
|
15407
|
+
<div class="ax-message-empty" role="status" aria-label="No messages in this conversation">
|
|
15408
|
+
<div class="ax-message-empty__ambient" aria-hidden="true">
|
|
15409
|
+
<span class="ax-message-empty__orb ax-message-empty__orb--a"></span>
|
|
15410
|
+
<span class="ax-message-empty__orb ax-message-empty__orb--b"></span>
|
|
15411
|
+
<span class="ax-message-empty__grid"></span>
|
|
15412
|
+
</div>
|
|
15413
|
+
|
|
15414
|
+
<div class="ax-message-empty__card">
|
|
15415
|
+
<div class="ax-message-empty__icon-stack">
|
|
15416
|
+
<span class="ax-message-empty__pulse" aria-hidden="true"></span>
|
|
15417
|
+
<div class="ax-message-empty__icon-bg">
|
|
15418
|
+
<i [class]="iconClass()" aria-hidden="true"></i>
|
|
15419
|
+
</div>
|
|
15420
|
+
</div>
|
|
15421
|
+
|
|
15422
|
+
<p class="ax-message-empty__eyebrow">{{ eyebrowLabel() }}</p>
|
|
15423
|
+
<h3 class="ax-message-empty__title">No messages yet</h3>
|
|
15424
|
+
<p class="ax-message-empty__desc">
|
|
15425
|
+
Start the {{ conversationKindLabel() }} {{ conversationPreposition() }}
|
|
15426
|
+
<span class="ax-message-empty__name">{{ conversation().title }}</span>.
|
|
15427
|
+
</p>
|
|
15428
|
+
</div>
|
|
15429
|
+
</div>
|
|
15430
|
+
`, styles: [":host.ax-message-empty-host{display:block;width:100%;max-width:min(24rem,100%);margin-inline:auto}.ax-message-empty{position:relative;isolation:isolate;padding:.25rem}.ax-message-empty__ambient{position:absolute;top:-2rem;right:-1rem;bottom:-1rem;left:-1rem;z-index:0;pointer-events:none;overflow:hidden;border-radius:2rem}.ax-message-empty__orb{position:absolute;border-radius:50%;filter:blur(48px);opacity:.45;animation:ax-empty-float 14s ease-in-out infinite}.ax-message-empty__orb--a{width:min(14rem,55vw);height:min(14rem,55vw);top:-5%;left:50%;translate:-50% 0;background:radial-gradient(circle at 30% 30%,rgba(var(--ax-sys-color-primary-400),.55),rgba(var(--ax-sys-color-primary-600),.12) 55%,transparent 70%)}.ax-message-empty__orb--b{width:min(11rem,45vw);height:min(11rem,45vw);bottom:-10%;right:-5%;background:radial-gradient(circle at 70% 60%,rgba(var(--ax-sys-color-primary-300),.35),rgba(var(--ax-sys-color-primary-500),.08) 50%,transparent 68%);animation-delay:-7s}.ax-message-empty__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(var(--ax-sys-color-on-surface),.04) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--ax-sys-color-on-surface),.04) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 45%,black 20%,transparent 75%);mask-image:radial-gradient(ellipse 80% 70% at 50% 45%,black 20%,transparent 75%);opacity:.5}.ax-message-empty__card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1.75rem 2.125rem;border-radius:1.25rem;border:1px solid rgba(var(--ax-sys-color-border-light-surface),.85);background:linear-gradient(165deg,rgba(var(--ax-sys-color-lightest-surface),.72),rgba(var(--ax-sys-color-surface),.55));box-shadow:0 0 0 1px rgba(var(--ax-sys-color-on-surface),.03) inset,0 24px 48px -28px rgba(var(--ax-sys-color-on-surface),.18);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:ax-empty-card-in .65s cubic-bezier(.22,1,.36,1) both}.ax-message-empty__icon-stack{position:relative;display:grid;place-items:center;margin-bottom:1.25rem}.ax-message-empty__pulse{position:absolute;width:5.5rem;height:5.5rem;border-radius:50%;background:radial-gradient(circle,rgba(var(--ax-sys-color-primary-500),.22),rgba(var(--ax-sys-color-primary-500),0) 70%);animation:ax-empty-pulse 3.2s ease-in-out infinite}.ax-message-empty__icon-bg{position:relative;display:grid;place-items:center;width:4.25rem;height:4.25rem;border-radius:1.125rem;background:linear-gradient(145deg,rgba(var(--ax-sys-color-primary-500),.16),rgba(var(--ax-sys-color-primary-600),.06));border:1px solid rgba(var(--ax-sys-color-primary-500),.22);box-shadow:0 1px rgba(var(--ax-sys-color-on-primary-surface),.06) inset,0 12px 28px -16px rgba(var(--ax-sys-color-primary-600),.45)}.ax-message-empty__icon-bg i{font-size:1.875rem;line-height:1;color:rgb(var(--ax-sys-color-primary-600));opacity:.92}.ax-message-empty__eyebrow{margin:0 0 .35rem;font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--ax-sys-color-primary-600));opacity:.85}.ax-message-empty__title{margin:0 0 .65rem;font-size:1.375rem;font-weight:600;letter-spacing:-.03em;line-height:1.25;color:rgb(var(--ax-sys-color-on-surface))}.ax-message-empty__desc{margin:0;font-size:.9375rem;line-height:1.65;color:rgb(var(--ax-sys-color-on-surface));opacity:.62;max-width:20rem}.ax-message-empty__name{font-weight:600;color:rgb(var(--ax-sys-color-on-surface));opacity:.88}@keyframes ax-empty-card-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ax-empty-float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(4%,6%) scale(1.05)}}@keyframes ax-empty-pulse{0%,to{transform:scale(.92);opacity:.55}50%{transform:scale(1.06);opacity:.85}}@media (prefers-reduced-motion: reduce){.ax-message-empty__orb,.ax-message-empty__pulse,.ax-message-empty__card{animation:none}}\n"] }]
|
|
15232
15431
|
}] });
|
|
15233
15432
|
|
|
15234
15433
|
/**
|
|
@@ -15531,6 +15730,13 @@ class AXMessageListComponent {
|
|
|
15531
15730
|
return undefined;
|
|
15532
15731
|
return AXConversationMessageUtilsService.getSenderAvatar(message, conversation);
|
|
15533
15732
|
}
|
|
15733
|
+
/** Font Awesome icon for sender when no avatar image (participant or conversation icon). */
|
|
15734
|
+
getSenderAvatarIcon(message) {
|
|
15735
|
+
const conversation = this.activeConversation();
|
|
15736
|
+
if (!conversation)
|
|
15737
|
+
return undefined;
|
|
15738
|
+
return AXConversationMessageUtilsService.getSenderAvatarIcon(message, conversation);
|
|
15739
|
+
}
|
|
15534
15740
|
/** Get original sender name for forwarded messages */
|
|
15535
15741
|
getOriginalSenderName(message) {
|
|
15536
15742
|
// Use new forwardedFrom object if available
|
|
@@ -15918,10 +16124,7 @@ class AXMessageListComponent {
|
|
|
15918
16124
|
<div class="list-empty" role="status" aria-label="No messages">
|
|
15919
16125
|
<ng-content select="ax-conversation-message-list-empty, [ax-conversation-message-list-empty]">
|
|
15920
16126
|
<ng-container
|
|
15921
|
-
*ngComponentOutlet="
|
|
15922
|
-
resolvedEmptyStateComponent();
|
|
15923
|
-
inputs: { conversation: activeConversation()! }
|
|
15924
|
-
"
|
|
16127
|
+
*ngComponentOutlet="resolvedEmptyStateComponent(); inputs: { conversation: activeConversation()! }"
|
|
15925
16128
|
></ng-container>
|
|
15926
16129
|
</ng-content>
|
|
15927
16130
|
</div>
|
|
@@ -15970,6 +16173,7 @@ class AXMessageListComponent {
|
|
|
15970
16173
|
size: 32,
|
|
15971
16174
|
senderName: getSenderName(message),
|
|
15972
16175
|
senderAvatar: getSenderAvatar(message),
|
|
16176
|
+
senderIcon: getSenderAvatarIcon(message),
|
|
15973
16177
|
}
|
|
15974
16178
|
"
|
|
15975
16179
|
></ng-container>
|
|
@@ -15977,6 +16181,13 @@ class AXMessageListComponent {
|
|
|
15977
16181
|
<ax-avatar [size]="32" [color]="'primary'">
|
|
15978
16182
|
@if (getSenderAvatar(message)) {
|
|
15979
16183
|
<ax-image [src]="getSenderAvatar(message)!" [alt]="getSenderName(message)"></ax-image>
|
|
16184
|
+
} @else if (getSenderAvatarIcon(message)) {
|
|
16185
|
+
<ax-icon
|
|
16186
|
+
><i
|
|
16187
|
+
[class]="'message-avatar-icon ' + getSenderAvatarIcon(message)!"
|
|
16188
|
+
aria-hidden="true"
|
|
16189
|
+
></i
|
|
16190
|
+
></ax-icon>
|
|
15980
16191
|
} @else {
|
|
15981
16192
|
<ax-label>{{ getInitials(getSenderName(message)) }}</ax-label>
|
|
15982
16193
|
}
|
|
@@ -16170,7 +16381,7 @@ class AXMessageListComponent {
|
|
|
16170
16381
|
</ax-popover>
|
|
16171
16382
|
}
|
|
16172
16383
|
}
|
|
16173
|
-
`, isInline: true, styles: [":host{display:block;height:100%;position:relative}.message-list{height:100%}.list-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:3rem 2rem;gap:1.25rem;animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-icon{font-size:5.5rem;line-height:1;opacity:.35;margin-bottom:.5rem;filter:grayscale(.2)}.empty-title{font-size:1.625rem;font-weight:600;margin:0;color:rgb(var(--ax-sys-color-on-surface));letter-spacing:-.02em}.empty-description{font-size:1.0625rem;margin:0;color:rgb(var(--ax-sys-color-on-surface));opacity:.65;max-width:420px;line-height:1.7}.spinner{width:32px;height:32px;border:3px solid rgb(var(--ax-sys-color-border-light-surface));border-top-color:rgb(var(--ax-sys-color-primary-500));border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.list-loading-more{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;text-align:center;color:rgb(var(--ax-sys-color-on-surface));opacity:.7}.messages-container{width:100%;height:100%;overflow-y:auto;overflow-x:hidden}.date-separator{position:sticky;z-index:150;top:0;display:flex;align-items:center;justify-content:center;padding:.5rem 0}.date-text{padding:.25rem .75rem;background:rgb(var(--ax-sys-color-lighter-surface));font-size:.75rem;font-weight:500;border-radius:1rem;width:7rem;display:flex;justify-content:center;align-items:center}.unread-separator{display:flex;align-items:center;gap:.75rem;margin:1.5rem 0;padding:0 1rem}.unread-separator-line{flex:1;height:1px;background:rgb(var(--ax-sys-color-primary-500));opacity:.3}.unread-separator-text{font-size:.75rem;font-weight:600;color:rgb(var(--ax-sys-color-primary-500));text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.message-item{position:relative;display:flex;padding:.5rem 1rem;gap:.5rem;line-height:1rem;align-items:end;transition:background-color .3s ease}.message-highlight{background-color:rgba(var(--ax-sys-color-primary-500),.1);border-radius:.5rem}.fade-slide-in{animation:fadeSlideIn var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}@keyframes fadeSlideIn{0%{opacity:0;// transform: translateX(20%)}to{opacity:1;// transform: translateX(0)}}.message-own{flex-direction:row-reverse}.message-avatar{flex-shrink:0}.message-content-row{display:flex;flex-direction:row;align-items:flex-end;max-width:70%;min-width:0;flex:0 1 auto;position:relative;column-gap:.25rem}.message-content-row-own{justify-content:flex-end}.message-item:not(.message-own) .message-content-row{justify-content:flex-start}.message-bubble-container{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;max-width:100%;position:relative}.message-own .message-bubble-container{align-items:flex-end}.message-sender{font-size:.75rem;font-weight:600;margin-bottom:.1rem}.message-bubble{position:relative;display:flex;flex-direction:column;padding:.5rem .5rem .1rem;border-radius:1rem;background:rgb(var(--ax-sys-color-lightest-surface));word-wrap:break-word;transition:background-color .3s ease}.reply-preview{padding:.375rem .5rem;margin-bottom:.1rem;background:rgba(var(--ax-sys-color-primary-500),.08);border-radius:var(--ax-sys-border-radius);border-inline-start:3px solid rgb(var(--ax-sys-color-primary-500));cursor:pointer;transition:background-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function),border-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}.reply-preview:hover{background:rgba(var(--ax-sys-color-primary-500),.14);border-inline-start-color:rgb(var(--ax-sys-color-primary-600))}.message-own .reply-preview{background:rgba(var(--ax-sys-color-on-primary-surface),.14);border-inline-start:3px solid rgba(var(--ax-sys-color-on-primary-surface),.55)}.message-own .reply-preview:hover{background:rgba(var(--ax-sys-color-on-primary-surface),.22);border-inline-start-color:rgba(var(--ax-sys-color-on-primary-surface),.75)}.reply-preview-line{width:3px;background:currentColor;opacity:.5;border-radius:1.5px;flex-shrink:0}.reply-preview-content{flex:1;min-width:0}.reply-preview-sender{font-size:.75rem;font-weight:600;margin-bottom:.125rem;color:rgb(var(--ax-sys-color-primary-600))}.reply-preview-text{font-size:.8125rem;color:rgb(var(--ax-sys-color-on-surface));opacity:.72;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-own .reply-preview-sender{color:rgb(var(--ax-sys-color-on-primary-surface));opacity:.95}.message-own .reply-preview-text{color:rgb(var(--ax-sys-color-on-primary-surface));opacity:.78}.forwarded-preview{display:flex;align-items:center;gap:.375rem;padding:.375rem .5rem;margin-bottom:.1rem;background:rgba(var(--ax-sys-color-primary-500),.08);border-radius:var(--ax-sys-border-radius);border-inline-start:3px solid rgb(var(--ax-sys-color-primary-500));transition:background-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function),border-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}.forwarded-preview:hover{background:rgba(var(--ax-sys-color-primary-500),.14);border-inline-start-color:rgb(var(--ax-sys-color-primary-600))}.message-own .forwarded-preview{background:rgba(var(--ax-sys-color-on-primary-surface),.14);border-inline-start:3px solid rgba(var(--ax-sys-color-on-primary-surface),.55)}.message-own .forwarded-preview:hover{background:rgba(var(--ax-sys-color-on-primary-surface),.22);border-inline-start-color:rgba(var(--ax-sys-color-on-primary-surface),.75)}.forwarded-preview i{font-size:.8125rem;flex-shrink:0;color:rgb(var(--ax-sys-color-primary-600))}.forwarded-text{font-size:.8125rem;color:rgb(var(--ax-sys-color-on-surface));opacity:.72;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.message-own .forwarded-preview i{color:rgb(var(--ax-sys-color-on-primary-surface));opacity:.95}.message-own .forwarded-text{color:rgb(var(--ax-sys-color-on-primary-surface));opacity:.78}.message-bubble-received{border-bottom-left-radius:.125rem}.message-bubble-received:before{content:\"\";display:block;background:rgb(var(--ax-sys-color-lightest-surface));width:.8rem;height:.8rem;position:absolute;bottom:0;left:-.7rem;border-top-left-radius:86%;corner-shape:scoop}.message-bubble-sent{border-bottom-right-radius:.125rem}.message-bubble-sent:after{content:\"\";display:block;background:rgb(var(--ax-sys-color-primary-surface));width:.8rem;height:.8rem;position:absolute;bottom:0;right:-.7rem;border-top-right-radius:86%;corner-shape:scoop}.message-own .message-bubble{background:rgb(var(--ax-sys-color-primary-surface));color:rgb(var(--ax-sys-color-on-primary-surface))}.message-content{font-size:.9375rem;line-height:1.5;white-space:pre-wrap}.message-footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;padding-inline-start:.25rem;margin-top:.1rem;gap:.25rem;font-size:.6875rem;opacity:.7;letter-spacing:.05rem;-webkit-user-select:none;user-select:none}.message-footer-count{display:inline-flex;align-items:center;gap:.2rem;font-variant-numeric:tabular-nums;font-size:.675rem}.message-footer-count i{font-size:.625rem;opacity:.9}.message-footer-count-value{font-weight:600}.message-footer-split{flex-shrink:0;align-self:center;width:1px;height:.65rem;background:rgb(var(--ax-sys-color-border-light-surface));opacity:.9;margin-inline:.2rem}.message-time{font-variant-numeric:tabular-nums;font-size:.675rem}.edited-indicator{display:inline-flex;align-items:center;gap:.25rem;font-size:.675rem;opacity:.75;padding-inline-start:.35rem;border-inline-start:1px solid rgb(var(--ax-sys-color-border-light-surface))}.status-icon{display:inline-flex;align-items:center}.status-icon i{font-size:.75rem}.status-read{color:rgb(var(--ax-sys-color-primary-200))}.status-failed{color:rgb(var(--ax-sys-color-danger-200))}.message-reactions-bubbles{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem}.reaction-bubble{display:inline-flex;align-items:center;justify-content:center;gap:.15rem;min-height:1.375rem;padding:.1rem .35rem;margin:0;background:rgba(var(--ax-sys-color-on-surface),.06);color:rgb(var(--ax-sys-color-on-surface));border:1px solid rgba(var(--ax-sys-color-on-surface),.1);border-radius:.75rem;box-shadow:none;cursor:pointer;transition:background-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function),border-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function);font-family:\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\",\"Apple Color Emoji\",Twemoji Mozilla,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.reaction-bubble:hover{background:rgba(var(--ax-sys-color-on-surface),.1);border-color:rgba(var(--ax-sys-color-on-surface),.18)}.reaction-bubble-active{background:rgba(var(--ax-sys-color-primary-500),.12);border-color:rgba(var(--ax-sys-color-primary-500),.45)}.reaction-bubble-active:hover{background:rgba(var(--ax-sys-color-primary-500),.18);border-color:rgba(var(--ax-sys-color-primary-500),.55)}.reaction-emoji{font-size:.8125rem;line-height:1;display:inline-block}.reaction-count{font-size:.6875rem;font-weight:500;font-variant-numeric:tabular-nums;color:rgb(var(--ax-sys-color-on-surface));opacity:.65;line-height:1}.reaction-bubble-active .reaction-count{color:rgb(var(--ax-sys-color-primary-600));opacity:.95;font-weight:600}.message-own .reaction-bubble{background:rgba(var(--ax-sys-color-on-primary-surface),.12);border-color:rgba(var(--ax-sys-color-on-primary-surface),.2);color:rgb(var(--ax-sys-color-on-primary-surface))}.message-own .reaction-bubble:hover{background:rgba(var(--ax-sys-color-on-primary-surface),.2);border-color:rgba(var(--ax-sys-color-on-primary-surface),.35)}.message-own .reaction-bubble-active{background:rgba(var(--ax-sys-color-on-primary-surface),.28);border-color:rgba(var(--ax-sys-color-on-primary-surface),.5)}.message-own .reaction-bubble-active:hover{background:rgba(var(--ax-sys-color-on-primary-surface),.34);border-color:rgba(var(--ax-sys-color-on-primary-surface),.6)}.message-own .reaction-count{color:rgb(var(--ax-sys-color-on-primary-surface));opacity:.8}.message-own .reaction-bubble-active .reaction-count{color:rgb(var(--ax-sys-color-on-primary-surface));opacity:1}.message-reactions-container{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.2rem;margin-top:.25rem;justify-content:flex-start}.message-own .message-reactions-container{justify-content:flex-end}.add-reaction-button.add-reaction-outside{display:none;position:absolute;top:50%;inset-inline-end:-2.25rem;transform:translateY(-50%);align-items:center;justify-content:center;box-sizing:border-box;width:1.8rem;height:1.8rem;padding:0;margin:0;border-radius:50%;cursor:pointer;background:rgb(var(--ax-sys-color-surface));border:1px solid rgb(var(--ax-sys-color-border-light-surface));box-shadow:0 1px 2px #0000000f}.add-reaction-button{padding-inline-start:.05rem}.message-content-row-own .add-reaction-button.add-reaction-outside{inset-inline-start:-2.25rem;inset-inline-end:auto}.message-item:hover .add-reaction-button.add-reaction-outside,.add-reaction-button.add-reaction-outside.add-reaction-visible{display:inline-flex}.add-reaction-button.add-reaction-outside:hover,.add-reaction-button.add-reaction-outside.add-reaction-visible{border-color:rgb(var(--ax-sys-color-primary-500))}.add-reaction-button.add-reaction-outside i{font-size:.9rem;color:rgb(var(--ax-sys-color-on-surface));opacity:.8}.reaction-picker-popup{position:fixed;background:rgb(var(--ax-sys-color-lightest-surface));border:1px solid rgb(var(--ax-sys-color-border-light-surface));border-radius:.65rem;z-index:100;min-width:auto;width:max-content;max-width:min(260px,92vw);box-shadow:0 4px 16px #0000001a;transform:translateY(-100%);margin-top:-.35rem;overflow:hidden}.reaction-picker-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.45rem .5rem .45rem .7rem;border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface));min-height:0}.picker-title{font-size:.8125rem;font-weight:600;letter-spacing:.02em;color:rgb(var(--ax-sys-color-on-surface));opacity:.85}.picker-close{display:flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;padding:0;background:transparent;border:none;border-radius:.25rem;cursor:pointer;font-size:.95rem;color:rgb(var(--ax-sys-color-on-surface) / .55);transition:all var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}.picker-close:hover{background:rgb(var(--ax-sys-color-danger-500) / .1);color:rgb(var(--ax-sys-color-danger-500))}.reaction-bubble:focus-visible,.add-reaction-button:focus-visible,.picker-close:focus-visible,.reaction-picker-emoji:focus-visible,.action-trigger:focus-visible,.scroll-to-bottom:focus-visible{outline:2px solid rgb(var(--ax-sys-color-primary-500));outline-offset:2px}.reaction-picker-emojis{display:grid;grid-template-columns:repeat(6,1fr);gap:.2rem;padding:.45rem .5rem .5rem}.reaction-picker-emoji{width:2rem;height:2rem;padding:0;background:transparent;border:1px solid transparent;border-radius:.45rem;font-size:1.15rem;line-height:1;cursor:pointer;transition:all var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function);font-family:\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\",\"Apple Color Emoji\",Twemoji Mozilla,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.reaction-picker-emoji:hover{// transform: scale(1.15);background:rgb(var(--ax-sys-color-lighter-surface))}.reaction-picker-emoji-active{background:rgb(var(--ax-sys-color-surface))}.reaction-picker-emoji-active:hover{background:rgb(var(--ax-sys-color-primary-500) / .25)}.message-actions{padding-bottom:1.5rem;opacity:0;transition:opacity var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function);z-index:10}.message-item:hover .message-actions{opacity:1}.action-trigger{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:rgb(var(--ax-sys-color-surface));border:1px solid rgb(var(--ax-sys-color-border-light-surface));border-radius:var(--ax-sys-border-radius);font-size:.875rem;cursor:pointer;transition:all var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}.action-trigger:hover{background:rgb(var(--ax-sys-color-light-surface));// transform: scale(1.05)}.shortcut{font-size:.6875rem;opacity:.7}.scroll-to-bottom{position:absolute;bottom:1rem;right:1rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgb(var(--ax-sys-color-primary-500));color:rgb(var(--ax-sys-color-on-primary-surface));border:none;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:transform var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function);z-index:999}.scroll-to-bottom:hover{// transform: scale(1.1)}.slide-in{animation:slideInFromBottom var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.slide-out{opacity:0;transform:translateY(100%);transition:opacity var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function),transform var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$5.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: i1$5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "component", type: AXAvatarComponent, selector: "ax-avatar", inputs: ["color", "size", "shape", "look"], outputs: ["sizeChange"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXContextMenuComponent, selector: "ax-context-menu", inputs: ["orientation", "openOn", "closeOn", "items", "target"], outputs: ["onItemClick", "onOpening"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXImageComponent, selector: "ax-image", inputs: ["width", "height", "overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "component", type: AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "component", type: AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXDateTimeModule }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i6.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "repositionOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: AXInfiniteScrollDirective, selector: "[axInfiniteScroll]", inputs: ["threshold", "edge"], outputs: ["scrollThreshold"] }, { kind: "pipe", type: i1$5.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXFormatPipe, name: "format" }, { kind: "pipe", type: i6$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
16384
|
+
`, isInline: true, styles: [":host{display:block;height:100%;position:relative}.message-list{height:100%}.list-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:3rem 2rem;gap:1.25rem;animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-icon{font-size:5.5rem;line-height:1;opacity:.35;margin-bottom:.5rem;filter:grayscale(.2)}.empty-title{font-size:1.625rem;font-weight:600;margin:0;color:rgb(var(--ax-sys-color-on-surface));letter-spacing:-.02em}.empty-description{font-size:1.0625rem;margin:0;color:rgb(var(--ax-sys-color-on-surface));opacity:.65;max-width:420px;line-height:1.7}.spinner{width:32px;height:32px;border:3px solid rgb(var(--ax-sys-color-border-light-surface));border-top-color:rgb(var(--ax-sys-color-primary-500));border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.list-loading-more{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;text-align:center;color:rgb(var(--ax-sys-color-on-surface));opacity:.7}.messages-container{width:100%;height:100%;overflow-y:auto;overflow-x:hidden}.date-separator{position:sticky;z-index:150;top:0;display:flex;align-items:center;justify-content:center;padding:.5rem 0}.date-text{padding:.25rem .75rem;background:rgb(var(--ax-sys-color-lighter-surface));font-size:.75rem;font-weight:500;border-radius:1rem;width:7rem;display:flex;justify-content:center;align-items:center}.unread-separator{display:flex;align-items:center;gap:.75rem;margin:1.5rem 0;padding:0 1rem}.unread-separator-line{flex:1;height:1px;background:rgb(var(--ax-sys-color-primary-500));opacity:.3}.unread-separator-text{font-size:.75rem;font-weight:600;color:rgb(var(--ax-sys-color-primary-500));text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.message-item{position:relative;display:flex;padding:.5rem 1rem;gap:.5rem;line-height:1rem;align-items:end;transition:background-color .3s ease}.message-highlight{background-color:rgba(var(--ax-sys-color-primary-500),.1);border-radius:.5rem}.fade-slide-in{animation:fadeSlideIn var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}@keyframes fadeSlideIn{0%{opacity:0;// transform: translateX(20%)}to{opacity:1;// transform: translateX(0)}}.message-own{flex-direction:row-reverse}.message-avatar{flex-shrink:0}.message-avatar-icon{font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.message-content-row{display:flex;flex-direction:row;align-items:flex-end;max-width:70%;min-width:0;flex:0 1 auto;position:relative;column-gap:.25rem}.message-content-row-own{justify-content:flex-end}.message-item:not(.message-own) .message-content-row{justify-content:flex-start}.message-bubble-container{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;max-width:100%;position:relative}.message-own .message-bubble-container{align-items:flex-end}.message-sender{font-size:.75rem;font-weight:600;margin-bottom:.1rem}.message-bubble{position:relative;display:flex;flex-direction:column;padding:.5rem .5rem .1rem;border-radius:1rem;background:rgb(var(--ax-sys-color-lightest-surface));word-wrap:break-word;transition:background-color .3s ease}.reply-preview{padding:.375rem .5rem;margin-bottom:.1rem;background:rgba(var(--ax-sys-color-primary-500),.08);border-radius:var(--ax-sys-border-radius);border-inline-start:3px solid rgb(var(--ax-sys-color-primary-500));cursor:pointer;transition:background-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function),border-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}.reply-preview:hover{background:rgba(var(--ax-sys-color-primary-500),.14);border-inline-start-color:rgb(var(--ax-sys-color-primary-600))}.message-own .reply-preview{background:rgba(var(--ax-sys-color-on-primary-surface),.14);border-inline-start:3px solid rgba(var(--ax-sys-color-on-primary-surface),.55)}.message-own .reply-preview:hover{background:rgba(var(--ax-sys-color-on-primary-surface),.22);border-inline-start-color:rgba(var(--ax-sys-color-on-primary-surface),.75)}.reply-preview-line{width:3px;background:currentColor;opacity:.5;border-radius:1.5px;flex-shrink:0}.reply-preview-content{flex:1;min-width:0}.reply-preview-sender{font-size:.75rem;font-weight:600;margin-bottom:.125rem;color:rgb(var(--ax-sys-color-primary-600))}.reply-preview-text{font-size:.8125rem;color:rgb(var(--ax-sys-color-on-surface));opacity:.72;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-own .reply-preview-sender{color:rgb(var(--ax-sys-color-on-primary-surface));opacity:.95}.message-own .reply-preview-text{color:rgb(var(--ax-sys-color-on-primary-surface));opacity:.78}.forwarded-preview{display:flex;align-items:center;gap:.375rem;padding:.375rem .5rem;margin-bottom:.1rem;background:rgba(var(--ax-sys-color-primary-500),.08);border-radius:var(--ax-sys-border-radius);border-inline-start:3px solid rgb(var(--ax-sys-color-primary-500));transition:background-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function),border-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}.forwarded-preview:hover{background:rgba(var(--ax-sys-color-primary-500),.14);border-inline-start-color:rgb(var(--ax-sys-color-primary-600))}.message-own .forwarded-preview{background:rgba(var(--ax-sys-color-on-primary-surface),.14);border-inline-start:3px solid rgba(var(--ax-sys-color-on-primary-surface),.55)}.message-own .forwarded-preview:hover{background:rgba(var(--ax-sys-color-on-primary-surface),.22);border-inline-start-color:rgba(var(--ax-sys-color-on-primary-surface),.75)}.forwarded-preview i{font-size:.8125rem;flex-shrink:0;color:rgb(var(--ax-sys-color-primary-600))}.forwarded-text{font-size:.8125rem;color:rgb(var(--ax-sys-color-on-surface));opacity:.72;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.message-own .forwarded-preview i{color:rgb(var(--ax-sys-color-on-primary-surface));opacity:.95}.message-own .forwarded-text{color:rgb(var(--ax-sys-color-on-primary-surface));opacity:.78}.message-bubble-received{border-bottom-left-radius:.125rem}.message-bubble-received:before{content:\"\";display:block;background:rgb(var(--ax-sys-color-lightest-surface));width:.8rem;height:.8rem;position:absolute;bottom:0;left:-.7rem;border-top-left-radius:86%;corner-shape:scoop}.message-bubble-sent{border-bottom-right-radius:.125rem}.message-bubble-sent:after{content:\"\";display:block;background:rgb(var(--ax-sys-color-primary-surface));width:.8rem;height:.8rem;position:absolute;bottom:0;right:-.7rem;border-top-right-radius:86%;corner-shape:scoop}.message-own .message-bubble{background:rgb(var(--ax-sys-color-primary-surface));color:rgb(var(--ax-sys-color-on-primary-surface))}.message-content{font-size:.9375rem;line-height:1.5;white-space:pre-wrap}.message-footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;padding-inline-start:.25rem;margin-top:.1rem;gap:.25rem;font-size:.6875rem;opacity:.7;letter-spacing:.05rem;-webkit-user-select:none;user-select:none}.message-footer-count{display:inline-flex;align-items:center;gap:.2rem;font-variant-numeric:tabular-nums;font-size:.675rem}.message-footer-count i{font-size:.625rem;opacity:.9}.message-footer-count-value{font-weight:600}.message-footer-split{flex-shrink:0;align-self:center;width:1px;height:.65rem;background:rgb(var(--ax-sys-color-border-light-surface));opacity:.9;margin-inline:.2rem}.message-time{font-variant-numeric:tabular-nums;font-size:.675rem}.edited-indicator{display:inline-flex;align-items:center;gap:.25rem;font-size:.675rem;opacity:.75;padding-inline-start:.35rem;border-inline-start:1px solid rgb(var(--ax-sys-color-border-light-surface))}.status-icon{display:inline-flex;align-items:center}.status-icon i{font-size:.75rem}.status-read{color:rgb(var(--ax-sys-color-primary-200))}.status-failed{color:rgb(var(--ax-sys-color-danger-200))}.message-reactions-bubbles{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem}.reaction-bubble{display:inline-flex;align-items:center;justify-content:center;gap:.15rem;min-height:1.375rem;padding:.1rem .35rem;margin:0;background:rgba(var(--ax-sys-color-on-surface),.06);color:rgb(var(--ax-sys-color-on-surface));border:1px solid rgba(var(--ax-sys-color-on-surface),.1);border-radius:.75rem;box-shadow:none;cursor:pointer;transition:background-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function),border-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function);font-family:\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\",\"Apple Color Emoji\",Twemoji Mozilla,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.reaction-bubble:hover{background:rgba(var(--ax-sys-color-on-surface),.1);border-color:rgba(var(--ax-sys-color-on-surface),.18)}.reaction-bubble-active{background:rgba(var(--ax-sys-color-primary-500),.12);border-color:rgba(var(--ax-sys-color-primary-500),.45)}.reaction-bubble-active:hover{background:rgba(var(--ax-sys-color-primary-500),.18);border-color:rgba(var(--ax-sys-color-primary-500),.55)}.reaction-emoji{font-size:.8125rem;line-height:1;display:inline-block}.reaction-count{font-size:.6875rem;font-weight:500;font-variant-numeric:tabular-nums;color:rgb(var(--ax-sys-color-on-surface));opacity:.65;line-height:1}.reaction-bubble-active .reaction-count{color:rgb(var(--ax-sys-color-primary-600));opacity:.95;font-weight:600}.message-own .reaction-bubble{background:rgba(var(--ax-sys-color-on-primary-surface),.12);border-color:rgba(var(--ax-sys-color-on-primary-surface),.2);color:rgb(var(--ax-sys-color-on-primary-surface))}.message-own .reaction-bubble:hover{background:rgba(var(--ax-sys-color-on-primary-surface),.2);border-color:rgba(var(--ax-sys-color-on-primary-surface),.35)}.message-own .reaction-bubble-active{background:rgba(var(--ax-sys-color-on-primary-surface),.28);border-color:rgba(var(--ax-sys-color-on-primary-surface),.5)}.message-own .reaction-bubble-active:hover{background:rgba(var(--ax-sys-color-on-primary-surface),.34);border-color:rgba(var(--ax-sys-color-on-primary-surface),.6)}.message-own .reaction-count{color:rgb(var(--ax-sys-color-on-primary-surface));opacity:.8}.message-own .reaction-bubble-active .reaction-count{color:rgb(var(--ax-sys-color-on-primary-surface));opacity:1}.message-reactions-container{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.2rem;margin-top:.25rem;justify-content:flex-start}.message-own .message-reactions-container{justify-content:flex-end}.add-reaction-button.add-reaction-outside{display:none;position:absolute;top:50%;inset-inline-end:-2.25rem;transform:translateY(-50%);align-items:center;justify-content:center;box-sizing:border-box;width:1.8rem;height:1.8rem;padding:0;margin:0;border-radius:50%;cursor:pointer;background:rgb(var(--ax-sys-color-surface));border:1px solid rgb(var(--ax-sys-color-border-light-surface));box-shadow:0 1px 2px #0000000f}.add-reaction-button{padding-inline-start:.05rem}.message-content-row-own .add-reaction-button.add-reaction-outside{inset-inline-start:-2.25rem;inset-inline-end:auto}.message-item:hover .add-reaction-button.add-reaction-outside,.add-reaction-button.add-reaction-outside.add-reaction-visible{display:inline-flex}.add-reaction-button.add-reaction-outside:hover,.add-reaction-button.add-reaction-outside.add-reaction-visible{border-color:rgb(var(--ax-sys-color-primary-500))}.add-reaction-button.add-reaction-outside i{font-size:.9rem;color:rgb(var(--ax-sys-color-on-surface));opacity:.8}.reaction-picker-popup{position:fixed;background:rgb(var(--ax-sys-color-lightest-surface));border:1px solid rgb(var(--ax-sys-color-border-light-surface));border-radius:.65rem;z-index:100;min-width:auto;width:max-content;max-width:min(260px,92vw);box-shadow:0 4px 16px #0000001a;transform:translateY(-100%);margin-top:-.35rem;overflow:hidden}.reaction-picker-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.45rem .5rem .45rem .7rem;border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface));min-height:0}.picker-title{font-size:.8125rem;font-weight:600;letter-spacing:.02em;color:rgb(var(--ax-sys-color-on-surface));opacity:.85}.picker-close{display:flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;padding:0;background:transparent;border:none;border-radius:.25rem;cursor:pointer;font-size:.95rem;color:rgba(var(--ax-sys-color-on-surface),.55);transition:all var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}.picker-close:hover{background:rgba(var(--ax-sys-color-danger-500),.1);color:rgb(var(--ax-sys-color-danger-500))}.reaction-bubble:focus-visible,.add-reaction-button:focus-visible,.picker-close:focus-visible,.reaction-picker-emoji:focus-visible,.action-trigger:focus-visible,.scroll-to-bottom:focus-visible{outline:2px solid rgb(var(--ax-sys-color-primary-500));outline-offset:2px}.reaction-picker-emojis{display:grid;grid-template-columns:repeat(6,1fr);gap:.2rem;padding:.45rem .5rem .5rem}.reaction-picker-emoji{width:2rem;height:2rem;padding:0;background:transparent;border:1px solid transparent;border-radius:.45rem;font-size:1.15rem;line-height:1;cursor:pointer;transition:all var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function);font-family:\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\",\"Apple Color Emoji\",Twemoji Mozilla,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.reaction-picker-emoji:hover{// transform: scale(1.15);background:rgb(var(--ax-sys-color-lighter-surface))}.reaction-picker-emoji-active{background:rgb(var(--ax-sys-color-surface))}.reaction-picker-emoji-active:hover{background:rgba(var(--ax-sys-color-primary-500),.25)}.message-actions{padding-bottom:1.5rem;opacity:0;transition:opacity var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function);z-index:10}.message-item:hover .message-actions{opacity:1}.action-trigger{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:rgb(var(--ax-sys-color-surface));border:1px solid rgb(var(--ax-sys-color-border-light-surface));border-radius:var(--ax-sys-border-radius);font-size:.875rem;cursor:pointer;transition:all var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}.action-trigger:hover{background:rgb(var(--ax-sys-color-light-surface));// transform: scale(1.05)}.shortcut{font-size:.6875rem;opacity:.7}.scroll-to-bottom{position:absolute;bottom:1rem;right:1rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgb(var(--ax-sys-color-primary-500));color:rgb(var(--ax-sys-color-on-primary-surface));border:none;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:transform var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function);z-index:999}.scroll-to-bottom:hover{// transform: scale(1.1)}.slide-in{animation:slideInFromBottom var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.slide-out{opacity:0;transform:translateY(100%);transition:opacity var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function),transform var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$5.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: i1$5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "component", type: AXAvatarComponent, selector: "ax-avatar", inputs: ["color", "size", "shape", "look"], outputs: ["sizeChange"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXContextMenuComponent, selector: "ax-context-menu", inputs: ["orientation", "openOn", "closeOn", "items", "target"], outputs: ["onItemClick", "onOpening"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXImageComponent, selector: "ax-image", inputs: ["width", "height", "overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "component", type: AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "component", type: AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXDateTimeModule }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i6.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "repositionOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: AXInfiniteScrollDirective, selector: "[axInfiniteScroll]", inputs: ["threshold", "edge"], outputs: ["scrollThreshold"] }, { kind: "pipe", type: i1$5.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXFormatPipe, name: "format" }, { kind: "pipe", type: i6$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
16174
16385
|
}
|
|
16175
16386
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXMessageListComponent, decorators: [{
|
|
16176
16387
|
type: Component,
|
|
@@ -16208,10 +16419,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
|
|
|
16208
16419
|
<div class="list-empty" role="status" aria-label="No messages">
|
|
16209
16420
|
<ng-content select="ax-conversation-message-list-empty, [ax-conversation-message-list-empty]">
|
|
16210
16421
|
<ng-container
|
|
16211
|
-
*ngComponentOutlet="
|
|
16212
|
-
resolvedEmptyStateComponent();
|
|
16213
|
-
inputs: { conversation: activeConversation()! }
|
|
16214
|
-
"
|
|
16422
|
+
*ngComponentOutlet="resolvedEmptyStateComponent(); inputs: { conversation: activeConversation()! }"
|
|
16215
16423
|
></ng-container>
|
|
16216
16424
|
</ng-content>
|
|
16217
16425
|
</div>
|
|
@@ -16260,6 +16468,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
|
|
|
16260
16468
|
size: 32,
|
|
16261
16469
|
senderName: getSenderName(message),
|
|
16262
16470
|
senderAvatar: getSenderAvatar(message),
|
|
16471
|
+
senderIcon: getSenderAvatarIcon(message),
|
|
16263
16472
|
}
|
|
16264
16473
|
"
|
|
16265
16474
|
></ng-container>
|
|
@@ -16267,6 +16476,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
|
|
|
16267
16476
|
<ax-avatar [size]="32" [color]="'primary'">
|
|
16268
16477
|
@if (getSenderAvatar(message)) {
|
|
16269
16478
|
<ax-image [src]="getSenderAvatar(message)!" [alt]="getSenderName(message)"></ax-image>
|
|
16479
|
+
} @else if (getSenderAvatarIcon(message)) {
|
|
16480
|
+
<ax-icon
|
|
16481
|
+
><i
|
|
16482
|
+
[class]="'message-avatar-icon ' + getSenderAvatarIcon(message)!"
|
|
16483
|
+
aria-hidden="true"
|
|
16484
|
+
></i
|
|
16485
|
+
></ax-icon>
|
|
16270
16486
|
} @else {
|
|
16271
16487
|
<ax-label>{{ getInitials(getSenderName(message)) }}</ax-label>
|
|
16272
16488
|
}
|
|
@@ -16460,7 +16676,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
|
|
|
16460
16676
|
</ax-popover>
|
|
16461
16677
|
}
|
|
16462
16678
|
}
|
|
16463
|
-
`, styles: [":host{display:block;height:100%;position:relative}.message-list{height:100%}.list-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:3rem 2rem;gap:1.25rem;animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-icon{font-size:5.5rem;line-height:1;opacity:.35;margin-bottom:.5rem;filter:grayscale(.2)}.empty-title{font-size:1.625rem;font-weight:600;margin:0;color:rgb(var(--ax-sys-color-on-surface));letter-spacing:-.02em}.empty-description{font-size:1.0625rem;margin:0;color:rgb(var(--ax-sys-color-on-surface));opacity:.65;max-width:420px;line-height:1.7}.spinner{width:32px;height:32px;border:3px solid rgb(var(--ax-sys-color-border-light-surface));border-top-color:rgb(var(--ax-sys-color-primary-500));border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.list-loading-more{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;text-align:center;color:rgb(var(--ax-sys-color-on-surface));opacity:.7}.messages-container{width:100%;height:100%;overflow-y:auto;overflow-x:hidden}.date-separator{position:sticky;z-index:150;top:0;display:flex;align-items:center;justify-content:center;padding:.5rem 0}.date-text{padding:.25rem .75rem;background:rgb(var(--ax-sys-color-lighter-surface));font-size:.75rem;font-weight:500;border-radius:1rem;width:7rem;display:flex;justify-content:center;align-items:center}.unread-separator{display:flex;align-items:center;gap:.75rem;margin:1.5rem 0;padding:0 1rem}.unread-separator-line{flex:1;height:1px;background:rgb(var(--ax-sys-color-primary-500));opacity:.3}.unread-separator-text{font-size:.75rem;font-weight:600;color:rgb(var(--ax-sys-color-primary-500));text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.message-item{position:relative;display:flex;padding:.5rem 1rem;gap:.5rem;line-height:1rem;align-items:end;transition:background-color .3s ease}.message-highlight{background-color:rgba(var(--ax-sys-color-primary-500),.1);border-radius:.5rem}.fade-slide-in{animation:fadeSlideIn var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}@keyframes fadeSlideIn{0%{opacity:0;// transform: translateX(20%)}to{opacity:1;// transform: translateX(0)}}.message-own{flex-direction:row-reverse}.message-avatar{flex-shrink:0}.message-content-row{display:flex;flex-direction:row;align-items:flex-end;max-width:70%;min-width:0;flex:0 1 auto;position:relative;column-gap:.25rem}.message-content-row-own{justify-content:flex-end}.message-item:not(.message-own) .message-content-row{justify-content:flex-start}.message-bubble-container{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;max-width:100%;position:relative}.message-own .message-bubble-container{align-items:flex-end}.message-sender{font-size:.75rem;font-weight:600;margin-bottom:.1rem}.message-bubble{position:relative;display:flex;flex-direction:column;padding:.5rem .5rem .1rem;border-radius:1rem;background:rgb(var(--ax-sys-color-lightest-surface));word-wrap:break-word;transition:background-color .3s ease}.reply-preview{padding:.375rem .5rem;margin-bottom:.1rem;background:rgba(var(--ax-sys-color-primary-500),.08);border-radius:var(--ax-sys-border-radius);border-inline-start:3px solid rgb(var(--ax-sys-color-primary-500));cursor:pointer;transition:background-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function),border-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}.reply-preview:hover{background:rgba(var(--ax-sys-color-primary-500),.14);border-inline-start-color:rgb(var(--ax-sys-color-primary-600))}.message-own .reply-preview{background:rgba(var(--ax-sys-color-on-primary-surface),.14);border-inline-start:3px solid rgba(var(--ax-sys-color-on-primary-surface),.55)}.message-own .reply-preview:hover{background:rgba(var(--ax-sys-color-on-primary-surface),.22);border-inline-start-color:rgba(var(--ax-sys-color-on-primary-surface),.75)}.reply-preview-line{width:3px;background:currentColor;opacity:.5;border-radius:1.5px;flex-shrink:0}.reply-preview-content{flex:1;min-width:0}.reply-preview-sender{font-size:.75rem;font-weight:600;margin-bottom:.125rem;color:rgb(var(--ax-sys-color-primary-600))}.reply-preview-text{font-size:.8125rem;color:rgb(var(--ax-sys-color-on-surface));opacity:.72;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-own .reply-preview-sender{color:rgb(var(--ax-sys-color-on-primary-surface));opacity:.95}.message-own .reply-preview-text{color:rgb(var(--ax-sys-color-on-primary-surface));opacity:.78}.forwarded-preview{display:flex;align-items:center;gap:.375rem;padding:.375rem .5rem;margin-bottom:.1rem;background:rgba(var(--ax-sys-color-primary-500),.08);border-radius:var(--ax-sys-border-radius);border-inline-start:3px solid rgb(var(--ax-sys-color-primary-500));transition:background-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function),border-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}.forwarded-preview:hover{background:rgba(var(--ax-sys-color-primary-500),.14);border-inline-start-color:rgb(var(--ax-sys-color-primary-600))}.message-own .forwarded-preview{background:rgba(var(--ax-sys-color-on-primary-surface),.14);border-inline-start:3px solid rgba(var(--ax-sys-color-on-primary-surface),.55)}.message-own .forwarded-preview:hover{background:rgba(var(--ax-sys-color-on-primary-surface),.22);border-inline-start-color:rgba(var(--ax-sys-color-on-primary-surface),.75)}.forwarded-preview i{font-size:.8125rem;flex-shrink:0;color:rgb(var(--ax-sys-color-primary-600))}.forwarded-text{font-size:.8125rem;color:rgb(var(--ax-sys-color-on-surface));opacity:.72;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.message-own .forwarded-preview i{color:rgb(var(--ax-sys-color-on-primary-surface));opacity:.95}.message-own .forwarded-text{color:rgb(var(--ax-sys-color-on-primary-surface));opacity:.78}.message-bubble-received{border-bottom-left-radius:.125rem}.message-bubble-received:before{content:\"\";display:block;background:rgb(var(--ax-sys-color-lightest-surface));width:.8rem;height:.8rem;position:absolute;bottom:0;left:-.7rem;border-top-left-radius:86%;corner-shape:scoop}.message-bubble-sent{border-bottom-right-radius:.125rem}.message-bubble-sent:after{content:\"\";display:block;background:rgb(var(--ax-sys-color-primary-surface));width:.8rem;height:.8rem;position:absolute;bottom:0;right:-.7rem;border-top-right-radius:86%;corner-shape:scoop}.message-own .message-bubble{background:rgb(var(--ax-sys-color-primary-surface));color:rgb(var(--ax-sys-color-on-primary-surface))}.message-content{font-size:.9375rem;line-height:1.5;white-space:pre-wrap}.message-footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;padding-inline-start:.25rem;margin-top:.1rem;gap:.25rem;font-size:.6875rem;opacity:.7;letter-spacing:.05rem;-webkit-user-select:none;user-select:none}.message-footer-count{display:inline-flex;align-items:center;gap:.2rem;font-variant-numeric:tabular-nums;font-size:.675rem}.message-footer-count i{font-size:.625rem;opacity:.9}.message-footer-count-value{font-weight:600}.message-footer-split{flex-shrink:0;align-self:center;width:1px;height:.65rem;background:rgb(var(--ax-sys-color-border-light-surface));opacity:.9;margin-inline:.2rem}.message-time{font-variant-numeric:tabular-nums;font-size:.675rem}.edited-indicator{display:inline-flex;align-items:center;gap:.25rem;font-size:.675rem;opacity:.75;padding-inline-start:.35rem;border-inline-start:1px solid rgb(var(--ax-sys-color-border-light-surface))}.status-icon{display:inline-flex;align-items:center}.status-icon i{font-size:.75rem}.status-read{color:rgb(var(--ax-sys-color-primary-200))}.status-failed{color:rgb(var(--ax-sys-color-danger-200))}.message-reactions-bubbles{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem}.reaction-bubble{display:inline-flex;align-items:center;justify-content:center;gap:.15rem;min-height:1.375rem;padding:.1rem .35rem;margin:0;background:rgba(var(--ax-sys-color-on-surface),.06);color:rgb(var(--ax-sys-color-on-surface));border:1px solid rgba(var(--ax-sys-color-on-surface),.1);border-radius:.75rem;box-shadow:none;cursor:pointer;transition:background-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function),border-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function);font-family:\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\",\"Apple Color Emoji\",Twemoji Mozilla,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.reaction-bubble:hover{background:rgba(var(--ax-sys-color-on-surface),.1);border-color:rgba(var(--ax-sys-color-on-surface),.18)}.reaction-bubble-active{background:rgba(var(--ax-sys-color-primary-500),.12);border-color:rgba(var(--ax-sys-color-primary-500),.45)}.reaction-bubble-active:hover{background:rgba(var(--ax-sys-color-primary-500),.18);border-color:rgba(var(--ax-sys-color-primary-500),.55)}.reaction-emoji{font-size:.8125rem;line-height:1;display:inline-block}.reaction-count{font-size:.6875rem;font-weight:500;font-variant-numeric:tabular-nums;color:rgb(var(--ax-sys-color-on-surface));opacity:.65;line-height:1}.reaction-bubble-active .reaction-count{color:rgb(var(--ax-sys-color-primary-600));opacity:.95;font-weight:600}.message-own .reaction-bubble{background:rgba(var(--ax-sys-color-on-primary-surface),.12);border-color:rgba(var(--ax-sys-color-on-primary-surface),.2);color:rgb(var(--ax-sys-color-on-primary-surface))}.message-own .reaction-bubble:hover{background:rgba(var(--ax-sys-color-on-primary-surface),.2);border-color:rgba(var(--ax-sys-color-on-primary-surface),.35)}.message-own .reaction-bubble-active{background:rgba(var(--ax-sys-color-on-primary-surface),.28);border-color:rgba(var(--ax-sys-color-on-primary-surface),.5)}.message-own .reaction-bubble-active:hover{background:rgba(var(--ax-sys-color-on-primary-surface),.34);border-color:rgba(var(--ax-sys-color-on-primary-surface),.6)}.message-own .reaction-count{color:rgb(var(--ax-sys-color-on-primary-surface));opacity:.8}.message-own .reaction-bubble-active .reaction-count{color:rgb(var(--ax-sys-color-on-primary-surface));opacity:1}.message-reactions-container{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.2rem;margin-top:.25rem;justify-content:flex-start}.message-own .message-reactions-container{justify-content:flex-end}.add-reaction-button.add-reaction-outside{display:none;position:absolute;top:50%;inset-inline-end:-2.25rem;transform:translateY(-50%);align-items:center;justify-content:center;box-sizing:border-box;width:1.8rem;height:1.8rem;padding:0;margin:0;border-radius:50%;cursor:pointer;background:rgb(var(--ax-sys-color-surface));border:1px solid rgb(var(--ax-sys-color-border-light-surface));box-shadow:0 1px 2px #0000000f}.add-reaction-button{padding-inline-start:.05rem}.message-content-row-own .add-reaction-button.add-reaction-outside{inset-inline-start:-2.25rem;inset-inline-end:auto}.message-item:hover .add-reaction-button.add-reaction-outside,.add-reaction-button.add-reaction-outside.add-reaction-visible{display:inline-flex}.add-reaction-button.add-reaction-outside:hover,.add-reaction-button.add-reaction-outside.add-reaction-visible{border-color:rgb(var(--ax-sys-color-primary-500))}.add-reaction-button.add-reaction-outside i{font-size:.9rem;color:rgb(var(--ax-sys-color-on-surface));opacity:.8}.reaction-picker-popup{position:fixed;background:rgb(var(--ax-sys-color-lightest-surface));border:1px solid rgb(var(--ax-sys-color-border-light-surface));border-radius:.65rem;z-index:100;min-width:auto;width:max-content;max-width:min(260px,92vw);box-shadow:0 4px 16px #0000001a;transform:translateY(-100%);margin-top:-.35rem;overflow:hidden}.reaction-picker-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.45rem .5rem .45rem .7rem;border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface));min-height:0}.picker-title{font-size:.8125rem;font-weight:600;letter-spacing:.02em;color:rgb(var(--ax-sys-color-on-surface));opacity:.85}.picker-close{display:flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;padding:0;background:transparent;border:none;border-radius:.25rem;cursor:pointer;font-size:.95rem;color:rgb(var(--ax-sys-color-on-surface) / .55);transition:all var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}.picker-close:hover{background:rgb(var(--ax-sys-color-danger-500) / .1);color:rgb(var(--ax-sys-color-danger-500))}.reaction-bubble:focus-visible,.add-reaction-button:focus-visible,.picker-close:focus-visible,.reaction-picker-emoji:focus-visible,.action-trigger:focus-visible,.scroll-to-bottom:focus-visible{outline:2px solid rgb(var(--ax-sys-color-primary-500));outline-offset:2px}.reaction-picker-emojis{display:grid;grid-template-columns:repeat(6,1fr);gap:.2rem;padding:.45rem .5rem .5rem}.reaction-picker-emoji{width:2rem;height:2rem;padding:0;background:transparent;border:1px solid transparent;border-radius:.45rem;font-size:1.15rem;line-height:1;cursor:pointer;transition:all var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function);font-family:\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\",\"Apple Color Emoji\",Twemoji Mozilla,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.reaction-picker-emoji:hover{// transform: scale(1.15);background:rgb(var(--ax-sys-color-lighter-surface))}.reaction-picker-emoji-active{background:rgb(var(--ax-sys-color-surface))}.reaction-picker-emoji-active:hover{background:rgb(var(--ax-sys-color-primary-500) / .25)}.message-actions{padding-bottom:1.5rem;opacity:0;transition:opacity var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function);z-index:10}.message-item:hover .message-actions{opacity:1}.action-trigger{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:rgb(var(--ax-sys-color-surface));border:1px solid rgb(var(--ax-sys-color-border-light-surface));border-radius:var(--ax-sys-border-radius);font-size:.875rem;cursor:pointer;transition:all var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}.action-trigger:hover{background:rgb(var(--ax-sys-color-light-surface));// transform: scale(1.05)}.shortcut{font-size:.6875rem;opacity:.7}.scroll-to-bottom{position:absolute;bottom:1rem;right:1rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgb(var(--ax-sys-color-primary-500));color:rgb(var(--ax-sys-color-on-primary-surface));border:none;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:transform var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function);z-index:999}.scroll-to-bottom:hover{// transform: scale(1.1)}.slide-in{animation:slideInFromBottom var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.slide-out{opacity:0;transform:translateY(100%);transition:opacity var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function),transform var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}\n"] }]
|
|
16679
|
+
`, styles: [":host{display:block;height:100%;position:relative}.message-list{height:100%}.list-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:3rem 2rem;gap:1.25rem;animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-icon{font-size:5.5rem;line-height:1;opacity:.35;margin-bottom:.5rem;filter:grayscale(.2)}.empty-title{font-size:1.625rem;font-weight:600;margin:0;color:rgb(var(--ax-sys-color-on-surface));letter-spacing:-.02em}.empty-description{font-size:1.0625rem;margin:0;color:rgb(var(--ax-sys-color-on-surface));opacity:.65;max-width:420px;line-height:1.7}.spinner{width:32px;height:32px;border:3px solid rgb(var(--ax-sys-color-border-light-surface));border-top-color:rgb(var(--ax-sys-color-primary-500));border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.list-loading-more{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;text-align:center;color:rgb(var(--ax-sys-color-on-surface));opacity:.7}.messages-container{width:100%;height:100%;overflow-y:auto;overflow-x:hidden}.date-separator{position:sticky;z-index:150;top:0;display:flex;align-items:center;justify-content:center;padding:.5rem 0}.date-text{padding:.25rem .75rem;background:rgb(var(--ax-sys-color-lighter-surface));font-size:.75rem;font-weight:500;border-radius:1rem;width:7rem;display:flex;justify-content:center;align-items:center}.unread-separator{display:flex;align-items:center;gap:.75rem;margin:1.5rem 0;padding:0 1rem}.unread-separator-line{flex:1;height:1px;background:rgb(var(--ax-sys-color-primary-500));opacity:.3}.unread-separator-text{font-size:.75rem;font-weight:600;color:rgb(var(--ax-sys-color-primary-500));text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.message-item{position:relative;display:flex;padding:.5rem 1rem;gap:.5rem;line-height:1rem;align-items:end;transition:background-color .3s ease}.message-highlight{background-color:rgba(var(--ax-sys-color-primary-500),.1);border-radius:.5rem}.fade-slide-in{animation:fadeSlideIn var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}@keyframes fadeSlideIn{0%{opacity:0;// transform: translateX(20%)}to{opacity:1;// transform: translateX(0)}}.message-own{flex-direction:row-reverse}.message-avatar{flex-shrink:0}.message-avatar-icon{font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.message-content-row{display:flex;flex-direction:row;align-items:flex-end;max-width:70%;min-width:0;flex:0 1 auto;position:relative;column-gap:.25rem}.message-content-row-own{justify-content:flex-end}.message-item:not(.message-own) .message-content-row{justify-content:flex-start}.message-bubble-container{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;max-width:100%;position:relative}.message-own .message-bubble-container{align-items:flex-end}.message-sender{font-size:.75rem;font-weight:600;margin-bottom:.1rem}.message-bubble{position:relative;display:flex;flex-direction:column;padding:.5rem .5rem .1rem;border-radius:1rem;background:rgb(var(--ax-sys-color-lightest-surface));word-wrap:break-word;transition:background-color .3s ease}.reply-preview{padding:.375rem .5rem;margin-bottom:.1rem;background:rgba(var(--ax-sys-color-primary-500),.08);border-radius:var(--ax-sys-border-radius);border-inline-start:3px solid rgb(var(--ax-sys-color-primary-500));cursor:pointer;transition:background-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function),border-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}.reply-preview:hover{background:rgba(var(--ax-sys-color-primary-500),.14);border-inline-start-color:rgb(var(--ax-sys-color-primary-600))}.message-own .reply-preview{background:rgba(var(--ax-sys-color-on-primary-surface),.14);border-inline-start:3px solid rgba(var(--ax-sys-color-on-primary-surface),.55)}.message-own .reply-preview:hover{background:rgba(var(--ax-sys-color-on-primary-surface),.22);border-inline-start-color:rgba(var(--ax-sys-color-on-primary-surface),.75)}.reply-preview-line{width:3px;background:currentColor;opacity:.5;border-radius:1.5px;flex-shrink:0}.reply-preview-content{flex:1;min-width:0}.reply-preview-sender{font-size:.75rem;font-weight:600;margin-bottom:.125rem;color:rgb(var(--ax-sys-color-primary-600))}.reply-preview-text{font-size:.8125rem;color:rgb(var(--ax-sys-color-on-surface));opacity:.72;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-own .reply-preview-sender{color:rgb(var(--ax-sys-color-on-primary-surface));opacity:.95}.message-own .reply-preview-text{color:rgb(var(--ax-sys-color-on-primary-surface));opacity:.78}.forwarded-preview{display:flex;align-items:center;gap:.375rem;padding:.375rem .5rem;margin-bottom:.1rem;background:rgba(var(--ax-sys-color-primary-500),.08);border-radius:var(--ax-sys-border-radius);border-inline-start:3px solid rgb(var(--ax-sys-color-primary-500));transition:background-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function),border-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}.forwarded-preview:hover{background:rgba(var(--ax-sys-color-primary-500),.14);border-inline-start-color:rgb(var(--ax-sys-color-primary-600))}.message-own .forwarded-preview{background:rgba(var(--ax-sys-color-on-primary-surface),.14);border-inline-start:3px solid rgba(var(--ax-sys-color-on-primary-surface),.55)}.message-own .forwarded-preview:hover{background:rgba(var(--ax-sys-color-on-primary-surface),.22);border-inline-start-color:rgba(var(--ax-sys-color-on-primary-surface),.75)}.forwarded-preview i{font-size:.8125rem;flex-shrink:0;color:rgb(var(--ax-sys-color-primary-600))}.forwarded-text{font-size:.8125rem;color:rgb(var(--ax-sys-color-on-surface));opacity:.72;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.message-own .forwarded-preview i{color:rgb(var(--ax-sys-color-on-primary-surface));opacity:.95}.message-own .forwarded-text{color:rgb(var(--ax-sys-color-on-primary-surface));opacity:.78}.message-bubble-received{border-bottom-left-radius:.125rem}.message-bubble-received:before{content:\"\";display:block;background:rgb(var(--ax-sys-color-lightest-surface));width:.8rem;height:.8rem;position:absolute;bottom:0;left:-.7rem;border-top-left-radius:86%;corner-shape:scoop}.message-bubble-sent{border-bottom-right-radius:.125rem}.message-bubble-sent:after{content:\"\";display:block;background:rgb(var(--ax-sys-color-primary-surface));width:.8rem;height:.8rem;position:absolute;bottom:0;right:-.7rem;border-top-right-radius:86%;corner-shape:scoop}.message-own .message-bubble{background:rgb(var(--ax-sys-color-primary-surface));color:rgb(var(--ax-sys-color-on-primary-surface))}.message-content{font-size:.9375rem;line-height:1.5;white-space:pre-wrap}.message-footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;padding-inline-start:.25rem;margin-top:.1rem;gap:.25rem;font-size:.6875rem;opacity:.7;letter-spacing:.05rem;-webkit-user-select:none;user-select:none}.message-footer-count{display:inline-flex;align-items:center;gap:.2rem;font-variant-numeric:tabular-nums;font-size:.675rem}.message-footer-count i{font-size:.625rem;opacity:.9}.message-footer-count-value{font-weight:600}.message-footer-split{flex-shrink:0;align-self:center;width:1px;height:.65rem;background:rgb(var(--ax-sys-color-border-light-surface));opacity:.9;margin-inline:.2rem}.message-time{font-variant-numeric:tabular-nums;font-size:.675rem}.edited-indicator{display:inline-flex;align-items:center;gap:.25rem;font-size:.675rem;opacity:.75;padding-inline-start:.35rem;border-inline-start:1px solid rgb(var(--ax-sys-color-border-light-surface))}.status-icon{display:inline-flex;align-items:center}.status-icon i{font-size:.75rem}.status-read{color:rgb(var(--ax-sys-color-primary-200))}.status-failed{color:rgb(var(--ax-sys-color-danger-200))}.message-reactions-bubbles{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem}.reaction-bubble{display:inline-flex;align-items:center;justify-content:center;gap:.15rem;min-height:1.375rem;padding:.1rem .35rem;margin:0;background:rgba(var(--ax-sys-color-on-surface),.06);color:rgb(var(--ax-sys-color-on-surface));border:1px solid rgba(var(--ax-sys-color-on-surface),.1);border-radius:.75rem;box-shadow:none;cursor:pointer;transition:background-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function),border-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function);font-family:\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\",\"Apple Color Emoji\",Twemoji Mozilla,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.reaction-bubble:hover{background:rgba(var(--ax-sys-color-on-surface),.1);border-color:rgba(var(--ax-sys-color-on-surface),.18)}.reaction-bubble-active{background:rgba(var(--ax-sys-color-primary-500),.12);border-color:rgba(var(--ax-sys-color-primary-500),.45)}.reaction-bubble-active:hover{background:rgba(var(--ax-sys-color-primary-500),.18);border-color:rgba(var(--ax-sys-color-primary-500),.55)}.reaction-emoji{font-size:.8125rem;line-height:1;display:inline-block}.reaction-count{font-size:.6875rem;font-weight:500;font-variant-numeric:tabular-nums;color:rgb(var(--ax-sys-color-on-surface));opacity:.65;line-height:1}.reaction-bubble-active .reaction-count{color:rgb(var(--ax-sys-color-primary-600));opacity:.95;font-weight:600}.message-own .reaction-bubble{background:rgba(var(--ax-sys-color-on-primary-surface),.12);border-color:rgba(var(--ax-sys-color-on-primary-surface),.2);color:rgb(var(--ax-sys-color-on-primary-surface))}.message-own .reaction-bubble:hover{background:rgba(var(--ax-sys-color-on-primary-surface),.2);border-color:rgba(var(--ax-sys-color-on-primary-surface),.35)}.message-own .reaction-bubble-active{background:rgba(var(--ax-sys-color-on-primary-surface),.28);border-color:rgba(var(--ax-sys-color-on-primary-surface),.5)}.message-own .reaction-bubble-active:hover{background:rgba(var(--ax-sys-color-on-primary-surface),.34);border-color:rgba(var(--ax-sys-color-on-primary-surface),.6)}.message-own .reaction-count{color:rgb(var(--ax-sys-color-on-primary-surface));opacity:.8}.message-own .reaction-bubble-active .reaction-count{color:rgb(var(--ax-sys-color-on-primary-surface));opacity:1}.message-reactions-container{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.2rem;margin-top:.25rem;justify-content:flex-start}.message-own .message-reactions-container{justify-content:flex-end}.add-reaction-button.add-reaction-outside{display:none;position:absolute;top:50%;inset-inline-end:-2.25rem;transform:translateY(-50%);align-items:center;justify-content:center;box-sizing:border-box;width:1.8rem;height:1.8rem;padding:0;margin:0;border-radius:50%;cursor:pointer;background:rgb(var(--ax-sys-color-surface));border:1px solid rgb(var(--ax-sys-color-border-light-surface));box-shadow:0 1px 2px #0000000f}.add-reaction-button{padding-inline-start:.05rem}.message-content-row-own .add-reaction-button.add-reaction-outside{inset-inline-start:-2.25rem;inset-inline-end:auto}.message-item:hover .add-reaction-button.add-reaction-outside,.add-reaction-button.add-reaction-outside.add-reaction-visible{display:inline-flex}.add-reaction-button.add-reaction-outside:hover,.add-reaction-button.add-reaction-outside.add-reaction-visible{border-color:rgb(var(--ax-sys-color-primary-500))}.add-reaction-button.add-reaction-outside i{font-size:.9rem;color:rgb(var(--ax-sys-color-on-surface));opacity:.8}.reaction-picker-popup{position:fixed;background:rgb(var(--ax-sys-color-lightest-surface));border:1px solid rgb(var(--ax-sys-color-border-light-surface));border-radius:.65rem;z-index:100;min-width:auto;width:max-content;max-width:min(260px,92vw);box-shadow:0 4px 16px #0000001a;transform:translateY(-100%);margin-top:-.35rem;overflow:hidden}.reaction-picker-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.45rem .5rem .45rem .7rem;border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface));min-height:0}.picker-title{font-size:.8125rem;font-weight:600;letter-spacing:.02em;color:rgb(var(--ax-sys-color-on-surface));opacity:.85}.picker-close{display:flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;padding:0;background:transparent;border:none;border-radius:.25rem;cursor:pointer;font-size:.95rem;color:rgba(var(--ax-sys-color-on-surface),.55);transition:all var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}.picker-close:hover{background:rgba(var(--ax-sys-color-danger-500),.1);color:rgb(var(--ax-sys-color-danger-500))}.reaction-bubble:focus-visible,.add-reaction-button:focus-visible,.picker-close:focus-visible,.reaction-picker-emoji:focus-visible,.action-trigger:focus-visible,.scroll-to-bottom:focus-visible{outline:2px solid rgb(var(--ax-sys-color-primary-500));outline-offset:2px}.reaction-picker-emojis{display:grid;grid-template-columns:repeat(6,1fr);gap:.2rem;padding:.45rem .5rem .5rem}.reaction-picker-emoji{width:2rem;height:2rem;padding:0;background:transparent;border:1px solid transparent;border-radius:.45rem;font-size:1.15rem;line-height:1;cursor:pointer;transition:all var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function);font-family:\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\",\"Apple Color Emoji\",Twemoji Mozilla,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.reaction-picker-emoji:hover{// transform: scale(1.15);background:rgb(var(--ax-sys-color-lighter-surface))}.reaction-picker-emoji-active{background:rgb(var(--ax-sys-color-surface))}.reaction-picker-emoji-active:hover{background:rgba(var(--ax-sys-color-primary-500),.25)}.message-actions{padding-bottom:1.5rem;opacity:0;transition:opacity var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function);z-index:10}.message-item:hover .message-actions{opacity:1}.action-trigger{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:rgb(var(--ax-sys-color-surface));border:1px solid rgb(var(--ax-sys-color-border-light-surface));border-radius:var(--ax-sys-border-radius);font-size:.875rem;cursor:pointer;transition:all var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}.action-trigger:hover{background:rgb(var(--ax-sys-color-light-surface));// transform: scale(1.05)}.shortcut{font-size:.6875rem;opacity:.7}.scroll-to-bottom{position:absolute;bottom:1rem;right:1rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgb(var(--ax-sys-color-primary-500));color:rgb(var(--ax-sys-color-on-primary-surface));border:none;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:transform var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function);z-index:999}.scroll-to-bottom:hover{// transform: scale(1.1)}.slide-in{animation:slideInFromBottom var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.slide-out{opacity:0;transform:translateY(100%);transition:opacity var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function),transform var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}\n"] }]
|
|
16464
16680
|
}], ctorParameters: () => [] });
|
|
16465
16681
|
|
|
16466
16682
|
/**
|
|
@@ -16579,14 +16795,21 @@ class AXConversationItemComponent {
|
|
|
16579
16795
|
<div class="avatar-wrapper">
|
|
16580
16796
|
@if (avatarTemplate()) {
|
|
16581
16797
|
<ng-container
|
|
16582
|
-
*ngTemplateOutlet="
|
|
16798
|
+
*ngTemplateOutlet="
|
|
16799
|
+
avatarTemplate();
|
|
16800
|
+
context: { $implicit: conversation(), size: 48, icon: liveConversation().icon }
|
|
16801
|
+
"
|
|
16583
16802
|
></ng-container>
|
|
16584
16803
|
} @else {
|
|
16585
16804
|
<ax-avatar [size]="48">
|
|
16586
|
-
@if (
|
|
16587
|
-
<ax-image [src]="
|
|
16805
|
+
@if (liveConversation().avatar) {
|
|
16806
|
+
<ax-image [src]="liveConversation().avatar!" alt="{{ liveConversation().title }}"></ax-image>
|
|
16807
|
+
} @else if (liveConversation().icon) {
|
|
16808
|
+
<ax-icon
|
|
16809
|
+
><i [class]="'conversation-item-avatar-icon ' + liveConversation().icon!" aria-hidden="true"></i
|
|
16810
|
+
></ax-icon>
|
|
16588
16811
|
} @else {
|
|
16589
|
-
<ax-label>{{ getInitials(
|
|
16812
|
+
<ax-label>{{ getInitials(liveConversation().title) }}</ax-label>
|
|
16590
16813
|
}
|
|
16591
16814
|
</ax-avatar>
|
|
16592
16815
|
}
|
|
@@ -16672,12 +16895,13 @@ class AXConversationItemComponent {
|
|
|
16672
16895
|
(onItemClick)="handleContextMenuItemClick($event)"
|
|
16673
16896
|
>
|
|
16674
16897
|
</ax-context-menu>
|
|
16675
|
-
`, isInline: true, styles: [":host{display:block}.conversation-item{display:flex;align-items:center;gap:.75rem;padding:.375rem .75rem;margin:.375rem;border-radius:.5rem;cursor:pointer;transition:background .2s}.conversation-item:focus-visible,.conversation-item:hover{background:rgb(var(--ax-sys-color-light-surface));outline:none}.conversation-item-active{background:rgb(var(--ax-sys-color-primary-lightest-surface));color:rgb(var(--ax-sys-color-on-primary-lightest-surface))}.conversation-item-active:hover{background:rgb(var(--ax-sys-color-primary-lighter-surface))}.item-avatar{flex-shrink:0}.avatar-wrapper{position:relative}.avatar-status{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%}.avatar-status.status-online{border:2px solid rgb(var(--ax-sys-color-surface));background-color:rgb(var(--ax-sys-color-success-500))}// .avatar-status.status-offline{// border: 2px solid rgb(var(--ax-sys-color-surface));// background: rgb(var(--ax-sys-color-neutral));//}.avatar-status.status-away{border:2px solid rgb(var(--ax-sys-color-surface));background-color:rgb(var(--ax-sys-color-warning-500))}.item-content{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0;line-height:1.1rem}.item-header{display:flex;align-items:center;justify-content:space-between;gap:.25rem}.item-title{display:flex;align-items:center;// gap: .25rem;font-weight:600;font-size:.875rem;flex:1;min-width:0}.item-title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.item-time{font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.75rem;opacity:.7}.item-description{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;opacity:.7;min-width:0}.typing-indicator{color:rgb(var(--ax-sys-color-primary-500));font-style:italic;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.last-message{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-message{// font-weight: 600}.item-badge{flex-shrink:0}.mute-icon{font-size:.75rem;margin-left:.375rem;opacity:.6;color:rgb(var(--ax-sys-color-warning-500))}.block-icon{font-size:.75rem;margin-left:.375rem;opacity:.6;color:rgb(var(--ax-sys-color-danger-500))}.pin-icon{font-size:.75rem;margin-left:.375rem;opacity:.6;color:rgb(var(--ax-sys-color-primary-500));flex-shrink:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AXAvatarComponent, selector: "ax-avatar", inputs: ["color", "size", "shape", "look"], outputs: ["sizeChange"] }, { kind: "component", type: AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "component", type: AXImageComponent, selector: "ax-image", inputs: ["width", "height", "overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "component", type: AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "component", type: AXContextMenuComponent, selector: "ax-context-menu", inputs: ["orientation", "openOn", "closeOn", "items", "target"], outputs: ["onItemClick", "onOpening"] }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXDateTimeModule }, { kind: "pipe", type: i1$5.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXFormatPipe, name: "format" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
16898
|
+
`, isInline: true, styles: [":host{display:block}.conversation-item{display:flex;align-items:center;gap:.75rem;padding:.375rem .75rem;margin:.375rem;border-radius:.5rem;cursor:pointer;transition:background .2s}.conversation-item:focus-visible,.conversation-item:hover{background:rgb(var(--ax-sys-color-light-surface));outline:none}.conversation-item-active{background:rgb(var(--ax-sys-color-primary-lightest-surface));color:rgb(var(--ax-sys-color-on-primary-lightest-surface))}.conversation-item-active:hover{background:rgb(var(--ax-sys-color-primary-lighter-surface))}.item-avatar{flex-shrink:0}.avatar-wrapper{position:relative}.conversation-item-avatar-icon{font-size:1.35rem;line-height:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.avatar-status{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%}.avatar-status.status-online{border:2px solid rgb(var(--ax-sys-color-surface));background-color:rgb(var(--ax-sys-color-success-500))}// .avatar-status.status-offline{// border: 2px solid rgb(var(--ax-sys-color-surface));// background: rgb(var(--ax-sys-color-neutral));//}.avatar-status.status-away{border:2px solid rgb(var(--ax-sys-color-surface));background-color:rgb(var(--ax-sys-color-warning-500))}.item-content{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0;line-height:1.1rem}.item-header{display:flex;align-items:center;justify-content:space-between;gap:.25rem}.item-title{display:flex;align-items:center;// gap: .25rem;font-weight:600;font-size:.875rem;flex:1;min-width:0}.item-title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.item-time{font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.75rem;opacity:.7}.item-description{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;opacity:.7;min-width:0}.typing-indicator{color:rgb(var(--ax-sys-color-primary-500));font-style:italic;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.last-message{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-message{// font-weight: 600}.item-badge{flex-shrink:0}.mute-icon{font-size:.75rem;margin-left:.375rem;opacity:.6;color:rgb(var(--ax-sys-color-warning-500))}.block-icon{font-size:.75rem;margin-left:.375rem;opacity:.6;color:rgb(var(--ax-sys-color-danger-500))}.pin-icon{font-size:.75rem;margin-left:.375rem;opacity:.6;color:rgb(var(--ax-sys-color-primary-500));flex-shrink:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXAvatarComponent, selector: "ax-avatar", inputs: ["color", "size", "shape", "look"], outputs: ["sizeChange"] }, { kind: "component", type: AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "component", type: AXImageComponent, selector: "ax-image", inputs: ["width", "height", "overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "component", type: AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "component", type: AXContextMenuComponent, selector: "ax-context-menu", inputs: ["orientation", "openOn", "closeOn", "items", "target"], outputs: ["onItemClick", "onOpening"] }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXDateTimeModule }, { kind: "pipe", type: i1$5.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXFormatPipe, name: "format" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
16676
16899
|
}
|
|
16677
16900
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXConversationItemComponent, decorators: [{
|
|
16678
16901
|
type: Component,
|
|
16679
16902
|
args: [{ selector: 'ax-conversation-item', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
16680
16903
|
CommonModule,
|
|
16904
|
+
AXDecoratorModule,
|
|
16681
16905
|
AXAvatarComponent,
|
|
16682
16906
|
AXBadgeComponent,
|
|
16683
16907
|
AXImageComponent,
|
|
@@ -16701,14 +16925,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
|
|
|
16701
16925
|
<div class="avatar-wrapper">
|
|
16702
16926
|
@if (avatarTemplate()) {
|
|
16703
16927
|
<ng-container
|
|
16704
|
-
*ngTemplateOutlet="
|
|
16928
|
+
*ngTemplateOutlet="
|
|
16929
|
+
avatarTemplate();
|
|
16930
|
+
context: { $implicit: conversation(), size: 48, icon: liveConversation().icon }
|
|
16931
|
+
"
|
|
16705
16932
|
></ng-container>
|
|
16706
16933
|
} @else {
|
|
16707
16934
|
<ax-avatar [size]="48">
|
|
16708
|
-
@if (
|
|
16709
|
-
<ax-image [src]="
|
|
16935
|
+
@if (liveConversation().avatar) {
|
|
16936
|
+
<ax-image [src]="liveConversation().avatar!" alt="{{ liveConversation().title }}"></ax-image>
|
|
16937
|
+
} @else if (liveConversation().icon) {
|
|
16938
|
+
<ax-icon
|
|
16939
|
+
><i [class]="'conversation-item-avatar-icon ' + liveConversation().icon!" aria-hidden="true"></i
|
|
16940
|
+
></ax-icon>
|
|
16710
16941
|
} @else {
|
|
16711
|
-
<ax-label>{{ getInitials(
|
|
16942
|
+
<ax-label>{{ getInitials(liveConversation().title) }}</ax-label>
|
|
16712
16943
|
}
|
|
16713
16944
|
</ax-avatar>
|
|
16714
16945
|
}
|
|
@@ -16794,7 +17025,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
|
|
|
16794
17025
|
(onItemClick)="handleContextMenuItemClick($event)"
|
|
16795
17026
|
>
|
|
16796
17027
|
</ax-context-menu>
|
|
16797
|
-
`, styles: [":host{display:block}.conversation-item{display:flex;align-items:center;gap:.75rem;padding:.375rem .75rem;margin:.375rem;border-radius:.5rem;cursor:pointer;transition:background .2s}.conversation-item:focus-visible,.conversation-item:hover{background:rgb(var(--ax-sys-color-light-surface));outline:none}.conversation-item-active{background:rgb(var(--ax-sys-color-primary-lightest-surface));color:rgb(var(--ax-sys-color-on-primary-lightest-surface))}.conversation-item-active:hover{background:rgb(var(--ax-sys-color-primary-lighter-surface))}.item-avatar{flex-shrink:0}.avatar-wrapper{position:relative}.avatar-status{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%}.avatar-status.status-online{border:2px solid rgb(var(--ax-sys-color-surface));background-color:rgb(var(--ax-sys-color-success-500))}// .avatar-status.status-offline{// border: 2px solid rgb(var(--ax-sys-color-surface));// background: rgb(var(--ax-sys-color-neutral));//}.avatar-status.status-away{border:2px solid rgb(var(--ax-sys-color-surface));background-color:rgb(var(--ax-sys-color-warning-500))}.item-content{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0;line-height:1.1rem}.item-header{display:flex;align-items:center;justify-content:space-between;gap:.25rem}.item-title{display:flex;align-items:center;// gap: .25rem;font-weight:600;font-size:.875rem;flex:1;min-width:0}.item-title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.item-time{font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.75rem;opacity:.7}.item-description{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;opacity:.7;min-width:0}.typing-indicator{color:rgb(var(--ax-sys-color-primary-500));font-style:italic;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.last-message{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-message{// font-weight: 600}.item-badge{flex-shrink:0}.mute-icon{font-size:.75rem;margin-left:.375rem;opacity:.6;color:rgb(var(--ax-sys-color-warning-500))}.block-icon{font-size:.75rem;margin-left:.375rem;opacity:.6;color:rgb(var(--ax-sys-color-danger-500))}.pin-icon{font-size:.75rem;margin-left:.375rem;opacity:.6;color:rgb(var(--ax-sys-color-primary-500));flex-shrink:0}\n"] }]
|
|
17028
|
+
`, styles: [":host{display:block}.conversation-item{display:flex;align-items:center;gap:.75rem;padding:.375rem .75rem;margin:.375rem;border-radius:.5rem;cursor:pointer;transition:background .2s}.conversation-item:focus-visible,.conversation-item:hover{background:rgb(var(--ax-sys-color-light-surface));outline:none}.conversation-item-active{background:rgb(var(--ax-sys-color-primary-lightest-surface));color:rgb(var(--ax-sys-color-on-primary-lightest-surface))}.conversation-item-active:hover{background:rgb(var(--ax-sys-color-primary-lighter-surface))}.item-avatar{flex-shrink:0}.avatar-wrapper{position:relative}.conversation-item-avatar-icon{font-size:1.35rem;line-height:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.avatar-status{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%}.avatar-status.status-online{border:2px solid rgb(var(--ax-sys-color-surface));background-color:rgb(var(--ax-sys-color-success-500))}// .avatar-status.status-offline{// border: 2px solid rgb(var(--ax-sys-color-surface));// background: rgb(var(--ax-sys-color-neutral));//}.avatar-status.status-away{border:2px solid rgb(var(--ax-sys-color-surface));background-color:rgb(var(--ax-sys-color-warning-500))}.item-content{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0;line-height:1.1rem}.item-header{display:flex;align-items:center;justify-content:space-between;gap:.25rem}.item-title{display:flex;align-items:center;// gap: .25rem;font-weight:600;font-size:.875rem;flex:1;min-width:0}.item-title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.item-time{font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.75rem;opacity:.7}.item-description{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;opacity:.7;min-width:0}.typing-indicator{color:rgb(var(--ax-sys-color-primary-500));font-style:italic;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.last-message{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-message{// font-weight: 600}.item-badge{flex-shrink:0}.mute-icon{font-size:.75rem;margin-left:.375rem;opacity:.6;color:rgb(var(--ax-sys-color-warning-500))}.block-icon{font-size:.75rem;margin-left:.375rem;opacity:.6;color:rgb(var(--ax-sys-color-danger-500))}.pin-icon{font-size:.75rem;margin-left:.375rem;opacity:.6;color:rgb(var(--ax-sys-color-primary-500));flex-shrink:0}\n"] }]
|
|
16798
17029
|
}] });
|
|
16799
17030
|
|
|
16800
17031
|
class AXNewConversationDialogComponent extends AXBasePageComponent {
|
|
@@ -16915,7 +17146,11 @@ class AXNewConversationDialogComponent extends AXBasePageComponent {
|
|
|
16915
17146
|
const q = this.searchQuery().toLowerCase().trim();
|
|
16916
17147
|
if (!q)
|
|
16917
17148
|
return this.availableUsers();
|
|
16918
|
-
return this.availableUsers().filter((u) =>
|
|
17149
|
+
return this.availableUsers().filter((u) => {
|
|
17150
|
+
const name = u.name.toLowerCase();
|
|
17151
|
+
const desc = (u.description ?? '').toLowerCase();
|
|
17152
|
+
return name.includes(q) || desc.includes(q);
|
|
17153
|
+
});
|
|
16919
17154
|
}
|
|
16920
17155
|
async onCreateConversation() {
|
|
16921
17156
|
const selectedIds = this.selectedUserIds();
|
|
@@ -16971,7 +17206,7 @@ class AXNewConversationDialogComponent extends AXBasePageComponent {
|
|
|
16971
17206
|
[checkbox]="false"
|
|
16972
17207
|
[valueField]="'id'"
|
|
16973
17208
|
[textField]="'name'"
|
|
16974
|
-
[itemHeight]="
|
|
17209
|
+
[itemHeight]="'auto'"
|
|
16975
17210
|
[ngModel]="selectedUserIds()"
|
|
16976
17211
|
(ngModelChange)="onSelectedUsersChange($event ?? [])"
|
|
16977
17212
|
[emptyTemplate]="usersListEmptyTpl()"
|
|
@@ -17048,20 +17283,25 @@ class AXNewConversationDialogComponent extends AXBasePageComponent {
|
|
|
17048
17283
|
|
|
17049
17284
|
<ng-template #userItemTpl let-item>
|
|
17050
17285
|
@if (userFromItem(item); as user) {
|
|
17051
|
-
<div class="
|
|
17286
|
+
<div class="user-item-content">
|
|
17052
17287
|
<input class="ax-checkbox" type="checkbox" [checked]="isUserSelected(user.id)" tabindex="0" />
|
|
17053
|
-
<ax-avatar [size]="
|
|
17288
|
+
<ax-avatar [size]="54" [color]="'primary'">
|
|
17054
17289
|
@if (user.avatar) {
|
|
17055
17290
|
<ax-image [src]="user.avatar" [alt]="user.name"></ax-image>
|
|
17056
17291
|
} @else {
|
|
17057
17292
|
<ax-label>{{ getInitials(user.name) }}</ax-label>
|
|
17058
17293
|
}
|
|
17059
17294
|
</ax-avatar>
|
|
17060
|
-
<
|
|
17295
|
+
<div class="user-item-text">
|
|
17296
|
+
<span class="ax-truncated user-name-text">{{ user.name }}</span>
|
|
17297
|
+
@if (user.description) {
|
|
17298
|
+
<span class="user-description-text ax-truncated">{{ user.description }}</span>
|
|
17299
|
+
}
|
|
17300
|
+
</div>
|
|
17061
17301
|
</div>
|
|
17062
17302
|
}
|
|
17063
17303
|
</ng-template>
|
|
17064
|
-
`, isInline: true, styles: [":host{display:block}.new-conversation-panel{display:flex;flex-direction:column;width:100%;overflow:hidden}.new-conversation-dialog-content{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:.75rem}.form-field--grow{flex:1;min-height:0;display:flex;flex-direction:column}.group-details-step{flex:1;min-height:0;padding:.5rem .75rem;display:flex;flex-direction:column;gap:.75rem}.form-field{display:flex;flex-direction:column;gap:.35rem}.field-label{font-size:.875rem;font-weight:500;color:var(--ax-text-secondary, #6b7280)}.title-input{height:2.25rem;border-radius:.5rem;border:1px solid rgb(var(--ax-sys-color-border-light-surface));background:rgb(var(--ax-sys-color-lighter-surface));padding:0 .7rem;color:rgb(var(--ax-sys-color-on-surface));font:inherit}.title-input:focus{outline:2px solid rgba(var(--ax-sys-color-primary-500),.25);outline-offset:0}.users-list-wrap{height:min(50vh,36rem);overflow:hidden}.users-list{display:block;height:100%}.users-list-header{display:block;position:sticky;top:0;z-index:1;border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface))}.users-list-header-inner{padding:.5rem .75rem}.user-item-content{display:flex;align-items:center;gap:.
|
|
17304
|
+
`, isInline: true, styles: [":host{display:block}.new-conversation-panel{display:flex;flex-direction:column;width:100%;overflow:hidden}.new-conversation-dialog-content{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:.75rem}.form-field--grow{flex:1;min-height:0;display:flex;flex-direction:column}.group-details-step{flex:1;min-height:0;padding:.5rem .75rem;display:flex;flex-direction:column;gap:.75rem}.form-field{display:flex;flex-direction:column;gap:.35rem}.field-label{font-size:.875rem;font-weight:500;color:var(--ax-text-secondary, #6b7280)}.title-input{height:2.25rem;border-radius:.5rem;border:1px solid rgb(var(--ax-sys-color-border-light-surface));background:rgb(var(--ax-sys-color-lighter-surface));padding:0 .7rem;color:rgb(var(--ax-sys-color-on-surface));font:inherit}.title-input:focus{outline:2px solid rgba(var(--ax-sys-color-primary-500),.25);outline-offset:0}.users-list-wrap{height:min(50vh,36rem);overflow:hidden}.users-list{display:block;height:100%}.users-list-header{display:block;position:sticky;top:0;z-index:1;border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface))}.users-list-header-inner{padding:.5rem .75rem}.user-item-content{display:flex;align-items:center;gap:.5rem;height:100%;padding:.5rem .75rem;min-width:0}.user-item-text{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1;gap:.1rem}.user-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.5rem;font-weight:500}.user-description-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;font-weight:400;opacity:.72;color:rgb(var(--ax-sys-color-on-surface))}.users-list-empty{padding:1rem;text-align:center;font-size:.85rem;opacity:.7}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXListComponent, selector: "ax-list", inputs: ["id", "name", "disabled", "readonly", "valueField", "textField", "textTemplate", "disabledField", "multiple", "selectionMode", "isItemTruncated", "showItemTooltip", "dataSource", "itemHeight", "itemTemplate", "emptyTemplate", "loadingTemplate", "checkbox"], outputs: ["onValueChanged", "disabledChange", "readonlyChange", "onBlur", "onFocus", "onItemClick", "onItemSelected", "onScrolledIndexChanged"] }, { kind: "component", type: AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "component", type: AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type", "autoSearch"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "component", type: AXAvatarComponent, selector: "ax-avatar", inputs: ["color", "size", "shape", "look"], outputs: ["sizeChange"] }, { kind: "component", type: AXImageComponent, selector: "ax-image", inputs: ["width", "height", "overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXAvatarPickerComponent, selector: "ax-avatar-picker", inputs: ["showClearButton", "avatarUrl"], outputs: ["avatarUrlChange", "onFileSelected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
17065
17305
|
}
|
|
17066
17306
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXNewConversationDialogComponent, decorators: [{
|
|
17067
17307
|
type: Component,
|
|
@@ -17090,7 +17330,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
|
|
|
17090
17330
|
[checkbox]="false"
|
|
17091
17331
|
[valueField]="'id'"
|
|
17092
17332
|
[textField]="'name'"
|
|
17093
|
-
[itemHeight]="
|
|
17333
|
+
[itemHeight]="'auto'"
|
|
17094
17334
|
[ngModel]="selectedUserIds()"
|
|
17095
17335
|
(ngModelChange)="onSelectedUsersChange($event ?? [])"
|
|
17096
17336
|
[emptyTemplate]="usersListEmptyTpl()"
|
|
@@ -17167,20 +17407,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
|
|
|
17167
17407
|
|
|
17168
17408
|
<ng-template #userItemTpl let-item>
|
|
17169
17409
|
@if (userFromItem(item); as user) {
|
|
17170
|
-
<div class="
|
|
17410
|
+
<div class="user-item-content">
|
|
17171
17411
|
<input class="ax-checkbox" type="checkbox" [checked]="isUserSelected(user.id)" tabindex="0" />
|
|
17172
|
-
<ax-avatar [size]="
|
|
17412
|
+
<ax-avatar [size]="54" [color]="'primary'">
|
|
17173
17413
|
@if (user.avatar) {
|
|
17174
17414
|
<ax-image [src]="user.avatar" [alt]="user.name"></ax-image>
|
|
17175
17415
|
} @else {
|
|
17176
17416
|
<ax-label>{{ getInitials(user.name) }}</ax-label>
|
|
17177
17417
|
}
|
|
17178
17418
|
</ax-avatar>
|
|
17179
|
-
<
|
|
17419
|
+
<div class="user-item-text">
|
|
17420
|
+
<span class="ax-truncated user-name-text">{{ user.name }}</span>
|
|
17421
|
+
@if (user.description) {
|
|
17422
|
+
<span class="user-description-text ax-truncated">{{ user.description }}</span>
|
|
17423
|
+
}
|
|
17424
|
+
</div>
|
|
17180
17425
|
</div>
|
|
17181
17426
|
}
|
|
17182
17427
|
</ng-template>
|
|
17183
|
-
`, styles: [":host{display:block}.new-conversation-panel{display:flex;flex-direction:column;width:100%;overflow:hidden}.new-conversation-dialog-content{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:.75rem}.form-field--grow{flex:1;min-height:0;display:flex;flex-direction:column}.group-details-step{flex:1;min-height:0;padding:.5rem .75rem;display:flex;flex-direction:column;gap:.75rem}.form-field{display:flex;flex-direction:column;gap:.35rem}.field-label{font-size:.875rem;font-weight:500;color:var(--ax-text-secondary, #6b7280)}.title-input{height:2.25rem;border-radius:.5rem;border:1px solid rgb(var(--ax-sys-color-border-light-surface));background:rgb(var(--ax-sys-color-lighter-surface));padding:0 .7rem;color:rgb(var(--ax-sys-color-on-surface));font:inherit}.title-input:focus{outline:2px solid rgba(var(--ax-sys-color-primary-500),.25);outline-offset:0}.users-list-wrap{height:min(50vh,36rem);overflow:hidden}.users-list{display:block;height:100%}.users-list-header{display:block;position:sticky;top:0;z-index:1;border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface))}.users-list-header-inner{padding:.5rem .75rem}.user-item-content{display:flex;align-items:center;gap:.
|
|
17428
|
+
`, styles: [":host{display:block}.new-conversation-panel{display:flex;flex-direction:column;width:100%;overflow:hidden}.new-conversation-dialog-content{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:.75rem}.form-field--grow{flex:1;min-height:0;display:flex;flex-direction:column}.group-details-step{flex:1;min-height:0;padding:.5rem .75rem;display:flex;flex-direction:column;gap:.75rem}.form-field{display:flex;flex-direction:column;gap:.35rem}.field-label{font-size:.875rem;font-weight:500;color:var(--ax-text-secondary, #6b7280)}.title-input{height:2.25rem;border-radius:.5rem;border:1px solid rgb(var(--ax-sys-color-border-light-surface));background:rgb(var(--ax-sys-color-lighter-surface));padding:0 .7rem;color:rgb(var(--ax-sys-color-on-surface));font:inherit}.title-input:focus{outline:2px solid rgba(var(--ax-sys-color-primary-500),.25);outline-offset:0}.users-list-wrap{height:min(50vh,36rem);overflow:hidden}.users-list{display:block;height:100%}.users-list-header{display:block;position:sticky;top:0;z-index:1;border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface))}.users-list-header-inner{padding:.5rem .75rem}.user-item-content{display:flex;align-items:center;gap:.5rem;height:100%;padding:.5rem .75rem;min-width:0}.user-item-text{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1;gap:.1rem}.user-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.5rem;font-weight:500}.user-description-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;font-weight:400;opacity:.72;color:rgb(var(--ax-sys-color-on-surface))}.users-list-empty{padding:1rem;text-align:center;font-size:.85rem;opacity:.7}\n"] }]
|
|
17184
17429
|
}] });
|
|
17185
17430
|
|
|
17186
17431
|
/**
|