"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var aleph_core_js_1 = require("../aleph.core.js");
var AlUrlPicker = function () { function e() { this.urls = null, this.url = null; } return e.prototype.render = function () { var e = this; return this.urls ? aleph_core_js_1.h("form", { onSubmit: function (e) { return e.preventDefault(); } }, aleph_core_js_1.h("ion-select", { value: this.url, interface: "popover", placeholder: "", onIonChange: function (r) { return e.onUrlChanged.emit(r.detail.value); } }, this.urls.slice().map(function (e) { return aleph_core_js_1.h("ion-select-option", { value: e[0] }, e[1]); })), aleph_core_js_1.h("ion-input", { type: "url", placeholder: "src", required: !0, value: this.url, ref: function (r) { return e._input = r; } }), aleph_core_js_1.h("ion-button", { size: "small", type: "submit", onClick: function () { return e.onUrlChanged.emit(e._input.value); } }, aleph_core_js_1.h("ion-icon", { name: "refresh" }))) : null; }, Object.defineProperty(e, "is", { get: function () { return "al-url-picker"; }, enumerable: !0, configurable: !0 }), Object.defineProperty(e, "encapsulation", { get: function () { return "shadow"; }, enumerable: !0, configurable: !0 }), Object.defineProperty(e, "properties", { get: function () { return { url: { type: String, attr: "url", mutable: !0 }, urls: { type: "Any", attr: "urls", mutable: !0 } }; }, enumerable: !0, configurable: !0 }), Object.defineProperty(e, "events", { get: function () { return [{ name: "onUrlChanged", method: "onUrlChanged", bubbles: !0, cancelable: !0, composed: !0 }]; }, enumerable: !0, configurable: !0 }), Object.defineProperty(e, "style", { get: function () { return ""; }, enumerable: !0, configurable: !0 }), e; }();
exports.AlUrlPicker = AlUrlPicker;
