@radix-ng/primitives 0.35.0 → 0.37.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.
Files changed (50) hide show
  1. package/avatar/index.d.ts +1 -1
  2. package/avatar/src/avatar-context.token.d.ts +7 -0
  3. package/avatar/src/avatar-fallback.directive.d.ts +3 -9
  4. package/avatar/src/avatar-image.directive.d.ts +11 -11
  5. package/avatar/src/avatar-root.directive.d.ts +3 -6
  6. package/avatar/src/types.d.ts +2 -0
  7. package/checkbox/index.d.ts +1 -1
  8. package/checkbox/src/checkbox-button.directive.d.ts +1 -1
  9. package/checkbox/src/checkbox-indicator.directive.d.ts +1 -1
  10. package/checkbox/src/checkbox-input.directive.d.ts +1 -1
  11. package/checkbox/src/checkbox.directive.d.ts +3 -3
  12. package/checkbox/src/checkbox.token.d.ts +3 -3
  13. package/core/index.d.ts +2 -0
  14. package/core/src/clamp.d.ts +38 -0
  15. package/cropper/README.md +1 -0
  16. package/cropper/index.d.ts +15 -0
  17. package/cropper/src/cropper-context.token.d.ts +12 -0
  18. package/cropper/src/cropper-crop-area.directive.d.ts +6 -0
  19. package/cropper/src/cropper-description.directive.d.ts +6 -0
  20. package/cropper/src/cropper-image.component.d.ts +10 -0
  21. package/cropper/src/cropper-root.directive.d.ts +91 -0
  22. package/date-field/index.d.ts +9 -0
  23. package/fesm2022/radix-ng-primitives-avatar.mjs +82 -86
  24. package/fesm2022/radix-ng-primitives-avatar.mjs.map +1 -1
  25. package/fesm2022/radix-ng-primitives-checkbox.mjs +13 -16
  26. package/fesm2022/radix-ng-primitives-checkbox.mjs.map +1 -1
  27. package/fesm2022/radix-ng-primitives-core.mjs +84 -1
  28. package/fesm2022/radix-ng-primitives-core.mjs.map +1 -1
  29. package/fesm2022/radix-ng-primitives-cropper.mjs +680 -0
  30. package/fesm2022/radix-ng-primitives-cropper.mjs.map +1 -0
  31. package/fesm2022/radix-ng-primitives-date-field.mjs +16 -2
  32. package/fesm2022/radix-ng-primitives-date-field.mjs.map +1 -1
  33. package/fesm2022/radix-ng-primitives-number-field.mjs +502 -0
  34. package/fesm2022/radix-ng-primitives-number-field.mjs.map +1 -0
  35. package/fesm2022/radix-ng-primitives-stepper.mjs +1 -14
  36. package/fesm2022/radix-ng-primitives-stepper.mjs.map +1 -1
  37. package/hover-card/src/hover-card-root.directive.d.ts +4 -4
  38. package/number-field/README.md +1 -0
  39. package/number-field/index.d.ts +17 -0
  40. package/number-field/src/number-field-context.token.d.ts +24 -0
  41. package/number-field/src/number-field-decrement.directive.d.ts +23 -0
  42. package/number-field/src/number-field-increment.directive.d.ts +23 -0
  43. package/number-field/src/number-field-input.directive.d.ts +22 -0
  44. package/number-field/src/number-field-root.directive.d.ts +86 -0
  45. package/number-field/src/types.d.ts +1 -0
  46. package/number-field/src/utils.d.ts +18 -0
  47. package/package.json +9 -1
  48. package/popover/src/popover-root.directive.d.ts +4 -4
  49. package/tooltip/src/tooltip-root.directive.d.ts +4 -4
  50. /package/{stepper/src/utils → core/src}/getActiveElement.d.ts +0 -0
package/avatar/index.d.ts CHANGED
@@ -5,8 +5,8 @@ import * as i3 from "./src/avatar-image.directive";
5
5
  export * from './src/avatar-fallback.directive';
6
6
  export * from './src/avatar-image.directive';
7
7
  export * from './src/avatar-root.directive';
8
- export type { RdxImageLoadingStatus } from './src/avatar-root.directive';
9
8
  export * from './src/avatar.config';
