@things-factory/reference-app 6.0.28 → 6.0.29

package/dist-client/2098.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_things_factory_reference_app=self.webpackChunk_things_factory_reference_app||[]).push([[2098],{72098:(e,n,o)=>{o.r(n),o(77198);var t,i,c,p=o(18385),l=o(94430),m=o(28120),r=o(39424),u=o(674),a=o(51266);function s(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}class d extends((0,m.$)(r.h)(r.B4)){static get styles(){return[u.N,(0,l.iv)(t||(t=s(["\n        :host {\n          display: block;\n          position: relative;\n        }\n      "])))]}static get properties(){return{}}get context(){return{title:"Context Menu"}}render(){return(0,l.dy)(i||(i=s(["\n      <p>여기서는 Context Menu 등의 용도로 사용될 수 있는 팝업 메뉴 기능을 설명합니다.</p>\n      <p>\n        OxPopupMenu는 미리 hidden element로 위치하고 있을 수도 있으며, 동적으로 생성될 수도 있습니다. 여기서는 미리\n        페이지내에 엘리먼트를 위치시키고 open method로 활성화 시키는 방법을 예시합니다. 데스크톱 브라우저 페이지 내 어느\n        위치에서든 마우스 우측버튼을 클릭하고, 모바일 디바이스에서는 탭을 오래누르면(longpress) 팝업메뉴가 동작합니다.\n      </p>\n    "])))}firstUpdated(){this.addEventListener("contextmenu",(e=>{e.preventDefault(),p.u.open({template:(0,l.dy)(c||(c=s(['\n            <ox-popup-menuitem\n              label="article - click me"\n              @selected=','\n            >\n              <mwc-icon slot="icon">article</mwc-icon>\n            </ox-popup-menuitem>\n\n            <ox-popup-menuitem label="home">\n              <mwc-icon slot="icon">home</mwc-icon>\n            </ox-popup-menuitem>\n\n            <ox-popup-menuitem label="empty"> </ox-popup-menuitem>\n\n            <ox-popup-menuitem\n              label="click me to toggle"\n              @selected=','\n              alive-on-select\n            >\n              <mwc-icon slot="icon" style="width: 20px;height: 20px;"></mwc-icon>\n            </ox-popup-menuitem>\n\n            <ox-popup-menuitem label="verified" @selected=','>\n              <mwc-icon slot="icon">verified</mwc-icon>\n              <ox-popup-menu>\n                <ox-popup-menuitem\n                  label="article"\n                  @selected=','\n                  alive-on-select\n                >\n                  <mwc-icon slot="icon">article</mwc-icon>\n                </ox-popup-menuitem>\n\n                <ox-popup-menuitem label="home">\n                  <mwc-icon slot="icon">home</mwc-icon>\n                </ox-popup-menuitem>\n\n                <ox-popup-menuitem label="verified">\n                  <mwc-icon slot="icon">verified</mwc-icon>\n                  <ox-popup-menu>\n                    <ox-popup-menuitem label="article">\n                      <mwc-icon slot="icon">article</mwc-icon>\n                    </ox-popup-menuitem>\n\n                    <ox-popup-menuitem label="home">\n                      <mwc-icon slot="icon">home</mwc-icon>\n                    </ox-popup-menuitem>\n\n                    <ox-popup-menuitem label="verified">\n                      <mwc-icon slot="icon">verified</mwc-icon>\n                    </ox-popup-menuitem>\n\n                    <ox-popup-menuitem label="checkbox">\n                      <input type="checkbox" slot="icon" />\n                    </ox-popup-menuitem>\n\n                    <div separator></div>\n                  </ox-popup-menu>\n                </ox-popup-menuitem>\n\n                <div separator></div>\n\n                <ox-popup-menuitem label="checkbox">\n                  <input type="checkbox" slot="icon" />\n                </ox-popup-menuitem>\n              </ox-popup-menu>\n            </ox-popup-menuitem>\n\n            <ox-popup-menuitem label="checkbox in icon area" alive-on-select>\n              <input type="checkbox" slot="icon" />\n            </ox-popup-menuitem>\n\n            <div separator></div>\n\n            <div menu>Plain Text</div>\n\n            <div menu alive-on-select>\n              <ox-checkbox label="checkbox" slot="icon" checked />checkbox</ox-checkbox>\n            </div>\n\n            <div menu alive-on-select>\n              <input id="checkbox-01" type="checkbox" />\n              <label for="checkbox-01">custom menu</label>\n            </div>\n            <div menu alive-on-select>\n              <label for="text-01">value</label>\n              <input id="text-01" type="text" value="Plain text input" />\n            </div>\n          '])),(function(e){a.log("first level article selected")}),(function(e){var n=this.querySelector("mwc-icon");n.innerHTML="check"==n.innerHTML?"":"check"}),(e=>a.log("selected verified")),(function(e){a.log("article selected")})),top:e.offsetY,left:e.offsetX,parent:this.renderRoot})}))}}customElements.define("context-menu-page",d)},674:(e,n,o)=>{var t;o.d(n,{N:()=>p});var i,c,p=(0,o(94430).iv)(t||(i=["\n  :host {\n    display: block;\n    background-color: var(--main-section-background-color);\n    padding: var(--padding-wide);\n    overflow: auto;\n  }\n  p {\n    color: var(--secondary-color);\n    font-size: 1em;\n  }\n  h2,\n  h3 {\n    margin-bottom: var(--margin-narrow);\n    color: var(--secondary-text-color);\n  }\n  fieldset {\n    background-color: var(--theme-white-color);\n    margin-top: var(--margin-wide);\n    border: var(--border-dark-color);\n  }\n  fieldset > * {\n    min-width: 10%;\n  }\n"],c||(c=i.slice(0)),t=Object.freeze(Object.defineProperties(i,{raw:{value:Object.freeze(c)}}))))}}]);

package/dist-client/2142.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_things_factory_reference_app=self.webpackChunk_things_factory_reference_app||[]).push([[2142],{62142:(e,t,n)=>{n.r(t),n.d(t,{Connection:()=>P}),n(68784);var r,i,a,o,s,c,d,l,u=n(16682),p=n(94430),f=n(28120),m=n(27805),h=n(64710),g=n(53421),v=n(77675),y=n(15633),b=n(36179),w=n(51266);function C(e,t,n,r,i,a,o){try{var s=e[a](o),c=s.value}catch(e){return void n(e)}s.done?t(c):Promise.resolve(c).then(r,i)}function O(e){return function(){var t=this,n=arguments;return new Promise((function(r,i){var a=e.apply(t,n);function o(e){C(a,r,i,o,s,"next",e)}function s(e){C(a,r,i,o,s,"throw",e)}o(void 0)}))}}function _(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 x(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function j(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 E(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}class P extends((0,f.$)(v.h)((0,g.NC)(g.z2)(v.B4))){static get properties(){return{active:String,gristConfig:Object,connectors:Object}}static get styles(){return[y.Ix,(0,p.iv)(r||(r=E(["\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\n        #filters {\n          display: flex;\n          flex-direction: row;\n          justify-content: space-between;\n\n          background-color: white;\n        }\n\n        #filters > * {\n          padding: var(--padding-default) var(--padding-wide);\n        }\n      "])))]}get context(){return{search:{handler:e=>{this.grist.searchText=e},placeholder:g.z2.t("text.connection list"),value:this.grist.searchText},help:"integration/ui/connection",actions:[x({title:g.z2.t("button.save"),action:this._updateConnectionManager.bind(this)},y.jO.save),x({title:g.z2.t("button.delete"),action:this._deleteConnections.bind(this)},y.jO.delete)]}}render(){return(0,p.dy)(i||(i=E(["\n      <ox-grist\n        .mode=","\n        .config=","\n        .fetchHandler=",'\n      >\n        <div slot="headroom" id="filters"></div>\n      </ox-grist>\n    '])),(0,b.s2)()?"LIST":"GRID",this.gristConfig,this.fetchHandler.bind(this))}get grist(){return this.renderRoot.querySelector("ox-grist")}pageInitialized(){var e=this;return O((function*(){var t;e.fetchConnectors(),e.gristConfig={list:{fields:["name","description","type","active"]},columns:[{type:"gutter",gutterName:"sequence"},{type:"gutter",gutterName:"row-selector",multiple:!0},{type:"gutter",gutterName:"button",name:"state",icon:e=>e&&"CONNECTED"==e.state?"link_off":"link",handlers:{click:(t,n,r,i,a)=>{i&&i.name&&"+"!=i.__dirty__&&("CONNECTED"==i.state?e.disconnect(i):e.connect(i))}}},{type:"object",name:"domain",hidden:!0},{type:"string",name:"name",label:!0,header:g.z2.t("field.name"),record:{editable:!0},filter:"search",sortable:!0,width:150,validation:function(e,t,n,r){return"CONNECTED"!=n.state||(document.dispatchEvent(new CustomEvent("notify",{detail:{level:"warn",message:"connection name cannot be changed during connected."}})),!1)}},{type:"string",name:"description",label:!0,header:g.z2.t("field.description"),record:{editable:!0},filter:"search",width:200},{type:"checkbox",name:"active",label:!0,header:g.z2.t("field.active"),record:{editable:!0},sortable:!0,width:60},{type:"connector",name:"type",label:!0,header:g.z2.t("field.type"),record:{renderer:h.p,editable:!0,help:t=>{var n,r;return null===(n=e.connectors)||void 0===n||null===(r=n[t])||void 0===r?void 0:r.help}},filter:"search",sortable:!0,width:200},{type:"string",name:"endpoint",header:g.z2.t("field.endpoint"),record:{editable:!0},filter:"search",sortable:!0,width:200},{type:"parameters",name:"params",header:g.z2.t("field.params"),record:{editable:!0,options:(t=O((function*(t,n,r,i,a){var o,{name:s,help:c,parameterSpec:d}=r.type?null===(o=e.connectors)||void 0===o?void 0:o[r.type]:{};return{name:s,help:c,spec:d,context:e.grist}})),function(e,n,r,i,a){return t.apply(this,arguments)}),renderer:"json5"},width:100},{type:"object",name:"updater",header:g.z2.t("field.updater"),record:{editable:!1},sortable:!0,width:120},{type:"datetime",name:"updatedAt",header:g.z2.t("field.updated_at"),record:{editable:!1},sortable:!0,width:180}],rows:{selectable:{multiple:!0}},sorters:[{name:"name"}]}}))()}fetchHandler(e){return O((function*(){var{page:t,limit:n,sortings:r=[],filters:i=[]}=e,o=yield m.Lp.query({query:(0,u.ZP)(a||(a=E(["\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n          responses: connections(filters: $filters, pagination: $pagination, sortings: $sortings) {\n            items {\n              id\n              domain {\n                id\n                name\n                description\n              }\n              name\n              description\n              type\n              endpoint\n              active\n              state\n              params\n              updater {\n                id\n                name\n                description\n              }\n              updatedAt\n            }\n            total\n          }\n        }\n      "]))),variables:{filters:i,pagination:{page:t,limit:n},sortings:r}});return{total:o.data.responses.total||0,records:o.data.responses.items||[]}}))()}fetchConnectors(){var e=this;return O((function*(){var t=yield m.Lp.query({query:(0,u.ZP)(o||(o=E(["\n        query {\n          connectors {\n            items {\n              name\n              help\n              parameterSpec {\n                type\n                name\n                label\n                placeholder\n                property\n              }\n            }\n          }\n        }\n      "])))});t.errors?w.error("fetch connectors error"):e.connectors=t.data.connectors.items.reduce(((e,t)=>(e[t.name]=t,e)),{})}))()}_deleteConnections(e){var t=this;return O((function*(){if(confirm(g.z2.t("text.sure_to_x",{x:g.z2.t("text.delete")}))){var e=t.grist.selected.map((e=>e.name));e&&e.length>0&&((yield m.Lp.mutate({mutation:(0,u.ZP)(s||(s=E(["\n            mutation ($names: [String!]!) {\n              deleteConnections(names: $names)\n            }\n          "]))),variables:{names:e}})).errors||(t.grist.fetch(),yield document.dispatchEvent(new CustomEvent("notify",{detail:{message:g.z2.t("text.info_x_successfully",{x:g.z2.t("text.delete")})}}))))}}))()}_updateConnectionManager(){var e=this;return O((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.cuFlag=e.__dirty__,t})),(yield m.Lp.mutate({mutation:(0,u.ZP)(c||(c=E(["\n          mutation ($patches: [ConnectionPatch!]!) {\n            updateMultipleConnection(patches: $patches) {\n              name\n            }\n          }\n        "]))),variables:{patches:t}})).errors||e.grist.fetch())}))()}connect(e){var t=this;return O((function*(){var n=(yield m.Lp.mutate({mutation:(0,u.ZP)(d||(d=E(["\n        mutation ($name: String!) {\n          connectConnection(name: $name) {\n            state\n          }\n        }\n      "]))),variables:{name:e.name}})).data.connectConnection.state;e.state=n,t.grist.refresh(),document.dispatchEvent(new CustomEvent("notify",{detail:{level:"info",message:"".concat("CONNECTED"==n?"success":"fail"," to connect : ").concat(e.name)}}))}))()}disconnect(e){var t=this;return O((function*(){var n=(yield m.Lp.mutate({mutation:(0,u.ZP)(l||(l=E(["\n        mutation ($name: String!) {\n          disconnectConnection(name: $name) {\n            state\n          }\n        }\n      "]))),variables:{name:e.name}})).data.disconnectConnection.state;e.state=n,t.grist.refresh(),document.dispatchEvent(new CustomEvent("notify",{detail:{level:"info",message:"".concat("CONNECTED"==n?"fail":"success"," to disconnect : ").concat(e.name)}}))}))()}}window.customElements.define("connection-page",P)}}]);

