@things-factory/reference-app 6.0.25 → 6.0.28

package/dist-client/574.js

@@ -0,0 +1,2 @@
+/*! For license information please see 574.js.LICENSE.txt */
+"use strict";(self.webpackChunk_things_factory_reference_app=self.webpackChunk_things_factory_reference_app||[]).push([[574],{30574:(n,e,t)=>{t.r(e),t.d(e,{IntegrationMonitor:()=>Rn}),t(68784);var i,r,o=t(94430),a=t(53421),s=t(15633);function c(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}class d extends((0,a.NC)(a.z2)(o.oi)){static get properties(){return{pendings:Array,scenarios:Array,connections:Array}}static get styles(){return[s.Ix,(0,o.iv)(i||(i=c(["\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((n=>{var{title:e,icon:t,value:i}=n;return this.renderCard(e,t,i)}))}renderCard(n,e,t){return(0,o.dy)(r||(r=c(["\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",d);var l,u,p,v,f,h,m,g=t(16156),b=t(32010),y=t(36179);function w(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function x(n){var e,t;function i(e,t){try{var o=n[e](t),a=o.value,s=a instanceof S;Promise.resolve(s?a.v:a).then((function(t){if(s){var c="return"===e?"return":"next";if(!a.k||t.done)return i(c,t);t=n[c](t).value}r(o.done?"return":"normal",t)}),(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(o,a){var s={key:n,arg:r,resolve:o,reject:a,next:null};t?t=t.next=s:(e=t=s,i(n,r))}))},"function"!=typeof n.return&&(this.return=void 0)}function S(n,e){this.v=n,this.k=e}x.prototype["function"==typeof Symbol&&Symbol.asyncIterator||"@@asyncIterator"]=function(){return this},x.prototype.next=function(n){return this._invoke("next",n)},x.prototype.throw=function(n){return this._invoke("throw",n)},x.prototype.return=function(n){return this._invoke("return",n)};class N extends o.oi{static get styles(){return[s.Ix,(0,o.iv)(l||(l=w(["\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(0,o.dy)(u||(u=w(["\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=>(0,o.dy)(p||(p=w(["<option value=",">","</option>"])),n,n))),(0,b.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            ")),(0,g.E)(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=>(0,o.dy)(v||(v=w(["\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(0,o.dy)(f||(f=w(['\n                <div pending .style="top:',"px;background-color:",';">\n                  ',"\n                </div>\n              "])),a,e.colorIndex[t.stuff.scenario],0==i?(0,o.dy)(h||(h=w([" <div>","</div> "])),e.countdown(t.due,n)):(0,o.dy)(m||(m=w([""]))))}))))),yield(i=(0,y._v)(1e3),new S(i,0))}var i},function(){return new x(n.apply(this,arguments))})()}countdown(n,e){var t=(Number(n)-e)/1e3,i=Math.floor(Math.abs(t)),r=Math.floor(i/60),o=i-60*r;return"".concat(t>0?"":"-").concat(r?r+"m ":"").concat(o,"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",N),t(89053),t(77198);var k,O,z,P,_,$,j,C,A,I,E,D,q,L=t(16682),Z=t(28120),M=t(27805),T=t(77675);function U(n,e,t,i,r,o,a){try{var s=n[o](a),c=s.value}catch(n){return void t(n)}s.done?e(c):Promise.resolve(c).then(i,r)}function H(n){return function(){var e=this,t=arguments;return new Promise((function(i,r){var o=n.apply(e,t);function a(n){U(o,i,r,a,s,"next",n)}function s(n){U(o,i,r,a,s,"throw",n)}a(void 0)}))}}function V(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}class J extends((0,Z.$)(T.h)(o.oi)){static get styles(){return[s.Ix,(0,o.iv)(k||(k=V(["\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(0,o.dy)(O||(O=V(["\n      <div options></div>\n      <div content>\n        ","\n      </div>\n    "])),n.map((n=>{var{timestamp:e,message:t,level:i}=n;return(0,o.dy)(z||(z=V([" <div><span>","</span> <strong>","</strong> ","</div> "])),new Date(e).toLocaleString(),i,t)})))}startSubscribe(){var n=this;return H((function*(){var e;n.subscription=yield(0,M.Ld)({query:(0,L.ZP)(P||(P=V(["\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=H((function*(e){var{data:t}=e,i=n.scrollHeight-n.scrollTop===n.clientHeight;n.logs.push(t.log),n.logs.length>100&&n.logs.shift(),n.requestUpdate(),i&&(yield n.updateComplete,n.scrollTop=n.scrollHeight-n.clientHeight)})),function(n){return e.apply(this,arguments)})})}))()}stopSubscribe(){var n=this;return H((function*(){var e;yield null===(e=n.subscription)||void 0===e?void 0:e.unsubscribe(),delete n.subscription}))()}}function Q(n,e,t,i,r,o,a){try{var s=n[o](a),c=s.value}catch(n){return void t(n)}s.done?e(c):Promise.resolve(c).then(i,r)}function X(n){return function(){var e=this,t=arguments;return new Promise((function(i,r){var o=n.apply(e,t);function a(n){Q(o,i,r,a,s,"next",n)}function s(n){Q(o,i,r,a,s,"throw",n)}a(void 0)}))}}function B(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}customElements.define("scenario-instance-log-view",J);class Y extends((0,Z.$)(T.h)(o.oi)){static get styles(){return[s.Ix,(0,o.iv)(_||(_=B(["\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:s,data:c,message:d}=this.instance||{},{rate:l=0,steps:u=0,step:p=0,rounds:v=0}=a||{},f="".concat(this.contextPath||"","/scenario-view/").concat(this.scenarioName);return(0,o.dy)($||($=B(["\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,d,f,"variables"==n,this.renderVariableObject(s),"data"==n,this.renderDataObject(c),"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(0,o.dy)(j||(j=B(["<pre>no data</pre>"])));var t=this.step||e[0];return(0,o.dy)(C||(C=B(["\n      <ul keys>\n        ","\n      </ul>\n      <div value>\n        <pre>","</pre>\n      </div>\n    "])),e.map((n=>(0,o.dy)(A||(A=B(["<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(0,o.dy)(I||(I=B(["<pre>no data</pre>"])));var t=this.key||e[0];return(0,o.dy)(E||(E=B(["\n      <ul keys>\n        ","\n      </ul>\n      <div value>\n        <pre>","</pre>\n      </div>\n    "])),e.map((n=>(0,o.dy)(D||(D=B(["<li @click="," ?active=",">","</li>"])),(e=>this.key=n),t==n,n))),n[t]?JSON.stringify(n[t],null,2):"")}startSubscribe(){var n=this;return X((function*(){var e;n.subscription=yield(0,M.Ld)({query:(0,L.ZP)(q||(q=B(["\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=X((function*(e){var{data:t}=e;t&&(n.instance=t.scenarioInstanceState)})),function(n){return e.apply(this,arguments)})})}))()}stopSubscribe(){var n=this;return X((function*(){var e;yield null===(e=n.subscription)||void 0===e?void 0:e.unsubscribe(),delete n.subscription}))()}}customElements.define("scenario-instance-view",Y);var K,F,R,G,W,nn,en,tn,rn,on,an,sn,cn,dn,ln,un,pn,vn,fn,hn,mn,gn,bn,yn,wn=t(37077);function xn(n,e,t,i,r,o,a){try{var s=n[o](a),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 o=n.apply(e,t);function a(n){xn(o,i,r,a,s,"next",n)}function s(n){xn(o,i,r,a,s,"throw",n)}a(void 0)}))}}function Nn(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function kn(n){return n&&"UNLOADED"!==n}class On extends((0,a.NC)(a.z2)(o.oi)){static get properties(){return{instance:Object,color:String}}static get styles(){return[s.Ix,(0,o.iv)(K||(K=Nn(["\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:s=0,step:c=0,rounds:d=0}=t||{},l=kn(r);return(0,o.dy)(F||(F=Nn(["\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,c,s,d,(n=>this.showInstanceDetail()),(e=>l?this.stopScenario(n):this.startScenario(n)),l?"pause":"play_arrow")}startScenario(n){return Sn((function*(){var e=yield M.Lp.mutate({mutation:(0,L.ZP)(R||(R=Nn(["\n        mutation ($scenarioName: String!, $instanceName: String) {\n          startScenario(scenarioName: $scenarioName, instanceName: $instanceName) {\n            state\n          }\n        }\n      "]))),variables:{scenarioName:n.scenarioName,instanceName:n.instanceName}});(0,wn.h4)({level:"info",message:"".concat(kn(e.data.startScenario.state)?"success":"fail"," to start scenario : ").concat(n.scenarioName)})}))()}stopScenario(n){return Sn((function*(){var e=yield M.Lp.mutate({mutation:(0,L.ZP)(G||(G=Nn(["\n        mutation ($instanceName: String!) {\n          stopScenario(instanceName: $instanceName) {\n            state\n          }\n        }\n      "]))),variables:{instanceName:n.instanceName}});(0,wn.h4)({level:"info",message:"".concat(kn(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;(0,wn.Mw)((0,o.dy)(W||(W=Nn(["\n        <scenario-instance-view .instanceName="," .scenarioName=","></scenario-instance-view>\n      "])),e,t),{size:"large",title:"".concat(a.z2.t("title.scenario-instance"))})}))()}}function zn(n,e,t,i,r,o,a){try{var s=n[o](a),c=s.value}catch(n){return void t(n)}s.done?e(c):Promise.resolve(c).then(i,r)}function Pn(n){return function(){var e=this,t=arguments;return new Promise((function(i,r){var o=n.apply(e,t);function a(n){zn(o,i,r,a,s,"next",n)}function s(n){zn(o,i,r,a,s,"throw",n)}a(void 0)}))}}function _n(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function $n(n){return n&&"UNLOADED"!==n}window.customElements.define("scenario-instance-monitor",On);class jn extends((0,a.NC)(a.z2)(o.oi)){static get properties(){return{scenario:Object,mode:String}}static get styles(){return[s.Ix,(0,o.iv)(nn||(nn=_n(["\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:s}=n,c=n.instances||[];return(0,o.dy)(en||(en=_n(["\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,c.length,s,a,this.renderButtons(n),"detail"===e?(0,o.dy)(tn||(tn=_n(["\n            <ul>\n              ","\n            </ul>\n            ","\n          "])),c.map((n=>(0,o.dy)(rn||(rn=_n(['\n                  <li .style="border-color:',";background-color:",'">\n                    <span></span>\n                    <scenario-instance-monitor .instance='," .color=","></scenario-instance-monitor>\n                  </li>\n                "])),s,s,n,s))),this.renderButtons(n)):(0,o.dy)(on||(on=_n([""]))))}renderButtons(n){var e=(n.instances||[]).find((e=>e.instanceName==n.name));return(0,o.dy)(an||(an=_n(["\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?(0,o.dy)(cn||(cn=_n(['\n              <mwc-icon-button\n                icon="pause_circle_outline"\n                @click=',"\n                stop\n              ></mwc-icon-button>\n            "])),(e=>this.stopScenario(n))):(0,o.dy)(sn||(sn=_n([' <mwc-icon-button\n              icon="play_circle_outline"\n              @click=',"\n            ></mwc-icon-button>"])),(e=>this.startScenario(n))))}popupLogView(n){return Pn((function*(){(0,wn.Mw)((0,o.dy)(dn||(dn=_n([" <scenario-instance-log-view .scenarioName=","></scenario-instance-log-view> "])),n.name),{size:"large",title:"".concat(a.z2.t("title.scenario-log")," (").concat(n.name,")")})}))()}startScenario(n){return Pn((function*(){var e=yield M.Lp.mutate({mutation:(0,L.ZP)(ln||(ln=_n(["\n        mutation ($scenarioName: String!) {\n          startScenario(scenarioName: $scenarioName) {\n            state\n          }\n        }\n      "]))),variables:{scenarioName:n.name}});(0,wn.h4)({level:"info",message:"".concat($n(e.data.startScenario.state)?"success":"fail"," to start instance : ").concat(n.name)})}))()}stopScenario(n){return Pn((function*(){var e=yield M.Lp.mutate({mutation:(0,L.ZP)(un||(un=_n(["\n        mutation ($instanceName: String!) {\n          stopScenario(instanceName: $instanceName) {\n            state\n          }\n        }\n      "]))),variables:{instanceName:n.name}});(0,wn.h4)({level:"info",message:"".concat($n(e.data.stopScenario.state)?"fail":"success"," to stop instance : ").concat(n.name)})}))()}}function Cn(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}window.customElements.define("scenario-monitor",jn);class An extends((0,a.NC)(a.z2)(o.oi)){static get properties(){return{scenarios:Array,mode:String,filter:String,pendings:Array,colorIndex:Object,running:Boolean}}static get styles(){return[s.Ix,(0,o.iv)(pn||(pn=Cn(["\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(0,o.dy)(vn||(vn=Cn(["\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=>(0,o.dy)(fn||(fn=Cn(["<scenario-monitor .scenario="," mode=","></scenario-monitor>"])),n,e))))}}function In(n,e,t,i,r,o,a){try{var s=n[o](a),c=s.value}catch(n){return void t(n)}s.done?e(c):Promise.resolve(c).then(i,r)}function En(n){return function(){var e=this,t=arguments;return new Promise((function(i,r){var o=n.apply(e,t);function a(n){In(o,i,r,a,s,"next",n)}function s(n){In(o,i,r,a,s,"throw",n)}a(void 0)}))}}function Dn(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}window.customElements.define("scenarios-monitor",An);class qn extends o.oi{static get styles(){return[s.Ix,(0,o.iv)(hn||(hn=Dn(["\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, 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), 0.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(0,o.dy)(mn||(mn=Dn(["\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,s="CONNECTED"==a;return(0,o.dy)(gn||(gn=Dn(["\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    "])),s,t,i,r,(e=>s?this.disconnect(n):this.connect(n)),s?"link_off":"link",s?"disconnect":"connect")}connect(n){var e=this;return En((function*(){var t=yield M.Lp.mutate({mutation:(0,L.ZP)(bn||(bn=Dn(["\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 En((function*(){var t=yield M.Lp.mutate({mutation:(0,L.ZP)(yn||(yn=Dn(["\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)}}))}))()}}customElements.define("connections-monitor",qn);var Ln,Zn,Mn,Tn,Un,Hn,Vn=t(51266);function Jn(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 Qn(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?Jn(Object(t),!0).forEach((function(e){Xn(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):Jn(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}function Xn(n,e,t){return(e=function(n){var e=function(n,e){if("object"!=typeof n||null===n)return n;var t=n[Symbol.toPrimitive];if(void 0!==t){var i=t.call(n,"string");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"==typeof e?e:String(e)}(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}function Bn(n,e,t,i,r,o,a){try{var s=n[o](a),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 o=n.apply(e,t);function a(n){Bn(o,i,r,a,s,"next",n)}function s(n){Bn(o,i,r,a,s,"throw",n)}a(void 0)}))}}function Kn(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function Fn(n){return n&&"UNLOADED"!==n}class Rn extends((0,a.NC)(a.z2)(T.B4)){static get properties(){return{scenarios:Array,pendings:Array,connections:Array,colorIndex:Object}}static get styles(){return[s.Ix,(0,o.iv)(Ln||(Ln=Kn(["\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.z2.t("text.integration monitor"),help:"integration/ui/integration-monitor"}}render(){return(0,o.dy)(Zn||(Zn=Kn(["\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 Yn((function*(){"active"in n&&(e.active?(yield e.fetchScenarios(),yield e.startSubscribe()):yield e.stopSubscribe())}))()}fetchScenarios(){var n=this;return Yn((function*(){var e=yield M.Lp.query({query:(0,L.ZP)(Mn||(Mn=Kn(["\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,Qn(Qn({},n),{},{color:e})})),n.colorIndex=t}))()}startSubscribe(){var n=this;return Yn((function*(){var e,t;n.scenarioInstanceStateSubscription||(n.scenarioInstanceStateSubscription=yield(0,M.Ld)({query:(0,L.ZP)(Tn||(Tn=Kn(["\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=Yn((function*(e){var{data:t}=e;if(t){var{scenarioName:i,instanceName:r,state:o}=t.scenarioInstanceState;n.scenarios=n.scenarios||[];var a=n.scenarios.find((n=>n.name===i));if(!a)return n.scenarios=[],yield n.stopSubscribe(),yield n.fetchScenarios(),void(yield n.startSubscribe());var s=a.instances.findIndex((n=>n.instanceName===r));-1==s?Fn(o)&&a.instances.push(t.scenarioInstanceState):Fn(o)?a.instances.splice(s,1,t.scenarioInstanceState):a.instances.splice(s,1),n.scenarios.splice(n.scenarios.indexOf(a),1,Qn({},a)),n.scenarios=[...n.scenarios]}})),function(n){return e.apply(this,arguments)}),start:n=>{Vn.log(n)},error:n=>{Vn.log(n)},complete:()=>{Vn.log("complete")}}),n.scenarioQueueStateSubscription=yield(0,M.Ld)({query:(0,L.ZP)(Un||(Un=Kn(["\n          subscription {\n            scenarioQueueState {\n              queue {\n                stuff\n                due\n                priority\n                tag\n              }\n            }\n          }\n        "])))},{next:e=>{var{data:t}=e;t&&(n.pendings=t.scenarioQueueState.queue)}}),n.connectionStateSubscription=yield(0,M.Ld)({query:(0,L.ZP)(Hn||(Hn=Kn(["\n          subscription {\n            connectionState {\n              id\n              name\n              description\n              type\n              state\n            }\n          }\n        "])))},{next:(t=Yn((function*(e){var{data:t}=e;if(t){var i=t.connectionState;n.connections=n.connections||[];var r=n.connections.findIndex((n=>n.id===i.id));-1!==r?(n.connections[r]=t.connectionState,n.connections=[...n.connections]):n.connections=[...n.connections,t.connectionState]}})),function(n){return t.apply(this,arguments)})}))}))()}stopSubscribe(){var n=this;return Yn((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}))()}}Rn.ScenarioInstanceStatus=["READY","STARTED","STOPPED","HALTED"],window.customElements.define("integration-monitor",Rn)},16156:(n,e,t)=>{t.d(e,{E:()=>y});var i=t(28773),r=t(7867),o=t(62987),a=(n,e)=>{var t,i,r=n._$AN;if(void 0===r)return!1;for(var o of r)null===(i=(t=o)._$AO)||void 0===i||i.call(t,e,!1),a(o,e);return!0},s=n=>{var e,t;do{if(void 0===(e=n._$AM))break;(t=e._$AN).delete(n),n=e}while(0===(null==t?void 0:t.size))},c=n=>{for(var e;e=n._$AM;n=e){var t=e._$AN;if(void 0===t)e._$AN=t=new Set;else if(t.has(n))break;t.add(n),u(e)}};function d(n){void 0!==this._$AN?(s(this),this._$AM=n,c(this)):this._$AM=n}function l(n){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,i=this._$AH,r=this._$AN;if(void 0!==r&&0!==r.size)if(e)if(Array.isArray(i))for(var o=t;o<i.length;o++)a(i[o],!1),s(i[o]);else null!=i&&(a(i,!1),s(i));else a(this,n)}var u=n=>{var e,t,i,r;n.type==o.pX.CHILD&&(null!==(e=(i=n)._$AP)&&void 0!==e||(i._$AP=l),null!==(t=(r=n)._$AQ)&&void 0!==t||(r._$AQ=d))};class p extends o.Xe{constructor(){super(...arguments),this._$AN=void 0}_$AT(n,e,t){super._$AT(n,e,t),c(this),this.isConnected=n._$AU}_$AO(n){var e,t,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];n!==this.isConnected&&(this.isConnected=n,n?null===(e=this.reconnected)||void 0===e||e.call(this):null===(t=this.disconnected)||void 0===t||t.call(this)),i&&(a(this,n),s(this))}setValue(n){if((0,r.OR)(this._$Ct))this._$Ct._$AI(n,this);else{var e=[...this._$Ct._$AH];e[this._$Ci]=n,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}}function v(n,e,t,i,r,o,a){try{var s=n[o](a),c=s.value}catch(n){return void t(n)}s.done?e(c):Promise.resolve(c).then(i,r)}function f(n){function e(n){if(Object(n)!==n)return Promise.reject(new TypeError(n+" is not an object."));var e=n.done;return Promise.resolve(n.value).then((function(n){return{value:n,done:e}}))}return f=function(n){this.s=n,this.n=n.next},f.prototype={s:null,n:null,next:function(){return e(this.n.apply(this.s,arguments))},return:function(n){var t=this.s.return;return void 0===t?Promise.resolve({value:n,done:!0}):e(t.apply(this.s,arguments))},throw:function(n){var t=this.s.return;return void 0===t?Promise.reject(n):e(t.apply(this.s,arguments))}},new f(n)}var h=function(){var n,e=(n=function*(n,e){var t,i=!1,r=!1;try{for(var o,a=function(n){var e,t,i,r=2;for("undefined"!=typeof Symbol&&(t=Symbol.asyncIterator,i=Symbol.iterator);r--;){if(t&&null!=(e=n[t]))return e.call(n);if(i&&null!=(e=n[i]))return new f(e.call(n));t="@@asyncIterator",i="@@iterator"}throw new TypeError("Object is not async iterable")}(n);i=!(o=yield a.next()).done;i=!1){var s=o.value;if(!1===(yield e(s)))return}}catch(n){r=!0,t=n}finally{try{i&&null!=a.return&&(yield a.return())}finally{if(r)throw t}}},function(){var e=this,t=arguments;return new Promise((function(i,r){var o=n.apply(e,t);function a(n){v(o,i,r,a,s,"next",n)}function s(n){v(o,i,r,a,s,"throw",n)}a(void 0)}))});return function(n,t){return e.apply(this,arguments)}}();class m{constructor(n){this.Y=n}disconnect(){this.Y=void 0}reconnect(n){this.Y=n}deref(){return this.Y}}class g{constructor(){this.Z=void 0,this.q=void 0}get(){return this.Z}pause(){var n;null!==(n=this.Z)&&void 0!==n||(this.Z=new Promise((n=>this.q=n)))}resume(){var n;null===(n=this.q)||void 0===n||n.call(this),this.Z=this.q=void 0}}function b(n,e,t,i,r,o,a){try{var s=n[o](a),c=s.value}catch(n){return void t(n)}s.done?e(c):Promise.resolve(c).then(i,r)}var y=(0,o.XM)(class extends p{constructor(){super(...arguments),this._$CK=new m(this),this._$CX=new g}render(n,e){return i.Jb}update(n,e){var[t,r]=e;if(this.isConnected||this.disconnected(),t!==this._$CJ){this._$CJ=t;var o=0,{_$CK:a,_$CX:s}=this;return h(t,function(){var n,e=(n=function*(n){for(;s.get();)yield s.get();var e=a.deref();if(void 0!==e){if(e._$CJ!==t)return!1;void 0!==r&&(n=r(n,o)),e.commitValue(n,o),o++}return!0},function(){var e=this,t=arguments;return new Promise((function(i,r){var o=n.apply(e,t);function a(n){b(o,i,r,a,s,"next",n)}function s(n){b(o,i,r,a,s,"throw",n)}a(void 0)}))});return function(n){return e.apply(this,arguments)}}()),i.Jb}}commitValue(n,e){this.setValue(n)}disconnected(){this._$CK.disconnect(),this._$CX.pause()}reconnected(){this._$CK.reconnect(this),this._$CX.resume()}})}}]);

package/dist-client/574.js.LICENSE.txt

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */

package/dist-client/5761.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_things_factory_reference_app=self.webpackChunk_things_factory_reference_app||[]).push([[5761],{5761:(e,t,a)=>{a.r(t),a.d(t,{DataReportSamplesPage:()=>g}),a(68784);var r,n,i,s=a(16682),d=a(94430),o=a(28120),l=a(27805),p=a(53421),c=a(77675),y=a(15633),f=a(33586),u=a(51266);function m(e,t,a,r,n,i,s){try{var d=e[i](s),o=d.value}catch(e){return void a(e)}d.done?t(o):Promise.resolve(o).then(r,n)}function h(e){return function(){var t=this,a=arguments;return new Promise((function(r,n){var i=e.apply(t,a);function s(e){m(i,r,n,s,d,"next",e)}function d(e){m(i,r,n,s,d,"throw",e)}s(void 0)}))}}function v(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}class g extends((0,o.$)(c.h)((0,p.NC)(p.z2)(c.B4))){static get properties(){return{dataKeySetId:String,dataKeySet:Object,active:String}}static get styles(){return[y.Ix,(0,d.iv)(r||(r=v(["\n        :host {\n          display: flex;\n          flex-direction: column;\n          padding: 0;\n        }\n\n        #container {\n          flex: 1;\n          padding: 0;\n          margin: 0;\n          border: 0;\n        }\n      "])))]}get context(){var e=(new Date).toISOString().split("T")[0],t=[{name:"workDateRange",type:"date",label:p.z2.t("field.work-date"),operator:"between",value:[e,e]},...this.getDataKeyFilters()];return{title:p.z2.t("title.data-report samples"),help:"dataset/data-report-samples",filters:t}}getDataKeyFilters(){var e;return(null===(e=this.dataKeySet)||void 0===e?void 0:e.dataKeyItems.map(((e,t)=>({type:"string",name:"key_0".concat(t+1),label:p.z2.t(e.tKey),operator:"i_like",width:120}))))||[]}render(){var e=this.shadowRoot.querySelector("#container");return e&&(e.src=""),(0,d.dy)(n||(n=v(["\n      <ox-filters-form-base\n        .filters=","\n        @filters-change=","\n        ?url-params-sensitive=",'\n      ></ox-filters-form-base>\n      <iframe id="container"></iframe>\n    '])),this.context.filters,(e=>{u.log("filters changed",e.detail),this.renderTemplate(e.detail.filters)}),this.active)}renderTemplate(e){var t,a=e.reduce(((e,t)=>(e[t.name]=t.value,e)),{});Object.assign(a,this.lifecycle.params);var r=this.getDataKeyFilters().map((e=>e.name)),n=e.filter((e=>r.includes(e.name))),{workDateRange:i}=a;if(i[0]&&i[1]&&!(i[0]>i[1])){var s={reportType:a.reportType,reportView:a.reportView,reportTemplate:a.reportTemplate,table:"samples",datasetId:a.datasetId,dataKeySetId:a.dataKeySetId,startDate:i[0],endDate:i[1],dataKeySetItems:JSON.stringify((null===(t=this.dataKeySet)||void 0===t?void 0:t.dataKeyItems)||[]),dataKeyFilters:JSON.stringify(n)},d=(0,f.jy)(s),o="/data-report/".concat(s.reportType,"/");this.shadowRoot.querySelector("#container").src="".concat(o,"?").concat(d)}}pageUpdated(e,t){if(this.active){var{dataKeySetId:a}=t.params;this.dataKeySetId=a}}fetchHandler(e){return h((function*(){var{page:t,limit:a,sortings:r=[],filters:n=[]}=e}))()}updated(e){var t=this;return h((function*(){if(e.has("dataKeySetId")){if(!t.dataKeySetId)return void(t.dataKeySet=null);var a=yield l.Lp.query({query:(0,s.ZP)(i||(i=v(["\n          query ($id: String!) {\n            dataKeySet(id: $id) {\n              id\n              name\n              description\n              reportType\n              reportView\n              dataKeyItems {\n                name\n                description\n                dataKey\n                tKey\n              }\n            }\n          }\n        "]))),variables:{id:t.dataKeySetId}});t.dataKeySet=a.data.dataKeySet}}))()}}window.customElements.define("data-report-samples-page",g)}}]);

package/dist-client/5824.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_things_factory_reference_app=self.webpackChunk_things_factory_reference_app||[]).push([[5824],{68741:(e,t,n)=>{var r,a,i,o,d,c,l=n(171),s=(n(14410),n(94430)),p=n(56765),m=n(53421),u=n(5267);function f(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var h=class extends s.oi{render(){var{useCase:e,data:t={},judgment:n,dataItems:d=[]}=this.dataSample||{},c=new Intl.DateTimeFormat(navigator.language,{dateStyle:"full",timeStyle:"short"}),l=(null==e?void 0:e.split(",").filter((e=>e.trim())))||[],{name:p,description:u,collectedAt:h,workDate:g,workShift:v}=this.dataSample||{};return d instanceof Array||(d=Object.keys(d).map((e=>{var t=d[e];return t.tag=e,t}))),(0,s.dy)(r||(r=f([" <h2>","</h2>\n      <p page-description>\n        <mwc-icon>info_outline</mwc-icon> ","<br />\n        <mwc-icon>alarm</mwc-icon> ",": "," "," |\n        <mwc-icon>pending_actions</mwc-icon> ",":\n        ","\n      </p>\n\n      <form @change=",">\n        <table>\n          <tr>\n            <th item>","</th>\n            <th>","</th>\n            <th>","</th>\n            <th value>","</th>\n            <th>","</th>\n            <th>","</th>\n            <th>","</th>\n          </tr>\n          ","\n        </table>\n      </form>"])),p,u,m.z2.t("field.work-date"),g,v,m.z2.t("field.collected-at"),c.format(new Date(h)),(e=>this.onChange(e)),m.z2.t("field.item"),m.z2.t("field.description"),m.z2.t("field.unit"),m.z2.t("field.value"),m.z2.t("field.spec"),m.z2.t("field.ooc"),m.z2.t("field.oos"),d.map((e=>{var{name:r="",tag:d="",description:c="",unit:p="",spec:m={}}=e,u=t[d],{ooc:h,oos:g}=(null==n?void 0:n[d])||{};return(0,s.dy)(a||(a=f(["\n              <tr ?ooc="," ?oos=",">\n                <td name>","</td>\n                <td>","</td>\n                <td>","</td>\n                <td>","</td>\n                <td><pre>","</pre></td>\n                <td>","</td>\n                <td>","</td>\n              </tr>\n            "])),h,g,r,c,p,this.buildValue(u),this.buildSpec(l,m),h?(0,s.dy)(i||(i=f(["<mwc-icon>done</mwc-icon>"]))):"",g?(0,s.dy)(o||(o=f(["<mwc-icon>done</mwc-icon>"]))):"")})))}onChange(e){}buildSpec(e,t){return u.l.elaborateDataItemSpec(e,t)}buildValue(e){if(void 0===e)return"";var t=e instanceof Array?e:[e],n=t.map(((e,t)=>"boolean"==typeof e?(0,s.dy)(d||(d=f([' <input type="checkbox" .checked='," disabled />"])),e):void 0===e?"":e));return"boolean"==typeof t[0]?n:n.join(", ")}};h.styles=(0,s.iv)(c||(c=f(["\n    :host {\n      display: flex;\n      flex-direction: column;\n    }\n\n    form {\n      flex: 1;\n\n      display: flex;\n      flex-direction: column;\n    }\n\n    h2 {\n      margin: var(--title-margin);\n      font: var(--title-font);\n      color: var(--title-text-color);\n      text-transform: capitalize;\n    }\n    [page-description] {\n      margin: var(--page-description-margin);\n      opacity: 0.7;\n      font: var(--page-description-font);\n      color: var(--secondary-color);\n      text-transform: capitalize;\n    }\n    [page-description] * {\n      vertical-align: middle;\n    }\n    [page-description] mwc-icon {\n      margin-top: -2px;\n      font-size: 0.9rem;\n      color: var(--page-description-color);\n    }\n\n    table {\n      border-collapse: collapse;\n      margin-bottom: var(--margin-default);\n    }\n    th {\n      padding: var(--th-padding);\n      border-top: var(--th-border-top);\n      border-bottom: var(--td-border-bottom);\n      text-transform: var(--th-text-transform);\n      font: var(--th-font);\n      color: var(--th-color);\n      text-align: left;\n    }\n    th[item] {\n      min-width: 100px;\n    }\n    th[value] {\n      min-width: 100px;\n    }\n    tr {\n      background-color: var(--tr-background-color);\n    }\n    tr:nth-child(odd) {\n      background-color: var(--tr-background-odd-color);\n    }\n    tr:hover {\n      background-color: var(--tr-background-hover-color);\n    }\n    tr[ooc],\n    tr[oos] {\n      background-color: #fefbdf;\n    }\n    td {\n      border-bottom: var(--td-border-bottom);\n      padding: var(--td-padding);\n      font: var(--td-font);\n      color: var(--td-color);\n    }\n    td[name] {\n      font-weight: bold;\n    }\n    td mwc-icon {\n      color: var(--status-danger-color);\n    }\n\n    pre {\n      tab-size: 2;\n    }\n  "]))),(0,l.gn)([(0,p.Cb)({type:Object})],h.prototype,"dataSample",void 0),h=(0,l.gn)([(0,p.Mo)("ox-data-sample-view")],h)},65824:(e,t,n)=>{n.r(t),n.d(t,{DataSampleSearchPage:()=>S}),n(68784),n(6484);var r,a,i,o,d,c=n(16682),l=n(94430),s=n(28120),p=n(27805),m=n(53421),u=n(37077),f=n(77675),h=n(15633),g=n(36179);function v(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 y(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(e,t,n,r,a,i,o){try{var d=e[i](o),c=d.value}catch(e){return void n(e)}d.done?t(c):Promise.resolve(c).then(r,a)}function w(e){return function(){var t=this,n=arguments;return new Promise((function(r,a){var i=e.apply(t,n);function o(e){b(i,r,a,o,d,"next",e)}function d(e){b(i,r,a,o,d,"throw",e)}o(void 0)}))}}function x(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}class S extends((0,s.$)(f.h)((0,m.NC)(m.z2)(f.B4))){static get properties(){return{dataKeySetId:String,dataKeySet:Object,active:String,gristConfig:Object,mode:String}}static get styles(){return[h.Ix,h.Pn,(0,l.iv)(r||(r=x(["\n        :host {\n          display: flex;\n          flex-direction: column;\n\n          overflow: hidden;\n        }\n\n        ox-grist {\n          overflow-y: auto;\n          flex: 1;\n        }\n      "])))]}get context(){return{title:m.z2.t("title.data-sample search"),help:"dataset/data-sample-search",actions:[],exportable:{name:m.z2.t("title.data-sample search"),data:this._exportableData.bind(this)}}}render(){var e=this.mode||((0,g.s2)()?"LIST":"GRID");return(0,l.dy)(a||(a=x(["\n      <ox-grist\n        .mode=","\n        .config=","\n        .fetchHandler=","\n        ?url-params-sensitive=",'\n      >\n        <div slot="headroom">\n          <div id="filters">\n            <ox-filters-form autofocus></ox-filters-form>\n          </div>\n\n          <div id="sorters">\n            Sort\n            <mwc-icon\n              @click=','\n              >expand_more</mwc-icon\n            >\n            <ox-popup id="sorter-control">\n              <ox-sorters-control> </ox-sorters-control>\n            </ox-popup>\n          </div>\n\n          <div id="modes">\n            <mwc-icon @click='," ?active=",">grid_on</mwc-icon>\n            <mwc-icon @click="," ?active=",">format_list_bulleted</mwc-icon>\n            <mwc-icon @click="," ?active=",">apps</mwc-icon>\n          </div>\n        </div>\n      </ox-grist>\n    "])),e,this.gristConfig,this.fetchHandler.bind(this),!1,(e=>{var t=e.currentTarget;this.renderRoot.querySelector("#sorter-control").open({right:0,top:t.offsetTop+t.offsetHeight})}),(()=>this.mode="GRID"),"GRID"==e,(()=>this.mode="LIST"),"LIST"==e,(()=>this.mode="CARD"),"CARD"==e)}get grist(){return this.renderRoot.querySelector("ox-grist")}pageUpdated(e,t){this.active&&(this.dataKeySetId=t.resourceId)}updated(e){var t=this;return w((function*(){if(e.has("dataKeySetId")){var n=yield p.Lp.query({query:(0,c.ZP)(i||(i=x(["\n          query ($id: String!) {\n            dataKeySet(id: $id) {\n              id\n              name\n              description\n              dataKeyItems {\n                name\n                description\n                dataKey\n                tKey\n              }\n            }\n          }\n        "]))),variables:{id:t.dataKeySetId}});t.dataKeySet=n.data.dataKeySet,t.refreshGristConfig(),t.grist.fetch()}}))()}getDataKeyColumns(){var e;return(null===(e=this.dataKeySet)||void 0===e?void 0:e.dataKeyItems.map(((e,t)=>({type:"string",name:"key0".concat(t+1),header:m.z2.t(e.tKey),record:{editable:!1},sortable:!0,filter:"i_like",width:120,imex:!0}))))||[]}refreshGristConfig(){var e=(new Date).toISOString().split("T")[0];this.gristConfig={list:{fields:["dataSet","data","updater","updatedAt"]},columns:[{type:"gutter",gutterName:"sequence"},{type:"gutter",gutterName:"row-selector",multiple:!0},{type:"gutter",gutterName:"button",icon:"assignment",handlers:{click:(e,t,n,r,a)=>{(0,u.Mw)((0,l.dy)(o||(o=x(["\n                  <data-sample-view data-sample-id=",' style="background-color: white;"></data-sample-view>\n                '])),r.id),{backdrop:!0,size:"large",title:m.z2.t("title.data-sample view")})}}},{type:"string",name:"name",label:!0,header:m.z2.t("field.name"),record:{editable:!1},filter:"search",sortable:!0,width:120,imex:!0},{type:"string",name:"description",label:!0,header:m.z2.t("field.description"),record:{editable:!1},filter:"search",width:150,imex:!0},...this.getDataKeyColumns(),{type:"checkbox",name:"ooc",header:m.z2.t("field.ooc"),record:{editable:!1},width:30},{type:"checkbox",name:"oos",header:m.z2.t("field.oos"),record:{editable:!1},width:30},{type:"json5",name:"data",header:m.z2.t("field.data"),record:{editable:!1},hidden:!0,imex:!0},{type:"string",name:"workDate",header:m.z2.t("field.work-date"),sortable:!0,filter:{type:"date",operator:"between",value:[e,e]},width:80,imex:!0},{type:"string",name:"workShift",header:m.z2.t("field.work-shift"),sortable:!0,width:40,imex:!0},{type:"datetime",name:"collectedAt",header:m.z2.t("field.collected-at"),sortable:!0,width:180,imex:!0},{type:"resource-object",name:"updater",header:m.z2.t("field.updater"),sortable:!0,width:120,imex:!0},{type:"datetime",name:"updatedAt",header:m.z2.t("field.updated_at"),sortable:!0,width:180,imex:!0}],rows:{appendable:!1,selectable:{multiple:!0},classifier:function(e,t){var n;return e.oos?n=["red"]:e.ooc&&(n="orange"),{emphasized:n}}},sorters:[{name:"collectedAt",desc:!0}]}}fetchHandler(e){var t=this;return w((function*(){var{page:n,limit:r,sortings:a=[],filters:i=[]}=e;if(!t.dataKeySetId)return{records:[],total:0};var o=yield p.Lp.query({query:(0,c.ZP)(d||(d=x(["\n        query ($dataKeySetId: String!, $filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n          responses: dataSamplesByDataKeySet(\n            dataKeySetId: $dataKeySetId\n            filters: $filters\n            pagination: $pagination\n            sortings: $sortings\n          ) {\n            items {\n              id\n              name\n              description\n              useCase\n              key01\n              key02\n              key03\n              key04\n              key05\n              data\n              ooc\n              oos\n              judgment\n              workDate\n              workShift\n              updater {\n                id\n                name\n              }\n              updatedAt\n              collectedAt\n            }\n            total\n          }\n        }\n      "]))),variables:{dataKeySetId:t.dataKeySetId,filters:i,pagination:{page:n,limit:r},sortings:a}});return{total:o.data.responses.total||0,records:o.data.responses.items||[]}}))()}_exportableData(){var e=[];e=this.grist.selected&&this.grist.selected.length>0?this.grist.selected:this.grist.data.records;var t=this.grist.compiledConfig.columns.filter((e=>"gutter"!==e.type&&void 0!==e.record&&void 0!==e.imex)).map((e=>!0===e.imex?{header:e.header.renderer(),key:e.name,width:e.width,type:e.type}:e.imex)),n=e.map((e=>function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?v(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({id:e.id},this.gristConfig.columns.filter((e=>"gutter"!==e.type&&void 0!==e.record&&void 0!==e.imex)).reduce(((t,n)=>{var r=!0===n.imex?n.name:n.imex.key;return t[r]=r.split(".").reduce(((e,t)=>e&&"undefined"!==e[t]?e[t]:void 0),e),t}),{}))));return{header:t,data:n}}}window.customElements.define("data-sample-search-page",S)},6484:(e,t,n)=>{n(68741);var r,a,i,o,d,c=n(16682),l=n(94430),s=n(27805),p=n(53421),m=n(15633);function u(e,t,n,r,a,i,o){try{var d=e[i](o),c=d.value}catch(e){return void n(e)}d.done?t(c):Promise.resolve(c).then(r,a)}function f(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}class h extends((0,p.NC)(p.z2)(l.oi)){static get properties(){return{dataSampleId:{type:String,attribute:"data-sample-id"},dataSample:Object}}static get styles(){return[m.Ix,(0,l.iv)(r||(r=f(["\n        :host {\n          display: flex;\n          flex-direction: column;\n\n          background-color: #fff;\n        }\n\n        div[content] {\n          flex: 1;\n\n          display: flex;\n          overflow: auto;\n        }\n\n        ox-data-sample-view {\n          flex: 1;\n          padding: var(--padding-wide);\n          overflow: auto;\n        }\n      "])))]}render(){return(0,l.dy)(a||(a=f(["\n      <div content>\n        ","\n      </div>\n    "])),this.dataSample?(0,l.dy)(i||(i=f(["<ox-data-sample-view .dataSample=","></ox-data-sample-view>"])),this.dataSample):(0,l.dy)(o||(o=f([""]))))}updated(e){e.has("dataSampleId")&&this.fetchDataSample()}fetchDataSample(){var e,t=this;return(e=function*(){var e=t.dataSampleId,n=yield s.Lp.query({query:(0,c.ZP)(d||(d=f(["\n        query ($id: String!) {\n          dataSample(id: $id) {\n            id\n            name\n            description\n            useCase\n            key01\n            key02\n            key03\n            key04\n            key05\n            data\n            ooc\n            oos\n            dataSet {\n              id\n              name\n              description\n            }\n            dataItems {\n              name\n              description\n              tag\n              unit\n              spec\n            }\n            judgment\n            workDate\n            workShift\n            updater {\n              id\n              name\n            }\n            updatedAt\n            collectedAt\n          }\n        }\n      "]))),variables:{id:e}});t.dataSample=n.data.dataSample},function(){var t=this,n=arguments;return new Promise((function(r,a){var i=e.apply(t,n);function o(e){u(i,r,a,o,d,"next",e)}function d(e){u(i,r,a,o,d,"throw",e)}o(void 0)}))})()}}window.customElements.define("data-sample-view",h)}}]);

package/dist-client/5873.js

@@ -0,0 +1 @@
+(self.webpackChunk_things_factory_reference_app=self.webpackChunk_things_factory_reference_app||[]).push([[5873],{72320:(e,t,n)=>{"use strict";n.d(t,{l:()=>r.l});var r=n(5267)},86208:(e,t,n)=>{"use strict";var r,i,a,s,o,d,l,c,p,u=n(171),m=(n(14410),n(94430)),f=n(56765);function h(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var y=class extends m.oi{render(){var e,t;return(0,m.dy)(r||(r=h([" <form @change=",">\n      <h2>","</h2>\n      <h3>","</h3>\n      ","\n    </form>"])),(e=>this.onChange(e)),(null===(e=this.dataSet)||void 0===e?void 0:e.name)||"",(null===(t=this.dataSet)||void 0===t?void 0:t.description)||"",this.buildInputs())}onChange(e){this.value=this.buildValue(),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:this.value}))}buildInputs(){return(this.dataSet.dataItems.filter((e=>e.active))||[]).map((e=>{var{name:t,description:n,tag:r,type:p,quota:u=1,options:f={},unit:y}=e,g=new Array(u).fill(0),v=this.value&&this.value[r],b=g.map(((e,t)=>{var n=v instanceof Array?v[t]:0===t?v:void 0;switch(p){case"select":return(0,m.dy)(i||(i=h([" <select .name=",'>\n              <option value=""></option>\n              ',"\n            </select>"])),r,(f.options||[]).map((e=>(0,m.dy)(a||(a=h(["<option value="," ?selected=",">","</option>"])),e.value,e.value===n,e.text))));case"boolean":return(0,m.dy)(s||(s=h([' <input type="checkbox" name='," .checked="," />"])),r,n);case"number":return(0,m.dy)(o||(o=h([' <input type="number" name='," value="," />"])),r,n);case"file":return(0,m.dy)(d||(d=h(["<ox-input-file\n              name=",'\n              label="Attach Files"\n              accept="*/*"\n              multiple="true"\n              hide-filelist\n            ></ox-input-file>'])),r);default:return(0,m.dy)(l||(l=h([' <input type="string" name='," value="," />"])),r,n)}}));return(0,m.dy)(c||(c=h([" <label .title=",">\n        <div name>","","</div>\n        <div description><mwc-icon>info_outline</mwc-icon> ","</div>\n        <div elements>","</div>\n      </label>"])),n,t,y?"(".concat(y,")"):"",n,b)}))}buildValue(){return(this.dataSet.dataItems||[]).reduce(((e,t)=>{var{tag:n,type:r}=t,i=Array.prototype.slice.call(this.renderRoot.querySelectorAll("[name=".concat(n,"]")));return i.length>0&&(e[n]=i.map((e=>"boolean"===r?e.checked:e.value))),e}),{})}};y.styles=(0,m.iv)(p||(p=h(["\n    :host {\n      display: flex;\n      flex-direction: row;\n      --item-description-font: normal 0.8rem/1rem var(--theme-font);\n      --item-description-color: var(--page-description-color);\n    }\n\n    h2 {\n      margin: var(--title-margin);\n      font: var(--title-font);\n      color: var(--title-text-color);\n      text-transform: capitalize;\n      text-align: center;\n    }\n    h3 {\n      margin: var(--page-description-margin);\n      font: var(--page-description-font);\n      color: var(--page-description-color);\n      text-transform: capitalize;\n      text-align: center;\n    }\n\n    form {\n      flex: 1;\n\n      display: flex;\n      flex-direction: column;\n    }\n    label {\n      display: grid;\n\n      grid-template-rows: auto 1fr;\n      grid-template-columns: 1fr 5fr;\n      grid-template-areas: 'name description' 'empty inputs';\n\n      grid-gap: 9px;\n      align-items: center;\n      margin-bottom: var(--margin-default);\n    }\n    label:nth-child(odd) {\n      background-color: var(--main-section-background-color);\n      padding: var(--padding-default) 0;\n    }\n\n    div[name] {\n      grid-area: name;\n      font: var(--label-font);\n      color: var(--label-color);\n      text-align: right;\n    }\n    div[description] {\n      grid-area: description;\n      opacity: 0.7;\n      font: var(--item-description-font);\n      color: var(--item-description-color);\n      text-align: left;\n    }\n    div[description] * {\n      vertical-align: middle;\n    }\n    div[description] mwc-icon {\n      margin-top: -3px;\n      font-size: 0.9rem;\n    }\n    div[elements] {\n      grid-area: inputs;\n      display: flex;\n      flex-direction: row;\n      flex-wrap: wrap;\n      gap: 10px;\n      padding-right: var(--padding-default);\n    }\n    div[elements] * {\n      flex: 1;\n    }\n    div[elements] input,\n    div[elements] select {\n      border: var(--input-field-border);\n      border-radius: var(--input-field-border-radius);\n      padding: var(--input-field-padding);\n      font: var(--input-field-font);\n    }\n\n    @media only screen and (max-width: 460px) {\n      label {\n        display: grid;\n\n        grid-template-rows: auto auto 1fr;\n        grid-template-columns: 1fr;\n        grid-template-areas: 'name' 'description' 'inputs';\n\n        grid-gap: 9px;\n        align-items: center;\n        margin-bottom: var(--margin-default);\n      }\n\n      div[name] {\n        text-align: left;\n      }\n    }\n  "]))),(0,u.gn)([(0,f.Cb)({type:Object})],y.prototype,"dataSet",void 0),(0,u.gn)([(0,f.Cb)({type:Object})],y.prototype,"value",void 0),y=(0,u.gn)([(0,f.Mo)("ox-data-entry-form")],y)},73948:(e,t,n)=>{"use strict";n(86208);var r,i,a,s=n(16682),o=n(94430),d=n(27805),l=n(53421),c=n(15633);function p(e,t,n,r,i,a,s){try{var o=e[a](s),d=o.value}catch(e){return void n(e)}o.done?t(d):Promise.resolve(d).then(r,i)}function u(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}class m extends((0,l.NC)(l.z2)(o.oi)){static get properties(){return{dataSet:Object}}static get styles(){return[c.Ix,(0,o.iv)(r||(r=u(["\n        :host {\n          display: flex;\n          flex-direction: column;\n\n          background-color: #fff;\n        }\n\n        ox-data-entry-form {\n          flex: 1;\n          padding: 10px;\n          overflow: auto;\n        }\n\n        .button-container {\n          display: flex;\n          margin-left: auto;\n          padding: var(--padding-default);\n        }\n      "])))]}get entryForm(){return this.renderRoot.querySelector("ox-data-entry-form")}render(){return(0,o.dy)(i||(i=u(["\n      <ox-data-entry-form .dataSet=",'></ox-data-entry-form>\n      <div class="button-container">\n        <mwc-button raised @click=',">","</mwc-button>\n      </div>\n    "])),this.dataSet,this._updateDataItems.bind(this),l.z2.t("button.save"))}_updateDataItems(){var e,t=this;return(e=function*(){var e=t.entryForm.buildValue(),n={dataSet:{id:t.dataSet.id},data:e};(yield d.Lp.mutate({mutation:(0,s.ZP)(a||(a=u(["\n        mutation ($dataSample: NewDataSample!) {\n          createDataSample(dataSample: $dataSample) {\n            id\n            collectedAt\n          }\n        }\n      "]))),variables:{dataSample:n}})).errors||document.dispatchEvent(new CustomEvent("notify",{detail:{message:l.z2.t("text.data sample created successfully")}}))},function(){var t=this,n=arguments;return new Promise((function(r,i){var a=e.apply(t,n);function s(e){p(a,r,i,s,o,"next",e)}function o(e){p(a,r,i,s,o,"throw",e)}s(void 0)}))})()}}window.customElements.define("data-entry-form",m)},22629:(e,t,n)=>{"use strict";n.r(t),n.d(t,{DataSetListPage:()=>Q});var r,i,a,s,o,d,l=n(68784),c=n(16682),p=n(94430),u=n(27805),m=n(53421),f=n(36179);function h(e,t,n,r,i,a,s){try{var o=e[a](s),d=o.value}catch(e){return void n(e)}o.done?t(d):Promise.resolve(d).then(r,i)}function y(e){return function(){var t=this,n=arguments;return new Promise((function(r,i){var a=e.apply(t,n);function s(e){h(a,r,i,s,o,"next",e)}function o(e){h(a,r,i,s,o,"throw",e)}s(void 0)}))}}function g(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}class v extends((0,m.NC)(m.z2)(p.oi)){static get properties(){return{dataSet:Object,gristConfig:Object}}static get styles(){return[(0,p.iv)(r||(r=g(["\n        :host {\n          display: flex;\n          flex-direction: column;\n\n          background-color: #fff;\n        }\n\n        ox-grist {\n          flex: 1;\n        }\n\n        .button-container {\n          display: flex;\n          margin-left: auto;\n          padding: var(--padding-default);\n        }\n\n        [danger] {\n          --mdc-theme-primary: var(--mdc-danger-button-primary-color);\n        }\n        mwc-button {\n          margin-left: var(--margin-default);\n        }\n      "])))]}get grist(){return this.renderRoot.querySelector("ox-grist")}render(){return(0,p.dy)(i||(i=g(["\n      <ox-grist\n        .mode=","\n        .config=","\n        .fetchHandler=",'\n      ></ox-grist>\n      <div class="button-container">\n        <mwc-button raised danger @click=',">","</mwc-button>\n        <mwc-button raised @click=",">","</mwc-button>\n      </div>\n    "])),(0,f.s2)()?"LIST":"GRID",this.gristConfig,this.fetchHandler.bind(this),this._deleteDataItems.bind(this),m.z2.t("button.delete"),this._updateDataItems.bind(this),m.z2.t("button.save"))}firstUpdated(){var e=this;return y((function*(){var t;e.gristConfig={list:{fields:["name","description","active"]},columns:[{type:"gutter",gutterName:"row-selector",multiple:!0},{type:"gutter",gutterName:"button",icon:"add",handlers:{click:"record-copy"}},{type:"gutter",gutterName:"sequence"},{type:"gutter",gutterName:"button",icon:"arrow_upward",handlers:{click:"move-up"}},{type:"gutter",gutterName:"button",icon:"arrow_downward",handlers:{click:"move-down"}},{type:"string",name:"name",header:m.z2.t("field.name"),record:{editable:!0},width:140},{type:"string",name:"description",header:m.z2.t("field.description"),record:{editable:!0},width:180},{type:"checkbox",name:"active",label:!0,header:m.z2.t("field.active"),record:{editable:!0},sortable:!0,width:60},{type:"checkbox",name:"hidden",label:!0,header:m.z2.t("field.hidden"),record:{editable:!0},sortable:!0,width:60},{type:"string",name:"tag",header:m.z2.t("field.tag"),record:{editable:!0},width:180},{type:"select",name:"type",header:m.z2.t("field.type"),record:{options:["","number","text","select","boolean","file"],editable:!0},width:120},{type:"parameters",name:"options",header:m.z2.t("field.options"),record:{editable:!0,renderer:"json5",options:(t=y((function*(t,n,r,i,a){return{name:r.type,help:"",spec:"select"===r.type?[{type:"options",name:"options",label:"options"}]:[],context:e.grist,objectified:!0}})),function(e,n,r,i,a){return t.apply(this,arguments)})},width:120},{type:"string",name:"unit",header:m.z2.t("field.unit"),record:{editable:!0},width:120},{type:"number",name:"quota",header:m.z2.t("field.quota"),record:{editable:!0},width:60},{type:"data-item-spec",name:"spec",header:m.z2.t("field.spec"),record:{editable:!0,options:{name:"",help:"",objectified:!0}},width:200}],rows:{selectable:{multiple:!0}},pagination:{infinite:!0},sorters:[]}}))()}fetchHandler(e){var t=this;return y((function*(){var{filters:n,page:r,limit:i,sortings:a=[]}=e,s=t.dataSet.dataItems||[];return{total:s.length,records:s}}))()}_updateDataItems(){var e=this;return y((function*(){e.grist.commit(),(yield u.Lp.mutate({mutation:(0,c.ZP)(a||(a=g(["\n        mutation ($id: String!, $patch: DataSetPatch!) {\n          updateDataSet(id: $id, patch: $patch) {\n            name\n          }\n        }\n      "]))),variables:{id:e.dataSet.id,patch:{dataItems:e.grist.data.records,cuFlag:"M"}}})).errors||(yield document.dispatchEvent(new CustomEvent("notify",{detail:{message:m.z2.t("text.info_x_successfully",{x:m.z2.t("button.save")})}})))}))()}_deleteDataItems(){var e=this;return y((function*(){confirm(m.z2.t("text.sure_to_x",{x:m.z2.t("text.delete")}))&&e.grist.deleteSelectedRecords(!1)}))()}}function b(e,t,n,r,i,a,s){try{var o=e[a](s),d=o.value}catch(e){return void n(e)}o.done?t(d):Promise.resolve(d).then(r,i)}function j(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}window.customElements.define("data-item-list",v);class w extends p.oi{static get properties(){return{columns:Object,scenarios:Array}}constructor(){super(),this.columns={list:{fields:["name","description"]},pagination:{infinite:!0},columns:[{type:"string",name:"name",header:m.z2.t("field.name"),width:150},{type:"string",name:"description",header:m.z2.t("field.description"),width:200},{type:"checkbox",name:"active",header:m.z2.t("field.active"),width:60}]}}static get styles(){return[(0,p.iv)(s||(s=j(["\n        :host {\n          display: flex;\n          flex-direction: column;\n\n          background-color: #fff;\n        }\n\n        ox-grist {\n          flex: 1;\n        }\n\n        .button-container {\n          display: flex;\n          margin-left: auto;\n          padding: var(--padding-default);\n        }\n\n        mwc-button {\n          margin-left: var(--margin-default);\n        }\n      "])))]}render(){return(0,p.dy)(o||(o=j(["\n      <ox-grist\n        .mode=","\n        .config=",'\n        .data="','"\n      ></ox-grist>\n\n      <div class="button-container">\n        <mwc-button raised @click="','">',"</mwc-button>\n      </div>\n    "])),(0,f.s2)()?"LIST":"GRID",this.columns,{records:this.scenarios},this.save.bind(this),m.z2.t("button.save"))}save(){var e,t=this;return(e=function*(){var e;null!==(e=(yield u.Lp.mutate({mutation:(0,c.ZP)(d||(d=j(["\n        mutation importDataSets($dataSets: [DataSetPatch!]!) {\n          importDataSets(dataSets: $dataSets)\n        }\n      "]))),variables:{dataSets:t.dataSets}})).errors)&&void 0!==e&&e.length||t.dispatchEvent(new CustomEvent("imported"))},function(){var t=this,n=arguments;return new Promise((function(r,i){var a=e.apply(t,n);function s(e){b(a,r,i,s,o,"next",e)}function o(e){b(a,r,i,s,o,"throw",e)}s(void 0)}))})()}}customElements.define("data-set-importer",w),n(73948);var x,z,k,S,_,O,P,D,I,T=n(50383),C=n.n(T),$=n(28120),E=n(72320),R=n(37077),q=n(77675),N=n(15633);function L(e,t,n,r,i,a,s){try{var o=e[a](s),d=o.value}catch(e){return void n(e)}o.done?t(d):Promise.resolve(d).then(r,i)}function A(e){return function(){var t=this,n=arguments;return new Promise((function(r,i){var a=e.apply(t,n);function s(e){L(a,r,i,s,o,"next",e)}function o(e){L(a,r,i,s,o,"throw",e)}s(void 0)}))}}function H(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?H(Object(n),!0).forEach((function(t){V(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function V(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function G(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var U=Intl.DateTimeFormat().resolvedOptions().timeZone,Z=["",U,...C().tz.names().filter((e=>e!==U))],M=[{display:"",value:""},{display:"Generated",value:"generated"},{display:"Board",value:"board"},{display:"Page",value:"page"},{display:"External URL",value:"external"}],B=[{display:"",value:""},{display:"Generated",value:"generated"},{display:"Board",value:"board"},{display:"Page",value:"page"},{display:"External URL",value:"external"}],K=[{display:"",value:""},{display:"Generated",value:"generated"},{display:"Embed",value:"embed"},{display:"Page",value:"page"},{display:"External URL",value:"external"},{display:"Jasper",value:"jasper"},{display:"Shiny",value:"shiny"}],J=()=>["",...E.l.getUseCaseNames()].map((e=>({display:e,value:e})));class Q extends((0,$.$)(q.h)((0,m.NC)(m.z2)(q.B4))){static get properties(){return{gristConfig:Object,mode:String}}static get styles(){return[N.Ix,N.Pn,(0,p.iv)(x||(x=G(["\n        :host {\n          display: flex;\n\n          width: 100%;\n\n          --grid-record-emphasized-background-color: red;\n          --grid-record-emphasized-color: yellow;\n        }\n      "])))]}get context(){return{title:m.z2.t("title.data-set list"),help:"dataset/data-set",actions:[F({title:m.z2.t("button.copy"),action:this._copyDataSet.bind(this)},N.jO.copy),F({title:m.z2.t("button.save"),action:this._updateDataSet.bind(this)},N.jO.save),F({title:m.z2.t("button.delete"),action:this._deleteDataSet.bind(this)},N.jO.delete)],exportable:{name:m.z2.t("title.data-set list"),data:this.exportHandler.bind(this)},importable:{handler:this.importHandler.bind(this)}}}render(){var e=this.mode||((0,f.s2)()?"LIST":"GRID");return(0,p.dy)(z||(z=G(["\n      <ox-grist\n        .mode=","\n        .config=","\n        .fetchHandler=","\n        ?url-params-sensitive=",'\n      >\n        <div slot="headroom">\n          <div id="filters">\n            <ox-filters-form autofocus></ox-filters-form>\n          </div>\n\n          <div id="sorters">\n            Sort\n            <mwc-icon\n              @click=','\n              >expand_more</mwc-icon\n            >\n            <ox-popup id="sorter-control">\n              <ox-sorters-control> </ox-sorters-control>\n            </ox-popup>\n          </div>\n\n          <div id="modes">\n            <mwc-icon @click='," ?active=",">grid_on</mwc-icon>\n            <mwc-icon @click="," ?active=",">format_list_bulleted</mwc-icon>\n            <mwc-icon @click="," ?active=",">apps</mwc-icon>\n          </div>\n        </div>\n      </ox-grist>\n    "])),e,this.gristConfig,this.fetchHandler.bind(this),this.active,(e=>{var t=e.currentTarget;this.renderRoot.querySelector("#sorter-control").open({right:0,top:t.offsetTop+t.offsetHeight})}),(()=>this.mode="GRID"),"GRID"==e,(()=>this.mode="LIST"),"LIST"==e,(()=>this.mode="CARD"),"CARD"==e)}get grist(){return this.renderRoot.querySelector("ox-grist")}pageInitialized(e){var t=this;return A((function*(){t.gristConfig={list:{fields:["name","description"],details:["schedule","active"]},columns:[{type:"gutter",gutterName:"sequence"},{type:"gutter",gutterName:"row-selector",multiple:!0},{type:"gutter",gutterName:"button",icon:"reorder",handlers:{click:(e,n,r,i,a)=>{i.id&&((0,R.Mw)((0,p.dy)(k||(k=G([" <data-item-list .dataSet=","></data-item-list> "])),i),{backdrop:!0,help:"dataset/ui/data-item-list",size:"large",title:m.z2.t("title.data-item list")}).onclosed=()=>{t.grist.fetch()})}}},{type:"gutter",gutterName:"button",icon:"fact_check",handlers:{click:(e,t,n,r,i)=>{(0,R.Mw)((0,p.dy)(S||(S=G([" <data-entry-form .dataSet=",' style="background-color: white;"></data-entry-form> '])),r),{backdrop:!0,size:"large",title:m.z2.t("title.data-entry-form")})}}},{type:"string",name:"name",header:m.z2.t("field.name"),record:{editable:!0},filter:"search",sortable:!0,width:150,imex:{width:25,header:m.z2.t("field.name"),type:"string",key:"name"}},{type:"string",name:"description",header:m.z2.t("field.description"),record:{editable:!0},filter:"search",width:200,imex:{width:33,header:m.z2.t("field.description"),type:"string",key:"description"}},{type:"checkbox",name:"active",label:!0,header:m.z2.t("field.active"),record:{editable:!0},filter:!0,sortable:!0,width:60,imex:{width:10,header:m.z2.t("field.active"),type:"checkbox",key:"active"}},{type:"select",name:"type",label:!0,header:m.z2.t("field.type"),record:{editable:!0,options:[{},{display:m.z2.t("text.manually collected"),value:"manual"},{display:m.z2.t("text.automatically collected"),value:"automatic"}]},sortable:!0,filter:!0,width:60,imex:{width:10,header:m.z2.t("field.type"),type:"select",key:"type"}},{type:"select",name:"useCase",label:!0,header:m.z2.t("field.use-case"),record:{editable:!0,options:J},sortable:!0,filter:!0,width:80},{type:"resource-object",name:"dataKeySet",header:m.z2.t("field.data-key-set"),record:{editable:!0,options:{queryName:"dataKeySets"}},sortable:!0,filter:!1,width:120},{type:"partition-keys",name:"partitionKeys",header:m.z2.t("field.partition-keys"),record:{editable:!0,options:{objectified:!0}},width:200},{type:"crontab",name:"schedule",label:!0,header:m.z2.t("field.schedule"),record:{editable:!0,options:{objectified:!0}},width:80,label:!0,imex:{width:13,header:m.z2.t("field.schedule"),type:"string",key:"schedule"}},{type:"select",name:"timezone",header:m.z2.t("field.timezone"),record:{editable:!0,options:Z},width:120,imex:{width:13,header:m.z2.t("field.timezone"),type:"select",key:"timezone"}},{type:"resource-object",name:"supervisoryRole",header:m.z2.t("field.supervisory-role"),record:{editable:!0,options:{queryName:"roles"}},sortable:!0,filter:!1,width:120},{type:"resource-object",name:"entryRole",header:m.z2.t("field.entry-role"),record:{editable:!0,options:{queryName:"roles"}},sortable:!0,width:120},{type:"select",name:"entryType",label:!0,header:m.z2.t("field.entry-type"),record:{editable:!0,options:M},width:80},{type:"string",name:"entryView",header:m.z2.t("field.entry-view"),record:{editable:!0,editor:function(e,t,n,r,i){var a="board"!==n.entryType?"string":"board";return(0,l.y$)(a)(e,t,n,r,i)},renderer:function(e,t,n,r,i){var a="board"!==n.entryType?"string":"board";return(0,l.Bp)(a)(e,t,n,r,i)}},width:140},{type:"select",name:"monitorType",label:!0,header:m.z2.t("field.monitor-type"),record:{editable:!0,options:B},width:80},{type:"string",name:"monitorView",header:m.z2.t("field.monitor-view"),record:{editable:!0,editor:function(e,t,n,r,i){var a="board"!==n.monitorType?"string":"board";return(0,l.y$)(a)(e,t,n,r,i)},renderer:function(e,t,n,r,i){var a="board"!==n.monitorType?"string":"board";return(0,l.Bp)(a)(e,t,n,r,i)}},width:140},{type:"select",name:"reportType",label:!0,header:m.z2.t("field.report-type"),record:{editable:!0,options:K},width:80},{type:"string",name:"reportView",header:m.z2.t("field.report-view"),record:{editable:!0,editor:function(e,t,n,r,i){var a="custom"!==n.reportType?"string":"script";return(0,l.y$)(a)(e,t,n,r,i)},renderer:function(e,t,n,r,i){var a=(n.reportType,"string");return(0,l.Bp)(a)(e,t,n,r,i)}},width:140},{type:"file",name:"reportTemplate",header:m.z2.t("field.report-template"),record:{editable:!0},width:80},{type:"resource-object",name:"updater",header:m.z2.t("field.updater"),record:{editable:!1},sortable:!0,width:120},{type:"datetime",name:"updatedAt",header:m.z2.t("field.updated_at"),record:{editable:!1},sortable:!0,width:180}],rows:{selectable:{multiple:!0}},sorters:[{name:"name"}]}}))()}fetchHandler(e){return A((function*(){var{page:t,limit:n,sortings:r=[],filters:i=[]}=e,a=yield u.Lp.query({query:(0,c.ZP)(_||(_=G(["\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n          responses: dataSets(filters: $filters, pagination: $pagination, sortings: $sortings) {\n            items {\n              id\n              name\n              description\n              partitionKeys\n              active\n              type\n              useCase\n              schedule\n              timezone\n              dataKeySet {\n                id\n                name\n              }\n              entryRole {\n                id\n                name\n              }\n              supervisoryRole {\n                id\n                name\n              }\n              entryType\n              entryView\n              monitorType\n              monitorView\n              reportType\n              reportView\n              reportTemplate\n              updater {\n                id\n                name\n              }\n              updatedAt\n              dataItems {\n                name\n                description\n                active\n                hidden\n                tag\n                type\n                unit\n                options\n                quota\n                spec\n              }\n            }\n            total\n          }\n        }\n      "]))),variables:{filters:i,pagination:{page:t,limit:n},sortings:r}});return{total:a.data.responses.total||0,records:a.data.responses.items||[]}}))()}_deleteDataSet(){var e=this;return A((function*(){if(confirm(m.z2.t("text.sure_to_x",{x:m.z2.t("text.delete")}))){var t=e.grist.selected.map((e=>e.id));t&&t.length>0&&((yield u.Lp.mutate({mutation:(0,c.ZP)(O||(O=G(["\n            mutation ($ids: [String!]!) {\n              deleteDataSets(ids: $ids)\n            }\n          "]))),variables:{ids:t}})).errors||(e.grist.fetch(),(0,R.h4)({message:m.z2.t("text.info_x_successfully",{x:m.z2.t("text.delete")})})))}}))()}_copyDataSet(){var e=this;return A((function*(){var t=e.grist.selected;0!=t.length&&confirm(m.z2.t("text.sure_to_x",{x:m.z2.t("text.copy")}))&&((yield u.Lp.mutate({mutation:(0,c.ZP)(P||(P=G(["\n        mutation ($ids: [String!]!) {\n          copyDataSets(ids: $ids) {\n            id\n          }\n        }\n      "]))),variables:{ids:t.map((e=>e.id))}})).errors||e.grist.fetch())}))()}_updateDataSet(){var e=this;return A((function*(){var t=e.grist.dirtyRecords;t&&t.length&&(t=t.map((e=>{var t=e.id?{id:e.id}:{},n=e.__dirtyfields__;for(var r in n)t[r]=n[r].after;return t.reportTemplate instanceof FileList&&(t.reportTemplate=t.reportTemplate[0]),t.cuFlag=e.__dirty__,t})),(yield u.Lp.mutate({mutation:(0,c.ZP)(D||(D=G(["\n          mutation ($patches: [DataSetPatch!]!) {\n            updateMultipleDataSet(patches: $patches) {\n              name\n            }\n          }\n        "]))),variables:{patches:t},context:{hasUpload:!0}})).errors||e.grist.fetch())}))()}exportHandler(){var e=this;return A((function*(){return{header:e.grist._config.columns.filter((e=>"gutter"!==e.type&&void 0!==e.record&&void 0!==e.imex)).map((e=>e.imex)),data:e.grist.data.records.map((t=>F({id:t.id},e.grist._config.columns.filter((e=>"gutter"!==e.type&&void 0!==e.record&&void 0!==e.imex)).reduce(((e,n)=>(e[n.imex.key]=n.imex.key.split(".").reduce(((e,t)=>e&&"undefined"!==e[t]?e[t]:void 0),t),e)),{}))))}}))()}importHandler(e){var t=this;return A((function*(){(0,R.Mw)((0,p.dy)(I||(I=G(["\n        <data-set-importer\n          .dataSets=","\n          @imported=","\n        ></data-set-importer>\n      "])),e,(()=>{history.back(),t.grist.fetch()})),{backdrop:!0,size:"large",title:m.z2.t("title.import data-set")})}))()}}window.customElements.define("data-set-list-page",Q)},96616:(e,t,n)=>{var r={"./af":4313,"./af.js":4313,"./ar":25353,"./ar-dz":26425,"./ar-dz.js":26425,"./ar-kw":45615,"./ar-kw.js":45615,"./ar-ly":15253,"./ar-ly.js":15253,"./ar-ma":86444,"./ar-ma.js":86444,"./ar-sa":4831,"./ar-sa.js":4831,"./ar-tn":24643,"./ar-tn.js":24643,"./ar.js":25353,"./az":7637,"./az.js":7637,"./be":5658,"./be.js":5658,"./bg":38041,"./bg.js":38041,"./bm":9466,"./bm.js":9466,"./bn":88522,"./bn-bd":61402,"./bn-bd.js":61402,"./bn.js":88522,"./bo":97429,"./bo.js":97429,"./br":90690,"./br.js":90690,"./bs":54480,"./bs.js":54480,"./ca":8721,"./ca.js":8721,"./cs":52501,"./cs.js":52501,"./cv":62737,"./cv.js":62737,"./cy":66638,"./cy.js":66638,"./da":35816,"./da.js":35816,"./de":775,"./de-at":17458,"./de-at.js":17458,"./de-ch":97405,"./de-ch.js":97405,"./de.js":775,"./dv":41131,"./dv.js":41131,"./el":64639,"./el.js":64639,"./en-au":58472,"./en-au.js":58472,"./en-ca":22167,"./en-ca.js":22167,"./en-gb":38133,"./en-gb.js":38133,"./en-ie":5573,"./en-ie.js":5573,"./en-il":13084,"./en-il.js":13084,"./en-in":58930,"./en-in.js":58930,"./en-nz":60899,"./en-nz.js":60899,"./en-sg":61978,"./en-sg.js":61978,"./eo":31635,"./eo.js":31635,"./es":22074,"./es-do":46740,"./es-do.js":46740,"./es-mx":36071,"./es-mx.js":36071,"./es-us":7383,"./es-us.js":7383,"./es.js":22074,"./et":87883,"./et.js":87883,"./eu":12743,"./eu.js":12743,"./fa":12977,"./fa.js":12977,"./fi":53049,"./fi.js":53049,"./fil":69987,"./fil.js":69987,"./fo":5550,"./fo.js":5550,"./fr":57126,"./fr-ca":49537,"./fr-ca.js":49537,"./fr-ch":63554,"./fr-ch.js":63554,"./fr.js":57126,"./fy":30956,"./fy.js":30956,"./ga":27677,"./ga.js":27677,"./gd":50291,"./gd.js":50291,"./gl":88807,"./gl.js":88807,"./gom-deva":1018,"./gom-deva.js":1018,"./gom-latn":99153,"./gom-latn.js":99153,"./gu":97721,"./gu.js":97721,"./he":71823,"./he.js":71823,"./hi":87650,"./hi.js":87650,"./hr":73865,"./hr.js":73865,"./hu":28800,"./hu.js":28800,"./hy-am":40342,"./hy-am.js":40342,"./id":32202,"./id.js":32202,"./is":58302,"./is.js":58302,"./it":94258,"./it-ch":30904,"./it-ch.js":30904,"./it.js":94258,"./ja":12995,"./ja.js":12995,"./jv":22009,"./jv.js":22009,"./ka":95643,"./ka.js":95643,"./kk":59377,"./kk.js":59377,"./km":80122,"./km.js":80122,"./kn":44108,"./kn.js":44108,"./ko":98893,"./ko.js":98893,"./ku":63321,"./ku.js":63321,"./ky":62214,"./ky.js":62214,"./lb":27572,"./lb.js":27572,"./lo":95653,"./lo.js":95653,"./lt":39458,"./lt.js":39458,"./lv":62241,"./lv.js":62241,"./me":86377,"./me.js":86377,"./mi":97529,"./mi.js":97529,"./mk":40403,"./mk.js":40403,"./ml":969,"./ml.js":969,"./mn":22529,"./mn.js":22529,"./mr":28209,"./mr.js":28209,"./ms":57692,"./ms-my":35448,"./ms-my.js":35448,"./ms.js":57692,"./mt":89365,"./mt.js":89365,"./my":95552,"./my.js":95552,"./nb":19954,"./nb.js":19954,"./ne":84957,"./ne.js":84957,"./nl":97099,"./nl-be":49156,"./nl-be.js":49156,"./nl.js":97099,"./nn":54960,"./nn.js":54960,"./oc-lnc":2333,"./oc-lnc.js":2333,"./pa-in":91344,"./pa-in.js":91344,"./pl":81886,"./pl.js":81886,"./pt":43926,"./pt-br":44884,"./pt-br.js":44884,"./pt.js":43926,"./ro":33464,"./ro.js":33464,"./ru":1529,"./ru.js":1529,"./sd":85918,"./sd.js":85918,"./se":843,"./se.js":843,"./si":92433,"./si.js":92433,"./sk":70,"./sk.js":70,"./sl":22094,"./sl.js":22094,"./sq":72307,"./sq.js":72307,"./sr":19449,"./sr-cyrl":22424,"./sr-cyrl.js":22424,"./sr.js":19449,"./ss":93586,"./ss.js":93586,"./sv":40902,"./sv.js":40902,"./sw":58466,"./sw.js":58466,"./ta":82953,"./ta.js":82953,"./te":22598,"./te.js":22598,"./tet":92586,"./tet.js":92586,"./tg":35115,"./tg.js":35115,"./th":6506,"./th.js":6506,"./tk":77084,"./tk.js":77084,"./tl-ph":61080,"./tl-ph.js":61080,"./tlh":54205,"./tlh.js":54205,"./tr":17825,"./tr.js":17825,"./tzl":99191,"./tzl.js":99191,"./tzm":94394,"./tzm-latn":22503,"./tzm-latn.js":22503,"./tzm.js":94394,"./ug-cn":95800,"./ug-cn.js":95800,"./uk":74409,"./uk.js":74409,"./ur":55096,"./ur.js":55096,"./uz":63133,"./uz-latn":64546,"./uz-latn.js":64546,"./uz.js":63133,"./vi":68640,"./vi.js":68640,"./x-pseudo":15170,"./x-pseudo.js":15170,"./yo":52876,"./yo.js":52876,"./zh-cn":23390,"./zh-cn.js":23390,"./zh-hk":2358,"./zh-hk.js":2358,"./zh-mo":67908,"./zh-mo.js":67908,"./zh-tw":44,"./zh-tw.js":44};function i(e){var t=a(e);return n(t)}function a(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}i.keys=function(){return Object.keys(r)},i.resolve=a,e.exports=i,i.id=96616}}]);

package/dist-client/591.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_things_factory_reference_app=self.webpackChunk_things_factory_reference_app||[]).push([[591],{50591:(e,t,r)=>{r.r(t);var n,a,i=r(94430),s=r(28120),o=r(16682),c=r(39424),l=r(33586),u=r(86850),d=r(31887);function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function h(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach((function(t){m(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function m(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function f(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}r(59870),r(95526);var g=[{type:"gutter",gutterName:"dirty"},{type:"gutter",gutterName:"sequence"},{type:"gutter",gutterName:"row-selector",multiple:!0},{type:"gutter",gutterName:"button",icon:"edit"}],y={pages:[20,30,50,100,200]};class b extends i.oi{static get styles(){return(0,i.iv)(n||(n=f(["\n      :host {\n        display: flex;\n        flex-direction: row;\n      }\n\n      data-grist {\n        flex: 1;\n      }\n    "])))}static get properties(){return{mode:String,columns:Array,_config:Object,fetchHandler:Object,fetchOptions:Object,editHandler:Object}}render(){return(0,i.dy)(a||(a=f(["\n      <data-grist\n        .mode=","\n        .config=","\n        .editHandler=","\n        .fetchHandler=","\n        .fetchOptions=","\n      >\n      </data-grist>\n    "])),this.mode,this._config,this.editHandler,this.fetchHandler,this.fetchOptions)}get dataGrist(){return this.shadowRoot.querySelector("data-grist")}fetch(){this.dataGrist.fetch()}get data(){return this.dataGrist._data}buildConfig(){var e=this.columns.map((e=>{var{name:t,gridWidth:r,gridAlign:n,term:a}=e,i=e.refType&&e.refType.toLowerCase(),s=e.colType;return(i&&"entity"===i||"menu"===i)&&(s="object"),{name:t,type:s,hidden:!1,width:r,resizable:!0,sortable:!0,header:a,record:{align:n}}})),t=this.columns.filter((e=>e.sortRank)).map((e=>({name:e.name,desc:!!e.reverseSort})));return{columns:[...g,...e],pagination:h(h({},y),{},{infinite:!1}),rows:{appendable:!0,insertable:!0,selectable:{multiple:!0}},sorters:t}}updated(e){e.has("columns")&&(this._config=this.buildConfig())}}customElements.define("data-list-wrapper",b);var v,O,w,_,j=r(51266);function R(e,t,r,n,a,i,s){try{var o=e[i](s),c=o.value}catch(e){return void r(e)}o.done?t(c):Promise.resolve(c).then(n,a)}function x(e){return function(){var t=this,r=arguments;return new Promise((function(n,a){var i=e.apply(t,r);function s(e){R(i,n,a,s,o,"next",e)}function o(e){R(i,n,a,s,o,"throw",e)}s(void 0)}))}}function P(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function k(e){if(e.indexOf("_")>0){var t=e.split("_");e=t.map(((e,t)=>(t>0&&(e=e.replace(e[0],e[0].toUpperCase())),e))).join("")}return e}class S extends((0,s.$)(c.h)(c.B4)){static get styles(){return[u.Ix,(0,i.iv)(v||(v=P(["\n        :host {\n          display: flex;\n          flex-direction: column;\n\n          overflow: hidden;\n        }\n\n        search-form {\n          overflow: visible;\n        }\n\n        data-list-wrapper {\n          flex: 1;\n\n          overflow: hidden;\n        }\n      "])))]}static get properties(){return{resourceId:String,_searchFields:Array,_columns:Array}}get context(){return{title:this.menuTitle,exportable:{name:this.menuTitle,data:this._exportableData.bind(this)},importable:{handler:()=>{}},printable:{accept:["paper","preview"],content:()=>this},actions:(this.buttons||[]).map((e=>({title:e.text,action:e.action})))}}firstUpdated(){d.z.store.on("added",((e,t)=>{j.trace("이 메시지 발생 시 꼭 확인되어야 함."),this._parseResourceMeta()}))}_exportableData(){return this.dataList.exportRecords()}render(){return(0,i.dy)(O||(O=P(['\n      <search-form\n        id="search-form"\n        .fields=','\n        initFocus="description"\n        @submit=',"\n      ></search-form>\n\n      <data-list-wrapper\n        pulltorefresh\n        .mode=","\n        .columns=","\n        .records=","\n        .fetchHandler=","\n      >\n      </data-list-wrapper>\n    "])),this._searchFields,(e=>this.dataList.fetch()),(0,l.s2)()?"LIST":"GRID",this._columns,this.items,this.fetchHandler.bind(this))}fetchHandler(e){var t=this;return x((function*(){var{page:r,limit:n,sorters:a=[]}=e;if(t.resourceUrl){var i=yield c.Lp.query({query:(0,o.ZP)(w||(w=P(["\n        ","\n      "])),t._queryBuilder({page:r,limit:n,sorters:a,filters:t.buildFilters()}))});return{total:i.data.response.total||0,page:r,limit:n,records:i.data.response.items||[]}}}))()}get searchForm(){return this.shadowRoot.querySelector("#search-form")}get dataList(){return this.shadowRoot.querySelector("data-list-wrapper")}_getResourceData(){var e=this;return x((function*(){e.columns=[];var t=yield c.Lp.query({query:(0,o.ZP)(_||(_=P(['\n        query {\n          menu(name: "','") {\n            name,\n            resourceUrl,\n            buttons {\n              text\n            },\n            columns {\n              name\n              term\n              colType\n              colSize\n              nullable\n              refType\n              refName\n              refUrl\n              refRelated\n              searchRank\n              sortRank\n              reverseSort\n              searchEditor\n              searchOper\n              searchInitVal\n              gridRank\n              gridEditor\n              gridFormat\n              gridValidator\n              gridWidth\n              gridAlign\n              formEditor\n              formValidator\n              formFormat\n              defVal\n              rangeVal\n              ignoreOnSave\n            }\n          }\n        }\n      '])),e.resourceId)});e.menuMeta=t.data.menu,e.menuTitle=e.menuMeta.name,e.resourceUrl=k(e.menuMeta.resourceUrl),e.searchForm.form.reset(),e._parseResourceMeta(),e.updateContext()}))()}_parseResourceMeta(){if(this.menuMeta){var e=this.menuMeta;this._columns=e.columns.filter((e=>e.gridRank>0)).map((e=>(e.term=d.z.t(e.term),e))).sort(((e,t)=>e.gridRank>t.gridRank?1:-1)),this.buttons=e.buttons,this._searchFields=e.columns.filter((e=>e.searchRank&&e.searchRank>0)).sort(((e,t)=>e.searchRank>t.searchRank?1:-1)).map((e=>({name:e.name,type:e.searchEditor?e.searchEditor:"text",props:{min:e.rangeVal?e.rangeVal.split(",")[0]:null,max:e.rangeVal?e.rangeVal.split(",")[1]:null,searchOper:e.searchOper?e.searchOper:"eq",placeholder:e.term},value:e.searchInitVal})))}}_queryBuilder(e){var{page:t,limit:r,sorters:n,filters:a}=e,i=this._columns&&this._columns.length>0?this._columns.map((e=>"Entity"==e.refType||"Menu"==e.refType?"".concat(k(e.name).replace("Id","")," { id name description }"):k(e.name))).join():"id";return"\n    query {\n      response: ".concat(this.resourceUrl," (\n        ").concat(l.Lg.buildArgs({filters:a,pagination:{limit:r,page:t},sortings:n.map((e=>({name:e.name,desc:!!e.descending})))}),"\n      ) {\n        items {\n          ").concat(i,"\n        }\n        total\n      }\n    }\n  ")}buildFilters(){var e=[];return this.searchForm.formFields.forEach((t=>{t.value&&e.push({name:t.name,operator:t.getAttribute("searchOper"),value:t.value,dataType:this._columns.find((e=>e.name===t.name)).colType})})),e}stateChanged(e){this.resourceId=e.route.resourceId}updated(e){e.has("resourceId")&&this._getResourceData()}}window.customElements.define("resource-ui",S)}}]);

package/dist-client/6067.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_things_factory_reference_app=self.webpackChunk_things_factory_reference_app||[]).push([[6067],{96067:(e,n,r)=>{r.r(n),r(49422),r(18477),r(12585),r(85462);var t,o,c,a=r(94430),i=r(28120),d=r(37077),s=r(77675),l=r(57805),h=r(674);function p(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}class m extends((0,i.$)(s.h)(s.B4)){static get styles(){return[h.N,(0,a.iv)(t||(t=p(["\n        :host {\n        }\n      "])))]}static get properties(){return{}}get context(){return{title:"Menu Page"}}render(){return(0,a.dy)(o||(o=p(['\n      <p>\n        Things Factory 프레임워크에서는 간편하게 메뉴를 구성할 수 있도록 Lite Menu<ox-help-icon\n          topic="module/lite-menu"\n        ></ox-help-icon>\n        모듈을 제공한다.\n      </p>\n      <section @change=','>\n        <mwc-formfield label="Hovering">\n          <mwc-checkbox id="hovering" checked></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,r){this.active}setupMenu(){var e=this.renderRoot.querySelector("#hovering"),n=this.renderRoot.querySelector("#landscape");(0,l.EN)({hovering:e.checked,position:n.checked?d.rn.HEADERBAR:d.rn.NAVBAR,portraitSlotTemplate:(0,a.dy)(c||(c=p([' <domain-switch slot="tail"></domain-switch> '])))})}}customElements.define("menu-page",m)},674:(e,n,r)=>{var t;r.d(n,{N:()=>a});var o,c,a=(0,r(94430).iv)(t||(o=["\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=o.slice(0)),t=Object.freeze(Object.defineProperties(o,{raw:{value:Object.freeze(c)}}))))}}]);

package/dist-client/6100.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_things_factory_reference_app=self.webpackChunk_things_factory_reference_app||[]).push([[6100],{58995:(t,e,n)=>{var i,o,r,a,d,c,s,l,p,u,m=n(171),h=(n(40878),n(5334)),f=n(94430),y=n(56765),g=n(16682),b=n(27805),v=n(53421),w=n(15633);function x(t,e,n,i,o,r,a){try{var d=t[r](a),c=d.value}catch(t){return void n(t)}d.done?e(c):Promise.resolve(c).then(i,o)}function z(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}var C=class extends f.oi{constructor(){super(...arguments),this.contact={},this.editMode=!1,this.detachable=!1}render(){return(0,f.dy)(i||(i=z(["\n      <div content>\n        ",'\n      </div>\n\n      <div class="button-container">\n        ',"\n      </div>\n    "])),this.editMode?(0,f.dy)(o||(o=z(["<ox-contact-edit\n              .contact=","\n              @edit-cancel=","\n              @edit-done=","\n            ></ox-contact-edit>"])),this.contact,(()=>this.editMode=!1),(t=>{this.updateContact(t.detail),this.editMode=!1})):(0,f.dy)(r||(r=z([" <ox-contact-view .contact=","></ox-contact-view>"])),this.contact),this.editMode?(0,f.dy)(s||(s=z(["\n              <mwc-button raised @click=",">","</mwc-button>\n              <mwc-button raised @click=",">","</mwc-button>\n              <mwc-button raised @click=",">","</mwc-button>\n            "])),(()=>this.editor.save()),v.z2.t("button.save"),(()=>this.editor.cancel()),v.z2.t("button.cancel"),(()=>this.editor.reset()),v.z2.t("button.reset")):(0,f.dy)(a||(a=z(["\n              ","\n              <mwc-button raised @click=",">","</mwc-button>\n              <mwc-button raised @click=",">","</mwc-button>\n            "])),this.detachable?(0,f.dy)(d||(d=z(["\n                    <mwc-button\n                      raised\n                      danger\n                      @click=","\n                      >","</mwc-button\n                    >\n                  "])),(()=>{this.dispatchEvent(new CustomEvent("detach")),history.back()}),v.z2.t("button.detach")):(0,f.dy)(c||(c=z([""]))),(()=>this.editMode=!0),v.z2.t("button.edit"),(()=>history.back()),v.z2.t("button.close")))}updateContact(t){var e,n=this;return(e=function*(){if(t.id)var{id:e}=t,i=(0,m._T)(t,["id"]),o=yield b.Lp.mutate({mutation:(0,g.ZP)(l||(l=z(["\n          mutation ($id: String!, $patch: ContactPatch!) {\n            contact: updateContact(id: $id, patch: $patch) {\n              id\n              name\n              company\n              email\n              note\n              items {\n                label\n                type\n                value\n              }\n              profile {\n                left\n                top\n                zoom\n                picture\n              }\n            }\n          }\n        "]))),variables:{id:e,patch:i},context:{hasUpload:!0}});else o=yield b.Lp.mutate({mutation:(0,g.ZP)(p||(p=z(["\n          mutation ($contact: NewContact!) {\n            contact: createContact(contact: $contact) {\n              id\n              name\n              company\n              email\n              note\n              items {\n                label\n                type\n                value\n              }\n              profile {\n                left\n                top\n                zoom\n                picture\n              }\n            }\n          }\n        "]))),variables:{contact:t},context:{hasUpload:!0}});n.contact=o.data.contact,n.dispatchEvent(new CustomEvent("change",{detail:n.contact}))},function(){var t=this,n=arguments;return new Promise((function(i,o){var r=e.apply(t,n);function a(t){x(r,i,o,a,d,"next",t)}function d(t){x(r,i,o,a,d,"throw",t)}a(void 0)}))})()}};C.styles=[w.Ix,w.bx,(0,f.iv)(u||(u=z(["\n      :host {\n        display: flex;\n        flex-direction: column;\n        background-color: var(--popup-content-background-color);\n      }\n\n      [content] {\n        flex: 1;\n        padding: var(--padding-default);\n        overflow: auto;\n      }\n    "])))],(0,m.gn)([(0,y.Cb)({type:Object}),(0,m.w6)("design:type",Object)],C.prototype,"contact",void 0),(0,m.gn)([(0,y.Cb)({type:Boolean,attribute:"edit-mode"}),(0,m.w6)("design:type",Boolean)],C.prototype,"editMode",void 0),(0,m.gn)([(0,y.Cb)({type:Boolean}),(0,m.w6)("design:type",Boolean)],C.prototype,"detachable",void 0),(0,m.gn)([(0,y.IO)("ox-contact-edit"),(0,m.w6)("design:type",h.c)],C.prototype,"editor",void 0),C=(0,m.gn)([(0,y.Mo)("contact-popup")],C)},66100:(t,e,n)=>{n.r(e),n.d(e,{EmployeeListPage:()=>F});var i,o,r,a,d=n(171),c=n(68784),s=(n(58995),n(16682)),l=n(94430),p=n(56765),u=n(27805),m=n(53421),h=n(64312),f=n(36179),y=n(15633);function g(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}function b(t,e,n,i,o,r,a){try{var d=t[r](a),c=d.value}catch(t){return void n(t)}d.done?e(c):Promise.resolve(c).then(i,o)}function v(t){return function(){var e=this,n=arguments;return new Promise((function(i,o){var r=t.apply(e,n);function a(t){b(r,i,o,a,d,"next",t)}function d(t){b(r,i,o,a,d,"throw",t)}a(void 0)}))}}var w=class extends l.oi{constructor(){var t;super(...arguments),t=this,this.data=c.zH,this.selectedRecords=[],this.fetchHandler=function(){var e=v((function*(e){var{page:n=1,limit:o=100,sortings:r=[],filters:a=[]}=e,d=yield u.Lp.query({query:(0,s.ZP)(i||(i=g(["\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n          fetch: contacts(filters: $filters, pagination: $pagination, sortings: $sortings) {\n            items {\n              id\n              name\n              company\n              email\n              phone\n              address\n              department\n              note\n              profile {\n                left\n                top\n                zoom\n                picture\n              }\n              updater {\n                id\n                name\n              }\n              updatedAt\n            }\n            total\n          }\n        }\n      "]))),variables:{filters:a,pagination:{page:n,limit:o},sortings:r},context:(0,u.Bn)()});if(!d.errors)return{records:d.data.fetch.items.map((e=>(t.value&&t.value===e.id&&(t.selectedRecords=[e],e.__selected__=!0),e))),total:d.data.fetch.total,limit:o,page:n}}));return function(t){return e.apply(this,arguments)}}()}render(){return(0,l.dy)(o||(o=g(["\n      <ox-grist\n        .mode=","\n        .config=","\n        .data=","\n        .fetchHandler=","\n        .selectedRecords=",'\n      >\n        <div id="filters" slot="headroom">\n          <ox-filters-form autofocus></ox-filters-form>\n        </div>\n      </ox-grist>\n\n      <div class="button-container">\n        <mwc-button @click=',">","</mwc-button>\n        <mwc-button @click=",">","</mwc-button>\n        <mwc-button @click=",">","</mwc-button>\n      </div>\n    "])),(0,f.s2)()?"LIST":"GRID",this.config,this.data,this.fetchHandler.bind(this),this.selectedRecords,this.onEmpty.bind(this),m.z2.t("button.empty"),this.onCancel.bind(this),m.z2.t("button.cancel"),this.onConfirm.bind(this),m.z2.t("button.confirm"))}onEmpty(){this.confirmCallback&&this.confirmCallback(),(0,h.j4)(this)}onCancel(){(0,h.j4)(this)}onConfirm(){this.confirmCallback&&this.confirmCallback(this.selected),(0,h.j4)(this)}firstUpdated(){var t=this;return v((function*(){t.config={list:{thumbnail:"profile",fields:["name","company"],details:["email","updatedAt"]},columns:[{type:"gutter",gutterName:"sequence"},{type:"gutter",gutterName:"row-selector",multiple:!1},{type:"string",name:"name",header:m.z2.t("field.name"),record:{editable:!1},filter:"search",sortable:!0,width:150},{type:"string",name:"company",header:m.z2.t("field.company"),record:{editable:!1},filter:"search",sortable:!0,width:200},{type:"string",name:"email",header:m.z2.t("field.email"),record:{editable:!1},sortable:!0,width:200},{type:"string",name:"phone",header:m.z2.t("field.phone"),record:{editable:!1},sortable:!0,width:200},{type:"string",name:"department",header:m.z2.t("field.department"),record:{editable:!1},sortable:!0,width:200},{type:"string",name:"address",header:m.z2.t("field.address"),record:{editable:!1},sortable:!0,width:400},{type:"resource-object",name:"updater",header:m.z2.t("field.updater"),record:{editable:!1},sortable:!0,width:120},{type:"datetime",name:"updatedAt",header:m.z2.t("field.updated_at"),record:{editable:!1},sortable:!0,width:180},{type:"image",name:"profile",record:{renderer:function(t,e,n,i,o){return(0,l.dy)(r||(r=g(['<ox-pfp-view\n                style="height:90%; width: unset; aspect-ratio: 1 / 1;"\n                .profile=',"\n                .name=","\n              ></ox-pfp-view>"])),n.profile,n.name)}},hidden:!0}],rows:{selectable:{multiple:!1},handlers:{click:"select-row"},appendable:!1},sorters:[{name:"name"},{name:"company"}]}}))()}get selected(){var t=this.renderRoot.querySelector("ox-grist").selected;return t&&t.length>0?t[0]:void 0}};w.styles=[y.bx,(0,l.iv)(a||(a=g(["\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        background-color: #fff;\n\n        width: var(--overlay-center-normal-width, 50%);\n        height: var(--overlay-center-normal-height, 50%);\n      }\n\n      ox-grist {\n        flex: 1;\n      }\n\n      #filters {\n        display: flex;\n        flex-direction: row;\n        justify-content: space-between;\n      }\n\n      #filters > * {\n        padding: var(--padding-default) var(--padding-wide);\n      }\n    "])))],(0,d.gn)([(0,p.Cb)({type:String}),(0,d.w6)("design:type",String)],w.prototype,"value",void 0),(0,d.gn)([(0,p.Cb)({type:Object}),(0,d.w6)("design:type",Object)],w.prototype,"config",void 0),(0,d.gn)([(0,p.Cb)({type:Object}),(0,d.w6)("design:type",Object)],w.prototype,"data",void 0),(0,d.gn)([(0,p.Cb)({type:Object}),(0,d.w6)("design:type",Function)],w.prototype,"confirmCallback",void 0),(0,d.gn)([(0,p.Cb)({type:Array}),(0,d.w6)("design:type",Array)],w.prototype,"selectedRecords",void 0),(0,d.gn)([(0,p.Cb)({type:Object}),(0,d.w6)("design:type",Object)],w.prototype,"list",void 0),(0,d.gn)([(0,p.IO)("ox-grist"),(0,d.w6)("design:type",c.Nw)],w.prototype,"grist",void 0),w=(0,d.gn)([(0,p.Mo)("contact-selector")],w);var x,z,C,k,O,_,j,P,$,E,I,S,R,L,M=n(77675),A=n(67073),H=n(37077),N=n(28120);function T(t,e,n,i,o,r,a){try{var d=t[r](a),c=d.value}catch(t){return void n(t)}d.done?e(c):Promise.resolve(c).then(i,o)}function q(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}class D extends l.oi{constructor(){super(...arguments),this.employees=[],this.columns={list:{fields:["name","description"]},pagination:{infinite:!0},columns:[{type:"string",name:"name",header:m.z2.t("field.name"),width:150},{type:"string",name:"description",header:m.z2.t("field.description"),width:200},{type:"checkbox",name:"active",header:m.z2.t("field.active"),width:60}]}}render(){return(0,l.dy)(x||(x=q(["\n      <ox-grist\n        .mode=","\n        .config=","\n        .data=",'\n      ></ox-grist>\n\n      <div class="button-container">\n        <mwc-button raised @click="','">',"</mwc-button>\n      </div>\n    "])),(0,f.s2)()?"LIST":"GRID",this.columns,{records:this.employees},this.save.bind(this),m.z2.t("button.save"))}save(){var t,e=this;return(t=function*(){var t;(null===(t=(yield u.Lp.mutate({mutation:(0,s.ZP)(z||(z=q(["\n        mutation importEmployees($employees: [EmployeePatch!]!) {\n          importEmployees(employees: $employees)\n        }\n      "]))),variables:{employees:e.employees}})).errors)||void 0===t?void 0:t.length)||e.dispatchEvent(new CustomEvent("imported"))},function(){var e=this,n=arguments;return new Promise((function(i,o){var r=t.apply(e,n);function a(t){T(r,i,o,a,d,"next",t)}function d(t){T(r,i,o,a,d,"throw",t)}a(void 0)}))})()}}function Z(t,e,n,i,o,r,a){try{var d=t[r](a),c=d.value}catch(t){return void n(t)}d.done?e(c):Promise.resolve(c).then(i,o)}function B(t){return function(){var e=this,n=arguments;return new Promise((function(i,o){var r=t.apply(e,n);function a(t){Z(r,i,o,a,d,"next",t)}function d(t){Z(r,i,o,a,d,"throw",t)}a(void 0)}))}}function G(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}D.styles=[(0,l.iv)(C||(C=q(["\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        background-color: #fff;\n      }\n\n      ox-grist {\n        flex: 1;\n      }\n\n      .button-container {\n        display: flex;\n        margin-left: auto;\n        padding: var(--padding-default);\n      }\n\n      mwc-button {\n        margin-left: var(--margin-default);\n      }\n    "])))],(0,d.gn)([(0,p.Cb)({type:Array}),(0,d.w6)("design:type",Array)],D.prototype,"employees",void 0),(0,d.gn)([(0,p.Cb)({type:Object}),(0,d.w6)("design:type",Object)],D.prototype,"columns",void 0);var F=class extends((0,N.$)(M.h)((0,m.NC)(m.z2)((0,A.f)(M.B4)))){constructor(){super(...arguments),this.mode=(0,f.s2)()?"CARD":"GRID"}static get scopedElements(){return{"employee-importer":D}}get context(){return{search:{handler:t=>{this.grist.searchText=t},placeholder:m.z2.t("title.employee list"),value:this.grist.searchText},filter:{handler:()=>{this.grist.toggleHeadroom()}},help:"organization/employee",actions:[Object.assign({title:m.z2.t("button.save"),action:this._updateEmployee.bind(this)},y.jO.save),Object.assign({title:m.z2.t("button.delete"),action:this._deleteEmployee.bind(this)},y.jO.delete)],exportable:{name:m.z2.t("title.employee list"),data:this.exportHandler.bind(this)},importable:{handler:this.importHandler.bind(this)}}}render(){var t=this.mode||((0,f.s2)()?"CARD":"GRID");return(0,l.dy)(k||(k=G(["\n      <ox-grist .mode="," .config="," .fetchHandler=",'>\n        <div slot="headroom">\n          <div id="filters">\n            <ox-filters-form autofocus without-search></ox-filters-form>\n          </div>\n\n          <div id="sorters">\n            Sort\n            <mwc-icon\n              @click=','\n              >expand_more</mwc-icon\n            >\n            <ox-popup id="sorter-control">\n              <ox-sorters-control> </ox-sorters-control>\n            </ox-popup>\n          </div>\n\n          <div id="modes">\n            <mwc-icon @click='," ?active=",">grid_on</mwc-icon>\n            <mwc-icon @click="," ?active=",">format_list_bulleted</mwc-icon>\n            <mwc-icon @click="," ?active=",">apps</mwc-icon>\n          </div>\n        </div>\n      </ox-grist>\n    "])),t,this.gristConfig,this.fetchHandler.bind(this),(t=>{var e=t.currentTarget;this.sortersControl.open({right:0,top:e.offsetTop+e.offsetHeight})}),(()=>this.mode="GRID"),"GRID"==t,(()=>this.mode="LIST"),"LIST"==t,(()=>this.mode="CARD"),"CARD"==t)}pageInitialized(t){var e=this;return B((function*(){var t;e.gristConfig={list:{fields:["controlNo","name"],details:["email","department","hiredOn","updatedAt"]},columns:[{type:"gutter",gutterName:"sequence"},{type:"gutter",gutterName:"row-selector",multiple:!0},{type:"gutter",gutterName:"button",icon:"contact_page",forList:!1,title:m.z2.t("title.contact"),handlers:{click:(t=B((function*(t,n,i,o,r){o.contact?e.openContactPopup(o):o.id&&e.openContactSelector(o)})),function(e,n,i,o,r){return t.apply(this,arguments)})}},{type:"string",name:"controlNo",header:m.z2.t("field.control-no"),record:{editable:!0},filter:"search",sortable:!0,width:150},{type:"string",name:"name",header:m.z2.t("field.name"),record:{editable:!0},filter:"search",sortable:!0,width:150},{type:"select",name:"type",header:m.z2.t("field.type"),record:{editable:!0,options:[{display:"",value:""},{display:"정규직",value:"FULLTIME"},{display:"시간제 정규직",value:"PARTTIME"},{display:"파견직",value:"TEMPORARY"}]},filter:"search",width:200},{type:"string",name:"email",header:m.z2.t("field.email"),record:{editable:!1},sortable:!0,width:200},{type:"string",name:"phone",header:m.z2.t("field.phone"),record:{editable:!1},sortable:!0,width:200},{type:"string",name:"department",header:m.z2.t("field.department"),record:{editable:!1},sortable:!0,width:200},{type:"checkbox",name:"active",label:!0,header:m.z2.t("field.active"),record:{editable:!0},filter:!0,sortable:!0,width:60},{type:"string",name:"note",header:m.z2.t("field.note"),record:{editable:!0},filter:"search",width:200},{type:"date",name:"hiredOn",header:m.z2.t("field.hired-on"),record:{editable:!0},sortable:!0,width:150},{type:"resource-object",name:"updater",header:m.z2.t("field.updater"),record:{editable:!1},sortable:!0,width:120},{type:"datetime",name:"updatedAt",header:m.z2.t("field.updated_at"),record:{editable:!1},sortable:!0,width:180}],rows:{selectable:{multiple:!0}},sorters:[{name:"name"}]}}))()}pageUpdated(t,e){var n=this;return B((function*(){n.active}))()}fetchHandler(t){return B((function*(){var{page:e=1,limit:n=100,sortings:i=[],filters:o=[]}=t,r=yield u.Lp.query({query:(0,s.ZP)(O||(O=G(["\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n          responses: employees(filters: $filters, pagination: $pagination, sortings: $sortings) {\n            items {\n              id\n              controlNo\n              name\n              type\n              active\n              email\n              department\n              phone\n              note\n              hiredOn\n              contact {\n                id\n              }\n              updater {\n                id\n                name\n              }\n              updatedAt\n            }\n            total\n          }\n        }\n      "]))),variables:{filters:o,pagination:{page:e,limit:n},sortings:i}});return{total:r.data.responses.total||0,records:r.data.responses.items||[]}}))()}_deleteEmployee(){var t=this;return B((function*(){if(confirm(m.z2.t("text.sure_to_x",{x:m.z2.t("text.delete")}))){var e=t.grist.selected.map((t=>t.id));e&&e.length>0&&((yield u.Lp.mutate({mutation:(0,s.ZP)(_||(_=G(["\n            mutation ($ids: [String!]!) {\n              deleteEmployees(ids: $ids)\n            }\n          "]))),variables:{ids:e}})).errors||(t.grist.fetch(),(0,H.h4)({message:m.z2.t("text.info_x_successfully",{x:m.z2.t("text.delete")})})))}}))()}_updateEmployee(){var t=this;return B((function*(){var e=t.grist.dirtyRecords;e&&e.length&&(e=e.map((t=>{var e=t.id?{id:t.id}:{},n=t.__dirtyfields__;for(var i in n)e[i]=n[i].after;return e.cuFlag=t.__dirty__,e})),(yield u.Lp.mutate({mutation:(0,s.ZP)(j||(j=G(["\n          mutation ($patches: [EmployeePatch!]!) {\n            updateMultipleEmployee(patches: $patches) {\n              name\n            }\n          }\n        "]))),variables:{patches:e}})).errors||t.grist.fetch())}))()}exportHandler(){var t=this;return B((function*(){var e=t.grist.selected.length?t.grist.selected:t.grist.dirtyData.records,n=new Set(["id","controlNo","name","email","department","hiredOn"]);return e.map((t=>{var e={};for(var i of n)e[i]=t[i];return e}))}))()}importHandler(t){var e=this;return B((function*(){(0,H.Mw)((0,l.dy)(P||(P=G(["\n        <employee-importer\n          .employees=","\n          @imported=","\n        ></employee-importer>\n      "])),t,(()=>{history.back(),e.grist.fetch()})),{backdrop:!0,size:"large",title:m.z2.t("title.import employee")}).onclosed=()=>{e.grist.fetch()}}))()}openContactPopup(t){var e=this;return B((function*(){var n;if(null===(n=t.contact)||void 0===n?void 0:n.id){var i=yield u.Lp.query({query:(0,s.ZP)($||($=G(["\n        query ($id: String!) {\n          contact(id: $id) {\n            id\n            name\n            company\n            email\n            phone\n            address\n            department\n            note\n            items {\n              type\n              label\n              value\n            }\n            profile {\n              left\n              top\n              zoom\n              picture\n            }\n          }\n        }\n      "]))),variables:{id:t.contact.id}}),{contact:o}=i.data;(0,H.Mw)((0,l.dy)(E||(E=G(["\n        <contact-popup\n          .contact=","\n          @change=","\n          @detach=","\n          detachable\n        ></contact-popup>\n      "])),o,(()=>{e.grist.fetch()}),(()=>{e.detachContact(t)})),{backdrop:!0,size:"large",title:m.z2.t("title.contact")})}}))()}openContactSelector(t){var e=this;return B((function*(){(0,H.Mw)((0,l.dy)(I||(I=G(["\n        <contact-selector .confirmCallback=","></contact-selector>\n      "])),(n=>e.attachContact(t,n))),{backdrop:!0,size:"large",title:m.z2.t("title.contact")})}))()}attachContact(t,e){var n=this;return B((function*(){yield u.Lp.mutate({mutation:(0,s.ZP)(S||(S=G(["\n        mutation ($id: String!, $contactId: String!) {\n          attachContact(id: $id, contactId: $contactId) {\n            id\n          }\n        }\n      "]))),variables:{id:t.id,contactId:e.id}}),n.grist.fetch()}))()}detachContact(t){var e=this;return B((function*(){yield u.Lp.mutate({mutation:(0,s.ZP)(R||(R=G(["\n        mutation ($id: String!) {\n          detachContact(id: $id) {\n            id\n          }\n        }\n      "]))),variables:{id:t.id}}),e.grist.fetch()}))()}};F.styles=[y.Ix,y.Pn,(0,l.iv)(L||(L=G(["\n      :host {\n        display: flex;\n\n        width: 100%;\n\n        --grid-record-emphasized-background-color: red;\n        --grid-record-emphasized-color: yellow;\n      }\n    "])))],(0,d.gn)([(0,p.Cb)({type:Object}),(0,d.w6)("design:type",Object)],F.prototype,"gristConfig",void 0),(0,d.gn)([(0,p.Cb)({type:String}),(0,d.w6)("design:type",String)],F.prototype,"mode",void 0),(0,d.gn)([(0,p.IO)("ox-grist"),(0,d.w6)("design:type",c.Nw)],F.prototype,"grist",void 0),(0,d.gn)([(0,p.IO)("#sorter-control"),(0,d.w6)("design:type",h.WP)],F.prototype,"sortersControl",void 0),F=(0,d.gn)([(0,p.Mo)("employee-list-page")],F)}}]);

package/dist-client/6163.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_things_factory_reference_app=self.webpackChunk_things_factory_reference_app||[]).push([[6163],{56163:(e,n,t)=>{t.r(n),t.d(n,{SearchPage:()=>s}),t(77198);var a,l,c=t(94430),r=t(8253);function i(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}class s extends c.oi{static get styles(){return[r.XF,(0,c.iv)(a||(a=i(["\n        input::input-placeholder {\n          color: var(--theme-white-color);\n        }\n      "])))]}render(){return(0,c.dy)(l||(l=i(['\n      <form class="search-form">\n        <label>a</label>\n        <input type="text" name="a" value="a" />\n\n        <label>b</label>\n        <input type="text" name="b" value="b" />\n\n        <label>c</label>\n        <input type="text" name="c" value="c" />\n\n        <label>d</label>\n        <input type="text" name="d" value="d" />\n\n        <label>e</label>\n        <input type="text" name="e" value="e" />\n\n        <input type="checkbox" name="f" value="f" />\n        <label>f</label>\n\n        <mwc-icon @click='," search>search</mwc-icon>\n      </form>\n    "])),(e=>this.submit()))}}customElements.define("search-page",s)}}]);

package/dist-client/6204.js

@@ -0,0 +1 @@
+(self.webpackChunk_things_factory_reference_app=self.webpackChunk_things_factory_reference_app||[]).push([[6204],{12558:(e,t,r)=>{"use strict";r.d(t,{K:()=>d});var n,s=r(51266);function i(e,t,r,n,s,i,o){try{var a=e[i](o),u=a.value}catch(e){return void r(e)}a.done?t(u):Promise.resolve(u).then(n,s)}function o(e){return function(){var t=this,r=arguments;return new Promise((function(n,s){var o=e.apply(t,r);function a(e){i(o,n,s,a,u,"next",e)}function u(e){i(o,n,s,a,u,"throw",e)}a(void 0)}))}}class a{static enqueue(e){return new Promise(((t,r)=>{this.queue.push({promise:e,resolve:t,reject:r}),this.dequeue()}))}static dequeue(){if(this.workingOnPromise)return!1;var e=this.queue.shift();if(!e)return!1;try{this.workingOnPromise=!0,e.promise.then((t=>{this.workingOnPromise=!1,e.resolve(t),this.dequeue()})).catch((t=>{this.workingOnPromise=!1,e.reject(t),this.dequeue()}))}catch(t){this.workingOnPromise=!1,e.reject(t),this.dequeue()}return!0}}function u(e){return["add","delete","clear","get","getAll","getAllKeys","count","put","openCursor","openKeyCursor"].reduce(((t,r)=>(t[r]=o((function*(){for(var t=yield c(),n=t.transaction(e,"readwrite"),s=n.objectStore(e),i=s[r],o=arguments.length,a=new Array(o),u=0;u<o;u++)a[u]=arguments[u];var d=i.apply(s,a);return yield new Promise(((e,t)=>{d.onsuccess=t=>{var r;e(null===(r=t.target)||void 0===r?void 0:r.result)},d.onerror=e=>{t(e)}}))})),t)),{limit(){var e=arguments,t=this;return o((function*(){for(var r=e.length>0&&void 0!==e[0]?e[0]:50,n=(yield t.getAllKeys()).slice(0,-r),s=0;s<n.length;s++)yield t.delete(n[s])}))()}})}function c(){return n||a.enqueue(new Promise((function(e,t){var r="undefined"!=typeof window?window.indexedDB:self.indexedDB;r||t("this browser does not support indexedDB");var i=r.open("things-factory-database");i.onerror=function(e){s.log("Why didn't you allow my web app to use IndexedDB?!"),t(e)},i.onupgradeneeded=function(e){var t,r=null===(t=e.target)||void 0===t?void 0:t.result;r.createObjectStore("notifications",{keyPath:"id",autoIncrement:!0}).createIndex("notification_id_unqiue","id",{unique:!0}),r.createObjectStore("client_settings",{keyPath:"key",autoIncrement:!0}).createIndex("client_setting_key_unqiue","key",{unique:!0})},i.onsuccess=function(t){s.log("IndexedDB opened successfully"),n=i.result,e(n)}})))}a.queue=[],a.workingOnPromise=!1;var d=u("client_settings");u("notifications")},75787:(e,t,r)=>{"use strict";r.d(t,{A:()=>v,I:()=>b});var n,s,i=r(16682),o=r(83305),a=r(80403),u=r(27805),c=r(51266);function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach((function(t){j(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function j(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function f(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function h(e,t,r,n,s,i,o){try{var a=e[i](o),u=a.value}catch(e){return void r(e)}a.done?t(u):Promise.resolve(u).then(n,s)}function p(e){return function(){var t=this,r=arguments;return new Promise((function(n,s){var i=e.apply(t,r);function o(e){h(i,n,s,o,a,"next",e)}function a(e){h(i,n,s,o,a,"throw",e)}o(void 0)}))}}function b(){var e=new o.ReferenceMap(function(){var e=p((function*(e,t,r){try{var d,j=(yield u.Lp.query({query:(0,i.ZP)(n||(n=f(["\n            query FetchBoardById($id: String!) {\n              board(id: $id) {\n                model\n              }\n            }\n          "]))),variables:{id:e},context:(0,u.Bn)()})).data.board,h=JSON.parse(j.model);try{d=yield v.get(e),c.warn("Board fetched more than twice.",e)}catch(t){d=(0,o.create)({model:h,mode:0,refProvider:v,dataStorage:new a.JL(e),dataSubscriptionProvider:{subscribe:(b=p((function*(e,t){return yield(0,u.Ld)({query:(0,i.ZP)(s||(s=f(['\n                              subscription {\n                                data(tag: "','") {\n                                  tag\n                                  data\n                                }\n                              }\n                            '])),e)},{next:(r=p((function*(e){var{data:r}=e;r&&(t.data=r.data.data)})),function(e){return r.apply(this,arguments)})});var r})),function(e,t){return b.apply(this,arguments)}),dispose(){}}})}t(d,l(l({},j),{},{model:h}))}catch(e){(0,o.error)(e),r(e)}var b}));return function(t,r,n){return e.apply(this,arguments)}}(),function(){var e=p((function*(e,t){t.dispose()}));return function(t,r){return e.apply(this,arguments)}}());return e}var v=b()},87782:(e,t,r)=>{"use strict";r.r(t),r.d(t,{BoardViewerPage:()=>k}),r(46725),r(46570);var n,s,i,o,a,u=r(16682),c=r(94430),d=r(28120),l=r(49562),j=r(77675),f=r(27805),h=r(12558),p=r(75787);function b(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function v(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?b(Object(r),!0).forEach((function(t){y(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function y(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function m(e,t,r,n,s,i,o){try{var a=e[i](o),u=a.value}catch(e){return void r(e)}a.done?t(u):Promise.resolve(u).then(n,s)}function g(e){return function(){var t=this,r=arguments;return new Promise((function(n,s){var i=e.apply(t,r);function o(e){m(i,n,s,o,a,"next",e)}function a(e){m(i,n,s,o,a,"throw",e)}o(void 0)}))}}function w(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var O=()=>{};class k extends((0,d.$)(j.h)(j.B4)){static get properties(){return{_board:Object,_boardId:String,_baseUrl:String,_interactive:Boolean,_showSpinner:Boolean}}static get styles(){return[(0,c.iv)(n||(n=w(["\n        :host {\n          display: flex;\n          flex-direction: column;\n\n          width: 100%; /* 전체화면보기를 위해서 필요함. */\n          height: 100%;\n\n          overflow: hidden;\n          position: relative;\n        }\n\n        ox-board-viewer {\n          flex: 1;\n        }\n\n        oops-spinner {\n          display: none;\n          position: absolute;\n          left: 50%;\n          top: 50%;\n          transform: translate(-50%, -50%);\n        }\n\n        oops-spinner[show] {\n          display: block;\n        }\n\n        oops-note {\n          display: block;\n          position: absolute;\n          left: 50%;\n          top: 50%;\n          transform: translate(-50%, -50%);\n        }\n      "])))]}get oopsNote(){return{icon:"insert_chart_outlined",title:"EMPTY BOARD",description:"There are no board to be shown"}}get context(){return{title:this.lifecycle.params.title||(this._board?this._board.name:this._showSpinner?"Fetching board...":"Board Not Found")}}render(){var e=!this._showSpinner&&!this._board&&this.oopsNote;return e?(0,c.dy)(s||(s=w(["\n          <oops-note\n            icon=","\n            title=","\n            description=","\n            @click=","\n          ></oops-note>\n        "])),e.icon,e.title,e.description,e.click||O):(0,c.dy)(i||(i=w(["\n          <ox-board-viewer\n            .board=","\n            .provider=","\n            ?hide-fullscreen=","\n            ?hide-navigation=","\n          ></ox-board-viewer>\n          <oops-spinner ?show=","></oops-spinner>\n        "])),this._board,p.A,this._interactive,this._interactive,this._showSpinner)}updated(e){e.has("_boardId")&&this.refresh()}pageUpdated(e,t){if(this.active)this._boardId=t.resourceId,this._interactive="true"===t.params.interactive;else{if(this.stopSubscribing(),this._boardId){var r=this.shadowRoot.querySelector("ox-board-viewer");r&&r.closeScene()}this._boardId=""}}stateChanged(e){this._baseUrl=e.app.baseUrl}refresh(){var e=this;return g((function*(){if(e._boardId)try{e._showSpinner=!0,e.updateContext();var t=(yield f.Lp.query({query:(0,u.ZP)(o||(o=w(["\n          query FetchBoardById($id: String!) {\n            board(id: $id) {\n              id\n              name\n              model\n            }\n          }\n        "]))),variables:{id:e._boardId},context:(0,f.Bn)()})).data.board;if(!t)throw e._board=null,"board not found";e._board=v(v({},t),{},{model:JSON.parse(t.model)})}catch(e){document.dispatchEvent(new CustomEvent("notify",{detail:{level:"error",message:e,ex:e}}))}finally{var r;e._showSpinner=!1,e.updateContext();var{autoRefresh:n=!1}=(null===(r=yield h.K.get("board-view"))||void 0===r?void 0:r.value)||{};n&&e.startSubscribingForAutoRefresh()}else e._board=null}))()}startSubscribingForAutoRefresh(){var e=this;return g((function*(){var t;e._boardId&&(yield e.stopSubscribing(),e.subscriptionForAutoRefresh=yield(0,f.Ld)({query:(0,u.ZP)(a||(a=w(["\n          subscription ($id: String!) {\n            board(id: $id) {\n              id\n            }\n          }\n        "]))),variables:{id:e._boardId}},{next:(t=g((function*(t){var{data:r}=t;yield e.stopSubscribing(),r&&e.refresh()})),function(e){return t.apply(this,arguments)})}))}))()}stopSubscribing(){var e=this;return g((function*(){var t;yield null===(t=e.subscriptionForAutoRefresh)||void 0===t?void 0:t.unsubscribe(),delete e.subscriptionForAutoRefresh}))()}getGrf(){var e=this;return g((function*(){var{labelRotation:t}=e._board.model,{width:r,height:n,data:s}=(yield e.shadowRoot.querySelector("ox-board-viewer").getSceneImageData())||{};if(!r)throw"Cannot get SceneImageData...";return(0,l.jZ)(s,r,n,t)}))()}printTrick(e){var t=this;return g((function*(){yield t.renderRoot.querySelector("ox-board-viewer").printTrick(e)}))()}}customElements.define("board-viewer-page",k)},46725:(e,t,r)=>{"use strict";r(52864),r(80351),r(32471),r(85391),r(50311),r(9175),r(25551),r(56852),r(99358),r(30396),r(78108)},96616:(e,t,r)=>{var n={"./af":4313,"./af.js":4313,"./ar":25353,"./ar-dz":26425,"./ar-dz.js":26425,"./ar-kw":45615,"./ar-kw.js":45615,"./ar-ly":15253,"./ar-ly.js":15253,"./ar-ma":86444,"./ar-ma.js":86444,"./ar-sa":4831,"./ar-sa.js":4831,"./ar-tn":24643,"./ar-tn.js":24643,"./ar.js":25353,"./az":7637,"./az.js":7637,"./be":5658,"./be.js":5658,"./bg":38041,"./bg.js":38041,"./bm":9466,"./bm.js":9466,"./bn":88522,"./bn-bd":61402,"./bn-bd.js":61402,"./bn.js":88522,"./bo":97429,"./bo.js":97429,"./br":90690,"./br.js":90690,"./bs":54480,"./bs.js":54480,"./ca":8721,"./ca.js":8721,"./cs":52501,"./cs.js":52501,"./cv":62737,"./cv.js":62737,"./cy":66638,"./cy.js":66638,"./da":35816,"./da.js":35816,"./de":775,"./de-at":17458,"./de-at.js":17458,"./de-ch":97405,"./de-ch.js":97405,"./de.js":775,"./dv":41131,"./dv.js":41131,"./el":64639,"./el.js":64639,"./en-au":58472,"./en-au.js":58472,"./en-ca":22167,"./en-ca.js":22167,"./en-gb":38133,"./en-gb.js":38133,"./en-ie":5573,"./en-ie.js":5573,"./en-il":13084,"./en-il.js":13084,"./en-in":58930,"./en-in.js":58930,"./en-nz":60899,"./en-nz.js":60899,"./en-sg":61978,"./en-sg.js":61978,"./eo":31635,"./eo.js":31635,"./es":22074,"./es-do":46740,"./es-do.js":46740,"./es-mx":36071,"./es-mx.js":36071,"./es-us":7383,"./es-us.js":7383,"./es.js":22074,"./et":87883,"./et.js":87883,"./eu":12743,"./eu.js":12743,"./fa":12977,"./fa.js":12977,"./fi":53049,"./fi.js":53049,"./fil":69987,"./fil.js":69987,"./fo":5550,"./fo.js":5550,"./fr":57126,"./fr-ca":49537,"./fr-ca.js":49537,"./fr-ch":63554,"./fr-ch.js":63554,"./fr.js":57126,"./fy":30956,"./fy.js":30956,"./ga":27677,"./ga.js":27677,"./gd":50291,"./gd.js":50291,"./gl":88807,"./gl.js":88807,"./gom-deva":1018,"./gom-deva.js":1018,"./gom-latn":99153,"./gom-latn.js":99153,"./gu":97721,"./gu.js":97721,"./he":71823,"./he.js":71823,"./hi":87650,"./hi.js":87650,"./hr":73865,"./hr.js":73865,"./hu":28800,"./hu.js":28800,"./hy-am":40342,"./hy-am.js":40342,"./id":32202,"./id.js":32202,"./is":58302,"./is.js":58302,"./it":94258,"./it-ch":30904,"./it-ch.js":30904,"./it.js":94258,"./ja":12995,"./ja.js":12995,"./jv":22009,"./jv.js":22009,"./ka":95643,"./ka.js":95643,"./kk":59377,"./kk.js":59377,"./km":80122,"./km.js":80122,"./kn":44108,"./kn.js":44108,"./ko":98893,"./ko.js":98893,"./ku":63321,"./ku.js":63321,"./ky":62214,"./ky.js":62214,"./lb":27572,"./lb.js":27572,"./lo":95653,"./lo.js":95653,"./lt":39458,"./lt.js":39458,"./lv":62241,"./lv.js":62241,"./me":86377,"./me.js":86377,"./mi":97529,"./mi.js":97529,"./mk":40403,"./mk.js":40403,"./ml":969,"./ml.js":969,"./mn":22529,"./mn.js":22529,"./mr":28209,"./mr.js":28209,"./ms":57692,"./ms-my":35448,"./ms-my.js":35448,"./ms.js":57692,"./mt":89365,"./mt.js":89365,"./my":95552,"./my.js":95552,"./nb":19954,"./nb.js":19954,"./ne":84957,"./ne.js":84957,"./nl":97099,"./nl-be":49156,"./nl-be.js":49156,"./nl.js":97099,"./nn":54960,"./nn.js":54960,"./oc-lnc":2333,"./oc-lnc.js":2333,"./pa-in":91344,"./pa-in.js":91344,"./pl":81886,"./pl.js":81886,"./pt":43926,"./pt-br":44884,"./pt-br.js":44884,"./pt.js":43926,"./ro":33464,"./ro.js":33464,"./ru":1529,"./ru.js":1529,"./sd":85918,"./sd.js":85918,"./se":843,"./se.js":843,"./si":92433,"./si.js":92433,"./sk":70,"./sk.js":70,"./sl":22094,"./sl.js":22094,"./sq":72307,"./sq.js":72307,"./sr":19449,"./sr-cyrl":22424,"./sr-cyrl.js":22424,"./sr.js":19449,"./ss":93586,"./ss.js":93586,"./sv":40902,"./sv.js":40902,"./sw":58466,"./sw.js":58466,"./ta":82953,"./ta.js":82953,"./te":22598,"./te.js":22598,"./tet":92586,"./tet.js":92586,"./tg":35115,"./tg.js":35115,"./th":6506,"./th.js":6506,"./tk":77084,"./tk.js":77084,"./tl-ph":61080,"./tl-ph.js":61080,"./tlh":54205,"./tlh.js":54205,"./tr":17825,"./tr.js":17825,"./tzl":99191,"./tzl.js":99191,"./tzm":94394,"./tzm-latn":22503,"./tzm-latn.js":22503,"./tzm.js":94394,"./ug-cn":95800,"./ug-cn.js":95800,"./uk":74409,"./uk.js":74409,"./ur":55096,"./ur.js":55096,"./uz":63133,"./uz-latn":64546,"./uz-latn.js":64546,"./uz.js":63133,"./vi":68640,"./vi.js":68640,"./x-pseudo":15170,"./x-pseudo.js":15170,"./yo":52876,"./yo.js":52876,"./zh-cn":23390,"./zh-cn.js":23390,"./zh-hk":2358,"./zh-hk.js":2358,"./zh-mo":67908,"./zh-mo.js":67908,"./zh-tw":44,"./zh-tw.js":44};function s(e){var t=i(e);return r(t)}function i(e){if(!r.o(n,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return n[e]}s.keys=function(){return Object.keys(n)},s.resolve=i,e.exports=s,s.id=96616},74854:()=>{},66602:()=>{}}]);

package/dist-client/6283.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_things_factory_reference_app=self.webpackChunk_things_factory_reference_app||[]).push([[6283],{19108:(t,e,r)=>{r.d(e,{o:()=>v});var n,i,o,a=r(94430),c=r(37077),s=r(31887),d=(r(39663),r(95526),r(39424)),l=r(86850),u=r(33586);function p(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function f(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?p(Object(r),!0).forEach((function(e){h(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function h(t,e,r){return(e=function(t){var e=function(t,e){if("object"!=typeof t||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,"string");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==typeof e?e:String(e)}(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function m(t,e,r,n,i,o,a){try{var c=t[o](a),s=c.value}catch(t){return void r(t)}c.done?e(s):Promise.resolve(s).then(n,i)}function g(t){return function(){var e=this,r=arguments;return new Promise((function(n,i){var o=t.apply(e,r);function a(t){m(o,n,i,a,c,"next",t)}function c(t){m(o,n,i,a,c,"throw",t)}a(void 0)}))}}function b(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}class y extends((0,s.N)(s.z)(a.oi)){static get properties(){return{importHandler:Object,config:Object,_config:Object,records:Array}}static get styles(){return[l.Ix,(0,a.iv)(n||(n=b(["\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 t=this;return(0,a.dy)(i||(i=b(['\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    "])),(0,u.s2)()?"LIST":"GRID",this._config,g((function*(){var e=t.getCurrentRecord();if(e.length){if(!(yield(0,d.ID)({title:s.z.t("label.import"),text:s.z.t("text.are_you_sure"),confirmButton:{text:s.z.t("button.import")},cancelButton:{text:s.z.t("button.cancel")}})).value)return;t.importHandler(e)}else(0,d.ID)({title:s.z.t("text.nothing_selected"),text:s.z.t("text.there_is_nothing_to_save")})})),s.z.t("button.import"),(t=>history.back()),s.z.t("button.cancel"))}updated(t){if(t.has("config")){var e=(this.config&&this.config.columns||[]).filter((t=>"gutter"!==t.type));this._config=f(f({},this.config),{},{pagination:{infinite:!0},columns:[{type:"gutter",gutterName:"row-selector",multiple:!0},...e]})}}firstUpdated(){this.dataGrist.data={records:this.records,total:this.records.length}}getCurrentRecord(){var t=this.dataGrist.selected,e=/__\w+__/;return t.map((t=>{var r={cuFlag:"+"};for(var n in t)e.test(n)||(r[n]=t[n]);return r}))}}function v(t,e,r){if(!t||!e||!r||"function"!=typeof r)throw new Error("Invalid parameter to open up import dialog");var n,i;(0,c.Mw)((0,a.dy)(o||(n=[' <import-pop-up .records="','" .config="','" .importHandler="','"></import-pop-up> '],i||(i=n.slice(0)),o=Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(i)}}))),t,e,r),{backdrop:!0,size:"large",title:s.z.t("title.import")})}window.customElements.define("import-pop-up",y)},96283:(t,e,r)=>{r.r(e),r(77198),r(19108),r(62392),r(49005),r(68677),r(43615);var n,i,o,a,c=r(94430),s=r(53421),d=r(37077),l=r(15633),u=r(36179),p=r(39424),f=r(16682),h=r(27805);function m(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}function g(t,e,r,n,i,o,a){try{var c=t[o](a),s=c.value}catch(t){return void r(t)}c.done?e(s):Promise.resolve(s).then(n,i)}function b(t){return function(){var e=this,r=arguments;return new Promise((function(n,i){var o=t.apply(e,r);function a(t){g(o,n,i,a,c,"next",t)}function c(t){g(o,n,i,a,c,"throw",t)}a(void 0)}))}}function y(){return(y=b((function*(t){var{filters:e=[],page:r,limit:i,sortings:o=[]}=t;return yield h.Lp.query({query:(0,f.ZP)(n||(n=m(["\n      query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n        operations(filters: $filters, pagination: $pagination, sortings: $sortings) {\n          items {\n            id\n            name\n            description\n            type\n            operationStdChart\n            operationStdTime\n            active\n            thumbnail\n            updatedAt\n            updater {\n              id\n              name\n              description\n            }\n          }\n          total\n        }\n      }\n    "]))),variables:{filters:e,pagination:{page:r,limit:i},sortings:o}})}))).apply(this,arguments)}function v(){return(v=b((function*(t){return yield h.Lp.query({query:(0,f.ZP)(i||(i=m(["\n      mutation ($ids: [String!]!) {\n        deleteOperations(ids: $ids)\n      }\n    "]))),variables:{ids:t}})}))).apply(this,arguments)}function w(t){return x.apply(this,arguments)}function x(){return(x=b((function*(t){return yield h.Lp.query({query:(0,f.ZP)(o||(o=m(["\n      mutation ($patches: [OperationPatch!]!) {\n        updateMultipleOperation(patches: $patches) {\n          id\n        }\n      }\n    "]))),variables:{patches:t},context:{hasUpload:!0}})}))).apply(this,arguments)}function _(){return(_=b((function*(t){return yield h.Lp.query({query:(0,f.ZP)(a||(a=m(["\n      mutation ($operation: NewOperation!) {\n        createOperation(operation: $operation) {\n          id\n        }\n      }\n    "]))),variables:{operation:t},context:{hasUpload:!0}})}))).apply(this,arguments)}var O,z,j,P=r(51266);function k(t,e,r,n,i,o,a){try{var c=t[o](a),s=c.value}catch(t){return void r(t)}c.done?e(s):Promise.resolve(s).then(n,i)}function S(t){return function(){var e=this,r=arguments;return new Promise((function(n,i){var o=t.apply(e,r);function a(t){k(o,n,i,a,c,"next",t)}function c(t){k(o,n,i,a,c,"throw",t)}a(void 0)}))}}function D(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function C(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?D(Object(r),!0).forEach((function(e){E(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):D(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function E(t,e,r){return(e=function(t){var e=function(t,e){if("object"!=typeof t||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,"string");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==typeof e?e:String(e)}(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function q(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}var T=["ASSY","INV","PACK","SMT","STD","TEST"];class I extends((0,s.NC)(s.z2)(p.B4)){static get styles(){return[l.Pn,(0,c.iv)(O||(O=q(["\n        :host {\n          display: flex;\n\n          width: 100%;\n\n          --grid-record-emphasized-background-color: red;\n          --grid-record-emphasized-color: yellow;\n        }\n      "])))]}static get properties(){return{config:Object,data:Object,mode:String,importHandler:Object}}constructor(){super(),this.mode=(0,u.s2)()?"CARD":"GRID"}render(){var t=this.mode;return(0,c.dy)(z||(z=q(["\n      <ox-grist .config="," .mode="," auto-fetch .fetchHandler=",'>\n        <div slot="headroom">\n          <div id="filters">\n            <ox-filters-form autofocus></ox-filters-form>\n          </div>\n\n          <div id="sorters">\n            Sort\n            <mwc-icon\n              @click=','\n              >expand_more</mwc-icon\n            >\n            <ox-popup id="sorter-control">\n              <ox-sorters-control> </ox-sorters-control>\n            </ox-popup>\n          </div>\n\n          <div id="modes">\n            <mwc-icon @click='," ?active=",">grid_on</mwc-icon>\n            <mwc-icon @click="," ?active=",'>apps</mwc-icon>\n          </div>\n\n          <ox-record-creator id="add" .callback=',">\n            <button><mwc-icon>add</mwc-icon></button>\n          </ox-record-creator>\n        </div>\n      </ox-grist>\n    "])),this.config,t,this.fetchHandler.bind(this),(t=>{var e=t.currentTarget;this.renderRoot.querySelector("#sorter-control").open({right:0,top:e.offsetTop+e.offsetHeight})}),(()=>this.mode="GRID"),"GRID"==t,(()=>this.mode="CARD"),"CARD"==t,this.operationCreationCallback.bind(this))}get context(){return{title:s.z2.t("title.operation"),help:"master/operation-master",actions:[C({title:s.z2.t("button.save"),action:this._saveOperations.bind(this)},l.jO.save),C({title:s.z2.t("button.delete"),action:this._deleteOperations.bind(this)},l.jO.delete)],exportable:{name:s.z2.t("title.operation"),data:this._exportableData.bind(this)},importable:{handler:this._importableData.bind(this)}}}pageInitialized(){var t=this;return S((function*(){t.config={list:{thumbnail:"thumbnail",fields:["name","description"],details:["type","operationStdChart","operationStdTime","updatedAt"]},rows:{selectable:{multiple:!0},handlers:{click:"select-row-toggle"},classifier:function(t,e){}},columns:[{type:"gutter",gutterName:"dirty"},{type:"gutter",gutterName:"sequence"},{type:"gutter",gutterName:"row-selector",multiple:!0},{type:"string",name:"id",header:s.z2.t("field.id"),hidden:!0,record:{editable:!1},imex:{header:s.z2.t("field.id"),key:"id",width:100,type:"string"},width:70},{type:"gutter",gutterName:"button",icon:"drive_file_rename_outline",handlers:{click:"record-view"}},{type:"string",name:"name",header:s.z2.t("field.operation"),record:{editable:!0,mandatory:!0},imex:{header:s.z2.t("field.operation"),key:"name",width:100,type:"string"},filter:"search",sortable:!0,width:120},{type:"string",name:"description",header:s.z2.t("field.description"),record:{editable:!0},imex:{header:s.z2.t("field.description"),key:"description",width:100,type:"string"},filter:"search",width:240},{type:"select",name:"type",header:s.z2.t("field.type"),label:!0,record:{editable:!0,align:"center",options:["",...T]},sortable:!0,props:{searchOper:"eq"},width:120,hidden:!0},{type:"string",name:"operationStdChart",header:s.z2.t("field.operation_std_chart"),label:!0,record:{editable:!0},imex:{header:s.z2.t("field.operation_std_chart"),key:"operationStdChart",width:100,type:"string"},width:120,hidden:!0},{type:"string",name:"operationStdTime",header:s.z2.t("field.operation_std_time"),label:!0,record:{editable:!0},imex:{header:s.z2.t("field.operation_std_time"),key:"operationStdTime",width:100,type:"integer"},width:120,hidden:!0},{type:"boolean",name:"active",header:s.z2.t("field.active"),record:{editable:!0},imex:{header:s.z2.t("field.active"),key:"active",width:100,type:"boolean"},width:120,hidden:!0},{type:"image",name:"thumbnail",header:s.z2.t("field.thumbnail"),record:{editable:!0},width:120},{type:"object",name:"updater",header:s.z2.t("field.updater"),record:{editable:!1},width:80},{type:"datetime",name:"updatedAt",header:s.z2.t("field.updated_at"),record:{editable:!1},sortable:!0,width:180}],sorters:[{name:"name",desc:!1}]}}))()}pageUpdated(t,e,r){this.active&&this.grist.fetch()}get grist(){return this.renderRoot.querySelector("ox-grist")}_importableData(t){setTimeout((()=>{(0,d.Mw)((0,c.dy)(j||(j=q(["\n          <import-pop-up\n            .records=","\n            .config=",'\n            .importHandler="','"\n          ></import-pop-up>\n        '])),t,{rows:this.config.rows,columns:[...this.config.columns.filter((t=>!!t.imex))]},this.importHandler.bind(this)),{backdrop:!0,size:"large",title:s.z2.t("title.import")})}),500)}fetchHandler(){var t=arguments;return S((function*(){var e=yield function(t){return y.apply(this,arguments)}(...t);return{total:e.data.operations.total||0,records:e.data.operations.items||[]}}))()}importHandler(t){var e=this;return S((function*(){(yield w(t)).errors||(history.back(),e.grist.fetch(),document.dispatchEvent(new CustomEvent("notify",{detail:{message:s.z2.t("text.data_imported_successfully")}})))}))()}operationCreationCallback(t){var e=this;return S((function*(){try{var r=yield function(t){return _.apply(this,arguments)}(t);return r.errors||(e.grist.fetch(),document.dispatchEvent(new CustomEvent("notify",{detail:{message:s.z2.t("text.data_created_successfully")}}))),!0}catch(t){return P.error(t),document.dispatchEvent(new CustomEvent("notify",{detail:{type:"error",message:s.z2.t("text.error")}})),!1}}))()}_saveOperations(){var t=this;return S((function*(){var e=t.grist.exportPatchList({flagName:"cuFlag"});e&&e.length&&((yield w(e)).errors||(t.grist.fetch(),document.dispatchEvent(new CustomEvent("notify",{detail:{message:s.z2.t("text.data_updated_successfully")}}))))}))()}_deleteOperations(){var t=this;return S((function*(){var e;t.grist.selected.length?(0,p.ID)({title:s.z2.t("text.are_you_sure"),text:s.z2.t("text.you_wont_be_able_to_revert_this"),type:"warning",confirmButton:{text:s.z2.t("button.delete"),color:"#22a6a7"},cancelButton:{text:"cancel",color:"#cfcfcf"},callback:(e=S((function*(e){if(e.value){var r=t.grist.selected.map((t=>t.id));if(r&&r.length>0){var n=yield function(t){return v.apply(this,arguments)}(r);n.errors||(t.grist.fetch(),document.dispatchEvent(new CustomEvent("notify",{detail:{message:s.z2.t("text.data_deleted_successfully")}})))}}})),function(t){return e.apply(this,arguments)})}):(0,p.ID)({title:s.z2.t("text.nothing_selected"),text:s.z2.t("text.there_is_nothing_to_delete")})}))()}get _columns(){return this.config.columns}_exportableData(){var t=[];return t=this.grist.selected&&this.grist.selected.length>0?this.grist.selected:this.grist.data.records,{header:this.grist.compiledConfig.columns.filter((t=>"gutter"!==t.type&&void 0!==t.record&&void 0!==t.imex)).map((t=>t.imex)),data:t.map((t=>C({id:t.id},this._columns.filter((t=>"gutter"!==t.type&&void 0!==t.record&&void 0!==t.imex)).reduce(((e,r)=>(e[r.imex.key]=r.imex.key.split(".").reduce(((t,e)=>t&&"undefined"!==t[e]?t[e]:void 0),t),e)),{}))))}}}customElements.define("operation-master",I)}}]);

package/dist-client/6331.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_things_factory_reference_app=self.webpackChunk_things_factory_reference_app||[]).push([[6331],{36331:(e,c,f)=>{f.r(c);var H,r,n=f(94430),t=f(28120),J=f(91123),i=f(39424),o=f(86850),a=f(674);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){p(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 p(e,c,f){return(c=function(e){var c=function(e,c){if("object"!=typeof e||null===e)return e;var f=e[Symbol.toPrimitive];if(void 0!==f){var H=f.call(e,"string");if("object"!=typeof H)return H;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof c?c:String(c)}(c))in e?Object.defineProperty(e,c,{value:f,enumerable:!0,configurable:!0,writable:!0}):e[c]=f,e}function b(e,c){return c||(c=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(c)}}))}class L extends((0,t.$)(i.h)(i.B4)){static get styles(){return[a.N,(0,n.iv)(H||(H=b(["\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(u)}},o.jO.submit)]}}render(){return(0,n.dy)(r||(r=b(['\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    "])),u)}updated(e){e.has("itemId")||e.has("params")}stateChanged(e){}pageUpdated(e,c,f){this.active&&(this.print=new J.F)}}customElements.define("direct-print",L);var u="\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"},674:(e,c,f)=>{var H;f.d(c,{N:()=>t});var r,n,t=(0,f(94430).iv)(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"],n||(n=r.slice(0)),H=Object.freeze(Object.defineProperties(r,{raw:{value:Object.freeze(n)}}))))}}]);

package/dist-client/6466.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_things_factory_reference_app=self.webpackChunk_things_factory_reference_app||[]).push([[6466],{6466:(e,t,r)=>{r.r(t),r.d(t,{DataKeySetListPage:()=>G});var n,i,a,o,s,d,c=r(68784),l=r(16682),u=r(94430),p=r(27805),m=r(53421),f=r(36179);function y(e,t,r,n,i,a,o){try{var s=e[a](o),d=s.value}catch(e){return void r(e)}s.done?t(d):Promise.resolve(d).then(n,i)}function g(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}class h extends u.oi{static get properties(){return{columns:Object,dataKeySets:Array}}constructor(){super(),this.columns={list:{fields:["name","description"]},pagination:{infinite:!0},columns:[{type:"string",name:"name",header:m.z2.t("field.name"),width:150},{type:"string",name:"description",header:m.z2.t("field.description"),width:200},{type:"checkbox",name:"active",header:m.z2.t("field.active"),width:60}]}}static get styles(){return[(0,u.iv)(n||(n=g(["\n        :host {\n          display: flex;\n          flex-direction: column;\n\n          background-color: #fff;\n        }\n\n        ox-grist {\n          flex: 1;\n        }\n\n        .button-container {\n          display: flex;\n          margin-left: auto;\n          padding: var(--padding-default);\n        }\n\n        mwc-button {\n          margin-left: var(--margin-default);\n        }\n      "])))]}render(){return(0,u.dy)(i||(i=g(["\n      <ox-grist\n        .mode=","\n        .config=","\n        .data=",'\n      ></ox-grist>\n\n      <div class="button-container">\n        <mwc-button raised @click="','">',"</mwc-button>\n      </div>\n    "])),(0,f.s2)()?"LIST":"GRID",this.columns,{records:this.dataKeySets},this.save.bind(this),m.z2.t("button.save"))}save(){var e,t=this;return(e=function*(){var e;null!==(e=(yield p.Lp.mutate({mutation:(0,l.ZP)(a||(a=g(["\n        mutation importDataKeySets($dataKeySets: [DataKeySetPatch!]!) {\n          importDataKeySets(dataKeySets: $dataKeySets)\n        }\n      "]))),variables:{dataKeySets:t.dataKeySets}})).errors)&&void 0!==e&&e.length||t.dispatchEvent(new CustomEvent("imported"))},function(){var t=this,r=arguments;return new Promise((function(n,i){var a=e.apply(t,r);function o(e){y(a,n,i,o,s,"next",e)}function s(e){y(a,n,i,o,s,"throw",e)}o(void 0)}))})()}}function v(e,t,r,n,i,a,o){try{var s=e[a](o),d=s.value}catch(e){return void r(e)}s.done?t(d):Promise.resolve(d).then(n,i)}function b(e){return function(){var t=this,r=arguments;return new Promise((function(n,i){var a=e.apply(t,r);function o(e){v(a,n,i,o,s,"next",e)}function s(e){v(a,n,i,o,s,"throw",e)}o(void 0)}))}}function w(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}window.customElements.define("data-key-set-importer",h);class x extends((0,m.NC)(m.z2)(u.oi)){static get properties(){return{dataKeySet:Object,gristConfig:Object}}static get styles(){return[(0,u.iv)(o||(o=w(["\n        :host {\n          display: flex;\n          flex-direction: column;\n\n          background-color: #fff;\n        }\n\n        ox-grist {\n          flex: 1;\n        }\n\n        .button-container {\n          display: flex;\n          margin-left: auto;\n          padding: var(--padding-default);\n        }\n\n        [danger] {\n          --mdc-theme-primary: var(--mdc-danger-button-primary-color);\n        }\n        mwc-button {\n          margin-left: var(--margin-default);\n        }\n      "])))]}get grist(){return this.renderRoot.querySelector("ox-grist")}render(){return(0,u.dy)(s||(s=w(["\n      <ox-grist\n        .mode=","\n        .config=","\n        .fetchHandler=",'\n      ></ox-grist>\n      <div class="button-container">\n        <mwc-button raised danger @click=',"\n          >","</mwc-button\n        >\n        <mwc-button raised @click=",">","</mwc-button>\n      </div>\n    "])),(0,f.s2)()?"LIST":"GRID",this.gristConfig,this.fetchHandler.bind(this),this._deleteDataKeyItems.bind(this),m.z2.t("button.delete"),this._updateDataKeyItems.bind(this),m.z2.t("button.save"))}firstUpdated(){var e=this;return b((function*(){e.gristConfig={list:{fields:["name","description","active"]},columns:[{type:"gutter",gutterName:"row-selector",multiple:!0},{type:"gutter",gutterName:"button",icon:"add",handlers:{click:"record-copy"}},{type:"gutter",gutterName:"sequence"},{type:"gutter",gutterName:"button",icon:"arrow_upward",handlers:{click:"move-up"}},{type:"gutter",gutterName:"button",icon:"arrow_downward",handlers:{click:"move-down"}},{type:"string",name:"name",header:m.z2.t("field.name"),record:{editable:!0},width:140},{type:"string",name:"description",header:m.z2.t("field.description"),record:{editable:!0},width:180},{type:"string",name:"dataKey",header:m.z2.t("field.data-key"),record:{editable:!0},width:180},{type:"string",name:"tKey",header:m.z2.t("field.t-key"),record:{editable:!0},width:180}],rows:{selectable:{multiple:!0}},pagination:{infinite:!0},sorters:[]}}))()}fetchHandler(e){var t=this;return b((function*(){var{filters:r,page:n,limit:i,sortings:a=[]}=e,o=t.dataKeySet.dataKeyItems||[];return{total:o.length,records:o}}))()}_updateDataKeyItems(){var e=this;return b((function*(){e.grist.commit(),(yield p.Lp.mutate({mutation:(0,l.ZP)(d||(d=w(["\n        mutation ($id: String!, $patch: DataKeySetPatch!) {\n          updateDataKeySet(id: $id, patch: $patch) {\n            name\n          }\n        }\n      "]))),variables:{id:e.dataKeySet.id,patch:{dataKeyItems:e.grist.data.records,cuFlag:"M"}}})).errors||(yield document.dispatchEvent(new CustomEvent("notify",{detail:{message:m.z2.t("text.info_x_successfully",{x:m.z2.t("button.save")})}})))}))()}_deleteDataKeyItems(){var e=this;return b((function*(){confirm(m.z2.t("text.sure_to_x",{x:m.z2.t("text.delete")}))&&e.grist.deleteSelectedRecords(!1)}))()}}window.customElements.define("data-key-item-list",x);var S,k,z,_,K,j,O,P=r(28120),D=r(37077),I=r(77675),$=r(15633),C=r(33586),R=r(51266);function T(e,t,r,n,i,a,o){try{var s=e[a](o),d=s.value}catch(e){return void r(e)}s.done?t(d):Promise.resolve(d).then(n,i)}function E(e){return function(){var t=this,r=arguments;return new Promise((function(n,i){var a=e.apply(t,r);function o(e){T(a,n,i,o,s,"next",e)}function s(e){T(a,n,i,o,s,"throw",e)}o(void 0)}))}}function N(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function H(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?N(Object(r),!0).forEach((function(t){L(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):N(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function L(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function q(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var A=[{display:"",value:""},{display:"Generated",value:"generated"},{display:"Embed",value:"embed"},{display:"Page",value:"page"},{display:"External URL",value:"external"},{display:"Jasper",value:"jasper"},{display:"Shiny",value:"shiny"}];class G extends((0,P.$)(I.h)((0,m.NC)(m.z2)(I.B4))){static get properties(){return{gristConfig:Object,mode:String}}static get styles(){return[$.Ix,$.Pn,(0,u.iv)(S||(S=q(["\n        :host {\n          display: flex;\n\n          width: 100%;\n\n          --grid-record-emphasized-background-color: red;\n          --grid-record-emphasized-color: yellow;\n        }\n      "])))]}get context(){return{title:m.z2.t("title.data-key-set list"),help:"dataset/data-key-set",actions:[H({title:m.z2.t("button.save"),action:this._updateDataKeySet.bind(this)},$.jO.save),H({title:m.z2.t("button.delete"),action:this._deleteDataKeySet.bind(this)},$.jO.delete)],exportable:{name:m.z2.t("title.data-key-set list"),data:this.exportHandler.bind(this)},importable:{handler:this.importHandler.bind(this)}}}render(){var e=this.mode||((0,f.s2)()?"CARD":"GRID");return(0,u.dy)(k||(k=q(["\n      <ox-grist .mode="," .config="," .fetchHandler=",'>\n        <div slot="headroom">\n          <div id="filters">\n            <ox-filters-form autofocus></ox-filters-form>\n          </div>\n\n          <div id="sorters">\n            Sort\n            <mwc-icon\n              @click=','\n              >expand_more</mwc-icon\n            >\n            <ox-popup id="sorter-control">\n              <ox-sorters-control> </ox-sorters-control>\n            </ox-popup>\n          </div>\n\n          <div id="modes">\n            <mwc-icon @click='," ?active=",">grid_on</mwc-icon>\n            <mwc-icon @click="," ?active=",">format_list_bulleted</mwc-icon>\n            <mwc-icon @click="," ?active=",">apps</mwc-icon>\n          </div>\n        </div>\n      </ox-grist>\n    "])),e,this.gristConfig,this.fetchHandler.bind(this),(e=>{var t=e.currentTarget;this.renderRoot.querySelector("#sorter-control").open({right:0,top:t.offsetTop+t.offsetHeight})}),(()=>this.mode="GRID"),"GRID"==e,(()=>this.mode="LIST"),"LIST"==e,(()=>this.mode="CARD"),"CARD"==e)}get grist(){return this.renderRoot.querySelector("ox-grist")}pageInitialized(e){var t=this;return E((function*(){t.gristConfig={list:{fields:["name","description"],details:["active","updatedAt"]},columns:[{type:"gutter",gutterName:"sequence"},{type:"gutter",gutterName:"row-selector",multiple:!0},{type:"gutter",gutterName:"button",icon:"reorder",handlers:{click:(e,r,n,i,a)=>{i.id&&((0,D.Mw)((0,u.dy)(z||(z=q([" <data-key-item-list .dataKeySet=","></data-key-item-list> "])),i),{backdrop:!0,help:"dataset/ui/data-key-item-list",size:"large",title:m.z2.t("title.data-key-item list")}).onclosed=()=>{t.grist.fetch()})}}},{type:"gutter",gutterName:"button",icon:"checklist",handlers:{click:(e,t,r,n,i)=>{(0,I.c4)("data-sample-search/".concat(n.id))}}},{type:"gutter",gutterName:"button",icon:"newspaper",handlers:{click:(e,t,r,n,i)=>{try{var{id:a,reportType:o,reportView:s}=n;switch(o){case"generated":case"page":case"embed":default:break;case"external":s&&window.open(s,"_blank");break;case"jasper":case"shiny":var d=(0,C.jy)({dataKeySetId:a,reportType:o,reportView:s});(0,I.c4)("data-report-samples/?".concat(d))}}catch(e){R.log(e)}}}},{type:"string",name:"name",header:m.z2.t("field.name"),record:{editable:!0},filter:"search",sortable:!0,width:150},{type:"string",name:"description",header:m.z2.t("field.description"),record:{editable:!0},filter:"search",width:200},{type:"checkbox",name:"active",label:!0,header:m.z2.t("field.active"),record:{editable:!0},filter:!0,sortable:!0,width:60},{type:"select",name:"reportType",label:!0,header:m.z2.t("field.report-type"),record:{editable:!0,options:A},width:80},{type:"string",name:"reportView",header:m.z2.t("field.report-view"),record:{editable:!0,editor:function(e,t,r,n,i){var a="custom"!==r.reportType?"string":"script";return(0,c.y$)(a)(e,t,r,n,i)},renderer:function(e,t,r,n,i){var a=(r.reportType,"string");return(0,c.Bp)(a)(e,t,r,n,i)}},width:140},{type:"resource-object",name:"updater",header:m.z2.t("field.updater"),record:{editable:!1},sortable:!0,width:120},{type:"datetime",name:"updatedAt",header:m.z2.t("field.updated_at"),record:{editable:!1},sortable:!0,width:180}],rows:{selectable:{multiple:!0}},sorters:[{name:"name"}]}}))()}pageUpdated(e,t){var r=this;return E((function*(){r.active}))()}fetchHandler(e){return E((function*(){var{page:t,limit:r,sortings:n=[],filters:i=[]}=e,a=yield p.Lp.query({query:(0,l.ZP)(_||(_=q(["\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n          responses: dataKeySets(filters: $filters, pagination: $pagination, sortings: $sortings) {\n            items {\n              id\n              name\n              description\n              active\n              reportType\n              reportView\n              dataKeyItems {\n                name\n                description\n                dataKey\n                tKey\n              }\n              updater {\n                id\n                name\n              }\n              updatedAt\n            }\n            total\n          }\n        }\n      "]))),variables:{filters:i,pagination:{page:t,limit:r},sortings:n}});return{total:a.data.responses.total||0,records:a.data.responses.items||[]}}))()}_deleteDataKeySet(){var e=this;return E((function*(){if(confirm(m.z2.t("text.sure_to_x",{x:m.z2.t("text.delete")}))){var t=e.grist.selected.map((e=>e.id));t&&t.length>0&&((yield p.Lp.mutate({mutation:(0,l.ZP)(K||(K=q(["\n            mutation ($ids: [String!]!) {\n              deleteDataKeySets(ids: $ids)\n            }\n          "]))),variables:{ids:t}})).errors||(e.grist.fetch(),(0,D.h4)({message:m.z2.t("text.info_x_successfully",{x:m.z2.t("text.delete")})})))}}))()}_updateDataKeySet(){var e=this;return E((function*(){var t=e.grist.dirtyRecords;t&&t.length&&(t=t.map((e=>{var t=e.id?{id:e.id}:{},r=e.__dirtyfields__;for(var n in r)t[n]=r[n].after;return t.cuFlag=e.__dirty__,t})),(yield p.Lp.mutate({mutation:(0,l.ZP)(j||(j=q(["\n          mutation ($patches: [DataKeySetPatch!]!) {\n            updateMultipleDataKeySet(patches: $patches) {\n              name\n            }\n          }\n        "]))),variables:{patches:t}})).errors||e.grist.fetch())}))()}exportHandler(){var e=this;return E((function*(){var t=e.grist.selected.length?e.grist.selected:e.grist.dirtyData.records,r=new Set(["id","name","description","active","reportType","reportView"]);return t.map((e=>{var t={};for(var n of r)t[n]=e[n];return t}))}))()}importHandler(e){var t=this;return E((function*(){(0,D.Mw)((0,u.dy)(O||(O=q(["\n        <data-key-set-importer\n          .dataKeySets=","\n          @imported=","\n        ></data-key-set-importer>\n      "])),e,(()=>{history.back(),t.grist.fetch()})),{backdrop:!0,size:"large",title:m.z2.t("title.import data-key-set")}).onclosed=()=>{t.grist.fetch()}}))()}}window.customElements.define("data-key-set-list-page",G)}}]);

package/dist-client/6671.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_things_factory_reference_app=self.webpackChunk_things_factory_reference_app||[]).push([[6671],{56671:(n,e,o)=>{o.r(e),o.d(e,{Page404:()=>p});var r,t,c=o(171),a=o(94430),i=o(56765),s=o(80645);function d(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}var p=class extends s.B{get context(){return{title:"Page Not Found"}}render(){return(0,a.dy)(r||(r=d(["\n      <section>\n        <mwc-icon>error_outline</mwc-icon>\n        <h2>page not found!</h2>\n        The page you requested cannot be found.\n      </section>\n    "])))}};p.styles=(0,a.iv)(t||(t=d(["\n    :host {\n      display: block;\n      box-sizing: border-box;\n      background-color: var(--main-section-background-color);\n      --padding-wide: 15%;\n    }\n    section {\n      padding: var(--padding-wide) 0 0 0;\n      text-align: center;\n      color: var(--secondary-color);\n    }\n    mwc-icon {\n      --mdc-icon-size: 120px;\n      color: var(--status-danger-color);\n      text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);\n    }\n    h2 {\n      margin: 0 auto;\n      font-size: 2.5em;\n      text-transform: capitalize;\n    }\n    @media only screen and (max-width: 460px) {\n      mwc-icon {\n        padding-top: 25%;\n        --mdc-icon-size: 90px;\n      }\n      h2 {\n        font-size: 2em;\n      }\n    }\n  "]))),p=(0,c.gn)([(0,i.Mo)("page-404")],p)}}]);