9
+ export type { RdxImageLoadingStatus } from './src/types';
10
10
  export declare class RdxCheckboxModule {
11
11
  static ɵfac: i0.ɵɵFactoryDeclaration<RdxCheckboxModule, never>;
12
12
  static ɵmod: i0.ɵɵNgModuleDeclaration<RdxCheckboxModule, never, [typeof i1.RdxAvatarRootDirective, typeof i2.RdxAvatarFallbackDirective, typeof i3.RdxAvatarImageDirective], [typeof i1.RdxAvatarRootDirective, typeof i2.RdxAvatarFallbackDirective, typeof i3.RdxAvatarImageDirective]>;
@@ -0,0 +1,7 @@
1
+ import { InjectionToken, WritableSignal } from '@angular/core';
2
+ import { RdxImageLoadingStatus } from './types';
3
+ export interface AvatarContextToken {
4
+ imageLoadingStatus: WritableSignal<RdxImageLoadingStatus>;
5
+ }
6
+ export declare const AVATAR_ROOT_CONTEXT: InjectionToken<AvatarContextToken>;
7
+ export declare function injectAvatarRootContext(): AvatarContextToken;
@@ -1,12 +1,10 @@
1
- import { OnDestroy } from '@angular/core';
2
- import { RdxAvatarRootContext } from './avatar-root.directive';
3
1
  import * as i0 from "@angular/core";
4
2
  /**
5
3
  * @group Components
6
4
  */
7
- export declare class RdxAvatarFallbackDirective implements OnDestroy {
8
- protected readonly avatarRoot: RdxAvatarRootContext;
5
+ export declare class RdxAvatarFallbackDirective {
9
6
  private readonly config;
7
+ protected readonly rootContext: import("./avatar-context.token").AvatarContextToken;
10
8
  /**
11
9
  * Useful for delaying rendering so it only appears for those with slower connections.
12
10
  *
@@ -14,13 +12,9 @@ export declare class RdxAvatarFallbackDirective implements OnDestroy {
14
12
  * @defaultValue 0
15
13
  */
16
14
  readonly delayMs: import("@angular/core").InputSignal<number>;
17
- readonly shouldRender: import("@angular/core").Signal<boolean>;
18
15
  protected readonly canRender: import("@angular/core").WritableSignal<boolean>;
19
- private timeoutId;
16
+ private timeout;
20
17
  constructor();
21
- private startDelayTimer;
22
- private clearDelayTimer;
23
- ngOnDestroy(): void;
24
18
  static ɵfac: i0.ɵɵFactoryDeclaration<RdxAvatarFallbackDirective, never>;
25
19
  static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAvatarFallbackDirective, "span[rdxAvatarFallback]", ["rdxAvatarFallback"], { "delayMs": { "alias": "delayMs"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
26
20
  }
@@ -1,16 +1,17 @@
1
- import { OnInit } from '@angular/core';
2
- import { RdxImageLoadingStatus } from './avatar-root.directive';
1
+ import { OnDestroy, OnInit } from '@angular/core';
2
+ import { HTMLAttributeReferrerPolicy, RdxImageLoadingStatus } from './types';
3
3
  import * as i0 from "@angular/core";
4
4
  /**
5
5
  * @group Components
6
6
  */
7
- export declare class RdxAvatarImageDirective implements OnInit {
8
- private readonly avatarRoot;
9
- private readonly elementRef;
7
+ export declare class RdxAvatarImageDirective implements OnInit, OnDestroy {
8
+ private readonly platformId;
9
+ protected readonly rootContext: import("./avatar-context.token").AvatarContextToken;
10
10
  /**
11
11
  * @group Props
12
12
  */
13
13
  readonly src: import("@angular/core").InputSignal<string | undefined>;
14
+ readonly referrerPolicy: import("@angular/core").InputSignal<HTMLAttributeReferrerPolicy | undefined>;
14
15
  /**
15
16
  * A callback providing information about the loading status of the image.
16
17
  * This is useful in case you want to control more precisely what to render as the image is loading.
@@ -18,12 +19,11 @@ export declare class RdxAvatarImageDirective implements OnInit {
18
19
  * @group Emits
19
20
  */
20
21
  readonly onLoadingStatusChange: import("@angular/core").OutputEmitterRef<RdxImageLoadingStatus>;
21
- protected readonly imageLoadingStatus: import("@angular/core").Signal<RdxImageLoadingStatus>;
22
+ private readonly isMounted;
23
+ private readonly loadingStatus;
24
+ constructor();
22
25
  ngOnInit(): void;
23
- onLoad(): void;
24
- onError(): void;
25
- private setImageStatus;
26
- get nativeElement(): any;
26
+ ngOnDestroy(): void;
27
27
  static ɵfac: i0.ɵɵFactoryDeclaration<RdxAvatarImageDirective, never>;
28
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAvatarImageDirective, "img[rdxAvatarImage]", ["rdxAvatarImage"], { "src": { "alias": "src"; "required": false; "isSignal": true; }; }, { "onLoadingStatusChange": "onLoadingStatusChange"; }, never, never, true, never>;
28
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAvatarImageDirective, "img[rdxAvatarImage]", ["rdxAvatarImage"], { "src": { "alias": "src"; "required": false; "isSignal": true; }; "referrerPolicy": { "alias": "referrerPolicy"; "required": false; "isSignal": true; }; }, { "onLoadingStatusChange": "onLoadingStatusChange"; }, never, never, true, never>;
29
29
  }
@@ -1,11 +1,8 @@
1
+ import { AvatarContextToken } from './avatar-context.token';
2
+ import { RdxImageLoadingStatus } from './types';
1
3
  import * as i0 from "@angular/core";
2
- export type RdxImageLoadingStatus = 'idle' | 'loading' | 'loaded' | 'error';
3
- export declare class RdxAvatarRootContext {
4
+ export declare class RdxAvatarRootDirective implements AvatarContextToken {
4
5
  readonly imageLoadingStatus: import("@angular/core").WritableSignal<RdxImageLoadingStatus>;
5
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxAvatarRootContext, never>;
6
- static ɵprov: i0.ɵɵInjectableDeclaration<RdxAvatarRootContext>;
7
- }
8
- export declare class RdxAvatarRootDirective {
9
6
  static ɵfac: i0.ɵɵFactoryDeclaration<RdxAvatarRootDirective, never>;
10
7
  static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAvatarRootDirective, "span[rdxAvatarRoot]", ["rdxAvatarRoot"], {}, {}, never, never, true, never>;
11
8
  }
@@ -0,0 +1,2 @@
1
+ export type RdxImageLoadingStatus = 'idle' | 'loading' | 'loaded' | 'error';
2
+ export type HTMLAttributeReferrerPolicy = '' | 'no-referrer' | 'no-referrer-when-downgrade' | 'origin' | 'origin-when-cross-origin' | 'same-origin' | 'strict-origin' | 'strict-origin-when-cross-origin' | 'unsafe-url';
@@ -11,6 +11,6 @@ export type { CheckboxState } from './src/checkbox.directive';
11
11
  export * from './src/checkbox.token';
12
12
  export declare class RdxCheckboxModule {
13
13
  static ɵfac: i0.ɵɵFactoryDeclaration<RdxCheckboxModule, never>;
14
- static ɵmod: i0.ɵɵNgModuleDeclaration<RdxCheckboxModule, never, [typeof i1.RdxCheckboxInputDirective, typeof i2.RdxCheckboxDirective, typeof i3.RdxCheckboxButtonDirective, typeof i4.RdxCheckboxIndicatorDirective], [typeof i1.RdxCheckboxInputDirective, typeof i2.RdxCheckboxDirective, typeof i3.RdxCheckboxButtonDirective, typeof i4.RdxCheckboxIndicatorDirective]>;
14
+ static ɵmod: i0.ɵɵNgModuleDeclaration<RdxCheckboxModule, never, [typeof i1.RdxCheckboxInputDirective, typeof i2.RdxCheckboxRootDirective, typeof i3.RdxCheckboxButtonDirective, typeof i4.RdxCheckboxIndicatorDirective], [typeof i1.RdxCheckboxInputDirective, typeof i2.RdxCheckboxRootDirective, typeof i3.RdxCheckboxButtonDirective, typeof i4.RdxCheckboxIndicatorDirective]>;
15
15
  static ɵinj: i0.ɵɵInjectorDeclaration<RdxCheckboxModule>;
16
16
  }
@@ -1,6 +1,6 @@
1
1
  import * as i0 from "@angular/core";
2
2
  export declare class RdxCheckboxButtonDirective {
3
- protected readonly checkbox: import("@radix-ng/primitives/checkbox").RdxCheckboxDirective;
3
+ protected readonly checkbox: import("@radix-ng/primitives/checkbox").RdxCheckboxRootDirective;
4
4
  readonly id: import("@angular/core").InputSignal<string | null>;
5
5
  protected readonly elementId: import("@angular/core").Signal<string | null>;
6
6
  static ɵfac: i0.ɵɵFactoryDeclaration<RdxCheckboxButtonDirective, never>;
@@ -1,6 +1,6 @@
1
1
  import * as i0 from "@angular/core";
2
2
  export declare class RdxCheckboxIndicatorDirective {
3
- protected readonly checkbox: import("@radix-ng/primitives/checkbox").RdxCheckboxDirective;
3
+ protected readonly checkbox: import("@radix-ng/primitives/checkbox").RdxCheckboxRootDirective;
4
4
  static ɵfac: i0.ɵɵFactoryDeclaration<RdxCheckboxIndicatorDirective, never>;
5
5
  static ɵdir: i0.ɵɵDirectiveDeclaration<RdxCheckboxIndicatorDirective, "[rdxCheckboxIndicator]", never, {}, {}, never, never, true, never>;
6
6
  }
@@ -1,7 +1,7 @@
1
1
  import * as i0 from "@angular/core";
2
2
  import * as i1 from "@radix-ng/primitives/visually-hidden";
3
3
  export declare class RdxCheckboxInputDirective {
4
- protected readonly checkbox: import("@radix-ng/primitives/checkbox").RdxCheckboxDirective;
4
+ protected readonly checkbox: import("@radix-ng/primitives/checkbox").RdxCheckboxRootDirective;
5
5
  readonly id: import("@angular/core").InputSignal<string | undefined>;
6
6
  protected readonly elementId: import("@angular/core").Signal<string | undefined>;
7
7
  protected readonly value: import("@angular/core").Signal<"" | "on" | "off">;
@@ -5,7 +5,7 @@ export type CheckboxState = 'unchecked' | 'checked' | 'indeterminate';
5
5
  /**
6
6
  * @group Components
7
7
  */
8
- export declare class RdxCheckboxDirective implements ControlValueAccessor, OnChanges {
8
+ export declare class RdxCheckboxRootDirective implements ControlValueAccessor, OnChanges {
9
9
  /**
10
10
  * The controlled checked state of the checkbox. Must be used in conjunction with onCheckedChange.
11
11
  * @group Props
@@ -77,8 +77,8 @@ export declare class RdxCheckboxDirective implements ControlValueAccessor, OnCha
77
77
  * @internal
78
78
  */
79
79
  setDisabledState(isDisabled: boolean): void;
80
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxCheckboxDirective, never>;
81
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxCheckboxDirective, "[rdxCheckboxRoot]", never, { "checked": { "alias": "checked"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "checkedChange": "checkedChange"; "indeterminateChange": "indeterminateChange"; }, never, never, true, never>;
80
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxCheckboxRootDirective, never>;
81
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxCheckboxRootDirective, "[rdxCheckboxRoot]", never, { "checked": { "alias": "checked"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "checkedChange": "checkedChange"; "indeterminateChange": "indeterminateChange"; }, never, never, true, never>;
82
82
  static ngAcceptInputType_checked: unknown;
83
83
  static ngAcceptInputType_indeterminate: unknown;
84
84
  static ngAcceptInputType_disabled: unknown;
@@ -1,4 +1,4 @@
1
1
  import { InjectionToken } from '@angular/core';
2
- import type { RdxCheckboxDirective } from './checkbox.directive';
3
- export declare const RdxCheckboxToken: InjectionToken<RdxCheckboxDirective>;
4
- export declare function injectCheckbox(): RdxCheckboxDirective;
2
+ import type { RdxCheckboxRootDirective } from './checkbox.directive';
3
+ export declare const RdxCheckboxToken: InjectionToken<RdxCheckboxRootDirective>;
4
+ export declare function injectCheckbox(): RdxCheckboxRootDirective;
package/core/index.d.ts CHANGED
@@ -1,7 +1,9 @@
1
1
  export * from './src/accessor/provide-value-accessor';
2
2
  export * from './src/auto-focus.directive';
3
+ export * from './src/clamp';
3
4
  export * from './src/document';
4
5
  export * from './src/focus-initial.directive';
6
+ export * from './src/getActiveElement';
5
7
  export * from './src/id-generator';
6
8
  export * from './src/inject-ng-control';
7
9
  export * from './src/is-client';
@@ -0,0 +1,38 @@
1
+ /**
2
+ * The `clamp` function restricts a number within a specified range by returning the value itself if it
3
+ * falls within the range, or the closest boundary value if it exceeds the range.
4
+ * @param {number} value - The `value` parameter represents the number that you want to clamp within
5
+ * the specified range defined by `min` and `max` values.
6
+ * @param {number} min - If the `value` parameter is less than the `min` value, the
7
+ * function will return the `min` value.
8
+ * @param {number} max - If the `value` parameter is greater than the `max` value,
9
+ * the function will return `max`.
10
+ * @returns The `clamp` function returns the value of `value` constrained within the range defined by
11
+ * `min` and `max`.
12
+ */
13
+ export declare function clamp(value: number, min?: number, max?: number): number;
14
+ /**
15
+ * The function `roundToStepPrecision` rounds a number to a specified precision step.
16
+ * @param {number} value - The `value` parameter is the number that you want to round to a specific
17
+ * precision based on the `step` parameter.
18
+ * @param {number} step - The `step` parameter in the `roundToStepPrecision` function represents the
19
+ * interval at which you want to round the `value`. For example, if `step` is 0.5, the `value` will be
20
+ * rounded to the nearest half.
21
+ * @returns the `roundedValue` after rounding it to the precision specified by the `step`.
22
+ */
23
+ export declare function roundToStepPrecision(value: number, step: number): number;
24
+ /**
25
+ * The function `snapValueToStep` snaps a given value to the nearest step within a specified range.
26
+ * @param {number} value - The `value` parameter represents the number that you want to snap to the
27
+ * nearest step value.
28
+ * @param {number | undefined} min - The `min` parameter represents the minimum value that the `value`
29
+ * should be snapped to. If `value` is less than `min`, it will be snapped to `min`. If `min` is not
30
+ * provided (undefined), then the snapping will not consider a minimum value.
31
+ * @param {number | undefined} max - The `max` parameter represents the maximum value that the `value`
32
+ * should be snapped to. It ensures that the snapped value does not exceed this maximum value.
33
+ * @param {number} step - The `step` parameter in the `snapValueToStep` function represents the
34
+ * interval at which the `value` should be snapped to. It determines the granularity of the snapping
35
+ * operation. For example, if `step` is 5, the `value` will be snapped to the nearest multiple of
36
+ * @returns a number that has been snapped to the nearest step value within the specified range of minimum and maximum values.
37
+ */
38
+ export declare function snapValueToStep(value: number, min: number | undefined, max: number | undefined, step: number): number;
@@ -0,0 +1 @@
1
+ # @radix-ng/primitives/cropper
@@ -0,0 +1,15 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./src/cropper-root.directive";
3
+ import * as i2 from "./src/cropper-image.component";
4
+ import * as i3 from "./src/cropper-crop-area.directive";
5
+ import * as i4 from "./src/cropper-description.directive";
6
+ export * from './src/cropper-context.token';
7
+ export * from './src/cropper-crop-area.directive';
8
+ export * from './src/cropper-description.directive';
9
+ export * from './src/cropper-image.component';
10
+ export * from './src/cropper-root.directive';
11
+ export declare class RdxCropperModule {
12
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxCropperModule, never>;
13
+ static ɵmod: i0.ɵɵNgModuleDeclaration<RdxCropperModule, never, [typeof i1.RdxCropperRootDirective, typeof i2.RdxCropperImageComponent, typeof i3.RdxCropperCropAreaDirective, typeof i4.RdxCropperDescriptionDirective], [typeof i1.RdxCropperRootDirective, typeof i2.RdxCropperImageComponent, typeof i3.RdxCropperCropAreaDirective, typeof i4.RdxCropperDescriptionDirective]>;
14
+ static ɵinj: i0.ɵɵInjectorDeclaration<RdxCropperModule>;
15
+ }
@@ -0,0 +1,12 @@
1
+ import { InjectionToken, InputSignal, WritableSignal } from '@angular/core';
2
+ export interface CropperContextToken {
3
+ image: InputSignal<string>;
4
+ getImageProps: () => {
5
+ [key: string]: any;
6
+ };
7
+ getImageWrapperStyle: () => Record<string, string>;
8
+ getCropAreaStyle: () => Record<string, string>;
9
+ descriptionId: WritableSignal<string>;
10
+ }
11
+ export declare const CROPPER_ROOT_CONTEXT: InjectionToken<CropperContextToken>;
12
+ export declare function injectCropperRootContext(): CropperContextToken;
@@ -0,0 +1,6 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class RdxCropperCropAreaDirective {
3
+ readonly rootContext: import("./cropper-context.token").CropperContextToken;
4
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxCropperCropAreaDirective, never>;
5
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxCropperCropAreaDirective, "[rdxCropperCropArea]", never, {}, {}, never, never, true, never>;
6
+ }
@@ -0,0 +1,6 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class RdxCropperDescriptionDirective {
3
+ readonly rootContext: import("./cropper-context.token").CropperContextToken;
4
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxCropperDescriptionDirective, never>;
5
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxCropperDescriptionDirective, "[rdxCropperDescription]", never, {}, {}, never, never, true, never>;
6
+ }
@@ -0,0 +1,10 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class RdxCropperImageComponent {
3
+ protected readonly rootContext: import("./cropper-context.token").CropperContextToken;
4
+ readonly imgClass: import("@angular/core").InputSignal<string | undefined>;
5
+ readonly imgStyles: import("@angular/core").InputSignal<string | undefined>;
6
+ protected readonly imgClasses: import("@angular/core").Signal<string | undefined>;
7
+ protected readonly imgStyless: import("@angular/core").Signal<string | undefined>;
8
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxCropperImageComponent, never>;
9
+ static ɵcmp: i0.ɵɵComponentDeclaration<RdxCropperImageComponent, "[rdxCropperImage]", never, { "imgClass": { "alias": "imgClass"; "required": false; "isSignal": true; }; "imgStyles": { "alias": "imgStyles"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
10
+ }
@@ -0,0 +1,91 @@
1
+ import { NumberInput } from '@angular/cdk/coercion';
2
+ import { CropperContextToken } from './cropper-context.token';
3
+ import * as i0 from "@angular/core";
4
+ export type Area = {
5
+ x: number;
6
+ y: number;
7
+ width: number;
8
+ height: number;
9
+ };
10
+ export declare class RdxCropperRootDirective implements CropperContextToken {
11
+ private readonly elementRef;
12
+ private readonly CROPPER_DESC_WARN_MESSAGE;
13
+ readonly image: import("@angular/core").InputSignal<string>;
14
+ readonly cropPadding: import("@angular/core").InputSignalWithTransform<number, unknown>;
15
+ readonly aspectRatio: import("@angular/core").InputSignalWithTransform<number, unknown>;
16
+ readonly minZoom: import("@angular/core").InputSignalWithTransform<number, unknown>;
17
+ readonly maxZoom: import("@angular/core").InputSignalWithTransform<number, unknown>;
18
+ readonly zoomSensitivity: import("@angular/core").InputSignalWithTransform<number, unknown>;
19
+ readonly keyboardStep: import("@angular/core").InputSignalWithTransform<number, unknown>;
20
+ readonly zoom: import("@angular/core").InputSignalWithTransform<number | undefined, NumberInput>;
21
+ readonly onCropChange: import("@angular/core").OutputEmitterRef<Area | null>;
22
+ readonly onZoomChange: import("@angular/core").OutputEmitterRef<number>;
23
+ private readonly imgWidth;
24
+ private readonly imgHeight;
25
+ private readonly cropAreaWidth;
26
+ private readonly cropAreaHeight;
27
+ private readonly imageWrapperWidth;
28
+ private readonly imageWrapperHeight;
29
+ private readonly offsetX;
30
+ private readonly offsetY;
31
+ private readonly internalZoom;
32
+ private readonly isDragging;
33
+ readonly descriptionId: import("@angular/core").WritableSignal<string>;
34
+ private readonly isZoomControlled;
35
+ protected readonly effectiveZoom: import("@angular/core").Signal<number>;
36
+ protected readonly zoomValueText: import("@angular/core").Signal<string>;
37
+ private readonly dragStartPoint;
38
+ private readonly dragStartOffset;
39
+ private readonly latestRestrictedOffset;
40
+ private readonly latestZoom;
41
+ private readonly isInitialSetupDone;
42
+ private readonly initialPinchDistance;
43
+ private readonly initialPinchZoom;
44
+ private readonly isPinching;
45
+ private readonly hasWarned;
46
+ constructor();
47
+ private updateZoom;
48
+ private initializeContainerDimensions;
49
+ private setupImageLoadEffect;
50
+ private setupDimensionsEffects;
51
+ private restrictOffset;
52
+ private calculateCropData;
53
+ private setupCropCalculationEffect;
54
+ private setupAccessibilityWarningEffect;
55
+ private setupEventListenersEffect;
56
+ private handleInteractionEnd;
57
+ /**
58
+ * @ignore
59
+ */
60
+ onMouseDown(e: MouseEvent): void;
61
+ private handleWheel;
62
+ private getPinchDistance;
63
+ private getPinchCenter;
64
+ private handleTouchStart;
65
+ private handleTouchMove;
66
+ private handleTouchEnd;
67
+ /**
68
+ * @ignore
69
+ */
70
+ onKeyDown(e: KeyboardEvent): void;
71
+ /**
72
+ * @ignore
73
+ */
74
+ onKeyUp(e: KeyboardEvent): void;
75
+ /**
76
+ * @ignore
77
+ */
78
+ getImageProps(): {
79
+ [key: string]: any;
80
+ };
81
+ /**
82
+ * @ignore
83
+ */
84
+ getImageWrapperStyle(): Record<string, string>;
85
+ /**
86
+ * @ignore
87
+ */
88
+ getCropAreaStyle(): Record<string, string>;
89
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxCropperRootDirective, never>;
90
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxCropperRootDirective, "[rdxCropperRoot]", never, { "image": { "alias": "image"; "required": true; "isSignal": true; }; "cropPadding": { "alias": "cropPadding"; "required": false; "isSignal": true; }; "aspectRatio": { "alias": "aspectRatio"; "required": false; "isSignal": true; }; "minZoom": { "alias": "minZoom"; "required": false; "isSignal": true; }; "maxZoom": { "alias": "maxZoom"; "required": false; "isSignal": true; }; "zoomSensitivity": { "alias": "zoomSensitivity"; "required": false; "isSignal": true; }; "keyboardStep": { "alias": "keyboardStep"; "required": false; "isSignal": true; }; "zoom": { "alias": "zoom"; "required": false; "isSignal": true; }; }, { "onCropChange": "onCropChange"; "onZoomChange": "onZoomChange"; }, never, never, true, never>;
91
+ }
@@ -1,2 +1,11 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./src/date-field-root.directive";
3
+ import * as i2 from "./src/date-field-input.directive";
4
+ export * from './src/date-field-context.token';
1
5
  export * from './src/date-field-input.directive';
2
6
  export * from './src/date-field-root.directive';
7
+ export declare class RdxDateFieldModule {
8
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxDateFieldModule, never>;
9
+ static ɵmod: i0.ɵɵNgModuleDeclaration<RdxDateFieldModule, never, [typeof i1.RdxDateFieldRootDirective, typeof i2.RdxDateFieldInputDirective], [typeof i1.RdxDateFieldRootDirective, typeof i2.RdxDateFieldInputDirective]>;
10
+ static ɵinj: i0.ɵɵInjectorDeclaration<RdxDateFieldModule>;
11
+ }