package/dist-client/2265.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_things_factory_reference_app=self.webpackChunk_things_factory_reference_app||[]).push([[2265],{92265:(e,t,n)=>{n.r(t);var r,s,c=n(94430),a=n(28120),i=n(39424);function p(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}class o extends((0,a.$)(i.h)(i.B4)){static get styles(){return[(0,c.iv)(r||(r=p(["\n        :host {\n          display: flex;\n        }\n      "])))]}static get properties(){return{referenceApp:String}}render(){return(0,c.dy)(s||(s=p(["\n      <section>\n        <h2>LAYOUT GROUP PAGE</h2>\n        <h3>","</h3>\n      </section>\n    "])),(new Date).toLocaleTimeString())}stateChanged(e){}}window.customElements.define("layout-group-page",o)}}]);

package/dist-client/2418.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_things_factory_reference_app=self.webpackChunk_things_factory_reference_app||[]).push([[2418],{52418:(e,t,n)=>{n.r(t),n(37194),n(68784);var o,r,i=n(94430),a=n(31887),c=n(39424),l=n(51266);function d(e,t,n,o,r,i,a){try{var c=e[i](a),l=c.value}catch(e){return void n(e)}c.done?t(l):Promise.resolve(l).then(o,r)}function s(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}class m extends((0,a.N)(a.z)(c.B4)){static get styles(){return(0,i.iv)(o||(o=s(["\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\n      ox-grist {\n        flex: 1;\n        overflow-y: auto;\n\n        --grid-record-emphasized-background-color: red;\n        --grid-record-emphasized-color: yellow;\n      }\n\n      #headroom {\n        display: flex;\n        flex-direction: column;\n        background-color: var(--primary-color);\n        height: 200px;\n        align-items: center;\n        justify-content: center;\n        color: var(--theme-white-color);\n      }\n\n      #modes > * {\n        padding: var(--padding-narrow);\n        font-size: 1.5em;\n        opacity: 0.7;\n      }\n\n      #modes > mwc-icon[active] {\n        border: 1px solid var(--status-warning-color);\n        border-radius: 9px;\n        background-color: rgba(0, 0, 0, 0.3);\n        opacity: 1;\n      }\n\n      #filters {\n        position: absolute;\n        left: 10px;\n        bottom: 10px;\n        width: calc(100% - 20px);\n      }\n    "])))}static get properties(){return{config:Object,data:Object,mode:String}}get context(){return{title:"Grist Modes and Headroom",printable:!0}}get grist(){return this.shadowRoot.querySelector("ox-grist")}render(){var e=this.mode||"CARD";return(0,i.dy)(r||(r=s(["\n      <ox-grist .config="," .mode="," .fetchHandler=",'>\n        <div slot="headroom" id="headroom">\n          <h1>HEAD ROOM AREA</h1>\n          <div id="modes">\n            <mwc-icon @click='," ?active=",">view_list</mwc-icon>\n            <mwc-icon @click="," ?active=",">menu</mwc-icon>\n            <mwc-icon @click="," ?active=",'>apps</mwc-icon>\n          </div>\n          <div id="tailer">\n            <span\n              @click=',"\n            >\n              Reset\n            </span>\n            |\n            <span\n              @click=",'\n            >\n              Fetch\n            </span>\n          </div>\n\n          <div id="filters">\n            <mwc-icon\n              @click=',"\n              >sort</mwc-icon\n            >\n            <mwc-icon\n              @click=","\n              >more_horiz</mwc-icon\n            >\n            <mwc-icon\n              @click=","\n              >sort</mwc-icon\n            >\n\n            <ox-popup-list alive-on-select>\n              <div\n                option\n                @click=",'\n              >\n                <mwc-icon slot="icon" style="width: 20px;height: 20px;"></mwc-icon>\n                <span>click me to toggle</span>\n              </div>\n              <div\n                option\n                @click=','\n              >\n                <mwc-icon slot="icon" style="width: 20px;height: 20px;"></mwc-icon>\n                <span>click me to toggle</span>\n              </div>\n            </ox-popup-list>\n          </div>\n        </div>\n      </ox-grist>\n    '])),this.config,e,this.fetchHandler,(()=>this.mode="GRID"),"GRID"==e,(()=>this.mode="LIST"),"LIST"==e,(()=>this.mode="CARD"),"CARD"==e,(()=>{this.grist.reset()}),(()=>{this.grist.fetch(!0)}),(e=>{var t=e.currentTarget;this.renderRoot.querySelector("ox-popup-list").open({left:t.offsetLeft,top:t.offsetTop+t.offsetHeight})}),(e=>{var t=e.currentTarget;this.renderRoot.querySelector("ox-popup-list").open({left:t.offsetLeft,top:t.offsetTop+t.offsetHeight})}),(e=>{var t=e.currentTarget;this.renderRoot.querySelector("ox-popup-list").open({left:t.offsetLeft,top:t.offsetTop+t.offsetHeight})}),(function(e){var t=e.currentTarget.querySelector("mwc-icon");t.innerHTML="check"==t.innerHTML?"":"check"}),(function(e){var t=e.currentTarget.querySelector("mwc-icon");t.innerHTML="check"==t.innerHTML?"":"check"}))}fetchHandler(e){return(t=function*(){var{page:t,limit:n,sorters:o=[]}=e,r=120993,i=(t-1)*n;return yield new Promise((e=>setTimeout(e,500))),{total:r,records:Array(n*t>r?r%n:n).fill().map(((e,t)=>({id:t,name:t%2?"shnam-".concat(i+t+1):"heartyoh-".concat(i+t+1),description:t%2?"hatiolab manager-".concat(i+t+1):"hatiosea manager-".concat(i+t+1),email:t%2?"shnam-".concat(i+t+1,"@gmail.com"):"heartyoh-".concat(i+t+1,"@gmail.com"),active:!!(Math.round(2*Math.random())%2),barcode:t%2?"1234567890".concat(i+t+1):"0987654321".concat(i+t+1),company:t%2?{id:"2",name:"HatioLAB",description:"경기도 성남시-".concat(i+t+1)}:{id:"3",name:"HatioSEA",description:"말레이시아 세티아알람-".concat(i+t+1)},thumbnail:t%4==0?"":t%4==1?"http://www.hatiolab.com/assets/img/operato-biz3.png":t%4==2?"http://www.hatiolab.com/assets/img/thingsboard-30.png":"http://www.hatiolab.com/wrong-url.png",role:["admin","worker","tester"][t%3],color:t%2?"#87f018":"#180f87",rate:Math.round(100*Math.random()),dynamicType:["text","email","checkbox","color","progress","barcode"][t%5],dynamicValue:["abcdefghijkl","heartyoh@hatiolab.com","true","orange","50","1234567890"][t%5],homepage:t%2?"http://hatiolab.com/".concat(i+t+1):"http://deadpool.hatiolab.com/".concat(i+t+1),json5:{abc:"abc",value:123},createdAt:Date.now(),updatedAt:Date.now()})))}},function(){var e=this,n=arguments;return new Promise((function(o,r){var i=t.apply(e,n);function a(e){d(i,o,r,a,c,"next",e)}function c(e){d(i,o,r,a,c,"throw",e)}a(void 0)}))})();var t}get gristConfig(){return{list:{thumbnail:"thumbnail",fields:["name","description"],details:["role","email"]},columns:[{type:"gutter",gutterName:"dirty"},{type:"gutter",gutterName:"sequence"},{type:"gutter",gutterName:"row-selector",multiple:!0},{type:"gutter",gutterName:"button",icon:"edit",handlers:{click:"record-view"}},{type:"string",name:"id",hidden:!0},{type:"link",name:"name",label:!0,header:"name",record:{editable:!0,options:{href:function(e,t,n){return t.homepage}}},filter:{type:"text"},sortable:!0,width:120},{type:"string",name:"description",header:"description",record:{editable:!0,align:"left"},width:200,handlers:{dblclick:(e,t,n,o,r)=>{alert("".concat(n.name," ").concat(o[n.name],", row : ").concat(r))}}},{type:"email",name:"email",label:!0,header:"email",record:{editable:!0},filter:!0,sortable:!0,width:130,validation:function(e,t,n,o){return-1!=e.indexOf("@")||(document.dispatchEvent(new CustomEvent("notify",{detail:{type:"error",message:"invalid value - ".concat(e)}})),!1)}},{type:"boolean",name:"active",header:"active",record:{editable:!0},handlers:{dblclick:()=>{var e=document.querySelector("ox-grist");l.log(e.dirtyRecords)}},sortable:!0,width:60},{type:"select",name:"role",label:!0,header:"role",record:{options:["admin","worker","tester"],editable:!0},filter:{options:["admin","worker","tester","xyz","VERY"]},sortable:!0,width:120},{type:"color",name:"color",header:"color",record:{editable:!0},sortable:!0,width:50},{type:"float",name:"rate",header:"rate",record:{align:"right",editable:!0},filter:{operator:"between"},sortable:!0,width:50},{type:"json5",name:"json5",header:"JSON5",width:200},{type:"image",name:"thumbnail",hidden:!0},{type:"datetime",name:"updatedAt",header:"updated at",record:{editable:!0},filter:{type:"datetime",operator:"between"},sortable:!0,width:180},{type:"datetime",name:"createdAt",header:"created at",record:{editable:!0},sortable:!0,width:180}],rows:{selectable:{multiple:!0},handlers:{click:"select-row-toggle"},classifier:function(e,t){var n=e.rate;return{emphasized:n<10?["black","white"]:n<25?["yellow","blue"]:n<40?["cyan","red"]:void 0}}},sorters:[{name:"name",desc:!0},{name:"email"}],pagination:{pages:[20,30,50,100,200]}}}pageUpdated(e,t){this.active&&this.grist.fetch()}pageInitialized(){this.config=this.gristConfig,this.page=1,this.limit=50}}window.customElements.define("grist-mode-page",m)}}]);

