ngx-contextual-action-bar
Version:
ngx-contextual-action-bar is an Angular2+ implementation of the [Material Design Contextual Action Bar](https://material.io/components/app-bars-top#contextual-action-bar). The implementation makes it possible to change the action bar properties (i.e. titl
19 lines • 3.25 kB
JavaScript
import { animate, style, transition, trigger } from "@angular/animations";
import * as easings from "../material/easings";
import * as timings from "../material/timings";
// none, prominent, regular
export const paddingAnimation = trigger('padding', [
transition('* => prominent', [
style({ paddingTop: 128 }),
animate(`${timings.medium_enter} ${easings.standard}`, style({ paddingTop: 0 }))
]),
transition('* => regular', [
style({ paddingTop: 56 }),
animate(`${timings.medium_enter} ${easings.standard}`, style({ paddingTop: 0 }))
]),
transition('* => none', [
style({ padding: '!' }),
animate(`${timings.medium_enter} ${easings.standard}`, style({ padding: 0 }))
])
]);
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFkZGluZy5hbmltYXRpb25zLmpzIiwic291cmNlUm9vdCI6Ii4uLy4uLy4uL3Byb2plY3RzL25neC1jb250ZXh0dWFsLWFjdGlvbi1iYXIvc3JjLyIsInNvdXJjZXMiOlsibGliL2FuaW1hdGlvbnMvcGFkZGluZy5hbmltYXRpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQVMsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUVqRixPQUFPLEtBQUssT0FBTyxNQUFNLHFCQUFxQixDQUFDO0FBQy9DLE9BQU8sS0FBSyxPQUFPLE1BQU0scUJBQXFCLENBQUM7QUFFL0MsMkJBQTJCO0FBQzNCLE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFHLE9BQU8sQ0FBQyxTQUFTLEVBQUU7SUFDL0MsVUFBVSxDQUFDLGdCQUFnQixFQUFFO1FBQ3pCLEtBQUssQ0FBQyxFQUFFLFVBQVUsRUFBRSxHQUFHLEVBQUUsQ0FBQztRQUMxQixPQUFPLENBQUMsR0FBRyxPQUFPLENBQUMsWUFBWSxJQUFJLE9BQU8sQ0FBQyxRQUFRLEVBQUUsRUFBRSxLQUFLLENBQUMsRUFBRSxVQUFVLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQztLQUNuRixDQUFDO0lBQ0YsVUFBVSxDQUFDLGNBQWMsRUFBRTtRQUN2QixLQUFLLENBQUMsRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLENBQUM7UUFDekIsT0FBTyxDQUFDLEdBQUcsT0FBTyxDQUFDLFlBQVksSUFBSSxPQUFPLENBQUMsUUFBUSxFQUFFLEVBQUUsS0FBSyxDQUFDLEVBQUUsVUFBVSxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUM7S0FDbkYsQ0FBQztJQUNGLFVBQVUsQ0FBQyxXQUFXLEVBQUU7UUFDcEIsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLEdBQUcsRUFBQyxDQUFDO1FBQ3RCLE9BQU8sQ0FBQyxHQUFHLE9BQU8sQ0FBQyxZQUFZLElBQUksT0FBTyxDQUFDLFFBQVEsRUFBRSxFQUFFLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0tBQ2hGLENBQUM7Q0FDTCxDQUFDLENBQUEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBhbmltYXRlLCBzdGF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tIFwiQGFuZ3VsYXIvYW5pbWF0aW9uc1wiO1xyXG5cclxuaW1wb3J0ICogYXMgZWFzaW5ncyBmcm9tIFwiLi4vbWF0ZXJpYWwvZWFzaW5nc1wiO1xyXG5pbXBvcnQgKiBhcyB0aW1pbmdzIGZyb20gXCIuLi9tYXRlcmlhbC90aW1pbmdzXCI7XHJcblxyXG4vLyBub25lLCBwcm9taW5lbnQsIHJlZ3VsYXJcclxuZXhwb3J0IGNvbnN0IHBhZGRpbmdBbmltYXRpb24gPSB0cmlnZ2VyKCdwYWRkaW5nJywgW1xyXG4gICAgdHJhbnNpdGlvbignKiA9PiBwcm9taW5lbnQnLCBbXHJcbiAgICAgICAgc3R5bGUoeyBwYWRkaW5nVG9wOiAxMjggfSksXHJcbiAgICAgICAgYW5pbWF0ZShgJHt0aW1pbmdzLm1lZGl1bV9lbnRlcn0gJHtlYXNpbmdzLnN0YW5kYXJkfWAsIHN0eWxlKHsgcGFkZGluZ1RvcDogMCB9KSlcclxuICAgIF0pLFxyXG4gICAgdHJhbnNpdGlvbignKiA9PiByZWd1bGFyJywgW1xyXG4gICAgICAgIHN0eWxlKHsgcGFkZGluZ1RvcDogNTYgfSksXHJcbiAgICAgICAgYW5pbWF0ZShgJHt0aW1pbmdzLm1lZGl1bV9lbnRlcn0gJHtlYXNpbmdzLnN0YW5kYXJkfWAsIHN0eWxlKHsgcGFkZGluZ1RvcDogMCB9KSlcclxuICAgIF0pLFxyXG4gICAgdHJhbnNpdGlvbignKiA9PiBub25lJywgW1xyXG4gICAgICAgIHN0eWxlKHsgcGFkZGluZzogJyEnfSksXHJcbiAgICAgICAgYW5pbWF0ZShgJHt0aW1pbmdzLm1lZGl1bV9lbnRlcn0gJHtlYXNpbmdzLnN0YW5kYXJkfWAsIHN0eWxlKHsgcGFkZGluZzogMCB9KSlcclxuICAgIF0pXHJcbl0pIl19