cloud-ide-element 1.0.4 → 1.0.6
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 +63 -271
- package/fesm2022/cloud-ide-element.mjs +614 -618
- package/fesm2022/cloud-ide-element.mjs.map +1 -1
- package/index.d.ts +1362 -3
- package/package.json +4 -31
- package/esm2022/cloud-ide-element.mjs +0 -5
- package/esm2022/lib/components/confirmation-modal/confirmation-modal.component.mjs +0 -182
- package/esm2022/lib/components/data-grid/data-grid.component.mjs +0 -1363
- package/esm2022/lib/components/data-grid/data-grid.types.mjs +0 -37
- package/esm2022/lib/components/dropdown/dropdown.component.mjs +0 -396
- package/esm2022/lib/components/global-notifications/global-notifications.component.mjs +0 -30
- package/esm2022/lib/components/json-editor/json-editor.component.mjs +0 -521
- package/esm2022/lib/components/skeleton-loader/skeleton-loader.component.mjs +0 -33
- package/esm2022/lib/components/toast-notification/toast-notification.component.mjs +0 -152
- package/esm2022/lib/elements/button/cide-ele-button.component.mjs +0 -249
- package/esm2022/lib/elements/file-input/file-input.component.mjs +0 -83
- package/esm2022/lib/elements/icon/icon.component.mjs +0 -26
- package/esm2022/lib/elements/input/input.component.mjs +0 -467
- package/esm2022/lib/elements/select/select.component.mjs +0 -471
- package/esm2022/lib/elements/spinner/spinner.component.mjs +0 -32
- package/esm2022/lib/elements/tab/cide-ele-tab.component.mjs +0 -74
- package/esm2022/lib/elements/textarea/textarea.component.mjs +0 -157
- package/esm2022/lib/services/confirmation.service.mjs +0 -151
- package/esm2022/lib/services/dropdown-manager.service.mjs +0 -93
- package/esm2022/lib/services/notification.service.mjs +0 -196
- package/esm2022/lib/utils/directives/resizer/resizer.directive.mjs +0 -231
- package/esm2022/lib/utils/directives/tooltip/tooltip.directive.mjs +0 -294
- package/esm2022/lib/utils/pipes/capitalize/capitalize.pipe.mjs +0 -38
- package/esm2022/lib/utils/services/elements/elements.service.mjs +0 -39
- package/esm2022/public-api.mjs +0 -31
- package/lib/components/confirmation-modal/confirmation-modal.component.d.ts +0 -16
- package/lib/components/data-grid/data-grid.component.d.ts +0 -244
- package/lib/components/data-grid/data-grid.types.d.ts +0 -146
- package/lib/components/dropdown/dropdown.component.d.ts +0 -75
- package/lib/components/global-notifications/global-notifications.component.d.ts +0 -5
- package/lib/components/json-editor/json-editor.component.d.ts +0 -116
- package/lib/components/skeleton-loader/skeleton-loader.component.d.ts +0 -11
- package/lib/components/toast-notification/toast-notification.component.d.ts +0 -13
- package/lib/elements/button/cide-ele-button.component.d.ts +0 -85
- package/lib/elements/file-input/file-input.component.d.ts +0 -25
- package/lib/elements/icon/icon.component.d.ts +0 -9
- package/lib/elements/input/input.component.d.ts +0 -182
- package/lib/elements/select/select.component.d.ts +0 -91
- package/lib/elements/spinner/spinner.component.d.ts +0 -19
- package/lib/elements/tab/cide-ele-tab.component.d.ts +0 -26
- package/lib/elements/textarea/textarea.component.d.ts +0 -47
- package/lib/services/confirmation.service.d.ts +0 -65
- package/lib/services/dropdown-manager.service.d.ts +0 -22
- package/lib/services/notification.service.d.ts +0 -81
- package/lib/utils/directives/resizer/resizer.directive.d.ts +0 -44
- package/lib/utils/directives/tooltip/tooltip.directive.d.ts +0 -43
- package/lib/utils/pipes/capitalize/capitalize.pipe.d.ts +0 -7
- package/lib/utils/services/elements/elements.service.d.ts +0 -12
- package/public-api.d.ts +0 -22
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
import { ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges } from '@angular/core';
|
|
2
|
-
import { CideElementsService } from '../../../public-api';
|
|
3
|
-
import { NavigationExtras, Router } from '@angular/router';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'text' | 'link' | 'success' | 'danger' | 'warning' | 'info' | 'ghost';
|
|
6
|
-
export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
7
|
-
export type ButtonType = 'button' | 'submit' | 'reset';
|
|
8
|
-
export type ButtonShape = 'default' | 'rounded' | 'pill' | 'square';
|
|
9
|
-
export type ButtonElevation = 'none' | 'low' | 'medium' | 'high';
|
|
10
|
-
/**
|
|
11
|
-
* Advanced Angular button component that provides a comprehensive button implementation
|
|
12
|
-
* with loading state, styling variants, animations, tooltips, and other features.
|
|
13
|
-
*
|
|
14
|
-
* This component uses proper Angular templating to avoid hydration issues (NG0500).
|
|
15
|
-
*/
|
|
16
|
-
export declare class CideEleButtonComponent implements OnInit, OnChanges, OnDestroy {
|
|
17
|
-
private elementService;
|
|
18
|
-
private router;
|
|
19
|
-
private renderer;
|
|
20
|
-
private elementRef;
|
|
21
|
-
private destroy$;
|
|
22
|
-
private clickCount;
|
|
23
|
-
private clickDebouncer$;
|
|
24
|
-
constructor(elementService: CideElementsService, router: Router, renderer: Renderer2, elementRef: ElementRef);
|
|
25
|
-
/**
|
|
26
|
-
* @description Label of button like Submit, Update, Add, etc.
|
|
27
|
-
* Note: it is only used in case you did not set label between tags (via ng-content)
|
|
28
|
-
*/
|
|
29
|
-
label: string;
|
|
30
|
-
/** @description Button style variant */
|
|
31
|
-
variant: ButtonVariant;
|
|
32
|
-
/** @description Button size */
|
|
33
|
-
size: ButtonSize;
|
|
34
|
-
/** @description Button HTML type attribute */
|
|
35
|
-
type: ButtonType;
|
|
36
|
-
/** @description Button shape */
|
|
37
|
-
shape: ButtonShape;
|
|
38
|
-
/** @description Button shadow elevation */
|
|
39
|
-
elevation: ButtonElevation;
|
|
40
|
-
/** @description Button disabled state */
|
|
41
|
-
disabled: boolean | null;
|
|
42
|
-
/** @description Unique ID of control, used to differentiate elements */
|
|
43
|
-
id: string;
|
|
44
|
-
/** @description Enables loading state with spinner */
|
|
45
|
-
loading: boolean;
|
|
46
|
-
/** @description Makes button take full width of container */
|
|
47
|
-
fullWidth: boolean;
|
|
48
|
-
/** @description Icon to display on the left side of the button */
|
|
49
|
-
leftIcon: string;
|
|
50
|
-
/** @description Icon to display on the right side of the button */
|
|
51
|
-
rightIcon: string;
|
|
52
|
-
/** @description Additional CSS classes to apply */
|
|
53
|
-
customClass: string;
|
|
54
|
-
/** @description Tooltip text to display on hover */
|
|
55
|
-
tooltip: string;
|
|
56
|
-
/** @description Aria label for accessibility */
|
|
57
|
-
ariaLabel: string;
|
|
58
|
-
/** @description Test ID for automated testing */
|
|
59
|
-
testId: string;
|
|
60
|
-
/** @description Route to navigate to when clicked (for link buttons) */
|
|
61
|
-
routerLink: string | unknown[];
|
|
62
|
-
/** @description Router navigation extras */
|
|
63
|
-
routerExtras: NavigationExtras;
|
|
64
|
-
/** @description Prevent multiple rapid clicks (debounce) */
|
|
65
|
-
preventDoubleClick: boolean;
|
|
66
|
-
/** @description Animation on click */
|
|
67
|
-
animated: boolean;
|
|
68
|
-
/**
|
|
69
|
-
* @description Click event of button
|
|
70
|
-
*/
|
|
71
|
-
btnClick: EventEmitter<MouseEvent>;
|
|
72
|
-
/**
|
|
73
|
-
* @description Double click event
|
|
74
|
-
*/
|
|
75
|
-
doubleClick: EventEmitter<MouseEvent>;
|
|
76
|
-
onClick(event: MouseEvent): void;
|
|
77
|
-
private handleClick;
|
|
78
|
-
private addClickAnimation;
|
|
79
|
-
ngOnInit(): void;
|
|
80
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
81
|
-
ngOnDestroy(): void;
|
|
82
|
-
getControlData(): Promise<void>;
|
|
83
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CideEleButtonComponent, never>;
|
|
84
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CideEleButtonComponent, "button[cideEleButton], a[cideEleButton]", never, { "label": { "alias": "label"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "elevation": { "alias": "elevation"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "routerLink": { "alias": "routerLink"; "required": false; }; "routerExtras": { "alias": "routerExtras"; "required": false; }; "preventDoubleClick": { "alias": "preventDoubleClick"; "required": false; }; "animated": { "alias": "animated"; "required": false; }; }, { "btnClick": "btnClick"; "doubleClick": "doubleClick"; }, never, ["*"], true, never>;
|
|
85
|
-
}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { EventEmitter } from '@angular/core';
|
|
2
|
-
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class CideEleFileInputComponent implements ControlValueAccessor {
|
|
5
|
-
label: string;
|
|
6
|
-
accept: string;
|
|
7
|
-
multiple: boolean;
|
|
8
|
-
disabled: boolean;
|
|
9
|
-
helperText: string;
|
|
10
|
-
errorText: string;
|
|
11
|
-
id: string;
|
|
12
|
-
fileChange: EventEmitter<FileList | null>;
|
|
13
|
-
files: FileList | null;
|
|
14
|
-
fileNames: string[];
|
|
15
|
-
private onChange;
|
|
16
|
-
private onTouched;
|
|
17
|
-
writeValue(files: FileList | null): void;
|
|
18
|
-
registerOnChange(fn: (files: FileList | null) => void): void;
|
|
19
|
-
registerOnTouched(fn: () => void): void;
|
|
20
|
-
setDisabledState(isDisabled: boolean): void;
|
|
21
|
-
onFileSelected(event: Event): void;
|
|
22
|
-
clearFiles(): void;
|
|
23
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CideEleFileInputComponent, never>;
|
|
24
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CideEleFileInputComponent, "cide-ele-file-input", never, { "label": { "alias": "label"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; }, { "fileChange": "fileChange"; }, never, never, true, never>;
|
|
25
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { iconType, themeSize } from 'cloud-ide-lms-model';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class CideIconComponent {
|
|
4
|
-
size: themeSize;
|
|
5
|
-
type: iconType;
|
|
6
|
-
toolTip: string;
|
|
7
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CideIconComponent, never>;
|
|
8
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CideIconComponent, "cide-ele-icon", never, { "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "toolTip": { "alias": "toolTip"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
9
|
-
}
|
|
@@ -1,182 +0,0 @@
|
|
|
1
|
-
import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
|
|
2
|
-
import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
|
|
3
|
-
import { CapitalizePipe } from '../../utils/pipes/capitalize/capitalize.pipe';
|
|
4
|
-
import { autocapitalizeType, autocompleteType, controlType, elementStyleType, inputType, labelDirType, labelPlacementType, themeSize } from 'cloud-ide-lms-model';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
/** @description type to register error related to control */
|
|
7
|
-
export type ErrorValidationStatus = {
|
|
8
|
-
maxlength?: string;
|
|
9
|
-
minlength?: string;
|
|
10
|
-
required?: string;
|
|
11
|
-
};
|
|
12
|
-
export type ValidationStatus = {
|
|
13
|
-
validation: ErrorValidationStatus;
|
|
14
|
-
status: boolean;
|
|
15
|
-
};
|
|
16
|
-
export declare class CideInputComponent implements ControlValueAccessor, Validator, OnChanges, OnInit {
|
|
17
|
-
capitalizePipe: CapitalizePipe;
|
|
18
|
-
private elementService;
|
|
19
|
-
constructor();
|
|
20
|
-
/**
|
|
21
|
-
* @description to se the visual of control like solid control offerd by material design or outline with a border
|
|
22
|
-
* @options solid | outline | standard
|
|
23
|
-
*/
|
|
24
|
-
fill: elementStyleType;
|
|
25
|
-
/** @description Lable of control (Title), Like Name, Email */
|
|
26
|
-
label: string;
|
|
27
|
-
/** @description to hide and show label */
|
|
28
|
-
labelHide: boolean;
|
|
29
|
-
/** @description is control Editable or Disabled */
|
|
30
|
-
disabled: boolean;
|
|
31
|
-
/** @description Is Clear Input Cross button is visible or not */
|
|
32
|
-
clearInput: boolean;
|
|
33
|
-
/** @description Position of Label 'floating' | 'fixed' */
|
|
34
|
-
labelPlacement: labelPlacementType;
|
|
35
|
-
/** @description Lable direction from start of contrl or end of control */
|
|
36
|
-
labelDir: labelDirType;
|
|
37
|
-
/** @description Place holder for control to display if there is no value */
|
|
38
|
-
placeholder: string;
|
|
39
|
-
/** @description it is to set leading icon, at the start of control */
|
|
40
|
-
leadingIcon: string;
|
|
41
|
-
/** @description it is to set trailing icon, at the end of control, for password type control eye is the trailing icon */
|
|
42
|
-
trailingIcon: string;
|
|
43
|
-
/** @description to display below the control for suggestion, if there is any error then error will bw the first to shoe in place of help text */
|
|
44
|
-
helperText: string;
|
|
45
|
-
/** @description default true to collapse when there is no help text or error text, if false then element area in DOM will be reserved never detroy */
|
|
46
|
-
helperTextCollapse: boolean;
|
|
47
|
-
/** @description show and hide helper text its forecfull */
|
|
48
|
-
hideHelperAndErrorText: boolean;
|
|
49
|
-
/** @description if found any error in control the error thext will be used to display error message, if there is help text still error text is having higher priority then helptext */
|
|
50
|
-
errorText: string;
|
|
51
|
-
/** @description maxlength for control */
|
|
52
|
-
maxlength: number;
|
|
53
|
-
/** @description minlength for control */
|
|
54
|
-
minlength: number;
|
|
55
|
-
/** @description is control is required or not input type is true | false */
|
|
56
|
-
required: boolean;
|
|
57
|
-
/** @description Auto capatalization for the value and applicable to word or to complete sentance */
|
|
58
|
-
autocapitalize: autocapitalizeType;
|
|
59
|
-
/** @description auto complete type to help reader what is the type of value */
|
|
60
|
-
autocomplete: autocompleteType;
|
|
61
|
-
/** @description type of control */
|
|
62
|
-
type: controlType;
|
|
63
|
-
/** @description width of control, default width is 100% */
|
|
64
|
-
width: string;
|
|
65
|
-
/** @description uniq id of control, used to differenciat the value also prevent value should not effect another values */
|
|
66
|
-
id: string;
|
|
67
|
-
/** @description to get input value using one way binding like: [ngModel] or by two way binding [(ngModel)] */
|
|
68
|
-
ngModel: inputType;
|
|
69
|
-
option: string[];
|
|
70
|
-
/** @description min value for number type control */
|
|
71
|
-
min: number;
|
|
72
|
-
/** @description max value for number type control */
|
|
73
|
-
max: number;
|
|
74
|
-
/**
|
|
75
|
-
* @description
|
|
76
|
-
* Holds the size of the component like Small, Extra small, Large
|
|
77
|
-
* by Default it takes small size
|
|
78
|
-
* or the size set by the project setup service
|
|
79
|
-
* or it will beset for individual component
|
|
80
|
-
*
|
|
81
|
-
* Size Appled
|
|
82
|
-
* Component level then setup service then finally default md
|
|
83
|
-
* Options: "2xs" | ""xs" | "sm" | "md" | "lg" | "xl" | "xxl"
|
|
84
|
-
*/
|
|
85
|
-
size: themeSize;
|
|
86
|
-
/** @description to set return value using one way binding like: (ngModelChanges) or by two way binding [(ngModel)] */
|
|
87
|
-
ngModelChange: EventEmitter<inputType>;
|
|
88
|
-
/** @description is vale need to read from ngModel or from value(need to implement), it is detected and maild fals on value chnages */
|
|
89
|
-
isNgModel: boolean;
|
|
90
|
-
/** @description this is to set control value is valid or not, set by us inside validate callbck method called by angular */
|
|
91
|
-
isValid: boolean;
|
|
92
|
-
/** @description when control is touched then the will maid true by the us to check it is touched or not, when we will set this true we will call the onTouched callback method of angualr to inform angular that somthis is changed and control is touched */
|
|
93
|
-
isTouched: boolean;
|
|
94
|
-
/** @description we will take type of control in type but is may be not exactly which input's type so we need to get type and set actule type to our input, also when type is set password but in calse view in textt then inuut type need to change to text */
|
|
95
|
-
typeInternal: controlType;
|
|
96
|
-
/** @description if traling is set the it is assigned by it, but some case tarling icon not as it is set need tro be changed at runtime, like password visibility hide and show */
|
|
97
|
-
trailingIconInternal: string;
|
|
98
|
-
isTrailingIconAllwedClick: boolean;
|
|
99
|
-
idRandom: string;
|
|
100
|
-
/**
|
|
101
|
-
* @description Function to call when the HTML Chnage to tell Angular somthing is changed.
|
|
102
|
-
* @field value : inputType
|
|
103
|
-
*/
|
|
104
|
-
private onChange;
|
|
105
|
-
/** @description Function to call when the input is touched (clciked) to tell Angular somthing is changed. */
|
|
106
|
-
onTouched: () => void;
|
|
107
|
-
/** @description Function to call when the input is need to Validate to tell Angular somthing is changed (in case of some input dipendent validation). */
|
|
108
|
-
onValidate: () => void;
|
|
109
|
-
/**
|
|
110
|
-
* @description
|
|
111
|
-
* Method that performs synchronous validation against the provided control.
|
|
112
|
-
* Exicuted by Angular
|
|
113
|
-
*
|
|
114
|
-
* @param control The control to validate against.
|
|
115
|
-
*
|
|
116
|
-
* @returns A map of validation errors if validation fails,
|
|
117
|
-
* otherwise null.
|
|
118
|
-
*/
|
|
119
|
-
validate(control: AbstractControl): ValidationErrors | null;
|
|
120
|
-
/**
|
|
121
|
-
* @description
|
|
122
|
-
* Registers a callback function to call when the validator inputs change.
|
|
123
|
-
* Exicuted by Angular
|
|
124
|
-
*
|
|
125
|
-
* @param fn The callback function
|
|
126
|
-
*/
|
|
127
|
-
registerOnValidatorChange?(fn: () => void): void;
|
|
128
|
-
/** @description when form control change from model side this method is implemented */
|
|
129
|
-
writeValue(value: inputType): void;
|
|
130
|
-
/** @description Allows Angular to register a function to call when the model changes. */
|
|
131
|
-
registerOnChange(fn: (value: inputType) => void): void;
|
|
132
|
-
/** @description Allows Angular to register a function to call when the input has been touched. */
|
|
133
|
-
registerOnTouched(fn: () => void): void;
|
|
134
|
-
/** @description Detect wether input propertires canged or not */
|
|
135
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
136
|
-
ngOnInit(): void;
|
|
137
|
-
/** @description custom method run when HTML changes, we call method registerd by angular to detect change */
|
|
138
|
-
upDateValue(value: {
|
|
139
|
-
target: {
|
|
140
|
-
value: inputType;
|
|
141
|
-
};
|
|
142
|
-
} | Event): void;
|
|
143
|
-
/**
|
|
144
|
-
* @description method applicable in case of control type checkbox
|
|
145
|
-
*
|
|
146
|
-
* @param value boolean | string
|
|
147
|
-
*/
|
|
148
|
-
updateValueCheckBox(value: string | boolean): void;
|
|
149
|
-
/** @description clear the value */
|
|
150
|
-
ClearInputValue(): void;
|
|
151
|
-
/** @description when HTML is focuesd */
|
|
152
|
-
focusControl(): void;
|
|
153
|
-
/** @description If control value need to be processed, like UPPERCASE */
|
|
154
|
-
processValue(value: inputType, type: controlType): inputType;
|
|
155
|
-
/** @description for capitalization */
|
|
156
|
-
autoCapitalizeByOption(value: inputType, type: controlType): inputType;
|
|
157
|
-
/** @description It is used to return the value is valid or not */
|
|
158
|
-
isValidValueAndType(value: inputType, type: controlType): boolean;
|
|
159
|
-
/** @description to check control is valid or not */
|
|
160
|
-
isControlValid(value: inputType): ValidationStatus;
|
|
161
|
-
/** @description Allows Angular to disable the input. */
|
|
162
|
-
setDisabledState(isDisabled: boolean): void;
|
|
163
|
-
/** @description Method for trailing Icon Click */
|
|
164
|
-
trailingIconClick(): void;
|
|
165
|
-
/**
|
|
166
|
-
* Method to generate Random String
|
|
167
|
-
* @param setupPrarameter { lenght: number, prefix: string }
|
|
168
|
-
* default lenght is 10, prefox is ""
|
|
169
|
-
* @returns string
|
|
170
|
-
*/
|
|
171
|
-
randomString(setupPrarameter?: {
|
|
172
|
-
lenght: number;
|
|
173
|
-
prefix: string;
|
|
174
|
-
}): string;
|
|
175
|
-
getControlData(): Promise<void>;
|
|
176
|
-
/**
|
|
177
|
-
* @description use to detact the change in type if changes done this method is ued to run
|
|
178
|
-
*/
|
|
179
|
-
detectTypeChange(): void;
|
|
180
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CideInputComponent, never>;
|
|
181
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CideInputComponent, "cide-ele-input", never, { "fill": { "alias": "fill"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelHide": { "alias": "labelHide"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "clearInput": { "alias": "clearInput"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "labelDir": { "alias": "labelDir"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "leadingIcon": { "alias": "leadingIcon"; "required": false; }; "trailingIcon": { "alias": "trailingIcon"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "helperTextCollapse": { "alias": "helperTextCollapse"; "required": false; }; "hideHelperAndErrorText": { "alias": "hideHelperAndErrorText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "required": { "alias": "required"; "required": false; }; "autocapitalize": { "alias": "autocapitalize"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "type": { "alias": "type"; "required": false; }; "width": { "alias": "width"; "required": false; }; "id": { "alias": "id"; "required": false; }; "ngModel": { "alias": "ngModel"; "required": false; }; "option": { "alias": "option"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "ngModelChange": "ngModelChange"; }, never, never, true, never>;
|
|
182
|
-
}
|
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
import { EventEmitter, OnChanges, OnInit, SimpleChanges, QueryList, AfterContentInit, ElementRef, OnDestroy } from '@angular/core';
|
|
2
|
-
import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
|
|
3
|
-
import { themeSize, elementStyleType, labelPlacementType, labelDirType, selectSearchType } from 'cloud-ide-lms-model';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export interface SelectOption {
|
|
6
|
-
value: string | number;
|
|
7
|
-
label: string;
|
|
8
|
-
disabled?: boolean;
|
|
9
|
-
}
|
|
10
|
-
export declare class CideSelectOptionComponent {
|
|
11
|
-
private elementRef;
|
|
12
|
-
value: string | number;
|
|
13
|
-
disabled: boolean;
|
|
14
|
-
get label(): string;
|
|
15
|
-
constructor(elementRef: ElementRef);
|
|
16
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CideSelectOptionComponent, never>;
|
|
17
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CideSelectOptionComponent, "cide-ele-select-option", never, { "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
18
|
-
}
|
|
19
|
-
export declare class CideSelectComponent implements ControlValueAccessor, Validator, OnInit, OnChanges, AfterContentInit, OnDestroy {
|
|
20
|
-
private elementRef;
|
|
21
|
-
optionComponents: QueryList<CideSelectOptionComponent>;
|
|
22
|
-
searchInputRef: ElementRef<HTMLInputElement>;
|
|
23
|
-
label: string;
|
|
24
|
-
labelHide: boolean;
|
|
25
|
-
placeholder: string;
|
|
26
|
-
helperText: string;
|
|
27
|
-
errorText: string;
|
|
28
|
-
required: boolean;
|
|
29
|
-
disabled: boolean;
|
|
30
|
-
id: string;
|
|
31
|
-
ngModel: string | number;
|
|
32
|
-
size: themeSize;
|
|
33
|
-
fill: elementStyleType;
|
|
34
|
-
labelPlacement: labelPlacementType;
|
|
35
|
-
labelDir: labelDirType;
|
|
36
|
-
leadingIcon: string;
|
|
37
|
-
trailingIcon: string;
|
|
38
|
-
clearInput: boolean;
|
|
39
|
-
options: SelectOption[];
|
|
40
|
-
multiple: boolean;
|
|
41
|
-
searchable: boolean;
|
|
42
|
-
showSearchInput: boolean;
|
|
43
|
-
loading: boolean;
|
|
44
|
-
ngModelChange: EventEmitter<any>;
|
|
45
|
-
selectionChange: EventEmitter<SelectOption>;
|
|
46
|
-
searchChange: EventEmitter<selectSearchType>;
|
|
47
|
-
isOpen: boolean;
|
|
48
|
-
isTouched: boolean;
|
|
49
|
-
isValid: boolean;
|
|
50
|
-
searchTerm: string;
|
|
51
|
-
filteredOptions: SelectOption[];
|
|
52
|
-
dropdownPosition: 'bottom' | 'top';
|
|
53
|
-
private isDropdownInteraction;
|
|
54
|
-
private debugId;
|
|
55
|
-
private timeoutIds;
|
|
56
|
-
private interactionCount;
|
|
57
|
-
private maxInteractionCount;
|
|
58
|
-
constructor(elementRef: ElementRef);
|
|
59
|
-
onChange: (value: string | number) => void;
|
|
60
|
-
onTouched: () => void;
|
|
61
|
-
onValidate: () => void;
|
|
62
|
-
ngOnInit(): void;
|
|
63
|
-
ngAfterContentInit(): void;
|
|
64
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
65
|
-
writeValue(value: string | number): void;
|
|
66
|
-
registerOnChange(fn: (value: string | number) => void): void;
|
|
67
|
-
registerOnTouched(fn: () => void): void;
|
|
68
|
-
setDisabledState(isDisabled: boolean): void;
|
|
69
|
-
validate(control: AbstractControl): ValidationErrors | null;
|
|
70
|
-
validateValue(value: string | number): ValidationErrors | null;
|
|
71
|
-
toggleDropdown(): void;
|
|
72
|
-
ngOnDestroy(): void;
|
|
73
|
-
private onWindowResize;
|
|
74
|
-
private calculateDropdownPosition;
|
|
75
|
-
selectOption(option: SelectOption): void;
|
|
76
|
-
onBlur(): void;
|
|
77
|
-
focusControl(): void;
|
|
78
|
-
clearSelection(): void;
|
|
79
|
-
getSelectedOptionLabel(): string;
|
|
80
|
-
filterOptions(): void;
|
|
81
|
-
onSearchInput(event: Event): void;
|
|
82
|
-
onDropdownMouseDown(): void;
|
|
83
|
-
onDropdownMouseUp(): void;
|
|
84
|
-
isOptionSelected(option: SelectOption): boolean;
|
|
85
|
-
trackByValue(index: number, option: SelectOption): string | number;
|
|
86
|
-
private logDebug;
|
|
87
|
-
private clearTimeouts;
|
|
88
|
-
private addTimeout;
|
|
89
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CideSelectComponent, never>;
|
|
90
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CideSelectComponent, "cide-ele-select", never, { "label": { "alias": "label"; "required": false; }; "labelHide": { "alias": "labelHide"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "ngModel": { "alias": "ngModel"; "required": false; }; "size": { "alias": "size"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "labelDir": { "alias": "labelDir"; "required": false; }; "leadingIcon": { "alias": "leadingIcon"; "required": false; }; "trailingIcon": { "alias": "trailingIcon"; "required": false; }; "clearInput": { "alias": "clearInput"; "required": false; }; "options": { "alias": "options"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "showSearchInput": { "alias": "showSearchInput"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "ngModelChange": "ngModelChange"; "selectionChange": "change"; "searchChange": "searchChange"; }, ["optionComponents"], never, true, never>;
|
|
91
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { spinnerType, themeSize } from 'cloud-ide-lms-model';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class CideSpinnerComponent {
|
|
4
|
-
/**
|
|
5
|
-
* @description
|
|
6
|
-
* Holds the size of the component like Small, Extra small, Large
|
|
7
|
-
* by Default it takes small size
|
|
8
|
-
* or the size set by the project setup service
|
|
9
|
-
* or it will beset for individual component
|
|
10
|
-
*
|
|
11
|
-
* Size Appled
|
|
12
|
-
* Component level then setup service then finally default md
|
|
13
|
-
* Options: "xs" | "sm" | "md" | "lg" | "xl" | "xxl"
|
|
14
|
-
*/
|
|
15
|
-
size: themeSize;
|
|
16
|
-
type: spinnerType;
|
|
17
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CideSpinnerComponent, never>;
|
|
18
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CideSpinnerComponent, "cide-ele-spinner", never, { "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, never, true, never>;
|
|
19
|
-
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { EventEmitter, OnInit } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export interface TabItem {
|
|
4
|
-
id: string;
|
|
5
|
-
label: string;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
icon?: string;
|
|
8
|
-
badge?: string | number;
|
|
9
|
-
}
|
|
10
|
-
export declare class CideEleTabComponent implements OnInit {
|
|
11
|
-
tabs: TabItem[];
|
|
12
|
-
activeTabId?: string;
|
|
13
|
-
size: 'sm' | 'md' | 'lg';
|
|
14
|
-
variant: 'default' | 'pills' | 'underline';
|
|
15
|
-
fullWidth: boolean;
|
|
16
|
-
disabled: boolean;
|
|
17
|
-
tabChange: EventEmitter<TabItem>;
|
|
18
|
-
activeTab: import("@angular/core").WritableSignal<string>;
|
|
19
|
-
ngOnInit(): void;
|
|
20
|
-
onTabClick(tab: TabItem): void;
|
|
21
|
-
isActive(tabId: string): boolean;
|
|
22
|
-
getTabClasses(tab: TabItem): string;
|
|
23
|
-
getContainerClasses(): string;
|
|
24
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CideEleTabComponent, never>;
|
|
25
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CideEleTabComponent, "cide-ele-tab", never, { "tabs": { "alias": "tabs"; "required": false; }; "activeTabId": { "alias": "activeTabId"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "tabChange": "tabChange"; }, never, never, true, never>;
|
|
26
|
-
}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
|
|
2
|
-
import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
|
|
3
|
-
import { themeSize, elementStyleType, labelPlacementType, labelDirType } from 'cloud-ide-lms-model';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class CideTextareaComponent implements ControlValueAccessor, Validator, OnInit, OnChanges {
|
|
6
|
-
label: string;
|
|
7
|
-
labelHide: boolean;
|
|
8
|
-
placeholder: string;
|
|
9
|
-
helperText: string;
|
|
10
|
-
errorText: string;
|
|
11
|
-
required: boolean;
|
|
12
|
-
disabled: boolean;
|
|
13
|
-
minlength: number;
|
|
14
|
-
maxlength: number;
|
|
15
|
-
rows: number | string;
|
|
16
|
-
id: string;
|
|
17
|
-
ngModel: string;
|
|
18
|
-
size: themeSize;
|
|
19
|
-
fill: elementStyleType;
|
|
20
|
-
labelPlacement: labelPlacementType;
|
|
21
|
-
labelDir: labelDirType;
|
|
22
|
-
leadingIcon: string;
|
|
23
|
-
trailingIcon: string;
|
|
24
|
-
clearInput: boolean;
|
|
25
|
-
trailingIconInternal: string;
|
|
26
|
-
isTrailingIconAllwedClick: boolean;
|
|
27
|
-
ngModelChange: EventEmitter<string>;
|
|
28
|
-
isTouched: boolean;
|
|
29
|
-
isValid: boolean;
|
|
30
|
-
onChange: (value: string) => void;
|
|
31
|
-
onTouched: () => void;
|
|
32
|
-
onValidate: () => void;
|
|
33
|
-
ngOnInit(): void;
|
|
34
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
35
|
-
writeValue(value: string): void;
|
|
36
|
-
registerOnChange(fn: (value: string) => void): void;
|
|
37
|
-
registerOnTouched(fn: () => void): void;
|
|
38
|
-
setDisabledState(isDisabled: boolean): void;
|
|
39
|
-
validate(control: AbstractControl): ValidationErrors | null;
|
|
40
|
-
validateValue(value: string): ValidationErrors | null;
|
|
41
|
-
onInput(event: Event): void;
|
|
42
|
-
onBlur(): void;
|
|
43
|
-
ClearInputValue(): void;
|
|
44
|
-
trailingIconClick(): void;
|
|
45
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CideTextareaComponent, never>;
|
|
46
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CideTextareaComponent, "cide-ele-textarea", never, { "label": { "alias": "label"; "required": false; }; "labelHide": { "alias": "labelHide"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "id": { "alias": "id"; "required": false; }; "ngModel": { "alias": "ngModel"; "required": false; }; "size": { "alias": "size"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "labelDir": { "alias": "labelDir"; "required": false; }; "leadingIcon": { "alias": "leadingIcon"; "required": false; }; "trailingIcon": { "alias": "trailingIcon"; "required": false; }; "clearInput": { "alias": "clearInput"; "required": false; }; }, { "ngModelChange": "ngModelChange"; }, never, never, true, never>;
|
|
47
|
-
}
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
import { TemplateRef } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export interface ConfirmationRequest<T = unknown> {
|
|
4
|
-
id: string;
|
|
5
|
-
title: string;
|
|
6
|
-
message: string;
|
|
7
|
-
type: 'danger' | 'warning' | 'info' | 'success';
|
|
8
|
-
icon?: string;
|
|
9
|
-
confirmText?: string;
|
|
10
|
-
cancelText?: string;
|
|
11
|
-
customTemplate?: TemplateRef<unknown>;
|
|
12
|
-
customData?: T;
|
|
13
|
-
resolve: (value: boolean | T) => void;
|
|
14
|
-
reject: (reason?: unknown) => void;
|
|
15
|
-
}
|
|
16
|
-
export interface ConfirmationOptions<T = unknown> {
|
|
17
|
-
title: string;
|
|
18
|
-
message: string;
|
|
19
|
-
type?: 'danger' | 'warning' | 'info' | 'success';
|
|
20
|
-
icon?: string;
|
|
21
|
-
confirmText?: string;
|
|
22
|
-
cancelText?: string;
|
|
23
|
-
customTemplate?: TemplateRef<unknown>;
|
|
24
|
-
customData?: T;
|
|
25
|
-
}
|
|
26
|
-
export declare class ConfirmationService {
|
|
27
|
-
private confirmationQueue;
|
|
28
|
-
private currentRequest;
|
|
29
|
-
hasActiveConfirmation: import("@angular/core").Signal<boolean>;
|
|
30
|
-
queueLength: import("@angular/core").Signal<number>;
|
|
31
|
-
constructor();
|
|
32
|
-
/**
|
|
33
|
-
* Ask for confirmation with a simple yes/no dialog
|
|
34
|
-
*/
|
|
35
|
-
ask(options: ConfirmationOptions<unknown>): Promise<boolean>;
|
|
36
|
-
/**
|
|
37
|
-
* Ask for confirmation with custom template and return custom data
|
|
38
|
-
*/
|
|
39
|
-
askWithTemplate<T = unknown>(options: ConfirmationOptions<T> & {
|
|
40
|
-
customTemplate: TemplateRef<unknown>;
|
|
41
|
-
}): Promise<T>;
|
|
42
|
-
/**
|
|
43
|
-
* Quick confirmation for dangerous actions
|
|
44
|
-
*/
|
|
45
|
-
confirmDelete(itemName?: string): Promise<boolean>;
|
|
46
|
-
/**
|
|
47
|
-
* Quick confirmation for permanent actions
|
|
48
|
-
*/
|
|
49
|
-
confirmPermanentAction(action: string, itemName?: string): Promise<boolean>;
|
|
50
|
-
/**
|
|
51
|
-
* Quick confirmation for safe actions
|
|
52
|
-
*/
|
|
53
|
-
confirmSafeAction(action: string, itemName?: string): Promise<boolean>;
|
|
54
|
-
private addToQueue;
|
|
55
|
-
private processQueue;
|
|
56
|
-
confirmCurrentRequest(data?: unknown): void;
|
|
57
|
-
cancelCurrentRequest(): void;
|
|
58
|
-
private removeCurrentRequest;
|
|
59
|
-
private generateId;
|
|
60
|
-
private getDefaultIcon;
|
|
61
|
-
getCurrentRequest(): import("@angular/core").WritableSignal<ConfirmationRequest<unknown> | null>;
|
|
62
|
-
getHasActiveConfirmation(): import("@angular/core").Signal<boolean>;
|
|
63
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmationService, never>;
|
|
64
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<ConfirmationService>;
|
|
65
|
-
}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
export interface DropdownInstance {
|
|
3
|
-
id: string;
|
|
4
|
-
close: () => void;
|
|
5
|
-
element?: Element;
|
|
6
|
-
}
|
|
7
|
-
export declare class DropdownManagerService {
|
|
8
|
-
private activeDropdowns;
|
|
9
|
-
private documentClickListener?;
|
|
10
|
-
private escapeKeyListener?;
|
|
11
|
-
constructor();
|
|
12
|
-
private initializeGlobalListeners;
|
|
13
|
-
registerDropdown(dropdown: DropdownInstance): void;
|
|
14
|
-
unregisterDropdown(id: string): void;
|
|
15
|
-
closeAllDropdowns(): void;
|
|
16
|
-
closeDropdown(id: string): void;
|
|
17
|
-
isDropdownOpen(id: string): boolean;
|
|
18
|
-
private handleDocumentClick;
|
|
19
|
-
ngOnDestroy(): void;
|
|
20
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownManagerService, never>;
|
|
21
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<DropdownManagerService>;
|
|
22
|
-
}
|