@symphony-talent/component-library 4.78.0 → 4.80.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/input-dropdown/input-dropdown.component.mjs +4 -3
- package/esm2020/lib/atoms/input-dropdown/input-dropdown.module.mjs +5 -4
- package/esm2020/lib/organisms/information-modal/information-modal.component.mjs +3 -3
- package/esm2020/projects/component-library/lib/atoms/input-dropdown/input-dropdown.component.mjs +4 -3
- package/esm2020/projects/component-library/lib/atoms/input-dropdown/input-dropdown.module.mjs +5 -4
- package/esm2020/projects/component-library/lib/organisms/information-modal/information-modal.component.mjs +3 -3
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +7 -7
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +7 -7
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +7 -7
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +7 -7
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/atoms/input-dropdown/input-dropdown.module.d.ts +2 -1
- package/lib/organisms/information-modal/information-modal.component.d.ts +1 -1
- package/package.json +1 -1
- package/projects/component-library/lib/atoms/input-dropdown/input-dropdown.module.d.ts +2 -1
- package/projects/component-library/lib/organisms/information-modal/information-modal.component.d.ts +1 -1
|
@@ -2,6 +2,7 @@ import { Component, Input, EventEmitter, Output } from '@angular/core';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "@angular/common";
|
|
4
4
|
import * as i2 from "ngx-bootstrap/dropdown";
|
|
5
|
+
import * as i3 from "../../pipe/trim-id.pipe";
|
|
5
6
|
export class InputDropdownComponent {
|
|
6
7
|
constructor() {
|
|
7
8
|
this.selectItem = new EventEmitter();
|
|
@@ -23,10 +24,10 @@ export class InputDropdownComponent {
|
|
|
23
24
|
}
|
|
24
25
|
}
|
|
25
26
|
InputDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
26
|
-
InputDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputDropdownComponent, selector: "symphony-input-dropdown", inputs: { inputDropdownListModel: "inputDropdownListModel", disableBtn: "disableBtn", isInverse: "isInverse", isRequired: "isRequired" }, outputs: { selectItem: "selectItem", clearSelection: "clearSelection" }, ngImport: i0, template: "<div\n *ngIf=\"inputDropdownListModel.componentHeading\"\n class=\"sfx-dropdown-label sfx-d-inline-block\"\n [ngClass]=\"{ 'is-inverse': isInverse }\"\n>\n {{ inputDropdownListModel.componentHeading }}\n <span class=\"requiredField\" *ngIf=\"isRequired\">*</span>\n</div>\n<div\n class=\"btn-group sfx-dropdown sfx-d-inline-block sfx-wid-100\"\n [ngClass]=\"{ 'is-inverse': isInverse }\"\n [isDisabled]=\"disableBtn\"\n dropdown\n>\n <button\n id=\"
|
|
27
|
+
InputDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputDropdownComponent, selector: "symphony-input-dropdown", inputs: { inputDropdownListModel: "inputDropdownListModel", disableBtn: "disableBtn", isInverse: "isInverse", isRequired: "isRequired" }, outputs: { selectItem: "selectItem", clearSelection: "clearSelection" }, ngImport: i0, template: "<div\n *ngIf=\"inputDropdownListModel.componentHeading\"\n class=\"sfx-dropdown-label sfx-d-inline-block\"\n [ngClass]=\"{ 'is-inverse': isInverse }\"\n>\n {{ inputDropdownListModel.componentHeading }}\n <span class=\"requiredField\" *ngIf=\"isRequired\">*</span>\n</div>\n<div\n class=\"btn-group sfx-dropdown sfx-d-inline-block sfx-wid-100\"\n [ngClass]=\"{ 'is-inverse': isInverse }\"\n [isDisabled]=\"disableBtn\"\n dropdown\n>\n <button\n id=\"dropdown-{{ inputDropdownListModel.componentHeading | trimId}}\"\n dropdownToggle\n type=\"button\"\n class=\"btn dropdown-toggle sfx-ellipse\"\n aria-controls=\"dropdown-basic\"\n >\n {{ inputDropdownListModel.selectedName }}\n <i *ngIf=\"!disableBtn\" class=\"si-arrow-hide-reveal\"></i>\n </button>\n <hr />\n <ul\n id=\"dropdown-basic\"\n *dropdownMenu\n class=\"dropdown-menu\"\n role=\"menu\"\n attr.aria-labelledby=\"dropdown-{{ inputDropdownListModel.componentHeading | trimId}}\"\n [ngClass]=\"{ 'sfx-pb-0': inputDropdownListModel.showClearButton === true }\"\n >\n <li\n *ngFor=\"let action of inputDropdownListModel.dropdownList\"\n [ngClass]=\"{ disabled: action.isDisabled }\"\n (click)=\"itemClick(action)\"\n >\n <a class=\"dropdown-item\" id=\"dropdown-item-{{ action.name | trimId}}\" href=\"javascript:;\">{{ action.name }}</a>\n </li>\n <div\n *ngIf=\"inputDropdownListModel.showClearButton\"\n class=\"divider dropdown-divider\"\n ></div>\n <a\n class=\"sfx-filter-item-footer\"\n *ngIf=\"inputDropdownListModel.showClearButton\"\n >\n <button\n type=\"button\"\n (click)=\"onClearSelection()\"\n class=\"pull-left sfx-clear-button\"\n >\n Clear All\n </button>\n </a>\n </ul>\n</div>\n", styles: [".sfx-dropdown-label{font-weight:500;line-height:25px;margin-bottom:.27rem;margin-left:calc(.3rem + 1px)}.sfx-dropdown{min-width:100%}.sfx-dropdown.open button.dropdown-toggle.btn:hover{color:#000!important}.sfx-dropdown.open button.dropdown-toggle.btn:focus{color:#000!important}.sfx-dropdown hr{margin:0;border-top:none;height:1px;width:100%}.sfx-dropdown button.dropdown-toggle.btn{width:calc(100% - .6rem);height:40px;background:#fff;border-color:#334860;color:#000!important;margin:.3rem;text-align:left;box-shadow:none;padding:10px 15px;min-height:40px;border-radius:4px!important;text-transform:none}.sfx-dropdown button.dropdown-toggle.btn:before{color:#000}.sfx-dropdown button.dropdown-toggle.btn:disabled{opacity:1;background:#1d1d1d;border-color:#1d1d1d}.sfx-dropdown button.dropdown-toggle.btn:disabled:before{color:#565656}.sfx-dropdown i{position:absolute;right:6px;top:12px;transform:rotate(180deg);z-index:10;transition:linear .1s;font-size:18px}.sfx-dropdown .dropdown-menu{box-shadow:0 10px 10px rgba(0,0,0,.2);background:#fff;width:100%;border:none;max-height:280px;overflow-y:auto;padding:0 0 10px;margin:0;border-radius:0}.sfx-dropdown .dropdown-menu li a.dropdown-item{padding:.625rem 1.25rem;color:#000;word-break:break-word;white-space:normal}.sfx-dropdown .dropdown-menu li a.dropdown-item:hover{background:#E4E7EF;color:#000}.sfx-dropdown ::-webkit-scrollbar{width:10px}.sfx-dropdown ::-webkit-scrollbar-track{background:#fff}.sfx-dropdown ::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:4px}.sfx-dropdown ::-webkit-scrollbar-thumb:hover{background:#555}.sfx-dropdown.btn-group.open{background:#fff;box-shadow:0 10px 10px rgba(0,0,0,.2)}.sfx-dropdown.btn-group.open i{transform:rotate(0);color:#000}.sfx-dropdown.btn-group.open hr{margin:0;border-top:1px solid #d0d0d0;width:100%;height:0}.sfx-dropdown.btn-group.open button.dropdown-toggle.btn{background:#fff;color:#000!important;border-color:#334860}.sfx-dropdown .sfx-clear-button{background:transparent;border:none;color:#000;font-family:neuzeit_groteskbold;padding:15px 20px 26px}.is-inverse.sfx-dropdown-label{color:#000}.is-inverse button.dropdown-toggle.btn{color:#000!important;border-color:#334860}.is-inverse i{color:#000}.sfx-pb-0{padding-bottom:0!important}.requiredField{color:#000!important}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.BsDropdownDirective, selector: "[bsDropdown],[dropdown]", inputs: ["autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen", "placement", "triggers", "container", "dropup"], outputs: ["onShown", "onHidden", "isOpenChange"], exportAs: ["bs-dropdown"] }, { type: i2.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { type: i2.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "trimId": i3.TrimIdPipe } });
|
|
27
28
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputDropdownComponent, decorators: [{
|
|
28
29
|
type: Component,
|
|
29
|
-
args: [{ selector: 'symphony-input-dropdown', template: "<div\n *ngIf=\"inputDropdownListModel.componentHeading\"\n class=\"sfx-dropdown-label sfx-d-inline-block\"\n [ngClass]=\"{ 'is-inverse': isInverse }\"\n>\n {{ inputDropdownListModel.componentHeading }}\n <span class=\"requiredField\" *ngIf=\"isRequired\">*</span>\n</div>\n<div\n class=\"btn-group sfx-dropdown sfx-d-inline-block sfx-wid-100\"\n [ngClass]=\"{ 'is-inverse': isInverse }\"\n [isDisabled]=\"disableBtn\"\n dropdown\n>\n <button\n id=\"
|
|
30
|
+
args: [{ selector: 'symphony-input-dropdown', template: "<div\n *ngIf=\"inputDropdownListModel.componentHeading\"\n class=\"sfx-dropdown-label sfx-d-inline-block\"\n [ngClass]=\"{ 'is-inverse': isInverse }\"\n>\n {{ inputDropdownListModel.componentHeading }}\n <span class=\"requiredField\" *ngIf=\"isRequired\">*</span>\n</div>\n<div\n class=\"btn-group sfx-dropdown sfx-d-inline-block sfx-wid-100\"\n [ngClass]=\"{ 'is-inverse': isInverse }\"\n [isDisabled]=\"disableBtn\"\n dropdown\n>\n <button\n id=\"dropdown-{{ inputDropdownListModel.componentHeading | trimId}}\"\n dropdownToggle\n type=\"button\"\n class=\"btn dropdown-toggle sfx-ellipse\"\n aria-controls=\"dropdown-basic\"\n >\n {{ inputDropdownListModel.selectedName }}\n <i *ngIf=\"!disableBtn\" class=\"si-arrow-hide-reveal\"></i>\n </button>\n <hr />\n <ul\n id=\"dropdown-basic\"\n *dropdownMenu\n class=\"dropdown-menu\"\n role=\"menu\"\n attr.aria-labelledby=\"dropdown-{{ inputDropdownListModel.componentHeading | trimId}}\"\n [ngClass]=\"{ 'sfx-pb-0': inputDropdownListModel.showClearButton === true }\"\n >\n <li\n *ngFor=\"let action of inputDropdownListModel.dropdownList\"\n [ngClass]=\"{ disabled: action.isDisabled }\"\n (click)=\"itemClick(action)\"\n >\n <a class=\"dropdown-item\" id=\"dropdown-item-{{ action.name | trimId}}\" href=\"javascript:;\">{{ action.name }}</a>\n </li>\n <div\n *ngIf=\"inputDropdownListModel.showClearButton\"\n class=\"divider dropdown-divider\"\n ></div>\n <a\n class=\"sfx-filter-item-footer\"\n *ngIf=\"inputDropdownListModel.showClearButton\"\n >\n <button\n type=\"button\"\n (click)=\"onClearSelection()\"\n class=\"pull-left sfx-clear-button\"\n >\n Clear All\n </button>\n </a>\n </ul>\n</div>\n", styles: [".sfx-dropdown-label{font-weight:500;line-height:25px;margin-bottom:.27rem;margin-left:calc(.3rem + 1px)}.sfx-dropdown{min-width:100%}.sfx-dropdown.open button.dropdown-toggle.btn:hover{color:#000!important}.sfx-dropdown.open button.dropdown-toggle.btn:focus{color:#000!important}.sfx-dropdown hr{margin:0;border-top:none;height:1px;width:100%}.sfx-dropdown button.dropdown-toggle.btn{width:calc(100% - .6rem);height:40px;background:#fff;border-color:#334860;color:#000!important;margin:.3rem;text-align:left;box-shadow:none;padding:10px 15px;min-height:40px;border-radius:4px!important;text-transform:none}.sfx-dropdown button.dropdown-toggle.btn:before{color:#000}.sfx-dropdown button.dropdown-toggle.btn:disabled{opacity:1;background:#1d1d1d;border-color:#1d1d1d}.sfx-dropdown button.dropdown-toggle.btn:disabled:before{color:#565656}.sfx-dropdown i{position:absolute;right:6px;top:12px;transform:rotate(180deg);z-index:10;transition:linear .1s;font-size:18px}.sfx-dropdown .dropdown-menu{box-shadow:0 10px 10px rgba(0,0,0,.2);background:#fff;width:100%;border:none;max-height:280px;overflow-y:auto;padding:0 0 10px;margin:0;border-radius:0}.sfx-dropdown .dropdown-menu li a.dropdown-item{padding:.625rem 1.25rem;color:#000;word-break:break-word;white-space:normal}.sfx-dropdown .dropdown-menu li a.dropdown-item:hover{background:#E4E7EF;color:#000}.sfx-dropdown ::-webkit-scrollbar{width:10px}.sfx-dropdown ::-webkit-scrollbar-track{background:#fff}.sfx-dropdown ::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:4px}.sfx-dropdown ::-webkit-scrollbar-thumb:hover{background:#555}.sfx-dropdown.btn-group.open{background:#fff;box-shadow:0 10px 10px rgba(0,0,0,.2)}.sfx-dropdown.btn-group.open i{transform:rotate(0);color:#000}.sfx-dropdown.btn-group.open hr{margin:0;border-top:1px solid #d0d0d0;width:100%;height:0}.sfx-dropdown.btn-group.open button.dropdown-toggle.btn{background:#fff;color:#000!important;border-color:#334860}.sfx-dropdown .sfx-clear-button{background:transparent;border:none;color:#000;font-family:neuzeit_groteskbold;padding:15px 20px 26px}.is-inverse.sfx-dropdown-label{color:#000}.is-inverse button.dropdown-toggle.btn{color:#000!important;border-color:#334860}.is-inverse i{color:#000}.sfx-pb-0{padding-bottom:0!important}.requiredField{color:#000!important}\n"] }]
|
|
30
31
|
}], ctorParameters: function () { return []; }, propDecorators: { inputDropdownListModel: [{
|
|
31
32
|
type: Input
|
|
32
33
|
}], disableBtn: [{
|
|
@@ -40,4 +41,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
40
41
|
}], clearSelection: [{
|
|
41
42
|
type: Output
|
|
42
43
|
}] } });
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtZHJvcGRvd24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9hdG9tcy9pbnB1dC1kcm9wZG93bi9pbnB1dC1kcm9wZG93bi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2lucHV0LWRyb3Bkb3duL2lucHV0LWRyb3Bkb3duLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsS0FBSyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBUy9FLE1BQU0sT0FBTyxzQkFBc0I7SUFVakM7UUFKQSxlQUFVLEdBQTZDLElBQUksWUFBWSxFQUFFLENBQUM7UUFFMUUsbUJBQWMsR0FBb0MsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUV0RCxDQUFDO0lBRWhCLFFBQVE7UUFDTixJQUFJLENBQUMsb0JBQW9CLEdBQUcsSUFBSSxDQUFDLHNCQUFzQixDQUFDLFlBQVksQ0FBQztJQUN2RSxDQUFDO0lBRUQsU0FBUyxDQUFDLE1BQWtDO1FBQzFDLElBQUksQ0FBQyxNQUFNLENBQUMsVUFBVSxFQUFFO1lBQ3RCLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxZQUFZLEdBQUcsR0FBRyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUM7WUFDNUQsSUFBSSxDQUFDLHNCQUFzQixDQUFDLFVBQVUsR0FBRyxNQUFNLENBQUMsRUFBRSxDQUFDO1lBQ25ELElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1NBQzlCO0lBQ0gsQ0FBQztJQUNELGdCQUFnQjtRQUNkLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLG9CQUFvQixDQUFDO1FBQ3JFLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO0lBQ3hELENBQUM7O21IQTFCVSxzQkFBc0I7dUdBQXRCLHNCQUFzQixrUkNUbkMsMnhEQTBEQTsyRkRqRGEsc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNFLHlCQUF5QjswRUFLMUIsc0JBQXNCO3NCQUE5QixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUVOLFVBQVU7c0JBRFQsTUFBTTtnQkFHUCxjQUFjO3NCQURiLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQsIEV2ZW50RW1pdHRlciwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJbnB1dERyb3Bkb3duTGlzdEl0ZW1Nb2RlbCB9IGZyb20gJy4vaW5wdXQtZHJvcGRvd24tbGlzdC1pdGVtLm1vZGVsJztcbmltcG9ydCB7IElucHV0RHJvcGRvd25MaXN0IH0gZnJvbSAnLi9pbnB1dC1kcm9wZG93bi1saXN0Lm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktaW5wdXQtZHJvcGRvd24nLFxuICB0ZW1wbGF0ZVVybDogJy4vaW5wdXQtZHJvcGRvd24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pbnB1dC1kcm9wZG93bi5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBJbnB1dERyb3Bkb3duQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgaW5wdXREcm9wZG93bkxpc3RNb2RlbDogSW5wdXREcm9wZG93bkxpc3Q7XG4gIEBJbnB1dCgpIGRpc2FibGVCdG46IGJvb2xlYW47XG4gIEBJbnB1dCgpIGlzSW52ZXJzZTogYm9vbGVhbjtcbiAgQElucHV0KCkgaXNSZXF1aXJlZDogYm9vbGVhbjtcbiAgQE91dHB1dCgpXG4gIHNlbGVjdEl0ZW06IEV2ZW50RW1pdHRlcjxJbnB1dERyb3Bkb3duTGlzdEl0ZW1Nb2RlbD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKVxuICBjbGVhclNlbGVjdGlvbjogRXZlbnRFbWl0dGVyPElucHV0RHJvcGRvd25MaXN0PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgcHVibGljIGluaXRpYWxTZWxlY3RlZFZhbHVlOiBzdHJpbmc7XG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmluaXRpYWxTZWxlY3RlZFZhbHVlID0gdGhpcy5pbnB1dERyb3Bkb3duTGlzdE1vZGVsLnNlbGVjdGVkTmFtZTtcbiAgfVxuXG4gIGl0ZW1DbGljayhhY3Rpb246IElucHV0RHJvcGRvd25MaXN0SXRlbU1vZGVsKTogdm9pZCB7XG4gICAgaWYgKCFhY3Rpb24uaXNEaXNhYmxlZCkge1xuICAgICAgdGhpcy5pbnB1dERyb3Bkb3duTGlzdE1vZGVsLnNlbGVjdGVkTmFtZSA9IGAke2FjdGlvbi5uYW1lfWA7XG4gICAgICB0aGlzLmlucHV0RHJvcGRvd25MaXN0TW9kZWwuc2VsZWN0ZWRJZCA9IGFjdGlvbi5pZDtcbiAgICAgIHRoaXMuc2VsZWN0SXRlbS5lbWl0KGFjdGlvbik7XG4gICAgfVxuICB9XG4gIG9uQ2xlYXJTZWxlY3Rpb24oKSB7XG4gICAgdGhpcy5pbnB1dERyb3Bkb3duTGlzdE1vZGVsLnNlbGVjdGVkTmFtZSA9IHRoaXMuaW5pdGlhbFNlbGVjdGVkVmFsdWU7XG4gICAgdGhpcy5jbGVhclNlbGVjdGlvbi5lbWl0KHRoaXMuaW5wdXREcm9wZG93bkxpc3RNb2RlbCk7XG4gIH1cbn1cbiIsIjxkaXZcbiAgKm5nSWY9XCJpbnB1dERyb3Bkb3duTGlzdE1vZGVsLmNvbXBvbmVudEhlYWRpbmdcIlxuICBjbGFzcz1cInNmeC1kcm9wZG93bi1sYWJlbCBzZngtZC1pbmxpbmUtYmxvY2tcIlxuICBbbmdDbGFzc109XCJ7ICdpcy1pbnZlcnNlJzogaXNJbnZlcnNlIH1cIlxuPlxuICB7eyBpbnB1dERyb3Bkb3duTGlzdE1vZGVsLmNvbXBvbmVudEhlYWRpbmcgfX1cbiAgPHNwYW4gY2xhc3M9XCJyZXF1aXJlZEZpZWxkXCIgKm5nSWY9XCJpc1JlcXVpcmVkXCI+Kjwvc3Bhbj5cbjwvZGl2PlxuPGRpdlxuICBjbGFzcz1cImJ0bi1ncm91cCBzZngtZHJvcGRvd24gc2Z4LWQtaW5saW5lLWJsb2NrIHNmeC13aWQtMTAwXCJcbiAgW25nQ2xhc3NdPVwieyAnaXMtaW52ZXJzZSc6IGlzSW52ZXJzZSB9XCJcbiAgW2lzRGlzYWJsZWRdPVwiZGlzYWJsZUJ0blwiXG4gIGRyb3Bkb3duXG4+XG4gIDxidXR0b25cbiAgICBpZD1cImRyb3Bkb3duLXt7IGlucHV0RHJvcGRvd25MaXN0TW9kZWwuY29tcG9uZW50SGVhZGluZyB8IHRyaW1JZH19XCJcbiAgICBkcm9wZG93blRvZ2dsZVxuICAgIHR5cGU9XCJidXR0b25cIlxuICAgIGNsYXNzPVwiYnRuIGRyb3Bkb3duLXRvZ2dsZSBzZngtZWxsaXBzZVwiXG4gICAgYXJpYS1jb250cm9scz1cImRyb3Bkb3duLWJhc2ljXCJcbiAgPlxuICAgIHt7IGlucHV0RHJvcGRvd25MaXN0TW9kZWwuc2VsZWN0ZWROYW1lIH19XG4gICAgPGkgKm5nSWY9XCIhZGlzYWJsZUJ0blwiIGNsYXNzPVwic2ktYXJyb3ctaGlkZS1yZXZlYWxcIj48L2k+XG4gIDwvYnV0dG9uPlxuICA8aHIgLz5cbiAgPHVsXG4gICAgaWQ9XCJkcm9wZG93bi1iYXNpY1wiXG4gICAgKmRyb3Bkb3duTWVudVxuICAgIGNsYXNzPVwiZHJvcGRvd24tbWVudVwiXG4gICAgcm9sZT1cIm1lbnVcIlxuICAgIGF0dHIuYXJpYS1sYWJlbGxlZGJ5PVwiZHJvcGRvd24te3sgaW5wdXREcm9wZG93bkxpc3RNb2RlbC5jb21wb25lbnRIZWFkaW5nIHwgdHJpbUlkfX1cIlxuICAgIFtuZ0NsYXNzXT1cInsgJ3NmeC1wYi0wJzogaW5wdXREcm9wZG93bkxpc3RNb2RlbC5zaG93Q2xlYXJCdXR0b24gPT09IHRydWUgfVwiXG4gID5cbiAgICA8bGlcbiAgICAgICpuZ0Zvcj1cImxldCBhY3Rpb24gb2YgaW5wdXREcm9wZG93bkxpc3RNb2RlbC5kcm9wZG93bkxpc3RcIlxuICAgICAgW25nQ2xhc3NdPVwieyBkaXNhYmxlZDogYWN0aW9uLmlzRGlzYWJsZWQgfVwiXG4gICAgICAoY2xpY2spPVwiaXRlbUNsaWNrKGFjdGlvbilcIlxuICAgID5cbiAgICAgIDxhIGNsYXNzPVwiZHJvcGRvd24taXRlbVwiIGlkPVwiZHJvcGRvd24taXRlbS17eyBhY3Rpb24ubmFtZSB8IHRyaW1JZH19XCIgaHJlZj1cImphdmFzY3JpcHQ6O1wiPnt7IGFjdGlvbi5uYW1lIH19PC9hPlxuICAgIDwvbGk+XG4gICAgPGRpdlxuICAgICAgKm5nSWY9XCJpbnB1dERyb3Bkb3duTGlzdE1vZGVsLnNob3dDbGVhckJ1dHRvblwiXG4gICAgICBjbGFzcz1cImRpdmlkZXIgZHJvcGRvd24tZGl2aWRlclwiXG4gICAgPjwvZGl2PlxuICAgIDxhXG4gICAgICBjbGFzcz1cInNmeC1maWx0ZXItaXRlbS1mb290ZXJcIlxuICAgICAgKm5nSWY9XCJpbnB1dERyb3Bkb3duTGlzdE1vZGVsLnNob3dDbGVhckJ1dHRvblwiXG4gICAgPlxuICAgICAgPGJ1dHRvblxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgKGNsaWNrKT1cIm9uQ2xlYXJTZWxlY3Rpb24oKVwiXG4gICAgICAgIGNsYXNzPVwicHVsbC1sZWZ0IHNmeC1jbGVhci1idXR0b25cIlxuICAgICAgPlxuICAgICAgICBDbGVhciBBbGxcbiAgICAgIDwvYnV0dG9uPlxuICAgIDwvYT5cbiAgPC91bD5cbjwvZGl2PlxuIl19
|
|
@@ -3,23 +3,24 @@ import { CommonModule } from '@angular/common';
|
|
|
3
3
|
import { InputDropdownComponent } from './input-dropdown.component';
|
|
4
4
|
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
5
5
|
import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
|
|
6
|
+
import { PipeModule } from '../../pipe/pipe.module';
|
|
6
7
|
import * as i0 from "@angular/core";
|
|
7
8
|
import * as i1 from "ngx-bootstrap/dropdown";
|
|
8
9
|
export class InputDropdownModule {
|
|
9
10
|
}
|
|
10
11
|
InputDropdownModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
11
|
-
InputDropdownModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputDropdownModule, declarations: [InputDropdownComponent], imports: [i1.BsDropdownModule, CommonModule, BrowserAnimationsModule], exports: [InputDropdownComponent] });
|
|
12
|
+
InputDropdownModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputDropdownModule, declarations: [InputDropdownComponent], imports: [i1.BsDropdownModule, CommonModule, BrowserAnimationsModule, PipeModule], exports: [InputDropdownComponent] });
|
|
12
13
|
InputDropdownModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputDropdownModule, imports: [[
|
|
13
|
-
BsDropdownModule.forRoot(), CommonModule, BrowserAnimationsModule
|
|
14
|
+
BsDropdownModule.forRoot(), CommonModule, BrowserAnimationsModule, PipeModule
|
|
14
15
|
]] });
|
|
15
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputDropdownModule, decorators: [{
|
|
16
17
|
type: NgModule,
|
|
17
18
|
args: [{
|
|
18
19
|
declarations: [InputDropdownComponent],
|
|
19
20
|
imports: [
|
|
20
|
-
BsDropdownModule.forRoot(), CommonModule, BrowserAnimationsModule
|
|
21
|
+
BsDropdownModule.forRoot(), CommonModule, BrowserAnimationsModule, PipeModule
|
|
21
22
|
],
|
|
22
23
|
exports: [InputDropdownComponent]
|
|
23
24
|
}]
|
|
24
25
|
}] });
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtZHJvcGRvd24ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9hdG9tcy9pbnB1dC1kcm9wZG93bi9pbnB1dC1kcm9wZG93bi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDcEUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDL0UsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDMUQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7QUFXcEQsTUFBTSxPQUFPLG1CQUFtQjs7Z0hBQW5CLG1CQUFtQjtpSEFBbkIsbUJBQW1CLGlCQU5mLHNCQUFzQixrQ0FFUCxZQUFZLEVBQUUsdUJBQXVCLEVBQUUsVUFBVSxhQUVyRSxzQkFBc0I7aUhBRXJCLG1CQUFtQixZQUxyQjtZQUNQLGdCQUFnQixDQUFDLE9BQU8sRUFBRSxFQUFFLFlBQVksRUFBRSx1QkFBdUIsRUFBRSxVQUFVO1NBQzlFOzJGQUdVLG1CQUFtQjtrQkFQL0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztvQkFDdEMsT0FBTyxFQUFFO3dCQUNQLGdCQUFnQixDQUFDLE9BQU8sRUFBRSxFQUFFLFlBQVksRUFBRSx1QkFBdUIsRUFBRSxVQUFVO3FCQUM5RTtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztpQkFDbEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IElucHV0RHJvcGRvd25Db21wb25lbnQgfSBmcm9tICcuL2lucHV0LWRyb3Bkb3duLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBCcm93c2VyQW5pbWF0aW9uc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXIvYW5pbWF0aW9ucyc7XG5pbXBvcnQgeyBCc0Ryb3Bkb3duTW9kdWxlIH0gZnJvbSAnbmd4LWJvb3RzdHJhcC9kcm9wZG93bic7XG5pbXBvcnQgeyBQaXBlTW9kdWxlIH0gZnJvbSAnLi4vLi4vcGlwZS9waXBlLm1vZHVsZSc7XG5cblxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtJbnB1dERyb3Bkb3duQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW1xuICAgIEJzRHJvcGRvd25Nb2R1bGUuZm9yUm9vdCgpLCBDb21tb25Nb2R1bGUsIEJyb3dzZXJBbmltYXRpb25zTW9kdWxlLCBQaXBlTW9kdWxlXG4gIF0sXG4gIGV4cG9ydHM6IFtJbnB1dERyb3Bkb3duQ29tcG9uZW50XVxufSlcbmV4cG9ydCBjbGFzcyBJbnB1dERyb3Bkb3duTW9kdWxlIHsgfVxuIl19
|
|
@@ -17,10 +17,10 @@ export class InformationModalComponent {
|
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
19
|
InformationModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InformationModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
-
InformationModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InformationModalComponent, selector: "symphony-information-modal", inputs: { model: "model" }, outputs: { confirmButtonClicked: "confirmButtonClicked", closeButtonClicked: "closeButtonClicked" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"></symphony-h4>\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30 wrapped\">\n <ng-content select=\"[modal-content]\"></ng-content>\n </section>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n <symphony-button\n class=\"sfx-ml-20\"\n [text]=\"model.buttonText\"\n (clicked)=\"onButtonClick()\"\n ></symphony-button>\n </section>\n</div>\n", styles: [".wrapped{word-break:break-word}\n"], components: [{ type: i1.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
20
|
+
InformationModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InformationModalComponent, selector: "symphony-information-modal", inputs: { model: "model" }, outputs: { confirmButtonClicked: "confirmButtonClicked", closeButtonClicked: "closeButtonClicked" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"></symphony-h4>\n <ng-content select=\"[modal-header-label]\"></ng-content>\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30 wrapped\">\n <ng-content select=\"[modal-content]\"></ng-content>\n </section>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n <symphony-button\n class=\"sfx-ml-20\"\n [text]=\"model.buttonText\"\n (clicked)=\"onButtonClick()\"\n ></symphony-button>\n </section>\n</div>\n", styles: [".wrapped{word-break:break-word}\n"], components: [{ type: i1.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
21
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InformationModalComponent, decorators: [{
|
|
22
22
|
type: Component,
|
|
23
|
-
args: [{ selector: 'symphony-information-modal', template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"></symphony-h4>\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30 wrapped\">\n <ng-content select=\"[modal-content]\"></ng-content>\n </section>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n <symphony-button\n class=\"sfx-ml-20\"\n [text]=\"model.buttonText\"\n (clicked)=\"onButtonClick()\"\n ></symphony-button>\n </section>\n</div>\n", styles: [".wrapped{word-break:break-word}\n"] }]
|
|
23
|
+
args: [{ selector: 'symphony-information-modal', template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"></symphony-h4>\n <ng-content select=\"[modal-header-label]\"></ng-content>\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30 wrapped\">\n <ng-content select=\"[modal-content]\"></ng-content>\n </section>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n <symphony-button\n class=\"sfx-ml-20\"\n [text]=\"model.buttonText\"\n (clicked)=\"onButtonClick()\"\n ></symphony-button>\n </section>\n</div>\n", styles: [".wrapped{word-break:break-word}\n"] }]
|
|
24
24
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
25
25
|
type: Input
|
|
26
26
|
}], confirmButtonClicked: [{
|
|
@@ -28,4 +28,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
28
28
|
}], closeButtonClicked: [{
|
|
29
29
|
type: Output
|
|
30
30
|
}] } });
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5mb3JtYXRpb24tbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvaW5mb3JtYXRpb24tbW9kYWwvaW5mb3JtYXRpb24tbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvaW5mb3JtYXRpb24tbW9kYWwvaW5mb3JtYXRpb24tbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBUXZFLE1BQU0sT0FBTyx5QkFBeUI7SUFLcEM7UUFIVSx5QkFBb0IsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBQ2hELHVCQUFrQixHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7SUFFekMsQ0FBQztJQUVoQixhQUFhO1FBQ1gsSUFBSSxDQUFDLG9CQUFvQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQ25DLENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQ2pDLENBQUM7O3NIQWJVLHlCQUF5QjswR0FBekIseUJBQXlCLG1NQ1J0QyxzL0JBNkJBOzJGRHJCYSx5QkFBeUI7a0JBTHJDLFNBQVM7K0JBQ0UsNEJBQTRCOzBFQUs3QixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0ksb0JBQW9CO3NCQUE3QixNQUFNO2dCQUNHLGtCQUFrQjtzQkFBM0IsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJbmZvcm1hdGlvbk1vZGVsIH0gZnJvbSAnLi9pbmZvcm1hdGlvbi1tb2RhbC5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWluZm9ybWF0aW9uLW1vZGFsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2luZm9ybWF0aW9uLW1vZGFsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaW5mb3JtYXRpb24tbW9kYWwuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgSW5mb3JtYXRpb25Nb2RhbENvbXBvbmVudHtcbiAgQElucHV0KCkgbW9kZWw6IEluZm9ybWF0aW9uTW9kZWw7XG4gIEBPdXRwdXQoKSBjb25maXJtQnV0dG9uQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIGNsb3NlQnV0dG9uQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgb25CdXR0b25DbGljaygpIHtcbiAgICB0aGlzLmNvbmZpcm1CdXR0b25DbGlja2VkLmVtaXQoKTtcbiAgfVxuXG4gIG9uQ2xvc2VCdXR0b25DbGljaygpIHtcbiAgICB0aGlzLmNsb3NlQnV0dG9uQ2xpY2tlZC5lbWl0KCk7XG4gIH1cbn1cbiIsIjxkaXYgKm5nSWY9XCJtb2RlbFwiIGNsYXNzPVwic2Z4IHNmeC1tb2RhbFwiPlxuICA8c2VjdGlvbiBjbGFzcz1cIm1vZGFsLWhlYWRlciBzZngtcC0zMCBzZngtcHQtNDBcIj5cbiAgICA8ZGl2IGNsYXNzPVwibW9kYWwtdGl0bGVcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJyb3dcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy04IGNvbC1zbS04IGNvbC1tZC04IGNvbC1sZy04XCI+XG4gICAgICAgICAgPHN5bXBob255LWg0IFt0ZXh0XT1cIm1vZGVsLnRpdGxlXCI+PC9zeW1waG9ueS1oND5cbiAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbbW9kYWwtaGVhZGVyLWxhYmVsXVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtNCBjb2wtc20tNCBjb2wtbWQtNCBjb2wtbGctNFwiPlxuICAgICAgICAgIDxzeW1waG9ueS1pY29uXG4gICAgICAgICAgICBjbGFzcz1cInB1bGwtcmlnaHRcIlxuICAgICAgICAgICAgW2ljb25dPVwiJ3NpLWNsb3NlLW1vZGFsJ1wiXG4gICAgICAgICAgICAoY2xpY2tlZCk9XCJvbkNsb3NlQnV0dG9uQ2xpY2soKVwiXG4gICAgICAgICAgPjwvc3ltcGhvbnktaWNvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9zZWN0aW9uPlxuICA8c2VjdGlvbiBjbGFzcz1cIm1vZGFsLWJvZHkgc2Z4LXAtMzAgd3JhcHBlZFwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlttb2RhbC1jb250ZW50XVwiPjwvbmctY29udGVudD5cbiAgPC9zZWN0aW9uPlxuICA8c2VjdGlvbiBjbGFzcz1cIm1vZGFsLWZvb3RlciBzZngtcHQtMzAgc2Z4LXBiLTQwXCI+XG4gICAgPHN5bXBob255LWJ1dHRvblxuICAgICAgY2xhc3M9XCJzZngtbWwtMjBcIlxuICAgICAgW3RleHRdPVwibW9kZWwuYnV0dG9uVGV4dFwiXG4gICAgICAoY2xpY2tlZCk9XCJvbkJ1dHRvbkNsaWNrKClcIlxuICAgID48L3N5bXBob255LWJ1dHRvbj5cbiAgPC9zZWN0aW9uPlxuPC9kaXY+XG4iXX0=
|
package/esm2020/projects/component-library/lib/atoms/input-dropdown/input-dropdown.component.mjs
CHANGED
|
@@ -2,6 +2,7 @@ import { Component, Input, EventEmitter, Output } from '@angular/core';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "@angular/common";
|
|
4
4
|
import * as i2 from "ngx-bootstrap/dropdown";
|
|
5
|
+
import * as i3 from "../../pipe/trim-id.pipe";
|
|
5
6
|
export class InputDropdownComponent {
|
|
6
7
|
constructor() {
|
|
7
8
|
this.selectItem = new EventEmitter();
|
|
@@ -23,10 +24,10 @@ export class InputDropdownComponent {
|
|
|
23
24
|
}
|
|
24
25
|
}
|
|
25
26
|
InputDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
26
|
-
InputDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputDropdownComponent, selector: "symphony-input-dropdown", inputs: { inputDropdownListModel: "inputDropdownListModel", disableBtn: "disableBtn", isInverse: "isInverse", isRequired: "isRequired" }, outputs: { selectItem: "selectItem", clearSelection: "clearSelection" }, ngImport: i0, template: "<div\n *ngIf=\"inputDropdownListModel.componentHeading\"\n class=\"sfx-dropdown-label sfx-d-inline-block\"\n [ngClass]=\"{ 'is-inverse': isInverse }\"\n>\n {{ inputDropdownListModel.componentHeading }}\n <span class=\"requiredField\" *ngIf=\"isRequired\">*</span>\n</div>\n<div\n class=\"btn-group sfx-dropdown sfx-d-inline-block sfx-wid-100\"\n [ngClass]=\"{ 'is-inverse': isInverse }\"\n [isDisabled]=\"disableBtn\"\n dropdown\n>\n <button\n id=\"
|
|
27
|
+
InputDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputDropdownComponent, selector: "symphony-input-dropdown", inputs: { inputDropdownListModel: "inputDropdownListModel", disableBtn: "disableBtn", isInverse: "isInverse", isRequired: "isRequired" }, outputs: { selectItem: "selectItem", clearSelection: "clearSelection" }, ngImport: i0, template: "<div\n *ngIf=\"inputDropdownListModel.componentHeading\"\n class=\"sfx-dropdown-label sfx-d-inline-block\"\n [ngClass]=\"{ 'is-inverse': isInverse }\"\n>\n {{ inputDropdownListModel.componentHeading }}\n <span class=\"requiredField\" *ngIf=\"isRequired\">*</span>\n</div>\n<div\n class=\"btn-group sfx-dropdown sfx-d-inline-block sfx-wid-100\"\n [ngClass]=\"{ 'is-inverse': isInverse }\"\n [isDisabled]=\"disableBtn\"\n dropdown\n>\n <button\n id=\"dropdown-{{ inputDropdownListModel.componentHeading | trimId}}\"\n dropdownToggle\n type=\"button\"\n class=\"btn dropdown-toggle sfx-ellipse\"\n aria-controls=\"dropdown-basic\"\n >\n {{ inputDropdownListModel.selectedName }}\n <i *ngIf=\"!disableBtn\" class=\"si-arrow-hide-reveal\"></i>\n </button>\n <hr />\n <ul\n id=\"dropdown-basic\"\n *dropdownMenu\n class=\"dropdown-menu\"\n role=\"menu\"\n attr.aria-labelledby=\"dropdown-{{ inputDropdownListModel.componentHeading | trimId}}\"\n [ngClass]=\"{ 'sfx-pb-0': inputDropdownListModel.showClearButton === true }\"\n >\n <li\n *ngFor=\"let action of inputDropdownListModel.dropdownList\"\n [ngClass]=\"{ disabled: action.isDisabled }\"\n (click)=\"itemClick(action)\"\n >\n <a class=\"dropdown-item\" id=\"dropdown-item-{{ action.name | trimId}}\" href=\"javascript:;\">{{ action.name }}</a>\n </li>\n <div\n *ngIf=\"inputDropdownListModel.showClearButton\"\n class=\"divider dropdown-divider\"\n ></div>\n <a\n class=\"sfx-filter-item-footer\"\n *ngIf=\"inputDropdownListModel.showClearButton\"\n >\n <button\n type=\"button\"\n (click)=\"onClearSelection()\"\n class=\"pull-left sfx-clear-button\"\n >\n Clear All\n </button>\n </a>\n </ul>\n</div>\n", styles: [".sfx-dropdown-label{font-weight:500;line-height:25px;margin-bottom:.27rem;margin-left:calc(.3rem + 1px)}.sfx-dropdown{min-width:100%}.sfx-dropdown.open button.dropdown-toggle.btn:hover{color:#000!important}.sfx-dropdown.open button.dropdown-toggle.btn:focus{color:#000!important}.sfx-dropdown hr{margin:0;border-top:none;height:1px;width:100%}.sfx-dropdown button.dropdown-toggle.btn{width:calc(100% - .6rem);height:40px;background:#fff;border-color:#334860;color:#000!important;margin:.3rem;text-align:left;box-shadow:none;padding:10px 15px;min-height:40px;border-radius:4px!important;text-transform:none}.sfx-dropdown button.dropdown-toggle.btn:before{color:#000}.sfx-dropdown button.dropdown-toggle.btn:disabled{opacity:1;background:#1d1d1d;border-color:#1d1d1d}.sfx-dropdown button.dropdown-toggle.btn:disabled:before{color:#565656}.sfx-dropdown i{position:absolute;right:6px;top:12px;transform:rotate(180deg);z-index:10;transition:linear .1s;font-size:18px}.sfx-dropdown .dropdown-menu{box-shadow:0 10px 10px rgba(0,0,0,.2);background:#fff;width:100%;border:none;max-height:280px;overflow-y:auto;padding:0 0 10px;margin:0;border-radius:0}.sfx-dropdown .dropdown-menu li a.dropdown-item{padding:.625rem 1.25rem;color:#000;word-break:break-word;white-space:normal}.sfx-dropdown .dropdown-menu li a.dropdown-item:hover{background:#E4E7EF;color:#000}.sfx-dropdown ::-webkit-scrollbar{width:10px}.sfx-dropdown ::-webkit-scrollbar-track{background:#fff}.sfx-dropdown ::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:4px}.sfx-dropdown ::-webkit-scrollbar-thumb:hover{background:#555}.sfx-dropdown.btn-group.open{background:#fff;box-shadow:0 10px 10px rgba(0,0,0,.2)}.sfx-dropdown.btn-group.open i{transform:rotate(0);color:#000}.sfx-dropdown.btn-group.open hr{margin:0;border-top:1px solid #d0d0d0;width:100%;height:0}.sfx-dropdown.btn-group.open button.dropdown-toggle.btn{background:#fff;color:#000!important;border-color:#334860}.sfx-dropdown .sfx-clear-button{background:transparent;border:none;color:#000;font-family:neuzeit_groteskbold;padding:15px 20px 26px}.is-inverse.sfx-dropdown-label{color:#000}.is-inverse button.dropdown-toggle.btn{color:#000!important;border-color:#334860}.is-inverse i{color:#000}.sfx-pb-0{padding-bottom:0!important}.requiredField{color:#000!important}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.BsDropdownDirective, selector: "[bsDropdown],[dropdown]", inputs: ["autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen", "placement", "triggers", "container", "dropup"], outputs: ["onShown", "onHidden", "isOpenChange"], exportAs: ["bs-dropdown"] }, { type: i2.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { type: i2.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "trimId": i3.TrimIdPipe } });
|
|
27
28
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputDropdownComponent, decorators: [{
|
|
28
29
|
type: Component,
|
|
29
|
-
args: [{ selector: 'symphony-input-dropdown', template: "<div\n *ngIf=\"inputDropdownListModel.componentHeading\"\n class=\"sfx-dropdown-label sfx-d-inline-block\"\n [ngClass]=\"{ 'is-inverse': isInverse }\"\n>\n {{ inputDropdownListModel.componentHeading }}\n <span class=\"requiredField\" *ngIf=\"isRequired\">*</span>\n</div>\n<div\n class=\"btn-group sfx-dropdown sfx-d-inline-block sfx-wid-100\"\n [ngClass]=\"{ 'is-inverse': isInverse }\"\n [isDisabled]=\"disableBtn\"\n dropdown\n>\n <button\n id=\"
|
|
30
|
+
args: [{ selector: 'symphony-input-dropdown', template: "<div\n *ngIf=\"inputDropdownListModel.componentHeading\"\n class=\"sfx-dropdown-label sfx-d-inline-block\"\n [ngClass]=\"{ 'is-inverse': isInverse }\"\n>\n {{ inputDropdownListModel.componentHeading }}\n <span class=\"requiredField\" *ngIf=\"isRequired\">*</span>\n</div>\n<div\n class=\"btn-group sfx-dropdown sfx-d-inline-block sfx-wid-100\"\n [ngClass]=\"{ 'is-inverse': isInverse }\"\n [isDisabled]=\"disableBtn\"\n dropdown\n>\n <button\n id=\"dropdown-{{ inputDropdownListModel.componentHeading | trimId}}\"\n dropdownToggle\n type=\"button\"\n class=\"btn dropdown-toggle sfx-ellipse\"\n aria-controls=\"dropdown-basic\"\n >\n {{ inputDropdownListModel.selectedName }}\n <i *ngIf=\"!disableBtn\" class=\"si-arrow-hide-reveal\"></i>\n </button>\n <hr />\n <ul\n id=\"dropdown-basic\"\n *dropdownMenu\n class=\"dropdown-menu\"\n role=\"menu\"\n attr.aria-labelledby=\"dropdown-{{ inputDropdownListModel.componentHeading | trimId}}\"\n [ngClass]=\"{ 'sfx-pb-0': inputDropdownListModel.showClearButton === true }\"\n >\n <li\n *ngFor=\"let action of inputDropdownListModel.dropdownList\"\n [ngClass]=\"{ disabled: action.isDisabled }\"\n (click)=\"itemClick(action)\"\n >\n <a class=\"dropdown-item\" id=\"dropdown-item-{{ action.name | trimId}}\" href=\"javascript:;\">{{ action.name }}</a>\n </li>\n <div\n *ngIf=\"inputDropdownListModel.showClearButton\"\n class=\"divider dropdown-divider\"\n ></div>\n <a\n class=\"sfx-filter-item-footer\"\n *ngIf=\"inputDropdownListModel.showClearButton\"\n >\n <button\n type=\"button\"\n (click)=\"onClearSelection()\"\n class=\"pull-left sfx-clear-button\"\n >\n Clear All\n </button>\n </a>\n </ul>\n</div>\n", styles: [".sfx-dropdown-label{font-weight:500;line-height:25px;margin-bottom:.27rem;margin-left:calc(.3rem + 1px)}.sfx-dropdown{min-width:100%}.sfx-dropdown.open button.dropdown-toggle.btn:hover{color:#000!important}.sfx-dropdown.open button.dropdown-toggle.btn:focus{color:#000!important}.sfx-dropdown hr{margin:0;border-top:none;height:1px;width:100%}.sfx-dropdown button.dropdown-toggle.btn{width:calc(100% - .6rem);height:40px;background:#fff;border-color:#334860;color:#000!important;margin:.3rem;text-align:left;box-shadow:none;padding:10px 15px;min-height:40px;border-radius:4px!important;text-transform:none}.sfx-dropdown button.dropdown-toggle.btn:before{color:#000}.sfx-dropdown button.dropdown-toggle.btn:disabled{opacity:1;background:#1d1d1d;border-color:#1d1d1d}.sfx-dropdown button.dropdown-toggle.btn:disabled:before{color:#565656}.sfx-dropdown i{position:absolute;right:6px;top:12px;transform:rotate(180deg);z-index:10;transition:linear .1s;font-size:18px}.sfx-dropdown .dropdown-menu{box-shadow:0 10px 10px rgba(0,0,0,.2);background:#fff;width:100%;border:none;max-height:280px;overflow-y:auto;padding:0 0 10px;margin:0;border-radius:0}.sfx-dropdown .dropdown-menu li a.dropdown-item{padding:.625rem 1.25rem;color:#000;word-break:break-word;white-space:normal}.sfx-dropdown .dropdown-menu li a.dropdown-item:hover{background:#E4E7EF;color:#000}.sfx-dropdown ::-webkit-scrollbar{width:10px}.sfx-dropdown ::-webkit-scrollbar-track{background:#fff}.sfx-dropdown ::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:4px}.sfx-dropdown ::-webkit-scrollbar-thumb:hover{background:#555}.sfx-dropdown.btn-group.open{background:#fff;box-shadow:0 10px 10px rgba(0,0,0,.2)}.sfx-dropdown.btn-group.open i{transform:rotate(0);color:#000}.sfx-dropdown.btn-group.open hr{margin:0;border-top:1px solid #d0d0d0;width:100%;height:0}.sfx-dropdown.btn-group.open button.dropdown-toggle.btn{background:#fff;color:#000!important;border-color:#334860}.sfx-dropdown .sfx-clear-button{background:transparent;border:none;color:#000;font-family:neuzeit_groteskbold;padding:15px 20px 26px}.is-inverse.sfx-dropdown-label{color:#000}.is-inverse button.dropdown-toggle.btn{color:#000!important;border-color:#334860}.is-inverse i{color:#000}.sfx-pb-0{padding-bottom:0!important}.requiredField{color:#000!important}\n"] }]
|
|
30
31
|
}], ctorParameters: function () { return []; }, propDecorators: { inputDropdownListModel: [{
|
|
31
32
|
type: Input
|
|
32
33
|
}], disableBtn: [{
|
|
@@ -40,4 +41,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
40
41
|
}], clearSelection: [{
|
|
41
42
|
type: Output
|
|
42
43
|
}] } });
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtZHJvcGRvd24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9hdG9tcy9pbnB1dC1kcm9wZG93bi9pbnB1dC1kcm9wZG93bi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2lucHV0LWRyb3Bkb3duL2lucHV0LWRyb3Bkb3duLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsS0FBSyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBUy9FLE1BQU0sT0FBTyxzQkFBc0I7SUFVakM7UUFKQSxlQUFVLEdBQTZDLElBQUksWUFBWSxFQUFFLENBQUM7UUFFMUUsbUJBQWMsR0FBb0MsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUV0RCxDQUFDO0lBRWhCLFFBQVE7UUFDTixJQUFJLENBQUMsb0JBQW9CLEdBQUcsSUFBSSxDQUFDLHNCQUFzQixDQUFDLFlBQVksQ0FBQztJQUN2RSxDQUFDO0lBRUQsU0FBUyxDQUFDLE1BQWtDO1FBQzFDLElBQUksQ0FBQyxNQUFNLENBQUMsVUFBVSxFQUFFO1lBQ3RCLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxZQUFZLEdBQUcsR0FBRyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUM7WUFDNUQsSUFBSSxDQUFDLHNCQUFzQixDQUFDLFVBQVUsR0FBRyxNQUFNLENBQUMsRUFBRSxDQUFDO1lBQ25ELElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1NBQzlCO0lBQ0gsQ0FBQztJQUNELGdCQUFnQjtRQUNkLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLG9CQUFvQixDQUFDO1FBQ3JFLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO0lBQ3hELENBQUM7O21IQTFCVSxzQkFBc0I7dUdBQXRCLHNCQUFzQixrUkNUbkMsMnhEQTBEQTsyRkRqRGEsc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNFLHlCQUF5QjswRUFLMUIsc0JBQXNCO3NCQUE5QixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUVOLFVBQVU7c0JBRFQsTUFBTTtnQkFHUCxjQUFjO3NCQURiLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQsIEV2ZW50RW1pdHRlciwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJbnB1dERyb3Bkb3duTGlzdEl0ZW1Nb2RlbCB9IGZyb20gJy4vaW5wdXQtZHJvcGRvd24tbGlzdC1pdGVtLm1vZGVsJztcbmltcG9ydCB7IElucHV0RHJvcGRvd25MaXN0IH0gZnJvbSAnLi9pbnB1dC1kcm9wZG93bi1saXN0Lm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktaW5wdXQtZHJvcGRvd24nLFxuICB0ZW1wbGF0ZVVybDogJy4vaW5wdXQtZHJvcGRvd24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pbnB1dC1kcm9wZG93bi5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBJbnB1dERyb3Bkb3duQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgaW5wdXREcm9wZG93bkxpc3RNb2RlbDogSW5wdXREcm9wZG93bkxpc3Q7XG4gIEBJbnB1dCgpIGRpc2FibGVCdG46IGJvb2xlYW47XG4gIEBJbnB1dCgpIGlzSW52ZXJzZTogYm9vbGVhbjtcbiAgQElucHV0KCkgaXNSZXF1aXJlZDogYm9vbGVhbjtcbiAgQE91dHB1dCgpXG4gIHNlbGVjdEl0ZW06IEV2ZW50RW1pdHRlcjxJbnB1dERyb3Bkb3duTGlzdEl0ZW1Nb2RlbD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKVxuICBjbGVhclNlbGVjdGlvbjogRXZlbnRFbWl0dGVyPElucHV0RHJvcGRvd25MaXN0PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgcHVibGljIGluaXRpYWxTZWxlY3RlZFZhbHVlOiBzdHJpbmc7XG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmluaXRpYWxTZWxlY3RlZFZhbHVlID0gdGhpcy5pbnB1dERyb3Bkb3duTGlzdE1vZGVsLnNlbGVjdGVkTmFtZTtcbiAgfVxuXG4gIGl0ZW1DbGljayhhY3Rpb246IElucHV0RHJvcGRvd25MaXN0SXRlbU1vZGVsKTogdm9pZCB7XG4gICAgaWYgKCFhY3Rpb24uaXNEaXNhYmxlZCkge1xuICAgICAgdGhpcy5pbnB1dERyb3Bkb3duTGlzdE1vZGVsLnNlbGVjdGVkTmFtZSA9IGAke2FjdGlvbi5uYW1lfWA7XG4gICAgICB0aGlzLmlucHV0RHJvcGRvd25MaXN0TW9kZWwuc2VsZWN0ZWRJZCA9IGFjdGlvbi5pZDtcbiAgICAgIHRoaXMuc2VsZWN0SXRlbS5lbWl0KGFjdGlvbik7XG4gICAgfVxuICB9XG4gIG9uQ2xlYXJTZWxlY3Rpb24oKSB7XG4gICAgdGhpcy5pbnB1dERyb3Bkb3duTGlzdE1vZGVsLnNlbGVjdGVkTmFtZSA9IHRoaXMuaW5pdGlhbFNlbGVjdGVkVmFsdWU7XG4gICAgdGhpcy5jbGVhclNlbGVjdGlvbi5lbWl0KHRoaXMuaW5wdXREcm9wZG93bkxpc3RNb2RlbCk7XG4gIH1cbn1cbiIsIjxkaXZcbiAgKm5nSWY9XCJpbnB1dERyb3Bkb3duTGlzdE1vZGVsLmNvbXBvbmVudEhlYWRpbmdcIlxuICBjbGFzcz1cInNmeC1kcm9wZG93bi1sYWJlbCBzZngtZC1pbmxpbmUtYmxvY2tcIlxuICBbbmdDbGFzc109XCJ7ICdpcy1pbnZlcnNlJzogaXNJbnZlcnNlIH1cIlxuPlxuICB7eyBpbnB1dERyb3Bkb3duTGlzdE1vZGVsLmNvbXBvbmVudEhlYWRpbmcgfX1cbiAgPHNwYW4gY2xhc3M9XCJyZXF1aXJlZEZpZWxkXCIgKm5nSWY9XCJpc1JlcXVpcmVkXCI+Kjwvc3Bhbj5cbjwvZGl2PlxuPGRpdlxuICBjbGFzcz1cImJ0bi1ncm91cCBzZngtZHJvcGRvd24gc2Z4LWQtaW5saW5lLWJsb2NrIHNmeC13aWQtMTAwXCJcbiAgW25nQ2xhc3NdPVwieyAnaXMtaW52ZXJzZSc6IGlzSW52ZXJzZSB9XCJcbiAgW2lzRGlzYWJsZWRdPVwiZGlzYWJsZUJ0blwiXG4gIGRyb3Bkb3duXG4+XG4gIDxidXR0b25cbiAgICBpZD1cImRyb3Bkb3duLXt7IGlucHV0RHJvcGRvd25MaXN0TW9kZWwuY29tcG9uZW50SGVhZGluZyB8IHRyaW1JZH19XCJcbiAgICBkcm9wZG93blRvZ2dsZVxuICAgIHR5cGU9XCJidXR0b25cIlxuICAgIGNsYXNzPVwiYnRuIGRyb3Bkb3duLXRvZ2dsZSBzZngtZWxsaXBzZVwiXG4gICAgYXJpYS1jb250cm9scz1cImRyb3Bkb3duLWJhc2ljXCJcbiAgPlxuICAgIHt7IGlucHV0RHJvcGRvd25MaXN0TW9kZWwuc2VsZWN0ZWROYW1lIH19XG4gICAgPGkgKm5nSWY9XCIhZGlzYWJsZUJ0blwiIGNsYXNzPVwic2ktYXJyb3ctaGlkZS1yZXZlYWxcIj48L2k+XG4gIDwvYnV0dG9uPlxuICA8aHIgLz5cbiAgPHVsXG4gICAgaWQ9XCJkcm9wZG93bi1iYXNpY1wiXG4gICAgKmRyb3Bkb3duTWVudVxuICAgIGNsYXNzPVwiZHJvcGRvd24tbWVudVwiXG4gICAgcm9sZT1cIm1lbnVcIlxuICAgIGF0dHIuYXJpYS1sYWJlbGxlZGJ5PVwiZHJvcGRvd24te3sgaW5wdXREcm9wZG93bkxpc3RNb2RlbC5jb21wb25lbnRIZWFkaW5nIHwgdHJpbUlkfX1cIlxuICAgIFtuZ0NsYXNzXT1cInsgJ3NmeC1wYi0wJzogaW5wdXREcm9wZG93bkxpc3RNb2RlbC5zaG93Q2xlYXJCdXR0b24gPT09IHRydWUgfVwiXG4gID5cbiAgICA8bGlcbiAgICAgICpuZ0Zvcj1cImxldCBhY3Rpb24gb2YgaW5wdXREcm9wZG93bkxpc3RNb2RlbC5kcm9wZG93bkxpc3RcIlxuICAgICAgW25nQ2xhc3NdPVwieyBkaXNhYmxlZDogYWN0aW9uLmlzRGlzYWJsZWQgfVwiXG4gICAgICAoY2xpY2spPVwiaXRlbUNsaWNrKGFjdGlvbilcIlxuICAgID5cbiAgICAgIDxhIGNsYXNzPVwiZHJvcGRvd24taXRlbVwiIGlkPVwiZHJvcGRvd24taXRlbS17eyBhY3Rpb24ubmFtZSB8IHRyaW1JZH19XCIgaHJlZj1cImphdmFzY3JpcHQ6O1wiPnt7IGFjdGlvbi5uYW1lIH19PC9hPlxuICAgIDwvbGk+XG4gICAgPGRpdlxuICAgICAgKm5nSWY9XCJpbnB1dERyb3Bkb3duTGlzdE1vZGVsLnNob3dDbGVhckJ1dHRvblwiXG4gICAgICBjbGFzcz1cImRpdmlkZXIgZHJvcGRvd24tZGl2aWRlclwiXG4gICAgPjwvZGl2PlxuICAgIDxhXG4gICAgICBjbGFzcz1cInNmeC1maWx0ZXItaXRlbS1mb290ZXJcIlxuICAgICAgKm5nSWY9XCJpbnB1dERyb3Bkb3duTGlzdE1vZGVsLnNob3dDbGVhckJ1dHRvblwiXG4gICAgPlxuICAgICAgPGJ1dHRvblxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgKGNsaWNrKT1cIm9uQ2xlYXJTZWxlY3Rpb24oKVwiXG4gICAgICAgIGNsYXNzPVwicHVsbC1sZWZ0IHNmeC1jbGVhci1idXR0b25cIlxuICAgICAgPlxuICAgICAgICBDbGVhciBBbGxcbiAgICAgIDwvYnV0dG9uPlxuICAgIDwvYT5cbiAgPC91bD5cbjwvZGl2PlxuIl19
|
package/esm2020/projects/component-library/lib/atoms/input-dropdown/input-dropdown.module.mjs
CHANGED
|
@@ -3,23 +3,24 @@ import { CommonModule } from '@angular/common';
|
|
|
3
3
|
import { InputDropdownComponent } from './input-dropdown.component';
|
|
4
4
|
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
5
5
|
import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
|
|
6
|
+
import { PipeModule } from '../../pipe/pipe.module';
|
|
6
7
|
import * as i0 from "@angular/core";
|
|
7
8
|
import * as i1 from "ngx-bootstrap/dropdown";
|
|
8
9
|
export class InputDropdownModule {
|
|
9
10
|
}
|
|
10
11
|
InputDropdownModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
11
|
-
InputDropdownModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputDropdownModule, declarations: [InputDropdownComponent], imports: [i1.BsDropdownModule, CommonModule, BrowserAnimationsModule], exports: [InputDropdownComponent] });
|
|
12
|
+
InputDropdownModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputDropdownModule, declarations: [InputDropdownComponent], imports: [i1.BsDropdownModule, CommonModule, BrowserAnimationsModule, PipeModule], exports: [InputDropdownComponent] });
|
|
12
13
|
InputDropdownModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputDropdownModule, imports: [[
|
|
13
|
-
BsDropdownModule.forRoot(), CommonModule, BrowserAnimationsModule
|
|
14
|
+
BsDropdownModule.forRoot(), CommonModule, BrowserAnimationsModule, PipeModule
|
|
14
15
|
]] });
|
|
15
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputDropdownModule, decorators: [{
|
|
16
17
|
type: NgModule,
|
|
17
18
|
args: [{
|
|
18
19
|
declarations: [InputDropdownComponent],
|
|
19
20
|
imports: [
|
|
20
|
-
BsDropdownModule.forRoot(), CommonModule, BrowserAnimationsModule
|
|
21
|
+
BsDropdownModule.forRoot(), CommonModule, BrowserAnimationsModule, PipeModule
|
|
21
22
|
],
|
|
22
23
|
exports: [InputDropdownComponent]
|
|
23
24
|
}]
|
|
24
25
|
}] });
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtZHJvcGRvd24ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9hdG9tcy9pbnB1dC1kcm9wZG93bi9pbnB1dC1kcm9wZG93bi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDcEUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDL0UsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDMUQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7QUFXcEQsTUFBTSxPQUFPLG1CQUFtQjs7Z0hBQW5CLG1CQUFtQjtpSEFBbkIsbUJBQW1CLGlCQU5mLHNCQUFzQixrQ0FFUCxZQUFZLEVBQUUsdUJBQXVCLEVBQUUsVUFBVSxhQUVyRSxzQkFBc0I7aUhBRXJCLG1CQUFtQixZQUxyQjtZQUNQLGdCQUFnQixDQUFDLE9BQU8sRUFBRSxFQUFFLFlBQVksRUFBRSx1QkFBdUIsRUFBRSxVQUFVO1NBQzlFOzJGQUdVLG1CQUFtQjtrQkFQL0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztvQkFDdEMsT0FBTyxFQUFFO3dCQUNQLGdCQUFnQixDQUFDLE9BQU8sRUFBRSxFQUFFLFlBQVksRUFBRSx1QkFBdUIsRUFBRSxVQUFVO3FCQUM5RTtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztpQkFDbEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IElucHV0RHJvcGRvd25Db21wb25lbnQgfSBmcm9tICcuL2lucHV0LWRyb3Bkb3duLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBCcm93c2VyQW5pbWF0aW9uc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXIvYW5pbWF0aW9ucyc7XG5pbXBvcnQgeyBCc0Ryb3Bkb3duTW9kdWxlIH0gZnJvbSAnbmd4LWJvb3RzdHJhcC9kcm9wZG93bic7XG5pbXBvcnQgeyBQaXBlTW9kdWxlIH0gZnJvbSAnLi4vLi4vcGlwZS9waXBlLm1vZHVsZSc7XG5cblxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtJbnB1dERyb3Bkb3duQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW1xuICAgIEJzRHJvcGRvd25Nb2R1bGUuZm9yUm9vdCgpLCBDb21tb25Nb2R1bGUsIEJyb3dzZXJBbmltYXRpb25zTW9kdWxlLCBQaXBlTW9kdWxlXG4gIF0sXG4gIGV4cG9ydHM6IFtJbnB1dERyb3Bkb3duQ29tcG9uZW50XVxufSlcbmV4cG9ydCBjbGFzcyBJbnB1dERyb3Bkb3duTW9kdWxlIHsgfVxuIl19
|
|
@@ -17,10 +17,10 @@ export class InformationModalComponent {
|
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
19
|
InformationModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InformationModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
-
InformationModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InformationModalComponent, selector: "symphony-information-modal", inputs: { model: "model" }, outputs: { confirmButtonClicked: "confirmButtonClicked", closeButtonClicked: "closeButtonClicked" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"></symphony-h4>\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30 wrapped\">\n <ng-content select=\"[modal-content]\"></ng-content>\n </section>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n <symphony-button\n class=\"sfx-ml-20\"\n [text]=\"model.buttonText\"\n (clicked)=\"onButtonClick()\"\n ></symphony-button>\n </section>\n</div>\n", styles: [".wrapped{word-break:break-word}\n"], components: [{ type: i1.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
20
|
+
InformationModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InformationModalComponent, selector: "symphony-information-modal", inputs: { model: "model" }, outputs: { confirmButtonClicked: "confirmButtonClicked", closeButtonClicked: "closeButtonClicked" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"></symphony-h4>\n <ng-content select=\"[modal-header-label]\"></ng-content>\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30 wrapped\">\n <ng-content select=\"[modal-content]\"></ng-content>\n </section>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n <symphony-button\n class=\"sfx-ml-20\"\n [text]=\"model.buttonText\"\n (clicked)=\"onButtonClick()\"\n ></symphony-button>\n </section>\n</div>\n", styles: [".wrapped{word-break:break-word}\n"], components: [{ type: i1.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
21
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InformationModalComponent, decorators: [{
|
|
22
22
|
type: Component,
|
|
23
|
-
args: [{ selector: 'symphony-information-modal', template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"></symphony-h4>\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30 wrapped\">\n <ng-content select=\"[modal-content]\"></ng-content>\n </section>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n <symphony-button\n class=\"sfx-ml-20\"\n [text]=\"model.buttonText\"\n (clicked)=\"onButtonClick()\"\n ></symphony-button>\n </section>\n</div>\n", styles: [".wrapped{word-break:break-word}\n"] }]
|
|
23
|
+
args: [{ selector: 'symphony-information-modal', template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"></symphony-h4>\n <ng-content select=\"[modal-header-label]\"></ng-content>\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30 wrapped\">\n <ng-content select=\"[modal-content]\"></ng-content>\n </section>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n <symphony-button\n class=\"sfx-ml-20\"\n [text]=\"model.buttonText\"\n (clicked)=\"onButtonClick()\"\n ></symphony-button>\n </section>\n</div>\n", styles: [".wrapped{word-break:break-word}\n"] }]
|
|
24
24
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
25
25
|
type: Input
|
|
26
26
|
}], confirmButtonClicked: [{
|
|
@@ -28,4 +28,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
28
28
|
}], closeButtonClicked: [{
|
|
29
29
|
type: Output
|
|
30
30
|
}] } });
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5mb3JtYXRpb24tbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvaW5mb3JtYXRpb24tbW9kYWwvaW5mb3JtYXRpb24tbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvaW5mb3JtYXRpb24tbW9kYWwvaW5mb3JtYXRpb24tbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBUXZFLE1BQU0sT0FBTyx5QkFBeUI7SUFLcEM7UUFIVSx5QkFBb0IsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBQ2hELHVCQUFrQixHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7SUFFekMsQ0FBQztJQUVoQixhQUFhO1FBQ1gsSUFBSSxDQUFDLG9CQUFvQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQ25DLENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQ2pDLENBQUM7O3NIQWJVLHlCQUF5QjswR0FBekIseUJBQXlCLG1NQ1J0QyxzL0JBNkJBOzJGRHJCYSx5QkFBeUI7a0JBTHJDLFNBQVM7K0JBQ0UsNEJBQTRCOzBFQUs3QixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0ksb0JBQW9CO3NCQUE3QixNQUFNO2dCQUNHLGtCQUFrQjtzQkFBM0IsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJbmZvcm1hdGlvbk1vZGVsIH0gZnJvbSAnLi9pbmZvcm1hdGlvbi1tb2RhbC5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWluZm9ybWF0aW9uLW1vZGFsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2luZm9ybWF0aW9uLW1vZGFsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaW5mb3JtYXRpb24tbW9kYWwuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgSW5mb3JtYXRpb25Nb2RhbENvbXBvbmVudHtcbiAgQElucHV0KCkgbW9kZWw6IEluZm9ybWF0aW9uTW9kZWw7XG4gIEBPdXRwdXQoKSBjb25maXJtQnV0dG9uQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIGNsb3NlQnV0dG9uQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgb25CdXR0b25DbGljaygpIHtcbiAgICB0aGlzLmNvbmZpcm1CdXR0b25DbGlja2VkLmVtaXQoKTtcbiAgfVxuXG4gIG9uQ2xvc2VCdXR0b25DbGljaygpIHtcbiAgICB0aGlzLmNsb3NlQnV0dG9uQ2xpY2tlZC5lbWl0KCk7XG4gIH1cbn1cbiIsIjxkaXYgKm5nSWY9XCJtb2RlbFwiIGNsYXNzPVwic2Z4IHNmeC1tb2RhbFwiPlxuICA8c2VjdGlvbiBjbGFzcz1cIm1vZGFsLWhlYWRlciBzZngtcC0zMCBzZngtcHQtNDBcIj5cbiAgICA8ZGl2IGNsYXNzPVwibW9kYWwtdGl0bGVcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJyb3dcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy04IGNvbC1zbS04IGNvbC1tZC04IGNvbC1sZy04XCI+XG4gICAgICAgICAgPHN5bXBob255LWg0IFt0ZXh0XT1cIm1vZGVsLnRpdGxlXCI+PC9zeW1waG9ueS1oND5cbiAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbbW9kYWwtaGVhZGVyLWxhYmVsXVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtNCBjb2wtc20tNCBjb2wtbWQtNCBjb2wtbGctNFwiPlxuICAgICAgICAgIDxzeW1waG9ueS1pY29uXG4gICAgICAgICAgICBjbGFzcz1cInB1bGwtcmlnaHRcIlxuICAgICAgICAgICAgW2ljb25dPVwiJ3NpLWNsb3NlLW1vZGFsJ1wiXG4gICAgICAgICAgICAoY2xpY2tlZCk9XCJvbkNsb3NlQnV0dG9uQ2xpY2soKVwiXG4gICAgICAgICAgPjwvc3ltcGhvbnktaWNvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9zZWN0aW9uPlxuICA8c2VjdGlvbiBjbGFzcz1cIm1vZGFsLWJvZHkgc2Z4LXAtMzAgd3JhcHBlZFwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlttb2RhbC1jb250ZW50XVwiPjwvbmctY29udGVudD5cbiAgPC9zZWN0aW9uPlxuICA8c2VjdGlvbiBjbGFzcz1cIm1vZGFsLWZvb3RlciBzZngtcHQtMzAgc2Z4LXBiLTQwXCI+XG4gICAgPHN5bXBob255LWJ1dHRvblxuICAgICAgY2xhc3M9XCJzZngtbWwtMjBcIlxuICAgICAgW3RleHRdPVwibW9kZWwuYnV0dG9uVGV4dFwiXG4gICAgICAoY2xpY2tlZCk9XCJvbkJ1dHRvbkNsaWNrKClcIlxuICAgID48L3N5bXBob255LWJ1dHRvbj5cbiAgPC9zZWN0aW9uPlxuPC9kaXY+XG4iXX0=
|
|
@@ -1411,10 +1411,10 @@ class InputDropdownComponent {
|
|
|
1411
1411
|
}
|
|
1412
1412
|
}
|
|
1413
1413
|
InputDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1414
|
-
InputDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputDropdownComponent, selector: "symphony-input-dropdown", inputs: { inputDropdownListModel: "inputDropdownListModel", disableBtn: "disableBtn", isInverse: "isInverse", isRequired: "isRequired" }, outputs: { selectItem: "selectItem", clearSelection: "clearSelection" }, ngImport: i0, template: "<div\n *ngIf=\"inputDropdownListModel.componentHeading\"\n class=\"sfx-dropdown-label sfx-d-inline-block\"\n [ngClass]=\"{ 'is-inverse': isInverse }\"\n>\n {{ inputDropdownListModel.componentHeading }}\n <span class=\"requiredField\" *ngIf=\"isRequired\">*</span>\n</div>\n<div\n class=\"btn-group sfx-dropdown sfx-d-inline-block sfx-wid-100\"\n [ngClass]=\"{ 'is-inverse': isInverse }\"\n [isDisabled]=\"disableBtn\"\n dropdown\n>\n <button\n id=\"
|
|
1414
|
+
InputDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputDropdownComponent, selector: "symphony-input-dropdown", inputs: { inputDropdownListModel: "inputDropdownListModel", disableBtn: "disableBtn", isInverse: "isInverse", isRequired: "isRequired" }, outputs: { selectItem: "selectItem", clearSelection: "clearSelection" }, ngImport: i0, template: "<div\n *ngIf=\"inputDropdownListModel.componentHeading\"\n class=\"sfx-dropdown-label sfx-d-inline-block\"\n [ngClass]=\"{ 'is-inverse': isInverse }\"\n>\n {{ inputDropdownListModel.componentHeading }}\n <span class=\"requiredField\" *ngIf=\"isRequired\">*</span>\n</div>\n<div\n class=\"btn-group sfx-dropdown sfx-d-inline-block sfx-wid-100\"\n [ngClass]=\"{ 'is-inverse': isInverse }\"\n [isDisabled]=\"disableBtn\"\n dropdown\n>\n <button\n id=\"dropdown-{{ inputDropdownListModel.componentHeading | trimId}}\"\n dropdownToggle\n type=\"button\"\n class=\"btn dropdown-toggle sfx-ellipse\"\n aria-controls=\"dropdown-basic\"\n >\n {{ inputDropdownListModel.selectedName }}\n <i *ngIf=\"!disableBtn\" class=\"si-arrow-hide-reveal\"></i>\n </button>\n <hr />\n <ul\n id=\"dropdown-basic\"\n *dropdownMenu\n class=\"dropdown-menu\"\n role=\"menu\"\n attr.aria-labelledby=\"dropdown-{{ inputDropdownListModel.componentHeading | trimId}}\"\n [ngClass]=\"{ 'sfx-pb-0': inputDropdownListModel.showClearButton === true }\"\n >\n <li\n *ngFor=\"let action of inputDropdownListModel.dropdownList\"\n [ngClass]=\"{ disabled: action.isDisabled }\"\n (click)=\"itemClick(action)\"\n >\n <a class=\"dropdown-item\" id=\"dropdown-item-{{ action.name | trimId}}\" href=\"javascript:;\">{{ action.name }}</a>\n </li>\n <div\n *ngIf=\"inputDropdownListModel.showClearButton\"\n class=\"divider dropdown-divider\"\n ></div>\n <a\n class=\"sfx-filter-item-footer\"\n *ngIf=\"inputDropdownListModel.showClearButton\"\n >\n <button\n type=\"button\"\n (click)=\"onClearSelection()\"\n class=\"pull-left sfx-clear-button\"\n >\n Clear All\n </button>\n </a>\n </ul>\n</div>\n", styles: [".sfx-dropdown-label{font-weight:500;line-height:25px;margin-bottom:.27rem;margin-left:calc(.3rem + 1px)}.sfx-dropdown{min-width:100%}.sfx-dropdown.open button.dropdown-toggle.btn:hover{color:#000!important}.sfx-dropdown.open button.dropdown-toggle.btn:focus{color:#000!important}.sfx-dropdown hr{margin:0;border-top:none;height:1px;width:100%}.sfx-dropdown button.dropdown-toggle.btn{width:calc(100% - .6rem);height:40px;background:#fff;border-color:#334860;color:#000!important;margin:.3rem;text-align:left;box-shadow:none;padding:10px 15px;min-height:40px;border-radius:4px!important;text-transform:none}.sfx-dropdown button.dropdown-toggle.btn:before{color:#000}.sfx-dropdown button.dropdown-toggle.btn:disabled{opacity:1;background:#1d1d1d;border-color:#1d1d1d}.sfx-dropdown button.dropdown-toggle.btn:disabled:before{color:#565656}.sfx-dropdown i{position:absolute;right:6px;top:12px;transform:rotate(180deg);z-index:10;transition:linear .1s;font-size:18px}.sfx-dropdown .dropdown-menu{box-shadow:0 10px 10px rgba(0,0,0,.2);background:#fff;width:100%;border:none;max-height:280px;overflow-y:auto;padding:0 0 10px;margin:0;border-radius:0}.sfx-dropdown .dropdown-menu li a.dropdown-item{padding:.625rem 1.25rem;color:#000;word-break:break-word;white-space:normal}.sfx-dropdown .dropdown-menu li a.dropdown-item:hover{background:#E4E7EF;color:#000}.sfx-dropdown ::-webkit-scrollbar{width:10px}.sfx-dropdown ::-webkit-scrollbar-track{background:#fff}.sfx-dropdown ::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:4px}.sfx-dropdown ::-webkit-scrollbar-thumb:hover{background:#555}.sfx-dropdown.btn-group.open{background:#fff;box-shadow:0 10px 10px rgba(0,0,0,.2)}.sfx-dropdown.btn-group.open i{transform:rotate(0);color:#000}.sfx-dropdown.btn-group.open hr{margin:0;border-top:1px solid #d0d0d0;width:100%;height:0}.sfx-dropdown.btn-group.open button.dropdown-toggle.btn{background:#fff;color:#000!important;border-color:#334860}.sfx-dropdown .sfx-clear-button{background:transparent;border:none;color:#000;font-family:neuzeit_groteskbold;padding:15px 20px 26px}.is-inverse.sfx-dropdown-label{color:#000}.is-inverse button.dropdown-toggle.btn{color:#000!important;border-color:#334860}.is-inverse i{color:#000}.sfx-pb-0{padding-bottom:0!important}.requiredField{color:#000!important}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$1.BsDropdownDirective, selector: "[bsDropdown],[dropdown]", inputs: ["autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen", "placement", "triggers", "container", "dropup"], outputs: ["onShown", "onHidden", "isOpenChange"], exportAs: ["bs-dropdown"] }, { type: i1$1.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { type: i1$1.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "trimId": TrimIdPipe } });
|
|
1415
1415
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputDropdownComponent, decorators: [{
|
|
1416
1416
|
type: Component,
|
|
1417
|
-
args: [{ selector: 'symphony-input-dropdown', template: "<div\n *ngIf=\"inputDropdownListModel.componentHeading\"\n class=\"sfx-dropdown-label sfx-d-inline-block\"\n [ngClass]=\"{ 'is-inverse': isInverse }\"\n>\n {{ inputDropdownListModel.componentHeading }}\n <span class=\"requiredField\" *ngIf=\"isRequired\">*</span>\n</div>\n<div\n class=\"btn-group sfx-dropdown sfx-d-inline-block sfx-wid-100\"\n [ngClass]=\"{ 'is-inverse': isInverse }\"\n [isDisabled]=\"disableBtn\"\n dropdown\n>\n <button\n id=\"
|
|
1417
|
+
args: [{ selector: 'symphony-input-dropdown', template: "<div\n *ngIf=\"inputDropdownListModel.componentHeading\"\n class=\"sfx-dropdown-label sfx-d-inline-block\"\n [ngClass]=\"{ 'is-inverse': isInverse }\"\n>\n {{ inputDropdownListModel.componentHeading }}\n <span class=\"requiredField\" *ngIf=\"isRequired\">*</span>\n</div>\n<div\n class=\"btn-group sfx-dropdown sfx-d-inline-block sfx-wid-100\"\n [ngClass]=\"{ 'is-inverse': isInverse }\"\n [isDisabled]=\"disableBtn\"\n dropdown\n>\n <button\n id=\"dropdown-{{ inputDropdownListModel.componentHeading | trimId}}\"\n dropdownToggle\n type=\"button\"\n class=\"btn dropdown-toggle sfx-ellipse\"\n aria-controls=\"dropdown-basic\"\n >\n {{ inputDropdownListModel.selectedName }}\n <i *ngIf=\"!disableBtn\" class=\"si-arrow-hide-reveal\"></i>\n </button>\n <hr />\n <ul\n id=\"dropdown-basic\"\n *dropdownMenu\n class=\"dropdown-menu\"\n role=\"menu\"\n attr.aria-labelledby=\"dropdown-{{ inputDropdownListModel.componentHeading | trimId}}\"\n [ngClass]=\"{ 'sfx-pb-0': inputDropdownListModel.showClearButton === true }\"\n >\n <li\n *ngFor=\"let action of inputDropdownListModel.dropdownList\"\n [ngClass]=\"{ disabled: action.isDisabled }\"\n (click)=\"itemClick(action)\"\n >\n <a class=\"dropdown-item\" id=\"dropdown-item-{{ action.name | trimId}}\" href=\"javascript:;\">{{ action.name }}</a>\n </li>\n <div\n *ngIf=\"inputDropdownListModel.showClearButton\"\n class=\"divider dropdown-divider\"\n ></div>\n <a\n class=\"sfx-filter-item-footer\"\n *ngIf=\"inputDropdownListModel.showClearButton\"\n >\n <button\n type=\"button\"\n (click)=\"onClearSelection()\"\n class=\"pull-left sfx-clear-button\"\n >\n Clear All\n </button>\n </a>\n </ul>\n</div>\n", styles: [".sfx-dropdown-label{font-weight:500;line-height:25px;margin-bottom:.27rem;margin-left:calc(.3rem + 1px)}.sfx-dropdown{min-width:100%}.sfx-dropdown.open button.dropdown-toggle.btn:hover{color:#000!important}.sfx-dropdown.open button.dropdown-toggle.btn:focus{color:#000!important}.sfx-dropdown hr{margin:0;border-top:none;height:1px;width:100%}.sfx-dropdown button.dropdown-toggle.btn{width:calc(100% - .6rem);height:40px;background:#fff;border-color:#334860;color:#000!important;margin:.3rem;text-align:left;box-shadow:none;padding:10px 15px;min-height:40px;border-radius:4px!important;text-transform:none}.sfx-dropdown button.dropdown-toggle.btn:before{color:#000}.sfx-dropdown button.dropdown-toggle.btn:disabled{opacity:1;background:#1d1d1d;border-color:#1d1d1d}.sfx-dropdown button.dropdown-toggle.btn:disabled:before{color:#565656}.sfx-dropdown i{position:absolute;right:6px;top:12px;transform:rotate(180deg);z-index:10;transition:linear .1s;font-size:18px}.sfx-dropdown .dropdown-menu{box-shadow:0 10px 10px rgba(0,0,0,.2);background:#fff;width:100%;border:none;max-height:280px;overflow-y:auto;padding:0 0 10px;margin:0;border-radius:0}.sfx-dropdown .dropdown-menu li a.dropdown-item{padding:.625rem 1.25rem;color:#000;word-break:break-word;white-space:normal}.sfx-dropdown .dropdown-menu li a.dropdown-item:hover{background:#E4E7EF;color:#000}.sfx-dropdown ::-webkit-scrollbar{width:10px}.sfx-dropdown ::-webkit-scrollbar-track{background:#fff}.sfx-dropdown ::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:4px}.sfx-dropdown ::-webkit-scrollbar-thumb:hover{background:#555}.sfx-dropdown.btn-group.open{background:#fff;box-shadow:0 10px 10px rgba(0,0,0,.2)}.sfx-dropdown.btn-group.open i{transform:rotate(0);color:#000}.sfx-dropdown.btn-group.open hr{margin:0;border-top:1px solid #d0d0d0;width:100%;height:0}.sfx-dropdown.btn-group.open button.dropdown-toggle.btn{background:#fff;color:#000!important;border-color:#334860}.sfx-dropdown .sfx-clear-button{background:transparent;border:none;color:#000;font-family:neuzeit_groteskbold;padding:15px 20px 26px}.is-inverse.sfx-dropdown-label{color:#000}.is-inverse button.dropdown-toggle.btn{color:#000!important;border-color:#334860}.is-inverse i{color:#000}.sfx-pb-0{padding-bottom:0!important}.requiredField{color:#000!important}\n"] }]
|
|
1418
1418
|
}], ctorParameters: function () { return []; }, propDecorators: { inputDropdownListModel: [{
|
|
1419
1419
|
type: Input
|
|
1420
1420
|
}], disableBtn: [{
|
|
@@ -1432,16 +1432,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
1432
1432
|
class InputDropdownModule {
|
|
1433
1433
|
}
|
|
1434
1434
|
InputDropdownModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1435
|
-
InputDropdownModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputDropdownModule, declarations: [InputDropdownComponent], imports: [i1$1.BsDropdownModule, CommonModule, BrowserAnimationsModule], exports: [InputDropdownComponent] });
|
|
1435
|
+
InputDropdownModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputDropdownModule, declarations: [InputDropdownComponent], imports: [i1$1.BsDropdownModule, CommonModule, BrowserAnimationsModule, PipeModule], exports: [InputDropdownComponent] });
|
|
1436
1436
|
InputDropdownModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputDropdownModule, imports: [[
|
|
1437
|
-
BsDropdownModule.forRoot(), CommonModule, BrowserAnimationsModule
|
|
1437
|
+
BsDropdownModule.forRoot(), CommonModule, BrowserAnimationsModule, PipeModule
|
|
1438
1438
|
]] });
|
|
1439
1439
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputDropdownModule, decorators: [{
|
|
1440
1440
|
type: NgModule,
|
|
1441
1441
|
args: [{
|
|
1442
1442
|
declarations: [InputDropdownComponent],
|
|
1443
1443
|
imports: [
|
|
1444
|
-
BsDropdownModule.forRoot(), CommonModule, BrowserAnimationsModule
|
|
1444
|
+
BsDropdownModule.forRoot(), CommonModule, BrowserAnimationsModule, PipeModule
|
|
1445
1445
|
],
|
|
1446
1446
|
exports: [InputDropdownComponent]
|
|
1447
1447
|
}]
|
|
@@ -5863,10 +5863,10 @@ class InformationModalComponent {
|
|
|
5863
5863
|
}
|
|
5864
5864
|
}
|
|
5865
5865
|
InformationModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InformationModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5866
|
-
InformationModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InformationModalComponent, selector: "symphony-information-modal", inputs: { model: "model" }, outputs: { confirmButtonClicked: "confirmButtonClicked", closeButtonClicked: "closeButtonClicked" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"></symphony-h4>\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30 wrapped\">\n <ng-content select=\"[modal-content]\"></ng-content>\n </section>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n <symphony-button\n class=\"sfx-ml-20\"\n [text]=\"model.buttonText\"\n (clicked)=\"onButtonClick()\"\n ></symphony-button>\n </section>\n</div>\n", styles: [".wrapped{word-break:break-word}\n"], components: [{ type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
5866
|
+
InformationModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InformationModalComponent, selector: "symphony-information-modal", inputs: { model: "model" }, outputs: { confirmButtonClicked: "confirmButtonClicked", closeButtonClicked: "closeButtonClicked" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"></symphony-h4>\n <ng-content select=\"[modal-header-label]\"></ng-content>\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30 wrapped\">\n <ng-content select=\"[modal-content]\"></ng-content>\n </section>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n <symphony-button\n class=\"sfx-ml-20\"\n [text]=\"model.buttonText\"\n (clicked)=\"onButtonClick()\"\n ></symphony-button>\n </section>\n</div>\n", styles: [".wrapped{word-break:break-word}\n"], components: [{ type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
5867
5867
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InformationModalComponent, decorators: [{
|
|
5868
5868
|
type: Component,
|
|
5869
|
-
args: [{ selector: 'symphony-information-modal', template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"></symphony-h4>\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30 wrapped\">\n <ng-content select=\"[modal-content]\"></ng-content>\n </section>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n <symphony-button\n class=\"sfx-ml-20\"\n [text]=\"model.buttonText\"\n (clicked)=\"onButtonClick()\"\n ></symphony-button>\n </section>\n</div>\n", styles: [".wrapped{word-break:break-word}\n"] }]
|
|
5869
|
+
args: [{ selector: 'symphony-information-modal', template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"></symphony-h4>\n <ng-content select=\"[modal-header-label]\"></ng-content>\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30 wrapped\">\n <ng-content select=\"[modal-content]\"></ng-content>\n </section>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n <symphony-button\n class=\"sfx-ml-20\"\n [text]=\"model.buttonText\"\n (clicked)=\"onButtonClick()\"\n ></symphony-button>\n </section>\n</div>\n", styles: [".wrapped{word-break:break-word}\n"] }]
|
|
5870
5870
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
5871
5871
|
type: Input
|
|
5872
5872
|
}], confirmButtonClicked: [{
|