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

package/fesm2022/hug-ngx-layout.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"hug-ngx-layout.mjs","sources":["../../../projects/layout/src/providers/ngx-layout-intl.ts","../../../projects/layout/src/providers/index.ts","../../../projects/layout/src/layout.component.ts","../../../projects/layout/src/layout.component.html","../../../projects/layout/src/hug-ngx-layout.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { NgxAbstractIntl } from '@hug/ngx-core';\n\n/**\n * Data for internationalization\n */\n@Injectable()\nexport class NgxLayoutIntl extends NgxAbstractIntl<NgxLayoutIntl> {\n\n    public closeLabel = '';\n    public backLabel = '';\n    public sideFilterLabel = '';\n}\n","import type { EnvironmentProviders } from '@angular/core';\nimport { type NgxOptionsIntl, provideNgxIntl } from '@hug/ngx-core';\n\nimport { NgxLayoutIntl } from './ngx-layout-intl';\n\nexport * from './ngx-layout-intl';\n\n/**\n * Provide the component to the application level.\n * @param options - The component's providing options.\n * @param options.translationsPath - The path to the translations files (default: `translations/ngx-layout`).\n * @param options.customIntl - A custom internationalization class to inject.\n */\nexport const provideNgxLayout = (options?: NgxOptionsIntl<NgxLayoutIntl>): EnvironmentProviders =>\n    provideNgxIntl(\n        NgxLayoutIntl,\n        options?.translationsPath ?? 'translations/ngx-layout',\n        options?.customIntl ?? NgxLayoutIntl\n    );\n","import { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { AsyncPipe, NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, ContentChild, ElementRef, EventEmitter, inject, Input, Output, TemplateRef, ViewChild, ViewEncapsulation } from '@angular/core';\nimport { MatIconButton } from '@angular/material/button';\nimport { MatIcon } from '@angular/material/icon';\nimport { MatDrawer, MatDrawerContainer, MatDrawerContent } from '@angular/material/sidenav';\nimport { MatToolbar } from '@angular/material/toolbar';\nimport { MatTooltip } from '@angular/material/tooltip';\nimport { NgxMediaService } from '@hug/ngx-core';\nimport { NgxSidenavService } from '@hug/ngx-sidenav';\n\nimport { NgxLayoutIntl } from './providers';\n\n@Component({\n    selector: 'ngx-layout',\n    templateUrl: './layout.component.html',\n    styleUrls: ['./layout.component.scss'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [\n        NgTemplateOutlet,\n        AsyncPipe,\n        MatIconButton,\n        MatIcon,\n        MatDrawer,\n        MatDrawerContainer,\n        MatDrawerContent,\n        MatToolbar,\n        MatTooltip\n    ]\n})\nexport class NgxLayoutComponent {\n    @Input() public toolbarColor = 'primary';\n    @Input() public editorToolbarId = 'editor-toolbar';\n\n    @Input() public layoutToolbarExternal?: TemplateRef<unknown>;\n    @Input() public layoutPrimaryActionExternal?: TemplateRef<unknown>;\n    @Input() public layoutActionsExternal?: TemplateRef<unknown>;\n    @Input() public layoutInfoBoxesExternal?: TemplateRef<unknown>;\n    @Input() public layoutRightExternal?: TemplateRef<unknown>;\n\n    @Output() public readonly closeButtonClicked = new EventEmitter<MouseEvent>();\n    @Output() public readonly backButtonClicked = new EventEmitter<MouseEvent>();\n    @Output() public readonly sideFilterClosed = new EventEmitter<void>();\n    @Output() public readonly sideFilterOpened = new EventEmitter<void>();\n\n    @ContentChild('layoutToolbar') protected layoutToolbarContent?: TemplateRef<unknown>;\n    @ContentChild('layoutPrimaryAction') protected layoutPrimaryActionContent?: TemplateRef<unknown>;\n    @ContentChild('layoutActions') protected layoutActionsContent?: TemplateRef<unknown>;\n    @ContentChild('layoutInfoBoxes') protected layoutInfoBoxesContent?: TemplateRef<unknown>;\n    @ContentChild('layoutRight') protected layoutRightContent?: TemplateRef<unknown>;\n\n    @ViewChild('sideFilter') protected sideFilter?: MatDrawer;\n\n    protected readonly intl = inject(NgxLayoutIntl, { optional: true });\n    protected readonly mediaService = inject(NgxMediaService);\n    protected readonly sidenavService = inject(NgxSidenavService);\n    protected readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n    public get layoutToolbar(): TemplateRef<unknown> | undefined {\n        return this.layoutToolbarExternal ?? this.layoutToolbarContent;\n    }\n\n    public get layoutPrimaryAction(): TemplateRef<unknown> | undefined {\n        return this.layoutPrimaryActionExternal ?? this.layoutPrimaryActionContent;\n    }\n\n    public get layoutActions(): TemplateRef<unknown> | undefined {\n        return this.layoutActionsExternal ?? this.layoutActionsContent;\n    }\n\n    public get layoutInfoBoxes(): TemplateRef<unknown> | undefined {\n        return this.layoutInfoBoxesExternal ?? this.layoutInfoBoxesContent;\n    }\n\n    public get layoutRight(): TemplateRef<unknown> | undefined {\n        const value = this.layoutRightExternal ?? this.layoutRightContent;\n        if (!value) {\n            this.elementRef.nativeElement.setAttribute('no-right', 'true');\n        } else {\n            this.elementRef.nativeElement.removeAttribute('no-right');\n        }\n        return value;\n    }\n\n    private _withSidenav = false;\n\n    @Input()\n    public set withSidenav(value: BooleanInput) {\n        this._withSidenav = coerceBooleanProperty(value);\n    }\n\n    public get withSidenav(): BooleanInput {\n        return this._withSidenav;\n    }\n\n    private _keepFilterButtonDisplayed = true;\n\n    @Input()\n    public set keepFilterButtonDisplayed(value: BooleanInput) {\n        this._keepFilterButtonDisplayed = coerceBooleanProperty(value);\n    }\n\n    public get keepFilterButtonDisplayed(): BooleanInput {\n        return this._keepFilterButtonDisplayed;\n    }\n\n    private _withCloseButton = false;\n\n    @Input()\n    public set withCloseButton(value: BooleanInput) {\n        this._withCloseButton = coerceBooleanProperty(value);\n    }\n\n    public get withCloseButton(): BooleanInput {\n        return this._withCloseButton;\n    }\n\n    private _withBackButton = false;\n\n    @Input()\n    public set withBackButton(value: BooleanInput) {\n        this._withBackButton = coerceBooleanProperty(value);\n    }\n\n    public get withBackButton(): BooleanInput {\n        return this._withBackButton;\n    }\n\n    public closeSideFilter(): void {\n        void this.sideFilter?.close();\n    }\n\n    public openSideFilter(): void {\n        void this.sideFilter?.open();\n    }\n}\n","<ng-container *ngTemplateOutlet=\"filter\"></ng-container>\n\n<ng-template #content>\n    <div class=\"main-content\">\n        @if (\n            layoutPrimaryAction && !((layoutActions || layoutInfoBoxes) && (mediaService.isHandset$ | async) === false)\n        ) {\n            <span class=\"primary-action-container\" [class.bottom]=\"mediaService.isHandset$ | async\">\n                <ng-template [ngTemplateOutlet]=\"layoutPrimaryAction\"></ng-template>\n            </span>\n        }\n        <ng-content></ng-content>\n    </div>\n    @if ((mediaService.isHandset$ | async) && actionsToolbar) {\n        <ng-container *ngTemplateOutlet=\"actionsToolbar\"></ng-container>\n    }\n</ng-template>\n\n<ng-template #actionsToolbar>\n    <mat-toolbar\n        id=\"actions-toolbar\"\n        class=\"actions\"\n        [color]=\"toolbarColor\"\n        [class.bottom]=\"mediaService.isHandset$ | async\">\n        @if (layoutPrimaryAction && (layoutActions || layoutInfoBoxes) && (mediaService.isHandset$ | async) === false) {\n            <span class=\"primary-action-container\">\n                <ng-template [ngTemplateOutlet]=\"layoutPrimaryAction\"></ng-template>\n            </span>\n        }\n        @if (layoutActions) {\n            <ng-template [ngTemplateOutlet]=\"layoutActions\"></ng-template>\n        }\n        @if (layoutInfoBoxes && (mediaService.isHandset$ | async) === false) {\n            <div class=\"info-boxes-container\">\n                <ng-template [ngTemplateOutlet]=\"layoutInfoBoxes\"></ng-template>\n            </div>\n        }\n    </mat-toolbar>\n</ng-template>\n\n<ng-template #filter>\n    @if (layoutToolbar || layoutRight) {\n        <mat-toolbar id=\"toolbar\" [color]=\"toolbarColor\">\n            @if (withSidenav && (mediaService.isHandset$ | async) && (sidenavService.openChanged$ | async) === false) {\n                <button type=\"button\" id=\"sidenav-button\" mat-icon-button (click)=\"sidenavService.toggle()\">\n                    <mat-icon>menu</mat-icon>\n                </button>\n            }\n            @if (withBackButton) {\n                <button\n                    type=\"button\"\n                    id=\"back-button\"\n                    mat-icon-button\n                    (click)=\"this.backButtonClicked.emit($event)\"\n                    [matTooltip]=\"intl?.backLabel ?? 'Back'\">\n                    <mat-icon>arrow_back</mat-icon>\n                </button>\n            }\n            <div id=\"toolbar-content-container\">\n                @if (layoutToolbar) {\n                    <ng-template [ngTemplateOutlet]=\"layoutToolbar\"></ng-template>\n                }\n            </div>\n            @if (sideFilter && (keepFilterButtonDisplayed || (mediaService.isHandset$ | async)) && layoutRight) {\n                <button\n                    type=\"button\"\n                    id=\"filter-button\"\n                    mat-icon-button\n                    (click)=\"sideFilter.toggle()\"\n                    [matTooltip]=\"intl?.sideFilterLabel ?? 'Show/Hide filters'\">\n                    <mat-icon>tune</mat-icon>\n                </button>\n            }\n            @if (withCloseButton) {\n                <button\n                    type=\"button\"\n                    id=\"close-button\"\n                    mat-icon-button\n                    (click)=\"this.closeButtonClicked.emit($event)\"\n                    [matTooltip]=\"intl?.closeLabel ?? 'Close'\">\n                    <mat-icon>close</mat-icon>\n                </button>\n            }\n        </mat-toolbar>\n    }\n\n    @if ((layoutActions || layoutInfoBoxes) && (mediaService.isHandset$ | async) === false) {\n        <ng-container *ngTemplateOutlet=\"actionsToolbar\"></ng-container>\n    }\n    @if (layoutRight) {\n        <mat-drawer-container autosize=\"true\">\n            <mat-drawer-content>\n                <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n            </mat-drawer-content>\n            <mat-drawer\n                id=\"side-filter\"\n                #sideFilter\n                (closed)=\"sideFilterClosed.emit()\"\n                (openedChange)=\"sideFilterOpened.emit()\"\n                class=\"right\"\n                position=\"end\"\n                [attr.role]=\"(mediaService.isHandset$ | async) ? 'dialog' : 'navigation'\"\n                [mode]=\"(mediaService.isHandset$ | async) ? 'over' : 'side'\"\n                [opened]=\"(mediaService.isHandset$ | async) === false\">\n                <ng-template [ngTemplateOutlet]=\"layoutRight\"></ng-template>\n            </mat-drawer>\n        </mat-drawer-container>\n    } @else {\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    }\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"hug-ngx-layout.mjs","sources":["../../../projects/layout/src/providers/ngx-layout-intl.ts","../../../projects/layout/src/providers/index.ts","../../../projects/layout/src/actions-group/actions-group.component.ts","../../../projects/layout/src/actions-group/actions-group.component.html","../../../projects/layout/src/app-bar/app-bar.component.ts","../../../projects/layout/src/app-bar/app-bar.component.html","../../../projects/layout/src/filters-group/filter-chip.model.ts","../../../projects/layout/src/filters-group/filter-chip.directive.ts","../../../projects/layout/src/filters-group/filter-toggle.directive.ts","../../../projects/layout/src/filters-group/filters-group.component.ts","../../../projects/layout/src/filters-group/filters-group.component.html","../../../projects/layout/src/layout.component.ts","../../../projects/layout/src/layout.component.html","../../../projects/layout/src/main-bar/main-bar.component.ts","../../../projects/layout/src/main-bar/main-bar.component.html","../../../projects/layout/src/panel/panel.component.ts","../../../projects/layout/src/panel/panel.component.html","../../../projects/layout/src/search-bar-container/directives/search-input.directive.ts","../../../projects/layout/src/search-bar-container/search-bar-container.component.ts","../../../projects/layout/src/search-bar-container/search-bar-container.component.html","../../../projects/layout/src/hug-ngx-layout.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { NgxAbstractIntl } from '@hug/ngx-core';\n/**\n * Data for internationalization\n */\n@Injectable()\nexport class NgxLayoutIntl extends NgxAbstractIntl<NgxLayoutIntl> {\n    public help = '';\n    public back = '';\n    public deleteSearch = '';\n    public openSearchBar = '';\n    public moreActions = '';\n    public allFilters = '';\n    public filters = '';\n    public actives = '';\n    public reset = '';\n}\n","import { EnvironmentProviders } from '@angular/core';\nimport { NgxOptionsIntl, provideNgxIntl } from '@hug/ngx-core';\n\nimport { NgxLayoutIntl } from './ngx-layout-intl';\n\nexport * from './ngx-layout-intl';\n\n/**\n * Provide the component to the application level.\n * @param options - The component's providing options.\n * @param options.translationsPath - The path to the translations files (default: `translations/ngx-layout`).\n * @param options.customIntl - A custom internationalization class to inject.\n */\nexport const provideNgxLayout = (\n    options?: NgxOptionsIntl<NgxLayoutIntl>\n): EnvironmentProviders =>\n    provideNgxIntl(\n        NgxLayoutIntl,\n        options?.translationsPath ?? 'translations/ngx-layout',\n        options?.customIntl ?? NgxLayoutIntl\n    );\n","import { ChangeDetectionStrategy, Component, computed, contentChildren, effect, ElementRef, inject, Renderer2, type Signal, signal, viewChild, ViewEncapsulation } from '@angular/core';\nimport { MatIconButton } from '@angular/material/button';\nimport { MatIcon } from '@angular/material/icon';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatTooltip } from '@angular/material/tooltip';\n\nimport { NgxLayoutIntl } from '../providers';\n\nconst buttonGap = 12;\nconst buttonDimensions = 40;\n\n/**\n *\n * @param element\n * @param destroyRef\n * @param box\n * @param defaultSize\n */\nconst resizeSignal = (\n    element: () => ElementRef<HTMLElement> | undefined,\n    box: ResizeObserverBoxOptions = 'border-box'\n): Signal<ResizeObserverEntry | undefined> => {\n\n    const value = signal<ResizeObserverEntry | undefined>(undefined);\n\n    effect(onCleanup => {\n        const el = element()?.nativeElement;\n        if (!el) {\n            return;\n        }\n\n        const initialValue: ResizeObserverEntry = {\n            borderBoxSize: [],\n            contentRect: new DOMRect(),\n            contentBoxSize: [],\n            devicePixelContentBoxSize: [],\n            target: el\n        };\n\n        value.set(initialValue);\n\n        const ro = new ResizeObserver(entries => {\n            value.set(entries[0] || initialValue);\n        });\n\n        ro.observe(el, { box });\n        onCleanup(() => {\n            ro.disconnect();\n        });\n    });\n\n    return value;\n};\n\n@Component({\n    selector: 'ngx-actions-group',\n    templateUrl: './actions-group.component.html',\n    styleUrl: './actions-group.component.scss',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [\n        MatIcon,\n        MatIconButton,\n        MatTooltip,\n        MatMenuModule\n    ]\n})\nexport class NgxActionsGroupComponent {\n    protected readonly hiddenActions = computed(() => {\n        const maxVisible = this.getMaxVisibleAction(this.hostWidth());\n        return this.iconButtons().slice(maxVisible);\n    });\n\n    protected readonly intl = inject(NgxLayoutIntl, { optional: true });\n\n    private readonly iconButtons = contentChildren<MatIconButton, ElementRef<HTMLElement>>(MatIconButton, { read: ElementRef });\n\n    private readonly container = viewChild.required<ElementRef<HTMLElement>>('container');\n    private readonly hiddenContainer = viewChild.required<ElementRef<HTMLElement>>('hiddenContainer');\n\n    private readonly hostElement = inject<ElementRef<HTMLElement>>(ElementRef);\n    private readonly renderer = inject(Renderer2);\n\n    private readonly hostSize = resizeSignal(() => this.hostElement);\n    private readonly hostWidth = computed(() => Math.ceil(this.hostSize()?.contentRect.width || 0));\n\n    private readonly visibleActions = computed(() => {\n        const maxVisible = this.getMaxVisibleAction(this.hostWidth());\n        return this.iconButtons().slice(0, maxVisible);\n    });\n\n    public constructor() {\n\n        effect(() => {\n            const buttons = this.iconButtons();\n\n            if (buttons.length === 0) {\n                return;\n            }\n\n            const visibleButtons = this.visibleActions();\n            const containerEl = this.container();\n            visibleButtons.forEach(button => {\n                const element = button.nativeElement;\n                containerEl.nativeElement.appendChild(element);\n            });\n\n            const hiddenButtons = this.hiddenActions();\n            const hiddenContainerEl = this.hiddenContainer();\n            if (hiddenButtons.length > 0) {\n                hiddenButtons.forEach(button => {\n                    const element = button.nativeElement;\n\n                    const hasMenu =\n                        element.classList.contains('mat-mdc-menu-trigger');\n\n                    if (hasMenu) {\n                        this.renderer.listen(element, 'click', (event: MouseEvent) => {\n                            event.stopPropagation();\n                        });\n                    }\n\n                    hiddenContainerEl.nativeElement.appendChild(element);\n                });\n            }\n        });\n    }\n\n    private getMaxVisibleAction(width: number): number {\n\n        const maxNumberOfActions = Math.floor(width / (buttonDimensions + buttonGap));\n\n        const maxVisibleActions = Math.max(1, maxNumberOfActions);\n\n        const totalButtons = this.iconButtons().length;\n\n        if (maxVisibleActions >= totalButtons) {\n            return totalButtons;\n        }\n\n        // -1 => Allows for the more button to be displayed\n        return maxVisibleActions - 1;\n    }\n}\n","<div #container class=\"container\">\n    <ng-content></ng-content>\n    @if (hiddenActions().length > 0) {\n        <button\n            matIconButton\n            class=\"more-actions-button\"\n            [matMenuTriggerFor]=\"menuActionsGroup\"\n            matTooltip=\"{{ intl?.moreActions ?? 'More actions' }}\">\n            <mat-icon>more_horiz</mat-icon>\n        </button>\n    }\n    <mat-menu #menuActionsGroup=\"matMenu\" class=\"actions-group-menu\">\n        <div #hiddenContainer></div>\n    </mat-menu>\n</div>\n","import { ChangeDetectionStrategy, Component, inject, input, output, ViewEncapsulation } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\nimport { NgxLayoutIntl } from '../providers';\n\ntype AppBarMode = 'standard' | 'condensed';\n\n@Component({\n    selector: 'ngx-app-bar',\n    templateUrl: './app-bar.component.html',\n    styleUrl: './app-bar.component.scss',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [MatIconModule, MatButtonModule, MatTooltipModule],\n    host: {\n        // eslint-disable-next-line @typescript-eslint/naming-convention\n        '[class.condensed]': 'mode()===\"condensed\"'\n    }\n})\nexport class NgxAppBarComponent {\n    public mode = input<AppBarMode>('standard');\n    public title = input.required<string>();\n    public subtitle = input<string>();\n    public helpUrl = input<string | URL>();\n    public withBackIcon = input<boolean>(false);\n\n    public readonly goBack = output();\n\n    protected readonly intl = inject(NgxLayoutIntl, { optional: true });\n\n    private helpPopup: Window | undefined;\n\n    protected openHelp(): void {\n        const params = [\n            `height=${screen.height}`,\n            `width=${screen.width}`,\n            'fullscreen=yes'\n        ].join(',');\n\n        if (this.helpPopup) {\n            this.helpPopup.close();\n        }\n\n        this.helpPopup = window.open(this.helpUrl(), 'help_popup', params) ?? undefined;\n        this.helpPopup?.moveTo(0, 0);\n    }\n\n    protected triggerGoBack(): void {\n        this.goBack.emit();\n    }\n}\n","@if (withBackIcon()) {\n    <button matIconButton matTooltip=\"{{ intl?.back ?? 'Back' }}\" (click)=\"triggerGoBack()\">\n        <mat-icon>arrow_back</mat-icon>\n    </button>\n}\n\n<header class=\"{{ mode() }}\">\n    <h1 class=\"title\">{{ title() }}</h1>\n    @if (subtitle()) {\n        @if (mode() === 'condensed') {\n            <mat-icon>chevron_right</mat-icon>\n        }\n        <h2 class=\"subtitle\">{{ subtitle() }}</h2>\n    }\n</header>\n\n<section class=\"actions\">\n    <ng-content />\n    @if (helpUrl()) {\n        <button matIconButton matTooltip=\"{{ intl?.help ?? 'Help' }}\" (click)=\"openHelp()\">\n            <mat-icon>help</mat-icon>\n        </button>\n    }\n</section>\n","import { InjectionToken, type InputSignal, type ModelSignal, type TemplateRef } from '@angular/core';\n\nexport type FilterType = 'toggle' | 'complex';\n\ninterface NgxBaseFilter {\n    readonly label: InputSignal<string>;\n    readonly active: InputSignal<boolean>;\n    readonly type: FilterType;\n}\n\nexport interface NgxToggleFilter extends NgxBaseFilter {\n    readonly type: 'toggle';\n    readonly active: ModelSignal<boolean>;\n}\n\nexport interface NgxComplexFilter extends NgxBaseFilter {\n    readonly selectedFilterLabel: InputSignal<string>;\n    readonly templateRef: TemplateRef<unknown>;\n    readonly type: 'complex';\n}\n\nexport type NgxFilter = NgxToggleFilter | NgxComplexFilter;\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport const FILTER_TOKEN = new InjectionToken<NgxFilter>('FILTER_TOKEN');\n","import { Directive, forwardRef, inject, input, TemplateRef } from '@angular/core';\n\nimport { FILTER_TOKEN, type NgxComplexFilter } from './filter-chip.model';\n\n\n@Directive({\n    selector: 'ng-template[ngx-filter]',\n    standalone: true,\n    providers: [{ provide: FILTER_TOKEN, useExisting: forwardRef(() => NgxFilterDirective) }]\n\n})\nexport class NgxFilterDirective implements NgxComplexFilter {\n    public readonly type = 'complex';\n    public readonly label = input.required<string>();\n    public readonly active = input.required<boolean>();\n    public readonly selectedFilterLabel = input('');\n    public readonly templateRef = inject<TemplateRef<unknown>>(TemplateRef);\n}\n","import { Directive, forwardRef, input, model } from '@angular/core';\n\nimport { FILTER_TOKEN, type NgxToggleFilter } from './filter-chip.model';\n\n\n@Directive({\n    selector: 'ng-template[ngx-filter-toggle]',\n    standalone: true,\n    providers: [{ provide: FILTER_TOKEN, useExisting: forwardRef(() => NgxFilterToggleDirective) }]\n})\nexport class NgxFilterToggleDirective implements NgxToggleFilter {\n    public readonly type = 'toggle';\n    public readonly label = input.required<string>();\n    public readonly active = model.required<boolean>();\n}\n","import { CdkConnectedOverlay, CdkOverlayOrigin, type ConnectionPositionPair } from '@angular/cdk/overlay';\nimport { LowerCasePipe, NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed, contentChildren, effect, ElementRef, inject, input, output, type Signal, signal, type TemplateRef, viewChild, ViewEncapsulation } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { MatBadgeModule } from '@angular/material/badge';\nimport { MatIconButton } from '@angular/material/button';\nimport { MatChipsModule } from '@angular/material/chips';\nimport { MatIcon } from '@angular/material/icon';\nimport { MatSlideToggleModule } from '@angular/material/slide-toggle';\nimport { MatTooltip } from '@angular/material/tooltip';\n\nimport { NgxLayoutIntl } from '../providers';\nimport { FILTER_TOKEN } from './filter-chip.model';\n\nconst resizeSignal = (\n    element: () => ElementRef<HTMLElement> | undefined,\n    box: ResizeObserverBoxOptions = 'border-box'\n): Signal<ResizeObserverEntry | undefined> => {\n\n    const value = signal<ResizeObserverEntry | undefined>(undefined);\n\n    effect(onCleanup => {\n        const el = element()?.nativeElement;\n        if (!el) {\n            return;\n        }\n\n        const initialValue: ResizeObserverEntry = {\n            borderBoxSize: [],\n            contentRect: new DOMRect(),\n            contentBoxSize: [],\n            devicePixelContentBoxSize: [],\n            target: el\n        };\n\n        value.set(initialValue);\n\n        const ro = new ResizeObserver(entries => {\n            value.set(entries[0] || initialValue);\n        });\n\n        ro.observe(el, { box });\n        onCleanup(() => {\n            ro.disconnect();\n        });\n    });\n\n    return value;\n};\n\n@Component({\n    selector: 'ngx-filters-group',\n    templateUrl: './filters-group.component.html',\n    styleUrl: './filters-group.component.scss',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [\n        MatIcon,\n        MatIconButton,\n        MatChipsModule,\n        MatTooltip,\n        NgTemplateOutlet,\n        CdkConnectedOverlay,\n        CdkOverlayOrigin,\n        MatSlideToggleModule,\n        FormsModule,\n        MatBadgeModule,\n        LowerCasePipe\n    ]\n})\nexport class NgxFiltersGroupComponent {\n    public readonly resetFilters = output();\n    public readonly folded = input<boolean>();\n\n    protected readonly intl = inject(NgxLayoutIntl, { optional: true });\n\n    // #region Overlay\n    protected readonly overlayOrigin = signal<CdkOverlayOrigin | undefined>(undefined);\n    protected readonly overlayContent = signal<TemplateRef<unknown> | undefined>(undefined);\n    protected readonly overlayOpen = signal<boolean>(false);\n    protected readonly moreFiltersOverlay = signal<boolean>(false);\n    protected readonly overlayPositions: ConnectionPositionPair[] = [{\n        originX: 'center',\n        originY: 'bottom',\n        overlayX: 'center',\n        overlayY: 'top',\n        offsetY: 16\n    }, {\n        originX: 'end',\n        originY: 'bottom',\n        overlayX: 'end',\n        overlayY: 'top',\n        offsetY: 16\n    }];\n    // #endregion\n\n    // #region Filters\n    protected allFilters = contentChildren(FILTER_TOKEN);\n    protected readonly activeFiltersAmount = computed(() => this.invisibleFilters().filter(filter => filter.active()).length);\n\n    protected readonly visibleFilters = computed(() => {\n        const lastFittingIndex = this.lastFittingIndex();\n        if (lastFittingIndex < 0) {\n            return [];\n        }\n\n        return this.allFilters().slice(0, lastFittingIndex);\n    });\n\n    protected readonly invisibleFilters = computed(() => {\n        const lastFittingIndex = this.lastFittingIndex();\n        if (lastFittingIndex < 0) {\n            return this.allFilters();\n        }\n\n        return this.allFilters().slice(lastFittingIndex);\n    });\n\n    private readonly filterContainerRef = viewChild.required<ElementRef<HTMLElement>>('container');\n    private readonly filterContainerPadding = computed(() => Number.parseFloat(globalThis.getComputedStyle(this.filterContainerRef().nativeElement).paddingInline));\n\n    // #endregion\n\n    // #region Host\n    private readonly hostElement = inject<ElementRef<HTMLElement>>(ElementRef);\n    private readonly hostSize = resizeSignal(() => this.hostElement);\n    private readonly hostWidth = computed(() => Math.ceil(this.hostSize()?.contentRect.width || 0));\n    // #endregion\n\n    // #region MeasureRow\n    private readonly measureRowRef = viewChild<ElementRef<HTMLElement>>('measureRow');\n    private readonly measureRowSize = resizeSignal(() => this.measureRowRef());\n    private readonly measureRowWidth = computed(() => Math.ceil(this.measureRowSize()?.contentRect.width || 0));\n    // #endregion\n\n    // #region StaticFields\n    private readonly staticFieldsRef = viewChild<ElementRef<HTMLElement>>('static');\n    private readonly staticFieldsSize = resizeSignal(() => this.staticFieldsRef());\n    private readonly staticFieldsWidth = computed(() => Math.ceil(this.staticFieldsSize()?.contentRect.width || 0));\n    // #endregion\n\n    private readonly lastFittingIndex = computed(() => {\n        const hostWidth = this.hostWidth();\n        if (!hostWidth) {\n            return -1;\n        }\n\n        const availableSpace = hostWidth - (this.staticFieldsWidth() + (2 * this.filterContainerPadding()));\n        const filters = Array.from(this.measureRowRef()?.nativeElement.querySelectorAll<HTMLElement>('mat-chip-option') ?? []);\n\n        if (availableSpace - this.measureRowWidth() >= 0) {\n            return filters.length;\n        }\n\n        return this.getLastFittingIndex(availableSpace, filters);\n    });\n\n    protected emitResetClicked(): void {\n        this.resetFilters.emit();\n    }\n\n    private getLastFittingIndex(availableSpace: number, elements: readonly HTMLElement[]): number {\n        const firstEl = elements[0];\n\n        if (!firstEl || availableSpace <= 0 || availableSpace - firstEl.offsetWidth < 0) {\n            return -1;\n        }\n\n        let residualAvailableSpace = availableSpace;\n\n        const lastFittingIndex = elements.findIndex(el => {\n            residualAvailableSpace -= el.offsetWidth + 16;\n            return residualAvailableSpace <= 0;\n        });\n\n        return lastFittingIndex >= 0 ? lastFittingIndex : elements.length - 1;\n    }\n}\n","@if (folded()) {\n    <section\n        class=\"filter-container\"\n        #container\n        [matBadge]=\"activeFiltersAmount()\"\n        [matBadgeHidden]=\"activeFiltersAmount() <= 0\">\n        <button\n            mat-icon-button\n            aria-label=\"All filters\"\n            cdkOverlayOrigin\n            #trigger=\"cdkOverlayOrigin\"\n            (click)=\"\n                this.overlayOrigin.set(trigger);\n                this.overlayContent.set(moreFilters);\n                this.overlayOpen.set(true);\n                this.moreFiltersOverlay.set(true)\n            \"\n            matTooltip=\"{{ intl?.allFilters ?? 'All filters' }}\">\n            <mat-icon>filter_alt</mat-icon>\n        </button>\n    </section>\n} @else {\n    @if (allFilters()) {\n        <section #measureRow class=\"measure-row\">\n            <mat-chip-set>\n                @for (f of allFilters(); track $index) {\n                    <mat-chip-option [selectable]=\"false\" [selected]=\"f.active()\">\n                        {{ f.label() }}\n                        @if (f.type === 'complex' && f.selectedFilterLabel()) {\n                            <span class=\"selected-label\">: {{ f.selectedFilterLabel() }}</span>\n                        }\n                        @if (f.type === 'complex') {\n                            <mat-icon matChipTrailingIcon>arrow_drop_down</mat-icon>\n                        }\n                    </mat-chip-option>\n                }\n                <mat-chip #overflowMeasure>\n                    +00 {{ intl?.filters ?? 'Filters' | lowercase }} (00 {{ intl?.actives ?? 'Actives' | lowercase }})\n                    <mat-icon matChipTrailingIcon>arrow_drop_down</mat-icon>\n                </mat-chip>\n            </mat-chip-set>\n        </section>\n    }\n\n    <section class=\"filter-container\" #container>\n        <mat-chip-set>\n            @if (this.visibleFilters().length) {\n                @for (f of visibleFilters(); track $index) {\n                    @if (f.type === 'toggle') {\n                        <mat-chip-option\n                            selectable=\"true\"\n                            [selected]=\"f.active()\"\n                            (selectionChange)=\"f.active.set($event.selected)\">\n                            {{ f.label() }}\n                        </mat-chip-option>\n                    } @else {\n                        <mat-chip-option\n                            [selectable]=\"false\"\n                            [selected]=\"f.active()\"\n                            cdkOverlayOrigin\n                            #trigger=\"cdkOverlayOrigin\"\n                            (click)=\"\n                                this.overlayOrigin.set(trigger);\n                                this.overlayContent.set(f.templateRef);\n                                this.overlayOpen.set(true);\n                                this.moreFiltersOverlay.set(false)\n                            \">\n                            {{ f.label() }}\n                            @if (f.selectedFilterLabel()) {\n                                <span class=\"selected-label\">: {{ f.selectedFilterLabel() }}</span>\n                            }\n                            <mat-icon\n                                [class.is-overlay-open]=\"this.overlayOpen() && this.overlayContent() === f.templateRef\"\n                                matChipTrailingIcon>\n                                arrow_drop_down\n                            </mat-icon>\n                        </mat-chip-option>\n                    }\n                }\n            }\n        </mat-chip-set>\n        <section class=\"static\" #static>\n            @if (invisibleFilters().length; as invisibleFiltersAmount) {\n                <mat-chip-set>\n                    <mat-chip\n                        cdkOverlayOrigin\n                        [class.filter-active]=\"activeFiltersAmount()\"\n                        #trigger=\"cdkOverlayOrigin\"\n                        (click)=\"\n                            this.overlayOrigin.set(trigger);\n                            this.overlayContent.set(moreFilters);\n                            this.overlayOpen.set(true);\n                            this.moreFiltersOverlay.set(true)\n                        \">\n                        +{{ invisibleFiltersAmount }} {{ intl?.filters ?? 'Filters' | lowercase }} ({{\n                            activeFiltersAmount()\n                        }}\n                        {{ intl?.actives ?? 'Actives' | lowercase }})\n                        <mat-icon\n                            [class.is-overlay-open]=\"this.overlayOpen() && this.overlayContent() === moreFilters\"\n                            matChipTrailingIcon>\n                            arrow_drop_down\n                        </mat-icon>\n                    </mat-chip>\n                </mat-chip-set>\n            }\n            <button\n                mat-icon-button\n                aria-label=\"Reset filters\"\n                (click)=\"emitResetClicked()\"\n                matTooltip=\"{{ intl?.reset ?? 'Reset' }}\">\n                <mat-icon>settings_backup_restore</mat-icon>\n            </button>\n        </section>\n    </section>\n}\n\n<ng-template #moreFilters>\n    @if (allFilters()) {\n        @for (f of allFilters(); track $index) {\n            @if (f.type === 'toggle') {\n                <section class=\"filter\">\n                    <mat-slide-toggle labelPosition=\"before\" [(ngModel)]=\"f.active\">\n                        {{ f.label() }}\n                    </mat-slide-toggle>\n                </section>\n            } @else {\n                <section class=\"filter\">\n                    <div class=\"title\">\n                        <span class=\"label\">{{ f.label() }}</span>\n                        <span class=\"value\">{{ f.selectedFilterLabel() }}</span>\n                    </div>\n                    @if (f.templateRef) {\n                        <ng-container *ngTemplateOutlet=\"f.templateRef\"></ng-container>\n                    }\n                </section>\n            }\n        }\n    }\n</ng-template>\n\n@let overlayOrigin = this.overlayOrigin();\n@let overlayOpen = this.overlayOpen();\n@let overlayContent = this.overlayContent();\n@if (overlayOrigin && overlayOpen && overlayContent) {\n    <ng-template\n        cdkConnectedOverlay\n        [cdkConnectedOverlayOrigin]=\"overlayOrigin\"\n        [cdkConnectedOverlayOpen]=\"overlayOpen\"\n        (detach)=\"this.overlayOpen.set(false)\"\n        cdkConnectedOverlayHasBackdrop=\"true\"\n        backdrop\n        (backdropClick)=\"this.overlayOpen.set(false)\"\n        cdkConnectedOverlayPanelClass=\"filter-group--overlay\"\n        cdkConnectedOverlayBackdropClass=\"filter-group--overlay--backdrop--transparent\"\n        [cdkConnectedOverlayPositions]=\"overlayPositions\"\n        [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n        [cdkConnectedOverlayGrowAfterOpen]=\"true\"\n        [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n        [cdkConnectedOverlayViewportMargin]=\"32\">\n        @if (moreFiltersOverlay()) {\n            <div class=\"filters--title\">\n                <span>{{ intl?.filters ?? 'Filters' }}</span>\n                <button\n                    mat-icon-button\n                    aria-label=\"Reset filters\"\n                    (click)=\"emitResetClicked()\"\n                    matTooltip=\"{{ intl?.reset ?? 'Reset' }}\">\n                    <mat-icon>settings_backup_restore</mat-icon>\n                </button>\n            </div>\n        }\n        <div class=\"filters--content\">\n            <ng-container *ngTemplateOutlet=\"overlayContent\"></ng-container>\n        </div>\n    </ng-template>\n}\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n\n@Component({\n    selector: 'ngx-layout',\n    templateUrl: './layout.component.html',\n    styleUrl: './layout.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class NgxLayoutComponent {\n}\n","<ng-content select=\"ngx-app-bar\"></ng-content>\n<ng-content select=\"ngx-main-bar\"></ng-content>\n<!--\n    The ng-content's is not clearly defined yet. The potential use-cases are:\n    - Display GPD bars\n    - Display warnings\n -->\n<ng-content></ng-content>\n<section class=\"content\">\n    <ng-content select=\"ngx-panel\"></ng-content>\n</section>\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n\n@Component({\n    selector: 'ngx-main-bar',\n    templateUrl: './main-bar.component.html',\n    styleUrl: './main-bar.component.scss',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class NgxMainBarComponent { }\n","<ng-content select=\"ngx-actions-group\"></ng-content>\n\n<div class=\"right\">\n    <ng-content select=\"ngx-filters-group\"></ng-content>\n    <ng-content select=\"ngx-search-bar-container\"></ng-content>\n</div>\n","import { ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\n\ntype Appearance = 'transparent' | 'default';\ntype ContentPadding = 'none' | 'regular';\n\n@Component({\n    selector: 'ngx-panel',\n    templateUrl: './panel.component.html',\n    styleUrl: './panel.component.scss',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        // eslint-disable-next-line @typescript-eslint/naming-convention\n        '[attr.appearance]': 'this.appearance()',\n        // eslint-disable-next-line @typescript-eslint/naming-convention\n        '[attr.content-padding]': 'this.contentPadding()'\n    }\n})\nexport class NgxPanelComponent {\n    public readonly appearance = input<Appearance | undefined>(undefined);\n    public readonly contentPadding = input<ContentPadding | undefined>(undefined, { alias: 'content-padding' });\n}\n","<ng-content select=\"ngx-panel-bar[primary]\"></ng-content>\n<ng-content select=\"ngx-panel-bar\"></ng-content>\n<section class=\"content\">\n    <ng-content></ng-content>\n</section>\n","import { Directive, ElementRef, inject, type Signal, signal } from '@angular/core';\nimport { toSignal } from '@angular/core/rxjs-interop';\nimport { type FormControl, NgControl } from '@angular/forms';\n\n@Directive({\n    selector: 'input[ngx-search-input]',\n    /* eslint-disable @typescript-eslint/naming-convention */\n    host: {\n        '(blur)': 'blurred.set(true);',\n        '(focus)': 'blurred.set(false);'\n    }\n})\nexport class NgxSearchInputDirective {\n    public readonly blurred = signal<boolean>(false);\n    public readonly value: Signal<string>;\n\n    private readonly ngControl = inject(NgControl);\n    private readonly input = inject<ElementRef<HTMLInputElement>>(ElementRef);\n    private readonly control = this.ngControl.control as FormControl<string>;\n\n    public constructor() {\n        this.value = toSignal(this.control.valueChanges, { initialValue: '' });\n    }\n\n    public focus(): void {\n        this.input.nativeElement.focus();\n    }\n\n    public reset(): void {\n        this.control.reset();\n    }\n}\n","import { afterRenderEffect, ChangeDetectionStrategy, Component, computed, contentChild, effect, inject, input, signal, untracked, ViewEncapsulation } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\nimport { NgxLayoutIntl } from '../providers';\nimport { NgxSearchInputDirective } from './directives/search-input.directive';\n\n// type SearchBarContainerSize = 'medium' | 'small';\n\n@Component({\n    selector: 'ngx-search-bar-container',\n    templateUrl: './search-bar-container.component.html',\n    styleUrl: './search-bar-container.component.scss',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [MatIconModule, MatButtonModule, MatTooltipModule]\n    /*\n    host: {\n        '[class.small]': 'size()===\"small\"'\n    }\n    */\n})\nexport class NgxSearchBarContainerComponent {\n    // inputs\n    public readonly folded = input<boolean>(false);\n\n    /*\n    protected size = input<SearchBarContainerSize>('medium');\n    protected sizeButtonAttributeName = input<string>();\n    protected sizeButtonAttributeValue = input<string>();\n    */\n\n    protected readonly intl = inject(NgxLayoutIntl, { optional: true });\n\n    protected readonly manualFoldingState = signal<boolean>(true);\n    protected readonly isFolded = computed(() => this.folded() && this.manualFoldingState() && !this.searchText());\n\n    protected readonly searchInput = contentChild(NgxSearchInputDirective);\n    protected readonly searchText = computed(() => this.searchInput()?.value());\n\n    /*\n    private hostElement = inject(ElementRef);\n    private renderer = inject(Renderer2);\n    */\n\n    public constructor() {\n\n        /*\n        afterRender(() => {\n            const containerElement = this.hostElement.nativeElement;\n            const buttons = containerElement.querySelectorAll('button') as NodeListOf<HTMLElement>;\n\n            buttons.forEach((button: HTMLElement) => {\n                if (this.sizeButtonAttributeName()?.trim() && this.sizeButtonAttributeValue()?.trim()) {\n                    this.renderer.setAttribute(button, this.sizeButtonAttributeName(), this.sizeButtonAttributeValue());\n                }\n\n            });\n        });\n        */\n\n        afterRenderEffect(() => {\n            const searchInput = this.searchInput();\n            if (!searchInput) {\n                return;\n            }\n\n            if (!this.isFolded()) {\n                searchInput.focus();\n            }\n        });\n\n        effect(() => {\n            const baseFoldStatus = this.folded();\n\n            if (baseFoldStatus) {\n                const searchText = untracked(this.searchText);\n                const blurred = this.searchInput()?.blurred();\n\n                if (blurred && !searchText) {\n                    this.manualFoldingState.set(true);\n                }\n            }\n        });\n    }\n\n    protected toggleFolded(): void {\n        this.manualFoldingState.update(folded => !folded);\n    }\n\n    protected resetInput(): void {\n        const searchInput = this.searchInput();\n\n        if (!searchInput) {\n            return;\n        }\n\n        searchInput.reset();\n        searchInput.focus();\n    }\n}\n\n","@if (isFolded()) {\n    <button\n        matIconButton\n        aria-label=\"Open search bar\"\n        (click)=\"toggleFolded()\"\n        matTooltip=\"{{ intl?.openSearchBar ?? 'Open search bar' }}\">\n        <mat-icon>search</mat-icon>\n    </button>\n} @else {\n    <ng-content select=\"[ngx-search-input]\"></ng-content>\n\n    @if (searchText()) {\n        <button\n            matIconButton\n            aria-label=\"Clear button\"\n            (click)=\"resetInput()\"\n            matTooltip=\"{{ intl?.deleteSearch ?? 'Clear search' }}\">\n            <mat-icon>close</mat-icon>\n        </button>\n    } @else {\n        <mat-icon class=\"icon-search-bar\" aria-hidden=\"false\" aria-label=\"Search icon\" fontIcon=\"search\" />\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["resizeSignal","i1","i2","i3"],"mappings":"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"}

package/m2/translations/de-CH.json

@@ -0,0 +1,5 @@
+{
+    "closeLabel": "Schließen",
+    "backLabel": "Zurück",
+    "sideFilterLabel": "Filter anzeigen/ausblenden"
+}

package/m2/translations/en-US.json

@@ -0,0 +1,5 @@
+{
+    "closeLabel": "Close",
+    "backLabel": "Back",
+    "sideFilterLabel": "Show/Hide filters"
+}

package/m2/translations/fr-CH.json

@@ -0,0 +1,5 @@
+{
+    "closeLabel": "Fermer",
+    "backLabel": "Retour",
+    "sideFilterLabel": "Afficher/Masquer les filtres"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@hug/ngx-layout",
-    "version": "21.0.2",
+    "version": "22.0.0-alpha.2",
     "description": "HUG Angular - layout component",
     "homepage": "https://github.com/dsi-hug/ngx-components",
     "license": "GPL-3.0-only",
@@ -21,16 +21,23 @@
     ],
     "sideEffects": false,
     "exports": {
-        ".": {
-            "sass": "./_layout-theme.scss",
-            "types": "./types/hug-ngx-layout.d.ts",
-            "default": "./fesm2022/hug-ngx-layout.mjs"
+        "./m2": {
+            "sass": "./m2/_layout-theme.scss",
+            "types": "./types/hug-ngx-layout-m2.d.ts",
+            "default": "./fesm2022/hug-ngx-layout-m2.mjs"
+        },
+        "./m2/translations/*": {
+            "default": "./m2/translations/**/*.json"
         },
         "./translations/*": {
-            "default": "./**/*.json"
+            "default": "./translations/**/*.json"
         },
         "./package.json": {
             "default": "./package.json"
+        },
+        ".": {
+            "types": "./types/hug-ngx-layout.d.ts",
+            "default": "./fesm2022/hug-ngx-layout.mjs"
         }
     },
     "peerDependencies": {
@@ -38,15 +45,16 @@
         "@angular/common": ">=21 <22",
         "@angular/core": ">=21 <22",
         "@angular/material": ">=21 <22",
-        "@hug/ngx-core": "^21.2.0",
-        "@hug/ngx-sidenav": "^21.0.2",
+        "@hug/ngx-core": "^22.0.0-alpha.1",
+        "@hug/ngx-sidenav": "^22.0.0-alpha.1",
         "zone.js": "^0.16.0"
     },
     "dependencies": {
         "tslib": "^2.8.1"
     },
     "publishConfig": {
-        "access": "public"
+        "access": "public",
+        "tag": "alpha"
     },
     "module": "fesm2022/hug-ngx-layout.mjs",
     "typings": "types/hug-ngx-layout.d.ts"

package/translations/de-CH.json

@@ -1,5 +1,11 @@
 {
-    "closeLabel": "Schließen",
-    "backLabel": "Zurück",
-    "sideFilterLabel": "Filter anzeigen/ausblenden"
+    "help": "Helfen",
+    "back": "Zurück",
+    "deleteSearch": "Suche löschen",
+    "openSearchBar": "Suchleiste öffnen",
+    "moreActions": "Weitere Aktionen",
+    "allFilters": "Alle Filter",
+    "filters": "Filter",
+    "actives": "Aktive",
+    "reset": "Zurücksetzen"
 }

package/translations/en-US.json

@@ -1,5 +1,11 @@
 {
-    "closeLabel": "Close",
-    "backLabel": "Back",
-    "sideFilterLabel": "Show/Hide filters"
+    "help": "Help",
+    "back": "Back",
+    "deleteSearch": "Delete search",
+    "openSearchBar": "Open search bar",
+    "moreActions": "More actions",
+    "allFilters": "All filters",
+    "filters": "Filters",
+    "actives": "Actives",
+    "reset": "Reset"
 }

package/translations/fr-CH.json

@@ -1,5 +1,11 @@
 {
-    "closeLabel": "Fermer",
-    "backLabel": "Retour",
-    "sideFilterLabel": "Afficher/Masquer les filtres"
+    "help": "Aide",
+    "back": "Retour",
+    "deleteSearch": "Effacer la recherche",
+    "openSearchBar": "Ouvrir la barre de recherche",
+    "moreActions": "Plus d'actions",
+    "allFilters": "Tous les filtres",
+    "filters": "Filtres",
+    "actives": "Actifs",
+    "reset": "Réinitialiser"
 }

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

@@ -0,0 +1,72 @@
+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/m2';
+
+/**
+ * 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>;
+}
+
+/**
+ * Provide the component to the application level.
+ * @param options - The component's providing options.
+ * @param options.translationsPath - The path to the translations files (default: `translations/ngx-layout`).
+ * @param options.customIntl - A custom internationalization class to inject.
+ */
+declare const provideNgxLayout: (options?: NgxOptionsIntl<NgxLayoutIntl>) => EnvironmentProviders;
+
+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;
+    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 };

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

@@ -1,19 +1,23 @@
-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, TemplateRef, ModelSignal } from '@angular/core';
+import { NgxAbstractIntl, NgxOptionsIntl } from '@hug/ngx-core';
+import { CdkOverlayOrigin, ConnectionPositionPair } from '@angular/cdk/overlay';
 
 /**
  * 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;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxLayoutIntl, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<NgxLayoutIntl>;
 }
 
 /**
@@ -24,49 +28,149 @@ 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"], ["*"], 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>;
+    withBackIcon: _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; }; "withBackIcon": { "alias": "withBackIcon"; "required": false; "isSignal": true; }; }, { "goBack": "goBack"; }, never, ["*"], 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[ngx-filter]", 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[ngx-filter-toggle]", 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 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", "ngx-filters-group", "ngx-search-bar-container"], true, never>;
+}
+
+type Appearance = 'transparent' | 'default';
+type ContentPadding = 'none' | 'regular';
+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": "content-padding"; "required": false; "isSignal": true; }; }, {}, never, ["ngx-panel-bar[primary]", "ngx-panel-bar", "*"], 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[ngx-search-input]", never, {}, {}, never, never, true, never>;
+}
+
+declare class NgxSearchBarContainerComponent {
+    readonly folded: _angular_core.InputSignal<boolean>;
     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>;
+    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"], ["[ngx-search-input]"], true, never>;
 }
 
-export { NgxLayoutComponent, NgxLayoutIntl, provideNgxLayout };
+export { NgxActionsGroupComponent, NgxAppBarComponent, NgxFilterDirective, NgxFilterToggleDirective, NgxFiltersGroupComponent, NgxLayoutComponent, NgxLayoutIntl, NgxMainBarComponent, NgxPanelComponent, NgxSearchBarContainerComponent, NgxSearchInputDirective, provideNgxLayout };