@gamepark/react-game 6.23.4 → 6.24.2

package/dist/components/material/animations/adjustRotation.js

@@ -1,26 +1,67 @@
 "use strict";
+var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.adjustRotation = void 0;
-var adjustRotation = function (targetTransforms, sourceTransforms) {
-    return targetTransforms.map(function (value, i) { return toClosestRotation(value, sourceTransforms[i]); });
+var adjustRotation = function (transforms, _sourceTransforms) {
+    var result = [];
+    var rotateZ = 0;
+    for (var _i = 0, transforms_1 = transforms; _i < transforms_1.length; _i++) {
+        var transform = transforms_1[_i];
+        var rotateZMatch = transform.match(/rotateZ?\((-?\d+\.?\d*)([^)]*)\)/);
+        if (rotateZMatch) {
+            rotateZ += convertAngle(parseFloat(rotateZMatch[1]), rotateZMatch[2]);
+        }
+        else {
+            if (Math.abs(rotateZ) % 360 === 0 || !transform.startsWith('translate')) {
+                result.push(transform);
+            }
+            else {
+                var values = getTranslateValues(transform);
+                if (!values)
+                    result.push(transform);
+                else {
+                    var x = values.x, y = values.y, z = values.z;
+                    var cos = Math.cos(rotateZ);
+                    var sin = Math.sin(rotateZ);
+                    result.push("translate3d(".concat(cos * x - sin * y, "em, ").concat(cos * y + sin * x, "em, ").concat(z, "em)"));
+                }
+            }
+        }
+    }
+    var radTurn = 2 * Math.PI;
+    var finalRotate = ((rotateZ % radTurn) + radTurn) % radTurn;
+    if (finalRotate)
+        result.push("rotateZ(".concat(finalRotate, "rad)"));
+    return result;
 };
 exports.adjustRotation = adjustRotation;
