sidesys-generic-ui 2.4.3 → 2.4.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.
Files changed (29) hide show
  1. package/esm2022/lib/icon-material/s-icon-material.component.mjs +2 -2
  2. package/esm2022/lib/input/components/input/s-input-model.mjs +3 -1
  3. package/esm2022/lib/input/components/input/s-input.component.mjs +16 -23
  4. package/esm2022/lib/list-simple/s-list-simple.component.mjs +2 -2
  5. package/esm2022/lib/modal/modal-confirm/modal-confirm.component.mjs +4 -4
  6. package/esm2022/lib/modal/modal-confirm/models/modal-confirm.interface.mjs +1 -1
  7. package/esm2022/lib/select/select/s-select.component.mjs +8 -7
  8. package/esm2022/lib/table-complete/table-complete.component.mjs +14 -5
  9. package/esm2022/lib/table-double/table-double.component.mjs +163 -63
  10. package/esm2022/lib/table-double/table-double.model.mjs +1 -1
  11. package/esm2022/lib/table-double-complete/table-double-complete.component.mjs +256 -0
  12. package/esm2022/lib/table-double-complete/table-double-complete.model.mjs +2 -0
  13. package/esm2022/lib/table-t/s-tablet.component.mjs +7 -4
  14. package/esm2022/lib/table-t/table-actions-buttons/table-actions-buttons.component.mjs +2 -2
  15. package/esm2022/lib/tabs/s-tabs.component.mjs +2 -2
  16. package/esm2022/public-api.mjs +2 -1
  17. package/fesm2022/sidesys-generic-ui.mjs +461 -107
  18. package/fesm2022/sidesys-generic-ui.mjs.map +1 -1
  19. package/lib/input/components/input/s-input-model.d.ts +2 -0
  20. package/lib/input/components/input/s-input.component.d.ts +2 -2
  21. package/lib/modal/modal-confirm/models/modal-confirm.interface.d.ts +1 -1
  22. package/lib/table-complete/table-complete.component.d.ts +4 -0
  23. package/lib/table-double/table-double.component.d.ts +39 -25
  24. package/lib/table-double/table-double.model.d.ts +19 -4
  25. package/lib/table-double-complete/table-double-complete.component.d.ts +38 -0
  26. package/lib/table-double-complete/table-double-complete.model.d.ts +37 -0
  27. package/lib/table-t/s-tablet.component.d.ts +2 -1
  28. package/package.json +1 -1
  29. package/public-api.d.ts +2 -0
