af-connect-components 0.0.35 → 18.0.0

package/lib/af-connect-footer/af-connect-footer.component.d.ts

@@ -1,166 +1,166 @@
-import { BreakpointLibService } from '../services/breakpoint.service';
-import * as i0 from "@angular/core";
-export interface SocialLink {
-    link: string;
-    isHidden?: boolean;
-}
-export interface SectionItem {
-    title: string;
-    link?: string;
-    isHidden?: boolean;
-    bold?: boolean;
-}
-export interface Section {
-    title?: string;
-    sectionItems: SectionItem[];
-}
-export interface FooterConfig {
-    bannerTitle?: string | undefined;
-    instagram?: SocialLink;
-    linkedIn?: SocialLink;
-    facebook?: SocialLink;
-    twitter?: SocialLink;
-    whatsapp?: SocialLink;
-    sections?: Section[];
-    address?: Section[];
-}
-export declare class AfConnectFooterComponent {
-    breakpointService: BreakpointLibService;
-    constructor(breakpointService: BreakpointLibService);
-    config: FooterConfig | undefined;
-    isBottomBannerHidden: boolean;
-    isFooterContentHidden: boolean;
-    backgroundColor: string;
-    centered: boolean;
-    get getMobileAddress(): string;
-    set showCallMeBack(value: boolean);
-    /**
-       Footer component for AF Angular Websites. A config object can be passed to change data partially or fully.
-  
-       public exampleTestConfig: FooterConfig = {
-        bannerTitle: 'test'
-       }
-  
-       Passing the exampleTestConfig will replace only the banner. Everything else will be loaded from the default config.
-  
-  
-       defaultConfig: FooterConfig = {
-      sections: [
-        {
-          title: 'COMPANY',
-          sectionItems: [
-            {
-              title: 'Investor relations',
-              link: 'https://investors.alexforbes.com/'
-            },
-            {
-              title: 'Careers',
-              link: 'https://www.alexforbes.com/za/en/about/careers.html'
-            },
-            {
-              title: 'Procurement',
-              link: 'https://www.alexforbes.com/za/en/about/procurement.html'
-            },
-            {
-              title: 'Risk & Compliance',
-              link: 'https://www.alexanderforbesinvestments.co.za/about-us/risk-and-compliance'
-            },
-          ]
-        },
-        {
-          title: 'RESOURCES',
-          sectionItems: [
-            {
-              title: 'Business directory',
-              link: 'https://www.alexforbes.com/za/en/contact/business-directory.html'
-            },
-            {
-              title: 'Compliments',
-              link: 'https://www.alexforbes.com/za/en/contact/compliments.html'
-            },
-            {
-              title: 'Complaints',
-              link: 'https://www.alexforbes.com/za/en/contact/Complaints.html'
-            },
-            {
-              title: 'Report fraud',
-              link: 'https://www.alexforbes.com/za/en/contact/Report-fraud.html'
-            },
-            {
-              title: 'Unclaimed benefits',
-              link: 'https://www.alexforbes.com/za/en/corporate/products-corporate/unclaimed-benefits-fund.html'
-            },
-          ]
-        },
-      ],
-      address: [
-        {
-          title: 'Head Office',
-          sectionItems: [
-            {
-              title: 'Contact information',
-            },
-            {
-              title: 'Email : info@alexforbes.com',
-            },
-            {
-              title: 'Telephone : +27 11 269 0000',
-            },
-            {
-              title: 'Fax : +27 11 263 0149',
-            },
-          ]
-        },
-        {
-          title: '',
-          sectionItems: [
-            {
-              title: 'Address',
-            },
-            {
-              title: 'Alexforbes',
-            },
-            {
-              title: '115 West Street',
-            },
-            {
-              title: 'Sandton, 2196',
-            },
-          ]
-        },
-      ],
-      bannerTitle: 'Copyright 2022 Alexander Forbes Group Holdings Limited.',
-      instagram: {
-        link: 'https://www.instagram.com/alexforbesofficial',
-        isHidden: false,
-      },
-      linkedIn: {
-        link: 'https://www.linkedin.com/company/alexforbesofficial',
-        isHidden: false,
-      },
-      facebook: {
-        link: 'https://www.facebook.com/alexforbesofficial/',
-        isHidden: false,
-      },
-      twitter: {
-        link: 'https://twitter.com/alexforbes',
-        isHidden: false,
-      }
-    }
-       */
-    defaultConfig: FooterConfig;
-    openLegalTerms(): void;
-    openPrivacyPolicy(): void;
-    openPaiaManual(): void;
-    getFooterStyling(): {
-        'background-color': string;
-        'grid-template-columns': string;
-        'justify-content': string;
-    } | {
-        'background-color': string;
-        'grid-template-columns': string;
-        'justify-content'?: undefined;
-    };
-    static ɵfac: i0.ɵɵFactoryDeclaration<AfConnectFooterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AfConnectFooterComponent, "lib-af-connect-footer", never, { "config": "config"; "isBottomBannerHidden": "isBottomBannerHidden"; "isFooterContentHidden": "isFooterContentHidden"; "backgroundColor": "backgroundColor"; "centered": "centered"; "showCallMeBack": "showCallMeBack"; }, {}, never, never, false, never>;
-}
+import { BreakpointLibService } from '../services/breakpoint.service';
+import * as i0 from "@angular/core";
+export interface SocialLink {
+    link: string;
+    isHidden?: boolean;
+}
+export interface SectionItem {
+    title: string;
+    link?: string;
+    isHidden?: boolean;
+    bold?: boolean;
+}
+export interface Section {
+    title?: string;
+    sectionItems: SectionItem[];
+}
+export interface FooterConfig {
+    bannerTitle?: string | undefined;
+    instagram?: SocialLink;
+    linkedIn?: SocialLink;
+    facebook?: SocialLink;
+    twitter?: SocialLink;
+    whatsapp?: SocialLink;
+    sections?: Section[];
+    address?: Section[];
+}
+export declare class AfConnectFooterComponent {
+    breakpointService: BreakpointLibService;
+    constructor(breakpointService: BreakpointLibService);
+    config: FooterConfig | undefined;
+    isBottomBannerHidden: boolean;
+    isFooterContentHidden: boolean;
+    backgroundColor: string;
+    centered: boolean;
+    get getMobileAddress(): string;
+    set showCallMeBack(value: boolean);
+    /**
+       Footer component for AF Angular Websites. A config object can be passed to change data partially or fully.
+  
+       public exampleTestConfig: FooterConfig = {
+        bannerTitle: 'test'
+       }
+  
+       Passing the exampleTestConfig will replace only the banner. Everything else will be loaded from the default config.
+  
+  
+       defaultConfig: FooterConfig = {
+      sections: [
+        {
+          title: 'COMPANY',
+          sectionItems: [
+            {
+              title: 'Investor relations',
+              link: 'https://investors.alexforbes.com/'
+            },
+            {
+              title: 'Careers',
+              link: 'https://www.alexforbes.com/za/en/about/careers.html'
+            },
+            {
+              title: 'Procurement',
+              link: 'https://www.alexforbes.com/za/en/about/procurement.html'
+            },
+            {
+              title: 'Risk & Compliance',
+              link: 'https://www.alexanderforbesinvestments.co.za/about-us/risk-and-compliance'
+            },
+          ]
+        },
+        {
+          title: 'RESOURCES',
+          sectionItems: [
+            {
+              title: 'Business directory',
+              link: 'https://www.alexforbes.com/za/en/contact/business-directory.html'
+            },
+            {
+              title: 'Compliments',
+              link: 'https://www.alexforbes.com/za/en/contact/compliments.html'
+            },
+            {
+              title: 'Complaints',
+              link: 'https://www.alexforbes.com/za/en/contact/Complaints.html'
+            },
+            {
+              title: 'Report fraud',
+              link: 'https://www.alexforbes.com/za/en/contact/Report-fraud.html'
+            },
+            {
+              title: 'Unclaimed benefits',
+              link: 'https://www.alexforbes.com/za/en/corporate/products-corporate/unclaimed-benefits-fund.html'
+            },
+          ]
+        },
+      ],
+      address: [
+        {
+          title: 'Head Office',
+          sectionItems: [
+            {
+              title: 'Contact information',
+            },
+            {
+              title: 'Email : info@alexforbes.com',
+            },
+            {
+              title: 'Telephone : +27 11 269 0000',
+            },
+            {
+              title: 'Fax : +27 11 263 0149',
+            },
+          ]
+        },
+        {
+          title: '',
+          sectionItems: [
+            {
+              title: 'Address',
+            },
+            {
+              title: 'Alexforbes',
+            },
+            {
+              title: '115 West Street',
+            },
+            {
+              title: 'Sandton, 2196',
+            },
+          ]
+        },
+      ],
+      bannerTitle: 'Copyright 2022 Alexander Forbes Group Holdings Limited.',
+      instagram: {
+        link: 'https://www.instagram.com/alexforbesofficial',
+        isHidden: false,
+      },
+      linkedIn: {
+        link: 'https://www.linkedin.com/company/alexforbesofficial',
+        isHidden: false,
+      },
+      facebook: {
+        link: 'https://www.facebook.com/alexforbesofficial/',
+        isHidden: false,
+      },
+      twitter: {
+        link: 'https://twitter.com/alexforbes',
+        isHidden: false,
+      }
+    }
+       */
+    defaultConfig: FooterConfig;
+    openLegalTerms(): void;
+    openPrivacyPolicy(): void;
+    openPaiaManual(): void;
+    getFooterStyling(): {
+        'background-color': string;
+        'grid-template-columns': string;
+        'justify-content': string;
+    } | {
+        'background-color': string;
+        'grid-template-columns': string;
+        'justify-content'?: undefined;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<AfConnectFooterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AfConnectFooterComponent, "lib-af-connect-footer", never, { "config": { "alias": "config"; "required": false; }; "isBottomBannerHidden": { "alias": "isBottomBannerHidden"; "required": false; }; "isFooterContentHidden": { "alias": "isFooterContentHidden"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "centered": { "alias": "centered"; "required": false; }; "showCallMeBack": { "alias": "showCallMeBack"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/af-connect-form-group/af-connect-form-group.component.d.ts

@@ -1,5 +1,5 @@
-import * as i0 from "@angular/core";
-export declare class AfConnectFormGroupComponent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<AfConnectFormGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AfConnectFormGroupComponent, "lib-af-connect-form-group", never, {}, {}, never, ["*"], false, never>;
-}
+import * as i0 from "@angular/core";
+export declare class AfConnectFormGroupComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AfConnectFormGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AfConnectFormGroupComponent, "lib-af-connect-form-group", never, {}, {}, never, ["*"], false, never>;
+}

package/lib/af-connect-form-validation-errors/af-connect-form-validation-errors.component.d.ts

@@ -1,10 +1,10 @@
-import { FormControl } from '@angular/forms';
-import { numberWithCommas } from '../utilities/number.util';
-import * as i0 from "@angular/core";
-export declare class AfConnectFormValidationErrorsComponent {
-    fieldText: string;
-    control: FormControl;
-    convertToNumberWithCommas: typeof numberWithCommas;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AfConnectFormValidationErrorsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AfConnectFormValidationErrorsComponent, "lib-af-connect-form-validation-errors", never, { "fieldText": "fieldText"; "control": "control"; }, {}, never, never, false, never>;
-}
+import { FormControl } from '@angular/forms';
+import { numberWithCommas } from '../utilities/number.util';
+import * as i0 from "@angular/core";
+export declare class AfConnectFormValidationErrorsComponent {
+    fieldText: string;
+    control: FormControl;
+    convertToNumberWithCommas: typeof numberWithCommas;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AfConnectFormValidationErrorsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AfConnectFormValidationErrorsComponent, "lib-af-connect-form-validation-errors", never, { "fieldText": { "alias": "fieldText"; "required": false; }; "control": { "alias": "control"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/af-connect-header/af-connect-header.component.d.ts

@@ -1,18 +1,18 @@
-import { EventEmitter } from '@angular/core';
-import { UserType } from '../af-connect-profile-dropdown/af-connect-profile-dropdown.component';
-import * as i0 from "@angular/core";
-export declare class AfConnectHeaderComponent {
-    username: string;
-    isLogoHidden: boolean;
-    userType: UserType.Institutional | UserType.Retail;
-    hasSwitchIndicator: boolean;
-    callMeBack: EventEmitter<void>;
-    contactAdviser: EventEmitter<void>;
-    resetPassword: EventEmitter<void>;
-    logout: EventEmitter<void>;
-    switchUserType: EventEmitter<UserType>;
-    refresh(): void;
-    switch(type: UserType): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AfConnectHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AfConnectHeaderComponent, "lib-af-connect-header", never, { "username": "username"; "isLogoHidden": "isLogoHidden"; "userType": "userType"; "hasSwitchIndicator": "hasSwitchIndicator"; }, { "callMeBack": "callMeBack"; "contactAdviser": "contactAdviser"; "resetPassword": "resetPassword"; "logout": "logout"; "switchUserType": "switchUserType"; }, never, never, false, never>;
-}
+import { EventEmitter } from '@angular/core';
+import { UserType } from '../af-connect-profile-dropdown/af-connect-profile-dropdown.component';
+import * as i0 from "@angular/core";
+export declare class AfConnectHeaderComponent {
+    username: string;
+    isLogoHidden: boolean;
+    userType: UserType.Institutional | UserType.Retail;
+    hasSwitchIndicator: boolean;
+    callMeBack: EventEmitter<void>;
+    contactAdviser: EventEmitter<void>;
+    resetPassword: EventEmitter<void>;
+    logout: EventEmitter<void>;
+    switchUserType: EventEmitter<UserType>;
+    refresh(): void;
+    switch(type: UserType): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AfConnectHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AfConnectHeaderComponent, "lib-af-connect-header", never, { "username": { "alias": "username"; "required": false; }; "isLogoHidden": { "alias": "isLogoHidden"; "required": false; }; "userType": { "alias": "userType"; "required": false; }; "hasSwitchIndicator": { "alias": "hasSwitchIndicator"; "required": false; }; }, { "callMeBack": "callMeBack"; "contactAdviser": "contactAdviser"; "resetPassword": "resetPassword"; "logout": "logout"; "switchUserType": "switchUserType"; }, never, never, false, never>;
+}

package/lib/af-connect-inline-error/af-connect-inline-error.component.d.ts

@@ -1,13 +1,13 @@
-import * as i0 from "@angular/core";
-export declare enum Severity {
-    Error = "Error!",
-    Warning = "Warning!"
-}
-export declare class AfConnectInlineErrorComponent {
-    severity: Severity;
-    message: string;
-    src: string;
-    size: 'large' | 'medium' | 'small' | 'none';
-    static ɵfac: i0.ɵɵFactoryDeclaration<AfConnectInlineErrorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AfConnectInlineErrorComponent, "lib-af-connect-inline-error", never, { "severity": "severity"; "message": "message"; "src": "src"; "size": "size"; }, {}, never, never, false, never>;
-}
+import * as i0 from "@angular/core";
+export declare enum Severity {
+    Error = "Error!",
+    Warning = "Warning!"
+}
+export declare class AfConnectInlineErrorComponent {
+    severity: Severity;
+    message: string;
+    src: string;
+    size: 'large' | 'medium' | 'small' | 'none';
+    static ɵfac: i0.ɵɵFactoryDeclaration<AfConnectInlineErrorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AfConnectInlineErrorComponent, "lib-af-connect-inline-error", never, { "severity": { "alias": "severity"; "required": false; }; "message": { "alias": "message"; "required": false; }; "src": { "alias": "src"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/af-connect-input/af-connect-input.component.d.ts

@@ -1,36 +1,36 @@
-import { ChangeDetectorRef, Injector, OnInit, EventEmitter } from '@angular/core';
-import { ControlValueAccessor, FormControl } from '@angular/forms';
-import * as i0 from "@angular/core";
-export declare class AfConnectInputComponent implements ControlValueAccessor, OnInit {
-    private injector;
-    private cdr;
-    private _value;
-    label: string;
-    errorReferenceText: string;
-    placeholder: string;
-    isDisabled: boolean;
-    withAsterisk: boolean;
-    variant: 'editable' | 'non-editable' | 'read-only';
-    type: 'text' | 'number' | 'date' | 'password';
-    maxLength: number;
-    id: string;
-    step: number;
-    noFormEnabledBorder: boolean;
-    onChange: EventEmitter<any>;
-    handleInputChange($event: Event): void;
-    control: FormControl;
-    get value(): string;
-    set value(value: string);
-    constructor(injector: Injector, cdr: ChangeDetectorRef);
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    private propagateChange;
-    private propagateTouch;
-    writeValue(obj: any): void;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
-    setDisabledState?(isDisabled: boolean): void;
-    onBlur(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AfConnectInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AfConnectInputComponent, "lib-af-connect-input", never, { "label": "label"; "errorReferenceText": "errorReferenceText"; "placeholder": "placeholder"; "isDisabled": "isDisabled"; "withAsterisk": "withAsterisk"; "variant": "variant"; "type": "type"; "maxLength": "maxLength"; "id": "id"; "step": "step"; "noFormEnabledBorder": "noFormEnabledBorder"; "value": "value"; }, { "onChange": "onChange"; }, never, never, false, never>;
-}
+import { ChangeDetectorRef, Injector, OnInit, EventEmitter } from '@angular/core';
+import { ControlValueAccessor, FormControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class AfConnectInputComponent implements ControlValueAccessor, OnInit {
+    private injector;
+    private cdr;
+    private _value;
+    label: string;
+    errorReferenceText: string;
+    placeholder: string;
+    isDisabled: boolean;
+    withAsterisk: boolean;
+    variant: 'editable' | 'non-editable' | 'read-only';
+    type: 'text' | 'number' | 'date' | 'password';
+    maxLength: number;
+    id: string;
+    step: number;
+    noFormEnabledBorder: boolean;
+    onChange: EventEmitter<any>;
+    handleInputChange($event: Event): void;
+    control: FormControl;
+    get value(): string;
+    set value(value: string);
+    constructor(injector: Injector, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    private propagateChange;
+    private propagateTouch;
+    writeValue(obj: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    onBlur(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AfConnectInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AfConnectInputComponent, "lib-af-connect-input", never, { "label": { "alias": "label"; "required": false; }; "errorReferenceText": { "alias": "errorReferenceText"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "withAsterisk": { "alias": "withAsterisk"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "type": { "alias": "type"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "id": { "alias": "id"; "required": false; }; "step": { "alias": "step"; "required": false; }; "noFormEnabledBorder": { "alias": "noFormEnabledBorder"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "onChange": "onChange"; }, never, never, false, never>;
+}

package/lib/af-connect-loading-spinner/af-connect-loading-spinner.component.d.ts

@@ -1,8 +1,8 @@
-import * as i0 from "@angular/core";
-export declare class AfConnectLoadingSpinnerComponent {
-    size: 'standard' | 'small';
-    constructor();
-    ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AfConnectLoadingSpinnerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AfConnectLoadingSpinnerComponent, "lib-af-connect-loading-spinner", never, { "size": "size"; }, {}, never, never, false, never>;
-}
+import * as i0 from "@angular/core";
+export declare class AfConnectLoadingSpinnerComponent {
+    size: 'standard' | 'small';
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AfConnectLoadingSpinnerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AfConnectLoadingSpinnerComponent, "lib-af-connect-loading-spinner", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/af-connect-modal/af-connect-modal.component.d.ts

@@ -1,46 +1,46 @@
-import { ElementRef, EventEmitter, OnDestroy, QueryList } from '@angular/core';
-import { AfConnectButtonComponent } from '../af-connect-button/af-connect-button.component';
-import { AfConnectSvgButtonComponent } from '../af-connect-svg-button/af-connect-svg-button.component';
-import * as i0 from "@angular/core";
-/**
-   Example usage
-     <afc-modal>
-     <afc-button isOpenButton title="Open Modal"></afc-button>
-      <div class="content">
-      <afc-button emitValue="isCloseModal" title="Close Modal"></afc-button>
-      <h1> This is test modal </h1>
-      </div>
-     </afc-modal>
-     
-  isOpenButton tag specifies which element triggers the modal (usually a button), and it is always shown.
-  Pass [isCloseButton]="true" to a button to specify which buttons in the modal should be used
-  for closing the modal.Everything that does not have isOpenButton tag is the content of the modal.
-
-  No additional event handling required for open/close of the modal.
-  
-          
-*/
-export declare class AfConnectModalComponent implements OnDestroy {
-    isOpen: boolean;
-    disableOutsideClickClose: boolean;
-    withCloseButton: boolean;
-    variant: 'standard' | 'error' | 'info';
-    header: string;
-    content: string;
-    width: number;
-    noScrollbarContentContainer: boolean;
-    reversedPadding: boolean;
-    borderHighlight: boolean;
-    onClose: EventEmitter<boolean>;
-    buttons: QueryList<AfConnectButtonComponent>;
-    svgButton: QueryList<AfConnectSvgButtonComponent>;
-    constructor(elementRef: ElementRef);
-    ngAfterViewInit(): void;
-    nativeElement: HTMLElement;
-    toggleModal(): void;
-    externalClickClose(e: Event): void;
-    ngOnDestroy(): void;
-    private closeFromModal;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AfConnectModalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AfConnectModalComponent, "lib-af-connect-modal", never, { "isOpen": "isOpen"; "disableOutsideClickClose": "disableOutsideClickClose"; "withCloseButton": "withCloseButton"; "variant": "variant"; "header": "header"; "content": "content"; "width": "width"; "noScrollbarContentContainer": "noScrollbarContentContainer"; "reversedPadding": "reversedPadding"; "borderHighlight": "borderHighlight"; }, { "onClose": "onClose"; }, ["buttons", "svgButton"], ["[isOpenButton]", "*"], false, never>;
-}
+import { ElementRef, EventEmitter, OnDestroy, QueryList } from '@angular/core';
+import { AfConnectButtonComponent } from '../af-connect-button/af-connect-button.component';
+import { AfConnectSvgButtonComponent } from '../af-connect-svg-button/af-connect-svg-button.component';
+import * as i0 from "@angular/core";
+/**
+   Example usage
+     <afc-modal>
+     <afc-button isOpenButton title="Open Modal"></afc-button>
+      <div class="content">
+      <afc-button emitValue="isCloseModal" title="Close Modal"></afc-button>
+      <h1> This is test modal </h1>
+      </div>
+     </afc-modal>
+     
+  isOpenButton tag specifies which element triggers the modal (usually a button), and it is always shown.
+  Pass [isCloseButton]="true" to a button to specify which buttons in the modal should be used
+  for closing the modal.Everything that does not have isOpenButton tag is the content of the modal.
+
+  No additional event handling required for open/close of the modal.
+  
+          
+*/
+export declare class AfConnectModalComponent implements OnDestroy {
+    isOpen: boolean;
+    disableOutsideClickClose: boolean;
+    withCloseButton: boolean;
+    variant: 'standard' | 'error' | 'info';
+    header: string;
+    content: string;
+    width: number;
+    noScrollbarContentContainer: boolean;
+    reversedPadding: boolean;
+    borderHighlight: boolean;
+    onClose: EventEmitter<boolean>;
+    buttons: QueryList<AfConnectButtonComponent>;
+    svgButton: QueryList<AfConnectSvgButtonComponent>;
+    constructor(elementRef: ElementRef);
+    ngAfterViewInit(): void;
+    nativeElement: HTMLElement;
+    toggleModal(): void;
+    externalClickClose(e: Event): void;
+    ngOnDestroy(): void;
+    private closeFromModal;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AfConnectModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AfConnectModalComponent, "lib-af-connect-modal", never, { "isOpen": { "alias": "isOpen"; "required": false; }; "disableOutsideClickClose": { "alias": "disableOutsideClickClose"; "required": false; }; "withCloseButton": { "alias": "withCloseButton"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "header": { "alias": "header"; "required": false; }; "content": { "alias": "content"; "required": false; }; "width": { "alias": "width"; "required": false; }; "noScrollbarContentContainer": { "alias": "noScrollbarContentContainer"; "required": false; }; "reversedPadding": { "alias": "reversedPadding"; "required": false; }; "borderHighlight": { "alias": "borderHighlight"; "required": false; }; }, { "onClose": "onClose"; }, ["buttons", "svgButton"], ["[isOpenButton]", "*"], false, never>;
+}