"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("../polyfills/tslib.js");
var webmapgl_core_js_1 = require("../webmapgl.core.js");
var chunk_cf921ba9_js_1 = require("./chunk-cf921ba9.js");
var chunk_853b4351_js_1 = require("./chunk-853b4351.js");
var Drawer = function () { function t() { this.open = !1; } return t.prototype.componentDidUpdate = function () { chunk_853b4351_js_1.a(this.mapId).resizeMap(); }, t.prototype.toggle = function () { this.open = !this.open; }, t.prototype.hostData = function () { return { class: { "gl-drawer-closed": !this.open, "gl-drawer-open": this.open } }; }, t.prototype.render = function () { var t = this; return [webmapgl_core_js_1.h("ion-header", null, webmapgl_core_js_1.h("ion-toolbar", null, webmapgl_core_js_1.h("ion-buttons", { slot: "start" }, webmapgl_core_js_1.h("slot", { name: "toolbar-start-buttons" })), webmapgl_core_js_1.h("ion-title", null, this.drawerTitle), webmapgl_core_js_1.h("ion-buttons", { slot: "end" }, webmapgl_core_js_1.h("slot", { name: "toolbar-end-buttons" }), webmapgl_core_js_1.h("ion-button", { title: "Close", onClick: function () { t.open = !1; } }, webmapgl_core_js_1.h("ion-icon", { slot: "icon-only", name: "close" }))))), webmapgl_core_js_1.h("ion-content", null, webmapgl_core_js_1.h("slot", null))]; }, Object.defineProperty(t, "is", { get: function () { return "gl-drawer"; }, enumerable: !0, configurable: !0 }), Object.defineProperty(t, "properties", { get: function () { return { content: { state: !0 }, drawerTitle: { type: String, attr: "drawer-title", mutable: !0 }, mapId: { type: String, attr: "map-id" }, open: { type: Boolean, attr: "open", mutable: !0 }, toggle: { method: !0 } }; }, enumerable: !0, configurable: !0 }), Object.defineProperty(t, "style", { get: function () { return "gl-drawer{-ms-flex-direction:column;flex-direction:column;height:50%}gl-drawer.gl-drawer-closed{display:none}gl-drawer.gl-drawer-open{display:-ms-flexbox;display:flex}gl-drawer ion-content{height:100%}"; }, enumerable: !0, configurable: !0 }), t; }(), DrawerToggle = function () { function t() { this.icon = "settings", this.buttonTitle = chunk_cf921ba9_js_1.a("webmapgl.drawer-toggle.label"); } return t.prototype.componentWillLoad = function () { return tslib_1.__awaiter(this, void 0, void 0, function () { var t; return tslib_1.__generator(this, function (e) { switch (e.label) {
    case 0: return t = this, [4, this.lazyDrawer.componentOnReady()];
    case 1: return t.drawer = e.sent(), [2];
} }); }); }, t.prototype.toggleDrawer = function () { this.drawer.open = !this.drawer.open; }, t.prototype.render = function () { var t = this; return webmapgl_core_js_1.h("ion-button", { onClick: function () { return t.toggleDrawer(); }, title: this.buttonTitle }, webmapgl_core_js_1.h("ion-icon", { slot: "icon-only", name: this.icon })); }, Object.defineProperty(t, "is", { get: function () { return "gl-drawer-toggle"; }, enumerable: !0, configurable: !0 }), Object.defineProperty(t, "properties", { get: function () { return { buttonTitle: { type: String, attr: "button-title" }, el: { elementRef: !0 }, icon: { type: String, attr: "icon" }, lazyDrawer: { connect: "gl-drawer" } }; }, enumerable: !0, configurable: !0 }), t; }();
exports.GlDrawer = Drawer;
exports.GlDrawerToggle = DrawerToggle;
