@unovis/ts 1.6.0-pre.2 → 1.6.1-pre.0

package/components/plotband/constants.js

@@ -0,0 +1,413 @@
+import { PlotbandLabelPosition } from './types.js';
+
+const HORIZONTAL_X = {
+    [PlotbandLabelPosition.TopLeftOutside]: ({ startX, offsetX, offsetY }) => ({
+        x: startX - offsetX,
+        y: offsetY,
+        textAnchor: 'end',
+        dominantBaseline: 'text-before-edge',
+    }),
+    [PlotbandLabelPosition.TopLeftInside]: ({ startX, offsetX, offsetY }) => ({
+        x: startX + offsetX,
+        y: offsetY,
+        textAnchor: 'start',
+        dominantBaseline: 'text-before-edge',
+    }),
+    [PlotbandLabelPosition.TopOutside]: ({ startX, width, offsetY }) => ({
+        x: startX + width / 2,
+        y: offsetY,
+        textAnchor: 'middle',
+        dominantBaseline: 'text-before-edge',
+    }),
+    [PlotbandLabelPosition.TopInside]: ({ startX, width, offsetY }) => ({
+        x: startX + width / 2,
+        y: offsetY,
+        textAnchor: 'middle',
+        dominantBaseline: 'text-before-edge',
+    }),
+    [PlotbandLabelPosition.TopRightOutside]: ({ startX, width, offsetX, offsetY }) => ({
+        x: startX + width + offsetX,
+        y: offsetY,
+        textAnchor: 'start',
+        dominantBaseline: 'text-before-edge',
+    }),
+    [PlotbandLabelPosition.TopRightInside]: ({ startX, width, offsetX, offsetY }) => ({
+        x: startX + width - offsetX,
+        y: offsetY,
+        textAnchor: 'end',
+        dominantBaseline: 'text-before-edge',
+    }),
+    [PlotbandLabelPosition.RightOutside]: ({ startX, width, height, offsetX }) => ({
+        x: startX + width + offsetX,
+        y: height / 2,
+        textAnchor: 'start',
+        dominantBaseline: 'middle',
+    }),
+    [PlotbandLabelPosition.RightInside]: ({ startX, width, height, offsetX }) => ({
+        x: startX + width - offsetX,
+        y: height / 2,
+        textAnchor: 'end',
+        dominantBaseline: 'middle',
+    }),
+    [PlotbandLabelPosition.BottomRightOutside]: ({ startX, width, height, offsetX, offsetY }) => ({
+        x: startX + width + offsetX,
+        y: height - offsetY,
+        textAnchor: 'start',
+        dominantBaseline: 'text-after-edge',
+    }),
+    [PlotbandLabelPosition.BottomRightInside]: ({ startX, width, height, offsetX, offsetY }) => ({
+        x: startX + width - offsetX,
+        y: height - offsetY,
+        textAnchor: 'end',
+        dominantBaseline: 'text-after-edge',
+    }),
+    [PlotbandLabelPosition.BottomOutside]: ({ startX, width, height, offsetY }) => ({
+        x: startX + width / 2,
+        y: height - offsetY,
+        textAnchor: 'middle',
+        dominantBaseline: 'text-after-edge',
+    }),
+    [PlotbandLabelPosition.BottomInside]: ({ startX, width, height, offsetY }) => ({
+        x: startX + width / 2,
+        y: height - offsetY,
+        textAnchor: 'middle',
+        dominantBaseline: 'text-after-edge',
+    }),
+    [PlotbandLabelPosition.BottomLeftOutside]: ({ startX, height, offsetX, offsetY }) => ({
+        x: startX - offsetX,
+        y: height - offsetY,
+        textAnchor: 'end',
+        dominantBaseline: 'text-after-edge',
+    }),
+    [PlotbandLabelPosition.BottomLeftInside]: ({ startX, height, offsetX, offsetY }) => ({
+        x: startX + offsetX,
+        y: height - offsetY,
+        textAnchor: 'start',
+        dominantBaseline: 'text-after-edge',
+    }),
+    [PlotbandLabelPosition.LeftOutside]: ({ startX, height, offsetX }) => ({
+        x: startX - offsetX,
+        y: height / 2,
+        textAnchor: 'end',
+        dominantBaseline: 'middle',
+    }),
+    [PlotbandLabelPosition.LeftInside]: ({ startX, height, offsetX }) => ({
+        x: startX + offsetX,
+        y: height / 2,
+        textAnchor: 'start',
+        dominantBaseline: 'middle',
+    }),
+};
+const VERTICAL_X = {
+    [PlotbandLabelPosition.TopLeftOutside]: ({ startX, offsetX, offsetY }) => ({
+        x: startX - offsetX,
+        y: offsetY,
+        textAnchor: 'end',
+        dominantBaseline: 'text-after-edge',
+    }),
+    [PlotbandLabelPosition.TopLeftInside]: ({ startX, offsetX, offsetY }) => ({
+        x: startX + offsetX,
+        y: offsetY,
+        textAnchor: 'end',
+        dominantBaseline: 'text-before-edge',
+    }),
+    [PlotbandLabelPosition.TopOutside]: ({ startX, width, offsetY }) => ({
+        x: startX + width / 2,
+        y: offsetY,
+        textAnchor: 'end',
+        dominantBaseline: 'middle',
+    }),
+    [PlotbandLabelPosition.TopInside]: ({ startX, width, offsetY }) => ({
+        x: startX + width / 2,
+        y: offsetY,
+        textAnchor: 'end',
+        dominantBaseline: 'middle',
+    }),
+    [PlotbandLabelPosition.TopRightOutside]: ({ startX, width, offsetX, offsetY }) => ({
+        x: startX + width + offsetX,
+        y: offsetY,
+        textAnchor: 'end',
+        dominantBaseline: 'text-before-edge',
+    }),
+    [PlotbandLabelPosition.TopRightInside]: ({ startX, width, offsetX, offsetY }) => ({
+        x: startX + width - offsetX,
+        y: offsetY,
+        textAnchor: 'end',
+        dominantBaseline: 'text-after-edge',
+    }),
+    [PlotbandLabelPosition.RightOutside]: ({ startX, width, height, offsetX }) => ({
+        x: startX + width + offsetX,
+        y: height / 2,
+        textAnchor: 'middle',
+        dominantBaseline: 'text-before-edge',
+    }),
+    [PlotbandLabelPosition.RightInside]: ({ startX, width, height, offsetX }) => ({
+        x: startX + width - offsetX,
+        y: height / 2,
+        textAnchor: 'middle',
+        dominantBaseline: 'text-after-edge',
+    }),
+    [PlotbandLabelPosition.BottomRightOutside]: ({ startX, width, height, offsetX, offsetY }) => ({
+        x: startX + width + offsetX,
+        y: height - offsetY,
+        textAnchor: 'start',
+        dominantBaseline: 'text-before-edge',
+    }),
+    [PlotbandLabelPosition.BottomRightInside]: ({ startX, width, height, offsetX, offsetY }) => ({
+        x: startX + width - offsetX,
+        y: height - offsetY,
+        textAnchor: 'start',
+        dominantBaseline: 'text-after-edge',
+    }),
+    [PlotbandLabelPosition.BottomOutside]: ({ startX, width, height, offsetY }) => ({
+        x: startX + width / 2,
+        y: height - offsetY,
+        textAnchor: 'start',
+        dominantBaseline: 'middle',
+    }),
+    [PlotbandLabelPosition.BottomInside]: ({ startX, width, height, offsetY }) => ({
+        x: startX + width / 2,
+        y: height - offsetY,
+        textAnchor: 'start',
+        dominantBaseline: 'middle',
+    }),
+    [PlotbandLabelPosition.BottomLeftOutside]: ({ startX, height, offsetX, offsetY }) => ({
+        x: startX - offsetX,
+        y: height - offsetY,
+        textAnchor: 'start',
+        dominantBaseline: 'text-after-edge',
+    }),
+    [PlotbandLabelPosition.BottomLeftInside]: ({ startX, height, offsetX, offsetY }) => ({
+        x: startX + offsetX,
+        y: height - offsetY,
+        textAnchor: 'start',
+        dominantBaseline: 'text-before-edge',
+    }),
+    [PlotbandLabelPosition.LeftOutside]: ({ startX, height, offsetX }) => ({
+        x: startX - offsetX,
+        y: height / 2,
+        textAnchor: 'middle',
+        dominantBaseline: 'text-after-edge',
+    }),
+    [PlotbandLabelPosition.LeftInside]: ({ startX, height, offsetX }) => ({
+        x: startX + offsetX,
+        y: height / 2,
+        textAnchor: 'middle',
+        dominantBaseline: 'text-before-edge',
+    }),
+};
+const HORIZONTAL_Y = {
+    [PlotbandLabelPosition.TopLeftOutside]: ({ startY, offsetX, offsetY }) => ({
+        x: offsetX,
+        y: startY - offsetY,
+        textAnchor: 'start',
+        dominantBaseline: 'text-after-edge',
+    }),
+    [PlotbandLabelPosition.TopLeftInside]: ({ startY, offsetX, offsetY }) => ({
+        x: offsetX,
+        y: startY + offsetY,
+        textAnchor: 'start',
+        dominantBaseline: 'text-before-edge',
+    }),
+    [PlotbandLabelPosition.TopOutside]: ({ startX, width, startY, offsetY }) => ({
+        x: startX + width / 2,
+        y: startY - offsetY,
+        textAnchor: 'middle',
+        dominantBaseline: 'text-after-edge',
+    }),
+    [PlotbandLabelPosition.TopInside]: ({ startX, width, startY, offsetY }) => ({
+        x: startX + width / 2,
+        y: startY + offsetY,
+        textAnchor: 'middle',
+        dominantBaseline: 'text-before-edge',
+    }),
+    [PlotbandLabelPosition.TopRightOutside]: ({ startY, width, offsetX, offsetY }) => ({
+        x: width - offsetX,
+        y: startY - offsetY,
+        textAnchor: 'end',
+        dominantBaseline: 'text-after-edge',
+    }),
+    [PlotbandLabelPosition.TopRightInside]: ({ startY, width, offsetX, offsetY }) => ({
+        x: width - offsetX,
+        y: startY + offsetY,
+        textAnchor: 'end',
+        dominantBaseline: 'text-before-edge',
+    }),
+    [PlotbandLabelPosition.RightOutside]: ({ startY, height, width, offsetX }) => ({
+        x: width - offsetX,
+        y: startY + height / 2,
+        textAnchor: 'end',
+        dominantBaseline: 'middle',
+    }),
+    [PlotbandLabelPosition.RightInside]: ({ startY, height, width, offsetX }) => ({
+        x: width - offsetX,
+        y: startY + height / 2,
+        textAnchor: 'end',
+        dominantBaseline: 'middle',
+    }),
+    [PlotbandLabelPosition.BottomRightOutside]: ({ startY, height, width, offsetX, offsetY }) => ({
+        x: width - offsetX,
+        y: startY + height + offsetY,
+        textAnchor: 'end',
+        dominantBaseline: 'text-before-edge',
+    }),
+    [PlotbandLabelPosition.BottomRightInside]: ({ startY, height, width, offsetX, offsetY }) => ({
+        x: width - offsetX,
+        y: startY + height - offsetY,
+        textAnchor: 'end',
+        dominantBaseline: 'text-after-edge',
+    }),
+    [PlotbandLabelPosition.BottomOutside]: ({ startX, width, startY, height, offsetY }) => ({
+        x: startX + width / 2,
+        y: startY + height + offsetY,
+        textAnchor: 'middle',
+        dominantBaseline: 'text-before-edge',
+    }),
+    [PlotbandLabelPosition.BottomInside]: ({ startX, width, startY, height, offsetY }) => ({
+        x: startX + width / 2,
+        y: startY + height - offsetY,
+        textAnchor: 'middle',
+        dominantBaseline: 'text-after-edge',
+    }),
+    [PlotbandLabelPosition.BottomLeftOutside]: ({ startY, height, offsetX, offsetY }) => ({
+        x: offsetX,
+        y: startY + height + offsetY,
+        textAnchor: 'start',
+        dominantBaseline: 'text-before-edge',
+    }),
+    [PlotbandLabelPosition.BottomLeftInside]: ({ startY, height, offsetX, offsetY }) => ({
+        x: offsetX,
+        y: startY + height - offsetY,
+        textAnchor: 'start',
+        dominantBaseline: 'text-after-edge',
+    }),
+    [PlotbandLabelPosition.LeftOutside]: ({ startY, height, offsetX }) => ({
+        x: offsetX,
+        y: startY + height / 2,
+        textAnchor: 'start',
+        dominantBaseline: 'middle',
+    }),
+    [PlotbandLabelPosition.LeftInside]: ({ startY, height, offsetX }) => ({
+        x: offsetX,
+        y: startY + height / 2,
+        textAnchor: 'start',
+        dominantBaseline: 'middle',
+    }),
+};
+const VERTICAL_Y = {
+    [PlotbandLabelPosition.TopLeftOutside]: ({ startY, offsetX, offsetY }) => ({
+        x: offsetX,
+        y: startY - offsetY,
+        textAnchor: 'start',
+        dominantBaseline: 'text-after-edge',
+        rotation: -90,
+    }),
+    [PlotbandLabelPosition.TopLeftInside]: ({ startY, offsetX, offsetY }) => ({
+        x: offsetX,
+        y: startY + offsetY,
+        textAnchor: 'end',
+        dominantBaseline: 'text-before-edge',
+        rotation: -90,
+    }),
+    [PlotbandLabelPosition.TopOutside]: ({ startX, width, startY, offsetY }) => ({
+        x: startX + width / 2,
+        y: startY - offsetY,
+        textAnchor: 'end',
+        dominantBaseline: 'middle',
+        rotation: -90,
+    }),
+    [PlotbandLabelPosition.TopInside]: ({ startX, width, startY, offsetY }) => ({
+        x: startX + width / 2,
+        y: startY + offsetY,
+        textAnchor: 'end',
+        dominantBaseline: 'middle',
+        rotation: -90,
+    }),
+    [PlotbandLabelPosition.TopRightOutside]: ({ startY, width, offsetX, offsetY }) => ({
+        x: width - offsetX,
+        y: startY - offsetY,
+        textAnchor: 'start',
+        dominantBaseline: 'text-after-edge',
+        rotation: -90,
+    }),
+    [PlotbandLabelPosition.TopRightInside]: ({ startY, width, offsetX, offsetY }) => ({
+        x: width - offsetX,
+        y: startY + offsetY,
+        textAnchor: 'end',
+        dominantBaseline: 'text-after-edge',
+        rotation: -90,
+    }),
+    [PlotbandLabelPosition.RightOutside]: ({ startY, height, width, offsetX }) => ({
+        x: width - offsetX,
+        y: startY + height / 2,
+        textAnchor: 'middle',
+        dominantBaseline: 'text-after-edge',
+        rotation: -90,
+    }),
+    [PlotbandLabelPosition.RightInside]: ({ startY, height, width, offsetX }) => ({
+        x: width - offsetX,
+        y: startY + height / 2,
+        textAnchor: 'middle',
+        dominantBaseline: 'text-after-edge',
+        rotation: -90,
+    }),
+    [PlotbandLabelPosition.BottomRightOutside]: ({ startY, height, width, offsetX, offsetY }) => ({
+        x: width - offsetX,
+        y: startY + height + offsetY,
+        textAnchor: 'start',
+        dominantBaseline: 'text-before-edge',
+        rotation: -90,
+    }),
+    [PlotbandLabelPosition.BottomRightInside]: ({ startY, height, width, offsetX, offsetY }) => ({
+        x: width - offsetX,
+        y: startY + height - offsetY,
+        textAnchor: 'start',
+        dominantBaseline: 'text-after-edge',
+        rotation: -90,
+    }),
+    [PlotbandLabelPosition.BottomOutside]: ({ startX, width, startY, height, offsetY }) => ({
+        x: startX + width / 2,
+        y: startY + height + offsetY,
+        textAnchor: 'start',
+        dominantBaseline: 'middle',
+        rotation: -90,
+    }),
+    [PlotbandLabelPosition.BottomInside]: ({ startX, width, startY, height, offsetY }) => ({
+        x: startX + width / 2,
+        y: startY + height - offsetY,
+        textAnchor: 'start',
+        dominantBaseline: 'middle',
+        rotation: -90,
+    }),
+    [PlotbandLabelPosition.BottomLeftOutside]: ({ startY, height, offsetX, offsetY }) => ({
+        x: offsetX,
+        y: startY + height + offsetY,
+        textAnchor: 'end',
+        dominantBaseline: 'text-before-edge',
+        rotation: -90,
+    }),
+    [PlotbandLabelPosition.BottomLeftInside]: ({ startY, height, offsetX, offsetY }) => ({
+        x: offsetX,
+        y: startY + height - offsetY,
+        textAnchor: 'start',
+        dominantBaseline: 'text-before-edge',
+        rotation: -90,
+    }),
+    [PlotbandLabelPosition.LeftOutside]: ({ startY, height, offsetX }) => ({
+        x: offsetX,
+        y: startY + height / 2,
+        textAnchor: 'middle',
+        dominantBaseline: 'text-before-edge',
+        rotation: -90,
+    }),
+    [PlotbandLabelPosition.LeftInside]: ({ startY, height, offsetX }) => ({
+        x: offsetX,
+        y: startY + height / 2,
+        textAnchor: 'middle',
+        dominantBaseline: 'text-before-edge',
+        rotation: -90,
+    }),
+};
+
+export { HORIZONTAL_X, HORIZONTAL_Y, VERTICAL_X, VERTICAL_Y };
+//# sourceMappingURL=constants.js.map

