@fmsim/fmsim-restful 0.0.97 → 0.0.98

package/dist-app/fmsim/8855.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_fmsim_fmsim_restful=self.webpackChunk_fmsim_fmsim_restful||[]).push([[8855],{68855:(e,n,t)=>{t.r(n);var r,i,o,l=t(50493),a=(t(81925),t(27683),t(16682)),d=t(94430),s=t(56765),c=t(27805),u=t(53421),p=t(80692);function m(e,n,t,r,i,o,l){try{var a=e[o](l),d=a.value}catch(e){return void t(e)}a.done?n(d):Promise.resolve(d).then(r,i)}function v(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var g,f,h=class extends((0,u.NC)(u.z2)(d.oi)){render(){return(0,d.dy)(r||(r=v(['\n      <mwc-textfield\n        type="text"\n        name="name"\n        label=','\n      ></mwc-textfield>\n      <mwc-textfield\n        type="text"\n        name="description"\n        label=',"\n      ></mwc-textfield>\n\n      <mwc-button @click=",' outlined label="','"></mwc-button>\n    '])),u.z2.t("label.x name",{x:u.z2.t("label.role")}),u.z2.t("label.x description",{x:u.z2.t("label.role")}),this.onCreateRole.bind(this),u.z2.t("button.create"))}onCreateRole(){var e,n=this;return(e=function*(){var e={},t=n.nameInput.value.trim(),r=n.descriptionInput.value;if(!t)return n.showToast(u.z2.t("error.value is empty",{value:u.z2.t("field.name")}));e.name=t,e.description=r,(yield(0,p.ID)({title:u.z2.t("text.are_you_sure"),text:u.z2.t("text.do_you_want_to_create_x",{x:u.z2.t("label.role")}),confirmButton:{text:u.z2.t("button.confirm")},cancelButton:{text:u.z2.t("button.cancel")}})).value&&((yield c.Lp.mutate({mutation:(0,a.ZP)(i||(i=v(["\n        mutation createRole($role: NewRole!) {\n          createRole(role: $role) {\n            name\n          }\n        }\n      "]))),variables:{role:e},context:(0,c.Bn)()})).errors||(yield n.dispatchEvent(new CustomEvent("fetch-roles")),yield(0,p.ID)({type:"success",title:u.z2.t("text.completed"),text:u.z2.t("text.data_uploaded_successfully"),confirmButton:{text:u.z2.t("button.confirm")}}),n.nameInput.value="",n.descriptionInput.value=""))},function(){var n=this,t=arguments;return new Promise((function(r,i){var o=e.apply(n,t);function l(e){m(o,r,i,l,a,"next",e)}function a(e){m(o,r,i,l,a,"throw",e)}l(void 0)}))})()}showToast(e){document.dispatchEvent(new CustomEvent("notify",{detail:{message:e,option:{timer:1e3}}}))}};function b(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}h.styles=(0,d.iv)(o||(o=v(["\n    :host {\n      --mdc-text-field-fill-color: var(--theme-white-color);\n      background-color: var(--theme-white-color);\n      margin: var(--margin-wide) 0;\n      padding: var(--padding-wide);\n      border-radius: var(--border-radius);\n      box-shadow: var(--box-shadow);\n\n      display: grid;\n      grid-template-columns: 1fr 2fr auto;\n      gap: 5px 15px;\n      clear: both;\n      max-width: var(--input-container-max-width);\n\n      align-items: center;\n    }\n\n    mwc-button {\n      margin: var(--input-margin);\n    }\n\n    @media screen and (max-width: 480px) {\n      :host {\n        grid-template-columns: 1fr 1fr;\n      }\n\n      mwc-button {\n        grid-column: span 2;\n\n        margin: var(--input-margin);\n      }\n    }\n  "]))),(0,l.gn)([(0,s.IO)("[name=name]"),(0,l.w6)("design:type",HTMLInputElement)],h.prototype,"nameInput",void 0),(0,l.gn)([(0,s.IO)("[name=description]"),(0,l.w6)("design:type",HTMLInputElement)],h.prototype,"descriptionInput",void 0),h=(0,l.gn)([(0,s.Mo)("create-role")],h);var y,x,w,z,k,O,j,R=class extends((0,u.NC)(u.z2)(d.oi)){render(){var e=this.role||{name:"",description:""};return(0,d.dy)(g||(g=b(['\n      <form field-2column @input="','">\n        <div field>\n          <label\n            >role name\n            <input name="name" value="','" @click="','" />\n          </label>\n        </div>\n\n        <div field>\n          <label\n            >role description\n            <input name="description" .value="','" @click="','" />\n          </label>\n        </div>\n      </form>\n    '])),this.dispatchRoleChanged.bind(this),e.name,(e=>e.stopPropagation()),e.description,(e=>e.stopPropagation()))}getRole(){var e=this.nameInput.value,n=this.descriptionInput.value;return e?{name:e,description:n}:this.showToast(u.z2.t("error.value is empty",{value:u.z2.t("field.name")}))}dispatchRoleChanged(){this.dispatchEvent(new CustomEvent("roleChanged",{detail:this.getRole()}))}showToast(e){document.dispatchEvent(new CustomEvent("notify",{detail:{message:e,option:{timer:1e3}}}))}};function C(e,n,t,r,i,o,l){try{var a=e[o](l),d=a.value}catch(e){return void t(e)}a.done?n(d):Promise.resolve(d).then(r,i)}function P(e){return function(){var n=this,t=arguments;return new Promise((function(r,i){var o=e.apply(n,t);function l(e){C(o,r,i,l,a,"next",e)}function a(e){C(o,r,i,l,a,"throw",e)}l(void 0)}))}}function _(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}R.styles=(0,d.iv)(f||(f=b(["\n    [field-2column] {\n      border-radius: var(--border-radius);\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 5px 15px;\n      clear: both;\n      max-width: var(--input-container-max-width);\n    }\n    [field] {\n      display: flex;\n      flex-direction: column;\n      padding-bottom: var(--padding-default);\n    }\n    input {\n      border: var(--border-dark-color);\n      border-radius: var(--border-radius);\n      margin: var(--input-margin);\n      padding: var(--input-padding);\n      min-width: 250px;\n      font: var(--input-font);\n    }\n    label {\n      display: flex;\n      flex-direction: column;\n      font: var(--label-font);\n      color: var(--theme-white-color);\n      text-transform: var(--label-text-transform);\n    }\n    @media screen and (max-width: 480px) {\n      [field] {\n        grid-column: span 2;\n      }\n    }\n  "]))),(0,l.gn)([(0,s.Cb)({type:Object}),(0,l.w6)("design:type",Object)],R.prototype,"role",void 0),(0,l.gn)([(0,s.IO)("input[name=name]"),(0,l.w6)("design:type",HTMLInputElement)],R.prototype,"nameInput",void 0),(0,l.gn)([(0,s.IO)("input[name=description]"),(0,l.w6)("design:type",HTMLInputElement)],R.prototype,"descriptionInput",void 0),R=(0,l.gn)([(0,s.Mo)("role-edit-form")],R);var I=class extends((0,u.NC)(u.z2)(d.oi)){constructor(){super(...arguments),this.allPrivileges=[],this.privileges=[]}render(){var e=this.allPrivileges||[],n=this.privileges||[];return(0,d.dy)(y||(y=_(['\n      <div>\n        <input id="checkAll" type="checkbox" @change=',' />\n        <label for="checkAll">Check all</label>\n      </div>\n\n      <ul privileges>\n        ',"\n      </ul>\n\n      <div buttons>\n        <mwc-button @click=",' outlined label="','"></mwc-button>\n        <mwc-button\n          @click=','\n          raised\n          danger\n          label="','"\n        ></mwc-button>\n      </div>\n    '])),(e=>this.oncheckAll(e)),e.map((e=>(0,d.dy)(x||(x=_(['\n            <li>\n              <input\n                type="checkbox"\n                id="','"\n                .checked=',"\n                .data-privilege=",'\n              />\n              <label for="','">',"</label>\n            </li>\n          "])),e.id,n.map((e=>e.id)).indexOf(e.id)>-1,e,e.id,e.description))),(e=>this.onSave()),u.z2.t("button.save"),(e=>this.onDeleteRole()),u.z2.t("button.delete role"))}firstUpdated(){var e=this;return P((function*(){e.allPrivileges=yield e.fetchPrivileges()}))()}updated(e){var n=this;return P((function*(){e.has("role")&&(n.privileges=yield n.fetchPrivilegesOnRole(n.role.name))}))()}checkAll(e){Array.from(this.renderRoot.querySelectorAll("ul[privileges] input[type=checkbox]")).forEach((n=>n.checked=e))}oncheckAll(e){this.checkAll(e.target.checked)}onSave(){var e=this;return P((function*(){var n=e.updateRoleObj,t=Array.from(e.renderRoot.querySelectorAll("ul[privileges] input[type=checkbox]:checked")).map((e=>e["data-privilege"])),r=Object.assign(Object.assign({},n),{privileges:t});e.role&&((yield c.Lp.mutate({mutation:(0,a.ZP)(w||(w=_(["\n          mutation ($id: String!, $patch: RolePatch!) {\n            updateRole(id: $id, patch: $patch) {\n              id\n              name\n              description\n              privileges {\n                id\n                description\n              }\n            }\n          }\n        "]))),variables:{id:e.role.id,patch:r},context:(0,c.Bn)()})).errors||(yield e.dispatchEvent(new CustomEvent("fetch-roles")),e.showToast(u.z2.t("text.data_updated_successfully"))))}))()}onDeleteRole(){var e=this;return P((function*(){(yield(0,p.ID)({title:u.z2.t("text.are_you_sure"),text:u.z2.t("text.are_you_sure_to_delete_x",{x:u.z2.t("label.role")}),confirmButton:{text:u.z2.t("button.delete")},cancelButton:{text:u.z2.t("button.cancel")}})).value&&((yield c.Lp.mutate({mutation:(0,a.ZP)(z||(z=_(["\n        mutation ($id: String!) {\n          deleteRole(id: $id)\n        }\n      "]))),variables:{id:e.role.id},context:(0,c.Bn)()})).errors||(yield e.dispatchEvent(new CustomEvent("fetch-roles")),yield(0,p.ID)({type:"success",title:u.z2.t("text.completed"),text:u.z2.t("text.x_deleted_successfully",{x:u.z2.t("label.role")}),confirmButton:{text:u.z2.t("button.confirm")}})))}))()}fetchPrivileges(){return P((function*(){return(yield c.Lp.query({query:(0,a.ZP)(k||(k=_(["\n        query privileges {\n          privileges {\n            items {\n              id\n              name\n              description\n            }\n            total\n          }\n        }\n      "])))})).data.privileges.items}))()}fetchPrivilegesOnRole(e){return P((function*(){var n;return null===(n=(yield c.Lp.query({query:(0,a.ZP)(O||(O=_(["\n        query ($name: String!) {\n          role(name: $name) {\n            id\n            name\n            privileges {\n              id\n              description\n            }\n          }\n        }\n      "]))),variables:{name:e},context:(0,c.Bn)()})).data.role)||void 0===n?void 0:n.privileges}))()}showToast(e){document.dispatchEvent(new CustomEvent("notify",{detail:{message:e,option:{timer:1e3}}}))}};I.styles=[(0,d.iv)(j||(j=_(["\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        border: 1px solid var(--primary-color);\n        font: normal 15px var(--theme-font);\n        color: var(--secondary-color);\n      }\n      div {\n        margin: var(--margin-default);\n      }\n      ul {\n        flex: 1;\n        background-color: var(--theme-white-color);\n        overflow: auto;\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        margin: 0;\n        padding: var(--padding-default);\n        list-style: none;\n        border: 1px dashed rgba(0, 0, 0, 0.1);\n        border-width: 1px 0;\n      }\n\n      input[type='checkbox'] {\n        display: inline;\n      }\n\n      li {\n        padding: var(--padding-narrow);\n      }\n\n      #checkAll,\n      [for='checkAll'] {\n        margin-bottom: var(--margin-default);\n        padding-bottom: var(--padding-narrow);\n        font-weight: bold;\n      }\n\n      [buttons] {\n        margin: 0;\n        padding: var(--padding-default);\n        background-color: rgba(var(--primary-color-rgb), 0.2);\n      }\n\n      mwc-button {\n        background-color: var(--theme-white-color);\n        overflow: hidden;\n      }\n      [danger] {\n        --mdc-theme-primary: var(--mdc-danger-button-primary-color);\n      }\n      [outlined] {\n        background-color: var(--theme-white-color);\n      }\n\n      @media screen and (max-width: 480px) {\n        ul {\n          grid-template-columns: 1fr;\n        }\n      }\n    "])))],(0,l.gn)([(0,s.Cb)({type:Object}),(0,l.w6)("design:type",Object)],I.prototype,"role",void 0),(0,l.gn)([(0,s.Cb)({type:Array}),(0,l.w6)("design:type",Array)],I.prototype,"allPrivileges",void 0),(0,l.gn)([(0,s.Cb)({type:Array}),(0,l.w6)("design:type",Array)],I.prototype,"privileges",void 0),(0,l.gn)([(0,s.Cb)({type:Object}),(0,l.w6)("design:type",Object)],I.prototype,"updateRoleObj",void 0),I=(0,l.gn)([(0,s.Mo)("role-privilege-editor")],I);var E,A,q,B,$,L=t(28120),S=t(77675);function T(e,n,t,r,i,o,l){try{var a=e[o](l),d=a.value}catch(e){return void t(e)}a.done?n(d):Promise.resolve(d).then(r,i)}function M(e){return function(){var n=this,t=arguments;return new Promise((function(r,i){var o=e.apply(n,t);function l(e){T(o,r,i,l,a,"next",e)}function a(e){T(o,r,i,l,a,"throw",e)}l(void 0)}))}}function D(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var Z=class extends((0,L.$)(S.h)(S.B4)){constructor(){super(...arguments),this.title="",this.roles=[]}get context(){return{title:u.z2.t("text.role_management"),help:"auth/roles"}}render(){var e=this,n={roles:this.roles||[]};return(0,d.dy)(E||(E=D(["\n      <h2>Roles</h2>\n      <div subtitle>","</div>\n      <create-role\n        @fetch-roles=","\n      ></create-role>\n\n      <div subtitle>",'</div>\n      <div id="roles-privileges">\n        <quick-find-list\n          .data="','"\n          .openHeaderRenderer=','\n          .contentRenderer="','"\n        ></quick-find-list>\n      </div>\n    '])),u.z2.t("text.create role"),M((function*(){e.roles=yield e.fetchRoles()})),u.z2.t("text.registered roles"),n,(e=>(0,d.dy)(A||(A=D(['\n              <role-edit-form .role="','" @roleChanged="','"></role-edit-form>\n            '])),e,(e=>this.updateRoleObj=e.detail))),((n,t)=>(0,d.dy)(q||(q=D(["\n            <role-privilege-editor\n              .updateRoleObj=","\n              .role=","\n              @fetch-roles=","\n            ></role-privilege-editor>\n          "])),this.updateRoleObj||{},n,M((function*(){e.roles=yield e.fetchRoles(),yield e.updateComplete,e.quickFindList.openByKey(n.id)})))))}pageUpdated(e,n,t){var r=this;return M((function*(){r.active&&(r.roles=yield r.fetchRoles(),r.role=r.roles&&r.roles[0])}))()}fetchRoles(){return M((function*(){return(yield c.Lp.query({query:(0,a.ZP)(B||(B=D(["\n        query roles($sortings: [Sorting!]) {\n          roles(sortings: $sortings) {\n            items {\n              id\n              name\n              description\n              privileges {\n                id\n                name\n              }\n            }\n            total\n          }\n        }\n      "]))),variables:{sortings:[{name:"name"}]},context:(0,c.Bn)()})).data.roles.items}))()}};Z.styles=[(0,d.iv)($||($=D(["\n      :host {\n        display: flex;\n        flex-direction: column;\n        background-color: var(--main-section-background-color);\n        padding: var(--padding-wide);\n        overflow: auto;\n      }\n      h2 {\n        margin: var(--title-margin);\n        font: var(--title-font);\n        color: var(--title-text-color);\n      }\n      [subtitle] {\n        padding: var(--subtitle-padding);\n        font: var(--subtitle-font);\n        color: var(--subtitle-text-color);\n      }\n      input {\n        display: block;\n      }\n      #roles-privileges {\n        flex: 1;\n        display: flex;\n        margin-top: var(--margin-default);\n        max-width: var(--content-container-max-width);\n        flex-direction: row;\n        overflow: auto;\n        border-top: var(--border-dark-color);\n      }\n    "])))],(0,l.gn)([(0,s.Cb)({type:String}),(0,l.w6)("design:type",String)],Z.prototype,"title",void 0),(0,l.gn)([(0,s.Cb)({type:Object}),(0,l.w6)("design:type",Object)],Z.prototype,"role",void 0),(0,l.gn)([(0,s.Cb)({type:Array}),(0,l.w6)("design:type",Array)],Z.prototype,"roles",void 0),(0,l.gn)([(0,s.Cb)({type:Object}),(0,l.w6)("design:type",Object)],Z.prototype,"updateRoleObj",void 0),(0,l.gn)([(0,s.IO)("quick-find-list"),(0,l.w6)("design:type",Object)],Z.prototype,"quickFindList",void 0),Z=(0,l.gn)([(0,s.Mo)("role-management")],Z)}}]);

package/dist-app/fmsim/8887.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_fmsim_fmsim_restful=self.webpackChunk_fmsim_fmsim_restful||[]).push([[8887],{98887:(n,t,e)=>{e.r(t);var r,a,o,i,c=e(50493),d=e(16682),p=e(94430),l=e(56765),s=e(28120),h=e(27805),u=e(77675);function g(n,t,e,r,a,o,i){try{var c=n[o](i),d=c.value}catch(n){return void e(n)}c.done?t(d):Promise.resolve(d).then(r,a)}function v(n){return function(){var t=this,e=arguments;return new Promise((function(r,a){var o=n.apply(t,e);function i(n){g(o,r,a,i,c,"next",n)}function c(n){g(o,r,a,i,c,"throw",n)}i(void 0)}))}}function f(n,t){return t||(t=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(t)}}))}var b=class extends((0,s.$)(u.h)(u.B4)){constructor(){super(...arguments),this.appliances=[]}get context(){return{title:"appliance home",help:"auth/appliance"}}render(){var n=this.appliances||[];return(0,p.dy)(r||(r=f(["\n      <div>\n        <h2>Registered Appliances</h2>\n        <p page-description>\n          What type of appliance are you building?<br />Choose the app type that best suits the audience you’re building\n          for. The appliance type can’t be changed after it’s created.\n        </p>\n        <mwc-button raised @click=",' label="register new appliance"></mwc-button>\n      </div>\n\n      <table>\n        <tr>\n          <th>appliance name</th>\n          <th>API health</th>\n          <th>Installs</th>\n          <th>status</th>\n        </tr>\n        ',"\n      </table>\n    "])),(n=>(0,u.c4)("appliance-register")),n.map((n=>(0,p.dy)(a||(a=f(["\n            <tr>\n              <td>\n                <a href=",">","</a>\n                ",'\n              </td>\n              <td>OK</td>\n              <td class="text-align-center">1</td>\n              <td>draft</td>\n            </tr>\n          '])),"appliance/".concat(n.id),n.name,n.description))))}pageUpdated(){var n=this;return v((function*(){n.active&&(n.appliances=(yield n.fetchAppliances()).items)}))()}fetchAppliances(){return v((function*(){var n=yield h.Lp.query({query:(0,d.ZP)(o||(o=f(["\n        query {\n          appliances {\n            items {\n              id\n              name\n              description\n            }\n            total\n          }\n        }\n      "])))});if(!n.errors)return n.data.appliances}))()}};b.styles=[(0,p.iv)(i||(i=f(["\n      :host {\n        background-color: var(--main-section-background-color);\n        padding: var(--padding-wide);\n\n        overflow: auto;\n      }\n\n      h2 {\n        margin: var(--title-margin);\n        font: var(--title-font);\n        color: var(--title-text-color);\n      }\n      [page-description] {\n        margin: var(--page-description-margin);\n        font: var(--page-description-font);\n        color: var(--page-description-color);\n      }\n\n      table {\n        width: 100%;\n        margin: var(--margin-wide) 0;\n        border-collapse: collapse;\n      }\n      tr {\n        background-color: var(--tr-background-color);\n      }\n      tr:nth-child(odd) {\n        background-color: var(--tr-background-odd-color);\n      }\n      tr:hover {\n        background-color: var(--tr-background-hover-color);\n      }\n      th {\n        border-top: var(--th-border-top);\n        border-bottom: var(--td-border-bottom);\n        padding: var(--th-padding);\n\n        font: var(--th-font);\n        color: var(--th-color);\n        text-transform: var(--th-text-transform);\n        text-align: left;\n      }\n      td {\n        padding: var(--td-padding);\n        border-bottom: var(--td-border-bottom);\n        font: var(--td-font);\n        color: var(--td-color);\n      }\n      td a {\n        color: var(--secondary-text-color);\n        font: bold 16px var(--theme-font);\n\n        display: block;\n        text-decoration: none;\n      }\n      .text-align-center {\n        text-align: center;\n      }\n      .text-align-right {\n        text-align: right;\n      }\n\n      @media screen and (max-width: 480px) {\n        :host {\n          padding: var(--padding-default);\n        }\n      }\n    "])))],(0,c.gn)([(0,l.Cb)({type:Array}),(0,c.w6)("design:type",Array)],b.prototype,"appliances",void 0),b=(0,c.gn)([(0,l.Mo)("appliance-home")],b)}}]);

