Skip to content

Commit

Permalink
docs update
Browse files Browse the repository at this point in the history
  • Loading branch information
mzusin committed Jul 31, 2023
1 parent 957ce0d commit 586a979
Show file tree
Hide file tree
Showing 52 changed files with 434 additions and 204 deletions.

Large diffs are not rendered by default.

10 changes: 5 additions & 5 deletions docs/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -17,8 +17,8 @@
<link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />

<link rel="stylesheet" href="/highlight.js/styles/tokyo-night-dark.css" />
<link rel="stylesheet" href="/css/styles.1689852038054.css" />
<!--<link rel="stylesheet" href="/js/index.1689852038054.css" />-->
<link rel="stylesheet" href="/css/styles.1690791059529.css" />
<!--<link rel="stylesheet" href="/js/index.1690791059529.css" />-->
</head>
<body class="font-roboto bg-white" id="special-page">
<div class="flex justify-center items-center bg-emerald-100 border-b border-emerald-200">
Expand Down Expand Up @@ -138,7 +138,7 @@ <h2 class="mt-8 font-semibold text-sky-500">Responsive</h2>
step="10"

theme="target"
css-links="/js/index.1689852038054.css"
css-links="/js/index.1690791059529.css"

moving-tooltip="true"
moving-tooltip-bg="#1e8696"
Expand Down Expand Up @@ -322,7 +322,7 @@ <h2 class="mt-8 font-semibold text-sky-500">Data</h2>
moving-tooltip-bg="#ccdef7"
moving-tooltip-text-color="#092d4d"
moving-tooltip-width="45"
css-links="/js/index.1689852038054.css"
css-links="/js/index.1690791059529.css"
slider-bg-fill="#3b75c8"
slider-width="450px"></tc-range-slider>
<div class="ml-6 text-xs justify-center leading-5 bg-slate-100/30 hover:bg-slate-100/20 text-white rounded-full py-1 px-3 hidden md:flex items-center space-x-2 w-20">z</div>
Expand Down Expand Up @@ -720,7 +720,7 @@ <h2 class="mt-8 font-semibold text-sky-500">Free</h2>
</div>
</footer>

