valtech-components 2.0.191 → 2.0.193

package/lib/components/atoms/avatar/avatar.component.d.ts

@@ -2,7 +2,18 @@ import { EventEmitter, OnInit } from '@angular/core';
 import { AvatarMetadata } from './types';
 import * as i0 from "@angular/core";
 export declare class AvatarComponent implements OnInit {
+    /**
+     * Avatar configuration object.
+     * @type {AvatarMetadata}
+     * @property image - The image URL to display.
+     * @property default - The fallback image URL if image is not provided.
+     * @property size - The size of the avatar ('small' | 'medium' | 'large').
+     * @property box - Whether to display the avatar with a box style.
+     */
     props: AvatarMetadata;
+    /**
+     * Event emitted when the avatar is clicked.
+     */
     onClick: EventEmitter<any>;
     constructor();
     ngOnInit(): void;

package/lib/components/atoms/avatar/types.d.ts

@@ -1,3 +1,11 @@
+/**
+ * Props for val-avatar component.
+ *
+ * @property image - The image URL to display.
+ * @property default - The fallback image URL if image is not provided.
+ * @property size - The size of the avatar ('small' | 'medium' | 'large').
+ * @property box - Whether to display the avatar with a box style (optional).
+ */
 export interface AvatarMetadata {
     image: string;
     default: string;

package/lib/components/atoms/box/box.component.d.ts

@@ -3,7 +3,20 @@ import { IconService } from '../../../services/icons.service';
 import { BoxMetadata } from './types';
 import * as i0 from "@angular/core";
 export declare class BoxComponent implements OnInit {
+    /**
+     * Box configuration object.
+     * @type {BoxMetadata}
+     * @property color - The color of the box (Ionic color string).
+     * @property icon - The name of the icon to display (optional).
+     * @property bordered - Whether the box has a border (optional).
+     * @property leftBorder - Whether the box has a left border (optional).
+     * @property rounded - Whether the box has rounded corners (optional).
+     * @property padding - Custom padding for the box (optional).
+     */
     props: BoxMetadata;
+    /**
+     * Event emitted when the box or its icon is clicked.
+     */
     onClick: EventEmitter<any>;
     constructor(icon: IconService);
     ngOnInit(): void;

package/lib/components/atoms/box/types.d.ts

@@ -1,4 +1,14 @@
 import { Color } from '@ionic/core';
+/**
+ * Props for val-box component.
+ *
+ * @property color - The color of the box (Ionic color string).
+ * @property icon - The name of the icon to display (optional).
+ * @property bordered - Whether the box has a border (optional).
+ * @property leftBorder - Whether the box has a left border (optional).
+ * @property rounded - Whether the box has rounded corners (optional).
+ * @property padding - Custom padding for the box (optional).
+ */
 export interface BoxMetadata {
     color: Color;
     icon: string;

package/lib/components/atoms/button/button.component.d.ts

@@ -13,7 +13,19 @@ export declare class ButtonComponent {
         WORKING: "WORKING";
         ERROR: "ERROR";
     };
+    /**
+     * Button configuration object.
+     * @type {ButtonMetadata}
+     * @property text - The button label.
+     * @property color - The button color (Ionic color string).
+     * @property icon - Icon to display (optional).
+     * @property state - Button state (enabled, disabled, working, etc.).
+     * @property expand, fill, size, shape, href, target, download, handler, etc. - See ButtonMetadata for all options.
+     */
     props: ButtonMetadata;
+    /**
+     * Event emitted when the button is clicked.
+     */
     onClick: EventEmitter<string>;
     constructor(download: DownloadService, icon: IconService, navigation: NavigationService);
     ngOnInit(): void;

package/lib/components/atoms/display/display.component.d.ts

@@ -2,6 +2,13 @@ import { OnInit } from '@angular/core';
 import { DisplayMetadata } from './types';
 import * as i0 from "@angular/core";
 export declare class DisplayComponent implements OnInit {
+    /**
+     * Display configuration object.
+     * @type {DisplayMetadata}
+     * @property content - The text to display.
+     * @property color - The text color (Ionic color string).
+     * @property size - The text size ('small' | 'medium' | 'large' | 'xlarge').
+     */
     props: DisplayMetadata;
     constructor();
     ngOnInit(): void;

package/lib/components/atoms/display/types.d.ts

@@ -1,4 +1,11 @@
 import { Color } from '@ionic/core';
+/**
+ * Props for val-display component.
+ *
+ * @property size - The text size ('small' | 'medium' | 'large' | 'xlarge').
+ * @property color - The text color (Ionic color string).
+ * @property content - The text to display.
+ */
 export interface DisplayMetadata {
     size: 'small' | 'medium' | 'large' | 'xlarge';
     color: Color;

package/lib/components/atoms/divider/divider.component.d.ts

@@ -1,7 +1,24 @@
 import { OnInit } from '@angular/core';
 import { DividerMetadata } from './types';
 import * as i0 from "@angular/core";
+/**
+ * val-divider
+ *
+ * A horizontal divider for separating content sections.
+ *
+ * @example
+ * <val-divider [props]="{ size: 'medium', color: 'light', fill: 'solid' }"></val-divider>
+ *
+ * @input props: DividerMetadata - Configuration for the divider (size, color, fill)
+ */
 export declare class DividerComponent implements OnInit {
+    /**
+     * Divider configuration object.
+     * @type {DividerMetadata}
+     * @property size - The divider size ('small' | 'medium' | 'large').
+     * @property color - The divider color.
+     * @property fill - The divider fill style ('solid' | 'gradient').
+     */
     props: DividerMetadata;
     constructor();
     ngOnInit(): void;

package/lib/components/atoms/divider/types.d.ts

@@ -1,3 +1,10 @@
+/**
+ * Props for val-divider component.
+ *
+ * @property size - The divider size ('small' | 'medium' | 'large').
+ * @property color - The divider color ('primary' | 'secondary' | 'dark' | 'light' | 'medium').
+ * @property fill - The divider fill style ('solid' | 'gradient').
+ */
 export interface DividerMetadata {
     size: 'small' | 'medium' | 'large';
     color: 'primary' | 'secondary' | 'dark' | 'light' | 'medium';

package/lib/components/atoms/href/href.component.d.ts

@@ -4,6 +4,16 @@ import { HrefMetadata } from './types';
 import * as i0 from "@angular/core";
 export declare class HrefComponent implements OnInit {
     private downloadService;
+    /**
+     * Link configuration object.
+     * @type {HrefMetadata}
+     * @property url - The URL to open.
+     * @property text - The link text.
+     * @property color - The link color (Ionic color string).
+     * @property download - Whether to trigger a download (optional).
+     * @property hoverable - Whether the link is hoverable (optional).
+     * @property token - Optional token for event identification.
+     */
     props: HrefMetadata;
     onClick: EventEmitter<string>;
     constructor(downloadService: DownloadService);

package/lib/components/atoms/href/types.d.ts

@@ -1,4 +1,14 @@
 import { Color } from '@ionic/core';
+/**
+ * Props for val-href component.
+ *
+ * @property url - The URL to open.
+ * @property token - Optional token for event identification.
+ * @property text - The link text.
+ * @property color - The link color (Ionic color string).
+ * @property download - Whether to trigger a download (optional).
+ * @property hoverable - Whether the link is hoverable (optional).
+ */
 export type HrefMetadata = {
     url: string;
     token: string;

package/lib/components/atoms/icon/icon.component.d.ts

@@ -3,6 +3,13 @@ import { IconService } from '../../../services/icons.service';
 import { IconMetadata } from './types';
 import * as i0 from "@angular/core";
 export declare class IconComponent implements OnInit {
+    /**
+     * Icon configuration object.
+     * @type {IconMetadata}
+     * @property name - The icon name (Ionicons).
+     * @property color - The icon color (Ionic color string).
+     * @property size - The icon size ('small' | 'medium' | 'large' | 'xlarge').
+     */
     props: IconMetadata;
     constructor(service: IconService);
     ngOnInit(): void;

package/lib/components/atoms/icon/types.d.ts

@@ -1,4 +1,11 @@
 import { Color } from '@ionic/core';
+/**
+ * Props for val-icon component.
+ *
+ * @property name - The icon name (Ionicons).
+ * @property color - The icon color (Ionic color string).
+ * @property size - The icon size ('small' | 'medium' | 'large' | 'xlarge').
+ */
 export interface IconMetadata {
     size: 'small' | 'medium' | 'large' | 'xlarge';
     color: Color;

package/lib/components/atoms/image/image.component.d.ts

@@ -2,6 +2,20 @@ import { OnInit } from '@angular/core';
 import { ImageMetadata } from './types';
 import * as i0 from "@angular/core";
 export declare class ImageComponent implements OnInit {
+    /**
+     * Image configuration object.
+     * @type {ImageMetadata}
+     * @property src - The image source URL.
+     * @property alt - The alt text for the image.
+     * @property mode - The display mode ('rounded' | 'circular' | 'box').
+     * @property shaded - Whether the image has a shaded effect.
+     * @property bordered - Whether the image has a border.
+     * @property limited - Whether the image is limited in size (optional).
+     * @property dark - Whether the image uses a dark style (optional).
+     * @property size - The image size ('small' | 'medium' | 'large' | 'xlarge').
+     * @property width - The image width in px (optional).
+     * @property height - The image height in px (optional).
+     */
     props: ImageMetadata;
     available: boolean;
     constructor();

package/lib/components/atoms/image/types.d.ts

@@ -1,3 +1,17 @@
+/**
+ * Props for val-image component.
+ *
+ * @property src - The image source URL.
+ * @property alt - The alt text for the image.
+ * @property mode - The display mode ('rounded' | 'circular' | 'box').
+ * @property shaded - Whether the image has a shaded effect.
+ * @property bordered - Whether the image has a border.
+ * @property limited - Whether the image is limited in size (optional).
+ * @property dark - Whether the image uses a dark style (optional).
+ * @property size - The image size ('small' | 'medium' | 'large' | 'xlarge').
+ * @property width - The image width in px (optional).
+ * @property height - The image height in px (optional).
+ */
 export type ImageMetadata = {
     src: string;
     alt: string;

package/lib/components/atoms/progress-bar/progress-bar.component.d.ts

@@ -2,6 +2,16 @@ import { OnInit } from '@angular/core';
 import { ProgressBarMetadata } from './types';
 import * as i0 from "@angular/core";
 export declare class ProgressBarComponent implements OnInit {
+    /**
+     * Progress bar configuration object.
+     * @type {ProgressBarMetadata}
+     * @property progress - The progress value (0 to 1).
+     * @property size - The progress bar size ('small' | 'medium' | 'large' | 'xlarge').
+     * @property color - The progress bar color (Ionic color string).
+     * @property buffer - The buffer value for the bar.
+     * @property type - The type of progress bar ('determinate' | 'indeterminate').
+     * @property rounded - Whether the bar has rounded corners.
+     */
     props: ProgressBarMetadata;
     constructor();
     ngOnInit(): void;

package/lib/components/atoms/progress-bar/types.d.ts

@@ -1,4 +1,14 @@
 import { Color } from '@ionic/core';
+/**
+ * Props for val-progress-bar component.
+ *
+ * @property progress - The progress value (0 to 1).
+ * @property size - The progress bar size ('small' | 'medium' | 'large' | 'xlarge').
+ * @property color - The progress bar color (Ionic color string).
+ * @property buffer - The buffer value for the bar.
+ * @property type - The type of progress bar ('determinate' | 'indeterminate').
+ * @property rounded - Whether the bar has rounded corners.
+ */
 export interface ProgressBarMetadata {
     progress: number;
     size: 'small' | 'medium' | 'large' | 'xlarge';

package/lib/components/atoms/text/text.component.d.ts

@@ -2,6 +2,14 @@ import { OnInit } from '@angular/core';
 import { TextMetadata } from './types';
 import * as i0 from "@angular/core";
 export declare class TextComponent implements OnInit {
+    /**
+     * Text configuration object.
+     * @type {TextMetadata}
+     * @property content - The text to display.
+     * @property color - The text color (Ionic color string).
+     * @property size - The text size ('small' | 'medium' | 'large' | 'xlarge').
+     * @property bold - Whether the text is bold.
+     */
     props: TextMetadata;
     constructor();
     ngOnInit(): void;

package/lib/components/atoms/text/types.d.ts

@@ -1,4 +1,12 @@
 import { Color } from '@ionic/core';
+/**
+ * Props for val-text component.
+ *
+ * @property content - The text to display.
+ * @property color - The text color (Ionic color string).
+ * @property size - The text size ('small' | 'medium' | 'large' | 'xlarge').
+ * @property bold - Whether the text is bold.
+ */
 export interface TextMetadata {
     size: 'small' | 'medium' | 'large' | 'xlarge';
     color: Color;

package/lib/components/atoms/title/title.component.d.ts

@@ -2,6 +2,15 @@ import { OnInit } from '@angular/core';
 import { TitleMetadata } from './types';
 import * as i0 from "@angular/core";
 export declare class TitleComponent implements OnInit {
+    /**
+     * Title configuration object.
+     * @type {TitleMetadata}
+     * @property content - The title text to display.
+     * @property color - The title color (Ionic color string).
+     * @property size - The title size ('small' | 'medium' | 'large' | 'xlarge').
+     * @property bold - Whether the title is bold.
+     * @property thin - Whether the title is thin (optional).
+     */
     props: TitleMetadata;
     constructor();
     ngOnInit(): void;

package/lib/components/atoms/title/types.d.ts

@@ -1,4 +1,13 @@
 import { Color } from '@ionic/core';
+/**
+ * Props for val-title component.
+ *
+ * @property content - The title text to display.
+ * @property color - The title color (Ionic color string).
+ * @property size - The title size ('small' | 'medium' | 'large' | 'xlarge').
+ * @property bold - Whether the title is bold.
+ * @property thin - Whether the title is thin (optional).
+ */
 export interface TitleMetadata {
     size: 'small' | 'medium' | 'large' | 'xlarge';
     color: Color;

package/lib/components/molecules/alert-box/alert-box.component.d.ts

@@ -2,6 +2,13 @@ import { OnInit } from '@angular/core';
 import { AlertBoxMetadata } from './types';
 import * as i0 from "@angular/core";
 export declare class AlertBoxComponent implements OnInit {
+    /**
+     * Alert box configuration object.
+     * @type {AlertBoxMetadata}
+     * @property box - Box configuration (see BoxMetadata).
+     * @property icon - Icon configuration (see IconMetadata).
+     * @property text - Text configuration (see TextMetadata).
+     */
     props: AlertBoxMetadata;
     constructor();
     ngOnInit(): void;

package/lib/components/molecules/button-group/button-group.component.d.ts

@@ -2,7 +2,17 @@ import { EventEmitter, OnInit } from '@angular/core';
 import { ButtonGroupMetadata } from './types';
 import * as i0 from "@angular/core";
 export declare class ButtonGroupComponent implements OnInit {
+    /**
+     * Button group configuration object.
+     * @type {ButtonGroupMetadata}
+     * @property buttons - Array of button configurations.
+     * @property position - Position of the button group ('center' | 'left' | 'right' | 'spaced').
+     * @property columned - Whether the buttons are displayed in a column.
+     */
     props: ButtonGroupMetadata;
+    /**
+     * Event emitted with the token of the clicked button.
+     */
     onClick: EventEmitter<string>;
     constructor();
     ngOnInit(): void;

package/lib/components/molecules/button-group/types.d.ts

@@ -1,4 +1,11 @@
 import { ButtonMetadata } from '../../types';
+/**
+ * Props for val-button-group component.
+ *
+ * @property buttons - Array of button configurations.
+ * @property position - Position of the button group ('center' | 'left' | 'right' | 'spaced').
+ * @property columned - Whether the buttons are displayed in a column.
+ */
 export interface ButtonGroupMetadata {
     buttons: ButtonMetadata[];
     position: 'center' | 'left' | 'right' | 'spaced';

package/lib/components/molecules/card/card.component.d.ts

@@ -3,7 +3,21 @@ import { ToolbarActionType } from '../../types';
 import { CardClickEvent, CardMetadata, CardSection, CardType } from './types';
 import * as i0 from "@angular/core";
 export declare class CardComponent implements OnInit {
+    /**
+     * Card configuration object.
+     * @type {CardMetadata}
+     * @property type - The card type (see CardType).
+     * @property title - The card title.
+     * @property image - The card image URL.
+     * @property content - The card content.
+     * @property actions - Array of action buttons (optional).
+     * @property sections - Custom card sections (optional).
+     * @property overtitle - Subtitle or overtitle (optional).
+     */
     props: CardMetadata;
+    /**
+     * Event emitted when the card or an action is clicked.
+     */
     onClick: EventEmitter<CardClickEvent>;
     types: typeof CardType;
     actionTypes: typeof ToolbarActionType;

package/lib/components/molecules/comment-input/comment-input.component.d.ts

@@ -2,6 +2,12 @@ import { OnInit } from '@angular/core';
 import { InputMetadata } from '../../types';
 import * as i0 from "@angular/core";
 export declare class CommentInputComponent implements OnInit {
+    /**
+     * Input configuration object.
+     * @type {InputMetadata}
+     * @property control - The Angular FormControl for the textarea.
+     * @property range - The range object with max length.
+     */
     props: InputMetadata;
     constructor();
     ngOnInit(): void;

package/lib/components/molecules/content-loader/content-loader.component.d.ts

@@ -2,6 +2,14 @@ import { OnInit } from '@angular/core';
 import { ContentLoaderMetadata } from './types';
 import * as i0 from "@angular/core";
 export declare class ContentLoaderComponent implements OnInit {
+    /**
+     * Loader configuration object.
+     * @type {ContentLoaderMetadata}
+     * @property size - The spinner size.
+     * @property color - The spinner color.
+     * @property text - The loading text (optional).
+     * @property name - The spinner name (optional).
+     */
     props: ContentLoaderMetadata;
     constructor();
     ngOnInit(): void;

package/lib/components/molecules/content-loader/types.d.ts

@@ -1,4 +1,12 @@
 import { Color } from '@ionic/core';
+/**
+ * Loader configuration object.
+ * @type {ContentLoaderMetadata}
+ * @property size - The spinner size.
+ * @property color - The spinner color.
+ * @property text - The loading text (optional).
+ * @property name - The spinner name (optional).
+ */
 export interface ContentLoaderMetadata {
     color: Color;
     size: 'small' | 'medium' | 'large';

package/lib/components/molecules/date-input/date-input.component.d.ts

@@ -2,6 +2,12 @@ import { OnInit } from '@angular/core';
 import { InputMetadata } from '../../types';
 import * as i0 from "@angular/core";
 export declare class DateInputComponent implements OnInit {
+    /**
+     * Input configuration object.
+     * @type {InputMetadata}
+     * @property control - The Angular FormControl for the date input.
+     * @property hint - The hint text for the input.
+     */
     props: InputMetadata;
     constructor();
     ngOnInit(): void;

package/lib/components/molecules/email-input/email-input.component.d.ts

@@ -2,6 +2,12 @@ import { OnInit } from '@angular/core';
 import { InputMetadata } from '../../types';
 import * as i0 from "@angular/core";
 export declare class EmailInputComponent implements OnInit {
+    /**
+     * Input configuration object.
+     * @type {InputMetadata}
+     * @property control - The Angular FormControl for the input.
+     * @property placeholder - The placeholder text.
+     */
     props: InputMetadata;
     constructor();
     ngOnInit(): void;

package/lib/components/molecules/expandable-text/expandable-text.component.d.ts

@@ -1,6 +1,14 @@
 import { ExpandableTextInput } from './types';
 import * as i0 from "@angular/core";
 export declare class ExpandableTextComponent {
+    /**
+     * Expandable text configuration object.
+     * @type {ExpandableTextInput}
+     * @property content - The text content to display.
+     * @property limit - The character limit before truncation.
+     * @property color - The color for the "see more" link.
+     * @property expandText - The text for the expand link (optional).
+     */
     props: ExpandableTextInput;
     expanded: boolean;
     defaultColor: string;

package/lib/components/molecules/expandable-text/types.d.ts

@@ -1,3 +1,11 @@
+/**
+ * Expandable text configuration object.
+ * @type {ExpandableTextInput}
+ * @property content - The text content to display.
+ * @property limit - The character limit before truncation.
+ * @property color - The color for the "see more" link.
+ * @property expandText - The text for the expand link (optional).
+ */
 export interface ExpandableTextInput {
     limit: number;
     content: string;

package/lib/components/molecules/file-input/file-input.component.d.ts

@@ -2,8 +2,13 @@ import { OnInit } from '@angular/core';
 import { ButtonMetadata, InputMetadata } from '../../types';
 import * as i0 from "@angular/core";
 export declare class FileInputComponent implements OnInit {
-    fileInput: any;
+    /**
+     * Input configuration object.
+     * @type {InputMetadata}
+     * @property control - The Angular FormControl for the file input.
+     */
     props: InputMetadata;
+    fileInput: any;
     contrastButton: ButtonMetadata;
     selectedFile: File;
     constructor();

package/lib/components/molecules/hint/hint.component.d.ts

@@ -2,6 +2,12 @@ import { OnInit } from '@angular/core';
 import { InputMetadata } from '../../types';
 import * as i0 from "@angular/core";
 export declare class HintComponent implements OnInit {
+    /**
+     * Input configuration object.
+     * @type {InputMetadata}
+     * @property control - The Angular FormControl for the input.
+     * @property errors - The error messages mapping.
+     */
     props: InputMetadata;
     constructor();
     ngOnInit(): void;

package/lib/components/molecules/hour-input/hour-input.component.d.ts

@@ -2,6 +2,11 @@ import { OnInit } from '@angular/core';
 import { InputMetadata } from '../../types';
 import * as i0 from "@angular/core";
 export declare class HourInputComponent implements OnInit {
+    /**
+     * Input configuration object.
+     * @type {InputMetadata}
+     * @property control - The Angular FormControl for the time input.
+     */
     props: InputMetadata;
     constructor();
     ngOnInit(): void;

package/lib/components/molecules/link/link.component.d.ts

@@ -3,6 +3,16 @@ import { NavigationService } from '../../../services/navigation.service';
 import { LinkMetadata } from './types';
 import * as i0 from "@angular/core";
 export declare class LinkComponent implements OnInit {
+    /**
+     * Link configuration object.
+     * @type {LinkMetadata}
+     * @property text - The link text.
+     * @property color - The button color (Ionic color string).
+     * @property link - The URL or route to navigate to.
+     * @property type - The navigation type ('internal', 'browse', 'tab').
+     * @property token - Optional token for event identification.
+     * @property size - The button size (optional).
+     */
     props: LinkMetadata;
     onClick: EventEmitter<string>;
     service: NavigationService;

package/lib/components/molecules/link/types.d.ts

@@ -1,4 +1,14 @@
 import { Color } from '@ionic/core';
+/**
+ * Link configuration object.
+ * @type {LinkMetadata}
+ * @property text - The link text.
+ * @property color - The button color (Ionic color string).
+ * @property link - The URL or route to navigate to.
+ * @property type - The navigation type ('internal', 'browse', 'tab').
+ * @property token - Optional token for event identification.
+ * @property size - The button size (optional).
+ */
 export interface LinkMetadata {
     token?: string;
     text: string;

package/lib/components/molecules/links-cake/links-cake.component.d.ts

@@ -2,6 +2,13 @@ import { OnInit } from '@angular/core';
 import { LinkCakeMetadata } from './types';
 import * as i0 from "@angular/core";
 export declare class LinksCakeComponent implements OnInit {
+    /**
+     * Links cake configuration object.
+     * @type {LinkCakeMetadata}
+     * @property title - The title for the links section (optional).
+     * @property links - Array of link configurations.
+     * @property size - The size of the title and links.
+     */
     props: LinkCakeMetadata;
     constructor();
     ngOnInit(): void;

package/lib/components/molecules/links-cake/types.d.ts

@@ -1,4 +1,11 @@
 import { HrefMetadata } from '../../atoms/href/types';
+/**
+ * Props for val-links-cake component.
+ *
+ * @property title - The title for the links section (optional).
+ * @property links - Array of link configurations.
+ * @property size - The size of the title and links ('small' | 'medium' | 'large').
+ */
 export interface LinkCakeMetadata {
     title: string;
     links: HrefMetadata[];

package/lib/components/molecules/notes-box/notes-box.component.d.ts

@@ -2,6 +2,17 @@ import { OnInit } from '@angular/core';
 import { NotesBoxMetadata } from './types';
 import * as i0 from "@angular/core";
 export declare class NotesBoxComponent implements OnInit {
+    /**
+     * Notes box configuration object.
+     * @type {NotesBoxMetadata}
+     * @property text - The main text content.
+     * @property prefix - Optional prefix text (bold).
+     * @property color - The background color of the box.
+     * @property textColor - The color of the text.
+     * @property size - The size of the text and box.
+     * @property rounded - Whether the box has rounded corners.
+     * @property padding - Custom padding for the box.
+     */
     props: NotesBoxMetadata;
     constructor();
     ngOnInit(): void;