ng-kinintel 0.0.397 → 20.0.2
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/fesm2022/ng-kinintel.mjs +11874 -0
- package/fesm2022/ng-kinintel.mjs.map +1 -0
- package/index.d.ts +2818 -5
- package/package.json +6 -14
- package/esm2020/lib/components/alert-groups/alert-groups.component.mjs +0 -76
- package/esm2020/lib/components/alert-groups/edit-alert-group/edit-alert-group.component.mjs +0 -83
- package/esm2020/lib/components/dashboard-editor/configure-item/configure-item.component.mjs +0 -853
- package/esm2020/lib/components/dashboard-editor/configure-item/edit-dashboard-alert/edit-dashboard-alert.component.mjs +0 -56
- package/esm2020/lib/components/dashboard-editor/configure-item/html-documentation/html-documentation.component.mjs +0 -114
- package/esm2020/lib/components/dashboard-editor/configure-item/table-cell-formatter/table-cell-formatter.component.mjs +0 -163
- package/esm2020/lib/components/dashboard-editor/configure-item/vis-network-options.json +0 -135
- package/esm2020/lib/components/dashboard-editor/dashboard-editor.component.mjs +0 -580
- package/esm2020/lib/components/dashboard-editor/dashboard-parameter/dashboard-parameter.component.mjs +0 -15
- package/esm2020/lib/components/dashboard-editor/dashboard-settings/dashboard-settings.component.mjs +0 -50
- package/esm2020/lib/components/dashboard-editor/item-component/item-component.component.mjs +0 -1226
- package/esm2020/lib/components/dashboard-editor/source-selector-dialog/source-selector-dialog.component.mjs +0 -111
- package/esm2020/lib/components/dashboards/dashboards.component.mjs +0 -163
- package/esm2020/lib/components/dashboards/view-dashboard/view-dashboard.component.mjs +0 -429
- package/esm2020/lib/components/data-explorer/change-source-warning/change-source-warning.component.mjs +0 -20
- package/esm2020/lib/components/data-explorer/data-explorer.component.mjs +0 -243
- package/esm2020/lib/components/data-explorer/export-data/export-data.component.mjs +0 -62
- package/esm2020/lib/components/data-explorer/snapshot-api-access/snapshot-api-access.component.mjs +0 -70
- package/esm2020/lib/components/data-explorer/snapshot-profile-dialog/snapshot-profile-dialog.component.mjs +0 -190
- package/esm2020/lib/components/data-picker/data-picker.component.mjs +0 -79
- package/esm2020/lib/components/data-search/data-search.component.mjs +0 -11
- package/esm2020/lib/components/data-sharing-invite/data-sharing-invite.component.mjs +0 -52
- package/esm2020/lib/components/dataset/create-dataset/create-dataset.component.mjs +0 -47
- package/esm2020/lib/components/dataset/dataset-editor/available-columns/available-columns.component.mjs +0 -28
- package/esm2020/lib/components/dataset/dataset-editor/dataset-add-join/dataset-add-join.component.mjs +0 -344
- package/esm2020/lib/components/dataset/dataset-editor/dataset-column-settings/dataset-column-editor/dataset-column-editor.component.mjs +0 -80
- package/esm2020/lib/components/dataset/dataset-editor/dataset-column-settings/dataset-column-settings.component.mjs +0 -54
- package/esm2020/lib/components/dataset/dataset-editor/dataset-create-formula/dataset-create-formula.component.mjs +0 -67
- package/esm2020/lib/components/dataset/dataset-editor/dataset-editor.component.mjs +0 -1134
- package/esm2020/lib/components/dataset/dataset-editor/dataset-filters/dataset-filter/dataset-filter.component.mjs +0 -201
- package/esm2020/lib/components/dataset/dataset-editor/dataset-filters/dataset-filter-inclusion/dataset-filter-inclusion.component.mjs +0 -25
- package/esm2020/lib/components/dataset/dataset-editor/dataset-filters/dataset-filter-junction/dataset-filter-junction.component.mjs +0 -72
- package/esm2020/lib/components/dataset/dataset-editor/dataset-filters/dataset-filters.component.mjs +0 -62
- package/esm2020/lib/components/dataset/dataset-editor/dataset-name-dialog/dataset-name-dialog.component.mjs +0 -41
- package/esm2020/lib/components/dataset/dataset-editor/dataset-parameter-values/dataset-add-parameter/dataset-add-parameter.component.mjs +0 -78
- package/esm2020/lib/components/dataset/dataset-editor/dataset-parameter-values/dataset-parameter-type/dataset-parameter-type.component.mjs +0 -39
- package/esm2020/lib/components/dataset/dataset-editor/dataset-parameter-values/dataset-parameter-values.component.mjs +0 -75
- package/esm2020/lib/components/dataset/dataset-editor/dataset-summarise/dataset-summarise.component.mjs +0 -107
- package/esm2020/lib/components/dataset/dataset-editor/move-transformation-confirmation/move-transformation-confirmation.component.mjs +0 -20
- package/esm2020/lib/components/dataset/dataset-editor/remove-transformation-warning/remove-transformation-warning.component.mjs +0 -20
- package/esm2020/lib/components/dataset/dataset-editor/save-as-query/save-as-query.component.mjs +0 -58
- package/esm2020/lib/components/dataset/dataset-editor/share-query/share-query.component.mjs +0 -110
- package/esm2020/lib/components/dataset/dataset-editor/upstream-changes-confirmation/upstream-changes-confirmation.component.mjs +0 -20
- package/esm2020/lib/components/dataset/dataset.component.mjs +0 -294
- package/esm2020/lib/components/datasource/create-datasource/advanced-settings/advanced-settings.component.mjs +0 -130
- package/esm2020/lib/components/datasource/create-datasource/api-access/api-access.component.mjs +0 -132
- package/esm2020/lib/components/datasource/create-datasource/create-datasource.component.mjs +0 -729
- package/esm2020/lib/components/datasource/create-datasource/import-data/import-data.component.mjs +0 -146
- package/esm2020/lib/components/datasource/create-datasource/import-data/import-wizard/import-wizard.component.mjs +0 -165
- package/esm2020/lib/components/datasource/create-datasource/tabular-datasource/tabular-datasource.component.mjs +0 -145
- package/esm2020/lib/components/datasource/datasource.component.mjs +0 -162
- package/esm2020/lib/components/datasource/document-datasource/document-datasource.component.mjs +0 -297
- package/esm2020/lib/components/export-project/export-project.component.mjs +0 -29
- package/esm2020/lib/components/feeds/feed/feed.component.mjs +0 -92
- package/esm2020/lib/components/feeds/feeds.component.mjs +0 -145
- package/esm2020/lib/components/job-tasks/job-tasks.component.mjs +0 -25
- package/esm2020/lib/components/marketplace/marketplace.component.mjs +0 -65
- package/esm2020/lib/components/metadata/metadata.component.mjs +0 -65
- package/esm2020/lib/components/notification-groups/edit-notification-group/edit-notification-group.component.mjs +0 -113
- package/esm2020/lib/components/notification-groups/notification-groups.component.mjs +0 -86
- package/esm2020/lib/components/project-picker/project-picker.component.mjs +0 -118
- package/esm2020/lib/components/project-settings/project-link-selection/project-link-selection.component.mjs +0 -104
- package/esm2020/lib/components/project-settings/project-settings.component.mjs +0 -155
- package/esm2020/lib/components/query-caching/edit-query-cache/edit-query-cache.component.mjs +0 -51
- package/esm2020/lib/components/query-caching/query-cache-view/query-cache-view.component.mjs +0 -121
- package/esm2020/lib/components/query-caching/query-caching.component.mjs +0 -162
- package/esm2020/lib/components/shared-with-me/feed-api-modal/feed-api-modal.component.mjs +0 -45
- package/esm2020/lib/components/shared-with-me/shared-with-me.component.mjs +0 -174
- package/esm2020/lib/components/snapshots/snapshots.component.mjs +0 -244
- package/esm2020/lib/components/tag-picker/tag-picker.component.mjs +0 -74
- package/esm2020/lib/components/task-time-periods/task-time-periods.component.mjs +0 -55
- package/esm2020/lib/components/whitelisted-sql-functions/whitelisted-sql-functions.component.mjs +0 -40
- package/esm2020/lib/guards/dashboard-changes.guard.mjs +0 -22
- package/esm2020/lib/kinintel-config.mjs +0 -3
- package/esm2020/lib/ng-kinintel.module.mjs +0 -437
- package/esm2020/lib/objects/action-event.mjs +0 -16
- package/esm2020/lib/services/alert.service.mjs +0 -52
- package/esm2020/lib/services/dashboard.service.mjs +0 -75
- package/esm2020/lib/services/data-processor.service.mjs +0 -56
- package/esm2020/lib/services/data-search.service.mjs +0 -36
- package/esm2020/lib/services/dataset.service.mjs +0 -187
- package/esm2020/lib/services/datasource.service.mjs +0 -93
- package/esm2020/lib/services/external.service.mjs +0 -33
- package/esm2020/lib/services/feed.service.mjs +0 -50
- package/esm2020/lib/services/notification.service.mjs +0 -41
- package/esm2020/lib/services/project.service.mjs +0 -130
- package/esm2020/lib/services/tag.service.mjs +0 -63
- package/esm2020/ng-kinintel.mjs +0 -5
- package/esm2020/public-api.mjs +0 -43
- package/fesm2015/ng-kinintel.mjs +0 -12182
- package/fesm2015/ng-kinintel.mjs.map +0 -1
- package/fesm2020/ng-kinintel.mjs +0 -11872
- package/fesm2020/ng-kinintel.mjs.map +0 -1
- package/lib/components/alert-groups/alert-groups.component.d.ts +0 -30
- package/lib/components/alert-groups/edit-alert-group/edit-alert-group.component.d.ts +0 -28
- package/lib/components/dashboard-editor/configure-item/configure-item.component.d.ts +0 -256
- package/lib/components/dashboard-editor/configure-item/edit-dashboard-alert/edit-dashboard-alert.component.d.ts +0 -16
- package/lib/components/dashboard-editor/configure-item/html-documentation/html-documentation.component.d.ts +0 -59
- package/lib/components/dashboard-editor/configure-item/table-cell-formatter/table-cell-formatter.component.d.ts +0 -26
- package/lib/components/dashboard-editor/dashboard-editor.component.d.ts +0 -85
- package/lib/components/dashboard-editor/dashboard-parameter/dashboard-parameter.component.d.ts +0 -8
- package/lib/components/dashboard-editor/dashboard-settings/dashboard-settings.component.d.ts +0 -22
- package/lib/components/dashboard-editor/item-component/item-component.component.d.ts +0 -264
- package/lib/components/dashboard-editor/source-selector-dialog/source-selector-dialog.component.d.ts +0 -30
- package/lib/components/dashboards/dashboards.component.d.ts +0 -56
- package/lib/components/dashboards/view-dashboard/view-dashboard.component.d.ts +0 -81
- package/lib/components/data-explorer/change-source-warning/change-source-warning.component.d.ts +0 -11
- package/lib/components/data-explorer/data-explorer.component.d.ts +0 -61
- package/lib/components/data-explorer/export-data/export-data.component.d.ts +0 -17
- package/lib/components/data-explorer/snapshot-api-access/snapshot-api-access.component.d.ts +0 -25
- package/lib/components/data-explorer/snapshot-profile-dialog/snapshot-profile-dialog.component.d.ts +0 -44
- package/lib/components/data-picker/data-picker.component.d.ts +0 -32
- package/lib/components/data-search/data-search.component.d.ts +0 -5
- package/lib/components/data-sharing-invite/data-sharing-invite.component.d.ts +0 -21
- package/lib/components/dataset/create-dataset/create-dataset.component.d.ts +0 -17
- package/lib/components/dataset/dataset-editor/available-columns/available-columns.component.d.ts +0 -12
- package/lib/components/dataset/dataset-editor/dataset-add-join/dataset-add-join.component.d.ts +0 -61
- package/lib/components/dataset/dataset-editor/dataset-column-settings/dataset-column-editor/dataset-column-editor.component.d.ts +0 -21
- package/lib/components/dataset/dataset-editor/dataset-column-settings/dataset-column-settings.component.d.ts +0 -20
- package/lib/components/dataset/dataset-editor/dataset-create-formula/dataset-create-formula.component.d.ts +0 -19
- package/lib/components/dataset/dataset-editor/dataset-editor.component.d.ts +0 -131
- package/lib/components/dataset/dataset-editor/dataset-filters/dataset-filter/dataset-filter.component.d.ts +0 -63
- package/lib/components/dataset/dataset-editor/dataset-filters/dataset-filter-inclusion/dataset-filter-inclusion.component.d.ts +0 -11
- package/lib/components/dataset/dataset-editor/dataset-filters/dataset-filter-junction/dataset-filter-junction.component.d.ts +0 -20
- package/lib/components/dataset/dataset-editor/dataset-filters/dataset-filters.component.d.ts +0 -16
- package/lib/components/dataset/dataset-editor/dataset-name-dialog/dataset-name-dialog.component.d.ts +0 -18
- package/lib/components/dataset/dataset-editor/dataset-parameter-values/dataset-add-parameter/dataset-add-parameter.component.d.ts +0 -23
- package/lib/components/dataset/dataset-editor/dataset-parameter-values/dataset-parameter-type/dataset-parameter-type.component.d.ts +0 -13
- package/lib/components/dataset/dataset-editor/dataset-parameter-values/dataset-parameter-values.component.d.ts +0 -22
- package/lib/components/dataset/dataset-editor/dataset-summarise/dataset-summarise.component.d.ts +0 -27
- package/lib/components/dataset/dataset-editor/move-transformation-confirmation/move-transformation-confirmation.component.d.ts +0 -11
- package/lib/components/dataset/dataset-editor/remove-transformation-warning/remove-transformation-warning.component.d.ts +0 -11
- package/lib/components/dataset/dataset-editor/save-as-query/save-as-query.component.d.ts +0 -25
- package/lib/components/dataset/dataset-editor/share-query/share-query.component.d.ts +0 -41
- package/lib/components/dataset/dataset-editor/upstream-changes-confirmation/upstream-changes-confirmation.component.d.ts +0 -11
- package/lib/components/dataset/dataset.component.d.ts +0 -74
- package/lib/components/datasource/create-datasource/advanced-settings/advanced-settings.component.d.ts +0 -26
- package/lib/components/datasource/create-datasource/api-access/api-access.component.d.ts +0 -31
- package/lib/components/datasource/create-datasource/create-datasource.component.d.ts +0 -112
- package/lib/components/datasource/create-datasource/import-data/import-data.component.d.ts +0 -28
- package/lib/components/datasource/create-datasource/import-data/import-wizard/import-wizard.component.d.ts +0 -40
- package/lib/components/datasource/create-datasource/tabular-datasource/tabular-datasource.component.d.ts +0 -34
- package/lib/components/datasource/datasource.component.d.ts +0 -46
- package/lib/components/datasource/document-datasource/document-datasource.component.d.ts +0 -64
- package/lib/components/export-project/export-project.component.d.ts +0 -9
- package/lib/components/feeds/feed/feed.component.d.ts +0 -30
- package/lib/components/feeds/feeds.component.d.ts +0 -47
- package/lib/components/job-tasks/job-tasks.component.d.ts +0 -11
- package/lib/components/marketplace/marketplace.component.d.ts +0 -42
- package/lib/components/metadata/metadata.component.d.ts +0 -24
- package/lib/components/notification-groups/edit-notification-group/edit-notification-group.component.d.ts +0 -37
- package/lib/components/notification-groups/notification-groups.component.d.ts +0 -28
- package/lib/components/project-picker/project-picker.component.d.ts +0 -37
- package/lib/components/project-settings/project-link-selection/project-link-selection.component.d.ts +0 -32
- package/lib/components/project-settings/project-settings.component.d.ts +0 -40
- package/lib/components/query-caching/edit-query-cache/edit-query-cache.component.d.ts +0 -17
- package/lib/components/query-caching/query-cache-view/query-cache-view.component.d.ts +0 -35
- package/lib/components/query-caching/query-caching.component.d.ts +0 -38
- package/lib/components/shared-with-me/feed-api-modal/feed-api-modal.component.d.ts +0 -21
- package/lib/components/shared-with-me/shared-with-me.component.d.ts +0 -43
- package/lib/components/snapshots/snapshots.component.d.ts +0 -52
- package/lib/components/tag-picker/tag-picker.component.d.ts +0 -27
- package/lib/components/task-time-periods/task-time-periods.component.d.ts +0 -20
- package/lib/components/whitelisted-sql-functions/whitelisted-sql-functions.component.d.ts +0 -17
- package/lib/guards/dashboard-changes.guard.d.ts +0 -11
- package/lib/kinintel-config.d.ts +0 -10
- package/lib/ng-kinintel.module.d.ts +0 -116
- package/lib/objects/action-event.d.ts +0 -12
- package/lib/services/alert.service.d.ts +0 -17
- package/lib/services/dashboard.service.d.ts +0 -25
- package/lib/services/data-processor.service.d.ts +0 -18
- package/lib/services/data-search.service.d.ts +0 -14
- package/lib/services/dataset.service.d.ts +0 -56
- package/lib/services/datasource.service.d.ts +0 -34
- package/lib/services/external.service.d.ts +0 -12
- package/lib/services/feed.service.d.ts +0 -19
- package/lib/services/notification.service.d.ts +0 -16
- package/lib/services/project.service.d.ts +0 -27
- package/lib/services/tag.service.d.ts +0 -19
- package/public-api.d.ts +0 -38
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
import { Component, Input, Output, EventEmitter } from '@angular/core';
|
|
2
|
-
import { moveItemInArray } from '@angular/cdk/drag-drop';
|
|
3
|
-
import * as lodash from 'lodash';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@angular/common";
|
|
6
|
-
import * as i2 from "@angular/material/icon";
|
|
7
|
-
import * as i3 from "@angular/cdk/drag-drop";
|
|
8
|
-
import * as i4 from "@angular/forms";
|
|
9
|
-
import * as i5 from "@angular/material/legacy-checkbox";
|
|
10
|
-
const _ = lodash.default;
|
|
11
|
-
export class DatasetColumnEditorComponent {
|
|
12
|
-
constructor() {
|
|
13
|
-
this.columns = [];
|
|
14
|
-
this.toggleAll = true;
|
|
15
|
-
this.titleOnly = false;
|
|
16
|
-
this.columnsChange = new EventEmitter();
|
|
17
|
-
this.allColumns = true;
|
|
18
|
-
}
|
|
19
|
-
ngOnInit() {
|
|
20
|
-
if (this.resetTrigger) {
|
|
21
|
-
this.resetTrigger.subscribe(reset => {
|
|
22
|
-
this.setColumns();
|
|
23
|
-
});
|
|
24
|
-
}
|
|
25
|
-
this.setColumns();
|
|
26
|
-
}
|
|
27
|
-
ngOnDestroy() {
|
|
28
|
-
if (this.resetTrigger) {
|
|
29
|
-
this.resetTrigger.unsubscribe();
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
toggleAllColumns(event) {
|
|
33
|
-
this.columns.map(column => {
|
|
34
|
-
column.selected = event.checked;
|
|
35
|
-
return column;
|
|
36
|
-
});
|
|
37
|
-
}
|
|
38
|
-
allSelected() {
|
|
39
|
-
this.allColumns = _.every(this.columns, 'selected');
|
|
40
|
-
}
|
|
41
|
-
drop(event) {
|
|
42
|
-
moveItemInArray(this.columns, event.previousIndex, event.currentIndex);
|
|
43
|
-
this.columnsChange.emit(this.columns);
|
|
44
|
-
}
|
|
45
|
-
setColumns() {
|
|
46
|
-
const previouslySelected = _.some(this.columns, 'selected');
|
|
47
|
-
this.columns.forEach(column => {
|
|
48
|
-
const filterObject = { title: column.title };
|
|
49
|
-
if (!this.titleOnly) {
|
|
50
|
-
filterObject.name = column.name;
|
|
51
|
-
}
|
|
52
|
-
const duplicate = _.filter(this.columns, filterObject) > 1;
|
|
53
|
-
column.duplicate = duplicate;
|
|
54
|
-
if (!previouslySelected) {
|
|
55
|
-
column.selected = !duplicate;
|
|
56
|
-
}
|
|
57
|
-
if (duplicate) {
|
|
58
|
-
column.selected = false;
|
|
59
|
-
}
|
|
60
|
-
});
|
|
61
|
-
this.allColumns = _.every(this.columns, 'selected');
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
DatasetColumnEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DatasetColumnEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
65
|
-
DatasetColumnEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DatasetColumnEditorComponent, selector: "ki-dataset-column-editor", inputs: { columns: "columns", toggleAll: "toggleAll", titleOnly: "titleOnly", resetTrigger: "resetTrigger" }, outputs: { columnsChange: "columnsChange" }, ngImport: i0, template: "<div class=\"p-0\">\n\n <div class=\"column-toolbar py-3 px-6 bg-gray-50 border-b border-gray-200\">\n <div class=\"align-center\">\n <div class=\"show-hide\">\n <mat-checkbox [(ngModel)]=\"allColumns\" (change)=\"toggleAllColumns($event)\"></mat-checkbox>\n </div>\n <div class=\"column-name uppercase tracking-wider text-xs font-semibold\" *ngIf=\"!titleOnly\">Name</div>\n <div class=\"column-name uppercase tracking-wider text-xs font-semibold\">New column title</div>\n </div>\n\n <div class=\"reorder uppercase tracking-wider text-xs font-semibold\">Reorder</div>\n </div>\n\n <div cdkDropList class=\"column-editor px-4\" (cdkDropListDropped)=\"drop($event)\">\n <div class=\"align-center column-item\" cdkDrag *ngFor=\"let column of columns\">\n <div class=\"align-center\">\n <mat-checkbox [(ngModel)]=\"column.selected\" (ngModelChange)=\"allSelected()\"></mat-checkbox>\n <input type=\"text\" [(ngModel)]=\"column.name\" disabled *ngIf=\"!titleOnly\">\n <input type=\"text\" [(ngModel)]=\"column.title\">\n <span *ngIf=\"column.duplicate\" class=\"primary\">Duplicate column name</span>\n </div>\n\n <mat-icon cdkDragHandle>drag_handle</mat-icon>\n </div>\n </div>\n\n</div>\n\n\n", styles: [".column-toolbar{display:flex;align-items:center;justify-content:space-between;font-weight:500;padding:.5rem;border-bottom:1px solid whitesmoke;margin-bottom:1rem}.column-toolbar .show-hide{width:50px}.column-toolbar .column-name{width:250px;margin-right:1rem}.column-editor .column-item{padding:.25rem .5rem;justify-content:space-between}.column-editor .column-item mat-checkbox{width:50px}.column-editor .column-item input{width:250px;margin-right:1rem}.column-editor .column-item mat-icon{cursor:pointer}.cdk-drag-preview{padding:.5rem;box-sizing:border-box;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;justify-content:space-between}.cdk-drag-preview mat-checkbox{width:50px}.cdk-drag-preview input{width:250px;margin-right:1rem}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], 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"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i3.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.MatLegacyCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }] });
|
|
66
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DatasetColumnEditorComponent, decorators: [{
|
|
67
|
-
type: Component,
|
|
68
|
-
args: [{ selector: 'ki-dataset-column-editor', template: "<div class=\"p-0\">\n\n <div class=\"column-toolbar py-3 px-6 bg-gray-50 border-b border-gray-200\">\n <div class=\"align-center\">\n <div class=\"show-hide\">\n <mat-checkbox [(ngModel)]=\"allColumns\" (change)=\"toggleAllColumns($event)\"></mat-checkbox>\n </div>\n <div class=\"column-name uppercase tracking-wider text-xs font-semibold\" *ngIf=\"!titleOnly\">Name</div>\n <div class=\"column-name uppercase tracking-wider text-xs font-semibold\">New column title</div>\n </div>\n\n <div class=\"reorder uppercase tracking-wider text-xs font-semibold\">Reorder</div>\n </div>\n\n <div cdkDropList class=\"column-editor px-4\" (cdkDropListDropped)=\"drop($event)\">\n <div class=\"align-center column-item\" cdkDrag *ngFor=\"let column of columns\">\n <div class=\"align-center\">\n <mat-checkbox [(ngModel)]=\"column.selected\" (ngModelChange)=\"allSelected()\"></mat-checkbox>\n <input type=\"text\" [(ngModel)]=\"column.name\" disabled *ngIf=\"!titleOnly\">\n <input type=\"text\" [(ngModel)]=\"column.title\">\n <span *ngIf=\"column.duplicate\" class=\"primary\">Duplicate column name</span>\n </div>\n\n <mat-icon cdkDragHandle>drag_handle</mat-icon>\n </div>\n </div>\n\n</div>\n\n\n", styles: [".column-toolbar{display:flex;align-items:center;justify-content:space-between;font-weight:500;padding:.5rem;border-bottom:1px solid whitesmoke;margin-bottom:1rem}.column-toolbar .show-hide{width:50px}.column-toolbar .column-name{width:250px;margin-right:1rem}.column-editor .column-item{padding:.25rem .5rem;justify-content:space-between}.column-editor .column-item mat-checkbox{width:50px}.column-editor .column-item input{width:250px;margin-right:1rem}.column-editor .column-item mat-icon{cursor:pointer}.cdk-drag-preview{padding:.5rem;box-sizing:border-box;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;justify-content:space-between}.cdk-drag-preview mat-checkbox{width:50px}.cdk-drag-preview input{width:250px;margin-right:1rem}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}\n"] }]
|
|
69
|
-
}], ctorParameters: function () { return []; }, propDecorators: { columns: [{
|
|
70
|
-
type: Input
|
|
71
|
-
}], toggleAll: [{
|
|
72
|
-
type: Input
|
|
73
|
-
}], titleOnly: [{
|
|
74
|
-
type: Input
|
|
75
|
-
}], resetTrigger: [{
|
|
76
|
-
type: Input
|
|
77
|
-
}], columnsChange: [{
|
|
78
|
-
type: Output
|
|
79
|
-
}] } });
|
|
80
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YXNldC1jb2x1bW4tZWRpdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nLWtpbmludGVsL3NyYy9saWIvY29tcG9uZW50cy9kYXRhc2V0L2RhdGFzZXQtZWRpdG9yL2RhdGFzZXQtY29sdW1uLXNldHRpbmdzL2RhdGFzZXQtY29sdW1uLWVkaXRvci9kYXRhc2V0LWNvbHVtbi1lZGl0b3IuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmcta2luaW50ZWwvc3JjL2xpYi9jb21wb25lbnRzL2RhdGFzZXQvZGF0YXNldC1lZGl0b3IvZGF0YXNldC1jb2x1bW4tc2V0dGluZ3MvZGF0YXNldC1jb2x1bW4tZWRpdG9yL2RhdGFzZXQtY29sdW1uLWVkaXRvci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsWUFBWSxFQUFZLE1BQU0sZUFBZSxDQUFDO0FBQ3hGLE9BQU8sRUFBYyxlQUFlLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQUNwRSxPQUFPLEtBQUssTUFBTSxNQUFNLFFBQVEsQ0FBQzs7Ozs7OztBQUNqQyxNQUFNLENBQUMsR0FBRyxNQUFNLENBQUMsT0FBTyxDQUFDO0FBUXpCLE1BQU0sT0FBTyw0QkFBNEI7SUFXckM7UUFUUyxZQUFPLEdBQVEsRUFBRSxDQUFDO1FBQ2xCLGNBQVMsR0FBRyxJQUFJLENBQUM7UUFDakIsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUdqQixrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFFdEMsZUFBVSxHQUFHLElBQUksQ0FBQztJQUd6QixDQUFDO0lBRUQsUUFBUTtRQUNKLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRTtZQUNuQixJQUFJLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsRUFBRTtnQkFDaEMsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1lBQ3RCLENBQUMsQ0FBQyxDQUFDO1NBQ047UUFFRCxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELFdBQVc7UUFDUCxJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUU7WUFDbkIsSUFBSSxDQUFDLFlBQVksQ0FBQyxXQUFXLEVBQUUsQ0FBQztTQUNuQztJQUNMLENBQUM7SUFFTSxnQkFBZ0IsQ0FBQyxLQUFLO1FBQ3pCLElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxFQUFFO1lBQ3RCLE1BQU0sQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQztZQUNoQyxPQUFPLE1BQU0sQ0FBQztRQUNsQixDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFTSxXQUFXO1FBQ2QsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsVUFBVSxDQUFDLENBQUM7SUFDeEQsQ0FBQztJQUVNLElBQUksQ0FBQyxLQUE0QjtRQUNwQyxlQUFlLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUMsYUFBYSxFQUFFLEtBQUssQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUN2RSxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDMUMsQ0FBQztJQUVPLFVBQVU7UUFDZCxNQUFNLGtCQUFrQixHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxVQUFVLENBQUMsQ0FBQztRQUM1RCxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsRUFBRTtZQUMxQixNQUFNLFlBQVksR0FBUSxFQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxFQUFDLENBQUM7WUFDaEQsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUU7Z0JBQ2pCLFlBQVksQ0FBQyxJQUFJLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQzthQUNuQztZQUNELE1BQU0sU0FBUyxHQUFHLENBQUMsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxZQUFZLENBQUMsR0FBRyxDQUFDLENBQUM7WUFDM0QsTUFBTSxDQUFDLFNBQVMsR0FBRyxTQUFTLENBQUM7WUFDN0IsSUFBSSxDQUFDLGtCQUFrQixFQUFFO2dCQUNyQixNQUFNLENBQUMsUUFBUSxHQUFHLENBQUMsU0FBUyxDQUFDO2FBQ2hDO1lBQ0QsSUFBSSxTQUFTLEVBQUU7Z0JBQ1gsTUFBTSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7YUFDM0I7UUFDTCxDQUFDLENBQUMsQ0FBQztRQUVILElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLFVBQVUsQ0FBQyxDQUFDO0lBQ3hELENBQUM7OzBIQWhFUSw0QkFBNEI7OEdBQTVCLDRCQUE0QiwyTkNYekMsZzNDQThCQTs0RkRuQmEsNEJBQTRCO2tCQUx4QyxTQUFTOytCQUNJLDBCQUEwQjswRUFNM0IsT0FBTztzQkFBZixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUVJLGFBQWE7c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIE9uRGVzdHJveX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0Nka0RyYWdEcm9wLCBtb3ZlSXRlbUluQXJyYXl9IGZyb20gJ0Bhbmd1bGFyL2Nkay9kcmFnLWRyb3AnO1xuaW1wb3J0ICogYXMgbG9kYXNoIGZyb20gJ2xvZGFzaCc7XG5jb25zdCBfID0gbG9kYXNoLmRlZmF1bHQ7XG5pbXBvcnQge1N1YmplY3R9IGZyb20gJ3J4anMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2tpLWRhdGFzZXQtY29sdW1uLWVkaXRvcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2RhdGFzZXQtY29sdW1uLWVkaXRvci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZGF0YXNldC1jb2x1bW4tZWRpdG9yLmNvbXBvbmVudC5zYXNzJ11cbn0pXG5leHBvcnQgY2xhc3MgRGF0YXNldENvbHVtbkVkaXRvckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcblxuICAgIEBJbnB1dCgpIGNvbHVtbnM6IGFueSA9IFtdO1xuICAgIEBJbnB1dCgpIHRvZ2dsZUFsbCA9IHRydWU7XG4gICAgQElucHV0KCkgdGl0bGVPbmx5ID0gZmFsc2U7XG4gICAgQElucHV0KCkgcmVzZXRUcmlnZ2VyOiBTdWJqZWN0PGFueT47XG5cbiAgICBAT3V0cHV0KCkgY29sdW1uc0NoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICAgIHB1YmxpYyBhbGxDb2x1bW5zID0gdHJ1ZTtcblxuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgIH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5yZXNldFRyaWdnZXIpIHtcbiAgICAgICAgICAgIHRoaXMucmVzZXRUcmlnZ2VyLnN1YnNjcmliZShyZXNldCA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5zZXRDb2x1bW5zKCk7XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMuc2V0Q29sdW1ucygpO1xuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCkge1xuICAgICAgICBpZiAodGhpcy5yZXNldFRyaWdnZXIpIHtcbiAgICAgICAgICAgIHRoaXMucmVzZXRUcmlnZ2VyLnVuc3Vic2NyaWJlKCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwdWJsaWMgdG9nZ2xlQWxsQ29sdW1ucyhldmVudCkge1xuICAgICAgICB0aGlzLmNvbHVtbnMubWFwKGNvbHVtbiA9PiB7XG4gICAgICAgICAgICBjb2x1bW4uc2VsZWN0ZWQgPSBldmVudC5jaGVja2VkO1xuICAgICAgICAgICAgcmV0dXJuIGNvbHVtbjtcbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgcHVibGljIGFsbFNlbGVjdGVkKCkge1xuICAgICAgICB0aGlzLmFsbENvbHVtbnMgPSBfLmV2ZXJ5KHRoaXMuY29sdW1ucywgJ3NlbGVjdGVkJyk7XG4gICAgfVxuXG4gICAgcHVibGljIGRyb3AoZXZlbnQ6IENka0RyYWdEcm9wPHN0cmluZ1tdPikge1xuICAgICAgICBtb3ZlSXRlbUluQXJyYXkodGhpcy5jb2x1bW5zLCBldmVudC5wcmV2aW91c0luZGV4LCBldmVudC5jdXJyZW50SW5kZXgpO1xuICAgICAgICB0aGlzLmNvbHVtbnNDaGFuZ2UuZW1pdCh0aGlzLmNvbHVtbnMpO1xuICAgIH1cblxuICAgIHByaXZhdGUgc2V0Q29sdW1ucygpIHtcbiAgICAgICAgY29uc3QgcHJldmlvdXNseVNlbGVjdGVkID0gXy5zb21lKHRoaXMuY29sdW1ucywgJ3NlbGVjdGVkJyk7XG4gICAgICAgIHRoaXMuY29sdW1ucy5mb3JFYWNoKGNvbHVtbiA9PiB7XG4gICAgICAgICAgICBjb25zdCBmaWx0ZXJPYmplY3Q6IGFueSA9IHt0aXRsZTogY29sdW1uLnRpdGxlfTtcbiAgICAgICAgICAgIGlmICghdGhpcy50aXRsZU9ubHkpIHtcbiAgICAgICAgICAgICAgICBmaWx0ZXJPYmplY3QubmFtZSA9IGNvbHVtbi5uYW1lO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgY29uc3QgZHVwbGljYXRlID0gXy5maWx0ZXIodGhpcy5jb2x1bW5zLCBmaWx0ZXJPYmplY3QpID4gMTtcbiAgICAgICAgICAgIGNvbHVtbi5kdXBsaWNhdGUgPSBkdXBsaWNhdGU7XG4gICAgICAgICAgICBpZiAoIXByZXZpb3VzbHlTZWxlY3RlZCkge1xuICAgICAgICAgICAgICAgIGNvbHVtbi5zZWxlY3RlZCA9ICFkdXBsaWNhdGU7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBpZiAoZHVwbGljYXRlKSB7XG4gICAgICAgICAgICAgICAgY29sdW1uLnNlbGVjdGVkID0gZmFsc2U7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuXG4gICAgICAgIHRoaXMuYWxsQ29sdW1ucyA9IF8uZXZlcnkodGhpcy5jb2x1bW5zLCAnc2VsZWN0ZWQnKTtcbiAgICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJwLTBcIj5cblxuICAgIDxkaXYgY2xhc3M9XCJjb2x1bW4tdG9vbGJhciBweS0zIHB4LTYgYmctZ3JheS01MCBib3JkZXItYiBib3JkZXItZ3JheS0yMDBcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImFsaWduLWNlbnRlclwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNob3ctaGlkZVwiPlxuICAgICAgICAgICAgICAgIDxtYXQtY2hlY2tib3ggWyhuZ01vZGVsKV09XCJhbGxDb2x1bW5zXCIgKGNoYW5nZSk9XCJ0b2dnbGVBbGxDb2x1bW5zKCRldmVudClcIj48L21hdC1jaGVja2JveD5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbHVtbi1uYW1lIHVwcGVyY2FzZSB0cmFja2luZy13aWRlciB0ZXh0LXhzIGZvbnQtc2VtaWJvbGRcIiAqbmdJZj1cIiF0aXRsZU9ubHlcIj5OYW1lPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sdW1uLW5hbWUgdXBwZXJjYXNlIHRyYWNraW5nLXdpZGVyIHRleHQteHMgZm9udC1zZW1pYm9sZFwiPk5ldyBjb2x1bW4gdGl0bGU8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cInJlb3JkZXIgdXBwZXJjYXNlIHRyYWNraW5nLXdpZGVyIHRleHQteHMgZm9udC1zZW1pYm9sZFwiPlJlb3JkZXI8L2Rpdj5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgY2RrRHJvcExpc3QgY2xhc3M9XCJjb2x1bW4tZWRpdG9yIHB4LTRcIiAoY2RrRHJvcExpc3REcm9wcGVkKT1cImRyb3AoJGV2ZW50KVwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYWxpZ24tY2VudGVyIGNvbHVtbi1pdGVtXCIgY2RrRHJhZyAqbmdGb3I9XCJsZXQgY29sdW1uIG9mIGNvbHVtbnNcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhbGlnbi1jZW50ZXJcIj5cbiAgICAgICAgICAgICAgICA8bWF0LWNoZWNrYm94IFsobmdNb2RlbCldPVwiY29sdW1uLnNlbGVjdGVkXCIgKG5nTW9kZWxDaGFuZ2UpPVwiYWxsU2VsZWN0ZWQoKVwiPjwvbWF0LWNoZWNrYm94PlxuICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwidGV4dFwiIFsobmdNb2RlbCldPVwiY29sdW1uLm5hbWVcIiBkaXNhYmxlZCAqbmdJZj1cIiF0aXRsZU9ubHlcIj5cbiAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT1cInRleHRcIiBbKG5nTW9kZWwpXT1cImNvbHVtbi50aXRsZVwiPlxuICAgICAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiY29sdW1uLmR1cGxpY2F0ZVwiIGNsYXNzPVwicHJpbWFyeVwiPkR1cGxpY2F0ZSBjb2x1bW4gbmFtZTwvc3Bhbj5cbiAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICA8bWF0LWljb24gY2RrRHJhZ0hhbmRsZT5kcmFnX2hhbmRsZTwvbWF0LWljb24+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuXG48L2Rpdj5cblxuXG4iXX0=
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import { Component, Inject } from '@angular/core';
|
|
2
|
-
import { MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA } from '@angular/material/legacy-dialog';
|
|
3
|
-
import * as lodash from 'lodash';
|
|
4
|
-
import { Subject } from 'rxjs';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "@angular/material/legacy-dialog";
|
|
7
|
-
import * as i2 from "@angular/common";
|
|
8
|
-
import * as i3 from "@angular/material/legacy-button";
|
|
9
|
-
import * as i4 from "@angular/material/icon";
|
|
10
|
-
import * as i5 from "@angular/cdk/drag-drop";
|
|
11
|
-
import * as i6 from "@angular/forms";
|
|
12
|
-
import * as i7 from "@angular/material/legacy-select";
|
|
13
|
-
import * as i8 from "@angular/material/legacy-core";
|
|
14
|
-
import * as i9 from "@angular/material/legacy-checkbox";
|
|
15
|
-
import * as i10 from "./dataset-column-editor/dataset-column-editor.component";
|
|
16
|
-
const _ = lodash.default;
|
|
17
|
-
export class DatasetColumnSettingsComponent {
|
|
18
|
-
constructor(dialogRef, data) {
|
|
19
|
-
this.dialogRef = dialogRef;
|
|
20
|
-
this.data = data;
|
|
21
|
-
this.columns = [];
|
|
22
|
-
this.reset = false;
|
|
23
|
-
this.resetFields = [];
|
|
24
|
-
this.resetTrigger = new Subject();
|
|
25
|
-
this.resetColumnNames = false;
|
|
26
|
-
this.namingConvention = "CAMEL";
|
|
27
|
-
}
|
|
28
|
-
ngOnInit() {
|
|
29
|
-
this.columns = this.data.columns;
|
|
30
|
-
this.reset = this.data.reset;
|
|
31
|
-
this.resetFields = this.data.resetFields;
|
|
32
|
-
this.resetColumnNames = this.data.resetColumnNames;
|
|
33
|
-
this.namingConvention = this.data.namingConvention;
|
|
34
|
-
}
|
|
35
|
-
updateSettings() {
|
|
36
|
-
this.dialogRef.close({ columns: _.filter(this.columns, 'selected'), resetColumnNames: this.resetColumnNames, namingConvention: this.namingConvention });
|
|
37
|
-
}
|
|
38
|
-
resetColumns() {
|
|
39
|
-
this.columns = this.resetFields;
|
|
40
|
-
setTimeout(() => {
|
|
41
|
-
this.resetTrigger.next(Date.now());
|
|
42
|
-
}, 0);
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
DatasetColumnSettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DatasetColumnSettingsComponent, deps: [{ token: i1.MatLegacyDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
|
|
46
|
-
DatasetColumnSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DatasetColumnSettingsComponent, selector: "ki-dataset-column-settings", host: { classAttribute: "dialog-wrapper" }, ngImport: i0, template: "<div class=\"dialog\" cdkDrag cdkDragRootElement=\".cdk-overlay-pane\">\n\n <div class=\"dialog-title\" cdkDragHandle>\n <h2 mat-dialog-title>Table Column Settings</h2>\n\n <button mat-icon-button mat-dialog-close>\n <mat-icon>clear</mat-icon>\n </button>\n </div>\n\n <div class=\"dialog-content pt-0 pr-0 pb-4 pl-0\">\n\n <div class=\"bg-blue-50 p-4 border-t\">\n <div class=\"flex\">\n <div class=\"flex-shrink-0\">\n <!-- Heroicon name: mini/information-circle -->\n <svg class=\"h-5 w-5 text-blue-400\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\"\n fill=\"currentColor\" aria-hidden=\"true\">\n <path fill-rule=\"evenodd\"\n d=\"M19 10.5a8.5 8.5 0 11-17 0 8.5 8.5 0 0117 0zM8.25 9.75A.75.75 0 019 9h.253a1.75 1.75 0 011.709 2.13l-.46 2.066a.25.25 0 00.245.304H11a.75.75 0 010 1.5h-.253a1.75 1.75 0 01-1.709-2.13l.46-2.066a.25.25 0 00-.245-.304H9a.75.75 0 01-.75-.75zM10 7a1 1 0 100-2 1 1 0 000 2z\"\n clip-rule=\"evenodd\"/>\n </svg>\n </div>\n <div class=\"ml-3 flex-1 md:flex md:justify-between\">\n <p class=\"text-sm text-blue-700 mb-0\">\n <b>Select</b> which columns you would like to keep using the checkboxes. <b>Drag</b> the column\n rows using the handle to the right to reorder the columns. <b>Rename</b> any of the columns\n using the associated input boxes.\n </p>\n\n </div>\n </div>\n </div>\n\n <div *ngIf=\"reset\" class=\"bg-yellow-50 p-4\">\n <div class=\"flex\">\n <div class=\"flex-shrink-0\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n stroke=\"currentColor\" class=\"h-5 w-5 text-yellow-500\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99\" />\n </svg>\n </div>\n <div class=\"ml-3\">\n <p class=\"text-sm text-yellow-700 mb-0\">\n <a (click)=\"resetColumns()\" class=\"font-medium text-yellow-700 underline hover:text-yellow-600\">Revert changes back to original</a>\n </p>\n </div>\n </div>\n </div>\n\n <div class=\"align-center px-6 pt-4\">\n <div class=\"show-hide\">\n <mat-checkbox [(ngModel)]=\"resetColumnNames\"></mat-checkbox>\n </div>\n <div class=\"font-medium ml-6\"> Update Column Names using Titles</div>\n </div>\n <div class=\"text-gray-500 text-xs pl-6 pb-4 pt-1\">Change the underlying column names to match the titles based on the supplied format.</div>\n\n <div class=\"align-center px-6 pb-4\" *ngIf=\"resetColumnNames\">\n <div class=\"font-medium\">Column Name Format </div>\n <div class=\"show-hide\">\n <mat-select [(ngModel)]=\"namingConvention\" class=\"p-2 mr-4 w-64\">\n <mat-option value=\"CAMEL\">Camel Case</mat-option>\n <mat-option value=\"UNDERSCORE\">Underscored</mat-option>\n </mat-select>\n </div>\n </div>\n\n <hr>\n\n <ki-dataset-column-editor [(columns)]=\"columns\" [titleOnly]=\"true\"\n [resetTrigger]=\"resetTrigger\"></ki-dataset-column-editor>\n\n\n </div>\n\n <div class=\"dialog-footer\">\n <button mat-stroked-button color=\"primary\" mat-dialog-close>Cancel</button>\n\n <button mat-flat-button color=\"primary\" (click)=\"updateSettings()\">Update Settings\n </button>\n </div>\n\n</div>\n\n\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatLegacyButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i1.MatLegacyDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatLegacyDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i5.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i5.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i8.MatLegacyOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i9.MatLegacyCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i10.DatasetColumnEditorComponent, selector: "ki-dataset-column-editor", inputs: ["columns", "toggleAll", "titleOnly", "resetTrigger"], outputs: ["columnsChange"] }] });
|
|
47
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DatasetColumnSettingsComponent, decorators: [{
|
|
48
|
-
type: Component,
|
|
49
|
-
args: [{ selector: 'ki-dataset-column-settings', host: { class: 'dialog-wrapper' }, template: "<div class=\"dialog\" cdkDrag cdkDragRootElement=\".cdk-overlay-pane\">\n\n <div class=\"dialog-title\" cdkDragHandle>\n <h2 mat-dialog-title>Table Column Settings</h2>\n\n <button mat-icon-button mat-dialog-close>\n <mat-icon>clear</mat-icon>\n </button>\n </div>\n\n <div class=\"dialog-content pt-0 pr-0 pb-4 pl-0\">\n\n <div class=\"bg-blue-50 p-4 border-t\">\n <div class=\"flex\">\n <div class=\"flex-shrink-0\">\n <!-- Heroicon name: mini/information-circle -->\n <svg class=\"h-5 w-5 text-blue-400\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\"\n fill=\"currentColor\" aria-hidden=\"true\">\n <path fill-rule=\"evenodd\"\n d=\"M19 10.5a8.5 8.5 0 11-17 0 8.5 8.5 0 0117 0zM8.25 9.75A.75.75 0 019 9h.253a1.75 1.75 0 011.709 2.13l-.46 2.066a.25.25 0 00.245.304H11a.75.75 0 010 1.5h-.253a1.75 1.75 0 01-1.709-2.13l.46-2.066a.25.25 0 00-.245-.304H9a.75.75 0 01-.75-.75zM10 7a1 1 0 100-2 1 1 0 000 2z\"\n clip-rule=\"evenodd\"/>\n </svg>\n </div>\n <div class=\"ml-3 flex-1 md:flex md:justify-between\">\n <p class=\"text-sm text-blue-700 mb-0\">\n <b>Select</b> which columns you would like to keep using the checkboxes. <b>Drag</b> the column\n rows using the handle to the right to reorder the columns. <b>Rename</b> any of the columns\n using the associated input boxes.\n </p>\n\n </div>\n </div>\n </div>\n\n <div *ngIf=\"reset\" class=\"bg-yellow-50 p-4\">\n <div class=\"flex\">\n <div class=\"flex-shrink-0\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n stroke=\"currentColor\" class=\"h-5 w-5 text-yellow-500\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99\" />\n </svg>\n </div>\n <div class=\"ml-3\">\n <p class=\"text-sm text-yellow-700 mb-0\">\n <a (click)=\"resetColumns()\" class=\"font-medium text-yellow-700 underline hover:text-yellow-600\">Revert changes back to original</a>\n </p>\n </div>\n </div>\n </div>\n\n <div class=\"align-center px-6 pt-4\">\n <div class=\"show-hide\">\n <mat-checkbox [(ngModel)]=\"resetColumnNames\"></mat-checkbox>\n </div>\n <div class=\"font-medium ml-6\"> Update Column Names using Titles</div>\n </div>\n <div class=\"text-gray-500 text-xs pl-6 pb-4 pt-1\">Change the underlying column names to match the titles based on the supplied format.</div>\n\n <div class=\"align-center px-6 pb-4\" *ngIf=\"resetColumnNames\">\n <div class=\"font-medium\">Column Name Format </div>\n <div class=\"show-hide\">\n <mat-select [(ngModel)]=\"namingConvention\" class=\"p-2 mr-4 w-64\">\n <mat-option value=\"CAMEL\">Camel Case</mat-option>\n <mat-option value=\"UNDERSCORE\">Underscored</mat-option>\n </mat-select>\n </div>\n </div>\n\n <hr>\n\n <ki-dataset-column-editor [(columns)]=\"columns\" [titleOnly]=\"true\"\n [resetTrigger]=\"resetTrigger\"></ki-dataset-column-editor>\n\n\n </div>\n\n <div class=\"dialog-footer\">\n <button mat-stroked-button color=\"primary\" mat-dialog-close>Cancel</button>\n\n <button mat-flat-button color=\"primary\" (click)=\"updateSettings()\">Update Settings\n </button>\n </div>\n\n</div>\n\n\n" }]
|
|
50
|
-
}], ctorParameters: function () { return [{ type: i1.MatLegacyDialogRef }, { type: undefined, decorators: [{
|
|
51
|
-
type: Inject,
|
|
52
|
-
args: [MAT_DIALOG_DATA]
|
|
53
|
-
}] }]; } });
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YXNldC1jb2x1bW4tc2V0dGluZ3MuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmcta2luaW50ZWwvc3JjL2xpYi9jb21wb25lbnRzL2RhdGFzZXQvZGF0YXNldC1lZGl0b3IvZGF0YXNldC1jb2x1bW4tc2V0dGluZ3MvZGF0YXNldC1jb2x1bW4tc2V0dGluZ3MuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmcta2luaW50ZWwvc3JjL2xpYi9jb21wb25lbnRzL2RhdGFzZXQvZGF0YXNldC1lZGl0b3IvZGF0YXNldC1jb2x1bW4tc2V0dGluZ3MvZGF0YXNldC1jb2x1bW4tc2V0dGluZ3MuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxNQUFNLEVBQVMsTUFBTSxlQUFlLENBQUM7QUFDeEQsT0FBTyxFQUNILHNCQUFzQixJQUFJLGVBQWUsRUFFNUMsTUFBTSxpQ0FBaUMsQ0FBQztBQUN6QyxPQUFPLEtBQUssTUFBTSxNQUFNLFFBQVEsQ0FBQztBQUdqQyxPQUFPLEVBQUMsT0FBTyxFQUFDLE1BQU0sTUFBTSxDQUFDOzs7Ozs7Ozs7Ozs7QUFEN0IsTUFBTSxDQUFDLEdBQUcsTUFBTSxDQUFDLE9BQU8sQ0FBQztBQVN6QixNQUFNLE9BQU8sOEJBQThCO0lBU3ZDLFlBQW1CLFNBQXVELEVBQzlCLElBQVM7UUFEbEMsY0FBUyxHQUFULFNBQVMsQ0FBOEM7UUFDOUIsU0FBSSxHQUFKLElBQUksQ0FBSztRQVI5QyxZQUFPLEdBQVEsRUFBRSxDQUFDO1FBQ2xCLFVBQUssR0FBRyxLQUFLLENBQUM7UUFDZCxnQkFBVyxHQUFHLEVBQUUsQ0FBQztRQUNqQixpQkFBWSxHQUFHLElBQUksT0FBTyxFQUFFLENBQUM7UUFDN0IscUJBQWdCLEdBQVksS0FBSyxDQUFDO1FBQ2xDLHFCQUFnQixHQUFXLE9BQU8sQ0FBQztJQUkxQyxDQUFDO0lBRUQsUUFBUTtRQUNKLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUM7UUFDakMsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQztRQUM3QixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDO1FBQ3pDLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDO1FBQ25ELElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDO0lBQ3ZELENBQUM7SUFFTSxjQUFjO1FBQ2pCLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEVBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxVQUFVLENBQUMsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixFQUFDLENBQUMsQ0FBQztJQUMxSixDQUFDO0lBRU0sWUFBWTtRQUNmLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQztRQUNoQyxVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ1osSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUM7UUFDdkMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQ1YsQ0FBQzs7NEhBOUJRLDhCQUE4QixvREFVbkIsZUFBZTtnSEFWMUIsOEJBQThCLDhHQ2hCM0MsMGtJQXNGQTs0RkR0RWEsOEJBQThCO2tCQU4xQyxTQUFTOytCQUNJLDRCQUE0QixRQUdoQyxFQUFDLEtBQUssRUFBRSxnQkFBZ0IsRUFBQzs7MEJBWWxCLE1BQU07MkJBQUMsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbmplY3QsIE9uSW5pdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICAgIE1BVF9MRUdBQ1lfRElBTE9HX0RBVEEgYXMgTUFUX0RJQUxPR19EQVRBLFxuICAgIE1hdExlZ2FjeURpYWxvZ1JlZiBhcyBNYXREaWFsb2dSZWZcbn0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvbGVnYWN5LWRpYWxvZyc7XG5pbXBvcnQgKiBhcyBsb2Rhc2ggZnJvbSAnbG9kYXNoJztcblxuY29uc3QgXyA9IGxvZGFzaC5kZWZhdWx0O1xuaW1wb3J0IHtTdWJqZWN0fSBmcm9tICdyeGpzJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdraS1kYXRhc2V0LWNvbHVtbi1zZXR0aW5ncycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2RhdGFzZXQtY29sdW1uLXNldHRpbmdzLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9kYXRhc2V0LWNvbHVtbi1zZXR0aW5ncy5jb21wb25lbnQuc2FzcyddLFxuICAgIGhvc3Q6IHtjbGFzczogJ2RpYWxvZy13cmFwcGVyJ31cbn0pXG5leHBvcnQgY2xhc3MgRGF0YXNldENvbHVtblNldHRpbmdzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICAgIHB1YmxpYyBjb2x1bW5zOiBhbnkgPSBbXTtcbiAgICBwdWJsaWMgcmVzZXQgPSBmYWxzZTtcbiAgICBwdWJsaWMgcmVzZXRGaWVsZHMgPSBbXTtcbiAgICBwdWJsaWMgcmVzZXRUcmlnZ2VyID0gbmV3IFN1YmplY3QoKTtcbiAgICBwdWJsaWMgcmVzZXRDb2x1bW5OYW1lczogYm9vbGVhbiA9IGZhbHNlO1xuICAgIHB1YmxpYyBuYW1pbmdDb252ZW50aW9uOiBzdHJpbmcgPSBcIkNBTUVMXCI7XG5cbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8RGF0YXNldENvbHVtblNldHRpbmdzQ29tcG9uZW50PixcbiAgICAgICAgICAgICAgICBASW5qZWN0KE1BVF9ESUFMT0dfREFUQSkgcHVibGljIGRhdGE6IGFueSkge1xuICAgIH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLmNvbHVtbnMgPSB0aGlzLmRhdGEuY29sdW1ucztcbiAgICAgICAgdGhpcy5yZXNldCA9IHRoaXMuZGF0YS5yZXNldDtcbiAgICAgICAgdGhpcy5yZXNldEZpZWxkcyA9IHRoaXMuZGF0YS5yZXNldEZpZWxkcztcbiAgICAgICAgdGhpcy5yZXNldENvbHVtbk5hbWVzID0gdGhpcy5kYXRhLnJlc2V0Q29sdW1uTmFtZXM7XG4gICAgICAgIHRoaXMubmFtaW5nQ29udmVudGlvbiA9IHRoaXMuZGF0YS5uYW1pbmdDb252ZW50aW9uO1xuICAgIH1cblxuICAgIHB1YmxpYyB1cGRhdGVTZXR0aW5ncygpIHtcbiAgICAgICAgdGhpcy5kaWFsb2dSZWYuY2xvc2Uoe2NvbHVtbnM6IF8uZmlsdGVyKHRoaXMuY29sdW1ucywgJ3NlbGVjdGVkJyksIHJlc2V0Q29sdW1uTmFtZXM6IHRoaXMucmVzZXRDb2x1bW5OYW1lcywgbmFtaW5nQ29udmVudGlvbjogdGhpcy5uYW1pbmdDb252ZW50aW9ufSk7XG4gICAgfVxuXG4gICAgcHVibGljIHJlc2V0Q29sdW1ucygpIHtcbiAgICAgICAgdGhpcy5jb2x1bW5zID0gdGhpcy5yZXNldEZpZWxkcztcbiAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICB0aGlzLnJlc2V0VHJpZ2dlci5uZXh0KERhdGUubm93KCkpO1xuICAgICAgICB9LCAwKTtcbiAgICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJkaWFsb2dcIiBjZGtEcmFnIGNka0RyYWdSb290RWxlbWVudD1cIi5jZGstb3ZlcmxheS1wYW5lXCI+XG5cbiAgICA8ZGl2IGNsYXNzPVwiZGlhbG9nLXRpdGxlXCIgY2RrRHJhZ0hhbmRsZT5cbiAgICAgICAgPGgyIG1hdC1kaWFsb2ctdGl0bGU+VGFibGUgQ29sdW1uIFNldHRpbmdzPC9oMj5cblxuICAgICAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiBtYXQtZGlhbG9nLWNsb3NlPlxuICAgICAgICAgICAgPG1hdC1pY29uPmNsZWFyPC9tYXQtaWNvbj5cbiAgICAgICAgPC9idXR0b24+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2IGNsYXNzPVwiZGlhbG9nLWNvbnRlbnQgcHQtMCBwci0wIHBiLTQgcGwtMFwiPlxuXG4gICAgICAgIDxkaXYgY2xhc3M9XCJiZy1ibHVlLTUwIHAtNCBib3JkZXItdFwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXhcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleC1zaHJpbmstMFwiPlxuICAgICAgICAgICAgICAgICAgICA8IS0tIEhlcm9pY29uIG5hbWU6IG1pbmkvaW5mb3JtYXRpb24tY2lyY2xlIC0tPlxuICAgICAgICAgICAgICAgICAgICA8c3ZnIGNsYXNzPVwiaC01IHctNSB0ZXh0LWJsdWUtNDAwXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHZpZXdCb3g9XCIwIDAgMjAgMjBcIlxuICAgICAgICAgICAgICAgICAgICAgICAgIGZpbGw9XCJjdXJyZW50Q29sb3JcIiBhcmlhLWhpZGRlbj1cInRydWVcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGZpbGwtcnVsZT1cImV2ZW5vZGRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZD1cIk0xOSAxMC41YTguNSA4LjUgMCAxMS0xNyAwIDguNSA4LjUgMCAwMTE3IDB6TTguMjUgOS43NUEuNzUuNzUgMCAwMTkgOWguMjUzYTEuNzUgMS43NSAwIDAxMS43MDkgMi4xM2wtLjQ2IDIuMDY2YS4yNS4yNSAwIDAwLjI0NS4zMDRIMTFhLjc1Ljc1IDAgMDEwIDEuNWgtLjI1M2ExLjc1IDEuNzUgMCAwMS0xLjcwOS0yLjEzbC40Ni0yLjA2NmEuMjUuMjUgMCAwMC0uMjQ1LS4zMDRIOWEuNzUuNzUgMCAwMS0uNzUtLjc1ek0xMCA3YTEgMSAwIDEwMC0yIDEgMSAwIDAwMCAyelwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGlwLXJ1bGU9XCJldmVub2RkXCIvPlxuICAgICAgICAgICAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibWwtMyBmbGV4LTEgbWQ6ZmxleCBtZDpqdXN0aWZ5LWJldHdlZW5cIj5cbiAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJ0ZXh0LXNtIHRleHQtYmx1ZS03MDAgbWItMFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGI+U2VsZWN0PC9iPiB3aGljaCBjb2x1bW5zIHlvdSB3b3VsZCBsaWtlIHRvIGtlZXAgdXNpbmcgdGhlIGNoZWNrYm94ZXMuIDxiPkRyYWc8L2I+IHRoZSBjb2x1bW5cbiAgICAgICAgICAgICAgICAgICAgICAgIHJvd3MgdXNpbmcgdGhlIGhhbmRsZSB0byB0aGUgcmlnaHQgdG8gcmVvcmRlciB0aGUgY29sdW1ucy4gPGI+UmVuYW1lPC9iPiBhbnkgb2YgdGhlIGNvbHVtbnNcbiAgICAgICAgICAgICAgICAgICAgICAgIHVzaW5nIHRoZSBhc3NvY2lhdGVkIGlucHV0IGJveGVzLlxuICAgICAgICAgICAgICAgICAgICA8L3A+XG5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8ZGl2ICpuZ0lmPVwicmVzZXRcIiBjbGFzcz1cImJnLXllbGxvdy01MCBwLTRcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4XCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXgtc2hyaW5rLTBcIj5cbiAgICAgICAgICAgICAgICAgICAgPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgZmlsbD1cIm5vbmVcIiB2aWV3Qm94PVwiMCAwIDI0IDI0XCIgc3Ryb2tlLXdpZHRoPVwiMS41XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICBzdHJva2U9XCJjdXJyZW50Q29sb3JcIiBjbGFzcz1cImgtNSB3LTUgdGV4dC15ZWxsb3ctNTAwXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBzdHJva2UtbGluZWNhcD1cInJvdW5kXCIgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIiBkPVwiTTE2LjAyMyA5LjM0OGg0Ljk5MnYtLjAwMU0yLjk4NSAxOS42NDR2LTQuOTkybTAgMGg0Ljk5Mm0tNC45OTMgMCAzLjE4MSAzLjE4M2E4LjI1IDguMjUgMCAwIDAgMTMuODAzLTMuN000LjAzMSA5Ljg2NWE4LjI1IDguMjUgMCAwIDEgMTMuODAzLTMuN2wzLjE4MSAzLjE4Mm0wLTQuOTkxdjQuOTlcIiAvPlxuICAgICAgICAgICAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibWwtM1wiPlxuICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInRleHQtc20gdGV4dC15ZWxsb3ctNzAwIG1iLTBcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxhIChjbGljayk9XCJyZXNldENvbHVtbnMoKVwiIGNsYXNzPVwiZm9udC1tZWRpdW0gdGV4dC15ZWxsb3ctNzAwIHVuZGVybGluZSBob3Zlcjp0ZXh0LXllbGxvdy02MDBcIj5SZXZlcnQgY2hhbmdlcyBiYWNrIHRvIG9yaWdpbmFsPC9hPlxuICAgICAgICAgICAgICAgICAgICA8L3A+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cImFsaWduLWNlbnRlciBweC02IHB0LTRcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzaG93LWhpZGVcIj5cbiAgICAgICAgICAgICAgICA8bWF0LWNoZWNrYm94IFsobmdNb2RlbCldPVwicmVzZXRDb2x1bW5OYW1lc1wiPjwvbWF0LWNoZWNrYm94PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZm9udC1tZWRpdW0gbWwtNlwiPiZuYnNwOyZuYnNwO1VwZGF0ZSBDb2x1bW4gTmFtZXMgdXNpbmcgVGl0bGVzPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwidGV4dC1ncmF5LTUwMCB0ZXh0LXhzIHBsLTYgcGItNCBwdC0xXCI+Q2hhbmdlIHRoZSB1bmRlcmx5aW5nIGNvbHVtbiBuYW1lcyB0byBtYXRjaCB0aGUgdGl0bGVzIGJhc2VkIG9uIHRoZSBzdXBwbGllZCBmb3JtYXQuPC9kaXY+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cImFsaWduLWNlbnRlciBweC02IHBiLTRcIiAqbmdJZj1cInJlc2V0Q29sdW1uTmFtZXNcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmb250LW1lZGl1bVwiPkNvbHVtbiBOYW1lIEZvcm1hdCZuYnNwOyZuYnNwOzwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNob3ctaGlkZVwiPlxuICAgICAgICAgICAgICAgIDxtYXQtc2VsZWN0IFsobmdNb2RlbCldPVwibmFtaW5nQ29udmVudGlvblwiIGNsYXNzPVwicC0yIG1yLTQgdy02NFwiPlxuICAgICAgICAgICAgICAgICAgICA8bWF0LW9wdGlvbiB2YWx1ZT1cIkNBTUVMXCI+Q2FtZWwgQ2FzZTwvbWF0LW9wdGlvbj5cbiAgICAgICAgICAgICAgICAgICAgPG1hdC1vcHRpb24gdmFsdWU9XCJVTkRFUlNDT1JFXCI+VW5kZXJzY29yZWQ8L21hdC1vcHRpb24+XG4gICAgICAgICAgICAgICAgPC9tYXQtc2VsZWN0PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDxocj5cblxuICAgICAgICA8a2ktZGF0YXNldC1jb2x1bW4tZWRpdG9yIFsoY29sdW1ucyldPVwiY29sdW1uc1wiIFt0aXRsZU9ubHldPVwidHJ1ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3Jlc2V0VHJpZ2dlcl09XCJyZXNldFRyaWdnZXJcIj48L2tpLWRhdGFzZXQtY29sdW1uLWVkaXRvcj5cblxuXG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2IGNsYXNzPVwiZGlhbG9nLWZvb3RlclwiPlxuICAgICAgICA8YnV0dG9uIG1hdC1zdHJva2VkLWJ1dHRvbiBjb2xvcj1cInByaW1hcnlcIiBtYXQtZGlhbG9nLWNsb3NlPkNhbmNlbDwvYnV0dG9uPlxuXG4gICAgICAgIDxidXR0b24gbWF0LWZsYXQtYnV0dG9uIGNvbG9yPVwicHJpbWFyeVwiIChjbGljayk9XCJ1cGRhdGVTZXR0aW5ncygpXCI+VXBkYXRlIFNldHRpbmdzXG4gICAgICAgIDwvYnV0dG9uPlxuICAgIDwvZGl2PlxuXG48L2Rpdj5cblxuXG4iXX0=
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
import { Component, Inject } from '@angular/core';
|
|
2
|
-
import { MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA } from '@angular/material/legacy-dialog';
|
|
3
|
-
import * as lodash from 'lodash';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@angular/material/legacy-dialog";
|
|
6
|
-
import * as i2 from "@angular/common";
|
|
7
|
-
import * as i3 from "@angular/material/legacy-button";
|
|
8
|
-
import * as i4 from "@angular/material/icon";
|
|
9
|
-
import * as i5 from "@angular/cdk/drag-drop";
|
|
10
|
-
import * as i6 from "@angular/forms";
|
|
11
|
-
import * as i7 from "../../../whitelisted-sql-functions/whitelisted-sql-functions.component";
|
|
12
|
-
const _ = lodash.default;
|
|
13
|
-
export class DatasetCreateFormulaComponent {
|
|
14
|
-
constructor(dialogRef, data) {
|
|
15
|
-
this.dialogRef = dialogRef;
|
|
16
|
-
this.data = data;
|
|
17
|
-
this.formulas = [{}];
|
|
18
|
-
this.allColumns = [];
|
|
19
|
-
this._ = _;
|
|
20
|
-
}
|
|
21
|
-
ngOnInit() {
|
|
22
|
-
this.allColumns = this.data.allColumns;
|
|
23
|
-
this.formulas = this.data.formulas || [{}];
|
|
24
|
-
this.formulas.map(formula => {
|
|
25
|
-
if (formula.expression) {
|
|
26
|
-
formula.expression = decodeURIComponent(formula.expression);
|
|
27
|
-
}
|
|
28
|
-
return formula;
|
|
29
|
-
});
|
|
30
|
-
}
|
|
31
|
-
addFormula() {
|
|
32
|
-
this.formulas.push({});
|
|
33
|
-
setTimeout(() => {
|
|
34
|
-
const formulaScroll = document.getElementById('formula-scroll');
|
|
35
|
-
formulaScroll.scrollTop = formulaScroll.scrollHeight;
|
|
36
|
-
}, 0);
|
|
37
|
-
}
|
|
38
|
-
removeFormula(i) {
|
|
39
|
-
this.formulas.splice(i, 1);
|
|
40
|
-
}
|
|
41
|
-
createFormula() {
|
|
42
|
-
this.matchColumnName();
|
|
43
|
-
this.dialogRef.close(this.formulas);
|
|
44
|
-
}
|
|
45
|
-
close() {
|
|
46
|
-
this.matchColumnName();
|
|
47
|
-
this.dialogRef.close();
|
|
48
|
-
}
|
|
49
|
-
matchColumnName() {
|
|
50
|
-
this.formulas.map(formula => {
|
|
51
|
-
if (formula.expression) {
|
|
52
|
-
formula.expression = encodeURIComponent(formula.expression);
|
|
53
|
-
}
|
|
54
|
-
return formula;
|
|
55
|
-
});
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
DatasetCreateFormulaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DatasetCreateFormulaComponent, deps: [{ token: i1.MatLegacyDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
|
|
59
|
-
DatasetCreateFormulaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DatasetCreateFormulaComponent, selector: "ki-dataset-create-formula", host: { classAttribute: "dialog-wrapper" }, ngImport: i0, template: "<div class=\"dialog\" cdkDrag cdkDragRootElement=\".cdk-overlay-pane\">\n\n <div class=\"dialog-title\" cdkDragHandle>\n <h2 mat-dialog-title>Create Formula</h2>\n\n <button mat-icon-button (click)=\"close()\">\n <mat-icon>clear</mat-icon>\n </button>\n </div>\n\n <div class=\"dialog-content p-4\">\n\n <div class=\"border-t bg-blue-50 p-4 -mt-4 -mx-4 mb-4\">\n <div class=\"flex\">\n <div class=\"flex-shrink-0\">\n <!-- Heroicon name: mini/information-circle -->\n <svg class=\"h-5 w-5 text-blue-400\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\"\n fill=\"currentColor\" aria-hidden=\"true\">\n <path fill-rule=\"evenodd\"\n d=\"M19 10.5a8.5 8.5 0 11-17 0 8.5 8.5 0 0117 0zM8.25 9.75A.75.75 0 019 9h.253a1.75 1.75 0 011.709 2.13l-.46 2.066a.25.25 0 00.245.304H11a.75.75 0 010 1.5h-.253a1.75 1.75 0 01-1.709-2.13l.46-2.066a.25.25 0 00-.245-.304H9a.75.75 0 01-.75-.75zM10 7a1 1 0 100-2 1 1 0 000 2z\"\n clip-rule=\"evenodd\"/>\n </svg>\n </div>\n <div class=\"ml-3 flex-1 md:flex md:justify-between\">\n <p class=\"text-sm text-blue-700 mb-0\">\n Use Formulas to create new derived columns from other columns. Use the inline\n <b>Documentation</b> below to see which columns and functions are available and how\n they can be used.\n </p>\n\n </div>\n </div>\n </div>\n\n <div class=\"formula-container\" *ngFor=\"let formula of formulas; let i = index\">\n <div class=\"formula-fields\">\n <label>\n Column label\n <input type=\"text\" [(ngModel)]=\"formula.fieldTitle\">\n </label>\n\n <label>\n Expression\n <textarea name=\"\" id=\"\" cols=\"30\" rows=\"2\" [(ngModel)]=\"formula.expression\"></textarea>\n </label>\n </div>\n\n <button mat-icon-button color=\"warn\" (click)=\"removeFormula(i)\">\n <mat-icon>remove_circle_outline</mat-icon>\n </button>\n </div>\n\n <ki-whitelisted-sql-functions [fields]=\"allColumns\"></ki-whitelisted-sql-functions>\n </div>\n\n <div class=\"dialog-footer\">\n <button mat-stroked-button color=\"primary\" (click)=\"close()\">Cancel</button>\n\n <button mat-flat-button color=\"primary\" (click)=\"createFormula()\"\n [disabled]=\"!_.every(this.formulas, 'fieldTitle') ||\n !_.every(this.formulas, 'expression')\">\n Create Formula\n </button>\n </div>\n\n</div>\n\n\n", styles: [".dialog-content{scroll-behavior:smooth}.formula-container{display:flex;align-items:center;justify-content:space-between;background-color:#f5f5f5;padding:1rem 1rem 1rem 1.5rem;margin-top:.5rem}.formula-container .formula-fields{flex:1;padding-right:1rem;margin-bottom:.5rem}.formula-container .formula-fields label{margin:.5rem 0}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.MatLegacyButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i1.MatLegacyDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i5.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i5.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.WhitelistedSqlFunctionsComponent, selector: "ki-whitelisted-sql-functions", inputs: ["search", "fields"] }] });
|
|
60
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DatasetCreateFormulaComponent, decorators: [{
|
|
61
|
-
type: Component,
|
|
62
|
-
args: [{ selector: 'ki-dataset-create-formula', host: { class: 'dialog-wrapper' }, template: "<div class=\"dialog\" cdkDrag cdkDragRootElement=\".cdk-overlay-pane\">\n\n <div class=\"dialog-title\" cdkDragHandle>\n <h2 mat-dialog-title>Create Formula</h2>\n\n <button mat-icon-button (click)=\"close()\">\n <mat-icon>clear</mat-icon>\n </button>\n </div>\n\n <div class=\"dialog-content p-4\">\n\n <div class=\"border-t bg-blue-50 p-4 -mt-4 -mx-4 mb-4\">\n <div class=\"flex\">\n <div class=\"flex-shrink-0\">\n <!-- Heroicon name: mini/information-circle -->\n <svg class=\"h-5 w-5 text-blue-400\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\"\n fill=\"currentColor\" aria-hidden=\"true\">\n <path fill-rule=\"evenodd\"\n d=\"M19 10.5a8.5 8.5 0 11-17 0 8.5 8.5 0 0117 0zM8.25 9.75A.75.75 0 019 9h.253a1.75 1.75 0 011.709 2.13l-.46 2.066a.25.25 0 00.245.304H11a.75.75 0 010 1.5h-.253a1.75 1.75 0 01-1.709-2.13l.46-2.066a.25.25 0 00-.245-.304H9a.75.75 0 01-.75-.75zM10 7a1 1 0 100-2 1 1 0 000 2z\"\n clip-rule=\"evenodd\"/>\n </svg>\n </div>\n <div class=\"ml-3 flex-1 md:flex md:justify-between\">\n <p class=\"text-sm text-blue-700 mb-0\">\n Use Formulas to create new derived columns from other columns. Use the inline\n <b>Documentation</b> below to see which columns and functions are available and how\n they can be used.\n </p>\n\n </div>\n </div>\n </div>\n\n <div class=\"formula-container\" *ngFor=\"let formula of formulas; let i = index\">\n <div class=\"formula-fields\">\n <label>\n Column label\n <input type=\"text\" [(ngModel)]=\"formula.fieldTitle\">\n </label>\n\n <label>\n Expression\n <textarea name=\"\" id=\"\" cols=\"30\" rows=\"2\" [(ngModel)]=\"formula.expression\"></textarea>\n </label>\n </div>\n\n <button mat-icon-button color=\"warn\" (click)=\"removeFormula(i)\">\n <mat-icon>remove_circle_outline</mat-icon>\n </button>\n </div>\n\n <ki-whitelisted-sql-functions [fields]=\"allColumns\"></ki-whitelisted-sql-functions>\n </div>\n\n <div class=\"dialog-footer\">\n <button mat-stroked-button color=\"primary\" (click)=\"close()\">Cancel</button>\n\n <button mat-flat-button color=\"primary\" (click)=\"createFormula()\"\n [disabled]=\"!_.every(this.formulas, 'fieldTitle') ||\n !_.every(this.formulas, 'expression')\">\n Create Formula\n </button>\n </div>\n\n</div>\n\n\n", styles: [".dialog-content{scroll-behavior:smooth}.formula-container{display:flex;align-items:center;justify-content:space-between;background-color:#f5f5f5;padding:1rem 1rem 1rem 1.5rem;margin-top:.5rem}.formula-container .formula-fields{flex:1;padding-right:1rem;margin-bottom:.5rem}.formula-container .formula-fields label{margin:.5rem 0}\n"] }]
|
|
63
|
-
}], ctorParameters: function () { return [{ type: i1.MatLegacyDialogRef }, { type: undefined, decorators: [{
|
|
64
|
-
type: Inject,
|
|
65
|
-
args: [MAT_DIALOG_DATA]
|
|
66
|
-
}] }]; } });
|
|
67
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YXNldC1jcmVhdGUtZm9ybXVsYS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1raW5pbnRlbC9zcmMvbGliL2NvbXBvbmVudHMvZGF0YXNldC9kYXRhc2V0LWVkaXRvci9kYXRhc2V0LWNyZWF0ZS1mb3JtdWxhL2RhdGFzZXQtY3JlYXRlLWZvcm11bGEuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmcta2luaW50ZWwvc3JjL2xpYi9jb21wb25lbnRzL2RhdGFzZXQvZGF0YXNldC1lZGl0b3IvZGF0YXNldC1jcmVhdGUtZm9ybXVsYS9kYXRhc2V0LWNyZWF0ZS1mb3JtdWxhLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFTLE1BQU0sZUFBZSxDQUFDO0FBQ3hELE9BQU8sRUFBQyxzQkFBc0IsSUFBSSxlQUFlLEVBQXFDLE1BQU0saUNBQWlDLENBQUM7QUFDOUgsT0FBTyxLQUFLLE1BQU0sTUFBTSxRQUFRLENBQUM7Ozs7Ozs7OztBQUNqQyxNQUFNLENBQUMsR0FBRyxNQUFNLENBQUMsT0FBTyxDQUFDO0FBUXpCLE1BQU0sT0FBTyw2QkFBNkI7SUFNdEMsWUFBbUIsU0FBc0QsRUFDN0IsSUFBUztRQURsQyxjQUFTLEdBQVQsU0FBUyxDQUE2QztRQUM3QixTQUFJLEdBQUosSUFBSSxDQUFLO1FBTDlDLGFBQVEsR0FBUSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ3JCLGVBQVUsR0FBUSxFQUFFLENBQUM7UUFDckIsTUFBQyxHQUFHLENBQUMsQ0FBQztJQUliLENBQUM7SUFFRCxRQUFRO1FBQ0osSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQztRQUN2QyxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDM0MsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLEVBQUU7WUFDeEIsSUFBSSxPQUFPLENBQUMsVUFBVSxFQUFFO2dCQUNwQixPQUFPLENBQUMsVUFBVSxHQUFHLGtCQUFrQixDQUFDLE9BQU8sQ0FBQyxVQUFVLENBQUMsQ0FBQzthQUMvRDtZQUVELE9BQU8sT0FBTyxDQUFDO1FBQ25CLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVNLFVBQVU7UUFDYixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUN2QixVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ1osTUFBTSxhQUFhLEdBQUcsUUFBUSxDQUFDLGNBQWMsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1lBQ2hFLGFBQWEsQ0FBQyxTQUFTLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQztRQUN6RCxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDVixDQUFDO0lBRU0sYUFBYSxDQUFDLENBQUM7UUFDbEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQy9CLENBQUM7SUFFTSxhQUFhO1FBQ2hCLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN2QixJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDeEMsQ0FBQztJQUVNLEtBQUs7UUFDUixJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDdkIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRU8sZUFBZTtRQUNuQixJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsRUFBRTtZQUN4QixJQUFJLE9BQU8sQ0FBQyxVQUFVLEVBQUU7Z0JBQ3BCLE9BQU8sQ0FBQyxVQUFVLEdBQUcsa0JBQWtCLENBQUMsT0FBTyxDQUFDLFVBQVUsQ0FBQyxDQUFDO2FBQy9EO1lBRUQsT0FBTyxPQUFPLENBQUM7UUFDbkIsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDOzsySEFwRFEsNkJBQTZCLG9EQU9sQixlQUFlOytHQVAxQiw2QkFBNkIsNkdDWDFDLG0zRkFvRUE7NEZEekRhLDZCQUE2QjtrQkFOekMsU0FBUzsrQkFDSSwyQkFBMkIsUUFHL0IsRUFBQyxLQUFLLEVBQUUsZ0JBQWdCLEVBQUM7OzBCQVNsQixNQUFNOzJCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5qZWN0LCBPbkluaXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtNQVRfTEVHQUNZX0RJQUxPR19EQVRBIGFzIE1BVF9ESUFMT0dfREFUQSwgTWF0TGVnYWN5RGlhbG9nUmVmIGFzIE1hdERpYWxvZ1JlZn0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvbGVnYWN5LWRpYWxvZyc7XG5pbXBvcnQgKiBhcyBsb2Rhc2ggZnJvbSAnbG9kYXNoJztcbmNvbnN0IF8gPSBsb2Rhc2guZGVmYXVsdDtcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdraS1kYXRhc2V0LWNyZWF0ZS1mb3JtdWxhJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZGF0YXNldC1jcmVhdGUtZm9ybXVsYS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZGF0YXNldC1jcmVhdGUtZm9ybXVsYS5jb21wb25lbnQuc2FzcyddLFxuICAgIGhvc3Q6IHtjbGFzczogJ2RpYWxvZy13cmFwcGVyJ31cbn0pXG5leHBvcnQgY2xhc3MgRGF0YXNldENyZWF0ZUZvcm11bGFDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gICAgcHVibGljIGZvcm11bGFzOiBhbnkgPSBbe31dO1xuICAgIHB1YmxpYyBhbGxDb2x1bW5zOiBhbnkgPSBbXTtcbiAgICBwdWJsaWMgXyA9IF87XG5cbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8RGF0YXNldENyZWF0ZUZvcm11bGFDb21wb25lbnQ+LFxuICAgICAgICAgICAgICAgIEBJbmplY3QoTUFUX0RJQUxPR19EQVRBKSBwdWJsaWMgZGF0YTogYW55KSB7XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuYWxsQ29sdW1ucyA9IHRoaXMuZGF0YS5hbGxDb2x1bW5zO1xuICAgICAgICB0aGlzLmZvcm11bGFzID0gdGhpcy5kYXRhLmZvcm11bGFzIHx8IFt7fV07XG4gICAgICAgIHRoaXMuZm9ybXVsYXMubWFwKGZvcm11bGEgPT4ge1xuICAgICAgICAgICAgaWYgKGZvcm11bGEuZXhwcmVzc2lvbikge1xuICAgICAgICAgICAgICAgIGZvcm11bGEuZXhwcmVzc2lvbiA9IGRlY29kZVVSSUNvbXBvbmVudChmb3JtdWxhLmV4cHJlc3Npb24pO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICByZXR1cm4gZm9ybXVsYTtcbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgcHVibGljIGFkZEZvcm11bGEoKSB7XG4gICAgICAgIHRoaXMuZm9ybXVsYXMucHVzaCh7fSk7XG4gICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgZm9ybXVsYVNjcm9sbCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdmb3JtdWxhLXNjcm9sbCcpO1xuICAgICAgICAgICAgZm9ybXVsYVNjcm9sbC5zY3JvbGxUb3AgPSBmb3JtdWxhU2Nyb2xsLnNjcm9sbEhlaWdodDtcbiAgICAgICAgfSwgMCk7XG4gICAgfVxuXG4gICAgcHVibGljIHJlbW92ZUZvcm11bGEoaSkge1xuICAgICAgICB0aGlzLmZvcm11bGFzLnNwbGljZShpLCAxKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgY3JlYXRlRm9ybXVsYSgpIHtcbiAgICAgICAgdGhpcy5tYXRjaENvbHVtbk5hbWUoKTtcbiAgICAgICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UodGhpcy5mb3JtdWxhcyk7XG4gICAgfVxuXG4gICAgcHVibGljIGNsb3NlKCkge1xuICAgICAgICB0aGlzLm1hdGNoQ29sdW1uTmFtZSgpO1xuICAgICAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZSgpO1xuICAgIH1cblxuICAgIHByaXZhdGUgbWF0Y2hDb2x1bW5OYW1lKCkge1xuICAgICAgICB0aGlzLmZvcm11bGFzLm1hcChmb3JtdWxhID0+IHtcbiAgICAgICAgICAgIGlmIChmb3JtdWxhLmV4cHJlc3Npb24pIHtcbiAgICAgICAgICAgICAgICBmb3JtdWxhLmV4cHJlc3Npb24gPSBlbmNvZGVVUklDb21wb25lbnQoZm9ybXVsYS5leHByZXNzaW9uKTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgcmV0dXJuIGZvcm11bGE7XG4gICAgICAgIH0pO1xuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJkaWFsb2dcIiBjZGtEcmFnIGNka0RyYWdSb290RWxlbWVudD1cIi5jZGstb3ZlcmxheS1wYW5lXCI+XG5cbiAgICA8ZGl2IGNsYXNzPVwiZGlhbG9nLXRpdGxlXCIgY2RrRHJhZ0hhbmRsZT5cbiAgICAgICAgPGgyIG1hdC1kaWFsb2ctdGl0bGU+Q3JlYXRlIEZvcm11bGE8L2gyPlxuXG4gICAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIChjbGljayk9XCJjbG9zZSgpXCI+XG4gICAgICAgICAgICA8bWF0LWljb24+Y2xlYXI8L21hdC1pY29uPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgY2xhc3M9XCJkaWFsb2ctY29udGVudCBwLTRcIj5cblxuICAgICAgICA8ZGl2IGNsYXNzPVwiYm9yZGVyLXQgYmctYmx1ZS01MCBwLTQgLW10LTQgLW14LTQgbWItNFwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXhcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleC1zaHJpbmstMFwiPlxuICAgICAgICAgICAgICAgICAgICA8IS0tIEhlcm9pY29uIG5hbWU6IG1pbmkvaW5mb3JtYXRpb24tY2lyY2xlIC0tPlxuICAgICAgICAgICAgICAgICAgICA8c3ZnIGNsYXNzPVwiaC01IHctNSB0ZXh0LWJsdWUtNDAwXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHZpZXdCb3g9XCIwIDAgMjAgMjBcIlxuICAgICAgICAgICAgICAgICAgICAgICAgIGZpbGw9XCJjdXJyZW50Q29sb3JcIiBhcmlhLWhpZGRlbj1cInRydWVcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGZpbGwtcnVsZT1cImV2ZW5vZGRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZD1cIk0xOSAxMC41YTguNSA4LjUgMCAxMS0xNyAwIDguNSA4LjUgMCAwMTE3IDB6TTguMjUgOS43NUEuNzUuNzUgMCAwMTkgOWguMjUzYTEuNzUgMS43NSAwIDAxMS43MDkgMi4xM2wtLjQ2IDIuMDY2YS4yNS4yNSAwIDAwLjI0NS4zMDRIMTFhLjc1Ljc1IDAgMDEwIDEuNWgtLjI1M2ExLjc1IDEuNzUgMCAwMS0xLjcwOS0yLjEzbC40Ni0yLjA2NmEuMjUuMjUgMCAwMC0uMjQ1LS4zMDRIOWEuNzUuNzUgMCAwMS0uNzUtLjc1ek0xMCA3YTEgMSAwIDEwMC0yIDEgMSAwIDAwMCAyelwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGlwLXJ1bGU9XCJldmVub2RkXCIvPlxuICAgICAgICAgICAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibWwtMyBmbGV4LTEgbWQ6ZmxleCBtZDpqdXN0aWZ5LWJldHdlZW5cIj5cbiAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJ0ZXh0LXNtIHRleHQtYmx1ZS03MDAgbWItMFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgVXNlIEZvcm11bGFzIHRvIGNyZWF0ZSBuZXcgZGVyaXZlZCBjb2x1bW5zIGZyb20gb3RoZXIgY29sdW1ucy4gVXNlIHRoZSBpbmxpbmVcbiAgICAgICAgICAgICAgICAgICAgICAgIDxiPkRvY3VtZW50YXRpb248L2I+IGJlbG93IHRvIHNlZSB3aGljaCBjb2x1bW5zIGFuZCBmdW5jdGlvbnMgYXJlIGF2YWlsYWJsZSBhbmQgaG93XG4gICAgICAgICAgICAgICAgICAgICAgICB0aGV5IGNhbiBiZSB1c2VkLlxuICAgICAgICAgICAgICAgICAgICA8L3A+XG5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8ZGl2IGNsYXNzPVwiZm9ybXVsYS1jb250YWluZXJcIiAqbmdGb3I9XCJsZXQgZm9ybXVsYSBvZiBmb3JtdWxhczsgbGV0IGkgPSBpbmRleFwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZvcm11bGEtZmllbGRzXCI+XG4gICAgICAgICAgICAgICAgPGxhYmVsPlxuICAgICAgICAgICAgICAgICAgICBDb2x1bW4gbGFiZWxcbiAgICAgICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9XCJ0ZXh0XCIgWyhuZ01vZGVsKV09XCJmb3JtdWxhLmZpZWxkVGl0bGVcIj5cbiAgICAgICAgICAgICAgICA8L2xhYmVsPlxuXG4gICAgICAgICAgICAgICAgPGxhYmVsPlxuICAgICAgICAgICAgICAgICAgICBFeHByZXNzaW9uXG4gICAgICAgICAgICAgICAgICAgIDx0ZXh0YXJlYSBuYW1lPVwiXCIgaWQ9XCJcIiBjb2xzPVwiMzBcIiByb3dzPVwiMlwiIFsobmdNb2RlbCldPVwiZm9ybXVsYS5leHByZXNzaW9uXCI+PC90ZXh0YXJlYT5cbiAgICAgICAgICAgICAgICA8L2xhYmVsPlxuICAgICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIGNvbG9yPVwid2FyblwiIChjbGljayk9XCJyZW1vdmVGb3JtdWxhKGkpXCI+XG4gICAgICAgICAgICAgICAgPG1hdC1pY29uPnJlbW92ZV9jaXJjbGVfb3V0bGluZTwvbWF0LWljb24+XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPGtpLXdoaXRlbGlzdGVkLXNxbC1mdW5jdGlvbnMgW2ZpZWxkc109XCJhbGxDb2x1bW5zXCI+PC9raS13aGl0ZWxpc3RlZC1zcWwtZnVuY3Rpb25zPlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdiBjbGFzcz1cImRpYWxvZy1mb290ZXJcIj5cbiAgICAgICAgPGJ1dHRvbiBtYXQtc3Ryb2tlZC1idXR0b24gY29sb3I9XCJwcmltYXJ5XCIgKGNsaWNrKT1cImNsb3NlKClcIj5DYW5jZWw8L2J1dHRvbj5cblxuICAgICAgICA8YnV0dG9uIG1hdC1mbGF0LWJ1dHRvbiBjb2xvcj1cInByaW1hcnlcIiAoY2xpY2spPVwiY3JlYXRlRm9ybXVsYSgpXCJcbiAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiIV8uZXZlcnkodGhpcy5mb3JtdWxhcywgJ2ZpZWxkVGl0bGUnKSB8fFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICFfLmV2ZXJ5KHRoaXMuZm9ybXVsYXMsICdleHByZXNzaW9uJylcIj5cbiAgICAgICAgICAgIENyZWF0ZSBGb3JtdWxhXG4gICAgICAgIDwvYnV0dG9uPlxuICAgIDwvZGl2PlxuXG48L2Rpdj5cblxuXG4iXX0=
|