primenglab 22.0.0-beta.1

package/types/primenglab-colorpicker.d.ts

@@ -0,0 +1,295 @@
+import { ColorPickerPassThrough, ColorPickerFormat, ColorPickerChangeEvent } from 'primenglab/types/colorpicker';
+export * from 'primenglab/types/colorpicker';
+import * as _angular_core from '@angular/core';
+import { Provider, ElementRef } from '@angular/core';
+import { MotionOptions } from '@primeuix/motion';
+import * as i2 from 'primenglab/api';
+import { OverlayService, OverlayOptions } from 'primenglab/api';
+import { BaseEditableHolder } from 'primenglab/baseeditableholder';
+import * as i1 from 'primenglab/bind';
+import { Bind } from 'primenglab/bind';
+import { ConnectedOverlayScrollHandler } from 'primenglab/dom';
+import { AppendTo } from 'primenglab/types/shared';
+import { Nullable, VoidListener } from 'primenglab/ts-helpers';
+import * as _primeuix_styled from '@primeuix/styled';
+import { BaseStyle } from 'primenglab/base';
+
+/**
+ *
+ * ColorPicker groups a collection of contents in tabs.
+ *
+ * [Live Demo](https://www.primeng.org/colorpicker/)
+ *
+ * @module colorpickerstyle
+ *
+ */
+declare enum ColorPickerClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "p-colorpicker",
+    /**
+     * Class name of the preview element
+     */
+    preview = "p-colorpicker-preview",
+    /**
+     * Class name of the panel element
+     */
+    panel = "p-colorpicker-panel",
+    /**
+     * Class name of the color selector element
+     */
+    colorSelector = "p-colorpicker-color-selector",
+    /**
+     * Class name of the color background element
+     */
+    colorBackground = "p-colorpicker-color-background",
+    /**
+     * Class name of the color handle element
+     */
+    colorHandle = "p-colorpicker-color-handle",
+    /**
+     * Class name of the hue element
+     */
+    hue = "p-colorpicker-hue",
+    /**
+     * Class name of the hue handle element
+     */
+    hueHandle = "p-colorpicker-hue-handle"
+}
+declare class ColorPickerStyle extends BaseStyle {
+    name: string;
+    style: _primeuix_styled.StyleType;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-colorpicker-overlay': boolean;
+            'p-colorpicker-dragging': any;
+        })[];
+        preview: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-disabled': any;
+        })[];
+        panel: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-colorpicker-panel-inline': any;
+            'p-disabled': any;
+        })[];
+        content: string;
+        colorSelector: string;
+        colorBackground: string;
+        colorHandle: string;
+        hue: string;
+        hueHandle: string;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColorPickerStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ColorPickerStyle>;
+}
+interface ColorPickerStyle extends BaseStyle {
+}
+
+declare const COLORPICKER_VALUE_ACCESSOR: Provider;
+/**
+ * ColorPicker groups a collection of contents in tabs.
+ * @group Components
+ * @deprecated Use InputColor component instead.
+ */
+declare class ColorPicker extends BaseEditableHolder<ColorPickerPassThrough> {
+    componentName: string;
+    constructor();
+    $pcColorPicker: ColorPicker | undefined;
+    bindDirectiveInstance: Bind;
+    overlayService: OverlayService;
+    /**
+     * Whether to display as an overlay or not.
+     * @group Props
+     */
+    inline: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Format to use in value binding.
+     * @group Props
+     */
+    format: _angular_core.InputSignal<ColorPickerFormat>;
+    /**
+     * Index of the element in tabbing order.
+     * @group Props
+     */
+    tabindex: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Identifier of the focus input to match a label defined for the dropdown.
+     * @group Props
+     */
+    inputId: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Whether to automatically manage layering.
+     * @group Props
+     */
+    autoZIndex: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * When present, it specifies that the component should automatically get focus on load.
+     * @group Props
+     */
+    autofocus: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Default color to display initially when model value is not present.
+     * @group Props
+     */
+    defaultColor: _angular_core.InputSignal<string>;
+    /**
+     * Target element to attach the overlay, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name).
+     * @defaultValue 'self'
+     * @group Props
+     */
+    appendTo: _angular_core.InputSignal<AppendTo>;
+    /**
+     * Whether to use overlay API feature. The properties of overlay API can be used like an object in it.
+     * @group Props
+     */
+    overlayOptions: _angular_core.InputSignal<OverlayOptions | undefined>;
+    /**
+     * The motion options.
+     * @group Props
+     */
+    motionOptions: _angular_core.InputSignal<MotionOptions | undefined>;
+    /**
+     * Callback to invoke on value change.
+     * @param {ColorPickerChangeEvent} event - Custom value change event.
+     * @group Emits
+     */
+    onChange: _angular_core.OutputEmitterRef<ColorPickerChangeEvent>;
+    /**
+     * Callback to invoke on panel is shown.
+     * @group Emits
+     */
+    onShow: _angular_core.OutputEmitterRef<any>;
+    /**
+     * Callback to invoke on panel is hidden.
+     * @group Emits
+     */
+    onHide: _angular_core.OutputEmitterRef<any>;
+    inputViewChild: _angular_core.Signal<ElementRef<any> | undefined>;
+    overlayViewChild: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
+    colorSelectorViewChild: _angular_core.Signal<ElementRef<any> | undefined>;
+    colorHandleViewChild: _angular_core.Signal<ElementRef<any> | undefined>;
+    hueViewChild: _angular_core.Signal<ElementRef<any> | undefined>;
+    hueHandleViewChild: _angular_core.Signal<ElementRef<any> | undefined>;
+    $appendTo: _angular_core.Signal<AppendTo>;
+    disabledAttr: _angular_core.Signal<"" | undefined>;
+    ariaLabel: _angular_core.Signal<any>;
+    value: any;
+    inputBgColor: string | undefined;
+    shown: Nullable<boolean>;
+    overlayVisible: Nullable<boolean>;
+    documentMousemoveListener: VoidListener;
+    documentMouseupListener: VoidListener;
+    documentHueMoveListener: VoidListener;
+    scrollHandler: Nullable<ConnectedOverlayScrollHandler>;
+    colorDragging: Nullable<boolean>;
+    hueDragging: Nullable<boolean>;
+    overlay: Nullable<HTMLDivElement>;
+    _componentStyle: ColorPickerStyle;
+    onAfterViewChecked(): void;
+    onHueMousedown(event: MouseEvent): void;
+    onHueDragStart(event: TouchEvent): void;
+    onColorDragStart(event: TouchEvent): void;
+    pickHue(event: MouseEvent | TouchEvent, position?: any): void;
+    onColorMousedown(event: MouseEvent): void;
+    onDrag(event: TouchEvent): void;
+    onDragEnd(): void;
+    pickColor(event: MouseEvent | TouchEvent, position?: any): void;
+    getValueToUpdate(): any;
+    updateModel(): void;
+    updateColorSelector(): void;
+    updateUI(): void;
+    onInputFocus(): void;
+    show(): void;
+    onOverlayBeforeEnter(): void;
+    onOverlayAfterLeave(): void;
+    hide(): void;
+    onInputClick(): void;
+    togglePanel(): void;
+    onInputKeydown(event: KeyboardEvent): void;
+    onOverlayClick(event: MouseEvent): void;
+    bindDocumentMousemoveListener(): void;
+    unbindDocumentMousemoveListener(): void;
+    bindDocumentMouseupListener(): void;
+    unbindDocumentMouseupListener(): void;
+    validateHSB(hsb: {
+        h: number;
+        s: number;
+        b: number;
+    }): {
+        h: number;
+        s: number;
+        b: number;
+    };
+    validateRGB(rgb: {
+        r: number;
+        g: number;
+        b: number;
+    }): {
+        r: number;
+        g: number;
+        b: number;
+    };
+    validateHEX(hex: string): string;
+    HEXtoRGB(hex: string): {
+        r: number;
+        g: number;
+        b: number;
+    };
+    HEXtoHSB(hex: string): {
+        h: number;
+        s: number;
+        b: number;
+    };
+    RGBtoHSB(rgb: {
+        r: number;
+        g: number;
+        b: number;
+    }): {
+        h: number;
+        s: number;
+        b: number;
+    };
+    HSBtoRGB(hsb: {
+        h: number;
+        s: number;
+        b: number;
+    }): {
+        r: number;
+        g: number;
+        b: number;
+    };
+    RGBtoHEX(rgb: {
+        r: number;
+        g: number;
+        b: number;
+    }): string;
+    HSBtoHEX(hsb: {
+        h: number;
+        s: number;
+        b: number;
+    }): string;
+    onAfterViewInit(): void;
+    /**
+     * @override
+     *
+     * @see {@link BaseEditableHolder.writeControlValue}
+     * Writes the value to the control.
+     */
+    writeControlValue(value: any, setModelValue?: (value: any) => void): void;
+    onDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColorPicker, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ColorPicker, "p-colorpicker, p-color-picker", never, { "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "defaultColor": { "alias": "defaultColor"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "overlayOptions": { "alias": "overlayOptions"; "required": false; "isSignal": true; }; "motionOptions": { "alias": "motionOptions"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; "onShow": "onShow"; "onHide": "onHide"; }, never, never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class ColorPickerModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColorPickerModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ColorPickerModule, never, [typeof ColorPicker, typeof i2.SharedModule], [typeof ColorPicker, typeof i2.SharedModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<ColorPickerModule>;
+}
+
+export { COLORPICKER_VALUE_ACCESSOR, ColorPicker, ColorPickerClasses, ColorPickerModule, ColorPickerStyle };

package/types/primenglab-commandmenu.d.ts

@@ -0,0 +1,182 @@
+import { CommandMenuPassThrough, CommandMenuSearchChangeEvent, CommandMenuItemSelectEvent, CommandMenuItemTemplateContext, CommandMenuHeaderTemplateContext, CommandMenuFooterTemplateContext, CommandMenuEmptyMessageTemplateContext } from 'primenglab/types/commandmenu';
+export * from 'primenglab/types/commandmenu';
+import * as _angular_core from '@angular/core';
+import { TemplateRef, ElementRef } from '@angular/core';
+import * as i2 from 'primenglab/api';
+import { MenuItem } from 'primenglab/api';
+import { BaseComponent } from 'primenglab/basecomponent';
+import * as i1 from 'primenglab/bind';
+import { Bind } from 'primenglab/bind';
+import { Menu } from 'primenglab/menu';
+import * as _primeuix_styled from '@primeuix/styled';
+import { BaseStyle } from 'primenglab/base';
+
+declare class CommandMenuStyle extends BaseStyle {
+    name: string;
+    style: _primeuix_styled.StyleType;
+    classes: {
+        root: string;
+        header: string;
+        input: string;
+        list: string;
+        emptyMessage: string;
+        footer: string;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommandMenuStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<CommandMenuStyle>;
+}
+/**
+ *
+ * CommandMenu is a search-driven command palette component.
+ *
+ * [Live Demo](https://www.primeng.org/commandmenu/)
+ *
+ * @module commandmenustyle
+ *
+ */
+declare enum CommandMenuClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "p-commandmenu",
+    /**
+     * Class name of the header element
+     */
+    header = "p-commandmenu-header",
+    /**
+     * Class name of the input element
+     */
+    input = "p-commandmenu-input",
+    /**
+     * Class name of the empty message element
+     */
+    emptyMessage = "p-commandmenu-empty-message",
+    /**
+     * Class name of the footer element
+     */
+    footer = "p-commandmenu-footer"
+}
+interface CommandMenuStyleType extends BaseStyle {
+}
+
+/**
+ * CommandMenu is a search-driven command palette component.
+ * @group Components
+ */
+declare class CommandMenu extends BaseComponent<CommandMenuPassThrough> {
+    componentName: string;
+    bindDirectiveInstance: Bind;
+    onAfterViewChecked(): void;
+    /**
+     * An array of menu items to display.
+     * @group Props
+     */
+    model: _angular_core.InputSignal<MenuItem[] | undefined>;
+    /**
+     * Two-way bound search value.
+     * @group Props
+     */
+    search: _angular_core.ModelSignal<string>;
+    /**
+     * Custom filter function. Receives (item, search) and returns a number (0 = no match).
+     * @group Props
+     */
+    filter: _angular_core.InputSignal<((item: MenuItem, search: string) => number) | undefined>;
+    /**
+     * Text to display when there are no results. Defaults to global value in i18n translation configuration.
+     * @group Props
+     */
+    emptyMessage: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Placeholder text for the search input.
+     * @group Props
+     */
+    placeholder: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines a string that labels the input for accessibility.
+     * @group Props
+     */
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Identifies the element that labels the input for accessibility.
+     * @group Props
+     */
+    ariaLabelledBy: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Inline style of the menu.
+     * @group Props
+     */
+    menuStyle: _angular_core.InputSignal<{
+        [klass: string]: any;
+    } | undefined>;
+    /**
+     * Style class of the menu.
+     * @group Props
+     */
+    menuStyleClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Callback to invoke when the search value changes.
+     * @param {CommandMenuSearchChangeEvent} event - Custom search change event.
+     * @group Emits
+     */
+    onSearchChange: _angular_core.OutputEmitterRef<CommandMenuSearchChangeEvent>;
+    /**
+     * Callback to invoke when a menu item is selected.
+     * @param {CommandMenuItemSelectEvent} event - Custom item select event.
+     * @group Emits
+     */
+    onSelect: _angular_core.OutputEmitterRef<CommandMenuItemSelectEvent>;
+    /**
+     * Custom item template.
+     * @param {CommandMenuItemTemplateContext} context - item context.
+     * @group Templates
+     */
+    itemTemplate: _angular_core.Signal<TemplateRef<CommandMenuItemTemplateContext<any>> | undefined>;
+    /**
+     * Custom header template.
+     * @param {CommandMenuHeaderTemplateContext} context - header context.
+     * @group Templates
+     */
+    headerTemplate: _angular_core.Signal<TemplateRef<CommandMenuHeaderTemplateContext> | undefined>;
+    /**
+     * Custom footer template.
+     * @param {CommandMenuFooterTemplateContext} context - footer context.
+     * @group Templates
+     */
+    footerTemplate: _angular_core.Signal<TemplateRef<CommandMenuFooterTemplateContext> | undefined>;
+    /**
+     * Custom empty message template.
+     * @param {CommandMenuEmptyMessageTemplateContext} context - empty message context.
+     * @group Templates
+     */
+    emptyMessageTemplate: _angular_core.Signal<TemplateRef<CommandMenuEmptyMessageTemplateContext> | undefined>;
+    menuViewChild: _angular_core.Signal<Menu | undefined>;
+    searchInputViewChild: _angular_core.Signal<ElementRef<any> | undefined>;
+    _componentStyle: CommandMenuStyle;
+    private _internalId;
+    $id: _angular_core.Signal<string>;
+    listId: _angular_core.Signal<string>;
+    private translation;
+    emptyMessageText: _angular_core.Signal<any>;
+    focusedOptionId: _angular_core.Signal<string | number | null>;
+    /**
+     * Filtered model: applies score-based filter with sorting by relevance.
+     */
+    filteredModel: _angular_core.Signal<MenuItem[]>;
+    menuModel: _angular_core.Signal<MenuItem[]>;
+    hasVisibleItems: _angular_core.Signal<boolean>;
+    onSearchKeyDown(event: KeyboardEvent): void;
+    onSearchInput(event: Event): void;
+    defaultFilter(item: MenuItem, search: string): number;
+    focusInput(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommandMenu, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommandMenu, "p-commandmenu, p-command-menu", never, { "model": { "alias": "model"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "menuStyle": { "alias": "menuStyle"; "required": false; "isSignal": true; }; "menuStyleClass": { "alias": "menuStyleClass"; "required": false; "isSignal": true; }; }, { "search": "searchChange"; "onSearchChange": "onSearchChange"; "onSelect": "onSelect"; }, ["itemTemplate", "headerTemplate", "footerTemplate", "emptyMessageTemplate"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class CommandMenuModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommandMenuModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<CommandMenuModule, never, [typeof CommandMenu, typeof i2.SharedModule], [typeof CommandMenu, typeof i2.SharedModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<CommandMenuModule>;
+}
+
+export { CommandMenu, CommandMenuClasses, CommandMenuModule, CommandMenuStyle };
+export type { CommandMenuStyleType };