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.
- package/README.md +1 -1
- package/api/confirmation.d.ts +5 -0
- package/autocomplete/autocomplete.d.ts +5 -3
- package/button/button.directive.d.ts +5 -2
- package/chips/chips.d.ts +12 -1
- package/chips/chips.module.d.ts +2 -1
- package/confirmdialog/confirmdialog.d.ts +9 -1
- package/dialog/dialog.d.ts +4 -0
- package/esm2022/api/confirmation.mjs +1 -1
- package/esm2022/autocomplete/autocomplete.mjs +12 -8
- package/esm2022/button/button.directive.mjs +36 -4
- package/esm2022/button/button.mjs +2 -2
- package/esm2022/calendar/calendar.mjs +4 -4
- package/esm2022/chips/chips.mjs +56 -17
- package/esm2022/chips/chips.module.mjs +5 -4
- package/esm2022/confirmdialog/confirmdialog.mjs +31 -6
- package/esm2022/dialog/dialog.mjs +18 -3
- package/esm2022/dropdown/dropdown.mjs +3 -3
- package/esm2022/dynamicdialog/dynamicdialog.mjs +3 -3
- package/esm2022/inputgroup/inputgroup.mjs +10 -3
- package/esm2022/inputnumber/inputnumber.mjs +2 -2
- package/esm2022/inputtext/inputtext.component.mjs +2 -2
- package/esm2022/navigation/navigation.interface.mjs +1 -1
- package/esm2022/navigation/navigation.mjs +78 -17
- package/esm2022/selectbutton/public_api.mjs +2 -1
- package/esm2022/selectbutton/selectbutton.mjs +11 -86
- package/esm2022/selectbutton/selectbutton.module.mjs +21 -0
- package/esm2022/sidebar/sidebar.mjs +10 -3
- package/esm2022/speeddial/speeddial.mjs +1 -1
- package/esm2022/splitbutton/splitbutton.mjs +4 -4
- package/esm2022/table/components/column-filter/column-filter.mjs +146 -7
- package/esm2022/table/components/column-filter-form-element/column-filter-form-element.mjs +8 -7
- package/esm2022/table/components/sort-icon/sort-icon.mjs +7 -7
- package/esm2022/table/directives/sortable-column.directive.mjs +6 -6
- package/esm2022/table/table.mjs +114 -77
- package/esm2022/tableconfiguration/tableconfiguration.mjs +3 -3
- package/esm2022/tabview/tabview.mjs +31 -3
- package/esm2022/tabview/tabview.module.mjs +5 -4
- package/esm2022/timeline/timeline.mjs +2 -2
- package/esm2022/tooltip/tooltip.module.mjs +6 -4
- package/fesm2022/cax-design-system-autocomplete.mjs +11 -7
- package/fesm2022/cax-design-system-autocomplete.mjs.map +1 -1
- package/fesm2022/cax-design-system-button.mjs +36 -4
- package/fesm2022/cax-design-system-button.mjs.map +1 -1
- package/fesm2022/cax-design-system-calendar.mjs +3 -3
- package/fesm2022/cax-design-system-calendar.mjs.map +1 -1
- package/fesm2022/cax-design-system-chips.mjs +58 -19
- package/fesm2022/cax-design-system-chips.mjs.map +1 -1
- package/fesm2022/cax-design-system-confirmdialog.mjs +31 -6
- package/fesm2022/cax-design-system-confirmdialog.mjs.map +1 -1
- package/fesm2022/cax-design-system-dialog.mjs +17 -2
- package/fesm2022/cax-design-system-dialog.mjs.map +1 -1
- package/fesm2022/cax-design-system-dropdown.mjs +2 -2
- package/fesm2022/cax-design-system-dropdown.mjs.map +1 -1
- package/fesm2022/cax-design-system-dynamicdialog.mjs +2 -2
- package/fesm2022/cax-design-system-dynamicdialog.mjs.map +1 -1
- package/fesm2022/cax-design-system-inputgroup.mjs +9 -2
- package/fesm2022/cax-design-system-inputgroup.mjs.map +1 -1
- package/fesm2022/cax-design-system-inputnumber.mjs +1 -1
- package/fesm2022/cax-design-system-inputnumber.mjs.map +1 -1
- package/fesm2022/cax-design-system-inputtext.mjs +1 -1
- package/fesm2022/cax-design-system-inputtext.mjs.map +1 -1
- package/fesm2022/cax-design-system-navigation.mjs +77 -16
- package/fesm2022/cax-design-system-navigation.mjs.map +1 -1
- package/fesm2022/cax-design-system-selectbutton.mjs +12 -70
- package/fesm2022/cax-design-system-selectbutton.mjs.map +1 -1
- package/fesm2022/cax-design-system-sidebar.mjs +9 -2
- package/fesm2022/cax-design-system-sidebar.mjs.map +1 -1
- package/fesm2022/cax-design-system-speeddial.mjs +1 -1
- package/fesm2022/cax-design-system-speeddial.mjs.map +1 -1
- package/fesm2022/cax-design-system-splitbutton.mjs +3 -3
- package/fesm2022/cax-design-system-splitbutton.mjs.map +1 -1
- package/fesm2022/cax-design-system-table.mjs +270 -99
- package/fesm2022/cax-design-system-table.mjs.map +1 -1
- package/fesm2022/cax-design-system-tableconfiguration.mjs +2 -2
- package/fesm2022/cax-design-system-tableconfiguration.mjs.map +1 -1
- package/fesm2022/cax-design-system-tabview.mjs +34 -5
- package/fesm2022/cax-design-system-tabview.mjs.map +1 -1
- package/fesm2022/cax-design-system-timeline.mjs +2 -2
- package/fesm2022/cax-design-system-timeline.mjs.map +1 -1
- package/fesm2022/cax-design-system-tooltip.mjs +5 -3
- package/fesm2022/cax-design-system-tooltip.mjs.map +1 -1
- package/inputgroup/inputgroup.d.ts +6 -1
- package/navigation/navigation.d.ts +12 -7
- package/navigation/navigation.interface.d.ts +8 -5
- package/package.json +190 -190
- package/resources/cax.min.scss +1 -1
- package/resources/cax.scss +1088 -593
- package/resources/components/autocomplete/autocomplete.scss +77 -6
- package/resources/components/calendar/calendar.scss +9 -10
- package/resources/components/chips/chips.scss +110 -62
- package/resources/components/dialog/dialog.scss +2 -2
- package/resources/components/dropdown/dropdown.scss +6 -0
- package/resources/components/table/table.scss +50 -2
- package/resources/components/tabview/tabview.scss +19 -1
- package/resources/components/timeline/timeline.scss +4 -10
- package/selectbutton/public_api.d.ts +1 -0
- package/selectbutton/selectbutton.d.ts +2 -10
- package/selectbutton/selectbutton.module.d.ts +11 -0
- package/sidebar/sidebar.d.ts +8 -1
- package/splitbutton/splitbutton.d.ts +2 -2
- package/table/components/column-filter/column-filter.d.ts +30 -0
- package/table/directives/sortable-column.directive.d.ts +2 -2
- package/table/table.d.ts +3 -2
- package/tabview/tabview.d.ts +10 -1
- package/tabview/tabview.module.d.ts +2 -1
- 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
|
-
|
|
19
|
-
private
|
|
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;
|
package/tabview/tabview.d.ts
CHANGED
|
@@ -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
|
}
|