import { Component, HostBinding, ViewEncapsulation } from '@angular/core';
var NzLayoutComponent = (function () {
    function NzLayoutComponent() {
        this.hasSider = false;
        this._nzLayout = true;
    }
    return NzLayoutComponent;
}());
export { NzLayoutComponent };
NzLayoutComponent.decorators = [
    { type: Component, args: [{
                selector: 'nz-layout',
                encapsulation: ViewEncapsulation.None,
                template: "\n    <ng-content></ng-content>\n  ",
                styles: [
                    "/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */\n/* stylelint-disable declaration-bang-space-before */\n/* stylelint-disable declaration-bang-space-before */\n.ant-layout {\n  display: flex;\n  flex-direction: column;\n  flex: auto;\n  background: #ececec;\n}\n.ant-layout.ant-layout-has-sider {\n  flex-direction: row;\n}\n.ant-layout.ant-layout-has-sider > .ant-layout,\n.ant-layout.ant-layout-has-sider > .ant-layout-content {\n  overflow-x: hidden;\n}\n.ant-layout-header,\n.ant-layout-footer {\n  flex: 0 0 auto;\n}\n.ant-layout-header {\n  background: #404040;\n  padding: 0 50px;\n  height: 64px;\n  line-height: 64px;\n}\n.ant-layout-footer {\n  padding: 24px 50px;\n  color: rgba(0, 0, 0, 0.65);\n  font-size: 12px;\n}\n.ant-layout-content {\n  flex: auto;\n}\n.ant-layout-sider {\n  transition: all 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);\n  position: relative;\n  background: #404040;\n  /* fix firefox can't set width smaller than content on flex item */\n  min-width: 0;\n}\n.ant-layout-sider-has-trigger {\n  padding-bottom: 48px;\n}\n.ant-layout-sider-right {\n  order: 1;\n}\n.ant-layout-sider-trigger {\n  position: absolute;\n  text-align: center;\n  width: 100%;\n  bottom: 0;\n  cursor: pointer;\n  height: 48px;\n  line-height: 48px;\n  background: rgba(64, 64, 64, 0.88);\n  color: #fff;\n}\n.ant-layout-sider-zero-width > * {\n  overflow: hidden;\n}\n.ant-layout-sider-zero-width-trigger {\n  position: absolute;\n  top: 64px;\n  right: -36px;\n  text-align: center;\n  width: 36px;\n  height: 42px;\n  line-height: 42px;\n  background: #404040;\n  color: #fff;\n  font-size: 18px;\n  border-radius: 0 4px 4px 0;\n  cursor: pointer;\n  transition: background .3s ease;\n}\n.ant-layout-sider-zero-width-trigger:hover {\n  background: #535353;\n}\n",
                    "nz-layout,\nnz-footer,\nnz-header,\nnz-content {\n  display: block;\n}\n"
                ]
            },] },
];
/** @nocollapse */
NzLayoutComponent.ctorParameters = function () { return []; };
NzLayoutComponent.propDecorators = {
    'hasSider': [{ type: HostBinding, args: ['class.ant-layout-has-sider',] },],
    '_nzLayout': [{ type: HostBinding, args: ['class.ant-layout',] },],
};
