@yuuvis/material 2.20.0 → 3.0.0-beta.20.0

package/panes/index.d.ts

@@ -1,9 +1,300 @@
-export * from './lib/panes.module';
-export * from './lib/pane/pane.component';
-export * from './lib/pane/fullscreen.directive';
-export * from './lib/pane/pane-header/pane-header.component';
-export * from './lib/pane/pane-body/pane-body.component';
-export * from './lib/pane/pane-aside/pane-aside.component';
-export * from './lib/pane/pane-body/pane-body.component';
-export * from './lib/pane/pane-footer/pane-footer.component';
-export * from './lib/pane/pane-aside/pane-aside.component';
+import * as _angular_core from '@angular/core';
+import { OnDestroy, TemplateRef } 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>
+ * ```
+ */
+declare class FullscreenDirective implements OnDestroy {
+    #private;
+    /** Whether the fullscreen toggle is disabled. */
+    disabled: _angular_core.InputSignal<boolean>;
+    /** Emitted when fullscreen mode is entered. */
+    fullscreenEnter: _angular_core.OutputEmitterRef<void>;
+    /** Emitted when fullscreen mode is exited. */
+    fullscreenExit: _angular_core.OutputEmitterRef<void>;
+    /** Read-only signal indicating whether fullscreen is currently active. */
+    active: _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: _angular_core.ɵɵFactoryDeclaration<FullscreenDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FullscreenDirective, "[yuvFullscreen]", ["yuvFullscreen"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "fullscreenEnter": "fullscreenEnter"; "fullscreenExit": "fullscreenExit"; }, never, never, true, never>;
+}
+
+/**
+ * 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.     |
+ */
+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: _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: _angular_core.InputSignal<boolean>;
+    /**
+     * Disable the default fade-in enter animation.
+     */
+    noAnimation: _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: _angular_core.InputSignal<boolean>;
+    /** Read-only signal indicating whether fullscreen is currently active. */
+    fullscreenActive: _angular_core.Signal<boolean>;
+    /** Toggle fullscreen mode on/off. */
+    toggleFullscreen(): void;
+    /** Enter fullscreen mode. */
+    enterFullscreen(): void;
+    /** Exit fullscreen mode. */
+    exitFullscreen(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YmtPaneComponent, never>;
+    static ɵcmp: _angular_core.ɵɵ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 FullscreenDirective; inputs: {}; outputs: { "fullscreenEnter": "fullscreenEnter"; "fullscreenExit": "fullscreenExit"; }; }]>;
+}
+
+/**
+ * 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>
+ * ```
+ */
+declare class YmtPaneHeaderComponent {
+    /** Plain-text title displayed in the top row. Ignored when a `#yuvPaneHeaderTitle` template is projected. */
+    title: _angular_core.InputSignal<string | undefined>;
+    /** Material Icon ligature rendered to the left of the title row (e.g. `'folder'`, `'lock'`). */
+    icon: _angular_core.InputSignal<string | undefined>;
+    /** Plain-text subtitle displayed in the bottom row. Ignored when a `#yuvPaneHeaderSubtitle` template is projected. */
+    subtitle: _angular_core.InputSignal<string | undefined>;
+    /** Template rendered in the actions area, aligned to the right of the title row. */
+    actions: _angular_core.InputSignal<TemplateRef<unknown> | undefined>;
+    /** Template rendered in the badges area, aligned to the right of the subtitle row. */
+    badges: _angular_core.InputSignal<TemplateRef<unknown> | undefined>;
+    /** Content child template for rich title content. Takes precedence over the `title` input. */
+    titleSlot: _angular_core.Signal<TemplateRef<unknown> | undefined>;
+    /** Content child template for rich subtitle content. Takes precedence over the `subtitle` input. */
+    subtitleSlot: _angular_core.Signal<TemplateRef<unknown> | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YmtPaneHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵ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>;
+}
+
+declare class YmtPaneBodyComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YmtPaneBodyComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YmtPaneBodyComponent, "ymt-pane-body", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class YmtPaneFooterComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YmtPaneFooterComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YmtPaneFooterComponent, "ymt-pane-footer", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class YmtPaneAsideComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YmtPaneAsideComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YmtPaneAsideComponent, "ymt-pane-aside", never, {}, {}, never, never, true, never>;
+}
+
+declare class YmtPanesModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YmtPanesModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<YmtPanesModule, never, [typeof YmtPaneComponent, typeof YmtPaneHeaderComponent, typeof YmtPaneBodyComponent, typeof YmtPaneFooterComponent, typeof YmtPaneAsideComponent], [typeof YmtPaneComponent, typeof YmtPaneHeaderComponent, typeof YmtPaneBodyComponent, typeof YmtPaneFooterComponent, typeof YmtPaneAsideComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<YmtPanesModule>;
+}
+
+export { FullscreenDirective, YmtPaneAsideComponent, YmtPaneBodyComponent, YmtPaneComponent, YmtPaneFooterComponent, YmtPaneHeaderComponent, YmtPanesModule };

