novo-elements 11.0.4 → 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.
Files changed (74) hide show
  1. package/elements/button/styles/button-primary.scss +0 -1
  2. package/elements/calendar/month-view/month-view.component.scss +0 -1
  3. package/elements/chips/Chips.scss +0 -3
  4. package/elements/common/option/optgroup.component.scss +0 -2
  5. package/elements/data-table/data-table.component.d.ts +12 -2
  6. package/elements/data-table/data-table.component.scss +4 -14
  7. package/elements/data-table/data-table.module.d.ts +13 -12
  8. package/elements/data-table/interfaces.d.ts +1 -0
  9. package/elements/date-picker/DateRangeInput.scss +0 -1
  10. package/elements/drag-drop/drag-drop-box.d.ts +23 -3
  11. package/elements/field/field.scss +0 -1
  12. package/elements/form/extras/file/FileInput.scss +1 -1
  13. package/elements/layout/content/layout-content.component.d.ts +1 -2
  14. package/elements/non-ideal-state/NonIdealState.scss +0 -1
  15. package/elements/picker/extras/picker-results/PickerResults.scss +0 -3
  16. package/elements/switch/Switch.scss +0 -1
  17. package/elements/time-picker/TimePicker.scss +0 -2
  18. package/fesm2022/novo-elements-elements-agenda.mjs +0 -85
  19. package/fesm2022/novo-elements-elements-agenda.mjs.map +1 -1
  20. package/fesm2022/novo-elements-elements-aside.mjs +0 -1
  21. package/fesm2022/novo-elements-elements-aside.mjs.map +1 -1
  22. package/fesm2022/novo-elements-elements-autocomplete.mjs +0 -8
  23. package/fesm2022/novo-elements-elements-autocomplete.mjs.map +1 -1
  24. package/fesm2022/novo-elements-elements-avatar.mjs +0 -2
  25. package/fesm2022/novo-elements-elements-avatar.mjs.map +1 -1
  26. package/fesm2022/novo-elements-elements-checkbox.mjs +0 -1
  27. package/fesm2022/novo-elements-elements-checkbox.mjs.map +1 -1
  28. package/fesm2022/novo-elements-elements-color-picker.mjs +0 -4
  29. package/fesm2022/novo-elements-elements-color-picker.mjs.map +1 -1
  30. package/fesm2022/novo-elements-elements-common.mjs +1 -23
  31. package/fesm2022/novo-elements-elements-common.mjs.map +1 -1
  32. package/fesm2022/novo-elements-elements-data-table.mjs +70 -540
  33. package/fesm2022/novo-elements-elements-data-table.mjs.map +1 -1
  34. package/fesm2022/novo-elements-elements-date-picker.mjs +1 -13
  35. package/fesm2022/novo-elements-elements-date-picker.mjs.map +1 -1
  36. package/fesm2022/novo-elements-elements-drag-drop.mjs +147 -27
  37. package/fesm2022/novo-elements-elements-drag-drop.mjs.map +1 -1
  38. package/fesm2022/novo-elements-elements-dropdown.mjs +1 -10
  39. package/fesm2022/novo-elements-elements-dropdown.mjs.map +1 -1
  40. package/fesm2022/novo-elements-elements-expansion.mjs +1 -5
  41. package/fesm2022/novo-elements-elements-expansion.mjs.map +1 -1
  42. package/fesm2022/novo-elements-elements-field.mjs +1 -15
  43. package/fesm2022/novo-elements-elements-field.mjs.map +1 -1
  44. package/fesm2022/novo-elements-elements-flex.mjs.map +1 -1
  45. package/fesm2022/novo-elements-elements-form.mjs +2 -15
  46. package/fesm2022/novo-elements-elements-form.mjs.map +1 -1
  47. package/fesm2022/novo-elements-elements-layout.mjs +1 -5
  48. package/fesm2022/novo-elements-elements-layout.mjs.map +1 -1
  49. package/fesm2022/novo-elements-elements-menu.mjs +2 -35
  50. package/fesm2022/novo-elements-elements-menu.mjs.map +1 -1
  51. package/fesm2022/novo-elements-elements-picker.mjs +1 -4
  52. package/fesm2022/novo-elements-elements-picker.mjs.map +1 -1
  53. package/fesm2022/novo-elements-elements-progress.mjs.map +1 -1
  54. package/fesm2022/novo-elements-elements-radio.mjs.map +1 -1
  55. package/fesm2022/novo-elements-elements-select-search.mjs +0 -14
  56. package/fesm2022/novo-elements-elements-select-search.mjs.map +1 -1
  57. package/fesm2022/novo-elements-elements-select.mjs +0 -13
  58. package/fesm2022/novo-elements-elements-select.mjs.map +1 -1
  59. package/fesm2022/novo-elements-elements-simple-table.mjs +0 -10
  60. package/fesm2022/novo-elements-elements-simple-table.mjs.map +1 -1
  61. package/fesm2022/novo-elements-elements-time-picker.mjs +0 -38
  62. package/fesm2022/novo-elements-elements-time-picker.mjs.map +1 -1
  63. package/fesm2022/novo-elements-elements-value.mjs.map +1 -1
  64. package/fesm2022/novo-elements-services.mjs +0 -13
  65. package/fesm2022/novo-elements-services.mjs.map +1 -1
  66. package/fesm2022/novo-elements-utils.mjs +1 -11
  67. package/fesm2022/novo-elements-utils.mjs.map +1 -1
  68. package/package.json +1 -1
  69. package/services/data-provider/ArrayCollection.d.ts +0 -10
  70. package/services/data-provider/Collection.d.ts +0 -9
  71. package/styles/content/forms.scss +0 -40
  72. package/styles/content/links.scss +0 -1
  73. package/styles/content/misc.scss +0 -1
  74. package/elements/field/toggle/picker-toggle.component.scss +0 -23
