cax-design-system 2.4.1 → 2.6.0

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 (107) hide show
  1. package/README.md +1 -1
  2. package/api/confirmation.d.ts +5 -0
  3. package/autocomplete/autocomplete.d.ts +5 -3
  4. package/button/button.directive.d.ts +5 -2
  5. package/chips/chips.d.ts +12 -1
  6. package/chips/chips.module.d.ts +2 -1
  7. package/confirmdialog/confirmdialog.d.ts +9 -1
  8. package/dialog/dialog.d.ts +4 -0
  9. package/esm2022/api/confirmation.mjs +1 -1
  10. package/esm2022/autocomplete/autocomplete.mjs +12 -8
  11. package/esm2022/button/button.directive.mjs +36 -4
  12. package/esm2022/button/button.mjs +2 -2
  13. package/esm2022/calendar/calendar.mjs +4 -4
  14. package/esm2022/chips/chips.mjs +56 -17
  15. package/esm2022/chips/chips.module.mjs +5 -4
  16. package/esm2022/confirmdialog/confirmdialog.mjs +31 -6
  17. package/esm2022/dialog/dialog.mjs +18 -3
  18. package/esm2022/dropdown/dropdown.mjs +3 -3
  19. package/esm2022/dynamicdialog/dynamicdialog.mjs +3 -3
  20. package/esm2022/inputgroup/inputgroup.mjs +10 -3
  21. package/esm2022/inputnumber/inputnumber.mjs +2 -2
  22. package/esm2022/inputtext/inputtext.component.mjs +2 -2
  23. package/esm2022/navigation/navigation.interface.mjs +1 -1
  24. package/esm2022/navigation/navigation.mjs +78 -17
  25. package/esm2022/selectbutton/public_api.mjs +2 -1
  26. package/esm2022/selectbutton/selectbutton.mjs +11 -86
  27. package/esm2022/selectbutton/selectbutton.module.mjs +21 -0
  28. package/esm2022/sidebar/sidebar.mjs +10 -3
  29. package/esm2022/speeddial/speeddial.mjs +1 -1
  30. package/esm2022/splitbutton/splitbutton.mjs +4 -4
  31. package/esm2022/table/components/column-filter/column-filter.mjs +146 -7
  32. package/esm2022/table/components/column-filter-form-element/column-filter-form-element.mjs +8 -7
  33. package/esm2022/table/components/sort-icon/sort-icon.mjs +7 -7
  34. package/esm2022/table/directives/sortable-column.directive.mjs +6 -6
  35. package/esm2022/table/table.mjs +114 -77
  36. package/esm2022/tableconfiguration/tableconfiguration.mjs +3 -3
  37. package/esm2022/tabview/tabview.mjs +31 -3
  38. package/esm2022/tabview/tabview.module.mjs +5 -4
  39. package/esm2022/timeline/timeline.mjs +2 -2
  40. package/esm2022/tooltip/tooltip.module.mjs +6 -4
  41. package/fesm2022/cax-design-system-autocomplete.mjs +11 -7
  42. package/fesm2022/cax-design-system-autocomplete.mjs.map +1 -1
  43. package/fesm2022/cax-design-system-button.mjs +36 -4
  44. package/fesm2022/cax-design-system-button.mjs.map +1 -1
  45. package/fesm2022/cax-design-system-calendar.mjs +3 -3
  46. package/fesm2022/cax-design-system-calendar.mjs.map +1 -1
  47. package/fesm2022/cax-design-system-chips.mjs +58 -19
  48. package/fesm2022/cax-design-system-chips.mjs.map +1 -1
  49. package/fesm2022/cax-design-system-confirmdialog.mjs +31 -6
  50. package/fesm2022/cax-design-system-confirmdialog.mjs.map +1 -1
  51. package/fesm2022/cax-design-system-dialog.mjs +17 -2
  52. package/fesm2022/cax-design-system-dialog.mjs.map +1 -1
  53. package/fesm2022/cax-design-system-dropdown.mjs +2 -2
  54. package/fesm2022/cax-design-system-dropdown.mjs.map +1 -1
  55. package/fesm2022/cax-design-system-dynamicdialog.mjs +2 -2
  56. package/fesm2022/cax-design-system-dynamicdialog.mjs.map +1 -1
  57. package/fesm2022/cax-design-system-inputgroup.mjs +9 -2
  58. package/fesm2022/cax-design-system-inputgroup.mjs.map +1 -1
  59. package/fesm2022/cax-design-system-inputnumber.mjs +1 -1
  60. package/fesm2022/cax-design-system-inputnumber.mjs.map +1 -1
  61. package/fesm2022/cax-design-system-inputtext.mjs +1 -1
  62. package/fesm2022/cax-design-system-inputtext.mjs.map +1 -1
  63. package/fesm2022/cax-design-system-navigation.mjs +77 -16
  64. package/fesm2022/cax-design-system-navigation.mjs.map +1 -1
  65. package/fesm2022/cax-design-system-selectbutton.mjs +12 -70
  66. package/fesm2022/cax-design-system-selectbutton.mjs.map +1 -1
  67. package/fesm2022/cax-design-system-sidebar.mjs +9 -2
  68. package/fesm2022/cax-design-system-sidebar.mjs.map +1 -1
  69. package/fesm2022/cax-design-system-speeddial.mjs +1 -1
  70. package/fesm2022/cax-design-system-speeddial.mjs.map +1 -1
  71. package/fesm2022/cax-design-system-splitbutton.mjs +3 -3
  72. package/fesm2022/cax-design-system-splitbutton.mjs.map +1 -1
  73. package/fesm2022/cax-design-system-table.mjs +270 -99
  74. package/fesm2022/cax-design-system-table.mjs.map +1 -1
  75. package/fesm2022/cax-design-system-tableconfiguration.mjs +2 -2
  76. package/fesm2022/cax-design-system-tableconfiguration.mjs.map +1 -1
  77. package/fesm2022/cax-design-system-tabview.mjs +34 -5
  78. package/fesm2022/cax-design-system-tabview.mjs.map +1 -1
  79. package/fesm2022/cax-design-system-timeline.mjs +2 -2
  80. package/fesm2022/cax-design-system-timeline.mjs.map +1 -1
  81. package/fesm2022/cax-design-system-tooltip.mjs +5 -3
  82. package/fesm2022/cax-design-system-tooltip.mjs.map +1 -1
  83. package/inputgroup/inputgroup.d.ts +6 -1
  84. package/navigation/navigation.d.ts +12 -7
  85. package/navigation/navigation.interface.d.ts +8 -5
  86. package/package.json +190 -190
  87. package/resources/cax.min.scss +1 -1
  88. package/resources/cax.scss +1088 -593
  89. package/resources/components/autocomplete/autocomplete.scss +77 -6
  90. package/resources/components/calendar/calendar.scss +9 -10
  91. package/resources/components/chips/chips.scss +110 -62
  92. package/resources/components/dialog/dialog.scss +2 -2
  93. package/resources/components/dropdown/dropdown.scss +6 -0
  94. package/resources/components/table/table.scss +50 -2
  95. package/resources/components/tabview/tabview.scss +19 -1
  96. package/resources/components/timeline/timeline.scss +4 -10
  97. package/selectbutton/public_api.d.ts +1 -0
  98. package/selectbutton/selectbutton.d.ts +2 -10
  99. package/selectbutton/selectbutton.module.d.ts +11 -0
  100. package/sidebar/sidebar.d.ts +8 -1
  101. package/splitbutton/splitbutton.d.ts +2 -2
  102. package/table/components/column-filter/column-filter.d.ts +30 -0
  103. package/table/directives/sortable-column.directive.d.ts +2 -2
  104. package/table/table.d.ts +3 -2
  105. package/tabview/tabview.d.ts +10 -1
  106. package/tabview/tabview.module.d.ts +2 -1
  107. package/tooltip/tooltip.module.d.ts +3 -1
