@fmsim/fmsim 0.0.101 → 1.0.1

package/dist-app/fmsim/4936.js

@@ -1,2 +0,0 @@
-/*! For license information please see 4936.js.LICENSE.txt */
-"use strict";(self.webpackChunk_fmsim_fmsim=self.webpackChunk_fmsim_fmsim||[]).push([[4936],{74936:(n,e,t)=>{t.r(e);var r,i,a,o,d,l,c,s,u=t(34117),p=t(82014),v=t.n(p),f=t(13777),m=t(69241),h=t(11763),b=t(1767),g=t(41191),y=t(201),x=t(83316),k=t(58377),w=t(22314),M=t(70661);function S(n,e,t,r,i,a,o){try{var d=n[a](o),l=d.value}catch(n){return void t(n)}d.done?e(l):Promise.resolve(l).then(r,i)}function $(n){return function(){var e=this,t=arguments;return new Promise((function(r,i){var a=n.apply(e,t);function o(n){S(a,r,i,o,d,"next",n)}function d(n){S(a,r,i,o,d,"throw",n)}o(void 0)}))}}function A(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}var C=class extends((0,g.N)(x.M_)(x.hv)){get context(){return{title:{icon:"devices",text:this.appliance.name}}}render(){var n,e=this.appliance||{},t=null===(n=this._accessTokenInfo)||void 0===n?void 0:n.exp;return(0,m.qy)(r||(r=A(["\n      <div>\n        <h2><mwc-icon>devices</mwc-icon>&nbsp;","</h2>\n        <p page-description>","</p>\n      </div>\n\n      <form>\n        <div fieldset-container>\n          <fieldset>\n            <legend>",'</legend>\n            <div field-2column>\n              <div field grid-span>\n                <label for="name">','</label>\n                <input id="name" type="text" name="name" .value=',' />\n              </div>\n\n              <div field grid-span>\n                <label for="description">','</label>\n                <input id="description" type="text" name="description" .value=',' />\n              </div>\n\n              <div field>\n                <label for="brand">','</label>\n                <input id="brand" type="text" name="brand" .value=',' />\n              </div>\n\n              <div field>\n                <label for="serial-no">','</label>\n                <input id="serial-no" type="text" name="serialNo" .value=',' />\n              </div>\n\n              <div field>\n                <label for="model">','</label>\n                <input id="model" type="text" name="model" .value=',' />\n              </div>\n\n              <div field>\n                <label for="netmask">','</label>\n                <input id="netmask" type="text" name="netmask" .value='," />\n              </div>\n            </div>\n          </fieldset>\n        </div>\n\n        <div fieldset-container>\n          <fieldset>\n            <legend>",'</legend>\n            <div field-2column>\n              <div field grid-span>\n                <label for="access-token">','</label>\n                <input id="access-token" type="text" .value='," readonly />\n                <button button-in-field clipboard-copy @click=",">\n                  ","\n                </button>\n                ","\n              </div>\n            </div>\n          </fieldset>\n        </div>\n\n        <button @click=",">","</button>\n        <button @click=",">\n          ","\n        </button>\n        <button @click=",">","</button>\n      </form>\n    "])),e.name,e.description,w.MR.t("text.appliance"),w.MR.t("field.name"),e.name,w.MR.t("field.description"),e.description,w.MR.t("field.brand"),e.brand,w.MR.t("field.serial-no"),e.serialNo,w.MR.t("field.model"),e.model,w.MR.t("field.netmask"),e.netmask,w.MR.t("text.appliance credential"),w.MR.t("label.access token"),e.accessToken,(n=>n.preventDefault()),w.MR.t("button.copy"),t?(0,m.qy)(i||(i=A(["<div input-hint>\n                      "," "," :\n                      ","\n                    </div>"])),w.MR.t("text.token expiry time"),new Date(1e3*t).toLocaleString(),(0,b.Z)(this.expTimer(t))):(0,m.qy)(a||(a=A([""]))),this.deleteAppliance.bind(this),w.MR.t("button.delete this appliance"),this.generateApplianceSecret.bind(this),w.MR.t("button.generate new access token"),this.updateAppliance.bind(this),w.MR.t("button.update"))}firstUpdated(){this.clipboard=new(v())(this.copybuttons,{target:n=>n.parentElement.querySelector("input")})}updated(n){if(n.has("appliance")){var{accessToken:e}=this.appliance||{};this.accessToken=e}n.has("accessToken")&&(this._accessTokenInfo=this.accessToken?(0,k.$n)(this.accessToken):{})}pageUpdated(n,e,t){var r=this;return $((function*(){r.active&&(yield r.fetchAppliance())}))()}fetchAppliance(){var n=this;return $((function*(){var e=yield y.Sn.query({query:(0,f.Ay)(o||(o=A(["\n        query ($id: String!) {\n          appliance(id: $id) {\n            id\n            name\n            description\n            serialNo\n            brand\n            model\n            netmask\n            accessToken\n          }\n        }\n      "]))),variables:{id:n.lifecycle.resourceId}});n.appliance=e.data.appliance}))()}updateAppliance(n){var e=this;return $((function*(){n.preventDefault();var t=e.renderRoot.querySelector("form"),r=new FormData(t),i=Array.from(r.entries()).reduce(((n,e)=>{var[t,r]=e;return n[t]=r,n}),{}),a=e.lifecycle.resourceId,o=yield y.Sn.mutate({mutation:(0,f.Ay)(d||(d=A(["\n        mutation ($id: String!, $patch: AppliancePatch!) {\n          updateAppliance(id: $id, patch: $patch) {\n            id\n            name\n            description\n            serialNo\n            brand\n            model\n            netmask\n            accessToken\n          }\n        }\n      "]))),variables:{id:a,patch:i}});o.errors?M.error("update fail"):(e.appliance=o.data.updateAppliance,M.log("update sucess"))}))()}deleteAppliance(n){var e=this;return $((function*(){n.preventDefault();var t=e.lifecycle.resourceId;(yield y.Sn.mutate({mutation:(0,f.Ay)(l||(l=A(["\n        mutation ($id: String!) {\n          deleteAppliance(id: $id)\n        }\n      "]))),variables:{id:t}})).errors?M.error("delete fail"):(0,x.oo)("appliance-home")}))()}generateApplianceSecret(n){var e=this;return $((function*(){n.preventDefault();var t=e.lifecycle.resourceId,r=yield y.Sn.mutate({mutation:(0,f.Ay)(c||(c=A(["\n        mutation ($id: String!) {\n          generateApplianceSecret(id: $id) {\n            id\n            name\n            description\n            serialNo\n            brand\n            model\n            netmask\n            accessToken\n          }\n        }\n      "]))),variables:{id:t}});r.errors?M.error("generate-appliance-secret fail"):(e.appliance=r.data.generateApplianceSecret,M.log("generate-appliance-secret sucess"))}))()}expTimer(n){return(0,u.AQ)(this,arguments,(function*(){for(;this.active;){var e=Math.floor(Number(n)-Date.now()/1e3),t=Math.floor(e/86400);e-=86400*t;var r=Math.floor(e/3600);e-=3600*r;var i=Math.floor(e/60),a=e-60*i;yield yield(0,u.N3)(w.MR.t("text.remaining time",{days:t,hours:r,mins:i,secs:a})),yield(0,u.N3)((0,k.yy)(1e3))}}))}};C.styles=[(0,m.AH)(s||(s=A(["\n      :host {\n        display: flex;\n        flex-direction: column;\n        overflow-y: auto;\n\n        background-color: var(--main-section-background-color);\n        padding: var(--padding-wide);\n      }\n      h2 {\n        margin: var(--title-margin);\n        font: var(--title-font);\n        color: var(--title-text-color);\n      }\n      [page-description] {\n        margin: var(--page-description-margin);\n        font: var(--page-description-font);\n        color: var(--page-description-color);\n      }\n\n      label {\n        font: var(--label-font);\n        color: var(--label-color);\n        text-transform: var(--label-text-transform);\n      }\n      input {\n        border: var(--border-dark-color);\n        border-radius: var(--border-radius);\n        margin: var(--input-margin);\n        padding: var(--input-padding);\n        font: var(--input-font);\n\n        flex: 1;\n      }\n      select:focus,\n      input:focus,\n      button {\n        outline: none;\n      }\n      form {\n        max-width: var(--content-container-max-width);\n      }\n      [fieldset-container] {\n        background-color: var(--theme-white-color);\n        margin: var(--margin-wide) 0 var(--margin-default) 0;\n        padding: var(--padding-default);\n        border-radius: var(--border-radius);\n        box-shadow: var(--box-shadow);\n      }\n      [fieldset-container] fieldset {\n        margin: 0;\n        margin-top: -15px;\n      }\n      fieldset {\n        border-radius: var(--border-radius);\n        border: var(--border-dark-color);\n        margin: var(--fieldset-margin);\n        padding: var(--fieldset-padding);\n      }\n      legend {\n        padding: var(--legend-padding);\n        font-weight: bold;\n        color: var(--legend-color);\n      }\n      [field-2column] {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        grid-gap: 15px;\n      }\n      [field] {\n        display: flex;\n        flex-direction: column;\n        position: relative;\n      }\n      [grid-span] {\n        grid-column: span 2;\n      }\n      button,\n      [button-in-field] {\n        background-color: var(--button-background-color);\n        border: var(--button-border);\n        border-radius: var(--button-border-radius);\n        padding: var(--button-padding);\n        color: var(--button-color);\n        font: var(--button-font);\n        text-transform: var(--button-text-transform);\n\n        margin: var(--margin-default) 0 var(--margin-default) var(--margin-default);\n        float: right;\n        text-decoration: none;\n      }\n      button:hover {\n        border: var(--button-activ-border);\n        box-shadow: var(--button-active-box-shadow);\n      }\n      [button-in-field] {\n        border-radius: 0 var(--button-border-radius) var(--button-border-radius) 0;\n        position: absolute;\n        top: 12px;\n        right: 0;\n        max-height: 36px;\n      }\n      [input-hint] {\n        font: var(--input-hint-font);\n        color: var(--input-hint-color);\n      }\n      @media screen and (max-width: 480px) {\n        [field] {\n          grid-column: span 2;\n        }\n      }\n    "])))],(0,u.Cg)([(0,h.MZ)({type:Object}),(0,u.Sn)("design:type",Object)],C.prototype,"appliance",void 0),(0,u.Cg)([(0,h.MZ)({type:String}),(0,u.Sn)("design:type",String)],C.prototype,"accessToken",void 0),(0,u.Cg)([(0,h.MZ)({type:Object}),(0,u.Sn)("design:type",Object)],C.prototype,"_accessTokenInfo",void 0),(0,u.Cg)([(0,h.YG)("[clipboard-copy]"),(0,u.Sn)("design:type",Object)],C.prototype,"copybuttons",void 0),C=(0,u.Cg)([(0,h.EM)("appliance-page")],C)},1767:(n,e,t)=>{t.d(e,{Z:()=>v});var r=t(55688),i=t(58001);function a(n,e,t,r,i,a,o){try{var d=n[a](o),l=d.value}catch(n){return void t(n)}d.done?e(l):Promise.resolve(l).then(r,i)}function o(n){function e(n){if(Object(n)!==n)return Promise.reject(new TypeError(n+" is not an object."));var e=n.done;return Promise.resolve(n.value).then((function(n){return{value:n,done:e}}))}return o=function(n){this.s=n,this.n=n.next},o.prototype={s:null,n:null,next:function(){return e(this.n.apply(this.s,arguments))},return:function(n){var t=this.s.return;return void 0===t?Promise.resolve({value:n,done:!0}):e(t.apply(this.s,arguments))},throw:function(n){var t=this.s.return;return void 0===t?Promise.reject(n):e(t.apply(this.s,arguments))}},new o(n)}var d=function(){var n,e=(n=function*(n,e){var t,r=!1,i=!1;try{for(var a,d=function(n){var e,t,r,i=2;for("undefined"!=typeof Symbol&&(t=Symbol.asyncIterator,r=Symbol.iterator);i--;){if(t&&null!=(e=n[t]))return e.call(n);if(r&&null!=(e=n[r]))return new o(e.call(n));t="@@asyncIterator",r="@@iterator"}throw new TypeError("Object is not async iterable")}(n);r=!(a=yield d.next()).done;r=!1){var l=a.value;if(!1===(yield e(l)))return}}catch(n){i=!0,t=n}finally{try{r&&null!=d.return&&(yield d.return())}finally{if(i)throw t}}},function(){var e=this,t=arguments;return new Promise((function(r,i){var o=n.apply(e,t);function d(n){a(o,r,i,d,l,"next",n)}function l(n){a(o,r,i,d,l,"throw",n)}d(void 0)}))});return function(n,t){return e.apply(this,arguments)}}();class l{constructor(n){this.Y=n}disconnect(){this.Y=void 0}reconnect(n){this.Y=n}deref(){return this.Y}}class c{constructor(){this.Z=void 0,this.q=void 0}get(){return this.Z}pause(){var n;null!==(n=this.Z)&&void 0!==n||(this.Z=new Promise((n=>this.q=n)))}resume(){var n;null!==(n=this.q)&&void 0!==n&&n.call(this),this.Z=this.q=void 0}}var s=t(58148);function u(n,e,t,r,i,a,o){try{var d=n[a](o),l=d.value}catch(n){return void t(n)}d.done?e(l):Promise.resolve(l).then(r,i)}class p extends i.Kq{constructor(){super(...arguments),this._$CK=new l(this),this._$CX=new c}render(n,e){return r.c0}update(n,e){var[t,i]=e;if(this.isConnected||this.disconnected(),t===this._$CJ)return r.c0;this._$CJ=t;var a=0,{_$CK:o,_$CX:l}=this;return d(t,function(){var n=function(n){return function(){var e=this,t=arguments;return new Promise((function(r,i){var a=n.apply(e,t);function o(n){u(a,r,i,o,d,"next",n)}function d(n){u(a,r,i,o,d,"throw",n)}o(void 0)}))}}((function*(n){for(;l.get();)yield l.get();var e=o.deref();if(void 0!==e){if(e._$CJ!==t)return!1;void 0!==i&&(n=i(n,a)),e.commitValue(n,a),a++}return!0}));return function(e){return n.apply(this,arguments)}}()),r.c0}commitValue(n,e){this.setValue(n)}disconnected(){this._$CK.disconnect(),this._$CX.pause()}reconnected(){this._$CK.reconnect(this),this._$CX.resume()}}var v=(0,s.u$)(p)}}]);

package/dist-app/fmsim/4936.js.LICENSE.txt

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

