@frybynite/image-cloud 0.4.2 → 0.5.2
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/ImageCloud.d.ts +99 -0
- package/dist/ImageCloud.d.ts.map +1 -0
- package/dist/config/adapter.d.ts +50 -0
- package/dist/config/adapter.d.ts.map +1 -0
- package/dist/config/defaults.d.ts +118 -0
- package/dist/config/defaults.d.ts.map +1 -0
- package/dist/config/types.d.ts +599 -0
- package/dist/config/types.d.ts.map +1 -0
- package/dist/engines/AnimationEngine.d.ts +82 -0
- package/dist/engines/AnimationEngine.d.ts.map +1 -0
- package/dist/engines/EntryAnimationEngine.d.ts +161 -0
- package/dist/engines/EntryAnimationEngine.d.ts.map +1 -0
- package/dist/engines/LayoutEngine.d.ts +68 -0
- package/dist/engines/LayoutEngine.d.ts.map +1 -0
- package/dist/engines/PathAnimator.d.ts +50 -0
- package/dist/engines/PathAnimator.d.ts.map +1 -0
- package/dist/engines/SwipeEngine.d.ts +53 -0
- package/dist/engines/SwipeEngine.d.ts.map +1 -0
- package/dist/engines/ZoomEngine.d.ts +139 -0
- package/dist/engines/ZoomEngine.d.ts.map +1 -0
- package/dist/image-cloud-auto-init.d.ts +14 -0
- package/dist/image-cloud-auto-init.d.ts.map +1 -0
- package/dist/image-cloud-auto-init.js +215 -244
- package/dist/image-cloud-auto-init.js.map +1 -1
- package/dist/image-cloud.js +235 -264
- 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 +23 -1637
- package/dist/index.d.ts.map +1 -0
- package/dist/layouts/ClusterPlacementLayout.d.ts +40 -0
- package/dist/layouts/ClusterPlacementLayout.d.ts.map +1 -0
- package/dist/layouts/GridPlacementLayout.d.ts +27 -0
- package/dist/layouts/GridPlacementLayout.d.ts.map +1 -0
- package/dist/layouts/RadialPlacementLayout.d.ts +33 -0
- package/dist/layouts/RadialPlacementLayout.d.ts.map +1 -0
- package/dist/layouts/RandomPlacementLayout.d.ts +26 -0
- package/dist/layouts/RandomPlacementLayout.d.ts.map +1 -0
- package/dist/layouts/SpiralPlacementLayout.d.ts +43 -0
- package/dist/layouts/SpiralPlacementLayout.d.ts.map +1 -0
- package/dist/layouts/WavePlacementLayout.d.ts +48 -0
- package/dist/layouts/WavePlacementLayout.d.ts.map +1 -0
- package/dist/loaders/CompositeLoader.d.ts +37 -0
- package/dist/loaders/CompositeLoader.d.ts.map +1 -0
- package/dist/loaders/GoogleDriveLoader.d.ts +90 -0
- package/dist/loaders/GoogleDriveLoader.d.ts.map +1 -0
- package/dist/loaders/ImageFilter.d.ts +26 -0
- package/dist/loaders/ImageFilter.d.ts.map +1 -0
- package/dist/loaders/StaticImageLoader.d.ts +85 -0
- package/dist/loaders/StaticImageLoader.d.ts.map +1 -0
- package/dist/react/index.d.ts +16 -0
- package/dist/react/index.d.ts.map +1 -0
- package/dist/react.d.ts +1 -0
- package/dist/react.js +3227 -0
- package/dist/react.js.map +1 -0
- package/dist/styles/functionalStyles.d.ts +11 -0
- package/dist/styles/functionalStyles.d.ts.map +1 -0
- package/dist/utils/styleUtils.d.ts +54 -0
- package/dist/utils/styleUtils.d.ts.map +1 -0
- package/dist/vue/index.d.ts +18 -0
- package/dist/vue/index.d.ts.map +1 -0
- package/dist/vue.d.ts +1 -0
- package/dist/vue.js +3241 -0
- package/dist/vue.js.map +1 -0
- package/dist/web-component/index.d.ts +15 -0
- package/dist/web-component/index.d.ts.map +1 -0
- package/dist/web-component.d.ts +1 -0
- package/dist/web-component.js +3265 -0
- package/dist/web-component.js.map +1 -0
- package/package.json +38 -4
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Minimal functional CSS required for the library to work.
|
|
3
|
+
* Injected automatically - no external CSS file needed.
|
|
4
|
+
*/
|
|
5
|
+
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-hidden {\n display: none !important;\n}\n";
|
|
6
|
+
/**
|
|
7
|
+
* Inject functional styles into document head.
|
|
8
|
+
* Idempotent - safe to call multiple times.
|
|
9
|
+
*/
|
|
10
|
+
export declare function injectFunctionalStyles(): void;
|
|
11
|
+
//# sourceMappingURL=functionalStyles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"functionalStyles.d.ts","sourceRoot":"","sources":["../../src/styles/functionalStyles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,cAAc,wtCAiD1B,CAAC;AAEF;;;GAGG;AACH,wBAAgB,sBAAsB,IAAI,IAAI,CAQ7C"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { ImageStyleState, FilterConfig, ShadowPreset } from '../config/types';
|
|
2
|
+
/**
|
|
3
|
+
* Resolve shadow value - converts preset names to CSS values,
|
|
4
|
+
* passes custom CSS strings through directly
|
|
5
|
+
*/
|
|
6
|
+
export declare function resolveShadow(shadow: ShadowPreset | string | undefined): string;
|
|
7
|
+
/**
|
|
8
|
+
* Build CSS filter string from FilterConfig
|
|
9
|
+
*/
|
|
10
|
+
export declare function buildFilterString(filter: FilterConfig | undefined): string;
|
|
11
|
+
/**
|
|
12
|
+
* CSS properties object type for style application
|
|
13
|
+
*/
|
|
14
|
+
export interface StyleProperties {
|
|
15
|
+
borderRadius?: string;
|
|
16
|
+
borderTopLeftRadius?: string;
|
|
17
|
+
borderTopRightRadius?: string;
|
|
18
|
+
borderBottomRightRadius?: string;
|
|
19
|
+
borderBottomLeftRadius?: string;
|
|
20
|
+
border?: string;
|
|
21
|
+
borderTop?: string;
|
|
22
|
+
borderRight?: string;
|
|
23
|
+
borderBottom?: string;
|
|
24
|
+
borderLeft?: string;
|
|
25
|
+
boxShadow?: string;
|
|
26
|
+
filter?: string;
|
|
27
|
+
opacity?: string;
|
|
28
|
+
cursor?: string;
|
|
29
|
+
outline?: string;
|
|
30
|
+
outlineOffset?: string;
|
|
31
|
+
objectFit?: string;
|
|
32
|
+
aspectRatio?: string;
|
|
33
|
+
}
|
|
34
|
+
/**
|
|
35
|
+
* Build complete style properties object from ImageStyleState
|
|
36
|
+
*/
|
|
37
|
+
export declare function buildStyleProperties(state: ImageStyleState | undefined): StyleProperties;
|
|
38
|
+
/**
|
|
39
|
+
* Apply style properties to an HTML element
|
|
40
|
+
*/
|
|
41
|
+
export declare function applyStylesToElement(element: HTMLElement, styles: StyleProperties): void;
|
|
42
|
+
/**
|
|
43
|
+
* Resolve className to a space-separated string
|
|
44
|
+
*/
|
|
45
|
+
export declare function resolveClassName(className: string | string[] | undefined): string;
|
|
46
|
+
/**
|
|
47
|
+
* Apply className to element (additive with existing classes)
|
|
48
|
+
*/
|
|
49
|
+
export declare function applyClassNameToElement(element: HTMLElement, className: string | string[] | undefined): void;
|
|
50
|
+
/**
|
|
51
|
+
* Remove className from element
|
|
52
|
+
*/
|
|
53
|
+
export declare function removeClassNameFromElement(element: HTMLElement, className: string | string[] | undefined): void;
|
|
54
|
+
//# sourceMappingURL=styleUtils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styleUtils.d.ts","sourceRoot":"","sources":["../../src/utils/styleUtils.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,YAAY,EAAgB,YAAY,EAAoB,MAAM,iBAAiB,CAAC;AAUnH;;;GAGG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAI/E;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,YAAY,GAAG,SAAS,GAAG,MAAM,CA0C1E;AAeD;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,eAAe,GAAG,SAAS,GAAG,eAAe,CAoGxF;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,eAAe,GAAG,IAAI,CAmBxF;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,GAAG,MAAM,CAIjF;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,GAAG,IAAI,CAO5G;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,GAAG,IAAI,CAO/G"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import { ImageCloudOptions } from '../config/types';
|
|
3
|
+
export type ImageCloudVueOptions = Omit<ImageCloudOptions, 'container'>;
|
|
4
|
+
export declare const ImageCloud: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
5
|
+
options: {
|
|
6
|
+
type: PropType<ImageCloudVueOptions>;
|
|
7
|
+
required: true;
|
|
8
|
+
};
|
|
9
|
+
}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
10
|
+
[key: string]: any;
|
|
11
|
+
}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
12
|
+
options: {
|
|
13
|
+
type: PropType<ImageCloudVueOptions>;
|
|
14
|
+
required: true;
|
|
15
|
+
};
|
|
16
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
17
|
+
export type { ImageCloudOptions, LayoutAlgorithm, LayoutConfig, AnimationConfig, ImageStylingConfig, } from '../config/types';
|
|
18
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,QAAQ,EACd,MAAM,KAAK,CAAC;AAEb,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,iBAAiB,EAAE,WAAW,CAAC,CAAC;AAExE,eAAO,MAAM,UAAU;;cAID,QAAQ,CAAC,oBAAoB,CAAC;;;;;;;cAA9B,QAAQ,CAAC,oBAAoB,CAAC;;;iGAgDlD,CAAC;AAGH,YAAY,EACV,iBAAiB,EACjB,eAAe,EACf,YAAY,EACZ,eAAe,EACf,kBAAkB,GACnB,MAAM,iBAAiB,CAAC"}
|
package/dist/vue.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,QAAQ,EACd,MAAM,KAAK,CAAC;AAEb,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,iBAAiB,EAAE,WAAW,CAAC,CAAC;AAExE,eAAO,MAAM,UAAU;;cAID,QAAQ,CAAC,oBAAoB,CAAC;;;;;;;cAA9B,QAAQ,CAAC,oBAAoB,CAAC;;;iGAgDlD,CAAC;AAGH,YAAY,EACV,iBAAiB,EACjB,eAAe,EACf,YAAY,EACZ,eAAe,EACf,kBAAkB,GACnB,MAAM,iBAAiB,CAAC"}
|