@rubeusteam/rb-angular-components 0.0.1 → 0.0.2-dev.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/README.md +75 -140
- package/fesm2022/rubeusteam-rb-angular-components.mjs +1289 -92
- package/fesm2022/rubeusteam-rb-angular-components.mjs.map +1 -1
- package/lib/components/rb-change-log-dialog/rb-change-log-dialog.component.d.ts +9 -0
- package/lib/components/rb-columns-sort-setting/rb-columns-sort-setting.component.d.ts +31 -0
- package/lib/components/rb-copy-confirm-dialog/rb-copy-confirm-dialog.component.d.ts +14 -0
- package/lib/components/rb-crud/helpers/resolve-actions.helper.d.ts +6 -0
- package/lib/components/rb-crud/rb-crud.component.d.ts +33 -31
- package/lib/components/rb-crud-tool-bar/rb-crud-tool-bar.component.d.ts +19 -0
- package/lib/components/rb-dialog/rb-dialog.component.d.ts +10 -0
- package/lib/components/rb-filter-dropdown/rb-filter-dropdown.component.d.ts +23 -0
- package/lib/components/rb-filter-panel/rb-filter-panel.component.d.ts +12 -0
- package/lib/components/rb-header/rb-header.component.d.ts +42 -0
- package/lib/components/rb-help-panel/rb-help-panel.component.d.ts +28 -0
- package/lib/components/rb-sidebar-navigation/rb-sidebar-navigation.component.d.ts +81 -0
- package/lib/directives/rb-overflow-tooltip/rb-overflow-tooltip.directive.d.ts +14 -0
- package/lib/interfaces/button.interface.d.ts +29 -0
- package/lib/interfaces/rb-change-log-dialog.interface.d.ts +5 -0
- package/lib/interfaces/rb-conditional-class.interface.d.ts +9 -0
- package/lib/interfaces/rb-crud.interface.d.ts +19 -0
- package/lib/interfaces/rb-dialog.interface.d.ts +17 -0
- package/lib/interfaces/rb-filter.interface.d.ts +11 -0
- package/lib/interfaces/rb-header.interface.d.ts +19 -0
- package/lib/interfaces/rb-help-panel.interface.d.ts +17 -0
- package/lib/interfaces/rb-sidebar-navigation.interface.d.ts +19 -0
- package/lib/pipes/is-array.pipe.d.ts +7 -0
- package/lib/pipes/rb-conditional-class/rb-conditional-class.pipe.d.ts +9 -0
- package/lib/pipes/{rb-custom.pipe.d.ts → rb-custom/rb-custom.pipe.d.ts} +2 -1
- package/lib/services/filter/client-filter.service.d.ts +1 -0
- package/lib/services/rb-show-index-crud-service/rb-show-index-crud.service.d.ts +8 -0
- package/package.json +26 -4
- package/public-api.d.ts +24 -3
- package/lib/components/rb-filter/rb-filter.component.d.ts +0 -26
- /package/lib/directives/{rb-dynamic-button.directive.d.ts → rb-dynamic-button/rb-dynamic-button.directive.d.ts} +0 -0
- /package/lib/{services/translates → i18n/paginator-ptbr-intl}/paginator-ptbr-intl.service.d.ts +0 -0
|
@@ -1,55 +1,57 @@
|
|
|
1
|
-
import { EventEmitter, AfterViewInit, OnChanges, Signal } from '@angular/core';
|
|
1
|
+
import { EventEmitter, AfterViewInit, OnChanges, Signal, ElementRef, Renderer2 } from '@angular/core';
|
|
2
2
|
import { MatTableDataSource } from '@angular/material/table';
|
|
3
|
-
import { MatPaginator } from '@angular/material/paginator';
|
|
3
|
+
import { MatPaginator, PageEvent } from '@angular/material/paginator';
|
|
4
4
|
import { MatSort } from '@angular/material/sort';
|
|
5
5
|
import { ClientFilterService } from '../../services/filter/client-filter.service';
|
|
6
|
+
import { CrudColumn, CrudActionEvent } from '../../interfaces/rb-crud.interface';
|
|
7
|
+
import { ConditionalClasses } from '../../interfaces/rb-conditional-class.interface';
|
|
8
|
+
import { ButtonSettings, RbEncapsulatedButton } from '../../interfaces/button.interface';
|
|
9
|
+
import { RowWithResolvedActions } from './helpers/resolve-actions.helper';
|
|
6
10
|
import * as i0 from "@angular/core";
|
|
7
|
-
export interface CrudColumn {
|
|
8
|
-
key: string;
|
|
9
|
-
label: string;
|
|
10
|
-
sortable?: boolean;
|
|
11
|
-
pipe?: 'date' | 'currency' | 'cpf' | 'cnpj' | 'phone' | 'cep' | 'mask' | 'relativeTime' | 'lastModifiedBy';
|
|
12
|
-
action?: string;
|
|
13
|
-
}
|
|
14
|
-
export interface CrudAction {
|
|
15
|
-
label: string;
|
|
16
|
-
icon?: string;
|
|
17
|
-
action: string;
|
|
18
|
-
}
|
|
19
|
-
export interface CrudActionEvent {
|
|
20
|
-
action: string;
|
|
21
|
-
row: any;
|
|
22
|
-
}
|
|
23
|
-
export interface CrudFilter {
|
|
24
|
-
key: string;
|
|
25
|
-
label: string;
|
|
26
|
-
type: 'text' | 'select' | 'date';
|
|
27
|
-
options?: any[];
|
|
28
|
-
}
|
|
29
11
|
export declare class RbCrudComponent implements AfterViewInit, OnChanges {
|
|
30
12
|
private clientFilterService;
|
|
13
|
+
private renderer;
|
|
31
14
|
columns: CrudColumn[];
|
|
32
15
|
data: any[];
|
|
33
|
-
actionsMenu:
|
|
16
|
+
actionsMenu: RbEncapsulatedButton[];
|
|
17
|
+
conditionalClasses: ConditionalClasses[];
|
|
34
18
|
pagination: boolean;
|
|
35
19
|
pageSize: number;
|
|
36
20
|
infiniteScroll: boolean;
|
|
37
21
|
textLineBreakable: boolean;
|
|
38
|
-
|
|
22
|
+
emptyMessageTherm: string;
|
|
23
|
+
emptyMessageSentence: string;
|
|
24
|
+
emptyLinkAction: string;
|
|
25
|
+
private showIndexService;
|
|
26
|
+
showIndex: import("@angular/core").WritableSignal<boolean>;
|
|
39
27
|
actionClick: EventEmitter<CrudActionEvent>;
|
|
40
|
-
pageChange: EventEmitter<
|
|
28
|
+
pageChange: EventEmitter<PageEvent>;
|
|
41
29
|
paginator: MatPaginator;
|
|
42
30
|
sort: MatSort;
|
|
31
|
+
rbTableContainer: ElementRef;
|
|
43
32
|
displayedColumns: string[];
|
|
44
|
-
dataSource: MatTableDataSource<any
|
|
33
|
+
dataSource: MatTableDataSource<RowWithResolvedActions<any>>;
|
|
45
34
|
filterText: Signal<string>;
|
|
46
|
-
|
|
35
|
+
isOverflowing: boolean;
|
|
36
|
+
displayedActionsMenu: RbEncapsulatedButton[];
|
|
37
|
+
selectedRow: any;
|
|
38
|
+
renderingProgressive: boolean;
|
|
39
|
+
private readonly THRESHOLD;
|
|
40
|
+
protected searchTherm: string;
|
|
41
|
+
constructor(clientFilterService: ClientFilterService, renderer: Renderer2);
|
|
47
42
|
ngAfterViewInit(): void;
|
|
43
|
+
checkOverflow(): void;
|
|
44
|
+
resolvePropertyValue(fn: Function | boolean | undefined, row: any, defaultValue?: boolean): any;
|
|
48
45
|
ngOnChanges(): void;
|
|
46
|
+
renderFirstPage(processedData: RowWithResolvedActions<any>[]): void;
|
|
47
|
+
loadFullData(processedData: RowWithResolvedActions<any>[]): void;
|
|
49
48
|
defineSortRule(): void;
|
|
50
|
-
onActionClick(action:
|
|
49
|
+
onActionClick(action: ButtonSettings, row: any): void;
|
|
51
50
|
onClickCell(action: string, row: any): void;
|
|
51
|
+
onClickLink(): void;
|
|
52
52
|
applyFilter(): void;
|
|
53
|
+
openMenu(row: any): void;
|
|
54
|
+
setSearchText(text: string): void;
|
|
53
55
|
static ɵfac: i0.ɵɵFactoryDeclaration<RbCrudComponent, never>;
|
|
54
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<RbCrudComponent, "rb-crud", never, { "columns": { "alias": "columns"; "required": false; }; "data": { "alias": "data"; "required": false; }; "actionsMenu": { "alias": "actionsMenu"; "required": false; }; "pagination": { "alias": "pagination"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "infiniteScroll": { "alias": "infiniteScroll"; "required": false; }; "textLineBreakable": { "alias": "textLineBreakable"; "required": false; }; "
|
|
56
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<RbCrudComponent, "rb-crud", never, { "columns": { "alias": "columns"; "required": false; }; "data": { "alias": "data"; "required": false; }; "actionsMenu": { "alias": "actionsMenu"; "required": false; }; "conditionalClasses": { "alias": "conditionalClasses"; "required": false; }; "pagination": { "alias": "pagination"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "infiniteScroll": { "alias": "infiniteScroll"; "required": false; }; "textLineBreakable": { "alias": "textLineBreakable"; "required": false; }; "emptyMessageTherm": { "alias": "emptyMessageTherm"; "required": false; }; "emptyMessageSentence": { "alias": "emptyMessageSentence"; "required": false; }; "emptyLinkAction": { "alias": "emptyLinkAction"; "required": false; }; }, { "actionClick": "actionClick"; "pageChange": "pageChange"; }, never, never, true, never>;
|
|
55
57
|
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import { ButtonSettings, ButtonActionEvent, RbEncapsulatedButton } from '../../interfaces/button.interface';
|
|
3
|
+
import { RbCrudComponent } from '../rb-crud/rb-crud.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class RbCrudToolBarComponent {
|
|
6
|
+
targetCrud?: RbCrudComponent;
|
|
7
|
+
searchPlaceholder: string;
|
|
8
|
+
buttonSettings: RbEncapsulatedButton[];
|
|
9
|
+
iconButton: string;
|
|
10
|
+
titleButton: string;
|
|
11
|
+
leftButtonSettings: RbEncapsulatedButton[];
|
|
12
|
+
buttonClick: EventEmitter<ButtonActionEvent>;
|
|
13
|
+
searchText: import("@angular/core").WritableSignal<string>;
|
|
14
|
+
constructor();
|
|
15
|
+
onSearchChange(event: Event): void;
|
|
16
|
+
onClickButton(action: ButtonSettings): void;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RbCrudToolBarComponent, never>;
|
|
18
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<RbCrudToolBarComponent, "rb-crud-tool-bar", never, { "targetCrud": { "alias": "targetCrud"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "buttonSettings": { "alias": "buttonSettings"; "required": false; }; "iconButton": { "alias": "iconButton"; "required": false; }; "titleButton": { "alias": "titleButton"; "required": false; }; "leftButtonSettings": { "alias": "leftButtonSettings"; "required": false; }; }, { "buttonClick": "buttonClick"; }, never, never, true, never>;
|
|
19
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { MatDialogRef } from '@angular/material/dialog';
|
|
2
|
+
import { RbDialog } from '../../interfaces/rb-dialog.interface';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class RbDialogComponent {
|
|
5
|
+
readonly data: RbDialog;
|
|
6
|
+
readonly dialogRef: MatDialogRef<any, any>;
|
|
7
|
+
onClickButton(action: string): void;
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RbDialogComponent, never>;
|
|
9
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<RbDialogComponent, "rb-dialog", never, {}, {}, never, never, true, never>;
|
|
10
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { TemplateRef, ViewContainerRef } from '@angular/core';
|
|
2
|
+
import { Overlay } from '@angular/cdk/overlay';
|
|
3
|
+
import { ClientFilterService } from '../../services/filter/client-filter.service';
|
|
4
|
+
import { FilterOption } from '../../interfaces/rb-filter.interface';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export declare class RbFilterDropdownComponent {
|
|
7
|
+
private overlay;
|
|
8
|
+
private clientFilterService;
|
|
9
|
+
private viewContainerRef;
|
|
10
|
+
parentSelectorId: string;
|
|
11
|
+
options: FilterOption[];
|
|
12
|
+
filterMenu: TemplateRef<any>;
|
|
13
|
+
private overlayRef;
|
|
14
|
+
trackByFn: (index: number, item: string) => number;
|
|
15
|
+
searchText: import("@angular/core").WritableSignal<string>;
|
|
16
|
+
constructor(overlay: Overlay, clientFilterService: ClientFilterService, viewContainerRef: ViewContainerRef);
|
|
17
|
+
onSearchChange(event: Event): void;
|
|
18
|
+
openMenu(): void;
|
|
19
|
+
closeMenu(): void;
|
|
20
|
+
onSelectItem(item: FilterOption): void;
|
|
21
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RbFilterDropdownComponent, never>;
|
|
22
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<RbFilterDropdownComponent, "rb-filter-dropdown", never, { "parentSelectorId": { "alias": "parentSelectorId"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, {}, never, never, true, never>;
|
|
23
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { RbFilterDropdownComponent } from '../rb-filter-dropdown/rb-filter-dropdown.component';
|
|
2
|
+
import { FilterPannelData } from '../../interfaces/rb-filter.interface';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class RbFilterPanelComponent {
|
|
5
|
+
dropdown: RbFilterDropdownComponent;
|
|
6
|
+
data: FilterPannelData;
|
|
7
|
+
constructor();
|
|
8
|
+
applyFilter(): void;
|
|
9
|
+
openMenu(): void;
|
|
10
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RbFilterPanelComponent, never>;
|
|
11
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<RbFilterPanelComponent, "rb-filter-panel", never, {}, {}, never, never, true, never>;
|
|
12
|
+
}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { ChangeDetectorRef, EventEmitter, ElementRef } from '@angular/core';
|
|
2
|
+
import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
|
|
3
|
+
import { RbHeaderUserProfile, RbHeaderApp, RbHeaderProfileMenuItem } from '../../interfaces/rb-header.interface';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class RbHeaderComponent {
|
|
6
|
+
private sanitizer;
|
|
7
|
+
private changeDetectorRef;
|
|
8
|
+
private readonly document;
|
|
9
|
+
private readonly destroyRef;
|
|
10
|
+
pageTitle: string;
|
|
11
|
+
userProfile?: RbHeaderUserProfile;
|
|
12
|
+
appsList: RbHeaderApp[];
|
|
13
|
+
backgroundColor: string;
|
|
14
|
+
profileMenu: RbHeaderProfileMenuItem[];
|
|
15
|
+
onHelpClick: EventEmitter<void>;
|
|
16
|
+
onAppsClick: EventEmitter<void>;
|
|
17
|
+
onViewAllAppsClick: EventEmitter<void>;
|
|
18
|
+
onProfileMenuItemClick: EventEmitter<RbHeaderProfileMenuItem>;
|
|
19
|
+
onLogoutClick: EventEmitter<void>;
|
|
20
|
+
onProfileMenuClick: EventEmitter<void>;
|
|
21
|
+
isAppsMenuOpen: boolean;
|
|
22
|
+
isProfileMenuOpen: boolean;
|
|
23
|
+
appsMenuRef?: ElementRef;
|
|
24
|
+
appsButtonRef?: ElementRef;
|
|
25
|
+
appsContainerRef?: ElementRef<HTMLElement>;
|
|
26
|
+
profileButtonRef?: ElementRef;
|
|
27
|
+
profileMenuRef?: ElementRef;
|
|
28
|
+
constructor(sanitizer: DomSanitizer, changeDetectorRef: ChangeDetectorRef);
|
|
29
|
+
get rubeusApps(): RbHeaderApp[];
|
|
30
|
+
get nonRubeusApps(): RbHeaderApp[];
|
|
31
|
+
getSafeSvg(svgString?: string): SafeHtml | null;
|
|
32
|
+
private readonly handleDocumentPointerDown;
|
|
33
|
+
handleAppsClick(): void;
|
|
34
|
+
handleAppSelect(app: RbHeaderApp): void;
|
|
35
|
+
handleViewAllAppsClick(): void;
|
|
36
|
+
handleHelpClick(): void;
|
|
37
|
+
handleProfileClick(): void;
|
|
38
|
+
handleProfileMenuItemClick(item: RbHeaderProfileMenuItem): void;
|
|
39
|
+
handleLogoutClick(): void;
|
|
40
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RbHeaderComponent, never>;
|
|
41
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<RbHeaderComponent, "rb-header", never, { "pageTitle": { "alias": "pageTitle"; "required": false; }; "userProfile": { "alias": "userProfile"; "required": false; }; "appsList": { "alias": "appsList"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "profileMenu": { "alias": "profileMenu"; "required": false; }; }, { "onHelpClick": "onHelpClick"; "onAppsClick": "onAppsClick"; "onViewAllAppsClick": "onViewAllAppsClick"; "onProfileMenuItemClick": "onProfileMenuItemClick"; "onLogoutClick": "onLogoutClick"; "onProfileMenuClick": "onProfileMenuClick"; }, never, never, true, never>;
|
|
42
|
+
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { EventEmitter, OnInit, OnChanges, SimpleChanges } from '@angular/core';
|
|
2
|
+
import { RbHelpArticle, RbHelpIntegrationProvider } from '../../interfaces/rb-help-panel.interface';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class RbHelpPanelComponent implements OnInit, OnChanges {
|
|
5
|
+
private destroyRef;
|
|
6
|
+
isOpen: boolean;
|
|
7
|
+
panelTitle: string;
|
|
8
|
+
routeContext?: string;
|
|
9
|
+
integrationProvider?: RbHelpIntegrationProvider;
|
|
10
|
+
onClose: EventEmitter<void>;
|
|
11
|
+
onClickKnowledgeBase: EventEmitter<void>;
|
|
12
|
+
onClickCommunity: EventEmitter<void>;
|
|
13
|
+
onClickNews: EventEmitter<void>;
|
|
14
|
+
onClickMyTickets: EventEmitter<void>;
|
|
15
|
+
onClickChat: EventEmitter<void>;
|
|
16
|
+
searchQuery: string;
|
|
17
|
+
articles: RbHelpArticle[];
|
|
18
|
+
isLoading: boolean;
|
|
19
|
+
private searchSubject;
|
|
20
|
+
ngOnInit(): void;
|
|
21
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
22
|
+
loadInitialArticles(): void;
|
|
23
|
+
onSearchChange(query: string): void;
|
|
24
|
+
handleClose(): void;
|
|
25
|
+
openArticle(article: RbHelpArticle): void;
|
|
26
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RbHelpPanelComponent, never>;
|
|
27
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<RbHelpPanelComponent, "rb-help-panel", never, { "isOpen": { "alias": "isOpen"; "required": false; }; "panelTitle": { "alias": "panelTitle"; "required": false; }; "routeContext": { "alias": "routeContext"; "required": false; }; "integrationProvider": { "alias": "integrationProvider"; "required": false; }; }, { "onClose": "onClose"; "onClickKnowledgeBase": "onClickKnowledgeBase"; "onClickCommunity": "onClickCommunity"; "onClickNews": "onClickNews"; "onClickMyTickets": "onClickMyTickets"; "onClickChat": "onClickChat"; }, never, never, true, never>;
|
|
28
|
+
}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import { EventEmitter, OnInit, OnDestroy, AfterViewInit } from '@angular/core';
|
|
2
|
+
import { RbSidebarNavigationItem } from '../../interfaces/rb-sidebar-navigation.interface';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class RbSidebarNavigationComponent implements OnInit, OnDestroy, AfterViewInit {
|
|
5
|
+
private router;
|
|
6
|
+
private elementRef;
|
|
7
|
+
private routerSubscription?;
|
|
8
|
+
logoUrl: string;
|
|
9
|
+
logoTextUrl: string;
|
|
10
|
+
logoName: string;
|
|
11
|
+
private _items;
|
|
12
|
+
set items(value: RbSidebarNavigationItem[]);
|
|
13
|
+
get items(): RbSidebarNavigationItem[];
|
|
14
|
+
initiallyFixed: boolean;
|
|
15
|
+
private _secondaryItems;
|
|
16
|
+
private selectedSecondaryItemId;
|
|
17
|
+
secondaryTitle: string;
|
|
18
|
+
set secondaryItems(value: RbSidebarNavigationItem[]);
|
|
19
|
+
get secondaryItems(): RbSidebarNavigationItem[];
|
|
20
|
+
backgroundColor: string;
|
|
21
|
+
textColor: string;
|
|
22
|
+
activeTextColor: string;
|
|
23
|
+
hoverBackgroundColor: string;
|
|
24
|
+
private _width;
|
|
25
|
+
set width(value: string | number);
|
|
26
|
+
get width(): string | number;
|
|
27
|
+
set sidebarWidth(value: string | number);
|
|
28
|
+
get sidebarWidth(): string | number;
|
|
29
|
+
private _secondaryWidth;
|
|
30
|
+
set secondaryWidth(value: string | number);
|
|
31
|
+
get secondaryWidth(): string | number;
|
|
32
|
+
set secondarySidebarWidth(value: string | number);
|
|
33
|
+
get secondarySidebarWidth(): string | number;
|
|
34
|
+
private _closedWidth;
|
|
35
|
+
set closedWidth(value: string | number);
|
|
36
|
+
get closedWidth(): string | number;
|
|
37
|
+
private _sectionGap;
|
|
38
|
+
set sectionGap(value: string | number);
|
|
39
|
+
get sectionGap(): string | number;
|
|
40
|
+
get formattedWidth(): string;
|
|
41
|
+
get formattedSecondaryWidth(): string;
|
|
42
|
+
get formattedClosedWidth(): string;
|
|
43
|
+
get formattedSectionGap(): string;
|
|
44
|
+
private formatCssUnit;
|
|
45
|
+
toggleIcon: string;
|
|
46
|
+
itemClick: EventEmitter<RbSidebarNavigationItem>;
|
|
47
|
+
logoClick: EventEmitter<void | RbSidebarNavigationItem>;
|
|
48
|
+
isFixed: boolean;
|
|
49
|
+
isHovered: boolean;
|
|
50
|
+
isOverlayActive: boolean;
|
|
51
|
+
private hoverTimeout?;
|
|
52
|
+
private overlayCloseTimeout?;
|
|
53
|
+
get hasSecondary(): boolean;
|
|
54
|
+
private closePrimaryForSecondaryMenu;
|
|
55
|
+
private sortItems;
|
|
56
|
+
ngOnInit(): void;
|
|
57
|
+
ngAfterViewInit(): void;
|
|
58
|
+
get isOpen(): boolean;
|
|
59
|
+
set isOpen(value: boolean);
|
|
60
|
+
onMouseEnter(): void;
|
|
61
|
+
onMouseLeave(): void;
|
|
62
|
+
ngOnDestroy(): void;
|
|
63
|
+
toggleFixed(): void;
|
|
64
|
+
private finishOverlayAfterClosingTransition;
|
|
65
|
+
private clearHoverTimeout;
|
|
66
|
+
private clearOverlayCloseTimeout;
|
|
67
|
+
onLogoClicked(): void;
|
|
68
|
+
onItemClicked(item: RbSidebarNavigationItem): void;
|
|
69
|
+
toggleItem(item: RbSidebarNavigationItem): void;
|
|
70
|
+
isChildActive(item: RbSidebarNavigationItem): boolean;
|
|
71
|
+
isParentActive(item: RbSidebarNavigationItem): boolean;
|
|
72
|
+
isSecondaryItemActive(item: RbSidebarNavigationItem): boolean;
|
|
73
|
+
private isRouteActive;
|
|
74
|
+
getSectionTitleLabel(item: RbSidebarNavigationItem): string;
|
|
75
|
+
getNavItemLabel(item: RbSidebarNavigationItem): string;
|
|
76
|
+
getSubmenuItemLabel(item: RbSidebarNavigationItem): string;
|
|
77
|
+
scrollToActiveItem(smooth?: boolean): void;
|
|
78
|
+
private performScrollToActiveItem;
|
|
79
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RbSidebarNavigationComponent, never>;
|
|
80
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<RbSidebarNavigationComponent, "rb-sidebar-navigation", never, { "logoUrl": { "alias": "logoUrl"; "required": false; }; "logoTextUrl": { "alias": "logoTextUrl"; "required": false; }; "logoName": { "alias": "logoName"; "required": false; }; "items": { "alias": "items"; "required": false; }; "initiallyFixed": { "alias": "initiallyFixed"; "required": false; }; "secondaryTitle": { "alias": "secondaryTitle"; "required": false; }; "secondaryItems": { "alias": "secondaryItems"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; "activeTextColor": { "alias": "activeTextColor"; "required": false; }; "hoverBackgroundColor": { "alias": "hoverBackgroundColor"; "required": false; }; "width": { "alias": "width"; "required": false; }; "sidebarWidth": { "alias": "sidebarWidth"; "required": false; }; "secondaryWidth": { "alias": "secondaryWidth"; "required": false; }; "secondarySidebarWidth": { "alias": "secondarySidebarWidth"; "required": false; }; "closedWidth": { "alias": "closedWidth"; "required": false; }; "sectionGap": { "alias": "sectionGap"; "required": false; }; "toggleIcon": { "alias": "toggleIcon"; "required": false; }; }, { "itemClick": "itemClick"; "logoClick": "logoClick"; }, never, never, true, never>;
|
|
81
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { AfterViewInit, OnDestroy } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class RbOverflowTooltipDirective implements AfterViewInit, OnDestroy {
|
|
4
|
+
private readonly elementRef;
|
|
5
|
+
private readonly tooltip;
|
|
6
|
+
private resizeObserver?;
|
|
7
|
+
private mutationObserver?;
|
|
8
|
+
rbOverflowTooltip: string;
|
|
9
|
+
ngAfterViewInit(): void;
|
|
10
|
+
ngOnDestroy(): void;
|
|
11
|
+
updateTooltip(): void;
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RbOverflowTooltipDirective, never>;
|
|
13
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<RbOverflowTooltipDirective, "[rbOverflowTooltip]", never, { "rbOverflowTooltip": { "alias": "rbOverflowTooltip"; "required": false; }; }, {}, never, never, true, never>;
|
|
14
|
+
}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
export interface ButtonSettings {
|
|
2
|
+
label?: string;
|
|
3
|
+
icon?: string;
|
|
4
|
+
action: string;
|
|
5
|
+
disabled?: Function | boolean;
|
|
6
|
+
visible?: Function | boolean;
|
|
7
|
+
directive?: 'float' | 'confirm' | 'cancel' | 'menuTrigger';
|
|
8
|
+
conditionalSettings?: ConditionalButtonSettings[];
|
|
9
|
+
}
|
|
10
|
+
export interface ButtonActionEvent {
|
|
11
|
+
action: string;
|
|
12
|
+
}
|
|
13
|
+
export interface RbEncapsulatedButton extends ButtonSettings {
|
|
14
|
+
color?: 'primary' | 'secondary' | 'tertiary' | 'warn' | 'neutral';
|
|
15
|
+
md2color?: 'primary' | 'accent' | 'warn';
|
|
16
|
+
icon?: string;
|
|
17
|
+
iconPosition?: 'start' | 'end';
|
|
18
|
+
selector?: string;
|
|
19
|
+
class?: string;
|
|
20
|
+
hasDivider?: boolean;
|
|
21
|
+
}
|
|
22
|
+
export interface ConditionalButtonSettings {
|
|
23
|
+
label: string;
|
|
24
|
+
icon?: string;
|
|
25
|
+
key: string;
|
|
26
|
+
disabled?: Function | boolean;
|
|
27
|
+
visible?: Function | boolean;
|
|
28
|
+
expectedValue: string | number;
|
|
29
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export interface CrudColumn {
|
|
2
|
+
key: string;
|
|
3
|
+
label: string;
|
|
4
|
+
sortable?: boolean;
|
|
5
|
+
pipe?: 'date' | 'datetime' | 'currency' | 'cpf' | 'cnpj' | 'phone' | 'cep' | 'mask' | 'relativeTime' | 'lastModifiedBy';
|
|
6
|
+
action?: string;
|
|
7
|
+
hidden?: boolean;
|
|
8
|
+
blocked?: boolean;
|
|
9
|
+
conditionalClassKey?: string;
|
|
10
|
+
objCol?: CrudObjColumn;
|
|
11
|
+
}
|
|
12
|
+
export interface CrudActionEvent {
|
|
13
|
+
action: string;
|
|
14
|
+
row?: any;
|
|
15
|
+
}
|
|
16
|
+
export interface CrudObjColumn {
|
|
17
|
+
key: string;
|
|
18
|
+
label: string;
|
|
19
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { RbEncapsulatedButton } from './button.interface';
|
|
2
|
+
export interface RbDialog {
|
|
3
|
+
title: string;
|
|
4
|
+
subtitle: string;
|
|
5
|
+
content: string;
|
|
6
|
+
isMultipleContent: boolean;
|
|
7
|
+
multipleContent: RbDialogMultipleContent[];
|
|
8
|
+
buttons?: RbEncapsulatedButton[];
|
|
9
|
+
actionsAlign?: 'start' | 'center' | 'end';
|
|
10
|
+
labelField?: string;
|
|
11
|
+
fieldValueDafault?: string;
|
|
12
|
+
labelConfirmButton?: string;
|
|
13
|
+
}
|
|
14
|
+
export interface RbDialogMultipleContent {
|
|
15
|
+
subtitle: string;
|
|
16
|
+
paragraph: string;
|
|
17
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export interface RbHeaderUserProfile {
|
|
2
|
+
name: string;
|
|
3
|
+
base: string;
|
|
4
|
+
avatarUrl: string;
|
|
5
|
+
}
|
|
6
|
+
export interface RbHeaderApp {
|
|
7
|
+
name: string;
|
|
8
|
+
iconUrl?: string;
|
|
9
|
+
iconSvg?: string;
|
|
10
|
+
url?: string;
|
|
11
|
+
action?: () => void;
|
|
12
|
+
isRubeusApp?: boolean;
|
|
13
|
+
}
|
|
14
|
+
export interface RbHeaderProfileMenuItem {
|
|
15
|
+
id?: string;
|
|
16
|
+
label: string;
|
|
17
|
+
iconSvg?: string;
|
|
18
|
+
iconUrl?: string;
|
|
19
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Observable } from 'rxjs';
|
|
2
|
+
export interface RbHelpArticle {
|
|
3
|
+
id: string | number;
|
|
4
|
+
title: string;
|
|
5
|
+
url?: string;
|
|
6
|
+
category?: string;
|
|
7
|
+
}
|
|
8
|
+
export interface RbHelpIntegrationProvider {
|
|
9
|
+
/**
|
|
10
|
+
* Método para carregar artigos da página atual ao abrir o painel
|
|
11
|
+
*/
|
|
12
|
+
fetchInitialArticles(routeContext?: string): Observable<RbHelpArticle[]>;
|
|
13
|
+
/**
|
|
14
|
+
* Método para pesquisar artigos no zendesk
|
|
15
|
+
*/
|
|
16
|
+
searchArticles(query: string): Observable<RbHelpArticle[]>;
|
|
17
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export interface RbSidebarNavigationItem {
|
|
2
|
+
id: string;
|
|
3
|
+
icon: string;
|
|
4
|
+
label: string;
|
|
5
|
+
route?: string;
|
|
6
|
+
action?: () => void;
|
|
7
|
+
children?: RbSidebarNavigationItem[];
|
|
8
|
+
expanded?: boolean;
|
|
9
|
+
isSectionTitle?: boolean;
|
|
10
|
+
hasDivider?: boolean;
|
|
11
|
+
usageCount?: number;
|
|
12
|
+
}
|
|
13
|
+
export interface RbSidebarNavigationConfig {
|
|
14
|
+
logoUrl?: string;
|
|
15
|
+
logoName?: string;
|
|
16
|
+
items: RbSidebarNavigationItem[];
|
|
17
|
+
bottomButtonIconOpen?: string;
|
|
18
|
+
bottomButtonIconClosed?: string;
|
|
19
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { PipeTransform } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class IsArrayPipe implements PipeTransform {
|
|
4
|
+
transform(value: any): boolean;
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<IsArrayPipe, never>;
|
|
6
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<IsArrayPipe, "isArray", true>;
|
|
7
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { PipeTransform } from '@angular/core';
|
|
2
|
+
import { ConditionalClasses } from '../../interfaces/rb-conditional-class.interface';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class RbConditionalClassPipe implements PipeTransform {
|
|
5
|
+
transform(cellValue: any, columnKey: string, rules: ConditionalClasses[]): string;
|
|
6
|
+
private evaluateCondition;
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RbConditionalClassPipe, never>;
|
|
8
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<RbConditionalClassPipe, "rbConditionalClass", true>;
|
|
9
|
+
}
|
|
@@ -2,7 +2,8 @@ import { PipeTransform } from '@angular/core';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export declare class RbCustomPipe implements PipeTransform {
|
|
4
4
|
transform(value: any, type: string): any;
|
|
5
|
-
dateTransform(value: any): any;
|
|
5
|
+
dateTransform(value: any, format?: string): any;
|
|
6
|
+
private dateTimeTransform;
|
|
6
7
|
currencyTransform(value: any): any;
|
|
7
8
|
cpfTransform(value: any): any;
|
|
8
9
|
cnpjTransform(value: any): any;
|
|
@@ -3,6 +3,7 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
export declare class ClientFilterService {
|
|
4
4
|
private searchText;
|
|
5
5
|
setSearchText(text: string): void;
|
|
6
|
+
normalizeText(text: string): string;
|
|
6
7
|
getSearchText(): Signal<string>;
|
|
7
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<ClientFilterService, never>;
|
|
8
9
|
static ɵprov: i0.ɵɵInjectableDeclaration<ClientFilterService>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class RbShowIndexCrudService {
|
|
3
|
+
showIndex: import("@angular/core").WritableSignal<boolean>;
|
|
4
|
+
setShowIndex(value: boolean): void;
|
|
5
|
+
toggle(): void;
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RbShowIndexCrudService, never>;
|
|
7
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<RbShowIndexCrudService>;
|
|
8
|
+
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rubeusteam/rb-angular-components",
|
|
3
|
-
"version": "0.0.1",
|
|
4
|
-
"description": "
|
|
3
|
+
"version": "0.0.2-dev.1",
|
|
4
|
+
"description": "Correções e adições no componente de crud",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"keywords": [
|
|
7
7
|
"angular",
|
|
@@ -9,9 +9,24 @@
|
|
|
9
9
|
"rubeus",
|
|
10
10
|
"material"
|
|
11
11
|
],
|
|
12
|
+
"style": "src/lib/styles/index.scss",
|
|
13
|
+
"repository": {
|
|
14
|
+
"type": "git",
|
|
15
|
+
"url": "https://github.com/rubeusteam/rb-angular-components.git"
|
|
16
|
+
},
|
|
17
|
+
"bugs": {
|
|
18
|
+
"url": "https://github.com/rubeusteam/rb-angular-components/issues"
|
|
19
|
+
},
|
|
20
|
+
"homepage": "https://github.com/rubeusteam/rb-angular-components#readme",
|
|
12
21
|
"peerDependencies": {
|
|
13
|
-
"@angular/common": "^19.
|
|
14
|
-
"@angular/core": "^19.
|
|
22
|
+
"@angular/common": "^19.0.0",
|
|
23
|
+
"@angular/core": "^19.0.0",
|
|
24
|
+
"@angular/forms": "^19.0.0",
|
|
25
|
+
"@angular/platform-browser": "^19.0.0",
|
|
26
|
+
"@angular/material": "^19.0.0",
|
|
27
|
+
"@angular/cdk": "^19.0.0",
|
|
28
|
+
"rxjs": "^7.8.0",
|
|
29
|
+
"zone.js": "~0.15.0"
|
|
15
30
|
},
|
|
16
31
|
"dependencies": {
|
|
17
32
|
"tslib": "^2.3.0"
|
|
@@ -19,6 +34,13 @@
|
|
|
19
34
|
"sideEffects": false,
|
|
20
35
|
"module": "fesm2022/rubeusteam-rb-angular-components.mjs",
|
|
21
36
|
"typings": "index.d.ts",
|
|
37
|
+
"files": [
|
|
38
|
+
"fesm2022",
|
|
39
|
+
"index.d.ts",
|
|
40
|
+
"lib",
|
|
41
|
+
"src/lib/styles",
|
|
42
|
+
"public-api.d.ts"
|
|
43
|
+
],
|
|
22
44
|
"exports": {
|
|
23
45
|
"./package.json": {
|
|
24
46
|
"default": "./package.json"
|
package/public-api.d.ts
CHANGED
|
@@ -1,5 +1,26 @@
|
|
|
1
|
-
export * from './lib/pipes/rb-custom.pipe';
|
|
2
|
-
export * from './lib/directives/rb-dynamic-button.directive';
|
|
3
1
|
export * from './lib/components/rb-crud/rb-crud.component';
|
|
4
|
-
export * from './lib/components/rb-
|
|
2
|
+
export * from './lib/components/rb-crud-tool-bar/rb-crud-tool-bar.component';
|
|
5
3
|
export * from './lib/components/rb-content-box/rb-content-box.component';
|
|
4
|
+
export * from './lib/components/rb-dialog/rb-dialog.component';
|
|
5
|
+
export * from './lib/components/rb-filter-panel/rb-filter-panel.component';
|
|
6
|
+
export * from './lib/components/rb-filter-dropdown/rb-filter-dropdown.component';
|
|
7
|
+
export * from './lib/components/rb-copy-confirm-dialog/rb-copy-confirm-dialog.component';
|
|
8
|
+
export * from './lib/components/rb-change-log-dialog/rb-change-log-dialog.component';
|
|
9
|
+
export * from './lib/components/rb-columns-sort-setting/rb-columns-sort-setting.component';
|
|
10
|
+
export * from './lib/components/rb-sidebar-navigation/rb-sidebar-navigation.component';
|
|
11
|
+
export * from './lib/components/rb-header/rb-header.component';
|
|
12
|
+
export * from './lib/pipes/rb-custom/rb-custom.pipe';
|
|
13
|
+
export * from './lib/pipes/rb-conditional-class/rb-conditional-class.pipe';
|
|
14
|
+
export * from './lib/pipes/is-array.pipe';
|
|
15
|
+
export * from './lib/directives/rb-dynamic-button/rb-dynamic-button.directive';
|
|
16
|
+
export * from './lib/directives/rb-overflow-tooltip/rb-overflow-tooltip.directive';
|
|
17
|
+
export * from './lib/interfaces/rb-crud.interface';
|
|
18
|
+
export * from './lib/interfaces/button.interface';
|
|
19
|
+
export * from './lib/interfaces/rb-dialog.interface';
|
|
20
|
+
export * from './lib/interfaces/rb-filter.interface';
|
|
21
|
+
export * from './lib/interfaces/rb-change-log-dialog.interface';
|
|
22
|
+
export * from './lib/interfaces/rb-conditional-class.interface';
|
|
23
|
+
export * from './lib/interfaces/rb-sidebar-navigation.interface';
|
|
24
|
+
export * from './lib/interfaces/rb-header.interface';
|
|
25
|
+
export * from './lib/interfaces/rb-help-panel.interface';
|
|
26
|
+
export * from './lib/components/rb-help-panel/rb-help-panel.component';
|