@acorex/components 19.8.0-next.9 → 19.10.0-next.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (180) hide show
  1. package/avatar/lib/avatar.component.d.ts +3 -2
  2. package/button-group/lib/button-group-item.component.d.ts +1 -1
  3. package/button-group/lib/button-group.component.d.ts +1 -0
  4. package/conversation/lib/conversation-container/conversation-container.component.d.ts +3 -2
  5. package/conversation/lib/conversation-input/conversation-input.component.d.ts +2 -1
  6. package/decorators/index.d.ts +1 -0
  7. package/decorators/lib/components/generic-content.component.d.ts +1 -1
  8. package/decorators/lib/components/heading/heading.component.d.ts +11 -0
  9. package/decorators/lib/decorators.module.d.ts +4 -3
  10. package/fesm2022/acorex-components-action-sheet.mjs +3 -3
  11. package/fesm2022/acorex-components-action-sheet.mjs.map +1 -1
  12. package/fesm2022/acorex-components-alert.mjs +1 -1
  13. package/fesm2022/acorex-components-audio-wave.mjs +3 -3
  14. package/fesm2022/acorex-components-audio-wave.mjs.map +1 -1
  15. package/fesm2022/acorex-components-avatar.mjs +6 -5
  16. package/fesm2022/acorex-components-avatar.mjs.map +1 -1
  17. package/fesm2022/acorex-components-badge.mjs +3 -3
  18. package/fesm2022/acorex-components-badge.mjs.map +1 -1
  19. package/fesm2022/acorex-components-bottom-navigation.mjs +3 -3
  20. package/fesm2022/acorex-components-breadcrumbs.mjs +1 -1
  21. package/fesm2022/acorex-components-button-group.mjs +27 -15
  22. package/fesm2022/acorex-components-button-group.mjs.map +1 -1
  23. package/fesm2022/acorex-components-button.mjs +6 -6
  24. package/fesm2022/acorex-components-button.mjs.map +1 -1
  25. package/fesm2022/acorex-components-calendar.mjs +5 -5
  26. package/fesm2022/acorex-components-check-box.mjs +3 -3
  27. package/fesm2022/acorex-components-check-box.mjs.map +1 -1
  28. package/fesm2022/acorex-components-chips.mjs +1 -1
  29. package/fesm2022/acorex-components-circular-progress.mjs +3 -3
  30. package/fesm2022/acorex-components-circular-progress.mjs.map +1 -1
  31. package/fesm2022/acorex-components-collapse.mjs +4 -4
  32. package/fesm2022/acorex-components-collapse.mjs.map +1 -1
  33. package/fesm2022/acorex-components-color-box.mjs +3 -3
  34. package/fesm2022/acorex-components-color-palette.mjs +7 -5
  35. package/fesm2022/acorex-components-color-palette.mjs.map +1 -1
  36. package/fesm2022/acorex-components-comment.mjs +6 -6
  37. package/fesm2022/acorex-components-comment.mjs.map +1 -1
  38. package/fesm2022/acorex-components-common.mjs +1 -1
  39. package/fesm2022/acorex-components-conversation.mjs +44 -23
  40. package/fesm2022/acorex-components-conversation.mjs.map +1 -1
  41. package/fesm2022/acorex-components-cron-job.mjs +2 -2
  42. package/fesm2022/acorex-components-cron-job.mjs.map +1 -1
  43. package/fesm2022/acorex-components-data-pager.mjs +27 -29
  44. package/fesm2022/acorex-components-data-pager.mjs.map +1 -1
  45. package/fesm2022/acorex-components-data-table.mjs +5 -5
  46. package/fesm2022/acorex-components-data-table.mjs.map +1 -1
  47. package/fesm2022/acorex-components-datetime-box.mjs +1 -1
  48. package/fesm2022/acorex-components-datetime-input.mjs +1 -1
  49. package/fesm2022/acorex-components-datetime-picker.mjs +2 -2
  50. package/fesm2022/acorex-components-datetime-picker.mjs.map +1 -1
  51. package/fesm2022/acorex-components-decorators.mjs +25 -8
  52. package/fesm2022/acorex-components-decorators.mjs.map +1 -1
  53. package/fesm2022/acorex-components-dialog.mjs +3 -3
  54. package/fesm2022/acorex-components-dialog.mjs.map +1 -1
  55. package/fesm2022/acorex-components-drawer.mjs +4 -4
  56. package/fesm2022/acorex-components-drawer.mjs.map +1 -1
  57. package/fesm2022/acorex-components-dropdown-button.mjs +3 -3
  58. package/fesm2022/acorex-components-dropdown-button.mjs.map +1 -1
  59. package/fesm2022/acorex-components-dropdown.mjs +3 -3
  60. package/fesm2022/acorex-components-dropdown.mjs.map +1 -1
  61. package/fesm2022/acorex-components-file-explorer.mjs +231 -0
  62. package/fesm2022/acorex-components-file-explorer.mjs.map +1 -0
  63. package/fesm2022/acorex-components-form.mjs +2 -2
  64. package/fesm2022/acorex-components-form.mjs.map +1 -1
  65. package/fesm2022/acorex-components-grid-layout-builder.mjs +198 -20
  66. package/fesm2022/acorex-components-grid-layout-builder.mjs.map +1 -1
  67. package/fesm2022/acorex-components-image-editor.mjs +3 -3
  68. package/fesm2022/acorex-components-image-editor.mjs.map +1 -1
  69. package/fesm2022/acorex-components-image.mjs +1 -1
  70. package/fesm2022/acorex-components-json-viewer.mjs +1 -1
  71. package/fesm2022/acorex-components-kbd.mjs +56 -0
  72. package/fesm2022/acorex-components-kbd.mjs.map +1 -0
  73. package/fesm2022/acorex-components-label.mjs +1 -1
  74. package/fesm2022/acorex-components-list.mjs +3 -3
  75. package/fesm2022/acorex-components-list.mjs.map +1 -1
  76. package/fesm2022/acorex-components-loading-dialog.mjs +3 -3
  77. package/fesm2022/acorex-components-loading-dialog.mjs.map +1 -1
  78. package/fesm2022/acorex-components-loading.mjs +3 -3
  79. package/fesm2022/acorex-components-loading.mjs.map +1 -1
  80. package/fesm2022/acorex-components-map.mjs +1 -1
  81. package/fesm2022/acorex-components-media-viewer.mjs +6 -6
  82. package/fesm2022/acorex-components-media-viewer.mjs.map +1 -1
  83. package/fesm2022/acorex-components-menu.mjs +7 -7
  84. package/fesm2022/acorex-components-menu.mjs.map +1 -1
  85. package/fesm2022/acorex-components-navbar.mjs +3 -3
  86. package/fesm2022/acorex-components-navbar.mjs.map +1 -1
  87. package/fesm2022/acorex-components-notification.mjs +3 -3
  88. package/fesm2022/acorex-components-notification.mjs.map +1 -1
  89. package/fesm2022/acorex-components-number-box.mjs +3 -3
  90. package/fesm2022/acorex-components-number-box.mjs.map +1 -1
  91. package/fesm2022/acorex-components-otp.mjs +3 -3
  92. package/fesm2022/acorex-components-otp.mjs.map +1 -1
  93. package/fesm2022/acorex-components-page.mjs +1 -1
  94. package/fesm2022/acorex-components-paint.mjs +3 -3
  95. package/fesm2022/acorex-components-paint.mjs.map +1 -1
  96. package/fesm2022/acorex-components-password-box.mjs +3 -3
  97. package/fesm2022/acorex-components-password-box.mjs.map +1 -1
  98. package/fesm2022/acorex-components-pdf-reader.mjs +1 -1
  99. package/fesm2022/acorex-components-phone-box.mjs +2 -2
  100. package/fesm2022/acorex-components-phone-box.mjs.map +1 -1
  101. package/fesm2022/acorex-components-picker.mjs +1 -1
  102. package/fesm2022/acorex-components-popover.mjs +1 -1
  103. package/fesm2022/acorex-components-popup.mjs +3 -3
  104. package/fesm2022/acorex-components-popup.mjs.map +1 -1
  105. package/fesm2022/acorex-components-progress-bar.mjs +1 -1
  106. package/fesm2022/acorex-components-qrcode.mjs +1 -1
  107. package/fesm2022/acorex-components-radio.mjs +1 -1
  108. package/fesm2022/acorex-components-rail-navigation.mjs +1 -1
  109. package/fesm2022/acorex-components-range-slider.mjs +1 -1
  110. package/fesm2022/acorex-components-rate-picker.mjs +3 -3
  111. package/fesm2022/acorex-components-rate-picker.mjs.map +1 -1
  112. package/fesm2022/acorex-components-result.mjs +1 -1
  113. package/fesm2022/acorex-components-routing-progress.mjs +1 -1
  114. package/fesm2022/acorex-components-scheduler.mjs +2 -2
  115. package/fesm2022/acorex-components-scheduler.mjs.map +1 -1
  116. package/fesm2022/acorex-components-search-box.mjs +3 -3
  117. package/fesm2022/acorex-components-search-box.mjs.map +1 -1
  118. package/fesm2022/acorex-components-select-box.mjs +3 -3
  119. package/fesm2022/acorex-components-select-box.mjs.map +1 -1
  120. package/fesm2022/acorex-components-selection-list.mjs +142 -28
  121. package/fesm2022/acorex-components-selection-list.mjs.map +1 -1
  122. package/fesm2022/acorex-components-side-menu.mjs +4 -4
  123. package/fesm2022/acorex-components-side-menu.mjs.map +1 -1
  124. package/fesm2022/acorex-components-skeleton.mjs +1 -1
  125. package/fesm2022/acorex-components-slider.mjs +3 -3
  126. package/fesm2022/acorex-components-slider.mjs.map +1 -1
  127. package/fesm2022/acorex-components-sliding-item.mjs +153 -0
  128. package/fesm2022/acorex-components-sliding-item.mjs.map +1 -0
  129. package/fesm2022/acorex-components-step-wizard.mjs +3 -3
  130. package/fesm2022/acorex-components-step-wizard.mjs.map +1 -1
  131. package/fesm2022/acorex-components-switch.mjs +3 -3
  132. package/fesm2022/acorex-components-switch.mjs.map +1 -1
  133. package/fesm2022/acorex-components-tabs.mjs +1 -1
  134. package/fesm2022/acorex-components-tag.mjs +1 -1
  135. package/fesm2022/acorex-components-text-area.mjs +3 -3
  136. package/fesm2022/acorex-components-text-area.mjs.map +1 -1
  137. package/fesm2022/acorex-components-text-box.mjs +3 -3
  138. package/fesm2022/acorex-components-text-box.mjs.map +1 -1
  139. package/fesm2022/acorex-components-time-line.mjs +2 -2
  140. package/fesm2022/acorex-components-toast.mjs +1 -1
  141. package/fesm2022/acorex-components-toolbar.mjs +3 -3
  142. package/fesm2022/acorex-components-toolbar.mjs.map +1 -1
  143. package/fesm2022/acorex-components-tooltip.mjs +1 -1
  144. package/fesm2022/acorex-components-tree-view.mjs +37 -68
  145. package/fesm2022/acorex-components-tree-view.mjs.map +1 -1
  146. package/fesm2022/acorex-components-uploader.mjs +6 -6
  147. package/fesm2022/acorex-components-uploader.mjs.map +1 -1
  148. package/fesm2022/acorex-components-video-player.mjs +1 -1
  149. package/fesm2022/acorex-components-wysiwyg.mjs +7 -7
  150. package/fesm2022/acorex-components-wysiwyg.mjs.map +1 -1
  151. package/file-explorer/README.md +3 -0
  152. package/file-explorer/index.d.ts +6 -0
  153. package/file-explorer/lib/file-explorer-container/file-explorer-container.component.d.ts +10 -0
  154. package/file-explorer/lib/file-explorer-item/file-explorer-item.component.d.ts +11 -0
  155. package/file-explorer/lib/file-explorer-types.d.ts +11 -0
  156. package/file-explorer/lib/file-explorer-view/file-explorer-view.component.d.ts +27 -0
  157. package/file-explorer/lib/file-explorer.module.d.ts +16 -0
  158. package/file-explorer/lib/file-explorer.service.d.ts +6 -0
  159. package/grid-layout-builder/index.d.ts +1 -0
  160. package/grid-layout-builder/lib/grid-layout-builder.module.d.ts +3 -2
  161. package/grid-layout-builder/lib/grid-layout-container.component.d.ts +14 -10
  162. package/grid-layout-builder/lib/grid-layout-widget.directive.d.ts +106 -0
  163. package/grid-layout-builder/lib/types.d.ts +2 -1
  164. package/kbd/README.md +3 -0
  165. package/kbd/index.d.ts +3 -0
  166. package/kbd/lib/kbd-item/kbd-item.component.d.ts +7 -0
  167. package/kbd/lib/kbd.component.d.ts +7 -0
  168. package/kbd/lib/kbd.module.d.ts +9 -0
  169. package/package.json +13 -1
  170. package/selection-list/README.md +2 -2
  171. package/selection-list/lib/selection-list.component.d.ts +70 -18
  172. package/selection-list/lib/selection-list.module.d.ts +7 -3
  173. package/sliding-item/README.md +3 -0
  174. package/sliding-item/index.d.ts +4 -0
  175. package/sliding-item/lib/sliding-item/sliding-item.component.d.ts +13 -0
  176. package/sliding-item/lib/sliding-item-prefix/sliding-item-prefix.component.d.ts +11 -0
  177. package/sliding-item/lib/sliding-item-suffix/sliding-item-suffix.component.d.ts +11 -0
  178. package/sliding-item/lib/sliding-item.module.d.ts +11 -0
  179. package/tree-view/lib/tree-view.class.d.ts +1 -0
  180. package/tree-view/lib/tree-view.component.d.ts +1 -7
