@things-factory/reference-app 6.0.25 → 6.0.28

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

@@ -0,0 +1,345 @@
+/*!
+ * Determine if an object is a Buffer
+ *
+ * @author   Feross Aboukhadijeh <https://feross.org>
+ * @license  MIT
+ */
+
+/*!
+ * The buffer module from node.js, for the browser.
+ *
+ * @author   Feross Aboukhadijeh <https://feross.org>
+ * @license  MIT
+ */
+
+/*!
+ * clipboard.js v2.0.11
+ * https://clipboardjs.com/
+ *
+ * Licensed MIT © Zeno Rocha
+ */
+
+/*! ExcelJS 27-10-2020 */
+
+/*! safe-buffer. MIT License. Feross Aboukhadijeh <https://feross.org/opensource> */
+
+/*! sheetjs (C) 2013-present SheetJS -- http://sheetjs.com */
+
+/**
+ * @license
+ * Copyright 2016 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+
+/**
+ * @license
+ * Copyright 2018 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+/**
+ * @license
+ * Copyright 2020 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+
+/**
+ * @license
+ * Copyright 2021 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-LIcense-Identifier: Apache-2.0
+ */
+
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/**
+ * @license Copyright © HatioLab Inc. All rights reserved.
+ */
+
+/**
+ * Character class utilities for XML NS 1.0 edition 3.
+ *
+ * @author Louis-Dominique Dubeau
+ * @license MIT
+ * @copyright Louis-Dominique Dubeau
+ */
+
+/**
+ * Character classes and associated utilities for the 2nd edition of XML 1.1.
+ *
+ * @author Louis-Dominique Dubeau
+ * @license MIT
+ * @copyright Louis-Dominique Dubeau
+ */
+
+/**
+ * Character classes and associated utilities for the 5th edition of XML 1.0.
+ *
+ * @author Louis-Dominique Dubeau
+ * @license MIT
+ * @copyright Louis-Dominique Dubeau
+ */
+
+/**
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at
+http://polymer.github.io/LICENSE.txt The complete set of authors may be found at
+http://polymer.github.io/AUTHORS.txt The complete set of contributors may be
+found at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by Google as
+part of the polymer project is also subject to an additional IP rights grant
+found at http://polymer.github.io/PATENTS.txt
+*/
+
+/**
+@license
+Copyright (c) 2016 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at
+http://polymer.github.io/LICENSE.txt The complete set of authors may be found at
+http://polymer.github.io/AUTHORS.txt The complete set of contributors may be
+found at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by Google as
+part of the polymer project is also subject to an additional IP rights grant
+found at http://polymer.github.io/PATENTS.txt
+*/
+
+/**
+@license
+Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at
+http://polymer.github.io/LICENSE.txt The complete set of authors may be found at
+http://polymer.github.io/AUTHORS.txt The complete set of contributors may be
+found at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by Google as
+part of the polymer project is also subject to an additional IP rights grant
+found at http://polymer.github.io/PATENTS.txt
+*/
+
+/**
+@license
+Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+*/
+
+/**
+@license
+Copyright (c) 2018 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+*/
+
+/**!
+ * Sortable 1.15.0
+ * @author	RubaXa   <trash@rubaxa.org>
+ * @author	owenm    <owen23355@gmail.com>
+ * @license MIT
+ */

