Update tags for the code examples in the guides that include a TS ver…

…sion

docs/content/guides/accessories-and-menus/export-to-csv/export-to-csv.md

@@ -29,7 +29,7 @@ Mind that CSV exports contain only raw data, and don't include formulas, styling
 
 ::: only-for javascript
 
-::: example #example1 --html 1 --js 2
+::: example #example1 --html 1 --js 2 --ts 3
 
 @[code](@/content/guides/accessories-and-menus/export-to-csv/javascript/example1.html)
 @[code](@/content/guides/accessories-and-menus/export-to-csv/javascript/example1.js)
@@ -56,7 +56,7 @@ Open a console in browser developer tools to see the result for the below exampl
 
 ::: only-for javascript
 
-::: example #example2 --html 1 --js 2
+::: example #example2 --html 1 --js 2 --ts 3
 
 @[code](@/content/guides/accessories-and-menus/export-to-csv/javascript/example2.html)
 @[code](@/content/guides/accessories-and-menus/export-to-csv/javascript/example2.js)
@@ -82,7 +82,7 @@ Open a console in browser developer tools to see the result for the below exampl
 
 ::: only-for javascript
 
-::: example #example3 --html 1 --js 2
+::: example #example3 --html 1 --js 2 --ts 3
 
 @[code](@/content/guides/accessories-and-menus/export-to-csv/javascript/example3.html)
 @[code](@/content/guides/accessories-and-menus/export-to-csv/javascript/example3.js)

docs/content/guides/accessories-and-menus/undo-redo/undo-redo.md

@@ -40,7 +40,7 @@ Make some changes to the grid below and the use the <kbd>**Ctrl**</kbd>/<kbd>**C
 
 ::: only-for javascript
 
-::: example #example
+::: example #example --js 1 --ts 3
 
 @[code](@/content/guides/accessories-and-menus/undo-redo/javascript/example.js)
 @[code](@/content/guides/accessories-and-menus/undo-redo/javascript/example.ts)

docs/content/guides/cell-features/autofill-values/autofill-values.md

@@ -32,7 +32,7 @@ Using the tiny square known as the 'fill handle' in the corner of the selected c
 
 ::: only-for javascript
 
-::: example #example1
+::: example #example1 --js 1 --ts 3
 
 @[code](@/content/guides/cell-features/autofill-values/javascript/example1.js)
 @[code](@/content/guides/cell-features/autofill-values/javascript/example1.ts)
@@ -57,7 +57,7 @@ In this configuration, the fill handle is restricted to move only vertically. Ne
 
 ::: only-for javascript
 
-::: example #example2
+::: example #example2 --js 1 --ts 3
 
 @[code](@/content/guides/cell-features/autofill-values/javascript/example2.js)
 @[code](@/content/guides/cell-features/autofill-values/javascript/example2.ts)

docs/content/guides/cell-features/clipboard/clipboard.md

