sidesys-generic-ui 2.4.7 → 2.4.9

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 (23) hide show
  1. package/esm2022/lib/animation/animation.component.mjs +2 -2
  2. package/esm2022/lib/badge/s-badge.component.mjs +7 -5
  3. package/esm2022/lib/button/components/button/s-button.component.mjs +4 -4
  4. package/esm2022/lib/input/components/input/s-input.component.mjs +14 -8
  5. package/esm2022/lib/navbar/components/icon-menu/s-icon-menu.component.mjs +1 -1
  6. package/esm2022/lib/select/select-multiple/s-select-multiple.component.mjs +10 -3
  7. package/esm2022/lib/sidebar/s-sidebar.component.mjs +1 -1
  8. package/esm2022/lib/table-double/table-double.component.mjs +42 -18
  9. package/esm2022/lib/table-double-complete/table-double-complete.component.mjs +161 -39
  10. package/esm2022/lib/table-double-complete/table-double-complete.model.mjs +1 -1
  11. package/esm2022/lib/tabs/s-tabs.component.mjs +1 -1
  12. package/esm2022/lib/theme/s-theme.component.mjs +2 -2
  13. package/esm2022/lib/toolbar-top/toolbar-top.component.mjs +6 -3
  14. package/fesm2022/sidesys-generic-ui.mjs +241 -78
  15. package/fesm2022/sidesys-generic-ui.mjs.map +1 -1
  16. package/lib/badge/s-badge.component.d.ts +3 -2
  17. package/lib/button/components/button/s-button.component.d.ts +1 -1
  18. package/lib/input/components/input/s-input.component.d.ts +4 -5
  19. package/lib/select/select-multiple/s-select-multiple.component.d.ts +3 -2
  20. package/lib/table-double/table-double.component.d.ts +6 -5
  21. package/lib/table-double-complete/table-double-complete.component.d.ts +25 -9
  22. package/lib/table-double-complete/table-double-complete.model.d.ts +11 -5
  23. package/package.json +1 -1
