@nativewrappers/fivem 0.0.41 → 0.0.44

package/{client/ui → ui}/menu/Menu.js

@@ -1,64 +1,86 @@
-import { Container, Hud, MenuControls, MenuSettings, Rectangle, Screen, Sprite, Text, UIMenuSeparatorItem, } from '../';
-import { Audio, CursorSprite, Game, GameplayCamera, InputMode, Wait } from '../../';
-import { Alignment, Control, Font, MenuAlignment } from '../../enums';
-import { Color, Crypto, LiteEvent, Point, Size } from '../../utils';
-import { UIMenuCheckboxItem, UIMenuItem, UIMenuListItem, UIMenuSliderItem } from './items';
+import { Container, Hud, MenuControls, MenuSettings, Rectangle, Screen, Sprite, Text, UIMenuSeparatorItem, } from "../";
+import { Audio, CursorSprite, Game, GameplayCamera, InputMode, Wait, } from "../../";
+import { Alignment, Control, Font, MenuAlignment } from "../../enums";
+import { Color, Crypto, LiteEvent, Point, Size } from "../../utils";
+import { UIMenuCheckboxItem, UIMenuItem, UIMenuListItem, UIMenuSliderItem, } from "./items";
 export class Menu {
-    constructor(title, subtitle, offset = new Point(), spriteLibrary = 'commonmenu', spriteName = 'interaction_bgd') {
-        this.id = Crypto.uuidv4();
-        this.visible = false;
-        this.items = [];
-        this.children = new Map();
-        this.menuOpen = new LiteEvent();
-        this.menuClose = new LiteEvent();
-        this.menuChange = new LiteEvent();
-        this.indexChange = new LiteEvent();
-        this.listChange = new LiteEvent();
-        this.sliderChange = new LiteEvent();
-        this.checkboxChange = new LiteEvent();
-        this.listSelect = new LiteEvent();
-        this.sliderSelect = new LiteEvent();
-        this.itemSelect = new LiteEvent();
-        this.panelActivated = new LiteEvent();
-        this._counterPretext = '';
-        this._counterOverride = '';
-        this._alignment = MenuAlignment.Left;
-        this._navigationDelay = 140;
-        this._lastUpDownNavigation = 0;
-        this._lastLeftRightNavigation = 0;
-        this._activeItem = 1000;
-        this._widthOffset = 0;
-        this._drawOffset = new Point();
-        this._justOpened = true;
-        this._mousePressed = false;
-        this._minItem = 0;
-        this._maxItem = 9;
-        this._maxItemsOnScreen = this._maxItem;
-        this._controls = new MenuControls();
-        this._settings = new MenuSettings();
+    static screenAspectRatio = IsDuplicityVersion()
+        ? 0
+        : Screen.AspectRatio;
+    static screenHeight = 1080;
+    static screenWidth = Menu.screenHeight * Menu.screenAspectRatio;
+    static screenResolution = new Size(Menu.screenWidth, Menu.screenHeight);
+    id = Crypto.uuidv4();
+    visible = false;
+    parentMenu;
+    parentItem;
+    items = [];
+    children = new Map();
+    menuOpen = new LiteEvent();
+    menuClose = new LiteEvent();
+    menuChange = new LiteEvent();
+    indexChange = new LiteEvent();
+    listChange = new LiteEvent();
+    sliderChange = new LiteEvent();
+    checkboxChange = new LiteEvent();
+    listSelect = new LiteEvent();
+    sliderSelect = new LiteEvent();
+    itemSelect = new LiteEvent();
+    panelActivated = new LiteEvent();
+    _counterPretext = "";
+    _counterOverride = "";
+    _alignment = MenuAlignment.Left;
+    _offset;
+    _navigationDelay = 140;
+    _lastUpDownNavigation = 0;
+    _lastLeftRightNavigation = 0;
+    _activeItem = 1000;
+    _widthOffset = 0;
+    _drawOffset = new Point();
+    _justOpened = true;
+    _mousePressed = false;
+    _minItem = 0;
+    _maxItem = 9;
+    _maxItemsOnScreen = this._maxItem;
+    _controls = new MenuControls();
+    _settings = new MenuSettings();
+    _title;
+    _subtitle;
+    _mainMenu;
+    _logo;
+    _upAndDownSprite;
+    _subtitleResRectangle;
+    _extraRectangleUp;
+    _extraRectangleDown;
+    _descriptionBar;
+    _descriptionRectangle;
+    _descriptionText;
+    _counterText;
+    _background;
+    constructor(title, subtitle, offset = new Point(), spriteLibrary = "commonmenu", spriteName = "interaction_bgd") {
         this._offset = offset;
         // Create everything
         this._mainMenu = new Container(new Point(), new Size(700, 500), Color.Transparent);
-        this._logo = new Sprite(spriteLibrary || '', spriteName || '', new Point(this._offset.X, this._offset.Y), new Size(431, 107));
+        this._logo = new Sprite(spriteLibrary || "", spriteName || "", new Point(this._offset.X, this._offset.Y), new Size(431, 107));
         this._mainMenu.addItem([
-            (this._title = new Text(title || '', new Point(431 / 2 + this._offset.X, 20 + this._offset.Y), 1.15, Color.White, 1, Alignment.Centered)),
+            (this._title = new Text(title || "", new Point(431 / 2 + this._offset.X, 20 + this._offset.Y), 1.15, Color.White, 1, Alignment.Centered)),
             (this._subtitleResRectangle = new Rectangle(new Point(this._offset.X, 107 + this._offset.Y), new Size(431, 37), Color.Black)),
-            (this._subtitle = new Text(subtitle || '', new Point(8 + this._offset.X, 110 + this._offset.Y), 0.35, Color.White, 0, Alignment.Left)),
+            (this._subtitle = new Text(subtitle || "", new Point(8 + this._offset.X, 110 + this._offset.Y), 0.35, Color.White, 0, Alignment.Left)),
         ]);
-        if (this._subtitle.caption.startsWith('~')) {
+        if (this._subtitle.caption.startsWith("~")) {
             this._counterPretext = this._subtitle.caption.substr(0, 3);
         }
-        this._counterText = new Text('', new Point(425 + this._offset.X, 110 + this._offset.Y), 0.35, Color.White, 0, Alignment.Right);
-        this._upAndDownSprite = new Sprite('commonmenu', 'shop_arrows_upanddown', new Point(), new Size(50, 50));
+        this._counterText = new Text("", new Point(425 + this._offset.X, 110 + this._offset.Y), 0.35, Color.White, 0, Alignment.Right);
+        this._upAndDownSprite = new Sprite("commonmenu", "shop_arrows_upanddown", new Point(), new Size(50, 50));
         const extraRectanglePos = new Point(this._offset.X);
         const extraRectangleSize = new Size(431, 18);
         const extraRectangleColor = new Color(0, 0, 0, 200);
         this._extraRectangleUp = new Rectangle(extraRectanglePos, extraRectangleSize, extraRectangleColor);
         this._extraRectangleDown = new Rectangle({ ...extraRectanglePos }, { ...extraRectangleSize }, { ...extraRectangleColor });
         this._descriptionBar = new Rectangle(new Point(this._offset.X), new Size(431, 4), Color.Black);
-        this._descriptionRectangle = new Sprite('commonmenu', 'gradient_bgd', new Point(this._offset.X), new Size(431, 30));
-        this._descriptionText = new Text('Description', new Point(this._offset.X + 8), 0.35, Color.White, Font.ChaletLondon, Alignment.Left);
-        this._background = new Sprite('commonmenu', 'gradient_bgd', new Point(this._offset.X, 144 + this._offset.Y), new Size(290, 25));
+        this._descriptionRectangle = new Sprite("commonmenu", "gradient_bgd", new Point(this._offset.X), new Size(431, 30));
+        this._descriptionText = new Text("Description", new Point(this._offset.X + 8), 0.35, Color.White, Font.ChaletLondon, Alignment.Left);
+        this._background = new Sprite("commonmenu", "gradient_bgd", new Point(this._offset.X, 144 + this._offset.Y), new Size(290, 25));
         setTick(() => {
             this._render();
         });
@@ -103,7 +125,7 @@ export class Menu {
         return this.items[this._activeItem % this.items.length];
     }
     set CurrentItem(value) {
-        const index = this.items.findIndex(i => i.id === value.id);
+        const index = this.items.findIndex((i) => i.id === value.id);
         if (index !== -1) {
             this.CurrentSelection = index;
         }
@@ -151,7 +173,7 @@ export class Menu {
         this._upAndDownSprite.pos.X = 190 + this._offset.X + widthOffset / 2;
         this._descriptionBar.size.width = width;
         this._descriptionRectangle.size.width = width;
-        this.items.forEach(item => {
+        this.items.forEach((item) => {
             item.formatDescription();
         });
     }
@@ -199,7 +221,7 @@ export class Menu {
         if (!Array.isArray(items)) {
             items = [items];
         }
-        items.forEach(item => {
+        items.forEach((item) => {
             item.offset = this._offset;
             item.parent = this;
             item.formatDescription();
@@ -208,11 +230,11 @@ export class Menu {
         this.refreshIndex();
     }
     removeItem(itemOrIndex) {
-        if (typeof itemOrIndex === 'number') {
+        if (typeof itemOrIndex === "number") {
             this.items = this.items.filter((i, index) => index !== itemOrIndex);
         }
         else {
-            this.items = this.items.filter(i => i.id !== itemOrIndex.id);
+            this.items = this.items.filter((i) => i.id !== itemOrIndex.id);
         }
         this.refreshIndex();
     }
@@ -349,8 +371,10 @@ export class Menu {
     }
     isMouseInBounds(pos, size, drawOffset = true) {
         const resolution = Menu.screenResolution;
-        const cX = (GetControlNormal(0, Control.CursorX) * resolution.width) / resolution.width;
-        const cY = (GetControlNormal(0, Control.CursorY) * resolution.height) / resolution.height;
+        const cX = (GetControlNormal(0, Control.CursorX) * resolution.width) /
+            resolution.width;
+        const cY = (GetControlNormal(0, Control.CursorY) * resolution.height) /
+            resolution.height;
         let x = pos.X / resolution.width;
         let y = pos.Y / resolution.height;
         const w = size.width / resolution.width;
@@ -469,7 +493,9 @@ export class Menu {
             return;
         }
         let hoveredItem, hoveredItemIndex;
-        const limit = this.items.length > this._maxItemsOnScreen + 1 ? this._maxItem : this.items.length - 1;
+        const limit = this.items.length > this._maxItemsOnScreen + 1
+            ? this._maxItem
+            : this.items.length - 1;
         for (let i = this._minItem; i <= limit; i++) {
             const item = this.items[i];
             if (item instanceof UIMenuSeparatorItem) {
@@ -489,7 +515,8 @@ export class Menu {
                 this._mousePressed = true;
                 if (hoveredItem.selected) {
                     if (hoveredItem.enabled) {
-                        if (hoveredItem instanceof UIMenuListItem || hoveredItem instanceof UIMenuSliderItem) {
+                        if (hoveredItem instanceof UIMenuListItem ||
+                            hoveredItem instanceof UIMenuSliderItem) {
                             if (hoveredItem.IsMouseInBoundsOfLeftArrow) {
                                 this.goLeft();
                             }
@@ -514,7 +541,8 @@ export class Menu {
                     this.indexChange.emit(this.CurrentSelection);
                 }
                 await Wait(this._navigationDelay);
-                while (Game.isDisabledControlPressed(0, Control.Attack) && hoveredItem.IsMouseInBounds) {
+                while (Game.isDisabledControlPressed(0, Control.Attack) &&
+                    hoveredItem.IsMouseInBounds) {
                     if (hoveredItem.selected) {
                         if (hoveredItem.enabled) {
                             if (hoveredItem instanceof UIMenuListItem ||
@@ -593,7 +621,8 @@ export class Menu {
             return;
         }
         // Back
-        if (this.Controls.back.Enabled && Game.isDisabledControlJustReleased(0, Control.PhoneCancel)) {
+        if (this.Controls.back.Enabled &&
+            Game.isDisabledControlJustReleased(0, Control.PhoneCancel)) {
             this.goBack();
         }
         if (this.items.length === 0) {
@@ -636,7 +665,8 @@ export class Menu {
         }
     }
     _isThereAnyItemExcludingSeparators() {
-        return !!this.items.filter(item => !(item instanceof UIMenuSeparatorItem)).length;
+        return !!this.items.filter((item) => !(item instanceof UIMenuSeparatorItem))
+            .length;
     }
     _playSoundAndReleaseId(sound, set) {
         const soundId = Audio.playSoundFrontEnd(sound, set);
@@ -651,7 +681,8 @@ export class Menu {
     _recalculateUpAndDown() {
         const y = this._offset.Y;
         this._extraRectangleUp.pos.Y = 144 + 38 * (this._maxItemsOnScreen + 1) + y;
-        this._extraRectangleDown.pos.Y = 144 + 18 + 38 * (this._maxItemsOnScreen + 1) + y;
+        this._extraRectangleDown.pos.Y =
+            144 + 18 + 38 * (this._maxItemsOnScreen + 1) + y;
         this._upAndDownSprite.pos.Y = 147 + 37 * (this._maxItemsOnScreen + 1) + y;
     }
     _recalculateDescriptionPosition() {
@@ -734,13 +765,13 @@ export class Menu {
         this._background.draw(Menu.screenResolution);
         if (this.items.length > 0) {
             let hasDescription = false;
-            if (this.CurrentItem.Description && this.CurrentItem.Description !== '')
+            if (this.CurrentItem.Description && this.CurrentItem.Description !== "")
                 hasDescription = true;
             this.CurrentItem.selected = true;
             if (hasDescription) {
                 this._recalculateDescriptionPosition();
                 this._descriptionText.caption = this.CurrentItem.FormattedDescription;
-                const numLines = this._descriptionText.caption.split('\n').length;
+                const numLines = this._descriptionText.caption.split("\n").length;
                 this._descriptionRectangle.size = new Size(431 + this._widthOffset, numLines * 25 + 15);
                 this._descriptionBar.draw(undefined, Menu.screenResolution);
                 this._descriptionRectangle.draw(Menu.screenResolution);
@@ -765,7 +796,8 @@ export class Menu {
                 count += 1;
             }
             if (this._counterText && this._counterOverride) {
-                this._counterText.caption = this._counterPretext + this._counterOverride;
+                this._counterText.caption =
+                    this._counterPretext + this._counterOverride;
                 this._counterText.draw(undefined, Menu.screenResolution);
             }
         }
@@ -787,7 +819,8 @@ export class Menu {
                     this._counterText.caption = this._counterPretext + cap;
                 }
                 else {
-                    this._counterText.caption = this._counterPretext + this._counterOverride;
+                    this._counterText.caption =
+                        this._counterPretext + this._counterOverride;
                 }
                 this._counterText.draw(undefined, Menu.screenResolution);
             }
@@ -796,7 +829,3 @@ export class Menu {
         ResetScriptGfxAlign();
     }
 }
-Menu.screenAspectRatio = IsDuplicityVersion() ? 0 : Screen.AspectRatio;
-Menu.screenHeight = 1080;
-Menu.screenWidth = Menu.screenHeight * Menu.screenAspectRatio;
-Menu.screenResolution = new Size(Menu.screenWidth, Menu.screenHeight);

package/{client/ui → ui}/menu/MenuControl.js

@@ -1,4 +1,5 @@
 export class MenuControl {
+    _enabled;
     constructor(enabled = true) {
         this._enabled = enabled;
     }

package/{client/ui → ui}/menu/MenuControls.d.ts

@@ -1,4 +1,4 @@
-import { MenuControl } from './MenuControl';
+import { MenuControl } from "./MenuControl";
 export declare class MenuControls {
     back: MenuControl;
     select: MenuControl;

package/ui/menu/MenuControls.js

@@ -0,0 +1,9 @@
+import { MenuControl } from "./MenuControl";
+export class MenuControls {
+    back = new MenuControl();
+    select = new MenuControl();
+    left = new MenuControl();
+    right = new MenuControl();
+    up = new MenuControl();
+    down = new MenuControl();
+}

package/{client/ui → ui}/menu/MenuSettings.d.ts

@@ -1,4 +1,4 @@
-import { Control } from '../../enums';
+import { Control } from "../../enums";
 export declare class MenuSettings {
     scaleWithSafezone: boolean;
     resetCursorOnOpen: boolean;

package/ui/menu/MenuSettings.js

@@ -0,0 +1,54 @@
+import { InputMode } from "../../index";
+import { Control } from "../../enums";
+export class MenuSettings {
+    scaleWithSafezone = true;
+    resetCursorOnOpen = true;
+    mouseControlsEnabled = true;
+    mouseEdgeEnabled = true;
+    controlDisablingEnabled = true;
+    audio = {
+        library: "HUD_FRONTEND_DEFAULT_SOUNDSET",
+        upDown: "NAV_UP_DOWN",
+        leftRight: "NAV_LEFT_RIGHT",
+        select: "SELECT",
+        back: "BACK",
+        error: "ERROR",
+    };
+    enabledControls = {
+        [InputMode.GamePad]: [
+            Control.LookUpDown,
+            Control.LookLeftRight,
+            Control.Aim,
+            Control.Attack,
+        ],
+        [InputMode.MouseAndKeyboard]: [
+            Control.FrontendAccept,
+            Control.FrontendAxisX,
+            Control.FrontendAxisY,
+            Control.FrontendDown,
+            Control.FrontendUp,
+            Control.FrontendLeft,
+            Control.FrontendRight,
+            Control.FrontendCancel,
+            Control.FrontendSelect,
+            Control.CursorScrollDown,
+            Control.CursorScrollUp,
+            Control.CursorX,
+            Control.CursorY,
+            Control.MoveUpDown,
+            Control.MoveLeftRight,
+            Control.Sprint,
+            Control.Jump,
+            Control.Enter,
+            Control.VehicleExit,
+            Control.VehicleAccelerate,
+            Control.VehicleBrake,
+            Control.VehicleHandbrake,
+            Control.VehicleMoveLeftRight,
+            Control.VehicleFlyYawLeft,
+            Control.VehicleFlyYawRight,
+            Control.FlyLeftRight,
+            Control.FlyUpDown,
+        ],
+    };
+}

package/ui/menu/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./items";
+export * from "./modules";
+export { Menu } from "./Menu";
+export { MenuControl } from "./MenuControl";
+export { MenuControls } from "./MenuControls";
+export { MenuSettings } from "./MenuSettings";

package/ui/menu/index.js

@@ -0,0 +1,6 @@
+export * from "./items";
+export * from "./modules";
+export { Menu } from "./Menu";
+export { MenuControl } from "./MenuControl";
+export { MenuControls } from "./MenuControls";
+export { MenuSettings } from "./MenuSettings";

package/{client/ui → ui}/menu/items/UIMenuCheckboxItem.d.ts

@@ -1,6 +1,6 @@
-import { LiteEvent } from '../../../utils';
-import { UIMenuItem } from './';
-import { CheckboxStyle } from '../../../enums';
+import { LiteEvent } from "../../../utils";
+import { UIMenuItem } from "./";
+import { CheckboxStyle } from "../../../enums";
 export declare class UIMenuCheckboxItem extends UIMenuItem {
     readonly checkboxChanged: LiteEvent;
     protected supportsRightBadge: boolean;

package/{client/ui → ui}/menu/items/UIMenuCheckboxItem.js

@@ -1,16 +1,17 @@
-import { Menu, Sprite } from '../../';
-import { Color, LiteEvent, Point, Size } from '../../../utils';
-import { UIMenuItem } from './';
-import { CheckboxStyle } from '../../../enums';
+import { Menu, Sprite } from "../../";
+import { Color, LiteEvent, Point, Size } from "../../../utils";
+import { UIMenuItem } from "./";
+import { CheckboxStyle } from "../../../enums";
 export class UIMenuCheckboxItem extends UIMenuItem {
+    checkboxChanged = new LiteEvent();
+    supportsRightBadge = false;
+    supportsRightLabel = false;
+    _checked = false;
+    _style = CheckboxStyle.Tick;
+    _checkboxSprite;
     constructor(text, checked = false, description, style = CheckboxStyle.Tick) {
         super(text, description);
-        this.checkboxChanged = new LiteEvent();
-        this.supportsRightBadge = false;
-        this.supportsRightLabel = false;
-        this._checked = false;
-        this._style = CheckboxStyle.Tick;
-        this._checkboxSprite = new Sprite('commonmenu', '', new Point(410, 95), new Size(50, 50));
+        this._checkboxSprite = new Sprite("commonmenu", "", new Point(410, 95), new Size(50, 50));
         this.Checked = checked;
         this.Style = style;
     }
@@ -32,24 +33,25 @@ export class UIMenuCheckboxItem extends UIMenuItem {
     }
     draw() {
         super.draw();
-        this._checkboxSprite.pos.X = 380 + this.offset.X + (this.parent ? this.parent.WidthOffset : 0);
+        this._checkboxSprite.pos.X =
+            380 + this.offset.X + (this.parent ? this.parent.WidthOffset : 0);
         this._checkboxSprite.textureName = this._getSpriteName();
         this._checkboxSprite.color = this._getSpriteColor();
         this._checkboxSprite.draw(Menu.screenResolution);
     }
     _getSpriteName() {
-        let name = 'blank';
+        let name = "blank";
         if (this._checked) {
             switch (this._style) {
                 case CheckboxStyle.Tick:
-                    name = 'tick';
+                    name = "tick";
                     break;
                 case CheckboxStyle.Cross:
-                    name = 'cross';
+                    name = "cross";
                     break;
             }
         }
-        return `shop_box_${name}${this.selected ? 'b' : ''}`;
+        return `shop_box_${name}${this.selected ? "b" : ""}`;
     }
     _getSpriteColor() {
         return this.enabled ? Color.White : Color.fromRgb(109, 109, 109);

package/{client/ui → ui}/menu/items/UIMenuItem.d.ts

@@ -1,7 +1,7 @@
-import { AbstractUIMenuPanel, Menu } from '../';
-import { Rectangle, Sprite, Text } from '../../';
-import { BadgeStyle } from '../../../enums';
-import { Color, LiteEvent, Point, Size } from '../../../utils';
+import { AbstractUIMenuPanel, Menu } from "../";
+import { Rectangle, Sprite, Text } from "../../";
+import { BadgeStyle } from "../../../enums";
+import { Color, LiteEvent, Point, Size } from "../../../utils";
 export declare class UIMenuItem {
     static badgeToTextureDict(badge: BadgeStyle): string;
     static getBadgeSpriteWidthOffset(sprite: Sprite): number;