@allsorter/ui-components 0.0.365 → 0.0.367
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/fesm2022/allsorter-ui-components.mjs +839 -494
- package/fesm2022/allsorter-ui-components.mjs.map +1 -1
- package/lib/button/button.component.d.ts +9 -5
- package/lib/checkbox/checkbox.component.d.ts +6 -2
- package/lib/date-range/date-range.component.d.ts +4 -2
- package/lib/input/input.component.d.ts +10 -5
- package/lib/newresumeheader/newresumeheader.component.d.ts +65 -0
- package/lib/newresumeheader/newresumeheader.module.d.ts +8 -0
- package/lib/radio/radio.component.d.ts +6 -2
- package/lib/responsive-columns/responsive-columns.component.d.ts +1 -1
- package/lib/resume-header/resume-header.component.d.ts +3 -0
- package/lib/slide-toggle/slide-toggle.component.d.ts +2 -2
- package/lib/tabs/tabs.component.d.ts +4 -2
- package/package.json +1 -1
- package/public-api.d.ts +2 -0
|
@@ -15,7 +15,9 @@ export declare class ButtonComponent implements OnDestroy, OnChanges {
|
|
|
15
15
|
set category(val: string);
|
|
16
16
|
/** Button outline style (true = outlined, false = filled) */
|
|
17
17
|
outline: boolean;
|
|
18
|
-
|
|
18
|
+
labelText: string | undefined;
|
|
19
|
+
/** DEPRECATED: label -> labelText */
|
|
20
|
+
set label(val: string | undefined);
|
|
19
21
|
arialabel: string | undefined;
|
|
20
22
|
iconOnly: boolean;
|
|
21
23
|
leftIcon: string | null | undefined;
|
|
@@ -50,10 +52,12 @@ export declare class ButtonComponent implements OnDestroy, OnChanges {
|
|
|
50
52
|
value?: any;
|
|
51
53
|
} | string>);
|
|
52
54
|
/** Enable dropdown behavior. */
|
|
53
|
-
|
|
54
|
-
/** DEPRECATED:
|
|
55
|
+
hasDropDown: boolean;
|
|
56
|
+
/** DEPRECATED: dropdown -> hasDropDown */
|
|
57
|
+
set dropdown(val: boolean);
|
|
58
|
+
/** DEPRECATED: hasDropdown -> hasDropDown */
|
|
55
59
|
set hasDropdown(val: boolean);
|
|
56
|
-
/** DEPRECATED: isDropdown ->
|
|
60
|
+
/** DEPRECATED: isDropdown -> hasDropDown */
|
|
57
61
|
set isDropdown(val: boolean);
|
|
58
62
|
/** Emits the selected dropdown option's value */
|
|
59
63
|
optionSelect: EventEmitter<any>;
|
|
@@ -67,5 +71,5 @@ export declare class ButtonComponent implements OnDestroy, OnChanges {
|
|
|
67
71
|
ngOnChanges(changes: SimpleChanges): void;
|
|
68
72
|
ngOnDestroy(): void;
|
|
69
73
|
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
|
|
70
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "al-button", never, { "state": { "alias": "state"; "required": false; }; "color": { "alias": "color"; "required": false; }; "category": { "alias": "category"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; "label": { "alias": "label"; "required": false; }; "arialabel": { "alias": "arialabel"; "required": false; }; "iconOnly": { "alias": "iconOnly"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconOutlined": { "alias": "iconOutlined"; "required": false; }; "outlined": { "alias": "outlined"; "required": false; }; "size": { "alias": "size"; "required": false; }; "buttonType": { "alias": "buttonType"; "required": false; }; "fontClass": { "alias": "fontClass"; "required": false; }; "dataTestId": { "alias": "dataTestId"; "required": false; }; "dropdownItems": { "alias": "dropdownItems"; "required": false; }; "dropdownOptions": { "alias": "dropdownOptions"; "required": false; }; "dropdown": { "alias": "dropdown"; "required": false; }; "hasDropdown": { "alias": "hasDropdown"; "required": false; }; "isDropdown": { "alias": "isDropdown"; "required": false; }; }, { "onClick": "onClick"; "onHover": "onHover"; "onMouseLeave": "onMouseLeave"; "optionSelect": "optionSelect"; }, never, never, true, never>;
|
|
74
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "al-button", never, { "state": { "alias": "state"; "required": false; }; "color": { "alias": "color"; "required": false; }; "category": { "alias": "category"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "arialabel": { "alias": "arialabel"; "required": false; }; "iconOnly": { "alias": "iconOnly"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconOutlined": { "alias": "iconOutlined"; "required": false; }; "outlined": { "alias": "outlined"; "required": false; }; "size": { "alias": "size"; "required": false; }; "buttonType": { "alias": "buttonType"; "required": false; }; "fontClass": { "alias": "fontClass"; "required": false; }; "dataTestId": { "alias": "dataTestId"; "required": false; }; "dropdownItems": { "alias": "dropdownItems"; "required": false; }; "dropdownOptions": { "alias": "dropdownOptions"; "required": false; }; "hasDropDown": { "alias": "hasDropDown"; "required": false; }; "dropdown": { "alias": "dropdown"; "required": false; }; "hasDropdown": { "alias": "hasDropdown"; "required": false; }; "isDropdown": { "alias": "isDropdown"; "required": false; }; }, { "onClick": "onClick"; "onHover": "onHover"; "onMouseLeave": "onMouseLeave"; "optionSelect": "optionSelect"; }, never, never, true, never>;
|
|
71
75
|
}
|
|
@@ -10,8 +10,10 @@ export declare class CheckboxComponent implements ControlValueAccessor {
|
|
|
10
10
|
value: any;
|
|
11
11
|
color: 'primary' | 'green' | 'error';
|
|
12
12
|
labelText: string;
|
|
13
|
-
|
|
13
|
+
helperText: string;
|
|
14
14
|
showLabels: boolean;
|
|
15
|
+
showHelperIcon: boolean;
|
|
16
|
+
helperIconTooltip: string;
|
|
15
17
|
get hasLabelsClass(): boolean;
|
|
16
18
|
dataTestId: string;
|
|
17
19
|
tooltip: string;
|
|
@@ -20,6 +22,7 @@ export declare class CheckboxComponent implements ControlValueAccessor {
|
|
|
20
22
|
indeterminateChange: EventEmitter<boolean>;
|
|
21
23
|
focus: EventEmitter<FocusEvent>;
|
|
22
24
|
blur: EventEmitter<FocusEvent>;
|
|
25
|
+
helperIconClick: EventEmitter<void>;
|
|
23
26
|
onChange: (_: any) => void;
|
|
24
27
|
onTouched: () => void;
|
|
25
28
|
writeValue(value: any): void;
|
|
@@ -30,6 +33,7 @@ export declare class CheckboxComponent implements ControlValueAccessor {
|
|
|
30
33
|
handleFocus(event: FocusEvent): void;
|
|
31
34
|
handleBlur(event: FocusEvent): void;
|
|
32
35
|
handleIndeterminateChange(value: boolean): void;
|
|
36
|
+
onHelperIconClick(event: MouseEvent): void;
|
|
33
37
|
static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
|
|
34
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "al-checkbox", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; "color": { "alias": "color"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "
|
|
38
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "al-checkbox", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; "color": { "alias": "color"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "showLabels": { "alias": "showLabels"; "required": false; }; "showHelperIcon": { "alias": "showHelperIcon"; "required": false; }; "helperIconTooltip": { "alias": "helperIconTooltip"; "required": false; }; "dataTestId": { "alias": "dataTestId"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; }, { "change": "change"; "indeterminateChange": "indeterminateChange"; "focus": "focus"; "blur": "blur"; "helperIconClick": "helperIconClick"; }, never, ["*"], false, never>;
|
|
35
39
|
}
|
|
@@ -10,7 +10,9 @@ export declare class DateRangeComponent implements ControlValueAccessor {
|
|
|
10
10
|
dataTestId?: string;
|
|
11
11
|
formControlName?: string;
|
|
12
12
|
size: 'small' | 'medium' | 'large';
|
|
13
|
-
|
|
13
|
+
labelText: string;
|
|
14
|
+
/** DEPRECATED: label -> labelText */
|
|
15
|
+
set label(val: string);
|
|
14
16
|
startPlaceholder: string;
|
|
15
17
|
endPlaceholder: string;
|
|
16
18
|
hint: string;
|
|
@@ -51,5 +53,5 @@ export declare class DateRangeComponent implements ControlValueAccessor {
|
|
|
51
53
|
formatDate(date: Date | null): string;
|
|
52
54
|
private emitChanges;
|
|
53
55
|
static ɵfac: i0.ɵɵFactoryDeclaration<DateRangeComponent, never>;
|
|
54
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DateRangeComponent, "al-date-range", never, { "dataTestId": { "alias": "dataTestId"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "size": { "alias": "size"; "required": false; }; "label": { "alias": "label"; "required": false; }; "startPlaceholder": { "alias": "startPlaceholder"; "required": false; }; "endPlaceholder": { "alias": "endPlaceholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "startAt": { "alias": "startAt"; "required": false; }; "opened": { "alias": "opened"; "required": false; }; "touchUi": { "alias": "touchUi"; "required": false; }; }, { "dateRangeChange": "dateRangeChange"; "openedChange": "openedChange"; "startDateChange": "startDateChange"; "endDateChange": "endDateChange"; }, never, never, true, never>;
|
|
56
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DateRangeComponent, "al-date-range", never, { "dataTestId": { "alias": "dataTestId"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "size": { "alias": "size"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "startPlaceholder": { "alias": "startPlaceholder"; "required": false; }; "endPlaceholder": { "alias": "endPlaceholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "startAt": { "alias": "startAt"; "required": false; }; "opened": { "alias": "opened"; "required": false; }; "touchUi": { "alias": "touchUi"; "required": false; }; }, { "dateRangeChange": "dateRangeChange"; "openedChange": "openedChange"; "startDateChange": "startDateChange"; "endDateChange": "endDateChange"; }, never, never, true, never>;
|
|
55
57
|
}
|
|
@@ -2,20 +2,23 @@ import { EventEmitter } from '@angular/core';
|
|
|
2
2
|
import { ControlValueAccessor } from '@angular/forms';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export declare class InputComponent implements ControlValueAccessor {
|
|
5
|
-
|
|
5
|
+
labelText: string;
|
|
6
|
+
/** DEPRECATED: label -> labelText */
|
|
7
|
+
set label(val: string);
|
|
6
8
|
placeholder: string;
|
|
7
9
|
value: string;
|
|
8
10
|
formControlName: string;
|
|
9
11
|
dataTestId: string;
|
|
10
12
|
type: 'text' | 'email' | 'number' | 'password' | 'tel' | 'url' | 'date' | 'color';
|
|
11
13
|
disabled: boolean;
|
|
12
|
-
helperText:
|
|
13
|
-
helperTextLabel: string;
|
|
14
|
+
helperText: string;
|
|
14
15
|
error: boolean;
|
|
15
16
|
errorMessage: string;
|
|
16
17
|
leftIcon: string;
|
|
17
18
|
rightIcon: string;
|
|
18
|
-
|
|
19
|
+
hasDropDown: boolean;
|
|
20
|
+
/** DEPRECATED: dropDown -> hasDropDown */
|
|
21
|
+
set dropDown(val: boolean);
|
|
19
22
|
options: string[];
|
|
20
23
|
size: 'xs' | 'small' | 'base' | 'large' | 'header';
|
|
21
24
|
types: 'simple' | 'primary' | 'success' | 'error' | 'disabled' | 'plain';
|
|
@@ -24,6 +27,8 @@ export declare class InputComponent implements ControlValueAccessor {
|
|
|
24
27
|
noBorder: boolean;
|
|
25
28
|
outlined: boolean;
|
|
26
29
|
selectedDate: Date | null;
|
|
30
|
+
change: EventEmitter<string>;
|
|
31
|
+
/** DEPRECATED: valueChange -> change */
|
|
27
32
|
valueChange: EventEmitter<string>;
|
|
28
33
|
onColorChange: EventEmitter<string>;
|
|
29
34
|
monthSelected: EventEmitter<Date>;
|
|
@@ -46,5 +51,5 @@ export declare class InputComponent implements ControlValueAccessor {
|
|
|
46
51
|
getSizeClass(): string;
|
|
47
52
|
getCategoryClass(): string;
|
|
48
53
|
static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, never>;
|
|
49
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "al-input", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "dataTestId": { "alias": "dataTestId"; "required": false; }; "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "
|
|
54
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "al-input", never, { "labelText": { "alias": "labelText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "dataTestId": { "alias": "dataTestId"; "required": false; }; "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; "hasDropDown": { "alias": "hasDropDown"; "required": false; }; "dropDown": { "alias": "dropDown"; "required": false; }; "options": { "alias": "options"; "required": false; }; "size": { "alias": "size"; "required": false; }; "types": { "alias": "types"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; }, { "change": "change"; "valueChange": "valueChange"; "onColorChange": "onColorChange"; "monthSelected": "monthSelected"; "yearSelected": "yearSelected"; }, never, never, true, never>;
|
|
50
55
|
}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { EventEmitter, OnInit, OnDestroy, AfterViewInit, OnChanges, SimpleChanges, ChangeDetectorRef, ElementRef } from '@angular/core';
|
|
2
|
+
import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
|
|
3
|
+
import { EyeIconConfig, HeaderButton } from '../resume-header/resume-header.model';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class NewResumeHeaderComponent implements OnInit, OnDestroy, AfterViewInit, OnChanges {
|
|
6
|
+
private sanitizer;
|
|
7
|
+
private cdr;
|
|
8
|
+
title: string;
|
|
9
|
+
showHeaderCheckbox: boolean;
|
|
10
|
+
headerCheckboxChecked: boolean;
|
|
11
|
+
configEyeToggle: EyeIconConfig[];
|
|
12
|
+
hiddenSection: {
|
|
13
|
+
headerSectionHidden: boolean;
|
|
14
|
+
};
|
|
15
|
+
buttonConfig: HeaderButton[];
|
|
16
|
+
isLargeScreen: boolean;
|
|
17
|
+
private resizeListener?;
|
|
18
|
+
popOutButtonLabel: string;
|
|
19
|
+
popOutButtonIcon: string;
|
|
20
|
+
popOutButtonTooltip: string;
|
|
21
|
+
popOutButtonTooltipPosition: 'above' | 'below' | 'left' | 'right';
|
|
22
|
+
showPopOutPanel: boolean;
|
|
23
|
+
popOutMessage: string;
|
|
24
|
+
dataTestId?: string;
|
|
25
|
+
get shouldShowPopOut(): boolean;
|
|
26
|
+
titleChange: EventEmitter<string>;
|
|
27
|
+
sectionToggled: EventEmitter<boolean>;
|
|
28
|
+
headerCheckboxChange: EventEmitter<boolean>;
|
|
29
|
+
showHideToggleSection: EventEmitter<{
|
|
30
|
+
isHidden: boolean;
|
|
31
|
+
accordionItem?: any;
|
|
32
|
+
config: EyeIconConfig;
|
|
33
|
+
}>;
|
|
34
|
+
buttonClicked: EventEmitter<HeaderButton>;
|
|
35
|
+
popOutButtonClick: EventEmitter<void>;
|
|
36
|
+
isTitleEditing: boolean;
|
|
37
|
+
editedTitle: string;
|
|
38
|
+
isInputFocused: boolean;
|
|
39
|
+
isMenuVisible: boolean;
|
|
40
|
+
isPopOutDismissed: boolean;
|
|
41
|
+
private clickOutsideListener?;
|
|
42
|
+
titleInput?: ElementRef<HTMLInputElement>;
|
|
43
|
+
constructor(sanitizer: DomSanitizer, cdr: ChangeDetectorRef);
|
|
44
|
+
toggleAccordion(accordionItem: any): void;
|
|
45
|
+
onHeaderCheckboxChange(checked: boolean): void;
|
|
46
|
+
onButtonClick(btn: any): void;
|
|
47
|
+
onDropdownSelect(btn: any, value: any): void;
|
|
48
|
+
onTitleClick(): void;
|
|
49
|
+
onTitleFocus(): void;
|
|
50
|
+
onTitleBlur(): void;
|
|
51
|
+
onTitleKeyPress(event: KeyboardEvent): void;
|
|
52
|
+
saveTitle(): void;
|
|
53
|
+
cancelTitleEdit(): void;
|
|
54
|
+
toggleMenu(): void;
|
|
55
|
+
handleClickOutside(event: Event): void;
|
|
56
|
+
ngOnInit(): void;
|
|
57
|
+
private checkScreenSize;
|
|
58
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
59
|
+
dismissPopOut(): void;
|
|
60
|
+
get sanitizedMessage(): SafeHtml;
|
|
61
|
+
ngAfterViewInit(): void;
|
|
62
|
+
ngOnDestroy(): void;
|
|
63
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NewResumeHeaderComponent, never>;
|
|
64
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NewResumeHeaderComponent, "al-newresumeheader", never, { "title": { "alias": "title"; "required": false; }; "showHeaderCheckbox": { "alias": "showHeaderCheckbox"; "required": false; }; "headerCheckboxChecked": { "alias": "headerCheckboxChecked"; "required": false; }; "configEyeToggle": { "alias": "configEyeToggle"; "required": false; }; "hiddenSection": { "alias": "hiddenSection"; "required": false; }; "buttonConfig": { "alias": "buttonConfig"; "required": false; }; "isLargeScreen": { "alias": "isLargeScreen"; "required": false; }; "popOutButtonLabel": { "alias": "popOutButtonLabel"; "required": false; }; "popOutButtonIcon": { "alias": "popOutButtonIcon"; "required": false; }; "popOutButtonTooltip": { "alias": "popOutButtonTooltip"; "required": false; }; "popOutButtonTooltipPosition": { "alias": "popOutButtonTooltipPosition"; "required": false; }; "showPopOutPanel": { "alias": "showPopOutPanel"; "required": false; }; "popOutMessage": { "alias": "popOutMessage"; "required": false; }; "dataTestId": { "alias": "dataTestId"; "required": false; }; }, { "titleChange": "titleChange"; "sectionToggled": "sectionToggled"; "headerCheckboxChange": "headerCheckboxChange"; "showHideToggleSection": "showHideToggleSection"; "buttonClicked": "buttonClicked"; "popOutButtonClick": "popOutButtonClick"; }, never, ["[header-left]", "[header-center-left]", "[header-center-center]", "[header-center-right]", "[header-right]", "[body-left]", "[body-center]", "[body-right]"], true, never>;
|
|
65
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "@angular/common";
|
|
3
|
+
import * as i2 from "./newresumeheader.component";
|
|
4
|
+
export declare class NewResumeHeaderModule {
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NewResumeHeaderModule, never>;
|
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<NewResumeHeaderModule, never, [typeof i1.CommonModule, typeof i2.NewResumeHeaderComponent], [typeof i2.NewResumeHeaderComponent]>;
|
|
7
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<NewResumeHeaderModule>;
|
|
8
|
+
}
|
|
@@ -10,14 +10,17 @@ export declare class RadioComponent implements ControlValueAccessor {
|
|
|
10
10
|
labelPosition: 'before' | 'after';
|
|
11
11
|
required: boolean;
|
|
12
12
|
labelText: string;
|
|
13
|
-
|
|
13
|
+
helperText: string;
|
|
14
14
|
showLabels: boolean;
|
|
15
|
+
showHelperIcon: boolean;
|
|
16
|
+
helperIconTooltip: string;
|
|
15
17
|
dataTestId: string;
|
|
16
18
|
tooltip: string;
|
|
17
19
|
tooltipPosition: 'right' | 'left' | 'above' | 'below' | 'before' | 'after';
|
|
18
20
|
change: EventEmitter<any>;
|
|
19
21
|
focus: EventEmitter<FocusEvent>;
|
|
20
22
|
blur: EventEmitter<FocusEvent>;
|
|
23
|
+
helperIconClick: EventEmitter<void>;
|
|
21
24
|
onChange: (_: any) => void;
|
|
22
25
|
onTouched: () => void;
|
|
23
26
|
writeValue(value: any): void;
|
|
@@ -27,7 +30,8 @@ export declare class RadioComponent implements ControlValueAccessor {
|
|
|
27
30
|
handleChange(event: any): void;
|
|
28
31
|
handleFocus(event: FocusEvent): void;
|
|
29
32
|
handleBlur(event: FocusEvent): void;
|
|
33
|
+
onHelperIconClick(event: MouseEvent): void;
|
|
30
34
|
getColorClass(): string;
|
|
31
35
|
static ɵfac: i0.ɵɵFactoryDeclaration<RadioComponent, never>;
|
|
32
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<RadioComponent, "al-radio", never, { "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "required": { "alias": "required"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "
|
|
36
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<RadioComponent, "al-radio", never, { "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "required": { "alias": "required"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "showLabels": { "alias": "showLabels"; "required": false; }; "showHelperIcon": { "alias": "showHelperIcon"; "required": false; }; "helperIconTooltip": { "alias": "helperIconTooltip"; "required": false; }; "dataTestId": { "alias": "dataTestId"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; }, { "change": "change"; "focus": "focus"; "blur": "blur"; "helperIconClick": "helperIconClick"; }, never, ["*"], false, never>;
|
|
33
37
|
}
|
|
@@ -10,7 +10,7 @@ export declare class ResponsiveColumnsComponent implements AfterViewInit, OnChan
|
|
|
10
10
|
gap: string | number;
|
|
11
11
|
/** Padding applied to the container (e.g. '12px 16px') */
|
|
12
12
|
padding: string | number;
|
|
13
|
-
/** Optional explicit widths for side columns;
|
|
13
|
+
/** Optional explicit widths for side columns; default to compact 32px side rails */
|
|
14
14
|
leftWidth: string;
|
|
15
15
|
rightWidth: string;
|
|
16
16
|
/** Breakpoint (px) below which columns stack vertically */
|
|
@@ -8,6 +8,7 @@ export declare class ResumeHeaderComponent implements OnInit, OnDestroy, AfterVi
|
|
|
8
8
|
isMenuVisible: boolean;
|
|
9
9
|
isEducationHidden: boolean;
|
|
10
10
|
private resizeListener?;
|
|
11
|
+
private clickOutsideListener?;
|
|
11
12
|
hiddenSection: {
|
|
12
13
|
headerSectionHidden: boolean;
|
|
13
14
|
};
|
|
@@ -57,6 +58,8 @@ export declare class ResumeHeaderComponent implements OnInit, OnDestroy, AfterVi
|
|
|
57
58
|
ngOnDestroy(): void;
|
|
58
59
|
checkScreenSize(): void;
|
|
59
60
|
showMenu(): void;
|
|
61
|
+
toggleMenu(): void;
|
|
62
|
+
handleClickOutside(event: Event): void;
|
|
60
63
|
startHideTimeout(): void;
|
|
61
64
|
clearHideTimeout(): void;
|
|
62
65
|
onButtonClick(btn: any): void;
|
|
@@ -9,7 +9,7 @@ export declare class SlideToggleComponent implements ControlValueAccessor, After
|
|
|
9
9
|
required: boolean;
|
|
10
10
|
color: 'primary' | 'green' | 'error';
|
|
11
11
|
labelText: string;
|
|
12
|
-
|
|
12
|
+
helperText: string;
|
|
13
13
|
showLabels: boolean;
|
|
14
14
|
onIcon: string;
|
|
15
15
|
offIcon: string;
|
|
@@ -36,5 +36,5 @@ export declare class SlideToggleComponent implements ControlValueAccessor, After
|
|
|
36
36
|
setIcon(): void;
|
|
37
37
|
private updateIcon;
|
|
38
38
|
static ɵfac: i0.ɵɵFactoryDeclaration<SlideToggleComponent, never>;
|
|
39
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SlideToggleComponent, "al-slide-toggle", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "color": { "alias": "color"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "
|
|
39
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SlideToggleComponent, "al-slide-toggle", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "color": { "alias": "color"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "showLabels": { "alias": "showLabels"; "required": false; }; "onIcon": { "alias": "onIcon"; "required": false; }; "offIcon": { "alias": "offIcon"; "required": false; }; "showIcons": { "alias": "showIcons"; "required": false; }; "size": { "alias": "size"; "required": false; }; "dataTestId": { "alias": "dataTestId"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; }, { "change": "change"; "focus": "focus"; "blur": "blur"; }, never, ["*"], true, never>;
|
|
40
40
|
}
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import { QueryList, AfterContentInit, TemplateRef, AfterViewInit, ChangeDetectorRef } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export declare class AlTabComponent implements AfterViewInit {
|
|
4
|
-
|
|
4
|
+
labelText: string;
|
|
5
|
+
/** DEPRECATED: label -> labelText */
|
|
6
|
+
set label(val: string);
|
|
5
7
|
selected: boolean;
|
|
6
8
|
templateRef: TemplateRef<any>;
|
|
7
9
|
ngAfterViewInit(): void;
|
|
8
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<AlTabComponent, never>;
|
|
9
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AlTabComponent, "al-tab", never, { "label": { "alias": "label"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
11
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AlTabComponent, "al-tab", never, { "labelText": { "alias": "labelText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
10
12
|
}
|
|
11
13
|
export declare class TabsComponent implements AfterContentInit, AfterViewInit {
|
|
12
14
|
private cdr;
|
package/package.json
CHANGED
package/public-api.d.ts
CHANGED
|
@@ -6,6 +6,8 @@ export * from './lib/input/input.component';
|
|
|
6
6
|
export * from './lib/input/input.module';
|
|
7
7
|
export * from './lib/resume-header/resume-header.component';
|
|
8
8
|
export * from './lib/resume-header/resume-header.module';
|
|
9
|
+
export * from './lib/newresumeheader/newresumeheader.component';
|
|
10
|
+
export * from './lib/newresumeheader/newresumeheader.module';
|
|
9
11
|
export * from './lib/loader/loader.component';
|
|
10
12
|
export * from './lib/loader/loader.module';
|
|
11
13
|
export * from './lib/candidate-section/candidate-section.component';
|