(()=>{function h(e,t,o,n){return`
		<div class="toast toast-${e}" role="alert">
	    <div class="toast-content">
	      <h4 class="toast-title">${t} ${o}</h4>
	      <p class="toast-text">${n}</p>
	    </div>
	    <button class="btn-icon toast-close" type="button" aria-label="Close">\u2715</button>
	  </div>
	`}function b(e){return e.close=function(){this.classList.add("a-hide"),setTimeout(()=>{this.remove()},300)},e.querySelector(".toast-close").addEventListener("click",t=>{e.close()}),e.show=function(){document.querySelector("body").append(e),setTimeout(()=>{e.classList.add("a-show")},10)},e}function l(e,t,o,n){let s=document.createElement("div");return s.innerHTML=h(e,t,o,n),b(s.childNodes[1])}function v(e,t){return l("success",'<i class="ph ph-check-circle"></i>',e,t)}function y(e,t){return l("info",'<i class="ph ph-info"></i>',e,t)}function w(e,t){return l("warning",'<i class="ph ph-warning"></i>',e,t)}function u(e,t){return l("danger",'<i class="ph ph-warning-octagon"></i>',e,t)}var a={create:l,createInfo:y,createSuccess:v,createWarning:w,createError:u,createDanger:u};function L(e,t,o){return`
		<div class="modal" aria-hidden="true" id="${e}">
      <div class="modal-backdrop"></div>

      <div class="modal-panel" role="dialog" aria-modal="true" aria-labelledby="modal-title-basic">
        <header class="modal-header">
          <h4 class="modal-title" id="modal-title-basic">${t}</h4>
          <button class="btn-icon modal-close" type="button" aria-label="Close">\u2715</button>
        </header>

        <div class="modal-body"></div>
        <footer class="modal-footer">${o}</footer>
      </div>
    </div>
	`}function g(e){return e.show=function(){document.querySelector("body").append(e),setTimeout(()=>{this.classList.add("a-show")},10)},e.close=function(){this.classList.add("a-hide"),setTimeout(()=>{this.remove()},300)},e.querySelector(".modal-close").addEventListener("click",t=>{e.close()}),e}function T(e,t){let o=t.title||"",n=t.footer||"",s=document.createElement("div");s.innerHTML=L(e,o,n);let i=s.childNodes[1],r=i.querySelector(".modal-body"),f=i.querySelector(".modal-footer");if(typeof t.actions=="function"){let c=t.actions(i);if(typeof c[0]=="object"){let d=document.createElement("div");d.classList.add("actions");for(let p of c)d.append(p);f.append(d)}}if(typeof t.body=="function"){let c=t.body(i);typeof c=="object"?r.append(c):typeof c=="string"&&(r.innerHTML=c)}return g(i)}var m={create:T};window.demoToastInfo=function(){a.createInfo("Title","\u041F\u0440\u043E\u0438\u0437\u043E\u0448\u043B\u0430 \u043E\u0448\u0438\u0431\u043A\u0430. \u041F\u043E\u0432\u0442\u043E\u0440\u0438 \u043F\u043E\u0437\u0436\u0435.").show()};window.demoToastSuccess=function(){a.createSuccess("Success","\u0412\u0441\u0451 \u043E\u0442\u043B\u0438\u0447\u043D\u043E, \u0432\u0441\u0451 \u0440\u0430\u0431\u043E\u0442\u0430\u0435\u0442, \u044D\u0442\u043E \u0443\u0441\u043F\u0435\u0445 \u0442\u043E\u0441\u0442\u0435\u0440\u0430").show()};window.demoToastWarning=function(){a.createWarning("Warning","\u041F\u0440\u043E\u0438\u0437\u043E\u0448\u043B\u0430 \u043E\u0448\u0438\u0431\u043A\u0430. \u041F\u043E\u0432\u0442\u043E\u0440\u0438 \u043F\u043E\u0437\u0436\u0435.").show()};window.demoToastDanger=function(){a.createDanger("Danger","\u041F\u0440\u043E\u0438\u0437\u043E\u0448\u043B\u0430 \u043E\u0448\u0438\u0431\u043A\u0430. \u041F\u043E\u0432\u0442\u043E\u0440\u0438 \u043F\u043E\u0437\u0436\u0435.").show()};window.demoModal=function(){m.create("demo-modals",{title:"Demo modal window",footer:"<p>Footer text</p>",actions:e=>{let t=document.createElement("button");t.classList.add("btn"),t.classList.add("btn-primary"),t.innerHTML="Cancel",t.addEventListener("click",n=>{e.close()});let o=document.createElement("button");return o.classList.add("btn"),o.classList.add("btn-success"),o.innerHTML="Apply",o.addEventListener("click",n=>{e.close(),setTimeout(()=>{a.createSuccess("Success","\u0412\u0441\u0451 \u043E\u0442\u043B\u0438\u0447\u043D\u043E, \u0432\u0441\u0451 \u0440\u0430\u0431\u043E\u0442\u0430\u0435\u0442, \u044D\u0442\u043E \u0443\u0441\u043F\u0435\u0445").show()},300)}),[t,o]},body:e=>`
				<p class="text">\u041B\u044E\u0431\u043E\u0439 \u043A\u043E\u043D\u0442\u0435\u043D\u0442: \u0442\u0435\u043A\u0441\u0442, \u0444\u043E\u0440\u043C\u044B, \u0441\u043F\u0438\u0441\u043A\u0438.</p>

        <div class="form-group">
          <label class="label" for="modal-device-name">
            Device name
            <input class="input" id="modal-device-name" type="text" placeholder="Kitchen Light">
          </label>
        </div>

        <div class="form-group">
          <label class="label" for="modal-device-desc">
            Description
            <textarea class="input" id="modal-device-desc" rows="3" placeholder="Optional"></textarea>
          </label>
        </div>
			`}).show()};document.addEventListener("DOMContentLoaded",e=>{console.log("App init")});})();
//# sourceMappingURL=main.js.map