carriera-intern-components 1.1.39 → 1.1.41
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/app/components/avatar/avatar.component.d.ts +12 -2
- package/app/components/avatar/pipes/avatar-classes.pipe.d.ts +19 -0
- package/app/components/drop-zone/drop-zone.component.d.ts +16 -0
- package/app/components/drop-zone/enums/drop-zone-variant.enum.d.ts +7 -0
- package/app/components/drop-zone/enums/index.d.ts +1 -0
- package/app/components/sticky-scrollbar/enums/index.d.ts +1 -0
- package/app/components/sticky-scrollbar/enums/scroll-state.enum.d.ts +6 -0
- package/app/components/sticky-scrollbar/sticky-scrollbar.component.d.ts +92 -0
- package/fesm2022/carriera-intern-components.mjs +496 -17
- package/fesm2022/carriera-intern-components.mjs.map +1 -1
- package/package.json +1 -1
- package/public/assets/icons/upload/cai-drop-zone-focus-drop.svg +48 -0
- package/public/assets/icons/upload/cai-drop-zone-focus.svg +48 -0
- package/public/assets/icons/upload/cai-drop-zone-logo-focus-drop.svg +41 -0
- package/public/assets/icons/upload/cai-drop-zone-logo-focus.svg +48 -0
- package/public/assets/icons/upload/cai-drop-zone-profile-focus-drop.svg +48 -0
- package/public/assets/icons/upload/cai-drop-zone-profile-focus.svg +55 -0
- package/public/assets/icons/upload/cai-drop-zone-video-focus-drop.svg +90 -0
- package/public/assets/icons/upload/cai-drop-zone-video-focus.svg +97 -0
- package/public/assets/json/icons.json +32 -0
- package/public-api.d.ts +2 -0
- package/src/styles/_variables.scss +2 -0
|
@@ -14,7 +14,7 @@ export declare class AvatarComponent {
|
|
|
14
14
|
* The size of the avatar in pixels.
|
|
15
15
|
* @type {Size}
|
|
16
16
|
*/
|
|
17
|
-
size: import("@angular/core").InputSignal<
|
|
17
|
+
size: import("@angular/core").InputSignal<18 | 22 | 32 | 74 | 160 | 28>;
|
|
18
18
|
/**
|
|
19
19
|
* Whether the avatar should be rounded or not.
|
|
20
20
|
* @type {boolean}
|
|
@@ -25,6 +25,16 @@ export declare class AvatarComponent {
|
|
|
25
25
|
* @type {boolean}
|
|
26
26
|
*/
|
|
27
27
|
inverse: import("@angular/core").InputSignal<boolean>;
|
|
28
|
+
/**
|
|
29
|
+
* The tooltip to display when hovering over the avatar.
|
|
30
|
+
* @type {string}
|
|
31
|
+
*/
|
|
32
|
+
tooltip: import("@angular/core").InputSignal<string | null>;
|
|
33
|
+
/**
|
|
34
|
+
* The size to apply when hovering over the avatar.
|
|
35
|
+
* @type {number}
|
|
36
|
+
*/
|
|
37
|
+
customHoverSize: import("@angular/core").InputSignal<number | undefined>;
|
|
28
38
|
static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, never>;
|
|
29
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "cai-avatar", never, { "driver": { "alias": "driver"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "inverse": { "alias": "inverse"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
39
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "cai-avatar", never, { "driver": { "alias": "driver"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "inverse": { "alias": "inverse"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "customHoverSize": { "alias": "customHoverSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
30
40
|
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { PipeTransform } from '@angular/core';
|
|
2
|
+
import { Size } from '../models';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
interface AvatarClassesInput {
|
|
5
|
+
size: Size;
|
|
6
|
+
color?: string | null;
|
|
7
|
+
isOwner?: boolean | null;
|
|
8
|
+
inverse: boolean;
|
|
9
|
+
rounded: boolean;
|
|
10
|
+
customHoverSize?: number;
|
|
11
|
+
}
|
|
12
|
+
export declare class AvatarClassesPipe implements PipeTransform {
|
|
13
|
+
private readonly colorMap;
|
|
14
|
+
private readonly sizeMap;
|
|
15
|
+
transform({ size, color, isOwner, inverse, rounded, customHoverSize, }: AvatarClassesInput): string;
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AvatarClassesPipe, never>;
|
|
17
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<AvatarClassesPipe, "avatarClasses", true>;
|
|
18
|
+
}
|
|
19
|
+
export {};
|
|
@@ -6,6 +6,7 @@ import { Driver } from '../avatar/models';
|
|
|
6
6
|
import { FileResponse } from './models/file.response';
|
|
7
7
|
import { FormGroup } from '@angular/forms';
|
|
8
8
|
import { DocumentTag } from '../document-preview/interfaces';
|
|
9
|
+
import { DropZoneVariant } from './enums';
|
|
9
10
|
import * as i0 from "@angular/core";
|
|
10
11
|
/**
|
|
11
12
|
* A component that provides a user interface for file uploading via
|
|
@@ -29,12 +30,15 @@ export declare class DropZoneComponent {
|
|
|
29
30
|
originalImageHeight: number;
|
|
30
31
|
base64Image: string;
|
|
31
32
|
deletedDocs: import("@angular/core").WritableSignal<number[]>;
|
|
33
|
+
dragMode: import("@angular/core").WritableSignal<boolean>;
|
|
34
|
+
onDragover: import("@angular/core").WritableSignal<boolean>;
|
|
32
35
|
crop: import("@angular/core").InputSignal<boolean>;
|
|
33
36
|
size: import("@angular/core").InputSignal<string | undefined>;
|
|
34
37
|
rounded: import("@angular/core").InputSignal<boolean>;
|
|
35
38
|
files: import("@angular/core").InputSignal<FileResponse[]>;
|
|
36
39
|
deletedFileIds: import("@angular/core").InputSignal<number[]>;
|
|
37
40
|
maxCountFiles: import("@angular/core").InputSignal<number>;
|
|
41
|
+
dropZoneVariant: typeof DropZoneVariant;
|
|
38
42
|
/**
|
|
39
43
|
* A input that holds an FormGroup object that is used to update the form validity when the crop mode is closed.
|
|
40
44
|
*/
|
|
@@ -76,6 +80,7 @@ export declare class DropZoneComponent {
|
|
|
76
80
|
onDeletedFileIds: EventEmitter<number[]>;
|
|
77
81
|
docsChange: EventEmitter<AppFile[]>;
|
|
78
82
|
inputRange: ElementRef<HTMLInputElement>;
|
|
83
|
+
dropZoneContainer: ElementRef<HTMLElement>;
|
|
79
84
|
constructor(sanitizer: DomSanitizer);
|
|
80
85
|
ngOnInit(): void;
|
|
81
86
|
ngAfterViewInit(): void;
|
|
@@ -124,6 +129,17 @@ export declare class DropZoneComponent {
|
|
|
124
129
|
* @param event The `DragEvent` object containing the dropped files.
|
|
125
130
|
*/
|
|
126
131
|
onDrop(event: DragEvent): void;
|
|
132
|
+
onDragOver(event: DragEvent): void;
|
|
133
|
+
onDragLeave(event: DragEvent): void;
|
|
134
|
+
onDragEnter(event: DragEvent): void;
|
|
135
|
+
onDocumentDragEnter(event: DragEvent): void;
|
|
136
|
+
onDocumentDragOver(event: DragEvent): void;
|
|
137
|
+
onWindowDragLeave(event: DragEvent): void;
|
|
138
|
+
onDocumentDrop(event: DragEvent): void;
|
|
139
|
+
/**
|
|
140
|
+
* Resets the drag state when drag operation ends.
|
|
141
|
+
*/
|
|
142
|
+
private resetDragState;
|
|
127
143
|
/**
|
|
128
144
|
* Asynchronously processes a list of files. For each file, it validates
|
|
129
145
|
* the extension against `supportedFileTypes`. If valid, it generates a
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './drop-zone-variant.enum';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './scroll-state.enum';
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
import { AfterViewInit, ElementRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
|
|
2
|
+
import { eScrollState } from './enums';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class StickyScrollbarComponent implements AfterViewInit, OnChanges {
|
|
5
|
+
scrollContainer: ElementRef<HTMLDivElement>;
|
|
6
|
+
scrollThumb: ElementRef<HTMLDivElement>;
|
|
7
|
+
/**
|
|
8
|
+
* Input to set scroll position programmatically (for syncing multiple scrollbars)
|
|
9
|
+
*/
|
|
10
|
+
scrollPosition?: number;
|
|
11
|
+
/**
|
|
12
|
+
* Hide the scrollbar track completely
|
|
13
|
+
*/
|
|
14
|
+
hideTrack: boolean;
|
|
15
|
+
/**
|
|
16
|
+
* Offset for the sticky position from the bottom (in pixels)
|
|
17
|
+
* @default 0
|
|
18
|
+
*/
|
|
19
|
+
stickyOffset: number;
|
|
20
|
+
/**
|
|
21
|
+
* Output to emit scroll position changes (for syncing multiple scrollbars)
|
|
22
|
+
*/
|
|
23
|
+
scrollPositionChange: EventEmitter<number>;
|
|
24
|
+
/**
|
|
25
|
+
* Output to emit scroll state changes (start, scrolling, end)
|
|
26
|
+
*/
|
|
27
|
+
scrollStateChange: EventEmitter<eScrollState>;
|
|
28
|
+
private readonly renderer;
|
|
29
|
+
private readonly destroyRef;
|
|
30
|
+
isDragging: boolean;
|
|
31
|
+
private dragStartX;
|
|
32
|
+
private scrollStartLeft;
|
|
33
|
+
private isSettingScrollPosition;
|
|
34
|
+
private currentScrollState?;
|
|
35
|
+
private setPositionTimeout?;
|
|
36
|
+
private dragStart$;
|
|
37
|
+
private dragEnd$;
|
|
38
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
39
|
+
ngAfterViewInit(): void;
|
|
40
|
+
/**
|
|
41
|
+
* Applies the scroll position from input (programmatically)
|
|
42
|
+
*/
|
|
43
|
+
private applyScrollPosition;
|
|
44
|
+
/**
|
|
45
|
+
* Updates scrollbar thumb size and position based on content
|
|
46
|
+
*/
|
|
47
|
+
private updateScrollbar;
|
|
48
|
+
/**
|
|
49
|
+
* Observes container resize to update scrollbar
|
|
50
|
+
*/
|
|
51
|
+
private setupResizeObserver;
|
|
52
|
+
/**
|
|
53
|
+
* Updates scroll state and emits the state change event
|
|
54
|
+
*/
|
|
55
|
+
private updateScrollState;
|
|
56
|
+
/**
|
|
57
|
+
* Calculates the scroll state based on current scroll position
|
|
58
|
+
*/
|
|
59
|
+
private calculateScrollState;
|
|
60
|
+
/**
|
|
61
|
+
* Handles scroll event on the container
|
|
62
|
+
*/
|
|
63
|
+
onScroll(): void;
|
|
64
|
+
/**
|
|
65
|
+
* Handles mouse down on scrollbar thumb
|
|
66
|
+
*/
|
|
67
|
+
onThumbMouseDown(event: MouseEvent): void;
|
|
68
|
+
/**
|
|
69
|
+
* Sets up drag event listeners (called once during initialization)
|
|
70
|
+
*/
|
|
71
|
+
private setupDragListeners;
|
|
72
|
+
/**
|
|
73
|
+
* Handles thumb dragging
|
|
74
|
+
*/
|
|
75
|
+
private onThumbDrag;
|
|
76
|
+
/**
|
|
77
|
+
* Handles mouse up to end dragging
|
|
78
|
+
*/
|
|
79
|
+
onThumbMouseUp(): void;
|
|
80
|
+
/**
|
|
81
|
+
* Public method to manually refresh the scrollbar
|
|
82
|
+
* Useful when content or container dimensions change programmatically
|
|
83
|
+
*/
|
|
84
|
+
refresh(): void;
|
|
85
|
+
/**
|
|
86
|
+
* Public method to scroll to the end of the container
|
|
87
|
+
* Useful when resizing the last element or when you want to ensure the end is visible
|
|
88
|
+
*/
|
|
89
|
+
scrollToEnd(): void;
|
|
90
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<StickyScrollbarComponent, never>;
|
|
91
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<StickyScrollbarComponent, "ca-sticky-scrollbar", never, { "scrollPosition": { "alias": "scrollPosition"; "required": false; }; "hideTrack": { "alias": "hideTrack"; "required": false; }; "stickyOffset": { "alias": "stickyOffset"; "required": false; }; }, { "scrollPositionChange": "scrollPositionChange"; "scrollStateChange": "scrollStateChange"; }, never, ["*"], true, never>;
|
|
92
|
+
}
|