text: System.register(["./p-7cf1ec4c.system.js"],function(o){"use strict";var e,t,r,l;return{setters:[function(o){e=o.r;t=o.h;r=o.H;l=o.c}],execute:function(){var n=function(){function o(o){var t=this;e(this,o);this.openModal=function(){t.modal.present()}}o.prototype.componentDidLoad=function(){this.modal=this.el.querySelector("pro-modal")};o.prototype.onFormSubmit=function(o){o.preventDefault();console.log(o);console.log(this.el.querySelector("pro-input"))};o.prototype.onInputChange=function(o){console.log(o.detail)};o.prototype.render=function(){var o=this;return t(r,null,t("pro-header",null,t("span",{class:"special"},"Hey there!")," Let's check out the weather"),t("ion-content",null,t("pro-grid",null,t("pro-row",null,t("pro-col",null,t("pro-card",null,t("pro-content",null,t("p",null,t("span",{class:"special"},"Uh oh!")," Major thunderstorms in the past few days!"),t("pro-image",{src:"",id:"changing-icon"}),t("pro-button",{onClick:this.openModal},"Open Modal And the text is really long"),t("pro-grid",null,t("pro-row",null,t("pro-col",{size:"6"},t("pro-input",{placeholder:"Input Field",label:"Input something here"})),t("pro-col",{size:"6"},t("pro-input",{required:true,placeholder:"Input Text",label:"This is some text",regex:/^([^0-9]*)$/}))),t("pro-row",null,t("pro-col",{size:"12"},t("pro-input",{required:true,placeholder:"Not a Field",label:"Fieldish"}))),t("pro-row",null,t("pro-col",{size:"4"},t("pro-input",{placeholder:"Input Field",label:"Input something"})),t("pro-col",{size:"4"},t("pro-input",{placeholder:"Input Text",label:"This is some text"})),t("pro-col",{size:"4"},t("pro-input",{placeholder:"Not a Field",label:"Fieldish"})))))))),t("form",{onSubmit:function(){return console.log(event)}},t("pro-row",null,t("pro-col",{size:"6"},t("pro-card",null,t("pro-content",null,t("pro-radio-group",{name:"testradiogroup"},t("pro-radio",{value:"test1"}),t("pro-radio",{value:"test2"}),t("pro-radio",{value:"test3"}),t("pro-radio",{value:"test4"}))))),t("pro-col",{size:"6"},t("pro-card",null,t("pro-content",null,t("pro-checkbox",{name:"testcheckboxgroup",value:"test1"}),t("pro-checkbox",{name:"testcheckboxgroup",value:"test2"}),t("pro-checkbox",{name:"testcheckboxgroup",value:"test3"}),t("pro-checkbox",{name:"testcheckboxgroup",value:"test4"}))))),t("pro-row",null,t("pro-col",{size:"6"},t("pro-button",{disabled:true,type:"submit"},"Submit")),t("pro-col",{size:"6"},t("pro-button",{type:"submit"},"Submit")))))),t("pro-footer",null,"API information"),t("pro-modal",null,t("pro-content",null,t("form",{onSubmit:function(e){return o.onFormSubmit(e)}},t("pro-grid",null,t("pro-row",null,t("pro-col",{size:"6"},t("pro-input",{placeholder:"Input Field",label:"Input something here"})),t("pro-col",{size:"6"},t("pro-input",{placeholder:"Input Text",label:"This is some text"}))),t("pro-row",null,t("pro-col",{size:"12"},t("pro-input",{placeholder:"Not a Field",label:"Fieldish"}))),t("pro-row",null,t("pro-col",{size:"4"},t("pro-input",{placeholder:"Input Field",label:"thing"})),t("pro-col",{size:"4"},t("pro-input",{placeholder:"Input Text",label:"the next thing"})),t("pro-col",{size:"4"},t("pro-input",{placeholder:"Not a Field",label:"another thing"}))),t("pro-row",null,t("pro-col",{size:"12"},t("pro-button",{type:"submit"},"Submit"))))))))};Object.defineProperty(o.prototype,"el",{get:function(){return l(this)},enumerable:true,configurable:true});return o}();o("pro_component_demo",n)}}});