@hug/ngx-layout 21.0.2 → 22.0.0-alpha.10

package/types/hug-ngx-layout.d.ts

@@ -1,19 +1,29 @@
-import { BooleanInput } from '@angular/cdk/coercion';
-import * as i0 from '@angular/core';
-import { EnvironmentProviders, TemplateRef, EventEmitter, ElementRef } from '@angular/core';
-import { MatDrawer } from '@angular/material/sidenav';
-import { NgxAbstractIntl, NgxOptionsIntl, NgxMediaService } from '@hug/ngx-core';
-import { NgxSidenavService } from '@hug/ngx-sidenav';
+import * as _angular_core from '@angular/core';
+import { EnvironmentProviders, Signal, ElementRef, InputSignal, ModelSignal, TemplateRef } from '@angular/core';
+import { NgxAbstractIntl, NgxOptionsIntl } from '@hug/ngx-core';
+import { CdkOverlayOrigin, ConnectionPositionPair } from '@angular/cdk/overlay';
+
+declare class NgxActionDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxActionDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgxActionDirective, "button, [ngxAction]", never, {}, {}, never, never, true, never>;
+}
 
 /**
  * Data for internationalization
  */
 declare class NgxLayoutIntl extends NgxAbstractIntl<NgxLayoutIntl> {
-    closeLabel: string;
-    backLabel: string;
-    sideFilterLabel: string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgxLayoutIntl, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<NgxLayoutIntl>;
+    help: string;
+    back: string;
+    deleteSearch: string;
+    openSearchBar: string;
+    moreActions: string;
+    allFilters: string;
+    filters: string;
+    actives: string;
+    reset: string;
+    close: string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxLayoutIntl, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<NgxLayoutIntl>;
 }
 
 /**
@@ -24,49 +34,189 @@ declare class NgxLayoutIntl extends NgxAbstractIntl<NgxLayoutIntl> {
  */
 declare const provideNgxLayout: (options?: NgxOptionsIntl<NgxLayoutIntl>) => EnvironmentProviders;
 