@@ -0,0 +1,16 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./file-explorer-container/file-explorer-container.component";
3
+ import * as i2 from "./file-explorer-view/file-explorer-view.component";
4
+ import * as i3 from "./file-explorer-item/file-explorer-item.component";
5
+ import * as i4 from "@acorex/components/decorators";
6
+ import * as i5 from "@acorex/components/button";
7
+ import * as i6 from "@acorex/components/breadcrumbs";
8
+ import * as i7 from "@angular/common";
9
+ import * as i8 from "@acorex/components/toolbar";
10
+ import * as i9 from "@acorex/components/menu";
11
+ import * as i10 from "@acorex/components/drawer";
12
+ export declare class AXFileExplorerModule {
13
+ static ɵfac: i0.ɵɵFactoryDeclaration<AXFileExplorerModule, never>;
14
+ static ɵmod: i0.ɵɵNgModuleDeclaration<AXFileExplorerModule, [typeof i1.AXFileExplorerContainerComponent, typeof i2.AXFileExplorerViewComponent, typeof i3.AXFileExplorerItemComponent], [typeof i4.AXDecoratorModule, typeof i5.AXButtonModule, typeof i6.AXBreadcrumbsModule, typeof i7.CommonModule, typeof i8.AXToolBarModule, typeof i9.AXMenuModule, typeof i10.AXDrawerModule], [typeof i1.AXFileExplorerContainerComponent, typeof i2.AXFileExplorerViewComponent, typeof i3.AXFileExplorerItemComponent]>;
15
+ static ɵinj: i0.ɵɵInjectorDeclaration<AXFileExplorerModule>;
16
+ }
@@ -0,0 +1,6 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class AXFileExplorerService {
3
+ treeViewState: import("@angular/core").WritableSignal<boolean>;
4
+ static ɵfac: i0.ɵɵFactoryDeclaration<AXFileExplorerService, never>;
5
+ static ɵprov: i0.ɵɵInjectableDeclaration<AXFileExplorerService>;
6
+ }
@@ -1,4 +1,5 @@
1
1
  export * from './lib/grid-layout-builder.module';
