juxscript 1.1.70 → 1.1.72

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.
Files changed (15) hide show
  1. package/bin/cli.js +33 -2
  2. package/css-classes-inventory.json +1 -556
  3. package/dom-structure-map.json +2 -487
  4. package/index.d.ts +0 -2
  5. package/index.d.ts.map +1 -1
  6. package/index.js +0 -2
  7. package/lib/components/modal.d.ts +3 -2
  8. package/lib/components/modal.d.ts.map +1 -1
  9. package/lib/components/modal.js +20 -1
  10. package/lib/components/modal.ts +27 -3
  11. package/lib/styles/modal.css +402 -0
  12. package/machinery/build3.js +9 -1
  13. package/machinery/compiler3.js +80 -0
  14. package/package.json +1 -1
  15. package/lib/components/blueprint.ts +0 -421
package/dom-structure-map.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
- "totalComponents": 64,
3
- "generatedAt": "2026-02-11T19:34:01.122Z",
2
+ "totalComponents": 63,
3
+ "generatedAt": "2026-02-11T21:53:07.299Z",
4
4
  "components": [
5
5
  {
6
6
  "file": "alert.js",
@@ -693,491 +693,6 @@
693
693
  }
694
694
  ]
695
695
  },
696
- {
697
- "file": "blueprint.ts",
698
- "path": "blueprint.ts",
699
- "domStructures": [
700
- {
701
- "method": "_renderHierarchy",
702
- "elements": [
703
- {
704
- "tag": "div",
705
- "classes": [
706
- "jux-blueprint-hierarchy"
707
- ],
708
- "id": null
709
- },
710
- {
711
- "tag": "div",
712
- "classes": [
713
- "jux-blueprint-node"
714
- ],
715
- "id": null
716
- },
717
- {
718
- "tag": "span",
719
- "classes": [
720
- "jux-blueprint-line"
721
- ],
722
- "id": null
723
- },
724
- {
725
- "tag": "span",
726
- "classes": [
727
- "jux-blueprint-tag"
728
- ],
729
- "id": null
730
- },
731
- {
732
- "tag": "span",
733
- "classes": [
734
- "jux-blueprint-id"
735
- ],
736
- "id": null
737
- },
738
- {
739
- "tag": "span",
740
- "classes": [
741
- "jux-blueprint-classes"
742
- ],
743
- "id": null
744
- },
745
- {
746
- "tag": "span",
747
- "classes": [
748
- "jux-blueprint-class"
749
- ],
750
- "id": null
751
- }
752
- ],
753
- "hierarchy": [
754
- {
755
- "tag": "div",
756
- "classes": [
757
- "jux-blueprint-hierarchy"
758
- ],
759
- "id": null,
760
- "children": [
761
- {
762
- "tag": "div",
763
- "classes": [
764
- "jux-blueprint-node"
765
- ],
766
- "id": null,
767
- "children": [
768
- {
769
- "tag": "span",
770
- "classes": [
771
- "jux-blueprint-line"
772
- ],
773
- "id": null
774
- },
775
- {
776
- "tag": "span",
777
- "classes": [
778
- "jux-blueprint-tag"
779
- ],
780
- "id": null
781
- },
782
- {
783
- "tag": "span",
784
- "classes": [
785
- "jux-blueprint-id"
786
- ],
787
- "id": null
788
- },
789
- {
790
- "tag": "span",
791
- "classes": [
792
- "jux-blueprint-classes"
793
- ],
794
- "id": null,
795
- "children": [
796
- {
797
- "tag": "span",
798
- "classes": [
799
- "jux-blueprint-class"
800
- ],
801
- "id": null
802
- }
803
- ]
804
- }
805
- ]
806
- }
807
- ]
808
- }
809
- ]
810
- },
811
- {
812
- "method": "_renderComponentCard",
813
- "elements": [
814
- {
815
- "tag": "div",
816
- "classes": [
817
- "jux-blueprint-card",
818
- "jux-blueprint-card-expanded"
819
- ],
820
- "id": null
821
- },
822
- {
823
- "tag": "div",
824
- "classes": [
825
- "jux-blueprint-card-header"
826
- ],
827
- "id": null
828
- },
829
- {
830
- "tag": "h4",
831
- "classes": [
832
- "jux-blueprint-card-title"
833
- ],
834
- "id": null
835
- },
836
- {
837
- "tag": "span",
838
- "classes": [
839
- "jux-blueprint-badge"
840
- ],
841
- "id": null
842
- },
843
- {
844
- "tag": "span",
845
- "classes": [
846
- "jux-blueprint-toggle-icon"
847
- ],
848
- "id": null
849
- },
850
- {
851
- "tag": "div",
852
- "classes": [
853
- "jux-blueprint-card-body"
854
- ],
855
- "id": null
856
- },
857
- {
858
- "tag": "div",
859
- "classes": [
860
- "jux-blueprint-section"
861
- ],
862
- "id": null
863
- },
864
- {
865
- "tag": "h5",
866
- "classes": [
867
- "jux-blueprint-section-title"
868
- ],
869
- "id": null
870
- },
871
- {
872
- "tag": "div",
873
- "classes": [
874
- "jux-blueprint-class-list"
875
- ],
876
- "id": null
877
- },
878
- {
879
- "tag": "span",
880
- "classes": [
881
- "jux-blueprint-class-tag"
882
- ],
883
- "id": null
884
- },
885
- {
886
- "tag": "div",
887
- "classes": [
888
- "jux-blueprint-section"
889
- ],
890
- "id": null
891
- },
892
- {
893
- "tag": "h5",
894
- "classes": [
895
- "jux-blueprint-section-title"
896
- ],
897
- "id": null
898
- }
899
- ],
900
- "hierarchy": [
901
- {
902
- "tag": "div",
903
- "classes": [
904
- "jux-blueprint-card",
905
- "jux-blueprint-card-expanded"
906
- ],
907
- "id": null,
908
- "children": [
909
- {
910
- "tag": "div",
911
- "classes": [
912
- "jux-blueprint-card-header"
913
- ],
914
- "id": null,
915
- "children": [
916
- {
917
- "tag": "h4",
918
- "classes": [
919
- "jux-blueprint-card-title"
920
- ],
921
- "id": null
922
- },
923
- {
924
- "tag": "span",
925
- "classes": [
926
- "jux-blueprint-badge"
927
- ],
928
- "id": null
929
- },
930
- {
931
- "tag": "span",
932
- "classes": [
933
- "jux-blueprint-toggle-icon"
934
- ],
935
- "id": null
936
- }
937
- ]
938
- },
939
- {
940
- "tag": "div",
941
- "classes": [
942
- "jux-blueprint-card-body"
943
- ],
944
- "id": null,
945
- "children": [
946
- {
947
- "tag": "div",
948
- "classes": [
949
- "jux-blueprint-section"
950
- ],
951
- "id": null,
952
- "children": [
953
- {
954
- "tag": "h5",
955
- "classes": [
956
- "jux-blueprint-section-title"
957
- ],
958
- "id": null
959
- },
960
- {
961
- "tag": "div",
962
- "classes": [
963
- "jux-blueprint-class-list"
964
- ],
965
- "id": null,
966
- "children": [
967
- {
968
- "tag": "span",
969
- "classes": [
970
- "jux-blueprint-class-tag"
971
- ],
972
- "id": null
973
- }
974
- ]
975
- }
976
- ]
977
- },
978
- {
979
- "tag": "div",
980
- "classes": [
981
- "jux-blueprint-section"
982
- ],
983
- "id": null,
984
- "children": [
985
- {
986
- "tag": "h5",
987
- "classes": [
988
- "jux-blueprint-section-title"
989
- ],
990
- "id": null
991
- }
992
- ]
993
- }
994
- ]
995
- }
996
- ]
997
- }
998
- ]
999
- },
1000
- {
1001
- "method": "render",
1002
- "elements": [
1003
- {
1004
- "tag": "div",
1005
- "classes": [
1006
- "jux-blueprint"
1007
- ],
1008
- "id": null
1009
- },
1010
- {
1011
- "tag": "div",
1012
- "classes": [
1013
- "jux-blueprint-header"
1014
- ],
1015
- "id": null
1016
- },
1017
- {
1018
- "tag": "h2",
1019
- "classes": [
1020
- "jux-blueprint-title"
1021
- ],
1022
- "id": null
1023
- },
1024
- {
1025
- "tag": "div",
1026
- "classes": [
1027
- "jux-blueprint-stats"
1028
- ],
1029
- "id": null
1030
- },
1031
- {
1032
- "tag": "div",
1033
- "classes": [
1034
- "jux-blueprint-controls"
1035
- ],
1036
- "id": null
1037
- },
1038
- {
1039
- "tag": "input",
1040
- "classes": [
1041
- "jux-blueprint-filter"
1042
- ],
1043
- "id": null
1044
- },
1045
- {
1046
- "tag": "button",
1047
- "classes": [
1048
- "jux-blueprint-button"
1049
- ],
1050
- "id": null
1051
- },
1052
- {
1053
- "tag": "div",
1054
- "classes": [
1055
- "jux-blueprint-count"
1056
- ],
1057
- "id": null
1058
- },
1059
- {
1060
- "tag": "div",
1061
- "classes": [
1062
- "jux-blueprint-content"
1063
- ],
1064
- "id": null
1065
- },
1066
- {
1067
- "tag": "div",
1068
- "classes": [
1069
- "jux-blueprint-empty"
1070
- ],
1071
- "id": null
1072
- }
1073
- ],
1074
- "hierarchy": [
1075
- {
1076
- "tag": "div",
1077
- "classes": [
1078
- "jux-blueprint"
1079
- ],
1080
- "id": null,
1081
- "orphan": true
1082
- },
1083
- {
1084
- "tag": "div",
1085
- "classes": [
1086
- "jux-blueprint-header"
1087
- ],
1088
- "id": null,
1089
- "orphan": true
1090
- },
1091
- {
1092
- "tag": "h2",
1093
- "classes": [
1094
- "jux-blueprint-title"
1095
- ],
1096
- "id": null,
1097
- "orphan": true
1098
- },
1099
- {
1100
- "tag": "div",
1101
- "classes": [
1102
- "jux-blueprint-stats"
1103
- ],
1104
- "id": null,
1105
- "orphan": true
1106
- },
1107
- {
1108
- "tag": "div",
1109
- "classes": [
1110
- "jux-blueprint-controls"
1111
- ],
1112
- "id": null,
1113
- "orphan": true
1114
- },
1115
- {
1116
- "tag": "input",
1117
- "classes": [
1118
- "jux-blueprint-filter"
1119
- ],
1120
- "id": null,
1121
- "orphan": true
1122
- },
1123
- {
1124
- "tag": "button",
1125
- "classes": [
1126
- "jux-blueprint-button"
1127
- ],
1128
- "id": null,
1129
- "orphan": true
1130
- },
1131
- {
1132
- "tag": "div",
1133
- "classes": [
1134
- "jux-blueprint-count"
1135
- ],
1136
- "id": null,
1137
- "orphan": true
1138
- },
1139
- {
1140
- "tag": "div",
1141
- "classes": [
1142
- "jux-blueprint-content"
1143
- ],
1144
- "id": null,
1145
- "orphan": true
1146
- },
1147
- {
1148
- "tag": "div",
1149
- "classes": [
1150
- "jux-blueprint-empty"
1151
- ],
1152
- "id": null,
1153
- "orphan": true
1154
- }
1155
- ]
1156
- },
1157
- {
1158
- "method": "_rebuildContent",
1159
- "elements": [
1160
- {
1161
- "tag": "div",
1162
- "classes": [
1163
- "jux-blueprint-empty"
1164
- ],
1165
- "id": null
1166
- }
1167
- ],
1168
- "hierarchy": [
1169
- {
1170
- "tag": "div",
1171
- "classes": [
1172
- "jux-blueprint-empty"
1173
- ],
1174
- "id": null,
1175
- "orphan": true
1176
- }
1177
- ]
1178
- }
1179
- ]
1180
- },
1181
696
  {
1182
697
  "file": "button.js",
1183
698
  "path": "button.js",
package/index.d.ts CHANGED
@@ -1,7 +1,6 @@
1
1
  import { alert } from './lib/components/alert.js';
2
2
  import { app } from './lib/components/app.js';
3
3
  import { badge } from './lib/components/badge.js';
4
- import { blueprint } from './lib/components/blueprint.js';
5
4
  import { button } from './lib/components/button.js';
6
5
  import { card } from './lib/components/card.js';
7
6
  import { chart } from './lib/components/chart.js';
@@ -50,7 +49,6 @@ export declare const jux: {
50
49
  alert: typeof alert;
51
50
  app: typeof app;
52
51
  badge: typeof badge;
53
- blueprint: typeof blueprint;
54
52
  button: typeof button;
55
53
  card: typeof card;
56
54
  chart: typeof chart;
package/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAClD,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAClD,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAElD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAGlD,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAExE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAC;AAGzC,eAAO,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDf,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"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"}
package/index.js CHANGED
@@ -1,7 +1,6 @@
1
1
  import { alert } from './lib/components/alert.js';
2
2
  import { app } from './lib/components/app.js';
3
3
  import { badge } from './lib/components/badge.js';
4
- import { blueprint } from './lib/components/blueprint.js';
5
4
  import { button } from './lib/components/button.js';
6
5
  import { card } from './lib/components/card.js';
7
6
  import { chart } from './lib/components/chart.js';
@@ -53,7 +52,6 @@ export const jux = {
53
52
  alert,
54
53
  app,
55
54
  badge,
56
- blueprint,
57
55
  button,
58
56
  card,
59
57
  chart,
package/lib/components/modal.d.ts CHANGED
@@ -9,7 +9,7 @@ export interface ModalOptions {
9
9
  icon?: EmojiIconType | undefined;
10
10
  close?: boolean;
11
11
  backdropClose?: boolean;
12
- position?: 'bottom' | 'center' | 'top' | 'fullscreen' | 'popover';
12
+ position?: 'bottom' | 'center' | 'top' | 'fullscreen' | 'popover' | 'popover-top' | 'popover-bottom' | 'popover-left' | 'popover-right';
13
13
  size?: 'small' | 'medium' | 'large';
14
14
  actions?: Array<{
15
15
  label: string;
@@ -25,7 +25,7 @@ type ModalState = {
25
25
  icon: EmojiIconType | undefined;
26
26
  close: boolean;
27
27
  backdropClose: boolean;
28
- position?: 'bottom' | 'center' | 'top' | 'fullscreen' | 'popover';
28
+ position?: 'bottom' | 'center' | 'top' | 'fullscreen' | 'popover' | 'popover-top' | 'popover-bottom' | 'popover-left' | 'popover-right';
29
29
  size: string;
30
30
  open: boolean;
31
31
  actions: Array<{
@@ -52,6 +52,7 @@ export declare class Modal extends BaseComponent<ModalState> {
52
52
  close(value: boolean): this;
53
53
  backdropClose(value: boolean): this;
54
54
  size(value: 'small' | 'medium' | 'large'): this;
55
+ position(value: 'bottom' | 'center' | 'top' | 'fullscreen' | 'popover' | 'popover-top' | 'popover-bottom' | 'popover-left' | 'popover-right'): this;
55
56
  actions(value: Array<{
56
57
  label: string;
57
58
  variant?: string;
package/lib/components/modal.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.ts"],"names":[],"mappings":"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"}
package/lib/components/modal.js CHANGED
@@ -58,6 +58,17 @@ export class Modal extends BaseComponent {
58
58
  case 'size':
59
59
  modal.className = modal.className.replace(/jux-modal-(small|medium|large)/, `jux-modal-${value}`);
60
60
  break;
61
+ case 'position':
62
+ // Remove existing position classes
63
+ this._overlay.className = this._overlay.className
64
+ .split(' ')
65
+ .filter(c => !c.startsWith('jux-modal-position-'))
66
+ .join(' ');
67
+ // Add new position class
68
+ if (value) {
69
+ this._overlay.classList.add(`jux-modal-position-${value}`);
70
+ }
71
+ break;
61
72
  case 'actions':
62
73
  this._rebuildActions();
63
74
  break;
@@ -189,6 +200,10 @@ export class Modal extends BaseComponent {
189
200
  this.state.size = value;
190
201
  return this;
191
202
  }
203
+ position(value) {
204
+ this.state.position = value;
205
+ return this;
206
+ }
192
207
  actions(value) {
193
208
  this.state.actions = value;
194
209
  return this;
@@ -275,12 +290,16 @@ export class Modal extends BaseComponent {
275
290
  * ═════════════════════════════════════════════════════════════════ */
276
291
  render(targetId) {
277
292
  const container = this._setupContainer(targetId);
278
- const { open, title, content, icon, size, close, backdropClose, actions, style, class: className } = this.state;
293
+ const { open, title, content, icon, size, position, close, backdropClose, actions, style, class: className } = this.state;
279
294
  const hasOpenSync = this._syncBindings.some(b => b.property === 'open');
280
295
  const overlay = document.createElement('div');
281
296
  overlay.className = 'jux-modal-overlay';
282
297
  overlay.id = this._id;
283
298
  overlay.style.display = open ? 'flex' : 'none';
299
+ // Add position class
300
+ if (position) {
301
+ overlay.classList.add(`jux-modal-position-${position}`);
302
+ }
284
303
  if (className)
285
304
  overlay.className += ` ${className}`;
286
305
  if (style)