<script src="/js/index.1689852038054.js"></script>
<script src="/js/index.1690791059529.js"></script>
<script src="/highlight.js/highlight.min.js"></script>
<script>
try{
Expand Down

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

File renamed without changes.

Large diffs are not rendered by default.

File renamed without changes.
13 changes: 9 additions & 4 deletions docs/pages/accessibility.html
Original file line number Diff line number Diff line change
Expand Up @@ -17,8 +17,8 @@
<link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />

<link rel="stylesheet" href="/highlight.js/styles/tokyo-night-dark.css" />
<link rel="stylesheet" href="/css/styles.1689852038054.css" />
<!--<link rel="stylesheet" href="/js/index.1689852038054.css" />-->
<link rel="stylesheet" href="/css/styles.1690791059529.css" />
<!--<link rel="stylesheet" href="/js/index.1690791059529.css" />-->

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-D3TJWMC6F4"></script>
Expand Down Expand Up @@ -65,6 +65,11 @@
</a>
</div>

<div>
<p class="text-center text-sm">
🤩 If you like this project, please support us by starring our <a target="_blank" rel="noopener noreferrer" href="https://github.com/mzusin/toolcool-range-slider" class="underline">GitHub repository</a> 🤩</p>
</div>

<div class="flex items-center">

<!-- themes -->
Expand Down Expand Up @@ -150,7 +155,7 @@
</div>
</div>

<div class="p-4 overflow-y-auto h-full md:w-100-350 dark:bg-slate-800">
<div class="p-4 overflow-y-auto h-full md:w-100-350 dark:bg-[#090f1c]">
<div class="w-800 max-w-full mx-auto my-10 leading-7 text-lg text-slate-800 dark:text-slate-200"><h2 id="accessibility-via-aria-attributes" tabindex="-1" class="text-3xl mb-8"><a class="header-anchor text-sky-500" href="#accessibility-via-aria-attributes">
<svg class="inline-block" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24">
<path stroke="none" d="M0 0h24v24H0z"/>
Expand Down Expand Up @@ -266,6 +271,6 @@
</div>
</footer>-->

<script src="/js/index.1689852038054.js"></script>
<script src="/js/index.1690791059529.js"></script>
</body>
</html>
13 changes: 9 additions & 4 deletions docs/pages/add-css-api.html
Original file line number Diff line number Diff line change
Expand Up @@ -17,8 +17,8 @@
<link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />

<link rel="stylesheet" href="/highlight.js/styles/tokyo-night-dark.css" />
<link rel="stylesheet" href="/css/styles.1689852038054.css" />
<!--<link rel="stylesheet" href="/js/index.1689852038054.css" />-->
<link rel="stylesheet" href="/css/styles.1690791059529.css" />
<!--<link rel="stylesheet" href="/js/index.1690791059529.css" />-->

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-D3TJWMC6F4"></script>
Expand Down Expand Up @@ -65,6 +65,11 @@
</a>
</div>

<div>
<p class="text-center text-sm">
🤩 If you like this project, please support us by starring our <a target="_blank" rel="noopener noreferrer" href="https://github.com/mzusin/toolcool-range-slider" class="underline">GitHub repository</a> 🤩</p>
</div>

<div class="flex items-center">

<!-- themes -->
Expand Down Expand Up @@ -150,7 +155,7 @@
</div>
</div>

<div class="p-4 overflow-y-auto h-full md:w-100-350 dark:bg-slate-800">
<div class="p-4 overflow-y-auto h-full md:w-100-350 dark:bg-[#090f1c]">
<div class="w-800 max-w-full mx-auto my-10 leading-7 text-lg text-slate-800 dark:text-slate-200"><h2 id="add-css-api" tabindex="-1" class="text-3xl mb-8"><a class="header-anchor text-sky-500" href="#add-css-api">
<svg class="inline-block" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24">
<path stroke="none" d="M0 0h24v24H0z"/>
Expand Down Expand Up @@ -216,6 +221,6 @@
</div>
</footer>-->

<script src="/js/index.1689852038054.js"></script>
<script src="/js/index.1690791059529.js"></script>
</body>
</html>
13 changes: 9 additions & 4 deletions docs/pages/add-remove-pointer.html
Original file line number Diff line number Diff line change
Expand Up @@ -17,8 +17,8 @@
<link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />

<link rel="stylesheet" href="/highlight.js/styles/tokyo-night-dark.css" />
<link rel="stylesheet" href="/css/styles.1689852038054.css" />
<!--<link rel="stylesheet" href="/js/index.1689852038054.css" />-->
<link rel="stylesheet" href="/css/styles.1690791059529.css" />
<!--<link rel="stylesheet" href="/js/index.1690791059529.css" />-->

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-D3TJWMC6F4"></script>
Expand Down Expand Up @@ -65,6 +65,11 @@
</a>
</div>

<div>
<p class="text-center text-sm">
🤩 If you like this project, please support us by starring our <a target="_blank" rel="noopener noreferrer" href="https://github.com/mzusin/toolcool-range-slider" class="underline">GitHub repository</a> 🤩</p>
</div>

<div class="flex items-center">

<!-- themes -->
Expand Down Expand Up @@ -150,7 +155,7 @@
</div>
</div>

<div class="p-4 overflow-y-auto h-full md:w-100-350 dark:bg-slate-800">
<div class="p-4 overflow-y-auto h-full md:w-100-350 dark:bg-[#090f1c]">
<div class="w-800 max-w-full mx-auto my-10 leading-7 text-lg text-slate-800 dark:text-slate-200"><h2 id="add-remove-pointer-api" tabindex="-1" class="text-3xl mb-8"><a class="header-anchor text-sky-500" href="#add-remove-pointer-api">
<svg class="inline-block" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24">
<path stroke="none" d="M0 0h24v24H0z"/>
Expand Down Expand Up @@ -213,6 +218,6 @@
</div>
</footer>-->

<script src="/js/index.1689852038054.js"></script>
<script src="/js/index.1690791059529.js"></script>
</body>
</html>
13 changes: 9 additions & 4 deletions docs/pages/animation.html
Original file line number Diff line number Diff line change
Expand Up @@ -17,8 +17,8 @@
<link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />

<link rel="stylesheet" href="/highlight.js/styles/tokyo-night-dark.css" />
<link rel="stylesheet" href="/css/styles.1689852038054.css" />
<!--<link rel="stylesheet" href="/js/index.1689852038054.css" />-->
<link rel="stylesheet" href="/css/styles.1690791059529.css" />
<!--<link rel="stylesheet" href="/js/index.1690791059529.css" />-->

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-D3TJWMC6F4"></script>
Expand Down Expand Up @@ -65,6 +65,11 @@
</a>
</div>

<div>
<p class="text-center text-sm">
🤩 If you like this project, please support us by starring our <a target="_blank" rel="noopener noreferrer" href="https://github.com/mzusin/toolcool-range-slider" class="underline">GitHub repository</a> 🤩</p>
</div>

<div class="flex items-center">

<!-- themes -->
Expand Down Expand Up @@ -150,7 +155,7 @@
</div>
</div>

<div class="p-4 overflow-y-auto h-full md:w-100-350 dark:bg-slate-800">
<div class="p-4 overflow-y-auto h-full md:w-100-350 dark:bg-[#090f1c]">
<div class="w-800 max-w-full mx-auto my-10 leading-7 text-lg text-slate-800 dark:text-slate-200"><h2 id="animation-on-panel-click" tabindex="-1" class="text-3xl mb-8"><a class="header-anchor text-sky-500" href="#animation-on-panel-click">
<svg class="inline-block" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24">
<path stroke="none" d="M0 0h24v24H0z"/>
Expand Down Expand Up @@ -254,6 +259,6 @@
</div>
</footer>-->

<script src="/js/index.1689852038054.js"></script>
<script src="/js/index.1690791059529.js"></script>
</body>
</html>
13 changes: 9 additions & 4 deletions docs/pages/auto-binding-labels.html
Original file line number Diff line number Diff line change
Expand Up @@ -17,8 +17,8 @@
<link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />

<link rel="stylesheet" href="/highlight.js/styles/tokyo-night-dark.css" />
<link rel="stylesheet" href="/css/styles.1689852038054.css" />
<!--<link rel="stylesheet" href="/js/index.1689852038054.css" />-->
<link rel="stylesheet" href="/css/styles.1690791059529.css" />
<!--<link rel="stylesheet" href="/js/index.1690791059529.css" />-->

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-D3TJWMC6F4"></script>
Expand Down Expand Up @@ -65,6 +65,11 @@
</a>
</div>

<div>
<p class="text-center text-sm">
🤩 If you like this project, please support us by starring our <a target="_blank" rel="noopener noreferrer" href="https://github.com/mzusin/toolcool-range-slider" class="underline">GitHub repository</a> 🤩</p>
</div>

<div class="flex items-center">

<!-- themes -->
Expand Down Expand Up @@ -150,7 +155,7 @@
</div>
</div>

<div class="p-4 overflow-y-auto h-full md:w-100-350 dark:bg-slate-800">
<div class="p-4 overflow-y-auto h-full md:w-100-350 dark:bg-[#090f1c]">
<div class="w-800 max-w-full mx-auto my-10 leading-7 text-lg text-slate-800 dark:text-slate-200"><h2 id="auto-binding-labels" tabindex="-1" class="text-3xl mb-8"><a class="header-anchor text-sky-500" href="#auto-binding-labels">
<svg class="inline-block" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24">
<path stroke="none" d="M0 0h24v24H0z"/>
Expand Down Expand Up @@ -297,6 +302,6 @@
</div>
</footer>-->

<script src="/js/index.1689852038054.js"></script>
<script src="/js/index.1690791059529.js"></script>
</body>
</html>
13 changes: 9 additions & 4 deletions docs/pages/auto-generated-labels.html
Original file line number Diff line number Diff line change
Expand Up @@ -17,8 +17,8 @@
<link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />

<link rel="stylesheet" href="/highlight.js/styles/tokyo-night-dark.css" />
<link rel="stylesheet" href="/css/styles.1689852038054.css" />
<!--<link rel="stylesheet" href="/js/index.1689852038054.css" />-->
<link rel="stylesheet" href="/css/styles.1690791059529.css" />
<!--<link rel="stylesheet" href="/js/index.1690791059529.css" />-->

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-D3TJWMC6F4"></script>
Expand Down Expand Up @@ -65,6 +65,11 @@
</a>
</div>

<div>
<p class="text-center text-sm">
🤩 If you like this project, please support us by starring our <a target="_blank" rel="noopener noreferrer" href="https://github.com/mzusin/toolcool-range-slider" class="underline">GitHub repository</a> 🤩</p>
</div>

<div class="flex items-center">

<!-- themes -->
Expand Down Expand Up @@ -150,7 +155,7 @@
</div>
</div>

<div class="p-4 overflow-y-auto h-full md:w-100-350 dark:bg-slate-800">
<div class="p-4 overflow-y-auto h-full md:w-100-350 dark:bg-[#090f1c]">
<div class="w-800 max-w-full mx-auto my-10 leading-7 text-lg text-slate-800 dark:text-slate-200"><h2 id="auto-generated-labels" tabindex="-1" class="text-3xl mb-8"><a class="header-anchor text-sky-500" href="#auto-generated-labels">
<svg class="inline-block" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24">
<path stroke="none" d="M0 0h24v24H0z"/>
Expand Down Expand Up @@ -358,6 +363,6 @@ <h3 id="custom-formatting" tabindex="-1" class="text-3xl mb-8"><a class="header-
</div>
</footer>-->

<script src="/js/index.1689852038054.js"></script>
<script src="/js/index.1690791059529.js"></script>
</body>
</html>
13 changes: 9 additions & 4 deletions docs/pages/basic-usage.html
Original file line number Diff line number Diff line change
Expand Up @@ -17,8 +17,8 @@
<link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />

<link rel="stylesheet" href="/highlight.js/styles/tokyo-night-dark.css" />
<link rel="stylesheet" href="/css/styles.1689852038054.css" />
<!--<link rel="stylesheet" href="/js/index.1689852038054.css" />-->
<link rel="stylesheet" href="/css/styles.1690791059529.css" />
<!--<link rel="stylesheet" href="/js/index.1690791059529.css" />-->

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-D3TJWMC6F4"></script>
Expand Down Expand Up @@ -65,6 +65,11 @@
</a>
</div>

<div>
<p class="text-center text-sm">
🤩 If you like this project, please support us by starring our <a target="_blank" rel="noopener noreferrer" href="https://github.com/mzusin/toolcool-range-slider" class="underline">GitHub repository</a> 🤩</p>
</div>

<div class="flex items-center">

<!-- themes -->
Expand Down Expand Up @@ -150,7 +155,7 @@
</div>
</div>

<div class="p-4 overflow-y-auto h-full md:w-100-350 dark:bg-slate-800">
<div class="p-4 overflow-y-auto h-full md:w-100-350 dark:bg-[#090f1c]">
<div class="w-800 max-w-full mx-auto my-10 leading-7 text-lg text-slate-800 dark:text-slate-200"><h2 id="basic-usage" tabindex="-1" class="text-3xl mb-8"><a class="header-anchor text-sky-500" href="#basic-usage">
<svg class="inline-block" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24">
<path stroke="none" d="M0 0h24v24H0z"/>
Expand Down Expand Up @@ -216,6 +221,6 @@
</div>
</footer>-->

<script src="/js/index.1689852038054.js"></script>
<script src="/js/index.1690791059529.js"></script>
</body>
</html>
Loading

0 comments on commit 586a979

Please sign in to comment.