package/components/plotband/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/plotband/constants.ts"],"sourcesContent":["import { PlotbandLayoutMap, PlotbandLabelPosition } from './types'\n\nexport const HORIZONTAL_X: PlotbandLayoutMap = {\n  [PlotbandLabelPosition.TopLeftOutside]: ({ startX, offsetX, offsetY }) => ({\n    x: startX - offsetX,\n    y: offsetY,\n    textAnchor: 'end',\n    dominantBaseline: 'text-before-edge',\n  }),\n  [PlotbandLabelPosition.TopLeftInside]: ({ startX, offsetX, offsetY }) => ({\n    x: startX + offsetX,\n    y: offsetY,\n    textAnchor: 'start',\n    dominantBaseline: 'text-before-edge',\n  }),\n  [PlotbandLabelPosition.TopOutside]: ({ startX, width, offsetY }) => ({\n    x: startX + width / 2,\n    y: offsetY,\n    textAnchor: 'middle',\n    dominantBaseline: 'text-before-edge',\n  }),\n  [PlotbandLabelPosition.TopInside]: ({ startX, width, offsetY }) => ({\n    x: startX + width / 2,\n    y: offsetY,\n    textAnchor: 'middle',\n    dominantBaseline: 'text-before-edge',\n  }),\n  [PlotbandLabelPosition.TopRightOutside]: ({ startX, width, offsetX, offsetY }) => ({\n    x: startX + width + offsetX,\n    y: offsetY,\n    textAnchor: 'start',\n    dominantBaseline: 'text-before-edge',\n  }),\n  [PlotbandLabelPosition.TopRightInside]: ({ startX, width, offsetX, offsetY }) => ({\n    x: startX + width - offsetX,\n    y: offsetY,\n    textAnchor: 'end',\n    dominantBaseline: 'text-before-edge',\n  }),\n  [PlotbandLabelPosition.RightOutside]: ({ startX, width, height, offsetX }) => ({\n    x: startX + width + offsetX,\n    y: height / 2,\n    textAnchor: 'start',\n    dominantBaseline: 'middle',\n  }),\n  [PlotbandLabelPosition.RightInside]: ({ startX, width, height, offsetX }) => ({\n    x: startX + width - offsetX,\n    y: height / 2,\n    textAnchor: 'end',\n    dominantBaseline: 'middle',\n  }),\n  [PlotbandLabelPosition.BottomRightOutside]: ({ startX, width, height, offsetX, offsetY }) => ({\n    x: startX + width + offsetX,\n    y: height - offsetY,\n    textAnchor: 'start',\n    dominantBaseline: 'text-after-edge',\n  }),\n  [PlotbandLabelPosition.BottomRightInside]: ({ startX, width, height, offsetX, offsetY }) => ({\n    x: startX + width - offsetX,\n    y: height - offsetY,\n    textAnchor: 'end',\n    dominantBaseline: 'text-after-edge',\n  }),\n  [PlotbandLabelPosition.BottomOutside]: ({ startX, width, height, offsetY }) => ({\n    x: startX + width / 2,\n    y: height - offsetY,\n    textAnchor: 'middle',\n    dominantBaseline: 'text-after-edge',\n  }),\n  [PlotbandLabelPosition.BottomInside]: ({ startX, width, height, offsetY }) => ({\n    x: startX + width / 2,\n    y: height - offsetY,\n    textAnchor: 'middle',\n    dominantBaseline: 'text-after-edge',\n  }),\n  [PlotbandLabelPosition.BottomLeftOutside]: ({ startX, height, offsetX, offsetY }) => ({\n    x: startX - offsetX,\n    y: height - offsetY,\n    textAnchor: 'end',\n    dominantBaseline: 'text-after-edge',\n  }),\n  [PlotbandLabelPosition.BottomLeftInside]: ({ startX, height, offsetX, offsetY }) => ({\n    x: startX + offsetX,\n    y: height - offsetY,\n    textAnchor: 'start',\n    dominantBaseline: 'text-after-edge',\n  }),\n  [PlotbandLabelPosition.LeftOutside]: ({ startX, height, offsetX }) => ({\n    x: startX - offsetX,\n    y: height / 2,\n    textAnchor: 'end',\n    dominantBaseline: 'middle',\n  }),\n  [PlotbandLabelPosition.LeftInside]: ({ startX, height, offsetX }) => ({\n    x: startX + offsetX,\n    y: height / 2,\n    textAnchor: 'start',\n    dominantBaseline: 'middle',\n  }),\n}\n\nexport const VERTICAL_X: PlotbandLayoutMap = {\n  [PlotbandLabelPosition.TopLeftOutside]: ({ startX, offsetX, offsetY }) => ({\n    x: startX - offsetX,\n    y: offsetY,\n    textAnchor: 'end',\n    dominantBaseline: 'text-after-edge',\n  }),\n  [PlotbandLabelPosition.TopLeftInside]: ({ startX, offsetX, offsetY }) => ({\n    x: startX + offsetX,\n    y: offsetY,\n    textAnchor: 'end',\n    dominantBaseline: 'text-before-edge',\n  }),\n  [PlotbandLabelPosition.TopOutside]: ({ startX, width, offsetY }) => ({\n    x: startX + width / 2,\n    y: offsetY,\n    textAnchor: 'end',\n    dominantBaseline: 'middle',\n  }),\n  [PlotbandLabelPosition.TopInside]: ({ startX, width, offsetY }) => ({\n    x: startX + width / 2,\n    y: offsetY,\n    textAnchor: 'end',\n    dominantBaseline: 'middle',\n  }),\n  [PlotbandLabelPosition.TopRightOutside]: ({ startX, width, offsetX, offsetY }) => ({\n    x: startX + width + offsetX,\n    y: offsetY,\n    textAnchor: 'end',\n    dominantBaseline: 'text-before-edge',\n  }),\n  [PlotbandLabelPosition.TopRightInside]: ({ startX, width, offsetX, offsetY }) => ({\n    x: startX + width - offsetX,\n    y: offsetY,\n    textAnchor: 'end',\n    dominantBaseline: 'text-after-edge',\n  }),\n  [PlotbandLabelPosition.RightOutside]: ({ startX, width, height, offsetX }) => ({\n    x: startX + width + offsetX,\n    y: height / 2,\n    textAnchor: 'middle',\n    dominantBaseline: 'text-before-edge',\n  }),\n  [PlotbandLabelPosition.RightInside]: ({ startX, width, height, offsetX }) => ({\n    x: startX + width - offsetX,\n    y: height / 2,\n    textAnchor: 'middle',\n    dominantBaseline: 'text-after-edge',\n  }),\n  [PlotbandLabelPosition.BottomRightOutside]: ({ startX, width, height, offsetX, offsetY }) => ({\n    x: startX + width + offsetX,\n    y: height - offsetY,\n    textAnchor: 'start',\n    dominantBaseline: 'text-before-edge',\n  }),\n  [PlotbandLabelPosition.BottomRightInside]: ({ startX, width, height, offsetX, offsetY }) => ({\n    x: startX + width - offsetX,\n    y: height - offsetY,\n    textAnchor: 'start',\n    dominantBaseline: 'text-after-edge',\n  }),\n  [PlotbandLabelPosition.BottomOutside]: ({ startX, width, height, offsetY }) => ({\n    x: startX + width / 2,\n    y: height - offsetY,\n    textAnchor: 'start',\n    dominantBaseline: 'middle',\n  }),\n  [PlotbandLabelPosition.BottomInside]: ({ startX, width, height, offsetY }) => ({\n    x: startX + width / 2,\n    y: height - offsetY,\n    textAnchor: 'start',\n    dominantBaseline: 'middle',\n  }),\n  [PlotbandLabelPosition.BottomLeftOutside]: ({ startX, height, offsetX, offsetY }) => ({\n    x: startX - offsetX,\n    y: height - offsetY,\n    textAnchor: 'start',\n    dominantBaseline: 'text-after-edge',\n  }),\n  [PlotbandLabelPosition.BottomLeftInside]: ({ startX, height, offsetX, offsetY }) => ({\n    x: startX + offsetX,\n    y: height - offsetY,\n    textAnchor: 'start',\n    dominantBaseline: 'text-before-edge',\n  }),\n  [PlotbandLabelPosition.LeftOutside]: ({ startX, height, offsetX }) => ({\n    x: startX - offsetX,\n    y: height / 2,\n    textAnchor: 'middle',\n    dominantBaseline: 'text-after-edge',\n  }),\n  [PlotbandLabelPosition.LeftInside]: ({ startX, height, offsetX }) => ({\n    x: startX + offsetX,\n    y: height / 2,\n    textAnchor: 'middle',\n    dominantBaseline: 'text-before-edge',\n  }),\n}\n\nexport const HORIZONTAL_Y: PlotbandLayoutMap = {\n  [PlotbandLabelPosition.TopLeftOutside]: ({ startY, offsetX, offsetY }) => ({\n    x: offsetX,\n    y: startY - offsetY,\n    textAnchor: 'start',\n    dominantBaseline: 'text-after-edge',\n  }),\n  [PlotbandLabelPosition.TopLeftInside]: ({ startY, offsetX, offsetY }) => ({\n    x: offsetX,\n    y: startY + offsetY,\n    textAnchor: 'start',\n    dominantBaseline: 'text-before-edge',\n  }),\n  [PlotbandLabelPosition.TopOutside]: ({ startX, width, startY, offsetY }) => ({\n    x: startX + width / 2,\n    y: startY - offsetY,\n    textAnchor: 'middle',\n    dominantBaseline: 'text-after-edge',\n  }),\n  [PlotbandLabelPosition.TopInside]: ({ startX, width, startY, offsetY }) => ({\n    x: startX + width / 2,\n    y: startY + offsetY,\n    textAnchor: 'middle',\n    dominantBaseline: 'text-before-edge',\n  }),\n  [PlotbandLabelPosition.TopRightOutside]: ({ startY, width, offsetX, offsetY }) => ({\n    x: width - offsetX,\n    y: startY - offsetY,\n    textAnchor: 'end',\n    dominantBaseline: 'text-after-edge',\n  }),\n  [PlotbandLabelPosition.TopRightInside]: ({ startY, width, offsetX, offsetY }) => ({\n    x: width - offsetX,\n    y: startY + offsetY,\n    textAnchor: 'end',\n    dominantBaseline: 'text-before-edge',\n  }),\n  [PlotbandLabelPosition.RightOutside]: ({ startY, height, width, offsetX }) => ({\n    x: width - offsetX,\n    y: startY + height / 2,\n    textAnchor: 'end',\n    dominantBaseline: 'middle',\n  }),\n  [PlotbandLabelPosition.RightInside]: ({ startY, height, width, offsetX }) => ({\n    x: width - offsetX,\n    y: startY + height / 2,\n    textAnchor: 'end',\n    dominantBaseline: 'middle',\n  }),\n  [PlotbandLabelPosition.BottomRightOutside]: ({ startY, height, width, offsetX, offsetY }) => ({\n    x: width - offsetX,\n    y: startY + height + offsetY,\n    textAnchor: 'end',\n    dominantBaseline: 'text-before-edge',\n  }),\n  [PlotbandLabelPosition.BottomRightInside]: ({ startY, height, width, offsetX, offsetY }) => ({\n    x: width - offsetX,\n    y: startY + height - offsetY,\n    textAnchor: 'end',\n    dominantBaseline: 'text-after-edge',\n  }),\n  [PlotbandLabelPosition.BottomOutside]: ({ startX, width, startY, height, offsetY }) => ({\n    x: startX + width / 2,\n    y: startY + height + offsetY,\n    textAnchor: 'middle',\n    dominantBaseline: 'text-before-edge',\n  }),\n  [PlotbandLabelPosition.BottomInside]: ({ startX, width, startY, height, offsetY }) => ({\n    x: startX + width / 2,\n    y: startY + height - offsetY,\n    textAnchor: 'middle',\n    dominantBaseline: 'text-after-edge',\n  }),\n  [PlotbandLabelPosition.BottomLeftOutside]: ({ startY, height, offsetX, offsetY }) => ({\n    x: offsetX,\n    y: startY + height + offsetY,\n    textAnchor: 'start',\n    dominantBaseline: 'text-before-edge',\n  }),\n  [PlotbandLabelPosition.BottomLeftInside]: ({ startY, height, offsetX, offsetY }) => ({\n    x: offsetX,\n    y: startY + height - offsetY,\n    textAnchor: 'start',\n    dominantBaseline: 'text-after-edge',\n  }),\n  [PlotbandLabelPosition.LeftOutside]: ({ startY, height, offsetX }) => ({\n    x: offsetX,\n    y: startY + height / 2,\n    textAnchor: 'start',\n    dominantBaseline: 'middle',\n  }),\n  [PlotbandLabelPosition.LeftInside]: ({ startY, height, offsetX }) => ({\n    x: offsetX,\n    y: startY + height / 2,\n    textAnchor: 'start',\n    dominantBaseline: 'middle',\n  }),\n}\n\nexport const VERTICAL_Y: PlotbandLayoutMap = {\n  [PlotbandLabelPosition.TopLeftOutside]: ({ startY, offsetX, offsetY }) => ({\n    x: offsetX,\n    y: startY - offsetY,\n    textAnchor: 'start',\n    dominantBaseline: 'text-after-edge',\n    rotation: -90,\n  }),\n  [PlotbandLabelPosition.TopLeftInside]: ({ startY, offsetX, offsetY }) => ({\n    x: offsetX,\n    y: startY + offsetY,\n    textAnchor: 'end',\n    dominantBaseline: 'text-before-edge',\n    rotation: -90,\n  }),\n  [PlotbandLabelPosition.TopOutside]: ({ startX, width, startY, offsetY }) => ({\n    x: startX + width / 2,\n    y: startY - offsetY,\n    textAnchor: 'end',\n    dominantBaseline: 'middle',\n    rotation: -90,\n  }),\n  [PlotbandLabelPosition.TopInside]: ({ startX, width, startY, offsetY }) => ({\n    x: startX + width / 2,\n    y: startY + offsetY,\n    textAnchor: 'end',\n    dominantBaseline: 'middle',\n    rotation: -90,\n  }),\n  [PlotbandLabelPosition.TopRightOutside]: ({ startY, width, offsetX, offsetY }) => ({\n    x: width - offsetX,\n    y: startY - offsetY,\n    textAnchor: 'start',\n    dominantBaseline: 'text-after-edge',\n    rotation: -90,\n  }),\n  [PlotbandLabelPosition.TopRightInside]: ({ startY, width, offsetX, offsetY }) => ({\n    x: width - offsetX,\n    y: startY + offsetY,\n    textAnchor: 'end',\n    dominantBaseline: 'text-after-edge',\n    rotation: -90,\n  }),\n  [PlotbandLabelPosition.RightOutside]: ({ startY, height, width, offsetX }) => ({\n    x: width - offsetX,\n    y: startY + height / 2,\n    textAnchor: 'middle',\n    dominantBaseline: 'text-after-edge',\n    rotation: -90,\n  }),\n  [PlotbandLabelPosition.RightInside]: ({ startY, height, width, offsetX }) => ({\n    x: width - offsetX,\n    y: startY + height / 2,\n    textAnchor: 'middle',\n    dominantBaseline: 'text-after-edge',\n    rotation: -90,\n  }),\n  [PlotbandLabelPosition.BottomRightOutside]: ({ startY, height, width, offsetX, offsetY }) => ({\n    x: width - offsetX,\n    y: startY + height + offsetY,\n    textAnchor: 'start',\n    dominantBaseline: 'text-before-edge',\n    rotation: -90,\n  }),\n  [PlotbandLabelPosition.BottomRightInside]: ({ startY, height, width, offsetX, offsetY }) => ({\n    x: width - offsetX,\n    y: startY + height - offsetY,\n    textAnchor: 'start',\n    dominantBaseline: 'text-after-edge',\n    rotation: -90,\n  }),\n  [PlotbandLabelPosition.BottomOutside]: ({ startX, width, startY, height, offsetY }) => ({\n    x: startX + width / 2,\n    y: startY + height + offsetY,\n    textAnchor: 'start',\n    dominantBaseline: 'middle',\n    rotation: -90,\n  }),\n  [PlotbandLabelPosition.BottomInside]: ({ startX, width, startY, height, offsetY }) => ({\n    x: startX + width / 2,\n    y: startY + height - offsetY,\n    textAnchor: 'start',\n    dominantBaseline: 'middle',\n    rotation: -90,\n  }),\n  [PlotbandLabelPosition.BottomLeftOutside]: ({ startY, height, offsetX, offsetY }) => ({\n    x: offsetX,\n    y: startY + height + offsetY,\n    textAnchor: 'end',\n    dominantBaseline: 'text-before-edge',\n    rotation: -90,\n  }),\n  [PlotbandLabelPosition.BottomLeftInside]: ({ startY, height, offsetX, offsetY }) => ({\n    x: offsetX,\n    y: startY + height - offsetY,\n    textAnchor: 'start',\n    dominantBaseline: 'text-before-edge',\n    rotation: -90,\n  }),\n  [PlotbandLabelPosition.LeftOutside]: ({ startY, height, offsetX }) => ({\n    x: offsetX,\n    y: startY + height / 2,\n    textAnchor: 'middle',\n    dominantBaseline: 'text-before-edge',\n    rotation: -90,\n  }),\n  [PlotbandLabelPosition.LeftInside]: ({ startY, height, offsetX }) => ({\n    x: offsetX,\n    y: startY + height / 2,\n    textAnchor: 'middle',\n    dominantBaseline: 'text-before-edge',\n    rotation: -90,\n  }),\n}\n"],"names":[],"mappings":"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"}

