@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
|
@@ -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
|
}] } });
|