Repository navigation
Expand file tree
/
Copy pathchanges.html
More file actions
273 lines (258 loc) · 27.1 KB
/
Copy pathchanges.html
File metadata and controls
273 lines (258 loc) · 27.1 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
<!doctype html>
<html lang="en" class="no-initial-transitions auto-dark">
<head>
<meta charset="utf-8">
<script>
// Apply the dark theme before the page is rendered to avoid a flash
try {
let darkTheme = localStorage.getItem("dark-theme") || "auto";
document.documentElement.classList.toggle("auto-dark", darkTheme === "auto");
document.documentElement.classList.toggle("dark", darkTheme === "dark" ||
darkTheme === "auto" && matchMedia("(prefers-color-scheme: dark)").matches);
}
catch { }
</script>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
<title>Frontfire change log</title>
<link rel="stylesheet" href="../src/css/build/frontfire-ui-complete.min.css">
<link rel="stylesheet" href="res/doc.css">
<link rel="icon" href="../logo/frontfire.svg">
<meta name="theme-color" content="#ffffff">
</head>
<body class="with-aside">
<header>
<a href="index.html"><img src="../logo/frontfire.svg"></a>
<a href="index.html"><span><span class="title">Frontfire documentation</span></span></a>
</header>
<aside>
</aside>
<main class="full-page-width">
<h1 class="no-top-margin">Change log</h1>
<!-- NOTE: The first version and date in this file are picked up by the pack script. -->
<!-- NOTE: Only change this version number in a separate commit for the big number of modified files. -->
<h2 id="v2-1-0">Version 2.1.0</h2>
<p>Released: not yet</p>
<h3 class="no-toc">New features</h3>
<ul>
<li><a href="frontfire-ui-carousel.html">Carousel</a> plugin: Added <a href="frontfire-ui-carousel.html#length"><code>length</code></a> property</li>
<li><a href="frontfire-core.html#delay"><code>Frontfire.delay</code></a>: Added optional <code>abortSignal</code> parameter</li>
<li>Added <a href="frontfire-core.html#isFunction"><code>Frontfire.isFunction</code></a></li>
<li>Added <a href="frontfire-core.html#scrollbarWidth"><code>Frontfire.scrollbarWidth</code></a> and <a href="frontfire-core.html#scrollbarHeight"><code>Frontfire.scrollbarHeight</code></a></li>
<li><a href="frontfire-ui-colorpicker.html">ColorPicker</a> plugin: Added <a href="frontfire-ui-colorpicker.html#dataColor"><code>dataColor</code></a> property and improved dark theme support</li>
<li>Added <a href="frontfire-core.html#forwardEvent"><code>Frontfire.forwardEvent</code></a> and <a href="frontfire-core.html#unforwardEvent"><code>Frontfire.unforwardEvent</code></a></li>
<li>Added <a href="frontfire-core.html#dark"><code>Frontfire.dark</code></a></li>
<li>Added <a href="frontfire-core.html#effectiveBackgroundColor"><code>Frontfire.effectiveBackgroundColor</code></a></li>
<li><a href="datacolor.html">DataColor</a>: Added "b2" background colour option, making it 3 foreground and equally many background colours</li>
<li>Added <a href="datacolor.html#parse"><code>DataColor.parse</code></a> and <a href="datacolor.html#parseGetColor"><code>DataColor.parseGetColor</code></a></li>
<li>Added <code class="css-class">radio-group</code> CSS class</li>
<li><a href="frontfire-ui-form.html#form-row-column-widths">Form row column widths in XAML syntax</a></li>
<li><a href="frontfire-ui-form.html#responsive-column-groups">Form row column groups</a> that wrap to their own line, with the <code class="css-class">form-column-group</code> CSS class</li>
<li><a href="arraylist.html#maxBy"><code>ArrayList.maxBy</code></a> and <a href="arraylist.html#minBy"><code>ArrayList.minBy</code></a></li>
<li><a href="arraylist.html#sortByUseLocale"><code>ArrayList.sortByUseLocale</code></a> and <a href="arraylist.html#sortByDescendingUseLocale"><code>ArrayList.sortByDescendingUseLocale</code></a></li>
<li><a href="arraylist.html#orderByUseLocale"><code>ArrayList.orderByUseLocale</code></a> and <a href="arraylist.html#orderByDescendingUseLocale"><code>ArrayList.orderByDescendingUseLocale</code></a></li>
<li><a href="frontfire-ui-modal.html">Modal</a> plugin: Added <a href="frontfire-ui-modal.html#options"><code>defaultButton</code></a> and <a href="frontfire-ui-modal.html#static-options"><code>flexLayout</code></a> options, <a href="frontfire-ui-variables.html#modal-margin"><code>--modal-margin</code></a> and <a href="frontfire-ui-variables.html#modal-padding"><code>--modal-padding</code></a> CSS variables, and <code class="css-class">full-page</code> CSS class</li>
<li><a href="frontfire-ui-selectable.html">Selectable</a> plugin: Added properties to the <a href="frontfire-ui-selectable.html#change"><code>change</code></a> event</li>
<li><a href="frontfire-ui-selectable.html">Selectable</a> plugin: Added <a href="frontfire-ui-selectable.html#isDropdownOpen"><code>isDropdownOpen</code></a> property and <a href="frontfire-ui-selectable.html#closeDropdown"><code>closeDropdown</code></a> and <a href="frontfire-ui-selectable.html#openDropdown"><code>openDropdown</code></a> methods</li>
<li>Extended <a href="frontfire-core.html#scrollIntoView"><code>F.scrollIntoView()</code></a> to support string parameters for margins to specify relative fill space</li>
<li><a href="frontfire-ui-form.html#submit-lock-lock">Form submit lock</a>: added <code>showLoadingIndicator</code> parameter to <code>lock()</code> method</li>
<li><a href="frontfire-ui-slider.html">Slider</a> plugin: Added <a href="frontfire-ui-slider.html#secondary-scale">secondary scale</a> with the <a href="frontfire-ui-slider.html#secondaryTicks"><code>secondaryTicks</code></a> option and method</li>
<li><a href="frontfire-ui-darktheme.html">DarkTheme</a> module</li>
<li>Added <a href="frontfire-core.html#afterTransition"><code>Frontfire.afterTransition</code></a></li>
<li>The <a href="frontfire-core.html#all"><code>all</code></a>, <a href="frontfire-core.html#any"><code>any</code></a>, <a href="frontfire-core.html#count"><code>count</code></a>, <a href="frontfire-core.html#find"><code>find</code></a>, <a href="frontfire-core.html#findIndex"><code>findIndex</code></a>, <a href="frontfire-core.html#findLast"><code>findLast</code></a>, <a href="frontfire-core.html#findLastIndex"><code>findLastIndex</code></a>, <a href="frontfire-core.html#removeAll"><code>removeAll</code></a>, <a href="frontfire-core.html#skipWhile"><code>skipWhile</code></a> and <a href="frontfire-core.html#takeWhile"><code>takeWhile</code></a> methods of Frontfire also accept a CSS selector string like <a href="frontfire-core.html#where"><code>where</code></a></li>
</ul>
<h3 class="no-toc">Bugfixes</h3>
<ul>
<li><a href="frontfire-ui-form.html#spinner">Spinner</a> (actually RepeatButton) is more robust when disabling a button, triggered by a <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1864515">bug in Firefox 119</a> (fixed in Firefox 124)</li>
<li><a href="frontfire-ui-carousel.html">Carousel</a> plugin: <a href="frontfire-ui-carousel.html#activeItem"><code>activeItem</code></a> property now really returns the element</li>
<li><a href="color.html#Color"><code>Color()</code></a> did not remove its temporary element for color name parsing</li>
<li><a href="frontfire-ui-colorpicker.html#modal">Colour picker modal</a> did not remove its modal content element after closing the modal</li>
<li><a href="frontfire-ui-modal.html#static">Static modal</a> content was not initialised with the <a href="frontfire-core.html#frontfire"><code>.frontfire()</code></a> call</li>
<li><a href="frontfire-ui-selectable.html#select-element">Selectable dropdown</a> was opened when scrolling the page with touch input on the element</li>
<li><a href="frontfire-ui-form.html#spinner">Numeric spinner</a> value was changed when scrolling the page with touch input on a button</li>
<li><a href="frontfire-ui-form.html#repeat-button">Repeat button</a> with text content did not support touch input</li>
<li><a href="frontfire-ui-tabs.html">Tab</a> page was changed when scrolling the page with touch input on a tab header</li>
<li><a href="frontfire-ui-tree.html">Tree</a> reordering of items was not possible with touch input, now dragging items is preferred over vertical scrolling</li>
<li><a href="frontfire-ui-slider.html">Slider</a> value was changed when scrolling the page along the other axis with touch input on the slider element</li>
<li>Resolved warning from <a href="frontfire-core.html#isFirefox"><code>F.isFirefox()</code></a> using a now deprecated feature for browser detection</li>
<li><a href="frontfire-ui-modal.html">Modal</a> plugin: Enter key with Shift key does not trigger the default action anymore to allow line breaks in <code data-lang="html"><textarea></code> inputs</li>
<li><a href="frontfire-ui-message.html#closable">Closable message</a> and <a href="frontfire-ui-notification.html">notification</a> elements were removed after a fixed time instead of after their transition</li>
<li><a href="frontfire-ui-form.html#three-state">Three-state checkbox</a> did not back up an indeterminate state that was set before the plugin was applied, so the next click skipped a state</li>
<li><a href="frontfire-ui-dropdown.html">Dropdown</a> plugin: The dropdown was not removed from the page and the <a href="frontfire-ui-dropdown.html#closed"><code>closed</code></a> event was not triggered when closing it while transitions are disabled, like with reduced motion</li>
<li><a href="frontfire-ui-accordion.html">Accordion</a> plugin: An item that was expanded while transitions are disabled kept the height of its content at that moment and did not grow with its content anymore</li>
<li><a href="frontfire-ui-page.html#dimmer">Background dimmer</a> layer was not removed while transitions are disabled</li>
<li><a href="frontfire-ui-slider.html#ticks-labels">Slider tick labels</a> of horizontal sliders are now centred at their tick and only shifted as far as necessary to keep the text inside the slider, instead of aligning the first and last label with the slider ends</li>
<li><a href="frontfire-core.html#where"><code>Frontfire.where</code></a> called the predicate function with only one argument and ignored <code>thisArg</code>, unlike documented</li>
<li><a href="frontfire-core.html#frontfire"><code>Frontfire.frontfire</code></a> and <a href="frontfire-core.html#autostart"><code>Frontfire.autostart</code></a> raised an error when the selected nodes contain the document, the window or a text node; such nodes are now handled or skipped</li>
</ul>
<h3 class="no-toc">Breaking changes</h3>
<ul>
<li><a href="frontfire-ui-modal.html">Modal</a> plugin: Buttons are no longer centred by default. To horizontally centre the buttons, add the <code class="css-class">center</code> CSS class to the <code data-lang="html"><div class="buttons"></code> element.</li>
<li>The <a href="frontfire-ui-darktheme.html#darkthemechange"><code>darkthemechange</code></a> event is now triggered by Frontfire itself and means that the theme colours have settled. Pages that trigger it themselves must stop doing so, or it arrives twice. The immediate notification, sent as soon as the CSS class is set, is now <a href="frontfire-ui-darktheme.html#darkthemechanging"><code>darkthemechanging</code></a>.</li>
</ul>
<h3 class="no-toc">Changes</h3>
<ul>
<li>ArrayList sorting functions have a defined behaviour for null and undefined values.</li>
<li><a href="frontfire-ui-modal.html#static">F.modal()</a> increases the content width automatically to avoid unnecessary line wrap when a scrollbar is shown</li>
<li><a href="frontfire-core.html#clone"><code>Frontfire.clone</code></a>: Handles content of template elements conveniently</li>
<li><a href="frontfire-ui-gallery.html#last-row-size">Gallery</a> plugin: Improved last row size handling</li>
<li>Renamed <code>Frontfire.sleep</code> to <a href="frontfire-core.html#delay"><code>Frontfire.delay</code></a>, old name kept as alias</li>
<li>A CSS selector in <a href="frontfire-core.html#where"><code>Frontfire.where</code></a> and <a href="frontfire-core.html#matches"><code>Frontfire.matches</code></a> no longer raises an error for nodes that are no Elements, like text nodes; those nodes never match</li>
</ul>
<hr class="double-margin">
<h2 id="v2-0-0">Version 2.0.0</h2>
<p>Released: 2023-06-04</p>
<h3 class="no-toc">New features</h3>
<ul>
<li>Added <a href="frontfire-core.html#isChromeOS"><code>Frontfire.isChromeOS</code></a> method</li>
<li><a href="frontfire-core.html#on"><code>Frontfire.on</code></a> indicates whether this is the immediate handler invocation by setting the <code>isImmediate</code> property.</li>
</ul>
<h3 class="no-toc">Breaking changes</h3>
<ul>
<li>Renamed <code>Frontfire.isMac</code> method to <a href="frontfire-core.html#isMacOS"><code>isMacOS</code></a></li>
</ul>
<h3 class="no-toc">Changes</h3>
<ul>
<li><code class="css-class">dark-invert</code> CSS class is now available for all elements to also support image stripes</li>
<li><a href="frontfire-core.html#visible"><code>Frontfire.visible</code></a> property considers visible replacement elements</li>
<li><a href="frontfire-ui-colorpicker.html">ColorPicker</a> plugin: Circular hue value selection with arrow keys</li>
<li><a href="frontfire-ui-dropdown.html">Dropdown</a> plugin: Prevent wheel scrolling if there is nothing to scroll within the dropdown itself</li>
<li><a href="frontfire-ui-selectable.html">Selectable</a> plugin: Hide invisible original <code data-lang="html"><option></code> elements in the UI</li>
</ul>
<h3 class="no-toc">Bugfixes</h3>
<ul>
<li><a href="frontfire-core.html#moveTo"><code>Frontfire.moveTo</code></a> (used by draggable; then carousel, sortable, timePicker) converted local to document coordinates, resulting in a wrong position</li>
<li><a href="frontfire-ui-dropdown.html">Dropdown</a> opened at the wrong location when setting the <code>fixed</code> option</li>
<li><a href="frontfire-ui-form.html#buttons-link">Link-styled buttons</a> did not show the underlining as normal hyperlinks</li>
</ul>
<hr class="double-margin">
<h2 id="v2-0-0-rc-2">Version 2.0.0-rc.2</h2>
<p>Released: 2023-03-22</p>
<h3 class="no-toc">New features</h3>
<ul>
<li><a href="frontfire-ui-selectable.html">Selectable</a> plugin: items and button are updated on value/text changes in option elements</li>
<li><a href="frontfire-ui-dropdown.html">Dropdown</a> plugin: <code>arrow</code> and related options, 2 new CSS variables for background and border colours, <code>closed</code> event</li>
</ul>
<hr class="double-margin">
<h2 id="v2-0-0-rc-1">Version 2.0.0-rc.1</h2>
<p>Released: 2023-03-10</p>
<h3 class="no-toc">New features</h3>
<ul>
<li><a href="frontfire-ui-carousel.html">Carousel</a> plugin</li>
<li><a href="frontfire-ui-gallery.html">Gallery</a> plugin</li>
<li><a href="frontfire-ui-resizable.html">Resizable</a> plugin</li>
<li>CSS class <code class="css-class">expanded</code> for initially expanded accordion items</li>
<li>Added styling for the <a href="frontfire-ui-typography.html#mark"><code><mark></code> element</a></li>
<li>ToggleSwitch can be applied to an <code data-lang="html"><input type="checkbox"></code> element, also automatically with the <code class="css-class">toggle-switch</code> CSS class</li>
<li>Added <a href="arraylist.html#selectManyRecursive"><code>ArrayList.selectManyRecursive</code></a> method</li>
<li>Added <a href="frontfire-core.html#deleteOptions"><code>Frontfire.deleteOptions</code></a> method</li>
<li>Added <code>deinit()</code> methods for the ColorPicker, Progressbar, Tree and WheelScrolling plugin.</li>
</ul>
<h3 class="no-toc">Breaking changes</h3>
<ul>
<li>AJAX methods <a href="frontfire-core.html#getJSON"><code>F.getJSON</code></a>, <a href="frontfire-core.html#postJSON"><code>F.postJSON</code></a> and <code>F.postForm</code> returned Promise resolves to undefined (instead of null) on error to be able to indicate the JSON value <code>null</code> as response</li>
<li>AJAX method <code>F.postForm</code> renamed to <a href="frontfire-core.html#postFormJSON"><code>F.postFormJSON</code></a> as <a href="frontfire-core.html?s=ajax">more AJAX methods</a> were added</li>
<li>ToggleSwitch plugin method does not return a plugin instance anymore, but can convert multiple elements at once</li>
<li>TreeView plugin renamed to Tree</li>
<li>Layout properties <a href="frontfire-core.html#left"><code>F.left</code></a> and <a href="frontfire-core.html#top"><code>F.top</code></a> do not set the plain CSS property of the same name anymore but the actual position of the element relative to the document. They now only accept numbers as values. The difference is when an element is in a relative-positioned parent that is not at the origin (0/0) of the document.</li>
</ul>
<h3 class="no-toc">Breaking changes since v1</h3>
<ul>
<li>CSS classes <code>gallery-center</code> and <code>gallery-right</code> renamed to <code class="css-class">center</code> and <code class="css-class">right</code></li>
<li>CSS class <code>inverted-indicator</code> of the carousel removed, use the <code class="css-class">dark</code> and <code class="css-class">not-dark</code> theme classes instead</li>
<li>Off-canvas <code>offcanvasopening</code>, <code>offcanvasopen</code>, <code>offcanvasclosing</code>, <code>offcanvasclose</code> events renamed to <a href="frontfire-ui-offcanvas.html#opening"><code>opening</code></a>, <a href="frontfire-ui-offcanvas.html#open"><code>open</code></a>, <a href="frontfire-ui-offcanvas.html#closing"><code>closing</code></a>, <a href="frontfire-ui-offcanvas.html#close-event"><code>close</code></a> (similar to modal)</li>
<li>Removed undocumented styles for <code data-lang="css">nav ul.menu</code>, modify the <a href="frontfire-ui-variables.html?s=@menu">--menu-*</a> CSS variables for that scope instead</li>
<li>The <a href="frontfire-core.html#dropdown"><code>dropdown()</code></a> plugin method no longer accepts the target element as first parameter. Instead, the <a href="frontfire-ui-dropdown.html#options">target property</a> must be set in the options object. This removes the last inconsistency with Frontfire UI plugin methods that now all have a single options parameter. The target can now also be specified as CSS selector string, also from a data-opt HTML attribute.</li>
<li>The <code>remove()</code> method of the Draggable, Resizable and Sortable plugins was renamed to <code>deinit()</code> and should only be called through <a href="frontfire-core.html#deinit"><code>F.deinit()</code></a>.</li>
</ul>
<hr class="double-margin">
<h2 id="v2-0-0-beta-2">Version 2.0.0-beta.2</h2>
<p>Released: 2023-01-05</p>
<h3 class="no-toc">New features</h3>
<ul>
<li><a href="frontfire-ui-accordion.html">Accordion</a> plugin</li>
<li><a href="frontfire-ui-colorpicker.html">ColorPicker/ColorInput</a> plugin, <code>F.colorPickerModal()</code> function</li>
<li><a href="frontfire-ui-timepicker.html">TimePicker</a> plugin</li>
<li>Allow <a href="frontfire-ui-form.html#buttons-icon">svg icons in buttons</a></li>
<li><code>F.value()</code> function for date/time input fields accepts setting a string value instead of a Date instance</li>
<li>More CSS style support for elements with the <code class="css-class">not-dark</code> class (little tested)</li>
<li>CSS class <code class="css-class">indent</code> for accordion contents</li>
<li>Extended/added <a href="frontfire-core.html#scrollIntoView"><code>F.scrollIntoView()</code></a>, <a href="frontfire-core.html#scrollToTop"><code>F.scrollToTop()</code></a> and <a href="frontfire-core.html#scrollToBottom"><code>F.scrollToBottom()</code></a></li>
</ul>
<h3 class="no-toc">Breaking changes</h3>
<ul>
<li>Dropdown and modal color and background properties adapt to the dark theme automatically</li>
<li><code>languageOverride</code> options renamed to <code>language</code> everywhere</li>
</ul>
<h3 class="no-toc">Breaking changes since v1</h3>
<ul>
<li>Colour input fields are used with <code data-lang="html"><input type="text" class="color-picker"></code> instead of <code data-lang="html"><input type="color"></code></li>
<li>Accordion icons are enabled by default (can be hidden with the <code class="css-class">no-icons</code> CSS class) and fixed (no different icon styles anymore, same as in Tree);<br>
CSS classes <code>plusminus</code>, <code>plusminus-right</code>, <code>sidearrows</code>, <code>sidearrows-right</code>, <code>updownarrows</code> and <code>updownarrows-right</code> removed</li>
</ul>
<hr class="double-margin">
<h2 id="v2-0-0-beta-1">Version 2.0.0-beta.1</h2>
<p>Released: 2022-11-13</p>
<h3 class="no-toc">New features since v1</h3>
<ul>
<li>ColorPicker plugin</li>
<li>Notification plugin</li>
<li>ToggleSwitch plugin</li>
<li>Tree plugin</li>
<li>OffCanvas animation events</li>
<li>Several little enhancements and new methods</li>
</ul>
<h3 class="no-toc">Missing from v1</h3>
<ul>
<li>Accordion (planned for beta 2 – done)</li>
<li>Carousel (planned for 2.0 – done)</li>
<li>ColorPicker on form field (planned for beta 2 – done)</li>
<li>Gallery (planned for 2.0 – done)</li>
<li>Resizable (planned for 2.0 – done)</li>
<li>TimePicker (planned for beta 2 – done)</li>
</ul>
<h3 class="no-toc">Breaking changes since v1</h3>
<ul>
<li>Internet Explorer and Classic Edge are no longer supported (haven’t been tested lately anyway)</li>
<li>jQuery calls replaced by Frontfire, mostly just use <code>F()</code> instead of <code>$()</code></li>
<li>Sass variables replaced by CSS variables, no need to recompile to customise</li>
<li>The <code>data-opt</code> attribute syntax has changed from jQuery-parsed relaxed JSON to a <a href="frontfire-ui-options.html#data-opt">new CSS-like notation</a>. Complex values may not be supported anymore or harder to write.</li>
<li>CSS class <code class="css-class">page-width</code> is always width-limited, for full width the class <code class="css-class">full-page-width</code> must be used</li>
<li>Hyperlinks are underlined again (except when hovered), customise with the <code class="css-var">--link-text-decoration</code> and <code class="css-var">--link-hover-text-decoration</code> CSS variables</li>
<li>CSS classes of messages (<code class="css-class">critical</code>, <code class="css-class">error</code>, <code class="css-class">warning</code>, <code class="css-class">information</code>, <code class="css-class">success</code>) must be used together with <code class="css-class">message</code></li>
<li>CSS class <code>wide</code> for <code data-lang="html"><hr></code> replaced with <code class="css-class">double-margin</code></li>
<li>CSS classes <code>left-align</code> and <code>right-align</code> renamed to <code class="css-class">left</code> and <code class="css-class">right</code></li>
<li>CSS classes <code>nowrap-require-*</code> replaced by combination of <code class="css-class">nowrap</code> and <code>require-*</code></li>
<li>CSS class <code>inverted</code> (with <code class="css-class">loading</code>) removed, use dark theme instead</li>
<li><code data-lang="html"><a></code> within <code data-lang="html"><div class="buttons"></code> is no longer a button, add the <code class="css-class">button</code> class explicitly</li>
<li>JavaScript <code>frontfire()</code> method with arguments indicating autostart mode must be replaced with the separate <a href="frontfire-core.html#modal"><code>autostart()</code></a> method without arguments.</li>
<li>JavaScript <a href="frontfire-core.html#modal"><code>F.modal()</code></a> returns Promise instead of accepting a resultHandler option.</li>
<li>Modal and off-canvas option <code>cancellable</code> renamed to <code>cancelable</code> (US spelling, as in DOM events API)</li>
<li>JavaScript <code>F.updateLastColumn()</code> renamed to <a href="frontfire-core.html#updateFirstLastColumn"><code>updateFirstLastColumn()</code></a></li>
<li>The <code>step</code> or <code>data-step</code> attribute of <code data-lang="html"><input type="number"></code> elements cannot contain values like "*10" anymore, the step factor must be specified in the <a href="frontfire-ui-form.html#spinner-step-factor"><code>data-step-factor</code></a> attribute.</li>
<li>CSS class <code>white-margin</code> renamed to <code class="css-class">white-border</code></li>
<li>Multiple adjacent buttons in a <code class="css-class">segmented-input</code> element must be grouped in an additional <code data-lang="html"><span class="group"></code> to keep their separator lines.</li>
<li>CSS class <code>no-autostart</code> renamed to <code class="css-class">no-frontfire</code></li>
<li>Dropdown method <a href="frontfire-ui-dropdown.html#isOpen"><code>isOpen</code></a> is now a property</li>
<li>Dropdown <code>dropdownclose</code> event renamed to <a href="frontfire-ui-dropdown.html#closing"><code>closing</code></a> in contexts where it is cancellable and <a href="frontfire-ui-dropdown.html#close-event"><code>close</code></a> for the final event (the second one is always triggered)</li>
<li>Selectable methods <code>addChild</code> and <code>removeChild</code> removed, not needed anymore</li>
<li>Selectable event <code>selectionchange</code> renamed to <code>change</code> (as for native input fields)</li>
<li>Selectable option <code>allowEmpty</code> renamed to <code>required</code> (similar to HTML), now negated value</li>
<li>Disabled dropdown menu items need the <code>disabled</code> attribute on the <code data-lang="html"><a></code> child element instead of the <code data-lang="html"><li></code> element.</li>
<li>Progressbar event <code>valuechange</code> renamed to <a href="frontfire-ui-progressbar.html#change"><code>change</code></a></li>
<li>Progressbar methods <code>value</code>, <code>valuePrefix</code> and <code>valueSuffix</code> are now <a href="frontfire-ui-progressbar.html#properties">properties</a></li>
<li>Tabs methods <a href="frontfire-ui-tabs.html#activeTab"><code>activeTab</code></a> and <a href="frontfire-ui-tabs.html#pages"><code>pages</code></a> are now properties</li>
<li>Tabs property <a href="frontfire-ui-tabs.html#activeTab"><code>activeTab</code></a> can only handle page nodes, use <a href="frontfire-ui-tabs.html#activeTabIndex"><code>activeTabIndex</code></a> to use page index numbers.</li>
<li>Sortable method <code>addChild</code> removed, not needed anymore</li>
<li>Slider event <code>valuechange</code> renamed to <a href="frontfire-ui-slider.html#change"><code>change</code></a></li>
<li>CSS class <code>dark</code> for <code data-lang="html"><a|div class="image-overlay-text"></code> renamed to <code class="css-class">invert</code></li>
<li>Off-canvas option <code>push</code> renamed to <code>pushFactor</code></li>
</ul>
</main>
<footer class="full-page-width">
Copyright © 2022–2023, Yves Goergen, <a href="https://ygoe.de">ygoe.de</a><br>
All rights reserved. See the licence notes.
</footer>
<script src="../src/js/build/frontfire-ui-complete-singlefile.min.js"></script>
<script src="res/doc.js"></script>
</body>
</html>