ng-auto-animate 0.4.0 → 0.4.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.
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Directive, ElementRef, InjectionToken, afterNextRender, computed, inject, input } from '@angular/core';
|
|
1
|
+
import { Directive, ElementRef, InjectionToken, Injector, afterNextRender, computed, effect, inject, input, } from '@angular/core';
|
|
2
2
|
import autoAnimate from '@formkit/auto-animate';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
const isPlugin = (config) => typeof config === 'function';
|
|
@@ -7,6 +7,7 @@ export const GLOBAL_AUTO_ANIMATE_OPTIONS = new InjectionToken('Global AutoAnimat
|
|
|
7
7
|
});
|
|
8
8
|
export class NgAutoAnimateDirective {
|
|
9
9
|
constructor() {
|
|
10
|
+
this._injector = inject(Injector);
|
|
10
11
|
this._elementRef = inject(ElementRef);
|
|
11
12
|
this._globalOptions = inject(GLOBAL_AUTO_ANIMATE_OPTIONS);
|
|
12
13
|
this.autoAnimateOptions = input('', { alias: 'auto-animate' });
|
|
@@ -29,7 +30,9 @@ export class NgAutoAnimateDirective {
|
|
|
29
30
|
};
|
|
30
31
|
});
|
|
31
32
|
afterNextRender(() => {
|
|
32
|
-
|
|
33
|
+
effect(() => {
|
|
34
|
+
autoAnimate(this._elementRef.nativeElement, this._options());
|
|
35
|
+
}, { injector: this._injector });
|
|
33
36
|
});
|
|
34
37
|
}
|
|
35
38
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NgAutoAnimateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
@@ -42,4 +45,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
42
45
|
standalone: true,
|
|
43
46
|
}]
|
|
44
47
|
}], ctorParameters: () => [] });
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYXV0by1hbmltYXRlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvbmctYXV0by1hbmltYXRlL3NyYy9saWIvbmctYXV0by1hbmltYXRlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ04sU0FBUyxFQUNULFVBQVUsRUFDVixjQUFjLEVBQ2QsUUFBUSxFQUNSLGVBQWUsRUFDZixRQUFRLEVBQ1IsTUFBTSxFQUNOLE1BQU0sRUFDTixLQUFLLEdBQ0wsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxXQUF3RCxNQUFNLHVCQUF1QixDQUFDOztBQUk3RixNQUFNLFFBQVEsR0FBRyxDQUFDLE1BQTJCLEVBQUUsRUFBRSxDQUFDLE9BQU8sTUFBTSxLQUFLLFVBQVUsQ0FBQztBQUUvRSxNQUFNLENBQUMsTUFBTSwyQkFBMkIsR0FBRyxJQUFJLGNBQWMsQ0FDNUQsc0NBQXNDLEVBQ3RDO0lBQ0MsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUMsRUFBRSxDQUFDO0NBQ25CLENBQ0QsQ0FBQztBQU1GLE1BQU0sT0FBTyxzQkFBc0I7SUF5QmxDO1FBeEJpQixjQUFTLEdBQUcsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQzdCLGdCQUFXLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQ2pDLG1CQUFjLEdBQUcsTUFBTSxDQUFDLDJCQUEyQixDQUFDLENBQUM7UUFFdEQsdUJBQWtCLEdBQUcsS0FBSyxDQUErQixFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsY0FBYyxFQUFFLENBQUMsQ0FBQztRQUN2RixhQUFRLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtZQUN6QyxNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztZQUMvQyxJQUFJLE9BQU8sWUFBWSxLQUFLLFFBQVEsRUFBRSxDQUFDO2dCQUN0QyxvREFBb0Q7Z0JBQ3BELE9BQU8sSUFBSSxDQUFDLGNBQWMsQ0FBQztZQUM1QixDQUFDO1lBQ0QsaURBQWlEO1lBQ2pELElBQUksUUFBUSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxRQUFRLENBQUMsWUFBWSxDQUFDLEVBQUUsQ0FBQztnQkFDN0QsOERBQThEO2dCQUM5RCwwREFBMEQ7Z0JBQzFELE9BQU8sWUFBWSxDQUFDO1lBQ3JCLENBQUM7WUFDRCxnQ0FBZ0M7WUFDaEMsT0FBTztnQkFDTixHQUFHLElBQUksQ0FBQyxjQUFjO2dCQUN0QixHQUFHLFlBQVk7YUFDZixDQUFDO1FBQ0gsQ0FBQyxDQUFDLENBQUM7UUFHRixlQUFlLENBQUMsR0FBRyxFQUFFO1lBQ3BCLE1BQU0sQ0FDTCxHQUFHLEVBQUU7Z0JBQ0osV0FBVyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxFQUFFLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDO1lBQzlELENBQUMsRUFDRCxFQUFFLFFBQVEsRUFBRSxJQUFJLENBQUMsU0FBUyxFQUFFLENBQzVCLENBQUM7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNKLENBQUM7K0dBbENXLHNCQUFzQjttR0FBdEIsc0JBQXNCOzs0RkFBdEIsc0JBQXNCO2tCQUpsQyxTQUFTO21CQUFDO29CQUNWLFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLFVBQVUsRUFBRSxJQUFJO2lCQUNoQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG5cdERpcmVjdGl2ZSxcblx0RWxlbWVudFJlZixcblx0SW5qZWN0aW9uVG9rZW4sXG5cdEluamVjdG9yLFxuXHRhZnRlck5leHRSZW5kZXIsXG5cdGNvbXB1dGVkLFxuXHRlZmZlY3QsXG5cdGluamVjdCxcblx0aW5wdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IGF1dG9BbmltYXRlLCB7IEF1dG9BbmltYXRlT3B0aW9ucywgQXV0b0FuaW1hdGlvblBsdWdpbiB9IGZyb20gJ0Bmb3Jta2l0L2F1dG8tYW5pbWF0ZSc7XG5cbmV4cG9ydCB0eXBlIEF1dG9BbmltYXRpb25Db25maWcgPSBQYXJ0aWFsPEF1dG9BbmltYXRlT3B0aW9ucz4gfCBBdXRvQW5pbWF0aW9uUGx1Z2luO1xuXG5jb25zdCBpc1BsdWdpbiA9IChjb25maWc6IEF1dG9BbmltYXRpb25Db25maWcpID0+IHR5cGVvZiBjb25maWcgPT09ICdmdW5jdGlvbic7XG5cbmV4cG9ydCBjb25zdCBHTE9CQUxfQVVUT19BTklNQVRFX09QVElPTlMgPSBuZXcgSW5qZWN0aW9uVG9rZW48QXV0b0FuaW1hdGlvbkNvbmZpZz4oXG5cdCdHbG9iYWwgQXV0b0FuaW1hdGUgT3B0aW9ucyBvciBQbHVnaW4nLFxuXHR7XG5cdFx0ZmFjdG9yeTogKCkgPT4gKHt9KSxcblx0fSxcbik7XG5cbkBEaXJlY3RpdmUoe1xuXHRzZWxlY3RvcjogJ1thdXRvLWFuaW1hdGVdJyxcblx0c3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgTmdBdXRvQW5pbWF0ZURpcmVjdGl2ZSB7XG5cdHByaXZhdGUgcmVhZG9ubHkgX2luamVjdG9yID0gaW5qZWN0KEluamVjdG9yKTtcblx0cHJpdmF0ZSByZWFkb25seSBfZWxlbWVudFJlZiA9IGluamVjdChFbGVtZW50UmVmKTtcblx0cHJpdmF0ZSByZWFkb25seSBfZ2xvYmFsT3B0aW9ucyA9IGluamVjdChHTE9CQUxfQVVUT19BTklNQVRFX09QVElPTlMpO1xuXG5cdHB1YmxpYyByZWFkb25seSBhdXRvQW5pbWF0ZU9wdGlvbnMgPSBpbnB1dDxBdXRvQW5pbWF0aW9uQ29uZmlnIHwgc3RyaW5nPignJywgeyBhbGlhczogJ2F1dG8tYW5pbWF0ZScgfSk7XG5cdHByaXZhdGUgcmVhZG9ubHkgX29wdGlvbnMgPSBjb21wdXRlZCgoKSA9PiB7XG5cdFx0Y29uc3QgbG9jYWxPcHRpb25zID0gdGhpcy5hdXRvQW5pbWF0ZU9wdGlvbnMoKTtcblx0XHRpZiAodHlwZW9mIGxvY2FsT3B0aW9ucyA9PT0gJ3N0cmluZycpIHtcblx0XHRcdC8vIERlZmF1bHQgY2FzZSwgd2hlbiBubyBvcHRpb25zIG9yIHBsdWdpbiBpcyBwYXNzZWRcblx0XHRcdHJldHVybiB0aGlzLl9nbG9iYWxPcHRpb25zO1xuXHRcdH1cblx0XHQvLyBXaGVuIGVpdGhlciBzb21lIG9wdGlvbnMgb3IgYSBwbHVnaW4gaXMgcGFzc2VkXG5cdFx0aWYgKGlzUGx1Z2luKHRoaXMuX2dsb2JhbE9wdGlvbnMpIHx8IGlzUGx1Z2luKGxvY2FsT3B0aW9ucykpIHtcblx0XHRcdC8vIEEgcGx1Z2luIG11c3QgcmVwbGFjZSBhbnkgcHJldmlvdXNseSBzZXQgb3B0aW9ucyBvciBwbHVnaW4uXG5cdFx0XHQvLyBBIHBsdWdpbiBtdXN0IGJlIHJlcGxhY2VkIGJ5IG9wdGlvbnMgb3IgYW5vdGhlciBwbHVnaW4uXG5cdFx0XHRyZXR1cm4gbG9jYWxPcHRpb25zO1xuXHRcdH1cblx0XHQvLyBXaGVuIHBsdWdpbnMgYXJlIG5vdCBpbnZvbHZlZFxuXHRcdHJldHVybiB7XG5cdFx0XHQuLi50aGlzLl9nbG9iYWxPcHRpb25zLFxuXHRcdFx0Li4ubG9jYWxPcHRpb25zLFxuXHRcdH07XG5cdH0pO1xuXG5cdGNvbnN0cnVjdG9yKCkge1xuXHRcdGFmdGVyTmV4dFJlbmRlcigoKSA9PiB7XG5cdFx0XHRlZmZlY3QoXG5cdFx0XHRcdCgpID0+IHtcblx0XHRcdFx0XHRhdXRvQW5pbWF0ZSh0aGlzLl9lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsIHRoaXMuX29wdGlvbnMoKSk7XG5cdFx0XHRcdH0sXG5cdFx0XHRcdHsgaW5qZWN0b3I6IHRoaXMuX2luamVjdG9yIH0sXG5cdFx0XHQpO1xuXHRcdH0pO1xuXHR9XG59XG4iXX0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { InjectionToken, inject, ElementRef, input, computed, afterNextRender, Directive } from '@angular/core';
|
|
2
|
+
import { InjectionToken, inject, Injector, ElementRef, input, computed, afterNextRender, effect, Directive } from '@angular/core';
|
|
3
3
|
import autoAnimate from '@formkit/auto-animate';
|
|
4
4
|
|
|
5
5
|
const isPlugin = (config) => typeof config === 'function';
|
|
@@ -8,6 +8,7 @@ const GLOBAL_AUTO_ANIMATE_OPTIONS = new InjectionToken('Global AutoAnimate Optio
|
|
|
8
8
|
});
|
|
9
9
|
class NgAutoAnimateDirective {
|
|
10
10
|
constructor() {
|
|
11
|
+
this._injector = inject(Injector);
|
|
11
12
|
this._elementRef = inject(ElementRef);
|
|
12
13
|
this._globalOptions = inject(GLOBAL_AUTO_ANIMATE_OPTIONS);
|
|
13
14
|
this.autoAnimateOptions = input('', { alias: 'auto-animate' });
|
|
@@ -30,7 +31,9 @@ class NgAutoAnimateDirective {
|
|
|
30
31
|
};
|
|
31
32
|
});
|
|
32
33
|
afterNextRender(() => {
|
|
33
|
-
|
|
34
|
+
effect(() => {
|
|
35
|
+
autoAnimate(this._elementRef.nativeElement, this._options());
|
|
36
|
+
}, { injector: this._injector });
|
|
34
37
|
});
|
|
35
38
|
}
|
|
36
39
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NgAutoAnimateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-auto-animate.mjs","sources":["../../../../libs/ng-auto-animate/src/lib/ng-auto-animate.directive.ts","../../../../libs/ng-auto-animate/src/ng-auto-animate.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"ng-auto-animate.mjs","sources":["../../../../libs/ng-auto-animate/src/lib/ng-auto-animate.directive.ts","../../../../libs/ng-auto-animate/src/ng-auto-animate.ts"],"sourcesContent":["import {\n\tDirective,\n\tElementRef,\n\tInjectionToken,\n\tInjector,\n\tafterNextRender,\n\tcomputed,\n\teffect,\n\tinject,\n\tinput,\n} from '@angular/core';\nimport autoAnimate, { AutoAnimateOptions, AutoAnimationPlugin } from '@formkit/auto-animate';\n\nexport type AutoAnimationConfig = Partial<AutoAnimateOptions> | AutoAnimationPlugin;\n\nconst isPlugin = (config: AutoAnimationConfig) => typeof config === 'function';\n\nexport const GLOBAL_AUTO_ANIMATE_OPTIONS = new InjectionToken<AutoAnimationConfig>(\n\t'Global AutoAnimate Options or Plugin',\n\t{\n\t\tfactory: () => ({}),\n\t},\n);\n\n@Directive({\n\tselector: '[auto-animate]',\n\tstandalone: true,\n})\nexport class NgAutoAnimateDirective {\n\tprivate readonly _injector = inject(Injector);\n\tprivate readonly _elementRef = inject(ElementRef);\n\tprivate readonly _globalOptions = inject(GLOBAL_AUTO_ANIMATE_OPTIONS);\n\n\tpublic readonly autoAnimateOptions = input<AutoAnimationConfig | string>('', { alias: 'auto-animate' });\n\tprivate readonly _options = computed(() => {\n\t\tconst localOptions = this.autoAnimateOptions();\n\t\tif (typeof localOptions === 'string') {\n\t\t\t// Default case, when no options or plugin is passed\n\t\t\treturn this._globalOptions;\n\t\t}\n\t\t// When either some options or a plugin is passed\n\t\tif (isPlugin(this._globalOptions) || isPlugin(localOptions)) {\n\t\t\t// A plugin must replace any previously set options or plugin.\n\t\t\t// A plugin must be replaced by options or another plugin.\n\t\t\treturn localOptions;\n\t\t}\n\t\t// When plugins are not involved\n\t\treturn {\n\t\t\t...this._globalOptions,\n\t\t\t...localOptions,\n\t\t};\n\t});\n\n\tconstructor() {\n\t\tafterNextRender(() => {\n\t\t\teffect(\n\t\t\t\t() => {\n\t\t\t\t\tautoAnimate(this._elementRef.nativeElement, this._options());\n\t\t\t\t},\n\t\t\t\t{ injector: this._injector },\n\t\t\t);\n\t\t});\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAeA,MAAM,QAAQ,GAAG,CAAC,MAA2B,KAAK,OAAO,MAAM,KAAK,UAAU;MAEjE,2BAA2B,GAAG,IAAI,cAAc,CAC5D,sCAAsC,EACtC;AACC,IAAA,OAAO,EAAE,OAAO,EAAE,CAAC;AACnB,CAAA;MAOW,sBAAsB,CAAA;AAyBlC,IAAA,WAAA,GAAA;AAxBiB,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC;AAC5B,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;AAChC,QAAA,IAAA,CAAA,cAAc,GAAG,MAAM,CAAC,2BAA2B,CAAC;QAErD,IAAkB,CAAA,kBAAA,GAAG,KAAK,CAA+B,EAAE,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC;AACtF,QAAA,IAAA,CAAA,QAAQ,GAAG,QAAQ,CAAC,MAAK;AACzC,YAAA,MAAM,YAAY,GAAG,IAAI,CAAC,kBAAkB,EAAE;AAC9C,YAAA,IAAI,OAAO,YAAY,KAAK,QAAQ,EAAE;;gBAErC,OAAO,IAAI,CAAC,cAAc;;;AAG3B,YAAA,IAAI,QAAQ,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,QAAQ,CAAC,YAAY,CAAC,EAAE;;;AAG5D,gBAAA,OAAO,YAAY;;;YAGpB,OAAO;gBACN,GAAG,IAAI,CAAC,cAAc;AACtB,gBAAA,GAAG,YAAY;aACf;AACF,SAAC,CAAC;QAGD,eAAe,CAAC,MAAK;YACpB,MAAM,CACL,MAAK;AACJ,gBAAA,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC;aAC5D,EACD,EAAE,QAAQ,EAAE,IAAI,CAAC,SAAS,EAAE,CAC5B;AACF,SAAC,CAAC;;+GAjCS,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAtB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAJlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,UAAU,EAAE,IAAI;AAChB,iBAAA;;;AC3BD;;AAEG;;;;"}
|
|
@@ -4,6 +4,7 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
export type AutoAnimationConfig = Partial<AutoAnimateOptions> | AutoAnimationPlugin;
|
|
5
5
|
export declare const GLOBAL_AUTO_ANIMATE_OPTIONS: InjectionToken<AutoAnimationConfig>;
|
|
6
6
|
export declare class NgAutoAnimateDirective {
|
|
7
|
+
private readonly _injector;
|
|
7
8
|
private readonly _elementRef;
|
|
8
9
|
private readonly _globalOptions;
|
|
9
10
|
readonly autoAnimateOptions: import("@angular/core").InputSignal<string | AutoAnimationConfig>;
|
package/package.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ng-auto-animate",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.2",
|
|
4
4
|
"description": "Add motion to your apps with a single line of code. An Angular Directive to use FormKit's auto-animate library.",
|
|
5
5
|
"repository": "https://github.com/ajitzero/ng-auto-animate.git",
|
|
6
6
|
"homepage": "https://github.com/ajitzero/ng-auto-animate/tree/main/libs/ng-auto-animate#readme",
|
|
7
7
|
"author": "Ajit Panigrahi <hello@ajitpanigrahi.com>",
|
|
8
8
|
"license": "MIT",
|
|
9
9
|
"peerDependencies": {
|
|
10
|
-
"@angular/common": "^18.0.0
|
|
11
|
-
"@angular/core": "^18.0.0
|
|
10
|
+
"@angular/common": "^18.0.0 - ^20.x",
|
|
11
|
+
"@angular/core": "^18.0.0 - ^20.x",
|
|
12
12
|
"@formkit/auto-animate": "^0.8.2"
|
|
13
13
|
},
|
|
14
14
|
"dependencies": {
|