Skip to content

Commit 458a0e4

Browse files
sequbasequba
authored
Merging develop -> master to deploy new version of documentation (#1416)
* Convert angular demo to stackblitz to fix no-automatic-preview codesandbox issue (#1405) * Convert all demos to Stackblitz to prevent the auto-scrolling glitch (#1415) * Convert basic operations demo to Stackblitz * Convert all the demos in the guides to Stackblitz * Set iframe height to 590px for all stackblitz demos
1 parent 0ebc875 commit 458a0e4

17 files changed

+35
-85
lines changed

‎docs/guide/advanced-usage.md‎

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -122,9 +122,6 @@ console.log(winningTeam)
122122
## Demo
123123

124124
<iframe
125-
:src="`https://codesandbox.io/embed/github/handsontable/hyperformula-demos/tree/2.7.x/advanced-usage?autoresize=1&fontsize=11&hidenavigation=1&theme=light&view=preview&v=${$page.buildDateURIEncoded}`"
126-
style="width:100%; height:1070px; border:0; border-radius: 4px; overflow:hidden;"
127-
title="handsontable/hyperformula-demos: advanced-usage"
128-
allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
129-
sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts">
125+
:src="`https://stackblitz.com/github/handsontable/hyperformula-demos/tree/2.7.x/advanced-usage?embed=1&file=src/hyperformulaConfig.js&hideNavigation=1&view=preview&v=${$page.buildDateURIEncoded}`"
126+
style="width:100%; height:590px; border:0; border-radius: 4px; overflow:hidden;">
130127
</iframe>

‎docs/guide/basic-operations.md‎

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -407,9 +407,6 @@ This demo presents several basic operations integrated with a
407407
sample UI.
408408

409409
<iframe
410-
:src="`https://codesandbox.io/embed/github/handsontable/hyperformula-demos/tree/2.7.x/basic-operations?autoresize=1&fontsize=11&hidenavigation=1&theme=light&view=preview&v=${$page.buildDateURIEncoded}`"
411-
style="width:100%; height:1070px; border:0; border-radius: 4px; overflow:hidden;"
412-
title="handsontable/hyperformula-demos: basic-operations"
413-
allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
414-
sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts">
410+
:src="`https://stackblitz.com/github/handsontable/hyperformula-demos/tree/2.7.x/basic-operations?embed=1&file=src/hyperformulaConfig.js&hideNavigation=1&view=preview&v=${$page.buildDateURIEncoded}`"
411+
style="width:100%; height:590px; border:0; border-radius: 4px; overflow:hidden;">
415412
</iframe>

‎docs/guide/basic-usage.md‎

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -65,9 +65,6 @@ works. It's time to move on to a more
6565
## Demo
6666

6767
<iframe
68-
:src="`https://codesandbox.io/embed/github/handsontable/hyperformula-demos/tree/2.7.x/basic-usage?autoresize=1&fontsize=11&hidenavigation=1&theme=light&view=preview&v=${$page.buildDateURIEncoded}`"
69-
style="width:100%; height:1070px; border:0; border-radius: 4px; overflow:hidden;"
70-
title="handsontable/hyperformula-demos: basic-usage"
71-
allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
72-
sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts">
68+
:src="`https://stackblitz.com/github/handsontable/hyperformula-demos/tree/2.7.x/basic-usage?embed=1&file=src/hyperformulaConfig.js&hideNavigation=1&view=preview&v=${$page.buildDateURIEncoded}`"
69+
style="width:100%; height:590px; border:0; border-radius: 4px; overflow:hidden;">
7370
</iframe>

‎docs/guide/batch-operations.md‎

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -124,9 +124,6 @@ The [paste](../api/classes/hyperformula.md#paste) method also can't be called wh
124124
## Demo
125125

126126
<iframe
127-
:src="`https://codesandbox.io/embed/github/handsontable/hyperformula-demos/tree/2.7.x/batch-operations?autoresize=1&fontsize=11&hidenavigation=1&theme=light&view=preview&v=${$page.buildDateURIEncoded}`"
128-
style="width:100%; height:1070px; border:0; border-radius: 4px; overflow:hidden;"
129-
title="handsontable/hyperformula-demos: batch-operations"
130-
allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
131-
sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts">
127+
:src="`https://stackblitz.com/github/handsontable/hyperformula-demos/tree/2.7.x/batch-operations?embed=1&file=src/hyperformulaConfig.js&hideNavigation=1&view=preview&v=${$page.buildDateURIEncoded}`"
128+
style="width:100%; height:590px; border:0; border-radius: 4px; overflow:hidden;">
132129
</iframe>

‎docs/guide/clipboard-operations.md‎

Lines changed: 3 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -113,9 +113,6 @@ Depending on what was cut, the data is stored as:
113113
## Demo
114114

115115
<iframe
116-
:src="`https://codesandbox.io/embed/github/handsontable/hyperformula-demos/tree/2.7.x/clipboard-operations?autoresize=1&fontsize=11&hidenavigation=1&theme=light&view=preview&v=${$page.buildDateURIEncoded}`"
117-
style="width:100%; height:1070px; border:0; border-radius: 4px; overflow:hidden;"
118-
title="handsontable/hyperformula-demos: clipboard-operations"
119-
allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
120-
sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts">
121-
</iframe>
116+
:src="`https://stackblitz.com/github/handsontable/hyperformula-demos/tree/2.7.x/clipboard-operations?embed=1&file=src/hyperformulaConfig.js&hideNavigation=1&view=preview&v=${$page.buildDateURIEncoded}`"
117+
style="width:100%; height:590px; border:0; border-radius: 4px; overflow:hidden;">
118+
</iframe>

‎docs/guide/custom-functions.md‎

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -363,11 +363,8 @@ This demo contains the implementation of both the
363363
[`DOUBLE_RANGE`](#advanced-custom-function-example) custom functions.
364364
365365
<iframe
366-
:src="`https://codesandbox.io/embed/github/handsontable/hyperformula-demos/tree/2.7.x/custom-functions?autoresize=1&fontsize=11&hidenavigation=1&theme=light&view=preview&v=${$page.buildDateURIEncoded}`"
367-
style="width:100%; height:1070px; border:0; border-radius: 4px; overflow:hidden;"
368-
title="handsontable/hyperformula-demos: custom-functions"
369-
allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
370-
sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts">
366+
:src="`https://stackblitz.com/github/handsontable/hyperformula-demos/tree/2.7.x/custom-functions?embed=1&file=src/hyperformulaConfig.js&hideNavigation=1&view=preview&v=${$page.buildDateURIEncoded}`"
367+
style="width:100%; height:590px; border:0; border-radius: 4px; overflow:hidden;">
371368
</iframe>
372369

373370
## Function options

‎docs/guide/date-and-time-handling.md‎

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -99,9 +99,6 @@ And now, HyperFormula recognizes these values as valid dates and can operate on
9999
## Demo
100100

101101
<iframe
102-
:src="`https://codesandbox.io/embed/github/handsontable/hyperformula-demos/tree/2.7.x/date-time?autoresize=1&fontsize=11&hidenavigation=1&theme=light&view=preview&v=${$page.buildDateURIEncoded}`"
103-
style="width:100%; height:1070px; border:0; border-radius: 4px; overflow:hidden;"
104-
title="handsontable/hyperformula-demos: date-time"
105-
allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
106-
sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts">
102+
:src="`https://stackblitz.com/github/handsontable/hyperformula-demos/tree/2.7.x/date-time?embed=1&file=src/hyperformulaConfig.js&hideNavigation=1&view=preview&v=${$page.buildDateURIEncoded}`"
103+
style="width:100%; height:590px; border:0; border-radius: 4px; overflow:hidden;">
107104
</iframe>

‎docs/guide/demo.md‎

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,8 @@
11
# Demo
22

33
<iframe
4-
:src="`https://codesandbox.io/embed/github/handsontable/hyperformula-demos/tree/2.7.x/vanillajs-demo?autoresize=1&fontsize=11&hidenavigation=1&theme=light&view=preview&v=${$page.buildDateURIEncoded}`"
5-
style="width:100%; height:1070px; margin-bottom: 50px; border:0; border-radius: 4px; overflow:hidden;"
6-
title="handsontable/hyperformula-demos: vanillajs-demo"
7-
allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
8-
sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts">
4+
:src="`https://stackblitz.com/github/handsontable/hyperformula-demos/tree/2.7.x/vanillajs-demo?embed=1&file=src/hyperformulaConfig.js&hideNavigation=1&view=preview&v=${$page.buildDateURIEncoded}`"
5+
style="width:100%; height:590px; border:0; border-radius: 4px; overflow:hidden;">
96
</iframe>
107

118
In this demo, you can see how HyperFormula handles basic operations by using API methods, such as:

‎docs/guide/i18n-features.md‎

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -106,9 +106,6 @@ localeLang: 'en-US',
106106
This demo shows HyperFormula configured for the `en-US` locale.
107107

108108
<iframe
109-
:src="`https://codesandbox.io/embed/github/handsontable/hyperformula-demos/tree/2.7.x/i18n?autoresize=1&fontsize=11&hidenavigation=1&theme=light&view=preview&v=${$page.buildDateURIEncoded}`"
110-
style="width:100%; height:1070px; border:0; border-radius: 4px; overflow:hidden;"
111-
title="handsontable/hyperformula-demos: basic-operations"
112-
allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
113-
sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts">
109+
:src="`https://stackblitz.com/github/handsontable/hyperformula-demos/tree/2.7.x/i18n?embed=1&file=src/hyperformulaConfig.js&hideNavigation=1&view=preview&v=${$page.buildDateURIEncoded}`"
110+
style="width:100%; height:590px; border:0; border-radius: 4px; overflow:hidden;">
114111
</iframe>

‎docs/guide/integration-with-angular.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,5 +8,5 @@ For more details, see the [client-side installation](client-side-installation.md
88

99
<iframe
1010
:src="`https://stackblitz.com/github/handsontable/hyperformula-demos/tree/2.7.x/angular-demo?embed=1&file=src/app/employees/employees.helper.ts&hideNavigation=1&view=preview&v=${$page.buildDateURIEncoded}`"
11-
style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;">
11+
style="width:100%; height:590px; border:0; border-radius: 4px; overflow:hidden;">
1212
</iframe>

0 commit comments

Comments
 (0)