-var toClosestRotation = function (target, source) {
-    if (!source)
-        return target;
-    var sourceMatch = source.match(/rotate([^(]*)\((-?\d+\.?\d*)([^)]*)\)/);
-    var targetMatch = target.match(/rotate([^(]*)\((-?\d+\.?\d*)([^)]*)\)/);
-    if (!(sourceMatch && targetMatch))
-        return target;
-    var sourceAxis = sourceMatch[1].toLowerCase(), targetAxis = targetMatch[1].toLowerCase();
-    if (!targetAxis || sourceAxis !== targetAxis)
-        return target;
-    var sourceRotation = getRotationDegrees(parseFloat(sourceMatch[2]), sourceMatch[3]);
-    var targetRotation = getRotationDegrees(parseFloat(targetMatch[2]), targetMatch[3]);
-    var delta = Math.round((sourceRotation - targetRotation) / 360);
-    if (delta === 0)
-        return target;
-    return "rotate".concat(targetAxis, "(").concat(targetRotation + delta * 360, "deg)");
+function getTranslateValues(transform) {
+    var translate3d = transform.match(/translate3d\((-?\d+\.?\d*)em, (-?\d+\.?\d*)em, (-?\d+\.?\d*)em\)/);
+    if (translate3d) {
+        return { x: parseFloat(translate3d[1]), y: parseFloat(translate3d[2]), z: parseFloat(translate3d[3]) };
+    }
+    var translate = transform.match(/translate\((-?\d+\.?\d*)em, (-?\d+\.?\d*)em\)/);
+    if (translate) {
+        return { x: parseFloat(translate[1]), y: parseFloat(translate[2]), z: 0 };
+    }
+    var translateX = transform.match(/translateX?\((-?\d+\.?\d*)em\)/);
+    if (translateX) {
+        return { x: parseFloat(translateX[1]), y: 0, z: 0 };
+    }
+    var translateY = transform.match(/translateY\((-?\d+\.?\d*)em\)/);
+    if (translateY) {
+        return { x: 0, y: parseFloat(translateY[1]), z: 0 };
+    }
+    return;
+}
+var angleUnitValue = (_a = {},
+    _a['deg'] = 360,
+    _a['grad'] = 400,
+    _a['rad'] = 2 * Math.PI,
+    _a['turn'] = 1,
+    _a);
+var convertAngle = function (value, unit, targetUnit) {
+    if (targetUnit === void 0) { targetUnit = 'rad'; }
+    return unit === targetUnit ? value : value * angleUnitValue[targetUnit] / angleUnitValue[unit];
 };
-var getRotationDegrees = function (value, unit) { return unit === 'rad' ? value * 180 / Math.PI : value; };
 //# sourceMappingURL=adjustRotation.js.map

package/dist/components/material/animations/adjustRotation.js.map

@@ -1 +1 @@
-{"version":3,"file":"adjustRotation.js","sourceRoot":"","sources":["../../../../src/components/material/animations/adjustRotation.ts"],"names":[],"mappings":";;;AAAO,IAAM,cAAc,GAAG,UAAC,gBAA0B,EAAE,gBAA0B;IACnF,OAAO,gBAAgB,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,CAAC,IAAK,OAAA,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,EAA7C,CAA6C,CAAC,CAAA;AAC1F,CAAC,CAAA;AAFY,QAAA,cAAc,kBAE1B;AAED,IAAM,iBAAiB,GAAG,UAAC,MAAc,EAAE,MAAc;IACvD,IAAI,CAAC,MAAM;QAAE,OAAO,MAAM,CAAA;IAC1B,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,uCAAuC,CAAC,CAAA;IACzE,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,uCAAuC,CAAC,CAAA;IACzE,IAAI,CAAC,CAAC,WAAW,IAAI,WAAW,CAAC;QAAE,OAAO,MAAM,CAAA;IAChD,IAAM,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,EAAE,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAA;IAC1F,IAAI,CAAC,UAAU,IAAI,UAAU,KAAK,UAAU;QAAE,OAAO,MAAM,CAAA;IAC3D,IAAM,cAAc,GAAG,kBAAkB,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAA;IACrF,IAAM,cAAc,GAAG,kBAAkB,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAA;IACrF,IAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,cAAc,GAAG,cAAc,CAAC,GAAG,GAAG,CAAC,CAAA;IACjE,IAAI,KAAK,KAAK,CAAC;QAAE,OAAO,MAAM,CAAA;IAC9B,OAAO,gBAAS,UAAU,cAAI,cAAc,GAAG,KAAK,GAAG,GAAG,SAAM,CAAA;AAClE,CAAC,CAAA;AAED,IAAM,kBAAkB,GAAG,UAAC,KAAa,EAAE,IAAY,IAAK,OAAA,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAA9C,CAA8C,CAAA"}
+{"version":3,"file":"adjustRotation.js","sourceRoot":"","sources":["../../../../src/components/material/animations/adjustRotation.ts"],"names":[],"mappings":"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"}

package/dist/components/material/animations/getFirstStockItemTransforms.util.js

@@ -16,19 +16,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getFirstStockItemTransforms = void 0;
 var isEqual_1 = __importDefault(require("lodash/isEqual"));
-var locators_1 = require("../../../locators");
 var getFirstStockItemTransforms = function (context) {
-    var _a;
-    var rules = context.rules, type = context.type, index = context.index, locators = context.locators, material = context.material;
+    var rules = context.rules, type = context.type, index = context.index, material = context.material;
     var item = rules.material(type).getItem(index);
     var description = material[type];
     var stockLocation = description === null || description === void 0 ? void 0 : description.getStockLocation(item, context);
-    if (!stockLocation)
+    if (!description || !stockLocation)
         return [];
     var stockItem = description === null || description === void 0 ? void 0 : description.getStaticItems(context).find(function (item) { return (0, isEqual_1.default)(item.location, stockLocation); });
     var displayIndex = (stockItem === null || stockItem === void 0 ? void 0 : stockItem.quantity) ? stockItem.quantity - 1 : 0;
-    var stockLocator = (_a = locators[stockLocation.type]) !== null && _a !== void 0 ? _a : locators_1.centerLocator;
-    return stockLocator.transformItem(stockItem !== null && stockItem !== void 0 ? stockItem : { location: stockLocation }, __assign(__assign({}, context), { index: 0, displayIndex: displayIndex }));
+    return description.getItemTransform(stockItem !== null && stockItem !== void 0 ? stockItem : { location: stockLocation }, __assign(__assign({}, context), { index: 0, displayIndex: displayIndex }));
 };
 exports.getFirstStockItemTransforms = getFirstStockItemTransforms;
 //# sourceMappingURL=getFirstStockItemTransforms.util.js.map

package/dist/components/material/animations/getFirstStockItemTransforms.util.js.map

@@ -1 +1 @@
-{"version":3,"file":"getFirstStockItemTransforms.util.js","sourceRoot":"","sources":["../../../../src/components/material/animations/getFirstStockItemTransforms.util.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,2DAAoC;AACpC,8CAA2E;AAEpE,IAAM,2BAA2B,GAAG,UACzC,OAA6B;;IAErB,IAAA,KAAK,GAAsC,OAAO,MAA7C,EAAE,IAAI,GAAgC,OAAO,KAAvC,EAAE,KAAK,GAAyB,OAAO,MAAhC,EAAE,QAAQ,GAAe,OAAO,SAAtB,EAAE,QAAQ,GAAK,OAAO,SAAZ,CAAY;IAC1D,IAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,KAAK,CAAE,CAAA;IACjD,IAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IAClC,IAAM,aAAa,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,gBAAgB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;IAClE,IAAI,CAAC,aAAa;QAAE,OAAO,EAAE,CAAA;IAC7B,IAAM,SAAS,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,cAAc,CAAC,OAAO,EAAE,IAAI,CAAC,UAAA,IAAI,IAAI,OAAA,IAAA,iBAAO,EAAC,IAAI,CAAC,QAAQ,EAAE,aAAa,CAAC,EAArC,CAAqC,CAAC,CAAA;IAC1G,IAAM,YAAY,GAAG,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,EAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IACrE,IAAM,YAAY,GAAG,MAAA,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,mCAAI,wBAAgD,CAAA;IACrG,OAAO,YAAY,CAAC,aAAa,CAAC,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,QAAQ,EAAE,aAAa,EAAE,wBAAO,OAAO,KAAE,KAAK,EAAE,CAAC,EAAE,YAAY,cAAA,IAAG,CAAA;AACrH,CAAC,CAAA;AAZY,QAAA,2BAA2B,+BAYvC"}
+{"version":3,"file":"getFirstStockItemTransforms.util.js","sourceRoot":"","sources":["../../../../src/components/material/animations/getFirstStockItemTransforms.util.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,2DAAoC;AAG7B,IAAM,2BAA2B,GAAG,UACzC,OAA6B;IAErB,IAAA,KAAK,GAA4B,OAAO,MAAnC,EAAE,IAAI,GAAsB,OAAO,KAA7B,EAAE,KAAK,GAAe,OAAO,MAAtB,EAAE,QAAQ,GAAK,OAAO,SAAZ,CAAY;IAChD,IAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,KAAK,CAAE,CAAA;IACjD,IAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IAClC,IAAM,aAAa,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,gBAAgB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;IAClE,IAAI,CAAC,WAAW,IAAI,CAAC,aAAa;QAAE,OAAO,EAAE,CAAA;IAC7C,IAAM,SAAS,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,cAAc,CAAC,OAAO,EAAE,IAAI,CAAC,UAAA,IAAI,IAAI,OAAA,IAAA,iBAAO,EAAC,IAAI,CAAC,QAAQ,EAAE,aAAa,CAAC,EAArC,CAAqC,CAAC,CAAA;IAC1G,IAAM,YAAY,GAAG,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,EAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IACrE,OAAO,WAAW,CAAC,gBAAgB,CAAC,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,QAAQ,EAAE,aAAa,EAAE,wBAAO,OAAO,KAAE,KAAK,EAAE,CAAC,EAAE,YAAY,cAAA,IAAG,CAAA;AACvH,CAAC,CAAA;AAXY,QAAA,2BAA2B,+BAWvC"}

package/dist/components/material/animations/rotations.utils.d.ts

@@ -0,0 +1,2 @@
+export declare const toSingleRotation: (transforms: string[]) => string[];
+export declare const toClosestRotations: (originTransforms: string[], targetTransforms: string[]) => void;

package/dist/components/material/animations/rotations.utils.js

@@ -0,0 +1,99 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toClosestRotations = exports.toSingleRotation = void 0;
+var toSingleRotation = function (transforms) {
+    var result = [];
+    var rotateZ = 0;
+    for (var _i = 0, transforms_1 = transforms; _i < transforms_1.length; _i++) {
+        var transform = transforms_1[_i];
+        var rotateZMatch = transform.match(/rotateZ?\((-?\d+\.?\d*)([^)]*)\)/);
+        if (rotateZMatch) {
+            rotateZ += convertAngle(parseFloat(rotateZMatch[1]), rotateZMatch[2]);
+        }
+        else {
+            if (Math.abs(rotateZ) % 360 === 0 || !transform.startsWith('translate')) {
+                result.push(transform);
+            }
+            else {
+                var values = getTranslateValues(transform);
+                if (!values)
+                    result.push(transform);
+                else {
+                    var x = values.x, y = values.y, z = values.z;
+                    var cos = Math.cos(rotateZ);
+                    var sin = Math.sin(rotateZ);
+                    result.push("translate3d(".concat(cos * x - sin * y, "em, ").concat(cos * y + sin * x, "em, ").concat(z, "em)"));
+                }
+            }
+        }
+    }
+    var radTurn = 2 * Math.PI;
+    var finalRotate = ((rotateZ % radTurn) + radTurn) % radTurn;
+    if (finalRotate)
+        result.push("rotateZ(".concat(finalRotate, "rad)"));
+    return result;
+};
+exports.toSingleRotation = toSingleRotation;
+function getTranslateValues(transform) {
+    var translate3d = transform.match(/translate3d\((-?\d+\.?\d*)em, (-?\d+\.?\d*)em, (-?\d+\.?\d*)em\)/);
+    if (translate3d) {
+        return { x: parseFloat(translate3d[1]), y: parseFloat(translate3d[2]), z: parseFloat(translate3d[3]) };
+    }
+    var translate = transform.match(/translate\((-?\d+\.?\d*)em, (-?\d+\.?\d*)em\)/);
+    if (translate) {
+        return { x: parseFloat(translate[1]), y: parseFloat(translate[2]), z: 0 };
+    }
+    var translateX = transform.match(/translateX?\((-?\d+\.?\d*)em\)/);
+    if (translateX) {
+        return { x: parseFloat(translateX[1]), y: 0, z: 0 };
+    }
+    var translateY = transform.match(/translateY\((-?\d+\.?\d*)em\)/);
+    if (translateY) {
+        return { x: 0, y: parseFloat(translateY[1]), z: 0 };
+    }
+    return;
+}
+var angleUnitValue = (_a = {},
+    _a['deg'] = 360,
+    _a['grad'] = 400,
+    _a['rad'] = 2 * Math.PI,
+    _a['turn'] = 1,
+    _a);
+var convertAngle = function (value, unit, targetUnit) {
+    if (targetUnit === void 0) { targetUnit = 'rad'; }
+    return unit === targetUnit ? value : value * angleUnitValue[targetUnit] / angleUnitValue[unit];
+};
+var toClosestRotations = function (originTransforms, targetTransforms) {
+    var _a, _b;
+    var lastOriginAngle = 0;
+    var lastTargetAngle = 0;
+    for (var i = 0; i < Math.max(originTransforms.length, targetTransforms.length); i++) {
+        var originMatch = (_a = originTransforms[i]) === null || _a === void 0 ? void 0 : _a.match(/rotateZ?\((-?\d+\.?\d*)([^)]*)\)/);
+        if (originMatch) {
+            var originAngle = convertAngle(parseFloat(originMatch[1]), originMatch[2]);
+            var delta = Math.round((lastTargetAngle - originAngle) / (2 * Math.PI));
+            if (delta === 0) {
+                lastOriginAngle = originAngle;
+            }
+            else {
+                lastOriginAngle = originAngle + delta * 2 * Math.PI;
+                originTransforms[i] = "rotateZ(".concat(lastOriginAngle, "rad)");
+            }
+        }
+        var targetMatch = (_b = targetTransforms[i]) === null || _b === void 0 ? void 0 : _b.match(/rotateZ?\((-?\d+\.?\d*)([^)]*)\)/);
+        if (targetMatch) {
+            var targetAngle = convertAngle(parseFloat(targetMatch[1]), targetMatch[2]);
+            var delta = Math.round((lastOriginAngle - targetAngle) / (2 * Math.PI));
+            if (delta === 0) {
+                lastTargetAngle = targetAngle;
+            }
+            else {
+                lastTargetAngle = targetAngle + delta * 2 * Math.PI;
+                targetTransforms[i] = "rotateZ(".concat(lastTargetAngle, "rad)");
+            }
+        }
+    }
+};
+exports.toClosestRotations = toClosestRotations;
+//# sourceMappingURL=rotations.utils.js.map

