@acorex/components 19.15.0-next.8 → 20.0.0

package/calendar/index.d.ts

@@ -1,4 +1,367 @@
-export * from './lib/calendar-range.component';
-export * from './lib/calendar.class';
-export * from './lib/calendar.component';
-export * from './lib/calendar.module';
+import * as polytype from 'polytype';
+import * as i0 from '@angular/core';
+import { TemplateRef, EventEmitter, AfterViewInit } from '@angular/core';
+import * as i5 from '@acorex/cdk/common';
+import { MXBaseComponent, AXItemClickEvent, AXRangeChangedEvent, MXValueComponent, AXRange, MXInteractiveComponent, AXClickEvent, MXComponentOptionChanged } from '@acorex/cdk/common';
+import * as i2 from '@acorex/core/date-time';
+import { AXCalendarService, AXDateTime, AXDateTimeRange } from '@acorex/core/date-time';
+import { AXLocaleService } from '@acorex/core/locale';
+import * as i3 from '@acorex/core/translation';
+import { AXTranslationService } from '@acorex/core/translation';
+import * as i1 from '@angular/common';
+import * as i4 from '@acorex/components/tooltip';
+
+type AXCalendarViewType = 'year' | 'month' | 'day';
+type AXCalendarViewDepth = AXCalendarViewType;
+type AXCalendarDisabledDates = Date[] | ((date: Date) => boolean);
+type AXCalendarHolidayDates = Date[] | ((date: Date) => boolean);
+type AXCalendarCellCssClass = string | {
+    [key: string]: boolean;
+} | ((date: Date) => string);
+type AXDateTimePickerType = 'date' | 'time' | 'datetime';
+/**
+ *  Contains native event
+ * @category Events
+ */
+declare class AXCalendarNavigateEvent extends AXRangeChangedEvent<Date> {
+}
+/**
+ *  Contains native event
+ * @category Events
+ */
+declare class AXCalendarSlotClick extends AXItemClickEvent<Date> {
+}
+interface AXCalendarViewSlot {
+    date: AXDateTime;
+    text: string;
+    tooltip: string;
+    today: boolean;
+    selected: boolean;
+    disabled: boolean;
+    cssClass: {
+        [key: string]: boolean;
+    };
+}
+interface AXCalendarView {
+    range: AXDateTimeRange;
+    slots: AXCalendarViewSlot[];
+}
+declare class MXCalendarBaseComponent extends MXBaseComponent {
+    protected localeService: AXLocaleService;
+    protected calendarService: AXCalendarService;
+    protected translateService: AXTranslationService;
+    interface: 'calendar' | 'picker';
+    /**
+     * @deprecated
+     * use dayCellTemplate, monthCellTemplate, yearCellTemplate instead
+     */
+    cellTemplate?: TemplateRef<unknown>;
+    dayCellTemplate?: TemplateRef<unknown>;
+    monthCellTemplate?: TemplateRef<unknown>;
+    yearCellTemplate?: TemplateRef<unknown>;
+    cellClass?: AXCalendarCellCssClass;
+    showNavigation: boolean;
+    count: number;
+    onSlotClick: EventEmitter<AXCalendarSlotClick>;
+    onNavigate: EventEmitter<AXCalendarNavigateEvent>;
+    activeViewChange: EventEmitter<AXCalendarViewType>;
+    private _activeView;
+    get activeView(): AXCalendarViewType;
+    set activeView(v: AXCalendarViewType);
+    typeChange: EventEmitter<string>;
+    private _type;
+    /**
+     * @deprecated use calendar input instead
+     */
+    get type(): string;
+    set type(v: string);
+    depthChange: EventEmitter<AXCalendarViewDepth>;
+    private _depth;
+    get depth(): AXCalendarViewDepth;
+    set depth(v: AXCalendarViewDepth);
+    minValueChange: EventEmitter<Date>;
+    private _minValue;
+    get minValue(): Date;
+    set minValue(v: Date);
+    maxValueChange: EventEmitter<Date>;
+    private _maxValue;
+    get maxValue(): Date;
+    set maxValue(v: Date);
+    disabledDatesChange: EventEmitter<AXCalendarDisabledDates>;
+    private _disabledDates;
+    get disabledDates(): AXCalendarDisabledDates;
+    set disabledDates(v: AXCalendarDisabledDates);
+    holidayDatesChange: EventEmitter<AXCalendarHolidayDates>;
+    private _holidayDates;
+    get holidayDates(): AXCalendarHolidayDates;
+    set holidayDates(v: AXCalendarHolidayDates);
+    render(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MXCalendarBaseComponent, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MXCalendarBaseComponent>;
+}
+declare const CALENDAR_INPUTS: string[];
+declare const CALENDAR_OUTPUTS: string[];
+
+declare const AXCalendarRangeComponent_base: polytype.Polytype.ClusteredConstructor<[{
+    new (): MXValueComponent<AXRange<Date>>;
+    ɵfac: i0.ɵɵFactoryDeclaration<MXValueComponent<any>, never>;
+    ɵprov: i0.ɵɵInjectableDeclaration<MXValueComponent<any>>;
+}, typeof MXInteractiveComponent, typeof MXCalendarBaseComponent]>;
+declare class AXCalendarRangeComponent extends AXCalendarRangeComponent_base implements AfterViewInit {
+    private formatService;
+    private unsubscriber;
+    protected calendar: i0.WritableSignal<string>;
+    /**
+     *  @ignore
+     */
+    private _calendarService;
+    private _c1;
+    private _c2;
+    _navText: string;
+    /**
+     *  @ignore
+     */
+    constructor();
+    /**
+     *  @ignore
+     */
+    protected ngOnInit(): void;
+    /**
+     *  @ignore
+     */
+    ngAfterViewInit(): void;
+    internalValueChanged(value: any): void;
+    /** w
+     *  @ignore
+     */
+    getCellClass: (date: AXDateTime) => "ax-range-start" | "ax-range-end" | "ax-range-between";
+    /**
+     *  @ignore
+     */
+    protected handleSlotClick(e: AXCalendarSlotClick): void;
+    /**
+     *  @ignore
+     */
+    protected handlePrevClick(): void;
+    /**
+     *  @ignore
+     */
+    protected handleNextClick(): void;
+    /**
+     *  @ignore
+     */
+    protected handleNavClick(): void;
+    /**
+     *  @ignore
+     */
+    private _syncNavText;
+    /**
+     *  @ignore
+     */
+    protected handleNavigate(): void;
+    /**
+     *  @ignore
+     */
+    protected handleActiveViewChange1(): void;
+    /**
+     *  @ignore
+     */
+    protected handleActiveViewChange2(): void;
+    /**
+     *  @ignore
+     */
+    private _syncNav1;
+    /**
+     *  @ignore
+     */
+    private _syncNav2;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXCalendarRangeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCalendarRangeComponent, "ax-calendar-range", never, { "rtl": { "alias": "rtl"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "depth": { "alias": "depth"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "holidayDates": { "alias": "holidayDates"; "required": false; }; "type": { "alias": "type"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; "cellClass": { "alias": "cellClass"; "required": false; }; "showNavigation": { "alias": "showNavigation"; "required": false; }; }, { "onOptionChanged": "onOptionChanged"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "depthChange": "depthChange"; "typeChange": "typeChange"; "activeViewChange": "activeViewChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; "onSlotClick": "onSlotClick"; }, never, ["*"], true, never>;
+}
+
+declare const AXCalendarComponent_base: polytype.Polytype.ClusteredConstructor<[{
+    new (): MXValueComponent<Date>;
+    ɵfac: i0.ɵɵFactoryDeclaration<MXValueComponent<any>, never>;
+    ɵprov: i0.ɵɵInjectableDeclaration<MXValueComponent<any>>;
+}, typeof MXInteractiveComponent, typeof MXCalendarBaseComponent]>;
+/**
+ * A calendar component that provides a customizable calendar view with various options for selection, navigation, and styling.
+ *
+ * @category Components
+ */
+declare class AXCalendarComponent extends AXCalendarComponent_base {
+    private formatService;
+    protected calendar: i0.WritableSignal<string>;
+    get displayRange(): AXDateTimeRange;
+    /**
+     *  @ignore
+     */
+    protected _today: AXDateTime;
+    /**
+     *  @ignore
+     */
+    private _viewStartDate;
+    /**
+     *  @ignore
+     */
+    private _navUserInteraction;
+    /**
+     *  @ignore
+     */
+    private _footPrint;
+    /**
+     *  @ignore
+     */
+    protected views: AXCalendarView[];
+    /**
+     *  @ignore
+     */
+    protected _weekdays: number[];
+    /**
+     *  @ignore
+     */
+    private oldValue;
+    /**
+     *  @ignore
+     */
+    private _initValues;
+    /**
+     *  @ignore
+     */
+    private _refresh;
+    /**
+     *  @ignore
+     */
+    constructor();
+    /**
+     *  @ignore
+     */
+    protected ngOnInit(): void;
+    /**
+     *  @ignore
+     */
+    protected ngAfterViewInit(): void;
+    /**
+     *  @ignore
+     */
+    render(): void;
+    /**
+     *  @ignore
+     */
+    private _setDisplayRange;
+    /**
+     *  @ignore
+     */
+    private dayView;
+    /**
+     *  @ignore
+     */
+    private monthView;
+    /**
+     *  @ignore
+     */
+    private yearView;
+    /**
+     *  @ignore
+     */
+    protected _handlePrevClick(): void;
+    /**
+     *  @ignore
+     */
+    protected _handleNextClick(): void;
+    /**
+     *  @ignore
+     */
+    protected _handleSlotClick(e: MouseEvent, slot: AXCalendarViewSlot): void;
+    /**
+     *  @ignore
+     */
+    protected _handleNavClick(e: AXClickEvent | any, view: AXCalendarViewType): void;
+    toggleView(): void;
+    /**
+     *  @ignore
+     */
+    protected internalOptionChanged(e: MXComponentOptionChanged): void;
+    /**
+     *  @ignore
+     */
+    protected internalSetValue(value: Date): Date | null;
+    /**
+     *  @ignore
+     */
+    protected internalValueChanged(value?: Date): void;
+    /**
+     *  @ignore
+     */
+    protected _handleGoToday(): void;
+    /**
+     * Navigates to the next item.
+     * @ignore
+     */
+    next(): void;
+    /**
+     * Navigates to the previous item.
+     * @ignore
+     */
+    prev(): void;
+    /**
+     * Sets focus to the currently selected calendar slot or the first available slot.
+     * @ignore
+     */
+    focus(): void;
+    /**
+     *  @ignore
+     */
+    private _navNextPrev;
+    /**
+     * Navigates to the current date.
+     * @ignore
+     */
+    goToday(): void;
+    /**
+     * Navigates to a specified date and updates the view.
+     *
+     * @param date - The date to navigate to, which can be a `Date` object or an `AXDateTime` instance.
+     * @ignore
+     */
+    navTo(date: Date | AXDateTime): void;
+    /**
+     *  @ignore
+     */
+    private get __hostClass();
+    /**
+     *  @ignore
+     */
+    private _setDate;
+    /**
+     *  @ignore
+     */
+    protected isDisabled(date: AXDateTime): boolean;
+    /**
+     *  @ignore
+     */
+    protected isHoliday(date: AXDateTime): boolean;
+    /**
+     *  @ignore
+     */
+    protected isWeekend(date: AXDateTime): boolean;
+    /**
+     *  @ignore
+     */
+    _handleOnKeydownEvent(e: KeyboardEvent): void;
+    /**
+     *  @ignore
+     */
+    protected getMonthName(date: AXDateTime, style: 'short' | 'long'): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXCalendarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCalendarComponent, "ax-calendar", never, { "rtl": { "alias": "rtl"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "depth": { "alias": "depth"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "holidayDates": { "alias": "holidayDates"; "required": false; }; "type": { "alias": "type"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; "cellClass": { "alias": "cellClass"; "required": false; }; "showNavigation": { "alias": "showNavigation"; "required": false; }; "count": { "alias": "count"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "onOptionChanged": "onOptionChanged"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "minValueChange": "minValueChange"; "maxValueChange": "maxValueChange"; "onBlur": "onBlur"; "onFocus": "onFocus"; "depthChange": "depthChange"; "typeChange": "typeChange"; "activeViewChange": "activeViewChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; "onSlotClick": "onSlotClick"; "countChange": "countChange"; }, never, ["ax-header", "ax-footer"], true, never>;
+}
+
+declare class AXCalendarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXCalendarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXCalendarModule, never, [typeof i1.CommonModule, typeof i2.AXDateTimeModule, typeof i3.AXTranslationModule, typeof i4.AXTooltipModule, typeof i5.AXRippleDirective, typeof AXCalendarComponent, typeof AXCalendarRangeComponent], [typeof AXCalendarComponent, typeof AXCalendarRangeComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXCalendarModule>;
+}
+
+export { AXCalendarComponent, AXCalendarModule, AXCalendarNavigateEvent, AXCalendarRangeComponent, AXCalendarSlotClick, CALENDAR_INPUTS, CALENDAR_OUTPUTS, MXCalendarBaseComponent };
+export type { AXCalendarCellCssClass, AXCalendarDisabledDates, AXCalendarHolidayDates, AXCalendarView, AXCalendarViewDepth, AXCalendarViewSlot, AXCalendarViewType, AXDateTimePickerType };

package/check-box/index.d.ts

@@ -1,2 +1,74 @@
-export * from './lib/check-box.component';
-export * from './lib/check-box.module';
+import * as polytype from 'polytype';
+import * as i0 from '@angular/core';
+import { MXValueComponent, MXColorComponent } from '@acorex/cdk/common';
+import * as i1 from '@angular/common';
+import * as i2 from '@angular/forms';
+import * as i3 from '@acorex/components/decorators';
+
+declare const AXCheckBoxComponent_base: polytype.Polytype.ClusteredConstructor<[{
+    new (): MXValueComponent<boolean>;
+    ɵfac: i0.ɵɵFactoryDeclaration<MXValueComponent<any>, never>;
+    ɵprov: i0.ɵɵInjectableDeclaration<MXValueComponent<any>>;
+}, typeof MXColorComponent]>;
+/**
+ * A checkbox component that allows users to select or deselect an option.
+ *
+ * @category Components
+ */
+declare class AXCheckBoxComponent extends AXCheckBoxComponent_base {
+    /**
+     *  @ignore
+     */
+    private _labels;
+    /**
+     * Sets the checkbox to an indeterminate state.
+     *
+     * @defaultValue false
+     */
+    indeterminate: boolean;
+    /**
+     *  @ignore
+     */
+    protected _stateIndeterminate: boolean;
+    /**
+     *  @ignore
+     */
+    protected internalGetValue(value: unknown): boolean | null;
+    /**
+     * Sets the checkbox state based on the provided value.
+     *
+     * @param value - `boolean` or `null`. Determines if the checkbox is checked, unchecked, or indeterminate.
+     */
+    internalSetValue(value: boolean | null): boolean;
+    /**
+     *  @ignore
+     */
+    protected ngOnInit(): void;
+    /**
+     * @ignore
+     */
+    ngAfterViewInit(): void;
+    /**
+     * @ignore
+     */
+    private _handleClick;
+    /**
+     *  @ignore
+     */
+    protected _handleModelChange(value: boolean | null): void;
+    /**
+     * @ignore
+     */
+    private get __hostClass();
+    protected changeValue(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXCheckBoxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCheckBoxComponent, "ax-check-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "color": { "alias": "color"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, ["_labels"], ["ax-label", "ax-form-hint", "ax-validation-rule"], true, never>;
+}
+
+declare class AXCheckBoxModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXCheckBoxModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXCheckBoxModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i3.AXDecoratorModule, typeof AXCheckBoxComponent], [typeof AXCheckBoxComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXCheckBoxModule>;
+}
+
+export { AXCheckBoxComponent, AXCheckBoxModule };

package/chips/index.d.ts

@@ -1,2 +1,37 @@
-export * from './lib/chips.component';
-export * from './lib/chips.module';
+import * as i0 from '@angular/core';
+import * as i1 from '@acorex/cdk/common';
+import { AXStyleLookType, AXStyleSizeType, MXColorComponent } from '@acorex/cdk/common';
+import * as i1$1 from '@angular/common';
+
+type AXChipsLookType = Extract<AXStyleLookType, 'solid' | 'outline' | 'twotone'>;
+type AXChipsSizeType = Exclude<AXStyleSizeType, 'ax-xs' | 'ax-xl'>;
+/**
+ * A component for displaying and managing a set of chips.
+ *
+ * @category Components
+ */
+declare class AXChipsComponent extends MXColorComponent {
+    /**
+     * The text displayed on the chips.
+     *
+     * @defaultValue ''
+     */
+    text: i0.ModelSignal<string>;
+    look: i0.ModelSignal<AXChipsLookType>;
+    size: i0.ModelSignal<AXChipsSizeType>;
+    /**
+     *  @ignore
+     */
+    private get __hostClass();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXChipsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXChipsComponent, "ax-chips", never, { "tabIndex": { "alias": "tabIndex"; "required": false; }; "color": { "alias": "color"; "required": false; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "text": "textChange"; "look": "lookChange"; "size": "sizeChange"; }, never, ["ax-prefix", "ax-suffix"], true, [{ directive: typeof i1.AXRippleDirective; inputs: {}; outputs: {}; }]>;
+}
+
+declare class AXChipsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXChipsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXChipsModule, never, [typeof i1$1.CommonModule, typeof AXChipsComponent], [typeof AXChipsComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXChipsModule>;
+}
+
+export { AXChipsComponent, AXChipsModule };
+export type { AXChipsLookType, AXChipsSizeType };

package/circular-progress/index.d.ts

@@ -1,2 +1,73 @@
-export * from './lib/circular-progress.component';
-export * from './lib/circular-progress.module';
+import * as _angular_core from '@angular/core';
+import { ElementRef } from '@angular/core';
+import { MXColorComponent } from '@acorex/cdk/common';
+
+type AXCircularProgressMode = 'determinate' | 'indeterminate';
+/**
+ * The Button is a component which detects user interaction and triggers a corresponding event
+ *
+ * @category Components
+ */
+declare class AXCircularProgressComponent extends MXColorComponent {
+    /**
+     *  @ignore
+     */
+    circle: _angular_core.Signal<ElementRef<HTMLDivElement>>;
+    /**
+     * Defines the current progress of the circular progress component.
+     *
+     * Change progress mode
+     *
+     */
+    mode: _angular_core.InputSignal<AXCircularProgressMode>;
+    /**
+     * Defines the current progress of the circular progress component.
+     *
+     * The percentage value to set for the progress.
+     *
+     */
+    progress: _angular_core.ModelSignal<number>;
+    /**
+     * Defines the stroke width of the circular progress component.
+     *
+     * The stroke width to be set for the circular progress component.
+     */
+    stroke: _angular_core.ModelSignal<number>;
+    /**
+     * Defines the stroke width of the circular progress component.
+     *
+     * Circle size
+     */
+    size: _angular_core.ModelSignal<number>;
+    /**
+     *  @ignore
+     */
+    constructor();
+    /**
+     *  @ignore
+     */
+    private get __hostClass();
+    /**
+     * @ignore
+     */
+    setCircularSize(): void;
+    /**
+     * @ignore
+     */
+    updateProgress(): void;
+    /**
+     * @ignore
+     */
+    setIndeterminateMode(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXCircularProgressComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXCircularProgressComponent, "ax-circular-progress", never, { "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "progress": { "alias": "progress"; "required": false; "isSignal": true; }; "stroke": { "alias": "stroke"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "progress": "progressChange"; "stroke": "strokeChange"; "size": "sizeChange"; }, never, ["ax-prefix", "*", "ax-suffix"], true, never>;
+}
+
+declare class AXCircularProgressModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXCircularProgressModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXCircularProgressModule, never, [typeof AXCircularProgressComponent], [typeof AXCircularProgressComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXCircularProgressModule>;
+}
+
+export { AXCircularProgressComponent, AXCircularProgressModule };
+export type { AXCircularProgressMode };