2
2
  export * from './lib/grid-layout-container.component';
3
3
  export * from './lib/grid-layout-widget.component';
4
+ export * from './lib/grid-layout-widget.directive';
4
5
  export * from './lib/types';
@@ -1,9 +1,10 @@
1
1
  import * as i0 from "@angular/core";
2
2
  import * as i1 from "./grid-layout-container.component";
3
3
  import * as i2 from "./grid-layout-widget.component";
4
- import * as i3 from "@angular/common";
4
+ import * as i3 from "./grid-layout-widget.directive";
5
+ import * as i4 from "@angular/common";
5
6
  export declare class AXGridLayoutBuilderModule {
6
7
  static ɵfac: i0.ɵɵFactoryDeclaration<AXGridLayoutBuilderModule, never>;
7
- static ɵmod: i0.ɵɵNgModuleDeclaration<AXGridLayoutBuilderModule, [typeof i1.AXGridLayoutContainerComponent, typeof i2.AXGridLayoutWidgetComponent], [typeof i3.CommonModule], [typeof i1.AXGridLayoutContainerComponent, typeof i2.AXGridLayoutWidgetComponent]>;
8
+ static ɵmod: i0.ɵɵNgModuleDeclaration<AXGridLayoutBuilderModule, [typeof i1.AXGridLayoutContainerComponent, typeof i2.AXGridLayoutWidgetComponent, typeof i3.AXGridLayoutWidgetDirective], [typeof i4.CommonModule], [typeof i1.AXGridLayoutContainerComponent, typeof i2.AXGridLayoutWidgetComponent, typeof i3.AXGridLayoutWidgetDirective]>;
8
9
  static ɵinj: i0.ɵɵInjectorDeclaration<AXGridLayoutBuilderModule>;
9
10
  }
