Merge pull request #21 from williamtroup/1.6.1

1.6.1
williamtroup · Apr 17, 2024 · ecbb620 · ecbb620
2 parents a212cca + 33b4046
commit ecbb620
Show file tree

Hide file tree

Showing 63 changed files with 171 additions and 153 deletions.
diff --git a/README.md b/README.md
@@ -2,15 +2,15 @@
 Journey.js
 
 [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=Journey.js%2C%20a%20free%20JavaScript%journey%builder&url=https://github.com/williamtroup/Journey.js&hashtags=javascript,html,journey,guide)
-[![npm](https://img.shields.io/badge/npmjs-v1.6.0-blue)](https://www.npmjs.com/package/jjourney.js)
-[![nuget](https://img.shields.io/badge/nuget-v1.6.0-purple)](https://www.nuget.org/packages/jJourney.js/)
+[![npm](https://img.shields.io/badge/npmjs-v1.6.1-blue)](https://www.npmjs.com/package/jjourney.js)
+[![nuget](https://img.shields.io/badge/nuget-v1.6.1-purple)](https://www.nuget.org/packages/jJourney.js/)
 [![license](https://img.shields.io/badge/license-MIT-green)](https://github.com/williamtroup/Journey.js/blob/main/LICENSE.txt)
 [![discussions Welcome](https://img.shields.io/badge/discussions-Welcome-red)](https://github.com/williamtroup/Journey.js/discussions)
 [![coded by William Troup](https://img.shields.io/badge/coded_by-William_Troup-yellow)](https://www.william-troup.com/)
 </h1>
 
 > <p align="center">🚶 A lightweight, easy-to-use JavaScript library to create interactive, customizable, accessible guided tours across your websites or web apps!</p>
-> <p align="center">v1.6.0</p>
+> <p align="center">v1.6.1</p>
 <br />
 
 ![Journey.js](docs/images/main.png)

diff --git a/README_NUGET.md b/README_NUGET.md
@@ -1,8 +1,8 @@
-# Journey.js v1.6.0
+# Journey.js v1.6.1
 
 [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=Journey.js%2C%20a%20free%20JavaScript%journey%builder&url=https://github.com/williamtroup/Journey.js&hashtags=javascript,html,journey,guide)
-[![npm](https://img.shields.io/badge/npmjs-v1.6.0-blue)](https://www.npmjs.com/package/jjourney.js)
-[![nuget](https://img.shields.io/badge/nuget-v1.6.0-purple)](https://www.nuget.org/packages/jJourney.js/)
+[![npm](https://img.shields.io/badge/npmjs-v1.6.1-blue)](https://www.npmjs.com/package/jjourney.js)
+[![nuget](https://img.shields.io/badge/nuget-v1.6.1-purple)](https://www.nuget.org/packages/jJourney.js/)
 [![license](https://img.shields.io/badge/license-MIT-green)](https://github.com/williamtroup/Journey.js/blob/main/LICENSE.txt)
 [![discussions Welcome](https://img.shields.io/badge/discussions-Welcome-red)](https://github.com/williamtroup/Journey.js/discussions)
 [![coded by William Troup](https://img.shields.io/badge/coded_by-William_Troup-yellow)](https://www.william-troup.com/)

diff --git a/dist/journey.js b/dist/journey.js
@@ -1,4 +1,4 @@
-/*! Journey.js v1.6.0 | (c) Bunoon 2024 | MIT License */
+/*! Journey.js v1.6.1 | (c) Bunoon 2024 | MIT License */
 (function() {
   var _parameter_Document = null, _parameter_Window = null, _parameter_Math = null, _parameter_Json = null, _public = {}, _configuration = {}, _configuration_ShortcutKeysEnabled = true, _enum_KeyCodes = {escape:27, left:37, up:38, right:39, down:40}, _string = {empty:"", space:" "}, _elements_Type = {}, _groups_Default = "default", _groups_Current = _groups_Default, _groups = {}, _element_Focus_Element_PositionStyle = null, _element_Disabled_Background = null, _element_Dialog = null, _element_Dialog_Close_Button = 
   null, _element_Dialog_Title = null, _element_Dialog_Description = null, _element_Dialog_CheckBox_Container = null, _element_Dialog_CheckBox_Input = null, _element_Dialog_ProgressDots = null, _element_Dialog_ProgressBar = null, _element_Dialog_ProgressBar_Percentage = null, _element_Dialog_ProgressBar_Percentage_Text = null, _element_Dialog_Buttons = null, _element_Dialog_Buttons_Back_Button = null, _element_Dialog_Buttons_Next_Button = null, _element_ToolTip = null, _element_ToolTip_Timer = null, 
@@ -791,7 +791,7 @@
     _configuration.onDoNotShowAgainChange = getDefaultFunction(_configuration.onDoNotShowAgainChange, null);
   }
   _public.getVersion = function() {
-    return "1.6.0";
+    return "1.6.1";
   };
   (function(documentObject, windowObject, mathObject, jsonObject) {
     _parameter_Document = documentObject;

diff --git a/dist/journey.js.css b/dist/journey.js.css
@@ -1,5 +1,5 @@
 /*
- * Journey.js Library v1.6.0
+ * Journey.js Library v1.6.1
  *
  * Copyright 2024 Bunoon
  * Released under the MIT License
@@ -40,14 +40,15 @@
   --journey-js-checkbox-background-color: var(--journey-js-dialog-button-background-color);
   --journey-js-checkbox-border-color-checked: var(--journey-js-checkbox-background-color-checked);
   --journey-js-checkbox-border-color: var(--journey-js-dialog-button-border-color);
+  --journey-js-checkbox-border-hover-color: var(--journey-js-dialog-button-hover-background-color);
   --journey-js-tooltip-background-color: var(--journey-js-dialog-background-color);
   --journey-js-tooltip-border-color: var(--journey-js-dialog-border-color);
   --journey-js-tooltip-text-color: var(--journey-js-color-white);
   --journey-js-border-control-radius: 0.25rem;
   --journey-js-border-radius: 0.5rem;
   --journey-js-border-size: 0.5px;
   --journey-js-spacing: 10px;
-  --journey-js-spacing-font-size: 0.9rem;
+  --journey-js-spacing-font-size: 0.85rem;
   --journey-js-transition: all .3s;
   --journey-js-animation-length: 0.5s;
 }
@@ -100,13 +101,6 @@ div.journey-js-dialog div.title {
 div.journey-js-dialog div.description {
   font-weight: var(--journey-js-text-bold-weight);
 }
-div.journey-js-dialog div.checkbox-container {
-  margin-top: var(--journey-js-spacing);
-  margin-bottom: var(--journey-js-spacing);
-}
-div.journey-js-dialog div.checkbox-container input {
-  margin-right: var(--journey-js-spacing);
-}
 
 /*
     -------------------------------------------------------------------------
@@ -163,13 +157,11 @@ div.journey-js-dialog button.close:hover::before, div.journey-js-dialog button.c
 div.journey-js-dialog div.progress-dots {
   margin-top: var(--journey-js-spacing);
   margin-bottom: var(--journey-js-spacing);
-  text-wrap: nowrap;
   text-align: center;
 }
 div.journey-js-dialog div.progress-dots div.dot,
 div.journey-js-dialog div.progress-dots div.dot-active {
-  margin-right: 2.5px;
-  margin-left: 2.5px;
+  margin: 2.5px;
   display: inline-block;
   padding: 0 !important;
 }
@@ -209,7 +201,7 @@ div.journey-js-dialog div.progress-dots div.dot-active {
   transition-property: width;
   border-radius: 10px;
   height: 10px;
-  width: 15px;
+  width: 20px;
   background-color: var(--journey-js-dialog-button-border-color);
   border: var(--journey-js-border-size) solid var(--journey-js-dialog-button-border-color);
   color: var(--journey-js-color-white) !important;
@@ -250,31 +242,35 @@ div.journey-js-dialog div.progress-bar div.progress-bar-percentage p.progress-ba
     Journey.js - Dialog - CheckBox
     -------------------------------------------------------------------------
 */
-div.journey-js-dialog label.checkbox {
+div.journey-js-dialog div.checkbox-container {
+  margin-top: var(--journey-js-spacing);
+  margin-bottom: var(--journey-js-spacing);
+}
+div.journey-js-dialog div.checkbox-container label.checkbox {
   display: inline-block;
   position: relative;
   padding-left: 25px;
   color: var(--journey-js-color-white);
 }
-div.journey-js-dialog label.checkbox input {
+div.journey-js-dialog div.checkbox-container label.checkbox input {
   display: none !important;
 }
-div.journey-js-dialog label.checkbox input:checked ~ span.check-mark {
+div.journey-js-dialog div.checkbox-container label.checkbox input:checked ~ span.check-mark {
   background-color: var(--journey-js-checkbox-background-color-checked);
   border: var(--journey-js-border-size) solid var(--journey-js-checkbox-border-color-checked);
 }
-div.journey-js-dialog label.checkbox input:checked ~ span.check-mark::before {
+div.journey-js-dialog div.checkbox-container label.checkbox input:checked ~ span.check-mark::before {
   display: block;
 }
-div.journey-js-dialog label.checkbox input:disabled ~ span.check-mark, div.journey-js-dialog label.checkbox input:disabled ~ span.text {
+div.journey-js-dialog div.checkbox-container label.checkbox input:disabled ~ span.check-mark, div.journey-js-dialog div.checkbox-container label.checkbox input:disabled ~ span.text {
   opacity: 0.5;
 }
-div.journey-js-dialog label.checkbox input:disabled ~ span.check-mark {
+div.journey-js-dialog div.checkbox-container label.checkbox input:disabled ~ span.check-mark {
   border: var(--journey-js-border-size) solid var(--journey-js-color-black) !important;
 }
-div.journey-js-dialog label.checkbox span.check-mark {
+div.journey-js-dialog div.checkbox-container label.checkbox span.check-mark {
   position: absolute;
-  top: 1.5px;
+  top: 0.5px;
   left: 0;
   height: 15px;
   width: 15px;
@@ -283,7 +279,7 @@ div.journey-js-dialog label.checkbox span.check-mark {
   border: var(--journey-js-border-size) solid var(--journey-js-checkbox-border-color);
   transition: var(--journey-js-transition);
 }
-div.journey-js-dialog label.checkbox span.check-mark::before {
+div.journey-js-dialog div.checkbox-container label.checkbox span.check-mark::before {
   content: "";
   transform: rotate(45deg);
   position: absolute;
@@ -295,15 +291,23 @@ div.journey-js-dialog label.checkbox span.check-mark::before {
   border: solid var(--journey-js-color-white);
   border-width: 0 2.5px 2.5px 0;
 }
+div.journey-js-dialog div.checkbox-container label.checkbox:hover span.check-mark {
+  border: var(--journey-js-border-size) solid var(--journey-js-checkbox-border-hover-color);
+}
 
 /*
     -------------------------------------------------------------------------
     Journey.js - Dialog - Buttons
     -------------------------------------------------------------------------
 */
 div.journey-js-dialog div.buttons {
-  margin-top: var(--journey-js-spacing);
+  margin-top: calc(var(--journey-js-spacing) * 2);
   text-align: right;
+  border-top: var(--journey-js-border-size) dotted var(--journey-js-dialog-button-border-color);
+  padding-top: var(--journey-js-spacing);
+}
+div.journey-js-dialog div.buttons button:first-child {
+  margin-left: 0 !important;
 }
 div.journey-js-dialog div.buttons button.back,
 div.journey-js-dialog div.buttons button.next {
@@ -335,8 +339,12 @@ div.journey-js-dialog div.buttons button.next:disabled {
   background-color: var(--journey-js-dialog-button-disabled-background-color) !important;
   color: var(--journey-js-color-gray);
 }
+div.journey-js-dialog div.buttons button.back {
+  float: left;
+}
 div.journey-js-dialog div.buttons button.next {
   font-weight: var(--journey-js-title-bold-weight);
+  float: right;
 }
 
 /*

diff --git a/dist/journey.js.css.map b/dist/journey.js.css.map