@hpcc-js/layout 2.47.2 → 2.47.5

package/README.md

@@ -46,4 +46,39 @@ This package is part of the mono repository "@hpcc-js" (aka Visualization Framew
         </script>
     </body>
 </html>
-```
+```
+
+<ClientOnly>
+  <hpcc-vitepress style="width:100%;height:600px">
+    <div id="target" style="height:600px">
+    </div>
+    <script type="module">
+        import { Column, Pie, Line, Step } from "@hpcc-js/chart";
+        import { Carousel } from "@hpcc-js/layout"; //  Has dependency on "dgrid" so can't be used in a module...
+
+        const columns = ["Subject", "Year 1", "Year 2", "Year 3"];
+        const data = [
+            ["Geography", 75, 68, 65],
+            ["English", 45, 55, -52],
+            ["Math", 98, 92, 90],
+            ["Science", 66, 60, 72]
+        ];
+
+        const carousel = new Carousel()
+            .widgets([
+                new Pie().columns(columns).data(data),
+                new Line().columns(columns).data(data),
+                new Column().columns(columns).data(data),
+                new Step().columns(columns).data(data)
+            ])
+            .target("target")
+            .render()
+            ;
+
+        var active = 0;
+        setInterval(function () {
+            carousel.active(++active % 4).render();
+        }, 3000);
+    </script>
+  </hpcc-vitepress>
+</ClientOnly>

package/dist/index.es6.js

@@ -1,5 +1,5 @@
 import { HTMLWidget, FAChar, select, selectAll, d3Event, Platform, drag, Utility, scaleLinear, dispatch, formatLocale, formatSpecifier, format, formatPrefix, sum, Database, Palette, scaleOrdinal, SVGWidget, IconBar, Spacer, ProgressBar, ToggleButton, Text, Button, TitleBar } from '@hpcc-js/common';
-import { Table } from '@hpcc-js/dgrid';
+import { Table } from '@hpcc-js/dgrid2';
 import { instanceOfIHighlight } from '@hpcc-js/api';
 
 function _mergeNamespaces(n, m) {
@@ -18,8 +18,8 @@ function _mergeNamespaces(n, m) {
 }
 
 var PKG_NAME = "@hpcc-js/layout";
-var PKG_VERSION = "2.47.2";
-var BUILD_VERSION = "2.102.4";
+var PKG_VERSION = "2.47.5";
+var BUILD_VERSION = "2.103.1";
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -430,7 +430,6 @@ var Surface = /** @class */ (function (_super) {
     };
     //  Events  ---
     Surface.prototype.click = function (obj) {
-        console.log("Clicked: " + obj.id);
     };
     return Surface;
 }(HTMLWidget));
@@ -2617,14 +2616,8 @@ var Legend = /** @class */ (function (_super) {
         }
     };
     Legend.prototype.onDblClick = function (rowData, rowIdx) {
-        console.log("Legend onDblClick method");
-        console.log("rowData: " + rowData);
-        console.log("rowIdx: " + rowIdx);
     };
     Legend.prototype.onMouseOver = function (rowData, rowIdx) {
-        console.log("Legend onMouseOver method");
-        console.log("rowData: " + rowData);
-        console.log("rowIdx: " + rowIdx);
     };
     Legend.prototype.resize = function (_size) {
         var retVal;
@@ -3131,12 +3124,13 @@ var ChartPanel = /** @class */ (function (_super) {
         if (this._prevdataVisible !== this.dataVisible()) {
             this._prevdataVisible = this.dataVisible();
             this._toggleData.selected(this._prevdataVisible);
+            this._legend.visible(this._prevlegendVisible && !this._prevdataVisible);
             this._carousel.active(this._prevdataVisible ? 1 : 0);
         }
         if (this._prevlegendVisible !== this.legendVisible()) {
             this._prevlegendVisible = this.legendVisible();
             this._toggleLegend.selected(this._prevlegendVisible);
-            this._legend.visible(this._prevlegendVisible);
+            this._legend.visible(this._prevlegendVisible && !this._prevdataVisible);
         }
         this._legend.orientation(this.legendPosition() === "bottom" ? "horizontal" : "vertical");
         this.showLeft(!this.left());
@@ -4704,7 +4698,6 @@ var Layered = /** @class */ (function (_super) {
             };
             var widgetSize = context.widgetSize(idx, clientSize);
             var widgetPosition = context.widgetPosition(idx, clientSize, widgetSize);
-            console.log("widgetPosition", widgetPosition);
             this.style.top = widgetPosition.y + "px";
             this.style.left = widgetPosition.x + "px";
             widget
@@ -4840,7 +4833,6 @@ var Popup = /** @class */ (function (_super) {
         _super.prototype.exit.call(this, domNode, element);
     };
     Popup.prototype.click = function (obj) {
-        console.log("Clicked: " + obj.id);
     };
     return Popup;
 }(HTMLWidget));