package/dist/components/material/animations/rotations.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rotations.utils.js","sourceRoot":"","sources":["../../../../src/components/material/animations/rotations.utils.ts"],"names":[],"mappings":";;;;AAAO,IAAM,gBAAgB,GAAG,UAAC,UAAoB;IACnD,IAAM,MAAM,GAAa,EAAE,CAAA;IAC3B,IAAI,OAAO,GAAG,CAAC,CAAA;IACf,KAAwB,UAAU,EAAV,yBAAU,EAAV,wBAAU,EAAV,IAAU,EAAE;QAA/B,IAAM,SAAS,mBAAA;QAClB,IAAM,YAAY,GAAG,SAAS,CAAC,KAAK,CAAC,kCAAkC,CAAC,CAAA;QACxE,IAAI,YAAY,EAAE;YAChB,OAAO,IAAI,YAAY,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,CAAA;SACtE;aAAM;YACL,IAAI,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE;gBACvE,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;aACvB;iBAAM;gBACL,IAAM,MAAM,GAAG,kBAAkB,CAAC,SAAS,CAAC,CAAA;gBAC5C,IAAI,CAAC,MAAM;oBAAE,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;qBAC9B;oBACK,IAAA,CAAC,GAAW,MAAM,EAAjB,EAAE,CAAC,GAAQ,MAAM,EAAd,EAAE,CAAC,GAAK,MAAM,EAAX,CAAW;oBAC1B,IAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;oBAC7B,IAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;oBAC7B,MAAM,CAAC,IAAI,CAAC,sBAAe,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,iBAAO,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,iBAAO,CAAC,QAAK,CAAC,CAAA;iBACnF;aACF;SACF;KACF;IACD,IAAM,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,CAAA;IAC3B,IAAM,WAAW,GAAG,CAAC,CAAC,OAAO,GAAG,OAAO,CAAC,GAAG,OAAO,CAAC,GAAG,OAAO,CAAA;IAC7D,IAAI,WAAW;QAAE,MAAM,CAAC,IAAI,CAAC,kBAAW,WAAW,SAAM,CAAC,CAAA;IAC1D,OAAO,MAAM,CAAA;AACf,CAAC,CAAA;AA1BY,QAAA,gBAAgB,oBA0B5B;AAED,SAAS,kBAAkB,CAAC,SAAiB;IAC3C,IAAM,WAAW,GAAG,SAAS,CAAC,KAAK,CAAC,kEAAkE,CAAC,CAAA;IACvG,IAAI,WAAW,EAAE;QACf,OAAO,EAAE,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;KACvG;IACD,IAAM,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC,+CAA+C,CAAC,CAAA;IAClF,IAAI,SAAS,EAAE;QACb,OAAO,EAAE,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA;KAC1E;IACD,IAAM,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,gCAAgC,CAAC,CAAA;IACpE,IAAI,UAAU,EAAE;QACd,OAAO,EAAE,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA;KACpD;IACD,IAAM,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,+BAA+B,CAAC,CAAA;IACnE,IAAI,UAAU,EAAE;QACd,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA;KACpD;IACD,OAAM;AACR,CAAC;AAED,IAAM,cAAc;IAClB,GAAC,KAAK,IAAG,GAAG;IACZ,GAAC,MAAM,IAAG,GAAG;IACb,GAAC,KAAK,IAAG,CAAC,GAAG,IAAI,CAAC,EAAE;IACpB,GAAC,MAAM,IAAG,CAAC;OACZ,CAAA;AAED,IAAM,YAAY,GAAG,UAAC,KAAa,EAAE,IAAY,EAAE,UAA0B;IAA1B,2BAAA,EAAA,kBAA0B;IAC3E,OAAA,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,cAAc,CAAC,UAAU,CAAC,GAAG,cAAc,CAAC,IAAI,CAAC;AAAvF,CAAuF,CAAA;AAElF,IAAM,kBAAkB,GAAG,UAAC,gBAA0B,EAAE,gBAA0B;;IACvF,IAAI,eAAe,GAAG,CAAC,CAAA;IACvB,IAAI,eAAe,GAAG,CAAC,CAAA;IACvB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,MAAM,EAAE,gBAAgB,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE;QACnF,IAAM,WAAW,GAAG,MAAA,gBAAgB,CAAC,CAAC,CAAC,0CAAE,KAAK,CAAC,kCAAkC,CAAC,CAAA;QAClF,IAAI,WAAW,EAAE;YACf,IAAM,WAAW,GAAG,YAAY,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAA;YAC5E,IAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,eAAe,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC,CAAA;YACzE,IAAI,KAAK,KAAK,CAAC,EAAE;gBACf,eAAe,GAAG,WAAW,CAAA;aAC9B;iBAAM;gBACL,eAAe,GAAG,WAAW,GAAG,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,CAAA;gBACnD,gBAAgB,CAAC,CAAC,CAAC,GAAG,kBAAW,eAAe,SAAM,CAAA;aACvD;SACF;QACD,IAAM,WAAW,GAAG,MAAA,gBAAgB,CAAC,CAAC,CAAC,0CAAE,KAAK,CAAC,kCAAkC,CAAC,CAAA;QAClF,IAAI,WAAW,EAAE;YACf,IAAM,WAAW,GAAG,YAAY,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAA;YAC5E,IAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,eAAe,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC,CAAA;YACzE,IAAI,KAAK,KAAK,CAAC,EAAE;gBACf,eAAe,GAAG,WAAW,CAAA;aAC9B;iBAAM;gBACL,eAAe,GAAG,WAAW,GAAG,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,CAAA;gBACnD,gBAAgB,CAAC,CAAC,CAAC,GAAG,kBAAW,eAAe,SAAM,CAAA;aACvD;SACF;KACF;AACH,CAAC,CAAA;AA3BY,QAAA,kBAAkB,sBA2B9B"}

