@skyux/animations 5.7.2 → 6.0.0-beta.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/esm2020/index.mjs +3 -0
- package/esm2020/lib/emerge.mjs +20 -0
- package/esm2020/lib/slide.mjs +15 -0
- package/esm2020/skyux-animations.mjs +5 -0
- package/fesm2015/{skyux-animations.js → skyux-animations.mjs} +1 -1
- package/fesm2015/skyux-animations.mjs.map +1 -0
- package/fesm2020/skyux-animations.mjs +41 -0
- package/fesm2020/skyux-animations.mjs.map +1 -0
- package/package.json +22 -9
- package/bundles/skyux-animations.umd.js +0 -50
- package/esm2015/index.js +0 -3
- package/esm2015/index.js.map +0 -1
- package/esm2015/lib/emerge.js +0 -20
- package/esm2015/lib/emerge.js.map +0 -1
- package/esm2015/lib/slide.js +0 -15
- package/esm2015/lib/slide.js.map +0 -1
- package/esm2015/skyux-animations.js +0 -5
- package/esm2015/skyux-animations.js.map +0 -1
- package/fesm2015/skyux-animations.js.map +0 -1
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export * from './lib/emerge';
|
|
2
|
+
export * from './lib/slide';
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvYW5pbWF0aW9ucy9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxhQUFhLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2xpYi9lbWVyZ2UnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc2xpZGUnO1xuIl19
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { animate, state, style, transition, trigger, } from '@angular/animations';
|
|
2
|
+
export const skyAnimationEmerge = trigger('skyAnimationEmerge', [
|
|
3
|
+
state('open', style({
|
|
4
|
+
opacity: 1,
|
|
5
|
+
transform: 'scale(1)',
|
|
6
|
+
})),
|
|
7
|
+
state('closed', style({
|
|
8
|
+
opacity: 0,
|
|
9
|
+
transform: 'scale(0.0)',
|
|
10
|
+
})),
|
|
11
|
+
transition('void => *', [
|
|
12
|
+
style({
|
|
13
|
+
opacity: 0,
|
|
14
|
+
transform: 'scale(0.0)',
|
|
15
|
+
}),
|
|
16
|
+
animate('300ms ease-in-out'),
|
|
17
|
+
]),
|
|
18
|
+
transition(`* <=> *`, animate('300ms ease-in-out')),
|
|
19
|
+
]);
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW1lcmdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2FuaW1hdGlvbnMvc3JjL2xpYi9lbWVyZ2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLE9BQU8sRUFDUCxLQUFLLEVBQ0wsS0FBSyxFQUNMLFVBQVUsRUFDVixPQUFPLEdBQ1IsTUFBTSxxQkFBcUIsQ0FBQztBQUU3QixNQUFNLENBQUMsTUFBTSxrQkFBa0IsR0FBNkIsT0FBTyxDQUNqRSxvQkFBb0IsRUFDcEI7SUFDRSxLQUFLLENBQ0gsTUFBTSxFQUNOLEtBQUssQ0FBQztRQUNKLE9BQU8sRUFBRSxDQUFDO1FBQ1YsU0FBUyxFQUFFLFVBQVU7S0FDdEIsQ0FBQyxDQUNIO0lBQ0QsS0FBSyxDQUNILFFBQVEsRUFDUixLQUFLLENBQUM7UUFDSixPQUFPLEVBQUUsQ0FBQztRQUNWLFNBQVMsRUFBRSxZQUFZO0tBQ3hCLENBQUMsQ0FDSDtJQUNELFVBQVUsQ0FBQyxXQUFXLEVBQUU7UUFDdEIsS0FBSyxDQUFDO1lBQ0osT0FBTyxFQUFFLENBQUM7WUFDVixTQUFTLEVBQUUsWUFBWTtTQUN4QixDQUFDO1FBQ0YsT0FBTyxDQUFDLG1CQUFtQixDQUFDO0tBQzdCLENBQUM7SUFDRixVQUFVLENBQUMsU0FBUyxFQUFFLE9BQU8sQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO0NBQ3BELENBQ0YsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFuaW1hdGlvblRyaWdnZXJNZXRhZGF0YSxcbiAgYW5pbWF0ZSxcbiAgc3RhdGUsXG4gIHN0eWxlLFxuICB0cmFuc2l0aW9uLFxuICB0cmlnZ2VyLFxufSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcblxuZXhwb3J0IGNvbnN0IHNreUFuaW1hdGlvbkVtZXJnZTogQW5pbWF0aW9uVHJpZ2dlck1ldGFkYXRhID0gdHJpZ2dlcihcbiAgJ3NreUFuaW1hdGlvbkVtZXJnZScsXG4gIFtcbiAgICBzdGF0ZShcbiAgICAgICdvcGVuJyxcbiAgICAgIHN0eWxlKHtcbiAgICAgICAgb3BhY2l0eTogMSxcbiAgICAgICAgdHJhbnNmb3JtOiAnc2NhbGUoMSknLFxuICAgICAgfSlcbiAgICApLFxuICAgIHN0YXRlKFxuICAgICAgJ2Nsb3NlZCcsXG4gICAgICBzdHlsZSh7XG4gICAgICAgIG9wYWNpdHk6IDAsXG4gICAgICAgIHRyYW5zZm9ybTogJ3NjYWxlKDAuMCknLFxuICAgICAgfSlcbiAgICApLFxuICAgIHRyYW5zaXRpb24oJ3ZvaWQgPT4gKicsIFtcbiAgICAgIHN0eWxlKHtcbiAgICAgICAgb3BhY2l0eTogMCxcbiAgICAgICAgdHJhbnNmb3JtOiAnc2NhbGUoMC4wKScsXG4gICAgICB9KSxcbiAgICAgIGFuaW1hdGUoJzMwMG1zIGVhc2UtaW4tb3V0JyksXG4gICAgXSksXG4gICAgdHJhbnNpdGlvbihgKiA8PT4gKmAsIGFuaW1hdGUoJzMwMG1zIGVhc2UtaW4tb3V0JykpLFxuICBdXG4pO1xuIl19
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { animate, state, style, transition, trigger, } from '@angular/animations';
|
|
2
|
+
export const skyAnimationSlide = trigger('skyAnimationSlide', [
|
|
3
|
+
state('down', style({
|
|
4
|
+
overflow: 'visible',
|
|
5
|
+
visibility: 'visible',
|
|
6
|
+
height: '*',
|
|
7
|
+
})),
|
|
8
|
+
state('up', style({
|
|
9
|
+
overflow: 'hidden',
|
|
10
|
+
visibility: 'hidden',
|
|
11
|
+
height: 0,
|
|
12
|
+
})),
|
|
13
|
+
transition('up <=> down', animate('150ms ease-in')),
|
|
14
|
+
]);
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvYW5pbWF0aW9ucy9zcmMvbGliL3NsaWRlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxPQUFPLEVBQ1AsS0FBSyxFQUNMLEtBQUssRUFDTCxVQUFVLEVBQ1YsT0FBTyxHQUNSLE1BQU0scUJBQXFCLENBQUM7QUFFN0IsTUFBTSxDQUFDLE1BQU0saUJBQWlCLEdBQTZCLE9BQU8sQ0FDaEUsbUJBQW1CLEVBQ25CO0lBQ0UsS0FBSyxDQUNILE1BQU0sRUFDTixLQUFLLENBQUM7UUFDSixRQUFRLEVBQUUsU0FBUztRQUNuQixVQUFVLEVBQUUsU0FBUztRQUNyQixNQUFNLEVBQUUsR0FBRztLQUNaLENBQUMsQ0FDSDtJQUNELEtBQUssQ0FDSCxJQUFJLEVBQ0osS0FBSyxDQUFDO1FBQ0osUUFBUSxFQUFFLFFBQVE7UUFDbEIsVUFBVSxFQUFFLFFBQVE7UUFDcEIsTUFBTSxFQUFFLENBQUM7S0FDVixDQUFDLENBQ0g7SUFDRCxVQUFVLENBQUMsYUFBYSxFQUFFLE9BQU8sQ0FBQyxlQUFlLENBQUMsQ0FBQztDQUNwRCxDQUNGLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBbmltYXRpb25UcmlnZ2VyTWV0YWRhdGEsXG4gIGFuaW1hdGUsXG4gIHN0YXRlLFxuICBzdHlsZSxcbiAgdHJhbnNpdGlvbixcbiAgdHJpZ2dlcixcbn0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5cbmV4cG9ydCBjb25zdCBza3lBbmltYXRpb25TbGlkZTogQW5pbWF0aW9uVHJpZ2dlck1ldGFkYXRhID0gdHJpZ2dlcihcbiAgJ3NreUFuaW1hdGlvblNsaWRlJyxcbiAgW1xuICAgIHN0YXRlKFxuICAgICAgJ2Rvd24nLFxuICAgICAgc3R5bGUoe1xuICAgICAgICBvdmVyZmxvdzogJ3Zpc2libGUnLFxuICAgICAgICB2aXNpYmlsaXR5OiAndmlzaWJsZScsXG4gICAgICAgIGhlaWdodDogJyonLFxuICAgICAgfSlcbiAgICApLFxuICAgIHN0YXRlKFxuICAgICAgJ3VwJyxcbiAgICAgIHN0eWxlKHtcbiAgICAgICAgb3ZlcmZsb3c6ICdoaWRkZW4nLFxuICAgICAgICB2aXNpYmlsaXR5OiAnaGlkZGVuJyxcbiAgICAgICAgaGVpZ2h0OiAwLFxuICAgICAgfSlcbiAgICApLFxuICAgIHRyYW5zaXRpb24oJ3VwIDw9PiBkb3duJywgYW5pbWF0ZSgnMTUwbXMgZWFzZS1pbicpKSxcbiAgXVxuKTtcbiJdfQ==
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './index';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2t5dXgtYW5pbWF0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9hbmltYXRpb25zL3NyYy9za3l1eC1hbmltYXRpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"skyux-animations.mjs","sources":["../../../../../libs/components/animations/src/lib/emerge.ts","../../../../../libs/components/animations/src/lib/slide.ts","../../../../../libs/components/animations/src/skyux-animations.ts"],"sourcesContent":["import {\n AnimationTriggerMetadata,\n animate,\n state,\n style,\n transition,\n trigger,\n} from '@angular/animations';\n\nexport const skyAnimationEmerge: AnimationTriggerMetadata = trigger(\n 'skyAnimationEmerge',\n [\n state(\n 'open',\n style({\n opacity: 1,\n transform: 'scale(1)',\n })\n ),\n state(\n 'closed',\n style({\n opacity: 0,\n transform: 'scale(0.0)',\n })\n ),\n transition('void => *', [\n style({\n opacity: 0,\n transform: 'scale(0.0)',\n }),\n animate('300ms ease-in-out'),\n ]),\n transition(`* <=> *`, animate('300ms ease-in-out')),\n ]\n);\n","import {\n AnimationTriggerMetadata,\n animate,\n state,\n style,\n transition,\n trigger,\n} from '@angular/animations';\n\nexport const skyAnimationSlide: AnimationTriggerMetadata = trigger(\n 'skyAnimationSlide',\n [\n state(\n 'down',\n style({\n overflow: 'visible',\n visibility: 'visible',\n height: '*',\n })\n ),\n state(\n 'up',\n style({\n overflow: 'hidden',\n visibility: 'hidden',\n height: 0,\n })\n ),\n transition('up <=> down', animate('150ms ease-in')),\n ]\n);\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;AASa,MAAA,kBAAkB,GAA6B,OAAO,CACjE,oBAAoB,EACpB;AACE,IAAA,KAAK,CACH,MAAM,EACN,KAAK,CAAC;AACJ,QAAA,OAAO,EAAE,CAAC;AACV,QAAA,SAAS,EAAE,UAAU;AACtB,KAAA,CAAC,CACH;AACD,IAAA,KAAK,CACH,QAAQ,EACR,KAAK,CAAC;AACJ,QAAA,OAAO,EAAE,CAAC;AACV,QAAA,SAAS,EAAE,YAAY;AACxB,KAAA,CAAC,CACH;IACD,UAAU,CAAC,WAAW,EAAE;AACtB,QAAA,KAAK,CAAC;AACJ,YAAA,OAAO,EAAE,CAAC;AACV,YAAA,SAAS,EAAE,YAAY;SACxB,CAAC;QACF,OAAO,CAAC,mBAAmB,CAAC;KAC7B,CAAC;AACF,IAAA,UAAU,CAAC,CAAS,OAAA,CAAA,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;AACpD,CAAA;;ACzBU,MAAA,iBAAiB,GAA6B,OAAO,CAChE,mBAAmB,EACnB;AACE,IAAA,KAAK,CACH,MAAM,EACN,KAAK,CAAC;AACJ,QAAA,QAAQ,EAAE,SAAS;AACnB,QAAA,UAAU,EAAE,SAAS;AACrB,QAAA,MAAM,EAAE,GAAG;AACZ,KAAA,CAAC,CACH;AACD,IAAA,KAAK,CACH,IAAI,EACJ,KAAK,CAAC;AACJ,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,MAAM,EAAE,CAAC;AACV,KAAA,CAAC,CACH;AACD,IAAA,UAAU,CAAC,aAAa,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;AACpD,CAAA;;AC7BH;;AAEG;;;;"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { trigger, state, style, transition, animate } from '@angular/animations';
|
|
2
|
+
|
|
3
|
+
const skyAnimationEmerge = trigger('skyAnimationEmerge', [
|
|
4
|
+
state('open', style({
|
|
5
|
+
opacity: 1,
|
|
6
|
+
transform: 'scale(1)',
|
|
7
|
+
})),
|
|
8
|
+
state('closed', style({
|
|
9
|
+
opacity: 0,
|
|
10
|
+
transform: 'scale(0.0)',
|
|
11
|
+
})),
|
|
12
|
+
transition('void => *', [
|
|
13
|
+
style({
|
|
14
|
+
opacity: 0,
|
|
15
|
+
transform: 'scale(0.0)',
|
|
16
|
+
}),
|
|
17
|
+
animate('300ms ease-in-out'),
|
|
18
|
+
]),
|
|
19
|
+
transition(`* <=> *`, animate('300ms ease-in-out')),
|
|
20
|
+
]);
|
|
21
|
+
|
|
22
|
+
const skyAnimationSlide = trigger('skyAnimationSlide', [
|
|
23
|
+
state('down', style({
|
|
24
|
+
overflow: 'visible',
|
|
25
|
+
visibility: 'visible',
|
|
26
|
+
height: '*',
|
|
27
|
+
})),
|
|
28
|
+
state('up', style({
|
|
29
|
+
overflow: 'hidden',
|
|
30
|
+
visibility: 'hidden',
|
|
31
|
+
height: 0,
|
|
32
|
+
})),
|
|
33
|
+
transition('up <=> down', animate('150ms ease-in')),
|
|
34
|
+
]);
|
|
35
|
+
|
|
36
|
+
/**
|
|
37
|
+
* Generated bundle index. Do not edit.
|
|
38
|
+
*/
|
|
39
|
+
|
|
40
|
+
export { skyAnimationEmerge, skyAnimationSlide };
|
|
41
|
+
//# sourceMappingURL=skyux-animations.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"skyux-animations.mjs","sources":["../../../../../libs/components/animations/src/lib/emerge.ts","../../../../../libs/components/animations/src/lib/slide.ts","../../../../../libs/components/animations/src/skyux-animations.ts"],"sourcesContent":["import {\n AnimationTriggerMetadata,\n animate,\n state,\n style,\n transition,\n trigger,\n} from '@angular/animations';\n\nexport const skyAnimationEmerge: AnimationTriggerMetadata = trigger(\n 'skyAnimationEmerge',\n [\n state(\n 'open',\n style({\n opacity: 1,\n transform: 'scale(1)',\n })\n ),\n state(\n 'closed',\n style({\n opacity: 0,\n transform: 'scale(0.0)',\n })\n ),\n transition('void => *', [\n style({\n opacity: 0,\n transform: 'scale(0.0)',\n }),\n animate('300ms ease-in-out'),\n ]),\n transition(`* <=> *`, animate('300ms ease-in-out')),\n ]\n);\n","import {\n AnimationTriggerMetadata,\n animate,\n state,\n style,\n transition,\n trigger,\n} from '@angular/animations';\n\nexport const skyAnimationSlide: AnimationTriggerMetadata = trigger(\n 'skyAnimationSlide',\n [\n state(\n 'down',\n style({\n overflow: 'visible',\n visibility: 'visible',\n height: '*',\n })\n ),\n state(\n 'up',\n style({\n overflow: 'hidden',\n visibility: 'hidden',\n height: 0,\n })\n ),\n transition('up <=> down', animate('150ms ease-in')),\n ]\n);\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;AASa,MAAA,kBAAkB,GAA6B,OAAO,CACjE,oBAAoB,EACpB;AACE,IAAA,KAAK,CACH,MAAM,EACN,KAAK,CAAC;AACJ,QAAA,OAAO,EAAE,CAAC;AACV,QAAA,SAAS,EAAE,UAAU;AACtB,KAAA,CAAC,CACH;AACD,IAAA,KAAK,CACH,QAAQ,EACR,KAAK,CAAC;AACJ,QAAA,OAAO,EAAE,CAAC;AACV,QAAA,SAAS,EAAE,YAAY;AACxB,KAAA,CAAC,CACH;IACD,UAAU,CAAC,WAAW,EAAE;AACtB,QAAA,KAAK,CAAC;AACJ,YAAA,OAAO,EAAE,CAAC;AACV,YAAA,SAAS,EAAE,YAAY;SACxB,CAAC;QACF,OAAO,CAAC,mBAAmB,CAAC;KAC7B,CAAC;AACF,IAAA,UAAU,CAAC,CAAS,OAAA,CAAA,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;AACpD,CAAA;;ACzBU,MAAA,iBAAiB,GAA6B,OAAO,CAChE,mBAAmB,EACnB;AACE,IAAA,KAAK,CACH,MAAM,EACN,KAAK,CAAC;AACJ,QAAA,QAAQ,EAAE,SAAS;AACnB,QAAA,UAAU,EAAE,SAAS;AACrB,QAAA,MAAM,EAAE,GAAG;AACZ,KAAA,CAAC,CACH;AACD,IAAA,KAAK,CACH,IAAI,EACJ,KAAK,CAAC;AACJ,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,MAAM,EAAE,CAAC;AACV,KAAA,CAAC,CACH;AACD,IAAA,UAAU,CAAC,aAAa,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;AACpD,CAAA;;AC7BH;;AAEG;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/animations",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "6.0.0-beta.2",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -16,18 +16,31 @@
|
|
|
16
16
|
},
|
|
17
17
|
"homepage": "https://github.com/blackbaud/skyux#readme",
|
|
18
18
|
"peerDependencies": {
|
|
19
|
-
"@angular/animations": "^
|
|
20
|
-
"@angular/common": "^
|
|
21
|
-
"@angular/core": "^
|
|
19
|
+
"@angular/animations": "^13.2.7",
|
|
20
|
+
"@angular/common": "^13.2.7",
|
|
21
|
+
"@angular/core": "^13.2.7"
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"tslib": "^2.3.1"
|
|
25
25
|
},
|
|
26
|
-
"
|
|
27
|
-
"
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"fesm2015": "fesm2015/skyux-animations.
|
|
26
|
+
"module": "fesm2015/skyux-animations.mjs",
|
|
27
|
+
"es2020": "fesm2020/skyux-animations.mjs",
|
|
28
|
+
"esm2020": "esm2020/skyux-animations.mjs",
|
|
29
|
+
"fesm2020": "fesm2020/skyux-animations.mjs",
|
|
30
|
+
"fesm2015": "fesm2015/skyux-animations.mjs",
|
|
31
31
|
"typings": "skyux-animations.d.ts",
|
|
32
|
+
"exports": {
|
|
33
|
+
"./package.json": {
|
|
34
|
+
"default": "./package.json"
|
|
35
|
+
},
|
|
36
|
+
".": {
|
|
37
|
+
"types": "./skyux-animations.d.ts",
|
|
38
|
+
"esm2020": "./esm2020/skyux-animations.mjs",
|
|
39
|
+
"es2020": "./fesm2020/skyux-animations.mjs",
|
|
40
|
+
"es2015": "./fesm2015/skyux-animations.mjs",
|
|
41
|
+
"node": "./fesm2015/skyux-animations.mjs",
|
|
42
|
+
"default": "./fesm2020/skyux-animations.mjs"
|
|
43
|
+
}
|
|
44
|
+
},
|
|
32
45
|
"sideEffects": false
|
|
33
46
|
}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/animations')) :
|
|
3
|
-
typeof define === 'function' && define.amd ? define('@skyux/animations', ['exports', '@angular/animations'], factory) :
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux.animations = {}), global.ng.animations));
|
|
5
|
-
})(this, (function (exports, animations) { 'use strict';
|
|
6
|
-
|
|
7
|
-
var skyAnimationEmerge = animations.trigger('skyAnimationEmerge', [
|
|
8
|
-
animations.state('open', animations.style({
|
|
9
|
-
opacity: 1,
|
|
10
|
-
transform: 'scale(1)',
|
|
11
|
-
})),
|
|
12
|
-
animations.state('closed', animations.style({
|
|
13
|
-
opacity: 0,
|
|
14
|
-
transform: 'scale(0.0)',
|
|
15
|
-
})),
|
|
16
|
-
animations.transition('void => *', [
|
|
17
|
-
animations.style({
|
|
18
|
-
opacity: 0,
|
|
19
|
-
transform: 'scale(0.0)',
|
|
20
|
-
}),
|
|
21
|
-
animations.animate('300ms ease-in-out'),
|
|
22
|
-
]),
|
|
23
|
-
animations.transition("* <=> *", animations.animate('300ms ease-in-out')),
|
|
24
|
-
]);
|
|
25
|
-
|
|
26
|
-
var skyAnimationSlide = animations.trigger('skyAnimationSlide', [
|
|
27
|
-
animations.state('down', animations.style({
|
|
28
|
-
overflow: 'visible',
|
|
29
|
-
visibility: 'visible',
|
|
30
|
-
height: '*',
|
|
31
|
-
})),
|
|
32
|
-
animations.state('up', animations.style({
|
|
33
|
-
overflow: 'hidden',
|
|
34
|
-
visibility: 'hidden',
|
|
35
|
-
height: 0,
|
|
36
|
-
})),
|
|
37
|
-
animations.transition('up <=> down', animations.animate('150ms ease-in')),
|
|
38
|
-
]);
|
|
39
|
-
|
|
40
|
-
/**
|
|
41
|
-
* Generated bundle index. Do not edit.
|
|
42
|
-
*/
|
|
43
|
-
|
|
44
|
-
exports.skyAnimationEmerge = skyAnimationEmerge;
|
|
45
|
-
exports.skyAnimationSlide = skyAnimationSlide;
|
|
46
|
-
|
|
47
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
48
|
-
|
|
49
|
-
}));
|
|
50
|
-
//# sourceMappingURL=skyux-animations.umd.js.map
|
package/esm2015/index.js
DELETED
package/esm2015/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/components/animations/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC","sourcesContent":["export * from './lib/emerge';\nexport * from './lib/slide';\n"]}
|
package/esm2015/lib/emerge.js
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { animate, state, style, transition, trigger, } from '@angular/animations';
|
|
2
|
-
export const skyAnimationEmerge = trigger('skyAnimationEmerge', [
|
|
3
|
-
state('open', style({
|
|
4
|
-
opacity: 1,
|
|
5
|
-
transform: 'scale(1)',
|
|
6
|
-
})),
|
|
7
|
-
state('closed', style({
|
|
8
|
-
opacity: 0,
|
|
9
|
-
transform: 'scale(0.0)',
|
|
10
|
-
})),
|
|
11
|
-
transition('void => *', [
|
|
12
|
-
style({
|
|
13
|
-
opacity: 0,
|
|
14
|
-
transform: 'scale(0.0)',
|
|
15
|
-
}),
|
|
16
|
-
animate('300ms ease-in-out'),
|
|
17
|
-
]),
|
|
18
|
-
transition(`* <=> *`, animate('300ms ease-in-out')),
|
|
19
|
-
]);
|
|
20
|
-
//# sourceMappingURL=emerge.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"emerge.js","sourceRoot":"","sources":["../../../../../../libs/components/animations/src/lib/emerge.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,OAAO,EACP,KAAK,EACL,KAAK,EACL,UAAU,EACV,OAAO,GACR,MAAM,qBAAqB,CAAC;AAE7B,MAAM,CAAC,MAAM,kBAAkB,GAA6B,OAAO,CACjE,oBAAoB,EACpB;IACE,KAAK,CACH,MAAM,EACN,KAAK,CAAC;QACJ,OAAO,EAAE,CAAC;QACV,SAAS,EAAE,UAAU;KACtB,CAAC,CACH;IACD,KAAK,CACH,QAAQ,EACR,KAAK,CAAC;QACJ,OAAO,EAAE,CAAC;QACV,SAAS,EAAE,YAAY;KACxB,CAAC,CACH;IACD,UAAU,CAAC,WAAW,EAAE;QACtB,KAAK,CAAC;YACJ,OAAO,EAAE,CAAC;YACV,SAAS,EAAE,YAAY;SACxB,CAAC;QACF,OAAO,CAAC,mBAAmB,CAAC;KAC7B,CAAC;IACF,UAAU,CAAC,SAAS,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;CACpD,CACF,CAAC","sourcesContent":["import {\n AnimationTriggerMetadata,\n animate,\n state,\n style,\n transition,\n trigger,\n} from '@angular/animations';\n\nexport const skyAnimationEmerge: AnimationTriggerMetadata = trigger(\n 'skyAnimationEmerge',\n [\n state(\n 'open',\n style({\n opacity: 1,\n transform: 'scale(1)',\n })\n ),\n state(\n 'closed',\n style({\n opacity: 0,\n transform: 'scale(0.0)',\n })\n ),\n transition('void => *', [\n style({\n opacity: 0,\n transform: 'scale(0.0)',\n }),\n animate('300ms ease-in-out'),\n ]),\n transition(`* <=> *`, animate('300ms ease-in-out')),\n ]\n);\n"]}
|
package/esm2015/lib/slide.js
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { animate, state, style, transition, trigger, } from '@angular/animations';
|
|
2
|
-
export const skyAnimationSlide = trigger('skyAnimationSlide', [
|
|
3
|
-
state('down', style({
|
|
4
|
-
overflow: 'visible',
|
|
5
|
-
visibility: 'visible',
|
|
6
|
-
height: '*',
|
|
7
|
-
})),
|
|
8
|
-
state('up', style({
|
|
9
|
-
overflow: 'hidden',
|
|
10
|
-
visibility: 'hidden',
|
|
11
|
-
height: 0,
|
|
12
|
-
})),
|
|
13
|
-
transition('up <=> down', animate('150ms ease-in')),
|
|
14
|
-
]);
|
|
15
|
-
//# sourceMappingURL=slide.js.map
|
package/esm2015/lib/slide.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"slide.js","sourceRoot":"","sources":["../../../../../../libs/components/animations/src/lib/slide.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,OAAO,EACP,KAAK,EACL,KAAK,EACL,UAAU,EACV,OAAO,GACR,MAAM,qBAAqB,CAAC;AAE7B,MAAM,CAAC,MAAM,iBAAiB,GAA6B,OAAO,CAChE,mBAAmB,EACnB;IACE,KAAK,CACH,MAAM,EACN,KAAK,CAAC;QACJ,QAAQ,EAAE,SAAS;QACnB,UAAU,EAAE,SAAS;QACrB,MAAM,EAAE,GAAG;KACZ,CAAC,CACH;IACD,KAAK,CACH,IAAI,EACJ,KAAK,CAAC;QACJ,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,CAAC;KACV,CAAC,CACH;IACD,UAAU,CAAC,aAAa,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CACpD,CACF,CAAC","sourcesContent":["import {\n AnimationTriggerMetadata,\n animate,\n state,\n style,\n transition,\n trigger,\n} from '@angular/animations';\n\nexport const skyAnimationSlide: AnimationTriggerMetadata = trigger(\n 'skyAnimationSlide',\n [\n state(\n 'down',\n style({\n overflow: 'visible',\n visibility: 'visible',\n height: '*',\n })\n ),\n state(\n 'up',\n style({\n overflow: 'hidden',\n visibility: 'hidden',\n height: 0,\n })\n ),\n transition('up <=> down', animate('150ms ease-in')),\n ]\n);\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"skyux-animations.js","sourceRoot":"","sources":["../../../../../libs/components/animations/src/skyux-animations.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"skyux-animations.js","sources":["../../../../../libs/components/animations/src/lib/emerge.ts","../../../../../libs/components/animations/src/lib/slide.ts","../../../../../libs/components/animations/src/skyux-animations.ts"],"sourcesContent":["import {\n AnimationTriggerMetadata,\n animate,\n state,\n style,\n transition,\n trigger,\n} from '@angular/animations';\n\nexport const skyAnimationEmerge: AnimationTriggerMetadata = trigger(\n 'skyAnimationEmerge',\n [\n state(\n 'open',\n style({\n opacity: 1,\n transform: 'scale(1)',\n })\n ),\n state(\n 'closed',\n style({\n opacity: 0,\n transform: 'scale(0.0)',\n })\n ),\n transition('void => *', [\n style({\n opacity: 0,\n transform: 'scale(0.0)',\n }),\n animate('300ms ease-in-out'),\n ]),\n transition(`* <=> *`, animate('300ms ease-in-out')),\n ]\n);\n","import {\n AnimationTriggerMetadata,\n animate,\n state,\n style,\n transition,\n trigger,\n} from '@angular/animations';\n\nexport const skyAnimationSlide: AnimationTriggerMetadata = trigger(\n 'skyAnimationSlide',\n [\n state(\n 'down',\n style({\n overflow: 'visible',\n visibility: 'visible',\n height: '*',\n })\n ),\n state(\n 'up',\n style({\n overflow: 'hidden',\n visibility: 'hidden',\n height: 0,\n })\n ),\n transition('up <=> down', animate('150ms ease-in')),\n ]\n);\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;MASa,kBAAkB,GAA6B,OAAO,CACjE,oBAAoB,EACpB;IACE,KAAK,CACH,MAAM,EACN,KAAK,CAAC;QACJ,OAAO,EAAE,CAAC;QACV,SAAS,EAAE,UAAU;KACtB,CAAC,CACH;IACD,KAAK,CACH,QAAQ,EACR,KAAK,CAAC;QACJ,OAAO,EAAE,CAAC;QACV,SAAS,EAAE,YAAY;KACxB,CAAC,CACH;IACD,UAAU,CAAC,WAAW,EAAE;QACtB,KAAK,CAAC;YACJ,OAAO,EAAE,CAAC;YACV,SAAS,EAAE,YAAY;SACxB,CAAC;QACF,OAAO,CAAC,mBAAmB,CAAC;KAC7B,CAAC;IACF,UAAU,CAAC,SAAS,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;CACpD;;MCzBU,iBAAiB,GAA6B,OAAO,CAChE,mBAAmB,EACnB;IACE,KAAK,CACH,MAAM,EACN,KAAK,CAAC;QACJ,QAAQ,EAAE,SAAS;QACnB,UAAU,EAAE,SAAS;QACrB,MAAM,EAAE,GAAG;KACZ,CAAC,CACH;IACD,KAAK,CACH,IAAI,EACJ,KAAK,CAAC;QACJ,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,CAAC;KACV,CAAC,CACH;IACD,UAAU,CAAC,aAAa,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CACpD;;AC7BH;;;;;;"}
|