@operato/scene-visualizer 9.2.2 → 10.0.0-beta.10

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 (249) hide show
  1. package/dist/carrier.d.ts +263 -0
  2. package/dist/carrier.js +272 -0
  3. package/dist/carrier.js.map +1 -0
  4. package/dist/desk.d.ts +238 -3
  5. package/dist/desk.js +1 -2
  6. package/dist/desk.js.map +1 -1
  7. package/dist/editors/index.d.ts +3 -0
  8. package/dist/editors/index.js +15 -0
  9. package/dist/editors/index.js.map +1 -1
  10. package/dist/editors/property-editor-gltf-fill-targets.d.ts +20 -0
  11. package/dist/editors/property-editor-gltf-fill-targets.js +313 -0
  12. package/dist/editors/property-editor-gltf-fill-targets.js.map +1 -0
  13. package/dist/editors/property-editor-gltf-info.d.ts +25 -3
  14. package/dist/editors/property-editor-gltf-info.js +333 -73
  15. package/dist/editors/property-editor-gltf-info.js.map +1 -1
  16. package/dist/editors/property-editor-gltf-play-targets.d.ts +25 -0
  17. package/dist/editors/property-editor-gltf-play-targets.js +388 -0
  18. package/dist/editors/property-editor-gltf-play-targets.js.map +1 -0
  19. package/dist/editors/property-editor-location-increase-pattern.js +87 -95
  20. package/dist/editors/property-editor-location-increase-pattern.js.map +1 -1
  21. package/dist/editors/property-editor-stocker-location.d.ts +13 -0
  22. package/dist/editors/property-editor-stocker-location.js +151 -0
  23. package/dist/editors/property-editor-stocker-location.js.map +1 -0
  24. package/dist/editors/property-editor-stocker-ports.d.ts +8 -0
  25. package/dist/editors/property-editor-stocker-ports.js +112 -0
  26. package/dist/editors/property-editor-stocker-ports.js.map +1 -0
  27. package/dist/effects/outline.js +1 -1
  28. package/dist/effects/outline.js.map +1 -1
  29. package/dist/index.d.ts +8 -17
  30. package/dist/index.js +10 -17
  31. package/dist/index.js.map +1 -1
  32. package/dist/rack-table-3d.d.ts +16 -0
  33. package/dist/rack-table-3d.js +95 -0
  34. package/dist/rack-table-3d.js.map +1 -0
  35. package/dist/rack-table-cell.d.ts +238 -3
  36. package/dist/rack-table-cell.js +44 -51
  37. package/dist/rack-table-cell.js.map +1 -1
  38. package/dist/rack-table-location.d.ts +37 -0
  39. package/dist/rack-table-location.js +227 -0
  40. package/dist/rack-table-location.js.map +1 -0
  41. package/dist/rack-table.d.ts +13 -29
  42. package/dist/rack-table.js +121 -380
  43. package/dist/rack-table.js.map +1 -1
  44. package/dist/rack.d.ts +16 -5
  45. package/dist/rack.js +106 -19
  46. package/dist/rack.js.map +1 -1
  47. package/dist/signal-tower.d.ts +492 -0
  48. package/dist/signal-tower.js +275 -0
  49. package/dist/signal-tower.js.map +1 -0
  50. package/dist/stock-hub.d.ts +25 -0
  51. package/dist/stock-hub.js +147 -0
  52. package/dist/stock-hub.js.map +1 -0
  53. package/dist/stock.d.ts +52 -8
  54. package/dist/stock.js +223 -120
  55. package/dist/stock.js.map +1 -1
  56. package/dist/stocker-3d.d.ts +23 -0
  57. package/dist/stocker-3d.js +352 -0
  58. package/dist/stocker-3d.js.map +1 -0
  59. package/dist/stocker-port-3d.d.ts +14 -0
  60. package/dist/stocker-port-3d.js +80 -0
  61. package/dist/stocker-port-3d.js.map +1 -0
  62. package/dist/stocker-port.d.ts +254 -0
  63. package/dist/stocker-port.js +123 -0
  64. package/dist/stocker-port.js.map +1 -0
  65. package/dist/stocker.d.ts +340 -0
  66. package/dist/stocker.js +370 -0
  67. package/dist/stocker.js.map +1 -0
  68. package/dist/tank.d.ts +492 -0
  69. package/dist/tank.js +312 -0
  70. package/dist/tank.js.map +1 -0
  71. package/dist/templates/carrier.d.ts +19 -0
  72. package/dist/templates/carrier.js +20 -0
  73. package/dist/templates/carrier.js.map +1 -0
  74. package/dist/templates/cube.js +1 -1
  75. package/dist/templates/cube.js.map +1 -1
  76. package/dist/templates/cylinder.js +3 -3
  77. package/dist/templates/cylinder.js.map +1 -1
  78. package/dist/templates/index.d.ts +38 -38
  79. package/dist/templates/index.js +15 -1
  80. package/dist/templates/index.js.map +1 -1
  81. package/dist/templates/rack-table.d.ts +2 -0
  82. package/dist/templates/rack-table.js +4 -2
  83. package/dist/templates/rack-table.js.map +1 -1
  84. package/dist/templates/signal-tower.d.ts +21 -0
  85. package/dist/templates/signal-tower.js +22 -0
  86. package/dist/templates/signal-tower.js.map +1 -0
  87. package/dist/templates/sphere.d.ts +1 -0
  88. package/dist/templates/sphere.js +5 -4
  89. package/dist/templates/sphere.js.map +1 -1
  90. package/dist/templates/stock-hub.d.ts +14 -0
  91. package/dist/templates/stock-hub.js +15 -0
  92. package/dist/templates/stock-hub.js.map +1 -0
  93. package/dist/templates/stocker-port.d.ts +17 -0
  94. package/dist/templates/stocker-port.js +17 -0
  95. package/dist/templates/stocker-port.js.map +1 -0
  96. package/dist/templates/stocker.d.ts +27 -0
  97. package/dist/templates/stocker.js +38 -0
  98. package/dist/templates/stocker.js.map +1 -0
  99. package/dist/templates/tank.d.ts +21 -0
  100. package/dist/templates/tank.js +22 -0
  101. package/dist/templates/tank.js.map +1 -0
  102. package/dist/templates/vehicle.d.ts +19 -0
  103. package/dist/templates/vehicle.js +20 -0
  104. package/dist/templates/vehicle.js.map +1 -0
  105. package/dist/templates/visualizer.js +1 -1
  106. package/dist/templates/visualizer.js.map +1 -1
  107. package/dist/vehicle.d.ts +248 -0
  108. package/dist/vehicle.js +133 -0
  109. package/dist/vehicle.js.map +1 -0
  110. package/dist/visualizer.d.ts +5 -5
  111. package/dist/visualizer.js +72 -68
  112. package/dist/visualizer.js.map +1 -1
  113. package/icons/carrier.png +0 -0
  114. package/icons/signal-tower.png +0 -0
  115. package/icons/stock-hub.png +0 -0
  116. package/icons/tank.png +0 -0
  117. package/icons/vehicle.png +0 -0
  118. package/package.json +16 -18
  119. package/translations/en.json +6 -0
  120. package/translations/ja.json +5 -0
  121. package/translations/ko.json +6 -1
  122. package/translations/ms.json +5 -0
  123. package/translations/zh.json +5 -0
  124. package/dist/banner.d.ts +0 -15
  125. package/dist/banner.js +0 -76
  126. package/dist/banner.js.map +0 -1
  127. package/dist/camera.d.ts +0 -20
  128. package/dist/camera.js +0 -108
  129. package/dist/camera.js.map +0 -1
  130. package/dist/cube.d.ts +0 -13
  131. package/dist/cube.js +0 -38
  132. package/dist/cube.js.map +0 -1
  133. package/dist/cylinder.d.ts +0 -11
  134. package/dist/cylinder.js +0 -38
  135. package/dist/cylinder.js.map +0 -1
  136. package/dist/ellipse.d.ts +0 -5
  137. package/dist/ellipse.js +0 -22
  138. package/dist/ellipse.js.map +0 -1
  139. package/dist/gltf-object.d.ts +0 -20
  140. package/dist/gltf-object.js +0 -104
  141. package/dist/gltf-object.js.map +0 -1
  142. package/dist/html-overlay-element.d.ts +0 -1
  143. package/dist/html-overlay-element.js +0 -12
  144. package/dist/html-overlay-element.js.map +0 -1
  145. package/dist/light.d.ts +0 -15
  146. package/dist/light.js +0 -135
  147. package/dist/light.js.map +0 -1
  148. package/dist/polygon.d.ts +0 -17
  149. package/dist/polygon.js +0 -64
  150. package/dist/polygon.js.map +0 -1
  151. package/dist/rect.d.ts +0 -5
  152. package/dist/rect.js +0 -36
  153. package/dist/rect.js.map +0 -1
  154. package/dist/scene/component.d.ts +0 -1
  155. package/dist/scene/component.js +0 -29
  156. package/dist/scene/component.js.map +0 -1
  157. package/dist/sphere.d.ts +0 -11
  158. package/dist/sphere.js +0 -38
  159. package/dist/sphere.js.map +0 -1
  160. package/dist/sprite.d.ts +0 -9
  161. package/dist/sprite.js +0 -28
  162. package/dist/sprite.js.map +0 -1
  163. package/dist/text.d.ts +0 -1
  164. package/dist/text.js +0 -9
  165. package/dist/text.js.map +0 -1
  166. package/dist/three-container-editor.d.ts +0 -22
  167. package/dist/three-container-editor.js +0 -132
  168. package/dist/three-container-editor.js.map +0 -1
  169. package/dist/three-container.d.ts +0 -85
  170. package/dist/three-container.js +0 -565
  171. package/dist/three-container.js.map +0 -1
  172. package/dist/three-controls.d.ts +0 -11
  173. package/dist/three-controls.js +0 -616
  174. package/dist/three-controls.js.map +0 -1
  175. package/dist/three-layout.d.ts +0 -8
  176. package/dist/three-layout.js +0 -20
  177. package/dist/three-layout.js.map +0 -1
  178. package/dist/three-space.d.ts +0 -85
  179. package/dist/three-space.js +0 -570
  180. package/dist/three-space.js.map +0 -1
  181. package/dist/threed/common.d.ts +0 -22
  182. package/dist/threed/common.js +0 -19
  183. package/dist/threed/common.js.map +0 -1
  184. package/dist/threed/floor/floor.d.ts +0 -3
  185. package/dist/threed/floor/floor.js +0 -51
  186. package/dist/threed/floor/floor.js.map +0 -1
  187. package/dist/threed/html/elements.d.ts +0 -2
  188. package/dist/threed/html/elements.js +0 -21
  189. package/dist/threed/html/elements.js.map +0 -1
  190. package/dist/threed/index.d.ts +0 -15
  191. package/dist/threed/index.js +0 -16
  192. package/dist/threed/index.js.map +0 -1
  193. package/dist/threed/real-object-camera-meshed.d.ts +0 -12
  194. package/dist/threed/real-object-camera-meshed.js +0 -49
  195. package/dist/threed/real-object-camera-meshed.js.map +0 -1
  196. package/dist/threed/real-object-camera.d.ts +0 -9
  197. package/dist/threed/real-object-camera.js +0 -31
  198. package/dist/threed/real-object-camera.js.map +0 -1
  199. package/dist/threed/real-object-dom-element.d.ts +0 -9
  200. package/dist/threed/real-object-dom-element.js +0 -40
  201. package/dist/threed/real-object-dom-element.js.map +0 -1
  202. package/dist/threed/real-object-dummy.d.ts +0 -6
  203. package/dist/threed/real-object-dummy.js +0 -11
  204. package/dist/threed/real-object-dummy.js.map +0 -1
  205. package/dist/threed/real-object-extrude.d.ts +0 -21
  206. package/dist/threed/real-object-extrude.js +0 -173
  207. package/dist/threed/real-object-extrude.js.map +0 -1
  208. package/dist/threed/real-object-gltf.d.ts +0 -16
  209. package/dist/threed/real-object-gltf.js +0 -101
  210. package/dist/threed/real-object-gltf.js.map +0 -1
  211. package/dist/threed/real-object-group.d.ts +0 -5
  212. package/dist/threed/real-object-group.js +0 -11
  213. package/dist/threed/real-object-group.js.map +0 -1
  214. package/dist/threed/real-object-mesh.d.ts +0 -13
  215. package/dist/threed/real-object-mesh.js +0 -75
  216. package/dist/threed/real-object-mesh.js.map +0 -1
  217. package/dist/threed/real-object-plane.d.ts +0 -5
  218. package/dist/threed/real-object-plane.js +0 -22
  219. package/dist/threed/real-object-plane.js.map +0 -1
  220. package/dist/threed/real-object-scene.d.ts +0 -21
  221. package/dist/threed/real-object-scene.js +0 -67
  222. package/dist/threed/real-object-scene.js.map +0 -1
  223. package/dist/threed/real-object-sprite-2d.d.ts +0 -14
  224. package/dist/threed/real-object-sprite-2d.js +0 -45
  225. package/dist/threed/real-object-sprite-2d.js.map +0 -1
  226. package/dist/threed/real-object-sprite.d.ts +0 -11
  227. package/dist/threed/real-object-sprite.js +0 -50
  228. package/dist/threed/real-object-sprite.js.map +0 -1
  229. package/dist/threed/real-object-text.d.ts +0 -15
  230. package/dist/threed/real-object-text.js +0 -64
  231. package/dist/threed/real-object-text.js.map +0 -1
  232. package/dist/threed/real-object.d.ts +0 -64
  233. package/dist/threed/real-object.js +0 -260
  234. package/dist/threed/real-object.js.map +0 -1
  235. package/dist/threed/texture/canvas-texture.d.ts +0 -4
  236. package/dist/threed/texture/canvas-texture.js +0 -49
  237. package/dist/threed/texture/canvas-texture.js.map +0 -1
  238. package/dist/threed/texture/text-texture.d.ts +0 -8
  239. package/dist/threed/texture/text-texture.js +0 -79
  240. package/dist/threed/texture/text-texture.js.map +0 -1
  241. package/dist/threed/three-dimensional-container.d.ts +0 -8
  242. package/dist/threed/three-dimensional-container.js +0 -2
  243. package/dist/threed/three-dimensional-container.js.map +0 -1
  244. package/dist/threed/utils/bound-uv-generator.d.ts +0 -16
  245. package/dist/threed/utils/bound-uv-generator.js +0 -42
  246. package/dist/threed/utils/bound-uv-generator.js.map +0 -1
  247. package/dist/wall.d.ts +0 -13
  248. package/dist/wall.js +0 -45
  249. package/dist/wall.js.map +0 -1
