@gamepark/react-game 6.23.4 → 6.24.1

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,39 @@
+"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 __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropAreaDescription = void 0;
+var rules_api_1 = require("@gamepark/rules-api");
+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 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;AAGxE,6DAA2D;AAC3D,mDAAiD;AAEjD;IACU,uCAAgC;IAD1C;QAAA,qEAeC;QAZC,eAAS,GAAgB,+BAAc,CAAA;;IAYzC,CAAC;IAVC,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,SAAyB,EAAE,OAA6B;QACtG,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,AAfD,CACU,yCAAmB,GAc5B;AAfY,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;
+};

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

@@ -1,4 +1,19 @@
 "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 };
 };
@@ -6,25 +21,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LocationDescription = void 0;
 var rules_api_1 = require("@gamepark/rules-api");
 var isEqual_1 = __importDefault(require("lodash/isEqual"));
+var ComponentDescription_1 = require("../ComponentDescription");
 var utils_1 = require("../utils");
 var Writing_1 = require("../Writing");
-var LocationDescription = (function () {
+var LocationComponent_1 = require("./LocationComponent");
+var displayLocationHelp = rules_api_1.MaterialMoveBuilder.displayLocationHelp;
+var LocationDescription = (function (_super) {
+    __extends(LocationDescription, _super);
     function LocationDescription() {
-        this.rotationUnit = 'deg';
-        this.locations = [];
-        this.rotateZ = 0;
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.Component = LocationComponent_1.LocationComponent;
+        return _this;
     }
-    LocationDescription.prototype.getLocations = function (_context) {
-        return this.location ? [this.location] : this.locations;
-    };
-    LocationDescription.prototype.getSize = function (_location, _context) {
-        if (this.width && this.height)
-            return { width: this.width, height: this.height };
-        if (this.ratio && this.width)
-            return { width: this.width, height: this.width / this.ratio };
-        if (this.ratio && this.height)
-            return { width: this.height * this.ratio, height: this.height };
-        throw new Error('You must implement 2 of "width", "height" & "ratio" in any Location description');
+    LocationDescription.prototype.getLocationSize = function (location, _context) {
+        return this.getSize(location.id);
     };
     LocationDescription.prototype.getImage = function (location, _context) {
         var _a, _b;
@@ -34,46 +44,26 @@ var LocationDescription = (function () {
         var _a;
         return (_a = this.helpImage) !== null && _a !== void 0 ? _a : this.getImage(location, context);
     };
-    LocationDescription.prototype.getBorderRadius = function (_location, _context) {
-        return this.borderRadius;
+    LocationDescription.prototype.getImages = function () {
+        var images = [];
+        if (this.image)
+            images.push(this.image);
+        if (this.images)
+            images.push.apply(images, Object.values(this.images));
+        if (this.helpImage)
+            images.push(this.helpImage);
+        return images;
     };
     LocationDescription.prototype.getExtraCss = function (_location, _context) {
         return this.extraCss;
     };
-    LocationDescription.prototype.transformLocation = function (location, context) {
-        return ['translate(-50%, -50%)'].concat(this.transformOwnLocation(location, context));
-    };
-    LocationDescription.prototype.transformOwnLocation = function (location, context) {
-        var transform = [];
-        var coordinates = this.getCoordinates(location, context);
-        if (coordinates) {
-            transform.push("translate3d(".concat(coordinates.x, "em, ").concat(coordinates.y, "em, ").concat(coordinates.z, "em)"));
-        }
-        var rotateZ = this.getRotateZ(location, context);
-        if (rotateZ) {
-            transform.push("rotateZ(".concat(rotateZ).concat(this.rotationUnit, ")"));
-        }
+    LocationDescription.prototype.getLocationTransform = function (location, context) {
+        var transform = ['translate(-50%, -50%)'];
+        var locator = context.locators[location.type];
+        if (locator)
+            transform.push.apply(transform, locator.placeLocation(location, context));
         return transform;
     };
-    LocationDescription.prototype.getCoordinates = function (_location, _context) {
-        return this.coordinates;
-    };
-    LocationDescription.prototype.getRotateZ = function (_location, _context) {
-        return this.rotateZ;
-    };
-    LocationDescription.prototype.isAlwaysVisible = function (location, context) {
-        var _a;
-        if (this.alwaysVisible !== undefined)
-            return this.alwaysVisible;
-        return ((_a = context.locators[location.type]) === null || _a === void 0 ? void 0 : _a.parentItemType) !== undefined;
-    };
-    LocationDescription.prototype.canDrop = function (move, location, context) {
-        return this.isMoveToLocation(move, location, context);
-    };
-    LocationDescription.prototype.getBestDropMove = function (moves, _location, context) {
-        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];
-    };
     LocationDescription.prototype.canLongClick = function (move, location, context) {
         return this.isMoveToLocation(move, location, context);
     };
@@ -93,7 +83,10 @@ var LocationDescription = (function () {
     LocationDescription.prototype.getShortClickLocalMove = function (_location, _context) {
         return undefined;
     };
+    LocationDescription.prototype.displayHelp = function (location, _context) {
+        return this.help && displayLocationHelp(location);
+    };
     return LocationDescription;
-}());
+}(ComponentDescription_1.ComponentDescription));
 exports.LocationDescription = LocationDescription;
 //# sourceMappingURL=LocationDescription.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LocationDescription.js","sourceRoot":"","sources":["../../../../src/components/material/locations/LocationDescription.ts"],"names":[],"mappings":";;;;;;AACA,iDAAiH;AACjH,2DAAoC;AAIpC,kCAA2C;AAC3C,sCAAiD;AAEjD;IAAA;QAKE,iBAAY,GAAG,KAAK,CAAA;QAGpB,cAAS,GAAqB,EAAE,CAAA;QA6DhC,YAAO,GAAW,CAAC,CAAA;IAyDrB,CAAC;IApHC,0CAAY,GAAZ,UAAa,QAAkC;QAC7C,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAA;IACzD,CAAC;IAED,qCAAO,GAAP,UAAQ,SAAyB,EAAE,QAAkC;QACnE,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM;YAAE,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAA;QAChF,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK;YAAE,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,CAAA;QAC3F,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM;YAAE,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAA;QAC9F,MAAM,IAAI,KAAK,CAAC,iFAAiF,CAAC,CAAA;IACpG,CAAC;IAKD,sCAAQ,GAAR,UAAS,QAAwB,EAAE,QAAkC;;QACnE,OAAO,MAAA,MAAA,IAAI,CAAC,MAAM,0CAAG,QAAQ,CAAC,EAAE,CAAC,mCAAI,IAAI,CAAC,KAAK,CAAA;IACjD,CAAC;IAID,0CAAY,GAAZ,UAAa,QAAwB,EAAE,OAAiC;;QACtE,OAAO,MAAA,IAAI,CAAC,SAAS,mCAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;IAC3D,CAAC;IAID,6CAAe,GAAf,UAAgB,SAAyB,EAAE,QAAkC;QAC3E,OAAO,IAAI,CAAC,YAAY,CAAA;IAC1B,CAAC;IAID,yCAAW,GAAX,UAAY,SAAyB,EAAE,QAAkC;QACvE,OAAO,IAAI,CAAC,QAAQ,CAAA;IACtB,CAAC;IAED,+CAAiB,GAAjB,UAAkB,QAAwB,EAAE,OAAiC;QAC3E,OAAO,CAAC,uBAAuB,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,oBAAoB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAA;IACvF,CAAC;IAED,kDAAoB,GAApB,UAAqB,QAAwB,EAAE,OAAiC;QAC9E,IAAM,SAAS,GAAa,EAAE,CAAA;QAC9B,IAAM,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;QAC1D,IAAI,WAAW,EAAE;YACf,SAAS,CAAC,IAAI,CAAC,sBAAe,WAAW,CAAC,CAAC,iBAAO,WAAW,CAAC,CAAC,iBAAO,WAAW,CAAC,CAAC,QAAK,CAAC,CAAA;SAC1F;QACD,IAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;QAClD,IAAI,OAAO,EAAE;YACX,SAAS,CAAC,IAAI,CAAC,kBAAW,OAAO,SAAG,IAAI,CAAC,YAAY,MAAG,CAAC,CAAA;SAC1D;QACD,OAAO,SAAS,CAAA;IAClB,CAAC;IAID,4CAAc,GAAd,UAAe,SAAyB,EAAE,QAAkC;QAC1E,OAAO,IAAI,CAAC,WAAW,CAAA;IACzB,CAAC;IAID,wCAAU,GAAV,UAAW,SAAyB,EAAE,QAAkC;QACtE,OAAO,IAAI,CAAC,OAAO,CAAA;IACrB,CAAC;IAID,6CAAe,GAAf,UAAgB,QAAwB,EAAE,OAAiC;;QACzE,IAAI,IAAI,CAAC,aAAa,KAAK,SAAS;YAAE,OAAO,IAAI,CAAC,aAAa,CAAA;QAC/D,OAAO,CAAA,MAAA,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,0CAAE,cAAc,MAAK,SAAS,CAAA;IACtE,CAAC;IAMD,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,SAAyB,EAAE,OAA6B;QACtG,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;IAED,0CAAY,GAAZ,UAAa,IAA2B,EAAE,QAAwB,EAAE,OAAiC;QACnG,OAAO,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;IACvD,CAAC;IAED,2CAAa,GAAb,UAAc,IAA2B,EAAE,QAAwB,EAAE,OAAiC;QACpG,OAAO,IAAA,wBAAY,EAAC,IAAI,CAAC;eACpB,IAAA,wBAAgB,EAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC;eAC9C,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAA,8BAAoB,EAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAE,CAAC,CAAA;IAChG,CAAC;IAED,8CAAgB,GAAhB,UAAiB,IAA2B,EAAE,QAAwB,EAAE,OAAiC;;QACvG,OAAO,CAAC,IAAA,sBAAU,EAAC,IAAI,CAAC,IAAI,IAAA,wBAAgB,EAAC,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC;eAChE,CAAC,IAAA,wBAAgB,EAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CACxG,IAAI,CACH,IAAA,wBAAY,EAAC,IAAI,CAAC,IAAI,IAAA,iBAAO,EAAC,QAAQ,EAAE,MAAA,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,0CAAE,gBAAgB,CACvF,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAE,EAAE,OAAO,CAAC,CACzE,CACF,CAAA;IACH,CAAC;IAED,+CAAiB,GAAjB,UAAkB,SAAyB,EAAE,QAAkC;QAC7E,OAAO,SAAS,CAAA;IAClB,CAAC;IAED,oDAAsB,GAAtB,UAAuB,SAAyB,EAAE,QAAkC;QAClF,OAAO,SAAS,CAAA;IAClB,CAAC;IAGH,0BAAC;AAAD,CAAC,AA9HD,IA8HC;AA9HY,kDAAmB"}
+{"version":3,"file":"LocationDescription.js","sourceRoot":"","sources":["../../../../src/components/material/locations/LocationDescription.ts"],"names":[],"mappings":"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"}

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

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

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

@@ -33,23 +33,18 @@ var react_2 = require("react");
 var css_1 = require("../../../css");
 var hooks_1 = require("../../../hooks");
 exports.LocationDisplay = (0, react_2.forwardRef)(function (_a, ref) {
-    var location = _a.location, _b = _a.canDrop, canDrop = _b === void 0 ? false : _b, props = __rest(_a, ["location", "canDrop"]);
+    var location = _a.location, description = _a.description, _b = _a.canDrop, canDrop = _b === void 0 ? false : _b, props = __rest(_a, ["location", "description", "canDrop"]);
     var context = (0, hooks_1.useMaterialContext)();
     var locator = context.locators[location.type];
-    var description = locator === null || locator === void 0 ? void 0 : locator.getLocationDescription(context);
     var locationContext = (0, react_2.useMemo)(function () { return (__assign(__assign({}, context), { canDrop: canDrop })); }, [context, canDrop]);
-    if (!description) {
-        console.warn('You must provide a LocationDescription to create drop locations with an ItemLocator');
-        return null;
-    }
-    var _c = description.getSize(location, context), width = _c.width, height = _c.height;
+    var _c = description.getLocationSize(location, context), width = _c.width, height = _c.height;
     var image = description.getImage(location, context);
-    var borderRadius = description.getBorderRadius(location, context);
+    var borderRadius = description.getBorderRadius(location.id);
     var positionOnParent = (0, react_2.useMemo)(function () { return (locator === null || locator === void 0 ? void 0 : locator.parentItemType) !== undefined ? locator.getPositionOnParent(location, context) : undefined; }, [location, context, location]);
     return ((0, jsx_runtime_1.jsx)("div", __assign({ ref: ref, css: [
             absolute,
             positionOnParent && positionOnParentCss(positionOnParent),
-            css_1.transformCss.apply(void 0, description.transformLocation(location, locationContext)),
+            css_1.transformCss.apply(void 0, description.getLocationTransform(location, locationContext)),
             (0, css_1.sizeCss)(width, height), image && (0, css_1.backgroundCss)(image), borderRadius && (0, css_1.borderRadiusCss)(borderRadius),
             description.getExtraCss(location, locationContext)
         ] }, props, { children: description.content && (0, jsx_runtime_1.jsx)(description.content, { location: location }) })));

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

@@ -1 +1 @@
-{"version":3,"file":"LocationDisplay.js","sourceRoot":"","sources":["../../../../src/components/material/locations/LocationDisplay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,wCAAoC;AAEpC,+BAA2D;AAC3D,oCAAoF;AACpF,wCAAmD;AAOtC,QAAA,eAAe,GAAG,IAAA,kBAAU,EAAuC,UAC9E,EAAuC,EAAE,GAAG;IAA1C,IAAA,QAAQ,cAAA,EAAE,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EAAK,KAAK,cAArC,uBAAuC,CAAF;IAErC,IAAM,OAAO,GAAG,IAAA,0BAAkB,GAAE,CAAA;IACpC,IAAM,OAAO,GAAG,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;IAC/C,IAAM,WAAW,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,sBAAsB,CAAC,OAAO,CAAC,CAAA;IAC5D,IAAM,eAAe,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,uBAAM,OAAO,KAAE,OAAO,SAAA,IAAG,EAAzB,CAAyB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAA;IAEpF,IAAI,CAAC,WAAW,EAAE;QAChB,OAAO,CAAC,IAAI,CAAC,qFAAqF,CAAC,CAAA;QACnG,OAAO,IAAI,CAAA;KACZ;IAEK,IAAA,KAAoB,WAAW,CAAC,OAAO,CAAC,QAAQ,EAAE,OAAO,CAAC,EAAxD,KAAK,WAAA,EAAE,MAAM,YAA2C,CAAA;IAChE,IAAM,KAAK,GAAG,WAAW,CAAC,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;IACrD,IAAM,YAAY,GAAG,WAAW,CAAC,eAAe,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;IACnE,IAAM,gBAAgB,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,cAAc,MAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,EAAlG,CAAkG,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEzK,OAAO,CACL,yCAAK,GAAG,EAAE,GAAG,EACR,GAAG,EAAE;YACH,QAAQ;YACR,gBAAgB,IAAI,mBAAmB,CAAC,gBAAgB,CAAC;YACzD,kBAAY,eAAI,WAAW,CAAC,iBAAiB,CAAC,QAAQ,EAAE,eAAe,CAAC;YACxE,IAAA,aAAO,EAAC,KAAK,EAAE,MAAM,CAAC,EAAE,KAAK,IAAI,IAAA,mBAAa,EAAC,KAAK,CAAC,EAAE,YAAY,IAAI,IAAA,qBAAe,EAAC,YAAY,CAAC;YACpG,WAAW,CAAC,WAAW,CAAC,QAAQ,EAAE,eAAe,CAAC;SACnD,IACG,KAAK,cACX,WAAW,CAAC,OAAO,IAAI,uBAAC,WAAW,CAAC,OAAO,IAAC,QAAQ,EAAE,QAAQ,GAAG,IAC9D,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,uBAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAE/C,IAAM,QAAQ,OAAG,WAAG,+FAAA,2BAEnB,IAAA,CAAA;AAED,IAAM,mBAAmB,GAAG,UAAC,EAAuB;QAArB,CAAC,OAAA,EAAE,CAAC,OAAA;IAAsB,WAAA,WAAG,uGAAA,YAClD,EAAC,aACF,EAAC,MACT,KAFS,CAAC,EACF,CAAC;AAF+C,CAGxD,CAAA"}
+{"version":3,"file":"LocationDisplay.js","sourceRoot":"","sources":["../../../../src/components/material/locations/LocationDisplay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,wCAAoC;AAEpC,+BAA2D;AAC3D,oCAAoF;AACpF,wCAAmD;AAStC,QAAA,eAAe,GAAG,IAAA,kBAAU,EAAuC,UAC9E,EAAoD,EAAE,GAAG;IAAvD,IAAA,QAAQ,cAAA,EAAE,WAAW,iBAAA,EAAE,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EAAK,KAAK,cAAlD,sCAAoD,CAAF;IAElD,IAAM,OAAO,GAAG,IAAA,0BAAkB,GAAE,CAAA;IACpC,IAAM,OAAO,GAAG,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;IAC/C,IAAM,eAAe,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,uBAAM,OAAO,KAAE,OAAO,SAAA,IAAG,EAAzB,CAAyB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAA;IAE9E,IAAA,KAAoB,WAAW,CAAC,eAAe,CAAC,QAAQ,EAAE,OAAO,CAAC,EAAhE,KAAK,WAAA,EAAE,MAAM,YAAmD,CAAA;IACxE,IAAM,KAAK,GAAG,WAAW,CAAC,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;IACrD,IAAM,YAAY,GAAG,WAAW,CAAC,eAAe,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;IAC7D,IAAM,gBAAgB,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,cAAc,MAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,EAAlG,CAAkG,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEzK,OAAO,CACL,yCAAK,GAAG,EAAE,GAAG,EACR,GAAG,EAAE;YACH,QAAQ;YACR,gBAAgB,IAAI,mBAAmB,CAAC,gBAAgB,CAAC;YACzD,kBAAY,eAAI,WAAW,CAAC,oBAAoB,CAAC,QAAQ,EAAE,eAAe,CAAC;YAC3E,IAAA,aAAO,EAAC,KAAK,EAAE,MAAM,CAAC,EAAE,KAAK,IAAI,IAAA,mBAAa,EAAC,KAAK,CAAC,EAAE,YAAY,IAAI,IAAA,qBAAe,EAAC,YAAY,CAAC;YACpG,WAAW,CAAC,WAAW,CAAC,QAAQ,EAAE,eAAe,CAAC;SACnD,IACG,KAAK,cACX,WAAW,CAAC,OAAO,IAAI,uBAAC,WAAW,CAAC,OAAO,IAAC,QAAQ,EAAE,QAAQ,GAAG,IAC9D,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,uBAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAE/C,IAAM,QAAQ,OAAG,WAAG,+FAAA,2BAEnB,IAAA,CAAA;AAED,IAAM,mBAAmB,GAAG,UAAC,EAAuB;QAArB,CAAC,OAAA,EAAE,CAAC,OAAA;IAAsB,WAAA,WAAG,uGAAA,YAClD,EAAC,aACF,EAAC,MACT,KAFS,CAAC,EACF,CAAC;AAF+C,CAGxD,CAAA"}

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

@@ -30,11 +30,11 @@ var LocationRect = function (_a) {
     var location = _a.location;
     var locator = (0, hooks_1.useItemLocator)(location.type);
     var context = (0, hooks_1.useMaterialContext)();
-    var description = locator.getLocationDescription(context);
+    var description = locator.getLocationDescription(location, context);
     var position = locator.getPositionOnParent(location, context);
-    var _c = description.getSize(location, context), width = _c.width, height = _c.height;
-    var radius = (_b = description.getBorderRadius(location, context)) !== null && _b !== void 0 ? _b : 0;
-    var transforms = description.transformLocation(location, context);
+    var _c = description.getLocationSize(location, context), width = _c.width, height = _c.height;
+    var radius = (_b = description.getBorderRadius(location.id)) !== null && _b !== void 0 ? _b : 0;
+    var transforms = description.getLocationTransform(location, context);
     return ((0, jsx_runtime_1.jsx)("rect", { fill: "black", x: "".concat(position.x, "%"), y: "".concat(position.y, "%"), width: "".concat(width, "em"), height: "".concat(height, "em"), rx: "".concat(radius, "em"), ry: "".concat(radius, "em"), style: { transformBox: 'fill-box', transformOrigin: 'center', transform: transforms.join(' ') } }));
 };
 //# sourceMappingURL=LocationsMask.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LocationsMask.js","sourceRoot":"","sources":["../../../../src/components/material/locations/LocationsMask.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,6DAAsC;AACtC,+BAA+B;AAC/B,wCAAmE;AAM5D,IAAM,aAAa,GAAG,UAAC,EAAiC;QAA/B,SAAS,eAAA;IACvC,IAAM,EAAE,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,IAAA,kBAAQ,EAAC,MAAM,CAAC,EAAhB,CAAgB,EAAE,EAAE,CAAC,CAAA;IAC9C,OAAO,CACL,0CAAK,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,iBAC7D,2CACE,2CAAM,EAAE,EAAE,EAAE,iBACV,iCAAM,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,GAAE,EAC9C,SAAS,CAAC,GAAG,CAAC,UAAA,QAAQ,IAAI,OAAA,uBAAC,YAAY,IAAgC,QAAQ,EAAE,QAAQ,IAA5C,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAuB,EAAlE,CAAkE,CAAC,KACzF,GACF,EACP,iCAAM,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAE,GAAG,EAAE,IAAI,EAAE,eAAQ,EAAE,MAAG,GAAG,KAClF,CACP,CAAA;AACH,CAAC,CAAA;AAbY,QAAA,aAAa,iBAazB;AAMD,IAAM,YAAY,GAAG,UAAC,EAA+B;;QAA7B,QAAQ,cAAA;IAC9B,IAAM,OAAO,GAAG,IAAA,sBAAc,EAAC,QAAQ,CAAC,IAAI,CAAE,CAAA;IAC9C,IAAM,OAAO,GAAG,IAAA,0BAAkB,GAAE,CAAA;IACpC,IAAM,WAAW,GAAG,OAAO,CAAC,sBAAsB,CAAC,OAAO,CAAE,CAAA;IAC5D,IAAM,QAAQ,GAAG,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;IACzD,IAAA,KAAoB,WAAW,CAAC,OAAO,CAAC,QAAQ,EAAE,OAAO,CAAC,EAAxD,KAAK,WAAA,EAAE,MAAM,YAA2C,CAAA;IAChE,IAAM,MAAM,GAAG,MAAA,WAAW,CAAC,eAAe,CAAC,QAAQ,EAAE,OAAO,CAAC,mCAAI,CAAC,CAAA;IAClE,IAAM,UAAU,GAAa,WAAW,CAAC,iBAAiB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;IAC7E,OAAO,CACL,iCAAM,IAAI,EAAC,OAAO,EAAC,CAAC,EAAE,UAAG,QAAQ,CAAC,CAAC,MAAG,EAAE,CAAC,EAAE,UAAG,QAAQ,CAAC,CAAC,MAAG,EAAE,KAAK,EAAE,UAAG,KAAK,OAAI,EAAE,MAAM,EAAE,UAAG,MAAM,OAAI,EAAE,EAAE,EAAE,UAAG,MAAM,OAAI,EAAE,EAAE,EAAE,UAAG,MAAM,OAAI,EACvI,KAAK,EAAE,EAAE,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,CACzG,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"LocationsMask.js","sourceRoot":"","sources":["../../../../src/components/material/locations/LocationsMask.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,6DAAsC;AACtC,+BAA+B;AAC/B,wCAAmE;AAM5D,IAAM,aAAa,GAAG,UAAC,EAAiC;QAA/B,SAAS,eAAA;IACvC,IAAM,EAAE,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,IAAA,kBAAQ,EAAC,MAAM,CAAC,EAAhB,CAAgB,EAAE,EAAE,CAAC,CAAA;IAC9C,OAAO,CACL,0CAAK,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,iBAC7D,2CACE,2CAAM,EAAE,EAAE,EAAE,iBACV,iCAAM,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,GAAE,EAC9C,SAAS,CAAC,GAAG,CAAC,UAAA,QAAQ,IAAI,OAAA,uBAAC,YAAY,IAAgC,QAAQ,EAAE,QAAQ,IAA5C,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAuB,EAAlE,CAAkE,CAAC,KACzF,GACF,EACP,iCAAM,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAE,GAAG,EAAE,IAAI,EAAE,eAAQ,EAAE,MAAG,GAAG,KAClF,CACP,CAAA;AACH,CAAC,CAAA;AAbY,QAAA,aAAa,iBAazB;AAMD,IAAM,YAAY,GAAG,UAAC,EAA+B;;QAA7B,QAAQ,cAAA;IAC9B,IAAM,OAAO,GAAG,IAAA,sBAAc,EAAC,QAAQ,CAAC,IAAI,CAAE,CAAA;IAC9C,IAAM,OAAO,GAAG,IAAA,0BAAkB,GAAE,CAAA;IACpC,IAAM,WAAW,GAAG,OAAO,CAAC,sBAAsB,CAAC,QAAQ,EAAE,OAAO,CAAE,CAAA;IACtE,IAAM,QAAQ,GAAG,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;IACzD,IAAA,KAAoB,WAAW,CAAC,eAAe,CAAC,QAAQ,EAAE,OAAO,CAAC,EAAhE,KAAK,WAAA,EAAE,MAAM,YAAmD,CAAA;IACxE,IAAM,MAAM,GAAG,MAAA,WAAW,CAAC,eAAe,CAAC,QAAQ,CAAC,EAAE,CAAC,mCAAI,CAAC,CAAA;IAC5D,IAAM,UAAU,GAAa,WAAW,CAAC,oBAAoB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;IAChF,OAAO,CACL,iCAAM,IAAI,EAAC,OAAO,EAAC,CAAC,EAAE,UAAG,QAAQ,CAAC,CAAC,MAAG,EAAE,CAAC,EAAE,UAAG,QAAQ,CAAC,CAAC,MAAG,EAAE,KAAK,EAAE,UAAG,KAAK,OAAI,EAAE,MAAM,EAAE,UAAG,MAAM,OAAI,EAAE,EAAE,EAAE,UAAG,MAAM,OAAI,EAAE,EAAE,EAAE,UAAG,MAAM,OAAI,EACvI,KAAK,EAAE,EAAE,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,CACzG,CAAA;AACH,CAAC,CAAA"}

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

@@ -1,14 +1,11 @@
 import { Location } from '@gamepark/rules-api';
 import { HTMLAttributes } from 'react';
-export type SimpleDropAreaProps<P extends number = number, L extends number = number> = {
+import { DropAreaDescription } from './DropAreaDescription';
+export type SimpleDropAreaProps<P extends number = number, M extends number = number, L extends number = number> = {
     location: Location<P, L>;
-    onShortClick?: () => void;
-    onLongClick?: () => void;
-    alwaysVisible?: boolean;
+    description: DropAreaDescription<P, M, L>;
 } & HTMLAttributes<HTMLDivElement>;
 export declare const SimpleDropArea: import("react").ForwardRefExoticComponent<{
     location: Location<number, number, any, any>;
-    onShortClick?: (() => void) | undefined;
-    onLongClick?: (() => void) | undefined;
-    alwaysVisible?: boolean | undefined;
+    description: DropAreaDescription<number, number, number, any>;
 } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;