@genesislcap/g2plot-chart 15.24.2 → 15.26.0

package/dist/custom-elements.json

@@ -64,7 +64,7 @@
           "type": {
             "text": "ElementStyles"
           },
-          "default": "css`\n  :host {\n    --datasource-error-background-color: var(--neutral-layer-4);\n    --datasource-error-background-opacity: 0.5;\n    --datasource-error-dialog-max-width: 50%;\n\n    position: relative;\n    width: 100%;\n    height: 100%;\n  }\n\n  .hidden {\n    display: none;\n  }\n\n  :host::part(chart-container) {\n    z-index: 1;\n  }\n\n  :host::part(chart-datasource-error) {\n    z-index: 2;\n  }\n\n  :host::part(chart-datasource-error)::before {\n    content: '';\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    left: 0;\n    height: 100%;\n    width: 100%;\n    border-radius: 2px;\n    background-color: var(--datasource-error-background-color);\n    opacity: var(--datasource-error-background-opacity);\n    z-index: 1;\n  }\n`",
+          "default": "css`\n  :host {\n    --datasource-error-background-color: var(--neutral-layer-4);\n    --datasource-error-background-opacity: 0.5;\n    --datasource-error-dialog-max-width: 50%;\n\n    /*\n     * A custom element is display: inline by default, where the width/height below are\n     * ignored — the host then measures as auto, and G2Plot's getChartSize falls back to a\n     * fixed 400x400 canvas that ignores the panel it sits in.\n     *\n     * overflow: hidden stops the chart's size feeding back into a scrolling ancestor.\n     * G2Plot's autoFit measures the container, so under an overflow: auto ancestor (a\n     * flexlayout-react tab, say) a canvas even slightly too large raises a scrollbar, which\n     * shrinks the container, which shrinks the canvas, which drops the scrollbar — two\n     * self-consistent states that autoFit then flips between forever, seen as flicker.\n     */\n    display: block;\n    overflow: hidden;\n    position: relative;\n    width: 100%;\n    height: 100%;\n  }\n\n  .hidden {\n    display: none;\n  }\n\n  :host::part(chart-container) {\n    z-index: 1;\n  }\n\n  :host::part(chart-datasource-error) {\n    z-index: 2;\n  }\n\n  :host::part(chart-datasource-error)::before {\n    content: '';\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    left: 0;\n    height: 100%;\n    width: 100%;\n    border-radius: 2px;\n    background-color: var(--datasource-error-background-color);\n    opacity: var(--datasource-error-background-opacity);\n    z-index: 1;\n  }\n`",
           "description": "The Chart styles.",
           "privacy": "public"
         }

package/dist/dts/chart.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart.styles.d.ts","sourceRoot":"","sources":["../../src/chart.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAG7D;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,aAoCnC,CAAC"}
+{"version":3,"file":"chart.styles.d.ts","sourceRoot":"","sources":["../../src/chart.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAG7D;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,aAiDnC,CAAC"}

package/dist/esm/chart.styles.js

@@ -9,6 +9,19 @@ export const foundationChartStyles = css `
     --datasource-error-background-opacity: 0.5;
     --datasource-error-dialog-max-width: 50%;
 
+    /*
+     * A custom element is display: inline by default, where the width/height below are
+     * ignored — the host then measures as auto, and G2Plot's getChartSize falls back to a
+     * fixed 400x400 canvas that ignores the panel it sits in.
+     *
+     * overflow: hidden stops the chart's size feeding back into a scrolling ancestor.
+     * G2Plot's autoFit measures the container, so under an overflow: auto ancestor (a
+     * flexlayout-react tab, say) a canvas even slightly too large raises a scrollbar, which
+     * shrinks the container, which shrinks the canvas, which drops the scrollbar — two
+     * self-consistent states that autoFit then flips between forever, seen as flicker.
+     */
+    display: block;
+    overflow: hidden;
     position: relative;
     width: 100%;
     height: 100%;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/g2plot-chart",
   "description": "Genesis G2plot Chart",
-  "version": "15.24.2",
+  "version": "15.26.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -53,21 +53,21 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "15.24.2",
-    "@genesislcap/genx": "15.24.2",
-    "@genesislcap/rollup-builder": "15.24.2",
-    "@genesislcap/ts-builder": "15.24.2",
-    "@genesislcap/uvu-playwright-builder": "15.24.2",
-    "@genesislcap/vite-builder": "15.24.2",
-    "@genesislcap/webpack-builder": "15.24.2"
+    "@genesislcap/foundation-testing": "15.26.0",
+    "@genesislcap/genx": "15.26.0",
+    "@genesislcap/rollup-builder": "15.26.0",
+    "@genesislcap/ts-builder": "15.26.0",
+    "@genesislcap/uvu-playwright-builder": "15.26.0",
+    "@genesislcap/vite-builder": "15.26.0",
+    "@genesislcap/webpack-builder": "15.26.0"
   },
   "dependencies": {
     "@antv/g2plot": "^2.4.32",
-    "@genesislcap/foundation-comms": "15.24.2",
-    "@genesislcap/foundation-logger": "15.24.2",
-    "@genesislcap/foundation-ui": "15.24.2",
-    "@genesislcap/foundation-utils": "15.24.2",
-    "@genesislcap/foundation-zero": "15.24.2",
+    "@genesislcap/foundation-comms": "15.26.0",
+    "@genesislcap/foundation-logger": "15.26.0",
+    "@genesislcap/foundation-ui": "15.26.0",
+    "@genesislcap/foundation-utils": "15.26.0",
+    "@genesislcap/foundation-zero": "15.26.0",
     "@microsoft/fast-element": "1.14.0",
     "@microsoft/fast-foundation": "2.50.0"
   },