@things-factory/reference-app 4.0.1 → 4.0.5

package/dist-client/20.js

@@ -1,15 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[20],{1412:function(n,e,t){"use strict";t.r(e),t.d(e,"IntegrationMonitor",(function(){return Fn}));var i,r,a=t(8),o=t(35),s=t(45),c=t(284),d=t(0);t(329);function l(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}class u extends(Object(a.b)(a.a)(d.a)){static get properties(){return{pendings:Array,scenarios:Array,connections:Array}}static get styles(){return[s.c,Object(d.b)(i||(i=l(["\n        :host {\n          display: flex;\n          flex-direction: row;\n\n          overflow: hidden;\n          background-color: var(--paper-grey-800);\n          border-radius: var(--border-radius);\n          color: var(--opacity-light-color);\n        }\n\n        [card] {\n          flex: 1;\n          margin: var(--margin-default);\n          padding: var(--padding-narrow) var(--padding-default);\n          border-right: var(--border-light-color);\n        }\n        :host :last-child {\n          border-right: none;\n        }\n        strong {\n          font-size: 36px;\n          line-height: 30px;\n          color: var(--theme-white-color);\n        }\n        span {\n          display: block;\n          margin-bottom: var(--margin-narrow);\n          font-size: var(--fontsize-small);\n          text-transform: capitalize;\n        }\n        @media screen and (max-width: 480px) {\n          :host {\n            font-size: 0.8em;\n          }\n          [card] {\n            margin: var(--margin-narrow);\n            padding: var(--padding-narrow);\n          }\n          [card]:nth-child(5),\n          [card]:nth-child(6) {\n            display: none;\n          }\n          [card]:nth-child(4) {\n            border-right: none;\n          }\n          mwc-icon {\n            font-size: var(--fontsize-large);\n          }\n          span {\n            line-height: 1;\n          }\n          strong {\n            font-size: 24px;\n          }\n        }\n      "])))]}render(){var n=Date.now(),e=this.pendings||[],t=this.scenarios||[],i=this.connections||[];return[{title:"pending instances",icon:"update",value:e.length},{title:"due out instances",icon:"update_disabled",value:Math.max(0,e.concat({due:n+1}).findIndex(e=>Number(e.due)>n))},{title:"total scenarios",icon:"format_list_numbered",value:t.length},{title:"scenario instances",icon:"list_alt",value:t.reduce((n,e)=>n+e.instances.length,0)},{title:"connections",icon:"device_hub",value:i.length},{title:"active connections",icon:"fact_check",value:i.filter(n=>"CONNECTED"==n.state).length}].map(({title:n,icon:e,value:t})=>this.renderCard(n,e,t))}renderCard(n,e,t){return Object(d.e)(r||(r=l(["\n      <div card>\n        <span>","</span>\n        <mwc-icon>","</mwc-icon>\n        <strong> ","</strong>\n      </div>\n    "])),n,e,t)}}window.customElements.define("integration-summary",u);var p,v,b,m,f,g,h,w=t(1049),y=t(977),x=t(29);function O(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function j(n){var e,t;function i(e,t){try{var a=n[e](t),o=a.value,s=o instanceof S;Promise.resolve(s?o.wrapped:o).then((function(n){s?i("return"===e?"return":"next",n):r(a.done?"return":"normal",n)}),(function(n){i("throw",n)}))}catch(n){r("throw",n)}}function r(n,r){switch(n){case"return":e.resolve({value:r,done:!0});break;case"throw":e.reject(r);break;default:e.resolve({value:r,done:!1})}(e=e.next)?i(e.key,e.arg):t=null}this._invoke=function(n,r){return new Promise((function(a,o){var s={key:n,arg:r,resolve:a,reject:o,next:null};t?t=t.next=s:(e=t=s,i(n,r))}))},"function"!=typeof n.return&&(this.return=void 0)}function S(n){this.wrapped=n}j.prototype["function"==typeof Symbol&&Symbol.asyncIterator||"@@asyncIterator"]=function(){return this},j.prototype.next=function(n){return this._invoke("next",n)},j.prototype.throw=function(n){return this._invoke("throw",n)},j.prototype.return=function(n){return this._invoke("return",n)};class k extends d.a{static get styles(){return[s.c,Object(d.b)(p||(p=O(["\n        :host {\n          display: flex;\n          flex-direction: column;\n          background-color: rgba(var(--primary-color-rgb), 0.1);\n          border-radius: var(--border-radius);\n          padding: var(--padding-narrow);\n        }\n\n        div[tags] {\n          display: flex;\n          align-items: center;\n        }\n        [tags] mwc-icon {\n          margin: 0 var(--margin-narrow) 0 0;\n          font-size: var(--fontsize-large);\n        }\n\n        select {\n          flex: 1;\n          display: inline-block;\n          border: none;\n          border-radius: var(--border-radius);\n        }\n\n        select:focus {\n          outline: 0;\n        }\n\n        [pendings] {\n          display: flex;\n\n          flex: 1;\n          position: relative;\n          overflow: auto;\n        }\n\n        [pending-wrap] {\n          flex: 1;\n          margin-top: var(--margin-default);\n          padding-left: 30px;\n          padding-right: 4px;\n          font-size: 8px;\n          line-height: 16px;\n\n          display: flex;\n        }\n\n        [pendings-by-tag] {\n          flex: 1;\n          position: relative;\n          margin: 0 1px;\n        }\n\n        [pending] {\n          display: block;\n          height: 2px;\n          width: 100%;\n          white-space: nowrap;\n          position: absolute;\n        }\n\n        [timeline] {\n          position: absolute;\n          width: 100%;\n        }\n        [timeline] table {\n          border-collapse: collapse;\n          margin-top: var(--margin-default);\n          width: 100%;\n        }\n        [timeline] th {\n          opacity: 0.5;\n          width: 25px;\n          border: 0;\n          font-weight: normal;\n          font-size: 9px;\n        }\n        [timeline] th span {\n          display: block;\n          position: absolute;\n          margin-top: -22px;\n        }\n        [timeline] td {\n          border: 0;\n          border-top: var(--border-dark-color);\n          height: 30px;\n          box-sizing: border-box;\n        }\n        [timeline] tr:nth-child(3n + 1) td {\n          border: 0;\n          border-top: 1px solid rgba(0, 0, 0, 0.4);\n          box-sizing: border-box;\n        }\n      "])))]}static get properties(){return{pendings:Array,filteredPendings:Array,colorIndex:Object,running:Boolean,tags:Object,tag:String,scales:Array}}render(){var n=void 0===this.tag?"(*)":this.tag,e=this.scales||[];return Object(d.e)(v||(v=O(["\n      <div tags>\n        <mwc-icon>bookmark_border</mwc-icon>\n        <select @change="," .value=",'>\n          <option value="(*)">*</option>\n          ',"\n        </select>\n      </div>\n\n      <div pendings>\n        <div timeline>\n          <table>\n            ","\n          </table>\n        </div>\n\n        <div pending-wrap>","</div>\n      </div>\n    "])),n=>this.tag=n.target.value,n,Object.keys(this.tags||{}).sort().map(n=>Object(d.e)(b||(b=O(["<option value=",">","</option>"])),n,n)),Object(w.a)(e.map(n=>"\n              <tr>\n                <th><span>".concat(n,"</span></th>\n                <td></td>\n              </tr>\n            ")).join("\n              <tr>\n                <th></th>\n                <td></td>\n              </tr>\n              <tr>\n                <th></th>\n                <td></td>\n              </tr>\n            ")),Object(y.a)(this.queue()))}queue(){var n,e=this;return(n=function*(){for(;e.running;){var n=Date.now(),t=Object.values(e.filterPendings||{});yield t.map(t=>Object(d.e)(m||(m=O(["\n          <div pendings-by-tag>\n            ","\n          </div>\n        "])),t.map((t,i)=>{var r=Number(t.due),a=Math.max(3*Math.floor((r-n)/1e3),0);return Object(d.e)(f||(f=O(['\n                <div pending .style="top:',"px;background-color:",';">\n                  ',"\n                </div>\n              "])),a,e.colorIndex[t.stuff.scenario],0==i?Object(d.e)(g||(g=O([" <div>","</div> "])),e.countdown(t.due,n)):Object(d.e)(h||(h=O([""]))))}))),yield(i=Object(x.l)(1e3),new S(i))}var i},function(){return new j(n.apply(this,arguments))})()}countdown(n,e){var t=(Number(n)-e)/1e3,i=Math.floor(Math.abs(t)),r=Math.floor(i/60),a=i-60*r;return"".concat(t>0?"":"-").concat(r?r+"m ":"").concat(a,"s")}buildFilterPendings(){var n,e;e=void 0===this.tag||"(*)"==this.tag?this.pendings||[]:(this.pendings||[]).filter(n=>n.tag==this.tag);var t=Date.now(),i=(null===(n=e[e.length-1])||void 0===n?void 0:n.due)||t,r=Math.max(5,Math.ceil((i-t)/6e4+1));this.scales=new Array(r).fill(0).map((n,e)=>["".concat(String(e).padStart(2,"0"),":00"),"".concat(String(e).padStart(2,"0"),":30")]).flat(),this.filterPendings=e.reduce((n,e)=>(n[e.tag]?n[e.tag].push(e):n[e.tag]=[e],n),{})}updated(n){n.has("pendings")&&(this.buildFilterPendings(),this.tags=(this.pendings||[]).reduce((n,e)=>(n[e.tag]=(n[e.tag]||0)+1,n),{})),n.has("tag")&&this.buildFilterPendings()}}customElements.define("pending-q-monitor",k);t(306);var N,z,P,I,E,D,C,$,_,A,q,T,M,U,L,V,B,H,Q,J,F,R,Y,G,K,W,X,Z,nn,en,tn,rn,an,on,sn,cn,dn,ln,un,pn,vn=t(48),bn=(t(42),t(77));function mn(n,e,t,i,r,a,o){try{var s=n[a](o),c=s.value}catch(n){return void t(n)}s.done?e(c):Promise.resolve(c).then(i,r)}function fn(n){return function(){var e=this,t=arguments;return new Promise((function(i,r){var a=n.apply(e,t);function o(n){mn(a,i,r,o,s,"next",n)}function s(n){mn(a,i,r,o,s,"throw",n)}o(void 0)}))}}function gn(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}class hn extends(Object(bn.a)(o.store)(d.a)){static get styles(){return[s.c,Object(d.b)(N||(N=gn(["\n        :host {\n          display: flex;\n          flex-direction: column;\n          background-color: var(--theme-white-color);\n          padding: var(--padding-wide);\n        }\n        :host([active]) {\n          padding: 0;\n        }\n\n        [content] {\n          flex: 1;\n\n          display: flex;\n          flex-direction: column;\n          overflow: auto;\n\n          font-size: var(--fontsize-small);\n        }\n        span {\n          color: var(--secondary-text-color);\n        }\n      "])))]}static get properties(){return{scenarioName:String,instanceName:String,logs:Array}}firstUpdated(){this.logs=[],this.startSubscribe()}disconnectedCallback(){super.disconnectedCallback(),this.stopSubscribe()}render(){var n=this.logs||[];return Object(d.e)(z||(z=gn(["\n      <div options></div>\n      <div content>\n        ","\n      </div>\n    "])),n.map(({timestamp:n,message:e,level:t})=>Object(d.e)(P||(P=gn([" <div><span>","</span> <strong>","</strong> ","</div> "])),new Date(n).toLocaleString(),t,e)))}startSubscribe(){var n=this;return fn((function*(){var e;n.subscription=yield Object(o.subscribe)({query:Object(c.a)(I||(I=gn(["\n          subscription($instanceName: String, $scenarioName: String, $level: String) {\n            log: scenarioInstanceLog(instanceName: $instanceName, scenarioName: $scenarioName, level: $level) {\n              level\n              message\n              timestamp\n            }\n          }\n        "]))),variables:{instanceName:n.instanceName,scenarioName:n.scenarioName}},{next:(e=fn((function*({data:e}){var t=n.scrollHeight-n.scrollTop===n.clientHeight;n.logs.push(e.log),n.logs.length>100&&n.logs.shift(),n.requestUpdate(),t&&(yield n.updateComplete,n.scrollTop=n.scrollHeight-n.clientHeight)})),function(n){return e.apply(this,arguments)})})}))()}stopSubscribe(){var n=this;return fn((function*(){var e;yield null===(e=n.subscription)||void 0===e?void 0:e.unsubscribe(),delete n.subscription}))()}}function wn(n,e,t,i,r,a,o){try{var s=n[a](o),c=s.value}catch(n){return void t(n)}s.done?e(c):Promise.resolve(c).then(i,r)}function yn(n){return function(){var e=this,t=arguments;return new Promise((function(i,r){var a=n.apply(e,t);function o(n){wn(a,i,r,o,s,"next",n)}function s(n){wn(a,i,r,o,s,"throw",n)}o(void 0)}))}}function xn(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}customElements.define("scenario-instance-log-view",hn);class On extends(Object(bn.a)(o.store)(d.a)){static get styles(){return[s.c,Object(d.b)(E||(E=xn(["\n        :host {\n          display: flex;\n          flex-direction: column;\n          background-color: var(--main-section-background-color);\n        }\n\n        [diagram] {\n          flex: 1;\n          height: 100%;\n          border: none;\n        }\n\n        [content] {\n          flex: 1;\n\n          display: flex;\n          flex-direction: column;\n          overflow: hidden;\n        }\n\n        [tab] {\n          display: flex;\n        }\n\n        [tab] span {\n          display: inline;\n          padding: var(--padding-wide) var(--padding-wide) var(--padding-narrow) var(--padding-wide);\n          border-bottom: 3px solid transparent;\n          color: var(--secondary-color);\n          text-transform: capitalize;\n        }\n\n        [tab] span[active] {\n          border-color: var(--primary-color);\n          font-weight: bold;\n        }\n\n        [detail] {\n          flex: 1;\n          background-color: var(--theme-white-color);\n          border-top: var(--border-dark-color);\n          overflow: hidden;\n          padding: var(--padding-wide);\n        }\n\n        [detail] > * {\n          display: none;\n          width: 100%;\n          height: 100%;\n          color: var(--secondary-color);\n        }\n\n        [detail] > [active] {\n          display: flex;\n          overflow: auto;\n        }\n\n        pre {\n          margin: 0;\n        }\n\n        [detail] ul {\n          margin: 0;\n          padding: 0;\n          flex: 1;\n          list-style: inside '- ';\n        }\n        [detail] li {\n          padding: var(--padding-default) var(--padding-narrow) var(--padding-narrow) var(--padding-narrow);\n          border-bottom: var(--border-dark-color);\n        }\n\n        li[active] {\n          font-weight: bold;\n        }\n\n        [value] {\n          flex: 1;\n          overflow: auto;\n          padding: var(--padding-wide);\n        }\n        scenario-instance-log-view [active] {\n          padding: 0;\n        }\n\n        @media only screen and (max-width: 460px) {\n          [info][active] {\n            display: block;\n          }\n          [detail] {\n            padding: var(--padding-default);\n            overflow: auto;\n          }\n          [detail] > * {\n            height: auto;\n          }\n          [diagram] {\n            width: 100%;\n            min-height: 500px;\n          }\n        }\n      "])))]}static get properties(){return{scenarioName:String,instanceName:String,instance:Object,tab:String,step:String,key:String,contextPath:String}}render(){var n=this.tab||"info",{scenarioName:e,instanceName:t,description:i,state:r,progress:a,variables:o,data:s,message:c}=this.instance||{},{rate:l=0,steps:u=0,step:p=0,rounds:v=0}=a||{},b="".concat(this.contextPath||"","/scenario-view/").concat(this.scenarioName);return Object(d.e)(D||(D=xn(["\n      <div content>\n        <div tab>\n          <span @click="," ?active=",">info</span>\n          <span @click="," ?active=",">variables</span>\n          <span @click="," ?active=",">data</span>\n          <span @click="," ?active=",">log</span>\n        </div>\n        <div detail>\n          <div info ?active=",">\n            <ul>\n              <li>scenario name : <strong>","</strong></li>\n              <li>instance name : ","</li>\n              <li>description : ","</li>\n              <li>state : ","</li>\n              <li>total steps : ","</li>\n              <li>current step : ","</li>\n              <li>rounds : ","</li>\n              <li>messge : ",'</li>\n            </ul>\n            <iframe diagram src="','"></iframe>\n          </div>\n          <div variables ?active=',">","</div>\n          <div data ?active=",">","</div>\n          <scenario-instance-log-view\n            log\n            ?active=","\n            .scenarioName=","\n            .instanceName=","\n          ></scenario-instance-log-view>\n        </div>\n      </div>\n    "])),n=>this.tab="info","info"==n,n=>this.tab="variables","variables"==n,n=>this.tab="data","data"==n,n=>this.tab="log","log"==n,"info"==n,e,t,i,r,u,p,v,c,b,"variables"==n,this.renderVariableObject(o),"data"==n,this.renderDataObject(s),"log"==n,this.scenarioName,this.instanceName)}firstUpdated(){this.startSubscribe()}disconnectedCallback(){super.disconnectedCallback(),this.stopSubscribe()}stateChanged(n){this.contextPath=n.app.contextPath}renderDataObject(n){var e=Object.keys(n||{});if(0==e.length)return Object(d.e)(C||(C=xn(["<pre>no data</pre>"])));var t=this.step||e[0];return Object(d.e)($||($=xn(["\n      <ul keys>\n        ","\n      </ul>\n      <div value>\n        <pre>","</pre>\n      </div>\n    "])),e.map(n=>Object(d.e)(_||(_=xn(["<li @click="," ?active=",">","</li>"])),e=>this.step=n,t==n,n)),n[t]?JSON.stringify(n[t],null,2):"")}renderVariableObject(n){var e=Object.keys(n||{});if(0==e.length)return Object(d.e)(A||(A=xn(["<pre>no data</pre>"])));var t=this.key||e[0];return Object(d.e)(q||(q=xn(["\n      <ul keys>\n        ","\n      </ul>\n      <div value>\n        <pre>","</pre>\n      </div>\n    "])),e.map(n=>Object(d.e)(T||(T=xn(["<li @click="," ?active=",">","</li>"])),e=>this.key=n,t==n,n)),n[t]?JSON.stringify(n[t],null,2):"")}startSubscribe(){var n=this;return yn((function*(){var e;n.subscription=yield Object(o.subscribe)({query:Object(c.a)(M||(M=xn(["\n          subscription($instanceName: String, $scenarioName: String) {\n            scenarioInstanceState(instanceName: $instanceName, scenarioName: $scenarioName) {\n              instanceName\n              scenarioName\n              state\n              progress {\n                rate\n                steps\n                step\n                rounds\n              }\n              variables\n              data\n            }\n          }\n        "]))),variables:{instanceName:n.instanceName,scenarioName:n.scenarioName}},{next:(e=yn((function*({data:e}){e&&(n.instance=e.scenarioInstanceState)})),function(n){return e.apply(this,arguments)})})}))()}stopSubscribe(){var n=this;return yn((function*(){var e;yield null===(e=n.subscription)||void 0===e?void 0:e.unsubscribe(),delete n.subscription}))()}}function jn(n,e,t,i,r,a,o){try{var s=n[a](o),c=s.value}catch(n){return void t(n)}s.done?e(c):Promise.resolve(c).then(i,r)}function Sn(n){return function(){var e=this,t=arguments;return new Promise((function(i,r){var a=n.apply(e,t);function o(n){jn(a,i,r,o,s,"next",n)}function s(n){jn(a,i,r,o,s,"throw",n)}o(void 0)}))}}function kn(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function Nn(n){return n&&"UNLOADED"!==n}customElements.define("scenario-instance-view",On);class zn extends(Object(a.b)(a.a)(d.a)){static get properties(){return{instance:Object,color:String}}static get styles(){return[s.c,Object(d.b)(U||(U=kn(["\n        :host {\n          display: block;\n          overflow: hidden;\n          position: relative;\n          padding: var(--padding-narrow);\n          color: var(--secondary-color);\n        }\n\n        [running] {\n          background-color: lightgreen;\n        }\n\n        [name] {\n          font-size: var(--fontsize-default);\n          font-weight: bold;\n        }\n\n        [progress] {\n          display: block;\n          position: relative;\n\n          width: 100%;\n          margin: 2px;\n          padding: 2px;\n          box-sizing: border-box;\n\n          border: var(--border-dark-color);\n          border-radius: 10px;\n          background-color: var(--theme-white-color);\n        }\n        [progress-wrap] {\n          display: flex;\n          flex-direction: row;\n          margin: 4px 0;\n        }\n\n        [running] [progress] {\n          background-color: var(--theme-white-color);\n        }\n        [steps] {\n          padding: 0 0 0 var(--padding-narrow);\n        }\n\n        #progressbar {\n          height: 100%;\n          text-align: left;\n          border-radius: 5px;\n          animation: width 1s linear ease-out;\n        }\n        [buttons] {\n          --mdc-icon-button-size: 18px;\n          --mdc-icon-size: 18px;\n          border-top: var(--border-dark-color);\n          padding: var(--padding-narrow) 0 0 0;\n          text-align: right;\n        }\n        [buttons] mwc-icon-button {\n          color: var(--primary-color);\n        }\n\n        @keyframes width {\n          0% {\n            width: 0;\n          }\n          100% {\n            width: auto;\n          }\n        }\n      "])))]}render(){var n=this.instance,{instanceName:e,progress:t,message:i,state:r}=n,{rate:a=0,steps:o=0,step:s=0,rounds:c=0}=t||{},l=Nn(r);return Object(d.e)(L||(L=kn(["\n      <div name>",'</div>\n      <div progress-wrap>\n        <div progress>\n          <div id="progressbar" .style="width:',"%;background-color:",';"></div>\n        </div>\n        <div steps>',"/","</div>\n      </div>\n      <div buttons>\n        <span><strong>","</strong> round</span>\n        <mwc-icon-button @click=",' icon="wysiwyg"></mwc-icon-button>\n        <mwc-icon-button\n          @click=',"\n          icon=","\n        ></mwc-icon-button>\n      </div>\n    "])),e,a,this.color,s,o,c,n=>this.showInstanceDetail(),e=>l?this.stopScenario(n):this.startScenario(n),l?"pause":"play_arrow")}startScenario(n){return Sn((function*(){var e=yield o.client.mutate({mutation:Object(c.a)(V||(V=kn(["\n        mutation($scenarioName: String!, $instanceName: String) {\n          startScenario(scenarioName: $scenarioName, instanceName: $instanceName) {\n            state\n          }\n        }\n      "]))),variables:{scenarioName:n.scenarioName,instanceName:n.instanceName}});Object(vn.h)({level:"info",message:"".concat(Nn(e.data.startScenario.state)?"success":"fail"," to start scenario : ").concat(n.scenarioName)})}))()}stopScenario(n){return Sn((function*(){var e=yield o.client.mutate({mutation:Object(c.a)(B||(B=kn(["\n        mutation($instanceName: String!) {\n          stopScenario(instanceName: $instanceName) {\n            state\n          }\n        }\n      "]))),variables:{instanceName:n.instanceName}});Object(vn.h)({level:"info",message:"".concat(Nn(e.data.stopScenario.state)?"fail":"success"," to stop instance : ").concat(n.instanceName)})}))()}showInstanceDetail(){var n=this;return Sn((function*(){var{instanceName:e,scenarioName:t}=n.instance;Object(vn.j)(Object(d.e)(H||(H=kn(["\n        <scenario-instance-view .instanceName="," .scenarioName=","></scenario-instance-view>\n      "])),e,t),{size:"large",title:"".concat(a.a.t("title.scenario-instance"))})}))()}}function Pn(n,e,t,i,r,a,o){try{var s=n[a](o),c=s.value}catch(n){return void t(n)}s.done?e(c):Promise.resolve(c).then(i,r)}function In(n){return function(){var e=this,t=arguments;return new Promise((function(i,r){var a=n.apply(e,t);function o(n){Pn(a,i,r,o,s,"next",n)}function s(n){Pn(a,i,r,o,s,"throw",n)}o(void 0)}))}}function En(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function Dn(n){return n&&"UNLOADED"!==n}window.customElements.define("scenario-instance-monitor",zn);class Cn extends(Object(a.b)(a.a)(d.a)){static get properties(){return{scenario:Object,mode:String}}static get styles(){return[s.c,Object(d.b)(Q||(Q=En(["\n        :host {\n          display: flex;\n          flex-direction: row;\n          margin: var(--margin-default);\n\n          border: var(--border-dark-color);\n          background-color: var(--theme-white-color);\n          box-shadow: var(--box-shadow);\n          border-radius: var(--border-radius);\n          position: relative;\n          overflow: hidden;\n        }\n\n        [desc] {\n          position: relative;\n          display: flex;\n          flex-direction: column;\n          padding: var(--padding-default);\n          width: 200px;\n          color: var(--secondary-color);\n          font-size: var(--fontsize-small);\n        }\n\n        [desc] [detail-info] {\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n          width: calc(100% - 25px);\n          height: 45px;\n        }\n\n        [desc] strong {\n          display: block;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n          font-size: var(--fontsize-large);\n        }\n\n        [desc] span {\n          display: block;\n          position: absolute;\n          top: 0px;\n          right: var(--padding-default);\n          font-size: 40px;\n          font-weight: bold;\n          text-align: right;\n        }\n\n        [desc] [schedule] * {\n          vertical-align: middle;\n          display: inline;\n        }\n\n        [desc] [schedule] {\n          background-color: #f1f1f1;\n          border-radius: 20px;\n          margin: var(--margin-default) 0;\n          padding: var(--padding-narrow);\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n          font-size: 12px;\n          line-height: 8px;\n        }\n\n        [buttons] {\n          --mdc-icon-button-size: 24px;\n          --mdc-icon-size: 24px;\n          border-top: var(--border-dark-color);\n          padding: var(--padding-narrow) 0 0 0;\n          text-align: right;\n        }\n\n        [buttons] mwc-icon-button {\n          color: var(--primary-color);\n        }\n\n        [buttons][detail] {\n          display: flex;\n          flex-direction: column-reverse;\n          margin-bottom: auto;\n        }\n\n        [desc] mwc-icon {\n          border-radius: 50%;\n          color: var(--theme-white-color);\n          font-size: 18px;\n        }\n\n        :host([mode='detail']) [schedule] {\n          margin: var(--margin-default) 0 0 0;\n        }\n\n        :host([mode='detail']) [desc] [buttons] {\n          display: none;\n        }\n        :host([mode='detail']) [buttons] {\n          border-top: none;\n          padding: var(--padding-default);\n        }\n\n        ul {\n          flex: 1;\n\n          display: flex;\n          flex-direction: row;\n          flex-wrap: wrap;\n          list-style: none;\n          margin: 0;\n          padding: 0;\n        }\n\n        ul > li {\n          position: relative;\n          margin: var(--margin-default);\n          min-width: 140px;\n          max-width: 180px;\n          border: 1px solid black;\n          border-radius: var(--border-radius);\n          font-size: 12px;\n        }\n\n        li span {\n          display: block;\n          position: absolute;\n          width: 100%;\n          height: 100%;\n          background-color: rgba(255, 255, 255, 0.8);\n        }\n\n        @media screen and (max-width: 480px) {\n          :host {\n            margin: var(--margin-narrow);\n            max-width: 46%;\n          }\n\n          :host([mode='detail']) {\n            max-width: initial;\n          }\n\n          [desc] {\n            padding: var(--padding-narrow);\n          }\n\n          :host([mode='detail']) > [desc] {\n            max-width: 125px;\n          }\n\n          [desc] [detail-info] {\n            height: 38px;\n          }\n\n          [desc] span {\n            font-size: 36px;\n          }\n        }\n      "])))]}render(){var n=this.scenario||{},e=this.mode,{id:t,name:i,description:r,schedule:a,color:o}=n,s=n.instances||[];return Object(d.e)(J||(J=En(["\n      <div desc>\n        <div detail-info>\n          <strong>","</strong>\n          ","\n          <span>",'</span>\n        </div>\n        <div schedule>\n          <mwc-icon .style="background-color: ',';">schedule</mwc-icon>\n          <pre>',"</pre>\n        </div>\n        ","\n      </div>\n\n      ","\n    "])),i,r,s.length,o,a,this.renderButtons(n),"detail"===e?Object(d.e)(F||(F=En(["\n            <ul>\n              ","\n            </ul>\n            ","\n          "])),s.map(n=>Object(d.e)(R||(R=En(['\n                  <li .style="border-color:',";background-color:",'">\n                    <span></span>\n                    <scenario-instance-monitor .instance='," .color=","></scenario-instance-monitor>\n                  </li>\n                "])),o,o,n,o)),this.renderButtons(n)):Object(d.e)(Y||(Y=En([""]))))}renderButtons(n){var e=(n.instances||[]).find(e=>e.instanceName==n.name);return Object(d.e)(G||(G=En(["\n      <div buttons ?detail=",">\n        <mwc-icon-button @click=",' icon="text_snippet"></mwc-icon-button>\n        ',"\n      </div>\n    "])),"detail"==this.mode,e=>this.popupLogView(n),e?Object(d.e)(W||(W=En(['\n              <mwc-icon-button\n                icon="pause_circle_outline"\n                @click=',"\n                stop\n              ></mwc-icon-button>\n            "])),e=>this.stopScenario(n)):Object(d.e)(K||(K=En([' <mwc-icon-button\n              icon="play_circle_outline"\n              @click=',"\n            ></mwc-icon-button>"])),e=>this.startScenario(n)))}popupLogView(n){return In((function*(){Object(vn.j)(Object(d.e)(X||(X=En([" <scenario-instance-log-view .scenarioName=","></scenario-instance-log-view> "])),n.name),{size:"large",title:"".concat(a.a.t("title.scenario-log")," (").concat(n.name,")")})}))()}startScenario(n){return In((function*(){var e=yield o.client.mutate({mutation:Object(c.a)(Z||(Z=En(["\n        mutation($scenarioName: String!) {\n          startScenario(scenarioName: $scenarioName) {\n            state\n          }\n        }\n      "]))),variables:{scenarioName:n.name}});Object(vn.h)({level:"info",message:"".concat(Dn(e.data.startScenario.state)?"success":"fail"," to start instance : ").concat(n.name)})}))()}stopScenario(n){return In((function*(){var e=yield o.client.mutate({mutation:Object(c.a)(nn||(nn=En(["\n        mutation($instanceName: String!) {\n          stopScenario(instanceName: $instanceName) {\n            state\n          }\n        }\n      "]))),variables:{instanceName:n.name}});Object(vn.h)({level:"info",message:"".concat(Dn(e.data.stopScenario.state)?"fail":"success"," to stop instance : ").concat(n.name)})}))()}}function $n(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}window.customElements.define("scenario-monitor",Cn);class _n extends(Object(a.b)(a.a)(d.a)){static get properties(){return{scenarios:Array,mode:String,filter:String,pendings:Array,colorIndex:Object,running:Boolean}}static get styles(){return[s.c,Object(d.b)(en||(en=$n(["\n        :host {\n          display: flex;\n          flex-direction: column;\n\n          overflow: hidden;\n        }\n\n        [info] {\n          display: flex;\n          margin-bottom: var(--margin-default);\n          padding: var(--padding-narrow) 0;\n          flex-direction: row;\n          align-items: center;\n          border-bottom: 2px solid var(--secondary-color);\n        }\n        [info] h2 {\n          margin: 0;\n          font: var(--subtitle-font);\n          color: var(--secondary-color);\n          text-transform: capitalize;\n        }\n\n        [info] > span {\n          display: flex;\n          margin-left: auto;\n        }\n        [info] input {\n          margin: var(--input-margin);\n          padding: var(--padding-narrow);\n          border: var(--border-dark-color);\n          border-radius: var(--border-radius);\n          font: var(--input-font);\n        }\n        [info] mwc-icon {\n          margin-left: var(--margin-narrow);\n          color: rgba(var(--secondary-color-rgb), 0.6);\n          line-height: 34px;\n          cursor: pointer;\n        }\n        [info] mwc-icon[active] {\n          color: var(--primary-color);\n        }\n\n        [content] {\n          flex: 1;\n\n          display: flex;\n          flex-direction: row;\n\n          overflow: hidden;\n        }\n\n        pending-q-monitor {\n          width: 100px;\n        }\n\n        [scenarios] {\n          flex: 1;\n\n          overflow: auto;\n          display: flex;\n          flex-direction: column;\n        }\n\n        [scenarios] [flowbox] {\n          display: flex;\n          flex-direction: column;\n          min-height: min-content;\n        }\n\n        [scenarios][mode='brief'] [flowbox] {\n          flex-flow: row wrap;\n          align-self: start;\n        }\n\n        scenario-monitor {\n          flex: none;\n          height: fit-content;\n        }\n\n        @media screen and (max-width: 480px) {\n          pending-q-monitor {\n            width: 80px;\n          }\n        }\n      "])))]}render(){var n=this.scenarios||[],e=this.mode||"brief",t=this.filter||"";return Object(d.e)(tn||(tn=$n(["\n      <div info>\n        <h2>scenarios</h2>\n        <span>\n          <input .value="," @change=",' placeholder="search" />\n          <mwc-icon @click='," ?active=",">view_comfy</mwc-icon>\n          <mwc-icon @click="," ?active=",">dehaze</mwc-icon>\n        </span>\n      </div>\n\n      <div content>\n        <pending-q-monitor\n          .pendings=","\n          .colorIndex=","\n          .running=","\n        ></pending-q-monitor>\n\n        <div scenarios mode=",">\n          <div flowbox>\n            ","\n          </div>\n        </div>\n      </div>\n    "])),t,n=>this.filter=n.target.value,n=>this.mode="brief","brief"==e,n=>this.mode="detail","detail"==e,this.pendings,this.colorIndex||{},this.running,e,n.filter(n=>0==n.name.indexOf(t)).map(n=>Object(d.e)(rn||(rn=$n(["<scenario-monitor .scenario="," mode=","></scenario-monitor>"])),n,e)))}}function An(n,e,t,i,r,a,o){try{var s=n[a](o),c=s.value}catch(n){return void t(n)}s.done?e(c):Promise.resolve(c).then(i,r)}function qn(n){return function(){var e=this,t=arguments;return new Promise((function(i,r){var a=n.apply(e,t);function o(n){An(a,i,r,o,s,"next",n)}function s(n){An(a,i,r,o,s,"throw",n)}o(void 0)}))}}function Tn(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}window.customElements.define("scenarios-monitor",_n);class Mn extends d.a{static get styles(){return[s.c,Object(d.b)(an||(an=Tn(["\n        :host {\n          display: flex;\n          flex-direction: column;\n\n          overflow: hidden;\n          background-color: var(--theme-white-color);\n          border-radius: var(--border-radius);\n          border: var(--border-dark-color);\n        }\n        h2 {\n          margin: 0;\n          padding: var(--padding-default) 0 var(--padding-default) var(--padding-default);\n          border-bottom: var(--border-dark-color);\n          font: var(--subtitle-font);\n          color: var(--secondary-color);\n          text-transform: capitalize;\n        }\n\n        [cards] {\n          flex: 1;\n          display: flex;\n          flex-direction: column;\n\n          overflow: auto;\n        }\n\n        [card] {\n          display: flex;\n          flex-direction: column;\n          padding: var(--padding-default);\n          border-bottom: var(--border-dark-color);\n          color: var(--secondary-color);\n        }\n        [card] *{\n          overflow:hidden;\n          text-overflow:ellipsis;\n          white-space:nowrap;\n        }\n        [card] strong {\n          color: var(--primary-color);\n        }\n        [card] span {\n          font-size: var(--fontsize-default);\n          line-height: var(--fontsize-large);\n        }\n\n        [connected] strong::after {\n          content: '';\n          display: inline-block;\n          width: 10px;\n          height: 10px;\n          border-radius: 50%;\n          background-color: var(--status-success-color);\n          margin-left: var(--margin-narrow);\n        }\n        [buttons]{\n          --mdc-icon-button-size: 20px;\n          --mdc-icon-size: 20px;\n          border-top:1px dashed rgba(0,0,0,.1);\n          margin:var(--margin-narrow) 0 0 0;\n          padding:var(--padding-narrow) 0 0 0;\n          text-align:right;\n        }\n        [buttons] mwc-icon-button{\n          color:rgba(var(--secondary-color-rgb),.8);\n        }\n        @media screen and (max-width: 480px) {\n          h2 {\n            padding: var(--padding-narrow);\n          }\n          [card] span{\n            display:none\n          }\n        }\n      "])))]}static get properties(){return{connections:Array}}render(){var n=this.connections||[];return Object(d.e)(on||(on=Tn(["\n      <div info>\n        <h2>connections</h2>\n      </div>\n\n      <div cards>","</div>\n    "])),n.map(n=>this.renderConnection(n)))}renderConnection(n){var{id:e,name:t,description:i,type:r,state:a}=n,o="CONNECTED"==a;return Object(d.e)(sn||(sn=Tn(["\n      <div card ?connected=",">\n        <strong>","</strong>\n        <span>","</span>\n        <span>Type : ","</span>\n        <div buttons>\n          <mwc-icon-button\n            @click=","\n            .icon=","\n            label=","\n          ></mwc-icon-button>\n        </div>\n      </div>\n    "])),o,t,i,r,e=>o?this.disconnect(n):this.connect(n),o?"link_off":"link",o?"disconnect":"connect")}connect(n){var e=this;return qn((function*(){var t=yield o.client.mutate({mutation:Object(c.a)(cn||(cn=Tn(["\n        mutation($name: String!) {\n          connectConnection(name: $name) {\n            state\n          }\n        }\n      "]))),variables:{name:n.name}});n.state=t.data.connectConnection.state,e.requestUpdate(),document.dispatchEvent(new CustomEvent("notify",{detail:{level:"info",message:"".concat("CONNECTED"==n.state?"success":"fail"," to connect : ").concat(n.name)}}))}))()}disconnect(n){var e=this;return qn((function*(){var t=yield o.client.mutate({mutation:Object(c.a)(dn||(dn=Tn(["\n        mutation($name: String!) {\n          disconnectConnection(name: $name) {\n            state\n          }\n        }\n      "]))),variables:{name:n.name}});n.state=t.data.disconnectConnection.state,e.requestUpdate(),document.dispatchEvent(new CustomEvent("notify",{detail:{level:"info",message:"".concat("CONNECTED"==n.state?"fail":"success"," to disconnect : ").concat(n.name)}}))}))()}}function Un(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function Ln(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?Un(Object(t),!0).forEach((function(e){Qn(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):Un(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}function Vn(n,e,t,i,r,a,o){try{var s=n[a](o),c=s.value}catch(n){return void t(n)}s.done?e(c):Promise.resolve(c).then(i,r)}function Bn(n){return function(){var e=this,t=arguments;return new Promise((function(i,r){var a=n.apply(e,t);function o(n){Vn(a,i,r,o,s,"next",n)}function s(n){Vn(a,i,r,o,s,"throw",n)}o(void 0)}))}}function Hn(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function Qn(n,e,t){return e in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}function Jn(n){return n&&"UNLOADED"!==n}customElements.define("connections-monitor",Mn);class Fn extends(Object(a.b)(a.a)(o.PageView)){static get properties(){return{scenarios:Array,pendings:Array,connections:Array,colorIndex:Object}}static get styles(){return[s.c,Object(d.b)(ln||(ln=Hn(["\n        :host {\n          display: flex;\n          flex-direction: column;\n\n          overflow: hidden;\n          background-color: var(--main-section-background-color);\n          padding: var(--padding-wide);\n        }\n\n        integration-summary {\n          margin-bottom: var(--margin-wide);\n        }\n\n        content {\n          flex: 1;\n          display: flex;\n          flex-direction: row;\n\n          overflow: hidden;\n        }\n\n        connections-monitor {\n          width: 180px;\n        }\n\n        scenarios-monitor {\n          flex: 1;\n          margin: 0 var(--margin-wide) 0 0;\n        }\n\n        @media screen and (max-width: 480px) {\n          :host {\n            padding: var(--padding-default);\n          }\n          integration-summary {\n            margin-bottom: var(--margin-default);\n          }\n          content {\n            display: block;\n            overflow: auto;\n          }\n          scenarios-monitor {\n            min-height: 350px;\n            margin: 0 0 var(--margin-default) 0;\n          }\n          connections-monitor {\n            width: initial;\n          }\n        }\n      "])))]}get context(){return{title:a.a.t("text.integration monitor"),help:"integration/ui/integration-monitor"}}render(){return Object(d.e)(un||(un=Hn(["\n      <integration-summary\n        .pendings=","\n        .scenarios=","\n        .connections=","\n      ></integration-summary>\n      <content>\n        <scenarios-monitor\n          .scenarios=","\n          .pendings=","\n          .colorIndex=","\n          .running=","\n        ></scenarios-monitor>\n        <connections-monitor .connections=","></connections-monitor>\n      </content>\n    "])),this.pendings,this.scenarios,this.connections,this.scenarios,this.pendings,this.colorIndex||{},!!this.active,this.connections)}pageUpdated(n){var e=this;return Bn((function*(){"active"in n&&(e.active?(yield e.fetchScenarios(),yield e.startSubscribe()):yield e.stopSubscribe())}))()}fetchScenarios(){var n=this;return Bn((function*(){var e=yield o.client.query({query:Object(c.a)(pn||(pn=Hn(["\n        query {\n          responses: scenarios {\n            items {\n              id\n              name\n              description\n              active\n              state\n              schedule\n              timezone\n              instances {\n                instanceName\n                scenarioName\n                state\n                progress {\n                  rate\n                  steps\n                  step\n                  rounds\n                }\n                variables\n                data\n                message\n              }\n              updater {\n                id\n                name\n              }\n              updatedAt\n            }\n            total\n          }\n        }\n      "])))}),t={};n.scenarios=(e.data.responses.items||[]).map(n=>{var e=function(n){var e=0;if(0===n.length)return e;for(var t=0;t<n.length;t++)e=n.charCodeAt(t)+((e<<5)-e),e&=e;var i="#";for(t=0;t<3;t++){i+=("00"+(e>>8*t&255).toString(16)).substr(-2)}return i}(n.id);return t[n.id]=e,Ln(Ln({},n),{},{color:e})}),n.colorIndex=t}))()}startSubscribe(){var n=this;return Bn((function*(){var e,t;n.scenarioInstanceStateSubscription||(n.scenarioInstanceStateSubscription=yield Object(o.subscribe)({query:"\n            subscription {\n              scenarioInstanceState {\n                instanceName\n                scenarioName\n                state\n                progress {\n                  rate\n                  steps\n                  step\n                  rounds\n                }\n              }\n            }\n          "},{next:(e=Bn((function*({data:e}){if(e){var{scenarioName:t,instanceName:i,state:r}=e.scenarioInstanceState;n.scenarios=n.scenarios||[];var a=n.scenarios.find(n=>n.name===t);if(!a)return n.scenarios=[],yield n.stopSubscribe(),yield n.fetchScenarios(),void(yield n.startSubscribe());var o=a.instances.findIndex(n=>n.instanceName===i);-1==o?Jn(r)&&a.instances.push(e.scenarioInstanceState):Jn(r)?a.instances.splice(o,1,e.scenarioInstanceState):a.instances.splice(o,1),n.scenarios.splice(n.scenarios.indexOf(a),1,Ln({},a)),n.scenarios=[...n.scenarios]}})),function(n){return e.apply(this,arguments)})}),n.scenarioQueueStateSubscription=yield Object(o.subscribe)({query:"\n            subscription {\n              scenarioQueueState {\n                queue {\n                  stuff\n                  due\n                  priority\n                  tag\n                }\n              }\n            }\n          "},{next:({data:e})=>{e&&(n.pendings=e.scenarioQueueState.queue)}}),n.connectionStateSubscription=yield Object(o.subscribe)({query:"\n            subscription {\n              connectionState {\n                id,\n                name,\n                description,\n                type,\n                state\n              }\n            }\n          "},{next:(t=Bn((function*({data:e}){if(e){var t=e.connectionState;n.connections=n.connections||[];var i=n.connections.findIndex(n=>n.id===t.id);-1!==i?(n.connections[i]=e.connectionState,n.connections=[...n.connections]):n.connections=[...n.connections,e.connectionState]}})),function(n){return t.apply(this,arguments)})}))}))()}stopSubscribe(){var n=this;return Bn((function*(){var e,t,i;yield null===(e=n.scenarioInstanceStateSubscription)||void 0===e?void 0:e.unsubscribe(),yield null===(t=n.scenarioQueueStateSubscription)||void 0===t?void 0:t.unsubscribe(),yield null===(i=n.connectionStateSubscription)||void 0===i?void 0:i.unsubscribe(),delete n.scenarioInstanceStateSubscription,delete n.scenarioQueueStateSubscription,delete n.connectionStateSubscription}))()}}Qn(Fn,"ScenarioInstanceStatus",["READY","STARTED","STOPPED","HALTED"]),window.customElements.define("integration-monitor",Fn)},977:function(n,e,t){"use strict";t.d(e,"a",(function(){return o}));var i=t(5);function r(n,e,t,i,r,a,o){try{var s=n[a](o),c=s.value}catch(n){return void t(n)}s.done?e(c):Promise.resolve(c).then(i,r)}
-/**
- * @license
- * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
- * This code may only be used under the BSD style license found at
- * http://polymer.github.io/LICENSE.txt
- * The complete set of authors may be found at
- * http://polymer.github.io/AUTHORS.txt
- * The complete set of contributors may be found at
- * http://polymer.github.io/CONTRIBUTORS.txt
- * Code distributed by Google as part of the polymer project is also
- * subject to an additional IP rights grant found at
- * http://polymer.github.io/PATENTS.txt
- */
-var a=function(n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var e,t=n[Symbol.asyncIterator];return t?t.call(n):(n="function"==typeof __values?__values(n):n[Symbol.iterator](),e={},i("next"),i("throw"),i("return"),e[Symbol.asyncIterator]=function(){return this},e);function i(t){e[t]=n[t]&&function(e){return new Promise((function(i,r){(function(n,e,t,i){Promise.resolve(i).then((function(e){n({value:e,done:t})}),e)})(i,r,(e=n[t](e)).done,e.value)}))}}},o=Object(i.f)((n,e)=>function(){var t,o=(t=function*(t){var r,o;if(!(t instanceof i.d))throw new Error("asyncReplace can only be used in text bindings");if(n!==t.value){var s=new i.d(t.options);t.value=n;var c=0;try{for(var d,l=a(n);!(d=yield l.next()).done;){var u=d.value;if(t.value!==n)break;0===c&&(t.clear(),s.appendIntoPart(t)),void 0!==e&&(u=e(u,c)),s.setValue(u),s.commit(),c++}}catch(n){r={error:n}}finally{try{d&&!d.done&&(o=l.return)&&(yield o.call(l))}finally{if(r)throw r.error}}}},function(){var n=this,e=arguments;return new Promise((function(i,a){var o=t.apply(n,e);function s(n){r(o,i,a,s,c,"next",n)}function c(n){r(o,i,a,s,c,"throw",n)}s(void 0)}))});return function(n){return o.apply(this,arguments)}}())}}]);

package/dist-client/21.js

@@ -1,15 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[21],{1388:function(e,n,t){"use strict";t.r(n);var i,r,a,o,l,c,d,u,s,p,v,h,f,b,g=t(0),m=t(977),y=t(284),k=t(1003),x=t.n(k),w=t(77),O=t(35),T=(t(955),t(48)),j=t(29);function C(e,n,t,i,r,a,o){try{var l=e[a](o),c=l.value}catch(e){return void t(e)}l.done?n(c):Promise.resolve(c).then(i,r)}function A(e){return function(){var n=this,t=arguments;return new Promise((function(i,r){var a=e.apply(n,t);function o(e){C(a,i,r,o,l,"next",e)}function l(e){C(a,i,r,o,l,"throw",e)}o(void 0)}))}}function S(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function I(e){var n,t;function i(n,t){try{var a=e[n](t),o=a.value,l=o instanceof P;Promise.resolve(l?o.wrapped:o).then((function(e){l?i("return"===n?"return":"next",e):r(a.done?"return":"normal",e)}),(function(e){i("throw",e)}))}catch(e){r("throw",e)}}function r(e,r){switch(e){case"return":n.resolve({value:r,done:!0});break;case"throw":n.reject(r);break;default:n.resolve({value:r,done:!1})}(n=n.next)?i(n.key,n.arg):t=null}this._invoke=function(e,r){return new Promise((function(a,o){var l={key:e,arg:r,resolve:a,reject:o,next:null};t?t=t.next=l:(n=t=l,i(e,r))}))},"function"!=typeof e.return&&(this.return=void 0)}function P(e){this.wrapped=e}I.prototype["function"==typeof Symbol&&Symbol.asyncIterator||"@@asyncIterator"]=function(){return this},I.prototype.next=function(e){return this._invoke("next",e)},I.prototype.throw=function(e){return this._invoke("throw",e)},I.prototype.return=function(e){return this._invoke("return",e)};var _="\nid\nname\ndescription\nicon\ngrantType\nclientId\nclientSecret\ncallbackUrl\nauthUrl\naccessTokenUrl\nwebhook\nusername\npassword\ncodeChallengeMethod\ncodeVerifier\nscopes\naccessToken\nrefreshToken\njwtToken\nexpires\ntokenType\nupdatedAt\ncreatedAt\n";class z extends(Object(w.a)(O.store)(O.PageView)){static get styles(){return[Object(g.b)(i||(i=S(["\n        :host {\n          display: flex;\n          flex-direction: column;\n          overflow-y: auto;\n          position: relative;\n\n          background-color: var(--main-section-background-color);\n          padding: var(--padding-wide);\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          max-width: 80px;\n        }\n        [icon] img {\n          max-width: 100%;\n          max-height: 100%;\n        }\n\n        [button-primary] {\n          background-color: var(--button-primary-background-color);\n          border: var(--button-border);\n          border-radius: var(--button-border-radius);\n          margin: var(--button-margin);\n          padding: var(--button-primary-padding);\n          color: var(--button-primary-color);\n          font: var(--button-primary-font);\n          text-transform: var(--button-text-transform);\n\n          text-decoration: none;\n        }\n        [button-primary]:hover {\n          background-color: var(--button-primary-active-background-color);\n          box-shadow: var(--button-active-box-shadow);\n        }\n        label {\n          font: var(--label-font);\n          color: var(--label-color);\n          text-transform: var(--label-text-transform);\n        }\n        input,\n        select {\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        button {\n          outline: none;\n        }\n        form {\n          max-width: var(--content-container-max-width);\n        }\n        [fieldset-container] {\n          background-color: var(--theme-white-color);\n          margin: var(--margin-wide) 0 var(--margin-default) 0;\n          padding: var(--padding-default);\n          border-radius: var(--border-radius);\n          box-shadow: var(--box-shadow);\n        }\n        [fieldset-container] fieldset {\n          margin: 0;\n          margin-top: -15px;\n        }\n        fieldset {\n          border-radius: var(--border-radius);\n          border: var(--border-dark-color);\n          margin: var(--fieldset-margin);\n          padding: var(--fieldset-padding);\n        }\n        legend {\n          padding: var(--legend-padding);\n          font-weight: bold;\n          color: var(--legend-color);\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          position: relative;\n        }\n        [grid-span] {\n          grid-column: span 2;\n        }\n        button,\n        input[type='submit'],\n        [button-in-field] {\n          background-color: var(--button-background-color);\n          border: var(--button-border);\n          border-radius: var(--button-border-radius);\n          padding: var(--button-padding);\n          color: var(--button-color);\n          font: var(--button-font);\n          text-transform: var(--button-text-transform);\n\n          margin: var(--margin-default) 0 var(--margin-default) var(--margin-default);\n          float: right;\n          text-decoration: none;\n        }\n        button:hover,\n        input[type='submit']:hover {\n          border: var(--button-activ-border);\n          box-shadow: var(--button-active-box-shadow);\n        }\n        [button-in-field] {\n          border-radius: 0 var(--button-border-radius) var(--button-border-radius) 0;\n          position: absolute;\n          top: 11px;\n          right: 0;\n          max-height: 36px;\n        }\n        [input-hint] {\n          font: var(--input-hint-font);\n          color: var(--input-hint-color);\n        }\n        @media screen and (max-width: 480px) {\n          [field] {\n            grid-column: span 2;\n          }\n        }\n      "])))]}static get properties(){return{oauth2Client:Object,_grantType:String}}get context(){var e;return{title:{icon:"apps",text:null===(e=this.oauth2Client)||void 0===e?void 0:e.name}}}render(){var e=this,n=this.oauth2Client||{};return Object(g.e)(r||(r=S(["\n      <div>\n        <h2><mwc-icon>apps</mwc-icon>&nbsp;","</h2>\n        <p page-description>","</p>\n      </div>\n\n      <div icon>\n        <img src=",">\n      </div>\n\n      <form>\n        <div fieldset-container>\n          <fieldset>\n            <legend>oauth2 client</legend>\n            <div field-2column>\n              <div field grid-span>\n                <label for='name'>name</label>\n                <input type='text' id=\"name\" name=\"name\" .value=",">\n              </div>\n\n              <div field grid-span>\n                <label for='description'>description</label>\n                <input type='text' id=\"description\" name=\"description\" .value=",">\n              </div>\n\n              <div field grid-span>\n                <label for='icon'>icon</label>\n                <input type='text' id=\"icon\" name=\"icon\" \n                  @change="," \n                  .value=","\n                >\n              </div>\n            </div>\n          </fieldset>\n        </div>\n\n        <div fieldset-container>\n          <fieldset>\n            <legend>authorization</legend>\n            <div field-2column>\n              <div field grid-span>\n                <label for='grant-type'>grant type\n                  <help-icon topic='/oauth2-client/grant-type'></help-icon>\n                </label>\n                <select type='text' id=\"grant-type\" name=\"grantType\" .value="," \n                  @change=",">\n                  <option></option>\n                  <option value='code'>Authorization Code Grant</option>\n                  <option value='jwt'>JWT As Authorization Grant</option>\n                  <option value='owner'>Resource Owner Password Credentials Grant</option>\n                  <option value='credentials'>Client Credentials Grant</option>\n                </select>\n              </div>\n\n              <div field grid-span>\n                <label for='auth-url'>auth url</label>\n                <input type='text' id=\"auth-url\" name=\"authUrl\" .value=",">\n                <div input-hint>The endpoint for authorization server. This is used to get the authorization code.</div>\n              </div>\n\n              <div field grid-span>\n                <label for='access-token-url'>access token url</label>\n                <input type='text' id=\"access-token-url\" name=\"accessTokenUrl\" .value=",">\n                <div input-hint>The endpoint for authentication server. This is used to exchange the authorization code for an access token.</div>\n              </div>\n\n              <div field grid-span>\n                <label for='callback-url'>callback url</label>\n                <input type='text' id=\"callback-url\" name=\"callbackUrl\" .value=",">\n                <div input-hint>This is the callback url that you will be redirected to, after your application is authorized.\n                This is used to extract the authorization code or access token.\n                Normally, this callback url should match the one you use during the application registration process.\n                If you leave this field empty, default callback url(","/oauth2-client/callback</label>) will be used.</div>\n              </div>\n              \n              <div field grid-span>\n                <label for='client-id'>client id</label>\n                <input type='text' id=\"client-id\" name=\"clientId\" .value=",">\n                <div input-hint>The client identifier issued to the client during the application registration process.</div>\n              </div>\n\n              <div field grid-span>\n                <label for='client-secret'>client secret</label>\n                <input type='text' id=\"client-secret\" name=\"clientSecret\" .value=",">\n                <div input-hint>The client secret issued to the client during the application registration process.</div>\n              </div>\n\n              ","\n\n              ","\n\n              \x3c!-- code PKCE grant type not supported yet\n              <div field grid-span>\n                <label for='code-challenge-method'>code challenge method</label>\n                <select type='text' id=\"code-challenge-method\" name=\"codeChallengeMethod\" .value=",">\n                  <option></option>\n                  <option>SHA-256</option>\n                  <option>Plain</option>\n                </select>\n                <div input-hint>Algorithm used for generating the code challenge</div>\n              </div>\n\n              <div field grid-span>\n                <label for='code-verifier'>code verifier\n                  <help-icon topic='/oauth2-client/code-verifier'></help-icon>\n                </label>\n                <input type='text' id=\"code-verifier\" name=\"codeVerifier\" .value=",'>\n                <div input-hint>A random, 43-128 character string used to connect the authorization request to the token request.\n                Uses the following characters: [A-Z]/[a-z]/[0-9]/"-"/"."/"_"/"~".</div>\n              </div>\n              --\x3e\n              \n              <div field grid-span>\n                <label for=\'scopes\'>scopes</label>\n                <input type=\'text\' id="scopes" name="scopes" .value=',">\n                <div input-hint>The scopes of the access request. It may have multiple space-delimited values.</div>\n              </div>\n            </div>\n          </fieldset>\n        </div>\n\n        <div fieldset-container>\n          <fieldset>\n            <div field grid-span>\n              <label for='token-type'>token type</label>\n              <input type='text' id=\"token-type\" .value=",' readonly>\n              <div input-hint>Added to the authorization header before the access token.</div>\n            </div>\n\n            <legend>access token</legend>\n            <div field-2column>\n              <div field grid-span>\n                <label for="access-token">access token</label>\n                <input id="access-token" type="text" .value='," readonly />\n                <button button-in-field clipboard-copy @click=",">copy</button>\n                ",'\n              </div>\n\n              <div field grid-span>\n                <label for="refresh-token">refresh token</label>\n                <input id="refresh-token" type="text" .value='," readonly />\n                <button button-in-field clipboard-copy @click=",">copy</button>\n              </div>\n            </div>\n          </fieldset>\n        </div>\n\n        <button @click=",">delete this app</button>\n        <button @click=",">get new access token</button>\n        <button @click="," ?disabled=",'>refresh access token</button>\n        <input type="submit" value="update" @click=',">\n      </form>\n    "])),n.name||"",n.description||"",n.icon,n.name||"",n.description||"",e=>this._icon=e.target.value,n.icon||"",n.grantType||"code",e=>this._grantType=e.target.value,n.authUrl||"",n.accessTokenUrl||"",n.callbackUrl||"",location.origin,n.clientId||"",n.clientSecret||"","owner"==this._grantType?Object(g.e)(a||(a=S(['\n                      <div field grid-span>\n                        <label for="username">user name</label>\n                        <input type="text" id="username" name="username" .value=',' />\n                      </div>\n\n                      <div field grid-span>\n                        <label for="password">password</label>\n                        <input type="password" id="password" name="password" .value='," />\n                      </div>\n                    "])),n.username||"",n.password||""):Object(g.e)(o||(o=S([""]))),"jwt"==this._grantType?Object(g.e)(l||(l=S(['\n                      <div field grid-span>\n                        <label for="jwt-token">jwt-token</label>\n                        <input type="text" id="jwt-token" name="jwtToken" .value='," />\n                        <div input-hint>The JWT Bearer Token for JWT As Authorization Grant</div>\n                      </div>\n                    "])),n.jwtToken||""):Object(g.e)(c||(c=S([""]))),n.codeChallengeMethod,n.codeVerifier||"",n.scopes||"",n.tokenType||"",n.accessToken||"",e=>e.preventDefault(),n.expires?Object(g.e)(d||(d=S(["<div input-hint>\n                        expired in "," :\n                        ","\n                      </div>"])),new Date(Number(n.expires)),Object(m.a)(this.expTimer(n.expires))):Object(g.e)(u||(u=S([""]))),n.refreshToken||"",e=>e.preventDefault(),e=>this.deleteOauth2Client(e),function(){var n=A((function*(n){n.preventDefault(),yield e.updateOauth2Client(),yield e.generateOauth2AccessToken()}));return function(e){return n.apply(this,arguments)}}(),function(){var n=A((function*(n){n.preventDefault(),yield e.updateOauth2Client(),yield e.refreshOauth2AccessToken()}));return function(e){return n.apply(this,arguments)}}(),!n.refreshToken,function(){var n=A((function*(n){n.preventDefault(),yield e.updateOauth2Client()}));return function(e){return n.apply(this,arguments)}}())}updated(e){var n;e.has("oauth2Client")&&(this._grantType=null===(n=this.oauth2Client)||void 0===n?void 0:n.grantType)}firstUpdated(){var e=this.renderRoot.querySelectorAll("[clipboard-copy]");this.clipboard=new x.a(e,{target:e=>e.parentElement.querySelector("input")})}pageUpdated(e,n,t){var i=this;return A((function*(){i.active&&(yield i.fetchOauth2Client())}))()}expTimer(e){var n,t=this;return(n=function*(){for(var n;t.active;){var i=Math.floor((Number(e)-Date.now())/1e3),r=Math.floor(i/86400);i-=86400*r;var a=Math.floor(i/3600);i-=3600*a;var o=Math.floor(i/60),l=i-60*o;yield"".concat(r," days ").concat(a," hours ").concat(o," mins ").concat(l," seconds remain"),yield(n=Object(j.l)(1e3),new P(n))}},function(){return new I(n.apply(this,arguments))})()}fetchOauth2Client(){var e=this;return A((function*(){var n=yield O.client.query({query:Object(y.a)(s||(s=S(["\n        query($id: String!) {\n          oauth2Client(id: $id) {\n            ","\n          }\n        }\n      "])),_),variables:{id:e.lifecycle.resourceId}});e.oauth2Client=n.data.oauth2Client}))()}updateOauth2Client(){var e=this;return A((function*(){var n=e.renderRoot.querySelector("form"),t=new FormData(n),i=Array.from(t.entries()).reduce((e,[n,t])=>(e[n]=t,e),{}),r=e.lifecycle.resourceId,a=yield O.client.mutate({mutation:Object(y.a)(p||(p=S(["\n        mutation($id: String!, $patch: Oauth2ClientPatch!) {\n          updateOauth2Client(id: $id, patch: $patch) {\n            ","\n          }\n        }\n      "])),_),variables:{id:r,patch:i}});a.errors?Object(T.h)({level:"error",message:"update oauth2 client fail"}):e.oauth2Client=a.data.updateOauth2Client}))()}deleteOauth2Client(e){var n=this;return A((function*(){e.preventDefault();var t=n.lifecycle.resourceId;(yield O.client.mutate({mutation:Object(y.a)(v||(v=S(["\n        mutation($id: String!) {\n          deleteOauth2Client(id: $id)\n        }\n      "]))),variables:{id:t}})).errors?Object(T.h)({level:"error",message:"delete oauth2 client fail"}):Object(O.navigate)("oauth2-clients")}))()}generateOauth2AccessToken(){var e=this;return A((function*(){e.lifecycle.resourceId;if("code"==e.oauth2Client.grantType){var n=yield O.client.query({query:Object(y.a)(h||(h=S(["\n          query($id: String!) {\n            getOauth2AuthUrl(id: $id)\n          }\n        "]))),variables:{id:e.lifecycle.resourceId}});n.errors?(console.log("error",n.status,yield n.text()),Object(T.h)({level:"error",message:"getting application access token fail"})):location.href=n.data.getOauth2AuthUrl}else{var t=yield O.client.mutate({mutation:Object(y.a)(f||(f=S(["\n          mutation($id: String!) {\n            getOauth2AccessToken(id: $id) {\n              ","\n            }\n          }\n        "])),_),variables:{id:e.lifecycle.resourceId}});t.errors?Object(T.h)({level:"error",message:"getting application access token fail"}):(e.oauth2Client=t.data.getOauth2AccessToken,Object(T.h)({level:"info",message:"got application access token successfully"}))}}))()}refreshOauth2AccessToken(){var e=this;return A((function*(){e.lifecycle.resourceId;var n=yield O.client.mutate({mutation:Object(y.a)(b||(b=S(["\n        mutation($id: String!) {\n          refreshOauth2AccessToken(id: $id) {\n            ","\n          }\n        }\n      "])),_),variables:{id:e.lifecycle.resourceId}});n.errors?Object(T.h)({level:"error",message:"getting application access token fail"}):(e.oauth2Client=n.data.refreshOauth2AccessToken,Object(T.h)({level:"info",message:"got application access token successfully"}))}))()}}customElements.define("oauth2-client",z)},977:function(e,n,t){"use strict";t.d(n,"a",(function(){return o}));var i=t(5);function r(e,n,t,i,r,a,o){try{var l=e[a](o),c=l.value}catch(e){return void t(e)}l.done?n(c):Promise.resolve(c).then(i,r)}
-/**
- * @license
- * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
- * This code may only be used under the BSD style license found at
- * http://polymer.github.io/LICENSE.txt
- * The complete set of authors may be found at
- * http://polymer.github.io/AUTHORS.txt
- * The complete set of contributors may be found at
- * http://polymer.github.io/CONTRIBUTORS.txt
- * Code distributed by Google as part of the polymer project is also
- * subject to an additional IP rights grant found at
- * http://polymer.github.io/PATENTS.txt
- */
-var a=function(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n,t=e[Symbol.asyncIterator];return t?t.call(e):(e="function"==typeof __values?__values(e):e[Symbol.iterator](),n={},i("next"),i("throw"),i("return"),n[Symbol.asyncIterator]=function(){return this},n);function i(t){n[t]=e[t]&&function(n){return new Promise((function(i,r){(function(e,n,t,i){Promise.resolve(i).then((function(n){e({value:n,done:t})}),n)})(i,r,(n=e[t](n)).done,n.value)}))}}},o=Object(i.f)((e,n)=>function(){var t,o=(t=function*(t){var r,o;if(!(t instanceof i.d))throw new Error("asyncReplace can only be used in text bindings");if(e!==t.value){var l=new i.d(t.options);t.value=e;var c=0;try{for(var d,u=a(e);!(d=yield u.next()).done;){var s=d.value;if(t.value!==e)break;0===c&&(t.clear(),l.appendIntoPart(t)),void 0!==n&&(s=n(s,c)),l.setValue(s),l.commit(),c++}}catch(e){r={error:e}}finally{try{d&&!d.done&&(o=u.return)&&(yield o.call(u))}finally{if(r)throw r.error}}}},function(){var e=this,n=arguments;return new Promise((function(i,a){var o=t.apply(e,n);function l(e){r(o,i,a,l,c,"next",e)}function c(e){r(o,i,a,l,c,"throw",e)}l(void 0)}))});return function(e){return o.apply(this,arguments)}}())}}]);

package/dist-client/22.js

@@ -1 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[22],{1011:function(e,n,t){"use strict";var r,a,o,i,d=t(45),c=t(0),s=t(8);function l(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}class u extends(Object(s.b)(s.a)(c.a)){static get styles(){return[Object(c.b)(r||(r=l(["\n        .tabs {\n          display: flex;\n        }\n        .tab {\n          background-color: var(--secondary-background-color);\n          margin-top: var(--margin-default);\n          padding: var(--padding-narrow) var(--padding-wide) 0 var(--padding-wide);\n          border-radius: 9px 9px 0 0;\n          border-right: 1px solid rgba(0, 0, 0, 0.4);\n          text-transform: capitalize;\n          color: var(--theme-white-color);\n          opacity: 0.7;\n          cursor: pointer;\n        }\n        .tab[activate] {\n          background-color: var(--primary-color);\n          box-shadow: 2px -2px 2px 0px rgba(0, 0, 0, 0.15);\n          opacity: 1;\n          font-weight: bold;\n        }\n        .tab span,\n        .tab span[activate] {\n          font-weight: normal;\n          font-size: var(--fontsize-default);\n        }\n        @media screen and (max-width: 480px) {\n          :host {\n            width: 25px;\n          }\n          .tab {\n            display: flex;\n            flex-direction: column;\n            margin-top: var(--margin-narrow);\n            padding: var(--padding-narrow) var(--padding-default);\n            text-align: center;\n          }\n          .tab span,\n          .tab span[activate] {\n            font-size: var(--fontsize-default);\n            margin-top: -4px;\n          }\n        }\n      "])))]}static get properties(){return{data:Object,currentTabKey:String}}render(){var e=this.data||{},n=Object.keys(e),t=this.currentTabKey||n[0];return Object(c.e)(a||(a=l(["\n      ","\n    "])),(null==n?void 0:n.length)>1?Object(c.e)(o||(o=l(['\n            <div class="tabs">\n              ',"\n            </div>\n          "])),n.map(n=>{var r=e[n];return Object(c.e)(i||(i=l(['\n                  <div class="tab" ?activate="','" @click="','">\n                    ',"\n                    <span>(",")</span>\n                  </div>\n                "])),n===t,()=>this.currentTabKey=n,n,r.length)})):"")}updated(e){e.has("currentTabKey")&&this.dispatchEvent(new CustomEvent("tabChanged",{detail:{currentTabKey:this.currentTabKey},bubbles:!0,composed:!0,cancelable:!0}))}}customElements.define("quick-find-tabs",u);var p,m,b,v,h,f,g,x,y,w,O,j,k;t(42);function I(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}class C extends c.a{static get styles(){return[Object(c.b)(p||(p=I(["\n        .nav-bar {\n          background-color: var(--theme-white-color);\n          border: 1px solid var(--primary-color);\n          border-radius: 0 var(--border-radius) var(--border-radius) var(--border-radius);\n          margin: 0 0 var(--margin-wide) 0;\n          padding: var(--padding-narrow);\n          transition: opacity ease-in-out 0.3s;\n          opacity: 100%;\n          color: var(--secondary-color);\n          font-size: var(--fontsize-default);\n        }\n        .nav-bar[scrolling] {\n          opacity: 100%;\n          transition: opacity ease-in-out 0.3s;\n        }\n        .nav-bar * {\n          vertical-align: middle;\n        }\n        mwc-icon {\n          --mdc-icon-size: 14px;\n          padding-left: var(--padding-narrow);\n          position: relative;\n          margin-top: -2px;\n        }\n        .nav-bar span {\n          border-right: var(--border-dark-color);\n          border-width: 0 1px;\n          padding: 0 var(--padding-default) 0 var(--padding-narrow);\n          opacity: 0.8;\n          color: var(--secondary-color);\n          font-size: var(--fontsize-small);\n        }\n        .nav-bar span[activate] {\n          font-weight: bold;\n          cursor: pointer;\n          color: var(--secondary-text-color);\n          font-size: var(--fontsize-default);\n        }\n\n        @media screen and (max-width: 480px) {\n          :host {\n            width: 25px;\n          }\n          .nav-bar {\n            position: absolute;\n            right: 25px;\n            z-index: 100;\n\n            background-color: rgba(var(--primary-color-rgb), 0.2);\n            border: none;\n            border-radius: 15px;\n            margin-top: initial;\n            padding: var(--padding-narrow) 0;\n            opacity: 0%;\n            text-align: center;\n          }\n          .nav-bar span {\n            display: block;\n            border: none;\n            margin: auto;\n            padding: 2px var(--padding-narrow) 0 var(--padding-narrow);\n            font-size: 12px;\n          }\n        }\n      "])))]}static get properties(){return{scrolling:Boolean,indexes:Array,activeIndexes:Array}}constructor(){super(),this.indexes=[...Array(26).fill(65).map((e,n)=>String.fromCharCode(e+=n)),"#"]}render(){var e=this.activeIndexes||[],n=Boolean(this.scrolling),t=this.scrollable;return Object(c.e)(m||(m=I(["\n      ","\n    "])),t?Object(c.e)(b||(b=I(['<div class="nav-bar" ?scrolling=',">\n            <mwc-icon>anchor</mwc-icon> <label>Quick Find :</label>\n            ","\n          </div>"])),n,this.indexes.map(n=>{var t=e.indexOf(n)>=0;return Object(c.e)(v||(v=I([' <span\n                ?activate="','"\n                class="nav-cursor"\n                @click=',"\n                >","</span\n              >"])),t,e=>{t&&this.onclickNavCursor(n)},n)})):"")}onclickNavCursor(e){this.dispatchEvent(new CustomEvent("navigateTo",{detail:e,composed:!0}))}}function q(e,n,t,r,a,o,i){try{var d=e[o](i),c=d.value}catch(e){return void t(e)}d.done?n(c):Promise.resolve(c).then(r,a)}function T(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}customElements.define("quick-find-scroll",C);class z extends c.a{static get styles(){return[d.c,Object(c.b)(h||(h=T(["\n        :host {\n          display: flex;\n          flex: 1;\n          flex-direction: column;\n          overflow: hidden;\n          max-width: var(--content-container-max-width);\n        }\n        .list-container {\n          flex: 1;\n\n          display: flex;\n          flex-direction: column;\n          background-color: var(--theme-white-color);\n          border-radius: 0 var(--border-radius) var(--border-radius) var(--border-radius);\n          border: var(--border-dark-color);\n          border-width: 0 1px 1px 1px;\n          box-shadow: var(--box-shadow);\n          overflow: auto;\n        }\n        ul {\n          margin: 0;\n          padding: 0;\n          flex: 1;\n          list-style: none;\n        }\n        li {\n          border-bottom: var(--border-dark-color);\n          margin-bottom: -1px;\n          color: var(--secondary-color);\n        }\n        li:nth-child(even) {\n          background-color: rgba(0, 0, 0, 0.025);\n        }\n        li:hover {\n          background-color: rgba(var(--primary-color-rgb), 0.2);\n        }\n        li div {\n          font: bold 16px var(--theme-font);\n        }\n        li div.header {\n          padding: var(--padding-default) var(--padding-wide);\n        }\n        [opened] {\n          border-left: 4px solid var(--google-green-300);\n          border-bottom: 3px solid rgba(0, 0, 0, 0.1);\n        }\n        [opened] .header {\n          background-color: var(--primary-color);\n          box-shadow: var(--box-shadow);\n          color: var(--theme-white-color);\n        }\n        [opened] .header::after {\n          display: block;\n          margin-bottom: -16px;\n          position: relative;\n          margin-top: 9px;\n          content: '';\n          width: 0px;\n          height: 0px;\n          border-left: 7px solid transparent;\n          border-right: 7px solid transparent;\n          border-top: 7px solid var(--primary-color);\n        }\n        li span {\n          display: block;\n          opacity: 0.9;\n          font: normal 14px/18px var(--theme-font);\n        }\n        .header mwc-icon {\n          --mdc-icon-size: var(--fontsize-default);\n          margin-right: var(--padding-narrow);\n        }\n        @media screen and (max-width: 480px) {\n          .list-container {\n            border-radius: 0 var(--border-radius) var(--border-radius) var(--border-radius);\n            border-width: 0 1px 1px 1px;\n          }\n        }\n      "])))]}static get properties(){return{data:Object,nameField:String,currentTabKey:String,list:Array,contentRenderer:Object,floatingDelay:Number,currentOpenedItemIdx:Number,scrollable:Boolean,headerRenderer:Function}}constructor(){super(),this.nameField="name",this.floatingDelay=1,this.headerRenderer=e=>Object(c.e)(f||(f=T(["","<span>","</span>"])),e.name,e.description)}render(){var e,n=this.nameField,t=this.data||{},r=t[this.currentTabKey]?this.currentTabKey:Object.keys(t)[0],a=this.data[r];a=this.sortByNameField(a);var o=this.currentOpenedItemIdx,i=this.computeActiveIndexes(a,n),d=this.scrollable;return Object(c.e)(g||(g=T(['\n      <quick-find-tabs\n        .currentTabKey="','"\n        .data="','"\n        @tabChanged="','"\n      ></quick-find-tabs>\n\n      <quick-find-scroll\n        @navigateTo="','"\n        .scrollable="','"\n        .activeIndexes="','"\n      ></quick-find-scroll>\n\n      <div class="list-container" @scroll=',">\n        <ul>\n          ","\n        </ul>\n      </div>\n    "])),r,t,e=>{this.currentOpenedItemIdx=null,this.currentTabKey=e.detail.currentTabKey},this.navigateTo,d,i,this.onscroll.bind(this),null!==(e=a)&&void 0!==e&&e.length?Object(c.e)(x||(x=T(["\n                ","\n              "])),a.map((e,n)=>{var t=o===n;return Object(c.e)(y||(y=T(['\n                    <li\n                      class="list-item"\n                      ?opened="','"\n                      .item="','"\n                      @click="','"\n                    >\n                      <div class="header">\n                        ',"\n                      </div>\n\n                      ","\n                    </li>\n                  "])),t,e,()=>{this.currentOpenedItemIdx===n?this.currentOpenedItemIdx=-1:this.currentOpenedItemIdx=n},t&&"function"==typeof this.openHeaderRenderer?this.openHeaderRenderer(e):this.headerRenderer(e),t&&"function"==typeof this.contentRenderer?Object(c.e)(w||(w=T(['<div @click="','">\n                            ',"\n                          </div>"])),e=>e.stopPropagation(),this.contentRenderer(e,this.currentTabKey)):"")})):"")}get listItems(){return Array.from(this.renderRoot.querySelectorAll(".list-container li.list-item"))}get quickFindScroll(){return this.renderRoot.querySelector("quick-find-scroll")}updated(e){var n,t=this;return(n=function*(){(e.has("data")||e.has("currentTabKey"))&&(yield t.updateComplete,t.scrollable=t.computeScrollable())},function(){var e=this,t=arguments;return new Promise((function(r,a){var o=n.apply(e,t);function i(e){q(o,r,a,i,d,"next",e)}function d(e){q(o,r,a,i,d,"throw",e)}i(void 0)}))})()}computeActiveIndexes(e,n){return Array.from(new Set(null==e?void 0:e.map(e=>e[n][0].toUpperCase())))}computeScrollable(){var e=this.renderRoot.querySelector("ul");return e.clientHeight<e.scrollHeight}navigateTo(e){var n=this.nameField,t=e.detail.toLowerCase(),r=this.sortByNameField(this.data[this.currentTabKey]).findIndex(e=>0===e[n].toLowerCase().indexOf(t)),a=this.renderRoot.querySelector("ul :nth-child(".concat(r+1,")"));null==a||a.scrollIntoView()}onscroll(){this.quickFindScroll.scrolling||(this.quickFindScroll.scrolling=!0),null!==this.timer&&clearTimeout(this.timer),this.timer=setTimeout(()=>{this.quickFindScroll.scrolling=!1},1e3*this.floatingDelay)}sortByNameField(e){var n=this.nameField;return null==e?void 0:e.sort((e,t)=>e[n]>t[n]?1:e[n]<t[n]?-1:0)}close(){this.currentOpenedItemIdx=-1}openByKey(e,n="id"){this.currentOpenedItemIdx=this.listItems.findIndex(t=>t.item[n]===e)}}function R(e,n,t,r,a,o,i){try{var d=e[o](i),c=d.value}catch(e){return void t(e)}d.done?n(c):Promise.resolve(c).then(r,a)}function S(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}customElements.define("quick-find-list",z);class P extends c.a{static get styles(){return[d.c,Object(c.b)(O||(O=S(["\n        :host {\n          display: flex;\n          flex: 1;\n          flex-direction: column;\n          overflow: hidden;\n          max-width: var(--content-container-max-width);\n        }\n        .content-container {\n          flex: 1;\n          display: flex;\n          flex-direction: column;\n          background-color: var(--theme-white-color);\n          border-radius: 0 var(--border-radius) var(--border-radius) var(--border-radius);\n          border: var(--border-dark-color);\n          border-width: 0 1px 1px 1px;\n          box-shadow: var(--box-shadow);\n          overflow: auto;\n        }\n        @media screen and (max-width: 480px) {\n          .content-container {\n            border-radius: 0 var(--border-radius) var(--border-radius) var(--border-radius);\n            border-width: 0 1px 1px 1px;\n          }\n        }\n      "])))]}static get properties(){return{data:Object,currentTabKey:String,contentRenderer:Object,item:Object}}render(){var e=this.data||{},n=e[this.currentTabKey]?this.currentTabKey:Object.keys(e)[0],t=this.data[n];return Object(c.e)(j||(j=S(['\n      <quick-find-tabs\n        .currentTabKey="','"\n        .data="','"\n        @tabChanged="','"\n      ></quick-find-tabs>\n      <div class="content-container">\n        ',"\n      </div>\n    "])),n,e,e=>{this.currentTabKey=e.detail.currentTabKey},"function"==typeof this.contentRenderer?Object(c.e)(k||(k=S([" <div>","</div> "])),this.contentRenderer(t,this.currentTabKey||n)):"")}updated(e){var n,t=this;return(n=function*(){(e.has("data")||e.has("currentTabKey"))&&(yield t.updateComplete)},function(){var e=this,t=arguments;return new Promise((function(r,a){var o=n.apply(e,t);function i(e){R(o,r,a,i,d,"next",e)}function d(e){R(o,r,a,i,d,"throw",e)}i(void 0)}))})()}}customElements.define("quick-find-content",P)},1414:function(e,n,t){"use strict";t.r(n);var r,a,o=t(8),i=(t(1011),t(35)),d=t(284),c=t(0),s=t(77);function l(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}class u extends c.a{static get styles(){return[Object(c.b)(r||(r=l(["\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          background-color: transparent;\n          font: var(--input-font);\n\n          flex: 1;\n        }\n        #vendors {\n          display: flex;\n          max-height: 45vh;\n          flex-direction: row;\n          background-color: var(--theme-white-color);\n          margin: 0;\n          padding: 0;\n          border-radius: var(--border-radius);\n          box-shadow: var(--box-shadow);\n          overflow: hidden;\n        }\n        [field-2column] {\n          overflow: auto;\n          flex: 1;\n          background-color: var(--theme-white-color);\n          padding: var(--padding-default);\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        label {\n          display: flex;\n          flex-direction: column;\n\n          font: var(--label-font);\n          color: var(--label-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      "])))]}static get properties(){return{partner:Object}}render(){var e=this.partner||{};return Object(c.e)(a||(a=l(['\n      <div id="vendors">\n        <div field-2column>\n          <div field>\n            <label\n              >','\n              <input type="text" name="name" readonly .value='," />\n            </label>\n          </div>\n\n          <div field>\n            <label\n              >",'\n              <input type="text" name="description" readonly .value='," />\n            </label>\n          </div>\n        </div>\n      </div>\n    "])),o.a.t("label.name"),e.name||"",o.a.t("label.description"),e.description||"")}}customElements.define("partner-info-card",u);var p,m,b,v,h,f,g,x,y,w,O,j,k,I;t(42),t(1015);function C(e,n,t,r,a,o,i){try{var d=e[o](i),c=d.value}catch(e){return void t(e)}d.done?n(c):Promise.resolve(c).then(r,a)}function q(e){return function(){var n=this,t=arguments;return new Promise((function(r,a){var o=e.apply(n,t);function i(e){C(o,r,a,i,d,"next",e)}function d(e){C(o,r,a,i,d,"throw",e)}i(void 0)}))}}function T(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}class z extends(Object(o.b)(o.a)(c.a)){static get styles(){return[Object(c.b)(p||(p=T(["\n        :host {\n          display: flex;\n          flex-direction: column;\n\n          border: 1px solid var(--primary-color);\n          padding: var(--padding-default);\n          font: normal 15px var(--theme-font);\n          color: var(--secondary-color);\n        }\n        [buttons] {\n          margin: 0;\n          padding: var(--padding-default);\n          background-color: rgba(var(--primary-color-rgb), 0.2);\n        }\n        mwc-button {\n          margin-right: var(--padding-narrow);\n        }\n        [danger] {\n          --mdc-theme-primary: var(--mdc-danger-button-primary-color);\n        }\n      "])))]}static get properties(){return{customer:Object,roles:Array,grantingRoles:Array}}get roleSelector(){return this.renderRoot.querySelector("role-selector")}render(){var e=this.roles||[],n=this.grantingRoles||[];return Object(c.e)(m||(m=T(['\n      <role-selector .roles="','" .userRoles="','"></role-selector>\n\n      <div buttons>\n        <mwc-button @click=',' raised label="','"></mwc-button>\n        <mwc-button\n          @click=','\n          raised\n          danger\n          label="','"\n        ></mwc-button>\n      </div>\n    '])),e,n,this.onSave,o.a.t("button.save"),this.onTerminateContract,o.a.t("button.terminate contract"))}updated(e){e.has("customer")&&this.refreshRoles()}refreshRoles(){var e=this;return q((function*(){var n,t=yield i.client.query({query:Object(d.a)(b||(b=T(["\n        query roles($customerId: String!) {\n          roles {\n            items {\n              id\n              name\n              description\n            }\n            total\n          }\n          grantingRoles(customerId: $customerId) {\n            id\n            role {\n              id\n              name\n              description\n            }\n          }\n        }\n      "]))),variables:{customerId:e.customer.id},context:Object(i.gqlContext)()});null!==(n=t.errors)&&void 0!==n&&n.length?(e.roles=[],e.grantingRoles=[]):(e.roles=t.data.roles.items,e.grantingRoles=t.data.grantingRoles.map(e=>e.role))}))()}onSave(){var e=this;return q((function*(){var n,t=e.roleSelector.selectedRoles();null!==(n=(yield i.client.mutate({mutation:Object(d.a)(v||(v=T(["\n        mutation grantRoles($customerId: String!, $roles: [RolePatch!]!) {\n          grantRoles(customerId: $customerId, roles: $roles)\n        }\n      "]))),variables:{customerId:e.customer.id,roles:t},context:Object(i.gqlContext)()})).errors)&&void 0!==n&&n.length||e.showToast(o.a.t("text.data_updated_successfully"))}))()}onTerminateContract(){var e=this;return q((function*(){var n;(yield Object(i.CustomAlert)({title:o.a.t("text.are_you_sure"),text:o.a.t("text.are_you_sure_to_terminate_contract"),confirmButton:{text:o.a.t("button.terminate contract")},cancelButton:{text:o.a.t("button.cancel")}})).value&&(null!==(n=(yield i.client.mutate({mutation:Object(d.a)(h||(h=T(["\n        mutation terminateContract($partnerName: String!) {\n          terminateContract(partnerName: $partnerName)\n        }\n      "]))),variables:{partnerName:e.customer.name},context:Object(i.gqlContext)()})).errors)&&void 0!==n&&n.length||e.dispatchEvent(new CustomEvent("contractTerminated"))&&(yield Object(i.CustomAlert)({type:"success",title:o.a.t("text.completed"),confirmButton:{text:o.a.t("button.confirm")}})))}))()}showToast(e){document.dispatchEvent(new CustomEvent("notify",{detail:{message:e,option:{timer:1e3}}}))}}function R(e,n,t,r,a,o,i){try{var d=e[o](i),c=d.value}catch(e){return void t(e)}d.done?n(c):Promise.resolve(c).then(r,a)}function S(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}window.customElements.define("partner-role-editor",z);class P extends(Object(o.b)(o.a)(c.a)){static get styles(){return[Object(c.b)(f||(f=S(["\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        mwc-button {\n          margin: var(--input-margin);\n        }\n        @media screen and (max-width: 480px) {\n          div {\n            display: grid;\n          }\n        }\n      "])))]}static get properties(){return{customers:Array}}render(){return Object(c.e)(g||(g=S(['\n      <div>\n        <input id="customer-name" required />\n        <mwc-button\n          @click=','\n          outlined\n          icon="group_add"\n          label="','"\n        ></mwc-button>\n      </div>\n    '])),this.invite.bind(this),o.a.t("label.invite customer"))}get customerNameInput(){return this.renderRoot.querySelector("input#customer-name")}invite(){var e,n=this;return(e=function*(){try{if(!n.customerNameInput.value)throw new Error(o.a.t("error.value is empty",{value:o.a.t("field.name")}));if(n.customers.find(e=>{var t;return(null===(t=e.name)||void 0===t?void 0:t.toLowerCase())===n.customerNameInput.value.toLowerCase()}))throw new Error(o.a.t("error.x already exists in y",{x:n.customerNameInput.value,y:o.a.t("field.customer")}));if(!(yield Object(i.CustomAlert)({title:o.a.t("text.are_you_sure"),text:o.a.t("text.do_you_want_to_invite_x",{x:o.a.t("label.partner")}),confirmButton:{text:o.a.t("button.confirm")},cancelButton:{text:o.a.t("button.cancel")}})).value)return;var e=n.customerNameInput.value;(yield i.client.mutate({mutation:Object(d.a)(x||(x=S(["\n          mutation inviteCustomer($customerDomainName: String!) {\n            inviteCustomer(customerDomainName: $customerDomainName)\n          }\n        "]))),variables:{customerDomainName:e},context:Object(i.gqlContext)()})).errors||(n.dispatchEvent(new CustomEvent("invitationCompleted"))&&(yield Object(i.CustomAlert)({type:"success",title:o.a.t("text.completed"),confirmButton:{text:o.a.t("button.confirm")}})),n.customerNameInput.value="")}catch(e){document.dispatchEvent(new CustomEvent("notify",{detail:{level:"error",message:e.message}}))}},function(){var n=this,t=arguments;return new Promise((function(r,a){var o=e.apply(n,t);function i(e){R(o,r,a,i,d,"next",e)}function d(e){R(o,r,a,i,d,"throw",e)}i(void 0)}))})()}}function K(e,n,t,r,a,o,i){try{var d=e[o](i),c=d.value}catch(e){return void t(e)}d.done?n(c):Promise.resolve(c).then(r,a)}function E(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}window.customElements.define("invite-customer",P);class N extends(Object(s.a)(i.store)(i.PageView)){static get styles(){return[Object(c.b)(y||(y=E(["\n        :host {\n          display: flex;\n          flex-direction: column;\n          background-color: var(--main-section-background-color);\n          padding: var(--padding-wide);\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        .role-editor {\n          flex: 1;\n        }\n      "])))]}static get properties(){return{customers:Array,vendors:Array}}get context(){return{title:"".concat(o.a.t("title.partners")),help:"operato-hub/partners"}}render(){var e={[o.a.t("label.customers")]:this.customers||[],[o.a.t("label.vendors")]:this.vendors||[]};return Object(c.e)(w||(w=E(['\n      <h2>partners</h2>\n\n      <quick-find-list\n        .data="','"\n        .contentRenderer="','"\n      >\n      </quick-find-list>\n\n      <invite-customer\n        .customers=','\n        @invitationCompleted="','"\n      ></invite-customer>\n    '])),e,(e,n)=>Object(c.e)(O||(O=E(["\n          ","\n        "])),n===o.a.t("label.customers")?Object(c.e)(j||(j=E(['\n                <partner-role-editor\n                  class="role-editor"\n                  .customer="','"\n                  @contractTerminated="','"\n                ></partner-role-editor>\n              '])),e,this.refreshPartners.bind(this)):Object(c.e)(k||(k=E(['<partner-info-card .partner="','"></partner-info-card>'])),e)),this.customers||[],this.refreshPartners.bind(this))}pageUpdated(){this.active&&this.refreshPartners()}refreshPartners(){var e,n=this;return(e=function*(){var e,t=yield i.client.query({query:Object(d.a)(I||(I=E(["\n        query {\n          customers {\n            id\n            name\n            description\n          }\n          vendors {\n            id\n            name\n            description\n          }\n        }\n      "]))),context:Object(i.gqlContext)()});null!==(e=t.errors)&&void 0!==e&&e.length||(n.customers=t.data.customers,n.vendors=t.data.vendors)},function(){var n=this,t=arguments;return new Promise((function(r,a){var o=e.apply(n,t);function i(e){K(o,r,a,i,d,"next",e)}function d(e){K(o,r,a,i,d,"throw",e)}i(void 0)}))})()}}window.customElements.define("partner-management",N)}}]);

package/dist-client/23.js

@@ -1 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[23],{1011:function(e,n,t){"use strict";var r,i,a,o,l=t(45),d=t(0),c=t(8);function s(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}class u extends(Object(c.b)(c.a)(d.a)){static get styles(){return[Object(d.b)(r||(r=s(["\n        .tabs {\n          display: flex;\n        }\n        .tab {\n          background-color: var(--secondary-background-color);\n          margin-top: var(--margin-default);\n          padding: var(--padding-narrow) var(--padding-wide) 0 var(--padding-wide);\n          border-radius: 9px 9px 0 0;\n          border-right: 1px solid rgba(0, 0, 0, 0.4);\n          text-transform: capitalize;\n          color: var(--theme-white-color);\n          opacity: 0.7;\n          cursor: pointer;\n        }\n        .tab[activate] {\n          background-color: var(--primary-color);\n          box-shadow: 2px -2px 2px 0px rgba(0, 0, 0, 0.15);\n          opacity: 1;\n          font-weight: bold;\n        }\n        .tab span,\n        .tab span[activate] {\n          font-weight: normal;\n          font-size: var(--fontsize-default);\n        }\n        @media screen and (max-width: 480px) {\n          :host {\n            width: 25px;\n          }\n          .tab {\n            display: flex;\n            flex-direction: column;\n            margin-top: var(--margin-narrow);\n            padding: var(--padding-narrow) var(--padding-default);\n            text-align: center;\n          }\n          .tab span,\n          .tab span[activate] {\n            font-size: var(--fontsize-default);\n            margin-top: -4px;\n          }\n        }\n      "])))]}static get properties(){return{data:Object,currentTabKey:String}}render(){var e=this.data||{},n=Object.keys(e),t=this.currentTabKey||n[0];return Object(d.e)(i||(i=s(["\n      ","\n    "])),(null==n?void 0:n.length)>1?Object(d.e)(a||(a=s(['\n            <div class="tabs">\n              ',"\n            </div>\n          "])),n.map(n=>{var r=e[n];return Object(d.e)(o||(o=s(['\n                  <div class="tab" ?activate="','" @click="','">\n                    ',"\n                    <span>(",")</span>\n                  </div>\n                "])),n===t,()=>this.currentTabKey=n,n,r.length)})):"")}updated(e){e.has("currentTabKey")&&this.dispatchEvent(new CustomEvent("tabChanged",{detail:{currentTabKey:this.currentTabKey},bubbles:!0,composed:!0,cancelable:!0}))}}customElements.define("quick-find-tabs",u);var p,b,v,m,h,f,g,x,y,w,O,j,k;t(42);function R(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}class q extends d.a{static get styles(){return[Object(d.b)(p||(p=R(["\n        .nav-bar {\n          background-color: var(--theme-white-color);\n          border: 1px solid var(--primary-color);\n          border-radius: 0 var(--border-radius) var(--border-radius) var(--border-radius);\n          margin: 0 0 var(--margin-wide) 0;\n          padding: var(--padding-narrow);\n          transition: opacity ease-in-out 0.3s;\n          opacity: 100%;\n          color: var(--secondary-color);\n          font-size: var(--fontsize-default);\n        }\n        .nav-bar[scrolling] {\n          opacity: 100%;\n          transition: opacity ease-in-out 0.3s;\n        }\n        .nav-bar * {\n          vertical-align: middle;\n        }\n        mwc-icon {\n          --mdc-icon-size: 14px;\n          padding-left: var(--padding-narrow);\n          position: relative;\n          margin-top: -2px;\n        }\n        .nav-bar span {\n          border-right: var(--border-dark-color);\n          border-width: 0 1px;\n          padding: 0 var(--padding-default) 0 var(--padding-narrow);\n          opacity: 0.8;\n          color: var(--secondary-color);\n          font-size: var(--fontsize-small);\n        }\n        .nav-bar span[activate] {\n          font-weight: bold;\n          cursor: pointer;\n          color: var(--secondary-text-color);\n          font-size: var(--fontsize-default);\n        }\n\n        @media screen and (max-width: 480px) {\n          :host {\n            width: 25px;\n          }\n          .nav-bar {\n            position: absolute;\n            right: 25px;\n            z-index: 100;\n\n            background-color: rgba(var(--primary-color-rgb), 0.2);\n            border: none;\n            border-radius: 15px;\n            margin-top: initial;\n            padding: var(--padding-narrow) 0;\n            opacity: 0%;\n            text-align: center;\n          }\n          .nav-bar span {\n            display: block;\n            border: none;\n            margin: auto;\n            padding: 2px var(--padding-narrow) 0 var(--padding-narrow);\n            font-size: 12px;\n          }\n        }\n      "])))]}static get properties(){return{scrolling:Boolean,indexes:Array,activeIndexes:Array}}constructor(){super(),this.indexes=[...Array(26).fill(65).map((e,n)=>String.fromCharCode(e+=n)),"#"]}render(){var e=this.activeIndexes||[],n=Boolean(this.scrolling),t=this.scrollable;return Object(d.e)(b||(b=R(["\n      ","\n    "])),t?Object(d.e)(v||(v=R(['<div class="nav-bar" ?scrolling=',">\n            <mwc-icon>anchor</mwc-icon> <label>Quick Find :</label>\n            ","\n          </div>"])),n,this.indexes.map(n=>{var t=e.indexOf(n)>=0;return Object(d.e)(m||(m=R([' <span\n                ?activate="','"\n                class="nav-cursor"\n                @click=',"\n                >","</span\n              >"])),t,e=>{t&&this.onclickNavCursor(n)},n)})):"")}onclickNavCursor(e){this.dispatchEvent(new CustomEvent("navigateTo",{detail:e,composed:!0}))}}function P(e,n,t,r,i,a,o){try{var l=e[a](o),d=l.value}catch(e){return void t(e)}l.done?n(d):Promise.resolve(d).then(r,i)}function C(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}customElements.define("quick-find-scroll",q);class I extends d.a{static get styles(){return[l.c,Object(d.b)(h||(h=C(["\n        :host {\n          display: flex;\n          flex: 1;\n          flex-direction: column;\n          overflow: hidden;\n          max-width: var(--content-container-max-width);\n        }\n        .list-container {\n          flex: 1;\n\n          display: flex;\n          flex-direction: column;\n          background-color: var(--theme-white-color);\n          border-radius: 0 var(--border-radius) var(--border-radius) var(--border-radius);\n          border: var(--border-dark-color);\n          border-width: 0 1px 1px 1px;\n          box-shadow: var(--box-shadow);\n          overflow: auto;\n        }\n        ul {\n          margin: 0;\n          padding: 0;\n          flex: 1;\n          list-style: none;\n        }\n        li {\n          border-bottom: var(--border-dark-color);\n          margin-bottom: -1px;\n          color: var(--secondary-color);\n        }\n        li:nth-child(even) {\n          background-color: rgba(0, 0, 0, 0.025);\n        }\n        li:hover {\n          background-color: rgba(var(--primary-color-rgb), 0.2);\n        }\n        li div {\n          font: bold 16px var(--theme-font);\n        }\n        li div.header {\n          padding: var(--padding-default) var(--padding-wide);\n        }\n        [opened] {\n          border-left: 4px solid var(--google-green-300);\n          border-bottom: 3px solid rgba(0, 0, 0, 0.1);\n        }\n        [opened] .header {\n          background-color: var(--primary-color);\n          box-shadow: var(--box-shadow);\n          color: var(--theme-white-color);\n        }\n        [opened] .header::after {\n          display: block;\n          margin-bottom: -16px;\n          position: relative;\n          margin-top: 9px;\n          content: '';\n          width: 0px;\n          height: 0px;\n          border-left: 7px solid transparent;\n          border-right: 7px solid transparent;\n          border-top: 7px solid var(--primary-color);\n        }\n        li span {\n          display: block;\n          opacity: 0.9;\n          font: normal 14px/18px var(--theme-font);\n        }\n        .header mwc-icon {\n          --mdc-icon-size: var(--fontsize-default);\n          margin-right: var(--padding-narrow);\n        }\n        @media screen and (max-width: 480px) {\n          .list-container {\n            border-radius: 0 var(--border-radius) var(--border-radius) var(--border-radius);\n            border-width: 0 1px 1px 1px;\n          }\n        }\n      "])))]}static get properties(){return{data:Object,nameField:String,currentTabKey:String,list:Array,contentRenderer:Object,floatingDelay:Number,currentOpenedItemIdx:Number,scrollable:Boolean,headerRenderer:Function}}constructor(){super(),this.nameField="name",this.floatingDelay=1,this.headerRenderer=e=>Object(d.e)(f||(f=C(["","<span>","</span>"])),e.name,e.description)}render(){var e,n=this.nameField,t=this.data||{},r=t[this.currentTabKey]?this.currentTabKey:Object.keys(t)[0],i=this.data[r];i=this.sortByNameField(i);var a=this.currentOpenedItemIdx,o=this.computeActiveIndexes(i,n),l=this.scrollable;return Object(d.e)(g||(g=C(['\n      <quick-find-tabs\n        .currentTabKey="','"\n        .data="','"\n        @tabChanged="','"\n      ></quick-find-tabs>\n\n      <quick-find-scroll\n        @navigateTo="','"\n        .scrollable="','"\n        .activeIndexes="','"\n      ></quick-find-scroll>\n\n      <div class="list-container" @scroll=',">\n        <ul>\n          ","\n        </ul>\n      </div>\n    "])),r,t,e=>{this.currentOpenedItemIdx=null,this.currentTabKey=e.detail.currentTabKey},this.navigateTo,l,o,this.onscroll.bind(this),null!==(e=i)&&void 0!==e&&e.length?Object(d.e)(x||(x=C(["\n                ","\n              "])),i.map((e,n)=>{var t=a===n;return Object(d.e)(y||(y=C(['\n                    <li\n                      class="list-item"\n                      ?opened="','"\n                      .item="','"\n                      @click="','"\n                    >\n                      <div class="header">\n                        ',"\n                      </div>\n\n                      ","\n                    </li>\n                  "])),t,e,()=>{this.currentOpenedItemIdx===n?this.currentOpenedItemIdx=-1:this.currentOpenedItemIdx=n},t&&"function"==typeof this.openHeaderRenderer?this.openHeaderRenderer(e):this.headerRenderer(e),t&&"function"==typeof this.contentRenderer?Object(d.e)(w||(w=C(['<div @click="','">\n                            ',"\n                          </div>"])),e=>e.stopPropagation(),this.contentRenderer(e,this.currentTabKey)):"")})):"")}get listItems(){return Array.from(this.renderRoot.querySelectorAll(".list-container li.list-item"))}get quickFindScroll(){return this.renderRoot.querySelector("quick-find-scroll")}updated(e){var n,t=this;return(n=function*(){(e.has("data")||e.has("currentTabKey"))&&(yield t.updateComplete,t.scrollable=t.computeScrollable())},function(){var e=this,t=arguments;return new Promise((function(r,i){var a=n.apply(e,t);function o(e){P(a,r,i,o,l,"next",e)}function l(e){P(a,r,i,o,l,"throw",e)}o(void 0)}))})()}computeActiveIndexes(e,n){return Array.from(new Set(null==e?void 0:e.map(e=>e[n][0].toUpperCase())))}computeScrollable(){var e=this.renderRoot.querySelector("ul");return e.clientHeight<e.scrollHeight}navigateTo(e){var n=this.nameField,t=e.detail.toLowerCase(),r=this.sortByNameField(this.data[this.currentTabKey]).findIndex(e=>0===e[n].toLowerCase().indexOf(t)),i=this.renderRoot.querySelector("ul :nth-child(".concat(r+1,")"));null==i||i.scrollIntoView()}onscroll(){this.quickFindScroll.scrolling||(this.quickFindScroll.scrolling=!0),null!==this.timer&&clearTimeout(this.timer),this.timer=setTimeout(()=>{this.quickFindScroll.scrolling=!1},1e3*this.floatingDelay)}sortByNameField(e){var n=this.nameField;return null==e?void 0:e.sort((e,t)=>e[n]>t[n]?1:e[n]<t[n]?-1:0)}close(){this.currentOpenedItemIdx=-1}openByKey(e,n="id"){this.currentOpenedItemIdx=this.listItems.findIndex(t=>t.item[n]===e)}}function T(e,n,t,r,i,a,o){try{var l=e[a](o),d=l.value}catch(e){return void t(e)}l.done?n(d):Promise.resolve(d).then(r,i)}function z(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}customElements.define("quick-find-list",I);class S extends d.a{static get styles(){return[l.c,Object(d.b)(O||(O=z(["\n        :host {\n          display: flex;\n          flex: 1;\n          flex-direction: column;\n          overflow: hidden;\n          max-width: var(--content-container-max-width);\n        }\n        .content-container {\n          flex: 1;\n          display: flex;\n          flex-direction: column;\n          background-color: var(--theme-white-color);\n          border-radius: 0 var(--border-radius) var(--border-radius) var(--border-radius);\n          border: var(--border-dark-color);\n          border-width: 0 1px 1px 1px;\n          box-shadow: var(--box-shadow);\n          overflow: auto;\n        }\n        @media screen and (max-width: 480px) {\n          .content-container {\n            border-radius: 0 var(--border-radius) var(--border-radius) var(--border-radius);\n            border-width: 0 1px 1px 1px;\n          }\n        }\n      "])))]}static get properties(){return{data:Object,currentTabKey:String,contentRenderer:Object,item:Object}}render(){var e=this.data||{},n=e[this.currentTabKey]?this.currentTabKey:Object.keys(e)[0],t=this.data[n];return Object(d.e)(j||(j=z(['\n      <quick-find-tabs\n        .currentTabKey="','"\n        .data="','"\n        @tabChanged="','"\n      ></quick-find-tabs>\n      <div class="content-container">\n        ',"\n      </div>\n    "])),n,e,e=>{this.currentTabKey=e.detail.currentTabKey},"function"==typeof this.contentRenderer?Object(d.e)(k||(k=z([" <div>","</div> "])),this.contentRenderer(t,this.currentTabKey||n)):"")}updated(e){var n,t=this;return(n=function*(){(e.has("data")||e.has("currentTabKey"))&&(yield t.updateComplete)},function(){var e=this,t=arguments;return new Promise((function(r,i){var a=n.apply(e,t);function o(e){T(a,r,i,o,l,"next",e)}function l(e){T(a,r,i,o,l,"throw",e)}o(void 0)}))})()}}customElements.define("quick-find-content",S)},1413:function(e,n,t){"use strict";t.r(n);t(1011);var r,i,a,o,l,d,c,s,u,p,b,v,m,h,f,g,x,y,w=t(35),O=t(284),j=t(8),k=t(0),R=t(77);function q(e,n,t,r,i,a,o){try{var l=e[a](o),d=l.value}catch(e){return void t(e)}l.done?n(d):Promise.resolve(d).then(r,i)}function P(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}class C extends(Object(j.b)(j.a)(k.a)){static get styles(){return Object(k.b)(r||(r=P(["\n      [field-2column] {\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        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      [grid-span] {\n        grid-column: span 2;\n      }\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\n        font: var(--label-font);\n        color: var(--label-color);\n        text-transform: var(--label-text-transform);\n      }\n      mwc-button {\n        margin: var(--input-margin);\n      }\n      @media screen and (max-width: 480px) {\n        div {\n          display: grid;\n        }\n        [field] {\n          grid-column: span 2;\n        }\n      }\n    "])))}static get properties(){return{}}render(){return Object(k.e)(i||(i=P(["\n      <div field-2column>\n        <div field>\n          <label\n            >",'\n            <input name="name" type="text" required />\n          </label>\n        </div>\n        <div field>\n          <label\n            >','\n            <input name="description" type="text" />\n          </label>\n        </div>\n\n        <div>\n          <mwc-button\n            @click=','\n            outlined\n            label="','"\n          ></mwc-button>\n        </div>\n      </div>\n    '])),j.a.t("label.x name",{x:j.a.t("label.role")}),j.a.t("label.x description",{x:j.a.t("label.role")}),this.onCreateRole.bind(this),j.a.t("button.create"))}get nameInput(){return this.renderRoot.querySelector("input[name=name]")}get descriptionInput(){return this.renderRoot.querySelector("input[name=description]")}onCreateRole(){var e,n=this;return(e=function*(){var e={},t=n.nameInput.value.trim(),r=n.descriptionInput.value;if(!t)return n.showToast(j.a.t("error.value is empty",{value:j.a.t("field.name")}));e.name=t,e.description=r,(yield Object(w.CustomAlert)({title:j.a.t("text.are_you_sure"),text:j.a.t("text.do_you_want_to_create_x",{x:j.a.t("label.role")}),confirmButton:{text:j.a.t("button.confirm")},cancelButton:{text:j.a.t("button.cancel")}})).value&&((yield w.client.mutate({mutation:Object(O.a)(a||(a=P(["\n        mutation createRole($role: NewRole!) {\n          createRole(role: $role) {\n            name\n          }\n        }\n      "]))),variables:{role:e},context:Object(w.gqlContext)()})).errors||(yield n.dispatchEvent(new CustomEvent("fetch-roles")),yield Object(w.CustomAlert)({type:"success",title:j.a.t("text.completed"),text:j.a.t("text.data_uploaded_successfully"),confirmButton:{text:j.a.t("button.confirm")}}),n.nameInput.value="",n.descriptionInput.value=""))},function(){var n=this,t=arguments;return new Promise((function(r,i){var a=e.apply(n,t);function o(e){q(a,r,i,o,l,"next",e)}function l(e){q(a,r,i,o,l,"throw",e)}o(void 0)}))})()}showToast(e){document.dispatchEvent(new CustomEvent("notify",{detail:{message:e,option:{timer:1e3}}}))}}function I(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}window.customElements.define("create-role",C);class T extends(Object(j.b)(j.a)(k.a)){static get properties(){return{role:Object}}static get styles(){return Object(k.b)(o||(o=I(["\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    "])))}render(){var e=this.role||{name:"",description:""};return Object(k.e)(l||(l=I(['\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())}get nameInput(){return this.renderRoot.querySelector("input[name=name]")}get descriptionInput(){return this.renderRoot.querySelector("input[name=description]")}getRole(){var e=this.nameInput.value,n=this.descriptionInput.value;return e?{name:e,description:n}:this.showToast(j.a.t("error.value is empty",{value:j.a.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 z(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function S(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?z(Object(t),!0).forEach((function(n){E(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):z(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function E(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function A(e,n,t,r,i,a,o){try{var l=e[a](o),d=l.value}catch(e){return void t(e)}l.done?n(d):Promise.resolve(d).then(r,i)}function K(e){return function(){var n=this,t=arguments;return new Promise((function(r,i){var a=e.apply(n,t);function o(e){A(a,r,i,o,l,"next",e)}function l(e){A(a,r,i,o,l,"throw",e)}o(void 0)}))}}function _(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}customElements.define("role-edit-form",T);class B extends(Object(j.b)(j.a)(k.a)){static get styles(){return[Object(k.b)(d||(d=_(["\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      "])))]}static get properties(){return{role:Object,allPrivileges:Array,privileges:Array,updateRoleObj:Object}}render(){var e=this.allPrivileges||[],n=this.privileges||[];return Object(k.e)(c||(c=_(['\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=>Object(k.e)(s||(s=_(['\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(),j.a.t("button.save"),e=>this.onDeleteRole(),j.a.t("button.delete role"))}firstUpdated(){var e=this;return K((function*(){e.allPrivileges=yield e.fetchPrivileges()}))()}updated(e){var n=this;return K((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 K((function*(){var n=e.updateRoleObj,t=Array.from(e.renderRoot.querySelectorAll("ul[privileges] input[type=checkbox]:checked")).map(e=>e["data-privilege"]),r=S(S({},n),{},{privileges:t});e.role&&((yield w.client.mutate({mutation:Object(O.a)(u||(u=_(["\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:Object(w.gqlContext)()})).errors||(yield e.dispatchEvent(new CustomEvent("fetch-roles")),e.showToast(j.a.t("text.data_updated_successfully"))))}))()}onDeleteRole(){var e=this;return K((function*(){(yield Object(w.CustomAlert)({title:j.a.t("text.are_you_sure"),text:j.a.t("text.are_you_sure_to_delete_x",{x:j.a.t("label.role")}),confirmButton:{text:j.a.t("button.delete")},cancelButton:{text:j.a.t("button.cancel")}})).value&&((yield w.client.mutate({mutation:Object(O.a)(p||(p=_(["\n        mutation($id: String!) {\n          deleteRole(id: $id)\n        }\n      "]))),variables:{id:e.role.id},context:Object(w.gqlContext)()})).errors||(yield e.dispatchEvent(new CustomEvent("fetch-roles")),yield Object(w.CustomAlert)({type:"success",title:j.a.t("text.completed"),text:j.a.t("text.x_deleted_successfully",{x:j.a.t("label.role")}),confirmButton:{text:j.a.t("button.confirm")}})))}))()}fetchPrivileges(){return K((function*(){return(yield w.client.query({query:Object(O.a)(b||(b=_(["\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 K((function*(){var n;return null===(n=(yield w.client.query({query:Object(O.a)(v||(v=_(["\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:Object(w.gqlContext)()})).data.role)||void 0===n?void 0:n.privileges}))()}showToast(e){document.dispatchEvent(new CustomEvent("notify",{detail:{message:e,option:{timer:1e3}}}))}}function F(e,n,t,r,i,a,o){try{var l=e[a](o),d=l.value}catch(e){return void t(e)}l.done?n(d):Promise.resolve(d).then(r,i)}function $(e){return function(){var n=this,t=arguments;return new Promise((function(r,i){var a=e.apply(n,t);function o(e){F(a,r,i,o,l,"next",e)}function l(e){F(a,r,i,o,l,"throw",e)}o(void 0)}))}}function D(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}customElements.define("role-privilege-editor",B);class N extends(Object(R.a)(w.store)(w.PageView)){static get styles(){return[Object(k.b)(m||(m=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      "])))]}static get properties(){return{title:String,role:Object,roles:Array,updateRoleObj:Object}}get context(){return{title:j.a.t("text.role_management"),help:"auth/roles"}}render(){var e=this,n={roles:this.roles||[]};return Object(k.e)(h||(h=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    '])),j.a.t("text.create role"),$((function*(){e.roles=yield e.fetchRoles()})),j.a.t("text.registered roles"),n,e=>Object(k.e)(f||(f=D(['\n              <role-edit-form .role="','" @roleChanged="','"></role-edit-form>\n            '])),e,e=>this.updateRoleObj=e.detail),(n,t)=>Object(k.e)(g||(g=D(["\n            <role-privilege-editor\n              .updateRoleObj=","\n              .role=","\n              @fetch-roles=","\n            ></role-privilege-editor>\n          "])),this.updateRoleObj||{},n,$((function*(){e.roles=yield e.fetchRoles(),yield e.updateComplete,e.renderRoot.querySelector("quick-find-list").openByKey(n.id)}))))}pageInitialized(e){}pageUpdated(e,n,t){var r=this;return $((function*(){r.active&&(r.roles=yield r.fetchRoles(),r.privileges=yield r.fetchPrivileges(),r.role=r.roles&&r.roles[0])}))()}pageDisposed(e){}fetchRoles(){return $((function*(){return(yield w.client.query({query:Object(O.a)(x||(x=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:Object(w.gqlContext)()})).data.roles.items}))()}fetchPrivileges(){return $((function*(){return(yield w.client.query({query:Object(O.a)(y||(y=D(["\n        query privileges {\n          privileges {\n            items {\n              id\n              name\n              description\n            }\n            total\n          }\n        }\n      "])))})).data.privileges.items}))()}}window.customElements.define("role-management",N)}}]);

package/dist-client/24.js

@@ -1 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[24],{1011:function(e,n,r){"use strict";var t,a,i,o,s=r(45),d=r(0),c=r(8);function l(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}class u extends(Object(c.b)(c.a)(d.a)){static get styles(){return[Object(d.b)(t||(t=l(["\n        .tabs {\n          display: flex;\n        }\n        .tab {\n          background-color: var(--secondary-background-color);\n          margin-top: var(--margin-default);\n          padding: var(--padding-narrow) var(--padding-wide) 0 var(--padding-wide);\n          border-radius: 9px 9px 0 0;\n          border-right: 1px solid rgba(0, 0, 0, 0.4);\n          text-transform: capitalize;\n          color: var(--theme-white-color);\n          opacity: 0.7;\n          cursor: pointer;\n        }\n        .tab[activate] {\n          background-color: var(--primary-color);\n          box-shadow: 2px -2px 2px 0px rgba(0, 0, 0, 0.15);\n          opacity: 1;\n          font-weight: bold;\n        }\n        .tab span,\n        .tab span[activate] {\n          font-weight: normal;\n          font-size: var(--fontsize-default);\n        }\n        @media screen and (max-width: 480px) {\n          :host {\n            width: 25px;\n          }\n          .tab {\n            display: flex;\n            flex-direction: column;\n            margin-top: var(--margin-narrow);\n            padding: var(--padding-narrow) var(--padding-default);\n            text-align: center;\n          }\n          .tab span,\n          .tab span[activate] {\n            font-size: var(--fontsize-default);\n            margin-top: -4px;\n          }\n        }\n      "])))]}static get properties(){return{data:Object,currentTabKey:String}}render(){var e=this.data||{},n=Object.keys(e),r=this.currentTabKey||n[0];return Object(d.e)(a||(a=l(["\n      ","\n    "])),(null==n?void 0:n.length)>1?Object(d.e)(i||(i=l(['\n            <div class="tabs">\n              ',"\n            </div>\n          "])),n.map(n=>{var t=e[n];return Object(d.e)(o||(o=l(['\n                  <div class="tab" ?activate="','" @click="','">\n                    ',"\n                    <span>(",")</span>\n                  </div>\n                "])),n===r,()=>this.currentTabKey=n,n,t.length)})):"")}updated(e){e.has("currentTabKey")&&this.dispatchEvent(new CustomEvent("tabChanged",{detail:{currentTabKey:this.currentTabKey},bubbles:!0,composed:!0,cancelable:!0}))}}customElements.define("quick-find-tabs",u);var p,b,v,h,m,f,g,x,y,w,O,j,k;r(42);function T(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}class q extends d.a{static get styles(){return[Object(d.b)(p||(p=T(["\n        .nav-bar {\n          background-color: var(--theme-white-color);\n          border: 1px solid var(--primary-color);\n          border-radius: 0 var(--border-radius) var(--border-radius) var(--border-radius);\n          margin: 0 0 var(--margin-wide) 0;\n          padding: var(--padding-narrow);\n          transition: opacity ease-in-out 0.3s;\n          opacity: 100%;\n          color: var(--secondary-color);\n          font-size: var(--fontsize-default);\n        }\n        .nav-bar[scrolling] {\n          opacity: 100%;\n          transition: opacity ease-in-out 0.3s;\n        }\n        .nav-bar * {\n          vertical-align: middle;\n        }\n        mwc-icon {\n          --mdc-icon-size: 14px;\n          padding-left: var(--padding-narrow);\n          position: relative;\n          margin-top: -2px;\n        }\n        .nav-bar span {\n          border-right: var(--border-dark-color);\n          border-width: 0 1px;\n          padding: 0 var(--padding-default) 0 var(--padding-narrow);\n          opacity: 0.8;\n          color: var(--secondary-color);\n          font-size: var(--fontsize-small);\n        }\n        .nav-bar span[activate] {\n          font-weight: bold;\n          cursor: pointer;\n          color: var(--secondary-text-color);\n          font-size: var(--fontsize-default);\n        }\n\n        @media screen and (max-width: 480px) {\n          :host {\n            width: 25px;\n          }\n          .nav-bar {\n            position: absolute;\n            right: 25px;\n            z-index: 100;\n\n            background-color: rgba(var(--primary-color-rgb), 0.2);\n            border: none;\n            border-radius: 15px;\n            margin-top: initial;\n            padding: var(--padding-narrow) 0;\n            opacity: 0%;\n            text-align: center;\n          }\n          .nav-bar span {\n            display: block;\n            border: none;\n            margin: auto;\n            padding: 2px var(--padding-narrow) 0 var(--padding-narrow);\n            font-size: 12px;\n          }\n        }\n      "])))]}static get properties(){return{scrolling:Boolean,indexes:Array,activeIndexes:Array}}constructor(){super(),this.indexes=[...Array(26).fill(65).map((e,n)=>String.fromCharCode(e+=n)),"#"]}render(){var e=this.activeIndexes||[],n=Boolean(this.scrolling),r=this.scrollable;return Object(d.e)(b||(b=T(["\n      ","\n    "])),r?Object(d.e)(v||(v=T(['<div class="nav-bar" ?scrolling=',">\n            <mwc-icon>anchor</mwc-icon> <label>Quick Find :</label>\n            ","\n          </div>"])),n,this.indexes.map(n=>{var r=e.indexOf(n)>=0;return Object(d.e)(h||(h=T([' <span\n                ?activate="','"\n                class="nav-cursor"\n                @click=',"\n                >","</span\n              >"])),r,e=>{r&&this.onclickNavCursor(n)},n)})):"")}onclickNavCursor(e){this.dispatchEvent(new CustomEvent("navigateTo",{detail:e,composed:!0}))}}function I(e,n,r,t,a,i,o){try{var s=e[i](o),d=s.value}catch(e){return void r(e)}s.done?n(d):Promise.resolve(d).then(t,a)}function C(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}customElements.define("quick-find-scroll",q);class z extends d.a{static get styles(){return[s.c,Object(d.b)(m||(m=C(["\n        :host {\n          display: flex;\n          flex: 1;\n          flex-direction: column;\n          overflow: hidden;\n          max-width: var(--content-container-max-width);\n        }\n        .list-container {\n          flex: 1;\n\n          display: flex;\n          flex-direction: column;\n          background-color: var(--theme-white-color);\n          border-radius: 0 var(--border-radius) var(--border-radius) var(--border-radius);\n          border: var(--border-dark-color);\n          border-width: 0 1px 1px 1px;\n          box-shadow: var(--box-shadow);\n          overflow: auto;\n        }\n        ul {\n          margin: 0;\n          padding: 0;\n          flex: 1;\n          list-style: none;\n        }\n        li {\n          border-bottom: var(--border-dark-color);\n          margin-bottom: -1px;\n          color: var(--secondary-color);\n        }\n        li:nth-child(even) {\n          background-color: rgba(0, 0, 0, 0.025);\n        }\n        li:hover {\n          background-color: rgba(var(--primary-color-rgb), 0.2);\n        }\n        li div {\n          font: bold 16px var(--theme-font);\n        }\n        li div.header {\n          padding: var(--padding-default) var(--padding-wide);\n        }\n        [opened] {\n          border-left: 4px solid var(--google-green-300);\n          border-bottom: 3px solid rgba(0, 0, 0, 0.1);\n        }\n        [opened] .header {\n          background-color: var(--primary-color);\n          box-shadow: var(--box-shadow);\n          color: var(--theme-white-color);\n        }\n        [opened] .header::after {\n          display: block;\n          margin-bottom: -16px;\n          position: relative;\n          margin-top: 9px;\n          content: '';\n          width: 0px;\n          height: 0px;\n          border-left: 7px solid transparent;\n          border-right: 7px solid transparent;\n          border-top: 7px solid var(--primary-color);\n        }\n        li span {\n          display: block;\n          opacity: 0.9;\n          font: normal 14px/18px var(--theme-font);\n        }\n        .header mwc-icon {\n          --mdc-icon-size: var(--fontsize-default);\n          margin-right: var(--padding-narrow);\n        }\n        @media screen and (max-width: 480px) {\n          .list-container {\n            border-radius: 0 var(--border-radius) var(--border-radius) var(--border-radius);\n            border-width: 0 1px 1px 1px;\n          }\n        }\n      "])))]}static get properties(){return{data:Object,nameField:String,currentTabKey:String,list:Array,contentRenderer:Object,floatingDelay:Number,currentOpenedItemIdx:Number,scrollable:Boolean,headerRenderer:Function}}constructor(){super(),this.nameField="name",this.floatingDelay=1,this.headerRenderer=e=>Object(d.e)(f||(f=C(["","<span>","</span>"])),e.name,e.description)}render(){var e,n=this.nameField,r=this.data||{},t=r[this.currentTabKey]?this.currentTabKey:Object.keys(r)[0],a=this.data[t];a=this.sortByNameField(a);var i=this.currentOpenedItemIdx,o=this.computeActiveIndexes(a,n),s=this.scrollable;return Object(d.e)(g||(g=C(['\n      <quick-find-tabs\n        .currentTabKey="','"\n        .data="','"\n        @tabChanged="','"\n      ></quick-find-tabs>\n\n      <quick-find-scroll\n        @navigateTo="','"\n        .scrollable="','"\n        .activeIndexes="','"\n      ></quick-find-scroll>\n\n      <div class="list-container" @scroll=',">\n        <ul>\n          ","\n        </ul>\n      </div>\n    "])),t,r,e=>{this.currentOpenedItemIdx=null,this.currentTabKey=e.detail.currentTabKey},this.navigateTo,s,o,this.onscroll.bind(this),null!==(e=a)&&void 0!==e&&e.length?Object(d.e)(x||(x=C(["\n                ","\n              "])),a.map((e,n)=>{var r=i===n;return Object(d.e)(y||(y=C(['\n                    <li\n                      class="list-item"\n                      ?opened="','"\n                      .item="','"\n                      @click="','"\n                    >\n                      <div class="header">\n                        ',"\n                      </div>\n\n                      ","\n                    </li>\n                  "])),r,e,()=>{this.currentOpenedItemIdx===n?this.currentOpenedItemIdx=-1:this.currentOpenedItemIdx=n},r&&"function"==typeof this.openHeaderRenderer?this.openHeaderRenderer(e):this.headerRenderer(e),r&&"function"==typeof this.contentRenderer?Object(d.e)(w||(w=C(['<div @click="','">\n                            ',"\n                          </div>"])),e=>e.stopPropagation(),this.contentRenderer(e,this.currentTabKey)):"")})):"")}get listItems(){return Array.from(this.renderRoot.querySelectorAll(".list-container li.list-item"))}get quickFindScroll(){return this.renderRoot.querySelector("quick-find-scroll")}updated(e){var n,r=this;return(n=function*(){(e.has("data")||e.has("currentTabKey"))&&(yield r.updateComplete,r.scrollable=r.computeScrollable())},function(){var e=this,r=arguments;return new Promise((function(t,a){var i=n.apply(e,r);function o(e){I(i,t,a,o,s,"next",e)}function s(e){I(i,t,a,o,s,"throw",e)}o(void 0)}))})()}computeActiveIndexes(e,n){return Array.from(new Set(null==e?void 0:e.map(e=>e[n][0].toUpperCase())))}computeScrollable(){var e=this.renderRoot.querySelector("ul");return e.clientHeight<e.scrollHeight}navigateTo(e){var n=this.nameField,r=e.detail.toLowerCase(),t=this.sortByNameField(this.data[this.currentTabKey]).findIndex(e=>0===e[n].toLowerCase().indexOf(r)),a=this.renderRoot.querySelector("ul :nth-child(".concat(t+1,")"));null==a||a.scrollIntoView()}onscroll(){this.quickFindScroll.scrolling||(this.quickFindScroll.scrolling=!0),null!==this.timer&&clearTimeout(this.timer),this.timer=setTimeout(()=>{this.quickFindScroll.scrolling=!1},1e3*this.floatingDelay)}sortByNameField(e){var n=this.nameField;return null==e?void 0:e.sort((e,r)=>e[n]>r[n]?1:e[n]<r[n]?-1:0)}close(){this.currentOpenedItemIdx=-1}openByKey(e,n="id"){this.currentOpenedItemIdx=this.listItems.findIndex(r=>r.item[n]===e)}}function R(e,n,r,t,a,i,o){try{var s=e[i](o),d=s.value}catch(e){return void r(e)}s.done?n(d):Promise.resolve(d).then(t,a)}function K(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}customElements.define("quick-find-list",z);class P extends d.a{static get styles(){return[s.c,Object(d.b)(O||(O=K(["\n        :host {\n          display: flex;\n          flex: 1;\n          flex-direction: column;\n          overflow: hidden;\n          max-width: var(--content-container-max-width);\n        }\n        .content-container {\n          flex: 1;\n          display: flex;\n          flex-direction: column;\n          background-color: var(--theme-white-color);\n          border-radius: 0 var(--border-radius) var(--border-radius) var(--border-radius);\n          border: var(--border-dark-color);\n          border-width: 0 1px 1px 1px;\n          box-shadow: var(--box-shadow);\n          overflow: auto;\n        }\n        @media screen and (max-width: 480px) {\n          .content-container {\n            border-radius: 0 var(--border-radius) var(--border-radius) var(--border-radius);\n            border-width: 0 1px 1px 1px;\n          }\n        }\n      "])))]}static get properties(){return{data:Object,currentTabKey:String,contentRenderer:Object,item:Object}}render(){var e=this.data||{},n=e[this.currentTabKey]?this.currentTabKey:Object.keys(e)[0],r=this.data[n];return Object(d.e)(j||(j=K(['\n      <quick-find-tabs\n        .currentTabKey="','"\n        .data="','"\n        @tabChanged="','"\n      ></quick-find-tabs>\n      <div class="content-container">\n        ',"\n      </div>\n    "])),n,e,e=>{this.currentTabKey=e.detail.currentTabKey},"function"==typeof this.contentRenderer?Object(d.e)(k||(k=K([" <div>","</div> "])),this.contentRenderer(r,this.currentTabKey||n)):"")}updated(e){var n,r=this;return(n=function*(){(e.has("data")||e.has("currentTabKey"))&&(yield r.updateComplete)},function(){var e=this,r=arguments;return new Promise((function(t,a){var i=n.apply(e,r);function o(e){R(i,t,a,o,s,"next",e)}function s(e){R(i,t,a,o,s,"throw",e)}o(void 0)}))})()}}customElements.define("quick-find-content",P)},1420:function(e,n,r){"use strict";r.r(n);r(1011);var t,a,i,o,s,d,c,l,u,p,b,v,h,m,f,g=r(35),x=r(8),y=r(284),w=r(0);r(1094),r(1183),r(1182);function O(e,n,r,t,a,i,o){try{var s=e[i](o),d=s.value}catch(e){return void r(e)}s.done?n(d):Promise.resolve(d).then(t,a)}function j(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}class k extends w.a{static get styles(){return Object(w.b)(t||(t=j(["\n      [field-2column] {\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        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      [grid-span] {\n        grid-column: span 2;\n      }\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\n        font: var(--label-font);\n        color: var(--label-color);\n        text-transform: var(--label-text-transform);\n      }\n      mwc-button {\n        margin: var(--input-margin);\n      }\n      @media screen and (max-width: 480px) {\n        div {\n          display: grid;\n        }\n        [field] {\n          grid-column: span 2;\n        }\n      }\n    "])))}static get properties(){return{}}render(){return Object(w.e)(a||(a=j(["\n      <div field-2column>\n        <div field>\n          <label\n            >",'\n            <input name="name" type="text" required />\n          </label>\n        </div>\n        <div field>\n          <label\n            >','\n            <input name="email" type="email" required />\n          </label>\n        </div>\n\n        <div>\n          <mwc-button\n            @click=','\n            outlined\n            label="','"\n          ></mwc-button>\n        </div>\n      </div>\n    '])),x.a.t("label.x name",{x:x.a.t("label.user")}),x.a.t("field.email"),this.onCreateUser.bind(this),x.a.t("button.create"))}get nameInput(){return this.renderRoot.querySelector("input[name=name]")}get emailInput(){return this.renderRoot.querySelector("input[name=email]")}onCreateUser(){var e,n=this;return(e=function*(){try{if(!n.emailInput.checkValidity())throw new Error(x.a.t("error.not valid pattern of type",{type:"e-mail"}));if(!n.nameInput.value)throw new Error(x.a.t("error.value is empty",{value:"name"}));var e={name:n.nameInput.value.trim(),email:n.emailInput.value.trim()};yield n.dispatchEvent(new CustomEvent("create-user",{detail:e})),n.nameInput.value="",n.emailInput.value=""}catch(e){document.dispatchEvent(new CustomEvent("notify",{detail:{level:"error",message:e.message}}))}},function(){var n=this,r=arguments;return new Promise((function(t,a){var i=e.apply(n,r);function o(e){O(i,t,a,o,s,"next",e)}function s(e){O(i,t,a,o,s,"throw",e)}o(void 0)}))})()}}function T(e,n,r,t,a,i,o){try{var s=e[i](o),d=s.value}catch(e){return void r(e)}s.done?n(d):Promise.resolve(d).then(t,a)}function q(e){return function(){var n=this,r=arguments;return new Promise((function(t,a){var i=e.apply(n,r);function o(e){T(i,t,a,o,s,"next",e)}function s(e){T(i,t,a,o,s,"throw",e)}o(void 0)}))}}function I(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}window.customElements.define("create-user",k);class C extends g.PageView{static get styles(){return[Object(w.b)(i||(i=I(["\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        @media screen and (max-width: 600px) {\n          :host {\n            padding: var(--padding-narrow);\n          }\n          h2 {\n            margin: var(--margin-narrow) var(--margin-default) 0 var(--margin-default);\n          }\n        }\n      "])))]}static get properties(){return{domainUsers:Array,owner:Object,currentTab:String,passwordResettable:Boolean,userCreatable:Boolean}}get context(){return{title:x.a.t("text.user management"),help:"auth/users"}}get userListElement(){return this.renderRoot.querySelector("#user-list")}render(){var e=this,n=(this.domainUsers||[]).reduce((e,n)=>{var r=n.userType;return e[r]||(e[r]=[]),n.activated="inactive"!==n.status,e[r].push(n),e},{user:[],application:[],appliance:[]}),r=x.a.t("label.user"),t=x.a.t("label.application"),a=x.a.t("text.appliance"),i={[r]:n.user,[t]:n.application,[a]:n.appliance};return Object(w.e)(o||(o=I(["\n      <h2>users</h2>\n\n      ",'\n      <quick-find-list\n        id="user-list"\n        .data="','"\n        @tabChanged="','"\n        .headerRenderer=','\n        .contentRenderer="','"\n      ></quick-find-list>\n\n      ',"\n    "])),this.userCreatable?Object(w.e)(s||(s=I(["<create-user\n            @create-user=","\n          ></create-user>"])),function(){var n=q((function*(n){var r=n.detail;r.userType="user",yield e.createUser(r)}));return function(e){return n.apply(this,arguments)}}()):"",i,e=>this.currentTab=e.detail.currentTabKey,e=>Object(w.e)(d||(d=I(["\n            ","\n          "])),e.activated?Object(w.e)(l||(l=I([" "," "," "])),e.owner?Object(w.e)(u||(u=I([" <mwc-icon>supervisor_account</mwc-icon> "]))):"",e.name):Object(w.e)(c||(c=I(["\n                  <mwc-icon>do_disturb</mwc-icon>\n                  ","\n                "])),e.name)),e=>Object(w.e)(p||(p=I(["<user-role-editor\n            .user=","\n            .domainOwner=","\n            .activate=",'\n            @userUpdated="','"\n            @ownershipTransferred="','"\n            .passwordResettable=',"\n          ></user-role-editor>"])),e,this.owner,e.activated,this.refreshUsers.bind(this),this.refreshUsers.bind(this),this.passwordResettable),this.currentTab===r?Object(w.e)(b||(b=I(['<invite-user @invitationCompleted="','"></invite-user>'])),this.refreshUsers.bind(this)):"")}pageUpdated(e,n,r){var t=this;return q((function*(){t.active&&(t.refreshUsers(),t.checkPasswordResettable(),t.checkUserCreatable())}))()}refreshUsers(){var e=this;return q((function*(){var n,r,t=yield g.client.query({query:Object(y.a)(v||(v=I(["\n        query {\n          users {\n            items {\n              id\n              name\n              email\n              userType\n              status\n              owner\n            }\n          }\n        }\n      "]))),context:Object(g.gqlContext)()});null!==(n=t.errors)&&void 0!==n&&n.length||(e.domainUsers=t.data.users.items||[],e.owner=e.domainUsers.filter(e=>e.owner)[0]||{},null===(r=e.userListElement)||void 0===r||r.close())}))()}checkPasswordResettable(){var e=this;return q((function*(){var n=yield g.client.query({query:Object(y.a)(h||(h=I(["\n        query {\n          checkResettablePasswordToDefault\n        }\n      "])))});n.errors||(e.passwordResettable=n.data.checkResettablePasswordToDefault)}))()}checkUserCreatable(){var e=this;return q((function*(){var n=yield g.client.query({query:Object(y.a)(m||(m=I(["\n        query {\n          checkDefaultPassword\n        }\n      "])))});n.errors||(e.userCreatable=n.data.checkDefaultPassword)}))()}createUser(e){var n=this;return q((function*(){(yield Object(g.CustomAlert)({title:x.a.t("text.are_you_sure"),text:x.a.t("text.are_you_sure_to_x_user",{x:x.a.t("button.create")}),confirmButton:{text:x.a.t("button.confirm")},cancelButton:{text:x.a.t("button.cancel")}})).value&&((yield g.client.mutate({mutation:Object(y.a)(f||(f=I(["\n        mutation createUser($user: NewUser!) {\n          createUser(user: $user) {\n            name\n          }\n        }\n      "]))),variables:{user:e},context:Object(g.gqlContext)()})).errors||(yield Object(g.CustomAlert)({title:x.a.t("text.completed"),confirmButton:{text:x.a.t("button.confirm")}}),n.users=yield n.refreshUsers()))}))()}showToast(e){document.dispatchEvent(new CustomEvent("notify",{detail:{message:e,option:{timer:1e3}}}))}}window.customElements.define("user-management",C)}}]);

package/dist-client/25.js

@@ -1 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[25],{1416:function(e,t,n){"use strict";n.r(t);n(302),n(1010),n(1369);var r,o,i=n(35),c=n(0),a=n(45),l=n(77),s=(n(94),n(329),n(8)),u=n(29);function d(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function p(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?d(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function b(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function f(e,t,n,r,o,i,c){try{var a=e[i](c),l=a.value}catch(e){return void n(e)}a.done?t(l):Promise.resolve(l).then(r,o)}function h(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function c(e){f(i,r,o,c,a,"next",e)}function a(e){f(i,r,o,c,a,"throw",e)}c(void 0)}))}}function g(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}class m extends(Object(s.b)(s.a)(c.a)){static get properties(){return{importHandler:Object,config:Object,_config:Object,records:Array}}static get styles(){return[a.c,Object(c.b)(r||(r=g(["\n        :host {\n          display: flex;\n          flex-direction: column;\n          overflow: hidden;\n          background-color: white;\n        }\n\n        .grist {\n          display: flex;\n          flex-direction: column;\n          flex: 1;\n          overflow-y: auto;\n        }\n        data-grist {\n          overflow-y: hidden;\n          flex: 1;\n        }\n        h2 {\n          padding: var(--subtitle-padding);\n          font: var(--subtitle-font);\n          color: var(--subtitle-text-color);\n          border-bottom: var(--subtitle-border-bottom);\n        }\n        .button-container {\n          display: flex;\n          margin-left: auto;\n        }\n        .button-container > mwc-button {\n          padding: 10px;\n        }\n      "])))]}get dataGrist(){return this.shadowRoot.querySelector("data-grist")}render(){var e=this;return Object(c.e)(o||(o=g(['\n      <div class="grist">\n        <data-grist .mode='," .config=",'></data-grist>\n      </div>\n\n      <div class="button-container">\n        <mwc-button\n          @click=',"\n          >","</mwc-button\n        >\n        <mwc-button @click=",">","</mwc-button>\n      </div>\n    "])),Object(u.j)()?"LIST":"GRID",this._config,h((function*(){var t=e.getCurrentRecord();if(t.length){if(!(yield Object(i.CustomAlert)({title:s.a.t("label.import"),text:s.a.t("text.are_you_sure"),confirmButton:{text:s.a.t("button.import")},cancelButton:{text:s.a.t("button.cancel")}})).value)return;e.importHandler(t)}else Object(i.CustomAlert)({title:s.a.t("text.nothing_selected"),text:s.a.t("text.there_is_nothing_to_save")})})),s.a.t("button.import"),e=>history.back(),s.a.t("button.cancel"))}updated(e){if(e.has("config")){var t=(this.config&&this.config.columns||[]).filter(e=>"gutter"!==e.type);this._config=p(p({},this.config),{},{pagination:{infinite:!0},columns:[{type:"gutter",gutterName:"row-selector",multiple:!0},...t]})}}firstUpdated(){this.dataGrist.data={records:this.records,total:this.records.length}}getCurrentRecord(){var e=this.dataGrist.selected,t=/__\w+__/;return e=e.map(e=>{var n={cuFlag:"+"};for(var r in e)t.test(r)||(n[r]=e[r]);return n})}}window.customElements.define("import-pop-up",m);var v,w=n(48);function O(e,t,n){if(!e||!t||!n||"function"!=typeof n)throw new Error("Invalid parameter to open up import dialog");var r,o;Object(w.j)(Object(c.e)(v||(r=['\n      <import-pop-up .records="','" .config="','" .importHandler="','"></import-pop-up>\n    '],o||(o=r.slice(0)),v=Object.freeze(Object.defineProperties(r,{raw:{value:Object.freeze(o)}}))),e,t,n),{backdrop:!0,size:"large",title:s.a.t("title.import")})}var y,j,x,P=n(944);function k(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function S(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _(e,t,n,r,o,i,c){try{var a=e[i](c),l=a.value}catch(e){return void n(e)}a.done?t(l):Promise.resolve(l).then(r,o)}function z(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}class D extends(Object(l.a)(i.store)(i.PageView)){static get styles(){return[P.a,Object(c.b)(y||(y=z(["\n        :host {\n          display: block;\n        }\n      "])))]}static get properties(){return{title:String,actionStyle:String,actionTitle:String,importable:Boolean,exportable:Boolean}}get context(){return{title:this.title,actions:[this.action],importable:this.importable&&{handler:e=>{O(e,{rows:this.config.rows,columns:[...this.config.columns.filter(e=>void 0!==e.imex)]},function(){var e,t=(e=function*(e){yield Object(u.l)(1e3),history.back()},function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function c(e){_(i,r,o,c,a,"next",e)}function a(e){_(i,r,o,c,a,"throw",e)}c(void 0)}))});return function(e){return t.apply(this,arguments)}}())}},exportable:this.exportable&&{name:"context-page",data:[{a:"A",b:"B"}]}}}render(){return Object(c.e)(j||(j=z(['\n      <p>\n        Things Factory 프레임워크에서는 각 페이지와 전체 어플리케이션의 각 구성요소와의 소통을 위해 페이지 컨텍스트라는\n        개념<help-icon topic="module/page-context"></help-icon>\n        을 제공한다.\n      </p>\n      <p>\n        페이지 컨텍스트는 어플리케이션 어디에서나 참조할 수 있도록 Redux Store에 현재 액티브 페이지가 제공하는\n        컨텍스트를 유지하고 있다. 각 페이지에서는 context라는 getter 속성에 자신의 컨텍스트를 구현할 수 있다. 각\n        페이지가 액티브될 때 자동으로 context getter 속성에 정의된 컨텍스트로 Redux Store를 갱신하게 된다. 또한,\n        언제든지 변경된 컨텍스트는 Page 객체의 updateContext() 메쏘드를 통해서 Redux Store의 컨텍스트를 갱신할 수 있다.\n      </p>\n      <section>\n        <h3>Title</h3>\n        <mwc-textfield\n          type="text"\n          label="title"\n          helper="브라우저 탭의 타이틀이 변경되는 것을 확인할 수 있습니다. 타이틀바가 있는 경우에는 타이틀바의 내용도 변경됩니다."\n          helperPersistent="true"\n          @change=','\n        ></mwc-textfield>\n      </section>\n\n      <section>\n        <h3>Action Buttons</h3>\n        <mwc-textfield\n          type="text"\n          label="title"\n          helper="컨텍스트바(페이지 하단) 액션 버튼의 타이틀이 변경되는 것을 확인할 수 있습니다."\n          helperPersistent="true"\n          value=',"\n          @change=","\n        ></mwc-textfield>\n\n        <fieldset @change=",">\n          <legend>Action Button Style</legend>\n          ",'\n        </fieldset>\n      </section>\n\n      <section>\n        <h3>Importable / Exportable</h3>\n        <mwc-formfield label="Importable" @change=','>\n          <mwc-checkbox></mwc-checkbox>\n        </mwc-formfield>\n\n        <mwc-formfield label="Exportable" @change=',">\n          <mwc-checkbox></mwc-checkbox>\n        </mwc-formfield>\n      </section>\n    "])),e=>this.title=e.target.value,this.actionTitle||"",e=>this.actionTitle=e.target.value,e=>this.actionStyle=e.target.value,["activate","add","additional","approve","arrived","assignment","back","cancel","clear","connect","copy","confirm","delete","draft","edit","export","generate","import","init","inspect","issue","label","load","logistics","pause","play","preview","print","receive","refresh","register","reject","relocate","save","submit","sync","transfer","undo","warehouse"].map(e=>Object(c.e)(x||(x=z(["\n              <mwc-formfield label=",'>\n                <mwc-radio name="style" value='," ?checked=","></mwc-radio>\n              </mwc-formfield>\n            "])),e,e,this.actionstyle==e)),e=>this.importable=e.target.checked,e=>this.exportable=e.target.checked)}updated(e){this.actionStyle?(this.action=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){S(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({title:this.actionTitle||"",action:()=>{alert(this.actionTitle||"")}},a.a[this.actionStyle]),console.log("this.actionStyle")):this.action=null,this.updateContext()}pageUpdated(e,t,n){this.active}}customElements.define("context-page",D)},944:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r,o=n(0);var i,c,a=Object(o.b)(r||(i=["\n  :host {\n    display: block;\n    background-color: var(--main-section-background-color);\n    padding: var(--padding-wide);\n    overflow: auto;\n  }\n  p {\n    color: var(--secondary-color);\n    font-size: 1em;\n  }\n  h2,\n  h3 {\n    margin-bottom: var(--margin-narrow);\n    color: var(--secondary-text-color);\n  }\n  fieldset {\n    background-color: var(--theme-white-color);\n    margin-top: var(--margin-wide);\n    border: var(--border-dark-color);\n  }\n  fieldset > * {\n    min-width: 10%;\n  }\n"],c||(c=i.slice(0)),r=Object.freeze(Object.defineProperties(i,{raw:{value:Object.freeze(c)}}))))}}]);

package/dist-client/26.js

@@ -1 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[26],{1410:function(e,c,f){"use strict";f.r(c);var H,n,r=f(0),t=f(77),J=f(1121),i=f(35),o=f(45),a=f(944);function I(e,c){var f=Object.keys(e);if(Object.getOwnPropertySymbols){var H=Object.getOwnPropertySymbols(e);c&&(H=H.filter((function(c){return Object.getOwnPropertyDescriptor(e,c).enumerable}))),f.push.apply(f,H)}return f}function s(e){for(var c=1;c<arguments.length;c++){var f=null!=arguments[c]?arguments[c]:{};c%2?I(Object(f),!0).forEach((function(c){b(e,c,f[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(f)):I(Object(f)).forEach((function(c){Object.defineProperty(e,c,Object.getOwnPropertyDescriptor(f,c))}))}return e}function b(e,c,f){return c in e?Object.defineProperty(e,c,{value:f,enumerable:!0,configurable:!0,writable:!0}):e[c]=f,e}function L(e,c){return c||(c=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(c)}}))}class p extends(Object(t.a)(i.store)(i.PageView)){static get styles(){return[a.a,Object(r.b)(H||(H=L(["\n        :host {\n          display: block;\n        }\n\n        div {\n          overflow-wrap: anywhere;\n        }\n      "])))]}static get properties(){return{}}get context(){return{title:"Direct Print",actions:[s({title:"print",action:()=>{this.print.print(M)}},o.a.submit)]}}render(){return Object(r.e)(n||(n=L(['\n      <p>\n        클라이언트(브라우저)에서 직접 프린트(Direct Print)를 하는 방법을 가이드 합니다. <br />\n        Direct Print는 브라우저에서 제공하는 기본 프린트 방법은 항상 프린트 프리뷰 팝업을 동반하기 때문에, 라벨 등을\n        대량으로 인쇄하는 경우는 불편할 수 있으므로, 라벨프린터에 직접 프린트 하는 방법을 이야기 합니다. 다음의 두가지\n        프린트 방법을 제공합니다.<br />\n        1. 브라우저가 실행되는 컴퓨터에 USB로 연결된 Zebra 호환 프린터에 프린트하는 방법입니다. (프린터 드라이버를\n        사용하지 않음.)<br />\n        2.\n        <a\n          href="https://www.zebra.com/content/dam/zebra_new_ia/en-us/solutions-verticals/product/Software/Printer%20Software/Link-OS/browser-print/zebra-browser-print-user-guide-v1-3-en-us.pdf"\n          target="_blank"\n          >Zebra의 BrowserPrint</a\n        >\n        어플리케이션을 설치하고, 브라우저에 설치된 프린터 드라이버를 통해서 직접 프린트하는 방법. 이 방법은 네트워크에\n        연결된 리모트 프린터를 드라이버에서 설정할 수 있으므로, 네트워크 프린터에도 직접 프린트 할 수 있게 됩니다.\n      </p>\n      <p>\n        <a href="./setting">Setting 메뉴</a>의 \'라벨프린터 선택\' 설정에서 위 두가지 방법 중에서 기본으로 사용할 방법을\n        선택합니다.<br />\n        1. USB Connected Printer<br />\n        2. Zebra Browser Printer\n      </p>\n      <section>\n        <h2>Command</h2>\n        <div>',"</div>\n      </section>\n    "])),M)}updated(e){e.has("itemId")||e.has("params")}stateChanged(e){}pageUpdated(e,c,f){this.active&&(this.print=new J.a)}}customElements.define("direct-print",p);var M="\n^XA\n^GFA,30000,30000,75,,:::::::::::::::::::::L0Pfe0f81f07cI03Lf83e07c1LfcH0Hfe0fc1fK07HfL01fL03fH03Hf8I07fe07Jfc1f03e0Kf8J01Of07cI03f07cH07cM0:::::::::::::::L0Pfe0f81f07cI03Mfc1f83eI01Ife0Hfe0fc1Mfe0Kf81Lf83fJ0f801HfcH07Jfc1f03eH03eM01Of07cI03f07cH07cM0:::::::::::::::L0Pfe0f81f07cI03Ifc0f83e07Mf8I0fc1Hfc1Hf8H0Kf8J01f07HfH03IfcH07Kfe07If03e0fcI03Mf81Of07cI03f07cH07cM0:::::::::::::::L0Pfe0f81f07cI03Hf83f07JfcH07Kfe0fc1f03Jfe0Kf8J01fK07HfJ0HfcH07cH07c1f03JfeH03JfeI01Of07cI03f07cH07cM0:::::::::::::::L0Pfe0f81f07cI03Ifc0f83IfcJ01HfcH0fc1fH01Lf81Hf8J01f07If8H0f8I07Kfe07Jfc1f03IfcH0JfH01Of07cI03f07cH07cM0:::::::::::::::L0Pfe0f81f07cI03Kf07c1Kf83eK0HfeK0Jf07eH07If81fH03Lf83Hf8J03e07If03e0Lfe0f8J01Of07cI03f07cH07cM0:::::::::::::::L0Pfe0f81f07cI03Ifc0f801Ife07Kfe0fc1Ife0Kf81Hf8J01Hf83fK07feI01Ife07fe07cH0Jf03JfeI01Of07cI03f07cH07cM0::::::::::::::::L0Pfe0f81f07cI03Lf83eH03e07feK0fc1fK03Lf07HfH01fJ0f83Lf83Hf8I07c1f03Mfc1IfeI01Of07cI03f07cH07cM0:::::::::::::::,::::::::::::::L07VfM0Hfc01Hf803Vf8K07J03838I01c38I01c38I01c18J0e1cH07H01cH07H01cH03I0eH038H0eJ070eH038H0e0eM0:::::::::L07feQ03HfV03HfR0Hf8K07J03838I01c38I01c38I01c18J0e1cH07H01cH07H01cH03I0eH038H0eJ070eH038H0e0eM0::::::::L07feH0Mf803HfH07feH0HfcL03HfH07LfcH0Hf8K07J03838I01c38I01c38I01c18J0e1cH07H01cH07H01cH03I0eH038H0eJ070eH038H0e0eM0:::::::::L07feH0Mf803HfH07feJ03feJ03HfH07LfcH0Hf8K07J03838I01c38I01c38I01c18J0e1cH07H01cH07H01cH03I0eH038H0eJ070eH038H0e0eM0::::::::L07feH0Mf803HfH07feH0Hfc01Hf803HfH07LfcH0Hf8K07J03838I01c38I01c38I01c18J0e1cH07H01cH07H01cH03I0eH038H0eJ070eH038H0e0eM0:::::::::L07feQ03HfH07feJ03feJ03HfR0Hf8K07J03838I01c38I01c38I01c18J0e1cH07H01cH07H01cH03I0eH038H0eJ070eH038H0e0eM0::::::::L07feQ03HfH07feQ03HfQ01Hf8K07J03838I01c38I01c38I01c18J0e1cH07H01cH07H01cH03I0eH038H0eJ070eH038H0e0eM0L07VfH07feH0Hfc01Hf803Vf8K07J03838I01c38I01c38I01c18J0e1cH07H01cH07H01cH03I0eH038H0eJ070eH038H0e0eM0::::::::gK07JfgR07J03838I01c38I01c38I01c18J0e1cH07H01cH07H01cH03I0eH038H0eJ070eH038H0e0eM0:::::::gK07JfgR070e1c383870e1c3870e1c3870e1c187070e1c3870e1c3870e1c383070e1c3870e1c3870e1c3838e0eM0:L07feH0RfO03feJ03QfcP070e1c383870e1c3870e1c3870e1c187070e1c3870e1c3870e1c383070e1c3870e1c3870e1c3838e0eM0::::::::Q0Mf8L07feH0RfJ01Of8K070e1c383870e1c3870e1c3870e1c187070e1c3870e1c3870e1c383070e1c3870e1c3870e1c3838e0eM0:::::::::L07feO07Lf801Jfc01Hf803Jf801HfK0Hf8K070e1c383870e1c3870e1c3870e1c187070e1c3870e1c3870e1c383070e1c3870e1c3870e1c3838e0eM0::::::::N01HfJ01JfcH0Hf8L03OfM0Mf8K070e1c383870e1c3870e1c3870e1c187070e1c3870e1c3870e1c383070e1c3870e1c3870e1c3838e0eM0:::::::::L07feH0JfeJ03HfH07Lfc01Hf8J0Hf8L03feN070e1c383870e1c3870e1c3870e1c187070e1c3870e1c3870e1c383070e1c3870e1c3870e1c3838e0eM0::::::::gK07Lfc01Hf8J0Hf8J0HfcP070e1c383870e1c3870e1c3870e1c187070e1c3870e1c3870e1c383070e1c3870e1c3870e1c3838e0eM0gK07Lfc01Hf8J0Hf8J0HfcS01cH038H0e1cH07J0387H01cH0707N0e1cH07H01cH0307H01cJ0eJ070eJ038e0eM0::::::::L07VfJ01HfH03feH07fcJ07JfK0Hf8N01cH038H0e1cH07J0387H01cH0707N0e1cH07H01cH0307H01cJ0eJ070eJ038e0eM0::::::::L07feQ03HfH07JfR0JfeH0HfcH0Hf8N01cH038H0e1cH07J0387H01cH0707N0e1cH07H01cH0307H01cJ0eJ070eJ038e0eM0:::::::::L07feH0Mf803HfH07JfH03feH07fcJ07LfcS01cH038H0e1cH07J0387H01cH0707N0e1cH07H01cH0307H01cJ0eJ070eJ038e0eM0::::::::L07feH0Mf803HfH07feH0Tf801JfcS01cH038H0e1cH07J0387H01cH0707N0e1cH07H01cH0307H01cJ0eJ070eJ038e0eM0:::::::::L07feH0Mf803HfH07Lfc01Hf803Jf801JfcS01cH038H0e1cH07J0387H01cH0707N0e1cH07H01cH0307H01cJ0eJ070eJ038e0eM0::::::::L07feQ03HfJ01HfH03Qf8J0JfeQ01cH038H0e1cH07J0387H01cH0707N0e1cH07H01cH0307H01cJ0eJ070eJ038e0eM0:::::::::L07VfH07feL01Hf8J0Hf8J0HfcS01cH038H0e1cH07J0387H01cH0707N0e1cH07H01cH0307H01cJ0eJ070eJ038e0eM0::::::::,:::::::::::::::::::::::::::::::::\n^FS\n^XZ\n"},944:function(e,c,f){"use strict";f.d(c,"a",(function(){return J}));var H,n=f(0);var r,t,J=Object(n.b)(H||(r=["\n  :host {\n    display: block;\n    background-color: var(--main-section-background-color);\n    padding: var(--padding-wide);\n    overflow: auto;\n  }\n  p {\n    color: var(--secondary-color);\n    font-size: 1em;\n  }\n  h2,\n  h3 {\n    margin-bottom: var(--margin-narrow);\n    color: var(--secondary-text-color);\n  }\n  fieldset {\n    background-color: var(--theme-white-color);\n    margin-top: var(--margin-wide);\n    border: var(--border-dark-color);\n  }\n  fieldset > * {\n    min-width: 10%;\n  }\n"],t||(t=r.slice(0)),H=Object.freeze(Object.defineProperties(r,{raw:{value:Object.freeze(t)}}))))}}]);

package/dist-client/27.js

@@ -1 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[27],{1408:function(e,t,r){"use strict";r.r(t);var n,a,i=r(0),o=r(329),d=r(8),c=r(35),l=r(29),s=r(944);function h(e,t,r,n,a,i,o){try{var d=e[i](o),c=d.value}catch(e){return void r(e)}d.done?t(c):Promise.resolve(c).then(n,a)}function m(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}class p extends(Object(d.b)(d.a)(c.PageView)){static get styles(){return[s.a,Object(i.b)(n||(n=m(["\n        :host {\n          display: flex;\n          flex-direction: row;\n\n          width: 100%;\n\n          --grid-record-emphasized-background-color: green;\n          --grid-record-emphasized-color: white;\n        }\n\n        div {\n          flex: 1;\n          overflow: auto;\n        }\n\n        data-grist {\n          flex: 1;\n        }\n      "])))]}static get properties(){return{config:Object,data:Object}}get context(){return{title:"Grist Colorizing",printable:!0}}get grist(){return this.shadowRoot.querySelector("data-grist")}render(){return Object(i.e)(a||(a=m(["\n      <div>\n        <p>\n          Grist 컨피규레이션에 classifier를 설정할 수 있다. classifier는 각 레코드 또는 필드를 조건에 따라 분류하는\n          콜백함수로, 특히 emphasized로 분류하는 경우, 배경색/전경색을 지정하여 가시적으로 구분할 수 있게된다. rows\n          설정에 정의하면, 레코드별로 분류가되며, columns/record 설정에 정의하면 해당 필드에만 적용되게된다.\n        </p>\n        <pre>\n        ...,\n        classifier: function (record, rowIndex) {\n          const rate = record['rate']\n          var emphasized\n\n          if (rate !== undefined) {\n            if (rate < 15) {\n              /* \n              emphasized가 배열이면, [배경색, 문자색] 으로 해당행의 배경색과 문자색으로 적용된다. \n              배열의 아이템이 하나이면, 배경색은 그 아이템의 값으로 적용되며, \n              글자색은 CSS 변수에 설정된 컬러가 적용된다.\n              */\n              emphasized = ['red']\n            } else if (rate < 30) {\n              /* \n              emphasized가 배열이면, [배경색, 문자색] 으로 해당행의 배경색과 문자색으로 적용된다. \n              배열의 아이템이 하나이면, 배경색은 그 아이템의 값으로 적용되며, \n              글자색은 CSS 변수에 설정된 컬러가 적용된다.\n              */\n              emphasized = ['yellow', 'navy']\n            } else if (rate < 50) {\n              /* emphasized가 true이면, CSS 변수에 설정된 컬러가 적용된다.\n                --grid-record-emphasized-background-color: green;\n                --grid-record-emphasized-color: white;\n              */\n              emphasized = true\n            }\n          }\n\n          return {\n            emphasized\n          }\n        }\n        </pre\n        >\n      </div>\n      <data-grist\n        .mode=","\n        .config=","\n        .fetchHandler=","\n      ></data-grist>\n    "])),Object(l.j)()?"LIST":"GRID",this.config,this.fetchHandler)}fetchHandler({page:e,limit:t,sorters:r=[]}){return(n=function*(){var r=(e-1)*t;return{total:120993,records:Array(t*e>120993?120993%t:t).fill().map((e,t)=>({id:t,name:t%2?"shnam-".concat(r+t+1):"heartyoh-".concat(r+t+1),description:t%2?"hatiolab manager-".concat(r+t+1):"hatiosea manager-".concat(r+t+1),email:t%2?"shnam-".concat(r+t+1,"@gmail.com"):"heartyoh-".concat(r+t+1,"@gmail.com"),active:!!(Math.round(2*Math.random())%2),company:t%2?{id:"2",name:"HatioLAB",description:"경기도 성남시-".concat(r+t+1)}:{id:"3",name:"HatioSEA",description:"말레이시아 세티아알람-".concat(r+t+1)},role:["admin","worker","tester"][t%3],color:t%2?"#87f018":"#180f87",rate:Math.round(100*Math.random()),dynamicType:["text","email","checkbox","color","progress","barcode"][t%5],dynamicValue:["abcdefghijkl","heartyoh@hatiolab.com","true","orange","50","1234567890"][t%5],homepage:t%2?"http://hatiolab.com/".concat(r+t+1):"http://deadpool.hatiolab.com/".concat(r+t+1),createdAt:Date.now(),updatedAt:Date.now()}))}},function(){var e=this,t=arguments;return new Promise((function(r,a){var i=n.apply(e,t);function o(e){h(i,r,a,o,d,"next",e)}function d(e){h(i,r,a,o,d,"throw",e)}o(void 0)}))})();var n}get gristConfig(){return{columns:[{type:"gutter",gutterName:"dirty"},{type:"gutter",gutterName:"sequence"},{type:"gutter",gutterName:"row-selector",multiple:!0},{type:"gutter",gutterName:"button",icon:"edit",handlers:{click:"record-view"}},{type:"string",name:"id",hidden:!0},{type:"link",name:"name",header:d.a.t("field.name"),record:{editable:!0,options:{href:function(e,t,r){return t.homepage}},classifier:function(e,t){var r,n=e.rate;return void 0!==n&&(n<15?r=["black","white"]:n<30?r=["navy","yellow"]:n<50&&(r=!0)),{emphasized:r}}},sortable:!0,width:120},{type:"string",name:"description",header:d.a.t("field.description"),record:{align:"left"},width:200,handlers:{dblclick:(e,t,r,n,a)=>{alert("".concat(r.name," ").concat(n[r.name],", row : ").concat(a))}}},{type:"email",name:"email",header:d.a.t("field.email"),record:{editable:!0},sortable:!0,width:130,validation:function(e,t,r,n){return-1!=e.indexOf("@")||(document.dispatchEvent(new CustomEvent("notify",{detail:{type:"error",message:"invalid value - ".concat(e)}})),!1)}},{type:"id",name:"company",header:d.a.t("field.company"),record:{editable:!0,options:{}},sortable:!0,width:240},{type:"boolean",name:"active",header:d.a.t("field.active"),record:{editable:!0},handlers:{dblclick:()=>{console.log(this.grist.dirtyRecords)}},sortable:!0,width:60},{type:"select",name:"role",header:d.a.t("field.role"),record:{options:["admin","worker","tester"],editable:!0},sortable:!0,width:120},{type:"color",name:"color",header:d.a.t("field.color"),record:{editable:!0},sortable:!0,width:50},{type:"float",name:"rate",header:d.a.t("field.rate"),record:{align:"right",editable:!0},sortable:!0,width:50},{type:"progress",name:"rate",header:d.a.t("field.rate"),record:{editable:!0},sortable:!0,width:50},{type:"select",name:"dynamicType",header:d.a.t("field.dynamic_type"),record:{editable:!0,options:["text","email","checkbox","color","progress","barcode"]},width:50},{type:"string",name:"dynamicValue",header:d.a.t("field.dynamic_value"),record:{editable:!0,editor:function(e,t,r,n,a){return Object(o.c)(r.dynamicType)(e,t,r,n,a)},renderer:function(e,t,r,n,a){return Object(o.d)(r.dynamicType)(e,t,r,n,a)}},width:200},{type:"datetime",name:"updatedAt",header:d.a.t("field.updated_at"),record:{editable:!0},sortable:!0,width:180},{type:"datetime",name:"createdAt",header:d.a.t("field.created_at"),record:{editable:!0},sortable:!0,width:180}],rows:{selectable:{multiple:!0},handlers:{click:"select-row-toggle"},classifier:function(e,t){var r,n=e.rate;return void 0!==n&&(n<15?r=["red"]:n<30?r=["yellow","navy"]:n<50&&(r=!0)),{emphasized:r}}},sorters:[{name:"name",descending:!0},{name:"email"}],pagination:{pages:[20,30,50,100,200]}}}pageUpdated(e,t){this.active&&this.grist.fetch()}pageInitialized(){this.config=this.gristConfig,this.page=1,this.limit=50}}window.customElements.define("grist-colorizing",p)},944:function(e,t,r){"use strict";r.d(t,"a",(function(){return d}));var n,a=r(0);var i,o,d=Object(a.b)(n||(i=["\n  :host {\n    display: block;\n    background-color: var(--main-section-background-color);\n    padding: var(--padding-wide);\n    overflow: auto;\n  }\n  p {\n    color: var(--secondary-color);\n    font-size: 1em;\n  }\n  h2,\n  h3 {\n    margin-bottom: var(--margin-narrow);\n    color: var(--secondary-text-color);\n  }\n  fieldset {\n    background-color: var(--theme-white-color);\n    margin-top: var(--margin-wide);\n    border: var(--border-dark-color);\n  }\n  fieldset > * {\n    min-width: 10%;\n  }\n"],o||(o=i.slice(0)),n=Object.freeze(Object.defineProperties(i,{raw:{value:Object.freeze(o)}}))))}}]);

