@acorex/components 20.7.37 → 20.7.39

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/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@acorex/components",
3
- "version": "20.7.37",
3
+ "version": "20.7.39",
4
4
  "peerDependencies": {
5
- "@acorex/core": "20.7.37",
6
- "@acorex/cdk": "20.7.37",
5
+ "@acorex/core": "20.7.39",
6
+ "@acorex/cdk": "20.7.39",
7
7
  "polytype": ">=0.17.0",
8
8
  "angular-imask": ">=7.6.1",
9
9
  "gridstack": ">=12.0.0",
@@ -72,6 +72,10 @@
72
72
  "types": "./aspect-ratio/index.d.ts",
73
73
  "default": "./fesm2022/acorex-components-aspect-ratio.mjs"
74
74
  },
75
+ "./audio-wave": {
76
+ "types": "./audio-wave/index.d.ts",
77
+ "default": "./fesm2022/acorex-components-audio-wave.mjs"
78
+ },
75
79
  "./autocomplete": {
76
80
  "types": "./autocomplete/index.d.ts",
77
81
  "default": "./fesm2022/acorex-components-autocomplete.mjs"
@@ -80,10 +84,6 @@
80
84
  "types": "./avatar/index.d.ts",
81
85
  "default": "./fesm2022/acorex-components-avatar.mjs"
82
86
  },
83
- "./audio-wave": {
84
- "types": "./audio-wave/index.d.ts",
85
- "default": "./fesm2022/acorex-components-audio-wave.mjs"
86
- },
87
87
  "./badge": {
88
88
  "types": "./badge/index.d.ts",
89
89
  "default": "./fesm2022/acorex-components-badge.mjs"
@@ -428,6 +428,10 @@
428
428
  "types": "./switch/index.d.ts",
429
429
  "default": "./fesm2022/acorex-components-switch.mjs"
430
430
  },
431
+ "./tabs": {
432
+ "types": "./tabs/index.d.ts",
433
+ "default": "./fesm2022/acorex-components-tabs.mjs"
434
+ },
431
435
  "./tag": {
432
436
  "types": "./tag/index.d.ts",
433
437
  "default": "./fesm2022/acorex-components-tag.mjs"
@@ -436,9 +440,9 @@
436
440
  "types": "./tag-box/index.d.ts",
437
441
  "default": "./fesm2022/acorex-components-tag-box.mjs"
438
442
  },
