@frybynite/image-cloud 0.9.1 → 0.9.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 +639 -678
- package/dist/image-cloud-auto-init.js.map +1 -1
- package/dist/image-cloud.js +679 -717
- 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 +16 -31
- package/dist/react.d.ts +16 -31
- package/dist/react.js +572 -611
- package/dist/react.js.map +1 -1
- package/dist/vue.d.ts +16 -31
- package/dist/vue.js +682 -721
- package/dist/vue.js.map +1 -1
- package/dist/web-component.d.ts +16 -31
- package/dist/web-component.js +389 -428
- package/dist/web-component.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -11,7 +11,6 @@ export declare interface AnimationConfig {
|
|
|
11
11
|
duration: number;
|
|
12
12
|
easing: AnimationEasingConfig;
|
|
13
13
|
queue: AnimationQueueConfig;
|
|
14
|
-
performance?: AnimationPerformanceConfig;
|
|
15
14
|
entry?: EntryAnimationConfig;
|
|
16
15
|
idle?: IdleAnimationConfig;
|
|
17
16
|
}
|
|
@@ -123,11 +122,6 @@ declare interface AnimationParams {
|
|
|
123
122
|
easing: string;
|
|
124
123
|
}
|
|
125
124
|
|
|
126
|
-
declare interface AnimationPerformanceConfig {
|
|
127
|
-
useGPU?: boolean;
|
|
128
|
-
reduceMotion?: boolean;
|
|
129
|
-
}
|
|
130
|
-
|
|
131
125
|
declare interface AnimationQueueConfig {
|
|
132
126
|
enabled: boolean;
|
|
133
127
|
interval: number;
|
|
@@ -562,11 +556,6 @@ export declare const FUNCTIONAL_CSS = "\n.fbn-ic-gallery {\n position: relative
|
|
|
562
556
|
|
|
563
557
|
export declare type GalleryConfig = ImageCloudConfig;
|
|
564
558
|
|
|
565
|
-
declare interface GestureInteractionConfig {
|
|
566
|
-
pinchToZoom?: boolean;
|
|
567
|
-
doubleTapToFocus?: boolean;
|
|
568
|
-
}
|
|
569
|
-
|
|
570
559
|
export declare interface GoogleDriveFilesSource {
|
|
571
560
|
files: string[];
|
|
572
561
|
}
|
|
@@ -721,6 +710,14 @@ declare interface HoneycombAlgorithmConfig {
|
|
|
721
710
|
spacing?: number;
|
|
722
711
|
}
|
|
723
712
|
|
|
713
|
+
export declare class HoneycombPlacementLayout implements PlacementLayout {
|
|
714
|
+
private config;
|
|
715
|
+
constructor(config: LayoutConfig, _imageConfig?: ImageConfig);
|
|
716
|
+
generate(imageCount: number, containerBounds: ContainerBounds, options?: Partial<LayoutConfig> & {
|
|
717
|
+
fixedHeight?: number;
|
|
718
|
+
}): ImageLayout[];
|
|
719
|
+
}
|
|
720
|
+
|
|
724
721
|
declare interface IdleAnimationConfig {
|
|
725
722
|
type: IdleAnimationType;
|
|
726
723
|
wiggle?: IdleWiggleConfig;
|
|
@@ -883,7 +880,7 @@ export declare interface ImageCloudConfig {
|
|
|
883
880
|
layout: LayoutConfig;
|
|
884
881
|
animation: AnimationConfig;
|
|
885
882
|
interaction: InteractionConfig;
|
|
886
|
-
|
|
883
|
+
ui: UIConfig;
|
|
887
884
|
styling?: ImageStylingConfig;
|
|
888
885
|
}
|
|
889
886
|
|
|
@@ -896,7 +893,11 @@ export declare interface ImageCloudOptions {
|
|
|
896
893
|
layout?: Partial<LayoutConfig>;
|
|
897
894
|
animation?: Partial<AnimationConfig>;
|
|
898
895
|
interaction?: Partial<InteractionConfig>;
|
|
899
|
-
|
|
896
|
+
ui?: Partial<UIConfig>;
|
|
897
|
+
/** @deprecated Use `ui` instead of `rendering.ui` */
|
|
898
|
+
rendering?: {
|
|
899
|
+
ui?: Partial<UIConfig>;
|
|
900
|
+
};
|
|
900
901
|
styling?: Partial<ImageStylingConfig>;
|
|
901
902
|
}
|
|
902
903
|
|
|
@@ -1056,8 +1057,7 @@ export declare function injectFunctionalStyles(): void;
|
|
|
1056
1057
|
declare interface InteractionConfig {
|
|
1057
1058
|
focus: FocusInteractionConfig;
|
|
1058
1059
|
navigation?: NavigationInteractionConfig;
|
|
1059
|
-
|
|
1060
|
-
disableDragging?: boolean;
|
|
1060
|
+
dragging?: boolean;
|
|
1061
1061
|
}
|
|
1062
1062
|
|
|
1063
1063
|
export declare type LayoutAlgorithm = 'random' | 'radial' | 'grid' | 'spiral' | 'cluster' | 'wave' | 'honeycomb';
|
|
@@ -1153,7 +1153,6 @@ declare interface LayoutEngineConfig {
|
|
|
1153
1153
|
|
|
1154
1154
|
declare interface LayoutSpacingConfig {
|
|
1155
1155
|
padding: number;
|
|
1156
|
-
minGap: number;
|
|
1157
1156
|
}
|
|
1158
1157
|
|
|
1159
1158
|
export declare type LoaderEntry = StaticLoaderEntry | GoogleDriveLoaderEntry;
|
|
@@ -1258,11 +1257,6 @@ export declare class RandomPlacementLayout implements PlacementLayout {
|
|
|
1258
1257
|
private random;
|
|
1259
1258
|
}
|
|
1260
1259
|
|
|
1261
|
-
declare interface RenderingConfig {
|
|
1262
|
-
responsive: ResponsiveRenderingConfig;
|
|
1263
|
-
ui: UIRenderingConfig;
|
|
1264
|
-
}
|
|
1265
|
-
|
|
1266
1260
|
/**
|
|
1267
1261
|
* Check if a path type requires JavaScript animation (vs CSS transitions)
|
|
1268
1262
|
*/
|
|
@@ -1286,15 +1280,6 @@ export declare interface ResponsiveHeight {
|
|
|
1286
1280
|
height: number;
|
|
1287
1281
|
}
|
|
1288
1282
|
|
|
1289
|
-
export declare interface ResponsiveRenderingConfig {
|
|
1290
|
-
breakpoints: {
|
|
1291
|
-
mobile: number;
|
|
1292
|
-
tablet?: number;
|
|
1293
|
-
desktop?: number;
|
|
1294
|
-
};
|
|
1295
|
-
mobileDetection: () => boolean;
|
|
1296
|
-
}
|
|
1297
|
-
|
|
1298
1283
|
declare type ShadowPreset = 'none' | 'sm' | 'md' | 'lg' | 'glow';
|
|
1299
1284
|
|
|
1300
1285
|
export declare interface SharedLoaderConfig {
|
|
@@ -1487,7 +1472,7 @@ export declare interface TransformParams {
|
|
|
1487
1472
|
scale?: number;
|
|
1488
1473
|
}
|
|
1489
1474
|
|
|
1490
|
-
export declare interface
|
|
1475
|
+
export declare interface UIConfig {
|
|
1491
1476
|
showLoadingSpinner: boolean;
|
|
1492
1477
|
showImageCounter?: boolean;
|
|
1493
1478
|
loadingElement?: string | HTMLElement;
|
package/dist/react.d.ts
CHANGED
|
@@ -11,7 +11,6 @@ export declare interface AnimationConfig {
|
|
|
11
11
|
duration: number;
|
|
12
12
|
easing: AnimationEasingConfig;
|
|
13
13
|
queue: AnimationQueueConfig;
|
|
14
|
-
performance?: AnimationPerformanceConfig;
|
|
15
14
|
entry?: EntryAnimationConfig;
|
|
16
15
|
idle?: IdleAnimationConfig;
|
|
17
16
|
}
|
|
@@ -123,11 +122,6 @@ declare interface AnimationParams {
|
|
|
123
122
|
easing: string;
|
|
124
123
|
}
|
|
125
124
|
|
|
126
|
-
declare interface AnimationPerformanceConfig {
|
|
127
|
-
useGPU?: boolean;
|
|
128
|
-
reduceMotion?: boolean;
|
|
129
|
-
}
|
|
130
|
-
|
|
131
125
|
declare interface AnimationQueueConfig {
|
|
132
126
|
enabled: boolean;
|
|
133
127
|
interval: number;
|
|
@@ -562,11 +556,6 @@ export declare const FUNCTIONAL_CSS = "\n.fbn-ic-gallery {\n position: relative
|
|
|
562
556
|
|
|
563
557
|
export declare type GalleryConfig = ImageCloudConfig;
|
|
564
558
|
|
|
565
|
-
declare interface GestureInteractionConfig {
|
|
566
|
-
pinchToZoom?: boolean;
|
|
567
|
-
doubleTapToFocus?: boolean;
|
|
568
|
-
}
|
|
569
|
-
|
|
570
559
|
export declare interface GoogleDriveFilesSource {
|
|
571
560
|
files: string[];
|
|
572
561
|
}
|
|
@@ -721,6 +710,14 @@ declare interface HoneycombAlgorithmConfig {
|
|
|
721
710
|
spacing?: number;
|
|
722
711
|
}
|
|
723
712
|
|
|
713
|
+
export declare class HoneycombPlacementLayout implements PlacementLayout {
|
|
714
|
+
private config;
|
|
715
|
+
constructor(config: LayoutConfig, _imageConfig?: ImageConfig);
|
|
716
|
+
generate(imageCount: number, containerBounds: ContainerBounds, options?: Partial<LayoutConfig> & {
|
|
717
|
+
fixedHeight?: number;
|
|
718
|
+
}): ImageLayout[];
|
|
719
|
+
}
|
|
720
|
+
|
|
724
721
|
declare interface IdleAnimationConfig {
|
|
725
722
|
type: IdleAnimationType;
|
|
726
723
|
wiggle?: IdleWiggleConfig;
|
|
@@ -883,7 +880,7 @@ export declare interface ImageCloudConfig {
|
|
|
883
880
|
layout: LayoutConfig;
|
|
884
881
|
animation: AnimationConfig;
|
|
885
882
|
interaction: InteractionConfig;
|
|
886
|
-
|
|
883
|
+
ui: UIConfig;
|
|
887
884
|
styling?: ImageStylingConfig;
|
|
888
885
|
}
|
|
889
886
|
|
|
@@ -896,7 +893,11 @@ export declare interface ImageCloudOptions {
|
|
|
896
893
|
layout?: Partial<LayoutConfig>;
|
|
897
894
|
animation?: Partial<AnimationConfig>;
|
|
898
895
|
interaction?: Partial<InteractionConfig>;
|
|
899
|
-
|
|
896
|
+
ui?: Partial<UIConfig>;
|
|
897
|
+
/** @deprecated Use `ui` instead of `rendering.ui` */
|
|
898
|
+
rendering?: {
|
|
899
|
+
ui?: Partial<UIConfig>;
|
|
900
|
+
};
|
|
900
901
|
styling?: Partial<ImageStylingConfig>;
|
|
901
902
|
}
|
|
902
903
|
|
|
@@ -1056,8 +1057,7 @@ export declare function injectFunctionalStyles(): void;
|
|
|
1056
1057
|
declare interface InteractionConfig {
|
|
1057
1058
|
focus: FocusInteractionConfig;
|
|
1058
1059
|
navigation?: NavigationInteractionConfig;
|
|
1059
|
-
|
|
1060
|
-
disableDragging?: boolean;
|
|
1060
|
+
dragging?: boolean;
|
|
1061
1061
|
}
|
|
1062
1062
|
|
|
1063
1063
|
export declare type LayoutAlgorithm = 'random' | 'radial' | 'grid' | 'spiral' | 'cluster' | 'wave' | 'honeycomb';
|
|
@@ -1153,7 +1153,6 @@ declare interface LayoutEngineConfig {
|
|
|
1153
1153
|
|
|
1154
1154
|
declare interface LayoutSpacingConfig {
|
|
1155
1155
|
padding: number;
|
|
1156
|
-
minGap: number;
|
|
1157
1156
|
}
|
|
1158
1157
|
|
|
1159
1158
|
export declare type LoaderEntry = StaticLoaderEntry | GoogleDriveLoaderEntry;
|
|
@@ -1258,11 +1257,6 @@ export declare class RandomPlacementLayout implements PlacementLayout {
|
|
|
1258
1257
|
private random;
|
|
1259
1258
|
}
|
|
1260
1259
|
|
|
1261
|
-
declare interface RenderingConfig {
|
|
1262
|
-
responsive: ResponsiveRenderingConfig;
|
|
1263
|
-
ui: UIRenderingConfig;
|
|
1264
|
-
}
|
|
1265
|
-
|
|
1266
1260
|
/**
|
|
1267
1261
|
* Check if a path type requires JavaScript animation (vs CSS transitions)
|
|
1268
1262
|
*/
|
|
@@ -1286,15 +1280,6 @@ export declare interface ResponsiveHeight {
|
|
|
1286
1280
|
height: number;
|
|
1287
1281
|
}
|
|
1288
1282
|
|
|
1289
|
-
export declare interface ResponsiveRenderingConfig {
|
|
1290
|
-
breakpoints: {
|
|
1291
|
-
mobile: number;
|
|
1292
|
-
tablet?: number;
|
|
1293
|
-
desktop?: number;
|
|
1294
|
-
};
|
|
1295
|
-
mobileDetection: () => boolean;
|
|
1296
|
-
}
|
|
1297
|
-
|
|
1298
1283
|
declare type ShadowPreset = 'none' | 'sm' | 'md' | 'lg' | 'glow';
|
|
1299
1284
|
|
|
1300
1285
|
export declare interface SharedLoaderConfig {
|
|
@@ -1487,7 +1472,7 @@ export declare interface TransformParams {
|
|
|
1487
1472
|
scale?: number;
|
|
1488
1473
|
}
|
|
1489
1474
|
|
|
1490
|
-
export declare interface
|
|
1475
|
+
export declare interface UIConfig {
|
|
1491
1476
|
showLoadingSpinner: boolean;
|
|
1492
1477
|
showImageCounter?: boolean;
|
|
1493
1478
|
loadingElement?: string | HTMLElement;
|