package/badge/badge.component.d.ts

@@ -1,49 +0,0 @@
-import { Severity } from './model/badge.model';
-import * as i0 from "@angular/core";
-/**
- * Badge component to display a label with different severity levels.
- *
- * ### Severity
- * Controls the color scheme via the `severity` input. Available values:
- * - `neutral` (default) — uses surface container colors
- * - `success` — green tones for positive/confirmed states
- * - `danger` — red tones for errors or destructive indicators
- * - `warning` — yellow/amber tones for caution states
- * - `primary` — theme primary color for informational or branded badges
- *
- * ### Variants
- * - **Filled** (default) — solid background with contrasting text color
- * - **Outline** — transparent background with a colored border, enabled via the `outline` input
- *
- * ### Aura
- * When `aura` is enabled, the badge renders a soft glowing box-shadow derived from its
- * severity color. In filled mode the aura uses a stronger, fully saturated background;
- * in outline mode it uses a subtle semi-transparent glow.
- *
- * ### Theming
- * The component exposes CSS custom properties for fine-grained control:
- * - `--ymt-badge-corner` — border radius (default: `--ymt-corner-full`)
- * - `--ymt-badge-background` — fill color
- * - `--ymt-badge-on-background` — text color
- * - `--ymt-badge-outline-color` — border color in outline variant
- * - `--ymt-badge-outline-text-color` — text color in outline variant
- * - `--ymt-badge-aura-size` — aura spread radius (default: `3px`)
- *
- * ### Accessibility
- * Color contrast is handled automatically for each severity/variant combination.
- * Add additional ARIA attributes depending on how the badge is used in your application.
- *
- * @example
- * ```html
- * <ymt-badge severity="success">Approved</ymt-badge>
- * <ymt-badge severity="danger" [outline]="true">Rejected</ymt-badge>
- * <ymt-badge severity="warning" [aura]="true">Pending</ymt-badge>
- * ```
- */
-export declare class YmtBadge {
-    severity: import("@angular/core").InputSignal<Severity>;
-    outline: import("@angular/core").InputSignal<boolean>;
-    aura: import("@angular/core").InputSignal<boolean>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<YmtBadge, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<YmtBadge, "ymt-badge", never, { "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "outline": { "alias": "outline"; "required": false; "isSignal": true; }; "aura": { "alias": "aura"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}

package/badge/model/badge.model.d.ts

@@ -1 +0,0 @@
-export type Severity = 'success' | 'danger' | 'warning' | 'primary' | 'neutral';

package/layout/lib/components/master-details-layout/master-details-layout.component.d.ts

@@ -1,49 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import { YmtPaneComponent } from '@yuuvis/material/panes';
-import { SplitDirection } from 'angular-split';
-import { YmtLayoutPaneDirective } from '../../directives/layout-pane.directive';
-import { LayoutOutputData, LayoutSettings, MasterDetailsPaneLayoutOptions } from '../../layout.interface';
-import * as i0 from "@angular/core";
-export declare class MasterDetailsLayoutComponent {
-    #private;
-    masterPaneRef: import("@angular/core").Signal<YmtPaneComponent>;
-    detailsPaneRef: import("@angular/core").Signal<YmtPaneComponent>;
-    isDragging: import("@angular/core").WritableSignal<boolean>;
-    panes: import("@angular/core").Signal<readonly YmtLayoutPaneDirective[]>;
-    _panes: import("@angular/core").Signal<{
-        master: YmtLayoutPaneDirective;
-        details: YmtLayoutPaneDirective;
-    }>;
-    detailsPaneTemplateRef: import("@angular/core").Signal<TemplateRef<any>>;
-    /**
-     * Setting ID for persisting layout settings. If not set, layout settings won't be persisted.
-     */
-    layoutSettingsID: import("@angular/core").InputSignal<string | undefined>;
-    options: import("@angular/core").InputSignal<MasterDetailsPaneLayoutOptions>;
-    /**
-     * The split views direction. Could be 'horizontal' or 'vertical'. Defaults to 'horizontal'.
-     */
-    direction: import("@angular/core").InputSignal<SplitDirection>;
-    /**
-     * Size of the gutter in Pixel.
-     */
-    gutterSize: import("@angular/core").InputSignal<number>;
-    _gutterSize: import("@angular/core").WritableSignal<number>;
-    /**
-     * Enable/disable details pane (also use as two-way-bound variable: [(detailsActive)])
-     */
-    detailsActive: import("@angular/core").ModelSignal<boolean>;
-    smallScreenLayout: import("@angular/core").WritableSignal<boolean>;
-    onDragStart(): void;
-    onDragEnd(event: LayoutOutputData): void;
-    hideArea(role: 'master' | 'details'): void;
-    showArea(role: 'master' | 'details'): void;
-    toggleArea(role: 'master' | 'details'): void;
-    isAreaVisible(role: 'master' | 'details'): boolean;
-    toggleFullscreen(role: 'master' | 'details'): void;
-    fullscreenActive(role: 'master' | 'details'): boolean;
-    applyLayoutSettings(settings: LayoutSettings): void;
-    ngAfterViewInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MasterDetailsLayoutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MasterDetailsLayoutComponent, "ymt-master-details-layout", never, { "layoutSettingsID": { "alias": "layoutSettingsID"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "gutterSize": { "alias": "gutterSize"; "required": false; "isSignal": true; }; "detailsActive": { "alias": "detailsActive"; "required": false; "isSignal": true; }; }, { "detailsActive": "detailsActiveChange"; }, ["panes"], never, true, never>;
-}

package/layout/lib/directives/area-cover.directive.d.ts

@@ -1,13 +0,0 @@
-import * as i0 from "@angular/core";
-/**
- * TODO: This directive is currently used in the MasterDetailsLayoutComponent to add a cover element during dragging of the split area,
- * to prevent iframes in the panes from capturing the drag events.
- * However, this directive is very generic and can be used in any component that needs to add a cover element during dragging.
- * Therefore, it should be moved to @yuuvis/client-components and then replaced with the SplitAreaCoverDirective from the client-framework/split-view library.
- */
-export declare class AreaCoverDirective {
-    #private;
-    yuvSplitAreaCover: import("@angular/core").InputSignal<boolean>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AreaCoverDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AreaCoverDirective, "[yuvSplitAreaCover]", never, { "yuvSplitAreaCover": { "alias": "yuvSplitAreaCover"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}

package/layout/lib/directives/layout-pane.directive.d.ts

@@ -1,15 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import { LayoutPaneRole, PaneLayoutSettings } from '../layout.interface';
-import * as i0 from "@angular/core";
-/**
- * Directive to mark a layout pane.
- */
-export declare class YmtLayoutPaneDirective {
-    template: TemplateRef<any>;
-    role: import("@angular/core").InputSignal<LayoutPaneRole>;
-    topBarActions: import("@angular/core").InputSignal<TemplateRef<unknown> | undefined>;
-    areaProperties: import("@angular/core").WritableSignal<PaneLayoutSettings>;
-    updateSettings(settings: PaneLayoutSettings): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<YmtLayoutPaneDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<YmtLayoutPaneDirective, "[ymtLayoutPane]", never, { "role": { "alias": "role"; "required": true; "isSignal": true; }; "topBarActions": { "alias": "topBarActions"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}

package/layout/lib/layout.interface.d.ts

@@ -1,26 +0,0 @@
-import { SplitAreaSize, SplitGutterInteractionEvent } from "angular-split";
-export type LayoutPaneRole = 'master' | 'details' | 'context';
-export interface MasterDetailsPaneLayoutOptions {
-    detailsSize?: number | 'auto';
-    detailsMinSize?: number;
-    detailsMaxSize?: number;
-    resizable: boolean;
-    plainMode?: boolean;
-}
-export interface PaneLayoutSettings {
-    visible?: boolean;
-    lockSize?: boolean;
-    size?: SplitAreaSize;
-    minSize?: number;
-    maxSize?: number;
-}
-export interface LayoutSettings {
-    disabled?: boolean;
-    areas: Array<LayoutAreaLayoutSettings>;
-}
-export interface LayoutAreaLayoutSettings {
-    visible?: boolean;
-    lockSize?: boolean;
-    size?: SplitAreaSize;
-}
-export type LayoutOutputData = SplitGutterInteractionEvent;

package/layout/lib/layout.module.d.ts

@@ -1,8 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./components/master-details-layout/master-details-layout.component";
-import * as i2 from "./directives/layout-pane.directive";
-export declare class YmtLayoutModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<YmtLayoutModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<YmtLayoutModule, never, [typeof i1.MasterDetailsLayoutComponent, typeof i2.YmtLayoutPaneDirective], [typeof i1.MasterDetailsLayoutComponent, typeof i2.YmtLayoutPaneDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<YmtLayoutModule>;
-}

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

@@ -1,19 +0,0 @@
-import * as i0 from "@angular/core";
-/**
- * Service to store and retrieve layout settings. Those
- * settings are stored on the users device because in
- * general layout settings like panel widths are highly
- * dependent on the current device.
- */
-export declare class LayoutService {
-    #private;
-    DEFAULT_SPLIT_VIEW_GUTTER_SIZE: number;
-    saveSettings(key: string, settings: unknown): boolean;
-    getSettings(key: string): unknown | undefined;
-    /**
-     * Clears all layout settings.
-     */
-    clearSettings(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LayoutService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<LayoutService>;
-}

package/lib/assets/i18n/ar.json

@@ -1,22 +0,0 @@
-{
-	"ymt.datepicker.calendarLabel": "التقويم",
-	"ymt.datepicker.closeCalendarLabel": "إغلاق التقويم",
-	"ymt.datepicker.comparisonDateLabel": "فترة المرجع",
-	"ymt.datepicker.endDateLabel": "تاريخ الانتهاء",
-	"ymt.datepicker.nextMonthLabel": "الشهر التالي",
-	"ymt.datepicker.nextMultiYearLabel": "السنوات الـ 24 التالية",
-	"ymt.datepicker.nextYearLabel": "السنة التالية",
-	"ymt.datepicker.openCalendarLabel": "فتح التقويم",
-	"ymt.datepicker.prevMonthLabel": "الشهر السابق",
-	"ymt.datepicker.prevMultiYearLabel": "السنوات الـ 24 السابقة",
-	"ymt.datepicker.prevYearLabel": "السنة السابقة",
-	"ymt.datepicker.startDateLabel": "تاريخ البداية",
-	"ymt.datepicker.switchToMonthViewLabel": "اختيار التاريخ",
-	"ymt.datepicker.switchToMultiYearViewLabel": "اختيار الشهر والسنة",
-	"ymt.paginator.firstPageLabel": "الصفحة الأولى",
-	"ymt.paginator.itemsPerPageLabel": "النتائج لكل صفحة",
-	"ymt.paginator.lastPageLabel": "الصفحة الأخيرة",
-	"ymt.paginator.nextPageLabel": "الصفحة التالية",
-	"ymt.paginator.previousPageLabel": "الصفحة السابقة",
-	"ymt.paginator.rangeLabelSeparator": "من"
-}

package/lib/components/datepicker/datepicker-toggle.component.d.ts

@@ -1,21 +0,0 @@
-import { OnDestroy, OnInit } from '@angular/core';
-import { DatepickerComponent } from '../datepicker';
-import { BooleanInput } from '@angular/cdk/coercion';
-import { Subject } from 'rxjs';
-import * as i0 from "@angular/core";
-export declare class DatepickerToggleComponent implements OnInit, OnDestroy {
-    #private;
-    set datepicker(v: DatepickerComponent | null);
-    get datepicker(): DatepickerComponent | null;
-    set disabled(v: BooleanInput);
-    get disabled(): boolean;
-    set ariaLabel(v: string);
-    get ariaLabel(): string;
-    stateChanges: Subject<void>;
-    constructor();
-    _open(event: Event): void;
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerToggleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerToggleComponent, "ymt-datepicker-toggle", ["matDatepickerToggle"], { "datepicker": { "alias": "for"; "required": true; }; "disabled": { "alias": "disabled"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, {}, never, ["mat-icon"], true, never>;
-}

package/lib/components/datepicker/datepicker.component.d.ts

@@ -1,88 +0,0 @@
-import { AfterViewInit, OnDestroy } from '@angular/core';
-import { AbstractControlDirective, ControlValueAccessor, FormGroup, NgControl } from '@angular/forms';
-import { MatFormFieldControl } from '@angular/material/form-field';
-import { Subject } from 'rxjs';
-import { BooleanInput } from '@angular/cdk/coercion';
-import { MatDatepicker, MatDateRangePicker } from '@angular/material/datepicker';
-import { MatTimepicker, MatTimepickerInput } from '@angular/material/timepicker';
-import * as i0 from "@angular/core";
-type DatepickerValue = DatetimeValue;
-type DatetimeValue = Date | string | null;
-export type DatepickerMode = keyof typeof EnumDatepickerMode;
-declare enum EnumDatepickerMode {
-    DATE = "DATE",
-    DATE_RANGE = "DATE_RANGE",
-    TIME = "TIME"
-}
-export interface DateRangePlaceholder {
-    startDate: string;
-    endDate: string;
-}
-/**
- * @deprecated
- */
-export declare class DatepickerComponent implements MatFormFieldControl<DatepickerValue>, ControlValueAccessor, AfterViewInit, OnDestroy {
-    #private;
-    ngControl: NgControl | AbstractControlDirective | null;
-    stateChanges: Subject<void>;
-    onFocusIn(): void;
-    onFocusout(): void;
-    set value(v: DatepickerValue);
-    get value(): DatepickerValue;
-    set disabled(v: BooleanInput);
-    get disabled(): boolean;
-    set id(v: string);
-    get id(): string;
-    set placeholder(v: string);
-    get placeholder(): string;
-    set required(v: BooleanInput);
-    get required(): boolean;
-    set userAriaDescribedBy(v: string);
-    get userAriaDescribedBy(): string;
-    set empty(v: boolean);
-    get empty(): boolean;
-    set errorState(v: boolean);
-    get errorState(): boolean;
-    set focused(v: boolean);
-    get focused(): boolean;
-    get shouldLabelFloat(): boolean;
-    readonly autofilled?: boolean;
-    readonly controlType: string;
-    readonly disableAutomaticLabeling: boolean;
-    protected readonly datepickerMode: typeof EnumDatepickerMode;
-    protected readonly datepicker: import("@angular/core").Signal<MatDatepicker<never> | undefined>;
-    protected readonly rangepicker: import("@angular/core").Signal<MatDateRangePicker<never> | undefined>;
-    protected readonly timepicker: import("@angular/core").Signal<MatTimepicker<never> | undefined>;
-    protected readonly datepickerInput: import("@angular/core").Signal<MatFormFieldControl<never> | undefined>;
-    protected readonly timepickerInput: import("@angular/core").Signal<MatTimepickerInput<never> | undefined>;
-    set mode(v: DatepickerMode);
-    get mode(): DatepickerMode;
-    set min(v: DatepickerValue);
-    get min(): DatepickerValue;
-    set max(v: DatepickerValue);
-    get max(): DatepickerValue;
-    set rangePlaceholder(v: DateRangePlaceholder);
-    get rangePlaceholder(): DateRangePlaceholder;
-    rangeValue: {
-        start: string;
-        end: string;
-    };
-    startDateFormControlName: import("@angular/core").InputSignal<string>;
-    endDateFormControlName: import("@angular/core").InputSignal<string>;
-    formGroup: import("@angular/core").InputSignal<FormGroup<any> | undefined>;
-    constructor();
-    propagateChange: (_: any) => void;
-    propagateTouched: () => void;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
-    writeValue(date: DatepickerValue): void;
-    setDisabledState(isDisabled: boolean): void;
-    onContainerClick(event: MouseEvent): void;
-    setDescribedByIds(ids: string[]): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    open(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerComponent, "ymt-datepicker", never, { "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "userAriaDescribedBy": { "alias": "userAriaDescribedBy"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "rangePlaceholder": { "alias": "rangePlaceholder"; "required": false; }; "startDateFormControlName": { "alias": "startDateFormControlName"; "required": false; "isSignal": true; }; "endDateFormControlName": { "alias": "endDateFormControlName"; "required": false; "isSignal": true; }; "formGroup": { "alias": "formGroup"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-export {};

package/lib/components/datepicker/index.d.ts

@@ -1,2 +0,0 @@
-export * from './datepicker.component';
-export * from './datepicker-toggle.component';

package/lib/components/index.d.ts

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

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

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