@ng-atomic/components 16.2.0 → 16.3.1

package/organisms/stripe-input-section/stripe-input-section.organism.d.ts

@@ -0,0 +1,188 @@
+import { FormBuilder } from '@angular/forms';
+import { InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
+import { Appearance, StripeAddressElementChangeEvent, StripeAddressElementOptions, StripeElementsOptions, StripeLinkAuthenticationElement, StripeLinkAuthenticationElementChangeEvent, StripeLinkAuthenticationElementOptions, StripePaymentElementChangeEvent, StripePaymentElementOptions } from '@stripe/stripe-js';
+import { StripeAddressComponent, StripeLinkAuthenticationComponent, StripePaymentElementComponent } from 'ngx-stripe';
+import * as i0 from "@angular/core";
+export declare class StripeFormService {
+    readonly fb: FormBuilder;
+    build(): import("@angular/forms").FormGroup<{
+        email: import("@angular/forms").FormControl<string>;
+        address: import("@angular/forms").FormGroup<{
+            city: import("@angular/forms").FormControl<string>;
+            country: import("@angular/forms").FormControl<string>;
+            line1: import("@angular/forms").FormControl<string>;
+            line2: import("@angular/forms").FormControl<string>;
+            postalCode: import("@angular/forms").FormControl<string>;
+            state: import("@angular/forms").FormControl<string>;
+        }>;
+        name: import("@angular/forms").FormControl<string>;
+        paymentMethodType: import("@angular/forms").FormControl<string>;
+    }>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StripeFormService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<StripeFormService>;
+}
+export declare class StripeInputSectionOrganismStore extends InjectableComponent {
+    static readonly Config: {
+        provide: (useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
+            form: import("@angular/forms").FormGroup<{
+                email: import("@angular/forms").FormControl<string>;
+                address: import("@angular/forms").FormGroup<{
+                    city: import("@angular/forms").FormControl<string>;
+                    country: import("@angular/forms").FormControl<string>;
+                    line1: import("@angular/forms").FormControl<string>;
+                    line2: import("@angular/forms").FormControl<string>;
+                    postalCode: import("@angular/forms").FormControl<string>;
+                    state: import("@angular/forms").FormControl<string>;
+                }>;
+                name: import("@angular/forms").FormControl<string>;
+                paymentMethodType: import("@angular/forms").FormControl<string>;
+            }>;
+            clientSecret: string;
+            appearance: Appearance;
+            linkOptions: StripeLinkAuthenticationElementOptions;
+            addressOptions: StripeAddressElementOptions;
+            paymentOptions: StripePaymentElementOptions;
+            elementsOptions: StripeElementsOptions;
+        }, any>, label?: string) => import("@angular/core").Provider;
+        inject: () => import("@angular/core").Signal<{
+            form: import("@angular/forms").FormGroup<{
+                email: import("@angular/forms").FormControl<string>;
+                address: import("@angular/forms").FormGroup<{
+                    city: import("@angular/forms").FormControl<string>;
+                    country: import("@angular/forms").FormControl<string>;
+                    line1: import("@angular/forms").FormControl<string>;
+                    line2: import("@angular/forms").FormControl<string>;
+                    postalCode: import("@angular/forms").FormControl<string>;
+                    state: import("@angular/forms").FormControl<string>;
+                }>;
+                name: import("@angular/forms").FormControl<string>;
+                paymentMethodType: import("@angular/forms").FormControl<string>;
+            }>;
+            clientSecret: string;
+            appearance: Appearance;
+            linkOptions: StripeLinkAuthenticationElementOptions;
+            addressOptions: StripeAddressElementOptions;
+            paymentOptions: StripePaymentElementOptions;
+            elementsOptions: StripeElementsOptions;
+        }>;
+    };
+    readonly config: import("@angular/core").Signal<{
+        form: import("@angular/forms").FormGroup<{
+            email: import("@angular/forms").FormControl<string>;
+            address: import("@angular/forms").FormGroup<{
+                city: import("@angular/forms").FormControl<string>;
+                country: import("@angular/forms").FormControl<string>;
+                line1: import("@angular/forms").FormControl<string>;
+                line2: import("@angular/forms").FormControl<string>;
+                postalCode: import("@angular/forms").FormControl<string>;
+                state: import("@angular/forms").FormControl<string>;
+            }>;
+            name: import("@angular/forms").FormControl<string>;
+            paymentMethodType: import("@angular/forms").FormControl<string>;
+        }>;
+        clientSecret: string;
+        appearance: Appearance;
+        linkOptions: StripeLinkAuthenticationElementOptions;
+        addressOptions: StripeAddressElementOptions;
+        paymentOptions: StripePaymentElementOptions;
+        elementsOptions: StripeElementsOptions;
+    }>;
+    readonly form: import("@angular/core").InputSignal<import("@angular/forms").FormGroup<{
+        email: import("@angular/forms").FormControl<string>;
+        address: import("@angular/forms").FormGroup<{
+            city: import("@angular/forms").FormControl<string>;
+            country: import("@angular/forms").FormControl<string>;
+            line1: import("@angular/forms").FormControl<string>;
+            line2: import("@angular/forms").FormControl<string>;
+            postalCode: import("@angular/forms").FormControl<string>;
+            state: import("@angular/forms").FormControl<string>;
+        }>;
+        name: import("@angular/forms").FormControl<string>;
+        paymentMethodType: import("@angular/forms").FormControl<string>;
+    }>>;
+    readonly clientSecret: import("@angular/core").InputSignal<string>;
+    readonly ephemeralKey: import("@angular/core").InputSignal<{
+        ephemeralKey: {
+            associated_objects: {
+                id: string;
+            }[];
+            secret: string;
+        };
+    }>;
+    readonly appearance: import("@angular/core").InputSignal<Appearance>;
+    readonly linkOptions: import("@angular/core").InputSignal<StripeLinkAuthenticationElementOptions>;
+    readonly addressOptions: import("@angular/core").InputSignal<StripeAddressElementOptions>;
+    readonly paymentOptions: import("@angular/core").InputSignal<StripePaymentElementOptions>;
+    readonly elementsOptions: import("@angular/core").InputSignal<StripeElementsOptions>;
+    readonly _elementsOptions: import("@angular/core").Signal<{
+        clientSecret: string;
+        mode?: never;
+        fonts?: (import("@stripe/stripe-js").CssFontSource | import("@stripe/stripe-js").CustomFontSource)[];
+        locale?: import("@stripe/stripe-js").StripeElementLocale;
+        appearance?: Appearance;
+        loader?: "always" | "auto" | "never";
+        customerOptions?: import("@stripe/stripe-js").CustomerOptions;
+    } | {
+        clientSecret: string;
+        mode?: "payment" | "setup" | "subscription";
+        currency?: string;
+        amount?: number;
+        setupFutureUsage?: "off_session" | "on_session";
+        setup_future_usage?: "off_session" | "on_session";
+        captureMethod?: "manual" | "automatic";
+        capture_method?: "manual" | "automatic";
+        onBehalfOf?: string;
+        on_behalf_of?: string;
+        paymentMethodTypes?: string[];
+        payment_method_types?: string[];
+        paymentMethodConfiguration?: string;
+        payment_method_configuration?: string;
+        paymentMethodCreation?: "manual";
+        paymentMethodOptions?: {
+            card?: {
+                require_cvc_recollection?: boolean;
+            };
+            us_bank_account?: {
+                financial_connections?: {
+                    permissions?: ("balances" | "ownership" | "payment_method" | "transactions")[];
+                };
+                verification_method?: "automatic" | "instant";
+            };
+        };
+        payment_method_options?: {
+            card?: {
+                require_cvc_recollection?: boolean;
+            };
+            us_bank_account?: {
+                financial_connections?: {
+                    permissions?: ("balances" | "ownership" | "payment_method" | "transactions")[];
+                };
+                verification_method?: "automatic" | "instant";
+            };
+        };
+        externalPaymentMethodTypes?: string[];
+        fonts?: (import("@stripe/stripe-js").CssFontSource | import("@stripe/stripe-js").CustomFontSource)[];
+        locale?: import("@stripe/stripe-js").StripeElementLocale;
+        appearance?: Appearance;
+        loader?: "always" | "auto" | "never";
+        customerOptions?: import("@stripe/stripe-js").CustomerOptions;
+    }>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StripeInputSectionOrganismStore, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<StripeInputSectionOrganismStore, "organisms-stripe-input-section", never, { "form": { "alias": "form"; "required": false; "isSignal": true; }; "clientSecret": { "alias": "clientSecret"; "required": false; "isSignal": true; }; "ephemeralKey": { "alias": "ephemeralKey"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "linkOptions": { "alias": "linkOptions"; "required": false; "isSignal": true; }; "addressOptions": { "alias": "addressOptions"; "required": false; "isSignal": true; }; "paymentOptions": { "alias": "paymentOptions"; "required": false; "isSignal": true; }; "elementsOptions": { "alias": "elementsOptions"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export declare class StripeInputSectionOrganism extends NgAtomicComponent {
+    protected readonly store: StripeInputSectionOrganismStore;
+    readonly stripe: import("ngx-stripe").StripeServiceInterface;
+    readonly linkAuthElement: import("@angular/core").Signal<StripeLinkAuthenticationComponent>;
+    readonly paymentElement: import("@angular/core").Signal<StripePaymentElementComponent>;
+    readonly addressElement: import("@angular/core").Signal<StripeAddressComponent>;
+    readonly paymentElementLoaded: import("@angular/core").Signal<boolean>;
+    readonly paymentElementLoaded$: import("rxjs").Observable<boolean>;
+    constructor();
+    protected onLoad(event: StripeLinkAuthenticationElement): void;
+    protected onChangeAuthentication(event: StripeLinkAuthenticationElementChangeEvent): void;
+    protected onChangeAddress(event: StripeAddressElementChangeEvent): void;
+    protected onChangePayment(event: StripePaymentElementChangeEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StripeInputSectionOrganism, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StripeInputSectionOrganism, "organisms-stripe-input-section", never, {}, {}, never, never, true, [{ directive: typeof StripeInputSectionOrganismStore; inputs: { "form": "form"; "clientSecret": "clientSecret"; "ephemeralKey": "ephemeralKey"; "appearance": "appearance"; "linkOptions": "linkOptions"; "addressOptions": "addressOptions"; "paymentOptions": "paymentOptions"; "elementsOptions": "elementsOptions"; }; outputs: {}; }]>;
+}

package/organisms/table/index.d.ts

@@ -0,0 +1,2 @@
+export * from './index.helpers';
+export * from './table.organism';

package/organisms/table/index.helpers.d.ts

@@ -0,0 +1,71 @@
+import { FormArray, FormBuilder, FormControl, FormGroup, FormRecord } from "@angular/forms";
+import { PaginationFormValue, PaginationService } from "@ng-atomic/common/services/form/pagination";
+import { SortFormValue, SortService } from "@ng-atomic/common/services/form/sort";
+import { Actions } from "@ng-atomic/core";
+import { Column } from "@ng-atomic/common/models";
+import * as i0 from "@angular/core";
+export type ActionsColumnForm = FormGroup<{
+    type: FormControl<'actions'>;
+    name: FormControl<string>;
+    visible: FormControl<boolean>;
+    width: FormControl<number>;
+    actions: FormControl<any>;
+}>;
+export type CheckboxColumnForm = FormGroup<{
+    type: FormControl<'checkbox'>;
+    name: FormControl<string>;
+    visible: FormControl<boolean>;
+    width: FormControl<number>;
+}>;
+export type TextColumnForm = FormGroup<{
+    type: FormControl<'text'>;
+    name: FormControl<string>;
+    visible: FormControl<boolean>;
+    width: FormControl<number>;
+}>;
+export type ColumnsForm = FormArray<FormRecord<ActionsColumnForm | CheckboxColumnForm | TextColumnForm>>;
+export declare function buildColumns(columns: (string | Actions)[]): Column[];
+export declare class IndexTemplateFormBuilder {
+    sort: SortService;
+    pagination: PaginationService;
+    fb: FormBuilder;
+    static buildColumns: typeof buildColumns;
+    build({ query, sort, page, columns, }?: {
+        query?: string;
+        page?: Partial<PaginationFormValue>;
+        sort?: Partial<SortFormValue>;
+        columns?: Column[];
+    }): FormGroup<{
+        query: FormControl<string>;
+        page: FormGroup<{
+            pageSize: FormControl<number>;
+            pageIndex: FormControl<number>;
+            length: FormControl<number>;
+        }>;
+        sort: FormGroup<{
+            key: FormControl<string>;
+            order: FormControl<"asc" | "desc">;
+        }>;
+        columns: FormArray<FormRecord<import("@angular/forms").AbstractControl<any, any>>>;
+    }>;
+    buildColumnsForm(columns: Column[]): FormArray<FormRecord<import("@angular/forms").AbstractControl<any, any>>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IndexTemplateFormBuilder, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<IndexTemplateFormBuilder>;
+}
+export declare function injectIndexFormBuilder(): IndexTemplateFormBuilder;
+export declare function injectIndexForm({ columns, query, }?: {
+    columns?: Column[];
+    query?: string;
+}): FormGroup<{
+    query: FormControl<string>;
+    page: FormGroup<{
+        pageSize: FormControl<number>;
+        pageIndex: FormControl<number>;
+        length: FormControl<number>;
+    }>;
+    sort: FormGroup<{
+        key: FormControl<string>;
+        order: FormControl<"asc" | "desc">;
+    }>;
+    columns: FormArray<FormRecord<import("@angular/forms").AbstractControl<any, any>>>;
+}>;

package/organisms/table/table.organism.d.ts

@@ -0,0 +1,106 @@
+import { PipeTransform } from '@angular/core';
+import { MatTableDataSource } from '@angular/material/table';
+import { DomainPipe } from '@ng-atomic/common/pipes/domain';
+import { Actions, InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
+import { SelectionModel } from '@angular/cdk/collections';
+import { Column, Sort } from '@ng-atomic/common/models';
+import * as i0 from "@angular/core";
+export declare class ResolveColumnsPipe implements PipeTransform {
+    transform(columns: string[]): {
+        type: 'key' | 'actions' | 'checkbox';
+        name: string;
+        payload?: any;
+    }[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<ResolveColumnsPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<ResolveColumnsPipe, "resolveColumns", true>;
+}
+export declare class MapPipe<T> implements PipeTransform {
+    transform(itemOrItems: T | T[], path: string): any | any[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<MapPipe<any>, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<MapPipe<any>, "map", true>;
+}
+export declare class AutoColumnsPipe<T> implements PipeTransform {
+    transform(items: T[]): string[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutoColumnsPipe<any>, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<AutoColumnsPipe<any>, "autoColumns", true>;
+}
+export declare class SortPipe {
+    transform<T>(column: Column, sort: Sort): 'asc' | 'desc' | 'none';
+    static ɵfac: i0.ɵɵFactoryDeclaration<SortPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SortPipe, "sort", true>;
+}
+export declare class ColumnsPipe {
+    transform<T>(columns: Column[]): Column[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnsPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<ColumnsPipe, "columns", true>;
+}
+export declare class TableOrganismStore<T> extends InjectableComponent {
+    readonly domainPipe: DomainPipe;
+    readonly form: import("@angular/core").InputSignal<import("@angular/forms").FormGroup<{
+        query: import("@angular/forms").FormControl<string>;
+        page: import("@angular/forms").FormGroup<{
+            pageSize: import("@angular/forms").FormControl<number>;
+            pageIndex: import("@angular/forms").FormControl<number>;
+            length: import("@angular/forms").FormControl<number>;
+        }>;
+        sort: import("@angular/forms").FormGroup<{
+            key: import("@angular/forms").FormControl<string>;
+            order: import("@angular/forms").FormControl<"asc" | "desc">;
+        }>;
+        columns: import("@angular/forms").FormArray<import("@angular/forms").FormRecord<import("@angular/forms").AbstractControl<any, any>>>;
+    }>>;
+    readonly itemActions: import("@angular/core").InputSignal<Actions>;
+    readonly selection: import("@angular/core").InputSignal<SelectionModel<string>>;
+    readonly highlight: import("@angular/core").InputSignal<SelectionModel<string>>;
+    readonly childrenKey: import("@angular/core").InputSignal<string>;
+    readonly items: import("@angular/core").InputSignal<T[]>;
+    readonly dataSource: import("@angular/core").Signal<MatTableDataSource<T, import("@angular/material/paginator").MatPaginator>>;
+    readonly formValue: import("@angular/core").Signal<Partial<{
+        query: string;
+        page: Partial<{
+            pageSize: number;
+            pageIndex: number;
+            length: number;
+        }>;
+        sort: Partial<{
+            key: string;
+            order: "asc" | "desc";
+        }>;
+        columns: Partial<{
+            [x: string]: any;
+        }>[];
+    }>>;
+    readonly sort: import("@angular/core").Signal<Partial<{
+        key: string;
+        order: "asc" | "desc";
+    }> | {
+        key: string;
+        order: string;
+    }>;
+    readonly columns: import("@angular/core").Signal<{
+        type: string;
+        sort: string;
+        actions?: Actions;
+        name: string;
+        visible: boolean;
+        width: number;
+        headerText?: string;
+    }[]>;
+    readonly columnNames: import("@angular/core").Signal<string[]>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableOrganismStore<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TableOrganismStore<any>, "organisms-table", never, { "form": { "alias": "form"; "required": false; "isSignal": true; }; "itemActions": { "alias": "itemActions"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "highlight": { "alias": "highlight"; "required": false; "isSignal": true; }; "childrenKey": { "alias": "childrenKey"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare enum ActionId {
+    CHECKBOX_CLICK = "[@ng-atomic/components/organisms/checkbox-column] Checkbox Click",
+    HEADER_CLICK = "[@ng-atomic/components/organisms/table] Header Click"
+}
+export declare class TableOrganism<Item extends object> extends NgAtomicComponent {
+    static readonly ActionId: typeof ActionId;
+    protected store: TableOrganismStore<any>;
+    protected onCheckboxClick(item: Item): void;
+    protected onHeaderClick(column: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableOrganism<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableOrganism<any>, "organisms-table", never, {}, {}, never, never, true, [{ directive: typeof TableOrganismStore; inputs: { "form": "form"; "itemActions": "itemActions"; "selection": "selection"; "items": "items"; "childrenKey": "childrenKey"; "highlight": "highlight"; }; outputs: {}; }]>;
+}
+export {};

package/organisms/text-input-section/text-input-section.organism.d.ts

@@ -1,12 +1,19 @@
 import { FormControl } from '@angular/forms';
+import { Action, InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
-export declare class TextInputSectionOrganism {
-    label: string;
-    placeholder: string;
-    type: 'text' | 'number' | 'password';
-    hint?: string;
-    control: FormControl<string>;
-    autoComplete: string[];
+export declare class TextInputSectionOrganismStore extends InjectableComponent {
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly type: import("@angular/core").InputSignal<"number" | "text" | "password">;
+    readonly hint: import("@angular/core").InputSignal<string>;
+    readonly control: import("@angular/core").InputSignal<FormControl<string>>;
+    readonly autoComplete: import("@angular/core").InputSignal<string[]>;
+    readonly actions: import("@angular/core").InputSignal<Action<any>[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextInputSectionOrganismStore, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextInputSectionOrganismStore, "organisms-text-input-section", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "autoComplete": { "alias": "autoComplete"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export declare class TextInputSectionOrganism extends NgAtomicComponent {
+    protected store: TextInputSectionOrganismStore;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextInputSectionOrganism, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextInputSectionOrganism, "organisms-text-input-section", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "type": { "alias": "type"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "control": { "alias": "control"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextInputSectionOrganism, "organisms-text-input-section", never, {}, {}, never, never, true, [{ directive: typeof TextInputSectionOrganismStore; inputs: { "label": "label"; "placeholder": "placeholder"; "type": "type"; "hint": "hint"; "control": "control"; "autoComplete": "autoComplete"; "actions": "actions"; }; outputs: {}; }]>;
 }

package/organisms/text-preview-section/index.d.ts

@@ -0,0 +1 @@
+export * from './text-preview-section.organism';

package/organisms/text-preview-section/text-preview-section.organism.d.ts

@@ -0,0 +1,15 @@
+import { InjectableComponent } from '@ng-atomic/core';
+import * as i0 from "@angular/core";
+export declare class TextPreviewSectionOrganismStore extends InjectableComponent {
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly value: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextPreviewSectionOrganismStore, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextPreviewSectionOrganismStore, "organisms-text-preview-section", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export declare class TextPreviewSectionOrganism {
+    protected readonly store: TextPreviewSectionOrganismStore;
+    readonly labelTemp: import("@angular/core").Signal<unknown>;
+    readonly valueTemp: import("@angular/core").Signal<unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextPreviewSectionOrganism, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextPreviewSectionOrganism, "organisms-text-preview-section", never, {}, {}, ["labelTemp", "valueTemp"], ["*", "*"], true, [{ directive: typeof TextPreviewSectionOrganismStore; inputs: { "label": "label"; "value": "value"; }; outputs: {}; }]>;
+}

package/organisms/textarea-section/textarea-section.organism.d.ts

@@ -1,14 +1,20 @@
-import { EventEmitter } from '@angular/core';
 import { FormControl } from '@angular/forms';
-import { Action } from '@ng-atomic/core';
+import { Action, InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
-export declare class TextareaSectionOrganism {
-    label: string;
-    rows: number;
-    placeholder: string;
-    hint?: string;
-    control: FormControl<string>;
-    action: EventEmitter<Action<any>>;
+export declare class TextareaSectionOrganismStore extends InjectableComponent {
+    readonly appearance: import("@angular/core").InputSignal<"legacy" | "standard" | "fill" | "outline">;
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly rows: import("@angular/core").InputSignal<number>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly floatLabel: import("@angular/core").InputSignal<"auto" | "always" | "never">;
+    readonly hint: import("@angular/core").InputSignal<string>;
+    readonly control: import("@angular/core").InputSignal<FormControl<string>>;
+    readonly actions: import("@angular/core").InputSignal<Action<any>[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextareaSectionOrganismStore, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextareaSectionOrganismStore, "organisms-textarea-section", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export declare class TextareaSectionOrganism extends NgAtomicComponent {
+    protected store: TextareaSectionOrganismStore;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextareaSectionOrganism, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextareaSectionOrganism, "organisms-textarea-section", never, { "label": { "alias": "label"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "control": { "alias": "control"; "required": false; }; }, { "action": "action"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextareaSectionOrganism, "organisms-textarea-section", never, {}, {}, never, never, true, [{ directive: typeof TextareaSectionOrganismStore; inputs: { "appearance": "appearance"; "label": "label"; "rows": "rows"; "placeholder": "placeholder"; "floatLabel": "floatLabel"; "hint": "hint"; "control": "control"; "actions": "actions"; }; outputs: {}; }]>;
 }

package/organisms/thread-messages-section/index.d.ts

@@ -0,0 +1 @@
+export * from './thread-messages-section.organism';

package/organisms/thread-messages-section/thread-messages-section.organism.d.ts

@@ -0,0 +1,14 @@
+import { Actions, NgAtomicComponent } from '@ng-atomic/core';
+import * as i0 from "@angular/core";
+export declare class ThreadMessagesSectionOrganismStore<T> {
+    readonly comments: import("@angular/core").InputSignal<T[]>;
+    readonly noCommentMessage: import("@angular/core").InputSignal<string>;
+    readonly commentActions: import("@angular/core").InputSignal<Actions>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThreadMessagesSectionOrganismStore<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ThreadMessagesSectionOrganismStore<any>, never, never, { "comments": { "alias": "comments"; "required": false; "isSignal": true; }; "noCommentMessage": { "alias": "noCommentMessage"; "required": false; "isSignal": true; }; "commentActions": { "alias": "commentActions"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export declare class ThreadMessagesSectionOrganism extends NgAtomicComponent {
+    protected store: ThreadMessagesSectionOrganismStore<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThreadMessagesSectionOrganism, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThreadMessagesSectionOrganism, "organisms-thread-section", never, {}, {}, never, never, true, [{ directive: typeof ThreadMessagesSectionOrganismStore; inputs: { "comments": "comments"; "noCommentMessage": "noCommentMessage"; "commentActions": "commentActions"; }; outputs: {}; }]>;
+}

package/organisms/time-range-input-section/index.d.ts

@@ -0,0 +1 @@
+export * from './time-range-input-section.organism';

package/organisms/time-range-input-section/time-range-input-section.organism.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class TimeRangeInputSectionOrganism {
+    control: import("@angular/forms").FormGroup<{
+        start: import("@angular/forms").FormControl<string>;
+        end: import("@angular/forms").FormControl<string>;
+    }>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimeRangeInputSectionOrganism, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimeRangeInputSectionOrganism, "organisms-time-range-input-section", never, { "control": { "alias": "control"; "required": false; }; }, {}, never, never, true, never>;
+}

package/organisms/video-section/index.d.ts

@@ -0,0 +1 @@
+export * from './video-section.organism';

package/organisms/video-section/video-section.organism.d.ts

@@ -0,0 +1,41 @@
+import { ElementRef } from '@angular/core';
+import { YouTubePlayer } from '@angular/youtube-player';
+import * as i0 from "@angular/core";
+export declare class VideoSectionOrganismStore {
+    readonly src: import("@angular/core").InputSignal<string | MediaStream>;
+    readonly autoplay: import("@angular/core").InputSignal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VideoSectionOrganismStore, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<VideoSectionOrganismStore, never, never, { "src": { "alias": "src"; "required": false; "isSignal": true; }; "autoplay": { "alias": "autoplay"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export declare class VideoIdPipe {
+    transform(src: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VideoIdPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<VideoIdPipe, "videoId", true>;
+}
+export declare class VideoTypePipe {
+    transform(src: string | MediaStream): "stream" | "youtube" | "video";
+    static ɵfac: i0.ɵɵFactoryDeclaration<VideoTypePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<VideoTypePipe, "videoType", true>;
+}
+export declare class StreamDirective {
+    protected el: ElementRef<any>;
+    set stream(stream: MediaStream);
+    static ɵfac: i0.ɵɵFactoryDeclaration<StreamDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<StreamDirective, "[stream]", never, { "stream": { "alias": "stream"; "required": false; }; }, {}, never, never, true, never>;
+}
+export declare class VideoSectionOrganism {
+    protected readonly store: VideoSectionOrganismStore;
+    protected readonly width: import("@angular/core").WritableSignal<number>;
+    protected readonly el: ElementRef<any>;
+    protected readonly platformId: Object;
+    protected readonly isPlatformBrowser: boolean;
+    readonly youtubePlayer: import("@angular/core").Signal<YouTubePlayer>;
+    readonly youtubePlayer$: import("rxjs").Observable<YouTubePlayer>;
+    readonly video: import("@angular/core").Signal<ElementRef<HTMLVideoElement>>;
+    videoHeight: number | undefined;
+    videoWidth: number | undefined;
+    readonly interval$: import("rxjs").Observable<number>;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VideoSectionOrganism, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VideoSectionOrganism, "organisms-video-section", never, {}, {}, never, never, true, [{ directive: typeof VideoSectionOrganismStore; inputs: { "src": "src"; "autoplay": "autoplay"; }; outputs: {}; }]>;
+}