/**
 * @fileoverview added by tsickle
 * Generated from: quick-search/drawer/drawer.component.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
/*!
 * Copyright 2021 VMware, Inc.
 * SPDX-License-Identifier: BSD-2-Clause
 */
import { Component, Input } from '@angular/core';
/** @type {?} */
const CLARITY_HEADER_HEIGHT = 60;
export class DrawerComponent {
    constructor() {
        this.topOffset = 0;
        this.headerHeight = CLARITY_HEADER_HEIGHT;
    }
    /**
     * @return {?}
     */
    get containerHeight() {
        return 'calc(100vh - ' + (this.topOffset + this.headerHeight) + 'px)';
    }
}
DrawerComponent.decorators = [
    { type: Component, args: [{
                selector: 'vcd-drawer-component',
                template: "<div class=\"drawer-container\" [style.top]=\"topOffset + headerHeight + 'px'\">\n    <div class=\"flex-container\" #rightDrawer [style.height]=\"containerHeight\">\n        <div class=\"drawer\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>\n",
                styles: [":root{--vcd-drawer-width:350px}.drawer-container{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:60px}.drawer-container .left-area{-webkit-animation:backdrop-fade-in .2s 1;animation:backdrop-fade-in .2s 1;background-color:#313131;bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.drawer-container .left-area.hiding{-webkit-animation:backdrop-fade-out .2s 1;animation:backdrop-fade-out .2s 1;opacity:0}.drawer-container .fixed-bottom-container{-webkit-animation:drawer-slide-in .2s 1;animation:drawer-slide-in .2s 1;flex-basis:auto;flex-shrink:1;overflow-y:auto;padding:18px;width:var(--vcd-drawer-width)}.drawer-container .fixed-bottom-container.slide-out{-webkit-animation:drawer-slide-out .2s 1;animation:drawer-slide-out .2s 1;right:-var(--vcd-drawer-width)}.drawer-container .flex-container{-webkit-animation:drawer-slide-in .2s 1;animation:drawer-slide-in .2s 1;border-left:1px solid var(--clr-accordion-border-color);display:flex;flex-direction:column;position:absolute;right:0;z-index:2}.drawer-container .flex-container.hiding{-webkit-animation:drawer-slide-out .2s 1;animation:drawer-slide-out .2s 1;right:-var(--vcd-drawer-width)}.drawer-container .drawer{flex-basis:auto;flex-grow:1;flex-shrink:1;overflow-x:hidden;overflow-y:auto;padding:18px;width:var(--vcd-drawer-width)}.drawer-container .drawer .fade-in{-webkit-animation:drawer-fade-in .2s 1;animation:drawer-fade-in .2s 1}.drawer-container .drawer .fade-out{-webkit-animation:drawer-fade-out .2s 1;animation:drawer-fade-out .2s 1;opacity:0}.drawer-container .drawer .slide-in{-webkit-animation:section-slide-in .5s 1;animation:section-slide-in .5s 1}.drawer-container .drawer .slide-out{-webkit-animation:section-slide-out .5s 1;animation:section-slide-out .5s 1;margin-left:var(--vcd-drawer-width)}.drawer-container .drawer .pin-container{background-color:hsla(0,0%,100%,.1);border-radius:15px;cursor:pointer;height:30px;margin:-5px 20px 0 0;position:absolute;right:0;width:30px;z-index:1}.drawer-container .drawer .pin-container .pinned{transform:rotate(-45deg)}.drawer-container .drawer .pin-container button{background:transparent;border:none;color:#fff;cursor:pointer;padding:0}.drawer-container .drawer .pin-container button clr-icon[shape=close]{margin-top:3px}.drawer-container .drawer .pin-container button clr-icon{margin-left:5px;opacity:.6}.drawer-container .drawer .pin-container button clr-icon:hover{opacity:1}"]
            }] }
];
DrawerComponent.propDecorators = {
    topOffset: [{ type: Input }],
    headerHeight: [{ type: Input }]
};
if (false) {
    /** @type {?} */
    DrawerComponent.prototype.topOffset;
    /** @type {?} */
    DrawerComponent.prototype.headerHeight;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvc3JjL3F1aWNrLXNlYXJjaC9kcmF3ZXIvZHJhd2VyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFJQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7TUFFM0MscUJBQXFCLEdBQUcsRUFBRTtBQU9oQyxNQUFNLE9BQU8sZUFBZTtJQUw1QjtRQU1hLGNBQVMsR0FBVyxDQUFDLENBQUM7UUFDdEIsaUJBQVksR0FBVyxxQkFBcUIsQ0FBQztJQUsxRCxDQUFDOzs7O0lBSEcsSUFBSSxlQUFlO1FBQ2YsT0FBTyxlQUFlLEdBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsR0FBRyxLQUFLLENBQUM7SUFDMUUsQ0FBQzs7O1lBWEosU0FBUyxTQUFDO2dCQUNQLFFBQVEsRUFBRSxzQkFBc0I7Z0JBQ2hDLDZSQUFzQzs7YUFFekM7Ozt3QkFFSSxLQUFLOzJCQUNMLEtBQUs7Ozs7SUFETixvQ0FBK0I7O0lBQy9CLHVDQUFzRCIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjEgVk13YXJlLCBJbmMuXG4gKiBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQlNELTItQ2xhdXNlXG4gKi9cbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuY29uc3QgQ0xBUklUWV9IRUFERVJfSEVJR0hUID0gNjA7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAndmNkLWRyYXdlci1jb21wb25lbnQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9kcmF3ZXIuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2RyYXdlci5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBEcmF3ZXJDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIHRvcE9mZnNldDogbnVtYmVyID0gMDtcbiAgICBASW5wdXQoKSBoZWFkZXJIZWlnaHQ6IG51bWJlciA9IENMQVJJVFlfSEVBREVSX0hFSUdIVDtcblxuICAgIGdldCBjb250YWluZXJIZWlnaHQoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuICdjYWxjKDEwMHZoIC0gJyArICh0aGlzLnRvcE9mZnNldCArIHRoaXMuaGVhZGVySGVpZ2h0KSArICdweCknO1xuICAgIH1cbn1cbiJdfQ==