package/dist-client/28.js

@@ -1 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[28],{1405:function(e,n,t){"use strict";t.r(n);t(1015),t(1218),t(1010);var r,o,c,a=t(0),i=t(77),s=t(48),d=t(1215),l=t(35),p=t(944);function u(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}class h extends(Object(i.a)(l.store)(l.PageView)){static get styles(){return[p.a,Object(a.b)(r||(r=u(["\n        :host {\n        }\n      "])))]}static get properties(){return{}}get context(){return{title:"Menu Page"}}render(){return Object(a.e)(o||(o=u(['\n      <p>\n        Things Factory 프레임워크에서는 간편하게 메뉴를 구성할 수 있도록 Lite Menu<help-icon\n          topic="module/lite-menu"\n        ></help-icon>\n        모듈을 제공한다.\n      </p>\n      <section @change=','>\n        <mwc-formfield label="Hovering">\n          <mwc-checkbox id="hovering"></mwc-checkbox>\n        </mwc-formfield>\n\n        <mwc-formfield label="Landscape">\n          <mwc-checkbox id="landscape" checked></mwc-checkbox>\n        </mwc-formfield>\n      </section>\n    '])),e=>this.setupMenu(e))}updated(e){e.has("itemId")||e.has("params")}stateChanged(e){}pageUpdated(e,n,t){this.active}setupMenu(){var e=this.renderRoot.querySelector("#hovering"),n=this.renderRoot.querySelector("#landscape");Object(d.a)({hovering:e.checked,position:n.checked?s.e.HEADERBAR:s.e.NAVBAR,portraitSlotTemplate:Object(a.e)(c||(c=u([' <domain-switch slot="tail"></domain-switch> '])))})}}customElements.define("menu-page",h)},944:function(e,n,t){"use strict";t.d(n,"a",(function(){return i}));var r,o=t(0);var c,a,i=Object(o.b)(r||(c=["\n  :host {\n    display: block;\n    background-color: var(--main-section-background-color);\n    padding: var(--padding-wide);\n    overflow: auto;\n  }\n  p {\n    color: var(--secondary-color);\n    font-size: 1em;\n  }\n  h2,\n  h3 {\n    margin-bottom: var(--margin-narrow);\n    color: var(--secondary-text-color);\n  }\n  fieldset {\n    background-color: var(--theme-white-color);\n    margin-top: var(--margin-wide);\n    border: var(--border-dark-color);\n  }\n  fieldset > * {\n    min-width: 10%;\n  }\n"],a||(a=c.slice(0)),r=Object.freeze(Object.defineProperties(c,{raw:{value:Object.freeze(a)}}))))}}]);

