@yuuvis/material 2.20.0 → 3.0.0-beta.20.0

package/lib/directives/button/ymt-button.directive.d.ts

@@ -1,18 +0,0 @@
-import { AfterViewInit, OnInit } from '@angular/core';
-import { YMT_BUTTON_SIZE } from './ymt-button.model';
-import * as i0 from "@angular/core";
-export type ButtonType = 'primary' | 'secondary' | 'tertiary' | 'danger';
-export declare class YmtButtonDirective implements OnInit, AfterViewInit {
-    #private;
-    ymtButton: import("@angular/core").InputSignal<ButtonType>;
-    disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    ariaDisabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    disableRipple: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    disabledInteractive: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    size: import("@angular/core").InputSignal<"small" | "medium" | YMT_BUTTON_SIZE>;
-    constructor();
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<YmtButtonDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<YmtButtonDirective, "button[ymtButton], a[ymtButton]", never, { "ymtButton": { "alias": "ymtButton"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaDisabled": { "alias": "aria-disabled"; "required": false; "isSignal": true; }; "disableRipple": { "alias": "disableRipple"; "required": false; "isSignal": true; }; "disabledInteractive": { "alias": "disabledInteractive"; "required": false; "isSignal": true; }; "size": { "alias": "button-size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}

package/lib/directives/button/ymt-button.model.d.ts

@@ -1,4 +0,0 @@
-export declare enum YMT_BUTTON_SIZE {
-    small = "small",
-    medium = "medium"
-}

package/lib/directives/icon-button/index.d.ts

@@ -1,2 +0,0 @@
-export * from './ymt-icon-button.directive';
-export * from './ymt-icon-button.model';

package/lib/directives/icon-button/ymt-icon-button.directive.d.ts

@@ -1,15 +0,0 @@
-import { AfterViewInit } from '@angular/core';
-import { YMT_ICON_BUTTON_SIZE } from './ymt-icon-button.model';
-import * as i0 from "@angular/core";
-export declare class YmtIconButtonDirective implements AfterViewInit {
-    #private;
-    disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    disableRipple: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    ariaDisabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    disabledInteractive: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    size: import("@angular/core").InputSignal<"small" | "extra-small" | "medium" | YMT_ICON_BUTTON_SIZE>;
-    constructor();
-    ngAfterViewInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<YmtIconButtonDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<YmtIconButtonDirective, "button[ymtIconButton],button[ymt-icon-button],a[ymtIconButton],a[ymt-icon-button]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "disableRipple": { "alias": "disableRipple"; "required": false; "isSignal": true; }; "ariaDisabled": { "alias": "aria-disabled"; "required": false; "isSignal": true; }; "disabledInteractive": { "alias": "disabledInteractive"; "required": false; "isSignal": true; }; "size": { "alias": "icon-button-size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}

package/lib/directives/icon-button/ymt-icon-button.model.d.ts

@@ -1,5 +0,0 @@
-export declare enum YMT_ICON_BUTTON_SIZE {
-    extraSmall = "extra-small",
-    small = "small",
-    medium = "medium"
-}

package/lib/directives/index.d.ts

@@ -1,2 +0,0 @@
-export * from './icon-button';
-export * from './button';

package/lib/providers/index.d.ts

@@ -1 +0,0 @@
-export * from './material.providers';

package/lib/providers/material.providers.d.ts

@@ -1,4 +0,0 @@
-import { EnvironmentProviders } from '@angular/core';
-export declare const provideYmtMaterial: (customTheme?: any[], options?: {
-    supportsSmallScreens: boolean;
-}) => EnvironmentProviders;

package/lib/services/device.interface.d.ts

@@ -1,15 +0,0 @@
-export declare enum DeviceScreenOrientation {
-    PORTRAIT = "portrait",
-    LANDSCAPE = "landscape"
-}
-export interface DeviceScreen {
-    size: ScreenSize;
-    orientation: DeviceScreenOrientation;
-    width: number;
-    height: number;
-}
-export interface DeviceScreenBounds {
-    width: number;
-    height: number;
-}
-export type ScreenSize = 's' | 'm' | 'l' | 'xl';

package/lib/services/device.service.d.ts

@@ -1,147 +0,0 @@
-import { DeviceInfo } from 'ngx-device-detector';
-import { Observable } from 'rxjs';
-import { DeviceScreen } from './device.interface';
-import * as i0 from "@angular/core";
-/**
- * Service that adapts the application layout and behavior to different devices,
- * screen sizes, orientations, and browser zoom levels.
- *
- * This service operates globally as a singleton, listening to window resize events
- * and maintaining reactive state about the current screen and zoom conditions.
- * It also writes attributes to the `<body>` element so that CSS rules can respond
- * to screen state without requiring Angular bindings.
- *
- * **Key Features:**
- * - Screen size classification (s / m / l / xl) based on viewport dimensions
- * - Orientation detection (portrait / landscape), with native API fallback on mobile
- * - Small-screen layout signal for toggling compact UI modes
- * - Browser zoom level tracking via `pageZoomPercentage$`
- * - Automatic `<body>` attribute management for CSS-driven responsive styles
- *
- * **Usage:**
- * 1. `DeviceService` is initialized automatically by `provideYmtMaterial()` in `app.config.ts`
- * 2. Pass `{ supportsSmallScreens: true }` to `provideYmtMaterial()` if the app has a dedicated compact layout
- * 3. Inject `DeviceService` wherever needed — it is already initialized
- * 4. Subscribe to `screenChange$` or `pageZoomPercentage$` to react to changes
- *
- * **Body attributes written by this service:**
- * - `data-screen-size` — current size bucket: `s` | `m` | `l` | `xl`
- * - `data-screen-orientation` — `portrait` | `landscape`
- * - `data-touch-enabled` — present only when the device supports touch input
- *
- * ```html
- * <body data-screen-size="l" data-screen-orientation="landscape">
- *   ...
- * </body>
- * ```
- *
- * **Screen size boundaries:**
- *
- * | Size | Range                      | Device                            |
- * |------|----------------------------|-----------------------------------|
- * | `s`  | < 600px                    | mobile phone                      |
- * | `m`  | 600px – 900/1200px         | tablet (upper bound by orientation) |
- * | `l`  | 900/1200px – 1800px        | desktop                           |
- * | `xl` | ≥ 1800px                   | wide / large desktop              |
- *
- * @see {@link DeviceScreen} for the screen state shape emitted by `screenChange$`
- */
-export declare class DeviceService {
-    #private;
-    /**
-     * Emits the current {@link DeviceScreen} state whenever the window is resized.
-     *
-     * The emitted value includes the size bucket (`s` | `m` | `l` | `xl`), orientation,
-     * and the raw viewport dimensions in pixels. Use this stream to reactively adapt
-     * layout or behavior whenever the screen state changes.
-     *
-     * Replay buffer of 1 — late subscribers always receive the most recent value
-     * without waiting for the next resize event.
-     *
-     * @example
-     * ```ts
-     * deviceService.screenChange$.subscribe(screen => {
-     *   console.log(screen.size);        // 'l'
-     *   console.log(screen.orientation); // 'landscape'
-     *   console.log(screen.width);       // 1440
-     * });
-     * ```
-     */
-    screenChange$: Observable<DeviceScreen>;
-    /**
-     * Signal that indicates whether the app should render in a compact small-screen layout.
-     *
-     * This is `true` only when all three conditions are met:
-     * 1. `supportsSmallScreens` was passed as `true` to {@link init}
-     * 2. The current screen size bucket is `s` (< 600px viewport width)
-     * 3. The current orientation is `portrait`
-     *
-     * Components that have a dedicated compact mode should read this signal
-     * and switch their layout accordingly.
-     *
-     * @default false
-     */
-    smallScreenLayout: import("@angular/core").WritableSignal<boolean>;
-    /**
-     * `true` if the current device is a mobile phone (Android, iPhone, Windows Phone, etc.).
-     * Populated once at service creation from `ngx-device-detector`.
-     */
-    isMobile: boolean;
-    /**
-     * `true` if the current device is a tablet (e.g. iPad).
-     * Populated once at service creation from `ngx-device-detector`.
-     */
-    isTablet: boolean;
-    /**
-     * `true` if the app is running in a desktop browser.
-     * Populated once at service creation from `ngx-device-detector`.
-     */
-    isDesktop: boolean;
-    /**
-     * Detailed device and browser information provided by `ngx-device-detector`.
-     * Includes OS, browser name and version, device type, and user agent.
-     */
-    info?: DeviceInfo;
-    /**
-     * `true` if the device supports touch input.
-     * Detected via `ontouchstart` presence or `navigator.maxTouchPoints > 0`.
-     */
-    isTouchEnabled: boolean;
-    /**
-     * Emits the current browser zoom level as a percentage whenever it changes.
-     *
-     * The value is derived from `window.outerWidth / window.innerWidth * 100`.
-     * At 100% zoom the value is `100`, at 150% it is `150`, and so on.
-     *
-     * Emits only when the value actually changes (no duplicate emissions).
-     * Updates are driven by the window `resize` event, which all major browsers
-     * fire when the user changes the zoom level via Ctrl+/- or Ctrl+scroll.
-     * On desktop there is a 500ms debounce; on mobile, no debounce is applied.
-     *
-     * @example
-     * ```ts
-     * deviceService.pageZoomPercentage$.subscribe(zoom => {
-     *   console.log(`Current zoom: ${zoom}%`); // e.g. "Current zoom: 150%"
-     * });
-     * ```
-     */
-    pageZoomPercentage$: Observable<number>;
-    /**
-     * Initializes the service and performs the first screen state evaluation.
-     *
-     * Called automatically by `provideYmtMaterial()` during application startup.
-     *
-     * Immediately evaluates the current viewport dimensions, classifies the screen size
-     * and orientation, writes the result to the `<body>` attributes, and emits the initial
-     * value on `screenChange$`. Subsequent updates are handled automatically via the
-     * internal resize listener.
-     *
-     * @param supportsSmallScreens - Set to `true` if the application has a dedicated compact
-     * layout for small portrait screens. When `true`, the {@link smallScreenLayout} signal
-     * will be set to `true` whenever the screen bucket is `s` and orientation is `portrait`.
-     * Defaults to `false`.
-     */
-    init(supportsSmallScreens?: boolean): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DeviceService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<DeviceService>;
-}

package/lib/services/index.d.ts

@@ -1,5 +0,0 @@
-export * from './ymt-mat-icon-registry.service';
-export * from './ymt-datepicker-intl.service';
-export * from './ymt-date-adapter.service';
-export * from './device.service';
-export * from './device.interface';

package/lib/services/ymt-date-adapter.service.d.ts

@@ -1,25 +0,0 @@
-import { Provider } from '@angular/core';
-import { MatDateFormats, NativeDateAdapter } from '@angular/material/core';
-import * as i0 from "@angular/core";
-/**
- * @deprecated Use `YMT_DATE_FORMATS` instead.
- * @see YMT_DATE_FORMATS
- * fixes typo in the name
- */
-export declare const YMT_DATE_FROMATS: MatDateFormats;
-export declare const YMT_DATE_FORMATS: MatDateFormats;
-export declare function provideYmtDateAdapter(formats?: MatDateFormats): Provider[];
-interface IParseFormats {
-    separator: '.' | '/' | '-' | string;
-    order: 'mdy' | 'dmy' | 'ymd';
-}
-export declare class YmtDateAdapterService extends NativeDateAdapter {
-    #private;
-    locale: string;
-    constructor();
-    parse(value: any, parseFormat?: any): Date | null;
-    parseDateString(value: string, config: IParseFormats): Date;
-    static ɵfac: i0.ɵɵFactoryDeclaration<YmtDateAdapterService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<YmtDateAdapterService>;
-}
-export {};

package/lib/services/ymt-datepicker-intl.service.d.ts

@@ -1,11 +0,0 @@
-import { MatDatepickerIntl } from '@angular/material/datepicker';
-import * as i0 from "@angular/core";
-export declare class YmtDatepickerIntlService extends MatDatepickerIntl {
-    #private;
-    constructor();
-    translateLabels(): void;
-    formatYearRange(start: string, end: string): string;
-    formatYearRangeLabel(start: string, end: string): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<YmtDatepickerIntlService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<YmtDatepickerIntlService>;
-}

package/lib/services/ymt-mat-icon-registry.service.d.ts

@@ -1,13 +0,0 @@
-import { ErrorHandler } from '@angular/core';
-import { MatIconRegistry } from '@angular/material/icon';
-import { HttpClient } from '@angular/common/http';
-import { DomSanitizer } from '@angular/platform-browser';
-import * as i0 from "@angular/core";
-export declare class YmtMatIconRegistryService extends MatIconRegistry {
-    #private;
-    constructor(_httpClient: HttpClient, _sanitizer: DomSanitizer, document: any, _errorHandler: ErrorHandler);
-    setDefaultFontSetClass(...classnames: string[]): this;
-    static isFontIcon(input: string | null): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<YmtMatIconRegistryService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<YmtMatIconRegistryService>;
-}

package/lib/services/ymt-mat-paginator-intl.service.d.ts

@@ -1,12 +0,0 @@
-import { MatPaginatorIntl } from '@angular/material/paginator';
-import { TranslateService } from '@ngx-translate/core';
-import * as i0 from "@angular/core";
-export declare class YmtMatPaginatorIntlService extends MatPaginatorIntl {
-    #private;
-    rangeLabelSeparator: string;
-    getRangeLabel: (page: number, pageSize: number, length: number) => string;
-    injectTranslateService(translate: TranslateService): void;
-    translateLabels(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<YmtMatPaginatorIntlService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<YmtMatPaginatorIntlService>;
-}

package/panes/lib/pane/fullscreen.directive.d.ts

@@ -1,37 +0,0 @@
-import { OnDestroy } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Directive that enables any host element to toggle into a fullscreen overlay
- * covering the entire viewport. Background content is made inert and body scroll
- * is locked while fullscreen is active.
- *
- * @example
- * ```html
- * <div yuvFullscreen #fs="yuvFullscreen">
- *   <button (click)="fs.toggle()">Toggle</button>
- *   <p>Content</p>
- * </div>
- * ```
- */
-export declare class FullscreenDirective implements OnDestroy {
-    #private;
-    /** Whether the fullscreen toggle is disabled. */
-    disabled: import("@angular/core").InputSignal<boolean>;
-    /** Emitted when fullscreen mode is entered. */
-    fullscreenEnter: import("@angular/core").OutputEmitterRef<void>;
-    /** Emitted when fullscreen mode is exited. */
-    fullscreenExit: import("@angular/core").OutputEmitterRef<void>;
-    /** Read-only signal indicating whether fullscreen is currently active. */
-    active: import("@angular/core").Signal<boolean>;
-    /** Toggle fullscreen on/off. */
-    toggle(): void;
-    /** Enter fullscreen mode. No-op if already active or disabled. */
-    enter(): void;
-    /** Exit fullscreen mode. No-op if not active. */
-    exit(): void;
-    /** @internal */
-    onEscape(): void;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FullscreenDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FullscreenDirective, "[yuvFullscreen]", ["yuvFullscreen"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "fullscreenEnter": "fullscreenEnter"; "fullscreenExit": "fullscreenExit"; }, never, never, true, never>;
-}

package/panes/lib/pane/pane-aside/pane-aside.component.d.ts

@@ -1,5 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class YmtPaneAsideComponent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<YmtPaneAsideComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<YmtPaneAsideComponent, "ymt-pane-aside", never, {}, {}, never, never, true, never>;
-}

package/panes/lib/pane/pane-body/pane-body.component.d.ts

@@ -1,5 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class YmtPaneBodyComponent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<YmtPaneBodyComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<YmtPaneBodyComponent, "ymt-pane-body", never, {}, {}, never, ["*"], true, never>;
-}

package/panes/lib/pane/pane-footer/pane-footer.component.d.ts

@@ -1,5 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class YmtPaneFooterComponent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<YmtPaneFooterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<YmtPaneFooterComponent, "ymt-pane-footer", never, {}, {}, never, ["*"], true, never>;
-}