package/components/plotband/index.d.ts

@@ -0,0 +1,15 @@
+import { Selection } from 'd3-selection';
+import { XYComponentCore } from "../../core/xy-component";
+import { PlotbandConfigInterface } from './config';
+import * as s from './style';
+export declare class Plotband<Datum> extends XYComponentCore<Datum, PlotbandConfigInterface<Datum>> {
+    static selectors: typeof s;
+    protected _defaultConfig: PlotbandConfigInterface<Datum>;
+    from: number | null | undefined;
+    to: number | null | undefined;
+    plotband: Selection<SVGRectElement, unknown, null, undefined>;
+    label: Selection<SVGTextElement, unknown, null, undefined>;
+    constructor(config: PlotbandConfigInterface<Datum>);
+    _render(customDuration?: number): void;
+    private computeLabel;
+}

package/components/plotband/index.js

@@ -0,0 +1,92 @@
+import { smartTransition } from '../../utils/d3.js';
+import { XYComponentCore } from '../../core/xy-component/index.js';
+import { AxisType } from '../axis/types.js';
+import { VERTICAL_X, HORIZONTAL_X, VERTICAL_Y, HORIZONTAL_Y } from './constants.js';
+import { PlotbandDefaultConfig } from './config.js';
+import * as style from './style.js';
+import { plotband, label } from './style.js';
+
+// Utils
+class Plotband extends XYComponentCore {
+    constructor(config) {
+        super();
+        this._defaultConfig = PlotbandDefaultConfig;
+        if (config)
+            this.setConfig(config);
+        this.plotband = this.g.append('rect')
+            .attr('class', plotband);
+        this.label = this.g
+            .append('text')
+            .attr('class', label);
+    }
+    _render(customDuration) {
+        super._render(customDuration);
+        const { config } = this;
+        this.from = config.from;
+        this.to = config.to;
+        this.plotband
+            .style('fill', config.color);
+        if (this.from == null || this.to == null)
+            return;
+        let x = 0;
+        let y = 0;
+        let width = 0;
+        let height = 0;
+        if (config.axis === 'y') {
+            const y1 = this.yScale(this.from);
+            const y2 = this.yScale(this.to);
+            y = Math.min(y1, y2);
+            height = Math.abs(y1 - y2);
+            x = 0;
+            width = this._width;
+        }
+        else {
+            const x1 = this.xScale(this.from);
+            const x2 = this.xScale(this.to);
+            x = Math.min(x1, x2);
+            width = Math.abs(x1 - x2);
+            y = 0;
+            height = this._height;
+        }
+        smartTransition(this.plotband, config.duration)
+            .attr('x', x)
+            .attr('y', y)
+            .attr('width', width)
+            .attr('height', height);
+        if (config.labelText) {
+            const labelProps = this.computeLabel(config.axis, x, y, width, height, config.labelPosition, config.labelOffsetX, config.labelOffsetY, config.labelOrientation);
+            this.label
+                .attr('dominant-baseline', labelProps.dominantBaseline)
+                .attr('transform', labelProps.transform)
+                .style('text-anchor', labelProps.textAnchor)
+                .style('fill', config.labelColor)
+                .style('font-size', config.labelSize ? `${config.labelSize}px` : undefined);
+            smartTransition(this.label, config.duration)
+                .text(config.labelText)
+                .attr('x', labelProps.x)
+                .attr('y', labelProps.y);
+        }
+        smartTransition(this.plotband.exit())
+            .style('opacity', 0)
+            .remove();
+    }
+    computeLabel(axis, startX, startY, width, height, position, offsetX, offsetY, orientation) {
+        const isVertical = orientation === 'vertical';
+        const rotation = isVertical ? -90 : 0;
+        const args = { startX, startY, width, height, offsetX, offsetY };
+        let layoutPartial;
+        if (axis === AxisType.X) {
+            layoutPartial = (isVertical ? VERTICAL_X : HORIZONTAL_X)[position](args);
+        }
+        else {
+            layoutPartial = (isVertical ? VERTICAL_Y : HORIZONTAL_Y)[position](args);
+        }
+        const { x, y, textAnchor, dominantBaseline } = layoutPartial;
+        const transform = rotation !== 0 ? `rotate(${rotation}, ${x}, ${y})` : '';
+        return { x, y, rotation, textAnchor, transform, dominantBaseline };
+    }
+}
+Plotband.selectors = style;
+
+export { Plotband };
+//# sourceMappingURL=index.js.map