package/dist-client/29.js

@@ -1 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[29],{1406:function(n,e,o){"use strict";o.r(e);o(1213);var t,i,a,c=o(1002),r=o(35),s=o(48),d=o(0),b=o(77),l=o(944);function p(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}class f extends(Object(b.a)(r.store)(r.PageView)){static get styles(){return[l.a,Object(d.b)(t||(t=p(["\n        :host {\n          display: block;\n          overflow: auto;\n        }\n\n        [for-badge] {\n          display: inline-block;\n        }\n\n        notification-badge {\n          display: inline-block;\n        }\n      "])))]}static get properties(){return{itemId:String,params:Object}}get context(){return{title:"Notification"}}render(){return Object(d.e)(i||(i=p(['\n      <p>\n        Things Factory 프레임워크에서는 간편하게 메뉴를 구성할 수 있도록 Notification<help-icon\n          topic="module/notification"\n        ></help-icon>\n        모듈을 제공한다.\n      </p>\n\n      <section @change=','>\n        <mwc-formfield label="Show on AppToolbar">\n          <mwc-checkbox id="show-on-apptoolbar" checked></mwc-checkbox>\n        </mwc-formfield>\n      </section>\n\n      <section>\n        <h3 for-badge>Notification Badge</h3>\n        <notification-badge\n          @click=',"\n        >\n        </notification-badge>\n      </section>\n\n      <section>\n        <h3>Notification Test</h3>\n        <notification-sender></notification-sender>\n      </section>\n    "])),n=>this.showOnApptoolbar(n),n=>{Object(s.k)("notification",{backdrop:!0})})}showOnApptoolbar(n){var e=this.renderRoot.querySelector("#show-on-apptoolbar").checked;e?r.store.dispatch({type:e?c.a:c.b,tool:{name:"notification-badge",template:Object(d.e)(a||(a=p(["\n            <notification-badge\n              @click=","\n            >\n            </notification-badge>\n          "])),n=>{Object(s.k)("notification",{backdrop:!0})}),position:s.b.REAR}}):r.store.dispatch({type:c.b,name:"notification-badge"})}updated(n){n.has("itemId")||n.has("params")}stateChanged(n){}pageUpdated(n,e,o){this.active&&(this.itemId=e.resourceId,this.params=e.params)}}customElements.define("notification-page",f)},944:function(n,e,o){"use strict";o.d(e,"a",(function(){return r}));var t,i=o(0);var a,c,r=Object(i.b)(t||(a=["\n  :host {\n    display: block;\n    background-color: var(--main-section-background-color);\n    padding: var(--padding-wide);\n    overflow: auto;\n  }\n  p {\n    color: var(--secondary-color);\n    font-size: 1em;\n  }\n  h2,\n  h3 {\n    margin-bottom: var(--margin-narrow);\n    color: var(--secondary-text-color);\n  }\n  fieldset {\n    background-color: var(--theme-white-color);\n    margin-top: var(--margin-wide);\n    border: var(--border-dark-color);\n  }\n  fieldset > * {\n    min-width: 10%;\n  }\n"],c||(c=a.slice(0)),t=Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(c)}}))))}}]);

