@symphony-talent/component-library 4.1.0 → 4.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/molecules/breadcrumb/breadcrumb.component.mjs +12 -5
- package/esm2020/lib/pages/events-settings-page/events-settings-page.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/molecules/breadcrumb/breadcrumb.component.mjs +12 -5
- package/esm2020/projects/component-library/lib/pages/events-settings-page/events-settings-page.component.mjs +1 -1
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +11 -4
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +11 -4
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +11 -4
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +11 -4
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/molecules/breadcrumb/breadcrumb.component.d.ts +4 -2
- package/package.json +1 -1
- package/projects/component-library/lib/molecules/breadcrumb/breadcrumb.component.d.ts +4 -2
|
@@ -1,20 +1,27 @@
|
|
|
1
|
-
import { Component, Input, ViewEncapsulation } from '@angular/core';
|
|
1
|
+
import { Component, Input, ViewEncapsulation, Output, EventEmitter, } from '@angular/core';
|
|
2
2
|
import { Icons } from '../../atoms/icon/icon.enum';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "../../atoms/icon/icon.component";
|
|
5
5
|
import * as i2 from "@angular/common";
|
|
6
6
|
export class BreadcrumbComponent {
|
|
7
|
-
constructor() {
|
|
7
|
+
constructor() {
|
|
8
|
+
this.breadcrumbClicked = new EventEmitter();
|
|
9
|
+
}
|
|
8
10
|
ngOnInit() {
|
|
9
11
|
this.icon = Icons.ARROWNEXT;
|
|
10
12
|
}
|
|
13
|
+
onBreadcrumbClick(breadcrumb) {
|
|
14
|
+
this.breadcrumbClicked.emit(breadcrumb);
|
|
15
|
+
}
|
|
11
16
|
}
|
|
12
17
|
BreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
-
BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: { breadcrumbs: "breadcrumbs" }, ngImport: i0, template: "<div class=\"sfx-breadcrumb-wrapper\">\n <span\n class=\"breadcrumb-item\"\n *ngFor=\"let breadcrumb of breadcrumbs; let last = last\"\n >\n <span class=\"breadcrumb-link\" *ngIf=\"!last\"\n ><a\n id=\"{{ breadcrumb.identifier }}\"\n class=\"sfx-cursor-pointer sfx-txt-black\"\n href=\"{{ breadcrumb.link }}\"\n >{{ breadcrumb.label }}</a\n
|
|
18
|
+
BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: { breadcrumbs: "breadcrumbs" }, outputs: { breadcrumbClicked: "breadcrumbClicked" }, ngImport: i0, template: "<div class=\"sfx-breadcrumb-wrapper\">\n <span\n class=\"breadcrumb-item\"\n *ngFor=\"let breadcrumb of breadcrumbs; let last = last\"\n >\n <span class=\"breadcrumb-link\" *ngIf=\"!last\"\n ><a *ngIf=\"!breadcrumb.link\"\n id=\"{{ breadcrumb.identifier }}\"\n class=\"sfx-cursor-pointer sfx-txt-black\"\n (click)=\"onBreadcrumbClick(breadcrumb)\"\n >{{ breadcrumb.label }}</a\n >\n <a\n *ngIf=\"breadcrumb.link\"\n id=\"{{ breadcrumb.identifier }}\"\n class=\"sfx-cursor-pointer sfx-txt-black\"\n href=\"{{ breadcrumb.link }}\"\n >{{ breadcrumb.label }}</a\n >\n </span\n >\n <span class=\"breadcrumb-link\" *ngIf=\"last\">{{ breadcrumb.label }} </span>\n\n <symphony-icon [icon]=\"icon\" [size]=\"'12px'\" *ngIf=\"!last\"></symphony-icon>\n </span>\n</div>\n", styles: [".sfx-p-0{padding:0}.sfx-p-5{padding:.3rem}.sfx-p-10{padding:.625rem}.sfx-p-15{padding:.9375rem}.sfx-p-20{padding:1.25rem}.sfx-p-30{padding:1.875rem}.sfx-pt-0{padding-top:0}.sfx-pt-5{padding-top:.3rem}.sfx-pt-10{padding-top:.625rem}.sfx-pt-15{padding-top:.9375rem}.sfx-pt-20{padding-top:1.25rem}.sfx-pt-25{padding-top:1.5625rem}.sfx-pt-30{padding-top:1.875rem}.sfx-pt-35{padding-top:2.1875rem}.sfx-pt-40{padding-top:2.5rem}.sfx-pt-50{padding-top:3.125rem}.sfx-pb-0{padding-bottom:0}.sfx-pb-5{padding-bottom:.3rem}.sfx-pb-10{padding-bottom:.625rem}.sfx-pb-15{padding-bottom:.9375rem}.sfx-pb-20{padding-bottom:1.25rem}.sfx-pb-25{padding-bottom:1.5625rem}.sfx-pb-30{padding-bottom:1.875rem}.sfx-pb-35{padding-bottom:2.1875rem}.sfx-pb-40{padding-bottom:2.5rem}.sfx-pb-50{padding-bottom:3.125rem}.sfx-pl-0{padding-left:0}.sfx-pl-5{padding-left:.3rem}.sfx-pl-10{padding-left:.625rem}.sfx-pl-15{padding-left:.9375rem}.sfx-pl-20{padding-left:1.25rem}.sfx-pl-25{padding-left:1.5625rem}.sfx-pl-30{padding-left:1.875rem}.sfx-pr-0{padding-right:0}.sfx-pr-5{padding-right:.3rem}.sfx-pr-10{padding-right:.625rem}.sfx-pr-15{padding-right:.9375rem}.sfx-pr-20{padding-right:1.25rem}.sfx-pr-25{padding-right:1.5625rem}.sfx-pr-30{padding-right:1.875rem}.sfx-py-15{padding-left:.9375rem;padding-right:.9375rem}.sfx-py-30{padding-left:1.875rem;padding-right:1.875rem}.sfx-px-0{padding-top:0;padding-bottom:0}.sfx-px-15{padding-top:.9375rem;padding-bottom:.9375rem}.sfx-px-20{padding-top:1.25rem;padding-bottom:1.25rem}.sfx-px-30{padding-top:1.875rem;padding-bottom:1.875rem}.sfx-m-0{margin:0}.sfx-m-5{margin:.3rem}.sfx-m-10{margin:.625rem}.sfx-m-15{margin:.9375rem}.sfx-m-20{margin:1.25rem}.sfx-m-auto{margin:0 auto}.sfx-mt-0{margin-top:0}.sfx-mt-5{margin-top:.3rem}.sfx-mt-10{margin-top:.625rem}.sfx-mt-15{margin-top:.9375rem}.sfx-mt-20{margin-top:1.25rem}.sfx-mt-25{margin-top:1.5625rem}.sfx-mt-30{margin-top:1.875rem}.sfx-mt-40{margin-top:2.5rem}.sfx-mt-80{margin-top:5rem}.sfx-mb-0{margin-bottom:0}.sfx-mb-5{margin-bottom:.3rem}.sfx-mb-10{margin-bottom:.625rem}.sfx-mb-15{margin-bottom:.9375rem}.sfx-mb-20{margin-bottom:1.25rem}.sfx-mb-25{margin-bottom:1.5625rem}.sfx-mb-30{margin-bottom:1.875rem}.sfx-mb-40{margin-bottom:2.5rem}.sfx-ml-0{margin-left:0}.sfx-ml-5{margin-left:.3rem}.sfx-ml-10{margin-left:.625rem}.sfx-ml-15{margin-left:.9375rem}.sfx-ml-20{margin-left:1.25rem}.sfx-ml-auto{margin-left:auto}.sfx-mr-0{margin-right:0}.sfx-mr-5{margin-right:.3rem}.sfx-mr-10{margin-right:.625rem}.sfx-mr-15{margin-right:.9375rem}.sfx-mr-20{margin-right:1.25rem}.sfx-mr-25{margin-right:1.5625rem}.sfx-mr-30{margin-right:1.875rem}.sfx-mr-40{margin-right:2.5rem}.sfx-breadcrumb-wrapper{padding-top:1.25rem}.sfx-breadcrumb-wrapper .breadcrumb-item{font-family:runda,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:12px!important;line-height:16px!important}.sfx-breadcrumb-wrapper .breadcrumb-item .breadcrumb-link a{font-family:runda,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:12px!important;line-height:16px!important;color:#82919f!important}.sfx-breadcrumb-wrapper .breadcrumb-item .breadcrumb-link:last-child{color:#000!important}.sfx-breadcrumb-wrapper .breadcrumb-item:last-child{color:#000!important}.sfx-breadcrumb-wrapper i{padding:0 6px;top:1.5px;position:relative;color:#82919f!important;font-size:13px!important}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
14
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: BreadcrumbComponent, decorators: [{
|
|
15
20
|
type: Component,
|
|
16
|
-
args: [{ selector: 'symphony-breadcrumb', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-breadcrumb-wrapper\">\n <span\n class=\"breadcrumb-item\"\n *ngFor=\"let breadcrumb of breadcrumbs; let last = last\"\n >\n <span class=\"breadcrumb-link\" *ngIf=\"!last\"\n ><a\n id=\"{{ breadcrumb.identifier }}\"\n class=\"sfx-cursor-pointer sfx-txt-black\"\n href=\"{{ breadcrumb.link }}\"\n >{{ breadcrumb.label }}</a\n
|
|
21
|
+
args: [{ selector: 'symphony-breadcrumb', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-breadcrumb-wrapper\">\n <span\n class=\"breadcrumb-item\"\n *ngFor=\"let breadcrumb of breadcrumbs; let last = last\"\n >\n <span class=\"breadcrumb-link\" *ngIf=\"!last\"\n ><a *ngIf=\"!breadcrumb.link\"\n id=\"{{ breadcrumb.identifier }}\"\n class=\"sfx-cursor-pointer sfx-txt-black\"\n (click)=\"onBreadcrumbClick(breadcrumb)\"\n >{{ breadcrumb.label }}</a\n >\n <a\n *ngIf=\"breadcrumb.link\"\n id=\"{{ breadcrumb.identifier }}\"\n class=\"sfx-cursor-pointer sfx-txt-black\"\n href=\"{{ breadcrumb.link }}\"\n >{{ breadcrumb.label }}</a\n >\n </span\n >\n <span class=\"breadcrumb-link\" *ngIf=\"last\">{{ breadcrumb.label }} </span>\n\n <symphony-icon [icon]=\"icon\" [size]=\"'12px'\" *ngIf=\"!last\"></symphony-icon>\n </span>\n</div>\n", styles: [".sfx-p-0{padding:0}.sfx-p-5{padding:.3rem}.sfx-p-10{padding:.625rem}.sfx-p-15{padding:.9375rem}.sfx-p-20{padding:1.25rem}.sfx-p-30{padding:1.875rem}.sfx-pt-0{padding-top:0}.sfx-pt-5{padding-top:.3rem}.sfx-pt-10{padding-top:.625rem}.sfx-pt-15{padding-top:.9375rem}.sfx-pt-20{padding-top:1.25rem}.sfx-pt-25{padding-top:1.5625rem}.sfx-pt-30{padding-top:1.875rem}.sfx-pt-35{padding-top:2.1875rem}.sfx-pt-40{padding-top:2.5rem}.sfx-pt-50{padding-top:3.125rem}.sfx-pb-0{padding-bottom:0}.sfx-pb-5{padding-bottom:.3rem}.sfx-pb-10{padding-bottom:.625rem}.sfx-pb-15{padding-bottom:.9375rem}.sfx-pb-20{padding-bottom:1.25rem}.sfx-pb-25{padding-bottom:1.5625rem}.sfx-pb-30{padding-bottom:1.875rem}.sfx-pb-35{padding-bottom:2.1875rem}.sfx-pb-40{padding-bottom:2.5rem}.sfx-pb-50{padding-bottom:3.125rem}.sfx-pl-0{padding-left:0}.sfx-pl-5{padding-left:.3rem}.sfx-pl-10{padding-left:.625rem}.sfx-pl-15{padding-left:.9375rem}.sfx-pl-20{padding-left:1.25rem}.sfx-pl-25{padding-left:1.5625rem}.sfx-pl-30{padding-left:1.875rem}.sfx-pr-0{padding-right:0}.sfx-pr-5{padding-right:.3rem}.sfx-pr-10{padding-right:.625rem}.sfx-pr-15{padding-right:.9375rem}.sfx-pr-20{padding-right:1.25rem}.sfx-pr-25{padding-right:1.5625rem}.sfx-pr-30{padding-right:1.875rem}.sfx-py-15{padding-left:.9375rem;padding-right:.9375rem}.sfx-py-30{padding-left:1.875rem;padding-right:1.875rem}.sfx-px-0{padding-top:0;padding-bottom:0}.sfx-px-15{padding-top:.9375rem;padding-bottom:.9375rem}.sfx-px-20{padding-top:1.25rem;padding-bottom:1.25rem}.sfx-px-30{padding-top:1.875rem;padding-bottom:1.875rem}.sfx-m-0{margin:0}.sfx-m-5{margin:.3rem}.sfx-m-10{margin:.625rem}.sfx-m-15{margin:.9375rem}.sfx-m-20{margin:1.25rem}.sfx-m-auto{margin:0 auto}.sfx-mt-0{margin-top:0}.sfx-mt-5{margin-top:.3rem}.sfx-mt-10{margin-top:.625rem}.sfx-mt-15{margin-top:.9375rem}.sfx-mt-20{margin-top:1.25rem}.sfx-mt-25{margin-top:1.5625rem}.sfx-mt-30{margin-top:1.875rem}.sfx-mt-40{margin-top:2.5rem}.sfx-mt-80{margin-top:5rem}.sfx-mb-0{margin-bottom:0}.sfx-mb-5{margin-bottom:.3rem}.sfx-mb-10{margin-bottom:.625rem}.sfx-mb-15{margin-bottom:.9375rem}.sfx-mb-20{margin-bottom:1.25rem}.sfx-mb-25{margin-bottom:1.5625rem}.sfx-mb-30{margin-bottom:1.875rem}.sfx-mb-40{margin-bottom:2.5rem}.sfx-ml-0{margin-left:0}.sfx-ml-5{margin-left:.3rem}.sfx-ml-10{margin-left:.625rem}.sfx-ml-15{margin-left:.9375rem}.sfx-ml-20{margin-left:1.25rem}.sfx-ml-auto{margin-left:auto}.sfx-mr-0{margin-right:0}.sfx-mr-5{margin-right:.3rem}.sfx-mr-10{margin-right:.625rem}.sfx-mr-15{margin-right:.9375rem}.sfx-mr-20{margin-right:1.25rem}.sfx-mr-25{margin-right:1.5625rem}.sfx-mr-30{margin-right:1.875rem}.sfx-mr-40{margin-right:2.5rem}.sfx-breadcrumb-wrapper{padding-top:1.25rem}.sfx-breadcrumb-wrapper .breadcrumb-item{font-family:runda,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:12px!important;line-height:16px!important}.sfx-breadcrumb-wrapper .breadcrumb-item .breadcrumb-link a{font-family:runda,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:12px!important;line-height:16px!important;color:#82919f!important}.sfx-breadcrumb-wrapper .breadcrumb-item .breadcrumb-link:last-child{color:#000!important}.sfx-breadcrumb-wrapper .breadcrumb-item:last-child{color:#000!important}.sfx-breadcrumb-wrapper i{padding:0 6px;top:1.5px;position:relative;color:#82919f!important;font-size:13px!important}\n"] }]
|
|
17
22
|
}], ctorParameters: function () { return []; }, propDecorators: { breadcrumbs: [{
|
|
18
23
|
type: Input
|
|
24
|
+
}], breadcrumbClicked: [{
|
|
25
|
+
type: Output
|
|
19
26
|
}] } });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL21vbGVjdWxlcy9icmVhZGNydW1iL2JyZWFkY3J1bWIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvYnJlYWRjcnVtYi9icmVhZGNydW1iLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBRVQsS0FBSyxFQUNMLGlCQUFpQixFQUNqQixNQUFNLEVBQ04sWUFBWSxHQUNiLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7OztBQVNuRCxNQUFNLE9BQU8sbUJBQW1CO0lBSzlCO1FBSFUsc0JBQWlCLEdBQUcsSUFBSSxZQUFZLEVBQW1CLENBQUM7SUFHbkQsQ0FBQztJQUVoQixRQUFRO1FBQ04sSUFBSSxDQUFDLElBQUksR0FBRyxLQUFLLENBQUMsU0FBUyxDQUFDO0lBQzlCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxVQUEyQjtRQUMzQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQzFDLENBQUM7O2dIQWJVLG1CQUFtQjtvR0FBbkIsbUJBQW1CLHdKQ2pCaEMscTJCQTBCQTsyRkRUYSxtQkFBbUI7a0JBTi9CLFNBQVM7K0JBQ0UscUJBQXFCLGlCQUdoQixpQkFBaUIsQ0FBQyxJQUFJOzBFQUc1QixXQUFXO3NCQUFuQixLQUFLO2dCQUNJLGlCQUFpQjtzQkFBMUIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgT25Jbml0LFxuICBJbnB1dCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIE91dHB1dCxcbiAgRXZlbnRFbWl0dGVyLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEljb25zIH0gZnJvbSAnLi4vLi4vYXRvbXMvaWNvbi9pY29uLmVudW0nO1xuaW1wb3J0IHsgQnJlYWRjcnVtYk1vZGVsIH0gZnJvbSAnLi9icmVhZGNydW1iLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktYnJlYWRjcnVtYicsXG4gIHRlbXBsYXRlVXJsOiAnLi9icmVhZGNydW1iLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYnJlYWRjcnVtYi5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBCcmVhZGNydW1iQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgYnJlYWRjcnVtYnM6IEJyZWFkY3J1bWJNb2RlbFtdO1xuICBAT3V0cHV0KCkgYnJlYWRjcnVtYkNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPEJyZWFkY3J1bWJNb2RlbD4oKTtcbiAgcHVibGljIGljb246IEljb25zO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmljb24gPSBJY29ucy5BUlJPV05FWFQ7XG4gIH1cblxuICBvbkJyZWFkY3J1bWJDbGljayhicmVhZGNydW1iOiBCcmVhZGNydW1iTW9kZWwpIHtcbiAgICB0aGlzLmJyZWFkY3J1bWJDbGlja2VkLmVtaXQoYnJlYWRjcnVtYik7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzZngtYnJlYWRjcnVtYi13cmFwcGVyXCI+XG4gIDxzcGFuXG4gICAgY2xhc3M9XCJicmVhZGNydW1iLWl0ZW1cIlxuICAgICpuZ0Zvcj1cImxldCBicmVhZGNydW1iIG9mIGJyZWFkY3J1bWJzOyBsZXQgbGFzdCA9IGxhc3RcIlxuICA+XG4gICAgPHNwYW4gY2xhc3M9XCJicmVhZGNydW1iLWxpbmtcIiAqbmdJZj1cIiFsYXN0XCJcbiAgICAgID48YSAqbmdJZj1cIiFicmVhZGNydW1iLmxpbmtcIlxuICAgICAgICBpZD1cInt7IGJyZWFkY3J1bWIuaWRlbnRpZmllciB9fVwiXG4gICAgICAgIGNsYXNzPVwic2Z4LWN1cnNvci1wb2ludGVyIHNmeC10eHQtYmxhY2tcIlxuICAgICAgICAoY2xpY2spPVwib25CcmVhZGNydW1iQ2xpY2soYnJlYWRjcnVtYilcIlxuICAgICAgICA+e3sgYnJlYWRjcnVtYi5sYWJlbCB9fTwvYVxuICAgICAgPlxuICAgICAgPGFcbiAgICAgICpuZ0lmPVwiYnJlYWRjcnVtYi5saW5rXCJcbiAgICAgICAgaWQ9XCJ7eyBicmVhZGNydW1iLmlkZW50aWZpZXIgfX1cIlxuICAgICAgICBjbGFzcz1cInNmeC1jdXJzb3ItcG9pbnRlciBzZngtdHh0LWJsYWNrXCJcbiAgICAgICAgaHJlZj1cInt7IGJyZWFkY3J1bWIubGluayB9fVwiXG4gICAgICAgID57eyBicmVhZGNydW1iLmxhYmVsIH19PC9hXG4gICAgICA+XG4gICAgICA8L3NwYW5cbiAgICA+XG4gICAgPHNwYW4gY2xhc3M9XCJicmVhZGNydW1iLWxpbmtcIiAqbmdJZj1cImxhc3RcIj57eyBicmVhZGNydW1iLmxhYmVsIH19IDwvc3Bhbj5cblxuICAgIDxzeW1waG9ueS1pY29uIFtpY29uXT1cImljb25cIiBbc2l6ZV09XCInMTJweCdcIiAqbmdJZj1cIiFsYXN0XCI+PC9zeW1waG9ueS1pY29uPlxuICA8L3NwYW4+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -44,7 +44,7 @@ export class EventsSettingsPageComponent {
|
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
46
|
EventsSettingsPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EventsSettingsPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
47
|
-
EventsSettingsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: EventsSettingsPageComponent, selector: "symphony-events-settings-page", inputs: { model: "model" }, outputs: { keywordSearchChange: "keywordSearchChange", filterChange: "filterChange", gridActionsSelectedOption: "gridActionsSelectedOption", addButtonClicked: "addButtonClicked" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-admin-list-template *ngIf=\"model\">\n <symphony-breadcrumb breadcrumb [breadcrumbs]=\"model.breadcrumbs\">\n </symphony-breadcrumb>\n <symphony-h3 sfx-header>Event Settings</symphony-h3>\n <symphony-icon-wrapper\n sfx-page-action\n *ngIf=\"model.showAddButton\"\n (clicked)=\"onAddButtonClick()\"\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-two-column-filter-area sfx-filter-area>\n <symphony-input-dropdown\n filter-one\n [isInverse]=\"true\"\n [inputDropdownListModel]=\"model.settingTypeDropdown\"\n (selectItem)=\"onFilterChange($event)\"\n *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n >\n </symphony-input-dropdown>\n <ng-content\n *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n select=\"[filter-one]\"\n ></ng-content>\n <symphony-input-text\n filter-two\n [label]=\"'Search by Keyword'\"\n [placeholder]=\"'Enter Search Value'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"true\"\n (textChange)=\"keywordSearch($event)\"\n >\n </symphony-input-text>\n </symphony-two-column-filter-area>\n <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n <symphony-grid\n #sfxgrid\n sfx-grid\n [columnDefs]=\"model.grid.columnDefs\"\n [defaultColDef]=\"model.grid.defaultColumnDef\"\n [rowData]=\"model.grid.rowData\"\n [pageSize]=\"model.grid.pageSize\"\n [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n [rowModelType]=\"model.grid.rowModelType\"\n [hasNoPaddingleft]=\"true\"\n ></symphony-grid>\n</symphony-admin-list-template>\n", styles: [".icon-wrapper i{color:#334860}.icon-wrapper:hover i{color:#fff}\n"], components: [{ type: i1.AdminListTemplateComponent, selector: "symphony-admin-list-template" }, { type: i2.BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: ["breadcrumbs"] }, { type: i3.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i4.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i5.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i6.TwoColumnFilterAreaComponent, selector: "symphony-two-column-filter-area", inputs: ["height"] }, { type: i7.InputDropdownComponent, selector: "symphony-input-dropdown", inputs: ["inputDropdownListModel", "disableBtn", "isInverse", "isRequired"], outputs: ["selectItem", "clearSelection"] }, { type: i8.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size"], outputs: ["textChange"] }, { type: i9.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i10.GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft"], outputs: ["sortChanged", "cellClick"] }], directives: [{ type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
47
|
+
EventsSettingsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: EventsSettingsPageComponent, selector: "symphony-events-settings-page", inputs: { model: "model" }, outputs: { keywordSearchChange: "keywordSearchChange", filterChange: "filterChange", gridActionsSelectedOption: "gridActionsSelectedOption", addButtonClicked: "addButtonClicked" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-admin-list-template *ngIf=\"model\">\n <symphony-breadcrumb breadcrumb [breadcrumbs]=\"model.breadcrumbs\">\n </symphony-breadcrumb>\n <symphony-h3 sfx-header>Event Settings</symphony-h3>\n <symphony-icon-wrapper\n sfx-page-action\n *ngIf=\"model.showAddButton\"\n (clicked)=\"onAddButtonClick()\"\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-two-column-filter-area sfx-filter-area>\n <symphony-input-dropdown\n filter-one\n [isInverse]=\"true\"\n [inputDropdownListModel]=\"model.settingTypeDropdown\"\n (selectItem)=\"onFilterChange($event)\"\n *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n >\n </symphony-input-dropdown>\n <ng-content\n *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n select=\"[filter-one]\"\n ></ng-content>\n <symphony-input-text\n filter-two\n [label]=\"'Search by Keyword'\"\n [placeholder]=\"'Enter Search Value'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"true\"\n (textChange)=\"keywordSearch($event)\"\n >\n </symphony-input-text>\n </symphony-two-column-filter-area>\n <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n <symphony-grid\n #sfxgrid\n sfx-grid\n [columnDefs]=\"model.grid.columnDefs\"\n [defaultColDef]=\"model.grid.defaultColumnDef\"\n [rowData]=\"model.grid.rowData\"\n [pageSize]=\"model.grid.pageSize\"\n [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n [rowModelType]=\"model.grid.rowModelType\"\n [hasNoPaddingleft]=\"true\"\n ></symphony-grid>\n</symphony-admin-list-template>\n", styles: [".icon-wrapper i{color:#334860}.icon-wrapper:hover i{color:#fff}\n"], components: [{ type: i1.AdminListTemplateComponent, selector: "symphony-admin-list-template" }, { type: i2.BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: ["breadcrumbs"], outputs: ["breadcrumbClicked"] }, { type: i3.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i4.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i5.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i6.TwoColumnFilterAreaComponent, selector: "symphony-two-column-filter-area", inputs: ["height"] }, { type: i7.InputDropdownComponent, selector: "symphony-input-dropdown", inputs: ["inputDropdownListModel", "disableBtn", "isInverse", "isRequired"], outputs: ["selectItem", "clearSelection"] }, { type: i8.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size"], outputs: ["textChange"] }, { type: i9.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i10.GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft"], outputs: ["sortChanged", "cellClick"] }], directives: [{ type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
48
48
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EventsSettingsPageComponent, decorators: [{
|
|
49
49
|
type: Component,
|
|
50
50
|
args: [{ selector: 'symphony-events-settings-page', encapsulation: ViewEncapsulation.None, template: "<symphony-admin-list-template *ngIf=\"model\">\n <symphony-breadcrumb breadcrumb [breadcrumbs]=\"model.breadcrumbs\">\n </symphony-breadcrumb>\n <symphony-h3 sfx-header>Event Settings</symphony-h3>\n <symphony-icon-wrapper\n sfx-page-action\n *ngIf=\"model.showAddButton\"\n (clicked)=\"onAddButtonClick()\"\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-two-column-filter-area sfx-filter-area>\n <symphony-input-dropdown\n filter-one\n [isInverse]=\"true\"\n [inputDropdownListModel]=\"model.settingTypeDropdown\"\n (selectItem)=\"onFilterChange($event)\"\n *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n >\n </symphony-input-dropdown>\n <ng-content\n *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n select=\"[filter-one]\"\n ></ng-content>\n <symphony-input-text\n filter-two\n [label]=\"'Search by Keyword'\"\n [placeholder]=\"'Enter Search Value'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"true\"\n (textChange)=\"keywordSearch($event)\"\n >\n </symphony-input-text>\n </symphony-two-column-filter-area>\n <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n <symphony-grid\n #sfxgrid\n sfx-grid\n [columnDefs]=\"model.grid.columnDefs\"\n [defaultColDef]=\"model.grid.defaultColumnDef\"\n [rowData]=\"model.grid.rowData\"\n [pageSize]=\"model.grid.pageSize\"\n [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n [rowModelType]=\"model.grid.rowModelType\"\n [hasNoPaddingleft]=\"true\"\n ></symphony-grid>\n</symphony-admin-list-template>\n", styles: [".icon-wrapper i{color:#334860}.icon-wrapper:hover i{color:#fff}\n"] }]
|
package/esm2020/projects/component-library/lib/molecules/breadcrumb/breadcrumb.component.mjs
CHANGED
|
@@ -1,20 +1,27 @@
|
|
|
1
|
-
import { Component, Input, ViewEncapsulation } from '@angular/core';
|
|
1
|
+
import { Component, Input, ViewEncapsulation, Output, EventEmitter, } from '@angular/core';
|
|
2
2
|
import { Icons } from '../../atoms/icon/icon.enum';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "../../atoms/icon/icon.component";
|
|
5
5
|
import * as i2 from "@angular/common";
|
|
6
6
|
export class BreadcrumbComponent {
|
|
7
|
-
constructor() {
|
|
7
|
+
constructor() {
|
|
8
|
+
this.breadcrumbClicked = new EventEmitter();
|
|
9
|
+
}
|
|
8
10
|
ngOnInit() {
|
|
9
11
|
this.icon = Icons.ARROWNEXT;
|
|
10
12
|
}
|
|
13
|
+
onBreadcrumbClick(breadcrumb) {
|
|
14
|
+
this.breadcrumbClicked.emit(breadcrumb);
|
|
15
|
+
}
|
|
11
16
|
}
|
|
12
17
|
BreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
-
BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: { breadcrumbs: "breadcrumbs" }, ngImport: i0, template: "<div class=\"sfx-breadcrumb-wrapper\">\n <span\n class=\"breadcrumb-item\"\n *ngFor=\"let breadcrumb of breadcrumbs; let last = last\"\n >\n <span class=\"breadcrumb-link\" *ngIf=\"!last\"\n ><a\n id=\"{{ breadcrumb.identifier }}\"\n class=\"sfx-cursor-pointer sfx-txt-black\"\n href=\"{{ breadcrumb.link }}\"\n >{{ breadcrumb.label }}</a\n
|
|
18
|
+
BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: { breadcrumbs: "breadcrumbs" }, outputs: { breadcrumbClicked: "breadcrumbClicked" }, ngImport: i0, template: "<div class=\"sfx-breadcrumb-wrapper\">\n <span\n class=\"breadcrumb-item\"\n *ngFor=\"let breadcrumb of breadcrumbs; let last = last\"\n >\n <span class=\"breadcrumb-link\" *ngIf=\"!last\"\n ><a *ngIf=\"!breadcrumb.link\"\n id=\"{{ breadcrumb.identifier }}\"\n class=\"sfx-cursor-pointer sfx-txt-black\"\n (click)=\"onBreadcrumbClick(breadcrumb)\"\n >{{ breadcrumb.label }}</a\n >\n <a\n *ngIf=\"breadcrumb.link\"\n id=\"{{ breadcrumb.identifier }}\"\n class=\"sfx-cursor-pointer sfx-txt-black\"\n href=\"{{ breadcrumb.link }}\"\n >{{ breadcrumb.label }}</a\n >\n </span\n >\n <span class=\"breadcrumb-link\" *ngIf=\"last\">{{ breadcrumb.label }} </span>\n\n <symphony-icon [icon]=\"icon\" [size]=\"'12px'\" *ngIf=\"!last\"></symphony-icon>\n </span>\n</div>\n", styles: [".sfx-p-0{padding:0}.sfx-p-5{padding:.3rem}.sfx-p-10{padding:.625rem}.sfx-p-15{padding:.9375rem}.sfx-p-20{padding:1.25rem}.sfx-p-30{padding:1.875rem}.sfx-pt-0{padding-top:0}.sfx-pt-5{padding-top:.3rem}.sfx-pt-10{padding-top:.625rem}.sfx-pt-15{padding-top:.9375rem}.sfx-pt-20{padding-top:1.25rem}.sfx-pt-25{padding-top:1.5625rem}.sfx-pt-30{padding-top:1.875rem}.sfx-pt-35{padding-top:2.1875rem}.sfx-pt-40{padding-top:2.5rem}.sfx-pt-50{padding-top:3.125rem}.sfx-pb-0{padding-bottom:0}.sfx-pb-5{padding-bottom:.3rem}.sfx-pb-10{padding-bottom:.625rem}.sfx-pb-15{padding-bottom:.9375rem}.sfx-pb-20{padding-bottom:1.25rem}.sfx-pb-25{padding-bottom:1.5625rem}.sfx-pb-30{padding-bottom:1.875rem}.sfx-pb-35{padding-bottom:2.1875rem}.sfx-pb-40{padding-bottom:2.5rem}.sfx-pb-50{padding-bottom:3.125rem}.sfx-pl-0{padding-left:0}.sfx-pl-5{padding-left:.3rem}.sfx-pl-10{padding-left:.625rem}.sfx-pl-15{padding-left:.9375rem}.sfx-pl-20{padding-left:1.25rem}.sfx-pl-25{padding-left:1.5625rem}.sfx-pl-30{padding-left:1.875rem}.sfx-pr-0{padding-right:0}.sfx-pr-5{padding-right:.3rem}.sfx-pr-10{padding-right:.625rem}.sfx-pr-15{padding-right:.9375rem}.sfx-pr-20{padding-right:1.25rem}.sfx-pr-25{padding-right:1.5625rem}.sfx-pr-30{padding-right:1.875rem}.sfx-py-15{padding-left:.9375rem;padding-right:.9375rem}.sfx-py-30{padding-left:1.875rem;padding-right:1.875rem}.sfx-px-0{padding-top:0;padding-bottom:0}.sfx-px-15{padding-top:.9375rem;padding-bottom:.9375rem}.sfx-px-20{padding-top:1.25rem;padding-bottom:1.25rem}.sfx-px-30{padding-top:1.875rem;padding-bottom:1.875rem}.sfx-m-0{margin:0}.sfx-m-5{margin:.3rem}.sfx-m-10{margin:.625rem}.sfx-m-15{margin:.9375rem}.sfx-m-20{margin:1.25rem}.sfx-m-auto{margin:0 auto}.sfx-mt-0{margin-top:0}.sfx-mt-5{margin-top:.3rem}.sfx-mt-10{margin-top:.625rem}.sfx-mt-15{margin-top:.9375rem}.sfx-mt-20{margin-top:1.25rem}.sfx-mt-25{margin-top:1.5625rem}.sfx-mt-30{margin-top:1.875rem}.sfx-mt-40{margin-top:2.5rem}.sfx-mt-80{margin-top:5rem}.sfx-mb-0{margin-bottom:0}.sfx-mb-5{margin-bottom:.3rem}.sfx-mb-10{margin-bottom:.625rem}.sfx-mb-15{margin-bottom:.9375rem}.sfx-mb-20{margin-bottom:1.25rem}.sfx-mb-25{margin-bottom:1.5625rem}.sfx-mb-30{margin-bottom:1.875rem}.sfx-mb-40{margin-bottom:2.5rem}.sfx-ml-0{margin-left:0}.sfx-ml-5{margin-left:.3rem}.sfx-ml-10{margin-left:.625rem}.sfx-ml-15{margin-left:.9375rem}.sfx-ml-20{margin-left:1.25rem}.sfx-ml-auto{margin-left:auto}.sfx-mr-0{margin-right:0}.sfx-mr-5{margin-right:.3rem}.sfx-mr-10{margin-right:.625rem}.sfx-mr-15{margin-right:.9375rem}.sfx-mr-20{margin-right:1.25rem}.sfx-mr-25{margin-right:1.5625rem}.sfx-mr-30{margin-right:1.875rem}.sfx-mr-40{margin-right:2.5rem}.sfx-breadcrumb-wrapper{padding-top:1.25rem}.sfx-breadcrumb-wrapper .breadcrumb-item{font-family:runda,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:12px!important;line-height:16px!important}.sfx-breadcrumb-wrapper .breadcrumb-item .breadcrumb-link a{font-family:runda,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:12px!important;line-height:16px!important;color:#82919f!important}.sfx-breadcrumb-wrapper .breadcrumb-item .breadcrumb-link:last-child{color:#000!important}.sfx-breadcrumb-wrapper .breadcrumb-item:last-child{color:#000!important}.sfx-breadcrumb-wrapper i{padding:0 6px;top:1.5px;position:relative;color:#82919f!important;font-size:13px!important}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
14
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: BreadcrumbComponent, decorators: [{
|
|
15
20
|
type: Component,
|
|
16
|
-
args: [{ selector: 'symphony-breadcrumb', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-breadcrumb-wrapper\">\n <span\n class=\"breadcrumb-item\"\n *ngFor=\"let breadcrumb of breadcrumbs; let last = last\"\n >\n <span class=\"breadcrumb-link\" *ngIf=\"!last\"\n ><a\n id=\"{{ breadcrumb.identifier }}\"\n class=\"sfx-cursor-pointer sfx-txt-black\"\n href=\"{{ breadcrumb.link }}\"\n >{{ breadcrumb.label }}</a\n
|
|
21
|
+
args: [{ selector: 'symphony-breadcrumb', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-breadcrumb-wrapper\">\n <span\n class=\"breadcrumb-item\"\n *ngFor=\"let breadcrumb of breadcrumbs; let last = last\"\n >\n <span class=\"breadcrumb-link\" *ngIf=\"!last\"\n ><a *ngIf=\"!breadcrumb.link\"\n id=\"{{ breadcrumb.identifier }}\"\n class=\"sfx-cursor-pointer sfx-txt-black\"\n (click)=\"onBreadcrumbClick(breadcrumb)\"\n >{{ breadcrumb.label }}</a\n >\n <a\n *ngIf=\"breadcrumb.link\"\n id=\"{{ breadcrumb.identifier }}\"\n class=\"sfx-cursor-pointer sfx-txt-black\"\n href=\"{{ breadcrumb.link }}\"\n >{{ breadcrumb.label }}</a\n >\n </span\n >\n <span class=\"breadcrumb-link\" *ngIf=\"last\">{{ breadcrumb.label }} </span>\n\n <symphony-icon [icon]=\"icon\" [size]=\"'12px'\" *ngIf=\"!last\"></symphony-icon>\n </span>\n</div>\n", styles: [".sfx-p-0{padding:0}.sfx-p-5{padding:.3rem}.sfx-p-10{padding:.625rem}.sfx-p-15{padding:.9375rem}.sfx-p-20{padding:1.25rem}.sfx-p-30{padding:1.875rem}.sfx-pt-0{padding-top:0}.sfx-pt-5{padding-top:.3rem}.sfx-pt-10{padding-top:.625rem}.sfx-pt-15{padding-top:.9375rem}.sfx-pt-20{padding-top:1.25rem}.sfx-pt-25{padding-top:1.5625rem}.sfx-pt-30{padding-top:1.875rem}.sfx-pt-35{padding-top:2.1875rem}.sfx-pt-40{padding-top:2.5rem}.sfx-pt-50{padding-top:3.125rem}.sfx-pb-0{padding-bottom:0}.sfx-pb-5{padding-bottom:.3rem}.sfx-pb-10{padding-bottom:.625rem}.sfx-pb-15{padding-bottom:.9375rem}.sfx-pb-20{padding-bottom:1.25rem}.sfx-pb-25{padding-bottom:1.5625rem}.sfx-pb-30{padding-bottom:1.875rem}.sfx-pb-35{padding-bottom:2.1875rem}.sfx-pb-40{padding-bottom:2.5rem}.sfx-pb-50{padding-bottom:3.125rem}.sfx-pl-0{padding-left:0}.sfx-pl-5{padding-left:.3rem}.sfx-pl-10{padding-left:.625rem}.sfx-pl-15{padding-left:.9375rem}.sfx-pl-20{padding-left:1.25rem}.sfx-pl-25{padding-left:1.5625rem}.sfx-pl-30{padding-left:1.875rem}.sfx-pr-0{padding-right:0}.sfx-pr-5{padding-right:.3rem}.sfx-pr-10{padding-right:.625rem}.sfx-pr-15{padding-right:.9375rem}.sfx-pr-20{padding-right:1.25rem}.sfx-pr-25{padding-right:1.5625rem}.sfx-pr-30{padding-right:1.875rem}.sfx-py-15{padding-left:.9375rem;padding-right:.9375rem}.sfx-py-30{padding-left:1.875rem;padding-right:1.875rem}.sfx-px-0{padding-top:0;padding-bottom:0}.sfx-px-15{padding-top:.9375rem;padding-bottom:.9375rem}.sfx-px-20{padding-top:1.25rem;padding-bottom:1.25rem}.sfx-px-30{padding-top:1.875rem;padding-bottom:1.875rem}.sfx-m-0{margin:0}.sfx-m-5{margin:.3rem}.sfx-m-10{margin:.625rem}.sfx-m-15{margin:.9375rem}.sfx-m-20{margin:1.25rem}.sfx-m-auto{margin:0 auto}.sfx-mt-0{margin-top:0}.sfx-mt-5{margin-top:.3rem}.sfx-mt-10{margin-top:.625rem}.sfx-mt-15{margin-top:.9375rem}.sfx-mt-20{margin-top:1.25rem}.sfx-mt-25{margin-top:1.5625rem}.sfx-mt-30{margin-top:1.875rem}.sfx-mt-40{margin-top:2.5rem}.sfx-mt-80{margin-top:5rem}.sfx-mb-0{margin-bottom:0}.sfx-mb-5{margin-bottom:.3rem}.sfx-mb-10{margin-bottom:.625rem}.sfx-mb-15{margin-bottom:.9375rem}.sfx-mb-20{margin-bottom:1.25rem}.sfx-mb-25{margin-bottom:1.5625rem}.sfx-mb-30{margin-bottom:1.875rem}.sfx-mb-40{margin-bottom:2.5rem}.sfx-ml-0{margin-left:0}.sfx-ml-5{margin-left:.3rem}.sfx-ml-10{margin-left:.625rem}.sfx-ml-15{margin-left:.9375rem}.sfx-ml-20{margin-left:1.25rem}.sfx-ml-auto{margin-left:auto}.sfx-mr-0{margin-right:0}.sfx-mr-5{margin-right:.3rem}.sfx-mr-10{margin-right:.625rem}.sfx-mr-15{margin-right:.9375rem}.sfx-mr-20{margin-right:1.25rem}.sfx-mr-25{margin-right:1.5625rem}.sfx-mr-30{margin-right:1.875rem}.sfx-mr-40{margin-right:2.5rem}.sfx-breadcrumb-wrapper{padding-top:1.25rem}.sfx-breadcrumb-wrapper .breadcrumb-item{font-family:runda,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:12px!important;line-height:16px!important}.sfx-breadcrumb-wrapper .breadcrumb-item .breadcrumb-link a{font-family:runda,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:12px!important;line-height:16px!important;color:#82919f!important}.sfx-breadcrumb-wrapper .breadcrumb-item .breadcrumb-link:last-child{color:#000!important}.sfx-breadcrumb-wrapper .breadcrumb-item:last-child{color:#000!important}.sfx-breadcrumb-wrapper i{padding:0 6px;top:1.5px;position:relative;color:#82919f!important;font-size:13px!important}\n"] }]
|
|
17
22
|
}], ctorParameters: function () { return []; }, propDecorators: { breadcrumbs: [{
|
|
18
23
|
type: Input
|
|
24
|
+
}], breadcrumbClicked: [{
|
|
25
|
+
type: Output
|
|
19
26
|
}] } });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL21vbGVjdWxlcy9icmVhZGNydW1iL2JyZWFkY3J1bWIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvYnJlYWRjcnVtYi9icmVhZGNydW1iLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBRVQsS0FBSyxFQUNMLGlCQUFpQixFQUNqQixNQUFNLEVBQ04sWUFBWSxHQUNiLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7OztBQVNuRCxNQUFNLE9BQU8sbUJBQW1CO0lBSzlCO1FBSFUsc0JBQWlCLEdBQUcsSUFBSSxZQUFZLEVBQW1CLENBQUM7SUFHbkQsQ0FBQztJQUVoQixRQUFRO1FBQ04sSUFBSSxDQUFDLElBQUksR0FBRyxLQUFLLENBQUMsU0FBUyxDQUFDO0lBQzlCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxVQUEyQjtRQUMzQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQzFDLENBQUM7O2dIQWJVLG1CQUFtQjtvR0FBbkIsbUJBQW1CLHdKQ2pCaEMscTJCQTBCQTsyRkRUYSxtQkFBbUI7a0JBTi9CLFNBQVM7K0JBQ0UscUJBQXFCLGlCQUdoQixpQkFBaUIsQ0FBQyxJQUFJOzBFQUc1QixXQUFXO3NCQUFuQixLQUFLO2dCQUNJLGlCQUFpQjtzQkFBMUIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgT25Jbml0LFxuICBJbnB1dCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIE91dHB1dCxcbiAgRXZlbnRFbWl0dGVyLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEljb25zIH0gZnJvbSAnLi4vLi4vYXRvbXMvaWNvbi9pY29uLmVudW0nO1xuaW1wb3J0IHsgQnJlYWRjcnVtYk1vZGVsIH0gZnJvbSAnLi9icmVhZGNydW1iLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktYnJlYWRjcnVtYicsXG4gIHRlbXBsYXRlVXJsOiAnLi9icmVhZGNydW1iLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYnJlYWRjcnVtYi5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBCcmVhZGNydW1iQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgYnJlYWRjcnVtYnM6IEJyZWFkY3J1bWJNb2RlbFtdO1xuICBAT3V0cHV0KCkgYnJlYWRjcnVtYkNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPEJyZWFkY3J1bWJNb2RlbD4oKTtcbiAgcHVibGljIGljb246IEljb25zO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmljb24gPSBJY29ucy5BUlJPV05FWFQ7XG4gIH1cblxuICBvbkJyZWFkY3J1bWJDbGljayhicmVhZGNydW1iOiBCcmVhZGNydW1iTW9kZWwpIHtcbiAgICB0aGlzLmJyZWFkY3J1bWJDbGlja2VkLmVtaXQoYnJlYWRjcnVtYik7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzZngtYnJlYWRjcnVtYi13cmFwcGVyXCI+XG4gIDxzcGFuXG4gICAgY2xhc3M9XCJicmVhZGNydW1iLWl0ZW1cIlxuICAgICpuZ0Zvcj1cImxldCBicmVhZGNydW1iIG9mIGJyZWFkY3J1bWJzOyBsZXQgbGFzdCA9IGxhc3RcIlxuICA+XG4gICAgPHNwYW4gY2xhc3M9XCJicmVhZGNydW1iLWxpbmtcIiAqbmdJZj1cIiFsYXN0XCJcbiAgICAgID48YSAqbmdJZj1cIiFicmVhZGNydW1iLmxpbmtcIlxuICAgICAgICBpZD1cInt7IGJyZWFkY3J1bWIuaWRlbnRpZmllciB9fVwiXG4gICAgICAgIGNsYXNzPVwic2Z4LWN1cnNvci1wb2ludGVyIHNmeC10eHQtYmxhY2tcIlxuICAgICAgICAoY2xpY2spPVwib25CcmVhZGNydW1iQ2xpY2soYnJlYWRjcnVtYilcIlxuICAgICAgICA+e3sgYnJlYWRjcnVtYi5sYWJlbCB9fTwvYVxuICAgICAgPlxuICAgICAgPGFcbiAgICAgICpuZ0lmPVwiYnJlYWRjcnVtYi5saW5rXCJcbiAgICAgICAgaWQ9XCJ7eyBicmVhZGNydW1iLmlkZW50aWZpZXIgfX1cIlxuICAgICAgICBjbGFzcz1cInNmeC1jdXJzb3ItcG9pbnRlciBzZngtdHh0LWJsYWNrXCJcbiAgICAgICAgaHJlZj1cInt7IGJyZWFkY3J1bWIubGluayB9fVwiXG4gICAgICAgID57eyBicmVhZGNydW1iLmxhYmVsIH19PC9hXG4gICAgICA+XG4gICAgICA8L3NwYW5cbiAgICA+XG4gICAgPHNwYW4gY2xhc3M9XCJicmVhZGNydW1iLWxpbmtcIiAqbmdJZj1cImxhc3RcIj57eyBicmVhZGNydW1iLmxhYmVsIH19IDwvc3Bhbj5cblxuICAgIDxzeW1waG9ueS1pY29uIFtpY29uXT1cImljb25cIiBbc2l6ZV09XCInMTJweCdcIiAqbmdJZj1cIiFsYXN0XCI+PC9zeW1waG9ueS1pY29uPlxuICA8L3NwYW4+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -44,7 +44,7 @@ export class EventsSettingsPageComponent {
|
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
46
|
EventsSettingsPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EventsSettingsPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
47
|
-
EventsSettingsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: EventsSettingsPageComponent, selector: "symphony-events-settings-page", inputs: { model: "model" }, outputs: { keywordSearchChange: "keywordSearchChange", filterChange: "filterChange", gridActionsSelectedOption: "gridActionsSelectedOption", addButtonClicked: "addButtonClicked" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-admin-list-template *ngIf=\"model\">\n <symphony-breadcrumb breadcrumb [breadcrumbs]=\"model.breadcrumbs\">\n </symphony-breadcrumb>\n <symphony-h3 sfx-header>Event Settings</symphony-h3>\n <symphony-icon-wrapper\n sfx-page-action\n *ngIf=\"model.showAddButton\"\n (clicked)=\"onAddButtonClick()\"\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-two-column-filter-area sfx-filter-area>\n <symphony-input-dropdown\n filter-one\n [isInverse]=\"true\"\n [inputDropdownListModel]=\"model.settingTypeDropdown\"\n (selectItem)=\"onFilterChange($event)\"\n *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n >\n </symphony-input-dropdown>\n <ng-content\n *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n select=\"[filter-one]\"\n ></ng-content>\n <symphony-input-text\n filter-two\n [label]=\"'Search by Keyword'\"\n [placeholder]=\"'Enter Search Value'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"true\"\n (textChange)=\"keywordSearch($event)\"\n >\n </symphony-input-text>\n </symphony-two-column-filter-area>\n <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n <symphony-grid\n #sfxgrid\n sfx-grid\n [columnDefs]=\"model.grid.columnDefs\"\n [defaultColDef]=\"model.grid.defaultColumnDef\"\n [rowData]=\"model.grid.rowData\"\n [pageSize]=\"model.grid.pageSize\"\n [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n [rowModelType]=\"model.grid.rowModelType\"\n [hasNoPaddingleft]=\"true\"\n ></symphony-grid>\n</symphony-admin-list-template>\n", styles: [".icon-wrapper i{color:#334860}.icon-wrapper:hover i{color:#fff}\n"], components: [{ type: i1.AdminListTemplateComponent, selector: "symphony-admin-list-template" }, { type: i2.BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: ["breadcrumbs"] }, { type: i3.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i4.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i5.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i6.TwoColumnFilterAreaComponent, selector: "symphony-two-column-filter-area", inputs: ["height"] }, { type: i7.InputDropdownComponent, selector: "symphony-input-dropdown", inputs: ["inputDropdownListModel", "disableBtn", "isInverse", "isRequired"], outputs: ["selectItem", "clearSelection"] }, { type: i8.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size"], outputs: ["textChange"] }, { type: i9.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i10.GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft"], outputs: ["sortChanged", "cellClick"] }], directives: [{ type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
47
|
+
EventsSettingsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: EventsSettingsPageComponent, selector: "symphony-events-settings-page", inputs: { model: "model" }, outputs: { keywordSearchChange: "keywordSearchChange", filterChange: "filterChange", gridActionsSelectedOption: "gridActionsSelectedOption", addButtonClicked: "addButtonClicked" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-admin-list-template *ngIf=\"model\">\n <symphony-breadcrumb breadcrumb [breadcrumbs]=\"model.breadcrumbs\">\n </symphony-breadcrumb>\n <symphony-h3 sfx-header>Event Settings</symphony-h3>\n <symphony-icon-wrapper\n sfx-page-action\n *ngIf=\"model.showAddButton\"\n (clicked)=\"onAddButtonClick()\"\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-two-column-filter-area sfx-filter-area>\n <symphony-input-dropdown\n filter-one\n [isInverse]=\"true\"\n [inputDropdownListModel]=\"model.settingTypeDropdown\"\n (selectItem)=\"onFilterChange($event)\"\n *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n >\n </symphony-input-dropdown>\n <ng-content\n *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n select=\"[filter-one]\"\n ></ng-content>\n <symphony-input-text\n filter-two\n [label]=\"'Search by Keyword'\"\n [placeholder]=\"'Enter Search Value'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"true\"\n (textChange)=\"keywordSearch($event)\"\n >\n </symphony-input-text>\n </symphony-two-column-filter-area>\n <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n <symphony-grid\n #sfxgrid\n sfx-grid\n [columnDefs]=\"model.grid.columnDefs\"\n [defaultColDef]=\"model.grid.defaultColumnDef\"\n [rowData]=\"model.grid.rowData\"\n [pageSize]=\"model.grid.pageSize\"\n [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n [rowModelType]=\"model.grid.rowModelType\"\n [hasNoPaddingleft]=\"true\"\n ></symphony-grid>\n</symphony-admin-list-template>\n", styles: [".icon-wrapper i{color:#334860}.icon-wrapper:hover i{color:#fff}\n"], components: [{ type: i1.AdminListTemplateComponent, selector: "symphony-admin-list-template" }, { type: i2.BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: ["breadcrumbs"], outputs: ["breadcrumbClicked"] }, { type: i3.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i4.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i5.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i6.TwoColumnFilterAreaComponent, selector: "symphony-two-column-filter-area", inputs: ["height"] }, { type: i7.InputDropdownComponent, selector: "symphony-input-dropdown", inputs: ["inputDropdownListModel", "disableBtn", "isInverse", "isRequired"], outputs: ["selectItem", "clearSelection"] }, { type: i8.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size"], outputs: ["textChange"] }, { type: i9.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i10.GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft"], outputs: ["sortChanged", "cellClick"] }], directives: [{ type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
48
48
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EventsSettingsPageComponent, decorators: [{
|
|
49
49
|
type: Component,
|
|
50
50
|
args: [{ selector: 'symphony-events-settings-page', encapsulation: ViewEncapsulation.None, template: "<symphony-admin-list-template *ngIf=\"model\">\n <symphony-breadcrumb breadcrumb [breadcrumbs]=\"model.breadcrumbs\">\n </symphony-breadcrumb>\n <symphony-h3 sfx-header>Event Settings</symphony-h3>\n <symphony-icon-wrapper\n sfx-page-action\n *ngIf=\"model.showAddButton\"\n (clicked)=\"onAddButtonClick()\"\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-two-column-filter-area sfx-filter-area>\n <symphony-input-dropdown\n filter-one\n [isInverse]=\"true\"\n [inputDropdownListModel]=\"model.settingTypeDropdown\"\n (selectItem)=\"onFilterChange($event)\"\n *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n >\n </symphony-input-dropdown>\n <ng-content\n *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n select=\"[filter-one]\"\n ></ng-content>\n <symphony-input-text\n filter-two\n [label]=\"'Search by Keyword'\"\n [placeholder]=\"'Enter Search Value'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"true\"\n (textChange)=\"keywordSearch($event)\"\n >\n </symphony-input-text>\n </symphony-two-column-filter-area>\n <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n <symphony-grid\n #sfxgrid\n sfx-grid\n [columnDefs]=\"model.grid.columnDefs\"\n [defaultColDef]=\"model.grid.defaultColumnDef\"\n [rowData]=\"model.grid.rowData\"\n [pageSize]=\"model.grid.pageSize\"\n [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n [rowModelType]=\"model.grid.rowModelType\"\n [hasNoPaddingleft]=\"true\"\n ></symphony-grid>\n</symphony-admin-list-template>\n", styles: [".icon-wrapper i{color:#334860}.icon-wrapper:hover i{color:#fff}\n"] }]
|
|
@@ -2395,18 +2395,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
2395
2395
|
}] });
|
|
2396
2396
|
|
|
2397
2397
|
class BreadcrumbComponent {
|
|
2398
|
-
constructor() {
|
|
2398
|
+
constructor() {
|
|
2399
|
+
this.breadcrumbClicked = new EventEmitter();
|
|
2400
|
+
}
|
|
2399
2401
|
ngOnInit() {
|
|
2400
2402
|
this.icon = Icons.ARROWNEXT;
|
|
2401
2403
|
}
|
|
2404
|
+
onBreadcrumbClick(breadcrumb) {
|
|
2405
|
+
this.breadcrumbClicked.emit(breadcrumb);
|
|
2406
|
+
}
|
|
2402
2407
|
}
|
|
2403
2408
|
BreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2404
|
-
BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: { breadcrumbs: "breadcrumbs" }, ngImport: i0, template: "<div class=\"sfx-breadcrumb-wrapper\">\n <span\n class=\"breadcrumb-item\"\n *ngFor=\"let breadcrumb of breadcrumbs; let last = last\"\n >\n <span class=\"breadcrumb-link\" *ngIf=\"!last\"\n ><a\n id=\"{{ breadcrumb.identifier }}\"\n class=\"sfx-cursor-pointer sfx-txt-black\"\n href=\"{{ breadcrumb.link }}\"\n >{{ breadcrumb.label }}</a\n
|
|
2409
|
+
BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: { breadcrumbs: "breadcrumbs" }, outputs: { breadcrumbClicked: "breadcrumbClicked" }, ngImport: i0, template: "<div class=\"sfx-breadcrumb-wrapper\">\n <span\n class=\"breadcrumb-item\"\n *ngFor=\"let breadcrumb of breadcrumbs; let last = last\"\n >\n <span class=\"breadcrumb-link\" *ngIf=\"!last\"\n ><a *ngIf=\"!breadcrumb.link\"\n id=\"{{ breadcrumb.identifier }}\"\n class=\"sfx-cursor-pointer sfx-txt-black\"\n (click)=\"onBreadcrumbClick(breadcrumb)\"\n >{{ breadcrumb.label }}</a\n >\n <a\n *ngIf=\"breadcrumb.link\"\n id=\"{{ breadcrumb.identifier }}\"\n class=\"sfx-cursor-pointer sfx-txt-black\"\n href=\"{{ breadcrumb.link }}\"\n >{{ breadcrumb.label }}</a\n >\n </span\n >\n <span class=\"breadcrumb-link\" *ngIf=\"last\">{{ breadcrumb.label }} </span>\n\n <symphony-icon [icon]=\"icon\" [size]=\"'12px'\" *ngIf=\"!last\"></symphony-icon>\n </span>\n</div>\n", styles: [".sfx-p-0{padding:0}.sfx-p-5{padding:.3rem}.sfx-p-10{padding:.625rem}.sfx-p-15{padding:.9375rem}.sfx-p-20{padding:1.25rem}.sfx-p-30{padding:1.875rem}.sfx-pt-0{padding-top:0}.sfx-pt-5{padding-top:.3rem}.sfx-pt-10{padding-top:.625rem}.sfx-pt-15{padding-top:.9375rem}.sfx-pt-20{padding-top:1.25rem}.sfx-pt-25{padding-top:1.5625rem}.sfx-pt-30{padding-top:1.875rem}.sfx-pt-35{padding-top:2.1875rem}.sfx-pt-40{padding-top:2.5rem}.sfx-pt-50{padding-top:3.125rem}.sfx-pb-0{padding-bottom:0}.sfx-pb-5{padding-bottom:.3rem}.sfx-pb-10{padding-bottom:.625rem}.sfx-pb-15{padding-bottom:.9375rem}.sfx-pb-20{padding-bottom:1.25rem}.sfx-pb-25{padding-bottom:1.5625rem}.sfx-pb-30{padding-bottom:1.875rem}.sfx-pb-35{padding-bottom:2.1875rem}.sfx-pb-40{padding-bottom:2.5rem}.sfx-pb-50{padding-bottom:3.125rem}.sfx-pl-0{padding-left:0}.sfx-pl-5{padding-left:.3rem}.sfx-pl-10{padding-left:.625rem}.sfx-pl-15{padding-left:.9375rem}.sfx-pl-20{padding-left:1.25rem}.sfx-pl-25{padding-left:1.5625rem}.sfx-pl-30{padding-left:1.875rem}.sfx-pr-0{padding-right:0}.sfx-pr-5{padding-right:.3rem}.sfx-pr-10{padding-right:.625rem}.sfx-pr-15{padding-right:.9375rem}.sfx-pr-20{padding-right:1.25rem}.sfx-pr-25{padding-right:1.5625rem}.sfx-pr-30{padding-right:1.875rem}.sfx-py-15{padding-left:.9375rem;padding-right:.9375rem}.sfx-py-30{padding-left:1.875rem;padding-right:1.875rem}.sfx-px-0{padding-top:0;padding-bottom:0}.sfx-px-15{padding-top:.9375rem;padding-bottom:.9375rem}.sfx-px-20{padding-top:1.25rem;padding-bottom:1.25rem}.sfx-px-30{padding-top:1.875rem;padding-bottom:1.875rem}.sfx-m-0{margin:0}.sfx-m-5{margin:.3rem}.sfx-m-10{margin:.625rem}.sfx-m-15{margin:.9375rem}.sfx-m-20{margin:1.25rem}.sfx-m-auto{margin:0 auto}.sfx-mt-0{margin-top:0}.sfx-mt-5{margin-top:.3rem}.sfx-mt-10{margin-top:.625rem}.sfx-mt-15{margin-top:.9375rem}.sfx-mt-20{margin-top:1.25rem}.sfx-mt-25{margin-top:1.5625rem}.sfx-mt-30{margin-top:1.875rem}.sfx-mt-40{margin-top:2.5rem}.sfx-mt-80{margin-top:5rem}.sfx-mb-0{margin-bottom:0}.sfx-mb-5{margin-bottom:.3rem}.sfx-mb-10{margin-bottom:.625rem}.sfx-mb-15{margin-bottom:.9375rem}.sfx-mb-20{margin-bottom:1.25rem}.sfx-mb-25{margin-bottom:1.5625rem}.sfx-mb-30{margin-bottom:1.875rem}.sfx-mb-40{margin-bottom:2.5rem}.sfx-ml-0{margin-left:0}.sfx-ml-5{margin-left:.3rem}.sfx-ml-10{margin-left:.625rem}.sfx-ml-15{margin-left:.9375rem}.sfx-ml-20{margin-left:1.25rem}.sfx-ml-auto{margin-left:auto}.sfx-mr-0{margin-right:0}.sfx-mr-5{margin-right:.3rem}.sfx-mr-10{margin-right:.625rem}.sfx-mr-15{margin-right:.9375rem}.sfx-mr-20{margin-right:1.25rem}.sfx-mr-25{margin-right:1.5625rem}.sfx-mr-30{margin-right:1.875rem}.sfx-mr-40{margin-right:2.5rem}.sfx-breadcrumb-wrapper{padding-top:1.25rem}.sfx-breadcrumb-wrapper .breadcrumb-item{font-family:runda,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:12px!important;line-height:16px!important}.sfx-breadcrumb-wrapper .breadcrumb-item .breadcrumb-link a{font-family:runda,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:12px!important;line-height:16px!important;color:#82919f!important}.sfx-breadcrumb-wrapper .breadcrumb-item .breadcrumb-link:last-child{color:#000!important}.sfx-breadcrumb-wrapper .breadcrumb-item:last-child{color:#000!important}.sfx-breadcrumb-wrapper i{padding:0 6px;top:1.5px;position:relative;color:#82919f!important;font-size:13px!important}\n"], components: [{ type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
2405
2410
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: BreadcrumbComponent, decorators: [{
|
|
2406
2411
|
type: Component,
|
|
2407
|
-
args: [{ selector: 'symphony-breadcrumb', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-breadcrumb-wrapper\">\n <span\n class=\"breadcrumb-item\"\n *ngFor=\"let breadcrumb of breadcrumbs; let last = last\"\n >\n <span class=\"breadcrumb-link\" *ngIf=\"!last\"\n ><a\n id=\"{{ breadcrumb.identifier }}\"\n class=\"sfx-cursor-pointer sfx-txt-black\"\n href=\"{{ breadcrumb.link }}\"\n >{{ breadcrumb.label }}</a\n
|
|
2412
|
+
args: [{ selector: 'symphony-breadcrumb', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-breadcrumb-wrapper\">\n <span\n class=\"breadcrumb-item\"\n *ngFor=\"let breadcrumb of breadcrumbs; let last = last\"\n >\n <span class=\"breadcrumb-link\" *ngIf=\"!last\"\n ><a *ngIf=\"!breadcrumb.link\"\n id=\"{{ breadcrumb.identifier }}\"\n class=\"sfx-cursor-pointer sfx-txt-black\"\n (click)=\"onBreadcrumbClick(breadcrumb)\"\n >{{ breadcrumb.label }}</a\n >\n <a\n *ngIf=\"breadcrumb.link\"\n id=\"{{ breadcrumb.identifier }}\"\n class=\"sfx-cursor-pointer sfx-txt-black\"\n href=\"{{ breadcrumb.link }}\"\n >{{ breadcrumb.label }}</a\n >\n </span\n >\n <span class=\"breadcrumb-link\" *ngIf=\"last\">{{ breadcrumb.label }} </span>\n\n <symphony-icon [icon]=\"icon\" [size]=\"'12px'\" *ngIf=\"!last\"></symphony-icon>\n </span>\n</div>\n", styles: [".sfx-p-0{padding:0}.sfx-p-5{padding:.3rem}.sfx-p-10{padding:.625rem}.sfx-p-15{padding:.9375rem}.sfx-p-20{padding:1.25rem}.sfx-p-30{padding:1.875rem}.sfx-pt-0{padding-top:0}.sfx-pt-5{padding-top:.3rem}.sfx-pt-10{padding-top:.625rem}.sfx-pt-15{padding-top:.9375rem}.sfx-pt-20{padding-top:1.25rem}.sfx-pt-25{padding-top:1.5625rem}.sfx-pt-30{padding-top:1.875rem}.sfx-pt-35{padding-top:2.1875rem}.sfx-pt-40{padding-top:2.5rem}.sfx-pt-50{padding-top:3.125rem}.sfx-pb-0{padding-bottom:0}.sfx-pb-5{padding-bottom:.3rem}.sfx-pb-10{padding-bottom:.625rem}.sfx-pb-15{padding-bottom:.9375rem}.sfx-pb-20{padding-bottom:1.25rem}.sfx-pb-25{padding-bottom:1.5625rem}.sfx-pb-30{padding-bottom:1.875rem}.sfx-pb-35{padding-bottom:2.1875rem}.sfx-pb-40{padding-bottom:2.5rem}.sfx-pb-50{padding-bottom:3.125rem}.sfx-pl-0{padding-left:0}.sfx-pl-5{padding-left:.3rem}.sfx-pl-10{padding-left:.625rem}.sfx-pl-15{padding-left:.9375rem}.sfx-pl-20{padding-left:1.25rem}.sfx-pl-25{padding-left:1.5625rem}.sfx-pl-30{padding-left:1.875rem}.sfx-pr-0{padding-right:0}.sfx-pr-5{padding-right:.3rem}.sfx-pr-10{padding-right:.625rem}.sfx-pr-15{padding-right:.9375rem}.sfx-pr-20{padding-right:1.25rem}.sfx-pr-25{padding-right:1.5625rem}.sfx-pr-30{padding-right:1.875rem}.sfx-py-15{padding-left:.9375rem;padding-right:.9375rem}.sfx-py-30{padding-left:1.875rem;padding-right:1.875rem}.sfx-px-0{padding-top:0;padding-bottom:0}.sfx-px-15{padding-top:.9375rem;padding-bottom:.9375rem}.sfx-px-20{padding-top:1.25rem;padding-bottom:1.25rem}.sfx-px-30{padding-top:1.875rem;padding-bottom:1.875rem}.sfx-m-0{margin:0}.sfx-m-5{margin:.3rem}.sfx-m-10{margin:.625rem}.sfx-m-15{margin:.9375rem}.sfx-m-20{margin:1.25rem}.sfx-m-auto{margin:0 auto}.sfx-mt-0{margin-top:0}.sfx-mt-5{margin-top:.3rem}.sfx-mt-10{margin-top:.625rem}.sfx-mt-15{margin-top:.9375rem}.sfx-mt-20{margin-top:1.25rem}.sfx-mt-25{margin-top:1.5625rem}.sfx-mt-30{margin-top:1.875rem}.sfx-mt-40{margin-top:2.5rem}.sfx-mt-80{margin-top:5rem}.sfx-mb-0{margin-bottom:0}.sfx-mb-5{margin-bottom:.3rem}.sfx-mb-10{margin-bottom:.625rem}.sfx-mb-15{margin-bottom:.9375rem}.sfx-mb-20{margin-bottom:1.25rem}.sfx-mb-25{margin-bottom:1.5625rem}.sfx-mb-30{margin-bottom:1.875rem}.sfx-mb-40{margin-bottom:2.5rem}.sfx-ml-0{margin-left:0}.sfx-ml-5{margin-left:.3rem}.sfx-ml-10{margin-left:.625rem}.sfx-ml-15{margin-left:.9375rem}.sfx-ml-20{margin-left:1.25rem}.sfx-ml-auto{margin-left:auto}.sfx-mr-0{margin-right:0}.sfx-mr-5{margin-right:.3rem}.sfx-mr-10{margin-right:.625rem}.sfx-mr-15{margin-right:.9375rem}.sfx-mr-20{margin-right:1.25rem}.sfx-mr-25{margin-right:1.5625rem}.sfx-mr-30{margin-right:1.875rem}.sfx-mr-40{margin-right:2.5rem}.sfx-breadcrumb-wrapper{padding-top:1.25rem}.sfx-breadcrumb-wrapper .breadcrumb-item{font-family:runda,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:12px!important;line-height:16px!important}.sfx-breadcrumb-wrapper .breadcrumb-item .breadcrumb-link a{font-family:runda,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:12px!important;line-height:16px!important;color:#82919f!important}.sfx-breadcrumb-wrapper .breadcrumb-item .breadcrumb-link:last-child{color:#000!important}.sfx-breadcrumb-wrapper .breadcrumb-item:last-child{color:#000!important}.sfx-breadcrumb-wrapper i{padding:0 6px;top:1.5px;position:relative;color:#82919f!important;font-size:13px!important}\n"] }]
|
|
2408
2413
|
}], ctorParameters: function () { return []; }, propDecorators: { breadcrumbs: [{
|
|
2409
2414
|
type: Input
|
|
2415
|
+
}], breadcrumbClicked: [{
|
|
2416
|
+
type: Output
|
|
2410
2417
|
}] } });
|
|
2411
2418
|
|
|
2412
2419
|
class BreadcrumbModule {
|
|
@@ -5224,7 +5231,7 @@ class EventsSettingsPageComponent {
|
|
|
5224
5231
|
}
|
|
5225
5232
|
}
|
|
5226
5233
|
EventsSettingsPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EventsSettingsPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5227
|
-
EventsSettingsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: EventsSettingsPageComponent, selector: "symphony-events-settings-page", inputs: { model: "model" }, outputs: { keywordSearchChange: "keywordSearchChange", filterChange: "filterChange", gridActionsSelectedOption: "gridActionsSelectedOption", addButtonClicked: "addButtonClicked" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-admin-list-template *ngIf=\"model\">\n <symphony-breadcrumb breadcrumb [breadcrumbs]=\"model.breadcrumbs\">\n </symphony-breadcrumb>\n <symphony-h3 sfx-header>Event Settings</symphony-h3>\n <symphony-icon-wrapper\n sfx-page-action\n *ngIf=\"model.showAddButton\"\n (clicked)=\"onAddButtonClick()\"\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-two-column-filter-area sfx-filter-area>\n <symphony-input-dropdown\n filter-one\n [isInverse]=\"true\"\n [inputDropdownListModel]=\"model.settingTypeDropdown\"\n (selectItem)=\"onFilterChange($event)\"\n *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n >\n </symphony-input-dropdown>\n <ng-content\n *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n select=\"[filter-one]\"\n ></ng-content>\n <symphony-input-text\n filter-two\n [label]=\"'Search by Keyword'\"\n [placeholder]=\"'Enter Search Value'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"true\"\n (textChange)=\"keywordSearch($event)\"\n >\n </symphony-input-text>\n </symphony-two-column-filter-area>\n <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n <symphony-grid\n #sfxgrid\n sfx-grid\n [columnDefs]=\"model.grid.columnDefs\"\n [defaultColDef]=\"model.grid.defaultColumnDef\"\n [rowData]=\"model.grid.rowData\"\n [pageSize]=\"model.grid.pageSize\"\n [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n [rowModelType]=\"model.grid.rowModelType\"\n [hasNoPaddingleft]=\"true\"\n ></symphony-grid>\n</symphony-admin-list-template>\n", styles: [".icon-wrapper i{color:#334860}.icon-wrapper:hover i{color:#fff}\n"], components: [{ type: AdminListTemplateComponent, selector: "symphony-admin-list-template" }, { type: BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: ["breadcrumbs"] }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: TwoColumnFilterAreaComponent, selector: "symphony-two-column-filter-area", inputs: ["height"] }, { type: InputDropdownComponent, selector: "symphony-input-dropdown", inputs: ["inputDropdownListModel", "disableBtn", "isInverse", "isRequired"], outputs: ["selectItem", "clearSelection"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size"], outputs: ["textChange"] }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft"], outputs: ["sortChanged", "cellClick"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
5234
|
+
EventsSettingsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: EventsSettingsPageComponent, selector: "symphony-events-settings-page", inputs: { model: "model" }, outputs: { keywordSearchChange: "keywordSearchChange", filterChange: "filterChange", gridActionsSelectedOption: "gridActionsSelectedOption", addButtonClicked: "addButtonClicked" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-admin-list-template *ngIf=\"model\">\n <symphony-breadcrumb breadcrumb [breadcrumbs]=\"model.breadcrumbs\">\n </symphony-breadcrumb>\n <symphony-h3 sfx-header>Event Settings</symphony-h3>\n <symphony-icon-wrapper\n sfx-page-action\n *ngIf=\"model.showAddButton\"\n (clicked)=\"onAddButtonClick()\"\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-two-column-filter-area sfx-filter-area>\n <symphony-input-dropdown\n filter-one\n [isInverse]=\"true\"\n [inputDropdownListModel]=\"model.settingTypeDropdown\"\n (selectItem)=\"onFilterChange($event)\"\n *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n >\n </symphony-input-dropdown>\n <ng-content\n *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n select=\"[filter-one]\"\n ></ng-content>\n <symphony-input-text\n filter-two\n [label]=\"'Search by Keyword'\"\n [placeholder]=\"'Enter Search Value'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"true\"\n (textChange)=\"keywordSearch($event)\"\n >\n </symphony-input-text>\n </symphony-two-column-filter-area>\n <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n <symphony-grid\n #sfxgrid\n sfx-grid\n [columnDefs]=\"model.grid.columnDefs\"\n [defaultColDef]=\"model.grid.defaultColumnDef\"\n [rowData]=\"model.grid.rowData\"\n [pageSize]=\"model.grid.pageSize\"\n [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n [rowModelType]=\"model.grid.rowModelType\"\n [hasNoPaddingleft]=\"true\"\n ></symphony-grid>\n</symphony-admin-list-template>\n", styles: [".icon-wrapper i{color:#334860}.icon-wrapper:hover i{color:#fff}\n"], components: [{ type: AdminListTemplateComponent, selector: "symphony-admin-list-template" }, { type: BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: ["breadcrumbs"], outputs: ["breadcrumbClicked"] }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: TwoColumnFilterAreaComponent, selector: "symphony-two-column-filter-area", inputs: ["height"] }, { type: InputDropdownComponent, selector: "symphony-input-dropdown", inputs: ["inputDropdownListModel", "disableBtn", "isInverse", "isRequired"], outputs: ["selectItem", "clearSelection"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size"], outputs: ["textChange"] }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft"], outputs: ["sortChanged", "cellClick"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
5228
5235
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EventsSettingsPageComponent, decorators: [{
|
|
5229
5236
|
type: Component,
|
|
5230
5237
|
args: [{ selector: 'symphony-events-settings-page', encapsulation: ViewEncapsulation.None, template: "<symphony-admin-list-template *ngIf=\"model\">\n <symphony-breadcrumb breadcrumb [breadcrumbs]=\"model.breadcrumbs\">\n </symphony-breadcrumb>\n <symphony-h3 sfx-header>Event Settings</symphony-h3>\n <symphony-icon-wrapper\n sfx-page-action\n *ngIf=\"model.showAddButton\"\n (clicked)=\"onAddButtonClick()\"\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-two-column-filter-area sfx-filter-area>\n <symphony-input-dropdown\n filter-one\n [isInverse]=\"true\"\n [inputDropdownListModel]=\"model.settingTypeDropdown\"\n (selectItem)=\"onFilterChange($event)\"\n *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n >\n </symphony-input-dropdown>\n <ng-content\n *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n select=\"[filter-one]\"\n ></ng-content>\n <symphony-input-text\n filter-two\n [label]=\"'Search by Keyword'\"\n [placeholder]=\"'Enter Search Value'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"true\"\n (textChange)=\"keywordSearch($event)\"\n >\n </symphony-input-text>\n </symphony-two-column-filter-area>\n <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n <symphony-grid\n #sfxgrid\n sfx-grid\n [columnDefs]=\"model.grid.columnDefs\"\n [defaultColDef]=\"model.grid.defaultColumnDef\"\n [rowData]=\"model.grid.rowData\"\n [pageSize]=\"model.grid.pageSize\"\n [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n [rowModelType]=\"model.grid.rowModelType\"\n [hasNoPaddingleft]=\"true\"\n ></symphony-grid>\n</symphony-admin-list-template>\n", styles: [".icon-wrapper i{color:#334860}.icon-wrapper:hover i{color:#fff}\n"] }]
|