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
46 lines • 6.99 kB
JavaScript
import { animate, group, query, style, transition, trigger } from '@angular/animations';
// const optional = true;
import * as easings from '../material/easings';
const ɵ0 = (from, to, el) => {
return from == to;
}, ɵ1 = (from, to, element) => {
return ((from != 'void') && to == 'void');
}, ɵ2 = (from, to, element) => {
return ((from == 'void') && to != 'void');
};
export const buttonAnimation = trigger('buttonAnimation', [
transition(ɵ0, []),
transition(ɵ1, [
style({ width: '!', overflow: 'hidden', opacity: 1 }),
animate(`90ms ${easings.accelerated}`, style({ opacity: 0 })),
animate(`110ms ${easings.standard}`, style({ width: 0 }))
]),
transition(ɵ2, [
style({ width: 0, overflow: 'hidden', opacity: 0 }),
animate(`90ms ${easings.accelerated}`, style({ width: '*' })),
animate(`110ms ${easings.standard}`, style({ opacity: 1 }))
]),
// transition((from, to) => {
// return from === undefined && to !== undefined
// }, [
// query('.new', [
// style({ opacity: 0 }),
// ])
// ]),
transition(('* <=> *'), [
query('.new', [
style({ opacity: 0, transform: 'rotate(180deg)' })
]),
group([
query('.old', [
style({ display: 'block' }),
animate(`150ms ${easings.accelerated}`, style({ opacity: 0, transform: 'rotate(180deg)' })),
]),
query('.new', [
animate(`150ms ${easings.decelerated}`, style({ opacity: 1, transform: 'rotate(360deg)' }))
]),
])
]),
]);
export { ɵ0, ɵ1, ɵ2 };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmFuaW1hdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIuLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29udGV4dHVhbC1hY3Rpb24tYmFyL3NyYy8iLCJzb3VyY2VzIjpbImxpYi9hbmltYXRpb25zL2J1dHRvbi5hbmltYXRpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFeEYseUJBQXlCO0FBRXpCLE9BQU8sS0FBSyxPQUFPLE1BQU0scUJBQXFCLENBQUM7V0FJaEMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFO0lBQ3hCLE9BQU8sSUFBSSxJQUFJLEVBQUUsQ0FBQTtBQUNyQixDQUFDLE9BQ1UsQ0FBQyxJQUFJLEVBQUUsRUFBRSxFQUFFLE9BQU8sRUFBRSxFQUFFO0lBQzdCLE9BQU8sQ0FBQyxDQUFDLElBQUksSUFBSSxNQUFNLENBQUMsSUFBSSxFQUFFLElBQUksTUFBTSxDQUFDLENBQUE7QUFDN0MsQ0FBQyxPQUtVLENBQUMsSUFBSSxFQUFFLEVBQUUsRUFBRSxPQUFPLEVBQUUsRUFBRTtJQUM3QixPQUFPLENBQUMsQ0FBQyxJQUFJLElBQUksTUFBTSxDQUFDLElBQUksRUFBRSxJQUFJLE1BQU0sQ0FBQyxDQUFBO0FBQzdDLENBQUM7QUFiTCxNQUFNLENBQUMsTUFBTSxlQUFlLEdBQUcsT0FBTyxDQUFDLGlCQUFpQixFQUFFO0lBQ3RELFVBQVUsS0FFUCxFQUFFLENBQUM7SUFDTixVQUFVLEtBRVA7UUFDQyxLQUFLLENBQUMsRUFBRSxLQUFLLEVBQUUsR0FBRyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDO1FBQ3JELE9BQU8sQ0FBQyxRQUFRLE9BQU8sQ0FBQyxXQUFXLEVBQUUsRUFBRSxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUM3RCxPQUFPLENBQUMsU0FBUyxPQUFPLENBQUMsUUFBUSxFQUFFLEVBQUUsS0FBSyxDQUFDLEVBQUUsS0FBSyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUM7S0FDNUQsQ0FBQztJQUNGLFVBQVUsS0FFUDtRQUNDLEtBQUssQ0FBQyxFQUFFLEtBQUssRUFBRSxDQUFDLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUM7UUFDbkQsT0FBTyxDQUFDLFFBQVEsT0FBTyxDQUFDLFdBQVcsRUFBRSxFQUFFLEtBQUssQ0FBQyxFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO1FBQzdELE9BQU8sQ0FBQyxTQUFTLE9BQU8sQ0FBQyxRQUFRLEVBQUUsRUFBRSxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQztLQUM5RCxDQUFDO0lBQ0YsNkJBQTZCO0lBQzdCLG9EQUFvRDtJQUNwRCxPQUFPO0lBQ1Asc0JBQXNCO0lBQ3RCLGlDQUFpQztJQUNqQyxTQUFTO0lBQ1QsTUFBTTtJQUNOLFVBQVUsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxFQUFFO1FBQ3BCLEtBQUssQ0FBQyxNQUFNLEVBQUU7WUFDVixLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDO1NBQ3JELENBQUM7UUFDRixLQUFLLENBQUM7WUFDRixLQUFLLENBQUMsTUFBTSxFQUFFO2dCQUNWLEtBQUssQ0FBQyxFQUFDLE9BQU8sRUFBRSxPQUFPLEVBQUMsQ0FBQztnQkFDekIsT0FBTyxDQUFDLFNBQVMsT0FBTyxDQUFDLFdBQVcsRUFBRSxFQUFFLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUMsQ0FBQzthQUU5RixDQUFDO1lBQ0YsS0FBSyxDQUFDLE1BQU0sRUFBRTtnQkFDVixPQUFPLENBQUMsU0FBUyxPQUFPLENBQUMsV0FBVyxFQUFFLEVBQUUsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsQ0FBQyxDQUFDO2FBQzlGLENBQUM7U0FDTCxDQUFDO0tBQ0wsQ0FBQztDQUVMLENBQUMsQ0FBQSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFuaW1hdGUsIGdyb3VwLCBxdWVyeSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcclxuXHJcbi8vIGNvbnN0IG9wdGlvbmFsID0gdHJ1ZTtcclxuXHJcbmltcG9ydCAqIGFzIGVhc2luZ3MgZnJvbSAnLi4vbWF0ZXJpYWwvZWFzaW5ncyc7XHJcbmltcG9ydCAqIGFzIHRpbWluZ3MgZnJvbSAnLi4vbWF0ZXJpYWwvdGltaW5ncyc7XHJcblxyXG5leHBvcnQgY29uc3QgYnV0dG9uQW5pbWF0aW9uID0gdHJpZ2dlcignYnV0dG9uQW5pbWF0aW9uJywgW1xyXG4gICAgdHJhbnNpdGlvbigoZnJvbSwgdG8sIGVsKSA9PiB7XHJcbiAgICAgICAgcmV0dXJuIGZyb20gPT0gdG9cclxuICAgIH0sIFtdKSxcclxuICAgIHRyYW5zaXRpb24oKGZyb20sIHRvLCBlbGVtZW50KSA9PiB7ICAgICAgICAgICAgICAgIFxyXG4gICAgICAgIHJldHVybiAoKGZyb20gIT0gJ3ZvaWQnKSAmJiB0byA9PSAndm9pZCcpXHJcbiAgICB9LCBbXHJcbiAgICAgICAgc3R5bGUoeyB3aWR0aDogJyEnLCBvdmVyZmxvdzogJ2hpZGRlbicsIG9wYWNpdHk6IDEgfSksXHJcbiAgICAgICAgYW5pbWF0ZShgOTBtcyAke2Vhc2luZ3MuYWNjZWxlcmF0ZWR9YCwgc3R5bGUoeyBvcGFjaXR5OiAwIH0pKSxcclxuICAgICAgICBhbmltYXRlKGAxMTBtcyAke2Vhc2luZ3Muc3RhbmRhcmR9YCwgc3R5bGUoeyB3aWR0aDogMCB9KSlcclxuICAgIF0pLFxyXG4gICAgdHJhbnNpdGlvbigoZnJvbSwgdG8sIGVsZW1lbnQpID0+IHsgICAgICAgICAgICAgICAgXHJcbiAgICAgICAgcmV0dXJuICgoZnJvbSA9PSAndm9pZCcpICYmIHRvICE9ICd2b2lkJylcclxuICAgIH0sIFtcclxuICAgICAgICBzdHlsZSh7IHdpZHRoOiAwLCBvdmVyZmxvdzogJ2hpZGRlbicsIG9wYWNpdHk6IDAgfSksXHJcbiAgICAgICAgYW5pbWF0ZShgOTBtcyAke2Vhc2luZ3MuYWNjZWxlcmF0ZWR9YCwgc3R5bGUoeyB3aWR0aDogJyonIH0pKSxcclxuICAgICAgICBhbmltYXRlKGAxMTBtcyAke2Vhc2luZ3Muc3RhbmRhcmR9YCwgc3R5bGUoeyBvcGFjaXR5OiAxIH0pKVxyXG4gICAgXSksXHJcbiAgICAvLyB0cmFuc2l0aW9uKChmcm9tLCB0bykgPT4ge1xyXG4gICAgLy8gICAgIHJldHVybiBmcm9tID09PSB1bmRlZmluZWQgJiYgdG8gIT09IHVuZGVmaW5lZFxyXG4gICAgLy8gfSwgW1xyXG4gICAgLy8gICAgIHF1ZXJ5KCcubmV3JywgW1xyXG4gICAgLy8gICAgICAgICBzdHlsZSh7IG9wYWNpdHk6IDAgfSksXHJcbiAgICAvLyAgICAgXSlcclxuICAgIC8vIF0pLFxyXG4gICAgdHJhbnNpdGlvbigoJyogPD0+IConKSwgW1xyXG4gICAgICAgIHF1ZXJ5KCcubmV3JywgW1xyXG4gICAgICAgICAgICBzdHlsZSh7IG9wYWNpdHk6IDAsIHRyYW5zZm9ybTogJ3JvdGF0ZSgxODBkZWcpJyB9KVxyXG4gICAgICAgIF0pLFxyXG4gICAgICAgIGdyb3VwKFtcclxuICAgICAgICAgICAgcXVlcnkoJy5vbGQnLCBbXHJcbiAgICAgICAgICAgICAgICBzdHlsZSh7ZGlzcGxheTogJ2Jsb2NrJ30pLFxyXG4gICAgICAgICAgICAgICAgYW5pbWF0ZShgMTUwbXMgJHtlYXNpbmdzLmFjY2VsZXJhdGVkfWAsIHN0eWxlKHsgb3BhY2l0eTogMCwgdHJhbnNmb3JtOiAncm90YXRlKDE4MGRlZyknIH0pKSxcclxuICAgICAgICAgICAgICAgIC8vIGFuaW1hdGUoYDFzICR7ZWFzaW5ncy5hY2NlbGVyYXRlZH1gLCBzdHlsZSh7IG9wYWNpdHk6IDAsIHRyYW5zZm9ybTogJ3JvdGF0ZSgxODBkZWcpJyB9KSksXHJcbiAgICAgICAgICAgIF0pLFxyXG4gICAgICAgICAgICBxdWVyeSgnLm5ldycsIFtcclxuICAgICAgICAgICAgICAgIGFuaW1hdGUoYDE1MG1zICR7ZWFzaW5ncy5kZWNlbGVyYXRlZH1gLCBzdHlsZSh7IG9wYWNpdHk6IDEsIHRyYW5zZm9ybTogJ3JvdGF0ZSgzNjBkZWcpJyB9KSlcclxuICAgICAgICAgICAgXSksXHJcbiAgICAgICAgXSlcclxuICAgIF0pLFxyXG5cclxuXSkiXX0=