package/dist-client/30.js

@@ -1,12 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[30],{1415:function(r,e,n){"use strict";n.r(e);var t,a,i=n(1),s=n(0),o=n(277),c=n(32),l=n(40),d=n(92);function m(r,e,n,t,a,i,s){try{var o=r[i](s),c=o.value}catch(r){return void n(r)}o.done?e(c):Promise.resolve(c).then(t,a)}function p(r){return function(){var e=this,n=arguments;return new Promise((function(t,a){var i=r.apply(e,n);function s(r){m(i,t,a,s,o,"next",r)}function o(r){m(i,t,a,s,o,"throw",r)}s(void 0)}))}}class g extends s.a{constructor(){super(...arguments),this.indeterminate=!1,this.progress=0,this.buffer=1,this.reverse=!1,this.closed=!1,this.stylePrimaryHalf="",this.stylePrimaryFull="",this.styleSecondaryQuarter="",this.styleSecondaryHalf="",this.styleSecondaryFull="",this.animationReady=!0,this.closedAnimationOff=!1,this.resizeObserver=null}connectedCallback(){super.connectedCallback(),this.rootEl&&this.attachResizeObserver()}render(){var r,e,n={"mdc-linear-progress--closed":this.closed,"mdc-linear-progress--closed-animation-off":this.closedAnimationOff,"mdc-linear-progress--indeterminate":this.indeterminate,"mdc-linear-progress--animation-ready":this.animationReady},a={"--mdc-linear-progress-primary-half":this.stylePrimaryHalf,"--mdc-linear-progress-primary-half-neg":""!==this.stylePrimaryHalf?"-".concat(this.stylePrimaryHalf):"","--mdc-linear-progress-primary-full":this.stylePrimaryFull,"--mdc-linear-progress-primary-full-neg":""!==this.stylePrimaryFull?"-".concat(this.stylePrimaryFull):"","--mdc-linear-progress-secondary-quarter":this.styleSecondaryQuarter,"--mdc-linear-progress-secondary-quarter-neg":""!==this.styleSecondaryQuarter?"-".concat(this.styleSecondaryQuarter):"","--mdc-linear-progress-secondary-half":this.styleSecondaryHalf,"--mdc-linear-progress-secondary-half-neg":""!==this.styleSecondaryHalf?"-".concat(this.styleSecondaryHalf):"","--mdc-linear-progress-secondary-full":this.styleSecondaryFull,"--mdc-linear-progress-secondary-full-neg":""!==this.styleSecondaryFull?"-".concat(this.styleSecondaryFull):""},i={"flex-basis":this.indeterminate?"100%":"".concat(100*this.buffer,"%")},o={transform:this.indeterminate?"scaleX(1)":"scaleX(".concat(this.progress,")")};return Object(s.e)(t||(r=['\n      <div\n          role="progressbar"\n          class="mdc-linear-progress ','"\n          style="','"\n          dir="','"\n          aria-label="','"\n          aria-valuemin="0"\n          aria-valuemax="1"\n          aria-valuenow="','"\n        @transitionend="','">\n        <div class="mdc-linear-progress__buffer">\n          <div\n            class="mdc-linear-progress__buffer-bar"\n            style=','>\n          </div>\n          <div class="mdc-linear-progress__buffer-dots"></div>\n        </div>\n        <div\n            class="mdc-linear-progress__bar mdc-linear-progress__primary-bar"\n            style=','>\n          <span class="mdc-linear-progress__bar-inner"></span>\n        </div>\n        <div class="mdc-linear-progress__bar mdc-linear-progress__secondary-bar">\n          <span class="mdc-linear-progress__bar-inner"></span>\n        </div>\n      </div>'],e||(e=r.slice(0)),t=Object.freeze(Object.defineProperties(r,{raw:{value:Object.freeze(e)}}))),Object(c.a)(n),Object(d.a)(a),Object(l.a)(this.reverse?"rtl":void 0),Object(l.a)(this.ariaLabel),Object(l.a)(this.indeterminate?void 0:this.progress),this.syncClosedState,Object(d.a)(i),Object(d.a)(o))}update(r){!r.has("closed")||this.closed&&void 0!==r.get("closed")||this.syncClosedState(),super.update(r)}firstUpdated(r){var e=()=>super.firstUpdated,n=this;return p((function*(){e().call(n,r),n.attachResizeObserver()}))()}syncClosedState(){this.closedAnimationOff=this.closed}updated(r){!r.has("indeterminate")&&r.has("reverse")&&this.indeterminate&&this.restartAnimation(),r.has("indeterminate")&&void 0!==r.get("indeterminate")&&this.indeterminate&&window.ResizeObserver&&this.calculateAndSetAnimationDimensions(this.rootEl.offsetWidth),super.updated(r)}disconnectedCallback(){this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null),super.disconnectedCallback()}attachResizeObserver(){if(window.ResizeObserver)return this.resizeObserver=new window.ResizeObserver(r=>{if(this.indeterminate)for(var e of r)if(e.contentRect){var n=e.contentRect.width;this.calculateAndSetAnimationDimensions(n)}}),void this.resizeObserver.observe(this.rootEl);this.resizeObserver=null}calculateAndSetAnimationDimensions(r){var e=.8367142*r,n=2.00611057*r,t=.37651913*r,a=.84386165*r,i=1.60277782*r;this.stylePrimaryHalf="".concat(e,"px"),this.stylePrimaryFull="".concat(n,"px"),this.styleSecondaryQuarter="".concat(t,"px"),this.styleSecondaryHalf="".concat(a,"px"),this.styleSecondaryFull="".concat(i,"px"),this.restartAnimation()}restartAnimation(){var r=this;return p((function*(){r.animationReady=!1,yield r.updateComplete,yield new Promise(requestAnimationFrame),r.animationReady=!0,yield r.updateComplete}))()}open(){this.closed=!1}close(){this.closed=!0}}Object(i.c)([Object(s.g)(".mdc-linear-progress")],g.prototype,"rootEl",void 0),Object(i.c)([Object(s.f)({type:Boolean,reflect:!0})],g.prototype,"indeterminate",void 0),Object(i.c)([Object(s.f)({type:Number})],g.prototype,"progress",void 0),Object(i.c)([Object(s.f)({type:Number})],g.prototype,"buffer",void 0),Object(i.c)([Object(s.f)({type:Boolean,reflect:!0})],g.prototype,"reverse",void 0),Object(i.c)([Object(s.f)({type:Boolean,reflect:!0})],g.prototype,"closed",void 0),Object(i.c)([o.a,Object(s.f)({attribute:"aria-label"})],g.prototype,"ariaLabel",void 0),Object(i.c)([Object(s.j)()],g.prototype,"stylePrimaryHalf",void 0),Object(i.c)([Object(s.j)()],g.prototype,"stylePrimaryFull",void 0),Object(i.c)([Object(s.j)()],g.prototype,"styleSecondaryQuarter",void 0),Object(i.c)([Object(s.j)()],g.prototype,"styleSecondaryHalf",void 0),Object(i.c)([Object(s.j)()],g.prototype,"styleSecondaryFull",void 0),Object(i.c)([Object(s.j)()],g.prototype,"animationReady",void 0),Object(i.c)([Object(s.j)()],g.prototype,"closedAnimationOff",void 0);
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-LIcense-Identifier: Apache-2.0
- */
-var f,b,u=Object(s.b)(a||(f=["@keyframes mdc-linear-progress-primary-indeterminate-translate{0%{transform:translateX(0)}20%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(0)}59.15%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(83.67142%);transform:translateX(var(--mdc-linear-progress-primary-half, 83.67142%))}100%{transform:translateX(200.611057%);transform:translateX(var(--mdc-linear-progress-primary-full, 200.611057%))}}@keyframes mdc-linear-progress-primary-indeterminate-scale{0%{transform:scaleX(0.08)}36.65%{animation-timing-function:cubic-bezier(0.334731, 0.12482, 0.785844, 1);transform:scaleX(0.08)}69.15%{animation-timing-function:cubic-bezier(0.06, 0.11, 0.6, 1);transform:scaleX(0.661479)}100%{transform:scaleX(0.08)}}@keyframes mdc-linear-progress-secondary-indeterminate-translate{0%{animation-timing-function:cubic-bezier(0.15, 0, 0.515058, 0.409685);transform:translateX(0)}25%{animation-timing-function:cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);transform:translateX(37.651913%);transform:translateX(var(--mdc-linear-progress-secondary-quarter, 37.651913%))}48.35%{animation-timing-function:cubic-bezier(0.4, 0.627035, 0.6, 0.902026);transform:translateX(84.386165%);transform:translateX(var(--mdc-linear-progress-secondary-half, 84.386165%))}100%{transform:translateX(160.277782%);transform:translateX(var(--mdc-linear-progress-secondary-full, 160.277782%))}}@keyframes mdc-linear-progress-secondary-indeterminate-scale{0%{animation-timing-function:cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);transform:scaleX(0.08)}19.15%{animation-timing-function:cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);transform:scaleX(0.457104)}44.15%{animation-timing-function:cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);transform:scaleX(0.72796)}100%{transform:scaleX(0.08)}}@keyframes mdc-linear-progress-buffering{from{transform:rotate(180deg) translateX(-10px)}}@keyframes mdc-linear-progress-primary-indeterminate-translate-reverse{0%{transform:translateX(0)}20%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(0)}59.15%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(-83.67142%);transform:translateX(var(--mdc-linear-progress-primary-half-neg, -83.67142%))}100%{transform:translateX(-200.611057%);transform:translateX(var(--mdc-linear-progress-primary-full-neg, -200.611057%))}}@keyframes mdc-linear-progress-secondary-indeterminate-translate-reverse{0%{animation-timing-function:cubic-bezier(0.15, 0, 0.515058, 0.409685);transform:translateX(0)}25%{animation-timing-function:cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);transform:translateX(-37.651913%);transform:translateX(var(--mdc-linear-progress-secondary-quarter-neg, -37.651913%))}48.35%{animation-timing-function:cubic-bezier(0.4, 0.627035, 0.6, 0.902026);transform:translateX(-84.386165%);transform:translateX(var(--mdc-linear-progress-secondary-half-neg, -84.386165%))}100%{transform:translateX(-160.277782%);transform:translateX(var(--mdc-linear-progress-secondary-full-neg, -160.277782%))}}@keyframes mdc-linear-progress-buffering-reverse{from{transform:translateX(-10px)}}.mdc-linear-progress{position:relative;width:100%;height:4px;transform:translateZ(0);outline:1px solid transparent;overflow:hidden;transition:opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-linear-progress__bar{position:absolute;width:100%;height:100%;animation:none;transform-origin:top left;transition:transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-linear-progress__bar-inner{display:inline-block;position:absolute;width:100%;animation:none;border-top:4px solid}.mdc-linear-progress__buffer{display:flex;position:absolute;width:100%;height:100%}.mdc-linear-progress__buffer-dots{background-repeat:repeat-x;background-size:10px 4px;flex:auto;transform:rotate(180deg);animation:mdc-linear-progress-buffering 250ms infinite linear}.mdc-linear-progress__buffer-bar{flex:0 1 100%;transition:flex-basis 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-linear-progress__primary-bar{transform:scaleX(0)}.mdc-linear-progress__secondary-bar{display:none}.mdc-linear-progress--indeterminate .mdc-linear-progress__bar{transition:none}.mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar{left:-145.166611%}.mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar{left:-54.888891%;display:block}.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar{animation:mdc-linear-progress-primary-indeterminate-translate 2s infinite linear}.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar>.mdc-linear-progress__bar-inner{animation:mdc-linear-progress-primary-indeterminate-scale 2s infinite linear}.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar{animation:mdc-linear-progress-secondary-indeterminate-translate 2s infinite linear}.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar>.mdc-linear-progress__bar-inner{animation:mdc-linear-progress-secondary-indeterminate-scale 2s infinite linear}[dir=rtl] .mdc-linear-progress:not([dir=ltr]) .mdc-linear-progress__bar,.mdc-linear-progress[dir=rtl]:not([dir=ltr]) .mdc-linear-progress__bar{right:0;-webkit-transform-origin:center right;transform-origin:center right}[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar,.mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar{animation-name:mdc-linear-progress-primary-indeterminate-translate-reverse}[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar,.mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar{animation-name:mdc-linear-progress-secondary-indeterminate-translate-reverse}[dir=rtl] .mdc-linear-progress:not([dir=ltr]) .mdc-linear-progress__buffer-dots,.mdc-linear-progress[dir=rtl]:not([dir=ltr]) .mdc-linear-progress__buffer-dots{animation:mdc-linear-progress-buffering-reverse 250ms infinite linear;transform:rotate(0)}[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar,.mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar{right:-145.166611%;left:auto}[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar,.mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar{right:-54.888891%;left:auto}.mdc-linear-progress--closed{opacity:0}.mdc-linear-progress--closed-animation-off .mdc-linear-progress__buffer-dots{animation:none}.mdc-linear-progress--closed-animation-off.mdc-linear-progress--indeterminate .mdc-linear-progress__bar,.mdc-linear-progress--closed-animation-off.mdc-linear-progress--indeterminate .mdc-linear-progress__bar .mdc-linear-progress__bar-inner{animation:none}.mdc-linear-progress__bar-inner{border-color:#6200ee;border-color:var(--mdc-theme-primary, #6200ee)}.mdc-linear-progress__buffer-dots{background-image:url(\"data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\")}.mdc-linear-progress__buffer-bar{background-color:#e6e6e6}:host{display:block}.mdc-linear-progress__buffer-bar{background-color:#e6e6e6;background-color:var(--mdc-linear-progress-buffer-color, #e6e6e6)}.mdc-linear-progress__buffer-dots{background-image:url(\"data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\");background-image:var(--mdc-linear-progress-buffering-dots-image, url(\"data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\"))}"],b||(b=f.slice(0)),a=Object.freeze(Object.defineProperties(f,{raw:{value:Object.freeze(b)}})))),y=class extends g{};
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */y.styles=[u],y=Object(i.c)([Object(s.c)("mwc-linear-progress")],y);n(955);var v,h,_,O=n(284),w=n(77),j=n(35),x=n(944);function z(r,e,n,t,a,i,s){try{var o=r[i](s),c=o.value}catch(r){return void n(r)}o.done?e(c):Promise.resolve(c).then(t,a)}function k(r){return function(){var e=this,n=arguments;return new Promise((function(t,a){var i=r.apply(e,n);function s(r){z(i,t,a,s,o,"next",r)}function o(r){z(i,t,a,s,o,"throw",r)}s(void 0)}))}}function X(r,e){return e||(e=r.slice(0)),Object.freeze(Object.defineProperties(r,{raw:{value:Object.freeze(e)}}))}class S extends(Object(w.a)(j.store)(j.PageView)){static get styles(){return[x.a,Object(s.b)(v||(v=X(["\n        section {\n          padding: 100px;\n        }\n      "])))]}static get properties(){return{progress:Object}}get context(){var r;return{title:"Pending Job Progress",actions:[{title:null!==(r=this.oopsProgress)&&void 0!==r&&r.subscription?"Stop":"Start",action:()=>{console.log("action",arguments),this.oopsProgress&&this.oopsProgress.subscription?this.stop():this.start()}}]}}render(){var{progress:r=-1,message:e=""}=this.progress||{};return Object(s.e)(h||(h=X(["\n      <p>\n        오래걸리는 서버작업을 수행할 때는 진행과정을 표현해주는 것이 사용자 경험에 도움을 준다. 이를 위해 Things Factory\n        프레임워크에서는 oops-progress<help-icon topic=\"components/oops-progress\"></help-icon> 라는 컴포넌트를 제공한다.\n      </p>\n      <p>\n        아래 'Start' 버튼을 클릭하면, 서버에 작업을 요청하고 그 진행율이 화면에 표현된다. 진행중에는 버튼은 'Stop'\n        버튼으로 변경되면, 진행중에 버튼을 누르면 진행율 표현이 멈추게 된다. 진행이 완료되면, 'Start' 버튼으로 변경된다.\n        주의할 점은, 'Stop' 버튼으로 서버의 작업을 변경하는 것은 아니고, 진행율 구독만을 정지한다는 것이다. 서버\n        작업까지 정지하고자하면, 별도의 mutation을 구현해서 Stop시에 호출해주어야 한다.\n      </p>\n\n      <section>\n        <oops-progress\n          @progress=","\n          @finish=","\n          ?hidden=","\n        >\n          <div>\n            <mwc-linear-progress .progress=","></mwc-linear-progress>\n            <span>Progress : "," % (",')</span>\n          </div>\n        </oops-progress>\n        <div id="result"></div>\n      </section>\n    '])),r=>{this.progress=r.detail},()=>{this.updateContext()},r<0||r>=100,r/100,r,e)}get oopsProgress(){return this.shadowRoot.querySelector("oops-progress")}updated(r){r.has("itemId")||r.has("params")}stateChanged(r){}pageUpdated(r,e,n){this.active}stop(){var r=this;return k((function*(){var e;yield null===(e=r.oopsProgress)||void 0===e?void 0:e.stopSubscribe(),r.updateContext()}))()}start(){var r=this;return k((function*(){var e,n="progress-pending-job-"+Date.now();r.oopsProgress.tag=n,yield null===(e=r.oopsProgress)||void 0===e?void 0:e.startSubscribe(),r.updateContext(),setTimeout(k((function*(){var e=yield j.client.mutate({mutation:Object(O.b)(_||(_=X(['\n          mutation {\n            referencePendingJob(tag: "','")\n          }\n        '])),n)}),t=r.shadowRoot.querySelector("#result");e.errors?t.textContent="error":t.textContent=e.data.referencePendingJob})))}))()}}customElements.define("pending-job-page",S)},944:function(r,e,n){"use strict";n.d(e,"a",(function(){return o}));var t,a=n(0);var i,s,o=Object(a.b)(t||(i=["\n  :host {\n    display: block;\n    background-color: var(--main-section-background-color);\n    padding: var(--padding-wide);\n    overflow: auto;\n  }\n  p {\n    color: var(--secondary-color);\n    font-size: 1em;\n  }\n  h2,\n  h3 {\n    margin-bottom: var(--margin-narrow);\n    color: var(--secondary-text-color);\n  }\n  fieldset {\n    background-color: var(--theme-white-color);\n    margin-top: var(--margin-wide);\n    border: var(--border-dark-color);\n  }\n  fieldset > * {\n    min-width: 10%;\n  }\n"],s||(s=i.slice(0)),t=Object.freeze(Object.defineProperties(i,{raw:{value:Object.freeze(s)}}))))}}]);