+declare class NgxActionsGroupComponent {
+    protected readonly hiddenActions: Signal<ElementRef<HTMLElement>[]>;
+    protected readonly intl: NgxLayoutIntl | null;
+    private readonly iconButtons;
+    private readonly container;
+    private readonly hiddenContainer;
+    private readonly hostElement;
+    private readonly renderer;
+    private readonly hostSize;
+    private readonly hostWidth;
+    private readonly visibleActions;
+    constructor();
+    private getMaxVisibleAction;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxActionsGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxActionsGroupComponent, "ngx-actions-group", never, {}, {}, ["iconButtons"], ["button, [ngxAction]"], true, never>;
+}
+
+type AppBarMode = 'standard' | 'condensed';
+declare class NgxAppBarComponent {
+    mode: _angular_core.InputSignal<AppBarMode>;
+    title: _angular_core.InputSignal<string>;
+    subtitle: _angular_core.InputSignal<string | undefined>;
+    helpUrl: _angular_core.InputSignal<string | URL | undefined>;
+    withBackButton: _angular_core.InputSignal<boolean>;
+    readonly goBack: _angular_core.OutputEmitterRef<void>;
+    protected readonly intl: NgxLayoutIntl | null;
+    private helpPopup;
+    protected openHelp(): void;
+    protected triggerGoBack(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxAppBarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxAppBarComponent, "ngx-app-bar", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "helpUrl": { "alias": "helpUrl"; "required": false; "isSignal": true; }; "withBackButton": { "alias": "withBackButton"; "required": false; "isSignal": true; }; }, { "goBack": "goBack"; }, never, ["*"], true, never>;
+}
+
+type ContentPadding$1 = 'none' | 'default';
+declare class NgxColumnComponent {
+    readonly contentPadding: _angular_core.InputSignal<ContentPadding$1 | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxColumnComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxColumnComponent, "ngx-column", never, { "contentPadding": { "alias": "contentPadding"; "required": false; "isSignal": true; }; }, {}, never, ["ngx-column-bar", "*"], true, never>;
+}
+
+type FilterType = 'toggle' | 'complex';
+interface NgxBaseFilter {
+    readonly label: InputSignal<string>;
+    readonly active: InputSignal<boolean>;
+    readonly type: FilterType;
+}
+interface NgxToggleFilter extends NgxBaseFilter {
+    readonly type: 'toggle';
+    readonly active: ModelSignal<boolean>;
+}
+interface NgxComplexFilter extends NgxBaseFilter {
+    readonly selectedFilterLabel: InputSignal<string>;
+    readonly templateRef: TemplateRef<unknown>;
+    readonly type: 'complex';
+}
+type NgxFilter = NgxToggleFilter | NgxComplexFilter;
+
+declare class NgxFilterDirective implements NgxComplexFilter {
+    readonly type = "complex";
+    readonly label: _angular_core.InputSignal<string>;
+    readonly active: _angular_core.InputSignal<boolean>;
+    readonly selectedFilterLabel: _angular_core.InputSignal<string>;
+    readonly templateRef: TemplateRef<unknown>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxFilterDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgxFilterDirective, "ng-template[ngxFilter]", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "active": { "alias": "active"; "required": true; "isSignal": true; }; "selectedFilterLabel": { "alias": "selectedFilterLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class NgxFilterToggleDirective implements NgxToggleFilter {
+    readonly type = "toggle";
+    readonly label: _angular_core.InputSignal<string>;
+    readonly active: _angular_core.ModelSignal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxFilterToggleDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgxFilterToggleDirective, "ng-template[ngxFilterToggle]", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "active": { "alias": "active"; "required": true; "isSignal": true; }; }, { "active": "activeChange"; }, never, never, true, never>;
+}
+
+declare class NgxFiltersGroupComponent {
+    readonly resetFilters: _angular_core.OutputEmitterRef<void>;
+    readonly folded: _angular_core.InputSignal<boolean | undefined>;
+    protected readonly intl: NgxLayoutIntl | null;
+    protected readonly overlayOrigin: _angular_core.WritableSignal<CdkOverlayOrigin | undefined>;
+    protected readonly overlayContent: _angular_core.WritableSignal<TemplateRef<unknown> | undefined>;
+    protected readonly overlayOpen: _angular_core.WritableSignal<boolean>;
+    protected readonly moreFiltersOverlay: _angular_core.WritableSignal<boolean>;
+    protected readonly overlayPositions: ConnectionPositionPair[];
+    protected allFilters: Signal<readonly NgxFilter[]>;
+    protected readonly activeFiltersAmount: Signal<number>;
+    protected readonly visibleFilters: Signal<NgxFilter[]>;
+    protected readonly invisibleFilters: Signal<readonly NgxFilter[]>;
+    private readonly filterContainerRef;
+    private readonly filterContainerPadding;
+    private readonly hostElement;
+    private readonly hostSize;
+    private readonly hostWidth;
+    private readonly measureRowRef;
+    private readonly measureRowSize;
+    private readonly measureRowWidth;
+    private readonly staticFieldsRef;
+    private readonly staticFieldsSize;
+    private readonly staticFieldsWidth;
+    private readonly lastFittingIndex;
+    protected emitResetClicked(): void;
+    private getLastFittingIndex;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxFiltersGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxFiltersGroupComponent, "ngx-filters-group", never, { "folded": { "alias": "folded"; "required": false; "isSignal": true; }; }, { "resetFilters": "resetFilters"; }, ["allFilters"], never, true, never>;
+}
+
+declare class NgxSearchInputDirective {
+    readonly blurred: _angular_core.WritableSignal<boolean>;
+    readonly value: Signal<string>;
+    private readonly ngControl;
+    private readonly input;
+    private readonly control;
+    constructor();
+    focus(): void;
+    reset(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxSearchInputDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgxSearchInputDirective, "input[ngxSearchInput]", never, {}, {}, never, never, true, never>;
+}
+
+declare class NgxSearchBarContainerComponent {
+    readonly folded: _angular_core.InputSignal<boolean>;
+    protected readonly intl: NgxLayoutIntl | null;
+    protected readonly manualFoldingState: _angular_core.WritableSignal<boolean>;
+    protected readonly isFolded: _angular_core.Signal<boolean>;
+    protected readonly searchInput: _angular_core.Signal<NgxSearchInputDirective | undefined>;
+    protected readonly searchText: _angular_core.Signal<string | undefined>;
+    constructor();
+    protected toggleFolded(): void;
+    protected resetInput(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxSearchBarContainerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxSearchBarContainerComponent, "ngx-search-bar-container", never, { "folded": { "alias": "folded"; "required": false; "isSignal": true; }; }, {}, ["searchInput"], ["[ngxSearchInput]"], true, never>;
+}
+
+declare class NgxColumnBarComponent {
+    protected hasRightContent: _angular_core.Signal<NgxFiltersGroupComponent | NgxSearchBarContainerComponent | undefined>;
+    protected hasTitle: _angular_core.Signal<boolean>;
+    private readonly filtersGroup;
+    private readonly searchBarContainer;
+    private readonly barTitle;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxColumnBarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxColumnBarComponent, "ngx-column-bar", never, {}, {}, ["filtersGroup", "searchBarContainer", "barTitle"], ["[ngxBarTitle]", "ngx-filters-group", "ngx-search-bar-container", "[ngxContentRight]", "ngx-actions-group", "[ngxContentLeft]"], true, never>;
+}
+
+declare class NgxBarTitleDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxBarTitleDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgxBarTitleDirective, "h2[ngxBarTitle], h3[ngxBarTitle], h4[ngxBarTitle], h5[ngxBarTitle], h6[ngxBarTitle]", never, {}, {}, never, never, true, never>;
+}
+
 declare class NgxLayoutComponent {
-    toolbarColor: string;
-    editorToolbarId: string;
-    layoutToolbarExternal?: TemplateRef<unknown>;
-    layoutPrimaryActionExternal?: TemplateRef<unknown>;
-    layoutActionsExternal?: TemplateRef<unknown>;
-    layoutInfoBoxesExternal?: TemplateRef<unknown>;
-    layoutRightExternal?: TemplateRef<unknown>;
-    readonly closeButtonClicked: EventEmitter<MouseEvent>;
-    readonly backButtonClicked: EventEmitter<MouseEvent>;
-    readonly sideFilterClosed: EventEmitter<void>;
-    readonly sideFilterOpened: EventEmitter<void>;
-    protected layoutToolbarContent?: TemplateRef<unknown>;
-    protected layoutPrimaryActionContent?: TemplateRef<unknown>;
-    protected layoutActionsContent?: TemplateRef<unknown>;
-    protected layoutInfoBoxesContent?: TemplateRef<unknown>;
-    protected layoutRightContent?: TemplateRef<unknown>;
-    protected sideFilter?: MatDrawer;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxLayoutComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxLayoutComponent, "ngx-layout", never, {}, {}, never, ["ngx-app-bar", "ngx-main-bar", "*", "ngx-panel"], true, never>;
+}
+
+declare class NgxMainBarComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxMainBarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxMainBarComponent, "ngx-main-bar", never, {}, {}, never, ["ngx-actions-group", "[ngxContentLeft]", "ngx-filters-group", "ngx-search-bar-container", "[ngxContentRight]"], true, never>;
+}
+
+type Appearance = 'transparent' | 'default';
+type ContentPadding = 'none' | 'default';
+declare class NgxPanelComponent {
+    readonly appearance: _angular_core.InputSignal<Appearance | undefined>;
+    readonly contentPadding: _angular_core.InputSignal<ContentPadding | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxPanelComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxPanelComponent, "ngx-panel", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "contentPadding": { "alias": "contentPadding"; "required": false; "isSignal": true; }; }, {}, never, ["ngx-panel-bar", "*"], true, never>;
+}
+
+declare class NgxPanelBarComponent {
+    hasBackButton: _angular_core.InputSignal<boolean | undefined>;
+    closable: _angular_core.InputSignal<boolean | undefined>;
+    readonly backClicked: _angular_core.OutputEmitterRef<void>;
+    readonly closeClicked: _angular_core.OutputEmitterRef<void>;
     protected readonly intl: NgxLayoutIntl | null;
-    protected readonly mediaService: NgxMediaService;
-    protected readonly sidenavService: NgxSidenavService;
-    protected readonly elementRef: ElementRef<HTMLElement>;
-    get layoutToolbar(): TemplateRef<unknown> | undefined;
-    get layoutPrimaryAction(): TemplateRef<unknown> | undefined;
-    get layoutActions(): TemplateRef<unknown> | undefined;
-    get layoutInfoBoxes(): TemplateRef<unknown> | undefined;
-    get layoutRight(): TemplateRef<unknown> | undefined;
-    private _withSidenav;
-    set withSidenav(value: BooleanInput);
-    get withSidenav(): BooleanInput;
-    private _keepFilterButtonDisplayed;
-    set keepFilterButtonDisplayed(value: BooleanInput);
-    get keepFilterButtonDisplayed(): BooleanInput;
-    private _withCloseButton;
-    set withCloseButton(value: BooleanInput);
-    get withCloseButton(): BooleanInput;
-    private _withBackButton;
-    set withBackButton(value: BooleanInput);
-    get withBackButton(): BooleanInput;
-    closeSideFilter(): void;
-    openSideFilter(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgxLayoutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgxLayoutComponent, "ngx-layout", never, { "toolbarColor": { "alias": "toolbarColor"; "required": false; }; "editorToolbarId": { "alias": "editorToolbarId"; "required": false; }; "layoutToolbarExternal": { "alias": "layoutToolbarExternal"; "required": false; }; "layoutPrimaryActionExternal": { "alias": "layoutPrimaryActionExternal"; "required": false; }; "layoutActionsExternal": { "alias": "layoutActionsExternal"; "required": false; }; "layoutInfoBoxesExternal": { "alias": "layoutInfoBoxesExternal"; "required": false; }; "layoutRightExternal": { "alias": "layoutRightExternal"; "required": false; }; "withSidenav": { "alias": "withSidenav"; "required": false; }; "keepFilterButtonDisplayed": { "alias": "keepFilterButtonDisplayed"; "required": false; }; "withCloseButton": { "alias": "withCloseButton"; "required": false; }; "withBackButton": { "alias": "withBackButton"; "required": false; }; }, { "closeButtonClicked": "closeButtonClicked"; "backButtonClicked": "backButtonClicked"; "sideFilterClosed": "sideFilterClosed"; "sideFilterOpened": "sideFilterOpened"; }, ["layoutToolbarContent", "layoutPrimaryActionContent", "layoutActionsContent", "layoutInfoBoxesContent", "layoutRightContent"], ["*"], true, never>;
-}
-
-export { NgxLayoutComponent, NgxLayoutIntl, provideNgxLayout };
+    protected hasRightContent: _angular_core.Signal<boolean>;
+    protected hasTitle: _angular_core.Signal<boolean>;
+    private readonly actionsGroup;
+    private readonly filtersGroup;
+    private readonly searchBarContainer;
+    private readonly barTitle;
+    protected emitBackClicked(): void;
+    protected emitCloseClicked(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxPanelBarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxPanelBarComponent, "ngx-panel-bar", never, { "hasBackButton": { "alias": "hasBackButton"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; }, { "backClicked": "backClicked"; "closeClicked": "closeClicked"; }, ["actionsGroup", "filtersGroup", "searchBarContainer", "barTitle"], ["[ngxBarTitle]", "ngx-filters-group", "ngx-search-bar-container", "[ngxContentRight]", "ngx-actions-group", "[ngxContentLeft]"], true, never>;
+}
+
+export { NgxActionDirective, NgxActionsGroupComponent, NgxAppBarComponent, NgxBarTitleDirective, NgxColumnBarComponent, NgxColumnComponent, NgxFilterDirective, NgxFilterToggleDirective, NgxFiltersGroupComponent, NgxLayoutComponent, NgxLayoutIntl, NgxMainBarComponent, NgxPanelBarComponent, NgxPanelComponent, NgxSearchBarContainerComponent, NgxSearchInputDirective, provideNgxLayout };