@@ -1,3 +1,5 @@
1
+ import { OnDestroy, OnInit } from '@angular/core';
2
+ import { DomSanitizer } from '@angular/platform-browser';
1
3
  import { AXGridLayout, AXGridLayoutDroppedEvent, AXGridLayoutElementEvent, AXGridLayoutEventEvent, AXGridLayoutNode, AXGridLayoutNodesEvent, AXGridLayoutOptions, AXGridLayoutWidget, AXGridLayoutWidgetCompElement, AXGridLayoutWidgetElement, AXSaveCallback } from './types';
2
4
  import * as i0 from "@angular/core";
3
5
  /**
@@ -7,12 +9,13 @@ import * as i0 from "@angular/core";
7
9
  *
8
10
  * This component uses Angular's reactive signals, outputs, and lifecycle hooks to manage grid state and interactions.
9
11
  */
10
- export declare class AXGridLayoutContainerComponent {
12
+ export declare class AXGridLayoutContainerComponent implements OnInit, OnDestroy {
11
13
  private serializedData?;
12
14
  /**
13
15
  * Content children elements of type `AXGridLayoutWidgetComponent` that are dynamically managed within the grid.
14
16
  */
15
- private items;
17
+ private compItems;
18
+ private dirItems;
16
19
  /**
17
20
  * Input that holds options for configuring the GridStack grid layout.
18
21
  */
@@ -105,12 +108,12 @@ export declare class AXGridLayoutContainerComponent {
105
108
  * Angular lifecycle hook that initializes the grid once the component is created.
106
109
  * It sets up GridStack and loads any initial layout configuration.
107
110
  */
108
- protected ngOnInit(): Promise<void>;
111
+ ngOnInit(): Promise<void>;
109
112
  /**
110
113
  * Angular lifecycle hook that cleans up resources when the component is destroyed.
111
114
  * It removes event listeners and destroys the GridStack instance.
112
115
  */
113
- protected ngOnDestroy(): void;
116
+ ngOnDestroy(): void;
114
117
  /**
115
118
  * Effect that reacts to changes in the grid layout and updates the DOM accordingly.
116
119
  */
@@ -213,13 +216,14 @@ export declare class AXGridLayoutContainerComponent {
213
216
  * @param doAnimate - If `true`, the grid will animate.
214
217
  */
215
218
  setAnimation(doAnimate: boolean): void;
219
+ domSanitizer: DomSanitizer;
216
220
  /**
217
- * Saves the current state of the grid and its widgets.
221
+ * Saves the current grid layout configuration.
218
222
  *
219
- * @param saveContent If true, the content of the widgets will be saved.
220
- * @param saveGridOpt If true, the grid options will be saved.
221
- * @param saveCallback Optional callback to invoke after saving the grid state.
222
- * @returns The saved grid layout options.
223
+ * @param saveContent Whether to save the content of the grid items.
224
+ * @param saveGridOpt Whether to save the grid options.
225
+ * @param saveCallback Optional callback for custom save logic.
226
+ * @returns The serialized grid layout options.
223
227
  */
224
228
  save(saveContent?: boolean, saveGridOpt?: boolean, saveCallback?: AXSaveCallback): AXGridLayoutOptions;
225
229
  /**
@@ -257,5 +261,5 @@ export declare class AXGridLayoutContainerComponent {
257
261
  */
258
262
  getChildren(): AXGridLayoutNode[];
259
263
  static ɵfac: i0.ɵɵFactoryDeclaration<AXGridLayoutContainerComponent, never>;
260
- static ɵcmp: i0.ɵɵComponentDeclaration<AXGridLayoutContainerComponent, "ax-grid-layout-container", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "isEmpty": { "alias": "isEmpty"; "required": false; "isSignal": true; }; }, { "onAdded": "onAdded"; "onChange": "onChange"; "onDisable": "onDisable"; "onDrag": "onDrag"; "onDragStart": "onDragStart"; "onDragStop": "onDragStop"; "onDropped": "onDropped"; "onEnable": "onEnable"; "onRemoved": "onRemoved"; "onResize": "onResize"; "onResizeStart": "onResizeStart"; "onResizeStop": "onResizeStop"; "isRendered": "isRendered"; "isEmpty": "isEmptyChange"; }, ["items"], ["*"], false, never>;
264
+ static ɵcmp: i0.ɵɵComponentDeclaration<AXGridLayoutContainerComponent, "ax-grid-layout-container", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "isEmpty": { "alias": "isEmpty"; "required": false; "isSignal": true; }; }, { "onAdded": "onAdded"; "onChange": "onChange"; "onDisable": "onDisable"; "onDrag": "onDrag"; "onDragStart": "onDragStart"; "onDragStop": "onDragStop"; "onDropped": "onDropped"; "onEnable": "onEnable"; "onRemoved": "onRemoved"; "onResize": "onResize"; "onResizeStart": "onResizeStart"; "onResizeStop": "onResizeStop"; "isRendered": "isRendered"; "isEmpty": "isEmptyChange"; }, ["compItems", "dirItems"], ["*"], false, never>;
261
265
  }
@@ -0,0 +1,106 @@
1
+ import { OnDestroy, OnInit } from '@angular/core';
2
+ import { AXGridLayoutNode, AXGridLayoutWidget, AXGridLayoutWidgetCompElement } from './types';
3
+ import * as i0 from "@angular/core";
4
+ /**
5
+ * A directive that turns any element into a GridStack widget.
6
+ * It allows the element to be managed by the GridStack library,
7
+ * enabling features like resizing, dragging, and layout customization.
8
+ *
9
+ * This directive creates an inner element inside the host element
10
+ * and moves the widget content into it for better encapsulation and styling.
11
+ *
12
+ * @example
13
+ * <div axGridLayoutWidget [options]="widgetOptions">Widget Content</div>
14
+ */
15
+ export declare class AXGridLayoutWidgetDirective implements OnInit, OnDestroy {
16
+ /**
17
+ * Reference to the native element of the directive.
18
+ */
19
+ private readonly elementRef;
20
+ /**
21
+ * Renderer2 for safe DOM manipulation.
22
+ */
23
+ private readonly renderer;
24
+ /**
25
+ * The native element of the directive.
26
+ */
27
+ el: AXGridLayoutWidgetCompElement;
28
+ /**
29
+ * The current options of the widget. These options are used to define the layout,
30
+ * content, and behavior of the widget within the grid.
31
+ */
32
+ private _options?;
33
+ /**
34
+ * Reference to the newly created inner element.
35
+ */
36
+ private innerElement;
37
+ /**
38
+ * Input property that represents the widget's configuration options.
39
+ *
40
+ * The options include properties such as position, size, content, and other
41
+ * configuration values. These options are updated dynamically.
42
+ *
43
+ * @param {AXGridLayoutNode} val The configuration object for the widget.
44
+ * @returns {AXGridLayoutWidgetCompElement} The element associated with the widget.
45
+ */
46
+ options: import("@angular/core").InputSignalWithTransform<import("gridstack").GridStackNode, import("gridstack").GridStackNode>;
47
+ /**
48
+ * Initializes the directive and sets up the inner element.
49
+ * Create a new inner element
50
+ * Move the host element's content into the new inner element
51
+ * Append the inner element to the host element
52
+ * Set the reference to the grid widget directive
53
+ */
54
+ ngOnInit(): void;
55
+ /**
56
+ * Cleans up the directive when it is destroyed.
57
+ */
58
+ ngOnDestroy(): void;
59
+ /**
60
+ * Clears the widget's options.
61
+ *
62
+ * This method removes any existing options set for the widget and resets it
63
+ * to its default state.
64
+ */
65
+ clearOptions(): void;
66
+ /**
67
+ * Removes this widget from the grid.
68
+ *
69
+ * This method interacts with GridStack to remove the widget from the layout.
70
+ * Once removed, the widget will no longer be part of the grid.
71
+ */
72
+ removeWidget(): void;
73
+ /**
74
+ * Sets whether the widget can be locked (i.e., not resizable).
75
+ *
76
+ * @param {boolean} state Whether the widget should be locked or not.
77
+ * @remarks
78
+ * If the widget is locked, it cannot be resized.
79
+ */
80
+ setLockable(state: boolean): void;
81
+ /**
82
+ * Sets whether the widget can be resized.
83
+ *
84
+ * @param {boolean} state Whether the widget should be resizable or not.
85
+ * @remarks
86
+ * If the widget is resizable, the user can change its size by dragging.
87
+ */
88
+ setResizable(state: boolean): void;
89
+ /**
90
+ * Updates the options of the widget.
91
+ *
92
+ * @param {AXGridLayoutWidget} options The new options to apply to the widget.
93
+ */
94
+ setOptions(options: AXGridLayoutWidget): void;
95
+ /**
96
+ * Retrieves the current options of the widget.
97
+ *
98
+ * @returns {AXGridLayoutNode} The current configuration options of the widget.
99
+ * @remarks
100
+ * This method provides access to the widget's layout and configuration.
101
+ * If no specific options are set, it returns the default options.
102
+ */
103
+ getOptions(): AXGridLayoutNode;
104
+ static ɵfac: i0.ɵɵFactoryDeclaration<AXGridLayoutWidgetDirective, never>;
105
+ static ɵdir: i0.ɵɵDirectiveDeclaration<AXGridLayoutWidgetDirective, "[axGridLayoutWidget]", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
106
+ }
@@ -1,5 +1,6 @@
1
1
  import { AXGridLayoutContainerComponent } from './grid-layout-container.component';
2
2
  import { AXGridLayoutWidgetComponent } from './grid-layout-widget.component';
3
+ import { AXGridLayoutWidgetDirective } from './grid-layout-widget.directive';
3
4
  export type AXGridLayoutNode = import('gridstack').GridStackNode;
4
5
  export type AXGridLayout = import('gridstack').GridStack;
5
6
  export type AXGridLayoutOptions = import('gridstack').GridStackOptions;
@@ -28,6 +29,6 @@ export interface AXGridLayoutContainerCompElement extends AXGridLayoutContainerE
28
29
  _gridComp?: AXGridLayoutContainerComponent;
29
30
  }
