Add built files

JosephusPaye · Dec 31, 2021 · e448db7 · e448db7
1 parent c8ed4f5
commit e448db7
Show file tree

Hide file tree

Showing 74 changed files with 2,238 additions and 2,127 deletions.
diff --git a/dist/keen-ui.css b/dist/keen-ui.css
@@ -1,6 +1,6 @@
 /*!
- * Keen UI v1.3.1 (https://github.com/JosephusPaye/keen-ui)
- * (c) 2020 Josephus Paye II
+ * Keen UI v1.3.2 (https://github.com/JosephusPaye/keen-ui)
+ * (c) 2021 Josephus Paye II
  * Released under the MIT License.
  */
 
@@ -2078,10 +2078,12 @@ body[modality="keyboard"] .ui-checkbox__input:focus + .ui-checkbox__checkmark .u
 }
 .ui-collapsible__body-wrapper {
   max-height: 0;
-  overflow: hidden;
   -webkit-transition: max-height 0.3s ease;
   transition: max-height 0.3s ease;
 }
+.ui-collapsible__body-wrapper.v-enter-active, .ui-collapsible__body-wrapper.v-leave-active {
+    overflow: hidden;
+}
 .ui-collapsible__body {
   border: 1px solid #eeeeee;
   border-top: 0;
@@ -4050,7 +4052,6 @@ body[modality="keyboard"] .ui-switch__input:focus + .ui-switch__thumb .ui-switch
   -webkit-transition-timing-function: ease;
           transition-timing-function: ease;
   width: 1.25rem;
-  z-index: 1;
 }
 .ui-switch__focus-ring {
   background-color: rgba(0, 0, 0, 0.1);

diff --git a/dist/keen-ui.js b/dist/keen-ui.js
@@ -1,6 +1,6 @@
 /*!
- * Keen UI v1.3.1 (https://github.com/JosephusPaye/keen-ui)
- * (c) 2020 Josephus Paye II
+ * Keen UI v1.3.2 (https://github.com/JosephusPaye/keen-ui)
+ * (c) 2021 Josephus Paye II
  * Released under the MIT License.
  */
 (function webpackUniversalModuleDefinition(root, factory) {
@@ -5564,7 +5564,8 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
             lastDayOfPreviousMonth.setDate(0);
 
-            var outsideYearRange = lastDayOfPreviousMonth.getFullYear() < this.yearRange[0];
+            var firstYear = Math.min(this.yearRange[0], this.yearRange[this.yearRange.length - 1]);
+            var outsideYearRange = lastDayOfPreviousMonth.getFullYear() < firstYear;
 
             if (this.minDate) {
                 return outsideYearRange || lastDayOfPreviousMonth.getTime() < this.minDate.getTime();
@@ -5577,7 +5578,8 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
             firstDayOfNextMonth.setMonth(this.dateInView.getMonth() + 1, 1);
 
-            var outsideYearRange = firstDayOfNextMonth.getFullYear() > this.yearRange[this.yearRange.length - 1];
+            var lastYear = Math.max(this.yearRange[0], this.yearRange[this.yearRange.length - 1]);
+            var outsideYearRange = firstDayOfNextMonth.getFullYear() > lastYear;
 
             if (this.maxDate) {
                 return outsideYearRange || firstDayOfNextMonth.getTime() > this.maxDate.getTime();
@@ -7348,7 +7350,8 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
         dismissOn: {
             type: String,
             default: 'backdrop esc close-button'
-        }
+        },
+        beforeClose: Function
     },
 
     data: function data() {
@@ -7413,6 +7416,10 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
                 return;
             }
 
+            if (this.beforeClose && this.beforeClose(this) === false) {
+                return;
+            }
+
             this.isOpen = false;
         },
         redirectFocus: function redirectFocus() {
@@ -7423,12 +7430,17 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
                 this.lastFocusedElement.focus();
             }
         },
-        onBackdropClick: function onBackdropClick() {
-            if (this.dismissOnBackdrop) {
+        onBackdropMouseDown: function onBackdropMouseDown() {
+            this.mouseDownSource = 'backdrop';
+        },
+        onBackdropMouseUp: function onBackdropMouseUp() {
+            if (this.dismissOnBackdrop && this.mouseDownSource === 'backdrop') {
                 this.close();
             } else {
                 this.redirectFocus();
             }
+
+            this.mouseDownSource = undefined;
         },
         onEsc: function onEsc() {
             if (this.dismissOnEsc) {
@@ -7593,11 +7605,13 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
                 return;
             }
 
+            var body = this.triggerEl.getRootNode() === document ? document.body : this.triggerEl.getRootNode();
+
             var options = {
                 animateFill: false,
 
                 animation: this.animation === 'none' ? 'fade' : this.animation,
-                appendTo: this.appendToBody ? document.body : this.triggerEl.parentElement,
+                appendTo: this.appendToBody ? body : this.triggerEl.parentElement,
                 arrow: false,
                 content: this.$el,
                 delay: [0, 0],
@@ -9650,6 +9664,7 @@ var handleTouchStart = function handleTouchStart(e) {
             default: 2
         },
         autocomplete: String,
+        autocapitalize: String,
         autofocus: {
             type: Boolean,
             default: false
@@ -9737,7 +9752,7 @@ var handleTouchStart = function handleTouchStart(e) {
             return this.type === 'number' ? this.step : null;
         },
         valueLength: function valueLength() {
-            return this.value ? this.value.length : 0;
+            return this.value === null ? 0 : String(this.value).length;
         },
         hasFeedback: function hasFeedback() {
             return this.showError || this.showHelp;
@@ -14532,9 +14547,13 @@ var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._sel
       "role": _vm.role
     },
     on: {
-      "click": function($event) {
+      "mousedown": function($event) {
+        if ($event.target !== $event.currentTarget) { return null; }
+        return _vm.onBackdropMouseDown($event)
+      },
+      "mouseup": function($event) {
         if ($event.target !== $event.currentTarget) { return null; }
-        return _vm.onBackdropClick($event)
+        return _vm.onBackdropMouseUp($event)
       }
     }
   }, [_c('div', {
@@ -14544,9 +14563,13 @@ var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._sel
     },
     style: (_vm.alignTopStyle),
     on: {
-      "click": function($event) {
+      "mousedown": function($event) {
+        if ($event.target !== $event.currentTarget) { return null; }
+        return _vm.onBackdropMouseDown($event)
+      },
+      "mouseup": function($event) {
         if ($event.target !== $event.currentTarget) { return null; }
-        return _vm.onBackdropClick($event)
+        return _vm.onBackdropMouseUp($event)
       }
     }
   }, [_c('ui-focus-container', {
@@ -15614,6 +15637,7 @@ var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._sel
     staticClass: "ui-textbox__input",
     attrs: {
       "autocomplete": _vm.autocomplete ? _vm.autocomplete : null,
+      "autocapitalize": _vm.autocapitalize ? _vm.autocapitalize : null,
       "disabled": _vm.disabled,
       "max": _vm.maxValue,
       "maxlength": _vm.enforceMaxlength ? _vm.maxlength : null,
@@ -15654,6 +15678,7 @@ var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._sel
     staticClass: "ui-textbox__textarea",
     attrs: {
       "autocomplete": _vm.autocomplete ? _vm.autocomplete : null,
+      "autocapitalize": _vm.autocapitalize ? _vm.autocapitalize : null,
       "disabled": _vm.disabled,
       "maxlength": _vm.enforceMaxlength ? _vm.maxlength : null,
       "minlength": _vm.minlength,
@@ -15917,9 +15942,9 @@ var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._sel
       "click": _vm.onClick,
       "focus": _vm.onFocus
     }
-  }), _vm._v(" "), _vm._m(0), _vm._v(" "), _c('div', {
+  }), _vm._v(" "), _c('div', {
     staticClass: "ui-switch__track"
-  })]), _vm._v(" "), (_vm.label || _vm.$slots.default) ? _c('div', {
+  }), _vm._v(" "), _vm._m(0)]), _vm._v(" "), (_vm.label || _vm.$slots.default) ? _c('div', {
     staticClass: "ui-switch__label-text"
   }, [_vm._t("default", [_vm._v(_vm._s(_vm.label))])], 2) : _vm._e()])
 }
@@ -16075,27 +16100,27 @@ if (false) {
 /* 187 */
 /***/ (function(module, exports) {
 
-var g;
-
-// This works in non-strict mode
-g = (function() {
-	return this;
-})();
-
-try {
-	// This works if eval is allowed (see CSP)
-	g = g || Function("return this")() || (1,eval)("this");
-} catch(e) {
-	// This works if the window reference is available
-	if(typeof window === "object")
-		g = window;
-}
-
-// g can still be undefined, but nothing to do about it...
-// We return undefined, instead of nothing here, so it's
-// easier to handle this case. if(!global) { ...}
-
-module.exports = g;
+var g;
+
+// This works in non-strict mode
+g = (function() {
+	return this;
+})();
+
+try {
+	// This works if eval is allowed (see CSP)
+	g = g || Function("return this")() || (1,eval)("this");
+} catch(e) {
+	// This works if the window reference is available
+	if(typeof window === "object")
+		g = window;
+}
+
+// g can still be undefined, but nothing to do about it...
+// We return undefined, instead of nothing here, so it's
+// easier to handle this case. if(!global) { ...}
+
+module.exports = g;
 
 
 /***/ }),

diff --git a/dist/keen-ui.min.css b/dist/keen-ui.min.css
diff --git a/dist/keen-ui.min.js b/dist/keen-ui.min.js
diff --git a/docs/docs.bundle.css b/docs/docs.bundle.css
diff --git a/docs/docs.bundle.js b/docs/docs.bundle.js
diff --git a/lib/UiAlert.js b/lib/UiAlert.js
@@ -1,6 +1,6 @@
 /*!
- * Keen UI v1.3.1 (https://github.com/JosephusPaye/keen-ui)
- * (c) 2020 Josephus Paye II
+ * Keen UI v1.3.2 (https://github.com/JosephusPaye/keen-ui)
+ * (c) 2021 Josephus Paye II
  * Released under the MIT License.
  */
 (function webpackUniversalModuleDefinition(root, factory) {
@@ -86,56 +86,56 @@ return /******/ (function(modules) { // webpackBootstrap
 /***/ 0:
 /***/ (function(module, exports) {
 
-/*
-	MIT License http://www.opensource.org/licenses/mit-license.php
-	Author Tobias Koppers @sokra
-*/
-// css base code, injected by the css-loader
-module.exports = function() {
-	var list = [];
-
-	// return the list of modules as css string
-	list.toString = function toString() {
-		var result = [];
-		for(var i = 0; i < this.length; i++) {
-			var item = this[i];
-			if(item[2]) {
-				result.push("@media " + item[2] + "{" + item[1] + "}");
-			} else {
-				result.push(item[1]);
-			}
-		}
-		return result.join("");
-	};
-
-	// import a list of modules into the list
-	list.i = function(modules, mediaQuery) {
-		if(typeof modules === "string")
-			modules = [[null, modules, ""]];
-		var alreadyImportedModules = {};
-		for(var i = 0; i < this.length; i++) {
-			var id = this[i][0];
-			if(typeof id === "number")
-				alreadyImportedModules[id] = true;
-		}
-		for(i = 0; i < modules.length; i++) {
-			var item = modules[i];
-			// skip already imported module
-			// this implementation is not 100% perfect for weird media query combinations
-			//  when a module is imported multiple times with different media queries.
-			//  I hope this will never occur (Hey this way we have smaller bundles)
-			if(typeof item[0] !== "number" || !alreadyImportedModules[item[0]]) {
-				if(mediaQuery && !item[2]) {
-					item[2] = mediaQuery;
-				} else if(mediaQuery) {
-					item[2] = "(" + item[2] + ") and (" + mediaQuery + ")";
-				}
-				list.push(item);
-			}
-		}
-	};
-	return list;
-};
+/*
+	MIT License http://www.opensource.org/licenses/mit-license.php
+	Author Tobias Koppers @sokra
+*/
+// css base code, injected by the css-loader
+module.exports = function() {
+	var list = [];
+
+	// return the list of modules as css string
+	list.toString = function toString() {
+		var result = [];
+		for(var i = 0; i < this.length; i++) {
+			var item = this[i];
+			if(item[2]) {
+				result.push("@media " + item[2] + "{" + item[1] + "}");
+			} else {
+				result.push(item[1]);
+			}
+		}
+		return result.join("");
+	};
+
+	// import a list of modules into the list
+	list.i = function(modules, mediaQuery) {
+		if(typeof modules === "string")
+			modules = [[null, modules, ""]];
+		var alreadyImportedModules = {};
+		for(var i = 0; i < this.length; i++) {
+			var id = this[i][0];
+			if(typeof id === "number")
+				alreadyImportedModules[id] = true;
+		}
+		for(i = 0; i < modules.length; i++) {
+			var item = modules[i];
+			// skip already imported module
+			// this implementation is not 100% perfect for weird media query combinations
+			//  when a module is imported multiple times with different media queries.
+			//  I hope this will never occur (Hey this way we have smaller bundles)
+			if(typeof item[0] !== "number" || !alreadyImportedModules[item[0]]) {
+				if(mediaQuery && !item[2]) {
+					item[2] = mediaQuery;
+				} else if(mediaQuery) {
+					item[2] = "(" + item[2] + ") and (" + mediaQuery + ")";
+				}
+				list.push(item);
+			}
+		}
+	};
+	return list;
+};
 
 
 /***/ }),

diff --git a/lib/UiAlert.min.js b/lib/UiAlert.min.js