@@ -26,6 +26,8 @@ export declare class SInput {
26
26
  export declare const INPUTS_REGEX: {
27
27
  URL: RegExp;
28
28
  EMAIL: RegExp;
29
+ ALPHANUMERIC: RegExp;
30
+ SEARCH: RegExp;
29
31
  };
30
32
  export declare enum INPUT_TYPE {
31
33
  TEXT = "text",
@@ -11,12 +11,12 @@ export declare class SInputComponent<T> extends ControlValueAccessorDirective<T>
11
11
  focus: EventEmitter<void>;
12
12
  iconSymbol: boolean;
13
13
  iconType?: string;
14
- ICON_THEME: typeof ICON_THEME;
15
14
  showPassword: boolean;
16
15
  type: INPUT_TYPE;
17
- errorPattern: string | undefined;
16
+ errorPattern?: string;
18
17
  INPUT_TYPE: typeof INPUT_TYPE;
19
18
  THEME: typeof THEME;
19
+ ICON_THEME: typeof ICON_THEME;
20
20
  isFocused: boolean;
21
21
  onInput(event: Event): void;
22
22
  registerOnChange(fn: any): void;
@@ -1,7 +1,7 @@
1
1
  import { ModalType } from '../modal-confirm.component';
2
2
  export interface SModalConfirmConfig {
3
3
  confirmText: string;
4
- cancelText: string;
4
+ cancelText?: string;
5
5
  message: string;
6
6
  isVisible?: boolean;
7
7
  title: string;
@@ -17,6 +17,7 @@ export interface STableComplete {
17
17
  loadingScroll?: boolean;
18
18
  pageSize?: number;
19
19
  pageSizes?: IPageSizes[];
20
+ isTreeMode?: boolean;
20
21
  paginationText?: {
21
22
  showing: string;
22
23
  to: string;
@@ -41,6 +42,9 @@ export declare class TableCompleteComponent implements OnInit, OnChanges {
41
42
  searchEvent: EventEmitter<string>;
42
43
  bottomStatusBarEvent: EventEmitter<boolean>;
43
44
  scrollEvent: EventEmitter<void>;
45
+ private _sTranslateService;
46
+ emptyConfigSearch: SEmpty;
47
+ searchText: string;
44
48
  ngOnChanges(changes: SimpleChanges): void;
45
49
  ngOnInit(): void;
46
50
  filtersDisabled(): void;
@@ -1,24 +1,31 @@
1
1
  import { EventEmitter, OnInit, WritableSignal } from '@angular/core';
2
2
  import { SortTable } from '../table-t';
3
- import { Position, STableDouble, STableDoubleActionEvent, STableDoubleBooleanEvent, STableDoubleNumberEvent, STableDoubleSortEvent, STableDoubleStringArrayEvent, STableDoubleStringEvent, STablesData } from './table-double.model';
3
+ import { STableDouble, STableDoubleActionEvent, STableDoubleBooleanEvent, STableDoubleNumberEvent, STableDoubleReorderEvent, STableDoubleSortEvent, STableDoubleStringArrayEvent, STableDoubleStringEvent, STablesData } from './table-double.model';
4
+ import { ActionButton } from '../table-t/table-actions-buttons/interfaces';
4
5
  import * as i0 from "@angular/core";
5
6
  export declare class STableDoubleComponent implements OnInit {
6
7
  config: STableDouble;
7
- actionPositionEvent: EventEmitter<Position>;
8
+ actionPositionEvent: EventEmitter<boolean>;
8
9
  bottomStatusBarPositionEvent: EventEmitter<STableDoubleBooleanEvent>;
9
10
  checkAllPositionEvent: EventEmitter<STableDoubleBooleanEvent>;
10
- deletePositionEvent: EventEmitter<Position>;
11
- emptyPositionEvent: EventEmitter<Position>;
11
+ deletePositionEvent: EventEmitter<boolean>;
12
+ emptyPositionEvent: EventEmitter<boolean>;
12
13
  eventUpdateTables: EventEmitter<STablesData>;
13
14
  filterPositionEvent: EventEmitter<STableDoubleStringArrayEvent>;
14
15
  multiSelectPositionEvent: EventEmitter<STableDoubleStringArrayEvent>;
15
16
  orderByPositionEvent: EventEmitter<STableDoubleSortEvent>;
16
17
  pagePositionEvent: EventEmitter<STableDoubleNumberEvent>;
17
18
  paginationPositionEvent: EventEmitter<STableDoubleNumberEvent>;
18
- pillButtonPositionEvent: EventEmitter<Position>;
19
- scrollPositionEvent: EventEmitter<Position>;
19
+ pillButtonPositionEvent: EventEmitter<boolean>;
20
+ scrollPositionEvent: EventEmitter<boolean>;
20
21
  selectPositionEvent: EventEmitter<STableDoubleStringEvent>;
22
+ rowSelectPositionEvent: EventEmitter<{
23
+ isLeftTable: boolean;
24
+ value: any;
25
+ }>;
21
26
  actionEvent: EventEmitter<STableDoubleActionEvent>;
27
+ toggleExpandEvent: EventEmitter<string>;
28
+ reorderItemEvent: EventEmitter<STableDoubleReorderEvent>;
22
29
  disabledButtonLeft: WritableSignal<boolean>;
23
30
  disabledButtonRight: WritableSignal<boolean>;
24
31
  itemsTableLeft: any[];
@@ -30,31 +37,38 @@ export declare class STableDoubleComponent implements OnInit {
30
37
  onDragStart(event: DragEvent, itemId: string): void;
31
38
  onDragOver(event: DragEvent, itemId: string): void;
32
39
  onDragLeave(event: DragEvent): void;
33
- onDrop(event: DragEvent, itemId: string, targetPosition: Position): void;
34
- iconAction(itemId: string, position: Position): void;
35
- selectItem(itemId: string, position: Position): void;
40
+ onDrop(event: DragEvent, itemId: string, isLeftTable: boolean): void;
41
+ iconAction(itemId: string, isLeftTable: boolean): void;
42
+ selectItem(itemId: string, isLeftTable: boolean): void;
36
43
  cloneItemsTables(): void;
37
- moveItems(sourcePosition: Position, targetPosition: Position): void;
44
+ moveItems(isLeftTableSource: boolean): void;
38
45
  eventUpdateTablesEmit(): void;
39
46
  addItem(): void;
40
47
  removeItem(): void;
41
- action(position: Position): void;
42
- delete(position: Position): void;
43
- empty(position: Position): void;
44
- orderBy(event: SortTable, position: Position): void;
45
- page(event: number, position: Position): void;
46
- paginationEmitter(event: number, position: Position): void;
47
- select(event: string, position: Position): void;
48
- pillButton(position: Position): void;
49
- filter(event: string[], position: Position): void;
50
- multiSelect(event: string[], side: Position): void;
51
- checkAllEvent(event: boolean, side: Position): void;
52
- onScroll(side: Position): void;
48
+ action(isLeftTable: boolean): void;
49
+ delete(isLeftTable: boolean): void;
50
+ empty(isLeftTable: boolean): void;
51
+ orderBy(event: SortTable, isLeftTable: boolean): void;
52
+ page(event: number, isLeftTable: boolean): void;
53
+ paginationEmitter(event: number, isLeftTable: boolean): void;
54
+ select(event: string, isLeftTable: boolean): void;
55
+ pillButton(isLeftTable: boolean): void;
56
+ filter(event: string[], isLeftTable: boolean): void;
57
+ multiSelect(event: string[], isLeftTable: boolean): void;
58
+ checkAllEvent(event: boolean, isLeftTable: boolean): void;
59
+ onScroll(isLeftTable: boolean): void;
53
60
  changeCheckbox(): void;
54
- bottomStatusBarChange(state: boolean, position: Position): void;
55
- search(event: string, position: string): void;
61
+ bottomStatusBarChange(state: boolean, isLeftTable: boolean): void;
62
+ search(event: string, isLeftTable: boolean): void;
56
63
  private getFilteredItems;
57
64
  private updateCounter;
65
+ getTreeLevelClass(item: any): string;
66
+ toggleExpand(event: Event, itemId: string): void;
67
+ rowClick(item: any, isLeftTable: boolean): void;
68
+ private getItems;
69
+ private setItems;
70
+ getOrderButtons(item: any): ActionButton[];
71
+ onOrderButtonClick(type: string, itemId: string): void;
58
72
  static ɵfac: i0.ɵɵFactoryDeclaration<STableDoubleComponent, never>;
59
- static ɵcmp: i0.ɵɵComponentDeclaration<STableDoubleComponent, "s-table-double", never, { "config": { "alias": "config"; "required": false; }; }, { "actionPositionEvent": "actionPositionEvent"; "bottomStatusBarPositionEvent": "bottomStatusBarPositionEvent"; "checkAllPositionEvent": "checkAllPositionEvent"; "deletePositionEvent": "deletePositionEvent"; "emptyPositionEvent": "emptyPositionEvent"; "eventUpdateTables": "eventUpdateTables"; "filterPositionEvent": "filterPositionEvent"; "multiSelectPositionEvent": "multiSelectPositionEvent"; "orderByPositionEvent": "orderByPositionEvent"; "pagePositionEvent": "pagePositionEvent"; "paginationPositionEvent": "paginationPositionEvent"; "pillButtonPositionEvent": "pillButtonPositionEvent"; "scrollPositionEvent": "scrollPositionEvent"; "selectPositionEvent": "selectPositionEvent"; "actionEvent": "actionEvent"; }, never, never, true, never>;
73
+ static ɵcmp: i0.ɵɵComponentDeclaration<STableDoubleComponent, "s-table-double", never, { "config": { "alias": "config"; "required": false; }; }, { "actionPositionEvent": "actionPositionEvent"; "bottomStatusBarPositionEvent": "bottomStatusBarPositionEvent"; "checkAllPositionEvent": "checkAllPositionEvent"; "deletePositionEvent": "deletePositionEvent"; "emptyPositionEvent": "emptyPositionEvent"; "eventUpdateTables": "eventUpdateTables"; "filterPositionEvent": "filterPositionEvent"; "multiSelectPositionEvent": "multiSelectPositionEvent"; "orderByPositionEvent": "orderByPositionEvent"; "pagePositionEvent": "pagePositionEvent"; "paginationPositionEvent": "paginationPositionEvent"; "pillButtonPositionEvent": "pillButtonPositionEvent"; "scrollPositionEvent": "scrollPositionEvent"; "selectPositionEvent": "selectPositionEvent"; "rowSelectPositionEvent": "rowSelectPositionEvent"; "actionEvent": "actionEvent"; "toggleExpandEvent": "toggleExpandEvent"; "reorderItemEvent": "reorderItemEvent"; }, never, never, true, never>;
60
74
  }
@@ -1,17 +1,27 @@
1
1
  import { SortTable, STableComplete } from '../../public-api';
2
- export type Position = 'Left' | 'Right';
3
2
  export interface STableDouble {
4
3
  dragAndDrop?: boolean;
5
4
  tableLeftConfig: STableComplete;
6
5
  tableRightConfig: STableComplete;
7
6
  tableLeftItems: STableDoubleItem[];
8
7
  tableRightItems: STableDoubleItem[];
8
+ additionButton?: boolean;
9
+ isTreeMode?: boolean;
10
+ disableLeftRowSelection?: boolean;
11
+ showOrderButtons?: boolean;
9
12
  }
10
13
  export interface STableDoubleItem {
11
14
  name: string;
12
15
  id: string;
13
- selected: boolean;
16
+ selectedCheckbox: boolean;
17
+ itemSelected?: boolean;
14
18
  iconAction?: string;
19
+ level?: number;
20
+ expanded?: boolean;
21
+ hasChildren?: boolean;
22
+ parentId?: string | null;
23
+ __isFirstSibling?: boolean;
24
+ __isLastSibling?: boolean;
15
25
  [key: string]: any;
16
26
  }
17
27
  export interface STablesData {
@@ -19,11 +29,11 @@ export interface STablesData {
19
29
  tableRightItems: STableDoubleItem[];
20
30
  }
21
31
  export interface STableDoubleEvent<T> {
22
- position: Position;
32
+ isLeftTable: boolean;
23
33
  value: T;
24
34
  }
25
35
  export interface STableDoubleActionEvent {
26
- position: Position;
36
+ isLeftTable: boolean;
27
37
  id: string;
28
38
  }
29
39
  export type STableDoubleBooleanEvent = STableDoubleEvent<boolean>;
@@ -31,3 +41,8 @@ export type STableDoubleStringEvent = STableDoubleEvent<string>;
31
41
  export type STableDoubleStringArrayEvent = STableDoubleEvent<string[]>;
32
42
  export type STableDoubleNumberEvent = STableDoubleEvent<number>;
33
43
  export type STableDoubleSortEvent = STableDoubleEvent<SortTable>;
44
+ export type ReorderDirection = 'top' | 'up' | 'down' | 'bottom';
45
+ export interface STableDoubleReorderEvent {
46
+ itemId: string;
47
+ direction: ReorderDirection;
48
+ }
@@ -0,0 +1,38 @@
1
+ import { EventEmitter, OnInit } from '@angular/core';
2
+ import { STableDoubleCompleteConfig, STableDoubleCompleteUpdateEvent } from './table-double-complete.model';
3
+ import { ITab } from '../tabs/models';
4
+ import { STableDouble, STablesData, STableDoubleBooleanEvent, STableDoubleReorderEvent, STableDoubleStringArrayEvent, STableDoubleSortEvent, STableDoubleStringEvent } from '../table-double/table-double.model';
5
+ import * as i0 from "@angular/core";
6
+ export declare class STableDoubleCompleteComponent implements OnInit {
7
+ config: STableDoubleCompleteConfig;
8
+ updateEvent: EventEmitter<STableDoubleCompleteUpdateEvent>;
9
+ actionPositionEvent: EventEmitter<boolean>;
10
+ bottomStatusBarPositionEvent: EventEmitter<STableDoubleBooleanEvent>;
11
+ checkAllPositionEvent: EventEmitter<STableDoubleBooleanEvent>;
12
+ deletePositionEvent: EventEmitter<boolean>;
13
+ emptyPositionEvent: EventEmitter<boolean>;
14
+ filterPositionEvent: EventEmitter<STableDoubleStringArrayEvent>;
15
+ multiSelectPositionEvent: EventEmitter<STableDoubleStringArrayEvent>;
16
+ orderByPositionEvent: EventEmitter<STableDoubleSortEvent>;
17
+ pillButtonPositionEvent: EventEmitter<boolean>;
18
+ scrollPositionEvent: EventEmitter<boolean>;
19
+ selectPositionEvent: EventEmitter<STableDoubleStringEvent>;
20
+ private activeTabKey;
21
+ private rightTableState;
22
+ private expandedNodes;
23
+ tableDoubleAdapter: STableDouble;
24
+ ngOnInit(): void;
25
+ onTabSelect(tab: ITab): void;
26
+ private setActiveTab;
27
+ onUpdateTables(event: STablesData): void;
28
+ private refreshTables;
29
+ private buildTableDoubleAdapter;
30
+ private mapToTableDoubleItems;
31
+ private buildTree;
32
+ private flattenTree;
33
+ private resetSelections;
34
+ toggleNodeExpansion(nodeId: string): void;
35
+ onReorderItem(event: STableDoubleReorderEvent): void;
36
+ static ɵfac: i0.ɵɵFactoryDeclaration<STableDoubleCompleteComponent, never>;
37
+ static ɵcmp: i0.ɵɵComponentDeclaration<STableDoubleCompleteComponent, "s-table-double-complete", never, { "config": { "alias": "config"; "required": false; }; }, { "updateEvent": "updateEvent"; "actionPositionEvent": "actionPositionEvent"; "bottomStatusBarPositionEvent": "bottomStatusBarPositionEvent"; "checkAllPositionEvent": "checkAllPositionEvent"; "deletePositionEvent": "deletePositionEvent"; "emptyPositionEvent": "emptyPositionEvent"; "filterPositionEvent": "filterPositionEvent"; "multiSelectPositionEvent": "multiSelectPositionEvent"; "orderByPositionEvent": "orderByPositionEvent"; "pillButtonPositionEvent": "pillButtonPositionEvent"; "scrollPositionEvent": "scrollPositionEvent"; "selectPositionEvent": "selectPositionEvent"; }, never, never, true, never>;
38
+ }
@@ -0,0 +1,37 @@
1
+ import { ITab, IConfigTabs } from '../tabs/models';
2
+ import { SortTable, STableComplete, STablesData } from '../../public-api';
3
+ export interface STableDoubleCompleteItem {
4
+ id: string;
5
+ selectedCheckbox?: boolean;
6
+ name?: string;
7
+ [key: string]: any;
8
+ parentId?: string | null;
9
+ children?: STableDoubleCompleteItem[];
10
+ }
11
+ export interface STableDoubleCompleteTable {
12
+ tableLeftConfig: STableComplete;
13
+ tableRightConfig: STableComplete;
14
+ tableLeftItems: STableDoubleCompleteItem[];
15
+ tableRightItems: STableDoubleCompleteItem[];
16
+ }
17
+ export interface STableDoubleCompleteConfig {
18
+ tabs: ITab[];
19
+ configTabs?: IConfigTabs;
20
+ tableConfig: STableDoubleCompleteTable;
21
+ itemsByTab: Record<string, STableDoubleCompleteItem[]>;
22
+ treeMode?: boolean;
23
+ showOrderButtons?: boolean;
24
+ }
25
+ export type STablesDoubleCompleteData = STablesData;
26
+ export interface STableDoubleCompleteUpdateEvent extends STablesData {
27
+ tabKey: string;
28
+ }
29
+ export interface STableDoubleCompleteEvent<T> {
30
+ isLeftTable: boolean;
31
+ value: T;
32
+ }
33
+ export type STableDoubleCompleteBooleanEvent = STableDoubleCompleteEvent<boolean>;
34
+ export type STableDoubleCompleteStringEvent = STableDoubleCompleteEvent<string>;
35
+ export type STableDoubleCompleteStringArrayEvent = STableDoubleCompleteEvent<string[]>;
36
+ export type STableDoubleCompleteNumberEvent = STableDoubleCompleteEvent<number>;
37
+ export type STableDoubleCompleteSortEvent = STableDoubleCompleteEvent<SortTable>;
@@ -9,6 +9,7 @@ export declare class STabletComponent implements OnInit {
9
9
  bodyloading: TemplateRef<any>;
10
10
  body: TemplateRef<any>;
11
11
  configColumn: ConfigColumn[];
12
+ isTreeMode: boolean;
12
13
  loadingScroll: import("@angular/core").InputSignal<boolean>;
13
14
  updateDataEvent: EventEmitter<any>;
14
15
  ordenByEvent: EventEmitter<SortTable>;
@@ -26,7 +27,7 @@ export declare class STabletComponent implements OnInit {
26
27
  checkAll(event: any): void;
27
28
  onScroll(event: Event): void;
28
29
  static ɵfac: i0.ɵɵFactoryDeclaration<STabletComponent, never>;
29
- static ɵcmp: i0.ɵɵComponentDeclaration<STabletComponent, "s-tablet", never, { "data": { "alias": "data"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "header": { "alias": "header"; "required": false; }; "bodyloading": { "alias": "bodyloading"; "required": false; }; "body": { "alias": "body"; "required": false; }; "configColumn": { "alias": "configColumn"; "required": false; }; "loadingScroll": { "alias": "loadingScroll"; "required": false; "isSignal": true; }; }, { "updateDataEvent": "updateDataEvent"; "ordenByEvent": "ordenByEvent"; "checkAllEvent": "checkAllEvent"; "scrollEvent": "scrollEvent"; }, never, ["*"], false, never>;
30
+ static ɵcmp: i0.ɵɵComponentDeclaration<STabletComponent, "s-tablet", never, { "data": { "alias": "data"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "header": { "alias": "header"; "required": false; }; "bodyloading": { "alias": "bodyloading"; "required": false; }; "body": { "alias": "body"; "required": false; }; "configColumn": { "alias": "configColumn"; "required": false; }; "isTreeMode": { "alias": "isTreeMode"; "required": false; }; "loadingScroll": { "alias": "loadingScroll"; "required": false; "isSignal": true; }; }, { "updateDataEvent": "updateDataEvent"; "ordenByEvent": "ordenByEvent"; "checkAllEvent": "checkAllEvent"; "scrollEvent": "scrollEvent"; }, never, ["*"], false, never>;
30
31
  }
31
32
  export declare class SortableColumn {
32
33
  data: STabletComponent;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sidesys-generic-ui",
3
- "version": "2.4.3",
3
+ "version": "2.4.4",
4
4
  "exports": {
5
5
  "./theme": {
6
6
  "sass": "./src/lib/theme.scss"
package/public-api.d.ts CHANGED
@@ -46,6 +46,8 @@ export * from './lib/container';
46
46
  export * from './lib/redirect';
47
47
  export * from './lib/bottom-status-bar';
48
48
  export * from './lib/table-double';
49
+ export { STableDoubleCompleteComponent, } from './lib/table-double-complete/table-double-complete.component';
50
+ export { STableDoubleCompleteConfig, STableDoubleCompleteItem, STableDoubleCompleteUpdateEvent, } from './lib/table-double-complete/table-double-complete.model';
49
51
  export * from './lib/services';
50
52
  export * from './lib/shared';
51
53
  export * from './lib/pipe';