@things-factory/reference-app 6.0.25 → 6.0.28

package/client/pages/data-entry/data-entry-generator-popup.js

@@ -2,7 +2,7 @@ import { SingleColumnFormStyles } from '@things-factory/form-ui'
 import { i18next, localize } from '@things-factory/i18n-base'
 import { client } from '@things-factory/shell'
 import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 
 class DataEntryGeneratorPopup extends localize(i18next)(LitElement) {
   static get properties() {

package/client/pages/data-set/data-set-list-page.js

@@ -33,6 +33,10 @@ const ENTRY_TYPES = [
     display: 'Board',
     value: 'board'
   },
+  {
+    display: 'CustomElement',
+    value: 'custom-element'
+  },
   {
     display: 'Page',
     value: 'page'
@@ -56,6 +60,10 @@ const MONITOR_TYPES = [
     display: 'Board',
     value: 'board'
   },
+  {
+    display: 'CustomElement',
+    value: 'custom-element'
+  },
   {
     display: 'Page',
     value: 'page'
@@ -79,6 +87,10 @@ const REPORT_TYPES = [
     display: 'Embed',
     value: 'embed'
   },
+  {
+    display: 'CustomElement',
+    value: 'custom-element'
+  },
   {
     display: 'Page',
     value: 'page'
@@ -580,6 +592,7 @@ export class DataSetListPage extends connect(store)(localize(i18next)(PageView))
               useCase
               schedule
               timezone
+              schedulerHandle
               entryRole {
                 id
                 name

package/config.development.js

@@ -5,38 +5,13 @@ module.exports = {
     apiKey: ''
   },
   raygun: {
-    // apiKey: 'VvPzjH0zKdOM0hynpycw'
+    apiKey: 'VvPzjH0zKdOM0hynpycw'
   },
-  notification: {
-    fcm: {
-      serviceAccount: {
-        type: 'service_account',
-        project_id: 'reference-webapp',
-        private_key_id: '18328f14baf6b9e5b5138f545d12b8ae23bba0e7',
-        private_key:
-          '-----BEGIN PRIVATE KEY-----\nMIIEvAIBADANBgkqhkiG9w0BAQEFAASCBKYwggSiAgEAAoIBAQCdQsuxIAhkwEiY\nDvwyOw1u1VpDSy6jLw2wVvkGW6W3jUX1FJ82c+1/6TsfeNZ03SSGZQOVle9NMUpg\n0hLkL7hiwEO5qd0Q5V2AOTtoGp4tPyiANupx8VCosus9OvReLJdOySeDMoYY2hBw\ndseac2rMeAmJjLyhf+vMn1G6VMLwrLAlisaK7BKUvcVahNeT6FIIG0n3yU++BTm0\n9hHQFYKccWAVHmeCi10PVpGixhDEA4DWG4M3W4HfuoFonxFcU55FKncS2q4N3MnQ\nsLN+PLvtrFwb04YCoVS/Sh/qRC+7wce81dBjKlZmjnZjg6vuo2W8+1xSz1RbjJ8T\ne4Dt039hAgMBAAECggEAC+Myto7vU35dfnETi1B/cXNbQV77hYZXCI9qf5qJ6lgZ\ng68tYdZdi5+7wmNGAst8qVQVc0dEMZeaQbtfhjQ9Qem6tNwsQ8yyxrCM1w+8CTuO\n+jIsgrR1Hmt38Mb2FfBU97Wo8Pfuvw4s0/OGnxw+ZHpmbilfUO30iyE38lfZ7Iti\nybLGI6+QVXEi4LVHV9I3LeD7vzu/EYSHoTuPsPRjf6hB1ON9NxPioCxD8yimZ5ZQ\nvVL7vtLi2IqFbZHy6RUnBWQMmcuqrVzhUmRKU+2CxsGOpj/am0wo3OmP43sWOzs6\nVF83xX9JFl71u9kYQXm8JUEK+98t3AO8TeBEGCDU4QKBgQDbE3GdtFZPuUeIfHUO\n7EiXNHds5FQG8DkQpCpfO6+jrpF5AqsL//NwF6GOW1w+COp1KnR5uN0ImKsk5G4s\n4w/j1xonPhc4o4j+gzVfS0fA7pF7oDrLd23bxxCLLTylFSZdMpQ/4bbAIirl6wev\ndXgIMd7CufDgtPoTani7dOpXlQKBgQC3xDHD8a2iWmdxK8X9GaSJHC8Ysr95hSmi\nNH5X6hJXBT6ZMI+RHrMfS+RXVTs8CHhr6KTPuyDa3s/NXundmWdGi6uLk26VTCv3\n/ONdsjCuS+CeJD04DjXXYHvkDtU5gQPtMjl+5in4klAhBEZx9ChI0nc580rhc29J\nVDvSk9ZlnQKBgA2kU1HftfQ29GZiYaOxQP/xa3JjcXwRH2yS3HSbsd8+cp6XdPFF\nWfJj9lJ4C/Fs+rSbFS+zPEhZwWaFtvqilQ26Ck3hRu7m+BPpNbyeYnR4JqUNIDwl\nTrj912DjS0B4ZbAuAx9LPecO+Z7hmNPrO7M+78EudPp5Ko1k9umtaR5VAoGAeimL\n57WO9yHgKESwPrxAPAGncWTKkw8qCTGaV/k8LetHnPDCT/e3nfOGnWQEl7kNzLaA\ncbP1eGqse9s/3teu5x/Mb2IYHlnf1OChiVT+ta+tZ5OxusT/l+kFEyulJbAVmyZL\nQIfjmOIzMG+2IOTtrtNy/Ow2eD+T2IyNpEQxP6UCgYBIcC1e5tvrmbqtwo9DYjZj\nZRCvC1ppcoU3IJJQAgDziX/P4g+8PPkS+AOQxFS7hycDYRYy06cfvZnUk7KB0zv7\nGg+viPnuG/88LgpBG5aQ0PIyzaIRybMQYvUNg+clW9+VXh2tGOV1yjBJc1O3ASea\ncpnh46+ngSVKgtVkyL0GJg==\n-----END PRIVATE KEY-----\n',
-        client_email: 'firebase-adminsdk-c09d4@reference-webapp.iam.gserviceaccount.com',
-        client_id: '104201695264057062194',
-        auth_uri: 'https://accounts.google.com/o/oauth2/auth',
-        token_uri: 'https://oauth2.googleapis.com/token',
-        auth_provider_x509_cert_url: 'https://www.googleapis.com/oauth2/v1/certs',
-        client_x509_cert_url:
-          'https://www.googleapis.com/robot/v1/metadata/x509/firebase-adminsdk-c09d4%40reference-webapp.iam.gserviceaccount.com'
-      },
-      appConfig: {
-        apiKey: 'AIzaSyCCNsYExBY35aeeNqX0KkJgh9VdQDv4W-o',
-        authDomain: 'reference-webapp.firebaseapp.com',
-        projectId: 'reference-webapp',
-        storageBucket: 'reference-webapp.appspot.com',
-        messagingSenderId: '224894233495',
-        appId: '1:224894233495:web:79d5d957dc74a7f757f2d2',
-        measurementId: 'G-5M6X2DLNYJ'
-      },
-      serverKey:
-        'AAAANFy9q5c:APA91bFDOIRNKAZZdwa9YnPnZM9kTGUDhfg1u6wvO9-KuBT3E2GXISLOvm5S7vSb8U0-zMsts2UrCPVNbvKWU_IhH5Fa4thvSUrU8eyJPUt-qpO-LP6Dx595pW_mNUVssCoEhqHuEbc5'
-    },
-    vapidKey: {
-      publicKey: 'BNHIscoiA5FW3-gnqI09_ESEfFEHmjDSkItsgMBBzSy69sFC4shKphLhTY00ynD6mBzbaW5t51ir7WCrDGD07Pw'
-    }
+  redshift: {
+    region: 'ap-northeast-2',
+    profile: 'ibex',
+    clusterId: 'redshift-cluster-1',
+    database: 'dev',
+    secertArn: 'arn:aws:secretsmanager:ap-northeast-2:158773456835:secret:dev/redshift-WTKUej'
   }
 }

package/config.production.js

@@ -0,0 +1,55 @@
+module.exports = {
+  SECRET: '0xD58F835B69B208CA2CA5F84a70a1D0d4C79dAC97',
+  email: {
+    host: 'smtp.office365.com', // your sender-email smtp host
+    port: 587, // smtp server port
+    secure: false, // true for 465, false for other ports
+    auth: {
+      user: 'noreply@hatiolab.com',
+      pass: 'h@ti0LAB1008' // generated ethereal password
+    },
+    secureConnection: false,
+    tls: {
+      ciphers: 'SSLv3'
+    }
+  },
+  storage: {
+    type: 's3',
+    accessKeyId: 'AKIAQAYF6R4N3MV4TMPZ',
+    secretAccessKey: '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',
+    bucketName: 'hatiolab-vis-attachments',
+    region: 'ap-northeast-2'
+  },
+  logger: {
+    file: {
+      filename: 'logs/application-%DATE%.log',
+      datePattern: 'YYYY-MM-DD-HH',
+      zippedArchive: false,
+      maxSize: '20m',
+      maxFiles: '2d',
+      level: 'info'
+    },
+    console: {
+      level: 'silly'
+    }
+  },
+  ormconfig: {
+    name: 'default',
+    type: 'sqlite',
+    database: 'db.sqlite',
+    synchronize: false,
+    logging: true,
+    logger: 'debug'
+  }
+  // ormconfig: {
+  //   name: 'default',
+  //   type: 'postgres',
+  //   host: '127.0.0.1',
+  //   port: 5432,
+  //   database: 'reference_app',
+  //   username: 'postgres',
+  //   password: 'hatioLAB1008',
+  //   synchronize: true,
+  //   logging: false
+  // }
+}

package/dist-client/1212.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_things_factory_reference_app=self.webpackChunk_things_factory_reference_app||[]).push([[1212],{11212:(e,t,n)=>{n.r(t),n.d(t,{PartnerSettingList:()=>E});var r,i,a,s=n(59870),o=(n(39663),n(95526)),l=n(53421),d=n(27805),c=n(36179),u=n(16682),p=n(94430);function h(e,t,n,r,i,a,s){try{var o=e[a](s),l=o.value}catch(e){return void n(e)}o.done?t(l):Promise.resolve(l).then(r,i)}function f(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}class g extends p.oi{static get styles(){return[(0,p.iv)(r||(r=f(["\n        :host {\n          display: flex;\n          flex-direction: column;\n          overflow: hidden;\n          background-color: white;\n        }\n        data-grist {\n          flex: 1;\n        }\n        .button-container {\n          padding: var(--button-container-padding);\n          margin: var(--button-container-margin);\n          text-align: var(--button-container-align);\n          background-color: var(--button-container-background);\n          height: var(--button-container-height);\n        }\n      "])))]}static get properties(){return{searchFields:Array,config:Object,data:Object}}render(){return(0,p.dy)(i||(i=f(['\n      <search-form id="search-form" .fields='," @submit=","></search-form>\n\n      <data-grist\n        .mode=","\n        .config=",'\n        .fetchHandler="','"\n      ></data-grist>\n\n      <div class="button-container">\n        <mwc-button raised @click="','">',"</mwc-button>\n      </div>\n    "])),this.searchFields,(()=>this.dataGrist.fetch()),(0,c.s2)()?"LIST":"GRID",this.config,this.fetchHandler.bind(this),this.select.bind(this),l.z2.t("button.select"))}get dataGrist(){var e;return null===(e=this.renderRoot)||void 0===e?void 0:e.querySelector("data-grist")}get searchForm(){var e;return null===(e=this.renderRoot)||void 0===e?void 0:e.querySelector("search-form")}firstUpdated(){this.searchFields=[{name:"name",label:l.z2.t("field.name"),type:"text",props:{searchOper:"i_like"}},{name:"description",label:l.z2.t("field.description"),type:"text",props:{searchOper:"i_like"}}],this.config={list:{fields:["name","description"]},rows:{selectable:{multiple:!0},appendable:!1},columns:[{type:"gutter",gutterName:"sequence"},{type:"gutter",gutterName:"row-selector",multiple:!1},{type:"string",name:"name",header:l.z2.t("field.name"),record:{editable:!1,align:"left"},sortable:!0,width:100},{type:"string",name:"description",header:l.z2.t("field.description"),record:{editable:!1,align:"left"},sortable:!0,width:200}]}}fetchHandler(e){var t,n=this;return(t=function*(){var{page:t,limit:r,sorters:i=[]}=e,s=n.searchForm.queryFilters,o={page:t,limit:r},l=i,c=yield d.Lp.query({query:(0,u.ZP)(a||(a=f(["\n        query searchCustomers($filters: [Filter!]!, $pagination: Pagination!, $sortings: [Sorting!]!) {\n          searchCustomers(filters: $filters, pagination: $pagination, sortings: $sortings) {\n            items {\n              id\n              name\n              description\n            }\n            total\n          }\n        }\n      "]))),variables:{filters:s,pagination:o,sortings:l},context:(0,d.Bn)()});return{records:c.data.searchCustomers.items||[],total:c.data.searchCustomers.total||0}},function(){var e=this,n=arguments;return new Promise((function(r,i){var a=t.apply(e,n);function s(e){h(a,r,i,s,o,"next",e)}function o(e){h(a,r,i,s,o,"throw",e)}s(void 0)}))})()}select(){var e=this.dataGrist.selected;e.length?(history.back(),this.dispatchEvent(new CustomEvent("select",{detail:e[0]}))):this.showToast(l.z2.t("text.nothing_selected"))}showToast(e){document.dispatchEvent(new CustomEvent("notify",{detail:{message:e,option:{timer:1e3}}}))}}customElements.define("partner-selector",g);var m,b,y,v,w,z,O=n(28120),x=n(37077),_=n(77675),P=n(15633),j=n(39424),S=n(86850);function D(e,t,n,r,i,a,s){try{var o=e[a](s),l=o.value}catch(e){return void n(e)}o.done?t(l):Promise.resolve(l).then(r,i)}function $(e){return function(){var t=this,n=arguments;return new Promise((function(r,i){var a=e.apply(t,n);function s(e){D(a,r,i,s,o,"next",e)}function o(e){D(a,r,i,s,o,"throw",e)}s(void 0)}))}}function k(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function F(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){G(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function G(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 q(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}class E extends((0,O.$)(_.h)((0,l.NC)(l.z2)(_.B4))){static get styles(){return[s.fU,P.Ix,(0,p.iv)(m||(m=q(["\n        :host {\n          display: flex;\n          flex-direction: column;\n          overflow: hidden;\n        }\n        search-form {\n          overflow: visible;\n        }\n        data-grist {\n          overflow-y: auto;\n          flex: 1;\n        }\n      "])))]}static get properties(){return{searchFields:Array,config:Object,partnerDomain:Object}}render(){var e;return(0,p.dy)(b||(b=q(['\n      <form class="multi-column-form">\n        <fieldset>\n          <label>','</label>\n          <input\n            readonly\n            name="partnerDomain"\n            value="','"\n            @click="','"\n            placeholder="','"\n          />\n        </fieldset>\n      </form>\n\n      <search-form id="search-form" .fields='," @submit=","></search-form>\n\n      <data-grist\n        .mode=","\n        .config=",'\n        .fetchHandler="','"\n        @record-change="','"\n      ></data-grist>\n    '])),l.z2.t("label.partner"),null!==(e=this.partnerDomain)&&void 0!==e&&e.name?this.partnerDomain.name:"",this.openPartnerSelector.bind(this),l.z2.t("text.please_choose_partner"),this.searchFields,(e=>this.dataGrist.fetch()),(0,c.s2)()?"LIST":"GRID",this.config,this.fetchHandler.bind(this),this.onRecordChangeHandler.bind(this))}constructor(){super(),this.refreshHandlers=[]}get context(){return{title:l.z2.t("title.partner_setting"),help:"setting/partner-setting",actions:[F({title:l.z2.t("button.save"),action:this.save.bind(this)},S.jO.save),F({title:l.z2.t("button.delete"),action:this.delete.bind(this)},S.jO.delete)]}}pageInitialized(){this.searchFields=[{name:"name",label:l.z2.t("field.name"),type:"text",props:{searchOper:"i_like"}},{name:"description",label:l.z2.t("field.description"),type:"text",props:{searchOper:"i_like"}},{name:"category",label:l.z2.t("field.category"),type:"text",props:{searchOper:"i_like"}}],this.config={list:{fields:["name","description","value"]},rows:{selectable:{multiple:!0}},columns:[{type:"gutter",gutterName:"dirty"},{type:"gutter",gutterName:"sequence"},{type:"gutter",gutterName:"row-selector",multiple:!0},{type:"object",name:"setting",header:l.z2.t("label.setting"),width:230,record:{editable:!0,options:{queryName:"settings",select:[{name:"id",hidden:!0},{name:"name",header:l.z2.t("field.name")},{name:"description",header:l.z2.t("field.description")},{name:"category",header:l.z2.t("field.category")}],list:{fields:["name","description","category"]}}}},{type:"string",name:"name",header:l.z2.t("field.name"),record:{editable:!1,align:"left"},sortable:!0,width:100},{type:"string",name:"description",header:l.z2.t("field.description"),record:{editable:!1,align:"left"},sortable:!0,width:200},{type:"code",name:"category",header:l.z2.t("field.category"),record:{editable:!1,codeName:"SETTING_CATEGORIES"},sortable:!0,width:150},{type:"string",name:"value",header:l.z2.t("field.value"),record:{editor:function(e,t,n,r,i){return(0,o.y$)(n.category)(e,t,n,r,i)},renderer:function(e,t,n,r,i){return(0,o.Bp)(n.category)(e,t,n,r,i)},editable:!0},sortable:!0,width:180},{type:"datetime",name:"updatedAt",header:l.z2.t("field.updated_at"),record:{editable:!1,align:"left"},sortable:!0,width:150},{type:"object",name:"updater",header:l.z2.t("field.updater"),record:{editable:!1,align:"left"},sortable:!0,width:150}]}}pageUpdated(){this.active&&(this.partnerDomain=null,this.dataGrist.data={records:[],total:0})}get searchForm(){return this.renderRoot.querySelector("search-form")}get dataGrist(){return this.renderRoot.querySelector("data-grist")}fetchHandler(e){var t=this;return $((function*(){var{page:n,limit:r,sorters:i=[]}=e;if(!t.partnerDomain)return{total:0,records:[]};var a=yield t.searchForm.getQueryFilters(),s={page:n,limit:r},o=i,l=yield d.Lp.query({query:(0,u.ZP)(y||(y=q(["\n        query partnerSettings(\n          $filters: [Filter!]!\n          $pagination: Pagination!\n          $sortings: [Sorting!]!\n          $partnerDomain: ObjectRef!\n        ) {\n          partnerSettings(\n            filters: $filters\n            pagination: $pagination\n            sortings: $sortings\n            partnerDomain: $partnerDomain\n          ) {\n            items {\n              id\n              setting {\n                id\n                name\n                description\n                category\n              }\n              name\n              description\n              category\n              value\n              updatedAt\n              updater {\n                id\n                name\n                description\n              }\n            }\n            total\n          }\n        }\n      "]))),variables:{filters:a,pagination:s,sortings:o,partnerDomain:{id:t.partnerDomain.id}},context:(0,d.Bn)()});return{records:l.data.partnerSettings.items||[],total:l.data.partnerSettings.total||0}}))()}save(){var e=this;return $((function*(){var t,n,r=e.dataGrist.dirtyRecords;if(null===(t=r)||void 0===t||!t.length)return e.showToast(l.z2.t("text.nothing_changed"));r=r.map((t=>{var n={cuFlag:t.__dirty__,setting:{id:t.setting.id},partnerDomain:{id:e.partnerDomain.id}};return t.id&&(n.id=t.id),t.value&&(n.value=t.value),n})),null!==(n=(yield d.Lp.mutate({mutation:(0,u.ZP)(v||(v=q(["\n        mutation updateMultiplePartnerSetting($patches: [PartnerSettingPatch!]!) {\n          updateMultiplePartnerSetting(patches: $patches) {\n            name\n          }\n        }\n      "]))),variables:{patches:r},context:(0,d.Bn)()})).errors)&&void 0!==n&&n.length||(e.showToast(l.z2.t("text.data_updated_successfully")),e.dataGrist.fetch())}))()}delete(){var e=this;return $((function*(){var t;if(null===(t=e.dataGrist.selected)||void 0===t||!t.length)return e.showToast(l.z2.t("text.there_is_nothing_to_delete"));var n=e.dataGrist.selected.map((e=>e.id));(yield(0,j.ID)({type:"warning",title:l.z2.t("button.delete"),text:l.z2.t("text.are_you_sure"),confirmButton:{text:l.z2.t("button.delete")},cancelButton:{text:l.z2.t("button.cancel")}})).value&&((yield d.Lp.mutate({mutation:(0,u.ZP)(w||(w=q(["\n        mutation deletePartnerSettings($ids: [String!]!) {\n          deletePartnerSettings(ids: $ids)\n        }\n      "]))),variables:{ids:n},context:(0,d.Bn)()})).errors||((0,j.ID)({type:"success",title:l.z2.t("text.completed"),text:l.z2.t("text.data_deleted_successfully"),confirmButton:{text:l.z2.t("button.confirm")}}),e.dataGrist.fetch()))}))()}openPartnerSelector(){(0,x.Mw)((0,p.dy)(z||(z=q(['\n        <partner-selector\n          @select="','"\n        ></partner-selector>\n      '])),(e=>{this.partnerDomain=e.detail,this.dataGrist.fetch()})),{backdrop:!0,title:l.z2.t("label.partner")})}onRecordChangeHandler(e){var{detail:{after:t,column:n}}=e;"setting"===n.name&&this.fillUpFields(t)}fillUpFields(e){e.name=e.setting.name,e.description=e.setting.description,e.category=e.setting.category}showToast(e){document.dispatchEvent(new CustomEvent("notify",{detail:{message:e,option:{timer:1e3}}}))}}window.customElements.define("partner-setting-list",E)}}]);

package/dist-client/1442.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_things_factory_reference_app=self.webpackChunk_things_factory_reference_app||[]).push([[1442],{91442:(e,t,r)=>{r.r(t),r.d(t,{DataSensorListPage:()=>z}),r(68784);var n,i,a,o,s,d,l=r(16682),c=r(94430),p=r(28120),u=r(27805),f=r(53421),m=r(37077),h=r(77675),b=r(15633),g=r(36179);function y(e,t,r,n,i,a,o){try{var s=e[a](o),d=s.value}catch(e){return void r(e)}s.done?t(d):Promise.resolve(d).then(n,i)}function v(e){return function(){var t=this,r=arguments;return new Promise((function(n,i){var a=e.apply(t,r);function o(e){y(a,n,i,o,s,"next",e)}function s(e){y(a,n,i,o,s,"throw",e)}o(void 0)}))}}function w(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function _(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?w(Object(r),!0).forEach((function(t){x(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):w(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function x(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function S(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}class z extends((0,p.$)(h.h)((0,f.NC)(f.z2)(h.B4))){static get properties(){return{active:String,gristConfig:Object,mode:String}}static get styles(){return[b.Ix,b.Pn,(0,c.iv)(n||(n=S(["\n        :host {\n          display: flex;\n          flex-direction: column;\n\n          overflow: hidden;\n        }\n\n        ox-grist {\n          overflow-y: auto;\n          flex: 1;\n        }\n      "])))]}get context(){return{title:f.z2.t("title.data-sensor list"),help:"dataset/data-sensor",actions:[_({title:f.z2.t("button.copy"),action:this._copyDataSensor.bind(this)},b.jO.copy),_({title:f.z2.t("button.save"),action:this._updateDataSensor.bind(this)},b.jO.save),_({title:f.z2.t("button.delete"),action:this._deleteDataSensor.bind(this)},b.jO.delete)]}}render(){var e=this.mode||((0,g.s2)()?"LIST":"GRID");return(0,c.dy)(i||(i=S(["\n      <ox-grist\n        .mode=","\n        .config=","\n        .fetchHandler=","\n        ?url-params-sensitive=",'\n      >\n        <div slot="headroom">\n          <div id="filters">\n            <ox-filters-form autofocus></ox-filters-form>\n          </div>\n\n          <div id="sorters">\n            Sort\n            <mwc-icon\n              @click=','\n              >expand_more</mwc-icon\n            >\n            <ox-popup id="sorter-control">\n              <ox-sorters-control> </ox-sorters-control>\n            </ox-popup>\n          </div>\n\n          <div id="modes">\n            <mwc-icon @click='," ?active=",">grid_on</mwc-icon>\n            <mwc-icon @click="," ?active=",">format_list_bulleted</mwc-icon>\n            <mwc-icon @click="," ?active=",">apps</mwc-icon>\n          </div>\n        </div>\n      </ox-grist>\n    "])),e,this.gristConfig,this.fetchHandler.bind(this),this.active,(e=>{var t=e.currentTarget;this.renderRoot.querySelector("#sorter-control").open({right:0,top:t.offsetTop+t.offsetHeight})}),(()=>this.mode="GRID"),"GRID"==e,(()=>this.mode="LIST"),"LIST"==e,(()=>this.mode="CARD"),"CARD"==e)}get grist(){return this.renderRoot.querySelector("ox-grist")}pageInitialized(e){var t=this;return v((function*(){t.gristConfig={list:{fields:["name","description","active"]},columns:[{type:"gutter",gutterName:"sequence"},{type:"gutter",gutterName:"row-selector",multiple:!0},{type:"string",name:"name",label:!0,header:f.z2.t("field.name"),record:{editable:!0},filter:"search",sortable:!0,width:150},{type:"string",name:"description",label:!0,header:f.z2.t("field.description"),record:{editable:!0},filter:"search",width:200},{type:"checkbox",name:"active",label:!0,header:f.z2.t("field.active"),record:{editable:!0},sortable:!0,filter:!0,width:60},{type:"string",name:"deviceId",label:!0,header:f.z2.t("field.device-id"),record:{editable:!0},filter:"search",sortable:!0,width:150},{type:"string",name:"tag",label:!0,header:f.z2.t("field.tag"),record:{editable:!0},sortable:!0,filter:"search",width:150},{type:"object",name:"appliance",header:f.z2.t("field.appliance"),record:{editable:!0,options:{queryName:"appliances"}},sortable:!0,width:120},{type:"object",name:"dataSet",header:f.z2.t("field.data-set"),record:{editable:!0,options:{queryName:"dataSets"}},sortable:!0,width:120},{type:"string",name:"refBy",label:!0,header:f.z2.t("field.ref-by"),record:{editable:!0},sortable:!0,width:150},{type:"string",name:"model",label:!0,header:f.z2.t("field.model"),record:{editable:!0},sortable:!0,width:150},{type:"string",name:"brand",label:!0,header:f.z2.t("field.brand"),record:{editable:!0},sortable:!0,width:150},{type:"string",name:"serialNo",label:!0,header:f.z2.t("field.serial-no"),record:{editable:!0},sortable:!0,width:150},{type:"string",name:"netmask",label:!0,header:f.z2.t("field.netmask"),record:{editable:!0},sortable:!0,width:150},{type:"object",name:"updater",header:f.z2.t("field.updater"),record:{editable:!1},sortable:!0,width:120},{type:"datetime",name:"updatedAt",header:f.z2.t("field.updated_at"),record:{editable:!1},sortable:!0,width:180}],rows:{selectable:{multiple:!0}},sorters:[{name:"name"}]}}))()}fetchHandler(e){return v((function*(){var{page:t,limit:r,sortings:n=[],filters:i=[]}=e,o=yield u.Lp.query({query:(0,l.ZP)(a||(a=S(["\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n          responses: dataSensors(filters: $filters, pagination: $pagination, sortings: $sortings) {\n            items {\n              id\n              name\n              description\n              active\n              deviceId\n              tag\n              appliance {\n                id\n                name\n                description\n              }\n              dataSet {\n                id\n                name\n                description\n              }\n              refBy\n              brand\n              model\n              serialNo\n              netmask\n              updater {\n                id\n                name\n              }\n              updatedAt\n            }\n            total\n          }\n        }\n      "]))),variables:{filters:i,pagination:{page:t,limit:r},sortings:n}});return{total:o.data.responses.total||0,records:o.data.responses.items||[]}}))()}_deleteDataSensor(){var e=this;return v((function*(){if(confirm(f.z2.t("text.sure_to_x",{x:f.z2.t("text.delete")}))){var t=e.grist.selected.map((e=>e.id));t&&t.length>0&&((yield u.Lp.mutate({mutation:(0,l.ZP)(o||(o=S(["\n            mutation ($ids: [String!]!) {\n              deleteDataSensors(ids: $ids)\n            }\n          "]))),variables:{ids:t}})).errors||(e.grist.fetch(),(0,m.h4)({message:f.z2.t("text.info_x_successfully",{x:f.z2.t("text.delete")})})))}}))()}_copyDataSensor(){var e=this;return v((function*(){var t=e.grist.selected;0!=t.length&&confirm(f.z2.t("text.sure_to_x",{x:f.z2.t("text.copy")}))&&((yield u.Lp.mutate({mutation:(0,l.ZP)(s||(s=S(["\n        mutation ($ids: [String!]!) {\n          copyDataSensors(ids: $ids) {\n            id\n          }\n        }\n      "]))),variables:{ids:t.map((e=>e.id))}})).errors||e.grist.fetch())}))()}_updateDataSensor(){var e=this;return v((function*(){var t=e.grist.dirtyRecords;t&&t.length&&(t=t.map((e=>{var t=e.id?{id:e.id}:{},r=e.__dirtyfields__;for(var n in r)t[n]=r[n].after;return t.cuFlag=e.__dirty__,t})),(yield u.Lp.mutate({mutation:(0,l.ZP)(d||(d=S(["\n          mutation ($patches: [DataSensorPatch!]!) {\n            updateMultipleDataSensor(patches: $patches) {\n              name\n            }\n          }\n        "]))),variables:{patches:t}})).errors||e.grist.fetch())}))()}}window.customElements.define("data-sensor-list-page",z)}}]);

package/dist-client/1550.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_things_factory_reference_app=self.webpackChunk_things_factory_reference_app||[]).push([[1550],{81550:(e,t,n)=>{n.r(t);var r,i,a=n(94430),o=n(28120),s=n(39424),d=n(51266);function c(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}class l extends((0,o.$)(s.h)(s.B4)){static get styles(){return[(0,a.iv)(r||(r=c(["\n        :host {\n          display: flex;\n        }\n\n        #editor {\n          flex: 1;\n        }\n      "])))]}static get properties(){return{text:String}}constructor(){super(),this.text="<p><i>Welcome to the Jodit Web Component example!</i></p>"}firstUpdated(){var e=this.renderRoot.querySelector("iframe");e.addEventListener("load",(t=>{e.contentDocument.addEventListener("change",this.onChangeEventHandler.bind(this)),e.contentWindow.editor.setEditorValue(this.text)}))}onChangeEventHandler(e){d.log("changed",e.target.value)}render(){return(0,a.dy)(i||(i=c([' <iframe id="editor" src="/public/html-editor-jodit"></iframe> '])))}stateChanged(e){}}window.customElements.define("web-editor-jodit-page",l)}}]);

package/dist-client/1593.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_things_factory_reference_app=self.webpackChunk_things_factory_reference_app||[]).push([[1593],{41593:(e,r,t)=>{t.r(r),t(59870),t(41427);var n,o,i,a=t(16682),c=t(94430),s=t(28120),u=t(39424),l=t(86850),p=t(674);function d(e,r,t,n,o,i,a){try{var c=e[i](a),s=c.value}catch(e){return void t(e)}c.done?r(s):Promise.resolve(s).then(n,o)}function f(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 v(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?f(Object(t),!0).forEach((function(r){b(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):f(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function b(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}function m(e,r){return r||(r=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(r)}}))}class y extends((0,s.$)(u.h)(u.B4)){static get styles(){return[p.N,(0,c.iv)(n||(n=m(["\n        section {\n          display: inline-block;\n          padding: 10px;\n          margin: 10px;\n          min-width: 240px;\n        }\n      "])))]}static get properties(){return{}}get context(){return{title:"OCR Scan..",actions:[v({title:"Submit",action:this.upload.bind(this)},l.jO.submit)]}}render(){return(0,c.dy)(o||(o=m(['\n      <section>\n        <div attachment-wrap>\n          <label>OCR Scan Request</label>\n          <camera-capturer\n            name="scanner"\n            id="capturer"\n            label="Capture Images"\n            accept="image/*"\n            multiple="true"\n            ?hidden=','\n            custom-input\n          ></camera-capturer>\n        </div>\n        <div id="result"></div>\n      </section>\n    '])),!1)}pageUpdated(e,r,t){if(this.active){var n=this.shadowRoot.querySelector("#capturer"),o=this.shadowRoot.querySelector("#result");n.reset(),o.textContent=""}}upload(){var e,r=this;return(e=function*(){var e=r.shadowRoot.querySelector("#capturer"),t=r.shadowRoot.querySelector("#result"),n=yield u.Lp.query({query:(0,a.ZP)(i||(i=m(["\n        query ocrRequest($images: [Upload!]!) {\n          ocrRequest(images: $images)\n        }\n      "]))),variables:{images:null==e?void 0:e.files},context:{hasUpload:!0}});n.errors?t.textContent="error":t.textContent=n.data.ocrRequest},function(){var r=this,t=arguments;return new Promise((function(n,o){var i=e.apply(r,t);function a(e){d(i,n,o,a,c,"next",e)}function c(e){d(i,n,o,a,c,"throw",e)}a(void 0)}))})()}}customElements.define("ocr-page",y)},674:(e,r,t)=>{var n;t.d(r,{N:()=>a});var o,i,a=(0,t(94430).iv)(n||(o=["\n  :host {\n    display: block;\n    background-color: var(--main-section-background-color);\n    padding: var(--padding-wide);\n    overflow: auto;\n  }\n  p {\n    color: var(--secondary-color);\n    font-size: 1em;\n  }\n  h2,\n  h3 {\n    margin-bottom: var(--margin-narrow);\n    color: var(--secondary-text-color);\n  }\n  fieldset {\n    background-color: var(--theme-white-color);\n    margin-top: var(--margin-wide);\n    border: var(--border-dark-color);\n  }\n  fieldset > * {\n    min-width: 10%;\n  }\n"],i||(i=o.slice(0)),n=Object.freeze(Object.defineProperties(o,{raw:{value:Object.freeze(i)}}))))}}]);

package/dist-client/1689.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_things_factory_reference_app=self.webpackChunk_things_factory_reference_app||[]).push([[1689],{81689:(e,t,a)=>{a.r(t);var n,o,r=a(94430),i=a(28120),s=a(39424),d=a(51266);function c(e,t,a,n,o,r,i){try{var s=e[r](i),d=s.value}catch(e){return void a(e)}s.done?t(d):Promise.resolve(d).then(n,o)}function l(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}class p extends((0,i.$)(s.h)(s.B4)){static get styles(){return[(0,r.iv)(n||(n=l(["\n        :host {\n          display: flex;\n        }\n\n        #editor {\n          flex: 1;\n        }\n      "])))]}static get properties(){return{text:String}}constructor(){super(),this.text="<p><i>Welcome to the Editor.js Web Component example!</i></p>"}firstUpdated(){var e=this,t=this.renderRoot.querySelector("iframe");t.addEventListener("load",function(){var a,n=(a=function*(a){t.contentDocument.addEventListener("change",e.onChangeEventHandler.bind(e)),yield t.contentWindow.editor.isReady,t.contentWindow.editor.blocks.clear(),[{type:"header",data:{text:"Editor.js",level:2}},{type:"paragraph",data:{text:"Hey. Meet the new Editor. On this page you can see it in action — try to edit this text. Source code of the page contains the example of connection and configuration."}},{type:"header",data:{text:"Key features",level:3}},{type:"list",data:{items:["It is a block-styled editor","It returns clean data output in JSON","Designed to be extendable and pluggable with a simple API"],style:"unordered"}},{type:"header",data:{text:"What does it mean «block-styled editor»",level:3}},{type:"paragraph",data:{text:'Workspace in classic editors is made of a single contenteditable element, used to create different HTML markups. Editor.js <mark class="cdx-marker">workspace consists of separate Blocks: paragraphs, headings, images, lists, quotes, etc</mark>. Each of them is an independent contenteditable element (or more complex structure) provided by Plugin and united by Editor\'s Core.'}},{type:"paragraph",data:{text:'There are dozens of <a href="https://github.com/editor-js">ready-to-use Blocks</a> and the <a href="https://editorjs.io/creating-a-block-tool">simple API</a> for creation any Block you need. For example, you can implement Blocks for Tweets, Instagram posts, surveys and polls, CTA-buttons and even games.'}},{type:"header",data:{text:"What does it mean clean data output",level:3}},{type:"paragraph",data:{text:"Classic WYSIWYG-editors produce raw HTML-markup with both content data and content appearance. On the contrary, Editor.js outputs JSON object with data of each Block. You can see an example below"}},{type:"paragraph",data:{text:'Given data can be used as you want: render with HTML for <code class="inline-code">Web clients</code>, render natively for <code class="inline-code">mobile apps</code>, create markup for <code class="inline-code">Facebook Instant Articles</code> or <code class="inline-code">Google AMP</code>, generate an <code class="inline-code">audio version</code> and so on.'}},{type:"paragraph",data:{text:"Clean data is useful to sanitize, validate and process on the backend."}},{type:"delimiter",data:{}},{type:"paragraph",data:{text:"We have been working on this project more than three years. Several large media projects help us to test and debug the Editor, to make its core more stable. At the same time we significantly improved the API. Now, it can be used to create any plugin for any task. Hope you enjoy. 😏"}},{type:"image",data:{url:"assets/codex2x.png",caption:"",stretched:!1,withBorder:!0,withBackground:!1}}].forEach((e=>t.contentWindow.editor.blocks.insert(e)))},function(){var e=this,t=arguments;return new Promise((function(n,o){var r=a.apply(e,t);function i(e){c(r,n,o,i,s,"next",e)}function s(e){c(r,n,o,i,s,"throw",e)}i(void 0)}))});return function(e){return n.apply(this,arguments)}}())}onChangeEventHandler(e){d.log("changed",e.target.value)}render(){return(0,r.dy)(o||(o=l([' <iframe id="editor" src="/public/html-editor-editorjs"></iframe> '])))}stateChanged(e){}}window.customElements.define("web-editor-editorjs-page",p)}}]);

package/dist-client/1733.js

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

package/dist-client/1766.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_things_factory_reference_app=self.webpackChunk_things_factory_reference_app||[]).push([[1766],{11766:(n,t,r)=>{r.r(t);var o,e,a,i,d=r(171),c=r(16682),l=r(94430),s=r(56765),u=r(28120),b=r(27805),v=r(37077),h=r(77675);function g(n,t,r,o,e,a,i){try{var d=n[a](i),c=d.value}catch(n){return void r(n)}d.done?t(c):Promise.resolve(c).then(o,e)}function p(n){return function(){var t=this,r=arguments;return new Promise((function(o,e){var a=n.apply(t,r);function i(n){g(a,o,e,i,d,"next",n)}function d(n){g(a,o,e,i,d,"throw",n)}i(void 0)}))}}function f(n,t){return t||(t=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(t)}}))}var m=class extends((0,u.$)(h.h)(h.B4)){constructor(){super(...arguments),this.clients=[]}get context(){return{title:"clients"}}render(){var n=this.clients||[];return(0,l.dy)(o||(o=f(['\n      <div>\n        <h2>Registered Oauth2 Clients</h2>\n        <p page-description>\n          What type of oauth2 client are you building?<br />Choose the platform type that best suits the audience you’re\n          building for.\n        </p>\n        <a href="oauth2-client-register" button-primary>register new oauth2 client</a>\n      </div>\n\n      <div>\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      </div>\n    "])),n.map((n=>(0,l.dy)(e||(e=f(["\n              <tr>\n                <td>\n                  <a href=",">\n                    <strong>","</strong>\n                    ",'\n                  </a>\n                </td>\n                <td class="text-align-center">OK</td>\n                <td class="text-align-right">1</td>\n                <td class="text-align-center">draft</td>\n              </tr>\n            '])),"oauth2-client/".concat(n.id),n.name,n.description))))}pageUpdated(n,t,r){var o=this;return p((function*(){var n;o.active&&(o.clients=(null===(n=yield o.fetchOauth2Clients())||void 0===n?void 0:n.items)||[])}))()}fetchOauth2Clients(){return p((function*(){var n=yield b.Lp.query({query:(0,c.ZP)(a||(a=f(["\n        query {\n          oauth2Clients {\n            items {\n              id\n              name\n              description\n            }\n            total\n          }\n        }\n      "])))});if(!n.errors)return n.data.oauth2Clients;(0,v.h4)({level:"error",message:"fetch oauth2 clients fail"})}))()}};m.styles=[(0,l.iv)(i||(i=f(["\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\n      [button-primary] {\n        background-color: var(--button-primary-background-color);\n        border: var(--button-border);\n        border-radius: var(--button-border-radius);\n        margin: var(--button-margin);\n        padding: var(--button-primary-padding);\n        color: var(--button-primary-color);\n        font: var(--button-primary-font);\n        text-transform: var(--button-text-transform);\n\n        text-decoration: none;\n      }\n      [button-primary]:hover {\n        background-color: var(--button-primary-active-background-color);\n        box-shadow: var(--button-active-box-shadow);\n      }\n      [button] {\n        background-color: var(--button-background-color);\n        border: var(--button-border);\n        border-radius: var(--button-border-radius);\n        margin: var(--button-margin);\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-right: 0;\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      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      div {\n        margin: var(--margin-wide) 0;\n      }\n      table {\n        background-color: var(--theme-white-color);\n        width: 100%;\n        border-collapse: collapse;\n      }\n      th {\n        background-color: rgba(var(--primary-color-rgb), 0.1);\n        border-top: var(--th-border-top);\n        border-bottom: var(--border-dark-color);\n        padding: var(--th-padding);\n\n        font: var(--th-font);\n        color: var(--secondary-color);\n        text-transform: var(--th-text-transform);\n      }\n      td {\n        padding: var(--td-padding);\n        border-bottom: var(--border-dark-color);\n        line-height: 1.1;\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,d.gn)([(0,s.Cb)({type:Array}),(0,d.w6)("design:type",Array)],m.prototype,"clients",void 0),m=(0,d.gn)([(0,s.Mo)("oauth2-clients")],m)}}]);

package/dist-client/2098.js

@@ -0,0 +1 @@
+"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

@@ -0,0 +1 @@
+"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

@@ -0,0 +1 @@
+"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

@@ -0,0 +1 @@
+"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

@@ -0,0 +1 @@
+"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

@@ -0,0 +1 @@
+"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

@@ -0,0 +1 @@
+"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

@@ -0,0 +1 @@
+"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

@@ -0,0 +1 @@
+"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

@@ -0,0 +1 @@
+"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

@@ -0,0 +1 @@
+"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

@@ -0,0 +1 @@
+"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

@@ -0,0 +1 @@
+"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)}}]);