@zakkster/lite-ui-fx 1.4.0 → 1.6.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/CHANGELOG.md +95 -0
- package/README.md +64 -12
- package/UIFX-RECIPE-GUIDE.md +59 -3
- package/UIFXController.d.ts +86 -1
- package/UIFXController.js +513 -17
- package/UIFXRecipes.d.ts +42 -4
- package/UIFXRecipes.js +366 -46
- package/llms.txt +54 -13
- package/package.json +1 -1
package/UIFXRecipes.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { UIFXRecipe, UIFXInstance, MountOptions } from './UIFXController';
|
|
2
2
|
|
|
3
3
|
// ===========================================================
|
|
4
|
-
// RECIPE OPTIONS + FACTORIES (all
|
|
4
|
+
// RECIPE OPTIONS + FACTORIES (all 56)
|
|
5
5
|
// ===========================================================
|
|
6
6
|
|
|
7
7
|
/**
|
|
@@ -72,6 +72,9 @@ export declare function HelixLoader(options?: RecipeOptions): UIFXRecipe;
|
|
|
72
72
|
// -- Vol.2: Checkboxes --
|
|
73
73
|
export declare function RippleCheck(options?: RecipeOptions): UIFXRecipe;
|
|
74
74
|
export declare function MorphCheck(options?: RecipeOptions): UIFXRecipe;
|
|
75
|
+
// -- U4a: CHECKBOX recipes (honour st.indeterminate) --
|
|
76
|
+
export declare function TickDraw(options?: RecipeOptions): UIFXRecipe;
|
|
77
|
+
export declare function IndeterminateScan(options?: RecipeOptions): UIFXRecipe;
|
|
75
78
|
|
|
76
79
|
// -- Vol.2: Counters --
|
|
77
80
|
export declare function FlameCounter(options?: RecipeOptions): UIFXRecipe;
|
|
@@ -88,6 +91,8 @@ export declare function CompassKnob(options?: RecipeOptions): UIFXRecipe;
|
|
|
88
91
|
export declare function RingProgress(options?: RecipeOptions): UIFXRecipe;
|
|
89
92
|
export declare function BatteryGauge(options?: RecipeOptions): UIFXRecipe;
|
|
90
93
|
export declare function SignalMeter(options?: RecipeOptions): UIFXRecipe;
|
|
94
|
+
// -- U4a: PROGRESS recipe --
|
|
95
|
+
export declare function LiquidFill(options?: RecipeOptions): UIFXRecipe;
|
|
91
96
|
|
|
92
97
|
// -- Vol.3: Controls --
|
|
93
98
|
export declare function PillTabs(options?: RecipeOptions): UIFXRecipe;
|
|
@@ -114,6 +119,13 @@ export declare function ScratchReveal(options?: RecipeOptions): UIFXRecipe;
|
|
|
114
119
|
export declare function TimerCountdown(options?: RecipeOptions): UIFXRecipe;
|
|
115
120
|
export declare function PullRefresh(options?: RecipeOptions): UIFXRecipe;
|
|
116
121
|
|
|
122
|
+
// -- U4b: DECORATE recipes (mounted AROUND a live element via decorateUIFX).
|
|
123
|
+
// Generic form feedback; PasswordStrength + TypewriterField (above) re-home
|
|
124
|
+
// onto decorate mode too. See decisions/0004. --
|
|
125
|
+
export declare function FocusHalo(options?: RecipeOptions): UIFXRecipe;
|
|
126
|
+
export declare function ErrorShake(options?: RecipeOptions): UIFXRecipe;
|
|
127
|
+
export declare function SuccessBloom(options?: RecipeOptions): UIFXRecipe;
|
|
128
|
+
|
|
117
129
|
// ===========================================================
|
|
118
130
|
// BARREL OBJECTS (back-compat)
|
|
119
131
|
// ===========================================================
|
|
@@ -177,11 +189,28 @@ export declare const UIFXRecipes3: {
|
|
|
177
189
|
PullRefresh: typeof PullRefresh;
|
|
178
190
|
};
|
|
179
191
|
|
|
192
|
+
/** U4a additions -- new native element types (kept out of the Vol.1-3 snapshots). */
|
|
193
|
+
export declare const UIFXRecipes4: {
|
|
194
|
+
TickDraw: typeof TickDraw;
|
|
195
|
+
IndeterminateScan: typeof IndeterminateScan;
|
|
196
|
+
LiquidFill: typeof LiquidFill;
|
|
197
|
+
};
|
|
198
|
+
|
|
199
|
+
/** U4b additions -- decorate-mode recipes (kept out of the Vol.1-3 + Vol.4 snapshots). */
|
|
200
|
+
export declare const UIFXRecipes5: {
|
|
201
|
+
FocusHalo: typeof FocusHalo;
|
|
202
|
+
ErrorShake: typeof ErrorShake;
|
|
203
|
+
SuccessBloom: typeof SuccessBloom;
|
|
204
|
+
};
|
|
205
|
+
|
|
180
206
|
// ===========================================================
|
|
181
207
|
// RECIPE REGISTRY
|
|
182
208
|
// ===========================================================
|
|
183
209
|
|
|
184
|
-
|
|
210
|
+
// 'decorate' is not a UIType (it creates no native element); it is the registry
|
|
211
|
+
// routing tag for a recipe mounted AROUND a live element via decorateUIFX. See
|
|
212
|
+
// decisions/0004.
|
|
213
|
+
export type RecipeType = 'toggle' | 'button' | 'slider' | 'checkbox' | 'progress' | 'knob' | 'decorate';
|
|
185
214
|
|
|
186
215
|
export type RecipeFactory = (options?: Record<string, unknown>) => UIFXRecipe;
|
|
187
216
|
|
|
@@ -211,7 +240,10 @@ export declare function registerRecipe(
|
|
|
211
240
|
): RecipeFactory;
|
|
212
241
|
|
|
213
242
|
/**
|
|
214
|
-
* Resolve a recipe id to its factory + declared type and mount it
|
|
243
|
+
* Resolve a recipe id to its factory + declared type and mount it. A hijack
|
|
244
|
+
* recipe mounts via mountUIFX (the native element is created inside `container`);
|
|
245
|
+
* a recipe whose meta.type is 'decorate' mounts via decorateUIFX, treating
|
|
246
|
+
* `container` as the LIVE element to decorate (a canvas is placed AROUND it).
|
|
215
247
|
* Fail closed: unknown id or a conflicting options.type throws.
|
|
216
248
|
*/
|
|
217
249
|
export declare function mountRecipe(
|
|
@@ -221,7 +253,7 @@ export declare function mountRecipe(
|
|
|
221
253
|
): UIFXInstance;
|
|
222
254
|
|
|
223
255
|
// ===========================================================
|
|
224
|
-
// DEFAULT EXPORT -- combined all-
|
|
256
|
+
// DEFAULT EXPORT -- combined all-56 namespace
|
|
225
257
|
// ===========================================================
|
|
226
258
|
|
|
227
259
|
declare const UIFXAllRecipes: {
|
|
@@ -252,6 +284,8 @@ declare const UIFXAllRecipes: {
|
|
|
252
284
|
HelixLoader: typeof HelixLoader;
|
|
253
285
|
RippleCheck: typeof RippleCheck;
|
|
254
286
|
MorphCheck: typeof MorphCheck;
|
|
287
|
+
TickDraw: typeof TickDraw;
|
|
288
|
+
IndeterminateScan: typeof IndeterminateScan;
|
|
255
289
|
FlameCounter: typeof FlameCounter;
|
|
256
290
|
GlitchCounter: typeof GlitchCounter;
|
|
257
291
|
BubbleRating: typeof BubbleRating;
|
|
@@ -260,6 +294,7 @@ declare const UIFXAllRecipes: {
|
|
|
260
294
|
RingProgress: typeof RingProgress;
|
|
261
295
|
BatteryGauge: typeof BatteryGauge;
|
|
262
296
|
SignalMeter: typeof SignalMeter;
|
|
297
|
+
LiquidFill: typeof LiquidFill;
|
|
263
298
|
PillTabs: typeof PillTabs;
|
|
264
299
|
Stepper: typeof Stepper;
|
|
265
300
|
RadioOrbit: typeof RadioOrbit;
|
|
@@ -275,5 +310,8 @@ declare const UIFXAllRecipes: {
|
|
|
275
310
|
ScratchReveal: typeof ScratchReveal;
|
|
276
311
|
TimerCountdown: typeof TimerCountdown;
|
|
277
312
|
PullRefresh: typeof PullRefresh;
|
|
313
|
+
FocusHalo: typeof FocusHalo;
|
|
314
|
+
ErrorShake: typeof ErrorShake;
|
|
315
|
+
SuccessBloom: typeof SuccessBloom;
|
|
278
316
|
};
|
|
279
317
|
export default UIFXAllRecipes;
|