@ux-aspects/ux-aspects
Version:
Open source user interface framework for building modern, responsive, mobile big data applications
14 lines • 3.17 kB
JavaScript
import { animate, state, style, transition, trigger } from '@angular/animations';
export var SidePanelAnimationState;
(function (SidePanelAnimationState) {
SidePanelAnimationState["Closed"] = "closed";
SidePanelAnimationState["Open"] = "open";
SidePanelAnimationState["OpenImmediate"] = "openImmediate";
})(SidePanelAnimationState || (SidePanelAnimationState = {}));
export const sidePanelStateAnimation = trigger('panelState', [
state(SidePanelAnimationState.Closed, style({ visibility: 'hidden' })),
state(`${SidePanelAnimationState.Open}, ${SidePanelAnimationState.OpenImmediate}`, style({ visibility: 'visible', transform: 'none' })),
transition(`void <=> ${SidePanelAnimationState.Open}`, animate('0.2s cubic-bezier(0.49, 1, 0.38, 0.98)')),
transition(`void <=> ${SidePanelAnimationState.OpenImmediate}`, animate('0s'))
]);
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1wYW5lbC1hbmltYXRpb25zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc2lkZS1wYW5lbC9zaWRlLXBhbmVsLWFuaW1hdGlvbnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBNEIsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFM0csTUFBTSxDQUFOLElBQVksdUJBSVg7QUFKRCxXQUFZLHVCQUF1QjtJQUMvQiw0Q0FBaUIsQ0FBQTtJQUNqQix3Q0FBYSxDQUFBO0lBQ2IsMERBQStCLENBQUE7QUFDbkMsQ0FBQyxFQUpXLHVCQUF1QixLQUF2Qix1QkFBdUIsUUFJbEM7QUFFRCxNQUFNLENBQUMsTUFBTSx1QkFBdUIsR0FBNkIsT0FBTyxDQUFDLFlBQVksRUFBRTtJQUNuRixLQUFLLENBQ0QsdUJBQXVCLENBQUMsTUFBTSxFQUM5QixLQUFLLENBQUMsRUFBRSxVQUFVLEVBQUUsUUFBUSxFQUFFLENBQUMsQ0FDbEM7SUFDRCxLQUFLLENBQ0QsR0FBRyx1QkFBdUIsQ0FBQyxJQUFJLEtBQUssdUJBQXVCLENBQUMsYUFBYSxFQUFFLEVBQzNFLEtBQUssQ0FBQyxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxDQUFDLENBQ3REO0lBQ0QsVUFBVSxDQUNOLFlBQVksdUJBQXVCLENBQUMsSUFBSSxFQUFFLEVBQzFDLE9BQU8sQ0FBQyx3Q0FBd0MsQ0FBQyxDQUNwRDtJQUNELFVBQVUsQ0FDTixZQUFZLHVCQUF1QixDQUFDLGFBQWEsRUFBRSxFQUNuRCxPQUFPLENBQUMsSUFBSSxDQUFDLENBQ2hCO0NBQ0osQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgYW5pbWF0ZSwgQW5pbWF0aW9uVHJpZ2dlck1ldGFkYXRhLCBzdGF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcblxuZXhwb3J0IGVudW0gU2lkZVBhbmVsQW5pbWF0aW9uU3RhdGUge1xuICAgIENsb3NlZCA9ICdjbG9zZWQnLFxuICAgIE9wZW4gPSAnb3BlbicsXG4gICAgT3BlbkltbWVkaWF0ZSA9ICdvcGVuSW1tZWRpYXRlJ1xufVxuXG5leHBvcnQgY29uc3Qgc2lkZVBhbmVsU3RhdGVBbmltYXRpb246IEFuaW1hdGlvblRyaWdnZXJNZXRhZGF0YSA9IHRyaWdnZXIoJ3BhbmVsU3RhdGUnLCBbXG4gICAgc3RhdGUoXG4gICAgICAgIFNpZGVQYW5lbEFuaW1hdGlvblN0YXRlLkNsb3NlZCxcbiAgICAgICAgc3R5bGUoeyB2aXNpYmlsaXR5OiAnaGlkZGVuJyB9KVxuICAgICksXG4gICAgc3RhdGUoXG4gICAgICAgIGAke1NpZGVQYW5lbEFuaW1hdGlvblN0YXRlLk9wZW59LCAke1NpZGVQYW5lbEFuaW1hdGlvblN0YXRlLk9wZW5JbW1lZGlhdGV9YCxcbiAgICAgICAgc3R5bGUoeyB2aXNpYmlsaXR5OiAndmlzaWJsZScsIHRyYW5zZm9ybTogJ25vbmUnIH0pXG4gICAgKSxcbiAgICB0cmFuc2l0aW9uKFxuICAgICAgICBgdm9pZCA8PT4gJHtTaWRlUGFuZWxBbmltYXRpb25TdGF0ZS5PcGVufWAsXG4gICAgICAgIGFuaW1hdGUoJzAuMnMgY3ViaWMtYmV6aWVyKDAuNDksIDEsIDAuMzgsIDAuOTgpJylcbiAgICApLFxuICAgIHRyYW5zaXRpb24oXG4gICAgICAgIGB2b2lkIDw9PiAke1NpZGVQYW5lbEFuaW1hdGlvblN0YXRlLk9wZW5JbW1lZGlhdGV9YCxcbiAgICAgICAgYW5pbWF0ZSgnMHMnKVxuICAgIClcbl0pO1xuIl19