@ptsecurity/mosaic
Version:
10 lines • 2.47 kB
JavaScript
import { animate, style, transition, trigger, state } from '@angular/animations';
import { VerticalNavbarSizeStatesClosedWidth as closedWidth, VerticalNavbarSizeStatesOpenedWidth as openedWidth } from '@ptsecurity/mosaic/design-tokens';
export function toggleVerticalNavbarAnimation() {
return trigger('toggle', [
state('0', style({ width: `var(--mc-vertical-navbar-size-states-closed-width, ${closedWidth})` })),
state('1', style({ width: `var(--mc-vertical-navbar-size-states-opened-width, ${openedWidth})` })),
transition('0 <=> 1', animate('200ms cubic-bezier(0, 1, 0.5, 1)'))
]);
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtbmF2YmFyLmFuaW1hdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL21vc2FpYy9uYXZiYXIvdmVydGljYWwtbmF2YmFyLmFuaW1hdGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUE0QixLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUMzRyxPQUFPLEVBQ0gsbUNBQW1DLElBQUksV0FBVyxFQUNsRCxtQ0FBbUMsSUFBSSxXQUFXLEVBQ3JELE1BQU0sa0NBQWtDLENBQUM7QUFHMUMsTUFBTSxVQUFVLDZCQUE2QjtJQUN6QyxPQUFPLE9BQU8sQ0FBQyxRQUFRLEVBQUU7UUFDckIsS0FBSyxDQUFDLEdBQUcsRUFBRSxLQUFLLENBQUMsRUFBRSxLQUFLLEVBQUUsc0RBQXNELFdBQVcsR0FBRyxFQUFFLENBQUMsQ0FBQztRQUNsRyxLQUFLLENBQUMsR0FBRyxFQUFHLEtBQUssQ0FBQyxFQUFFLEtBQUssRUFBRSxzREFBc0QsV0FBVyxHQUFHLEVBQUUsQ0FBQyxDQUFDO1FBQ25HLFVBQVUsQ0FBQyxTQUFTLEVBQUUsT0FBTyxDQUFDLGtDQUFrQyxDQUFDLENBQUM7S0FDckUsQ0FBQyxDQUFDO0FBQ1AsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFuaW1hdGUsIEFuaW1hdGlvblRyaWdnZXJNZXRhZGF0YSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIsIHN0YXRlIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5pbXBvcnQge1xuICAgIFZlcnRpY2FsTmF2YmFyU2l6ZVN0YXRlc0Nsb3NlZFdpZHRoIGFzIGNsb3NlZFdpZHRoLFxuICAgIFZlcnRpY2FsTmF2YmFyU2l6ZVN0YXRlc09wZW5lZFdpZHRoIGFzIG9wZW5lZFdpZHRoXG59IGZyb20gJ0BwdHNlY3VyaXR5L21vc2FpYy9kZXNpZ24tdG9rZW5zJztcblxuXG5leHBvcnQgZnVuY3Rpb24gdG9nZ2xlVmVydGljYWxOYXZiYXJBbmltYXRpb24oKTogQW5pbWF0aW9uVHJpZ2dlck1ldGFkYXRhIHtcbiAgICByZXR1cm4gdHJpZ2dlcigndG9nZ2xlJywgW1xuICAgICAgICBzdGF0ZSgnMCcsIHN0eWxlKHsgd2lkdGg6IGB2YXIoLS1tYy12ZXJ0aWNhbC1uYXZiYXItc2l6ZS1zdGF0ZXMtY2xvc2VkLXdpZHRoLCAke2Nsb3NlZFdpZHRofSlgIH0pKSxcbiAgICAgICAgc3RhdGUoJzEnLCAgc3R5bGUoeyB3aWR0aDogYHZhcigtLW1jLXZlcnRpY2FsLW5hdmJhci1zaXplLXN0YXRlcy1vcGVuZWQtd2lkdGgsICR7b3BlbmVkV2lkdGh9KWAgfSkpLFxuICAgICAgICB0cmFuc2l0aW9uKCcwIDw9PiAxJywgYW5pbWF0ZSgnMjAwbXMgY3ViaWMtYmV6aWVyKDAsIDEsIDAuNSwgMSknKSlcbiAgICBdKTtcbn1cbiJdfQ==