@frybynite/image-cloud 0.7.4 → 0.7.6
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 +1147 -1056
- package/dist/image-cloud-auto-init.js.map +1 -1
- package/dist/image-cloud.js +1166 -1075
- 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 -5
- package/dist/react.d.ts +16 -5
- package/dist/react.js +1158 -1067
- package/dist/react.js.map +1 -1
- package/dist/vue.d.ts +16 -5
- package/dist/vue.js +1166 -1075
- package/dist/vue.js.map +1 -1
- package/dist/web-component.d.ts +16 -5
- package/dist/web-component.js +1037 -946
- package/dist/web-component.js.map +1 -1
- package/package.json +1 -1
package/dist/vue.d.ts
CHANGED
|
@@ -166,6 +166,13 @@ export declare interface BouncePathConfig {
|
|
|
166
166
|
|
|
167
167
|
export declare type BouncePreset = 'energetic' | 'playful' | 'subtle';
|
|
168
168
|
|
|
169
|
+
declare interface ClipPathConfig {
|
|
170
|
+
shape: ClipPathShape;
|
|
171
|
+
mode?: ClipPathMode;
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
declare type ClipPathMode = 'percent' | 'height-relative';
|
|
175
|
+
|
|
169
176
|
declare type ClipPathShape = 'circle' | 'square' | 'triangle' | 'pentagon' | 'hexagon' | 'octagon' | 'diamond';
|
|
170
177
|
|
|
171
178
|
export declare interface ClusterAlgorithmConfig {
|
|
@@ -734,7 +741,6 @@ declare class ImageCloud {
|
|
|
734
741
|
private queueInterval;
|
|
735
742
|
private loadGeneration;
|
|
736
743
|
private defaultStyles;
|
|
737
|
-
private hoverStyles;
|
|
738
744
|
private defaultClassName;
|
|
739
745
|
private hoverClassName;
|
|
740
746
|
private animationEngine;
|
|
@@ -972,7 +978,7 @@ declare interface ImageStyleState {
|
|
|
972
978
|
outline?: OutlineConfig;
|
|
973
979
|
objectFit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
|
|
974
980
|
aspectRatio?: string;
|
|
975
|
-
clipPath?: ClipPathShape | string;
|
|
981
|
+
clipPath?: ClipPathShape | string | ClipPathConfig;
|
|
976
982
|
}
|
|
977
983
|
|
|
978
984
|
declare interface ImageStylingConfig {
|
|
@@ -1511,9 +1517,7 @@ export declare class ZoomEngine {
|
|
|
1511
1517
|
private outgoing;
|
|
1512
1518
|
private incoming;
|
|
1513
1519
|
private focusGeneration;
|
|
1514
|
-
private
|
|
1515
|
-
private focusedStyles;
|
|
1516
|
-
private defaultClassName;
|
|
1520
|
+
private styling?;
|
|
1517
1521
|
private focusedClassName;
|
|
1518
1522
|
constructor(config: FocusInteractionConfig, animationEngine: AnimationEngine, styling?: ImageStylingConfig);
|
|
1519
1523
|
/**
|
|
@@ -1549,12 +1553,19 @@ export declare class ZoomEngine {
|
|
|
1549
1553
|
private animateWithDimensions;
|
|
1550
1554
|
/**
|
|
1551
1555
|
* Apply focused styling to an element
|
|
1556
|
+
* Applies all focused styling properties, classes, and z-index
|
|
1552
1557
|
*/
|
|
1553
1558
|
private applyFocusedStyling;
|
|
1554
1559
|
/**
|
|
1555
1560
|
* Remove focused styling from an element
|
|
1561
|
+
* Restores default styling properties, removes classes, and resets z-index
|
|
1556
1562
|
*/
|
|
1557
1563
|
private removeFocusedStyling;
|
|
1564
|
+
/**
|
|
1565
|
+
* Continuously update clip-path during animation based on current element dimensions
|
|
1566
|
+
* This ensures clip-path changes smoothly as width/height animate
|
|
1567
|
+
*/
|
|
1568
|
+
private startClipPathAnimation;
|
|
1558
1569
|
/**
|
|
1559
1570
|
* Start focus animation for an image using dimension-based zoom
|
|
1560
1571
|
* Animates actual width/height for sharper rendering instead of transform scale
|