package/dist-app/fmsim/510.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_fmsim_fmsim=self.webpackChunk_fmsim_fmsim||[]).push([[510,7072],{93957:(e,t,n)=>{n.d(t,{$:()=>f});var r,i,a,o=n(34117),d=(n(27856),n(13777)),s=n(69241),l=n(11763),c=n(201),p=n(22314),m=n(58377);function h(e,t,n,r,i,a,o){try{var d=e[a](o),s=d.value}catch(e){return void n(e)}d.done?t(s):Promise.resolve(s).then(r,i)}function u(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}class f extends s.WF{constructor(){super(...arguments),this.departments=[],this.columns={list:{fields:["name","description"]},pagination:{infinite:!0},columns:[{type:"string",name:"name",header:p.MR.t("field.name"),width:150},{type:"string",name:"description",header:p.MR.t("field.description"),width:200},{type:"checkbox",name:"active",header:p.MR.t("field.active"),width:60}]}}render(){return(0,s.qy)(r||(r=u(["\n      <ox-grist\n        .mode=","\n        .config=","\n        .data=",'\n      ></ox-grist>\n\n      <div class="button-container">\n        <mwc-button raised @click="','">',"</mwc-button>\n      </div>\n    "])),(0,m.Xb)()?"LIST":"GRID",this.columns,{records:this.departments},this.save.bind(this),p.MR.t("button.save"))}save(){var e,t=this;return(e=function*(){var e;(null===(e=(yield c.Sn.mutate({mutation:(0,d.Ay)(i||(i=u(["\n        mutation importDepartments($departments: [DepartmentPatch!]!) {\n          importDepartments(departments: $departments)\n        }\n      "]))),variables:{departments:t.departments}})).errors)||void 0===e?void 0:e.length)||t.dispatchEvent(new CustomEvent("imported"))},function(){var t=this,n=arguments;return new Promise((function(r,i){var a=e.apply(t,n);function o(e){h(a,r,i,o,d,"next",e)}function d(e){h(a,r,i,o,d,"throw",e)}o(void 0)}))})()}}f.styles=[(0,s.AH)(a||(a=u(["\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        background-color: #fff;\n      }\n\n      ox-grist {\n        flex: 1;\n      }\n\n      .button-container {\n        display: flex;\n        margin-left: auto;\n        padding: var(--padding-default);\n      }\n\n      mwc-button {\n        margin-left: var(--margin-default);\n      }\n    "])))],(0,o.Cg)([(0,l.MZ)({type:Array}),(0,o.Sn)("design:type",Array)],f.prototype,"departments",void 0),(0,o.Cg)([(0,l.MZ)({type:Object}),(0,o.Sn)("design:type",Object)],f.prototype,"columns",void 0)},7072:(e,t,n)=>{n.r(t),n.d(t,{EmployeeListPage:()=>J});var r,i,a,o,d=n(34117),s=n(27856),l=(n(67794),n(81449),n(13777)),c=n(69241),p=n(11763),m=n(201),h=n(22314),u=n(91292),f=n(58377),y=n(72644);function b(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function g(e,t,n,r,i,a,o){try{var d=e[a](o),s=d.value}catch(e){return void n(e)}d.done?t(s):Promise.resolve(s).then(r,i)}function v(e){return function(){var t=this,n=arguments;return new Promise((function(r,i){var a=e.apply(t,n);function o(e){g(a,r,i,o,d,"next",e)}function d(e){g(a,r,i,o,d,"throw",e)}o(void 0)}))}}var w=class extends c.WF{constructor(){var e;super(...arguments),e=this,this.data=s.KW,this.selectedRecords=[],this.fetchHandler=function(){var t=v((function*(t){var{page:n=1,limit:i=100,sortings:a=[],filters:o=[]}=t,d=yield m.Sn.query({query:(0,l.Ay)(r||(r=b(["\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n          fetch: contacts(filters: $filters, pagination: $pagination, sortings: $sortings) {\n            items {\n              id\n              name\n              company\n              email\n              phone\n              address\n              department\n              note\n              profile {\n                left\n                top\n                zoom\n                picture\n              }\n              updater {\n                id\n                name\n              }\n              updatedAt\n            }\n            total\n          }\n        }\n      "]))),variables:{filters:o,pagination:{page:n,limit:i},sortings:a},context:(0,m.Wz)()});if(!d.errors)return{records:d.data.fetch.items.map((t=>(e.value&&e.value===t.id&&(e.selectedRecords=[t],t.__selected__=!0),t))),total:d.data.fetch.total,limit:i,page:n}}));return function(e){return t.apply(this,arguments)}}()}render(){return(0,c.qy)(i||(i=b(["\n      <ox-grist\n        .mode=","\n        .config=","\n        .data=","\n        .fetchHandler=","\n        .selectedRecords=",'\n      >\n        <div id="filters" slot="headroom">\n          <ox-filters-form autofocus></ox-filters-form>\n        </div>\n      </ox-grist>\n\n      <div class="button-container">\n        <mwc-button @click=',">","</mwc-button>\n        <mwc-button @click=",">","</mwc-button>\n        <mwc-button @click=",">","</mwc-button>\n      </div>\n    "])),(0,f.Xb)()?"LIST":"GRID",this.config,this.data,this.fetchHandler.bind(this),this.selectedRecords,this.onEmpty.bind(this),h.MR.t("button.empty"),this.onCancel.bind(this),h.MR.t("button.cancel"),this.onConfirm.bind(this),h.MR.t("button.confirm"))}onEmpty(){this.confirmCallback&&this.confirmCallback(),(0,u.fs)(this)}onCancel(){(0,u.fs)(this)}onConfirm(){this.confirmCallback&&this.confirmCallback(this.selected),(0,u.fs)(this)}firstUpdated(){var e=this;return v((function*(){e.config={pagination:{pages:[100,200,500]},list:{thumbnail:"profile",fields:["name","company"],details:["email","updatedAt"]},columns:[{type:"gutter",gutterName:"sequence"},{type:"gutter",gutterName:"row-selector",multiple:!1},{type:"string",name:"name",header:h.MR.t("field.name"),record:{editable:!1},filter:"search",sortable:!0,width:100},{type:"string",name:"company",header:h.MR.t("field.company"),record:{editable:!1},filter:"search",sortable:!0,width:135},{type:"string",name:"department",header:h.MR.t("field.department"),record:{editable:!1},sortable:!0,width:135},{type:"string",name:"email",header:h.MR.t("field.email"),record:{editable:!1},sortable:!0,width:190},{type:"string",name:"phone",header:h.MR.t("field.phone"),record:{editable:!1},sortable:!0,width:120},{type:"string",name:"address",header:h.MR.t("field.address"),record:{editable:!1},sortable:!0,width:375},{type:"image",name:"profile",record:{renderer:function(e,t,n,r,i){return(0,c.qy)(a||(a=b(['<ox-pfp-view\n                style="height:90%; width: unset; aspect-ratio: 1 / 1;"\n                .profile=',"\n                .name=","\n              ></ox-pfp-view>"])),n.profile,n.name)}},hidden:!0}],rows:{selectable:{multiple:!1},handlers:{click:"select-row"},appendable:!1},sorters:[{name:"name"},{name:"company"}]}}))()}get selected(){var e=this.renderRoot.querySelector("ox-grist").selected;return e&&e.length>0?e[0]:void 0}};w.styles=[y.su,(0,c.AH)(o||(o=b(["\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        background-color: #fff;\n\n        width: var(--overlay-center-normal-width, 50%);\n        height: var(--overlay-center-normal-height, 50%);\n      }\n\n      ox-grist {\n        flex: 1;\n      }\n\n      #filters {\n        display: flex;\n        flex-direction: row;\n        justify-content: space-between;\n      }\n\n      #filters > * {\n        padding: var(--padding-default) var(--padding-wide);\n      }\n    "])))],(0,d.Cg)([(0,p.MZ)({type:String}),(0,d.Sn)("design:type",String)],w.prototype,"value",void 0),(0,d.Cg)([(0,p.MZ)({type:Object}),(0,d.Sn)("design:type",Object)],w.prototype,"config",void 0),(0,d.Cg)([(0,p.MZ)({type:Object}),(0,d.Sn)("design:type",Object)],w.prototype,"data",void 0),(0,d.Cg)([(0,p.MZ)({type:Object}),(0,d.Sn)("design:type",Function)],w.prototype,"confirmCallback",void 0),(0,d.Cg)([(0,p.MZ)({type:Array}),(0,d.Sn)("design:type",Array)],w.prototype,"selectedRecords",void 0),(0,d.Cg)([(0,p.MZ)({type:Object}),(0,d.Sn)("design:type",Object)],w.prototype,"list",void 0),(0,d.Cg)([(0,p.P)("ox-grist"),(0,d.Sn)("design:type",s.S2)],w.prototype,"grist",void 0),w=(0,d.Cg)([(0,p.EM)("contact-selector")],w);var R,M,x,S,O,j,C,P,N,_,E,A,q,$,k,I=n(41191),z=n(89752),D=n(64604),T=n(83316);function B(e,t,n,r,i,a,o){try{var d=e[a](o),s=d.value}catch(e){return void n(e)}d.done?t(s):Promise.resolve(s).then(r,i)}function H(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}class F extends c.WF{constructor(){super(...arguments),this.employees=[],this.columns={list:{fields:["name","description"]},pagination:{infinite:!0},columns:[{type:"string",name:"name",header:h.MR.t("field.name"),width:150},{type:"string",name:"description",header:h.MR.t("field.description"),width:200},{type:"checkbox",name:"active",header:h.MR.t("field.active"),width:60}]}}render(){return(0,c.qy)(R||(R=H(["\n      <ox-grist\n        .mode=","\n        .config=","\n        .data=",'\n      ></ox-grist>\n\n      <div class="button-container">\n        <mwc-button raised @click="','">',"</mwc-button>\n      </div>\n    "])),(0,f.Xb)()?"LIST":"GRID",this.columns,{records:this.employees},this.save.bind(this),h.MR.t("button.save"))}save(){var e,t=this;return(e=function*(){var e;(null===(e=(yield m.Sn.mutate({mutation:(0,l.Ay)(M||(M=H(["\n        mutation importEmployees($employees: [EmployeePatch!]!) {\n          importEmployees(employees: $employees)\n        }\n      "]))),variables:{employees:t.employees}})).errors)||void 0===e?void 0:e.length)||t.dispatchEvent(new CustomEvent("imported"))},function(){var t=this,n=arguments;return new Promise((function(r,i){var a=e.apply(t,n);function 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 L(e,t,n,r,i,a,o){try{var d=e[a](o),s=d.value}catch(e){return void n(e)}d.done?t(s):Promise.resolve(s).then(r,i)}function Z(e){return function(){var t=this,n=arguments;return new Promise((function(r,i){var a=e.apply(t,n);function o(e){L(a,r,i,o,d,"next",e)}function d(e){L(a,r,i,o,d,"throw",e)}o(void 0)}))}}function Y(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}F.styles=[(0,c.AH)(x||(x=H(["\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        background-color: #fff;\n      }\n\n      ox-grist {\n        flex: 1;\n      }\n\n      .button-container {\n        display: flex;\n        margin-left: auto;\n        padding: var(--padding-default);\n      }\n\n      mwc-button {\n        margin-left: var(--margin-default);\n      }\n    "])))],(0,d.Cg)([(0,p.MZ)({type:Array}),(0,d.Sn)("design:type",Array)],F.prototype,"employees",void 0),(0,d.Cg)([(0,p.MZ)({type:Object}),(0,d.Sn)("design:type",Object)],F.prototype,"columns",void 0);var J=class extends((0,I.N)(T.M_)((0,h.kg)(h.MR)((0,z.l)(T.hv)))){constructor(){super(...arguments),this.mode=(0,f.Xb)()?"CARD":"GRID"}static get scopedElements(){return{"employee-importer":F}}get context(){var e;return{title:h.MR.t("title.employee list"),search:{handler:e=>{this.grist.searchText=e},value:(null===(e=this.grist)||void 0===e?void 0:e.searchText)||""},filter:{handler:()=>{this.grist.toggleHeadroom()}},help:"organization/employee",actions:[{icon:"save",title:h.MR.t("button.save"),action:this._updateEmployee.bind(this)},{icon:"delete",title:h.MR.t("button.delete"),action:this._deleteEmployee.bind(this)}],exportable:{name:h.MR.t("title.employee list"),data:this.exportHandler.bind(this)},importable:{handler:this.importHandler.bind(this)},toolbar:!1}}render(){var e=this.mode||((0,f.Xb)()?"CARD":"GRID");return(0,c.qy)(S||(S=Y(["\n      <ox-grist .mode="," .config="," .fetchHandler=",'>\n        <div slot="headroom" class="header">\n          <div class="title">\n            <mwc-icon>summarize</mwc-icon>\n            ','\n          </div>\n\n          <div class="filters">\n            <ox-filters-form class="filter" autofocus without-search></ox-filters-form>\n          </div>\n\n          <ox-context-page-toolbar class="actions" .context=',"></ox-context-page-toolbar>\n        </div>\n      </ox-grist>\n    "])),e,this.gristConfig,this.fetchHandler.bind(this),h.MR.t("title.employee list"),this.context)}pageInitialized(e){var t=this;return Z((function*(){var e;t.gristConfig={pagination:{pages:[50,100,200]},list:{thumbnail:"profile",fields:["controlNo","name"],details:["email","department","hiredOn","updatedAt"]},columns:[{type:"gutter",gutterName:"sequence",fixed:!0},{type:"gutter",gutterName:"row-selector",multiple:!0,fixed:!0},{type:"gutter",gutterName:"button",fixed:!0,icon:"contact_page",forList:!0,title:h.MR.t("title.contact"),handlers:{click:(e=Z((function*(e,n,r,i,a){i.contact?t.openContactPopup(i):i.id&&t.openContactSelector(i)})),function(t,n,r,i,a){return e.apply(this,arguments)})}},{type:"string",name:"controlNo",fixed:!0,header:h.MR.t("field.control-no"),record:{editable:!0},filter:"search",sortable:!0,width:105},{type:"string",name:"name",fixed:!0,header:h.MR.t("field.name"),record:{editable:!0},filter:"search",sortable:!0,width:100},{type:"string",name:"alias",header:h.MR.t("label.alias"),record:{editable:!0},filter:"search",sortable:!0,width:110},{type:"resource-object",name:"user",header:h.MR.t("field.user"),record:{editable:!0,options:{title:h.MR.t("title.lookup user"),queryName:"users",basicArgs:{filters:[{name:"userType",operator:"eq",value:"user"}]},descriptionField:"email",columns:[{name:"id",hidden:!0},{name:"name",header:h.MR.t("field.name"),filter:"search"},{name:"email",header:h.MR.t("field.email"),filter:"search"}],list:{fields:["name","email"]}}},sortable:!0,filter:!1,width:100},{type:"code",name:"type",header:h.MR.t("field.type"),width:115,sortable:!1,filter:!1,record:{editable:!0,codeName:"EMPLOYEE_TYPE"}},{type:"department-object",name:"department",header:h.MR.t("field.department"),record:{editable:!0},sortable:!0,filter:!1,width:130},{type:"resource-object",name:"supervisor",header:h.MR.t("field.supervisor"),record:{editable:!0,options:{title:h.MR.t("title.employee list"),queryName:"employees",pagination:{pages:[50,100,200]},basicArgs:{filters:[{name:"active",operator:"eq",value:!0}]},list:{fields:["controlNo","name","alias","hiredOn"]},columns:[{name:"id",hidden:!0},{name:"controlNo",width:120,header:{renderer:()=>h.MR.t("field.control-no")},filter:"search",sortable:!0},{name:"name",width:120,header:{renderer:()=>h.MR.t("field.name")},filter:"search",sortable:!0},{name:"alias",width:150,header:{renderer:()=>h.MR.t("label.alias")},filter:"search",sortable:!0},{type:"code",name:"type",width:110,header:{renderer:()=>h.MR.t("label.type")},record:{editable:!1,codeName:"EMPLOYEE_TYPE"}},{type:"code",name:"jobPosition",width:110,header:{renderer:()=>h.MR.t("label.job-position")},record:{editable:!1,codeName:"JOB_POSITION"}},{type:"code",name:"jobResponsibility",width:200,header:{renderer:()=>h.MR.t("label.job-responsibility")},record:{editable:!1,codeName:"JOB_RESPONSIBILITY"}},{type:"date",name:"hiredOn",header:{renderer:()=>h.MR.t("field.hired-on")},width:100}],valueField:"id",nameField:"name",descriptionField:"controlNo"}},sortable:!0,width:120},{type:"string",name:"email",header:h.MR.t("field.email"),width:200,record:{editable:!1,renderer:function(e,t,n,r,i){return n.contact?n.contact.email:""}},sortable:!0},{type:"string",name:"phone",header:h.MR.t("field.phone"),width:110,record:{editable:!1,renderer:function(e,t,n,r,i){return n.contact?n.contact.phone:""}},sortable:!0},{type:"code",name:"jobResponsibility",header:h.MR.t("label.job-responsibility"),width:175,record:{editable:!0,codeName:"JOB_RESPONSIBILITY"}},{type:"code",name:"jobPosition",header:h.MR.t("label.job-position"),width:100,record:{editable:!0,codeName:"JOB_POSITION"}},{type:"date",name:"hiredOn",header:h.MR.t("field.hired-on"),width:100,record:{editable:!0},sortable:!0},{type:"date",name:"retiredAt",header:h.MR.t("label.retired-at"),width:100,record:{editable:!0}},{type:"checkbox",name:"active",label:!0,header:h.MR.t("field.active"),width:70,record:{align:"center",editable:!0},filter:!0,sortable:!0},{type:"string",name:"note",header:h.MR.t("field.note"),width:200,record:{editable:!0},filter:"search"},{type:"resource-object",name:"updater",header:h.MR.t("field.updater"),width:90,sortable:!1},{type:"datetime",name:"updatedAt",header:h.MR.t("field.updated_at"),width:180,sortable:!0},{type:"image",name:"profile",record:{renderer:function(e,t,n,r,i){return(0,c.qy)(O||(O=Y(['<ox-pfp-view\n                style="height:90%; width: unset; aspect-ratio: 1 / 1;"\n                .profile=',"\n                .name=","\n              ></ox-pfp-view>"])),n.profile,n.name)}},hidden:!0}],rows:{selectable:{multiple:!0}},sorters:[{name:"controlNo"}]}}))()}pageUpdated(e,t){var n=this;return Z((function*(){n.active}))()}fetchHandler(e){return Z((function*(){var{page:t=1,limit:n=100,sortings:r=[],filters:i=[]}=e,a=yield m.Sn.query({query:(0,l.Ay)(j||(j=Y(["\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n          responses: employees(filters: $filters, pagination: $pagination, sortings: $sortings) {\n            items {\n              id\n              controlNo\n              name\n              alias\n              type\n              jobResponsibility\n              jobPosition\n              active\n              email\n              phone\n              user {\n                id\n                name\n              }\n              department {\n                id\n                name\n                description\n              }\n              supervisor {\n                id\n                name\n                controlNo\n              }\n              note\n              hiredOn\n              retiredAt\n              contact {\n                id\n                email\n                phone\n                address\n              }\n              profile {\n                left\n                top\n                zoom\n                picture\n              }\n              updater {\n                id\n                name\n              }\n              updatedAt\n            }\n            total\n          }\n        }\n      "]))),variables:{filters:i,pagination:{page:t,limit:n},sortings:r}}),o=a.data.responses.items;return{total:a.data.responses.total||0,records:o}}))()}_deleteEmployee(){var e=this;return Z((function*(){if(confirm(h.MR.t("text.sure_to_x",{x:h.MR.t("text.delete")}))){var t=e.grist.selected.map((e=>e.id));t&&t.length>0&&((yield m.Sn.mutate({mutation:(0,l.Ay)(C||(C=Y(["\n            mutation ($ids: [String!]!) {\n              deleteEmployees(ids: $ids)\n            }\n          "]))),variables:{ids:t}})).errors||(e.grist.fetch(),(0,D.me)({message:h.MR.t("text.info_x_successfully",{x:h.MR.t("text.delete")})})))}}))()}_updateEmployee(){var e=this;return Z((function*(){var t=e.grist.dirtyRecords;t&&t.length&&(t=t.map((e=>{var t=e.id?{id:e.id}:{},n=e.__dirtyfields__;for(var r in n)t[r]=n[r].after;return t.cuFlag=e.__dirty__,t})),(yield m.Sn.mutate({mutation:(0,l.Ay)(P||(P=Y(["\n          mutation ($patches: [EmployeePatch!]!) {\n            updateMultipleEmployee(patches: $patches) {\n              name\n            }\n          }\n        "]))),variables:{patches:t}})).errors||e.grist.fetch())}))()}exportHandler(){var e=this;return Z((function*(){var t=e.grist.selected.length?e.grist.selected:e.grist.dirtyData.records,n=new Set(["id","controlNo","name","alias","type","hiredOn","retiredAt","active","note"]);return t.map((e=>{var t={};for(var r of n)t[r]=e[r];return t}))}))()}importHandler(e){var t=this;return Z((function*(){(0,D.PB)((0,c.qy)(N||(N=Y(["\n        <employee-importer\n          .employees=","\n          @imported=","\n        ></employee-importer>\n      "])),e,(()=>{history.back(),t.grist.fetch()})),{backdrop:!0,size:"large",title:h.MR.t("title.import employee")}).onclosed=()=>{t.grist.fetch()}}))()}openContactPopup(e){var t=this;return Z((function*(){var n;if(null===(n=e.contact)||void 0===n?void 0:n.id){var r=yield m.Sn.query({query:(0,l.Ay)(_||(_=Y(["\n        query ($id: String!) {\n          contact(id: $id) {\n            id\n            name\n            company\n            department\n            email\n            phone\n            address\n            note\n            items {\n              type\n              label\n              value\n            }\n            profile {\n              left\n              top\n              zoom\n              picture\n            }\n          }\n        }\n      "]))),variables:{id:e.contact.id}}),{contact:i}=r.data;(0,D.PB)((0,c.qy)(E||(E=Y(["\n        <contact-popup\n          .contact=","\n          @change=","\n          @detach=","\n          detachable\n        ></contact-popup>\n      "])),i,(()=>{t.grist.fetch()}),(()=>{t.detachContact(e)})),{backdrop:!0,size:"large",title:h.MR.t("title.contact")})}}))()}openContactSelector(e){var t=this;return Z((function*(){(0,D.PB)((0,c.qy)(A||(A=Y(["\n        <contact-selector .confirmCallback=","></contact-selector>\n      "])),(n=>t.attachContact(e,n))),{backdrop:!0,size:"large",title:h.MR.t("title.contact")})}))()}attachContact(e,t){var n=this;return Z((function*(){yield m.Sn.mutate({mutation:(0,l.Ay)(q||(q=Y(["\n        mutation ($id: String!, $contactId: String!) {\n          attachContact(id: $id, contactId: $contactId) {\n            id\n          }\n        }\n      "]))),variables:{id:e.id,contactId:t.id}}),n.grist.fetch()}))()}detachContact(e){var t=this;return Z((function*(){yield m.Sn.mutate({mutation:(0,l.Ay)($||($=Y(["\n        mutation ($id: String!) {\n          detachContact(id: $id) {\n            id\n          }\n        }\n      "]))),variables:{id:e.id}}),t.grist.fetch()}))()}};J.styles=[y.bi,y.BD,(0,c.AH)(k||(k=Y(["\n      :host {\n        display: flex;\n\n        width: 100%;\n\n        --grid-record-emphasized-background-color: #8b0000;\n        --grid-record-emphasized-color: #ff6b6b;\n      }\n\n      ox-grist {\n        overflow-y: auto;\n        flex: 1;\n      }\n    "])))],(0,d.Cg)([(0,p.MZ)({type:Object}),(0,d.Sn)("design:type",Object)],J.prototype,"gristConfig",void 0),(0,d.Cg)([(0,p.MZ)({type:String}),(0,d.Sn)("design:type",String)],J.prototype,"mode",void 0),(0,d.Cg)([(0,p.P)("ox-grist"),(0,d.Sn)("design:type",s.S2)],J.prototype,"grist",void 0),J=(0,d.Cg)([(0,p.EM)("employee-list-page")],J)},30510:(e,t,n)=>{n.r(t),n.d(t,{EmployeesByDepartment:()=>j});var r,i,a,o,d,s=n(34117),l=(n(78236),n(72644)),c=n(83316),p=n(69241),m=n(11763),h=n(89752),u=n(201),f=n(22314),y=n(27856),b=n(41191),g=n(13777),v=n(93957),w=n(19150),R=n(7072);function M(e,t,n,r,i,a,o){try{var d=e[a](o),s=d.value}catch(e){return void n(e)}d.done?t(s):Promise.resolve(s).then(r,i)}function x(e){return function(){var t=this,n=arguments;return new Promise((function(r,i){var a=e.apply(t,n);function o(e){M(a,r,i,o,d,"next",e)}function d(e){M(a,r,i,o,d,"throw",e)}o(void 0)}))}}function S(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var O=(0,g.Ay)(r||(r=S(["\n  fragment Department_department on Department {\n    id\n    controlNo\n    name\n    description\n\n    manager {\n      id\n      name\n      controlNo\n      photo\n      email\n    }\n    active\n    state\n    picture\n\n    updater {\n      id\n      name\n    }\n    updatedAt\n  }\n"]))),j=class extends((0,b.N)(c.M_)((0,f.kg)(f.MR)((0,h.l)(c.hv)))){static get scopedElements(){return{"department-importer":v.$}}get context(){return{title:f.MR.t("title.employees-by-department"),actions:[]}}render(){return(0,p.qy)(i||(i=S(["\n      <ox-tree\n        .data=","\n        .selected=","\n        @select=",'\n        label-property="name"\n      ></ox-tree>\n\n      <ox-grist .config='," .fetchHandler=",'>\n        <div slot="headroom">\n          <div id="filters">\n            <ox-filters-form autofocus></ox-filters-form>\n          </div>\n        </div>\n      </ox-grist>\n    '])),this.root,this.selected,this.onSelect.bind(this),this.gristConfig,this.fetchEmployees.bind(this))}pageInitialized(e){var t=this;return x((function*(){t.gristConfig={pagination:{pages:[100]},list:{thumbnail:"profile",fields:["controlNo","name"],details:["email","department","hiredOn","updatedAt"]},columns:[{type:"gutter",gutterName:"sequence"},{type:"string",name:"controlNo",header:f.MR.t("field.control-no"),record:{editable:!0},filter:"search",sortable:!0,width:105},{type:"string",name:"name",header:f.MR.t("field.name"),record:{editable:!0},filter:"search",sortable:!0,width:100},{type:"string",name:"alias",header:f.MR.t("label.alias"),record:{editable:!0},filter:"search",sortable:!0,width:110},{type:"resource-object",name:"user",header:f.MR.t("field.user"),record:{editable:!0,options:{title:f.MR.t("title.lookup user"),queryName:"users",basicArgs:{filters:[{name:"userType",operator:"eq",value:"user"}]},descriptionField:"email",columns:[{name:"id",hidden:!0},{name:"name",header:f.MR.t("field.name"),filter:"search"},{name:"email",header:f.MR.t("field.email"),filter:"search"}],list:{fields:["name","email"]}}},sortable:!0,filter:!1,width:100},{type:"code",name:"type",header:f.MR.t("field.type"),width:115,sortable:!1,filter:!1,record:{editable:!0,codeName:"EMPLOYEE_TYPE"}},{type:"department-object",name:"department",header:f.MR.t("field.department"),record:{editable:!0},sortable:!0,filter:!1,width:130},{type:"resource-object",name:"supervisor",header:f.MR.t("field.supervisor"),record:{editable:!0,options:{title:f.MR.t("title.employee list"),queryName:"employees",pagination:{pages:[50,100,200]},basicArgs:{filters:[{name:"active",operator:"eq",value:!0}]},list:{fields:["controlNo","name","alias","hiredOn"]},columns:[{name:"id",hidden:!0},{name:"controlNo",width:120,header:{renderer:()=>f.MR.t("field.control-no")},filter:"search",sortable:!0},{name:"name",width:120,header:{renderer:()=>f.MR.t("field.name")},filter:"search",sortable:!0},{name:"alias",width:150,header:{renderer:()=>f.MR.t("label.alias")},filter:"search",sortable:!0},{type:"code",name:"type",width:110,header:{renderer:()=>f.MR.t("label.type")},record:{editable:!1,codeName:"EMPLOYEE_TYPE"}},{type:"code",name:"jobPosition",width:110,header:{renderer:()=>f.MR.t("label.job-position")},record:{editable:!1,codeName:"JOB_POSITION"}},{type:"code",name:"jobResponsibility",width:200,header:{renderer:()=>f.MR.t("label.job-responsibility")},record:{editable:!1,codeName:"JOB_RESPONSIBILITY"}},{type:"date",name:"hiredOn",header:{renderer:()=>f.MR.t("field.hired-on")},width:100}],valueField:"id",nameField:"name",descriptionField:"controlNo"}},sortable:!0,width:120},{type:"string",name:"email",header:f.MR.t("field.email"),width:200,record:{editable:!1,renderer:function(e,t,n,r,i){return n.contact?n.contact.email:""}},sortable:!0},{type:"string",name:"phone",header:f.MR.t("field.phone"),width:110,record:{editable:!1,renderer:function(e,t,n,r,i){return n.contact?n.contact.phone:""}},sortable:!0},{type:"code",name:"jobResponsibility",header:f.MR.t("label.job-responsibility"),width:175,record:{editable:!0,codeName:"JOB_RESPONSIBILITY"}},{type:"code",name:"jobPosition",header:f.MR.t("label.job-position"),width:100,record:{editable:!0,codeName:"JOB_POSITION"}},{type:"date",name:"hiredOn",header:f.MR.t("field.hired-on"),width:100,record:{editable:!0},sortable:!0},{type:"date",name:"retiredAt",header:f.MR.t("label.retired-at"),width:100,record:{editable:!0}},{type:"checkbox",name:"active",label:!0,header:f.MR.t("field.active"),width:70,record:{align:"center",editable:!0},filter:!0,sortable:!0},{type:"string",name:"note",header:f.MR.t("field.note"),width:200,record:{editable:!0},filter:"search"}],rows:{selectable:{multiple:!1}},sorters:[{name:"controlNo"}]},t.fetchDepartments()}))()}pageUpdated(e,t){var n=this;return x((function*(){n.active}))()}onSelect(e){var t=this;return x((function*(){t.selected=e.detail,t.grist.fetch(),t.updateContext()}))()}fetchEmployees(e){var t=this;return x((function*(){var{page:n=1,limit:r=100,sortings:i=[],filters:o=[]}=e;t.selected&&o.push({name:"departmentId",operator:"eq",value:t.selected.id});var d=yield u.Sn.query({query:(0,g.Ay)(a||(a=S(["\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n          responses: employees(filters: $filters, pagination: $pagination, sortings: $sortings) {\n            items {\n              id\n              controlNo\n              name\n              alias\n              type\n              jobResponsibility\n              jobPosition\n              active\n              email\n              phone\n              user {\n                id\n                name\n              }\n              department {\n                id\n                name\n                description\n              }\n              supervisor {\n                id\n                name\n                controlNo\n              }\n              note\n              hiredOn\n              retiredAt\n              contact {\n                id\n                email\n                phone\n                address\n              }\n              profile {\n                left\n                top\n                zoom\n                picture\n              }\n              updater {\n                id\n                name\n              }\n              updatedAt\n            }\n            total\n          }\n        }\n      "]))),variables:{filters:o,pagination:{page:n,limit:r},sortings:i}}),s=d.data.responses.items;return{total:d.data.responses.total||0,records:s}}))()}fetchDepartments(){var e=this;return x((function*(){var t=yield u.Sn.query({query:(0,g.Ay)(o||(o=S(["\n        query {\n          responses: departmentRoot {\n            ...Department_department\n            children {\n              ...Department_department\n              children {\n                ...Department_department\n                children {\n                  ...Department_department\n                  children {\n                    ...Department_department\n                    children {\n                      ...Department_department\n                      children {\n                        ...Department_department\n                        children {\n                          ...Department_department\n                        }\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n\n        ","\n      "])),O)});e.root=t.data.responses}))()}};j.styles=[l.bi,l.$z,(0,p.AH)(d||(d=S(["\n      :host {\n        display: flex;\n        flex-direction: row;\n        overflow: auto;\n      }\n      ox-tree {\n        flex: 1;\n        overflow: auto;\n      }\n      ox-grist {\n        flex: 4;\n      }\n    "])))],(0,s.Cg)([(0,m.P)("ox-grist"),(0,s.Sn)("design:type",y.S2)],j.prototype,"grist",void 0),(0,s.Cg)([(0,m.MZ)({type:Object}),(0,s.Sn)("design:type",Object)],j.prototype,"gristConfig",void 0),(0,s.Cg)([(0,m.wk)(),(0,s.Sn)("design:type",w.n)],j.prototype,"root",void 0),(0,s.Cg)([(0,m.wk)(),(0,s.Sn)("design:type",w.n)],j.prototype,"selected",void 0),(0,s.Cg)([(0,m.P)("employee-list-page"),(0,s.Sn)("design:type",R.EmployeeListPage)],j.prototype,"employeeListPage",void 0),j=(0,s.Cg)([(0,m.EM)("employees-by-department")],j)}}]);

package/dist-app/fmsim/5660.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_fmsim_fmsim=self.webpackChunk_fmsim_fmsim||[]).push([[5660],{15660:(t,e,i)=>{i.r(e),i.d(e,{NotificationRuleListPage:()=>$});var n,r,o,a,s,d,l,c,u,f=i(34117),p=i(27856),m=i(72644),h=i(83316),g=i(69241),v=i(11763),b=i(89752),y=i(201),R=i(22314),x=i(64604),w=i(91292),M=i(58377),_=i(41191),S=i(13777);function C(t,e,i,n,r,o,a){try{var s=t[o](a),d=s.value}catch(t){return void i(t)}s.done?e(d):Promise.resolve(d).then(n,r)}function A(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}class k extends g.WF{constructor(){super(...arguments),this.notificationRules=[],this.columns={list:{fields:["name","description"]},pagination:{infinite:!0},columns:[{type:"string",name:"name",header:R.MR.t("field.name"),width:150},{type:"string",name:"description",header:R.MR.t("field.description"),width:200},{type:"checkbox",name:"active",header:R.MR.t("field.active"),width:60}]}}render(){return(0,g.qy)(n||(n=A(["\n      <ox-grist\n        .mode=","\n        .config=","\n        .data=",'\n      ></ox-grist>\n\n      <div class="button-container">\n        <mwc-button raised @click="','">',"</mwc-button>\n      </div>\n    "])),(0,M.Xb)()?"LIST":"GRID",this.columns,{records:this.notificationRules},this.save.bind(this),R.MR.t("button.save"))}save(){var t,e=this;return(t=function*(){var t;(null===(t=(yield y.Sn.mutate({mutation:(0,S.Ay)(r||(r=A(["\n        mutation importNotificationRules($notificationRules: [NotificationRulePatch!]!) {\n          importNotificationRules(notificationRules: $notificationRules)\n        }\n      "]))),variables:{notificationRules:e.notificationRules}})).errors)||void 0===t?void 0:t.length)||e.dispatchEvent(new CustomEvent("imported"))},function(){var e=this,i=arguments;return new Promise((function(n,r){var o=t.apply(e,i);function a(t){C(o,n,r,a,s,"next",t)}function s(t){C(o,n,r,a,s,"throw",t)}a(void 0)}))})()}}function N(t,e,i,n,r,o,a){try{var s=t[o](a),d=s.value}catch(t){return void i(t)}s.done?e(d):Promise.resolve(d).then(n,r)}function j(t){return function(){var e=this,i=arguments;return new Promise((function(n,r){var o=t.apply(e,i);function a(t){N(o,n,r,a,s,"next",t)}function s(t){N(o,n,r,a,s,"throw",t)}a(void 0)}))}}function P(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}k.styles=[(0,g.AH)(o||(o=A(["\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        background-color: #fff;\n      }\n\n      ox-grist {\n        flex: 1;\n      }\n\n      .button-container {\n        display: flex;\n        margin-left: auto;\n        padding: var(--padding-default);\n      }\n\n      mwc-button {\n        margin-left: var(--margin-default);\n      }\n    "])))],(0,f.Cg)([(0,v.MZ)({type:Array}),(0,f.Sn)("design:type",Array)],k.prototype,"notificationRules",void 0),(0,f.Cg)([(0,v.MZ)({type:Object}),(0,f.Sn)("design:type",Object)],k.prototype,"columns",void 0);var $=class extends((0,_.N)(h.M_)((0,R.kg)(R.MR)((0,b.l)(h.hv)))){constructor(){super(...arguments),this.mode=(0,M.Xb)()?"CARD":"GRID"}static get scopedElements(){return{"notification-rule-importer":k}}get context(){var t;return{title:R.MR.t("title.notification-rule list"),search:{handler:t=>{this.grist.searchText=t},value:(null===(t=this.grist)||void 0===t?void 0:t.searchText)||""},filter:{handler:()=>{this.grist.toggleHeadroom()}},help:"notification/notification-rule",actions:[Object.assign({title:R.MR.t("button.save"),action:this._updateNotificationRule.bind(this)},m.YU.save),Object.assign({title:R.MR.t("button.delete"),action:this._deleteNotificationRule.bind(this)},m.YU.delete)],exportable:{name:R.MR.t("title.notification-rule list"),data:this.exportHandler.bind(this)},importable:{handler:this.importHandler.bind(this)}}}render(){var t=this.mode||((0,M.Xb)()?"CARD":"GRID");return(0,g.qy)(a||(a=P(["\n      <ox-grist .mode="," .config="," .fetchHandler=",'>\n        <div slot="headroom">\n          <div id="filters">\n            <ox-filters-form autofocus></ox-filters-form>\n          </div>\n\n          <div id="sorters">\n            Sort\n            <mwc-icon\n              @click=','\n              >expand_more</mwc-icon\n            >\n            <ox-popup id="sorter-control">\n              <ox-sorters-control> </ox-sorters-control>\n            </ox-popup>\n          </div>\n\n          <div id="modes">\n            <mwc-icon @click='," ?active=",">grid_on</mwc-icon>\n            <mwc-icon @click="," ?active=",">format_list_bulleted</mwc-icon>\n            <mwc-icon @click="," ?active=",">apps</mwc-icon>\n          </div>\n        </div>\n      </ox-grist>\n    "])),t,this.gristConfig,this.fetchHandler.bind(this),(t=>{var e=t.currentTarget;this.sortersControl.open({right:0,top:e.offsetTop+e.offsetHeight})}),(()=>this.mode="GRID"),"GRID"==t,(()=>this.mode="LIST"),"LIST"==t,(()=>this.mode="CARD"),"CARD"==t)}pageInitialized(t){var e=this;return j((function*(){e.gristConfig={list:{thumbnail:"thumbnail",fields:["name","description"],details:["title","updatedAt"]},columns:[{type:"gutter",gutterName:"sequence"},{type:"gutter",gutterName:"row-selector",multiple:!0},{type:"string",name:"name",header:R.MR.t("field.name"),record:{editable:!0},filter:"search",sortable:!0,width:150},{type:"string",name:"description",header:R.MR.t("field.description"),record:{editable:!0},filter:"search",width:200},{type:"string",name:"title",header:R.MR.t("field.title"),record:{editable:!0},filter:"search",sortable:!0,width:150},{type:"text",name:"body",header:R.MR.t("field.body"),record:{editable:!0},filter:"search",sortable:!0,width:150},{type:"string",name:"url",header:R.MR.t("field.url"),record:{editable:!0},sortable:!0,width:150},{type:"image",name:"thumbnail",header:R.MR.t("field.thumbnail"),record:{editable:!0},width:120},{type:"select",name:"state",label:!0,header:R.MR.t("field.state"),record:{options:[{},{display:R.MR.t("text.draft"),value:"DRAFT"},{display:R.MR.t("text.released"),value:"RELEASED"}]},sortable:!0,filter:!0,width:60},{type:"recipients",name:"recipients",header:R.MR.t("field.recipients"),record:{editable:!0},width:50},{type:"resource-object",name:"updater",header:R.MR.t("field.updater"),record:{editable:!1},sortable:!0,width:120},{type:"datetime",name:"updatedAt",header:R.MR.t("field.updated_at"),record:{editable:!1},sortable:!0,width:180}],rows:{selectable:{multiple:!0}},sorters:[{name:"name"}]}}))()}pageUpdated(t,e){var i=this;return j((function*(){i.active}))()}fetchHandler(t){return j((function*(){var{page:e=1,limit:i=100,sortings:n=[],filters:r=[]}=t,o=yield y.Sn.query({query:(0,S.Ay)(s||(s=P(["\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n          responses: notificationRules(filters: $filters, pagination: $pagination, sortings: $sortings) {\n            items {\n              id\n              name\n              description\n              title\n              body\n              url\n              thumbnail\n              state\n              updater {\n                id\n                name\n              }\n              updatedAt\n            }\n            total\n          }\n        }\n      "]))),variables:{filters:r,pagination:{page:e,limit:i},sortings:n}});return{total:o.data.responses.total||0,records:o.data.responses.items||[]}}))()}_deleteNotificationRule(){var t=this;return j((function*(){if(confirm(R.MR.t("text.sure_to_x",{x:R.MR.t("text.delete")}))){var e=t.grist.selected.map((t=>t.id));e&&e.length>0&&((yield y.Sn.mutate({mutation:(0,S.Ay)(d||(d=P(["\n            mutation ($ids: [String!]!) {\n              deleteNotificationRules(ids: $ids)\n            }\n          "]))),variables:{ids:e}})).errors||(t.grist.fetch(),(0,x.me)({message:R.MR.t("text.info_x_successfully",{x:R.MR.t("text.delete")})})))}}))()}_updateNotificationRule(){var t=this;return j((function*(){var e=t.grist.dirtyRecords;e&&e.length&&(e=e.map((t=>{var e=t.id?{id:t.id}:{},i=t.__dirtyfields__;for(var n in i)e[n]=i[n].after;return e.cuFlag=t.__dirty__,e})),(yield y.Sn.mutate({mutation:(0,S.Ay)(l||(l=P(["\n          mutation ($patches: [NotificationRulePatch!]!) {\n            updateMultipleNotificationRule(patches: $patches) {\n              name\n            }\n          }\n        "]))),variables:{patches:e}})).errors||t.grist.fetch())}))()}exportHandler(){var t=this;return j((function*(){var e=t.grist.selected.length?t.grist.selected:t.grist.dirtyData.records,i=new Set(["id","name","description","active"]);return e.map((t=>{var e={};for(var n of i)e[n]=t[n];return e}))}))()}importHandler(t){var e=this;return j((function*(){(0,x.PB)((0,g.qy)(c||(c=P(["\n        <notification-rule-importer\n          .notificationRules=","\n          @imported=","\n        ></notification-rule-importer>\n      "])),t,(()=>{history.back(),e.grist.fetch()})),{backdrop:!0,size:"large",title:R.MR.t("title.import notification-rule")}).onclosed=()=>{e.grist.fetch()}}))()}};$.styles=[m.bi,m.$z,(0,g.AH)(u||(u=P(["\n      :host {\n        display: flex;\n\n        width: 100%;\n\n        --grid-record-emphasized-background-color: #8b0000;\n        --grid-record-emphasized-color: #ff6b6b;\n      }\n\n      ox-grist {\n        overflow-y: auto;\n        flex: 1;\n      }\n    "])))],(0,f.Cg)([(0,v.MZ)({type:Object}),(0,f.Sn)("design:type",Object)],$.prototype,"gristConfig",void 0),(0,f.Cg)([(0,v.MZ)({type:String}),(0,f.Sn)("design:type",String)],$.prototype,"mode",void 0),(0,f.Cg)([(0,v.P)("ox-grist"),(0,f.Sn)("design:type",p.S2)],$.prototype,"grist",void 0),(0,f.Cg)([(0,v.P)("#sorter-control"),(0,f.Sn)("design:type",w.k7)],$.prototype,"sortersControl",void 0),$=(0,f.Cg)([(0,v.EM)("notification-rule-list-page")],$)}}]);

package/dist-app/fmsim/5728.js

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

package/dist-app/fmsim/5738.js

@@ -1,2 +0,0 @@
-/*! For license information please see 5738.js.LICENSE.txt */
-"use strict";(self.webpackChunk_fmsim_fmsim=self.webpackChunk_fmsim_fmsim||[]).push([[5738],{35738:(n,e,r)=>{var t,a,i,o,d,s,l,c,u,b,p,v,h,f,m,g,x,y,w=r(3462),k=r(69241),O=r(12943);function j(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}class q extends((0,O.k)(O.M)(k.WF)){static get styles(){return[(0,k.AH)(t||(t=j(["\n        .tabs {\n          display: flex;\n        }\n        .tab {\n          background-color: var(--secondary-background-color);\n          margin-top: var(--margin-default);\n          padding: var(--padding-narrow) var(--padding-wide) 0 var(--padding-wide);\n          border-radius: 9px 9px 0 0;\n          border-right: 1px solid rgba(0, 0, 0, 0.4);\n          text-transform: capitalize;\n          color: var(--theme-white-color);\n          opacity: 0.7;\n          cursor: pointer;\n          white-space: nowrap;\n        }\n        .tab[activate] {\n          background-color: var(--primary-color);\n          box-shadow: 2px -2px 2px 0px rgba(0, 0, 0, 0.15);\n          opacity: 1;\n          font-weight: bold;\n        }\n        .tab[disabledTab] {\n          pointer-events: none;\n        }\n        .tab span,\n        .tab span[activate] {\n          font-weight: normal;\n          font-size: var(--fontsize-default);\n        }\n\n        @media screen and (max-width: 480px) {\n          .tab {\n            margin-top: var(--margin-narrow);\n            padding: var(--padding-narrow) var(--padding-default);\n            text-align: center;\n          }\n          .tab[disabledTab] {\n            pointer-events: none;\n          }\n          .tab span,\n          .tab span[activate] {\n            font-size: var(--fontsize-default);\n            margin-top: -4px;\n          }\n        }\n      "])))]}static get properties(){return{data:Object,currentTabKey:String,disabledKey:Object}}render(){var n=this.data||{},e=Object.keys(n),r=this.currentTabKey||e[0];return(0,k.qy)(a||(a=j(["\n      ","\n    "])),(null==e?void 0:e.length)>1?(0,k.qy)(i||(i=j(['\n            <div class="tabs">\n              ',"\n            </div>\n          "])),e.map(((e,t)=>{var a=n[e];return(0,k.qy)(o||(o=j(['\n                  <div\n                    class="tab"\n                    ?activate="','"\n                    ?disabledTab="','"\n                    @click="','"\n                  >\n                    '," ","\n                  </div>\n                "])),e===r,!!Object.keys(this.disabledKey||{}).includes(e)&&!this.disabledKey[e],(()=>this.currentTabKey=e),e,(null==a?void 0:a.length)>0?(0,k.qy)(d||(d=j(["<span>(",")</span>"])),a.length):"")}))):"")}updated(n){n.has("currentTabKey")&&this.dispatchEvent(new CustomEvent("tabChanged",{detail:{currentTabKey:this.currentTabKey},bubbles:!0,composed:!0,cancelable:!0}))}}function z(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}customElements.define("quick-find-tabs",q),r(24379);class T extends k.WF{static get styles(){return[(0,k.AH)(s||(s=z(["\n        .nav-bar {\n          background-color: var(--theme-white-color);\n          border: 1px solid var(--primary-color);\n          border-radius: 0 var(--border-radius) var(--border-radius) var(--border-radius);\n          margin: 0 0 var(--margin-wide) 0;\n          padding: var(--padding-narrow);\n          transition: opacity ease-in-out 0.3s;\n          opacity: 100%;\n          color: var(--secondary-color);\n          font-size: var(--fontsize-default);\n        }\n        .nav-bar[scrolling] {\n          opacity: 100%;\n          transition: opacity ease-in-out 0.3s;\n        }\n        .nav-bar * {\n          vertical-align: middle;\n        }\n        mwc-icon {\n          --mdc-icon-size: 14px;\n          padding-left: var(--padding-narrow);\n          position: relative;\n          margin-top: -2px;\n        }\n        .nav-bar span {\n          border-right: var(--border-dark-color);\n          border-width: 0 1px;\n          padding: 0 var(--padding-default) 0 var(--padding-narrow);\n          opacity: 0.8;\n          color: var(--secondary-color);\n          font-size: var(--fontsize-small);\n        }\n        .nav-bar span[activate] {\n          font-weight: bold;\n          cursor: pointer;\n          color: var(--secondary-text-color);\n          font-size: var(--fontsize-default);\n        }\n\n        @media screen and (max-width: 480px) {\n          :host {\n            width: 25px;\n          }\n          .nav-bar {\n            position: absolute;\n            right: 25px;\n            z-index: 100;\n\n            background-color: rgba(var(--primary-color-rgb), 0.2);\n            border: none;\n            border-radius: 15px;\n            margin-top: initial;\n            padding: var(--padding-narrow) 0;\n            opacity: 0%;\n            text-align: center;\n          }\n          .nav-bar span {\n            display: block;\n            border: none;\n            margin: auto;\n            padding: 2px var(--padding-narrow) 0 var(--padding-narrow);\n            font-size: 12px;\n          }\n        }\n      "])))]}static get properties(){return{scrolling:Boolean,indexes:Array,activeIndexes:Array}}constructor(){super(),this.indexes=[...Array(26).fill(65).map(((n,e)=>String.fromCharCode(n+=e))),"#"]}render(){var n=this.activeIndexes||[],e=Boolean(this.scrolling),r=this.scrollable;return(0,k.qy)(l||(l=z(["\n      ","\n    "])),r?(0,k.qy)(c||(c=z(['<div class="nav-bar" ?scrolling=',">\n            <mwc-icon>anchor</mwc-icon> <label>Quick Find :</label>\n            ","\n          </div>"])),e,this.indexes.map((e=>{var r=n.indexOf(e)>=0;return(0,k.qy)(u||(u=z([' <span\n                ?activate="','"\n                class="nav-cursor"\n                @click=',"\n                >","</span\n              >"])),r,(n=>{r&&this.onclickNavCursor(e)}),e)}))):"")}onclickNavCursor(n){this.dispatchEvent(new CustomEvent("navigateTo",{detail:n,composed:!0}))}}function K(n,e,r,t,a,i,o){try{var d=n[i](o),s=d.value}catch(n){return void r(n)}d.done?e(s):Promise.resolve(s).then(t,a)}function I(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}customElements.define("quick-find-scroll",T);class F extends k.WF{static get styles(){return[w.bi,(0,k.AH)(b||(b=I(["\n        :host {\n          display: flex;\n          flex: 1;\n          flex-direction: column;\n          overflow: hidden;\n          max-width: var(--content-container-max-width);\n        }\n        .list-container {\n          flex: 1;\n\n          display: flex;\n          flex-direction: column;\n          background-color: var(--theme-white-color);\n          border-radius: 0 var(--border-radius) var(--border-radius) var(--border-radius);\n          border: var(--border-dark-color);\n          border-width: 0 1px 1px 1px;\n          box-shadow: var(--box-shadow);\n          overflow: auto;\n        }\n        ul {\n          margin: 0;\n          padding: 0;\n          flex: 1;\n          list-style: none;\n        }\n        li {\n          border-bottom: var(--border-dark-color);\n          margin-bottom: -1px;\n          color: var(--secondary-color);\n        }\n        li:nth-child(even) {\n          background-color: rgba(0, 0, 0, 0.025);\n        }\n        li:hover {\n          background-color: rgba(var(--primary-color-rgb), 0.2);\n        }\n        li div {\n          font: bold 16px var(--theme-font);\n        }\n        li div.header {\n          padding: var(--padding-default) var(--padding-wide);\n        }\n        [opened] {\n          border-left: 4px solid var(--google-green-300);\n          border-bottom: 3px solid rgba(0, 0, 0, 0.1);\n        }\n        [opened] .header {\n          background-color: var(--primary-color);\n          box-shadow: var(--box-shadow);\n          color: var(--theme-white-color);\n        }\n        [opened] .header::after {\n          display: block;\n          margin-bottom: -16px;\n          position: relative;\n          margin-top: 9px;\n          content: '';\n          width: 0px;\n          height: 0px;\n          border-left: 7px solid transparent;\n          border-right: 7px solid transparent;\n          border-top: 7px solid var(--primary-color);\n        }\n        li span {\n          display: block;\n          opacity: 0.9;\n          font: normal 14px/18px var(--theme-font);\n        }\n        .header mwc-icon {\n          --mdc-icon-size: var(--fontsize-default);\n          margin-right: var(--padding-narrow);\n        }\n        @media screen and (max-width: 480px) {\n          .list-container {\n            border-radius: 0 var(--border-radius) var(--border-radius) var(--border-radius);\n            border-width: 0 1px 1px 1px;\n          }\n        }\n      "])))]}static get properties(){return{data:Object,nameField:String,currentTabKey:String,list:Array,contentRenderer:Object,floatingDelay:Number,currentOpenedItemIdx:Number,scrollable:Boolean,headerRenderer:Function}}constructor(){super(),this.nameField="name",this.floatingDelay=1,this.headerRenderer=n=>(0,k.qy)(p||(p=I(["","<span>","</span>"])),n.name,n.description)}render(){var n,e=this.nameField,r=this.data||{},t=r[this.currentTabKey]?this.currentTabKey:Object.keys(r)[0],a=this.data[t];a=this.sortByNameField(a);var i=this.currentOpenedItemIdx,o=this.computeActiveIndexes(a,e),d=this.scrollable;return(0,k.qy)(v||(v=I(['\n      <quick-find-tabs\n        .currentTabKey="','"\n        .data="','"\n        @tabChanged="','"\n      ></quick-find-tabs>\n\n      <quick-find-scroll\n        @navigateTo="','"\n        .scrollable="','"\n        .activeIndexes="','"\n      ></quick-find-scroll>\n\n      <div class="list-container" @scroll=',">\n        <ul>\n          ","\n        </ul>\n      </div>\n    "])),t,r,(n=>{this.currentOpenedItemIdx=null,this.currentTabKey=n.detail.currentTabKey}),this.navigateTo,d,o,this.onscroll.bind(this),null!==(n=a)&&void 0!==n&&n.length?(0,k.qy)(h||(h=I(["\n                ","\n              "])),a.map(((n,e)=>{var r=i===e;return(0,k.qy)(f||(f=I(['\n                    <li\n                      class="list-item"\n                      ?opened="','"\n                      .item="','"\n                      @click="','"\n                    >\n                      <div class="header">\n                        ',"\n                      </div>\n\n                      ","\n                    </li>\n                  "])),r,n,(()=>{this.currentOpenedItemIdx===e?this.currentOpenedItemIdx=-1:this.currentOpenedItemIdx=e}),r&&"function"==typeof this.openHeaderRenderer?this.openHeaderRenderer(n):this.headerRenderer(n),r&&"function"==typeof this.contentRenderer?(0,k.qy)(m||(m=I(['<div @click="','">\n                            ',"\n                          </div>"])),(n=>n.stopPropagation()),this.contentRenderer(n,this.currentTabKey)):"")}))):"")}get listItems(){return Array.from(this.renderRoot.querySelectorAll(".list-container li.list-item"))}get quickFindScroll(){return this.renderRoot.querySelector("quick-find-scroll")}updated(n){var e,r=this;return(e=function*(){(n.has("data")||n.has("currentTabKey"))&&(yield r.updateComplete,r.scrollable=r.computeScrollable())},function(){var n=this,r=arguments;return new Promise((function(t,a){var i=e.apply(n,r);function o(n){K(i,t,a,o,d,"next",n)}function d(n){K(i,t,a,o,d,"throw",n)}o(void 0)}))})()}computeActiveIndexes(n,e){return Array.from(new Set(null==n?void 0:n.map((n=>n[e][0].toUpperCase()))))}computeScrollable(){var n=this.renderRoot.querySelector("ul");return n.clientHeight<n.scrollHeight}navigateTo(n){var e=this.nameField,r=n.detail.toLowerCase(),t=this.sortByNameField(this.data[this.currentTabKey]).findIndex((n=>0===n[e].toLowerCase().indexOf(r))),a=this.renderRoot.querySelector("ul :nth-child(".concat(t+1,")"));null==a||a.scrollIntoView()}onscroll(){this.quickFindScroll.scrolling||(this.quickFindScroll.scrolling=!0),null!==this.timer&&clearTimeout(this.timer),this.timer=setTimeout((()=>{this.quickFindScroll.scrolling=!1}),1e3*this.floatingDelay)}sortByNameField(n){var e=this.nameField;return null==n?void 0:n.sort(((n,r)=>n[e]>r[e]?1:n[e]<r[e]?-1:0))}close(){this.currentOpenedItemIdx=-1}openByKey(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"id";this.currentOpenedItemIdx=this.listItems.findIndex((r=>r.item[e]===n))}}function A(n,e,r,t,a,i,o){try{var d=n[i](o),s=d.value}catch(n){return void r(n)}d.done?e(s):Promise.resolve(s).then(t,a)}function C(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}customElements.define("quick-find-list",F);class S extends k.WF{static get styles(){return[w.bi,(0,k.AH)(g||(g=C(["\n        :host {\n          display: flex;\n          flex: 1;\n          flex-direction: column;\n          overflow: hidden;\n          max-width: var(--content-container-max-width);\n        }\n        .content-container {\n          flex: 1;\n          display: flex;\n          flex-direction: column;\n          background-color: var(--theme-white-color);\n          border-radius: 0 var(--border-radius) var(--border-radius) var(--border-radius);\n          border: var(--border-dark-color);\n          border-width: 0 1px 1px 1px;\n          box-shadow: var(--box-shadow);\n          overflow: auto;\n        }\n        @media screen and (max-width: 480px) {\n          .content-container {\n            border-radius: 0 var(--border-radius) var(--border-radius) var(--border-radius);\n            border-width: 0 1px 1px 1px;\n          }\n        }\n      "])))]}static get properties(){return{data:Object,currentTabKey:String,contentRenderer:Object,item:Object,disabledKey:Object}}render(){var n=this.data||{},e=n[this.currentTabKey]?this.currentTabKey:Object.keys(n)[0],r=this.data[e],t=this.disabledKey;return(0,k.qy)(x||(x=C(['\n      <quick-find-tabs\n        .currentTabKey="','"\n        .data="','"\n        .disabledKey="','"\n        @tabChanged="','"\n      ></quick-find-tabs>\n      <div class="content-container">\n        ',"\n      </div>\n    "])),e,n,t,(n=>{this.currentTabKey=n.detail.currentTabKey}),"function"==typeof this.contentRenderer?(0,k.qy)(y||(y=C([" <div>","</div> "])),this.contentRenderer(r,this.currentTabKey||e)):"")}updated(n){var e,r=this;return(e=function*(){(n.has("data")||n.has("currentTabKey"))&&(yield r.updateComplete)},function(){var n=this,r=arguments;return new Promise((function(t,a){var i=e.apply(n,r);function o(n){A(i,t,a,o,d,"next",n)}function d(n){A(i,t,a,o,d,"throw",n)}o(void 0)}))})()}}customElements.define("quick-find-content",S)},12943:(n,e,r)=>{r.d(e,{M:()=>i.M,k:()=>o.k});var t=r(47640);class a extends t.i{}customElements.define("i18n-msg",a);var i=r(7746),o=r(3691)},3462:(n,e,r)=>{r.d(e,{bi:()=>l});var t,a,i,o,d,s=r(69241),l=(0,s.AH)(t||(a=["\n  /* for scroller */\n  ::-webkit-scrollbar {\n    width: var(--scrollbar-width, 5px);\n    height: var(--scrollbar-height, 5px);\n  }\n  ::-webkit-scrollbar-track {\n    background-color: transparent;\n  }\n  ::-webkit-scrollbar-thumb {\n    background-color: var(--scrollbar-thumb-color, rgba(0, 0, 0, 0.2));\n  }\n  ::-webkit-scrollbar-thumb:hover {\n    background-color: var(--scrollbar-thumb-hover-color, #aa866a);\n  }\n"],i||(i=a.slice(0)),t=Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(i)}}))));(0,s.AH)(o||(o=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n  /* for tooltip */\n  [data-tooltip]:after {\n    position: absolute;\n    content: attr(data-tooltip);\n    color: #fff;\n    z-index: 1;\n    pointer-events: none;\n    display: block;\n    text-transform: capitalize;\n\n    padding: var(--tooltip-padding);\n    background-color: var(--tooltip-background-color);\n    font: var(--tooltip-font);\n    box-shadow: var(--box-shadow);\n    border-radius: var(--border-radius);\n\n    left: var(--tooltip-left-positon-left);\n    top: var(--tooltip-left-position-top);\n    right: var(--tooltip-left-position-right);\n    animation: var(--tooltip-left-position-animation);\n  }\n  @keyframes tooltip-left {\n    0% {\n      opacity: 0;\n      right: 150%;\n    }\n    100% {\n      opacity: 1;\n      right: 110%;\n    }\n  }\n"]))),(0,s.AH)(d||(d=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n  .headroom {\n    will-change: transform;\n    transition: transform 200ms linear;\n  }\n\n  .headroom--pinned {\n    transform: translateY(0%);\n  }\n\n  .headroom--unpinned {\n    transform: translateY(-100%);\n  }\n"])))}}]);

package/dist-app/fmsim/5738.js.LICENSE.txt

@@ -1,3 +0,0 @@
-/**
- * @license Copyright © HatioLab Inc. All rights reserved.
- */

package/dist-app/fmsim/5875.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_fmsim_fmsim=self.webpackChunk_fmsim_fmsim||[]).push([[5875],{3462:(n,e,o)=>{o.d(e,{bi:()=>l});var t,r,i,a,s,c=o(69241),l=(0,c.AH)(t||(r=["\n  /* for scroller */\n  ::-webkit-scrollbar {\n    width: var(--scrollbar-width, 5px);\n    height: var(--scrollbar-height, 5px);\n  }\n  ::-webkit-scrollbar-track {\n    background-color: transparent;\n  }\n  ::-webkit-scrollbar-thumb {\n    background-color: var(--scrollbar-thumb-color, rgba(0, 0, 0, 0.2));\n  }\n  ::-webkit-scrollbar-thumb:hover {\n    background-color: var(--scrollbar-thumb-hover-color, #aa866a);\n  }\n"],i||(i=r.slice(0)),t=Object.freeze(Object.defineProperties(r,{raw:{value:Object.freeze(i)}}))));(0,c.AH)(a||(a=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n  /* for tooltip */\n  [data-tooltip]:after {\n    position: absolute;\n    content: attr(data-tooltip);\n    color: #fff;\n    z-index: 1;\n    pointer-events: none;\n    display: block;\n    text-transform: capitalize;\n\n    padding: var(--tooltip-padding);\n    background-color: var(--tooltip-background-color);\n    font: var(--tooltip-font);\n    box-shadow: var(--box-shadow);\n    border-radius: var(--border-radius);\n\n    left: var(--tooltip-left-positon-left);\n    top: var(--tooltip-left-position-top);\n    right: var(--tooltip-left-position-right);\n    animation: var(--tooltip-left-position-animation);\n  }\n  @keyframes tooltip-left {\n    0% {\n      opacity: 0;\n      right: 150%;\n    }\n    100% {\n      opacity: 1;\n      right: 110%;\n    }\n  }\n"]))),(0,c.AH)(s||(s=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}(["\n  .headroom {\n    will-change: transform;\n    transition: transform 200ms linear;\n  }\n\n  .headroom--pinned {\n    transform: translateY(0%);\n  }\n\n  .headroom--unpinned {\n    transform: translateY(-100%);\n  }\n"])))},45875:(n,e,o)=>{o.r(e),o(6837),o(47640);var t,r,i,a=o(69241),s=o(3462),c=o(70661);function l(n,e,o,t,r,i,a){try{var s=n[i](a),c=s.value}catch(n){return void o(n)}s.done?e(c):Promise.resolve(c).then(t,r)}function p(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}class d extends a.WF{static get styles(){return[s.bi,(0,a.AH)(t||(t=p(["\n        :host {\n          display: flex;\n          flex-direction: row;\n\n          background-color: white;\n          padding: 12px 5px 12px 15px;\n\n          font-size: 13px;\n          color: #333;\n        }\n\n        [licenses] {\n          flex: 1;\n          overflow: auto;\n          margin: 0;\n          padding: 0;\n        }\n        li::before {\n          content: '- ';\n        }\n        li {\n          padding: 2px 0 1px 0;\n        }\n        a {\n          color: #22a6a7;\n        }\n      "])))]}static get properties(){return{licenses:Object}}firstUpdated(){var n,e=this;return(n=function*(){try{var n=yield fetch("/licenses",{method:"GET"});if(!n.ok)throw new Error(n);e.licenses=yield n.json(),c.log(e.licenses)}catch(n){c.error(n)}},function(){var e=this,o=arguments;return new Promise((function(t,r){var i=n.apply(e,o);function a(n){l(i,t,r,a,s,"next",n)}function s(n){l(i,t,r,a,s,"throw",n)}a(void 0)}))})()}render(){var n=this.licenses||{};return(0,a.qy)(r||(r=p(["\n      <ul licenses>\n        ","\n      </ul>\n    "])),Object.keys(n).map((e=>{var o=n[e];return(0,a.qy)(i||(i=p(["\n            <li>\n              <span>","</span>\n              <a href=",">","</a>\n            </li>\n          "])),e,o.licenseUrl,o.licenses)})))}}customElements.define("opensource-license",d);var f,u,b,v=o(61430),m=o(22314),h=o(64604),g=o(18766);function y(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}class w extends((0,m.kg)(m.MR)(g.hv)){static get styles(){return(0,a.AH)(f||(f=y(["\n      :host {\n        display: block;\n        position: relative;\n        text-align: center;\n\n        background-color: var(--system-info-background-color);\n        padding: var(--system-info-content-padding);\n        color: var(--system-info-color);\n        font: var(--system-info-font);\n      }\n      :host * {\n        vertical-align: middle;\n      }\n      #refresh-button {\n        border-radius: var(--border-radius);\n        border: 1px solid rgba(0, 0, 0, 0.1);\n      }\n      div {\n        padding: 10px;\n      }\n      strong {\n        font: var(--system-info-appname-font);\n        color: var(--system-info-appname-color);\n      }\n      span {\n        display: block;\n      }\n      span.description {\n        padding: 3px 10px;\n        font: var(--system-info-description-font);\n        color: var(--system-info-description-color);\n      }\n      span.version {\n        display: inline-block;\n        border-radius: 5px;\n        opacity: 0.8;\n        background-color: var(--system-info-version-background-color);\n        padding: 3px 10px;\n        font: var(--system-info-version-font);\n        color: var(--system-info-version-color);\n      }\n      .poweredBy {\n        background-color: #efefef;\n        position: absolute;\n        border-top: 1px solid rgba(0, 0, 0, 0.1);\n        padding: 7px 0;\n        width: 100%;\n        bottom: 0;\n        text-align: center;\n      }\n      .poweredBy mwc-icon {\n        opacity: var(--help-icon-opacity, 0.4);\n        font-size: var(--help-icon-size, 18px);\n        color: var(--help-icon-color);\n      }\n      .poweredBy mwc-icon:hover {\n        cursor: help;\n        opacity: var(--help-icon-hover-opacity, 1);\n        color: var(--help-icon-hover-color);\n      }\n    "])))}get context(){return{title:m.MR.t("label.about-system")}}get applicationMeta(){if(!this._applicationMeta){var n=document.querySelector('link[rel="application-icon"]'),e=document.querySelector('meta[name="application-name"]'),o=document.querySelector('meta[name="application-description"]'),t=document.querySelector('meta[name="application-copyright"]');this._applicationMeta={icon:null==n?void 0:n.href,title:e?e.content:"Things Factory",description:o?o.content:"Reimagining Software",copyright:t?t.content:'Copyright © hatiolab.com. All Rights Reserved." />'}}return this._applicationMeta}render(){var{icon:n,title:e,description:o,copyright:t}=this.applicationMeta;return(0,a.qy)(u||(u=y(["\n      <img src=",' alt="system logo" />\n\n      <div>\n        <strong>','</strong>\n        <span class="description">','</span>\n        <span class="version"\n          ><ox-i18n msgid="field.version"></ox-i18n> : ',"-",'</span\n        >\n      </div>\n\n      <div>\n        <mwc-button\n          id="refresh-button"\n          icon="refresh"\n          label="','"\n          @click=',"\n        ></mwc-button>\n      </div>\n\n      <div>\n        <span>","</span>\n\n        <span\n          >",' is built on several\n          <a href="#" @click=','>open source software</a></span\n        >\n      </div>\n\n      <div class="poweredBy">\n        <span\n          >Powered by &trade;Things Factory <ox-i18n msgid="field.version"></ox-i18n> ',"\n          <mwc-icon @click=",">help</mwc-icon>\n        </span>\n      </div>\n    "])),n,e,o,"0.0.100","production",m.MR.t("label.system reload"),(n=>{location.reload(!0)}),t,e,(n=>this.onClickOpenSourceLicense(n)),"6.2.157",(n=>(0,v.qV)("about/things-factory")))}onClickOpenSourceLicense(n){n.preventDefault(),n.stopPropagation(),(0,h.PB)((0,a.qy)(b||(b=y([" <opensource-license></opensource-license> "]))),{backdrop:!0,size:"large",title:"Open Source Licenses"})}}customElements.define("system-info",w)}}]);

package/dist-app/fmsim/5915.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_fmsim_fmsim=self.webpackChunk_fmsim_fmsim||[]).push([[5915],{5915:(e,t,r)=>{r.r(t),r.d(t,{ThemeListPage:()=>w});var i,n,o=r(34117),s=r(27856),d=r(72644),a=r(83316),c=r(69241),l=r(11763),p=r(41191),h=r(89752),u=r(22314),m=r(91292),f=r(58377),g=r(29911);function v(e,t,r,i,n,o,s){try{var d=e[o](s),a=d.value}catch(e){return void r(e)}d.done?t(a):Promise.resolve(a).then(i,n)}function y(e){return function(){var t=this,r=arguments;return new Promise((function(i,n){var o=e.apply(t,r);function s(e){v(o,i,n,s,d,"next",e)}function d(e){v(o,i,n,s,d,"throw",e)}s(void 0)}))}}function b(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var w=class extends((0,p.N)(a.M_)((0,u.kg)(u.MR)((0,h.l)(a.hv)))){constructor(){super(...arguments),this.mode=(0,f.Xb)()?"CARD":"GRID"}get context(){return{title:u.MR.t("title.theme list"),search:{handler:e=>{this.grist.searchText=e},value:this.grist.searchText},filter:{handler:()=>{this.grist.toggleHeadroom()}},actions:[Object.assign({title:u.MR.t("button.save"),action:this._updateTheme.bind(this)},d.YU.save),Object.assign({title:u.MR.t("button.delete"),action:this._deleteTheme.bind(this)},d.YU.delete)]}}render(){var e=this.mode||((0,f.Xb)()?"CARD":"GRID");return(0,c.qy)(i||(i=b(["\n      <ox-grist .mode="," .config="," .fetchHandler=",'>\n        <div slot="headroom">\n          <div id="filters">\n            <ox-filters-form autofocus without-search></ox-filters-form>\n          </div>\n\n          <div id="sorters">\n            Sort\n            <mwc-icon\n              @click=','\n              >expand_more</mwc-icon\n            >\n            <ox-popup id="sorter-control">\n              <ox-sorters-control> </ox-sorters-control>\n            </ox-popup>\n          </div>\n\n          <div id="modes">\n            <mwc-icon @click='," ?active=",">grid_on</mwc-icon>\n            <mwc-icon @click="," ?active=",">format_list_bulleted</mwc-icon>\n            <mwc-icon @click="," ?active=",">apps</mwc-icon>\n          </div>\n        </div>\n      </ox-grist>\n    "])),e,this.gristConfig,this.fetchHandler.bind(this),(e=>{var t=e.currentTarget;this.sortersControl.open({right:0,top:t.offsetTop+t.offsetHeight})}),(()=>this.mode="GRID"),"GRID"==e,(()=>this.mode="LIST"),"LIST"==e,(()=>this.mode="CARD"),"CARD"==e)}pageInitialized(e){var t=this;return y((function*(){t.gristConfig={list:{fields:["name","description"],details:["type","updatedAt"]},columns:[{type:"gutter",gutterName:"sequence"},{type:"gutter",gutterName:"row-selector",multiple:!0},{type:"string",name:"name",header:u.MR.t("field.name"),record:{editable:!0},filter:"search",sortable:!0,width:150},{type:"string",name:"description",header:u.MR.t("field.description"),record:{editable:!0},filter:"search",width:200},{type:"checkbox",name:"active",header:u.MR.t("field.active"),record:{editable:!0},width:60},{type:"select",name:"type",header:u.MR.t("field.type"),record:{options:["","color-map","color-ranges","color","text"],editable:!0},width:120},{type:"string",name:"value",header:u.MR.t("field.value"),record:{editor:function(e,t,r,i,n){return(0,s.M8)(r.type||"text")(e,t,r,i,n)},renderer:function(e,t,r,i,n){return(0,s.gB)(r.type||"text")(e,t,r,i,n)},editable:!0,options:{objectified:!0}},sortable:!0,width:180},{type:"resource-object",name:"updater",header:u.MR.t("field.updater"),record:{editable:!1},sortable:!0,width:120},{type:"datetime",name:"updatedAt",header:u.MR.t("field.updated_at"),record:{editable:!1},sortable:!0,width:180}],rows:{selectable:{multiple:!0}},sorters:[{name:"name"}]}}))()}pageUpdated(e,t){var r=this;return y((function*(){r.active}))()}fetchHandler(e){return y((function*(){var{page:t=1,limit:r=100,sortings:i=[],filters:n=[]}=e,o=(yield(0,g.Si)({page:t,limit:r,sortings:i,filters:n}))||{};return{total:o.responses.total||0,records:o.responses.items||[]}}))()}_deleteTheme(){var e=this;return y((function*(){if(confirm(u.MR.t("text.sure_to_x",{x:u.MR.t("text.delete")}))){var t=e.grist.selected.map((e=>e.id)).filter(Boolean);t&&t.length>0&&(yield(0,g.ew)(t)),e.grist.fetch()}}))()}_updateTheme(){var e=this;return y((function*(){var t=e.grist.dirtyRecords;t&&t.length&&(t=t.map((e=>{var t=e.id?{id:e.id}:{},r=e.__dirtyfields__;for(var i in r)t[i]=r[i].after;return t.cuFlag=e.__dirty__,t})),yield(0,g.fR)(t),e.grist.fetch())}))()}};w.styles=[d.bi,d.$z,(0,c.AH)(n||(n=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    "])))],(0,o.Cg)([(0,l.MZ)({type:Object}),(0,o.Sn)("design:type",Object)],w.prototype,"gristConfig",void 0),(0,o.Cg)([(0,l.MZ)({type:String}),(0,o.Sn)("design:type",String)],w.prototype,"mode",void 0),(0,o.Cg)([(0,l.P)("ox-grist"),(0,o.Sn)("design:type",s.S2)],w.prototype,"grist",void 0),(0,o.Cg)([(0,l.P)("#sorter-control"),(0,o.Sn)("design:type",m.k7)],w.prototype,"sortersControl",void 0),w=(0,o.Cg)([(0,l.EM)("theme-list-page")],w)}}]);

package/dist-app/fmsim/5950.js

@@ -1,2 +0,0 @@
-/*! For license information please see 5950.js.LICENSE.txt */
-"use strict";(self.webpackChunk_fmsim_fmsim=self.webpackChunk_fmsim_fmsim||[]).push([[5950],{25950:(n,e,t)=>{t.r(e),t.d(e,{IntegrationMonitor:()=>Kn});var i,r,o=t(34117),a=(t(27856),t(69241)),s=t(11763),c=t(22314),d=t(72644);function l(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}var p=class extends((0,c.kg)(c.MR)(a.WF)){render(){var n=Date.now(),e=this.pendings||[],t=this.scenarios||[],i=this.connections||[];return[{title:"pending instances",icon:"update",value:e.length},{title:"due out instances",icon:"update_disabled",value:Math.max(0,e.concat({due:n+1}).findIndex((e=>Number(e.due)>n)))},{title:"total scenarios",icon:"format_list_numbered",value:t.length},{title:"scenario instances",icon:"list_alt",value:t.reduce(((n,e)=>n+e.instances.length),0)},{title:"connections",icon:"device_hub",value:i.length},{title:"active connections",icon:"fact_check",value:i.filter((n=>"CONNECTED"==n.state)).length}].map((n=>{var{title:e,icon:t,value:i}=n;return this.renderCard(e,t,i)}))}renderCard(n,e,t){return(0,a.qy)(i||(i=l(["\n      <div card>\n        <span>","</span>\n        <mwc-icon>","</mwc-icon>\n        <strong> ","</strong>\n      </div>\n    "])),n,e,t)}};p.styles=[d.bi,(0,a.AH)(r||(r=l(["\n      :host {\n        display: flex;\n        flex-direction: row;\n\n        overflow: hidden;\n        background-color: var(--paper-grey-800);\n        border-radius: var(--border-radius);\n        color: var(--opacity-light-color);\n      }\n\n      [card] {\n        flex: 1;\n        margin: var(--margin-default);\n        padding: var(--padding-narrow) var(--padding-default);\n        border-right: var(--border-light-color);\n      }\n      :host :last-child {\n        border-right: none;\n      }\n      strong {\n        font-size: 36px;\n        line-height: 30px;\n        color: var(--theme-white-color);\n      }\n      span {\n        display: block;\n        margin-bottom: var(--margin-narrow);\n        font-size: var(--fontsize-small);\n        text-transform: capitalize;\n      }\n      @media screen and (max-width: 480px) {\n        :host {\n          font-size: 0.8em;\n        }\n        [card] {\n          margin: var(--margin-narrow);\n          padding: var(--padding-narrow);\n        }\n        [card]:nth-child(5),\n        [card]:nth-child(6) {\n          display: none;\n        }\n        [card]:nth-child(4) {\n          border-right: none;\n        }\n        mwc-icon {\n          font-size: var(--fontsize-large);\n        }\n        span {\n          line-height: 1;\n        }\n        strong {\n          font-size: 24px;\n        }\n      }\n    "])))],(0,o.Cg)([(0,s.MZ)({type:Array}),(0,o.Sn)("design:type",Object)],p.prototype,"pendings",void 0),(0,o.Cg)([(0,s.MZ)({type:Array}),(0,o.Sn)("design:type",Object)],p.prototype,"scenarios",void 0),(0,o.Cg)([(0,s.MZ)({type:Array}),(0,o.Sn)("design:type",Object)],p.prototype,"connections",void 0),p=(0,o.Cg)([(0,s.EM)("integration-summary")],p);var u,v,g,m,f,h,b,y=t(1767),w=t(20260),x=t(58377);function S(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}var N=class extends a.WF{render(){var n=void 0===this.tag?"(*)":this.tag,e=this.scales||[];return(0,a.qy)(u||(u=S(["\n      <div tags>\n        <mwc-icon>bookmark_border</mwc-icon>\n        <select @change="," .value=",'>\n          <option value="(*)">*</option>\n          ',"\n        </select>\n      </div>\n\n      <div pendings>\n        <div timeline>\n          <table>\n            ","\n          </table>\n        </div>\n\n        <div pending-wrap>","</div>\n      </div>\n    "])),(n=>this.tag=n.target.value),n,Object.keys(this.tags||{}).sort().map((n=>(0,a.qy)(v||(v=S(["<option value=",">","</option>"])),n,n))),(0,w._)(e.map((n=>"\n              <tr>\n                <th><span>".concat(n,"</span></th>\n                <td></td>\n              </tr>\n            "))).join("\n              <tr>\n                <th></th>\n                <td></td>\n              </tr>\n              <tr>\n                <th></th>\n                <td></td>\n              </tr>\n            ")),(0,y.Z)(this.queue()))}queue(){return(0,o.AQ)(this,arguments,(function*(){for(;this.running;){var n=Date.now(),e=Object.values(this.filterPendings||{});yield yield(0,o.N3)(e.map((e=>(0,a.qy)(g||(g=S(["\n          <div pendings-by-tag>\n            ","\n          </div>\n        "])),e.map(((e,t)=>{var i=Number(e.due),r=Math.max(3*Math.floor((i-n)/1e3),0);return(0,a.qy)(m||(m=S(['\n                <div pending .style="top:',"px;background-color:",';">\n                  ',"\n                </div>\n              "])),r,this.colorIndex[e.stuff.scenario],0==t?(0,a.qy)(f||(f=S([" <div>","</div> "])),this.countdown(e.due,n)):(0,a.qy)(h||(h=S([""]))))})))))),yield(0,o.N3)((0,x.yy)(1e3))}}))}countdown(n,e){var t=(Number(n)-e)/1e3,i=Math.floor(Math.abs(t)),r=Math.floor(i/60),o=i-60*r;return"".concat(t>0?"":"-").concat(r?r+"m ":"").concat(o,"s")}buildFilterPendings(){var n,e;e=void 0===this.tag||"(*)"==this.tag?this.pendings||[]:(this.pendings||[]).filter((n=>n.tag==this.tag));var t=Date.now(),i=(null===(n=e[e.length-1])||void 0===n?void 0:n.due)||t,r=Math.max(5,Math.ceil((i-t)/6e4+1));this.scales=new Array(r).fill(0).map(((n,e)=>["".concat(String(e).padStart(2,"0"),":00"),"".concat(String(e).padStart(2,"0"),":30")])).flat(),this.filterPendings=e.reduce(((n,e)=>(n[e.tag]?n[e.tag].push(e):n[e.tag]=[e],n)),{})}updated(n){n.has("pendings")&&(this.buildFilterPendings(),this.tags=(this.pendings||[]).reduce(((n,e)=>(n[e.tag]=(n[e.tag]||0)+1,n)),{})),n.has("tag")&&this.buildFilterPendings()}};N.styles=[d.bi,(0,a.AH)(b||(b=S(["\n      :host {\n        display: flex;\n        flex-direction: column;\n        background-color: rgba(var(--primary-color-rgb), 0.1);\n        border-radius: var(--border-radius);\n        padding: var(--padding-narrow);\n      }\n\n      div[tags] {\n        display: flex;\n        align-items: center;\n      }\n      [tags] mwc-icon {\n        margin: 0 var(--margin-narrow) 0 0;\n        font-size: var(--fontsize-large);\n      }\n\n      select {\n        flex: 1;\n        display: inline-block;\n        border: none;\n        border-radius: var(--border-radius);\n      }\n\n      select:focus {\n        outline: 0;\n      }\n\n      [pendings] {\n        display: flex;\n\n        flex: 1;\n        position: relative;\n        overflow: auto;\n      }\n\n      [pending-wrap] {\n        flex: 1;\n        margin-top: var(--margin-default);\n        padding-left: 30px;\n        padding-right: 4px;\n        font-size: 8px;\n        line-height: 16px;\n\n        display: flex;\n      }\n\n      [pendings-by-tag] {\n        flex: 1;\n        position: relative;\n        margin: 0 1px;\n      }\n\n      [pending] {\n        display: block;\n        height: 2px;\n        width: 100%;\n        white-space: nowrap;\n        position: absolute;\n      }\n\n      [timeline] {\n        position: absolute;\n        width: 100%;\n      }\n      [timeline] table {\n        border-collapse: collapse;\n        margin-top: var(--margin-default);\n        width: 100%;\n      }\n      [timeline] th {\n        opacity: 0.5;\n        width: 25px;\n        border: 0;\n        font-weight: normal;\n        font-size: 9px;\n      }\n      [timeline] th span {\n        display: block;\n        position: absolute;\n        margin-top: -22px;\n      }\n      [timeline] td {\n        border: 0;\n        border-top: var(--border-dark-color);\n        height: 30px;\n        box-sizing: border-box;\n      }\n      [timeline] tr:nth-child(3n + 1) td {\n        border: 0;\n        border-top: 1px solid rgba(0, 0, 0, 0.4);\n        box-sizing: border-box;\n      }\n    "])))],(0,o.Cg)([(0,s.MZ)({type:Array}),(0,o.Sn)("design:type",Object)],N.prototype,"pendings",void 0),(0,o.Cg)([(0,s.MZ)({type:Array}),(0,o.Sn)("design:type",Object)],N.prototype,"filteredPendings",void 0),(0,o.Cg)([(0,s.MZ)({type:Object}),(0,o.Sn)("design:type",Object)],N.prototype,"colorIndex",void 0),(0,o.Cg)([(0,s.MZ)({type:Boolean}),(0,o.Sn)("design:type",Boolean)],N.prototype,"running",void 0),(0,o.Cg)([(0,s.MZ)({type:Object}),(0,o.Sn)("design:type",Object)],N.prototype,"tags",void 0),(0,o.Cg)([(0,s.MZ)({type:String}),(0,o.Sn)("design:type",String)],N.prototype,"tag",void 0),(0,o.Cg)([(0,s.MZ)({type:Array}),(0,o.Sn)("design:type",Object)],N.prototype,"scales",void 0),N=(0,o.Cg)([(0,s.EM)("pending-q-monitor")],N),t(967),t(24379),t(92443);var C,k,O,j,M,z=t(13777),q=t(41191),A=t(201),P=t(83316);function Z(n,e,t,i,r,o,a){try{var s=n[o](a),c=s.value}catch(n){return void t(n)}s.done?e(c):Promise.resolve(c).then(i,r)}function $(n){return function(){var e=this,t=arguments;return new Promise((function(i,r){var o=n.apply(e,t);function a(n){Z(o,i,r,a,s,"next",n)}function s(n){Z(o,i,r,a,s,"throw",n)}a(void 0)}))}}function _(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}var E,I,D,B,H,T,F,R,U,L=class extends((0,q.N)(P.M_)(a.WF)){constructor(){super(...arguments),this.startable=!1}firstUpdated(){this.logs=[],this.startSubscribe()}disconnectedCallback(){super.disconnectedCallback(),this.stopSubscribe()}render(){var n=this.logs||[];return(0,a.qy)(C||(C=_(["\n      <div options></div>\n      <div content>\n        ","\n      </div>\n      ","\n    "])),n.map((n=>{var{timestamp:e,message:t,level:i}=n;return(0,a.qy)(k||(k=_([' <div class="','"><span>',"</span> <strong>","</strong> ","</div> "])),i,new Date(e).toLocaleString(),i,t)})),this.startable?(0,a.qy)(O||(O=_(['<mwc-fab id="start" icon="play_arrow" title="start" @click=',"> </mwc-fab>"])),(()=>this.dispatchEvent(new CustomEvent("start")))):a.s6)}startSubscribe(){var n=this;return $((function*(){var e;n.subscription=yield(0,A.B1)({query:(0,z.Ay)(j||(j=_(["\n          subscription ($instanceName: String, $scenarioName: String, $level: String) {\n            log: scenarioInstanceLog(instanceName: $instanceName, scenarioName: $scenarioName, level: $level) {\n              level\n              message\n              timestamp\n            }\n          }\n        "]))),variables:{instanceName:n.instanceName,scenarioName:n.scenarioName}},{next:(e=$((function*(e){var{data:t}=e,i=n.scrollHeight-n.scrollTop===n.clientHeight;n.logs.push(t.log),n.logs.length>100&&n.logs.shift(),n.requestUpdate(),i&&(yield n.updateComplete,n.scrollTop=n.scrollHeight-n.clientHeight)})),function(n){return e.apply(this,arguments)})})}))()}stopSubscribe(){var n=this;return $((function*(){var e;yield null===(e=n.subscription)||void 0===e?void 0:e.unsubscribe(),delete n.subscription}))()}};function V(n,e,t,i,r,o,a){try{var s=n[o](a),c=s.value}catch(n){return void t(n)}s.done?e(c):Promise.resolve(c).then(i,r)}function W(n){return function(){var e=this,t=arguments;return new Promise((function(i,r){var o=n.apply(e,t);function a(n){V(o,i,r,a,s,"next",n)}function s(n){V(o,i,r,a,s,"throw",n)}a(void 0)}))}}function Q(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}L.styles=[d.bi,(0,a.AH)(M||(M=_(["\n      :host {\n        display: flex;\n        flex-direction: column;\n        background-color: var(--theme-white-color);\n        padding: var(--padding-wide);\n      }\n\n      :host([active]) {\n        padding: 0;\n      }\n\n      [content] {\n        flex: 1;\n\n        display: flex;\n        flex-direction: column;\n        overflow: auto;\n\n        font-size: var(--fontsize-small);\n      }\n\n      div.error {\n        color: #8b0000;\n      }\n\n      div.warn {\n        color: #ff6b6b;\n      }\n\n      span {\n        color: var(--secondary-text-color);\n      }\n\n      #start {\n        position: absolute;\n        bottom: 15px;\n        right: 16px;\n        text-decoration: auto;\n      }\n    "])))],(0,o.Cg)([(0,s.MZ)({type:String}),(0,o.Sn)("design:type",String)],L.prototype,"scenarioName",void 0),(0,o.Cg)([(0,s.MZ)({type:String}),(0,o.Sn)("design:type",String)],L.prototype,"instanceName",void 0),(0,o.Cg)([(0,s.MZ)({type:Array}),(0,o.Sn)("design:type",Object)],L.prototype,"logs",void 0),(0,o.Cg)([(0,s.MZ)({type:Boolean}),(0,o.Sn)("design:type",Boolean)],L.prototype,"startable",void 0),L=(0,o.Cg)([(0,s.EM)("scenario-instance-log-view")],L);var J=class extends((0,q.N)(P.M_)(a.WF)){render(){var n=this.tab||"info",{scenarioName:e,instanceName:t,description:i,state:r,progress:o,variables:s,data:c,message:d}=this.instance||{},{rate:l=0,steps:p=0,step:u=0,rounds:v=0}=o||{},g="".concat(this.contextPath||"","/scenario-view/").concat(this.scenarioName);return(0,a.qy)(E||(E=Q(["\n      <div content>\n        <div tab>\n          <span @click="," ?active=",">info</span>\n          <span @click="," ?active=",">variables</span>\n          <span @click="," ?active=",">data</span>\n          <span @click="," ?active=",">log</span>\n        </div>\n        <div detail>\n          <div info ?active=",">\n            <ul>\n              <li>scenario name : <strong>","</strong></li>\n              <li>instance name : ","</li>\n              <li>description : ","</li>\n              <li>state : ","</li>\n              <li>total steps : ","</li>\n              <li>current step : ","</li>\n              <li>rounds : ","</li>\n              <li>messge : ",'</li>\n            </ul>\n            <iframe diagram src="','"></iframe>\n          </div>\n          <div variables ?active=',">","</div>\n          <div data ?active=",">","</div>\n          <scenario-instance-log-view\n            log\n            ?active=","\n            .scenarioName=","\n            .instanceName=","\n          ></scenario-instance-log-view>\n        </div>\n      </div>\n    "])),(n=>this.tab="info"),"info"==n,(n=>this.tab="variables"),"variables"==n,(n=>this.tab="data"),"data"==n,(n=>this.tab="log"),"log"==n,"info"==n,e,t,i,r,p,u,v,d,g,"variables"==n,this.renderVariableObject(s),"data"==n,this.renderDataObject(c),"log"==n,this.scenarioName,this.instanceName)}firstUpdated(){this.startSubscribe()}disconnectedCallback(){super.disconnectedCallback(),this.stopSubscribe()}stateChanged(n){this.contextPath=n.app.contextPath}renderDataObject(n){var e=Object.keys(n||{});if(0==e.length)return(0,a.qy)(I||(I=Q(["<pre>no data</pre>"])));var t=this.step||e[0];return(0,a.qy)(D||(D=Q(["\n      <ul keys>\n        ","\n      </ul>\n      <div value>\n        <pre>","</pre>\n      </div>\n    "])),e.map((n=>(0,a.qy)(B||(B=Q(["<li @click="," ?active=",">","</li>"])),(e=>this.step=n),t==n,n))),n[t]?JSON.stringify(n[t],null,2):"")}renderVariableObject(n){var e=Object.keys(n||{});if(0==e.length)return(0,a.qy)(H||(H=Q(["<pre>no data</pre>"])));var t=this.key||e[0];return(0,a.qy)(T||(T=Q(["\n      <ul keys>\n        ","\n      </ul>\n      <div value>\n        <pre>","</pre>\n      </div>\n    "])),e.map((n=>(0,a.qy)(F||(F=Q(["<li @click="," ?active=",">","</li>"])),(e=>this.key=n),t==n,n))),n[t]?JSON.stringify(n[t],null,2):"")}startSubscribe(){var n=this;return W((function*(){var e;n.subscription=yield(0,A.B1)({query:(0,z.Ay)(R||(R=Q(["\n          subscription ($instanceName: String, $scenarioName: String) {\n            scenarioInstanceState(instanceName: $instanceName, scenarioName: $scenarioName) {\n              instanceName\n              scenarioName\n              state\n              progress {\n                rate\n                steps\n                step\n                rounds\n              }\n              variables\n              data\n            }\n          }\n        "]))),variables:{instanceName:n.instanceName,scenarioName:n.scenarioName}},{next:(e=W((function*(e){var{data:t}=e;t&&(n.instance=t.scenarioInstanceState)})),function(n){return e.apply(this,arguments)})})}))()}stopSubscribe(){var n=this;return W((function*(){var e;yield null===(e=n.subscription)||void 0===e?void 0:e.unsubscribe(),delete n.subscription}))()}};J.styles=[d.bi,(0,a.AH)(U||(U=Q(["\n      :host {\n        display: flex;\n        flex-direction: column;\n        background-color: var(--main-section-background-color);\n      }\n\n      [diagram] {\n        flex: 1;\n        height: 100%;\n        border: none;\n      }\n\n      [content] {\n        flex: 1;\n\n        display: flex;\n        flex-direction: column;\n        overflow: hidden;\n      }\n\n      [tab] {\n        display: flex;\n      }\n\n      [tab] span {\n        display: inline;\n        padding: var(--padding-wide) var(--padding-wide) var(--padding-narrow) var(--padding-wide);\n        border-bottom: 3px solid transparent;\n        color: var(--secondary-color);\n        text-transform: capitalize;\n      }\n\n      [tab] span[active] {\n        border-color: var(--primary-color);\n        font-weight: bold;\n      }\n\n      [detail] {\n        flex: 1;\n        background-color: var(--theme-white-color);\n        border-top: var(--border-dark-color);\n        overflow: hidden;\n        padding: var(--padding-wide);\n      }\n\n      [detail] > * {\n        display: none;\n        width: 100%;\n        height: 100%;\n        color: var(--secondary-color);\n      }\n\n      [detail] > [active] {\n        display: flex;\n        overflow: auto;\n      }\n\n      pre {\n        margin: 0;\n      }\n\n      [detail] ul {\n        margin: 0;\n        padding: 0;\n        flex: 1;\n        list-style: inside '- ';\n      }\n      [detail] li {\n        padding: var(--padding-default) var(--padding-narrow) var(--padding-narrow) var(--padding-narrow);\n        border-bottom: var(--border-dark-color);\n      }\n\n      li[active] {\n        font-weight: bold;\n      }\n\n      [value] {\n        flex: 1;\n        overflow: auto;\n        padding: var(--padding-wide);\n      }\n      scenario-instance-log-view [active] {\n        padding: 0;\n      }\n\n      @media only screen and (max-width: 460px) {\n        [info][active] {\n          display: block;\n        }\n        [detail] {\n          padding: var(--padding-default);\n          overflow: auto;\n        }\n        [detail] > * {\n          height: auto;\n        }\n        [diagram] {\n          width: 100%;\n          min-height: 500px;\n        }\n      }\n    "])))],(0,o.Cg)([(0,s.MZ)({type:String}),(0,o.Sn)("design:type",String)],J.prototype,"scenarioName",void 0),(0,o.Cg)([(0,s.MZ)({type:String}),(0,o.Sn)("design:type",String)],J.prototype,"instanceName",void 0),(0,o.Cg)([(0,s.MZ)({type:Object}),(0,o.Sn)("design:type",Object)],J.prototype,"instance",void 0),(0,o.Cg)([(0,s.MZ)({type:String}),(0,o.Sn)("design:type",String)],J.prototype,"tab",void 0),(0,o.Cg)([(0,s.MZ)({type:String}),(0,o.Sn)("design:type",String)],J.prototype,"step",void 0),(0,o.Cg)([(0,s.MZ)({type:String}),(0,o.Sn)("design:type",String)],J.prototype,"key",void 0),(0,o.Cg)([(0,s.MZ)({type:String}),(0,o.Sn)("design:type",String)],J.prototype,"contextPath",void 0),J=(0,o.Cg)([(0,s.EM)("scenario-instance-view")],J);var K,Y,X,G,nn,en=t(64604);function tn(n,e,t,i,r,o,a){try{var s=n[o](a),c=s.value}catch(n){return void t(n)}s.done?e(c):Promise.resolve(c).then(i,r)}function rn(n){return function(){var e=this,t=arguments;return new Promise((function(i,r){var o=n.apply(e,t);function a(n){tn(o,i,r,a,s,"next",n)}function s(n){tn(o,i,r,a,s,"throw",n)}a(void 0)}))}}function on(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function an(n){return n&&"UNLOADED"!==n}var sn,cn,dn,ln,pn,un,vn,gn,mn,fn,hn,bn=class extends((0,c.kg)(c.MR)(a.WF)){render(){var n=this.instance,{instanceName:e,progress:t,message:i,state:r}=n,{rate:o=0,steps:s=0,step:c=0,rounds:d=0}=t||{},l=an(r);return(0,a.qy)(K||(K=on(["\n      <div name>",'</div>\n      <div progress-wrap>\n        <div progress>\n          <div id="progressbar" .style="width:',"%;background-color:",';"></div>\n        </div>\n        <div steps>',"/","</div>\n      </div>\n      <div buttons>\n        <span><strong>","</strong> round</span>\n        <mwc-icon-button @click=",' icon="wysiwyg"></mwc-icon-button>\n        <mwc-icon-button @click='," icon=","></mwc-icon-button>\n      </div>\n    "])),e,o,this.color,c,s,d,(n=>this.showInstanceDetail()),(e=>l?this.stopScenario(n):this.startScenario(n)),l?"pause":"play_arrow")}startScenario(n){return rn((function*(){var e=yield A.Sn.mutate({mutation:(0,z.Ay)(Y||(Y=on(["\n        mutation ($scenarioName: String!, $instanceName: String) {\n          startScenario(scenarioName: $scenarioName, instanceName: $instanceName) {\n            state\n          }\n        }\n      "]))),variables:{scenarioName:n.scenarioName,instanceName:n.instanceName}});(0,en.me)({level:"info",message:"".concat(an(e.data.startScenario.state)?"success":"fail"," to start scenario : ").concat(n.scenarioName)})}))()}stopScenario(n){return rn((function*(){var e=yield A.Sn.mutate({mutation:(0,z.Ay)(X||(X=on(["\n        mutation ($instanceName: String!) {\n          stopScenario(instanceName: $instanceName) {\n            state\n          }\n        }\n      "]))),variables:{instanceName:n.instanceName}});(0,en.me)({level:"info",message:"".concat(an(e.data.stopScenario.state)?"fail":"success"," to stop instance : ").concat(n.instanceName)})}))()}showInstanceDetail(){var n=this;return rn((function*(){var{instanceName:e,scenarioName:t}=n.instance;(0,en.PB)((0,a.qy)(G||(G=on([" <scenario-instance-view .instanceName="," .scenarioName=","></scenario-instance-view> "])),e,t),{size:"large",title:"".concat(c.MR.t("title.scenario-instance"))})}))()}};function yn(n,e,t,i,r,o,a){try{var s=n[o](a),c=s.value}catch(n){return void t(n)}s.done?e(c):Promise.resolve(c).then(i,r)}function wn(n){return function(){var e=this,t=arguments;return new Promise((function(i,r){var o=n.apply(e,t);function a(n){yn(o,i,r,a,s,"next",n)}function s(n){yn(o,i,r,a,s,"throw",n)}a(void 0)}))}}function xn(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function Sn(n){return n&&"UNLOADED"!==n}bn.styles=[d.bi,(0,a.AH)(nn||(nn=on(["\n      :host {\n        display: block;\n        overflow: hidden;\n        position: relative;\n        padding: var(--padding-narrow);\n        color: var(--secondary-color);\n      }\n\n      [running] {\n        background-color: lightgreen;\n      }\n\n      [name] {\n        font-size: var(--fontsize-default);\n        font-weight: bold;\n      }\n\n      [progress] {\n        display: block;\n        position: relative;\n\n        width: 100%;\n        margin: 2px;\n        padding: 2px;\n        box-sizing: border-box;\n\n        border: var(--border-dark-color);\n        border-radius: 10px;\n        background-color: var(--theme-white-color);\n      }\n      [progress-wrap] {\n        display: flex;\n        flex-direction: row;\n        margin: 4px 0;\n      }\n\n      [running] [progress] {\n        background-color: var(--theme-white-color);\n      }\n      [steps] {\n        padding: 0 0 0 var(--padding-narrow);\n      }\n\n      #progressbar {\n        height: 100%;\n        text-align: left;\n        border-radius: 5px;\n        animation: width 1s linear ease-out;\n      }\n      [buttons] {\n        --mdc-icon-button-size: 18px;\n        --mdc-icon-size: 18px;\n        border-top: var(--border-dark-color);\n        padding: var(--padding-narrow) 0 0 0;\n        text-align: right;\n      }\n      [buttons] mwc-icon-button {\n        color: var(--primary-color);\n      }\n\n      @keyframes width {\n        0% {\n          width: 0;\n        }\n        100% {\n          width: auto;\n        }\n      }\n    "])))],(0,o.Cg)([(0,s.MZ)({type:Object}),(0,o.Sn)("design:type",Object)],bn.prototype,"instance",void 0),(0,o.Cg)([(0,s.MZ)({type:String}),(0,o.Sn)("design:type",String)],bn.prototype,"color",void 0),bn=(0,o.Cg)([(0,s.EM)("scenario-instance-monitor")],bn);var Nn,Cn,kn,On=class extends((0,c.kg)(c.MR)(a.WF)){render(){var n=this.scenario||{},e=this.mode,{id:t,name:i,description:r,schedule:o,color:s}=n,c=n.instances||[];return(0,a.qy)(sn||(sn=xn(["\n      <div desc>\n        <div detail-info title=",">\n          <strong>","</strong>\n          ","\n          <span>",'</span>\n        </div>\n        <div schedule>\n          <mwc-icon .style="background-color: ',';">schedule</mwc-icon>\n          <pre>',"</pre>\n        </div>\n        ","\n      </div>\n\n      ","\n    "])),i,i,r,c.length,s,o,this.renderButtons(n),"detail"===e?(0,a.qy)(cn||(cn=xn(["\n            <ul>\n              ","\n            </ul>\n            ","\n          "])),c.map((n=>(0,a.qy)(dn||(dn=xn(['\n                  <li .style="border-color:',";background-color:",'">\n                    <span></span>\n                    <scenario-instance-monitor .instance='," .color=","></scenario-instance-monitor>\n                  </li>\n                "])),s,s,n,s))),this.renderButtons(n)):(0,a.qy)(ln||(ln=xn([""]))))}renderButtons(n){var e=(n.instances||[]).find((e=>e.instanceName==n.name))||null;return(0,a.qy)(pn||(pn=xn(["\n      <div buttons ?detail=",">\n        <mwc-icon-button @click=",' icon="text_snippet"></mwc-icon-button>\n        ',"\n      </div>\n    "])),"detail"==this.mode,(e=>this.popupLogView(n)),e?(0,a.qy)(vn||(vn=xn([' <mwc-icon-button icon="pause_circle_outline" @click='," stop></mwc-icon-button> "])),(e=>this.stopScenario(n))):(0,a.qy)(un||(un=xn([' <mwc-icon-button icon="play_circle_outline" @click=',"></mwc-icon-button>"])),(e=>this.startScenario(n))))}popupLogView(n){var e=this;return wn((function*(){(0,en.PB)((0,a.qy)(gn||(gn=xn([" <scenario-instance-log-view .scenarioName="," @start="," startable></scenario-instance-log-view> "])),n.name,(()=>e.startScenario(n))),{size:"large",title:"".concat(c.MR.t("title.scenario-log")," (").concat(n.name,")")})}))()}startScenario(n){return wn((function*(){var e=yield A.Sn.mutate({mutation:(0,z.Ay)(mn||(mn=xn(["\n        mutation ($scenarioName: String!) {\n          startScenario(scenarioName: $scenarioName) {\n            state\n          }\n        }\n      "]))),variables:{scenarioName:n.name}});(0,en.me)({level:"info",message:"".concat(Sn(e.data.startScenario.state)?"success":"fail"," to start instance : ").concat(n.name)})}))()}stopScenario(n){return wn((function*(){var e=yield A.Sn.mutate({mutation:(0,z.Ay)(fn||(fn=xn(["\n        mutation ($instanceName: String!) {\n          stopScenario(instanceName: $instanceName) {\n            state\n          }\n        }\n      "]))),variables:{instanceName:n.name}});(0,en.me)({level:"info",message:"".concat(Sn(e.data.stopScenario.state)?"fail":"success"," to stop instance : ").concat(n.name)})}))()}};function jn(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}On.styles=[d.bi,(0,a.AH)(hn||(hn=xn(["\n      :host {\n        display: flex;\n        flex-direction: row;\n\n        border: var(--border-dark-color);\n        background-color: var(--theme-white-color);\n        box-shadow: var(--box-shadow);\n        border-radius: var(--border-radius);\n        position: relative;\n        overflow: hidden;\n      }\n\n      [desc] {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        padding: var(--padding-default);\n        color: var(--secondary-color);\n        font-size: var(--fontsize-small);\n        width: 100%;\n        box-sizing: border-box;\n      }\n\n      [desc] [detail-info] {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        width: calc(100% - 25px);\n        height: 45px;\n      }\n\n      [desc] strong {\n        display: block;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        font-size: var(--fontsize-large);\n      }\n\n      [desc] span {\n        display: block;\n        position: absolute;\n        top: 0px;\n        right: var(--padding-default);\n        font-size: 40px;\n        font-weight: bold;\n        text-align: right;\n      }\n\n      [desc] [schedule] * {\n        vertical-align: middle;\n        display: inline;\n      }\n\n      [desc] [schedule] {\n        background-color: #f1f1f1;\n        border-radius: 20px;\n        margin: var(--margin-default) 0;\n        padding: var(--padding-narrow);\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        font-size: 12px;\n        line-height: 8px;\n      }\n\n      [buttons] {\n        --mdc-icon-button-size: 24px;\n        --mdc-icon-size: 24px;\n        border-top: var(--border-dark-color);\n        padding: var(--padding-narrow) 0 0 0;\n        text-align: right;\n      }\n\n      [buttons] mwc-icon-button {\n        color: var(--primary-color);\n      }\n\n      [buttons][detail] {\n        display: flex;\n        flex-direction: column-reverse;\n        margin-bottom: auto;\n      }\n\n      [desc] mwc-icon {\n        border-radius: 50%;\n        color: var(--theme-white-color);\n        font-size: 18px;\n      }\n\n      :host([mode='detail']) [schedule] {\n        margin: var(--margin-default) 0 0 0;\n      }\n\n      :host([mode='detail']) [desc] {\n        flex: unset;\n        width: 200px;\n      }\n\n      :host([mode='detail']) [desc] [buttons] {\n        display: none;\n      }\n\n      :host([mode='detail']) [buttons] {\n        border-top: none;\n        padding: var(--padding-default);\n      }\n\n      ul {\n        flex: 1;\n\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        list-style: none;\n        margin: 0;\n        padding: 0;\n      }\n\n      ul > li {\n        position: relative;\n        margin: var(--margin-default);\n        min-width: 140px;\n        border: 1px solid black;\n        border-radius: var(--border-radius);\n        font-size: 12px;\n      }\n\n      li span {\n        display: block;\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        background-color: rgba(255, 255, 255, 0.8);\n      }\n\n      @media screen and (max-width: 480px) {\n        :host {\n          margin: var(--margin-narrow);\n        }\n\n        [desc] {\n          padding: var(--padding-narrow);\n        }\n\n        [desc] [detail-info] {\n          height: 38px;\n        }\n\n        [desc] span {\n          font-size: 36px;\n        }\n      }\n    "])))],(0,o.Cg)([(0,s.MZ)({type:Object}),(0,o.Sn)("design:type",Object)],On.prototype,"scenario",void 0),(0,o.Cg)([(0,s.MZ)({type:String}),(0,o.Sn)("design:type",String)],On.prototype,"mode",void 0),On=(0,o.Cg)([(0,s.EM)("scenario-monitor")],On);var Mn,zn,qn,An,Pn,Zn=class extends((0,c.kg)(c.MR)(a.WF)){constructor(){super(...arguments),this.running=!1}render(){var n=this.scenarios||[],e=this.mode||"brief",t=this.filter||"";return(0,a.qy)(Nn||(Nn=jn(["\n      <div info>\n        <h2>scenarios</h2>\n        <span>\n          <input .value="," @change=",' placeholder="search" />\n          <mwc-icon @click='," ?active=",">view_comfy</mwc-icon>\n          <mwc-icon @click="," ?active=",">dehaze</mwc-icon>\n        </span>\n      </div>\n\n      <div content>\n        <pending-q-monitor .pendings="," .colorIndex="," .running=","></pending-q-monitor>\n\n        <div scenarios mode=",">\n          <div flowbox>\n            ","\n          </div>\n        </div>\n      </div>\n    "])),t,(n=>this.filter=n.target.value),(n=>this.mode="brief"),"brief"==e,(n=>this.mode="detail"),"detail"==e,this.pendings,this.colorIndex||{},this.running,e,n.filter((n=>new RegExp(t,"i").test(n.name))).map((n=>(0,a.qy)(Cn||(Cn=jn(["<scenario-monitor .scenario="," mode=","></scenario-monitor>"])),n,e))))}};function $n(n,e,t,i,r,o,a){try{var s=n[o](a),c=s.value}catch(n){return void t(n)}s.done?e(c):Promise.resolve(c).then(i,r)}function _n(n){return function(){var e=this,t=arguments;return new Promise((function(i,r){var o=n.apply(e,t);function a(n){$n(o,i,r,a,s,"next",n)}function s(n){$n(o,i,r,a,s,"throw",n)}a(void 0)}))}}function En(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}Zn.styles=[d.bi,(0,a.AH)(kn||(kn=jn(["\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        overflow: hidden;\n      }\n\n      [info] {\n        display: flex;\n        margin-bottom: var(--margin-default);\n        padding: var(--padding-narrow) 0;\n        flex-direction: row;\n        align-items: center;\n        border-bottom: 2px solid var(--secondary-color);\n      }\n      [info] h2 {\n        margin: 0;\n        font: var(--subtitle-font);\n        color: var(--secondary-color);\n        text-transform: capitalize;\n      }\n\n      [info] > span {\n        display: flex;\n        margin-left: auto;\n      }\n      [info] input {\n        margin: var(--input-margin);\n        padding: var(--padding-narrow);\n        border: var(--border-dark-color);\n        border-radius: var(--border-radius);\n        font: var(--input-font);\n      }\n      [info] mwc-icon {\n        margin-left: var(--margin-narrow);\n        color: rgba(var(--secondary-color-rgb), 0.6);\n        line-height: 34px;\n        cursor: pointer;\n      }\n      [info] mwc-icon[active] {\n        color: var(--primary-color);\n      }\n\n      [content] {\n        flex: 1;\n\n        display: flex;\n        flex-direction: row;\n\n        overflow: hidden;\n      }\n\n      pending-q-monitor {\n        width: 100px;\n      }\n\n      [scenarios] {\n        flex: 1;\n\n        overflow: auto;\n        display: flex;\n        flex-direction: column;\n      }\n\n      [scenarios] [flowbox] {\n        display: flex;\n        flex-direction: column;\n        padding: 10px;\n        gap: 12px;\n      }\n\n      [scenarios][mode='brief'] [flowbox] {\n        overflow: auto;\n        display: grid;\n\n        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n        grid-auto-rows: max-content;\n        grid-gap: 12px;\n      }\n\n      scenario-monitor {\n        flex: none;\n        height: fit-content;\n      }\n\n      @media screen and (max-width: 480px) {\n        pending-q-monitor {\n          width: 80px;\n        }\n      }\n    "])))],(0,o.Cg)([(0,s.MZ)({type:Array}),(0,o.Sn)("design:type",Object)],Zn.prototype,"scenarios",void 0),(0,o.Cg)([(0,s.MZ)({type:String}),(0,o.Sn)("design:type",String)],Zn.prototype,"mode",void 0),(0,o.Cg)([(0,s.MZ)({type:String}),(0,o.Sn)("design:type",String)],Zn.prototype,"filter",void 0),(0,o.Cg)([(0,s.MZ)({type:Array}),(0,o.Sn)("design:type",Object)],Zn.prototype,"pendings",void 0),(0,o.Cg)([(0,s.MZ)({type:Object}),(0,o.Sn)("design:type",Object)],Zn.prototype,"colorIndex",void 0),(0,o.Cg)([(0,s.MZ)({type:Boolean}),(0,o.Sn)("design:type",Boolean)],Zn.prototype,"running",void 0),Zn=(0,o.Cg)([(0,s.EM)("scenarios-monitor")],Zn);var In=class extends a.WF{render(){var n=this.connections||[];return(0,a.qy)(Mn||(Mn=En(["\n      <div info>\n        <h2>connections</h2>\n      </div>\n\n      <div cards>","</div>\n    "])),n.map((n=>this.renderConnection(n))))}renderConnection(n){var{id:e,name:t,description:i,type:r,state:o}=n,s="CONNECTED"==o;return(0,a.qy)(zn||(zn=En(["\n      <div card ?connected=",">\n        <strong>","</strong>\n        <span>","</span>\n        <span>Type : ","</span>\n        <div buttons>\n          <mwc-icon-button\n            @click=","\n            .icon=","\n            label=","\n          ></mwc-icon-button>\n        </div>\n      </div>\n    "])),s,t,i,r,(e=>s?this.disconnect(n):this.connect(n)),s?"link_off":"link",s?"disconnect":"connect")}connect(n){var e=this;return _n((function*(){var t=yield A.Sn.mutate({mutation:(0,z.Ay)(qn||(qn=En(["\n        mutation ($name: String!) {\n          connectConnection(name: $name) {\n            state\n          }\n        }\n      "]))),variables:{name:n.name}});n.state=t.data.connectConnection.state,e.requestUpdate(),document.dispatchEvent(new CustomEvent("notify",{detail:{level:"info",message:"".concat("CONNECTED"==n.state?"success":"fail"," to connect : ").concat(n.name)}}))}))()}disconnect(n){var e=this;return _n((function*(){var t=yield A.Sn.mutate({mutation:(0,z.Ay)(An||(An=En(["\n        mutation ($name: String!) {\n          disconnectConnection(name: $name) {\n            state\n          }\n        }\n      "]))),variables:{name:n.name}});n.state=t.data.disconnectConnection.state,e.requestUpdate(),document.dispatchEvent(new CustomEvent("notify",{detail:{level:"info",message:"".concat("CONNECTED"==n.state?"fail":"success"," to disconnect : ").concat(n.name)}}))}))()}};In.styles=[d.bi,(0,a.AH)(Pn||(Pn=En(["\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        overflow: hidden;\n        background-color: var(--theme-white-color);\n        border-radius: var(--border-radius);\n        border: var(--border-dark-color);\n      }\n      h2 {\n        margin: 0;\n        padding: var(--padding-default) 0 var(--padding-default) var(--padding-default);\n        border-bottom: var(--border-dark-color);\n        font: var(--subtitle-font);\n        color: var(--secondary-color);\n        text-transform: capitalize;\n      }\n\n      [cards] {\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n\n        overflow: auto;\n      }\n\n      [card] {\n        display: flex;\n        flex-direction: column;\n        padding: var(--padding-default);\n        border-bottom: var(--border-dark-color);\n        color: var(--secondary-color);\n      }\n      [card] * {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      }\n      [card] strong {\n        color: var(--primary-color);\n      }\n      [card] span {\n        font-size: var(--fontsize-default);\n        line-height: var(--fontsize-large);\n      }\n\n      [connected] strong::after {\n        content: '';\n        display: inline-block;\n        width: 10px;\n        height: 10px;\n        border-radius: 50%;\n        background-color: var(--primary-color);\n        margin-left: var(--margin-narrow);\n      }\n      [buttons] {\n        --mdc-icon-button-size: 20px;\n        --mdc-icon-size: 20px;\n        border-top: 1px dashed rgba(0, 0, 0, 0.1);\n        margin: var(--margin-narrow) 0 0 0;\n        padding: var(--padding-narrow) 0 0 0;\n        text-align: right;\n      }\n      [buttons] mwc-icon-button {\n        color: rgba(var(--secondary-color-rgb), 0.8);\n      }\n      @media screen and (max-width: 480px) {\n        h2 {\n          padding: var(--padding-narrow);\n        }\n        [card] span {\n          display: none;\n        }\n      }\n    "])))],(0,o.Cg)([(0,s.MZ)({type:Array}),(0,o.Sn)("design:type",Object)],In.prototype,"connections",void 0),In=(0,o.Cg)([(0,s.EM)("connections-monitor")],In);var Dn,Bn,Hn,Tn,Fn,Rn,Un,Ln=t(70661);function Vn(n,e,t,i,r,o,a){try{var s=n[o](a),c=s.value}catch(n){return void t(n)}s.done?e(c):Promise.resolve(c).then(i,r)}function Wn(n){return function(){var e=this,t=arguments;return new Promise((function(i,r){var o=n.apply(e,t);function a(n){Vn(o,i,r,a,s,"next",n)}function s(n){Vn(o,i,r,a,s,"throw",n)}a(void 0)}))}}function Qn(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function Jn(n){return n&&"UNLOADED"!==n}var Kn=class extends((0,c.kg)(c.MR)(P.hv)){get context(){return{title:c.MR.t("text.integration monitor"),help:"integration/ui/integration-monitor"}}render(){return(0,a.qy)(Dn||(Dn=Qn(["\n      <integration-summary .pendings="," .scenarios="," .connections=","></integration-summary>\n      <content>\n        <scenarios-monitor .scenarios="," .pendings="," .colorIndex="," .running=","></scenarios-monitor>\n        <connections-monitor .connections=","></connections-monitor>\n      </content>\n    "])),this.pendings,this.scenarios,this.connections,this.scenarios,this.pendings,this.colorIndex||{},!!this.active,this.connections)}pageUpdated(n){var e=this;return Wn((function*(){"active"in n&&(e.active?(yield e.fetchScenarios(),yield e.fetchConnections(),yield e.startSubscribe()):yield e.stopSubscribe())}))()}fetchScenarios(){var n=this;return Wn((function*(){var e=yield A.Sn.query({query:(0,z.Ay)(Bn||(Bn=Qn(["\n        query ($inherited: InheritedValueType) {\n          responses: scenarios(inherited: $inherited) {\n            items {\n              id\n              name\n              description\n              active\n              state\n              schedule\n              timezone\n              instances {\n                instanceName\n                scenarioName\n                state\n                progress {\n                  rate\n                  steps\n                  step\n                  rounds\n                }\n                variables\n                data\n                message\n              }\n              updater {\n                id\n                name\n              }\n              updatedAt\n            }\n            total\n          }\n        }\n      "]))),variables:{inherited:P.OB.Include}}),t={};n.scenarios=(e.data.responses.items||[]).map((n=>{var e=function(n){var e=0;if(0===n.length)return e;for(var t=0;t<n.length;t++)e=n.charCodeAt(t)+((e<<5)-e),e|=0;var i="#";for(t=0;t<3;t++)i+=("00"+(e>>8*t&255).toString(16)).substr(-2);return i}(n.id);return t[n.id]=e,Object.assign(Object.assign({},n),{color:e})})),n.colorIndex=t}))()}fetchConnections(){var n=this;return Wn((function*(){var e=yield A.Sn.query({query:(0,z.Ay)(Hn||(Hn=Qn(["\n        query {\n          responses: connections {\n            items {\n              id\n              name\n              description\n              type\n              state\n            }\n            total\n          }\n        }\n      "])))});n.connections=e.data.responses.items||[]}))()}startSubscribe(){var n=this;return Wn((function*(){var e,t;n.scenarioInstanceStateSubscription||(n.scenarioInstanceStateSubscription=yield(0,A.B1)({query:(0,z.Ay)(Tn||(Tn=Qn(["\n          subscription {\n            scenarioInstanceState {\n              instanceName\n              scenarioName\n              state\n              progress {\n                rate\n                steps\n                step\n                rounds\n              }\n            }\n          }\n        "])))},{next:(e=Wn((function*(e){var{data:t}=e;if(t){var{scenarioName:i,instanceName:r,state:o}=t.scenarioInstanceState;n.scenarios=n.scenarios||[];var a=n.scenarios.find((n=>n.name===i));if(!a)return n.scenarios=[],yield n.stopSubscribe(),yield n.fetchScenarios(),void(yield n.startSubscribe());var s=a.instances.findIndex((n=>n.instanceName===r));-1==s?Jn(o)&&a.instances.push(t.scenarioInstanceState):Jn(o)?a.instances.splice(s,1,t.scenarioInstanceState):a.instances.splice(s,1),n.scenarios.splice(n.scenarios.indexOf(a),1,Object.assign({},a)),n.scenarios=[...n.scenarios]}})),function(n){return e.apply(this,arguments)}),start:n=>{Ln.log(n)},error:n=>{Ln.log(n)},complete:()=>{Ln.log("complete")}}),n.scenarioQueueStateSubscription=yield(0,A.B1)({query:(0,z.Ay)(Fn||(Fn=Qn(["\n          subscription {\n            scenarioQueueState {\n              queue {\n                stuff\n                due\n                priority\n                tag\n              }\n            }\n          }\n        "])))},{next:e=>{var{data:t}=e;t&&(n.pendings=t.scenarioQueueState.queue)}}),n.connectionStateSubscription=yield(0,A.B1)({query:(0,z.Ay)(Rn||(Rn=Qn(["\n          subscription {\n            connectionState {\n              id\n              name\n              description\n              type\n              state\n            }\n          }\n        "])))},{next:(t=Wn((function*(e){var{data:t}=e;if(t){var i=t.connectionState;n.connections=n.connections||[];var r=n.connections.findIndex((n=>n.id===i.id));-1!==r?(n.connections[r]=t.connectionState,n.connections=[...n.connections]):n.connections=[...n.connections,t.connectionState]}})),function(n){return t.apply(this,arguments)})}))}))()}stopSubscribe(){var n=this;return Wn((function*(){var e,t,i;yield null===(e=n.scenarioInstanceStateSubscription)||void 0===e?void 0:e.unsubscribe(),yield null===(t=n.scenarioQueueStateSubscription)||void 0===t?void 0:t.unsubscribe(),yield null===(i=n.connectionStateSubscription)||void 0===i?void 0:i.unsubscribe(),delete n.scenarioInstanceStateSubscription,delete n.scenarioQueueStateSubscription,delete n.connectionStateSubscription}))()}};Kn.ScenarioInstanceStatus=["READY","STARTED","STOPPED","HALTED"],Kn.styles=[d.bi,(0,a.AH)(Un||(Un=Qn(["\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        overflow: hidden;\n        background-color: var(--main-section-background-color);\n        padding: var(--padding-wide);\n      }\n\n      integration-summary {\n        margin-bottom: var(--margin-wide);\n      }\n\n      content {\n        flex: 1;\n        display: flex;\n        flex-direction: row;\n\n        overflow: hidden;\n      }\n\n      connections-monitor {\n        width: 180px;\n      }\n\n      scenarios-monitor {\n        flex: 1;\n        margin: 0 var(--margin-wide) 0 0;\n      }\n\n      @media screen and (max-width: 480px) {\n        :host {\n          padding: var(--padding-default);\n        }\n        integration-summary {\n          margin-bottom: var(--margin-default);\n        }\n        content {\n          display: block;\n          overflow: auto;\n        }\n        scenarios-monitor {\n          min-height: 350px;\n          margin: 0 0 var(--margin-default) 0;\n        }\n        connections-monitor {\n          width: initial;\n        }\n      }\n    "])))],(0,o.Cg)([(0,s.MZ)({type:Array}),(0,o.Sn)("design:type",Object)],Kn.prototype,"scenarios",void 0),(0,o.Cg)([(0,s.MZ)({type:Array}),(0,o.Sn)("design:type",Object)],Kn.prototype,"pendings",void 0),(0,o.Cg)([(0,s.MZ)({type:Array}),(0,o.Sn)("design:type",Object)],Kn.prototype,"connections",void 0),(0,o.Cg)([(0,s.MZ)({type:Object}),(0,o.Sn)("design:type",Object)],Kn.prototype,"colorIndex",void 0),Kn=(0,o.Cg)([(0,s.EM)("integration-monitor")],Kn)},1767:(n,e,t)=>{t.d(e,{Z:()=>v});var i=t(55688),r=t(58001);function o(n,e,t,i,r,o,a){try{var s=n[o](a),c=s.value}catch(n){return void t(n)}s.done?e(c):Promise.resolve(c).then(i,r)}function a(n){function e(n){if(Object(n)!==n)return Promise.reject(new TypeError(n+" is not an object."));var e=n.done;return Promise.resolve(n.value).then((function(n){return{value:n,done:e}}))}return a=function(n){this.s=n,this.n=n.next},a.prototype={s:null,n:null,next:function(){return e(this.n.apply(this.s,arguments))},return:function(n){var t=this.s.return;return void 0===t?Promise.resolve({value:n,done:!0}):e(t.apply(this.s,arguments))},throw:function(n){var t=this.s.return;return void 0===t?Promise.reject(n):e(t.apply(this.s,arguments))}},new a(n)}var s=function(){var n,e=(n=function*(n,e){var t,i=!1,r=!1;try{for(var o,s=function(n){var e,t,i,r=2;for("undefined"!=typeof Symbol&&(t=Symbol.asyncIterator,i=Symbol.iterator);r--;){if(t&&null!=(e=n[t]))return e.call(n);if(i&&null!=(e=n[i]))return new a(e.call(n));t="@@asyncIterator",i="@@iterator"}throw new TypeError("Object is not async iterable")}(n);i=!(o=yield s.next()).done;i=!1){var c=o.value;if(!1===(yield e(c)))return}}catch(n){r=!0,t=n}finally{try{i&&null!=s.return&&(yield s.return())}finally{if(r)throw t}}},function(){var e=this,t=arguments;return new Promise((function(i,r){var a=n.apply(e,t);function s(n){o(a,i,r,s,c,"next",n)}function c(n){o(a,i,r,s,c,"throw",n)}s(void 0)}))});return function(n,t){return e.apply(this,arguments)}}();class c{constructor(n){this.Y=n}disconnect(){this.Y=void 0}reconnect(n){this.Y=n}deref(){return this.Y}}class d{constructor(){this.Z=void 0,this.q=void 0}get(){return this.Z}pause(){var n;null!==(n=this.Z)&&void 0!==n||(this.Z=new Promise((n=>this.q=n)))}resume(){var n;null!==(n=this.q)&&void 0!==n&&n.call(this),this.Z=this.q=void 0}}var l=t(58148);function p(n,e,t,i,r,o,a){try{var s=n[o](a),c=s.value}catch(n){return void t(n)}s.done?e(c):Promise.resolve(c).then(i,r)}class u extends r.Kq{constructor(){super(...arguments),this._$CK=new c(this),this._$CX=new d}render(n,e){return i.c0}update(n,e){var[t,r]=e;if(this.isConnected||this.disconnected(),t===this._$CJ)return i.c0;this._$CJ=t;var o=0,{_$CK:a,_$CX:c}=this;return s(t,function(){var n=function(n){return function(){var e=this,t=arguments;return new Promise((function(i,r){var o=n.apply(e,t);function a(n){p(o,i,r,a,s,"next",n)}function s(n){p(o,i,r,a,s,"throw",n)}a(void 0)}))}}((function*(n){for(;c.get();)yield c.get();var e=a.deref();if(void 0!==e){if(e._$CJ!==t)return!1;void 0!==r&&(n=r(n,o)),e.commitValue(n,o),o++}return!0}));return function(e){return n.apply(this,arguments)}}()),i.c0}commitValue(n,e){this.setValue(n)}disconnected(){this._$CK.disconnect(),this._$CX.pause()}reconnected(){this._$CK.reconnect(this),this._$CX.resume()}}var v=(0,l.u$)(u)}}]);

package/dist-app/fmsim/5950.js.LICENSE.txt

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

package/dist-app/fmsim/6142.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_fmsim_fmsim=self.webpackChunk_fmsim_fmsim||[]).push([[6142],{46142:(n,e,i)=>{i.r(e);var r,a,t,o=i(34117),l=i(13777),d=i(69241),p=i(11763),c=i(41191),s=i(201),m=i(83316),f=i(70661);function u(n,e,i,r,a,t,o){try{var l=n[t](o),d=l.value}catch(n){return void i(n)}l.done?e(d):Promise.resolve(d).then(r,a)}function v(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}var g=class extends((0,c.N)(m.M_)(m.hv)){static get styles(){return[(0,d.AH)(r||(r=v(["\n        :host {\n          background-color: var(--main-section-background-color);\n          padding: var(--padding-wide);\n\n          display: flex;\n          flex-direction: column;\n\n          align-items: center;\n\n          overflow: auto;\n        }\n        h2 {\n          margin: var(--title-margin);\n          font: var(--title-font);\n          color: var(--title-text-color);\n        }\n        [page-description] {\n          margin: var(--page-description-margin);\n          font: var(--page-description-font);\n          color: var(--page-description-color);\n        }\n\n        [form-container] {\n          background-color: var(--theme-white-color);\n          padding: var(--padding-wide);\n          border-radius: var(--border-radius);\n          box-shadow: var(--box-shadow);\n          min-width: 60%;\n          max-width: var(--input-container-max-width);\n          position: relative;\n          clear: both;\n        }\n        label {\n          font: var(--label-font);\n          color: var(--label-color);\n          text-transform: var(--label-text-transform);\n        }\n        input {\n          border: var(--border-dark-color);\n          border-radius: var(--border-radius);\n          margin: var(--input-margin);\n          padding: var(--input-padding);\n          font: var(--input-font);\n\n          flex: 1;\n        }\n        select:focus,\n        input:focus {\n          outline: none;\n        }\n        [field-2column] {\n          display: grid;\n          grid-template-columns: 1fr 1fr;\n          grid-gap: 15px;\n          max-width: var(--content-container-max-width);\n        }\n        [field] {\n          display: flex;\n          flex-direction: column;\n        }\n        [grid-span] {\n          grid-column: span 2;\n        }\n        @media screen and (max-width: 480px) {\n          [form-container] {\n            position: initial;\n            width: 100%;\n          }\n          [field] {\n            grid-column: span 2;\n          }\n        }\n      "])))]}get context(){return{title:"appliance registration",help:"auth/appliance"}}render(){return(0,d.qy)(a||(a=v(['\n      <h2>Register new appliance</h2>\n      <p page-description>You can register new appliance here</p>\n\n      <div form-container>\n        <form>\n          <div field-2column>\n            <div field grid-span>\n              <label for="name">name</label>\n              <input id="name" type="text" name="name" />\n            </div>\n\n            <div field grid-span>\n              <label for="description">description</label>\n              <input id="description" type="text" name="description" />\n            </div>\n\n            <div field>\n              <label for="brand">brand</label>\n              <input id="brand" type="text" name="brand" />\n            </div>\n\n            <div field>\n              <label for="serial-no">serial #</label>\n              <input id="serial-no" type="text" name="serialNo" />\n            </div>\n\n            <div field>\n              <label for="model">model</label>\n              <input id="model" type="text" name="model" />\n            </div>\n\n            <div field>\n              <label for="netmask">netmask</label>\n              <input id="netmask" type="text" name="netmask" />\n            </div>\n\n            <mwc-button grid-span @click=',' raised label="register"></mwc-button>\n          </div>\n        </form>\n      </div>\n    '])),this.createAppliance.bind(this))}createAppliance(n){var e,i=this;return(e=function*(){n.preventDefault();var e=i.renderRoot.querySelector("form"),r=new FormData(e),a=Array.from(r.entries()).reduce(((n,e)=>{var[i,r]=e;return n[i]=r,n}),{}),o=yield s.Sn.mutate({mutation:(0,l.Ay)(t||(t=v(["\n        mutation ($appliance: NewAppliance!) {\n          createAppliance(appliance: $appliance) {\n            id\n          }\n        }\n      "]))),variables:{appliance:a}});if(o.errors)f.log("creation fail.");else{var d=o.data.createAppliance.id;(0,m.oo)("appliance/".concat(d))}},function(){var n=this,i=arguments;return new Promise((function(r,a){var t=e.apply(n,i);function o(n){u(t,r,a,o,l,"next",n)}function l(n){u(t,r,a,o,l,"throw",n)}o(void 0)}))})()}pageUpdated(n,e,i){this.active&&this.form.reset()}};(0,o.Cg)([(0,p.MZ)({type:Object}),(0,o.Sn)("design:type",Object)],g.prototype,"appliance",void 0),(0,o.Cg)([(0,p.P)("form"),(0,o.Sn)("design:type",HTMLFormElement)],g.prototype,"form",void 0),g=(0,o.Cg)([(0,p.EM)("appliance-register")],g)}}]);