package/dist-client/31.js

@@ -1 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[31],{1404:function(e,t,n){"use strict";n.r(t);var r,o,i,a=n(0),c=n(284),l=n(77),s=n(35),u=n(45),d=(n(956),n(944));function p(e,t,n,r,o,i,a){try{var c=e[i](a),l=c.value}catch(e){return void n(e)}c.done?t(l):Promise.resolve(l).then(r,o)}function b(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function f(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?b(Object(n),!0).forEach((function(t){v(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function v(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}class h extends(Object(l.a)(s.store)(s.PageView)){static get styles(){return[d.a,Object(a.b)(r||(r=m(["\n        section {\n          display: inline-block;\n          padding: 10px;\n          margin: 10px;\n          min-width: 240px;\n        }\n      "])))]}static get properties(){return{}}get context(){return{title:"Upload Files..",actions:[f({title:"Submit",action:this.upload.bind(this)},u.a.submit)]}}render(){return Object(a.e)(o||(o=m(['\n      <section>\n        <div attachment-wrap>\n          <label>Upload documents</label>\n          <file-uploader\n            name="attachments"\n            id="uploadDocument"\n            label="Select Files"\n            accept="*"\n            multiple="true"\n            ?hidden=','\n            custom-input\n          ></file-uploader>\n        </div>\n        <div id="result"></div>\n      </section>\n    '])),!1)}pageUpdated(e,t,n){if(this.active){var r=this.shadowRoot.querySelector("#uploadDocument"),o=this.shadowRoot.querySelector("#result");r.reset(),o.textContent=""}}upload(){var e,t=this;return(e=function*(){var e=t.shadowRoot.querySelector("#uploadDocument"),n=t.shadowRoot.querySelector("#result"),r=yield s.client.mutate({mutation:Object(c.b)(i||(i=m(["\n        mutation referenceUpload($files: [Upload!]!) {\n          referenceUpload(files: $files)\n        }\n      "]))),variables:{files:null==e?void 0:e.files},context:{hasUpload:!0}});r.errors?n.textContent="error":n.textContent=r.data.referenceUpload},function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){p(i,r,o,a,c,"next",e)}function c(e){p(i,r,o,a,c,"throw",e)}a(void 0)}))})()}}customElements.define("upload-page",h)},944:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var r,o=n(0);var i,a,c=Object(o.b)(r||(i=["\n  :host {\n    display: block;\n    background-color: var(--main-section-background-color);\n    padding: var(--padding-wide);\n    overflow: auto;\n  }\n  p {\n    color: var(--secondary-color);\n    font-size: 1em;\n  }\n  h2,\n  h3 {\n    margin-bottom: var(--margin-narrow);\n    color: var(--secondary-text-color);\n  }\n  fieldset {\n    background-color: var(--theme-white-color);\n    margin-top: var(--margin-wide);\n    border: var(--border-dark-color);\n  }\n  fieldset > * {\n    min-width: 10%;\n  }\n"],a||(a=i.slice(0)),r=Object.freeze(Object.defineProperties(i,{raw:{value:Object.freeze(a)}}))))}}]);