@@ -200,6 +200,28 @@ export declare class ColumnFilter implements AfterContentInit {
200
200
  get removeRuleButtonAriaLabel(): string;
201
201
  get filterOperatorAriaLabel(): string;
202
202
  get filterConstraintAriaLabel(): string;
203
+ customFilterListVisible: boolean;
204
+ selectedCustomFilter: any;
205
+ commonFilterOptions: {
206
+ label: string;
207
+ key: string;
208
+ }[];
209
+ stringFilterOptions: {
210
+ label: string;
211
+ key: string;
212
+ }[];
213
+ numberFilterOptions: {
214
+ label: string;
215
+ key: string;
216
+ }[];
217
+ dateFilterOptions: {
218
+ label: string;
219
+ key: string;
220
+ }[];
221
+ customInputFilter: string;
222
+ customNumberFilter1: number;
223
+ customNumberFilter2: number;
224
+ customDateFilter: any;
203
225
  constructor(document: Document, el: ElementRef, dt: Table, renderer: Renderer2, config: caxConfig, overlayService: OverlayService, cd: ChangeDetectorRef);
204
226
  ngOnInit(): void;
205
227
  generateMatchModeOptions(): void;
@@ -239,6 +261,14 @@ export declare class ColumnFilter implements AfterContentInit {
239
261
  clearFilter(): void;
240
262
  applyFilter(): void;
241
263
  ngOnDestroy(): void;
264
+ toggleCustomFilterList(): void;
265
+ selectCustomFilter(option: any): void;
266
+ get isCustomCommonFilterSelected(): boolean;
267
+ get isCustomStringFilterSelected(): boolean;
268
+ get isCustomNumberFilterSelected(): boolean;
269
+ get isCustomDateFilterSelected(): boolean;
270
+ onClearCustomFilters(): void;
271
+ onApplyCustomFilters(): void;
242
272
  static ɵfac: i0.ɵɵFactoryDeclaration<ColumnFilter, never>;
243
273
  static ɵcmp: i0.ɵɵComponentDeclaration<ColumnFilter, "cax-columnFilter", never, { "field": { "alias": "field"; "required": false; }; "type": { "alias": "type"; "required": false; }; "display": { "alias": "display"; "required": false; }; "showMenu": { "alias": "showMenu"; "required": false; }; "matchMode": { "alias": "matchMode"; "required": false; }; "operator": { "alias": "operator"; "required": false; }; "showOperator": { "alias": "showOperator"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; }; "showApplyButton": { "alias": "showApplyButton"; "required": false; }; "showMatchModes": { "alias": "showMatchModes"; "required": false; }; "showAddButton": { "alias": "showAddButton"; "required": false; }; "hideOnClear": { "alias": "hideOnClear"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "matchModeOptions": { "alias": "matchModeOptions"; "required": false; }; "maxConstraints": { "alias": "maxConstraints"; "required": false; }; "minFractionDigits": { "alias": "minFractionDigits"; "required": false; }; "maxFractionDigits": { "alias": "maxFractionDigits"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "localeMatcher": { "alias": "localeMatcher"; "required": false; }; "currency": { "alias": "currency"; "required": false; }; "currencyDisplay": { "alias": "currencyDisplay"; "required": false; }; "useGrouping": { "alias": "useGrouping"; "required": false; }; "showButtons": { "alias": "showButtons"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "onShow": "onShow"; "onHide": "onHide"; }, ["templates"], never, true, never>;
244
274
  static ngAcceptInputType_showMenu: unknown;
@@ -15,8 +15,8 @@ export declare class SortableColumn implements OnInit, OnDestroy {
15
15
  onClick(event: MouseEvent): void;
16
16
  onEnterKey(event: MouseEvent): void;
17
17
  isEnabled(): boolean;
18
- isFilterElement(element: HTMLElement): boolean;
19
- private isFilterElementIconOrButton;
18
+ isSortElement(element: HTMLElement): boolean;
19
+ private isSortButton;
20
20
  ngOnDestroy(): void;
21
21
  static ɵfac: i0.ɵɵFactoryDeclaration<SortableColumn, never>;
22
22
  static ɵdir: i0.ɵɵDirectiveDeclaration<SortableColumn, "[caxSortableColumn]", never, { "field": { "alias": "caxSortableColumn"; "required": false; }; "caxSortableColumnDisabled": { "alias": "caxSortableColumnDisabled"; "required": false; }; }, {}, never, never, true, never>;
package/table/table.d.ts CHANGED
@@ -138,7 +138,7 @@ export declare class Table implements OnInit, AfterViewInit, AfterContentInit, B
138
138
  * Defines whether sorting works on single column or on multiple columns.
139
139
  * @group Props
140
140
  */
141
- sortMode: 'single' | 'multiple';
141
+ sortMode: 'single' | 'multiple' | 'custom';
142
142
  /**
143
143
  * When true, resets paginator to first page after sorting. Available only when sortMode is set to single.
144
144
  * @group Props
@@ -726,6 +726,7 @@ export declare class Table implements OnInit, AfterViewInit, AfterContentInit, B
726
726
  onPageChange(event: TablePageEvent): void;
727
727
  sort(event: any): void;
728
728
  sortSingle(): void;
729
+ sortCustom(): void;
729
730
  sortMultiple(): void;
730
731
  multisortField(data1: any, data2: any, multiSortMeta: SortMeta[], index: number): any;
731
732
  compareValuesOnSort(value1: any, value2: any, order: any): number;
@@ -746,7 +747,7 @@ export declare class Table implements OnInit, AfterViewInit, AfterContentInit, B
746
747
  filter(value: any, field: string, matchMode: string): void;
747
748
  filterGlobal(value: any, matchMode: string): void;
748
749
  isFilterBlank(filter: any): boolean;
749
- _filter(): void;
750
+ _filter(display?: string): void;
750
751
  executeLocalFilter(field: string, rowData: any, filterMeta: FilterMetadata): boolean;
751
752
  hasFilter(): boolean;
752
753
  createLazyLoadMetadata(): any;
@@ -191,6 +191,15 @@ export declare class TabView implements AfterContentInit, AfterViewChecked, OnDe
191
191
  * @group Props
192
192
  */
193
193
  tabindex: number;
194
+ actionButton: any;
195
+ actionButtonSeverity: 'success' | 'info' | 'warning' | 'danger' | 'help' | 'primary' | 'secondary' | 'contrast';
196
+ actionButtonSize: 'small' | 'large' | null;
197
+ actionButtonOutlined: boolean;
198
+ actionButtonRounded: boolean;
199
+ actionButtonIcon: string | undefined;
200
+ actionButtonLoading: boolean;
201
+ actionButtonLink: boolean;
202
+ actionButtonDisabled: boolean;
194
203
  /**
195
204
  * Callback to invoke on tab change.
196
205
  * @param {TabViewChangeEvent} event - Custom tab change event
@@ -275,7 +284,7 @@ export declare class TabView implements AfterContentInit, AfterViewChecked, OnDe
275
284
  navBackward(): void;
276
285
  navForward(): void;
277
286
  static ɵfac: i0.ɵɵFactoryDeclaration<TabView, never>;
278
- static ɵcmp: i0.ɵɵComponentDeclaration<TabView, "cax-tabView", never, { "fullMode": { "alias": "fullMode"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "controlClose": { "alias": "controlClose"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "activeIndex": { "alias": "activeIndex"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "nextButtonAriaLabel": { "alias": "nextButtonAriaLabel"; "required": false; }; "prevButtonAriaLabel": { "alias": "prevButtonAriaLabel"; "required": false; }; "autoHideButtons": { "alias": "autoHideButtons"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "pinnedIndexes": { "alias": "pinnedIndexes"; "required": false; }; }, { "onChange": "onChange"; "onClose": "onClose"; "activeIndexChange": "activeIndexChange"; }, ["tabPanels", "templates"], ["*"], false, never>;
287
+ static ɵcmp: i0.ɵɵComponentDeclaration<TabView, "cax-tabView", never, { "fullMode": { "alias": "fullMode"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "controlClose": { "alias": "controlClose"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "activeIndex": { "alias": "activeIndex"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "nextButtonAriaLabel": { "alias": "nextButtonAriaLabel"; "required": false; }; "prevButtonAriaLabel": { "alias": "prevButtonAriaLabel"; "required": false; }; "autoHideButtons": { "alias": "autoHideButtons"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "actionButton": { "alias": "actionButton"; "required": false; }; "actionButtonSeverity": { "alias": "actionButtonSeverity"; "required": false; }; "actionButtonSize": { "alias": "actionButtonSize"; "required": false; }; "actionButtonOutlined": { "alias": "actionButtonOutlined"; "required": false; }; "actionButtonRounded": { "alias": "actionButtonRounded"; "required": false; }; "actionButtonIcon": { "alias": "actionButtonIcon"; "required": false; }; "actionButtonLoading": { "alias": "actionButtonLoading"; "required": false; }; "actionButtonLink": { "alias": "actionButtonLink"; "required": false; }; "actionButtonDisabled": { "alias": "actionButtonDisabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "pinnedIndexes": { "alias": "pinnedIndexes"; "required": false; }; }, { "onChange": "onChange"; "onClose": "onClose"; "activeIndexChange": "activeIndexChange"; }, ["tabPanels", "templates"], ["*"], false, never>;
279
288
  static ngAcceptInputType_controlClose: unknown;
280
289
  static ngAcceptInputType_scrollable: unknown;
281
290
  static ngAcceptInputType_selectOnFocus: unknown;
@@ -7,8 +7,9 @@ import * as i5 from "cax-design-system/ripple";
7
7
  import * as i6 from "cax-design-system/icons/times";
8
8
  import * as i7 from "cax-design-system/icons/chevronleft";
9
9
  import * as i8 from "cax-design-system/icons/chevronright";
10
+ import * as i9 from "cax-design-system/button";
10
11
  export declare class TabViewModule {
11
12
  static ɵfac: i0.ɵɵFactoryDeclaration<TabViewModule, never>;
12
- static ɵmod: i0.ɵɵNgModuleDeclaration<TabViewModule, [typeof i1.TabView, typeof i1.TabPanel], [typeof i2.CommonModule, typeof i3.SharedModule, typeof i4.TooltipModule, typeof i5.RippleModule, typeof i6.TimesIcon, typeof i7.ChevronLeftIcon, typeof i8.ChevronRightIcon], [typeof i1.TabView, typeof i1.TabPanel, typeof i3.SharedModule]>;
13
+ static ɵmod: i0.ɵɵNgModuleDeclaration<TabViewModule, [typeof i1.TabView, typeof i1.TabPanel], [typeof i2.CommonModule, typeof i3.SharedModule, typeof i4.TooltipModule, typeof i5.RippleModule, typeof i6.TimesIcon, typeof i7.ChevronLeftIcon, typeof i8.ChevronRightIcon, typeof i9.ButtonModule], [typeof i1.TabView, typeof i1.TabPanel, typeof i3.SharedModule]>;
13
14
  static ɵinj: i0.ɵɵInjectorDeclaration<TabViewModule>;
14
15
  }
@@ -1,8 +1,10 @@
1
1
  import * as i0 from "@angular/core";
2
2
  import * as i1 from "./tooltip";
3
3
  import * as i2 from "@angular/common";
4
+ import * as i3 from "cax-design-system/inputtext";
5
+ import * as i4 from "cax-design-system/button";
4
6
  export declare class TooltipModule {
5
7
  static ɵfac: i0.ɵɵFactoryDeclaration<TooltipModule, never>;
6
- static ɵmod: i0.ɵɵNgModuleDeclaration<TooltipModule, [typeof i1.Tooltip], [typeof i2.CommonModule], [typeof i1.Tooltip]>;
8
+ static ɵmod: i0.ɵɵNgModuleDeclaration<TooltipModule, [typeof i1.Tooltip], [typeof i2.CommonModule, typeof i3.InputTextModule, typeof i4.ButtonModule], [typeof i1.Tooltip]>;
7
9
  static ɵinj: i0.ɵɵInjectorDeclaration<TooltipModule>;
8
10
  }