@acorex/components 20.0.0 → 20.0.1

package/kanban/README.md

@@ -0,0 +1,3 @@
+# @acorex/components/kanban
+
+Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/kanban`.

package/kanban/index.d.ts

@@ -0,0 +1,56 @@
+import { NXComponent, NXNativeEvent } from '@acorex/cdk/common';
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import { AXDropListDroppedEvent } from '@acorex/cdk/drag-drop';
+
+declare class AXKanbanComponent extends NXComponent {
+    statuses: _angular_core.InputSignal<AXKanbanStatus[]>;
+    itemTemplate: _angular_core.InputSignal<TemplateRef<unknown>>;
+    dataSource: _angular_core.InputSignal<any[] | AXKanbanItem[]>;
+    keyField: _angular_core.InputSignal<string>;
+    indexField: _angular_core.InputSignal<string>;
+    titleField: _angular_core.InputSignal<string>;
+    cssClassField: _angular_core.InputSignal<string>;
+    priorityField: _angular_core.InputSignal<string>;
+    statusKeyField: _angular_core.InputSignal<string>;
+    descriptionField: _angular_core.InputSignal<string>;
+    onSortChanged: _angular_core.OutputEmitterRef<AXKanbanSortEvent>;
+    protected items: _angular_core.Signal<AXKanbanItem[]>;
+    protected filteredStatuses: _angular_core.Signal<AXKanbanStatus[]>;
+    /**
+     * Handles the drop event. It uses the component's current rendered state (`this.items`)
+     * as the source of truth for the operation, calculates the new state with precise
+     * re-indexing, and emits a comprehensive event with the updated data source.
+     */
+    drop(event: AXDropListDroppedEvent): void;
+    protected getListById(key: any): AXKanbanItem[];
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXKanbanComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXKanbanComponent, "ax-kanban", never, { "statuses": { "alias": "statuses"; "required": false; "isSignal": true; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; "isSignal": true; }; "keyField": { "alias": "keyField"; "required": false; "isSignal": true; }; "indexField": { "alias": "indexField"; "required": false; "isSignal": true; }; "titleField": { "alias": "titleField"; "required": false; "isSignal": true; }; "cssClassField": { "alias": "cssClassField"; "required": false; "isSignal": true; }; "priorityField": { "alias": "priorityField"; "required": false; "isSignal": true; }; "statusKeyField": { "alias": "statusKeyField"; "required": false; "isSignal": true; }; "descriptionField": { "alias": "descriptionField"; "required": false; "isSignal": true; }; }, { "onSortChanged": "onSortChanged"; }, never, never, true, never>;
+}
+
+type AXKanbanItem = {
+    id: any;
+    index?: number;
+    title?: string;
+    statusKey: any;
+    cssClass?: string;
+    description?: string;
+    priority?: 'highest' | 'high' | 'medium' | 'low' | 'lowest';
+};
+type AXKanbanStatus = {
+    key: any;
+    title: string;
+    index?: number;
+    cssClass?: string;
+};
+interface AXKanbanSortEvent extends NXNativeEvent<AXKanbanComponent, MouseEvent> {
+    item: any;
+    allItems: any[];
+    currentIndex: number;
+    previousIndex: number;
+    currentStatusKey: any;
+    previousStatusKey: any;
+}
+
+export { AXKanbanComponent };
+export type { AXKanbanItem, AXKanbanSortEvent, AXKanbanStatus };

package/number-box/index.d.ts

@@ -32,6 +32,17 @@ declare class AXNumberBoxComponent extends AXNumberBoxComponent_base implements
      *  boolean value that specifies the number box change step by scrolling.
      */
     changeOnScroll: boolean;
+    /** @ignore */
+    private _allDigits;
+    /**
+     *  A number value that specifies the all digits of number.
+     */
+    get allDigits(): number;
+    /**
+     * Sets the all digits of number.
+     * @param {number} v
+     */
+    set allDigits(v: number);
     /**
      *  A character value that specifies the separator character.
      */
@@ -167,7 +178,7 @@ declare class AXNumberBoxComponent extends AXNumberBoxComponent_base implements
     decimalStepDown(u?: boolean): void;
     onWheel(event: WheelEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXNumberBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXNumberBoxComponent, "ax-number-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "look": { "alias": "look"; "required": false; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "changeOnScroll": { "alias": "changeOnScroll"; "required": false; }; "thousandsSeparator": { "alias": "thousandsSeparator"; "required": false; }; "padDecimalZeros": { "alias": "padDecimalZeros"; "required": false; }; "step": { "alias": "step"; "required": false; }; "decimals": { "alias": "decimals"; "required": false; }; "decimalStep": { "alias": "decimalStep"; "required": false; }; "showSpinButtons": { "alias": "showSpinButtons"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "classNames": { "alias": "class"; "required": false; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXNumberBoxComponent, "ax-number-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "look": { "alias": "look"; "required": false; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "changeOnScroll": { "alias": "changeOnScroll"; "required": false; }; "allDigits": { "alias": "allDigits"; "required": false; }; "thousandsSeparator": { "alias": "thousandsSeparator"; "required": false; }; "padDecimalZeros": { "alias": "padDecimalZeros"; "required": false; }; "step": { "alias": "step"; "required": false; }; "decimals": { "alias": "decimals"; "required": false; }; "decimalStep": { "alias": "decimalStep"; "required": false; }; "showSpinButtons": { "alias": "showSpinButtons"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "classNames": { "alias": "class"; "required": false; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule"], true, never>;
 }
 
 declare class AXNumberBoxModule {

package/number-box-2/README.md

@@ -0,0 +1,3 @@
+# @acorex/components/number-box-2
+
+Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/number-box-2`.

