canvasxpress-cli 60.2.0 → 60.4.1

package/package.json

@@ -1,6 +1,6 @@
   {
   "name": "canvasxpress-cli",
-  "version": "60.2.0",
+  "version": "60.4.1",
   "license": {
     "type": "Dual licensing",
     "url": "https://www.canvasxpress.org/docs/license.html"

package/src/canvasXpress.css

@@ -217,6 +217,10 @@ svg.cX-DataFilter-Toolbar-ImageNB {
   margin: 5px 8px 0px 0px !important;
 }
 
+svg > * {
+  pointer-events: none;
+}
+
 /*****************
  *  SVG  Border  *
  *****************/
@@ -227,6 +231,23 @@ svg.cX-code {
   padding: 5px;
 }
 
+/***************
+ *  draggable  *
+ ***************/
+
+.draggable {
+  cursor: move;
+  cursor: grab;
+  cursor: -moz-grab;
+  cursor: -webkit-grab;
+}
+
+.draggable:active {
+  cursor: grabbing;
+  cursor: -moz-grabbing;
+  cursor: -webkit-grabbing;
+}
+
 /*****************
  * Loading Timer *
  *****************/
@@ -812,6 +833,14 @@ span.cX-bin::selection {
   border: 1px var(--cx-border-style) var(--cx-datatable-border-color) !important;
 }
 
+.customizerRightItem * {
+  pointer-events: none;
+}
+
+.customizerRightItem :first-child input:first-child {
+  pointer-events: auto;
+}
+
 .customizerRightItemTop {
   grid-area: 1 / 1 / 2 / 2;
   padding-top: 5px;
@@ -968,6 +997,15 @@ span.cX-bin::selection {
   border-top: 1px var(--cx-border-style) var(--cx-datatable-border-color) !important;
 }
 
+.customizerRightItemLauncher *,
+.customizerRightItemLauncherNB * {
+  pointer-events: none;
+}
+
+.customizerRightItemLauncherNB > :last-child input:first-child {
+  pointer-events: auto;
+}
+
 .customizerRightItemLauncherNB {
   display: grid;
   grid-template-columns: 1fr 6fr;
@@ -1174,7 +1212,7 @@ span.cX-bin::selection {
 }
 
 .customizerWrangling {
-  height: 102px;
+  height: 204px;
   margin: 0px 0px 10px 10px;
   border-radius: var(--cx-border-radius);
   overflow-y: auto;
@@ -1193,6 +1231,23 @@ span.cX-bin::selection {
   border: 1px dashed var(--cx-color-red) !important;
 }
 
+/***************************************************
+/* target items specifically within the customizer *
+ * containers for moving in the wrangling          *
+ ***************************************************/
+
+.customizerNumeric,
+.customizerString,
+.customizerUnique,
+.customizerListNumeric,
+.customizerListString,
+.customizerListUnique {
+  margin-top: 3px !important;
+  display: block;
+}
+
+/***************************************************/
+
 .customizerContainerRaw {
   border: none !important;
   float: left;
@@ -2116,10 +2171,14 @@ div.cX-Marker-Table-Container {
   position: relative;
   width: 286px;
   left: 8px;
-  top: 2px;
+  top: 8px;
   overflow: hidden;
 }
 
+div.cX-Marker-Table-Container > table > tbody > tr > th.cX-DataTable-Cell-Head {
+  background-color: rgb(255, 255, 255);
+}
+
 textarea.cX-Marker{
   width: 100%;
   height: 96px;
@@ -2239,6 +2298,19 @@ div.cX-DataTable-Container {
   position: inherit;
 }
 
+div.cX-DataTable-Container > table > tbody > tr > th {
+  background-color: rgb(255, 255, 255);
+  margin: 1px;
+}
+
+div.cX-DataTable-Container > table > tbody > tr > td {
+  margin: 1px;
+}
+
+div.cX-DataTable-Container > table > tbody > tr > td > div {
+  padding-right: 10px;
+}
+
 div.cX-DataTable {
   box-sizing: border-box;
   position: relative;
@@ -2537,6 +2609,7 @@ th.cX-DataTable-Cell-Head > div.cX-DataTable-Cell-Number,
 th.cX-DataTable-Cell-Head-Active > div.cX-DataTable-Cell-Number {
   align-content: center;
   overflow: hidden;
+  cursor: pointer;
 }
 
 a.cX-DataTable-Cell-Header-Menu {
@@ -2549,6 +2622,7 @@ a.cX-DataTable-Cell-Header-Menu {
   display: flex;
   padding-left: 1px;
   top: 0;
+  right: 8px;
 }
 
 div.cX-DataTable-Cell a.cX-DataTable-Cell-Header-Menu {
@@ -2573,6 +2647,7 @@ div.cX-DataTable-Cell-Header-Filter {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
+  right: 18px;
 }
 
 div.cX-DataTable-Cell div.cX-DataTable-Cell-Header-Filter {
@@ -2683,6 +2758,8 @@ div.cX-DataTable-Cell-Link-Active {
   text-decoration: underline var(--cx-border);
   text-underline-offset: 2px;
   cursor: pointer;
+  display: flex;
+  align-items: center;
 }
 
 div.cX-DataTable-Cell-Active,
@@ -2774,6 +2851,10 @@ div.cX-DataFilter-Toolbar-Top-Container {
   background-color: var(--cx-datatable-banner-background-color);
   border-bottom: 1px var(--cx-border-style) var(--cx-datatable-border-color);
   border-radius: var(--cx-border-radius) var(--cx-border-radius) 0px 0px;
+  display: flex;
+  align-items: center;
+  top: 0px;
+  left: 0px;
 }
 
 div.cX-DataFilter-Toolbar-Bottom-Container {
@@ -2781,7 +2862,10 @@ div.cX-DataFilter-Toolbar-Bottom-Container {
   background-color: transparent;
   border: none;
   width: 100%;
-  top: 6px;
+  display: flex;
+  align-items: center;
+  top: 0px;
+  left: 0px;
 }
 
 span.cX-DataFilter-Toolbar-Text,
@@ -2790,7 +2874,7 @@ span.cX-DataFilter-Text-Active {
   left: 8px;
   line-height: 100%;
   position: relative;
-  top: 9px;
+  top: 6px;
   background-repeat: no-repeat;
   background-position: -0px;
 }
@@ -3389,7 +3473,6 @@ div.CanvasXpressLink {
   border-radius: 3px;
   box-shadow: rgba(154, 154, 154, 0.2) 3px 3px;
   color: var(--cx-font-color);
-  cursor: default;
   font: var(--cx-font);
   line-height: 100%;
   margin: 0px;
@@ -3398,72 +3481,6 @@ div.CanvasXpressLink {
   -moz-box-shadow: rgba(154, 154, 154, 0.2) 3px 3px;
 }
 
-div.CanvasXpressTabMenuConfigurator {
-  box-sizing: border-box;
-  position: relative;
-}
-
-input.CanvasXpressTabMenuConfigurator {
-  display: none;
-}
-
-input:not(:checked).CanvasXpressTabMenuConfigurator+section.CanvasXpressTabMenuConfigurator>div.CanvasXpressTabMenuConfigurator {
-  display: none;
-}
-
-section.CanvasXpressTabMenuConfigurator>h1.CanvasXpressTabMenuConfigurator {
-  float: left;
-}
-
-section.CanvasXpressTabMenuConfigurator>div.CanvasXpressTabMenuConfigurator {
-  float: right;
-  width: 100%;
-  margin: 22 0 0 -100%;
-}
-
-section.CanvasXpressTabMenuConfigurator>div.CanvasXpressTabMenuConfigurator {
-  box-sizing: border-box;
-  padding: 0.5px;
-  border: 1px solid rgb(238, 238, 238);
-  border-radius: 4px;
-  background: rgb(255, 255, 255)
-}
-
-section.CanvasXpressTabMenuConfigurator>h1.CanvasXpressTabMenuConfigurator {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0.5px;
-  overflow: hidden;
-  font: var(--cx-font);
-  color: var(--cx-font-color);
-  line-height: 100%;
-}
-
-section.CanvasXpressTabMenuConfigurator>h1.CanvasXpressTabMenuConfigurator>label.CanvasXpressTabMenuConfigurator {
-  cursor: pointer;
-  display: block;
-  padding: 5px;
-  border: 1px solid rgb(238, 238, 238);
-  border-bottom: none;
-  border-top-left-radius: 4px;
-  border-top-right-radius: 4px;
-  background: rgb(255, 255, 255)
-}
-
-input:first-child.CanvasXpressTabMenuConfigurator+section.CanvasXpressTabMenuConfigurator>h1.CanvasXpressTabMenuConfigurator {
-  padding-left: 0;
-}
-
-section.CanvasXpressTabMenuConfigurator>div.CanvasXpressTabMenuConfigurator {
-  position: relative;
-  z-index: 1;
-}
-
-input:checked.CanvasXpressTabMenuConfigurator+section.CanvasXpressTabMenuConfigurator>h1.CanvasXpressTabMenuConfigurator {
-  position: relative;
-  z-index: 2;
-}
-
 div.CanvasXpressMenu {
   box-sizing: border-box;
   background-color: rgb(255, 255, 255);
@@ -3471,7 +3488,6 @@ div.CanvasXpressMenu {
   border-radius: 3px;
   box-shadow: rgba(154, 154, 154, 0.2) 3px 3px;
   color: var(--cx-font-color);
-  cursor: default;
   font: var(--cx-x-large-font);
   line-height: 100%;
   margin: 0px;
@@ -3483,7 +3499,6 @@ div.CanvasXpressMenu {
 ul.CanvasXpressList {
   background: transparent;
   border: 0px none;
-  cursor: default;
   list-style: none;
   margin: 0px;
   overflow: auto;
@@ -3492,7 +3507,6 @@ ul.CanvasXpressList {
 }
 
 li.CanvasXpressListItemSep {
-  cursor: default;
   display: block;
   font: var(--cx-x-large-font);
   color: var(--cx-font-color);
@@ -3507,7 +3521,6 @@ li.CanvasXpressListItemSep {
 }
 
 input.CanvasXpressListItem {
-  cursor: default;
   display: block;
   font: var(--cx-x-large-font);
   color: var(--cx-font-color);
@@ -3548,6 +3561,7 @@ li.CanvasXpressListItem {
   text-align: left;
 }
 
+li.CanvasXpressListItem:hover,
 li.CanvasXpressListItemActive {
   background: rgba(83, 105, 255, 0.1);
   border-color: rgb(83, 105, 255);
@@ -3568,12 +3582,12 @@ li.CanvasXpressListItemActive {
 }
 
 li.CanvasXpressListItemActive > :first-child,
-li.CanvasXpressListItemActive > :first-child svg:first-child {
+li.CanvasXpressListItemActive > :first-child > svg:first-child {
   pointer-events: none;
 }
 
-li.CanvasXpressListItemActive > :first-child div:last-child,
-li.CanvasXpressListItemActive > :first-child input:last-child {
+li.CanvasXpressListItemActive > :first-child > div:last-child,
+li.CanvasXpressListItemActive > :first-child > input:last-child {
   pointer-events: auto;
 }
 
@@ -3773,7 +3787,8 @@ span.CanvasXpressListItemTextShort {
   font: var(--cx-small-font-italic);
   line-height: 24px;
   list-style: none;
-  margin-left: 10px;
+  right: 10px;
+  position: absolute;
   white-space: nowrap;
 }
 
@@ -3781,7 +3796,6 @@ span.CanvasXpressListItemTextSep {
   background-color: rgb(224, 224, 224);
   border-bottom: 1px solid;
   border-bottom-color: rgb(255, 255, 255);
-  cursor: default;
   display: block;
   font: var(--cx-x-large-font);
   color: var(--cx-font-color);
@@ -3797,7 +3811,6 @@ table.CanvasXpressListItemTable {
   border: collapse;
   line-height: 20px;
   color: var(--cx-font-color);
-  cursor: default;
   font: var(--cx-x-large-font);
   color: var(--cx-font-color);
   line-height: 24px;
@@ -3809,7 +3822,6 @@ svg.cX-Toolbar-Help {
   background: rgba(0, 0, 0, 0) !important;
   border: 0px none !important;
   box-shadow: 0 0 0px rgba(0, 0, 0, 0) !important;
-  cursor: default;
   float: right;
   margin: 0px 0px 0px 2px !important;
 }
@@ -3821,13 +3833,11 @@ div.cX-Toolbar-Help {
   border: 1px solid rgb(83, 105, 255);
   box-shadow: rgba(154, 154, 154, 0.2) 3px 3px;
   color: var(--cx-font-color);
-  cursor: default;
   font: var(--cx-x-large-font);
   line-height: 24px;
 }
 
 p.cX-Toolbar-Help {
-  cursor: default;
   font: var(--cx-x-large-font);
   color: var(--cx-font-color);
   line-height: 24px;
@@ -3884,7 +3894,6 @@ input.CanvasXpressFormText {
   background-color: rgb(255, 255, 255);
   border: 1px solid rgb(83, 105, 255);
   color: var(--cx-font-color);
-  cursor: default;
   font: var(--cx-x-large-font);
   line-height: 24px;
   padding-left: 3px;
@@ -3894,7 +3903,6 @@ form.CanvasXpressFormForm {
   background-color: rgb(255, 255, 255);
   border: 1px solid rgb(83, 105, 255);
   color: var(--cx-font-color);
-  cursor: default;
   font: var(--cx-x-large-font);
   line-height: 24px;
   margin: 8px;
@@ -4163,7 +4171,7 @@ div.CanvasXpressWrapper {
   transition: opacity var(--cx-transition-speed) linear;
 }
 
-.cX-Wrapper.resizing .cX-Resize-Indicator {
+.cX-Resize-Indicator.resizing {
   opacity: 1;
 }