@fmsim/machine 0.0.54 → 0.0.56

package/dist/features/client-api.js

@@ -37,7 +37,7 @@ export const themesColorRange = async () => {
         return [''];
     }
     const items = response.data.themes.items
-        .filter((item) => item.type == 'color-range')
+        .filter((item) => item.type == 'color-ranges')
         .map((item) => item.name);
     const sorted = items.sort();
     return [''].concat(sorted);

package/dist/features/client-api.js.map

@@ -1 +1 @@
-{"version":3,"file":"client-api.js","sourceRoot":"","sources":["../../src/features/client-api.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,aAAa,CAAA;AAE7B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,IAAI,EAAE;IACvC,IAAI,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;QAChC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;KAST;KACF,CAAC,CAAA;IAEF,IAAI,QAAQ,CAAC,MAAM,EAAE;QACnB,OAAO,CAAC,EAAE,CAAC,CAAA;KACZ;IAED,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,IAAI,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACtH,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,EAAE,CAAA;IAE3B,OAAO,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;AAC5B,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,IAAI,EAAE;IACzC,IAAI,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;QAChC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;KAST;KACF,CAAC,CAAA;IACF,IAAI,QAAQ,CAAC,MAAM,EAAE;QACnB,OAAO,CAAC,EAAE,CAAC,CAAA;KACZ;IAED,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK;SACrC,MAAM,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,IAAI,aAAa,CAAC;SACjD,GAAG,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAChC,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,EAAE,CAAA;IAE3B,OAAO,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;AAC5B,CAAC,CAAA","sourcesContent":["import gql from 'graphql-tag'\n\nimport { client } from '@operato/graphql'\n\nexport const themesColorMap = async () => {\n  var response = await client.query({\n    query: gql`\n      query {\n        themes {\n          items {\n            name\n            type\n          }\n        }\n      }\n    `\n  })\n\n  if (response.errors) {\n    return ['']\n  }\n\n  const items = response.data.themes.items.filter((item: any) => item.type == 'color-map').map((item: any) => item.name)\n  const sorted = items.sort()\n\n  return [''].concat(sorted)\n}\n\nexport const themesColorRange = async () => {\n  var response = await client.query({\n    query: gql`\n      query {\n        themes {\n          items {\n            name\n            type\n          }\n        }\n      }\n    `\n  })\n  if (response.errors) {\n    return ['']\n  }\n\n  const items = response.data.themes.items\n    .filter((item: any) => item.type == 'color-range')\n    .map((item: any) => item.name)\n  const sorted = items.sort()\n\n  return [''].concat(sorted)\n}\n"]}
+{"version":3,"file":"client-api.js","sourceRoot":"","sources":["../../src/features/client-api.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,aAAa,CAAA;AAE7B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,IAAI,EAAE;IACvC,IAAI,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;QAChC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;KAST;KACF,CAAC,CAAA;IAEF,IAAI,QAAQ,CAAC,MAAM,EAAE;QACnB,OAAO,CAAC,EAAE,CAAC,CAAA;KACZ;IAED,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,IAAI,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACtH,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,EAAE,CAAA;IAE3B,OAAO,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;AAC5B,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,IAAI,EAAE;IACzC,IAAI,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;QAChC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;KAST;KACF,CAAC,CAAA;IACF,IAAI,QAAQ,CAAC,MAAM,EAAE;QACnB,OAAO,CAAC,EAAE,CAAC,CAAA;KACZ;IAED,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK;SACrC,MAAM,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,IAAI,cAAc,CAAC;SAClD,GAAG,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAChC,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,EAAE,CAAA;IAE3B,OAAO,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;AAC5B,CAAC,CAAA","sourcesContent":["import gql from 'graphql-tag'\n\nimport { client } from '@operato/graphql'\n\nexport const themesColorMap = async () => {\n  var response = await client.query({\n    query: gql`\n      query {\n        themes {\n          items {\n            name\n            type\n          }\n        }\n      }\n    `\n  })\n\n  if (response.errors) {\n    return ['']\n  }\n\n  const items = response.data.themes.items.filter((item: any) => item.type == 'color-map').map((item: any) => item.name)\n  const sorted = items.sort()\n\n  return [''].concat(sorted)\n}\n\nexport const themesColorRange = async () => {\n  var response = await client.query({\n    query: gql`\n      query {\n        themes {\n          items {\n            name\n            type\n          }\n        }\n      }\n    `\n  })\n  if (response.errors) {\n    return ['']\n  }\n\n  const items = response.data.themes.items\n    .filter((item: any) => item.type == 'color-ranges')\n    .map((item: any) => item.name)\n  const sorted = items.sort()\n\n  return [''].concat(sorted)\n}\n"]}

package/dist/features/mcs-status-default.js

@@ -43,7 +43,7 @@ export const LEGEND_CARRIER = {
 };
 export const LEGEND_CAPACITY = {
     '0~50': '#ad0d8c',
-    '60~80': '#01ff00',
+    '50~80': '#01ff00',
     '80~100': '#ffff00',
     default: '#d6d6d6'
 };

package/dist/features/mcs-status-default.js.map

@@ -1 +1 @@
-{"version":3,"file":"mcs-status-default.js","sourceRoot":"","sources":["../../src/features/mcs-status-default.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,WAAW,GAAW,EAAE,OAAO,EAAE,OAAO,EAAE,CAAA;AAEvD,MAAM,CAAC,MAAM,cAAc,GAAW;IACpC,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAW;IACpC,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,2CAA2C;IAC3C,4CAA4C;IAC5C,yCAAyC;IACzC,wCAAwC;IACxC,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAW;IACjC,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,aAAa;IACrB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAW;IACpC,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAW;IACrC,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,SAAS;IACnB,OAAO,EAAE,SAAS;CACnB,CAAA","sourcesContent":["export interface Legend {\n  [key: string]: string\n}\n\nexport const LEGEND_NULL: Legend = { default: 'black' }\n\nexport const LEGEND_MACHINE: Legend = {\n  '1000': '#ad0d8c', // DISCONNECTED\n  '1001': '#01ff00', // UP\n  '1002': '#ff0000', // OUTOFSERVICE\n  '1003': '#7030a0', // PM\n  '1004': '#ffffff', // NOTONLINE\n  '1005': '#ff0000', // DOWN\n  '1006': '#ffff00', // NOTAUTO\n  '1007': '#ff9900', // ALARM\n  '1008': '#0600ff', // FULL\n  default: '#d6d6d6'\n}\n\nexport const LEGEND_VEHICLE: Legend = {\n  '4000': '#ff0000', // OUTOFSERVICE\n  '4001': '#01ff00', // ASSIGNED\n  // '4002': '#cbf266', // ASSIGNED_ACQUIRING\n  // '4003': '#cbf266', // ASSIGNED_DEPOSITING\n  // '4004': '#cbf266', // ASSIGNED_ENROUTE\n  // '4005': '#cbf266', // ASSIGNED_PARKED\n  '4006': '#ffff00', // NOTASSIGNED\n  '4007': '#ffffff', // INSTALLED\n  '4008': '#b1a0c7', // CHARGING\n  '4009': '#7030a0', // CHARGED\n  '4010': '#7f878f', // REMOVED\n  default: '#cbf266'\n}\n\nexport const LEGEND_UNIT: Legend = {\n  '2000': '#808080', // BANNED\n  '2001': '#ff0000', // DOWN\n  '2002': 'transparent', // EMPTY\n  '2003': '#01ff00', // EMPTY_RESERVED\n  '2004': '#01ffff', // FULL_RESERVED\n  '2005': '#0600ff', // FULL\n  '2006': '#ff0000', // NOTINSERVICE\n  default: '#d6d6d6'\n}\n\nexport const LEGEND_CARRIER: Legend = {\n  '5000': '#ad0d8c', // Full\n  '5001': '#01ff00', // Empty\n  '5002': '#ffff00', // EmptyEmpty\n  default: '#d6d6d6'\n}\n\nexport const LEGEND_CAPACITY: Legend = {\n  '0~50': '#ad0d8c',\n  '60~80': '#01ff00',\n  '80~100': '#ffff00',\n  default: '#d6d6d6'\n}\n"]}
+{"version":3,"file":"mcs-status-default.js","sourceRoot":"","sources":["../../src/features/mcs-status-default.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,WAAW,GAAW,EAAE,OAAO,EAAE,OAAO,EAAE,CAAA;AAEvD,MAAM,CAAC,MAAM,cAAc,GAAW;IACpC,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAW;IACpC,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,2CAA2C;IAC3C,4CAA4C;IAC5C,yCAAyC;IACzC,wCAAwC;IACxC,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAW;IACjC,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,aAAa;IACrB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAW;IACpC,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAW;IACrC,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,SAAS;IACnB,OAAO,EAAE,SAAS;CACnB,CAAA","sourcesContent":["export interface Legend {\n  [key: string]: string\n}\n\nexport const LEGEND_NULL: Legend = { default: 'black' }\n\nexport const LEGEND_MACHINE: Legend = {\n  '1000': '#ad0d8c', // DISCONNECTED\n  '1001': '#01ff00', // UP\n  '1002': '#ff0000', // OUTOFSERVICE\n  '1003': '#7030a0', // PM\n  '1004': '#ffffff', // NOTONLINE\n  '1005': '#ff0000', // DOWN\n  '1006': '#ffff00', // NOTAUTO\n  '1007': '#ff9900', // ALARM\n  '1008': '#0600ff', // FULL\n  default: '#d6d6d6'\n}\n\nexport const LEGEND_VEHICLE: Legend = {\n  '4000': '#ff0000', // OUTOFSERVICE\n  '4001': '#01ff00', // ASSIGNED\n  // '4002': '#cbf266', // ASSIGNED_ACQUIRING\n  // '4003': '#cbf266', // ASSIGNED_DEPOSITING\n  // '4004': '#cbf266', // ASSIGNED_ENROUTE\n  // '4005': '#cbf266', // ASSIGNED_PARKED\n  '4006': '#ffff00', // NOTASSIGNED\n  '4007': '#ffffff', // INSTALLED\n  '4008': '#b1a0c7', // CHARGING\n  '4009': '#7030a0', // CHARGED\n  '4010': '#7f878f', // REMOVED\n  default: '#cbf266'\n}\n\nexport const LEGEND_UNIT: Legend = {\n  '2000': '#808080', // BANNED\n  '2001': '#ff0000', // DOWN\n  '2002': 'transparent', // EMPTY\n  '2003': '#01ff00', // EMPTY_RESERVED\n  '2004': '#01ffff', // FULL_RESERVED\n  '2005': '#0600ff', // FULL\n  '2006': '#ff0000', // NOTINSERVICE\n  default: '#d6d6d6'\n}\n\nexport const LEGEND_CARRIER: Legend = {\n  '5000': '#ad0d8c', // Full\n  '5001': '#01ff00', // Empty\n  '5002': '#ffff00', // EmptyEmpty\n  default: '#d6d6d6'\n}\n\nexport const LEGEND_CAPACITY: Legend = {\n  '0~50': '#ad0d8c',\n  '50~80': '#01ff00',\n  '80~100': '#ffff00',\n  default: '#d6d6d6'\n}\n"]}

package/dist/stocker-capacity-bar.js

@@ -3,11 +3,20 @@ import { MCSStatusMixin } from './features/mcs-status-mixin';
 import { LEGEND_CAPACITY } from './features/mcs-status-default';
 import { safeRound } from './utils/safe-round';
 import { getVaueOnRanges } from './utils/get-value-on-ranges';
+import { themesColorRange } from './features/client-api';
 const NATURE = {
     mutable: false,
     resizable: true,
     rotatable: true,
     properties: [
+        {
+            type: 'select',
+            label: 'legend-name',
+            name: 'legendName',
+            property: {
+                options: themesColorRange
+            }
+        },
         {
             type: 'number',
             name: 'currentUsage',
@@ -28,6 +37,11 @@ const NATURE = {
             name: 'maxCapacity',
             label: 'max-capacity'
         },
+        {
+            type: 'boolean',
+            name: 'fullup',
+            label: 'fullup'
+        },
         {
             type: 'number',
             label: 'round',
@@ -84,7 +98,8 @@ export default class StockerCapacityBar extends MCSStatusMixin(RectPath(Shape))
         return LEGEND_CAPACITY;
     }
     get statusColor() {
-        return getVaueOnRanges(this.usage, this.legend);
+        const { fullup } = this.state;
+        return fullup ? 'red' : getVaueOnRanges(this.usage, this.legend);
     }
     get text() {
         return this.usage + '%';
@@ -100,9 +115,7 @@ export default class StockerCapacityBar extends MCSStatusMixin(RectPath(Shape))
     }
     renderLandscape(context) {
         const { left, top, width, height } = this.bounds;
-        const { lineWidth, strokeStyle, round, fillStyle = '#aaa' } = this.state;
-        context.strokeStyle = strokeStyle;
-        context.lineWidth = lineWidth;
+        const { highWatermark, lowWatermark, lineWidth, strokeStyle, round, fillStyle = 'white' } = this.state;
         context.save();
         context.translate(left, top);
         // gauge background
@@ -110,15 +123,39 @@ export default class StockerCapacityBar extends MCSStatusMixin(RectPath(Shape))
         context.fillStyle = fillStyle;
         context.roundRect(0, 0, width, height, round);
         context.fill();
-        context.stroke();
         context.clip();
         // gauge foreground
         context.beginPath();
         context.fillStyle = this.statusColor;
         context.rect(0, 0, (width / 100) * this.usage, height);
         context.fill();
+        // high-watermark level
+        if (highWatermark && highWatermark > 0 && highWatermark < 100) {
+            context.beginPath();
+            context.strokeStyle = 'black';
+            context.lineWidth = 1;
+            context.setLineDash([3]);
+            const x = (width / 100) * highWatermark;
+            context.moveTo(x, 0);
+            context.lineTo(x, height);
+            context.stroke();
+        }
+        // low-watermark level
+        if (lowWatermark && lowWatermark > 0 && lowWatermark < 100) {
+            context.beginPath();
+            context.strokeStyle = 'black';
+            context.lineWidth = 1;
+            context.setLineDash([3]);
+            const x = (width / 100) * lowWatermark;
+            context.moveTo(x, 0);
+            context.lineTo(x, height);
+            context.stroke();
+        }
+        // gauge outline
         context.beginPath();
+        context.setLineDash([]);
         context.strokeStyle = strokeStyle;
+        context.lineWidth = lineWidth;
         context.roundRect(0, 0, width, height, round);
         context.stroke();
         context.beginPath();
@@ -127,9 +164,7 @@ export default class StockerCapacityBar extends MCSStatusMixin(RectPath(Shape))
     }
     renderPortrait(context) {
         const { left, top, width, height } = this.bounds;
-        const { lineWidth, strokeStyle, round, fillStyle } = this.state;
-        context.strokeStyle = strokeStyle;
-        context.lineWidth = lineWidth;
+        const { highWatermark, lowWatermark, lineWidth, strokeStyle, round, fillStyle = 'white' } = this.state;
         context.save();
         context.translate(left, top);
         // gauge background
@@ -137,14 +172,39 @@ export default class StockerCapacityBar extends MCSStatusMixin(RectPath(Shape))
         context.fillStyle = fillStyle;
         context.roundRect(0, 0, width, height, round);
         context.fill();
-        context.stroke();
         context.clip();
         // gauge foreground
         context.beginPath();
         context.fillStyle = this.statusColor;
         context.rect(0, height - (height / 100) * this.usage, width, (height / 100) * this.usage);
         context.fill();
+        // high-watermark level
+        if (highWatermark && highWatermark > 0 && highWatermark < 100) {
+            context.beginPath();
+            context.strokeStyle = 'black';
+            context.lineWidth = 1;
+            context.setLineDash([3]);
+            const y = height - (height / 100) * highWatermark;
+            context.moveTo(0, y);
+            context.lineTo(width, y);
+            context.stroke();
+        }
+        // low-watermark level
+        if (lowWatermark && lowWatermark > 0 && lowWatermark < 100) {
+            context.beginPath();
+            context.strokeStyle = 'black';
+            context.lineWidth = 1;
+            context.setLineDash([3]);
+            const y = height - (height / 100) * lowWatermark;
+            context.moveTo(0, y);
+            context.lineTo(width, y);
+            context.stroke();
+        }
+        // gauge outline
         context.beginPath();
+        context.setLineDash([]);
+        context.strokeStyle = strokeStyle;
+        context.lineWidth = lineWidth;
         context.roundRect(0, 0, width, height, round);
         context.stroke();
         context.beginPath();
@@ -159,14 +219,17 @@ export default class StockerCapacityBar extends MCSStatusMixin(RectPath(Shape))
         // intentionally have done nothing
     }
     onchangeData(after, before) {
-        const { CURRENTCAPACITY = 0, MAXCAPACITY = 100, HIGHWATERMARK = 100 } = typeof this.data == 'object' ? this.data : {};
+        const { CURRENTCAPACITY = 0, MAXCAPACITY = 100, HIGHWATERMARK = 100, LOWWATERMARK = 0, FULLUP = false } = typeof this.data == 'object' ? this.data : {};
         const currentUsage = Number(CURRENTCAPACITY) || 0;
         const maxCapacity = Number(MAXCAPACITY) || 100;
         const highWatermark = Number(HIGHWATERMARK) || 100;
+        const lowWatermark = Number(LOWWATERMARK) || 0;
         this.setState({
             currentUsage,
             maxCapacity,
             highWatermark,
+            lowWatermark,
+            fullup: FULLUP,
             usage: Math.round((currentUsage / maxCapacity) * 100)
         });
     }

package/dist/stocker-capacity-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"stocker-capacity-bar.js","sourceRoot":"","sources":["../src/stocker-capacity-bar.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, ComponentNature, POSITION, Properties, RectPath, Shape } from '@hatiolab/things-scene'\nimport { MCSStatusMixin } from './features/mcs-status-mixin'\nimport { LEGEND_CAPACITY, Legend } from './features/mcs-status-default'\nimport { safeRound } from './utils/safe-round'\nimport { getVaueOnRanges } from './utils/get-value-on-ranges'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'number',\n      name: 'currentUsage',\n      label: 'current-usage'\n    },\n    {\n      type: 'number',\n      name: 'highWatermark',\n      label: 'high-watermark'\n    },\n    {\n      type: 'number',\n      name: 'lowWatermark',\n      label: 'low-watermark'\n    },\n    {\n      type: 'number',\n      name: 'maxCapacity',\n      label: 'max-capacity'\n    },\n    {\n      type: 'number',\n      label: 'round',\n      name: 'round',\n      property: {\n        min: 0\n      }\n    },\n    {\n      type: 'hidden',\n      name: 'usage',\n      label: 'usage'\n    }\n  ],\n  'value-property': 'usage'\n}\n\nvar controlHandler = {\n  ondragmove: function (point: POSITION, index: number, component: Component) {\n    var { left, top, width, height } = component.model\n\n    var transcoorded = component.transcoordP2S(point.x, point.y)\n    var round = ((transcoorded.x - left) / (width / 2)) * 100\n\n    round = safeRound(round, width, height)\n\n    component.set({\n      round\n    })\n  }\n}\n\nexport default class StockerCapacityBar extends MCSStatusMixin(RectPath(Shape)) {\n  static get nature() {\n    return NATURE\n  }\n\n  get controls() {\n    var { left, top, width, round, height } = this.state\n    round = round == undefined ? 0 : safeRound(round, width, height)\n\n    return [\n      {\n        x: left + (width / 2) * (round / 100),\n        y: top,\n        handler: controlHandler\n      }\n    ]\n  }\n\n  getTheme() {\n    const { legendName } = this.state\n\n    if (legendName) {\n      return (this.root as any)?.style?.[legendName]\n    }\n  }\n\n  get legend(): Legend {\n    return this.getTheme() || this.getLegendFallback()\n  }\n\n  getLegendFallback() {\n    return LEGEND_CAPACITY\n  }\n\n  get statusColor() {\n    return getVaueOnRanges(this.usage, this.legend)\n  }\n\n  get text() {\n    return this.usage + '%'\n  }\n\n  render(context: CanvasRenderingContext2D) {\n    const { left, top, width, height } = this.bounds\n\n    if (width >= height) {\n      this.renderLandscape(context)\n    } else {\n      this.renderPortrait(context)\n    }\n  }\n\n  renderLandscape(context: CanvasRenderingContext2D) {\n    const { left, top, width, height } = this.bounds\n    const { lineWidth, strokeStyle, round, fillStyle = '#aaa' } = this.state\n\n    context.strokeStyle = strokeStyle\n    context.lineWidth = lineWidth\n\n    context.save()\n    context.translate(left, top)\n\n    // gauge background\n    context.beginPath()\n\n    context.fillStyle = fillStyle\n    context.roundRect(0, 0, width, height, round)\n\n    context.fill()\n    context.stroke()\n\n    context.clip()\n\n    // gauge foreground\n    context.beginPath()\n\n    context.fillStyle = this.statusColor!\n\n    context.rect(0, 0, (width / 100) * this.usage, height)\n    context.fill()\n\n    context.beginPath()\n    context.strokeStyle = strokeStyle\n    context.roundRect(0, 0, width, height, round)\n    context.stroke()\n\n    context.beginPath()\n\n    context.translate(-left, -top)\n    context.restore()\n  }\n\n  renderPortrait(context: CanvasRenderingContext2D) {\n    const { left, top, width, height } = this.bounds\n    const { lineWidth, strokeStyle, round, fillStyle } = this.state\n\n    context.strokeStyle = strokeStyle\n    context.lineWidth = lineWidth\n\n    context.save()\n    context.translate(left, top)\n\n    // gauge background\n    context.beginPath()\n\n    context.fillStyle = fillStyle\n    context.roundRect(0, 0, width, height, round)\n\n    context.fill()\n    context.stroke()\n\n    context.clip()\n\n    // gauge foreground\n    context.beginPath()\n\n    context.fillStyle = this.statusColor!\n\n    context.rect(0, height - (height / 100) * this.usage, width, (height / 100) * this.usage)\n    context.fill()\n\n    context.beginPath()\n    context.roundRect(0, 0, width, height, round)\n    context.stroke()\n\n    context.beginPath()\n\n    context.translate(-left, -top)\n    context.restore()\n  }\n\n  get usage() {\n    const { currentUsage = 0, maxCapacity = 100 } = this.state\n    return Math.round((currentUsage / maxCapacity) * 100)\n  }\n\n  set usage(usage: number) {\n    // intentionally have done nothing\n  }\n\n  onchangeData(after: Properties, before: Properties): void {\n    const {\n      CURRENTCAPACITY = 0,\n      MAXCAPACITY = 100,\n      HIGHWATERMARK = 100\n    } = typeof this.data == 'object' ? this.data : {}\n\n    const currentUsage = Number(CURRENTCAPACITY) || 0\n    const maxCapacity = Number(MAXCAPACITY) || 100\n    const highWatermark = Number(HIGHWATERMARK) || 100\n\n    this.setState({\n      currentUsage,\n      maxCapacity,\n      highWatermark,\n      usage: Math.round((currentUsage / maxCapacity) * 100)\n    })\n  }\n}\n\nComponent.register('StockerCapacityBar', StockerCapacityBar)\nComponent.register('MCSGaugeCapacityBar', StockerCapacityBar)\n"]}
+{"version":3,"file":"stocker-capacity-bar.js","sourceRoot":"","sources":["../src/stocker-capacity-bar.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, ComponentNature, POSITION, Properties, RectPath, Shape } from '@hatiolab/things-scene'\nimport { MCSStatusMixin } from './features/mcs-status-mixin'\nimport { LEGEND_CAPACITY, Legend } from './features/mcs-status-default'\nimport { safeRound } from './utils/safe-round'\nimport { getVaueOnRanges } from './utils/get-value-on-ranges'\nimport { themesColorRange } from './features/client-api'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'select',\n      label: 'legend-name',\n      name: 'legendName',\n      property: {\n        options: themesColorRange\n      }\n    },\n    {\n      type: 'number',\n      name: 'currentUsage',\n      label: 'current-usage'\n    },\n    {\n      type: 'number',\n      name: 'highWatermark',\n      label: 'high-watermark'\n    },\n    {\n      type: 'number',\n      name: 'lowWatermark',\n      label: 'low-watermark'\n    },\n    {\n      type: 'number',\n      name: 'maxCapacity',\n      label: 'max-capacity'\n    },\n    {\n      type: 'boolean',\n      name: 'fullup',\n      label: 'fullup'\n    },\n    {\n      type: 'number',\n      label: 'round',\n      name: 'round',\n      property: {\n        min: 0\n      }\n    },\n    {\n      type: 'hidden',\n      name: 'usage',\n      label: 'usage'\n    }\n  ],\n  'value-property': 'usage'\n}\n\nvar controlHandler = {\n  ondragmove: function (point: POSITION, index: number, component: Component) {\n    var { left, top, width, height } = component.model\n\n    var transcoorded = component.transcoordP2S(point.x, point.y)\n    var round = ((transcoorded.x - left) / (width / 2)) * 100\n\n    round = safeRound(round, width, height)\n\n    component.set({\n      round\n    })\n  }\n}\n\nexport default class StockerCapacityBar extends MCSStatusMixin(RectPath(Shape)) {\n  static get nature() {\n    return NATURE\n  }\n\n  get controls() {\n    var { left, top, width, round, height } = this.state\n    round = round == undefined ? 0 : safeRound(round, width, height)\n\n    return [\n      {\n        x: left + (width / 2) * (round / 100),\n        y: top,\n        handler: controlHandler\n      }\n    ]\n  }\n\n  getTheme() {\n    const { legendName } = this.state\n\n    if (legendName) {\n      return (this.root as any)?.style?.[legendName]\n    }\n  }\n\n  get legend(): Legend {\n    return this.getTheme() || this.getLegendFallback()\n  }\n\n  getLegendFallback() {\n    return LEGEND_CAPACITY\n  }\n\n  get statusColor() {\n    const { fullup } = this.state\n    return fullup ? 'red' : getVaueOnRanges(this.usage, this.legend)\n  }\n\n  get text() {\n    return this.usage + '%'\n  }\n\n  render(context: CanvasRenderingContext2D) {\n    const { left, top, width, height } = this.bounds\n\n    if (width >= height) {\n      this.renderLandscape(context)\n    } else {\n      this.renderPortrait(context)\n    }\n  }\n\n  renderLandscape(context: CanvasRenderingContext2D) {\n    const { left, top, width, height } = this.bounds\n    const { highWatermark, lowWatermark, lineWidth, strokeStyle, round, fillStyle = 'white' } = this.state\n\n    context.save()\n    context.translate(left, top)\n\n    // gauge background\n    context.beginPath()\n\n    context.fillStyle = fillStyle\n    context.roundRect(0, 0, width, height, round)\n\n    context.fill()\n\n    context.clip()\n\n    // gauge foreground\n    context.beginPath()\n\n    context.fillStyle = this.statusColor!\n\n    context.rect(0, 0, (width / 100) * this.usage, height)\n    context.fill()\n\n    // high-watermark level\n\n    if (highWatermark && highWatermark > 0 && highWatermark < 100) {\n      context.beginPath()\n\n      context.strokeStyle = 'black'\n      context.lineWidth = 1\n      context.setLineDash([3])\n\n      const x = (width / 100) * highWatermark\n      context.moveTo(x, 0)\n      context.lineTo(x, height)\n\n      context.stroke()\n    }\n\n    // low-watermark level\n\n    if (lowWatermark && lowWatermark > 0 && lowWatermark < 100) {\n      context.beginPath()\n\n      context.strokeStyle = 'black'\n      context.lineWidth = 1\n      context.setLineDash([3])\n\n      const x = (width / 100) * lowWatermark\n      context.moveTo(x, 0)\n      context.lineTo(x, height)\n\n      context.stroke()\n    }\n\n    // gauge outline\n    context.beginPath()\n\n    context.setLineDash([])\n    context.strokeStyle = strokeStyle\n    context.lineWidth = lineWidth\n    context.roundRect(0, 0, width, height, round)\n    context.stroke()\n\n    context.beginPath()\n\n    context.translate(-left, -top)\n    context.restore()\n  }\n\n  renderPortrait(context: CanvasRenderingContext2D) {\n    const { left, top, width, height } = this.bounds\n    const { highWatermark, lowWatermark, lineWidth, strokeStyle, round, fillStyle = 'white' } = this.state\n\n    context.save()\n    context.translate(left, top)\n\n    // gauge background\n    context.beginPath()\n\n    context.fillStyle = fillStyle\n    context.roundRect(0, 0, width, height, round)\n\n    context.fill()\n\n    context.clip()\n\n    // gauge foreground\n    context.beginPath()\n\n    context.fillStyle = this.statusColor!\n\n    context.rect(0, height - (height / 100) * this.usage, width, (height / 100) * this.usage)\n    context.fill()\n\n    // high-watermark level\n\n    if (highWatermark && highWatermark > 0 && highWatermark < 100) {\n      context.beginPath()\n\n      context.strokeStyle = 'black'\n      context.lineWidth = 1\n      context.setLineDash([3])\n\n      const y = height - (height / 100) * highWatermark\n      context.moveTo(0, y)\n      context.lineTo(width, y)\n\n      context.stroke()\n    }\n\n    // low-watermark level\n\n    if (lowWatermark && lowWatermark > 0 && lowWatermark < 100) {\n      context.beginPath()\n\n      context.strokeStyle = 'black'\n      context.lineWidth = 1\n      context.setLineDash([3])\n\n      const y = height - (height / 100) * lowWatermark\n      context.moveTo(0, y)\n      context.lineTo(width, y)\n\n      context.stroke()\n    }\n\n    // gauge outline\n    context.beginPath()\n\n    context.setLineDash([])\n    context.strokeStyle = strokeStyle\n    context.lineWidth = lineWidth\n    context.roundRect(0, 0, width, height, round)\n    context.stroke()\n\n    context.beginPath()\n\n    context.translate(-left, -top)\n    context.restore()\n  }\n\n  get usage() {\n    const { currentUsage = 0, maxCapacity = 100 } = this.state\n    return Math.round((currentUsage / maxCapacity) * 100)\n  }\n\n  set usage(usage: number) {\n    // intentionally have done nothing\n  }\n\n  onchangeData(after: Properties, before: Properties): void {\n    const {\n      CURRENTCAPACITY = 0,\n      MAXCAPACITY = 100,\n      HIGHWATERMARK = 100,\n      LOWWATERMARK = 0,\n      FULLUP = false\n    } = typeof this.data == 'object' ? this.data : {}\n\n    const currentUsage = Number(CURRENTCAPACITY) || 0\n    const maxCapacity = Number(MAXCAPACITY) || 100\n    const highWatermark = Number(HIGHWATERMARK) || 100\n    const lowWatermark = Number(LOWWATERMARK) || 0\n\n    this.setState({\n      currentUsage,\n      maxCapacity,\n      highWatermark,\n      lowWatermark,\n      fullup: FULLUP,\n      usage: Math.round((currentUsage / maxCapacity) * 100)\n    })\n  }\n}\n\nComponent.register('StockerCapacityBar', StockerCapacityBar)\nComponent.register('MCSGaugeCapacityBar', StockerCapacityBar)\n"]}