@alauda/ui 9.1.1-beta.3 → 9.1.1-beta.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/accordion-item/accordion-item.component.d.ts +22 -0
- package/accordion/accordion.component.d.ts +10 -0
- package/accordion/accordion.module.d.ts +15 -0
- package/accordion/index.d.ts +3 -0
- package/anchor/anchor.component.d.ts +37 -0
- package/anchor/anchor.directive.d.ts +57 -0
- package/anchor/anchor.module.d.ts +12 -0
- package/anchor/index.d.ts +5 -0
- package/anchor/types.d.ts +14 -0
- package/anchor/utils.d.ts +2 -0
- package/autocomplete/autocomplete-placeholder.component.d.ts +5 -0
- package/autocomplete/autocomplete.component.d.ts +21 -0
- package/autocomplete/autocomplete.directive.d.ts +54 -0
- package/autocomplete/autocomplete.module.d.ts +22 -0
- package/autocomplete/autocomplete.types.d.ts +4 -0
- package/autocomplete/helper-directives.d.ts +5 -0
- package/autocomplete/index.d.ts +8 -0
- package/autocomplete/suggestion/suggestion.component.d.ts +28 -0
- package/autocomplete/suggestion-group/suggestion-group.component.d.ts +11 -0
- package/back-top/back-top.component.d.ts +32 -0
- package/back-top/back-top.module.d.ts +10 -0
- package/back-top/index.d.ts +2 -0
- package/breadcrumb/breadcrumb-item.component.d.ts +14 -0
- package/breadcrumb/breadcrumb.component.d.ts +15 -0
- package/breadcrumb/breadcrumb.module.d.ts +13 -0
- package/breadcrumb/index.d.ts +3 -0
- package/button/button-group/button-group.component.d.ts +5 -0
- package/button/button.component.d.ts +33 -0
- package/button/button.module.d.ts +10 -0
- package/button/button.types.d.ts +15 -0
- package/button/index.d.ts +4 -0
- package/card/card.component.d.ts +6 -0
- package/card/card.module.d.ts +14 -0
- package/card/helper-directives.d.ts +13 -0
- package/card/index.d.ts +4 -0
- package/card/section.component.d.ts +5 -0
- package/checkbox/checkbox-group/checkbox-group.component.d.ts +16 -0
- package/checkbox/checkbox.component.d.ts +28 -0
- package/checkbox/checkbox.module.d.ts +13 -0
- package/checkbox/index.d.ts +3 -0
- package/color-picker/color-picker.component.d.ts +7 -0
- package/color-picker/color-picker.module.d.ts +9 -0
- package/color-picker/index.d.ts +2 -0
- package/core/animation/animation-consts.d.ts +9 -0
- package/date-picker/calendar/constant.d.ts +21 -0
- package/date-picker/calendar/date-picker-panel/component.d.ts +44 -0
- package/date-picker/calendar/footer/component.d.ts +11 -0
- package/date-picker/calendar/header/component.d.ts +40 -0
- package/date-picker/calendar/panel/picker-panel.d.ts +35 -0
- package/date-picker/calendar/range-picker-panel/component.d.ts +51 -0
- package/date-picker/calendar/util.d.ts +34 -0
- package/date-picker/date-picker/date-picker.component.d.ts +32 -0
- package/date-picker/date-picker.module.d.ts +22 -0
- package/date-picker/date-picker.type.d.ts +20 -0
- package/date-picker/index.d.ts +11 -0
- package/date-picker/range-picker/range-picker.component.d.ts +30 -0
- package/date-picker/trigger/trigger.component.d.ts +39 -0
- package/dialog/confirm-dialog/confirm-dialog-config.d.ts +13 -0
- package/dialog/confirm-dialog/confirm-dialog.component.d.ts +24 -0
- package/dialog/dialog-animations.d.ts +31 -0
- package/dialog/dialog-config.d.ts +14 -0
- package/dialog/dialog-container.component.d.ts +7 -0
- package/dialog/dialog-content/dialog-close.directive.d.ts +15 -0
- package/dialog/dialog-content/dialog-content.component.d.ts +11 -0
- package/dialog/dialog-content/dialog-footer.component.d.ts +7 -0
- package/dialog/dialog-content/dialog-header.component.d.ts +18 -0
- package/dialog/dialog-ref.d.ts +18 -0
- package/dialog/dialog.component.d.ts +48 -0
- package/dialog/dialog.module.d.ts +23 -0
- package/dialog/dialog.service.d.ts +28 -0
- package/dialog/dialog.types.d.ts +18 -0
- package/dialog/index.d.ts +11 -0
- package/dialog/utils/errors.d.ts +1 -0
- package/dialog/utils/index.d.ts +4 -0
- package/drawer/component/drawer.component.d.ts +33 -0
- package/drawer/component/internal/internal.component.d.ts +36 -0
- package/drawer/drawer-ref.d.ts +13 -0
- package/drawer/drawer.module.d.ts +15 -0
- package/drawer/drawer.service.d.ts +24 -0
- package/drawer/helper-directives.d.ts +13 -0
- package/drawer/index.d.ts +6 -0
- package/drawer/types.d.ts +26 -0
- package/dropdown/dropdown-active.directive.d.ts +7 -0
- package/dropdown/dropdown-button/dropdown-button.component.d.ts +21 -0
- package/dropdown/dropdown.directive.d.ts +13 -0
- package/dropdown/dropdown.module.d.ts +27 -0
- package/dropdown/dropdown.types.d.ts +9 -0
- package/dropdown/helper-directives.d.ts +5 -0
- package/dropdown/index.d.ts +10 -0
- package/dropdown/menu/menu.component.d.ts +9 -0
- package/dropdown/menu-group/menu-group.component.d.ts +5 -0
- package/dropdown/menu-item/menu-item.component.d.ts +15 -0
- package/dropdown/submenu/submenu.component.d.ts +16 -0
- package/fesm2022/alauda-ui.mjs +765 -824
- package/fesm2022/alauda-ui.mjs.map +1 -1
- package/form/common-form.d.ts +36 -0
- package/form/form-item/form-item.component.d.ts +37 -0
- package/form/form.directive.d.ts +21 -0
- package/form/form.module.d.ts +14 -0
- package/form/form.types.d.ts +16 -0
- package/form/helper-directives.d.ts +23 -0
- package/form/index.d.ts +6 -0
- package/i18n/i18n.module.d.ts +7 -0
- package/i18n/i18n.pipe.d.ts +10 -0
- package/i18n/i18n.service.d.ts +11 -0
- package/i18n/i18n.type.d.ts +6 -0
- package/i18n/index.d.ts +6 -0
- package/i18n/language/en.d.ts +2 -0
- package/i18n/language/zh.d.ts +2 -0
- package/icon/icon-register.service.d.ts +15 -0
- package/icon/icon.component.d.ts +25 -0
- package/icon/icon.module.d.ts +9 -0
- package/icon/icons.d.ts +1 -0
- package/icon/index.d.ts +3 -0
- package/icon/utils.d.ts +2 -0
- package/index.d.ts +38 -3671
- package/inline-alert/helper-directives.d.ts +5 -0
- package/inline-alert/index.d.ts +4 -0
- package/inline-alert/inline-alert.component.d.ts +19 -0
- package/inline-alert/inline-alert.module.d.ts +13 -0
- package/inline-alert/inline-alert.types.d.ts +10 -0
- package/input/autosize.directive.d.ts +24 -0
- package/input/helper-directives.d.ts +17 -0
- package/input/index.d.ts +8 -0
- package/input/input-group/input-group.component.d.ts +22 -0
- package/input/input.component.d.ts +19 -0
- package/input/input.module.d.ts +18 -0
- package/input/number-input/number-input.component.d.ts +39 -0
- package/input/search/search.component.d.ts +28 -0
- package/input/tags-input/tags-input.component.d.ts +56 -0
- package/input/tags-input/with-max-row-count.d.ts +10 -0
- package/input/utils/index.d.ts +5 -0
- package/internal/types/index.d.ts +12 -0
- package/internal/utils/animations.d.ts +2 -0
- package/internal/utils/async.d.ts +1 -0
- package/internal/utils/bem.d.ts +12 -0
- package/internal/utils/coercion.d.ts +4 -0
- package/internal/utils/fn.d.ts +9 -0
- package/internal/utils/index.d.ts +9 -0
- package/internal/utils/observe-dom.d.ts +3 -0
- package/internal/utils/operators.d.ts +7 -0
- package/internal/utils/scroll-into-view.d.ts +1 -0
- package/internal/utils/styles-renderer.d.ts +18 -0
- package/internal/utils/watch-content-exist.d.ts +2 -0
- package/message/base-message.d.ts +33 -0
- package/message/index.d.ts +3 -0
- package/message/message-animations.d.ts +4 -0
- package/message/message-wrapper.component.d.ts +8 -0
- package/message/message.component.d.ts +30 -0
- package/message/message.config.d.ts +44 -0
- package/message/message.module.d.ts +11 -0
- package/message/message.service.d.ts +12 -0
- package/notification/index.d.ts +4 -0
- package/notification/notification-wrapper.component.d.ts +9 -0
- package/notification/notification.component.d.ts +34 -0
- package/notification/notification.config.d.ts +16 -0
- package/notification/notification.module.d.ts +12 -0
- package/notification/notification.service.d.ts +12 -0
- package/package.json +3 -3
- package/paginator/index.d.ts +3 -0
- package/paginator/paginator-intl.d.ts +20 -0
- package/paginator/paginator.component.d.ts +37 -0
- package/paginator/paginator.module.d.ts +12 -0
- package/radio/base-radio.d.ts +28 -0
- package/radio/index.d.ts +5 -0
- package/radio/radio-button/radio-button.component.d.ts +17 -0
- package/radio/radio-group/radio-group.component.d.ts +20 -0
- package/radio/radio.component.d.ts +13 -0
- package/radio/radio.module.d.ts +15 -0
- package/radio/radio.types.d.ts +7 -0
- package/scrolling/fixed-size-table-virtual-scroll-strategy.d.ts +28 -0
- package/scrolling/fixed-size-table-virtual-scroll.directive.d.ts +24 -0
- package/scrolling/fixed-size-virtual-scroll.directive.d.ts +6 -0
- package/scrolling/index.d.ts +6 -0
- package/scrolling/scrolling.module.d.ts +10 -0
- package/scrolling/virtual-for-of.directive.d.ts +13 -0
- package/scrolling/virtual-scroll-viewport.component.d.ts +6 -0
- package/select/base-select.d.ts +83 -0
- package/select/helper-directives.d.ts +22 -0
- package/select/index.d.ts +9 -0
- package/select/multi-select/multi-select.component.d.ts +57 -0
- package/select/option/option.component.d.ts +46 -0
- package/select/option-group/option-group.component.d.ts +11 -0
- package/select/option-placeholder.component.d.ts +5 -0
- package/select/select.component.d.ts +23 -0
- package/select/select.module.d.ts +27 -0
- package/select/select.types.d.ts +19 -0
- package/select/validators.d.ts +22 -0
- package/shared/click-outside.directive.d.ts +10 -0
- package/shared/shared.module.d.ts +7 -0
- package/sort/index.d.ts +5 -0
- package/sort/sort-errors.d.ts +8 -0
- package/sort/sort-header.component.d.ts +24 -0
- package/sort/sort.directive.d.ts +21 -0
- package/sort/sort.module.d.ts +12 -0
- package/sort/sort.types.d.ts +10 -0
- package/status-bar/index.d.ts +3 -0
- package/status-bar/status-bar.component.d.ts +13 -0
- package/status-bar/status-bar.module.d.ts +9 -0
- package/status-bar/status-bar.types.d.ts +21 -0
- package/steps/index.d.ts +3 -0
- package/steps/steps.component.d.ts +35 -0
- package/steps/steps.module.d.ts +9 -0
- package/steps/types.d.ts +16 -0
- package/switch/index.d.ts +2 -0
- package/switch/switch.component.d.ts +11 -0
- package/switch/switch.module.d.ts +8 -0
- package/table/index.d.ts +15 -0
- package/table/table-cell-def.directive.d.ts +10 -0
- package/table/table-cell.component.d.ts +18 -0
- package/table/table-cell.directive.d.ts +10 -0
- package/table/table-column-def.directive.d.ts +11 -0
- package/table/table-column-resizable.directive.d.ts +30 -0
- package/table/table-header-cell-def.directive.d.ts +10 -0
- package/table/table-header-cell.directive.d.ts +9 -0
- package/table/table-header-row-def.directive.d.ts +13 -0
- package/table/table-header-row.component.d.ts +7 -0
- package/table/table-placeholder.directive.d.ts +16 -0
- package/table/table-row-def.directive.d.ts +13 -0
- package/table/table-row.component.d.ts +13 -0
- package/table/table-scroll.directive.d.ts +33 -0
- package/table/table.component.d.ts +20 -0
- package/table/table.module.d.ts +35 -0
- package/table-of-contents/index.d.ts +4 -0
- package/table-of-contents/table-of-contents.module.d.ts +14 -0
- package/table-of-contents/toc-container.directive.d.ts +28 -0
- package/table-of-contents/toc-content.directive.d.ts +14 -0
- package/table-of-contents/toc-link.directive.d.ts +16 -0
- package/tabs/index.d.ts +8 -0
- package/tabs/tab-body.component.d.ts +71 -0
- package/tabs/tab-context.service.d.ts +15 -0
- package/tabs/tab-group.component.d.ts +92 -0
- package/tabs/tab-header-active-indicator.component.d.ts +25 -0
- package/tabs/tab-header.component.d.ts +137 -0
- package/tabs/tab.component.d.ts +48 -0
- package/tabs/tabs.module.d.ts +23 -0
- package/tabs/tabs.types.d.ts +15 -0
- package/tag/check-tag/check-tag.component.d.ts +15 -0
- package/tag/index.d.ts +4 -0
- package/tag/tag.component.d.ts +27 -0
- package/tag/tag.module.d.ts +10 -0
- package/tag/tag.types.d.ts +9 -0
- package/theme/_mixin.scss +61 -68
- package/theme/_pattern.scss +22 -20
- package/theme/_theme-preset.scss +1 -2
- package/theme/_var.scss +30 -30
- package/theme/index.d.ts +5 -0
- package/theme/style.css +441 -1
- package/theme/theme.module.d.ts +8 -0
- package/theme/theme.pipe.d.ts +28 -0
- package/theme/theme.service.d.ts +15 -0
- package/theme/theme.types.d.ts +3 -0
- package/theme/utils.d.ts +3 -0
- package/time-picker/component.d.ts +38 -0
- package/time-picker/constant.d.ts +4 -0
- package/time-picker/index.d.ts +5 -0
- package/time-picker/panel/panel.component.d.ts +56 -0
- package/time-picker/time-picker.module.d.ts +20 -0
- package/time-picker/time-picker.type.d.ts +13 -0
- package/tooltip/animations.d.ts +4 -0
- package/tooltip/base-tooltip.d.ts +86 -0
- package/tooltip/index.d.ts +8 -0
- package/tooltip/tooltip-active.directive.d.ts +16 -0
- package/tooltip/tooltip-copy.directive.d.ts +26 -0
- package/tooltip/tooltip-intl.d.ts +11 -0
- package/tooltip/tooltip.component.d.ts +46 -0
- package/tooltip/tooltip.directive.d.ts +10 -0
- package/tooltip/tooltip.module.d.ts +16 -0
- package/tooltip/tooltip.types.d.ts +16 -0
- package/tooltip/utils/index.d.ts +15 -0
- package/tree-select/index.d.ts +4 -0
- package/tree-select/tree-node-placeholder.component.d.ts +5 -0
- package/tree-select/tree-select.component.d.ts +94 -0
- package/tree-select/tree-select.module.d.ts +12 -0
- package/tree-select/tree-select.types.d.ts +11 -0
- package/tsconfig.lib.tsbuildinfo +1 -1
- package/theme/overlay-prebuilt.css +0 -1
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { CdkTable } from '@angular/cdk/table';
|
|
2
|
+
import { AfterContentInit, ElementRef, OnDestroy } from '@angular/core';
|
|
3
|
+
import { TablePlaceholderDefDirective, TablePlaceholderOutletDirective } from './table-placeholder.directive';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare const tableBem: import("../internal/utils").Bem;
|
|
6
|
+
export declare class TableComponent<T> extends CdkTable<T> implements AfterContentInit, OnDestroy {
|
|
7
|
+
enableScrollWrapper: boolean;
|
|
8
|
+
_placeholderOutlet: TablePlaceholderOutletDirective;
|
|
9
|
+
_placeholderDef: TablePlaceholderDefDirective;
|
|
10
|
+
className: string;
|
|
11
|
+
elementRef: ElementRef<any>;
|
|
12
|
+
protected get stickyCssClass(): string;
|
|
13
|
+
protected set stickyCssClass(_: string);
|
|
14
|
+
ngAfterContentInit(): void;
|
|
15
|
+
private _createPlaceholder;
|
|
16
|
+
private _clearPlaceholder;
|
|
17
|
+
ngOnDestroy(): void;
|
|
18
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent<any>, never>;
|
|
19
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any>, "aui-table", ["auiTable"], { "enableScrollWrapper": { "alias": "enableScrollWrapper"; "required": false; }; }, {}, ["_placeholderDef"], ["caption", "colgroup, col", "*"], true, never>;
|
|
20
|
+
}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { TableCellDefDirective } from './table-cell-def.directive';
|
|
2
|
+
import { TableExpandButtonCellComponent, TableExpandPanelCellComponent } from './table-cell.component';
|
|
3
|
+
import { TableCellDirective } from './table-cell.directive';
|
|
4
|
+
import { TableColumnDefDirective } from './table-column-def.directive';
|
|
5
|
+
import { TableColumnResizableDirective } from './table-column-resizable.directive';
|
|
6
|
+
import { TableHeaderCellDefDirective } from './table-header-cell-def.directive';
|
|
7
|
+
import { TableHeaderCellDirective } from './table-header-cell.directive';
|
|
8
|
+
import { TableHeaderRowDefDirective } from './table-header-row-def.directive';
|
|
9
|
+
import { TableHeaderRowComponent } from './table-header-row.component';
|
|
10
|
+
import { TablePlaceholderDefDirective, TablePlaceholderOutletDirective } from './table-placeholder.directive';
|
|
11
|
+
import { TableRowDefDirective } from './table-row-def.directive';
|
|
12
|
+
import { TableRowComponent } from './table-row.component';
|
|
13
|
+
import { TableScrollableDirective, TableScrollWrapperDirective } from './table-scroll.directive';
|
|
14
|
+
import { TableComponent } from './table.component';
|
|
15
|
+
import * as i0 from "@angular/core";
|
|
16
|
+
import * as i1 from "./table.component";
|
|
17
|
+
import * as i2 from "./table-row.component";
|
|
18
|
+
import * as i3 from "./table-header-row.component";
|
|
19
|
+
import * as i4 from "./table-cell.component";
|
|
20
|
+
import * as i5 from "./table-cell.directive";
|
|
21
|
+
import * as i6 from "./table-cell-def.directive";
|
|
22
|
+
import * as i7 from "./table-header-cell.directive";
|
|
23
|
+
import * as i8 from "./table-row-def.directive";
|
|
24
|
+
import * as i9 from "./table-header-row-def.directive";
|
|
25
|
+
import * as i10 from "./table-header-cell-def.directive";
|
|
26
|
+
import * as i11 from "./table-column-def.directive";
|
|
27
|
+
import * as i12 from "./table-column-resizable.directive";
|
|
28
|
+
import * as i13 from "./table-placeholder.directive";
|
|
29
|
+
import * as i14 from "./table-scroll.directive";
|
|
30
|
+
export declare const TABLE_MODULE: readonly [typeof TableComponent, typeof TableRowComponent, typeof TableHeaderRowComponent, typeof TableExpandButtonCellComponent, typeof TableExpandPanelCellComponent, typeof TableCellDirective, typeof TableCellDefDirective, typeof TableHeaderCellDirective, typeof TableRowDefDirective, typeof TableHeaderRowDefDirective, typeof TableHeaderCellDefDirective, typeof TableColumnDefDirective, typeof TableColumnResizableDirective, typeof TablePlaceholderOutletDirective, typeof TablePlaceholderDefDirective, typeof TableScrollWrapperDirective, typeof TableScrollableDirective];
|
|
31
|
+
export declare class TableModule {
|
|
32
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TableModule, never>;
|
|
33
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<TableModule, never, [typeof i1.TableComponent, typeof i2.TableRowComponent, typeof i3.TableHeaderRowComponent, typeof i4.TableExpandButtonCellComponent, typeof i4.TableExpandPanelCellComponent, typeof i5.TableCellDirective, typeof i6.TableCellDefDirective, typeof i7.TableHeaderCellDirective, typeof i8.TableRowDefDirective, typeof i9.TableHeaderRowDefDirective, typeof i10.TableHeaderCellDefDirective, typeof i11.TableColumnDefDirective, typeof i12.TableColumnResizableDirective, typeof i13.TablePlaceholderOutletDirective, typeof i13.TablePlaceholderDefDirective, typeof i14.TableScrollWrapperDirective, typeof i14.TableScrollableDirective], [typeof i1.TableComponent, typeof i2.TableRowComponent, typeof i3.TableHeaderRowComponent, typeof i4.TableExpandButtonCellComponent, typeof i4.TableExpandPanelCellComponent, typeof i5.TableCellDirective, typeof i6.TableCellDefDirective, typeof i7.TableHeaderCellDirective, typeof i8.TableRowDefDirective, typeof i9.TableHeaderRowDefDirective, typeof i10.TableHeaderCellDefDirective, typeof i11.TableColumnDefDirective, typeof i12.TableColumnResizableDirective, typeof i13.TablePlaceholderOutletDirective, typeof i13.TablePlaceholderDefDirective, typeof i14.TableScrollWrapperDirective, typeof i14.TableScrollableDirective]>;
|
|
34
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<TableModule>;
|
|
35
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { TocContainerDirective } from './toc-container.directive';
|
|
2
|
+
import { TocContentDirective } from './toc-content.directive';
|
|
3
|
+
import { TocLinkDirective } from './toc-link.directive';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/common";
|
|
6
|
+
import * as i2 from "./toc-content.directive";
|
|
7
|
+
import * as i3 from "./toc-container.directive";
|
|
8
|
+
import * as i4 from "./toc-link.directive";
|
|
9
|
+
export declare class TableOfContentsModule {
|
|
10
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TableOfContentsModule, never>;
|
|
11
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<TableOfContentsModule, never, [typeof i1.CommonModule, typeof i2.TocContentDirective, typeof i3.TocContainerDirective, typeof i4.TocLinkDirective], [typeof i2.TocContentDirective, typeof i3.TocContainerDirective, typeof i4.TocLinkDirective]>;
|
|
12
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<TableOfContentsModule>;
|
|
13
|
+
}
|
|
14
|
+
export declare const TABLE_OF_CONTENTS_MODULE: readonly [typeof TocContentDirective, typeof TocContainerDirective, typeof TocLinkDirective];
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy } from '@angular/core';
|
|
2
|
+
import { TocContentDirective } from './toc-content.directive';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class TocContainerDirective implements AfterContentInit, OnDestroy {
|
|
5
|
+
private readonly cdr;
|
|
6
|
+
activedChange: EventEmitter<string>;
|
|
7
|
+
private _contents;
|
|
8
|
+
private readonly _scrollTop$;
|
|
9
|
+
private readonly _scrollTo$;
|
|
10
|
+
private readonly _onDestroy$;
|
|
11
|
+
private readonly _subs;
|
|
12
|
+
private readonly _nativeElement;
|
|
13
|
+
get scrollTop(): number;
|
|
14
|
+
set scrollTop(value: number);
|
|
15
|
+
get isScrollEnd(): boolean;
|
|
16
|
+
constructor(elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef);
|
|
17
|
+
getOffsetTop(element: HTMLElement): number;
|
|
18
|
+
private getMinContent;
|
|
19
|
+
private getMaxContent;
|
|
20
|
+
onScroll(): void;
|
|
21
|
+
ngAfterContentInit(): void;
|
|
22
|
+
ngOnDestroy(): void;
|
|
23
|
+
scrollTo(content: string[] | string): void;
|
|
24
|
+
registerContent(tocContent: TocContentDirective): void;
|
|
25
|
+
deregisterContent(tocContent: TocContentDirective): void;
|
|
26
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TocContainerDirective, never>;
|
|
27
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TocContainerDirective, "[auiTocContainer]", ["auiTocContainer"], {}, { "activedChange": "activedChange"; }, never, never, true, never>;
|
|
28
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ElementRef, OnDestroy, OnInit } from '@angular/core';
|
|
2
|
+
import { TocContainerDirective } from './toc-container.directive';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class TocContentDirective implements OnInit, OnDestroy {
|
|
5
|
+
private readonly containerDirective;
|
|
6
|
+
active: boolean;
|
|
7
|
+
auiTocContent: string;
|
|
8
|
+
nativeElement: HTMLElement;
|
|
9
|
+
constructor(elemRef: ElementRef<HTMLElement>, containerDirective: TocContainerDirective);
|
|
10
|
+
ngOnInit(): void;
|
|
11
|
+
ngOnDestroy(): void;
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TocContentDirective, [null, { optional: true; }]>;
|
|
13
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TocContentDirective, "[auiTocContent]", never, { "auiTocContent": { "alias": "auiTocContent"; "required": false; }; }, {}, never, never, true, never>;
|
|
14
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
|
|
2
|
+
import { TocContainerDirective } from './toc-container.directive';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class TocLinkDirective implements OnInit, OnDestroy {
|
|
5
|
+
private readonly cdr;
|
|
6
|
+
active: boolean;
|
|
7
|
+
for: TocContainerDirective;
|
|
8
|
+
auiTocLink: string[] | string;
|
|
9
|
+
private readonly _subs;
|
|
10
|
+
onClick(): void;
|
|
11
|
+
constructor(cdr: ChangeDetectorRef);
|
|
12
|
+
ngOnInit(): void;
|
|
13
|
+
ngOnDestroy(): void;
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TocLinkDirective, never>;
|
|
15
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TocLinkDirective, "[auiTocLink]", never, { "for": { "alias": "for"; "required": false; }; "auiTocLink": { "alias": "auiTocLink"; "required": false; }; }, {}, never, never, true, never>;
|
|
16
|
+
}
|
package/tabs/index.d.ts
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export * from './tab.component';
|
|
2
|
+
export * from './tab-body.component';
|
|
3
|
+
export * from './tab-context.service';
|
|
4
|
+
export * from './tab-group.component';
|
|
5
|
+
export * from './tab-header.component';
|
|
6
|
+
export * from './tab-header-active-indicator.component';
|
|
7
|
+
export * from './tabs.module';
|
|
8
|
+
export * from './tabs.types';
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { CdkPortal, CdkPortalOutlet, TemplatePortal } from '@angular/cdk/portal';
|
|
2
|
+
import { ComponentFactoryResolver, ElementRef, OnDestroy, OnInit, TemplateRef, ViewContainerRef } from '@angular/core';
|
|
3
|
+
import { BehaviorSubject } from 'rxjs';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class TabBodyComponent implements OnDestroy {
|
|
6
|
+
private _content;
|
|
7
|
+
content$: BehaviorSubject<TemplatePortal<any>>;
|
|
8
|
+
/** The portal host inside of this container into which the tab body content will be loaded. */
|
|
9
|
+
_portalOutlet: CdkPortalOutlet;
|
|
10
|
+
/** The tab body content to display. */
|
|
11
|
+
get content(): TemplatePortal;
|
|
12
|
+
set content(content: TemplatePortal);
|
|
13
|
+
ngOnDestroy(): void;
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TabBodyComponent, never>;
|
|
15
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TabBodyComponent, "aui-tab-body", never, { "content": { "alias": "content"; "required": false; }; }, {}, never, never, true, never>;
|
|
16
|
+
}
|
|
17
|
+
/** Used to flag tab labels for use with the portal directive */
|
|
18
|
+
export declare class TabLabelDirective extends CdkPortal {
|
|
19
|
+
constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef);
|
|
20
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TabLabelDirective, never>;
|
|
21
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TabLabelDirective, "[auiTabLabel]", never, {}, {}, never, never, true, never>;
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* Lazy load the embedded template for a tab content.
|
|
25
|
+
*/
|
|
26
|
+
export declare class TabContentDirective {
|
|
27
|
+
template: TemplateRef<any>;
|
|
28
|
+
constructor(template: TemplateRef<any>);
|
|
29
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TabContentDirective, never>;
|
|
30
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TabContentDirective, "[auiTabContent]", never, {}, {}, never, never, true, never>;
|
|
31
|
+
}
|
|
32
|
+
/** Used to project additional template from host to the tab header. */
|
|
33
|
+
export declare class TabHeaderAddonDirective extends CdkPortal {
|
|
34
|
+
constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef);
|
|
35
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TabHeaderAddonDirective, never>;
|
|
36
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TabHeaderAddonDirective, "[auiTabHeaderAddon]", never, {}, {}, never, never, true, never>;
|
|
37
|
+
}
|
|
38
|
+
/**
|
|
39
|
+
* Used in the `aui-tab-group` view to display tab labels.
|
|
40
|
+
*/
|
|
41
|
+
export declare class TabLabelWrapperDirective {
|
|
42
|
+
elementRef: ElementRef<HTMLElement>;
|
|
43
|
+
/** Whether or not the tab is disabled */
|
|
44
|
+
disabled: boolean;
|
|
45
|
+
getOffsetLeft(): number;
|
|
46
|
+
getOffsetWidth(): number;
|
|
47
|
+
/** Sets focus on the wrapper element */
|
|
48
|
+
focus(): void;
|
|
49
|
+
constructor(elementRef: ElementRef<HTMLElement>);
|
|
50
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TabLabelWrapperDirective, never>;
|
|
51
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TabLabelWrapperDirective, "[auiTabLabelWrapper]", never, { "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
|
|
52
|
+
static ngAcceptInputType_disabled: unknown;
|
|
53
|
+
}
|
|
54
|
+
export declare class TabTitleDirective extends CdkPortal {
|
|
55
|
+
constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef);
|
|
56
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TabTitleDirective, never>;
|
|
57
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TabTitleDirective, "[auiTabTitle]", never, {}, {}, never, never, true, never>;
|
|
58
|
+
}
|
|
59
|
+
/**
|
|
60
|
+
* The portal host directive for the contents of the tab.
|
|
61
|
+
*/
|
|
62
|
+
export declare class TabBodyPortalDirective extends CdkPortalOutlet implements OnInit, OnDestroy {
|
|
63
|
+
private readonly _host;
|
|
64
|
+
private _hostSubscription;
|
|
65
|
+
constructor(componentFactoryResolver: ComponentFactoryResolver, viewContainerRef: ViewContainerRef, _host: TabBodyComponent);
|
|
66
|
+
/** Set initial visibility or set up subscription for changing visibility. */
|
|
67
|
+
ngOnInit(): void;
|
|
68
|
+
ngOnDestroy(): void;
|
|
69
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TabBodyPortalDirective, never>;
|
|
70
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TabBodyPortalDirective, "[auiTabBodyHost]", never, {}, {}, never, never, true, never>;
|
|
71
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Observable } from 'rxjs';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class TabContextService {
|
|
4
|
+
readonly _parent: TabContextService;
|
|
5
|
+
private readonly active$$;
|
|
6
|
+
/**
|
|
7
|
+
* Whether the tab is currently active.
|
|
8
|
+
*/
|
|
9
|
+
get isActive(): boolean;
|
|
10
|
+
set isActive(isActive: boolean);
|
|
11
|
+
readonly active$: Observable<boolean>;
|
|
12
|
+
constructor(_parent: TabContextService);
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TabContextService, [{ optional: true; skipSelf: true; }]>;
|
|
14
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<TabContextService>;
|
|
15
|
+
}
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
import { AfterContentChecked, AfterContentInit, ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy, QueryList, SimpleChanges, TemplateRef } from '@angular/core';
|
|
2
|
+
import { Subject } from 'rxjs';
|
|
3
|
+
import { Bem } from '../internal/utils';
|
|
4
|
+
import { TabHeaderAddonDirective, TabTitleDirective } from './tab-body.component';
|
|
5
|
+
import { TabHeaderComponent } from './tab-header.component';
|
|
6
|
+
import { TabComponent } from './tab.component';
|
|
7
|
+
import { TabSize, TabType } from './tabs.types';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
/** A simple change event emitted on focus or selection changes. */
|
|
10
|
+
export declare class TabChangeEvent {
|
|
11
|
+
/** Index of the currently-selected tab. */
|
|
12
|
+
index: number;
|
|
13
|
+
/** Reference to the currently-selected tab. */
|
|
14
|
+
tab: TabComponent;
|
|
15
|
+
}
|
|
16
|
+
export declare class TabGroupComponent implements OnChanges, AfterContentChecked, AfterContentInit, OnDestroy {
|
|
17
|
+
private readonly _changeDetectorRef;
|
|
18
|
+
bem: Bem;
|
|
19
|
+
_tabs: QueryList<TabComponent>;
|
|
20
|
+
_headerAddon: TabHeaderAddonDirective;
|
|
21
|
+
_tabHeader: TabHeaderComponent;
|
|
22
|
+
_tabTitle: TabTitleDirective;
|
|
23
|
+
/** The tab index that should be selected after the content has been checked. */
|
|
24
|
+
private _indexToSelect;
|
|
25
|
+
/** Subscription to tabs being added/removed. */
|
|
26
|
+
private _tabsSubscription;
|
|
27
|
+
/** Subscription to changes in the tab labels. */
|
|
28
|
+
private _tabLabelSubscription;
|
|
29
|
+
private _selectedIndex;
|
|
30
|
+
private _tab;
|
|
31
|
+
private _type;
|
|
32
|
+
private _size;
|
|
33
|
+
/** true lazy mode for template ref children */
|
|
34
|
+
private _lazy;
|
|
35
|
+
private _previousHeaderAddon;
|
|
36
|
+
/** Emits whenever the type changes */
|
|
37
|
+
readonly _typeChange: Subject<void>;
|
|
38
|
+
/** Emits whenever the size changes */
|
|
39
|
+
readonly _sizeChange: Subject<void>;
|
|
40
|
+
/** The index of the active tab. */
|
|
41
|
+
get selectedIndex(): number;
|
|
42
|
+
set selectedIndex(value: number);
|
|
43
|
+
get tab(): string;
|
|
44
|
+
set tab(value: string);
|
|
45
|
+
get type(): TabType;
|
|
46
|
+
set type(type: TabType);
|
|
47
|
+
title: TemplateRef<unknown> | string;
|
|
48
|
+
get size(): TabSize;
|
|
49
|
+
set size(val: TabSize);
|
|
50
|
+
get lazy(): boolean;
|
|
51
|
+
set lazy(lazy: boolean);
|
|
52
|
+
/** Output to enable support for two-way binding on `[(selectedIndex)]` */
|
|
53
|
+
readonly selectedIndexChange: EventEmitter<number>;
|
|
54
|
+
readonly tabChange: EventEmitter<string>;
|
|
55
|
+
/** Event emitted when the tab selection has changed. */
|
|
56
|
+
readonly selectedTabChange: EventEmitter<TabChangeEvent>;
|
|
57
|
+
/** Event emitted when focus has changed within a tab group. */
|
|
58
|
+
readonly focusChange: EventEmitter<TabChangeEvent>;
|
|
59
|
+
constructor(_changeDetectorRef: ChangeDetectorRef);
|
|
60
|
+
activatedTabs: TabComponent[];
|
|
61
|
+
get activeTab(): TabComponent;
|
|
62
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
63
|
+
/**
|
|
64
|
+
* After the content is checked, this component knows what tabs have been defined
|
|
65
|
+
* and what the selected index should be. This is where we can know exactly what position
|
|
66
|
+
* each tab should be in according to the new selected index.
|
|
67
|
+
*/
|
|
68
|
+
ngAfterContentChecked(): void;
|
|
69
|
+
ngAfterContentInit(): void;
|
|
70
|
+
ngOnDestroy(): void;
|
|
71
|
+
/** Handle click events, setting new selected index if appropriate. */
|
|
72
|
+
_handleClick(tab: TabComponent, idx: number): void;
|
|
73
|
+
_focusChanged(index: number): void;
|
|
74
|
+
/** Re-aligns the ink bar to the selected tab element. */
|
|
75
|
+
realignActiveIndicator(): void;
|
|
76
|
+
private _changeActivatedTabs;
|
|
77
|
+
/** Clamps the given index to the bounds of 0 and the tabs length. */
|
|
78
|
+
private _clampTabIndex;
|
|
79
|
+
private _findIndexByTab;
|
|
80
|
+
private _createChangeEvent;
|
|
81
|
+
/**
|
|
82
|
+
* Subscribes to changes in the tab labels. This is needed, because the @Input for the label is
|
|
83
|
+
* on the Tab component, whereas the data binding is inside the TabGroup. In order for the
|
|
84
|
+
* binding to be updated, we need to subscribe to changes in it and trigger change detection
|
|
85
|
+
* manually.
|
|
86
|
+
*/
|
|
87
|
+
private _subscribeToTabLabels;
|
|
88
|
+
/** Retrieves the tabindex for the tab. */
|
|
89
|
+
_getTabIndex(tab: TabComponent, idx: number): number | null;
|
|
90
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TabGroupComponent, never>;
|
|
91
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TabGroupComponent, "aui-tab-group", ["auiTabGroup"], { "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "tab": { "alias": "tab"; "required": false; }; "type": { "alias": "type"; "required": false; }; "title": { "alias": "title"; "required": false; }; "size": { "alias": "size"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; "tabChange": "tabChange"; "selectedTabChange": "selectedTabChange"; "focusChange": "focusChange"; }, ["_headerAddon", "_tabTitle", "_tabs"], never, true, never>;
|
|
92
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { ElementRef, NgZone } from '@angular/core';
|
|
2
|
+
import { Bem } from '../internal/utils';
|
|
3
|
+
import { TabType } from './tabs.types';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class TabHeaderActiveIndicatorComponent {
|
|
6
|
+
private readonly _elementRef;
|
|
7
|
+
private readonly _ngZone;
|
|
8
|
+
type: TabType;
|
|
9
|
+
bem: Bem;
|
|
10
|
+
constructor(_elementRef: ElementRef<HTMLElement>, _ngZone: NgZone);
|
|
11
|
+
/**
|
|
12
|
+
* Calculates the styles from the provided element in order to align the indicator to that element.
|
|
13
|
+
* Shows the indicator if previously set as hidden.
|
|
14
|
+
* @param element
|
|
15
|
+
*/
|
|
16
|
+
alignToElement(element: HTMLElement): void;
|
|
17
|
+
/**
|
|
18
|
+
* Sets the proper styles to the element.
|
|
19
|
+
* @param element
|
|
20
|
+
*/
|
|
21
|
+
private _setStyles;
|
|
22
|
+
private _getElementPosition;
|
|
23
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TabHeaderActiveIndicatorComponent, never>;
|
|
24
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TabHeaderActiveIndicatorComponent, "aui-tab-header-active-indicator", never, { "type": { "alias": "type"; "required": false; }; }, {}, never, never, true, never>;
|
|
25
|
+
}
|
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
import { AfterContentChecked, AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, QueryList } from '@angular/core';
|
|
2
|
+
import { Bem } from '../internal/utils';
|
|
3
|
+
import { TabHeaderAddonDirective, TabLabelWrapperDirective, TabTitleDirective } from './tab-body.component';
|
|
4
|
+
import { TabHeaderActiveIndicatorComponent } from './tab-header-active-indicator.component';
|
|
5
|
+
import { TabSize, TabType } from './tabs.types';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
/**
|
|
8
|
+
* The directions that scrolling can go in when the header's tabs exceed the header width. 'After'
|
|
9
|
+
* will scroll the header towards the end of the tabs list and 'before' will scroll towards the
|
|
10
|
+
* beginning of the list.
|
|
11
|
+
*/
|
|
12
|
+
export type ScrollDirection = 'after' | 'before';
|
|
13
|
+
export declare class TabHeaderComponent implements OnDestroy, AfterContentChecked, AfterContentInit {
|
|
14
|
+
private readonly _changeDetectorRef;
|
|
15
|
+
bem: Bem;
|
|
16
|
+
_showAddon: boolean;
|
|
17
|
+
/** Whether the controls for pagination should be displayed */
|
|
18
|
+
_showPaginationControls: boolean;
|
|
19
|
+
/** Whether the tab list can be scrolled more towards the end of the tab label list. */
|
|
20
|
+
_disableScrollAfter: boolean;
|
|
21
|
+
/** Whether the tab list can be scrolled more towards the beginning of the tab label list. */
|
|
22
|
+
_disableScrollBefore: boolean;
|
|
23
|
+
/** Whether the scroll distance has changed and should be applied after the view is checked. */
|
|
24
|
+
private _scrollDistanceChanged;
|
|
25
|
+
/** Whether the header should scroll to the selected index after the view has been checked. */
|
|
26
|
+
private _selectedIndexChanged;
|
|
27
|
+
/** The distance in pixels that the tab labels should be translated to the left. */
|
|
28
|
+
private _scrollDistance;
|
|
29
|
+
private _selectedIndex;
|
|
30
|
+
/** Emits when the component is destroyed. */
|
|
31
|
+
private readonly _destroyed;
|
|
32
|
+
/** Used to manage focus between the tabs. */
|
|
33
|
+
private _keyManager;
|
|
34
|
+
type: TabType;
|
|
35
|
+
size: TabSize;
|
|
36
|
+
/** The index of the active tab. */
|
|
37
|
+
get selectedIndex(): number;
|
|
38
|
+
set selectedIndex(value: number);
|
|
39
|
+
/** Event emitted when the option is selected. */
|
|
40
|
+
readonly selectFocusedIndex: EventEmitter<number>;
|
|
41
|
+
/** Event emitted when a label is focused. */
|
|
42
|
+
readonly indexFocused: EventEmitter<number>;
|
|
43
|
+
_headerAddon: TabHeaderAddonDirective;
|
|
44
|
+
_title: TabTitleDirective;
|
|
45
|
+
/**
|
|
46
|
+
* workaround for @link https://github.com/microsoft/TypeScript/pull/42425
|
|
47
|
+
*/
|
|
48
|
+
_labelWrappers: QueryList<TabLabelWrapperDirective & {
|
|
49
|
+
disabled?: boolean;
|
|
50
|
+
}>;
|
|
51
|
+
_tabListContainer: ElementRef<HTMLElement>;
|
|
52
|
+
_tabList: ElementRef<HTMLElement>;
|
|
53
|
+
_paginationWrapper: ElementRef<HTMLElement>;
|
|
54
|
+
_activeIndicator: TabHeaderActiveIndicatorComponent;
|
|
55
|
+
ngOnDestroy(): void;
|
|
56
|
+
ngAfterContentChecked(): void;
|
|
57
|
+
/**
|
|
58
|
+
* Aligns the ink bar to the selected tab on load.
|
|
59
|
+
*/
|
|
60
|
+
ngAfterContentInit(): void;
|
|
61
|
+
/** Sets the distance in pixels that the tab header should be transformed in the X-axis. */
|
|
62
|
+
get scrollDistance(): number;
|
|
63
|
+
set scrollDistance(v: number);
|
|
64
|
+
/** Tracks which element has focus; used for keyboard navigation */
|
|
65
|
+
get focusIndex(): number;
|
|
66
|
+
/** When the focus index is set, we must manually send focus to the correct label */
|
|
67
|
+
set focusIndex(value: number);
|
|
68
|
+
/**
|
|
69
|
+
* Determines if an index is valid. If the tabs are not ready yet, we assume that the user is
|
|
70
|
+
* providing a valid index and return true.
|
|
71
|
+
*/
|
|
72
|
+
_isValidIndex(index: number): boolean;
|
|
73
|
+
_handleKeydown(event: KeyboardEvent): void;
|
|
74
|
+
/**
|
|
75
|
+
* Sets focus on the HTML element for the label wrapper and scrolls it into the view if
|
|
76
|
+
* scrolling is enabled.
|
|
77
|
+
*/
|
|
78
|
+
_setTabFocus(tabIndex: number): void;
|
|
79
|
+
/**
|
|
80
|
+
* Moves the tab list such that the desired tab label (marked by index) is moved into view.
|
|
81
|
+
*
|
|
82
|
+
* This is an expensive call that forces a layout reflow to compute box and scroll metrics and
|
|
83
|
+
* should be called sparingly.
|
|
84
|
+
*/
|
|
85
|
+
_scrollToLabel(labelIndex: number): void;
|
|
86
|
+
/**
|
|
87
|
+
* Moves the tab list in the 'before' or 'after' direction (towards the beginning of the list or
|
|
88
|
+
* the end of the list, respectively). The distance to scroll is computed to be a third of the
|
|
89
|
+
* length of the tab list view window.
|
|
90
|
+
*
|
|
91
|
+
* This is an expensive call that forces a layout reflow to compute box and scroll metrics and
|
|
92
|
+
* should be called sparingly.
|
|
93
|
+
*/
|
|
94
|
+
_scrollHeader(scrollDir: ScrollDirection): void;
|
|
95
|
+
/**
|
|
96
|
+
* Callback for when the MutationObserver detects that the content has changed.
|
|
97
|
+
*/
|
|
98
|
+
_onContentChanges(): void;
|
|
99
|
+
/**
|
|
100
|
+
* Updating the view whether pagination should be enabled or not
|
|
101
|
+
*/
|
|
102
|
+
_updatePagination(): void;
|
|
103
|
+
/**
|
|
104
|
+
* Evaluate whether the pagination controls should be displayed. If the scroll width of the
|
|
105
|
+
* tab list is wider than the size of the header container, then the pagination controls should
|
|
106
|
+
* be shown.
|
|
107
|
+
*
|
|
108
|
+
* This is an expensive call that forces a layout reflow to compute box and scroll metrics and
|
|
109
|
+
* should be called sparingly.
|
|
110
|
+
*/
|
|
111
|
+
_checkPaginationEnabled(): void;
|
|
112
|
+
/**
|
|
113
|
+
* Evaluate whether the before and after controls should be enabled or disabled.
|
|
114
|
+
* If the header is at the beginning of the list (scroll distance is equal to 0) then disable the
|
|
115
|
+
* before button. If the header is at the end of the list (scroll distance is equal to the
|
|
116
|
+
* maximum distance we can scroll), then disable the after button.
|
|
117
|
+
*
|
|
118
|
+
* This is an expensive call that forces a layout reflow to compute box and scroll metrics and
|
|
119
|
+
* should be called sparingly.
|
|
120
|
+
*/
|
|
121
|
+
_checkScrollingControls(): void;
|
|
122
|
+
/**
|
|
123
|
+
* Determines what is the maximum length in pixels that can be set for the scroll distance. This
|
|
124
|
+
* is equal to the difference in width between the tab list container and tab header container.
|
|
125
|
+
*
|
|
126
|
+
* This is an expensive call that forces a layout reflow to compute box and scroll metrics and
|
|
127
|
+
* should be called sparingly.
|
|
128
|
+
*/
|
|
129
|
+
_getMaxScrollDistance(): number;
|
|
130
|
+
/** Performs the CSS transformation on the tab list that will cause the list to scroll. */
|
|
131
|
+
_updateTabScrollPosition(): void;
|
|
132
|
+
/** Tells the active indicator to align itself to the current label wrapper */
|
|
133
|
+
_alignActiveIndicatorToSelectedTab(): void;
|
|
134
|
+
constructor(_changeDetectorRef: ChangeDetectorRef);
|
|
135
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TabHeaderComponent, never>;
|
|
136
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TabHeaderComponent, "aui-tab-header", never, { "type": { "alias": "type"; "required": false; }; "size": { "alias": "size"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; }, { "selectFocusedIndex": "selectFocusedIndex"; "indexFocused": "indexFocused"; }, ["_headerAddon", "_title", "_labelWrappers"], ["*"], true, never>;
|
|
137
|
+
}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { TemplatePortal } from '@angular/cdk/portal';
|
|
2
|
+
import { AfterContentInit, EventEmitter, OnChanges, OnDestroy, SimpleChanges, TemplateRef, ViewContainerRef } from '@angular/core';
|
|
3
|
+
import { Subject } from 'rxjs';
|
|
4
|
+
import { TabLabelDirective } from './tab-body.component';
|
|
5
|
+
import { TabContextService } from './tab-context.service';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export declare class TabComponent implements AfterContentInit, OnDestroy, OnChanges {
|
|
8
|
+
private readonly _viewContainerRef;
|
|
9
|
+
readonly tabContext: TabContextService;
|
|
10
|
+
name: string;
|
|
11
|
+
/** Plain text label for the tab, used when there is no template label. */
|
|
12
|
+
textLabel: string;
|
|
13
|
+
/** Whether or not to show the close button in the header */
|
|
14
|
+
closeable: boolean;
|
|
15
|
+
/** Whether or not the tab is disabled */
|
|
16
|
+
disabled: boolean;
|
|
17
|
+
close: EventEmitter<void>;
|
|
18
|
+
/** Content for the tab label given by `<ng-template [auiTabLabel]>`. */
|
|
19
|
+
templateLabel: TabLabelDirective;
|
|
20
|
+
/**
|
|
21
|
+
* Template provided in the tab content that will be used if present, used to enable lazy-loading
|
|
22
|
+
*/
|
|
23
|
+
_explicitContent: TemplateRef<any>;
|
|
24
|
+
/** Template inside the AuiTab view that contains an `<ng-content>`. */
|
|
25
|
+
_implicitContent: TemplateRef<any>;
|
|
26
|
+
get content(): TemplatePortal | null;
|
|
27
|
+
/**
|
|
28
|
+
* The relatively indexed position where 0 represents the center, negative is left, and positive
|
|
29
|
+
* represents the right.
|
|
30
|
+
*/
|
|
31
|
+
position: number | null;
|
|
32
|
+
/**
|
|
33
|
+
* The initial relatively index origin of the tab if it was created and selected after there
|
|
34
|
+
* was already a selected tab. Provides context of what position the tab should originate from.
|
|
35
|
+
*/
|
|
36
|
+
origin: number | null;
|
|
37
|
+
/** Emits whenever the internal state of the tab changes. */
|
|
38
|
+
readonly _stateChanges: Subject<void>;
|
|
39
|
+
/** Portal that will be the hosted content of the tab */
|
|
40
|
+
private _contentPortal;
|
|
41
|
+
constructor(_viewContainerRef: ViewContainerRef, tabContext: TabContextService);
|
|
42
|
+
ngAfterContentInit(): void;
|
|
43
|
+
ngOnDestroy(): void;
|
|
44
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
45
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TabComponent, never>;
|
|
46
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TabComponent, "aui-tab", ["auiTab"], { "name": { "alias": "name"; "required": false; }; "textLabel": { "alias": "label"; "required": false; }; "closeable": { "alias": "closeable"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "close": "close"; }, ["templateLabel", "_explicitContent"], ["*"], true, never>;
|
|
47
|
+
static ngAcceptInputType_disabled: unknown;
|
|
48
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { TabContentDirective, TabHeaderAddonDirective, TabLabelDirective, TabLabelWrapperDirective, TabTitleDirective } from './tab-body.component';
|
|
2
|
+
import { TabGroupComponent } from './tab-group.component';
|
|
3
|
+
import { TabHeaderComponent } from './tab-header.component';
|
|
4
|
+
import { TabComponent } from './tab.component';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@angular/common";
|
|
7
|
+
import * as i2 from "@angular/forms";
|
|
8
|
+
import * as i3 from "@angular/cdk/portal";
|
|
9
|
+
import * as i4 from "../button/button.module";
|
|
10
|
+
import * as i5 from "../icon/icon.module";
|
|
11
|
+
import * as i6 from "@angular/cdk/a11y";
|
|
12
|
+
import * as i7 from "@angular/cdk/observers";
|
|
13
|
+
import * as i8 from "./tab-group.component";
|
|
14
|
+
import * as i9 from "./tab.component";
|
|
15
|
+
import * as i10 from "./tab-body.component";
|
|
16
|
+
import * as i11 from "./tab-header.component";
|
|
17
|
+
import * as i12 from "./tab-header-active-indicator.component";
|
|
18
|
+
export declare class TabsModule {
|
|
19
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TabsModule, never>;
|
|
20
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<TabsModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i3.PortalModule, typeof i4.ButtonModule, typeof i5.IconModule, typeof i6.A11yModule, typeof i7.ObserversModule, typeof i8.TabGroupComponent, typeof i9.TabComponent, typeof i10.TabLabelDirective, typeof i10.TabContentDirective, typeof i10.TabHeaderAddonDirective, typeof i10.TabTitleDirective, typeof i11.TabHeaderComponent, typeof i10.TabBodyComponent, typeof i10.TabBodyPortalDirective, typeof i10.TabLabelWrapperDirective, typeof i12.TabHeaderActiveIndicatorComponent], [typeof i8.TabGroupComponent, typeof i9.TabComponent, typeof i10.TabLabelDirective, typeof i10.TabContentDirective, typeof i10.TabHeaderAddonDirective, typeof i10.TabTitleDirective, typeof i10.TabLabelWrapperDirective, typeof i11.TabHeaderComponent]>;
|
|
21
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<TabsModule>;
|
|
22
|
+
}
|
|
23
|
+
export declare const TABS_MODULE: readonly [typeof TabGroupComponent, typeof TabComponent, typeof TabLabelDirective, typeof TabContentDirective, typeof TabHeaderAddonDirective, typeof TabTitleDirective, typeof TabLabelWrapperDirective, typeof TabHeaderComponent];
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ValueOf } from '../internal/types';
|
|
2
|
+
export declare const TabSize: {
|
|
3
|
+
/** 卡片级尺寸 */
|
|
4
|
+
readonly Large: "large";
|
|
5
|
+
/** 页面级尺寸 */
|
|
6
|
+
readonly Medium: "medium";
|
|
7
|
+
/** 小尺寸 */
|
|
8
|
+
readonly Small: "small";
|
|
9
|
+
};
|
|
10
|
+
export type TabSize = ValueOf<typeof TabSize>;
|
|
11
|
+
export declare const TabType: {
|
|
12
|
+
readonly Line: "line";
|
|
13
|
+
readonly Card: "card";
|
|
14
|
+
};
|
|
15
|
+
export type TabType = ValueOf<typeof TabType>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import { ComponentSize } from '../../internal/types';
|
|
3
|
+
import { Bem } from '../../internal/utils';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class CheckTagComponent {
|
|
6
|
+
bem: Bem;
|
|
7
|
+
hovered: boolean;
|
|
8
|
+
checked: boolean;
|
|
9
|
+
size: ComponentSize;
|
|
10
|
+
round: boolean;
|
|
11
|
+
checkedChange: EventEmitter<boolean>;
|
|
12
|
+
get rootClass(): string;
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CheckTagComponent, never>;
|
|
14
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CheckTagComponent, "aui-check-tag", never, { "checked": { "alias": "checked"; "required": false; }; "size": { "alias": "size"; "required": false; }; "round": { "alias": "round"; "required": false; }; }, { "checkedChange": "checkedChange"; }, never, ["*"], true, never>;
|
|
15
|
+
}
|
package/tag/index.d.ts
ADDED
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import { ComponentSize } from '../internal/types';
|
|
3
|
+
import { Bem } from '../internal/utils';
|
|
4
|
+
import { TagType } from './tag.types';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export declare class TagComponent {
|
|
7
|
+
bem: Bem;
|
|
8
|
+
type: TagType;
|
|
9
|
+
size: ComponentSize;
|
|
10
|
+
closeable: boolean;
|
|
11
|
+
border: boolean;
|
|
12
|
+
solid: boolean;
|
|
13
|
+
invalid: boolean;
|
|
14
|
+
round: boolean;
|
|
15
|
+
color: string;
|
|
16
|
+
allowClick: boolean;
|
|
17
|
+
close: EventEmitter<void>;
|
|
18
|
+
get rootClass(): string;
|
|
19
|
+
get isNormalTag(): boolean;
|
|
20
|
+
get customStyle(): {
|
|
21
|
+
color: string;
|
|
22
|
+
'border-color': string;
|
|
23
|
+
'background-color': string;
|
|
24
|
+
};
|
|
25
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TagComponent, never>;
|
|
26
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TagComponent, "aui-tag", never, { "type": { "alias": "type"; "required": false; }; "size": { "alias": "size"; "required": false; }; "closeable": { "alias": "closeable"; "required": false; }; "border": { "alias": "border"; "required": false; }; "solid": { "alias": "solid"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "round": { "alias": "round"; "required": false; }; "color": { "alias": "color"; "required": false; }; "allowClick": { "alias": "allowClick"; "required": false; }; }, { "close": "close"; }, never, ["*"], true, never>;
|
|
27
|
+
}
|