package/dist/components/material/animations/transformItem.util.js

@@ -10,13 +10,11 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.transformItem = void 0;
-var locators_1 = require("../../../locators");
 function transformItem(context) {
-    var _a;
-    var rules = context.rules, type = context.type, index = context.index, locators = context.locators, dragTransform = context.dragTransform;
+    var _a, _b;
+    var rules = context.rules, type = context.type, index = context.index, material = context.material, dragTransform = context.dragTransform;
     var currentItem = rules.material(type).getItem(index);
-    var sourceLocator = (_a = locators[currentItem.location.type]) !== null && _a !== void 0 ? _a : locators_1.centerLocator;
-    var locatorTransforms = sourceLocator.transformItem(currentItem, context);
+    var locatorTransforms = (_b = (_a = material[type]) === null || _a === void 0 ? void 0 : _a.getItemTransform(currentItem, context)) !== null && _b !== void 0 ? _b : [];
     return dragTransform ? __spreadArray([dragTransform], locatorTransforms, true) : locatorTransforms;
 }
 exports.transformItem = transformItem;

package/dist/components/material/animations/transformItem.util.js.map

@@ -1 +1 @@
-{"version":3,"file":"transformItem.util.js","sourceRoot":"","sources":["../../../../src/components/material/animations/transformItem.util.ts"],"names":[],"mappings":";;;;;;;;;;;;AACA,8CAA2E;AAE3E,SAAgB,aAAa,CAAkF,OAA6B;;IAClI,IAAA,KAAK,GAA2C,OAAO,MAAlD,EAAE,IAAI,GAAqC,OAAO,KAA5C,EAAE,KAAK,GAA8B,OAAO,MAArC,EAAE,QAAQ,GAAoB,OAAO,SAA3B,EAAE,aAAa,GAAK,OAAO,cAAZ,CAAY;IAC/D,IAAM,WAAW,GAAuB,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,KAAK,CAAE,CAAA;IAC5E,IAAM,aAAa,GAAG,MAAA,QAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,mCAAI,wBAAgD,CAAA;IAC7G,IAAM,iBAAiB,GAAG,aAAa,CAAC,aAAa,CAAC,WAAW,EAAE,OAAO,CAAC,CAAA;IAC3E,OAAO,aAAa,CAAC,CAAC,gBAAE,aAAa,GAAK,iBAAiB,QAAE,CAAC,CAAC,iBAAiB,CAAA;AAClF,CAAC;AAND,sCAMC"}
+{"version":3,"file":"transformItem.util.js","sourceRoot":"","sources":["../../../../src/components/material/animations/transformItem.util.ts"],"names":[],"mappings":";;;;;;;;;;;;AAGA,SAAgB,aAAa,CAAkF,OAA6B;;IAClI,IAAA,KAAK,GAA2C,OAAO,MAAlD,EAAE,IAAI,GAAqC,OAAO,KAA5C,EAAE,KAAK,GAA8B,OAAO,MAArC,EAAE,QAAQ,GAAoB,OAAO,SAA3B,EAAE,aAAa,GAAK,OAAO,cAAZ,CAAY;IAC/D,IAAM,WAAW,GAAuB,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,KAAK,CAAE,CAAA;IAC5E,IAAM,iBAAiB,GAAG,MAAA,MAAA,QAAQ,CAAC,IAAI,CAAC,0CAAE,gBAAgB,CAAC,WAAW,EAAE,OAAO,CAAC,mCAAI,EAAE,CAAA;IACtF,OAAO,aAAa,CAAC,CAAC,gBAAE,aAAa,GAAK,iBAAiB,QAAE,CAAC,CAAC,iBAAiB,CAAA;AAClF,CAAC;AALD,sCAKC"}

