@things-factory/integration-ui 10.0.3 → 10.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/client/editors/things-editor-db-procedure.ts +6 -0
  2. package/client/editors/things-editor-http-headers.ts +6 -0
  3. package/client/editors/things-editor-http-parameters.ts +6 -0
  4. package/client/editors/things-editor-tag-scenarios.ts +6 -0
  5. package/client/viewparts/pending-q-monitor.ts +2 -0
  6. package/dist-client/editors/things-editor-db-procedure.js +6 -0
  7. package/dist-client/editors/things-editor-db-procedure.js.map +1 -1
  8. package/dist-client/editors/things-editor-http-headers.js +6 -0
  9. package/dist-client/editors/things-editor-http-headers.js.map +1 -1
  10. package/dist-client/editors/things-editor-http-parameters.js +6 -0
  11. package/dist-client/editors/things-editor-http-parameters.js.map +1 -1
  12. package/dist-client/editors/things-editor-tag-scenarios.js +6 -0
  13. package/dist-client/editors/things-editor-tag-scenarios.js.map +1 -1
  14. package/dist-client/tsconfig.tsbuildinfo +1 -1
  15. package/dist-client/viewparts/pending-q-monitor.js +2 -0
  16. package/dist-client/viewparts/pending-q-monitor.js.map +1 -1
  17. package/package.json +6 -6
package/dist-client/viewparts/pending-q-monitor.js CHANGED
@@ -28,6 +28,8 @@ let PendingQMonitor = class PendingQMonitor extends LitElement {
28
28
  }
29
29
 