@@ -3,7 +3,8 @@ export declare class SBadgeComponent {
3
3
  id?: string;
4
4
  type: 'primary' | 'secondary' | 'green' | 'yellow' | 'red' | string;
5
5
  size: 'xs' | 'sm';
6
- new: boolean;
6
+ disabled?: boolean;
7
+ icon?: string;
7
8
  static ɵfac: i0.ɵɵFactoryDeclaration<SBadgeComponent, never>;
8
- static ɵcmp: i0.ɵɵComponentDeclaration<SBadgeComponent, "s-badge", never, { "id": { "alias": "id"; "required": false; }; "type": { "alias": "type"; "required": false; }; "size": { "alias": "size"; "required": false; }; "new": { "alias": "new"; "required": false; }; }, {}, never, ["*"], false, never>;
9
+ static ɵcmp: i0.ɵɵComponentDeclaration<SBadgeComponent, "s-badge", never, { "id": { "alias": "id"; "required": false; }; "type": { "alias": "type"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, {}, never, ["*"], false, never>;
9
10
  }
@@ -4,7 +4,7 @@ export declare class SButtonComponent implements OnInit {
4
4
  disabled: boolean;
5
5
  id: string;
6
6
  pill: boolean;
7
- size: 'xl' | 'lg' | 'md' | 'sm';
7
+ size: 'xl' | 'lg' | 'md' | 'sm' | 'xs';
8
8
  invert: boolean;
9
9
  type: 'primary' | 'secondary' | 'tertiary' | string;
10
10
  loading: boolean;
@@ -1,27 +1,26 @@
1
- import { EventEmitter, OnInit } from '@angular/core';
1
+ import { EventEmitter } from '@angular/core';
2
2
  import { THEME } from '../../../enums/theme.enum';
3
3
  import { ICON_THEME } from '../../enums/icon-theme.enum';
4
4
  import { ControlValueAccessorDirective } from '../../directives/control-value-accessor.directive';
5
5
  import { INPUT_TYPE, SInput } from './s-input-model';
6
6
  import * as i0 from "@angular/core";
7
- export declare class SInputComponent<T> extends ControlValueAccessorDirective<T> implements OnInit {
7
+ export declare class SInputComponent<T> extends ControlValueAccessorDirective<T> {
8
8
  config: SInput;
9
9
  clickHelpIconEvent: EventEmitter<void>;
10
10
  blur: EventEmitter<void>;
11
11
  focus: EventEmitter<void>;
12
- id: string;
13
12
  private _sTranslateService;
14
13
  iconSymbol: boolean;
15
14
  iconType?: string;
16
15
  showPassword: boolean;
17
- type: INPUT_TYPE;
18
16
  errorPattern?: string;
19
17
  INPUT_TYPE: typeof INPUT_TYPE;
20
18
  THEME: typeof THEME;
21
19
  ICON_THEME: typeof ICON_THEME;
22
20
  isFocused: boolean;
23
- ngOnInit(): void;
24
21
  onInput(event: Event): void;
22
+ get id(): string;
23
+ get type(): INPUT_TYPE;
25
24
  registerOnChange(fn: any): void;
26
25
  getIconType(): 'symbol' | 'icon';
27
26
  showIconType(): boolean;
@@ -1,4 +1,4 @@
1
- import { EventEmitter, AfterContentInit, Injector, OnInit } from '@angular/core';
1
+ import { EventEmitter, AfterContentInit, Injector, OnInit, OnChanges, SimpleChanges } from '@angular/core';
2
2
  import { SCheckbox } from '../../checkbox';
3
3
  import { FormControl } from '@angular/forms';
4
4
  import { SelectNavigationService } from '../s-select-service';
@@ -7,7 +7,7 @@ import { ControlValueAccessorDirective } from '../../input/directives/control-va
7
7
  import { SInput } from '../../input/components/input/s-input-model';
8
8
  import { SItemMultiSelect, SMultiSelect } from './s-select-multiple-model';
9
9
  import * as i0 from "@angular/core";
10
- export declare class SSelectMultipleComponent extends ControlValueAccessorDirective<string[]> implements AfterContentInit, OnInit {
10
+ export declare class SSelectMultipleComponent extends ControlValueAccessorDirective<string[]> implements AfterContentInit, OnInit, OnChanges {
11
11
  private selectNavService;
12
12
  config: SMultiSelect;
13
13
  selectEvent: EventEmitter<SItemMultiSelect[]>;
@@ -33,6 +33,7 @@ export declare class SSelectMultipleComponent extends ControlValueAccessorDirect
33
33
  ngOnInit(): void;
34
34
  getControl(): FormControl<any>;
35
35
  ngAfterContentInit(): void;
36
+ ngOnChanges(changes: SimpleChanges): void;
36
37
  openDropDown(): void;
37
38
  filter(): void;
38
39
  selectAllEvent(): void;
@@ -1,9 +1,9 @@
1
- import { EventEmitter, OnInit, WritableSignal } from '@angular/core';
1
+ import { EventEmitter, OnChanges, OnInit, SimpleChanges, WritableSignal } from '@angular/core';
2
2
  import { SortTable } from '../table-t';
3
3
  import { STableDouble, STableDoubleActionEvent, STableDoubleBooleanEvent, STableDoubleNumberEvent, STableDoubleReorderEvent, STableDoubleSortEvent, STableDoubleStringArrayEvent, STableDoubleStringEvent, STableDoubleSwitchEvent, STablesData } from './table-double.model';
4
4
  import { ActionButton } from '../table-t/table-actions-buttons/interfaces';
5
5
  import * as i0 from "@angular/core";
6
- export declare class STableDoubleComponent implements OnInit {
6
+ export declare class STableDoubleComponent implements OnInit, OnChanges {
7
7
  config: STableDouble;
8
8
  actionPositionEvent: EventEmitter<boolean>;
9
9
  bottomStatusBarPositionEvent: EventEmitter<STableDoubleBooleanEvent>;
@@ -25,9 +25,10 @@ export declare class STableDoubleComponent implements OnInit {
25
25
  }>;
26
26
  actionEvent: EventEmitter<STableDoubleActionEvent>;
27
27
  toggleExpandEvent: EventEmitter<string>;
28
- id: string;
29
28
  reorderItemEvent: EventEmitter<STableDoubleReorderEvent>;
30
29
  switchChangeEvent: EventEmitter<STableDoubleSwitchEvent>;
30
+ searchEvent: EventEmitter<STableDoubleStringEvent>;
31
+ id: string;
31
32
  disabledButtonLeft: WritableSignal<boolean>;
32
33
  disabledButtonRight: WritableSignal<boolean>;
33
34
  itemsTableLeft: any[];
@@ -36,6 +37,7 @@ export declare class STableDoubleComponent implements OnInit {
36
37
  dragOverItemId: string | null;
37
38
  private readonly _sTranslateService;
38
39
  ngOnInit(): void;
40
+ ngOnChanges(changes: SimpleChanges): void;
39
41
  onDragStart(event: DragEvent, itemId: string): void;
40
42
  onDragOver(event: DragEvent, itemId: string): void;
41
43
  onDragLeave(event: DragEvent): void;
@@ -62,7 +64,6 @@ export declare class STableDoubleComponent implements OnInit {
62
64
  changeCheckbox(): void;
63
65
  bottomStatusBarChange(state: boolean, isLeftTable: boolean): void;
64
66
  search(event: string, isLeftTable: boolean): void;
65
- private getFilteredItems;
66
67
  private updateCounter;
67
68
  getTreeCellColspan(): number;
68
69
  getTreeLevelClass(item: any): string;
@@ -74,5 +75,5 @@ export declare class STableDoubleComponent implements OnInit {
74
75
  onOrderButtonClick(type: string, itemId: string): void;
75
76
  onSwitchChange(value: boolean, itemId: string, columnId: string, isLeftTable: boolean): void;
76
77
  static ɵfac: i0.ɵɵFactoryDeclaration<STableDoubleComponent, never>;
77
- 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"; "switchChangeEvent": "switchChangeEvent"; }, never, never, true, never>;
78
+ 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"; "switchChangeEvent": "switchChangeEvent"; "searchEvent": "searchEvent"; }, never, never, true, never>;
78
79
  }
@@ -1,9 +1,9 @@
1
- import { EventEmitter, OnInit } from '@angular/core';
2
- import { STableDoubleCompleteConfig, STableDoubleCompleteUpdateEvent } from './table-double-complete.model';
1
+ import { EventEmitter, OnInit, OnChanges, DoCheck, SimpleChanges } from '@angular/core';
2
+ import { STableDoubleCompleteConfig, STableDoubleCompleteUpdateEvent, STableDoubleCompleteSortEvent, STableDoubleCompleteStringArrayEvent, STableDoubleCompleteStringEvent } from './table-double-complete.model';
3
3
  import { ITab } from '../tabs/models';
4
4
  import { STableDouble, STablesData, STableDoubleBooleanEvent, STableDoubleReorderEvent, STableDoubleStringArrayEvent, STableDoubleSortEvent, STableDoubleStringEvent, STableDoubleSwitchEvent } from '../table-double/table-double.model';
5
5
  import * as i0 from "@angular/core";
6
- export declare class STableDoubleCompleteComponent implements OnInit {
6
+ export declare class STableDoubleCompleteComponent implements OnInit, OnChanges, DoCheck {
7
7
  config: STableDoubleCompleteConfig;
8
8
  updateEvent: EventEmitter<STableDoubleCompleteUpdateEvent>;
9
9
  actionPositionEvent: EventEmitter<boolean>;
@@ -11,24 +11,40 @@ export declare class STableDoubleCompleteComponent implements OnInit {
11
11
  checkAllPositionEvent: EventEmitter<STableDoubleBooleanEvent>;
12
12
  deletePositionEvent: EventEmitter<boolean>;
13
13
  emptyPositionEvent: EventEmitter<boolean>;
14
- filterPositionEvent: EventEmitter<STableDoubleStringArrayEvent>;
15
- multiSelectPositionEvent: EventEmitter<STableDoubleStringArrayEvent>;
16
- orderByPositionEvent: EventEmitter<STableDoubleSortEvent>;
14
+ filterPositionEvent: EventEmitter<STableDoubleCompleteStringArrayEvent>;
15
+ multiSelectPositionEvent: EventEmitter<STableDoubleCompleteStringArrayEvent>;
16
+ orderByPositionEvent: EventEmitter<STableDoubleCompleteSortEvent>;
17
17
  pillButtonPositionEvent: EventEmitter<boolean>;
18
18
  scrollPositionEvent: EventEmitter<boolean>;
19
- selectPositionEvent: EventEmitter<STableDoubleStringEvent>;
20
- id: string;
19
+ selectPositionEvent: EventEmitter<STableDoubleCompleteStringEvent>;
20
+ searchEvent: EventEmitter<STableDoubleCompleteStringEvent>;
21
21
  switchChangeEvent: EventEmitter<STableDoubleSwitchEvent>;
22
+ id: string;
23
+ tabs: ITab[];
22
24
  private activeTabKey;
25
+ private previousItemsByTab;
23
26
  private rightTableState;
27
+ private rightTableSearchTerm;
28
+ private rightTableSort?;
24
29
  private expandedNodes;
25
30
  private readonly _sTranslateService;
31
+ private readonly _cdr;
26
32
  tableDoubleAdapter: STableDouble;
27
33
  ngOnInit(): void;
34
+ ngOnChanges(changes: SimpleChanges): void;
35
+ ngDoCheck(): void;
36
+ private calculateStructuralHash;
37
+ private updateTabsList;
28
38
  onTabSelect(tab: ITab): void;
39
+ orderByPosition(event: STableDoubleSortEvent): void;
40
+ onFilterPosition(event: STableDoubleStringArrayEvent): void;
41
+ onMultiSelectPosition(event: STableDoubleStringArrayEvent): void;
42
+ onSearchEvent(event: STableDoubleStringEvent): void;
29
43
  private setActiveTab;
30
44
  onUpdateTables(event: STablesData): void;
31
45
  private refreshTables;
46
+ private applyRightTableSearch;
47
+ private applyRightTableSort;
32
48
  private buildTableDoubleAdapter;
33
49
  private mapToTableDoubleItems;
34
50
  private buildTree;
@@ -38,5 +54,5 @@ export declare class STableDoubleCompleteComponent implements OnInit {
38
54
  toggleNodeExpansion(nodeId: string): void;
39
55
  onReorderItem(event: STableDoubleReorderEvent): void;
40
56
  static ɵfac: i0.ɵɵFactoryDeclaration<STableDoubleCompleteComponent, never>;
41
- 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"; "switchChangeEvent": "switchChangeEvent"; }, never, never, true, never>;
57
+ 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"; "searchEvent": "searchEvent"; "switchChangeEvent": "switchChangeEvent"; }, never, never, true, never>;
42
58
  }
@@ -1,9 +1,9 @@
1
- import { ITab, IConfigTabs } from '../tabs/models';
1
+ import { IConfigTabs } from '../tabs/models';
2
2
  import { SortTable, STableComplete, STablesData } from '../../public-api';
3
3
  import { STableDoubleSwitchEvent } from '../table-double/table-double.model';
4
4
  export interface STableDoubleCompleteItem {
5
5
  id: string;
6
- selectedCheckbox?: boolean;
6
+ checked?: boolean;
7
7
  name?: string;
8
8
  [key: string]: any;
9
9
  parentId?: string | null;
@@ -15,12 +15,17 @@ export interface STableDoubleCompleteTable {
15
15
  tableLeftItems: STableDoubleCompleteItem[];
16
16
  tableRightItems: STableDoubleCompleteItem[];
17
17
  }
18
+ export interface ITableLeft {
19
+ tableConfig: STableComplete;
20
+ items: STableDoubleCompleteItem[];
21
+ tabLabel: string;
22
+ tabActive?: boolean;
23
+ }
18
24
  export interface STableDoubleCompleteConfig {
19
- tabs: ITab[];
20
25
  configTabs?: IConfigTabs;
21
- tableConfig: STableDoubleCompleteTable;
22
26
  id?: string;
23
- itemsByTab: Record<string, STableDoubleCompleteItem[]>;
27
+ tableLeft: Record<string, ITableLeft>;
28
+ tableRight: STableComplete;
24
29
  treeMode?: boolean;
25
30
  showOrderButtons?: boolean;
26
31
  }
@@ -31,6 +36,7 @@ export interface STableDoubleCompleteUpdateEvent extends STablesData {
31
36
  export interface STableDoubleCompleteEvent<T> {
32
37
  isLeftTable: boolean;
33
38
  value: T;
39
+ tabKey: string;
34
40
  }
35
41
  export type STableDoubleCompleteBooleanEvent = STableDoubleCompleteEvent<boolean>;
36
42
  export type STableDoubleCompleteStringEvent = STableDoubleCompleteEvent<string>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sidesys-generic-ui",
3
- "version": "2.4.7",
3
+ "version": "2.4.9",
4
4
  "exports": {
5
5
  "./theme": {
6
6
  "sass": "./src/lib/theme.scss"