30
31
  export interface AXGridLayoutWidgetCompElement extends AXGridLayoutWidgetElement {
31
- _gridWidgetComp?: AXGridLayoutWidgetComponent;
32
+ _gridWidgetComp?: AXGridLayoutWidgetComponent | AXGridLayoutWidgetDirective;
32
33
  }
33
34
  export type AXSaveCallback = import('gridstack').SaveFcn;
package/kbd/README.md ADDED
@@ -0,0 +1,3 @@
1
+ # @acorex/components/kbd
2
+
3
+ Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/kbd`.
package/kbd/index.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ export * from './lib/kbd-item/kbd-item.component';
2
+ export * from './lib/kbd.component';
3
+ export * from './lib/kbd.module';
@@ -0,0 +1,7 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class AXKBDItemComponent {
3
+ keys: import("@angular/core").InputSignal<string | string[]>;
4
+ modifierKeys: import("@angular/core").WritableSignal<string[]>;
5
+ static ɵfac: i0.ɵɵFactoryDeclaration<AXKBDItemComponent, never>;
6
+ static ɵcmp: i0.ɵɵComponentDeclaration<AXKBDItemComponent, "ax-kbd-item", never, { "keys": { "alias": "keys"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
7
+ }
@@ -0,0 +1,7 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class AXKBDComponent {
3
+ look: import("@angular/core").InputSignal<"solid" | "outline" | "blank">;
4
+ private get __hostClass();
5
+ static ɵfac: i0.ɵɵFactoryDeclaration<AXKBDComponent, never>;
6
+ static ɵcmp: i0.ɵɵComponentDeclaration<AXKBDComponent, "ax-kbd", never, { "look": { "alias": "look"; "required": false; "isSignal": true; }; }, {}, never, ["ax-kbd-item"], false, never>;
7
+ }
@@ -0,0 +1,9 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./kbd.component";
3
+ import * as i2 from "./kbd-item/kbd-item.component";
4
+ import * as i3 from "@angular/common";
5
+ export declare class AXKBDModule {
6
+ static ɵfac: i0.ɵɵFactoryDeclaration<AXKBDModule, never>;
7
+ static ɵmod: i0.ɵɵNgModuleDeclaration<AXKBDModule, [typeof i1.AXKBDComponent, typeof i2.AXKBDItemComponent], [typeof i3.CommonModule], [typeof i1.AXKBDComponent, typeof i2.AXKBDItemComponent]>;
8
+ static ɵinj: i0.ɵɵInjectorDeclaration<AXKBDModule>;
9
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@acorex/components",
3
- "version": "19.8.0-next.9",
3
+ "version": "19.10.0-next.0",
4
4
  "peerDependencies": {
5
5
  "@angular/common": ">=19.0.0",
6
6
  "@angular/core": ">=19.0.0",
@@ -145,6 +145,10 @@
145
145
  "types": "./dropdown-button/index.d.ts",
146
146
  "default": "./fesm2022/acorex-components-dropdown-button.mjs"
147
147
  },
148
+ "./file-explorer": {
149
+ "types": "./file-explorer/index.d.ts",
150
+ "default": "./fesm2022/acorex-components-file-explorer.mjs"
151
+ },
148
152
  "./form": {
149
153
  "types": "./form/index.d.ts",
150
154
  "default": "./fesm2022/acorex-components-form.mjs"
@@ -165,6 +169,10 @@
165
169
  "types": "./json-viewer/index.d.ts",
166
170
  "default": "./fesm2022/acorex-components-json-viewer.mjs"
167
171
  },
172
+ "./kbd": {
173
+ "types": "./kbd/index.d.ts",
174
+ "default": "./fesm2022/acorex-components-kbd.mjs"
175
+ },
168
176
  "./label": {
169
177
  "types": "./label/index.d.ts",
170
178
  "default": "./fesm2022/acorex-components-label.mjs"
@@ -305,6 +313,10 @@
305
313
  "types": "./slider/index.d.ts",
306
314
  "default": "./fesm2022/acorex-components-slider.mjs"
307
315
  },
316
+ "./sliding-item": {
317
+ "types": "./sliding-item/index.d.ts",
318
+ "default": "./fesm2022/acorex-components-sliding-item.mjs"
319
+ },
308
320
  "./step-wizard": {
309
321
  "types": "./step-wizard/index.d.ts",
310
322
  "default": "./fesm2022/acorex-components-step-wizard.mjs"
@@ -1,3 +1,3 @@
1
- # @acorex/components/selection-list-2
1
+ # @acorex/components/selection-list
2
2
 
3
- Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/selection-list-2`.
3
+ Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/selection-list`.
@@ -1,25 +1,77 @@
1
- import { AXSelectionGroupDirective } from '@acorex/cdk/selection';
2
- import { MXInputBaseValueComponent } from '@acorex/components/common';
1
+ import { AXDirection, MXSelectionValueComponent } from '@acorex/components/common';
3
2
  import { TemplateRef } from '@angular/core';
4
3
  import * as i0 from "@angular/core";
5
- export type AXSelectionListLook = 'divided' | 'card';
6
- export declare class AXSelectionListComponent extends MXInputBaseValueComponent<string[]> {
7
- items: import("@angular/core").InputSignal<{
8
- id: number;
9
- text: string;
10
- hint: string;
11
- }[]>;
12
- multiple: import("@angular/core").InputSignal<boolean>;
13
- look: import("@angular/core").InputSignal<AXSelectionListLook>;
14
- direction: import("@angular/core").InputSignal<"vertical" | "horizontal">;
4
+ export type AXSelectionListLook = 'solid' | 'divided' | 'card';
5
+ /**
6
+ * The Button is a component which detects user interaction and triggers a corresponding event
7
+ *
8
+ * @category Components
9
+ */
10
+ export declare class AXSelectionListComponent extends MXSelectionValueComponent {
11
+ /**
12
+ * sets the direction of the component.
13
+ * @param {AXDirection} value
14
+ */
15
+ direction: import("@angular/core").InputSignal<AXDirection>;
16
+ /**
17
+ * The custom template used for rendering content.
18
+ *
19
+ * @param {TemplateRef<unknown>} customTemplate
20
+ */
15
21
  customTemplate: import("@angular/core").InputSignal<TemplateRef<unknown>>;
16
- showControl: import("@angular/core").InputSignal<boolean>;
17
- protected changeHandler(e: {
18
- sender: AXSelectionGroupDirective;
19
- selectedKeys: string[];
20
- }): void;
22
+ /** @ignore */
23
+ private _showControl;
24
+ /**
25
+ * @param {void}
26
+ * Gets the current state of the control visibility.
27
+ */
28
+ get showControl(): boolean;
29
+ /**
30
+ * @param {boolean} v
31
+ * Sets the visibility state of the control.
32
+ */
33
+ set showControl(v: boolean);
34
+ /** @ignore */
35
+ private _items;
36
+ /**
37
+ * Gets the list of items.
38
+ * @param {void}
39
+ */
40
+ get items(): any[];
41
+ /**
42
+ * Sets the list of items.
43
+ *
44
+ * @param {any[]} v
45
+ */
46
+ set items(v: any[]);
47
+ /** @ignore */
48
+ private _hintField;
49
+ /**
50
+ * Gets the field used for displaying hints.
51
+ */
52
+ get hintField(): string;
53
+ /**
54
+ * Sets the field used for displaying hints.
55
+ *
56
+ * @param {string} v
57
+ */
58
+ set hintField(v: string);
59
+ /**
60
+ * Retrieves an item from the list by its key.
61
+ *
62
+ * @param {unknown} key - The key to search for.
63
+ */
64
+ getItemByKey(key: unknown): unknown;
65
+ /**
66
+ * Defines the visual appearance of the selection list.
67
+ *
68
+ * @defaultValue 'solid'
69
+ */
70
+ look: AXSelectionListLook;
71
+ /** @ignore */
72
+ protected _handleOnItemValueChange(item: any, e: Event): void;
21
73
  /** @ignore */
22
74
  private get __hostClass();
23
75
  static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectionListComponent, never>;
24
- static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectionListComponent, "ax-selection-list", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "customTemplate": { "alias": "customTemplate"; "required": false; "isSignal": true; }; "showControl": { "alias": "showControl"; "required": false; "isSignal": true; }; }, { "onValueChanged": "onValueChanged"; }, never, never, false, never>;
76
+ static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectionListComponent, "ax-selection-list", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "disabledField": { "alias": "disabledField"; "required": false; }; "readonlyField": { "alias": "readonlyField"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "customTemplate": { "alias": "customTemplate"; "required": false; "isSignal": true; }; "showControl": { "alias": "showControl"; "required": false; }; "items": { "alias": "items"; "required": false; }; "look": { "alias": "look"; "required": false; }; }, { "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, ["ax-validation-rule"], false, never>;
25
77
  }
@@ -1,9 +1,13 @@
1
1
  import * as i0 from "@angular/core";
2
2
  import * as i1 from "./selection-list.component";
3
- import * as i2 from "@acorex/cdk/selection";
4
- import * as i3 from "@acorex/cdk/list-navigation";
3
+ import * as i2 from "@angular/common";
4
+ import * as i3 from "@angular/forms";
5
+ import * as i4 from "@acorex/components/check-box";
6
+ import * as i5 from "@acorex/components/radio";
7
+ import * as i6 from "@acorex/components/label";
8
+ import * as i7 from "@acorex/components/form";
5
9
  export declare class AXSelectionListModule {
6
10
  static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectionListModule, never>;
7
- static ɵmod: i0.ɵɵNgModuleDeclaration<AXSelectionListModule, [typeof i1.AXSelectionListComponent], [typeof i2.AXSelectionModule, typeof i3.AXListNavigationModule], [typeof i1.AXSelectionListComponent]>;
11
+ static ɵmod: i0.ɵɵNgModuleDeclaration<AXSelectionListModule, [typeof i1.AXSelectionListComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.AXCheckBoxModule, typeof i5.AXRadioModule, typeof i6.AXLabelModule, typeof i7.AXFormModule], [typeof i1.AXSelectionListComponent]>;
8
12
  static ɵinj: i0.ɵɵInjectorDeclaration<AXSelectionListModule>;
9
13
  }
@@ -0,0 +1,3 @@
1
+ # @acorex/components/sliding-item
2
+
3
+ Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/sliding-item`.
@@ -0,0 +1,4 @@
1
+ export * from './lib/sliding-item-prefix/sliding-item-prefix.component';
2
+ export * from './lib/sliding-item-suffix/sliding-item-suffix.component';
3
+ export * from './lib/sliding-item.module';
4
+ export * from './lib/sliding-item/sliding-item.component';
@@ -0,0 +1,13 @@
1
+ import { AXSlidingItemDirective } from '@acorex/cdk/sliding-item';
2
+ import { ElementRef } from '@angular/core';
3
+ import * as i0 from "@angular/core";
4
+ export declare class AXSlidingItemComponent {
5
+ #private;
6
+ protected slidingItem: import("@angular/core").Signal<AXSlidingItemDirective>;
7
+ protected itemPrefix: import("@angular/core").Signal<readonly ElementRef<any>[]>;
8
+ protected itemSuffix: import("@angular/core").Signal<readonly ElementRef<any>[]>;
9
+ protected stopArrayPrefix: import("@angular/core").WritableSignal<number[]>;
10
+ protected stopArraySuffix: import("@angular/core").WritableSignal<number[]>;
11
+ static ɵfac: i0.ɵɵFactoryDeclaration<AXSlidingItemComponent, never>;
12
+ static ɵcmp: i0.ɵɵComponentDeclaration<AXSlidingItemComponent, "ax-sliding-item", never, {}, {}, ["itemPrefix", "itemSuffix"], ["ax-sliding-item-prefix", "ax-content", "ax-sliding-item-suffix"], false, never>;
13
+ }
@@ -0,0 +1,11 @@
1
+ import { AXClickEvent, AXStyleColorType } from '@acorex/components/common';
2
+ import * as i0 from "@angular/core";
3
+ export declare class AXSlidingItemPrefixComponent {
4
+ color: import("@angular/core").InputSignal<AXStyleColorType>;
5
+ text: import("@angular/core").InputSignal<string | number>;
6
+ onClick: import("@angular/core").OutputEmitterRef<AXClickEvent>;
7
+ private get __hostClass();
8
+ _onclick(): void;
9
+ static ɵfac: i0.ɵɵFactoryDeclaration<AXSlidingItemPrefixComponent, never>;
10
+ static ɵcmp: i0.ɵɵComponentDeclaration<AXSlidingItemPrefixComponent, "ax-sliding-item-prefix", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; }, never, ["*"], false, never>;
11
+ }
@@ -0,0 +1,11 @@
1
+ import { AXClickEvent, AXStyleColorType } from '@acorex/components/common';
2
+ import * as i0 from "@angular/core";
3
+ export declare class AXSlidingItemSuffixComponent {
4
+ color: import("@angular/core").InputSignal<AXStyleColorType>;
5
+ text: import("@angular/core").InputSignal<string | number>;
6
+ onClick: import("@angular/core").OutputEmitterRef<AXClickEvent>;
7
+ private get __hostClass();
8
+ _onclick(): void;
9
+ static ɵfac: i0.ɵɵFactoryDeclaration<AXSlidingItemSuffixComponent, never>;
10
+ static ɵcmp: i0.ɵɵComponentDeclaration<AXSlidingItemSuffixComponent, "ax-sliding-item-suffix", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; }, never, ["*"], false, never>;
11
+ }
@@ -0,0 +1,11 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./sliding-item/sliding-item.component";
3
+ import * as i2 from "./sliding-item-prefix/sliding-item-prefix.component";
4
+ import * as i3 from "./sliding-item-suffix/sliding-item-suffix.component";
5
+ import * as i4 from "@acorex/cdk/sliding-item";
6
+ import * as i5 from "@acorex/components/decorators";
7
+ export declare class AXSlidingItemModule {
8
+ static ɵfac: i0.ɵɵFactoryDeclaration<AXSlidingItemModule, never>;
9
+ static ɵmod: i0.ɵɵNgModuleDeclaration<AXSlidingItemModule, [typeof i1.AXSlidingItemComponent, typeof i2.AXSlidingItemPrefixComponent, typeof i3.AXSlidingItemSuffixComponent], [typeof i4.AXSlidingItemDirectiveModule, typeof i5.AXDecoratorModule], [typeof i1.AXSlidingItemComponent, typeof i2.AXSlidingItemPrefixComponent, typeof i3.AXSlidingItemSuffixComponent]>;
10
+ static ɵinj: i0.ɵɵInjectorDeclaration<AXSlidingItemModule>;
11
+ }
@@ -14,6 +14,7 @@ export interface AXTreeViewSchema {
14
14
  visible?: boolean;
15
15
  tooltip?: string;
16
16
  exteraData?: any;
17
+ extension?: string;
17
18
  }
