igniteui-angular/fesm2022/igniteui-angular-animations.mjs.map

Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps

{"version":3,"file":"igniteui-angular-animations.mjs","sources":["../../../projects/igniteui-angular/animations/src/fade/index.ts","../../../projects/igniteui-angular/animations/src/flip/index.ts","../../../projects/igniteui-angular/animations/src/grow/index.ts","../../../projects/igniteui-angular/animations/src/misc/shake.ts","../../../projects/igniteui-angular/animations/src/misc/pulsate.ts","../../../projects/igniteui-angular/animations/src/rotate/index.ts","../../../projects/igniteui-angular/animations/src/scale/index.ts","../../../projects/igniteui-angular/animations/src/slide/index.ts","../../../projects/igniteui-angular/animations/src/swing/index.ts","../../../projects/igniteui-angular/animations/src/util.ts","../../../projects/igniteui-angular/animations/src/igniteui-angular-animations.ts"],"sourcesContent":["import { animate, animation, AnimationMetadata, style } from '@angular/animations';\nimport { EaseOut } from '../easings';\n\nconst base: AnimationMetadata[] = [\n    /*@__PURE__*/style({\n        opacity: `{{startOpacity}}`\n    }),\n    /*@__PURE__*/animate(\n        `{{duration}} {{delay}} {{easing}}`,\n        /*@__PURE__*/style({\n            opacity: `{{endOpacity}}`\n        })\n    )\n];\n\nexport const fadeIn = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        duration: '350ms',\n        easing: EaseOut.Sine,\n        endOpacity: 1,\n        startOpacity: 0\n    }\n});\n\nexport const fadeOut = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        duration: '350ms',\n        easing: EaseOut.Sine,\n        endOpacity: 0,\n        startOpacity: 1\n    }\n});\n","import {\n    animate,\n    animation,\n    AnimationMetadata,\n    keyframes,\n    style\n} from '@angular/animations';\nimport { EaseOut } from '../easings';\n\nconst baseRecipe: AnimationMetadata[] = [\n    /*@__PURE__*/style({\n        backfaceVisibility: 'hidden',\n        transformStyle: 'preserve-3d'\n    }),\n    /*@__PURE__*/animate(\n        `{{duration}} {{delay}} {{easing}}`,\n        /*@__PURE__*/keyframes([\n            /*@__PURE__*/style({\n                offset: 0,\n                transform: `translateZ({{startDistance}})\n                rotate3d({{rotateX}}, {{rotateY}}, {{rotateZ}}, {{startAngle}}deg)`\n            }),\n            /*@__PURE__*/style({\n                offset: 1,\n                transform: `translateZ({{endDistance}})\n                rotate3d({{rotateX}}, {{rotateY}}, {{rotateZ}}, {{endAngle}}deg)`\n            })\n        ])\n    )\n];\n\nexport const flipTop = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        duration: '600ms',\n        easing: EaseOut.Quad,\n        endAngle: 180,\n        endDistance: '0px',\n        rotateX: 1,\n        rotateY: 0,\n        rotateZ: 0,\n        startAngle: 0,\n        startDistance: '0px'\n    }\n});\n\nexport const flipBottom = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        duration: '600ms',\n        easing: EaseOut.Quad,\n        endDistance: '0px',\n        rotateX: 1,\n        rotateY: 0,\n        rotateZ: 0,\n        startAngle: 0,\n        startDistance: '0px',\n        endAngle: -180\n    }\n});\n\nexport const flipLeft = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        duration: '600ms',\n        easing: EaseOut.Quad,\n        endAngle: 180,\n        endDistance: '0px',\n        rotateZ: 0,\n        startAngle: 0,\n        startDistance: '0px',\n        rotateX: 0,\n        rotateY: 1\n    }\n});\n\nexport const flipRight = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        duration: '600ms',\n        easing: EaseOut.Quad,\n        endDistance: '0px',\n        rotateZ: 0,\n        startAngle: 0,\n        startDistance: '0px',\n        endAngle: -180,\n        rotateX: 0,\n        rotateY: 1\n    }\n});\n\nexport const flipHorFwd = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        duration: '600ms',\n        easing: EaseOut.Quad,\n        endAngle: 180,\n        rotateX: 1,\n        rotateY: 0,\n        rotateZ: 0,\n        startAngle: 0,\n        startDistance: '0px',\n        endDistance: '170px'\n    }\n});\n\nexport const flipHorBck = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        duration: '600ms',\n        easing: EaseOut.Quad,\n        endAngle: 180,\n        rotateX: 1,\n        rotateY: 0,\n        rotateZ: 0,\n        startAngle: 0,\n        startDistance: '0px',\n        endDistance: '-170px'\n    }\n});\n\nexport const flipVerFwd = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        duration: '600ms',\n        easing: EaseOut.Quad,\n        endAngle: 180,\n        rotateZ: 0,\n        startAngle: 0,\n        startDistance: '0px',\n        endDistance: '170px',\n        rotateX: 0,\n        rotateY: 1\n    }\n});\n\nexport const flipVerBck = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        duration: '600ms',\n        easing: EaseOut.Quad,\n        endAngle: 180,\n        rotateZ: 0,\n        startAngle: 0,\n        startDistance: '0px',\n        endDistance: '-170px',\n        rotateX: 0,\n        rotateY: 1\n    }\n});\n","import { animate, animation, AnimationMetadata, style } from '@angular/animations';\nimport { EaseOut } from '../easings';\n\nconst base: AnimationMetadata[] = [\n    /*@__PURE__*/style({\n        opacity: `{{ startOpacity }}`,\n        height: `{{ startHeight }}`,\n        paddingBlock: `{{ startPadding }}`\n    }),\n    /*@__PURE__*/animate(\n        `{{duration}} {{delay}} {{easing}}`,\n        /*@__PURE__*/style({\n            opacity: `{{ endOpacity }}`,\n            height: `{{ endHeight }}`,\n            paddingBlock: `{{ endPadding }}`\n        })\n    )\n];\n\nexport const growVerIn = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        duration: '350ms',\n        easing: EaseOut.Quad,\n        startOpacity: 0,\n        endOpacity: 1,\n        startHeight: '0px',\n        endHeight: '*',\n        startPadding: '0px',\n        endPadding: '*'\n    }\n});\n\nexport const growVerOut = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        duration: '350ms',\n        easing: EaseOut.Quad,\n        startOpacity: 1,\n        endOpacity: 0,\n        startHeight: '*',\n        endHeight: '0px',\n        startPadding: '*',\n        endPadding: '0px'\n    }\n});\n","import {\n    animate,\n    animation,\n    AnimationMetadata,\n    keyframes,\n    style\n} from '@angular/animations';\nimport { EaseInOut } from '../easings';\n\nconst baseRecipe: AnimationMetadata[] = [\n    /*@__PURE__*/animate(\n        `{{duration}} {{delay}} {{easing}}`,\n        /*@__PURE__*/keyframes([\n            /*@__PURE__*/style({\n                offset: 0,\n                transform: `rotate(0deg) translate{{direction}}(0)`,\n                transformOrigin: `{{xPos}} {{yPos}}`\n            }),\n            /*@__PURE__*/style({\n                offset: 0.1,\n                transform: `rotate({{endAngle}}deg) translate{{direction}}(-{{startDistance}})`\n            }),\n            /*@__PURE__*/style({\n                offset: 0.2,\n                transform: `rotate(-{{startAngle}}deg) translate{{direction}}({{startDistance}})`\n            }),\n            /*@__PURE__*/style({\n                offset: 0.3,\n                transform: `rotate({{startAngle}}deg) translate{{direction}}(-{{startDistance}})`\n            }),\n            /*@__PURE__*/style({\n                offset: 0.4,\n                transform: `rotate(-{{startAngle}}deg) translate{{direction}}({{startDistance}})`\n\n            }),\n            /*@__PURE__*/style({\n                offset: 0.5,\n                transform: `rotate({{startAngle}}deg) translate{{direction}}(-{{startDistance}})`\n            }),\n            /*@__PURE__*/style({\n                offset: 0.6,\n                transform: `rotate(-{{startAngle}}deg) translate{{direction}}({{startDistance}})`\n\n            }),\n            /*@__PURE__*/style({\n                offset: 0.7,\n                transform: `rotate({{startAngle}}deg) translate{{direction}}(-{{startDistance}})`\n            }),\n            /*@__PURE__*/style({\n                offset: 0.8,\n                transform: `rotate(-{{endAngle}}deg) translate{{direction}}({{endDistance}})`\n\n            }),\n            /*@__PURE__*/style({\n                offset: 0.9,\n                transform: `rotate({{endAngle}}deg) translate{{direction}}(-{{endDistance}})`\n\n            }),\n            /*@__PURE__*/style({\n                offset: 1,\n                transform: `rotate(0deg) translate{{direction}}(0)`,\n                transformOrigin: `{{xPos}} {{yPos}}`\n            })\n        ])\n    )\n];\n\nexport const shakeHor = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        direction: 'X',\n        duration: '800ms',\n        easing: EaseInOut.Quad,\n        endAngle: 0,\n        endDistance: '8px',\n        startAngle: 0,\n        startDistance: '10px',\n        xPos: 'center',\n        yPos: 'center'\n    }\n});\n\nexport const shakeVer = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        direction: 'Y',\n        duration: '800ms',\n        easing: EaseInOut.Quad,\n        endAngle: 0,\n        endDistance: '8px',\n        startAngle: 0,\n        startDistance: '10px',\n        xPos: 'center',\n        yPos: 'center'\n    }\n});\n\nexport const shakeTop = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        direction: 'X',\n        duration: '800ms',\n        easing: EaseInOut.Quad,\n        xPos: 'center',\n        endAngle: 2,\n        endDistance: '0',\n        startAngle: 4,\n        startDistance: '0',\n        yPos: 'top'\n    }\n});\n\nexport const shakeBottom = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        duration: '800ms',\n        easing: EaseInOut.Quad,\n        xPos: 'center',\n        direction: 'Y',\n        endAngle: 2,\n        endDistance: '0',\n        startAngle: 4,\n        startDistance: '0',\n        yPos: 'bottom'\n    }\n});\n\nexport const shakeRight = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        duration: '800ms',\n        easing: EaseInOut.Quad,\n        direction: 'Y',\n        endAngle: 2,\n        endDistance: '0',\n        startAngle: 4,\n        startDistance: '0',\n        xPos: 'right',\n        yPos: 'center'\n    }\n});\n\nexport const shakeLeft = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        duration: '800ms',\n        easing: EaseInOut.Quad,\n        direction: 'Y',\n        endAngle: 2,\n        endDistance: '0',\n        startAngle: 4,\n        startDistance: '0',\n        xPos: 'left',\n        yPos: 'center'\n    }\n});\n\nexport const shakeCenter = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        duration: '800ms',\n        easing: EaseInOut.Quad,\n        direction: 'Y',\n        endAngle: 8,\n        endDistance: '0',\n        startAngle: 10,\n        startDistance: '0',\n        xPos: 'center',\n        yPos: 'center'\n    }\n});\n\nexport const shakeTr = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        duration: '800ms',\n        easing: EaseInOut.Quad,\n        direction: 'Y',\n        endAngle: 2,\n        endDistance: '0',\n        startAngle: 4,\n        startDistance: '0',\n        xPos: 'right',\n        yPos: 'top'\n    }\n});\n\nexport const shakeBr = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        duration: '800ms',\n        easing: EaseInOut.Quad,\n        direction: 'Y',\n        endAngle: 2,\n        endDistance: '0',\n        startAngle: 4,\n        startDistance: '0',\n        xPos: 'right',\n        yPos: 'bottom'\n    }\n});\n\nexport const shakeBl = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        duration: '800ms',\n        easing: EaseInOut.Quad,\n        direction: 'Y',\n        endAngle: 2,\n        endDistance: '0',\n        startAngle: 4,\n        startDistance: '0',\n        xPos: 'left',\n        yPos: 'bottom'\n    }\n});\n\nexport const shakeTl = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        duration: '800ms',\n        easing: EaseInOut.Quad,\n        direction: 'Y',\n        endAngle: 2,\n        endDistance: '0',\n        startAngle: 4,\n        startDistance: '0',\n        xPos: 'left',\n        yPos: 'top'\n    }\n});\n","import {\n    animate,\n    animation,\n    AnimationMetadata,\n    keyframes,\n    style\n} from '@angular/animations';\n\nconst heartbeatBase: AnimationMetadata[] = [\n    /*@__PURE__*/style({\n        animationTimingFunction: `ease-out`,\n        transform: `scale(1)`,\n        transformOrigin: `center center`\n    }),\n    /*@__PURE__*/animate(\n        `{{duration}} {{delay}} {{easing}}`,\n        /*@__PURE__*/keyframes([\n            /*@__PURE__*/style({\n                animationTimingFunction: `ease-in`,\n                offset: 0.1,\n                transform: `scale(0.91)`\n            }),\n            /*@__PURE__*/style({\n                animationTimingFunction: `ease-out`,\n                offset: 0.17,\n                transform: `scale(0.98)`\n            }),\n            /*@__PURE__*/style({\n                animationTimingFunction: `ease-in`,\n                offset: 0.33,\n                transform: `scale(0.87)`\n            }),\n            /*@__PURE__*/style({\n                animationTimingFunction: `ease-out`,\n                offset: 0.45,\n                transform: `scale(1)`\n            })\n        ])\n    )\n];\n\nconst pulsateBase: AnimationMetadata[] = [\n    /*@__PURE__*/animate(\n        `{{duration}} {{delay}} {{easing}}`,\n        /*@__PURE__*/keyframes([\n            /*@__PURE__*/style({\n                offset: 0,\n                transform: `scale({{fromScale}})`\n            }),\n            /*@__PURE__*/style({\n                offset: 0.5,\n                transform: `scale({{toScale}})`\n            }),\n            /*@__PURE__*/style({\n                offset: 1,\n                transform: `scale({{fromScale}})`\n            })\n        ])\n    )\n];\n\nconst blinkBase: AnimationMetadata[] = [\n    /*@__PURE__*/animate(\n        `{{duration}} {{delay}} {{easing}}`,\n        /*@__PURE__*/keyframes([\n            /*@__PURE__*/style({\n                offset: 0,\n                opacity: .8,\n                transform: `scale({{fromScale}})`\n            }),\n            /*@__PURE__*/style({\n                offset: 0.8,\n                opacity: 0,\n                transform: `scale({{midScale}})`\n            }),\n            /*@__PURE__*/style({\n                offset: 1,\n                opacity: 0,\n                transform: `scale({{toScale}})`\n            })\n        ])\n    )\n];\n\nexport const pulsateFwd = /*@__PURE__*/animation(pulsateBase, {\n    params: {\n        delay: '0s',\n        duration: '.5s',\n        easing: 'ease-in-out',\n        fromScale: 1,\n        toScale: 1.1\n    }\n});\n\nexport const pulsateBck = /*@__PURE__*/animation(pulsateBase, {\n    params: {\n        delay: '0s',\n        duration: '.5s',\n        easing: 'ease-in-out',\n        fromScale: 1,\n        toScale: .9\n    }\n});\n\nexport const heartbeat = /*@__PURE__*/animation(heartbeatBase, {\n    params: {\n        delay: '0s',\n        duration: '1.5s',\n        easing: 'ease-in-out'\n    }\n});\n\nexport const blink = /*@__PURE__*/animation(blinkBase, {\n    params: {\n        delay: '0s',\n        duration: '.8s',\n        easing: 'ease-in-out',\n        fromScale: .2,\n        midScale: 1.2,\n        toScale: 2.2\n    }\n});\n","import { animate, animation, AnimationMetadata, style } from '@angular/animations';\nimport { EaseIn, EaseOut } from '../easings';\n\nconst baseRecipe: AnimationMetadata[] = [\n    /*@__PURE__*/style({\n        opacity: `{{startOpacity}}`,\n        transform: `rotate3d({{rotateX}},{{rotateY}},{{rotateZ}},{{startAngle}}deg)`,\n        transformOrigin: `{{xPos}} {{yPos}}`\n    }),\n    /*@__PURE__*/animate(\n        `{{duration}} {{delay}} {{easing}}`,\n        /*@__PURE__*/style({\n            offset: 0,\n            opacity: `{{endOpacity}}`,\n            transform: `rotate3d({{rotateX}},{{rotateY}},{{rotateZ}},{{endAngle}}deg)`,\n            transformOrigin: `{{xPos}} {{yPos}}`\n        })\n    )\n];\n\nexport const rotateInCenter = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        duration: '600ms',\n        easing: EaseOut.Quad,\n        endAngle: 0,\n        endOpacity: 1,\n        rotateX: 0,\n        rotateY: 0,\n        rotateZ: 1,\n        startAngle: -360,\n        startOpacity: 0,\n        xPos: 'center',\n        yPos: 'center'\n    }\n});\n\nexport const rotateOutCenter = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        duration: '600ms',\n        endAngle: 0,\n        rotateX: 0,\n        rotateY: 0,\n        rotateZ: 1,\n        startAngle: -360,\n        xPos: 'center',\n        yPos: 'center',\n        easing: EaseIn.Quad,\n        endOpacity: 0,\n        startOpacity: 1\n    }\n});\n\nexport const rotateInTop = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        duration: '600ms',\n        easing: EaseOut.Quad,\n        endAngle: 0,\n        endOpacity: 1,\n        rotateX: 0,\n        rotateY: 0,\n        rotateZ: 1,\n        startAngle: -360,\n        startOpacity: 0,\n        yPos: 'center',\n        xPos: 'top'\n    }\n});\n\nexport const rotateOutTop = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        duration: '600ms',\n        endAngle: 0,\n        rotateX: 0,\n        rotateY: 0,\n        rotateZ: 1,\n        startAngle: -360,\n        yPos: 'center',\n        easing: EaseIn.Quad,\n        endOpacity: 0,\n        startOpacity: 1,\n        xPos: 'top'\n    }\n});\n\nexport const rotateInRight = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        duration: '600ms',\n        easing: EaseOut.Quad,\n        endAngle: 0,\n        endOpacity: 1,\n        rotateX: 0,\n        rotateY: 0,\n        rotateZ: 1,\n        startAngle: -360,\n        startOpacity: 0,\n        yPos: 'center',\n        xPos: 'right'\n    }\n});\n\nexport const rotateOutRight = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        duration: '600ms',\n        endAngle: 0,\n        rotateX: 0,\n        rotateY: 0,\n        rotateZ: 1,\n        startAngle: -360,\n        yPos: 'center',\n        easing: EaseIn.Quad,\n        endOpacity: 0,\n        startOpacity: 1,\n        xPos: 'right'\n    }\n});\n\nexport const rotateInBottom = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        duration: '600ms',\n        easing: EaseOut.Quad,\n        endAngle: 0,\n        endOpacity: 1,\n        rotateX: 0,\n        rotateY: 0,\n        rotateZ: 1,\n        startAngle: -360,\n        startOpacity: 0,\n        yPos: 'center',\n        xPos: 'bottom'\n    }\n});\n\nexport const rotateOutBottom = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        duration: '600ms',\n        endAngle: 0,\n        rotateX: 0,\n        rotateY: 0,\n        rotateZ: 1,\n        startAngle: -360,\n        yPos: 'center',\n        easing: EaseIn.Quad,\n        endOpacity: 0,\n        startOpacity: 1,\n        xPos: 'bottom'\n    }\n});\n\nexport const rotateInLeft = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        duration: '600ms',\n        easing: EaseOut.Quad,\n        endAngle: 0,\n        endOpacity: 1,\n        rotateX: 0,\n        rotateY: 0,\n        rotateZ: 1,\n        startAngle: -360,\n        startOpacity: 0,\n        yPos: 'center',\n        xPos: 'left'\n    }\n});\n\nexport const rotateOutLeft = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        duration: '600ms',\n        endAngle: 0,\n        rotateX: 0,\n        rotateY: 0,\n        rotateZ: 1,\n        startAngle: -360,\n        yPos: 'center',\n        easing: EaseIn.Quad,\n        endOpacity: 0,\n        startOpacity: 1,\n        xPos: 'left'\n    }\n});\n\nexport const rotateInTr = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        duration: '600ms',\n        easing: EaseOut.Quad,\n        endAngle: 0,\n        endOpacity: 1,\n        rotateX: 0,\n        rotateY: 0,\n        rotateZ: 1,\n        startAngle: -360,\n        startOpacity: 0,\n        xPos: 'right',\n        yPos: 'top'\n    }\n});\n\nexport const rotateOutTr = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        duration: '600ms',\n        endAngle: 0,\n        rotateX: 0,\n        rotateY: 0,\n        rotateZ: 1,\n        startAngle: -360,\n        easing: EaseIn.Quad,\n        endOpacity: 0,\n        startOpacity: 1,\n        xPos: 'right',\n        yPos: 'top'\n    }\n});\n\nexport const rotateInBr = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        duration: '600ms',\n        easing: EaseOut.Quad,\n        endAngle: 0,\n        endOpacity: 1,\n        rotateX: 0,\n        rotateY: 0,\n        rotateZ: 1,\n        startAngle: -360,\n        startOpacity: 0,\n        xPos: 'right',\n        yPos: 'bottom'\n    }\n});\n\nexport const rotateOutBr = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        duration: '600ms',\n        endAngle: 0,\n        rotateX: 0,\n        rotateY: 0,\n        rotateZ: 1,\n        startAngle: -360,\n        easing: EaseIn.Quad,\n        endOpacity: 0,\n        startOpacity: 1,\n        xPos: 'right',\n        yPos: 'bottom'\n    }\n});\n\nexport const rotateInBl = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        duration: '600ms',\n        easing: EaseOut.Quad,\n        endAngle: 0,\n        endOpacity: 1,\n        rotateX: 0,\n        rotateY: 0,\n        rotateZ: 1,\n        startAngle: -360,\n        startOpacity: 0,\n        xPos: 'left',\n        yPos: 'bottom'\n    }\n});\n\nexport const rotateOutBl = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        duration: '600ms',\n        endAngle: 0,\n        rotateX: 0,\n        rotateY: 0,\n        rotateZ: 1,\n        startAngle: -360,\n        easing: EaseIn.Quad,\n        endOpacity: 0,\n        startOpacity: 1,\n        xPos: 'left',\n        yPos: 'bottom'\n    }\n});\n\nexport const rotateInTl = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        duration: '600ms',\n        easing: EaseOut.Quad,\n        endAngle: 0,\n        endOpacity: 1,\n        rotateX: 0,\n        rotateY: 0,\n        rotateZ: 1,\n        startAngle: -360,\n        startOpacity: 0,\n        xPos: 'left',\n        yPos: 'top'\n    }\n});\n\nexport const rotateOutTl = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        duration: '600ms',\n        endAngle: 0,\n        rotateX: 0,\n        rotateY: 0,\n        rotateZ: 1,\n        startAngle: -360,\n        easing: EaseIn.Quad,\n        endOpacity: 0,\n        startOpacity: 1,\n        xPos: 'left',\n        yPos: 'top'\n    }\n});\n\nexport const rotateInDiagonal1 = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        duration: '600ms',\n        easing: EaseOut.Quad,\n        endAngle: 0,\n        endOpacity: 1,\n        startAngle: -360,\n        startOpacity: 0,\n        xPos: 'center',\n        yPos: 'center',\n        rotateX: 1,\n        rotateY: 1,\n        rotateZ: 0\n    }\n});\n\nexport const rotateOutDiagonal1 = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        duration: '600ms',\n        endAngle: 0,\n        startAngle: -360,\n        xPos: 'center',\n        yPos: 'center',\n        easing: EaseIn.Quad,\n        endOpacity: 0,\n        startOpacity: 1,\n        rotateX: 1,\n        rotateY: 1,\n        rotateZ: 0\n    }\n});\n\nexport const rotateInDiagonal2 = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        duration: '600ms',\n        easing: EaseOut.Quad,\n        endAngle: 0,\n        endOpacity: 1,\n        startAngle: -360,\n        startOpacity: 0,\n        xPos: 'center',\n        yPos: 'center',\n        rotateX: -1,\n        rotateY: 1,\n        rotateZ: 0\n    }\n});\n\nexport const rotateOutDiagonal2 = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        duration: '600ms',\n        endAngle: 0,\n        startAngle: -360,\n        xPos: 'center',\n        yPos: 'center',\n        easing: EaseIn.Quad,\n        endOpacity: 0,\n        startOpacity: 1,\n        rotateX: -1,\n        rotateY: 1,\n        rotateZ: 0\n    }\n});\n\nexport const rotateInHor = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        duration: '600ms',\n        easing: EaseOut.Quad,\n        endAngle: 0,\n        endOpacity: 1,\n        startAngle: -360,\n        startOpacity: 0,\n        xPos: 'center',\n        yPos: 'center',\n        rotateX: 0,\n        rotateY: 1,\n        rotateZ: 0\n    }\n});\n\nexport const rotateOutHor = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        duration: '600ms',\n        endAngle: 0,\n        startAngle: -360,\n        xPos: 'center',\n        yPos: 'center',\n        easing: EaseIn.Quad,\n        endOpacity: 0,\n        startOpacity: 1,\n        rotateX: 0,\n        rotateY: 1,\n        rotateZ: 0\n    }\n});\n\nexport const rotateInVer = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        duration: '600ms',\n        easing: EaseOut.Quad,\n        endAngle: 0,\n        endOpacity: 1,\n        startAngle: -360,\n        startOpacity: 0,\n        xPos: 'center',\n        yPos: 'center',\n        rotateX: 1,\n        rotateY: 0,\n        rotateZ: 0\n    }\n});\n\nexport const rotateOutVer = /*@__PURE__*/animation(baseRecipe, {\n    params: {\n        delay: '0s',\n        duration: '600ms',\n        endAngle: 0,\n        startAngle: -360,\n        xPos: 'center',\n        yPos: 'center',\n        easing: EaseIn.Quad,\n        endOpacity: 0,\n        startOpacity: 1,\n        rotateX: 1,\n        rotateY: 0,\n        rotateZ: 0\n    }\n});\n","import { animate, animation, AnimationMetadata, style } from '@angular/animations';\nimport { EaseOut } from '../easings';\n\nconst base: AnimationMetadata[] = [\n    /*@__PURE__*/style({\n        opacity: `{{startOpacity}}`,\n        transform: `scale{{direction}}({{fromScale}})`,\n        transformOrigin: `{{xPos}} {{yPos}}`\n    }),\n    /*@__PURE__*/animate(\n        `{{duration}} {{delay}} {{easing}}`,\n        /*@__PURE__*/style({\n            opacity: `{{endOpacity}}`,\n            transform: `scale{{direction}}({{toScale}})`,\n            transformOrigin: `{{xPos}} {{yPos}}`\n        })\n    )\n];\n\nexport const scaleInCenter = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        direction: '',\n        duration: '350ms',\n        easing: EaseOut.Quad,\n        endOpacity: 1,\n        fromScale: .5,\n        startOpacity: 0,\n        toScale: 1,\n        xPos: '50%',\n        yPos: '50%'\n    }\n});\n\nexport const scaleInBl = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        direction: '',\n        duration: '350ms',\n        easing: EaseOut.Quad,\n        endOpacity: 1,\n        fromScale: .5,\n        startOpacity: 0,\n        toScale: 1,\n        xPos: '0',\n        yPos: '100%'\n    }\n});\n\nexport const scaleInVerCenter = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        duration: '350ms',\n        easing: EaseOut.Quad,\n        endOpacity: 1,\n        startOpacity: 0,\n        toScale: 1,\n        xPos: '50%',\n        yPos: '50%',\n        direction: 'Y',\n        fromScale: .4\n    }\n});\n\nexport const scaleInTop = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        direction: '',\n        duration: '350ms',\n        easing: EaseOut.Quad,\n        endOpacity: 1,\n        fromScale: .5,\n        startOpacity: 0,\n        toScale: 1,\n        xPos: '50%',\n        yPos: '0'\n    }\n});\n\nexport const scaleInLeft = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        direction: '',\n        duration: '350ms',\n        easing: EaseOut.Quad,\n        endOpacity: 1,\n        fromScale: .5,\n        startOpacity: 0,\n        toScale: 1,\n        xPos: '0',\n        yPos: '50%'\n    }\n});\n\nexport const scaleInVerTop = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        duration: '350ms',\n        easing: EaseOut.Quad,\n        endOpacity: 1,\n        startOpacity: 0,\n        toScale: 1,\n        direction: 'Y',\n        fromScale: .4,\n        xPos: '100%',\n        yPos: '0'\n    }\n});\n\nexport const scaleInTr = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        direction: '',\n        duration: '350ms',\n        easing: EaseOut.Quad,\n        endOpacity: 1,\n        fromScale: .5,\n        startOpacity: 0,\n        toScale: 1,\n        xPos: '100%',\n        yPos: '0'\n    }\n});\n\nexport const scaleInTl = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        direction: '',\n        duration: '350ms',\n        easing: EaseOut.Quad,\n        endOpacity: 1,\n        fromScale: .5,\n        startOpacity: 0,\n        toScale: 1,\n        xPos: '0',\n        yPos: '0'\n    }\n});\n\nexport const scaleInVerBottom = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        duration: '350ms',\n        easing: EaseOut.Quad,\n        endOpacity: 1,\n        startOpacity: 0,\n        toScale: 1,\n        direction: 'Y',\n        fromScale: .4,\n        xPos: '0',\n        yPos: '100%'\n    }\n});\n\nexport const scaleInRight = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        direction: '',\n        duration: '350ms',\n        easing: EaseOut.Quad,\n        endOpacity: 1,\n        fromScale: .5,\n        startOpacity: 0,\n        toScale: 1,\n        xPos: '100%',\n        yPos: '50%'\n    }\n});\n\nexport const scaleInHorCenter = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        duration: '350ms',\n        easing: EaseOut.Quad,\n        endOpacity: 1,\n        startOpacity: 0,\n        toScale: 1,\n        xPos: '50%',\n        yPos: '50%',\n        direction: 'X',\n        fromScale: .4\n    }\n});\n\nexport const scaleInBr = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        direction: '',\n        duration: '350ms',\n        easing: EaseOut.Quad,\n        endOpacity: 1,\n        fromScale: .5,\n        startOpacity: 0,\n        toScale: 1,\n        xPos: '100%',\n        yPos: '100%'\n    }\n});\n\nexport const scaleInHorLeft = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        duration: '350ms',\n        easing: EaseOut.Quad,\n        endOpacity: 1,\n        startOpacity: 0,\n        toScale: 1,\n        direction: 'X',\n        fromScale: .4,\n        xPos: '0',\n        yPos: '0'\n    }\n});\n\nexport const scaleInBottom = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        direction: '',\n        duration: '350ms',\n        easing: EaseOut.Quad,\n        endOpacity: 1,\n        fromScale: .5,\n        startOpacity: 0,\n        toScale: 1,\n        xPos: '50%',\n        yPos: '100%'\n    }\n});\n\nexport const scaleInHorRight = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        duration: '350ms',\n        easing: EaseOut.Quad,\n        endOpacity: 1,\n        startOpacity: 0,\n        toScale: 1,\n        direction: 'X',\n        fromScale: .4,\n        xPos: '100%',\n        yPos: '100%'\n    }\n});\n\nexport const scaleOutCenter = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        direction: '',\n        duration: '350ms',\n        xPos: '50%',\n        yPos: '50%',\n        easing: EaseOut.Sine,\n        endOpacity: 0,\n        fromScale: 1,\n        startOpacity: 1,\n        toScale: .5\n    }\n});\n\nexport const scaleOutBl = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        direction: '',\n        duration: '350ms',\n        easing: EaseOut.Sine,\n        endOpacity: 0,\n        fromScale: 1,\n        startOpacity: 1,\n        toScale: .5,\n        xPos: '0',\n        yPos: '100%'\n    }\n});\n\nexport const scaleOutBr = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        direction: '',\n        duration: '350ms',\n        easing: EaseOut.Sine,\n        endOpacity: 0,\n        fromScale: 1,\n        startOpacity: 1,\n        toScale: .5,\n        xPos: '100%',\n        yPos: '100%'\n    }\n});\n\nexport const scaleOutVerCenter = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        duration: '350ms',\n        xPos: '50%',\n        yPos: '50%',\n        easing: EaseOut.Sine,\n        endOpacity: 0,\n        fromScale: 1,\n        startOpacity: 1,\n        direction: 'Y',\n        toScale: .3\n    }\n});\n\nexport const scaleOutVerTop = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        duration: '350ms',\n        easing: EaseOut.Sine,\n        endOpacity: 0,\n        fromScale: 1,\n        startOpacity: 1,\n        direction: 'Y',\n        toScale: .3,\n        xPos: '100%',\n        yPos: '0'\n    }\n});\n\nexport const scaleOutVerBottom = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        duration: '350ms',\n        easing: EaseOut.Sine,\n        endOpacity: 0,\n        fromScale: 1,\n        startOpacity: 1,\n        direction: 'Y',\n        toScale: .3,\n        xPos: '0',\n        yPos: '100%'\n    }\n});\n\nexport const scaleOutTop = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        direction: '',\n        duration: '350ms',\n        easing: EaseOut.Sine,\n        endOpacity: 0,\n        fromScale: 1,\n        startOpacity: 1,\n        toScale: .5,\n        xPos: '50%',\n        yPos: '0'\n    }\n});\n\nexport const scaleOutLeft = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        direction: '',\n        duration: '350ms',\n        easing: EaseOut.Sine,\n        endOpacity: 0,\n        fromScale: 1,\n        startOpacity: 1,\n        toScale: .5,\n        xPos: '0',\n        yPos: '50%'\n    }\n});\n\nexport const scaleOutTr = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        direction: '',\n        duration: '350ms',\n        easing: EaseOut.Sine,\n        endOpacity: 0,\n        fromScale: 1,\n        startOpacity: 1,\n        toScale: .5,\n        xPos: '100%',\n        yPos: '0'\n    }\n});\n\nexport const scaleOutTl = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        direction: '',\n        duration: '350ms',\n        easing: EaseOut.Sine,\n        endOpacity: 0,\n        fromScale: 1,\n        startOpacity: 1,\n        toScale: .5,\n        xPos: '0',\n        yPos: '0'\n    }\n});\n\nexport const scaleOutRight = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        direction: '',\n        duration: '350ms',\n        easing: EaseOut.Sine,\n        endOpacity: 0,\n        fromScale: 1,\n        startOpacity: 1,\n        toScale: .5,\n        xPos: '100%',\n        yPos: '50%'\n    }\n});\n\nexport const scaleOutBottom = /*@__PURE__*/animation(base,{\n    params: {\n        delay: '0s',\n        direction: '',\n        duration: '350ms',\n        easing: EaseOut.Sine,\n        endOpacity: 0,\n        fromScale: 1,\n        startOpacity: 1,\n        toScale: .5,\n        xPos: '50%',\n        yPos: '100%'\n    }\n});\n\nexport const scaleOutHorCenter = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        duration: '350ms',\n        xPos: '50%',\n        yPos: '50%',\n        easing: EaseOut.Sine,\n        endOpacity: 0,\n        fromScale: 1,\n        startOpacity: 1,\n        direction: 'X',\n        toScale: .3\n    }\n});\n\nexport const scaleOutHorLeft = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        duration: '350ms',\n        easing: EaseOut.Sine,\n        endOpacity: 0,\n        fromScale: 1,\n        startOpacity: 1,\n        direction: 'X',\n        toScale: .3,\n        xPos: '0',\n        yPos: '0'\n    }\n});\n\nexport const scaleOutHorRight = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        duration: '350ms',\n        easing: EaseOut.Sine,\n        endOpacity: 0,\n        fromScale: 1,\n        startOpacity: 1,\n        direction: 'X',\n        toScale: .3,\n        xPos: '100%',\n        yPos: '100%'\n    }\n});\n","import { animate, animation, AnimationMetadata, style } from '@angular/animations';\nimport { EaseIn, EaseOut } from '../easings';\n\nconst base: AnimationMetadata[] = [\n    /*@__PURE__*/style({\n        opacity: `{{startOpacity}}`,\n        transform: `{{fromPosition}}`\n    }),\n    /*@__PURE__*/animate(\n        `{{duration}} {{delay}} {{easing}}`,\n        /*@__PURE__*/style({\n            opacity: `{{endOpacity}}`,\n            transform: `{{toPosition}}`\n        })\n    )\n];\n\nexport const slideInTop = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        duration: '350ms',\n        easing: EaseOut.Quad,\n        endOpacity: 1,\n        fromPosition: 'translateY(-500px)',\n        startOpacity: 0,\n        toPosition: 'translateY(0)'\n    }\n});\n\nexport const slideInLeft = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        duration: '350ms',\n        easing: EaseOut.Quad,\n        endOpacity: 1,\n        fromPosition: 'translateX(-500px)',\n        startOpacity: 0,\n        toPosition: 'translateY(0)'\n    }\n});\n\nexport const slideInRight = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        duration: '350ms',\n        easing: EaseOut.Quad,\n        endOpacity: 1,\n        fromPosition: 'translateX(500px)',\n        startOpacity: 0,\n        toPosition: 'translateY(0)'\n    }\n});\n\nexport const slideInBottom = /*@__PURE__*/animation(base,{\n    params: {\n        delay: '0s',\n        duration: '350ms',\n        easing: EaseOut.Quad,\n        endOpacity: 1,\n        fromPosition: 'translateY(500px)',\n        startOpacity: 0,\n        toPosition: 'translateY(0)'\n    }\n});\n\nexport const slideInTr = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        duration: '350ms',\n        easing: EaseOut.Quad,\n        endOpacity: 1,\n        startOpacity: 0,\n        fromPosition: 'translateY(-500px) translateX(500px)',\n        toPosition: 'translateY(0) translateX(0)'\n    }\n});\n\nexport const slideInTl = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        duration: '350ms',\n        easing: EaseOut.Quad,\n        endOpacity: 1,\n        startOpacity: 0,\n        fromPosition: 'translateY(-500px) translateX(-500px)',\n        toPosition: 'translateY(0) translateX(0)'\n    }\n});\n\nexport const slideInBr = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        duration: '350ms',\n        easing: EaseOut.Quad,\n        endOpacity: 1,\n        startOpacity: 0,\n        fromPosition: 'translateY(500px) translateX(500px)',\n        toPosition: 'translateY(0) translateX(0)'\n    }\n});\n\nexport const slideInBl = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        duration: '350ms',\n        easing: EaseOut.Quad,\n        endOpacity: 1,\n        startOpacity: 0,\n        fromPosition: 'translateY(500px) translateX(-500px)',\n        toPosition: 'translateY(0) translateX(0)'\n    }\n});\n\nexport const slideOutTop = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        duration: '350ms',\n        easing: EaseIn.Quad,\n        endOpacity: 0,\n        fromPosition: 'translateY(0)',\n        startOpacity: 1,\n        toPosition: 'translateY(-500px)'\n    }\n});\n\nexport const slideOutRight = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        duration: '350ms',\n        easing: EaseIn.Quad,\n        endOpacity: 0,\n        fromPosition: 'translateY(0)',\n        startOpacity: 1,\n        toPosition: 'translateX(500px)'\n    }\n});\n\nexport const slideOutBottom = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        duration: '350ms',\n        easing: EaseIn.Quad,\n        endOpacity: 0,\n        fromPosition: 'translateY(0)',\n        startOpacity: 1,\n        toPosition: 'translateY(500px)'\n    }\n});\n\nexport const slideOutLeft = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        duration: '350ms',\n        easing: EaseIn.Quad,\n        endOpacity: 0,\n        fromPosition: 'translateY(0)',\n        startOpacity: 1,\n        toPosition: 'translateX(-500px)'\n    }\n});\n\nexport const slideOutTr = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        duration: '350ms',\n        easing: EaseIn.Quad,\n        endOpacity: 0,\n        startOpacity: 1,\n        fromPosition: 'translateY(0) translateX(0)',\n        toPosition: 'translateY(-500px) translateX(500px)'\n    }\n});\n\nexport const slideOutBr = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        duration: '350ms',\n        easing: EaseIn.Quad,\n        endOpacity: 0,\n        startOpacity: 1,\n        fromPosition: 'translateY(0) translateX(0)',\n        toPosition: 'translateY(500px) translateX(500px)'\n    }\n});\n\nexport const slideOutBl = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        duration: '350ms',\n        easing: EaseIn.Quad,\n        endOpacity: 0,\n        startOpacity: 1,\n        fromPosition: 'translateY(0) translateX(0)',\n        toPosition: 'translateY(500px) translateX(-500px)'\n    }\n});\n\nexport const slideOutTl = /*@__PURE__*/animation(base, {\n    params: {\n        delay: '0s',\n        duration: '350ms',\n        easing: EaseIn.Quad,\n        endOpacity: 0,\n        startOpacity: 1,\n        fromPosition: 'translateY(0) translateX(0)',\n        toPosition: 'translateY(-500px) translateX(-500px)'\n    }\n});\n","import { animate, animation, AnimationMetadata, style } from '@angular/animations';\nimport { EaseIn, EaseOut } from '../easings';\n\nconst swingBase: AnimationMetadata[] = [\n    /*@__PURE__*/style({\n        opacity: `{{startOpacity}}`,\n        transform: `rotate{{direction}}({{startAngle}}deg)`,\n        transformOrigin: `{{xPos}} {{yPos}}`\n    }),\n    /*@__PURE__*/animate(\n        `{{duration}} {{delay}} {{easing}}`,\n        /*@__PURE__*/style({\n            opacity: `{{endOpacity}}`,\n            transform: `rotate{{direction}}({{endAngle}}deg)`,\n            transformOrigin: `{{xPos}} {{yPos}}`\n        })\n    )\n];\n\nexport const swingInTopFwd = /*@__PURE__*/animation(swingBase, {\n    params: {\n        delay: '0s',\n        direction: 'X',\n        duration: '.5s',\n        easing: EaseOut.Back,\n        endAngle: 0,\n        endOpacity: 1,\n        startAngle: -100,\n        startOpacity: 0,\n        xPos: 'top',\n        yPos: 'center'\n    }\n});\n\nexport const swingInRightFwd = /*@__PURE__*/animation(swingBase, {\n    params: {\n        delay: '0s',\n        duration: '.5s',\n        easing: EaseOut.Back,\n        endAngle: 0,\n        endOpacity: 1,\n        startAngle: -100,\n        startOpacity: 0,\n        direction: 'Y',\n        xPos: 'center',\n        yPos: 'right'\n    }\n});\n\nexport const swingInBottomFwd = /*@__PURE__*/animation(swingBase, {\n    params: {\n        delay: '0s',\n        direction: 'X',\n        duration: '.5s',\n        easing: EaseOut.Back,\n        endAngle: 0,\n        endOpacity: 1,\n        startOpacity: 0,\n        yPos: 'center',\n        startAngle: 100,\n        xPos: 'bottom'\n    }\n});\n\nexport const swingInLeftFwd = /*@__PURE__*/animation(swingBase, {\n    params: {\n        delay: '0s',\n        duration: '.5s',\n        easing: EaseOut.Back,\n        endAngle: 0,\n        endOpacity: 1,\n        startOpacity: 0,\n        direction: 'Y',\n        startAngle: 100,\n        xPos: 'center',\n        yPos: 'left'\n    }\n});\n\nexport const swingInTopBck = /*@__PURE__*/animation(swingBase, {\n    params: {\n        delay: '0s',\n        direction: 'X',\n        easing: EaseOut.Back,\n        endAngle: 0,\n        endOpacity: 1,\n        startOpacity: 0,\n        xPos: 'top',\n        yPos: 'center',\n        duration: '.6s',\n        startAngle: 70\n    }\n});\n\nexport const swingInRightBck = /*@__PURE__*/animation(swingBase, {\n    params: {\n        delay: '0s',\n        easing: EaseOut.Back,\n        endAngle: 0,\n        endOpacity: 1,\n        startOpacity: 0,\n        direction: 'Y',\n        duration: '.6s',\n        startAngle: 70,\n        xPos: 'center',\n        yPos: 'right'\n    }\n});\n\nexport const swingInBottomBck = /*@__PURE__*/animation(swingBase, {\n    params: {\n        delay: '0s',\n        direction: 'X',\n        easing: EaseOut.Back,\n        endAngle: 0,\n        endOpacity: 1,\n        startOpacity: 0,\n        yPos: 'center',\n        duration: '.6s',\n        startAngle: -70,\n        xPos: 'bottom'\n    }\n});\n\nexport const swingInLeftBck = /*@__PURE__*/animation(swingBase, {\n    params: {\n        delay: '0s',\n        easing: EaseOut.Back,\n        endAngle: 0,\n        endOpacity: 1,\n        startOpacity: 0,\n        direction: 'Y',\n        duration: '.6s',\n        startAngle: -70,\n        xPos: 'center',\n        yPos: 'left'\n    }\n});\n\nexport const swingOutTopFwd = /*@__PURE__*/animation(swingBase, {\n    params: {\n        delay: '0s',\n        direction: 'X',\n        xPos: 'top',\n        yPos: 'center',\n        duration: '.55s',\n        easing: EaseIn.Back,\n        endAngle: 70,\n        endOpacity: 0,\n        startAngle: 0,\n        startOpacity: 1\n    }\n});\n\nexport const swingOutRightFwd = /*@__PURE__*/animation(swingBase, {\n    params: {\n        delay: '0s',\n        duration: '.55s',\n        easing: EaseIn.Back,\n        endAngle: 70,\n        endOpacity: 0,\n        startAngle: 0,\n        startOpacity: 1,\n        direction: 'Y',\n        xPos: 'center',\n        yPos: 'right'\n    }\n});\n\nexport const swingOutBottomFwd = /*@__PURE__*/animation(swingBase, {\n    params: {\n        delay: '0s',\n        direction: 'X',\n        yPos: 'center',\n        duration: '.55s',\n        easing: EaseIn.Back,\n        endOpacity: 0,\n        startAngle: 0,\n        startOpacity: 1,\n        endAngle: -70,\n        xPos: 'bottom'\n    }\n});\n\nexport const swingOutLefttFwd = /*@__PURE__*/animation(swingBase, {\n    params: {\n        delay: '0s',\n        duration: '.55s',\n        easing: EaseIn.Back,\n        endOpacity: 0,\n        startAngle: 0,\n        startOpacity: 1,\n        direction: 'Y',\n        endAngle: -70,\n        xPos: 'center',\n        yPos: 'left'\n    }\n});\n\nexport const swingOutTopBck = /*@__PURE__*/animation(swingBase, {\n    params: {\n        delay: '0s',\n        direction: 'X',\n        xPos: 'top',\n        yPos: 'center',\n        easing: EaseIn.Back,\n        endOpacity: 0,\n        startAngle: 0,\n        startOpacity: 1,\n        duration: '.45s',\n        endAngle: -100\n    }\n});\n\nexport const swingOutRightBck = /*@__PURE__*/animation(swingBase, {\n    params: {\n        delay: '0s',\n        easing: EaseIn.Back,\n        endOpacity: 0,\n        startAngle: 0,\n        startOpacity: 1,\n        direction: 'Y',\n        duration: '.45s',\n        endAngle: -100,\n        xPos: 'center',\n        yPos: 'right'\n    }\n});\n\nexport const swingOutBottomBck = /*@__PURE__*/animation(swingBase, {\n    params: {\n        delay: '0s',\n        direction: 'X',\n        yPos: 'center',\n        easing: EaseIn.Back,\n        endOpacity: 0,\n        startAngle: 0,\n        startOpacity: 1,\n        duration: '.45s',\n        endAngle: 100,\n        xPos: 'bottom'\n    }\n});\n\nexport const swingOutLeftBck = /*@__PURE__*/animation(swingBase, {\n    params: {\n        delay: '0s',\n        easing: EaseIn.Back,\n        endOpacity: 0,\n        startAngle: 0,\n        startOpacity: 1,\n        direction: 'Y',\n        duration: '.45s',\n        endAngle: 100,\n        xPos: 'center',\n        yPos: 'left'\n    }\n});\n","import { AnimationReferenceMetadata } from '@angular/animations';\nimport { fadeIn, fadeOut } from './fade';\nimport { flipBottom, flipHorBck, flipHorFwd, flipLeft, flipRight, flipTop, flipVerBck, flipVerFwd } from './flip';\nimport { growVerIn, growVerOut } from './grow';\nimport { blink, heartbeat, pulsateBck, pulsateFwd, shakeBl, shakeBottom, shakeBr, shakeCenter, shakeHor, shakeLeft, shakeRight, shakeTl, shakeTop, shakeTr, shakeVer } from './misc';\nimport { rotateInBl, rotateInBottom, rotateInBr, rotateInCenter, rotateInDiagonal1, rotateInDiagonal2, rotateInHor, rotateInLeft, rotateInRight, rotateInTl, rotateInTop, rotateInTr, rotateInVer, rotateOutBl, rotateOutBottom, rotateOutBr, rotateOutCenter, rotateOutDiagonal1, rotateOutDiagonal2, rotateOutHor, rotateOutLeft, rotateOutRight, rotateOutTl, rotateOutTop, rotateOutTr, rotateOutVer } from './rotate';\nimport { scaleInBl, scaleInBottom, scaleInBr, scaleInCenter, scaleInHorCe