diff --git a/rollup.config.js b/rollup.config.js index 55c899d8..b41361bc 100644 --- a/rollup.config.js +++ b/rollup.config.js @@ -17,12 +17,4 @@ export default [ }, plugins: [resolve()] }, - { - input: 'site/bootstrap.js', - output: { - file: 'site/dist/bootstrap-bundle.js', - format: 'iife' - }, - plugins: [resolve()] - }, ]; diff --git a/site/bootstrap.html b/site/bootstrap.html index a18c5712..18e0cca9 100644 --- a/site/bootstrap.html +++ b/site/bootstrap.html @@ -3,114 +3,109 @@ Ladda: Bootstrap compatibility test - - + - +
-

Ladda Bootstrap test

+

Ladda Bootstrap 5 test

-
+

expand-left

- +
-
+

expand-right

- +
-
+

expand-up

- +
-
+

expand-down

- +
-
+

zoom-in

- +
-
+

zoom-out

- +
-
+

slide-left

- +
-
+

slide-right

- +
-
+

slide-up

- +
-
+

slide-down

- +

Built-in progress bar

expand-right

- +

contract

- +

Sizes

-
-

Extra Small

- -
-

Small

- +

Large

- +

Buttons in forms containing required inputs

-
-
- + +
+
-
- +
+
- + diff --git a/site/bootstrap.js b/site/bootstrap.js deleted file mode 100644 index 1a3be525..00000000 --- a/site/bootstrap.js +++ /dev/null @@ -1,30 +0,0 @@ -import * as Ladda from '../js/ladda.js'; - -// Bind normal buttons -Ladda.bind('section:not(.progress-demo) button', { timeout: 2000 }); - -// Bind progress buttons and simulate loading progress -Ladda.bind('section.progress-demo button', { - callback: function (instance) { - var progress = 0; - var interval = setInterval(function () { - progress = Math.min(progress + Math.random() * 0.1, 1); - instance.setProgress(progress); - - if (progress === 1) { - instance.stop(); - clearInterval(interval); - } - }, 200); - } -}); - -// You can control loading explicitly using the JavaScript API -// as outlined below: - -// var l = Ladda.create( document.querySelector( 'button' ) ); -// l.start(); -// l.stop(); -// l.toggle(); -// l.isLoading(); -// l.setProgress( 0-1 ); diff --git a/site/bootstrap3.html b/site/bootstrap3.html index 9d4e5af1..2a5972f7 100644 --- a/site/bootstrap3.html +++ b/site/bootstrap3.html @@ -3,10 +3,10 @@ Ladda: Bootstrap compatibility test - - + - + @@ -15,102 +15,98 @@

Ladda Bootstrap 3 test

- -
+ +

expand-left

- +
- -
+ +

expand-right

- +
- -
+ +

expand-up

- +
- -
+ +

expand-down

- +
- - -
+ + +

zoom-in

- +
- -
+ +

zoom-out

- +
- - -
+ + +

slide-left

- +
- -
+ +

slide-right

- +
- -
+ +

slide-up

- +
- -
+ +

slide-down

- +
- +

Built-in progress bar

- +

expand-right

- +
- +

contract

- +
- +

Sizes

- -
-

Extra Small

- -
- +

Small

- +
- +

Large

- +
- +

Buttons in forms containing required inputs

- +
-
+
- +
- +
- + diff --git a/site/bootstrap4.html b/site/bootstrap4.html index 5896b84e..e0f1f7a0 100644 --- a/site/bootstrap4.html +++ b/site/bootstrap4.html @@ -3,10 +3,10 @@ Ladda: Bootstrap compatibility test - - + - + @@ -15,102 +15,98 @@

Ladda Bootstrap 4 test

- -
+ +

expand-left

- +
- -
+ +

expand-right

- +
- -
+ +

expand-up

- +
- -
+ +

expand-down

- +
- - -
+ + +

zoom-in

- +
- -
+ +

zoom-out

- +
- - -
+ + +

slide-left

- +
- -
+ +

slide-right

- +
- -
+ +

slide-up

- +
- -
+ +

slide-down

- +
- +

Built-in progress bar

- +

expand-right

- +
- +

contract

- +
- +

Sizes

- -
-

Extra Small

- -
- +

Small

- +
- +

Large

- +
- +

Buttons in forms containing required inputs

- +
-
+
- +
- +
- + diff --git a/site/form.html b/site/form.html index 9d564d51..1e09eb10 100644 --- a/site/form.html +++ b/site/form.html @@ -14,9 +14,9 @@

Ladda Form Validation

This page can be used to test that Ladda does NOT start spinning when submitting an invalid form.

-
- - + + +