@frybynite/image-cloud 0.10.1 → 0.10.3
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/dist/image-cloud-auto-init.js +460 -497
- package/dist/image-cloud-auto-init.js.map +1 -1
- package/dist/image-cloud.js +283 -320
- package/dist/image-cloud.js.map +1 -1
- package/dist/image-cloud.umd.js +3 -3
- package/dist/image-cloud.umd.js.map +1 -1
- package/dist/index.d.ts +24 -35
- package/dist/react.d.ts +24 -35
- package/dist/react.js +244 -280
- package/dist/react.js.map +1 -1
- package/dist/vue.d.ts +24 -35
- package/dist/vue.js +227 -263
- package/dist/vue.js.map +1 -1
- package/dist/web-component.d.ts +24 -35
- package/dist/web-component.js +189 -225
- package/dist/web-component.js.map +1 -1
- package/package.json +9 -6
package/dist/vue.d.ts
CHANGED
|
@@ -138,7 +138,7 @@ declare interface AnimationSnapshot {
|
|
|
138
138
|
scale: number;
|
|
139
139
|
}
|
|
140
140
|
|
|
141
|
-
declare interface BorderConfig {
|
|
141
|
+
export declare interface BorderConfig {
|
|
142
142
|
width?: number;
|
|
143
143
|
color?: string;
|
|
144
144
|
radius?: number;
|
|
@@ -160,7 +160,7 @@ export declare interface BouncePathConfig {
|
|
|
160
160
|
|
|
161
161
|
export declare type BouncePreset = 'energetic' | 'playful' | 'subtle';
|
|
162
162
|
|
|
163
|
-
declare interface ClipPathConfig {
|
|
163
|
+
export declare interface ClipPathConfig {
|
|
164
164
|
shape: ClipPathShape;
|
|
165
165
|
mode?: ClipPathMode;
|
|
166
166
|
}
|
|
@@ -277,7 +277,7 @@ export declare const DEFAULT_CONFIG: ImageCloudConfig;
|
|
|
277
277
|
*/
|
|
278
278
|
export declare const DEFAULT_SHARED_LOADER_CONFIG: SharedLoaderConfig;
|
|
279
279
|
|
|
280
|
-
declare interface DropShadowConfig {
|
|
280
|
+
export declare interface DropShadowConfig {
|
|
281
281
|
x: number;
|
|
282
282
|
y: number;
|
|
283
283
|
blur: number;
|
|
@@ -298,7 +298,7 @@ export declare interface ElasticPathConfig {
|
|
|
298
298
|
|
|
299
299
|
export declare type ElasticPreset = 'gentle' | 'bouncy' | 'wobbly' | 'snappy';
|
|
300
300
|
|
|
301
|
-
declare interface EntryAnimationConfig {
|
|
301
|
+
export declare interface EntryAnimationConfig {
|
|
302
302
|
start: EntryStartConfig;
|
|
303
303
|
timing: EntryTimingConfig;
|
|
304
304
|
easing: string;
|
|
@@ -471,9 +471,9 @@ export declare interface EntryPathConfig {
|
|
|
471
471
|
wave?: Partial<WavePathConfig>;
|
|
472
472
|
}
|
|
473
473
|
|
|
474
|
-
export declare type EntryPathType = 'linear' | '
|
|
474
|
+
export declare type EntryPathType = 'linear' | 'bounce' | 'elastic' | 'wave';
|
|
475
475
|
|
|
476
|
-
declare interface EntryRotationConfig {
|
|
476
|
+
export declare interface EntryRotationConfig {
|
|
477
477
|
mode: EntryRotationMode;
|
|
478
478
|
startRotation?: number | {
|
|
479
479
|
min: number;
|
|
@@ -490,7 +490,7 @@ declare interface EntryRotationConfig {
|
|
|
490
490
|
|
|
491
491
|
declare type EntryRotationMode = 'none' | 'settle' | 'spin' | 'wobble' | 'random';
|
|
492
492
|
|
|
493
|
-
declare interface EntryScaleConfig {
|
|
493
|
+
export declare interface EntryScaleConfig {
|
|
494
494
|
mode: EntryScaleMode;
|
|
495
495
|
startScale?: number;
|
|
496
496
|
range?: {
|
|
@@ -519,7 +519,7 @@ declare interface EntryTimingConfig {
|
|
|
519
519
|
duration: number;
|
|
520
520
|
}
|
|
521
521
|
|
|
522
|
-
declare interface FilterConfig {
|
|
522
|
+
export declare interface FilterConfig {
|
|
523
523
|
grayscale?: number;
|
|
524
524
|
blur?: number;
|
|
525
525
|
brightness?: number;
|
|
@@ -554,8 +554,6 @@ declare interface FocusInteractionConfig {
|
|
|
554
554
|
*/
|
|
555
555
|
export declare const FUNCTIONAL_CSS = "\n.fbn-ic-gallery {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n perspective: 1000px;\n}\n\n.fbn-ic-image {\n position: absolute;\n cursor: pointer;\n transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1),\n box-shadow 0.6s cubic-bezier(0.4, 0, 0.2, 1),\n filter 0.3s cubic-bezier(0.4, 0, 0.2, 1),\n opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),\n border 0.3s cubic-bezier(0.4, 0, 0.2, 1),\n outline 0.3s cubic-bezier(0.4, 0, 0.2, 1),\n z-index 0s 0.6s;\n will-change: transform;\n user-select: none;\n backface-visibility: hidden;\n -webkit-backface-visibility: hidden;\n}\n\n.fbn-ic-image.fbn-ic-focused {\n z-index: 1000;\n transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1),\n box-shadow 0.6s cubic-bezier(0.4, 0, 0.2, 1),\n filter 0.3s cubic-bezier(0.4, 0, 0.2, 1),\n opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),\n border 0.3s cubic-bezier(0.4, 0, 0.2, 1),\n outline 0.3s cubic-bezier(0.4, 0, 0.2, 1),\n z-index 0s 0s;\n will-change: auto;\n}\n\n.fbn-ic-counter {\n position: fixed;\n bottom: 24px;\n left: 50%;\n transform: translateX(-50%);\n z-index: 10001;\n pointer-events: none;\n}\n\n.fbn-ic-gallery:focus,\n.fbn-ic-gallery.fbn-ic-has-focus {\n outline: 2px solid rgba(147, 197, 253, 0.8);\n outline-offset: -4px;\n}\n.fbn-ic-gallery.fbn-ic-suppress-outline:focus {\n outline: none;\n}\n.fbn-ic-gallery.fbn-ic-suppress-outline.fbn-ic-has-focus {\n outline: 2px solid rgba(99, 102, 241, 0.6);\n outline-offset: -4px;\n}\n\n.fbn-ic-nav-btn {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n z-index: 10001;\n cursor: pointer;\n border: none;\n background: none;\n padding: 0;\n line-height: 1;\n}\n.fbn-ic-nav-btn-prev {\n left: 12px;\n}\n.fbn-ic-nav-btn-next {\n right: 12px;\n}\n\n.fbn-ic-hidden {\n display: none !important;\n}\n";
|
|
556
556
|
|
|
557
|
-
export declare type GalleryConfig = ImageCloudConfig;
|
|
558
|
-
|
|
559
557
|
export declare interface GoogleDriveFilesSource {
|
|
560
558
|
files: string[];
|
|
561
559
|
}
|
|
@@ -706,7 +704,7 @@ export declare class GridPlacementLayout implements PlacementLayout {
|
|
|
706
704
|
private random;
|
|
707
705
|
}
|
|
708
706
|
|
|
709
|
-
declare interface HoneycombAlgorithmConfig {
|
|
707
|
+
export declare interface HoneycombAlgorithmConfig {
|
|
710
708
|
spacing?: number;
|
|
711
709
|
}
|
|
712
710
|
|
|
@@ -718,7 +716,7 @@ export declare class HoneycombPlacementLayout implements PlacementLayout {
|
|
|
718
716
|
}): ImageLayout[];
|
|
719
717
|
}
|
|
720
718
|
|
|
721
|
-
declare interface IdleAnimationConfig {
|
|
719
|
+
export declare interface IdleAnimationConfig {
|
|
722
720
|
type: IdleAnimationType;
|
|
723
721
|
wiggle?: IdleWiggleConfig;
|
|
724
722
|
pulse?: IdlePulseConfig;
|
|
@@ -730,7 +728,7 @@ declare interface IdleAnimationConfig {
|
|
|
730
728
|
|
|
731
729
|
declare type IdleAnimationType = 'wiggle' | 'pulse' | 'blink' | 'spin' | 'custom' | 'none';
|
|
732
730
|
|
|
733
|
-
declare interface IdleBlinkConfig {
|
|
731
|
+
export declare interface IdleBlinkConfig {
|
|
734
732
|
onRatio: number;
|
|
735
733
|
speed: number;
|
|
736
734
|
style: 'snap' | 'fade';
|
|
@@ -744,21 +742,21 @@ declare interface IdleCustomContext {
|
|
|
744
742
|
totalImages: number;
|
|
745
743
|
}
|
|
746
744
|
|
|
747
|
-
declare interface IdlePulseConfig {
|
|
745
|
+
export declare interface IdlePulseConfig {
|
|
748
746
|
minScale: number;
|
|
749
747
|
maxScale: number;
|
|
750
748
|
speed: number;
|
|
751
749
|
sync: IdleSyncMode;
|
|
752
750
|
}
|
|
753
751
|
|
|
754
|
-
declare interface IdleSpinConfig {
|
|
752
|
+
export declare interface IdleSpinConfig {
|
|
755
753
|
speed: number;
|
|
756
754
|
direction: 'clockwise' | 'counterclockwise';
|
|
757
755
|
}
|
|
758
756
|
|
|
759
757
|
declare type IdleSyncMode = 'together' | 'random';
|
|
760
758
|
|
|
761
|
-
declare interface IdleWiggleConfig {
|
|
759
|
+
export declare interface IdleWiggleConfig {
|
|
762
760
|
maxAngle: number;
|
|
763
761
|
speed: number;
|
|
764
762
|
sync: IdleSyncMode;
|
|
@@ -773,7 +771,7 @@ export declare interface IImageFilter {
|
|
|
773
771
|
getAllowedExtensions(): string[];
|
|
774
772
|
}
|
|
775
773
|
|
|
776
|
-
declare class ImageCloud {
|
|
774
|
+
export declare class ImageCloud {
|
|
777
775
|
private containerId;
|
|
778
776
|
private containerRef;
|
|
779
777
|
private fullConfig;
|
|
@@ -880,8 +878,6 @@ declare class ImageCloud {
|
|
|
880
878
|
*/
|
|
881
879
|
destroy(): void;
|
|
882
880
|
}
|
|
883
|
-
export { ImageCloud }
|
|
884
|
-
export { ImageCloud as ImageGallery }
|
|
885
881
|
|
|
886
882
|
export declare function imageCloud(options: ImageCloudOptions): Promise<ImageCloud>;
|
|
887
883
|
|
|
@@ -906,17 +902,13 @@ export declare interface ImageCloudOptions {
|
|
|
906
902
|
animation?: Partial<AnimationConfig>;
|
|
907
903
|
interaction?: Partial<InteractionConfig>;
|
|
908
904
|
ui?: Partial<UIConfig>;
|
|
909
|
-
/** @deprecated Use `ui` instead of `rendering.ui` */
|
|
910
|
-
rendering?: {
|
|
911
|
-
ui?: Partial<UIConfig>;
|
|
912
|
-
};
|
|
913
905
|
styling?: Partial<ImageStylingConfig>;
|
|
914
906
|
}
|
|
915
907
|
|
|
916
908
|
/**
|
|
917
909
|
* Combined image configuration
|
|
918
910
|
*/
|
|
919
|
-
declare interface ImageConfig {
|
|
911
|
+
export declare interface ImageConfig {
|
|
920
912
|
sizing?: ImageSizingConfig;
|
|
921
913
|
rotation?: ImageRotationConfig;
|
|
922
914
|
}
|
|
@@ -947,8 +939,6 @@ export declare class ImageFilter {
|
|
|
947
939
|
getAllowedExtensions(): string[];
|
|
948
940
|
}
|
|
949
941
|
|
|
950
|
-
export declare type ImageGalleryOptions = ImageCloudOptions;
|
|
951
|
-
|
|
952
942
|
/**
|
|
953
943
|
* Type definitions for Image Gallery Library
|
|
954
944
|
*/
|
|
@@ -995,7 +985,7 @@ export declare interface ImageLoader {
|
|
|
995
985
|
/**
|
|
996
986
|
* Image rotation configuration
|
|
997
987
|
*/
|
|
998
|
-
declare interface ImageRotationConfig {
|
|
988
|
+
export declare interface ImageRotationConfig {
|
|
999
989
|
mode: ImageRotationMode;
|
|
1000
990
|
range?: ImageRotationRange;
|
|
1001
991
|
}
|
|
@@ -1016,7 +1006,7 @@ declare interface ImageRotationRange {
|
|
|
1016
1006
|
/**
|
|
1017
1007
|
* Image sizing configuration
|
|
1018
1008
|
*/
|
|
1019
|
-
declare interface ImageSizingConfig {
|
|
1009
|
+
export declare interface ImageSizingConfig {
|
|
1020
1010
|
mode: SizingMode;
|
|
1021
1011
|
height?: number | FixedModeHeight;
|
|
1022
1012
|
minSize?: number;
|
|
@@ -1024,7 +1014,7 @@ declare interface ImageSizingConfig {
|
|
|
1024
1014
|
variance?: ImageVarianceConfig;
|
|
1025
1015
|
}
|
|
1026
1016
|
|
|
1027
|
-
declare interface ImageStyleState {
|
|
1017
|
+
export declare interface ImageStyleState {
|
|
1028
1018
|
className?: string | string[];
|
|
1029
1019
|
border?: BorderConfig;
|
|
1030
1020
|
borderTop?: Partial<BorderConfig>;
|
|
@@ -1045,7 +1035,7 @@ declare interface ImageStyleState {
|
|
|
1045
1035
|
clipPath?: ClipPathShape | string | ClipPathConfig;
|
|
1046
1036
|
}
|
|
1047
1037
|
|
|
1048
|
-
declare interface ImageStylingConfig {
|
|
1038
|
+
export declare interface ImageStylingConfig {
|
|
1049
1039
|
default?: ImageStyleState;
|
|
1050
1040
|
hover?: Partial<ImageStyleState>;
|
|
1051
1041
|
focused?: Partial<ImageStyleState>;
|
|
@@ -1066,7 +1056,7 @@ declare interface ImageVarianceConfig {
|
|
|
1066
1056
|
*/
|
|
1067
1057
|
export declare function injectFunctionalStyles(): void;
|
|
1068
1058
|
|
|
1069
|
-
declare interface InteractionConfig {
|
|
1059
|
+
export declare interface InteractionConfig {
|
|
1070
1060
|
focus: FocusInteractionConfig;
|
|
1071
1061
|
navigation?: NavigationInteractionConfig;
|
|
1072
1062
|
dragging?: boolean;
|
|
@@ -1172,10 +1162,9 @@ export declare type LoaderEntry = StaticLoaderEntry | GoogleDriveLoaderEntry;
|
|
|
1172
1162
|
declare interface NavigationInteractionConfig {
|
|
1173
1163
|
keyboard?: boolean;
|
|
1174
1164
|
swipe?: boolean;
|
|
1175
|
-
mouseWheel?: boolean;
|
|
1176
1165
|
}
|
|
1177
1166
|
|
|
1178
|
-
declare interface OutlineConfig {
|
|
1167
|
+
export declare interface OutlineConfig {
|
|
1179
1168
|
width?: number;
|
|
1180
1169
|
color?: string;
|
|
1181
1170
|
style?: BorderStyle;
|
|
@@ -1208,7 +1197,7 @@ declare interface Point {
|
|
|
1208
1197
|
y: number;
|
|
1209
1198
|
}
|
|
1210
1199
|
|
|
1211
|
-
declare interface RadialAlgorithmConfig {
|
|
1200
|
+
export declare interface RadialAlgorithmConfig {
|
|
1212
1201
|
tightness: number;
|
|
1213
1202
|
}
|
|
1214
1203
|
|
|
@@ -1501,7 +1490,7 @@ export declare interface UIConfig {
|
|
|
1501
1490
|
*/
|
|
1502
1491
|
export declare const WAVE_PATH_PRESETS: Record<WavePathPreset, WavePathConfig>;
|
|
1503
1492
|
|
|
1504
|
-
declare interface WaveAlgorithmConfig {
|
|
1493
|
+
export declare interface WaveAlgorithmConfig {
|
|
1505
1494
|
rows: number;
|
|
1506
1495
|
amplitude: number;
|
|
1507
1496
|
frequency: number;
|