@kaspacom/ui/lib/showcase/design-system-showcase.component.d.ts

UI Component Library for KaspaCom DeFi Applications

import { ElementRef, AfterViewInit, TemplateRef } from '@angular/core';
import { SplitButtonOption } from '../../lib/form-controls/components/split-button/split-button.models';
import { NotificationService } from '../../lib/snackbar/notification.service';
import { NotificationType } from '../../lib/snackbar/snackbar.models';
import { ComponentSize } from '../../lib/form-controls/types/sizing.type';
import { SwitchNavigationOption, SwitchNavigationVariant } from '../../lib/form-controls/components/switch-navigation/switch-navigation.types';
import { DropdownOption } from '../../lib/form-controls/components/dropdown-select/dropdown-select.models';
import { ToggleVariant } from '../../lib/form-controls/types/toggle-variant.type';
import * as i0 from "@angular/core";
export declare class DesignSystemShowcaseComponent implements AfterViewInit {
    private notificationService;
    successTemplate: TemplateRef<any>;
    errorTemplate: TemplateRef<any>;
    NotificationType: typeof NotificationType;
    options: DropdownOption[];
    emptyOptions: DropdownOption[];
    longOptions: DropdownOption[];
    sections: {
        id: string;
        name: string;
    }[];
    currentSection: string;
    activeModal: 'basic' | 'withIcon' | 'autoWidth' | null;
    componentSizes: Record<string, ComponentSize>;
    inputValue: string;
    numberOutOfRange: number;
    dynamicValidState: boolean;
    validatedInputValue: string;
    validationEventValue: string;
    validationStatus: boolean;
    switchNavOptions: SwitchNavigationOption[];
    switchNavCurrentActive: string;
    switchNavVariant: SwitchNavigationVariant;
    switchNavSize: ComponentSize;
    switchNavDisabled: boolean;
    splitButtonOptions: SplitButtonOption[];
    splitButtonIconOptions: SplitButtonOption[];
    toggleValue: boolean;
    toggleVariant: ToggleVariant;
    toggleSize: ComponentSize;
    toggleDisabled: boolean;
    toggleWithLabel: boolean;
    toggleDisabledOn: boolean;
    buttonSection: ElementRef;
    splitButtonsSection: ElementRef;
    dropdownsSection: ElementRef;
    multiselectSection: ElementRef;
    modalsSection: ElementRef;
    iconsSection: ElementRef;
    inputsSection: ElementRef;
    snackbarSection: ElementRef;
    cardSection: ElementRef;
    chipsSection: ElementRef;
    tooltipSection: ElementRef;
    switchNavSection: ElementRef;
    toggleSection: ElementRef;
    tableSection: ElementRef;
    sectionRefs: {
        [key: string]: ElementRef;
    };
    disabledButton: import("@angular/core").WritableSignal<boolean>;
    loadingButton: import("@angular/core").WritableSignal<boolean>;
    constructor(notificationService: NotificationService);
    ngAfterViewInit(): void;
    onSwitchNavSelect(key: string): void;
    toggleSwitchNavDisabled(): void;
    showNotification(type: NotificationType): void;
    showCustomSuccess(): void;
    showCustomError(): void;
    observeSections(): void;
    scrollToSection(sectionId: string): void;
    openModal(modalType: 'basic' | 'withIcon' | 'autoWidth'): void;
    closeModal(): void;
    toggleValidationState(): void;
    onValidationChange(isValid: boolean): void;
    toggleLoadingButton(): void;
    simulateLoading(): void;
    onSplitButtonOptionClick(option: SplitButtonOption): void;
    onToggleChange(value: boolean): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<DesignSystemShowcaseComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<DesignSystemShowcaseComponent, "design-system-showcase", never, {}, {}, never, never, true, never>;
}
//# sourceMappingURL=design-system-showcase.component.d.ts.map