primenglab 22.0.0-beta.1

package/types/primenglab-picklist.d.ts

@@ -0,0 +1,751 @@
+import { PickListPassThrough, PickListMoveToSourceEvent, PickListMoveAllToSourceEvent, PickListMoveAllToTargetEvent, PickListMoveToTargetEvent, PickListSourceReorderEvent, PickListTargetReorderEvent, PickListSourceSelectEvent, PickListTargetSelectEvent, PickListSourceFilterEvent, PickListTargetFilterEvent, PickListItemTemplateContext, PickListFilterTemplateContext, PickListTransferIconTemplateContext, PickListFilterOptions } from 'primenglab/types/picklist';
+export * from 'primenglab/types/picklist';
+import * as primenglab_button from 'primenglab/button';
+import * as _angular_core from '@angular/core';
+import { ElementRef, TemplateRef } from '@angular/core';
+import { CdkDragDrop } from '@angular/cdk/drag-drop';
+import { FilterMatchModeType, FilterService } from 'primenglab/api';
+import { BaseComponent } from 'primenglab/basecomponent';
+import * as i1 from 'primenglab/bind';
+import { Bind } from 'primenglab/bind';
+import { ButtonDirectiveOptions } from 'primenglab/types/button';
+import { Listbox, ListboxChangeEvent } from 'primenglab/listbox';
+import { CSSProperties } from 'primenglab/types/shared';
+import * as _primeuix_styled from '@primeuix/styled';
+import { BaseStyle } from 'primenglab/base';
+
+/**
+ *
+ * PickList is used to reorder items between different lists.
+ *
+ * [Live Demo](https://www.primeng.org/picklist)
+ *
+ * @module pickliststyle
+ *
+ */
+declare enum PickListClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "p-picklist",
+    /**
+     * Class name of the source controls element
+     */
+    sourceControls = "p-picklist-source-controls",
+    /**
+     * Class name of the source list container element
+     */
+    sourceListContainer = "p-picklist-source-list-container",
+    /**
+     * Class name of the transfer controls element
+     */
+    transferControls = "p-picklist-transfer-controls",
+    /**
+     * Class name of the target list container element
+     */
+    targetListContainer = "p-picklist-target-list-container",
+    /**
+     * Class name of the target controls element
+     */
+    targetControls = "p-picklist-target-controls"
+}
+declare class PickListStyle extends BaseStyle {
+    name: string;
+    style: _primeuix_styled.StyleType;
+    classes: {
+        root: () => string[];
+        sourceControls: string;
+        sourceListContainer: string;
+        transferControls: string;
+        targetListContainer: string;
+        targetControls: string;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PickListStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<PickListStyle>;
+}
+interface PickListStyle extends BaseStyle {
+}
+
+/**
+ * PickList is used to reorder items between different lists.
+ * @group Components
+ */
+declare class PickList extends BaseComponent<PickListPassThrough> {
+    componentName: string;
+    hostName: _angular_core.InputSignal<any>;
+    bindDirectiveInstance: Bind;
+    $pcPickList: PickList | undefined;
+    onAfterViewChecked(): void;
+    /**
+     * An array of objects for the source list.
+     * @group Props
+     */
+    source: _angular_core.ModelSignal<any[]>;
+    /**
+     * An array of objects for the target list.
+     * @group Props
+     */
+    target: _angular_core.ModelSignal<any[]>;
+    /**
+     * Name of the field that uniquely identifies the options.
+     * @group Props
+     */
+    dataKey: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Text for the source list caption
+     * @group Props
+     */
+    sourceHeader: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Index of the element in tabbing order.
+     * @group Props
+     */
+    tabindex: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * Defines a string that labels the move to right button for accessibility.
+     * @group Props
+     */
+    rightButtonAriaLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines a string that labels the move to left button for accessibility.
+     * @group Props
+     */
+    leftButtonAriaLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines a string that labels the move to all right button for accessibility.
+     * @group Props
+     */
+    allRightButtonAriaLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines a string that labels the move to all left button for accessibility.
+     * @group Props
+     */
+    allLeftButtonAriaLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines a string that labels the move to up button for accessibility.
+     * @group Props
+     */
+    upButtonAriaLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines a string that labels the move to down button for accessibility.
+     * @group Props
+     */
+    downButtonAriaLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines a string that labels the move to top button for accessibility.
+     * @group Props
+     */
+    topButtonAriaLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines a string that labels the move to bottom button for accessibility.
+     * @group Props
+     */
+    bottomButtonAriaLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines a string that labels the source list.
+     * @group Props
+     */
+    sourceAriaLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines a string that labels the target list.
+     * @group Props
+     */
+    targetAriaLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Text for the target list caption
+     * @group Props
+     */
+    targetHeader: _angular_core.InputSignal<string | undefined>;
+    /**
+     * When enabled orderlist adjusts its controls based on screen size.
+     * @group Props
+     */
+    responsive: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * When specified displays an input field to filter the items on keyup and decides which field to search (Accepts multiple fields with a comma).
+     * @group Props
+     */
+    filterBy: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Locale to use in filtering. The default locale is the host environment's current locale.
+     * @group Props
+     */
+    filterLocale: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Function to optimize the dom operations by delegating to ngForTrackBy, default algorithm checks for object identity. Use sourceTrackBy or targetTrackBy in case different algorithms are needed per list.
+     * @group Props
+     */
+    trackBy: _angular_core.InputSignal<Function>;
+    /**
+     * Function to optimize the dom operations by delegating to ngForTrackBy in source list, default algorithm checks for object identity.
+     * @group Props
+     */
+    sourceTrackBy: _angular_core.InputSignal<Function | undefined>;
+    /**
+     * Function to optimize the dom operations by delegating to ngForTrackBy in target list, default algorithm checks for object identity.
+     * @group Props
+     */
+    targetTrackBy: _angular_core.InputSignal<Function | undefined>;
+    /**
+     * Whether to show filter input for source list when filterBy is enabled.
+     * @group Props
+     */
+    showSourceFilter: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether to show filter input for target list when filterBy is enabled.
+     * @group Props
+     */
+    showTargetFilter: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines how multiple items can be selected, when true metaKey needs to be pressed to select or unselect an item and when set to false selection of each item can be toggled individually. On touch enabled devices, metaKeySelection is turned off automatically.
+     * @group Props
+     */
+    metaKeySelection: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether to enable dragdrop based reordering.
+     * @group Props
+     */
+    dragdrop: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Inline style of the component.
+     * @group Props
+     */
+    style: _angular_core.InputSignal<CSSProperties>;
+    /**
+     * Inline style of the source list element.
+     * @group Props
+     */
+    sourceStyle: _angular_core.InputSignal<CSSProperties>;
+    /**
+     * Inline style of the target list element.
+     * @group Props
+     */
+    targetStyle: _angular_core.InputSignal<CSSProperties>;
+    /**
+     * Whether to show buttons of source list.
+     * @group Props
+     */
+    showSourceControls: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether to show buttons of target list.
+     * @group Props
+     */
+    showTargetControls: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Placeholder text on source filter input.
+     * @group Props
+     */
+    sourceFilterPlaceholder: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Placeholder text on target filter input.
+     * @group Props
+     */
+    targetFilterPlaceholder: _angular_core.InputSignal<string | undefined>;
+    /**
+     * When present, it specifies that the component should be disabled.
+     * @group Props
+     */
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Name of the disabled field of a target option or function to determine disabled state.
+     * @group Props
+     */
+    sourceOptionDisabled: _angular_core.InputSignal<string | ((item: any) => boolean) | undefined>;
+    /**
+     * Name of the disabled field of a target option or function to determine disabled state.
+     * @group Props
+     */
+    targetOptionDisabled: _angular_core.InputSignal<string | ((item: any) => boolean) | undefined>;
+    /**
+     * Defines a string that labels the filter input of source list.
+     * @group Props
+     */
+    ariaSourceFilterLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines a string that labels the filter input of target list.
+     * @group Props
+     */
+    ariaTargetFilterLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines how the items are filtered.
+     * @group Props
+     */
+    filterMatchMode: _angular_core.InputSignal<FilterMatchModeType>;
+    /**
+     * Whether to displays rows with alternating colors.
+     * @group Props
+     */
+    stripedRows: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Keeps selection on the transfer list.
+     * @group Props
+     */
+    keepSelection: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Height of the viewport, a scrollbar is defined if height of list exceeds this value.
+     * @group Props
+     */
+    scrollHeight: _angular_core.InputSignal<string>;
+    /**
+     * Whether to focus on the first visible or selected element.
+     * @group Props
+     */
+    autoOptionFocus: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Configuration object forwarded to the Button component.
+     * @group Props
+     */
+    buttonProps: _angular_core.InputSignal<ButtonDirectiveOptions>;
+    /**
+     * Configuration object forwarded to the move up button inside the component.
+     * @group Props
+     */
+    moveUpButtonProps: _angular_core.InputSignal<ButtonDirectiveOptions | undefined>;
+    /**
+     * 	Configuration object forwarded to the move top button inside the component.
+     * @group Props
+     */
+    moveTopButtonProps: _angular_core.InputSignal<ButtonDirectiveOptions | undefined>;
+    /**
+     * 	Configuration object forwarded to the move down button inside the component.
+     * @group Props
+     */
+    moveDownButtonProps: _angular_core.InputSignal<ButtonDirectiveOptions | undefined>;
+    /**
+     * 	Configuration object forwarded to the move bottom button inside the component.
+     * @group Props
+     */
+    moveBottomButtonProps: _angular_core.InputSignal<ButtonDirectiveOptions | undefined>;
+    /**
+     * 	Configuration object forwarded to the move to target button inside the component.
+     * @group Props
+     */
+    moveToTargetProps: _angular_core.InputSignal<ButtonDirectiveOptions | undefined>;
+    /**
+     * 	Configuration object forwarded to the move all to target button inside the component.
+     * @group Props
+     */
+    moveAllToTargetProps: _angular_core.InputSignal<ButtonDirectiveOptions | undefined>;
+    /**
+     *  Configuration object forwarded to the move to source button inside the component.
+     * @group Props
+     */
+    moveToSourceProps: _angular_core.InputSignal<ButtonDirectiveOptions | undefined>;
+    /**
+     *  Configuration object forwarded to the move all to source button inside the component.
+     * @group Props
+     */
+    moveAllToSourceProps: _angular_core.InputSignal<ButtonDirectiveOptions | undefined>;
+    /**
+     * Indicates the width of the screen at which the component should change its behavior.
+     * @group Props
+     */
+    breakpoint: _angular_core.InputSignal<string>;
+    /**
+     * Callback to invoke when items are moved from target to source.
+     * @param {PickListMoveToSourceEvent} event - Custom move to source event.
+     * @group Emits
+     */
+    onMoveToSource: _angular_core.OutputEmitterRef<PickListMoveToSourceEvent>;
+    /**
+     * Callback to invoke when all items are moved from target to source.
+     * @param {PickListMoveAllToSourceEvent} event - Custom move all to source event.
+     * @group Emits
+     */
+    onMoveAllToSource: _angular_core.OutputEmitterRef<PickListMoveAllToSourceEvent>;
+    /**
+     * Callback to invoke when all items are moved from source to target.
+     * @param {PickListMoveAllToTargetEvent} event - Custom move all to target event.
+     * @group Emits
+     */
+    onMoveAllToTarget: _angular_core.OutputEmitterRef<PickListMoveAllToTargetEvent>;
+    /**
+     * Callback to invoke when items are moved from source to target.
+     * @param {PickListMoveToTargetEvent} event - Custom move to target event.
+     * @group Emits
+     */
+    onMoveToTarget: _angular_core.OutputEmitterRef<PickListMoveToTargetEvent>;
+    /**
+     * Callback to invoke when items are reordered within source list.
+     * @param {PickListSourceReorderEvent} event - Custom source reorder event.
+     * @group Emits
+     */
+    onSourceReorder: _angular_core.OutputEmitterRef<PickListSourceReorderEvent>;
+    /**
+     * Callback to invoke when items are reordered within target list.
+     * @param {PickListTargetReorderEvent} event - Custom target reorder event.
+     * @group Emits
+     */
+    onTargetReorder: _angular_core.OutputEmitterRef<PickListTargetReorderEvent>;
+    /**
+     * Callback to invoke when items are selected within source list.
+     * @param {PickListSourceSelectEvent} event - Custom source select event.
+     * @group Emits
+     */
+    onSourceSelect: _angular_core.OutputEmitterRef<PickListSourceSelectEvent>;
+    /**
+     * Callback to invoke when items are selected within target list.
+     * @param {PickListTargetSelectEvent} event - Custom target select event.
+     * @group Emits
+     */
+    onTargetSelect: _angular_core.OutputEmitterRef<PickListTargetSelectEvent>;
+    /**
+     * Callback to invoke when the source list is filtered
+     * @param {PickListSourceFilterEvent} event - Custom source filter event.
+     * @group Emits
+     */
+    onSourceFilter: _angular_core.OutputEmitterRef<PickListSourceFilterEvent>;
+    /**
+     * Callback to invoke when the target list is filtered
+     * @param {PickListTargetFilterEvent} event - Custom target filter event.
+     * @group Emits
+     */
+    onTargetFilter: _angular_core.OutputEmitterRef<PickListTargetFilterEvent>;
+    /**
+     * Callback to invoke when the list is focused
+     * @param {Event} event - Browser event.
+     * @group Emits
+     */
+    onFocus: _angular_core.OutputEmitterRef<Event>;
+    /**
+     * Callback to invoke when the list is blurred
+     * @param {Event} event - Browser event.
+     * @group Emits
+     */
+    onBlur: _angular_core.OutputEmitterRef<Event>;
+    listViewSourceChild: _angular_core.Signal<Listbox | undefined>;
+    listViewTargetChild: _angular_core.Signal<Listbox | undefined>;
+    sourceFilterViewChild: _angular_core.Signal<ElementRef<any> | undefined>;
+    targetFilterViewChild: _angular_core.Signal<ElementRef<any> | undefined>;
+    /**
+     * Custom item template.
+     * @param {PickListItemTemplateContext} context - item context.
+     * @see {@link PickListItemTemplateContext}
+     * @group Templates
+     */
+    itemTemplate: _angular_core.Signal<TemplateRef<PickListItemTemplateContext> | undefined>;
+    /**
+     * Custom source item template, falls back to the shared item template when not defined.
+     * @param {PickListItemTemplateContext} context - item context.
+     * @see {@link PickListItemTemplateContext}
+     * @group Templates
+     */
+    sourceItemTemplate: _angular_core.Signal<TemplateRef<PickListItemTemplateContext> | undefined>;
+    /**
+     * Custom target item template, falls back to the shared item template when not defined.
+     * @param {PickListItemTemplateContext} context - item context.
+     * @see {@link PickListItemTemplateContext}
+     * @group Templates
+     */
+    targetItemTemplate: _angular_core.Signal<TemplateRef<PickListItemTemplateContext> | undefined>;
+    /**
+     * Resolved item template for the source list (source-specific or shared).
+     */
+    $sourceItemTemplate: _angular_core.Signal<TemplateRef<PickListItemTemplateContext> | undefined>;
+    /**
+     * Resolved item template for the target list (target-specific or shared).
+     */
+    $targetItemTemplate: _angular_core.Signal<TemplateRef<PickListItemTemplateContext> | undefined>;
+    /**
+     * Custom source header template.
+     * @group Templates
+     */
+    sourceHeaderTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    /**
+     * Custom target header template.
+     * @group Templates
+     */
+    targetHeaderTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    /**
+     * Custom source filter template.
+     * @param {PickListFilterTemplateContext} context - filter context.
+     * @see {@link PickListFilterTemplateContext}
+     * @group Templates
+     */
+    sourceFilterTemplate: _angular_core.Signal<TemplateRef<PickListFilterTemplateContext> | undefined>;
+    /**
+     * Custom target filter template.
+     * @param {PickListFilterTemplateContext} context - filter context.
+     * @see {@link PickListFilterTemplateContext}
+     * @group Templates
+     */
+    targetFilterTemplate: _angular_core.Signal<TemplateRef<PickListFilterTemplateContext> | undefined>;
+    /**
+     * Custom empty message when source is empty template.
+     * @group Templates
+     */
+    emptyMessageSourceTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    /**
+     * Custom empty filter message when source is empty template.
+     * @group Templates
+     */
+    emptyFilterMessageSourceTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    /**
+     * Custom empty message when target is empty template.
+     * @group Templates
+     */
+    emptyMessageTargetTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    /**
+     * Custom empty filter message when target is empty template.
+     * @group Templates
+     */
+    emptyFilterMessageTargetTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    /**
+     * Custom move up icon template.
+     * @group Templates
+     */
+    moveUpIconTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    /**
+     * Custom move top icon template.
+     * @group Templates
+     */
+    moveTopIconTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    /**
+     * Custom move down icon template.
+     * @group Templates
+     */
+    moveDownIconTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    /**
+     * Custom move bottom icon template.
+     * @group Templates
+     */
+    moveBottomIconTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    /**
+     * Custom move to target icon template.
+     * @param {PickListTransferIconTemplateContext} context - icon context.
+     * @see {@link PickListTransferIconTemplateContext}
+     * @group Templates
+     */
+    moveToTargetIconTemplate: _angular_core.Signal<TemplateRef<PickListTransferIconTemplateContext> | undefined>;
+    /**
+     * Custom move all to target icon template.
+     * @param {PickListTransferIconTemplateContext} context - icon context.
+     * @see {@link PickListTransferIconTemplateContext}
+     * @group Templates
+     */
+    moveAllToTargetIconTemplate: _angular_core.Signal<TemplateRef<PickListTransferIconTemplateContext> | undefined>;
+    /**
+     * Custom move to source icon template.
+     * @param {PickListTransferIconTemplateContext} context - icon context.
+     * @see {@link PickListTransferIconTemplateContext}
+     * @group Templates
+     */
+    moveToSourceIconTemplate: _angular_core.Signal<TemplateRef<PickListTransferIconTemplateContext> | undefined>;
+    /**
+     * Custom move all to source icon template.
+     * @param {PickListTransferIconTemplateContext} context - icon context.
+     * @see {@link PickListTransferIconTemplateContext}
+     * @group Templates
+     */
+    moveAllToSourceIconTemplate: _angular_core.Signal<TemplateRef<PickListTransferIconTemplateContext> | undefined>;
+    /**
+     * Custom target filter icon template.
+     * @group Templates
+     */
+    targetFilterIconTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    /**
+     * Custom source filter icon template.
+     * @group Templates
+     */
+    sourceFilterIconTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    moveUpBtnProps: _angular_core.Signal<{
+        severity?: primenglab_button.ButtonSeverity;
+        variant?: primenglab_button.ButtonVariant;
+        size?: primenglab_button.ButtonSize;
+        raised?: boolean;
+        rounded?: boolean;
+        plain?: boolean;
+        fluid?: boolean;
+        iconOnly?: boolean;
+        style?: CSSProperties;
+        styleClass?: string;
+    }>;
+    moveTopBtnProps: _angular_core.Signal<{
+        severity?: primenglab_button.ButtonSeverity;
+        variant?: primenglab_button.ButtonVariant;
+        size?: primenglab_button.ButtonSize;
+        raised?: boolean;
+        rounded?: boolean;
+        plain?: boolean;
+        fluid?: boolean;
+        iconOnly?: boolean;
+        style?: CSSProperties;
+        styleClass?: string;
+    }>;
+    moveDownBtnProps: _angular_core.Signal<{
+        severity?: primenglab_button.ButtonSeverity;
+        variant?: primenglab_button.ButtonVariant;
+        size?: primenglab_button.ButtonSize;
+        raised?: boolean;
+        rounded?: boolean;
+        plain?: boolean;
+        fluid?: boolean;
+        iconOnly?: boolean;
+        style?: CSSProperties;
+        styleClass?: string;
+    }>;
+    moveBottomBtnProps: _angular_core.Signal<{
+        severity?: primenglab_button.ButtonSeverity;
+        variant?: primenglab_button.ButtonVariant;
+        size?: primenglab_button.ButtonSize;
+        raised?: boolean;
+        rounded?: boolean;
+        plain?: boolean;
+        fluid?: boolean;
+        iconOnly?: boolean;
+        style?: CSSProperties;
+        styleClass?: string;
+    }>;
+    moveToTargetBtnProps: _angular_core.Signal<{
+        severity?: primenglab_button.ButtonSeverity;
+        variant?: primenglab_button.ButtonVariant;
+        size?: primenglab_button.ButtonSize;
+        raised?: boolean;
+        rounded?: boolean;
+        plain?: boolean;
+        fluid?: boolean;
+        iconOnly?: boolean;
+        style?: CSSProperties;
+        styleClass?: string;
+    }>;
+    moveAllToTargetBtnProps: _angular_core.Signal<{
+        severity?: primenglab_button.ButtonSeverity;
+        variant?: primenglab_button.ButtonVariant;
+        size?: primenglab_button.ButtonSize;
+        raised?: boolean;
+        rounded?: boolean;
+        plain?: boolean;
+        fluid?: boolean;
+        iconOnly?: boolean;
+        style?: CSSProperties;
+        styleClass?: string;
+    }>;
+    moveToSourceBtnProps: _angular_core.Signal<{
+        severity?: primenglab_button.ButtonSeverity;
+        variant?: primenglab_button.ButtonVariant;
+        size?: primenglab_button.ButtonSize;
+        raised?: boolean;
+        rounded?: boolean;
+        plain?: boolean;
+        fluid?: boolean;
+        iconOnly?: boolean;
+        style?: CSSProperties;
+        styleClass?: string;
+    }>;
+    moveAllToSourceBtnProps: _angular_core.Signal<{
+        severity?: primenglab_button.ButtonSeverity;
+        variant?: primenglab_button.ButtonVariant;
+        size?: primenglab_button.ButtonSize;
+        raised?: boolean;
+        rounded?: boolean;
+        plain?: boolean;
+        fluid?: boolean;
+        iconOnly?: boolean;
+        style?: CSSProperties;
+        styleClass?: string;
+    }>;
+    private translation;
+    moveUpAriaLabel: _angular_core.Signal<any>;
+    moveTopAriaLabel: _angular_core.Signal<any>;
+    moveDownAriaLabel: _angular_core.Signal<any>;
+    moveBottomAriaLabel: _angular_core.Signal<any>;
+    moveToTargetAriaLabel: _angular_core.Signal<any>;
+    moveAllToTargetAriaLabel: _angular_core.Signal<any>;
+    moveToSourceAriaLabel: _angular_core.Signal<any>;
+    moveAllToSourceAriaLabel: _angular_core.Signal<any>;
+    idSource: _angular_core.Signal<string>;
+    idTarget: _angular_core.Signal<string>;
+    get targetOptions(): any[];
+    get sourceOptions(): any[];
+    visibleOptionsSource: any[] | undefined | null;
+    visibleOptionsTarget: any[] | undefined | null;
+    selectedItemsSource: any[];
+    selectedItemsTarget: any[];
+    reorderedListElement: any;
+    movedUp: boolean | null | undefined;
+    movedDown: boolean | null | undefined;
+    itemTouched: boolean | null | undefined;
+    styleElement: any;
+    id: string;
+    filterValueSource: string | null | undefined;
+    filterValueTarget: string | null | undefined;
+    sourceFilterOptions: PickListFilterOptions | null | undefined;
+    targetFilterOptions: PickListFilterOptions | null | undefined;
+    readonly SOURCE_LIST: number;
+    readonly TARGET_LIST: number;
+    media: MediaQueryList | null | undefined;
+    viewChanged: _angular_core.WritableSignal<boolean>;
+    _componentStyle: PickListStyle;
+    mediaChangeListener: (() => void) | null;
+    filterService: FilterService;
+    constructor();
+    onInit(): void;
+    onChangeSelection(e: ListboxChangeEvent, listType: number): void;
+    onSourceItemDblClick(): void;
+    onTargetItemDblClick(): void;
+    onFilter(event: KeyboardEvent, listType: number): void;
+    filterSource(value?: any): void;
+    filterTarget(value?: any): void;
+    filter(data: any[], listType: number): void;
+    isItemVisible(item: any, listType: number): boolean | undefined;
+    isEmpty(listType: number): boolean;
+    isVisibleInList(data: any[], item: any, filterValue: string): boolean | undefined;
+    onItemTouchEnd(): void;
+    private sortByIndexInList;
+    triggerChangeDetection(): void;
+    moveUp(listElement: any, list: any[], selectedItems: any[], callback: {
+        emit(value: any): void;
+    }, listType: number): void;
+    moveTop(listElement: any, list: any[], selectedItems: any[], callback: {
+        emit(value: any): void;
+    }, listType: number): void;
+    moveDown(listElement: any, list: any[], selectedItems: any[], callback: {
+        emit(value: any): void;
+    }, listType: number): void;
+    moveBottom(listElement: any, list: any[], selectedItems: any[], callback: {
+        emit(value: any): void;
+    }, listType: number): void;
+    moveRight(): void;
+    moveAllRight(): void;
+    moveLeft(): void;
+    moveAllLeft(): void;
+    isSelected(item: any, selectedItems: any[]): boolean;
+    findIndexInList(item: any, selectedItems: any[]): number;
+    onDrop(event: CdkDragDrop<string[]>, listType: number): void;
+    onListFocus(event: any, _listType: number): void;
+    onListBlur(event: any, _listType: number): void;
+    getListElement(listType: number): any;
+    getListItems(listType: number): Element[];
+    getLatestSelectedVisibleOptionIndex(visibleList: any[], selectedItems: any[]): number;
+    getVisibleList(listType: number): any[] | null;
+    setSelectionList(listType: number, selectedItems: any[]): void;
+    getDropIndexes(fromIndex: number, toIndex: number, droppedList: number, isTransfer: boolean, data: any[] | any): {
+        previousIndex: number;
+        currentIndex: number;
+    };
+    findFilteredCurrentIndex(visibleOptions: any[], index: number, options: any): number;
+    resetSourceFilter(): void;
+    resetTargetFilter(): void;
+    resetFilter(): void;
+    initMedia(): void;
+    destroyMedia(): void;
+    bindMediaChangeListener(): void;
+    unbindMediaChangeListener(): void;
+    createStyle(): void;
+    sourceMoveDisabled(): true | undefined;
+    targetMoveDisabled(): true | undefined;
+    moveRightDisabled(): boolean;
+    moveLeftDisabled(): boolean;
+    moveAllRightDisabled(): boolean;
+    moveAllLeftDisabled(): boolean;
+    destroyStyle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PickList, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PickList, "p-picklist, p-pick-list", never, { "hostName": { "alias": "hostName"; "required": false; "isSignal": true; }; "source": { "alias": "source"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "sourceHeader": { "alias": "sourceHeader"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "rightButtonAriaLabel": { "alias": "rightButtonAriaLabel"; "required": false; "isSignal": true; }; "leftButtonAriaLabel": { "alias": "leftButtonAriaLabel"; "required": false; "isSignal": true; }; "allRightButtonAriaLabel": { "alias": "allRightButtonAriaLabel"; "required": false; "isSignal": true; }; "allLeftButtonAriaLabel": { "alias": "allLeftButtonAriaLabel"; "required": false; "isSignal": true; }; "upButtonAriaLabel": { "alias": "upButtonAriaLabel"; "required": false; "isSignal": true; }; "downButtonAriaLabel": { "alias": "downButtonAriaLabel"; "required": false; "isSignal": true; }; "topButtonAriaLabel": { "alias": "topButtonAriaLabel"; "required": false; "isSignal": true; }; "bottomButtonAriaLabel": { "alias": "bottomButtonAriaLabel"; "required": false; "isSignal": true; }; "sourceAriaLabel": { "alias": "sourceAriaLabel"; "required": false; "isSignal": true; }; "targetAriaLabel": { "alias": "targetAriaLabel"; "required": false; "isSignal": true; }; "targetHeader": { "alias": "targetHeader"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "filterBy": { "alias": "filterBy"; "required": false; "isSignal": true; }; "filterLocale": { "alias": "filterLocale"; "required": false; "isSignal": true; }; "trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; "sourceTrackBy": { "alias": "sourceTrackBy"; "required": false; "isSignal": true; }; "targetTrackBy": { "alias": "targetTrackBy"; "required": false; "isSignal": true; }; "showSourceFilter": { "alias": "showSourceFilter"; "required": false; "isSignal": true; }; "showTargetFilter": { "alias": "showTargetFilter"; "required": false; "isSignal": true; }; "metaKeySelection": { "alias": "metaKeySelection"; "required": false; "isSignal": true; }; "dragdrop": { "alias": "dragdrop"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "sourceStyle": { "alias": "sourceStyle"; "required": false; "isSignal": true; }; "targetStyle": { "alias": "targetStyle"; "required": false; "isSignal": true; }; "showSourceControls": { "alias": "showSourceControls"; "required": false; "isSignal": true; }; "showTargetControls": { "alias": "showTargetControls"; "required": false; "isSignal": true; }; "sourceFilterPlaceholder": { "alias": "sourceFilterPlaceholder"; "required": false; "isSignal": true; }; "targetFilterPlaceholder": { "alias": "targetFilterPlaceholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "sourceOptionDisabled": { "alias": "sourceOptionDisabled"; "required": false; "isSignal": true; }; "targetOptionDisabled": { "alias": "targetOptionDisabled"; "required": false; "isSignal": true; }; "ariaSourceFilterLabel": { "alias": "ariaSourceFilterLabel"; "required": false; "isSignal": true; }; "ariaTargetFilterLabel": { "alias": "ariaTargetFilterLabel"; "required": false; "isSignal": true; }; "filterMatchMode": { "alias": "filterMatchMode"; "required": false; "isSignal": true; }; "stripedRows": { "alias": "stripedRows"; "required": false; "isSignal": true; }; "keepSelection": { "alias": "keepSelection"; "required": false; "isSignal": true; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; "isSignal": true; }; "autoOptionFocus": { "alias": "autoOptionFocus"; "required": false; "isSignal": true; }; "buttonProps": { "alias": "buttonProps"; "required": false; "isSignal": true; }; "moveUpButtonProps": { "alias": "moveUpButtonProps"; "required": false; "isSignal": true; }; "moveTopButtonProps": { "alias": "moveTopButtonProps"; "required": false; "isSignal": true; }; "moveDownButtonProps": { "alias": "moveDownButtonProps"; "required": false; "isSignal": true; }; "moveBottomButtonProps": { "alias": "moveBottomButtonProps"; "required": false; "isSignal": true; }; "moveToTargetProps": { "alias": "moveToTargetProps"; "required": false; "isSignal": true; }; "moveAllToTargetProps": { "alias": "moveAllToTargetProps"; "required": false; "isSignal": true; }; "moveToSourceProps": { "alias": "moveToSourceProps"; "required": false; "isSignal": true; }; "moveAllToSourceProps": { "alias": "moveAllToSourceProps"; "required": false; "isSignal": true; }; "breakpoint": { "alias": "breakpoint"; "required": false; "isSignal": true; }; }, { "source": "sourceChange"; "target": "targetChange"; "onMoveToSource": "onMoveToSource"; "onMoveAllToSource": "onMoveAllToSource"; "onMoveAllToTarget": "onMoveAllToTarget"; "onMoveToTarget": "onMoveToTarget"; "onSourceReorder": "onSourceReorder"; "onTargetReorder": "onTargetReorder"; "onSourceSelect": "onSourceSelect"; "onTargetSelect": "onTargetSelect"; "onSourceFilter": "onSourceFilter"; "onTargetFilter": "onTargetFilter"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, ["itemTemplate", "sourceItemTemplate", "targetItemTemplate", "sourceHeaderTemplate", "targetHeaderTemplate", "sourceFilterTemplate", "targetFilterTemplate", "emptyMessageSourceTemplate", "emptyFilterMessageSourceTemplate", "emptyMessageTargetTemplate", "emptyFilterMessageTargetTemplate", "moveUpIconTemplate", "moveTopIconTemplate", "moveDownIconTemplate", "moveBottomIconTemplate", "moveToTargetIconTemplate", "moveAllToTargetIconTemplate", "moveToSourceIconTemplate", "moveAllToSourceIconTemplate", "targetFilterIconTemplate", "sourceFilterIconTemplate"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class PickListModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PickListModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<PickListModule, never, [typeof PickList], [typeof PickList]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<PickListModule>;
+}
+
+export { PickList, PickListClasses, PickListModule, PickListStyle };