juxscript 1.1.112 → 1.1.113

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.
@@ -1,6 +1,6 @@
1
1
  {
2
- "totalFiles": 63,
3
- "totalClasses": 194,
2
+ "totalFiles": 67,
3
+ "totalClasses": 196,
4
4
  "classList": [
5
5
  "?",
6
6
  "jux-alert",
@@ -91,12 +91,14 @@
91
91
  "jux-hero-subtitle",
92
92
  "jux-hero-title",
93
93
  "jux-icon",
94
+ "jux-image",
94
95
  "jux-input",
95
96
  "jux-input-container",
96
97
  "jux-input-counter",
97
98
  "jux-input-icon",
98
99
  "jux-input-required",
99
100
  "jux-input-with-icon",
101
+ "jux-layer",
100
102
  "jux-list",
101
103
  "jux-list-header",
102
104
  "jux-list-item",
@@ -3360,6 +3362,80 @@
3360
3362
  }
3361
3363
  ]
3362
3364
  },
3365
+ {
3366
+ "file": "image.js",
3367
+ "path": "image.js",
3368
+ "methods": {
3369
+ "render": [
3370
+ "jux-image"
3371
+ ]
3372
+ },
3373
+ "allClasses": [
3374
+ "jux-image"
3375
+ ],
3376
+ "classCount": 1,
3377
+ "domStructures": [
3378
+ {
3379
+ "method": "render",
3380
+ "elements": [
3381
+ {
3382
+ "tag": "img",
3383
+ "classes": [
3384
+ "jux-image"
3385
+ ],
3386
+ "id": null
3387
+ }
3388
+ ],
3389
+ "hierarchy": [
3390
+ {
3391
+ "tag": "img",
3392
+ "classes": [
3393
+ "jux-image"
3394
+ ],
3395
+ "id": null,
3396
+ "orphan": true
3397
+ }
3398
+ ]
3399
+ }
3400
+ ]
3401
+ },
3402
+ {
3403
+ "file": "image.ts",
3404
+ "path": "image.ts",
3405
+ "methods": {
3406
+ "render": [
3407
+ "jux-image"
3408
+ ]
3409
+ },
3410
+ "allClasses": [
3411
+ "jux-image"
3412
+ ],
3413
+ "classCount": 1,
3414
+ "domStructures": [
3415
+ {
3416
+ "method": "render",
3417
+ "elements": [
3418
+ {
3419
+ "tag": "img",
3420
+ "classes": [
3421
+ "jux-image"
3422
+ ],
3423
+ "id": null
3424
+ }
3425
+ ],
3426
+ "hierarchy": [
3427
+ {
3428
+ "tag": "img",
3429
+ "classes": [
3430
+ "jux-image"
3431
+ ],
3432
+ "id": null,
3433
+ "orphan": true
3434
+ }
3435
+ ]
3436
+ }
3437
+ ]
3438
+ },
3363
3439
  {
3364
3440
  "file": "input.js",
3365
3441
  "path": "input.js",
@@ -3544,6 +3620,80 @@
3544
3620
  }
3545
3621
  ]
3546
3622
  },
