primenglab 22.0.0-beta.1

package/types/primenglab-steps.d.ts

@@ -0,0 +1,153 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, ElementRef } from '@angular/core';
+import { Router, ActivatedRoute } from '@angular/router';
+import * as i1 from 'primenglab/api';
+import { MenuItem } from 'primenglab/api';
+import { BaseComponent } from 'primenglab/basecomponent';
+import { Nullable } from 'primenglab/ts-helpers';
+import { Subscription } from 'rxjs';
+import * as _primeuix_styled from '@primeuix/styled';
+import { BaseStyle } from 'primenglab/base';
+
+/**
+ *
+ * Steps components is an indicator for the steps in a wizard workflow. Example below uses nested routes with Steps.
+ *
+ * [Live Demo](https://www.primeng.org/steps/)
+ *
+ * @module stepsstyle
+ *
+ */
+declare enum StepsClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "p-steps",
+    /**
+     * Class name of the list element
+     */
+    list = "p-steps-list",
+    /**
+     * Class name of the item element
+     */
+    item = "p-steps-item",
+    /**
+     * Class name of the item link element
+     */
+    itemLink = "p-steps-item-link",
+    /**
+     * Class name of the item number element
+     */
+    itemNumber = "p-steps-item-number",
+    /**
+     * Class name of the item label element
+     */
+    itemLabel = "p-steps-item-label"
+}
+declare class StepsStyle extends BaseStyle {
+    name: string;
+    style: _primeuix_styled.StyleType;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-readonly': any;
+        })[];
+        list: string;
+        item: ({ instance, item, index }: {
+            instance: any;
+            item: any;
+            index: any;
+        }) => (string | {
+            'p-steps-item-active': any;
+            'p-disabled': any;
+        })[];
+        itemLink: string;
+        itemNumber: string;
+        itemLabel: string;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepsStyle, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<StepsStyle>;
+}
+interface StepsStyle extends BaseStyle {
+}
+
+/**
+ * Steps components is an indicator for the steps in a wizard workflow.
+ * @group Components
+ */
+declare class Steps extends BaseComponent {
+    componentName: string;
+    /**
+     * Index of the active item.
+     * @group Props
+     */
+    activeIndex: number;
+    /**
+     * An array of menu items.
+     * @group Props
+     */
+    model: MenuItem[] | undefined;
+    /**
+     * Whether the items are clickable or not.
+     * @group Props
+     */
+    readonly: boolean;
+    /**
+     * Inline style of the component.
+     * @group Props
+     */
+    style: {
+        [klass: string]: any;
+    } | null | undefined;
+    /**
+     * Style class of the component.
+     * @group Props
+     */
+    styleClass: string | undefined;
+    /**
+     * Whether to apply 'router-link-active-exact' class if route exactly matches the item path.
+     * @group Props
+     */
+    exact: boolean;
+    /**
+     * Callback to invoke when the new step is selected.
+     * @param {number} number - current index.
+     * @group Emits
+     */
+    activeIndexChange: EventEmitter<number>;
+    listViewChild: Nullable<ElementRef>;
+    router: Router;
+    route: ActivatedRoute;
+    _componentStyle: StepsStyle;
+    subscription: Subscription | undefined;
+    onInit(): void;
+    onItemClick(event: Event, item: MenuItem, i: number): void;
+    onItemKeydown(event: KeyboardEvent, item: MenuItem, i: number): void;
+    navigateToNextItem(target: any): void;
+    navigateToPrevItem(target: any): void;
+    navigateToFirstItem(target: any): void;
+    navigateToLastItem(target: any): void;
+    findNextItem(item: any): any;
+    findPrevItem(item: any): any;
+    findFirstItem(): Element | null;
+    findLastItem(): Element | null;
+    setFocusToMenuitem(target: any, focusableItem: any): void;
+    isClickableRouterLink(item: MenuItem): any;
+    isItemDisabled(item: MenuItem, index: number): boolean;
+    isActive(item: MenuItem, index: number): boolean;
+    getItemTabIndex(item: MenuItem, index: number): string;
+    onDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Steps, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Steps, "p-steps", never, { "activeIndex": { "alias": "activeIndex"; "required": false; }; "model": { "alias": "model"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "exact": { "alias": "exact"; "required": false; }; }, { "activeIndexChange": "activeIndexChange"; }, never, never, true, never>;
+    static ngAcceptInputType_activeIndex: unknown;
+    static ngAcceptInputType_readonly: unknown;
+    static ngAcceptInputType_exact: unknown;
+}
+declare class StepsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<StepsModule, never, [typeof Steps, typeof i1.SharedModule], [typeof Steps, typeof i1.SharedModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<StepsModule>;
+}
+
+export { Steps, StepsClasses, StepsModule, StepsStyle };

package/types/primenglab-styleclass.d.ts

@@ -0,0 +1,110 @@
+import * as _angular_core from '@angular/core';
+import { OnDestroy, ElementRef, Renderer2 } from '@angular/core';
+import { VoidListener } from 'primenglab/ts-helpers';
+
+/**
+ * StyleClass manages css classes declaratively to during enter/leave animations or just to toggle classes on an element.
+ * @group Components
+ */
+declare class StyleClass implements OnDestroy {
+    el: ElementRef<any>;
+    renderer: Renderer2;
+    /**
+     * Selector to define the target element. Available selectors are '@next', '@prev', '@parent' and '@grandparent'.
+     * @group Props
+     */
+    selector: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Style class to add when item begins to get displayed.
+     * @group Props
+     */
+    enterFromClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Style class to add during enter animation.
+     * @group Props
+     */
+    enterActiveClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Style class to add when item begins to get displayed.
+     * @group Props
+     */
+    enterToClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Style class to add when item begins to get hidden.
+     * @group Props
+     */
+    leaveFromClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Style class to add during leave animation.
+     * @group Props
+     */
+    leaveActiveClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Style class to add when leave animation is completed.
+     * @group Props
+     */
+    leaveToClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Whether to trigger leave animation when outside of the element is clicked.
+     * @group Props
+     */
+    hideOnOutsideClick: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * Adds or removes a class when no enter-leave animation is required.
+     * @group Props
+     */
+    toggleClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Whether to trigger leave animation when escape key pressed.
+     * @group Props
+     */
+    hideOnEscape: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * Whether to trigger leave animation when the target element resized.
+     * @group Props
+     */
+    hideOnResize: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * Target element to listen resize. Valid values are "window", "document" or target element selector.
+     * @group Props
+     */
+    resizeSelector: _angular_core.InputSignal<string | undefined>;
+    eventListener: VoidListener;
+    documentClickListener: VoidListener;
+    documentKeydownListener: VoidListener;
+    windowResizeListener: VoidListener;
+    resizeObserver: ResizeObserver | undefined;
+    target: HTMLElement | null | undefined;
+    enterListener: VoidListener;
+    leaveListener: VoidListener;
+    animating: boolean | undefined;
+    _enterClass: string | undefined;
+    _leaveClass: string | undefined;
+    _resizeTarget: any;
+    clickListener(): void;
+    toggle(): void;
+    enter(): void;
+    leave(): void;
+    bindDocumentClickListener(): void;
+    bindDocumentKeydownListener(): void;
+    isVisible(): boolean;
+    isOutsideClick(event: MouseEvent): boolean;
+    unbindDocumentClickListener(): void;
+    unbindDocumentKeydownListener(): void;
+    bindResizeListener(): void;
+    unbindResizeListener(): void;
+    bindWindowResizeListener(): void;
+    unbindWindowResizeListener(): void;
+    bindElementResizeListener(): void;
+    unbindElementResizeListener(): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StyleClass, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StyleClass, "[pStyleClass]", never, { "selector": { "alias": "pStyleClass"; "required": false; "isSignal": true; }; "enterFromClass": { "alias": "enterFromClass"; "required": false; "isSignal": true; }; "enterActiveClass": { "alias": "enterActiveClass"; "required": false; "isSignal": true; }; "enterToClass": { "alias": "enterToClass"; "required": false; "isSignal": true; }; "leaveFromClass": { "alias": "leaveFromClass"; "required": false; "isSignal": true; }; "leaveActiveClass": { "alias": "leaveActiveClass"; "required": false; "isSignal": true; }; "leaveToClass": { "alias": "leaveToClass"; "required": false; "isSignal": true; }; "hideOnOutsideClick": { "alias": "hideOnOutsideClick"; "required": false; "isSignal": true; }; "toggleClass": { "alias": "toggleClass"; "required": false; "isSignal": true; }; "hideOnEscape": { "alias": "hideOnEscape"; "required": false; "isSignal": true; }; "hideOnResize": { "alias": "hideOnResize"; "required": false; "isSignal": true; }; "resizeSelector": { "alias": "resizeSelector"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class StyleClassModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StyleClassModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<StyleClassModule, never, [typeof StyleClass], [typeof StyleClass]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<StyleClassModule>;
+}
+
+export { StyleClass, StyleClassModule };