30
30
  select {
31
+ background-color: var(--input-field-background, var(--md-sys-color-surface-container-highest));
32
+ color: var(--input-field-color, var(--md-sys-color-on-surface));
31
33
  flex: 1;
32
34
  display: inline-block;
33
35
  border: none;
package/dist-client/viewparts/pending-q-monitor.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"pending-q-monitor.js","sourceRoot":"","sources":["../../client/viewparts/pending-q-monitor.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { asyncReplace } from 'lit/directives/async-replace.js'\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js'\n\nimport { ScrollbarStyles } from '@operato/styles'\nimport { sleep } from '@operato/utils'\n\n@customElement('pending-q-monitor')\nexport class PendingQMonitor extends LitElement {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n background-color: var(--md-sys-color-surface);\n border-radius: var(--border-radius);\n padding: var(--spacing-small);\n }\n\n div[tags] {\n display: flex;\n align-items: center;\n }\n [tags] md-icon {\n --md-icon-size: var(--fontsize-large);\n margin: 0 var(--spacing-small) 0 0;\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(--spacing-medium);\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(--spacing-medium);\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-dim-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 `\n ]\n\n @property({ type: Array }) pendings: any\n @property({ type: Array }) filteredPendings: any\n @property({ type: Object }) colorIndex: any\n @property({ type: Boolean }) running?: boolean\n @property({ type: Object }) tags: any\n @property({ type: String }) tag?: string\n @property({ type: Array }) scales: any\n\n filterPendings: any\n\n render() {\n const tag = this.tag === undefined ? '(*)' : this.tag\n const scales = this.scales || []\n\n return html`\n <div tags>\n <md-icon>bookmark_border</md-icon>\n <select @change=${e => (this.tag = e.target.value)} .value=${tag}>\n <option value=\"(*)\">*</option>\n ${Object.keys(this.tags || {})\n .sort()\n .map(tag => html`<option value=${tag}>${tag}</option>`)}\n </select>\n </div>\n\n <div pendings>\n <div timeline>\n <table>\n ${unsafeHTML(\n scales.map(\n time => `\n <tr>\n <th><span>${time}</span></th>\n <td></td>\n </tr>\n `\n ).join(`\n <tr>\n <th></th>\n <td></td>\n </tr>\n <tr>\n <th></th>\n <td></td>\n </tr>\n `)\n )}\n </table>\n </div>\n\n <div pending-wrap>${asyncReplace(this.queue())}</div>\n </div>\n `\n }\n\n async *queue() {\n while (this.running) {\n var now = Date.now()\n var pendingsByTags = Object.values(this.filterPendings || {})\n\n yield pendingsByTags.map(\n pendings => html`\n <div pendings-by-tag>\n ${(pendings as any).map((pending, index) => {\n var due = Number(pending.due)\n var top = Math.max(Math.floor((due - now) / 1000) * 3, 0) /* 3px per second */\n\n return html`\n <div pending .style=\"top:${top}px;background-color:${this.colorIndex[pending.stuff.scenario]};\">\n ${index == 0 ? html` <div>${this.countdown(pending.due, now)}</div> ` : html``}\n </div>\n `\n })}\n </div>\n `\n )\n\n await sleep(1000)\n }\n }\n\n countdown(due, now) {\n const MIN = 60\n\n var remain = (Number(due) - now) / 1000\n var normailzed = Math.floor(Math.abs(remain))\n const mins = Math.floor(normailzed / MIN)\n const secs = normailzed - mins * MIN\n\n return `${remain > 0 ? '' : '-'}${mins ? mins + 'm ' : ''}${secs}s`\n }\n\n buildFilterPendings() {\n var filtered\n if (this.tag === undefined || this.tag == '(*)') {\n filtered = this.pendings || []\n } else {\n filtered = (this.pendings || []).filter(pending => pending.tag == this.tag)\n }\n\n const now = Date.now()\n const lastdue = filtered[filtered.length - 1]?.due || now\n const length = Math.max(5, Math.ceil((lastdue - now) / (1000 * 30 * 2) + 1))\n this.scales = new Array(length)\n .fill(0)\n .map((_, index) => [`${String(index).padStart(2, '0')}:00`, `${String(index).padStart(2, '0')}:30`])\n .flat()\n\n this.filterPendings = filtered.reduce((sum, pending) => {\n if (sum[pending.tag]) {\n sum[pending.tag].push(pending)\n } else {\n sum[pending.tag] = [pending]\n }\n return sum\n }, {})\n }\n\n updated(changes) {\n if (changes.has('pendings')) {\n this.buildFilterPendings()\n\n this.tags = (this.pendings || []).reduce((tags, pending) => {\n tags[pending.tag] = (tags[pending.tag] || 0) + 1\n return tags\n }, {})\n }\n\n if (changes.has('tag')) {\n this.buildFilterPendings()\n }\n }\n}\n"]}
1
+ {"version":3,"file":"pending-q-monitor.js","sourceRoot":"","sources":["../../client/viewparts/pending-q-monitor.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { asyncReplace } from 'lit/directives/async-replace.js'\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js'\n\nimport { ScrollbarStyles } from '@operato/styles'\nimport { sleep } from '@operato/utils'\n\n@customElement('pending-q-monitor')\nexport class PendingQMonitor extends LitElement {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n background-color: var(--md-sys-color-surface);\n border-radius: var(--border-radius);\n padding: var(--spacing-small);\n }\n\n div[tags] {\n display: flex;\n align-items: center;\n }\n [tags] md-icon {\n --md-icon-size: var(--fontsize-large);\n margin: 0 var(--spacing-small) 0 0;\n }\n\n select {\n background-color: var(--input-field-background, var(--md-sys-color-surface-container-highest));\n color: var(--input-field-color, var(--md-sys-color-on-surface));\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(--spacing-medium);\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(--spacing-medium);\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-dim-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 `\n ]\n\n @property({ type: Array }) pendings: any\n @property({ type: Array }) filteredPendings: any\n @property({ type: Object }) colorIndex: any\n @property({ type: Boolean }) running?: boolean\n @property({ type: Object }) tags: any\n @property({ type: String }) tag?: string\n @property({ type: Array }) scales: any\n\n filterPendings: any\n\n render() {\n const tag = this.tag === undefined ? '(*)' : this.tag\n const scales = this.scales || []\n\n return html`\n <div tags>\n <md-icon>bookmark_border</md-icon>\n <select @change=${e => (this.tag = e.target.value)} .value=${tag}>\n <option value=\"(*)\">*</option>\n ${Object.keys(this.tags || {})\n .sort()\n .map(tag => html`<option value=${tag}>${tag}</option>`)}\n </select>\n </div>\n\n <div pendings>\n <div timeline>\n <table>\n ${unsafeHTML(\n scales.map(\n time => `\n <tr>\n <th><span>${time}</span></th>\n <td></td>\n </tr>\n `\n ).join(`\n <tr>\n <th></th>\n <td></td>\n </tr>\n <tr>\n <th></th>\n <td></td>\n </tr>\n `)\n )}\n </table>\n </div>\n\n <div pending-wrap>${asyncReplace(this.queue())}</div>\n </div>\n `\n }\n\n async *queue() {\n while (this.running) {\n var now = Date.now()\n var pendingsByTags = Object.values(this.filterPendings || {})\n\n yield pendingsByTags.map(\n pendings => html`\n <div pendings-by-tag>\n ${(pendings as any).map((pending, index) => {\n var due = Number(pending.due)\n var top = Math.max(Math.floor((due - now) / 1000) * 3, 0) /* 3px per second */\n\n return html`\n <div pending .style=\"top:${top}px;background-color:${this.colorIndex[pending.stuff.scenario]};\">\n ${index == 0 ? html` <div>${this.countdown(pending.due, now)}</div> ` : html``}\n </div>\n `\n })}\n </div>\n `\n )\n\n await sleep(1000)\n }\n }\n\n countdown(due, now) {\n const MIN = 60\n\n var remain = (Number(due) - now) / 1000\n var normailzed = Math.floor(Math.abs(remain))\n const mins = Math.floor(normailzed / MIN)\n const secs = normailzed - mins * MIN\n\n return `${remain > 0 ? '' : '-'}${mins ? mins + 'm ' : ''}${secs}s`\n }\n\n buildFilterPendings() {\n var filtered\n if (this.tag === undefined || this.tag == '(*)') {\n filtered = this.pendings || []\n } else {\n filtered = (this.pendings || []).filter(pending => pending.tag == this.tag)\n }\n\n const now = Date.now()\n const lastdue = filtered[filtered.length - 1]?.due || now\n const length = Math.max(5, Math.ceil((lastdue - now) / (1000 * 30 * 2) + 1))\n this.scales = new Array(length)\n .fill(0)\n .map((_, index) => [`${String(index).padStart(2, '0')}:00`, `${String(index).padStart(2, '0')}:30`])\n .flat()\n\n this.filterPendings = filtered.reduce((sum, pending) => {\n if (sum[pending.tag]) {\n sum[pending.tag].push(pending)\n } else {\n sum[pending.tag] = [pending]\n }\n return sum\n }, {})\n }\n\n updated(changes) {\n if (changes.has('pendings')) {\n this.buildFilterPendings()\n\n this.tags = (this.pendings || []).reduce((tags, pending) => {\n tags[pending.tag] = (tags[pending.tag] || 0) + 1\n return tags\n }, {})\n }\n\n if (changes.has('tag')) {\n this.buildFilterPendings()\n }\n }\n}\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@things-factory/integration-ui",
3
- "version": "10.0.3",
3
+ "version": "10.0.5",
4
4
  "main": "dist-server/index.js",
5
5
  "browser": "dist-client/index.js",
6
6
  "things-factory": true,
@@ -39,11 +39,11 @@
39
39
  "@operato/property-editor": "^10.0.0",
40
40
  "@operato/styles": "^10.0.0",
41
41
  "@operato/utils": "^10.0.0",
42
- "@things-factory/export-base": "^10.0.3",
43
- "@things-factory/import-base": "^10.0.3",
44
- "@things-factory/integration-base": "^10.0.3",
45
- "@things-factory/personalization": "^10.0.3",
42
+ "@things-factory/export-base": "^10.0.5",
43
+ "@things-factory/import-base": "^10.0.5",
44
+ "@things-factory/integration-base": "^10.0.5",
45
+ "@things-factory/personalization": "^10.0.5",
46
46
  "d3": "^7.8.5"
47
47
  },
48
- "gitHead": "c7d253b722b6917e8911f6ef6e78e5fc2b295e82"
48
+ "gitHead": "42240a9b6d504181850ea30188f215434b2dd55f"
49
49
  }