ngx-edu-sharing-ui 10.0.20 → 10.0.22
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/scss/material-theme.scss +3 -3
- package/assets/scss/mixins.scss +1 -1
- package/assets/scss/variables-root.scss +2 -0
- package/assets/scss/variables-scss.scss +3 -4
- package/assets/scss/variables.scss +1 -1
- package/fesm2022/ngx-edu-sharing-ui.mjs +376 -319
- package/fesm2022/ngx-edu-sharing-ui.mjs.map +1 -1
- package/lib/index.d.ts +1 -0
- package/lib/list-items/list-widget.d.ts +1 -1
- package/lib/mds-viewer/mds-editor-instance-service.abstract.d.ts +14 -0
- package/lib/mds-viewer/widget/mds-widget.component.d.ts +6 -4
- package/package.json +8 -9
- package/esm2022/lib/actionbar/actionbar.component.mjs +0 -206
- package/esm2022/lib/common/edu-sharing-ui-common.module.mjs +0 -170
- package/esm2022/lib/directives/border-box-observer.directive.mjs +0 -71
- package/esm2022/lib/directives/check-text-overflow.directive.mjs +0 -71
- package/esm2022/lib/directives/drag-nodes/drag-nodes.mjs +0 -14
- package/esm2022/lib/directives/drag-nodes/nodes-drag-source.directive.mjs +0 -79
- package/esm2022/lib/directives/drag-nodes/nodes-drag.directive.mjs +0 -49
- package/esm2022/lib/directives/drag-nodes/nodes-drop-target.directive.mjs +0 -105
- package/esm2022/lib/directives/focus-state.directive.mjs +0 -44
- package/esm2022/lib/directives/icon.directive.mjs +0 -184
- package/esm2022/lib/directives/infinite-scroll.directive.mjs +0 -85
- package/esm2022/lib/dropdown/dropdown.component.mjs +0 -83
- package/esm2022/lib/edu-sharing-ui-configuration.mjs +0 -48
- package/esm2022/lib/edu-sharing-ui.module.mjs +0 -82
- package/esm2022/lib/index.mjs +0 -96
- package/esm2022/lib/list-items/available-widgets.mjs +0 -27
- package/esm2022/lib/list-items/format-duration.pipe.mjs +0 -20
- package/esm2022/lib/list-items/list-base/list-base.component.mjs +0 -46
- package/esm2022/lib/list-items/list-collection-info/list-collection-info.component.mjs +0 -29
- package/esm2022/lib/list-items/list-counts/list-counts.component.mjs +0 -56
- package/esm2022/lib/list-items/list-items.module.mjs +0 -50
- package/esm2022/lib/list-items/list-node-license/list-node-license.component.mjs +0 -41
- package/esm2022/lib/list-items/list-node-replication-source/list-node-replication-source.component.mjs +0 -47
- package/esm2022/lib/list-items/list-node-workflow/list-node-workflow.component.mjs +0 -24
- package/esm2022/lib/list-items/list-text/list-text.component.mjs +0 -106
- package/esm2022/lib/list-items/list-widget.mjs +0 -49
- package/esm2022/lib/list-items/node-row/node-row.component.mjs +0 -24
- package/esm2022/lib/list-items/node-source.pipe.mjs +0 -49
- package/esm2022/lib/mds/mds-helper.service.mjs +0 -167
- package/esm2022/lib/mds/mds.module.mjs +0 -16
- package/esm2022/lib/mds-viewer/mds-viewer.component.mjs +0 -170
- package/esm2022/lib/mds-viewer/mds-viewer.service.mjs +0 -18
- package/esm2022/lib/mds-viewer/replace-element-with-div.mjs +0 -47
- package/esm2022/lib/mds-viewer/view-instance.service.mjs +0 -27
- package/esm2022/lib/mds-viewer/widget/mds-widget.component.mjs +0 -379
- package/esm2022/lib/node-entries/combined-data-source.mjs +0 -41
- package/esm2022/lib/node-entries/custom-templates-data-source.mjs +0 -7
- package/esm2022/lib/node-entries/drag-preview/drag-preview.component.mjs +0 -21
- package/esm2022/lib/node-entries/entries-model.mjs +0 -24
- package/esm2022/lib/node-entries/items-cap.mjs +0 -47
- package/esm2022/lib/node-entries/list-item-label.pipe.mjs +0 -37
- package/esm2022/lib/node-entries/node-cache.mjs +0 -73
- package/esm2022/lib/node-entries/node-data-source-remote.mjs +0 -4
- package/esm2022/lib/node-entries/node-data-source.mjs +0 -117
- package/esm2022/lib/node-entries/node-entries-card/node-entries-card.component.mjs +0 -117
- package/esm2022/lib/node-entries/node-entries-card-grid/node-entries-card-grid.component.mjs +0 -329
- package/esm2022/lib/node-entries/node-entries-card-small/node-entries-card-small.component.mjs +0 -44
- package/esm2022/lib/node-entries/node-entries-global-options/node-entries-global-options.component.mjs +0 -27
- package/esm2022/lib/node-entries/node-entries-global.service.mjs +0 -71
- package/esm2022/lib/node-entries/node-entries-table/column-chooser/column-chooser.component.mjs +0 -42
- package/esm2022/lib/node-entries/node-entries-table/node-entries-table.component.mjs +0 -294
- package/esm2022/lib/node-entries/node-entries-templates.service.mjs +0 -11
- package/esm2022/lib/node-entries/node-entries-wrapper.component.mjs +0 -369
- package/esm2022/lib/node-entries/node-entries.component.mjs +0 -132
- package/esm2022/lib/node-entries/node-entries.module.mjs +0 -161
- package/esm2022/lib/node-entries/node-rating/node-rating.component.mjs +0 -125
- package/esm2022/lib/node-entries/node-stats-badges/node-stats-badges.component.mjs +0 -48
- package/esm2022/lib/node-entries/node-type-badge/node-type-badge.component.mjs +0 -36
- package/esm2022/lib/node-entries/option-button/option-button.component.mjs +0 -75
- package/esm2022/lib/node-entries/preview-image/preview-image.component.mjs +0 -53
- package/esm2022/lib/node-entries/sort-select-panel/sort-select-panel.component.mjs +0 -41
- package/esm2022/lib/node-url/node-url.component.mjs +0 -132
- package/esm2022/lib/pipes/file-size.pipe.mjs +0 -32
- package/esm2022/lib/pipes/format-date.pipe.mjs +0 -38
- package/esm2022/lib/pipes/mds-duration.pipe.mjs +0 -25
- package/esm2022/lib/pipes/node-icon.pipe.mjs +0 -18
- package/esm2022/lib/pipes/node-image-size.pipe.mjs +0 -24
- package/esm2022/lib/pipes/node-image.pipe.mjs +0 -55
- package/esm2022/lib/pipes/node-license.pipe.mjs +0 -24
- package/esm2022/lib/pipes/node-person-name.pipe.mjs +0 -50
- package/esm2022/lib/pipes/node-title.pipe.mjs +0 -35
- package/esm2022/lib/pipes/option-tooltip.pipe.mjs +0 -33
- package/esm2022/lib/pipes/property-slug.pipe.mjs +0 -16
- package/esm2022/lib/pipes/replace-chars.pipe.mjs +0 -29
- package/esm2022/lib/pipes/vcard-name.pipe.mjs +0 -25
- package/esm2022/lib/services/abstract/app.service.mjs +0 -3
- package/esm2022/lib/services/abstract/keyboard-shortcuts.service.mjs +0 -10
- package/esm2022/lib/services/abstract/options-helper.service.mjs +0 -3
- package/esm2022/lib/services/abstract/toast.service.mjs +0 -3
- package/esm2022/lib/services/accessibility.service.mjs +0 -73
- package/esm2022/lib/services/app-container.service.mjs +0 -69
- package/esm2022/lib/services/local-events.service.mjs +0 -43
- package/esm2022/lib/services/node-entries.service.mjs +0 -201
- package/esm2022/lib/services/node-helper.service.mjs +0 -330
- package/esm2022/lib/services/nodes-drag-drop.service.mjs +0 -155
- package/esm2022/lib/services/options-helper-data.service.mjs +0 -142
- package/esm2022/lib/services/render-helper.service.mjs +0 -114
- package/esm2022/lib/services/repo-url.service.mjs +0 -50
- package/esm2022/lib/services/search-helper.service.mjs +0 -52
- package/esm2022/lib/services/temporary-storage.service.mjs +0 -48
- package/esm2022/lib/services/ui.service.mjs +0 -327
- package/esm2022/lib/sort-dropdown/sort-dropdown.component.mjs +0 -50
- package/esm2022/lib/spinner/spinner.component.mjs +0 -19
- package/esm2022/lib/spinner-small/spinner-small.component.mjs +0 -18
- package/esm2022/lib/translations/fallback-translation-handler.mjs +0 -6
- package/esm2022/lib/translations/translation-loader.mjs +0 -219
- package/esm2022/lib/translations/translation-source.mjs +0 -11
- package/esm2022/lib/translations/translations.module.mjs +0 -82
- package/esm2022/lib/translations/translations.service.mjs +0 -238
- package/esm2022/lib/types/accessibillity.mjs +0 -19
- package/esm2022/lib/types/api-models.mjs +0 -2
- package/esm2022/lib/types/drag-drop.mjs +0 -2
- package/esm2022/lib/types/injection-tokens.mjs +0 -31
- package/esm2022/lib/types/keyboard-shortcuts.mjs +0 -11
- package/esm2022/lib/types/list-item.mjs +0 -41
- package/esm2022/lib/types/option-item.mjs +0 -192
- package/esm2022/lib/types/workflow.mjs +0 -25
- package/esm2022/lib/util/DateHelper.mjs +0 -200
- package/esm2022/lib/util/VCard.mjs +0 -278
- package/esm2022/lib/util/color-helper.mjs +0 -124
- package/esm2022/lib/util/duration-helper.mjs +0 -102
- package/esm2022/lib/util/functions.mjs +0 -13
- package/esm2022/lib/util/helper.mjs +0 -64
- package/esm2022/lib/util/isNumeric.mjs +0 -11
- package/esm2022/lib/util/rest-helper.mjs +0 -42
- package/esm2022/lib/util/ui-animation.mjs +0 -146
- package/esm2022/lib/util/ui-constants.mjs +0 -21
- package/esm2022/ngx-edu-sharing-ui.mjs +0 -5
- package/esm2022/public-api.mjs +0 -2
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
|
-
import { NodeEntriesDisplayType } from '../entries-model';
|
|
3
|
-
import { map } from 'rxjs/operators';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "../../services/node-entries.service";
|
|
6
|
-
import * as i2 from "@angular/common";
|
|
7
|
-
import * as i3 from "../../directives/icon.directive";
|
|
8
|
-
import * as i4 from "@angular/material/button";
|
|
9
|
-
import * as i5 from "@ngx-translate/core";
|
|
10
|
-
export class NodeEntriesGlobalOptionsComponent {
|
|
11
|
-
constructor(entriesService) {
|
|
12
|
-
this.entriesService = entriesService;
|
|
13
|
-
this.NodeEntriesDisplayType = NodeEntriesDisplayType;
|
|
14
|
-
}
|
|
15
|
-
getEnabledOptions() {
|
|
16
|
-
return this.entriesService.globalOptionsSubject.pipe(map((options) => options.filter((e) => e.isEnabled)));
|
|
17
|
-
}
|
|
18
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NodeEntriesGlobalOptionsComponent, deps: [{ token: i1.NodeEntriesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: NodeEntriesGlobalOptionsComponent, selector: "es-node-entries-global-options", inputs: { displayType: "displayType" }, ngImport: i0, template: "<div\n *ngIf=\"(getEnabledOptions() | async)?.length\"\n role=\"listitem\"\n class=\"global-options\"\n [class.global-options-small]=\"displayType === NodeEntriesDisplayType.SmallGrid\"\n [class.global-options-table]=\"displayType === NodeEntriesDisplayType.Table\"\n>\n <button\n mat-button\n *ngFor=\"let option of getEnabledOptions() | async\"\n (click)=\"option.callback()\"\n class=\"global-option-btn\"\n attr.data-test=\"card-button-{{ option.name }}\"\n >\n <ng-container *ngTemplateOutlet=\"globalOption; context: { option: this.option }\"></ng-container>\n </button>\n</div>\n<ng-template #globalOption let-option=\"option\">\n <span class=\"global-option\">\n <i [esIcon]=\"option.icon\"></i>\n <span class=\"label\">{{ option.name | translate }}</span>\n </span>\n</ng-template>\n", styles: [":root{--primary: var(--palette-primary-500);--warning: #cd2457;--aiColor: #6d176e;--aiColorText: #fff;--aiColorChip: #fff;--aiColorChipRemove: #555;--aiColorChipBorder: #ddd;--aiColorChipText: var(--aiColor);--tableIconSize: 38px;--textLight: #585858;--textMediumLight: #888;--textMain: #383838;--cardWidth: 240px;--chipsSeperatorLineColor: #e2e2e2;--colorStatusPositive: #40bf8e;--colorStatusNegative: var(--warning);--colorStarActive: #ba7c00;--nodeVirtualColor: #42ca8d;--nodeVirtualColorLight: #b8fcdd;--transitionNormal: .2s;--focusWidth: 2px;--fontSizeXSmall: 85%;--itemSelectedTextColor: var(--palette-primary-700);--listItemSelectedBackground: var(--palette-primary-50);--listItemSelectedBackgroundEffect: linear-gradient( to right, var(--primary) 0, var(--primary) 5px, var(--palette-primary-50) 5px, var(--palette-primary-50) 5px ) no-repeat}.global-options{display:grid;grid-template-columns:auto;grid-template-rows:repeat(auto-fit,minmax(70px,1fr));grid-row-gap:20px;height:100%;min-height:250px}.global-options.global-options-small{min-height:130px}.global-options.global-options-table{min-height:100px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-column-gap:20px}.global-options .global-option-btn{display:flex;height:100%;padding:0}.global-options .global-option{cursor:pointer;display:flex;box-shadow:0 0 5px #0000004d;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;border:3px dashed var(--primary);color:var(--primary)}.global-options .global-option>i{font-size:32px;margin-bottom:5px}.global-options .global-option>.label{cursor:pointer;font-weight:700}.global-options .global-option:hover,.global-options .global-option:focus{background-color:rgb(var(--palette-primary-50))}:host ::ng-deep .global-options .global-option-btn .mdc-button__label{width:100%;height:100%}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.IconDirective, selector: "i[esIcon], i.material-icons", inputs: ["altText", "aria", "esIcon"] }, { kind: "component", type: i4.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
20
|
-
}
|
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NodeEntriesGlobalOptionsComponent, decorators: [{
|
|
22
|
-
type: Component,
|
|
23
|
-
args: [{ selector: 'es-node-entries-global-options', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n *ngIf=\"(getEnabledOptions() | async)?.length\"\n role=\"listitem\"\n class=\"global-options\"\n [class.global-options-small]=\"displayType === NodeEntriesDisplayType.SmallGrid\"\n [class.global-options-table]=\"displayType === NodeEntriesDisplayType.Table\"\n>\n <button\n mat-button\n *ngFor=\"let option of getEnabledOptions() | async\"\n (click)=\"option.callback()\"\n class=\"global-option-btn\"\n attr.data-test=\"card-button-{{ option.name }}\"\n >\n <ng-container *ngTemplateOutlet=\"globalOption; context: { option: this.option }\"></ng-container>\n </button>\n</div>\n<ng-template #globalOption let-option=\"option\">\n <span class=\"global-option\">\n <i [esIcon]=\"option.icon\"></i>\n <span class=\"label\">{{ option.name | translate }}</span>\n </span>\n</ng-template>\n", styles: [":root{--primary: var(--palette-primary-500);--warning: #cd2457;--aiColor: #6d176e;--aiColorText: #fff;--aiColorChip: #fff;--aiColorChipRemove: #555;--aiColorChipBorder: #ddd;--aiColorChipText: var(--aiColor);--tableIconSize: 38px;--textLight: #585858;--textMediumLight: #888;--textMain: #383838;--cardWidth: 240px;--chipsSeperatorLineColor: #e2e2e2;--colorStatusPositive: #40bf8e;--colorStatusNegative: var(--warning);--colorStarActive: #ba7c00;--nodeVirtualColor: #42ca8d;--nodeVirtualColorLight: #b8fcdd;--transitionNormal: .2s;--focusWidth: 2px;--fontSizeXSmall: 85%;--itemSelectedTextColor: var(--palette-primary-700);--listItemSelectedBackground: var(--palette-primary-50);--listItemSelectedBackgroundEffect: linear-gradient( to right, var(--primary) 0, var(--primary) 5px, var(--palette-primary-50) 5px, var(--palette-primary-50) 5px ) no-repeat}.global-options{display:grid;grid-template-columns:auto;grid-template-rows:repeat(auto-fit,minmax(70px,1fr));grid-row-gap:20px;height:100%;min-height:250px}.global-options.global-options-small{min-height:130px}.global-options.global-options-table{min-height:100px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-column-gap:20px}.global-options .global-option-btn{display:flex;height:100%;padding:0}.global-options .global-option{cursor:pointer;display:flex;box-shadow:0 0 5px #0000004d;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;border:3px dashed var(--primary);color:var(--primary)}.global-options .global-option>i{font-size:32px;margin-bottom:5px}.global-options .global-option>.label{cursor:pointer;font-weight:700}.global-options .global-option:hover,.global-options .global-option:focus{background-color:rgb(var(--palette-primary-50))}:host ::ng-deep .global-options .global-option-btn .mdc-button__label{width:100%;height:100%}\n"] }]
|
|
24
|
-
}], ctorParameters: () => [{ type: i1.NodeEntriesService }], propDecorators: { displayType: [{
|
|
25
|
-
type: Input
|
|
26
|
-
}] } });
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9kZS1lbnRyaWVzLWdsb2JhbC1vcHRpb25zLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2VkdS1zaGFyaW5nLXVpL3NyYy9saWIvbm9kZS1lbnRyaWVzL25vZGUtZW50cmllcy1nbG9iYWwtb3B0aW9ucy9ub2RlLWVudHJpZXMtZ2xvYmFsLW9wdGlvbnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZWR1LXNoYXJpbmctdWkvc3JjL2xpYi9ub2RlLWVudHJpZXMvbm9kZS1lbnRyaWVzLWdsb2JhbC1vcHRpb25zL25vZGUtZW50cmllcy1nbG9iYWwtb3B0aW9ucy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUxRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUUxRCxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7Ozs7QUFRckMsTUFBTSxPQUFPLGlDQUFpQztJQUcxQyxZQUFtQixjQUFxQztRQUFyQyxtQkFBYyxHQUFkLGNBQWMsQ0FBdUI7UUFGL0MsMkJBQXNCLEdBQUcsc0JBQXNCLENBQUM7SUFFRSxDQUFDO0lBRTVELGlCQUFpQjtRQUNiLE9BQU8sSUFBSSxDQUFDLGNBQWMsQ0FBQyxvQkFBb0IsQ0FBQyxJQUFJLENBQ2hELEdBQUcsQ0FBQyxDQUFDLE9BQU8sRUFBRSxFQUFFLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQ3ZELENBQUM7SUFDTixDQUFDOytHQVRRLGlDQUFpQzttR0FBakMsaUNBQWlDLDhHQ1o5Qyw0ekJBdUJBOzs0RkRYYSxpQ0FBaUM7a0JBTjdDLFNBQVM7K0JBQ0ksZ0NBQWdDLG1CQUd6Qix1QkFBdUIsQ0FBQyxNQUFNO3VGQUl0QyxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5vZGUgfSBmcm9tICduZ3gtZWR1LXNoYXJpbmctYXBpJztcbmltcG9ydCB7IE5vZGVFbnRyaWVzRGlzcGxheVR5cGUgfSBmcm9tICcuLi9lbnRyaWVzLW1vZGVsJztcbmltcG9ydCB7IE5vZGVFbnRyaWVzU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL25vZGUtZW50cmllcy5zZXJ2aWNlJztcbmltcG9ydCB7IG1hcCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdlcy1ub2RlLWVudHJpZXMtZ2xvYmFsLW9wdGlvbnMnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9ub2RlLWVudHJpZXMtZ2xvYmFsLW9wdGlvbnMuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL25vZGUtZW50cmllcy1nbG9iYWwtb3B0aW9ucy5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBOb2RlRW50cmllc0dsb2JhbE9wdGlvbnNDb21wb25lbnQ8VCBleHRlbmRzIE5vZGU+IHtcbiAgICByZWFkb25seSBOb2RlRW50cmllc0Rpc3BsYXlUeXBlID0gTm9kZUVudHJpZXNEaXNwbGF5VHlwZTtcbiAgICBASW5wdXQoKSBkaXNwbGF5VHlwZTogTm9kZUVudHJpZXNEaXNwbGF5VHlwZTtcbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgZW50cmllc1NlcnZpY2U6IE5vZGVFbnRyaWVzU2VydmljZTxUPikge31cblxuICAgIGdldEVuYWJsZWRPcHRpb25zKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5lbnRyaWVzU2VydmljZS5nbG9iYWxPcHRpb25zU3ViamVjdC5waXBlKFxuICAgICAgICAgICAgbWFwKChvcHRpb25zKSA9PiBvcHRpb25zLmZpbHRlcigoZSkgPT4gZS5pc0VuYWJsZWQpKSxcbiAgICAgICAgKTtcbiAgICB9XG59XG4iLCI8ZGl2XG4gICpuZ0lmPVwiKGdldEVuYWJsZWRPcHRpb25zKCkgfCBhc3luYyk/Lmxlbmd0aFwiXG4gIHJvbGU9XCJsaXN0aXRlbVwiXG4gIGNsYXNzPVwiZ2xvYmFsLW9wdGlvbnNcIlxuICBbY2xhc3MuZ2xvYmFsLW9wdGlvbnMtc21hbGxdPVwiZGlzcGxheVR5cGUgPT09IE5vZGVFbnRyaWVzRGlzcGxheVR5cGUuU21hbGxHcmlkXCJcbiAgW2NsYXNzLmdsb2JhbC1vcHRpb25zLXRhYmxlXT1cImRpc3BsYXlUeXBlID09PSBOb2RlRW50cmllc0Rpc3BsYXlUeXBlLlRhYmxlXCJcbj5cbiAgPGJ1dHRvblxuICAgIG1hdC1idXR0b25cbiAgICAqbmdGb3I9XCJsZXQgb3B0aW9uIG9mIGdldEVuYWJsZWRPcHRpb25zKCkgfCBhc3luY1wiXG4gICAgKGNsaWNrKT1cIm9wdGlvbi5jYWxsYmFjaygpXCJcbiAgICBjbGFzcz1cImdsb2JhbC1vcHRpb24tYnRuXCJcbiAgICBhdHRyLmRhdGEtdGVzdD1cImNhcmQtYnV0dG9uLXt7IG9wdGlvbi5uYW1lIH19XCJcbiAgPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJnbG9iYWxPcHRpb247IGNvbnRleHQ6IHsgb3B0aW9uOiB0aGlzLm9wdGlvbiB9XCI+PC9uZy1jb250YWluZXI+XG4gIDwvYnV0dG9uPlxuPC9kaXY+XG48bmctdGVtcGxhdGUgI2dsb2JhbE9wdGlvbiBsZXQtb3B0aW9uPVwib3B0aW9uXCI+XG4gIDxzcGFuIGNsYXNzPVwiZ2xvYmFsLW9wdGlvblwiPlxuICAgIDxpIFtlc0ljb25dPVwib3B0aW9uLmljb25cIj48L2k+XG4gICAgPHNwYW4gY2xhc3M9XCJsYWJlbFwiPnt7IG9wdGlvbi5uYW1lIHwgdHJhbnNsYXRlIH19PC9zcGFuPlxuICA8L3NwYW4+XG48L25nLXRlbXBsYXRlPlxuIl19
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
import { Injectable } from '@angular/core';
|
|
2
|
-
import { Scope } from '../types/option-item';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export var CustomFieldSpecialType;
|
|
5
|
-
(function (CustomFieldSpecialType) {
|
|
6
|
-
CustomFieldSpecialType[CustomFieldSpecialType["preview"] = 0] = "preview";
|
|
7
|
-
CustomFieldSpecialType[CustomFieldSpecialType["type"] = 1] = "type";
|
|
8
|
-
})(CustomFieldSpecialType || (CustomFieldSpecialType = {}));
|
|
9
|
-
/**
|
|
10
|
-
* this service is intended to add custom behaviour to the global tables & grid views
|
|
11
|
-
*/
|
|
12
|
-
export class NodeEntriesGlobalService {
|
|
13
|
-
constructor() {
|
|
14
|
-
this.customFields = [];
|
|
15
|
-
this.paginationStrategy = {
|
|
16
|
-
[Scope.WorkspaceList]: 'infinite-scroll',
|
|
17
|
-
[Scope.Search]: 'infinite-scroll',
|
|
18
|
-
DEFAULT: 'infinite-scroll',
|
|
19
|
-
};
|
|
20
|
-
this.paginatorSizeOptions = {
|
|
21
|
-
DEFAULT: [25, 50, 75, 100],
|
|
22
|
-
};
|
|
23
|
-
}
|
|
24
|
-
setPaginationStrategy(scope, strategy) {
|
|
25
|
-
this.paginationStrategy[scope] = strategy;
|
|
26
|
-
}
|
|
27
|
-
getPaginationStrategy(scope) {
|
|
28
|
-
return this.paginationStrategy[scope] ?? this.paginationStrategy['DEFAULT'];
|
|
29
|
-
}
|
|
30
|
-
setPaginatorSizeOptions(scope, size) {
|
|
31
|
-
this.paginatorSizeOptions[scope] = size;
|
|
32
|
-
}
|
|
33
|
-
getPaginatorSizeOptions(scope) {
|
|
34
|
-
return this.paginatorSizeOptions[scope] ?? this.paginatorSizeOptions['DEFAULT'];
|
|
35
|
-
}
|
|
36
|
-
getCustomCssClass(node) {
|
|
37
|
-
if (this.customCssClassProvider) {
|
|
38
|
-
return this.customCssClassProvider(node);
|
|
39
|
-
}
|
|
40
|
-
return '';
|
|
41
|
-
}
|
|
42
|
-
/**
|
|
43
|
-
* a custom provider for a css class based on a node
|
|
44
|
-
* it should return the given css class that will be added to each node entry based on the given node
|
|
45
|
-
*/
|
|
46
|
-
setCustomCssClassProvider(provider) {
|
|
47
|
-
this.customCssClassProvider = provider;
|
|
48
|
-
}
|
|
49
|
-
getCustomFieldTemplate(item, node) {
|
|
50
|
-
return this.customFields.filter((c) => c.type === item.type &&
|
|
51
|
-
c.name === item.name &&
|
|
52
|
-
(!c.useCallback || c.useCallback(node)))?.[0]?.templateRef;
|
|
53
|
-
}
|
|
54
|
-
/**
|
|
55
|
-
* Registers a custom (node) attribute you want to render via the given template.
|
|
56
|
-
*
|
|
57
|
-
* You may also override existing attributes if you want to provide a custom view.
|
|
58
|
-
*/
|
|
59
|
-
registerCustomFieldRendering(customFieldInfo) {
|
|
60
|
-
this.customFields.push(customFieldInfo);
|
|
61
|
-
}
|
|
62
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NodeEntriesGlobalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
63
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NodeEntriesGlobalService, providedIn: 'root' }); }
|
|
64
|
-
}
|
|
65
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NodeEntriesGlobalService, decorators: [{
|
|
66
|
-
type: Injectable,
|
|
67
|
-
args: [{
|
|
68
|
-
providedIn: 'root',
|
|
69
|
-
}]
|
|
70
|
-
}], ctorParameters: () => [] });
|
|
71
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9kZS1lbnRyaWVzLWdsb2JhbC5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZWR1LXNoYXJpbmctdWkvc3JjL2xpYi9ub2RlLWVudHJpZXMvbm9kZS1lbnRyaWVzLWdsb2JhbC5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQWUsTUFBTSxlQUFlLENBQUM7QUFHeEQsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLHNCQUFzQixDQUFDOztBQU03QyxNQUFNLENBQU4sSUFBWSxzQkFHWDtBQUhELFdBQVksc0JBQXNCO0lBQzlCLHlFQUFPLENBQUE7SUFDUCxtRUFBSSxDQUFBO0FBQ1IsQ0FBQyxFQUhXLHNCQUFzQixLQUF0QixzQkFBc0IsUUFHakM7QUFrQkQ7O0dBRUc7QUFJSCxNQUFNLE9BQU8sd0JBQXdCO0lBWWpDO1FBWFEsaUJBQVksR0FBc0IsRUFBRSxDQUFDO1FBQ3JDLHVCQUFrQixHQUFzRDtZQUM1RSxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUMsRUFBRSxpQkFBaUI7WUFDeEMsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEVBQUUsaUJBQWlCO1lBQ2pDLE9BQU8sRUFBRSxpQkFBaUI7U0FDN0IsQ0FBQztRQUNNLHlCQUFvQixHQUE0QztZQUNwRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxHQUFHLENBQUM7U0FDN0IsQ0FBQztJQUdhLENBQUM7SUFFVCxxQkFBcUIsQ0FBQyxLQUFzQixFQUFFLFFBQTRCO1FBQzdFLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxLQUFLLENBQUMsR0FBRyxRQUFRLENBQUM7SUFDOUMsQ0FBQztJQUNNLHFCQUFxQixDQUFDLEtBQVk7UUFDckMsT0FBTyxJQUFJLENBQUMsa0JBQWtCLENBQUMsS0FBSyxDQUFDLElBQUksSUFBSSxDQUFDLGtCQUFrQixDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ2hGLENBQUM7SUFDTSx1QkFBdUIsQ0FBQyxLQUFzQixFQUFFLElBQWM7UUFDakUsSUFBSSxDQUFDLG9CQUFvQixDQUFDLEtBQUssQ0FBQyxHQUFHLElBQUksQ0FBQztJQUM1QyxDQUFDO0lBQ00sdUJBQXVCLENBQUMsS0FBWTtRQUN2QyxPQUFPLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxLQUFLLENBQUMsSUFBSSxJQUFJLENBQUMsb0JBQW9CLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDcEYsQ0FBQztJQUNNLGlCQUFpQixDQUFDLElBQVU7UUFDL0IsSUFBSSxJQUFJLENBQUMsc0JBQXNCLEVBQUUsQ0FBQztZQUM5QixPQUFPLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUM3QyxDQUFDO1FBQ0QsT0FBTyxFQUFFLENBQUM7SUFDZCxDQUFDO0lBRUQ7OztPQUdHO0lBQ0kseUJBQXlCLENBQUMsUUFBZ0M7UUFDN0QsSUFBSSxDQUFDLHNCQUFzQixHQUFHLFFBQVEsQ0FBQztJQUMzQyxDQUFDO0lBQ00sc0JBQXNCLENBQUMsSUFBaUIsRUFBRSxJQUFVO1FBQ3ZELE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQyxNQUFNLENBQzNCLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FDRixDQUFDLENBQUMsSUFBSSxLQUFLLElBQUksQ0FBQyxJQUFJO1lBQ3BCLENBQUMsQ0FBQyxJQUFJLEtBQUssSUFBSSxDQUFDLElBQUk7WUFDcEIsQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLElBQUksQ0FBQyxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUM5QyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsV0FBVyxDQUFDO0lBQ3hCLENBQUM7SUFFRDs7OztPQUlHO0lBQ0gsNEJBQTRCLENBQUMsZUFBZ0M7UUFDekQsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUM7SUFDNUMsQ0FBQzsrR0F4RFEsd0JBQXdCO21IQUF4Qix3QkFBd0IsY0FGckIsTUFBTTs7NEZBRVQsd0JBQXdCO2tCQUhwQyxVQUFVO21CQUFDO29CQUNSLFVBQVUsRUFBRSxNQUFNO2lCQUNyQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOb2RlIH0gZnJvbSAnbmd4LWVkdS1zaGFyaW5nLWFwaSc7XG5pbXBvcnQgeyBMaXN0SXRlbVR5cGUgfSBmcm9tICcuLi90eXBlcy9saXN0LWl0ZW0nO1xuaW1wb3J0IHsgU2NvcGUgfSBmcm9tICcuLi90eXBlcy9vcHRpb24taXRlbSc7XG5cbmV4cG9ydCB0eXBlIEN1c3RvbUZpZWxkID0ge1xuICAgIHR5cGU6IExpc3RJdGVtVHlwZTtcbiAgICBuYW1lOiBzdHJpbmcgfCBDdXN0b21GaWVsZFNwZWNpYWxUeXBlO1xufTtcbmV4cG9ydCBlbnVtIEN1c3RvbUZpZWxkU3BlY2lhbFR5cGUge1xuICAgIHByZXZpZXcsXG4gICAgdHlwZSxcbn1cbmV4cG9ydCB0eXBlIEN1c3RvbUZpZWxkSW5mbyA9IHtcbiAgICB0eXBlOiBMaXN0SXRlbVR5cGU7XG4gICAgLyoqXG4gICAgICogRWl0aGVyIHRoZSBwcm9wZXJ0eSBuYW1lIChpLmUuIFwiY206bmFtZVwiKSBvciBhIHNwZWNpYWwgdmFsdWUuXG4gICAgICovXG4gICAgbmFtZTogc3RyaW5nIHwgQ3VzdG9tRmllbGRTcGVjaWFsVHlwZTtcblxuICAgIC8qKlxuICAgICAqIEN1c3RvbSBjYWxsYmFjayB3aGljaCBzaG91bGQgcmV0dXJuIHRydWUgaWYgdGhlIHRlbXBsYXRlIHNob3VsZCBiZSB1c2VkIGZvciB0aGUgZ2l2ZW4gaXRlbS5cbiAgICAgKi9cbiAgICB1c2VDYWxsYmFjaz86IChub2RlOiBOb2RlKSA9PiBib29sZWFuO1xuICAgIHRlbXBsYXRlUmVmOiBUZW1wbGF0ZVJlZjx1bmtub3duPjtcbn07XG5cbmV4cG9ydCB0eXBlIFBhZ2luYXRpb25TdHJhdGVneSA9ICdpbmZpbml0ZS1zY3JvbGwnIHwgJ3BhZ2luYXRvcic7XG5cbnR5cGUgUGFnaW5hdGlvblNjb3BlID0gU2NvcGUgfCAnREVGQVVMVCc7XG4vKipcbiAqIHRoaXMgc2VydmljZSBpcyBpbnRlbmRlZCB0byBhZGQgY3VzdG9tIGJlaGF2aW91ciB0byB0aGUgZ2xvYmFsIHRhYmxlcyAmIGdyaWQgdmlld3NcbiAqL1xuQEluamVjdGFibGUoe1xuICAgIHByb3ZpZGVkSW46ICdyb290Jyxcbn0pXG5leHBvcnQgY2xhc3MgTm9kZUVudHJpZXNHbG9iYWxTZXJ2aWNlIHtcbiAgICBwcml2YXRlIGN1c3RvbUZpZWxkczogQ3VzdG9tRmllbGRJbmZvW10gPSBbXTtcbiAgICBwcml2YXRlIHBhZ2luYXRpb25TdHJhdGVneTogeyBba2V5IGluIFBhZ2luYXRpb25TY29wZV0/OiBQYWdpbmF0aW9uU3RyYXRlZ3kgfSA9IHtcbiAgICAgICAgW1Njb3BlLldvcmtzcGFjZUxpc3RdOiAnaW5maW5pdGUtc2Nyb2xsJyxcbiAgICAgICAgW1Njb3BlLlNlYXJjaF06ICdpbmZpbml0ZS1zY3JvbGwnLFxuICAgICAgICBERUZBVUxUOiAnaW5maW5pdGUtc2Nyb2xsJyxcbiAgICB9O1xuICAgIHByaXZhdGUgcGFnaW5hdG9yU2l6ZU9wdGlvbnM6IHsgW2tleSBpbiBQYWdpbmF0aW9uU2NvcGVdPzogbnVtYmVyW10gfSA9IHtcbiAgICAgICAgREVGQVVMVDogWzI1LCA1MCwgNzUsIDEwMF0sXG4gICAgfTtcbiAgICBwcml2YXRlIGN1c3RvbUNzc0NsYXNzUHJvdmlkZXI6IChub2RlOiBOb2RlKSA9PiBzdHJpbmc7XG5cbiAgICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgICBwdWJsaWMgc2V0UGFnaW5hdGlvblN0cmF0ZWd5KHNjb3BlOiBQYWdpbmF0aW9uU2NvcGUsIHN0cmF0ZWd5OiBQYWdpbmF0aW9uU3RyYXRlZ3kpIHtcbiAgICAgICAgdGhpcy5wYWdpbmF0aW9uU3RyYXRlZ3lbc2NvcGVdID0gc3RyYXRlZ3k7XG4gICAgfVxuICAgIHB1YmxpYyBnZXRQYWdpbmF0aW9uU3RyYXRlZ3koc2NvcGU6IFNjb3BlKSB7XG4gICAgICAgIHJldHVybiB0aGlzLnBhZ2luYXRpb25TdHJhdGVneVtzY29wZV0gPz8gdGhpcy5wYWdpbmF0aW9uU3RyYXRlZ3lbJ0RFRkFVTFQnXTtcbiAgICB9XG4gICAgcHVibGljIHNldFBhZ2luYXRvclNpemVPcHRpb25zKHNjb3BlOiBQYWdpbmF0aW9uU2NvcGUsIHNpemU6IG51bWJlcltdKSB7XG4gICAgICAgIHRoaXMucGFnaW5hdG9yU2l6ZU9wdGlvbnNbc2NvcGVdID0gc2l6ZTtcbiAgICB9XG4gICAgcHVibGljIGdldFBhZ2luYXRvclNpemVPcHRpb25zKHNjb3BlOiBTY29wZSkge1xuICAgICAgICByZXR1cm4gdGhpcy5wYWdpbmF0b3JTaXplT3B0aW9uc1tzY29wZV0gPz8gdGhpcy5wYWdpbmF0b3JTaXplT3B0aW9uc1snREVGQVVMVCddO1xuICAgIH1cbiAgICBwdWJsaWMgZ2V0Q3VzdG9tQ3NzQ2xhc3Mobm9kZTogTm9kZSkge1xuICAgICAgICBpZiAodGhpcy5jdXN0b21Dc3NDbGFzc1Byb3ZpZGVyKSB7XG4gICAgICAgICAgICByZXR1cm4gdGhpcy5jdXN0b21Dc3NDbGFzc1Byb3ZpZGVyKG5vZGUpO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiAnJztcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBhIGN1c3RvbSBwcm92aWRlciBmb3IgYSBjc3MgY2xhc3MgYmFzZWQgb24gYSBub2RlXG4gICAgICogaXQgc2hvdWxkIHJldHVybiB0aGUgZ2l2ZW4gY3NzIGNsYXNzIHRoYXQgd2lsbCBiZSBhZGRlZCB0byBlYWNoIG5vZGUgZW50cnkgYmFzZWQgb24gdGhlIGdpdmVuIG5vZGVcbiAgICAgKi9cbiAgICBwdWJsaWMgc2V0Q3VzdG9tQ3NzQ2xhc3NQcm92aWRlcihwcm92aWRlcjogKG5vZGU6IE5vZGUpID0+IHN0cmluZykge1xuICAgICAgICB0aGlzLmN1c3RvbUNzc0NsYXNzUHJvdmlkZXIgPSBwcm92aWRlcjtcbiAgICB9XG4gICAgcHVibGljIGdldEN1c3RvbUZpZWxkVGVtcGxhdGUoaXRlbTogQ3VzdG9tRmllbGQsIG5vZGU6IE5vZGUpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuY3VzdG9tRmllbGRzLmZpbHRlcihcbiAgICAgICAgICAgIChjKSA9PlxuICAgICAgICAgICAgICAgIGMudHlwZSA9PT0gaXRlbS50eXBlICYmXG4gICAgICAgICAgICAgICAgYy5uYW1lID09PSBpdGVtLm5hbWUgJiZcbiAgICAgICAgICAgICAgICAoIWMudXNlQ2FsbGJhY2sgfHwgYy51c2VDYWxsYmFjayhub2RlKSksXG4gICAgICAgICk/LlswXT8udGVtcGxhdGVSZWY7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogUmVnaXN0ZXJzIGEgY3VzdG9tIChub2RlKSBhdHRyaWJ1dGUgeW91IHdhbnQgdG8gcmVuZGVyIHZpYSB0aGUgZ2l2ZW4gdGVtcGxhdGUuXG4gICAgICpcbiAgICAgKiBZb3UgbWF5IGFsc28gb3ZlcnJpZGUgZXhpc3RpbmcgYXR0cmlidXRlcyBpZiB5b3Ugd2FudCB0byBwcm92aWRlIGEgY3VzdG9tIHZpZXcuXG4gICAgICovXG4gICAgcmVnaXN0ZXJDdXN0b21GaWVsZFJlbmRlcmluZyhjdXN0b21GaWVsZEluZm86IEN1c3RvbUZpZWxkSW5mbykge1xuICAgICAgICB0aGlzLmN1c3RvbUZpZWxkcy5wdXNoKGN1c3RvbUZpZWxkSW5mbyk7XG4gICAgfVxufVxuIl19
|
package/esm2022/lib/node-entries/node-entries-table/column-chooser/column-chooser.component.mjs
DELETED
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import { moveItemInArray } from '@angular/cdk/drag-drop';
|
|
2
|
-
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/common";
|
|
5
|
-
import * as i2 from "@angular/cdk/overlay";
|
|
6
|
-
import * as i3 from "@angular/cdk/drag-drop";
|
|
7
|
-
import * as i4 from "../../../directives/icon.directive";
|
|
8
|
-
import * as i5 from "@angular/material/checkbox";
|
|
9
|
-
import * as i6 from "../../list-item-label.pipe";
|
|
10
|
-
export class ColumnChooserComponent {
|
|
11
|
-
constructor() {
|
|
12
|
-
this.columnChooserVisible = false;
|
|
13
|
-
this.columnChooserVisibleChange = new EventEmitter();
|
|
14
|
-
this.columnsChange = new EventEmitter();
|
|
15
|
-
}
|
|
16
|
-
columnChooserDrop(event) {
|
|
17
|
-
moveItemInArray(this.columns, event.previousIndex, event.currentIndex);
|
|
18
|
-
this.columnsChange.emit(this.columns);
|
|
19
|
-
}
|
|
20
|
-
columnChooserToggle(columnIndex) {
|
|
21
|
-
const column = this.columns[columnIndex];
|
|
22
|
-
column.visible = !column.visible;
|
|
23
|
-
this.columnsChange.emit(this.columns);
|
|
24
|
-
}
|
|
25
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ColumnChooserComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
26
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: ColumnChooserComponent, selector: "es-column-chooser", inputs: { origin: "origin", columnChooserVisible: "columnChooserVisible", columns: "columns" }, outputs: { columnChooserVisibleChange: "columnChooserVisibleChange", columnsChange: "columnsChange" }, ngImport: i0, template: "<ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"origin\"\n [cdkConnectedOverlayOpen]=\"columnChooserVisible\"\n [cdkConnectedOverlayHasBackdrop]=\"true\"\n [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n [cdkConnectedOverlayViewportMargin]=\"5\"\n (backdropClick)=\"columnChooserVisibleChange.emit(false)\"\n cdkConnectedOverlayBackdropClass=\"column-chooser-backdrop\"\n>\n <div\n cdkDropList\n class=\"column-chooser mat-elevation-z2\"\n (cdkDropListDropped)=\"columnChooserDrop($event)\"\n >\n <div class=\"column-chooser-item\" *ngFor=\"let column of columns; index as index\" cdkDrag>\n <mat-checkbox\n [checked]=\"column.visible\"\n (change)=\"columnChooserToggle(index)\"\n color=\"primary\"\n >\n {{ column | esListItemLabel | async }}\n </mat-checkbox>\n <div class=\"drag-handle\" cdkDragHandle>\n <i esIcon=\"drag_handle\"></i>\n </div>\n </div>\n </div>\n</ng-template>\n", styles: [".column-chooser{max-width:100%;border:solid 1px #ccc;min-height:60px;display:block;background:#fff;border-radius:4px;overflow:auto}.column-chooser-item{border-bottom:solid 1px #ccc;color:#000000de;display:flex;flex-direction:row;align-items:center;background:#fff;font-size:14px;justify-content:space-between}.column-chooser-item mat-checkbox{margin:0 12px}.column-chooser-item .drag-handle{color:#00000080;cursor:move;padding:20px}.column-chooser-backdrop{background:none}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i3.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i3.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i3.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i4.IconDirective, selector: "i[esIcon], i.material-icons", inputs: ["altText", "aria", "esIcon"] }, { kind: "component", type: i5.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.ListItemLabelPipe, name: "esListItemLabel" }] }); }
|
|
27
|
-
}
|
|
28
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ColumnChooserComponent, decorators: [{
|
|
29
|
-
type: Component,
|
|
30
|
-
args: [{ selector: 'es-column-chooser', template: "<ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"origin\"\n [cdkConnectedOverlayOpen]=\"columnChooserVisible\"\n [cdkConnectedOverlayHasBackdrop]=\"true\"\n [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n [cdkConnectedOverlayViewportMargin]=\"5\"\n (backdropClick)=\"columnChooserVisibleChange.emit(false)\"\n cdkConnectedOverlayBackdropClass=\"column-chooser-backdrop\"\n>\n <div\n cdkDropList\n class=\"column-chooser mat-elevation-z2\"\n (cdkDropListDropped)=\"columnChooserDrop($event)\"\n >\n <div class=\"column-chooser-item\" *ngFor=\"let column of columns; index as index\" cdkDrag>\n <mat-checkbox\n [checked]=\"column.visible\"\n (change)=\"columnChooserToggle(index)\"\n color=\"primary\"\n >\n {{ column | esListItemLabel | async }}\n </mat-checkbox>\n <div class=\"drag-handle\" cdkDragHandle>\n <i esIcon=\"drag_handle\"></i>\n </div>\n </div>\n </div>\n</ng-template>\n", styles: [".column-chooser{max-width:100%;border:solid 1px #ccc;min-height:60px;display:block;background:#fff;border-radius:4px;overflow:auto}.column-chooser-item{border-bottom:solid 1px #ccc;color:#000000de;display:flex;flex-direction:row;align-items:center;background:#fff;font-size:14px;justify-content:space-between}.column-chooser-item mat-checkbox{margin:0 12px}.column-chooser-item .drag-handle{color:#00000080;cursor:move;padding:20px}.column-chooser-backdrop{background:none}\n"] }]
|
|
31
|
-
}], ctorParameters: () => [], propDecorators: { origin: [{
|
|
32
|
-
type: Input
|
|
33
|
-
}], columnChooserVisible: [{
|
|
34
|
-
type: Input
|
|
35
|
-
}], columnChooserVisibleChange: [{
|
|
36
|
-
type: Output
|
|
37
|
-
}], columns: [{
|
|
38
|
-
type: Input
|
|
39
|
-
}], columnsChange: [{
|
|
40
|
-
type: Output
|
|
41
|
-
}] } });
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uLWNob29zZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZWR1LXNoYXJpbmctdWkvc3JjL2xpYi9ub2RlLWVudHJpZXMvbm9kZS1lbnRyaWVzLXRhYmxlL2NvbHVtbi1jaG9vc2VyL2NvbHVtbi1jaG9vc2VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2VkdS1zaGFyaW5nLXVpL3NyYy9saWIvbm9kZS1lbnRyaWVzL25vZGUtZW50cmllcy10YWJsZS9jb2x1bW4tY2hvb3Nlci9jb2x1bW4tY2hvb3Nlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWUsZUFBZSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7QUFTdkUsTUFBTSxPQUFPLHNCQUFzQjtJQVEvQjtRQU5TLHlCQUFvQixHQUFHLEtBQUssQ0FBQztRQUM1QiwrQkFBMEIsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO1FBR3pELGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQWMsQ0FBQztJQUUxQyxDQUFDO0lBRWhCLGlCQUFpQixDQUFDLEtBQTRCO1FBQzFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxhQUFhLEVBQUUsS0FBSyxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQ3ZFLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUMxQyxDQUFDO0lBRUQsbUJBQW1CLENBQUMsV0FBbUI7UUFDbkMsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUN6QyxNQUFNLENBQUMsT0FBTyxHQUFHLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQztRQUNqQyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDMUMsQ0FBQzsrR0FuQlEsc0JBQXNCO21HQUF0QixzQkFBc0IsZ1FDVm5DLGkrQkE2QkE7OzRGRG5CYSxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0ksbUJBQW1CO3dEQUtwQixNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csb0JBQW9CO3NCQUE1QixLQUFLO2dCQUNJLDBCQUEwQjtzQkFBbkMsTUFBTTtnQkFFRSxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0ksYUFBYTtzQkFBdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENka0RyYWdEcm9wLCBtb3ZlSXRlbUluQXJyYXkgfSBmcm9tICdAYW5ndWxhci9jZGsvZHJhZy1kcm9wJztcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDZGtPdmVybGF5T3JpZ2luIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL292ZXJsYXknO1xuaW1wb3J0IHsgTGlzdEl0ZW0gfSBmcm9tICcuLi8uLi8uLi90eXBlcy9saXN0LWl0ZW0nO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2VzLWNvbHVtbi1jaG9vc2VyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vY29sdW1uLWNob29zZXIuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2NvbHVtbi1jaG9vc2VyLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIENvbHVtbkNob29zZXJDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIG9yaWdpbjogQ2RrT3ZlcmxheU9yaWdpbjtcbiAgICBASW5wdXQoKSBjb2x1bW5DaG9vc2VyVmlzaWJsZSA9IGZhbHNlO1xuICAgIEBPdXRwdXQoKSBjb2x1bW5DaG9vc2VyVmlzaWJsZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICAgIEBJbnB1dCgpIGNvbHVtbnM6IExpc3RJdGVtW107XG4gICAgQE91dHB1dCgpIGNvbHVtbnNDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPExpc3RJdGVtW10+KCk7XG5cbiAgICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgICBjb2x1bW5DaG9vc2VyRHJvcChldmVudDogQ2RrRHJhZ0Ryb3A8c3RyaW5nW10+KSB7XG4gICAgICAgIG1vdmVJdGVtSW5BcnJheSh0aGlzLmNvbHVtbnMsIGV2ZW50LnByZXZpb3VzSW5kZXgsIGV2ZW50LmN1cnJlbnRJbmRleCk7XG4gICAgICAgIHRoaXMuY29sdW1uc0NoYW5nZS5lbWl0KHRoaXMuY29sdW1ucyk7XG4gICAgfVxuXG4gICAgY29sdW1uQ2hvb3NlclRvZ2dsZShjb2x1bW5JbmRleDogbnVtYmVyKTogdm9pZCB7XG4gICAgICAgIGNvbnN0IGNvbHVtbiA9IHRoaXMuY29sdW1uc1tjb2x1bW5JbmRleF07XG4gICAgICAgIGNvbHVtbi52aXNpYmxlID0gIWNvbHVtbi52aXNpYmxlO1xuICAgICAgICB0aGlzLmNvbHVtbnNDaGFuZ2UuZW1pdCh0aGlzLmNvbHVtbnMpO1xuICAgIH1cbn1cbiIsIjxuZy10ZW1wbGF0ZVxuICBjZGtDb25uZWN0ZWRPdmVybGF5XG4gIFtjZGtDb25uZWN0ZWRPdmVybGF5T3JpZ2luXT1cIm9yaWdpblwiXG4gIFtjZGtDb25uZWN0ZWRPdmVybGF5T3Blbl09XCJjb2x1bW5DaG9vc2VyVmlzaWJsZVwiXG4gIFtjZGtDb25uZWN0ZWRPdmVybGF5SGFzQmFja2Ryb3BdPVwidHJ1ZVwiXG4gIFtjZGtDb25uZWN0ZWRPdmVybGF5RmxleGlibGVEaW1lbnNpb25zXT1cInRydWVcIlxuICBbY2RrQ29ubmVjdGVkT3ZlcmxheVZpZXdwb3J0TWFyZ2luXT1cIjVcIlxuICAoYmFja2Ryb3BDbGljayk9XCJjb2x1bW5DaG9vc2VyVmlzaWJsZUNoYW5nZS5lbWl0KGZhbHNlKVwiXG4gIGNka0Nvbm5lY3RlZE92ZXJsYXlCYWNrZHJvcENsYXNzPVwiY29sdW1uLWNob29zZXItYmFja2Ryb3BcIlxuPlxuICA8ZGl2XG4gICAgY2RrRHJvcExpc3RcbiAgICBjbGFzcz1cImNvbHVtbi1jaG9vc2VyIG1hdC1lbGV2YXRpb24tejJcIlxuICAgIChjZGtEcm9wTGlzdERyb3BwZWQpPVwiY29sdW1uQ2hvb3NlckRyb3AoJGV2ZW50KVwiXG4gID5cbiAgICA8ZGl2IGNsYXNzPVwiY29sdW1uLWNob29zZXItaXRlbVwiICpuZ0Zvcj1cImxldCBjb2x1bW4gb2YgY29sdW1uczsgaW5kZXggYXMgaW5kZXhcIiBjZGtEcmFnPlxuICAgICAgPG1hdC1jaGVja2JveFxuICAgICAgICBbY2hlY2tlZF09XCJjb2x1bW4udmlzaWJsZVwiXG4gICAgICAgIChjaGFuZ2UpPVwiY29sdW1uQ2hvb3NlclRvZ2dsZShpbmRleClcIlxuICAgICAgICBjb2xvcj1cInByaW1hcnlcIlxuICAgICAgPlxuICAgICAgICB7eyBjb2x1bW4gfCBlc0xpc3RJdGVtTGFiZWwgfCBhc3luYyB9fVxuICAgICAgPC9tYXQtY2hlY2tib3g+XG4gICAgICA8ZGl2IGNsYXNzPVwiZHJhZy1oYW5kbGVcIiBjZGtEcmFnSGFuZGxlPlxuICAgICAgICA8aSBlc0ljb249XCJkcmFnX2hhbmRsZVwiPjwvaT5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
|