@symphony-talent/component-library 4.104.0 → 4.106.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/atoms/chat-history-message-avatar/chat-history-message-avatar.component.mjs +5 -3
- package/esm2020/lib/atoms/input-radio-toggle/input-radio-toggle.component.mjs +5 -3
- package/esm2020/lib/atoms/tooltip-wrapper/tooltip-wrapper.component.mjs +2 -2
- package/esm2020/lib/molecules/chat-history-message-item/chat-history-message-item.component.mjs +3 -3
- package/esm2020/projects/component-library/lib/atoms/chat-history-message-avatar/chat-history-message-avatar.component.mjs +5 -3
- package/esm2020/projects/component-library/lib/atoms/input-radio-toggle/input-radio-toggle.component.mjs +5 -3
- package/esm2020/projects/component-library/lib/atoms/tooltip-wrapper/tooltip-wrapper.component.mjs +2 -2
- package/esm2020/projects/component-library/lib/molecules/chat-history-message-item/chat-history-message-item.component.mjs +3 -3
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +12 -8
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +12 -8
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +12 -8
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +12 -8
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/atoms/chat-history-message-avatar/chat-history-message-avatar.component.d.ts +2 -1
- package/lib/atoms/input-radio-toggle/input-radio-toggle.component.d.ts +2 -1
- package/package.json +1 -1
- package/projects/component-library/lib/atoms/chat-history-message-avatar/chat-history-message-avatar.component.d.ts +2 -1
- package/projects/component-library/lib/atoms/input-radio-toggle/input-radio-toggle.component.d.ts +2 -1
package/esm2020/lib/atoms/chat-history-message-avatar/chat-history-message-avatar.component.mjs
CHANGED
|
@@ -5,13 +5,15 @@ export class ChatHistoryMessageAvatarComponent {
|
|
|
5
5
|
constructor() { }
|
|
6
6
|
}
|
|
7
7
|
ChatHistoryMessageAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatHistoryMessageAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8
|
-
ChatHistoryMessageAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ChatHistoryMessageAvatarComponent, selector: "symphony-chat-history-message-avatar", inputs: { initials: "initials", imgSource: "imgSource" }, ngImport: i0, template: "<div class=\"sfx-d-flex chat-avatar-wrap\">\n <span *ngIf=\"initials && !imgSource\" class=\"sfx-font18\">{{ initials }}</span>\n <img\n *ngIf=\"imgSource && initials\"\n src=\"{{ imgSource }}\"\n class=\"img-responsive\"\n />\n</div>\n", styles: [".chat-avatar-wrap{width:40px;height:40px;border-radius:50%;background:#5b6d80;justify-content:center;align-items:center;color:#fff}.chat-avatar-wrap img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;border-radius:50%}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
8
|
+
ChatHistoryMessageAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ChatHistoryMessageAvatarComponent, selector: "symphony-chat-history-message-avatar", inputs: { initials: "initials", imgSource: "imgSource", isSender: "isSender" }, ngImport: i0, template: "<div class=\"sfx-d-flex chat-avatar-wrap\">\n <span *ngIf=\"isSender === 'true'\" class=\"sfx-font18 si-chatbot\"></span>\n <span *ngIf=\"initials && !imgSource && isSender === 'false'\" class=\"sfx-font18\">{{ initials }}</span>\n \n <img\n *ngIf=\"imgSource && initials\"\n src=\"{{ imgSource }}\"\n class=\"img-responsive\"\n />\n</div>\n", styles: [".chat-avatar-wrap{width:40px;height:40px;border-radius:50%;background:#5b6d80;justify-content:center;align-items:center;color:#fff}.chat-avatar-wrap img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;border-radius:50%}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
9
9
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatHistoryMessageAvatarComponent, decorators: [{
|
|
10
10
|
type: Component,
|
|
11
|
-
args: [{ selector: 'symphony-chat-history-message-avatar', template: "<div class=\"sfx-d-flex chat-avatar-wrap\">\n <span *ngIf=\"initials && !imgSource\" class=\"sfx-font18\">{{ initials }}</span>\n <img\n *ngIf=\"imgSource && initials\"\n src=\"{{ imgSource }}\"\n class=\"img-responsive\"\n />\n</div>\n", styles: [".chat-avatar-wrap{width:40px;height:40px;border-radius:50%;background:#5b6d80;justify-content:center;align-items:center;color:#fff}.chat-avatar-wrap img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;border-radius:50%}\n"] }]
|
|
11
|
+
args: [{ selector: 'symphony-chat-history-message-avatar', template: "<div class=\"sfx-d-flex chat-avatar-wrap\">\n <span *ngIf=\"isSender === 'true'\" class=\"sfx-font18 si-chatbot\"></span>\n <span *ngIf=\"initials && !imgSource && isSender === 'false'\" class=\"sfx-font18\">{{ initials }}</span>\n \n <img\n *ngIf=\"imgSource && initials\"\n src=\"{{ imgSource }}\"\n class=\"img-responsive\"\n />\n</div>\n", styles: [".chat-avatar-wrap{width:40px;height:40px;border-radius:50%;background:#5b6d80;justify-content:center;align-items:center;color:#fff}.chat-avatar-wrap img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;border-radius:50%}\n"] }]
|
|
12
12
|
}], ctorParameters: function () { return []; }, propDecorators: { initials: [{
|
|
13
13
|
type: Input
|
|
14
14
|
}], imgSource: [{
|
|
15
15
|
type: Input
|
|
16
|
+
}], isSender: [{
|
|
17
|
+
type: Input
|
|
16
18
|
}] } });
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdC1oaXN0b3J5LW1lc3NhZ2UtYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvY2hhdC1oaXN0b3J5LW1lc3NhZ2UtYXZhdGFyL2NoYXQtaGlzdG9yeS1tZXNzYWdlLWF2YXRhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2NoYXQtaGlzdG9yeS1tZXNzYWdlLWF2YXRhci9jaGF0LWhpc3RvcnktbWVzc2FnZS1hdmF0YXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7OztBQU96RCxNQUFNLE9BQU8saUNBQWlDO0lBSTVDLGdCQUFlLENBQUM7OzhIQUpMLGlDQUFpQztrSEFBakMsaUNBQWlDLDRKQ1A5QyxxV0FVQTsyRkRIYSxpQ0FBaUM7a0JBTDdDLFNBQVM7K0JBQ0Usc0NBQXNDOzBFQUt2QyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1jaGF0LWhpc3RvcnktbWVzc2FnZS1hdmF0YXInLFxuICB0ZW1wbGF0ZVVybDogJy4vY2hhdC1oaXN0b3J5LW1lc3NhZ2UtYXZhdGFyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2hhdC1oaXN0b3J5LW1lc3NhZ2UtYXZhdGFyLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIENoYXRIaXN0b3J5TWVzc2FnZUF2YXRhckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGluaXRpYWxzOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGltZ1NvdXJjZTogc3RyaW5nO1xuICBASW5wdXQoKSBpc1NlbmRlcjogc3RyaW5nO1xuICBjb25zdHJ1Y3RvcigpIHt9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2Z4LWQtZmxleCBjaGF0LWF2YXRhci13cmFwXCI+XG4gIDxzcGFuICpuZ0lmPVwiaXNTZW5kZXIgPT09ICd0cnVlJ1wiIGNsYXNzPVwic2Z4LWZvbnQxOCBzaS1jaGF0Ym90XCI+PC9zcGFuPlxuICA8c3BhbiAqbmdJZj1cImluaXRpYWxzICYmICFpbWdTb3VyY2UgJiYgaXNTZW5kZXIgPT09ICdmYWxzZSdcIiBjbGFzcz1cInNmeC1mb250MThcIj57eyBpbml0aWFscyB9fTwvc3Bhbj5cbiAgXG4gIDxpbWdcbiAgICAqbmdJZj1cImltZ1NvdXJjZSAmJiBpbml0aWFsc1wiXG4gICAgc3JjPVwie3sgaW1nU291cmNlIH19XCJcbiAgICBjbGFzcz1cImltZy1yZXNwb25zaXZlXCJcbiAgLz5cbjwvZGl2PlxuIl19
|
|
@@ -10,17 +10,19 @@ export class InputRadioToggleComponent {
|
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
InputRadioToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputRadioToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
-
InputRadioToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputRadioToggleComponent, selector: "symphony-input-radio-toggle", inputs: { radioLabel1: "radioLabel1", radioLabel2: "radioLabel2", isDisabled: "isDisabled" }, outputs: { changedValue: "changedValue" }, ngImport: i0, template: "<div class=\"sfx-radio-toggle\" [ngClass]=\"{'radio-disabled': isDisabled}\">\n <input\n checked=\"true\"\n type=\"radio\"\n value=\"{{ radioLabel1 }}\"\n id=\"radio-{{ radioLabel1 }}\"\n name=\"radio-toggle\"\n (change)=\"onChange(radioLabel1)\"\n /><label for=\"radio-{{radioLabel1}}\">{{ radioLabel1 }}</label\n ><input\n type=\"radio\"\n value=\"{{ radioLabel2 }}\"\n id=\"radio-{{ radioLabel2 }}\"\n name=\"radio-toggle\"\n (change)=\"onChange(radioLabel2)\"\n /><label for=\"radio-{{radioLabel2}}\">{{ radioLabel2 }}</label>\n </div>\n ", styles: [".sfx-radio-toggle{display:flex;overflow:hidden}.sfx-radio-toggle input{position:absolute!important;clip:rect(0,0,0,0);height:1px;width:1px;border:0;overflow:hidden}.sfx-radio-toggle input:checked+label{background-color:#334860;color:#fff}.sfx-radio-toggle label{background-color:#fff;color:#000;font-size:12px;line-height:18px;text-align:center;border:1px solid #334860;transition:all .1s ease-in-out;text-transform:uppercase;font-weight:500;margin:0;min-width:50px}.sfx-radio-toggle label:hover{cursor:pointer}.sfx-radio-toggle label:first-of-type{border-radius:20px 0 0 20px;border-right:none}.sfx-radio-toggle label:last-of-type{border-radius:0 20px 20px 0;border-left:none}.sfx-radio-toggle.radio-disabled label{pointer-events:none;opacity:.5}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
13
|
+
InputRadioToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputRadioToggleComponent, selector: "symphony-input-radio-toggle", inputs: { radioLabel1: "radioLabel1", radioLabel2: "radioLabel2", identifier: "identifier", isDisabled: "isDisabled" }, outputs: { changedValue: "changedValue" }, ngImport: i0, template: "<div class=\"sfx-radio-toggle\" [ngClass]=\"{'radio-disabled': isDisabled}\">\n <input\n checked=\"true\"\n type=\"radio\"\n value=\"{{ radioLabel1 }}\"\n id=\"radio-{{ radioLabel1 }}-{{identifier}}\"\n name=\"radio-toggle-{{identifier}}\"\n (change)=\"onChange(radioLabel1)\"\n /><label for=\"radio-{{radioLabel1}}-{{identifier}}\">{{ radioLabel1 }}</label\n ><input\n type=\"radio\"\n value=\"{{ radioLabel2 }}\"\n id=\"radio-{{ radioLabel2 }}-{{identifier}}\"\n name=\"radio-toggle-{{identifier}}\"\n (change)=\"onChange(radioLabel2)\"\n /><label for=\"radio-{{radioLabel2}}-{{identifier}}\">{{ radioLabel2 }}</label>\n </div>\n ", styles: [".sfx-radio-toggle{display:flex;overflow:hidden}.sfx-radio-toggle input{position:absolute!important;clip:rect(0,0,0,0);height:1px;width:1px;border:0;overflow:hidden}.sfx-radio-toggle input:checked+label{background-color:#334860;color:#fff}.sfx-radio-toggle label{background-color:#fff;color:#000;font-size:12px;line-height:18px;text-align:center;border:1px solid #334860;transition:all .1s ease-in-out;text-transform:uppercase;font-weight:500;margin:0;min-width:50px}.sfx-radio-toggle label:hover{cursor:pointer}.sfx-radio-toggle label:first-of-type{border-radius:20px 0 0 20px;border-right:none}.sfx-radio-toggle label:last-of-type{border-radius:0 20px 20px 0;border-left:none}.sfx-radio-toggle.radio-disabled label{pointer-events:none;opacity:.5}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputRadioToggleComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
|
-
args: [{ selector: 'symphony-input-radio-toggle', template: "<div class=\"sfx-radio-toggle\" [ngClass]=\"{'radio-disabled': isDisabled}\">\n <input\n checked=\"true\"\n type=\"radio\"\n value=\"{{ radioLabel1 }}\"\n id=\"radio-{{ radioLabel1 }}\"\n name=\"radio-toggle\"\n (change)=\"onChange(radioLabel1)\"\n /><label for=\"radio-{{radioLabel1}}\">{{ radioLabel1 }}</label\n ><input\n type=\"radio\"\n value=\"{{ radioLabel2 }}\"\n id=\"radio-{{ radioLabel2 }}\"\n name=\"radio-toggle\"\n (change)=\"onChange(radioLabel2)\"\n /><label for=\"radio-{{radioLabel2}}\">{{ radioLabel2 }}</label>\n </div>\n ", styles: [".sfx-radio-toggle{display:flex;overflow:hidden}.sfx-radio-toggle input{position:absolute!important;clip:rect(0,0,0,0);height:1px;width:1px;border:0;overflow:hidden}.sfx-radio-toggle input:checked+label{background-color:#334860;color:#fff}.sfx-radio-toggle label{background-color:#fff;color:#000;font-size:12px;line-height:18px;text-align:center;border:1px solid #334860;transition:all .1s ease-in-out;text-transform:uppercase;font-weight:500;margin:0;min-width:50px}.sfx-radio-toggle label:hover{cursor:pointer}.sfx-radio-toggle label:first-of-type{border-radius:20px 0 0 20px;border-right:none}.sfx-radio-toggle label:last-of-type{border-radius:0 20px 20px 0;border-left:none}.sfx-radio-toggle.radio-disabled label{pointer-events:none;opacity:.5}\n"] }]
|
|
16
|
+
args: [{ selector: 'symphony-input-radio-toggle', template: "<div class=\"sfx-radio-toggle\" [ngClass]=\"{'radio-disabled': isDisabled}\">\n <input\n checked=\"true\"\n type=\"radio\"\n value=\"{{ radioLabel1 }}\"\n id=\"radio-{{ radioLabel1 }}-{{identifier}}\"\n name=\"radio-toggle-{{identifier}}\"\n (change)=\"onChange(radioLabel1)\"\n /><label for=\"radio-{{radioLabel1}}-{{identifier}}\">{{ radioLabel1 }}</label\n ><input\n type=\"radio\"\n value=\"{{ radioLabel2 }}\"\n id=\"radio-{{ radioLabel2 }}-{{identifier}}\"\n name=\"radio-toggle-{{identifier}}\"\n (change)=\"onChange(radioLabel2)\"\n /><label for=\"radio-{{radioLabel2}}-{{identifier}}\">{{ radioLabel2 }}</label>\n </div>\n ", styles: [".sfx-radio-toggle{display:flex;overflow:hidden}.sfx-radio-toggle input{position:absolute!important;clip:rect(0,0,0,0);height:1px;width:1px;border:0;overflow:hidden}.sfx-radio-toggle input:checked+label{background-color:#334860;color:#fff}.sfx-radio-toggle label{background-color:#fff;color:#000;font-size:12px;line-height:18px;text-align:center;border:1px solid #334860;transition:all .1s ease-in-out;text-transform:uppercase;font-weight:500;margin:0;min-width:50px}.sfx-radio-toggle label:hover{cursor:pointer}.sfx-radio-toggle label:first-of-type{border-radius:20px 0 0 20px;border-right:none}.sfx-radio-toggle label:last-of-type{border-radius:0 20px 20px 0;border-left:none}.sfx-radio-toggle.radio-disabled label{pointer-events:none;opacity:.5}\n"] }]
|
|
17
17
|
}], ctorParameters: function () { return []; }, propDecorators: { radioLabel1: [{
|
|
18
18
|
type: Input
|
|
19
19
|
}], radioLabel2: [{
|
|
20
20
|
type: Input
|
|
21
|
+
}], identifier: [{
|
|
22
|
+
type: Input
|
|
21
23
|
}], isDisabled: [{
|
|
22
24
|
type: Input
|
|
23
25
|
}], changedValue: [{
|
|
24
26
|
type: Output
|
|
25
27
|
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtcmFkaW8tdG9nZ2xlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvaW5wdXQtcmFkaW8tdG9nZ2xlL2lucHV0LXJhZGlvLXRvZ2dsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2lucHV0LXJhZGlvLXRvZ2dsZS9pbnB1dC1yYWRpby10b2dnbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBTy9FLE1BQU0sT0FBTyx5QkFBeUI7SUFPcEM7UUFEVSxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7SUFDckMsQ0FBQztJQUVoQixRQUFRLENBQUMsS0FBYTtRQUNwQixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNoQyxDQUFDOztzSEFYVSx5QkFBeUI7MEdBQXpCLHlCQUF5QixzT0NQdEMsK3JCQWlCRTsyRkRWVyx5QkFBeUI7a0JBTHJDLFNBQVM7K0JBQ0UsNkJBQTZCOzBFQUs5QixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUVJLFlBQVk7c0JBQXJCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWlucHV0LXJhZGlvLXRvZ2dsZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9pbnB1dC1yYWRpby10b2dnbGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pbnB1dC1yYWRpby10b2dnbGUuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBJbnB1dFJhZGlvVG9nZ2xlQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcmFkaW9MYWJlbDE6IHN0cmluZztcbiAgQElucHV0KCkgcmFkaW9MYWJlbDI6IHN0cmluZztcbiAgQElucHV0KCkgaWRlbnRpZmllcjogc3RyaW5nO1xuICBASW5wdXQoKSBpc0Rpc2FibGVkOiBib29sZWFuO1xuXG4gIEBPdXRwdXQoKSBjaGFuZ2VkVmFsdWUgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG9uQ2hhbmdlKHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLmNoYW5nZWRWYWx1ZS5lbWl0KHZhbHVlKTtcbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwic2Z4LXJhZGlvLXRvZ2dsZVwiIFtuZ0NsYXNzXT1cInsncmFkaW8tZGlzYWJsZWQnOiBpc0Rpc2FibGVkfVwiPlxuICAgIDxpbnB1dFxuICAgICAgY2hlY2tlZD1cInRydWVcIlxuICAgICAgdHlwZT1cInJhZGlvXCJcbiAgICAgIHZhbHVlPVwie3sgcmFkaW9MYWJlbDEgfX1cIlxuICAgICAgaWQ9XCJyYWRpby17eyByYWRpb0xhYmVsMSB9fS17e2lkZW50aWZpZXJ9fVwiXG4gICAgICBuYW1lPVwicmFkaW8tdG9nZ2xlLXt7aWRlbnRpZmllcn19XCJcbiAgICAgIChjaGFuZ2UpPVwib25DaGFuZ2UocmFkaW9MYWJlbDEpXCJcbiAgICAvPjxsYWJlbCBmb3I9XCJyYWRpby17e3JhZGlvTGFiZWwxfX0te3tpZGVudGlmaWVyfX1cIj57eyByYWRpb0xhYmVsMSB9fTwvbGFiZWxcbiAgICA+PGlucHV0XG4gICAgICB0eXBlPVwicmFkaW9cIlxuICAgICAgdmFsdWU9XCJ7eyByYWRpb0xhYmVsMiB9fVwiXG4gICAgICBpZD1cInJhZGlvLXt7IHJhZGlvTGFiZWwyIH19LXt7aWRlbnRpZmllcn19XCJcbiAgICAgIG5hbWU9XCJyYWRpby10b2dnbGUte3tpZGVudGlmaWVyfX1cIlxuICAgICAgKGNoYW5nZSk9XCJvbkNoYW5nZShyYWRpb0xhYmVsMilcIlxuICAgIC8+PGxhYmVsIGZvcj1cInJhZGlvLXt7cmFkaW9MYWJlbDJ9fS17e2lkZW50aWZpZXJ9fVwiPnt7IHJhZGlvTGFiZWwyIH19PC9sYWJlbD5cbiAgPC9kaXY+XG4gICJdfQ==
|
|
@@ -5,10 +5,10 @@ export class TooltipWrapperComponent {
|
|
|
5
5
|
constructor() { }
|
|
6
6
|
}
|
|
7
7
|
TooltipWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8
|
-
TooltipWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: { placement: "placement", tooltipHtml: "tooltipHtml", toolTipClass: "toolTipClass" }, ngImport: i0, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip {{ toolTipClass }}\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px rgba(0,0,0,.2);font-weight:600;word-wrap:break-word}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip.toolTipV2{top:0px!important;left:1px!important;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.sfx-info-tooltip.toolTipV2 .tooltip-inner{padding:2px 10px;box-shadow:none!important;background-color:#334860!important;color:#fff;border-radius:5px!important;text-align:center;font-weight:400}.sfx-info-tooltip.toolTipV2 .tooltip-arrow{border-top-color:#334860!important}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"], directives: [{ type: i1.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["containerClass", "tooltipAnimation", "tooltipFadeDuration", "isOpen", "tooltipHtml", "tooltip", "tooltipPlacement", "placement", "tooltipIsOpen", "tooltipEnable", "isDisabled", "tooltipAppendToBody", "container", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "delay", "tooltipTrigger", "triggers", "adaptivePosition"], outputs: ["tooltipChange", "tooltipStateChanged", "onShown", "onHidden"], exportAs: ["bs-tooltip"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
8
|
+
TooltipWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: { placement: "placement", tooltipHtml: "tooltipHtml", toolTipClass: "toolTipClass" }, ngImport: i0, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip {{ toolTipClass }}\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px rgba(0,0,0,.2);font-weight:600;word-wrap:break-word}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip.toolTipV2{top:0px!important;left:1px!important;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.sfx-info-tooltip.toolTipV2 .tooltip-inner{padding:2px 10px!important;box-shadow:none!important;background-color:#334860!important;color:#fff!important;border-radius:5px!important;text-align:center;font-weight:400}.sfx-info-tooltip.toolTipV2 .tooltip-arrow{border-top-color:#334860!important}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"], directives: [{ type: i1.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["containerClass", "tooltipAnimation", "tooltipFadeDuration", "isOpen", "tooltipHtml", "tooltip", "tooltipPlacement", "placement", "tooltipIsOpen", "tooltipEnable", "isDisabled", "tooltipAppendToBody", "container", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "delay", "tooltipTrigger", "triggers", "adaptivePosition"], outputs: ["tooltipChange", "tooltipStateChanged", "onShown", "onHidden"], exportAs: ["bs-tooltip"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
9
9
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperComponent, decorators: [{
|
|
10
10
|
type: Component,
|
|
11
|
-
args: [{ selector: 'symphony-tooltip-wrapper', encapsulation: ViewEncapsulation.None, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip {{ toolTipClass }}\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px rgba(0,0,0,.2);font-weight:600;word-wrap:break-word}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip.toolTipV2{top:0px!important;left:1px!important;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.sfx-info-tooltip.toolTipV2 .tooltip-inner{padding:2px 10px;box-shadow:none!important;background-color:#334860!important;color:#fff;border-radius:5px!important;text-align:center;font-weight:400}.sfx-info-tooltip.toolTipV2 .tooltip-arrow{border-top-color:#334860!important}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"] }]
|
|
11
|
+
args: [{ selector: 'symphony-tooltip-wrapper', encapsulation: ViewEncapsulation.None, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip {{ toolTipClass }}\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px rgba(0,0,0,.2);font-weight:600;word-wrap:break-word}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip.toolTipV2{top:0px!important;left:1px!important;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.sfx-info-tooltip.toolTipV2 .tooltip-inner{padding:2px 10px!important;box-shadow:none!important;background-color:#334860!important;color:#fff!important;border-radius:5px!important;text-align:center;font-weight:400}.sfx-info-tooltip.toolTipV2 .tooltip-arrow{border-top-color:#334860!important}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"] }]
|
|
12
12
|
}], ctorParameters: function () { return []; }, propDecorators: { placement: [{
|
|
13
13
|
type: Input
|
|
14
14
|
}], tooltipHtml: [{
|
package/esm2020/lib/molecules/chat-history-message-item/chat-history-message-item.component.mjs
CHANGED
|
@@ -8,11 +8,11 @@ export class ChatHistoryMessageItemComponent {
|
|
|
8
8
|
constructor() { }
|
|
9
9
|
}
|
|
10
10
|
ChatHistoryMessageItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatHistoryMessageItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
-
ChatHistoryMessageItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ChatHistoryMessageItemComponent, selector: "symphony-chat-history-message-item", inputs: { chatHistoryMessageItemModel: "chatHistoryMessageItemModel" }, ngImport: i0, template: "<div *ngIf=\"chatHistoryMessageItemModel\">\n <symphony-chat-history-date-stamp\n class=\"sfx-d-inline-block sfx-wid-100 sfx-mb-20\"\n *ngIf=\"chatHistoryMessageItemModel.dateStamp\"\n [hasBorder]=\"chatHistoryMessageItemModel.dateStampBorder\"\n chatDateStamp=\"{{ chatHistoryMessageItemModel.dateStamp }}\"\n ></symphony-chat-history-date-stamp>\n <div\n class=\"sfx-d-flex\"\n [ngClass]=\"{\n 'received-item': chatHistoryMessageItemModel.isSender,\n 'sent-item': !chatHistoryMessageItemModel.isSender\n }\"\n >\n <symphony-chat-history-message-avatar\n class=\"chat-avatar\"\n initials=\"{{ chatHistoryMessageItemModel.initials }}\"\n imgSource=\"{{ chatHistoryMessageItemModel.imgSource }}\"\n ></symphony-chat-history-message-avatar>\n <symphony-chat-history-message-bubble\n [chatHistoryMessageBubbleModel]=\"\n chatHistoryMessageItemModel.chatHistoryMessageBubble\n \"\n ></symphony-chat-history-message-bubble>\n </div>\n</div>\n", styles: [".sent-item .chat-avatar{margin-right:10px}.received-item{flex-direction:row-reverse}.received-item .chat-avatar{margin-left:10px}.received-item .chat-avatar .chat-avatar-wrap{background:#
|
|
11
|
+
ChatHistoryMessageItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ChatHistoryMessageItemComponent, selector: "symphony-chat-history-message-item", inputs: { chatHistoryMessageItemModel: "chatHistoryMessageItemModel" }, ngImport: i0, template: "<div *ngIf=\"chatHistoryMessageItemModel\">\n <symphony-chat-history-date-stamp\n class=\"sfx-d-inline-block sfx-wid-100 sfx-mb-20\"\n *ngIf=\"chatHistoryMessageItemModel.dateStamp\"\n [hasBorder]=\"chatHistoryMessageItemModel.dateStampBorder\"\n chatDateStamp=\"{{ chatHistoryMessageItemModel.dateStamp }}\"\n ></symphony-chat-history-date-stamp>\n <div\n class=\"sfx-d-flex\"\n [ngClass]=\"{\n 'received-item': chatHistoryMessageItemModel.isSender,\n 'sent-item': !chatHistoryMessageItemModel.isSender\n }\"\n >\n <symphony-chat-history-message-avatar\n class=\"chat-avatar\"\n initials=\"{{ chatHistoryMessageItemModel.initials }}\"\n imgSource=\"{{ chatHistoryMessageItemModel.imgSource }}\"\n isSender=\"{{ chatHistoryMessageItemModel.isSender }}\"\n ></symphony-chat-history-message-avatar>\n <symphony-chat-history-message-bubble\n [chatHistoryMessageBubbleModel]=\"\n chatHistoryMessageItemModel.chatHistoryMessageBubble\n \"\n ></symphony-chat-history-message-bubble>\n </div>\n</div>\n", styles: [".sent-item .chat-avatar{margin-right:10px}.sent-item .chat-avatar .chat-avatar-wrap{background:#AC4463;color:#fff}.received-item{flex-direction:row-reverse}.received-item .chat-avatar{margin-left:10px}.received-item .chat-avatar .chat-avatar-wrap{background:#334860;color:#fff}\n"], components: [{ type: i1.ChatHistoryDateStampComponent, selector: "symphony-chat-history-date-stamp", inputs: ["chatDateStamp", "hasBorder"] }, { type: i2.ChatHistoryMessageAvatarComponent, selector: "symphony-chat-history-message-avatar", inputs: ["initials", "imgSource", "isSender"] }, { type: i3.ChatHistoryMessageBubbleComponent, selector: "symphony-chat-history-message-bubble", inputs: ["chatHistoryMessageBubbleModel"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
12
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatHistoryMessageItemComponent, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
|
-
args: [{ selector: 'symphony-chat-history-message-item', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"chatHistoryMessageItemModel\">\n <symphony-chat-history-date-stamp\n class=\"sfx-d-inline-block sfx-wid-100 sfx-mb-20\"\n *ngIf=\"chatHistoryMessageItemModel.dateStamp\"\n [hasBorder]=\"chatHistoryMessageItemModel.dateStampBorder\"\n chatDateStamp=\"{{ chatHistoryMessageItemModel.dateStamp }}\"\n ></symphony-chat-history-date-stamp>\n <div\n class=\"sfx-d-flex\"\n [ngClass]=\"{\n 'received-item': chatHistoryMessageItemModel.isSender,\n 'sent-item': !chatHistoryMessageItemModel.isSender\n }\"\n >\n <symphony-chat-history-message-avatar\n class=\"chat-avatar\"\n initials=\"{{ chatHistoryMessageItemModel.initials }}\"\n imgSource=\"{{ chatHistoryMessageItemModel.imgSource }}\"\n ></symphony-chat-history-message-avatar>\n <symphony-chat-history-message-bubble\n [chatHistoryMessageBubbleModel]=\"\n chatHistoryMessageItemModel.chatHistoryMessageBubble\n \"\n ></symphony-chat-history-message-bubble>\n </div>\n</div>\n", styles: [".sent-item .chat-avatar{margin-right:10px}.received-item{flex-direction:row-reverse}.received-item .chat-avatar{margin-left:10px}.received-item .chat-avatar .chat-avatar-wrap{background:#
|
|
14
|
+
args: [{ selector: 'symphony-chat-history-message-item', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"chatHistoryMessageItemModel\">\n <symphony-chat-history-date-stamp\n class=\"sfx-d-inline-block sfx-wid-100 sfx-mb-20\"\n *ngIf=\"chatHistoryMessageItemModel.dateStamp\"\n [hasBorder]=\"chatHistoryMessageItemModel.dateStampBorder\"\n chatDateStamp=\"{{ chatHistoryMessageItemModel.dateStamp }}\"\n ></symphony-chat-history-date-stamp>\n <div\n class=\"sfx-d-flex\"\n [ngClass]=\"{\n 'received-item': chatHistoryMessageItemModel.isSender,\n 'sent-item': !chatHistoryMessageItemModel.isSender\n }\"\n >\n <symphony-chat-history-message-avatar\n class=\"chat-avatar\"\n initials=\"{{ chatHistoryMessageItemModel.initials }}\"\n imgSource=\"{{ chatHistoryMessageItemModel.imgSource }}\"\n isSender=\"{{ chatHistoryMessageItemModel.isSender }}\"\n ></symphony-chat-history-message-avatar>\n <symphony-chat-history-message-bubble\n [chatHistoryMessageBubbleModel]=\"\n chatHistoryMessageItemModel.chatHistoryMessageBubble\n \"\n ></symphony-chat-history-message-bubble>\n </div>\n</div>\n", styles: [".sent-item .chat-avatar{margin-right:10px}.sent-item .chat-avatar .chat-avatar-wrap{background:#AC4463;color:#fff}.received-item{flex-direction:row-reverse}.received-item .chat-avatar{margin-left:10px}.received-item .chat-avatar .chat-avatar-wrap{background:#334860;color:#fff}\n"] }]
|
|
15
15
|
}], ctorParameters: function () { return []; }, propDecorators: { chatHistoryMessageItemModel: [{
|
|
16
16
|
type: Input
|
|
17
17
|
}] } });
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdC1oaXN0b3J5LW1lc3NhZ2UtaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL21vbGVjdWxlcy9jaGF0LWhpc3RvcnktbWVzc2FnZS1pdGVtL2NoYXQtaGlzdG9yeS1tZXNzYWdlLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvY2hhdC1oaXN0b3J5LW1lc3NhZ2UtaXRlbS9jaGF0LWhpc3RvcnktbWVzc2FnZS1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFTNUUsTUFBTSxPQUFPLCtCQUErQjtJQUcxQyxnQkFBZSxDQUFDOzs0SEFITCwrQkFBK0I7Z0hBQS9CLCtCQUErQixrSkNUNUMsMGpDQTJCQTsyRkRsQmEsK0JBQStCO2tCQU4zQyxTQUFTOytCQUNFLG9DQUFvQyxpQkFHL0IsaUJBQWlCLENBQUMsSUFBSTswRUFHNUIsMkJBQTJCO3NCQUFuQyxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ2hhdEhpc3RvcnlNZXNzYWdlSXRlbU1vZGVsIH0gZnJvbSAnLi9jaGF0LWhpc3RvcnktbWVzc2FnZS1pdGVtLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktY2hhdC1oaXN0b3J5LW1lc3NhZ2UtaXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9jaGF0LWhpc3RvcnktbWVzc2FnZS1pdGVtLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2hhdC1oaXN0b3J5LW1lc3NhZ2UtaXRlbS5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBDaGF0SGlzdG9yeU1lc3NhZ2VJdGVtQ29tcG9uZW50IHtcbiAgQElucHV0KCkgY2hhdEhpc3RvcnlNZXNzYWdlSXRlbU1vZGVsOiBDaGF0SGlzdG9yeU1lc3NhZ2VJdGVtTW9kZWw7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxufVxuIiwiPGRpdiAqbmdJZj1cImNoYXRIaXN0b3J5TWVzc2FnZUl0ZW1Nb2RlbFwiPlxuICA8c3ltcGhvbnktY2hhdC1oaXN0b3J5LWRhdGUtc3RhbXBcbiAgICBjbGFzcz1cInNmeC1kLWlubGluZS1ibG9jayBzZngtd2lkLTEwMCBzZngtbWItMjBcIlxuICAgICpuZ0lmPVwiY2hhdEhpc3RvcnlNZXNzYWdlSXRlbU1vZGVsLmRhdGVTdGFtcFwiXG4gICAgW2hhc0JvcmRlcl09XCJjaGF0SGlzdG9yeU1lc3NhZ2VJdGVtTW9kZWwuZGF0ZVN0YW1wQm9yZGVyXCJcbiAgICBjaGF0RGF0ZVN0YW1wPVwie3sgY2hhdEhpc3RvcnlNZXNzYWdlSXRlbU1vZGVsLmRhdGVTdGFtcCB9fVwiXG4gID48L3N5bXBob255LWNoYXQtaGlzdG9yeS1kYXRlLXN0YW1wPlxuICA8ZGl2XG4gICAgY2xhc3M9XCJzZngtZC1mbGV4XCJcbiAgICBbbmdDbGFzc109XCJ7XG4gICAgICAncmVjZWl2ZWQtaXRlbSc6IGNoYXRIaXN0b3J5TWVzc2FnZUl0ZW1Nb2RlbC5pc1NlbmRlcixcbiAgICAgICdzZW50LWl0ZW0nOiAhY2hhdEhpc3RvcnlNZXNzYWdlSXRlbU1vZGVsLmlzU2VuZGVyXG4gICAgfVwiXG4gID5cbiAgICA8c3ltcGhvbnktY2hhdC1oaXN0b3J5LW1lc3NhZ2UtYXZhdGFyXG4gICAgICBjbGFzcz1cImNoYXQtYXZhdGFyXCJcbiAgICAgIGluaXRpYWxzPVwie3sgY2hhdEhpc3RvcnlNZXNzYWdlSXRlbU1vZGVsLmluaXRpYWxzIH19XCJcbiAgICAgIGltZ1NvdXJjZT1cInt7IGNoYXRIaXN0b3J5TWVzc2FnZUl0ZW1Nb2RlbC5pbWdTb3VyY2UgfX1cIlxuICAgICAgaXNTZW5kZXI9XCJ7eyBjaGF0SGlzdG9yeU1lc3NhZ2VJdGVtTW9kZWwuaXNTZW5kZXIgfX1cIlxuICAgID48L3N5bXBob255LWNoYXQtaGlzdG9yeS1tZXNzYWdlLWF2YXRhcj5cbiAgICA8c3ltcGhvbnktY2hhdC1oaXN0b3J5LW1lc3NhZ2UtYnViYmxlXG4gICAgICBbY2hhdEhpc3RvcnlNZXNzYWdlQnViYmxlTW9kZWxdPVwiXG4gICAgICAgIGNoYXRIaXN0b3J5TWVzc2FnZUl0ZW1Nb2RlbC5jaGF0SGlzdG9yeU1lc3NhZ2VCdWJibGVcbiAgICAgIFwiXG4gICAgPjwvc3ltcGhvbnktY2hhdC1oaXN0b3J5LW1lc3NhZ2UtYnViYmxlPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -5,13 +5,15 @@ export class ChatHistoryMessageAvatarComponent {
|
|
|
5
5
|
constructor() { }
|
|
6
6
|
}
|
|
7
7
|
ChatHistoryMessageAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatHistoryMessageAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8
|
-
ChatHistoryMessageAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ChatHistoryMessageAvatarComponent, selector: "symphony-chat-history-message-avatar", inputs: { initials: "initials", imgSource: "imgSource" }, ngImport: i0, template: "<div class=\"sfx-d-flex chat-avatar-wrap\">\n <span *ngIf=\"initials && !imgSource\" class=\"sfx-font18\">{{ initials }}</span>\n <img\n *ngIf=\"imgSource && initials\"\n src=\"{{ imgSource }}\"\n class=\"img-responsive\"\n />\n</div>\n", styles: [".chat-avatar-wrap{width:40px;height:40px;border-radius:50%;background:#5b6d80;justify-content:center;align-items:center;color:#fff}.chat-avatar-wrap img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;border-radius:50%}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
8
|
+
ChatHistoryMessageAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ChatHistoryMessageAvatarComponent, selector: "symphony-chat-history-message-avatar", inputs: { initials: "initials", imgSource: "imgSource", isSender: "isSender" }, ngImport: i0, template: "<div class=\"sfx-d-flex chat-avatar-wrap\">\n <span *ngIf=\"isSender === 'true'\" class=\"sfx-font18 si-chatbot\"></span>\n <span *ngIf=\"initials && !imgSource && isSender === 'false'\" class=\"sfx-font18\">{{ initials }}</span>\n \n <img\n *ngIf=\"imgSource && initials\"\n src=\"{{ imgSource }}\"\n class=\"img-responsive\"\n />\n</div>\n", styles: [".chat-avatar-wrap{width:40px;height:40px;border-radius:50%;background:#5b6d80;justify-content:center;align-items:center;color:#fff}.chat-avatar-wrap img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;border-radius:50%}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
9
9
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatHistoryMessageAvatarComponent, decorators: [{
|
|
10
10
|
type: Component,
|
|
11
|
-
args: [{ selector: 'symphony-chat-history-message-avatar', template: "<div class=\"sfx-d-flex chat-avatar-wrap\">\n <span *ngIf=\"initials && !imgSource\" class=\"sfx-font18\">{{ initials }}</span>\n <img\n *ngIf=\"imgSource && initials\"\n src=\"{{ imgSource }}\"\n class=\"img-responsive\"\n />\n</div>\n", styles: [".chat-avatar-wrap{width:40px;height:40px;border-radius:50%;background:#5b6d80;justify-content:center;align-items:center;color:#fff}.chat-avatar-wrap img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;border-radius:50%}\n"] }]
|
|
11
|
+
args: [{ selector: 'symphony-chat-history-message-avatar', template: "<div class=\"sfx-d-flex chat-avatar-wrap\">\n <span *ngIf=\"isSender === 'true'\" class=\"sfx-font18 si-chatbot\"></span>\n <span *ngIf=\"initials && !imgSource && isSender === 'false'\" class=\"sfx-font18\">{{ initials }}</span>\n \n <img\n *ngIf=\"imgSource && initials\"\n src=\"{{ imgSource }}\"\n class=\"img-responsive\"\n />\n</div>\n", styles: [".chat-avatar-wrap{width:40px;height:40px;border-radius:50%;background:#5b6d80;justify-content:center;align-items:center;color:#fff}.chat-avatar-wrap img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;border-radius:50%}\n"] }]
|
|
12
12
|
}], ctorParameters: function () { return []; }, propDecorators: { initials: [{
|
|
13
13
|
type: Input
|
|
14
14
|
}], imgSource: [{
|
|
15
15
|
type: Input
|
|
16
|
+
}], isSender: [{
|
|
17
|
+
type: Input
|
|
16
18
|
}] } });
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdC1oaXN0b3J5LW1lc3NhZ2UtYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvY2hhdC1oaXN0b3J5LW1lc3NhZ2UtYXZhdGFyL2NoYXQtaGlzdG9yeS1tZXNzYWdlLWF2YXRhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2NoYXQtaGlzdG9yeS1tZXNzYWdlLWF2YXRhci9jaGF0LWhpc3RvcnktbWVzc2FnZS1hdmF0YXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7OztBQU96RCxNQUFNLE9BQU8saUNBQWlDO0lBSTVDLGdCQUFlLENBQUM7OzhIQUpMLGlDQUFpQztrSEFBakMsaUNBQWlDLDRKQ1A5QyxxV0FVQTsyRkRIYSxpQ0FBaUM7a0JBTDdDLFNBQVM7K0JBQ0Usc0NBQXNDOzBFQUt2QyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1jaGF0LWhpc3RvcnktbWVzc2FnZS1hdmF0YXInLFxuICB0ZW1wbGF0ZVVybDogJy4vY2hhdC1oaXN0b3J5LW1lc3NhZ2UtYXZhdGFyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2hhdC1oaXN0b3J5LW1lc3NhZ2UtYXZhdGFyLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIENoYXRIaXN0b3J5TWVzc2FnZUF2YXRhckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGluaXRpYWxzOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGltZ1NvdXJjZTogc3RyaW5nO1xuICBASW5wdXQoKSBpc1NlbmRlcjogc3RyaW5nO1xuICBjb25zdHJ1Y3RvcigpIHt9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2Z4LWQtZmxleCBjaGF0LWF2YXRhci13cmFwXCI+XG4gIDxzcGFuICpuZ0lmPVwiaXNTZW5kZXIgPT09ICd0cnVlJ1wiIGNsYXNzPVwic2Z4LWZvbnQxOCBzaS1jaGF0Ym90XCI+PC9zcGFuPlxuICA8c3BhbiAqbmdJZj1cImluaXRpYWxzICYmICFpbWdTb3VyY2UgJiYgaXNTZW5kZXIgPT09ICdmYWxzZSdcIiBjbGFzcz1cInNmeC1mb250MThcIj57eyBpbml0aWFscyB9fTwvc3Bhbj5cbiAgXG4gIDxpbWdcbiAgICAqbmdJZj1cImltZ1NvdXJjZSAmJiBpbml0aWFsc1wiXG4gICAgc3JjPVwie3sgaW1nU291cmNlIH19XCJcbiAgICBjbGFzcz1cImltZy1yZXNwb25zaXZlXCJcbiAgLz5cbjwvZGl2PlxuIl19
|
|
@@ -10,17 +10,19 @@ export class InputRadioToggleComponent {
|
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
InputRadioToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputRadioToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
-
InputRadioToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputRadioToggleComponent, selector: "symphony-input-radio-toggle", inputs: { radioLabel1: "radioLabel1", radioLabel2: "radioLabel2", isDisabled: "isDisabled" }, outputs: { changedValue: "changedValue" }, ngImport: i0, template: "<div class=\"sfx-radio-toggle\" [ngClass]=\"{'radio-disabled': isDisabled}\">\n <input\n checked=\"true\"\n type=\"radio\"\n value=\"{{ radioLabel1 }}\"\n id=\"radio-{{ radioLabel1 }}\"\n name=\"radio-toggle\"\n (change)=\"onChange(radioLabel1)\"\n /><label for=\"radio-{{radioLabel1}}\">{{ radioLabel1 }}</label\n ><input\n type=\"radio\"\n value=\"{{ radioLabel2 }}\"\n id=\"radio-{{ radioLabel2 }}\"\n name=\"radio-toggle\"\n (change)=\"onChange(radioLabel2)\"\n /><label for=\"radio-{{radioLabel2}}\">{{ radioLabel2 }}</label>\n </div>\n ", styles: [".sfx-radio-toggle{display:flex;overflow:hidden}.sfx-radio-toggle input{position:absolute!important;clip:rect(0,0,0,0);height:1px;width:1px;border:0;overflow:hidden}.sfx-radio-toggle input:checked+label{background-color:#334860;color:#fff}.sfx-radio-toggle label{background-color:#fff;color:#000;font-size:12px;line-height:18px;text-align:center;border:1px solid #334860;transition:all .1s ease-in-out;text-transform:uppercase;font-weight:500;margin:0;min-width:50px}.sfx-radio-toggle label:hover{cursor:pointer}.sfx-radio-toggle label:first-of-type{border-radius:20px 0 0 20px;border-right:none}.sfx-radio-toggle label:last-of-type{border-radius:0 20px 20px 0;border-left:none}.sfx-radio-toggle.radio-disabled label{pointer-events:none;opacity:.5}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
13
|
+
InputRadioToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputRadioToggleComponent, selector: "symphony-input-radio-toggle", inputs: { radioLabel1: "radioLabel1", radioLabel2: "radioLabel2", identifier: "identifier", isDisabled: "isDisabled" }, outputs: { changedValue: "changedValue" }, ngImport: i0, template: "<div class=\"sfx-radio-toggle\" [ngClass]=\"{'radio-disabled': isDisabled}\">\n <input\n checked=\"true\"\n type=\"radio\"\n value=\"{{ radioLabel1 }}\"\n id=\"radio-{{ radioLabel1 }}-{{identifier}}\"\n name=\"radio-toggle-{{identifier}}\"\n (change)=\"onChange(radioLabel1)\"\n /><label for=\"radio-{{radioLabel1}}-{{identifier}}\">{{ radioLabel1 }}</label\n ><input\n type=\"radio\"\n value=\"{{ radioLabel2 }}\"\n id=\"radio-{{ radioLabel2 }}-{{identifier}}\"\n name=\"radio-toggle-{{identifier}}\"\n (change)=\"onChange(radioLabel2)\"\n /><label for=\"radio-{{radioLabel2}}-{{identifier}}\">{{ radioLabel2 }}</label>\n </div>\n ", styles: [".sfx-radio-toggle{display:flex;overflow:hidden}.sfx-radio-toggle input{position:absolute!important;clip:rect(0,0,0,0);height:1px;width:1px;border:0;overflow:hidden}.sfx-radio-toggle input:checked+label{background-color:#334860;color:#fff}.sfx-radio-toggle label{background-color:#fff;color:#000;font-size:12px;line-height:18px;text-align:center;border:1px solid #334860;transition:all .1s ease-in-out;text-transform:uppercase;font-weight:500;margin:0;min-width:50px}.sfx-radio-toggle label:hover{cursor:pointer}.sfx-radio-toggle label:first-of-type{border-radius:20px 0 0 20px;border-right:none}.sfx-radio-toggle label:last-of-type{border-radius:0 20px 20px 0;border-left:none}.sfx-radio-toggle.radio-disabled label{pointer-events:none;opacity:.5}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputRadioToggleComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
|
-
args: [{ selector: 'symphony-input-radio-toggle', template: "<div class=\"sfx-radio-toggle\" [ngClass]=\"{'radio-disabled': isDisabled}\">\n <input\n checked=\"true\"\n type=\"radio\"\n value=\"{{ radioLabel1 }}\"\n id=\"radio-{{ radioLabel1 }}\"\n name=\"radio-toggle\"\n (change)=\"onChange(radioLabel1)\"\n /><label for=\"radio-{{radioLabel1}}\">{{ radioLabel1 }}</label\n ><input\n type=\"radio\"\n value=\"{{ radioLabel2 }}\"\n id=\"radio-{{ radioLabel2 }}\"\n name=\"radio-toggle\"\n (change)=\"onChange(radioLabel2)\"\n /><label for=\"radio-{{radioLabel2}}\">{{ radioLabel2 }}</label>\n </div>\n ", styles: [".sfx-radio-toggle{display:flex;overflow:hidden}.sfx-radio-toggle input{position:absolute!important;clip:rect(0,0,0,0);height:1px;width:1px;border:0;overflow:hidden}.sfx-radio-toggle input:checked+label{background-color:#334860;color:#fff}.sfx-radio-toggle label{background-color:#fff;color:#000;font-size:12px;line-height:18px;text-align:center;border:1px solid #334860;transition:all .1s ease-in-out;text-transform:uppercase;font-weight:500;margin:0;min-width:50px}.sfx-radio-toggle label:hover{cursor:pointer}.sfx-radio-toggle label:first-of-type{border-radius:20px 0 0 20px;border-right:none}.sfx-radio-toggle label:last-of-type{border-radius:0 20px 20px 0;border-left:none}.sfx-radio-toggle.radio-disabled label{pointer-events:none;opacity:.5}\n"] }]
|
|
16
|
+
args: [{ selector: 'symphony-input-radio-toggle', template: "<div class=\"sfx-radio-toggle\" [ngClass]=\"{'radio-disabled': isDisabled}\">\n <input\n checked=\"true\"\n type=\"radio\"\n value=\"{{ radioLabel1 }}\"\n id=\"radio-{{ radioLabel1 }}-{{identifier}}\"\n name=\"radio-toggle-{{identifier}}\"\n (change)=\"onChange(radioLabel1)\"\n /><label for=\"radio-{{radioLabel1}}-{{identifier}}\">{{ radioLabel1 }}</label\n ><input\n type=\"radio\"\n value=\"{{ radioLabel2 }}\"\n id=\"radio-{{ radioLabel2 }}-{{identifier}}\"\n name=\"radio-toggle-{{identifier}}\"\n (change)=\"onChange(radioLabel2)\"\n /><label for=\"radio-{{radioLabel2}}-{{identifier}}\">{{ radioLabel2 }}</label>\n </div>\n ", styles: [".sfx-radio-toggle{display:flex;overflow:hidden}.sfx-radio-toggle input{position:absolute!important;clip:rect(0,0,0,0);height:1px;width:1px;border:0;overflow:hidden}.sfx-radio-toggle input:checked+label{background-color:#334860;color:#fff}.sfx-radio-toggle label{background-color:#fff;color:#000;font-size:12px;line-height:18px;text-align:center;border:1px solid #334860;transition:all .1s ease-in-out;text-transform:uppercase;font-weight:500;margin:0;min-width:50px}.sfx-radio-toggle label:hover{cursor:pointer}.sfx-radio-toggle label:first-of-type{border-radius:20px 0 0 20px;border-right:none}.sfx-radio-toggle label:last-of-type{border-radius:0 20px 20px 0;border-left:none}.sfx-radio-toggle.radio-disabled label{pointer-events:none;opacity:.5}\n"] }]
|
|
17
17
|
}], ctorParameters: function () { return []; }, propDecorators: { radioLabel1: [{
|
|
18
18
|
type: Input
|
|
19
19
|
}], radioLabel2: [{
|
|
20
20
|
type: Input
|
|
21
|
+
}], identifier: [{
|
|
22
|
+
type: Input
|
|
21
23
|
}], isDisabled: [{
|
|
22
24
|
type: Input
|
|
23
25
|
}], changedValue: [{
|
|
24
26
|
type: Output
|
|
25
27
|
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtcmFkaW8tdG9nZ2xlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvaW5wdXQtcmFkaW8tdG9nZ2xlL2lucHV0LXJhZGlvLXRvZ2dsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2lucHV0LXJhZGlvLXRvZ2dsZS9pbnB1dC1yYWRpby10b2dnbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBTy9FLE1BQU0sT0FBTyx5QkFBeUI7SUFPcEM7UUFEVSxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7SUFDckMsQ0FBQztJQUVoQixRQUFRLENBQUMsS0FBYTtRQUNwQixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNoQyxDQUFDOztzSEFYVSx5QkFBeUI7MEdBQXpCLHlCQUF5QixzT0NQdEMsK3JCQWlCRTsyRkRWVyx5QkFBeUI7a0JBTHJDLFNBQVM7K0JBQ0UsNkJBQTZCOzBFQUs5QixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUVJLFlBQVk7c0JBQXJCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWlucHV0LXJhZGlvLXRvZ2dsZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9pbnB1dC1yYWRpby10b2dnbGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pbnB1dC1yYWRpby10b2dnbGUuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBJbnB1dFJhZGlvVG9nZ2xlQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcmFkaW9MYWJlbDE6IHN0cmluZztcbiAgQElucHV0KCkgcmFkaW9MYWJlbDI6IHN0cmluZztcbiAgQElucHV0KCkgaWRlbnRpZmllcjogc3RyaW5nO1xuICBASW5wdXQoKSBpc0Rpc2FibGVkOiBib29sZWFuO1xuXG4gIEBPdXRwdXQoKSBjaGFuZ2VkVmFsdWUgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG9uQ2hhbmdlKHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLmNoYW5nZWRWYWx1ZS5lbWl0KHZhbHVlKTtcbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwic2Z4LXJhZGlvLXRvZ2dsZVwiIFtuZ0NsYXNzXT1cInsncmFkaW8tZGlzYWJsZWQnOiBpc0Rpc2FibGVkfVwiPlxuICAgIDxpbnB1dFxuICAgICAgY2hlY2tlZD1cInRydWVcIlxuICAgICAgdHlwZT1cInJhZGlvXCJcbiAgICAgIHZhbHVlPVwie3sgcmFkaW9MYWJlbDEgfX1cIlxuICAgICAgaWQ9XCJyYWRpby17eyByYWRpb0xhYmVsMSB9fS17e2lkZW50aWZpZXJ9fVwiXG4gICAgICBuYW1lPVwicmFkaW8tdG9nZ2xlLXt7aWRlbnRpZmllcn19XCJcbiAgICAgIChjaGFuZ2UpPVwib25DaGFuZ2UocmFkaW9MYWJlbDEpXCJcbiAgICAvPjxsYWJlbCBmb3I9XCJyYWRpby17e3JhZGlvTGFiZWwxfX0te3tpZGVudGlmaWVyfX1cIj57eyByYWRpb0xhYmVsMSB9fTwvbGFiZWxcbiAgICA+PGlucHV0XG4gICAgICB0eXBlPVwicmFkaW9cIlxuICAgICAgdmFsdWU9XCJ7eyByYWRpb0xhYmVsMiB9fVwiXG4gICAgICBpZD1cInJhZGlvLXt7IHJhZGlvTGFiZWwyIH19LXt7aWRlbnRpZmllcn19XCJcbiAgICAgIG5hbWU9XCJyYWRpby10b2dnbGUte3tpZGVudGlmaWVyfX1cIlxuICAgICAgKGNoYW5nZSk9XCJvbkNoYW5nZShyYWRpb0xhYmVsMilcIlxuICAgIC8+PGxhYmVsIGZvcj1cInJhZGlvLXt7cmFkaW9MYWJlbDJ9fS17e2lkZW50aWZpZXJ9fVwiPnt7IHJhZGlvTGFiZWwyIH19PC9sYWJlbD5cbiAgPC9kaXY+XG4gICJdfQ==
|
package/esm2020/projects/component-library/lib/atoms/tooltip-wrapper/tooltip-wrapper.component.mjs
CHANGED
|
@@ -5,10 +5,10 @@ export class TooltipWrapperComponent {
|
|
|
5
5
|
constructor() { }
|
|
6
6
|
}
|
|
7
7
|
TooltipWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8
|
-
TooltipWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: { placement: "placement", tooltipHtml: "tooltipHtml", toolTipClass: "toolTipClass" }, ngImport: i0, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip {{ toolTipClass }}\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px rgba(0,0,0,.2);font-weight:600;word-wrap:break-word}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip.toolTipV2{top:0px!important;left:1px!important;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.sfx-info-tooltip.toolTipV2 .tooltip-inner{padding:2px 10px;box-shadow:none!important;background-color:#334860!important;color:#fff;border-radius:5px!important;text-align:center;font-weight:400}.sfx-info-tooltip.toolTipV2 .tooltip-arrow{border-top-color:#334860!important}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"], directives: [{ type: i1.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["containerClass", "tooltipAnimation", "tooltipFadeDuration", "isOpen", "tooltipHtml", "tooltip", "tooltipPlacement", "placement", "tooltipIsOpen", "tooltipEnable", "isDisabled", "tooltipAppendToBody", "container", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "delay", "tooltipTrigger", "triggers", "adaptivePosition"], outputs: ["tooltipChange", "tooltipStateChanged", "onShown", "onHidden"], exportAs: ["bs-tooltip"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
8
|
+
TooltipWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: { placement: "placement", tooltipHtml: "tooltipHtml", toolTipClass: "toolTipClass" }, ngImport: i0, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip {{ toolTipClass }}\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px rgba(0,0,0,.2);font-weight:600;word-wrap:break-word}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip.toolTipV2{top:0px!important;left:1px!important;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.sfx-info-tooltip.toolTipV2 .tooltip-inner{padding:2px 10px!important;box-shadow:none!important;background-color:#334860!important;color:#fff!important;border-radius:5px!important;text-align:center;font-weight:400}.sfx-info-tooltip.toolTipV2 .tooltip-arrow{border-top-color:#334860!important}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"], directives: [{ type: i1.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["containerClass", "tooltipAnimation", "tooltipFadeDuration", "isOpen", "tooltipHtml", "tooltip", "tooltipPlacement", "placement", "tooltipIsOpen", "tooltipEnable", "isDisabled", "tooltipAppendToBody", "container", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "delay", "tooltipTrigger", "triggers", "adaptivePosition"], outputs: ["tooltipChange", "tooltipStateChanged", "onShown", "onHidden"], exportAs: ["bs-tooltip"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
9
9
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperComponent, decorators: [{
|
|
10
10
|
type: Component,
|
|
11
|
-
args: [{ selector: 'symphony-tooltip-wrapper', encapsulation: ViewEncapsulation.None, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip {{ toolTipClass }}\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px rgba(0,0,0,.2);font-weight:600;word-wrap:break-word}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip.toolTipV2{top:0px!important;left:1px!important;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.sfx-info-tooltip.toolTipV2 .tooltip-inner{padding:2px 10px;box-shadow:none!important;background-color:#334860!important;color:#fff;border-radius:5px!important;text-align:center;font-weight:400}.sfx-info-tooltip.toolTipV2 .tooltip-arrow{border-top-color:#334860!important}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"] }]
|
|
11
|
+
args: [{ selector: 'symphony-tooltip-wrapper', encapsulation: ViewEncapsulation.None, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip {{ toolTipClass }}\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px rgba(0,0,0,.2);font-weight:600;word-wrap:break-word}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip.toolTipV2{top:0px!important;left:1px!important;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.sfx-info-tooltip.toolTipV2 .tooltip-inner{padding:2px 10px!important;box-shadow:none!important;background-color:#334860!important;color:#fff!important;border-radius:5px!important;text-align:center;font-weight:400}.sfx-info-tooltip.toolTipV2 .tooltip-arrow{border-top-color:#334860!important}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"] }]
|
|
12
12
|
}], ctorParameters: function () { return []; }, propDecorators: { placement: [{
|
|
13
13
|
type: Input
|
|
14
14
|
}], tooltipHtml: [{
|
|
@@ -8,11 +8,11 @@ export class ChatHistoryMessageItemComponent {
|
|
|
8
8
|
constructor() { }
|
|
9
9
|
}
|
|
10
10
|
ChatHistoryMessageItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatHistoryMessageItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
-
ChatHistoryMessageItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ChatHistoryMessageItemComponent, selector: "symphony-chat-history-message-item", inputs: { chatHistoryMessageItemModel: "chatHistoryMessageItemModel" }, ngImport: i0, template: "<div *ngIf=\"chatHistoryMessageItemModel\">\n <symphony-chat-history-date-stamp\n class=\"sfx-d-inline-block sfx-wid-100 sfx-mb-20\"\n *ngIf=\"chatHistoryMessageItemModel.dateStamp\"\n [hasBorder]=\"chatHistoryMessageItemModel.dateStampBorder\"\n chatDateStamp=\"{{ chatHistoryMessageItemModel.dateStamp }}\"\n ></symphony-chat-history-date-stamp>\n <div\n class=\"sfx-d-flex\"\n [ngClass]=\"{\n 'received-item': chatHistoryMessageItemModel.isSender,\n 'sent-item': !chatHistoryMessageItemModel.isSender\n }\"\n >\n <symphony-chat-history-message-avatar\n class=\"chat-avatar\"\n initials=\"{{ chatHistoryMessageItemModel.initials }}\"\n imgSource=\"{{ chatHistoryMessageItemModel.imgSource }}\"\n ></symphony-chat-history-message-avatar>\n <symphony-chat-history-message-bubble\n [chatHistoryMessageBubbleModel]=\"\n chatHistoryMessageItemModel.chatHistoryMessageBubble\n \"\n ></symphony-chat-history-message-bubble>\n </div>\n</div>\n", styles: [".sent-item .chat-avatar{margin-right:10px}.received-item{flex-direction:row-reverse}.received-item .chat-avatar{margin-left:10px}.received-item .chat-avatar .chat-avatar-wrap{background:#
|
|
11
|
+
ChatHistoryMessageItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ChatHistoryMessageItemComponent, selector: "symphony-chat-history-message-item", inputs: { chatHistoryMessageItemModel: "chatHistoryMessageItemModel" }, ngImport: i0, template: "<div *ngIf=\"chatHistoryMessageItemModel\">\n <symphony-chat-history-date-stamp\n class=\"sfx-d-inline-block sfx-wid-100 sfx-mb-20\"\n *ngIf=\"chatHistoryMessageItemModel.dateStamp\"\n [hasBorder]=\"chatHistoryMessageItemModel.dateStampBorder\"\n chatDateStamp=\"{{ chatHistoryMessageItemModel.dateStamp }}\"\n ></symphony-chat-history-date-stamp>\n <div\n class=\"sfx-d-flex\"\n [ngClass]=\"{\n 'received-item': chatHistoryMessageItemModel.isSender,\n 'sent-item': !chatHistoryMessageItemModel.isSender\n }\"\n >\n <symphony-chat-history-message-avatar\n class=\"chat-avatar\"\n initials=\"{{ chatHistoryMessageItemModel.initials }}\"\n imgSource=\"{{ chatHistoryMessageItemModel.imgSource }}\"\n isSender=\"{{ chatHistoryMessageItemModel.isSender }}\"\n ></symphony-chat-history-message-avatar>\n <symphony-chat-history-message-bubble\n [chatHistoryMessageBubbleModel]=\"\n chatHistoryMessageItemModel.chatHistoryMessageBubble\n \"\n ></symphony-chat-history-message-bubble>\n </div>\n</div>\n", styles: [".sent-item .chat-avatar{margin-right:10px}.sent-item .chat-avatar .chat-avatar-wrap{background:#AC4463;color:#fff}.received-item{flex-direction:row-reverse}.received-item .chat-avatar{margin-left:10px}.received-item .chat-avatar .chat-avatar-wrap{background:#334860;color:#fff}\n"], components: [{ type: i1.ChatHistoryDateStampComponent, selector: "symphony-chat-history-date-stamp", inputs: ["chatDateStamp", "hasBorder"] }, { type: i2.ChatHistoryMessageAvatarComponent, selector: "symphony-chat-history-message-avatar", inputs: ["initials", "imgSource", "isSender"] }, { type: i3.ChatHistoryMessageBubbleComponent, selector: "symphony-chat-history-message-bubble", inputs: ["chatHistoryMessageBubbleModel"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
12
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatHistoryMessageItemComponent, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
|
-
args: [{ selector: 'symphony-chat-history-message-item', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"chatHistoryMessageItemModel\">\n <symphony-chat-history-date-stamp\n class=\"sfx-d-inline-block sfx-wid-100 sfx-mb-20\"\n *ngIf=\"chatHistoryMessageItemModel.dateStamp\"\n [hasBorder]=\"chatHistoryMessageItemModel.dateStampBorder\"\n chatDateStamp=\"{{ chatHistoryMessageItemModel.dateStamp }}\"\n ></symphony-chat-history-date-stamp>\n <div\n class=\"sfx-d-flex\"\n [ngClass]=\"{\n 'received-item': chatHistoryMessageItemModel.isSender,\n 'sent-item': !chatHistoryMessageItemModel.isSender\n }\"\n >\n <symphony-chat-history-message-avatar\n class=\"chat-avatar\"\n initials=\"{{ chatHistoryMessageItemModel.initials }}\"\n imgSource=\"{{ chatHistoryMessageItemModel.imgSource }}\"\n ></symphony-chat-history-message-avatar>\n <symphony-chat-history-message-bubble\n [chatHistoryMessageBubbleModel]=\"\n chatHistoryMessageItemModel.chatHistoryMessageBubble\n \"\n ></symphony-chat-history-message-bubble>\n </div>\n</div>\n", styles: [".sent-item .chat-avatar{margin-right:10px}.received-item{flex-direction:row-reverse}.received-item .chat-avatar{margin-left:10px}.received-item .chat-avatar .chat-avatar-wrap{background:#
|
|
14
|
+
args: [{ selector: 'symphony-chat-history-message-item', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"chatHistoryMessageItemModel\">\n <symphony-chat-history-date-stamp\n class=\"sfx-d-inline-block sfx-wid-100 sfx-mb-20\"\n *ngIf=\"chatHistoryMessageItemModel.dateStamp\"\n [hasBorder]=\"chatHistoryMessageItemModel.dateStampBorder\"\n chatDateStamp=\"{{ chatHistoryMessageItemModel.dateStamp }}\"\n ></symphony-chat-history-date-stamp>\n <div\n class=\"sfx-d-flex\"\n [ngClass]=\"{\n 'received-item': chatHistoryMessageItemModel.isSender,\n 'sent-item': !chatHistoryMessageItemModel.isSender\n }\"\n >\n <symphony-chat-history-message-avatar\n class=\"chat-avatar\"\n initials=\"{{ chatHistoryMessageItemModel.initials }}\"\n imgSource=\"{{ chatHistoryMessageItemModel.imgSource }}\"\n isSender=\"{{ chatHistoryMessageItemModel.isSender }}\"\n ></symphony-chat-history-message-avatar>\n <symphony-chat-history-message-bubble\n [chatHistoryMessageBubbleModel]=\"\n chatHistoryMessageItemModel.chatHistoryMessageBubble\n \"\n ></symphony-chat-history-message-bubble>\n </div>\n</div>\n", styles: [".sent-item .chat-avatar{margin-right:10px}.sent-item .chat-avatar .chat-avatar-wrap{background:#AC4463;color:#fff}.received-item{flex-direction:row-reverse}.received-item .chat-avatar{margin-left:10px}.received-item .chat-avatar .chat-avatar-wrap{background:#334860;color:#fff}\n"] }]
|
|
15
15
|
}], ctorParameters: function () { return []; }, propDecorators: { chatHistoryMessageItemModel: [{
|
|
16
16
|
type: Input
|
|
17
17
|
}] } });
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdC1oaXN0b3J5LW1lc3NhZ2UtaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL21vbGVjdWxlcy9jaGF0LWhpc3RvcnktbWVzc2FnZS1pdGVtL2NoYXQtaGlzdG9yeS1tZXNzYWdlLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvY2hhdC1oaXN0b3J5LW1lc3NhZ2UtaXRlbS9jaGF0LWhpc3RvcnktbWVzc2FnZS1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFTNUUsTUFBTSxPQUFPLCtCQUErQjtJQUcxQyxnQkFBZSxDQUFDOzs0SEFITCwrQkFBK0I7Z0hBQS9CLCtCQUErQixrSkNUNUMsMGpDQTJCQTsyRkRsQmEsK0JBQStCO2tCQU4zQyxTQUFTOytCQUNFLG9DQUFvQyxpQkFHL0IsaUJBQWlCLENBQUMsSUFBSTswRUFHNUIsMkJBQTJCO3NCQUFuQyxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ2hhdEhpc3RvcnlNZXNzYWdlSXRlbU1vZGVsIH0gZnJvbSAnLi9jaGF0LWhpc3RvcnktbWVzc2FnZS1pdGVtLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktY2hhdC1oaXN0b3J5LW1lc3NhZ2UtaXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9jaGF0LWhpc3RvcnktbWVzc2FnZS1pdGVtLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2hhdC1oaXN0b3J5LW1lc3NhZ2UtaXRlbS5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBDaGF0SGlzdG9yeU1lc3NhZ2VJdGVtQ29tcG9uZW50IHtcbiAgQElucHV0KCkgY2hhdEhpc3RvcnlNZXNzYWdlSXRlbU1vZGVsOiBDaGF0SGlzdG9yeU1lc3NhZ2VJdGVtTW9kZWw7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxufVxuIiwiPGRpdiAqbmdJZj1cImNoYXRIaXN0b3J5TWVzc2FnZUl0ZW1Nb2RlbFwiPlxuICA8c3ltcGhvbnktY2hhdC1oaXN0b3J5LWRhdGUtc3RhbXBcbiAgICBjbGFzcz1cInNmeC1kLWlubGluZS1ibG9jayBzZngtd2lkLTEwMCBzZngtbWItMjBcIlxuICAgICpuZ0lmPVwiY2hhdEhpc3RvcnlNZXNzYWdlSXRlbU1vZGVsLmRhdGVTdGFtcFwiXG4gICAgW2hhc0JvcmRlcl09XCJjaGF0SGlzdG9yeU1lc3NhZ2VJdGVtTW9kZWwuZGF0ZVN0YW1wQm9yZGVyXCJcbiAgICBjaGF0RGF0ZVN0YW1wPVwie3sgY2hhdEhpc3RvcnlNZXNzYWdlSXRlbU1vZGVsLmRhdGVTdGFtcCB9fVwiXG4gID48L3N5bXBob255LWNoYXQtaGlzdG9yeS1kYXRlLXN0YW1wPlxuICA8ZGl2XG4gICAgY2xhc3M9XCJzZngtZC1mbGV4XCJcbiAgICBbbmdDbGFzc109XCJ7XG4gICAgICAncmVjZWl2ZWQtaXRlbSc6IGNoYXRIaXN0b3J5TWVzc2FnZUl0ZW1Nb2RlbC5pc1NlbmRlcixcbiAgICAgICdzZW50LWl0ZW0nOiAhY2hhdEhpc3RvcnlNZXNzYWdlSXRlbU1vZGVsLmlzU2VuZGVyXG4gICAgfVwiXG4gID5cbiAgICA8c3ltcGhvbnktY2hhdC1oaXN0b3J5LW1lc3NhZ2UtYXZhdGFyXG4gICAgICBjbGFzcz1cImNoYXQtYXZhdGFyXCJcbiAgICAgIGluaXRpYWxzPVwie3sgY2hhdEhpc3RvcnlNZXNzYWdlSXRlbU1vZGVsLmluaXRpYWxzIH19XCJcbiAgICAgIGltZ1NvdXJjZT1cInt7IGNoYXRIaXN0b3J5TWVzc2FnZUl0ZW1Nb2RlbC5pbWdTb3VyY2UgfX1cIlxuICAgICAgaXNTZW5kZXI9XCJ7eyBjaGF0SGlzdG9yeU1lc3NhZ2VJdGVtTW9kZWwuaXNTZW5kZXIgfX1cIlxuICAgID48L3N5bXBob255LWNoYXQtaGlzdG9yeS1tZXNzYWdlLWF2YXRhcj5cbiAgICA8c3ltcGhvbnktY2hhdC1oaXN0b3J5LW1lc3NhZ2UtYnViYmxlXG4gICAgICBbY2hhdEhpc3RvcnlNZXNzYWdlQnViYmxlTW9kZWxdPVwiXG4gICAgICAgIGNoYXRIaXN0b3J5TWVzc2FnZUl0ZW1Nb2RlbC5jaGF0SGlzdG9yeU1lc3NhZ2VCdWJibGVcbiAgICAgIFwiXG4gICAgPjwvc3ltcGhvbnktY2hhdC1oaXN0b3J5LW1lc3NhZ2UtYnViYmxlPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -387,14 +387,16 @@ class ChatHistoryMessageAvatarComponent {
|
|
|
387
387
|
constructor() { }
|
|
388
388
|
}
|
|
389
389
|
ChatHistoryMessageAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatHistoryMessageAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
390
|
-
ChatHistoryMessageAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ChatHistoryMessageAvatarComponent, selector: "symphony-chat-history-message-avatar", inputs: { initials: "initials", imgSource: "imgSource" }, ngImport: i0, template: "<div class=\"sfx-d-flex chat-avatar-wrap\">\n <span *ngIf=\"initials && !imgSource\" class=\"sfx-font18\">{{ initials }}</span>\n <img\n *ngIf=\"imgSource && initials\"\n src=\"{{ imgSource }}\"\n class=\"img-responsive\"\n />\n</div>\n", styles: [".chat-avatar-wrap{width:40px;height:40px;border-radius:50%;background:#5b6d80;justify-content:center;align-items:center;color:#fff}.chat-avatar-wrap img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;border-radius:50%}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
390
|
+
ChatHistoryMessageAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ChatHistoryMessageAvatarComponent, selector: "symphony-chat-history-message-avatar", inputs: { initials: "initials", imgSource: "imgSource", isSender: "isSender" }, ngImport: i0, template: "<div class=\"sfx-d-flex chat-avatar-wrap\">\n <span *ngIf=\"isSender === 'true'\" class=\"sfx-font18 si-chatbot\"></span>\n <span *ngIf=\"initials && !imgSource && isSender === 'false'\" class=\"sfx-font18\">{{ initials }}</span>\n \n <img\n *ngIf=\"imgSource && initials\"\n src=\"{{ imgSource }}\"\n class=\"img-responsive\"\n />\n</div>\n", styles: [".chat-avatar-wrap{width:40px;height:40px;border-radius:50%;background:#5b6d80;justify-content:center;align-items:center;color:#fff}.chat-avatar-wrap img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;border-radius:50%}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
391
391
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatHistoryMessageAvatarComponent, decorators: [{
|
|
392
392
|
type: Component,
|
|
393
|
-
args: [{ selector: 'symphony-chat-history-message-avatar', template: "<div class=\"sfx-d-flex chat-avatar-wrap\">\n <span *ngIf=\"initials && !imgSource\" class=\"sfx-font18\">{{ initials }}</span>\n <img\n *ngIf=\"imgSource && initials\"\n src=\"{{ imgSource }}\"\n class=\"img-responsive\"\n />\n</div>\n", styles: [".chat-avatar-wrap{width:40px;height:40px;border-radius:50%;background:#5b6d80;justify-content:center;align-items:center;color:#fff}.chat-avatar-wrap img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;border-radius:50%}\n"] }]
|
|
393
|
+
args: [{ selector: 'symphony-chat-history-message-avatar', template: "<div class=\"sfx-d-flex chat-avatar-wrap\">\n <span *ngIf=\"isSender === 'true'\" class=\"sfx-font18 si-chatbot\"></span>\n <span *ngIf=\"initials && !imgSource && isSender === 'false'\" class=\"sfx-font18\">{{ initials }}</span>\n \n <img\n *ngIf=\"imgSource && initials\"\n src=\"{{ imgSource }}\"\n class=\"img-responsive\"\n />\n</div>\n", styles: [".chat-avatar-wrap{width:40px;height:40px;border-radius:50%;background:#5b6d80;justify-content:center;align-items:center;color:#fff}.chat-avatar-wrap img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;border-radius:50%}\n"] }]
|
|
394
394
|
}], ctorParameters: function () { return []; }, propDecorators: { initials: [{
|
|
395
395
|
type: Input
|
|
396
396
|
}], imgSource: [{
|
|
397
397
|
type: Input
|
|
398
|
+
}], isSender: [{
|
|
399
|
+
type: Input
|
|
398
400
|
}] } });
|
|
399
401
|
|
|
400
402
|
class ChatHistoryMessageAvatarModule {
|
|
@@ -697,10 +699,10 @@ class TooltipWrapperComponent {
|
|
|
697
699
|
constructor() { }
|
|
698
700
|
}
|
|
699
701
|
TooltipWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
700
|
-
TooltipWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: { placement: "placement", tooltipHtml: "tooltipHtml", toolTipClass: "toolTipClass" }, ngImport: i0, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip {{ toolTipClass }}\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px rgba(0,0,0,.2);font-weight:600;word-wrap:break-word}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip.toolTipV2{top:0px!important;left:1px!important;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.sfx-info-tooltip.toolTipV2 .tooltip-inner{padding:2px 10px;box-shadow:none!important;background-color:#334860!important;color:#fff;border-radius:5px!important;text-align:center;font-weight:400}.sfx-info-tooltip.toolTipV2 .tooltip-arrow{border-top-color:#334860!important}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"], directives: [{ type: i1$2.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["containerClass", "tooltipAnimation", "tooltipFadeDuration", "isOpen", "tooltipHtml", "tooltip", "tooltipPlacement", "placement", "tooltipIsOpen", "tooltipEnable", "isDisabled", "tooltipAppendToBody", "container", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "delay", "tooltipTrigger", "triggers", "adaptivePosition"], outputs: ["tooltipChange", "tooltipStateChanged", "onShown", "onHidden"], exportAs: ["bs-tooltip"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
702
|
+
TooltipWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: { placement: "placement", tooltipHtml: "tooltipHtml", toolTipClass: "toolTipClass" }, ngImport: i0, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip {{ toolTipClass }}\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px rgba(0,0,0,.2);font-weight:600;word-wrap:break-word}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip.toolTipV2{top:0px!important;left:1px!important;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.sfx-info-tooltip.toolTipV2 .tooltip-inner{padding:2px 10px!important;box-shadow:none!important;background-color:#334860!important;color:#fff!important;border-radius:5px!important;text-align:center;font-weight:400}.sfx-info-tooltip.toolTipV2 .tooltip-arrow{border-top-color:#334860!important}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"], directives: [{ type: i1$2.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["containerClass", "tooltipAnimation", "tooltipFadeDuration", "isOpen", "tooltipHtml", "tooltip", "tooltipPlacement", "placement", "tooltipIsOpen", "tooltipEnable", "isDisabled", "tooltipAppendToBody", "container", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "delay", "tooltipTrigger", "triggers", "adaptivePosition"], outputs: ["tooltipChange", "tooltipStateChanged", "onShown", "onHidden"], exportAs: ["bs-tooltip"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
701
703
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperComponent, decorators: [{
|
|
702
704
|
type: Component,
|
|
703
|
-
args: [{ selector: 'symphony-tooltip-wrapper', encapsulation: ViewEncapsulation.None, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip {{ toolTipClass }}\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px rgba(0,0,0,.2);font-weight:600;word-wrap:break-word}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip.toolTipV2{top:0px!important;left:1px!important;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.sfx-info-tooltip.toolTipV2 .tooltip-inner{padding:2px 10px;box-shadow:none!important;background-color:#334860!important;color:#fff;border-radius:5px!important;text-align:center;font-weight:400}.sfx-info-tooltip.toolTipV2 .tooltip-arrow{border-top-color:#334860!important}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"] }]
|
|
705
|
+
args: [{ selector: 'symphony-tooltip-wrapper', encapsulation: ViewEncapsulation.None, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip {{ toolTipClass }}\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px rgba(0,0,0,.2);font-weight:600;word-wrap:break-word}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip.toolTipV2{top:0px!important;left:1px!important;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.sfx-info-tooltip.toolTipV2 .tooltip-inner{padding:2px 10px!important;box-shadow:none!important;background-color:#334860!important;color:#fff!important;border-radius:5px!important;text-align:center;font-weight:400}.sfx-info-tooltip.toolTipV2 .tooltip-arrow{border-top-color:#334860!important}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"] }]
|
|
704
706
|
}], ctorParameters: function () { return []; }, propDecorators: { placement: [{
|
|
705
707
|
type: Input
|
|
706
708
|
}], tooltipHtml: [{
|
|
@@ -1743,14 +1745,16 @@ class InputRadioToggleComponent {
|
|
|
1743
1745
|
}
|
|
1744
1746
|
}
|
|
1745
1747
|
InputRadioToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputRadioToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1746
|
-
InputRadioToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputRadioToggleComponent, selector: "symphony-input-radio-toggle", inputs: { radioLabel1: "radioLabel1", radioLabel2: "radioLabel2", isDisabled: "isDisabled" }, outputs: { changedValue: "changedValue" }, ngImport: i0, template: "<div class=\"sfx-radio-toggle\" [ngClass]=\"{'radio-disabled': isDisabled}\">\n <input\n checked=\"true\"\n type=\"radio\"\n value=\"{{ radioLabel1 }}\"\n id=\"radio-{{ radioLabel1 }}\"\n name=\"radio-toggle\"\n (change)=\"onChange(radioLabel1)\"\n /><label for=\"radio-{{radioLabel1}}\">{{ radioLabel1 }}</label\n ><input\n type=\"radio\"\n value=\"{{ radioLabel2 }}\"\n id=\"radio-{{ radioLabel2 }}\"\n name=\"radio-toggle\"\n (change)=\"onChange(radioLabel2)\"\n /><label for=\"radio-{{radioLabel2}}\">{{ radioLabel2 }}</label>\n </div>\n ", styles: [".sfx-radio-toggle{display:flex;overflow:hidden}.sfx-radio-toggle input{position:absolute!important;clip:rect(0,0,0,0);height:1px;width:1px;border:0;overflow:hidden}.sfx-radio-toggle input:checked+label{background-color:#334860;color:#fff}.sfx-radio-toggle label{background-color:#fff;color:#000;font-size:12px;line-height:18px;text-align:center;border:1px solid #334860;transition:all .1s ease-in-out;text-transform:uppercase;font-weight:500;margin:0;min-width:50px}.sfx-radio-toggle label:hover{cursor:pointer}.sfx-radio-toggle label:first-of-type{border-radius:20px 0 0 20px;border-right:none}.sfx-radio-toggle label:last-of-type{border-radius:0 20px 20px 0;border-left:none}.sfx-radio-toggle.radio-disabled label{pointer-events:none;opacity:.5}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
1748
|
+
InputRadioToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputRadioToggleComponent, selector: "symphony-input-radio-toggle", inputs: { radioLabel1: "radioLabel1", radioLabel2: "radioLabel2", identifier: "identifier", isDisabled: "isDisabled" }, outputs: { changedValue: "changedValue" }, ngImport: i0, template: "<div class=\"sfx-radio-toggle\" [ngClass]=\"{'radio-disabled': isDisabled}\">\n <input\n checked=\"true\"\n type=\"radio\"\n value=\"{{ radioLabel1 }}\"\n id=\"radio-{{ radioLabel1 }}-{{identifier}}\"\n name=\"radio-toggle-{{identifier}}\"\n (change)=\"onChange(radioLabel1)\"\n /><label for=\"radio-{{radioLabel1}}-{{identifier}}\">{{ radioLabel1 }}</label\n ><input\n type=\"radio\"\n value=\"{{ radioLabel2 }}\"\n id=\"radio-{{ radioLabel2 }}-{{identifier}}\"\n name=\"radio-toggle-{{identifier}}\"\n (change)=\"onChange(radioLabel2)\"\n /><label for=\"radio-{{radioLabel2}}-{{identifier}}\">{{ radioLabel2 }}</label>\n </div>\n ", styles: [".sfx-radio-toggle{display:flex;overflow:hidden}.sfx-radio-toggle input{position:absolute!important;clip:rect(0,0,0,0);height:1px;width:1px;border:0;overflow:hidden}.sfx-radio-toggle input:checked+label{background-color:#334860;color:#fff}.sfx-radio-toggle label{background-color:#fff;color:#000;font-size:12px;line-height:18px;text-align:center;border:1px solid #334860;transition:all .1s ease-in-out;text-transform:uppercase;font-weight:500;margin:0;min-width:50px}.sfx-radio-toggle label:hover{cursor:pointer}.sfx-radio-toggle label:first-of-type{border-radius:20px 0 0 20px;border-right:none}.sfx-radio-toggle label:last-of-type{border-radius:0 20px 20px 0;border-left:none}.sfx-radio-toggle.radio-disabled label{pointer-events:none;opacity:.5}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
1747
1749
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputRadioToggleComponent, decorators: [{
|
|
1748
1750
|
type: Component,
|
|
1749
|
-
args: [{ selector: 'symphony-input-radio-toggle', template: "<div class=\"sfx-radio-toggle\" [ngClass]=\"{'radio-disabled': isDisabled}\">\n <input\n checked=\"true\"\n type=\"radio\"\n value=\"{{ radioLabel1 }}\"\n id=\"radio-{{ radioLabel1 }}\"\n name=\"radio-toggle\"\n (change)=\"onChange(radioLabel1)\"\n /><label for=\"radio-{{radioLabel1}}\">{{ radioLabel1 }}</label\n ><input\n type=\"radio\"\n value=\"{{ radioLabel2 }}\"\n id=\"radio-{{ radioLabel2 }}\"\n name=\"radio-toggle\"\n (change)=\"onChange(radioLabel2)\"\n /><label for=\"radio-{{radioLabel2}}\">{{ radioLabel2 }}</label>\n </div>\n ", styles: [".sfx-radio-toggle{display:flex;overflow:hidden}.sfx-radio-toggle input{position:absolute!important;clip:rect(0,0,0,0);height:1px;width:1px;border:0;overflow:hidden}.sfx-radio-toggle input:checked+label{background-color:#334860;color:#fff}.sfx-radio-toggle label{background-color:#fff;color:#000;font-size:12px;line-height:18px;text-align:center;border:1px solid #334860;transition:all .1s ease-in-out;text-transform:uppercase;font-weight:500;margin:0;min-width:50px}.sfx-radio-toggle label:hover{cursor:pointer}.sfx-radio-toggle label:first-of-type{border-radius:20px 0 0 20px;border-right:none}.sfx-radio-toggle label:last-of-type{border-radius:0 20px 20px 0;border-left:none}.sfx-radio-toggle.radio-disabled label{pointer-events:none;opacity:.5}\n"] }]
|
|
1751
|
+
args: [{ selector: 'symphony-input-radio-toggle', template: "<div class=\"sfx-radio-toggle\" [ngClass]=\"{'radio-disabled': isDisabled}\">\n <input\n checked=\"true\"\n type=\"radio\"\n value=\"{{ radioLabel1 }}\"\n id=\"radio-{{ radioLabel1 }}-{{identifier}}\"\n name=\"radio-toggle-{{identifier}}\"\n (change)=\"onChange(radioLabel1)\"\n /><label for=\"radio-{{radioLabel1}}-{{identifier}}\">{{ radioLabel1 }}</label\n ><input\n type=\"radio\"\n value=\"{{ radioLabel2 }}\"\n id=\"radio-{{ radioLabel2 }}-{{identifier}}\"\n name=\"radio-toggle-{{identifier}}\"\n (change)=\"onChange(radioLabel2)\"\n /><label for=\"radio-{{radioLabel2}}-{{identifier}}\">{{ radioLabel2 }}</label>\n </div>\n ", styles: [".sfx-radio-toggle{display:flex;overflow:hidden}.sfx-radio-toggle input{position:absolute!important;clip:rect(0,0,0,0);height:1px;width:1px;border:0;overflow:hidden}.sfx-radio-toggle input:checked+label{background-color:#334860;color:#fff}.sfx-radio-toggle label{background-color:#fff;color:#000;font-size:12px;line-height:18px;text-align:center;border:1px solid #334860;transition:all .1s ease-in-out;text-transform:uppercase;font-weight:500;margin:0;min-width:50px}.sfx-radio-toggle label:hover{cursor:pointer}.sfx-radio-toggle label:first-of-type{border-radius:20px 0 0 20px;border-right:none}.sfx-radio-toggle label:last-of-type{border-radius:0 20px 20px 0;border-left:none}.sfx-radio-toggle.radio-disabled label{pointer-events:none;opacity:.5}\n"] }]
|
|
1750
1752
|
}], ctorParameters: function () { return []; }, propDecorators: { radioLabel1: [{
|
|
1751
1753
|
type: Input
|
|
1752
1754
|
}], radioLabel2: [{
|
|
1753
1755
|
type: Input
|
|
1756
|
+
}], identifier: [{
|
|
1757
|
+
type: Input
|
|
1754
1758
|
}], isDisabled: [{
|
|
1755
1759
|
type: Input
|
|
1756
1760
|
}], changedValue: [{
|
|
@@ -2978,10 +2982,10 @@ class ChatHistoryMessageItemComponent {
|
|
|
2978
2982
|
constructor() { }
|
|
2979
2983
|
}
|
|
2980
2984
|
ChatHistoryMessageItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatHistoryMessageItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2981
|
-
ChatHistoryMessageItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ChatHistoryMessageItemComponent, selector: "symphony-chat-history-message-item", inputs: { chatHistoryMessageItemModel: "chatHistoryMessageItemModel" }, ngImport: i0, template: "<div *ngIf=\"chatHistoryMessageItemModel\">\n <symphony-chat-history-date-stamp\n class=\"sfx-d-inline-block sfx-wid-100 sfx-mb-20\"\n *ngIf=\"chatHistoryMessageItemModel.dateStamp\"\n [hasBorder]=\"chatHistoryMessageItemModel.dateStampBorder\"\n chatDateStamp=\"{{ chatHistoryMessageItemModel.dateStamp }}\"\n ></symphony-chat-history-date-stamp>\n <div\n class=\"sfx-d-flex\"\n [ngClass]=\"{\n 'received-item': chatHistoryMessageItemModel.isSender,\n 'sent-item': !chatHistoryMessageItemModel.isSender\n }\"\n >\n <symphony-chat-history-message-avatar\n class=\"chat-avatar\"\n initials=\"{{ chatHistoryMessageItemModel.initials }}\"\n imgSource=\"{{ chatHistoryMessageItemModel.imgSource }}\"\n ></symphony-chat-history-message-avatar>\n <symphony-chat-history-message-bubble\n [chatHistoryMessageBubbleModel]=\"\n chatHistoryMessageItemModel.chatHistoryMessageBubble\n \"\n ></symphony-chat-history-message-bubble>\n </div>\n</div>\n", styles: [".sent-item .chat-avatar{margin-right:10px}.received-item{flex-direction:row-reverse}.received-item .chat-avatar{margin-left:10px}.received-item .chat-avatar .chat-avatar-wrap{background:#
|
|
2985
|
+
ChatHistoryMessageItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ChatHistoryMessageItemComponent, selector: "symphony-chat-history-message-item", inputs: { chatHistoryMessageItemModel: "chatHistoryMessageItemModel" }, ngImport: i0, template: "<div *ngIf=\"chatHistoryMessageItemModel\">\n <symphony-chat-history-date-stamp\n class=\"sfx-d-inline-block sfx-wid-100 sfx-mb-20\"\n *ngIf=\"chatHistoryMessageItemModel.dateStamp\"\n [hasBorder]=\"chatHistoryMessageItemModel.dateStampBorder\"\n chatDateStamp=\"{{ chatHistoryMessageItemModel.dateStamp }}\"\n ></symphony-chat-history-date-stamp>\n <div\n class=\"sfx-d-flex\"\n [ngClass]=\"{\n 'received-item': chatHistoryMessageItemModel.isSender,\n 'sent-item': !chatHistoryMessageItemModel.isSender\n }\"\n >\n <symphony-chat-history-message-avatar\n class=\"chat-avatar\"\n initials=\"{{ chatHistoryMessageItemModel.initials }}\"\n imgSource=\"{{ chatHistoryMessageItemModel.imgSource }}\"\n isSender=\"{{ chatHistoryMessageItemModel.isSender }}\"\n ></symphony-chat-history-message-avatar>\n <symphony-chat-history-message-bubble\n [chatHistoryMessageBubbleModel]=\"\n chatHistoryMessageItemModel.chatHistoryMessageBubble\n \"\n ></symphony-chat-history-message-bubble>\n </div>\n</div>\n", styles: [".sent-item .chat-avatar{margin-right:10px}.sent-item .chat-avatar .chat-avatar-wrap{background:#AC4463;color:#fff}.received-item{flex-direction:row-reverse}.received-item .chat-avatar{margin-left:10px}.received-item .chat-avatar .chat-avatar-wrap{background:#334860;color:#fff}\n"], components: [{ type: ChatHistoryDateStampComponent, selector: "symphony-chat-history-date-stamp", inputs: ["chatDateStamp", "hasBorder"] }, { type: ChatHistoryMessageAvatarComponent, selector: "symphony-chat-history-message-avatar", inputs: ["initials", "imgSource", "isSender"] }, { type: ChatHistoryMessageBubbleComponent, selector: "symphony-chat-history-message-bubble", inputs: ["chatHistoryMessageBubbleModel"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
2982
2986
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatHistoryMessageItemComponent, decorators: [{
|
|
2983
2987
|
type: Component,
|
|
2984
|
-
args: [{ selector: 'symphony-chat-history-message-item', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"chatHistoryMessageItemModel\">\n <symphony-chat-history-date-stamp\n class=\"sfx-d-inline-block sfx-wid-100 sfx-mb-20\"\n *ngIf=\"chatHistoryMessageItemModel.dateStamp\"\n [hasBorder]=\"chatHistoryMessageItemModel.dateStampBorder\"\n chatDateStamp=\"{{ chatHistoryMessageItemModel.dateStamp }}\"\n ></symphony-chat-history-date-stamp>\n <div\n class=\"sfx-d-flex\"\n [ngClass]=\"{\n 'received-item': chatHistoryMessageItemModel.isSender,\n 'sent-item': !chatHistoryMessageItemModel.isSender\n }\"\n >\n <symphony-chat-history-message-avatar\n class=\"chat-avatar\"\n initials=\"{{ chatHistoryMessageItemModel.initials }}\"\n imgSource=\"{{ chatHistoryMessageItemModel.imgSource }}\"\n ></symphony-chat-history-message-avatar>\n <symphony-chat-history-message-bubble\n [chatHistoryMessageBubbleModel]=\"\n chatHistoryMessageItemModel.chatHistoryMessageBubble\n \"\n ></symphony-chat-history-message-bubble>\n </div>\n</div>\n", styles: [".sent-item .chat-avatar{margin-right:10px}.received-item{flex-direction:row-reverse}.received-item .chat-avatar{margin-left:10px}.received-item .chat-avatar .chat-avatar-wrap{background:#
|
|
2988
|
+
args: [{ selector: 'symphony-chat-history-message-item', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"chatHistoryMessageItemModel\">\n <symphony-chat-history-date-stamp\n class=\"sfx-d-inline-block sfx-wid-100 sfx-mb-20\"\n *ngIf=\"chatHistoryMessageItemModel.dateStamp\"\n [hasBorder]=\"chatHistoryMessageItemModel.dateStampBorder\"\n chatDateStamp=\"{{ chatHistoryMessageItemModel.dateStamp }}\"\n ></symphony-chat-history-date-stamp>\n <div\n class=\"sfx-d-flex\"\n [ngClass]=\"{\n 'received-item': chatHistoryMessageItemModel.isSender,\n 'sent-item': !chatHistoryMessageItemModel.isSender\n }\"\n >\n <symphony-chat-history-message-avatar\n class=\"chat-avatar\"\n initials=\"{{ chatHistoryMessageItemModel.initials }}\"\n imgSource=\"{{ chatHistoryMessageItemModel.imgSource }}\"\n isSender=\"{{ chatHistoryMessageItemModel.isSender }}\"\n ></symphony-chat-history-message-avatar>\n <symphony-chat-history-message-bubble\n [chatHistoryMessageBubbleModel]=\"\n chatHistoryMessageItemModel.chatHistoryMessageBubble\n \"\n ></symphony-chat-history-message-bubble>\n </div>\n</div>\n", styles: [".sent-item .chat-avatar{margin-right:10px}.sent-item .chat-avatar .chat-avatar-wrap{background:#AC4463;color:#fff}.received-item{flex-direction:row-reverse}.received-item .chat-avatar{margin-left:10px}.received-item .chat-avatar .chat-avatar-wrap{background:#334860;color:#fff}\n"] }]
|
|
2985
2989
|
}], ctorParameters: function () { return []; }, propDecorators: { chatHistoryMessageItemModel: [{
|
|
2986
2990
|
type: Input
|
|
2987
2991
|
}] } });
|