@symphony-talent/component-library 3.15.0 → 3.15.1
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 +3 -3
- package/esm2020/lib/atoms/input-text/input-text.component.mjs +2 -2
- package/esm2020/lib/templates/admin-list/admin-list.component.mjs +3 -3
- package/esm2020/lib/templates/modal-templates/two-column-body-template/two-column-body-template.component.mjs +3 -3
- package/esm2020/projects/component-library/lib/atoms/input-dropdown/input-dropdown.component.mjs +3 -3
- package/esm2020/projects/component-library/lib/atoms/input-text/input-text.component.mjs +2 -2
- package/esm2020/projects/component-library/lib/templates/admin-list/admin-list.component.mjs +3 -3
- package/esm2020/projects/component-library/lib/templates/modal-templates/two-column-body-template/two-column-body-template.component.mjs +3 -3
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +8 -8
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +8 -8
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +8 -8
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +8 -8
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/package.json +1 -1
- package/projects/component-library/global.scss +30 -0
|
@@ -22,10 +22,10 @@ export class InputDropdownComponent {
|
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
InputDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
-
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-
|
|
25
|
+
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\"\n [ngClass]=\"{ 'is-inverse': isInverse }\"\n [isDisabled]=\"disableBtn\"\n dropdown\n>\n <button\n id=\"moreDrop\"\n dropdownToggle\n type=\"button\"\n class=\"btn dropdown-toggle\"\n aria-controls=\"dropdown-basic\"\n >\n {{ inputDropdownListModel.selectedName }}\n </button>\n <i *ngIf=\"!disableBtn\" class=\"si-arrow-hide-reveal\"></i>\n <hr />\n <ul\n id=\"dropdown-basic\"\n *dropdownMenu\n class=\"dropdown-menu\"\n role=\"menu\"\n aria-labelledby=\"moreDrop\"\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\" 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-family:neuzeit_groteskbold;line-height:25px;margin-bottom:.27rem;margin-left:calc(.3rem + 1px)}.sfx-dropdown{min-width:100%}.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:transparent;border-color:#d0d0d0;color:#000;margin:.3rem;text-align:left;box-shadow:none;padding:10px 15px}.sfx-dropdown button.dropdown-toggle.btn:before{color:#fff}.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:12px;top:17px;transform:rotate(180deg);z-index:10;transition:linear .1s;font-size:18px}.sfx-dropdown .dropdown-menu{box-shadow:0 10px 10px #0003;background:#fff;width:100%;border:none;max-height:280px;overflow-y:scroll;padding:0 0 10px;margin:0;border-radius:0}.sfx-dropdown .dropdown-menu li a.dropdown-item{padding:.625rem 1.25rem;color:#000;font-family:neuzeit_groteskbold,sans-serif;word-break:break-word;white-space:normal}.sfx-dropdown .dropdown-menu li a.dropdown-item:hover{background:#000;color:#fff}.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 #0003}.sfx-dropdown.btn-group.open i{transform:rotate(0);color:#fff}.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:#000;color:#fff;border-color:#000}.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:#fff}.is-inverse button.dropdown-toggle.btn{color:#fff;border-color:#565656}.is-inverse i{color:#fff}.sfx-pb-0{padding-bottom:0!important}.requiredField{color:red!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"] }] });
|
|
26
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputDropdownComponent, decorators: [{
|
|
27
27
|
type: Component,
|
|
28
|
-
args: [{ selector: 'symphony-input-dropdown', template: "<div\n *ngIf=\"inputDropdownListModel.componentHeading\"\n class=\"sfx-
|
|
28
|
+
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\"\n [ngClass]=\"{ 'is-inverse': isInverse }\"\n [isDisabled]=\"disableBtn\"\n dropdown\n>\n <button\n id=\"moreDrop\"\n dropdownToggle\n type=\"button\"\n class=\"btn dropdown-toggle\"\n aria-controls=\"dropdown-basic\"\n >\n {{ inputDropdownListModel.selectedName }}\n </button>\n <i *ngIf=\"!disableBtn\" class=\"si-arrow-hide-reveal\"></i>\n <hr />\n <ul\n id=\"dropdown-basic\"\n *dropdownMenu\n class=\"dropdown-menu\"\n role=\"menu\"\n aria-labelledby=\"moreDrop\"\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\" 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-family:neuzeit_groteskbold;line-height:25px;margin-bottom:.27rem;margin-left:calc(.3rem + 1px)}.sfx-dropdown{min-width:100%}.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:transparent;border-color:#d0d0d0;color:#000;margin:.3rem;text-align:left;box-shadow:none;padding:10px 15px}.sfx-dropdown button.dropdown-toggle.btn:before{color:#fff}.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:12px;top:17px;transform:rotate(180deg);z-index:10;transition:linear .1s;font-size:18px}.sfx-dropdown .dropdown-menu{box-shadow:0 10px 10px #0003;background:#fff;width:100%;border:none;max-height:280px;overflow-y:scroll;padding:0 0 10px;margin:0;border-radius:0}.sfx-dropdown .dropdown-menu li a.dropdown-item{padding:.625rem 1.25rem;color:#000;font-family:neuzeit_groteskbold,sans-serif;word-break:break-word;white-space:normal}.sfx-dropdown .dropdown-menu li a.dropdown-item:hover{background:#000;color:#fff}.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 #0003}.sfx-dropdown.btn-group.open i{transform:rotate(0);color:#fff}.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:#000;color:#fff;border-color:#000}.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:#fff}.is-inverse button.dropdown-toggle.btn{color:#fff;border-color:#565656}.is-inverse i{color:#fff}.sfx-pb-0{padding-bottom:0!important}.requiredField{color:red!important}\n"] }]
|
|
29
29
|
}], ctorParameters: function () { return []; }, propDecorators: { inputDropdownListModel: [{
|
|
30
30
|
type: Input
|
|
31
31
|
}], disableBtn: [{
|
|
@@ -39,4 +39,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
39
39
|
}], clearSelection: [{
|
|
40
40
|
type: Output
|
|
41
41
|
}] } });
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtZHJvcGRvd24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9hdG9tcy9pbnB1dC1kcm9wZG93bi9pbnB1dC1kcm9wZG93bi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2lucHV0LWRyb3Bkb3duL2lucHV0LWRyb3Bkb3duLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsS0FBSyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFTL0UsTUFBTSxPQUFPLHNCQUFzQjtJQVVqQztRQUpBLGVBQVUsR0FBNkMsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUUxRSxtQkFBYyxHQUFvQyxJQUFJLFlBQVksRUFBRSxDQUFDO0lBRXRELENBQUM7SUFFaEIsUUFBUTtRQUNOLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxJQUFJLENBQUMsc0JBQXNCLENBQUMsWUFBWSxDQUFDO0lBQ3ZFLENBQUM7SUFFRCxTQUFTLENBQUMsTUFBa0M7UUFDMUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxVQUFVLEVBQUU7WUFDdEIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7WUFDN0IsSUFBSSxDQUFDLHNCQUFzQixDQUFDLFlBQVksR0FBRyxHQUFHLE1BQU0sQ0FBQyxJQUFJLEVBQUUsQ0FBQztTQUM3RDtJQUNILENBQUM7SUFDRCxnQkFBZ0I7UUFDZCxJQUFJLENBQUMsc0JBQXNCLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxvQkFBb0IsQ0FBQztRQUNyRSxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsc0JBQXNCLENBQUMsQ0FBQztJQUN4RCxDQUFDOzttSEF6QlUsc0JBQXNCO3VHQUF0QixzQkFBc0Isa1JDVG5DLGltREEwREE7MkZEakRhLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSx5QkFBeUI7MEVBSzFCLHNCQUFzQjtzQkFBOUIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFFTixVQUFVO3NCQURULE1BQU07Z0JBR1AsY0FBYztzQkFEYixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0LCBFdmVudEVtaXR0ZXIsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW5wdXREcm9wZG93bkxpc3RJdGVtTW9kZWwgfSBmcm9tICcuL2lucHV0LWRyb3Bkb3duLWxpc3QtaXRlbS5tb2RlbCc7XG5pbXBvcnQgeyBJbnB1dERyb3Bkb3duTGlzdCB9IGZyb20gJy4vaW5wdXQtZHJvcGRvd24tbGlzdC5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWlucHV0LWRyb3Bkb3duJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2lucHV0LWRyb3Bkb3duLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaW5wdXQtZHJvcGRvd24uY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgSW5wdXREcm9wZG93bkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGlucHV0RHJvcGRvd25MaXN0TW9kZWw6IElucHV0RHJvcGRvd25MaXN0O1xuICBASW5wdXQoKSBkaXNhYmxlQnRuOiBib29sZWFuO1xuICBASW5wdXQoKSBpc0ludmVyc2U6IGJvb2xlYW47XG4gIEBJbnB1dCgpIGlzUmVxdWlyZWQ6IGJvb2xlYW47XG4gIEBPdXRwdXQoKVxuICBzZWxlY3RJdGVtOiBFdmVudEVtaXR0ZXI8SW5wdXREcm9wZG93bkxpc3RJdGVtTW9kZWw+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBAT3V0cHV0KClcbiAgY2xlYXJTZWxlY3Rpb246IEV2ZW50RW1pdHRlcjxJbnB1dERyb3Bkb3duTGlzdD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIHB1YmxpYyBpbml0aWFsU2VsZWN0ZWRWYWx1ZTogc3RyaW5nO1xuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5pbml0aWFsU2VsZWN0ZWRWYWx1ZSA9IHRoaXMuaW5wdXREcm9wZG93bkxpc3RNb2RlbC5zZWxlY3RlZE5hbWU7XG4gIH1cblxuICBpdGVtQ2xpY2soYWN0aW9uOiBJbnB1dERyb3Bkb3duTGlzdEl0ZW1Nb2RlbCk6IHZvaWQge1xuICAgIGlmICghYWN0aW9uLmlzRGlzYWJsZWQpIHtcbiAgICAgIHRoaXMuc2VsZWN0SXRlbS5lbWl0KGFjdGlvbik7XG4gICAgICB0aGlzLmlucHV0RHJvcGRvd25MaXN0TW9kZWwuc2VsZWN0ZWROYW1lID0gYCR7YWN0aW9uLm5hbWV9YDtcbiAgICB9XG4gIH1cbiAgb25DbGVhclNlbGVjdGlvbigpIHtcbiAgICB0aGlzLmlucHV0RHJvcGRvd25MaXN0TW9kZWwuc2VsZWN0ZWROYW1lID0gdGhpcy5pbml0aWFsU2VsZWN0ZWRWYWx1ZTtcbiAgICB0aGlzLmNsZWFyU2VsZWN0aW9uLmVtaXQodGhpcy5pbnB1dERyb3Bkb3duTGlzdE1vZGVsKTtcbiAgfVxufVxuIiwiPGRpdlxuICAqbmdJZj1cImlucHV0RHJvcGRvd25MaXN0TW9kZWwuY29tcG9uZW50SGVhZGluZ1wiXG4gIGNsYXNzPVwic2Z4LWRyb3Bkb3duLWxhYmVsIHNmeC1kLWlubGluZS1ibG9ja1wiXG4gIFtuZ0NsYXNzXT1cInsgJ2lzLWludmVyc2UnOiBpc0ludmVyc2UgfVwiXG4+XG4gIHt7IGlucHV0RHJvcGRvd25MaXN0TW9kZWwuY29tcG9uZW50SGVhZGluZyB9fVxuICA8c3BhbiBjbGFzcz1cInJlcXVpcmVkRmllbGRcIiAqbmdJZj1cImlzUmVxdWlyZWRcIj4qPC9zcGFuPlxuPC9kaXY+XG48ZGl2XG4gIGNsYXNzPVwiYnRuLWdyb3VwIHNmeC1kcm9wZG93biBzZngtZC1pbmxpbmUtYmxvY2tcIlxuICBbbmdDbGFzc109XCJ7ICdpcy1pbnZlcnNlJzogaXNJbnZlcnNlIH1cIlxuICBbaXNEaXNhYmxlZF09XCJkaXNhYmxlQnRuXCJcbiAgZHJvcGRvd25cbj5cbiAgPGJ1dHRvblxuICAgIGlkPVwibW9yZURyb3BcIlxuICAgIGRyb3Bkb3duVG9nZ2xlXG4gICAgdHlwZT1cImJ1dHRvblwiXG4gICAgY2xhc3M9XCJidG4gZHJvcGRvd24tdG9nZ2xlXCJcbiAgICBhcmlhLWNvbnRyb2xzPVwiZHJvcGRvd24tYmFzaWNcIlxuICA+XG4gICAge3sgaW5wdXREcm9wZG93bkxpc3RNb2RlbC5zZWxlY3RlZE5hbWUgfX1cbiAgPC9idXR0b24+XG4gIDxpICpuZ0lmPVwiIWRpc2FibGVCdG5cIiBjbGFzcz1cInNpLWFycm93LWhpZGUtcmV2ZWFsXCI+PC9pPlxuICA8aHIgLz5cbiAgPHVsXG4gICAgaWQ9XCJkcm9wZG93bi1iYXNpY1wiXG4gICAgKmRyb3Bkb3duTWVudVxuICAgIGNsYXNzPVwiZHJvcGRvd24tbWVudVwiXG4gICAgcm9sZT1cIm1lbnVcIlxuICAgIGFyaWEtbGFiZWxsZWRieT1cIm1vcmVEcm9wXCJcbiAgICBbbmdDbGFzc109XCJ7ICdzZngtcGItMCc6IGlucHV0RHJvcGRvd25MaXN0TW9kZWwuc2hvd0NsZWFyQnV0dG9uID09PSB0cnVlIH1cIlxuICA+XG4gICAgPGxpXG4gICAgICAqbmdGb3I9XCJsZXQgYWN0aW9uIG9mIGlucHV0RHJvcGRvd25MaXN0TW9kZWwuZHJvcGRvd25MaXN0XCJcbiAgICAgIFtuZ0NsYXNzXT1cInsgZGlzYWJsZWQ6IGFjdGlvbi5pc0Rpc2FibGVkIH1cIlxuICAgICAgKGNsaWNrKT1cIml0ZW1DbGljayhhY3Rpb24pXCJcbiAgICA+XG4gICAgICA8YSBjbGFzcz1cImRyb3Bkb3duLWl0ZW1cIiBocmVmPVwiamF2YXNjcmlwdDo7XCI+e3sgYWN0aW9uLm5hbWUgfX08L2E+XG4gICAgPC9saT5cbiAgICA8ZGl2XG4gICAgICAqbmdJZj1cImlucHV0RHJvcGRvd25MaXN0TW9kZWwuc2hvd0NsZWFyQnV0dG9uXCJcbiAgICAgIGNsYXNzPVwiZGl2aWRlciBkcm9wZG93bi1kaXZpZGVyXCJcbiAgICA+PC9kaXY+XG4gICAgPGFcbiAgICAgIGNsYXNzPVwic2Z4LWZpbHRlci1pdGVtLWZvb3RlclwiXG4gICAgICAqbmdJZj1cImlucHV0RHJvcGRvd25MaXN0TW9kZWwuc2hvd0NsZWFyQnV0dG9uXCJcbiAgICA+XG4gICAgICA8YnV0dG9uXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAoY2xpY2spPVwib25DbGVhclNlbGVjdGlvbigpXCJcbiAgICAgICAgY2xhc3M9XCJwdWxsLWxlZnQgc2Z4LWNsZWFyLWJ1dHRvblwiXG4gICAgICA+XG4gICAgICAgIENsZWFyIEFsbFxuICAgICAgPC9idXR0b24+XG4gICAgPC9hPlxuICA8L3VsPlxuPC9kaXY+XG4iXX0=
|
|
@@ -25,10 +25,10 @@ export class InputTextComponent {
|
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
27
|
InputTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
28
|
-
InputTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputTextComponent, selector: "symphony-input-text", inputs: { placeholder: "placeholder", icon: "icon", label: "label", isInverse: "isInverse", noMargin: "noMargin" }, outputs: { textChange: "textChange" }, ngImport: i0, template: "<div\n class=\"input-text-wrap\"\n [ngClass]=\"{\n 'input-secondary': isInverse,\n 'no-margin': noMargin\n }\"\n>\n <label for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n label\n }}</label>\n <input\n type=\"text\"\n name=\"input-text\"\n class=\"input-text\"\n autocomplete=\"off\"\n placeholder=\"{{ placeholder }}\"\n (keyup)=\"onTextChange($event)\"\n />\n <symphony-icon [icon]=\"icon\"></symphony-icon>\n</div>\n", styles: [".input-text-wrap{position:relative}.input-text-wrap.input-secondary{color:#fff}.input-text-wrap.input-secondary .input-text{background-color:transparent;border-color:#565656}.input-text-wrap.input-secondary .input-text::placeholder{color:#fff}.input-text-wrap .input-text-label{display:block;font-family:neuzeit_groteskbold,sans-serif;margin-bottom:.27rem;line-height:25px;margin-left:.3rem}.input-text-wrap .input-text{
|
|
28
|
+
InputTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputTextComponent, selector: "symphony-input-text", inputs: { placeholder: "placeholder", icon: "icon", label: "label", isInverse: "isInverse", noMargin: "noMargin" }, outputs: { textChange: "textChange" }, ngImport: i0, template: "<div\n class=\"input-text-wrap\"\n [ngClass]=\"{\n 'input-secondary': isInverse,\n 'no-margin': noMargin\n }\"\n>\n <label for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n label\n }}</label>\n <input\n type=\"text\"\n name=\"input-text\"\n class=\"input-text\"\n autocomplete=\"off\"\n placeholder=\"{{ placeholder }}\"\n (keyup)=\"onTextChange($event)\"\n />\n <symphony-icon [icon]=\"icon\"></symphony-icon>\n</div>\n", styles: [".input-text-wrap{position:relative}.input-text-wrap.input-secondary{color:#fff}.input-text-wrap.input-secondary .input-text{background-color:transparent;border-color:#565656}.input-text-wrap.input-secondary .input-text::placeholder{color:#fff}.input-text-wrap .input-text-label{display:block;font-family:neuzeit_groteskbold,sans-serif;margin-bottom:.27rem;line-height:25px;margin-left:.3rem}.input-text-wrap .input-text{width:calc(100% - .6rem);height:40px;border:1px solid #d0d0d0;border-radius:4px;padding:7px 15px;line-height:25px;margin:.3rem}.input-text-wrap .input-text::placeholder{color:#000}.input-text-wrap .input-text:focus{border-color:#464646}.input-text-wrap .input-text:focus-visible{outline:none}.input-text-wrap symphony-icon{position:absolute;right:17px;font-size:14px;bottom:11px}.input-text-wrap.no-margin .input-text-label{margin-left:0rem}.input-text-wrap.no-margin .input-text{margin:0;width:100%}.input-text-wrap.no-margin symphony-icon{right:15px;bottom:6px}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
29
29
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextComponent, decorators: [{
|
|
30
30
|
type: Component,
|
|
31
|
-
args: [{ selector: 'symphony-input-text', template: "<div\n class=\"input-text-wrap\"\n [ngClass]=\"{\n 'input-secondary': isInverse,\n 'no-margin': noMargin\n }\"\n>\n <label for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n label\n }}</label>\n <input\n type=\"text\"\n name=\"input-text\"\n class=\"input-text\"\n autocomplete=\"off\"\n placeholder=\"{{ placeholder }}\"\n (keyup)=\"onTextChange($event)\"\n />\n <symphony-icon [icon]=\"icon\"></symphony-icon>\n</div>\n", styles: [".input-text-wrap{position:relative}.input-text-wrap.input-secondary{color:#fff}.input-text-wrap.input-secondary .input-text{background-color:transparent;border-color:#565656}.input-text-wrap.input-secondary .input-text::placeholder{color:#fff}.input-text-wrap .input-text-label{display:block;font-family:neuzeit_groteskbold,sans-serif;margin-bottom:.27rem;line-height:25px;margin-left:.3rem}.input-text-wrap .input-text{
|
|
31
|
+
args: [{ selector: 'symphony-input-text', template: "<div\n class=\"input-text-wrap\"\n [ngClass]=\"{\n 'input-secondary': isInverse,\n 'no-margin': noMargin\n }\"\n>\n <label for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n label\n }}</label>\n <input\n type=\"text\"\n name=\"input-text\"\n class=\"input-text\"\n autocomplete=\"off\"\n placeholder=\"{{ placeholder }}\"\n (keyup)=\"onTextChange($event)\"\n />\n <symphony-icon [icon]=\"icon\"></symphony-icon>\n</div>\n", styles: [".input-text-wrap{position:relative}.input-text-wrap.input-secondary{color:#fff}.input-text-wrap.input-secondary .input-text{background-color:transparent;border-color:#565656}.input-text-wrap.input-secondary .input-text::placeholder{color:#fff}.input-text-wrap .input-text-label{display:block;font-family:neuzeit_groteskbold,sans-serif;margin-bottom:.27rem;line-height:25px;margin-left:.3rem}.input-text-wrap .input-text{width:calc(100% - .6rem);height:40px;border:1px solid #d0d0d0;border-radius:4px;padding:7px 15px;line-height:25px;margin:.3rem}.input-text-wrap .input-text::placeholder{color:#000}.input-text-wrap .input-text:focus{border-color:#464646}.input-text-wrap .input-text:focus-visible{outline:none}.input-text-wrap symphony-icon{position:absolute;right:17px;font-size:14px;bottom:11px}.input-text-wrap.no-margin .input-text-label{margin-left:0rem}.input-text-wrap.no-margin .input-text{margin:0;width:100%}.input-text-wrap.no-margin symphony-icon{right:15px;bottom:6px}\n"] }]
|
|
32
32
|
}], ctorParameters: function () { return []; }, propDecorators: { placeholder: [{
|
|
33
33
|
type: Input
|
|
34
34
|
}], icon: [{
|
|
@@ -4,9 +4,9 @@ export class AdminListTemplateComponent {
|
|
|
4
4
|
constructor() { }
|
|
5
5
|
}
|
|
6
6
|
AdminListTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdminListTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7
|
-
AdminListTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdminListTemplateComponent, selector: "symphony-admin-list-template", ngImport: i0, template: "<div class=\"sfx\">\n <!---->\n <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <div class=\"sfx-page-title\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9 sfx-pl-0\">\n <ng-content select=\"[sfx-header]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-create-new\">\n <ng-content select=\"[sfx-page-action]\"></ng-content>\n </span>\n </div>\n </div>\n </section>\n <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <div class=\"
|
|
7
|
+
AdminListTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdminListTemplateComponent, selector: "symphony-admin-list-template", ngImport: i0, template: "<div class=\"sfx\">\n <!---->\n <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <div class=\"sfx-page-title\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9 sfx-pl-0\">\n <ng-content select=\"[sfx-header]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-create-new\">\n <ng-content select=\"[sfx-page-action]\"></ng-content>\n </span>\n </div>\n </div>\n </section>\n <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <div class=\"row\">\n <ng-content select=\"[sfx-filter-area]\"></ng-content>\n </div>\n </section>\n <section class=\"sfx-title-wrap\">\n <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-30 sfx-p-0\">\n <div class=\"col-xs-12 col-sm-12 col-md-5 col-lg-5 sfx-pl-0 sfx-mt-10\">\n <ng-content select=\"[sfx-title]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-create-new\">\n <ng-content select=\"[sfx-grid-action]\"></ng-content>\n </span>\n </div>\n </section>\n <section class=\"sfx-grid-wrap grid-with-dropdown\">\n <ng-content select=\"[sfx-grid]\"></ng-content>\n </section>\n</div>\n", styles: [".sfx-page-title{margin-top:3.125rem;margin-bottom:1.875rem}.sfx-title-wrap{display:inline-block;width:100%;border-bottom:5px solid #000}\n"] });
|
|
8
8
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdminListTemplateComponent, decorators: [{
|
|
9
9
|
type: Component,
|
|
10
|
-
args: [{ selector: 'symphony-admin-list-template', template: "<div class=\"sfx\">\n <!---->\n <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <div class=\"sfx-page-title\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9 sfx-pl-0\">\n <ng-content select=\"[sfx-header]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-create-new\">\n <ng-content select=\"[sfx-page-action]\"></ng-content>\n </span>\n </div>\n </div>\n </section>\n <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <div class=\"
|
|
10
|
+
args: [{ selector: 'symphony-admin-list-template', template: "<div class=\"sfx\">\n <!---->\n <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <div class=\"sfx-page-title\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9 sfx-pl-0\">\n <ng-content select=\"[sfx-header]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-create-new\">\n <ng-content select=\"[sfx-page-action]\"></ng-content>\n </span>\n </div>\n </div>\n </section>\n <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <div class=\"row\">\n <ng-content select=\"[sfx-filter-area]\"></ng-content>\n </div>\n </section>\n <section class=\"sfx-title-wrap\">\n <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-30 sfx-p-0\">\n <div class=\"col-xs-12 col-sm-12 col-md-5 col-lg-5 sfx-pl-0 sfx-mt-10\">\n <ng-content select=\"[sfx-title]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-create-new\">\n <ng-content select=\"[sfx-grid-action]\"></ng-content>\n </span>\n </div>\n </section>\n <section class=\"sfx-grid-wrap grid-with-dropdown\">\n <ng-content select=\"[sfx-grid]\"></ng-content>\n </section>\n</div>\n", styles: [".sfx-page-title{margin-top:3.125rem;margin-bottom:1.875rem}.sfx-title-wrap{display:inline-block;width:100%;border-bottom:5px solid #000}\n"] }]
|
|
11
11
|
}], ctorParameters: function () { return []; } });
|
|
12
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRtaW4tbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3RlbXBsYXRlcy9hZG1pbi1saXN0L2FkbWluLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi90ZW1wbGF0ZXMvYWRtaW4tbGlzdC9hZG1pbi1saXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTzFDLE1BQU0sT0FBTywwQkFBMEI7SUFDckMsZ0JBQWUsQ0FBQzs7dUhBREwsMEJBQTBCOzJHQUExQiwwQkFBMEIsb0VDUHZDLDhyQ0FpQ0E7MkZEMUJhLDBCQUEwQjtrQkFMdEMsU0FBUzsrQkFDRSw4QkFBOEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktYWRtaW4tbGlzdC10ZW1wbGF0ZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9hZG1pbi1saXN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWRtaW4tbGlzdC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBBZG1pbkxpc3RUZW1wbGF0ZUNvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKCkge31cbn1cbiIsIjxkaXYgY2xhc3M9XCJzZnhcIj5cbiAgPCEtLS0tPlxuICA8c2VjdGlvbiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tMTIgY29sLW1kLTEyIGNvbC1sZy0xMlwiPlxuICAgIDxkaXYgY2xhc3M9XCJzZngtcGFnZS10aXRsZVwiPlxuICAgICAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0xMiBjb2xtZC05IGNvbC1sZy05IHNmeC1wbC0wXCI+XG4gICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1oZWFkZXJdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJwdWxsLXJpZ2h0IHNmeC1jcmVhdGUtbmV3XCI+XG4gICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1wYWdlLWFjdGlvbl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L3NlY3Rpb24+XG4gIDxzZWN0aW9uIGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0xMiBjb2wtbWQtMTIgY29sLWxnLTEyXCI+XG4gICAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1maWx0ZXItYXJlYV1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIDwvc2VjdGlvbj5cbiAgPHNlY3Rpb24gY2xhc3M9XCJzZngtdGl0bGUtd3JhcFwiPlxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTEyIGNvbC1tZC0xMiBjb2wtbGctMTIgc2Z4LW1iLTMwIHNmeC1wLTBcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTEyIGNvbC1tZC01IGNvbC1sZy01IHNmeC1wbC0wIHNmeC1tdC0xMFwiPlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2Z4LXRpdGxlXVwiPjwvbmctY29udGVudD5cbiAgICAgIDwvZGl2PlxuICAgICAgPHNwYW4gY2xhc3M9XCJwdWxsLXJpZ2h0IHNmeC1jcmVhdGUtbmV3XCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtZ3JpZC1hY3Rpb25dXCI+PC9uZy1jb250ZW50PlxuICAgICAgPC9zcGFuPlxuICAgIDwvZGl2PlxuICA8L3NlY3Rpb24+XG4gIDxzZWN0aW9uIGNsYXNzPVwic2Z4LWdyaWQtd3JhcCBncmlkLXdpdGgtZHJvcGRvd25cIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2Z4LWdyaWRdXCI+PC9uZy1jb250ZW50PlxuICA8L3NlY3Rpb24+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -5,11 +5,11 @@ export class TwoColumnBodyTemplateComponent {
|
|
|
5
5
|
constructor() { }
|
|
6
6
|
}
|
|
7
7
|
TwoColumnBodyTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TwoColumnBodyTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8
|
-
TwoColumnBodyTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TwoColumnBodyTemplateComponent, selector: "symphony-two-column-body-template", inputs: { showHeader: "showHeader" }, ngImport: i0, template: "<!-- filter area -->\n\n<div class=\"modal-header sfx-p-30\" *ngIf=\"showHeader\">\n <div class=\"col-headers row\">\n <div class=\"left-col-header col-xs-6 col-sm-6 col-md-6 sfx-pr-30\">\n <ng-content select=\"[sfx-left-col-header]\"></ng-content>\n </div>\n <div class=\"right-col-header col-xs-6 col-sm-6 col-md-6 sfx-pl-30\">\n <ng-content select=\"[sfx-right-col-header]\"></ng-content>\n </div>\n </div>\n</div>\n<!-- main body -->\n<div class=\"modal-body sfx-
|
|
8
|
+
TwoColumnBodyTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TwoColumnBodyTemplateComponent, selector: "symphony-two-column-body-template", inputs: { showHeader: "showHeader" }, ngImport: i0, template: "<!-- filter area -->\n\n<div class=\"modal-header sfx-p-30\" *ngIf=\"showHeader\">\n <div class=\"col-headers row\">\n <div class=\"left-col-header col-xs-6 col-sm-6 col-md-6 sfx-pr-30\">\n <ng-content select=\"[sfx-left-col-header]\"></ng-content>\n </div>\n <div class=\"right-col-header col-xs-6 col-sm-6 col-md-6 sfx-pl-30\">\n <ng-content select=\"[sfx-right-col-header]\"></ng-content>\n </div>\n </div>\n</div>\n<!-- main body -->\n<div class=\"modal-body sfx-pt-0 sfx-pb-0\">\n <div class=\"row\">\n <div class=\"sfx-checkbox-list col-xs-12 col-sm-6 col-md-6 sfx-p-30\">\n <ng-content select=\"[sfx-left-column]\"></ng-content>\n </div>\n <div class=\"sfx-price-totals col-xs-12 col-sm-6 col-md-6 sfx-p-30\">\n <ng-content select=\"[sfx-right-column]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: [".sfx-checkbox-list{border-right:1px solid #e5e5e5}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
9
9
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TwoColumnBodyTemplateComponent, decorators: [{
|
|
10
10
|
type: Component,
|
|
11
|
-
args: [{ selector: 'symphony-two-column-body-template', template: "<!-- filter area -->\n\n<div class=\"modal-header sfx-p-30\" *ngIf=\"showHeader\">\n <div class=\"col-headers row\">\n <div class=\"left-col-header col-xs-6 col-sm-6 col-md-6 sfx-pr-30\">\n <ng-content select=\"[sfx-left-col-header]\"></ng-content>\n </div>\n <div class=\"right-col-header col-xs-6 col-sm-6 col-md-6 sfx-pl-30\">\n <ng-content select=\"[sfx-right-col-header]\"></ng-content>\n </div>\n </div>\n</div>\n<!-- main body -->\n<div class=\"modal-body sfx-
|
|
11
|
+
args: [{ selector: 'symphony-two-column-body-template', template: "<!-- filter area -->\n\n<div class=\"modal-header sfx-p-30\" *ngIf=\"showHeader\">\n <div class=\"col-headers row\">\n <div class=\"left-col-header col-xs-6 col-sm-6 col-md-6 sfx-pr-30\">\n <ng-content select=\"[sfx-left-col-header]\"></ng-content>\n </div>\n <div class=\"right-col-header col-xs-6 col-sm-6 col-md-6 sfx-pl-30\">\n <ng-content select=\"[sfx-right-col-header]\"></ng-content>\n </div>\n </div>\n</div>\n<!-- main body -->\n<div class=\"modal-body sfx-pt-0 sfx-pb-0\">\n <div class=\"row\">\n <div class=\"sfx-checkbox-list col-xs-12 col-sm-6 col-md-6 sfx-p-30\">\n <ng-content select=\"[sfx-left-column]\"></ng-content>\n </div>\n <div class=\"sfx-price-totals col-xs-12 col-sm-6 col-md-6 sfx-p-30\">\n <ng-content select=\"[sfx-right-column]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: [".sfx-checkbox-list{border-right:1px solid #e5e5e5}\n"] }]
|
|
12
12
|
}], ctorParameters: function () { return []; }, propDecorators: { showHeader: [{
|
|
13
13
|
type: Input
|
|
14
14
|
}] } });
|
|
15
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHdvLWNvbHVtbi1ib2R5LXRlbXBsYXRlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvdGVtcGxhdGVzL21vZGFsLXRlbXBsYXRlcy90d28tY29sdW1uLWJvZHktdGVtcGxhdGUvdHdvLWNvbHVtbi1ib2R5LXRlbXBsYXRlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvdGVtcGxhdGVzL21vZGFsLXRlbXBsYXRlcy90d28tY29sdW1uLWJvZHktdGVtcGxhdGUvdHdvLWNvbHVtbi1ib2R5LXRlbXBsYXRlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPakQsTUFBTSxPQUFPLDhCQUE4QjtJQUV6QyxnQkFBZSxDQUFDOzsySEFGTCw4QkFBOEI7K0dBQTlCLDhCQUE4QiwrR0NQM0MsbzFCQXVCQTsyRkRoQmEsOEJBQThCO2tCQUwxQyxTQUFTOytCQUNFLG1DQUFtQzswRUFLcEMsVUFBVTtzQkFBbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktdHdvLWNvbHVtbi1ib2R5LXRlbXBsYXRlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3R3by1jb2x1bW4tYm9keS10ZW1wbGF0ZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3R3by1jb2x1bW4tYm9keS10ZW1wbGF0ZS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBUd29Db2x1bW5Cb2R5VGVtcGxhdGVDb21wb25lbnQge1xuICBASW5wdXQoKSBzaG93SGVhZGVyOiBib29sZWFuO1xuICBjb25zdHJ1Y3RvcigpIHt9XG59XG4iLCI8IS0tIGZpbHRlciBhcmVhIC0tPlxuXG48ZGl2IGNsYXNzPVwibW9kYWwtaGVhZGVyIHNmeC1wLTMwXCIgKm5nSWY9XCJzaG93SGVhZGVyXCI+XG4gIDxkaXYgY2xhc3M9XCJjb2wtaGVhZGVycyByb3dcIj5cbiAgICA8ZGl2IGNsYXNzPVwibGVmdC1jb2wtaGVhZGVyIGNvbC14cy02IGNvbC1zbS02IGNvbC1tZC02IHNmeC1wci0zMFwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1sZWZ0LWNvbC1oZWFkZXJdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJyaWdodC1jb2wtaGVhZGVyIGNvbC14cy02IGNvbC1zbS02IGNvbC1tZC02IHNmeC1wbC0zMFwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1yaWdodC1jb2wtaGVhZGVyXVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbjwhLS0gbWFpbiBib2R5IC0tPlxuPGRpdiBjbGFzcz1cIm1vZGFsLWJvZHkgc2Z4LXB0LTAgc2Z4LXBiLTBcIj5cbiAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgIDxkaXYgY2xhc3M9XCJzZngtY2hlY2tib3gtbGlzdCBjb2wteHMtMTIgY29sLXNtLTYgY29sLW1kLTYgc2Z4LXAtMzBcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtbGVmdC1jb2x1bW5dXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJzZngtcHJpY2UtdG90YWxzIGNvbC14cy0xMiBjb2wtc20tNiBjb2wtbWQtNiBzZngtcC0zMFwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1yaWdodC1jb2x1bW5dXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
package/esm2020/projects/component-library/lib/atoms/input-dropdown/input-dropdown.component.mjs
CHANGED
|
@@ -22,10 +22,10 @@ export class InputDropdownComponent {
|
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
InputDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
-
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-
|
|
25
|
+
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\"\n [ngClass]=\"{ 'is-inverse': isInverse }\"\n [isDisabled]=\"disableBtn\"\n dropdown\n>\n <button\n id=\"moreDrop\"\n dropdownToggle\n type=\"button\"\n class=\"btn dropdown-toggle\"\n aria-controls=\"dropdown-basic\"\n >\n {{ inputDropdownListModel.selectedName }}\n </button>\n <i *ngIf=\"!disableBtn\" class=\"si-arrow-hide-reveal\"></i>\n <hr />\n <ul\n id=\"dropdown-basic\"\n *dropdownMenu\n class=\"dropdown-menu\"\n role=\"menu\"\n aria-labelledby=\"moreDrop\"\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\" 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-family:neuzeit_groteskbold;line-height:25px;margin-bottom:.27rem;margin-left:calc(.3rem + 1px)}.sfx-dropdown{min-width:100%}.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:transparent;border-color:#d0d0d0;color:#000;margin:.3rem;text-align:left;box-shadow:none;padding:10px 15px}.sfx-dropdown button.dropdown-toggle.btn:before{color:#fff}.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:12px;top:17px;transform:rotate(180deg);z-index:10;transition:linear .1s;font-size:18px}.sfx-dropdown .dropdown-menu{box-shadow:0 10px 10px #0003;background:#fff;width:100%;border:none;max-height:280px;overflow-y:scroll;padding:0 0 10px;margin:0;border-radius:0}.sfx-dropdown .dropdown-menu li a.dropdown-item{padding:.625rem 1.25rem;color:#000;font-family:neuzeit_groteskbold,sans-serif;word-break:break-word;white-space:normal}.sfx-dropdown .dropdown-menu li a.dropdown-item:hover{background:#000;color:#fff}.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 #0003}.sfx-dropdown.btn-group.open i{transform:rotate(0);color:#fff}.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:#000;color:#fff;border-color:#000}.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:#fff}.is-inverse button.dropdown-toggle.btn{color:#fff;border-color:#565656}.is-inverse i{color:#fff}.sfx-pb-0{padding-bottom:0!important}.requiredField{color:red!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"] }] });
|
|
26
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputDropdownComponent, decorators: [{
|
|
27
27
|
type: Component,
|
|
28
|
-
args: [{ selector: 'symphony-input-dropdown', template: "<div\n *ngIf=\"inputDropdownListModel.componentHeading\"\n class=\"sfx-
|
|
28
|
+
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\"\n [ngClass]=\"{ 'is-inverse': isInverse }\"\n [isDisabled]=\"disableBtn\"\n dropdown\n>\n <button\n id=\"moreDrop\"\n dropdownToggle\n type=\"button\"\n class=\"btn dropdown-toggle\"\n aria-controls=\"dropdown-basic\"\n >\n {{ inputDropdownListModel.selectedName }}\n </button>\n <i *ngIf=\"!disableBtn\" class=\"si-arrow-hide-reveal\"></i>\n <hr />\n <ul\n id=\"dropdown-basic\"\n *dropdownMenu\n class=\"dropdown-menu\"\n role=\"menu\"\n aria-labelledby=\"moreDrop\"\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\" 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-family:neuzeit_groteskbold;line-height:25px;margin-bottom:.27rem;margin-left:calc(.3rem + 1px)}.sfx-dropdown{min-width:100%}.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:transparent;border-color:#d0d0d0;color:#000;margin:.3rem;text-align:left;box-shadow:none;padding:10px 15px}.sfx-dropdown button.dropdown-toggle.btn:before{color:#fff}.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:12px;top:17px;transform:rotate(180deg);z-index:10;transition:linear .1s;font-size:18px}.sfx-dropdown .dropdown-menu{box-shadow:0 10px 10px #0003;background:#fff;width:100%;border:none;max-height:280px;overflow-y:scroll;padding:0 0 10px;margin:0;border-radius:0}.sfx-dropdown .dropdown-menu li a.dropdown-item{padding:.625rem 1.25rem;color:#000;font-family:neuzeit_groteskbold,sans-serif;word-break:break-word;white-space:normal}.sfx-dropdown .dropdown-menu li a.dropdown-item:hover{background:#000;color:#fff}.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 #0003}.sfx-dropdown.btn-group.open i{transform:rotate(0);color:#fff}.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:#000;color:#fff;border-color:#000}.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:#fff}.is-inverse button.dropdown-toggle.btn{color:#fff;border-color:#565656}.is-inverse i{color:#fff}.sfx-pb-0{padding-bottom:0!important}.requiredField{color:red!important}\n"] }]
|
|
29
29
|
}], ctorParameters: function () { return []; }, propDecorators: { inputDropdownListModel: [{
|
|
30
30
|
type: Input
|
|
31
31
|
}], disableBtn: [{
|
|
@@ -39,4 +39,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
39
39
|
}], clearSelection: [{
|
|
40
40
|
type: Output
|
|
41
41
|
}] } });
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtZHJvcGRvd24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9hdG9tcy9pbnB1dC1kcm9wZG93bi9pbnB1dC1kcm9wZG93bi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2lucHV0LWRyb3Bkb3duL2lucHV0LWRyb3Bkb3duLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsS0FBSyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFTL0UsTUFBTSxPQUFPLHNCQUFzQjtJQVVqQztRQUpBLGVBQVUsR0FBNkMsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUUxRSxtQkFBYyxHQUFvQyxJQUFJLFlBQVksRUFBRSxDQUFDO0lBRXRELENBQUM7SUFFaEIsUUFBUTtRQUNOLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxJQUFJLENBQUMsc0JBQXNCLENBQUMsWUFBWSxDQUFDO0lBQ3ZFLENBQUM7SUFFRCxTQUFTLENBQUMsTUFBa0M7UUFDMUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxVQUFVLEVBQUU7WUFDdEIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7WUFDN0IsSUFBSSxDQUFDLHNCQUFzQixDQUFDLFlBQVksR0FBRyxHQUFHLE1BQU0sQ0FBQyxJQUFJLEVBQUUsQ0FBQztTQUM3RDtJQUNILENBQUM7SUFDRCxnQkFBZ0I7UUFDZCxJQUFJLENBQUMsc0JBQXNCLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxvQkFBb0IsQ0FBQztRQUNyRSxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsc0JBQXNCLENBQUMsQ0FBQztJQUN4RCxDQUFDOzttSEF6QlUsc0JBQXNCO3VHQUF0QixzQkFBc0Isa1JDVG5DLGltREEwREE7MkZEakRhLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSx5QkFBeUI7MEVBSzFCLHNCQUFzQjtzQkFBOUIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFFTixVQUFVO3NCQURULE1BQU07Z0JBR1AsY0FBYztzQkFEYixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0LCBFdmVudEVtaXR0ZXIsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW5wdXREcm9wZG93bkxpc3RJdGVtTW9kZWwgfSBmcm9tICcuL2lucHV0LWRyb3Bkb3duLWxpc3QtaXRlbS5tb2RlbCc7XG5pbXBvcnQgeyBJbnB1dERyb3Bkb3duTGlzdCB9IGZyb20gJy4vaW5wdXQtZHJvcGRvd24tbGlzdC5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWlucHV0LWRyb3Bkb3duJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2lucHV0LWRyb3Bkb3duLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaW5wdXQtZHJvcGRvd24uY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgSW5wdXREcm9wZG93bkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGlucHV0RHJvcGRvd25MaXN0TW9kZWw6IElucHV0RHJvcGRvd25MaXN0O1xuICBASW5wdXQoKSBkaXNhYmxlQnRuOiBib29sZWFuO1xuICBASW5wdXQoKSBpc0ludmVyc2U6IGJvb2xlYW47XG4gIEBJbnB1dCgpIGlzUmVxdWlyZWQ6IGJvb2xlYW47XG4gIEBPdXRwdXQoKVxuICBzZWxlY3RJdGVtOiBFdmVudEVtaXR0ZXI8SW5wdXREcm9wZG93bkxpc3RJdGVtTW9kZWw+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBAT3V0cHV0KClcbiAgY2xlYXJTZWxlY3Rpb246IEV2ZW50RW1pdHRlcjxJbnB1dERyb3Bkb3duTGlzdD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIHB1YmxpYyBpbml0aWFsU2VsZWN0ZWRWYWx1ZTogc3RyaW5nO1xuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5pbml0aWFsU2VsZWN0ZWRWYWx1ZSA9IHRoaXMuaW5wdXREcm9wZG93bkxpc3RNb2RlbC5zZWxlY3RlZE5hbWU7XG4gIH1cblxuICBpdGVtQ2xpY2soYWN0aW9uOiBJbnB1dERyb3Bkb3duTGlzdEl0ZW1Nb2RlbCk6IHZvaWQge1xuICAgIGlmICghYWN0aW9uLmlzRGlzYWJsZWQpIHtcbiAgICAgIHRoaXMuc2VsZWN0SXRlbS5lbWl0KGFjdGlvbik7XG4gICAgICB0aGlzLmlucHV0RHJvcGRvd25MaXN0TW9kZWwuc2VsZWN0ZWROYW1lID0gYCR7YWN0aW9uLm5hbWV9YDtcbiAgICB9XG4gIH1cbiAgb25DbGVhclNlbGVjdGlvbigpIHtcbiAgICB0aGlzLmlucHV0RHJvcGRvd25MaXN0TW9kZWwuc2VsZWN0ZWROYW1lID0gdGhpcy5pbml0aWFsU2VsZWN0ZWRWYWx1ZTtcbiAgICB0aGlzLmNsZWFyU2VsZWN0aW9uLmVtaXQodGhpcy5pbnB1dERyb3Bkb3duTGlzdE1vZGVsKTtcbiAgfVxufVxuIiwiPGRpdlxuICAqbmdJZj1cImlucHV0RHJvcGRvd25MaXN0TW9kZWwuY29tcG9uZW50SGVhZGluZ1wiXG4gIGNsYXNzPVwic2Z4LWRyb3Bkb3duLWxhYmVsIHNmeC1kLWlubGluZS1ibG9ja1wiXG4gIFtuZ0NsYXNzXT1cInsgJ2lzLWludmVyc2UnOiBpc0ludmVyc2UgfVwiXG4+XG4gIHt7IGlucHV0RHJvcGRvd25MaXN0TW9kZWwuY29tcG9uZW50SGVhZGluZyB9fVxuICA8c3BhbiBjbGFzcz1cInJlcXVpcmVkRmllbGRcIiAqbmdJZj1cImlzUmVxdWlyZWRcIj4qPC9zcGFuPlxuPC9kaXY+XG48ZGl2XG4gIGNsYXNzPVwiYnRuLWdyb3VwIHNmeC1kcm9wZG93biBzZngtZC1pbmxpbmUtYmxvY2tcIlxuICBbbmdDbGFzc109XCJ7ICdpcy1pbnZlcnNlJzogaXNJbnZlcnNlIH1cIlxuICBbaXNEaXNhYmxlZF09XCJkaXNhYmxlQnRuXCJcbiAgZHJvcGRvd25cbj5cbiAgPGJ1dHRvblxuICAgIGlkPVwibW9yZURyb3BcIlxuICAgIGRyb3Bkb3duVG9nZ2xlXG4gICAgdHlwZT1cImJ1dHRvblwiXG4gICAgY2xhc3M9XCJidG4gZHJvcGRvd24tdG9nZ2xlXCJcbiAgICBhcmlhLWNvbnRyb2xzPVwiZHJvcGRvd24tYmFzaWNcIlxuICA+XG4gICAge3sgaW5wdXREcm9wZG93bkxpc3RNb2RlbC5zZWxlY3RlZE5hbWUgfX1cbiAgPC9idXR0b24+XG4gIDxpICpuZ0lmPVwiIWRpc2FibGVCdG5cIiBjbGFzcz1cInNpLWFycm93LWhpZGUtcmV2ZWFsXCI+PC9pPlxuICA8aHIgLz5cbiAgPHVsXG4gICAgaWQ9XCJkcm9wZG93bi1iYXNpY1wiXG4gICAgKmRyb3Bkb3duTWVudVxuICAgIGNsYXNzPVwiZHJvcGRvd24tbWVudVwiXG4gICAgcm9sZT1cIm1lbnVcIlxuICAgIGFyaWEtbGFiZWxsZWRieT1cIm1vcmVEcm9wXCJcbiAgICBbbmdDbGFzc109XCJ7ICdzZngtcGItMCc6IGlucHV0RHJvcGRvd25MaXN0TW9kZWwuc2hvd0NsZWFyQnV0dG9uID09PSB0cnVlIH1cIlxuICA+XG4gICAgPGxpXG4gICAgICAqbmdGb3I9XCJsZXQgYWN0aW9uIG9mIGlucHV0RHJvcGRvd25MaXN0TW9kZWwuZHJvcGRvd25MaXN0XCJcbiAgICAgIFtuZ0NsYXNzXT1cInsgZGlzYWJsZWQ6IGFjdGlvbi5pc0Rpc2FibGVkIH1cIlxuICAgICAgKGNsaWNrKT1cIml0ZW1DbGljayhhY3Rpb24pXCJcbiAgICA+XG4gICAgICA8YSBjbGFzcz1cImRyb3Bkb3duLWl0ZW1cIiBocmVmPVwiamF2YXNjcmlwdDo7XCI+e3sgYWN0aW9uLm5hbWUgfX08L2E+XG4gICAgPC9saT5cbiAgICA8ZGl2XG4gICAgICAqbmdJZj1cImlucHV0RHJvcGRvd25MaXN0TW9kZWwuc2hvd0NsZWFyQnV0dG9uXCJcbiAgICAgIGNsYXNzPVwiZGl2aWRlciBkcm9wZG93bi1kaXZpZGVyXCJcbiAgICA+PC9kaXY+XG4gICAgPGFcbiAgICAgIGNsYXNzPVwic2Z4LWZpbHRlci1pdGVtLWZvb3RlclwiXG4gICAgICAqbmdJZj1cImlucHV0RHJvcGRvd25MaXN0TW9kZWwuc2hvd0NsZWFyQnV0dG9uXCJcbiAgICA+XG4gICAgICA8YnV0dG9uXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAoY2xpY2spPVwib25DbGVhclNlbGVjdGlvbigpXCJcbiAgICAgICAgY2xhc3M9XCJwdWxsLWxlZnQgc2Z4LWNsZWFyLWJ1dHRvblwiXG4gICAgICA+XG4gICAgICAgIENsZWFyIEFsbFxuICAgICAgPC9idXR0b24+XG4gICAgPC9hPlxuICA8L3VsPlxuPC9kaXY+XG4iXX0=
|
|
@@ -25,10 +25,10 @@ export class InputTextComponent {
|
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
27
|
InputTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
28
|
-
InputTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputTextComponent, selector: "symphony-input-text", inputs: { placeholder: "placeholder", icon: "icon", label: "label", isInverse: "isInverse", noMargin: "noMargin" }, outputs: { textChange: "textChange" }, ngImport: i0, template: "<div\n class=\"input-text-wrap\"\n [ngClass]=\"{\n 'input-secondary': isInverse,\n 'no-margin': noMargin\n }\"\n>\n <label for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n label\n }}</label>\n <input\n type=\"text\"\n name=\"input-text\"\n class=\"input-text\"\n autocomplete=\"off\"\n placeholder=\"{{ placeholder }}\"\n (keyup)=\"onTextChange($event)\"\n />\n <symphony-icon [icon]=\"icon\"></symphony-icon>\n</div>\n", styles: [".input-text-wrap{position:relative}.input-text-wrap.input-secondary{color:#fff}.input-text-wrap.input-secondary .input-text{background-color:transparent;border-color:#565656}.input-text-wrap.input-secondary .input-text::placeholder{color:#fff}.input-text-wrap .input-text-label{display:block;font-family:neuzeit_groteskbold,sans-serif;margin-bottom:.27rem;line-height:25px;margin-left:.3rem}.input-text-wrap .input-text{
|
|
28
|
+
InputTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputTextComponent, selector: "symphony-input-text", inputs: { placeholder: "placeholder", icon: "icon", label: "label", isInverse: "isInverse", noMargin: "noMargin" }, outputs: { textChange: "textChange" }, ngImport: i0, template: "<div\n class=\"input-text-wrap\"\n [ngClass]=\"{\n 'input-secondary': isInverse,\n 'no-margin': noMargin\n }\"\n>\n <label for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n label\n }}</label>\n <input\n type=\"text\"\n name=\"input-text\"\n class=\"input-text\"\n autocomplete=\"off\"\n placeholder=\"{{ placeholder }}\"\n (keyup)=\"onTextChange($event)\"\n />\n <symphony-icon [icon]=\"icon\"></symphony-icon>\n</div>\n", styles: [".input-text-wrap{position:relative}.input-text-wrap.input-secondary{color:#fff}.input-text-wrap.input-secondary .input-text{background-color:transparent;border-color:#565656}.input-text-wrap.input-secondary .input-text::placeholder{color:#fff}.input-text-wrap .input-text-label{display:block;font-family:neuzeit_groteskbold,sans-serif;margin-bottom:.27rem;line-height:25px;margin-left:.3rem}.input-text-wrap .input-text{width:calc(100% - .6rem);height:40px;border:1px solid #d0d0d0;border-radius:4px;padding:7px 15px;line-height:25px;margin:.3rem}.input-text-wrap .input-text::placeholder{color:#000}.input-text-wrap .input-text:focus{border-color:#464646}.input-text-wrap .input-text:focus-visible{outline:none}.input-text-wrap symphony-icon{position:absolute;right:17px;font-size:14px;bottom:11px}.input-text-wrap.no-margin .input-text-label{margin-left:0rem}.input-text-wrap.no-margin .input-text{margin:0;width:100%}.input-text-wrap.no-margin symphony-icon{right:15px;bottom:6px}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
29
29
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextComponent, decorators: [{
|
|
30
30
|
type: Component,
|
|
31
|
-
args: [{ selector: 'symphony-input-text', template: "<div\n class=\"input-text-wrap\"\n [ngClass]=\"{\n 'input-secondary': isInverse,\n 'no-margin': noMargin\n }\"\n>\n <label for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n label\n }}</label>\n <input\n type=\"text\"\n name=\"input-text\"\n class=\"input-text\"\n autocomplete=\"off\"\n placeholder=\"{{ placeholder }}\"\n (keyup)=\"onTextChange($event)\"\n />\n <symphony-icon [icon]=\"icon\"></symphony-icon>\n</div>\n", styles: [".input-text-wrap{position:relative}.input-text-wrap.input-secondary{color:#fff}.input-text-wrap.input-secondary .input-text{background-color:transparent;border-color:#565656}.input-text-wrap.input-secondary .input-text::placeholder{color:#fff}.input-text-wrap .input-text-label{display:block;font-family:neuzeit_groteskbold,sans-serif;margin-bottom:.27rem;line-height:25px;margin-left:.3rem}.input-text-wrap .input-text{
|
|
31
|
+
args: [{ selector: 'symphony-input-text', template: "<div\n class=\"input-text-wrap\"\n [ngClass]=\"{\n 'input-secondary': isInverse,\n 'no-margin': noMargin\n }\"\n>\n <label for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n label\n }}</label>\n <input\n type=\"text\"\n name=\"input-text\"\n class=\"input-text\"\n autocomplete=\"off\"\n placeholder=\"{{ placeholder }}\"\n (keyup)=\"onTextChange($event)\"\n />\n <symphony-icon [icon]=\"icon\"></symphony-icon>\n</div>\n", styles: [".input-text-wrap{position:relative}.input-text-wrap.input-secondary{color:#fff}.input-text-wrap.input-secondary .input-text{background-color:transparent;border-color:#565656}.input-text-wrap.input-secondary .input-text::placeholder{color:#fff}.input-text-wrap .input-text-label{display:block;font-family:neuzeit_groteskbold,sans-serif;margin-bottom:.27rem;line-height:25px;margin-left:.3rem}.input-text-wrap .input-text{width:calc(100% - .6rem);height:40px;border:1px solid #d0d0d0;border-radius:4px;padding:7px 15px;line-height:25px;margin:.3rem}.input-text-wrap .input-text::placeholder{color:#000}.input-text-wrap .input-text:focus{border-color:#464646}.input-text-wrap .input-text:focus-visible{outline:none}.input-text-wrap symphony-icon{position:absolute;right:17px;font-size:14px;bottom:11px}.input-text-wrap.no-margin .input-text-label{margin-left:0rem}.input-text-wrap.no-margin .input-text{margin:0;width:100%}.input-text-wrap.no-margin symphony-icon{right:15px;bottom:6px}\n"] }]
|
|
32
32
|
}], ctorParameters: function () { return []; }, propDecorators: { placeholder: [{
|
|
33
33
|
type: Input
|
|
34
34
|
}], icon: [{
|
package/esm2020/projects/component-library/lib/templates/admin-list/admin-list.component.mjs
CHANGED
|
@@ -4,9 +4,9 @@ export class AdminListTemplateComponent {
|
|
|
4
4
|
constructor() { }
|
|
5
5
|
}
|
|
6
6
|
AdminListTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdminListTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7
|
-
AdminListTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdminListTemplateComponent, selector: "symphony-admin-list-template", ngImport: i0, template: "<div class=\"sfx\">\n <!---->\n <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <div class=\"sfx-page-title\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9 sfx-pl-0\">\n <ng-content select=\"[sfx-header]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-create-new\">\n <ng-content select=\"[sfx-page-action]\"></ng-content>\n </span>\n </div>\n </div>\n </section>\n <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <div class=\"
|
|
7
|
+
AdminListTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdminListTemplateComponent, selector: "symphony-admin-list-template", ngImport: i0, template: "<div class=\"sfx\">\n <!---->\n <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <div class=\"sfx-page-title\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9 sfx-pl-0\">\n <ng-content select=\"[sfx-header]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-create-new\">\n <ng-content select=\"[sfx-page-action]\"></ng-content>\n </span>\n </div>\n </div>\n </section>\n <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <div class=\"row\">\n <ng-content select=\"[sfx-filter-area]\"></ng-content>\n </div>\n </section>\n <section class=\"sfx-title-wrap\">\n <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-30 sfx-p-0\">\n <div class=\"col-xs-12 col-sm-12 col-md-5 col-lg-5 sfx-pl-0 sfx-mt-10\">\n <ng-content select=\"[sfx-title]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-create-new\">\n <ng-content select=\"[sfx-grid-action]\"></ng-content>\n </span>\n </div>\n </section>\n <section class=\"sfx-grid-wrap grid-with-dropdown\">\n <ng-content select=\"[sfx-grid]\"></ng-content>\n </section>\n</div>\n", styles: [".sfx-page-title{margin-top:3.125rem;margin-bottom:1.875rem}.sfx-title-wrap{display:inline-block;width:100%;border-bottom:5px solid #000}\n"] });
|
|
8
8
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdminListTemplateComponent, decorators: [{
|
|
9
9
|
type: Component,
|
|
10
|
-
args: [{ selector: 'symphony-admin-list-template', template: "<div class=\"sfx\">\n <!---->\n <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <div class=\"sfx-page-title\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9 sfx-pl-0\">\n <ng-content select=\"[sfx-header]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-create-new\">\n <ng-content select=\"[sfx-page-action]\"></ng-content>\n </span>\n </div>\n </div>\n </section>\n <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <div class=\"
|
|
10
|
+
args: [{ selector: 'symphony-admin-list-template', template: "<div class=\"sfx\">\n <!---->\n <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <div class=\"sfx-page-title\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9 sfx-pl-0\">\n <ng-content select=\"[sfx-header]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-create-new\">\n <ng-content select=\"[sfx-page-action]\"></ng-content>\n </span>\n </div>\n </div>\n </section>\n <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <div class=\"row\">\n <ng-content select=\"[sfx-filter-area]\"></ng-content>\n </div>\n </section>\n <section class=\"sfx-title-wrap\">\n <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-30 sfx-p-0\">\n <div class=\"col-xs-12 col-sm-12 col-md-5 col-lg-5 sfx-pl-0 sfx-mt-10\">\n <ng-content select=\"[sfx-title]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-create-new\">\n <ng-content select=\"[sfx-grid-action]\"></ng-content>\n </span>\n </div>\n </section>\n <section class=\"sfx-grid-wrap grid-with-dropdown\">\n <ng-content select=\"[sfx-grid]\"></ng-content>\n </section>\n</div>\n", styles: [".sfx-page-title{margin-top:3.125rem;margin-bottom:1.875rem}.sfx-title-wrap{display:inline-block;width:100%;border-bottom:5px solid #000}\n"] }]
|
|
11
11
|
}], ctorParameters: function () { return []; } });
|
|
12
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRtaW4tbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3RlbXBsYXRlcy9hZG1pbi1saXN0L2FkbWluLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi90ZW1wbGF0ZXMvYWRtaW4tbGlzdC9hZG1pbi1saXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTzFDLE1BQU0sT0FBTywwQkFBMEI7SUFDckMsZ0JBQWUsQ0FBQzs7dUhBREwsMEJBQTBCOzJHQUExQiwwQkFBMEIsb0VDUHZDLDhyQ0FpQ0E7MkZEMUJhLDBCQUEwQjtrQkFMdEMsU0FBUzsrQkFDRSw4QkFBOEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktYWRtaW4tbGlzdC10ZW1wbGF0ZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9hZG1pbi1saXN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWRtaW4tbGlzdC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBBZG1pbkxpc3RUZW1wbGF0ZUNvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKCkge31cbn1cbiIsIjxkaXYgY2xhc3M9XCJzZnhcIj5cbiAgPCEtLS0tPlxuICA8c2VjdGlvbiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tMTIgY29sLW1kLTEyIGNvbC1sZy0xMlwiPlxuICAgIDxkaXYgY2xhc3M9XCJzZngtcGFnZS10aXRsZVwiPlxuICAgICAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0xMiBjb2xtZC05IGNvbC1sZy05IHNmeC1wbC0wXCI+XG4gICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1oZWFkZXJdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJwdWxsLXJpZ2h0IHNmeC1jcmVhdGUtbmV3XCI+XG4gICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1wYWdlLWFjdGlvbl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L3NlY3Rpb24+XG4gIDxzZWN0aW9uIGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0xMiBjb2wtbWQtMTIgY29sLWxnLTEyXCI+XG4gICAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1maWx0ZXItYXJlYV1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIDwvc2VjdGlvbj5cbiAgPHNlY3Rpb24gY2xhc3M9XCJzZngtdGl0bGUtd3JhcFwiPlxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTEyIGNvbC1tZC0xMiBjb2wtbGctMTIgc2Z4LW1iLTMwIHNmeC1wLTBcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTEyIGNvbC1tZC01IGNvbC1sZy01IHNmeC1wbC0wIHNmeC1tdC0xMFwiPlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2Z4LXRpdGxlXVwiPjwvbmctY29udGVudD5cbiAgICAgIDwvZGl2PlxuICAgICAgPHNwYW4gY2xhc3M9XCJwdWxsLXJpZ2h0IHNmeC1jcmVhdGUtbmV3XCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtZ3JpZC1hY3Rpb25dXCI+PC9uZy1jb250ZW50PlxuICAgICAgPC9zcGFuPlxuICAgIDwvZGl2PlxuICA8L3NlY3Rpb24+XG4gIDxzZWN0aW9uIGNsYXNzPVwic2Z4LWdyaWQtd3JhcCBncmlkLXdpdGgtZHJvcGRvd25cIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2Z4LWdyaWRdXCI+PC9uZy1jb250ZW50PlxuICA8L3NlY3Rpb24+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -5,11 +5,11 @@ export class TwoColumnBodyTemplateComponent {
|
|
|
5
5
|
constructor() { }
|
|
6
6
|
}
|
|
7
7
|
TwoColumnBodyTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TwoColumnBodyTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8
|
-
TwoColumnBodyTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TwoColumnBodyTemplateComponent, selector: "symphony-two-column-body-template", inputs: { showHeader: "showHeader" }, ngImport: i0, template: "<!-- filter area -->\n\n<div class=\"modal-header sfx-p-30\" *ngIf=\"showHeader\">\n <div class=\"col-headers row\">\n <div class=\"left-col-header col-xs-6 col-sm-6 col-md-6 sfx-pr-30\">\n <ng-content select=\"[sfx-left-col-header]\"></ng-content>\n </div>\n <div class=\"right-col-header col-xs-6 col-sm-6 col-md-6 sfx-pl-30\">\n <ng-content select=\"[sfx-right-col-header]\"></ng-content>\n </div>\n </div>\n</div>\n<!-- main body -->\n<div class=\"modal-body sfx-
|
|
8
|
+
TwoColumnBodyTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TwoColumnBodyTemplateComponent, selector: "symphony-two-column-body-template", inputs: { showHeader: "showHeader" }, ngImport: i0, template: "<!-- filter area -->\n\n<div class=\"modal-header sfx-p-30\" *ngIf=\"showHeader\">\n <div class=\"col-headers row\">\n <div class=\"left-col-header col-xs-6 col-sm-6 col-md-6 sfx-pr-30\">\n <ng-content select=\"[sfx-left-col-header]\"></ng-content>\n </div>\n <div class=\"right-col-header col-xs-6 col-sm-6 col-md-6 sfx-pl-30\">\n <ng-content select=\"[sfx-right-col-header]\"></ng-content>\n </div>\n </div>\n</div>\n<!-- main body -->\n<div class=\"modal-body sfx-pt-0 sfx-pb-0\">\n <div class=\"row\">\n <div class=\"sfx-checkbox-list col-xs-12 col-sm-6 col-md-6 sfx-p-30\">\n <ng-content select=\"[sfx-left-column]\"></ng-content>\n </div>\n <div class=\"sfx-price-totals col-xs-12 col-sm-6 col-md-6 sfx-p-30\">\n <ng-content select=\"[sfx-right-column]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: [".sfx-checkbox-list{border-right:1px solid #e5e5e5}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
9
9
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TwoColumnBodyTemplateComponent, decorators: [{
|
|
10
10
|
type: Component,
|
|
11
|
-
args: [{ selector: 'symphony-two-column-body-template', template: "<!-- filter area -->\n\n<div class=\"modal-header sfx-p-30\" *ngIf=\"showHeader\">\n <div class=\"col-headers row\">\n <div class=\"left-col-header col-xs-6 col-sm-6 col-md-6 sfx-pr-30\">\n <ng-content select=\"[sfx-left-col-header]\"></ng-content>\n </div>\n <div class=\"right-col-header col-xs-6 col-sm-6 col-md-6 sfx-pl-30\">\n <ng-content select=\"[sfx-right-col-header]\"></ng-content>\n </div>\n </div>\n</div>\n<!-- main body -->\n<div class=\"modal-body sfx-
|
|
11
|
+
args: [{ selector: 'symphony-two-column-body-template', template: "<!-- filter area -->\n\n<div class=\"modal-header sfx-p-30\" *ngIf=\"showHeader\">\n <div class=\"col-headers row\">\n <div class=\"left-col-header col-xs-6 col-sm-6 col-md-6 sfx-pr-30\">\n <ng-content select=\"[sfx-left-col-header]\"></ng-content>\n </div>\n <div class=\"right-col-header col-xs-6 col-sm-6 col-md-6 sfx-pl-30\">\n <ng-content select=\"[sfx-right-col-header]\"></ng-content>\n </div>\n </div>\n</div>\n<!-- main body -->\n<div class=\"modal-body sfx-pt-0 sfx-pb-0\">\n <div class=\"row\">\n <div class=\"sfx-checkbox-list col-xs-12 col-sm-6 col-md-6 sfx-p-30\">\n <ng-content select=\"[sfx-left-column]\"></ng-content>\n </div>\n <div class=\"sfx-price-totals col-xs-12 col-sm-6 col-md-6 sfx-p-30\">\n <ng-content select=\"[sfx-right-column]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: [".sfx-checkbox-list{border-right:1px solid #e5e5e5}\n"] }]
|
|
12
12
|
}], ctorParameters: function () { return []; }, propDecorators: { showHeader: [{
|
|
13
13
|
type: Input
|
|
14
14
|
}] } });
|
|
15
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHdvLWNvbHVtbi1ib2R5LXRlbXBsYXRlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvdGVtcGxhdGVzL21vZGFsLXRlbXBsYXRlcy90d28tY29sdW1uLWJvZHktdGVtcGxhdGUvdHdvLWNvbHVtbi1ib2R5LXRlbXBsYXRlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvdGVtcGxhdGVzL21vZGFsLXRlbXBsYXRlcy90d28tY29sdW1uLWJvZHktdGVtcGxhdGUvdHdvLWNvbHVtbi1ib2R5LXRlbXBsYXRlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPakQsTUFBTSxPQUFPLDhCQUE4QjtJQUV6QyxnQkFBZSxDQUFDOzsySEFGTCw4QkFBOEI7K0dBQTlCLDhCQUE4QiwrR0NQM0MsbzFCQXVCQTsyRkRoQmEsOEJBQThCO2tCQUwxQyxTQUFTOytCQUNFLG1DQUFtQzswRUFLcEMsVUFBVTtzQkFBbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktdHdvLWNvbHVtbi1ib2R5LXRlbXBsYXRlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3R3by1jb2x1bW4tYm9keS10ZW1wbGF0ZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3R3by1jb2x1bW4tYm9keS10ZW1wbGF0ZS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBUd29Db2x1bW5Cb2R5VGVtcGxhdGVDb21wb25lbnQge1xuICBASW5wdXQoKSBzaG93SGVhZGVyOiBib29sZWFuO1xuICBjb25zdHJ1Y3RvcigpIHt9XG59XG4iLCI8IS0tIGZpbHRlciBhcmVhIC0tPlxuXG48ZGl2IGNsYXNzPVwibW9kYWwtaGVhZGVyIHNmeC1wLTMwXCIgKm5nSWY9XCJzaG93SGVhZGVyXCI+XG4gIDxkaXYgY2xhc3M9XCJjb2wtaGVhZGVycyByb3dcIj5cbiAgICA8ZGl2IGNsYXNzPVwibGVmdC1jb2wtaGVhZGVyIGNvbC14cy02IGNvbC1zbS02IGNvbC1tZC02IHNmeC1wci0zMFwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1sZWZ0LWNvbC1oZWFkZXJdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJyaWdodC1jb2wtaGVhZGVyIGNvbC14cy02IGNvbC1zbS02IGNvbC1tZC02IHNmeC1wbC0zMFwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1yaWdodC1jb2wtaGVhZGVyXVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbjwhLS0gbWFpbiBib2R5IC0tPlxuPGRpdiBjbGFzcz1cIm1vZGFsLWJvZHkgc2Z4LXB0LTAgc2Z4LXBiLTBcIj5cbiAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgIDxkaXYgY2xhc3M9XCJzZngtY2hlY2tib3gtbGlzdCBjb2wteHMtMTIgY29sLXNtLTYgY29sLW1kLTYgc2Z4LXAtMzBcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtbGVmdC1jb2x1bW5dXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJzZngtcHJpY2UtdG90YWxzIGNvbC14cy0xMiBjb2wtc20tNiBjb2wtbWQtNiBzZngtcC0zMFwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1yaWdodC1jb2x1bW5dXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -944,10 +944,10 @@ class InputDropdownComponent {
|
|
|
944
944
|
}
|
|
945
945
|
}
|
|
946
946
|
InputDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
947
|
-
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-
|
|
947
|
+
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\"\n [ngClass]=\"{ 'is-inverse': isInverse }\"\n [isDisabled]=\"disableBtn\"\n dropdown\n>\n <button\n id=\"moreDrop\"\n dropdownToggle\n type=\"button\"\n class=\"btn dropdown-toggle\"\n aria-controls=\"dropdown-basic\"\n >\n {{ inputDropdownListModel.selectedName }}\n </button>\n <i *ngIf=\"!disableBtn\" class=\"si-arrow-hide-reveal\"></i>\n <hr />\n <ul\n id=\"dropdown-basic\"\n *dropdownMenu\n class=\"dropdown-menu\"\n role=\"menu\"\n aria-labelledby=\"moreDrop\"\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\" 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-family:neuzeit_groteskbold;line-height:25px;margin-bottom:.27rem;margin-left:calc(.3rem + 1px)}.sfx-dropdown{min-width:100%}.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:transparent;border-color:#d0d0d0;color:#000;margin:.3rem;text-align:left;box-shadow:none;padding:10px 15px}.sfx-dropdown button.dropdown-toggle.btn:before{color:#fff}.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:12px;top:17px;transform:rotate(180deg);z-index:10;transition:linear .1s;font-size:18px}.sfx-dropdown .dropdown-menu{box-shadow:0 10px 10px #0003;background:#fff;width:100%;border:none;max-height:280px;overflow-y:scroll;padding:0 0 10px;margin:0;border-radius:0}.sfx-dropdown .dropdown-menu li a.dropdown-item{padding:.625rem 1.25rem;color:#000;font-family:neuzeit_groteskbold,sans-serif;word-break:break-word;white-space:normal}.sfx-dropdown .dropdown-menu li a.dropdown-item:hover{background:#000;color:#fff}.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 #0003}.sfx-dropdown.btn-group.open i{transform:rotate(0);color:#fff}.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:#000;color:#fff;border-color:#000}.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:#fff}.is-inverse button.dropdown-toggle.btn{color:#fff;border-color:#565656}.is-inverse i{color:#fff}.sfx-pb-0{padding-bottom:0!important}.requiredField{color:red!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"] }] });
|
|
948
948
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputDropdownComponent, decorators: [{
|
|
949
949
|
type: Component,
|
|
950
|
-
args: [{ selector: 'symphony-input-dropdown', template: "<div\n *ngIf=\"inputDropdownListModel.componentHeading\"\n class=\"sfx-
|
|
950
|
+
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\"\n [ngClass]=\"{ 'is-inverse': isInverse }\"\n [isDisabled]=\"disableBtn\"\n dropdown\n>\n <button\n id=\"moreDrop\"\n dropdownToggle\n type=\"button\"\n class=\"btn dropdown-toggle\"\n aria-controls=\"dropdown-basic\"\n >\n {{ inputDropdownListModel.selectedName }}\n </button>\n <i *ngIf=\"!disableBtn\" class=\"si-arrow-hide-reveal\"></i>\n <hr />\n <ul\n id=\"dropdown-basic\"\n *dropdownMenu\n class=\"dropdown-menu\"\n role=\"menu\"\n aria-labelledby=\"moreDrop\"\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\" 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-family:neuzeit_groteskbold;line-height:25px;margin-bottom:.27rem;margin-left:calc(.3rem + 1px)}.sfx-dropdown{min-width:100%}.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:transparent;border-color:#d0d0d0;color:#000;margin:.3rem;text-align:left;box-shadow:none;padding:10px 15px}.sfx-dropdown button.dropdown-toggle.btn:before{color:#fff}.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:12px;top:17px;transform:rotate(180deg);z-index:10;transition:linear .1s;font-size:18px}.sfx-dropdown .dropdown-menu{box-shadow:0 10px 10px #0003;background:#fff;width:100%;border:none;max-height:280px;overflow-y:scroll;padding:0 0 10px;margin:0;border-radius:0}.sfx-dropdown .dropdown-menu li a.dropdown-item{padding:.625rem 1.25rem;color:#000;font-family:neuzeit_groteskbold,sans-serif;word-break:break-word;white-space:normal}.sfx-dropdown .dropdown-menu li a.dropdown-item:hover{background:#000;color:#fff}.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 #0003}.sfx-dropdown.btn-group.open i{transform:rotate(0);color:#fff}.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:#000;color:#fff;border-color:#000}.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:#fff}.is-inverse button.dropdown-toggle.btn{color:#fff;border-color:#565656}.is-inverse i{color:#fff}.sfx-pb-0{padding-bottom:0!important}.requiredField{color:red!important}\n"] }]
|
|
951
951
|
}], ctorParameters: function () { return []; }, propDecorators: { inputDropdownListModel: [{
|
|
952
952
|
type: Input
|
|
953
953
|
}], disableBtn: [{
|
|
@@ -1059,10 +1059,10 @@ class InputTextComponent {
|
|
|
1059
1059
|
}
|
|
1060
1060
|
}
|
|
1061
1061
|
InputTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1062
|
-
InputTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputTextComponent, selector: "symphony-input-text", inputs: { placeholder: "placeholder", icon: "icon", label: "label", isInverse: "isInverse", noMargin: "noMargin" }, outputs: { textChange: "textChange" }, ngImport: i0, template: "<div\n class=\"input-text-wrap\"\n [ngClass]=\"{\n 'input-secondary': isInverse,\n 'no-margin': noMargin\n }\"\n>\n <label for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n label\n }}</label>\n <input\n type=\"text\"\n name=\"input-text\"\n class=\"input-text\"\n autocomplete=\"off\"\n placeholder=\"{{ placeholder }}\"\n (keyup)=\"onTextChange($event)\"\n />\n <symphony-icon [icon]=\"icon\"></symphony-icon>\n</div>\n", styles: [".input-text-wrap{position:relative}.input-text-wrap.input-secondary{color:#fff}.input-text-wrap.input-secondary .input-text{background-color:transparent;border-color:#565656}.input-text-wrap.input-secondary .input-text::placeholder{color:#fff}.input-text-wrap .input-text-label{display:block;font-family:neuzeit_groteskbold,sans-serif;margin-bottom:.27rem;line-height:25px;margin-left:.3rem}.input-text-wrap .input-text{
|
|
1062
|
+
InputTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputTextComponent, selector: "symphony-input-text", inputs: { placeholder: "placeholder", icon: "icon", label: "label", isInverse: "isInverse", noMargin: "noMargin" }, outputs: { textChange: "textChange" }, ngImport: i0, template: "<div\n class=\"input-text-wrap\"\n [ngClass]=\"{\n 'input-secondary': isInverse,\n 'no-margin': noMargin\n }\"\n>\n <label for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n label\n }}</label>\n <input\n type=\"text\"\n name=\"input-text\"\n class=\"input-text\"\n autocomplete=\"off\"\n placeholder=\"{{ placeholder }}\"\n (keyup)=\"onTextChange($event)\"\n />\n <symphony-icon [icon]=\"icon\"></symphony-icon>\n</div>\n", styles: [".input-text-wrap{position:relative}.input-text-wrap.input-secondary{color:#fff}.input-text-wrap.input-secondary .input-text{background-color:transparent;border-color:#565656}.input-text-wrap.input-secondary .input-text::placeholder{color:#fff}.input-text-wrap .input-text-label{display:block;font-family:neuzeit_groteskbold,sans-serif;margin-bottom:.27rem;line-height:25px;margin-left:.3rem}.input-text-wrap .input-text{width:calc(100% - .6rem);height:40px;border:1px solid #d0d0d0;border-radius:4px;padding:7px 15px;line-height:25px;margin:.3rem}.input-text-wrap .input-text::placeholder{color:#000}.input-text-wrap .input-text:focus{border-color:#464646}.input-text-wrap .input-text:focus-visible{outline:none}.input-text-wrap symphony-icon{position:absolute;right:17px;font-size:14px;bottom:11px}.input-text-wrap.no-margin .input-text-label{margin-left:0rem}.input-text-wrap.no-margin .input-text{margin:0;width:100%}.input-text-wrap.no-margin symphony-icon{right:15px;bottom:6px}\n"], components: [{ type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
1063
1063
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextComponent, decorators: [{
|
|
1064
1064
|
type: Component,
|
|
1065
|
-
args: [{ selector: 'symphony-input-text', template: "<div\n class=\"input-text-wrap\"\n [ngClass]=\"{\n 'input-secondary': isInverse,\n 'no-margin': noMargin\n }\"\n>\n <label for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n label\n }}</label>\n <input\n type=\"text\"\n name=\"input-text\"\n class=\"input-text\"\n autocomplete=\"off\"\n placeholder=\"{{ placeholder }}\"\n (keyup)=\"onTextChange($event)\"\n />\n <symphony-icon [icon]=\"icon\"></symphony-icon>\n</div>\n", styles: [".input-text-wrap{position:relative}.input-text-wrap.input-secondary{color:#fff}.input-text-wrap.input-secondary .input-text{background-color:transparent;border-color:#565656}.input-text-wrap.input-secondary .input-text::placeholder{color:#fff}.input-text-wrap .input-text-label{display:block;font-family:neuzeit_groteskbold,sans-serif;margin-bottom:.27rem;line-height:25px;margin-left:.3rem}.input-text-wrap .input-text{
|
|
1065
|
+
args: [{ selector: 'symphony-input-text', template: "<div\n class=\"input-text-wrap\"\n [ngClass]=\"{\n 'input-secondary': isInverse,\n 'no-margin': noMargin\n }\"\n>\n <label for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n label\n }}</label>\n <input\n type=\"text\"\n name=\"input-text\"\n class=\"input-text\"\n autocomplete=\"off\"\n placeholder=\"{{ placeholder }}\"\n (keyup)=\"onTextChange($event)\"\n />\n <symphony-icon [icon]=\"icon\"></symphony-icon>\n</div>\n", styles: [".input-text-wrap{position:relative}.input-text-wrap.input-secondary{color:#fff}.input-text-wrap.input-secondary .input-text{background-color:transparent;border-color:#565656}.input-text-wrap.input-secondary .input-text::placeholder{color:#fff}.input-text-wrap .input-text-label{display:block;font-family:neuzeit_groteskbold,sans-serif;margin-bottom:.27rem;line-height:25px;margin-left:.3rem}.input-text-wrap .input-text{width:calc(100% - .6rem);height:40px;border:1px solid #d0d0d0;border-radius:4px;padding:7px 15px;line-height:25px;margin:.3rem}.input-text-wrap .input-text::placeholder{color:#000}.input-text-wrap .input-text:focus{border-color:#464646}.input-text-wrap .input-text:focus-visible{outline:none}.input-text-wrap symphony-icon{position:absolute;right:17px;font-size:14px;bottom:11px}.input-text-wrap.no-margin .input-text-label{margin-left:0rem}.input-text-wrap.no-margin .input-text{margin:0;width:100%}.input-text-wrap.no-margin symphony-icon{right:15px;bottom:6px}\n"] }]
|
|
1066
1066
|
}], ctorParameters: function () { return []; }, propDecorators: { placeholder: [{
|
|
1067
1067
|
type: Input
|
|
1068
1068
|
}], icon: [{
|
|
@@ -3149,10 +3149,10 @@ class AdminListTemplateComponent {
|
|
|
3149
3149
|
constructor() { }
|
|
3150
3150
|
}
|
|
3151
3151
|
AdminListTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdminListTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3152
|
-
AdminListTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdminListTemplateComponent, selector: "symphony-admin-list-template", ngImport: i0, template: "<div class=\"sfx\">\n <!---->\n <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <div class=\"sfx-page-title\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9 sfx-pl-0\">\n <ng-content select=\"[sfx-header]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-create-new\">\n <ng-content select=\"[sfx-page-action]\"></ng-content>\n </span>\n </div>\n </div>\n </section>\n <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <div class=\"
|
|
3152
|
+
AdminListTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdminListTemplateComponent, selector: "symphony-admin-list-template", ngImport: i0, template: "<div class=\"sfx\">\n <!---->\n <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <div class=\"sfx-page-title\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9 sfx-pl-0\">\n <ng-content select=\"[sfx-header]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-create-new\">\n <ng-content select=\"[sfx-page-action]\"></ng-content>\n </span>\n </div>\n </div>\n </section>\n <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <div class=\"row\">\n <ng-content select=\"[sfx-filter-area]\"></ng-content>\n </div>\n </section>\n <section class=\"sfx-title-wrap\">\n <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-30 sfx-p-0\">\n <div class=\"col-xs-12 col-sm-12 col-md-5 col-lg-5 sfx-pl-0 sfx-mt-10\">\n <ng-content select=\"[sfx-title]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-create-new\">\n <ng-content select=\"[sfx-grid-action]\"></ng-content>\n </span>\n </div>\n </section>\n <section class=\"sfx-grid-wrap grid-with-dropdown\">\n <ng-content select=\"[sfx-grid]\"></ng-content>\n </section>\n</div>\n", styles: [".sfx-page-title{margin-top:3.125rem;margin-bottom:1.875rem}.sfx-title-wrap{display:inline-block;width:100%;border-bottom:5px solid #000}\n"] });
|
|
3153
3153
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdminListTemplateComponent, decorators: [{
|
|
3154
3154
|
type: Component,
|
|
3155
|
-
args: [{ selector: 'symphony-admin-list-template', template: "<div class=\"sfx\">\n <!---->\n <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <div class=\"sfx-page-title\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9 sfx-pl-0\">\n <ng-content select=\"[sfx-header]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-create-new\">\n <ng-content select=\"[sfx-page-action]\"></ng-content>\n </span>\n </div>\n </div>\n </section>\n <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <div class=\"
|
|
3155
|
+
args: [{ selector: 'symphony-admin-list-template', template: "<div class=\"sfx\">\n <!---->\n <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <div class=\"sfx-page-title\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9 sfx-pl-0\">\n <ng-content select=\"[sfx-header]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-create-new\">\n <ng-content select=\"[sfx-page-action]\"></ng-content>\n </span>\n </div>\n </div>\n </section>\n <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <div class=\"row\">\n <ng-content select=\"[sfx-filter-area]\"></ng-content>\n </div>\n </section>\n <section class=\"sfx-title-wrap\">\n <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-30 sfx-p-0\">\n <div class=\"col-xs-12 col-sm-12 col-md-5 col-lg-5 sfx-pl-0 sfx-mt-10\">\n <ng-content select=\"[sfx-title]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-create-new\">\n <ng-content select=\"[sfx-grid-action]\"></ng-content>\n </span>\n </div>\n </section>\n <section class=\"sfx-grid-wrap grid-with-dropdown\">\n <ng-content select=\"[sfx-grid]\"></ng-content>\n </section>\n</div>\n", styles: [".sfx-page-title{margin-top:3.125rem;margin-bottom:1.875rem}.sfx-title-wrap{display:inline-block;width:100%;border-bottom:5px solid #000}\n"] }]
|
|
3156
3156
|
}], ctorParameters: function () { return []; } });
|
|
3157
3157
|
|
|
3158
3158
|
class EventsSettingsPageComponent {
|
|
@@ -3419,10 +3419,10 @@ class TwoColumnBodyTemplateComponent {
|
|
|
3419
3419
|
constructor() { }
|
|
3420
3420
|
}
|
|
3421
3421
|
TwoColumnBodyTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TwoColumnBodyTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3422
|
-
TwoColumnBodyTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TwoColumnBodyTemplateComponent, selector: "symphony-two-column-body-template", inputs: { showHeader: "showHeader" }, ngImport: i0, template: "<!-- filter area -->\n\n<div class=\"modal-header sfx-p-30\" *ngIf=\"showHeader\">\n <div class=\"col-headers row\">\n <div class=\"left-col-header col-xs-6 col-sm-6 col-md-6 sfx-pr-30\">\n <ng-content select=\"[sfx-left-col-header]\"></ng-content>\n </div>\n <div class=\"right-col-header col-xs-6 col-sm-6 col-md-6 sfx-pl-30\">\n <ng-content select=\"[sfx-right-col-header]\"></ng-content>\n </div>\n </div>\n</div>\n<!-- main body -->\n<div class=\"modal-body sfx-
|
|
3422
|
+
TwoColumnBodyTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TwoColumnBodyTemplateComponent, selector: "symphony-two-column-body-template", inputs: { showHeader: "showHeader" }, ngImport: i0, template: "<!-- filter area -->\n\n<div class=\"modal-header sfx-p-30\" *ngIf=\"showHeader\">\n <div class=\"col-headers row\">\n <div class=\"left-col-header col-xs-6 col-sm-6 col-md-6 sfx-pr-30\">\n <ng-content select=\"[sfx-left-col-header]\"></ng-content>\n </div>\n <div class=\"right-col-header col-xs-6 col-sm-6 col-md-6 sfx-pl-30\">\n <ng-content select=\"[sfx-right-col-header]\"></ng-content>\n </div>\n </div>\n</div>\n<!-- main body -->\n<div class=\"modal-body sfx-pt-0 sfx-pb-0\">\n <div class=\"row\">\n <div class=\"sfx-checkbox-list col-xs-12 col-sm-6 col-md-6 sfx-p-30\">\n <ng-content select=\"[sfx-left-column]\"></ng-content>\n </div>\n <div class=\"sfx-price-totals col-xs-12 col-sm-6 col-md-6 sfx-p-30\">\n <ng-content select=\"[sfx-right-column]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: [".sfx-checkbox-list{border-right:1px solid #e5e5e5}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
3423
3423
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TwoColumnBodyTemplateComponent, decorators: [{
|
|
3424
3424
|
type: Component,
|
|
3425
|
-
args: [{ selector: 'symphony-two-column-body-template', template: "<!-- filter area -->\n\n<div class=\"modal-header sfx-p-30\" *ngIf=\"showHeader\">\n <div class=\"col-headers row\">\n <div class=\"left-col-header col-xs-6 col-sm-6 col-md-6 sfx-pr-30\">\n <ng-content select=\"[sfx-left-col-header]\"></ng-content>\n </div>\n <div class=\"right-col-header col-xs-6 col-sm-6 col-md-6 sfx-pl-30\">\n <ng-content select=\"[sfx-right-col-header]\"></ng-content>\n </div>\n </div>\n</div>\n<!-- main body -->\n<div class=\"modal-body sfx-
|
|
3425
|
+
args: [{ selector: 'symphony-two-column-body-template', template: "<!-- filter area -->\n\n<div class=\"modal-header sfx-p-30\" *ngIf=\"showHeader\">\n <div class=\"col-headers row\">\n <div class=\"left-col-header col-xs-6 col-sm-6 col-md-6 sfx-pr-30\">\n <ng-content select=\"[sfx-left-col-header]\"></ng-content>\n </div>\n <div class=\"right-col-header col-xs-6 col-sm-6 col-md-6 sfx-pl-30\">\n <ng-content select=\"[sfx-right-col-header]\"></ng-content>\n </div>\n </div>\n</div>\n<!-- main body -->\n<div class=\"modal-body sfx-pt-0 sfx-pb-0\">\n <div class=\"row\">\n <div class=\"sfx-checkbox-list col-xs-12 col-sm-6 col-md-6 sfx-p-30\">\n <ng-content select=\"[sfx-left-column]\"></ng-content>\n </div>\n <div class=\"sfx-price-totals col-xs-12 col-sm-6 col-md-6 sfx-p-30\">\n <ng-content select=\"[sfx-right-column]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: [".sfx-checkbox-list{border-right:1px solid #e5e5e5}\n"] }]
|
|
3426
3426
|
}], ctorParameters: function () { return []; }, propDecorators: { showHeader: [{
|
|
3427
3427
|
type: Input
|
|
3428
3428
|
}] } });
|