package/dist/components/material/index.d.ts

@@ -1,5 +1,6 @@
 export * from './animations';
 export * from './locations';
+export * from './ComponentDescription';
 export * from './Dices';
 export * from './Writing';
 export * from './FlatMaterial';

package/dist/components/material/index.js

@@ -16,6 +16,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./animations"), exports);
 __exportStar(require("./locations"), exports);
+__exportStar(require("./ComponentDescription"), exports);
 __exportStar(require("./Dices"), exports);
 __exportStar(require("./Writing"), exports);
 __exportStar(require("./FlatMaterial"), exports);

package/dist/components/material/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/material/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA4B;AAC5B,8CAA2B;AAC3B,0CAAuB;AACvB,4CAAyB;AACzB,iDAA8B;AAC9B,8CAA2B;AAC3B,sDAAmC;AACnC,0DAAuC;AACvC,wDAAqC;AACrC,gDAA6B;AAC7B,0CAAuB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/material/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA4B;AAC5B,8CAA2B;AAC3B,yDAAsC;AACtC,0CAAuB;AACvB,4CAAyB;AACzB,iDAA8B;AAC9B,8CAA2B;AAC3B,sDAAmC;AACnC,0DAAuC;AACvC,wDAAqC;AACrC,gDAA6B;AAC7B,0CAAuB"}

