hudini 0.19.0 → 0.20.0
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/README.md +1 -27
- package/dist/components/badge/badge.d.ts +94 -0
- package/dist/components/badge/badge.d.ts.map +1 -0
- package/dist/components/badge/badge.js +180 -0
- package/dist/components/badge/badge.js.map +1 -0
- package/dist/components/badge/badge.spec.d.ts +2 -0
- package/dist/components/badge/badge.spec.d.ts.map +1 -0
- package/dist/components/badge/badge.spec.js +195 -0
- package/dist/components/badge/badge.spec.js.map +1 -0
- package/dist/components/badge/index.d.ts +2 -0
- package/dist/components/badge/index.d.ts.map +1 -0
- package/dist/components/badge/index.js +2 -0
- package/dist/components/badge/index.js.map +1 -0
- package/dist/components/icon-button/icon-button.d.ts +2 -8
- package/dist/components/icon-button/icon-button.d.ts.map +1 -1
- package/dist/components/icon-button/icon-button.js +10 -86
- package/dist/components/icon-button/icon-button.js.map +1 -1
- package/dist/components/index.d.ts +1 -4
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +1 -4
- package/dist/components/index.js.map +1 -1
- package/dist/components/panel/panel.d.ts +8 -8
- package/dist/components/panel/panel.d.ts.map +1 -1
- package/dist/components/panel/panel.js +29 -30
- package/dist/components/panel/panel.js.map +1 -1
- package/dist/components/text/text.d.ts +21 -4
- package/dist/components/text/text.d.ts.map +1 -1
- package/dist/components/text/text.js +14 -14
- package/dist/components/text/text.js.map +1 -1
- package/dist/components/text-button/text-button.d.ts +9 -18
- package/dist/components/text-button/text-button.d.ts.map +1 -1
- package/dist/components/text-button/text-button.js +38 -81
- package/dist/components/text-button/text-button.js.map +1 -1
- package/dist/components/text-button/text-button.spec.js +55 -9
- package/dist/components/text-button/text-button.spec.js.map +1 -1
- package/dist/hudini.js +2842 -4529
- package/dist/hudini.min.js +1 -1
- package/dist/loaders/load-fonts.d.ts +29 -0
- package/dist/loaders/load-fonts.d.ts.map +1 -1
- package/dist/loaders/load-fonts.js +20 -1
- package/dist/loaders/load-fonts.js.map +1 -1
- package/dist/utils/button-style.d.ts +16 -0
- package/dist/utils/button-style.d.ts.map +1 -0
- package/dist/utils/button-style.js +35 -0
- package/dist/utils/button-style.js.map +1 -0
- package/dist/utils/index.d.ts +2 -0
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/index.js +2 -0
- package/dist/utils/index.js.map +1 -1
- package/dist/utils/number-to-rgb.d.ts +16 -0
- package/dist/utils/number-to-rgb.d.ts.map +1 -0
- package/dist/utils/number-to-rgb.js +20 -0
- package/dist/utils/number-to-rgb.js.map +1 -0
- package/package.json +2 -2
- package/dist/components/flat-icon-button/flat-icon-button.d.ts +0 -60
- package/dist/components/flat-icon-button/flat-icon-button.d.ts.map +0 -1
- package/dist/components/flat-icon-button/flat-icon-button.js +0 -279
- package/dist/components/flat-icon-button/flat-icon-button.js.map +0 -1
- package/dist/components/flat-icon-button/index.d.ts +0 -2
- package/dist/components/flat-icon-button/index.d.ts.map +0 -1
- package/dist/components/flat-icon-button/index.js +0 -2
- package/dist/components/flat-icon-button/index.js.map +0 -1
- package/dist/components/flat-section-header/flat-section-header.d.ts +0 -143
- package/dist/components/flat-section-header/flat-section-header.d.ts.map +0 -1
- package/dist/components/flat-section-header/flat-section-header.js +0 -275
- package/dist/components/flat-section-header/flat-section-header.js.map +0 -1
- package/dist/components/flat-section-header/flat-section-header.spec.d.ts +0 -2
- package/dist/components/flat-section-header/flat-section-header.spec.d.ts.map +0 -1
- package/dist/components/flat-section-header/flat-section-header.spec.js +0 -255
- package/dist/components/flat-section-header/flat-section-header.spec.js.map +0 -1
- package/dist/components/flat-section-header/index.d.ts +0 -2
- package/dist/components/flat-section-header/index.d.ts.map +0 -1
- package/dist/components/flat-section-header/index.js +0 -2
- package/dist/components/flat-section-header/index.js.map +0 -1
- package/dist/components/flat-text-button/flat-text-button.d.ts +0 -165
- package/dist/components/flat-text-button/flat-text-button.d.ts.map +0 -1
- package/dist/components/flat-text-button/flat-text-button.js +0 -325
- package/dist/components/flat-text-button/flat-text-button.js.map +0 -1
- package/dist/components/flat-text-button/flat-text-button.spec.d.ts +0 -2
- package/dist/components/flat-text-button/flat-text-button.spec.d.ts.map +0 -1
- package/dist/components/flat-text-button/flat-text-button.spec.js +0 -243
- package/dist/components/flat-text-button/flat-text-button.spec.js.map +0 -1
- package/dist/components/flat-text-button/index.d.ts +0 -2
- package/dist/components/flat-text-button/index.d.ts.map +0 -1
- package/dist/components/flat-text-button/index.js +0 -2
- package/dist/components/flat-text-button/index.js.map +0 -1
- package/dist/components/section-header/index.d.ts +0 -2
- package/dist/components/section-header/index.d.ts.map +0 -1
- package/dist/components/section-header/index.js +0 -2
- package/dist/components/section-header/index.js.map +0 -1
- package/dist/components/section-header/section-header.d.ts +0 -149
- package/dist/components/section-header/section-header.d.ts.map +0 -1
- package/dist/components/section-header/section-header.js +0 -292
- package/dist/components/section-header/section-header.js.map +0 -1
- package/dist/components/section-header/section-header.spec.d.ts +0 -2
- package/dist/components/section-header/section-header.spec.d.ts.map +0 -1
- package/dist/components/section-header/section-header.spec.js +0 -264
- package/dist/components/section-header/section-header.spec.js.map +0 -1
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import { IconText } from 'font-awesome-for-phaser';
|
|
4
4
|
import { GameObjects } from 'phaser';
|
|
5
5
|
import { Color, } from 'phaser-wind';
|
|
6
|
-
import {
|
|
6
|
+
import { BUTTON_STROKE_THICKNESS, getButtonStrokeColor, } from '../../utils/button-style';
|
|
7
7
|
import { getPWFromScene } from '../../utils/get-pw-from-scene';
|
|
8
8
|
const durations = {
|
|
9
9
|
click: 60,
|
|
@@ -13,33 +13,14 @@ const BUTTON_SCALE = 2.2;
|
|
|
13
13
|
const CENTER_OFFSET = 1.1;
|
|
14
14
|
const HOVER_SCALE = 1.05;
|
|
15
15
|
const POINTER_DOWN_SCALE = 0.95;
|
|
16
|
-
const TOKEN_LIGHTER_DIFF = -100;
|
|
17
|
-
const COLOR_LIGHTER_AMOUNT = 30;
|
|
18
|
-
// Border constants
|
|
19
|
-
const BLACK_BORDER_THICKNESS = 2;
|
|
20
|
-
const WHITE_BORDER_EXTRA_PIXELS_PER_SIDE = 2;
|
|
21
|
-
// eslint-disable-next-line no-magic-numbers
|
|
22
|
-
const WHITE_BORDER_TOTAL_EXTRA_PIXELS = WHITE_BORDER_EXTRA_PIXELS_PER_SIDE * 3; // 5 pixels total
|
|
23
|
-
const WHITE_BORDER_RADIUS_EXTRA = 2;
|
|
24
|
-
// Overlay constants
|
|
25
|
-
const LIGHT_OVERLAY_SCALE = 0.6;
|
|
26
|
-
// Icon constants
|
|
27
|
-
const ICON_STROKE_THICKNESS = 3;
|
|
28
|
-
const ICON_SHADOW_OFFSET_X = 0;
|
|
29
|
-
const ICON_SHADOW_OFFSET_Y = 3;
|
|
30
|
-
const ICON_SHADOW_BLUR = 0;
|
|
31
|
-
const ICON_OFFSET_Y = -1.5; // Half of shadow offset to keep visually centered
|
|
32
16
|
// Origin constants
|
|
33
17
|
const SPRITE_ORIGIN = 0.5;
|
|
34
18
|
export class IconButton extends GameObjects.Container {
|
|
35
19
|
backgroundSprite;
|
|
36
|
-
whiteBorderSprite;
|
|
37
20
|
iconText;
|
|
38
21
|
pw;
|
|
39
22
|
baseColor;
|
|
40
23
|
colorButton;
|
|
41
|
-
lightColorButton;
|
|
42
|
-
darkColorButton;
|
|
43
24
|
sizePx;
|
|
44
25
|
borderRadiusPx;
|
|
45
26
|
constructor({ scene, x, y, icon, size, color, onClick, borderRadius, }) {
|
|
@@ -53,14 +34,10 @@ export class IconButton extends GameObjects.Container {
|
|
|
53
34
|
this.updateSize();
|
|
54
35
|
this.baseColor = baseColor;
|
|
55
36
|
this.colorButton = Color.rgb(baseColor);
|
|
56
|
-
this.lightColorButton = getColorVariant(baseColor, TOKEN_LIGHTER_DIFF, COLOR_LIGHTER_AMOUNT);
|
|
57
|
-
// this.darkColorButton = getColorVariant(baseColor as string, TOKEN_DARKER_DIFF, COLOR_DARKER_AMOUNT);
|
|
58
|
-
this.darkColorButton = Color.blackHex();
|
|
59
37
|
this.borderRadiusPx =
|
|
60
38
|
typeof borderRadius === 'number'
|
|
61
39
|
? borderRadius
|
|
62
40
|
: this.pw.radius.px((borderRadius ?? 'full'));
|
|
63
|
-
this.createWhiteBorderSprite(scene, sizePx, this.borderRadiusPx);
|
|
64
41
|
this.createBackgroundSprite(scene, sizePx, baseColor, this.borderRadiusPx);
|
|
65
42
|
this.createIconText(scene, icon, sizePx);
|
|
66
43
|
this.setupContainer();
|
|
@@ -73,10 +50,7 @@ export class IconButton extends GameObjects.Container {
|
|
|
73
50
|
if (this.borderRadiusPx === newRadiusPx)
|
|
74
51
|
return this;
|
|
75
52
|
this.borderRadiusPx = newRadiusPx;
|
|
76
|
-
// Regenerate textures for white border and background
|
|
77
|
-
const whiteBorderTexture = this.createWhiteBorderTexture(this.scene, this.sizePx, this.borderRadiusPx);
|
|
78
53
|
const backgroundTexture = this.createBackgroundTexture(this.scene, this.sizePx, this.baseColor, this.borderRadiusPx);
|
|
79
|
-
this.whiteBorderSprite.setTexture(whiteBorderTexture);
|
|
80
54
|
this.backgroundSprite.setTexture(backgroundTexture);
|
|
81
55
|
return this;
|
|
82
56
|
}
|
|
@@ -87,44 +61,18 @@ export class IconButton extends GameObjects.Container {
|
|
|
87
61
|
: this.pw.fontSize.px(size ?? 'md');
|
|
88
62
|
this.iconText.setFontSize(`${this.sizePx}px`);
|
|
89
63
|
this.updateSize();
|
|
90
|
-
const whiteBorderTexture = this.createWhiteBorderTexture(this.scene, this.sizePx, this.borderRadiusPx);
|
|
91
64
|
const backgroundTexture = this.createBackgroundTexture(this.scene, this.sizePx, this.baseColor, this.borderRadiusPx);
|
|
92
|
-
this.whiteBorderSprite.setTexture(whiteBorderTexture);
|
|
93
65
|
this.backgroundSprite.setTexture(backgroundTexture);
|
|
94
66
|
return this;
|
|
95
67
|
}
|
|
96
68
|
updateSize() {
|
|
97
69
|
this.setSize(this.sizePx * BUTTON_SCALE, this.sizePx * BUTTON_SCALE);
|
|
98
70
|
}
|
|
99
|
-
createWhiteBorderSprite(scene, size, borderRadiusPx) {
|
|
100
|
-
const whiteBorderTexture = this.createWhiteBorderTexture(scene, size, borderRadiusPx);
|
|
101
|
-
this.whiteBorderSprite = scene.add.sprite(0, 0, whiteBorderTexture);
|
|
102
|
-
this.whiteBorderSprite.setOrigin(SPRITE_ORIGIN, SPRITE_ORIGIN);
|
|
103
|
-
}
|
|
104
71
|
createBackgroundSprite(scene, size, baseColor, borderRadiusPx) {
|
|
105
72
|
const backgroundTexture = this.createBackgroundTexture(scene, size, baseColor, borderRadiusPx);
|
|
106
73
|
this.backgroundSprite = scene.add.sprite(0, 0, backgroundTexture);
|
|
107
74
|
this.backgroundSprite.setOrigin(SPRITE_ORIGIN, SPRITE_ORIGIN);
|
|
108
75
|
}
|
|
109
|
-
createWhiteBorderTexture(scene, size, borderRadiusPx) {
|
|
110
|
-
const textureKey = `iconButton_whiteBorder_r${borderRadiusPx}_${size}`;
|
|
111
|
-
// White border is larger on each side
|
|
112
|
-
const side = size * 2 + WHITE_BORDER_TOTAL_EXTRA_PIXELS;
|
|
113
|
-
// Increase texture size to accommodate the larger border
|
|
114
|
-
const textureSize = size * BUTTON_SCALE + WHITE_BORDER_TOTAL_EXTRA_PIXELS;
|
|
115
|
-
const centerX = textureSize / 2;
|
|
116
|
-
const centerY = textureSize / 2;
|
|
117
|
-
const graphics = scene.add.graphics();
|
|
118
|
-
const maxRadius = Math.floor(Math.min(side / 2, side / 2));
|
|
119
|
-
const effectiveRadius = Math.min(borderRadiusPx + WHITE_BORDER_RADIUS_EXTRA, maxRadius);
|
|
120
|
-
const finalRadius = Math.max(0, effectiveRadius);
|
|
121
|
-
// White border (outer)
|
|
122
|
-
graphics.fillStyle(Color.hex('white'), 1);
|
|
123
|
-
graphics.fillRoundedRect(centerX - side / 2, centerY - side / 2, side, side, finalRadius);
|
|
124
|
-
graphics.generateTexture(textureKey, textureSize, textureSize);
|
|
125
|
-
graphics.destroy();
|
|
126
|
-
return textureKey;
|
|
127
|
-
}
|
|
128
76
|
createBackgroundTexture(scene, size, baseColor, borderRadiusPx) {
|
|
129
77
|
const textureKey = `iconButton_r${borderRadiusPx}_${baseColor}_${size}`;
|
|
130
78
|
const textureSize = size * BUTTON_SCALE;
|
|
@@ -135,60 +83,36 @@ export class IconButton extends GameObjects.Container {
|
|
|
135
83
|
const maxRadius = Math.floor(Math.min(side / 2, side / 2));
|
|
136
84
|
const effectiveRadius = Math.min(borderRadiusPx, maxRadius);
|
|
137
85
|
const finalRadius = Math.max(0, effectiveRadius);
|
|
138
|
-
this.
|
|
86
|
+
this.drawButtonBackground(graphics, centerX, centerY, side, finalRadius);
|
|
139
87
|
graphics.generateTexture(textureKey, textureSize, textureSize);
|
|
140
88
|
graphics.destroy();
|
|
141
89
|
return textureKey;
|
|
142
90
|
}
|
|
143
91
|
/**
|
|
144
|
-
* Draws
|
|
145
|
-
* For round buttons, uses a smaller centered graphic with light color.
|
|
92
|
+
* Draws the button's background as a flat filled rounded rect.
|
|
146
93
|
*/
|
|
147
|
-
|
|
148
|
-
// Main background
|
|
94
|
+
drawButtonBackground(graphics, centerX, centerY, side, effectiveRadius) {
|
|
149
95
|
graphics.fillStyle(Color.hex(this.colorButton), 1);
|
|
150
96
|
graphics.fillRoundedRect(centerX - side / 2, centerY - side / 2, side, side, effectiveRadius);
|
|
151
|
-
// Centered light overlay (smaller, circular/rounded)
|
|
152
|
-
const overlaySide = side * LIGHT_OVERLAY_SCALE;
|
|
153
|
-
const overlayRadius = Math.min(effectiveRadius, overlaySide / 2);
|
|
154
|
-
graphics.fillStyle(this.lightColorButton, 1);
|
|
155
|
-
graphics.fillRoundedRect(centerX - overlaySide / 2, centerY - overlaySide / 2, overlaySide, overlaySide, overlayRadius);
|
|
156
|
-
// Black stroke border
|
|
157
|
-
graphics.lineStyle(BLACK_BORDER_THICKNESS, Color.hex('black'), 1);
|
|
158
|
-
graphics.strokeRoundedRect(centerX - side / 2, centerY - side / 2, side, side, effectiveRadius);
|
|
159
97
|
}
|
|
160
98
|
createIconText(scene, icon, size) {
|
|
161
|
-
// Convert darkColorButton (number) to RGB string
|
|
162
|
-
const darkColorObj = Phaser.Display.Color.ValueToColor(this.darkColorButton);
|
|
163
|
-
const RGB_MASK = 0xff;
|
|
164
|
-
const RGB_SHIFT_R = 16;
|
|
165
|
-
const RGB_SHIFT_G = 8;
|
|
166
|
-
const darkColorString = `rgb(${darkColorObj.color32 >> RGB_SHIFT_R & RGB_MASK}, ${darkColorObj.color32 >> RGB_SHIFT_G & RGB_MASK}, ${darkColorObj.color32 & RGB_MASK})`;
|
|
167
99
|
this.iconText = new IconText({
|
|
168
100
|
scene,
|
|
169
101
|
x: 0,
|
|
170
|
-
y:
|
|
102
|
+
y: 0,
|
|
171
103
|
icon,
|
|
172
104
|
size,
|
|
173
105
|
style: {
|
|
174
106
|
color: Color.rgb('white'),
|
|
175
|
-
strokeThickness:
|
|
176
|
-
stroke:
|
|
177
|
-
shadow: {
|
|
178
|
-
offsetX: ICON_SHADOW_OFFSET_X,
|
|
179
|
-
offsetY: ICON_SHADOW_OFFSET_Y,
|
|
180
|
-
color: darkColorString,
|
|
181
|
-
blur: ICON_SHADOW_BLUR,
|
|
182
|
-
stroke: true,
|
|
183
|
-
fill: true,
|
|
184
|
-
},
|
|
107
|
+
strokeThickness: BUTTON_STROKE_THICKNESS,
|
|
108
|
+
stroke: getButtonStrokeColor(this.baseColor),
|
|
185
109
|
},
|
|
186
110
|
});
|
|
187
111
|
this.iconText.setFontStyle('900');
|
|
188
112
|
this.iconText.setOrigin(SPRITE_ORIGIN, SPRITE_ORIGIN);
|
|
189
113
|
}
|
|
190
114
|
setupContainer() {
|
|
191
|
-
this.add([this.
|
|
115
|
+
this.add([this.backgroundSprite, this.iconText]);
|
|
192
116
|
}
|
|
193
117
|
setupInteractivity(onClick) {
|
|
194
118
|
this.backgroundSprite.setInteractive({ useHandCursor: true });
|
|
@@ -214,7 +138,7 @@ export class IconButton extends GameObjects.Container {
|
|
|
214
138
|
// Click effects
|
|
215
139
|
this.backgroundSprite.on('pointerdown', () => {
|
|
216
140
|
this.scene.tweens.add({
|
|
217
|
-
targets: [this.
|
|
141
|
+
targets: [this.backgroundSprite, this.iconText],
|
|
218
142
|
scaleX: POINTER_DOWN_SCALE,
|
|
219
143
|
scaleY: POINTER_DOWN_SCALE,
|
|
220
144
|
duration: durations.click,
|
|
@@ -223,7 +147,7 @@ export class IconButton extends GameObjects.Container {
|
|
|
223
147
|
});
|
|
224
148
|
this.backgroundSprite.on('pointerup', () => {
|
|
225
149
|
this.scene.tweens.add({
|
|
226
|
-
targets: [this.
|
|
150
|
+
targets: [this.backgroundSprite, this.iconText],
|
|
227
151
|
scaleX: 1,
|
|
228
152
|
scaleY: 1,
|
|
229
153
|
duration: durations.click,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../src/components/icon-button/icon-button.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../src/components/icon-button/icon-button.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,11 @@
|
|
|
1
|
+
export * from './badge';
|
|
1
2
|
export * from './card';
|
|
2
3
|
export * from './circular-progress';
|
|
3
4
|
export * from './container-interactive';
|
|
4
|
-
export * from './flat-icon-button';
|
|
5
|
-
export * from './flat-text-button';
|
|
6
5
|
export * from './icon-button';
|
|
7
6
|
export * from './linear-progress';
|
|
8
7
|
export * from './panel';
|
|
9
8
|
export * from './radial-progress';
|
|
10
|
-
export * from './section-header';
|
|
11
|
-
export * from './flat-section-header';
|
|
12
9
|
export * from './sized-box';
|
|
13
10
|
export * from './text';
|
|
14
11
|
export * from './text-button';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAG9B,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAC1C,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC"}
|
package/dist/components/index.js
CHANGED
|
@@ -1,14 +1,11 @@
|
|
|
1
|
+
export * from './badge';
|
|
1
2
|
export * from './card';
|
|
2
3
|
export * from './circular-progress';
|
|
3
4
|
export * from './container-interactive';
|
|
4
|
-
export * from './flat-icon-button';
|
|
5
|
-
export * from './flat-text-button';
|
|
6
5
|
export * from './icon-button';
|
|
7
6
|
export * from './linear-progress';
|
|
8
7
|
export * from './panel';
|
|
9
8
|
export * from './radial-progress';
|
|
10
|
-
export * from './section-header';
|
|
11
|
-
export * from './flat-section-header';
|
|
12
9
|
export * from './sized-box';
|
|
13
10
|
export * from './text';
|
|
14
11
|
export * from './text-button';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAE9B,4CAA4C;AAC5C,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { GameObjects, Scene } from 'phaser';
|
|
2
|
+
import { Badge } from '../badge';
|
|
2
3
|
import { Card } from '../card';
|
|
3
|
-
import {
|
|
4
|
-
import { SectionHeader } from '../section-header';
|
|
4
|
+
import { IconButton } from '../icon-button';
|
|
5
5
|
export type PanelParams = {
|
|
6
6
|
scene: Scene;
|
|
7
7
|
x?: number;
|
|
@@ -16,16 +16,16 @@ export type PanelParams = {
|
|
|
16
16
|
};
|
|
17
17
|
export declare class Panel extends GameObjects.Container {
|
|
18
18
|
private card;
|
|
19
|
-
private
|
|
19
|
+
private badge;
|
|
20
20
|
private closeButton;
|
|
21
21
|
private title;
|
|
22
22
|
private showCloseButton;
|
|
23
23
|
private onClose?;
|
|
24
24
|
constructor(params: PanelParams);
|
|
25
25
|
/**
|
|
26
|
-
* Creates the
|
|
26
|
+
* Creates the badge that sits on top of the panel as its title.
|
|
27
27
|
*/
|
|
28
|
-
private
|
|
28
|
+
private createBadge;
|
|
29
29
|
/**
|
|
30
30
|
* Creates the close button
|
|
31
31
|
*/
|
|
@@ -67,12 +67,12 @@ export declare class Panel extends GameObjects.Container {
|
|
|
67
67
|
*/
|
|
68
68
|
getCard(): Card;
|
|
69
69
|
/**
|
|
70
|
-
* Gets the
|
|
70
|
+
* Gets the badge (panel title) component.
|
|
71
71
|
*/
|
|
72
|
-
|
|
72
|
+
getBadge(): Badge | null;
|
|
73
73
|
/**
|
|
74
74
|
* Gets the close button component
|
|
75
75
|
*/
|
|
76
|
-
getCloseButton():
|
|
76
|
+
getCloseButton(): IconButton | null;
|
|
77
77
|
}
|
|
78
78
|
//# sourceMappingURL=panel.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../../src/components/panel/panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAE5C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../../src/components/panel/panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAE5C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAS5C,MAAM,MAAM,WAAW,GAAG;IACtB,KAAK,EAAE,KAAK,CAAC;IACb,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,EAAE,WAAW,CAAC,UAAU,CAAC;CACjC,CAAC;AAEF,qBAAa,KAAM,SAAQ,WAAW,CAAC,SAAS;IAC5C,OAAO,CAAC,IAAI,CAAO;IACnB,OAAO,CAAC,KAAK,CAAsB;IACnC,OAAO,CAAC,WAAW,CAA2B;IAC9C,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,eAAe,CAAU;IACjC,OAAO,CAAC,OAAO,CAAC,CAA2B;gBAE/B,MAAM,EAAE,WAAW;IAmC/B;;OAEG;IACH,OAAO,CAAC,WAAW;IAanB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAkBzB;;OAEG;IACH,OAAO,CAAC,YAAY;IAmBpB;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAgB7B;;OAEG;IACH,kBAAkB,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;IAcvC;;OAEG;IACH,UAAU,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,IAAI;IAKtC;;OAEG;IACH,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAQvC;;OAEG;IACH,eAAe,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAMrC;;OAEG;IACH,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAM/B;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC,UAAU,GAAG,IAAI;IAM7C;;OAEG;IACH,OAAO,IAAI,IAAI;IAIf;;OAEG;IACH,QAAQ,IAAI,KAAK,GAAG,IAAI;IAIxB;;OAEG;IACH,cAAc,IAAI,UAAU,GAAG,IAAI;CAGtC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { GameObjects } from 'phaser';
|
|
2
|
+
import { Badge } from '../badge';
|
|
2
3
|
import { Card } from '../card';
|
|
3
|
-
import {
|
|
4
|
-
import { SectionHeader } from '../section-header';
|
|
4
|
+
import { IconButton } from '../icon-button';
|
|
5
5
|
// Constants for default values
|
|
6
6
|
const DEFAULT_BORDER_RADIUS = 8;
|
|
7
7
|
const DEFAULT_MARGIN = 16;
|
|
@@ -10,7 +10,7 @@ const CLOSE_BUTTON_SIZE = 18;
|
|
|
10
10
|
const CLOSE_BUTTON_MARGIN = 8;
|
|
11
11
|
export class Panel extends GameObjects.Container {
|
|
12
12
|
card;
|
|
13
|
-
|
|
13
|
+
badge = null;
|
|
14
14
|
closeButton = null;
|
|
15
15
|
title;
|
|
16
16
|
showCloseButton;
|
|
@@ -32,9 +32,9 @@ export class Panel extends GameObjects.Container {
|
|
|
32
32
|
});
|
|
33
33
|
// Add card to container
|
|
34
34
|
this.add(this.card);
|
|
35
|
-
// Create
|
|
35
|
+
// Create badge (panel title) if title is provided
|
|
36
36
|
if (this.title) {
|
|
37
|
-
this.
|
|
37
|
+
this.createBadge();
|
|
38
38
|
}
|
|
39
39
|
// Create close button if requested
|
|
40
40
|
if (this.showCloseButton) {
|
|
@@ -44,25 +44,24 @@ export class Panel extends GameObjects.Container {
|
|
|
44
44
|
this.updateLayout();
|
|
45
45
|
}
|
|
46
46
|
/**
|
|
47
|
-
* Creates the
|
|
47
|
+
* Creates the badge that sits on top of the panel as its title.
|
|
48
48
|
*/
|
|
49
|
-
|
|
50
|
-
this.
|
|
49
|
+
createBadge() {
|
|
50
|
+
this.badge = new Badge({
|
|
51
51
|
scene: this.scene,
|
|
52
52
|
x: 0,
|
|
53
53
|
y: 0,
|
|
54
54
|
text: this.title,
|
|
55
|
-
|
|
56
|
-
borderRadius: 0
|
|
55
|
+
color: DEFAULT_BACKGROUND_COLOR,
|
|
56
|
+
borderRadius: 0,
|
|
57
57
|
});
|
|
58
|
-
|
|
59
|
-
this.add(this.sectionHeader);
|
|
58
|
+
this.add(this.badge);
|
|
60
59
|
}
|
|
61
60
|
/**
|
|
62
61
|
* Creates the close button
|
|
63
62
|
*/
|
|
64
63
|
createCloseButton() {
|
|
65
|
-
this.closeButton = new
|
|
64
|
+
this.closeButton = new IconButton({
|
|
66
65
|
scene: this.scene,
|
|
67
66
|
x: 0,
|
|
68
67
|
y: 0,
|
|
@@ -83,11 +82,11 @@ export class Panel extends GameObjects.Container {
|
|
|
83
82
|
updateLayout() {
|
|
84
83
|
// Get card size
|
|
85
84
|
const cardSize = { width: this.card.width, height: this.card.height };
|
|
86
|
-
// Calculate
|
|
87
|
-
if (this.
|
|
88
|
-
const
|
|
89
|
-
const
|
|
90
|
-
this.
|
|
85
|
+
// Calculate badge position (top of the card)
|
|
86
|
+
if (this.badge) {
|
|
87
|
+
const dividerBadge = 4;
|
|
88
|
+
const badgeY = -cardSize.height / 2 - this.badge.height / dividerBadge;
|
|
89
|
+
this.badge.setPosition(0, badgeY);
|
|
91
90
|
}
|
|
92
91
|
// Calculate close button position (top-right corner)
|
|
93
92
|
if (this.closeButton) {
|
|
@@ -101,15 +100,15 @@ export class Panel extends GameObjects.Container {
|
|
|
101
100
|
*/
|
|
102
101
|
setTitle(title) {
|
|
103
102
|
this.title = title;
|
|
104
|
-
if (title && !this.
|
|
105
|
-
this.
|
|
103
|
+
if (title && !this.badge) {
|
|
104
|
+
this.createBadge();
|
|
106
105
|
}
|
|
107
|
-
else if (!title && this.
|
|
108
|
-
this.remove(this.
|
|
109
|
-
this.
|
|
106
|
+
else if (!title && this.badge) {
|
|
107
|
+
this.remove(this.badge);
|
|
108
|
+
this.badge = null;
|
|
110
109
|
}
|
|
111
|
-
else if (this.
|
|
112
|
-
this.
|
|
110
|
+
else if (this.badge) {
|
|
111
|
+
this.badge.setText(title);
|
|
113
112
|
}
|
|
114
113
|
this.updateLayout();
|
|
115
114
|
return this;
|
|
@@ -141,8 +140,8 @@ export class Panel extends GameObjects.Container {
|
|
|
141
140
|
*/
|
|
142
141
|
setBackgroundColor(color) {
|
|
143
142
|
this.card.setBackgroundColor(color);
|
|
144
|
-
if (this.
|
|
145
|
-
this.
|
|
143
|
+
if (this.badge) {
|
|
144
|
+
this.badge.setColor(color);
|
|
146
145
|
}
|
|
147
146
|
return this;
|
|
148
147
|
}
|
|
@@ -177,10 +176,10 @@ export class Panel extends GameObjects.Container {
|
|
|
177
176
|
return this.card;
|
|
178
177
|
}
|
|
179
178
|
/**
|
|
180
|
-
* Gets the
|
|
179
|
+
* Gets the badge (panel title) component.
|
|
181
180
|
*/
|
|
182
|
-
|
|
183
|
-
return this.
|
|
181
|
+
getBadge() {
|
|
182
|
+
return this.badge;
|
|
184
183
|
}
|
|
185
184
|
/**
|
|
186
185
|
* Gets the close button component
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"panel.js","sourceRoot":"","sources":["../../../src/components/panel/panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAS,MAAM,QAAQ,CAAC;AAE5C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"panel.js","sourceRoot":"","sources":["../../../src/components/panel/panel.ts"],"names":[],"mappings":"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"}
|
|
@@ -20,19 +20,36 @@ export type TextParams = {
|
|
|
20
20
|
text: string;
|
|
21
21
|
/**
|
|
22
22
|
* (Optional) Font size in pixels.
|
|
23
|
-
* @defaultValue
|
|
23
|
+
* @defaultValue 22
|
|
24
24
|
*/
|
|
25
25
|
size?: number;
|
|
26
26
|
/**
|
|
27
27
|
* (Optional) The font family to use.
|
|
28
|
-
* @defaultValue '
|
|
28
|
+
* @defaultValue 'Fredoka'
|
|
29
29
|
*/
|
|
30
30
|
fontFamily?: string;
|
|
31
|
+
/**
|
|
32
|
+
* (Optional) Color of the text in RGB.
|
|
33
|
+
* @defaultValue Color.white()
|
|
34
|
+
*/
|
|
35
|
+
color?: string;
|
|
36
|
+
/**
|
|
37
|
+
* (Optional) Color of the stroke around the text.
|
|
38
|
+
* @defaultValue 'black'
|
|
39
|
+
*/
|
|
40
|
+
strokeColor?: string | CanvasGradient | CanvasPattern;
|
|
41
|
+
/**
|
|
42
|
+
* (Optional) Thickness of the stroke around the text.
|
|
43
|
+
* @defaultValue 3
|
|
44
|
+
*/
|
|
45
|
+
strokeThickness?: number;
|
|
31
46
|
};
|
|
32
47
|
/**
|
|
33
48
|
* A simple customizable text component using Phaser's GameObjects.Text.
|
|
34
49
|
*
|
|
35
|
-
* Applies default shadow, stroke, and color styles.
|
|
50
|
+
* Applies default shadow, stroke, and color styles. The stroke and shadow
|
|
51
|
+
* use semi-transparent black by default (via phaser-wind's `Opacity` tokens)
|
|
52
|
+
* so they layer nicely over any palette instead of looking chapado.
|
|
36
53
|
*/
|
|
37
54
|
export declare class Text extends Phaser.GameObjects.Text {
|
|
38
55
|
/**
|
|
@@ -40,6 +57,6 @@ export declare class Text extends Phaser.GameObjects.Text {
|
|
|
40
57
|
*
|
|
41
58
|
* @param params - Parameters for the text object.
|
|
42
59
|
*/
|
|
43
|
-
constructor({ scene, x, y, text, size, fontFamily, }: TextParams);
|
|
60
|
+
constructor({ scene, x, y, text, size, fontFamily, strokeColor, color, strokeThickness, }: TextParams);
|
|
44
61
|
}
|
|
45
62
|
//# sourceMappingURL=text.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../src/components/text/text.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../src/components/text/text.ts"],"names":[],"mappings":"AAcA;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC;IACpB;;OAEG;IACH,CAAC,EAAE,MAAM,CAAC;IACV;;OAEG;IACH,CAAC,EAAE,MAAM,CAAC;IACV;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,cAAc,GAAG,aAAa,CAAC;IACtD;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAIF;;;;;;GAMG;AACH,qBAAa,IAAK,SAAQ,MAAM,CAAC,WAAW,CAAC,IAAI;IAC/C;;;;OAIG;gBACS,EACV,KAAK,EACL,CAAC,EACD,CAAC,EACD,IAAI,EACJ,IAAwB,EACxB,UAAsB,EACtB,WAAiD,EACjD,KAAqB,EACrB,eAA0C,GAC3C,EAAE,UAAU;CAQd"}
|
|
@@ -1,13 +1,21 @@
|
|
|
1
|
-
import { Color } from 'hudini';
|
|
1
|
+
import { Color, Opacity } from 'hudini';
|
|
2
2
|
/**
|
|
3
3
|
* The default font size for the Text component.
|
|
4
4
|
* @constant
|
|
5
5
|
*/
|
|
6
6
|
const DEFAULT_FONT_SIZE = 22;
|
|
7
|
+
/**
|
|
8
|
+
* The default stroke thickness for the Text component.
|
|
9
|
+
* @constant
|
|
10
|
+
*/
|
|
11
|
+
const DEFAULT_STROKE_THICKNESS = 3;
|
|
12
|
+
const blackWithAlpha = (alpha) => `rgba(0, 0, 0, ${alpha})`;
|
|
7
13
|
/**
|
|
8
14
|
* A simple customizable text component using Phaser's GameObjects.Text.
|
|
9
15
|
*
|
|
10
|
-
* Applies default shadow, stroke, and color styles.
|
|
16
|
+
* Applies default shadow, stroke, and color styles. The stroke and shadow
|
|
17
|
+
* use semi-transparent black by default (via phaser-wind's `Opacity` tokens)
|
|
18
|
+
* so they layer nicely over any palette instead of looking chapado.
|
|
11
19
|
*/
|
|
12
20
|
export class Text extends Phaser.GameObjects.Text {
|
|
13
21
|
/**
|
|
@@ -15,20 +23,12 @@ export class Text extends Phaser.GameObjects.Text {
|
|
|
15
23
|
*
|
|
16
24
|
* @param params - Parameters for the text object.
|
|
17
25
|
*/
|
|
18
|
-
constructor({ scene, x, y, text, size = DEFAULT_FONT_SIZE, fontFamily = '
|
|
26
|
+
constructor({ scene, x, y, text, size = DEFAULT_FONT_SIZE, fontFamily = 'Fredoka', strokeColor = blackWithAlpha(Opacity.value('90')), color = Color.white(), strokeThickness = DEFAULT_STROKE_THICKNESS, }) {
|
|
19
27
|
super(scene, x, y, text, {
|
|
20
28
|
font: `${size}px "${fontFamily}"`,
|
|
21
|
-
color
|
|
22
|
-
stroke:
|
|
23
|
-
strokeThickness
|
|
24
|
-
shadow: {
|
|
25
|
-
offsetX: 0,
|
|
26
|
-
offsetY: 3,
|
|
27
|
-
color: Color.black(),
|
|
28
|
-
blur: 0,
|
|
29
|
-
stroke: true,
|
|
30
|
-
fill: true,
|
|
31
|
-
},
|
|
29
|
+
color,
|
|
30
|
+
stroke: strokeColor,
|
|
31
|
+
strokeThickness,
|
|
32
32
|
});
|
|
33
33
|
}
|
|
34
34
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../src/components/text/text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../src/components/text/text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAExC;;;GAGG;AACH,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAE7B;;;GAGG;AACH,MAAM,wBAAwB,GAAG,CAAC,CAAC;AAiDnC,MAAM,cAAc,GAAG,CAAC,KAAa,EAAU,EAAE,CAAC,iBAAiB,KAAK,GAAG,CAAC;AAE5E;;;;;;GAMG;AACH,MAAM,OAAO,IAAK,SAAQ,MAAM,CAAC,WAAW,CAAC,IAAI;IAC/C;;;;OAIG;IACH,YAAY,EACV,KAAK,EACL,CAAC,EACD,CAAC,EACD,IAAI,EACJ,IAAI,GAAG,iBAAiB,EACxB,UAAU,GAAG,SAAS,EACtB,WAAW,GAAG,cAAc,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EACjD,KAAK,GAAG,KAAK,CAAC,KAAK,EAAE,EACrB,eAAe,GAAG,wBAAwB,GAC/B;QACX,KAAK,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE;YACvB,IAAI,EAAE,GAAG,IAAI,OAAO,UAAU,GAAG;YACjC,KAAK;YACL,MAAM,EAAE,WAAW;YACnB,eAAe;SAChB,CAAC,CAAC;IACL,CAAC;CACF"}
|