3623
+ {
3624
+ "file": "layer.js",
3625
+ "path": "layer.js",
3626
+ "methods": {
3627
+ "render": [
3628
+ "jux-layer"
3629
+ ]
3630
+ },
3631
+ "allClasses": [
3632
+ "jux-layer"
3633
+ ],
3634
+ "classCount": 1,
3635
+ "domStructures": [
3636
+ {
3637
+ "method": "render",
3638
+ "elements": [
3639
+ {
3640
+ "tag": "div",
3641
+ "classes": [
3642
+ "jux-layer"
3643
+ ],
3644
+ "id": null
3645
+ }
3646
+ ],
3647
+ "hierarchy": [
3648
+ {
3649
+ "tag": "div",
3650
+ "classes": [
3651
+ "jux-layer"
3652
+ ],
3653
+ "id": null,
3654
+ "orphan": true
3655
+ }
3656
+ ]
3657
+ }
3658
+ ]
3659
+ },
3660
+ {
3661
+ "file": "layer.ts",
3662
+ "path": "layer.ts",
3663
+ "methods": {
3664
+ "render": [
3665
+ "jux-layer"
3666
+ ]
3667
+ },
3668
+ "allClasses": [
3669
+ "jux-layer"
3670
+ ],
3671
+ "classCount": 1,
3672
+ "domStructures": [
3673
+ {
3674
+ "method": "render",
3675
+ "elements": [
3676
+ {
3677
+ "tag": "div",
3678
+ "classes": [
3679
+ "jux-layer"
3680
+ ],
3681
+ "id": null
3682
+ }
3683
+ ],
3684
+ "hierarchy": [
3685
+ {
3686
+ "tag": "div",
3687
+ "classes": [
3688
+ "jux-layer"
3689
+ ],
3690
+ "id": null,
3691
+ "orphan": true
3692
+ }
3693
+ ]
3694
+ }
3695
+ ]
3696
+ },
3547
3697
  {
3548
3698
  "file": "list.js",
3549
3699
  "path": "list.js",
@@ -7835,8 +7985,10 @@
7835
7985
  "jux-hero-subtitle",
7836
7986
  "jux-hero-title",
7837
7987
  "jux-icon",
7988
+ "jux-image",
7838
7989
  "jux-input-counter",
7839
7990
  "jux-input-with-icon",
7991
+ "jux-layer",
7840
7992
  "jux-list",
7841
7993
  "jux-list-header",
7842
7994
  "jux-list-item",
@@ -1,6 +1,6 @@
1
1
  {
2
- "totalComponents": 63,
3
- "generatedAt": "2026-02-13T02:17:48.266Z",
2
+ "totalComponents": 67,
3
+ "generatedAt": "2026-02-13T02:44:21.345Z",
4
4
  "components": [
5
5
  {
6
6
  "file": "alert.js",
@@ -2600,6 +2600,62 @@
2600
2600
  }
2601
2601
  ]
2602
2602
  },
2603
+ {
2604
+ "file": "image.js",
2605
+ "path": "image.js",
2606
+ "domStructures": [
2607
+ {
2608
+ "method": "render",
2609
+ "elements": [
2610
+ {
2611
+ "tag": "img",
2612
+ "classes": [
2613
+ "jux-image"
2614
+ ],
2615
+ "id": null
2616
+ }
2617
+ ],
2618
+ "hierarchy": [
2619
+ {
2620
+ "tag": "img",
2621
+ "classes": [
2622
+ "jux-image"
2623
+ ],
2624
+ "id": null,
2625
+ "orphan": true
2626
+ }
2627
+ ]
2628
+ }
2629
+ ]
2630
+ },
2631
+ {
2632
+ "file": "image.ts",
2633
+ "path": "image.ts",
2634
+ "domStructures": [
2635
+ {
2636
+ "method": "render",
2637
+ "elements": [
2638
+ {
2639
+ "tag": "img",
2640
+ "classes": [
2641
+ "jux-image"
2642
+ ],
2643
+ "id": null
2644
+ }
2645
+ ],
2646
+ "hierarchy": [
2647
+ {
2648
+ "tag": "img",
2649
+ "classes": [
2650
+ "jux-image"
2651
+ ],
2652
+ "id": null,
2653
+ "orphan": true
2654
+ }
2655
+ ]
2656
+ }
2657
+ ]
2658
+ },
2603
2659
  {
2604
2660
  "file": "input.js",
2605
2661
  "path": "input.js",
@@ -2750,6 +2806,62 @@
2750
2806
  }
2751
2807
  ]
2752
2808
  },