package/dist/components/material/locations/DropAreaDescription.d.ts

@@ -0,0 +1,9 @@
+import { Location, MaterialMove } from '@gamepark/rules-api';
+import { ElementType } from 'react';
+import { ItemContext } from '../../../locators';
+import { LocationDescription } from './LocationDescription';
+export declare class DropAreaDescription<P extends number = number, M extends number = number, L extends number = number, Id = any> extends LocationDescription<P, M, L, Id> {
+    Component: ElementType;
+    canDrop(move: MaterialMove<P, M, L>, location: Location<P, L>, context: ItemContext<P, M, L>): boolean;
+    getBestDropMove(moves: MaterialMove<P, M, L>[], location: Location<P, L>, context: ItemContext<P, M, L>): MaterialMove<P, M, L>;
+}

package/dist/components/material/locations/DropAreaDescription.js

@@ -0,0 +1,46 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropAreaDescription = void 0;
+var rules_api_1 = require("@gamepark/rules-api");
+var isEqual_1 = __importDefault(require("lodash/isEqual"));
+var LocationDescription_1 = require("./LocationDescription");
+var SimpleDropArea_1 = require("./SimpleDropArea");
+var DropAreaDescription = (function (_super) {
+    __extends(DropAreaDescription, _super);
+    function DropAreaDescription() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.Component = SimpleDropArea_1.SimpleDropArea;
+        return _this;
+    }
+    DropAreaDescription.prototype.canDrop = function (move, location, context) {
+        return this.isMoveToLocation(move, location, context);
+    };
+    DropAreaDescription.prototype.getBestDropMove = function (moves, location, context) {
+        var exactMove = moves.find(function (move) { return (0, rules_api_1.isMoveItem)(move) && (0, isEqual_1.default)(location, move.location); });
+        if (exactMove)
+            return exactMove;
+        var moveWithSameRotation = moves.find(function (move) { var _a; return (0, rules_api_1.isMoveItem)(move) && move.location.rotation === ((_a = context.rules.material(move.itemType).getItem(move.itemIndex)) === null || _a === void 0 ? void 0 : _a.location.rotation); });
+        return moveWithSameRotation !== null && moveWithSameRotation !== void 0 ? moveWithSameRotation : moves[0];
+    };
+    return DropAreaDescription;
+}(LocationDescription_1.LocationDescription));
+exports.DropAreaDescription = DropAreaDescription;
+//# sourceMappingURL=DropAreaDescription.js.map