package/components/plotband/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/plotband/index.ts"],"sourcesContent":["import { Selection } from 'd3-selection'\n\n// Utils\nimport { smartTransition } from 'utils/d3'\n\n// Core\nimport { XYComponentCore } from 'core/xy-component'\nimport { AxisType } from 'components/axis/types'\n\n// Config\nimport { VERTICAL_X, HORIZONTAL_X, VERTICAL_Y, HORIZONTAL_Y } from './constants'\nimport { PlotbandDefaultConfig, PlotbandConfigInterface } from './config'\nimport { PlotbandLabelOrientation, PlotbandLabelPosition, PlotbandLabelLayout } from './types'\n\n// Styles\nimport * as s from './style'\n\nexport class Plotband<Datum> extends XYComponentCore<Datum, PlotbandConfigInterface<Datum>> {\n  static selectors = s\n  protected _defaultConfig = PlotbandDefaultConfig as PlotbandConfigInterface<Datum>\n  from: number | null | undefined\n  to: number | null | undefined\n  plotband: Selection<SVGRectElement, unknown, null, undefined>\n  label: Selection<SVGTextElement, unknown, null, undefined>\n\n  constructor (config: PlotbandConfigInterface<Datum>) {\n    super()\n    if (config) this.setConfig(config)\n\n    this.plotband = this.g.append('rect')\n      .attr('class', s.plotband)\n\n    this.label = this.g\n      .append('text')\n      .attr('class', s.label)\n  }\n\n  _render (customDuration?: number): void {\n    super._render(customDuration)\n    const { config } = this\n    this.from = config.from\n    this.to = config.to\n\n    this.plotband\n      .style('fill', config.color)\n\n    if (this.from == null || this.to == null) return\n\n    let x = 0\n    let y = 0\n    let width = 0\n    let height = 0\n\n    if (config.axis === 'y') {\n      const y1 = this.yScale(this.from)\n      const y2 = this.yScale(this.to)\n      y = Math.min(y1, y2)\n      height = Math.abs(y1 - y2)\n      x = 0\n      width = this._width\n    } else {\n      const x1 = this.xScale(this.from)\n      const x2 = this.xScale(this.to)\n      x = Math.min(x1, x2)\n      width = Math.abs(x1 - x2)\n      y = 0\n      height = this._height\n    }\n\n    smartTransition(this.plotband, config.duration)\n      .attr('x', x)\n      .attr('y', y)\n      .attr('width', width)\n      .attr('height', height)\n\n    if (config.labelText) {\n      const labelProps = this.computeLabel(\n        config.axis,\n        x,\n        y,\n        width,\n        height,\n        config.labelPosition,\n        config.labelOffsetX,\n        config.labelOffsetY,\n        config.labelOrientation\n      )\n\n      this.label\n        .attr('dominant-baseline', labelProps.dominantBaseline)\n        .attr('transform', labelProps.transform)\n        .style('text-anchor', labelProps.textAnchor)\n        .style('fill', config.labelColor)\n        .style('font-size', config.labelSize ? `${config.labelSize}px` : undefined)\n\n      smartTransition(this.label, config.duration)\n        .text(config.labelText)\n        .attr('x', labelProps.x)\n        .attr('y', labelProps.y)\n    }\n\n    smartTransition(this.plotband.exit())\n      .style('opacity', 0)\n      .remove()\n  }\n\n  private computeLabel (\n    axis: AxisType,\n    startX: number,\n    startY: number,\n    width: number,\n    height: number,\n    position: PlotbandLabelPosition,\n    offsetX: number,\n    offsetY: number,\n    orientation: PlotbandLabelOrientation\n  ): PlotbandLabelLayout {\n    const isVertical = orientation === 'vertical'\n    const rotation = isVertical ? -90 : 0\n    const args = { startX, startY, width, height, offsetX, offsetY }\n\n    let layoutPartial: Omit<PlotbandLabelLayout, 'rotation' | 'transform'>\n\n    if (axis === AxisType.X) {\n      layoutPartial = (isVertical ? VERTICAL_X : HORIZONTAL_X)[position](args)\n    } else {\n      layoutPartial = (isVertical ? VERTICAL_Y : HORIZONTAL_Y)[position](args)\n    }\n\n    const { x, y, textAnchor, dominantBaseline } = layoutPartial\n    const transform = rotation !== 0 ? `rotate(${rotation}, ${x}, ${y})` : ''\n\n    return { x, y, rotation, textAnchor, transform, dominantBaseline }\n  }\n}\n"],"names":["s.plotband","s.label","s"],"mappings":"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"}