439
- "./tabs": {
440
- "types": "./tabs/index.d.ts",
441
- "default": "./fesm2022/acorex-components-tabs.mjs"
443
+ "./text-area": {
444
+ "types": "./text-area/index.d.ts",
445
+ "default": "./fesm2022/acorex-components-text-area.mjs"
442
446
  },
443
447
  "./text-box": {
444
448
  "types": "./text-box/index.d.ts",
@@ -460,10 +464,6 @@
460
464
  "types": "./toolbar/index.d.ts",
461
465
  "default": "./fesm2022/acorex-components-toolbar.mjs"
462
466
  },
463
- "./text-area": {
464
- "types": "./text-area/index.d.ts",
465
- "default": "./fesm2022/acorex-components-text-area.mjs"
466
- },
467
467
  "./tooltip": {
468
468
  "types": "./tooltip/index.d.ts",
469
469
  "default": "./fesm2022/acorex-components-tooltip.mjs"
@@ -476,14 +476,14 @@
476
476
  "types": "./tree-view-legacy/index.d.ts",
477
477
  "default": "./fesm2022/acorex-components-tree-view-legacy.mjs"
478
478
  },
479
- "./video-player": {
480
- "types": "./video-player/index.d.ts",
481
- "default": "./fesm2022/acorex-components-video-player.mjs"
482
- },
483
479
  "./uploader": {
484
480
  "types": "./uploader/index.d.ts",
485
481
  "default": "./fesm2022/acorex-components-uploader.mjs"
486
482
  },
483
+ "./video-player": {
484
+ "types": "./video-player/index.d.ts",
485
+ "default": "./fesm2022/acorex-components-video-player.mjs"
486
+ },
487
487
  "./wysiwyg": {
488
488
  "types": "./wysiwyg/index.d.ts",
489
489
  "default": "./fesm2022/acorex-components-wysiwyg.mjs"
@@ -107,13 +107,14 @@ interface AXSchedulerSlotDropEvent extends NXEvent<AXSchedulerComponent> {
107
107
  }
108
108
  declare class AXSchedulerComponent extends NXComponent implements OnInit {
109
109
  #private;
110
- private platformService;
111
110
  private unsubscriber;
112
111
  private formatService;
113
112
  private localeService;
114
113
  private calendarService;
115
114
  private schedulerService;
116
115
  private translationService;
116
+ private eventService;
117
+ private translationRevision;
117
118
  private viewModeSelectbox;
118
119
  private calendarPopover;
119
120
  private _calendarDayCellTemplate;
@@ -130,7 +131,7 @@ declare class AXSchedulerComponent extends NXComponent implements OnInit {
130
131
  currentDate: _angular_core.WritableSignal<AXDateTime>;
131
132
  private _appointments;
132
133
  appointments: _angular_core.Signal<AXSchedulerAppointment[]>;
133
- protected rtl: _angular_core.WritableSignal<boolean>;
134
+ protected readonly rtl: _angular_core.Signal<boolean>;
134
135
  protected isFullScreen: _angular_core.WritableSignal<boolean>;
135
136
  protected viewsDataSource: _angular_core.WritableSignal<{
136
137
  id: string;
@@ -179,6 +180,12 @@ declare class AXSchedulerComponent extends NXComponent implements OnInit {
179
180
  protected handleAppointmentRightClickInternal(eventData: AXSchedulerAppointmentMouseEvent): void;
180
181
  protected handleAppointmentDropInternal(eventData: AXSchedulerSlotDropEvent): void;
181
182
  ngOnInit(): void;
183
+ /**
184
+ * Picks a stable anchor inside the visible week so re-aligning after a locale
185
+ * change does not drift when the previous week start was a Sunday/Monday edge.
186
+ */
187
+ private getWeekReanchorDate;
188
+ private syncCurrentDateAfterLocaleChange;
182
189
  private fillDataSource;
183
190
  private getGridDateRange;
184
191
  currentDateText: _angular_core.Signal<string>;
@@ -1054,6 +1061,7 @@ declare class AXSchedulerModule {
1054
1061
  declare class AXSchedulerService {
1055
1062
  private formatService;
1056
1063
  private calendarService;
1064
+ private localeService;
1057
1065
  readonly HOURS_PER_DAY = 24;
1058
1066
  readonly MINUTES_PER_HOUR = 60;
1059
1067
  readonly BLOCK_DURATION_MINUTES = 30;
@@ -1130,6 +1138,16 @@ declare class AXSchedulerService {
1130
1138
  * @returns number - Day number (1-7, where 1 is Sunday).
1131
1139
  */
1132
1140
  getDayOfWeekNumber(dayName: AXDayOfWeekName): number;
1141
+ /**
1142
+ * Resolves the 0-based week-start index (0 = Sunday … 6 = Saturday) from locale or an override.
1143
+ */
1144
+ resolveWeekStartsOn(firstDayOfWeek?: AXDayOfWeekName): number;
1145
+ /**
1146
+ * Aligns a date to the start of its week using locale week layout and calendar weekday indexing.
1147
+ */
1148
+ alignToWeekStart(date: AXDateTime, options?: {
1149
+ firstDayOfWeek?: AXDayOfWeekName;
1150
+ }): AXDateTime;
1133
1151
  /**
1134
1152
  * Gets slot data for a given start date and view.
1135
1153
  *
@@ -97,6 +97,14 @@ interface AXTreeViewNodeToggleEvent extends AXHtmlEvent {
97
97
  }
98
98
  interface AXTreeViewNodeSelectEvent extends AXHtmlEvent {
99
99
  node: AXTreeViewNode;
100
+ /** When false, the selection change was applied programmatically (controlled sync, selectNode, etc.). */
101
+ isUserInteraction?: boolean;
102
+ }
103
+ type AXTreeViewSelectionSource = 'user' | 'programmatic';
104
+ /** Options for {@link AXTreeViewComponent.selectAndReveal}. */
105
+ interface AXTreeViewSelectAndRevealOptions {
106
+ /** Ancestor node ids from root to parent for each target id (parallel to nodeIds). */
107
+ ancestorPaths?: string[][];
100
108
  }
101
109
  interface AXTreeViewNodeDoubleClickEvent extends AXHtmlEvent {
102
110
  node: AXTreeViewNode;
@@ -106,6 +114,8 @@ interface AXTreeViewNodeClickEvent extends AXHtmlEvent {
106
114
  }
107
115
  interface AXTreeViewSelectionChangeEvent extends AXEvent {
108
116
  selectedNodes: AXTreeViewNode[];
117
+ selectedIds: string[];
118
+ source: AXTreeViewSelectionSource;
109
119
  }
110
120
  interface AXTreeViewDropEvent extends AXEvent {
111
121
  node: AXTreeViewNode;
@@ -260,6 +270,13 @@ declare class AXTreeViewComponent {
260
270
  readonly doubleClickDuration: _angular_core.InputSignal<number>;
261
271
  /** Duration in milliseconds for detecting double-clicks. Default: `50`. */
262
272
  readonly tooltipDelay: _angular_core.InputSignal<number>;
273
+ /**
274
+ * When true, {@link selectedIds} is the source of truth: the tree applies it on load/reload
275
+ * and emits updates on user interaction. Default: `false` (existing imperative API unchanged).
276
+ */
277
+ readonly controlledSelection: _angular_core.InputSignal<boolean>;
278
+ /** Selected node ids (two-way). Used when {@link controlledSelection} is true. */
279
+ readonly selectedIds: _angular_core.ModelSignal<string[]>;
263
280
  /** Emitted before a drop operation - set canceled to true to prevent drop */
264
281
  readonly onBeforeDrop: _angular_core.OutputEmitterRef<AXTreeViewBeforeDropEvent>;
265
282
  /** Emitted when a node is toggled (expanded/collapsed) */
@@ -297,6 +314,11 @@ declare class AXTreeViewComponent {
297
314
  protected readonly directionCollapsedIcon: _angular_core.Signal<string>;
298
315
  /** Flag to prevent infinite loops when syncing datasource */
299
316
  private isUpdatingFromDatasource;
317
+ /** Bumped when controlled selection changes so stale async sync is ignored. */
318
+ private selectionSyncRevision;
319
+ private pendingApplySelectedIdsTimeout?;
320
+ /** Prevents selectedIds effect from re-applying when the model was updated from the tree. */
321
+ private isUpdatingSelectedIdsModel;
300
322
  /** Computed to check if datasource is a function */
301
323
  private readonly isLazyDataSource;
302
324
  /** Computed: Returns true when selection is restricted to leaf nodes only */
@@ -423,6 +445,15 @@ declare class AXTreeViewComponent {
423
445
  * Get all selected nodes
424
446
  */
425
447
  getSelectedNodes(): AXTreeViewNode[];
448
+ /**
449
+ * Returns selected node ids (from {@link selectedIds} when controlled, otherwise from tree state).
450
+ */
451
+ getSelectedIds(): string[];
452
+ /**
453
+ * Expands ancestor paths (when provided) and applies selection.
454
+ * Intended for lazy trees with {@link controlledSelection}.
455
+ */
456
+ selectAndReveal(nodeIds: string[], options?: AXTreeViewSelectAndRevealOptions): Promise<void>;
426
457
  /**
427
458
  * Delete selected nodes from the tree
428
459
  */
@@ -659,6 +690,16 @@ declare class AXTreeViewComponent {
659
690
  * Emit selection change event with all selected nodes
660
691
  */
661
692
  private emitSelectionChange;
693
+ private bumpSelectionSyncRevision;
694
+ private isSelectionSyncCurrent;
695
+ private normalizeSelectedIdsForMode;
696
+ private areSelectedIdsEqual;
697
+ private setSelectedIdsModel;
698
+ private syncSelectedIdsModelFromTree;
699
+ private scheduleApplySelectedIdsToTree;
700
+ private applySelectedIdsToTree;
701
+ private applySelectedIdsToTreeWithRetry;
702
+ private expandAncestorPaths;
662
703
  /**
663
704
  * Handle node double click
664
705
  */
@@ -797,7 +838,7 @@ declare class AXTreeViewComponent {
797
838
  */
798
839
  private handleError;
799
840
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXTreeViewComponent, never>;
800
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXTreeViewComponent, "ax-tree-view", never, { "datasource": { "alias": "datasource"; "required": true; "isSignal": true; }; "selectMode": { "alias": "selectMode"; "required": false; "isSignal": true; }; "selectionBehavior": { "alias": "selectionBehavior"; "required": false; "isSignal": true; }; "dragArea": { "alias": "dragArea"; "required": false; "isSignal": true; }; "dragBehavior": { "alias": "dragBehavior"; "required": false; "isSignal": true; }; "showIcons": { "alias": "showIcons"; "required": false; "isSignal": true; }; "showChildrenBadge": { "alias": "showChildrenBadge"; "required": false; "isSignal": true; }; "expandedIcon": { "alias": "expandedIcon"; "required": false; "isSignal": true; }; "collapsedIcon": { "alias": "collapsedIcon"; "required": false; "isSignal": true; }; "indentSize": { "alias": "indentSize"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "nodeTemplate": { "alias": "nodeTemplate"; "required": false; "isSignal": true; }; "idField": { "alias": "idField"; "required": false; "isSignal": true; }; "titleField": { "alias": "titleField"; "required": false; "isSignal": true; }; "tooltipField": { "alias": "tooltipField"; "required": false; "isSignal": true; }; "iconField": { "alias": "iconField"; "required": false; "isSignal": true; }; "expandedField": { "alias": "expandedField"; "required": false; "isSignal": true; }; "selectedField": { "alias": "selectedField"; "required": false; "isSignal": true; }; "indeterminateField": { "alias": "indeterminateField"; "required": false; "isSignal": true; }; "disabledField": { "alias": "disabledField"; "required": false; "isSignal": true; }; "hiddenField": { "alias": "hiddenField"; "required": false; "isSignal": true; }; "childrenField": { "alias": "childrenField"; "required": false; "isSignal": true; }; "childrenCountField": { "alias": "childrenCountField"; "required": false; "isSignal": true; }; "dataField": { "alias": "dataField"; "required": false; "isSignal": true; }; "inheritDisabled": { "alias": "inheritDisabled"; "required": false; "isSignal": true; }; "expandOnDoubleClick": { "alias": "expandOnDoubleClick"; "required": false; "isSignal": true; }; "doubleClickDuration": { "alias": "doubleClickDuration"; "required": false; "isSignal": true; }; "tooltipDelay": { "alias": "tooltipDelay"; "required": false; "isSignal": true; }; }, { "datasource": "datasourceChange"; "onBeforeDrop": "onBeforeDrop"; "onNodeToggle": "onNodeToggle"; "onNodeSelect": "onNodeSelect"; "onNodeDoubleClick": "onNodeDoubleClick"; "onNodeClick": "onNodeClick"; "onSelectionChange": "onSelectionChange"; "onOrderChange": "onOrderChange"; "onMoveChange": "onMoveChange"; "onItemsChange": "onItemsChange"; }, never, never, true, never>;
841
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXTreeViewComponent, "ax-tree-view", never, { "datasource": { "alias": "datasource"; "required": true; "isSignal": true; }; "selectMode": { "alias": "selectMode"; "required": false; "isSignal": true; }; "selectionBehavior": { "alias": "selectionBehavior"; "required": false; "isSignal": true; }; "dragArea": { "alias": "dragArea"; "required": false; "isSignal": true; }; "dragBehavior": { "alias": "dragBehavior"; "required": false; "isSignal": true; }; "showIcons": { "alias": "showIcons"; "required": false; "isSignal": true; }; "showChildrenBadge": { "alias": "showChildrenBadge"; "required": false; "isSignal": true; }; "expandedIcon": { "alias": "expandedIcon"; "required": false; "isSignal": true; }; "collapsedIcon": { "alias": "collapsedIcon"; "required": false; "isSignal": true; }; "indentSize": { "alias": "indentSize"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "nodeTemplate": { "alias": "nodeTemplate"; "required": false; "isSignal": true; }; "idField": { "alias": "idField"; "required": false; "isSignal": true; }; "titleField": { "alias": "titleField"; "required": false; "isSignal": true; }; "tooltipField": { "alias": "tooltipField"; "required": false; "isSignal": true; }; "iconField": { "alias": "iconField"; "required": false; "isSignal": true; }; "expandedField": { "alias": "expandedField"; "required": false; "isSignal": true; }; "selectedField": { "alias": "selectedField"; "required": false; "isSignal": true; }; "indeterminateField": { "alias": "indeterminateField"; "required": false; "isSignal": true; }; "disabledField": { "alias": "disabledField"; "required": false; "isSignal": true; }; "hiddenField": { "alias": "hiddenField"; "required": false; "isSignal": true; }; "childrenField": { "alias": "childrenField"; "required": false; "isSignal": true; }; "childrenCountField": { "alias": "childrenCountField"; "required": false; "isSignal": true; }; "dataField": { "alias": "dataField"; "required": false; "isSignal": true; }; "inheritDisabled": { "alias": "inheritDisabled"; "required": false; "isSignal": true; }; "expandOnDoubleClick": { "alias": "expandOnDoubleClick"; "required": false; "isSignal": true; }; "doubleClickDuration": { "alias": "doubleClickDuration"; "required": false; "isSignal": true; }; "tooltipDelay": { "alias": "tooltipDelay"; "required": false; "isSignal": true; }; "controlledSelection": { "alias": "controlledSelection"; "required": false; "isSignal": true; }; "selectedIds": { "alias": "selectedIds"; "required": false; "isSignal": true; }; }, { "datasource": "datasourceChange"; "selectedIds": "selectedIdsChange"; "onBeforeDrop": "onBeforeDrop"; "onNodeToggle": "onNodeToggle"; "onNodeSelect": "onNodeSelect"; "onNodeDoubleClick": "onNodeDoubleClick"; "onNodeClick": "onNodeClick"; "onSelectionChange": "onSelectionChange"; "onOrderChange": "onOrderChange"; "onMoveChange": "onMoveChange"; "onItemsChange": "onItemsChange"; }, never, never, true, never>;
801
842
  }
802
843
 
803
844
  declare class AXTreeViewModule {
@@ -993,4 +1034,4 @@ declare class AXTreeViewService {
993
1034
  }
994
1035
 
995
1036
  export { AXTreeViewComponent, AXTreeViewModule, AXTreeViewService };
996
- export type { AXTreeViewBeforeDropEvent, AXTreeViewCallback, AXTreeViewChildrenSelectionState, AXTreeViewDataSource, AXTreeViewDragArea, AXTreeViewDragBehavior, AXTreeViewDropEvent, AXTreeViewFlatNode, AXTreeViewItemTemplateContext, AXTreeViewNode, AXTreeViewNodeClickEvent, AXTreeViewNodeDoubleClickEvent, AXTreeViewNodeSelectEvent, AXTreeViewNodeToggleEvent, AXTreeViewSelectMode, AXTreeViewSelectionBehavior, AXTreeViewSelectionChangeEvent, AXTreeViewViewLook };
1037
+ export type { AXTreeViewBeforeDropEvent, AXTreeViewCallback, AXTreeViewChildrenSelectionState, AXTreeViewDataSource, AXTreeViewDragArea, AXTreeViewDragBehavior, AXTreeViewDropEvent, AXTreeViewFlatNode, AXTreeViewItemTemplateContext, AXTreeViewNode, AXTreeViewNodeClickEvent, AXTreeViewNodeDoubleClickEvent, AXTreeViewNodeSelectEvent, AXTreeViewNodeToggleEvent, AXTreeViewSelectAndRevealOptions, AXTreeViewSelectMode, AXTreeViewSelectionBehavior, AXTreeViewSelectionChangeEvent, AXTreeViewSelectionSource, AXTreeViewViewLook };