Bootstrap 5 spinner/loading/pending indicator for , and <select></h1> <div id="overview" class="seller-overview d-flex align-items-center"> <div class="user-profile-image d-flex"> <label class="profile-pict" for="profile_image"> <img src="https://avatars.githubusercontent.com/u/643434?v=4&s=60" class="profile-pict-img img-fluid" alt=""> </label> <div class="profile-name"> <span class="user-status"> <a href="https://github.com/tkrotoff" rel="nofollow" class="seller-link">Tanguy Krotoff</a> </span> </div> </div> <div class="user-info d-flex"> <span class="orders-in-queue"> <i class="fa fa-clock-o m-r-xs" aria-hidden="true"></i> Last update: <strong>Oct 17, 2022</strong> </span> </div> </div> <div class="card mt-3"> <div class="tags mt-2 ml-4"> <h3>Related tags</h3> <a href="/catalog/javascript-guide_newest_1"> Learning resource </a> <a href="/tag/bootstrap">bootstrap</a> <a href="/tag/input">input</a> <a href="/tag/button">button</a> <a href="/tag/spinner">spinner</a> <a href="/tag/bootstrap5">bootstrap5</a> </div> <div class="card-header mt-4"><h5>Overview</h5></div> <div class="card-body"> <div id="description" class="description"> <article class="markdown-body"> <h1 dir="auto"><a id="user-content-tkrotoffbootstrap-input-spinner" class="anchor" aria-hidden="true" href="#tkrotoffbootstrap-input-spinner"> <svg class="octicon octicon-link" viewbox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"> <path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path> </svg></a>@tkrotoff/bootstrap-input-spinner</h1> <p dir="auto"><a href="https://www.npmjs.com/package/@tkrotoff/bootstrap-input-spinner" rel="nofollow"><img src="https://camo.githubusercontent.com/88f2aedfabae7b93549f78d329b4d08ea36b5d2432567f34c622310b51ca31ab/68747470733a2f2f62616467652e667572792e696f2f6a732f253430746b726f746f6666253246626f6f7473747261702d696e7075742d7370696e6e65722e737667" alt="npm version" data-canonical-src="https://badge.fury.io/js/%40tkrotoff%2Fbootstrap-input-spinner.svg" style="max-width: 100%;"></a> <a href="https://github.com/tkrotoff/bootstrap-input-spinner/actions"><img src="https://github.com/tkrotoff/bootstrap-input-spinner/workflows/Node.js%20CI/badge.svg?branch=master" alt="Node.js CI" style="max-width: 100%;"></a> <a href="https://github.com/prettier/prettier"><img src="https://camo.githubusercontent.com/48a41f43affa2e6253d6a48e0ee662ec53ce13c46442ac815e81d36b6e6b434d/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f636f64655f7374796c652d70726574746965722d6666363962342e737667" alt="Prettier" data-canonical-src="https://img.shields.io/badge/code_style-prettier-ff69b4.svg" style="max-width: 100%;"></a></p> <p dir="auto">Bootstrap 5 spinner/loading/pending indicator for <code><input></code>, <code><textarea></code> and <code><select></code></p> <p dir="auto"><a target="_blank" rel="noopener noreferrer" href="https://github.com/tkrotoff/bootstrap-input-spinner/raw/master/doc/demo.gif"><img src="https://github.com/tkrotoff/bootstrap-input-spinner/raw/master/doc/demo.gif" alt="demo" data-animated-image="" style="max-width: 100%;"></a></p> <p dir="auto">Example: <a href="https://codesandbox.io/s/github/tkrotoff/bootstrap-input-spinner/tree/codesandbox.io" rel="nofollow">https://codesandbox.io/s/github/tkrotoff/bootstrap-input-spinner/tree/codesandbox.io</a></p> <ul dir="auto"> <li>Small: ~200 lines of <a href="/tkrotoff/bootstrap-input-spinner/blob/master/src/bootstrap-input-spinner.scss">SCSS</a></li> <li>Works in latest browsers and IE 11</li> <li>Uses <a href="https://getbootstrap.com/docs/5.0/customize/sass/#variable-defaults" rel="nofollow">Bootstrap variables</a></li> </ul> <p dir="auto">Check the <a href="/tkrotoff/bootstrap-input-spinner/blob/master/CHANGELOG.md">changelog</a> for breaking changes and fixes between releases.</p> <p dir="auto"> <g-emoji class="g-emoji" alias="warning" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/26a0.png"> ⚠️ </g-emoji> Latest implementation for Bootstrap >= 4.2 & < 5 is <a href="https://github.com/tkrotoff/bootstrap-input-spinner/tree/v0.10.2">@tkrotoff/bootstrap-input-spinner v0.10.2</a></p> <p dir="auto"> <g-emoji class="g-emoji" alias="warning" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/26a0.png"> ⚠️ </g-emoji> Latest implementation for Bootstrap < 4.2 is <a href="https://github.com/tkrotoff/bootstrap-input-spinner/tree/v0.0.4">@tkrotoff/bootstrap-spinner v0.0.4</a></p> <h2 dir="auto"><a id="user-content-usage" class="anchor" aria-hidden="true" href="#usage"> <svg class="octicon octicon-link" viewbox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"> <path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path> </svg></a>Usage</h2> <p dir="auto"><code>npm install @tkrotoff/bootstrap-input-spinner</code></p> <p dir="auto">Import <a href="/tkrotoff/bootstrap-input-spinner/blob/master/src/bootstrap-input-spinner.scss">bootstrap-input-spinner.scss</a>:</p> <div class="highlight highlight-source-css-scss notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="@import '~@tkrotoff/bootstrap-input-spinner/src/bootstrap-input-spinner';"> <pre><span class="pl-k">@import</span> <span class="pl-s"><span class="pl-pds">'</span>~@tkrotoff/bootstrap-input-spinner/src/bootstrap-input-spinner<span class="pl-pds">'</span></span>;</pre> </div> <p dir="auto">Modify your <a href="https://getbootstrap.com/docs/5.0/forms/overview/" rel="nofollow">Bootstrap 5 code</a> as follow:</p> <div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="<div class="mb-3"> <label for="email">Email address</label> <div class="is-loading"> <input type="email" id="email" class="form-control"> <div class="spinner-border spinner-border-sm"></div> </div> </div>"> <pre><span class="pl-kos"><</span><span class="pl-ent">div</span> <span class="pl-c1">class</span>="<span class="pl-s">mb-3</span>"<span class="pl-kos">></span> <span class="pl-kos"><</span><span class="pl-ent">label</span> <span class="pl-c1">for</span>="<span class="pl-s">email</span>"<span class="pl-kos">></span>Email address<span class="pl-kos"></</span><span class="pl-ent">label</span><span class="pl-kos">></span> <span class="pl-kos"><</span><span class="pl-ent">div</span> <span class="pl-c1">class</span>="<span class="pl-s">is-loading</span>"<span class="pl-kos">></span> <span class="pl-kos"><</span><span class="pl-ent">input</span> <span class="pl-c1">type</span>="<span class="pl-s">email</span>" <span class="pl-c1">id</span>="<span class="pl-s">email</span>" <span class="pl-c1">class</span>="<span class="pl-s">form-control</span>"<span class="pl-kos">></span> <span class="pl-kos"><</span><span class="pl-ent">div</span> <span class="pl-c1">class</span>="<span class="pl-s">spinner-border spinner-border-sm</span>"<span class="pl-kos">></span><span class="pl-kos"></</span><span class="pl-ent">div</span><span class="pl-kos">></span> <span class="pl-kos"></</span><span class="pl-ent">div</span><span class="pl-kos">></span> <span class="pl-kos"></</span><span class="pl-ent">div</span><span class="pl-kos">></span></pre> </div> </article> </div> </div> </div> <div id="issues" class="card mt-3"> <div class="card-header"><h5>Comments</h5></div> <div class="card-body"> <div class="review-list"> <ul> <li> <div class="d-flex"> <div class="left"> <span> <img data-original="https://avatars.githubusercontent.com/in/29110?v=4" class="lazy profile-pict-img img-fluid" alt="Bump minimist from 1.2.5 to 1.2.6"> </span> </div> <div class="right"> <h4> <a href="https://github.com/tkrotoff/bootstrap-input-spinner/issues/7" rel="nofollow"> Bump minimist from 1.2.5 to 1.2.6 </a> </h4> <div class="review-description"> <article class="markdown-body text-wrap"> <p>Bumps <a href="https://github.com/substack/minimist">minimist</a> from 1.2.5 to 1.2.6.</p> <details> <summary>Commits</summary> <ul> <li><a href="https://github.com/substack/minimist/commit/7efb22a518b53b06f5b02a1038a88bd6290c2846"><code>7efb22a</code></a> 1.2.6</li> <li><a href="https://github.com/substack/minimist/commit/ef88b9325f77b5ee643ccfc97e2ebda577e4c4e2"><code>ef88b93</code></a> security notice for additional prototype pollution issue</li> <li><a href="https://github.com/substack/minimist/commit/c2b981977fa834b223b408cfb860f933c9811e4d"><code>c2b9819</code></a> isConstructorOrProto adapted from PR</li> <li><a href="https://github.com/substack/minimist/commit/bc8ecee43875261f4f17eb20b1243d3ed15e70eb"><code>bc8ecee</code></a> test from prototype pollution PR</li> <li>See full diff in <a href="https://github.com/substack/minimist/compare/1.2.5...1.2.6">compare view</a></li> </ul> </details> <br /> <p><a href="https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores"><img src="https://dependabot-badges.githubapp.com/badges/compatibility_score?dependency-name=minimist&package-manager=npm_and_yarn&previous-version=1.2.5&new-version=1.2.6" alt="Dependabot compatibility score" /></a></p> <p>Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting <code>@dependabot rebase</code>.</p> <hr /> <details> <summary>Dependabot commands and options</summary> <br /> <p>You can trigger Dependabot actions by commenting on this PR:</p> <ul> <li><code>@dependabot rebase</code> will rebase this PR</li> <li><code>@dependabot recreate</code> will recreate this PR, overwriting any edits that have been made to it</li> <li><code>@dependabot merge</code> will merge this PR after your CI passes on it</li> <li><code>@dependabot squash and merge</code> will squash and merge this PR after your CI passes on it</li> <li><code>@dependabot cancel merge</code> will cancel a previously requested merge and block automerging</li> <li><code>@dependabot reopen</code> will reopen this PR if it is closed</li> <li><code>@dependabot close</code> will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually</li> <li><code>@dependabot ignore this major version</code> will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)</li> <li><code>@dependabot ignore this minor version</code> will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)</li> <li><code>@dependabot ignore this dependency</code> will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)</li> <li><code>@dependabot use these labels</code> will set the current labels as the default for future PRs for this repo and language</li> <li><code>@dependabot use these reviewers</code> will set the current reviewers as the default for future PRs for this repo and language</li> <li><code>@dependabot use these assignees</code> will set the current assignees as the default for future PRs for this repo and language</li> <li><code>@dependabot use this milestone</code> will set the current milestone as the default for future PRs for this repo and language</li> </ul> <p>You can disable automated security fix PRs for this repo from the <a href="https://github.com/tkrotoff/bootstrap-input-spinner/network/alerts">Security Alerts page</a>.</p> </details> <span style='padding: .2em .6em .3em;color:#fff;background-color:#0366d6'>dependencies</span>  </article> </div> <span class="publish py-3 d-inline-block w-100"> opened by dependabot[bot] <i class="fa fa-commenting" aria-hidden="true"></i> 1 </span> </div> </div> </li> <li> <div class="d-flex"> <div class="left"> <span> <img data-original="https://avatars.githubusercontent.com/in/29110?v=4" class="lazy profile-pict-img img-fluid" alt="Bump trim-newlines from 3.0.0 to 3.0.1"> </span> </div> <div class="right"> <h4> <a href="https://github.com/tkrotoff/bootstrap-input-spinner/issues/6" rel="nofollow"> Bump trim-newlines from 3.0.0 to 3.0.1 </a> </h4> <div class="review-description"> <article class="markdown-body text-wrap"> <p>Bumps <a href="https://github.com/sindresorhus/trim-newlines">trim-newlines</a> from 3.0.0 to 3.0.1.</p> <details> <summary>Commits</summary> <ul> <li>See full diff in <a href="https://github.com/sindresorhus/trim-newlines/commits">compare view</a></li> </ul> </details> <br /> <p><a href="https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores"><img src="https://dependabot-badges.githubapp.com/badges/compatibility_score?dependency-name=trim-newlines&package-manager=npm_and_yarn&previous-version=3.0.0&new-version=3.0.1" alt="Dependabot compatibility score" /></a></p> <p>Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting <code>@dependabot rebase</code>.</p> <hr /> <details> <summary>Dependabot commands and options</summary> <br /> <p>You can trigger Dependabot actions by commenting on this PR:</p> <ul> <li><code>@dependabot rebase</code> will rebase this PR</li> <li><code>@dependabot recreate</code> will recreate this PR, overwriting any edits that have been made to it</li> <li><code>@dependabot merge</code> will merge this PR after your CI passes on it</li> <li><code>@dependabot squash and merge</code> will squash and merge this PR after your CI passes on it</li> <li><code>@dependabot cancel merge</code> will cancel a previously requested merge and block automerging</li> <li><code>@dependabot reopen</code> will reopen this PR if it is closed</li> <li><code>@dependabot close</code> will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually</li> <li><code>@dependabot ignore this major version</code> will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)</li> <li><code>@dependabot ignore this minor version</code> will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)</li> <li><code>@dependabot ignore this dependency</code> will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)</li> <li><code>@dependabot use these labels</code> will set the current labels as the default for future PRs for this repo and language</li> <li><code>@dependabot use these reviewers</code> will set the current reviewers as the default for future PRs for this repo and language</li> <li><code>@dependabot use these assignees</code> will set the current assignees as the default for future PRs for this repo and language</li> <li><code>@dependabot use this milestone</code> will set the current milestone as the default for future PRs for this repo and language</li> </ul> <p>You can disable automated security fix PRs for this repo from the <a href="https://github.com/tkrotoff/bootstrap-input-spinner/network/alerts">Security Alerts page</a>.</p> </details> <span style='padding: .2em .6em .3em;color:#fff;background-color:#0366d6'>dependencies</span>  </article> </div> <span class="publish py-3 d-inline-block w-100"> opened by dependabot[bot] <i class="fa fa-commenting" aria-hidden="true"></i> 1 </span> </div> </div> </li> <li> <div class="d-flex"> <div class="left"> <span> <img data-original="https://avatars.githubusercontent.com/in/29110?v=4" class="lazy profile-pict-img img-fluid" alt="Bump ini from 1.3.5 to 1.3.7"> </span> </div> <div class="right"> <h4> <a href="https://github.com/tkrotoff/bootstrap-input-spinner/issues/4" rel="nofollow"> Bump ini from 1.3.5 to 1.3.7 </a> </h4> <div class="review-description"> <article class="markdown-body text-wrap"> <p>Bumps <a href="https://github.com/isaacs/ini">ini</a> from 1.3.5 to 1.3.7.</p> <details> <summary>Commits</summary> <ul> <li><a href="https://github.com/npm/ini/commit/c74c8af35f32b801a7e82a8309eab792a95932f6"><code>c74c8af</code></a> 1.3.7</li> <li><a href="https://github.com/npm/ini/commit/024b8b55ac1c980c6225607b007714c54eb501ba"><code>024b8b5</code></a> update deps, add linting</li> <li><a href="https://github.com/npm/ini/commit/032fbaf5f0b98fce70c8cc380e0d05177a9c9073"><code>032fbaf</code></a> Use Object.create(null) to avoid default object property hazards</li> <li><a href="https://github.com/npm/ini/commit/2da90391ef70db41d10f013e3a87f9a8c5d01a72"><code>2da9039</code></a> 1.3.6</li> <li><a href="https://github.com/npm/ini/commit/cfea636f534b5ca7550d2c28b7d1a95d936d56c6"><code>cfea636</code></a> better git push script, before publish instead of after</li> <li><a href="https://github.com/npm/ini/commit/56d2805e07ccd94e2ba0984ac9240ff02d44b6f1"><code>56d2805</code></a> do not allow invalid hazardous string as section name</li> <li>See full diff in <a href="https://github.com/isaacs/ini/compare/v1.3.5...v1.3.7">compare view</a></li> </ul> </details> <details> <summary>Maintainer changes</summary> <p>This version was pushed to npm by <a href="https://www.npmjs.com/~isaacs">isaacs</a>, a new releaser for ini since your current version.</p> </details> <br /> <p><a href="https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores"><img src="https://dependabot-badges.githubapp.com/badges/compatibility_score?dependency-name=ini&package-manager=npm_and_yarn&previous-version=1.3.5&new-version=1.3.7" alt="Dependabot compatibility score" /></a></p> <p>Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting <code>@dependabot rebase</code>.</p> <hr /> <details> <summary>Dependabot commands and options</summary> <br /> <p>You can trigger Dependabot actions by commenting on this PR:</p> <ul> <li><code>@dependabot rebase</code> will rebase this PR</li> <li><code>@dependabot recreate</code> will recreate this PR, overwriting any edits that have been made to it</li> <li><code>@dependabot merge</code> will merge this PR after your CI passes on it</li> <li><code>@dependabot squash and merge</code> will squash and merge this PR after your CI passes on it</li> <li><code>@dependabot cancel merge</code> will cancel a previously requested merge and block automerging</li> <li><code>@dependabot reopen</code> will reopen this PR if it is closed</li> <li><code>@dependabot close</code> will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually</li> <li><code>@dependabot ignore this major version</code> will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)</li> <li><code>@dependabot ignore this minor version</code> will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)</li> <li><code>@dependabot ignore this dependency</code> will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)</li> <li><code>@dependabot use these labels</code> will set the current labels as the default for future PRs for this repo and language</li> <li><code>@dependabot use these reviewers</code> will set the current reviewers as the default for future PRs for this repo and language</li> <li><code>@dependabot use these assignees</code> will set the current assignees as the default for future PRs for this repo and language</li> <li><code>@dependabot use this milestone</code> will set the current milestone as the default for future PRs for this repo and language</li> </ul> <p>You can disable automated security fix PRs for this repo from the <a href="https://github.com/tkrotoff/bootstrap-input-spinner/network/alerts">Security Alerts page</a>.</p> </details> <span style='padding: .2em .6em .3em;color:#fff;background-color:#0366d6'>dependencies</span>  </article> </div> <span class="publish py-3 d-inline-block w-100"> opened by dependabot[bot] <i class="fa fa-commenting" aria-hidden="true"></i> 1 </span> </div> </div> </li> <li> <div class="d-flex"> <div class="left"> <span> <img data-original="https://avatars.githubusercontent.com/in/29110?v=4" class="lazy profile-pict-img img-fluid" alt="Bump elliptic from 6.5.2 to 6.5.3"> </span> </div> <div class="right"> <h4> <a href="https://github.com/tkrotoff/bootstrap-input-spinner/issues/2" rel="nofollow"> Bump elliptic from 6.5.2 to 6.5.3 </a> </h4> <div class="review-description"> <article class="markdown-body text-wrap"> <p>Bumps <a href="https://github.com/indutny/elliptic">elliptic</a> from 6.5.2 to 6.5.3.</p> <details> <summary>Commits</summary> <ul> <li><a href="https://github.com/indutny/elliptic/commit/8647803dc3d90506aa03021737f7b061ba959ae1"><code>8647803</code></a> 6.5.3</li> <li><a href="https://github.com/indutny/elliptic/commit/856fe4d99fe7b6200556e6400b3bf585b1721bec"><code>856fe4d</code></a> signature: prevent malleability and overflows</li> <li>See full diff in <a href="https://github.com/indutny/elliptic/compare/v6.5.2...v6.5.3">compare view</a></li> </ul> </details> <br /> <p><a href="https://help.github.com/articles/configuring-automated-security-fixes"><img src="https://dependabot-badges.githubapp.com/badges/compatibility_score?dependency-name=elliptic&package-manager=npm_and_yarn&previous-version=6.5.2&new-version=6.5.3" alt="Dependabot compatibility score" /></a></p> <p>Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting <code>@dependabot rebase</code>.</p> <hr /> <details> <summary>Dependabot commands and options</summary> <br /> <p>You can trigger Dependabot actions by commenting on this PR:</p> <ul> <li><code>@dependabot rebase</code> will rebase this PR</li> <li><code>@dependabot recreate</code> will recreate this PR, overwriting any edits that have been made to it</li> <li><code>@dependabot merge</code> will merge this PR after your CI passes on it</li> <li><code>@dependabot squash and merge</code> will squash and merge this PR after your CI passes on it</li> <li><code>@dependabot cancel merge</code> will cancel a previously requested merge and block automerging</li> <li><code>@dependabot reopen</code> will reopen this PR if it is closed</li> <li><code>@dependabot close</code> will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually</li> <li><code>@dependabot ignore this major version</code> will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)</li> <li><code>@dependabot ignore this minor version</code> will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)</li> <li><code>@dependabot ignore this dependency</code> will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)</li> <li><code>@dependabot use these labels</code> will set the current labels as the default for future PRs for this repo and language</li> <li><code>@dependabot use these reviewers</code> will set the current reviewers as the default for future PRs for this repo and language</li> <li><code>@dependabot use these assignees</code> will set the current assignees as the default for future PRs for this repo and language</li> <li><code>@dependabot use this milestone</code> will set the current milestone as the default for future PRs for this repo and language</li> </ul> <p>You can disable automated security fix PRs for this repo from the <a href="https://github.com/tkrotoff/bootstrap-input-spinner/network/alerts">Security Alerts page</a>.</p> </details> <span style='padding: .2em .6em .3em;color:#fff;background-color:#0366d6'>dependencies</span>  </article> </div> <span class="publish py-3 d-inline-block w-100"> opened by dependabot[bot] <i class="fa fa-commenting" aria-hidden="true"></i> 1 </span> </div> </div> </li> <li> <div class="d-flex"> <div class="left"> <span> <img data-original="https://avatars.githubusercontent.com/u/643434?v=4" class="lazy profile-pict-img img-fluid" alt="Spinner inside <input> is "stuck" on Safari 12"> </span> </div> <div class="right"> <h4> <a href="https://github.com/tkrotoff/bootstrap-input-spinner/issues/1" rel="nofollow"> Spinner inside <input> is "stuck" on Safari 12 </a> </h4> <div class="review-description"> <article class="markdown-body text-wrap"> <p>Spinner inside <code><input></code> is "stuck" on Safari 12: the animation does not work.</p> <p>Manually moving (using the dev tools) the <code><span></code> in the DOM and the replacing it at the exact same location makes it work again. So I guess, it's not a simple fix.</p> <span style='padding: .2em .6em .3em;color:#fff;background-color:#d73a4a'>bug</span>  </article> </div> <span class="publish py-3 d-inline-block w-100"> opened by tkrotoff <i class="fa fa-commenting" aria-hidden="true"></i> 1 </span> </div> </div> </li> <li> <div class="d-flex"> <div class="left"> <span> <img data-original="https://avatars.githubusercontent.com/in/29110?v=4" class="lazy profile-pict-img img-fluid" alt="Bump terser from 5.12.1 to 5.14.2"> </span> </div> <div class="right"> <h4> <a href="https://github.com/tkrotoff/bootstrap-input-spinner/issues/8" rel="nofollow"> Bump terser from 5.12.1 to 5.14.2 </a> </h4> <div class="review-description"> <article class="markdown-body text-wrap"> <p>Bumps <a href="https://github.com/terser/terser">terser</a> from 5.12.1 to 5.14.2.</p> <details> <summary>Changelog</summary> <p><em>Sourced from <a href="https://github.com/terser/terser/blob/master/CHANGELOG.md">terser's changelog</a>.</em></p> <blockquote> <h2>v5.14.2</h2> <ul> <li>Security fix for RegExps that should not be evaluated (regexp DDOS)</li> <li>Source maps improvements (<a href="https://github-redirect.dependabot.com/terser/terser/issues/1211">#1211</a>)</li> <li>Performance improvements in long property access evaluation (<a href="https://github-redirect.dependabot.com/terser/terser/issues/1213">#1213</a>)</li> </ul> <h2>v5.14.1</h2> <ul> <li>keep_numbers option added to TypeScript defs (<a href="https://github-redirect.dependabot.com/terser/terser/issues/1208">#1208</a>)</li> <li>Fixed parsing of nested template strings (<a href="https://github-redirect.dependabot.com/terser/terser/issues/1204">#1204</a>)</li> </ul> <h2>v5.14.0</h2> <ul> <li>Switched to <code>@​jridgewell/source-map</code> for sourcemap generation (<a href="https://github-redirect.dependabot.com/terser/terser/issues/1190">#1190</a>, <a href="https://github-redirect.dependabot.com/terser/terser/issues/1181">#1181</a>)</li> <li>Fixed source maps with non-terminated segments (<a href="https://github-redirect.dependabot.com/terser/terser/issues/1106">#1106</a>)</li> <li>Enabled typescript types to be imported from the package (<a href="https://github-redirect.dependabot.com/terser/terser/issues/1194">#1194</a>)</li> <li>Extra DOM props have been added (<a href="https://github-redirect.dependabot.com/terser/terser/issues/1191">#1191</a>)</li> <li>Delete the AST while generating code, as a means to save RAM</li> </ul> <h2>v5.13.1</h2> <ul> <li>Removed self-assignments (<code>varname=varname</code>) (closes <a href="https://github-redirect.dependabot.com/terser/terser/issues/1081">#1081</a>)</li> <li>Separated inlining code (for inlining things into references, or removing IIFEs)</li> <li>Allow multiple identifiers with the same name in <code>var</code> destructuring (eg <code>var { a, a } = x</code>) (<a href="https://github-redirect.dependabot.com/terser/terser/issues/1176">#1176</a>)</li> </ul> <h2>v5.13.0</h2> <ul> <li>All calls to eval() were removed (<a href="https://github-redirect.dependabot.com/terser/terser/issues/1171">#1171</a>, <a href="https://github-redirect.dependabot.com/terser/terser/issues/1184">#1184</a>)</li> <li><code>source-map</code> was updated to 0.8.0-beta.0 (<a href="https://github-redirect.dependabot.com/terser/terser/issues/1164">#1164</a>)</li> <li>NavigatorUAData was added to domprops to avoid property mangling (<a href="https://github-redirect.dependabot.com/terser/terser/issues/1166">#1166</a>)</li> </ul> </blockquote> </details> <details> <summary>Commits</summary> <ul> <li>See full diff in <a href="https://github.com/terser/terser/commits">compare view</a></li> </ul> </details> <br /> <p><a href="https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores"><img src="https://dependabot-badges.githubapp.com/badges/compatibility_score?dependency-name=terser&package-manager=npm_and_yarn&previous-version=5.12.1&new-version=5.14.2" alt="Dependabot compatibility score" /></a></p> <p>Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting <code>@dependabot rebase</code>.</p> <hr /> <details> <summary>Dependabot commands and options</summary> <br /> <p>You can trigger Dependabot actions by commenting on this PR:</p> <ul> <li><code>@dependabot rebase</code> will rebase this PR</li> <li><code>@dependabot recreate</code> will recreate this PR, overwriting any edits that have been made to it</li> <li><code>@dependabot merge</code> will merge this PR after your CI passes on it</li> <li><code>@dependabot squash and merge</code> will squash and merge this PR after your CI passes on it</li> <li><code>@dependabot cancel merge</code> will cancel a previously requested merge and block automerging</li> <li><code>@dependabot reopen</code> will reopen this PR if it is closed</li> <li><code>@dependabot close</code> will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually</li> <li><code>@dependabot ignore this major version</code> will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)</li> <li><code>@dependabot ignore this minor version</code> will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)</li> <li><code>@dependabot ignore this dependency</code> will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)</li> <li><code>@dependabot use these labels</code> will set the current labels as the default for future PRs for this repo and language</li> <li><code>@dependabot use these reviewers</code> will set the current reviewers as the default for future PRs for this repo and language</li> <li><code>@dependabot use these assignees</code> will set the current assignees as the default for future PRs for this repo and language</li> <li><code>@dependabot use this milestone</code> will set the current milestone as the default for future PRs for this repo and language</li> </ul> <p>You can disable automated security fix PRs for this repo from the <a href="https://github.com/tkrotoff/bootstrap-input-spinner/network/alerts">Security Alerts page</a>.</p> </details> <span style='padding: .2em .6em .3em;color:#fff;background-color:#0366d6'>dependencies</span>  </article> </div> <span class="publish py-3 d-inline-block w-100"> opened by dependabot[bot] <i class="fa fa-commenting" aria-hidden="true"></i> 0 </span> </div> </div> </li> </ul> </div> </div> </div> <div id="releases" class="card mt-3"> <div class="card-header"><h5>Releases(v0.20.5)</h5></div> <div class="card-body"> <div class="review-list"> <ul> <li> <div class="d-flex"> <div class="right"> <h4> v0.20.5(Apr 20, 2022) </h4> <div class="review-description"> <article class="markdown-body"> <ul> <li><a href="https://github.com/parcel-bundler/parcel-css/issues/148">Fix build script by updating @parcel/css</a> (+ other npm packages)</li> </ul> <i class="fa fa-file-code-o m-r-xs" aria-hidden="true"></i><a href="https://api.github.com/repos/tkrotoff/bootstrap-input-spinner/tarball/v0.20.5">Source code(tar.gz)</a><br><i class="fa fa-file-code-o m-r-xs" aria-hidden="true"></i><a href="https://api.github.com/repos/tkrotoff/bootstrap-input-spinner/zipball/v0.20.5">Source code(zip)</a><br> </article> </div> </div> </div> </li> <li> <div class="d-flex"> <div class="right"> <h4> v0.20.4(Apr 10, 2022) </h4> <div class="review-description"> <article class="markdown-body"> <ul> <li>Update npm packages, switch to Parcel 2</li> </ul> <i class="fa fa-file-code-o m-r-xs" aria-hidden="true"></i><a href="https://api.github.com/repos/tkrotoff/bootstrap-input-spinner/tarball/v0.20.4">Source code(tar.gz)</a><br><i class="fa fa-file-code-o m-r-xs" aria-hidden="true"></i><a href="https://api.github.com/repos/tkrotoff/bootstrap-input-spinner/zipball/v0.20.4">Source code(zip)</a><br> </article> </div> </div> </div> </li> <li> <div class="d-flex"> <div class="right"> <h4> v0.20.3(Nov 27, 2021) </h4> <div class="review-description"> <article class="markdown-body"> <ul> <li>Update npm packages</li> </ul> <i class="fa fa-file-code-o m-r-xs" aria-hidden="true"></i><a href="https://api.github.com/repos/tkrotoff/bootstrap-input-spinner/tarball/v0.20.3">Source code(tar.gz)</a><br><i class="fa fa-file-code-o m-r-xs" aria-hidden="true"></i><a href="https://api.github.com/repos/tkrotoff/bootstrap-input-spinner/zipball/v0.20.3">Source code(zip)</a><br> </article> </div> </div> </div> </li> <li> <div class="d-flex"> <div class="right"> <h4> v0.20.2(May 8, 2021) </h4> <div class="review-description"> <article class="markdown-body"> <ul> <li>Update npm packages</li> <li>Bootstrap 5.0.0 (instead of 5.0.0-beta3)</li> </ul> <i class="fa fa-file-code-o m-r-xs" aria-hidden="true"></i><a href="https://api.github.com/repos/tkrotoff/bootstrap-input-spinner/tarball/v0.20.2">Source code(tar.gz)</a><br><i class="fa fa-file-code-o m-r-xs" aria-hidden="true"></i><a href="https://api.github.com/repos/tkrotoff/bootstrap-input-spinner/zipball/v0.20.2">Source code(zip)</a><br> </article> </div> </div> </div> </li> <li> <div class="d-flex"> <div class="right"> <h4> v0.20.1(Apr 24, 2021) </h4> <div class="review-description"> <article class="markdown-body"> <ul> <li>Fix links to Bootstrap 4 versions</li> </ul> <i class="fa fa-file-code-o m-r-xs" aria-hidden="true"></i><a href="https://api.github.com/repos/tkrotoff/bootstrap-input-spinner/tarball/v0.20.1">Source code(tar.gz)</a><br><i class="fa fa-file-code-o m-r-xs" aria-hidden="true"></i><a href="https://api.github.com/repos/tkrotoff/bootstrap-input-spinner/zipball/v0.20.1">Source code(zip)</a><br> </article> </div> </div> </div> </li> <li> <div class="d-flex"> <div class="right"> <h4> v0.20.0(Apr 18, 2021) </h4> <div class="review-description"> <article class="markdown-body"> <ul> <li>Switch from Bootstrap 4 to Bootstrap 5 (5.0.0-beta3)</li> <li>Handle input-group cleanly</li> <li>Better example</li> </ul> <i class="fa fa-file-code-o m-r-xs" aria-hidden="true"></i><a href="https://api.github.com/repos/tkrotoff/bootstrap-input-spinner/tarball/v0.20.0">Source code(tar.gz)</a><br><i class="fa fa-file-code-o m-r-xs" aria-hidden="true"></i><a href="https://api.github.com/repos/tkrotoff/bootstrap-input-spinner/zipball/v0.20.0">Source code(zip)</a><br> </article> </div> </div> </div> </li> <li> <div class="d-flex"> <div class="right"> <h4> v0.10.2(Apr 8, 2021) </h4> <div class="review-description"> <article class="markdown-body"> <ul> <li>Fix example's debug checkbox under IE</li> <li>Small improvements</li> </ul> <i class="fa fa-file-code-o m-r-xs" aria-hidden="true"></i><a href="https://api.github.com/repos/tkrotoff/bootstrap-input-spinner/tarball/v0.10.2">Source code(tar.gz)</a><br><i class="fa fa-file-code-o m-r-xs" aria-hidden="true"></i><a href="https://api.github.com/repos/tkrotoff/bootstrap-input-spinner/zipball/v0.10.2">Source code(zip)</a><br> </article> </div> </div> </div> </li> <li> <div class="d-flex"> <div class="right"> <h4> v0.10.1(Apr 8, 2021) </h4> <div class="review-description"> <article class="markdown-body"> <ul> <li>Update npm packages</li> </ul> <i class="fa fa-file-code-o m-r-xs" aria-hidden="true"></i><a href="https://api.github.com/repos/tkrotoff/bootstrap-input-spinner/tarball/v0.10.1">Source code(tar.gz)</a><br><i class="fa fa-file-code-o m-r-xs" aria-hidden="true"></i><a href="https://api.github.com/repos/tkrotoff/bootstrap-input-spinner/zipball/v0.10.1">Source code(zip)</a><br> </article> </div> </div> </div> </li> <li> <div class="d-flex"> <div class="right"> <h4> v0.10.0(Feb 18, 2021) </h4> <div class="review-description"> <article class="markdown-body"> <ul> <li> <p>Breaking change: full rewrite to support <code><textarea></code> and <code><select></code></p> <ul> <li><code>is-loading</code> must be on the input's parent instead of on the input</li> <li>no more <code>is-loading-sm</code></li> </ul> <pre><code class="language-HTML"><!-- Before --> <div class="form-group"> <label for="email">Email address</label> <input type="email" id="email" class="form-control is-loading is-loading-sm"> <span class="spinner-border spinner-border-sm"></span> </div> <!-- After --> <div class="form-group"> <label for="email">Email address</label> <div class="is-loading"> <input type="email" id="email" class="form-control"> <div class="spinner-border spinner-border-sm"></div> </div> </div> </code></pre> </li> <li> <p>Way more tests</p> </li> <li> <p>Update npm packages</p> </li> <li> <p>Needs Bootstrap >= 4.4</p> </li> </ul> <i class="fa fa-file-code-o m-r-xs" aria-hidden="true"></i><a href="https://api.github.com/repos/tkrotoff/bootstrap-input-spinner/tarball/v0.10.0">Source code(tar.gz)</a><br><i class="fa fa-file-code-o m-r-xs" aria-hidden="true"></i><a href="https://api.github.com/repos/tkrotoff/bootstrap-input-spinner/zipball/v0.10.0">Source code(zip)</a><br> </article> </div> </div> </div> </li> <li> <div class="d-flex"> <div class="right"> <h4> v0.4.1(Aug 18, 2020) </h4> <div class="review-description"> <article class="markdown-body"> <ul> <li>Opacify the spinner in a readonly input</li> </ul> <i class="fa fa-file-code-o m-r-xs" aria-hidden="true"></i><a href="https://api.github.com/repos/tkrotoff/bootstrap-input-spinner/tarball/v0.4.1">Source code(tar.gz)</a><br><i class="fa fa-file-code-o m-r-xs" aria-hidden="true"></i><a href="https://api.github.com/repos/tkrotoff/bootstrap-input-spinner/zipball/v0.4.1">Source code(zip)</a><br> </article> </div> </div> </div> </li> <li> <div class="d-flex"> <div class="right"> <h4> v0.4.0(Aug 17, 2020) </h4> <div class="review-description"> <article class="markdown-body"> <ul> <li>Breaking change: rename bootstrap4-input-spinner.scss to bootstrap-input-spinner.scss <ul> <li>I won't have the man power to maintain Bootstrap 4 & 5</li> </ul> </li> </ul> <i class="fa fa-file-code-o m-r-xs" aria-hidden="true"></i><a href="https://api.github.com/repos/tkrotoff/bootstrap-input-spinner/tarball/v0.4.0">Source code(tar.gz)</a><br><i class="fa fa-file-code-o m-r-xs" aria-hidden="true"></i><a href="https://api.github.com/repos/tkrotoff/bootstrap-input-spinner/zipball/v0.4.0">Source code(zip)</a><br> </article> </div> </div> </div> </li> <li> <div class="d-flex"> <div class="right"> <h4> v0.3.2(Aug 17, 2020) </h4> <div class="review-description"> <article class="markdown-body"> <ul> <li>Opacify the spinner in a disabled input</li> <li>Update npm packages</li> </ul> <i class="fa fa-file-code-o m-r-xs" aria-hidden="true"></i><a href="https://api.github.com/repos/tkrotoff/bootstrap-input-spinner/tarball/v0.3.2">Source code(tar.gz)</a><br><i class="fa fa-file-code-o m-r-xs" aria-hidden="true"></i><a href="https://api.github.com/repos/tkrotoff/bootstrap-input-spinner/zipball/v0.3.2">Source code(zip)</a><br> </article> </div> </div> </div> </li> <li> <div class="d-flex"> <div class="right"> <h4> v0.3.1(Mar 17, 2020) </h4> <div class="review-description"> <article class="markdown-body"> <ul> <li>CI/CD with GitHub Actions</li> <li>Update npm packages</li> </ul> <i class="fa fa-file-code-o m-r-xs" aria-hidden="true"></i><a href="https://api.github.com/repos/tkrotoff/bootstrap-input-spinner/tarball/v0.3.1">Source code(tar.gz)</a><br><i class="fa fa-file-code-o m-r-xs" aria-hidden="true"></i><a href="https://api.github.com/repos/tkrotoff/bootstrap-input-spinner/zipball/v0.3.1">Source code(zip)</a><br> </article> </div> </div> </div> </li> <li> <div class="d-flex"> <div class="right"> <h4> v0.3.0(Jan 5, 2020) </h4> <div class="review-description"> <article class="markdown-body"> <ul> <li>Update npm packages</li> </ul> <i class="fa fa-file-code-o m-r-xs" aria-hidden="true"></i><a href="https://api.github.com/repos/tkrotoff/bootstrap-input-spinner/tarball/v0.3.0">Source code(tar.gz)</a><br><i class="fa fa-file-code-o m-r-xs" aria-hidden="true"></i><a href="https://api.github.com/repos/tkrotoff/bootstrap-input-spinner/zipball/v0.3.0">Source code(zip)</a><br> </article> </div> </div> </div> </li> <li> <div class="d-flex"> <div class="right"> <h4> v0.2.1(Jan 4, 2020) </h4> <div class="review-description"> <article class="markdown-body"> <ul> <li>Fix scss with npm package sass</li> <li>Switch from node-sass to sass</li> </ul> <i class="fa fa-file-code-o m-r-xs" aria-hidden="true"></i><a href="https://api.github.com/repos/tkrotoff/bootstrap-input-spinner/tarball/v0.2.1">Source code(tar.gz)</a><br><i class="fa fa-file-code-o m-r-xs" aria-hidden="true"></i><a href="https://api.github.com/repos/tkrotoff/bootstrap-input-spinner/zipball/v0.2.1">Source code(zip)</a><br> </article> </div> </div> </div> </li> <li> <div class="d-flex"> <div class="right"> <h4> v0.2.0(Jan 4, 2020) </h4> <div class="review-description"> <article class="markdown-body"> <ul> <li>Support is-loading and is-valid/is-invalid at the same time</li> <li>Use ~ instead of + otherwise it doesn't play nice with @tkrotoff/bootstrap-floating-label</li> </ul> <i class="fa fa-file-code-o m-r-xs" aria-hidden="true"></i><a href="https://api.github.com/repos/tkrotoff/bootstrap-input-spinner/tarball/v0.2.0">Source code(tar.gz)</a><br><i class="fa fa-file-code-o m-r-xs" aria-hidden="true"></i><a href="https://api.github.com/repos/tkrotoff/bootstrap-input-spinner/zipball/v0.2.0">Source code(zip)</a><br> </article> </div> </div> </div> </li> <li> <div class="d-flex"> <div class="right"> <h4> v0.1.1(Jun 18, 2019) </h4> <div class="review-description"> <article class="markdown-body"> <ul> <li>Fix password input under IE: remove inner calc()</li> </ul> <i class="fa fa-file-code-o m-r-xs" aria-hidden="true"></i><a href="https://api.github.com/repos/tkrotoff/bootstrap-input-spinner/tarball/v0.1.1">Source code(tar.gz)</a><br><i class="fa fa-file-code-o m-r-xs" aria-hidden="true"></i><a href="https://api.github.com/repos/tkrotoff/bootstrap-input-spinner/zipball/v0.1.1">Source code(zip)</a><br> </article> </div> </div> </div> </li> <li> <div class="d-flex"> <div class="right"> <h4> v0.1.0(Jun 18, 2019) </h4> <div class="review-description"> <article class="markdown-body"> <ul> <li>Rename from bootstrap-spinner to bootstrap-input-spinner</li> <li>Rewrite to support Bootstrap >= 4.2</li> </ul> <i class="fa fa-file-code-o m-r-xs" aria-hidden="true"></i><a href="https://api.github.com/repos/tkrotoff/bootstrap-input-spinner/tarball/v0.1.0">Source code(tar.gz)</a><br><i class="fa fa-file-code-o m-r-xs" aria-hidden="true"></i><a href="https://api.github.com/repos/tkrotoff/bootstrap-input-spinner/zipball/v0.1.0">Source code(zip)</a><br> </article> </div> </div> </div> </li> <li> <div class="d-flex"> <div class="right"> <h4> v0.0.4(Jun 18, 2019) </h4> <div class="review-description"> <article class="markdown-body"> <ul> <li>Use Stylelint</li> <li>Switch from Yarn to npm</li> </ul> <i class="fa fa-file-code-o m-r-xs" aria-hidden="true"></i><a href="https://api.github.com/repos/tkrotoff/bootstrap-input-spinner/tarball/v0.0.4">Source code(tar.gz)</a><br><i class="fa fa-file-code-o m-r-xs" aria-hidden="true"></i><a href="https://api.github.com/repos/tkrotoff/bootstrap-input-spinner/zipball/v0.0.4">Source code(zip)</a><br> </article> </div> </div> </div> </li> <li> <div class="d-flex"> <div class="right"> <h4> v0.0.3(Jun 18, 2019) </h4> <div class="review-description"> <article class="markdown-body"> <ul> <li>No package.json side effects</li> <li>Improve documentation</li> </ul> <i class="fa fa-file-code-o m-r-xs" aria-hidden="true"></i><a href="https://api.github.com/repos/tkrotoff/bootstrap-input-spinner/tarball/v0.0.3">Source code(tar.gz)</a><br><i class="fa fa-file-code-o m-r-xs" aria-hidden="true"></i><a href="https://api.github.com/repos/tkrotoff/bootstrap-input-spinner/zipball/v0.0.3">Source code(zip)</a><br> </article> </div> </div> </div> </li> <li> <div class="d-flex"> <div class="right"> <h4> v0.0.2(Mar 18, 2019) </h4> <div class="review-description"> <article class="markdown-body"> <p>First release</p> <i class="fa fa-file-code-o m-r-xs" aria-hidden="true"></i><a href="https://api.github.com/repos/tkrotoff/bootstrap-input-spinner/tarball/v0.0.2">Source code(tar.gz)</a><br><i class="fa fa-file-code-o m-r-xs" aria-hidden="true"></i><a href="https://api.github.com/repos/tkrotoff/bootstrap-input-spinner/zipball/v0.0.2">Source code(zip)</a><br> </article> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="col-lg-4 right"> <div id="basic" class="tab-pane fade show active"> <div class="box shadow-sm rounded bg-white mb-3"> <div class="box-title border-bottom p-3"> <h6 class="m-0">Owner </h6> </div> <div class="d-flex align-items-center p-3 job-item-header"> <div class="overflow-hidden mr-2"> <h6 class="font-weight-bold -dark mb-0 text-truncate"> Tanguy Krotoff </h6> <div class="small text-gray-500"> </div> </div> <img class="img-fluid ml-auto" style="border-radius: 50%;" src="https://avatars.githubusercontent.com/u/643434?v=4&s=60" alt="Tanguy Krotoff"> </div> <div class="box-body p-3"> <a href="https://github.com/tkrotoff/bootstrap-input-spinner" rel="nofollow" target="_blank" class="btn btn-lg btn-block btn-info mb-3"><i class="fa fa-github" aria-hidden="true"></i> GitHub </a> </div> </div> <div class="box shadow-sm mb-3 rounded bg-white ads-box"> <div class="p-3 border-bottom"> <a href="/repo/SvanteJonssonITHS-JavaScript-med-Ramverk-Laboration-3"><h6 class="font-weight-bold ">Grupprojekt för kurserna 'Javascript med Ramverk' och 'Agil Utveckling'</h6></a> <p class="mb-0 text-muted">JavaScript-med-Ramverk-Laboration-3 Grupprojektet för kurserna Javascript med Ramverk och Agil Utveckling. Utvecklingsguide För information om hur utv</p> </div> <div class="p-2"> <img class="lazy img-fluid mr-3" style="border-radius: 50%;max-width: 15%" data-original="https://avatars.githubusercontent.com/u/89025027?v=4&s=40" alt="Svante Jonsson IT-Högskolan" > <i class="fa fa-star ml-3" aria-hidden="true"></i> 3 <i class="fa fa-clock-o ml-3" aria-hidden="true"></i> May 18, 2022 </div> </div> <div class="box shadow-sm mb-3 rounded bg-white ads-box"> <div class="p-3 border-bottom"> <a href="/repo/a-little-alpinejs-plugin-to-automatically-resize-a-textarea-to-fit-its-content"><h6 class="font-weight-bold ">↕️ A little Alpine.js plugin to automatically resize a textarea to fit its content.</h6></a> <p class="mb-0 text-muted">↕️ Alpine Autosize ↕️ A little Alpine.js plugin to automatically resize a textarea to fit its content. ?? Installation CDN Include the following <scri</p> </div> <div class="p-2"> <img class="lazy img-fluid mr-3" style="border-radius: 50%;max-width: 15%" data-original="https://avatars.githubusercontent.com/u/7645035?v=4&s=40" alt="Marc Reichel" > <i class="fa fa-star ml-3" aria-hidden="true"></i> 42 <i class="fa fa-clock-o ml-3" aria-hidden="true"></i> Nov 5, 2022 </div> </div> <div class="box shadow-sm mb-3 rounded bg-white ads-box"> <div class="p-3 border-bottom"> <a href="/repo/hemsida-fr-personer-i-sverige-som-kan-och-vill-erbjuda-boende-till-mnniskor-p-flykt"><h6 class="font-weight-bold ">Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt</h6></a> <p class="mb-0 text-muted">Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np</p> </div> <div class="p-2"> <img class="lazy img-fluid mr-3" style="border-radius: 50%;max-width: 15%" data-original="https://avatars.githubusercontent.com/u/92034287?v=4&s=40" alt="null" > <i class="fa fa-star ml-3" aria-hidden="true"></i> 4 <i class="fa fa-clock-o ml-3" aria-hidden="true"></i> May 3, 2022 </div> </div> <div class="box shadow-sm mb-3 rounded bg-white ads-box"> <div class="p-3 border-bottom"> <a href="/repo/kursrepo-fr-kursen-webbserver-och-databaser"><h6 class="font-weight-bold ">Kurs-repo för kursen Webbserver och Databaser</h6></a> <p class="mb-0 text-muted">Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi</p> </div> <div class="p-2"> <img class="lazy img-fluid mr-3" style="border-radius: 50%;max-width: 15%" data-original="https://avatars.githubusercontent.com/u/98716814?v=4&s=40" alt="null" > <i class="fa fa-star ml-3" aria-hidden="true"></i> 14 <i class="fa fa-clock-o ml-3" aria-hidden="true"></i> Jan 3, 2023 </div> </div> <div class="box shadow-sm mb-3 rounded bg-white ads-box"> <div class="p-3 border-bottom"> <a href="/repo/autosize-is-a-small-standalone-script-to-automatically-adjust-textarea-height-to-fit-text"><h6 class="font-weight-bold ">Autosize is a small, stand-alone script to automatically adjust textarea height to fit text.</h6></a> <p class="mb-0 text-muted">Summary Autosize is a small, stand-alone script to automatically adjust textarea height to fit text. Demo Full documentation and a demo can be found a</p> </div> <div class="p-2"> <img class="lazy img-fluid mr-3" style="border-radius: 50%;max-width: 15%" data-original="https://avatars.githubusercontent.com/u/59797?v=4&s=40" alt="Jack Moore" > <i class="fa fa-star ml-3" aria-hidden="true"></i> 5k <i class="fa fa-clock-o ml-3" aria-hidden="true"></i> Jan 6, 2023 </div> </div> <div class="box shadow-sm mb-3 rounded bg-white ads-box"> <div class="p-3 border-bottom"> <a href="/repo/extends-bootstrap-tooltips-and-popovers-by-adding-custom-classes-available-for-bootstrap--and-bootstrap"><h6 class="font-weight-bold ">Extends Bootstrap Tooltips and Popovers by adding custom classes. Available for Bootstrap 3 and Bootstrap 4.</h6></a> <p class="mb-0 text-muted">Bootstrap Tooltip Custom Class Extends Bootstrap Tooltips and Popovers by adding custom classes. Available for Bootstrap 3 and Bootstrap 4. Define you</p> </div> <div class="p-2"> <img class="lazy img-fluid mr-3" style="border-radius: 50%;max-width: 15%" data-original="https://avatars.githubusercontent.com/u/5020835?v=4&s=40" alt="Andrei Victor Bulearca" > <i class="fa fa-star ml-3" aria-hidden="true"></i> 14 <i class="fa fa-clock-o ml-3" aria-hidden="true"></i> Feb 10, 2022 </div> </div> <div class="box shadow-sm mb-3 rounded bg-white ads-box"> <div class="p-3 border-bottom"> <a href="/repo/verlok-lazyload"><h6 class="font-weight-bold ">LazyLoad is a lightweight, flexible script that speeds up your website by deferring the loading of your below-the-fold images, backgrounds, videos, iframes and scripts to when they will enter the viewport. Written in plain "vanilla" JavaScript, it leverages IntersectionObserver, supports responsive images and enables native lazy loading.</h6></a> <p class="mb-0 text-muted">LazyLoad is a lightweight (2.4 kB) and flexible script that speeds up your web application by deferring the loading of your below-the-fold images, vid</p> </div> <div class="p-2"> <img class="lazy img-fluid mr-3" style="border-radius: 50%;max-width: 15%" data-original="https://avatars.githubusercontent.com/u/1127721?v=4&s=40" alt="Andrea Verlicchi" > <i class="fa fa-star ml-3" aria-hidden="true"></i> 7.1k <i class="fa fa-clock-o ml-3" aria-hidden="true"></i> Jan 2, 2023 </div> </div> <div class="box shadow-sm mb-3 rounded bg-white ads-box"> <div class="p-3 border-bottom"> <a href="/repo/a-simple-form-validation-utility-for-bootstrap--bootstrap--and-bootstrap--for-humans"><h6 class="font-weight-bold ">A simple Form Validation Utility for Bootstrap 3, Bootstrap 4, and Bootstrap 5 for Humans.</h6></a> <p class="mb-0 text-muted">bootstrap-validate A simple Form Validation Utility for Bootstrap 3, Bootstrap 4, and Bootstrap 5 for Humans. ?? Support us with Developer Merchandise</p> </div> <div class="p-2"> <img class="lazy img-fluid mr-3" style="border-radius: 50%;max-width: 15%" data-original="https://avatars.githubusercontent.com/u/100857899?v=4&s=40" alt="null" > <i class="fa fa-star ml-3" aria-hidden="true"></i> 138 <i class="fa fa-clock-o ml-3" aria-hidden="true"></i> Jan 2, 2023 </div> </div> <div class="box shadow-sm mb-3 rounded bg-white ads-box"> <div class="p-3 border-bottom"> <a href="/repo/fast-and-lightweight-dependencyfree-vanilla-javascript-polyfill-for-native-lazy-loading--the-awesome-loadinglazyattribute"><h6 class="font-weight-bold ">Fast and lightweight dependency-free vanilla JavaScript polyfill for native lazy loading / the awesome loading='lazy'-attribute.</h6></a> <p class="mb-0 text-muted">loading="lazy" attribute polyfill Fast and lightweight vanilla JavaScript polyfill for native lazy loading, meaning the behaviour to load elements rig</p> </div> <div class="p-2"> <img class="lazy img-fluid mr-3" style="border-radius: 50%;max-width: 15%" data-original="https://avatars.githubusercontent.com/u/787658?v=4&s=40" alt="Maximilian Franzke" > <i class="fa fa-star ml-3" aria-hidden="true"></i> 571 <i class="fa fa-clock-o ml-3" aria-hidden="true"></i> Dec 30, 2022 </div> </div> <div class="box shadow-sm mb-3 rounded bg-white ads-box"> <div class="p-3 border-bottom"> <a href="/repo/zkr024-To-Do-List"><h6 class="font-weight-bold ">Application that uses the localStorage to keep the information on the activities that are pending to be done and also those that are completed</h6></a> <p class="mb-0 text-muted">Application that uses the localStorage to keep the information on the activities that are pending to be done and also those that are completed. It provides an option to edit activities and also delete them. The clear all applies to those that are marked as completed by selecting the checkbox.</p> </div> <div class="p-2"> <img class="lazy img-fluid mr-3" style="border-radius: 50%;max-width: 15%" data-original="https://avatars.githubusercontent.com/u/93548973?v=4&s=40" alt="Oscar Bermudez" > <i class="fa fa-star ml-3" aria-hidden="true"></i> 8 <i class="fa fa-clock-o ml-3" aria-hidden="true"></i> Apr 8, 2022 </div> </div> <div class="box shadow-sm mb-3 rounded bg-white ads-box"> <div class="p-3 border-bottom"> <a href="/repo/Vitalidev12-eth-sniperbot"><h6 class="font-weight-bold ">Ethereum chain sniperbot for tokens. This bot sniffs the mempool for pending transactions for trading enabled and also liquidity add functions.</h6></a> <p class="mb-0 text-muted">Ethereum chain sniperbot for tokens. This bot sniffs the mempool for pending transactions for trading enabled and also liquidity add functions.</p> </div> <div class="p-2"> <img class="lazy img-fluid mr-3" style="border-radius: 50%;max-width: 15%" data-original="https://avatars.githubusercontent.com/u/106544428?v=4&s=40" alt="null" > <i class="fa fa-star ml-3" aria-hidden="true"></i> 12 <i class="fa fa-clock-o ml-3" aria-hidden="true"></i> Dec 5, 2022 </div> </div> <div class="box shadow-sm mb-3 rounded bg-white ads-box"> <div class="p-3 border-bottom"> <a href="/repo/demo-for-my-talk-stream-away-the-wait--a-talk-about-making-excellent-pending-experiences"><h6 class="font-weight-bold ">Demo for my talk "Stream Away the Wait" – a talk about making excellent pending experiences.</h6></a> <p class="mb-0 text-muted">?? Stream Away the Wait When implementing the design of a user interface, we often finish before remembering that not everyone's running the app's ser</p> </div> <div class="p-2"> <img class="lazy img-fluid mr-3" style="border-radius: 50%;max-width: 15%" data-original="https://avatars.githubusercontent.com/u/1500684?v=4&s=40" alt="Kent C. Dodds" > <i class="fa fa-star ml-3" aria-hidden="true"></i> 25 <i class="fa fa-clock-o ml-3" aria-hidden="true"></i> Nov 1, 2022 </div> </div> <div class="box shadow-sm mb-3 rounded bg-white ads-box"> <div class="p-3 border-bottom"> <a href="/repo/4dboard-yxorP"><h6 class="font-weight-bold ">proxy 🦄 yxorp is your Web Proxy as a Service (SAAS) Multi-tenant, Multi-Threaded, with Cache & Article Spinner</h6></a> <p class="mb-0 text-muted">proxy ?? yxorp is your Web Proxy as a Service (SAAS) Multi-tenant, Multi-Threaded, with Cache & Article Spinner. Batteries are included, Content Spinning and Caching Engine, all housed within a stunning web GUI. A unique high-performance, plug-and-play, multi-threaded website mirror and article spinner</p> </div> <div class="p-2"> <img class="lazy img-fluid mr-3" style="border-radius: 50%;max-width: 15%" data-original="https://avatars.githubusercontent.com/u/102471863?v=4&s=40" alt="4D/ҵ.com Dashboards" > <i class="fa fa-star ml-3" aria-hidden="true"></i> 13 <i class="fa fa-clock-o ml-3" aria-hidden="true"></i> Dec 30, 2022 </div> </div> <div class="box shadow-sm mb-3 rounded bg-white ads-box"> <div class="p-3 border-bottom"> <a href="/repo/PhilippeMarcMeyer-vanillaSelectBox"><h6 class="font-weight-bold ">VanillaSelectBox - A dropdown menu with lots of features that takes a select tag and transforms it into a single or multi-select menu with 1 or 2 levels</h6></a> <p class="mb-0 text-muted">vanillaSelectBox v1.0.0 vanillaSelectBox : v1.00 : Adding a package.json file New : Possibility to change the dropdown tree and change the remote sear</p> </div> <div class="p-2"> <img class="lazy img-fluid mr-3" style="border-radius: 50%;max-width: 15%" data-original="https://avatars.githubusercontent.com/u/2178299?v=4&s=40" alt="philippe MEYER" > <i class="fa fa-star ml-3" aria-hidden="true"></i> 103 <i class="fa fa-clock-o ml-3" aria-hidden="true"></i> Dec 16, 2022 </div> </div> <div class="box shadow-sm mb-3 rounded bg-white ads-box"> <div class="p-3 border-bottom"> <a href="/repo/opiniated-nuxt--starter--visual-deployment-indicator--more"><h6 class="font-weight-bold ">🌬 Opiniated Nuxt 3 Starter — visual deployment indicator & more</h6></a> <p class="mb-0 text-muted">Nuxt 3 Minimal Starter I recommend to look at the documentation. Key Features ?? State management with Pinia ?? Prettier & ESLint ?? Pre-configured VS</p> </div> <div class="p-2"> <img class="lazy img-fluid mr-3" style="border-radius: 50%;max-width: 15%" data-original="https://avatars.githubusercontent.com/u/27850750?v=4&s=40" alt="Johann Schopplich" > <i class="fa fa-star ml-3" aria-hidden="true"></i> 7 <i class="fa fa-clock-o ml-3" aria-hidden="true"></i> Dec 7, 2022 </div> </div> <div class="box shadow-sm mb-3 rounded bg-white ads-box"> <div class="p-3 border-bottom"> <a href="/repo/kadetXx-insect"><h6 class="font-weight-bold ">🛠 Highly customisable, minimalistic input x select field for React.</h6></a> <p class="mb-0 text-muted">Insect ?? Highly customisable, minimalistic input x select field for React. ⚡️ Features Tiny size (~4kb Gzip) 100% responsive. Highly customisable. Su</p> </div> <div class="p-2"> <img class="lazy img-fluid mr-3" style="border-radius: 50%;max-width: 15%" data-original="https://avatars.githubusercontent.com/u/58493257?v=4&s=40" alt="Kadet" > <i class="fa fa-star ml-3" aria-hidden="true"></i> 32 <i class="fa fa-clock-o ml-3" aria-hidden="true"></i> Oct 29, 2022 </div> </div> <div class="box shadow-sm mb-3 rounded bg-white ads-box"> <div class="p-3 border-bottom"> <a href="/repo/a-fast-vanilla-js-customisable-select-boxtext-input-plugin-for-modern-browsers"><h6 class="font-weight-bold ">A fast, vanilla JS customisable select box/text input plugin for modern browsers ⚡</h6></a> <p class="mb-0 text-muted">choices A fast, vanilla, lightweight (~16kb gzipped ?? ), configurable select plugin for modern browsers. Similar to Select2 and Selectize but without</p> </div> <div class="p-2"> <img class="lazy img-fluid mr-3" style="border-radius: 50%;max-width: 15%" data-original="https://avatars.githubusercontent.com/u/6484844?v=4&s=40" alt="null" > <i class="fa fa-star ml-3" aria-hidden="true"></i> 9 <i class="fa fa-clock-o ml-3" aria-hidden="true"></i> Aug 9, 2022 </div> </div> <div class="box shadow-sm mb-3 rounded bg-white ads-box"> <div class="p-3 border-bottom"> <a href="/repo/a-phone-input-component-that-uses-intltelinput-for-laravel-filament"><h6 class="font-weight-bold ">A phone input component that uses intl-tel-input for Laravel Filament</h6></a> <p class="mb-0 text-muted">Filament Phone Input This package provides a phone input component for Laravel Filament. It uses International Telephone Input to provide a dropdown o</p> </div> <div class="p-2"> <img class="lazy img-fluid mr-3" style="border-radius: 50%;max-width: 15%" data-original="https://avatars.githubusercontent.com/u/16710972?v=4&s=40" alt="Yusuf Kaya" > <i class="fa fa-star ml-3" aria-hidden="true"></i> 24 <i class="fa fa-clock-o ml-3" aria-hidden="true"></i> Nov 29, 2022 </div> </div> <div class="box shadow-sm mb-3 rounded bg-white ads-box"> <div class="p-3 border-bottom"> <a href="/repo/silviomoreto-bootstrap-select"><h6 class="font-weight-bold "> The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more. Now with Bootstrap 5 support. </h6></a> <p class="mb-0 text-muted">bootstrap-select The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more. Now with</p> </div> <div class="p-2"> <img class="lazy img-fluid mr-3" style="border-radius: 50%;max-width: 15%" data-original="https://avatars.githubusercontent.com/u/3484250?v=4&s=40" alt="SnapAppointments" > <i class="fa fa-star ml-3" aria-hidden="true"></i> 9.7k <i class="fa fa-clock-o ml-3" aria-hidden="true"></i> Dec 30, 2022 </div> </div> </div> </div> </div> </div> <!-- footer --> <footer class="bg-white"> <div class="container"> <div class="copyright"> <div class="logo"> <a href="/"> <img src="/assets/images/logo_jsrepos.png"> </a> </div> <p>2022.JsRepos </p> </div> </div> </footer> <!-- footer--> <!-- Bootstrap core JavaScript --> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha512-bnIvzh6FU75ZKxp0GXLH9bewza/OIw6dLVh9ICg0gogclmYGguQJWl8U30WpbsGTqbIiAwxTsbe76DErLq5EDQ==" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/js/bootstrap.bundle.min.js" integrity="sha512-Oy5BruJdE3gP9+LMJ11kC5nErkh3p4Y0GawT1Jrcez4RTDxODf3M/KP3pEsgeOYxWejqy2SPnj+QMpgtvhDciQ==" crossorigin="anonymous"></script> <!-- select2 Js --> <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js" integrity="sha512-2ImtlRlf2VVmiGZsjm9bEyhjGW4dU7B6TNwh/hx/iSByxNENtj3WVE6o/9Lj4TJeVXPi4bnOIMXFIJJAeufa0A==" crossorigin="anonymous"></script> <!-- Custom --> <script src="/assets/js/custom.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.lazyload/1.9.1/jquery.lazyload.min.js"></script> <script> $(function() { $("img.lazy").lazyload({ threshold :180, failurelimit :20, effect : "fadeIn" }); }); </script> <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script> <script> hljs.initHighlightingOnLoad(); </script> </body> </html>