package/dist-client/4516.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_things_factory_reference_app=self.webpackChunk_things_factory_reference_app||[]).push([[4516],{72320:(e,t,n)=>{n.d(t,{l:()=>r.l});var r=n(5267)},86208:(e,t,n)=>{var r,a,i,o,l,d,s,c,p,u=n(171),m=(n(14410),n(94430)),f=n(56765);function v(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var h=class extends m.oi{render(){var e,t;return(0,m.dy)(r||(r=v([" <form @change=",">\n      <h2>","</h2>\n      <h3>","</h3>\n      ","\n    </form>"])),(e=>this.onChange(e)),(null===(e=this.dataSet)||void 0===e?void 0:e.name)||"",(null===(t=this.dataSet)||void 0===t?void 0:t.description)||"",this.buildInputs())}onChange(e){this.value=this.buildValue(),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:this.value}))}buildInputs(){return(this.dataSet.dataItems.filter((e=>e.active))||[]).map((e=>{var{name:t,description:n,tag:r,type:p,quota:u=1,options:f={},unit:h}=e,g=new Array(u).fill(0),y=this.value&&this.value[r],b=g.map(((e,t)=>{var n=y instanceof Array?y[t]:0===t?y:void 0;switch(p){case"select":return(0,m.dy)(a||(a=v([" <select .name=",'>\n              <option value=""></option>\n              ',"\n            </select>"])),r,(f.options||[]).map((e=>(0,m.dy)(i||(i=v(["<option value="," ?selected=",">","</option>"])),e.value,e.value===n,e.text))));case"boolean":return(0,m.dy)(o||(o=v([' <input type="checkbox" name='," .checked="," />"])),r,n);case"number":return(0,m.dy)(l||(l=v([' <input type="number" name='," value="," />"])),r,n);case"file":return(0,m.dy)(d||(d=v(["<ox-input-file\n              name=",'\n              label="Attach Files"\n              accept="*/*"\n              multiple="true"\n              hide-filelist\n            ></ox-input-file>'])),r);default:return(0,m.dy)(s||(s=v([' <input type="string" name='," value="," />"])),r,n)}}));return(0,m.dy)(c||(c=v([" <label .title=",">\n        <div name>","","</div>\n        <div description><mwc-icon>info_outline</mwc-icon> ","</div>\n        <div elements>","</div>\n      </label>"])),n,t,h?"(".concat(h,")"):"",n,b)}))}buildValue(){return(this.dataSet.dataItems||[]).reduce(((e,t)=>{var{tag:n,type:r}=t,a=Array.prototype.slice.call(this.renderRoot.querySelectorAll("[name=".concat(n,"]")));return a.length>0&&(e[n]=a.map((e=>"boolean"===r?e.checked:e.value))),e}),{})}};h.styles=(0,m.iv)(p||(p=v(["\n    :host {\n      display: flex;\n      flex-direction: row;\n      --item-description-font: normal 0.8rem/1rem var(--theme-font);\n      --item-description-color: var(--page-description-color);\n    }\n\n    h2 {\n      margin: var(--title-margin);\n      font: var(--title-font);\n      color: var(--title-text-color);\n      text-transform: capitalize;\n      text-align: center;\n    }\n    h3 {\n      margin: var(--page-description-margin);\n      font: var(--page-description-font);\n      color: var(--page-description-color);\n      text-transform: capitalize;\n      text-align: center;\n    }\n\n    form {\n      flex: 1;\n\n      display: flex;\n      flex-direction: column;\n    }\n    label {\n      display: grid;\n\n      grid-template-rows: auto 1fr;\n      grid-template-columns: 1fr 5fr;\n      grid-template-areas: 'name description' 'empty inputs';\n\n      grid-gap: 9px;\n      align-items: center;\n      margin-bottom: var(--margin-default);\n    }\n    label:nth-child(odd) {\n      background-color: var(--main-section-background-color);\n      padding: var(--padding-default) 0;\n    }\n\n    div[name] {\n      grid-area: name;\n      font: var(--label-font);\n      color: var(--label-color);\n      text-align: right;\n    }\n    div[description] {\n      grid-area: description;\n      opacity: 0.7;\n      font: var(--item-description-font);\n      color: var(--item-description-color);\n      text-align: left;\n    }\n    div[description] * {\n      vertical-align: middle;\n    }\n    div[description] mwc-icon {\n      margin-top: -3px;\n      font-size: 0.9rem;\n    }\n    div[elements] {\n      grid-area: inputs;\n      display: flex;\n      flex-direction: row;\n      flex-wrap: wrap;\n      gap: 10px;\n      padding-right: var(--padding-default);\n    }\n    div[elements] * {\n      flex: 1;\n    }\n    div[elements] input,\n    div[elements] select {\n      border: var(--input-field-border);\n      border-radius: var(--input-field-border-radius);\n      padding: var(--input-field-padding);\n      font: var(--input-field-font);\n    }\n\n    @media only screen and (max-width: 460px) {\n      label {\n        display: grid;\n\n        grid-template-rows: auto auto 1fr;\n        grid-template-columns: 1fr;\n        grid-template-areas: 'name' 'description' 'inputs';\n\n        grid-gap: 9px;\n        align-items: center;\n        margin-bottom: var(--margin-default);\n      }\n\n      div[name] {\n        text-align: left;\n      }\n    }\n  "]))),(0,u.gn)([(0,f.Cb)({type:Object})],h.prototype,"dataSet",void 0),(0,u.gn)([(0,f.Cb)({type:Object})],h.prototype,"value",void 0),h=(0,u.gn)([(0,f.Mo)("ox-data-entry-form")],h)},73948:(e,t,n)=>{n(86208);var r,a,i,o=n(16682),l=n(94430),d=n(27805),s=n(53421),c=n(15633);function p(e,t,n,r,a,i,o){try{var l=e[i](o),d=l.value}catch(e){return void n(e)}l.done?t(d):Promise.resolve(d).then(r,a)}function u(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}class m extends((0,s.NC)(s.z2)(l.oi)){static get properties(){return{dataSet:Object}}static get styles(){return[c.Ix,(0,l.iv)(r||(r=u(["\n        :host {\n          display: flex;\n          flex-direction: column;\n\n          background-color: #fff;\n        }\n\n        ox-data-entry-form {\n          flex: 1;\n          padding: 10px;\n          overflow: auto;\n        }\n\n        .button-container {\n          display: flex;\n          margin-left: auto;\n          padding: var(--padding-default);\n        }\n      "])))]}get entryForm(){return this.renderRoot.querySelector("ox-data-entry-form")}render(){return(0,l.dy)(a||(a=u(["\n      <ox-data-entry-form .dataSet=",'></ox-data-entry-form>\n      <div class="button-container">\n        <mwc-button raised @click=',">","</mwc-button>\n      </div>\n    "])),this.dataSet,this._updateDataItems.bind(this),s.z2.t("button.save"))}_updateDataItems(){var e,t=this;return(e=function*(){var e=t.entryForm.buildValue(),n={dataSet:{id:t.dataSet.id},data:e};(yield d.Lp.mutate({mutation:(0,o.ZP)(i||(i=u(["\n        mutation ($dataSample: NewDataSample!) {\n          createDataSample(dataSample: $dataSample) {\n            id\n            collectedAt\n          }\n        }\n      "]))),variables:{dataSample:n}})).errors||document.dispatchEvent(new CustomEvent("notify",{detail:{message:s.z2.t("text.data sample created successfully")}}))},function(){var t=this,n=arguments;return new Promise((function(r,a){var i=e.apply(t,n);function o(e){p(i,r,a,o,l,"next",e)}function l(e){p(i,r,a,o,l,"throw",e)}o(void 0)}))})()}}window.customElements.define("data-entry-form",m)},94516:(e,t,n)=>{n.r(t),n.d(t,{DataEntryListPage:()=>k});var r,a,i,o,l,d=n(68784),s=(n(46570),n(73948),n(16682)),c=n(94430),p=n(28120),u=n(72320),m=n(27805),f=n(53421),v=n(37077),h=n(77675),g=n(15633),y=n(15562);function b(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function x(e,t,n,r,a,i,o){try{var l=e[i](o),d=l.value}catch(e){return void n(e)}l.done?t(d):Promise.resolve(d).then(r,a)}function w(e){return function(){var t=this,n=arguments;return new Promise((function(r,a){var i=e.apply(t,n);function o(e){x(i,r,a,o,l,"next",e)}function l(e){x(i,r,a,o,l,"throw",e)}o(void 0)}))}}var z=()=>["",...u.l.getUseCaseNames()].map((e=>({display:e,value:e}))),S=function(){var e=w((function*(e,t,n,i,o){var{name:l,entryType:d,entryView:s}=i,p="".concat(l," - ").concat(f.z2.t("title.data-entry-form"));switch(d){case"generated":(0,v.Mw)((0,c.dy)(r||(r=b([" <data-entry-form .dataSet=",' style="background-color: white;"></data-entry-form> '])),i),{closable:!0,backdrop:!0,size:"large",title:p});break;case"board":var u={id:s};(0,v.Mw)((0,c.dy)(a||(a=b(['\n          <ox-board-viewer\n            style="background-color: white;"\n            .board=',"\n            .provider=","\n            hide-fullscreen\n            hide-navigation\n          ></ox-board-viewer>\n        "])),u,y.Ap),{closable:!0,backdrop:!0,size:"large",title:p});break;case"page":(0,h.c4)(s);break;case"external":window.open(s,"_blank")}}));return function(t,n,r,a,i){return e.apply(this,arguments)}}();class k extends((0,p.$)(h.h)((0,f.NC)(f.z2)(h.B4))){static get properties(){return{active:String,gristConfig:Object,filters:Object,sorters:Object,mode:String}}static get styles(){return[g.Ix,g.Pn,(0,c.iv)(i||(i=b(["\n        :host {\n          display: flex;\n\n          width: 100%;\n\n          --grid-record-emphasized-background-color: red;\n          --grid-record-emphasized-color: yellow;\n        }\n      "])))]}get context(){return{title:f.z2.t("title.data-entry list"),help:"dataset/data-entry-list"}}render(){return(0,c.dy)(o||(o=b(["\n      <ox-grist\n        .mode=","\n        .config=","\n        .filters=","\n        .orders=","\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        </div>\n      </ox-grist>\n    '])),"CARD",this.gristConfig,this.filters,this.orders,this.fetchHandler.bind(this),(e=>{var t=e.currentTarget;this.renderRoot.querySelector("#sorter-control").open({right:0,top:t.offsetTop+t.offsetHeight})}))}get grist(){return this.renderRoot.querySelector("ox-grist")}pageInitialized(e){var t=this;return w((function*(){t.gristConfig={list:{thumbnail:"entryView",fields:["name","description"],details:["schedule","type","useCase","latestCollectedAt","prevSchedule","nextSchedule"]},columns:[{type:"gutter",gutterName:"button",icon:"fact_check",handlers:{click:S}},{type:"string",name:"name",header:f.z2.t("field.name"),record:{editable:!1},filter:"search",sortable:!0,width:150},{type:"string",name:"description",header:f.z2.t("field.description"),record:{editable:!1},filter:"search",width:200},{type:"select",name:"type",label:!0,header:f.z2.t("field.type"),record:{editable:!1,options:[{},{display:f.z2.t("text.manually collected"),value:"manual"},{display:f.z2.t("text.automatically collected"),value:"automatic"}]},sortable:!0,filter:!0,width:60},{type:"select",name:"useCase",label:!0,header:f.z2.t("field.use-case"),record:{editable:!1,options:z},sortable:!0,filter:{operator:"eq",options:z},width:80},{type:"crontab",name:"schedule",label:!0,header:f.z2.t("field.schedule"),record:{editable:!1},width:80,label:!0},{type:"resource-object",name:"entryRole",header:f.z2.t("field.entry-role"),record:{editable:!1},width:120},{type:"resource-object",name:"supervisoryRole",header:f.z2.t("field.supervisory-role"),record:{editable:!1},width:120},{type:"datetime",name:"latestCollectedAt",label:!0,header:f.z2.t("field.latest-collected-at"),record:{editable:!1},width:180},{type:"datetime",name:"prevSchedule",label:!0,header:f.z2.t("field.prev-schedule"),record:{editable:!1},width:180},{type:"datetime",name:"nextSchedule",label:!0,header:f.z2.t("field.next-schedule"),record:{editable:!1},width:180},{type:"string",name:"entryView",hidden:!0,record:{editable:!1,renderer:function(e,t,n,r,a){var i,o="board"!==n.entryType?"string":"image";return e="board"!==n.entryType?e:null===(i=n.entryBoard)||void 0===i?void 0:i.thumbnail,(0,d.Bp)(o)(e,t,n,r,a)}}}],rows:{selectable:{multiple:!1},handlers:{click:S},classifier:function(e,t){}},sorters:[{name:"name"}]}}))()}fetchHandler(e){return w((function*(){var{page:t,limit:n,sortings:r=[],filters:a=[]}=e,i=yield m.Lp.query({query:(0,s.ZP)(l||(l=b(["\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n          responses: dataSetsForEntry(filters: $filters, pagination: $pagination, sortings: $sortings) {\n            items {\n              id\n              name\n              description\n              partitionKeys\n              active\n              type\n              useCase\n              schedule\n              timezone\n              entryRole {\n                id\n                name\n              }\n              supervisoryRole {\n                id\n                name\n              }\n              entryType\n              entryView\n              entryBoard {\n                thumbnail\n              }\n              monitorType\n              monitorView\n              updater {\n                id\n                name\n              }\n              reportType\n              reportView\n              updatedAt\n              dataItems {\n                name\n                description\n                active\n                tag\n                type\n                unit\n                options\n                quota\n                spec\n              }\n              latestCollectedAt\n              nextSchedule\n              prevSchedule\n            }\n            total\n          }\n        }\n      "]))),variables:{filters:a,pagination:{page:t,limit:n},sortings:r}});return{total:i.data.responses.total||0,records:i.data.responses.items||[]}}))()}}window.customElements.define("data-entry-list-page",k)}}]);

package/dist-client/4575.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_things_factory_reference_app=self.webpackChunk_things_factory_reference_app||[]).push([[4575],{74575:(e,n,t)=>{t.r(n),t(74757),t(64751),t(12218);var o,a,i=t(94430),c=t(28120),r=t(39424),l=t(674),d=t(51266);function p(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}class s extends((0,c.$)(r.h)(r.B4)){static get styles(){return[l.N,(0,i.iv)(o||(o=p(["\n        :host {\n          display: block;\n        }\n\n        div {\n          overflow-wrap: anywhere;\n        }\n      "])))]}static get properties(){return{bcid:String,value:String,bcWidth:Number,bcHeight:Number,bcScale:Number,padding:Number}}get context(){return{title:"Barcode Scan Input and Tag Component"}}render(){var e=this.bcid||"code128",n=this.value||"213439240572",t=this.bcWidth||30,o=this.bcHeight||30,c=this.bcScale||3,r=this.padding||5;return(0,i.dy)(a||(a=p(['\n      <section>\n        <h2>Barcode Scanable Input</h2>\n        <p>ox-input-barcode 컴포넌트는 카메라 입력을 통해서 바코드를 스캔하고, 스캔한 결과를 입력 필드에 적용한다.</p>\n        <ox-input-barcode\n          name="barcode-input"\n          custom-input\n          @keypress=',"\n        ></ox-input-barcode>\n      </section>\n\n      <section>\n        <h2>Input Field with Barcode Image</h2>\n        <p>barcode-input 컴포넌트는 입력필드에 입력된 결과를 바코드 이미지로도 보여준다.</p>\n\n        <label>bacode type</label>\n        <select\n          @change=","\n          .value=",'\n        >\n          <option value="code39">code39</option>\n          <option value="code128" selected>code128</option>\n          <option value="qrcode">QR</option>\n        </select>\n\n        <label>bacode width</label>\n        <select\n          @change=',"\n          .value=",'\n        >\n          <option value="10">10</option>\n          <option value="30" selected>30</option>\n          <option value="50">50</option>\n        </select>\n\n        <label>bacode height</label>\n        <select\n          @change=',"\n          .value=",'\n        >\n          <option value="10">10</option>\n          <option value="30" selected>30</option>\n          <option value="50">50</option>\n        </select>\n\n        <label>bacode scale</label>\n        <select\n          @change=',"\n          .value=",'\n        >\n          <option value="2">2</option>\n          <option value="3" selected>3</option>\n          <option value="4">4</option>\n        </select>\n\n        <label>padding</label>\n        <select\n          @change=',"\n          .value=",'\n        >\n          <option value="3">3</option>\n          <option value="5" selected>5</option>\n          <option value="10">10</option>\n        </select>\n\n        <barcode-input\n          .bcid=',"\n          .value=","\n          .bcWidth=","\n          .bcHeight=","\n          .bcScale=","\n          @change=","\n        ></barcode-input>\n      </section>\n\n      <section>\n        <h2>Barcode Image Component</h2>\n        <p>\n          ox-barcode 컴포넌트는 바코드 이미지를 보여준다. 바코드 이미지를 클릭하면 이미지 파일을 다운로드 받을 수 있다.\n        </p>\n\n        <ox-barcode\n          .bcid=","\n          .value=","\n          .bcWidth=","\n          .bcHeight=","\n          .bcScale=","\n          .padding=","\n        ></ox-barcode>\n      </section>\n    "])),(e=>{13===e.keyCode&&(e.preventDefault(),this.value=e.target.shadowRoot.querySelector("input").value,d.log("input completed.",e.target.value))}),(e=>{this.bcid=e.target.value}),e,(e=>{this.bcWidth=Number(e.target.value)}),t,(e=>{this.bcHeight=Number(e.target.value)}),o,(e=>{this.bcScale=Number(e.target.value)}),c,(e=>{this.padding=Number(e.target.value)}),r,e,n,t,o,c,(e=>{this.value=e.target.value}),e,n,t,o,c,r)}updated(e){e.has("itemId")||e.has("params")}stateChanged(e){}pageUpdated(e,n,t){this.active}}customElements.define("label-scan-page",s)},674:(e,n,t)=>{var o;t.d(n,{N:()=>c});var a,i,c=(0,t(94430).iv)(o||(a=["\n  :host {\n    display: block;\n    background-color: var(--main-section-background-color);\n    padding: var(--padding-wide);\n    overflow: auto;\n  }\n  p {\n    color: var(--secondary-color);\n    font-size: 1em;\n  }\n  h2,\n  h3 {\n    margin-bottom: var(--margin-narrow);\n    color: var(--secondary-text-color);\n  }\n  fieldset {\n    background-color: var(--theme-white-color);\n    margin-top: var(--margin-wide);\n    border: var(--border-dark-color);\n  }\n  fieldset > * {\n    min-width: 10%;\n  }\n"],i||(i=a.slice(0)),o=Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(i)}}))))}}]);

package/dist-client/4820.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_things_factory_reference_app=self.webpackChunk_things_factory_reference_app||[]).push([[4820],{64820:(e,t,r)=>{r.r(t);var n,o,i,c=r(94430),s=r(28120),a=r(171),p=r(56765);function d(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var l=i=class extends c.oi{constructor(){super(...arguments),this.src="",this.srcdoc="",this.pending=500}render(){return(0,c.dy)(n||(n=d(["<slot></slot>"])))}firstUpdated(){this.addEventListener("click",(e=>{this.print()}))}print(){var e=this.srcdoc;i.print({src:this.src,srcdoc:e,pending:this.pending})}static print(e){var{src:t,srcdoc:r,pending:n=500,onfinish:o}=e,i=document.createElement("iframe");function c(){i&&document.body.removeChild(i)}i.style.position="fixed",i.style.right="0",i.style.bottom="0",i.style.width="0",i.style.height="0",i.style.border="0",i.onload=function(e){setTimeout((function(){var e=null==i?void 0:i.contentWindow;e&&(e.onbeforeunload=c,e.onafterprint=c,e.focus(),e.print(),o&&o())}),n)},t?i.src=t:r&&(i.srcdoc=r),document.body.appendChild(i)}};l.styles=(0,c.iv)(o||(o=d(["\n    :host {\n      display: block;\n    }\n  "]))),(0,a.gn)([(0,p.Cb)({type:String})],l.prototype,"src",void 0),(0,a.gn)([(0,p.Cb)({type:String})],l.prototype,"srcdoc",void 0),(0,a.gn)([(0,p.Cb)({type:Number})],l.prototype,"pending",void 0),l=i=(0,a.gn)([(0,p.Mo)("ghost-print")],l);var u,f,b=r(39424),v=r(86850),g=r(674);function h(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 y(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?h(Object(r),!0).forEach((function(t){m(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function m(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function O(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}class w extends((0,s.$)(b.h)(b.B4)){static get styles(){return[g.N,(0,c.iv)(u||(u=O(["\n        :host {\n          display: block;\n        }\n\n        div {\n          overflow-wrap: anywhere;\n        }\n      "])))]}static get properties(){return{}}get context(){return{title:"Ghost Print",actions:[y({title:"print",action:()=>{l.print({src:"/report-page"})}},v.jO.submit)]}}render(){return(0,c.dy)(f||(f=O(["\n      <p>\n        클라이언트(브라우저)에서 URL 소스를 화면에서 열지않고 직접 프린트 프리뷰(Ghost Print)로 보내는 방법을 가이드\n        합니다. <br />\n        Ghost Print는 브라우저에서 제공하는 기본 프린트 방법은 항상 화면에 먼저 보이고, 그 화면을 프린트 프리뷰 팝업으로\n        보여주기 때문에, 프린트용 화면의 레이아웃 등 구현과정에서 불편할 수 있으므로, 히든 iframe에 렌더링된 결과를\n        프린터 프리뷰에 보내는 방법을 이야기 합니다.\n      </p>\n    "])))}updated(e){e.has("itemId")||e.has("params")}stateChanged(e){}pageUpdated(e,t,r){this.active}}customElements.define("ghost-print-page",w)},674:(e,t,r)=>{var n;r.d(t,{N:()=>c});var o,i,c=(0,r(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/5085.js

@@ -0,0 +1,2 @@
+/*! For license information please see 5085.js.LICENSE.txt */
+"use strict";(self.webpackChunk_things_factory_reference_app=self.webpackChunk_things_factory_reference_app||[]).push([[5085],{19108:(e,r,t)=>{t.d(r,{o:()=>v});var o,i,n,c=t(94430),d=t(37077),a=t(31887),l=(t(39663),t(95526),t(39424)),s=t(86850),u=t(33586);function m(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function p(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?m(Object(t),!0).forEach((function(r){b(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):m(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 o=t.call(e,"string");if("object"!=typeof o)return o;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 h(e,r,t,o,i,n,c){try{var d=e[n](c),a=d.value}catch(e){return void t(e)}d.done?r(a):Promise.resolve(a).then(o,i)}function f(e){return function(){var r=this,t=arguments;return new Promise((function(o,i){var n=e.apply(r,t);function c(e){h(n,o,i,c,d,"next",e)}function d(e){h(n,o,i,c,d,"throw",e)}c(void 0)}))}}function g(e,r){return r||(r=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(r)}}))}class _ extends((0,a.N)(a.z)(c.oi)){static get properties(){return{importHandler:Object,config:Object,_config:Object,records:Array}}static get styles(){return[s.Ix,(0,c.iv)(o||(o=g(["\n        :host {\n          display: flex;\n          flex-direction: column;\n          overflow: hidden;\n          background-color: white;\n        }\n\n        .grist {\n          display: flex;\n          flex-direction: column;\n          flex: 1;\n          overflow-y: auto;\n        }\n        data-grist {\n          overflow-y: hidden;\n          flex: 1;\n        }\n        h2 {\n          padding: var(--subtitle-padding);\n          font: var(--subtitle-font);\n          color: var(--subtitle-text-color);\n          border-bottom: var(--subtitle-border-bottom);\n        }\n        .button-container {\n          display: flex;\n          margin-left: auto;\n        }\n        .button-container > mwc-button {\n          padding: 10px;\n        }\n      "])))]}get dataGrist(){return this.shadowRoot.querySelector("data-grist")}render(){var e=this;return(0,c.dy)(i||(i=g(['\n      <div class="grist">\n        <data-grist .mode='," .config=",'></data-grist>\n      </div>\n\n      <div class="button-container">\n        <mwc-button\n          @click=',"\n          >","</mwc-button\n        >\n        <mwc-button @click=",">","</mwc-button>\n      </div>\n    "])),(0,u.s2)()?"LIST":"GRID",this._config,f((function*(){var r=e.getCurrentRecord();if(r.length){if(!(yield(0,l.ID)({title:a.z.t("label.import"),text:a.z.t("text.are_you_sure"),confirmButton:{text:a.z.t("button.import")},cancelButton:{text:a.z.t("button.cancel")}})).value)return;e.importHandler(r)}else(0,l.ID)({title:a.z.t("text.nothing_selected"),text:a.z.t("text.there_is_nothing_to_save")})})),a.z.t("button.import"),(e=>history.back()),a.z.t("button.cancel"))}updated(e){if(e.has("config")){var r=(this.config&&this.config.columns||[]).filter((e=>"gutter"!==e.type));this._config=p(p({},this.config),{},{pagination:{infinite:!0},columns:[{type:"gutter",gutterName:"row-selector",multiple:!0},...r]})}}firstUpdated(){this.dataGrist.data={records:this.records,total:this.records.length}}getCurrentRecord(){var e=this.dataGrist.selected,r=/__\w+__/;return e.map((e=>{var t={cuFlag:"+"};for(var o in e)r.test(o)||(t[o]=e[o]);return t}))}}function v(e,r,t){if(!e||!r||!t||"function"!=typeof t)throw new Error("Invalid parameter to open up import dialog");var o,i;(0,d.Mw)((0,c.dy)(n||(o=[' <import-pop-up .records="','" .config="','" .importHandler="','"></import-pop-up> '],i||(i=o.slice(0)),n=Object.freeze(Object.defineProperties(o,{raw:{value:Object.freeze(i)}}))),e,r,t),{backdrop:!0,size:"large",title:a.z.t("title.import")})}window.customElements.define("import-pop-up",_)},95085:(e,r,t)=>{t.r(r),t(27683),t(12585);var o=t(171),i=t(56765),n=(t(23261),t(20099)),c=t(55380),d=t(92198),a=Symbol("selection controller");class l{constructor(){this.selected=null,this.ordered=null,this.set=new Set}}class s{constructor(e){this.sets={},this.focusedSet=null,this.mouseIsDown=!1,this.updating=!1,e.addEventListener("keydown",(e=>{this.keyDownHandler(e)})),e.addEventListener("mousedown",(()=>{this.mousedownHandler()})),e.addEventListener("mouseup",(()=>{this.mouseupHandler()}))}static getController(e){var r=!("global"in e)||"global"in e&&e.global?document:e.getRootNode(),t=r[a];return void 0===t&&(t=new s(r),r[a]=t),t}keyDownHandler(e){var r=e.target;"checked"in r&&this.has(r)&&("ArrowRight"==e.key||"ArrowDown"==e.key?this.selectNext(r):"ArrowLeft"!=e.key&&"ArrowUp"!=e.key||this.selectPrevious(r))}mousedownHandler(){this.mouseIsDown=!0}mouseupHandler(){this.mouseIsDown=!1}has(e){return this.getSet(e.name).set.has(e)}selectPrevious(e){var r=this.getOrdered(e),t=r.indexOf(e),o=r[t-1]||r[r.length-1];return this.select(o),o}selectNext(e){var r=this.getOrdered(e),t=r.indexOf(e),o=r[t+1]||r[0];return this.select(o),o}select(e){e.click()}focus(e){if(!this.mouseIsDown){var r=this.getSet(e.name),t=this.focusedSet;this.focusedSet=r,t!=r&&r.selected&&r.selected!=e&&r.selected.focus()}}isAnySelected(e){var r=this.getSet(e.name);for(var t of r.set)if(t.checked)return!0;return!1}getOrdered(e){var r=this.getSet(e.name);return r.ordered||(r.ordered=Array.from(r.set),r.ordered.sort(((e,r)=>e.compareDocumentPosition(r)==Node.DOCUMENT_POSITION_PRECEDING?1:0))),r.ordered}getSet(e){return this.sets[e]||(this.sets[e]=new l),this.sets[e]}register(e){var r=e.name||e.getAttribute("name")||"",t=this.getSet(r);t.set.add(e),t.ordered=null}unregister(e){var r=this.getSet(e.name);r.set.delete(e),r.ordered=null,r.selected==e&&(r.selected=null)}update(e){if(!this.updating){this.updating=!0;var r=this.getSet(e.name);if(e.checked){for(var t of r.set)t!=e&&(t.checked=!1);r.selected=e}if(this.isAnySelected(e))for(var o of r.set){if(void 0===o.formElementTabIndex)break;o.formElementTabIndex=o.checked?0:-1}this.updating=!1}}}var u=t(76489),m=t(88624),p={NATIVE_CONTROL_SELECTOR:".mdc-radio__native-control"},b={DISABLED:"mdc-radio--disabled",ROOT:"mdc-radio"};const h=function(e){function r(t){return e.call(this,(0,o.pi)((0,o.pi)({},r.defaultAdapter),t))||this}return(0,o.ZT)(r,e),Object.defineProperty(r,"cssClasses",{get:function(){return b},enumerable:!1,configurable:!0}),Object.defineProperty(r,"strings",{get:function(){return p},enumerable:!1,configurable:!0}),Object.defineProperty(r,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},setNativeControlDisabled:function(){}}},enumerable:!1,configurable:!0}),r.prototype.setDisabled=function(e){var t=r.cssClasses.DISABLED;this.adapter.setNativeControlDisabled(e),e?this.adapter.addClass(t):this.adapter.removeClass(t)},r}(m.K);var f,g,_,v=t(94430),y=t(88529),k=t(43995);function x(e,r){return r||(r=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(r)}}))}class w extends c.Wg{constructor(){super(...arguments),this._checked=!1,this.useStateLayerCustomProperties=!1,this.global=!1,this.disabled=!1,this.value="on",this.name="",this.reducedTouchTarget=!1,this.mdcFoundationClass=h,this.formElementTabIndex=0,this.focused=!1,this.shouldRenderRipple=!1,this.rippleElement=null,this.rippleHandlers=new u.A((()=>(this.shouldRenderRipple=!0,this.ripple.then((e=>{this.rippleElement=e})),this.ripple)))}get checked(){return this._checked}set checked(e){var r,t,o=this._checked;e!==o&&(this._checked=e,this.formElement&&(this.formElement.checked=e),null===(r=this._selectionController)||void 0===r||r.update(this),!1===e&&(null===(t=this.formElement)||void 0===t||t.blur()),this.requestUpdate("checked",o),this.dispatchEvent(new Event("checked",{bubbles:!0,composed:!0})))}_handleUpdatedValue(e){this.formElement.value=e}renderRipple(){return this.shouldRenderRipple?(0,v.dy)(f||(f=x(['<mwc-ripple unbounded accent\n        .internalUseStateLayerCustomProperties="','"\n        .disabled="','"></mwc-ripple>'])),this.useStateLayerCustomProperties,this.disabled):""}get isRippleActive(){var e;return(null===(e=this.rippleElement)||void 0===e?void 0:e.isActive)||!1}connectedCallback(){super.connectedCallback(),this._selectionController=s.getController(this),this._selectionController.register(this),this._selectionController.update(this)}disconnectedCallback(){this._selectionController.unregister(this),this._selectionController=void 0}focus(){this.formElement.focus()}createAdapter(){return Object.assign(Object.assign({},(0,c.qN)(this.mdcRoot)),{setNativeControlDisabled:e=>{this.formElement.disabled=e}})}handleFocus(){this.focused=!0,this.handleRippleFocus()}handleClick(){this.formElement.focus()}handleBlur(){this.focused=!1,this.formElement.blur(),this.rippleHandlers.endFocus()}setFormData(e){this.name&&this.checked&&e.append(this.name,this.value)}render(){var e={"mdc-radio--touch":!this.reducedTouchTarget,"mdc-ripple-upgraded--background-focused":this.focused,"mdc-radio--disabled":this.disabled};return(0,v.dy)(g||(g=x(['\n      <div class="mdc-radio ','">\n        <input\n          tabindex="','"\n          class="mdc-radio__native-control"\n          type="radio"\n          name="','"\n          aria-label="','"\n          aria-labelledby="','"\n          .checked="','"\n          .value="','"\n          ?disabled="','"\n          @change="','"\n          @focus="','"\n          @click="','"\n          @blur="','"\n          @mousedown="','"\n          @mouseenter="','"\n          @mouseleave="','"\n          @touchstart="','"\n          @touchend="','"\n          @touchcancel="','">\n        <div class="mdc-radio__background">\n          <div class="mdc-radio__outer-circle"></div>\n          <div class="mdc-radio__inner-circle"></div>\n        </div>\n        ',"\n      </div>"])),(0,y.$)(e),this.formElementTabIndex,this.name,(0,k.o)(this.ariaLabel),(0,k.o)(this.ariaLabelledBy),this.checked,this.value,this.disabled,this.changeHandler,this.handleFocus,this.handleClick,this.handleBlur,this.handleRippleMouseDown,this.handleRippleMouseEnter,this.handleRippleMouseLeave,this.handleRippleTouchStart,this.handleRippleDeactivate,this.handleRippleDeactivate,this.renderRipple())}handleRippleMouseDown(e){var r=()=>{window.removeEventListener("mouseup",r),this.handleRippleDeactivate()};window.addEventListener("mouseup",r),this.rippleHandlers.startPress(e)}handleRippleTouchStart(e){this.rippleHandlers.startPress(e)}handleRippleDeactivate(){this.rippleHandlers.endPress()}handleRippleMouseEnter(){this.rippleHandlers.startHover()}handleRippleMouseLeave(){this.rippleHandlers.endHover()}handleRippleFocus(){this.rippleHandlers.startFocus()}changeHandler(){this.checked=this.formElement.checked}}(0,o.gn)([(0,i.IO)(".mdc-radio")],w.prototype,"mdcRoot",void 0),(0,o.gn)([(0,i.IO)("input")],w.prototype,"formElement",void 0),(0,o.gn)([(0,i.SB)()],w.prototype,"useStateLayerCustomProperties",void 0),(0,o.gn)([(0,i.Cb)({type:Boolean})],w.prototype,"global",void 0),(0,o.gn)([(0,i.Cb)({type:Boolean,reflect:!0})],w.prototype,"checked",null),(0,o.gn)([(0,i.Cb)({type:Boolean}),(0,d.P)((function(e){this.mdcFoundation.setDisabled(e)}))],w.prototype,"disabled",void 0),(0,o.gn)([(0,i.Cb)({type:String}),(0,d.P)((function(e){this._handleUpdatedValue(e)}))],w.prototype,"value",void 0),(0,o.gn)([(0,i.Cb)({type:String})],w.prototype,"name",void 0),(0,o.gn)([(0,i.Cb)({type:Boolean})],w.prototype,"reducedTouchTarget",void 0),(0,o.gn)([(0,i.Cb)({type:Number})],w.prototype,"formElementTabIndex",void 0),(0,o.gn)([(0,i.SB)()],w.prototype,"focused",void 0),(0,o.gn)([(0,i.SB)()],w.prototype,"shouldRenderRipple",void 0),(0,o.gn)([(0,i.GC)("mwc-ripple")],w.prototype,"ripple",void 0),(0,o.gn)([n.L,(0,i.Cb)({attribute:"aria-label"})],w.prototype,"ariaLabel",void 0),(0,o.gn)([n.L,(0,i.Cb)({attribute:"aria-labelledby"})],w.prototype,"ariaLabelledBy",void 0),(0,o.gn)([(0,i.hO)({passive:!0})],w.prototype,"handleRippleTouchStart",null);var O=(0,v.iv)(_||(_=function(e,r){return r||(r=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(r)}}))}(['.mdc-touch-target-wrapper{display:inline}.mdc-radio{padding:calc((40px - 20px) / 2)}.mdc-radio .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle{border-color:rgba(0, 0, 0, 0.54)}.mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:#018786;border-color:var(--mdc-theme-secondary, #018786)}.mdc-radio .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle{border-color:#018786;border-color:var(--mdc-theme-secondary, #018786)}.mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio .mdc-radio__native-control:disabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle{border-color:rgba(0, 0, 0, 0.38)}.mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio .mdc-radio__native-control:disabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:rgba(0, 0, 0, 0.38)}.mdc-radio [aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background .mdc-radio__inner-circle,.mdc-radio .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle{border-color:rgba(0, 0, 0, 0.38)}.mdc-radio .mdc-radio__background::before{background-color:#018786;background-color:var(--mdc-theme-secondary, #018786)}.mdc-radio .mdc-radio__background::before{top:calc(-1 * (40px - 20px) / 2);left:calc(-1 * (40px - 20px) / 2);width:40px;height:40px}.mdc-radio .mdc-radio__native-control{top:calc((40px - 40px) / 2);right:calc((40px - 40px) / 2);left:calc((40px - 40px) / 2);width:40px;height:40px}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-radio.mdc-radio--disabled [aria-disabled=true] .mdc-radio__native-control:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio.mdc-radio--disabled .mdc-radio__native-control:disabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle{border-color:GrayText}.mdc-radio.mdc-radio--disabled [aria-disabled=true] .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio.mdc-radio--disabled .mdc-radio__native-control:disabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:GrayText}.mdc-radio.mdc-radio--disabled [aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background .mdc-radio__inner-circle,.mdc-radio.mdc-radio--disabled .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle{border-color:GrayText}}.mdc-radio{display:inline-block;position:relative;flex:0 0 auto;box-sizing:content-box;width:20px;height:20px;cursor:pointer;will-change:opacity,transform,border-color,color}.mdc-radio__background{display:inline-block;position:relative;box-sizing:border-box;width:20px;height:20px}.mdc-radio__background::before{position:absolute;transform:scale(0, 0);border-radius:50%;opacity:0;pointer-events:none;content:"";transition:opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-radio__outer-circle{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;border-width:2px;border-style:solid;border-radius:50%;transition:border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-radio__inner-circle{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;transform:scale(0, 0);border-width:10px;border-style:solid;border-radius:50%;transition:transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-radio__native-control{position:absolute;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1}.mdc-radio--touch{margin-top:4px;margin-bottom:4px;margin-right:4px;margin-left:4px}.mdc-radio--touch .mdc-radio__native-control{top:calc((40px - 48px) / 2);right:calc((40px - 48px) / 2);left:calc((40px - 48px) / 2);width:48px;height:48px}.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__focus-ring,.mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__focus-ring{pointer-events:none;border:2px solid transparent;border-radius:6px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:100%;width:100%}@media screen and (forced-colors: active){.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__focus-ring,.mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__focus-ring{border-color:CanvasText}}.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__focus-ring::after,.mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__focus-ring::after{content:"";border:2px solid transparent;border-radius:8px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}@media screen and (forced-colors: active){.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__focus-ring::after,.mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__focus-ring::after{border-color:CanvasText}}.mdc-radio__native-control:checked+.mdc-radio__background,.mdc-radio__native-control:disabled+.mdc-radio__background{transition:opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__outer-circle{transition:border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle,.mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle{transition:transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-radio--disabled{cursor:default;pointer-events:none}.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle{transform:scale(0.5);transition:transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-radio__native-control:disabled+.mdc-radio__background,[aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background{cursor:default}.mdc-radio__native-control:focus+.mdc-radio__background::before{transform:scale(1);opacity:.12;transition:opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}:host{display:inline-block;outline:none}.mdc-radio{vertical-align:bottom}.mdc-radio .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle{border-color:var(--mdc-radio-unchecked-color, rgba(0, 0, 0, 0.54))}.mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio .mdc-radio__native-control:disabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle{border-color:var(--mdc-radio-disabled-color, rgba(0, 0, 0, 0.38))}.mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio .mdc-radio__native-control:disabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:var(--mdc-radio-disabled-color, rgba(0, 0, 0, 0.38))}.mdc-radio [aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background .mdc-radio__inner-circle,.mdc-radio .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle{border-color:var(--mdc-radio-disabled-color, rgba(0, 0, 0, 0.38))}']))),j=class extends w{};j.styles=[O],j=(0,o.gn)([(0,i.Mo)("mwc-radio")],j);var S,P,C,E=t(28120),z=t(19108),R=t(39424),D=t(86850),T=t(33586),I=t(674),B=t(51266);function L(e,r,t,o,i,n,c){try{var d=e[n](c),a=d.value}catch(e){return void t(e)}d.done?r(a):Promise.resolve(a).then(o,i)}function A(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function H(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?A(Object(t),!0).forEach((function(r){N(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):A(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function N(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 o=t.call(e,"string");if("object"!=typeof o)return o;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 F(e,r){return r||(r=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(r)}}))}class G extends((0,E.$)(R.h)(R.B4)){static get styles(){return[I.N,(0,v.iv)(S||(S=F(["\n        :host {\n          display: block;\n        }\n      "])))]}static get properties(){return{title:String,actionStyle:String,actionTitle:String,importable:Boolean,exportable:Boolean,searchable:Boolean,filterable:Boolean}}get context(){var e={};return this.searchable&&(e.search={handler:e=>{B.log("search value changed.",e)},placeholder:this.title}),this.filterable&&(e.filter={handler:()=>B.log("filter clicked")}),H(H({},e),{},{actions:this.actions,importable:this.importable&&{handler:e=>{(0,z.o)(e,{rows:this.config.rows,columns:[...this.config.columns.filter((e=>void 0!==e.imex))]},function(){var e,r=(e=function*(e){yield(0,T._v)(1e3),history.back()},function(){var r=this,t=arguments;return new Promise((function(o,i){var n=e.apply(r,t);function c(e){L(n,o,i,c,d,"next",e)}function d(e){L(n,o,i,c,d,"throw",e)}c(void 0)}))});return function(e){return r.apply(this,arguments)}}())}},exportable:this.exportable&&{name:"context-page",data:[{a:"A",b:"B"}]}})}render(){return(0,v.dy)(P||(P=F(['\n      <p>\n        Things Factory 프레임워크에서는 각 페이지와 전체 어플리케이션의 각 구성요소와의 소통을 위해 페이지 컨텍스트라는\n        개념<help-icon topic="module/page-context"></help-icon>을 제공한다.\n      </p>\n      <p>\n        페이지 컨텍스트는 어플리케이션 어디에서나 참조할 수 있도록 Redux Store에 현재 액티브 페이지가 제공하는\n        컨텍스트를 유지하고 있다. 각 페이지에서는 context라는 getter 속성에 자신의 컨텍스트를 구현할 수 있다. 각\n        페이지가 액티브될 때 자동으로 context getter 속성에 정의된 컨텍스트로 Redux Store를 갱신하게 된다. 또한,\n        언제든지 변경된 컨텍스트는 Page 객체의 updateContext() 메쏘드를 통해서 Redux Store의 컨텍스트를 갱신할 수 있다.\n      </p>\n      <p>\n        어플리케이션에 ContextUI 모듈을 포함하면, 기본으로 title-bar를 top-bar에 추가하게 된다.\n        title-bar는 context property의 내용에 따라서 다음과 같이 표현된다.\n        <pre>\n          1. title (string) - 타이틀을 보인다.\n          2. help (help content path) - inline help 링크된 아이콘을 보인다.\n          3. search : (value: string, handler: function, placeholder: string) 검색을위한 input이 보인다.\n          4. filter: (handler: function) 검색에 적용되는 필터를 조정하기 위한 버튼을 제공한다.\n        </pre>\n      </p>\n      <section>\n        <mwc-formfield label="Searchable" @change=','>\n          <mwc-checkbox></mwc-checkbox>\n        </mwc-formfield>\n\n        <mwc-formfield label="Filterable" @change=','>\n          <mwc-checkbox></mwc-checkbox>\n        </mwc-formfield>\n\n        <h3>Title</h3>\n        <mwc-textfield\n          type="text"\n          label="title"\n          helper="브라우저 탭의 타이틀 또는 검색창 플레이스홀더가 변경되는 것을 확인할 수 있습니다. 타이틀바가 있는 경우에는 타이틀바의 내용도 변경됩니다."\n          .helperPersistent=',"\n          @change=",'\n        ></mwc-textfield>\n      </section>\n\n      <section>\n        <h3>Action Buttons</h3>\n        <mwc-textfield\n          type="text"\n          label="title"\n          helper="컨텍스트바(페이지 하단) 액션 버튼의 타이틀이 변경되는 것을 확인할 수 있습니다."\n          .helperPersistent=',"\n          .value=","\n          @change=","\n        ></mwc-textfield>\n\n        <fieldset @change=",">\n          <legend>Action Button Style</legend>\n          ",'\n        </fieldset>\n      </section>\n\n      <section>\n        <h3>Importable / Exportable</h3>\n        <mwc-formfield label="Importable" @change=','>\n          <mwc-checkbox></mwc-checkbox>\n        </mwc-formfield>\n\n        <mwc-formfield label="Exportable" @change=',">\n          <mwc-checkbox></mwc-checkbox>\n        </mwc-formfield>\n      </section>\n    "])),(e=>this.searchable=e.target.checked),(e=>this.filterable=e.target.checked),!0,(e=>this.title=e.target.value),!0,this.actionTitle||"",(e=>this.actionTitle=e.target.value),(e=>this.actionStyle=e.target.value),["activate","add","additional","approve","arrived","assignment","back","cancel","clear","connect","copy","confirm","delete","draft","edit","export","generate","import","init","inspect","issue","label","load","logistics","pause","play","preview","print","receive","refresh","register","reject","relocate","save","submit","sync","transfer","undo","warehouse"].map((e=>(0,v.dy)(C||(C=F(["\n              <mwc-formfield label=",'>\n                <mwc-radio name="style" value='," ?checked=","></mwc-radio>\n              </mwc-formfield>\n            "])),e,e,this.actionstyle==e))),(e=>this.importable=e.target.checked),(e=>this.exportable=e.target.checked))}updated(e){this.actionStyle?this.actions=this.actionTitle.split(",").map((e=>H({title:e||"",action:()=>{alert(e||"")}},D.jO[this.actionStyle]))):this.actions=[],this.updateContext()}pageUpdated(e,r,t){this.active}}customElements.define("context-page",G)},674:(e,r,t)=>{var o;t.d(r,{N:()=>c});var i,n,c=(0,t(94430).iv)(o||(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"],n||(n=i.slice(0)),o=Object.freeze(Object.defineProperties(i,{raw:{value:Object.freeze(n)}}))))}}]);

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

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-LIcense-Identifier: Apache-2.0
+ */

package/dist-client/5407.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_things_factory_reference_app=self.webpackChunk_things_factory_reference_app||[]).push([[5407],{55407:(e,r,n)=>{n.r(r),n(65367),n(85462);var o,t,s,i=n(16682),a=n(94430),p=n(28120),c=n(27805),d=n(77675),u=n(674),g=n(51266);function l(e,r,n,o,t,s,i){try{var a=e[s](i),p=a.value}catch(e){return void n(e)}a.done?r(p):Promise.resolve(p).then(o,t)}function v(e){return function(){var r=this,n=arguments;return new Promise((function(o,t){var s=e.apply(r,n);function i(e){l(s,o,t,i,a,"next",e)}function a(e){l(s,o,t,i,a,"throw",e)}i(void 0)}))}}function h(e,r){return r||(r=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(r)}}))}class f extends((0,p.$)(d.h)(d.B4)){static get styles(){return[u.N,(0,a.iv)(o||(o=h(["\n        section {\n          padding: 100px;\n        }\n      "])))]}static get properties(){return{progress:Object}}get context(){var e;return{title:"Pending Job Progress",actions:[{title:null!==(e=this.oopsProgress)&&void 0!==e&&e.subscription?"Stop":"Start",action:()=>{g.log("action",arguments),this.oopsProgress&&this.oopsProgress.subscription?this.stop():this.start()}}]}}render(){var{progress:e=-1,message:r=""}=this.progress||{};return(0,a.dy)(t||(t=h(["\n      <p>\n        오래걸리는 서버작업을 수행할 때는 진행과정을 표현해주는 것이 사용자 경험에 도움을 준다. 이를 위해 Things Factory\n        프레임워크에서는 oops-progress<ox-help-icon topic=\"components/oops-progress\"></ox-help-icon> 라는 컴포넌트를\n        제공한다.\n      </p>\n      <p>\n        아래 'Start' 버튼을 클릭하면, 서버에 작업을 요청하고 그 진행율이 화면에 표현된다. 진행중에는 버튼은 'Stop'\n        버튼으로 변경되면, 진행중에 버튼을 누르면 진행율 표현이 멈추게 된다. 진행이 완료되면, 'Start' 버튼으로 변경된다.\n        주의할 점은, 'Stop' 버튼으로 서버의 작업을 변경하는 것은 아니고, 진행율 구독만을 정지한다는 것이다. 서버\n        작업까지 정지하고자하면, 별도의 mutation을 구현해서 Stop시에 호출해주어야 한다.\n      </p>\n\n      <section>\n        <oops-progress\n          @progress=","\n          @finish=","\n          ?hidden=","\n        >\n          <div>\n            <mwc-linear-progress .progress=","></mwc-linear-progress>\n            <span>Progress : "," % (",')</span>\n          </div>\n        </oops-progress>\n        <div id="result"></div>\n      </section>\n    '])),(e=>{this.progress=e.detail}),(()=>{this.updateContext()}),e<0||e>=100,e/100,e,r)}get oopsProgress(){return this.shadowRoot.querySelector("oops-progress")}updated(e){e.has("itemId")||e.has("params")}stateChanged(e){}pageUpdated(e,r,n){this.active}stop(){var e=this;return v((function*(){var r;yield null===(r=e.oopsProgress)||void 0===r?void 0:r.stopSubscribe(),e.updateContext()}))()}start(){var e=this;return v((function*(){var r,n="progress-pending-job-"+Date.now();e.oopsProgress.tag=n,yield null===(r=e.oopsProgress)||void 0===r?void 0:r.startSubscribe(),e.updateContext(),setTimeout(v((function*(){var r=yield c.Lp.mutate({mutation:(0,i.ZP)(s||(s=h(['\n          mutation {\n            referencePendingJob(tag: "','")\n          }\n        '])),n)}),o=e.shadowRoot.querySelector("#result");r.errors?o.textContent="error":o.textContent=r.data.referencePendingJob})))}))()}}customElements.define("pending-job-page",f)},674:(e,r,n)=>{var o;n.d(r,{N:()=>i});var t,s,i=(0,n(94430).iv)(o||(t=["\n  :host {\n    display: block;\n    background-color: var(--main-section-background-color);\n    padding: var(--padding-wide);\n    overflow: auto;\n  }\n  p {\n    color: var(--secondary-color);\n    font-size: 1em;\n  }\n  h2,\n  h3 {\n    margin-bottom: var(--margin-narrow);\n    color: var(--secondary-text-color);\n  }\n  fieldset {\n    background-color: var(--theme-white-color);\n    margin-top: var(--margin-wide);\n    border: var(--border-dark-color);\n  }\n  fieldset > * {\n    min-width: 10%;\n  }\n"],s||(s=t.slice(0)),o=Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(s)}}))))}}]);

package/dist-client/5562.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_things_factory_reference_app=self.webpackChunk_things_factory_reference_app||[]).push([[5562],{15562:(e,t,n)=>{n.d(t,{KB:()=>a.BoardViewerPage,Ap:()=>i.A});var r,o,i=n(75787),a=n(87782),s=(n(18346),n(83268),n(23621),n(12585),n(18477),n(76013),n(94430)),d=n(53421),l=n(12558),u=n(51266);function c(e,t,n,r,o,i,a){try{var s=e[i](a),d=s.value}catch(e){return void n(e)}s.done?t(d):Promise.resolve(d).then(r,o)}function p(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){c(i,r,o,a,s,"next",e)}function s(e){c(i,r,o,a,s,"throw",e)}a(void 0)}))}}function h(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}class f extends((0,d.NC)(d.z2)(s.oi)){static get styles(){return[(0,s.iv)(r||(r=h(["\n        label {\n          font: var(--label-font);\n          color: var(--label-color);\n          text-transform: var(--label-text-transform);\n        }\n      "])))]}static get properties(){return{autoRefresh:Boolean}}render(){return(0,s.dy)(o||(o=h(['\n      <setting-let>\n        <ox-i18n slot="title" msgid="title.board view setting"></ox-i18n>\n\n        <div slot="content">\n          <mwc-formfield label=','>\n            <mwc-checkbox\n              id="auto-refresh"\n              @change=',"\n              ?checked=","\n            ></mwc-checkbox>\n          </mwc-formfield>\n        </div>\n      </setting-let>\n    "])),d.z2.t("label.auto refresh board view"),(e=>this.onchange(e)),this.autoRefresh)}firstUpdated(){var e=this;return p((function*(){var t,{autoRefresh:n=!1}=(null===(t=yield l.K.get("board-view"))||void 0===t?void 0:t.value)||{};e.autoRefresh=n}))()}onchange(e){var t=this;return p((function*(){var n;t.autoRefresh=e.target.checked;var{autoRefresh:r}=(null===(n=yield l.K.get("board-view"))||void 0===n?void 0:n.value)||{};if(t.autoRefresh!==r)try{yield l.K.put({key:"board-view",value:{autoRefresh:t.autoRefresh}})}catch(e){u.error(e)}}))()}}customElements.define("board-view-setting-let",f)},83268:(e,t,n)=>{n.r(t),n.d(t,{BoardModellerPage:()=>N}),n(46725);var r=n(35254),o=n(16682),i=n(94430),a=n(28120),s=n(74688),d=n(39424),l=n(75787),u=n(56962),c=n(72045),p=n(54452),h=n(11745),f=n(83491),b=n(9764),v=n(51325),y=n(30959),m=n(52522),g=n(89655),w=n(11978),_=[];_[0]=u.Z,_[1]=c.Z,_[2]=p.Z,_[3]=h.Z,_[4]=f.Z,_[5]=b.Z,_[6]=v.Z,_[7]=y.Z,_[8]=m.Z,_[9]=g.Z,_[10]=w.Z;const P=_;var S,x,O,j,G;function B(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?B(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):B(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function E(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 I(e,t,n,r,o,i,a){try{var s=e[i](a),d=s.value}catch(e){return void n(e)}s.done?t(d):Promise.resolve(d).then(r,o)}function R(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){I(i,r,o,a,s,"next",e)}function s(e){I(i,r,o,a,s,"throw",e)}a(void 0)}))}}function C(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var A=()=>{};class N extends((0,a.$)(d.h)(d.B4)){constructor(){super(),P.forEach((e=>{var{templates:t=[],groups:n=[]}=e;n.forEach((e=>r.N.registerGroup(e))),r.N.registerTemplate(t)}));var e={};for(var t in P){var{editors:n}=P[t];n&&n.forEach((t=>{var{type:n,element:r}=t;e[n]=r}))}s.O.register(e),this.boardName="",this.model=null,this.baseUrl="",this.selected=[],this.mode=1,this.hideProperty=!1,this.overlay=null,this.scene=null,this.fonts=[],this.board=null,this.componentGroupList=r.N.groups}static get properties(){return{boardId:String,boardName:String,model:Object,baseUrl:String,selected:Array,mode:Number,hideProperty:Boolean,overlay:String,scene:Object,componentGroupList:Array,fonts:Array,propertyEditor:Array,_showSpinner:Boolean}}static get styles(){return[(0,i.iv)(S||(S=C(["\n        :host {\n          display: flex;\n          flex-direction: column;\n\n          overflow: hidden;\n          position: relative;\n        }\n\n        board-modeller {\n          flex: 1;\n        }\n\n        oops-spinner {\n          display: none;\n          position: absolute;\n          left: 50%;\n          top: 50%;\n          transform: translate(-50%, -50%);\n        }\n\n        oops-spinner[show] {\n          display: block;\n        }\n\n        oops-note {\n          display: block;\n          position: absolute;\n          left: 50%;\n          top: 50%;\n          transform: translate(-50%, -50%);\n        }\n      "])))]}get context(){return{title:this.board?this.boardName:this._showSpinner?"Fetching board...":"Board Not Found",help:"board-modeller/modeller",widebleed:!0}}get oopsNote(){return{icon:"color_lens",title:"EMPTY BOARD",description:"There are no board to be designed"}}get modeller(){return this.renderRoot.querySelector("ox-board-modeller")}refresh(){var e=this;return R((function*(){if(!e.boardId)return e.board=null,void(e.model=null);try{e._showSpinner=!0,e.updateContext();var t=(yield d.Lp.query({query:(0,o.ZP)(x||(x=C(["\n          query FetchBoardById($id: String!) {\n            board(id: $id) {\n              id\n              name\n              model\n            }\n          }\n        "]))),variables:{id:e.boardId},context:(0,d.Bn)()})).data.board;if(!t)throw e.board=null,"board not found";e.board=k(k({},t),{},{model:JSON.parse(t.model)}),e.boardName=e.board.name,e.model=k({},e.board.model)}catch(e){document.dispatchEvent(new CustomEvent("notify",{detail:{level:"error",message:e,ex:e}}))}finally{e._showSpinner=!1,e.updateContext()}}))()}updated(e){e.has("boardId")&&this.refresh()}pageUpdated(e,t){var n;this.active?this.boardId=t.resourceId:(this.boardId=null,this.model=null,null===(n=this.modeller)||void 0===n||n.close())}stateChanged(e){this.baseUrl=e.route.rootPath,this.fonts=e.font}render(){var e=!this._showSpinner&&!this.model&&this.oopsNote;return e?(0,i.dy)(O||(O=C(["\n          <oops-note\n            icon=","\n            title=","\n            description=","\n            @click=","\n          ></oops-note>\n        "])),e.icon,e.title,e.description,e.click||A):(0,i.dy)(j||(j=C(["\n          <ox-board-modeller\n            .mode=","\n            @mode-changed=","\n            .model=","\n            @model-changed=","\n            .scene=","\n            @scene-changed=","\n            .selected=","\n            @selected-changed=","\n            .baseUrl=","\n            .provider=","\n            @save-model=","\n            .componentGroupList=","\n            .fonts=","\n            .hideProperty=","\n          >\n          </ox-board-modeller>\n          <oops-spinner ?show=","></oops-spinner>\n        "])),this.mode,(e=>{this.mode=e.detail.value}),this.model,(e=>{this.model=e.detail.value}),this.scene,(e=>{this.scene=e.detail.value}),this.selected,(e=>{this.selected=e.detail.value}),this.baseUrl,l.A,(e=>this.saveBoard()),this.componentGroupList,this.fonts,this.hideProperty,this._showSpinner)}updateBoard(){var e=this;return R((function*(){try{e._showSpinner=!0;var{id:t,name:n,description:r,groupId:i}=e.board,a=JSON.stringify(e.scene.model);yield d.Lp.mutate({mutation:(0,o.ZP)(G||(G=C(["\n          mutation UpdateBoard($id: String!, $patch: BoardPatch!) {\n            updateBoard(id: $id, patch: $patch) {\n              id\n            }\n          }\n        "]))),variables:{id:t,patch:{name:n,description:r,model:a,groupId:i}},context:(0,d.Bn)()}),document.dispatchEvent(new CustomEvent("notify",{detail:{level:"info",message:"saved"}}))}catch(e){document.dispatchEvent(new CustomEvent("notify",{detail:{level:"error",message:e,ex:e}}))}finally{e._showSpinner=!1}e.updateContext()}))()}saveBoard(){var e=this;return R((function*(){yield e.updateBoard()}))()}}customElements.define("board-modeller-page",N)},18346:(e,t,n)=>{n.r(t),n.d(t,{BoardPlayerPage:()=>g}),n(46725),n(46743);var r,o,i,a,s,d=n(16682),l=n(94430),u=n(28120),c=n(75787),p=n(77675),h=n(12558),f=n(27805);function b(e,t,n,r,o,i,a){try{var s=e[i](a),d=s.value}catch(e){return void n(e)}s.done?t(d):Promise.resolve(d).then(r,o)}function v(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){b(i,r,o,a,s,"next",e)}function s(e){b(i,r,o,a,s,"throw",e)}a(void 0)}))}}function y(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var m=()=>{};class g extends((0,u.$)(p.h)(p.B4)){static get properties(){return{_playGroup:Object,_playGroupId:String,_boards:Array,_baseUrl:String,_showSpinner:Boolean}}static get styles(){return[(0,l.iv)(r||(r=y(["\n        :host {\n          display: flex;\n          flex-direction: column;\n          width: 100%;\n          height: 100%;\n\n          overflow: hidden;\n          position: relative;\n        }\n\n        ox-board-player {\n          flex: 1;\n        }\n\n        oops-spinner {\n          display: none;\n          position: absolute;\n          left: 50%;\n          top: 50%;\n          transform: translate(-50%, -50%);\n        }\n\n        oops-spinner[show] {\n          display: block;\n        }\n\n        oops-note {\n          display: block;\n          position: absolute;\n          left: 50%;\n          top: 50%;\n          transform: translate(-50%, -50%);\n        }\n      "])))]}connectedCallback(){super.connectedCallback(),this.provider=(0,c.I)()}disconnectedCallback(){super.disconnectedCallback(),this.provider.despose(),delete this.provider}refresh(){var e=this;return v((function*(){if(e._playGroupId)try{if(e._showSpinner=!0,e.updateContext(),e._playGroup=(yield f.Lp.query({query:(0,d.ZP)(o||(o=y(["\n            query FetchPlayGroup($id: String!) {\n              playGroup(id: $id) {\n                id\n                name\n                description\n                boards {\n                  id\n                  name\n                  description\n                  model\n                  thumbnail\n                  createdAt\n                  creator {\n                    id\n                    name\n                  }\n                  updatedAt\n                  updater {\n                    id\n                    name\n                  }\n                }\n              }\n            }\n          "]))),variables:{id:e._playGroupId}})).data.playGroup,!e._playGroup)throw"playgroup not found";e._boards=e._playGroup.boards}catch(e){document.dispatchEvent(new CustomEvent("notify",{detail:{level:"error",message:e,ex:e}}))}finally{var t;e._showSpinner=!1,e.updateContext();var{autoRefresh:n=!1}=(null===(t=yield h.K.get("board-view"))||void 0===t?void 0:t.value)||{};n&&e.startSubscribingForAutoRefresh()}}))()}updated(e){e.has("_playGroupId")&&(this.shadowRoot.querySelector("ox-board-player").stop(),this.refresh())}stateChanged(e){this._baseUrl=e.app.baseUrl}get oopsNote(){return{icon:"style",title:"EMPTY PLAYGROUP",description:"There are no board to be shown"}}get context(){return{title:this._playGroup?this._playGroup.name:this._showSpinner?"Fetching playgroup...":"Playgroup Not Found"}}render(){var e=!this._showSpinner&&!this._playGroup&&this.oopsNote;return e?(0,l.dy)(i||(i=y(["\n          <oops-note\n            icon=","\n            title=","\n            description=","\n            @click=","\n          ></oops-note>\n        "])),e.icon,e.title,e.description,e.click||m):(0,l.dy)(a||(a=y(["\n          <ox-board-player .boards="," .provider=","></ox-board-player>\n          <oops-spinner ?show=","></oops-spinner>\n        "])),this._boards,this.provider,this._showSpinner)}pageUpdated(e,t){this.active?(this._playGroupId=t.resourceId,this.refresh()):(this.stopSubscribing(),this._playGroupId=null,this.shadowRoot.querySelector("ox-board-player").stop())}startSubscribingForAutoRefresh(){var e=this;return v((function*(){var t;e._playGroupId&&(yield e.stopSubscribing(),e.subscriptionForAutoRefresh=yield(0,f.Ld)({query:(0,d.ZP)(s||(s=y(["\n          subscription ($id: String!) {\n            playGroup(id: $id) {\n              id\n            }\n          }\n        "]))),variables:{id:e._playGroupId}},{next:(t=v((function*(t){var{data:n}=t;yield e.stopSubscribing(),n&&e.refresh()})),function(e){return t.apply(this,arguments)})}))}))()}stopSubscribing(){var e=this;return v((function*(){var t;yield null===(t=e.subscriptionForAutoRefresh)||void 0===t?void 0:t.unsubscribe(),delete e.subscriptionForAutoRefresh}))()}}customElements.define("board-player-page",g)}}]);

package/dist-client/5665.js

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

package/dist-client/5671.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_things_factory_reference_app=self.webpackChunk_things_factory_reference_app||[]).push([[5671],{85671:(e,t,r)=>{r.r(t);var a,i,n=r(94430),o=r(68784),d=r(31887),c=r(39424),l=r(33586),s=r(51266);function h(e,t,r,a,i,n,o){try{var d=e[n](o),c=d.value}catch(e){return void r(e)}d.done?t(c):Promise.resolve(c).then(a,i)}function m(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}class p extends((0,d.N)(d.z)(c.B4)){static get styles(){return(0,n.iv)(a||(a=m(["\n      :host {\n        display: block;\n\n        width: 100%;\n\n        --grid-record-emphasized-background-color: red;\n        --grid-record-emphasized-color: yellow;\n      }\n\n      ox-grist {\n        width: 100%;\n        height: 100%;\n      }\n    "])))}static get properties(){return{config:Object,data:Object}}get context(){return{title:"Grist Test",printable:!0}}get grist(){return this.renderRoot.querySelector("ox-grist")}render(){return(0,n.dy)(i||(i=m(["\n      <ox-grist\n        .mode=","\n        .config=","\n        .fetchHandler=","\n      ></ox-grist>\n    "])),(0,l.s2)()?"LIST":"GRID",this.config,this.fetchHandler)}fetchHandler(e){return(t=function*(){var{page:t,limit:r,sorters:a=[]}=e,i=120993,n=(t-1)*r;return{total:i,records:Array(r*t>i?i%r:r).fill().map(((e,t)=>({id:t,name:t%2?"shnam-".concat(n+t+1):"heartyoh-".concat(n+t+1),description:t%2?"hatiolab manager-".concat(n+t+1):"hatiosea manager-".concat(n+t+1),email:t%2?"shnam-".concat(n+t+1,"@gmail.com"):"heartyoh-".concat(n+t+1,"@gmail.com"),active:!!(Math.round(2*Math.random())%2),barcode:t%2?"1234567890".concat(n+t+1):"0987654321".concat(n+t+1),company:t%2?{id:"2",name:"HatioLAB",description:"경기도 성남시-".concat(n+t+1)}:{id:"3",name:"HatioSEA",description:"말레이시아 세티아알람-".concat(n+t+1)},role:["admin","worker","tester"][t%3],color:t%2?"#87f018":"#180f87",rate:Math.round(100*Math.random()),dynamicType:["text","email","checkbox","color","progress","barcode"][t%5],dynamicValue:["abcdefghijkl","heartyoh@hatiolab.com","true","orange","50","1234567890"][t%5],homepage:t%2?"http://hatiolab.com/".concat(n+t+1):"http://deadpool.hatiolab.com/".concat(n+t+1),createdAt:Date.now(),updatedAt:Date.now()})))}},function(){var e=this,r=arguments;return new Promise((function(a,i){var n=t.apply(e,r);function o(e){h(n,a,i,o,d,"next",e)}function d(e){h(n,a,i,o,d,"throw",e)}o(void 0)}))})();var t}get gristConfig(){return{columns:[{type:"gutter",gutterName:"dirty"},{type:"gutter",gutterName:"sequence"},{type:"gutter",gutterName:"row-selector",multiple:!0},{type:"gutter",gutterName:"button",icon:"edit",handlers:{click:"record-view"}},{type:"string",name:"id",hidden:!0},{type:"link",name:"name",header:d.z.t("field.name"),record:{editable:!0,options:{href:function(e,t,r){return t.homepage}}},sortable:!0,width:120},{type:"string",name:"description",header:d.z.t("field.description"),record:{align:"left"},width:200,handlers:{dblclick:(e,t,r,a,i)=>{alert("".concat(r.name," ").concat(a[r.name],", row : ").concat(i))}}},{type:"email",name:"email",header:d.z.t("field.email"),record:{editable:!0},sortable:!0,width:130,validation:function(e,t,r,a){return-1!=e.indexOf("@")||(document.dispatchEvent(new CustomEvent("notify",{detail:{type:"error",message:"invalid value - ".concat(e)}})),!1)}},{type:"barcode",name:"barcode",header:d.z.t("field.barcode"),record:{editable:!0,options:{type:"qrcode"}},sortable:!1,width:140},{type:"id",name:"company",header:d.z.t("field.company"),record:{editable:!0,options:{}},sortable:!0,width:240},{type:"boolean",name:"active",header:d.z.t("field.active"),record:{editable:!0},handlers:{dblclick:()=>{s.log(this.grist.dirtyRecords)}},sortable:!0,width:60},{type:"select",name:"role",header:d.z.t("field.role"),record:{options:["admin","worker","tester"],editable:!0},sortable:!0,width:120},{type:"color",name:"color",header:d.z.t("field.color"),record:{editable:!0},sortable:!0,width:50},{type:"float",name:"rate",header:d.z.t("field.rate"),record:{align:"right",editable:!0},sortable:!0,width:50},{type:"progress",name:"rate",header:d.z.t("field.rate"),record:{editable:!0},sortable:!0,width:50},{type:"select",name:"dynamicType",header:d.z.t("field.dynamic_type"),record:{editable:!0,options:["text","email","checkbox","color","progress","barcode"]},width:50},{type:"string",name:"dynamicValue",header:d.z.t("field.dynamic_value"),record:{editable:!0,editor:function(e,t,r,a,i){return(0,o.y$)(r.dynamicType)(e,t,r,a,i)},renderer:function(e,t,r,a,i){return(0,o.Bp)(r.dynamicType)(e,t,r,a,i)}},width:200},{type:"datetime",name:"updatedAt",header:d.z.t("field.updated_at"),record:{editable:!0},sortable:!0,width:180},{type:"datetime",name:"createdAt",header:d.z.t("field.created_at"),record:{editable:!0},sortable:!0,width:180}],rows:{selectable:{multiple:!0},handlers:{click:"select-row-toggle"},classifier:function(e,t){return{emphasized:!!(e.rate>80)}}},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-page",p)}}]);