@@ -10,7 +10,6 @@
10
10
 
11
11
  &:hover,
12
12
  &:focus {
13
- // background: lighten($positive, 10%);
14
13
  box-shadow: $shadow-2, $shadow-1;
15
14
  filter: brightness(1.15);
16
15
  }
@@ -7,7 +7,6 @@
7
7
  position: relative;
8
8
  .calendar-table {
9
9
  display: table;
10
- // border-collapse: collapse;
11
10
  .calendar-thead {
12
11
  display: table-header-group;
13
12
  }
@@ -80,9 +80,6 @@
80
80
  right: 0;
81
81
  font-size: 1.1em;
82
82
  color: $dark;
83
- // &.has-value {
84
- // bottom: 14px;
85
- // }
86
83
  }
87
84
 
88
85
  & + i {
@@ -1,7 +1,5 @@
1
1
  @import "../../../styles/variables.scss";
2
2
  @import "../typography/text.mixins.scss";
3
- // @import "../style/menu-common";
4
- // @import "../style/vendor-prefixes";
5
3
 
6
4
  .novo-optgroup-label {
7
5
  @include novo-label-text();
@@ -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<IDataTablePreferences>;
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/form";
27
- import * as i26 from "novo-elements/elements/loading";
28
- import * as i27 from "novo-elements/elements/tiles";
29
- import * as i28 from "novo-elements/elements/search";
30
- import * as i29 from "novo-elements/elements/common";
31
- import * as i30 from "novo-elements/elements/select";
32
- import * as i31 from "novo-elements/elements/tooltip";
33
- import * as i32 from "novo-elements/elements/checkbox";
34
- import * as i33 from "novo-elements/elements/flex";
35
- import * as i34 from "novo-elements/elements/field";
36
- import * as i35 from "@angular/cdk/scrolling";
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.NovoFormExtrasModule, typeof i26.NovoLoadingModule, typeof i27.NovoTilesModule, typeof i28.NovoSearchBoxModule, typeof i29.NovoOptionModule, typeof i29.NovoCommonModule, typeof i30.NovoSelectModule, typeof i31.NovoTooltipModule, typeof i32.NovoCheckboxModule, typeof i33.NovoFlexModule, typeof i34.NovoFieldModule, typeof i35.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
+ 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
  }
@@ -61,6 +61,7 @@ export interface IDataTableColumn<T> {
61
61
  sortable?: boolean | IDataTableColumnSortConfig;
62
62
  filterable?: boolean | IDataTableColumnFilterConfig;
63
63
  resizable?: boolean;
64
+ draggable?: boolean;
64
65
  action?: {
65
66
  icon?: string;
66
67
  tooltip?: string;
@@ -3,7 +3,6 @@
3
3
  :host {
4
4
  flex: 1;
5
5
  position: relative;
6
- // display: block;
7
6
  display: flex;
8
7
  flex-flow: row nowrap;
9
8
  height: min-content;
@@ -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
- $destroy: ReplaySubject<void>;
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,7 +4,6 @@
4
4
  :host {
5
5
  display: grid;
6
6
  position: relative;
7
- // margin: 0 0.5em;
8
7
 
9
8
  &.novo-field-layout-horizontal {
10
9
  grid-gap: 0rem 1rem;
@@ -45,7 +45,7 @@ novo-file-input {
45
45
  .file-item {
46
46
  @include file-item-style;
47
47
  margin-bottom: 15px;
48
- position: relative; //border-radius: 3px;
48
+ position: relative;
49
49
  width: 100%;
50
50
  button:hover,
51
51
  button:focus,
@@ -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, // NovoLayoutContainer
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>;
@@ -5,7 +5,6 @@
5
5
  justify-content: center;
6
6
  align-items: center;
7
7
  text-align: center;
8
- // gap: 1.2rem;
9
8
  .novo-non-ideal-state-icon {
10
9
  font-size: xx-large;
11
10
  }
@@ -137,9 +137,6 @@ quick-note-results,
137
137
  opacity: 0.5;
138
138
  pointer-events: none;
139
139
  }
140
- item-content {
141
- // display: block;
142
- }
143
140
  }
144
141
  novo-loading {
145
142
  justify-content: center;
@@ -19,7 +19,6 @@ $switch-thumb-size: 20px !default;
19
19
  :host {
20
20
  display: flex;
21
21
  align-items: center;
22
- // margin: 15px;
23
22
  white-space: nowrap;
24
23
  cursor: pointer;
25
24
  outline: none;
@@ -2,8 +2,6 @@
2
2
 
3
3
  :host {
4
4
  display: block;
5
- // width: 250px;
6
- // min-width: 250px;
7
5
  width: min-content;
8
6
  overflow: hidden;
9
7
  border-radius: 4px;
@@ -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();