package/dist/components/material/locations/DropAreaDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropAreaDescription.js","sourceRoot":"","sources":["../../../../src/components/material/locations/DropAreaDescription.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,iDAAwE;AACxE,2DAAoC;AAGpC,6DAA2D;AAC3D,mDAAiD;AAEjD;IACU,uCAAgC;IAD1C;QAAA,qEAkBC;QAfC,eAAS,GAAgB,+BAAc,CAAA;;IAezC,CAAC;IAbC,qCAAO,GAAP,UAAQ,IAA2B,EAAE,QAAwB,EAAE,OAA6B;QAC1F,OAAO,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;IACvD,CAAC;IAED,6CAAe,GAAf,UAAgB,KAA8B,EAAE,QAAwB,EAAE,OAA6B;QACrG,IAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,UAAC,IAAI,IAAK,OAAA,IAAA,sBAAU,EAAC,IAAI,CAAC,IAAI,IAAA,iBAAO,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,EAApD,CAAoD,CAAC,CAAA;QAC5F,IAAI,SAAS;YAAE,OAAO,SAAS,CAAA;QAE/B,IAAM,oBAAoB,GAAG,KAAK,CAAC,IAAI,CAAC,UAAA,IAAI,YAC1C,OAAA,IAAA,sBAAU,EAAC,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,MAAK,MAAA,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,0CAAE,QAAQ,CAAC,QAAQ,CAAA,CAAA,EAAA,CAChI,CAAA;QACD,OAAO,oBAAoB,aAApB,oBAAoB,cAApB,oBAAoB,GAAI,KAAK,CAAC,CAAC,CAAC,CAAA;IACzC,CAAC;IACH,0BAAC;AAAD,CAAC,AAlBD,CACU,yCAAmB,GAiB5B;AAlBY,kDAAmB"}

