@symphony-talent/component-library 3.45.2 → 3.46.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/atoms/contextual-menu/contextual-menu.component.mjs +4 -3
- package/esm2020/lib/atoms/contextual-menu/contextual-menu.module.mjs +5 -4
- package/esm2020/lib/organisms/grid-actions/grid-actions.component.mjs +4 -3
- package/esm2020/lib/organisms/grid-actions/grid-actions.module.mjs +5 -4
- package/esm2020/lib/organisms/grid-controls/grid-controls.component.mjs +3 -3
- package/esm2020/lib/pipe/pipe.module.mjs +22 -0
- package/esm2020/lib/pipe/trim-id.pipe.mjs +22 -0
- package/esm2020/projects/component-library/lib/atoms/contextual-menu/contextual-menu.component.mjs +4 -3
- package/esm2020/projects/component-library/lib/atoms/contextual-menu/contextual-menu.module.mjs +5 -4
- package/esm2020/projects/component-library/lib/organisms/grid-actions/grid-actions.component.mjs +4 -3
- package/esm2020/projects/component-library/lib/organisms/grid-actions/grid-actions.module.mjs +5 -4
- package/esm2020/projects/component-library/lib/organisms/grid-controls/grid-controls.component.mjs +3 -3
- package/esm2020/projects/component-library/lib/pipe/pipe.module.mjs +22 -0
- package/esm2020/projects/component-library/lib/pipe/trim-id.pipe.mjs +22 -0
- package/esm2020/projects/component-library/public-api.mjs +6 -1
- package/esm2020/public-api.mjs +6 -1
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +52 -14
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +52 -14
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +52 -14
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +52 -14
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/atoms/contextual-menu/contextual-menu.module.d.ts +2 -1
- package/lib/organisms/grid-actions/grid-actions.module.d.ts +2 -1
- package/lib/pipe/pipe.module.d.ts +8 -0
- package/lib/pipe/trim-id.pipe.d.ts +8 -0
- package/package.json +1 -1
- package/projects/component-library/lib/atoms/contextual-menu/contextual-menu.module.d.ts +2 -1
- package/projects/component-library/lib/organisms/grid-actions/grid-actions.module.d.ts +2 -1
- package/projects/component-library/lib/pipe/pipe.module.d.ts +8 -0
- package/projects/component-library/lib/pipe/trim-id.pipe.d.ts +8 -0
- package/projects/component-library/public-api.d.ts +2 -0
- package/public-api.d.ts +2 -0
|
@@ -2,6 +2,7 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "ngx-bootstrap/dropdown";
|
|
4
4
|
import * as i2 from "@angular/common";
|
|
5
|
+
import * as i3 from "../../pipe/trim-id.pipe";
|
|
5
6
|
export class ContextualMenuComponent {
|
|
6
7
|
constructor() {
|
|
7
8
|
this.model = {
|
|
@@ -14,13 +15,13 @@ export class ContextualMenuComponent {
|
|
|
14
15
|
}
|
|
15
16
|
}
|
|
16
17
|
ContextualMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ContextualMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
-
ContextualMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: { model: "model" }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: "<div class=\"btn-group\" dropdown>\n <button\n id=\"button-basic\"\n dropdownToggle\n type=\"button\"\n class=\"btn dropdown-toggle\"\n [ngClass]=\"{\n 'has-border': model.hasBorder\n }\"\n aria-controls=\"dropdown-basic\"\n aria-label=\"more-actions-menu\"\n >\n <i class=\"si-more-options\"></i>\n </button>\n <ul\n id=\"dropdown-basic\"\n *dropdownMenu\n class=\"dropdown-menu\"\n role=\"menu\"\n aria-labelledby=\"button-basic\"\n >\n <li role=\"menuitem\" *ngFor=\"let item of model.items\">\n <a\n class=\"dropdown-item\"\n href=\"#\"\n (click)=\"$event.preventDefault(); onItemClick(item)\"\n >{{ item }}</a\n >\n </li>\n </ul>\n</div>\n", styles: [".btn-group .has-border{border-radius:50%;border:2px solid #000;height:40px;width:40px;padding:9px 0;cursor:pointer;text-align:center}.btn-group button.dropdown-toggle.btn{display:flex;align-items:center;justify-content:center;background:#ffffff;padding:0;font-size:18px;line-height:26px;box-shadow:none;width:40px;height:40px;min-height:40px;border-radius:50%!important;color:#000}.btn-group button.dropdown-toggle.btn:hover{background:#000000;color:#fff!important}.btn-group button.dropdown-toggle.btn .si-more-options{font-size:18px}.btn-group .dropdown-menu{min-width:240px;margin-top:10px;border:none;border-radius:10px;padding-top:20px;padding-bottom:20px;right:-10px;left:auto;box-shadow:0 0 30px #0003;max-height:none;overflow:inherit}.btn-group .dropdown-menu li a.dropdown-item{padding:0 20px;line-height:40px;color:#000;font-weight:600}.btn-group .dropdown-menu li a.dropdown-item:hover{background:#000000;color:#fff}.btn-group .dropdown-menu li a.not-allowed{cursor:not-allowed}.btn-group .dropdown-menu:before{content:\"\\e252\";font-family:Glyphicons Halflings!important;font-size:14px;transform:rotate(180deg);display:inline-block;position:absolute;top:-13px;right:23px;color:#fff}.btn-group.open button.dropdown-toggle.btn{background:#000000;color:#fff}\n"], directives: [{ type: i1.BsDropdownDirective, selector: "[bsDropdown],[dropdown]", inputs: ["autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen", "placement", "triggers", "container", "dropup"], outputs: ["onShown", "onHidden", "isOpenChange"], exportAs: ["bs-dropdown"] }, { type: i1.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
18
|
+
ContextualMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: { model: "model" }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: "<div class=\"btn-group\" dropdown>\n <button\n id=\"button-basic\"\n dropdownToggle\n type=\"button\"\n class=\"btn dropdown-toggle\"\n [ngClass]=\"{\n 'has-border': model.hasBorder\n }\"\n aria-controls=\"dropdown-basic\"\n aria-label=\"more-actions-menu\"\n >\n <i class=\"si-more-options\"></i>\n </button>\n <ul\n id=\"dropdown-basic\"\n *dropdownMenu\n class=\"dropdown-menu\"\n role=\"menu\"\n aria-labelledby=\"button-basic\"\n >\n <li role=\"menuitem\" *ngFor=\"let item of model.items\">\n <a\n class=\"dropdown-item\"\n href=\"#\" id=\"dropdown-item-{{item | trimId}}\"\n (click)=\"$event.preventDefault(); onItemClick(item)\"\n >{{ item }}</a\n >\n </li>\n </ul>\n</div>\n", styles: [".btn-group .has-border{border-radius:50%;border:2px solid #000;height:40px;width:40px;padding:9px 0;cursor:pointer;text-align:center}.btn-group button.dropdown-toggle.btn{display:flex;align-items:center;justify-content:center;background:#ffffff;padding:0;font-size:18px;line-height:26px;box-shadow:none;width:40px;height:40px;min-height:40px;border-radius:50%!important;color:#000}.btn-group button.dropdown-toggle.btn:hover{background:#000000;color:#fff!important}.btn-group button.dropdown-toggle.btn .si-more-options{font-size:18px}.btn-group .dropdown-menu{min-width:240px;margin-top:10px;border:none;border-radius:10px;padding-top:20px;padding-bottom:20px;right:-10px;left:auto;box-shadow:0 0 30px #0003;max-height:none;overflow:inherit}.btn-group .dropdown-menu li a.dropdown-item{padding:0 20px;line-height:40px;color:#000;font-weight:600}.btn-group .dropdown-menu li a.dropdown-item:hover{background:#000000;color:#fff}.btn-group .dropdown-menu li a.not-allowed{cursor:not-allowed}.btn-group .dropdown-menu:before{content:\"\\e252\";font-family:Glyphicons Halflings!important;font-size:14px;transform:rotate(180deg);display:inline-block;position:absolute;top:-13px;right:23px;color:#fff}.btn-group.open button.dropdown-toggle.btn{background:#000000;color:#fff}\n"], directives: [{ type: i1.BsDropdownDirective, selector: "[bsDropdown],[dropdown]", inputs: ["autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen", "placement", "triggers", "container", "dropup"], outputs: ["onShown", "onHidden", "isOpenChange"], exportAs: ["bs-dropdown"] }, { type: i1.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "trimId": i3.TrimIdPipe } });
|
|
18
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ContextualMenuComponent, decorators: [{
|
|
19
20
|
type: Component,
|
|
20
|
-
args: [{ selector: 'symphony-contextual-menu', template: "<div class=\"btn-group\" dropdown>\n <button\n id=\"button-basic\"\n dropdownToggle\n type=\"button\"\n class=\"btn dropdown-toggle\"\n [ngClass]=\"{\n 'has-border': model.hasBorder\n }\"\n aria-controls=\"dropdown-basic\"\n aria-label=\"more-actions-menu\"\n >\n <i class=\"si-more-options\"></i>\n </button>\n <ul\n id=\"dropdown-basic\"\n *dropdownMenu\n class=\"dropdown-menu\"\n role=\"menu\"\n aria-labelledby=\"button-basic\"\n >\n <li role=\"menuitem\" *ngFor=\"let item of model.items\">\n <a\n class=\"dropdown-item\"\n href=\"#\"\n (click)=\"$event.preventDefault(); onItemClick(item)\"\n >{{ item }}</a\n >\n </li>\n </ul>\n</div>\n", styles: [".btn-group .has-border{border-radius:50%;border:2px solid #000;height:40px;width:40px;padding:9px 0;cursor:pointer;text-align:center}.btn-group button.dropdown-toggle.btn{display:flex;align-items:center;justify-content:center;background:#ffffff;padding:0;font-size:18px;line-height:26px;box-shadow:none;width:40px;height:40px;min-height:40px;border-radius:50%!important;color:#000}.btn-group button.dropdown-toggle.btn:hover{background:#000000;color:#fff!important}.btn-group button.dropdown-toggle.btn .si-more-options{font-size:18px}.btn-group .dropdown-menu{min-width:240px;margin-top:10px;border:none;border-radius:10px;padding-top:20px;padding-bottom:20px;right:-10px;left:auto;box-shadow:0 0 30px #0003;max-height:none;overflow:inherit}.btn-group .dropdown-menu li a.dropdown-item{padding:0 20px;line-height:40px;color:#000;font-weight:600}.btn-group .dropdown-menu li a.dropdown-item:hover{background:#000000;color:#fff}.btn-group .dropdown-menu li a.not-allowed{cursor:not-allowed}.btn-group .dropdown-menu:before{content:\"\\e252\";font-family:Glyphicons Halflings!important;font-size:14px;transform:rotate(180deg);display:inline-block;position:absolute;top:-13px;right:23px;color:#fff}.btn-group.open button.dropdown-toggle.btn{background:#000000;color:#fff}\n"] }]
|
|
21
|
+
args: [{ selector: 'symphony-contextual-menu', template: "<div class=\"btn-group\" dropdown>\n <button\n id=\"button-basic\"\n dropdownToggle\n type=\"button\"\n class=\"btn dropdown-toggle\"\n [ngClass]=\"{\n 'has-border': model.hasBorder\n }\"\n aria-controls=\"dropdown-basic\"\n aria-label=\"more-actions-menu\"\n >\n <i class=\"si-more-options\"></i>\n </button>\n <ul\n id=\"dropdown-basic\"\n *dropdownMenu\n class=\"dropdown-menu\"\n role=\"menu\"\n aria-labelledby=\"button-basic\"\n >\n <li role=\"menuitem\" *ngFor=\"let item of model.items\">\n <a\n class=\"dropdown-item\"\n href=\"#\" id=\"dropdown-item-{{item | trimId}}\"\n (click)=\"$event.preventDefault(); onItemClick(item)\"\n >{{ item }}</a\n >\n </li>\n </ul>\n</div>\n", styles: [".btn-group .has-border{border-radius:50%;border:2px solid #000;height:40px;width:40px;padding:9px 0;cursor:pointer;text-align:center}.btn-group button.dropdown-toggle.btn{display:flex;align-items:center;justify-content:center;background:#ffffff;padding:0;font-size:18px;line-height:26px;box-shadow:none;width:40px;height:40px;min-height:40px;border-radius:50%!important;color:#000}.btn-group button.dropdown-toggle.btn:hover{background:#000000;color:#fff!important}.btn-group button.dropdown-toggle.btn .si-more-options{font-size:18px}.btn-group .dropdown-menu{min-width:240px;margin-top:10px;border:none;border-radius:10px;padding-top:20px;padding-bottom:20px;right:-10px;left:auto;box-shadow:0 0 30px #0003;max-height:none;overflow:inherit}.btn-group .dropdown-menu li a.dropdown-item{padding:0 20px;line-height:40px;color:#000;font-weight:600}.btn-group .dropdown-menu li a.dropdown-item:hover{background:#000000;color:#fff}.btn-group .dropdown-menu li a.not-allowed{cursor:not-allowed}.btn-group .dropdown-menu:before{content:\"\\e252\";font-family:Glyphicons Halflings!important;font-size:14px;transform:rotate(180deg);display:inline-block;position:absolute;top:-13px;right:23px;color:#fff}.btn-group.open button.dropdown-toggle.btn{background:#000000;color:#fff}\n"] }]
|
|
21
22
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
22
23
|
type: Input
|
|
23
24
|
}], itemClick: [{
|
|
24
25
|
type: Output
|
|
25
26
|
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGV4dHVhbC1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvY29udGV4dHVhbC1tZW51L2NvbnRleHR1YWwtbWVudS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2NvbnRleHR1YWwtbWVudS9jb250ZXh0dWFsLW1lbnUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFRdkUsTUFBTSxPQUFPLHVCQUF1QjtJQU1sQztRQUxTLFVBQUssR0FBaUM7WUFDN0MsU0FBUyxFQUFFLEtBQUs7U0FDakIsQ0FBQztRQUNRLGNBQVMsR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUV4RCxDQUFDO0lBRWhCLFdBQVcsQ0FBQyxJQUFZO1FBQ3RCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzVCLENBQUM7O29IQVZVLHVCQUF1Qjt3R0FBdkIsdUJBQXVCLGlJQ1JwQyw4d0JBK0JBOzJGRHZCYSx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0UsMEJBQTBCOzBFQUszQixLQUFLO3NCQUFiLEtBQUs7Z0JBR0ksU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250ZXh0dWFsTWVudU1vZGVsIH0gZnJvbSAnLi9jb250ZXh0dWFsLW1lbnUubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1jb250ZXh0dWFsLW1lbnUnLFxuICB0ZW1wbGF0ZVVybDogJy4vY29udGV4dHVhbC1tZW51LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY29udGV4dHVhbC1tZW51LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIENvbnRleHR1YWxNZW51Q29tcG9uZW50IHtcbiAgQElucHV0KCkgbW9kZWw6IFBhcnRpYWw8Q29udGV4dHVhbE1lbnVNb2RlbD4gPSB7XG4gICAgaGFzQm9yZGVyOiBmYWxzZSxcbiAgfTtcbiAgQE91dHB1dCgpIGl0ZW1DbGljazogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgb25JdGVtQ2xpY2soaXRlbTogc3RyaW5nKSB7XG4gICAgdGhpcy5pdGVtQ2xpY2suZW1pdChpdGVtKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImJ0bi1ncm91cFwiIGRyb3Bkb3duPlxuICA8YnV0dG9uXG4gICAgaWQ9XCJidXR0b24tYmFzaWNcIlxuICAgIGRyb3Bkb3duVG9nZ2xlXG4gICAgdHlwZT1cImJ1dHRvblwiXG4gICAgY2xhc3M9XCJidG4gZHJvcGRvd24tdG9nZ2xlXCJcbiAgICBbbmdDbGFzc109XCJ7XG4gICAgICAnaGFzLWJvcmRlcic6IG1vZGVsLmhhc0JvcmRlclxuICAgIH1cIlxuICAgIGFyaWEtY29udHJvbHM9XCJkcm9wZG93bi1iYXNpY1wiXG4gICAgYXJpYS1sYWJlbD1cIm1vcmUtYWN0aW9ucy1tZW51XCJcbiAgPlxuICAgIDxpIGNsYXNzPVwic2ktbW9yZS1vcHRpb25zXCI+PC9pPlxuICA8L2J1dHRvbj5cbiAgPHVsXG4gICAgaWQ9XCJkcm9wZG93bi1iYXNpY1wiXG4gICAgKmRyb3Bkb3duTWVudVxuICAgIGNsYXNzPVwiZHJvcGRvd24tbWVudVwiXG4gICAgcm9sZT1cIm1lbnVcIlxuICAgIGFyaWEtbGFiZWxsZWRieT1cImJ1dHRvbi1iYXNpY1wiXG4gID5cbiAgICA8bGkgcm9sZT1cIm1lbnVpdGVtXCIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgbW9kZWwuaXRlbXNcIj5cbiAgICAgIDxhXG4gICAgICAgIGNsYXNzPVwiZHJvcGRvd24taXRlbVwiXG4gICAgICAgIGhyZWY9XCIjXCIgaWQ9XCJkcm9wZG93bi1pdGVtLXt7aXRlbSB8IHRyaW1JZH19XCJcbiAgICAgICAgKGNsaWNrKT1cIiRldmVudC5wcmV2ZW50RGVmYXVsdCgpOyBvbkl0ZW1DbGljayhpdGVtKVwiXG4gICAgICAgID57eyBpdGVtIH19PC9hXG4gICAgICA+XG4gICAgPC9saT5cbiAgPC91bD5cbjwvZGl2PlxuIl19
|
|
@@ -3,19 +3,20 @@ import { CommonModule } from '@angular/common';
|
|
|
3
3
|
import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
|
|
4
4
|
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
5
5
|
import { ContextualMenuComponent } from './contextual-menu.component';
|
|
6
|
+
import { PipeModule } from '../../pipe/pipe.module';
|
|
6
7
|
import * as i0 from "@angular/core";
|
|
7
8
|
import * as i1 from "ngx-bootstrap/dropdown";
|
|
8
9
|
export class ContextualMenuModule {
|
|
9
10
|
}
|
|
10
11
|
ContextualMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ContextualMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
11
|
-
ContextualMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ContextualMenuModule, declarations: [ContextualMenuComponent], imports: [CommonModule, i1.BsDropdownModule, BrowserAnimationsModule], exports: [ContextualMenuComponent] });
|
|
12
|
-
ContextualMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ContextualMenuModule, imports: [[CommonModule, BsDropdownModule.forRoot(), BrowserAnimationsModule]] });
|
|
12
|
+
ContextualMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ContextualMenuModule, declarations: [ContextualMenuComponent], imports: [CommonModule, i1.BsDropdownModule, BrowserAnimationsModule, PipeModule], exports: [ContextualMenuComponent] });
|
|
13
|
+
ContextualMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ContextualMenuModule, imports: [[CommonModule, BsDropdownModule.forRoot(), BrowserAnimationsModule, PipeModule]] });
|
|
13
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ContextualMenuModule, decorators: [{
|
|
14
15
|
type: NgModule,
|
|
15
16
|
args: [{
|
|
16
17
|
declarations: [ContextualMenuComponent],
|
|
17
|
-
imports: [CommonModule, BsDropdownModule.forRoot(), BrowserAnimationsModule],
|
|
18
|
+
imports: [CommonModule, BsDropdownModule.forRoot(), BrowserAnimationsModule, PipeModule],
|
|
18
19
|
exports: [ContextualMenuComponent],
|
|
19
20
|
}]
|
|
20
21
|
}] });
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGV4dHVhbC1tZW51Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvY29udGV4dHVhbC1tZW51L2NvbnRleHR1YWwtbWVudS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDMUQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDL0UsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDdEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7QUFPcEQsTUFBTSxPQUFPLG9CQUFvQjs7aUhBQXBCLG9CQUFvQjtrSEFBcEIsb0JBQW9CLGlCQUpoQix1QkFBdUIsYUFDNUIsWUFBWSx1QkFBOEIsdUJBQXVCLEVBQUUsVUFBVSxhQUM3RSx1QkFBdUI7a0hBRXRCLG9CQUFvQixZQUh0QixDQUFDLFlBQVksRUFBRSxnQkFBZ0IsQ0FBQyxPQUFPLEVBQUUsRUFBRSx1QkFBdUIsRUFBRSxVQUFVLENBQUM7MkZBRzdFLG9CQUFvQjtrQkFMaEMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyx1QkFBdUIsQ0FBQztvQkFDdkMsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGdCQUFnQixDQUFDLE9BQU8sRUFBRSxFQUFFLHVCQUF1QixFQUFFLFVBQVUsQ0FBQztvQkFDeEYsT0FBTyxFQUFFLENBQUMsdUJBQXVCLENBQUM7aUJBQ25DIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBCc0Ryb3Bkb3duTW9kdWxlIH0gZnJvbSAnbmd4LWJvb3RzdHJhcC9kcm9wZG93bic7XG5pbXBvcnQgeyBCcm93c2VyQW5pbWF0aW9uc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXIvYW5pbWF0aW9ucyc7XG5pbXBvcnQgeyBDb250ZXh0dWFsTWVudUNvbXBvbmVudCB9IGZyb20gJy4vY29udGV4dHVhbC1tZW51LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBQaXBlTW9kdWxlIH0gZnJvbSAnLi4vLi4vcGlwZS9waXBlLm1vZHVsZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0NvbnRleHR1YWxNZW51Q29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQnNEcm9wZG93bk1vZHVsZS5mb3JSb290KCksIEJyb3dzZXJBbmltYXRpb25zTW9kdWxlLCBQaXBlTW9kdWxlXSxcbiAgZXhwb3J0czogW0NvbnRleHR1YWxNZW51Q29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgQ29udGV4dHVhbE1lbnVNb2R1bGUge31cbiJdfQ==
|
|
@@ -3,6 +3,7 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
import * as i1 from "../../molecules/button-with-icon/button-with-icon.component";
|
|
4
4
|
import * as i2 from "../../atoms/tooltip-wrapper/tooltip-wrapper.component";
|
|
5
5
|
import * as i3 from "@angular/common";
|
|
6
|
+
import * as i4 from "../../pipe/trim-id.pipe";
|
|
6
7
|
export class GridActionsComponent {
|
|
7
8
|
constructor() {
|
|
8
9
|
this.buttonClicked = new EventEmitter();
|
|
@@ -12,10 +13,10 @@ export class GridActionsComponent {
|
|
|
12
13
|
}
|
|
13
14
|
}
|
|
14
15
|
GridActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
-
GridActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridActionsComponent, selector: "symphony-grid-actions", inputs: { model: "model", isInverse: "isInverse" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<div class=\"sfx-d-inline-block\" *ngFor=\"let actionButton of model\">\n <symphony-button-with-icon *ngIf=\"!actionButton.showPopover\"\n (clicked)=\"onButtonClick($event)\"\n [icon]=\"actionButton.icon\"\n [text]=\"actionButton.text\"\n [showActionButton]=\"actionButton.showActionButton\"\n ></symphony-button-with-icon>\n <symphony-tooltip-wrapper *ngIf=\"actionButton.showPopover\" \n [tooltipHtml]=\"actionButton.tooltip\"\n [placement]=\"'top'\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n class=\"actionButton-tooltip\">\n <symphony-button-with-icon\n (clicked)=\"onButtonClick($event)\"\n [icon]=\"actionButton.icon\"\n [text]=\"actionButton.text\"\n [showActionButton]=\"actionButton.showActionButton\"\n [showPopover]=\"actionButton.showPopover\"\n ></symphony-button-with-icon>\n </symphony-tooltip-wrapper>\n</div>", styles: [".actionButton-tooltip .tooltip{min-width:160px}.actionButton-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"], components: [{ type: i1.ButtonWithIconComponent, selector: "symphony-button-with-icon", inputs: ["text", "icon", "showActionButton", "showPopover"], outputs: ["clicked"] }, { type: i2.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
16
|
+
GridActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridActionsComponent, selector: "symphony-grid-actions", inputs: { model: "model", isInverse: "isInverse" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<div class=\"sfx-d-inline-block\" *ngFor=\"let actionButton of model\">\n <symphony-button-with-icon *ngIf=\"!actionButton.showPopover\"\n (clicked)=\"onButtonClick($event)\"\n [icon]=\"actionButton.icon\"\n [text]=\"actionButton.text\"\n [showActionButton]=\"actionButton.showActionButton\"\n id=\"btn-action-{{actionButton.text | trimId}}\"\n ></symphony-button-with-icon>\n <symphony-tooltip-wrapper *ngIf=\"actionButton.showPopover\" \n [tooltipHtml]=\"actionButton.tooltip\"\n [placement]=\"'top'\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n class=\"actionButton-tooltip\">\n <symphony-button-with-icon\n (clicked)=\"onButtonClick($event)\"\n [icon]=\"actionButton.icon\"\n [text]=\"actionButton.text\"\n [showActionButton]=\"actionButton.showActionButton\"\n [showPopover]=\"actionButton.showPopover\"\n id=\"btn-action-{{actionButton.text | trimId}}-popover\"\n ></symphony-button-with-icon>\n </symphony-tooltip-wrapper>\n</div>", styles: [".actionButton-tooltip .tooltip{min-width:160px}.actionButton-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"], components: [{ type: i1.ButtonWithIconComponent, selector: "symphony-button-with-icon", inputs: ["text", "icon", "showActionButton", "showPopover"], outputs: ["clicked"] }, { type: i2.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "trimId": i4.TrimIdPipe }, encapsulation: i0.ViewEncapsulation.None });
|
|
16
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionsComponent, decorators: [{
|
|
17
18
|
type: Component,
|
|
18
|
-
args: [{ selector: 'symphony-grid-actions', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-d-inline-block\" *ngFor=\"let actionButton of model\">\n <symphony-button-with-icon *ngIf=\"!actionButton.showPopover\"\n (clicked)=\"onButtonClick($event)\"\n [icon]=\"actionButton.icon\"\n [text]=\"actionButton.text\"\n [showActionButton]=\"actionButton.showActionButton\"\n ></symphony-button-with-icon>\n <symphony-tooltip-wrapper *ngIf=\"actionButton.showPopover\" \n [tooltipHtml]=\"actionButton.tooltip\"\n [placement]=\"'top'\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n class=\"actionButton-tooltip\">\n <symphony-button-with-icon\n (clicked)=\"onButtonClick($event)\"\n [icon]=\"actionButton.icon\"\n [text]=\"actionButton.text\"\n [showActionButton]=\"actionButton.showActionButton\"\n [showPopover]=\"actionButton.showPopover\"\n ></symphony-button-with-icon>\n </symphony-tooltip-wrapper>\n</div>", styles: [".actionButton-tooltip .tooltip{min-width:160px}.actionButton-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"] }]
|
|
19
|
+
args: [{ selector: 'symphony-grid-actions', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-d-inline-block\" *ngFor=\"let actionButton of model\">\n <symphony-button-with-icon *ngIf=\"!actionButton.showPopover\"\n (clicked)=\"onButtonClick($event)\"\n [icon]=\"actionButton.icon\"\n [text]=\"actionButton.text\"\n [showActionButton]=\"actionButton.showActionButton\"\n id=\"btn-action-{{actionButton.text | trimId}}\"\n ></symphony-button-with-icon>\n <symphony-tooltip-wrapper *ngIf=\"actionButton.showPopover\" \n [tooltipHtml]=\"actionButton.tooltip\"\n [placement]=\"'top'\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n class=\"actionButton-tooltip\">\n <symphony-button-with-icon\n (clicked)=\"onButtonClick($event)\"\n [icon]=\"actionButton.icon\"\n [text]=\"actionButton.text\"\n [showActionButton]=\"actionButton.showActionButton\"\n [showPopover]=\"actionButton.showPopover\"\n id=\"btn-action-{{actionButton.text | trimId}}-popover\"\n ></symphony-button-with-icon>\n </symphony-tooltip-wrapper>\n</div>", styles: [".actionButton-tooltip .tooltip{min-width:160px}.actionButton-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"] }]
|
|
19
20
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
20
21
|
type: Input
|
|
21
22
|
}], buttonClicked: [{
|
|
@@ -23,4 +24,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
23
24
|
}], isInverse: [{
|
|
24
25
|
type: Input
|
|
25
26
|
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1hY3Rpb25zLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvb3JnYW5pc21zL2dyaWQtYWN0aW9ucy9ncmlkLWFjdGlvbnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvZ3JpZC1hY3Rpb25zL2dyaWQtYWN0aW9ucy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLGlCQUFpQixFQUNsQixNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBU3ZCLE1BQU0sT0FBTyxvQkFBb0I7SUFLL0I7UUFGVSxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7SUFFdEMsQ0FBQztJQUVoQixhQUFhLENBQUMsSUFBWTtRQUN4QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNoQyxDQUFDOztpSEFUVSxvQkFBb0I7cUdBQXBCLG9CQUFvQiw4SkNmakMsMi9CQXNCTTsyRkRQTyxvQkFBb0I7a0JBTmhDLFNBQVM7K0JBQ0UsdUJBQXVCLGlCQUdsQixpQkFBaUIsQ0FBQyxJQUFJOzBFQUc1QixLQUFLO3NCQUFiLEtBQUs7Z0JBRUksYUFBYTtzQkFBdEIsTUFBTTtnQkFDRSxTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgR3JpZEFjdGlvbnNNb2RlbCB9IGZyb20gJy4vZ3JpZC1hY3Rpb25zLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktZ3JpZC1hY3Rpb25zJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyaWQtYWN0aW9ucy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyaWQtYWN0aW9ucy5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIEdyaWRBY3Rpb25zQ29tcG9uZW50IHtcbiAgQElucHV0KCkgbW9kZWw6IEdyaWRBY3Rpb25zTW9kZWxbXTtcblxuICBAT3V0cHV0KCkgYnV0dG9uQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICBASW5wdXQoKSBpc0ludmVyc2U6IGJvb2xlYW47XG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBvbkJ1dHRvbkNsaWNrKHRleHQ6IHN0cmluZykge1xuICAgIHRoaXMuYnV0dG9uQ2xpY2tlZC5lbWl0KHRleHQpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2Z4LWQtaW5saW5lLWJsb2NrXCIgKm5nRm9yPVwibGV0IGFjdGlvbkJ1dHRvbiBvZiBtb2RlbFwiPlxuICA8c3ltcGhvbnktYnV0dG9uLXdpdGgtaWNvbiAqbmdJZj1cIiFhY3Rpb25CdXR0b24uc2hvd1BvcG92ZXJcIlxuICAgICAgKGNsaWNrZWQpPVwib25CdXR0b25DbGljaygkZXZlbnQpXCJcbiAgICAgIFtpY29uXT1cImFjdGlvbkJ1dHRvbi5pY29uXCJcbiAgICAgIFt0ZXh0XT1cImFjdGlvbkJ1dHRvbi50ZXh0XCJcbiAgICAgIFtzaG93QWN0aW9uQnV0dG9uXT1cImFjdGlvbkJ1dHRvbi5zaG93QWN0aW9uQnV0dG9uXCJcbiAgICAgIGlkPVwiYnRuLWFjdGlvbi17e2FjdGlvbkJ1dHRvbi50ZXh0IHwgdHJpbUlkfX1cIlxuICAgID48L3N5bXBob255LWJ1dHRvbi13aXRoLWljb24+XG4gIDxzeW1waG9ueS10b29sdGlwLXdyYXBwZXIgKm5nSWY9XCJhY3Rpb25CdXR0b24uc2hvd1BvcG92ZXJcIiBcbiAgW3Rvb2x0aXBIdG1sXT1cImFjdGlvbkJ1dHRvbi50b29sdGlwXCJcbiAgW3BsYWNlbWVudF09XCIndG9wJ1wiXG4gIGNvbnRhaW5lckNsYXNzPVwic2Z4LWluZm8tdG9vbHRpcCBpdGVtLXRvb2x0aXBcIlxuICBjbGFzcz1cImFjdGlvbkJ1dHRvbi10b29sdGlwXCI+XG4gICAgPHN5bXBob255LWJ1dHRvbi13aXRoLWljb25cbiAgICAgIChjbGlja2VkKT1cIm9uQnV0dG9uQ2xpY2soJGV2ZW50KVwiXG4gICAgICBbaWNvbl09XCJhY3Rpb25CdXR0b24uaWNvblwiXG4gICAgICBbdGV4dF09XCJhY3Rpb25CdXR0b24udGV4dFwiXG4gICAgICBbc2hvd0FjdGlvbkJ1dHRvbl09XCJhY3Rpb25CdXR0b24uc2hvd0FjdGlvbkJ1dHRvblwiXG4gICAgICBbc2hvd1BvcG92ZXJdPVwiYWN0aW9uQnV0dG9uLnNob3dQb3BvdmVyXCJcbiAgICAgIGlkPVwiYnRuLWFjdGlvbi17e2FjdGlvbkJ1dHRvbi50ZXh0IHwgdHJpbUlkfX0tcG9wb3ZlclwiXG4gICAgPjwvc3ltcGhvbnktYnV0dG9uLXdpdGgtaWNvbj5cbiAgPC9zeW1waG9ueS10b29sdGlwLXdyYXBwZXI+XG48L2Rpdj4iXX0=
|
|
@@ -3,18 +3,19 @@ import { CommonModule } from '@angular/common';
|
|
|
3
3
|
import { GridActionsComponent } from './grid-actions.component';
|
|
4
4
|
import { ButtonWithIconModule } from '../../molecules/button-with-icon/button-with-icon.module';
|
|
5
5
|
import { TooltipWrapperModule } from '../../atoms/tooltip-wrapper/tooltip-wrapper.module';
|
|
6
|
+
import { PipeModule } from '../../pipe/pipe.module';
|
|
6
7
|
import * as i0 from "@angular/core";
|
|
7
8
|
export class GridActionsModule {
|
|
8
9
|
}
|
|
9
10
|
GridActionsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
10
|
-
GridActionsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionsModule, declarations: [GridActionsComponent], imports: [CommonModule, ButtonWithIconModule, TooltipWrapperModule], exports: [GridActionsComponent] });
|
|
11
|
-
GridActionsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionsModule, imports: [[CommonModule, ButtonWithIconModule, TooltipWrapperModule]] });
|
|
11
|
+
GridActionsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionsModule, declarations: [GridActionsComponent], imports: [CommonModule, ButtonWithIconModule, TooltipWrapperModule, PipeModule], exports: [GridActionsComponent] });
|
|
12
|
+
GridActionsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionsModule, imports: [[CommonModule, ButtonWithIconModule, TooltipWrapperModule, PipeModule]] });
|
|
12
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionsModule, decorators: [{
|
|
13
14
|
type: NgModule,
|
|
14
15
|
args: [{
|
|
15
16
|
declarations: [GridActionsComponent],
|
|
16
|
-
imports: [CommonModule, ButtonWithIconModule, TooltipWrapperModule],
|
|
17
|
+
imports: [CommonModule, ButtonWithIconModule, TooltipWrapperModule, PipeModule],
|
|
17
18
|
exports: [GridActionsComponent]
|
|
18
19
|
}]
|
|
19
20
|
}] });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1hY3Rpb25zLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvb3JnYW5pc21zL2dyaWQtYWN0aW9ucy9ncmlkLWFjdGlvbnMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBEQUEwRCxDQUFDO0FBQ2hHLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLG9EQUFvRCxDQUFDO0FBQzFGLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7QUFPcEQsTUFBTSxPQUFPLGlCQUFpQjs7OEdBQWpCLGlCQUFpQjsrR0FBakIsaUJBQWlCLGlCQUpiLG9CQUFvQixhQUN6QixZQUFZLEVBQUUsb0JBQW9CLEVBQUUsb0JBQW9CLEVBQUUsVUFBVSxhQUNwRSxvQkFBb0I7K0dBRW5CLGlCQUFpQixZQUhuQixDQUFDLFlBQVksRUFBRSxvQkFBb0IsRUFBRSxvQkFBb0IsRUFBRSxVQUFVLENBQUM7MkZBR3BFLGlCQUFpQjtrQkFMN0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQztvQkFDcEMsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLG9CQUFvQixFQUFFLG9CQUFvQixFQUFFLFVBQVUsQ0FBQztvQkFDL0UsT0FBTyxFQUFFLENBQUMsb0JBQW9CLENBQUM7aUJBQ2hDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBHcmlkQWN0aW9uc0NvbXBvbmVudCB9IGZyb20gJy4vZ3JpZC1hY3Rpb25zLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBCdXR0b25XaXRoSWNvbk1vZHVsZSB9IGZyb20gJy4uLy4uL21vbGVjdWxlcy9idXR0b24td2l0aC1pY29uL2J1dHRvbi13aXRoLWljb24ubW9kdWxlJztcbmltcG9ydCB7IFRvb2x0aXBXcmFwcGVyTW9kdWxlIH0gZnJvbSAnLi4vLi4vYXRvbXMvdG9vbHRpcC13cmFwcGVyL3Rvb2x0aXAtd3JhcHBlci5tb2R1bGUnO1xuaW1wb3J0IHsgUGlwZU1vZHVsZSB9IGZyb20gJy4uLy4uL3BpcGUvcGlwZS5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtHcmlkQWN0aW9uc0NvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEJ1dHRvbldpdGhJY29uTW9kdWxlLCBUb29sdGlwV3JhcHBlck1vZHVsZSwgUGlwZU1vZHVsZV0sXG4gIGV4cG9ydHM6IFtHcmlkQWN0aW9uc0NvbXBvbmVudF1cbn0pXG5leHBvcnQgY2xhc3MgR3JpZEFjdGlvbnNNb2R1bGUge31cbiJdfQ==
|
|
@@ -25,10 +25,10 @@ export class GridControlsComponent {
|
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
27
|
GridControlsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridControlsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
28
|
-
GridControlsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridControlsComponent, selector: "symphony-grid-controls", inputs: { model: "model" }, outputs: { Clicked: "Clicked", menuClicked: "menuClicked" }, ngImport: i0, template: "<div class=\"sfx-action\">\n <div\n class=\"sfx-d-inline-block pull-left sfx-mt-10 sfx-pr-30\"\n *ngIf=\"model.gridRowCount\"\n >\n <strong class=\"text-label\">{{ model.gridRowCount }}</strong>\n </div>\n <div\n class=\"sfx-d-inline-block pull-left sfx-pr-20\"\n *ngIf=\"model.showCustomiseColumns\"\n >\n <symphony-tooltip-wrapper\n [tooltipHtml]=\"'Customise Columns'\"\n [placement]=\"'top'\"\n class=\"actionIcon-tooltip\"\n >\n <symphony-icon-wrapper (click)=\"onClick()\"\n ><symphony-icon [icon]=\"'si-organize-columns'\"></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n </div>\n <div class=\"sfx-d-inline-block pull-left\">\n <symphony-contextual-menu\n class=\"task-more-option\"\n *ngIf=\"gridMoreActions && gridMoreActions.items.length > 0\"\n [model]=\"gridMoreActions\"\n (itemClick)=\"onItemClick($event)\"\n >\n </symphony-contextual-menu>\n </div>\n</div>\n", styles: [".task-more-option .btn-group .dropdown-menu{min-width:200px!important}.actionIcon-tooltip .tooltip{min-width:160px}.actionIcon-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
28
|
+
GridControlsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridControlsComponent, selector: "symphony-grid-controls", inputs: { model: "model" }, outputs: { Clicked: "Clicked", menuClicked: "menuClicked" }, ngImport: i0, template: "<div class=\"sfx-action\">\n <div\n class=\"sfx-d-inline-block pull-left sfx-mt-10 sfx-pr-30\"\n *ngIf=\"model.gridRowCount\"\n >\n <strong class=\"text-label\">{{ model.gridRowCount }}</strong>\n </div>\n <div\n class=\"sfx-d-inline-block pull-left sfx-pr-20\"\n *ngIf=\"model.showCustomiseColumns\"\n >\n <symphony-tooltip-wrapper\n [tooltipHtml]=\"'Customise Columns'\"\n [placement]=\"'top'\"\n class=\"actionIcon-tooltip\"\n >\n <symphony-icon-wrapper (click)=\"onClick()\" id=\"btn-customise-columns\"\n ><symphony-icon [icon]=\"'si-organize-columns'\"></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n </div>\n <div class=\"sfx-d-inline-block pull-left\">\n <symphony-contextual-menu\n class=\"task-more-option\"\n *ngIf=\"gridMoreActions && gridMoreActions.items.length > 0\"\n [model]=\"gridMoreActions\"\n (itemClick)=\"onItemClick($event)\"\n >\n </symphony-contextual-menu>\n </div>\n</div>\n", styles: [".task-more-option .btn-group .dropdown-menu{min-width:200px!important}.actionIcon-tooltip .tooltip{min-width:160px}.actionIcon-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
29
29
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridControlsComponent, decorators: [{
|
|
30
30
|
type: Component,
|
|
31
|
-
args: [{ selector: 'symphony-grid-controls', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-action\">\n <div\n class=\"sfx-d-inline-block pull-left sfx-mt-10 sfx-pr-30\"\n *ngIf=\"model.gridRowCount\"\n >\n <strong class=\"text-label\">{{ model.gridRowCount }}</strong>\n </div>\n <div\n class=\"sfx-d-inline-block pull-left sfx-pr-20\"\n *ngIf=\"model.showCustomiseColumns\"\n >\n <symphony-tooltip-wrapper\n [tooltipHtml]=\"'Customise Columns'\"\n [placement]=\"'top'\"\n class=\"actionIcon-tooltip\"\n >\n <symphony-icon-wrapper (click)=\"onClick()\"\n ><symphony-icon [icon]=\"'si-organize-columns'\"></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n </div>\n <div class=\"sfx-d-inline-block pull-left\">\n <symphony-contextual-menu\n class=\"task-more-option\"\n *ngIf=\"gridMoreActions && gridMoreActions.items.length > 0\"\n [model]=\"gridMoreActions\"\n (itemClick)=\"onItemClick($event)\"\n >\n </symphony-contextual-menu>\n </div>\n</div>\n", styles: [".task-more-option .btn-group .dropdown-menu{min-width:200px!important}.actionIcon-tooltip .tooltip{min-width:160px}.actionIcon-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"] }]
|
|
31
|
+
args: [{ selector: 'symphony-grid-controls', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-action\">\n <div\n class=\"sfx-d-inline-block pull-left sfx-mt-10 sfx-pr-30\"\n *ngIf=\"model.gridRowCount\"\n >\n <strong class=\"text-label\">{{ model.gridRowCount }}</strong>\n </div>\n <div\n class=\"sfx-d-inline-block pull-left sfx-pr-20\"\n *ngIf=\"model.showCustomiseColumns\"\n >\n <symphony-tooltip-wrapper\n [tooltipHtml]=\"'Customise Columns'\"\n [placement]=\"'top'\"\n class=\"actionIcon-tooltip\"\n >\n <symphony-icon-wrapper (click)=\"onClick()\" id=\"btn-customise-columns\"\n ><symphony-icon [icon]=\"'si-organize-columns'\"></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n </div>\n <div class=\"sfx-d-inline-block pull-left\">\n <symphony-contextual-menu\n class=\"task-more-option\"\n *ngIf=\"gridMoreActions && gridMoreActions.items.length > 0\"\n [model]=\"gridMoreActions\"\n (itemClick)=\"onItemClick($event)\"\n >\n </symphony-contextual-menu>\n </div>\n</div>\n", styles: [".task-more-option .btn-group .dropdown-menu{min-width:200px!important}.actionIcon-tooltip .tooltip{min-width:160px}.actionIcon-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"] }]
|
|
32
32
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
33
33
|
type: Input
|
|
34
34
|
}], Clicked: [{
|
|
@@ -36,4 +36,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
36
36
|
}], menuClicked: [{
|
|
37
37
|
type: Output
|
|
38
38
|
}] } });
|
|
39
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1jb250cm9scy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL29yZ2FuaXNtcy9ncmlkLWNvbnRyb2xzL2dyaWQtY29udHJvbHMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvZ3JpZC1jb250cm9scy9ncmlkLWNvbnRyb2xzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEVBQ04saUJBQWlCLEVBQ2xCLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBVXZCLE1BQU0sT0FBTyxxQkFBcUI7SUFTaEM7UUFQVSxZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUNuQyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDNUMsb0JBQWUsR0FBd0I7WUFDNUMsU0FBUyxFQUFFLElBQUk7WUFDZixLQUFLLEVBQUUsRUFBRTtTQUNWLENBQUM7SUFFYSxDQUFDO0lBRWhCLE9BQU87UUFDTCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFDRCxXQUFXLENBQUMsSUFBWTtRQUN0QixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM5QixDQUFDO0lBQ0QsUUFBUTtRQUNOLElBQUksQ0FBQyxlQUFlLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDO0lBQ3RELENBQUM7O2tIQW5CVSxxQkFBcUI7c0dBQXJCLHFCQUFxQix1SkNqQmxDLGlnQ0ErQkE7MkZEZGEscUJBQXFCO2tCQU5qQyxTQUFTOytCQUNFLHdCQUF3QixpQkFHbkIsaUJBQWlCLENBQUMsSUFBSTswRUFHNUIsS0FBSztzQkFBYixLQUFLO2dCQUNJLE9BQU87c0JBQWhCLE1BQU07Z0JBQ0csV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBPdXRwdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udGV4dHVhbE1lbnVNb2RlbCB9IGZyb20gJy4uLy4uL2F0b21zL2NvbnRleHR1YWwtbWVudS9jb250ZXh0dWFsLW1lbnUubW9kZWwnO1xuaW1wb3J0IHsgR3JpZENvbnRyb2xzTW9kZWwgfSBmcm9tICcuL2dyaWQtY29udHJvbHMubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1ncmlkLWNvbnRyb2xzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyaWQtY29udHJvbHMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ncmlkLWNvbnRyb2xzLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgR3JpZENvbnRyb2xzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgbW9kZWw6IEdyaWRDb250cm9sc01vZGVsO1xuICBAT3V0cHV0KCkgQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIG1lbnVDbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gIHB1YmxpYyBncmlkTW9yZUFjdGlvbnM6IENvbnRleHR1YWxNZW51TW9kZWwgPSB7XG4gICAgaGFzQm9yZGVyOiB0cnVlLFxuICAgIGl0ZW1zOiBbXVxuICB9O1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBvbkNsaWNrKCkge1xuICAgIHRoaXMuQ2xpY2tlZC5lbWl0KCk7XG4gIH1cbiAgb25JdGVtQ2xpY2soaXRlbTogc3RyaW5nKSB7XG4gICAgdGhpcy5tZW51Q2xpY2tlZC5lbWl0KGl0ZW0pO1xuICB9XG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuZ3JpZE1vcmVBY3Rpb25zLml0ZW1zID0gdGhpcy5tb2RlbC5ncmlkQWN0aW9ucztcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInNmeC1hY3Rpb25cIj5cbiAgPGRpdlxuICAgIGNsYXNzPVwic2Z4LWQtaW5saW5lLWJsb2NrIHB1bGwtbGVmdCBzZngtbXQtMTAgc2Z4LXByLTMwXCJcbiAgICAqbmdJZj1cIm1vZGVsLmdyaWRSb3dDb3VudFwiXG4gID5cbiAgICA8c3Ryb25nIGNsYXNzPVwidGV4dC1sYWJlbFwiPnt7IG1vZGVsLmdyaWRSb3dDb3VudCB9fTwvc3Ryb25nPlxuICA8L2Rpdj5cbiAgPGRpdlxuICAgIGNsYXNzPVwic2Z4LWQtaW5saW5lLWJsb2NrIHB1bGwtbGVmdCBzZngtcHItMjBcIlxuICAgICpuZ0lmPVwibW9kZWwuc2hvd0N1c3RvbWlzZUNvbHVtbnNcIlxuICA+XG4gICAgPHN5bXBob255LXRvb2x0aXAtd3JhcHBlclxuICAgICAgW3Rvb2x0aXBIdG1sXT1cIidDdXN0b21pc2UgQ29sdW1ucydcIlxuICAgICAgW3BsYWNlbWVudF09XCIndG9wJ1wiXG4gICAgICBjbGFzcz1cImFjdGlvbkljb24tdG9vbHRpcFwiXG4gICAgPlxuICAgICAgPHN5bXBob255LWljb24td3JhcHBlciAoY2xpY2spPVwib25DbGljaygpXCIgaWQ9XCJidG4tY3VzdG9taXNlLWNvbHVtbnNcIlxuICAgICAgICA+PHN5bXBob255LWljb24gW2ljb25dPVwiJ3NpLW9yZ2FuaXplLWNvbHVtbnMnXCI+PC9zeW1waG9ueS1pY29uPlxuICAgICAgPC9zeW1waG9ueS1pY29uLXdyYXBwZXI+XG4gICAgPC9zeW1waG9ueS10b29sdGlwLXdyYXBwZXI+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwic2Z4LWQtaW5saW5lLWJsb2NrIHB1bGwtbGVmdFwiPlxuICAgIDxzeW1waG9ueS1jb250ZXh0dWFsLW1lbnVcbiAgICAgIGNsYXNzPVwidGFzay1tb3JlLW9wdGlvblwiXG4gICAgICAqbmdJZj1cImdyaWRNb3JlQWN0aW9ucyAmJiBncmlkTW9yZUFjdGlvbnMuaXRlbXMubGVuZ3RoID4gMFwiXG4gICAgICBbbW9kZWxdPVwiZ3JpZE1vcmVBY3Rpb25zXCJcbiAgICAgIChpdGVtQ2xpY2spPVwib25JdGVtQ2xpY2soJGV2ZW50KVwiXG4gICAgPlxuICAgIDwvc3ltcGhvbnktY29udGV4dHVhbC1tZW51PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { TrimIdPipe } from './trim-id.pipe';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class PipeModule {
|
|
6
|
+
}
|
|
7
|
+
PipeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8
|
+
PipeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PipeModule, declarations: [TrimIdPipe], imports: [CommonModule], exports: [TrimIdPipe] });
|
|
9
|
+
PipeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PipeModule, imports: [[
|
|
10
|
+
CommonModule,
|
|
11
|
+
]] });
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PipeModule, decorators: [{
|
|
13
|
+
type: NgModule,
|
|
14
|
+
args: [{
|
|
15
|
+
declarations: [TrimIdPipe],
|
|
16
|
+
imports: [
|
|
17
|
+
CommonModule,
|
|
18
|
+
],
|
|
19
|
+
exports: [TrimIdPipe]
|
|
20
|
+
}]
|
|
21
|
+
}] });
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGlwZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3BpcGUvcGlwZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGdCQUFnQixDQUFDOztBQVU1QyxNQUFNLE9BQU8sVUFBVTs7dUdBQVYsVUFBVTt3R0FBVixVQUFVLGlCQU5OLFVBQVUsYUFFdkIsWUFBWSxhQUVKLFVBQVU7d0dBRVQsVUFBVSxZQUxaO1lBQ1AsWUFBWTtTQUNiOzJGQUdVLFVBQVU7a0JBUHRCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsVUFBVSxDQUFDO29CQUMxQixPQUFPLEVBQUU7d0JBQ1AsWUFBWTtxQkFDYjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxVQUFVLENBQUM7aUJBQ3RCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBUcmltSWRQaXBlIH0gZnJvbSAnLi90cmltLWlkLnBpcGUnO1xuXG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1RyaW1JZFBpcGVdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbVHJpbUlkUGlwZV1cbn0pXG5leHBvcnQgY2xhc3MgUGlwZU1vZHVsZSB7fVxuIl19
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { Pipe, Injectable } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class TrimIdPipe {
|
|
4
|
+
transform(value) {
|
|
5
|
+
return value?.replace(/\s/g, '');
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
TrimIdPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TrimIdPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
9
|
+
TrimIdPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TrimIdPipe, name: "trimId" });
|
|
10
|
+
TrimIdPipe.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TrimIdPipe, providedIn: 'root' });
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TrimIdPipe, decorators: [{
|
|
12
|
+
type: Pipe,
|
|
13
|
+
args: [{
|
|
14
|
+
name: 'trimId'
|
|
15
|
+
}]
|
|
16
|
+
}, {
|
|
17
|
+
type: Injectable,
|
|
18
|
+
args: [{
|
|
19
|
+
providedIn: 'root',
|
|
20
|
+
}]
|
|
21
|
+
}] });
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJpbS1pZC5waXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9waXBlL3RyaW0taWQucGlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFpQixVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBUWhFLE1BQU0sT0FBTyxVQUFVO0lBRXJCLFNBQVMsQ0FBQyxLQUFhO1FBQ3JCLE9BQU8sS0FBSyxFQUFFLE9BQU8sQ0FBQyxLQUFLLEVBQUMsRUFBRSxDQUFDLENBQUE7SUFDakMsQ0FBQzs7dUdBSlUsVUFBVTtxR0FBVixVQUFVOzJHQUFWLFVBQVUsY0FGVCxNQUFNOzJGQUVQLFVBQVU7a0JBTnRCLElBQUk7bUJBQUM7b0JBQ0osSUFBSSxFQUFFLFFBQVE7aUJBQ2Y7O2tCQUNBLFVBQVU7bUJBQUM7b0JBQ1YsVUFBVSxFQUFFLE1BQU07aUJBQ25CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUGlwZSwgUGlwZVRyYW5zZm9ybSwgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AUGlwZSh7XG4gIG5hbWU6ICd0cmltSWQnXG59KVxuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiAncm9vdCcsXG59KVxuZXhwb3J0IGNsYXNzIFRyaW1JZFBpcGUgaW1wbGVtZW50cyBQaXBlVHJhbnNmb3JtIHtcblxuICB0cmFuc2Zvcm0odmFsdWU6IHN0cmluZyk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHZhbHVlPy5yZXBsYWNlKC9cXHMvZywnJylcbiAgfVxuXG59XG4iXX0=
|
package/esm2020/projects/component-library/lib/atoms/contextual-menu/contextual-menu.component.mjs
CHANGED
|
@@ -2,6 +2,7 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "ngx-bootstrap/dropdown";
|
|
4
4
|
import * as i2 from "@angular/common";
|
|
5
|
+
import * as i3 from "../../pipe/trim-id.pipe";
|
|
5
6
|
export class ContextualMenuComponent {
|
|
6
7
|
constructor() {
|
|
7
8
|
this.model = {
|
|
@@ -14,13 +15,13 @@ export class ContextualMenuComponent {
|
|
|
14
15
|
}
|
|
15
16
|
}
|
|
16
17
|
ContextualMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ContextualMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
-
ContextualMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: { model: "model" }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: "<div class=\"btn-group\" dropdown>\n <button\n id=\"button-basic\"\n dropdownToggle\n type=\"button\"\n class=\"btn dropdown-toggle\"\n [ngClass]=\"{\n 'has-border': model.hasBorder\n }\"\n aria-controls=\"dropdown-basic\"\n aria-label=\"more-actions-menu\"\n >\n <i class=\"si-more-options\"></i>\n </button>\n <ul\n id=\"dropdown-basic\"\n *dropdownMenu\n class=\"dropdown-menu\"\n role=\"menu\"\n aria-labelledby=\"button-basic\"\n >\n <li role=\"menuitem\" *ngFor=\"let item of model.items\">\n <a\n class=\"dropdown-item\"\n href=\"#\"\n (click)=\"$event.preventDefault(); onItemClick(item)\"\n >{{ item }}</a\n >\n </li>\n </ul>\n</div>\n", styles: [".btn-group .has-border{border-radius:50%;border:2px solid #000;height:40px;width:40px;padding:9px 0;cursor:pointer;text-align:center}.btn-group button.dropdown-toggle.btn{display:flex;align-items:center;justify-content:center;background:#ffffff;padding:0;font-size:18px;line-height:26px;box-shadow:none;width:40px;height:40px;min-height:40px;border-radius:50%!important;color:#000}.btn-group button.dropdown-toggle.btn:hover{background:#000000;color:#fff!important}.btn-group button.dropdown-toggle.btn .si-more-options{font-size:18px}.btn-group .dropdown-menu{min-width:240px;margin-top:10px;border:none;border-radius:10px;padding-top:20px;padding-bottom:20px;right:-10px;left:auto;box-shadow:0 0 30px #0003;max-height:none;overflow:inherit}.btn-group .dropdown-menu li a.dropdown-item{padding:0 20px;line-height:40px;color:#000;font-weight:600}.btn-group .dropdown-menu li a.dropdown-item:hover{background:#000000;color:#fff}.btn-group .dropdown-menu li a.not-allowed{cursor:not-allowed}.btn-group .dropdown-menu:before{content:\"\\e252\";font-family:Glyphicons Halflings!important;font-size:14px;transform:rotate(180deg);display:inline-block;position:absolute;top:-13px;right:23px;color:#fff}.btn-group.open button.dropdown-toggle.btn{background:#000000;color:#fff}\n"], directives: [{ type: i1.BsDropdownDirective, selector: "[bsDropdown],[dropdown]", inputs: ["autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen", "placement", "triggers", "container", "dropup"], outputs: ["onShown", "onHidden", "isOpenChange"], exportAs: ["bs-dropdown"] }, { type: i1.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
18
|
+
ContextualMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: { model: "model" }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: "<div class=\"btn-group\" dropdown>\n <button\n id=\"button-basic\"\n dropdownToggle\n type=\"button\"\n class=\"btn dropdown-toggle\"\n [ngClass]=\"{\n 'has-border': model.hasBorder\n }\"\n aria-controls=\"dropdown-basic\"\n aria-label=\"more-actions-menu\"\n >\n <i class=\"si-more-options\"></i>\n </button>\n <ul\n id=\"dropdown-basic\"\n *dropdownMenu\n class=\"dropdown-menu\"\n role=\"menu\"\n aria-labelledby=\"button-basic\"\n >\n <li role=\"menuitem\" *ngFor=\"let item of model.items\">\n <a\n class=\"dropdown-item\"\n href=\"#\" id=\"dropdown-item-{{item | trimId}}\"\n (click)=\"$event.preventDefault(); onItemClick(item)\"\n >{{ item }}</a\n >\n </li>\n </ul>\n</div>\n", styles: [".btn-group .has-border{border-radius:50%;border:2px solid #000;height:40px;width:40px;padding:9px 0;cursor:pointer;text-align:center}.btn-group button.dropdown-toggle.btn{display:flex;align-items:center;justify-content:center;background:#ffffff;padding:0;font-size:18px;line-height:26px;box-shadow:none;width:40px;height:40px;min-height:40px;border-radius:50%!important;color:#000}.btn-group button.dropdown-toggle.btn:hover{background:#000000;color:#fff!important}.btn-group button.dropdown-toggle.btn .si-more-options{font-size:18px}.btn-group .dropdown-menu{min-width:240px;margin-top:10px;border:none;border-radius:10px;padding-top:20px;padding-bottom:20px;right:-10px;left:auto;box-shadow:0 0 30px #0003;max-height:none;overflow:inherit}.btn-group .dropdown-menu li a.dropdown-item{padding:0 20px;line-height:40px;color:#000;font-weight:600}.btn-group .dropdown-menu li a.dropdown-item:hover{background:#000000;color:#fff}.btn-group .dropdown-menu li a.not-allowed{cursor:not-allowed}.btn-group .dropdown-menu:before{content:\"\\e252\";font-family:Glyphicons Halflings!important;font-size:14px;transform:rotate(180deg);display:inline-block;position:absolute;top:-13px;right:23px;color:#fff}.btn-group.open button.dropdown-toggle.btn{background:#000000;color:#fff}\n"], directives: [{ type: i1.BsDropdownDirective, selector: "[bsDropdown],[dropdown]", inputs: ["autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen", "placement", "triggers", "container", "dropup"], outputs: ["onShown", "onHidden", "isOpenChange"], exportAs: ["bs-dropdown"] }, { type: i1.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "trimId": i3.TrimIdPipe } });
|
|
18
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ContextualMenuComponent, decorators: [{
|
|
19
20
|
type: Component,
|
|
20
|
-
args: [{ selector: 'symphony-contextual-menu', template: "<div class=\"btn-group\" dropdown>\n <button\n id=\"button-basic\"\n dropdownToggle\n type=\"button\"\n class=\"btn dropdown-toggle\"\n [ngClass]=\"{\n 'has-border': model.hasBorder\n }\"\n aria-controls=\"dropdown-basic\"\n aria-label=\"more-actions-menu\"\n >\n <i class=\"si-more-options\"></i>\n </button>\n <ul\n id=\"dropdown-basic\"\n *dropdownMenu\n class=\"dropdown-menu\"\n role=\"menu\"\n aria-labelledby=\"button-basic\"\n >\n <li role=\"menuitem\" *ngFor=\"let item of model.items\">\n <a\n class=\"dropdown-item\"\n href=\"#\"\n (click)=\"$event.preventDefault(); onItemClick(item)\"\n >{{ item }}</a\n >\n </li>\n </ul>\n</div>\n", styles: [".btn-group .has-border{border-radius:50%;border:2px solid #000;height:40px;width:40px;padding:9px 0;cursor:pointer;text-align:center}.btn-group button.dropdown-toggle.btn{display:flex;align-items:center;justify-content:center;background:#ffffff;padding:0;font-size:18px;line-height:26px;box-shadow:none;width:40px;height:40px;min-height:40px;border-radius:50%!important;color:#000}.btn-group button.dropdown-toggle.btn:hover{background:#000000;color:#fff!important}.btn-group button.dropdown-toggle.btn .si-more-options{font-size:18px}.btn-group .dropdown-menu{min-width:240px;margin-top:10px;border:none;border-radius:10px;padding-top:20px;padding-bottom:20px;right:-10px;left:auto;box-shadow:0 0 30px #0003;max-height:none;overflow:inherit}.btn-group .dropdown-menu li a.dropdown-item{padding:0 20px;line-height:40px;color:#000;font-weight:600}.btn-group .dropdown-menu li a.dropdown-item:hover{background:#000000;color:#fff}.btn-group .dropdown-menu li a.not-allowed{cursor:not-allowed}.btn-group .dropdown-menu:before{content:\"\\e252\";font-family:Glyphicons Halflings!important;font-size:14px;transform:rotate(180deg);display:inline-block;position:absolute;top:-13px;right:23px;color:#fff}.btn-group.open button.dropdown-toggle.btn{background:#000000;color:#fff}\n"] }]
|
|
21
|
+
args: [{ selector: 'symphony-contextual-menu', template: "<div class=\"btn-group\" dropdown>\n <button\n id=\"button-basic\"\n dropdownToggle\n type=\"button\"\n class=\"btn dropdown-toggle\"\n [ngClass]=\"{\n 'has-border': model.hasBorder\n }\"\n aria-controls=\"dropdown-basic\"\n aria-label=\"more-actions-menu\"\n >\n <i class=\"si-more-options\"></i>\n </button>\n <ul\n id=\"dropdown-basic\"\n *dropdownMenu\n class=\"dropdown-menu\"\n role=\"menu\"\n aria-labelledby=\"button-basic\"\n >\n <li role=\"menuitem\" *ngFor=\"let item of model.items\">\n <a\n class=\"dropdown-item\"\n href=\"#\" id=\"dropdown-item-{{item | trimId}}\"\n (click)=\"$event.preventDefault(); onItemClick(item)\"\n >{{ item }}</a\n >\n </li>\n </ul>\n</div>\n", styles: [".btn-group .has-border{border-radius:50%;border:2px solid #000;height:40px;width:40px;padding:9px 0;cursor:pointer;text-align:center}.btn-group button.dropdown-toggle.btn{display:flex;align-items:center;justify-content:center;background:#ffffff;padding:0;font-size:18px;line-height:26px;box-shadow:none;width:40px;height:40px;min-height:40px;border-radius:50%!important;color:#000}.btn-group button.dropdown-toggle.btn:hover{background:#000000;color:#fff!important}.btn-group button.dropdown-toggle.btn .si-more-options{font-size:18px}.btn-group .dropdown-menu{min-width:240px;margin-top:10px;border:none;border-radius:10px;padding-top:20px;padding-bottom:20px;right:-10px;left:auto;box-shadow:0 0 30px #0003;max-height:none;overflow:inherit}.btn-group .dropdown-menu li a.dropdown-item{padding:0 20px;line-height:40px;color:#000;font-weight:600}.btn-group .dropdown-menu li a.dropdown-item:hover{background:#000000;color:#fff}.btn-group .dropdown-menu li a.not-allowed{cursor:not-allowed}.btn-group .dropdown-menu:before{content:\"\\e252\";font-family:Glyphicons Halflings!important;font-size:14px;transform:rotate(180deg);display:inline-block;position:absolute;top:-13px;right:23px;color:#fff}.btn-group.open button.dropdown-toggle.btn{background:#000000;color:#fff}\n"] }]
|
|
21
22
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
22
23
|
type: Input
|
|
23
24
|
}], itemClick: [{
|
|
24
25
|
type: Output
|
|
25
26
|
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGV4dHVhbC1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvY29udGV4dHVhbC1tZW51L2NvbnRleHR1YWwtbWVudS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2NvbnRleHR1YWwtbWVudS9jb250ZXh0dWFsLW1lbnUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFRdkUsTUFBTSxPQUFPLHVCQUF1QjtJQU1sQztRQUxTLFVBQUssR0FBaUM7WUFDN0MsU0FBUyxFQUFFLEtBQUs7U0FDakIsQ0FBQztRQUNRLGNBQVMsR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUV4RCxDQUFDO0lBRWhCLFdBQVcsQ0FBQyxJQUFZO1FBQ3RCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzVCLENBQUM7O29IQVZVLHVCQUF1Qjt3R0FBdkIsdUJBQXVCLGlJQ1JwQyw4d0JBK0JBOzJGRHZCYSx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0UsMEJBQTBCOzBFQUszQixLQUFLO3NCQUFiLEtBQUs7Z0JBR0ksU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250ZXh0dWFsTWVudU1vZGVsIH0gZnJvbSAnLi9jb250ZXh0dWFsLW1lbnUubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1jb250ZXh0dWFsLW1lbnUnLFxuICB0ZW1wbGF0ZVVybDogJy4vY29udGV4dHVhbC1tZW51LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY29udGV4dHVhbC1tZW51LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIENvbnRleHR1YWxNZW51Q29tcG9uZW50IHtcbiAgQElucHV0KCkgbW9kZWw6IFBhcnRpYWw8Q29udGV4dHVhbE1lbnVNb2RlbD4gPSB7XG4gICAgaGFzQm9yZGVyOiBmYWxzZSxcbiAgfTtcbiAgQE91dHB1dCgpIGl0ZW1DbGljazogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgb25JdGVtQ2xpY2soaXRlbTogc3RyaW5nKSB7XG4gICAgdGhpcy5pdGVtQ2xpY2suZW1pdChpdGVtKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImJ0bi1ncm91cFwiIGRyb3Bkb3duPlxuICA8YnV0dG9uXG4gICAgaWQ9XCJidXR0b24tYmFzaWNcIlxuICAgIGRyb3Bkb3duVG9nZ2xlXG4gICAgdHlwZT1cImJ1dHRvblwiXG4gICAgY2xhc3M9XCJidG4gZHJvcGRvd24tdG9nZ2xlXCJcbiAgICBbbmdDbGFzc109XCJ7XG4gICAgICAnaGFzLWJvcmRlcic6IG1vZGVsLmhhc0JvcmRlclxuICAgIH1cIlxuICAgIGFyaWEtY29udHJvbHM9XCJkcm9wZG93bi1iYXNpY1wiXG4gICAgYXJpYS1sYWJlbD1cIm1vcmUtYWN0aW9ucy1tZW51XCJcbiAgPlxuICAgIDxpIGNsYXNzPVwic2ktbW9yZS1vcHRpb25zXCI+PC9pPlxuICA8L2J1dHRvbj5cbiAgPHVsXG4gICAgaWQ9XCJkcm9wZG93bi1iYXNpY1wiXG4gICAgKmRyb3Bkb3duTWVudVxuICAgIGNsYXNzPVwiZHJvcGRvd24tbWVudVwiXG4gICAgcm9sZT1cIm1lbnVcIlxuICAgIGFyaWEtbGFiZWxsZWRieT1cImJ1dHRvbi1iYXNpY1wiXG4gID5cbiAgICA8bGkgcm9sZT1cIm1lbnVpdGVtXCIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgbW9kZWwuaXRlbXNcIj5cbiAgICAgIDxhXG4gICAgICAgIGNsYXNzPVwiZHJvcGRvd24taXRlbVwiXG4gICAgICAgIGhyZWY9XCIjXCIgaWQ9XCJkcm9wZG93bi1pdGVtLXt7aXRlbSB8IHRyaW1JZH19XCJcbiAgICAgICAgKGNsaWNrKT1cIiRldmVudC5wcmV2ZW50RGVmYXVsdCgpOyBvbkl0ZW1DbGljayhpdGVtKVwiXG4gICAgICAgID57eyBpdGVtIH19PC9hXG4gICAgICA+XG4gICAgPC9saT5cbiAgPC91bD5cbjwvZGl2PlxuIl19
|
package/esm2020/projects/component-library/lib/atoms/contextual-menu/contextual-menu.module.mjs
CHANGED
|
@@ -3,19 +3,20 @@ import { CommonModule } from '@angular/common';
|
|
|
3
3
|
import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
|
|
4
4
|
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
5
5
|
import { ContextualMenuComponent } from './contextual-menu.component';
|
|
6
|
+
import { PipeModule } from '../../pipe/pipe.module';
|
|
6
7
|
import * as i0 from "@angular/core";
|
|
7
8
|
import * as i1 from "ngx-bootstrap/dropdown";
|
|
8
9
|
export class ContextualMenuModule {
|
|
9
10
|
}
|
|
10
11
|
ContextualMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ContextualMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
11
|
-
ContextualMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ContextualMenuModule, declarations: [ContextualMenuComponent], imports: [CommonModule, i1.BsDropdownModule, BrowserAnimationsModule], exports: [ContextualMenuComponent] });
|
|
12
|
-
ContextualMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ContextualMenuModule, imports: [[CommonModule, BsDropdownModule.forRoot(), BrowserAnimationsModule]] });
|
|
12
|
+
ContextualMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ContextualMenuModule, declarations: [ContextualMenuComponent], imports: [CommonModule, i1.BsDropdownModule, BrowserAnimationsModule, PipeModule], exports: [ContextualMenuComponent] });
|
|
13
|
+
ContextualMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ContextualMenuModule, imports: [[CommonModule, BsDropdownModule.forRoot(), BrowserAnimationsModule, PipeModule]] });
|
|
13
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ContextualMenuModule, decorators: [{
|
|
14
15
|
type: NgModule,
|
|
15
16
|
args: [{
|
|
16
17
|
declarations: [ContextualMenuComponent],
|
|
17
|
-
imports: [CommonModule, BsDropdownModule.forRoot(), BrowserAnimationsModule],
|
|
18
|
+
imports: [CommonModule, BsDropdownModule.forRoot(), BrowserAnimationsModule, PipeModule],
|
|
18
19
|
exports: [ContextualMenuComponent],
|
|
19
20
|
}]
|
|
20
21
|
}] });
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGV4dHVhbC1tZW51Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvY29udGV4dHVhbC1tZW51L2NvbnRleHR1YWwtbWVudS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDMUQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDL0UsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDdEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7QUFPcEQsTUFBTSxPQUFPLG9CQUFvQjs7aUhBQXBCLG9CQUFvQjtrSEFBcEIsb0JBQW9CLGlCQUpoQix1QkFBdUIsYUFDNUIsWUFBWSx1QkFBOEIsdUJBQXVCLEVBQUUsVUFBVSxhQUM3RSx1QkFBdUI7a0hBRXRCLG9CQUFvQixZQUh0QixDQUFDLFlBQVksRUFBRSxnQkFBZ0IsQ0FBQyxPQUFPLEVBQUUsRUFBRSx1QkFBdUIsRUFBRSxVQUFVLENBQUM7MkZBRzdFLG9CQUFvQjtrQkFMaEMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyx1QkFBdUIsQ0FBQztvQkFDdkMsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGdCQUFnQixDQUFDLE9BQU8sRUFBRSxFQUFFLHVCQUF1QixFQUFFLFVBQVUsQ0FBQztvQkFDeEYsT0FBTyxFQUFFLENBQUMsdUJBQXVCLENBQUM7aUJBQ25DIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBCc0Ryb3Bkb3duTW9kdWxlIH0gZnJvbSAnbmd4LWJvb3RzdHJhcC9kcm9wZG93bic7XG5pbXBvcnQgeyBCcm93c2VyQW5pbWF0aW9uc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXIvYW5pbWF0aW9ucyc7XG5pbXBvcnQgeyBDb250ZXh0dWFsTWVudUNvbXBvbmVudCB9IGZyb20gJy4vY29udGV4dHVhbC1tZW51LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBQaXBlTW9kdWxlIH0gZnJvbSAnLi4vLi4vcGlwZS9waXBlLm1vZHVsZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0NvbnRleHR1YWxNZW51Q29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQnNEcm9wZG93bk1vZHVsZS5mb3JSb290KCksIEJyb3dzZXJBbmltYXRpb25zTW9kdWxlLCBQaXBlTW9kdWxlXSxcbiAgZXhwb3J0czogW0NvbnRleHR1YWxNZW51Q29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgQ29udGV4dHVhbE1lbnVNb2R1bGUge31cbiJdfQ==
|
package/esm2020/projects/component-library/lib/organisms/grid-actions/grid-actions.component.mjs
CHANGED
|
@@ -3,6 +3,7 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
import * as i1 from "../../molecules/button-with-icon/button-with-icon.component";
|
|
4
4
|
import * as i2 from "../../atoms/tooltip-wrapper/tooltip-wrapper.component";
|
|
5
5
|
import * as i3 from "@angular/common";
|
|
6
|
+
import * as i4 from "../../pipe/trim-id.pipe";
|
|
6
7
|
export class GridActionsComponent {
|
|
7
8
|
constructor() {
|
|
8
9
|
this.buttonClicked = new EventEmitter();
|
|
@@ -12,10 +13,10 @@ export class GridActionsComponent {
|
|
|
12
13
|
}
|
|
13
14
|
}
|
|
14
15
|
GridActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
-
GridActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridActionsComponent, selector: "symphony-grid-actions", inputs: { model: "model", isInverse: "isInverse" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<div class=\"sfx-d-inline-block\" *ngFor=\"let actionButton of model\">\n <symphony-button-with-icon *ngIf=\"!actionButton.showPopover\"\n (clicked)=\"onButtonClick($event)\"\n [icon]=\"actionButton.icon\"\n [text]=\"actionButton.text\"\n [showActionButton]=\"actionButton.showActionButton\"\n ></symphony-button-with-icon>\n <symphony-tooltip-wrapper *ngIf=\"actionButton.showPopover\" \n [tooltipHtml]=\"actionButton.tooltip\"\n [placement]=\"'top'\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n class=\"actionButton-tooltip\">\n <symphony-button-with-icon\n (clicked)=\"onButtonClick($event)\"\n [icon]=\"actionButton.icon\"\n [text]=\"actionButton.text\"\n [showActionButton]=\"actionButton.showActionButton\"\n [showPopover]=\"actionButton.showPopover\"\n ></symphony-button-with-icon>\n </symphony-tooltip-wrapper>\n</div>", styles: [".actionButton-tooltip .tooltip{min-width:160px}.actionButton-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"], components: [{ type: i1.ButtonWithIconComponent, selector: "symphony-button-with-icon", inputs: ["text", "icon", "showActionButton", "showPopover"], outputs: ["clicked"] }, { type: i2.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
16
|
+
GridActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridActionsComponent, selector: "symphony-grid-actions", inputs: { model: "model", isInverse: "isInverse" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<div class=\"sfx-d-inline-block\" *ngFor=\"let actionButton of model\">\n <symphony-button-with-icon *ngIf=\"!actionButton.showPopover\"\n (clicked)=\"onButtonClick($event)\"\n [icon]=\"actionButton.icon\"\n [text]=\"actionButton.text\"\n [showActionButton]=\"actionButton.showActionButton\"\n id=\"btn-action-{{actionButton.text | trimId}}\"\n ></symphony-button-with-icon>\n <symphony-tooltip-wrapper *ngIf=\"actionButton.showPopover\" \n [tooltipHtml]=\"actionButton.tooltip\"\n [placement]=\"'top'\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n class=\"actionButton-tooltip\">\n <symphony-button-with-icon\n (clicked)=\"onButtonClick($event)\"\n [icon]=\"actionButton.icon\"\n [text]=\"actionButton.text\"\n [showActionButton]=\"actionButton.showActionButton\"\n [showPopover]=\"actionButton.showPopover\"\n id=\"btn-action-{{actionButton.text | trimId}}-popover\"\n ></symphony-button-with-icon>\n </symphony-tooltip-wrapper>\n</div>", styles: [".actionButton-tooltip .tooltip{min-width:160px}.actionButton-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"], components: [{ type: i1.ButtonWithIconComponent, selector: "symphony-button-with-icon", inputs: ["text", "icon", "showActionButton", "showPopover"], outputs: ["clicked"] }, { type: i2.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "trimId": i4.TrimIdPipe }, encapsulation: i0.ViewEncapsulation.None });
|
|
16
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionsComponent, decorators: [{
|
|
17
18
|
type: Component,
|
|
18
|
-
args: [{ selector: 'symphony-grid-actions', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-d-inline-block\" *ngFor=\"let actionButton of model\">\n <symphony-button-with-icon *ngIf=\"!actionButton.showPopover\"\n (clicked)=\"onButtonClick($event)\"\n [icon]=\"actionButton.icon\"\n [text]=\"actionButton.text\"\n [showActionButton]=\"actionButton.showActionButton\"\n ></symphony-button-with-icon>\n <symphony-tooltip-wrapper *ngIf=\"actionButton.showPopover\" \n [tooltipHtml]=\"actionButton.tooltip\"\n [placement]=\"'top'\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n class=\"actionButton-tooltip\">\n <symphony-button-with-icon\n (clicked)=\"onButtonClick($event)\"\n [icon]=\"actionButton.icon\"\n [text]=\"actionButton.text\"\n [showActionButton]=\"actionButton.showActionButton\"\n [showPopover]=\"actionButton.showPopover\"\n ></symphony-button-with-icon>\n </symphony-tooltip-wrapper>\n</div>", styles: [".actionButton-tooltip .tooltip{min-width:160px}.actionButton-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"] }]
|
|
19
|
+
args: [{ selector: 'symphony-grid-actions', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-d-inline-block\" *ngFor=\"let actionButton of model\">\n <symphony-button-with-icon *ngIf=\"!actionButton.showPopover\"\n (clicked)=\"onButtonClick($event)\"\n [icon]=\"actionButton.icon\"\n [text]=\"actionButton.text\"\n [showActionButton]=\"actionButton.showActionButton\"\n id=\"btn-action-{{actionButton.text | trimId}}\"\n ></symphony-button-with-icon>\n <symphony-tooltip-wrapper *ngIf=\"actionButton.showPopover\" \n [tooltipHtml]=\"actionButton.tooltip\"\n [placement]=\"'top'\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n class=\"actionButton-tooltip\">\n <symphony-button-with-icon\n (clicked)=\"onButtonClick($event)\"\n [icon]=\"actionButton.icon\"\n [text]=\"actionButton.text\"\n [showActionButton]=\"actionButton.showActionButton\"\n [showPopover]=\"actionButton.showPopover\"\n id=\"btn-action-{{actionButton.text | trimId}}-popover\"\n ></symphony-button-with-icon>\n </symphony-tooltip-wrapper>\n</div>", styles: [".actionButton-tooltip .tooltip{min-width:160px}.actionButton-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"] }]
|
|
19
20
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
20
21
|
type: Input
|
|
21
22
|
}], buttonClicked: [{
|
|
@@ -23,4 +24,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
23
24
|
}], isInverse: [{
|
|
24
25
|
type: Input
|
|
25
26
|
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1hY3Rpb25zLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvb3JnYW5pc21zL2dyaWQtYWN0aW9ucy9ncmlkLWFjdGlvbnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvZ3JpZC1hY3Rpb25zL2dyaWQtYWN0aW9ucy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLGlCQUFpQixFQUNsQixNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBU3ZCLE1BQU0sT0FBTyxvQkFBb0I7SUFLL0I7UUFGVSxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7SUFFdEMsQ0FBQztJQUVoQixhQUFhLENBQUMsSUFBWTtRQUN4QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNoQyxDQUFDOztpSEFUVSxvQkFBb0I7cUdBQXBCLG9CQUFvQiw4SkNmakMsMi9CQXNCTTsyRkRQTyxvQkFBb0I7a0JBTmhDLFNBQVM7K0JBQ0UsdUJBQXVCLGlCQUdsQixpQkFBaUIsQ0FBQyxJQUFJOzBFQUc1QixLQUFLO3NCQUFiLEtBQUs7Z0JBRUksYUFBYTtzQkFBdEIsTUFBTTtnQkFDRSxTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgR3JpZEFjdGlvbnNNb2RlbCB9IGZyb20gJy4vZ3JpZC1hY3Rpb25zLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktZ3JpZC1hY3Rpb25zJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyaWQtYWN0aW9ucy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyaWQtYWN0aW9ucy5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIEdyaWRBY3Rpb25zQ29tcG9uZW50IHtcbiAgQElucHV0KCkgbW9kZWw6IEdyaWRBY3Rpb25zTW9kZWxbXTtcblxuICBAT3V0cHV0KCkgYnV0dG9uQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICBASW5wdXQoKSBpc0ludmVyc2U6IGJvb2xlYW47XG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBvbkJ1dHRvbkNsaWNrKHRleHQ6IHN0cmluZykge1xuICAgIHRoaXMuYnV0dG9uQ2xpY2tlZC5lbWl0KHRleHQpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2Z4LWQtaW5saW5lLWJsb2NrXCIgKm5nRm9yPVwibGV0IGFjdGlvbkJ1dHRvbiBvZiBtb2RlbFwiPlxuICA8c3ltcGhvbnktYnV0dG9uLXdpdGgtaWNvbiAqbmdJZj1cIiFhY3Rpb25CdXR0b24uc2hvd1BvcG92ZXJcIlxuICAgICAgKGNsaWNrZWQpPVwib25CdXR0b25DbGljaygkZXZlbnQpXCJcbiAgICAgIFtpY29uXT1cImFjdGlvbkJ1dHRvbi5pY29uXCJcbiAgICAgIFt0ZXh0XT1cImFjdGlvbkJ1dHRvbi50ZXh0XCJcbiAgICAgIFtzaG93QWN0aW9uQnV0dG9uXT1cImFjdGlvbkJ1dHRvbi5zaG93QWN0aW9uQnV0dG9uXCJcbiAgICAgIGlkPVwiYnRuLWFjdGlvbi17e2FjdGlvbkJ1dHRvbi50ZXh0IHwgdHJpbUlkfX1cIlxuICAgID48L3N5bXBob255LWJ1dHRvbi13aXRoLWljb24+XG4gIDxzeW1waG9ueS10b29sdGlwLXdyYXBwZXIgKm5nSWY9XCJhY3Rpb25CdXR0b24uc2hvd1BvcG92ZXJcIiBcbiAgW3Rvb2x0aXBIdG1sXT1cImFjdGlvbkJ1dHRvbi50b29sdGlwXCJcbiAgW3BsYWNlbWVudF09XCIndG9wJ1wiXG4gIGNvbnRhaW5lckNsYXNzPVwic2Z4LWluZm8tdG9vbHRpcCBpdGVtLXRvb2x0aXBcIlxuICBjbGFzcz1cImFjdGlvbkJ1dHRvbi10b29sdGlwXCI+XG4gICAgPHN5bXBob255LWJ1dHRvbi13aXRoLWljb25cbiAgICAgIChjbGlja2VkKT1cIm9uQnV0dG9uQ2xpY2soJGV2ZW50KVwiXG4gICAgICBbaWNvbl09XCJhY3Rpb25CdXR0b24uaWNvblwiXG4gICAgICBbdGV4dF09XCJhY3Rpb25CdXR0b24udGV4dFwiXG4gICAgICBbc2hvd0FjdGlvbkJ1dHRvbl09XCJhY3Rpb25CdXR0b24uc2hvd0FjdGlvbkJ1dHRvblwiXG4gICAgICBbc2hvd1BvcG92ZXJdPVwiYWN0aW9uQnV0dG9uLnNob3dQb3BvdmVyXCJcbiAgICAgIGlkPVwiYnRuLWFjdGlvbi17e2FjdGlvbkJ1dHRvbi50ZXh0IHwgdHJpbUlkfX0tcG9wb3ZlclwiXG4gICAgPjwvc3ltcGhvbnktYnV0dG9uLXdpdGgtaWNvbj5cbiAgPC9zeW1waG9ueS10b29sdGlwLXdyYXBwZXI+XG48L2Rpdj4iXX0=
|
package/esm2020/projects/component-library/lib/organisms/grid-actions/grid-actions.module.mjs
CHANGED
|
@@ -3,18 +3,19 @@ import { CommonModule } from '@angular/common';
|
|
|
3
3
|
import { GridActionsComponent } from './grid-actions.component';
|
|
4
4
|
import { ButtonWithIconModule } from '../../molecules/button-with-icon/button-with-icon.module';
|
|
5
5
|
import { TooltipWrapperModule } from '../../atoms/tooltip-wrapper/tooltip-wrapper.module';
|
|
6
|
+
import { PipeModule } from '../../pipe/pipe.module';
|
|
6
7
|
import * as i0 from "@angular/core";
|
|
7
8
|
export class GridActionsModule {
|
|
8
9
|
}
|
|
9
10
|
GridActionsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
10
|
-
GridActionsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionsModule, declarations: [GridActionsComponent], imports: [CommonModule, ButtonWithIconModule, TooltipWrapperModule], exports: [GridActionsComponent] });
|
|
11
|
-
GridActionsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionsModule, imports: [[CommonModule, ButtonWithIconModule, TooltipWrapperModule]] });
|
|
11
|
+
GridActionsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionsModule, declarations: [GridActionsComponent], imports: [CommonModule, ButtonWithIconModule, TooltipWrapperModule, PipeModule], exports: [GridActionsComponent] });
|
|
12
|
+
GridActionsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionsModule, imports: [[CommonModule, ButtonWithIconModule, TooltipWrapperModule, PipeModule]] });
|
|
12
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionsModule, decorators: [{
|
|
13
14
|
type: NgModule,
|
|
14
15
|
args: [{
|
|
15
16
|
declarations: [GridActionsComponent],
|
|
16
|
-
imports: [CommonModule, ButtonWithIconModule, TooltipWrapperModule],
|
|
17
|
+
imports: [CommonModule, ButtonWithIconModule, TooltipWrapperModule, PipeModule],
|
|
17
18
|
exports: [GridActionsComponent]
|
|
18
19
|
}]
|
|
19
20
|
}] });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1hY3Rpb25zLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvb3JnYW5pc21zL2dyaWQtYWN0aW9ucy9ncmlkLWFjdGlvbnMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBEQUEwRCxDQUFDO0FBQ2hHLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLG9EQUFvRCxDQUFDO0FBQzFGLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7QUFPcEQsTUFBTSxPQUFPLGlCQUFpQjs7OEdBQWpCLGlCQUFpQjsrR0FBakIsaUJBQWlCLGlCQUpiLG9CQUFvQixhQUN6QixZQUFZLEVBQUUsb0JBQW9CLEVBQUUsb0JBQW9CLEVBQUUsVUFBVSxhQUNwRSxvQkFBb0I7K0dBRW5CLGlCQUFpQixZQUhuQixDQUFDLFlBQVksRUFBRSxvQkFBb0IsRUFBRSxvQkFBb0IsRUFBRSxVQUFVLENBQUM7MkZBR3BFLGlCQUFpQjtrQkFMN0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQztvQkFDcEMsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLG9CQUFvQixFQUFFLG9CQUFvQixFQUFFLFVBQVUsQ0FBQztvQkFDL0UsT0FBTyxFQUFFLENBQUMsb0JBQW9CLENBQUM7aUJBQ2hDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBHcmlkQWN0aW9uc0NvbXBvbmVudCB9IGZyb20gJy4vZ3JpZC1hY3Rpb25zLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBCdXR0b25XaXRoSWNvbk1vZHVsZSB9IGZyb20gJy4uLy4uL21vbGVjdWxlcy9idXR0b24td2l0aC1pY29uL2J1dHRvbi13aXRoLWljb24ubW9kdWxlJztcbmltcG9ydCB7IFRvb2x0aXBXcmFwcGVyTW9kdWxlIH0gZnJvbSAnLi4vLi4vYXRvbXMvdG9vbHRpcC13cmFwcGVyL3Rvb2x0aXAtd3JhcHBlci5tb2R1bGUnO1xuaW1wb3J0IHsgUGlwZU1vZHVsZSB9IGZyb20gJy4uLy4uL3BpcGUvcGlwZS5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtHcmlkQWN0aW9uc0NvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEJ1dHRvbldpdGhJY29uTW9kdWxlLCBUb29sdGlwV3JhcHBlck1vZHVsZSwgUGlwZU1vZHVsZV0sXG4gIGV4cG9ydHM6IFtHcmlkQWN0aW9uc0NvbXBvbmVudF1cbn0pXG5leHBvcnQgY2xhc3MgR3JpZEFjdGlvbnNNb2R1bGUge31cbiJdfQ==
|
package/esm2020/projects/component-library/lib/organisms/grid-controls/grid-controls.component.mjs
CHANGED
|
@@ -25,10 +25,10 @@ export class GridControlsComponent {
|
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
27
|
GridControlsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridControlsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
28
|
-
GridControlsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridControlsComponent, selector: "symphony-grid-controls", inputs: { model: "model" }, outputs: { Clicked: "Clicked", menuClicked: "menuClicked" }, ngImport: i0, template: "<div class=\"sfx-action\">\n <div\n class=\"sfx-d-inline-block pull-left sfx-mt-10 sfx-pr-30\"\n *ngIf=\"model.gridRowCount\"\n >\n <strong class=\"text-label\">{{ model.gridRowCount }}</strong>\n </div>\n <div\n class=\"sfx-d-inline-block pull-left sfx-pr-20\"\n *ngIf=\"model.showCustomiseColumns\"\n >\n <symphony-tooltip-wrapper\n [tooltipHtml]=\"'Customise Columns'\"\n [placement]=\"'top'\"\n class=\"actionIcon-tooltip\"\n >\n <symphony-icon-wrapper (click)=\"onClick()\"\n ><symphony-icon [icon]=\"'si-organize-columns'\"></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n </div>\n <div class=\"sfx-d-inline-block pull-left\">\n <symphony-contextual-menu\n class=\"task-more-option\"\n *ngIf=\"gridMoreActions && gridMoreActions.items.length > 0\"\n [model]=\"gridMoreActions\"\n (itemClick)=\"onItemClick($event)\"\n >\n </symphony-contextual-menu>\n </div>\n</div>\n", styles: [".task-more-option .btn-group .dropdown-menu{min-width:200px!important}.actionIcon-tooltip .tooltip{min-width:160px}.actionIcon-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
28
|
+
GridControlsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridControlsComponent, selector: "symphony-grid-controls", inputs: { model: "model" }, outputs: { Clicked: "Clicked", menuClicked: "menuClicked" }, ngImport: i0, template: "<div class=\"sfx-action\">\n <div\n class=\"sfx-d-inline-block pull-left sfx-mt-10 sfx-pr-30\"\n *ngIf=\"model.gridRowCount\"\n >\n <strong class=\"text-label\">{{ model.gridRowCount }}</strong>\n </div>\n <div\n class=\"sfx-d-inline-block pull-left sfx-pr-20\"\n *ngIf=\"model.showCustomiseColumns\"\n >\n <symphony-tooltip-wrapper\n [tooltipHtml]=\"'Customise Columns'\"\n [placement]=\"'top'\"\n class=\"actionIcon-tooltip\"\n >\n <symphony-icon-wrapper (click)=\"onClick()\" id=\"btn-customise-columns\"\n ><symphony-icon [icon]=\"'si-organize-columns'\"></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n </div>\n <div class=\"sfx-d-inline-block pull-left\">\n <symphony-contextual-menu\n class=\"task-more-option\"\n *ngIf=\"gridMoreActions && gridMoreActions.items.length > 0\"\n [model]=\"gridMoreActions\"\n (itemClick)=\"onItemClick($event)\"\n >\n </symphony-contextual-menu>\n </div>\n</div>\n", styles: [".task-more-option .btn-group .dropdown-menu{min-width:200px!important}.actionIcon-tooltip .tooltip{min-width:160px}.actionIcon-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
29
29
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridControlsComponent, decorators: [{
|
|
30
30
|
type: Component,
|
|
31
|
-
args: [{ selector: 'symphony-grid-controls', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-action\">\n <div\n class=\"sfx-d-inline-block pull-left sfx-mt-10 sfx-pr-30\"\n *ngIf=\"model.gridRowCount\"\n >\n <strong class=\"text-label\">{{ model.gridRowCount }}</strong>\n </div>\n <div\n class=\"sfx-d-inline-block pull-left sfx-pr-20\"\n *ngIf=\"model.showCustomiseColumns\"\n >\n <symphony-tooltip-wrapper\n [tooltipHtml]=\"'Customise Columns'\"\n [placement]=\"'top'\"\n class=\"actionIcon-tooltip\"\n >\n <symphony-icon-wrapper (click)=\"onClick()\"\n ><symphony-icon [icon]=\"'si-organize-columns'\"></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n </div>\n <div class=\"sfx-d-inline-block pull-left\">\n <symphony-contextual-menu\n class=\"task-more-option\"\n *ngIf=\"gridMoreActions && gridMoreActions.items.length > 0\"\n [model]=\"gridMoreActions\"\n (itemClick)=\"onItemClick($event)\"\n >\n </symphony-contextual-menu>\n </div>\n</div>\n", styles: [".task-more-option .btn-group .dropdown-menu{min-width:200px!important}.actionIcon-tooltip .tooltip{min-width:160px}.actionIcon-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"] }]
|
|
31
|
+
args: [{ selector: 'symphony-grid-controls', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-action\">\n <div\n class=\"sfx-d-inline-block pull-left sfx-mt-10 sfx-pr-30\"\n *ngIf=\"model.gridRowCount\"\n >\n <strong class=\"text-label\">{{ model.gridRowCount }}</strong>\n </div>\n <div\n class=\"sfx-d-inline-block pull-left sfx-pr-20\"\n *ngIf=\"model.showCustomiseColumns\"\n >\n <symphony-tooltip-wrapper\n [tooltipHtml]=\"'Customise Columns'\"\n [placement]=\"'top'\"\n class=\"actionIcon-tooltip\"\n >\n <symphony-icon-wrapper (click)=\"onClick()\" id=\"btn-customise-columns\"\n ><symphony-icon [icon]=\"'si-organize-columns'\"></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n </div>\n <div class=\"sfx-d-inline-block pull-left\">\n <symphony-contextual-menu\n class=\"task-more-option\"\n *ngIf=\"gridMoreActions && gridMoreActions.items.length > 0\"\n [model]=\"gridMoreActions\"\n (itemClick)=\"onItemClick($event)\"\n >\n </symphony-contextual-menu>\n </div>\n</div>\n", styles: [".task-more-option .btn-group .dropdown-menu{min-width:200px!important}.actionIcon-tooltip .tooltip{min-width:160px}.actionIcon-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"] }]
|
|
32
32
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
33
33
|
type: Input
|
|
34
34
|
}], Clicked: [{
|
|
@@ -36,4 +36,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
36
36
|
}], menuClicked: [{
|
|
37
37
|
type: Output
|
|
38
38
|
}] } });
|
|
39
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1jb250cm9scy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL29yZ2FuaXNtcy9ncmlkLWNvbnRyb2xzL2dyaWQtY29udHJvbHMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvZ3JpZC1jb250cm9scy9ncmlkLWNvbnRyb2xzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEVBQ04saUJBQWlCLEVBQ2xCLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBVXZCLE1BQU0sT0FBTyxxQkFBcUI7SUFTaEM7UUFQVSxZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUNuQyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDNUMsb0JBQWUsR0FBd0I7WUFDNUMsU0FBUyxFQUFFLElBQUk7WUFDZixLQUFLLEVBQUUsRUFBRTtTQUNWLENBQUM7SUFFYSxDQUFDO0lBRWhCLE9BQU87UUFDTCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFDRCxXQUFXLENBQUMsSUFBWTtRQUN0QixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM5QixDQUFDO0lBQ0QsUUFBUTtRQUNOLElBQUksQ0FBQyxlQUFlLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDO0lBQ3RELENBQUM7O2tIQW5CVSxxQkFBcUI7c0dBQXJCLHFCQUFxQix1SkNqQmxDLGlnQ0ErQkE7MkZEZGEscUJBQXFCO2tCQU5qQyxTQUFTOytCQUNFLHdCQUF3QixpQkFHbkIsaUJBQWlCLENBQUMsSUFBSTswRUFHNUIsS0FBSztzQkFBYixLQUFLO2dCQUNJLE9BQU87c0JBQWhCLE1BQU07Z0JBQ0csV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBPdXRwdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udGV4dHVhbE1lbnVNb2RlbCB9IGZyb20gJy4uLy4uL2F0b21zL2NvbnRleHR1YWwtbWVudS9jb250ZXh0dWFsLW1lbnUubW9kZWwnO1xuaW1wb3J0IHsgR3JpZENvbnRyb2xzTW9kZWwgfSBmcm9tICcuL2dyaWQtY29udHJvbHMubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1ncmlkLWNvbnRyb2xzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyaWQtY29udHJvbHMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ncmlkLWNvbnRyb2xzLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgR3JpZENvbnRyb2xzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgbW9kZWw6IEdyaWRDb250cm9sc01vZGVsO1xuICBAT3V0cHV0KCkgQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIG1lbnVDbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gIHB1YmxpYyBncmlkTW9yZUFjdGlvbnM6IENvbnRleHR1YWxNZW51TW9kZWwgPSB7XG4gICAgaGFzQm9yZGVyOiB0cnVlLFxuICAgIGl0ZW1zOiBbXVxuICB9O1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBvbkNsaWNrKCkge1xuICAgIHRoaXMuQ2xpY2tlZC5lbWl0KCk7XG4gIH1cbiAgb25JdGVtQ2xpY2soaXRlbTogc3RyaW5nKSB7XG4gICAgdGhpcy5tZW51Q2xpY2tlZC5lbWl0KGl0ZW0pO1xuICB9XG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuZ3JpZE1vcmVBY3Rpb25zLml0ZW1zID0gdGhpcy5tb2RlbC5ncmlkQWN0aW9ucztcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInNmeC1hY3Rpb25cIj5cbiAgPGRpdlxuICAgIGNsYXNzPVwic2Z4LWQtaW5saW5lLWJsb2NrIHB1bGwtbGVmdCBzZngtbXQtMTAgc2Z4LXByLTMwXCJcbiAgICAqbmdJZj1cIm1vZGVsLmdyaWRSb3dDb3VudFwiXG4gID5cbiAgICA8c3Ryb25nIGNsYXNzPVwidGV4dC1sYWJlbFwiPnt7IG1vZGVsLmdyaWRSb3dDb3VudCB9fTwvc3Ryb25nPlxuICA8L2Rpdj5cbiAgPGRpdlxuICAgIGNsYXNzPVwic2Z4LWQtaW5saW5lLWJsb2NrIHB1bGwtbGVmdCBzZngtcHItMjBcIlxuICAgICpuZ0lmPVwibW9kZWwuc2hvd0N1c3RvbWlzZUNvbHVtbnNcIlxuICA+XG4gICAgPHN5bXBob255LXRvb2x0aXAtd3JhcHBlclxuICAgICAgW3Rvb2x0aXBIdG1sXT1cIidDdXN0b21pc2UgQ29sdW1ucydcIlxuICAgICAgW3BsYWNlbWVudF09XCIndG9wJ1wiXG4gICAgICBjbGFzcz1cImFjdGlvbkljb24tdG9vbHRpcFwiXG4gICAgPlxuICAgICAgPHN5bXBob255LWljb24td3JhcHBlciAoY2xpY2spPVwib25DbGljaygpXCIgaWQ9XCJidG4tY3VzdG9taXNlLWNvbHVtbnNcIlxuICAgICAgICA+PHN5bXBob255LWljb24gW2ljb25dPVwiJ3NpLW9yZ2FuaXplLWNvbHVtbnMnXCI+PC9zeW1waG9ueS1pY29uPlxuICAgICAgPC9zeW1waG9ueS1pY29uLXdyYXBwZXI+XG4gICAgPC9zeW1waG9ueS10b29sdGlwLXdyYXBwZXI+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwic2Z4LWQtaW5saW5lLWJsb2NrIHB1bGwtbGVmdFwiPlxuICAgIDxzeW1waG9ueS1jb250ZXh0dWFsLW1lbnVcbiAgICAgIGNsYXNzPVwidGFzay1tb3JlLW9wdGlvblwiXG4gICAgICAqbmdJZj1cImdyaWRNb3JlQWN0aW9ucyAmJiBncmlkTW9yZUFjdGlvbnMuaXRlbXMubGVuZ3RoID4gMFwiXG4gICAgICBbbW9kZWxdPVwiZ3JpZE1vcmVBY3Rpb25zXCJcbiAgICAgIChpdGVtQ2xpY2spPVwib25JdGVtQ2xpY2soJGV2ZW50KVwiXG4gICAgPlxuICAgIDwvc3ltcGhvbnktY29udGV4dHVhbC1tZW51PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { TrimIdPipe } from './trim-id.pipe';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class PipeModule {
|
|
6
|
+
}
|
|
7
|
+
PipeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8
|
+
PipeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PipeModule, declarations: [TrimIdPipe], imports: [CommonModule], exports: [TrimIdPipe] });
|
|
9
|
+
PipeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PipeModule, imports: [[
|
|
10
|
+
CommonModule,
|
|
11
|
+
]] });
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PipeModule, decorators: [{
|
|
13
|
+
type: NgModule,
|
|
14
|
+
args: [{
|
|
15
|
+
declarations: [TrimIdPipe],
|
|
16
|
+
imports: [
|
|
17
|
+
CommonModule,
|
|
18
|
+
],
|
|
19
|
+
exports: [TrimIdPipe]
|
|
20
|
+
}]
|
|
21
|
+
}] });
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGlwZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3BpcGUvcGlwZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGdCQUFnQixDQUFDOztBQVU1QyxNQUFNLE9BQU8sVUFBVTs7dUdBQVYsVUFBVTt3R0FBVixVQUFVLGlCQU5OLFVBQVUsYUFFdkIsWUFBWSxhQUVKLFVBQVU7d0dBRVQsVUFBVSxZQUxaO1lBQ1AsWUFBWTtTQUNiOzJGQUdVLFVBQVU7a0JBUHRCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsVUFBVSxDQUFDO29CQUMxQixPQUFPLEVBQUU7d0JBQ1AsWUFBWTtxQkFDYjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxVQUFVLENBQUM7aUJBQ3RCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBUcmltSWRQaXBlIH0gZnJvbSAnLi90cmltLWlkLnBpcGUnO1xuXG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1RyaW1JZFBpcGVdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbVHJpbUlkUGlwZV1cbn0pXG5leHBvcnQgY2xhc3MgUGlwZU1vZHVsZSB7fVxuIl19
|