@datarailsshared/datarailsshared 1.6.234 → 1.6.238
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/assets/styles/_storybook-styles.scss +3 -0
- package/assets/styles/_styles.scss +3 -0
- package/datarailsshared-datarailsshared-1.6.238.tgz +0 -0
- package/esm2022/lib/decorators/decorators.mjs +26 -0
- package/esm2022/lib/dr-grid/components/cells/cell-action/cell-action.component.mjs +95 -0
- package/esm2022/lib/dr-grid/components/cells/cell-badge-status/cell-badge-status.component.mjs +49 -0
- package/esm2022/lib/dr-grid/components/cells/cell-button/cell-button.component.mjs +38 -0
- package/esm2022/lib/dr-grid/components/cells/cell-checkbox/cell-checkbox.component.mjs +50 -0
- package/esm2022/lib/dr-grid/components/cells/cell-children-list/cell-children-list.component.mjs +141 -0
- package/esm2022/lib/dr-grid/components/cells/cell-custom-template/cell-custom-template.component.mjs +28 -0
- package/esm2022/lib/dr-grid/components/cells/cell-icon-actions/cell-icon-actions.component.mjs +101 -0
- package/esm2022/lib/dr-grid/components/cells/cell-icon-text-edit/cell-icon-text-edit.component.mjs +130 -0
- package/esm2022/lib/dr-grid/components/cells/cell-link/cell-link.component.mjs +94 -0
- package/esm2022/lib/dr-grid/components/cells/cell-select/cell-select.component.mjs +45 -0
- package/esm2022/lib/dr-grid/components/cells/cell-set-as-default/cell-set-as-default.component.mjs +48 -0
- package/esm2022/lib/dr-grid/components/cells/cell-split-rows/cell-split-rows.component.mjs +99 -0
- package/esm2022/lib/dr-grid/components/cells/cell-toggle/cell-toggle.component.mjs +38 -0
- package/esm2022/lib/dr-grid/components/cells/tbl-header/tbl-header.component.mjs +169 -0
- package/esm2022/lib/dr-grid/components/dr-grid-columns-filter-popover/dr-grid-columns-filter-popover.component.mjs +87 -0
- package/esm2022/lib/dr-grid/components/dr-grid-no-rows/dr-grid-no-rows.component.mjs +10 -0
- package/esm2022/lib/dr-grid/components/dr-grid-pagination/dr-grid-pagination.component.mjs +150 -0
- package/esm2022/lib/dr-grid/components/dr-grid-toolbar/dr-grid-toolbar.component.mjs +194 -0
- package/esm2022/lib/dr-grid/components/tbl-toggle-button-header/tbl-toggle-button-header.component.mjs +46 -0
- package/esm2022/lib/dr-grid/dr-grid.component.mjs +364 -0
- package/esm2022/lib/dr-grid/dr-grid.mjs +26 -0
- package/esm2022/lib/dr-grid/models/dr-grid-events.mjs +9 -0
- package/esm2022/lib/dr-grid/models/dr-grid-theme.mjs +27 -0
- package/esm2022/lib/dr-grid/models/interfaces.mjs +6 -0
- package/esm2022/lib/dr-grid/services/abstract-single-grid.mjs +136 -0
- package/esm2022/lib/dr-grid/services/grid-utils.mjs +53 -0
- package/esm2022/lib/emoji-picker/emoji-picker.component.mjs +2 -2
- package/esm2022/lib/pipes/indeterminate/indeterminate.pipe.mjs +38 -0
- package/esm2022/local-api.mjs +6 -2
- package/fesm2022/datarailsshared-datarailsshared.mjs +2335 -265
- package/fesm2022/datarailsshared-datarailsshared.mjs.map +1 -1
- package/lib/decorators/decorators.d.ts +2 -0
- package/lib/dr-grid/components/cells/cell-action/cell-action.component.d.ts +37 -0
- package/lib/dr-grid/components/cells/cell-badge-status/cell-badge-status.component.d.ts +22 -0
- package/lib/dr-grid/components/cells/cell-button/cell-button.component.d.ts +19 -0
- package/lib/dr-grid/components/cells/cell-checkbox/cell-checkbox.component.d.ts +24 -0
- package/lib/dr-grid/components/cells/cell-children-list/cell-children-list.component.d.ts +21 -0
- package/lib/dr-grid/components/cells/cell-custom-template/cell-custom-template.component.d.ts +23 -0
- package/lib/dr-grid/components/cells/cell-icon-actions/cell-icon-actions.component.d.ts +35 -0
- package/lib/dr-grid/components/cells/cell-icon-text-edit/cell-icon-text-edit.component.d.ts +34 -0
- package/lib/dr-grid/components/cells/cell-link/cell-link.component.d.ts +33 -0
- package/lib/dr-grid/components/cells/cell-select/cell-select.component.d.ts +22 -0
- package/lib/dr-grid/components/cells/cell-set-as-default/cell-set-as-default.component.d.ts +16 -0
- package/lib/dr-grid/components/cells/cell-split-rows/cell-split-rows.component.d.ts +19 -0
- package/lib/dr-grid/components/cells/cell-toggle/cell-toggle.component.d.ts +15 -0
- package/lib/dr-grid/components/cells/tbl-header/tbl-header.component.d.ts +23 -0
- package/lib/dr-grid/components/dr-grid-columns-filter-popover/dr-grid-columns-filter-popover.component.d.ts +18 -0
- package/lib/dr-grid/components/dr-grid-no-rows/dr-grid-no-rows.component.d.ts +6 -0
- package/lib/dr-grid/components/dr-grid-pagination/dr-grid-pagination.component.d.ts +25 -0
- package/lib/dr-grid/components/dr-grid-toolbar/dr-grid-toolbar.component.d.ts +37 -0
- package/lib/dr-grid/components/tbl-toggle-button-header/tbl-toggle-button-header.component.d.ts +31 -0
- package/lib/dr-grid/dr-grid.component.d.ts +86 -0
- package/lib/dr-grid/dr-grid.d.ts +25 -0
- package/lib/dr-grid/models/dr-grid-events.d.ts +7 -0
- package/lib/dr-grid/models/dr-grid-theme.d.ts +3 -0
- package/lib/dr-grid/models/interfaces.d.ts +125 -0
- package/lib/dr-grid/services/abstract-single-grid.d.ts +37 -0
- package/lib/dr-grid/services/grid-utils.d.ts +11 -0
- package/lib/pipes/indeterminate/indeterminate.pipe.d.ts +12 -0
- package/local-api.d.ts +4 -1
- package/package.json +4 -2
- package/styles.css +7995 -0
- package/datarailsshared-datarailsshared-1.6.234.tgz +0 -0
package/esm2022/lib/dr-grid/components/cells/cell-icon-actions/cell-icon-actions.component.mjs
ADDED
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { DrDropdownModule } from '../../../../dr-dropdown/dr-dropdown.module';
|
|
4
|
+
import { DrInputsModule } from '../../../../dr-inputs/dr-inputs.module';
|
|
5
|
+
import { DrTooltipModule } from '../../../../dr-tooltip/dr-tooltip.module';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
import * as i1 from "@angular/common";
|
|
8
|
+
import * as i2 from "../../../../dr-inputs/button/button.component";
|
|
9
|
+
import * as i3 from "../../../../dr-tooltip/dr-tooltip.directive";
|
|
10
|
+
import * as i4 from "../../../../dr-dropdown/dr-dropdown.directive";
|
|
11
|
+
function CellIconActionsComponent_div_1_span_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
|
|
12
|
+
i0.ɵɵelementContainer(0);
|
|
13
|
+
} }
|
|
14
|
+
const _c0 = function (a0) { return { $implicit: a0 }; };
|
|
15
|
+
function CellIconActionsComponent_div_1_span_1_Template(rf, ctx) { if (rf & 1) {
|
|
16
|
+
i0.ɵɵelementStart(0, "span", 6);
|
|
17
|
+
i0.ɵɵtemplate(1, CellIconActionsComponent_div_1_span_1_ng_container_1_Template, 1, 0, "ng-container", 7);
|
|
18
|
+
i0.ɵɵelementEnd();
|
|
19
|
+
} if (rf & 2) {
|
|
20
|
+
const icon_r5 = i0.ɵɵnextContext().$implicit;
|
|
21
|
+
const ctx_r8 = i0.ɵɵnextContext();
|
|
22
|
+
const _r3 = i0.ɵɵreference(5);
|
|
23
|
+
const _r1 = i0.ɵɵreference(3);
|
|
24
|
+
i0.ɵɵstyleProp("background-color", icon_r5.badgeColor);
|
|
25
|
+
i0.ɵɵclassProp("badge", icon_r5.badgeColor);
|
|
26
|
+
i0.ɵɵproperty("drTooltipMouseEnterTimeout", 100)("drTooltip", icon_r5.customTooltip ? icon_r5.customTooltip(ctx_r8.field, ctx_r8.rowIndex, ctx_r8.rowData) : icon_r5.tooltip);
|
|
27
|
+
i0.ɵɵadvance(1);
|
|
28
|
+
i0.ɵɵproperty("ngTemplateOutlet", icon_r5.isSimpleIcon ? _r3 : _r1)("ngTemplateOutletContext", i0.ɵɵpureFunction1(8, _c0, icon_r5));
|
|
29
|
+
} }
|
|
30
|
+
function CellIconActionsComponent_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
31
|
+
i0.ɵɵelementStart(0, "div", 4);
|
|
32
|
+
i0.ɵɵtemplate(1, CellIconActionsComponent_div_1_span_1_Template, 2, 10, "span", 5);
|
|
33
|
+
i0.ɵɵelementEnd();
|
|
34
|
+
} if (rf & 2) {
|
|
35
|
+
const icon_r5 = ctx.$implicit;
|
|
36
|
+
const odd_r6 = ctx.odd;
|
|
37
|
+
const first_r7 = ctx.first;
|
|
38
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
39
|
+
i0.ɵɵstyleProp("margin-right", odd_r6 && ctx_r0.marginForEvenIcon)("margin-left", odd_r6 && !first_r7 && ctx_r0.marginForEvenIcon);
|
|
40
|
+
i0.ɵɵclassProp("hide-delimer", ctx_r0.hideIconDelimer);
|
|
41
|
+
i0.ɵɵadvance(1);
|
|
42
|
+
i0.ɵɵproperty("ngIf", !icon_r5.hidden && icon_r5.show ? icon_r5.show(ctx_r0.field) : true);
|
|
43
|
+
} }
|
|
44
|
+
function CellIconActionsComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
|
|
45
|
+
const _r13 = i0.ɵɵgetCurrentView();
|
|
46
|
+
i0.ɵɵelementStart(0, "dr-button", 8);
|
|
47
|
+
i0.ɵɵlistener("click", function CellIconActionsComponent_ng_template_2_Template_dr_button_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r13); const icon_r11 = restoredCtx.$implicit; const ctx_r12 = i0.ɵɵnextContext(); return i0.ɵɵresetView(icon_r11.action && icon_r11.action(ctx_r12.field, ctx_r12.rowIndex, ctx_r12.rowData)); });
|
|
48
|
+
i0.ɵɵelementEnd();
|
|
49
|
+
} if (rf & 2) {
|
|
50
|
+
const icon_r11 = ctx.$implicit;
|
|
51
|
+
const ctx_r2 = i0.ɵɵnextContext();
|
|
52
|
+
i0.ɵɵproperty("icon", icon_r11.dynamicClass ? icon_r11.dynamicClass(ctx_r2.field, ctx_r2.rowIndex, ctx_r2.rowData) : icon_r11.class)("iconSize", icon_r11.size)("iconColor", icon_r11.colorFn ? icon_r11.colorFn(ctx_r2.field) : icon_r11.color)("disabled", ctx_r2.isIconDisabled(icon_r11))("drDropdown", icon_r11.dropdownActions);
|
|
53
|
+
} }
|
|
54
|
+
function CellIconActionsComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
|
|
55
|
+
i0.ɵɵelement(0, "span");
|
|
56
|
+
} if (rf & 2) {
|
|
57
|
+
const icon_r14 = ctx.$implicit;
|
|
58
|
+
i0.ɵɵclassMap(icon_r14.class);
|
|
59
|
+
i0.ɵɵstyleProp("color", icon_r14.color)("font-size", icon_r14.size);
|
|
60
|
+
} }
|
|
61
|
+
export class CellIconActionsComponent {
|
|
62
|
+
agInit(params) {
|
|
63
|
+
this.containerMargin = params.containerMargin;
|
|
64
|
+
this.bindValue = params.bindValue;
|
|
65
|
+
this.pinRight = params.pinRight;
|
|
66
|
+
if (params.bindValue && params.data?.[this.bindValue]) {
|
|
67
|
+
this.field = params.data[this.bindValue];
|
|
68
|
+
}
|
|
69
|
+
else {
|
|
70
|
+
this.field = params.data;
|
|
71
|
+
}
|
|
72
|
+
this.rowData = params.data;
|
|
73
|
+
this.icons = params.icons;
|
|
74
|
+
this.rowIndex = params.rowIndex;
|
|
75
|
+
this.hideIconDelimer = params.hideIconDelimer;
|
|
76
|
+
this.marginForEvenIcon = params.marginForEvenIcon;
|
|
77
|
+
}
|
|
78
|
+
refresh() {
|
|
79
|
+
return true;
|
|
80
|
+
}
|
|
81
|
+
isIconDisabled(icon) {
|
|
82
|
+
return icon.disabled instanceof Function ? icon.disabled(this.field, this.rowIndex, this.rowData) : icon.disabled;
|
|
83
|
+
}
|
|
84
|
+
/** @nocollapse */ static { this.ɵfac = function CellIconActionsComponent_Factory(t) { return new (t || CellIconActionsComponent)(); }; }
|
|
85
|
+
/** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: CellIconActionsComponent, selectors: [["dr-cell-icon-actions"]], standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 6, vars: 5, consts: [[1, "action-icons"], ["class", "action-icons__item-container action-item", 3, "hide-delimer", "margin-right", "margin-left", 4, "ngFor", "ngForOf"], ["buttonIconRef", ""], ["simpleIconRef", ""], [1, "action-icons__item-container", "action-item"], ["class", "action-item__wrapper", 3, "badge", "background-color", "drTooltipMouseEnterTimeout", "drTooltip", 4, "ngIf"], [1, "action-item__wrapper", 3, "drTooltipMouseEnterTimeout", "drTooltip"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], ["data-analytics", "tables_cells_cell-icon-actions_button-0", "theme", "icon", "drDropdownPosition", "bottom", 1, "action-item__button", 3, "icon", "iconSize", "iconColor", "disabled", "drDropdown", "click"]], template: function CellIconActionsComponent_Template(rf, ctx) { if (rf & 1) {
|
|
86
|
+
i0.ɵɵelementStart(0, "div", 0);
|
|
87
|
+
i0.ɵɵtemplate(1, CellIconActionsComponent_div_1_Template, 2, 7, "div", 1);
|
|
88
|
+
i0.ɵɵelementEnd();
|
|
89
|
+
i0.ɵɵtemplate(2, CellIconActionsComponent_ng_template_2_Template, 1, 5, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
|
|
90
|
+
i0.ɵɵtemplate(4, CellIconActionsComponent_ng_template_4_Template, 1, 6, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
|
|
91
|
+
} if (rf & 2) {
|
|
92
|
+
i0.ɵɵstyleProp("margin", ctx.containerMargin)("justify-content", ctx.pinRight && "flex-end");
|
|
93
|
+
i0.ɵɵadvance(1);
|
|
94
|
+
i0.ɵɵproperty("ngForOf", ctx.icons);
|
|
95
|
+
} }, dependencies: [CommonModule, i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, DrInputsModule, i2.DrButtonComponent, DrTooltipModule, i3.DrTooltipDirective, DrDropdownModule, i4.DrDropdownDirective], styles: [".action-icons[_ngcontent-%COMP%]{display:flex;align-items:center;height:100%}.action-item[_ngcontent-%COMP%]{display:flex}.action-item[_ngcontent-%COMP%]:nth-child(2n) > .action-item__button[_ngcontent-%COMP%]{margin-left:3px}.action-item[_ngcontent-%COMP%]:nth-child(odd) > .action-item__button[_ngcontent-%COMP%]{margin-right:3px}.action-item__wrapper[_ngcontent-%COMP%]{display:inline-flex}.action-item__wrapper.badge[_ngcontent-%COMP%]{padding:8px;border-radius:4px}.hide-delimer.action-item[_ngcontent-%COMP%]:nth-child(2n):before{content:none}[_nghost-%COMP%] .action-item__wrapper.badge>dr-button>button:hover{background:none;border:none}"], changeDetection: 0 }); }
|
|
96
|
+
}
|
|
97
|
+
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CellIconActionsComponent, [{
|
|
98
|
+
type: Component,
|
|
99
|
+
args: [{ selector: 'dr-cell-icon-actions', standalone: true, imports: [CommonModule, DrInputsModule, DrTooltipModule, DrDropdownModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"action-icons\" [style.margin]=\"containerMargin\" [style.justify-content]=\"pinRight && 'flex-end'\">\n <div\n *ngFor=\"let icon of icons; let odd = odd; let first = first\"\n class=\"action-icons__item-container action-item\"\n [class.hide-delimer]=\"hideIconDelimer\"\n [style.margin-right]=\"odd && marginForEvenIcon\"\n [style.margin-left]=\"odd && !first && marginForEvenIcon\">\n <span\n *ngIf=\"!icon.hidden && icon.show ? icon.show(field) : true\"\n class=\"action-item__wrapper\"\n [class.badge]=\"icon.badgeColor\"\n [style.background-color]=\"icon.badgeColor\"\n [drTooltipMouseEnterTimeout]=\"100\"\n [drTooltip]=\"icon.customTooltip ? icon.customTooltip(field, rowIndex, rowData) : icon.tooltip\">\n <ng-container\n *ngTemplateOutlet=\"\n icon.isSimpleIcon ? simpleIconRef : buttonIconRef;\n context: { $implicit: icon }\n \"></ng-container>\n </span>\n </div>\n</div>\n\n<ng-template #buttonIconRef let-icon>\n <dr-button\n data-analytics=\"tables_cells_cell-icon-actions_button-0\"\n class=\"action-item__button\"\n theme=\"icon\"\n [icon]=\"icon.dynamicClass ? icon.dynamicClass(field, rowIndex, rowData) : icon.class\"\n [iconSize]=\"icon.size\"\n [iconColor]=\"icon.colorFn ? icon.colorFn(field) : icon.color\"\n [disabled]=\"isIconDisabled(icon)\"\n (click)=\"icon.action && icon.action(field, rowIndex, rowData)\"\n [drDropdown]=\"icon.dropdownActions\"\n drDropdownPosition=\"bottom\"></dr-button>\n</ng-template>\n\n<ng-template #simpleIconRef let-icon>\n <span [class]=\"icon.class\" [style.color]=\"icon.color\" [style.font-size]=\"icon.size\"></span>\n</ng-template>\n", styles: [".action-icons{display:flex;align-items:center;height:100%}.action-item{display:flex}.action-item:nth-child(2n)>.action-item__button{margin-left:3px}.action-item:nth-child(odd)>.action-item__button{margin-right:3px}.action-item__wrapper{display:inline-flex}.action-item__wrapper.badge{padding:8px;border-radius:4px}.hide-delimer.action-item:nth-child(2n):before{content:none}:host::ng-deep .action-item__wrapper.badge>dr-button>button:hover{background:none;border:none}\n"] }]
|
|
100
|
+
}], null, null); })();
|
|
101
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2VsbC1pY29uLWFjdGlvbnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YXJhaWxzc2hhcmVkL3NyYy9saWIvZHItZ3JpZC9jb21wb25lbnRzL2NlbGxzL2NlbGwtaWNvbi1hY3Rpb25zL2NlbGwtaWNvbi1hY3Rpb25zLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLWdyaWQvY29tcG9uZW50cy9jZWxscy9jZWxsLWljb24tYWN0aW9ucy9jZWxsLWljb24tYWN0aW9ucy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25FLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUM5RSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDeEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBDQUEwQyxDQUFDOzs7Ozs7O0lDUy9ELHdCQUlxQjs7OztJQVh6QiwrQkFNbUc7SUFDL0Ysd0dBSXFCO0lBQ3pCLGlCQUFPOzs7Ozs7SUFSSCxzREFBMEM7SUFEMUMsMkNBQStCO0lBRS9CLGdEQUFrQyw2SEFBQTtJQUc3QixlQUV3QjtJQUZ4QixtRUFFd0IsZ0VBQUE7OztJQWhCckMsOEJBSzZEO0lBQ3pELGtGQVlPO0lBQ1gsaUJBQU07Ozs7OztJQWZGLGtFQUErQyxnRUFBQTtJQUQvQyxzREFBc0M7SUFJakMsZUFBeUQ7SUFBekQsMEZBQXlEOzs7O0lBZ0JsRSxvQ0FVZ0M7SUFGNUIsOE9BQVMsa0NBQWUsaUVBQXFDLENBQUEsSUFBQztJQUVsQyxpQkFBWTs7OztJQU54QyxvSUFBcUYsMkJBQUEsaUZBQUEsNkNBQUEsd0NBQUE7OztJQVV6Rix1QkFBMkY7OztJQUFyRiw2QkFBb0I7SUFBQyx1Q0FBMEIsNEJBQUE7O0FETHpELE1BQU0sT0FBTyx3QkFBd0I7SUFXakMsTUFBTSxDQUFDLE1BQU07UUFDVCxJQUFJLENBQUMsZUFBZSxHQUFHLE1BQU0sQ0FBQyxlQUFlLENBQUM7UUFDOUMsSUFBSSxDQUFDLFNBQVMsR0FBRyxNQUFNLENBQUMsU0FBUyxDQUFDO1FBQ2xDLElBQUksQ0FBQyxRQUFRLEdBQUcsTUFBTSxDQUFDLFFBQVEsQ0FBQztRQUVoQyxJQUFJLE1BQU0sQ0FBQyxTQUFTLElBQUksTUFBTSxDQUFDLElBQUksRUFBRSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsRUFBRTtZQUNuRCxJQUFJLENBQUMsS0FBSyxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1NBQzVDO2FBQU07WUFDSCxJQUFJLENBQUMsS0FBSyxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUM7U0FDNUI7UUFFRCxJQUFJLENBQUMsT0FBTyxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUM7UUFFM0IsSUFBSSxDQUFDLEtBQUssR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDO1FBQzFCLElBQUksQ0FBQyxRQUFRLEdBQUcsTUFBTSxDQUFDLFFBQVEsQ0FBQztRQUNoQyxJQUFJLENBQUMsZUFBZSxHQUFHLE1BQU0sQ0FBQyxlQUFlLENBQUM7UUFDOUMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQztJQUN0RCxDQUFDO0lBRUQsT0FBTztRQUNILE9BQU8sSUFBSSxDQUFDO0lBQ2hCLENBQUM7SUFFRCxjQUFjLENBQUMsSUFBeUI7UUFDcEMsT0FBTyxJQUFJLENBQUMsUUFBUSxZQUFZLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxRQUFRLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3RILENBQUM7NEdBcENRLHdCQUF3QjttR0FBeEIsd0JBQXdCO1lDakNyQyw4QkFBNEc7WUFDeEcseUVBbUJNO1lBQ1YsaUJBQU07WUFFTiwwSEFZYztZQUVkLDBIQUVjOztZQXZDWSw2Q0FBZ0MsK0NBQUE7WUFFakMsZUFBVTtZQUFWLG1DQUFVOzRCRDRCckIsWUFBWSw0Q0FBRSxjQUFjLHdCQUFFLGVBQWUseUJBQUUsZ0JBQWdCOzt1RkFHaEUsd0JBQXdCO2NBUnBDLFNBQVM7MkJBQ0ksc0JBQXNCLGNBR3BCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxjQUFjLEVBQUUsZUFBZSxFQUFFLGdCQUFnQixDQUFDLG1CQUN6RCx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IElHcmlkQ2VsbFJlbmRlcmVyQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vbW9kZWxzL2ludGVyZmFjZXMnO1xuaW1wb3J0IHsgRHJEcm9wZG93bk1vZHVsZSB9IGZyb20gJy4uLy4uLy4uLy4uL2RyLWRyb3Bkb3duL2RyLWRyb3Bkb3duLm1vZHVsZSc7XG5pbXBvcnQgeyBEcklucHV0c01vZHVsZSB9IGZyb20gJy4uLy4uLy4uLy4uL2RyLWlucHV0cy9kci1pbnB1dHMubW9kdWxlJztcbmltcG9ydCB7IERyVG9vbHRpcE1vZHVsZSB9IGZyb20gJy4uLy4uLy4uLy4uL2RyLXRvb2x0aXAvZHItdG9vbHRpcC5tb2R1bGUnO1xuaW1wb3J0IHsgSURyb3Bkb3duSXRlbSB9IGZyb20gJy4uLy4uLy4uLy4uL21vZGVscy9kcm9wZG93bic7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSUdyaWRDZWxsSWNvbkFjdGlvbiB7XG4gICAgY2xhc3M6IHN0cmluZztcbiAgICBkeW5hbWljQ2xhc3M/OiAoZmllbGQ/OiBhbnksIHJvd0luZGV4PzogbnVtYmVyLCByb3dEYXRhPzogYW55KSA9PiBzdHJpbmc7XG4gICAgYWN0aW9uPzogKGZpZWxkPzogYW55LCByb3dJbmRleD86IG51bWJlciwgcm93RGF0YT86IGFueSkgPT4gYW55O1xuICAgIGhpZGRlbj86IGJvb2xlYW47XG4gICAgc2hvdz86IChmaWVsZD86IGFueSkgPT4gYm9vbGVhbjtcbiAgICBzaXplPzogc3RyaW5nO1xuICAgIGNvbG9yPzogc3RyaW5nO1xuICAgIGNvbG9yRm4/OiAoZmllbGQ/OiBhbnkpID0+IHN0cmluZztcbiAgICB0b29sdGlwPzogc3RyaW5nO1xuICAgIGRpc2FibGVkPzogKGZpZWxkPzogYW55LCByb3dJbmRleD86IG51bWJlciwgcm93RGF0YT86IGFueSkgPT4gYm9vbGVhbjtcbiAgICBjdXN0b21Ub29sdGlwPzogKGZpZWxkPzogYW55LCByb3dJbmRleD86IG51bWJlciwgcm93RGF0YT86IGFueSkgPT4gc3RyaW5nO1xuICAgIGlzU2ltcGxlSWNvbj86IGJvb2xlYW47XG4gICAgYmFkZ2VDb2xvcj86IHN0cmluZztcbiAgICBkcm9wZG93bkFjdGlvbnM/OiBJRHJvcGRvd25JdGVtPGFueT5bXTtcbn1cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdkci1jZWxsLWljb24tYWN0aW9ucycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2NlbGwtaWNvbi1hY3Rpb25zLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9jZWxsLWljb24tYWN0aW9ucy5jb21wb25lbnQuc2NzcyddLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgRHJJbnB1dHNNb2R1bGUsIERyVG9vbHRpcE1vZHVsZSwgRHJEcm9wZG93bk1vZHVsZV0sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIENlbGxJY29uQWN0aW9uc0NvbXBvbmVudCBpbXBsZW1lbnRzIElHcmlkQ2VsbFJlbmRlcmVyQ29tcG9uZW50IHtcbiAgICBpY29uczogSUdyaWRDZWxsSWNvbkFjdGlvbltdO1xuICAgIGZpZWxkOiBhbnk7XG4gICAgcm93SW5kZXg6IG51bWJlcjtcbiAgICBoaWRlSWNvbkRlbGltZXI6IGJvb2xlYW47XG4gICAgbWFyZ2luRm9yRXZlbkljb246IHN0cmluZztcbiAgICBiaW5kVmFsdWU6IHN0cmluZztcbiAgICBwaW5SaWdodDogYm9vbGVhbjtcbiAgICBjb250YWluZXJNYXJnaW46IHN0cmluZztcbiAgICByb3dEYXRhOiBhbnk7XG5cbiAgICBhZ0luaXQocGFyYW1zKTogdm9pZCB7XG4gICAgICAgIHRoaXMuY29udGFpbmVyTWFyZ2luID0gcGFyYW1zLmNvbnRhaW5lck1hcmdpbjtcbiAgICAgICAgdGhpcy5iaW5kVmFsdWUgPSBwYXJhbXMuYmluZFZhbHVlO1xuICAgICAgICB0aGlzLnBpblJpZ2h0ID0gcGFyYW1zLnBpblJpZ2h0O1xuXG4gICAgICAgIGlmIChwYXJhbXMuYmluZFZhbHVlICYmIHBhcmFtcy5kYXRhPy5bdGhpcy5iaW5kVmFsdWVdKSB7XG4gICAgICAgICAgICB0aGlzLmZpZWxkID0gcGFyYW1zLmRhdGFbdGhpcy5iaW5kVmFsdWVdO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhpcy5maWVsZCA9IHBhcmFtcy5kYXRhO1xuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5yb3dEYXRhID0gcGFyYW1zLmRhdGE7XG5cbiAgICAgICAgdGhpcy5pY29ucyA9IHBhcmFtcy5pY29ucztcbiAgICAgICAgdGhpcy5yb3dJbmRleCA9IHBhcmFtcy5yb3dJbmRleDtcbiAgICAgICAgdGhpcy5oaWRlSWNvbkRlbGltZXIgPSBwYXJhbXMuaGlkZUljb25EZWxpbWVyO1xuICAgICAgICB0aGlzLm1hcmdpbkZvckV2ZW5JY29uID0gcGFyYW1zLm1hcmdpbkZvckV2ZW5JY29uO1xuICAgIH1cblxuICAgIHJlZnJlc2goKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0cnVlO1xuICAgIH1cblxuICAgIGlzSWNvbkRpc2FibGVkKGljb246IElHcmlkQ2VsbEljb25BY3Rpb24pOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIGljb24uZGlzYWJsZWQgaW5zdGFuY2VvZiBGdW5jdGlvbiA/IGljb24uZGlzYWJsZWQodGhpcy5maWVsZCwgdGhpcy5yb3dJbmRleCwgdGhpcy5yb3dEYXRhKSA6IGljb24uZGlzYWJsZWQ7XG4gICAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImFjdGlvbi1pY29uc1wiIFtzdHlsZS5tYXJnaW5dPVwiY29udGFpbmVyTWFyZ2luXCIgW3N0eWxlLmp1c3RpZnktY29udGVudF09XCJwaW5SaWdodCAmJiAnZmxleC1lbmQnXCI+XG4gICAgPGRpdlxuICAgICAgICAqbmdGb3I9XCJsZXQgaWNvbiBvZiBpY29uczsgbGV0IG9kZCA9IG9kZDsgbGV0IGZpcnN0ID0gZmlyc3RcIlxuICAgICAgICBjbGFzcz1cImFjdGlvbi1pY29uc19faXRlbS1jb250YWluZXIgYWN0aW9uLWl0ZW1cIlxuICAgICAgICBbY2xhc3MuaGlkZS1kZWxpbWVyXT1cImhpZGVJY29uRGVsaW1lclwiXG4gICAgICAgIFtzdHlsZS5tYXJnaW4tcmlnaHRdPVwib2RkICYmIG1hcmdpbkZvckV2ZW5JY29uXCJcbiAgICAgICAgW3N0eWxlLm1hcmdpbi1sZWZ0XT1cIm9kZCAmJiAhZmlyc3QgJiYgbWFyZ2luRm9yRXZlbkljb25cIj5cbiAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICpuZ0lmPVwiIWljb24uaGlkZGVuICYmIGljb24uc2hvdyA/IGljb24uc2hvdyhmaWVsZCkgOiB0cnVlXCJcbiAgICAgICAgICAgIGNsYXNzPVwiYWN0aW9uLWl0ZW1fX3dyYXBwZXJcIlxuICAgICAgICAgICAgW2NsYXNzLmJhZGdlXT1cImljb24uYmFkZ2VDb2xvclwiXG4gICAgICAgICAgICBbc3R5bGUuYmFja2dyb3VuZC1jb2xvcl09XCJpY29uLmJhZGdlQ29sb3JcIlxuICAgICAgICAgICAgW2RyVG9vbHRpcE1vdXNlRW50ZXJUaW1lb3V0XT1cIjEwMFwiXG4gICAgICAgICAgICBbZHJUb29sdGlwXT1cImljb24uY3VzdG9tVG9vbHRpcCA/IGljb24uY3VzdG9tVG9vbHRpcChmaWVsZCwgcm93SW5kZXgsIHJvd0RhdGEpIDogaWNvbi50b29sdGlwXCI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICAgICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJcbiAgICAgICAgICAgICAgICAgICAgaWNvbi5pc1NpbXBsZUljb24gPyBzaW1wbGVJY29uUmVmIDogYnV0dG9uSWNvblJlZjtcbiAgICAgICAgICAgICAgICAgICAgY29udGV4dDogeyAkaW1wbGljaXQ6IGljb24gfVxuICAgICAgICAgICAgICAgIFwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICA8L3NwYW4+XG4gICAgPC9kaXY+XG48L2Rpdj5cblxuPG5nLXRlbXBsYXRlICNidXR0b25JY29uUmVmIGxldC1pY29uPlxuICAgIDxkci1idXR0b25cbiAgICAgICAgZGF0YS1hbmFseXRpY3M9XCJ0YWJsZXNfY2VsbHNfY2VsbC1pY29uLWFjdGlvbnNfYnV0dG9uLTBcIlxuICAgICAgICBjbGFzcz1cImFjdGlvbi1pdGVtX19idXR0b25cIlxuICAgICAgICB0aGVtZT1cImljb25cIlxuICAgICAgICBbaWNvbl09XCJpY29uLmR5bmFtaWNDbGFzcyA/IGljb24uZHluYW1pY0NsYXNzKGZpZWxkLCByb3dJbmRleCwgcm93RGF0YSkgOiBpY29uLmNsYXNzXCJcbiAgICAgICAgW2ljb25TaXplXT1cImljb24uc2l6ZVwiXG4gICAgICAgIFtpY29uQ29sb3JdPVwiaWNvbi5jb2xvckZuID8gaWNvbi5jb2xvckZuKGZpZWxkKSA6IGljb24uY29sb3JcIlxuICAgICAgICBbZGlzYWJsZWRdPVwiaXNJY29uRGlzYWJsZWQoaWNvbilcIlxuICAgICAgICAoY2xpY2spPVwiaWNvbi5hY3Rpb24gJiYgaWNvbi5hY3Rpb24oZmllbGQsIHJvd0luZGV4LCByb3dEYXRhKVwiXG4gICAgICAgIFtkckRyb3Bkb3duXT1cImljb24uZHJvcGRvd25BY3Rpb25zXCJcbiAgICAgICAgZHJEcm9wZG93blBvc2l0aW9uPVwiYm90dG9tXCI+PC9kci1idXR0b24+XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI3NpbXBsZUljb25SZWYgbGV0LWljb24+XG4gICAgPHNwYW4gW2NsYXNzXT1cImljb24uY2xhc3NcIiBbc3R5bGUuY29sb3JdPVwiaWNvbi5jb2xvclwiIFtzdHlsZS5mb250LXNpemVdPVwiaWNvbi5zaXplXCI+PC9zcGFuPlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
|
package/esm2022/lib/dr-grid/components/cells/cell-icon-text-edit/cell-icon-text-edit.component.mjs
ADDED
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, HostListener, ViewChild, } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { DrTooltipModule } from '../../../../dr-tooltip/dr-tooltip.module';
|
|
4
|
+
import { isArray as _isArray } from 'lodash';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@angular/common";
|
|
7
|
+
import * as i2 from "../../../../dr-tooltip/dr-tooltip.directive";
|
|
8
|
+
const _c0 = ["textSpan"];
|
|
9
|
+
function CellIconTextEditComponent_i_1_Template(rf, ctx) { if (rf & 1) {
|
|
10
|
+
i0.ɵɵelement(0, "i", 5);
|
|
11
|
+
} if (rf & 2) {
|
|
12
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
13
|
+
i0.ɵɵclassMap(ctx_r0.icon);
|
|
14
|
+
} }
|
|
15
|
+
function CellIconTextEditComponent_img_2_Template(rf, ctx) { if (rf & 1) {
|
|
16
|
+
i0.ɵɵelement(0, "img", 6);
|
|
17
|
+
} if (rf & 2) {
|
|
18
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
19
|
+
i0.ɵɵclassMap(ctx_r1.icon);
|
|
20
|
+
i0.ɵɵproperty("src", ctx_r1.iconPath, i0.ɵɵsanitizeUrl);
|
|
21
|
+
} }
|
|
22
|
+
function CellIconTextEditComponent_span_3_Template(rf, ctx) { if (rf & 1) {
|
|
23
|
+
i0.ɵɵelementStart(0, "span", 7, 8);
|
|
24
|
+
i0.ɵɵtext(2);
|
|
25
|
+
i0.ɵɵelementEnd();
|
|
26
|
+
} if (rf & 2) {
|
|
27
|
+
const ctx_r2 = i0.ɵɵnextContext();
|
|
28
|
+
i0.ɵɵclassProp("highlight", ctx_r2.cellParams.highlightText);
|
|
29
|
+
i0.ɵɵadvance(2);
|
|
30
|
+
i0.ɵɵtextInterpolate1(" ", ctx_r2.text, " ");
|
|
31
|
+
} }
|
|
32
|
+
function CellIconTextEditComponent_i_4_Template(rf, ctx) { if (rf & 1) {
|
|
33
|
+
i0.ɵɵelement(0, "i", 9);
|
|
34
|
+
} }
|
|
35
|
+
export class CellIconTextEditComponent {
|
|
36
|
+
cellClick() {
|
|
37
|
+
if (!this.isCellDisabled) {
|
|
38
|
+
this.cellParams.onCellClicked?.(this.rowData);
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
constructor(cdr) {
|
|
42
|
+
this.cdr = cdr;
|
|
43
|
+
this.tooltip = '';
|
|
44
|
+
this.isCellDisabled = false;
|
|
45
|
+
}
|
|
46
|
+
agInit(params) {
|
|
47
|
+
this.cellParams = params.colDef.cellRendererParams;
|
|
48
|
+
this.text =
|
|
49
|
+
this.cellParams.text ||
|
|
50
|
+
(typeof params.value === 'boolean' ? '' : _isArray(params.value) ? params.value.join(', ') : params.value);
|
|
51
|
+
this.rowData = params.data;
|
|
52
|
+
if (this.cellParams.tooltip) {
|
|
53
|
+
this.tooltip =
|
|
54
|
+
typeof this.cellParams?.tooltip === 'string'
|
|
55
|
+
? this.cellParams?.tooltip
|
|
56
|
+
: this.cellParams?.tooltip?.(this.rowData);
|
|
57
|
+
}
|
|
58
|
+
this.isCellDisabled =
|
|
59
|
+
this.cellParams?.isDisabled &&
|
|
60
|
+
(typeof this.cellParams?.isDisabled === 'boolean'
|
|
61
|
+
? this.cellParams?.isDisabled
|
|
62
|
+
: this.cellParams?.isDisabled?.(this.rowData));
|
|
63
|
+
if (this.isCellDisabled && this.cellParams.disabledTooltip) {
|
|
64
|
+
this.tooltip =
|
|
65
|
+
typeof this.cellParams?.disabledTooltip === 'string'
|
|
66
|
+
? this.cellParams?.disabledTooltip
|
|
67
|
+
: this.cellParams?.disabledTooltip?.(this.rowData);
|
|
68
|
+
}
|
|
69
|
+
this.icon =
|
|
70
|
+
this.cellParams?.icon &&
|
|
71
|
+
(typeof this.cellParams?.icon === 'string' ? this.cellParams.icon : this.cellParams.icon(this.rowData));
|
|
72
|
+
// FIXME: remove iconPath
|
|
73
|
+
this.iconPath =
|
|
74
|
+
this.cellParams?.iconPath &&
|
|
75
|
+
(typeof this.cellParams?.iconPath === 'string' ? this.cellParams.iconPath : this.cellParams.iconPath(this.rowData));
|
|
76
|
+
if (this.cellParams?.iconSize) {
|
|
77
|
+
this.icon += ' ' + this.cellParams?.iconSize;
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
ngAfterViewInit() {
|
|
81
|
+
if (!this.tooltip && this.textSpan) {
|
|
82
|
+
setTimeout(() => {
|
|
83
|
+
const el = this.textSpan.nativeElement;
|
|
84
|
+
this.tooltip = el.scrollWidth > el.clientWidth ? this.text : '';
|
|
85
|
+
this.cdr.markForCheck();
|
|
86
|
+
});
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
refresh(params) {
|
|
90
|
+
return false;
|
|
91
|
+
}
|
|
92
|
+
/** @nocollapse */ static { this.ɵfac = function CellIconTextEditComponent_Factory(t) { return new (t || CellIconTextEditComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
|
|
93
|
+
/** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: CellIconTextEditComponent, selectors: [["dr-cell-icon-text-edit"]], viewQuery: function CellIconTextEditComponent_Query(rf, ctx) { if (rf & 1) {
|
|
94
|
+
i0.ɵɵviewQuery(_c0, 5);
|
|
95
|
+
} if (rf & 2) {
|
|
96
|
+
let _t;
|
|
97
|
+
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.textSpan = _t.first);
|
|
98
|
+
} }, hostBindings: function CellIconTextEditComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
99
|
+
i0.ɵɵlistener("click", function CellIconTextEditComponent_click_HostBindingHandler() { return ctx.cellClick(); });
|
|
100
|
+
} }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 5, vars: 12, consts: [[1, "cell-icon-text-edit", 3, "drTooltip", "drTooltipMouseEnterTimeout"], ["class", "cell-icon-text-edit__icon", 3, "class", 4, "ngIf"], ["class", "cell-icon-text-edit__icon", "width", "24px", "height", "24px", 3, "class", "src", 4, "ngIf"], ["class", "cell-icon-text-edit__text", 3, "highlight", 4, "ngIf"], ["class", "cell-icon-text-edit__edit-icon dr-icon-edit", 4, "ngIf"], [1, "cell-icon-text-edit__icon"], ["width", "24px", "height", "24px", 1, "cell-icon-text-edit__icon", 3, "src"], [1, "cell-icon-text-edit__text"], ["textSpan", ""], [1, "cell-icon-text-edit__edit-icon", "dr-icon-edit"]], template: function CellIconTextEditComponent_Template(rf, ctx) { if (rf & 1) {
|
|
101
|
+
i0.ɵɵelementStart(0, "div", 0);
|
|
102
|
+
i0.ɵɵtemplate(1, CellIconTextEditComponent_i_1_Template, 1, 2, "i", 1);
|
|
103
|
+
i0.ɵɵtemplate(2, CellIconTextEditComponent_img_2_Template, 1, 3, "img", 2);
|
|
104
|
+
i0.ɵɵtemplate(3, CellIconTextEditComponent_span_3_Template, 3, 3, "span", 3);
|
|
105
|
+
i0.ɵɵtemplate(4, CellIconTextEditComponent_i_4_Template, 1, 0, "i", 4);
|
|
106
|
+
i0.ɵɵelementEnd();
|
|
107
|
+
} if (rf & 2) {
|
|
108
|
+
i0.ɵɵclassProp("disabled", ctx.isCellDisabled)("only-icon", !ctx.text && !ctx.cellParams.showEditIcon)("no-hover", !!ctx.cellParams.noHover);
|
|
109
|
+
i0.ɵɵproperty("drTooltip", ctx.tooltip)("drTooltipMouseEnterTimeout", 300);
|
|
110
|
+
i0.ɵɵadvance(1);
|
|
111
|
+
i0.ɵɵproperty("ngIf", ctx.icon);
|
|
112
|
+
i0.ɵɵadvance(1);
|
|
113
|
+
i0.ɵɵproperty("ngIf", ctx.iconPath);
|
|
114
|
+
i0.ɵɵadvance(1);
|
|
115
|
+
i0.ɵɵproperty("ngIf", ctx.text);
|
|
116
|
+
i0.ɵɵadvance(1);
|
|
117
|
+
i0.ɵɵproperty("ngIf", ctx.cellParams.showEditIcon && !ctx.isCellDisabled);
|
|
118
|
+
} }, dependencies: [CommonModule, i1.NgIf, DrTooltipModule, i2.DrTooltipDirective], styles: ["[_nghost-%COMP%]{width:100%;height:100%}.cell-icon-text-edit[_ngcontent-%COMP%]{height:100%;display:flex;align-items:center}.cell-icon-text-edit__icon[_ngcontent-%COMP%]{margin-right:8px}.cell-icon-text-edit__icon.medium-icon[_ngcontent-%COMP%]{font-size:20px}.cell-icon-text-edit__icon.small-icon[_ngcontent-%COMP%]{font-size:16px}.cell-icon-text-edit__text[_ngcontent-%COMP%]{position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cell-icon-text-edit__text.highlight[_ngcontent-%COMP%]{color:#4646ce}.cell-icon-text-edit__text.highlight[_ngcontent-%COMP%]:hover{color:#333}.cell-icon-text-edit__edit-icon[_ngcontent-%COMP%]{visibility:hidden;font-size:20px}.cell-icon-text-edit__text[_ngcontent-%COMP%] + .cell-icon-text-edit__edit-icon[_ngcontent-%COMP%]{margin-left:8px}.cell-icon-text-edit[_ngcontent-%COMP%]:hover:not(.no-hover){cursor:pointer}.cell-icon-text-edit[_ngcontent-%COMP%]:hover:not(.no-hover) .cell-icon-text-edit__edit-icon[_ngcontent-%COMP%]{visibility:visible}.cell-icon-text-edit.disabled[_ngcontent-%COMP%]{color:#aeabac;cursor:default}.cell-icon-text-edit.only-icon[_ngcontent-%COMP%]{justify-content:center}.cell-icon-text-edit.only-icon[_ngcontent-%COMP%] i[_ngcontent-%COMP%]{margin:0}"], changeDetection: 0 }); }
|
|
119
|
+
}
|
|
120
|
+
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CellIconTextEditComponent, [{
|
|
121
|
+
type: Component,
|
|
122
|
+
args: [{ selector: 'dr-cell-icon-text-edit', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, DrTooltipModule], template: "<div\n class=\"cell-icon-text-edit\"\n [class.disabled]=\"isCellDisabled\"\n [class.only-icon]=\"!text && !cellParams.showEditIcon\"\n [class.no-hover]=\"!!cellParams.noHover\"\n [drTooltip]=\"tooltip\"\n [drTooltipMouseEnterTimeout]=\"300\">\n <i *ngIf=\"icon\" class=\"cell-icon-text-edit__icon\" [class]=\"icon\"></i>\n <img *ngIf=\"iconPath\" class=\"cell-icon-text-edit__icon\" [class]=\"icon\" width=\"24px\" height=\"24px\" [src]=\"iconPath\" />\n <span *ngIf=\"text\" #textSpan class=\"cell-icon-text-edit__text\" [class.highlight]=\"cellParams.highlightText\">\n {{ text }}\n </span>\n <i *ngIf=\"cellParams.showEditIcon && !isCellDisabled\" class=\"cell-icon-text-edit__edit-icon dr-icon-edit\"></i>\n</div>\n", styles: [":host{width:100%;height:100%}.cell-icon-text-edit{height:100%;display:flex;align-items:center}.cell-icon-text-edit__icon{margin-right:8px}.cell-icon-text-edit__icon.medium-icon{font-size:20px}.cell-icon-text-edit__icon.small-icon{font-size:16px}.cell-icon-text-edit__text{position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cell-icon-text-edit__text.highlight{color:#4646ce}.cell-icon-text-edit__text.highlight:hover{color:#333}.cell-icon-text-edit__edit-icon{visibility:hidden;font-size:20px}.cell-icon-text-edit__text+.cell-icon-text-edit__edit-icon{margin-left:8px}.cell-icon-text-edit:hover:not(.no-hover){cursor:pointer}.cell-icon-text-edit:hover:not(.no-hover) .cell-icon-text-edit__edit-icon{visibility:visible}.cell-icon-text-edit.disabled{color:#aeabac;cursor:default}.cell-icon-text-edit.only-icon{justify-content:center}.cell-icon-text-edit.only-icon i{margin:0}\n"] }]
|
|
123
|
+
}], function () { return [{ type: i0.ChangeDetectorRef }]; }, { textSpan: [{
|
|
124
|
+
type: ViewChild,
|
|
125
|
+
args: ['textSpan', { static: false }]
|
|
126
|
+
}], cellClick: [{
|
|
127
|
+
type: HostListener,
|
|
128
|
+
args: ['click']
|
|
129
|
+
}] }); })();
|
|
130
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2VsbC1pY29uLXRleHQtZWRpdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kYXRhcmFpbHNzaGFyZWQvc3JjL2xpYi9kci1ncmlkL2NvbXBvbmVudHMvY2VsbHMvY2VsbC1pY29uLXRleHQtZWRpdC9jZWxsLWljb24tdGV4dC1lZGl0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLWdyaWQvY29tcG9uZW50cy9jZWxscy9jZWxsLWljb24tdGV4dC1lZGl0L2NlbGwtaWNvbi10ZXh0LWVkaXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVILHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osU0FBUyxHQUNaLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDM0UsT0FBTyxFQUFFLE9BQU8sSUFBSSxRQUFRLEVBQUUsTUFBTSxRQUFRLENBQUM7Ozs7OztJQ0x6Qyx1QkFBcUU7OztJQUFuQiwwQkFBYzs7O0lBQ2hFLHlCQUFxSDs7O0lBQTdELDBCQUFjO0lBQTRCLHVEQUFnQjs7O0lBQ2xILGtDQUE0RztJQUN4RyxZQUNKO0lBQUEsaUJBQU87OztJQUZ3RCw0REFBNEM7SUFDdkcsZUFDSjtJQURJLDRDQUNKOzs7SUFDQSx1QkFBOEc7O0FEd0JsSCxNQUFNLE9BQU8seUJBQXlCO0lBV1gsU0FBUztRQUM1QixJQUFJLENBQUMsSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUN0QixJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsRUFBRSxDQUFDLElBQUksQ0FBQyxP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ICBBZnRlclZpZXdJbml0LFxuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENoYW5nZURldGVjdG9yUmVmLFxuICAgIENvbXBvbmVudCxcbiAgICBFbGVtZW50UmVmLFxuICAgIEhvc3RMaXN0ZW5lcixcbiAgICBWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSUdyaWRDZWxsUmVuZGVyZXJDb21wb25lbnQsIElHcmlkQ2VsbFJlbmRlcmVyUGFyYW1zIH0gZnJvbSAnLi4vLi4vLi4vbW9kZWxzL2ludGVyZmFjZXMnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IERyVG9vbHRpcE1vZHVsZSB9IGZyb20gJy4uLy4uLy4uLy4uL2RyLXRvb2x0aXAvZHItdG9vbHRpcC5tb2R1bGUnO1xuaW1wb3J0IHsgaXNBcnJheSBhcyBfaXNBcnJheSB9IGZyb20gJ2xvZGFzaCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSUNlbGxJY29uVGV4dEVkaXQ8VD4ge1xuICAgIHRleHQ6IHN0cmluZztcbiAgICB0b29sdGlwPzogc3RyaW5nIHwgKChyb3dEYXRhOiBUKSA9PiBzdHJpbmcpO1xuICAgIGlzRGlzYWJsZWQ/OiBib29sZWFuIHwgKChyb3dEYXRhOiBUKSA9PiBib29sZWFuKTtcbiAgICBkaXNhYmxlZFRvb2x0aXA/OiBzdHJpbmcgfCAoKHJvd0RhdGE6IFQpID0+IHN0cmluZyk7XG4gICAgb25DZWxsQ2xpY2tlZD86IChyb3dEYXRhOiBUKSA9PiBhbnk7XG4gICAgaWNvbj86IHN0cmluZyB8ICgocm93RGF0YTogVCkgPT4gc3RyaW5nKTtcbiAgICBpY29uUGF0aD86IHN0cmluZyB8ICgocm93RGF0YTogVCkgPT4gc3RyaW5nKTtcbiAgICBpY29uU2l6ZT86ICdtZWRpdW0taWNvbicgfCAnc21hbGwtaWNvbic7XG4gICAgc2hvd0VkaXRJY29uOiBib29sZWFuO1xuICAgIGhpZ2hsaWdodFRleHQ6IGJvb2xlYW47XG4gICAgbm9Ib3Zlcj86IGJvb2xlYW47XG59XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZHItY2VsbC1pY29uLXRleHQtZWRpdCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2NlbGwtaWNvbi10ZXh0LWVkaXQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2NlbGwtaWNvbi10ZXh0LWVkaXQuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIERyVG9vbHRpcE1vZHVsZV0sXG59KVxuZXhwb3J0IGNsYXNzIENlbGxJY29uVGV4dEVkaXRDb21wb25lbnQ8VD4gaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBJR3JpZENlbGxSZW5kZXJlckNvbXBvbmVudCB7XG4gICAgcm93RGF0YTogVDtcbiAgICBjZWxsUGFyYW1zOiBJQ2VsbEljb25UZXh0RWRpdDxUPjtcblxuICAgIGljb246IHN0cmluZztcbiAgICB0ZXh0OiBzdHJpbmc7XG4gICAgdG9vbHRpcDogc3RyaW5nID0gJyc7XG4gICAgaXNDZWxsRGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgICBpY29uUGF0aDogc3RyaW5nO1xuXG4gICAgQFZpZXdDaGlsZCgndGV4dFNwYW4nLCB7IHN0YXRpYzogZmFsc2UgfSkgdGV4dFNwYW4hOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PjtcbiAgICBASG9zdExpc3RlbmVyKCdjbGljaycpIGNlbGxDbGljaygpIHtcbiAgICAgICAgaWYgKCF0aGlzLmlzQ2VsbERpc2FibGVkKSB7XG4gICAgICAgICAgICB0aGlzLmNlbGxQYXJhbXMub25DZWxsQ2xpY2tlZD8uKHRoaXMucm93RGF0YSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XG5cbiAgICBhZ0luaXQocGFyYW1zOiBJR3JpZENlbGxSZW5kZXJlclBhcmFtcyk6IHZvaWQge1xuICAgICAgICB0aGlzLmNlbGxQYXJhbXMgPSBwYXJhbXMuY29sRGVmLmNlbGxSZW5kZXJlclBhcmFtcztcblxuICAgICAgICB0aGlzLnRleHQgPVxuICAgICAgICAgICAgdGhpcy5jZWxsUGFyYW1zLnRleHQgfHxcbiAgICAgICAgICAgICh0eXBlb2YgcGFyYW1zLnZhbHVlID09PSAnYm9vbGVhbicgPyAnJyA6IF9pc0FycmF5KHBhcmFtcy52YWx1ZSkgPyBwYXJhbXMudmFsdWUuam9pbignLCAnKSA6IHBhcmFtcy52YWx1ZSk7XG4gICAgICAgIHRoaXMucm93RGF0YSA9IHBhcmFtcy5kYXRhO1xuXG4gICAgICAgIGlmICh0aGlzLmNlbGxQYXJhbXMudG9vbHRpcCkge1xuICAgICAgICAgICAgdGhpcy50b29sdGlwID1cbiAgICAgICAgICAgICAgICB0eXBlb2YgdGhpcy5jZWxsUGFyYW1zPy50b29sdGlwID09PSAnc3RyaW5nJ1xuICAgICAgICAgICAgICAgICAgICA/IHRoaXMuY2VsbFBhcmFtcz8udG9vbHRpcFxuICAgICAgICAgICAgICAgICAgICA6IHRoaXMuY2VsbFBhcmFtcz8udG9vbHRpcD8uKHRoaXMucm93RGF0YSk7XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLmlzQ2VsbERpc2FibGVkID1cbiAgICAgICAgICAgIHRoaXMuY2VsbFBhcmFtcz8uaXNEaXNhYmxlZCAmJlxuICAgICAgICAgICAgKHR5cGVvZiB0aGlzLmNlbGxQYXJhbXM/LmlzRGlzYWJsZWQgPT09ICdib29sZWFuJ1xuICAgICAgICAgICAgICAgID8gdGhpcy5jZWxsUGFyYW1zPy5pc0Rpc2FibGVkXG4gICAgICAgICAgICAgICAgOiB0aGlzLmNlbGxQYXJhbXM/LmlzRGlzYWJsZWQ/Lih0aGlzLnJvd0RhdGEpKTtcblxuICAgICAgICBpZiAodGhpcy5pc0NlbGxEaXNhYmxlZCAmJiB0aGlzLmNlbGxQYXJhbXMuZGlzYWJsZWRUb29sdGlwKSB7XG4gICAgICAgICAgICB0aGlzLnRvb2x0aXAgPVxuICAgICAgICAgICAgICAgIHR5cGVvZiB0aGlzLmNlbGxQYXJhbXM/LmRpc2FibGVkVG9vbHRpcCA9PT0gJ3N0cmluZydcbiAgICAgICAgICAgICAgICAgICAgPyB0aGlzLmNlbGxQYXJhbXM/LmRpc2FibGVkVG9vbHRpcFxuICAgICAgICAgICAgICAgICAgICA6IHRoaXMuY2VsbFBhcmFtcz8uZGlzYWJsZWRUb29sdGlwPy4odGhpcy5yb3dEYXRhKTtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMuaWNvbiA9XG4gICAgICAgICAgICB0aGlzLmNlbGxQYXJhbXM/Lmljb24gJiZcbiAgICAgICAgICAgICh0eXBlb2YgdGhpcy5jZWxsUGFyYW1zPy5pY29uID09PSAnc3RyaW5nJyA/IHRoaXMuY2VsbFBhcmFtcy5pY29uIDogdGhpcy5jZWxsUGFyYW1zLmljb24odGhpcy5yb3dEYXRhKSk7XG5cbiAgICAgICAgLy8gRklYTUU6IHJlbW92ZSBpY29uUGF0aFxuICAgICAgICB0aGlzLmljb25QYXRoID1cbiAgICAgICAgICAgIHRoaXMuY2VsbFBhcmFtcz8uaWNvblBhdGggJiZcbiAgICAgICAgICAgICh0eXBlb2YgdGhpcy5jZWxsUGFyYW1zPy5pY29uUGF0aCA9PT0gJ3N0cmluZycgPyB0aGlzLmNlbGxQYXJhbXMuaWNvblBhdGggOiB0aGlzLmNlbGxQYXJhbXMuaWNvblBhdGgodGhpcy5yb3dEYXRhKSk7XG5cbiAgICAgICAgaWYgKHRoaXMuY2VsbFBhcmFtcz8uaWNvblNpemUpIHtcbiAgICAgICAgICAgIHRoaXMuaWNvbiArPSAnICcgKyB0aGlzLmNlbGxQYXJhbXM/Lmljb25TaXplO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgICAgICBpZiAoIXRoaXMudG9vbHRpcCAmJiB0aGlzLnRleHRTcGFuKSB7XG4gICAgICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgICAgICBjb25zdCBlbCA9IHRoaXMudGV4dFNwYW4ubmF0aXZlRWxlbWVudDtcbiAgICAgICAgICAgICAgICB0aGlzLnRvb2x0aXAgPSBlbC5zY3JvbGxXaWR0aCA+IGVsLmNsaWVudFdpZHRoID8gdGhpcy50ZXh0IDogJyc7XG4gICAgICAgICAgICAgICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHJlZnJlc2gocGFyYW1zOiBJR3JpZENlbGxSZW5kZXJlclBhcmFtczxhbnk+KTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiBmYWxzZTtcbiAgICB9XG59XG4iLCI8ZGl2XG4gICAgY2xhc3M9XCJjZWxsLWljb24tdGV4dC1lZGl0XCJcbiAgICBbY2xhc3MuZGlzYWJsZWRdPVwiaXNDZWxsRGlzYWJsZWRcIlxuICAgIFtjbGFzcy5vbmx5LWljb25dPVwiIXRleHQgJiYgIWNlbGxQYXJhbXMuc2hvd0VkaXRJY29uXCJcbiAgICBbY2xhc3Mubm8taG92ZXJdPVwiISFjZWxsUGFyYW1zLm5vSG92ZXJcIlxuICAgIFtkclRvb2x0aXBdPVwidG9vbHRpcFwiXG4gICAgW2RyVG9vbHRpcE1vdXNlRW50ZXJUaW1lb3V0XT1cIjMwMFwiPlxuICAgIDxpICpuZ0lmPVwiaWNvblwiIGNsYXNzPVwiY2VsbC1pY29uLXRleHQtZWRpdF9faWNvblwiIFtjbGFzc109XCJpY29uXCI+PC9pPlxuICAgIDxpbWcgKm5nSWY9XCJpY29uUGF0aFwiIGNsYXNzPVwiY2VsbC1pY29uLXRleHQtZWRpdF9faWNvblwiIFtjbGFzc109XCJpY29uXCIgd2lkdGg9XCIyNHB4XCIgaGVpZ2h0PVwiMjRweFwiIFtzcmNdPVwiaWNvblBhdGhcIiAvPlxuICAgIDxzcGFuICpuZ0lmPVwidGV4dFwiICN0ZXh0U3BhbiBjbGFzcz1cImNlbGwtaWNvbi10ZXh0LWVkaXRfX3RleHRcIiBbY2xhc3MuaGlnaGxpZ2h0XT1cImNlbGxQYXJhbXMuaGlnaGxpZ2h0VGV4dFwiPlxuICAgICAgICB7eyB0ZXh0IH19XG4gICAgPC9zcGFuPlxuICAgIDxpICpuZ0lmPVwiY2VsbFBhcmFtcy5zaG93RWRpdEljb24gJiYgIWlzQ2VsbERpc2FibGVkXCIgY2xhc3M9XCJjZWxsLWljb24tdGV4dC1lZGl0X19lZGl0LWljb24gZHItaWNvbi1lZGl0XCI+PC9pPlxuPC9kaXY+XG4iXX0=
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, HostBinding, HostListener } from '@angular/core';
|
|
2
|
+
import * as _ from 'lodash';
|
|
3
|
+
import { Router } from '@angular/router';
|
|
4
|
+
import { CommonModule } from '@angular/common';
|
|
5
|
+
import { DrTooltipModule } from '../../../../dr-tooltip/dr-tooltip.module';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
import * as i1 from "@angular/router";
|
|
8
|
+
import * as i2 from "../../../../dr-tooltip/dr-tooltip.directive";
|
|
9
|
+
export class CellLinkComponent {
|
|
10
|
+
constructor(router) {
|
|
11
|
+
this.router = router;
|
|
12
|
+
this.isOutsideAngular = false;
|
|
13
|
+
this.dynamicLink = false;
|
|
14
|
+
this.isCellDisabled = false;
|
|
15
|
+
this.tooltip = '';
|
|
16
|
+
}
|
|
17
|
+
agInit(params) {
|
|
18
|
+
this.templates = params.data;
|
|
19
|
+
this.query = params.colDef.cellRendererParams;
|
|
20
|
+
this.params = _.get(this.templates, this.query?.params);
|
|
21
|
+
this.isCellDisabled = this.query?.isDisabled?.(this.templates);
|
|
22
|
+
if (this.isCellDisabled) {
|
|
23
|
+
this.tooltip = this.query.disabledTooltipGetter
|
|
24
|
+
? this.query.disabledTooltipGetter(this.templates)
|
|
25
|
+
: this.query.disabledTooltip;
|
|
26
|
+
}
|
|
27
|
+
this.queryParams = _.get(this.templates, this.query?.queryParams);
|
|
28
|
+
this.state = this.getStateData(params);
|
|
29
|
+
this.isOutsideAngular = !!_.get(this.query, 'isOutsideAngular');
|
|
30
|
+
this.dynamicLink = !!_.get(this.query, 'dynamicLink');
|
|
31
|
+
}
|
|
32
|
+
getStateData(params) {
|
|
33
|
+
return this.query.useState ? { [this.query.stateKey || 'data']: params.data } : undefined;
|
|
34
|
+
}
|
|
35
|
+
refresh() {
|
|
36
|
+
return false;
|
|
37
|
+
}
|
|
38
|
+
goTo(e) {
|
|
39
|
+
if (this.query?.isDisabled?.(this.templates)) {
|
|
40
|
+
e?.stopPropagation?.();
|
|
41
|
+
return;
|
|
42
|
+
}
|
|
43
|
+
let link = this.query.link;
|
|
44
|
+
if (this.isOutsideAngular) {
|
|
45
|
+
let linkWithParams = link;
|
|
46
|
+
_.forEach(_.keys(this.templates), (fieldKey) => {
|
|
47
|
+
const fieldValue = this.templates[fieldKey];
|
|
48
|
+
linkWithParams = linkWithParams.replace(`{${fieldKey}}`, fieldValue);
|
|
49
|
+
});
|
|
50
|
+
window.location = linkWithParams;
|
|
51
|
+
}
|
|
52
|
+
else {
|
|
53
|
+
if (this.params) {
|
|
54
|
+
link = `${link}/${this.params}`;
|
|
55
|
+
}
|
|
56
|
+
if (this.dynamicLink) {
|
|
57
|
+
_.forEach(_.keys(this.templates), (fieldKey) => {
|
|
58
|
+
const fieldValue = this.templates[fieldKey];
|
|
59
|
+
link = link.replace(`{${fieldKey}}`, fieldValue);
|
|
60
|
+
});
|
|
61
|
+
}
|
|
62
|
+
this.router.navigate([link], { queryParams: this.queryParams, state: this.state });
|
|
63
|
+
if (this.query.afterLinkCLick) {
|
|
64
|
+
this.query.afterLinkCLick();
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
/** @nocollapse */ static { this.ɵfac = function CellLinkComponent_Factory(t) { return new (t || CellLinkComponent)(i0.ɵɵdirectiveInject(i1.Router)); }; }
|
|
69
|
+
/** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: CellLinkComponent, selectors: [["dr-cell-link"]], hostVars: 2, hostBindings: function CellLinkComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
70
|
+
i0.ɵɵlistener("click", function CellLinkComponent_click_HostBindingHandler() { return ctx.goTo(); });
|
|
71
|
+
} if (rf & 2) {
|
|
72
|
+
i0.ɵɵclassProp("disabled", ctx.isCellDisabled);
|
|
73
|
+
} }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 2, vars: 4, consts: [[3, "drTooltip"]], template: function CellLinkComponent_Template(rf, ctx) { if (rf & 1) {
|
|
74
|
+
i0.ɵɵelementStart(0, "a", 0);
|
|
75
|
+
i0.ɵɵtext(1);
|
|
76
|
+
i0.ɵɵelementEnd();
|
|
77
|
+
} if (rf & 2) {
|
|
78
|
+
i0.ɵɵclassProp("disabled", ctx.isCellDisabled);
|
|
79
|
+
i0.ɵɵproperty("drTooltip", ctx.tooltip);
|
|
80
|
+
i0.ɵɵadvance(1);
|
|
81
|
+
i0.ɵɵtextInterpolate1(" ", ctx.templates[ctx.query.field], "\n");
|
|
82
|
+
} }, dependencies: [CommonModule, DrTooltipModule, i2.DrTooltipDirective], styles: ["[_nghost-%COMP%]{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}[_nghost-%COMP%] a[_ngcontent-%COMP%]{color:#4646ce;text-decoration:none}[_nghost-%COMP%]:hover:not(.disabled) a[_ngcontent-%COMP%]{text-decoration:underline!important}.disabled[_nghost-%COMP%] a[_ngcontent-%COMP%]{color:#aeabac!important}"], changeDetection: 0 }); }
|
|
83
|
+
}
|
|
84
|
+
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CellLinkComponent, [{
|
|
85
|
+
type: Component,
|
|
86
|
+
args: [{ selector: 'dr-cell-link', standalone: true, imports: [CommonModule, DrTooltipModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<a [class.disabled]=\"isCellDisabled\" [drTooltip]=\"tooltip\">\n {{ templates[query.field] }}\n</a>\n", styles: [":host{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}:host a{color:#4646ce;text-decoration:none}:host:hover:not(.disabled) a{text-decoration:underline!important}:host.disabled a{color:#aeabac!important}\n"] }]
|
|
87
|
+
}], function () { return [{ type: i1.Router }]; }, { isCellDisabled: [{
|
|
88
|
+
type: HostBinding,
|
|
89
|
+
args: ['class.disabled']
|
|
90
|
+
}], goTo: [{
|
|
91
|
+
type: HostListener,
|
|
92
|
+
args: ['click']
|
|
93
|
+
}] }); })();
|
|
94
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2VsbC1saW5rLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLWdyaWQvY29tcG9uZW50cy9jZWxscy9jZWxsLWxpbmsvY2VsbC1saW5rLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLWdyaWQvY29tcG9uZW50cy9jZWxscy9jZWxsLWxpbmsvY2VsbC1saW5rLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUU5RixPQUFPLEtBQUssQ0FBQyxNQUFNLFFBQVEsQ0FBQztBQUM1QixPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQzs7OztBQVUzRSxNQUFNLE9BQU8saUJBQWlCO0lBc0IxQixZQUFvQixNQUFjO1FBQWQsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQUxsQyxxQkFBZ0IsR0FBRyxLQUFLLENBQUM7UUFDekIsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFDVyxtQkFBYyxHQUFZLEtBQUssQ0FBQztRQUMvRCxZQUFPLEdBQVcsRUFBRSxDQUFDO0lBRWdCLENBQUM7SUFFdEMsTUFBTSxDQUFDLE1BQU07UUFDVCxJQUFJLENBQUMsU0FBUyxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUM7UUFDN0IsSUFBSSxDQUFDLEtBQUssR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLGtCQUFrQixDQUFDO1FBQzlDLElBQUksQ0FBQyxNQUFN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Q0FBQyxJQUFJLFFBQVEsR0FBRyxFQUFFLFVBQVUsQ0FBQyxDQUFDO2dCQUNyRCxDQUFDLENBQUMsQ0FBQzthQUNOO1lBQ0QsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQyxJQUFJLENBQUMsRUFBRSxFQUFFLFdBQVcsRUFBRSxJQUFJLENBQUMsV0FBVyxFQUFFLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQztZQUNuRixJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsY0FBYyxFQUFFO2dCQUMzQixJQUFJLENBQUMsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO2FBQy9CO1NBQ0o7SUFDTCxDQUFDO3FHQTlFUSxpQkFBaUI7bUdBQWpCLGlCQUFpQjtrR0FBakIsVUFBTTs7OztZQ2ZuQiw0QkFBMkQ7WUFDdkQsWUFDSjtZQUFBLGlCQUFJOztZQUZELDhDQUFpQztZQUFDLHVDQUFxQjtZQUN0RCxlQUNKO1lBREksZ0VBQ0o7NEJEVWMsWUFBWSxFQUFFLGVBQWU7O3VGQUc5QixpQkFBaUI7Y0FSN0IsU0FBUzsyQkFDSSxjQUFjLGNBR1osSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGVBQWUsQ0FBQyxtQkFDdkIsdUJBQXVCLENBQUMsTUFBTTt5REFxQmhCLGNBQWM7a0JBQTVDLFdBQVc7bUJBQUMsZ0JBQWdCO1lBOEI3QixJQUFJO2tCQURILFlBQVk7bUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBIb3N0TGlzdGVuZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElHcmlkQ2VsbFJlbmRlcmVyQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vbW9kZWxzL2ludGVyZmFjZXMnO1xuaW1wb3J0ICogYXMgXyBmcm9tICdsb2Rhc2gnO1xuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBEclRvb2x0aXBNb2R1bGUgfSBmcm9tICcuLi8uLi8uLi8uLi9kci10b29sdGlwL2RyLXRvb2x0aXAubW9kdWxlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdkci1jZWxsLWxpbmsnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9jZWxsLWxpbmsuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2NlbGwtbGluay5jb21wb25lbnQuc2NzcyddLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgRHJUb29sdGlwTW9kdWxlXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQ2VsbExpbmtDb21wb25lbnQ8VD4gaW1wbGVtZW50cyBJR3JpZENlbGxSZW5kZXJlckNvbXBvbmVudCB7XG4gICAgdGVtcGxhdGVzOiBUO1xuICAgIHF1ZXJ5OiB7XG4gICAgICAgIGZpZWxkOiBzdHJpbmc7XG4gICAgICAgIHF1ZXJ5UGFyYW1zOiBzdHJpbmc7XG4gICAgICAgIHBhcmFtczogc3RyaW5nO1xuICAgICAgICBsaW5rOiBzdHJpbmc7XG4gICAgICAgIGFmdGVyTGlua0NMaWNrPzogKCkgPT4gdm9pZDtcbiAgICAgICAgdXNlU3RhdGU/OiBib29sZWFuO1xuICAgICAgICBzdGF0ZUtleT86IHN0cmluZztcbiAgICAgICAgaXNEaXNhYmxlZD86IChkYXRhOiBhbnkpID0+IGJvb2xlYW47XG4gICAgICAgIGRpc2FibGVkVG9vbHRpcD86IHN0cmluZztcbiAgICAgICAgZGlzYWJsZWRUb29sdGlwR2V0dGVyPzogKGRhdGE6IGFueSkgPT4gc3RyaW5nO1xuICAgIH07XG4gICAgcGFyYW1zOiB1bmtub3duO1xuICAgIHF1ZXJ5UGFyYW1zOiB1bmtub3duO1xuICAgIHN0YXRlOiBhbnk7XG4gICAgaXNPdXRzaWRlQW5ndWxhciA9IGZhbHNlO1xuICAgIGR5bmFtaWNMaW5rID0gZmFsc2U7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy5kaXNhYmxlZCcpIGlzQ2VsbERpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gICAgdG9vbHRpcDogc3RyaW5nID0gJyc7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJvdXRlcjogUm91dGVyKSB7fVxuXG4gICAgYWdJbml0KHBhcmFtcyk6IHZvaWQge1xuICAgICAgICB0aGlzLnRlbXBsYXRlcyA9IHBhcmFtcy5kYXRhO1xuICAgICAgICB0aGlzLnF1ZXJ5ID0gcGFyYW1zLmNvbERlZi5jZWxsUmVuZGVyZXJQYXJhbXM7XG4gICAgICAgIHRoaXMucGFyYW1zID0gXy5nZXQodGhpcy50ZW1wbGF0ZXMsIHRoaXMucXVlcnk/LnBhcmFtcyk7XG4gICAgICAgIHRoaXMuaXNDZWxsRGlzYWJsZWQgPSAodGhpcy5xdWVyeSBhcyBhbnkpPy5pc0Rpc2FibGVkPy4odGhpcy50ZW1wbGF0ZXMpO1xuICAgICAgICBpZiAodGhpcy5pc0NlbGxEaXNhYmxlZCkge1xuICAgICAgICAgICAgdGhpcy50b29sdGlwID0gdGhpcy5xdWVyeS5kaXNhYmxlZFRvb2x0aXBHZXR0ZXJcbiAgICAgICAgICAgICAgICA/IHRoaXMucXVlcnkuZGlzYWJsZWRUb29sdGlwR2V0dGVyKHRoaXMudGVtcGxhdGVzKVxuICAgICAgICAgICAgICAgIDogdGhpcy5xdWVyeS5kaXNhYmxlZFRvb2x0aXA7XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5xdWVyeVBhcmFtcyA9IF8uZ2V0KHRoaXMudGVtcGxhdGVzLCB0aGlzLnF1ZXJ5Py5xdWVyeVBhcmFtcyk7XG4gICAgICAgIHRoaXMuc3RhdGUgPSB0aGlzLmdldFN0YXRlRGF0YShwYXJhbXMpO1xuICAgICAgICB0aGlzLmlzT3V0c2lkZUFuZ3VsYXIgPSAhIV8uZ2V0KHRoaXMucXVlcnksICdpc091dHNpZGVBbmd1bGFyJyk7XG4gICAgICAgIHRoaXMuZHluYW1pY0xpbmsgPSAhIV8uZ2V0KHRoaXMucXVlcnksICdkeW5hbWljTGluaycpO1xuICAgIH1cblxuICAgIGdldFN0YXRlRGF0YShwYXJhbXMpOiBhbnkge1xuICAgICAgICByZXR1cm4gdGhpcy5xdWVyeS51c2VTdGF0ZSA/IHsgW3RoaXMucXVlcnkuc3RhdGVLZXkgfHwgJ2RhdGEnXTogcGFyYW1zLmRhdGEgfSA6IHVuZGVmaW5lZDtcbiAgICB9XG5cbiAgICByZWZyZXNoKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgfVxuXG4gICAgQEhvc3RMaXN0ZW5lcignY2xpY2snKVxuICAgIGdvVG8oZSkge1xuICAgICAgICBpZiAodGhpcy5xdWVyeT8uaXNEaXNhYmxlZD8uKHRoaXMudGVtcGxhdGVzKSkge1xuICAgICAgICAgICAgZT8uc3RvcFByb3BhZ2F0aW9uPy4oKTtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICBsZXQgbGluayA9IHRoaXMucXVlcnkubGluaztcblxuICAgICAgICBpZiAodGhpcy5pc091dHNpZGVBbmd1bGFyKSB7XG4gICAgICAgICAgICBsZXQgbGlua1dpdGhQYXJhbXMgPSBsaW5rO1xuICAgICAgICAgICAgXy5mb3JFYWNoKF8ua2V5cyh0aGlzLnRlbXBsYXRlcyksIChmaWVsZEtleSkgPT4ge1xuICAgICAgICAgICAgICAgIGNvbnN0IGZpZWxkVmFsdWUgPSB0aGlzLnRlbXBsYXRlc1tmaWVsZEtleV07XG4gICAgICAgICAgICAgICAgbGlua1dpdGhQYXJhbXMgPSBsaW5rV2l0aFBhcmFtcy5yZXBsYWNlKGB7JHtmaWVsZEtleX19YCwgZmllbGRWYWx1ZSk7XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIHdpbmRvdy5sb2NhdGlvbiA9IGxpbmtXaXRoUGFyYW1zIGFzIExvY2F0aW9uIHwgKHN0cmluZyAmIExvY2F0aW9uKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIGlmICh0aGlzLnBhcmFtcykge1xuICAgICAgICAgICAgICAgIGxpbmsgPSBgJHtsaW5rfS8ke3RoaXMucGFyYW1zfWA7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBpZiAodGhpcy5keW5hbWljTGluaykge1xuICAgICAgICAgICAgICAgIF8uZm9yRWFjaChfLmtleXModGhpcy50ZW1wbGF0ZXMpLCAoZmllbGRLZXkpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgZmllbGRWYWx1ZSA9IHRoaXMudGVtcGxhdGVzW2ZpZWxkS2V5XTtcbiAgICAgICAgICAgICAgICAgICAgbGluayA9IGxpbmsucmVwbGFjZShgeyR7ZmllbGRLZXl9fWAsIGZpZWxkVmFsdWUpO1xuICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgdGhpcy5yb3V0ZXIubmF2aWdhdGUoW2xpbmtdLCB7IHF1ZXJ5UGFyYW1zOiB0aGlzLnF1ZXJ5UGFyYW1zLCBzdGF0ZTogdGhpcy5zdGF0ZSB9KTtcbiAgICAgICAgICAgIGlmICh0aGlzLnF1ZXJ5LmFmdGVyTGlua0NMaWNrKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5xdWVyeS5hZnRlckxpbmtDTGljaygpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxufVxuIiwiPGEgW2NsYXNzLmRpc2FibGVkXT1cImlzQ2VsbERpc2FibGVkXCIgW2RyVG9vbHRpcF09XCJ0b29sdGlwXCI+XG4gICAge3sgdGVtcGxhdGVzW3F1ZXJ5LmZpZWxkXSB9fVxuPC9hPlxuIl19
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
2
|
+
import { DrInputsModule } from '../../../../dr-inputs/dr-inputs.module';
|
|
3
|
+
import { FormsModule } from '@angular/forms';
|
|
4
|
+
import { NgIf } from '@angular/common';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@angular/forms";
|
|
7
|
+
import * as i2 from "../../../../dr-inputs/dr-select/dr-select.component";
|
|
8
|
+
function CellSelectComponent_div_0_Template(rf, ctx) { if (rf & 1) {
|
|
9
|
+
const _r2 = i0.ɵɵgetCurrentView();
|
|
10
|
+
i0.ɵɵelementStart(0, "div", 1)(1, "dr-select", 2);
|
|
11
|
+
i0.ɵɵlistener("ngModelChange", function CellSelectComponent_div_0_Template_dr_select_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView((ctx_r1.field[ctx_r1.bindFieldValue] = $event)); })("ngModelChange", function CellSelectComponent_div_0_Template_dr_select_ngModelChange_1_listener() { i0.ɵɵrestoreView(_r2); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onChange()); });
|
|
12
|
+
i0.ɵɵelementEnd()();
|
|
13
|
+
} if (rf & 2) {
|
|
14
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
15
|
+
i0.ɵɵadvance(1);
|
|
16
|
+
i0.ɵɵproperty("ngModel", ctx_r0.field[ctx_r0.bindFieldValue])("bindLabel", ctx_r0.selectConfig == null ? null : ctx_r0.selectConfig.bindLabel)("bindValue", ctx_r0.selectConfig == null ? null : ctx_r0.selectConfig.bindValue)("multiple", ctx_r0.selectConfig == null ? null : ctx_r0.selectConfig.multiple)("addTag", ctx_r0.selectConfig == null ? null : ctx_r0.selectConfig.addTag)("clearable", ctx_r0.selectConfig == null ? null : ctx_r0.selectConfig.clearable)("searchable", ctx_r0.selectConfig == null ? null : ctx_r0.selectConfig.searchable)("items", ctx_r0.selectItems);
|
|
17
|
+
} }
|
|
18
|
+
export class CellSelectComponent {
|
|
19
|
+
agInit(params) {
|
|
20
|
+
this.field = params.data;
|
|
21
|
+
this.bindFieldValue = params.colDef.field || params.bindFieldValue;
|
|
22
|
+
this.onChangeFn = params.onChangeFn;
|
|
23
|
+
this.selectItems = params.selectItems;
|
|
24
|
+
this.selectConfig = params.selectConfig;
|
|
25
|
+
}
|
|
26
|
+
refresh() {
|
|
27
|
+
return false;
|
|
28
|
+
}
|
|
29
|
+
onChange() {
|
|
30
|
+
if (this.onChangeFn) {
|
|
31
|
+
this.onChangeFn(this.field);
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
/** @nocollapse */ static { this.ɵfac = function CellSelectComponent_Factory(t) { return new (t || CellSelectComponent)(); }; }
|
|
35
|
+
/** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: CellSelectComponent, selectors: [["dr-cell-select"]], standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 1, vars: 1, consts: [["class", "cell-select", 4, "ngIf"], [1, "cell-select"], ["data-analytics", "cell-select_select-0", "appendTo", "body", 3, "ngModel", "bindLabel", "bindValue", "multiple", "addTag", "clearable", "searchable", "items", "ngModelChange"]], template: function CellSelectComponent_Template(rf, ctx) { if (rf & 1) {
|
|
36
|
+
i0.ɵɵtemplate(0, CellSelectComponent_div_0_Template, 2, 8, "div", 0);
|
|
37
|
+
} if (rf & 2) {
|
|
38
|
+
i0.ɵɵproperty("ngIf", ctx.field && ctx.selectItems);
|
|
39
|
+
} }, dependencies: [NgIf, FormsModule, i1.NgControlStatus, i1.NgModel, DrInputsModule, i2.DrSelectComponent], styles: ["[_nghost-%COMP%]{flex-grow:1}"], changeDetection: 0 }); }
|
|
40
|
+
}
|
|
41
|
+
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CellSelectComponent, [{
|
|
42
|
+
type: Component,
|
|
43
|
+
args: [{ selector: 'dr-cell-select', standalone: true, imports: [NgIf, FormsModule, DrInputsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"field && selectItems\" class=\"cell-select\">\n <dr-select\n data-analytics=\"cell-select_select-0\"\n [(ngModel)]=\"field[bindFieldValue]\"\n appendTo=\"body\"\n [bindLabel]=\"selectConfig?.bindLabel\"\n [bindValue]=\"selectConfig?.bindValue\"\n [multiple]=\"selectConfig?.multiple\"\n [addTag]=\"selectConfig?.addTag\"\n [clearable]=\"selectConfig?.clearable\"\n [searchable]=\"selectConfig?.searchable\"\n [items]=\"selectItems\"\n (ngModelChange)=\"onChange()\"></dr-select>\n</div>\n", styles: [":host{flex-grow:1}\n"] }]
|
|
44
|
+
}], null, null); })();
|
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2VsbC1zZWxlY3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YXJhaWxzc2hhcmVkL3NyYy9saWIvZHItZ3JpZC9jb21wb25lbnRzL2NlbGxzL2NlbGwtc2VsZWN0L2NlbGwtc2VsZWN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLWdyaWQvY29tcG9uZW50cy9jZWxscy9jZWxsLXNlbGVjdC9jZWxsLXNlbGVjdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRW5FLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUN4RSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7Ozs7SUNKdkMsOEJBQXNELG1CQUFBO0lBRzlDLDJQQUFtQyxzS0FTbEIsZUFBQSxpQkFBVSxDQUFBLElBVFE7SUFTTixpQkFBWSxFQUFBOzs7SUFUekMsZUFBbUM7SUFBbkMsNkRBQW1DLGlGQUFBLGlGQUFBLCtFQUFBLDJFQUFBLGlGQUFBLG1GQUFBLDZCQUFBOztBRG9CM0MsTUFBTSxPQUFPLG1CQUFtQjtJQU9yQixNQUFNLENBQUMsTUFBTTtRQUNoQixJQUFJLENBQUMsS0FBSyxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUM7UUFDekIsSUFBSSxDQUFDLGNBQWMsR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLEtBQUssSUFBSSxNQUFNLENBQUMsY0FBYyxDQUFDO1FBQ25FLElBQUksQ0FBQyxVQUFVLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQztRQUNwQyxJQUFJLENBQUMsV0FBVyxHQUFHLE1BQU0sQ0FBQyxXQUFXLENBQUM7UUFDdEMsSUFBSSxDQUFDLFlBQVksR0FBRyxNQUFNLENBQUMsWUFBWSxDQUFDO0lBQzVDLENBQUM7SUFFTSxPQUFPO1FBQ1YsT0FBTyxLQUFLLENBQUM7SUFDakIsQ0FBQztJQUVNLFFBQVE7UUFDWCxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDakIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDL0I7SUFDTCxDQUFDO3VHQXZCUSxtQkFBbUI7bUdBQW5CLG1CQUFtQjtZQ3ZCaEMsb0VBYU07O1lBYkEsbURBQTBCOzRCRG9CbEIsSUFBSSxFQUFFLFdBQVcsa0NBQUUsY0FBYzs7dUZBR2xDLG1CQUFtQjtjQVIvQixTQUFTOzJCQUNJLGdCQUFnQixjQUdkLElBQUksV0FDUCxDQUFDLElBQUksRUFBRSxXQUFXLEVBQUUsY0FBYyxDQUFDLG1CQUMzQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSUdyaWRDZWxsUmVuZGVyZXJDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi9tb2RlbHMvaW50ZXJmYWNlcyc7XG5pbXBvcnQgeyBEcklucHV0c01vZHVsZSB9IGZyb20gJy4uLy4uLy4uLy4uL2RyLWlucHV0cy9kci1pbnB1dHMubW9kdWxlJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSUNlbGxTZWxlY3RDb25maWcge1xuICAgIGJpbmRMYWJlbD86IHN0cmluZztcbiAgICBiaW5kVmFsdWU/OiBzdHJpbmc7XG4gICAgbXVsdGlwbGU/OiBib29sZWFuO1xuICAgIGFkZFRhZz86IGJvb2xlYW47XG4gICAgY2xlYXJhYmxlPzogYm9vbGVhbjtcbiAgICBzZWFyY2hhYmxlPzogYm9vbGVhbjtcbn1cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdkci1jZWxsLXNlbGVjdCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2NlbGwtc2VsZWN0LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9jZWxsLXNlbGVjdC5jb21wb25lbnQuc2NzcyddLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW05nSWYsIEZvcm1zTW9kdWxlLCBEcklucHV0c01vZHVsZV0sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIENlbGxTZWxlY3RDb21wb25lbnQgaW1wbGVtZW50cyBJR3JpZENlbGxSZW5kZXJlckNvbXBvbmVudCB7XG4gICAgcHVibGljIGZpZWxkOiBhbnk7XG4gICAgcHVibGljIGJpbmRGaWVsZFZhbHVlOiBzdHJpbmc7XG4gICAgcHVibGljIHNlbGVjdEl0ZW1zOiBhbnlbXTtcbiAgICBwdWJsaWMgc2VsZWN0Q29uZmlnOiBJQ2VsbFNlbGVjdENvbmZpZztcbiAgICBwdWJsaWMgb25DaGFuZ2VGbjogKGZpZWxkRGF0YTogYW55KSA9PiB2b2lkO1xuXG4gICAgcHVibGljIGFnSW5pdChwYXJhbXMpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5maWVsZCA9IHBhcmFtcy5kYXRhO1xuICAgICAgICB0aGlzLmJpbmRGaWVsZFZhbHVlID0gcGFyYW1zLmNvbERlZi5maWVsZCB8fCBwYXJhbXMuYmluZEZpZWxkVmFsdWU7XG4gICAgICAgIHRoaXMub25DaGFuZ2VGbiA9IHBhcmFtcy5vbkNoYW5nZUZuO1xuICAgICAgICB0aGlzLnNlbGVjdEl0ZW1zID0gcGFyYW1zLnNlbGVjdEl0ZW1zO1xuICAgICAgICB0aGlzLnNlbGVjdENvbmZpZyA9IHBhcmFtcy5zZWxlY3RDb25maWc7XG4gICAgfVxuXG4gICAgcHVibGljIHJlZnJlc2goKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiBmYWxzZTtcbiAgICB9XG5cbiAgICBwdWJsaWMgb25DaGFuZ2UoKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLm9uQ2hhbmdlRm4pIHtcbiAgICAgICAgICAgIHRoaXMub25DaGFuZ2VGbih0aGlzLmZpZWxkKTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIjxkaXYgKm5nSWY9XCJmaWVsZCAmJiBzZWxlY3RJdGVtc1wiIGNsYXNzPVwiY2VsbC1zZWxlY3RcIj5cbiAgICA8ZHItc2VsZWN0XG4gICAgICAgIGRhdGEtYW5hbHl0aWNzPVwiY2VsbC1zZWxlY3Rfc2VsZWN0LTBcIlxuICAgICAgICBbKG5nTW9kZWwpXT1cImZpZWxkW2JpbmRGaWVsZFZhbHVlXVwiXG4gICAgICAgIGFwcGVuZFRvPVwiYm9keVwiXG4gICAgICAgIFtiaW5kTGFiZWxdPVwic2VsZWN0Q29uZmlnPy5iaW5kTGFiZWxcIlxuICAgICAgICBbYmluZFZhbHVlXT1cInNlbGVjdENvbmZpZz8uYmluZFZhbHVlXCJcbiAgICAgICAgW211bHRpcGxlXT1cInNlbGVjdENvbmZpZz8ubXVsdGlwbGVcIlxuICAgICAgICBbYWRkVGFnXT1cInNlbGVjdENvbmZpZz8uYWRkVGFnXCJcbiAgICAgICAgW2NsZWFyYWJsZV09XCJzZWxlY3RDb25maWc/LmNsZWFyYWJsZVwiXG4gICAgICAgIFtzZWFyY2hhYmxlXT1cInNlbGVjdENvbmZpZz8uc2VhcmNoYWJsZVwiXG4gICAgICAgIFtpdGVtc109XCJzZWxlY3RJdGVtc1wiXG4gICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cIm9uQ2hhbmdlKClcIj48L2RyLXNlbGVjdD5cbjwvZGl2PlxuIl19
|
package/esm2022/lib/dr-grid/components/cells/cell-set-as-default/cell-set-as-default.component.mjs
ADDED
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { DrTooltipModule } from '../../../../dr-tooltip/dr-tooltip.module';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "../../../../dr-tooltip/dr-tooltip.directive";
|
|
6
|
+
export class CellSetAsDefaultComponent {
|
|
7
|
+
constructor() {
|
|
8
|
+
this.key = 'is_favorite';
|
|
9
|
+
this.disabledTooltip = '';
|
|
10
|
+
}
|
|
11
|
+
agInit(params) {
|
|
12
|
+
this.data = params.data;
|
|
13
|
+
this.query = params.colDef.cellRendererParams;
|
|
14
|
+
if (params?.bindKey) {
|
|
15
|
+
this.key = params.bindKey;
|
|
16
|
+
}
|
|
17
|
+
this.tooltipMsg = params?.tooltipMsg;
|
|
18
|
+
const isCellDisabled = this.query?.isDisabled?.(this.data);
|
|
19
|
+
if (isCellDisabled) {
|
|
20
|
+
this.disabledTooltip = this.query.disabledTooltipGetter
|
|
21
|
+
? this.query.disabledTooltipGetter(this.data)
|
|
22
|
+
: this.query.disabledTooltip;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
// responsible for updating the state of the component
|
|
26
|
+
refresh() {
|
|
27
|
+
return true;
|
|
28
|
+
}
|
|
29
|
+
/** @nocollapse */ static { this.ɵfac = function CellSetAsDefaultComponent_Factory(t) { return new (t || CellSetAsDefaultComponent)(); }; }
|
|
30
|
+
/** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: CellSetAsDefaultComponent, selectors: [["dr-cell-set-as-default"]], inputs: { key: "key" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 2, vars: 6, consts: [[1, "ui-grid-cell-contents", "cell-set-as-default", 3, "drTooltip"], [3, "drTooltip"]], template: function CellSetAsDefaultComponent_Template(rf, ctx) { if (rf & 1) {
|
|
31
|
+
i0.ɵɵelementStart(0, "div", 0);
|
|
32
|
+
i0.ɵɵelement(1, "div", 1);
|
|
33
|
+
i0.ɵɵelementEnd();
|
|
34
|
+
} if (rf & 2) {
|
|
35
|
+
i0.ɵɵclassProp("disabled", ctx.query == null ? null : ctx.query.isDisabled == null ? null : ctx.query.isDisabled(ctx.data));
|
|
36
|
+
i0.ɵɵproperty("drTooltip", ctx.disabledTooltip);
|
|
37
|
+
i0.ɵɵadvance(1);
|
|
38
|
+
i0.ɵɵclassMap(ctx.data[ctx.key] ? "dr-icon-favorite-on" : "dr-icon-favorite-off");
|
|
39
|
+
i0.ɵɵproperty("drTooltip", !ctx.data[ctx.key] ? ctx.tooltipMsg : "");
|
|
40
|
+
} }, dependencies: [CommonModule, DrTooltipModule, i1.DrTooltipDirective], styles: [".cell-set-as-default[_ngcontent-%COMP%]{height:100%;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap}.cell-set-as-default.disabled[_ngcontent-%COMP%]{color:#aeabac!important}.cell-set-as-default.disabled[_ngcontent-%COMP%] div[_ngcontent-%COMP%]{pointer-events:none;color:#aeabac!important}.cell-set-as-default[_ngcontent-%COMP%]:hover{cursor:pointer}.cell-set-as-default[_ngcontent-%COMP%] div[_ngcontent-%COMP%]{font-size:26px}.cell-set-as-default[_ngcontent-%COMP%] div.dr-icon-star-fill[_ngcontent-%COMP%]{color:#fda013;font-size:26px}"] }); }
|
|
41
|
+
}
|
|
42
|
+
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CellSetAsDefaultComponent, [{
|
|
43
|
+
type: Component,
|
|
44
|
+
args: [{ selector: 'dr-cell-set-as-default', standalone: true, imports: [CommonModule, DrTooltipModule], template: "<div [class.disabled]=\"query?.isDisabled?.(data)\" [drTooltip]=\"disabledTooltip\" class=\"ui-grid-cell-contents cell-set-as-default\">\n <div [class]=\"data[key] ? 'dr-icon-favorite-on' : 'dr-icon-favorite-off'\" [drTooltip]=\"!data[key] ? tooltipMsg : ''\"></div>\n</div>\n", styles: [".cell-set-as-default{height:100%;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap}.cell-set-as-default.disabled{color:#aeabac!important}.cell-set-as-default.disabled div{pointer-events:none;color:#aeabac!important}.cell-set-as-default:hover{cursor:pointer}.cell-set-as-default div{font-size:26px}.cell-set-as-default div.dr-icon-star-fill{color:#fda013;font-size:26px}\n"] }]
|
|
45
|
+
}], null, { key: [{
|
|
46
|
+
type: Input
|
|
47
|
+
}] }); })();
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2VsbC1zZXQtYXMtZGVmYXVsdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kYXRhcmFpbHNzaGFyZWQvc3JjL2xpYi9kci1ncmlkL2NvbXBvbmVudHMvY2VsbHMvY2VsbC1zZXQtYXMtZGVmYXVsdC9jZWxsLXNldC1hcy1kZWZhdWx0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLWdyaWQvY29tcG9uZW50cy9jZWxscy9jZWxsLXNldC1hcy1kZWZhdWx0L2NlbGwtc2V0LWFzLWRlZmF1bHQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQzs7O0FBUzNFLE1BQU0sT0FBTyx5QkFBeUI7SUFQdEM7UUFRYSxRQUFHLEdBQUcsYUFBYSxDQUFDO1FBRTdCLG9CQUFlLEdBQVcsRUFBRSxDQUFDO0tBaUNoQztJQXZCRyxNQUFNLENBQUMsTUFBTTtRQUNULElBQUksQ0FBQyxJQUFJLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQztRQUV4QixJQUFJLENBQUMsS0FBSyxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsa0JBQWtCLENBQUM7UUFFOUMsSUFBSSxNQUFNLEVBQUUsT0FBTyxFQUFFO1lBQ2pCLElBQUksQ0FBQyxHQUFHLEdBQUcsTUFBTSxDQUFDLE9BQU8sQ0FBQztTQUM3QjtRQUVELElBQUksQ0FBQyxVQUFVLEdBQUcsTUFBTSxFQUFFLFVBQVUsQ0FBQztRQUVyQyxNQUFNLGNBQWMsR0FBRyxJQUFJLENBQUMsS0FBSyxFQUFFLFVBQVUsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUMzRCxJQUFJLGNBQWMsRUFBRTtZQUNoQixJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMscUJBQXFCO2dCQUNuRCxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDO2dCQUM3QyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxlQUFlLENBQUM7U0FDcEM7SUFDTCxDQUFDO0lBRUQsc0RBQXNEO0lBQ3RELE9BQU87UUFDSCxPQUFPLElBQUksQ0FBQztJQUNoQixDQUFDOzZHQW5DUSx5QkFBeUI7bUdBQXpCLHlCQUF5QjtZQ1h0Qyw4QkFBa0k7WUFDOUgseUJBQTJIO1lBQy9ILGlCQUFNOztZQUZELDJIQUE0QztZQUFDLCtDQUE2QjtZQUN0RSxlQUFvRTtZQUFwRSxpRkFBb0U7WUFBQyxvRUFBMEM7NEJEUTFHLFlBQVksRUFBRSxlQUFlOzt1RkFFOUIseUJBQXlCO2NBUHJDLFNBQVM7MkJBQ0ksd0JBQXdCLGNBR3RCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxlQUFlLENBQUM7Z0JBRy9CLEdBQUc7a0JBQVgsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBEclRvb2x0aXBNb2R1bGUgfSBmcm9tICcuLi8uLi8uLi8uLi9kci10b29sdGlwL2RyLXRvb2x0aXAubW9kdWxlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdkci1jZWxsLXNldC1hcy1kZWZhdWx0JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vY2VsbC1zZXQtYXMtZGVmYXVsdC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vY2VsbC1zZXQtYXMtZGVmYXVsdC5jb21wb25lbnQuc2NzcyddLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgRHJUb29sdGlwTW9kdWxlXSxcbn0pXG5leHBvcnQgY2xhc3MgQ2VsbFNldEFzRGVmYXVsdENvbXBvbmVudCB7XG4gICAgQElucHV0KCkga2V5ID0gJ2lzX2Zhdm9yaXRlJztcbiAgICB0b29sdGlwTXNnOiBzdHJpbmc7XG4gICAgZGlzYWJsZWRUb29sdGlwOiBzdHJpbmcgPSAnJztcblxuICAgIGRhdGE6IGFueTtcblxuICAgIHF1ZXJ5OiB7XG4gICAgICAgIGlzRGlzYWJsZWQ/OiAoZGF0YTogYW55KSA9PiBib29sZWFuO1xuICAgICAgICBkaXNhYmxlZFRvb2x0aXA/OiBzdHJpbmc7XG4gICAgICAgIGRpc2FibGVkVG9vbHRpcEdldHRlcj86IChkYXRhOiBhbnkpID0+IHN0cmluZztcbiAgICB9O1xuXG4gICAgYWdJbml0KHBhcmFtcyk6IHZvaWQge1xuICAgICAgICB0aGlzLmRhdGEgPSBwYXJhbXMuZGF0YTtcblxuICAgICAgICB0aGlzLnF1ZXJ5ID0gcGFyYW1zLmNvbERlZi5jZWxsUmVuZGVyZXJQYXJhbXM7XG5cbiAgICAgICAgaWYgKHBhcmFtcz8uYmluZEtleSkge1xuICAgICAgICAgICAgdGhpcy5rZXkgPSBwYXJhbXMuYmluZEtleTtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMudG9vbHRpcE1zZyA9IHBhcmFtcz8udG9vbHRpcE1zZztcblxuICAgICAgICBjb25zdCBpc0NlbGxEaXNhYmxlZCA9IHRoaXMucXVlcnk/LmlzRGlzYWJsZWQ/Lih0aGlzLmRhdGEpO1xuICAgICAgICBpZiAoaXNDZWxsRGlzYWJsZWQpIHtcbiAgICAgICAgICAgIHRoaXMuZGlzYWJsZWRUb29sdGlwID0gdGhpcy5xdWVyeS5kaXNhYmxlZFRvb2x0aXBHZXR0ZXJcbiAgICAgICAgICAgICAgICA/IHRoaXMucXVlcnkuZGlzYWJsZWRUb29sdGlwR2V0dGVyKHRoaXMuZGF0YSlcbiAgICAgICAgICAgICAgICA6IHRoaXMucXVlcnkuZGlzYWJsZWRUb29sdGlwO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgLy8gcmVzcG9uc2libGUgZm9yIHVwZGF0aW5nIHRoZSBzdGF0ZSBvZiB0aGUgY29tcG9uZW50XG4gICAgcmVmcmVzaCgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRydWU7XG4gICAgfVxufVxuIiwiPGRpdiBbY2xhc3MuZGlzYWJsZWRdPVwicXVlcnk/LmlzRGlzYWJsZWQ/LihkYXRhKVwiIFtkclRvb2x0aXBdPVwiZGlzYWJsZWRUb29sdGlwXCIgY2xhc3M9XCJ1aS1ncmlkLWNlbGwtY29udGVudHMgY2VsbC1zZXQtYXMtZGVmYXVsdFwiPlxuICAgIDxkaXYgW2NsYXNzXT1cImRhdGFba2V5XSA/ICdkci1pY29uLWZhdm9yaXRlLW9uJyA6ICdkci1pY29uLWZhdm9yaXRlLW9mZidcIiBbZHJUb29sdGlwXT1cIiFkYXRhW2tleV0gPyB0b29sdGlwTXNnIDogJydcIj48L2Rpdj5cbjwvZGl2PlxuIl19
|