2809
+ {
2810
+ "file": "layer.js",
2811
+ "path": "layer.js",
2812
+ "domStructures": [
2813
+ {
2814
+ "method": "render",
2815
+ "elements": [
2816
+ {
2817
+ "tag": "div",
2818
+ "classes": [
2819
+ "jux-layer"
2820
+ ],
2821
+ "id": null
2822
+ }
2823
+ ],
2824
+ "hierarchy": [
2825
+ {
2826
+ "tag": "div",
2827
+ "classes": [
2828
+ "jux-layer"
2829
+ ],
2830
+ "id": null,
2831
+ "orphan": true
2832
+ }
2833
+ ]
2834
+ }
2835
+ ]
2836
+ },
2837
+ {
2838
+ "file": "layer.ts",
2839
+ "path": "layer.ts",
2840
+ "domStructures": [
2841
+ {
2842
+ "method": "render",
2843
+ "elements": [
2844
+ {
2845
+ "tag": "div",
2846
+ "classes": [
2847
+ "jux-layer"
2848
+ ],
2849
+ "id": null
2850
+ }
2851
+ ],
2852
+ "hierarchy": [
2853
+ {
2854
+ "tag": "div",
2855
+ "classes": [
2856
+ "jux-layer"
2857
+ ],
2858
+ "id": null,
2859
+ "orphan": true
2860
+ }
2861
+ ]
2862
+ }
2863
+ ]
2864
+ },
2753
2865
  {
2754
2866
  "file": "list.js",
2755
2867
  "path": "list.js",
package/index.d.ts CHANGED
@@ -19,6 +19,7 @@ import { heading } from './lib/components/heading.js';
19
19
  import { getOrCreateContainer } from './lib/components/helpers.js';
20
20
  import { hero } from './lib/components/hero.js';
21
21
  import { icon } from './lib/components/icon.js';
22
+ import { image } from './lib/components/image.js';
22
23
  import { include } from './lib/components/include.js';
23
24
  import { input } from './lib/components/input.js';
24
25
  import { list } from './lib/components/list.js';
@@ -49,6 +50,8 @@ export { state, registry, stateHistory };
49
50
  import { VStack, vstack } from './lib/components/stack/VStack.js';
50
51
  import { HStack, hstack } from './lib/components/stack/HStack.js';
51
52
  import { ZStack, zstack } from './lib/components/stack/ZStack.js';
53
+ export { Layer, layer, gradient, overlay, glassLayer, animatedGradient } from './lib/components/layer.js';
54
+ export type { LayerOptions, LayerPreset } from './lib/components/layer.js';
52
55
  export declare const jux: {
53
56
  alert: typeof alert;
54
57
  app: typeof app;
@@ -70,6 +73,7 @@ export declare const jux: {
70
73
  heading: typeof heading;
71
74
  hero: typeof hero;
72
75
  icon: typeof icon;
76
+ image: typeof image;
73
77
  include: typeof include;
74
78
  input: typeof input;
75
79
  list: typeof list;
package/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"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"}
package/index.js CHANGED
@@ -19,6 +19,7 @@ import { heading } from './lib/components/heading.js';
19
19
  import { getOrCreateContainer } from './lib/components/helpers.js';
20
20
  import { hero } from './lib/components/hero.js';
21
21
  import { icon } from './lib/components/icon.js';
22
+ import { image } from './lib/components/image.js';
22
23
  import { include } from './lib/components/include.js';
23
24
  import { input } from './lib/components/input.js';
24
25
  import { list } from './lib/components/list.js';
@@ -52,6 +53,8 @@ export { state, registry, stateHistory }; // ✅ Export history
52
53
  import { VStack, vstack } from './lib/components/stack/VStack.js';
53
54
  import { HStack, hstack } from './lib/components/stack/HStack.js';
54
55
  import { ZStack, zstack } from './lib/components/stack/ZStack.js';
56
+ // ✅ Layer component
57
+ export { Layer, layer, gradient, overlay, glassLayer, animatedGradient } from './lib/components/layer.js';
55
58
  // Utilities
56
59
  export const jux = {
57
60
  alert,
@@ -74,6 +77,7 @@ export const jux = {
74
77
  heading,
75
78
  hero,
76
79
  icon,
80
+ image,
77
81
  include,
78
82
  input,
79
83
  list,
@@ -40,6 +40,12 @@ export interface LayoutExtensions {
40
40
  background(value: string): this;
41
41
  backgroundColor(value: string): this;
42
42
  backgroundImage(value: string): this;
43
+ backgroundSize(value: string): this;
44
+ backgroundPosition(value: string): this;
45
+ backgroundRepeat(value: string): this;
46
+ linearGradient(direction: string, ...colorStops: string[]): this;
47
+ radialGradient(shape: string, ...colorStops: string[]): this;
48
+ conicGradient(from: string, ...colorStops: string[]): this;
43
49
  boxShadow(value: string): this;
44
50
  opacity(value: string | number): this;
45
51
  position(value: 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky'): this;
@@ -1 +1 @@
1
- {"version":3,"file":"LayoutExtensions.d.ts","sourceRoot":"","sources":["LayoutExtensions.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"LayoutExtensions.d.ts","sourceRoot":"","sources":["LayoutExtensions.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAExD,MAAM,WAAW,gBAAgB;IAE7B,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACvC,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAGpC,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAG/B,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,WAAW,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,IAAI,CAAC;IAG5E,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAGtC,cAAc,CAAC,SAAS,EAAE,MAAM,EAAE,GAAG,UAAU,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IACjE,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,UAAU,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAC7D,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,UAAU,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAI3D,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAGtC,QAAQ,CAAC,KAAK,EAAE,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,IAAI,CAAC;IAC/E,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAGrC,QAAQ,CAAC,KAAK,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,IAAI,CAAC;IAChE,SAAS,CAAC,KAAK,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,IAAI,CAAC;IACjE,SAAS,CAAC,KAAK,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,IAAI,CAAC;IAGjE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAGrF,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACnC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACvC,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACzC,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,IAAI,CAAC;IAG/F,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,MAAM,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,OAAO,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,OAAO,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,OAAO,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,KAAK,IAAI,IAAI,CAAC;IACd,KAAK,IAAI,IAAI,CAAC;IACd,QAAQ,IAAI,IAAI,CAAC;IAGjB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAG/B,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC5C,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,CAAC;IAG1D,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACzC,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,CAAC;IAChE,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACzC,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,YAAY,GAAG,WAAW,GAAG,WAAW,GAAG,IAAI,CAAC;IAC9E,UAAU,CAAC,KAAK,EAAE,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,GAAG,UAAU,GAAG,IAAI,CAAC;IAC/E,QAAQ,CAAC,KAAK,EAAE,QAAQ,GAAG,YAAY,GAAG,IAAI,CAAC;CAClD;AAsCD;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,aAAa,CAAC,GAAG,CAAC,EAAE,SAAS,EAAE,CAAC,GAAG,CAAC,GAAG,gBAAgB,CA6JtG"}
@@ -93,6 +93,25 @@ export function applyLayoutExtensions(component) {
93
93
  ext.background = (v) => { addInlineStyle(component, 'background', v); return ext; };
94
94
  ext.backgroundColor = (v) => { addInlineStyle(component, 'background-color', v); return ext; };
95
95
  ext.backgroundImage = (v) => { addInlineStyle(component, 'background-image', v); return ext; };
96
+ ext.backgroundSize = (v) => { addInlineStyle(component, 'background-size', v); return ext; };
97
+ ext.backgroundPosition = (v) => { addInlineStyle(component, 'background-position', v); return ext; };
98
+ ext.backgroundRepeat = (v) => { addInlineStyle(component, 'background-repeat', v); return ext; };
99
+ // Gradient helpers
100
+ ext.linearGradient = (direction, ...colorStops) => {
101
+ const value = `linear-gradient(${direction}, ${colorStops.join(', ')})`;
102
+ addInlineStyle(component, 'background-image', value);
103
+ return ext;
104
+ };
105
+ ext.radialGradient = (shape, ...colorStops) => {
106
+ const value = `radial-gradient(${shape}, ${colorStops.join(', ')})`;
107
+ addInlineStyle(component, 'background-image', value);
108
+ return ext;
109
+ };
110
+ ext.conicGradient = (from, ...colorStops) => {
111
+ const value = `conic-gradient(from ${from}, ${colorStops.join(', ')})`;
112
+ addInlineStyle(component, 'background-image', value);
113
+ return ext;
114
+ };
96
115
  // Effects
97
116
  ext.boxShadow = (v) => { addInlineStyle(component, 'box-shadow', v); return ext; };
98
117
  ext.opacity = (v) => { addInlineStyle(component, 'opacity', String(v)); return ext; };
@@ -49,6 +49,15 @@ export interface LayoutExtensions {
49
49
  background(value: string): this;
50
50
  backgroundColor(value: string): this;
51
51
  backgroundImage(value: string): this;
52
+ backgroundSize(value: string): this;
53
+ backgroundPosition(value: string): this;
54
+ backgroundRepeat(value: string): this;
55
+
56
+ // Gradient helpers (inline styles)
57
+ linearGradient(direction: string, ...colorStops: string[]): this;
58
+ radialGradient(shape: string, ...colorStops: string[]): this;
59
+ conicGradient(from: string, ...colorStops: string[]): this;
60
+
52
61
 
53
62
  // Effects (inline styles)
54
63
  boxShadow(value: string): this;
@@ -218,6 +227,26 @@ export function applyLayoutExtensions<T extends BaseComponent<any>>(component: T
218
227
  ext.background = (v) => { addInlineStyle(component, 'background', v); return ext; };
219
228
  ext.backgroundColor = (v) => { addInlineStyle(component, 'background-color', v); return ext; };
220
229
  ext.backgroundImage = (v) => { addInlineStyle(component, 'background-image', v); return ext; };
230
+ ext.backgroundSize = (v) => { addInlineStyle(component, 'background-size', v); return ext; };
231
+ ext.backgroundPosition = (v) => { addInlineStyle(component, 'background-position', v); return ext; };
232
+ ext.backgroundRepeat = (v) => { addInlineStyle(component, 'background-repeat', v); return ext; };
233
+
234
+ // Gradient helpers
235
+ ext.linearGradient = (direction, ...colorStops) => {
236
+ const value = `linear-gradient(${direction}, ${colorStops.join(', ')})`;
237
+ addInlineStyle(component, 'background-image', value);
238
+ return ext;
239
+ };
240
+ ext.radialGradient = (shape, ...colorStops) => {
241
+ const value = `radial-gradient(${shape}, ${colorStops.join(', ')})`;
242
+ addInlineStyle(component, 'background-image', value);
243
+ return ext;
244
+ };
245
+ ext.conicGradient = (from, ...colorStops) => {
246
+ const value = `conic-gradient(from ${from}, ${colorStops.join(', ')})`;
247
+ addInlineStyle(component, 'background-image', value);
248
+ return ext;
249
+ };
221
250
 
222
251
  // Effects
223
252
  ext.boxShadow = (v) => { addInlineStyle(component, 'box-shadow', v); return ext; };
@@ -0,0 +1,42 @@
1
+ import { BaseComponent, BaseState } from './base/BaseComponent.js';
2
+ export interface ImageOptions {
3
+ src?: string;
4
+ alt?: string;
5
+ width?: string;
6
+ height?: string;
7
+ objectFit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
8
+ loading?: 'lazy' | 'eager';
9
+ crossOrigin?: 'anonymous' | 'use-credentials';
10
+ style?: string;
11
+ class?: string;
12
+ }
13
+ interface ImageState extends BaseState {
14
+ src: string;
15
+ alt: string;
16
+ objectFit: string;
17
+ loadingType: string;
18
+ crossOrigin?: string;
19
+ isLoaded: boolean;
20
+ hasError: boolean;
21
+ }
22
+ export declare class Image extends BaseComponent<ImageState> {
23
+ constructor(id: string, options?: ImageOptions);
24
+ protected getTriggerEvents(): readonly string[];
25
+ protected getCallbackEvents(): readonly string[];
26
+ src(value: string): this;
27
+ alt(value: string): this;
28
+ objectFit(value: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'): this;
29
+ lazy(): this;
30
+ eager(): this;
31
+ crossOrigin(value: 'anonymous' | 'use-credentials'): this;
32
+ isLoaded(): boolean;
33
+ hasError(): boolean;
34
+ render(targetId?: string | HTMLElement | BaseComponent<any>): this;
35
+ update(prop: string, value: any): void;
36
+ }
37
+ export declare function image(id: string, options?: ImageOptions): Image;
38
+ export declare function avatar(id: string, src: string, alt?: string): Image;
39
+ export declare function logo(id: string, src: string, alt?: string): Image;
40
+ export declare function thumbnail(id: string, src: string, alt?: string): Image;
41
+ export {};
42
+ //# sourceMappingURL=image.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"image.d.ts","sourceRoot":"","sources":["image.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAOnE,MAAM,WAAW,YAAY;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,CAAC;IACjE,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,WAAW,GAAG,iBAAiB,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,UAAW,SAAQ,SAAS;IAClC,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CACrB;AAED,qBAAa,KAAM,SAAQ,aAAa,CAAC,UAAU,CAAC;gBACpC,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,YAAiB;IA0BlD,SAAS,CAAC,gBAAgB,IAAI,SAAS,MAAM,EAAE;IAI/C,SAAS,CAAC,iBAAiB,IAAI,SAAS,MAAM,EAAE;IAQhD,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAaxB,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IASxB,SAAS,CAAC,KAAK,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,IAAI;IAS5E,IAAI,IAAI,IAAI;IAKZ,KAAK,IAAI,IAAI;IAKb,WAAW,CAAC,KAAK,EAAE,WAAW,GAAG,iBAAiB,GAAG,IAAI;IASzD,QAAQ,IAAI,OAAO;IAInB,QAAQ,IAAI,OAAO;IAQnB,MAAM,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,aAAa,CAAC,GAAG,CAAC,GAAG,IAAI;IA4DlE,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,GAAG,IAAI;CAoCzC;AAED,wBAAgB,KAAK,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,YAAiB,GAAG,KAAK,CAEnE;AAGD,wBAAgB,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,GAAG,KAAK,CAOnE;AAGD,wBAAgB,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,GAAG,KAAK,CAMjE;AAGD,wBAAgB,SAAS,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,GAAG,KAAK,CAOtE"}