@acorex/components 20.4.17 → 20.4.19
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
CHANGED
|
@@ -464,6 +464,11 @@ interface AXParticipant {
|
|
|
464
464
|
id: string;
|
|
465
465
|
/** Display name of the participant */
|
|
466
466
|
name: string;
|
|
467
|
+
/**
|
|
468
|
+
* Short line shown under the name in lists (e.g. job title, status line).
|
|
469
|
+
* Distinct from long-form bio in optional `metadata` (e.g. profile fields).
|
|
470
|
+
*/
|
|
471
|
+
description?: string;
|
|
467
472
|
/** Avatar/profile image URL */
|
|
468
473
|
avatar?: string;
|
|
469
474
|
/** Role in the conversation (for groups/channels) */
|
|
@@ -802,6 +807,8 @@ interface AXUserProfileUpdate {
|
|
|
802
807
|
name?: string;
|
|
803
808
|
/** Avatar URL */
|
|
804
809
|
avatar?: string;
|
|
810
|
+
/** Short line under the name in lists (e.g. job title) */
|
|
811
|
+
description?: string;
|
|
805
812
|
/** Bio/status text */
|
|
806
813
|
bio?: string;
|
|
807
814
|
/** Phone number */
|
|
@@ -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(),
|
|
@@ -3506,7 +3521,11 @@ class AXConversationIndexedDbUserApi extends AXUserApi {
|
|
|
3506
3521
|
if (!filters?.query)
|
|
3507
3522
|
return filtered;
|
|
3508
3523
|
const q = filters.query.toLowerCase();
|
|
3509
|
-
return filtered.filter((u) =>
|
|
3524
|
+
return filtered.filter((u) => {
|
|
3525
|
+
const name = u.name.toLowerCase();
|
|
3526
|
+
const desc = (u.description ?? '').toLowerCase();
|
|
3527
|
+
return name.includes(q) || desc.includes(q);
|
|
3528
|
+
});
|
|
3510
3529
|
}
|
|
3511
3530
|
async searchUsers(query) {
|
|
3512
3531
|
return this.getUsers({ query });
|
|
@@ -8256,7 +8275,11 @@ class AXConversationInfoPanelComponent extends AXClosableComponent {
|
|
|
8256
8275
|
</ax-avatar>
|
|
8257
8276
|
<div class="member-details">
|
|
8258
8277
|
<span class="member-name">{{ participant.name }}</span>
|
|
8259
|
-
|
|
8278
|
+
@if (participant.description) {
|
|
8279
|
+
<span class="member-description">{{ participant.description }}</span>
|
|
8280
|
+
} @else {
|
|
8281
|
+
<span class="member-role">{{ participant.role || 'member' }}</span>
|
|
8282
|
+
}
|
|
8260
8283
|
</div>
|
|
8261
8284
|
@if (participant.status) {
|
|
8262
8285
|
<span
|
|
@@ -8372,7 +8395,7 @@ class AXConversationInfoPanelComponent extends AXClosableComponent {
|
|
|
8372
8395
|
</div>
|
|
8373
8396
|
</div>
|
|
8374
8397
|
}
|
|
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:rgb(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:rgb(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}.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:rgb(var(--ax-sys-color-danger-500) / .05);border:1px solid rgb(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"] }] }); }
|
|
8398
|
+
`, 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:rgb(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:rgb(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:rgb(var(--ax-sys-color-danger-500) / .05);border:1px solid rgb(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
8399
|
}
|
|
8377
8400
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXConversationInfoPanelComponent, decorators: [{
|
|
8378
8401
|
type: Component,
|
|
@@ -8507,7 +8530,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
|
|
|
8507
8530
|
</ax-avatar>
|
|
8508
8531
|
<div class="member-details">
|
|
8509
8532
|
<span class="member-name">{{ participant.name }}</span>
|
|
8510
|
-
|
|
8533
|
+
@if (participant.description) {
|
|
8534
|
+
<span class="member-description">{{ participant.description }}</span>
|
|
8535
|
+
} @else {
|
|
8536
|
+
<span class="member-role">{{ participant.role || 'member' }}</span>
|
|
8537
|
+
}
|
|
8511
8538
|
</div>
|
|
8512
8539
|
@if (participant.status) {
|
|
8513
8540
|
<span
|
|
@@ -8623,7 +8650,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
|
|
|
8623
8650
|
</div>
|
|
8624
8651
|
</div>
|
|
8625
8652
|
}
|
|
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:rgb(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:rgb(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}.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:rgb(var(--ax-sys-color-danger-500) / .05);border:1px solid rgb(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"] }]
|
|
8653
|
+
`, 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:rgb(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:rgb(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:rgb(var(--ax-sys-color-danger-500) / .05);border:1px solid rgb(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
8654
|
}] });
|
|
8628
8655
|
|
|
8629
8656
|
/**
|
|
@@ -14321,7 +14348,9 @@ class AXMembersPopoverComponent {
|
|
|
14321
14348
|
</ax-avatar>
|
|
14322
14349
|
<div class="member-info">
|
|
14323
14350
|
<span class="member-name">{{ participant.name }}</span>
|
|
14324
|
-
@if (participant.
|
|
14351
|
+
@if (participant.description) {
|
|
14352
|
+
<span class="member-description">{{ participant.description }}</span>
|
|
14353
|
+
} @else if (participant.role) {
|
|
14325
14354
|
<span class="member-role">{{ participant.role }}</span>
|
|
14326
14355
|
}
|
|
14327
14356
|
</div>
|
|
@@ -14337,7 +14366,7 @@ class AXMembersPopoverComponent {
|
|
|
14337
14366
|
}
|
|
14338
14367
|
</div>
|
|
14339
14368
|
</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 }); }
|
|
14369
|
+
`, 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-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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
14341
14370
|
}
|
|
14342
14371
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXMembersPopoverComponent, decorators: [{
|
|
14343
14372
|
type: Component,
|
|
@@ -14358,7 +14387,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
|
|
|
14358
14387
|
</ax-avatar>
|
|
14359
14388
|
<div class="member-info">
|
|
14360
14389
|
<span class="member-name">{{ participant.name }}</span>
|
|
14361
|
-
@if (participant.
|
|
14390
|
+
@if (participant.description) {
|
|
14391
|
+
<span class="member-description">{{ participant.description }}</span>
|
|
14392
|
+
} @else if (participant.role) {
|
|
14362
14393
|
<span class="member-role">{{ participant.role }}</span>
|
|
14363
14394
|
}
|
|
14364
14395
|
</div>
|
|
@@ -14374,7 +14405,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
|
|
|
14374
14405
|
}
|
|
14375
14406
|
</div>
|
|
14376
14407
|
</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"] }]
|
|
14408
|
+
`, 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-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
14409
|
}] });
|
|
14379
14410
|
|
|
14380
14411
|
/**
|
|
@@ -15032,7 +15063,7 @@ class AXForwardMessageDialogComponent {
|
|
|
15032
15063
|
</ax-suffix>
|
|
15033
15064
|
</ax-footer>
|
|
15034
15065
|
</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}
|
|
15066
|
+
`, 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
15067
|
}
|
|
15037
15068
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXForwardMessageDialogComponent, decorators: [{
|
|
15038
15069
|
type: Component,
|
|
@@ -15116,7 +15147,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
|
|
|
15116
15147
|
</ax-suffix>
|
|
15117
15148
|
</ax-footer>
|
|
15118
15149
|
</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}
|
|
15150
|
+
`, 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
15151
|
}] });
|
|
15121
15152
|
|
|
15122
15153
|
/**
|
|
@@ -16915,7 +16946,11 @@ class AXNewConversationDialogComponent extends AXBasePageComponent {
|
|
|
16915
16946
|
const q = this.searchQuery().toLowerCase().trim();
|
|
16916
16947
|
if (!q)
|
|
16917
16948
|
return this.availableUsers();
|
|
16918
|
-
return this.availableUsers().filter((u) =>
|
|
16949
|
+
return this.availableUsers().filter((u) => {
|
|
16950
|
+
const name = u.name.toLowerCase();
|
|
16951
|
+
const desc = (u.description ?? '').toLowerCase();
|
|
16952
|
+
return name.includes(q) || desc.includes(q);
|
|
16953
|
+
});
|
|
16919
16954
|
}
|
|
16920
16955
|
async onCreateConversation() {
|
|
16921
16956
|
const selectedIds = this.selectedUserIds();
|
|
@@ -16971,7 +17006,7 @@ class AXNewConversationDialogComponent extends AXBasePageComponent {
|
|
|
16971
17006
|
[checkbox]="false"
|
|
16972
17007
|
[valueField]="'id'"
|
|
16973
17008
|
[textField]="'name'"
|
|
16974
|
-
[itemHeight]="
|
|
17009
|
+
[itemHeight]="'auto'"
|
|
16975
17010
|
[ngModel]="selectedUserIds()"
|
|
16976
17011
|
(ngModelChange)="onSelectedUsersChange($event ?? [])"
|
|
16977
17012
|
[emptyTemplate]="usersListEmptyTpl()"
|
|
@@ -17048,20 +17083,25 @@ class AXNewConversationDialogComponent extends AXBasePageComponent {
|
|
|
17048
17083
|
|
|
17049
17084
|
<ng-template #userItemTpl let-item>
|
|
17050
17085
|
@if (userFromItem(item); as user) {
|
|
17051
|
-
<div class="
|
|
17086
|
+
<div class="user-item-content">
|
|
17052
17087
|
<input class="ax-checkbox" type="checkbox" [checked]="isUserSelected(user.id)" tabindex="0" />
|
|
17053
|
-
<ax-avatar [size]="
|
|
17088
|
+
<ax-avatar [size]="54" [color]="'primary'">
|
|
17054
17089
|
@if (user.avatar) {
|
|
17055
17090
|
<ax-image [src]="user.avatar" [alt]="user.name"></ax-image>
|
|
17056
17091
|
} @else {
|
|
17057
17092
|
<ax-label>{{ getInitials(user.name) }}</ax-label>
|
|
17058
17093
|
}
|
|
17059
17094
|
</ax-avatar>
|
|
17060
|
-
<
|
|
17095
|
+
<div class="user-item-text">
|
|
17096
|
+
<span class="ax-truncated user-name-text">{{ user.name }}</span>
|
|
17097
|
+
@if (user.description) {
|
|
17098
|
+
<span class="user-description-text ax-truncated">{{ user.description }}</span>
|
|
17099
|
+
}
|
|
17100
|
+
</div>
|
|
17061
17101
|
</div>
|
|
17062
17102
|
}
|
|
17063
17103
|
</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:.
|
|
17104
|
+
`, 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
17105
|
}
|
|
17066
17106
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXNewConversationDialogComponent, decorators: [{
|
|
17067
17107
|
type: Component,
|
|
@@ -17090,7 +17130,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
|
|
|
17090
17130
|
[checkbox]="false"
|
|
17091
17131
|
[valueField]="'id'"
|
|
17092
17132
|
[textField]="'name'"
|
|
17093
|
-
[itemHeight]="
|
|
17133
|
+
[itemHeight]="'auto'"
|
|
17094
17134
|
[ngModel]="selectedUserIds()"
|
|
17095
17135
|
(ngModelChange)="onSelectedUsersChange($event ?? [])"
|
|
17096
17136
|
[emptyTemplate]="usersListEmptyTpl()"
|
|
@@ -17167,20 +17207,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
|
|
|
17167
17207
|
|
|
17168
17208
|
<ng-template #userItemTpl let-item>
|
|
17169
17209
|
@if (userFromItem(item); as user) {
|
|
17170
|
-
<div class="
|
|
17210
|
+
<div class="user-item-content">
|
|
17171
17211
|
<input class="ax-checkbox" type="checkbox" [checked]="isUserSelected(user.id)" tabindex="0" />
|
|
17172
|
-
<ax-avatar [size]="
|
|
17212
|
+
<ax-avatar [size]="54" [color]="'primary'">
|
|
17173
17213
|
@if (user.avatar) {
|
|
17174
17214
|
<ax-image [src]="user.avatar" [alt]="user.name"></ax-image>
|
|
17175
17215
|
} @else {
|
|
17176
17216
|
<ax-label>{{ getInitials(user.name) }}</ax-label>
|
|
17177
17217
|
}
|
|
17178
17218
|
</ax-avatar>
|
|
17179
|
-
<
|
|
17219
|
+
<div class="user-item-text">
|
|
17220
|
+
<span class="ax-truncated user-name-text">{{ user.name }}</span>
|
|
17221
|
+
@if (user.description) {
|
|
17222
|
+
<span class="user-description-text ax-truncated">{{ user.description }}</span>
|
|
17223
|
+
}
|
|
17224
|
+
</div>
|
|
17180
17225
|
</div>
|
|
17181
17226
|
}
|
|
17182
17227
|
</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:.
|
|
17228
|
+
`, 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
17229
|
}] });
|
|
17185
17230
|
|
|
17186
17231
|
/**
|