@@ -55,7 +55,7 @@ You can use them in the same way as the rest of the predefined items in the [con
 
 ::: only-for javascript
 
-::: example #example1
+::: example #example1 --js 1 --ts 3
 
 @[code](@/content/guides/cell-features/clipboard/javascript/example1.js)
 @[code](@/content/guides/cell-features/clipboard/javascript/example1.ts)
@@ -103,7 +103,7 @@ The [`CopyPaste`](@/api/copyPaste.md) plugin listens to the browser's `copy` and
 
 ::: only-for javascript
 
-::: example #example3 --html 1 --js 2
+::: example #example3 --html 1 --js 2 --ts 3
 
 @[code](@/content/guides/cell-features/clipboard/javascript/example3.html)
 
@@ -151,7 +151,7 @@ Right-click on a cell to try it out:
 
 ::: only-for javascript
 
-::: example #example2
+::: example #example2 --js 1 --ts 3
 
 @[code](@/content/guides/cell-features/clipboard/javascript/example2.js)
 @[code](@/content/guides/cell-features/clipboard/javascript/example2.ts)

docs/content/guides/cell-features/comments/comments.md

@@ -92,7 +92,7 @@ In this example, the comment "Hello world!" is added to the cell at `(1,1)`.
 
 ::: only-for javascript
 
-::: example #example1
+::: example #example1 --js 1 --ts 3
 
 @[code](@/content/guides/cell-features/comments/javascript/example1.js)
 @[code](@/content/guides/cell-features/comments/javascript/example1.ts)
@@ -117,7 +117,7 @@ By default, all comments are editable. To change this, set the [`readOnly`](@/ap
 
 ::: only-for javascript
 
-::: example #example2
+::: example #example2 --js 1 --ts 3
 
 @[code](@/content/guides/cell-features/comments/javascript/example2.js)
 @[code](@/content/guides/cell-features/comments/javascript/example2.ts)
@@ -142,7 +142,7 @@ To set the width and height of a comment box, use the [`style`](@/api/options.md
 
 ::: only-for javascript
 
-::: example #example3
+::: example #example3 --js 1 --ts 3
 
 @[code](@/content/guides/cell-features/comments/javascript/example3.js)
 @[code](@/content/guides/cell-features/comments/javascript/example3.ts)
@@ -167,7 +167,7 @@ To display comments after a pre-configured time delay, use the [`displayDelay`](
 
 ::: only-for javascript
 
-::: example #example4
+::: example #example4 --js 1 --ts 3
 
 @[code](@/content/guides/cell-features/comments/javascript/example4.js)
 @[code](@/content/guides/cell-features/comments/javascript/example4.ts)

docs/content/guides/cell-features/conditional-formatting/conditional-formatting.md

@@ -33,7 +33,7 @@ This demo shows how to use the cell type renderer feature to make some condition
 
 ::: only-for javascript
 
-::: example #example1 --css 1 --js 2
+::: example #example1 --css 1 --js 2 --ts 3
 
 @[code](@/content/guides/cell-features/conditional-formatting/javascript/example1.css)
 

docs/content/guides/cell-features/disabled-cells/disabled-cells.md

@@ -41,7 +41,7 @@ You can make the entire grid read-only by setting [`readOnly`](@/api/options.md#
 
 ::: only-for javascript
 
-::: example #exampleReadOnlyGrid
+::: example #exampleReadOnlyGrid --js 1 --ts 3
 
 @[code](@/content/guides/cell-features/disabled-cells/javascript/exampleReadOnlyGrid.js)
 @[code](@/content/guides/cell-features/disabled-cells/javascript/exampleReadOnlyGrid.ts)
@@ -68,7 +68,7 @@ To make a column read-only, declare it in the [`columns`](@/api/options.md#colum
 
 ::: only-for javascript
 
-::: example #example1
+::: example #example1 --js 1 --ts 3
 
 @[code](@/content/guides/cell-features/disabled-cells/javascript/example1.js)
 @[code](@/content/guides/cell-features/disabled-cells/javascript/example1.ts)
@@ -93,7 +93,7 @@ This example makes cells that contain the word "Nissan" read-only. It forces all
 
 ::: only-for javascript
 
-::: example #example2
+::: example #example2 --js 1 --ts 3
 
 @[code](@/content/guides/cell-features/disabled-cells/javascript/example2.js)
 @[code](@/content/guides/cell-features/disabled-cells/javascript/example2.ts)
@@ -122,7 +122,7 @@ To make a column non-editable, declare it in the [`columns`](@/api/options.md#co
 
 ::: only-for javascript
 
-::: example #example3
+::: example #example3 --js 1 --ts 3
 
 @[code](@/content/guides/cell-features/disabled-cells/javascript/example3.js)
 @[code](@/content/guides/cell-features/disabled-cells/javascript/example3.ts)
@@ -147,7 +147,7 @@ The following example shows the table with non-editable cells containing the wor
 
 ::: only-for javascript
 
-::: example #example4
+::: example #example4 --js 1 --ts 3
 
 @[code](@/content/guides/cell-features/disabled-cells/javascript/example4.js)
 @[code](@/content/guides/cell-features/disabled-cells/javascript/example4.ts)

docs/content/guides/cell-features/formatting-cells/formatting-cells.md

@@ -31,7 +31,7 @@ In this example, we add a custom class `custom-cell` to the cell in the top left
 
 ::: only-for javascript
 
-::: example #example1 --css 1 --js 2
+::: example #example1 --css 1 --js 2 --ts 3
 
 @[code](@/content/guides/cell-features/formatting-cells/javascript/example1.css)
 
@@ -60,7 +60,7 @@ You can apply inline styles directly to the DOM element using its `style` proper
 
 ::: only-for javascript
 
-::: example #example2
+::: example #example2 --js 1 --ts 3
 
 @[code](@/content/guides/cell-features/formatting-cells/javascript/example2.js)
 @[code](@/content/guides/cell-features/formatting-cells/javascript/example2.ts)
@@ -89,7 +89,7 @@ In the names of the API properties, the words `start` and `end` refer to the sta
 
 ::: only-for javascript
 
-::: example #example3
+::: example #example3 --js 1 --ts 3
 
 @[code](@/content/guides/cell-features/formatting-cells/javascript/example3.js)
 @[code](@/content/guides/cell-features/formatting-cells/javascript/example3.ts)

docs/content/guides/cell-features/merge-cells/merge-cells.md

@@ -46,7 +46,7 @@ To initialize Handsontable with predefined merged cells, provide merged cells de
 
 ::: only-for javascript
 
-::: example #example1
+::: example #example1 --js 1 --ts 3
 
 @[code](@/content/guides/cell-features/merge-cells/javascript/example1.js)
 @[code](@/content/guides/cell-features/merge-cells/javascript/example1.ts)

docs/content/guides/cell-features/selection/selection.md

@@ -43,7 +43,7 @@ Possible values of [`selectionMode`](@/api/options.md#selectionmode):
 
 ::: only-for javascript
 
-::: example #example1 --html 1 --js 2
+::: example #example1 --html 1 --js 2 --ts 3
 
 @[code](@/content/guides/cell-features/selection/javascript/example1.html)
 @[code](@/content/guides/cell-features/selection/javascript/example1.js)
@@ -69,7 +69,7 @@ To retrieve the selected cells as an array of arrays, you use the [`getSelected(
 
 ::: only-for javascript
 
-::: example #example2 --html 1 --js 2
+::: example #example2 --html 1 --js 2 --ts 3
 
 @[code](@/content/guides/cell-features/selection/javascript/example2.html)
 @[code](@/content/guides/cell-features/selection/javascript/example2.js)
@@ -95,7 +95,7 @@ You may want to delete, format, or otherwise change the selected cells. For exam
 
 ::: only-for javascript
 
-::: example #example3 --html 1 --css 2 --js 3
+::: example #example3 --html 1 --css 2 --js 3 --ts 4
 
 @[code](@/content/guides/cell-features/selection/javascript/example3.html)
 @[code](@/content/guides/cell-features/selection/javascript/example3.css)

docs/content/guides/cell-features/text-alignment/text-alignment.md

@@ -53,7 +53,7 @@ The following code sample configures the grid to use `htCenter` and configures i
 
 ::: only-for javascript
 
-::: example #example1
+::: example #example1 --js 1 --ts 3
 
 @[code](@/content/guides/cell-features/text-alignment/javascript/example1.js)
 @[code](@/content/guides/cell-features/text-alignment/javascript/example1.ts)

docs/content/guides/cell-functions/cell-renderer/cell-renderer.md

@@ -296,7 +296,7 @@ This example shows how to use custom cell renderers to display HTML content in a
 
 ::: only-for javascript
 
-::: example #example4
+::: example #example4 --js 1 --ts 3
 
 @[code](@/content/guides/cell-functions/cell-renderer/javascript/example4.js)
 @[code](@/content/guides/cell-functions/cell-renderer/javascript/example4.ts)
@@ -331,7 +331,7 @@ You can also put HTML into row and column headers. If you need to attach events
 
 ::: only-for javascript
 
-::: example #example5 --js 2 --html 1
+::: example #example5 --js 2 --ts 3 --html 1
 
 @[code](@/content/guides/cell-functions/cell-renderer/javascript/example5.html)
 @[code](@/content/guides/cell-functions/cell-renderer/javascript/example5.js)

docs/content/guides/cell-functions/cell-validator/cell-validator.md

@@ -165,7 +165,7 @@ Callback console log:
 
 ::: only-for javascript
 
-::: example #example1 --js 2 --html 1
+::: example #example1 --js 2 --ts 3 --html 1
 
 @[code](@/content/guides/cell-functions/cell-validator/javascript/example1.html)
 @[code](@/content/guides/cell-functions/cell-validator/javascript/example1.js)

docs/content/guides/cell-types/autocomplete-cell-type/autocomplete-cell-type.md

@@ -68,7 +68,7 @@ In strict mode, the [`allowInvalid`](@/api/options.md#allowinvalid) option deter
 
 ::: only-for javascript
 
-::: example #example2 --js 1 --css 2
+::: example #example2 --js 1 --ts 2 --css 3
 
 @[code](@/content/guides/cell-types/autocomplete-cell-type/javascript/example2.js)
 @[code](@/content/guides/cell-types/autocomplete-cell-type/javascript/example2.ts)
@@ -95,7 +95,7 @@ Autocomplete can also be used with Ajax data sources. In the example below, sugg
 
 ::: only-for javascript
 
-::: example #example3 --js 1 --css 2
+::: example #example3 --js 1 --ts 2 --css 3
 
 @[code](@/content/guides/cell-types/autocomplete-cell-type/javascript/example3.js)
 @[code](@/content/guides/cell-types/autocomplete-cell-type/javascript/example3.ts)

docs/content/guides/cell-types/cell-type/cell-type.md

@@ -426,7 +426,7 @@ The example below shows some of the built-in cell types, i.e. combinations of ce
 
 ::: only-for javascript
 
-::: example #example1
+::: example #example1 --js 1 --ts 3
 
 @[code](@/content/guides/cell-types/cell-type/javascript/example1.js)
 @[code](@/content/guides/cell-types/cell-type/javascript/example1.ts)
@@ -458,7 +458,7 @@ Please keep in mind that opening a cell with `undefined` and `null` values resul
 
 ::: only-for javascript
 
-::: example #example2
+::: example #example2 --js 1 --ts 3
 
 @[code](@/content/guides/cell-types/cell-type/javascript/example2.js)
 @[code](@/content/guides/cell-types/cell-type/javascript/example2.ts)

docs/content/guides/cell-types/checkbox-cell-type/checkbox-cell-type.md

@@ -34,7 +34,7 @@ This is the default usage scenario where column data has a `true` or `false` val
 
 ::: only-for javascript
 
-::: example #example1
+::: example #example1 --js 1 --ts 3
 
 @[code](@/content/guides/cell-types/checkbox-cell-type/javascript/example1.js)
 @[code](@/content/guides/cell-types/checkbox-cell-type/javascript/example1.ts)
@@ -59,7 +59,7 @@ If you want to use values other than `true` and `false`, you have to provide thi
 
 ::: only-for javascript
 
-::: example #example2
+::: example #example2 --js 1 --ts 3
 
 @[code](@/content/guides/cell-types/checkbox-cell-type/javascript/example2.js)
 @[code](@/content/guides/cell-types/checkbox-cell-type/javascript/example2.ts)
@@ -84,7 +84,7 @@ To add a label to the checkbox, use the [`label`](@/api/options.md#label) option
 
 ::: only-for javascript
 
-::: example #example3
+::: example #example3 --js 1 --ts 3
 
 @[code](@/content/guides/cell-types/checkbox-cell-type/javascript/example3.js)
 @[code](@/content/guides/cell-types/checkbox-cell-type/javascript/example3.ts)

docs/content/guides/cell-types/date-cell-type/date-cell-type.md

@@ -100,7 +100,7 @@ Click on one of the ▼ icons to open an interactive date editor.
 
 ::: only-for javascript
 
-::: example #example1
+::: example #example1 --js 1 --ts 3
 
 @[code](@/content/guides/cell-types/date-cell-type/javascript/example1.js)
 @[code](@/content/guides/cell-types/date-cell-type/javascript/example1.ts)

docs/content/guides/cell-types/handsontable-cell-type/handsontable-cell-type.md

@@ -42,7 +42,7 @@ While HOT-in-HOT is opened, the text field above the HOT-in-HOT remains focused
 
 ::: only-for javascript
 
-::: example #example1 --js 1 --css 2
+::: example #example1 --js 1 --ts 2 --css 3
 
 @[code](@/content/guides/cell-types/handsontable-cell-type/javascript/example1.js)
 @[code](@/content/guides/cell-types/handsontable-cell-type/javascript/example1.ts)

docs/content/guides/cell-types/password-cell-type/password-cell-type.md

@@ -24,7 +24,7 @@ The password cell type behaves like a text cell, the only difference being that
 
 ::: only-for javascript
 
-::: example #example1
+::: example #example1 --js 1 --ts 3
 
 @[code](@/content/guides/cell-types/password-cell-type/javascript/example1.js)
 @[code](@/content/guides/cell-types/password-cell-type/javascript/example1.ts)
@@ -49,7 +49,7 @@ By default, every hash has a length equal to the length of its corresponding val
 
 ::: only-for javascript
 
-::: example #example2
+::: example #example2 --js 1 --ts 3
 
 @[code](@/content/guides/cell-types/password-cell-type/javascript/example2.js)
 @[code](@/content/guides/cell-types/password-cell-type/javascript/example2.ts)
@@ -74,7 +74,7 @@ By default, every hash consists of asterisks `*`. Use the option `hashSymbol` to
 
 ::: only-for javascript
 
-::: example #example3
+::: example #example3 --js 1 --ts 3
 
 @[code](@/content/guides/cell-types/password-cell-type/javascript/example3.js)
 @[code](@/content/guides/cell-types/password-cell-type/javascript/example3.ts)

docs/content/guides/cell-types/select-cell-type/select-cell-type.md

@@ -28,7 +28,7 @@ The select editor should be considered an example of how to write editors rather
 
 ::: only-for javascript
 
-::: example #example1
+::: example #example1 --js 1 --ts 3
 
 @[code](@/content/guides/cell-types/select-cell-type/javascript/example1.js)
 @[code](@/content/guides/cell-types/select-cell-type/javascript/example1.ts)

docs/content/guides/cell-types/time-cell-type/time-cell-type.md

@@ -39,7 +39,7 @@ By default, the values entered into the time-type column are not validated, so i
 
 ::: only-for javascript
 
-::: example #example1
+::: example #example1 --js 1 --ts 3
 
 @[code](@/content/guides/cell-types/time-cell-type/javascript/example1.js)
 @[code](@/content/guides/cell-types/time-cell-type/javascript/example1.ts)