desy-angular 5.2.0 → 6.0.1
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/bundles/desy-angular.umd.js +1435 -118
- package/bundles/desy-angular.umd.js.map +1 -1
- package/bundles/desy-angular.umd.min.js +1 -15
- package/bundles/desy-angular.umd.min.js.map +1 -1
- package/desy-angular.d.ts +39 -27
- package/desy-angular.metadata.json +1 -1
- package/esm2015/desy-angular.js +40 -28
- package/esm2015/lib/desy-buttons/components/button/button.component.js +4 -4
- package/esm2015/lib/desy-buttons/components/button-loader/button-loader.component.js +2 -2
- package/esm2015/lib/desy-buttons/components/dropdown/dropdown.component.js +8 -5
- package/esm2015/lib/desy-buttons/components/listbox/listbox.component.js +2 -2
- package/esm2015/lib/desy-buttons/components/toggle/toggle.component.js +6 -3
- package/esm2015/lib/desy-commons/components/description/description.component.js +3 -2
- package/esm2015/lib/desy-commons/components/divider/divider.component.js +15 -0
- package/esm2015/lib/desy-commons/components/icon/icon.component.js +3 -2
- package/esm2015/lib/desy-commons/desy-commons.module.js +6 -3
- package/esm2015/lib/desy-commons/interfaces/description-data.js +1 -1
- package/esm2015/lib/desy-commons/interfaces/divider-data.js +2 -0
- package/esm2015/lib/desy-commons/interfaces/icon-data.js +1 -1
- package/esm2015/lib/desy-commons/interfaces/index.js +2 -1
- package/esm2015/lib/desy-forms/components/character-count/character-count.component.js +2 -2
- package/esm2015/lib/desy-forms/components/checkboxes/checkbox-item/checkbox-item.component.js +5 -4
- package/esm2015/lib/desy-forms/components/checkboxes/checkboxes.component.js +3 -3
- package/esm2015/lib/desy-forms/components/date-input/date-input.component.js +11 -4
- package/esm2015/lib/desy-forms/components/file-upload/file-upload.component.js +11 -5
- package/esm2015/lib/desy-forms/components/input/input.component.js +16 -3
- package/esm2015/lib/desy-forms/components/input-group/input-group-input/input-group-input.component.js +2 -1
- package/esm2015/lib/desy-forms/components/input-group/input-group-select/input-group-select.component.js +2 -1
- package/esm2015/lib/desy-forms/components/input-group/input-group.component.js +2 -2
- package/esm2015/lib/desy-forms/components/radios/radio-item/radio-item.component.js +3 -3
- package/esm2015/lib/desy-forms/components/radios/radios.component.js +2 -2
- package/esm2015/lib/desy-forms/components/search-bar/search-bar.component.js +7 -3
- package/esm2015/lib/desy-forms/components/select/select.component.js +2 -2
- package/esm2015/lib/desy-forms/components/textarea/textarea.component.js +9 -4
- package/esm2015/lib/desy-forms/components/tree/tree-item/tree-item.component.js +2 -2
- package/esm2015/lib/desy-forms/components/tree/tree.component.js +3 -3
- package/esm2015/lib/desy-forms/interfaces/item-input-group-data.js +1 -1
- package/esm2015/lib/desy-modals/components/dialog/dialog.component.js +3 -3
- package/esm2015/lib/desy-modals/components/modal/modal-button-loader-primary/modal-button-loader-primary.component.js +20 -0
- package/esm2015/lib/desy-modals/components/modal/modal-button-loader-secondary/modal-button-loader-secondary.component.js +19 -0
- package/esm2015/lib/desy-modals/components/modal/modal-button-primary/modal-button-primary.component.js +3 -3
- package/esm2015/lib/desy-modals/components/modal/modal-button-secondary/modal-button-secondary.component.js +3 -3
- package/esm2015/lib/desy-modals/components/modal/modal.component.js +15 -3
- package/esm2015/lib/desy-modals/desy-modals.module.js +7 -1
- package/esm2015/lib/desy-modals/interfaces/modal-button-data.js +1 -1
- package/esm2015/lib/desy-nav/components/footer/footer.component.js +9 -2
- package/esm2015/lib/desy-nav/components/header/header-custom-navigation/header-custom-navigation.component.js +11 -0
- package/esm2015/lib/desy-nav/components/header/header-navigation/header-navigation.component.js +2 -2
- package/esm2015/lib/desy-nav/components/header/header-offcanvas/header-offcanvas-button/header-offcanvas-button.component.js +2 -2
- package/esm2015/lib/desy-nav/components/header/header-subnav/header-subnav.component.js +2 -2
- package/esm2015/lib/desy-nav/components/header/header.component.js +10 -2
- package/esm2015/lib/desy-nav/components/menu-navigation/components/menu-navigation-item/menu-navigation-item.component.js +35 -0
- package/esm2015/lib/desy-nav/components/menu-navigation/components/menu-navigation-subitem/menu-navigation-subitem.component.js +31 -0
- package/esm2015/lib/desy-nav/components/menu-navigation/menu-navigation.component.js +568 -0
- package/esm2015/lib/desy-nav/components/menubar/menubar.component.js +33 -5
- package/esm2015/lib/desy-nav/desy-nav.module.js +15 -2
- package/esm2015/lib/desy-nav/interfaces/header-navigation-item-data.js +1 -1
- package/esm2015/lib/desy-nav/interfaces/index.js +4 -1
- package/esm2015/lib/desy-nav/interfaces/menu-navigation-item-sub-item-sub-item.js +2 -0
- package/esm2015/lib/desy-nav/interfaces/menu-navigation-item-sub-item.js +2 -0
- package/esm2015/lib/desy-nav/interfaces/menu-navigation.js +2 -0
- package/esm2015/lib/desy-pagination/components/pagination/pagination.component.js +48 -5
- package/esm2015/lib/desy-pagination/components/pagination-item-perpage/pagination-item-perpage.component.js +15 -0
- package/esm2015/lib/desy-pagination/components/pagination-listbox-label/pagination-listbox-label.component.js +14 -0
- package/esm2015/lib/desy-pagination/desy-pagination.module.js +9 -3
- package/esm2015/lib/desy-pagination/interfaces/index.js +1 -1
- package/esm2015/lib/desy-tables/components/table-advanced/components/table-advanced-header-cell.component.js +16 -3
- package/esm2015/lib/desy-tables/components/table-advanced/components/table-advanced-select.component.js +22 -0
- package/esm2015/lib/desy-tables/components/table-advanced/table-advanced.component.js +34 -3
- package/esm2015/lib/desy-tables/desy-tables.module.js +5 -2
- package/esm2015/lib/desy-tables/interfaces/head-cell-data.js +1 -1
- package/esm2015/lib/desy-views/components/accordion/accordion-header/accordion-header.component.js +1 -1
- package/esm2015/lib/desy-views/components/accordion/accordion-item/accordion-item.component.js +12 -2
- package/esm2015/lib/desy-views/components/accordion/accordion.component.js +32 -4
- package/esm2015/lib/desy-views/components/accordion-history/accordion-history-item/accordion-history-item.component.js +31 -0
- package/esm2015/lib/desy-views/components/accordion-history/accordion-history.component.js +15 -0
- package/esm2015/lib/desy-views/components/accordion-history/accordion-item-hide-button/accordion-item-hide-button.component.js +14 -0
- package/esm2015/lib/desy-views/components/accordion-history/accordion-item-show-button/accordion-item-show-button.component.js +14 -0
- package/esm2015/lib/desy-views/components/collapsible/collapsible.component.js +2 -2
- package/esm2015/lib/desy-views/components/item/item.component.js +23 -5
- package/esm2015/lib/desy-views/components/media-object/media-object.component.js +37 -4
- package/esm2015/lib/desy-views/components/spinner/spinner.component.js +33 -4
- package/esm2015/lib/desy-views/components/status/status.component.js +36 -5
- package/esm2015/lib/desy-views/components/status-item/status-item.component.js +35 -4
- package/esm2015/lib/desy-views/components/tabs/tabs.component.js +36 -5
- package/esm2015/lib/desy-views/components/tooltip/tooltip.component.js +36 -5
- package/esm2015/lib/desy-views/desy-views.module.js +14 -2
- package/esm2015/public-api.js +5 -1
- package/fesm2015/desy-angular.js +1322 -91
- package/fesm2015/desy-angular.js.map +1 -1
- package/lib/desy-buttons/components/button/button.component.d.ts +2 -2
- package/lib/desy-buttons/components/dropdown/dropdown.component.d.ts +5 -4
- package/lib/desy-buttons/components/toggle/toggle.component.d.ts +2 -0
- package/lib/desy-commons/components/description/description.component.d.ts +1 -0
- package/lib/desy-commons/components/divider/divider.component.d.ts +6 -0
- package/lib/desy-commons/components/icon/icon.component.d.ts +1 -0
- package/lib/desy-commons/interfaces/description-data.d.ts +1 -0
- package/lib/desy-commons/interfaces/divider-data.d.ts +4 -0
- package/lib/desy-commons/interfaces/icon-data.d.ts +1 -0
- package/lib/desy-commons/interfaces/index.d.ts +1 -0
- package/lib/desy-forms/components/checkboxes/checkbox-item/checkbox-item.component.d.ts +1 -1
- package/lib/desy-forms/components/date-input/date-input.component.d.ts +6 -3
- package/lib/desy-forms/components/file-upload/file-upload.component.d.ts +6 -2
- package/lib/desy-forms/components/input/input.component.d.ts +5 -2
- package/lib/desy-forms/components/input-group/input-group-input/input-group-input.component.d.ts +1 -0
- package/lib/desy-forms/components/input-group/input-group-select/input-group-select.component.d.ts +1 -0
- package/lib/desy-forms/components/radios/radio-item/radio-item.component.d.ts +1 -1
- package/lib/desy-forms/components/search-bar/search-bar.component.d.ts +5 -3
- package/lib/desy-forms/components/textarea/textarea.component.d.ts +3 -1
- package/lib/desy-forms/components/tree/tree.component.d.ts +1 -1
- package/lib/desy-forms/interfaces/item-input-group-data.d.ts +1 -0
- package/lib/desy-modals/components/dialog/dialog.component.d.ts +1 -1
- package/lib/desy-modals/components/modal/modal-button-loader-primary/modal-button-loader-primary.component.d.ts +8 -0
- package/lib/desy-modals/components/modal/modal-button-loader-secondary/modal-button-loader-secondary.component.d.ts +7 -0
- package/lib/desy-modals/components/modal/modal-button-primary/modal-button-primary.component.d.ts +3 -3
- package/lib/desy-modals/components/modal/modal-button-secondary/modal-button-secondary.component.d.ts +3 -3
- package/lib/desy-modals/components/modal/modal.component.d.ts +8 -0
- package/lib/desy-modals/interfaces/modal-button-data.d.ts +16 -0
- package/lib/desy-nav/components/footer/footer.component.d.ts +5 -0
- package/lib/desy-nav/components/header/header-custom-navigation/header-custom-navigation.component.d.ts +3 -0
- package/lib/desy-nav/components/header/header.component.d.ts +5 -0
- package/lib/desy-nav/components/menu-navigation/components/menu-navigation-item/menu-navigation-item.component.d.ts +22 -0
- package/lib/desy-nav/components/menu-navigation/components/menu-navigation-subitem/menu-navigation-subitem.component.d.ts +19 -0
- package/lib/desy-nav/components/menu-navigation/menu-navigation.component.d.ts +80 -0
- package/lib/desy-nav/components/menubar/menubar.component.d.ts +16 -2
- package/lib/desy-nav/interfaces/header-navigation-item-data.d.ts +1 -0
- package/lib/desy-nav/interfaces/index.d.ts +3 -0
- package/lib/desy-nav/interfaces/menu-navigation-item-sub-item-sub-item.d.ts +14 -0
- package/lib/desy-nav/interfaces/menu-navigation-item-sub-item.d.ts +6 -0
- package/lib/desy-nav/interfaces/menu-navigation.d.ts +17 -0
- package/lib/desy-pagination/components/pagination/pagination.component.d.ts +15 -4
- package/lib/desy-pagination/components/pagination-item-perpage/pagination-item-perpage.component.d.ts +7 -0
- package/lib/desy-pagination/components/pagination-listbox-label/pagination-listbox-label.component.d.ts +4 -0
- package/lib/desy-tables/components/table-advanced/components/table-advanced-header-cell.component.d.ts +7 -0
- package/lib/desy-tables/components/table-advanced/components/table-advanced-select.component.d.ts +9 -0
- package/lib/desy-tables/components/table-advanced/table-advanced.component.d.ts +8 -0
- package/lib/desy-tables/interfaces/head-cell-data.d.ts +3 -0
- package/lib/desy-views/components/accordion/accordion-item/accordion-item.component.d.ts +4 -0
- package/lib/desy-views/components/accordion/accordion.component.d.ts +17 -3
- package/lib/desy-views/components/accordion-history/accordion-history-item/accordion-history-item.component.d.ts +9 -0
- package/lib/desy-views/components/accordion-history/accordion-history.component.d.ts +6 -0
- package/lib/desy-views/components/accordion-history/accordion-item-hide-button/accordion-item-hide-button.component.d.ts +4 -0
- package/lib/desy-views/components/accordion-history/accordion-item-show-button/accordion-item-show-button.component.d.ts +4 -0
- package/lib/desy-views/components/item/item.component.d.ts +8 -4
- package/lib/desy-views/components/media-object/media-object.component.d.ts +19 -3
- package/lib/desy-views/components/spinner/spinner.component.d.ts +17 -2
- package/lib/desy-views/components/status/status.component.d.ts +18 -2
- package/lib/desy-views/components/status-item/status-item.component.d.ts +18 -3
- package/lib/desy-views/components/tabs/tabs.component.d.ts +18 -3
- package/lib/desy-views/components/tooltip/tooltip.component.d.ts +18 -3
- package/package.json +2 -2
- package/public-api.d.ts +4 -0
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { DividerData } from '../../desy-commons/interfaces';
|
|
2
|
+
import { AccesibilityData } from '../../shared/interfaces/accesibility-data';
|
|
3
|
+
import { MenuNavigationItemSubItem } from './menu-navigation-item-sub-item';
|
|
4
|
+
export interface MenuNavigationItem extends AccesibilityData {
|
|
5
|
+
href?: string;
|
|
6
|
+
target?: string;
|
|
7
|
+
text: string;
|
|
8
|
+
html: string;
|
|
9
|
+
id?: string;
|
|
10
|
+
expanded?: boolean;
|
|
11
|
+
divider?: DividerData;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
sub?: MenuNavigationItemSubItem;
|
|
14
|
+
classes?: string;
|
|
15
|
+
title?: string;
|
|
16
|
+
active?: boolean;
|
|
17
|
+
}
|
|
@@ -1,26 +1,34 @@
|
|
|
1
|
-
import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
|
|
1
|
+
import { EventEmitter, OnChanges, SimpleChanges, QueryList, AfterViewInit } from '@angular/core';
|
|
2
2
|
import { AccessibilityComponent } from '../../../shared/components';
|
|
3
3
|
import { PaginationItemData } from '../../interfaces';
|
|
4
|
-
|
|
4
|
+
import { PaginationItemPerPageComponent } from '../pagination-item-perpage/pagination-item-perpage.component';
|
|
5
|
+
import { PaginationListboxLabelComponent } from '../pagination-listbox-label/pagination-listbox-label.component';
|
|
6
|
+
export declare class PaginationComponent extends AccessibilityComponent implements OnChanges, AfterViewInit {
|
|
5
7
|
hasSelect: boolean;
|
|
6
8
|
idPrefix: string;
|
|
7
|
-
classesContainer: string;
|
|
8
9
|
totalItems: number;
|
|
9
10
|
itemsPerPage: number;
|
|
10
11
|
hasPrevious: boolean;
|
|
11
12
|
hasNext: boolean;
|
|
12
13
|
previousText: string;
|
|
13
14
|
nextText: string;
|
|
15
|
+
hasSelectItemsPerPage: string;
|
|
14
16
|
classes: string;
|
|
15
|
-
|
|
17
|
+
classesContainer: any;
|
|
18
|
+
id: any;
|
|
19
|
+
listboxLabel: PaginationListboxLabelComponent;
|
|
20
|
+
listboxItems: QueryList<PaginationItemPerPageComponent>;
|
|
16
21
|
currentPage: number;
|
|
17
22
|
currentPageChange: EventEmitter<number>;
|
|
18
23
|
nPages: number;
|
|
19
24
|
items: PaginationItemData[];
|
|
25
|
+
defaultText: boolean;
|
|
20
26
|
readonly previousIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"self-center h-2.5 w-2.5 mr-2\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M54.87 71.77a2.5 2.5 0 010-3.54L106 17.07A10 10 0 1091.89 2.93L35.43 59.39a15 15 0 000 21.22l56.46 56.46A10 10 0 10106 122.93z\" fill=\"currentColor\" /></svg>";
|
|
21
27
|
readonly nextIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"self-center h-2.5 w-2.5 ml-2\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M34 137.07a10 10 0 010-14.14l51.13-51.16a2.5 2.5 0 000-3.54L34 17.07A10 10 0 0148.11 2.93l56.46 56.46a15 15 0 010 21.22l-56.46 56.46a10 10 0 01-14.11 0z\" fill=\"currentColor\" /></svg>";
|
|
22
28
|
readonly prefix = "<span class=\"sr-only\">P\u00E1gina </span>";
|
|
23
29
|
ngOnChanges(changes: SimpleChanges): void;
|
|
30
|
+
ngAfterViewInit(): void;
|
|
31
|
+
checkChanges(): void;
|
|
24
32
|
getSuffix(page: number): string;
|
|
25
33
|
getLastItemNumber(pageIndex: number): number;
|
|
26
34
|
buildPages(): void;
|
|
@@ -30,4 +38,7 @@ export declare class PaginationComponent extends AccessibilityComponent implemen
|
|
|
30
38
|
previous(): void;
|
|
31
39
|
next(): void;
|
|
32
40
|
getActiveItemText(): any;
|
|
41
|
+
getListboxLabel(): PaginationListboxLabelComponent;
|
|
42
|
+
getItemsPerPage(): PaginationItemPerPageComponent[];
|
|
43
|
+
changeItemsPerPage(event: any): void;
|
|
33
44
|
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ContentBaseComponent } from './../../../shared/components/content-base/content-base.component';
|
|
2
|
+
import { ListboxItemData } from '../../../desy-buttons/interfaces/listbox-item-data';
|
|
3
|
+
export declare class PaginationItemPerPageComponent extends ContentBaseComponent implements ListboxItemData {
|
|
4
|
+
classes?: string;
|
|
5
|
+
value: number;
|
|
6
|
+
active: boolean;
|
|
7
|
+
}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import { ContentComponent } from './../../../../desy-commons/components/content/content.component';
|
|
2
|
+
import { TableAdvancedSelectComponent } from './table-advanced-select.component';
|
|
1
3
|
import { HeadCellModelData, OrderBy } from '../../../interfaces';
|
|
2
4
|
import { ContentBaseComponent } from '../../../../shared/components';
|
|
3
5
|
export declare class TableAdvancedHeaderCellComponent extends ContentBaseComponent implements HeadCellModelData {
|
|
@@ -8,6 +10,11 @@ export declare class TableAdvancedHeaderCellComponent extends ContentBaseCompone
|
|
|
8
10
|
orderBy: OrderBy;
|
|
9
11
|
hasFilter: boolean;
|
|
10
12
|
filterClasses: string;
|
|
13
|
+
hasSelect?: boolean;
|
|
11
14
|
valueFilter?: string;
|
|
12
15
|
activeFilter?: boolean;
|
|
16
|
+
valueSelect?: string;
|
|
17
|
+
activeSelect?: boolean;
|
|
18
|
+
selectComponent?: TableAdvancedSelectComponent;
|
|
19
|
+
contentComponent?: ContentComponent;
|
|
13
20
|
}
|
package/lib/desy-tables/components/table-advanced/components/table-advanced-select.component.d.ts
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { OptionComponent } from './../../../../desy-forms/components/select/option/option.component';
|
|
2
|
+
import { SelectComponent } from './../../../../desy-forms/components/select/select.component';
|
|
3
|
+
import { EventEmitter, QueryList } from "@angular/core";
|
|
4
|
+
export declare class TableAdvancedSelectComponent extends SelectComponent {
|
|
5
|
+
isSelect: boolean;
|
|
6
|
+
value: any;
|
|
7
|
+
valueChange: EventEmitter<any>;
|
|
8
|
+
selectItemComponentList: QueryList<OptionComponent>;
|
|
9
|
+
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ContentComponent } from './../../../desy-commons/components/content/content.component';
|
|
1
2
|
import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, QueryList } from '@angular/core';
|
|
2
3
|
import { AccessibilityComponent } from '../../../shared/components';
|
|
3
4
|
import { HeadCellModelData, OrderBy, RowData, WrapperData } from '../../interfaces';
|
|
@@ -8,6 +9,8 @@ import { TableAdvancedRowComponent } from './components/table-advanced-row.compo
|
|
|
8
9
|
import { CellDirective } from '../../directives/cell.directive';
|
|
9
10
|
import { RowDirective } from '../../directives/row.directive';
|
|
10
11
|
import { RecalculateTableParams } from '../../interfaces/recalculate-table-params';
|
|
12
|
+
import { TableAdvancedSelectComponent } from './components/table-advanced-select.component';
|
|
13
|
+
import { SelectItemData } from '../../../desy-forms/interfaces/select-item-data';
|
|
11
14
|
export declare class TableAdvancedComponent extends AccessibilityComponent implements AfterViewInit {
|
|
12
15
|
private el;
|
|
13
16
|
private changeDetector;
|
|
@@ -58,8 +61,12 @@ export declare class TableAdvancedComponent extends AccessibilityComponent imple
|
|
|
58
61
|
getIdHeader(index: number): string;
|
|
59
62
|
getIdRowCheckbox(index: number): string;
|
|
60
63
|
getIdHeaderFilter(index: number): string;
|
|
64
|
+
getIdHeaderSelect(index: number): string;
|
|
61
65
|
getCaptionClass(): string;
|
|
62
66
|
getStringOrderBy(orderBy: OrderBy): string;
|
|
67
|
+
getSelectForItem(item: TableAdvancedHeaderCellComponent): TableAdvancedSelectComponent;
|
|
68
|
+
getItemSelectOptions(item: TableAdvancedSelectComponent): SelectItemData[];
|
|
69
|
+
getContentComponent(item: TableAdvancedHeaderCellComponent): ContentComponent;
|
|
63
70
|
/**
|
|
64
71
|
* checks
|
|
65
72
|
*/
|
|
@@ -111,4 +118,5 @@ export declare class TableAdvancedComponent extends AccessibilityComponent imple
|
|
|
111
118
|
* si es una cantidad de dinero se quita € para poder comparar los numeros
|
|
112
119
|
*/
|
|
113
120
|
private cleanCurrency;
|
|
121
|
+
selectFilter(item: TableAdvancedSelectComponent, itemValue: any): void;
|
|
114
122
|
}
|
|
@@ -3,10 +3,13 @@ export interface HeadCellData extends CellData {
|
|
|
3
3
|
orderBy?: OrderBy;
|
|
4
4
|
hasFilter?: boolean;
|
|
5
5
|
filterClasses?: string;
|
|
6
|
+
hasSelect?: boolean;
|
|
6
7
|
}
|
|
7
8
|
export interface HeadCellModelData extends HeadCellData {
|
|
8
9
|
valueFilter?: string;
|
|
9
10
|
activeFilter?: boolean;
|
|
11
|
+
valueSelect?: string;
|
|
12
|
+
activeSelect?: boolean;
|
|
10
13
|
}
|
|
11
14
|
export declare enum OrderBy {
|
|
12
15
|
none = "none",
|
|
@@ -3,6 +3,8 @@ import { AccordionItemData } from '../../../interfaces';
|
|
|
3
3
|
import { AccordionHeaderComponent } from '../accordion-header/accordion-header.component';
|
|
4
4
|
import { ContentComponent } from '../../../../desy-commons/components/content/content.component';
|
|
5
5
|
import { AccessibilityComponent } from '../../../../shared/components';
|
|
6
|
+
import { AccordionItemShowButtonComponent } from '../../accordion-history/accordion-item-show-button/accordion-item-show-button.component';
|
|
7
|
+
import { AccordionItemHideButtonComponent } from '../../accordion-history/accordion-item-hide-button/accordion-item-hide-button.component';
|
|
6
8
|
export declare class AccordionItemComponent extends AccessibilityComponent implements AccordionItemData {
|
|
7
9
|
id: string;
|
|
8
10
|
open: boolean;
|
|
@@ -10,4 +12,6 @@ export declare class AccordionItemComponent extends AccessibilityComponent imple
|
|
|
10
12
|
openChange: EventEmitter<boolean>;
|
|
11
13
|
headerComponent: AccordionHeaderComponent;
|
|
12
14
|
contentComponent: ContentComponent;
|
|
15
|
+
showHeaderButton: AccordionItemShowButtonComponent;
|
|
16
|
+
hideHeaderButton: AccordionItemHideButtonComponent;
|
|
13
17
|
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { ElementRef, QueryList } from '@angular/core';
|
|
1
|
+
import { ElementRef, OnChanges, QueryList, SimpleChanges } from '@angular/core';
|
|
2
2
|
import { AccordionHeaderData } from '../../interfaces';
|
|
3
3
|
import { AccessibilityComponent } from '../../../shared/components';
|
|
4
4
|
import { AccordionItemData } from '../../interfaces';
|
|
5
5
|
import { AccordionHeaderComponent } from './accordion-header/accordion-header.component';
|
|
6
6
|
import { AccordionItemComponent } from './accordion-item/accordion-item.component';
|
|
7
7
|
import { ContentComponent } from '../../../desy-commons/components/content/content.component';
|
|
8
|
-
export declare class AccordionComponent extends AccessibilityComponent {
|
|
8
|
+
export declare class AccordionComponent extends AccessibilityComponent implements OnChanges {
|
|
9
9
|
itemSelectors: QueryList<ElementRef>;
|
|
10
10
|
idPrefix: string;
|
|
11
11
|
allowToggle: boolean;
|
|
@@ -14,11 +14,25 @@ export declare class AccordionComponent extends AccessibilityComponent {
|
|
|
14
14
|
headingLevel: any;
|
|
15
15
|
showControl: boolean;
|
|
16
16
|
items: AccordionItemData[];
|
|
17
|
-
classes:
|
|
17
|
+
classes: any;
|
|
18
|
+
roleData: any;
|
|
19
|
+
ariaLabelData: any;
|
|
20
|
+
ariaDescribedbyData: any;
|
|
21
|
+
ariaLabelledbyData: any;
|
|
22
|
+
ariaHiddenData: any;
|
|
23
|
+
ariaDisabledData: any;
|
|
24
|
+
ariaControlsData: any;
|
|
25
|
+
ariaCurrentData: any;
|
|
26
|
+
ariaLiveData: any;
|
|
27
|
+
ariaExpandedData: any;
|
|
28
|
+
ariaErrormessageData: any;
|
|
29
|
+
ariaHaspopupData: any;
|
|
30
|
+
ariaModalData: any;
|
|
18
31
|
headingComponent: AccordionHeaderComponent;
|
|
19
32
|
itemComponentList: QueryList<AccordionItemComponent>;
|
|
20
33
|
showAll: boolean;
|
|
21
34
|
currentItem: number;
|
|
35
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
22
36
|
getItemId(item: any, index: number): string;
|
|
23
37
|
changeAll(): void;
|
|
24
38
|
toggleItem(item: AccordionItemData): void;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { AccordionItemComponent } from '../../accordion/accordion-item/accordion-item.component';
|
|
2
|
+
import { AccordionItemHideButtonComponent } from '../accordion-item-hide-button/accordion-item-hide-button.component';
|
|
3
|
+
import { AccordionItemShowButtonComponent } from '../accordion-item-show-button/accordion-item-show-button.component';
|
|
4
|
+
export declare class AccordionHistoryItemComponent extends AccordionItemComponent {
|
|
5
|
+
status: 'current' | 'pending' | 'muted' | 'currentmuted' | any;
|
|
6
|
+
disabled: boolean;
|
|
7
|
+
showButton: AccordionItemShowButtonComponent;
|
|
8
|
+
hideButton: AccordionItemHideButtonComponent;
|
|
9
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { QueryList } from '@angular/core';
|
|
2
|
+
import { AccordionComponent } from '../accordion/accordion.component';
|
|
3
|
+
import { AccordionHistoryItemComponent } from './accordion-history-item/accordion-history-item.component';
|
|
4
|
+
export declare class AccordionHistoryComponent extends AccordionComponent {
|
|
5
|
+
itemComponentList: QueryList<AccordionHistoryItemComponent>;
|
|
6
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ChangeDetectorRef, QueryList, TemplateRef } from '@angular/core';
|
|
1
|
+
import { ChangeDetectorRef, OnChanges, OnInit, QueryList, SimpleChanges, TemplateRef } from '@angular/core';
|
|
2
2
|
import { AccessibilityComponent } from '../../../shared/components';
|
|
3
3
|
import { ContentData, DescriptionData, IconData, TitleData } from '../../../desy-commons/interfaces';
|
|
4
4
|
import { TitleComponent } from '../../../desy-commons/components/title/title.component';
|
|
@@ -7,7 +7,7 @@ import { ItemContentRightComponent } from './item-content-right/item-content-rig
|
|
|
7
7
|
import { ItemContentBottomComponent } from './item-content-bottom/item-content-bottom.component';
|
|
8
8
|
import { ItemItemComponent } from './item-item/item-item.component';
|
|
9
9
|
import { IconComponent } from '../../../desy-commons/components/icon/icon.component';
|
|
10
|
-
export declare class ItemComponent extends AccessibilityComponent {
|
|
10
|
+
export declare class ItemComponent extends AccessibilityComponent implements OnChanges, OnInit {
|
|
11
11
|
private changeDetectorRef;
|
|
12
12
|
title: TitleData;
|
|
13
13
|
description: DescriptionData;
|
|
@@ -17,9 +17,9 @@ export declare class ItemComponent extends AccessibilityComponent {
|
|
|
17
17
|
icon: IconData;
|
|
18
18
|
isDraggable: boolean;
|
|
19
19
|
isLocked: boolean;
|
|
20
|
-
id: string;
|
|
21
|
-
classes: string;
|
|
22
20
|
caller: TemplateRef<any>;
|
|
21
|
+
classes: any;
|
|
22
|
+
id: any;
|
|
23
23
|
titleComponent: TitleComponent;
|
|
24
24
|
descriptionComponent: DescriptionComponent;
|
|
25
25
|
iconComponent: IconComponent;
|
|
@@ -27,7 +27,11 @@ export declare class ItemComponent extends AccessibilityComponent {
|
|
|
27
27
|
contentRightComponent: ItemContentRightComponent;
|
|
28
28
|
itemComponents: QueryList<ItemItemComponent>;
|
|
29
29
|
constructor(changeDetectorRef: ChangeDetectorRef);
|
|
30
|
+
ngOnInit(): void;
|
|
30
31
|
getItems(): string[] | ItemItemComponent[];
|
|
31
32
|
handleIconContentEmpty(isEmpty: boolean): void;
|
|
32
33
|
getTitle(): TitleData;
|
|
34
|
+
getIcon(): IconData;
|
|
35
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
36
|
+
checkClasses(): void;
|
|
33
37
|
}
|
|
@@ -1,17 +1,33 @@
|
|
|
1
1
|
import { AccessibilityComponent } from '../../../shared/components';
|
|
2
|
-
import { TemplateRef, ElementRef } from '@angular/core';
|
|
2
|
+
import { TemplateRef, ElementRef, OnChanges, SimpleChanges } from '@angular/core';
|
|
3
3
|
import { ContentComponent } from '../../../desy-commons/components/content/content.component';
|
|
4
4
|
import { MediaObjectFigureComponent } from './media-object-figure/media-object-figure.component';
|
|
5
|
-
export declare class MediaObjectComponent extends AccessibilityComponent {
|
|
5
|
+
export declare class MediaObjectComponent extends AccessibilityComponent implements OnChanges {
|
|
6
6
|
figureHtml: string;
|
|
7
|
-
classes: string;
|
|
8
7
|
center: boolean;
|
|
9
8
|
reverse: boolean;
|
|
10
9
|
figureClasses: string;
|
|
11
10
|
contenClasses: string;
|
|
12
11
|
caller: TemplateRef<any>;
|
|
13
12
|
id: string;
|
|
13
|
+
classes: any;
|
|
14
|
+
cfgr: boolean;
|
|
15
|
+
idData: any;
|
|
16
|
+
roleData: any;
|
|
17
|
+
ariaDescribedbyData: any;
|
|
18
|
+
ariaErrormessageData: any;
|
|
19
|
+
ariaLabelData: any;
|
|
20
|
+
ariaLabelledbyData: any;
|
|
21
|
+
ariaHiddenData: any;
|
|
22
|
+
ariaDisabledData: any;
|
|
23
|
+
ariaControlsData: any;
|
|
24
|
+
ariaCurrentData: any;
|
|
25
|
+
ariaLiveData: any;
|
|
26
|
+
ariaExpandedData: any;
|
|
27
|
+
ariaHaspopupData: any;
|
|
28
|
+
tabindexData: any;
|
|
14
29
|
contentComponent: ContentComponent;
|
|
15
30
|
mediaObjectFigureComponent: MediaObjectFigureComponent;
|
|
16
31
|
mediaFigureContent: ElementRef;
|
|
32
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
17
33
|
}
|
|
@@ -1,6 +1,21 @@
|
|
|
1
|
+
import { OnChanges, SimpleChanges } from '@angular/core';
|
|
1
2
|
import { AccessibilityComponent } from '../../../shared/components';
|
|
2
|
-
export declare class SpinnerComponent extends AccessibilityComponent {
|
|
3
|
-
classes: string;
|
|
3
|
+
export declare class SpinnerComponent extends AccessibilityComponent implements OnChanges {
|
|
4
4
|
text: string;
|
|
5
|
+
classes: any;
|
|
6
|
+
roleData: any;
|
|
7
|
+
ariaLabelData: any;
|
|
8
|
+
ariaDescribedbyData: any;
|
|
9
|
+
ariaLabelledbyData: any;
|
|
10
|
+
ariaHiddenData: any;
|
|
11
|
+
ariaDisabledData: any;
|
|
12
|
+
ariaControlsData: any;
|
|
13
|
+
ariaCurrentData: any;
|
|
14
|
+
ariaLiveData: any;
|
|
15
|
+
ariaExpandedData: any;
|
|
16
|
+
ariaErrormessageData: any;
|
|
17
|
+
ariaHaspopupData: any;
|
|
18
|
+
ariaModalData: any;
|
|
5
19
|
id: string;
|
|
20
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
6
21
|
}
|
|
@@ -1,9 +1,25 @@
|
|
|
1
|
+
import { OnChanges, SimpleChanges } from '@angular/core';
|
|
1
2
|
import { AccessibilityComponent } from '../../../shared/components';
|
|
2
3
|
import { StatusIconData } from '../../interfaces/status-icon-data';
|
|
3
|
-
export declare class StatusComponent extends AccessibilityComponent {
|
|
4
|
+
export declare class StatusComponent extends AccessibilityComponent implements OnChanges {
|
|
4
5
|
text: string;
|
|
5
6
|
id: string;
|
|
6
|
-
classes: string;
|
|
7
7
|
icon: StatusIconData;
|
|
8
|
+
classes: any;
|
|
9
|
+
idData: any;
|
|
10
|
+
roleData: any;
|
|
11
|
+
ariaDescribedbyData: any;
|
|
12
|
+
ariaErrormessageData: any;
|
|
13
|
+
ariaLabelData: any;
|
|
14
|
+
ariaLabelledbyData: any;
|
|
15
|
+
ariaHiddenData: any;
|
|
16
|
+
ariaDisabledData: any;
|
|
17
|
+
ariaControlsData: any;
|
|
18
|
+
ariaCurrentData: any;
|
|
19
|
+
ariaLiveData: any;
|
|
20
|
+
ariaExpandedData: any;
|
|
21
|
+
ariaHaspopupData: any;
|
|
22
|
+
tabindexData: any;
|
|
23
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
8
24
|
getType(): string;
|
|
9
25
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { QueryList, TemplateRef } from '@angular/core';
|
|
1
|
+
import { OnChanges, QueryList, SimpleChanges, TemplateRef } from '@angular/core';
|
|
2
2
|
import { AccessibilityComponent } from '../../../shared/components';
|
|
3
3
|
import { DescriptionItemData, StatusItemTitleData, StatusData } from '../../interfaces';
|
|
4
4
|
import { ErrorMessageData, HintData } from '../../../desy-forms/interfaces';
|
|
@@ -8,9 +8,8 @@ import { HintComponent } from '../../../desy-forms/components/hint/hint.componen
|
|
|
8
8
|
import { ErrorMessageComponent } from '../../../desy-forms/components/error-message/error-message.component';
|
|
9
9
|
import { StatusComponent } from '../status/status.component';
|
|
10
10
|
import { ContentComponent } from '../../../desy-commons/components/content/content.component';
|
|
11
|
-
export declare class StatusItemComponent extends AccessibilityComponent {
|
|
11
|
+
export declare class StatusItemComponent extends AccessibilityComponent implements OnChanges {
|
|
12
12
|
id: string;
|
|
13
|
-
classes: string;
|
|
14
13
|
errorId: string;
|
|
15
14
|
describedBy: string;
|
|
16
15
|
title: StatusItemTitleData;
|
|
@@ -18,6 +17,21 @@ export declare class StatusItemComponent extends AccessibilityComponent {
|
|
|
18
17
|
errorMessage: ErrorMessageData;
|
|
19
18
|
items: DescriptionItemData[];
|
|
20
19
|
status: StatusData;
|
|
20
|
+
classes: any;
|
|
21
|
+
idData: any;
|
|
22
|
+
roleData: any;
|
|
23
|
+
ariaDescribedbyData: any;
|
|
24
|
+
ariaErrormessageData: any;
|
|
25
|
+
ariaLabelData: any;
|
|
26
|
+
ariaLabelledbyData: any;
|
|
27
|
+
ariaHiddenData: any;
|
|
28
|
+
ariaDisabledData: any;
|
|
29
|
+
ariaControlsData: any;
|
|
30
|
+
ariaCurrentData: any;
|
|
31
|
+
ariaLiveData: any;
|
|
32
|
+
ariaExpandedData: any;
|
|
33
|
+
ariaHaspopupData: any;
|
|
34
|
+
tabindexData: any;
|
|
21
35
|
titleComponent: TitleComponent;
|
|
22
36
|
hintComponent: HintComponent;
|
|
23
37
|
errorMessageComponent: ErrorMessageComponent;
|
|
@@ -25,5 +39,6 @@ export declare class StatusItemComponent extends AccessibilityComponent {
|
|
|
25
39
|
itemComponents: QueryList<DescriptionItemComponent>;
|
|
26
40
|
statusComponent: StatusComponent;
|
|
27
41
|
caller: TemplateRef<any>;
|
|
42
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
28
43
|
getItems(): DescriptionItemData[] | DescriptionItemComponent[];
|
|
29
44
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { AfterViewInit, ChangeDetectorRef, ElementRef, QueryList } from '@angular/core';
|
|
1
|
+
import { AfterViewInit, ChangeDetectorRef, ElementRef, OnChanges, QueryList, SimpleChanges } from '@angular/core';
|
|
2
2
|
import { AccessibilityComponent } from '../../../shared/components';
|
|
3
3
|
import { TabsItemsData } from '../../interfaces';
|
|
4
4
|
import { TabItemComponent } from './tab-item/tab-item.component';
|
|
5
|
-
export declare class TabsComponent extends AccessibilityComponent implements AfterViewInit {
|
|
5
|
+
export declare class TabsComponent extends AccessibilityComponent implements AfterViewInit, OnChanges {
|
|
6
6
|
private changeDetector;
|
|
7
7
|
itemComponents: QueryList<TabItemComponent>;
|
|
8
8
|
tabSelectors: QueryList<ElementRef>;
|
|
@@ -10,14 +10,29 @@ export declare class TabsComponent extends AccessibilityComponent implements Aft
|
|
|
10
10
|
tabSrOnly: ElementRef;
|
|
11
11
|
id: string;
|
|
12
12
|
idPrefix: string;
|
|
13
|
-
classes: string;
|
|
14
13
|
headingLevel: number;
|
|
15
14
|
title: string;
|
|
16
15
|
tablistAriaLabel: string;
|
|
17
16
|
items: TabsItemsData[];
|
|
17
|
+
classes: any;
|
|
18
|
+
idData: any;
|
|
19
|
+
roleData: any;
|
|
20
|
+
ariaDescribedbyData: any;
|
|
21
|
+
ariaErrormessageData: any;
|
|
22
|
+
ariaLabelData: any;
|
|
23
|
+
ariaLabelledbyData: any;
|
|
24
|
+
ariaHiddenData: any;
|
|
25
|
+
ariaDisabledData: any;
|
|
26
|
+
ariaControlsData: any;
|
|
27
|
+
ariaCurrentData: any;
|
|
28
|
+
ariaLiveData: any;
|
|
29
|
+
ariaExpandedData: any;
|
|
30
|
+
ariaHaspopupData: any;
|
|
31
|
+
tabindexData: any;
|
|
18
32
|
currentTab: number;
|
|
19
33
|
currentPanel: any;
|
|
20
34
|
constructor(changeDetector: ChangeDetectorRef);
|
|
35
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
21
36
|
ngAfterViewInit(): void;
|
|
22
37
|
getItems(): TabsItemsData[] | TabItemComponent[];
|
|
23
38
|
getItemPanel(tab: number): TabItemComponent;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { AfterContentInit, ChangeDetectorRef, ElementRef, TemplateRef } from '@angular/core';
|
|
1
|
+
import { AfterContentInit, ChangeDetectorRef, ElementRef, OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
|
|
2
2
|
import { AccessibilityComponent } from '../../../shared/components';
|
|
3
3
|
import { ContentComponent } from '../../../desy-commons/components/content/content.component';
|
|
4
4
|
import { IconComponent } from '../../../desy-commons/components/icon/icon.component';
|
|
5
5
|
import { IconData } from '../../../desy-commons/interfaces';
|
|
6
6
|
import { TooltipContentComponent } from './tooltip-content/tooltip-content.component';
|
|
7
|
-
export declare class TooltipComponent extends AccessibilityComponent implements AfterContentInit {
|
|
7
|
+
export declare class TooltipComponent extends AccessibilityComponent implements AfterContentInit, OnChanges {
|
|
8
8
|
private changeDetectorRef;
|
|
9
9
|
static readonly KEY_CODE_ESC = "Escape";
|
|
10
10
|
contentComponent: ContentComponent;
|
|
@@ -15,14 +15,29 @@ export declare class TooltipComponent extends AccessibilityComponent implements
|
|
|
15
15
|
text: string;
|
|
16
16
|
html: string;
|
|
17
17
|
complex: boolean;
|
|
18
|
-
classes: string;
|
|
19
18
|
classesTooltip: string;
|
|
20
19
|
icon: IconData;
|
|
21
20
|
caller: TemplateRef<any>;
|
|
21
|
+
classes: any;
|
|
22
|
+
idData: any;
|
|
23
|
+
roleData: any;
|
|
24
|
+
ariaDescribedbyData: any;
|
|
25
|
+
ariaErrormessageData: any;
|
|
26
|
+
ariaLabelData: any;
|
|
27
|
+
ariaLabelledbyData: any;
|
|
28
|
+
ariaHiddenData: any;
|
|
29
|
+
ariaDisabledData: any;
|
|
30
|
+
ariaControlsData: any;
|
|
31
|
+
ariaCurrentData: any;
|
|
32
|
+
ariaLiveData: any;
|
|
33
|
+
ariaExpandedData: any;
|
|
34
|
+
ariaHaspopupData: any;
|
|
35
|
+
tabindexData: any;
|
|
22
36
|
tippyProperties: any;
|
|
23
37
|
hasContent: boolean;
|
|
24
38
|
hasIconComponentContent: boolean;
|
|
25
39
|
constructor(changeDetectorRef: ChangeDetectorRef);
|
|
40
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
26
41
|
ngAfterContentInit(): void;
|
|
27
42
|
getIdButton(): string;
|
|
28
43
|
getIdTooltip(): string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "desy-angular",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "6.0.1",
|
|
4
4
|
"description": "Desy Angular contains the code you need to start building your Angular app for Gobierno de Aragón.",
|
|
5
5
|
"engines": {
|
|
6
6
|
"node": "^12.18.0"
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
"@angular/platform-browser": "^11.0.0",
|
|
32
32
|
"@angular/platform-browser-dynamic": "^11.0.0",
|
|
33
33
|
"@angular/router": "^11.0.0",
|
|
34
|
-
"desy-html": "^
|
|
34
|
+
"desy-html": "^6.2.1"
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"ngx-tippy-wrapper": "2.1.0",
|
package/public-api.d.ts
CHANGED
|
@@ -131,6 +131,7 @@ export * from './lib/desy-tables/components/table-advanced/components/table-adva
|
|
|
131
131
|
export * from './lib/desy-tables/components/table-advanced/components/table-advanced-row-cell.component';
|
|
132
132
|
export * from './lib/desy-views/components/alert/alert.component';
|
|
133
133
|
export * from './lib/desy-views/components/accordion/accordion.component';
|
|
134
|
+
export * from './lib/desy-views/components/accordion-history/accordion-history.component';
|
|
134
135
|
export * from './lib/desy-views/components/spinner/spinner.component';
|
|
135
136
|
export * from './lib/desy-views/components/details/details.component';
|
|
136
137
|
export * from './lib/desy-views/components/description-list/description-list.component';
|
|
@@ -144,6 +145,9 @@ export * from './lib/desy-views/interfaces';
|
|
|
144
145
|
export * from './lib/desy-views/services/alert.service';
|
|
145
146
|
export * from './lib/desy-views/components/accordion/accordion-header/accordion-header.component';
|
|
146
147
|
export * from './lib/desy-views/components/accordion/accordion-item/accordion-item.component';
|
|
148
|
+
export * from './lib/desy-views/components/accordion-history/accordion-history-item/accordion-history-item.component';
|
|
149
|
+
export * from './lib/desy-views/components/accordion-history/accordion-item-show-button/accordion-item-show-button.component';
|
|
150
|
+
export * from './lib/desy-views/components/accordion-history/accordion-item-hide-button/accordion-item-hide-button.component';
|
|
147
151
|
export * from './lib/desy-views/components/description-list/definition/definition.component';
|
|
148
152
|
export * from './lib/desy-views/components/description-list/description-item/description-item.component';
|
|
149
153
|
export * from './lib/desy-views/components/item/item-content-bottom/item-content-bottom.component';
|