package/panes/lib/pane/pane-header/pane-header.component.d.ts

@@ -1,74 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Header component for `ymt-pane`. Renders a two-row layout:
- *
- * - **Top row:** icon (optional), title, and actions area
- * - **Bottom row:** subtitle and badges area
- *
- * ## Title & Subtitle
- *
- * Can be set as plain strings via the `title` and `subtitle` inputs,
- * or as rich content via the `#yuvPaneHeaderTitle` and `#yuvPaneHeaderSubtitle`
- * content child templates. When a template is provided it takes precedence
- * over the corresponding string input.
- *
- * ## Icon
- *
- * Set the `icon` input to a Material Icon ligature to display an icon
- * to the left of the title row.
- *
- * ## Actions & Badges
- *
- * Pass a `TemplateRef` to the `actions` input to render action buttons
- * aligned to the right of the title row. Similarly, pass a `TemplateRef`
- * to the `badges` input to render badges aligned to the right of the
- * subtitle row.
- *
- * @example
- * ```html
- * <!-- Simple usage with string inputs -->
- * <ymt-pane-header
- *   [title]="'Documents'"
- *   [subtitle]="'12 items'"
- *   [icon]="'folder'"
- *   [actions]="headerActions"
- *   [badges]="headerBadges">
- * </ymt-pane-header>
- *
- * <ng-template #headerActions>
- *   <button ymt-icon-button icon="add"></button>
- * </ng-template>
- *
- * <ng-template #headerBadges>
- *   <ymt-badge severity="info">active</ymt-badge>
- * </ng-template>
- * ```
- *
- * @example
- * ```html
- * <!-- Rich content via template projection -->
- * <ymt-pane-header [icon]="'lock'">
- *   <ng-template #yuvPaneHeaderTitle>Custom <strong>title</strong></ng-template>
- *   <ng-template #yuvPaneHeaderSubtitle><ymt-badge severity="warning">locked</ymt-badge></ng-template>
- * </ymt-pane-header>
- * ```
- */
-export declare class YmtPaneHeaderComponent {
-    /** Plain-text title displayed in the top row. Ignored when a `#yuvPaneHeaderTitle` template is projected. */
-    title: import("@angular/core").InputSignal<string | undefined>;
-    /** Material Icon ligature rendered to the left of the title row (e.g. `'folder'`, `'lock'`). */
-    icon: import("@angular/core").InputSignal<string | undefined>;
-    /** Plain-text subtitle displayed in the bottom row. Ignored when a `#yuvPaneHeaderSubtitle` template is projected. */
-    subtitle: import("@angular/core").InputSignal<string | undefined>;
-    /** Template rendered in the actions area, aligned to the right of the title row. */
-    actions: import("@angular/core").InputSignal<TemplateRef<unknown> | undefined>;
-    /** Template rendered in the badges area, aligned to the right of the subtitle row. */
-    badges: import("@angular/core").InputSignal<TemplateRef<unknown> | undefined>;
-    /** Content child template for rich title content. Takes precedence over the `title` input. */
-    titleSlot: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
-    /** Content child template for rich subtitle content. Takes precedence over the `subtitle` input. */
-    subtitleSlot: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<YmtPaneHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<YmtPaneHeaderComponent, "ymt-pane-header", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "badges": { "alias": "badges"; "required": false; "isSignal": true; }; }, {}, ["titleSlot", "subtitleSlot"], never, true, never>;
-}

