@optionfactory/fml 9.0.0-rc22 → 9.0.0-rc24
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/dist/custom-elements.json +22 -8
- package/dist/fml.css +3 -3
- package/dist/fml.css.map +1 -1
- package/dist/fml.iife.js +286 -80
- package/dist/fml.iife.js.map +1 -1
- package/dist/fml.iife.min.js +1 -1
- package/dist/fml.iife.min.js.map +1 -1
- package/dist/ful.css +3 -3
- package/dist/ful.css.map +1 -1
- package/dist/ful.d.mts +127 -42
- package/dist/ful.iife.js +286 -80
- package/dist/ful.iife.js.map +1 -1
- package/dist/ful.iife.min.js +1 -1
- package/dist/ful.iife.min.js.map +1 -1
- package/dist/ful.min.mjs +1 -1
- package/dist/ful.min.mjs.map +1 -1
- package/dist/ful.mjs +286 -80
- package/dist/ful.mjs.map +1 -1
- package/dist/vscode.html-custom-data.json +11 -3
- package/dist/web-types.json +25 -9
- package/package.json +1 -1
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
},
|
|
22
22
|
{
|
|
23
23
|
"name": "ful-dialog",
|
|
24
|
-
"description": "A modal dialog on the native platform: header, body and buttons, the header attribute naming its heading, opened by any element carrying dialog-target set to its id, or programmatically through open()/ask(), which answer with how the dialog ended, or through update(callback), which opens it on a loading state and then shows either what the callback delivered or the problems of a rejection. Longer explanations belong here, shorter ones in ful-tooltip. Dialog.ask(header, body, buttons) and Dialog.confirm(header, body, labels) ask a question in a transient one, building, showing, answering and removing the element themselves; a confirm's cancel, close and Escape all answer the negative.",
|
|
24
|
+
"description": "A modal dialog on the native platform: header, body and buttons, the header attribute naming its heading, opened by any element carrying dialog-target set to its id, or programmatically through open()/ask(), which answer with how the dialog ended, or through update(callback), which opens it on a loading state and then shows either what the callback delivered or the problems of a rejection. dismiss(reason) dismisses it as the close button would, refusable and guarded alike, answering whether it closed. Longer explanations belong here, shorter ones in ful-tooltip. Dialog.ask(header, body, buttons) and Dialog.confirm(header, body, labels) ask a question in a transient one, building, showing, answering and removing the element themselves; a confirm's cancel, close and Escape all answer the negative.",
|
|
25
25
|
"attributes": [
|
|
26
26
|
{
|
|
27
27
|
"name": "header",
|
|
@@ -34,12 +34,16 @@
|
|
|
34
34
|
{
|
|
35
35
|
"name": "close-on-submit",
|
|
36
36
|
"description": "For the dialog whose answer is a form succeeding rather than a button being pressed: its own form submitting successfully closes it and answers with the response. Opt in, and its own form only, a ful-form the body holds directly, since a ful-table wraps its filters in a form of its own and searching one is not the dialog being answered. Such a dialog renders no acknowledge button of its own, the form's submit being its answer. (boolean)"
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
"name": "guard-dismiss",
|
|
40
|
+
"description": "For the dialog holding a form the user edits: a dismissal nobody refused, while a ful-form of the dialog under track-changes holds edits not saved yet, first asks the user through Dialog.confirm whether to close and drop them, with the localized dialog.discard texts. Gestures and dismiss() are asked about; close(), a data-result button, close-on-submit and update() are answers or the page deciding, and ask nothing. A second Escape with no interaction in between closes it whatever the user would answer. (boolean)"
|
|
37
41
|
}
|
|
38
42
|
]
|
|
39
43
|
},
|
|
40
44
|
{
|
|
41
45
|
"name": "ful-drawer",
|
|
42
|
-
"description": "A side panel drawer on the native dialog platform: a header with its title (the header attribute, or update()'s own) and close button, and a body that opens in a loading state, then shows either the content delivered by update(header, callback) (or the slotted one, when it is never updated) or the error a rejecting callback carries. placement picks the side, end by default, start its mirror. Any element carrying dialog-target set to its id opens it too.",
|
|
46
|
+
"description": "A side panel drawer on the native dialog platform: a header with its title (the header attribute, or update()'s own) and close button, and a body that opens in a loading state, then shows either the content delivered by update(header, callback) (or the slotted one, when it is never updated) or the error a rejecting callback carries. placement picks the side, end by default, start its mirror. open()/ask() answer with how the drawer ended, as a ful-dialog's do, an ask() on a drawer update() opened waiting for that opening's ending; dismiss(reason) dismisses it as the close button would, refusable and guarded alike, answering whether it closed. Any element carrying dialog-target set to its id opens it too.",
|
|
43
47
|
"attributes": [
|
|
44
48
|
{
|
|
45
49
|
"name": "header",
|
|
@@ -52,6 +56,10 @@
|
|
|
52
56
|
{
|
|
53
57
|
"name": "close-on-submit",
|
|
54
58
|
"description": "For the drawer whose ending is a form succeeding rather than its close button being pressed: the form its content holds directly submitting successfully closes it, the close event carrying the response. Opt in, and its own form only, since a ful-table wraps its filters in a form of its own and searching one is not the drawer finishing. (boolean)"
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
"name": "guard-dismiss",
|
|
62
|
+
"description": "For the drawer holding a form the user edits: a dismissal nobody refused, while a ful-form of the drawer under track-changes holds edits not saved yet, first asks the user through Dialog.confirm whether to close and drop them, with the localized dialog.discard texts. Gestures and dismiss() are asked about; close(), a data-result button, close-on-submit and update() are answers or the page deciding, and ask nothing. A second Escape with no interaction in between closes it whatever the user would answer. (boolean)"
|
|
55
63
|
}
|
|
56
64
|
]
|
|
57
65
|
},
|
|
@@ -143,7 +151,7 @@
|
|
|
143
151
|
},
|
|
144
152
|
{
|
|
145
153
|
"name": "track-changes",
|
|
146
|
-
"description": "Keeps track of the edits not saved yet: dirty answers whether a field the user edited since the last commit holds another value, the host matches :state(dirty) and the submit buttons carry a dot while it does. A successful submit commits, and so does the form once its fields have rendered; commit() is for a save of the page's own. (boolean)"
|
|
154
|
+
"description": "Keeps track of the edits not saved yet: dirty answers whether a field the user edited since the last commit holds another value, the host matches :state(dirty) and the submit buttons carry a dot while it does. A successful submit commits, and so does the form once its fields have rendered; commit() is for a save of the page's own, and save() submits only while there is something to save, answering whether nothing unsaved is left. A ful-drawer or ful-dialog under guard-dismiss asks before a dismissal drops the edits. (boolean)"
|
|
147
155
|
},
|
|
148
156
|
{
|
|
149
157
|
"name": "guard-leave",
|
package/dist/web-types.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/web-types",
|
|
3
3
|
"name": "@optionfactory/fml",
|
|
4
|
-
"version": "9.0.0-
|
|
4
|
+
"version": "9.0.0-rc24",
|
|
5
5
|
"description-markup": "none",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
},
|
|
46
46
|
{
|
|
47
47
|
"name": "ful-dialog",
|
|
48
|
-
"description": "A modal dialog on the native platform: header, body and buttons, the header attribute naming its heading, opened by any element carrying dialog-target set to its id, or programmatically through open()/ask(), which answer with how the dialog ended, or through update(callback), which opens it on a loading state and then shows either what the callback delivered or the problems of a rejection. Longer explanations belong here, shorter ones in ful-tooltip. Dialog.ask(header, body, buttons) and Dialog.confirm(header, body, labels) ask a question in a transient one, building, showing, answering and removing the element themselves; a confirm's cancel, close and Escape all answer the negative.",
|
|
48
|
+
"description": "A modal dialog on the native platform: header, body and buttons, the header attribute naming its heading, opened by any element carrying dialog-target set to its id, or programmatically through open()/ask(), which answer with how the dialog ended, or through update(callback), which opens it on a loading state and then shows either what the callback delivered or the problems of a rejection. dismiss(reason) dismisses it as the close button would, refusable and guarded alike, answering whether it closed. Longer explanations belong here, shorter ones in ful-tooltip. Dialog.ask(header, body, buttons) and Dialog.confirm(header, body, labels) ask a question in a transient one, building, showing, answering and removing the element themselves; a confirm's cancel, close and Escape all answer the negative.",
|
|
49
49
|
"attributes": [
|
|
50
50
|
{
|
|
51
51
|
"name": "header",
|
|
@@ -70,6 +70,14 @@
|
|
|
70
70
|
"kind": "plain",
|
|
71
71
|
"type": "boolean"
|
|
72
72
|
}
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
"name": "guard-dismiss",
|
|
76
|
+
"description": "For the dialog holding a form the user edits: a dismissal nobody refused, while a ful-form of the dialog under track-changes holds edits not saved yet, first asks the user through Dialog.confirm whether to close and drop them, with the localized dialog.discard texts. Gestures and dismiss() are asked about; close(), a data-result button, close-on-submit and update() are answers or the page deciding, and ask nothing. A second Escape with no interaction in between closes it whatever the user would answer.",
|
|
77
|
+
"value": {
|
|
78
|
+
"kind": "plain",
|
|
79
|
+
"type": "boolean"
|
|
80
|
+
}
|
|
73
81
|
}
|
|
74
82
|
],
|
|
75
83
|
"slots": [
|
|
@@ -97,13 +105,13 @@
|
|
|
97
105
|
},
|
|
98
106
|
{
|
|
99
107
|
"name": "dialog:dismiss",
|
|
100
|
-
"description": "Fired before the close button, Escape
|
|
108
|
+
"description": "Fired before the close button, Escape, a backdrop click or dismiss(reason) closes the dialog, with detail.reason (button, escape, backdrop or the one dismiss() was given): cancelable, so preventDefault() keeps it open. Not fired for a data-result button, close-on-submit or close(). A second Escape with no interaction in between closes the dialog whatever the page does, and its dialog:dismiss is then not cancelable."
|
|
101
109
|
}
|
|
102
110
|
]
|
|
103
111
|
},
|
|
104
112
|
{
|
|
105
113
|
"name": "ful-drawer",
|
|
106
|
-
"description": "A side panel drawer on the native dialog platform: a header with its title (the header attribute, or update()'s own) and close button, and a body that opens in a loading state, then shows either the content delivered by update(header, callback) (or the slotted one, when it is never updated) or the error a rejecting callback carries. placement picks the side, end by default, start its mirror. Any element carrying dialog-target set to its id opens it too.",
|
|
114
|
+
"description": "A side panel drawer on the native dialog platform: a header with its title (the header attribute, or update()'s own) and close button, and a body that opens in a loading state, then shows either the content delivered by update(header, callback) (or the slotted one, when it is never updated) or the error a rejecting callback carries. placement picks the side, end by default, start its mirror. open()/ask() answer with how the drawer ended, as a ful-dialog's do, an ask() on a drawer update() opened waiting for that opening's ending; dismiss(reason) dismisses it as the close button would, refusable and guarded alike, answering whether it closed. Any element carrying dialog-target set to its id opens it too.",
|
|
107
115
|
"attributes": [
|
|
108
116
|
{
|
|
109
117
|
"name": "header",
|
|
@@ -128,6 +136,14 @@
|
|
|
128
136
|
"kind": "plain",
|
|
129
137
|
"type": "boolean"
|
|
130
138
|
}
|
|
139
|
+
},
|
|
140
|
+
{
|
|
141
|
+
"name": "guard-dismiss",
|
|
142
|
+
"description": "For the drawer holding a form the user edits: a dismissal nobody refused, while a ful-form of the drawer under track-changes holds edits not saved yet, first asks the user through Dialog.confirm whether to close and drop them, with the localized dialog.discard texts. Gestures and dismiss() are asked about; close(), a data-result button, close-on-submit and update() are answers or the page deciding, and ask nothing. A second Escape with no interaction in between closes it whatever the user would answer.",
|
|
143
|
+
"value": {
|
|
144
|
+
"kind": "plain",
|
|
145
|
+
"type": "boolean"
|
|
146
|
+
}
|
|
131
147
|
}
|
|
132
148
|
],
|
|
133
149
|
"slots": [
|
|
@@ -143,7 +159,7 @@
|
|
|
143
159
|
"events": [
|
|
144
160
|
{
|
|
145
161
|
"name": "close",
|
|
146
|
-
"description": "Fired when the drawer closes, carrying how it ended: dismissed tells the close button and Escape from
|
|
162
|
+
"description": "Fired when the drawer closes, carrying how it ended, the same object a ful-dialog answers with: dismissed tells the close button and Escape from an answer, result the data-result of the button, or the argument of close(result), that closed it, and response what a submit answered with under close-on-submit, a save answering with no body at all being a save all the same. ask() and open() resolve with the same object, and a drawer leaving the document while open answers its waiters with a dismissal."
|
|
147
163
|
},
|
|
148
164
|
{
|
|
149
165
|
"name": "section:requested",
|
|
@@ -151,7 +167,7 @@
|
|
|
151
167
|
},
|
|
152
168
|
{
|
|
153
169
|
"name": "drawer:dismiss",
|
|
154
|
-
"description": "Fired before the close button, Escape
|
|
170
|
+
"description": "Fired before the close button, Escape, a backdrop click or dismiss(reason) closes the drawer, with detail.reason (button, escape, backdrop or the one dismiss() was given): cancelable, so preventDefault() keeps it open. Not fired for a data-result button, close-on-submit or close(). A second Escape with no interaction in between closes the drawer at once, and its drawer:dismiss is then not cancelable."
|
|
155
171
|
}
|
|
156
172
|
]
|
|
157
173
|
},
|
|
@@ -346,7 +362,7 @@
|
|
|
346
362
|
},
|
|
347
363
|
{
|
|
348
364
|
"name": "track-changes",
|
|
349
|
-
"description": "Keeps track of the edits not saved yet: dirty answers whether a field the user edited since the last commit holds another value, the host matches :state(dirty) and the submit buttons carry a dot while it does. A successful submit commits, and so does the form once its fields have rendered; commit() is for a save of the page's own.",
|
|
365
|
+
"description": "Keeps track of the edits not saved yet: dirty answers whether a field the user edited since the last commit holds another value, the host matches :state(dirty) and the submit buttons carry a dot while it does. A successful submit commits, and so does the form once its fields have rendered; commit() is for a save of the page's own, and save() submits only while there is something to save, answering whether nothing unsaved is left. A ful-drawer or ful-dialog under guard-dismiss asks before a dismissal drops the edits.",
|
|
350
366
|
"value": {
|
|
351
367
|
"kind": "plain",
|
|
352
368
|
"type": "boolean"
|
|
@@ -369,7 +385,7 @@
|
|
|
369
385
|
},
|
|
370
386
|
{
|
|
371
387
|
"name": "submit:requested",
|
|
372
|
-
"description": "Fired after the submit was accepted, to let a listener resolve the response itself."
|
|
388
|
+
"description": "Fired after the submit was accepted, to let a listener resolve the response itself. Register it through AsyncEvents.asyncOn: the form awaits only such a listener, and one added with addEventListener is not waited for."
|
|
373
389
|
},
|
|
374
390
|
{
|
|
375
391
|
"name": "submit:success",
|
|
@@ -377,7 +393,7 @@
|
|
|
377
393
|
},
|
|
378
394
|
{
|
|
379
395
|
"name": "submit:failure",
|
|
380
|
-
"description": "Fired with the exception when the submit fails. The form does not rethrow."
|
|
396
|
+
"description": "Fired with the exception when the submit fails. The form does not rethrow: submit() resolves false, as it resolves true after submit:success."
|
|
381
397
|
},
|
|
382
398
|
{
|
|
383
399
|
"name": "dirty:change",
|