@@ -0,0 +1,370 @@
1
+ /*
2
+ * Copyright © HatioLab Inc. All rights reserved.
3
+ *
4
+ * Stocker (AS/RS) Component
5
+ *
6
+ * Configurable automated storage/retrieval system:
7
+ * - Independent L/R rack configuration (bays, levels, depth)
8
+ * - Freely positioned In/Out ports
9
+ * - Central aisle with crane (2-axis movement)
10
+ */
11
+ import { __decorate } from "tslib";
12
+ import { Component, RectPath, Shape, sceneComponent } from '@hatiolab/things-scene';
13
+ import { Stocker3d } from './stocker-3d.js';
14
+ export function computeLayout(state) {
15
+ const { left = 0, top = 0, width = 200, height = 100, aisleRatio = 0.15 } = state;
16
+ const frontSide = state.frontSide || 'auto';
17
+ let vertical;
18
+ let flipped;
19
+ switch (frontSide) {
20
+ case 'left':
21
+ vertical = false;
22
+ flipped = false;
23
+ break;
24
+ case 'right':
25
+ vertical = false;
26
+ flipped = true;
27
+ break;
28
+ case 'top':
29
+ vertical = true;
30
+ flipped = false;
31
+ break;
32
+ case 'bottom':
33
+ vertical = true;
34
+ flipped = true;
35
+ break;
36
+ default:
37
+ vertical = height > width;
38
+ flipped = false;
39
+ break;
40
+ }
41
+ const along = vertical ? height : width;
42
+ const across = vertical ? width : height;
43
+ const lRack = parseRackConfig(state, 'l');
44
+ const rRack = parseRackConfig(state, 'r');
45
+ const hasLeft = lRack.bays > 0 && lRack.levels > 0;
46
+ const hasRight = rRack.bays > 0 && rRack.levels > 0;
47
+ const hasBoth = hasLeft && hasRight;
48
+ const maxBays = Math.max(lRack.bays || 0, rRack.bays || 0, 1);
49
+ const bayW = along / maxBays;
50
+ const aisleSize = across * aisleRatio;
51
+ const rackAreaSize = across - aisleSize;
52
+ let leftLayout = null;
53
+ let rightLayout = null;
54
+ if (vertical) {
55
+ if (hasBoth) {
56
+ const rackW = rackAreaSize / 2;
57
+ leftLayout = { x: left, y: top, w: rackW, h: height, config: lRack };
58
+ rightLayout = { x: left + rackW + aisleSize, y: top, w: rackW, h: height, config: rRack };
59
+ }
60
+ else if (hasLeft) {
61
+ leftLayout = { x: left, y: top, w: rackAreaSize, h: height, config: lRack };
62
+ }
63
+ else if (hasRight) {
64
+ rightLayout = { x: left + aisleSize, y: top, w: rackAreaSize, h: height, config: rRack };
65
+ }
66
+ const aisleX = leftLayout ? leftLayout.x + leftLayout.w : left;
67
+ const aisle = { x: aisleX, y: top, w: aisleSize, h: height };
68
+ return { width, height, left, top, vertical, flipped, along, across, leftRack: leftLayout, rightRack: rightLayout, aisle, maxBays, bayW };
69
+ }
70
+ else {
71
+ if (hasBoth) {
72
+ const rackH = rackAreaSize / 2;
73
+ leftLayout = { x: left, y: top, w: width, h: rackH, config: lRack };
74
+ rightLayout = { x: left, y: top + rackH + aisleSize, w: width, h: rackH, config: rRack };
75
+ }
76
+ else if (hasLeft) {
77
+ leftLayout = { x: left, y: top, w: width, h: rackAreaSize, config: lRack };
78
+ }
79
+ else if (hasRight) {
80
+ rightLayout = { x: left, y: top + aisleSize, w: width, h: rackAreaSize, config: rRack };
81
+ }
82
+ const aisleY = leftLayout ? leftLayout.y + leftLayout.h : top;
83
+ const aisle = { x: left, y: aisleY, w: width, h: aisleSize };
84
+ return { width, height, left, top, vertical, flipped, along, across, leftRack: leftLayout, rightRack: rightLayout, aisle, maxBays, bayW };
85
+ }
86
+ }
87
+ export function parseRackConfig(state, prefix) {
88
+ return {
89
+ bays: state[`${prefix}Bays`] ?? 10,
90
+ levels: state[`${prefix}Levels`] ?? 5,
91
+ depthCount: state[`${prefix}Depth`] ?? 1
92
+ };
93
+ }
94
+ // ── Location ──
95
+ export const DEFAULT_LOCATION_RULE = {
96
+ pattern: '{side}{bay}-{level}-{depth}',
97
+ sideLabels: { L: 'L', R: 'R' },
98
+ bayDir: 'ltr', levelDir: 'btt',
99
+ bayStart: 1, levelStart: 1, depthStart: 1,
100
+ bayDigits: 2, levelDigits: 2, depthDigits: 0
101
+ };
102
+ export function parseLocationRule(state) {
103
+ const raw = state.locationRule;
104
+ if (!raw)
105
+ return DEFAULT_LOCATION_RULE;
106
+ if (typeof raw === 'string') {
107
+ try {
108
+ return { ...DEFAULT_LOCATION_RULE, ...JSON.parse(raw) };
109
+ }
110
+ catch {
111
+ return DEFAULT_LOCATION_RULE;
112
+ }
113
+ }
114
+ return { ...DEFAULT_LOCATION_RULE, ...raw };
115
+ }
116
+ function padNum(n, digits) {
117
+ if (digits <= 0)
118
+ return String(n);
119
+ return String(n).padStart(digits, '0');
120
+ }
121
+ export function buildLocationId(rule, side, bay, level, depth, rackConfig) {
122
+ const sideLabel = rule.sideLabels[side] || side;
123
+ const bayNum = rule.bayDir === 'rtl' ? rackConfig.bays - bay + rule.bayStart : bay - 1 + rule.bayStart;
124
+ const levelNum = rule.levelDir === 'ttb' ? rackConfig.levels - level + rule.levelStart : level - 1 + rule.levelStart;
125
+ const depthNum = depth - 1 + rule.depthStart;
126
+ return rule.pattern
127
+ .replace(/{side}/gi, sideLabel)
128
+ .replace(/{bay}/gi, padNum(bayNum, rule.bayDigits))
129
+ .replace(/{level}/gi, padNum(levelNum, rule.levelDigits))
130
+ .replace(/{depth}/gi, padNum(depthNum, rule.depthDigits));
131
+ }
132
+ // ── NATURE ──
133
+ const NATURE = {
134
+ mutable: false,
135
+ resizable: true,
136
+ rotatable: true,
137
+ properties: [
138
+ { type: 'number', label: 'L-bays', name: 'lBays', property: { min: 0, max: 100, step: 1 } },
139
+ { type: 'number', label: 'L-levels', name: 'lLevels', property: { min: 0, max: 20, step: 1 } },
140
+ { type: 'number', label: 'L-depth', name: 'lDepth', property: { min: 1, max: 3, step: 1 } },
141
+ { type: 'number', label: 'R-bays', name: 'rBays', property: { min: 0, max: 100, step: 1 } },
142
+ { type: 'number', label: 'R-levels', name: 'rLevels', property: { min: 0, max: 20, step: 1 } },
143
+ { type: 'number', label: 'R-depth', name: 'rDepth', property: { min: 1, max: 3, step: 1 } },
144
+ { type: 'number', label: 'cranes', name: 'cranes', property: { min: 1, max: 4, step: 1 } },
145
+ {
146
+ type: 'select', label: 'front-side', name: 'frontSide',
147
+ property: { options: [
148
+ { display: 'Auto', value: 'auto' }, { display: 'Top', value: 'top' },
149
+ { display: 'Bottom', value: 'bottom' }, { display: 'Left', value: 'left' },
150
+ { display: 'Right', value: 'right' }
151
+ ] }
152
+ },
153
+ { type: 'checkbox', label: 'hide-rack-frame', name: 'hideRackFrame' },
154
+ { type: 'number', label: 'aisle-ratio', name: 'aisleRatio', property: { min: 0.05, max: 0.4, step: 0.01 } },
155
+ { type: 'stocker-location', label: 'location-rule', name: 'locationRule' },
156
+ { type: 'number', label: '3d-height', name: 'depth', property: { min: 1 } }
157
+ ],
158
+ help: 'scene/component/stocker'
159
+ };
160
+ // ── Colors ──
161
+ const COLORS = {
162
+ rack: '#e0e0e0',
163
+ rackStroke: '#999',
164
+ aisle: '#d4d4c8',
165
+ aisleRail: '#888',
166
+ crane: '#ff6600',
167
+ craneMast: '#cc5500',
168
+ cellEmpty: '#f5f5f5',
169
+ cellFull: '#4a9eff',
170
+ cellReserved: '#ffcc00',
171
+ cellError: '#e74c3c',
172
+ };
173
+ // ── Component ──
174
+ let Stocker = class Stocker extends RectPath(Shape) {
175
+ _parsedCells = [];
176
+ _parsedCranes = [];
177
+ get nature() { return NATURE; }
178
+ is3dish() { return true; }
179
+ buildRealObject() {
180
+ return new Stocker3d(this);
181
+ }
182
+ get layout() {
183
+ return computeLayout(this.state);
184
+ }
185
+ get locationRule() {
186
+ return parseLocationRule(this.state);
187
+ }
188
+ get cells() {
189
+ return this._parsedCells;
190
+ }
191
+ get cranesData() {
192
+ return this._parsedCranes;
193
+ }
194
+ getCellStatus(side, bay, level, depth) {
195
+ return this._parsedCells.find(c => c.side === side && c.bay === bay && c.level === level && c.depth === depth)?.status;
196
+ }
197
+ getLocationId(side, bay, level, depth) {
198
+ const rackConfig = parseRackConfig(this.state, side === 'L' ? 'l' : 'r');
199
+ return buildLocationId(this.locationRule, side, bay, level, depth, rackConfig);
200
+ }
201
+ // ── Data parsing ──
202
+ onchangeData(_after, _before) {
203
+ const data = (this.data || {});
204
+ if (typeof data.CELLS === 'string') {
205
+ try {
206
+ this._parsedCells = JSON.parse(data.CELLS);
207
+ }
208
+ catch {
209
+ this._parsedCells = [];
210
+ }
211
+ }
212
+ else if (Array.isArray(data.CELLS)) {
213
+ this._parsedCells = data.CELLS;
214
+ }
215
+ if (data.CRANES) {
216
+ if (typeof data.CRANES === 'string') {
217
+ try {
218
+ const parsed = JSON.parse(data.CRANES);
219
+ this._parsedCranes = Array.isArray(parsed) ? parsed : [];
220
+ }
221
+ catch {
222
+ this._parsedCranes = [];
223
+ }
224
+ }
225
+ else if (Array.isArray(data.CRANES)) {
226
+ this._parsedCranes = data.CRANES;
227
+ }
228
+ }
229
+ else if (data.CRANE_BAY != null) {
230
+ this._parsedCranes = [{
231
+ id: 'CR1', bay: data.CRANE_BAY, level: data.CRANE_LEVEL ?? 1,
232
+ side: data.CRANE_SIDE, status: data.CRANE_STATUS, carrier: data.CRANE_CARRIER
233
+ }];
234
+ }
235
+ this.invalidate();
236
+ }
237
+ // ── 2D Rendering (top view) ──
238
+ render(ctx) {
239
+ const { left = 0, top = 0, width = 200, height = 100 } = this.state;
240
+ const layout = this.layout;
241
+ ctx.beginPath();
242
+ ctx.rect(left, top, width, height);
243
+ if (layout.leftRack)
244
+ this._drawRack(ctx, layout.leftRack, 'L', layout);
245
+ if (layout.rightRack)
246
+ this._drawRack(ctx, layout.rightRack, 'R', layout);
247
+ this._drawAisle(ctx, layout);
248
+ this._drawCranes(ctx, layout);
249
+ }
250
+ _visualBay(layout, bay) {
251
+ return layout.flipped ? layout.maxBays - bay + 1 : bay;
252
+ }
253
+ _drawRack(ctx, rack, side, layout) {
254
+ const { bays, levels, depthCount } = rack.config;
255
+ const { vertical, bayW } = layout;
256
+ const depthCellSize = vertical ? rack.w / depthCount : rack.h / depthCount;
257
+ ctx.strokeStyle = COLORS.rackStroke;
258
+ ctx.lineWidth = 0.5;
259
+ for (let d = 0; d < depthCount; d++) {
260
+ for (let b = 1; b <= bays; b++) {
261
+ const vb = this._visualBay(layout, b);
262
+ let cx, cy, cw, ch;
263
+ if (vertical) {
264
+ cx = rack.x + d * depthCellSize;
265
+ cy = rack.y + (vb - 1) * bayW;
266
+ cw = depthCellSize;
267
+ ch = bayW;
268
+ }
269
+ else {
270
+ cx = rack.x + (vb - 1) * bayW;
271
+ cy = rack.y + d * depthCellSize;
272
+ cw = bayW;
273
+ ch = depthCellSize;
274
+ }
275
+ let occupied = 0;
276
+ for (let l = 1; l <= levels; l++) {
277
+ const s = this.getCellStatus(side, b, l, d + 1);
278
+ if (s === 'FULL' || s === 'RESERVED')
279
+ occupied++;
280
+ }
281
+ const ratio = levels > 0 ? occupied / levels : 0;
282
+ ctx.fillStyle = ratio > 0
283
+ ? this._blendColor(COLORS.cellEmpty, COLORS.cellFull, ratio)
284
+ : COLORS.cellEmpty;
285
+ ctx.fillRect(cx, cy, cw, ch);
286
+ ctx.strokeRect(cx, cy, cw, ch);
287
+ }
288
+ }
289
+ }
290
+ _drawAisle(ctx, layout) {
291
+ const { aisle, vertical } = layout;
292
+ ctx.fillStyle = COLORS.aisle;
293
+ ctx.fillRect(aisle.x, aisle.y, aisle.w, aisle.h);
294
+ ctx.strokeStyle = COLORS.aisleRail;
295
+ ctx.lineWidth = 2;
296
+ ctx.beginPath();
297
+ if (vertical) {
298
+ const railX = aisle.x + aisle.w / 2;
299
+ ctx.moveTo(railX, aisle.y);
300
+ ctx.lineTo(railX, aisle.y + aisle.h);
301
+ }
302
+ else {
303
+ const railY = aisle.y + aisle.h / 2;
304
+ ctx.moveTo(aisle.x, railY);
305
+ ctx.lineTo(aisle.x + aisle.w, railY);
306
+ }
307
+ ctx.stroke();
308
+ }
309
+ _drawCranes(ctx, layout) {
310
+ const { cranes: craneCount = 1 } = this.state;
311
+ const cranesData = this._parsedCranes;
312
+ const { aisle, maxBays, bayW, vertical } = layout;
313
+ const count = Math.max(cranesData.length, craneCount);
314
+ const aisleShort = vertical ? aisle.w : aisle.h;
315
+ const craneSize = Math.min(bayW, aisleShort) * 0.6;
316
+ for (let i = 0; i < count; i++) {
317
+ const cd = cranesData[i];
318
+ const bay = cd?.bay ?? Math.round((i + 1) * maxBays / (count + 1));
319
+ const vb = this._visualBay(layout, bay);
320
+ let cx, cy;
321
+ if (vertical) {
322
+ cx = aisle.x + aisle.w / 2;
323
+ cy = aisle.y + (vb - 0.5) * bayW;
324
+ }
325
+ else {
326
+ cx = aisle.x + (vb - 0.5) * bayW;
327
+ cy = aisle.y + aisle.h / 2;
328
+ }
329
+ ctx.strokeStyle = COLORS.craneMast;
330
+ ctx.lineWidth = 2;
331
+ ctx.beginPath();
332
+ if (vertical) {
333
+ ctx.moveTo(aisle.x, cy);
334
+ ctx.lineTo(aisle.x + aisle.w, cy);
335
+ }
336
+ else {
337
+ ctx.moveTo(cx, aisle.y);
338
+ ctx.lineTo(cx, aisle.y + aisle.h);
339
+ }
340
+ ctx.stroke();
341
+ ctx.fillStyle = COLORS.crane;
342
+ ctx.fillRect(cx - craneSize / 2, cy - craneSize / 2, craneSize, craneSize);
343
+ const label = cd?.id || `CR${i + 1}`;
344
+ ctx.fillStyle = '#fff';
345
+ ctx.font = `${Math.max(craneSize * 0.4, 6)}px sans-serif`;
346
+ ctx.textAlign = 'center';
347
+ ctx.textBaseline = 'middle';
348
+ ctx.fillText(label, cx, cy);
349
+ }
350
+ }
351
+ _blendColor(c1, c2, t) {
352
+ const parse = (c) => {
353
+ const m = c.match(/^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i);
354
+ return m ? [parseInt(m[1], 16), parseInt(m[2], 16), parseInt(m[3], 16)] : [200, 200, 200];
355
+ };
356
+ const [r1, g1, b1] = parse(c1);
357
+ const [r2, g2, b2] = parse(c2);
358
+ const r = Math.round(r1 + (r2 - r1) * t);
359
+ const g = Math.round(g1 + (g2 - g1) * t);
360
+ const b = Math.round(b1 + (b2 - b1) * t);
361
+ return `rgb(${r},${g},${b})`;
362
+ }
363
+ };
364
+ Stocker = __decorate([
365
+ sceneComponent('stocker')
366
+ ], Stocker);
367
+ export { Stocker };
368
+ Component.memoize(Stocker.prototype, 'layout', false);
369
+ Component.memoize(Stocker.prototype, 'locationRule', false);
370
+ //# sourceMappingURL=stocker.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"stocker.js","sourceRoot":"","sources":["../src/stocker.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n *\n * Stocker (AS/RS) Component\n *\n * Configurable automated storage/retrieval system:\n * - Independent L/R rack configuration (bays, levels, depth)\n * - Freely positioned In/Out ports\n * - Central aisle with crane (2-axis movement)\n */\n\nimport { Component, ComponentNature, RealObject, RectPath, Shape, sceneComponent } from '@hatiolab/things-scene'\nimport { Stocker3d } from './stocker-3d.js'\n\n// ── Types ──\n\nexport interface RackConfig {\n bays: number\n levels: number\n depthCount: number\n}\n\nexport interface LocationRule {\n pattern: string // '{side}{bay}-{level}-{depth}'\n sideLabels: { L: string; R: string } // { L: 'A', R: 'B' }\n bayDir: 'ltr' | 'rtl' // 번호 방향\n levelDir: 'btt' | 'ttb' // 번호 방향 (bottom-to-top / top-to-bottom)\n bayStart: number // 시작 번호\n levelStart: number\n depthStart: number\n bayDigits: number // 자릿수 (0=패딩 없음)\n levelDigits: number\n depthDigits: number\n}\n\nexport interface CraneData {\n id?: string\n bay: number\n level: number\n side?: 'L' | 'R'\n status?: string // IDLE, MOVING, PICKING, PLACING\n carrier?: string\n}\n\nexport interface StockerCell {\n side: 'L' | 'R'\n bay: number\n level: number\n depth: number\n carrier?: string\n status?: string // FULL, EMPTY, RESERVED, ERROR, ...\n}\n\nexport interface StockerData {\n STATUS?: string\n // 단일 crane (하위 호환)\n CRANE_BAY?: number\n CRANE_LEVEL?: number\n CRANE_SIDE?: 'L' | 'R'\n CRANE_STATUS?: string\n CRANE_CARRIER?: string\n // 복수 crane\n CRANES?: string | CraneData[]\n CELLS?: string | StockerCell[]\n TOTAL_CAPACITY?: number\n CURRENT_COUNT?: number\n}\n\n// ── Layout ──\n\nexport type FrontSide = 'auto' | 'top' | 'bottom' | 'left' | 'right'\n\nexport interface RackLayout {\n x: number; y: number; w: number; h: number\n config: RackConfig\n}\n\nexport interface StockerLayout {\n width: number\n height: number\n left: number\n top: number\n vertical: boolean\n flipped: boolean\n along: number\n across: number\n leftRack: RackLayout | null\n rightRack: RackLayout | null\n aisle: { x: number; y: number; w: number; h: number }\n maxBays: number\n bayW: number\n}\n\nexport function computeLayout(state: any): StockerLayout {\n const { left = 0, top = 0, width = 200, height = 100, aisleRatio = 0.15 } = state\n const frontSide: FrontSide = state.frontSide || 'auto'\n\n let vertical: boolean\n let flipped: boolean\n\n switch (frontSide) {\n case 'left': vertical = false; flipped = false; break\n case 'right': vertical = false; flipped = true; break\n case 'top': vertical = true; flipped = false; break\n case 'bottom': vertical = true; flipped = true; break\n default: vertical = height > width; flipped = false; break\n }\n\n const along = vertical ? height : width\n const across = vertical ? width : height\n\n const lRack = parseRackConfig(state, 'l')\n const rRack = parseRackConfig(state, 'r')\n const hasLeft = lRack.bays > 0 && lRack.levels > 0\n const hasRight = rRack.bays > 0 && rRack.levels > 0\n const hasBoth = hasLeft && hasRight\n\n const maxBays = Math.max(lRack.bays || 0, rRack.bays || 0, 1)\n const bayW = along / maxBays\n\n const aisleSize = across * aisleRatio\n const rackAreaSize = across - aisleSize\n\n let leftLayout: RackLayout | null = null\n let rightLayout: RackLayout | null = null\n\n if (vertical) {\n if (hasBoth) {\n const rackW = rackAreaSize / 2\n leftLayout = { x: left, y: top, w: rackW, h: height, config: lRack }\n rightLayout = { x: left + rackW + aisleSize, y: top, w: rackW, h: height, config: rRack }\n } else if (hasLeft) {\n leftLayout = { x: left, y: top, w: rackAreaSize, h: height, config: lRack }\n } else if (hasRight) {\n rightLayout = { x: left + aisleSize, y: top, w: rackAreaSize, h: height, config: rRack }\n }\n const aisleX = leftLayout ? leftLayout.x + leftLayout.w : left\n const aisle = { x: aisleX, y: top, w: aisleSize, h: height }\n return { width, height, left, top, vertical, flipped, along, across, leftRack: leftLayout, rightRack: rightLayout, aisle, maxBays, bayW }\n } else {\n if (hasBoth) {\n const rackH = rackAreaSize / 2\n leftLayout = { x: left, y: top, w: width, h: rackH, config: lRack }\n rightLayout = { x: left, y: top + rackH + aisleSize, w: width, h: rackH, config: rRack }\n } else if (hasLeft) {\n leftLayout = { x: left, y: top, w: width, h: rackAreaSize, config: lRack }\n } else if (hasRight) {\n rightLayout = { x: left, y: top + aisleSize, w: width, h: rackAreaSize, config: rRack }\n }\n const aisleY = leftLayout ? leftLayout.y + leftLayout.h : top\n const aisle = { x: left, y: aisleY, w: width, h: aisleSize }\n return { width, height, left, top, vertical, flipped, along, across, leftRack: leftLayout, rightRack: rightLayout, aisle, maxBays, bayW }\n }\n}\n\nexport function parseRackConfig(state: any, prefix: 'l' | 'r'): RackConfig {\n return {\n bays: state[`${prefix}Bays`] ?? 10,\n levels: state[`${prefix}Levels`] ?? 5,\n depthCount: state[`${prefix}Depth`] ?? 1\n }\n}\n\n// ── Location ──\n\nexport const DEFAULT_LOCATION_RULE: LocationRule = {\n pattern: '{side}{bay}-{level}-{depth}',\n sideLabels: { L: 'L', R: 'R' },\n bayDir: 'ltr', levelDir: 'btt',\n bayStart: 1, levelStart: 1, depthStart: 1,\n bayDigits: 2, levelDigits: 2, depthDigits: 0\n}\n\nexport function parseLocationRule(state: any): LocationRule {\n const raw = state.locationRule\n if (!raw) return DEFAULT_LOCATION_RULE\n if (typeof raw === 'string') {\n try { return { ...DEFAULT_LOCATION_RULE, ...JSON.parse(raw) } } catch { return DEFAULT_LOCATION_RULE }\n }\n return { ...DEFAULT_LOCATION_RULE, ...raw }\n}\n\nfunction padNum(n: number, digits: number): string {\n if (digits <= 0) return String(n)\n return String(n).padStart(digits, '0')\n}\n\nexport function buildLocationId(\n rule: LocationRule, side: 'L' | 'R', bay: number, level: number, depth: number, rackConfig: RackConfig\n): string {\n const sideLabel = rule.sideLabels[side] || side\n const bayNum = rule.bayDir === 'rtl' ? rackConfig.bays - bay + rule.bayStart : bay - 1 + rule.bayStart\n const levelNum = rule.levelDir === 'ttb' ? rackConfig.levels - level + rule.levelStart : level - 1 + rule.levelStart\n const depthNum = depth - 1 + rule.depthStart\n return rule.pattern\n .replace(/{side}/gi, sideLabel)\n .replace(/{bay}/gi, padNum(bayNum, rule.bayDigits))\n .replace(/{level}/gi, padNum(levelNum, rule.levelDigits))\n .replace(/{depth}/gi, padNum(depthNum, rule.depthDigits))\n}\n\n// ── NATURE ──\n\nconst NATURE: ComponentNature = {\n mutable: false,\n resizable: true,\n rotatable: true,\n properties: [\n { type: 'number', label: 'L-bays', name: 'lBays', property: { min: 0, max: 100, step: 1 } },\n { type: 'number', label: 'L-levels', name: 'lLevels', property: { min: 0, max: 20, step: 1 } },\n { type: 'number', label: 'L-depth', name: 'lDepth', property: { min: 1, max: 3, step: 1 } },\n { type: 'number', label: 'R-bays', name: 'rBays', property: { min: 0, max: 100, step: 1 } },\n { type: 'number', label: 'R-levels', name: 'rLevels', property: { min: 0, max: 20, step: 1 } },\n { type: 'number', label: 'R-depth', name: 'rDepth', property: { min: 1, max: 3, step: 1 } },\n { type: 'number', label: 'cranes', name: 'cranes', property: { min: 1, max: 4, step: 1 } },\n {\n type: 'select', label: 'front-side', name: 'frontSide',\n property: { options: [\n { display: 'Auto', value: 'auto' }, { display: 'Top', value: 'top' },\n { display: 'Bottom', value: 'bottom' }, { display: 'Left', value: 'left' },\n { display: 'Right', value: 'right' }\n ] }\n },\n { type: 'checkbox', label: 'hide-rack-frame', name: 'hideRackFrame' },\n { type: 'number', label: 'aisle-ratio', name: 'aisleRatio', property: { min: 0.05, max: 0.4, step: 0.01 } },\n { type: 'stocker-location', label: 'location-rule', name: 'locationRule' },\n { type: 'number', label: '3d-height', name: 'depth', property: { min: 1 } }\n ],\n help: 'scene/component/stocker'\n}\n\n// ── Colors ──\n\nconst COLORS = {\n rack: '#e0e0e0',\n rackStroke: '#999',\n aisle: '#d4d4c8',\n aisleRail: '#888',\n crane: '#ff6600',\n craneMast: '#cc5500',\n cellEmpty: '#f5f5f5',\n cellFull: '#4a9eff',\n cellReserved: '#ffcc00',\n cellError: '#e74c3c',\n}\n\n// ── Component ──\n\n@sceneComponent('stocker')\nexport class Stocker extends RectPath(Shape) {\n private _parsedCells: StockerCell[] = []\n private _parsedCranes: CraneData[] = []\n\n get nature() { return NATURE }\n\n is3dish() { return true }\n\n buildRealObject(): RealObject | undefined {\n return new Stocker3d(this as any)\n }\n\n get layout(): StockerLayout {\n return computeLayout(this.state)\n }\n\n get locationRule(): LocationRule {\n return parseLocationRule(this.state)\n }\n\n get cells(): StockerCell[] {\n return this._parsedCells\n }\n\n get cranesData(): CraneData[] {\n return this._parsedCranes\n }\n\n getCellStatus(side: 'L' | 'R', bay: number, level: number, depth: number): string | undefined {\n return this._parsedCells.find(\n c => c.side === side && c.bay === bay && c.level === level && c.depth === depth\n )?.status\n }\n\n getLocationId(side: 'L' | 'R', bay: number, level: number, depth: number): string {\n const rackConfig = parseRackConfig(this.state, side === 'L' ? 'l' : 'r')\n return buildLocationId(this.locationRule, side, bay, level, depth, rackConfig)\n }\n\n // ── Data parsing ──\n\n onchangeData(_after: any, _before: any) {\n const data = (this.data || {}) as StockerData\n\n if (typeof data.CELLS === 'string') {\n try { this._parsedCells = JSON.parse(data.CELLS) } catch { this._parsedCells = [] }\n } else if (Array.isArray(data.CELLS)) {\n this._parsedCells = data.CELLS\n }\n\n if (data.CRANES) {\n if (typeof data.CRANES === 'string') {\n try {\n const parsed = JSON.parse(data.CRANES)\n this._parsedCranes = Array.isArray(parsed) ? parsed : []\n } catch { this._parsedCranes = [] }\n } else if (Array.isArray(data.CRANES)) {\n this._parsedCranes = data.CRANES\n }\n } else if (data.CRANE_BAY != null) {\n this._parsedCranes = [{\n id: 'CR1', bay: data.CRANE_BAY, level: data.CRANE_LEVEL ?? 1,\n side: data.CRANE_SIDE, status: data.CRANE_STATUS, carrier: data.CRANE_CARRIER\n }]\n }\n\n this.invalidate()\n }\n\n // ── 2D Rendering (top view) ──\n\n render(ctx: CanvasRenderingContext2D) {\n const { left = 0, top = 0, width = 200, height = 100 } = this.state\n const layout = this.layout\n\n ctx.beginPath()\n ctx.rect(left, top, width, height)\n\n if (layout.leftRack) this._drawRack(ctx, layout.leftRack, 'L', layout)\n if (layout.rightRack) this._drawRack(ctx, layout.rightRack, 'R', layout)\n\n this._drawAisle(ctx, layout)\n this._drawCranes(ctx, layout)\n }\n\n private _visualBay(layout: StockerLayout, bay: number): number {\n return layout.flipped ? layout.maxBays - bay + 1 : bay\n }\n\n private _drawRack(ctx: CanvasRenderingContext2D, rack: RackLayout, side: 'L' | 'R', layout: StockerLayout) {\n const { bays, levels, depthCount } = rack.config\n const { vertical, bayW } = layout\n const depthCellSize = vertical ? rack.w / depthCount : rack.h / depthCount\n\n ctx.strokeStyle = COLORS.rackStroke\n ctx.lineWidth = 0.5\n\n for (let d = 0; d < depthCount; d++) {\n for (let b = 1; b <= bays; b++) {\n const vb = this._visualBay(layout, b)\n\n let cx: number, cy: number, cw: number, ch: number\n if (vertical) {\n cx = rack.x + d * depthCellSize\n cy = rack.y + (vb - 1) * bayW\n cw = depthCellSize\n ch = bayW\n } else {\n cx = rack.x + (vb - 1) * bayW\n cy = rack.y + d * depthCellSize\n cw = bayW\n ch = depthCellSize\n }\n\n let occupied = 0\n for (let l = 1; l <= levels; l++) {\n const s = this.getCellStatus(side, b, l, d + 1)\n if (s === 'FULL' || s === 'RESERVED') occupied++\n }\n\n const ratio = levels > 0 ? occupied / levels : 0\n ctx.fillStyle = ratio > 0\n ? this._blendColor(COLORS.cellEmpty, COLORS.cellFull, ratio)\n : COLORS.cellEmpty\n ctx.fillRect(cx, cy, cw, ch)\n ctx.strokeRect(cx, cy, cw, ch)\n }\n }\n }\n\n private _drawAisle(ctx: CanvasRenderingContext2D, layout: StockerLayout) {\n const { aisle, vertical } = layout\n\n ctx.fillStyle = COLORS.aisle\n ctx.fillRect(aisle.x, aisle.y, aisle.w, aisle.h)\n\n ctx.strokeStyle = COLORS.aisleRail\n ctx.lineWidth = 2\n ctx.beginPath()\n\n if (vertical) {\n const railX = aisle.x + aisle.w / 2\n ctx.moveTo(railX, aisle.y)\n ctx.lineTo(railX, aisle.y + aisle.h)\n } else {\n const railY = aisle.y + aisle.h / 2\n ctx.moveTo(aisle.x, railY)\n ctx.lineTo(aisle.x + aisle.w, railY)\n }\n ctx.stroke()\n }\n\n private _drawCranes(ctx: CanvasRenderingContext2D, layout: StockerLayout) {\n const { cranes: craneCount = 1 } = this.state\n const cranesData = this._parsedCranes\n const { aisle, maxBays, bayW, vertical } = layout\n\n const count = Math.max(cranesData.length, craneCount)\n const aisleShort = vertical ? aisle.w : aisle.h\n const craneSize = Math.min(bayW, aisleShort) * 0.6\n\n for (let i = 0; i < count; i++) {\n const cd = cranesData[i]\n const bay = cd?.bay ?? Math.round((i + 1) * maxBays / (count + 1))\n const vb = this._visualBay(layout, bay)\n\n let cx: number, cy: number\n if (vertical) {\n cx = aisle.x + aisle.w / 2\n cy = aisle.y + (vb - 0.5) * bayW\n } else {\n cx = aisle.x + (vb - 0.5) * bayW\n cy = aisle.y + aisle.h / 2\n }\n\n ctx.strokeStyle = COLORS.craneMast\n ctx.lineWidth = 2\n ctx.beginPath()\n if (vertical) {\n ctx.moveTo(aisle.x, cy)\n ctx.lineTo(aisle.x + aisle.w, cy)\n } else {\n ctx.moveTo(cx, aisle.y)\n ctx.lineTo(cx, aisle.y + aisle.h)\n }\n ctx.stroke()\n\n ctx.fillStyle = COLORS.crane\n ctx.fillRect(cx - craneSize / 2, cy - craneSize / 2, craneSize, craneSize)\n\n const label = cd?.id || `CR${i + 1}`\n ctx.fillStyle = '#fff'\n ctx.font = `${Math.max(craneSize * 0.4, 6)}px sans-serif`\n ctx.textAlign = 'center'\n ctx.textBaseline = 'middle'\n ctx.fillText(label, cx, cy)\n }\n }\n\n private _blendColor(c1: string, c2: string, t: number): string {\n const parse = (c: string) => {\n const m = c.match(/^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i)\n return m ? [parseInt(m[1], 16), parseInt(m[2], 16), parseInt(m[3], 16)] : [200, 200, 200]\n }\n const [r1, g1, b1] = parse(c1)\n const [r2, g2, b2] = parse(c2)\n const r = Math.round(r1 + (r2 - r1) * t)\n const g = Math.round(g1 + (g2 - g1) * t)\n const b = Math.round(b1 + (b2 - b1) * t)\n return `rgb(${r},${g},${b})`\n }\n}\n\nComponent.memoize(Stocker.prototype, 'layout', false)\nComponent.memoize(Stocker.prototype, 'locationRule', false)\n"]}