var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
import '../../../../../_common/components/button.js';
import { BlockElement } from '@blockeditor/lit';
import { customElement, property } from 'lit/decorators.js';
import { html } from 'lit/static-html.js';
import { DatabaseTableViewClose, DatabaseTableViewIcon, } from '../../../../../_common/icons/index.js';
import { fullScreenStyles } from './styles.js';
let DatabaseTableViewFullScreen = class DatabaseTableViewFullScreen extends BlockElement {
    constructor() {
        super(...arguments);
        this.close = () => {
            this.abortController.abort();
        };
        this._renderView = () => {
            /* eslint-disable lit/binding-positions, lit/no-invalid-html */
            return html `
      <affine-database
        class="affine-block-element"
        .modalMode=${true}
        .host=${this.host}
        .model=${this.model}
      ></affine-database>
    `;
        };
    }
    render() {
        return html `<div class="table-view-full-modal-overlay">
      <div class="table-view-full-modal-container">
        <div class="table-view-full-header">
          <div class="titles">
            <span class="title">${this.page.meta.title}</span>
            <span class="separator">/</span>
            <span class="title"
              >${DatabaseTableViewIcon}${this.model.title.toString()}</span
            >
          </div>
          <div class="close" @click=${this.close}>
            ${DatabaseTableViewClose}
          </div>
        </div>
        <div class="table-view-full-content">${this._renderView()}</div>
      </div>
    </div>`;
    }
};
DatabaseTableViewFullScreen.styles = fullScreenStyles;
__decorate([
    property({ attribute: false })
], DatabaseTableViewFullScreen.prototype, "abortController", void 0);
DatabaseTableViewFullScreen = __decorate([
    customElement('affine-database-table-view-full-screen')
], DatabaseTableViewFullScreen);
export { DatabaseTableViewFullScreen };
//# sourceMappingURL=table-full-screen-modal.js.map