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

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 (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
  }