@elementar-rt/components 0.6.56 → 0.6.57

package/styles/themes/cyan-orange.scss

@@ -1,41 +1,41 @@
-@use '@angular/material' as mat;
-@use "../_common" with (
-  $m3-light-theme: mat.define-theme((
-    color: (
-      theme-type: light,
-      primary: mat.$cyan-palette,
-      tertiary: mat.$orange-palette,
-      use-system-variables: true,
-      system-variables-prefix: sys,
-    ),
-    typography: (
-      brand-family: 'var(--font-sans)',
-      plain-family: 'var(--font-sans)',
-      use-system-variables: true,
-      system-variables-prefix: sys,
-    ),
-    density: (
-      scale: 0,
-    ),
-  )),
-  $m3-dark-theme: mat.define-theme((
-    color: (
-      theme-type: dark,
-      primary: mat.$cyan-palette,
-      tertiary: mat.$orange-palette,
-      use-system-variables: true,
-      system-variables-prefix: sys,
-    ),
-    typography: (
-      brand-family: 'var(--font-sans)',
-      plain-family: 'var(--font-sans)',
-      use-system-variables: true,
-      system-variables-prefix: sys,
-    ),
-    density: (
-      scale: 0,
-    ),
-  ))
-);
-@include mat.elevation-classes();
-@include mat.app-background();
+@use '@angular/material' as mat;
+@use "../_common" with (
+  $m3-light-theme: mat.define-theme((
+    color: (
+      theme-type: light,
+      primary: mat.$cyan-palette,
+      tertiary: mat.$orange-palette,
+      use-system-variables: true,
+      system-variables-prefix: sys,
+    ),
+    typography: (
+      brand-family: 'var(--font-sans)',
+      plain-family: 'var(--font-sans)',
+      use-system-variables: true,
+      system-variables-prefix: sys,
+    ),
+    density: (
+      scale: 0,
+    ),
+  )),
+  $m3-dark-theme: mat.define-theme((
+    color: (
+      theme-type: dark,
+      primary: mat.$cyan-palette,
+      tertiary: mat.$orange-palette,
+      use-system-variables: true,
+      system-variables-prefix: sys,
+    ),
+    typography: (
+      brand-family: 'var(--font-sans)',
+      plain-family: 'var(--font-sans)',
+      use-system-variables: true,
+      system-variables-prefix: sys,
+    ),
+    density: (
+      scale: 0,
+    ),
+  ))
+);
+@include mat.elevation-classes();
+@include mat.app-background();

package/styles/themes/default.scss

@@ -1,5 +1,5 @@
-@use '@angular/material' as mat;
-@use "../_common";
-
-@include mat.elevation-classes();
-@include mat.app-background();
+@use '@angular/material' as mat;
+@use "../_common";
+
+@include mat.elevation-classes();
+@include mat.app-background();

package/styles/themes/magenta-violet.scss

