@symphony-talent/component-library 4.182.0 → 4.184.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/icon-wrapper/icon-wrapper.component.mjs +6 -3
- package/esm2020/lib/atoms/input-textarea-with-send/input-textarea-with-send.component.mjs +3 -3
- package/esm2020/lib/molecules/additional-information-card/additional-information-card.component.mjs +1 -1
- package/esm2020/lib/molecules/document-management-item/document-management-item.component.mjs +1 -1
- package/esm2020/lib/molecules/filter-tabs/filter-tabs.component.mjs +9 -3
- package/esm2020/lib/molecules/filter-tabs/filter-tabs.model.mjs +1 -1
- package/esm2020/lib/molecules/filter-tabs-v2/filter-tabs.component.mjs +1 -1
- package/esm2020/lib/molecules/icon-swatch/icon-swatch.component.mjs +1 -1
- package/esm2020/lib/molecules/task-status/task-status.component.mjs +1 -1
- package/esm2020/lib/organisms/action-bar/action-bar.component.mjs +1 -1
- package/esm2020/lib/organisms/ai-search-assistant-drawer/ai-search-assistant-drawer.component.mjs +13 -3
- package/esm2020/lib/organisms/assigned-to-widget/assigned-to-widget.component.mjs +1 -1
- package/esm2020/lib/organisms/document-management-list/document-management-list.component.mjs +1 -1
- package/esm2020/lib/organisms/grid-controls/grid-controls.component.mjs +1 -1
- package/esm2020/lib/organisms/grid-download/grid-download.component.mjs +1 -1
- package/esm2020/lib/pages/events-settings-page/events-settings-page.component.mjs +1 -1
- package/esm2020/lib/pages/feedback-detail-page/feedback-detail-page.component.mjs +1 -1
- package/esm2020/lib/pages/job-list-page/job-list-page.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/atoms/icon-wrapper/icon-wrapper.component.mjs +6 -3
- package/esm2020/projects/component-library/lib/atoms/input-textarea-with-send/input-textarea-with-send.component.mjs +3 -3
- package/esm2020/projects/component-library/lib/molecules/additional-information-card/additional-information-card.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/molecules/document-management-item/document-management-item.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/molecules/filter-tabs/filter-tabs.component.mjs +9 -3
- package/esm2020/projects/component-library/lib/molecules/filter-tabs/filter-tabs.model.mjs +1 -1
- package/esm2020/projects/component-library/lib/molecules/filter-tabs-v2/filter-tabs.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/molecules/icon-swatch/icon-swatch.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/molecules/task-status/task-status.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/organisms/action-bar/action-bar.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/organisms/ai-search-assistant-drawer/ai-search-assistant-drawer.component.mjs +13 -3
- package/esm2020/projects/component-library/lib/organisms/assigned-to-widget/assigned-to-widget.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/organisms/document-management-list/document-management-list.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/organisms/grid-controls/grid-controls.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/organisms/grid-download/grid-download.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/pages/events-settings-page/events-settings-page.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/pages/feedback-detail-page/feedback-detail-page.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/pages/job-list-page/job-list-page.component.mjs +1 -1
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +40 -21
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +40 -21
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +40 -21
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +40 -21
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/atoms/icon-wrapper/icon-wrapper.component.d.ts +2 -1
- package/lib/molecules/filter-tabs/filter-tabs.component.d.ts +3 -1
- package/lib/molecules/filter-tabs/filter-tabs.model.d.ts +2 -0
- package/lib/organisms/ai-search-assistant-drawer/ai-search-assistant-drawer.component.d.ts +12 -1
- package/package.json +1 -1
- package/projects/component-library/lib/atoms/icon-wrapper/icon-wrapper.component.d.ts +2 -1
- package/projects/component-library/lib/molecules/filter-tabs/filter-tabs.component.d.ts +3 -1
- package/projects/component-library/lib/molecules/filter-tabs/filter-tabs.model.d.ts +2 -0
- package/projects/component-library/lib/organisms/ai-search-assistant-drawer/ai-search-assistant-drawer.component.d.ts +12 -1
|
@@ -5,6 +5,7 @@ import * as i1 from "@angular/common";
|
|
|
5
5
|
export class IconWrapperComponent {
|
|
6
6
|
constructor() {
|
|
7
7
|
this.Icons = Icons;
|
|
8
|
+
this.isDisabled = false;
|
|
8
9
|
this.clicked = new EventEmitter();
|
|
9
10
|
}
|
|
10
11
|
onClick() {
|
|
@@ -12,17 +13,19 @@ export class IconWrapperComponent {
|
|
|
12
13
|
}
|
|
13
14
|
}
|
|
14
15
|
IconWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IconWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
-
IconWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: { backgroundColor: "backgroundColor", isInverse: "isInverse", hasHoverWithoutBorder: "hasHoverWithoutBorder" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"icon-wrapper\" [ngClass]=\"{ 'is-inverse': isInverse, 'hoverWithoutBorder': hasHoverWithoutBorder }\"\n (click)=\"onClick()\" [style.background]=\"backgroundColor ? backgroundColor : 'null'\">\n <ng-content></ng-content>\n</div>", styles: [".icon-wrapper{border-radius:50%;border:2px solid #334860;height:40px;width:40px;padding:9px 0;color:#334860;cursor:pointer;text-align:center}.icon-wrapper:hover{background:#334860;color:#fff}.icon-wrapper.is-inverse{background:#000;color:#fff}.icon-wrapper.is-inverse:hover{background:#fff;color:#000}.icon-wrapper.hoverWithoutBorder{border:none;line-height:30px}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
16
|
+
IconWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: { backgroundColor: "backgroundColor", isInverse: "isInverse", hasHoverWithoutBorder: "hasHoverWithoutBorder", isDisabled: "isDisabled" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"icon-wrapper\" [ngClass]=\"{ 'is-inverse': isInverse, 'hoverWithoutBorder': hasHoverWithoutBorder, 'disabled': isDisabled }\"\n (click)=\"onClick()\" [style.background]=\"backgroundColor ? backgroundColor : 'null'\">\n <ng-content></ng-content>\n</div>", styles: [".icon-wrapper{border-radius:50%;border:2px solid #334860;height:40px;width:40px;padding:9px 0;color:#334860;cursor:pointer;text-align:center}.icon-wrapper:hover{background:#334860;color:#fff}.icon-wrapper.is-inverse{background:#000;color:#fff}.icon-wrapper.is-inverse:hover{background:#fff;color:#000}.icon-wrapper.hoverWithoutBorder{border:none;line-height:30px}.icon-wrapper.disabled{opacity:.7;cursor:not-allowed}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
16
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IconWrapperComponent, decorators: [{
|
|
17
18
|
type: Component,
|
|
18
|
-
args: [{ selector: 'symphony-icon-wrapper', template: "<div class=\"icon-wrapper\" [ngClass]=\"{ 'is-inverse': isInverse, 'hoverWithoutBorder': hasHoverWithoutBorder }\"\n (click)=\"onClick()\" [style.background]=\"backgroundColor ? backgroundColor : 'null'\">\n <ng-content></ng-content>\n</div>", styles: [".icon-wrapper{border-radius:50%;border:2px solid #334860;height:40px;width:40px;padding:9px 0;color:#334860;cursor:pointer;text-align:center}.icon-wrapper:hover{background:#334860;color:#fff}.icon-wrapper.is-inverse{background:#000;color:#fff}.icon-wrapper.is-inverse:hover{background:#fff;color:#000}.icon-wrapper.hoverWithoutBorder{border:none;line-height:30px}\n"] }]
|
|
19
|
+
args: [{ selector: 'symphony-icon-wrapper', template: "<div class=\"icon-wrapper\" [ngClass]=\"{ 'is-inverse': isInverse, 'hoverWithoutBorder': hasHoverWithoutBorder, 'disabled': isDisabled }\"\n (click)=\"onClick()\" [style.background]=\"backgroundColor ? backgroundColor : 'null'\">\n <ng-content></ng-content>\n</div>", styles: [".icon-wrapper{border-radius:50%;border:2px solid #334860;height:40px;width:40px;padding:9px 0;color:#334860;cursor:pointer;text-align:center}.icon-wrapper:hover{background:#334860;color:#fff}.icon-wrapper.is-inverse{background:#000;color:#fff}.icon-wrapper.is-inverse:hover{background:#fff;color:#000}.icon-wrapper.hoverWithoutBorder{border:none;line-height:30px}.icon-wrapper.disabled{opacity:.7;cursor:not-allowed}\n"] }]
|
|
19
20
|
}], ctorParameters: function () { return []; }, propDecorators: { backgroundColor: [{
|
|
20
21
|
type: Input
|
|
21
22
|
}], isInverse: [{
|
|
22
23
|
type: Input
|
|
23
24
|
}], hasHoverWithoutBorder: [{
|
|
24
25
|
type: Input
|
|
26
|
+
}], isDisabled: [{
|
|
27
|
+
type: Input
|
|
25
28
|
}], clicked: [{
|
|
26
29
|
type: Output
|
|
27
30
|
}] } });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi13cmFwcGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvaWNvbi13cmFwcGVyL2ljb24td3JhcHBlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2ljb24td3JhcHBlci9pY29uLXdyYXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7OztBQU8xQyxNQUFNLE9BQU8sb0JBQW9CO0lBUS9CO1FBUEEsVUFBSyxHQUFHLEtBQUssQ0FBQztRQUlMLGVBQVUsR0FBYSxLQUFLLENBQUM7UUFDNUIsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7SUFFaEMsQ0FBQztJQUVoQixPQUFPO1FBQ0wsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDL0IsQ0FBQzs7aUhBWlUsb0JBQW9CO3FHQUFwQixvQkFBb0IsZ1BDUmpDLDZRQUdNOzJGREtPLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDRSx1QkFBdUI7MEVBTXhCLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxxQkFBcUI7c0JBQTdCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEljb25zIH0gZnJvbSAnLi4vaWNvbi9pY29uLmVudW0nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1pY29uLXdyYXBwZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vaWNvbi13cmFwcGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaWNvbi13cmFwcGVyLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEljb25XcmFwcGVyQ29tcG9uZW50IHtcbiAgSWNvbnMgPSBJY29ucztcbiAgQElucHV0KCkgYmFja2dyb3VuZENvbG9yOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGlzSW52ZXJzZTogYm9vbGVhbjtcbiAgQElucHV0KCkgaGFzSG92ZXJXaXRob3V0Qm9yZGVyOiBib29sZWFuO1xuICBASW5wdXQoKSBpc0Rpc2FibGVkPzogYm9vbGVhbiA9IGZhbHNlO1xuICBAT3V0cHV0KCkgY2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBvbkNsaWNrKCkge1xuICAgIHRoaXMuY2xpY2tlZC5lbWl0KCdjbGlja2VkJyk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJpY29uLXdyYXBwZXJcIiBbbmdDbGFzc109XCJ7ICdpcy1pbnZlcnNlJzogaXNJbnZlcnNlLCAnaG92ZXJXaXRob3V0Qm9yZGVyJzogaGFzSG92ZXJXaXRob3V0Qm9yZGVyLCAnZGlzYWJsZWQnOiBpc0Rpc2FibGVkIH1cIlxuICAoY2xpY2spPVwib25DbGljaygpXCIgW3N0eWxlLmJhY2tncm91bmRdPVwiYmFja2dyb3VuZENvbG9yID8gYmFja2dyb3VuZENvbG9yIDogJ251bGwnXCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PiJdfQ==
|
|
@@ -115,7 +115,7 @@ InputTextareaWithSendComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
|
115
115
|
useExisting: forwardRef(() => InputTextareaWithSendComponent),
|
|
116
116
|
multi: true
|
|
117
117
|
}
|
|
118
|
-
], viewQueries: [{ propertyName: "textareaElement", first: true, predicate: ["textareaElement"], descendants: true }], ngImport: i0, template: "<div class=\"input-textarea-with-send-container\">\n <!-- Character Counter -->\n <div \n class=\"character-counter sfx-mb-10\"\n *ngIf=\"showCharacterCount && maxCharacterLimit\">\n <span \n class=\"counter-text\"\n [class.counter-exceeded]=\"isCharacterLimitExceeded()\">\n {{ getCharacterCount() }} / {{ maxCharacterLimit }}\n </span>\n </div>\n\n <!-- Input with Send Button -->\n <div class=\"input-wrapper\">\n <textarea\n #textareaElement\n class=\"textarea-input\"\n [value]=\"value\"\n [placeholder]=\"placeholder\"\n [disabled]=\"isDisabled\"\n [maxLength]=\"maxCharacterLimit\"\n (input)=\"onInputChange($event)\"\n (keydown)=\"onInputKeyPress($event)\"\n (blur)=\"onTouched()\"\n rows=\"1\">\n </textarea>\n \n <!-- Send Button -->\n <button\n type=\"button\"\n class=\"send-button\"\n [class.enabled]=\"canSend()\"\n [class.disabled]=\"!canSend()\"\n [disabled]=\"!canSend()\"\n (click)=\"onSendClick()\"\n [attr.aria-label]=\"sendButtonAriaLabel\">\n <symphony-icon [icon]=\"sendButtonIcon\" [size]=\"'10px'\"></symphony-icon>\n </button>\n </div>\n</div> ", styles: [".sfx-p-0{padding:0}.sfx-p-5{padding:.3rem}.sfx-p-10{padding:.625rem}.sfx-p-15{padding:.9375rem}.sfx-p-20{padding:1.25rem}.sfx-p-30{padding:1.875rem}.sfx-pt-0{padding-top:0}.sfx-pt-5{padding-top:.3rem}.sfx-pt-10{padding-top:.625rem}.sfx-pt-15{padding-top:.9375rem}.sfx-pt-20{padding-top:1.25rem}.sfx-pt-25{padding-top:1.5625rem}.sfx-pt-30{padding-top:1.875rem}.sfx-pt-35{padding-top:2.1875rem}.sfx-pt-40{padding-top:2.5rem}.sfx-pt-50{padding-top:3.125rem}.sfx-pb-0{padding-bottom:0}.sfx-pb-5{padding-bottom:.3rem}.sfx-pb-10{padding-bottom:.625rem}.sfx-pb-15{padding-bottom:.9375rem}.sfx-pb-20{padding-bottom:1.25rem}.sfx-pb-25{padding-bottom:1.5625rem}.sfx-pb-30{padding-bottom:1.875rem}.sfx-pb-35{padding-bottom:2.1875rem}.sfx-pb-40{padding-bottom:2.5rem}.sfx-pb-50{padding-bottom:3.125rem}.sfx-pl-0{padding-left:0}.sfx-pl-5{padding-left:.3rem}.sfx-pl-10{padding-left:.625rem}.sfx-pl-15{padding-left:.9375rem}.sfx-pl-20{padding-left:1.25rem}.sfx-pl-25{padding-left:1.5625rem}.sfx-pl-30{padding-left:1.875rem}.sfx-pr-0{padding-right:0}.sfx-pr-5{padding-right:.3rem}.sfx-pr-10{padding-right:.625rem}.sfx-pr-15{padding-right:.9375rem}.sfx-pr-20{padding-right:1.25rem}.sfx-pr-25{padding-right:1.5625rem}.sfx-pr-30{padding-right:1.875rem}.sfx-py-15{padding-left:.9375rem;padding-right:.9375rem}.sfx-py-30{padding-left:1.875rem;padding-right:1.875rem}.sfx-px-0{padding-top:0;padding-bottom:0}.sfx-px-15{padding-top:.9375rem;padding-bottom:.9375rem}.sfx-px-20{padding-top:1.25rem;padding-bottom:1.25rem}.sfx-px-30{padding-top:1.875rem;padding-bottom:1.875rem}.sfx-m-0{margin:0}.sfx-m-5{margin:.3rem}.sfx-m-10{margin:.625rem}.sfx-m-15{margin:.9375rem}.sfx-m-20{margin:1.25rem}.sfx-m-auto{margin:0 auto}.sfx-mt-0{margin-top:0}.sfx-mt-5{margin-top:.3rem}.sfx-mt-10{margin-top:.625rem}.sfx-mt-15{margin-top:.9375rem}.sfx-mt-20{margin-top:1.25rem}.sfx-mt-25{margin-top:1.5625rem}.sfx-mt-30{margin-top:1.875rem}.sfx-mt-40{margin-top:2.5rem}.sfx-mt-80{margin-top:5rem}.sfx-mb-0{margin-bottom:0}.sfx-mb-5{margin-bottom:.3rem}.sfx-mb-10{margin-bottom:.625rem}.sfx-mb-15{margin-bottom:.9375rem}.sfx-mb-20{margin-bottom:1.25rem}.sfx-mb-25{margin-bottom:1.5625rem}.sfx-mb-30{margin-bottom:1.875rem}.sfx-mb-40{margin-bottom:2.5rem}.sfx-mb-50{margin-bottom:3.125rem}.sfx-ml-0{margin-left:0}.sfx-ml-5{margin-left:.3rem}.sfx-ml-10{margin-left:.625rem}.sfx-ml-15{margin-left:.9375rem}.sfx-ml-20{margin-left:1.25rem}.sfx-ml-auto{margin-left:auto}.sfx-mr-0{margin-right:0}.sfx-mr-5{margin-right:.3rem}.sfx-mr-10{margin-right:.625rem}.sfx-mr-15{margin-right:.9375rem}.sfx-mr-20{margin-right:1.25rem}.sfx-mr-25{margin-right:1.5625rem}.sfx-mr-30{margin-right:1.875rem}.sfx-mr-40{margin-right:2.5rem}.input-textarea-with-send-container{width:100%}.character-counter{text-align:right}.character-counter .counter-text{font-size:.75rem;color:#5b6d80}.character-counter .counter-text.counter-exceeded{color:#ac4463;font-weight:500}.input-wrapper{position:relative;display:flex;align-items:flex-end}.input-wrapper .textarea-input{flex:1;width:100%;min-height:52px;max-height:200px;padding:.9375rem 56px .9375rem .9375rem;font-size:.875rem;line-height:1.5rem;font-family:runda,sans-serif;background:#ffffff;border:1px solid #334860;border-radius:4px;resize:none;overflow-y:auto;transition:border-color .2s ease}.input-wrapper .textarea-input::-moz-placeholder{color:#5b6d80}.input-wrapper .textarea-input:-ms-input-placeholder{color:#5b6d80}.input-wrapper .textarea-input::placeholder{color:#5b6d80}.input-wrapper .textarea-input:focus{border-color:#2b8ff3;outline:none}.input-wrapper .textarea-input:disabled{background-color:#f1f2f5;border-color:#c3cbdc;color:#5b6d80;cursor:not-allowed}.input-wrapper .textarea-input::-webkit-scrollbar{width:4px}.input-wrapper .textarea-input::-webkit-scrollbar-track{background:transparent}.input-wrapper .textarea-input::-webkit-scrollbar-thumb{background:#C3CBDC;border-radius:2px}.input-wrapper .textarea-input::-webkit-scrollbar-thumb:hover{background:#5B6D80}.input-wrapper .send-button{position:absolute;right:.625rem;bottom:.625rem;width:36px;height:36px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10;flex-shrink:0}.input-wrapper .send-button.enabled{background-color:#2b8ff3}.input-wrapper .send-button.enabled:hover{background-color:#0d76de;transform:scale(1.05)}.input-wrapper .send-button.enabled:active{transform:scale(.95)}.input-wrapper .send-button.enabled symphony-icon{color:#fff;font-size:16px}.input-wrapper .send-button.disabled{background-color:#d2d8e5;cursor:not-allowed}.input-wrapper .send-button.disabled symphony-icon{color:#5b6d80;font-size:16px}.input-wrapper .send-button symphony-icon{transition:color .2s ease}.input-wrapper .send-button:focus{outline:2px solid #2B8FF3;outline-offset:2px}@media (max-width: 768px){.input-wrapper .textarea-input{min-height:48px;padding:.625rem 50px .625rem .9375rem;font-size:.875rem;line-height:22px}.input-wrapper .send-button{width:32px;height:32px;right:.625rem;bottom:.625rem}.input-wrapper .send-button symphony-icon{font-size:.875rem}}@media (prefers-contrast: high){.textarea-input{border:2px solid #08203E}.textarea-input:focus{border-color:#2b8ff3}.send-button.enabled{border:2px solid #0a5cae}}@media (prefers-reduced-motion: reduce){.textarea-input,.send-button{transition:none}.send-button:hover,.send-button:active{transform:none}}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
118
|
+
], viewQueries: [{ propertyName: "textareaElement", first: true, predicate: ["textareaElement"], descendants: true }], ngImport: i0, template: "<div class=\"input-textarea-with-send-container\">\n <!-- Character Counter -->\n <div \n class=\"character-counter sfx-mb-10\"\n *ngIf=\"showCharacterCount && maxCharacterLimit\">\n <span \n class=\"counter-text\"\n [class.counter-exceeded]=\"isCharacterLimitExceeded()\">\n {{ getCharacterCount() }} / {{ maxCharacterLimit }}\n </span>\n </div>\n\n <!-- Input with Send Button -->\n <div class=\"input-wrapper\">\n <textarea\n #textareaElement\n class=\"textarea-input\"\n [value]=\"value\"\n [placeholder]=\"placeholder\"\n [disabled]=\"isDisabled\"\n [maxLength]=\"maxCharacterLimit\"\n (input)=\"onInputChange($event)\"\n (keydown)=\"onInputKeyPress($event)\"\n (blur)=\"onTouched()\"\n rows=\"1\">\n </textarea>\n \n <!-- Send Button -->\n <button\n type=\"button\"\n class=\"send-button\"\n [class.enabled]=\"canSend()\"\n [class.disabled]=\"!canSend()\"\n [disabled]=\"!canSend()\"\n (click)=\"onSendClick()\"\n id=\"button-textarea-send\"\n [attr.aria-label]=\"sendButtonAriaLabel\">\n <symphony-icon [icon]=\"sendButtonIcon\" [size]=\"'10px'\"></symphony-icon>\n </button>\n </div>\n</div> ", styles: [".sfx-p-0{padding:0}.sfx-p-5{padding:.3rem}.sfx-p-10{padding:.625rem}.sfx-p-15{padding:.9375rem}.sfx-p-20{padding:1.25rem}.sfx-p-30{padding:1.875rem}.sfx-pt-0{padding-top:0}.sfx-pt-5{padding-top:.3rem}.sfx-pt-10{padding-top:.625rem}.sfx-pt-15{padding-top:.9375rem}.sfx-pt-20{padding-top:1.25rem}.sfx-pt-25{padding-top:1.5625rem}.sfx-pt-30{padding-top:1.875rem}.sfx-pt-35{padding-top:2.1875rem}.sfx-pt-40{padding-top:2.5rem}.sfx-pt-50{padding-top:3.125rem}.sfx-pb-0{padding-bottom:0}.sfx-pb-5{padding-bottom:.3rem}.sfx-pb-10{padding-bottom:.625rem}.sfx-pb-15{padding-bottom:.9375rem}.sfx-pb-20{padding-bottom:1.25rem}.sfx-pb-25{padding-bottom:1.5625rem}.sfx-pb-30{padding-bottom:1.875rem}.sfx-pb-35{padding-bottom:2.1875rem}.sfx-pb-40{padding-bottom:2.5rem}.sfx-pb-50{padding-bottom:3.125rem}.sfx-pl-0{padding-left:0}.sfx-pl-5{padding-left:.3rem}.sfx-pl-10{padding-left:.625rem}.sfx-pl-15{padding-left:.9375rem}.sfx-pl-20{padding-left:1.25rem}.sfx-pl-25{padding-left:1.5625rem}.sfx-pl-30{padding-left:1.875rem}.sfx-pr-0{padding-right:0}.sfx-pr-5{padding-right:.3rem}.sfx-pr-10{padding-right:.625rem}.sfx-pr-15{padding-right:.9375rem}.sfx-pr-20{padding-right:1.25rem}.sfx-pr-25{padding-right:1.5625rem}.sfx-pr-30{padding-right:1.875rem}.sfx-py-15{padding-left:.9375rem;padding-right:.9375rem}.sfx-py-30{padding-left:1.875rem;padding-right:1.875rem}.sfx-px-0{padding-top:0;padding-bottom:0}.sfx-px-15{padding-top:.9375rem;padding-bottom:.9375rem}.sfx-px-20{padding-top:1.25rem;padding-bottom:1.25rem}.sfx-px-30{padding-top:1.875rem;padding-bottom:1.875rem}.sfx-m-0{margin:0}.sfx-m-5{margin:.3rem}.sfx-m-10{margin:.625rem}.sfx-m-15{margin:.9375rem}.sfx-m-20{margin:1.25rem}.sfx-m-auto{margin:0 auto}.sfx-mt-0{margin-top:0}.sfx-mt-5{margin-top:.3rem}.sfx-mt-10{margin-top:.625rem}.sfx-mt-15{margin-top:.9375rem}.sfx-mt-20{margin-top:1.25rem}.sfx-mt-25{margin-top:1.5625rem}.sfx-mt-30{margin-top:1.875rem}.sfx-mt-40{margin-top:2.5rem}.sfx-mt-80{margin-top:5rem}.sfx-mb-0{margin-bottom:0}.sfx-mb-5{margin-bottom:.3rem}.sfx-mb-10{margin-bottom:.625rem}.sfx-mb-15{margin-bottom:.9375rem}.sfx-mb-20{margin-bottom:1.25rem}.sfx-mb-25{margin-bottom:1.5625rem}.sfx-mb-30{margin-bottom:1.875rem}.sfx-mb-40{margin-bottom:2.5rem}.sfx-mb-50{margin-bottom:3.125rem}.sfx-ml-0{margin-left:0}.sfx-ml-5{margin-left:.3rem}.sfx-ml-10{margin-left:.625rem}.sfx-ml-15{margin-left:.9375rem}.sfx-ml-20{margin-left:1.25rem}.sfx-ml-auto{margin-left:auto}.sfx-mr-0{margin-right:0}.sfx-mr-5{margin-right:.3rem}.sfx-mr-10{margin-right:.625rem}.sfx-mr-15{margin-right:.9375rem}.sfx-mr-20{margin-right:1.25rem}.sfx-mr-25{margin-right:1.5625rem}.sfx-mr-30{margin-right:1.875rem}.sfx-mr-40{margin-right:2.5rem}.input-textarea-with-send-container{width:100%}.character-counter{text-align:right}.character-counter .counter-text{font-size:.75rem;color:#5b6d80}.character-counter .counter-text.counter-exceeded{color:#ac4463;font-weight:500}.input-wrapper{position:relative;display:flex;align-items:flex-end}.input-wrapper .textarea-input{flex:1;width:100%;min-height:52px;max-height:200px;padding:.9375rem 56px .9375rem .9375rem;font-size:.875rem;line-height:1.5rem;font-family:runda,sans-serif;background:#ffffff;border:1px solid #334860;border-radius:4px;resize:none;overflow-y:auto;transition:border-color .2s ease}.input-wrapper .textarea-input::-moz-placeholder{color:#5b6d80}.input-wrapper .textarea-input:-ms-input-placeholder{color:#5b6d80}.input-wrapper .textarea-input::placeholder{color:#5b6d80}.input-wrapper .textarea-input:focus{border-color:#2b8ff3;outline:none}.input-wrapper .textarea-input:disabled{background-color:#f1f2f5;border-color:#c3cbdc;color:#5b6d80;cursor:not-allowed}.input-wrapper .textarea-input::-webkit-scrollbar{width:4px}.input-wrapper .textarea-input::-webkit-scrollbar-track{background:transparent}.input-wrapper .textarea-input::-webkit-scrollbar-thumb{background:#C3CBDC;border-radius:2px}.input-wrapper .textarea-input::-webkit-scrollbar-thumb:hover{background:#5B6D80}.input-wrapper .send-button{position:absolute;right:.625rem;bottom:.625rem;width:36px;height:36px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10;flex-shrink:0}.input-wrapper .send-button.enabled{background-color:#2b8ff3}.input-wrapper .send-button.enabled:hover{background-color:#0d76de;transform:scale(1.05)}.input-wrapper .send-button.enabled:active{transform:scale(.95)}.input-wrapper .send-button.enabled symphony-icon{color:#fff;font-size:16px}.input-wrapper .send-button.disabled{background-color:#d2d8e5;cursor:not-allowed}.input-wrapper .send-button.disabled symphony-icon{color:#5b6d80;font-size:16px}.input-wrapper .send-button symphony-icon{transition:color .2s ease}.input-wrapper .send-button:focus{outline:2px solid #2B8FF3;outline-offset:2px}@media (max-width: 768px){.input-wrapper .textarea-input{min-height:48px;padding:.625rem 50px .625rem .9375rem;font-size:.875rem;line-height:22px}.input-wrapper .send-button{width:32px;height:32px;right:.625rem;bottom:.625rem}.input-wrapper .send-button symphony-icon{font-size:.875rem}}@media (prefers-contrast: high){.textarea-input{border:2px solid #08203E}.textarea-input:focus{border-color:#2b8ff3}.send-button.enabled{border:2px solid #0a5cae}}@media (prefers-reduced-motion: reduce){.textarea-input,.send-button{transition:none}.send-button:hover,.send-button:active{transform:none}}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
119
119
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextareaWithSendComponent, decorators: [{
|
|
120
120
|
type: Component,
|
|
121
121
|
args: [{ selector: 'symphony-input-textarea-with-send', providers: [
|
|
@@ -124,7 +124,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
124
124
|
useExisting: forwardRef(() => InputTextareaWithSendComponent),
|
|
125
125
|
multi: true
|
|
126
126
|
}
|
|
127
|
-
], template: "<div class=\"input-textarea-with-send-container\">\n <!-- Character Counter -->\n <div \n class=\"character-counter sfx-mb-10\"\n *ngIf=\"showCharacterCount && maxCharacterLimit\">\n <span \n class=\"counter-text\"\n [class.counter-exceeded]=\"isCharacterLimitExceeded()\">\n {{ getCharacterCount() }} / {{ maxCharacterLimit }}\n </span>\n </div>\n\n <!-- Input with Send Button -->\n <div class=\"input-wrapper\">\n <textarea\n #textareaElement\n class=\"textarea-input\"\n [value]=\"value\"\n [placeholder]=\"placeholder\"\n [disabled]=\"isDisabled\"\n [maxLength]=\"maxCharacterLimit\"\n (input)=\"onInputChange($event)\"\n (keydown)=\"onInputKeyPress($event)\"\n (blur)=\"onTouched()\"\n rows=\"1\">\n </textarea>\n \n <!-- Send Button -->\n <button\n type=\"button\"\n class=\"send-button\"\n [class.enabled]=\"canSend()\"\n [class.disabled]=\"!canSend()\"\n [disabled]=\"!canSend()\"\n (click)=\"onSendClick()\"\n [attr.aria-label]=\"sendButtonAriaLabel\">\n <symphony-icon [icon]=\"sendButtonIcon\" [size]=\"'10px'\"></symphony-icon>\n </button>\n </div>\n</div> ", styles: [".sfx-p-0{padding:0}.sfx-p-5{padding:.3rem}.sfx-p-10{padding:.625rem}.sfx-p-15{padding:.9375rem}.sfx-p-20{padding:1.25rem}.sfx-p-30{padding:1.875rem}.sfx-pt-0{padding-top:0}.sfx-pt-5{padding-top:.3rem}.sfx-pt-10{padding-top:.625rem}.sfx-pt-15{padding-top:.9375rem}.sfx-pt-20{padding-top:1.25rem}.sfx-pt-25{padding-top:1.5625rem}.sfx-pt-30{padding-top:1.875rem}.sfx-pt-35{padding-top:2.1875rem}.sfx-pt-40{padding-top:2.5rem}.sfx-pt-50{padding-top:3.125rem}.sfx-pb-0{padding-bottom:0}.sfx-pb-5{padding-bottom:.3rem}.sfx-pb-10{padding-bottom:.625rem}.sfx-pb-15{padding-bottom:.9375rem}.sfx-pb-20{padding-bottom:1.25rem}.sfx-pb-25{padding-bottom:1.5625rem}.sfx-pb-30{padding-bottom:1.875rem}.sfx-pb-35{padding-bottom:2.1875rem}.sfx-pb-40{padding-bottom:2.5rem}.sfx-pb-50{padding-bottom:3.125rem}.sfx-pl-0{padding-left:0}.sfx-pl-5{padding-left:.3rem}.sfx-pl-10{padding-left:.625rem}.sfx-pl-15{padding-left:.9375rem}.sfx-pl-20{padding-left:1.25rem}.sfx-pl-25{padding-left:1.5625rem}.sfx-pl-30{padding-left:1.875rem}.sfx-pr-0{padding-right:0}.sfx-pr-5{padding-right:.3rem}.sfx-pr-10{padding-right:.625rem}.sfx-pr-15{padding-right:.9375rem}.sfx-pr-20{padding-right:1.25rem}.sfx-pr-25{padding-right:1.5625rem}.sfx-pr-30{padding-right:1.875rem}.sfx-py-15{padding-left:.9375rem;padding-right:.9375rem}.sfx-py-30{padding-left:1.875rem;padding-right:1.875rem}.sfx-px-0{padding-top:0;padding-bottom:0}.sfx-px-15{padding-top:.9375rem;padding-bottom:.9375rem}.sfx-px-20{padding-top:1.25rem;padding-bottom:1.25rem}.sfx-px-30{padding-top:1.875rem;padding-bottom:1.875rem}.sfx-m-0{margin:0}.sfx-m-5{margin:.3rem}.sfx-m-10{margin:.625rem}.sfx-m-15{margin:.9375rem}.sfx-m-20{margin:1.25rem}.sfx-m-auto{margin:0 auto}.sfx-mt-0{margin-top:0}.sfx-mt-5{margin-top:.3rem}.sfx-mt-10{margin-top:.625rem}.sfx-mt-15{margin-top:.9375rem}.sfx-mt-20{margin-top:1.25rem}.sfx-mt-25{margin-top:1.5625rem}.sfx-mt-30{margin-top:1.875rem}.sfx-mt-40{margin-top:2.5rem}.sfx-mt-80{margin-top:5rem}.sfx-mb-0{margin-bottom:0}.sfx-mb-5{margin-bottom:.3rem}.sfx-mb-10{margin-bottom:.625rem}.sfx-mb-15{margin-bottom:.9375rem}.sfx-mb-20{margin-bottom:1.25rem}.sfx-mb-25{margin-bottom:1.5625rem}.sfx-mb-30{margin-bottom:1.875rem}.sfx-mb-40{margin-bottom:2.5rem}.sfx-mb-50{margin-bottom:3.125rem}.sfx-ml-0{margin-left:0}.sfx-ml-5{margin-left:.3rem}.sfx-ml-10{margin-left:.625rem}.sfx-ml-15{margin-left:.9375rem}.sfx-ml-20{margin-left:1.25rem}.sfx-ml-auto{margin-left:auto}.sfx-mr-0{margin-right:0}.sfx-mr-5{margin-right:.3rem}.sfx-mr-10{margin-right:.625rem}.sfx-mr-15{margin-right:.9375rem}.sfx-mr-20{margin-right:1.25rem}.sfx-mr-25{margin-right:1.5625rem}.sfx-mr-30{margin-right:1.875rem}.sfx-mr-40{margin-right:2.5rem}.input-textarea-with-send-container{width:100%}.character-counter{text-align:right}.character-counter .counter-text{font-size:.75rem;color:#5b6d80}.character-counter .counter-text.counter-exceeded{color:#ac4463;font-weight:500}.input-wrapper{position:relative;display:flex;align-items:flex-end}.input-wrapper .textarea-input{flex:1;width:100%;min-height:52px;max-height:200px;padding:.9375rem 56px .9375rem .9375rem;font-size:.875rem;line-height:1.5rem;font-family:runda,sans-serif;background:#ffffff;border:1px solid #334860;border-radius:4px;resize:none;overflow-y:auto;transition:border-color .2s ease}.input-wrapper .textarea-input::-moz-placeholder{color:#5b6d80}.input-wrapper .textarea-input:-ms-input-placeholder{color:#5b6d80}.input-wrapper .textarea-input::placeholder{color:#5b6d80}.input-wrapper .textarea-input:focus{border-color:#2b8ff3;outline:none}.input-wrapper .textarea-input:disabled{background-color:#f1f2f5;border-color:#c3cbdc;color:#5b6d80;cursor:not-allowed}.input-wrapper .textarea-input::-webkit-scrollbar{width:4px}.input-wrapper .textarea-input::-webkit-scrollbar-track{background:transparent}.input-wrapper .textarea-input::-webkit-scrollbar-thumb{background:#C3CBDC;border-radius:2px}.input-wrapper .textarea-input::-webkit-scrollbar-thumb:hover{background:#5B6D80}.input-wrapper .send-button{position:absolute;right:.625rem;bottom:.625rem;width:36px;height:36px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10;flex-shrink:0}.input-wrapper .send-button.enabled{background-color:#2b8ff3}.input-wrapper .send-button.enabled:hover{background-color:#0d76de;transform:scale(1.05)}.input-wrapper .send-button.enabled:active{transform:scale(.95)}.input-wrapper .send-button.enabled symphony-icon{color:#fff;font-size:16px}.input-wrapper .send-button.disabled{background-color:#d2d8e5;cursor:not-allowed}.input-wrapper .send-button.disabled symphony-icon{color:#5b6d80;font-size:16px}.input-wrapper .send-button symphony-icon{transition:color .2s ease}.input-wrapper .send-button:focus{outline:2px solid #2B8FF3;outline-offset:2px}@media (max-width: 768px){.input-wrapper .textarea-input{min-height:48px;padding:.625rem 50px .625rem .9375rem;font-size:.875rem;line-height:22px}.input-wrapper .send-button{width:32px;height:32px;right:.625rem;bottom:.625rem}.input-wrapper .send-button symphony-icon{font-size:.875rem}}@media (prefers-contrast: high){.textarea-input{border:2px solid #08203E}.textarea-input:focus{border-color:#2b8ff3}.send-button.enabled{border:2px solid #0a5cae}}@media (prefers-reduced-motion: reduce){.textarea-input,.send-button{transition:none}.send-button:hover,.send-button:active{transform:none}}\n"] }]
|
|
127
|
+
], template: "<div class=\"input-textarea-with-send-container\">\n <!-- Character Counter -->\n <div \n class=\"character-counter sfx-mb-10\"\n *ngIf=\"showCharacterCount && maxCharacterLimit\">\n <span \n class=\"counter-text\"\n [class.counter-exceeded]=\"isCharacterLimitExceeded()\">\n {{ getCharacterCount() }} / {{ maxCharacterLimit }}\n </span>\n </div>\n\n <!-- Input with Send Button -->\n <div class=\"input-wrapper\">\n <textarea\n #textareaElement\n class=\"textarea-input\"\n [value]=\"value\"\n [placeholder]=\"placeholder\"\n [disabled]=\"isDisabled\"\n [maxLength]=\"maxCharacterLimit\"\n (input)=\"onInputChange($event)\"\n (keydown)=\"onInputKeyPress($event)\"\n (blur)=\"onTouched()\"\n rows=\"1\">\n </textarea>\n \n <!-- Send Button -->\n <button\n type=\"button\"\n class=\"send-button\"\n [class.enabled]=\"canSend()\"\n [class.disabled]=\"!canSend()\"\n [disabled]=\"!canSend()\"\n (click)=\"onSendClick()\"\n id=\"button-textarea-send\"\n [attr.aria-label]=\"sendButtonAriaLabel\">\n <symphony-icon [icon]=\"sendButtonIcon\" [size]=\"'10px'\"></symphony-icon>\n </button>\n </div>\n</div> ", styles: [".sfx-p-0{padding:0}.sfx-p-5{padding:.3rem}.sfx-p-10{padding:.625rem}.sfx-p-15{padding:.9375rem}.sfx-p-20{padding:1.25rem}.sfx-p-30{padding:1.875rem}.sfx-pt-0{padding-top:0}.sfx-pt-5{padding-top:.3rem}.sfx-pt-10{padding-top:.625rem}.sfx-pt-15{padding-top:.9375rem}.sfx-pt-20{padding-top:1.25rem}.sfx-pt-25{padding-top:1.5625rem}.sfx-pt-30{padding-top:1.875rem}.sfx-pt-35{padding-top:2.1875rem}.sfx-pt-40{padding-top:2.5rem}.sfx-pt-50{padding-top:3.125rem}.sfx-pb-0{padding-bottom:0}.sfx-pb-5{padding-bottom:.3rem}.sfx-pb-10{padding-bottom:.625rem}.sfx-pb-15{padding-bottom:.9375rem}.sfx-pb-20{padding-bottom:1.25rem}.sfx-pb-25{padding-bottom:1.5625rem}.sfx-pb-30{padding-bottom:1.875rem}.sfx-pb-35{padding-bottom:2.1875rem}.sfx-pb-40{padding-bottom:2.5rem}.sfx-pb-50{padding-bottom:3.125rem}.sfx-pl-0{padding-left:0}.sfx-pl-5{padding-left:.3rem}.sfx-pl-10{padding-left:.625rem}.sfx-pl-15{padding-left:.9375rem}.sfx-pl-20{padding-left:1.25rem}.sfx-pl-25{padding-left:1.5625rem}.sfx-pl-30{padding-left:1.875rem}.sfx-pr-0{padding-right:0}.sfx-pr-5{padding-right:.3rem}.sfx-pr-10{padding-right:.625rem}.sfx-pr-15{padding-right:.9375rem}.sfx-pr-20{padding-right:1.25rem}.sfx-pr-25{padding-right:1.5625rem}.sfx-pr-30{padding-right:1.875rem}.sfx-py-15{padding-left:.9375rem;padding-right:.9375rem}.sfx-py-30{padding-left:1.875rem;padding-right:1.875rem}.sfx-px-0{padding-top:0;padding-bottom:0}.sfx-px-15{padding-top:.9375rem;padding-bottom:.9375rem}.sfx-px-20{padding-top:1.25rem;padding-bottom:1.25rem}.sfx-px-30{padding-top:1.875rem;padding-bottom:1.875rem}.sfx-m-0{margin:0}.sfx-m-5{margin:.3rem}.sfx-m-10{margin:.625rem}.sfx-m-15{margin:.9375rem}.sfx-m-20{margin:1.25rem}.sfx-m-auto{margin:0 auto}.sfx-mt-0{margin-top:0}.sfx-mt-5{margin-top:.3rem}.sfx-mt-10{margin-top:.625rem}.sfx-mt-15{margin-top:.9375rem}.sfx-mt-20{margin-top:1.25rem}.sfx-mt-25{margin-top:1.5625rem}.sfx-mt-30{margin-top:1.875rem}.sfx-mt-40{margin-top:2.5rem}.sfx-mt-80{margin-top:5rem}.sfx-mb-0{margin-bottom:0}.sfx-mb-5{margin-bottom:.3rem}.sfx-mb-10{margin-bottom:.625rem}.sfx-mb-15{margin-bottom:.9375rem}.sfx-mb-20{margin-bottom:1.25rem}.sfx-mb-25{margin-bottom:1.5625rem}.sfx-mb-30{margin-bottom:1.875rem}.sfx-mb-40{margin-bottom:2.5rem}.sfx-mb-50{margin-bottom:3.125rem}.sfx-ml-0{margin-left:0}.sfx-ml-5{margin-left:.3rem}.sfx-ml-10{margin-left:.625rem}.sfx-ml-15{margin-left:.9375rem}.sfx-ml-20{margin-left:1.25rem}.sfx-ml-auto{margin-left:auto}.sfx-mr-0{margin-right:0}.sfx-mr-5{margin-right:.3rem}.sfx-mr-10{margin-right:.625rem}.sfx-mr-15{margin-right:.9375rem}.sfx-mr-20{margin-right:1.25rem}.sfx-mr-25{margin-right:1.5625rem}.sfx-mr-30{margin-right:1.875rem}.sfx-mr-40{margin-right:2.5rem}.input-textarea-with-send-container{width:100%}.character-counter{text-align:right}.character-counter .counter-text{font-size:.75rem;color:#5b6d80}.character-counter .counter-text.counter-exceeded{color:#ac4463;font-weight:500}.input-wrapper{position:relative;display:flex;align-items:flex-end}.input-wrapper .textarea-input{flex:1;width:100%;min-height:52px;max-height:200px;padding:.9375rem 56px .9375rem .9375rem;font-size:.875rem;line-height:1.5rem;font-family:runda,sans-serif;background:#ffffff;border:1px solid #334860;border-radius:4px;resize:none;overflow-y:auto;transition:border-color .2s ease}.input-wrapper .textarea-input::-moz-placeholder{color:#5b6d80}.input-wrapper .textarea-input:-ms-input-placeholder{color:#5b6d80}.input-wrapper .textarea-input::placeholder{color:#5b6d80}.input-wrapper .textarea-input:focus{border-color:#2b8ff3;outline:none}.input-wrapper .textarea-input:disabled{background-color:#f1f2f5;border-color:#c3cbdc;color:#5b6d80;cursor:not-allowed}.input-wrapper .textarea-input::-webkit-scrollbar{width:4px}.input-wrapper .textarea-input::-webkit-scrollbar-track{background:transparent}.input-wrapper .textarea-input::-webkit-scrollbar-thumb{background:#C3CBDC;border-radius:2px}.input-wrapper .textarea-input::-webkit-scrollbar-thumb:hover{background:#5B6D80}.input-wrapper .send-button{position:absolute;right:.625rem;bottom:.625rem;width:36px;height:36px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10;flex-shrink:0}.input-wrapper .send-button.enabled{background-color:#2b8ff3}.input-wrapper .send-button.enabled:hover{background-color:#0d76de;transform:scale(1.05)}.input-wrapper .send-button.enabled:active{transform:scale(.95)}.input-wrapper .send-button.enabled symphony-icon{color:#fff;font-size:16px}.input-wrapper .send-button.disabled{background-color:#d2d8e5;cursor:not-allowed}.input-wrapper .send-button.disabled symphony-icon{color:#5b6d80;font-size:16px}.input-wrapper .send-button symphony-icon{transition:color .2s ease}.input-wrapper .send-button:focus{outline:2px solid #2B8FF3;outline-offset:2px}@media (max-width: 768px){.input-wrapper .textarea-input{min-height:48px;padding:.625rem 50px .625rem .9375rem;font-size:.875rem;line-height:22px}.input-wrapper .send-button{width:32px;height:32px;right:.625rem;bottom:.625rem}.input-wrapper .send-button symphony-icon{font-size:.875rem}}@media (prefers-contrast: high){.textarea-input{border:2px solid #08203E}.textarea-input:focus{border-color:#2b8ff3}.send-button.enabled{border:2px solid #0a5cae}}@media (prefers-reduced-motion: reduce){.textarea-input,.send-button{transition:none}.send-button:hover,.send-button:active{transform:none}}\n"] }]
|
|
128
128
|
}], propDecorators: { placeholder: [{
|
|
129
129
|
type: Input
|
|
130
130
|
}], isDisabled: [{
|
|
@@ -153,4 +153,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
153
153
|
type: ViewChild,
|
|
154
154
|
args: ['textareaElement']
|
|
155
155
|
}] } });
|
|
156
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtdGV4dGFyZWEtd2l0aC1zZW5kLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvaW5wdXQtdGV4dGFyZWEtd2l0aC1zZW5kL2lucHV0LXRleHRhcmVhLXdpdGgtc2VuZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2lucHV0LXRleHRhcmVhLXdpdGgtc2VuZC9pbnB1dC10ZXh0YXJlYS13aXRoLXNlbmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUE2QixNQUFNLGVBQWUsQ0FBQztBQUN6SCxPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7QUFjekUsTUFBTSxPQUFPLDhCQUE4QjtJQVozQztRQWFXLGdCQUFXLEdBQVcsc0JBQXNCLENBQUM7UUFDN0MsZUFBVSxHQUFZLEtBQUssQ0FBQztRQUU1Qix1QkFBa0IsR0FBWSxLQUFLLENBQUM7UUFDcEMsWUFBTyxHQUFXLENBQUMsQ0FBQztRQUNwQixZQUFPLEdBQVcsQ0FBQyxDQUFDO1FBQ3BCLG1CQUFjLEdBQVcsZUFBZSxDQUFDO1FBQ3pDLHdCQUFtQixHQUFXLGNBQWMsQ0FBQztRQUM3QyxlQUFVLEdBQVksSUFBSSxDQUFDO1FBRTFCLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUN6QyxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDMUMsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBSXBELFVBQUssR0FBVyxFQUFFLENBQUM7UUFDbkIsZ0JBQVcsR0FBVyxDQUFDLENB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QUksQ0FBQyxVQUFVLEVBQUU7WUFDbkIsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDO1NBQ2xEO0lBQ0gsQ0FBQzs7MkhBaklVLDhCQUE4QjsrR0FBOUIsOEJBQThCLHFjQVI5QjtRQUNUO1lBQ0UsT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLDhCQUE4QixDQUFDO1lBQzdELEtBQUssRUFBRSxJQUFJO1NBQ1o7S0FDRiw4SUNiSCw2ckNBdUNPOzJGRHhCTSw4QkFBOEI7a0JBWjFDLFNBQVM7K0JBQ0UsbUNBQW1DLGFBR2xDO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLCtCQUErQixDQUFDOzRCQUM3RCxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjs4QkFHUSxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csbUJBQW1CO3NCQUEzQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUksV0FBVztzQkFBcEIsTUFBTTtnQkFDRyxZQUFZO3NCQUFyQixNQUFNO2dCQUNHLFlBQVk7c0JBQXJCLE1BQU07Z0JBRXVCLGVBQWU7c0JBQTVDLFNBQVM7dUJBQUMsaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIGZvcndhcmRSZWYsIFZpZXdDaGlsZCwgRWxlbWVudFJlZiwgQWZ0ZXJWaWV3SW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1pbnB1dC10ZXh0YXJlYS13aXRoLXNlbmQnLFxuICB0ZW1wbGF0ZVVybDogJy4vaW5wdXQtdGV4dGFyZWEtd2l0aC1zZW5kLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaW5wdXQtdGV4dGFyZWEtd2l0aC1zZW5kLmNvbXBvbmVudC5zY3NzJ10sXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gSW5wdXRUZXh0YXJlYVdpdGhTZW5kQ29tcG9uZW50KSxcbiAgICAgIG11bHRpOiB0cnVlXG4gICAgfVxuICBdXG59KVxuZXhwb3J0IGNsYXNzIElucHV0VGV4dGFyZWFXaXRoU2VuZENvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBBZnRlclZpZXdJbml0IHtcbiAgQElucHV0KCkgcGxhY2Vob2xkZXI6IHN0cmluZyA9ICdUeXBlIHlvdXIgbWVzc2FnZS4uLic7XG4gIEBJbnB1dCgpIGlzRGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgbWF4Q2hhcmFjdGVyTGltaXQ/OiBudW1iZXI7XG4gIEBJbnB1dCgpIHNob3dDaGFyYWN0ZXJDb3VudDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBtaW5Sb3dzOiBudW1iZXIgPSAxO1xuICBASW5wdXQoKSBtYXhSb3dzOiBudW1iZXIgPSA2O1xuICBASW5wdXQoKSBzZW5kQnV0dG9uSWNvbjogc3RyaW5nID0gJ3NpLWFycm93LW5leHQnO1xuICBASW5wdXQoKSBzZW5kQnV0dG9uQXJpYUxhYmVsOiBzdHJpbmcgPSAnU2VuZCBtZXNzYWdlJztcbiAgQElucHV0KCkgYXV0b1Jlc2l6ZTogYm9vbGVhbiA9IHRydWU7XG5cbiAgQE91dHB1dCgpIHNlbmRDbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gIEBPdXRwdXQoKSBlbnRlclByZXNzZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgQE91dHB1dCgpIHZhbHVlQ2hhbmdlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIEBWaWV3Q2hpbGQoJ3RleHRhcmVhRWxlbWVudCcpIHRleHRhcmVhRWxlbWVudCE6IEVsZW1lbnRSZWY8SFRNTFRleHRBcmVhRWxlbWVudD47XG5cbiAgdmFsdWU6IHN0cmluZyA9ICcnO1xuICBjdXJyZW50Um93czogbnVtYmVyID0gMTtcbiAgXG4gIHByaXZhdGUgb25DaGFuZ2UgPSAodmFsdWU6IHN0cmluZykgPT4ge307XG4gIHB1YmxpYyBvblRvdWNoZWQgPSAoKSA9PiB7fTtcblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuYXV0b1Jlc2l6ZSkge1xuICAgICAgdGhpcy5hZGp1c3RUZXh0YXJlYUhlaWdodCgpO1xuICAgIH1cbiAgfVxuXG4gIC8vIENvbnRyb2xWYWx1ZUFjY2Vzc29yIGltcGxlbWVudGF0aW9uXG4gIHdyaXRlVmFsdWUodmFsdWU6IHN0cmluZyk6IHZvaWQge1xuICAgIHRoaXMudmFsdWUgPSB2YWx1ZSB8fCAnJztcbiAgICBpZiAodGhpcy5hdXRvUmVzaXplKSB7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHRoaXMuYWRqdXN0VGV4dGFyZWFIZWlnaHQoKSwgMCk7XG4gICAgfVxuICB9XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogKHZhbHVlOiBzdHJpbmcpID0+IHZvaWQpOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XG4gIH1cblxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogKCkgPT4gdm9pZCk6IHZvaWQge1xuICAgIHRoaXMub25Ub3VjaGVkID0gZm47XG4gIH1cblxuICBzZXREaXNhYmxlZFN0YXRlKGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLmlzRGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xuICB9XG5cbiAgb25JbnB1dENoYW5nZShldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICBjb25zdCB0YXJnZXQgPSBldmVudC50YXJnZXQgYXMgSFRNTFRleHRBcmVhRWxlbWVudDtcbiAgICB0aGlzLnZhbHVlID0gdGFyZ2V0LnZhbHVlO1xuICAgIHRoaXMub25DaGFuZ2UodGhpcy52YWx1ZSk7XG4gICAgdGhpcy52YWx1ZUNoYW5nZWQuZW1pdCh0aGlzLnZhbHVlKTtcbiAgICBcbiAgICBpZiAodGhpcy5hdXRvUmVzaXplKSB7XG4gICAgICB0aGlzLmFkanVzdFRleHRhcmVhSGVpZ2h0KCk7XG4gICAgfVxuICB9XG5cbiAgb25JbnB1dEtleVByZXNzKGV2ZW50OiBLZXlib2FyZEV2ZW50KTogdm9pZCB7XG4gICAgaWYgKGV2ZW50LmtleSA9PT0gJ0VudGVyJyAmJiAhZXZlbnQuc2hpZnRLZXkpIHtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICBpZiAodGhpcy5jYW5TZW5kKCkpIHtcbiAgICAgICAgdGhpcy5vblNlbmRDbGljaygpO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIG9uU2VuZENsaWNrKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmNhblNlbmQoKSkge1xuICAgICAgdGhpcy5zZW5kQ2xpY2tlZC5lbWl0KHRoaXMudmFsdWUpO1xuICAgICAgdGhpcy5lbnRlclByZXNzZWQuZW1pdCh0aGlzLnZhbHVlKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIGFkanVzdFRleHRhcmVhSGVpZ2h0KCk6IHZvaWQge1xuICAgIGlmICghdGhpcy50ZXh0YXJlYUVsZW1lbnQpIHJldHVybjtcblxuICAgIGNvbnN0IHRleHRhcmVhID0gdGhpcy50ZXh0YXJlYUVsZW1lbnQubmF0aXZlRWxlbWVudDtcbiAgICBcbiAgICAvLyBSZXNldCBoZWlnaHQgdG8gYXV0byB0byBnZXQgdGhlIHNjcm9sbCBoZWlnaHRcbiAgICB0ZXh0YXJlYS5zdHlsZS5oZWlnaHQgPSAnYXV0byc7XG4gICAgXG4gICAgLy8gQ2FsY3VsYXRlIHRoZSBudW1iZXIgb2YgbGluZXNcbiAgICBjb25zdCBsaW5lSGVpZ2h0ID0gMjQ7IC8vIEJhc2UgbGluZSBoZWlnaHQgaW4gcGl4ZWxzXG4gICAgY29uc3QgcGFkZGluZyA9IDE2OyAvLyBUb3AgKyBib3R0b20gcGFkZGluZ1xuICAgIGNvbnN0IG1pbkhlaWdodCA9IHRoaXMubWluUm93cyAqIGxpbmVIZWlnaHQgKyBwYWRkaW5nO1xuICAgIGNvbnN0IG1heEhlaWdodCA9IHRoaXMubWF4Um93cyAqIGxpbmVIZWlnaHQgKyBwYWRkaW5nO1xuICAgIFxuICAgIGxldCBuZXdIZWlnaHQgPSBNYXRoLm1heCh0ZXh0YXJlYS5zY3JvbGxIZWlnaHQsIG1pbkhlaWdodCk7XG4gICAgbmV3SGVpZ2h0ID0gTWF0aC5taW4obmV3SGVpZ2h0LCBtYXhIZWlnaHQpO1xuICAgIFxuICAgIHRleHRhcmVhLnN0eWxlLmhlaWdodCA9IG5ld0hlaWdodCArICdweCc7XG4gICAgXG4gICAgLy8gVXBkYXRlIGN1cnJlbnQgcm93cyBmb3Igc3R5bGluZyBwdXJwb3Nlc1xuICAgIHRoaXMuY3VycmVudFJvd3MgPSBNYXRoLmNlaWwoKG5ld0hlaWdodCAtIHBhZGRpbmcpIC8gbGluZUhlaWdodCk7XG4gIH1cblxuICBjYW5TZW5kKCk6IGJvb2xlYW4ge1xuICAgIGNvbnN0IHRyaW1tZWRWYWx1ZSA9IHRoaXMudmFsdWU/LnRyaW0oKTtcbiAgICBjb25zdCBoYXNWYWx1ZSA9ICEhdHJpbW1lZFZhbHVlO1xuICAgIGNvbnN0IHdpdGhpbkxpbWl0ID0gIXRoaXMubWF4Q2hhcmFjdGVyTGltaXQgfHwgdGhpcy52YWx1ZS5sZW5ndGggPD0gdGhpcy5tYXhDaGFyYWN0ZXJMaW1pdDtcbiAgICBcbiAgICByZXR1cm4gIXRoaXMuaXNEaXNhYmxlZCAmJiBoYXNWYWx1ZSAmJiB3aXRoaW5MaW1pdDtcbiAgfVxuXG4gIGdldENoYXJhY3RlckNvdW50KCk6IG51bWJlciB7XG4gICAgcmV0dXJuIHRoaXMudmFsdWU/Lmxlbmd0aCB8fCAwO1xuICB9XG5cbiAgaXNDaGFyYWN0ZXJMaW1pdEV4Y2VlZGVkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAhIXRoaXMubWF4Q2hhcmFjdGVyTGltaXQgJiYgdGhpcy5nZXRDaGFyYWN0ZXJDb3VudCgpID4gdGhpcy5tYXhDaGFyYWN0ZXJMaW1pdDtcbiAgfVxuXG4gIGZvY3VzKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnRleHRhcmVhRWxlbWVudCkge1xuICAgICAgdGhpcy50ZXh0YXJlYUVsZW1lbnQubmF0aXZlRWxlbWVudC5mb2N1cygpO1xuICAgIH1cbiAgfVxuXG4gIGNsZWFyKCk6IHZvaWQge1xuICAgIHRoaXMudmFsdWUgPSAnJztcbiAgICB0aGlzLm9uQ2hhbmdlKCcnKTtcbiAgICB0aGlzLnZhbHVlQ2hhbmdlZC5lbWl0KCcnKTtcbiAgICBcbiAgICBpZiAodGhpcy5hdXRvUmVzaXplKSB7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHRoaXMuYWRqdXN0VGV4dGFyZWFIZWlnaHQoKSwgMCk7XG4gICAgfVxuICB9XG59ICIsIjxkaXYgY2xhc3M9XCJpbnB1dC10ZXh0YXJlYS13aXRoLXNlbmQtY29udGFpbmVyXCI+XG4gIDwhLS0gQ2hhcmFjdGVyIENvdW50ZXIgLS0+XG4gIDxkaXYgXG4gICAgY2xhc3M9XCJjaGFyYWN0ZXItY291bnRlciBzZngtbWItMTBcIlxuICAgICpuZ0lmPVwic2hvd0NoYXJhY3RlckNvdW50ICYmIG1heENoYXJhY3RlckxpbWl0XCI+XG4gICAgPHNwYW4gXG4gICAgICBjbGFzcz1cImNvdW50ZXItdGV4dFwiXG4gICAgICBbY2xhc3MuY291bnRlci1leGNlZWRlZF09XCJpc0NoYXJhY3RlckxpbWl0RXhjZWVkZWQoKVwiPlxuICAgICAge3sgZ2V0Q2hhcmFjdGVyQ291bnQoKSB9fSAvIHt7IG1heENoYXJhY3RlckxpbWl0IH19XG4gICAgPC9zcGFuPlxuICA8L2Rpdj5cblxuICA8IS0tIElucHV0IHdpdGggU2VuZCBCdXR0b24gLS0+XG4gIDxkaXYgY2xhc3M9XCJpbnB1dC13cmFwcGVyXCI+XG4gICAgPHRleHRhcmVhXG4gICAgICAjdGV4dGFyZWFFbGVtZW50XG4gICAgICBjbGFzcz1cInRleHRhcmVhLWlucHV0XCJcbiAgICAgIFt2YWx1ZV09XCJ2YWx1ZVwiXG4gICAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxuICAgICAgW2Rpc2FibGVkXT1cImlzRGlzYWJsZWRcIlxuICAgICAgW21heExlbmd0aF09XCJtYXhDaGFyYWN0ZXJMaW1pdFwiXG4gICAgICAoaW5wdXQpPVwib25JbnB1dENoYW5nZSgkZXZlbnQpXCJcbiAgICAgIChrZXlkb3duKT1cIm9uSW5wdXRLZXlQcmVzcygkZXZlbnQpXCJcbiAgICAgIChibHVyKT1cIm9uVG91Y2hlZCgpXCJcbiAgICAgIHJvd3M9XCIxXCI+XG4gICAgPC90ZXh0YXJlYT5cbiAgICBcbiAgICA8IS0tIFNlbmQgQnV0dG9uIC0tPlxuICAgIDxidXR0b25cbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgY2xhc3M9XCJzZW5kLWJ1dHRvblwiXG4gICAgICBbY2xhc3MuZW5hYmxlZF09XCJjYW5TZW5kKClcIlxuICAgICAgW2NsYXNzLmRpc2FibGVkXT1cIiFjYW5TZW5kKClcIlxuICAgICAgW2Rpc2FibGVkXT1cIiFjYW5TZW5kKClcIlxuICAgICAgKGNsaWNrKT1cIm9uU2VuZENsaWNrKClcIlxuICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJzZW5kQnV0dG9uQXJpYUxhYmVsXCI+XG4gICAgICA8c3ltcGhvbnktaWNvbiBbaWNvbl09XCJzZW5kQnV0dG9uSWNvblwiIFtzaXplXT1cIicxMHB4J1wiPjwvc3ltcGhvbnktaWNvbj5cbiAgICA8L2J1dHRvbj5cbiAgPC9kaXY+XG48L2Rpdj4gIl19
|
|
156
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtdGV4dGFyZWEtd2l0aC1zZW5kLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvaW5wdXQtdGV4dGFyZWEtd2l0aC1zZW5kL2lucHV0LXRleHRhcmVhLXdpdGgtc2VuZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2lucHV0LXRleHRhcmVhLXdpdGgtc2VuZC9pbnB1dC10ZXh0YXJlYS13aXRoLXNlbmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUE2QixNQUFNLGVBQWUsQ0FBQztBQUN6SCxPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7QUFjekUsTUFBTSxPQUFPLDhCQUE4QjtJQVozQztRQWFXLGdCQUFXLEdBQVcsc0JBQXNCLENBQUM7UUFDN0MsZUFBVSxHQUFZLEtBQUssQ0FBQztRQUU1Qix1QkFBa0IsR0FBWSxLQUFLLENBQUM7UUFDcEMsWUFBTyxHQUFXLENBQUMsQ0FBQztRQUNwQixZQUFPLEdBQVcsQ0FBQyxDQUFDO1FBQ3BCLG1CQUFjLEdBQVcsZUFBZSxDQUFDO1FBQ3pDLHdCQUFtQixHQUFXLGNBQWMsQ0FBQztRQUM3QyxlQUFVLEdBQVksSUFBSSxDQUFDO1FBRTFCLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUN6QyxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDMUMsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBSXBELFVBQUssR0FBVyxFQUFFLENBQUM7UUFDbkIsZ0JBQVcsR0FBVyxDQUFDLENBQUM7UUFFaEIsYUFBUSxHQUFHLENBQUMsS0FBYSxFQUFFLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFDbEMsY0FBUyxHQUFHLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztLQTZHN0I7SUEzR0MsZUFBZTtRQUNiLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUNuQixJQUFJLENBQUMsb0JBQW9CLEVBQUUsQ0FBQztTQUM3QjtJQUNILENBQUM7SUFFRCxzQ0FBc0M7SUFDdEMsVUFBVSxDQUFDLEtBQWE7UUFDdEIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLElBQUksRUFBRSxDQUFDO1FBQ3pCLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUNuQixVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLG9CQUFvQixFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUM7U0FDbEQ7SUFDSCxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBMkI7UUFDMUMsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEVBQWM7UUFDOUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELGdCQUFnQixDQUFDLFVBQW1CO1FBQ2xDLElBQUksQ0FBQyxVQUFVLEdBQUcsVUFBVSxDQUFDO0lBQy9CLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBWTtRQUN4QixNQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsTUFBNkIsQ0FBQztRQUNuRCxJQUFJLENBQUMsS0FBSyxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUM7UUFDMUIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDMUIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRW5DLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUNuQixJQUFJLENBQUMsb0JBQW9CLEVBQUUsQ0FBQztTQUM3QjtJQUNILENBQUM7SUFFRCxlQUFlLENBQUMsS0FBb0I7UUFDbEMsSUFBSSxLQUFLLENBQUMsR0FBRyxLQUFLLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUU7WUFDNUMsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1lBQ3ZCLElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRSxFQUFFO2dCQUNsQixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7YUFDcEI7U0FDRjtJQUNILENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFLEVBQUU7WUFDbEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQ2xDLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUNwQztJQUNILENBQUM7SUFFTyxvQkFBb0I7UUFDMUIsSUFBSSxDQUFDLElBQUksQ0FBQyxlQUFlO1lBQUUsT0FBTztRQUVsQyxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLGFBQWEsQ0FBQztRQUVwRCxnREFBZ0Q7UUFDaEQsUUFBUSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO1FBRS9CLGdDQUFnQztRQUNoQyxNQUFNLFVBQVUsR0FBRyxFQUFFLENBQUMsQ0FBQyw2QkFBNkI7UUFDcEQsTUFBTSxPQUFPLEdBQUcsRUFBRSxDQUFDLENBQUMsdUJBQXVCO1FBQzNDLE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxPQUFPLEdBQUcsVUFBVSxHQUFHLE9BQU8sQ0FBQztRQUN0RCxNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsT0FBTyxHQUFHLFVBQVUsR0FBRyxPQUFPLENBQUM7UUFFdEQsSUFBSSxTQUFTLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsWUFBWSxFQUFFLFNBQVMsQ0FBQyxDQUFDO1FBQzNELFNBQVMsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUMsQ0FBQztRQUUzQyxRQUFRLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxTQUFTLEdBQUcsSUFBSSxDQUFDO1FBRXpDLDJDQUEyQztRQUMzQyxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxTQUFTLEdBQUcsT0FBTyxDQUFDLEdBQUcsVUFBVSxDQUFDLENBQUM7SUFDbkUsQ0FBQztJQUVELE9BQU87UUFDTCxNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsS0FBSyxFQUFFLElBQUksRUFBRSxDQUFDO1FBQ3hDLE1BQU0sUUFBUSxHQUFHLENBQUMsQ0FBQyxZQUFZLENBQUM7UUFDaEMsTUFBTSxXQUFXLEdBQUcsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLElBQUksSUFBSSxDQUFDLGlCQUFpQixDQUFDO1FBRTNGLE9BQU8sQ0FBQyxJQUFJLENBQUMsVUFBVSxJQUFJLFFBQVEsSUFBSSxXQUFXLENBQUM7SUFDckQsQ0FBQztJQUVELGlCQUFpQjtRQUNmLE9BQU8sSUFBSSxDQUFDLEtBQUssRUFBRSxNQUFNLElBQUksQ0FBQyxDQUFDO0lBQ2pDLENBQUM7SUFFRCx3QkFBd0I7UUFDdEIsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLGlCQUFpQixJQUFJLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxHQUFHLElBQUksQ0FBQyxpQkFBaUIsQ0FBQztJQUN2RixDQUFDO0lBRUQsS0FBSztRQUNILElBQUksSUFBSSxDQUFDLGVBQWUsRUFBRTtZQUN4QixJQUFJLENBQUMsZUFBZSxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztTQUM1QztJQUNILENBQUM7SUFFRCxLQUFLO1FBQ0gsSUFBSSxDQUFDLEtBQUssR0FBRyxFQUFFLENBQUM7UUFDaEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNsQixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUUzQixJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDbkIsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDO1NBQ2xEO0lBQ0gsQ0FBQzs7MkhBaklVLDhCQUE4QjsrR0FBOUIsOEJBQThCLHFjQVI5QjtRQUNUO1lBQ0UsT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLDhCQUE4QixDQUFDO1lBQzdELEtBQUssRUFBRSxJQUFJO1NBQ1o7S0FDRiw4SUNiSCxndUNBd0NPOzJGRHpCTSw4QkFBOEI7a0JBWjFDLFNBQVM7K0JBQ0UsbUNBQW1DLGFBR2xDO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLCtCQUErQixDQUFDOzRCQUM3RCxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjs4QkFHUSxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csbUJBQW1CO3NCQUEzQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUksV0FBVztzQkFBcEIsTUFBTTtnQkFDRyxZQUFZO3NCQUFyQixNQUFNO2dCQUNHLFlBQVk7c0JBQXJCLE1BQU07Z0JBRXVCLGVBQWU7c0JBQTVDLFNBQVM7dUJBQUMsaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIGZvcndhcmRSZWYsIFZpZXdDaGlsZCwgRWxlbWVudFJlZiwgQWZ0ZXJWaWV3SW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1pbnB1dC10ZXh0YXJlYS13aXRoLXNlbmQnLFxuICB0ZW1wbGF0ZVVybDogJy4vaW5wdXQtdGV4dGFyZWEtd2l0aC1zZW5kLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaW5wdXQtdGV4dGFyZWEtd2l0aC1zZW5kLmNvbXBvbmVudC5zY3NzJ10sXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gSW5wdXRUZXh0YXJlYVdpdGhTZW5kQ29tcG9uZW50KSxcbiAgICAgIG11bHRpOiB0cnVlXG4gICAgfVxuICBdXG59KVxuZXhwb3J0IGNsYXNzIElucHV0VGV4dGFyZWFXaXRoU2VuZENvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBBZnRlclZpZXdJbml0IHtcbiAgQElucHV0KCkgcGxhY2Vob2xkZXI6IHN0cmluZyA9ICdUeXBlIHlvdXIgbWVzc2FnZS4uLic7XG4gIEBJbnB1dCgpIGlzRGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgbWF4Q2hhcmFjdGVyTGltaXQ/OiBudW1iZXI7XG4gIEBJbnB1dCgpIHNob3dDaGFyYWN0ZXJDb3VudDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBtaW5Sb3dzOiBudW1iZXIgPSAxO1xuICBASW5wdXQoKSBtYXhSb3dzOiBudW1iZXIgPSA2O1xuICBASW5wdXQoKSBzZW5kQnV0dG9uSWNvbjogc3RyaW5nID0gJ3NpLWFycm93LW5leHQnO1xuICBASW5wdXQoKSBzZW5kQnV0dG9uQXJpYUxhYmVsOiBzdHJpbmcgPSAnU2VuZCBtZXNzYWdlJztcbiAgQElucHV0KCkgYXV0b1Jlc2l6ZTogYm9vbGVhbiA9IHRydWU7XG5cbiAgQE91dHB1dCgpIHNlbmRDbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gIEBPdXRwdXQoKSBlbnRlclByZXNzZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgQE91dHB1dCgpIHZhbHVlQ2hhbmdlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIEBWaWV3Q2hpbGQoJ3RleHRhcmVhRWxlbWVudCcpIHRleHRhcmVhRWxlbWVudCE6IEVsZW1lbnRSZWY8SFRNTFRleHRBcmVhRWxlbWVudD47XG5cbiAgdmFsdWU6IHN0cmluZyA9ICcnO1xuICBjdXJyZW50Um93czogbnVtYmVyID0gMTtcbiAgXG4gIHByaXZhdGUgb25DaGFuZ2UgPSAodmFsdWU6IHN0cmluZykgPT4ge307XG4gIHB1YmxpYyBvblRvdWNoZWQgPSAoKSA9PiB7fTtcblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuYXV0b1Jlc2l6ZSkge1xuICAgICAgdGhpcy5hZGp1c3RUZXh0YXJlYUhlaWdodCgpO1xuICAgIH1cbiAgfVxuXG4gIC8vIENvbnRyb2xWYWx1ZUFjY2Vzc29yIGltcGxlbWVudGF0aW9uXG4gIHdyaXRlVmFsdWUodmFsdWU6IHN0cmluZyk6IHZvaWQge1xuICAgIHRoaXMudmFsdWUgPSB2YWx1ZSB8fCAnJztcbiAgICBpZiAodGhpcy5hdXRvUmVzaXplKSB7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHRoaXMuYWRqdXN0VGV4dGFyZWFIZWlnaHQoKSwgMCk7XG4gICAgfVxuICB9XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogKHZhbHVlOiBzdHJpbmcpID0+IHZvaWQpOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XG4gIH1cblxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogKCkgPT4gdm9pZCk6IHZvaWQge1xuICAgIHRoaXMub25Ub3VjaGVkID0gZm47XG4gIH1cblxuICBzZXREaXNhYmxlZFN0YXRlKGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLmlzRGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xuICB9XG5cbiAgb25JbnB1dENoYW5nZShldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICBjb25zdCB0YXJnZXQgPSBldmVudC50YXJnZXQgYXMgSFRNTFRleHRBcmVhRWxlbWVudDtcbiAgICB0aGlzLnZhbHVlID0gdGFyZ2V0LnZhbHVlO1xuICAgIHRoaXMub25DaGFuZ2UodGhpcy52YWx1ZSk7XG4gICAgdGhpcy52YWx1ZUNoYW5nZWQuZW1pdCh0aGlzLnZhbHVlKTtcbiAgICBcbiAgICBpZiAodGhpcy5hdXRvUmVzaXplKSB7XG4gICAgICB0aGlzLmFkanVzdFRleHRhcmVhSGVpZ2h0KCk7XG4gICAgfVxuICB9XG5cbiAgb25JbnB1dEtleVByZXNzKGV2ZW50OiBLZXlib2FyZEV2ZW50KTogdm9pZCB7XG4gICAgaWYgKGV2ZW50LmtleSA9PT0gJ0VudGVyJyAmJiAhZXZlbnQuc2hpZnRLZXkpIHtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICBpZiAodGhpcy5jYW5TZW5kKCkpIHtcbiAgICAgICAgdGhpcy5vblNlbmRDbGljaygpO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIG9uU2VuZENsaWNrKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmNhblNlbmQoKSkge1xuICAgICAgdGhpcy5zZW5kQ2xpY2tlZC5lbWl0KHRoaXMudmFsdWUpO1xuICAgICAgdGhpcy5lbnRlclByZXNzZWQuZW1pdCh0aGlzLnZhbHVlKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIGFkanVzdFRleHRhcmVhSGVpZ2h0KCk6IHZvaWQge1xuICAgIGlmICghdGhpcy50ZXh0YXJlYUVsZW1lbnQpIHJldHVybjtcblxuICAgIGNvbnN0IHRleHRhcmVhID0gdGhpcy50ZXh0YXJlYUVsZW1lbnQubmF0aXZlRWxlbWVudDtcbiAgICBcbiAgICAvLyBSZXNldCBoZWlnaHQgdG8gYXV0byB0byBnZXQgdGhlIHNjcm9sbCBoZWlnaHRcbiAgICB0ZXh0YXJlYS5zdHlsZS5oZWlnaHQgPSAnYXV0byc7XG4gICAgXG4gICAgLy8gQ2FsY3VsYXRlIHRoZSBudW1iZXIgb2YgbGluZXNcbiAgICBjb25zdCBsaW5lSGVpZ2h0ID0gMjQ7IC8vIEJhc2UgbGluZSBoZWlnaHQgaW4gcGl4ZWxzXG4gICAgY29uc3QgcGFkZGluZyA9IDE2OyAvLyBUb3AgKyBib3R0b20gcGFkZGluZ1xuICAgIGNvbnN0IG1pbkhlaWdodCA9IHRoaXMubWluUm93cyAqIGxpbmVIZWlnaHQgKyBwYWRkaW5nO1xuICAgIGNvbnN0IG1heEhlaWdodCA9IHRoaXMubWF4Um93cyAqIGxpbmVIZWlnaHQgKyBwYWRkaW5nO1xuICAgIFxuICAgIGxldCBuZXdIZWlnaHQgPSBNYXRoLm1heCh0ZXh0YXJlYS5zY3JvbGxIZWlnaHQsIG1pbkhlaWdodCk7XG4gICAgbmV3SGVpZ2h0ID0gTWF0aC5taW4obmV3SGVpZ2h0LCBtYXhIZWlnaHQpO1xuICAgIFxuICAgIHRleHRhcmVhLnN0eWxlLmhlaWdodCA9IG5ld0hlaWdodCArICdweCc7XG4gICAgXG4gICAgLy8gVXBkYXRlIGN1cnJlbnQgcm93cyBmb3Igc3R5bGluZyBwdXJwb3Nlc1xuICAgIHRoaXMuY3VycmVudFJvd3MgPSBNYXRoLmNlaWwoKG5ld0hlaWdodCAtIHBhZGRpbmcpIC8gbGluZUhlaWdodCk7XG4gIH1cblxuICBjYW5TZW5kKCk6IGJvb2xlYW4ge1xuICAgIGNvbnN0IHRyaW1tZWRWYWx1ZSA9IHRoaXMudmFsdWU/LnRyaW0oKTtcbiAgICBjb25zdCBoYXNWYWx1ZSA9ICEhdHJpbW1lZFZhbHVlO1xuICAgIGNvbnN0IHdpdGhpbkxpbWl0ID0gIXRoaXMubWF4Q2hhcmFjdGVyTGltaXQgfHwgdGhpcy52YWx1ZS5sZW5ndGggPD0gdGhpcy5tYXhDaGFyYWN0ZXJMaW1pdDtcbiAgICBcbiAgICByZXR1cm4gIXRoaXMuaXNEaXNhYmxlZCAmJiBoYXNWYWx1ZSAmJiB3aXRoaW5MaW1pdDtcbiAgfVxuXG4gIGdldENoYXJhY3RlckNvdW50KCk6IG51bWJlciB7XG4gICAgcmV0dXJuIHRoaXMudmFsdWU/Lmxlbmd0aCB8fCAwO1xuICB9XG5cbiAgaXNDaGFyYWN0ZXJMaW1pdEV4Y2VlZGVkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAhIXRoaXMubWF4Q2hhcmFjdGVyTGltaXQgJiYgdGhpcy5nZXRDaGFyYWN0ZXJDb3VudCgpID4gdGhpcy5tYXhDaGFyYWN0ZXJMaW1pdDtcbiAgfVxuXG4gIGZvY3VzKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnRleHRhcmVhRWxlbWVudCkge1xuICAgICAgdGhpcy50ZXh0YXJlYUVsZW1lbnQubmF0aXZlRWxlbWVudC5mb2N1cygpO1xuICAgIH1cbiAgfVxuXG4gIGNsZWFyKCk6IHZvaWQge1xuICAgIHRoaXMudmFsdWUgPSAnJztcbiAgICB0aGlzLm9uQ2hhbmdlKCcnKTtcbiAgICB0aGlzLnZhbHVlQ2hhbmdlZC5lbWl0KCcnKTtcbiAgICBcbiAgICBpZiAodGhpcy5hdXRvUmVzaXplKSB7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHRoaXMuYWRqdXN0VGV4dGFyZWFIZWlnaHQoKSwgMCk7XG4gICAgfVxuICB9XG59ICIsIjxkaXYgY2xhc3M9XCJpbnB1dC10ZXh0YXJlYS13aXRoLXNlbmQtY29udGFpbmVyXCI+XG4gIDwhLS0gQ2hhcmFjdGVyIENvdW50ZXIgLS0+XG4gIDxkaXYgXG4gICAgY2xhc3M9XCJjaGFyYWN0ZXItY291bnRlciBzZngtbWItMTBcIlxuICAgICpuZ0lmPVwic2hvd0NoYXJhY3RlckNvdW50ICYmIG1heENoYXJhY3RlckxpbWl0XCI+XG4gICAgPHNwYW4gXG4gICAgICBjbGFzcz1cImNvdW50ZXItdGV4dFwiXG4gICAgICBbY2xhc3MuY291bnRlci1leGNlZWRlZF09XCJpc0NoYXJhY3RlckxpbWl0RXhjZWVkZWQoKVwiPlxuICAgICAge3sgZ2V0Q2hhcmFjdGVyQ291bnQoKSB9fSAvIHt7IG1heENoYXJhY3RlckxpbWl0IH19XG4gICAgPC9zcGFuPlxuICA8L2Rpdj5cblxuICA8IS0tIElucHV0IHdpdGggU2VuZCBCdXR0b24gLS0+XG4gIDxkaXYgY2xhc3M9XCJpbnB1dC13cmFwcGVyXCI+XG4gICAgPHRleHRhcmVhXG4gICAgICAjdGV4dGFyZWFFbGVtZW50XG4gICAgICBjbGFzcz1cInRleHRhcmVhLWlucHV0XCJcbiAgICAgIFt2YWx1ZV09XCJ2YWx1ZVwiXG4gICAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxuICAgICAgW2Rpc2FibGVkXT1cImlzRGlzYWJsZWRcIlxuICAgICAgW21heExlbmd0aF09XCJtYXhDaGFyYWN0ZXJMaW1pdFwiXG4gICAgICAoaW5wdXQpPVwib25JbnB1dENoYW5nZSgkZXZlbnQpXCJcbiAgICAgIChrZXlkb3duKT1cIm9uSW5wdXRLZXlQcmVzcygkZXZlbnQpXCJcbiAgICAgIChibHVyKT1cIm9uVG91Y2hlZCgpXCJcbiAgICAgIHJvd3M9XCIxXCI+XG4gICAgPC90ZXh0YXJlYT5cbiAgICBcbiAgICA8IS0tIFNlbmQgQnV0dG9uIC0tPlxuICAgIDxidXR0b25cbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgY2xhc3M9XCJzZW5kLWJ1dHRvblwiXG4gICAgICBbY2xhc3MuZW5hYmxlZF09XCJjYW5TZW5kKClcIlxuICAgICAgW2NsYXNzLmRpc2FibGVkXT1cIiFjYW5TZW5kKClcIlxuICAgICAgW2Rpc2FibGVkXT1cIiFjYW5TZW5kKClcIlxuICAgICAgKGNsaWNrKT1cIm9uU2VuZENsaWNrKClcIlxuICAgICAgaWQ9XCJidXR0b24tdGV4dGFyZWEtc2VuZFwiXG4gICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cInNlbmRCdXR0b25BcmlhTGFiZWxcIj5cbiAgICAgIDxzeW1waG9ueS1pY29uIFtpY29uXT1cInNlbmRCdXR0b25JY29uXCIgW3NpemVdPVwiJzEwcHgnXCI+PC9zeW1waG9ueS1pY29uPlxuICAgIDwvYnV0dG9uPlxuICA8L2Rpdj5cbjwvZGl2PiAiXX0=
|
package/esm2020/lib/molecules/additional-information-card/additional-information-card.component.mjs
CHANGED
|
@@ -44,7 +44,7 @@ export class AdditionalInformationCardComponent {
|
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
46
|
AdditionalInformationCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
47
|
-
AdditionalInformationCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionalInformationCardComponent, selector: "symphony-additional-information-card", inputs: { additionalInformationModel: "additionalInformationModel" }, outputs: { cancelInterviewLinkClicked: "cancelInterviewLinkClicked" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, viewQueries: [{ propertyName: "contentHeight", first: true, predicate: ["contentHeight"], descendants: true }], ngImport: i0, template: "<div\n *ngIf=\"additionalInformationModel\"\n class=\"additional-information-card-item-wrapper\"\n>\n <div class=\"additional-information-card-icon\">\n <symphony-icon-wrapper\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"additionalInformationModel.iconWrapperColor\"\n >\n <symphony-icon\n [icon]=\"additionalInformationModel.icon\"\n [iconColor]=\"additionalInformationModel.iconInnerColor\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </div>\n\n <div>\n <div\n class=\"sfx-pb-10 sfx-font-bold\"\n *ngIf=\"\n additionalInformationModel.header &&\n additionalInformationModel.headerText\"\n >\n <symphony-paragraph\n >{{ additionalInformationModel.header }}:\n {{ additionalInformationModel.headerText }}</symphony-paragraph\n >\n </div>\n <div\n *ngFor=\"\n let information of additionalInformationModel.additionalInformation\n \"\n class=\"additional-information-card-description\"\n >\n <symphony-paragraph *ngIf=\"!information.showMore\" class=\"card-wrap-text\">\n <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n >{{ information.label }}:</span\n >\n <span>{{ information.text }}</span>\n </symphony-paragraph>\n <symphony-paragraph *ngIf=\"information.showMore\" class=\"card-wrap-text\">\n <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n >{{ information.label }}:</span\n >\n <span #contentHeight class=\"sfx-d-block\"\n >{{ information.text }}\n <a\n href=\"javascript:;\"\n *ngIf=\"hasMore\"\n class=\"sfx-btn-link\"\n (click)=\"onMoreClick()\"\n >more</a\n >\n <a\n href=\"javascript:;\"\n *ngIf=\"!hasMore\"\n class=\"sfx-btn-link hasLess\"\n (click)=\"onLessClick()\"\n >less</a\n >\n </span>\n </symphony-paragraph>\n </div>\n <a \n href=\"javascript:;\" \n *ngIf=\"additionalInformationModel.cancelInterviewLink\" \n (click)=\"onCancelInterviewLinkClicked()\"\n >{{additionalInformationModel.cancelInterviewLink}}\n </a>\n </div>\n</div>\n", styles: [".additional-information-card-item-wrapper{position:relative;width:100%;display:flex;padding-block:20px}.additional-information-card-item-wrapper div:last-child{flex:1}.additional-information-card-icon{display:inline-block;float:left;padding-right:15px}.additional-information-card-icon .si-feedback-maybe{position:relative;left:-1px;top:-1px}.additional-information-card-icon .si-feedback-yes{position:relative;top:-3px}.card-wrap-text{font-size:16px;word-break:break-word;position:relative}.card-wrap-text .body-copy-primary{word-break:break-word}.card-wrap-text .body-copy-primary.truncate-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.card-wrap-text .body-copy-primary.truncate-text .sfx-btn-link{display:inline}.card-wrap-text .body-copy-primary .sfx-btn-link{font-weight:500;color:#82919f;position:absolute;bottom:0;right:0;background:#fff;display:none}.card-wrap-text .body-copy-primary .sfx-btn-link:before{content:\"...\"}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess{display:inline;position:relative}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess:before{content:\"\"}\n"], components: [{ type: i1.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
47
|
+
AdditionalInformationCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionalInformationCardComponent, selector: "symphony-additional-information-card", inputs: { additionalInformationModel: "additionalInformationModel" }, outputs: { cancelInterviewLinkClicked: "cancelInterviewLinkClicked" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, viewQueries: [{ propertyName: "contentHeight", first: true, predicate: ["contentHeight"], descendants: true }], ngImport: i0, template: "<div\n *ngIf=\"additionalInformationModel\"\n class=\"additional-information-card-item-wrapper\"\n>\n <div class=\"additional-information-card-icon\">\n <symphony-icon-wrapper\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"additionalInformationModel.iconWrapperColor\"\n >\n <symphony-icon\n [icon]=\"additionalInformationModel.icon\"\n [iconColor]=\"additionalInformationModel.iconInnerColor\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </div>\n\n <div>\n <div\n class=\"sfx-pb-10 sfx-font-bold\"\n *ngIf=\"\n additionalInformationModel.header &&\n additionalInformationModel.headerText\"\n >\n <symphony-paragraph\n >{{ additionalInformationModel.header }}:\n {{ additionalInformationModel.headerText }}</symphony-paragraph\n >\n </div>\n <div\n *ngFor=\"\n let information of additionalInformationModel.additionalInformation\n \"\n class=\"additional-information-card-description\"\n >\n <symphony-paragraph *ngIf=\"!information.showMore\" class=\"card-wrap-text\">\n <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n >{{ information.label }}:</span\n >\n <span>{{ information.text }}</span>\n </symphony-paragraph>\n <symphony-paragraph *ngIf=\"information.showMore\" class=\"card-wrap-text\">\n <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n >{{ information.label }}:</span\n >\n <span #contentHeight class=\"sfx-d-block\"\n >{{ information.text }}\n <a\n href=\"javascript:;\"\n *ngIf=\"hasMore\"\n class=\"sfx-btn-link\"\n (click)=\"onMoreClick()\"\n >more</a\n >\n <a\n href=\"javascript:;\"\n *ngIf=\"!hasMore\"\n class=\"sfx-btn-link hasLess\"\n (click)=\"onLessClick()\"\n >less</a\n >\n </span>\n </symphony-paragraph>\n </div>\n <a \n href=\"javascript:;\" \n *ngIf=\"additionalInformationModel.cancelInterviewLink\" \n (click)=\"onCancelInterviewLinkClicked()\"\n >{{additionalInformationModel.cancelInterviewLink}}\n </a>\n </div>\n</div>\n", styles: [".additional-information-card-item-wrapper{position:relative;width:100%;display:flex;padding-block:20px}.additional-information-card-item-wrapper div:last-child{flex:1}.additional-information-card-icon{display:inline-block;float:left;padding-right:15px}.additional-information-card-icon .si-feedback-maybe{position:relative;left:-1px;top:-1px}.additional-information-card-icon .si-feedback-yes{position:relative;top:-3px}.card-wrap-text{font-size:16px;word-break:break-word;position:relative}.card-wrap-text .body-copy-primary{word-break:break-word}.card-wrap-text .body-copy-primary.truncate-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.card-wrap-text .body-copy-primary.truncate-text .sfx-btn-link{display:inline}.card-wrap-text .body-copy-primary .sfx-btn-link{font-weight:500;color:#82919f;position:absolute;bottom:0;right:0;background:#fff;display:none}.card-wrap-text .body-copy-primary .sfx-btn-link:before{content:\"...\"}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess{display:inline;position:relative}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess:before{content:\"\"}\n"], components: [{ type: i1.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder", "isDisabled"], outputs: ["clicked"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
48
48
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardComponent, decorators: [{
|
|
49
49
|
type: Component,
|
|
50
50
|
args: [{ selector: 'symphony-additional-information-card', encapsulation: ViewEncapsulation.None, template: "<div\n *ngIf=\"additionalInformationModel\"\n class=\"additional-information-card-item-wrapper\"\n>\n <div class=\"additional-information-card-icon\">\n <symphony-icon-wrapper\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"additionalInformationModel.iconWrapperColor\"\n >\n <symphony-icon\n [icon]=\"additionalInformationModel.icon\"\n [iconColor]=\"additionalInformationModel.iconInnerColor\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </div>\n\n <div>\n <div\n class=\"sfx-pb-10 sfx-font-bold\"\n *ngIf=\"\n additionalInformationModel.header &&\n additionalInformationModel.headerText\"\n >\n <symphony-paragraph\n >{{ additionalInformationModel.header }}:\n {{ additionalInformationModel.headerText }}</symphony-paragraph\n >\n </div>\n <div\n *ngFor=\"\n let information of additionalInformationModel.additionalInformation\n \"\n class=\"additional-information-card-description\"\n >\n <symphony-paragraph *ngIf=\"!information.showMore\" class=\"card-wrap-text\">\n <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n >{{ information.label }}:</span\n >\n <span>{{ information.text }}</span>\n </symphony-paragraph>\n <symphony-paragraph *ngIf=\"information.showMore\" class=\"card-wrap-text\">\n <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n >{{ information.label }}:</span\n >\n <span #contentHeight class=\"sfx-d-block\"\n >{{ information.text }}\n <a\n href=\"javascript:;\"\n *ngIf=\"hasMore\"\n class=\"sfx-btn-link\"\n (click)=\"onMoreClick()\"\n >more</a\n >\n <a\n href=\"javascript:;\"\n *ngIf=\"!hasMore\"\n class=\"sfx-btn-link hasLess\"\n (click)=\"onLessClick()\"\n >less</a\n >\n </span>\n </symphony-paragraph>\n </div>\n <a \n href=\"javascript:;\" \n *ngIf=\"additionalInformationModel.cancelInterviewLink\" \n (click)=\"onCancelInterviewLinkClicked()\"\n >{{additionalInformationModel.cancelInterviewLink}}\n </a>\n </div>\n</div>\n", styles: [".additional-information-card-item-wrapper{position:relative;width:100%;display:flex;padding-block:20px}.additional-information-card-item-wrapper div:last-child{flex:1}.additional-information-card-icon{display:inline-block;float:left;padding-right:15px}.additional-information-card-icon .si-feedback-maybe{position:relative;left:-1px;top:-1px}.additional-information-card-icon .si-feedback-yes{position:relative;top:-3px}.card-wrap-text{font-size:16px;word-break:break-word;position:relative}.card-wrap-text .body-copy-primary{word-break:break-word}.card-wrap-text .body-copy-primary.truncate-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.card-wrap-text .body-copy-primary.truncate-text .sfx-btn-link{display:inline}.card-wrap-text .body-copy-primary .sfx-btn-link{font-weight:500;color:#82919f;position:absolute;bottom:0;right:0;background:#fff;display:none}.card-wrap-text .body-copy-primary .sfx-btn-link:before{content:\"...\"}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess{display:inline;position:relative}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess:before{content:\"\"}\n"] }]
|
package/esm2020/lib/molecules/document-management-item/document-management-item.component.mjs
CHANGED
|
@@ -19,7 +19,7 @@ export class DocumentManagementItemComponent {
|
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
21
|
DocumentManagementItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
-
DocumentManagementItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: DocumentManagementItemComponent, selector: "symphony-document-management-item", inputs: { documentManagementItemModel: "documentManagementItemModel" }, outputs: { previewClicked: "previewClicked", moreOptionClicked: "moreOptionClicked" }, ngImport: i0, template: "<div class=\"sfx-dm-item\">\n <div class=\"dm-icon-wrap\">\n <symphony-icon class=\"dm-icon\" [icon]=\"'si-document'\"></symphony-icon>\n </div>\n <div class=\"dm-content\">\n <symphony-h5\n title=\"{{ documentManagementItemModel.fileName }}\"\n ><span class=\"sfx-ellipse\">{{ documentManagementItemModel.fileName }} </span><span\n *ngIf=\"documentManagementItemModel.fileType\" class=\"sfx-white-space-nowrap\"\n >[{{ documentManagementItemModel.fileType }}]</span\n ></symphony-h5\n >\n <symphony-paragraph\n title=\"Added on {{ documentManagementItemModel.addedDate }} {{ documentManagementItemModel.uploadedBy ? 'by' : ''}} {{\n documentManagementItemModel.uploadedBy\n }}\"\n *ngIf=\"documentManagementItemModel.addedDate\"\n ><span\n >Added on <span>{{\n documentManagementItemModel.addedDate\n }}</span></span\n > <span\n ><span\n *ngIf=\"documentManagementItemModel.uploadedBy\"\n >by </span\n >{{ documentManagementItemModel.uploadedBy }}</span\n >\n </symphony-paragraph>\n </div>\n <div class=\"dm-action\">\n <symphony-icon-wrapper\n (click)=\"onPreviewClicked()\"\n *ngIf=\"documentManagementItemModel.hasPreview\"\n class=\"sfx-d-inline-block pull-left\"\n [hasHoverWithoutBorder]=\"true\"\n >\n <symphony-icon [icon]=\"'si-preview'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-contextual-menu\n *ngIf=\"documentManagementItemModel.moreActions.items.length > 0\"\n class=\"dm-more-option sfx-d-inline-block pull-left sfx-ml-10\"\n [model]=\"documentManagementItemModel.moreActions\"\n (itemClick)=\"onMoreOptionClicked($event)\"\n >\n </symphony-contextual-menu>\n </div>\n</div>\n", styles: [".sfx-dm-item{position:relative;padding-block:20px}.sfx-dm-item .dm-icon-wrap{position:absolute;left:0;top:20px}.sfx-dm-item .dm-icon-wrap .dm-icon{display:block;width:40px;height:40px;background:#000;text-align:center;color:#fff;border-radius:50%;line-height:46px}.sfx-dm-item .dm-content{padding-left:60px;padding-right:100px}.sfx-dm-item .dm-content h5{display:flex}.sfx-dm-item .dm-content p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sfx-dm-item .dm-content .sfx-white-space-nowrap{white-space:nowrap}.sfx-dm-item .dm-action{position:absolute;right:0;top:20px;display:none}.sfx-dm-item:hover .dm-action{display:block}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i4.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i5.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
22
|
+
DocumentManagementItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: DocumentManagementItemComponent, selector: "symphony-document-management-item", inputs: { documentManagementItemModel: "documentManagementItemModel" }, outputs: { previewClicked: "previewClicked", moreOptionClicked: "moreOptionClicked" }, ngImport: i0, template: "<div class=\"sfx-dm-item\">\n <div class=\"dm-icon-wrap\">\n <symphony-icon class=\"dm-icon\" [icon]=\"'si-document'\"></symphony-icon>\n </div>\n <div class=\"dm-content\">\n <symphony-h5\n title=\"{{ documentManagementItemModel.fileName }}\"\n ><span class=\"sfx-ellipse\">{{ documentManagementItemModel.fileName }} </span><span\n *ngIf=\"documentManagementItemModel.fileType\" class=\"sfx-white-space-nowrap\"\n >[{{ documentManagementItemModel.fileType }}]</span\n ></symphony-h5\n >\n <symphony-paragraph\n title=\"Added on {{ documentManagementItemModel.addedDate }} {{ documentManagementItemModel.uploadedBy ? 'by' : ''}} {{\n documentManagementItemModel.uploadedBy\n }}\"\n *ngIf=\"documentManagementItemModel.addedDate\"\n ><span\n >Added on <span>{{\n documentManagementItemModel.addedDate\n }}</span></span\n > <span\n ><span\n *ngIf=\"documentManagementItemModel.uploadedBy\"\n >by </span\n >{{ documentManagementItemModel.uploadedBy }}</span\n >\n </symphony-paragraph>\n </div>\n <div class=\"dm-action\">\n <symphony-icon-wrapper\n (click)=\"onPreviewClicked()\"\n *ngIf=\"documentManagementItemModel.hasPreview\"\n class=\"sfx-d-inline-block pull-left\"\n [hasHoverWithoutBorder]=\"true\"\n >\n <symphony-icon [icon]=\"'si-preview'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-contextual-menu\n *ngIf=\"documentManagementItemModel.moreActions.items.length > 0\"\n class=\"dm-more-option sfx-d-inline-block pull-left sfx-ml-10\"\n [model]=\"documentManagementItemModel.moreActions\"\n (itemClick)=\"onMoreOptionClicked($event)\"\n >\n </symphony-contextual-menu>\n </div>\n</div>\n", styles: [".sfx-dm-item{position:relative;padding-block:20px}.sfx-dm-item .dm-icon-wrap{position:absolute;left:0;top:20px}.sfx-dm-item .dm-icon-wrap .dm-icon{display:block;width:40px;height:40px;background:#000;text-align:center;color:#fff;border-radius:50%;line-height:46px}.sfx-dm-item .dm-content{padding-left:60px;padding-right:100px}.sfx-dm-item .dm-content h5{display:flex}.sfx-dm-item .dm-content p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sfx-dm-item .dm-content .sfx-white-space-nowrap{white-space:nowrap}.sfx-dm-item .dm-action{position:absolute;right:0;top:20px;display:none}.sfx-dm-item:hover .dm-action{display:block}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i4.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder", "isDisabled"], outputs: ["clicked"] }, { type: i5.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
23
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementItemComponent, decorators: [{
|
|
24
24
|
type: Component,
|
|
25
25
|
args: [{ selector: 'symphony-document-management-item', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-dm-item\">\n <div class=\"dm-icon-wrap\">\n <symphony-icon class=\"dm-icon\" [icon]=\"'si-document'\"></symphony-icon>\n </div>\n <div class=\"dm-content\">\n <symphony-h5\n title=\"{{ documentManagementItemModel.fileName }}\"\n ><span class=\"sfx-ellipse\">{{ documentManagementItemModel.fileName }} </span><span\n *ngIf=\"documentManagementItemModel.fileType\" class=\"sfx-white-space-nowrap\"\n >[{{ documentManagementItemModel.fileType }}]</span\n ></symphony-h5\n >\n <symphony-paragraph\n title=\"Added on {{ documentManagementItemModel.addedDate }} {{ documentManagementItemModel.uploadedBy ? 'by' : ''}} {{\n documentManagementItemModel.uploadedBy\n }}\"\n *ngIf=\"documentManagementItemModel.addedDate\"\n ><span\n >Added on <span>{{\n documentManagementItemModel.addedDate\n }}</span></span\n > <span\n ><span\n *ngIf=\"documentManagementItemModel.uploadedBy\"\n >by </span\n >{{ documentManagementItemModel.uploadedBy }}</span\n >\n </symphony-paragraph>\n </div>\n <div class=\"dm-action\">\n <symphony-icon-wrapper\n (click)=\"onPreviewClicked()\"\n *ngIf=\"documentManagementItemModel.hasPreview\"\n class=\"sfx-d-inline-block pull-left\"\n [hasHoverWithoutBorder]=\"true\"\n >\n <symphony-icon [icon]=\"'si-preview'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-contextual-menu\n *ngIf=\"documentManagementItemModel.moreActions.items.length > 0\"\n class=\"dm-more-option sfx-d-inline-block pull-left sfx-ml-10\"\n [model]=\"documentManagementItemModel.moreActions\"\n (itemClick)=\"onMoreOptionClicked($event)\"\n >\n </symphony-contextual-menu>\n </div>\n</div>\n", styles: [".sfx-dm-item{position:relative;padding-block:20px}.sfx-dm-item .dm-icon-wrap{position:absolute;left:0;top:20px}.sfx-dm-item .dm-icon-wrap .dm-icon{display:block;width:40px;height:40px;background:#000;text-align:center;color:#fff;border-radius:50%;line-height:46px}.sfx-dm-item .dm-content{padding-left:60px;padding-right:100px}.sfx-dm-item .dm-content h5{display:flex}.sfx-dm-item .dm-content p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sfx-dm-item .dm-content .sfx-white-space-nowrap{white-space:nowrap}.sfx-dm-item .dm-action{position:absolute;right:0;top:20px;display:none}.sfx-dm-item:hover .dm-action{display:block}\n"] }]
|
|
@@ -15,6 +15,7 @@ export class FilterTabsComponent {
|
|
|
15
15
|
this.buttonClicked = new EventEmitter();
|
|
16
16
|
this.tabSetClicked = new EventEmitter();
|
|
17
17
|
this.tabSelectedClicked = new EventEmitter();
|
|
18
|
+
this.savedSearchClick = new EventEmitter();
|
|
18
19
|
}
|
|
19
20
|
onItemClick(item) {
|
|
20
21
|
this.moreOptionClick.emit(item);
|
|
@@ -22,6 +23,9 @@ export class FilterTabsComponent {
|
|
|
22
23
|
onLoadSearchClick() {
|
|
23
24
|
this.loadSearchClick.emit();
|
|
24
25
|
}
|
|
26
|
+
onSavedSearchClick() {
|
|
27
|
+
this.savedSearchClick.emit();
|
|
28
|
+
}
|
|
25
29
|
onClearSearchClick() {
|
|
26
30
|
this.clearSearchClick.emit();
|
|
27
31
|
}
|
|
@@ -38,10 +42,10 @@ export class FilterTabsComponent {
|
|
|
38
42
|
}
|
|
39
43
|
}
|
|
40
44
|
FilterTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FilterTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
41
|
-
FilterTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FilterTabsComponent, selector: "symphony-filter-tabs", inputs: { filterTabs: "filterTabs" }, outputs: { moreOptionClick: "moreOptionClick", loadSearchClick: "loadSearchClick", clearSearchClick: "clearSearchClick", buttonClicked: "buttonClicked", tabSetClicked: "tabSetClicked", tabSelectedClicked: "tabSelectedClicked" }, viewQueries: [{ propertyName: "advancedSearchTabs", first: true, predicate: ["advanceSearchTabs"], descendants: true }], ngImport: i0, template: "<section *ngIf=\"filterTabs\" class=\"sfx-tab-wrapper sfx-filter-tab-wrap\">\n <div class=\"tab-filter-actions\">\n <symphony-tooltip-wrapper\n [placement]=\"'top'\"\n [tooltipHtml]=\"'Last Search'\"\n [toolTipClass]=\"'toolTipV2'\"\n *ngIf=\"filterTabs.showLoadLastSearch\"\n >\n <symphony-icon-wrapper\n class=\"rotateY sfx-d-flex filter-action-icon\"\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"'#ffffff'\"\n (click)=\"onLoadSearchClick()\"\n >\n <symphony-icon\n [icon]=\"'si-refresh'\"\n [iconColor]=\"'#334860'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n\n <symphony-tooltip-wrapper\n [placement]=\"'top'\"\n [tooltipHtml]=\"'Clear Search'\"\n [toolTipClass]=\"'toolTipV2'\"\n *ngIf=\"filterTabs.showClearSearch\"\n >\n <symphony-icon-wrapper\n class=\"filter-action-icon\"\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"'#ffffff'\"\n (click)=\"onClearSearchClick()\"\n >\n <symphony-icon\n [icon]=\"'si-search-clear'\"\n [iconColor]=\"'#334860'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n\n <symphony-contextual-menu\n class=\"filter-action-icon\"\n [model]=\"filterTabs.moreActionsMenu\"\n (itemClick)=\"onItemClick($event)\"\n *ngIf=\"filterTabs.showMoreOptions\"\n >\n </symphony-contextual-menu>\n </div>\n <tabset (click)=\"onTabSetClick($event)\" #advanceSearchTabs>\n <tab [disabled]=\"filterTabs.basicSearchDisabled\" (selectTab)=\"onTabSelected()\" [heading]=\"'Basic Search'\" [active]=\"filterTabs.showBasicSearch\"\n ><div><ng-content select=\"[basic-search-content]\"></ng-content>\n <div class=\"advance-search-footer sfx-mt-20\"
|
|
45
|
+
FilterTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FilterTabsComponent, selector: "symphony-filter-tabs", inputs: { filterTabs: "filterTabs" }, outputs: { moreOptionClick: "moreOptionClick", loadSearchClick: "loadSearchClick", clearSearchClick: "clearSearchClick", buttonClicked: "buttonClicked", tabSetClicked: "tabSetClicked", tabSelectedClicked: "tabSelectedClicked", savedSearchClick: "savedSearchClick" }, viewQueries: [{ propertyName: "advancedSearchTabs", first: true, predicate: ["advanceSearchTabs"], descendants: true }], ngImport: i0, template: "<section *ngIf=\"filterTabs\" class=\"sfx-tab-wrapper sfx-filter-tab-wrap\">\n <div class=\"tab-filter-actions\">\n <ng-content select=\"[saved-search-dropdown-zone]\"></ng-content>\n <symphony-tooltip-wrapper\n [placement]=\"'top'\"\n [tooltipHtml]=\"'Save Search'\"\n [toolTipClass]=\"'toolTipV2'\"\n *ngIf=\"filterTabs.showSavedSearch\"\n >\n <symphony-icon-wrapper\n class=\"sfx-d-flex filter-action-icon\"\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"'#ffffff'\"\n [isDisabled]=\"filterTabs.savedSearchDisabled\"\n (click)=\"onSavedSearchClick()\"\n >\n <symphony-icon\n [icon]=\"'si-save'\"\n [iconColor]=\"'#334860'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper> \n <symphony-tooltip-wrapper\n [placement]=\"'top'\"\n [tooltipHtml]=\"'Last Search'\"\n [toolTipClass]=\"'toolTipV2'\"\n *ngIf=\"filterTabs.showLoadLastSearch\"\n >\n <symphony-icon-wrapper\n class=\"rotateY sfx-d-flex filter-action-icon\"\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"'#ffffff'\"\n (click)=\"onLoadSearchClick()\"\n >\n <symphony-icon\n [icon]=\"'si-refresh'\"\n [iconColor]=\"'#334860'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n\n <symphony-tooltip-wrapper\n [placement]=\"'top'\"\n [tooltipHtml]=\"'Clear Search'\"\n [toolTipClass]=\"'toolTipV2'\"\n *ngIf=\"filterTabs.showClearSearch\"\n >\n <symphony-icon-wrapper\n class=\"filter-action-icon\"\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"'#ffffff'\"\n (click)=\"onClearSearchClick()\"\n >\n <symphony-icon\n [icon]=\"'si-search-clear'\"\n [iconColor]=\"'#334860'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n\n <symphony-contextual-menu\n class=\"filter-action-icon\"\n [model]=\"filterTabs.moreActionsMenu\"\n (itemClick)=\"onItemClick($event)\"\n *ngIf=\"filterTabs.showMoreOptions\"\n >\n </symphony-contextual-menu>\n </div>\n <tabset (click)=\"onTabSetClick($event)\" #advanceSearchTabs>\n <tab [disabled]=\"filterTabs.basicSearchDisabled\" (selectTab)=\"onTabSelected()\" [heading]=\"'Basic Search'\" [active]=\"filterTabs.showBasicSearch\"\n ><div><ng-content select=\"[basic-search-content]\"></ng-content>\n <div class=\"advance-search-footer sfx-mt-20\"> \n <symphony-button-v2\n *ngIf=\"filterTabs.showClearResultsBtn\"\n id=\"basic-button-clear-result\"\n text=\"Clear\"\n [isSecondary]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2>\n </div>\n </div\n ></tab>\n <tab [disabled]=\"filterTabs.advanceSearchDisabled\" (selectTab)=\"onTabSelected()\" [heading]=\"'Advanced Search'\" [active]=\"filterTabs.showAdvanceSearch\"\n ><div>\n <ng-content select=\"[advanced-search-content]\"></ng-content>\n <div class=\"advance-search-footer sfx-mt-20\"> \n <symphony-button-v2\n *ngIf=\"filterTabs.showSeeResultsBtn\"\n id=\"button-see-result\"\n text=\"SEE RESULTS\"\n [disabled]=\"filterTabs.seeResultsBtnDisabled\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2>\n <symphony-button-v2\n *ngIf=\"filterTabs.showClearResultsBtn\"\n id=\"button-clear-result\"\n text=\"Clear\"\n [isSecondary]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2>\n </div>\n </div\n ></tab>\n </tabset>\n</section>\n", styles: [".sfx-filter-tab-wrap{background:#D2D8E5;border-radius:15px;padding:30px 30px 40px;position:relative}.sfx-filter-tab-wrap .tab-filter-actions{display:flex;position:absolute;top:30px;z-index:1;right:30px;gap:10px}.sfx-filter-tab-wrap .tab-filter-actions .rotateY{transform:rotateY(180deg)}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .icon-wrapper:hover{background-color:#f1f2f5!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group button.dropdown-toggle.btn{color:#334860}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group button.dropdown-toggle.btn:hover{background:#F1F2F5!important;color:#334860!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group.open button.dropdown-toggle.btn{background:#F1F2F5!important;color:#334860}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group.open button.dropdown-toggle.btn:hover{background:#F1F2F5!important;color:#334860!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group .dropdown-menu{min-width:170px;padding-top:10px;padding-bottom:10px}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group .dropdown-menu li a.dropdown-item{padding:8px 10px 8px 20px!important;line-height:20px!important;color:#000;font-weight:400!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs{margin-bottom:20px;border-bottom:1px solid #82919F!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li{background-color:#d2d8e5!important;margin-bottom:0}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li .nav-link{background-color:#d2d8e5!important;margin-bottom:0;padding-bottom:20px}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li.active .nav-link{background-color:#d2d8e5!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li.active:hover a{color:#712ace!important;cursor:pointer}.sfx-filter-tab-wrap .tab-container .v2 .btn-primary{border-color:#2b8ff3!important}.sfx-filter-tab-wrap .tab-container .v2 .btn-primary.btn.sb-sfx-btn{font-weight:500!important}.justify-flex-end{justify-content:flex-end}.advance-search-footer{display:flex;flex-direction:row-reverse;gap:15px}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder", "isDisabled"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }, { type: i5.TabsetComponent, selector: "tabset", inputs: ["vertical", "justified", "type"] }, { type: i6.ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.TabDirective, selector: "tab, [tab]", inputs: ["customClass", "active", "removable", "heading", "id", "disabled"], outputs: ["selectTab", "deselect", "removed"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
42
46
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FilterTabsComponent, decorators: [{
|
|
43
47
|
type: Component,
|
|
44
|
-
args: [{ selector: 'symphony-filter-tabs', encapsulation: ViewEncapsulation.None, template: "<section *ngIf=\"filterTabs\" class=\"sfx-tab-wrapper sfx-filter-tab-wrap\">\n <div class=\"tab-filter-actions\">\n <symphony-tooltip-wrapper\n [placement]=\"'top'\"\n [tooltipHtml]=\"'Last Search'\"\n [toolTipClass]=\"'toolTipV2'\"\n *ngIf=\"filterTabs.showLoadLastSearch\"\n >\n <symphony-icon-wrapper\n class=\"rotateY sfx-d-flex filter-action-icon\"\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"'#ffffff'\"\n (click)=\"onLoadSearchClick()\"\n >\n <symphony-icon\n [icon]=\"'si-refresh'\"\n [iconColor]=\"'#334860'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n\n <symphony-tooltip-wrapper\n [placement]=\"'top'\"\n [tooltipHtml]=\"'Clear Search'\"\n [toolTipClass]=\"'toolTipV2'\"\n *ngIf=\"filterTabs.showClearSearch\"\n >\n <symphony-icon-wrapper\n class=\"filter-action-icon\"\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"'#ffffff'\"\n (click)=\"onClearSearchClick()\"\n >\n <symphony-icon\n [icon]=\"'si-search-clear'\"\n [iconColor]=\"'#334860'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n\n <symphony-contextual-menu\n class=\"filter-action-icon\"\n [model]=\"filterTabs.moreActionsMenu\"\n (itemClick)=\"onItemClick($event)\"\n *ngIf=\"filterTabs.showMoreOptions\"\n >\n </symphony-contextual-menu>\n </div>\n <tabset (click)=\"onTabSetClick($event)\" #advanceSearchTabs>\n <tab [disabled]=\"filterTabs.basicSearchDisabled\" (selectTab)=\"onTabSelected()\" [heading]=\"'Basic Search'\" [active]=\"filterTabs.showBasicSearch\"\n ><div><ng-content select=\"[basic-search-content]\"></ng-content>\n <div class=\"advance-search-footer sfx-mt-20\"
|
|
48
|
+
args: [{ selector: 'symphony-filter-tabs', encapsulation: ViewEncapsulation.None, template: "<section *ngIf=\"filterTabs\" class=\"sfx-tab-wrapper sfx-filter-tab-wrap\">\n <div class=\"tab-filter-actions\">\n <ng-content select=\"[saved-search-dropdown-zone]\"></ng-content>\n <symphony-tooltip-wrapper\n [placement]=\"'top'\"\n [tooltipHtml]=\"'Save Search'\"\n [toolTipClass]=\"'toolTipV2'\"\n *ngIf=\"filterTabs.showSavedSearch\"\n >\n <symphony-icon-wrapper\n class=\"sfx-d-flex filter-action-icon\"\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"'#ffffff'\"\n [isDisabled]=\"filterTabs.savedSearchDisabled\"\n (click)=\"onSavedSearchClick()\"\n >\n <symphony-icon\n [icon]=\"'si-save'\"\n [iconColor]=\"'#334860'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper> \n <symphony-tooltip-wrapper\n [placement]=\"'top'\"\n [tooltipHtml]=\"'Last Search'\"\n [toolTipClass]=\"'toolTipV2'\"\n *ngIf=\"filterTabs.showLoadLastSearch\"\n >\n <symphony-icon-wrapper\n class=\"rotateY sfx-d-flex filter-action-icon\"\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"'#ffffff'\"\n (click)=\"onLoadSearchClick()\"\n >\n <symphony-icon\n [icon]=\"'si-refresh'\"\n [iconColor]=\"'#334860'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n\n <symphony-tooltip-wrapper\n [placement]=\"'top'\"\n [tooltipHtml]=\"'Clear Search'\"\n [toolTipClass]=\"'toolTipV2'\"\n *ngIf=\"filterTabs.showClearSearch\"\n >\n <symphony-icon-wrapper\n class=\"filter-action-icon\"\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"'#ffffff'\"\n (click)=\"onClearSearchClick()\"\n >\n <symphony-icon\n [icon]=\"'si-search-clear'\"\n [iconColor]=\"'#334860'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n\n <symphony-contextual-menu\n class=\"filter-action-icon\"\n [model]=\"filterTabs.moreActionsMenu\"\n (itemClick)=\"onItemClick($event)\"\n *ngIf=\"filterTabs.showMoreOptions\"\n >\n </symphony-contextual-menu>\n </div>\n <tabset (click)=\"onTabSetClick($event)\" #advanceSearchTabs>\n <tab [disabled]=\"filterTabs.basicSearchDisabled\" (selectTab)=\"onTabSelected()\" [heading]=\"'Basic Search'\" [active]=\"filterTabs.showBasicSearch\"\n ><div><ng-content select=\"[basic-search-content]\"></ng-content>\n <div class=\"advance-search-footer sfx-mt-20\"> \n <symphony-button-v2\n *ngIf=\"filterTabs.showClearResultsBtn\"\n id=\"basic-button-clear-result\"\n text=\"Clear\"\n [isSecondary]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2>\n </div>\n </div\n ></tab>\n <tab [disabled]=\"filterTabs.advanceSearchDisabled\" (selectTab)=\"onTabSelected()\" [heading]=\"'Advanced Search'\" [active]=\"filterTabs.showAdvanceSearch\"\n ><div>\n <ng-content select=\"[advanced-search-content]\"></ng-content>\n <div class=\"advance-search-footer sfx-mt-20\"> \n <symphony-button-v2\n *ngIf=\"filterTabs.showSeeResultsBtn\"\n id=\"button-see-result\"\n text=\"SEE RESULTS\"\n [disabled]=\"filterTabs.seeResultsBtnDisabled\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2>\n <symphony-button-v2\n *ngIf=\"filterTabs.showClearResultsBtn\"\n id=\"button-clear-result\"\n text=\"Clear\"\n [isSecondary]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2>\n </div>\n </div\n ></tab>\n </tabset>\n</section>\n", styles: [".sfx-filter-tab-wrap{background:#D2D8E5;border-radius:15px;padding:30px 30px 40px;position:relative}.sfx-filter-tab-wrap .tab-filter-actions{display:flex;position:absolute;top:30px;z-index:1;right:30px;gap:10px}.sfx-filter-tab-wrap .tab-filter-actions .rotateY{transform:rotateY(180deg)}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .icon-wrapper:hover{background-color:#f1f2f5!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group button.dropdown-toggle.btn{color:#334860}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group button.dropdown-toggle.btn:hover{background:#F1F2F5!important;color:#334860!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group.open button.dropdown-toggle.btn{background:#F1F2F5!important;color:#334860}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group.open button.dropdown-toggle.btn:hover{background:#F1F2F5!important;color:#334860!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group .dropdown-menu{min-width:170px;padding-top:10px;padding-bottom:10px}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group .dropdown-menu li a.dropdown-item{padding:8px 10px 8px 20px!important;line-height:20px!important;color:#000;font-weight:400!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs{margin-bottom:20px;border-bottom:1px solid #82919F!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li{background-color:#d2d8e5!important;margin-bottom:0}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li .nav-link{background-color:#d2d8e5!important;margin-bottom:0;padding-bottom:20px}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li.active .nav-link{background-color:#d2d8e5!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li.active:hover a{color:#712ace!important;cursor:pointer}.sfx-filter-tab-wrap .tab-container .v2 .btn-primary{border-color:#2b8ff3!important}.sfx-filter-tab-wrap .tab-container .v2 .btn-primary.btn.sb-sfx-btn{font-weight:500!important}.justify-flex-end{justify-content:flex-end}.advance-search-footer{display:flex;flex-direction:row-reverse;gap:15px}\n"] }]
|
|
45
49
|
}], ctorParameters: function () { return []; }, propDecorators: { filterTabs: [{
|
|
46
50
|
type: Input
|
|
47
51
|
}], moreOptionClick: [{
|
|
@@ -56,8 +60,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
56
60
|
type: Output
|
|
57
61
|
}], tabSelectedClicked: [{
|
|
58
62
|
type: Output
|
|
63
|
+
}], savedSearchClick: [{
|
|
64
|
+
type: Output
|
|
59
65
|
}], advancedSearchTabs: [{
|
|
60
66
|
type: ViewChild,
|
|
61
67
|
args: ['advanceSearchTabs']
|
|
62
68
|
}] } });
|
|
63
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLXRhYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsdGVyLXRhYnMvZmlsdGVyLXRhYnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsdGVyLXRhYnMvZmlsdGVyLXRhYnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixTQUFTLEVBQ1QsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDOzs7Ozs7Ozs7QUFVdkIsTUFBTSxPQUFPLG1CQUFtQjtJQWE5QjtRQVZVLG9CQUFlLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUM3QyxvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDM0MscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUM1QyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDM0Msa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBQ3hDLHVCQUFrQixHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7SUFLeEMsQ0FBQztJQUVoQixXQUFXLENBQUMsSUFBWTtRQUN0QixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNsQyxDQUFDO0lBRUQsaUJBQWlCO1FBQ2YsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBRUQsa0JBQWtCO1FBQ2hCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMvQixDQUFDO0lBRUQsYUFBYSxDQUFDLElBQVk7UUFDeEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDaEMsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFBO0lBQ3ZELENBQUM7SUFFRCxhQUFhLENBQUMsS0FBSztRQUNqQixJQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsU0FBUyxLQUFLLGNBQWMsSUFBSSxLQUFLLENBQUMsTUFBTSxDQUFDLFNBQVMsS0FBSyxpQkFBaUIsRUFBQztZQUMzRixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxFQUFDLGtCQUFrQixFQUFFLEtBQUssQ0FBQyxNQUFNLENBQUMsU0FBUyxLQUFLLGNBQWMsRUFBRSxxQkFBcUIsRUFBRSxLQUFLLENBQUMsTUFBTSxDQUFDLFNBQVMsS0FBSyxpQkFBaUIsRUFBQyxDQUFDLENBQUE7U0FDOUo7SUFDSCxDQUFDOztnSEF2Q1UsbUJBQW1CO29HQUFuQixtQkFBbUIsZ2NDakJoQyw0bkdBdUZBOzJGRHRFYSxtQkFBbUI7a0JBTi9CLFNBQVM7K0JBQ0Usc0JBQXNCLGlCQUdqQixpQkFBaUIsQ0FBQyxJQUFJOzBFQUc1QixVQUFVO3NCQUFsQixLQUFLO2dCQUVJLGVBQWU7c0JBQXhCLE1BQU07Z0JBQ0csZUFBZTtzQkFBeEIsTUFBTTtnQkFDRyxnQkFBZ0I7c0JBQXpCLE1BQU07Z0JBQ0csYUFBYTtzQkFBdEIsTUFBTTtnQkFDRyxhQUFhO3NCQUF0QixNQUFNO2dCQUNHLGtCQUFrQjtzQkFBM0IsTUFBTTtnQkFHVCxrQkFBa0I7c0JBRGYsU0FBUzt1QkFBQyxtQkFBbUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgVmlld0NoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGaWx0ZXJUYWJzTW9kZWwgfSBmcm9tICcuL2ZpbHRlci10YWJzLm1vZGVsJztcbmltcG9ydCB7IFRhYnNldENvbXBvbmVudCB9IGZyb20gJ25neC1ib290c3RyYXAvdGFicyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWZpbHRlci10YWJzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZpbHRlci10YWJzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmlsdGVyLXRhYnMuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgRmlsdGVyVGFic0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGZpbHRlclRhYnM6IEZpbHRlclRhYnNNb2RlbDtcblxuICBAT3V0cHV0KCkgbW9yZU9wdGlvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gIEBPdXRwdXQoKSBsb2FkU2VhcmNoQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBPdXRwdXQoKSBjbGVhclNlYXJjaENsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgYnV0dG9uQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICBAT3V0cHV0KCkgdGFiU2V0Q2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICBAT3V0cHV0KCkgdGFiU2VsZWN0ZWRDbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgQFZpZXdDaGlsZCgnYWR2YW5jZVNlYXJjaFRhYnMnKVxuYWR2YW5jZWRTZWFyY2hUYWJzPzogVGFic2V0Q29tcG9uZW50O1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBvbkl0ZW1DbGljayhpdGVtOiBzdHJpbmcpIHtcbiAgICB0aGlzLm1vcmVPcHRpb25DbGljay5lbWl0KGl0ZW0pO1xuICB9XG5cbiAgb25Mb2FkU2VhcmNoQ2xpY2soKSB7XG4gICAgdGhpcy5sb2FkU2VhcmNoQ2xpY2suZW1pdCgpO1xuICB9XG5cbiAgb25DbGVhclNlYXJjaENsaWNrKCkge1xuICAgIHRoaXMuY2xlYXJTZWFyY2hDbGljay5lbWl0KCk7XG4gIH1cblxuICBvbkJ1dHRvbkNsaWNrKHRleHQ6IHN0cmluZykge1xuICAgIHRoaXMuYnV0dG9uQ2xpY2tlZC5lbWl0KHRleHQpO1xuICB9XG5cbiAgb25UYWJTZWxlY3RlZCgpIHtcbiAgICB0aGlzLnRhYlNlbGVjdGVkQ2xpY2tlZC5lbWl0KHRoaXMuYWR2YW5jZWRTZWFyY2hUYWJzKSBcbiAgfVxuXG4gIG9uVGFiU2V0Q2xpY2soZXZlbnQpIHtcbiAgICBpZihldmVudC50YXJnZXQuaW5uZXJUZXh0ID09PSAnQmFzaWMgU2VhcmNoJyB8fCBldmVudC50YXJnZXQuaW5uZXJUZXh0ID09PSAnQWR2YW5jZWQgU2VhcmNoJyl7XG4gICAgICB0aGlzLnRhYlNldENsaWNrZWQuZW1pdCh7YmFzaWNTZWFyY2hDbGlja2VkOiBldmVudC50YXJnZXQuaW5uZXJUZXh0ID09PSAnQmFzaWMgU2VhcmNoJywgYWR2YW5jZWRTZWFyY2hDbGlja2VkOiBldmVudC50YXJnZXQuaW5uZXJUZXh0ID09PSAnQWR2YW5jZWQgU2VhcmNoJ30pXG4gICAgfVxuICB9XG59IFxuIiwiPHNlY3Rpb24gKm5nSWY9XCJmaWx0ZXJUYWJzXCIgY2xhc3M9XCJzZngtdGFiLXdyYXBwZXIgc2Z4LWZpbHRlci10YWItd3JhcFwiPlxuICA8ZGl2IGNsYXNzPVwidGFiLWZpbHRlci1hY3Rpb25zXCI+XG4gICAgPHN5bXBob255LXRvb2x0aXAtd3JhcHBlclxuICAgICAgW3BsYWNlbWVudF09XCIndG9wJ1wiXG4gICAgICBbdG9vbHRpcEh0bWxdPVwiJ0xhc3QgU2VhcmNoJ1wiXG4gICAgICBbdG9vbFRpcENsYXNzXT1cIid0b29sVGlwVjInXCJcbiAgICAgICpuZ0lmPVwiZmlsdGVyVGFicy5zaG93TG9hZExhc3RTZWFyY2hcIlxuICAgID5cbiAgICAgIDxzeW1waG9ueS1pY29uLXdyYXBwZXJcbiAgICAgICAgY2xhc3M9XCJyb3RhdGVZIHNmeC1kLWZsZXggZmlsdGVyLWFjdGlvbi1pY29uXCJcbiAgICAgICAgW2lzSW52ZXJzZV09XCJ0cnVlXCJcbiAgICAgICAgW2hhc0hvdmVyV2l0aG91dEJvcmRlcl09XCJ0cnVlXCJcbiAgICAgICAgW2JhY2tncm91bmRDb2xvcl09XCInI2ZmZmZmZidcIlxuICAgICAgICAoY2xpY2spPVwib25Mb2FkU2VhcmNoQ2xpY2soKVwiXG4gICAgICA+XG4gICAgICAgIDxzeW1waG9ueS1pY29uXG4gICAgICAgICAgW2ljb25dPVwiJ3NpLXJlZnJlc2gnXCJcbiAgICAgICAgICBbaWNvbkNvbG9yXT1cIicjMzM0ODYwJ1wiXG4gICAgICAgID48L3N5bXBob255LWljb24+XG4gICAgICA8L3N5bXBob255LWljb24td3JhcHBlcj5cbiAgICA8L3N5bXBob255LXRvb2x0aXAtd3JhcHBlcj5cblxuICAgIDxzeW1waG9ueS10b29sdGlwLXdyYXBwZXJcbiAgICAgIFtwbGFjZW1lbnRdPVwiJ3RvcCdcIlxuICAgICAgW3Rvb2x0aXBIdG1sXT1cIidDbGVhciBTZWFyY2gnXCJcbiAgICAgIFt0b29sVGlwQ2xhc3NdPVwiJ3Rvb2xUaXBWMidcIlxuICAgICAgKm5nSWY9XCJmaWx0ZXJUYWJzLnNob3dDbGVhclNlYXJjaFwiXG4gICAgPlxuICAgICAgPHN5bXBob255LWljb24td3JhcHBlclxuICAgICAgICBjbGFzcz1cImZpbHRlci1hY3Rpb24taWNvblwiXG4gICAgICAgIFtpc0ludmVyc2VdPVwidHJ1ZVwiXG4gICAgICAgIFtoYXNIb3ZlcldpdGhvdXRCb3JkZXJdPVwidHJ1ZVwiXG4gICAgICAgIFtiYWNrZ3JvdW5kQ29sb3JdPVwiJyNmZmZmZmYnXCJcbiAgICAgICAgKGNsaWNrKT1cIm9uQ2xlYXJTZWFyY2hDbGljaygpXCJcbiAgICAgID5cbiAgICAgICAgPHN5bXBob255LWljb25cbiAgICAgICAgICBbaWNvbl09XCInc2ktc2VhcmNoLWNsZWFyJ1wiXG4gICAgICAgICAgW2ljb25Db2xvcl09XCInIzMzNDg2MCdcIlxuICAgICAgICA+PC9zeW1waG9ueS1pY29uPlxuICAgICAgPC9zeW1waG9ueS1pY29uLXdyYXBwZXI+XG4gICAgPC9zeW1waG9ueS10b29sdGlwLXdyYXBwZXI+XG5cbiAgICA8c3ltcGhvbnktY29udGV4dHVhbC1tZW51XG4gICAgICBjbGFzcz1cImZpbHRlci1hY3Rpb24taWNvblwiXG4gICAgICBbbW9kZWxdPVwiZmlsdGVyVGFicy5tb3JlQWN0aW9uc01lbnVcIlxuICAgICAgKGl0ZW1DbGljayk9XCJvbkl0ZW1DbGljaygkZXZlbnQpXCJcbiAgICAgICpuZ0lmPVwiZmlsdGVyVGFicy5zaG93TW9yZU9wdGlvbnNcIlxuICAgID5cbiAgICA8L3N5bXBob255LWNvbnRleHR1YWwtbWVudT5cbiAgPC9kaXY+XG4gIDx0YWJzZXQgKGNsaWNrKT1cIm9uVGFiU2V0Q2xpY2soJGV2ZW50KVwiICNhZHZhbmNlU2VhcmNoVGFicz5cbiAgICA8dGFiIFtkaXNhYmxlZF09XCJmaWx0ZXJUYWJzLmJhc2ljU2VhcmNoRGlzYWJsZWRcIiAoc2VsZWN0VGFiKT1cIm9uVGFiU2VsZWN0ZWQoKVwiIFtoZWFkaW5nXT1cIidCYXNpYyBTZWFyY2gnXCIgW2FjdGl2ZV09XCJmaWx0ZXJUYWJzLnNob3dCYXNpY1NlYXJjaFwiXG4gICAgICA+PGRpdj48bmctY29udGVudCBzZWxlY3Q9XCJbYmFzaWMtc2VhcmNoLWNvbnRlbnRdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYWR2YW5jZS1zZWFyY2gtZm9vdGVyIHNmeC1tdC0yMFwiPlxuICAgICAgICA8c3ltcGhvbnktYnV0dG9uLXYyXG4gICAgICAgICAgKm5nSWY9XCJmaWx0ZXJUYWJzLnNob3dDbGVhclJlc3VsdHNCdG5cIlxuICAgICAgICAgIGlkPVwiYmFzaWMtYnV0dG9uLWNsZWFyLXJlc3VsdFwiXG4gICAgICAgICAgdGV4dD1cIkNsZWFyXCJcbiAgICAgICAgICBbaXNTZWNvbmRhcnldPVwidHJ1ZVwiXG4gICAgICAgICAgKGNsaWNrZWQpPVwib25CdXR0b25DbGljaygkZXZlbnQpXCJcbiAgICAgICAgPjwvc3ltcGhvbnktYnV0dG9uLXYyPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXZcbiAgICA+PC90YWI+XG4gICAgPHRhYiBbZGlzYWJsZWRdPVwiZmlsdGVyVGFicy5hZHZhbmNlU2VhcmNoRGlzYWJsZWRcIiAoc2VsZWN0VGFiKT1cIm9uVGFiU2VsZWN0ZWQoKVwiIFtoZWFkaW5nXT1cIidBZHZhbmNlZCBTZWFyY2gnXCIgW2FjdGl2ZV09XCJmaWx0ZXJUYWJzLnNob3dBZHZhbmNlU2VhcmNoXCJcbiAgICAgID48ZGl2PlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbYWR2YW5jZWQtc2VhcmNoLWNvbnRlbnRdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYWR2YW5jZS1zZWFyY2gtZm9vdGVyIHNmeC1tdC0yMFwiPlxuICAgICAgICAgIDxzeW1waG9ueS1idXR0b24tdjJcbiAgICAgICAgICAqbmdJZj1cImZpbHRlclRhYnMuc2hvd1NlZVJlc3VsdHNCdG5cIlxuICAgICAgICAgIGlkPVwiYnV0dG9uLXNlZS1yZXN1bHRcIlxuICAgICAgICAgIHRleHQ9XCJTRUUgUkVTVUxUU1wiXG4gICAgICAgICAgW2Rpc2FibGVkXT1cImZpbHRlclRhYnMuc2VlUmVzdWx0c0J0bkRpc2FibGVkXCJcbiAgICAgICAgICAoY2xpY2tlZCk9XCJvbkJ1dHRvbkNsaWNrKCRldmVudClcIlxuICAgICAgICA+PC9zeW1waG9ueS1idXR0b24tdjI+XG4gICAgICAgIDxzeW1waG9ueS1idXR0b24tdjJcbiAgICAgICAgICAqbmdJZj1cImZpbHRlclRhYnMuc2hvd0NsZWFyUmVzdWx0c0J0blwiXG4gICAgICAgICAgaWQ9XCJidXR0b24tY2xlYXItcmVzdWx0XCJcbiAgICAgICAgICB0ZXh0PVwiQ2xlYXJcIlxuICAgICAgICAgIFtpc1NlY29uZGFyeV09XCJ0cnVlXCJcbiAgICAgICAgICAoY2xpY2tlZCk9XCJvbkJ1dHRvbkNsaWNrKCRldmVudClcIlxuICAgICAgICA+PC9zeW1waG9ueS1idXR0b24tdjI+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8L2RpdlxuICAgID48L3RhYj5cbiAgPC90YWJzZXQ+XG48L3NlY3Rpb24+XG4iXX0=
|
|
69
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLXRhYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsdGVyLXRhYnMvZmlsdGVyLXRhYnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsdGVyLXRhYnMvZmlsdGVyLXRhYnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixTQUFTLEVBQ1QsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDOzs7Ozs7Ozs7QUFVdkIsTUFBTSxPQUFPLG1CQUFtQjtJQWM5QjtRQVhVLG9CQUFlLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUM3QyxvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDM0MscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUM1QyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDM0Msa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBQ3hDLHVCQUFrQixHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDN0MscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQUt2QyxDQUFDO0lBRWhCLFdBQVcsQ0FBQyxJQUFZO1FBQ3RCLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxpQkFBaUI7UUFDZixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzlCLENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQy9CLENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQy9CLENBQUM7SUFFRCxhQUFhLENBQUMsSUFBWTtRQUN4QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNoQyxDQUFDO0lBRUQsYUFBYTtRQUNYLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLENBQUE7SUFDdkQsQ0FBQztJQUVELGFBQWEsQ0FBQyxLQUFLO1FBQ2pCLElBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxTQUFTLEtBQUssY0FBYyxJQUFJLEtBQUssQ0FBQyxNQUFNLENBQUMsU0FBUyxLQUFLLGlCQUFpQixFQUFDO1lBQzNGLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEVBQUMsa0JBQWtCLEVBQUUsS0FBSyxDQUFDLE1BQU0sQ0FBQyxTQUFTLEtBQUssY0FBYyxFQUFFLHFCQUFxQixFQUFFLEtBQUssQ0FBQyxNQUFNLENBQUMsU0FBUyxLQUFLLGlCQUFpQixFQUFDLENBQUMsQ0FBQTtTQUM5SjtJQUNILENBQUM7O2dIQTVDVSxtQkFBbUI7b0dBQW5CLG1CQUFtQixzZUNqQmhDLHUzSEE0R0E7MkZEM0ZhLG1CQUFtQjtrQkFOL0IsU0FBUzsrQkFDRSxzQkFBc0IsaUJBR2pCLGlCQUFpQixDQUFDLElBQUk7MEVBRzVCLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUksZUFBZTtzQkFBeEIsTUFBTTtnQkFDRyxlQUFlO3NCQUF4QixNQUFNO2dCQUNHLGdCQUFnQjtzQkFBekIsTUFBTTtnQkFDRyxhQUFhO3NCQUF0QixNQUFNO2dCQUNHLGFBQWE7c0JBQXRCLE1BQU07Z0JBQ0csa0JBQWtCO3NCQUEzQixNQUFNO2dCQUNHLGdCQUFnQjtzQkFBekIsTUFBTTtnQkFHVCxrQkFBa0I7c0JBRGYsU0FBUzt1QkFBQyxtQkFBbUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgVmlld0NoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGaWx0ZXJUYWJzTW9kZWwgfSBmcm9tICcuL2ZpbHRlci10YWJzLm1vZGVsJztcbmltcG9ydCB7IFRhYnNldENvbXBvbmVudCB9IGZyb20gJ25neC1ib290c3RyYXAvdGFicyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWZpbHRlci10YWJzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZpbHRlci10YWJzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmlsdGVyLXRhYnMuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgRmlsdGVyVGFic0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGZpbHRlclRhYnM6IEZpbHRlclRhYnNNb2RlbDtcblxuICBAT3V0cHV0KCkgbW9yZU9wdGlvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gIEBPdXRwdXQoKSBsb2FkU2VhcmNoQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBPdXRwdXQoKSBjbGVhclNlYXJjaENsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgYnV0dG9uQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICBAT3V0cHV0KCkgdGFiU2V0Q2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICBAT3V0cHV0KCkgdGFiU2VsZWN0ZWRDbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIEBPdXRwdXQoKSBzYXZlZFNlYXJjaENsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIEBWaWV3Q2hpbGQoJ2FkdmFuY2VTZWFyY2hUYWJzJylcbmFkdmFuY2VkU2VhcmNoVGFicz86IFRhYnNldENvbXBvbmVudDtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgb25JdGVtQ2xpY2soaXRlbTogc3RyaW5nKSB7XG4gICAgdGhpcy5tb3JlT3B0aW9uQ2xpY2suZW1pdChpdGVtKTtcbiAgfVxuXG4gIG9uTG9hZFNlYXJjaENsaWNrKCkge1xuICAgIHRoaXMubG9hZFNlYXJjaENsaWNrLmVtaXQoKTtcbiAgfVxuXG4gIG9uU2F2ZWRTZWFyY2hDbGljaygpIHtcbiAgICB0aGlzLnNhdmVkU2VhcmNoQ2xpY2suZW1pdCgpO1xuICB9XG5cbiAgb25DbGVhclNlYXJjaENsaWNrKCkge1xuICAgIHRoaXMuY2xlYXJTZWFyY2hDbGljay5lbWl0KCk7XG4gIH1cblxuICBvbkJ1dHRvbkNsaWNrKHRleHQ6IHN0cmluZykge1xuICAgIHRoaXMuYnV0dG9uQ2xpY2tlZC5lbWl0KHRleHQpO1xuICB9XG5cbiAgb25UYWJTZWxlY3RlZCgpIHtcbiAgICB0aGlzLnRhYlNlbGVjdGVkQ2xpY2tlZC5lbWl0KHRoaXMuYWR2YW5jZWRTZWFyY2hUYWJzKSBcbiAgfVxuXG4gIG9uVGFiU2V0Q2xpY2soZXZlbnQpIHtcbiAgICBpZihldmVudC50YXJnZXQuaW5uZXJUZXh0ID09PSAnQmFzaWMgU2VhcmNoJyB8fCBldmVudC50YXJnZXQuaW5uZXJUZXh0ID09PSAnQWR2YW5jZWQgU2VhcmNoJyl7XG4gICAgICB0aGlzLnRhYlNldENsaWNrZWQuZW1pdCh7YmFzaWNTZWFyY2hDbGlja2VkOiBldmVudC50YXJnZXQuaW5uZXJUZXh0ID09PSAnQmFzaWMgU2VhcmNoJywgYWR2YW5jZWRTZWFyY2hDbGlja2VkOiBldmVudC50YXJnZXQuaW5uZXJUZXh0ID09PSAnQWR2YW5jZWQgU2VhcmNoJ30pXG4gICAgfVxuICB9XG59IFxuIiwiPHNlY3Rpb24gKm5nSWY9XCJmaWx0ZXJUYWJzXCIgY2xhc3M9XCJzZngtdGFiLXdyYXBwZXIgc2Z4LWZpbHRlci10YWItd3JhcFwiPlxuICA8ZGl2IGNsYXNzPVwidGFiLWZpbHRlci1hY3Rpb25zXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NhdmVkLXNlYXJjaC1kcm9wZG93bi16b25lXVwiPjwvbmctY29udGVudD5cbiAgICA8c3ltcGhvbnktdG9vbHRpcC13cmFwcGVyXG4gICAgICBbcGxhY2VtZW50XT1cIid0b3AnXCJcbiAgICAgIFt0b29sdGlwSHRtbF09XCInU2F2ZSBTZWFyY2gnXCJcbiAgICAgIFt0b29sVGlwQ2xhc3NdPVwiJ3Rvb2xUaXBWMidcIlxuICAgICAgKm5nSWY9XCJmaWx0ZXJUYWJzLnNob3dTYXZlZFNlYXJjaFwiXG4gICAgPlxuICAgICAgPHN5bXBob255LWljb24td3JhcHBlclxuICAgICAgICBjbGFzcz1cInNmeC1kLWZsZXggZmlsdGVyLWFjdGlvbi1pY29uXCJcbiAgICAgICAgW2lzSW52ZXJzZV09XCJ0cnVlXCJcbiAgICAgICAgW2hhc0hvdmVyV2l0aG91dEJvcmRlcl09XCJ0cnVlXCJcbiAgICAgICAgW2JhY2tncm91bmRDb2xvcl09XCInI2ZmZmZmZidcIlxuICAgICAgICBbaXNEaXNhYmxlZF09XCJmaWx0ZXJUYWJzLnNhdmVkU2VhcmNoRGlzYWJsZWRcIlxuICAgICAgICAoY2xpY2spPVwib25TYXZlZFNlYXJjaENsaWNrKClcIlxuICAgICAgPlxuICAgICAgICA8c3ltcGhvbnktaWNvblxuICAgICAgICAgIFtpY29uXT1cIidzaS1zYXZlJ1wiXG4gICAgICAgICAgW2ljb25Db2xvcl09XCInIzMzNDg2MCdcIlxuICAgICAgICA+PC9zeW1waG9ueS1pY29uPlxuICAgICAgPC9zeW1waG9ueS1pY29uLXdyYXBwZXI+XG4gICAgPC9zeW1waG9ueS10b29sdGlwLXdyYXBwZXI+ICAgIFxuICAgIDxzeW1waG9ueS10b29sdGlwLXdyYXBwZXJcbiAgICAgIFtwbGFjZW1lbnRdPVwiJ3RvcCdcIlxuICAgICAgW3Rvb2x0aXBIdG1sXT1cIidMYXN0IFNlYXJjaCdcIlxuICAgICAgW3Rvb2xUaXBDbGFzc109XCIndG9vbFRpcFYyJ1wiXG4gICAgICAqbmdJZj1cImZpbHRlclRhYnMuc2hvd0xvYWRMYXN0U2VhcmNoXCJcbiAgICA+XG4gICAgICA8c3ltcGhvbnktaWNvbi13cmFwcGVyXG4gICAgICAgIGNsYXNzPVwicm90YXRlWSBzZngtZC1mbGV4IGZpbHRlci1hY3Rpb24taWNvblwiXG4gICAgICAgIFtpc0ludmVyc2VdPVwidHJ1ZVwiXG4gICAgICAgIFtoYXNIb3ZlcldpdGhvdXRCb3JkZXJdPVwidHJ1ZVwiXG4gICAgICAgIFtiYWNrZ3JvdW5kQ29sb3JdPVwiJyNmZmZmZmYnXCJcbiAgICAgICAgKGNsaWNrKT1cIm9uTG9hZFNlYXJjaENsaWNrKClcIlxuICAgICAgPlxuICAgICAgICA8c3ltcGhvbnktaWNvblxuICAgICAgICAgIFtpY29uXT1cIidzaS1yZWZyZXNoJ1wiXG4gICAgICAgICAgW2ljb25Db2xvcl09XCInIzMzNDg2MCdcIlxuICAgICAgICA+PC9zeW1waG9ueS1pY29uPlxuICAgICAgPC9zeW1waG9ueS1pY29uLXdyYXBwZXI+XG4gICAgPC9zeW1waG9ueS10b29sdGlwLXdyYXBwZXI+XG5cbiAgICA8c3ltcGhvbnktdG9vbHRpcC13cmFwcGVyXG4gICAgICBbcGxhY2VtZW50XT1cIid0b3AnXCJcbiAgICAgIFt0b29sdGlwSHRtbF09XCInQ2xlYXIgU2VhcmNoJ1wiXG4gICAgICBbdG9vbFRpcENsYXNzXT1cIid0b29sVGlwVjInXCJcbiAgICAgICpuZ0lmPVwiZmlsdGVyVGFicy5zaG93Q2xlYXJTZWFyY2hcIlxuICAgID5cbiAgICAgIDxzeW1waG9ueS1pY29uLXdyYXBwZXJcbiAgICAgICAgY2xhc3M9XCJmaWx0ZXItYWN0aW9uLWljb25cIlxuICAgICAgICBbaXNJbnZlcnNlXT1cInRydWVcIlxuICAgICAgICBbaGFzSG92ZXJXaXRob3V0Qm9yZGVyXT1cInRydWVcIlxuICAgICAgICBbYmFja2dyb3VuZENvbG9yXT1cIicjZmZmZmZmJ1wiXG4gICAgICAgIChjbGljayk9XCJvbkNsZWFyU2VhcmNoQ2xpY2soKVwiXG4gICAgICA+XG4gICAgICAgIDxzeW1waG9ueS1pY29uXG4gICAgICAgICAgW2ljb25dPVwiJ3NpLXNlYXJjaC1jbGVhcidcIlxuICAgICAgICAgIFtpY29uQ29sb3JdPVwiJyMzMzQ4NjAnXCJcbiAgICAgICAgPjwvc3ltcGhvbnktaWNvbj5cbiAgICAgIDwvc3ltcGhvbnktaWNvbi13cmFwcGVyPlxuICAgIDwvc3ltcGhvbnktdG9vbHRpcC13cmFwcGVyPlxuXG4gICAgPHN5bXBob255LWNvbnRleHR1YWwtbWVudVxuICAgICAgY2xhc3M9XCJmaWx0ZXItYWN0aW9uLWljb25cIlxuICAgICAgW21vZGVsXT1cImZpbHRlclRhYnMubW9yZUFjdGlvbnNNZW51XCJcbiAgICAgIChpdGVtQ2xpY2spPVwib25JdGVtQ2xpY2soJGV2ZW50KVwiXG4gICAgICAqbmdJZj1cImZpbHRlclRhYnMuc2hvd01vcmVPcHRpb25zXCJcbiAgICA+XG4gICAgPC9zeW1waG9ueS1jb250ZXh0dWFsLW1lbnU+XG4gIDwvZGl2PlxuICA8dGFic2V0IChjbGljayk9XCJvblRhYlNldENsaWNrKCRldmVudClcIiAjYWR2YW5jZVNlYXJjaFRhYnM+XG4gICAgPHRhYiBbZGlzYWJsZWRdPVwiZmlsdGVyVGFicy5iYXNpY1NlYXJjaERpc2FibGVkXCIgKHNlbGVjdFRhYik9XCJvblRhYlNlbGVjdGVkKClcIiBbaGVhZGluZ109XCInQmFzaWMgU2VhcmNoJ1wiIFthY3RpdmVdPVwiZmlsdGVyVGFicy5zaG93QmFzaWNTZWFyY2hcIlxuICAgICAgPjxkaXY+PG5nLWNvbnRlbnQgc2VsZWN0PVwiW2Jhc2ljLXNlYXJjaC1jb250ZW50XVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPGRpdiBjbGFzcz1cImFkdmFuY2Utc2VhcmNoLWZvb3RlciBzZngtbXQtMjBcIj4gICAgICAgICBcbiAgICAgICAgPHN5bXBob255LWJ1dHRvbi12MlxuICAgICAgICAgICpuZ0lmPVwiZmlsdGVyVGFicy5zaG93Q2xlYXJSZXN1bHRzQnRuXCJcbiAgICAgICAgICBpZD1cImJhc2ljLWJ1dHRvbi1jbGVhci1yZXN1bHRcIlxuICAgICAgICAgIHRleHQ9XCJDbGVhclwiXG4gICAgICAgICAgW2lzU2Vjb25kYXJ5XT1cInRydWVcIlxuICAgICAgICAgIChjbGlja2VkKT1cIm9uQnV0dG9uQ2xpY2soJGV2ZW50KVwiXG4gICAgICAgID48L3N5bXBob255LWJ1dHRvbi12Mj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2XG4gICAgPjwvdGFiPlxuICAgIDx0YWIgW2Rpc2FibGVkXT1cImZpbHRlclRhYnMuYWR2YW5jZVNlYXJjaERpc2FibGVkXCIgKHNlbGVjdFRhYik9XCJvblRhYlNlbGVjdGVkKClcIiBbaGVhZGluZ109XCInQWR2YW5jZWQgU2VhcmNoJ1wiIFthY3RpdmVdPVwiZmlsdGVyVGFicy5zaG93QWR2YW5jZVNlYXJjaFwiXG4gICAgICA+PGRpdj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2FkdmFuY2VkLXNlYXJjaC1jb250ZW50XVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPGRpdiBjbGFzcz1cImFkdmFuY2Utc2VhcmNoLWZvb3RlciBzZngtbXQtMjBcIj4gICAgICBcbiAgICAgICAgICA8c3ltcGhvbnktYnV0dG9uLXYyXG4gICAgICAgICAgKm5nSWY9XCJmaWx0ZXJUYWJzLnNob3dTZWVSZXN1bHRzQnRuXCJcbiAgICAgICAgICBpZD1cImJ1dHRvbi1zZWUtcmVzdWx0XCJcbiAgICAgICAgICB0ZXh0PVwiU0VFIFJFU1VMVFNcIlxuICAgICAgICAgIFtkaXNhYmxlZF09XCJmaWx0ZXJUYWJzLnNlZVJlc3VsdHNCdG5EaXNhYmxlZFwiXG4gICAgICAgICAgKGNsaWNrZWQpPVwib25CdXR0b25DbGljaygkZXZlbnQpXCJcbiAgICAgICAgPjwvc3ltcGhvbnktYnV0dG9uLXYyPlxuICAgICAgICA8c3ltcGhvbnktYnV0dG9uLXYyXG4gICAgICAgICAgKm5nSWY9XCJmaWx0ZXJUYWJzLnNob3dDbGVhclJlc3VsdHNCdG5cIlxuICAgICAgICAgIGlkPVwiYnV0dG9uLWNsZWFyLXJlc3VsdFwiXG4gICAgICAgICAgdGV4dD1cIkNsZWFyXCJcbiAgICAgICAgICBbaXNTZWNvbmRhcnldPVwidHJ1ZVwiXG4gICAgICAgICAgKGNsaWNrZWQpPVwib25CdXR0b25DbGljaygkZXZlbnQpXCJcbiAgICAgICAgPjwvc3ltcGhvbnktYnV0dG9uLXYyPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXZcbiAgICA+PC90YWI+XG4gIDwvdGFic2V0PlxuPC9zZWN0aW9uPlxuIl19
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLXRhYnMubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL21vbGVjdWxlcy9maWx0ZXItdGFicy9maWx0ZXItdGFicy5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29udGV4dHVhbE1lbnVNb2RlbCB9IGZyb20gJy4uLy4uL2F0b21zL2NvbnRleHR1YWwtbWVudS9jb250ZXh0dWFsLW1lbnUubW9kZWwnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEZpbHRlclRhYnNNb2RlbCB7XG4gIHNob3dNb3JlT3B0aW9uczogYm9vbGVhbjtcbiAgc2hvd0NsZWFyU2VhcmNoOiBib29sZWFuO1xuICBzaG93TG9hZExhc3RTZWFyY2g6IGJvb2xlYW47XG4gIHNob3dCYXNpY1NlYXJjaDogYm9vbGVhbjtcbiAgc2hvd0FkdmFuY2VTZWFyY2g6IGJvb2xlYW47XG4gIG1vcmVBY3Rpb25zTWVudTogQ29udGV4dHVhbE1lbnVNb2RlbDtcbiAgc2hvd1NlZVJlc3VsdHNCdG4/OiBib29sZWFuO1xuICBzZWVSZXN1bHRzQnRuRGlzYWJsZWQ/
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLXRhYnMubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL21vbGVjdWxlcy9maWx0ZXItdGFicy9maWx0ZXItdGFicy5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29udGV4dHVhbE1lbnVNb2RlbCB9IGZyb20gJy4uLy4uL2F0b21zL2NvbnRleHR1YWwtbWVudS9jb250ZXh0dWFsLW1lbnUubW9kZWwnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEZpbHRlclRhYnNNb2RlbCB7XG4gIHNob3dNb3JlT3B0aW9uczogYm9vbGVhbjtcbiAgc2hvd0NsZWFyU2VhcmNoOiBib29sZWFuO1xuICBzaG93TG9hZExhc3RTZWFyY2g6IGJvb2xlYW47XG4gIHNob3dCYXNpY1NlYXJjaDogYm9vbGVhbjtcbiAgc2hvd0FkdmFuY2VTZWFyY2g6IGJvb2xlYW47XG4gIG1vcmVBY3Rpb25zTWVudTogQ29udGV4dHVhbE1lbnVNb2RlbDtcbiAgc2hvd1NlZVJlc3VsdHNCdG4/OiBib29sZWFuO1xuICBzZWVSZXN1bHRzQnRuRGlzYWJsZWQ/OiBib29sZWFuO1xuICBzaG93Q2xlYXJSZXN1bHRzQnRuPzogYm9vbGVhbjtcbiAgc2hvd0FJU2VhcmNoPzogYm9vbGVhbjtcbiAgYmFzaWNTZWFyY2hEaXNhYmxlZD86IGJvb2xlYW47XG4gIGFkdmFuY2VTZWFyY2hEaXNhYmxlZD86IGJvb2xlYW47XG4gIGFpU2VhcmNoVGFiRW5hYmxlZD86IGJvb2xlYW47XG4gIHNob3dTYXZlZFNlYXJjaD86IGJvb2xlYW47XG4gIHNhdmVkU2VhcmNoRGlzYWJsZWQ/OiBib29sZWFuO1xufVxuIl19
|
|
@@ -45,7 +45,7 @@ export class FilterTabsV2Component {
|
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
47
|
FilterTabsV2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FilterTabsV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
48
|
-
FilterTabsV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FilterTabsV2Component, selector: "symphony-filter-tabs-v2", inputs: { filterTabs: "filterTabs" }, outputs: { moreOptionClick: "moreOptionClick", loadSearchClick: "loadSearchClick", clearSearchClick: "clearSearchClick", buttonClicked: "buttonClicked", tabSetClicked: "tabSetClicked", tabSelectedClicked: "tabSelectedClicked" }, viewQueries: [{ propertyName: "advancedSearchTabs", first: true, predicate: ["advanceSearchTabs"], descendants: true }], ngImport: i0, template: "<section *ngIf=\"filterTabs\" class=\"sfx-tab-wrapper sfx-filter-tab-wrap\">\n <div class=\"tab-filter-actions\">\n <symphony-tooltip-wrapper\n [placement]=\"'top'\"\n [tooltipHtml]=\"'Last Search'\"\n [toolTipClass]=\"'toolTipV2'\"\n *ngIf=\"filterTabs.showLoadLastSearch\"\n >\n <symphony-icon-wrapper\n class=\"rotateY sfx-d-flex filter-action-icon\"\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"'#ffffff'\"\n (click)=\"onLoadSearchClick()\"\n >\n <symphony-icon\n [icon]=\"'si-refresh'\"\n [iconColor]=\"'#334860'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n\n <symphony-tooltip-wrapper\n [placement]=\"'top'\"\n [tooltipHtml]=\"'Clear Search'\"\n [toolTipClass]=\"'toolTipV2'\"\n *ngIf=\"filterTabs.showClearSearch\"\n >\n <symphony-icon-wrapper\n class=\"filter-action-icon\"\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"'#ffffff'\"\n (click)=\"onClearSearchClick()\"\n >\n <symphony-icon\n [icon]=\"'si-search-clear'\"\n [iconColor]=\"'#334860'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n\n <symphony-contextual-menu\n class=\"filter-action-icon\"\n [model]=\"filterTabs.moreActionsMenu\"\n (itemClick)=\"onItemClick($event)\"\n *ngIf=\"filterTabs.showMoreOptions\"\n >\n </symphony-contextual-menu>\n </div>\n <tabset (click)=\"onTabSetClick($event)\" #advanceSearchTabs>\n <tab\n [disabled]=\"filterTabs.basicSearchDisabled\"\n (selectTab)=\"onTabSelected()\"\n [heading]=\"'Basic Search'\"\n [active]=\"filterTabs.showBasicSearch\"\n ><div>\n <ng-content select=\"[basic-search-content]\"></ng-content>\n <div class=\"advance-search-footer sfx-mt-20\">\n <symphony-button-v2\n *ngIf=\"filterTabs.showClearResultsBtn\"\n id=\"basic-button-clear-result\"\n text=\"Clear\"\n [isSecondary]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2>\n </div></div\n ></tab>\n <tab\n [disabled]=\"filterTabs.advanceSearchDisabled\"\n (selectTab)=\"onTabSelected()\"\n [heading]=\"'Advanced Search'\"\n [active]=\"filterTabs.showAdvanceSearch\"\n ><div>\n <ng-content select=\"[advanced-search-content]\"></ng-content>\n <div class=\"advance-search-footer sfx-mt-20\">\n <symphony-button-v2\n *ngIf=\"filterTabs.showSeeResultsBtn\"\n id=\"button-see-result\"\n text=\"SEE RESULTS\"\n [disabled]=\"filterTabs.seeResultsBtnDisabled\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2>\n <symphony-button-v2\n *ngIf=\"filterTabs.showClearResultsBtn\"\n id=\"button-clear-result\"\n text=\"Clear\"\n [isSecondary]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2>\n </div></div\n ></tab>\n <tab\n [disabled]=\"filterTabs.aiSearchDisabled\"\n (selectTab)=\"onTabSelected()\"\n [heading]=\"'AI Search'\"\n [active]=\"filterTabs.showAISearch\"\n ><div>\n <ng-content select=\"[ai-search-content]\"></ng-content>\n <div class=\"advance-search-footer sfx-mt-20\">\n <symphony-button-v2\n *ngIf=\"filterTabs.showSeeResultsBtn\"\n id=\"button-see-result\"\n text=\"SEE RESULTS\"\n [disabled]=\"filterTabs.seeResultsBtnDisabled\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2>\n <symphony-button-v2\n *ngIf=\"filterTabs.showClearResultsBtn\"\n id=\"button-clear-result\"\n text=\"Clear\"\n [isSecondary]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2>\n </div></div\n ></tab>\n </tabset>\n</section>\n", styles: [".sfx-filter-tab-wrap{background:#D2D8E5;border-radius:15px;padding:30px 30px 40px;position:relative}.sfx-filter-tab-wrap .tab-filter-actions{display:flex;position:absolute;top:30px;z-index:1;right:30px;gap:10px}.sfx-filter-tab-wrap .tab-filter-actions .rotateY{transform:rotateY(180deg)}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .icon-wrapper:hover{background-color:#f1f2f5!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group button.dropdown-toggle.btn{color:#334860}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group button.dropdown-toggle.btn:hover{background:#F1F2F5!important;color:#334860!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group.open button.dropdown-toggle.btn{background:#F1F2F5!important;color:#334860}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group.open button.dropdown-toggle.btn:hover{background:#F1F2F5!important;color:#334860!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group .dropdown-menu{min-width:170px;padding-top:10px;padding-bottom:10px}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group .dropdown-menu li a.dropdown-item{padding:8px 10px 8px 20px!important;line-height:20px!important;color:#000;font-weight:400!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs{margin-bottom:20px;border-bottom:1px solid #82919F!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li{background-color:#d2d8e5!important;margin-bottom:0}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li .nav-link{background-color:#d2d8e5!important;margin-bottom:0;padding-bottom:20px}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li.active .nav-link{background-color:#d2d8e5!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li.active:hover a{color:#712ace!important;cursor:pointer}.sfx-filter-tab-wrap .tab-container .v2 .btn-primary{border-color:#2b8ff3!important}.sfx-filter-tab-wrap .tab-container .v2 .btn-primary.btn.sb-sfx-btn{font-weight:500!important}.justify-flex-end{justify-content:flex-end}.advance-search-footer{display:flex;flex-direction:row-reverse;gap:15px}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }, { type: i5.TabsetComponent, selector: "tabset", inputs: ["vertical", "justified", "type"] }, { type: i6.ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.TabDirective, selector: "tab, [tab]", inputs: ["customClass", "active", "removable", "heading", "id", "disabled"], outputs: ["selectTab", "deselect", "removed"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
48
|
+
FilterTabsV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FilterTabsV2Component, selector: "symphony-filter-tabs-v2", inputs: { filterTabs: "filterTabs" }, outputs: { moreOptionClick: "moreOptionClick", loadSearchClick: "loadSearchClick", clearSearchClick: "clearSearchClick", buttonClicked: "buttonClicked", tabSetClicked: "tabSetClicked", tabSelectedClicked: "tabSelectedClicked" }, viewQueries: [{ propertyName: "advancedSearchTabs", first: true, predicate: ["advanceSearchTabs"], descendants: true }], ngImport: i0, template: "<section *ngIf=\"filterTabs\" class=\"sfx-tab-wrapper sfx-filter-tab-wrap\">\n <div class=\"tab-filter-actions\">\n <symphony-tooltip-wrapper\n [placement]=\"'top'\"\n [tooltipHtml]=\"'Last Search'\"\n [toolTipClass]=\"'toolTipV2'\"\n *ngIf=\"filterTabs.showLoadLastSearch\"\n >\n <symphony-icon-wrapper\n class=\"rotateY sfx-d-flex filter-action-icon\"\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"'#ffffff'\"\n (click)=\"onLoadSearchClick()\"\n >\n <symphony-icon\n [icon]=\"'si-refresh'\"\n [iconColor]=\"'#334860'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n\n <symphony-tooltip-wrapper\n [placement]=\"'top'\"\n [tooltipHtml]=\"'Clear Search'\"\n [toolTipClass]=\"'toolTipV2'\"\n *ngIf=\"filterTabs.showClearSearch\"\n >\n <symphony-icon-wrapper\n class=\"filter-action-icon\"\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"'#ffffff'\"\n (click)=\"onClearSearchClick()\"\n >\n <symphony-icon\n [icon]=\"'si-search-clear'\"\n [iconColor]=\"'#334860'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n\n <symphony-contextual-menu\n class=\"filter-action-icon\"\n [model]=\"filterTabs.moreActionsMenu\"\n (itemClick)=\"onItemClick($event)\"\n *ngIf=\"filterTabs.showMoreOptions\"\n >\n </symphony-contextual-menu>\n </div>\n <tabset (click)=\"onTabSetClick($event)\" #advanceSearchTabs>\n <tab\n [disabled]=\"filterTabs.basicSearchDisabled\"\n (selectTab)=\"onTabSelected()\"\n [heading]=\"'Basic Search'\"\n [active]=\"filterTabs.showBasicSearch\"\n ><div>\n <ng-content select=\"[basic-search-content]\"></ng-content>\n <div class=\"advance-search-footer sfx-mt-20\">\n <symphony-button-v2\n *ngIf=\"filterTabs.showClearResultsBtn\"\n id=\"basic-button-clear-result\"\n text=\"Clear\"\n [isSecondary]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2>\n </div></div\n ></tab>\n <tab\n [disabled]=\"filterTabs.advanceSearchDisabled\"\n (selectTab)=\"onTabSelected()\"\n [heading]=\"'Advanced Search'\"\n [active]=\"filterTabs.showAdvanceSearch\"\n ><div>\n <ng-content select=\"[advanced-search-content]\"></ng-content>\n <div class=\"advance-search-footer sfx-mt-20\">\n <symphony-button-v2\n *ngIf=\"filterTabs.showSeeResultsBtn\"\n id=\"button-see-result\"\n text=\"SEE RESULTS\"\n [disabled]=\"filterTabs.seeResultsBtnDisabled\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2>\n <symphony-button-v2\n *ngIf=\"filterTabs.showClearResultsBtn\"\n id=\"button-clear-result\"\n text=\"Clear\"\n [isSecondary]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2>\n </div></div\n ></tab>\n <tab\n [disabled]=\"filterTabs.aiSearchDisabled\"\n (selectTab)=\"onTabSelected()\"\n [heading]=\"'AI Search'\"\n [active]=\"filterTabs.showAISearch\"\n ><div>\n <ng-content select=\"[ai-search-content]\"></ng-content>\n <div class=\"advance-search-footer sfx-mt-20\">\n <symphony-button-v2\n *ngIf=\"filterTabs.showSeeResultsBtn\"\n id=\"button-see-result\"\n text=\"SEE RESULTS\"\n [disabled]=\"filterTabs.seeResultsBtnDisabled\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2>\n <symphony-button-v2\n *ngIf=\"filterTabs.showClearResultsBtn\"\n id=\"button-clear-result\"\n text=\"Clear\"\n [isSecondary]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2>\n </div></div\n ></tab>\n </tabset>\n</section>\n", styles: [".sfx-filter-tab-wrap{background:#D2D8E5;border-radius:15px;padding:30px 30px 40px;position:relative}.sfx-filter-tab-wrap .tab-filter-actions{display:flex;position:absolute;top:30px;z-index:1;right:30px;gap:10px}.sfx-filter-tab-wrap .tab-filter-actions .rotateY{transform:rotateY(180deg)}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .icon-wrapper:hover{background-color:#f1f2f5!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group button.dropdown-toggle.btn{color:#334860}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group button.dropdown-toggle.btn:hover{background:#F1F2F5!important;color:#334860!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group.open button.dropdown-toggle.btn{background:#F1F2F5!important;color:#334860}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group.open button.dropdown-toggle.btn:hover{background:#F1F2F5!important;color:#334860!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group .dropdown-menu{min-width:170px;padding-top:10px;padding-bottom:10px}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group .dropdown-menu li a.dropdown-item{padding:8px 10px 8px 20px!important;line-height:20px!important;color:#000;font-weight:400!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs{margin-bottom:20px;border-bottom:1px solid #82919F!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li{background-color:#d2d8e5!important;margin-bottom:0}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li .nav-link{background-color:#d2d8e5!important;margin-bottom:0;padding-bottom:20px}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li.active .nav-link{background-color:#d2d8e5!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li.active:hover a{color:#712ace!important;cursor:pointer}.sfx-filter-tab-wrap .tab-container .v2 .btn-primary{border-color:#2b8ff3!important}.sfx-filter-tab-wrap .tab-container .v2 .btn-primary.btn.sb-sfx-btn{font-weight:500!important}.justify-flex-end{justify-content:flex-end}.advance-search-footer{display:flex;flex-direction:row-reverse;gap:15px}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder", "isDisabled"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }, { type: i5.TabsetComponent, selector: "tabset", inputs: ["vertical", "justified", "type"] }, { type: i6.ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.TabDirective, selector: "tab, [tab]", inputs: ["customClass", "active", "removable", "heading", "id", "disabled"], outputs: ["selectTab", "deselect", "removed"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
49
49
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FilterTabsV2Component, decorators: [{
|
|
50
50
|
type: Component,
|
|
51
51
|
args: [{ selector: 'symphony-filter-tabs-v2', encapsulation: ViewEncapsulation.None, template: "<section *ngIf=\"filterTabs\" class=\"sfx-tab-wrapper sfx-filter-tab-wrap\">\n <div class=\"tab-filter-actions\">\n <symphony-tooltip-wrapper\n [placement]=\"'top'\"\n [tooltipHtml]=\"'Last Search'\"\n [toolTipClass]=\"'toolTipV2'\"\n *ngIf=\"filterTabs.showLoadLastSearch\"\n >\n <symphony-icon-wrapper\n class=\"rotateY sfx-d-flex filter-action-icon\"\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"'#ffffff'\"\n (click)=\"onLoadSearchClick()\"\n >\n <symphony-icon\n [icon]=\"'si-refresh'\"\n [iconColor]=\"'#334860'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n\n <symphony-tooltip-wrapper\n [placement]=\"'top'\"\n [tooltipHtml]=\"'Clear Search'\"\n [toolTipClass]=\"'toolTipV2'\"\n *ngIf=\"filterTabs.showClearSearch\"\n >\n <symphony-icon-wrapper\n class=\"filter-action-icon\"\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"'#ffffff'\"\n (click)=\"onClearSearchClick()\"\n >\n <symphony-icon\n [icon]=\"'si-search-clear'\"\n [iconColor]=\"'#334860'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n\n <symphony-contextual-menu\n class=\"filter-action-icon\"\n [model]=\"filterTabs.moreActionsMenu\"\n (itemClick)=\"onItemClick($event)\"\n *ngIf=\"filterTabs.showMoreOptions\"\n >\n </symphony-contextual-menu>\n </div>\n <tabset (click)=\"onTabSetClick($event)\" #advanceSearchTabs>\n <tab\n [disabled]=\"filterTabs.basicSearchDisabled\"\n (selectTab)=\"onTabSelected()\"\n [heading]=\"'Basic Search'\"\n [active]=\"filterTabs.showBasicSearch\"\n ><div>\n <ng-content select=\"[basic-search-content]\"></ng-content>\n <div class=\"advance-search-footer sfx-mt-20\">\n <symphony-button-v2\n *ngIf=\"filterTabs.showClearResultsBtn\"\n id=\"basic-button-clear-result\"\n text=\"Clear\"\n [isSecondary]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2>\n </div></div\n ></tab>\n <tab\n [disabled]=\"filterTabs.advanceSearchDisabled\"\n (selectTab)=\"onTabSelected()\"\n [heading]=\"'Advanced Search'\"\n [active]=\"filterTabs.showAdvanceSearch\"\n ><div>\n <ng-content select=\"[advanced-search-content]\"></ng-content>\n <div class=\"advance-search-footer sfx-mt-20\">\n <symphony-button-v2\n *ngIf=\"filterTabs.showSeeResultsBtn\"\n id=\"button-see-result\"\n text=\"SEE RESULTS\"\n [disabled]=\"filterTabs.seeResultsBtnDisabled\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2>\n <symphony-button-v2\n *ngIf=\"filterTabs.showClearResultsBtn\"\n id=\"button-clear-result\"\n text=\"Clear\"\n [isSecondary]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2>\n </div></div\n ></tab>\n <tab\n [disabled]=\"filterTabs.aiSearchDisabled\"\n (selectTab)=\"onTabSelected()\"\n [heading]=\"'AI Search'\"\n [active]=\"filterTabs.showAISearch\"\n ><div>\n <ng-content select=\"[ai-search-content]\"></ng-content>\n <div class=\"advance-search-footer sfx-mt-20\">\n <symphony-button-v2\n *ngIf=\"filterTabs.showSeeResultsBtn\"\n id=\"button-see-result\"\n text=\"SEE RESULTS\"\n [disabled]=\"filterTabs.seeResultsBtnDisabled\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2>\n <symphony-button-v2\n *ngIf=\"filterTabs.showClearResultsBtn\"\n id=\"button-clear-result\"\n text=\"Clear\"\n [isSecondary]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2>\n </div></div\n ></tab>\n </tabset>\n</section>\n", styles: [".sfx-filter-tab-wrap{background:#D2D8E5;border-radius:15px;padding:30px 30px 40px;position:relative}.sfx-filter-tab-wrap .tab-filter-actions{display:flex;position:absolute;top:30px;z-index:1;right:30px;gap:10px}.sfx-filter-tab-wrap .tab-filter-actions .rotateY{transform:rotateY(180deg)}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .icon-wrapper:hover{background-color:#f1f2f5!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group button.dropdown-toggle.btn{color:#334860}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group button.dropdown-toggle.btn:hover{background:#F1F2F5!important;color:#334860!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group.open button.dropdown-toggle.btn{background:#F1F2F5!important;color:#334860}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group.open button.dropdown-toggle.btn:hover{background:#F1F2F5!important;color:#334860!important}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group .dropdown-menu{min-width:170px;padding-top:10px;padding-bottom:10px}.sfx-filter-tab-wrap .tab-filter-actions .filter-action-icon .btn-group .dropdown-menu li a.dropdown-item{padding:8px 10px 8px 20px!important;line-height:20px!important;color:#000;font-weight:400!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs{margin-bottom:20px;border-bottom:1px solid #82919F!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li{background-color:#d2d8e5!important;margin-bottom:0}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li .nav-link{background-color:#d2d8e5!important;margin-bottom:0;padding-bottom:20px}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li.active .nav-link{background-color:#d2d8e5!important}.sfx-filter-tab-wrap .tab-container ul.nav-tabs li.active:hover a{color:#712ace!important;cursor:pointer}.sfx-filter-tab-wrap .tab-container .v2 .btn-primary{border-color:#2b8ff3!important}.sfx-filter-tab-wrap .tab-container .v2 .btn-primary.btn.sb-sfx-btn{font-weight:500!important}.justify-flex-end{justify-content:flex-end}.advance-search-footer{display:flex;flex-direction:row-reverse;gap:15px}\n"] }]
|
|
@@ -14,7 +14,7 @@ export class IconSwatchComponent {
|
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
16
|
IconSwatchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IconSwatchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
-
IconSwatchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: IconSwatchComponent, selector: "symphony-icon-swatch", inputs: { iconSwatchModel: "iconSwatchModel", isInverse: "isInverse" }, ngImport: i0, template: "<div class=\"sfx-icon-swatch\">\n <div\n class=\"sfx-icon-wrapper\"\n [ngClass]=\"{\n 'mt-0': iconSwatchModel.hasBorder\n }\"\n >\n <symphony-icon-wrapper\n *ngIf=\"iconSwatchModel.hasBorder\"\n [isInverse]=\"isInverse\"\n >\n <symphony-icon [icon]=\"iconSwatchModel.icon\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-icon\n *ngIf=\"!iconSwatchModel.hasBorder\"\n [icon]=\"iconSwatchModel.icon\"\n ></symphony-icon>\n </div>\n <div class=\"sfx-icon-description-wrapper\">\n <symphony-h5 [text]=\"iconSwatchModel.iconName\"></symphony-h5>\n\n <symphony-paragraph [text]=\"iconSwatchModel.iconClass\"></symphony-paragraph>\n </div>\n</div>\n", styles: ["*{font-family:neuzeit-grotesk,sans-serif!important}.sfx-icon-wrapper{display:inline-block;vertical-align:top;margin-top:10px;margin-right:10px;text-align:center}.mt-0{margin-top:0}.sfx-icon-description-wrapper{display:inline-block}\n"], components: [{ type: i1.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i4.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
17
|
+
IconSwatchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: IconSwatchComponent, selector: "symphony-icon-swatch", inputs: { iconSwatchModel: "iconSwatchModel", isInverse: "isInverse" }, ngImport: i0, template: "<div class=\"sfx-icon-swatch\">\n <div\n class=\"sfx-icon-wrapper\"\n [ngClass]=\"{\n 'mt-0': iconSwatchModel.hasBorder\n }\"\n >\n <symphony-icon-wrapper\n *ngIf=\"iconSwatchModel.hasBorder\"\n [isInverse]=\"isInverse\"\n >\n <symphony-icon [icon]=\"iconSwatchModel.icon\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-icon\n *ngIf=\"!iconSwatchModel.hasBorder\"\n [icon]=\"iconSwatchModel.icon\"\n ></symphony-icon>\n </div>\n <div class=\"sfx-icon-description-wrapper\">\n <symphony-h5 [text]=\"iconSwatchModel.iconName\"></symphony-h5>\n\n <symphony-paragraph [text]=\"iconSwatchModel.iconClass\"></symphony-paragraph>\n </div>\n</div>\n", styles: ["*{font-family:neuzeit-grotesk,sans-serif!important}.sfx-icon-wrapper{display:inline-block;vertical-align:top;margin-top:10px;margin-right:10px;text-align:center}.mt-0{margin-top:0}.sfx-icon-description-wrapper{display:inline-block}\n"], components: [{ type: i1.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder", "isDisabled"], outputs: ["clicked"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i4.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
18
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IconSwatchComponent, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
20
|
args: [{ selector: 'symphony-icon-swatch', template: "<div class=\"sfx-icon-swatch\">\n <div\n class=\"sfx-icon-wrapper\"\n [ngClass]=\"{\n 'mt-0': iconSwatchModel.hasBorder\n }\"\n >\n <symphony-icon-wrapper\n *ngIf=\"iconSwatchModel.hasBorder\"\n [isInverse]=\"isInverse\"\n >\n <symphony-icon [icon]=\"iconSwatchModel.icon\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-icon\n *ngIf=\"!iconSwatchModel.hasBorder\"\n [icon]=\"iconSwatchModel.icon\"\n ></symphony-icon>\n </div>\n <div class=\"sfx-icon-description-wrapper\">\n <symphony-h5 [text]=\"iconSwatchModel.iconName\"></symphony-h5>\n\n <symphony-paragraph [text]=\"iconSwatchModel.iconClass\"></symphony-paragraph>\n </div>\n</div>\n", styles: ["*{font-family:neuzeit-grotesk,sans-serif!important}.sfx-icon-wrapper{display:inline-block;vertical-align:top;margin-top:10px;margin-right:10px;text-align:center}.mt-0{margin-top:0}.sfx-icon-description-wrapper{display:inline-block}\n"] }]
|