package/dist/components/material/locations/LocationComponent.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { LocationDisplayProps } from './LocationDisplay';
+export type LocationComponentProps<P extends number = number, M extends number = number, L extends number = number> = LocationDisplayProps<P, M, L> & {
+    highlight?: boolean;
+    onShortClick?: () => void;
+    onLongClick?: () => void;
+};
+export declare const LocationComponent: import("react").ForwardRefExoticComponent<{
+    location: import("@gamepark/rules-api").Location<number, number, any, any>;
+    description: import("./LocationDescription").LocationDescription<number, number, number, any>;
+    canDrop?: boolean | undefined;
+} & import("react").HTMLAttributes<HTMLDivElement> & {
+    highlight?: boolean | undefined;
+    onShortClick?: (() => void) | undefined;
+    onLongClick?: (() => void) | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/material/locations/LocationComponent.js

@@ -0,0 +1,89 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LocationComponent = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_1 = require("@emotion/react");
+var react_2 = require("react");
+var use_long_press_1 = require("use-long-press");
+var css_1 = require("../../../css");
+var hooks_1 = require("../../../hooks");
+var utilities_1 = require("../../../utilities");
+var LocationDisplay_1 = require("./LocationDisplay");
+exports.LocationComponent = (0, react_2.forwardRef)(function (_a, ref) {
+    var _b;
+    var location = _a.location, description = _a.description, highlight = _a.highlight, onShortClick = _a.onShortClick, onLongClick = _a.onLongClick, props = __rest(_a, ["location", "description", "highlight", "onShortClick", "onLongClick"]);
+    var context = (0, hooks_1.useMaterialContext)();
+    var play = (0, hooks_1.usePlay)();
+    var displayHelp = (0, react_2.useMemo)(function () {
+        var move = description.displayHelp(location, context);
+        return move && (function () { return play(move, { local: true }); });
+    }, [location, context]);
+    onLongClick = onLongClick !== null && onLongClick !== void 0 ? onLongClick : (onShortClick ? displayHelp : undefined);
+    onShortClick = onShortClick !== null && onShortClick !== void 0 ? onShortClick : displayHelp;
+    var _c = (0, react_2.useState)(false), clicking = _c[0], setClicking = _c[1];
+    var lastShortClick = (0, react_2.useRef)(new Date().getTime());
+    var listeners = (0, use_long_press_1.useLongPress)(function () { return onLongClick && onLongClick(); }, {
+        detect: use_long_press_1.LongPressEventType.Pointer,
+        cancelOnMovement: 5,
+        threshold: 600,
+        onStart: function (event) {
+            setClicking(true);
+            event.stopPropagation();
+        },
+        onFinish: function () { return setClicking(false); },
+        onCancel: function (_, _a) {
+            var reason = _a.reason;
+            if (reason === use_long_press_1.LongPressCallbackReason.CancelledByRelease && onShortClick) {
+                var time = new Date().getTime();
+                if (time - lastShortClick.current < 300)
+                    return;
+                lastShortClick.current = time;
+                setTimeout(onShortClick);
+            }
+        },
+        filterEvents: function (event) { return !event.button; }
+    })();
+    highlight = highlight || ((_b = description.highlight) === null || _b === void 0 ? void 0 : _b.call(description, location, context));
+    return ((0, jsx_runtime_1.jsx)(LocationDisplay_1.LocationDisplay, __assign({ ref: ref, location: location, description: description, css: [
+            (onShortClick || onLongClick) ? hoverHighlight : noPointerEvents,
+            onLongClick && clicking && clickingAnimation,
+            highlight && css_1.shineEffect
+        ] }, props, (0, utilities_1.combineEventListeners)(listeners, props))));
+});
+var hoverHighlight = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  cursor: pointer;\n\n  &:hover {\n    background-color: rgba(255, 255, 255, 0.2);\n  }\n"], ["\n  cursor: pointer;\n\n  &:hover {\n    background-color: rgba(255, 255, 255, 0.2);\n  }\n"])));
+var noPointerEvents = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  pointer-events: none;\n"], ["\n  pointer-events: none;\n"])));
+var clickingKeyframes = function (theme) {
+    var _a;
+    return (0, react_1.keyframes)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  from {\n    background-color: rgba(255, 255, 255, 0.2);\n  }\n  to {\n    background-color: ", ";\n  }\n"], ["\n  from {\n    background-color: rgba(255, 255, 255, 0.2);\n  }\n  to {\n    background-color: ", ";\n  }\n"])), (_a = theme.dropArea) === null || _a === void 0 ? void 0 : _a.backgroundColor);
+};
+var longClickThreshold = 600;
+var clickingAnimation = function (theme) { return (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  animation: ", " ", "ms ease-in-out;\n"], ["\n  animation: ", " ", "ms ease-in-out;\n"])), clickingKeyframes(theme), longClickThreshold); };
+exports.LocationComponent.displayName = 'LocationComponent';
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=LocationComponent.js.map

package/dist/components/material/locations/LocationComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocationComponent.js","sourceRoot":"","sources":["../../../../src/components/material/locations/LocationComponent.tsx"],"names":[],"mappings":"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"}

package/dist/components/material/locations/LocationDescription.d.ts

@@ -1,45 +1,34 @@
 import { Interpolation, Theme } from '@emotion/react';
-import { Coordinates, Location, MaterialMove } from '@gamepark/rules-api';
-import { ComponentType } from 'react';
-import { ItemContext, LocationContext, LocationHelpProps, MaterialContext } from '../../../locators';
-import { ComponentSize } from '../MaterialDescription';
-export declare class LocationDescription<P extends number = number, M extends number = number, L extends number = number, Id = any> {
+import { Location, MaterialMove } from '@gamepark/rules-api';
+import { ComponentType, ElementType } from 'react';
+import { LocationContext, MaterialContext } from '../../../locators';
+import { ComponentDescription, ComponentSize } from '../ComponentDescription';
+export declare class LocationDescription<P extends number = number, M extends number = number, L extends number = number, Id = any> extends ComponentDescription<Id> {
+    Component: ElementType;
     help?: ComponentType<LocationHelpProps<P, L>>;
-    height?: number;
-    width?: number;
-    ratio?: number;
-    rotationUnit: string;
-    location?: Location<P, L>;
-    locations: Location<P, L>[];
-    getLocations(_context: MaterialContext<P, M, L>): Location<P, L>[];
-    getSize(_location: Location<P, L>, _context: MaterialContext<P, M, L>): ComponentSize;
+    getLocationSize(location: Location<P, L>, _context: MaterialContext<P, M, L>): ComponentSize;
     image?: string;
     images?: Record<Id extends keyof any ? Id : never, string>;
     getImage(location: Location<P, L>, _context: MaterialContext<P, M, L>): string | undefined;
     helpImage?: string;
     getHelpImage(location: Location<P, L>, context: MaterialContext<P, M, L>): string | undefined;
-    borderRadius?: number;
-    getBorderRadius(_location: Location<P, L>, _context: MaterialContext<P, M, L>): number | undefined;
+    getImages(): string[];
     extraCss?: Interpolation<Theme>;
     getExtraCss(_location: Location<P, L>, _context: LocationContext<P, M, L>): Interpolation<Theme>;
-    transformLocation(location: Location<P, L>, context: LocationContext<P, M, L>): string[];
-    transformOwnLocation(location: Location<P, L>, context: LocationContext<P, M, L>): string[];
-    coordinates?: Coordinates;
-    getCoordinates(_location: Location<P, L>, _context: LocationContext<P, M, L>): Coordinates | undefined;
-    rotateZ: number;
-    getRotateZ(_location: Location<P, L>, _context: LocationContext<P, M, L>): number;
-    alwaysVisible?: boolean;
-    isAlwaysVisible(location: Location<P, L>, context: MaterialContext<P, M, L>): boolean;
+    getLocationTransform(location: Location<P, L>, context: LocationContext<P, M, L>): string[];
     highlight?(location: Location<P, L>, context: MaterialContext<P, M, L>): boolean | undefined;
     content?: ComponentType<{
         location: Location;
     }>;
-    canDrop(move: MaterialMove<P, M, L>, location: Location<P, L>, context: ItemContext<P, M, L>): boolean;
-    getBestDropMove(moves: MaterialMove<P, M, L>[], _location: Location<P, L>, context: ItemContext<P, M, L>): MaterialMove<P, M, L>;
     canLongClick(move: MaterialMove<P, M, L>, location: Location<P, L>, context: MaterialContext<P, M, L>): boolean;
     canShortClick(move: MaterialMove<P, M, L>, location: Location<P, L>, context: MaterialContext<P, M, L>): boolean;
     isMoveToLocation(move: MaterialMove<P, M, L>, location: Location<P, L>, context: MaterialContext<P, M, L>): boolean;
     getShortClickMove(_location: Location<P, L>, _context: MaterialContext<P, M, L>): MaterialMove<P, M, L> | undefined;
     getShortClickLocalMove(_location: Location<P, L>, _context: MaterialContext<P, M, L>): MaterialMove<P, M, L> | undefined;
     displayInParentItemHelp?: boolean;
+    displayHelp(location: Location<P, L>, _context: MaterialContext<P, M, L>): MaterialMove<P, M, L> | undefined;
 }
+export type LocationHelpProps<P extends number = number, L extends number = number> = {
+    location: Location<P, L>;
+    closeDialog: () => void;
+};