@@ -1,41 +1,41 @@
-@use '@angular/material' as mat;
-@use "../_common" with (
-  $m3-light-theme: mat.define-theme((
-    color: (
-      theme-type: light,
-      primary: mat.$violet-palette,
-      tertiary: mat.$magenta-palette,
-      use-system-variables: true,
-      system-variables-prefix: sys,
-    ),
-    typography: (
-      brand-family: 'var(--font-sans)',
-      plain-family: 'var(--font-sans)',
-      use-system-variables: true,
-      system-variables-prefix: sys,
-    ),
-    density: (
-      scale: 0,
-    ),
-  )),
-  $m3-dark-theme: mat.define-theme((
-    color: (
-      theme-type: dark,
-      primary: mat.$violet-palette,
-      tertiary: mat.$magenta-palette,
-      use-system-variables: true,
-      system-variables-prefix: sys,
-    ),
-    typography: (
-      brand-family: 'var(--font-sans)',
-      plain-family: 'var(--font-sans)',
-      use-system-variables: true,
-      system-variables-prefix: sys,
-    ),
-    density: (
-      scale: 0,
-    ),
-  ))
-);
-@include mat.elevation-classes();
-@include mat.app-background();
+@use '@angular/material' as mat;
+@use "../_common" with (
+  $m3-light-theme: mat.define-theme((
+    color: (
+      theme-type: light,
+      primary: mat.$violet-palette,
+      tertiary: mat.$magenta-palette,
+      use-system-variables: true,
+      system-variables-prefix: sys,
+    ),
+    typography: (
+      brand-family: 'var(--font-sans)',
+      plain-family: 'var(--font-sans)',
+      use-system-variables: true,
+      system-variables-prefix: sys,
+    ),
+    density: (
+      scale: 0,
+    ),
+  )),
+  $m3-dark-theme: mat.define-theme((
+    color: (
+      theme-type: dark,
+      primary: mat.$violet-palette,
+      tertiary: mat.$magenta-palette,
+      use-system-variables: true,
+      system-variables-prefix: sys,
+    ),
+    typography: (
+      brand-family: 'var(--font-sans)',
+      plain-family: 'var(--font-sans)',
+      use-system-variables: true,
+      system-variables-prefix: sys,
+    ),
+    density: (
+      scale: 0,
+    ),
+  ))
+);
+@include mat.elevation-classes();
+@include mat.app-background();

package/styles/themes/rose-red.scss

@@ -1,41 +1,41 @@
-@use '@angular/material' as mat;
-@use "../_common" with (
-  $m3-light-theme: mat.define-theme((
-    color: (
-      theme-type: light,
-      primary: mat.$red-palette,
-      tertiary: mat.$rose-palette,
-      use-system-variables: true,
-      system-variables-prefix: sys,
-    ),
-    typography: (
-      brand-family: 'var(--font-sans)',
-      plain-family: 'var(--font-sans)',
-      use-system-variables: true,
-      system-variables-prefix: sys,
-    ),
-    density: (
-      scale: 0,
-    )
-  )),
-  $m3-dark-theme: mat.define-theme((
-    color: (
-      theme-type: dark,
-      primary: mat.$rose-palette,
-      tertiary: mat.$red-palette,
-      use-system-variables: true,
-      system-variables-prefix: sys,
-    ),
-    typography: (
-      brand-family: 'var(--font-sans)',
-      plain-family: 'var(--font-sans)',
-      use-system-variables: true,
-      system-variables-prefix: sys,
-    ),
-    density: (
-      scale: 0,
-    )
-  ))
-);
-@include mat.elevation-classes();
-@include mat.app-background();
+@use '@angular/material' as mat;
+@use "../_common" with (
+  $m3-light-theme: mat.define-theme((
+    color: (
+      theme-type: light,
+      primary: mat.$red-palette,
+      tertiary: mat.$rose-palette,
+      use-system-variables: true,
+      system-variables-prefix: sys,
+    ),
+    typography: (
+      brand-family: 'var(--font-sans)',
+      plain-family: 'var(--font-sans)',
+      use-system-variables: true,
+      system-variables-prefix: sys,
+    ),
+    density: (
+      scale: 0,
+    )
+  )),
+  $m3-dark-theme: mat.define-theme((
+    color: (
+      theme-type: dark,
+      primary: mat.$rose-palette,
+      tertiary: mat.$red-palette,
+      use-system-variables: true,
+      system-variables-prefix: sys,
+    ),
+    typography: (
+      brand-family: 'var(--font-sans)',
+      plain-family: 'var(--font-sans)',
+      use-system-variables: true,
+      system-variables-prefix: sys,
+    ),
+    density: (
+      scale: 0,
+    )
+  ))
+);
+@include mat.elevation-classes();
+@include mat.app-background();

package/table/index.d.ts