18
19
  export declare class AXTreeItemClickBaseEvent extends AXClickEvent {
19
20
  nativeElement: any;
@@ -3,13 +3,9 @@ import { AXTreeItemClickBaseEvent, AXTreeViewSchema, SelectionBehaviorType } fro
3
3
  import * as i0 from "@angular/core";
4
4
  export declare class AXTreeViewComponent extends NXComponent {
5
5
  #private;
6
- constructor();
7
6
  private itemsSignal;
8
7
  private itemsPromise;
9
- private cdr;
10
- items: import("@angular/core").InputSignal<AXTreeViewSchema[] | ((options?: {
11
- parentId: string | number;
12
- }) => AXTreeViewSchema[] | Promise<AXTreeViewSchema[]>)>;
8
+ items: import("@angular/core").InputSignal<AXTreeViewSchema[] | ((selectedItemId?: string | number) => AXTreeViewSchema[] | Promise<AXTreeViewSchema[]>)>;
13
9
  protected get resolvedItems(): AXTreeViewSchema[];
14
10
  selectable: import("@angular/core").InputSignal<boolean>;
15
11
  selectionMode: import("@angular/core").InputSignal<"single" | "multiple">;
@@ -78,8 +74,6 @@ export declare class AXTreeViewComponent extends NXComponent {
78
74
  private loadingState;
79
75
  protected isNodeLoading(nodeId: string | number): boolean;
80
76
  private setNodeLoading;
81
- setActiveNodeByValueField(valueField: number | string, value: boolean): void;
82
- setExpandNodeByValueField(valueField: number | string, value: boolean): void;
83
77
  static ɵfac: i0.ɵɵFactoryDeclaration<AXTreeViewComponent, never>;
84
78
  static ɵcmp: i0.ɵɵComponentDeclaration<AXTreeViewComponent, "ax-tree-view", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "selectionBehavior": { "alias": "selectionBehavior"; "required": false; "isSignal": true; }; "showActiveNode": { "alias": "showActiveNode"; "required": false; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": false; "isSignal": true; }; "textField": { "alias": "textField"; "required": false; "isSignal": true; }; "visibleField": { "alias": "visibleField"; "required": false; "isSignal": true; }; "disableField": { "alias": "disableField"; "required": false; "isSignal": true; }; "hasChildField": { "alias": "hasChildField"; "required": false; "isSignal": true; }; "iconField": { "alias": "iconField"; "required": false; "isSignal": true; }; "expandBehavior": { "alias": "expandBehavior"; "required": false; "isSignal": true; }; }, { "onSelectionChange": "onSelectionChange"; "onItemClick": "onItemClick"; "onNodeClick": "onNodeClick"; "onNodeExpandClick": "onNodeExpandClick"; }, never, never, false, never>;
85
79
  }