package/dist-client/2568.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_things_factory_reference_app=self.webpackChunk_things_factory_reference_app||[]).push([[2568],{42568:(t,e,n)=>{n.r(e),n.d(e,{DepartmentListPage:()=>R});var r,i,a,o,s,d,c,l,p,m=n(171),u=n(68784),h=n(15633),f=n(77675),g=n(94430),v=n(56765),b=n(67073),y=n(27805),w=n(53421),x=n(37077),_=n(64312),z=n(36179),D=n(28120),C=n(16682);function O(t,e,n,r,i,a,o){try{var s=t[a](o),d=s.value}catch(t){return void n(t)}s.done?e(d):Promise.resolve(d).then(r,i)}function P(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}class j extends g.oi{constructor(){super(...arguments),this.departments=[],this.columns={list:{fields:["name","description"]},pagination:{infinite:!0},columns:[{type:"string",name:"name",header:w.z2.t("field.name"),width:150},{type:"string",name:"description",header:w.z2.t("field.description"),width:200},{type:"checkbox",name:"active",header:w.z2.t("field.active"),width:60}]}}render(){return(0,g.dy)(r||(r=P(["\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,z.s2)()?"LIST":"GRID",this.columns,{records:this.departments},this.save.bind(this),w.z2.t("button.save"))}save(){var t,e=this;return(t=function*(){var t;(null===(t=(yield y.Lp.mutate({mutation:(0,C.ZP)(i||(i=P(["\n        mutation importDepartments($departments: [DepartmentPatch!]!) {\n          importDepartments(departments: $departments)\n        }\n      "]))),variables:{departments:e.departments}})).errors)||void 0===t?void 0:t.length)||e.dispatchEvent(new CustomEvent("imported"))},function(){var e=this,n=arguments;return new Promise((function(r,i){var a=t.apply(e,n);function o(t){O(a,r,i,o,s,"next",t)}function s(t){O(a,r,i,o,s,"throw",t)}o(void 0)}))})()}}function k(t,e,n,r,i,a,o){try{var s=t[a](o),d=s.value}catch(t){return void n(t)}s.done?e(d):Promise.resolve(d).then(r,i)}function $(t){return function(){var e=this,n=arguments;return new Promise((function(r,i){var a=t.apply(e,n);function o(t){k(a,r,i,o,s,"next",t)}function s(t){k(a,r,i,o,s,"throw",t)}o(void 0)}))}}function I(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}j.styles=[(0,g.iv)(a||(a=P(["\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,m.gn)([(0,v.Cb)({type:Array}),(0,m.w6)("design:type",Array)],j.prototype,"departments",void 0),(0,m.gn)([(0,v.Cb)({type:Object}),(0,m.w6)("design:type",Object)],j.prototype,"columns",void 0);var R=class extends((0,D.$)(f.h)((0,w.NC)(w.z2)((0,b.f)(f.B4)))){constructor(){super(...arguments),this.mode=(0,z.s2)()?"CARD":"GRID"}static get scopedElements(){return{"department-importer":j}}get context(){return{search:{handler:t=>{this.grist.searchText=t},placeholder:w.z2.t("title.department list"),value:this.grist.searchText},filter:{handler:()=>{this.grist.toggleHeadroom()}},help:"organization/department",actions:[Object.assign({title:w.z2.t("button.save"),action:this._updateDepartment.bind(this)},h.jO.save),Object.assign({title:w.z2.t("button.delete"),action:this._deleteDepartment.bind(this)},h.jO.delete)],exportable:{name:w.z2.t("title.department list"),data:this.exportHandler.bind(this)},importable:{handler:this.importHandler.bind(this)}}}render(){var t=this.mode||((0,z.s2)()?"CARD":"GRID");return(0,g.dy)(o||(o=I(["\n      <ox-grist\n        .mode=","\n        .config=","\n        .fetchHandler=",'\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    "])),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 $((function*(){e.gristConfig={list:{fields:["name","description"],details:["active","updatedAt"]},columns:[{type:"gutter",gutterName:"sequence"},{type:"gutter",gutterName:"row-selector",multiple:!0},{type:"string",name:"name",header:w.z2.t("field.name"),record:{editable:!0},filter:"search",sortable:!0,width:150},{type:"string",name:"description",header:w.z2.t("field.description"),record:{editable:!0},filter:"search",width:200},{type:"checkbox",name:"active",label:!0,header:w.z2.t("field.active"),record:{editable:!0},filter:!0,sortable:!0,width:60},{type:"resource-object",name:"updater",header:w.z2.t("field.updater"),record:{editable:!1},sortable:!0,width:120},{type:"datetime",name:"updatedAt",header:w.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 $((function*(){n.active}))()}fetchHandler(t){return $((function*(){var{page:e=1,limit:n=100,sortings:r=[],filters:i=[]}=t,a=yield y.Lp.query({query:(0,C.ZP)(s||(s=I(["\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n          responses: departments(filters: $filters, pagination: $pagination, sortings: $sortings) {\n            items {\n              id\n              name\n              description\n              active\n              updater {\n                id\n                name\n              }\n              updatedAt\n            }\n            total\n          }\n        }\n      "]))),variables:{filters:i,pagination:{page:e,limit:n},sortings:r}});return{total:a.data.responses.total||0,records:a.data.responses.items||[]}}))()}_deleteDepartment(){var t=this;return $((function*(){if(confirm(w.z2.t("text.sure_to_x",{x:w.z2.t("text.delete")}))){var e=t.grist.selected.map((t=>t.id));e&&e.length>0&&((yield y.Lp.mutate({mutation:(0,C.ZP)(d||(d=I(["\n            mutation ($ids: [String!]!) {\n              deleteDepartments(ids: $ids)\n            }\n          "]))),variables:{ids:e}})).errors||(t.grist.fetch(),(0,x.h4)({message:w.z2.t("text.info_x_successfully",{x:w.z2.t("text.delete")})})))}}))()}_updateDepartment(){var t=this;return $((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 r in n)e[r]=n[r].after;return e.cuFlag=t.__dirty__,e})),(yield y.Lp.mutate({mutation:(0,C.ZP)(c||(c=I(["\n          mutation ($patches: [DepartmentPatch!]!) {\n            updateMultipleDepartment(patches: $patches) {\n              name\n            }\n          }\n        "]))),variables:{patches:e}})).errors||t.grist.fetch())}))()}exportHandler(){var t=this;return $((function*(){var e=t.grist.selected.length?t.grist.selected:t.grist.dirtyData.records,n=new Set(["id","name","description","active"]);return e.map((t=>{var e={};for(var r of n)e[r]=t[r];return e}))}))()}importHandler(t){var e=this;return $((function*(){(0,x.Mw)((0,g.dy)(l||(l=I(["\n        <department-importer\n          .departments=","\n          @imported=","\n        ></department-importer>\n      "])),t,(()=>{history.back(),e.grist.fetch()})),{backdrop:!0,size:"large",title:w.z2.t("title.import department")}).onclosed=()=>{e.grist.fetch()}}))()}};R.styles=[h.Ix,h.Pn,(0,g.iv)(p||(p=I(["\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,m.gn)([(0,v.Cb)({type:Object}),(0,m.w6)("design:type",Object)],R.prototype,"gristConfig",void 0),(0,m.gn)([(0,v.Cb)({type:String}),(0,m.w6)("design:type",String)],R.prototype,"mode",void 0),(0,m.gn)([(0,v.IO)("ox-grist"),(0,m.w6)("design:type",u.Nw)],R.prototype,"grist",void 0),(0,m.gn)([(0,v.IO)("#sorter-control"),(0,m.w6)("design:type",_.WP)],R.prototype,"sortersControl",void 0),R=(0,m.gn)([(0,v.Mo)("department-list-page")],R)}}]);

package/dist-client/258.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_things_factory_reference_app=self.webpackChunk_things_factory_reference_app||[]).push([[258],{40258:(n,o,t)=>{t.r(o);var i,e,r,a,c=t(171),p=(t(89053),t(94430)),d=t(56765),l=t(28120),s=t(99028),v=t(53421),h=t(77675),u=t(15633);function g(n,o,t,i,e,r,a){try{var c=n[r](a),p=c.value}catch(n){return void t(n)}c.done?o(p):Promise.resolve(p).then(i,e)}function w(n){return function(){var o=this,t=arguments;return new Promise((function(i,e){var r=n.apply(o,t);function a(n){g(r,i,e,a,c,"next",n)}function c(n){g(r,i,e,a,c,"throw",n)}a(void 0)}))}}function b(n,o){return o||(o=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(o)}}))}var f=class extends((0,l.$)(h.h)((0,v.NC)(v.z2)(h.B4))){constructor(){super(...arguments),this.showGotoTop=!1}get context(){return{title:v.z2.t("text.help")}}render(){var n=this.topic&&"/helps/".concat(this.topic||"index",".md");return(0,p.dy)(i||(i=b(['\n      <ox-markdown id="content" .src=',' toc></ox-markdown>\n\n      <div id="navigation">\n        <mwc-icon-button icon="home" @click='," ?disabled=",'></mwc-icon-button>\n        <mwc-icon-button icon="keyboard_arrow_left"  @click=','></mwc-icon-button icon="">\n        <mwc-icon-button icon="keyboard_arrow_right"  @click=','></mwc-icon-button icon="">\n      </div>      \n\n      ',"\n    "])),n,(()=>(0,h.c4)("help")),"index"==this.topic,(()=>window.history.back()),(()=>window.history.forward()),this.showGotoTop?(0,p.dy)(e||(e=b([' <mwc-icon id="upward" @click=',">arrow_upward</mwc-icon> "])),(n=>this.gotoTop(n))):(0,p.dy)(r||(r=b([""]))))}firstUpdated(){var n=this;return w((function*(){n.content.addEventListener("scroll",(o=>{var t;n.showGotoTop=0!==(null===(t=o.target)||void 0===t?void 0:t.scrollTop)})),yield n.requestUpdate();var o=parseFloat(getComputedStyle(n.content,null).getPropertyValue("padding-top"));n.content.style.paddingTop=n.navigation.clientHeight+o+"px",new s.Z(n.navigation,{scroller:n.content}).init()}))()}pageUpdated(n,o){var t=this;return w((function*(){t.active&&(t.topic=o.params.topic||"index",t.content.scrollTop=0)}))()}gotoTop(n){this.content.scrollTop=0,n.stopPropagation()}};f.styles=[u.Ix,u.Jz,(0,p.iv)(a||(a=b(["\n      :host {\n        display: flex;\n        flex-direction: column;\n        overflow: hidden;\n        position: relative;\n      }\n\n      #navigation {\n        position: absolute;\n        display: flex;\n        width: 100%;\n        padding: var(--help-navigation-padding);\n        border-bottom: var(--help-navigation-bottom);\n        background-color: white;\n      }\n      #navigation mwc-icon-button {\n        padding: var(--help-navigation-icon-padding);\n        border-right: var(--help-navigation-icon-border);\n        cursor: pointer;\n        color: var(--help-icon-color);\n      }\n      #content {\n        flex: 1;\n\n        overflow: auto;\n        padding: var(--help-panel-content-padding);\n        margin: var(--help-panel-margin);\n      }\n\n      #upward {\n        --mdc-icon-size: 26px;\n        position: absolute;\n        bottom: var(--data-list-fab-position-vertical);\n        right: var(--data-list-fab-position-horizontal);\n        background-color: rgba(255, 255, 255, 0.7);\n        border-radius: 20px;\n        color: var(--data-list-fab-color);\n        box-shadow: var(--data-list-fab-shadow);\n        padding: 7px;\n\n        scroll-padding-top: 65px;\n      }\n    "])))],(0,c.gn)([(0,d.Cb)({type:String})],f.prototype,"topic",void 0),(0,c.gn)([(0,d.Cb)({type:Boolean})],f.prototype,"showGotoTop",void 0),(0,c.gn)([(0,d.IO)("#content")],f.prototype,"content",void 0),(0,c.gn)([(0,d.IO)("#navigation")],f.prototype,"navigation",void 0),f=(0,c.gn)([(0,d.Mo)("ox-help-home")],f)}}]);

package/dist-client/2878.js

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

package/dist-client/2883.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_things_factory_reference_app=self.webpackChunk_things_factory_reference_app||[]).push([[2883],{82883:(e,r,t)=>{t.r(r),t.d(r,{PrintableBoardViewerPage:()=>f});var n=t(87782);function o(e,r,t,n,o,i,c){try{var a=e[i](c),u=a.value}catch(e){return void t(e)}a.done?r(u):Promise.resolve(u).then(n,o)}function i(e){return function(){var r=this,t=arguments;return new Promise((function(n,i){var c=e.apply(r,t);function a(e){o(c,n,i,a,u,"next",e)}function u(e){o(c,n,i,a,u,"throw",e)}a(void 0)}))}}function c(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function a(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?c(Object(t),!0).forEach((function(r){u(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):c(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function u(e,r,t){return(r=function(e){var r=function(e,r){if("object"!=typeof e||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.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 r?r:String(r)}(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}class f extends n.BoardViewerPage{get context(){var e,r=this;return a(a({},super.context),{},{printable:{accept:["preview"],content:(e=i((function*(){var e=yield r.fetchImage();return yield r.printTrick(e),r})),function(){return e.apply(this,arguments)})}})}fetchImage(){var e=this;return i((function*(){var r,t=e._boardId,n=function(e){var r=[];for(var t in e)e.hasOwnProperty(t)&&r.push(encodeURIComponent(t)+"="+encodeURIComponent(e[t]));return r.join("&")}({title:e.context.title}),o="".concat(location.origin,"/screenshot/").concat(t).concat(n?"?"+n:""),i=yield fetch(o);return yield(r=yield i.blob(),new Promise(((e,t)=>{var n=new FileReader;n.onload=()=>{e(n.result)},n.onerror=t,n.readAsDataURL(r)})))}))()}}customElements.define("printable-board-viewer-page",f)}}]);

package/dist-client/2990.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_things_factory_reference_app=self.webpackChunk_things_factory_reference_app||[]).push([[2990],{42990:(e,t,n)=>{n.r(t),n.d(t,{SettingPage:()=>p});var s,r,i,a=n(94430),g=n(28120),c=n(77675),o=n(53421);function u(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}class p extends((0,g.$)(c.h)((0,o.NC)(o.z2)(c.B4))){static get styles(){return[(0,a.iv)(s||(s=u(["\n        :host {\n          overflow-y: auto;\n          background-color: var(--setting-background);\n        }\n        div {\n          margin: var(--setting-icon-margin);\n          height: var(--setting-icon-height);\n          background: url(/assets/images/icon-setting.png) center top no-repeat;\n          background-size: contain;\n        }\n      "])))]}static get properties(){return{_settings:Array}}render(){var e=this._settings.sort(((e,t)=>e.seq-t.seq));return(0,a.dy)(r||(r=u(['\n      <div class="page-icon"></div>\n      ',"\n    "])),e.map((e=>(0,a.dy)(i||(i=u([" "," "])),e.template))))}stateChanged(e){this._settings=e.setting.settings}get context(){return{title:o.z2.t("title.setting")}}}window.customElements.define("setting-page",p)}}]);

package/dist-client/3513.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_things_factory_reference_app=self.webpackChunk_things_factory_reference_app||[]).push([[3513],{93513:(e,t,r)=>{r.r(t),r.d(t,{APISwagger:()=>p});var n,i,a=r(94430),s=r(39424),c=r(31887),f=r(86850);function d(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}class p extends((0,c.N)(c.z)(s.B4)){static get styles(){return[f.Ix,(0,a.iv)(n||(n=d(["\n        :host {\n          display: flex;\n          flex-direction: column;\n          overflow: hidden;\n        }\n\n        iframe {\n          flex: 1;\n        }\n      "])))]}static get properties(){return{api:Object}}get context(){return{widebleed:!0,title:c.z.t("text.api-sandbox")}}render(){return(0,a.dy)(i||(i=d([' <iframe src="/api-docs"></iframe> '])))}pageUpdated(){}}window.customElements.define("api-swagger",p)}}]);

package/dist-client/3557.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_things_factory_reference_app=self.webpackChunk_things_factory_reference_app||[]).push([[3557],{43557:(e,t,n)=>{n.r(t),n(62392),n(49005),n(68677),n(43615),n(12313),n(77198);var r,i,a,o,d,l,c,s=n(16682),p=n(94430),u=n(28120),m=n(68784),f=n(27805),h=n(53421),g=n(77675),v=n(15633),y=n(36179),b=n(83463),w=n(51266);function O(e,t,n,r,i,a,o){try{var d=e[a](o),l=d.value}catch(e){return void n(e)}d.done?t(l):Promise.resolve(l).then(r,i)}function P(e){return function(){var t=this,n=arguments;return new Promise((function(r,i){var a=e.apply(t,n);function o(e){O(a,r,i,o,d,"next",e)}function d(e){O(a,r,i,o,d,"throw",e)}o(void 0)}))}}function _(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 j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function k(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 z(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var x=null===(r=document.querySelector('meta[name="application-name"]'))||void 0===r?void 0:r.content;class $ extends((0,u.$)(g.h)((0,h.NC)(h.z2)(g.B4))){static get properties(){return{config:Object,menus:Array,mode:String}}static get styles(){return[v.Pn,(0,p.iv)(i||(i=z(["\n        :host {\n          display: flex;\n          overflow-x: hidden;\n          flex-direction: column;\n\n          width: 100%;\n        }\n      "])))]}constructor(){super(),this.mode=(0,y.s2)()?"CARD":"GRID"}get context(){return{title:h.z2.t("text.addon-menu management"),actions:[j({title:h.z2.t("button.reload"),action:()=>{this.onReload()}},v.jO.refresh),j({title:h.z2.t("button.delete"),action:()=>{this.onDelete()}},v.jO.delete),j({title:h.z2.t("button.save"),action:()=>{this.onCommit()}},v.jO.save)],exportable:{accept:["json"],name:"lite-menu-list",data:()=>this.grist.data}}}render(){return(0,p.dy)(a||(a=z(["\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=",">apps</mwc-icon>\n          </div>\n        </div>\n      </ox-grist>\n    "])),this.mode,this.config,this.fetchHandler,(e=>{var t=e.currentTarget;this.renderRoot.querySelector("#sorter-control").open({right:0,top:t.offsetTop+t.offsetHeight})}),(()=>this.mode="GRID"),"GRID"==this.mode,(()=>this.mode="CARD"),"CARD"==this.mode)}stateChanged(e){var t;this.menus=null===(t=e.liteMenu)||void 0===t?void 0:t.menus}get grist(){return this.shadowRoot.querySelector("ox-grist")}onCommit(){var e=this;return P((function*(){var t=e.grist,n=t.dirtyRecords.filter((e=>"M"==e.__dirty__)),r=t.dirtyRecords.filter((e=>"+"==e.__dirty__));yield Promise.all(n.map(function(){var e=P((function*(e){var t=e.__origin__.id,n={name:e.name,description:e.description,appName:e.appName,parent:e.parent,rank:e.rank,active:e.active,type:e.type,value:e.value,icon:e.icon};return"group"==e.type&&(n=j(j({},n),{},{parent:""})),yield f.Lp.mutate({mutation:(0,s.ZP)(o||(o=z(["\n            mutation ($id: String!, $patch: LiteMenuPatch!) {\n              updateLiteMenu(id: $id, patch: $patch) {\n                id\n                name\n              }\n            }\n          "]))),variables:{id:t,patch:n}})}));return function(t){return e.apply(this,arguments)}}())),yield Promise.all(r.map(function(){var e=P((function*(e){var t={name:e.name,description:e.description,appName:e.appName,parent:e.parent,rank:e.rank,active:e.active,type:e.type,value:e.value,icon:e.icon};return yield f.Lp.mutate({mutation:(0,s.ZP)(d||(d=z(["\n            mutation ($liteMenu: NewLiteMenu!) {\n              createLiteMenu(liteMenu: $liteMenu) {\n                id\n                name\n              }\n            }\n          "]))),variables:{liteMenu:t}})}));return function(t){return e.apply(this,arguments)}}())),t.fetch(),(0,b.RX)()}))()}onReload(){this.grist.fetch()}onDelete(){var e=this;return P((function*(){var t=e.grist,n=t.selected;yield Promise.all(n.map(function(){var e=P((function*(e){var t=e.id;return yield f.Lp.mutate({mutation:(0,s.ZP)(l||(l=z(["\n            mutation ($id: String!) {\n              deleteLiteMenu(id: $id)\n            }\n          "]))),variables:{id:t}})}));return function(t){return e.apply(this,arguments)}}())),t.fetch(),(0,b.RX)()}))()}pageInitialized(){var e=this;return P((function*(){e.config={list:{thumbnail:"value",fields:["name","description"],details:["type","parent","rank","updatedAt"]},columns:[{type:"gutter",gutterName:"dirty"},{type:"gutter",gutterName:"sequence"},{type:"gutter",gutterName:"row-selector",multiple:!0},{type:"string",name:"id",hidden:!0},{type:"string",name:"name",header:h.z2.t("field.name"),record:{editable:!0},filter:"search",sortable:!0,width:120},{type:"string",name:"description",header:h.z2.t("field.description"),record:{align:"left",editable:!0},filter:"search",width:200},{type:"select",name:"appName",header:h.z2.t("field.app-name"),label:!0,record:{align:"left",editable:!0,options:["",x]},filter:{options:["",x],multiple:!1,operator:"eq"},width:200},{type:"select",name:"parent",label:!0,header:h.z2.t("field.parent-menu"),record:{editable:!0,options:()=>["",...e.menus.filter((e=>"group"!==e.type)).map((e=>e.name))]},sortable:!0,width:120},{type:"number",name:"rank",label:!0,header:h.z2.t("field.rank"),record:{align:"right",editable:!0},sortable:!0,width:60},{type:"select",name:"type",label:!0,header:h.z2.t("field.type"),record:{editable:!0,options:["","group","page","board","interactive-board"]},filter:{options:["","group","page","board","interactive-board"],multiple:!1,operator:"eq"},width:80},{type:"string",name:"value",header:h.z2.t("field.value"),record:{editable:!0,editor:function(e,t,n,r,i){var a="board"!==n.type&&"interactive-board"!==n.type?"string":"board";return(0,m.y$)(a)(e,t,n,r,i)},renderer:function(e,t,n,r,i){var a="board"!==n.type&&"interactive-board"!==n.type?"string":"board";return(0,m.Bp)(a)(e,t,n,r,i)}},width:140},{type:"string",name:"icon",header:h.z2.t("field.icon"),record:{editable:!0},sortable:!1,width:120},{type:"boolean",name:"active",label:!0,header:h.z2.t("field.active"),record:{editable:!0},filter:!0,sortable:!0,width:60},{type:"datetime",name:"updatedAt",header:h.z2.t("field.updated_at"),width:180},{type:"datetime",name:"createdAt",header:h.z2.t("field.created_at"),width:180}],rows:{selectable:{multiple:!0},handlers:{click:"select-row-toggle"}},sorters:[{name:"parent",desc:!1},{name:"rank",desc:!1}],pagination:{pages:[20,30,50,100,200]}},e.page=1,e.limit=50,yield e.updateComplete,e.grist.fetch()}))()}pageUpdated(e,t){var n=this;return P((function*(){n.active&&(yield n.updateComplete,n.grist.fetch())}))()}fetchHandler(e){return P((function*(){var{filters:t=[],page:n,limit:r,sortings:i=[]}=e,a=(yield f.Lp.query({query:(0,s.ZP)(c||(c=z(["\n          query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n            responses: liteMenus(filters: $filters, pagination: $pagination, sortings: $sortings) {\n              items {\n                id\n                name\n                description\n                appName\n                parent\n                rank\n                type\n                value\n                board {\n                  id\n                  name\n                  description\n                  thumbnail\n                }\n                icon\n                active\n                createdAt\n                updatedAt\n                creator {\n                  id\n                  name\n                }\n                updater {\n                  id\n                  name\n                }\n              }\n              total\n            }\n          }\n        "]))),variables:{filters:[...t,{name:"appName",operator:"in",value:["",x]}],pagination:{page:n,limit:r},sortings:i}})).data.responses;return{records:a.items,total:a.total}}))()}liteMenuCreationCallback(e){w.warn("not implemented yet.")}}window.customElements.define("addon-menu-setting",$)}}]);

package/dist-client/3565.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_things_factory_reference_app=self.webpackChunk_things_factory_reference_app||[]).push([[3565],{58995:(t,e,n)=>{var i,o,r,a,c,d,s,l,p,u,m=n(171),h=(n(40878),n(5334)),f=n(94430),g=n(56765),v=n(16682),b=n(27805),y=n(53421),w=n(15633);function x(t,e,n,i,o,r,a){try{var c=t[r](a),d=c.value}catch(t){return void n(t)}c.done?e(d):Promise.resolve(d).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()),y.z2.t("button.save"),(()=>this.editor.cancel()),y.z2.t("button.cancel"),(()=>this.editor.reset()),y.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)(c||(c=z(["\n                    <mwc-button\n                      raised\n                      danger\n                      @click=","\n                      >","</mwc-button\n                    >\n                  "])),(()=>{this.dispatchEvent(new CustomEvent("detach")),history.back()}),y.z2.t("button.detach")):(0,f.dy)(d||(d=z([""]))),(()=>this.editMode=!0),y.z2.t("button.edit"),(()=>history.back()),y.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,v.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,v.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,c,"next",t)}function c(t){x(r,i,o,a,c,"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,g.Cb)({type:Object}),(0,m.w6)("design:type",Object)],C.prototype,"contact",void 0),(0,m.gn)([(0,g.Cb)({type:Boolean,attribute:"edit-mode"}),(0,m.w6)("design:type",Boolean)],C.prototype,"editMode",void 0),(0,m.gn)([(0,g.Cb)({type:Boolean}),(0,m.w6)("design:type",Boolean)],C.prototype,"detachable",void 0),(0,m.gn)([(0,g.IO)("ox-contact-edit"),(0,m.w6)("design:type",h.c)],C.prototype,"editor",void 0),C=(0,m.gn)([(0,g.Mo)("contact-popup")],C)},13565:(t,e,n)=>{n.r(e),n.d(e,{ContactListPage:()=>A});var i,o,r,a,c,d,s,l,p,u,m,h,f,g=n(171),v=n(68784),b=n(15633),y=n(77675),w=n(94430),x=n(56765),z=n(67073),C=n(27805),_=n(53421),k=n(37077),P=n(64312),O=n(36179),$=n(28120),j=n(16682);function I(t,e,n,i,o,r,a){try{var c=t[r](a),d=c.value}catch(t){return void n(t)}c.done?e(d):Promise.resolve(d).then(i,o)}function M(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}n(58995);class L extends w.oi{constructor(){super(...arguments),this.contacts=[],this.columns={list:{fields:["name","description"]},pagination:{infinite:!0},columns:[{type:"string",name:"name",header:_.z2.t("field.name"),width:150},{type:"string",name:"description",header:_.z2.t("field.description"),width:200},{type:"checkbox",name:"active",header:_.z2.t("field.active"),width:60}]}}render(){return(0,w.dy)(i||(i=M(["\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,O.s2)()?"LIST":"GRID",this.columns,{records:this.contacts},this.save.bind(this),_.z2.t("button.save"))}save(){var t,e=this;return(t=function*(){var t;(null===(t=(yield C.Lp.mutate({mutation:(0,j.ZP)(o||(o=M(["\n        mutation importContacts($contacts: [ContactPatch!]!) {\n          importContacts(contacts: $contacts)\n        }\n      "]))),variables:{contacts:e.contacts}})).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){I(r,i,o,a,c,"next",t)}function c(t){I(r,i,o,a,c,"throw",t)}a(void 0)}))})()}}function D(t,e,n,i,o,r,a){try{var c=t[r](a),d=c.value}catch(t){return void n(t)}c.done?e(d):Promise.resolve(d).then(i,o)}function R(t){return function(){var e=this,n=arguments;return new Promise((function(i,o){var r=t.apply(e,n);function a(t){D(r,i,o,a,c,"next",t)}function c(t){D(r,i,o,a,c,"throw",t)}a(void 0)}))}}function S(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}L.styles=[(0,w.iv)(r||(r=M(["\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,g.gn)([(0,x.Cb)({type:Array}),(0,g.w6)("design:type",Array)],L.prototype,"contacts",void 0),(0,g.gn)([(0,x.Cb)({type:Object}),(0,g.w6)("design:type",Object)],L.prototype,"columns",void 0);var A=class extends((0,$.$)(y.h)((0,_.NC)(_.z2)((0,z.f)(y.B4)))){constructor(){super(...arguments),this.mode=(0,O.s2)()?"CARD":"GRID"}static get scopedElements(){return{"contact-importer":L}}get context(){return{search:{handler:t=>{this.grist.searchText=t},placeholder:_.z2.t("title.contact list"),value:this.grist.searchText},filter:{handler:()=>{this.grist.toggleHeadroom()}},help:"contact/contact",actions:[Object.assign({title:_.z2.t("button.save"),action:this._updateContact.bind(this)},b.jO.save),Object.assign({title:_.z2.t("button.delete"),action:this._deleteContact.bind(this)},b.jO.delete)],exportable:{name:_.z2.t("title.contact list"),data:this.exportHandler.bind(this)},importable:{handler:this.importHandler.bind(this)}}}render(){var t=this.mode||((0,O.s2)()?"CARD":"GRID");return(0,w.dy)(a||(a=S(["\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\n          <div id="add">\n            <button><mwc-icon @click=',">add</mwc-icon></button>\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,this.onCreateContact.bind(this))}pageInitialized(t){var e=this;return R((function*(){var t;e.gristConfig={list:{thumbnail:"profile",fields:["name","company"],details:["email","updatedAt"]},columns:[{type:"gutter",gutterName:"sequence"},{type:"gutter",gutterName:"row-selector",multiple:!0},{type:"gutter",gutterName:"button",icon:"edit",forList:!1,title:_.z2.t("title.edit"),handlers:{click:(t=R((function*(t,n,i,o,r){e.openContactPopup(o)})),function(e,n,i,o,r){return t.apply(this,arguments)})}},{type:"string",name:"name",header:_.z2.t("field.name"),record:{editable:!1},filter:"search",sortable:!0,width:150},{type:"string",name:"company",header:_.z2.t("field.company"),record:{editable:!1},filter:"search",sortable:!0,width:200},{type:"string",name:"email",header:_.z2.t("field.email"),record:{editable:!1},sortable:!0,width:200},{type:"string",name:"phone",header:_.z2.t("field.phone"),record:{editable:!1},sortable:!0,width:200},{type:"string",name:"department",header:_.z2.t("field.department"),record:{editable:!1},sortable:!0,width:200},{type:"string",name:"address",header:_.z2.t("field.address"),record:{editable:!1},sortable:!0,width:400},{type:"resource-object",name:"updater",header:_.z2.t("field.updater"),record:{editable:!1},sortable:!0,width:120},{type:"datetime",name:"updatedAt",header:_.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,w.dy)(c||(c=S(['<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:{handlers:{click:(t,n,i,o,r,a)=>{"GRID"!==e.mode&&e.openContactPopup(o)}},appendable:!1,selectable:{multiple:!0}},sorters:[{name:"name"},{name:"company"}]}}))()}pageUpdated(t,e){var n=this;return R((function*(){n.active}))()}fetchHandler(t){return R((function*(){var{page:e=1,limit:n=100,sortings:i=[],filters:o=[]}=t,r=yield C.Lp.query({query:(0,j.ZP)(d||(d=S(["\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n          responses: 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:o,pagination:{page:e,limit:n},sortings:i}});return{total:r.data.responses.total||0,records:r.data.responses.items||[]}}))()}_deleteContact(){var t=this;return R((function*(){if(confirm(_.z2.t("text.sure_to_x",{x:_.z2.t("text.delete")}))){var e=t.grist.selected.map((t=>t.id));e&&e.length>0&&((yield C.Lp.mutate({mutation:(0,j.ZP)(s||(s=S(["\n            mutation ($ids: [String!]!) {\n              deleteContacts(ids: $ids)\n            }\n          "]))),variables:{ids:e}})).errors||(t.grist.fetch(),(0,k.h4)({message:_.z2.t("text.info_x_successfully",{x:_.z2.t("text.delete")})})))}}))()}_updateContact(){var t=this;return R((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 C.Lp.mutate({mutation:(0,j.ZP)(l||(l=S(["\n          mutation ($patches: [ContactPatch!]!) {\n            updateMultipleContact(patches: $patches) {\n              name\n              company\n              email\n              profile {\n                left\n                top\n                zoom\n                picture\n              }\n              updater {\n                id\n                name\n              }\n              updatedAt\n            }\n          }\n        "]))),variables:{patches:e}})).errors||t.grist.fetch())}))()}exportHandler(){var t=this;return R((function*(){var e=t.grist.selected.length?t.grist.selected:t.grist.dirtyData.records,n=new Set(["id","name","company","email"]);return e.map((t=>{var e={};for(var i of n)e[i]=t[i];return e}))}))()}importHandler(t){var e=this;return R((function*(){(0,k.Mw)((0,w.dy)(p||(p=S(["\n        <contact-importer\n          .contacts=","\n          @imported=","\n        ></contact-importer>\n      "])),t,(()=>{history.back(),e.grist.fetch()})),{backdrop:!0,size:"large",title:_.z2.t("title.import contact")}).onclosed=()=>{e.grist.fetch()}}))()}openContactPopup(t){var e=this;return R((function*(){var n=yield C.Lp.query({query:(0,j.ZP)(u||(u=S(["\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.id}}),{contact:i}=n.data;(0,k.Mw)((0,w.dy)(m||(m=S([" <contact-popup .contact=","></contact-popup> "])),i),{backdrop:!0,size:"large",title:_.z2.t("title.contact")}).onclosed=()=>{e.grist.fetch()}}))()}onCreateContact(){var t=this;return R((function*(){(0,k.Mw)((0,w.dy)(h||(h=S([" <contact-popup edit-mode></contact-popup> "]))),{backdrop:!0,size:"large",title:_.z2.t("title.contact")}).onclosed=()=>{t.grist.fetch()}}))()}};A.styles=[b.Ix,b.Pn,(0,w.iv)(f||(f=S(["\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,g.gn)([(0,x.Cb)({type:Object}),(0,g.w6)("design:type",Object)],A.prototype,"gristConfig",void 0),(0,g.gn)([(0,x.Cb)({type:String}),(0,g.w6)("design:type",String)],A.prototype,"mode",void 0),(0,g.gn)([(0,x.IO)("ox-grist"),(0,g.w6)("design:type",v.Nw)],A.prototype,"grist",void 0),(0,g.gn)([(0,x.IO)("#sorter-control"),(0,g.w6)("design:type",P.WP)],A.prototype,"sortersControl",void 0),A=(0,g.gn)([(0,x.Mo)("contact-list-page")],A)}}]);

package/dist-client/3594.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_things_factory_reference_app=self.webpackChunk_things_factory_reference_app||[]).push([[3594],{23594:(n,e,i)=>{i.r(e);var t,a,r,o,l,d,p=i(171),c=i(28362),s=i.n(c),u=i(16682),v=i(94430),b=i(56765),f=i(28120),m=["SELLERCRAFT","XILNEX","MMS","XERO","OTHERS"],g=i(27805),h=i(77675),y=i(51266);function w(n,e,i,t,a,r,o){try{var l=n[r](o),d=l.value}catch(n){return void i(n)}l.done?e(d):Promise.resolve(d).then(t,a)}function x(n){return function(){var e=this,i=arguments;return new Promise((function(t,a){var r=n.apply(e,i);function o(n){w(r,t,a,o,l,"next",n)}function l(n){w(r,t,a,o,l,"throw",n)}o(void 0)}))}}function k(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}var S=class extends((0,f.$)(h.h)(h.B4)){get context(){return{title:{icon:"apps",text:this.application.name}}}render(){var n=this.application||{};return(0,v.dy)(t||(t=k(["\n      <div>\n        <h2><mwc-icon>apps</mwc-icon>&nbsp;","</h2>\n        <p page-description>","</p>\n      </div>\n\n      <div icon>\n        <img src=",' />\n      </div>\n\n      <form>\n        <div fieldset-container>\n          <fieldset>\n            <legend>application</legend>\n            <div field-2column>\n              <div field grid-span>\n                <label for="name">app name</label>\n                <input id="name" type="text" name="name" .value=',' />\n              </div>\n\n              <div field grid-span>\n                <label for="description">description</label>\n                <input id="description" type="text" name="description" .value=',' />\n              </div>\n\n              <div field grid-span>\n                <label for="email">contact email</label>\n                <input id="email" type="text" name="email" .value=',' />\n              </div>\n\n              <div field grid-span>\n                <label for="type-selector">type</label>\n                <select id="type-selector" name="type">\n                  ','\n                </select>\n              </div>\n\n              <div field grid-span>\n                <label for="url">application URL</label>\n                <input id="url" type="text" name="url" .value=',' />\n              </div>\n\n              <div field grid-span>\n                <label for="icon">icon</label>\n                <input id="icon" type="text" name="icon" .value=',' />\n              </div>\n\n              <div field grid-span>\n                <label for="redirect-url">redirect URL</label>\n                <input id="redirect-url" type="text" name="redirectUrl" .value=',' />\n              </div>\n\n              <div field grid-span>\n                <label for="webhook">webhook</label>\n                <input id="webhook" type="text" name="webhook" .value=',' />\n              </div>\n\n              <div field grid-span>\n                <label for="available-scopes">available-scopes</label>\n                <input id="available-scopes" type="text" .value=',' readonly />\n              </div>\n\n              <div field grid-span>\n                <label for="auth-url">auth URL</label>\n                <input id="auth-url" type="text" .value='," readonly />\n                <mwc-button\n                  dense\n                  unelevated\n                  button-in-field\n                  clipboard-copy\n                  @click=",'\n                  label="copy"\n                ></mwc-button>\n                The endpoint for authorization server. This is used to get the authorization code.\n              </div>\n\n              <div field grid-span>\n                <label for="access-token-url">access token URL</label>\n                <input id="access-token-url" type="text" .value='," readonly />\n                <mwc-button\n                  dense\n                  unelevated\n                  button-in-field\n                  clipboard-copy\n                  @click=",'\n                  label="copy"\n                ></mwc-button>\n                The endpoint for authentication server. This is used to exchange the authorization code for an access\n                token.\n              </div>\n            </div>\n          </fieldset>\n        </div>\n\n        <div fieldset-container>\n          <fieldset>\n            <legend>credentials</legend>\n            <div field-2column>\n              <div field grid-span>\n                <label for="app-key">appKey</label>\n                <input id="app-key" type="text" .value='," readonly />\n                <mwc-button\n                  dense\n                  unelevated\n                  button-in-field\n                  clipboard-copy\n                  @click=",'\n                  label="copy"\n                ></mwc-button>\n              </div>\n\n              <div field grid-span>\n                <label for="app-secret">appSecret</label>\n                <input id="app-secret" type="text" .value='," readonly />\n                <mwc-button\n                  dense\n                  unelevated\n                  button-in-field\n                  clipboard-copy\n                  @click=",'\n                  label="copy"\n                ></mwc-button>\n              </div>\n            </div>\n          </fieldset>\n        </div>\n\n        <div class="button-container">\n          <mwc-button raised danger label="delete this app" @click=','></mwc-button>\n          <mwc-button raised label="update" @click=','></mwc-button>\n          <mwc-button outlined label="generate new secret"></mwc-button>\n        </div>\n      </form>\n    '])),n.name,n.description,n.icon,n.name,n.description,n.email,m.map((e=>(0,v.dy)(a||(a=k(['<option value="','" ?selected="','">',"</option>"])),n.type,e===n.type,e))),n.url,n.icon,n.redirectUrl,n.webhook,n.availableScopes,n.authUrl,(n=>n.preventDefault()),n.accessTokenUrl,(n=>n.preventDefault()),n.appKey,(n=>n.preventDefault()),n.appSecret,(n=>n.preventDefault()),this.deleteApplication.bind(this),this.updateApplication.bind(this))}firstUpdated(){this.clipboard=new(s())(this.copybuttons,{target:n=>n.parentElement.querySelector("input")})}pageUpdated(n,e,i){var t=this;return x((function*(){t.active&&(yield t.fetchApplication())}))()}fetchApplication(){var n=this;return x((function*(){var e=yield g.Lp.query({query:(0,u.ZP)(r||(r=k(["\n        query ($id: String!) {\n          application(id: $id) {\n            id\n            name\n            description\n            email\n            url\n            icon\n            redirectUrl\n            authUrl\n            accessTokenUrl\n            webhook\n            availableScopes\n            appKey\n            appSecret\n            type\n          }\n        }\n      "]))),variables:{id:n.lifecycle.resourceId}});n.application=e.data.application}))()}updateApplication(n){var e=this;return x((function*(){n.preventDefault();var i=e.renderRoot.querySelector("form"),t=new FormData(i),a=Array.from(t.entries()).reduce(((n,e)=>{var[i,t]=e;return n[i]=t,n}),{}),r=e.lifecycle.resourceId,l=yield g.Lp.mutate({mutation:(0,u.ZP)(o||(o=k(["\n        mutation ($id: String!, $patch: ApplicationPatch!) {\n          updateApplication(id: $id, patch: $patch) {\n            id\n            name\n            description\n            email\n            url\n            icon\n            redirectUrl\n            webhook\n            appKey\n            appSecret\n            type\n          }\n        }\n      "]))),variables:{id:r,patch:a}});l.errors?y.error("update fail"):(e.application=Object.assign(Object.assign({},e.application),l.data.updateApplication),y.log("update sucess"))}))()}deleteApplication(n){var e=this;return x((function*(){n.preventDefault();var i=e.lifecycle.resourceId;(yield g.Lp.mutate({mutation:(0,u.ZP)(l||(l=k(["\n        mutation ($id: String!) {\n          deleteApplication(id: $id)\n        }\n      "]))),variables:{id:i}})).data.deleteApplication?(y.log("delete sucess"),(0,h.c4)("applications")):y.error("delete fail")}))()}};S.styles=[(0,v.iv)(d||(d=k(["\n      :host {\n        display: flex;\n        flex-direction: column;\n        overflow-y: auto;\n        position: relative;\n        background-color: var(--main-section-background-color);\n        padding: var(--padding-wide);\n      }\n      h2 {\n        margin: var(--title-margin);\n        font: var(--title-font);\n        color: var(--title-text-color);\n      }\n      [page-description] {\n        margin: var(--page-description-margin);\n        font: var(--page-description-font);\n        color: var(--page-description-color);\n      }\n      [icon] {\n        position: absolute;\n        top: 10px;\n        right: 10px;\n        max-width: 80px;\n      }\n      [icon] img {\n        max-width: 100%;\n        max-height: 100%;\n      }\n      label {\n        font: var(--label-font);\n        color: var(--label-color);\n        text-transform: var(--label-text-transform);\n      }\n      input,\n      select {\n        border: var(--border-dark-color);\n        border-radius: var(--border-radius);\n        margin: var(--input-margin);\n        padding: var(--input-padding);\n        font: var(--input-font);\n        flex: 1;\n      }\n      select:focus,\n      input:focus,\n      button {\n        outline: none;\n      }\n      form {\n        max-width: var(--content-container-max-width);\n      }\n      [fieldset-container] {\n        background-color: var(--theme-white-color);\n        margin: var(--margin-wide) 0 var(--margin-default) 0;\n        padding: var(--padding-default);\n        border-radius: var(--border-radius);\n        box-shadow: var(--box-shadow);\n      }\n      [fieldset-container] fieldset {\n        margin: 0;\n        margin-top: -15px;\n      }\n      fieldset {\n        border-radius: var(--border-radius);\n        border: var(--border-dark-color);\n        margin: var(--fieldset-margin);\n        padding: var(--fieldset-padding);\n      }\n      legend {\n        padding: var(--legend-padding);\n        font-weight: bold;\n        color: var(--legend-color);\n      }\n      [field-2column] {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        grid-gap: 15px;\n      }\n      [field] {\n        display: flex;\n        flex-direction: column;\n        position: relative;\n      }\n      [grid-span] {\n        grid-column: span 2;\n      }\n      [button-in-field] {\n        position: absolute;\n        top: 24px;\n        right: 4px;\n      }\n      [input-hint] {\n        font: var(--input-hint-font);\n        color: var(--input-hint-color);\n      }\n      [danger] {\n        --mdc-theme-primary: var(--mdc-danger-button-primary-color);\n      }\n      .button-container {\n        margin-top: var(--margin-wide);\n        text-align: right;\n      }\n      .button-container mwc-button {\n        margin-left: var(--margin-narrow);\n      }\n      @media screen and (max-width: 480px) {\n        [field] {\n          grid-column: span 2;\n        }\n      }\n    "])))],(0,p.gn)([(0,b.Cb)({type:Object}),(0,p.w6)("design:type",Object)],S.prototype,"application",void 0),(0,p.gn)([(0,b.Kt)("[clipboard-copy]"),(0,p.w6)("design:type",Object)],S.prototype,"copybuttons",void 0),S=(0,p.gn)([(0,b.Mo)("application-page")],S)}}]);

package/dist-client/3734.js

@@ -1,2 +0,0 @@
-/*! For license information please see 3734.js.LICENSE.txt */
-"use strict";(self.webpackChunk_things_factory_reference_app=self.webpackChunk_things_factory_reference_app||[]).push([[3734],{73734:(n,e,i)=>{i.r(e);var t,r,o,a,d,s,l,c,u,p,v,f=i(171),h=i(28362),b=i.n(h),g=i(16682),m=i(94430),y=i(56765),x=i(16156),_=i(28120),k=i(27805),w=i(77675),$=i(36179),A=i(51266);function T(n,e,i,t,r,o,a){try{var d=n[o](a),s=d.value}catch(n){return void i(n)}d.done?e(s):Promise.resolve(s).then(t,r)}function C(n){return function(){var e=this,i=arguments;return new Promise((function(t,r){var o=n.apply(e,i);function a(n){T(o,t,r,a,d,"next",n)}function d(n){T(o,t,r,a,d,"throw",n)}a(void 0)}))}}function P(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}var j=class extends((0,_.$)(w.h)(w.B4)){get context(){return{title:{icon:"link",text:this.appbinding.name}}}render(){var n,e,i,c=this.appbinding||{},u=(null===(n=this.appbinding)||void 0===n?void 0:n.application)||{},p=null===(e=this._refreshTokenInfo)||void 0===e?void 0:e.exp,v=null===(i=this._accessTokenInfo)||void 0===i?void 0:i.exp;return(0,m.dy)(t||(t=P(["\n      <div>\n        <h2><mwc-icon>link</mwc-icon>&nbsp;","</h2>\n        <p page-description>","</p>\n      </div>\n\n      ",'\n\n      <form>\n        <div fieldset-container>\n          <fieldset>\n            <legend>application</legend>\n            <div field-2column>\n              <div field grid-span>\n                <label for="app-name">app name</label>\n                <input id="app-name" type="text" .value=',' readonly />\n              </div>\n\n              <div field grid-span>\n                <label for="app-description">description</label>\n                <input id="app-description" type="text" .value=',' readonly />\n              </div>\n\n              <div field>\n                <label for="contact-email">contact email</label>\n                <input id="contact-email" type="text" .value=',' readonly />\n              </div>\n            </div>\n          </fieldset>\n        </div>\n\n        <div fieldset-container>\n          <fieldset>\n            <legend>binding</legend>\n            <div field-2column>\n              <div field grid-span>\n                <label for="id">id</label>\n                <input id="id" type="text" .value=',' readonly />\n              </div>\n\n              <div field grid-span>\n                <label for="name">name</label>\n                <input id="name" type="text" .value=',' readonly />\n              </div>\n\n              <div field>\n                <label for="status">status</label>\n                <input id="status" type="text" .value=',' readonly />\n              </div>\n\n              <div field>\n                <label for="scope">scope</label>\n                <input id="scope" type="text" .value=',' readonly />\n              </div>\n            </div>\n          </fieldset>\n        </div>\n\n        <div fieldset-container>\n          <fieldset>\n            <legend>binding credential</legend>\n            <div field-2column>\n              <div field grid-span>\n                <label for="access-token">access token</label>\n                <input id="access-token" type="text" .value='," readonly />\n                <button button-in-field clipboard-copy @click=",">copy</button>\n                ",'\n              </div>\n\n              <div field grid-span>\n                <label for="refresh-token">refresh token</label>\n                <input id="refresh-token" type="text" .value='," readonly />\n                <button button-in-field clipboard-copy @click=",">copy</button>\n                ","\n              </div>\n            </div>\n          </fieldset>\n        </div>\n\n        <button @click=",">delete this application binding</button>\n        <button @click=",">renew access token</button>\n      </form>\n    "])),u.name,u.description,u.icon?(0,m.dy)(r||(r=P(["\n            <div icon>\n              <img src="," />\n            </div>\n          "])),u.icon):(0,m.dy)(o||(o=P([""]))),u.name,u.description,u.email,c.id,c.email,c.status,c.scope,this.accessToken||"",(n=>n.preventDefault()),v?(0,m.dy)(a||(a=P(["<div input-hint>\n                      expired in "," :\n                      ","\n                    </div>"])),new Date(v).toLocaleString(),(0,x.E)(this.expTimer(v))):(0,m.dy)(d||(d=P([""]))),c.refreshToken||"",(n=>n.preventDefault()),p?(0,m.dy)(s||(s=P(["<div input-hint>\n                      expired in "," :\n                      ","\n                    </div>"])),new Date(p).toLocaleString(),(0,x.E)(this.expTimer(p))):(0,m.dy)(l||(l=P([""]))),this.deleteAppBinding.bind(this),this.renewApplicationAccessToken.bind(this))}expTimer(n){return(0,f.FC)(this,arguments,(function*(){for(;this.active;){var e=Math.floor(Number(n)-Date.now()/1e3),i=Math.floor(e/86400);e-=86400*i;var t=Math.floor(e/3600);e-=3600*t;var r=Math.floor(e/60),o=e-60*r;yield yield(0,f.qq)("".concat(i," days ").concat(t," hours ").concat(r," mins ").concat(o," seconds remain")),yield(0,f.qq)((0,$._v)(1e3))}}))}firstUpdated(){var n=this.renderRoot.querySelectorAll("[clipboard-copy]");this.clipboard=new(b())(n,{target:n=>n.parentElement.querySelector("input")})}updated(n){if(n.has("appbinding")){var{refreshToken:e}=this.appbinding||{};this._refreshTokenInfo=e?(0,$.aj)(e):{}}n.has("accessToken")&&(this._accessTokenInfo=this.accessToken?(0,$.aj)(this.accessToken):{})}pageUpdated(n,e,i){var t=this;return C((function*(){t.active&&(yield t.fetchAppBinding())}))()}fetchAppBinding(){var n=this;return C((function*(){var e=yield k.Lp.query({query:(0,g.ZP)(c||(c=P(["\n        query ($id: String!) {\n          appBinding(id: $id) {\n            id\n            name\n            description\n            email\n            scope\n            status\n            application {\n              id\n              name\n              description\n              email\n              icon\n            }\n            refreshToken\n          }\n        }\n      "]))),variables:{id:n.lifecycle.resourceId}});n.appbinding=e.data.appBinding}))()}deleteAppBinding(n){var e=this;return C((function*(){n.preventDefault();var i=e.lifecycle.resourceId;(yield k.Lp.mutate({mutation:(0,g.ZP)(u||(u=P(["\n        mutation ($id: String!) {\n          deleteAppBinding(id: $id)\n        }\n      "]))),variables:{id:i}})).data.deleteAppBinding?(A.log("delete sucess"),(0,w.c4)("app-bindings")):A.error("delete fail")}))()}renewApplicationAccessToken(n){var e=this;return C((function*(){n.preventDefault();var i=e.lifecycle.resourceId,t=yield k.Lp.mutate({mutation:(0,g.ZP)(p||(p=P(["\n        mutation ($id: String!) {\n          renewApplicationAccessToken(id: $id) {\n            accessToken\n            refreshToken\n          }\n        }\n      "]))),variables:{id:i}});if(t.errors)A.error("renew application access token fail");else{var{accessToken:r,refreshToken:o}=t.data.renewApplicationAccessToken;e.accessToken=r,e.appbinding=Object.assign(Object.assign({},e.appbinding),{refreshToken:o})}}))()}};j.styles=[(0,m.iv)(v||(v=P(["\n      :host {\n        display: flex;\n        flex-direction: column;\n        overflow-y: auto;\n\n        position: relative;\n\n        background-color: var(--main-section-background-color);\n        padding: var(--padding-wide);\n      }\n      h2 {\n        margin: var(--title-margin);\n        font: var(--title-font);\n        color: var(--title-text-color);\n      }\n      [page-description] {\n        margin: var(--page-description-margin);\n        font: var(--page-description-font);\n        color: var(--page-description-color);\n      }\n      [icon] {\n        position: absolute;\n        top: 10px;\n        right: 10px;\n\n        max-width: 80px;\n      }\n      [icon] img {\n        max-width: 100%;\n        max-height: 100%;\n      }\n\n      label {\n        font: var(--label-font);\n        color: var(--label-color);\n        text-transform: var(--label-text-transform);\n      }\n      input {\n        border: var(--border-dark-color);\n        border-radius: var(--border-radius);\n        margin: var(--input-margin);\n        padding: var(--input-padding);\n        font: var(--input-font);\n\n        flex: 1;\n      }\n      select:focus,\n      input:focus,\n      button {\n        outline: none;\n      }\n      form {\n        max-width: var(--content-container-max-width);\n      }\n      [fieldset-container] {\n        background-color: var(--theme-white-color);\n        margin: var(--margin-wide) 0 var(--margin-default) 0;\n        padding: var(--padding-default);\n        border-radius: var(--border-radius);\n        box-shadow: var(--box-shadow);\n      }\n      [fieldset-container] fieldset {\n        margin: 0;\n        margin-top: -15px;\n      }\n      fieldset {\n        border-radius: var(--border-radius);\n        border: var(--border-dark-color);\n        margin: var(--fieldset-margin);\n        padding: var(--fieldset-padding);\n      }\n      legend {\n        padding: var(--legend-padding);\n        font-weight: bold;\n        color: var(--legend-color);\n      }\n      [field-2column] {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        grid-gap: 15px;\n      }\n      [field] {\n        display: flex;\n        flex-direction: column;\n        position: relative;\n      }\n      [grid-span] {\n        grid-column: span 2;\n      }\n      button,\n      [button-in-field] {\n        background-color: var(--button-background-color);\n        border: var(--button-border);\n        border-radius: var(--button-border-radius);\n        padding: var(--button-padding);\n        color: var(--button-color);\n        font: var(--button-font);\n        text-transform: var(--button-text-transform);\n\n        margin: var(--margin-default) 0 var(--margin-default) var(--margin-default);\n        float: right;\n        text-decoration: none;\n      }\n      button:hover {\n        border: var(--button-activ-border);\n        box-shadow: var(--button-active-box-shadow);\n      }\n      [button-in-field] {\n        border-radius: 0 var(--button-border-radius) var(--button-border-radius) 0;\n        position: absolute;\n        top: 11px;\n        right: 0;\n        max-height: 36px;\n      }\n      [input-hint] {\n        font: var(--input-hint-font);\n        color: var(--input-hint-color);\n      }\n      @media screen and (max-width: 480px) {\n        [field] {\n          grid-column: span 2;\n        }\n      }\n    "])))],(0,f.gn)([(0,y.Cb)({type:Object}),(0,f.w6)("design:type",Object)],j.prototype,"appbinding",void 0),(0,f.gn)([(0,y.Cb)({type:String}),(0,f.w6)("design:type",String)],j.prototype,"accessToken",void 0),(0,f.gn)([(0,y.SB)(),(0,f.w6)("design:type",Object)],j.prototype,"_refreshTokenInfo",void 0),(0,f.gn)([(0,y.SB)(),(0,f.w6)("design:type",Object)],j.prototype,"_accessTokenInfo",void 0),j=(0,f.gn)([(0,y.Mo)("app-binding-page")],j)},16156:(n,e,i)=>{i.d(e,{E:()=>y});var t=i(28773),r=i(7867),o=i(62987),a=(n,e)=>{var i,t,r=n._$AN;if(void 0===r)return!1;for(var o of r)null===(t=(i=o)._$AO)||void 0===t||t.call(i,e,!1),a(o,e);return!0},d=n=>{var e,i;do{if(void 0===(e=n._$AM))break;(i=e._$AN).delete(n),n=e}while(0===(null==i?void 0:i.size))},s=n=>{for(var e;e=n._$AM;n=e){var i=e._$AN;if(void 0===i)e._$AN=i=new Set;else if(i.has(n))break;i.add(n),u(e)}};function l(n){void 0!==this._$AN?(d(this),this._$AM=n,s(this)):this._$AM=n}function c(n){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,t=this._$AH,r=this._$AN;if(void 0!==r&&0!==r.size)if(e)if(Array.isArray(t))for(var o=i;o<t.length;o++)a(t[o],!1),d(t[o]);else null!=t&&(a(t,!1),d(t));else a(this,n)}var u=n=>{var e,i,t,r;n.type==o.pX.CHILD&&(null!==(e=(t=n)._$AP)&&void 0!==e||(t._$AP=c),null!==(i=(r=n)._$AQ)&&void 0!==i||(r._$AQ=l))};class p extends o.Xe{constructor(){super(...arguments),this._$AN=void 0}_$AT(n,e,i){super._$AT(n,e,i),s(this),this.isConnected=n._$AU}_$AO(n){var e,i,t=!(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===(i=this.disconnected)||void 0===i||i.call(this)),t&&(a(this,n),d(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,i,t,r,o,a){try{var d=n[o](a),s=d.value}catch(n){return void i(n)}d.done?e(s):Promise.resolve(s).then(t,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 i=this.s.return;return void 0===i?Promise.resolve({value:n,done:!0}):e(i.apply(this.s,arguments))},throw:function(n){var i=this.s.return;return void 0===i?Promise.reject(n):e(i.apply(this.s,arguments))}},new f(n)}var h=function(){var n,e=(n=function*(n,e){var i,t=!1,r=!1;try{for(var o,a=function(n){var e,i,t,r=2;for("undefined"!=typeof Symbol&&(i=Symbol.asyncIterator,t=Symbol.iterator);r--;){if(i&&null!=(e=n[i]))return e.call(n);if(t&&null!=(e=n[t]))return new f(e.call(n));i="@@asyncIterator",t="@@iterator"}throw new TypeError("Object is not async iterable")}(n);t=!(o=yield a.next()).done;t=!1){var d=o.value;if(!1===(yield e(d)))return}}catch(n){r=!0,i=n}finally{try{t&&null!=a.return&&(yield a.return())}finally{if(r)throw i}}},function(){var e=this,i=arguments;return new Promise((function(t,r){var o=n.apply(e,i);function a(n){v(o,t,r,a,d,"next",n)}function d(n){v(o,t,r,a,d,"throw",n)}a(void 0)}))});return function(n,i){return e.apply(this,arguments)}}();class b{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 m(n,e,i,t,r,o,a){try{var d=n[o](a),s=d.value}catch(n){return void i(n)}d.done?e(s):Promise.resolve(s).then(t,r)}var y=(0,o.XM)(class extends p{constructor(){super(...arguments),this._$CK=new b(this),this._$CX=new g}render(n,e){return t.Jb}update(n,e){var[i,r]=e;if(this.isConnected||this.disconnected(),i!==this._$CJ){this._$CJ=i;var o=0,{_$CK:a,_$CX:d}=this;return h(i,function(){var n,e=(n=function*(n){for(;d.get();)yield d.get();var e=a.deref();if(void 0!==e){if(e._$CJ!==i)return!1;void 0!==r&&(n=r(n,o)),e.commitValue(n,o),o++}return!0},function(){var e=this,i=arguments;return new Promise((function(t,r){var o=n.apply(e,i);function a(n){m(o,t,r,a,d,"next",n)}function d(n){m(o,t,r,a,d,"throw",n)}a(void 0)}))});return function(n){return e.apply(this,arguments)}}()),t.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/3734.js.LICENSE.txt

@@ -1,11 +0,0 @@
-/**
- * @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/3746.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_things_factory_reference_app=self.webpackChunk_things_factory_reference_app||[]).push([[3746],{83746:(e,n,t)=>{t.r(n);var r,o,i=t(171),a=(t(77566),t(94430)),s=t(56765),d=t(53421);function c(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var l=class extends a.oi{render(){var e=this.partner||{};return(0,a.dy)(r||(r=c(['\n      <div id="vendors">\n        <div field-2column>\n          <div field>\n            <label\n              >','\n              <input type="text" name="name" readonly .value='," />\n            </label>\n          </div>\n\n          <div field>\n            <label\n              >",'\n              <input type="text" name="description" readonly .value='," />\n            </label>\n          </div>\n        </div>\n      </div>\n    "])),d.z2.t("label.name"),e.name||"",d.z2.t("label.description"),e.description||"")}};l.styles=[(0,a.iv)(o||(o=c(["\n      input {\n        border: var(--border-dark-color);\n        border-radius: var(--border-radius);\n        margin: var(--input-margin);\n        padding: var(--input-padding);\n        background-color: transparent;\n        font: var(--input-font);\n\n        flex: 1;\n      }\n      #vendors {\n        display: flex;\n        max-height: 45vh;\n        flex-direction: row;\n        background-color: var(--theme-white-color);\n        margin: 0;\n        padding: 0;\n        border-radius: var(--border-radius);\n        box-shadow: var(--box-shadow);\n        overflow: hidden;\n      }\n      [field-2column] {\n        overflow: auto;\n        flex: 1;\n        background-color: var(--theme-white-color);\n        padding: var(--padding-default);\n        border-radius: var(--border-radius);\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 5px 15px;\n        clear: both;\n        max-width: var(--input-container-max-width);\n      }\n      [field] {\n        display: flex;\n        flex-direction: column;\n        padding-bottom: var(--padding-default);\n      }\n      label {\n        display: flex;\n        flex-direction: column;\n\n        font: var(--label-font);\n        color: var(--label-color);\n        text-transform: var(--label-text-transform);\n      }\n      @media screen and (max-width: 480px) {\n        [field] {\n          grid-column: span 2;\n        }\n      }\n    "])))],(0,i.gn)([(0,s.Cb)({type:Object}),(0,i.w6)("design:type",Object)],l.prototype,"partner",void 0),l=(0,i.gn)([(0,s.Mo)("partner-info-card")],l),t(77198),t(49422);var u,m,v,p,f,g=t(16682),y=t(27805),b=t(39424),h=t(19323);function x(e,n,t,r,o,i,a){try{var s=e[i](a),d=s.value}catch(e){return void t(e)}s.done?n(d):Promise.resolve(d).then(r,o)}function w(e){return function(){var n=this,t=arguments;return new Promise((function(r,o){var i=e.apply(n,t);function a(e){x(i,r,o,a,s,"next",e)}function s(e){x(i,r,o,a,s,"throw",e)}a(void 0)}))}}function z(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var C,_,I,P=class extends((0,d.NC)(d.z2)(a.oi)){constructor(){super(...arguments),this.roles=[],this.grantingRoles=[]}render(){var e=this.roles||[],n=this.grantingRoles||[];return(0,a.dy)(u||(u=z(['\n      <role-selector .roles="','" .userRoles="','"></role-selector>\n\n      <div buttons>\n        <mwc-button @click=',' raised label="','"></mwc-button>\n        <mwc-button\n          @click=','\n          raised\n          danger\n          label="','"\n        ></mwc-button>\n      </div>\n    '])),e,n,this.onSave,d.z2.t("button.save"),this.onTerminateContract,d.z2.t("button.terminate contract"))}updated(e){e.has("customer")&&this.refreshRoles()}refreshRoles(){var e=this;return w((function*(){var n,t=yield y.Lp.query({query:(0,g.ZP)(m||(m=z(["\n        query roles($customerId: String!) {\n          roles {\n            items {\n              id\n              name\n              description\n            }\n            total\n          }\n          grantingRoles(customerId: $customerId) {\n            id\n            role {\n              id\n              name\n              description\n            }\n          }\n        }\n      "]))),variables:{customerId:e.customer.id},context:(0,y.Bn)()});(null===(n=t.errors)||void 0===n?void 0:n.length)?(e.roles=[],e.grantingRoles=[]):(e.roles=t.data.roles.items,e.grantingRoles=t.data.grantingRoles.map((e=>e.role)))}))()}onSave(){var e=this;return w((function*(){var n,t=e.roleSelector.selectedRoles();(null===(n=(yield y.Lp.mutate({mutation:(0,g.ZP)(v||(v=z(["\n        mutation grantRoles($customerId: String!, $roles: [RolePatch!]!) {\n          grantRoles(customerId: $customerId, roles: $roles)\n        }\n      "]))),variables:{customerId:e.customer.id,roles:t},context:(0,y.Bn)()})).errors)||void 0===n?void 0:n.length)||e.showToast(d.z2.t("text.data_updated_successfully"))}))()}onTerminateContract(){var e=this;return w((function*(){var n;(yield(0,b.ID)({title:d.z2.t("text.are_you_sure"),text:d.z2.t("text.are_you_sure_to_terminate_contract"),confirmButton:{text:d.z2.t("button.terminate contract")},cancelButton:{text:d.z2.t("button.cancel")}})).value&&((null===(n=(yield y.Lp.mutate({mutation:(0,g.ZP)(p||(p=z(["\n        mutation terminateContract($partnerName: String!) {\n          terminateContract(partnerName: $partnerName)\n        }\n      "]))),variables:{partnerName:e.customer.name},context:(0,y.Bn)()})).errors)||void 0===n?void 0:n.length)||e.dispatchEvent(new CustomEvent("contractTerminated"))&&(yield(0,b.ID)({type:"success",title:d.z2.t("text.completed"),confirmButton:{text:d.z2.t("button.confirm")}})))}))()}showToast(e){document.dispatchEvent(new CustomEvent("notify",{detail:{message:e,option:{timer:1e3}}}))}};function O(e,n,t,r,o,i,a){try{var s=e[i](a),d=s.value}catch(e){return void t(e)}s.done?n(d):Promise.resolve(d).then(r,o)}function k(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}P.styles=[(0,a.iv)(f||(f=z(["\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        border: 1px solid var(--primary-color);\n        padding: var(--padding-default);\n        font: normal 15px var(--theme-font);\n        color: var(--secondary-color);\n      }\n      [buttons] {\n        margin: 0;\n        padding: var(--padding-default);\n        background-color: rgba(var(--primary-color-rgb), 0.2);\n      }\n      mwc-button {\n        margin-right: var(--padding-narrow);\n      }\n      [danger] {\n        --mdc-theme-primary: var(--mdc-danger-button-primary-color);\n      }\n    "])))],(0,i.gn)([(0,s.Cb)({type:Object}),(0,i.w6)("design:type",Object)],P.prototype,"customer",void 0),(0,i.gn)([(0,s.Cb)({type:Array}),(0,i.w6)("design:type",Array)],P.prototype,"roles",void 0),(0,i.gn)([(0,s.Cb)({type:Array}),(0,i.w6)("design:type",Array)],P.prototype,"grantingRoles",void 0),(0,i.gn)([(0,s.IO)("role-selector"),(0,i.w6)("design:type",h.u)],P.prototype,"roleSelector",void 0),P=(0,i.gn)([(0,s.Mo)("partner-role-editor")],P);var j=class extends((0,d.NC)(d.z2)(a.oi)){constructor(){super(...arguments),this.customers=[]}render(){return(0,a.dy)(C||(C=k(['\n      <div>\n        <input id="customer-name" required />\n        <mwc-button\n          @click=','\n          outlined\n          icon="group_add"\n          label="','"\n        ></mwc-button>\n      </div>\n    '])),this.invite.bind(this),d.z2.t("label.invite customer"))}invite(){var e,n=this;return(e=function*(){try{if(!n.customerNameInput.value)throw new Error(d.z2.t("error.value is empty",{value:d.z2.t("field.name")}));if(n.customers.find((e=>{var t;return(null===(t=e.name)||void 0===t?void 0:t.toLowerCase())===n.customerNameInput.value.toLowerCase()})))throw new Error(d.z2.t("error.x already exists in y",{x:n.customerNameInput.value,y:d.z2.t("field.customer")}));if(!(yield(0,b.ID)({title:d.z2.t("text.are_you_sure"),text:d.z2.t("text.do_you_want_to_invite_x",{x:d.z2.t("label.partner")}),confirmButton:{text:d.z2.t("button.confirm")},cancelButton:{text:d.z2.t("button.cancel")}})).value)return;var e=n.customerNameInput.value;(yield y.Lp.mutate({mutation:(0,g.ZP)(_||(_=k(["\n          mutation inviteCustomer($customerDomainName: String!) {\n            inviteCustomer(customerDomainName: $customerDomainName)\n          }\n        "]))),variables:{customerDomainName:e},context:(0,y.Bn)()})).errors||(n.dispatchEvent(new CustomEvent("invitationCompleted"))&&(yield(0,b.ID)({type:"success",title:d.z2.t("text.completed"),confirmButton:{text:d.z2.t("button.confirm")}})),n.customerNameInput.value="")}catch(e){document.dispatchEvent(new CustomEvent("notify",{detail:{level:"error",message:"message"in e?e.message:e}}))}},function(){var n=this,t=arguments;return new Promise((function(r,o){var i=e.apply(n,t);function a(e){O(i,r,o,a,s,"next",e)}function s(e){O(i,r,o,a,s,"throw",e)}a(void 0)}))})()}};j.styles=[(0,a.iv)(I||(I=k(["\n      input {\n        border: var(--border-dark-color);\n        border-radius: var(--border-radius);\n        margin: var(--input-margin);\n        padding: var(--input-padding);\n        min-width: 250px;\n        font: var(--input-font);\n      }\n      mwc-button {\n        margin: var(--input-margin);\n      }\n      @media screen and (max-width: 480px) {\n        div {\n          display: grid;\n        }\n      }\n    "])))],(0,i.gn)([(0,s.Cb)({type:Array}),(0,i.w6)("design:type",Array)],j.prototype,"customers",void 0),(0,i.gn)([(0,s.IO)("input#customer-name"),(0,i.w6)("design:type",HTMLInputElement)],j.prototype,"customerNameInput",void 0),j=(0,i.gn)([(0,s.Mo)("invite-customer")],j);var N,R,B,E,$,A,q=t(28120),D=t(77675);function L(e,n,t,r,o,i,a){try{var s=e[i](a),d=s.value}catch(e){return void t(e)}s.done?n(d):Promise.resolve(d).then(r,o)}function S(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var T=class extends((0,q.$)(D.h)(D.B4)){constructor(){super(...arguments),this.customers=[],this.vendors=[]}get context(){return{title:"".concat(d.z2.t("title.partners")),help:"operato-hub/partners"}}render(){var e={[d.z2.t("label.customers")]:this.customers||[],[d.z2.t("label.vendors")]:this.vendors||[]};return(0,a.dy)(N||(N=S(['\n      <h2>partners</h2>\n\n      <quick-find-list\n        .data="','"\n        .contentRenderer="','"\n      >\n      </quick-find-list>\n\n      <invite-customer\n        .customers=','\n        @invitationCompleted="','"\n      ></invite-customer>\n    '])),e,((e,n)=>(0,a.dy)(R||(R=S(["\n          ","\n        "])),n===d.z2.t("label.customers")?(0,a.dy)(B||(B=S(['\n                <partner-role-editor\n                  class="role-editor"\n                  .customer="','"\n                  @contractTerminated="','"\n                ></partner-role-editor>\n              '])),e,this.refreshPartners.bind(this)):(0,a.dy)(E||(E=S(['<partner-info-card .partner="','"></partner-info-card>'])),e))),this.customers||[],this.refreshPartners.bind(this))}pageUpdated(){this.active&&this.refreshPartners()}refreshPartners(){var e,n=this;return(e=function*(){var e,t=yield y.Lp.query({query:(0,g.ZP)($||($=S(["\n        query {\n          customers {\n            id\n            name\n            description\n          }\n          vendors {\n            id\n            name\n            description\n          }\n        }\n      "]))),context:(0,y.Bn)()});(null===(e=t.errors)||void 0===e?void 0:e.length)||(n.customers=t.data.customers,n.vendors=t.data.vendors)},function(){var n=this,t=arguments;return new Promise((function(r,o){var i=e.apply(n,t);function a(e){L(i,r,o,a,s,"next",e)}function s(e){L(i,r,o,a,s,"throw",e)}a(void 0)}))})()}};T.styles=[(0,a.iv)(A||(A=S(["\n      :host {\n        display: flex;\n        flex-direction: column;\n        background-color: var(--main-section-background-color);\n        padding: var(--padding-wide);\n\n        overflow: auto;\n      }\n      h2 {\n        margin: var(--title-margin);\n        font: var(--title-font);\n        color: var(--title-text-color);\n      }\n      .role-editor {\n        flex: 1;\n      }\n    "])))],(0,i.gn)([(0,s.Cb)({type:Array}),(0,i.w6)("design:type",Array)],T.prototype,"customers",void 0),(0,i.gn)([(0,s.Cb)({type:Array}),(0,i.w6)("design:type",Array)],T.prototype,"vendors",void 0),T=(0,i.gn)([(0,s.Mo)("partner-management")],T)}}]);