@@ -0,0 +1,44 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+
+interface EmrTableColumn<T = any> {
+    key: string;
+    label: string;
+    sortable?: boolean;
+    width?: string;
+    sticky?: boolean;
+    cell?: (row: T) => string;
+}
+type SortDirection = 'asc' | 'desc' | null;
+interface SortState {
+    column: string;
+    direction: SortDirection;
+}
+
+declare class TableComponent<T = any> {
+    columns: _angular_core.InputSignal<EmrTableColumn<T>[]>;
+    rows: _angular_core.InputSignal<T[]>;
+    striped: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    bordered: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    hoverable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    selectable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    stickyHeader: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    rowTemplate: _angular_core.InputSignal<TemplateRef<any> | null>;
+    readonly sortChange: _angular_core.OutputEmitterRef<SortState>;
+    readonly selectionChange: _angular_core.OutputEmitterRef<T[]>;
+    protected _sortColumn: _angular_core.WritableSignal<string>;
+    protected _sortDirection: _angular_core.WritableSignal<SortDirection>;
+    protected _selectedRows: _angular_core.WritableSignal<Set<T>>;
+    protected _allSelected: _angular_core.Signal<boolean>;
+    protected _cellValue(row: T, col: EmrTableColumn<T>): string;
+    protected _onSort(col: EmrTableColumn<T>): void;
+    protected _toggleAll(checked: boolean): void;
+    protected _toggleRow(row: T, checked: boolean): void;
+    protected _isSelected(row: T): boolean;
+    protected _sortIcon(col: EmrTableColumn<T>): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent<any>, "emr-table", ["emrTable"], { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "striped": { "alias": "striped"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "hoverable": { "alias": "hoverable"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "rowTemplate": { "alias": "rowTemplate"; "required": false; "isSignal": true; }; }, { "sortChange": "sortChange"; "selectionChange": "selectionChange"; }, never, ["[emrTableEmpty]", "emr-paginator"], true, never>;
+}
+
+export { TableComponent };
+export type { EmrTableColumn, SortDirection, SortState };

package/tabs/index.d.ts

@@ -0,0 +1,26 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+
+declare class TabComponent {
+    label: _angular_core.InputSignal<string>;
+    icon: _angular_core.InputSignal<string>;
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly contentRef: _angular_core.Signal<TemplateRef<any>>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabComponent, "emr-tab", ["emrTab"], { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type TabsVariant = 'default' | 'pills' | 'underline';
+declare class TabsComponent {
+    activeIndex: _angular_core.ModelSignal<number>;
+    variant: _angular_core.InputSignal<TabsVariant>;
+    scrollable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly tabChange: _angular_core.OutputEmitterRef<number>;
+    protected readonly _tabs: _angular_core.Signal<readonly TabComponent[]>;
+    protected _select(index: number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsComponent, "emr-tabs", ["emrTabs"], { "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "scrollable": { "alias": "scrollable"; "required": false; "isSignal": true; }; }, { "activeIndex": "activeIndexChange"; "tabChange": "tabChange"; }, ["_tabs"], never, true, never>;
+}
+
+export { TabComponent, TabsComponent };
+export type { TabsVariant };

package/tag/index.d.ts

@@ -0,0 +1,17 @@
+import * as _angular_core from '@angular/core';
+
+type TagVariant = 'filled' | 'soft' | 'outlined';
+type TagColor = 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info';
+type TagSize = 'sm' | 'md' | 'lg';
+declare class TagComponent {
+    variant: _angular_core.InputSignal<TagVariant>;
+    color: _angular_core.InputSignal<TagColor>;
+    size: _angular_core.InputSignal<TagSize>;
+    dot: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    icon: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TagComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TagComponent, "emr-tag", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "dot": { "alias": "dot"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { TagComponent };
+export type { TagColor, TagSize, TagVariant };

package/tiles/index.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from '@angular/core';
+
+declare class TileFeaturedDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TileFeaturedDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TileFeaturedDirective, "[emrTileFeatured]", never, {}, {}, never, never, true, never>;
+}
+declare class TilesComponent {
+    columns: i0.InputSignalWithTransform<number, unknown>;
+    gap: i0.InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TilesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TilesComponent, "emr-tiles", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { TileFeaturedDirective, TilesComponent };

package/timepicker/index.d.ts

@@ -0,0 +1,29 @@
+import * as _angular_core from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+
+declare class TimepickerComponent implements ControlValueAccessor {
+    placeholder: _angular_core.InputSignal<string>;
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    mode: _angular_core.InputSignal<"12h" | "24h">;
+    protected _hours: _angular_core.WritableSignal<number>;
+    protected _minutes: _angular_core.WritableSignal<number>;
+    protected _period: _angular_core.WritableSignal<"AM" | "PM">;
+    protected _open: _angular_core.WritableSignal<boolean>;
+    private _onChange;
+    private _onTouched;
+    writeValue(v: string): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(_: boolean): void;
+    protected _toggle(): void;
+    protected _emit(): void;
+    protected _changeHours(delta: number): void;
+    protected _changeMinutes(delta: number): void;
+    protected _togglePeriod(): void;
+    protected _pad(n: number): string;
+    protected get _displayValue(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TimepickerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimepickerComponent, "emr-timepicker", ["emrTimepicker"], { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { TimepickerComponent };

package/toast/index.d.ts

@@ -0,0 +1,48 @@
+import * as _angular_core from '@angular/core';
+import { OnInit, OnDestroy } from '@angular/core';
+
+type ToastVariant = 'default' | 'success' | 'error' | 'warning' | 'info';
+declare class ToastComponent implements OnInit, OnDestroy {
+    title: _angular_core.InputSignal<string>;
+    message: _angular_core.InputSignal<string>;
+    action: _angular_core.InputSignal<string>;
+    variant: _angular_core.InputSignal<ToastVariant>;
+    duration: _angular_core.InputSignal<number>;
+    showProgress: _angular_core.InputSignal<boolean>;
+    readonly dismissed: _angular_core.OutputEmitterRef<void>;
+    readonly actionClick: _angular_core.OutputEmitterRef<void>;
+    protected _progress: _angular_core.WritableSignal<number>;
+    private _timer;
+    private _interval;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    protected _dismiss(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToastComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToastComponent, "emr-toast", ["emrToast"], { "title": { "alias": "title"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "action": { "alias": "action"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "showProgress": { "alias": "showProgress"; "required": false; "isSignal": true; }; }, { "dismissed": "dismissed"; "actionClick": "actionClick"; }, never, never, true, never>;
+}
+
+interface ToastConfig {
+    title?: string;
+    message: string;
+    action?: string;
+    variant?: ToastVariant;
+    duration?: number;
+    showProgress?: boolean;
+    position?: 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center';
+}
+declare class EmrToast {
+    private _appRef;
+    private _injector;
+    private _containers;
+    private _getContainer;
+    open(config: ToastConfig): void;
+    success(message: string, config?: Partial<ToastConfig>): void;
+    error(message: string, config?: Partial<ToastConfig>): void;
+    warning(message: string, config?: Partial<ToastConfig>): void;
+    info(message: string, config?: Partial<ToastConfig>): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EmrToast, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<EmrToast>;
+}
+
+export { EmrToast, ToastComponent };
+export type { ToastConfig, ToastVariant };

package/toolbar/index.d.ts

@@ -0,0 +1,10 @@
+import * as _angular_core from '@angular/core';
+
+declare class ToolbarComponent {
+    dense: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    sticky: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToolbarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToolbarComponent, "emr-toolbar", ["emrToolbar"], { "dense": { "alias": "dense"; "required": false; "isSignal": true; }; "sticky": { "alias": "sticky"; "required": false; "isSignal": true; }; }, {}, never, ["[emrToolbarStart]", "[emrToolbarCenter]", "[emrToolbarEnd]", "*"], true, never>;
+}
+
+export { ToolbarComponent };

package/tooltip/index.d.ts

@@ -0,0 +1,30 @@
+import * as _angular_core from '@angular/core';
+import { OnDestroy, TemplateRef } from '@angular/core';
+
+type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
+declare class TooltipDirective implements OnDestroy {
+    emrTooltip: _angular_core.InputSignal<string | TemplateRef<any>>;
+    tooltipPlacement: _angular_core.InputSignal<TooltipPlacement>;
+    tooltipDisabled: _angular_core.InputSignal<boolean>;
+    private _el;
+    private _appRef;
+    private _injector;
+    private _ref;
+    protected _show(): void;
+    protected _hide(): void;
+    private _position;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TooltipDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TooltipDirective, "[emrTooltip]", ["emrTooltip"], { "emrTooltip": { "alias": "emrTooltip"; "required": false; "isSignal": true; }; "tooltipPlacement": { "alias": "tooltipPlacement"; "required": false; "isSignal": true; }; "tooltipDisabled": { "alias": "tooltipDisabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class TooltipComponent {
+    text: _angular_core.InputSignal<string>;
+    templateRef: _angular_core.InputSignal<TemplateRef<any> | null>;
+    placement: _angular_core.InputSignal<TooltipPlacement>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TooltipComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TooltipComponent, "emr-tooltip-content", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; "templateRef": { "alias": "templateRef"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { TooltipComponent, TooltipDirective };
+export type { TooltipPlacement };

package/tree/index.d.ts

@@ -0,0 +1,42 @@
+import * as _angular_core from '@angular/core';
+
+interface TreeNode<T = any> {
+    id: string | number;
+    label: string;
+    icon?: string;
+    data?: T;
+    children?: TreeNode<T>[];
+    loading?: boolean;
+}
+
+declare class TreeComponent<T = any> {
+    nodes: _angular_core.InputSignal<TreeNode<T>[]>;
+    selectable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    multiSelect: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    checkable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly nodeSelect: _angular_core.OutputEmitterRef<TreeNode<T>>;
+    readonly nodeExpand: _angular_core.OutputEmitterRef<TreeNode<T>>;
+    readonly nodeCollapse: _angular_core.OutputEmitterRef<TreeNode<T>>;
+    protected _expanded: _angular_core.WritableSignal<Set<string | number>>;
+    protected _selected: _angular_core.WritableSignal<Set<string | number>>;
+    protected _checked: _angular_core.WritableSignal<Set<string | number>>;
+    _isExpanded(node: TreeNode<T>): boolean;
+    _isSelected(node: TreeNode<T>): boolean;
+    _isChecked(node: TreeNode<T>): boolean;
+    _toggleExpand(node: TreeNode<T>): void;
+    _toggleSelect(node: TreeNode<T>): void;
+    _toggleCheck(node: TreeNode<T>): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TreeComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TreeComponent<any>, "emr-tree", ["emrTree"], { "nodes": { "alias": "nodes"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "multiSelect": { "alias": "multiSelect"; "required": false; "isSignal": true; }; "checkable": { "alias": "checkable"; "required": false; "isSignal": true; }; }, { "nodeSelect": "nodeSelect"; "nodeExpand": "nodeExpand"; "nodeCollapse": "nodeCollapse"; }, never, never, true, never>;
+}
+
+declare class TreeNodeComponent<T = any> {
+    node: _angular_core.InputSignal<TreeNode<T>>;
+    tree: _angular_core.InputSignal<TreeComponent<T>>;
+    depth: _angular_core.InputSignal<number>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TreeNodeComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TreeNodeComponent<any>, "emr-tree-node", never, { "node": { "alias": "node"; "required": true; "isSignal": true; }; "tree": { "alias": "tree"; "required": true; "isSignal": true; }; "depth": { "alias": "depth"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { TreeComponent, TreeNodeComponent };
+export type { TreeNode };

package/video-player/index.d.ts

@@ -0,0 +1,49 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, OnDestroy, ElementRef } from '@angular/core';
+
+interface VideoChapter {
+    time: number;
+    label: string;
+}
+declare class VideoPlayerComponent implements AfterViewInit, OnDestroy {
+    src: _angular_core.InputSignal<string>;
+    poster: _angular_core.InputSignal<string>;
+    autoplay: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    loop: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    chapters: _angular_core.InputSignal<VideoChapter[]>;
+    protected _videoEl: _angular_core.Signal<ElementRef<HTMLVideoElement> | undefined>;
+    protected _playing: _angular_core.WritableSignal<boolean>;
+    protected _muted: _angular_core.WritableSignal<boolean>;
+    protected _volume: _angular_core.WritableSignal<number>;
+    protected _currentTime: _angular_core.WritableSignal<number>;
+    protected _duration: _angular_core.WritableSignal<number>;
+    protected _buffered: _angular_core.WritableSignal<number>;
+    protected _speed: _angular_core.WritableSignal<number>;
+    protected _showSpeedMenu: _angular_core.WritableSignal<boolean>;
+    protected _fullscreen: _angular_core.WritableSignal<boolean>;
+    protected _progress: _angular_core.Signal<number>;
+    protected _bufferedPct: _angular_core.Signal<number>;
+    protected _currentChapter: _angular_core.Signal<string>;
+    protected readonly _speeds: number[];
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    protected _togglePlay(): void;
+    protected _toggleMute(): void;
+    protected _onVolumeChange(e: Event): void;
+    protected _onSeek(e: Event): void;
+    protected _setSpeed(s: number): void;
+    protected _togglePiP(): void;
+    protected _toggleFullscreen(): void;
+    protected _onTimeUpdate(): void;
+    protected _onPlay(): void;
+    protected _onPause(): void;
+    protected _onLoadedMetadata(): void;
+    protected _formatTime(s: number): string;
+    protected _chapterOffset(chapter: VideoChapter): number;
+    private _video;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<VideoPlayerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<VideoPlayerComponent, "emr-video-player", never, { "src": { "alias": "src"; "required": false; "isSignal": true; }; "poster": { "alias": "poster"; "required": false; "isSignal": true; }; "autoplay": { "alias": "autoplay"; "required": false; "isSignal": true; }; "loop": { "alias": "loop"; "required": false; "isSignal": true; }; "chapters": { "alias": "chapters"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { VideoPlayerComponent };
+export type { VideoChapter };

package/video-viewer/index.d.ts

@@ -0,0 +1,33 @@
+import * as _angular_core from '@angular/core';
+import { SafeResourceUrl } from '@angular/platform-browser';
+
+type VideoType = 'mp4' | 'youtube' | 'vimeo';
+declare class VideoViewerComponent {
+    src: _angular_core.InputSignal<string>;
+    poster: _angular_core.InputSignal<string>;
+    open: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    closed: _angular_core.OutputEmitterRef<void>;
+    private _sanitizer;
+    protected _open: _angular_core.WritableSignal<boolean>;
+    protected _playing: _angular_core.WritableSignal<boolean>;
+    protected _muted: _angular_core.WritableSignal<boolean>;
+    protected _volume: _angular_core.WritableSignal<number>;
+    protected _currentTime: _angular_core.WritableSignal<number>;
+    protected _duration: _angular_core.WritableSignal<number>;
+    protected _progress: _angular_core.Signal<number>;
+    protected _videoType: _angular_core.Signal<VideoType>;
+    protected _embedUrl: _angular_core.Signal<SafeResourceUrl | null>;
+    onKey(e: KeyboardEvent): void;
+    protected _show(): void;
+    protected _close(): void;
+    protected _togglePlay(): void;
+    protected _toggleMute(): void;
+    protected _onTimeUpdate(e: Event): void;
+    protected _onSeek(e: Event): void;
+    protected _fullscreen(): void;
+    protected _formatTime(s: number): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<VideoViewerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<VideoViewerComponent, "emr-video-viewer", never, { "src": { "alias": "src"; "required": false; "isSignal": true; }; "poster": { "alias": "poster"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, never, true, never>;
+}
+
+export { VideoViewerComponent };