UNPKG

@ngverse/motion

Version:

<p align="center"> <img src="https://github.com/ngverse/motion/blob/main/apps/docs/public/logo.png?raw=true" alt="Logo" width="200px" /> </p> `@ngverse/motion` is an Angular animations library, see more info on [link](https://motion.ngverse.dev)

1 lines 10.1 kB
{"version":3,"file":"ngverse-motion-generalcss.mjs","sources":["../../../../libs/motion/generalcss/src/lib/common/general-defaults.ts","../../../../libs/motion/generalcss/src/lib/collapse.ts","../../../../libs/motion/generalcss/src/lib/collapse-x.ts","../../../../libs/motion/generalcss/src/lib/expand.ts","../../../../libs/motion/generalcss/src/lib/expand-x.ts","../../../../libs/motion/generalcss/src/ngverse-motion-generalcss.ts"],"sourcesContent":["import { MotionDefaultOptions, MotionOptions } from '@ngverse/motion/core';\n\nlet MOTION_DEFAULTS: Required<MotionDefaultOptions> = {\n duration: 250,\n delay: 0,\n children: 'none',\n easing: 'ease-in-out',\n};\n\nexport function getGeneralcssDefaults() {\n return MOTION_DEFAULTS;\n}\n\nexport function setGeneralcssDefaults(options: MotionOptions) {\n const defaults = { ...MOTION_DEFAULTS, ...options };\n\n MOTION_DEFAULTS = defaults;\n}\n","/**\n * ref: https://github.com/animate-css/animate.css/blob/main/source/flippers/collapse.css\n */\nimport { AUTO_STYLE, keyframes, style } from '@angular/animations';\nimport {\n createDefaults,\n createMotionFromAnimate,\n createOnDecr,\n createOnLeave,\n MotionOptions,\n} from '@ngverse/motion/core';\nimport { getGeneralcssDefaults } from './common/general-defaults';\n\ninterface collapseMotionOptions extends MotionOptions {\n /**\n * The ending height of the element\n */\n endHeight: string;\n}\n\nconst defaults = createDefaults<collapseMotionOptions>({\n endHeight: '0px',\n});\nconst name = `collapse`;\n\n/**\n * collapse animation\n */\nexport const collapse = createMotionFromAnimate<collapseMotionOptions>(\n keyframes([\n style({\n height: AUTO_STYLE,\n visibility: AUTO_STYLE,\n overflow: 'hidden',\n easing: 'ease-in',\n offset: 0,\n }),\n style({\n height: '{{endHeight}}',\n visibility: 'hidden',\n overflow: 'hidden',\n easing: 'ease-in',\n offset: 1,\n }),\n ]),\n defaults,\n getGeneralcssDefaults()\n);\n\n/**\n * collapse animation on :leave\n * @remarks triggerName: `collapseOnLeave`\n */\nexport const collapseOnLeave = createOnLeave(\n collapse,\n name,\n defaults,\n getGeneralcssDefaults()\n);\n\n/**\n * collapse animation on :decr\n * @remarks triggerName: `collapseOnDecr`\n */\nexport const collapseOnDecr = createOnDecr(\n collapse,\n name,\n defaults,\n getGeneralcssDefaults()\n);\n","/**\n * ref: https://github.com/animate-css/animate.css/blob/main/source/flippers/collapseX.css\n */\nimport { AUTO_STYLE, keyframes, style } from '@angular/animations';\nimport {\n createDefaults,\n createMotionFromAnimate,\n createOnDecr,\n createOnLeave,\n MotionOptions,\n} from '@ngverse/motion/core';\nimport { getGeneralcssDefaults } from './common/general-defaults';\n\ninterface collapseXMotionOptions extends MotionOptions {\n /**\n * The ending width of the element\n */\n endWidth: string;\n}\n\nconst defaults = createDefaults<collapseXMotionOptions>({\n endWidth: '0px',\n});\nconst name = `collapseX`;\n\n/**\n * collapseX animation\n */\nexport const collapseX = createMotionFromAnimate<collapseXMotionOptions>(\n keyframes([\n style({\n width: AUTO_STYLE,\n visibility: AUTO_STYLE,\n overflow: 'hidden',\n easing: 'ease-in',\n offset: 0,\n }),\n style({\n width: '{{endWidth}}',\n visibility: 'hidden',\n overflow: 'hidden',\n easing: 'ease-in',\n offset: 1,\n }),\n ]),\n defaults,\n getGeneralcssDefaults()\n);\n\n/**\n * collapseX animation on :leave\n * @remarks triggerName: `collapseXOnLeave`\n */\nexport const collapseXOnLeave = createOnLeave(\n collapseX,\n name,\n defaults,\n getGeneralcssDefaults()\n);\n\n/**\n * collapseX animation on :decr\n * @remarks triggerName: `collapseXOnDecr`\n */\nexport const collapseXOnDecr = createOnDecr(\n collapseX,\n name,\n defaults,\n getGeneralcssDefaults()\n);\n","/**\n * ref: https://github.com/animate-css/animate.css/blob/main/source/flippers/expand.css\n */\nimport { AUTO_STYLE, keyframes, style } from '@angular/animations';\nimport {\n createDefaults,\n createMotionFromAnimate,\n createOnEnter,\n createOnIncr,\n MotionOptions,\n} from '@ngverse/motion/core';\nimport { getGeneralcssDefaults } from './common/general-defaults';\n\ninterface expandMotionOptions extends MotionOptions {\n /**\n * The starting height of the element\n */\n startHeight: string;\n}\n\nconst defaults = createDefaults<expandMotionOptions>({\n startHeight: '0px',\n});\nconst name = `expand`;\n\n/**\n * expand animation\n */\nexport const expand = createMotionFromAnimate<expandMotionOptions>(\n keyframes([\n style({\n height: '{{startHeight}}',\n offset: 0,\n overflow: 'hidden',\n visibility: 'hidden',\n }),\n style({\n height: AUTO_STYLE,\n visibility: AUTO_STYLE,\n offset: 1,\n overflow: 'hidden',\n }),\n ]),\n defaults,\n getGeneralcssDefaults()\n);\n\n/**\n * expand animation on :enter\n * @remarks triggerName: `expandOnEnter`\n */\nexport const expandOnEnter = createOnEnter(\n expand,\n name,\n defaults,\n getGeneralcssDefaults()\n);\n\n/**\n * expand animation on :incr\n * @remarks triggerName: `expandOnIncr`\n */\nexport const expandOnIncr = createOnIncr(\n expand,\n name,\n defaults,\n getGeneralcssDefaults()\n);\n","/**\n * ref: https://github.com/animate-css/animate.css/blob/main/source/flippers/expandX.css\n */\nimport { AUTO_STYLE, keyframes, style } from '@angular/animations';\nimport {\n createDefaults,\n createMotionFromAnimate,\n createOnEnter,\n createOnIncr,\n MotionOptions,\n} from '@ngverse/motion/core';\nimport { getGeneralcssDefaults } from './common/general-defaults';\n\ninterface expandXMotionOptions extends MotionOptions {\n /**\n * The starting width of the element\n */\n startWidth: string;\n}\n\nconst defaults = createDefaults<expandXMotionOptions>({\n startWidth: '0px',\n});\nconst name = `expandX`;\n\n/**\n * expandX animation\n */\nexport const expandX = createMotionFromAnimate<expandXMotionOptions>(\n keyframes([\n style({\n width: '{{startWidth}}',\n visibility: 'hidden',\n overflow: 'hidden',\n easing: 'ease-out',\n offset: 0,\n }),\n style({\n width: AUTO_STYLE,\n visibility: AUTO_STYLE,\n overflow: 'hidden',\n easing: 'ease-out',\n offset: 1,\n }),\n ]),\n defaults,\n getGeneralcssDefaults()\n);\n\n/**\n * expandX animation on :enter\n * @remarks triggerName: `expandXOnEnter`\n */\nexport const expandXOnEnter = createOnEnter(\n expandX,\n name,\n defaults,\n getGeneralcssDefaults()\n);\n\n/**\n * expandX animation on :incr\n * @remarks triggerName: `expandXOnIncr`\n */\nexport const expandXOnIncr = createOnIncr(\n expandX,\n name,\n defaults,\n getGeneralcssDefaults()\n);\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["defaults","name"],"mappings":"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"}