package/components/plotband/style.d.ts

@@ -0,0 +1,4 @@
+export declare const globalStyles: void;
+export declare const root: string;
+export declare const plotband: string;
+export declare const label: string;

package/components/plotband/style.js

@@ -0,0 +1,38 @@
+import { injectGlobal, css } from '@emotion/css';
+
+const globalStyles = injectGlobal `
+  :root {
+    --vis-plotband-color: rgba(255, 255, 90, 0.2);
+    --vis-plotband-label-font-size: 12px;
+    --vis-plotband-label-color: #000;
+
+    --vis-dark-plotband-color: rgba(220, 220, 90, 0.2);
+    --vis-dark-plotband-label-color: #e5e9f7;
+  }
+
+  body.theme-dark {
+    --vis-plotband-color: var(--vis-dark-plotband-color);
+    --vis-plotband-label-color: var(--vis-dark-tooltip-text-color);
+  }
+`;
+const root = css `
+  label: plotband-component;
+`;
+const plotband = css `
+  label: plotband-area;
+  transition: opacity 200ms;
+  cursor: var(--vis-line-cursor);
+  fill: var(--vis-plotband-color);
+`;
+const label = css `
+  label: plotline-label;
+
+  user-select: none;
+  text-anchor: middle;
+  pointer-events: none;
+  font-size: var(--vis-plotband-label-font-size);
+  fill: var(--vis-plotband-label-color);
+`;
+
+export { globalStyles, label, plotband, root };
+//# sourceMappingURL=style.js.map