package/panes/lib/pane/pane-top-bar/pane-top-bar.component.d.ts

@@ -1,10 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class YmtPaneTopBarComponent {
-    /**
-     * TemplateRef for actions area in the top bar.
-     */
-    actions: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<YmtPaneTopBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<YmtPaneTopBarComponent, "ymt-pane-top-bar", never, { "actions": { "alias": "actions"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}

package/panes/lib/pane/pane.component.d.ts

@@ -1,168 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "./fullscreen.directive";
-/**
- * A pane is a container component that unifies the appearance and behavior of
- * content areas in an app. It renders as a bordered, rounded card with a grid
- * layout for its sub-components.
- *
- * ## Structure
- *
- * A pane uses a vertical grid layout with four areas. All sub-components are optional:
- *
- * | Area     | Component          | Description                                        |
- * |----------|--------------------|----------------------------------------------------|
- * | top-bar  | *(internal)*       | Rendered automatically when `topBarActions` is set. |
- * | header   | `ymt-pane-header`  | Title, subtitle, icon, and custom header actions.   |
- * | main     | `ymt-pane-body`    | Scrollable main content area.                      |
- * | footer   | `ymt-pane-footer`  | Right-aligned action bar with a top border.         |
- *
- * ```html
- * <ymt-pane>
- *   <ymt-pane-header title="Users" subtitle="3 selected" [actions]="headerActions" />
- *   <ymt-pane-body>Main content</ymt-pane-body>
- *   <ymt-pane-footer>
- *     <button ymt-button>Save</button>
- *   </ymt-pane-footer>
- * </ymt-pane>
- * ```
- *
- * ### `ymt-pane-header`
- *
- * Accepts `title`, `subtitle`, and `icon` as string inputs. For richer content,
- * use the `#yuvPaneHeaderTitle` and `#yuvPaneHeaderSubtitle` template refs:
- *
- * ```html
- * <ymt-pane-header>
- *   <ng-template #yuvPaneHeaderTitle><h2>Custom title</h2></ng-template>
- *   <ng-template #yuvPaneHeaderSubtitle><ymt-badge severity="warning">locked</ymt-badge></ng-template>
- * </ymt-pane-header>
- * ```
- *
- * Header actions can be projected via the `[actions]` input (TemplateRef).
- *
- * ### Top bar actions
- *
- * Pass a `TemplateRef` to the `[topBarActions]` input to render icon buttons
- * in a slim top bar above the header:
- *
- * ```html
- * <ymt-pane [topBarActions]="actions">
- *   <ymt-pane-body>Content</ymt-pane-body>
- * </ymt-pane>
- *
- * <ng-template #actions>
- *   <button ymt-icon-button icon-button-size="small"><mat-icon>settings</mat-icon></button>
- * </ng-template>
- * ```
- *
- * ## Fullscreen
- *
- * Every pane supports fullscreen mode. The pane expands to fill the viewport,
- * background content becomes inert, and pressing <kbd>Escape</kbd> exits.
- *
- * ```html
- * <ymt-pane #pane>
- *   <ymt-pane-body>
- *     <button (click)="pane.toggleFullscreen()">Toggle fullscreen</button>
- *   </ymt-pane-body>
- * </ymt-pane>
- * ```
- *
- * Programmatic API: `enterFullscreen()`, `exitFullscreen()`, `toggleFullscreen()`.
- * Read the current state via the `fullscreenActive` signal.
- * Listen to transitions via the `(fullscreenEnter)` and `(fullscreenExit)` outputs.
- *
- * ## Busy state
- *
- * Set `[busy]="true"` to replace the static border with a rotating
- * conic-gradient border that signals a loading state:
- *
- * ```html
- * <ymt-pane [busy]="isLoading()">
- *   <ymt-pane-body>Content</ymt-pane-body>
- * </ymt-pane>
- * ```
- *
- * ## Enter animation
- *
- * Panes fade in on creation (0.15 s ease-out by default). Customize or delay
- * the animation via CSS variables, or disable it entirely with the
- * `[noAnimation]` input:
- *
- * ```css
- * ymt-pane {
- *   --enter-animation-duration: 0.3s;
- *   --enter-animation-delay: 0.1s;
- * }
- * ```
- *
- * ```html
- * <ymt-pane [noAnimation]="true"> ... </ymt-pane>
- * ```
- *
- * ## Plain mode
- *
- * Set `[plain]="true"` to strip the border, border-radius, and background
- * while keeping the inner grid structure. Useful when embedding a pane inside
- * another styled container.
- *
- * ## CSS custom properties
- *
- * | Property                      | Default                       | Description                          |
- * |-------------------------------|-------------------------------|--------------------------------------|
- * | `--header-area-padding`       | `var(--ymt-spacing-xl)`       | Padding of the header area.          |
- * | `--header-area-background`    | `transparent`                 | Background of the header area.       |
- * | `--header-area-border-color`  | `transparent`                 | Bottom border of the header area.    |
- * | `--main-area-padding`         | `0`                           | Padding of the body area.            |
- * | `--pane-background-color`     | `var(--ymt-surface)`          | Background of the pane.              |
- * | `--busy-border-width`         | `2px`                         | Width of the busy indicator border.  |
- * | `--busy-border-color`         | `var(--ymt-primary)`          | Color of the busy indicator border.  |
- * | `--enter-animation-duration`  | `0.15s`                       | Duration of the fade-in animation.   |
- * | `--enter-animation-delay`     | `0s`                          | Delay before the fade-in starts.     |
- */
-export declare class YmtPaneComponent {
-    #private;
-    /**
-     * Template for action buttons rendered in the top bar area of the pane.
-     * Use `icon-button-size="small"` or `icon-button-size="extra-small"` on icon
-     * buttons for proper alignment.
-     *
-     * ```html
-     * <ymt-pane [topBarActions]="actions">
-     *   <ymt-pane-body>Content</ymt-pane-body>
-     * </ymt-pane>
-     *
-     * <ng-template #actions>
-     *   <button ymt-icon-button icon-button-size="small"><mat-icon>settings</mat-icon></button>
-     * </ng-template>
-     * ```
-     */
-    topBarActions: import("@angular/core").InputSignal<TemplateRef<unknown> | undefined>;
-    /**
-     * When set to true, the pane border will be replaced with an animated
-     * conic-gradient border to indicate a busy/loading state.
-     */
-    busy: import("@angular/core").InputSignal<boolean>;
-    /**
-     * Disable the default fade-in enter animation.
-     */
-    noAnimation: import("@angular/core").InputSignal<boolean>;
-    /**
-     * Setting this to true will remove the default styles for the pane. So it will
-     * render without border-radius, border and background color, but keep the inner
-     * structure. This is useful when you want to use the pane inside another container
-     * and want to apply custom styles to the pane.
-     */
-    plain: import("@angular/core").InputSignal<boolean>;
-    /** Read-only signal indicating whether fullscreen is currently active. */
-    fullscreenActive: import("@angular/core").Signal<boolean>;
-    /** Toggle fullscreen mode on/off. */
-    toggleFullscreen(): void;
-    /** Enter fullscreen mode. */
-    enterFullscreen(): void;
-    /** Exit fullscreen mode. */
-    exitFullscreen(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<YmtPaneComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<YmtPaneComponent, "ymt-pane", never, { "topBarActions": { "alias": "topBarActions"; "required": false; "isSignal": true; }; "busy": { "alias": "busy"; "required": false; "isSignal": true; }; "noAnimation": { "alias": "noAnimation"; "required": false; "isSignal": true; }; "plain": { "alias": "plain"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.FullscreenDirective; inputs: {}; outputs: { "fullscreenEnter": "fullscreenEnter"; "fullscreenExit": "fullscreenExit"; }; }]>;
-}

package/panes/lib/panes.module.d.ts

@@ -1,11 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./pane/pane.component";
-import * as i2 from "./pane/pane-header/pane-header.component";
-import * as i3 from "./pane/pane-body/pane-body.component";
-import * as i4 from "./pane/pane-footer/pane-footer.component";
-import * as i5 from "./pane/pane-aside/pane-aside.component";
-export declare class YmtPanesModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<YmtPanesModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<YmtPanesModule, never, [typeof i1.YmtPaneComponent, typeof i2.YmtPaneHeaderComponent, typeof i3.YmtPaneBodyComponent, typeof i4.YmtPaneFooterComponent, typeof i5.YmtPaneAsideComponent], [typeof i1.YmtPaneComponent, typeof i2.YmtPaneHeaderComponent, typeof i3.YmtPaneBodyComponent, typeof i4.YmtPaneFooterComponent, typeof i5.YmtPaneAsideComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<YmtPanesModule>;
-}