@datarailsshared/datarailsshared 1.5.297 → 1.5.299
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/assets/styles/vars.scss +1 -1
- package/datarailsshared-datarailsshared-1.5.299.tgz +0 -0
- package/esm2022/lib/dr-chat/chat.component.mjs +2 -2
- package/esm2022/lib/dr-chat/dr-chat-message/chat-message.component.mjs +2 -2
- package/esm2022/lib/dr-inputs/dr-slider/dr-slider.component.mjs +53 -0
- package/esm2022/lib/image-cropper/dr-image-cropper-canvas.service.mjs +78 -0
- package/esm2022/lib/image-cropper/dr-image-cropper.component.mjs +94 -0
- package/esm2022/lib/image-cropper/dr-image-cropper.types.mjs +6 -0
- package/esm2022/public-api.mjs +4 -1
- package/fesm2022/datarailsshared-datarailsshared.mjs +220 -5
- package/fesm2022/datarailsshared-datarailsshared.mjs.map +1 -1
- package/lib/dr-inputs/dr-slider/dr-slider.component.d.ts +18 -0
- package/lib/image-cropper/dr-image-cropper-canvas.service.d.ts +20 -0
- package/lib/image-cropper/dr-image-cropper.component.d.ts +28 -0
- package/lib/image-cropper/dr-image-cropper.types.d.ts +9 -0
- package/package.json +1 -1
- package/public-api.d.ts +3 -0
- package/datarailsshared-datarailsshared-1.5.297.tgz +0 -0
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class DrSliderComponent implements ControlValueAccessor {
|
|
4
|
+
disabled: boolean;
|
|
5
|
+
max: number;
|
|
6
|
+
min: number;
|
|
7
|
+
step: number;
|
|
8
|
+
rangeValue: number;
|
|
9
|
+
private onChange;
|
|
10
|
+
private onTouched;
|
|
11
|
+
registerOnChange(fn: any): void;
|
|
12
|
+
registerOnTouched(fn: any): void;
|
|
13
|
+
setDisabledState(isDisabled: boolean): void;
|
|
14
|
+
writeValue(value: number): void;
|
|
15
|
+
setValue(event: any): void;
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DrSliderComponent, never>;
|
|
17
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DrSliderComponent, "dr-slider", never, { "disabled": { "alias": "disabled"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "step": { "alias": "step"; "required": false; }; "rangeValue": { "alias": "rangeValue"; "required": false; }; }, {}, never, never, true, never>;
|
|
18
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { CROP_IMAGE_MODES } from './dr-image-cropper.types';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class DrImageCropperCanvasService {
|
|
4
|
+
ctx: CanvasRenderingContext2D;
|
|
5
|
+
private readonly ALPHA_FOR_SHADOW;
|
|
6
|
+
private readonly CROP_AREA_PROPORTION;
|
|
7
|
+
private readonly RECTANGULAR_SHADOW_WIDTH;
|
|
8
|
+
private readonly RECTANGULAR_SHADOW_HEIGHT;
|
|
9
|
+
drawShape(canvasSize: number, cropMode: CROP_IMAGE_MODES, zoomLevel: number, htmlImageElement: HTMLImageElement): void;
|
|
10
|
+
getCoordinates(cropMode: CROP_IMAGE_MODES, canvasSize: number): string;
|
|
11
|
+
private getCoordinatesForSquare;
|
|
12
|
+
private getCoordinatesForRectangle;
|
|
13
|
+
private drawShadow;
|
|
14
|
+
private drawSquareShadow;
|
|
15
|
+
private drawRectangularShadow;
|
|
16
|
+
private drawImageByZoom;
|
|
17
|
+
private clearCanvas;
|
|
18
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DrImageCropperCanvasService, never>;
|
|
19
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<DrImageCropperCanvasService>;
|
|
20
|
+
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { AfterViewInit, ElementRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
|
|
2
|
+
import { CROP_IMAGE_MODES, ICropImageData } from './dr-image-cropper.types';
|
|
3
|
+
import { DrImageCropperCanvasService } from './dr-image-cropper-canvas.service';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class DrImageCropperComponent implements OnChanges, AfterViewInit {
|
|
6
|
+
private readonly canvasService;
|
|
7
|
+
cropperSize: number;
|
|
8
|
+
imageFile: File;
|
|
9
|
+
maxZoom: number;
|
|
10
|
+
minZoom: number;
|
|
11
|
+
zoomStep: number;
|
|
12
|
+
zoomLevel: number;
|
|
13
|
+
cropChanged: EventEmitter<ICropImageData>;
|
|
14
|
+
clearClicked: EventEmitter<void>;
|
|
15
|
+
canvasElement: ElementRef<HTMLCanvasElement>;
|
|
16
|
+
htmlImageElement: HTMLImageElement;
|
|
17
|
+
cropMode: CROP_IMAGE_MODES;
|
|
18
|
+
readonly CROP_IMAGE_MODES: typeof CROP_IMAGE_MODES;
|
|
19
|
+
constructor(canvasService: DrImageCropperCanvasService);
|
|
20
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
21
|
+
ngAfterViewInit(): void;
|
|
22
|
+
drawImage(newZoomEvent?: any): void;
|
|
23
|
+
onCropModeUpdated(cropMode?: CROP_IMAGE_MODES): void;
|
|
24
|
+
private readImageFile;
|
|
25
|
+
private getImagesStringSrc;
|
|
26
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DrImageCropperComponent, never>;
|
|
27
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DrImageCropperComponent, "dr-image-cropper", never, { "cropperSize": { "alias": "cropperSize"; "required": true; }; "imageFile": { "alias": "imageFile"; "required": true; }; "maxZoom": { "alias": "maxZoom"; "required": false; }; "minZoom": { "alias": "minZoom"; "required": false; }; "zoomStep": { "alias": "zoomStep"; "required": false; }; "zoomLevel": { "alias": "zoomLevel"; "required": false; }; }, { "cropChanged": "cropChanged"; "clearClicked": "clearClicked"; }, never, never, true, never>;
|
|
28
|
+
}
|
package/package.json
CHANGED
package/public-api.d.ts
CHANGED
|
@@ -120,6 +120,9 @@ export { DrTooltipModule } from './lib/dr-tooltip/dr-tooltip.module';
|
|
|
120
120
|
export { DrAvatarModule } from './lib/dr-avatar/dr-avatar.module';
|
|
121
121
|
export { DrSpinnerModule } from './lib/dr-spinner/dr-spinner.module';
|
|
122
122
|
export { DrPopoverModule } from './lib/dr-popover/dr-popover.module';
|
|
123
|
+
export { DrSliderComponent } from './lib/dr-inputs/dr-slider/dr-slider.component';
|
|
124
|
+
export { DrImageCropperComponent } from './lib/image-cropper/dr-image-cropper.component';
|
|
125
|
+
export * from './lib/image-cropper/dr-image-cropper.types';
|
|
123
126
|
export { DrDropdownModule } from './lib/dr-dropdown/dr-dropdown.module';
|
|
124
127
|
export { DrTabsModule } from './lib/dr-tabs/dr-tabs.module';
|
|
125
128
|
export { DrAccordionModule } from './lib/dr-accordion/accordion.module';
|
|
Binary file
|