vintage-frames 0.6.0 → 0.6.1
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/custom-elements.json +924 -3
- package/dist/components/vf-scroll-area.js +9 -1
- package/dist/components/vf-window.d.ts +20 -0
- package/dist/components/vf-window.js +43 -3
- package/dist/position.d.ts +27 -8
- package/dist/position.js +74 -18
- package/docs/SPEC.md +7 -6
- package/editor/vscode.html-custom-data.json +156 -1
- package/editor/web-types.json +316 -2
- package/package.json +1 -1
|
@@ -25,6 +25,11 @@
|
|
|
25
25
|
"name": "left",
|
|
26
26
|
"description": "Offset from the left of the positioning parent, in whole system px.\nSee top.",
|
|
27
27
|
"values": []
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
"name": "fixed",
|
|
31
|
+
"description": "Hold the placement against the visible region of the nearest scrolling\nancestor: the element keeps its stated `top`/`left` while the content\nscrolls under it, and the flag alone places it at (0,0). It comes\nbefore the flow content in its parent. Where nothing scrolls it renders\nexactly as placed.",
|
|
32
|
+
"values": []
|
|
28
33
|
}
|
|
29
34
|
],
|
|
30
35
|
"references": []
|
|
@@ -92,6 +97,11 @@
|
|
|
92
97
|
"description": "Offset from the left of the positioning parent, in whole system px.\nSee top.",
|
|
93
98
|
"values": []
|
|
94
99
|
},
|
|
100
|
+
{
|
|
101
|
+
"name": "fixed",
|
|
102
|
+
"description": "Hold the placement against the visible region of the nearest scrolling\nancestor: the element keeps its stated `top`/`left` while the content\nscrolls under it, and the flag alone places it at (0,0). It comes\nbefore the flow content in its parent. Where nothing scrolls it renders\nexactly as placed.",
|
|
103
|
+
"values": []
|
|
104
|
+
},
|
|
95
105
|
{
|
|
96
106
|
"name": "description",
|
|
97
107
|
"description": "Description for the control — hint text, a format, a unit. A host-level\n`aria-describedby` cannot reach a focusable element inside a shadow root,\nso there was structurally no way to describe a field; this property is\nthat channel. It renders as a hidden span in the control's own shadow root\nwith the inner control's `aria-describedby` pointing at it — the\nshadow-internal IDREF idiom `vf-dialog`'s title patch already uses. A\nhost-level `aria-describedby` is bridged into the same span when this\nproperty is empty, and a failing constraint's validationMessage\njoins it too, so AT hears the error where it hears the hint.\n\nHost-role controls get neither half: their `aria-describedby` already\nworks, and their validation message reaches AT the way a native control's\ndoes — `aria-invalid` plus the browser's own validation UI, not AccName.",
|
|
@@ -139,6 +149,11 @@
|
|
|
139
149
|
"description": "Offset from the left of the positioning parent, in whole system px.\nSee top.",
|
|
140
150
|
"values": []
|
|
141
151
|
},
|
|
152
|
+
{
|
|
153
|
+
"name": "fixed",
|
|
154
|
+
"description": "Hold the placement against the visible region of the nearest scrolling\nancestor: the element keeps its stated `top`/`left` while the content\nscrolls under it, and the flag alone places it at (0,0). It comes\nbefore the flow content in its parent. Where nothing scrolls it renders\nexactly as placed.",
|
|
155
|
+
"values": []
|
|
156
|
+
},
|
|
142
157
|
{
|
|
143
158
|
"name": "disabled",
|
|
144
159
|
"description": "Disables the control: it stops responding and submits no value. Each\ncontrol dims per SPEC §1 (typically the label greys while the 1-bit chrome\nstays black).",
|
|
@@ -185,6 +200,11 @@
|
|
|
185
200
|
"name": "left",
|
|
186
201
|
"description": "Offset from the left of the positioning parent, in whole system px.\nSee top.",
|
|
187
202
|
"values": []
|
|
203
|
+
},
|
|
204
|
+
{
|
|
205
|
+
"name": "fixed",
|
|
206
|
+
"description": "Hold the placement against the visible region of the nearest scrolling\nancestor: the element keeps its stated `top`/`left` while the content\nscrolls under it, and the flag alone places it at (0,0). It comes\nbefore the flow content in its parent. Where nothing scrolls it renders\nexactly as placed.",
|
|
207
|
+
"values": []
|
|
188
208
|
}
|
|
189
209
|
],
|
|
190
210
|
"references": []
|
|
@@ -222,6 +242,11 @@
|
|
|
222
242
|
"name": "left",
|
|
223
243
|
"description": "Offset from the left of the positioning parent, in whole system px.\nSee top.",
|
|
224
244
|
"values": []
|
|
245
|
+
},
|
|
246
|
+
{
|
|
247
|
+
"name": "fixed",
|
|
248
|
+
"description": "Hold the placement against the visible region of the nearest scrolling\nancestor: the element keeps its stated `top`/`left` while the content\nscrolls under it, and the flag alone places it at (0,0). It comes\nbefore the flow content in its parent. Where nothing scrolls it renders\nexactly as placed.",
|
|
249
|
+
"values": []
|
|
225
250
|
}
|
|
226
251
|
],
|
|
227
252
|
"references": []
|
|
@@ -301,6 +326,11 @@
|
|
|
301
326
|
"name": "left",
|
|
302
327
|
"description": "Offset from the left of the positioning parent, in whole system px.\nSee top.",
|
|
303
328
|
"values": []
|
|
329
|
+
},
|
|
330
|
+
{
|
|
331
|
+
"name": "fixed",
|
|
332
|
+
"description": "Hold the placement against the visible region of the nearest scrolling\nancestor: the element keeps its stated `top`/`left` while the content\nscrolls under it, and the flag alone places it at (0,0). It comes\nbefore the flow content in its parent. Where nothing scrolls it renders\nexactly as placed.",
|
|
333
|
+
"values": []
|
|
304
334
|
}
|
|
305
335
|
],
|
|
306
336
|
"references": []
|
|
@@ -353,6 +383,11 @@
|
|
|
353
383
|
"name": "left",
|
|
354
384
|
"description": "Offset from the left of the positioning parent, in whole system px.\nSee top.",
|
|
355
385
|
"values": []
|
|
386
|
+
},
|
|
387
|
+
{
|
|
388
|
+
"name": "fixed",
|
|
389
|
+
"description": "Hold the placement against the visible region of the nearest scrolling\nancestor: the element keeps its stated `top`/`left` while the content\nscrolls under it, and the flag alone places it at (0,0). It comes\nbefore the flow content in its parent. Where nothing scrolls it renders\nexactly as placed.",
|
|
390
|
+
"values": []
|
|
356
391
|
}
|
|
357
392
|
],
|
|
358
393
|
"references": []
|
|
@@ -420,6 +455,11 @@
|
|
|
420
455
|
"name": "left",
|
|
421
456
|
"description": "Offset from the left of the positioning parent, in whole system px.\nSee top.",
|
|
422
457
|
"values": []
|
|
458
|
+
},
|
|
459
|
+
{
|
|
460
|
+
"name": "fixed",
|
|
461
|
+
"description": "Hold the placement against the visible region of the nearest scrolling\nancestor: the element keeps its stated `top`/`left` while the content\nscrolls under it, and the flag alone places it at (0,0). It comes\nbefore the flow content in its parent. Where nothing scrolls it renders\nexactly as placed.",
|
|
462
|
+
"values": []
|
|
423
463
|
}
|
|
424
464
|
],
|
|
425
465
|
"references": []
|
|
@@ -447,6 +487,11 @@
|
|
|
447
487
|
"name": "left",
|
|
448
488
|
"description": "Offset from the left of the positioning parent, in whole system px.\nSee top.",
|
|
449
489
|
"values": []
|
|
490
|
+
},
|
|
491
|
+
{
|
|
492
|
+
"name": "fixed",
|
|
493
|
+
"description": "Hold the placement against the visible region of the nearest scrolling\nancestor: the element keeps its stated `top`/`left` while the content\nscrolls under it, and the flag alone places it at (0,0). It comes\nbefore the flow content in its parent. Where nothing scrolls it renders\nexactly as placed.",
|
|
494
|
+
"values": []
|
|
450
495
|
}
|
|
451
496
|
],
|
|
452
497
|
"references": []
|
|
@@ -489,6 +534,11 @@
|
|
|
489
534
|
"name": "left",
|
|
490
535
|
"description": "Offset from the left of the positioning parent, in whole system px.\nSee top.",
|
|
491
536
|
"values": []
|
|
537
|
+
},
|
|
538
|
+
{
|
|
539
|
+
"name": "fixed",
|
|
540
|
+
"description": "Hold the placement against the visible region of the nearest scrolling\nancestor: the element keeps its stated `top`/`left` while the content\nscrolls under it, and the flag alone places it at (0,0). It comes\nbefore the flow content in its parent. Where nothing scrolls it renders\nexactly as placed.",
|
|
541
|
+
"values": []
|
|
492
542
|
}
|
|
493
543
|
],
|
|
494
544
|
"references": []
|
|
@@ -521,6 +571,11 @@
|
|
|
521
571
|
"name": "left",
|
|
522
572
|
"description": "Offset from the left of the positioning parent, in whole system px.\nSee top.",
|
|
523
573
|
"values": []
|
|
574
|
+
},
|
|
575
|
+
{
|
|
576
|
+
"name": "fixed",
|
|
577
|
+
"description": "Hold the placement against the visible region of the nearest scrolling\nancestor: the element keeps its stated `top`/`left` while the content\nscrolls under it, and the flag alone places it at (0,0). It comes\nbefore the flow content in its parent. Where nothing scrolls it renders\nexactly as placed.",
|
|
578
|
+
"values": []
|
|
524
579
|
}
|
|
525
580
|
],
|
|
526
581
|
"references": []
|
|
@@ -558,6 +613,11 @@
|
|
|
558
613
|
"name": "left",
|
|
559
614
|
"description": "Offset from the left of the positioning parent, in whole system px.\nSee top.",
|
|
560
615
|
"values": []
|
|
616
|
+
},
|
|
617
|
+
{
|
|
618
|
+
"name": "fixed",
|
|
619
|
+
"description": "Hold the placement against the visible region of the nearest scrolling\nancestor: the element keeps its stated `top`/`left` while the content\nscrolls under it, and the flag alone places it at (0,0). It comes\nbefore the flow content in its parent. Where nothing scrolls it renders\nexactly as placed.",
|
|
620
|
+
"values": []
|
|
561
621
|
}
|
|
562
622
|
],
|
|
563
623
|
"references": []
|
|
@@ -590,6 +650,11 @@
|
|
|
590
650
|
"name": "left",
|
|
591
651
|
"description": "Offset from the left of the positioning parent, in whole system px.\nSee top.",
|
|
592
652
|
"values": []
|
|
653
|
+
},
|
|
654
|
+
{
|
|
655
|
+
"name": "fixed",
|
|
656
|
+
"description": "Hold the placement against the visible region of the nearest scrolling\nancestor: the element keeps its stated `top`/`left` while the content\nscrolls under it, and the flag alone places it at (0,0). It comes\nbefore the flow content in its parent. Where nothing scrolls it renders\nexactly as placed.",
|
|
657
|
+
"values": []
|
|
593
658
|
}
|
|
594
659
|
],
|
|
595
660
|
"references": []
|
|
@@ -637,6 +702,11 @@
|
|
|
637
702
|
"name": "left",
|
|
638
703
|
"description": "Offset from the left of the positioning parent, in whole system px.\nSee top.",
|
|
639
704
|
"values": []
|
|
705
|
+
},
|
|
706
|
+
{
|
|
707
|
+
"name": "fixed",
|
|
708
|
+
"description": "Hold the placement against the visible region of the nearest scrolling\nancestor: the element keeps its stated `top`/`left` while the content\nscrolls under it, and the flag alone places it at (0,0). It comes\nbefore the flow content in its parent. Where nothing scrolls it renders\nexactly as placed.",
|
|
709
|
+
"values": []
|
|
640
710
|
}
|
|
641
711
|
],
|
|
642
712
|
"references": []
|
|
@@ -669,6 +739,11 @@
|
|
|
669
739
|
"name": "left",
|
|
670
740
|
"description": "Offset from the left of the positioning parent, in whole system px.\nSee top.",
|
|
671
741
|
"values": []
|
|
742
|
+
},
|
|
743
|
+
{
|
|
744
|
+
"name": "fixed",
|
|
745
|
+
"description": "Hold the placement against the visible region of the nearest scrolling\nancestor: the element keeps its stated `top`/`left` while the content\nscrolls under it, and the flag alone places it at (0,0). It comes\nbefore the flow content in its parent. Where nothing scrolls it renders\nexactly as placed.",
|
|
746
|
+
"values": []
|
|
672
747
|
}
|
|
673
748
|
],
|
|
674
749
|
"references": []
|
|
@@ -702,6 +777,11 @@
|
|
|
702
777
|
"description": "Offset from the left of the positioning parent, in whole system px.\nSee top.",
|
|
703
778
|
"values": []
|
|
704
779
|
},
|
|
780
|
+
{
|
|
781
|
+
"name": "fixed",
|
|
782
|
+
"description": "Hold the placement against the visible region of the nearest scrolling\nancestor: the element keeps its stated `top`/`left` while the content\nscrolls under it, and the flag alone places it at (0,0). It comes\nbefore the flow content in its parent. Where nothing scrolls it renders\nexactly as placed.",
|
|
783
|
+
"values": []
|
|
784
|
+
},
|
|
705
785
|
{
|
|
706
786
|
"name": "value",
|
|
707
787
|
"description": "Current value. Synced on every keystroke and submitted with forms.",
|
|
@@ -778,6 +858,11 @@
|
|
|
778
858
|
"name": "left",
|
|
779
859
|
"description": "Offset from the left of the positioning parent, in whole system px.\nSee top.",
|
|
780
860
|
"values": []
|
|
861
|
+
},
|
|
862
|
+
{
|
|
863
|
+
"name": "fixed",
|
|
864
|
+
"description": "Hold the placement against the visible region of the nearest scrolling\nancestor: the element keeps its stated `top`/`left` while the content\nscrolls under it, and the flag alone places it at (0,0). It comes\nbefore the flow content in its parent. Where nothing scrolls it renders\nexactly as placed.",
|
|
865
|
+
"values": []
|
|
781
866
|
}
|
|
782
867
|
],
|
|
783
868
|
"references": []
|
|
@@ -815,6 +900,11 @@
|
|
|
815
900
|
"name": "left",
|
|
816
901
|
"description": "Offset from the left of the positioning parent, in whole system px.\nSee top.",
|
|
817
902
|
"values": []
|
|
903
|
+
},
|
|
904
|
+
{
|
|
905
|
+
"name": "fixed",
|
|
906
|
+
"description": "Hold the placement against the visible region of the nearest scrolling\nancestor: the element keeps its stated `top`/`left` while the content\nscrolls under it, and the flag alone places it at (0,0). It comes\nbefore the flow content in its parent. Where nothing scrolls it renders\nexactly as placed.",
|
|
907
|
+
"values": []
|
|
818
908
|
}
|
|
819
909
|
],
|
|
820
910
|
"references": []
|
|
@@ -852,6 +942,11 @@
|
|
|
852
942
|
"name": "left",
|
|
853
943
|
"description": "Offset from the left of the positioning parent, in whole system px.\nSee top.",
|
|
854
944
|
"values": []
|
|
945
|
+
},
|
|
946
|
+
{
|
|
947
|
+
"name": "fixed",
|
|
948
|
+
"description": "Hold the placement against the visible region of the nearest scrolling\nancestor: the element keeps its stated `top`/`left` while the content\nscrolls under it, and the flag alone places it at (0,0). It comes\nbefore the flow content in its parent. Where nothing scrolls it renders\nexactly as placed.",
|
|
949
|
+
"values": []
|
|
855
950
|
}
|
|
856
951
|
],
|
|
857
952
|
"references": []
|
|
@@ -885,6 +980,11 @@
|
|
|
885
980
|
"description": "Offset from the left of the positioning parent, in whole system px.\nSee top.",
|
|
886
981
|
"values": []
|
|
887
982
|
},
|
|
983
|
+
{
|
|
984
|
+
"name": "fixed",
|
|
985
|
+
"description": "Hold the placement against the visible region of the nearest scrolling\nancestor: the element keeps its stated `top`/`left` while the content\nscrolls under it, and the flag alone places it at (0,0). It comes\nbefore the flow content in its parent. Where nothing scrolls it renders\nexactly as placed.",
|
|
986
|
+
"values": []
|
|
987
|
+
},
|
|
888
988
|
{
|
|
889
989
|
"name": "disabled",
|
|
890
990
|
"description": "Disables the control: it stops responding and submits no value. Each\ncontrol dims per SPEC §1 (typically the label greys while the 1-bit chrome\nstays black).",
|
|
@@ -926,6 +1026,11 @@
|
|
|
926
1026
|
"name": "left",
|
|
927
1027
|
"description": "Offset from the left of the positioning parent, in whole system px.\nSee top.",
|
|
928
1028
|
"values": []
|
|
1029
|
+
},
|
|
1030
|
+
{
|
|
1031
|
+
"name": "fixed",
|
|
1032
|
+
"description": "Hold the placement against the visible region of the nearest scrolling\nancestor: the element keeps its stated `top`/`left` while the content\nscrolls under it, and the flag alone places it at (0,0). It comes\nbefore the flow content in its parent. Where nothing scrolls it renders\nexactly as placed.",
|
|
1033
|
+
"values": []
|
|
929
1034
|
}
|
|
930
1035
|
],
|
|
931
1036
|
"references": []
|
|
@@ -962,6 +1067,11 @@
|
|
|
962
1067
|
"name": "left",
|
|
963
1068
|
"description": "Offset from the left of the positioning parent, in whole system px.\nSee top.",
|
|
964
1069
|
"values": []
|
|
1070
|
+
},
|
|
1071
|
+
{
|
|
1072
|
+
"name": "fixed",
|
|
1073
|
+
"description": "Hold the placement against the visible region of the nearest scrolling\nancestor: the element keeps its stated `top`/`left` while the content\nscrolls under it, and the flag alone places it at (0,0). It comes\nbefore the flow content in its parent. Where nothing scrolls it renders\nexactly as placed.",
|
|
1074
|
+
"values": []
|
|
965
1075
|
}
|
|
966
1076
|
],
|
|
967
1077
|
"references": []
|
|
@@ -995,6 +1105,11 @@
|
|
|
995
1105
|
"description": "Offset from the left of the positioning parent, in whole system px.\nSee top.",
|
|
996
1106
|
"values": []
|
|
997
1107
|
},
|
|
1108
|
+
{
|
|
1109
|
+
"name": "fixed",
|
|
1110
|
+
"description": "Hold the placement against the visible region of the nearest scrolling\nancestor: the element keeps its stated `top`/`left` while the content\nscrolls under it, and the flag alone places it at (0,0). It comes\nbefore the flow content in its parent. Where nothing scrolls it renders\nexactly as placed.",
|
|
1111
|
+
"values": []
|
|
1112
|
+
},
|
|
998
1113
|
{
|
|
999
1114
|
"name": "description",
|
|
1000
1115
|
"description": "Description for the control — hint text, a format, a unit. A host-level\n`aria-describedby` cannot reach a focusable element inside a shadow root,\nso there was structurally no way to describe a field; this property is\nthat channel. It renders as a hidden span in the control's own shadow root\nwith the inner control's `aria-describedby` pointing at it — the\nshadow-internal IDREF idiom `vf-dialog`'s title patch already uses. A\nhost-level `aria-describedby` is bridged into the same span when this\nproperty is empty, and a failing constraint's validationMessage\njoins it too, so AT hears the error where it hears the hint.\n\nHost-role controls get neither half: their `aria-describedby` already\nworks, and their validation message reaches AT the way a native control's\ndoes — `aria-invalid` plus the browser's own validation UI, not AccName.",
|
|
@@ -1031,6 +1146,11 @@
|
|
|
1031
1146
|
"name": "left",
|
|
1032
1147
|
"description": "Offset from the left of the positioning parent, in whole system px.\nSee top.",
|
|
1033
1148
|
"values": []
|
|
1149
|
+
},
|
|
1150
|
+
{
|
|
1151
|
+
"name": "fixed",
|
|
1152
|
+
"description": "Hold the placement against the visible region of the nearest scrolling\nancestor: the element keeps its stated `top`/`left` while the content\nscrolls under it, and the flag alone places it at (0,0). It comes\nbefore the flow content in its parent. Where nothing scrolls it renders\nexactly as placed.",
|
|
1153
|
+
"values": []
|
|
1034
1154
|
}
|
|
1035
1155
|
],
|
|
1036
1156
|
"references": []
|
|
@@ -1079,6 +1199,11 @@
|
|
|
1079
1199
|
"description": "Offset from the left of the positioning parent, in whole system px.\nSee top.",
|
|
1080
1200
|
"values": []
|
|
1081
1201
|
},
|
|
1202
|
+
{
|
|
1203
|
+
"name": "fixed",
|
|
1204
|
+
"description": "Hold the placement against the visible region of the nearest scrolling\nancestor: the element keeps its stated `top`/`left` while the content\nscrolls under it, and the flag alone places it at (0,0). It comes\nbefore the flow content in its parent. Where nothing scrolls it renders\nexactly as placed.",
|
|
1205
|
+
"values": []
|
|
1206
|
+
},
|
|
1082
1207
|
{
|
|
1083
1208
|
"name": "disabled",
|
|
1084
1209
|
"description": "Disables the control: it stops responding and submits no value. Each\ncontrol dims per SPEC §1 (typically the label greys while the 1-bit chrome\nstays black).",
|
|
@@ -1135,6 +1260,11 @@
|
|
|
1135
1260
|
"name": "left",
|
|
1136
1261
|
"description": "Offset from the left of the positioning parent, in whole system px.\nSee top.",
|
|
1137
1262
|
"values": []
|
|
1263
|
+
},
|
|
1264
|
+
{
|
|
1265
|
+
"name": "fixed",
|
|
1266
|
+
"description": "Hold the placement against the visible region of the nearest scrolling\nancestor: the element keeps its stated `top`/`left` while the content\nscrolls under it, and the flag alone places it at (0,0). It comes\nbefore the flow content in its parent. Where nothing scrolls it renders\nexactly as placed.",
|
|
1267
|
+
"values": []
|
|
1138
1268
|
}
|
|
1139
1269
|
],
|
|
1140
1270
|
"references": []
|
|
@@ -1183,6 +1313,11 @@
|
|
|
1183
1313
|
"description": "Offset from the left of the positioning parent, in whole system px.\nSee top.",
|
|
1184
1314
|
"values": []
|
|
1185
1315
|
},
|
|
1316
|
+
{
|
|
1317
|
+
"name": "fixed",
|
|
1318
|
+
"description": "Hold the placement against the visible region of the nearest scrolling\nancestor: the element keeps its stated `top`/`left` while the content\nscrolls under it, and the flag alone places it at (0,0). It comes\nbefore the flow content in its parent. Where nothing scrolls it renders\nexactly as placed.",
|
|
1319
|
+
"values": []
|
|
1320
|
+
},
|
|
1186
1321
|
{
|
|
1187
1322
|
"name": "description",
|
|
1188
1323
|
"description": "Description for the control — hint text, a format, a unit. A host-level\n`aria-describedby` cannot reach a focusable element inside a shadow root,\nso there was structurally no way to describe a field; this property is\nthat channel. It renders as a hidden span in the control's own shadow root\nwith the inner control's `aria-describedby` pointing at it — the\nshadow-internal IDREF idiom `vf-dialog`'s title patch already uses. A\nhost-level `aria-describedby` is bridged into the same span when this\nproperty is empty, and a failing constraint's validationMessage\njoins it too, so AT hears the error where it hears the hint.\n\nHost-role controls get neither half: their `aria-describedby` already\nworks, and their validation message reaches AT the way a native control's\ndoes — `aria-invalid` plus the browser's own validation UI, not AccName.",
|
|
@@ -1215,6 +1350,11 @@
|
|
|
1215
1350
|
"description": "Offset from the left of the positioning parent, in whole system px.\nSee top.",
|
|
1216
1351
|
"values": []
|
|
1217
1352
|
},
|
|
1353
|
+
{
|
|
1354
|
+
"name": "fixed",
|
|
1355
|
+
"description": "Hold the placement against the visible region of the nearest scrolling\nancestor: the element keeps its stated `top`/`left` while the content\nscrolls under it, and the flag alone places it at (0,0). It comes\nbefore the flow content in its parent. Where nothing scrolls it renders\nexactly as placed.",
|
|
1356
|
+
"values": []
|
|
1357
|
+
},
|
|
1218
1358
|
{
|
|
1219
1359
|
"name": "value",
|
|
1220
1360
|
"description": "Current value. Synced on every keystroke and submitted with forms.",
|
|
@@ -1277,6 +1417,11 @@
|
|
|
1277
1417
|
"description": "Offset from the left of the positioning parent, in whole system px.\nSee top.",
|
|
1278
1418
|
"values": []
|
|
1279
1419
|
},
|
|
1420
|
+
{
|
|
1421
|
+
"name": "fixed",
|
|
1422
|
+
"description": "Hold the placement against the visible region of the nearest scrolling\nancestor: the element keeps its stated `top`/`left` while the content\nscrolls under it, and the flag alone places it at (0,0). It comes\nbefore the flow content in its parent. Where nothing scrolls it renders\nexactly as placed.",
|
|
1423
|
+
"values": []
|
|
1424
|
+
},
|
|
1280
1425
|
{
|
|
1281
1426
|
"name": "value",
|
|
1282
1427
|
"description": "Current value. Synced on every keystroke and submitted with forms.",
|
|
@@ -1322,7 +1467,7 @@
|
|
|
1322
1467
|
},
|
|
1323
1468
|
{
|
|
1324
1469
|
"name": "vf-window",
|
|
1325
|
-
"description": "`<vf-window>` — the System 7 desktop-window shell.\n\nStriped title bar with optional close box (left) and zoom box (right), a\nsolid-white frame with a hard offset shadow, an optional grow box for\nresizing, optional edge scroll rails (`scrollbars`), and the slim windoid\nchrome (`variant=\"utility\"`). The HIG's window archetypes are parameter\nrecipes over this shell rather than fixed anatomies — the component enables\nHIG compliance, it doesn't enforce it (see docs/LAYOUT.md \"Window archetypes\"):\nthe full document window is `closable zoomable movable resizable\nscrollbars=\"both\"`, a modeless dialog box is `closable movable`, a utility\nwindow is `variant=\"utility\" movable`. Place inside `<vf-desktop>` to get\nclick-to-front stacking and automatic `active` management (utility windows\nfloat above the document tier).\n\nEvery recipe also declares `width` AND `height` (VfSized), in whole\nsystem px — the art's own unit, so the window keeps its proportions to the\nchrome inside it at every display density (a CSS-px size stays put while\nthe components in it triple). A window is a fixed box in both axes, the way\nthe WIND resource carried it: left to layout it takes whatever its\ncontainer or content hands it, which is how a title bar ends up wider than\nthe screen or a dialog reflows as it moves — and a window that grows with\nits body is one the user can neither predict nor (via the grow box) own.\nContent taller than the declared box is clipped at the frame the way the\nclassic content region was; `scrollbars` lets the user reach the rest.\nUnset, the window still renders — normal block layout, as before — and\nsays so once in the console.\n---\n\n\n### **Events:**\n - **vf-close** - Close box clicked. Detail `{ reason: 'close' }` (shape- compatible with vf-dialog's `vf-close`). The window does NOT remove itself; the consumer decides what closing means.\n- **vf-zoom** - Zoom box clicked. Detail `{}`.\n- **vf-resize** - The grow box resized the window. Detail `{ width, height, commit }`, sizes in whole system px: one event per size the drag writes (`commit: false`), fired after the new box is applied so a handler that measures reads the resized layout, then a final `commit: true` as the gesture settles — only when it changed the size. Fired by the gesture alone: a programmatic `width`/`height` write fires nothing, the way a value set fires no `vf-change`.\n\n### **Slots:**\n - _default_ - Default slot: window body content.\n- **status** - Optional status-bar content — the classic bottom readout strip (\"40px x 40px\"): a 1px rule over a 15px white band under the body, body-face text on its native line. Takes no space until populated; a `resizable` window's grow box sits flush in its right end.\n\n### **CSS Properties:**\n - **--vf-dots-pattern** - the windoid bar's dot-grid dither — a 2×2 motif, one black pixel at its origin, on a 30-system-px tile (`vfDots`; override the whole tile like `--vf-desktop-pattern` — consumer art renders as a placed tile grid at that same geometry) _(default: undefined)_\n- **--vf-titlebar-height** - window/dialog title bars _(default: undefined)_\n- **--vf-titlebar-height-utility** - the slim `vf-window[variant=\"utility\"]` (windoid) bar — 11px interior + 1px bottom rule, traced from `Windows/utility-window.png` _(default: 12px)_\n- **--vf-status-bar-height** - the status strip: 1px rule + 14px interior — the grow box's own height, so the two compose flush _(default: 15px)_\n- **--vf-line-height** - the body face's native line, which the status strip's text rides (whole-pixel centered in the 14px interior) _(default: 12px)_\n\n### **CSS Parts:**\n - **frame** - The outer chrome frame.\n- **title-bar** - The striped (or dithered) title bar.\n- **title** - The centered title patch (hidden on the utility bar).\n- **close-box** - The close widget (left).\n- **zoom-box** - The zoom widget (right).\n- **body** - The content area.\n- **status-bar** - The bottom status strip (when the `status` slot is populated).\n- **grow-box** - The resize widget (bottom-right, when `resizable`).\n- **viewport** - The built-in scroll area's viewport (when `scrollbars`; re-exported from vf-scroll-area).",
|
|
1470
|
+
"description": "`<vf-window>` — the System 7 desktop-window shell.\n\nStriped title bar with optional close box (left) and zoom box (right), a\nsolid-white frame with a hard offset shadow, an optional grow box for\nresizing, optional edge scroll rails (`scrollbars`), and the slim windoid\nchrome (`variant=\"utility\"`). The HIG's window archetypes are parameter\nrecipes over this shell rather than fixed anatomies — the component enables\nHIG compliance, it doesn't enforce it (see docs/LAYOUT.md \"Window archetypes\"):\nthe full document window is `closable zoomable movable resizable\nscrollbars=\"both\"`, a modeless dialog box is `closable movable`, a utility\nwindow is `variant=\"utility\" movable`. Place inside `<vf-desktop>` to get\nclick-to-front stacking and automatic `active` management (utility windows\nfloat above the document tier).\n\nEvery recipe also declares `width` AND `height` (VfSized), in whole\nsystem px — the art's own unit, so the window keeps its proportions to the\nchrome inside it at every display density (a CSS-px size stays put while\nthe components in it triple). A window is a fixed box in both axes, the way\nthe WIND resource carried it: left to layout it takes whatever its\ncontainer or content hands it, which is how a title bar ends up wider than\nthe screen or a dialog reflows as it moves — and a window that grows with\nits body is one the user can neither predict nor (via the grow box) own.\nContent taller than the declared box is clipped at the frame the way the\nclassic content region was; `scrollbars` lets the user reach the rest.\nUnset, the window still renders — normal block layout, as before — and\nsays so once in the console.\n---\n\n\n### **Events:**\n - **vf-close** - Close box clicked. Detail `{ reason: 'close' }` (shape- compatible with vf-dialog's `vf-close`). The window does NOT remove itself; the consumer decides what closing means.\n- **vf-zoom** - Zoom box clicked. Detail `{}`.\n- **vf-resize** - The grow box resized the window. Detail `{ width, height, commit }`, sizes in whole system px: one event per size the drag writes (`commit: false`), fired after the new box is applied so a handler that measures reads the resized layout, then a final `commit: true` as the gesture settles — only when it changed the size. Fired by the gesture alone: a programmatic `width`/`height` write fires nothing, the way a value set fires no `vf-change`.\n\n### **Slots:**\n - _default_ - Default slot: window body content.\n- **header** - Optional header content — a band between the title bar and the body, the full width of the window (the Finder window's header line): a white interior over a 1px rule, no inset of its own, a positioning anchor for placed children. As tall as its content unless `header-height` states it. Under `scrollbars` the vertical rail begins below it, so the header spans the rail's column. Takes no space until populated.\n- **status** - Optional status-bar content — the classic bottom readout strip (\"40px x 40px\"): a 1px rule over a 15px white band under the body, body-face text on its native line. Takes no space until populated; a `resizable` window's grow box sits flush in its right end.\n\n### **CSS Properties:**\n - **--vf-dots-pattern** - the windoid bar's dot-grid dither — a 2×2 motif, one black pixel at its origin, on a 30-system-px tile (`vfDots`; override the whole tile like `--vf-desktop-pattern` — consumer art renders as a placed tile grid at that same geometry) _(default: undefined)_\n- **--vf-titlebar-height** - window/dialog title bars _(default: undefined)_\n- **--vf-titlebar-height-utility** - the slim `vf-window[variant=\"utility\"]` (windoid) bar — 11px interior + 1px bottom rule, traced from `Windows/utility-window.png` _(default: 12px)_\n- **--vf-status-bar-height** - the status strip: 1px rule + 14px interior — the grow box's own height, so the two compose flush _(default: 15px)_\n- **--vf-line-height** - the body face's native line, which the status strip's text rides (whole-pixel centered in the 14px interior) _(default: 12px)_\n\n### **CSS Parts:**\n - **frame** - The outer chrome frame.\n- **title-bar** - The striped (or dithered) title bar.\n- **title** - The centered title patch (hidden on the utility bar).\n- **close-box** - The close widget (left).\n- **zoom-box** - The zoom widget (right).\n- **body** - The content area.\n- **header** - The header strip between the title bar and the body (when the `header` slot is populated).\n- **status-bar** - The bottom status strip (when the `status` slot is populated).\n- **grow-box** - The resize widget (bottom-right, when `resizable`).\n- **viewport** - The built-in scroll area's viewport (when `scrollbars`; re-exported from vf-scroll-area).",
|
|
1326
1471
|
"attributes": [
|
|
1327
1472
|
{
|
|
1328
1473
|
"name": "variant",
|
|
@@ -1388,6 +1533,11 @@
|
|
|
1388
1533
|
{ "name": "both" }
|
|
1389
1534
|
]
|
|
1390
1535
|
},
|
|
1536
|
+
{
|
|
1537
|
+
"name": "header-height",
|
|
1538
|
+
"description": "The header's height in whole system px, rule included — the way every\nkit bar counts its rule (an 18px title bar is 17 + 1). Unset, the header\nis as tall as what is slotted into it, plus the rule. Only matters while\nthe `header` slot is populated.",
|
|
1539
|
+
"values": [{ "name": "" }]
|
|
1540
|
+
},
|
|
1391
1541
|
{
|
|
1392
1542
|
"name": "width",
|
|
1393
1543
|
"description": "Width in whole system px. What the number means is the component's own\naffair — the measure a paragraph wraps to, a caption column, a window's\nbox — but the mechanics are shared: the length lands on the host as a\nlive `calc(var(--vf-scale, 1) * Npx)`, so the box scales with the\ndisplay and sits on the device-pixel grid by construction. Remove it\nand the width returns to layout.",
|
|
@@ -1407,6 +1557,11 @@
|
|
|
1407
1557
|
"name": "left",
|
|
1408
1558
|
"description": "Offset from the left of the positioning parent, in whole system px.\nSee top.",
|
|
1409
1559
|
"values": []
|
|
1560
|
+
},
|
|
1561
|
+
{
|
|
1562
|
+
"name": "fixed",
|
|
1563
|
+
"description": "Hold the placement against the visible region of the nearest scrolling\nancestor: the element keeps its stated `top`/`left` while the content\nscrolls under it, and the flag alone places it at (0,0). It comes\nbefore the flow content in its parent. Where nothing scrolls it renders\nexactly as placed.",
|
|
1564
|
+
"values": []
|
|
1410
1565
|
}
|
|
1411
1566
|
],
|
|
1412
1567
|
"references": []
|