novo-elements 11.0.3 → 11.1.0-next.1
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/elements/button/styles/button-primary.scss +0 -1
- package/elements/calendar/month-view/month-view.component.scss +0 -1
- package/elements/chips/Chips.scss +0 -3
- package/elements/common/option/optgroup.component.scss +0 -2
- package/elements/data-table/data-table.component.d.ts +12 -2
- package/elements/data-table/data-table.component.scss +4 -14
- package/elements/data-table/data-table.module.d.ts +13 -12
- package/elements/data-table/interfaces.d.ts +1 -0
- package/elements/date-picker/DateRangeInput.scss +0 -1
- package/elements/drag-drop/drag-drop-box.d.ts +23 -3
- package/elements/field/field.scss +0 -1
- package/elements/form/extras/file/FileInput.scss +1 -1
- package/elements/layout/content/layout-content.component.d.ts +1 -2
- package/elements/non-ideal-state/NonIdealState.scss +0 -1
- package/elements/picker/extras/picker-results/PickerResults.scss +0 -3
- package/elements/switch/Switch.scss +0 -1
- package/elements/time-picker/TimePicker.scss +0 -2
- package/fesm2022/novo-elements-elements-agenda.mjs +0 -85
- package/fesm2022/novo-elements-elements-agenda.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-aside.mjs +0 -1
- package/fesm2022/novo-elements-elements-aside.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-autocomplete.mjs +0 -8
- package/fesm2022/novo-elements-elements-autocomplete.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-avatar.mjs +0 -2
- package/fesm2022/novo-elements-elements-avatar.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-checkbox.mjs +0 -1
- package/fesm2022/novo-elements-elements-checkbox.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-color-picker.mjs +0 -4
- package/fesm2022/novo-elements-elements-color-picker.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-common.mjs +1 -23
- package/fesm2022/novo-elements-elements-common.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-data-table.mjs +70 -540
- package/fesm2022/novo-elements-elements-data-table.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-date-picker.mjs +1 -13
- package/fesm2022/novo-elements-elements-date-picker.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-drag-drop.mjs +147 -27
- package/fesm2022/novo-elements-elements-drag-drop.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-dropdown.mjs +1 -10
- package/fesm2022/novo-elements-elements-dropdown.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-expansion.mjs +1 -5
- package/fesm2022/novo-elements-elements-expansion.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-field.mjs +1 -15
- package/fesm2022/novo-elements-elements-field.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-flex.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-form.mjs +2 -15
- package/fesm2022/novo-elements-elements-form.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-layout.mjs +1 -5
- package/fesm2022/novo-elements-elements-layout.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-menu.mjs +2 -35
- package/fesm2022/novo-elements-elements-menu.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-picker.mjs +1 -4
- package/fesm2022/novo-elements-elements-picker.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-progress.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-radio.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-select-search.mjs +0 -14
- package/fesm2022/novo-elements-elements-select-search.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-select.mjs +0 -13
- package/fesm2022/novo-elements-elements-select.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-simple-table.mjs +0 -10
- package/fesm2022/novo-elements-elements-simple-table.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-time-picker.mjs +0 -38
- package/fesm2022/novo-elements-elements-time-picker.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-value.mjs.map +1 -1
- package/fesm2022/novo-elements-services.mjs +0 -13
- package/fesm2022/novo-elements-services.mjs.map +1 -1
- package/fesm2022/novo-elements-utils.mjs +1 -11
- package/fesm2022/novo-elements-utils.mjs.map +1 -1
- package/package.json +1 -1
- package/services/data-provider/ArrayCollection.d.ts +0 -10
- package/services/data-provider/Collection.d.ts +0 -9
- package/styles/content/forms.scss +0 -40
- package/styles/content/links.scss +0 -1
- package/styles/content/misc.scss +0 -1
- package/elements/field/toggle/picker-toggle.component.scss +0 -23
|
@@ -7,7 +7,12 @@ import { DataTableSource } from './data-table.source';
|
|
|
7
7
|
import { IDataTableColumn, IDataTablePaginationOptions, IDataTablePreferences, IDataTableSearchOptions, IDataTableSelectionOption, IDataTableService } from './interfaces';
|
|
8
8
|
import { ListInteractionDictionary, ListInteractionEvent } from './ListInteractionTypes';
|
|
9
9
|
import { DataTableState } from './state/data-table-state.service';
|
|
10
|
+
import { NovoDragFinishEvent } from 'novo-elements/elements/drag-drop';
|
|
10
11
|
import * as i0 from "@angular/core";
|
|
12
|
+
export type DataTablePreferenceUpdateSrc = 'columndrag' | 'input' | 'statesortchange' | 'pagination';
|
|
13
|
+
export interface IDataTablePreferencesChangeEvent extends IDataTablePreferences {
|
|
14
|
+
eventSrc: DataTablePreferenceUpdateSrc;
|
|
15
|
+
}
|
|
11
16
|
export declare class NovoDataTable<T> implements AfterContentInit, OnDestroy {
|
|
12
17
|
labels: NovoLabelService;
|
|
13
18
|
private ref;
|
|
@@ -43,6 +48,8 @@ export declare class NovoDataTable<T> implements AfterContentInit, OnDestroy {
|
|
|
43
48
|
allMatchingSelected: boolean;
|
|
44
49
|
overrideTotal: number;
|
|
45
50
|
paginationRefreshSubject: Subject<void>;
|
|
51
|
+
enableColumnDragging: boolean;
|
|
52
|
+
private dragEnabledByColumn;
|
|
46
53
|
set dataTableService(service: IDataTableService<T>);
|
|
47
54
|
set rows(rows: T[]);
|
|
48
55
|
set outsideFilter(outsideFilter: EventEmitter<any>);
|
|
@@ -61,7 +68,7 @@ export declare class NovoDataTable<T> implements AfterContentInit, OnDestroy {
|
|
|
61
68
|
set hideGlobalSearch(v: boolean);
|
|
62
69
|
get hideGlobalSearch(): boolean;
|
|
63
70
|
private _hideGlobalSearch;
|
|
64
|
-
preferencesChanged: EventEmitter<
|
|
71
|
+
preferencesChanged: EventEmitter<IDataTablePreferencesChangeEvent>;
|
|
65
72
|
allSelected: EventEmitter<{
|
|
66
73
|
allSelected: boolean;
|
|
67
74
|
selectedCount: number;
|
|
@@ -107,10 +114,13 @@ export declare class NovoDataTable<T> implements AfterContentInit, OnDestroy {
|
|
|
107
114
|
selectRow(row: T, origin?: string): void;
|
|
108
115
|
selectRows(selected: boolean): void;
|
|
109
116
|
allCurrentRowsSelected(): boolean;
|
|
117
|
+
columnDragFilter: (columnName: string) => boolean;
|
|
118
|
+
columnDragged(event: NovoDragFinishEvent<string>): void;
|
|
110
119
|
private configureLastDisplayedColumn;
|
|
111
120
|
private configureColumns;
|
|
121
|
+
private updateDisplayedColumns;
|
|
112
122
|
private scrollListener;
|
|
113
123
|
performInteractions(event: ListInteractionEvent): void;
|
|
114
124
|
static ɵfac: i0.ɵɵFactoryDeclaration<NovoDataTable<any>, never>;
|
|
115
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NovoDataTable<any>, "novo-data-table", never, { "displayedColumns": { "alias": "displayedColumns"; "required": false; }; "paginationOptions": { "alias": "paginationOptions"; "required": false; }; "searchOptions": { "alias": "searchOptions"; "required": false; }; "selectionOptions": { "alias": "selectionOptions"; "required": false; }; "defaultSort": { "alias": "defaultSort"; "required": false; }; "name": { "alias": "name"; "required": false; }; "allowMultipleFilters": { "alias": "allowMultipleFilters"; "required": false; }; "rowIdentifier": { "alias": "rowIdentifier"; "required": false; }; "activeRowIdentifier": { "alias": "activeRowIdentifier"; "required": false; }; "trackByFn": { "alias": "trackByFn"; "required": false; }; "templates": { "alias": "templates"; "required": false; }; "fixedHeader": { "alias": "fixedHeader"; "required": false; }; "paginatorDataFeatureId": { "alias": "paginatorDataFeatureId"; "required": false; }; "maxSelected": { "alias": "maxSelected"; "required": false; }; "canSelectAll": { "alias": "canSelectAll"; "required": false; }; "allMatchingSelected": { "alias": "allMatchingSelected"; "required": false; }; "overrideTotal": { "alias": "overrideTotal"; "required": false; }; "paginationRefreshSubject": { "alias": "paginationRefreshSubject"; "required": false; }; "dataTableService": { "alias": "dataTableService"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "outsideFilter": { "alias": "outsideFilter"; "required": false; }; "refreshSubject": { "alias": "refreshSubject"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "customFilter": { "alias": "customFilter"; "required": false; }; "hasExandedRows": { "alias": "hasExandedRows"; "required": false; }; "forceShowHeader": { "alias": "forceShowHeader"; "required": false; }; "hideGlobalSearch": { "alias": "hideGlobalSearch"; "required": false; }; "listInteractions": { "alias": "listInteractions"; "required": false; }; }, { "resized": "resized"; "preferencesChanged": "preferencesChanged"; "allSelected": "allSelected"; "toggledFilter": "toggledFilter"; }, ["customTemplates"], ["*"], false, never>;
|
|
125
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NovoDataTable<any>, "novo-data-table", never, { "displayedColumns": { "alias": "displayedColumns"; "required": false; }; "paginationOptions": { "alias": "paginationOptions"; "required": false; }; "searchOptions": { "alias": "searchOptions"; "required": false; }; "selectionOptions": { "alias": "selectionOptions"; "required": false; }; "defaultSort": { "alias": "defaultSort"; "required": false; }; "name": { "alias": "name"; "required": false; }; "allowMultipleFilters": { "alias": "allowMultipleFilters"; "required": false; }; "rowIdentifier": { "alias": "rowIdentifier"; "required": false; }; "activeRowIdentifier": { "alias": "activeRowIdentifier"; "required": false; }; "trackByFn": { "alias": "trackByFn"; "required": false; }; "templates": { "alias": "templates"; "required": false; }; "fixedHeader": { "alias": "fixedHeader"; "required": false; }; "paginatorDataFeatureId": { "alias": "paginatorDataFeatureId"; "required": false; }; "maxSelected": { "alias": "maxSelected"; "required": false; }; "canSelectAll": { "alias": "canSelectAll"; "required": false; }; "allMatchingSelected": { "alias": "allMatchingSelected"; "required": false; }; "overrideTotal": { "alias": "overrideTotal"; "required": false; }; "paginationRefreshSubject": { "alias": "paginationRefreshSubject"; "required": false; }; "enableColumnDragging": { "alias": "enableColumnDragging"; "required": false; }; "dataTableService": { "alias": "dataTableService"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "outsideFilter": { "alias": "outsideFilter"; "required": false; }; "refreshSubject": { "alias": "refreshSubject"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "customFilter": { "alias": "customFilter"; "required": false; }; "hasExandedRows": { "alias": "hasExandedRows"; "required": false; }; "forceShowHeader": { "alias": "forceShowHeader"; "required": false; }; "hideGlobalSearch": { "alias": "hideGlobalSearch"; "required": false; }; "listInteractions": { "alias": "listInteractions"; "required": false; }; }, { "resized": "resized"; "preferencesChanged": "preferencesChanged"; "allSelected": "allSelected"; "toggledFilter": "toggledFilter"; }, ["customTemplates"], ["*"], false, never>;
|
|
116
126
|
}
|
|
@@ -94,7 +94,6 @@ cdk-table {
|
|
|
94
94
|
background-color: var(--background-body, $white);
|
|
95
95
|
.novo-data-table-header-cell,
|
|
96
96
|
.novo-data-table-checkbox-header-cell {
|
|
97
|
-
// border-bottom: 1px solid var(--border, $off-white);
|
|
98
97
|
background-color: var(--background-body, $white);
|
|
99
98
|
}
|
|
100
99
|
&.expanded {
|
|
@@ -134,6 +133,10 @@ cdk-table {
|
|
|
134
133
|
flex-grow: 100;
|
|
135
134
|
}
|
|
136
135
|
}
|
|
136
|
+
&[draggable=true] label {
|
|
137
|
+
cursor: grab;
|
|
138
|
+
user-select: none;
|
|
139
|
+
}
|
|
137
140
|
}
|
|
138
141
|
|
|
139
142
|
.novo-data-table-clear-button {
|
|
@@ -250,7 +253,6 @@ cdk-table {
|
|
|
250
253
|
}
|
|
251
254
|
|
|
252
255
|
.novo-data-table-header-cell {
|
|
253
|
-
// border-left: 1px solid var(--border, $off-white);
|
|
254
256
|
white-space: normal;
|
|
255
257
|
overflow-wrap: break-word;
|
|
256
258
|
display: flex;
|
|
@@ -539,12 +541,6 @@ novo-data-table {
|
|
|
539
541
|
display: flex;
|
|
540
542
|
justify-content: space-between;
|
|
541
543
|
align-items: center;
|
|
542
|
-
// button {
|
|
543
|
-
// padding: 3px;
|
|
544
|
-
// icon {
|
|
545
|
-
// font-size: 0.8em;
|
|
546
|
-
// }
|
|
547
|
-
// }
|
|
548
544
|
}
|
|
549
545
|
.optgroup-container {
|
|
550
546
|
max-height: 346px;
|
|
@@ -606,12 +602,6 @@ novo-data-table {
|
|
|
606
602
|
}
|
|
607
603
|
}
|
|
608
604
|
}
|
|
609
|
-
// i.bhi-search {
|
|
610
|
-
// color: inherit;
|
|
611
|
-
// position: relative;
|
|
612
|
-
// left: 196px;
|
|
613
|
-
// top: -25px;
|
|
614
|
-
// }
|
|
615
605
|
span.error-text {
|
|
616
606
|
color: $negative;
|
|
617
607
|
position: relative;
|
|
@@ -23,19 +23,20 @@ import * as i21 from "@angular/forms";
|
|
|
23
23
|
import * as i22 from "novo-elements/elements/icon";
|
|
24
24
|
import * as i23 from "novo-elements/elements/button";
|
|
25
25
|
import * as i24 from "novo-elements/elements/dropdown";
|
|
26
|
-
import * as i25 from "novo-elements/elements/
|
|
27
|
-
import * as i26 from "novo-elements/elements/
|
|
28
|
-
import * as i27 from "novo-elements/elements/
|
|
29
|
-
import * as i28 from "novo-elements/elements/
|
|
30
|
-
import * as i29 from "novo-elements/elements/
|
|
31
|
-
import * as i30 from "novo-elements/elements/
|
|
32
|
-
import * as i31 from "novo-elements/elements/
|
|
33
|
-
import * as i32 from "novo-elements/elements/
|
|
34
|
-
import * as i33 from "novo-elements/elements/
|
|
35
|
-
import * as i34 from "novo-elements/elements/
|
|
36
|
-
import * as i35 from "
|
|
26
|
+
import * as i25 from "novo-elements/elements/drag-drop";
|
|
27
|
+
import * as i26 from "novo-elements/elements/form";
|
|
28
|
+
import * as i27 from "novo-elements/elements/loading";
|
|
29
|
+
import * as i28 from "novo-elements/elements/tiles";
|
|
30
|
+
import * as i29 from "novo-elements/elements/search";
|
|
31
|
+
import * as i30 from "novo-elements/elements/common";
|
|
32
|
+
import * as i31 from "novo-elements/elements/select";
|
|
33
|
+
import * as i32 from "novo-elements/elements/tooltip";
|
|
34
|
+
import * as i33 from "novo-elements/elements/checkbox";
|
|
35
|
+
import * as i34 from "novo-elements/elements/flex";
|
|
36
|
+
import * as i35 from "novo-elements/elements/field";
|
|
37
|
+
import * as i36 from "@angular/cdk/scrolling";
|
|
37
38
|
export declare class NovoDataTableModule {
|
|
38
39
|
static ɵfac: i0.ɵɵFactoryDeclaration<NovoDataTableModule, never>;
|
|
39
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<NovoDataTableModule, [typeof i1.DataTableInterpolatePipe, typeof i1.DateTableDateRendererPipe, typeof i1.DateTableCurrencyRendererPipe, typeof i1.DateTableDateTimeRendererPipe, typeof i1.DateTableNumberRendererPipe, typeof i1.DateTableTimeRendererPipe, typeof i1.DataTableBigDecimalRendererPipe, typeof i2.NovoDataTableCellHeader, typeof i3.NovoDataTableSortFilter, typeof i4.NovoDataTableHeaderCell, typeof i5.NovoDataTableCellFilterHeader, typeof i6.NovoDataTableCell, typeof i7.NovoDataTableHeaderRow, typeof i8.NovoDataTableRow, typeof i9.NovoDataTablePagination, typeof i10.NovoDataTableCheckboxCell, typeof i11.NovoDataTableCheckboxHeaderCell, typeof i12.NovoDataTableExpandCell, typeof i13.NovoDataTableExpandHeaderCell, typeof i14.NovoDataTable, typeof i15.NovoDataTableExpandDirective, typeof i16.NovoDataTableClearButton, typeof i17.NovoDataTableSortButton], [typeof i18.NovoDatePickerModule, typeof i19.CdkTableModule, typeof i20.CommonModule, typeof i21.FormsModule, typeof i22.NovoIconModule, typeof i23.NovoButtonModule, typeof i24.NovoDropdownModule, typeof i25.
|
|
40
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<NovoDataTableModule, [typeof i1.DataTableInterpolatePipe, typeof i1.DateTableDateRendererPipe, typeof i1.DateTableCurrencyRendererPipe, typeof i1.DateTableDateTimeRendererPipe, typeof i1.DateTableNumberRendererPipe, typeof i1.DateTableTimeRendererPipe, typeof i1.DataTableBigDecimalRendererPipe, typeof i2.NovoDataTableCellHeader, typeof i3.NovoDataTableSortFilter, typeof i4.NovoDataTableHeaderCell, typeof i5.NovoDataTableCellFilterHeader, typeof i6.NovoDataTableCell, typeof i7.NovoDataTableHeaderRow, typeof i8.NovoDataTableRow, typeof i9.NovoDataTablePagination, typeof i10.NovoDataTableCheckboxCell, typeof i11.NovoDataTableCheckboxHeaderCell, typeof i12.NovoDataTableExpandCell, typeof i13.NovoDataTableExpandHeaderCell, typeof i14.NovoDataTable, typeof i15.NovoDataTableExpandDirective, typeof i16.NovoDataTableClearButton, typeof i17.NovoDataTableSortButton], [typeof i18.NovoDatePickerModule, typeof i19.CdkTableModule, typeof i20.CommonModule, typeof i21.FormsModule, typeof i22.NovoIconModule, typeof i23.NovoButtonModule, typeof i24.NovoDropdownModule, typeof i25.NovoDragDropModule, typeof i26.NovoFormExtrasModule, typeof i27.NovoLoadingModule, typeof i28.NovoTilesModule, typeof i29.NovoSearchBoxModule, typeof i30.NovoOptionModule, typeof i30.NovoCommonModule, typeof i31.NovoSelectModule, typeof i32.NovoTooltipModule, typeof i33.NovoCheckboxModule, typeof i34.NovoFlexModule, typeof i35.NovoFieldModule, typeof i36.ScrollingModule], [typeof i14.NovoDataTable, typeof i1.DataTableInterpolatePipe, typeof i1.DateTableDateRendererPipe, typeof i1.DateTableCurrencyRendererPipe, typeof i1.DateTableDateTimeRendererPipe, typeof i1.DateTableNumberRendererPipe, typeof i1.DateTableTimeRendererPipe, typeof i1.DataTableBigDecimalRendererPipe, typeof i5.NovoDataTableCellFilterHeader, typeof i16.NovoDataTableClearButton, typeof i17.NovoDataTableSortButton]>;
|
|
40
41
|
static ɵinj: i0.ɵɵInjectorDeclaration<NovoDataTableModule>;
|
|
41
42
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
+
import { OverlayContainer } from '@angular/cdk/overlay';
|
|
1
2
|
import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, Renderer2 } from '@angular/core';
|
|
2
|
-
import { ReplaySubject } from 'rxjs';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export interface NovoDragFinishEvent<T> {
|
|
5
5
|
draggedItem: T;
|
|
@@ -9,17 +9,33 @@ export interface NovoDragFinishEvent<T> {
|
|
|
9
9
|
interface NovoDragItem<T> {
|
|
10
10
|
item: T;
|
|
11
11
|
element: HTMLElement;
|
|
12
|
+
removeListeners: () => void;
|
|
12
13
|
}
|
|
13
14
|
export declare class NovoDragBoxParent<T> implements AfterViewInit, OnDestroy {
|
|
14
15
|
private elementRef;
|
|
15
16
|
private renderer;
|
|
16
17
|
pickedUp?: HTMLElement;
|
|
18
|
+
previewReplacing?: HTMLElement;
|
|
17
19
|
savedOrder?: NovoDragItem<T>[];
|
|
18
|
-
|
|
20
|
+
overlayContainer: OverlayContainer;
|
|
19
21
|
items: T[];
|
|
22
|
+
/**
|
|
23
|
+
* A function to specify whether a given item in the child list is draggable.
|
|
24
|
+
* (Note that altering this after setup is not yet supported)
|
|
25
|
+
*/
|
|
26
|
+
dragFilter?: (item: T) => boolean;
|
|
27
|
+
/**
|
|
28
|
+
* Prevents behavior that eases the act of dragging an object to the edge of a scrollable container.
|
|
29
|
+
*/
|
|
30
|
+
disableScroll?: boolean;
|
|
20
31
|
novoDragDropFinish: EventEmitter<NovoDragFinishEvent<T>>;
|
|
21
32
|
private trackedItems;
|
|
33
|
+
private scrollContainer;
|
|
34
|
+
private scrollContainerRect;
|
|
35
|
+
private scrollX;
|
|
36
|
+
private scrollY;
|
|
22
37
|
get itemsReordered(): T[];
|
|
38
|
+
get dragging(): boolean;
|
|
23
39
|
mutationObserver: MutationObserver;
|
|
24
40
|
constructor(elementRef: ElementRef, renderer: Renderer2);
|
|
25
41
|
get element(): HTMLElement;
|
|
@@ -34,12 +50,16 @@ export declare class NovoDragBoxParent<T> implements AfterViewInit, OnDestroy {
|
|
|
34
50
|
onDragFinish(event: DragEvent): void;
|
|
35
51
|
/** - end per-item listeners */
|
|
36
52
|
onDragOver(event: DragEvent): void;
|
|
53
|
+
private inOverlay;
|
|
54
|
+
private isValidTarget;
|
|
37
55
|
private findDraggableParentOfElement;
|
|
38
56
|
private applyTempSort;
|
|
39
57
|
private resetSorting;
|
|
40
58
|
private shouldBlockDragStart;
|
|
59
|
+
private processScrollDuringMove;
|
|
41
60
|
isElementWithinEventBounds(element: Element, event: DragEvent): boolean;
|
|
61
|
+
private findScrollableParent;
|
|
42
62
|
static ɵfac: i0.ɵɵFactoryDeclaration<NovoDragBoxParent<any>, never>;
|
|
43
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<NovoDragBoxParent<any>, "[novoDragDrop]", never, { "items": { "alias": "novoDragDrop"; "required": false; }; }, { "novoDragDropFinish": "novoDragDropFinish"; }, never, never, false, never>;
|
|
63
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NovoDragBoxParent<any>, "[novoDragDrop]", never, { "items": { "alias": "novoDragDrop"; "required": false; }; "dragFilter": { "alias": "novoDragDropFilter"; "required": false; }; "disableScroll": { "alias": "novoDragDropDisableScroll"; "required": false; }; }, { "novoDragDropFinish": "novoDragDropFinish"; }, never, never, false, never>;
|
|
44
64
|
}
|
|
45
65
|
export {};
|
|
@@ -4,8 +4,7 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
export declare class NovoLayoutContent extends CdkScrollable implements AfterContentInit {
|
|
5
5
|
private _changeDetectorRef;
|
|
6
6
|
_container: any;
|
|
7
|
-
constructor(_changeDetectorRef: ChangeDetectorRef, _container: any,
|
|
8
|
-
elementRef: ElementRef<HTMLElement>, scrollDispatcher: ScrollDispatcher, ngZone: NgZone);
|
|
7
|
+
constructor(_changeDetectorRef: ChangeDetectorRef, _container: any, elementRef: ElementRef<HTMLElement>, scrollDispatcher: ScrollDispatcher, ngZone: NgZone);
|
|
9
8
|
ngAfterContentInit(): void;
|
|
10
9
|
getHostElement(): HTMLElement;
|
|
11
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<NovoLayoutContent, never>;
|
|
@@ -286,12 +286,6 @@ class NovoAgendaAllDayEventElement {
|
|
|
286
286
|
<ng-template #defaultTemplate>
|
|
287
287
|
<div class="cal-all-day-event" [style.backgroundColor]="event.color.secondary" [style.borderColor]="event.color.primary">
|
|
288
288
|
{{ event.title }}
|
|
289
|
-
<!--<novo-agenda-event-title
|
|
290
|
-
[event]="event"
|
|
291
|
-
view="day"
|
|
292
|
-
(click)="eventClicked.emit()">
|
|
293
|
-
</novo-agenda-event-title>
|
|
294
|
-
<novo-agenda-event-actions [event]="event"></novo-agenda-event-actions>-->
|
|
295
289
|
</div>
|
|
296
290
|
</ng-template>
|
|
297
291
|
<ng-template
|
|
@@ -312,12 +306,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
312
306
|
<ng-template #defaultTemplate>
|
|
313
307
|
<div class="cal-all-day-event" [style.backgroundColor]="event.color.secondary" [style.borderColor]="event.color.primary">
|
|
314
308
|
{{ event.title }}
|
|
315
|
-
<!--<novo-agenda-event-title
|
|
316
|
-
[event]="event"
|
|
317
|
-
view="day"
|
|
318
|
-
(click)="eventClicked.emit()">
|
|
319
|
-
</novo-agenda-event-title>
|
|
320
|
-
<novo-agenda-event-actions [event]="event"></novo-agenda-event-actions>-->
|
|
321
309
|
</div>
|
|
322
310
|
</ng-template>
|
|
323
311
|
<ng-template
|
|
@@ -1542,73 +1530,6 @@ class NovoAgendaWeekViewElement {
|
|
|
1542
1530
|
this.refreshSubscription.unsubscribe();
|
|
1543
1531
|
}
|
|
1544
1532
|
}
|
|
1545
|
-
/*
|
|
1546
|
-
resizeStarted(weekViewContainer: HTMLElement, weekEvent: WeekViewEvent, resizeEvent: ResizeEvent): void {
|
|
1547
|
-
this.currentResize = {
|
|
1548
|
-
originalOffset: weekEvent.offset,
|
|
1549
|
-
originalSpan: weekEvent.span,
|
|
1550
|
-
edge: typeof resizeEvent.edges.left !== 'undefined' ? 'left' : 'right'
|
|
1551
|
-
};
|
|
1552
|
-
const resizeHelper: CalendarResizeHelper = new CalendarResizeHelper(weekViewContainer, this.getDayColumnWidth(weekViewContainer));
|
|
1553
|
-
this.validateResize = ({rectangle}) => resizeHelper.validateResize({rectangle});
|
|
1554
|
-
this.cdr.detectChanges();
|
|
1555
|
-
}
|
|
1556
|
-
|
|
1557
|
-
resizing(weekEvent: WeekViewEvent, resizeEvent: ResizeEvent, dayWidth: number): void {
|
|
1558
|
-
if (resizeEvent.edges.left) {
|
|
1559
|
-
const diff: number = Math.round(+resizeEvent.edges.left / dayWidth);
|
|
1560
|
-
weekEvent.offset = this.currentResize.originalOffset + diff;
|
|
1561
|
-
weekEvent.span = this.currentResize.originalSpan - diff;
|
|
1562
|
-
} else if (resizeEvent.edges.right) {
|
|
1563
|
-
const diff: number = Math.round(+resizeEvent.edges.right / dayWidth);
|
|
1564
|
-
weekEvent.span = this.currentResize.originalSpan + diff;
|
|
1565
|
-
}
|
|
1566
|
-
}
|
|
1567
|
-
|
|
1568
|
-
resizeEnded(weekEvent: WeekViewEvent): void {
|
|
1569
|
-
|
|
1570
|
-
let daysDiff: number;
|
|
1571
|
-
if (this.currentResize.edge === 'left') {
|
|
1572
|
-
daysDiff = weekEvent.offset - this.currentResize.originalOffset;
|
|
1573
|
-
} else {
|
|
1574
|
-
daysDiff = weekEvent.span - this.currentResize.originalSpan;
|
|
1575
|
-
}
|
|
1576
|
-
|
|
1577
|
-
weekEvent.offset = this.currentResize.originalOffset;
|
|
1578
|
-
weekEvent.span = this.currentResize.originalSpan;
|
|
1579
|
-
|
|
1580
|
-
let newStart: Date = weekEvent.event.start;
|
|
1581
|
-
let newEnd: Date = weekEvent.event.end;
|
|
1582
|
-
if (this.currentResize.edge === 'left') {
|
|
1583
|
-
newStart = addDays(newStart, daysDiff);
|
|
1584
|
-
} else if (newEnd) {
|
|
1585
|
-
newEnd = addDays(newEnd, daysDiff);
|
|
1586
|
-
}
|
|
1587
|
-
|
|
1588
|
-
this.eventTimesChanged.emit({newStart, newEnd, event: weekEvent.event});
|
|
1589
|
-
this.currentResize = null;
|
|
1590
|
-
|
|
1591
|
-
}
|
|
1592
|
-
|
|
1593
|
-
eventDragged(weekEvent: WeekViewEvent, draggedByPx: number, dayWidth: number): void {
|
|
1594
|
-
|
|
1595
|
-
const daysDragged: number = draggedByPx / dayWidth;
|
|
1596
|
-
const newStart: Date = addDays(weekEvent.event.start, daysDragged);
|
|
1597
|
-
let newEnd: Date;
|
|
1598
|
-
if (weekEvent.event.end) {
|
|
1599
|
-
newEnd = addDays(weekEvent.event.end, daysDragged);
|
|
1600
|
-
}
|
|
1601
|
-
|
|
1602
|
-
this.eventTimesChanged.emit({newStart, newEnd, event: weekEvent.event});
|
|
1603
|
-
|
|
1604
|
-
}
|
|
1605
|
-
|
|
1606
|
-
dragStart(weekViewContainer: HTMLElement, event: HTMLElement): void {
|
|
1607
|
-
const dragHelper: CalendarDragHelper = new CalendarDragHelper(weekViewContainer, event);
|
|
1608
|
-
this.validateDrag = ({x, y}) => !this.currentResize && dragHelper.validateDrag({x, y});
|
|
1609
|
-
this.cdr.detectChanges();
|
|
1610
|
-
}
|
|
1611
|
-
*/
|
|
1612
1533
|
getDayColumnWidth(eventRowContainer) {
|
|
1613
1534
|
return Math.floor(eventRowContainer.offsetWidth / this.days.length);
|
|
1614
1535
|
}
|
|
@@ -1635,7 +1556,6 @@ class NovoAgendaWeekViewElement {
|
|
|
1635
1556
|
hour: this.dayEndHour,
|
|
1636
1557
|
minute: this.dayEndMinute,
|
|
1637
1558
|
},
|
|
1638
|
-
// precision: this.precision
|
|
1639
1559
|
});
|
|
1640
1560
|
}
|
|
1641
1561
|
refreshHourGrid() {
|
|
@@ -1651,11 +1571,6 @@ class NovoAgendaWeekViewElement {
|
|
|
1651
1571
|
minute: this.dayEndMinute,
|
|
1652
1572
|
},
|
|
1653
1573
|
});
|
|
1654
|
-
// if (this.hourSegmentModifier) {
|
|
1655
|
-
// this.hours.forEach(hour => {
|
|
1656
|
-
// hour.segments.forEach(segment => this.hourSegmentModifier(segment));
|
|
1657
|
-
// });
|
|
1658
|
-
// }
|
|
1659
1574
|
}
|
|
1660
1575
|
refreshAll() {
|
|
1661
1576
|
this.refreshHeader();
|