pixl-xyapp 2.1.4 → 2.1.6

package/css/base.css

@@ -1,5 +1,5 @@
-/* Orchestra Base Theme */
-/* Copyright (c) 2019 Joseph Huckaby - Sustainable Use License */
+/* xyOps Base Theme */
+/* Copyright (c) 2019 Joseph Huckaby - MIT License */
 
 * {
 	box-sizing: border-box;
@@ -283,6 +283,7 @@ div.section_title {
 	margin-left: 20px;
 	margin-right: 15px;
 	margin-top: 10px;
+	padding-right: 15px;
 	height: 30px;
 	line-height: 30px;
 	font-size: 13px;
@@ -295,9 +296,9 @@ div.section_title {
 	-moz-user-select: none;
 	-webkit-user-select: none;
 	
-	/* overflow: hidden;
+	overflow: hidden;
 	text-overflow: ellipsis;
-	white-space: nowrap; */
+	white-space: nowrap;
 }
 div.section_title:hover {
 	color: var(--theme-color);
@@ -312,6 +313,7 @@ div.section_title > i {
 div.section_title > i.icon:before {
 	transform-origin: center center;
 	transform: scale(1.3);
+	padding-left: 2px;
 	padding-right: 2px;
 }
 div.section_title > i.ctrl {
@@ -1573,6 +1575,10 @@ fieldset.info_fieldset > .tool_desc {
 	color: var(--label-color);
 }
 
+body.dark fieldset.info_fieldset {
+	border: 1px solid rgb(60, 65, 70);
+}
+
 .checker {
 	position: relative;
 	left: -12px;
@@ -2636,6 +2642,7 @@ body.dark .color_label {
 .color_label.green { background: var(--green); }
 .color_label.yellow { background: var(--yellow); text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75); }
 .color_label.red { background: var(--red); }
+.color_label.orange { background: var(--orange); }
 .color_label.purple { background: var(--purple); }
 .color_label.gray { background: var(--gray); }
 

package/css/normalize.css

@@ -157,7 +157,6 @@ img {
  * 2. Remove the margin in Firefox and Safari.
  */
 
-button,
 input,
 optgroup,
 select,
@@ -173,7 +172,6 @@ textarea {
  * 1. Show the overflow in Edge.
  */
 
-button,
 input { /* 1 */
   overflow: visible;
 }
@@ -183,7 +181,6 @@ input { /* 1 */
  * 1. Remove the inheritance of text transform in Firefox.
  */
 
-button,
 select { /* 1 */
   text-transform: none;
 }
@@ -192,18 +189,17 @@ select { /* 1 */
  * Correct the inability to style clickable types in iOS and Safari.
  */
 
-button,
 [type="button"],
 [type="reset"],
 [type="submit"] {
   -webkit-appearance: button;
+  appearance: button;
 }
 
 /**
  * Remove the inner border and padding in Firefox.
  */
 
-button::-moz-focus-inner,
 [type="button"]::-moz-focus-inner,
 [type="reset"]::-moz-focus-inner,
 [type="submit"]::-moz-focus-inner {
@@ -215,7 +211,6 @@ button::-moz-focus-inner,
  * Restore the focus styles unset by the previous rule.
  */
 
-button:-moz-focusring,
 [type="button"]:-moz-focusring,
 [type="reset"]:-moz-focusring,
 [type="submit"]:-moz-focusring {
@@ -289,6 +284,7 @@ textarea {
 
 [type="search"] {
   -webkit-appearance: textfield; /* 1 */
+  appearance: textfield;
   outline-offset: -2px; /* 2 */
 }
 
@@ -300,16 +296,6 @@ textarea {
   -webkit-appearance: none;
 }
 
-/**
- * 1. Correct the inability to style clickable types in iOS and Safari.
- * 2. Change font properties to `inherit` in Safari.
- */
-
-::-webkit-file-upload-button {
-  -webkit-appearance: button; /* 1 */
-  font: inherit; /* 2 */
-}
-
 /* Interactive
    ========================================================================== */
 

package/js/base.js

@@ -199,9 +199,15 @@ var app = {
 		if (msg && args) msg = substitute(msg, args);
 		
 		if (id.match(/^\w+$/)) id = '#' + id;
-		$(id).removeClass('invalid').width(); // trigger reflow to reset css animation
-		$(id).addClass('invalid');
-		try { $(id).focus(); } catch (e) {;}
+		var $elem = $(id);
+		
+		if ($elem[0] && ($elem[0].nodeName == 'SELECT') && $elem.next().hasClass('multiselect')) {
+			$elem = $elem.next();
+		}
+		
+		$elem.removeClass('invalid').width(); // trigger reflow to reset css animation
+		$elem.addClass('invalid');
+		try { $elem.focus(); } catch (e) {;}
 		
 		if (msg) return this.doError(msg);
 		else return false;
@@ -230,6 +236,7 @@ var app = {
 		
 		// strip html to prevent script injection
 		msg = strip_html(msg);
+		Debug.trace('notification', `${type}: ${msg}`);
 		
 		this.toast({ type, icon, msg, lifetime, loc });
 	},

package/js/datetime.js

@@ -1,6 +1,6 @@
 // Joe's Date/Time Tools
 // Copyright (c) 2004 - 2025 Joseph Huckaby
-// Released under the Sustainable Use License
+// Released under the MIT License
 
 var _months = [
 	[ 1, 'January' ], [ 2, 'February' ], [ 3, 'March' ], [ 4, 'April' ],
@@ -29,14 +29,12 @@ var _hour_names = ['12am', '1am', '2am', '3am', '4am', '5am', '6am', '7am', '8am
 
 function time_now() {
 	// return the Epoch seconds for like right now
-	var now = new Date();
-	return Math.floor( now.getTime() / 1000 );
+	return Math.floor( Date.now() / 1000 );
 }
 
 function hires_time_now() {
 	// return the Epoch seconds for like right now
-	var now = new Date();
-	return ( now.getTime() / 1000 );
+	return Date.now() / 1000;
 }
 
 function format_date(thingy, template) {

package/js/dialog.js

@@ -34,7 +34,7 @@ var Dialog = {
 		var $overlay = $('<div id="dialog_overlay"></div>').css('opacity', 0);
 		$('body').append($overlay);
 		
-		$overlay.fadeTo( 500, 0.75 ).on('mouseup', function() {
+		$overlay.fadeTo( 500, 0.75 ).on('click', function() {
 			if (!Dialog.clickBlock) {
 				if (Dialog.active == 'confirmation') Dialog.confirm_click(false);
 				else Dialog.hide();
@@ -212,8 +212,8 @@ var Dialog = {
 		}
 		
 		var buttons_html = "";
-		buttons_html += '<div id="btn_dialog_cancel" class="button" onMouseUp="Dialog.confirm_click(false)"><i class="mdi mdi-close-circle-outline">&nbsp;</i>Cancel</div>';
-		buttons_html += '<div id="btn_dialog_confirm" class="button delete" onMouseUp="Dialog.confirm_click(true)">'+ok_btn_label+'</div>';
+		buttons_html += '<div id="btn_dialog_cancel" class="button" onClick="Dialog.confirm_click(false)"><i class="mdi mdi-close-circle-outline">&nbsp;</i>Cancel</div>';
+		buttons_html += '<div id="btn_dialog_confirm" class="button delete" onClick="Dialog.confirm_click(true)">'+ok_btn_label+'</div>';
 		
 		this.showSimpleDialog( '<span class="danger">' + title + '</span>', inner_html, buttons_html );
 		
@@ -266,6 +266,7 @@ var CodeEditor = {
 	
 	active: false,
 	onHide: null,
+	onDragDrop: null,
 	
 	show: function(html) {
 		// show dialog, auto-size and center
@@ -291,7 +292,7 @@ var CodeEditor = {
 		var $overlay = $('<div id="ceditor_overlay"></div>').css('opacity', 0);
 		$('body').append($overlay);
 		
-		$overlay.fadeTo( 500, 0.75 ).on('mouseup', function() {
+		$overlay.fadeTo( 500, 0.75 ).on('click', function() {
 			CodeEditor.hide();
 		});
 		
@@ -350,6 +351,8 @@ var CodeEditor = {
 				this.onHide = null;
 				callback();
 			}
+			
+			this.onDragDrop = null;
 		}
 	},
 	

package/js/misc.js

@@ -1,4 +1,4 @@
-// Misc 3rd party utilities for Orchestra
+// Misc 3rd party utilities for xyOps
 
 $.fn.innerBounds = function() {
 	// compute outer bounds of child elements

package/js/tools.js

@@ -1,7 +1,7 @@
 ////
 // Joe's Misc JavaScript Tools
 // Copyright (c) 2004 - 2025 Joseph Huckaby
-// Released under the Sustainable Use License
+// Released under the MIT License
 ////
 
 var months = [
@@ -306,12 +306,6 @@ function get_scroll_max(dom) {
 	return { width: myWidth, height: myHeight };
 }
 
-function hires_time_now() {
-	// return the Epoch seconds for like right now
-	var now = new Date();
-	return ( now.getTime() / 1000 );
-}
-
 function str_value(str) {
 	// Get friendly string value for display purposes.
 	if (typeof(str) == 'undefined') str = '';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "pixl-xyapp",
-	"version": "2.1.4",
+	"version": "2.1.6",
 	"description": "A theme for xyOps.",
 	"author": "Joseph Huckaby <jhuckaby@pixlcore.com>",
 	"homepage": "https://github.com/pixlcore/pixl-xyapp",