@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.
- package/avatar/lib/avatar.component.d.ts +3 -2
- package/button-group/lib/button-group-item.component.d.ts +1 -1
- package/button-group/lib/button-group.component.d.ts +1 -0
- package/conversation/lib/conversation-container/conversation-container.component.d.ts +3 -2
- package/conversation/lib/conversation-input/conversation-input.component.d.ts +2 -1
- package/decorators/index.d.ts +1 -0
- package/decorators/lib/components/generic-content.component.d.ts +1 -1
- package/decorators/lib/components/heading/heading.component.d.ts +11 -0
- package/decorators/lib/decorators.module.d.ts +4 -3
- package/fesm2022/acorex-components-action-sheet.mjs +3 -3
- package/fesm2022/acorex-components-action-sheet.mjs.map +1 -1
- package/fesm2022/acorex-components-alert.mjs +1 -1
- package/fesm2022/acorex-components-audio-wave.mjs +3 -3
- package/fesm2022/acorex-components-audio-wave.mjs.map +1 -1
- package/fesm2022/acorex-components-avatar.mjs +6 -5
- package/fesm2022/acorex-components-avatar.mjs.map +1 -1
- package/fesm2022/acorex-components-badge.mjs +3 -3
- package/fesm2022/acorex-components-badge.mjs.map +1 -1
- package/fesm2022/acorex-components-bottom-navigation.mjs +3 -3
- package/fesm2022/acorex-components-breadcrumbs.mjs +1 -1
- package/fesm2022/acorex-components-button-group.mjs +27 -15
- package/fesm2022/acorex-components-button-group.mjs.map +1 -1
- package/fesm2022/acorex-components-button.mjs +6 -6
- package/fesm2022/acorex-components-button.mjs.map +1 -1
- package/fesm2022/acorex-components-calendar.mjs +5 -5
- package/fesm2022/acorex-components-check-box.mjs +3 -3
- package/fesm2022/acorex-components-check-box.mjs.map +1 -1
- package/fesm2022/acorex-components-chips.mjs +1 -1
- package/fesm2022/acorex-components-circular-progress.mjs +3 -3
- package/fesm2022/acorex-components-circular-progress.mjs.map +1 -1
- package/fesm2022/acorex-components-collapse.mjs +4 -4
- package/fesm2022/acorex-components-collapse.mjs.map +1 -1
- package/fesm2022/acorex-components-color-box.mjs +3 -3
- package/fesm2022/acorex-components-color-palette.mjs +7 -5
- package/fesm2022/acorex-components-color-palette.mjs.map +1 -1
- package/fesm2022/acorex-components-comment.mjs +6 -6
- package/fesm2022/acorex-components-comment.mjs.map +1 -1
- package/fesm2022/acorex-components-common.mjs +1 -1
- package/fesm2022/acorex-components-conversation.mjs +44 -23
- package/fesm2022/acorex-components-conversation.mjs.map +1 -1
- package/fesm2022/acorex-components-cron-job.mjs +2 -2
- package/fesm2022/acorex-components-cron-job.mjs.map +1 -1
- package/fesm2022/acorex-components-data-pager.mjs +27 -29
- package/fesm2022/acorex-components-data-pager.mjs.map +1 -1
- package/fesm2022/acorex-components-data-table.mjs +5 -5
- package/fesm2022/acorex-components-data-table.mjs.map +1 -1
- package/fesm2022/acorex-components-datetime-box.mjs +1 -1
- package/fesm2022/acorex-components-datetime-input.mjs +1 -1
- package/fesm2022/acorex-components-datetime-picker.mjs +2 -2
- package/fesm2022/acorex-components-datetime-picker.mjs.map +1 -1
- package/fesm2022/acorex-components-decorators.mjs +25 -8
- package/fesm2022/acorex-components-decorators.mjs.map +1 -1
- package/fesm2022/acorex-components-dialog.mjs +3 -3
- package/fesm2022/acorex-components-dialog.mjs.map +1 -1
- package/fesm2022/acorex-components-drawer.mjs +4 -4
- package/fesm2022/acorex-components-drawer.mjs.map +1 -1
- package/fesm2022/acorex-components-dropdown-button.mjs +3 -3
- package/fesm2022/acorex-components-dropdown-button.mjs.map +1 -1
- package/fesm2022/acorex-components-dropdown.mjs +3 -3
- package/fesm2022/acorex-components-dropdown.mjs.map +1 -1
- package/fesm2022/acorex-components-file-explorer.mjs +231 -0
- package/fesm2022/acorex-components-file-explorer.mjs.map +1 -0
- package/fesm2022/acorex-components-form.mjs +2 -2
- package/fesm2022/acorex-components-form.mjs.map +1 -1
- package/fesm2022/acorex-components-grid-layout-builder.mjs +198 -20
- package/fesm2022/acorex-components-grid-layout-builder.mjs.map +1 -1
- package/fesm2022/acorex-components-image-editor.mjs +3 -3
- package/fesm2022/acorex-components-image-editor.mjs.map +1 -1
- package/fesm2022/acorex-components-image.mjs +1 -1
- package/fesm2022/acorex-components-json-viewer.mjs +1 -1
- package/fesm2022/acorex-components-kbd.mjs +56 -0
- package/fesm2022/acorex-components-kbd.mjs.map +1 -0
- package/fesm2022/acorex-components-label.mjs +1 -1
- package/fesm2022/acorex-components-list.mjs +3 -3
- package/fesm2022/acorex-components-list.mjs.map +1 -1
- package/fesm2022/acorex-components-loading-dialog.mjs +3 -3
- package/fesm2022/acorex-components-loading-dialog.mjs.map +1 -1
- package/fesm2022/acorex-components-loading.mjs +3 -3
- package/fesm2022/acorex-components-loading.mjs.map +1 -1
- package/fesm2022/acorex-components-map.mjs +1 -1
- package/fesm2022/acorex-components-media-viewer.mjs +6 -6
- package/fesm2022/acorex-components-media-viewer.mjs.map +1 -1
- package/fesm2022/acorex-components-menu.mjs +7 -7
- package/fesm2022/acorex-components-menu.mjs.map +1 -1
- package/fesm2022/acorex-components-navbar.mjs +3 -3
- package/fesm2022/acorex-components-navbar.mjs.map +1 -1
- package/fesm2022/acorex-components-notification.mjs +3 -3
- package/fesm2022/acorex-components-notification.mjs.map +1 -1
- package/fesm2022/acorex-components-number-box.mjs +3 -3
- package/fesm2022/acorex-components-number-box.mjs.map +1 -1
- package/fesm2022/acorex-components-otp.mjs +3 -3
- package/fesm2022/acorex-components-otp.mjs.map +1 -1
- package/fesm2022/acorex-components-page.mjs +1 -1
- package/fesm2022/acorex-components-paint.mjs +3 -3
- package/fesm2022/acorex-components-paint.mjs.map +1 -1
- package/fesm2022/acorex-components-password-box.mjs +3 -3
- package/fesm2022/acorex-components-password-box.mjs.map +1 -1
- package/fesm2022/acorex-components-pdf-reader.mjs +1 -1
- package/fesm2022/acorex-components-phone-box.mjs +2 -2
- package/fesm2022/acorex-components-phone-box.mjs.map +1 -1
- package/fesm2022/acorex-components-picker.mjs +1 -1
- package/fesm2022/acorex-components-popover.mjs +1 -1
- package/fesm2022/acorex-components-popup.mjs +3 -3
- package/fesm2022/acorex-components-popup.mjs.map +1 -1
- package/fesm2022/acorex-components-progress-bar.mjs +1 -1
- package/fesm2022/acorex-components-qrcode.mjs +1 -1
- package/fesm2022/acorex-components-radio.mjs +1 -1
- package/fesm2022/acorex-components-rail-navigation.mjs +1 -1
- package/fesm2022/acorex-components-range-slider.mjs +1 -1
- package/fesm2022/acorex-components-rate-picker.mjs +3 -3
- package/fesm2022/acorex-components-rate-picker.mjs.map +1 -1
- package/fesm2022/acorex-components-result.mjs +1 -1
- package/fesm2022/acorex-components-routing-progress.mjs +1 -1
- package/fesm2022/acorex-components-scheduler.mjs +2 -2
- package/fesm2022/acorex-components-scheduler.mjs.map +1 -1
- package/fesm2022/acorex-components-search-box.mjs +3 -3
- package/fesm2022/acorex-components-search-box.mjs.map +1 -1
- package/fesm2022/acorex-components-select-box.mjs +3 -3
- package/fesm2022/acorex-components-select-box.mjs.map +1 -1
- package/fesm2022/acorex-components-selection-list.mjs +142 -28
- package/fesm2022/acorex-components-selection-list.mjs.map +1 -1
- package/fesm2022/acorex-components-side-menu.mjs +4 -4
- package/fesm2022/acorex-components-side-menu.mjs.map +1 -1
- package/fesm2022/acorex-components-skeleton.mjs +1 -1
- package/fesm2022/acorex-components-slider.mjs +3 -3
- package/fesm2022/acorex-components-slider.mjs.map +1 -1
- package/fesm2022/acorex-components-sliding-item.mjs +153 -0
- package/fesm2022/acorex-components-sliding-item.mjs.map +1 -0
- package/fesm2022/acorex-components-step-wizard.mjs +3 -3
- package/fesm2022/acorex-components-step-wizard.mjs.map +1 -1
- package/fesm2022/acorex-components-switch.mjs +3 -3
- package/fesm2022/acorex-components-switch.mjs.map +1 -1
- package/fesm2022/acorex-components-tabs.mjs +1 -1
- package/fesm2022/acorex-components-tag.mjs +1 -1
- package/fesm2022/acorex-components-text-area.mjs +3 -3
- package/fesm2022/acorex-components-text-area.mjs.map +1 -1
- package/fesm2022/acorex-components-text-box.mjs +3 -3
- package/fesm2022/acorex-components-text-box.mjs.map +1 -1
- package/fesm2022/acorex-components-time-line.mjs +2 -2
- package/fesm2022/acorex-components-toast.mjs +1 -1
- package/fesm2022/acorex-components-toolbar.mjs +3 -3
- package/fesm2022/acorex-components-toolbar.mjs.map +1 -1
- package/fesm2022/acorex-components-tooltip.mjs +1 -1
- package/fesm2022/acorex-components-tree-view.mjs +37 -68
- package/fesm2022/acorex-components-tree-view.mjs.map +1 -1
- package/fesm2022/acorex-components-uploader.mjs +6 -6
- package/fesm2022/acorex-components-uploader.mjs.map +1 -1
- package/fesm2022/acorex-components-video-player.mjs +1 -1
- package/fesm2022/acorex-components-wysiwyg.mjs +7 -7
- package/fesm2022/acorex-components-wysiwyg.mjs.map +1 -1
- package/file-explorer/README.md +3 -0
- package/file-explorer/index.d.ts +6 -0
- package/file-explorer/lib/file-explorer-container/file-explorer-container.component.d.ts +10 -0
- package/file-explorer/lib/file-explorer-item/file-explorer-item.component.d.ts +11 -0
- package/file-explorer/lib/file-explorer-types.d.ts +11 -0
- package/file-explorer/lib/file-explorer-view/file-explorer-view.component.d.ts +27 -0
- package/file-explorer/lib/file-explorer.module.d.ts +16 -0
- package/file-explorer/lib/file-explorer.service.d.ts +6 -0
- package/grid-layout-builder/index.d.ts +1 -0
- package/grid-layout-builder/lib/grid-layout-builder.module.d.ts +3 -2
- package/grid-layout-builder/lib/grid-layout-container.component.d.ts +14 -10
- package/grid-layout-builder/lib/grid-layout-widget.directive.d.ts +106 -0
- package/grid-layout-builder/lib/types.d.ts +2 -1
- package/kbd/README.md +3 -0
- package/kbd/index.d.ts +3 -0
- package/kbd/lib/kbd-item/kbd-item.component.d.ts +7 -0
- package/kbd/lib/kbd.component.d.ts +7 -0
- package/kbd/lib/kbd.module.d.ts +9 -0
- package/package.json +13 -1
- package/selection-list/README.md +2 -2
- package/selection-list/lib/selection-list.component.d.ts +70 -18
- package/selection-list/lib/selection-list.module.d.ts +7 -3
- package/sliding-item/README.md +3 -0
- package/sliding-item/index.d.ts +4 -0
- package/sliding-item/lib/sliding-item/sliding-item.component.d.ts +13 -0
- package/sliding-item/lib/sliding-item-prefix/sliding-item-prefix.component.d.ts +11 -0
- package/sliding-item/lib/sliding-item-suffix/sliding-item-suffix.component.d.ts +11 -0
- package/sliding-item/lib/sliding-item.module.d.ts +11 -0
- package/tree-view/lib/tree-view.class.d.ts +1 -0
- 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,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 "
|
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
|
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
|
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
|
-
|
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
|
-
|
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
|
221
|
+
* Saves the current grid layout configuration.
|
218
222
|
*
|
219
|
-
* @param saveContent
|
220
|
-
* @param saveGridOpt
|
221
|
-
* @param saveCallback Optional callback
|
222
|
-
* @returns The
|
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"; }, ["
|
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
package/kbd/index.d.ts
ADDED
@@ -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.
|
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"
|
package/selection-list/README.md
CHANGED
@@ -1,3 +1,3 @@
|
|
1
|
-
# @acorex/components/selection-list
|
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
|
3
|
+
Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/selection-list`.
|
@@ -1,25 +1,77 @@
|
|
1
|
-
import {
|
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
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
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
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
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; }; "
|
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 "@
|
4
|
-
import * as i3 from "@
|
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.
|
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,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
|
+
}
|
@@ -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
|
-
|
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
|
}
|