canvasxpress 38.9.21 → 39.2.5

package/package.json

@@ -3,7 +3,7 @@
   "main": "src/canvasXpress.js",
   "style": "src/canvasXpress.css",
   "title": "CanvasXpress",
-  "version": "38.9.21",
+  "version": "39.2.5",
   "license": {
     "type": "Dual licensing",
     "url": "https://www.canvasxpress.org/docs/license.html"

package/src/canvasXpress.css

@@ -857,6 +857,25 @@ img.CanvasXpressCustomizerRight, svg.CanvasXpressCustomizerRight {
     box-shadow: 0 0 0px rgba(0, 0, 0, 0) !important;
 }
 
+img.CanvasXpressCustomizerRightB, svg.CanvasXpressCustomizerRightB {
+    background-position: center;
+    border: 1px solid rgb(51, 122, 183) !important;
+    border-radius: 4px;
+    color: rgb(34, 34, 34);
+    font: normal 12px arial, tahoma, sans-serif;
+    height: 24px;
+    line-height: 24px;
+    list-style: none;
+    margin: 0px !important;
+    position: relative;
+    padding: 0px;
+    vertical-align: top;
+    width: 24px;
+    white-space: nowrap;
+    background: rgba(0, 0, 0, 0) !important;
+    box-shadow: 0 0 0px rgba(0, 0, 0, 0) !important;
+}
+
 span.CanvasXpressCustomizerRight {
     color: rgb(34, 34, 34);
     font: normal 16px arial, tahoma, sans-serif;
@@ -882,10 +901,61 @@ a.CanvasXpressCustomizerRight {
 }
 
 /*
- * Meta Customizer
+ * Header
  */
 
+div.CanvasXpressCustomizerHeader {
+    background-color: #dddddd;
+    border-top: 1px solid  rgb(51, 122, 183) !important;
+    color: rgb(34, 34, 34);
+    font: normal 12px arial, tahoma, sans-serif;
+    line-height: 24px;
+    list-style: none;
+    margin: auto;
+    outline-style: none;
+    outline-width: 0px;
+    text-decoration: none;
+    white-space: nowrap;
+    width: -webkit-fill-available;
+    height: -webkit-fill-available;
+    display: flex;
+}
+
+span.CanvasXpressCustomizerHeader {
+    color: rgb(34, 34, 34);
+    font: normal 16px arial, tahoma, sans-serif;
+    line-height: 28px;
+    list-style: none;
+    white-space: nowrap;
+    position: relative;
+    height: 28px;
+}
+
+img.CanvasXpressCustomizerHeader, svg.CanvasXpressCustomizerHeader {
+    background-position: center;
+    border: 0px none !important;
+    color: rgb(34, 34, 34);
+    font: normal 12px arial, tahoma, sans-serif;
+    height: 24px;
+    line-height: 24px;
+    list-style: none;
+    margin: 0px !important;
+    position: relative;
+    padding: 0px;
+    vertical-align: top;
+    width: 24px;
+    white-space: nowrap;
+    background: rgba(0, 0, 0, 0) !important;
+    box-shadow: 0 0 0px rgba(0, 0, 0, 0) !important;
+}
 
+span.CanvasXpressCustomizerHeaderHelp {
+    color: rgb(34, 34, 34);
+    font: normal 12px arial, tahoma, sans-serif;
+    list-style: none;
+    white-space: normal;
+    position: relative;
+}
 
 /*
  * Options Customizer
@@ -986,7 +1056,7 @@ span.CanvasXpressSearchCustomizer {
     clear: left;
 }
 
-span.CanvasXpressSearchCustomizerSelect, span.CanvasXpressSearchCustomizerDescription, span.CanvasXpressSearchCustomizerCurrent {
+span.CanvasXpressSearchCustomizerSelect, span.CanvasXpressSearchCustomizerDescription, span.CanvasXpressSearchCustomizerCategory, span.CanvasXpressSearchCustomizerCurrent {
     font: normal 16px arial, tahoma, sans-serif;
     line-height: 28px;
     list-style: none;
@@ -1001,7 +1071,7 @@ span.CanvasXpressSearchCustomizerSelect {
     color: rgb(34, 34, 34);
 }
 
-span.CanvasXpressSearchCustomizerDescription {
+span.CanvasXpressSearchCustomizerDescription, span.CanvasXpressSearchCustomizerCategory {
     color: rgb(51, 122, 183);
     overflow: hidden;
     text-overflow: ellipsis;
@@ -1030,7 +1100,13 @@ span.CanvasXpressSearchCustomizerDescription:before {
     content: "Description [ ";
 }
 
-span.CanvasXpressSearchCustomizerDescription:after {
+span.CanvasXpressSearchCustomizerCategory:before {
+    color: rgb(34, 34, 34);
+    font-weight: bold;
+    content: "Category [ ";
+}
+
+span.CanvasXpressSearchCustomizerDescription:after, span.CanvasXpressSearchCustomizerCategory:after {
     color: rgb(34, 34, 34);
     font-weight: bold;
     content: " ]";
@@ -1261,7 +1337,6 @@ img.CanvasXpressDataCustomizer3, svg.CanvasXpressDataCustomizer3 {
     /* Safari */
 }
 
-
 img.CanvasXpressDataCustomizerMask, svg.CanvasXpressDataCustomizerMask {
     background: rgba(0, 0, 0, 0) !important;
     border: 0px none !important;
@@ -1282,7 +1357,10 @@ img.CanvasXpressDataCustomizerMask, svg.CanvasXpressDataCustomizerMask {
 
 span.CanvasXpressDataCustomizerNumeric,
 span.CanvasXpressDataCustomizerString,
-span.CanvasXpressDataCustomizerUnique {
+span.CanvasXpressDataCustomizerUnique,
+span.CanvasXpressDataCustomizerNumericActive,
+span.CanvasXpressDataCustomizerStringActive,
+span.CanvasXpressDataCustomizerUniqueActive {
     border: 1px solid rgb(51, 122, 183);
     border-radius: 5px;
     cursor: move;
@@ -1311,6 +1389,67 @@ span.CanvasXpressDataCustomizerUnique {
     color: rgb(0, 0, 255);
 }
 
+span.CanvasXpressDataCustomizerListNumeric,
+span.CanvasXpressDataCustomizerListString,
+span.CanvasXpressDataCustomizerListUnique,
+span.CanvasXpressDataCustomizerListNumericActive,
+span.CanvasXpressDataCustomizerListStringActive,
+span.CanvasXpressDataCustomizerListUniqueActive {
+    border: none;
+    cursor: move;
+    font: normal 16px arial, tahoma, sans-serif;
+    color: rgb(34, 34, 34);
+    margin: 0;
+    padding: 0;
+    width: 350px;
+    white-space: nowrap;
+    display: inline-block;
+    text-align: start;
+    overflow: hidden;
+    position: relative;
+    -moz-user-select: none;
+    -khtml-user-select: none;
+    -webkit-user-select: none;
+    -o-user-select: none;
+    -ms-user-select: none;
+}
+
+span.CanvasXpressDataCustomizerListNumeric,
+span.CanvasXpressDataCustomizerListNumericActive {
+   color: rgb(34, 34, 34);
+}
+
+span.CanvasXpressDataCustomizerListString,
+span.CanvasXpressDataCustomizerListStringActive {
+    color: rgb(255, 0, 0);
+}
+
+span.CanvasXpressDataCustomizerListUnique,
+span.CanvasXpressDataCustomizerListUniqueActive {
+    color: rgb(0, 0, 255);
+}
+
+span.CanvasXpressDataCustomizerListNumeric:before,
+span.CanvasXpressDataCustomizerListNumericActive:before {
+    font: normal 10px courier;
+    color: rgb(34, 34, 34);
+    content: "\00a0#\00a0\00a0\00a0";
+ }
+ 
+ span.CanvasXpressDataCustomizerListString:before,
+ span.CanvasXpressDataCustomizerListStringActive:before {
+    font: normal 10px courier;
+    color: rgb(34, 34, 34);
+    content: "Abc\00a0\00a0";
+ }
+ 
+ span.CanvasXpressDataCustomizerListUnique:before,
+ span.CanvasXpressDataCustomizerListUniqueActive:before {
+    font: normal 10px courier;
+    color: rgb(34, 34, 34);
+    content: "Unq\00a0\00a0";
+ }
+
 span.CanvasXpressDataCustomizer {
     border: 1px solid rgb(51, 122, 183);
     border-radius: 5px;
@@ -1333,12 +1472,39 @@ svg.CanvasXpressDataCustomizerMask::selection,
 span.CanvasXpressDataCustomizerNumeric::selection,
 span.CanvasXpressDataCustomizerString::selection,
 span.CanvasXpressDataCustomizerUnique::selection,
+span.CanvasXpressDataCustomizerListNumeric::selection,
+span.CanvasXpressDataCustomizerListString::selection,
+span.CanvasXpressDataCustomizerListUnique::selection,
 span.CanvasXpressDataCustomizer::selection {
     background: rgba(0, 0, 0, 0);
     color: rgb(0, 0, 0);
     padding: 0;
 }
 
+span.CanvasXpressDataCustomizerListNumericActive,
+span.CanvasXpressDataCustomizerListStringActive,
+span.CanvasXpressDataCustomizerListUniqueActive {
+    background: linear-gradient(rgb(243, 253, 255), rgb(217, 232, 251));
+}
+
+span.CanvasXpressDataCustomizerNumericActive,
+span.CanvasXpressDataCustomizerStringActive,
+span.CanvasXpressDataCustomizerUniqueActive {
+    background: linear-gradient(rgb(243, 253, 255), rgb(217, 232, 251));
+}
+
+span.CanvasXpressDataCustomizerListNumeric,
+span.CanvasXpressDataCustomizerListString,
+span.CanvasXpressDataCustomizerListUnique {
+    background-color: rgba(0, 0, 0, 0);
+}
+
+span.CanvasXpressDataCustomizerNumeric,
+span.CanvasXpressDataCustomizerString,
+span.CanvasXpressDataCustomizerUnique {
+    background-color: rgba(0, 0, 0, 0);
+}
+
 /*
  * CanvasXpressDrag
  */
@@ -1825,11 +1991,11 @@ div.CanvasXpressDataTableResizer {
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAR0lEQVR42pXPQQoAIAhEUb25nrwyKIpMndkJz8VnAtbGGMGqSqWHhW3pw4lFhBnBYYOHvw0/7DZE+GnI8NVQwbuhimcDgu3uM5KV++8QfCcAAAAASUVORK5CYII=);
     background-repeat: no-repeat;
     cursor: se-resize;
-    bottom: 4px;
+    bottom: 8px;
     height: 15px;
     position: absolute;
     opacity: 0.95;
-    right: 0px;
+    right: 2px;
     width: 15px;
     -ms-user-select: none;
     -moz-user-select: none;
@@ -5605,6 +5771,43 @@ Copyright (c) 2018 Christian Pucci
     }
 }
 
+.slideUp2 {
+    -webkit-animation-name: slideUp2;
+    animation-name: slideUp2;
+}
+
+@-webkit-keyframes slideUp2 {
+    0% {
+        -webkit-transform-origin: 0 0;
+        transform-origin: 0 0;
+        -webkit-transform: translateY(0%);
+        transform: translateY(0%);
+    }
+    100% {
+        -webkit-transform-origin: 0 0;
+        transform-origin: 0 0;
+        -webkit-transform: translateY(-100%);
+        transform: translateY(-100%);
+    }
+}
+
+@keyframes slideUp2 {
+    0% {
+        opacity: 1;
+        -webkit-transform-origin: 0 0;
+        transform-origin: 0 0;
+        -webkit-transform: translateY(0%);
+        transform: translateY(0%);
+    }
+    100% {
+        opacity: 0;
+        -webkit-transform-origin: 0 0;
+        transform-origin: 0 0;
+        -webkit-transform: translateY(-100%);
+        transform: translateY(-100%);
+    }
+}
+
 .slideUpReturn {
     -webkit-animation-name: slideUpReturn;
     animation-name: slideUpReturn;