@directivegames/genesys.js 3.1.24

package/dist/src/ui/components/InventoryGrid.js

@@ -0,0 +1,407 @@
+import { BaseUIComponent } from './BaseUIComponent.js';
+export class InventoryGrid extends BaseUIComponent {
+    constructor() {
+        super(...arguments);
+        Object.defineProperty(this, "items", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        Object.defineProperty(this, "slotElements", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        Object.defineProperty(this, "draggedItem", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        Object.defineProperty(this, "draggedFromIndex", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: -1
+        });
+        Object.defineProperty(this, "dragImageCanvas", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+    }
+    getAssetPaths() {
+        return {
+            templatePath: '@engine/assets/ui/templates/inventory-grid.html',
+            stylesPath: '@engine/assets/ui/styles/inventory-grid.css'
+        };
+    }
+    getDefaultOptions() {
+        return {
+            position: 'center',
+            visible: false,
+            customClasses: [],
+            customStyles: {},
+            columns: 10,
+            rows: 6,
+            slotSize: 50,
+            slotGap: 4,
+            itemRenderer: this.defaultItemRenderer.bind(this),
+            slotClearer: this.defaultSlotClearer.bind(this),
+            filledClass: 'filled',
+            emptyClass: 'empty',
+            dragHoverClass: 'drag-hover',
+            itemContentSelector: '.item-content',
+            enableDragDrop: true,
+            onClose: () => { }
+        };
+    }
+    getInitialData() {
+        const totalSlots = this.options.columns * this.options.rows;
+        const slots = Array.from({ length: totalSlots }, (_, index) => ({
+            index,
+            row: Math.floor(index / this.options.columns),
+            col: index % this.options.columns,
+            isEmpty: true
+        }));
+        // Generate slots HTML
+        const slotsHTML = slots.map(slot => `
+      <div class="inventory-slot empty" data-slot="${slot.index}" data-row="${slot.row}" data-col="${slot.col}" style="width: ${this.options.slotSize}px; height: ${this.options.slotSize}px;">
+        <div class="item-content"></div>
+        <div class="slot-border"></div>
+      </div>
+    `).join('');
+        // Calculate grid dimensions with reasonable constraints
+        const gridWidth = Math.min((this.options.slotSize + this.options.slotGap) * this.options.columns - this.options.slotGap, window.innerWidth - 100 // Leave 100px margin
+        );
+        const gridHeight = Math.min((this.options.slotSize + this.options.slotGap) * this.options.rows - this.options.slotGap + 80, // +80 for header
+        window.innerHeight - 100 // Leave 100px margin
+        );
+        return {
+            slots,
+            columns: this.options.columns,
+            rows: this.options.rows,
+            slotSize: this.options.slotSize,
+            slotGap: this.options.slotGap,
+            gridWidth,
+            gridHeight,
+            slotsHTML
+        };
+    }
+    cacheElements() {
+        const totalSlots = this.options.columns * this.options.rows;
+        for (let i = 0; i < totalSlots; i++) {
+            const slotElement = this.layout?.querySelector(`.inventory-slot[data-slot="${i}"]`);
+            if (slotElement) {
+                const wrappedElement = this.createElementWrapper(slotElement);
+                this.elements.set(`slot-${i}`, wrappedElement);
+                this.slotElements.push(wrappedElement);
+            }
+        }
+        // Initialize items array with nulls
+        this.items = new Array(totalSlots).fill(null);
+    }
+    async onInitialize() {
+        await super.onInitialize();
+        if (this.options.enableDragDrop) {
+            this.setupDragAndDrop();
+        }
+        // Setup close button event handler
+        this.setupCloseButton();
+    }
+    /**
+     * Default item renderer - displays item as text
+     */
+    defaultItemRenderer(item, slotElement) {
+        const contentElement = slotElement.querySelector(this.options.itemContentSelector);
+        if (contentElement) {
+            contentElement.textContent = item.id;
+            contentElement.style.display = 'block';
+            contentElement.title = `Item: ${item.id}`;
+        }
+    }
+    /**
+     * Default slot clearer - hides content
+     */
+    defaultSlotClearer(slotElement) {
+        const contentElement = slotElement.querySelector(this.options.itemContentSelector);
+        if (contentElement) {
+            contentElement.style.display = 'none';
+            contentElement.textContent = '';
+            contentElement.title = '';
+        }
+    }
+    /**
+     * Setup drag and drop functionality
+     */
+    setupDragAndDrop() {
+        this.slotElements.forEach((slotElement, index) => {
+            const element = slotElement.element;
+            // Make slots droppable
+            element.addEventListener('dragover', (e) => this.handleDragOver(e, index));
+            element.addEventListener('dragenter', (e) => this.handleDragEnter(e, index));
+            element.addEventListener('dragleave', (e) => this.handleDragLeave(e, index));
+            element.addEventListener('drop', (e) => this.handleDrop(e, index));
+            // Make item content draggable
+            const contentElement = element.querySelector(this.options.itemContentSelector);
+            if (contentElement) {
+                contentElement.addEventListener('dragstart', (e) => this.handleDragStart(e, index));
+                contentElement.addEventListener('dragend', (e) => this.handleDragEnd(e, index));
+            }
+        });
+    }
+    handleDragStart(e, index) {
+        const item = this.items[index];
+        if (!item)
+            return;
+        this.draggedItem = item;
+        this.draggedFromIndex = index;
+        // Create custom drag image from the item content
+        const contentElement = e.target;
+        this.createDragImage(contentElement);
+        if (e.dataTransfer) {
+            e.dataTransfer.effectAllowed = 'move';
+            e.dataTransfer.setData('text/plain', item.id);
+            // Set custom drag image if available
+            if (this.dragImageCanvas) {
+                e.dataTransfer.setDragImage(this.dragImageCanvas, 25, 25);
+            }
+        }
+        // Add dragging class to original slot
+        this.slotElements[index].addClass('dragging');
+    }
+    handleDragEnd(e, index) {
+        // Clean up drag state
+        this.slotElements.forEach(slot => {
+            slot.removeClass('dragging');
+            slot.removeClass(this.options.dragHoverClass);
+        });
+        this.draggedItem = null;
+        this.draggedFromIndex = -1;
+        if (this.dragImageCanvas) {
+            this.dragImageCanvas = null;
+        }
+    }
+    handleDragOver(e, index) {
+        if (!this.draggedItem)
+            return;
+        e.preventDefault();
+        if (e.dataTransfer) {
+            e.dataTransfer.dropEffect = 'move';
+        }
+    }
+    handleDragEnter(e, index) {
+        if (!this.draggedItem || index === this.draggedFromIndex)
+            return;
+        e.preventDefault();
+        this.slotElements[index].addClass(this.options.dragHoverClass);
+    }
+    handleDragLeave(e, index) {
+        if (!this.draggedItem)
+            return;
+        // Only remove hover class if we're actually leaving the slot
+        const rect = this.slotElements[index].element.getBoundingClientRect();
+        const x = e.clientX;
+        const y = e.clientY;
+        if (x < rect.left || x > rect.right || y < rect.top || y > rect.bottom) {
+            this.slotElements[index].removeClass(this.options.dragHoverClass);
+        }
+    }
+    handleDrop(e, toIndex) {
+        if (!this.draggedItem || this.draggedFromIndex === -1)
+            return;
+        e.preventDefault();
+        this.slotElements[toIndex].removeClass(this.options.dragHoverClass);
+        // Don't allow dropping on the same slot
+        if (toIndex === this.draggedFromIndex)
+            return;
+        // Move the item
+        this.moveItem(this.draggedFromIndex, toIndex);
+    }
+    createDragImage(contentElement) {
+        const canvas = document.createElement('canvas');
+        const ctx = canvas.getContext('2d');
+        if (!ctx)
+            return;
+        const rect = contentElement.getBoundingClientRect();
+        canvas.width = rect.width;
+        canvas.height = rect.height;
+        // Copy the visual appearance of the item
+        const computedStyle = window.getComputedStyle(contentElement);
+        ctx.fillStyle = computedStyle.backgroundColor || 'transparent';
+        ctx.fillRect(0, 0, canvas.width, canvas.height);
+        // Add text if any
+        if (contentElement.textContent) {
+            ctx.fillStyle = computedStyle.color || 'white';
+            ctx.font = computedStyle.font || '12px Arial';
+            ctx.textAlign = 'center';
+            ctx.fillText(contentElement.textContent, canvas.width / 2, canvas.height / 2);
+        }
+        this.dragImageCanvas = canvas;
+    }
+    /**
+     * Move an item from one slot to another
+     */
+    moveItem(fromIndex, toIndex) {
+        if (fromIndex < 0 || fromIndex >= this.items.length ||
+            toIndex < 0 || toIndex >= this.items.length ||
+            fromIndex === toIndex) {
+            return false;
+        }
+        const fromItem = this.items[fromIndex];
+        const toItem = this.items[toIndex];
+        if (!fromItem)
+            return false;
+        // Swap items (or place in empty slot)
+        this.items[fromIndex] = toItem;
+        this.items[toIndex] = fromItem;
+        this.updateDisplay();
+        return true;
+    }
+    /**
+     * Set items in the grid, filling from top-left
+     */
+    setItems(items) {
+        const totalSlots = this.options.columns * this.options.rows;
+        this.items = new Array(totalSlots).fill(null);
+        // Fill slots with items up to capacity
+        for (let i = 0; i < Math.min(items.length, totalSlots); i++) {
+            this.items[i] = items[i];
+        }
+        this.updateDisplay();
+    }
+    /**
+     * Add an item to the first available slot
+     */
+    addItem(item) {
+        const emptyIndex = this.items.findIndex(slot => slot === null);
+        if (emptyIndex === -1) {
+            return false; // Grid is full
+        }
+        this.items[emptyIndex] = item;
+        this.updateDisplay();
+        return true;
+    }
+    /**
+     * Remove an item from a specific slot
+     */
+    removeItem(index) {
+        if (index < 0 || index >= this.items.length || !this.items[index]) {
+            return false;
+        }
+        this.items[index] = null;
+        this.updateDisplay();
+        return true;
+    }
+    /**
+     * Remove an item by ID
+     */
+    removeItemById(id) {
+        const index = this.items.findIndex(item => item?.id === id);
+        if (index >= 0) {
+            return this.removeItem(index);
+        }
+        return false;
+    }
+    /**
+     * Get all items in the grid (excluding null slots)
+     */
+    getItems() {
+        return this.items.filter((item) => item !== null);
+    }
+    /**
+     * Get all items including their positions
+     */
+    getItemsWithPositions() {
+        return this.items.map((item, index) => ({
+            item,
+            index,
+            row: Math.floor(index / this.options.columns),
+            col: index % this.options.columns
+        }));
+    }
+    /**
+     * Check if the grid is full
+     */
+    isFull() {
+        return !this.items.includes(null);
+    }
+    /**
+     * Get number of items in the grid
+     */
+    getItemCount() {
+        return this.items.filter(item => item !== null).length;
+    }
+    /**
+     * Clear all items from the grid
+     */
+    clearItems() {
+        this.items.fill(null);
+        this.updateDisplay();
+    }
+    /**
+     * Find an item by ID
+     */
+    findItem(id) {
+        return this.items.find(item => item?.id === id) ?? undefined;
+    }
+    /**
+     * Check if the grid contains an item with the given ID
+     */
+    hasItem(id) {
+        return this.items.some(item => item?.id === id);
+    }
+    /**
+     * Toggle visibility of the inventory grid
+     */
+    toggle() {
+        if (this.getIsVisible()) {
+            this.hide();
+        }
+        else {
+            this.show();
+        }
+    }
+    updateDisplay() {
+        this.slotElements.forEach((slotElement, index) => {
+            const item = this.items[index];
+            const contentElement = slotElement.element.querySelector(this.options.itemContentSelector);
+            if (item) {
+                // Show item using custom renderer
+                slotElement.removeClass(this.options.emptyClass);
+                slotElement.addClass(this.options.filledClass);
+                this.options.itemRenderer(item, slotElement.element);
+                // Make draggable if drag and drop is enabled
+                if (this.options.enableDragDrop && contentElement) {
+                    contentElement.draggable = true;
+                }
+            }
+            else {
+                // Empty slot using custom clearer
+                slotElement.removeClass(this.options.filledClass);
+                slotElement.addClass(this.options.emptyClass);
+                this.options.slotClearer(slotElement.element);
+                // Remove draggable attribute
+                if (contentElement) {
+                    contentElement.draggable = false;
+                }
+            }
+        });
+    }
+    /**
+     * Setup close button event handler
+     */
+    setupCloseButton() {
+        const closeButton = this.layout?.querySelector('.close-button');
+        if (closeButton) {
+            closeButton.addEventListener('click', () => {
+                this.hide();
+                this.options.onClose();
+            });
+        }
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW52ZW50b3J5R3JpZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy91aS9jb21wb25lbnRzL0ludmVudG9yeUdyaWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBaUN2RCxNQUFNLE9BQU8sYUFBdUQsU0FBUSxlQUF3QztJQUFwSDs7UUFDVTs7OzttQkFBc0IsRUFBRTtXQUFDO1FBQ3pCOzs7O21CQUFtQyxFQUFFO1dBQUM7UUFDdEM7Ozs7bUJBQXdCLElBQUk7V0FBQztRQUM3Qjs7OzttQkFBMkIsQ0FBQyxDQUFDO1dBQUM7UUFDOUI7Ozs7bUJBQTRDLElBQUk7V0FBQztJQWdiM0QsQ0FBQztJQTlhb0IsYUFBYTtRQUM5QixPQUFPO1lBQ0wsWUFBWSxFQUFFLGlEQUFpRDtZQUMvRCxVQUFVLEVBQUUsNkNBQTZDO1NBQzFELENBQUM7SUFDSixDQUFDO0lBRWtCLGlCQUFpQjtRQUNsQyxPQUFPO1lBQ0wsUUFBUSxFQUFFLFFBQVE7WUFDbEIsT0FBTyxFQUFFLEtBQUs7WUFDZCxhQUFhLEVBQUUsRUFBRTtZQUNqQixZQUFZLEVBQUUsRUFBRTtZQUNoQixPQUFPLEVBQUUsRUFBRTtZQUNYLElBQUksRUFBRSxDQUFDO1lBQ1AsUUFBUSxFQUFFLEVBQUU7WUFDWixPQUFPLEVBQUUsQ0FBQztZQUNWLFlBQVksRUFBRSxJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQztZQUNqRCxXQUFXLEVBQUUsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUM7WUFDL0MsV0FBVyxFQUFFLFFBQVE7WUFDckIsVUFBVSxFQUFFLE9BQU87WUFDbkIsY0FBYyxFQUFFLFlBQVk7WUFDNUIsbUJBQW1CLEVBQUUsZUFBZTtZQUNwQyxjQUFjLEVBQUUsSUFBSTtZQUNwQixPQUFPLEVBQUUsR0FBRyxFQUFFLEdBQUUsQ0FBQztTQUNsQixDQUFDO0lBQ0osQ0FBQztJQUVrQixjQUFjO1FBQy9CLE1BQU0sVUFBVSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDO1FBQzVELE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLEVBQUUsQ0FBQyxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1lBQzlELEtBQUs7WUFDTCxHQUFHLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUM7WUFDN0MsR0FBRyxFQUFFLEtBQUssR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU87WUFDakMsT0FBTyxFQUFFLElBQUk7U0FDZCxDQUFDLENBQUMsQ0FBQztRQUVKLHNCQUFzQjtRQUN0QixNQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUM7cURBQ2EsSUFBSSxDQUFDLEtBQUssZUFBZSxJQUFJLENBQUMsR0FBRyxlQUFlLElBQUksQ0FBQyxHQUFHLG1CQUFtQixJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsZUFBZSxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVE7Ozs7S0FJcEwsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUVaLHdEQUF3RDtRQUN4RCxNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUN4QixDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLEVBQzVGLE1BQU0sQ0FBQyxVQUFVLEdBQUcsR0FBRyxDQUFDLHFCQUFxQjtTQUM5QyxDQUFDO1FBQ0YsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FDekIsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxHQUFHLEVBQUUsRUFBRSxpQkFBaUI7UUFDakgsTUFBTSxDQUFDLFdBQVcsR0FBRyxHQUFHLENBQUMscUJBQXFCO1NBQy9DLENBQUM7UUFFRixPQUFPO1lBQ0wsS0FBSztZQUNMLE9BQU8sRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU87WUFDN0IsSUFBSSxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSTtZQUN2QixRQUFRLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRO1lBQy9CLE9BQU8sRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU87WUFDN0IsU0FBUztZQUNULFVBQVU7WUFDVixTQUFTO1NBQ1YsQ0FBQztJQUNKLENBQUM7SUFFa0IsYUFBYTtRQUM5QixNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQztRQUU1RCxLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsVUFBVSxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUM7WUFDcEMsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLE1BQU0sRUFBRSxhQUFhLENBQUMsOEJBQThCLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDcEYsSUFBSSxXQUFXLEVBQUUsQ0FBQztnQkFDaEIsTUFBTSxjQUFjLEdBQUcsSUFBSSxDQUFDLG9CQUFvQixDQUFDLFdBQVcsQ0FBQyxDQUFDO2dCQUM5RCxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsRUFBRSxFQUFFLGNBQWMsQ0FBQyxDQUFDO2dCQUMvQyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQztZQUN6QyxDQUFDO1FBQ0gsQ0FBQztRQUVELG9DQUFvQztRQUNwQyxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksS0FBSyxDQUFDLFVBQVUsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNoRCxDQUFDO0lBRWtCLEtBQUssQ0FBQyxZQUFZO1FBQ25DLE1BQU0sS0FBSyxDQUFDLFlBQVksRUFBRSxDQUFDO1FBRTNCLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUNoQyxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztRQUMxQixDQUFDO1FBRUQsbUNBQW1DO1FBQ25DLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO0lBQzFCLENBQUM7SUFFRDs7T0FFRztJQUNLLG1CQUFtQixDQUFDLElBQU8sRUFBRSxXQUF3QjtRQUMzRCxNQUFNLGNBQWMsR0FBRyxXQUFXLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsbUJBQW1CLENBQWdCLENBQUM7UUFDbEcsSUFBSSxjQUFjLEVBQUUsQ0FBQztZQUNuQixjQUFjLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxFQUFFLENBQUM7WUFDckMsY0FBYyxDQUFDLEtBQUssQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDO1lBQ3ZDLGNBQWMsQ0FBQyxLQUFLLEdBQUcsU0FBUyxJQUFJLENBQUMsRUFBRSxFQUFFLENBQUM7UUFDNUMsQ0FBQztJQUNILENBQUM7SUFFRDs7T0FFRztJQUNLLGtCQUFrQixDQUFDLFdBQXdCO1FBQ2pELE1BQU0sY0FBYyxHQUFHLFdBQVcsQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxtQkFBbUIsQ0FBZ0IsQ0FBQztRQUNsRyxJQUFJLGNBQWMsRUFBRSxDQUFDO1lBQ25CLGNBQWMsQ0FBQyxLQUFLLENBQUMsT0FBTyxHQUFHLE1BQU0sQ0FBQztZQUN0QyxjQUFjLENBQUMsV0FBVyxHQUFHLEVBQUUsQ0FBQztZQUNoQyxjQUFjLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztRQUM1QixDQUFDO0lBQ0gsQ0FBQztJQUVEOztPQUVHO0lBQ0ssZ0JBQWdCO1FBQ3RCLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLENBQUMsV0FBVyxFQUFFLEtBQUssRUFBRSxFQUFFO1lBQy9DLE1BQU0sT0FBTyxHQUFHLFdBQVcsQ0FBQyxPQUFPLENBQUM7WUFFcEMsdUJBQXVCO1lBQ3ZCLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQyxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUM7WUFDM0UsT0FBTyxDQUFDLGdCQUFnQixDQUFDLFdBQVcsRUFBRSxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQztZQUM3RSxPQUFPLENBQUMsZ0JBQWdCLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUMsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDO1lBQzdFLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUM7WUFFbkUsOEJBQThCO1lBQzlCLE1BQU0sY0FBYyxHQUFHLE9BQU8sQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxtQkFBbUIsQ0FBZ0IsQ0FBQztZQUM5RixJQUFJLGNBQWMsRUFBRSxDQUFDO2dCQUNuQixjQUFjLENBQUMsZ0JBQWdCLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUMsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDO2dCQUNwRixjQUFjLENBQUMsZ0JBQWdCLENBQUMsU0FBUyxFQUFFLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDO1lBQ2xGLENBQUM7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFTyxlQUFlLENBQUMsQ0FBWSxFQUFFLEtBQWE7UUFDakQsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMvQixJQUFJLENBQUMsSUFBSTtZQUFFLE9BQU87UUFFbEIsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7UUFDeEIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLEtBQUssQ0FBQztRQUU5QixpREFBaUQ7UUFDakQsTUFBTSxjQUFjLEdBQUcsQ0FBQyxDQUFDLE1BQXFCLENBQUM7UUFDL0MsSUFBSSxDQUFDLGVBQWUsQ0FBQyxjQUFjLENBQUMsQ0FBQztRQUVyQyxJQUFJLENBQUMsQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUNuQixDQUFDLENBQUMsWUFBWSxDQUFDLGFBQWEsR0FBRyxNQUFNLENBQUM7WUFDdEMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsWUFBWSxFQUFFLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztZQUU5QyxxQ0FBcUM7WUFDckMsSUFBSSxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7Z0JBQ3pCLENBQUMsQ0FBQyxZQUFZLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxlQUFlLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1lBQzVELENBQUM7UUFDSCxDQUFDO1FBRUQsc0NBQXNDO1FBQ3RDLElBQUksQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUMsUUFBUSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ2hELENBQUM7SUFFTyxhQUFhLENBQUMsQ0FBWSxFQUFFLEtBQWE7UUFDL0Msc0JBQXNCO1FBQ3RCLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFO1lBQy9CLElBQUksQ0FBQyxXQUFXLENBQUMsVUFBVSxDQUFDLENBQUM7WUFDN0IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBQ2hELENBQUMsQ0FBQyxDQUFDO1FBRUgsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7UUFDeEIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLENBQUMsQ0FBQyxDQUFDO1FBRTNCLElBQUksSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO1lBQ3pCLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDO1FBQzlCLENBQUM7SUFDSCxDQUFDO0lBRU8sY0FBYyxDQUFDLENBQVksRUFBRSxLQUFhO1FBQ2hELElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVztZQUFFLE9BQU87UUFFOUIsQ0FBQyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ25CLElBQUksQ0FBQyxDQUFDLFlBQVksRUFBRSxDQUFDO1lBQ25CLENBQUMsQ0FBQyxZQUFZLENBQUMsVUFBVSxHQUFHLE1BQU0sQ0FBQztRQUNyQyxDQUFDO0lBQ0gsQ0FBQztJQUVPLGVBQWUsQ0FBQyxDQUFZLEVBQUUsS0FBYTtRQUNqRCxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsSUFBSSxLQUFLLEtBQUssSUFBSSxDQUFDLGdCQUFnQjtZQUFFLE9BQU87UUFFakUsQ0FBQyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ25CLElBQUksQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsY0FBYyxDQUFDLENBQUM7SUFDakUsQ0FBQztJQUVPLGVBQWUsQ0FBQyxDQUFZLEVBQUUsS0FBYTtRQUNqRCxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVc7WUFBRSxPQUFPO1FBRTlCLDZEQUE2RDtRQUM3RCxNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDLE9BQU8sQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1FBQ3RFLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxPQUFPLENBQUM7UUFDcEIsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDLE9BQU8sQ0FBQztRQUVwQixJQUFJLENBQUMsR0FBRyxJQUFJLENBQUMsSUFBSSxJQUFJLENBQUMsR0FBRyxJQUFJLENBQUMsS0FBSyxJQUFJLENBQUMsR0FBRyxJQUFJLENBQUMsR0FBRyxJQUFJLENBQUMsR0FBRyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDdkUsSUFBSSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxjQUFjLENBQUMsQ0FBQztRQUNwRSxDQUFDO0lBQ0gsQ0FBQztJQUVPLFVBQVUsQ0FBQyxDQUFZLEVBQUUsT0FBZTtRQUM5QyxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsSUFBSSxJQUFJLENBQUMsZ0JBQWdCLEtBQUssQ0FBQyxDQUFDO1lBQUUsT0FBTztRQUU5RCxDQUFDLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDbkIsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxjQUFjLENBQUMsQ0FBQztRQUVwRSx3Q0FBd0M7UUFDeEMsSUFBSSxPQUFPLEtBQUssSUFBSSxDQUFDLGdCQUFnQjtZQUFFLE9BQU87UUFFOUMsZ0JBQWdCO1FBQ2hCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLGdCQUFnQixFQUFFLE9BQU8sQ0FBQyxDQUFDO0lBQ2hELENBQUM7SUFFTyxlQUFlLENBQUMsY0FBMkI7UUFDakQsTUFBTSxNQUFNLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUNoRCxNQUFNLEdBQUcsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3BDLElBQUksQ0FBQyxHQUFHO1lBQUUsT0FBTztRQUVqQixNQUFNLElBQUksR0FBRyxjQUFjLENBQUMscUJBQXFCLEVBQUUsQ0FBQztRQUNwRCxNQUFNLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7UUFDMUIsTUFBTSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDO1FBRTVCLHlDQUF5QztRQUN6QyxNQUFNLGFBQWEsR0FBRyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsY0FBYyxDQUFDLENBQUM7UUFDOUQsR0FBRyxDQUFDLFNBQVMsR0FBRyxhQUFhLENBQUMsZUFBZSxJQUFJLGFBQWEsQ0FBQztRQUMvRCxHQUFHLENBQUMsUUFBUSxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsTUFBTSxDQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUM7UUFFaEQsa0JBQWtCO1FBQ2xCLElBQUksY0FBYyxDQUFDLFdBQVcsRUFBRSxDQUFDO1lBQy9CLEdBQUcsQ0FBQyxTQUFTLEdBQUcsYUFBYSxDQUFDLEtBQUssSUFBSSxPQUFPLENBQUM7WUFDL0MsR0FBRyxDQUFDLElBQUksR0FBRyxhQUFhLENBQUMsSUFBSSxJQUFJLFlBQVksQ0FBQztZQUM5QyxHQUFHLENBQUMsU0FBUyxHQUFHLFFBQVEsQ0FBQztZQUN6QixHQUFHLENBQUMsUUFBUSxDQUFDLGNBQWMsQ0FBQyxXQUFXLEVBQUUsTUFBTSxDQUFDLEtBQUssR0FBRyxDQUFDLEVBQUUsTUFBTSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQztRQUNoRixDQUFDO1FBRUQsSUFBSSxDQUFDLGVBQWUsR0FBRyxNQUFNLENBQUM7SUFDaEMsQ0FBQztJQUVEOztPQUVHO0lBQ0ksUUFBUSxDQUFDLFNBQWlCLEVBQUUsT0FBZTtRQUNoRCxJQUFJLFNBQVMsR0FBRyxDQUFDLElBQUksU0FBUyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTTtZQUMvQyxPQUFPLEdBQUcsQ0FBQyxJQUFJLE9BQU8sSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU07WUFDM0MsU0FBUyxLQUFLLE9BQU8sRUFBRSxDQUFDO1lBQzFCLE9BQU8sS0FBSyxDQUFDO1FBQ2YsQ0FBQztRQUVELE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLENBQUM7UUFDdkMsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUVuQyxJQUFJLENBQUMsUUFBUTtZQUFFLE9BQU8sS0FBSyxDQUFDO1FBRTVCLHNDQUFzQztRQUN0QyxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxHQUFHLE1BQU0sQ0FBQztRQUMvQixJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxHQUFHLFFBQVEsQ0FBQztRQUUvQixJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDckIsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0lBRUQ7O09BRUc7SUFDSSxRQUFRLENBQUMsS0FBVTtRQUN4QixNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQztRQUM1RCxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksS0FBSyxDQUFDLFVBQVUsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUU5Qyx1Q0FBdUM7UUFDdkMsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLE1BQU0sRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDO1lBQzVELElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQzNCLENBQUM7UUFFRCxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVEOztPQUVHO0lBQ0ksT0FBTyxDQUFDLElBQU87UUFDcEIsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxJQUFJLEtBQUssSUFBSSxDQUFDLENBQUM7UUFDL0QsSUFBSSxVQUFVLEtBQUssQ0FBQyxDQUFDLEVBQUUsQ0FBQztZQUN0QixPQUFPLEtBQUssQ0FBQyxDQUFDLGVBQWU7UUFDL0IsQ0FBQztRQUVELElBQUksQ0FBQyxLQUFLLENBQUMsVUFBVSxDQUFDLEdBQUcsSUFBSSxDQUFDO1FBQzlCLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUNyQixPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7SUFFRDs7T0FFRztJQUNJLFVBQVUsQ0FBQyxLQUFhO1FBQzdCLElBQUksS0FBSyxHQUFHLENBQUMsSUFBSSxLQUFLLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUM7WUFDbEUsT0FBTyxLQUFLLENBQUM7UUFDZixDQUFDO1FBRUQsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsR0FBRyxJQUFJLENBQUM7UUFDekIsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQ3JCLE9BQU8sSUFBSSxDQUFDO0lBQ2QsQ0FBQztJQUVEOztPQUVHO0lBQ0ksY0FBYyxDQUFDLEVBQVU7UUFDOUIsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxJQUFJLEVBQUUsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDO1FBQzVELElBQUksS0FBSyxJQUFJLENBQUMsRUFBRSxDQUFDO1lBQ2YsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ2hDLENBQUM7UUFDRCxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7SUFFRDs7T0FFRztJQUNJLFFBQVE7UUFDYixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsSUFBSSxFQUFhLEVBQUUsQ0FBQyxJQUFJLEtBQUssSUFBSSxDQUFDLENBQUM7SUFDL0QsQ0FBQztJQUVEOztPQUVHO0lBQ0kscUJBQXFCO1FBQzFCLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1lBQ3RDLElBQUk7WUFDSixLQUFLO1lBQ0wsR0FBRyxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDO1lBQzdDLEdBQUcsRUFBRSxLQUFLLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPO1NBQ2xDLENBQUMsQ0FBQyxDQUFDO0lBQ04sQ0FBQztJQUVEOztPQUVHO0lBQ0ksTUFBTTtRQUNYLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNwQyxDQUFDO0lBRUQ7O09BRUc7SUFDSSxZQUFZO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxJQUFJLEtBQUssSUFBSSxDQUFDLENBQUMsTUFBTSxDQUFDO0lBQ3pELENBQUM7SUFFRDs7T0FFRztJQUNJLFVBQVU7UUFDZixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN0QixJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVEOztPQUVHO0lBQ0ksUUFBUSxDQUFDLEVBQVU7UUFDeEIsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLElBQUksRUFBRSxFQUFFLEtBQUssRUFBRSxDQUFDLElBQUksU0FBUyxDQUFDO0lBQy9ELENBQUM7SUFFRDs7T0FFRztJQUNJLE9BQU8sQ0FBQyxFQUFVO1FBQ3ZCLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxJQUFJLEVBQUUsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDO0lBQ2xELENBQUM7SUFFRDs7T0FFRztJQUNhLE1BQU07UUFDcEIsSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFLEVBQUUsQ0FBQztZQUN4QixJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDZCxDQUFDO2FBQU0sQ0FBQztZQUNOLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNkLENBQUM7SUFDSCxDQUFDO0lBRU8sYUFBYTtRQUNuQixJQUFJLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxDQUFDLFdBQVcsRUFBRSxLQUFLLEVBQUUsRUFBRTtZQUMvQyxNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQy9CLE1BQU0sY0FBYyxHQUFHLFdBQVcsQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsbUJBQW1CLENBQWdCLENBQUM7WUFFMUcsSUFBSSxJQUFJLEVBQUUsQ0FBQztnQkFDVCxrQ0FBa0M7Z0JBQ2xDLFdBQVcsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxVQUFVLENBQUMsQ0FBQztnQkFDakQsV0FBVyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLFdBQVcsQ0FBQyxDQUFDO2dCQUMvQyxJQUFJLENBQUMsT0FBTyxDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsV0FBVyxDQUFDLE9BQU8sQ0FBQyxDQUFDO2dCQUVyRCw2Q0FBNkM7Z0JBQzdDLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxjQUFjLElBQUksY0FBYyxFQUFFLENBQUM7b0JBQ2xELGNBQWMsQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO2dCQUNsQyxDQUFDO1lBQ0gsQ0FBQztpQkFBTSxDQUFDO2dCQUNOLGtDQUFrQztnQkFDbEMsV0FBVyxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLFdBQVcsQ0FBQyxDQUFDO2dCQUNsRCxXQUFXLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsVUFBVSxDQUFDLENBQUM7Z0JBQzlDLElBQUksQ0FBQyxPQUFPLENBQUMsV0FBVyxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQztnQkFFOUMsNkJBQTZCO2dCQUM3QixJQUFJLGNBQWMsRUFBRSxDQUFDO29CQUNuQixjQUFjLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztnQkFDbkMsQ0FBQztZQUNILENBQUM7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRDs7T0FFRztJQUNLLGdCQUFnQjtRQUN0QixNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsTUFBTSxFQUFFLGFBQWEsQ0FBQyxlQUFlLENBQWdCLENBQUM7UUFDL0UsSUFBSSxXQUFXLEVBQUUsQ0FBQztZQUNoQixXQUFXLENBQUMsZ0JBQWdCLENBQUMsT0FBTyxFQUFFLEdBQUcsRUFBRTtnQkFDekMsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO2dCQUNaLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDekIsQ0FBQyxDQUFDLENBQUM7UUFDTCxDQUFDO0lBQ0gsQ0FBQztDQUNGIn0=

package/dist/src/ui/components/Minimap.d.ts

@@ -0,0 +1,39 @@
+import * as THREE from 'three';
+import { BaseUIComponent } from './BaseUIComponent.js';
+import type { BaseUIComponentOptions } from './BaseUIComponent.js';
+export interface MinimapOptions extends BaseUIComponentOptions {
+    size?: number;
+    worldRadius?: number;
+    playerColor?: string;
+    targetColor?: string;
+    backgroundColor?: string;
+    borderColor?: string;
+}
+export interface MinimapTarget {
+    position: THREE.Vector3;
+    color?: string;
+    size?: number;
+}
+export declare class Minimap extends BaseUIComponent<MinimapOptions> {
+    private canvas;
+    private ctx;
+    private playerPosition;
+    private targets;
+    protected getAssetPaths(): {
+        templatePath: string;
+        stylesPath: string;
+    };
+    protected getDefaultOptions(): Required<MinimapOptions>;
+    protected getInitialData(): Record<string, any>;
+    protected onInitialize(): Promise<void>;
+    setPlayerPosition(position: THREE.Vector3): void;
+    setTargets(targets: MinimapTarget[]): void;
+    addTarget(target: MinimapTarget): void;
+    removeTarget(index: number): void;
+    clearTargets(): void;
+    render(): void;
+    private drawCardinalDirections;
+    setSize(size: number): void;
+    setWorldRadius(radius: number): void;
+    protected onDestroy(): void;
+}

package/dist/src/ui/components/Minimap.js

@@ -0,0 +1,156 @@
+import * as THREE from 'three';
+import { BaseUIComponent } from './BaseUIComponent.js';
+export class Minimap extends BaseUIComponent {
+    constructor() {
+        super(...arguments);
+        Object.defineProperty(this, "canvas", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        Object.defineProperty(this, "ctx", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        Object.defineProperty(this, "playerPosition", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new THREE.Vector3()
+        });
+        Object.defineProperty(this, "targets", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+    }
+    getAssetPaths() {
+        return {
+            templatePath: '@engine/assets/ui/templates/minimap.html',
+            stylesPath: '@engine/assets/ui/styles/minimap.css'
+        };
+    }
+    getDefaultOptions() {
+        return {
+            position: 'top-right',
+            visible: true,
+            customClasses: [],
+            customStyles: {},
+            size: 150,
+            worldRadius: 40,
+            playerColor: '#00ff00',
+            targetColor: '#ff0000',
+            backgroundColor: 'rgba(0, 0, 0, 0.7)',
+            borderColor: 'rgba(255, 255, 255, 0.3)'
+        };
+    }
+    getInitialData() {
+        return {
+            size: this.options.size,
+            position: this.options.position
+        };
+    }
+    async onInitialize() {
+        // Get canvas reference
+        this.canvas = this.layout?.querySelector('.minimap');
+        if (this.canvas) {
+            this.ctx = this.canvas.getContext('2d');
+            this.canvas.width = this.options.size;
+            this.canvas.height = this.options.size;
+        }
+    }
+    // Public API methods
+    setPlayerPosition(position) {
+        this.playerPosition.copy(position);
+    }
+    setTargets(targets) {
+        this.targets = [...targets];
+    }
+    addTarget(target) {
+        this.targets.push(target);
+    }
+    removeTarget(index) {
+        if (index >= 0 && index < this.targets.length) {
+            this.targets.splice(index, 1);
+        }
+    }
+    clearTargets() {
+        this.targets = [];
+    }
+    render() {
+        if (!this.canvas || !this.ctx)
+            return;
+        const ctx = this.ctx;
+        const size = this.options.size;
+        // Clear canvas
+        ctx.fillStyle = this.options.backgroundColor;
+        ctx.fillRect(0, 0, size, size);
+        const center = size / 2;
+        // Draw cardinal direction labels
+        this.drawCardinalDirections(ctx, size);
+        // Draw player as dot in center
+        ctx.fillStyle = this.options.playerColor;
+        ctx.beginPath();
+        ctx.arc(center, center, 4, 0, 2 * Math.PI);
+        ctx.fill();
+        // Draw targets
+        this.targets.forEach(target => {
+            // Calculate relative position to player
+            const relativeX = target.position.x - this.playerPosition.x;
+            const relativeZ = target.position.z - this.playerPosition.z;
+            // Convert to minimap coordinates (Note: Z maps to Y axis, with negative Z pointing North/up)
+            const mapX = center + (relativeX / this.options.worldRadius) * (size / 2);
+            const mapZ = center + (-relativeZ / this.options.worldRadius) * (size / 2); // Negative Z for North-up orientation
+            // Only draw if within minimap bounds
+            if (mapX >= 0 && mapX <= size && mapZ >= 0 && mapZ <= size) {
+                ctx.fillStyle = target.color ?? this.options.targetColor;
+                ctx.beginPath();
+                ctx.arc(mapX, mapZ, target.size ?? 3, 0, 2 * Math.PI);
+                ctx.fill();
+            }
+        });
+        // Draw border
+        ctx.strokeStyle = this.options.borderColor;
+        ctx.lineWidth = 2;
+        ctx.strokeRect(0, 0, size, size);
+    }
+    drawCardinalDirections(ctx, size) {
+        ctx.fillStyle = 'rgba(255, 255, 255, 0.8)';
+        ctx.font = 'bold 14px Arial, sans-serif';
+        ctx.textAlign = 'center';
+        ctx.textBaseline = 'middle';
+        const padding = 12;
+        const center = size / 2;
+        // North (top)
+        ctx.fillText('N', center, padding);
+        // South (bottom)
+        ctx.fillText('S', center, size - padding);
+        // East (right)
+        ctx.fillText('E', size - padding, center);
+        // West (left)
+        ctx.fillText('W', padding, center);
+    }
+    setSize(size) {
+        this.options.size = size;
+        if (this.canvas) {
+            this.canvas.width = size;
+            this.canvas.height = size;
+            this.canvas.style.width = `${size}px`;
+            this.canvas.style.height = `${size}px`;
+        }
+    }
+    setWorldRadius(radius) {
+        this.options.worldRadius = radius;
+    }
+    onDestroy() {
+        // Clean up canvas references
+        this.canvas = null;
+        this.ctx = null;
+        this.targets = [];
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWluaW1hcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy91aS9jb21wb25lbnRzL01pbmltYXAudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUM7QUFJL0IsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBbUJ2RCxNQUFNLE9BQU8sT0FBUSxTQUFRLGVBQStCO0lBQTVEOztRQUNVOzs7O21CQUFtQyxJQUFJO1dBQUM7UUFDeEM7Ozs7bUJBQXVDLElBQUk7V0FBQztRQUU1Qzs7OzttQkFBZ0MsSUFBSSxLQUFLLENBQUMsT0FBTyxFQUFFO1dBQUM7UUFDcEQ7Ozs7bUJBQTJCLEVBQUU7V0FBQztJQXdKeEMsQ0FBQztJQXRKVyxhQUFhO1FBQ3JCLE9BQU87WUFDTCxZQUFZLEVBQUUsMENBQTBDO1lBQ3hELFVBQVUsRUFBRSxzQ0FBc0M7U0FDbkQsQ0FBQztJQUNKLENBQUM7SUFFUyxpQkFBaUI7UUFDekIsT0FBTztZQUNMLFFBQVEsRUFBRSxXQUFXO1lBQ3JCLE9BQU8sRUFBRSxJQUFJO1lBQ2IsYUFBYSxFQUFFLEVBQUU7WUFDakIsWUFBWSxFQUFFLEVBQUU7WUFDaEIsSUFBSSxFQUFFLEdBQUc7WUFDVCxXQUFXLEVBQUUsRUFBRTtZQUNmLFdBQVcsRUFBRSxTQUFTO1lBQ3RCLFdBQVcsRUFBRSxTQUFTO1lBQ3RCLGVBQWUsRUFBRSxvQkFBb0I7WUFDckMsV0FBVyxFQUFFLDBCQUEwQjtTQUN4QyxDQUFDO0lBQ0osQ0FBQztJQUVTLGNBQWM7UUFDdEIsT0FBTztZQUNMLElBQUksRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUk7WUFDdkIsUUFBUSxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUTtTQUNoQyxDQUFDO0lBQ0osQ0FBQztJQUVrQixLQUFLLENBQUMsWUFBWTtRQUNuQyx1QkFBdUI7UUFDdkIsSUFBSSxDQUFDLE1BQU0s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