primenglab 22.0.0-beta.1

package/types/primenglab-focustrap.d.ts

@@ -0,0 +1,32 @@
+import * as i0 from '@angular/core';
+import { BaseComponent } from 'primenglab/basecomponent';
+
+/**
+ * Focus Trap keeps focus within a certain DOM element while tabbing.
+ * @group Components
+ */
+declare class FocusTrap extends BaseComponent {
+    /**
+     * When set as true, focus wouldn't be managed.
+     * @group Props
+     */
+    pFocusTrapDisabled: i0.InputSignalWithTransform<boolean, unknown>;
+    firstHiddenFocusableElement: HTMLElement;
+    lastHiddenFocusableElement: HTMLElement;
+    constructor();
+    onInit(): void;
+    removeHiddenFocusableElements(): void;
+    getComputedSelector(selector: string | null): string;
+    createHiddenFocusableElements(): void;
+    onFirstHiddenElementFocus(event: FocusEvent): void;
+    onLastHiddenElementFocus(event: FocusEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FocusTrap, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FocusTrap, "[pFocusTrap]", never, { "pFocusTrapDisabled": { "alias": "pFocusTrapDisabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class FocusTrapModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FocusTrapModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FocusTrapModule, never, [typeof FocusTrap], [typeof FocusTrap]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FocusTrapModule>;
+}
+
+export { FocusTrap, FocusTrapModule };

package/types/primenglab-galleria.d.ts

@@ -0,0 +1,450 @@
+import { GalleriaPassThrough, GalleriaResponsiveOptions, GalleriaPosition, GalleriaIndicatorTemplateContext, GalleriaCaptionTemplateContext, GalleriaItemTemplateContext, GalleriaThumbnailTemplateContext } from 'primenglab/types/galleria';
+export * from 'primenglab/types/galleria';
+import * as _angular_core from '@angular/core';
+import { ElementRef, TemplateRef } from '@angular/core';
+import { MotionOptions, MotionEvent } from '@primeuix/motion';
+import { BaseComponent } from 'primenglab/basecomponent';
+import * as i1 from 'primenglab/bind';
+import { Bind } from 'primenglab/bind';
+import { CSSProperties } from 'primenglab/types/shared';
+import * as _primeuix_styled from '@primeuix/styled';
+import { BaseStyle } from 'primenglab/base';
+import * as i2 from 'primenglab/api';
+
+/**
+ *
+ * Galleria is an advanced content gallery component.
+ *
+ * [Live Demo](https://www.primeng.org/galleria/)
+ *
+ * @module galleriastyle
+ *
+ */
+declare enum GalleriaClasses {
+    /**
+     * Class name of the mask element
+     */
+    mask = "p-galleria-mask",
+    /**
+     * Class name of the root element
+     */
+    root = "p-galleria",
+    /**
+     * Class name of the close button element
+     */
+    closeButton = "p-galleria-close-button",
+    /**
+     * Class name of the close icon element
+     */
+    closeIcon = "p-galleria-close-icon",
+    /**
+     * Class name of the header element
+     */
+    header = "p-galleria-header",
+    /**
+     * Class name of the content element
+     */
+    content = "p-galleria-content",
+    /**
+     * Class name of the footer element
+     */
+    footer = "p-galleria-footer",
+    /**
+     * Class name of the items container element
+     */
+    itemsContainer = "p-galleria-items-container",
+    /**
+     * Class name of the items element
+     */
+    items = "p-galleria-items",
+    /**
+     * Class name of the previous item button element
+     */
+    prevButton = "p-galleria-prev-button",
+    /**
+     * Class name of the previous item icon element
+     */
+    prevIcon = "p-galleria-prev-icon",
+    /**
+     * Class name of the item element
+     */
+    item = "p-galleria-item",
+    /**
+     * Class name of the next item button element
+     */
+    nextButton = "p-galleria-next-button",
+    /**
+     * Class name of the next item icon element
+     */
+    nextIcon = "p-galleria-next-icon",
+    /**
+     * Class name of the caption element
+     */
+    caption = "p-galleria-caption",
+    /**
+     * Class name of the indicator list element
+     */
+    indicatorList = "p-galleria-indicator-list",
+    /**
+     * Class name of the indicator element
+     */
+    indicator = "p-galleria-indicator",
+    /**
+     * Class name of the indicator button element
+     */
+    indicatorButton = "p-galleria-indicator-button",
+    /**
+     * Class name of the thumbnails element
+     */
+    thumbnails = "p-galleria-thumbnails",
+    /**
+     * Class name of the thumbnail content element
+     */
+    thumbnailContent = "p-galleria-thumbnails-content",
+    /**
+     * Class name of the previous thumbnail button element
+     */
+    previousThumbnailButton = "p-galleria-thumbnail-prev-button",
+    /**
+     * Class name of the previous thumbnail icon element
+     */
+    previousThumbnailIcon = "p-galleria-thumbnail-prev-icon",
+    /**
+     * Class name of the thumbnails viewport element
+     */
+    thumbnailsViewport = "p-galleria-thumbnails-viewport",
+    /**
+     * Class name of the thumbnail items element
+     */
+    thumbnailItems = "p-galleria-thumbnail-items",
+    /**
+     * Class name of the thumbnail item element
+     */
+    thumbnailItem = "p-galleria-thumbnail-item",
+    /**
+     * Class name of the thumbnail element
+     */
+    thumbnail = "p-galleria-thumbnail",
+    /**
+     * Class name of the next thumbnail button element
+     */
+    nextThumbnailButton = "p-galleria-thumbnail-next-button",
+    /**
+     * Class name of the next thumbnail icon element
+     */
+    nextThumbnailIcon = "p-galleria-thumbnail-next-icon"
+}
+declare class GalleriaStyle extends BaseStyle {
+    name: string;
+    style: _primeuix_styled.StyleType;
+    classes: {
+        mask: string;
+        root: ({ instance }: {
+            instance: any;
+        }) => any[];
+        closeButton: string;
+        closeIcon: string;
+        header: string;
+        content: string;
+        footer: string;
+        itemsContainer: string;
+        items: string;
+        prevButton: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-disabled': any;
+        })[];
+        prevIcon: string;
+        item: string;
+        nextButton: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-disabled': any;
+        })[];
+        nextIcon: string;
+        caption: string;
+        indicatorList: string;
+        indicator: ({ instance, index }: {
+            instance: any;
+            index: any;
+        }) => (string | {
+            'p-galleria-indicator-active': any;
+        })[];
+        indicatorButton: string;
+        thumbnails: string;
+        thumbnailContent: string;
+        thumbnailPrevButton: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-disabled': any;
+        })[];
+        thumbnailPrevIcon: string;
+        thumbnailsViewport: string;
+        thumbnailItems: string;
+        thumbnailItem: ({ instance, index, activeIndex }: {
+            instance: any;
+            index: any;
+            activeIndex: any;
+        }) => (string | {
+            'p-galleria-thumbnail-item-current': boolean;
+            'p-galleria-thumbnail-item-active': any;
+            'p-galleria-thumbnail-item-start': boolean;
+            'p-galleria-thumbnail-item-end': boolean;
+        })[];
+        thumbnail: string;
+        thumbnailNextButton: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-disabled': any;
+        })[];
+        thumbnailNextIcon: string;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<GalleriaStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<GalleriaStyle>;
+}
+interface GalleriaStyle extends BaseStyle {
+}
+
+/**
+ * Galleria is an advanced content gallery component.
+ * @group Components
+ * @deprecated Use Gallery component instead.
+ */
+declare class Galleria extends BaseComponent<GalleriaPassThrough> {
+    componentName: string;
+    bindDirectiveInstance: Bind;
+    $pcGalleria: Galleria | undefined;
+    onAfterViewChecked(): void;
+    /**
+     * Index of the first item.
+     * @group Props
+     */
+    activeIndex: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * Whether to display the component on fullscreen.
+     * @group Props
+     */
+    fullScreen: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Unique identifier of the element.
+     * @group Props
+     */
+    id: _angular_core.InputSignal<string | undefined>;
+    /**
+     * An array of objects to display.
+     * @group Props
+     */
+    value: _angular_core.InputSignal<any[] | undefined>;
+    /**
+     * Number of items per page.
+     * @group Props
+     */
+    numVisible: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * An array of options for responsive design.
+     * @see {GalleriaResponsiveOptions}
+     * @group Props
+     */
+    responsiveOptions: _angular_core.InputSignal<GalleriaResponsiveOptions[] | undefined>;
+    /**
+     * Whether to display navigation buttons in item section.
+     * @group Props
+     */
+    showItemNavigators: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether to display navigation buttons in thumbnail container.
+     * @group Props
+     */
+    showThumbnailNavigators: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether to display navigation buttons on item hover.
+     * @group Props
+     */
+    showItemNavigatorsOnHover: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * When enabled, item is changed on indicator hover.
+     * @group Props
+     */
+    changeItemOnIndicatorHover: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines if scrolling would be infinite.
+     * @group Props
+     */
+    circular: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Items are displayed with a slideshow in autoPlay mode.
+     * @group Props
+     */
+    autoPlay: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * When enabled, autorun should stop by click.
+     * @group Props
+     */
+    shouldStopAutoplayByClick: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Time in milliseconds to scroll items.
+     * @group Props
+     */
+    transitionInterval: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * Whether to display thumbnail container.
+     * @group Props
+     */
+    showThumbnails: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Position of thumbnails.
+     * @group Props
+     */
+    thumbnailsPosition: _angular_core.InputSignal<GalleriaPosition>;
+    /**
+     * Height of the viewport in vertical thumbnail.
+     * @group Props
+     */
+    verticalThumbnailViewPortHeight: _angular_core.InputSignal<string>;
+    /**
+     * Whether to display indicator container.
+     * @group Props
+     */
+    showIndicators: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * When enabled, indicator container is displayed on item container.
+     * @group Props
+     */
+    showIndicatorsOnItem: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Position of indicators.
+     * @group Props
+     */
+    indicatorsPosition: _angular_core.InputSignal<GalleriaPosition>;
+    /**
+     * Base zIndex value to use in layering.
+     * @group Props
+     */
+    baseZIndex: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * Style class of the mask on fullscreen mode.
+     * @group Props
+     */
+    maskClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Style class of the component on fullscreen mode. Otherwise, the 'class' property can be used.
+     * @group Props
+     */
+    containerClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Inline style of the component on fullscreen mode. Otherwise, the 'style' property can be used.
+     * @group Props
+     */
+    containerStyle: _angular_core.InputSignal<CSSProperties>;
+    /**
+     * The motion options.
+     * @group Props
+     */
+    motionOptions: _angular_core.InputSignal<MotionOptions | undefined>;
+    computedMotionOptions: _angular_core.Signal<MotionOptions>;
+    /**
+     * The mask motion options.
+     * @group Props
+     */
+    maskMotionOptions: _angular_core.InputSignal<MotionOptions | undefined>;
+    computedMaskMotionOptions: _angular_core.Signal<MotionOptions>;
+    maskEnterActiveClass: _angular_core.Signal<"" | "p-overlay-mask-enter-active">;
+    maskLeaveActiveClass: _angular_core.Signal<"" | "p-overlay-mask-leave-active">;
+    maskRole: _angular_core.Signal<"dialog" | "region">;
+    maskAriaModal: _angular_core.Signal<"true" | undefined>;
+    /**
+     * Specifies the visibility of the mask on fullscreen mode.
+     * @group Props
+     */
+    visible: _angular_core.ModelSignal<boolean>;
+    renderMask: _angular_core.WritableSignal<boolean>;
+    renderContent: _angular_core.WritableSignal<boolean>;
+    /**
+     * Callback to invoke on active index change.
+     * @param {number} number - Active index.
+     * @group Emits
+     */
+    activeIndexChange: _angular_core.OutputEmitterRef<number>;
+    container: _angular_core.Signal<ElementRef<any> | undefined>;
+    _activeIndex: _angular_core.WritableSignal<number>;
+    /**
+     * Custom header template.
+     * @group Templates
+     */
+    headerTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    /**
+     * Custom footer template.
+     * @group Templates
+     */
+    footerTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    /**
+     * Custom indicator template.
+     * @group Templates
+     */
+    indicatorTemplate: _angular_core.Signal<TemplateRef<GalleriaIndicatorTemplateContext> | undefined>;
+    /**
+     * Custom caption template.
+     * @group Templates
+     */
+    captionTemplate: _angular_core.Signal<TemplateRef<GalleriaCaptionTemplateContext<any>> | undefined>;
+    /**
+     * Custom close icon template.
+     * @group Templates
+     */
+    closeIconTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    /**
+     * Custom previous thumbnail icon template.
+     * @group Templates
+     */
+    previousThumbnailIconTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    /**
+     * Custom next thumbnail icon template.
+     * @group Templates
+     */
+    nextThumbnailIconTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    /**
+     * Custom item previous icon template.
+     * @group Templates
+     */
+    itemPreviousIconTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    /**
+     * Custom item next icon template.
+     * @group Templates
+     */
+    itemNextIconTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    /**
+     * Custom item template.
+     * @group Templates
+     */
+    itemTemplate: _angular_core.Signal<TemplateRef<GalleriaItemTemplateContext<any>> | undefined>;
+    /**
+     * Custom thumbnail template.
+     * @group Templates
+     */
+    thumbnailTemplate: _angular_core.Signal<TemplateRef<GalleriaThumbnailTemplateContext<any>> | undefined>;
+    maskVisible: boolean;
+    numVisibleLimit: _angular_core.WritableSignal<number>;
+    d_numVisible: _angular_core.Signal<number>;
+    _componentStyle: GalleriaStyle;
+    mask: HTMLElement | undefined;
+    element: ElementRef<any>;
+    constructor();
+    onMaskHide(event?: MouseEvent): void;
+    onActiveItemChange(index: number): void;
+    onBeforeEnter(event: MotionEvent): void;
+    onBeforeLeave(): void;
+    onAfterLeave(): void;
+    onMaskAfterLeave(): void;
+    enableModality(): void;
+    disableModality(): void;
+    onDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Galleria, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Galleria, "p-galleria", never, { "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; "fullScreen": { "alias": "fullScreen"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "numVisible": { "alias": "numVisible"; "required": false; "isSignal": true; }; "responsiveOptions": { "alias": "responsiveOptions"; "required": false; "isSignal": true; }; "showItemNavigators": { "alias": "showItemNavigators"; "required": false; "isSignal": true; }; "showThumbnailNavigators": { "alias": "showThumbnailNavigators"; "required": false; "isSignal": true; }; "showItemNavigatorsOnHover": { "alias": "showItemNavigatorsOnHover"; "required": false; "isSignal": true; }; "changeItemOnIndicatorHover": { "alias": "changeItemOnIndicatorHover"; "required": false; "isSignal": true; }; "circular": { "alias": "circular"; "required": false; "isSignal": true; }; "autoPlay": { "alias": "autoPlay"; "required": false; "isSignal": true; }; "shouldStopAutoplayByClick": { "alias": "shouldStopAutoplayByClick"; "required": false; "isSignal": true; }; "transitionInterval": { "alias": "transitionInterval"; "required": false; "isSignal": true; }; "showThumbnails": { "alias": "showThumbnails"; "required": false; "isSignal": true; }; "thumbnailsPosition": { "alias": "thumbnailsPosition"; "required": false; "isSignal": true; }; "verticalThumbnailViewPortHeight": { "alias": "verticalThumbnailViewPortHeight"; "required": false; "isSignal": true; }; "showIndicators": { "alias": "showIndicators"; "required": false; "isSignal": true; }; "showIndicatorsOnItem": { "alias": "showIndicatorsOnItem"; "required": false; "isSignal": true; }; "indicatorsPosition": { "alias": "indicatorsPosition"; "required": false; "isSignal": true; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; "isSignal": true; }; "maskClass": { "alias": "maskClass"; "required": false; "isSignal": true; }; "containerClass": { "alias": "containerClass"; "required": false; "isSignal": true; }; "containerStyle": { "alias": "containerStyle"; "required": false; "isSignal": true; }; "motionOptions": { "alias": "motionOptions"; "required": false; "isSignal": true; }; "maskMotionOptions": { "alias": "maskMotionOptions"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; }, { "visible": "visibleChange"; "activeIndexChange": "activeIndexChange"; }, ["headerTemplate", "footerTemplate", "indicatorTemplate", "captionTemplate", "closeIconTemplate", "previousThumbnailIconTemplate", "nextThumbnailIconTemplate", "itemPreviousIconTemplate", "itemNextIconTemplate", "itemTemplate", "thumbnailTemplate"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class GalleriaModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<GalleriaModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<GalleriaModule, never, [typeof Galleria, typeof i2.SharedModule], [typeof Galleria, typeof i2.SharedModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<GalleriaModule>;
+}
+
+export { Galleria, GalleriaClasses, GalleriaModule, GalleriaStyle };