package/components/plotband/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../src/components/plotband/style.ts"],"sourcesContent":["import { css, injectGlobal } from '@emotion/css'\n\n\nexport const globalStyles = injectGlobal`\n  :root {\n    --vis-plotband-color: rgba(255, 255, 90, 0.2);\n    --vis-plotband-label-font-size: 12px;\n    --vis-plotband-label-color: #000;\n\n    --vis-dark-plotband-color: rgba(220, 220, 90, 0.2);\n    --vis-dark-plotband-label-color: #e5e9f7;\n  }\n\n  body.theme-dark {\n    --vis-plotband-color: var(--vis-dark-plotband-color);\n    --vis-plotband-label-color: var(--vis-dark-tooltip-text-color);\n  }\n`\n\nexport const root = css`\n  label: plotband-component;\n`\n\nexport const plotband = css`\n  label: plotband-area;\n  transition: opacity 200ms;\n  cursor: var(--vis-line-cursor);\n  fill: var(--vis-plotband-color);\n`\n\nexport const label = css`\n  label: plotline-label;\n\n  user-select: none;\n  text-anchor: middle;\n  pointer-events: none;\n  font-size: var(--vis-plotband-label-font-size);\n  fill: var(--vis-plotband-label-color);\n`\n"],"names":[],"mappings":";;AAGO,MAAM,YAAY,GAAG,YAAY,CAAA,CAAA;;;;;;;;;;;;;;EAcvC;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,QAAQ,GAAG,GAAG,CAAA,CAAA;;;;;EAK1B;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;"}