package/number-box-2/index.d.ts

@@ -0,0 +1,39 @@
+import * as polytype from 'polytype';
+import * as _angular_core from '@angular/core';
+import { AXInputMaskEvent } from '@acorex/cdk/input-mask';
+import { MXInputBaseValueComponent, MXLookComponent } from '@acorex/cdk/common';
+
+declare const AXNumberBox2Component_base: polytype.Polytype.ClusteredConstructor<[{
+    new (): MXInputBaseValueComponent<number>;
+    ɵfac: _angular_core.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
+    ɵprov: _angular_core.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
+}, typeof MXLookComponent]>;
+/**
+ * The NumberBox is a component which detects user interaction and triggers a corresponding event
+ *
+ * @category Components
+ */
+declare class AXNumberBox2Component extends AXNumberBox2Component_base {
+    #private;
+    minValue: _angular_core.InputSignal<number>;
+    maxValue: _angular_core.InputSignal<number>;
+    showSpinButtons: _angular_core.InputSignal<boolean>;
+    thousandsSeparator: _angular_core.ModelSignal<string>;
+    decimals: _angular_core.InputSignal<number>;
+    changeOnScroll: _angular_core.InputSignal<boolean>;
+    step: _angular_core.InputSignal<number>;
+    protected mode: _angular_core.WritableSignal<"digits" | "thousandsSeparator" | "decimal">;
+    private input;
+    protected stringValue: string;
+    private plusValue;
+    private minusValue;
+    protected handleOnKeydownEvent(e: KeyboardEvent): void;
+    protected handleUpClick(): void;
+    protected handleDownClick(): void;
+    protected handleOnMaskChanged(e: AXInputMaskEvent): void;
+    protected onWheel(event: WheelEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXNumberBox2Component, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXNumberBox2Component, "ax-number-box-2", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "look": { "alias": "look"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "showSpinButtons": { "alias": "showSpinButtons"; "required": false; "isSignal": true; }; "thousandsSeparator": { "alias": "thousandsSeparator"; "required": false; "isSignal": true; }; "decimals": { "alias": "decimals"; "required": false; "isSignal": true; }; "changeOnScroll": { "alias": "changeOnScroll"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; "thousandsSeparator": "thousandsSeparatorChange"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule"], true, never>;
+}
+
+export { AXNumberBox2Component };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/components",
-  "version": "20.0.0",
+  "version": "20.0.1",
   "peerDependencies": {
     "@angular/common": "^20.0.0",
     "@angular/core": "^20.0.0",
@@ -181,6 +181,10 @@
       "types": "./json-viewer/index.d.ts",
       "default": "./fesm2022/acorex-components-json-viewer.mjs"
     },
+    "./kanban": {
+      "types": "./kanban/index.d.ts",
+      "default": "./fesm2022/acorex-components-kanban.mjs"
+    },
     "./kbd": {
       "types": "./kbd/index.d.ts",
       "default": "./fesm2022/acorex-components-kbd.mjs"
@@ -229,6 +233,10 @@
       "types": "./number-box/index.d.ts",
       "default": "./fesm2022/acorex-components-number-box.mjs"
     },
+    "./number-box-2": {
+      "types": "./number-box-2/index.d.ts",
+      "default": "./fesm2022/acorex-components-number-box-2.mjs"
+    },
     "./otp": {
       "types": "./otp/index.d.ts",
       "default": "./fesm2022/acorex-components-otp.mjs"

package/scheduler/index.d.ts

@@ -12,13 +12,12 @@ type AXSchedulerBlockIdentifier = {
 };
 type AXSchedulerAppointment = {
     id: any;
-    data?: any;
     endDate: Date;
     title?: string;
     startDate: Date;
     allDay?: boolean;
-    readonly?: boolean;
     cssClass?: string;
+    readonly?: boolean;
     description?: string;
     priority?: 'highest' | 'high' | 'medium' | 'low' | 'lowest';
 };