package/dist-app/fmsim/8b3399c57a3504c61025.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
-    <path fill="#FFF" fill-rule="evenodd" d="M3.143 17.778C3.143 19 4.171 20 5.429 20h9.142c1.258 0 2.286-1 2.286-2.222V4.444H3.143v13.334zM18 1.111h-4L12.857 0H7.143L6 1.111H2v2.222h16V1.111z"/>
-    <path fill="none" fill-rule="evenodd" d="M0 0h20v20H0V0z"/>
-</svg>

package/dist-app/fmsim/8fc6a39a52a1c9bae40a.svg

@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="40.5" height="40.5">
-    <path fill="none" fill-rule="evenodd" stroke="#E96780" stroke-width="3" d="M19.5 4.5c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15-8.284 0-15-6.716-15-15 0-8.284 6.716-15 15-15z"/>
-    <path fill="#E96780" fill-rule="evenodd" d="M10.5 17.5h19v3h-19v-3z"/>
-    <path fill="#E96780" fill-rule="evenodd" d="M18.5 9.5h3v19h-3v-19z"/>
-</svg>

package/dist-app/fmsim/9016.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_fmsim_fmsim_restful=self.webpackChunk_fmsim_fmsim_restful||[]).push([[9016],{49016:(n,i,e)=>{e.r(i);var t,a,r,o,p,l=e(50493),d=e(16682),c=e(94430),s=e(56765),m=e(28120),u=e(27805),f=e(77675),g=e(51266);function v(n,i,e,t,a,r,o){try{var p=n[r](o),l=p.value}catch(n){return void e(n)}p.done?i(l):Promise.resolve(l).then(t,a)}function b(n,i){return i||(i=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(i)}}))}var h=class extends((0,m.$)(f.h)(f.B4)){get context(){return{title:"application registration",help:"auth/application"}}render(){return(0,c.dy)(t||(t=b(['\n      <img src="/assets/images/image-api.png" pagedeco />\n      <h2>Register new application</h2>\n      <p page-description>\n        You can register new application here.<br />\n        What type of app are you building? Choose the app type that best suits the audience you’re building for.\n      </p>\n\n      ','\n\n      <div form-container>\n        <form>\n          <div field-2column>\n            <div field grid-span>\n              <label for="name">name</label>\n              <input id="name" type="text" name="name" />\n            </div>\n\n            <div field grid-span>\n              <label for="description">description</label>\n              <input id="description" type="text" name="description" />\n            </div>\n\n            <div field grid-span>\n              <label for="app-url">application url</label>\n              <input id="app-url" type="text" name="url" />\n            </div>\n\n            <div field grid-span>\n              <label for="redirect-url">redirectUrl</label>\n              <input id="redirect-url" type="text" name="redirectUrl" />\n            </div>\n\n            <div field grid-span>\n              <label for="icon">application icon</label>\n              <input id="icon" type="text" name="icon" @change=',' />\n            </div>\n\n            <div field grid-span>\n              <label for="email">contact email</label>\n              <input id="email" type="text" name="email" />\n            </div>\n\n            <mwc-button grid-span @click=',' raised label="register"></mwc-button>\n          </div>\n        </form>\n      </div>\n    '])),this._icon?(0,c.dy)(a||(a=b(["\n            <div icon>\n              <img src="," />\n            </div>\n          "])),this._icon):(0,c.dy)(r||(r=b([""]))),(n=>this._icon=n.target.value),this.createApplication.bind(this))}createApplication(n){var i,e=this;return(i=function*(){n.preventDefault();var i=new FormData(e.form),t=Array.from(i.entries()).reduce(((n,i)=>{var[e,t]=i;return n[e]=t,n}),{}),a=yield u.Lp.mutate({mutation:(0,d.ZP)(o||(o=b(["\n        mutation ($application: NewApplication!) {\n          createApplication(application: $application) {\n            id\n          }\n        }\n      "]))),variables:{application:t}});if(a.errors)g.log("creation fail.");else{var r=a.data.createApplication.id;(0,f.c4)("application/".concat(r))}},function(){var n=this,e=arguments;return new Promise((function(t,a){var r=i.apply(n,e);function o(n){v(r,t,a,o,p,"next",n)}function p(n){v(r,t,a,o,p,"throw",n)}o(void 0)}))})()}pageUpdated(n,i,e){this.active&&this.form.reset()}};h.styles=[(0,c.iv)(p||(p=b(["\n      :host {\n        background-color: var(--main-section-background-color);\n        padding: var(--padding-wide);\n\n        position: relative;\n\n        overflow: auto;\n      }\n      h2 {\n        margin: var(--title-margin);\n        font: var(--title-font);\n        color: var(--title-text-color);\n      }\n      [page-description] {\n        margin: var(--page-description-margin);\n        font: var(--page-description-font);\n        color: var(--page-description-color);\n      }\n      [icon] {\n        position: absolute;\n        top: 10px;\n        right: 10px;\n\n        max-width: 80px;\n      }\n      [icon] img {\n        max-width: 100%;\n        max-height: 100%;\n      }\n\n      img[pagedeco] {\n        width: 150px;\n        margin: 0 var(--margin-wide);\n        float: left;\n        position: relative;\n        top: -20px;\n      }\n\n      [form-container] {\n        background-color: var(--theme-white-color);\n        padding: var(--padding-wide);\n        border-radius: var(--border-radius);\n        box-shadow: var(--box-shadow);\n        max-width: var(--input-container-max-width);\n        position: relative;\n        top: -50px;\n        clear: both;\n      }\n      label {\n        font: var(--label-font);\n        color: var(--label-color);\n        text-transform: var(--label-text-transform);\n      }\n      input {\n        border: var(--border-dark-color);\n        border-radius: var(--border-radius);\n        margin: var(--input-margin);\n        padding: var(--input-padding);\n        font: var(--input-font);\n\n        flex: 1;\n      }\n      select:focus,\n      input:focus {\n        outline: none;\n      }\n      [field-2column] {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        grid-gap: 15px;\n      }\n      [field] {\n        display: flex;\n        flex-direction: column;\n      }\n      [grid-span] {\n        grid-column: span 2;\n      }\n      @media screen and (max-width: 480px) {\n        img[pagedeco] {\n          display: none;\n        }\n        [form-container] {\n          position: initial;\n        }\n        [field] {\n          grid-column: span 2;\n        }\n      }\n    "])))],(0,l.gn)([(0,s.Cb)({type:Object}),(0,l.w6)("design:type",Object)],h.prototype,"application",void 0),(0,l.gn)([(0,s.IO)("form"),(0,l.w6)("design:type",HTMLFormElement)],h.prototype,"form",void 0),(0,l.gn)([(0,s.SB)(),(0,l.w6)("design:type",String)],h.prototype,"_icon",void 0),h=(0,l.gn)([(0,s.Mo)("application-register")],h)}}]);