bard-legends-framework 0.7.5 → 0.7.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/pixi/components/mouse-wheel-listener.ui.d.ts +1 -1
- package/dist/pixi/components/mouse-wheel-listener.ui.js +3 -3
- package/dist/pixi/components/scroll-area.ui.d.ts +5 -1
- package/dist/pixi/components/scroll-area.ui.js +26 -11
- package/dist/pixi/components/scroll-area.ui.js.map +1 -1
- package/dist/pixi/index.d.ts +1 -1
- package/dist/pixi/index.js +2 -2
- package/package.json +1 -1
- package/package.json.bak +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Vector } from 'helpers-lib';
|
|
2
2
|
import { Action } from 'actions-lib';
|
|
3
3
|
import { Container } from '../display-object/container';
|
|
4
|
-
export declare class
|
|
4
|
+
export declare class MouseWheelListenerUI extends Container {
|
|
5
5
|
readonly onWheel: Action<number>;
|
|
6
6
|
private wheelListener;
|
|
7
7
|
private handler;
|
|
@@ -23,13 +23,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
23
23
|
return result;
|
|
24
24
|
};
|
|
25
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
exports.
|
|
26
|
+
exports.MouseWheelListenerUI = void 0;
|
|
27
27
|
const actions_lib_1 = require("actions-lib");
|
|
28
28
|
const PIXI = __importStar(require("pixi.js"));
|
|
29
29
|
const container_1 = require("../display-object/container");
|
|
30
30
|
const game_entities_1 = require("../../game-entities");
|
|
31
31
|
const mouse_service_1 = require("../services/mouse/mouse.service");
|
|
32
|
-
class
|
|
32
|
+
class MouseWheelListenerUI extends container_1.Container {
|
|
33
33
|
constructor(size) {
|
|
34
34
|
super();
|
|
35
35
|
this.onWheel = new actions_lib_1.Action();
|
|
@@ -55,5 +55,5 @@ class MauseWheelListenerUI extends container_1.Container {
|
|
|
55
55
|
window.removeEventListener('wheel', this.handler);
|
|
56
56
|
}
|
|
57
57
|
}
|
|
58
|
-
exports.
|
|
58
|
+
exports.MouseWheelListenerUI = MouseWheelListenerUI;
|
|
59
59
|
//# sourceMappingURL=mouse-wheel-listener.ui.js.map
|
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
import { Vector } from 'helpers-lib';
|
|
2
2
|
import { Container } from '../display-object/container';
|
|
3
|
+
export interface ScrollAreaUIOptions {
|
|
4
|
+
readonly padding: number;
|
|
5
|
+
readonly smallContentAlign: 'start' | 'center' | 'end';
|
|
6
|
+
}
|
|
3
7
|
export declare class ScrollAreaUI extends Container {
|
|
4
8
|
private maskTextureName;
|
|
5
|
-
constructor(size: Vector,
|
|
9
|
+
constructor(size: Vector, partialOptions?: Partial<ScrollAreaUIOptions>);
|
|
6
10
|
protected afterDestroy(): void;
|
|
7
11
|
private createMask;
|
|
8
12
|
}
|
|
@@ -12,11 +12,13 @@ const game_1 = require("../game");
|
|
|
12
12
|
const DEFAULT_PADDING = 15;
|
|
13
13
|
const SCROLL_SPEED = 0.65;
|
|
14
14
|
class SmoothScroller extends game_entities_1.Destroyable {
|
|
15
|
-
constructor(content,
|
|
15
|
+
constructor(content, areaHeight, padding, smallContentAlign) {
|
|
16
16
|
super();
|
|
17
|
-
this.scrollHeight = scrollHeight;
|
|
18
|
-
this.padding = padding;
|
|
19
17
|
this.content = content;
|
|
18
|
+
this.areaHeight = areaHeight;
|
|
19
|
+
this.padding = padding;
|
|
20
|
+
this.smallContentAlign = smallContentAlign;
|
|
21
|
+
this.scrollHeight = areaHeight - padding * 2;
|
|
20
22
|
this.content.y = padding;
|
|
21
23
|
this.targetY = padding;
|
|
22
24
|
this.updateCycleSubscription = game_entities_1.UpdateCycle.afterSceneUpdateAction
|
|
@@ -29,7 +31,7 @@ class SmoothScroller extends game_entities_1.Destroyable {
|
|
|
29
31
|
}
|
|
30
32
|
onWheel(delta) {
|
|
31
33
|
this.targetY -= delta * SCROLL_SPEED;
|
|
32
|
-
this.targetY = helpers_lib_1.NumberHelper.clamp(this.targetY, this.
|
|
34
|
+
this.targetY = helpers_lib_1.NumberHelper.clamp(this.targetY, this.areaHeight - this.padding - this.content.size.y, this.padding);
|
|
33
35
|
}
|
|
34
36
|
update(delta) {
|
|
35
37
|
if (this.content.size.y > this.scrollHeight) {
|
|
@@ -37,23 +39,36 @@ class SmoothScroller extends game_entities_1.Destroyable {
|
|
|
37
39
|
let newPositionY = this.content.y + distance * utilities_1.DeltaTime.adjustMultiplier(0.72, delta);
|
|
38
40
|
this.content.y = newPositionY;
|
|
39
41
|
}
|
|
42
|
+
else {
|
|
43
|
+
if (this.smallContentAlign === 'center') {
|
|
44
|
+
this.content.y = (this.areaHeight - this.content.size.y) * 0.5;
|
|
45
|
+
}
|
|
46
|
+
else if (this.smallContentAlign === 'end') {
|
|
47
|
+
this.content.y = this.areaHeight - this.content.size.y - this.padding;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
40
50
|
}
|
|
41
51
|
}
|
|
42
52
|
class ScrollAreaUI extends container_1.Container {
|
|
43
|
-
constructor(size,
|
|
53
|
+
constructor(size, partialOptions = {}) {
|
|
44
54
|
super();
|
|
45
|
-
|
|
55
|
+
let options = {
|
|
56
|
+
padding: DEFAULT_PADDING,
|
|
57
|
+
smallContentAlign: 'start',
|
|
58
|
+
...partialOptions
|
|
59
|
+
};
|
|
60
|
+
if (options.padding < 0) {
|
|
46
61
|
throw new Error(`The padding of the scroll mask cannot be lower than '0'`);
|
|
47
62
|
}
|
|
48
|
-
else if (padding > size.y * 0.5) {
|
|
63
|
+
else if (options.padding > size.y * 0.5) {
|
|
49
64
|
throw new Error(`The padding of the scroll mask cannot be higher than half of the size of the area`);
|
|
50
65
|
}
|
|
51
66
|
// wrapper is needed to not prevent a mask to be applied to this component
|
|
52
67
|
let wrapper = new container_1.Container().displayParent(this).attach(this);
|
|
53
|
-
this.maskTextureName = this.createMask(size, padding, wrapper);
|
|
68
|
+
this.maskTextureName = this.createMask(size, options.padding, wrapper);
|
|
54
69
|
let content = new container_1.Container().displayParent(wrapper).attach(this);
|
|
55
|
-
let scroller = new SmoothScroller(content, size.y, padding).attach(this);
|
|
56
|
-
let scrollArea = new mouse_wheel_listener_ui_1.
|
|
70
|
+
let scroller = new SmoothScroller(content, size.y, options.padding, options.smallContentAlign).attach(this);
|
|
71
|
+
let scrollArea = new mouse_wheel_listener_ui_1.MouseWheelListenerUI(size).displayParent(wrapper).attach(this);
|
|
57
72
|
scrollArea.onWheel.subscribe(delta => scroller.onWheel(delta)).attach(this);
|
|
58
73
|
this.addChildTo = content;
|
|
59
74
|
}
|
|
@@ -61,7 +76,7 @@ class ScrollAreaUI extends container_1.Container {
|
|
|
61
76
|
game_1.Game.instance.destroyAsset(this.maskTextureName);
|
|
62
77
|
}
|
|
63
78
|
createMask(size, padding, container) {
|
|
64
|
-
let scrollMaskUI = new scroll_mask_ui_1.ScrollMaskUI(
|
|
79
|
+
let scrollMaskUI = new scroll_mask_ui_1.ScrollMaskUI(size, padding);
|
|
65
80
|
let gradientSpriteDefinition = scrollMaskUI.createSnapshotTexture();
|
|
66
81
|
scrollMaskUI.destroy();
|
|
67
82
|
let scrollMask = new sprite_1.Sprite(gradientSpriteDefinition).attach(this);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scroll-area.ui.js","sourceRoot":"","sources":["../../../src/pixi/components/scroll-area.ui.ts"],"names":[],"mappings":";;;AAAA,6CAAmD;AAGnD,qDAAgD;AAChD,uEAAiE;AACjE,uDAA+D;AAC/D,2DAAwD;AACxD,+CAA4C;AAC5C,6DAA0D;AAC1D,kCAA+B;AAE/B,MAAM,eAAe,GAAG,EAAE,CAAC;AAC3B,MAAM,YAAY,GAAG,IAAI,CAAC;AAE1B,MAAM,cAAe,SAAQ,2BAAW;IAMtC,
|
|
1
|
+
{"version":3,"file":"scroll-area.ui.js","sourceRoot":"","sources":["../../../src/pixi/components/scroll-area.ui.ts"],"names":[],"mappings":"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"}
|
package/dist/pixi/index.d.ts
CHANGED
|
@@ -11,7 +11,7 @@ export { MouseTargetFocusService } from './services/mouse/mouse-target-focus.ser
|
|
|
11
11
|
export { PositionConversionHelper } from './helpers/position-conversion.helper';
|
|
12
12
|
export { ScrollAreaUI } from './components/scroll-area.ui';
|
|
13
13
|
export { ScrollMaskUI } from './components/scroll-mask.ui';
|
|
14
|
-
export {
|
|
14
|
+
export { MouseWheelListenerUI } from './components/mouse-wheel-listener.ui';
|
|
15
15
|
export * from './modules/CAMERA';
|
|
16
16
|
export interface AssetDefinition<T extends string = string> {
|
|
17
17
|
name: string;
|
package/dist/pixi/index.js
CHANGED
|
@@ -26,7 +26,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
26
26
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
27
27
|
};
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
exports.BlendMode = exports.
|
|
29
|
+
exports.BlendMode = exports.MouseWheelListenerUI = exports.ScrollMaskUI = exports.ScrollAreaUI = exports.PositionConversionHelper = exports.MouseTargetFocusService = exports.MouseService = exports.KeyboardService = exports.Text = exports.Graphics = exports.Sprite = exports.Container = exports.Cursor = exports.ContainerEventType = exports.Game = void 0;
|
|
30
30
|
const PIXI = __importStar(require("pixi.js"));
|
|
31
31
|
var game_1 = require("./game");
|
|
32
32
|
Object.defineProperty(exports, "Game", { enumerable: true, get: function () { return game_1.Game; } });
|
|
@@ -54,7 +54,7 @@ Object.defineProperty(exports, "ScrollAreaUI", { enumerable: true, get: function
|
|
|
54
54
|
var scroll_mask_ui_1 = require("./components/scroll-mask.ui");
|
|
55
55
|
Object.defineProperty(exports, "ScrollMaskUI", { enumerable: true, get: function () { return scroll_mask_ui_1.ScrollMaskUI; } });
|
|
56
56
|
var mouse_wheel_listener_ui_1 = require("./components/mouse-wheel-listener.ui");
|
|
57
|
-
Object.defineProperty(exports, "
|
|
57
|
+
Object.defineProperty(exports, "MouseWheelListenerUI", { enumerable: true, get: function () { return mouse_wheel_listener_ui_1.MouseWheelListenerUI; } });
|
|
58
58
|
__exportStar(require("./modules/CAMERA"), exports);
|
|
59
59
|
var BlendMode;
|
|
60
60
|
(function (BlendMode) {
|
package/package.json
CHANGED