import * as _qualcomm_ui_angular_core_machine from '@qualcomm-ui/angular-core/machine'; import { BaseApiContextService, ApiContextDirective } from '@qualcomm-ui/angular-core/machine'; import * as i0 from '@angular/core'; import * as _qualcomm_ui_qds_core_tabs from '@qualcomm-ui/qds-core/tabs'; import { QdsTabsApi, QdsTabsApiProps, QdsTabsIconVariant, QdsTabsSize, QdsTabsVariant } from '@qualcomm-ui/qds-core/tabs'; import { LucideIconOrString } from '@qualcomm-ui/angular-core/lucide'; import { CoreTabButtonDirective, CoreTabDismissButtonDirective, CoreTabRootDirective, CoreTabsIndicatorDirective, CoreTabsListDirective, CoreTabsPanelDirective, CoreTabsRootDirective } from '@qualcomm-ui/angular-core/tabs'; import * as _qualcomm_ui_qds_core_inline_icon_button from '@qualcomm-ui/qds-core/inline-icon-button'; import { TabsApi } from '@qualcomm-ui/core/tabs'; import { SignalifyInput } from '@qualcomm-ui/angular-core/signals'; import { Booleanish } from '@qualcomm-ui/utils/coercion'; import * as i9 from '@qualcomm-ui/angular/icon'; declare class QdsTabsContextService extends BaseApiContextService { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵprov: i0.ɵɵInjectableDeclaration; } declare const QDS_TABS_CONTEXT: i0.InjectionToken<() => QdsTabsApi>; declare const useQdsTabsContext: (opts?: _qualcomm_ui_angular_core_machine.UseContextOpts | undefined) => Optional extends true ? (() => QdsTabsApi) | null : () => QdsTabsApi; declare const provideQdsTabsContext: () => i0.Provider[]; declare class TabButtonDirective extends CoreTabButtonDirective { /** * {@link https://lucide.dev/icons lucide-angular} icon, positioned after the label. * * @remarks * To customize the element, provide it using the directive instead: * ```angular-html * * ``` */ readonly endIcon: i0.InputSignal; /** * {@link https://lucide.dev/icons lucide-angular} icon, positioned before the label. * * @remarks * To customize the element, provide it using the directive instead: * ```angular-html * * ``` */ readonly startIcon: i0.InputSignal; protected readonly qdsContext: () => _qualcomm_ui_qds_core_tabs.QdsTabsApi; constructor(); static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } declare class TabDismissButtonDirective extends CoreTabDismissButtonDirective { protected readonly qdsContext: () => _qualcomm_ui_qds_core_tabs.QdsTabsApi; protected readonly inlineIconButtonApi: i0.Signal<_qualcomm_ui_qds_core_inline_icon_button.QdsInlineIconButtonApi>; constructor(); static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } declare class TabRootDirective extends CoreTabRootDirective { protected readonly qdsContext: () => _qualcomm_ui_qds_core_tabs.QdsTabsApi; constructor(); static ɵfac: i0.ɵɵFactoryDeclaration; static ɵdir: i0.ɵɵDirectiveDeclaration; } /** * Access the API of the {@link TabsRootDirective} in the template. * * @example * ```angular-html *
* * * *
* ``` */ declare class TabsContextDirective extends ApiContextDirective { constructor(); /** * Provides intellisense for the context in the template. */ static ngTemplateContextGuard(dir: TabsContextDirective, ctx: unknown): ctx is { $implicit: TabsApi; }; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵdir: i0.ɵɵDirectiveDeclaration; } declare class TabsIndicatorDirective extends CoreTabsIndicatorDirective { protected readonly qdsContext: () => _qualcomm_ui_qds_core_tabs.QdsTabsApi; constructor(); static ɵfac: i0.ɵɵFactoryDeclaration; static ɵdir: i0.ɵɵDirectiveDeclaration; } declare class TabsListDirective extends CoreTabsListDirective { protected readonly qdsContext: () => _qualcomm_ui_qds_core_tabs.QdsTabsApi; constructor(); static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } declare class TabsPanelDirective extends CoreTabsPanelDirective { protected readonly qdsContext: () => _qualcomm_ui_qds_core_tabs.QdsTabsApi; constructor(); static ɵfac: i0.ɵɵFactoryDeclaration; static ɵdir: i0.ɵɵDirectiveDeclaration; } declare class TabsRootDirective extends CoreTabsRootDirective implements SignalifyInput { /** * If true, the indicator's position change will animate when the active tab * changes. Only applies to the `line` variant. * * @default true */ readonly animateIndicator: i0.InputSignalWithTransform; /** * The visual style of tab icons. * @option `'ghost'`: The icon is rendered with a transparent background. * @option `'filled'`: The icon is rendered with a solid background. * @default 'ghost' */ readonly iconVariant: i0.InputSignal; /** * Governs the size of the tab text, icons, spacing, and padding. Note that `lg` * and `xl` are not supported by the contained {@link variant}. * * @default 'md' */ readonly size: i0.InputSignal; /** * Governs the appearance of the tab. * @option `'line'`: active tab items have a line underneath them. * @option `'contained'`: active tab items have a box-like appearance. */ readonly variant: i0.InputSignal; protected readonly qdsTabsService: QdsTabsContextService; constructor(); ngOnInit(): void; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵdir: i0.ɵɵDirectiveDeclaration; } declare class TabsModule { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵmod: i0.ɵɵNgModuleDeclaration; static ɵinj: i0.ɵɵInjectorDeclaration; } export { QDS_TABS_CONTEXT, QdsTabsContextService, TabButtonDirective, TabDismissButtonDirective, TabRootDirective, TabsContextDirective, TabsIndicatorDirective, TabsListDirective, TabsModule, TabsPanelDirective, TabsRootDirective, provideQdsTabsContext, useQdsTabsContext }; //# sourceMappingURL=qualcomm-ui-angular-tabs.d.ts.map