@unovis/ts 1.0.0-beta.0

package/containers/xy-container/index.js

@@ -0,0 +1,322 @@
+import { css } from '@emotion/css';
+import { extent, merge } from 'd3-array';
+import { ContainerCore } from '../../core/container/index.js';
+import { CoreDataModel } from '../../data-models/core.js';
+import { AxisType } from '../../components/axis/types.js';
+import { ScaleDimension } from '../../types/scale.js';
+import { Direction } from '../../types/direction.js';
+import { clamp, flatten, clean } from '../../utils/data.js';
+import { guid } from '../../utils/misc.js';
+import { XYContainerConfig } from './config.js';
+
+class XYContainer extends ContainerCore {
+    constructor(element, config, data) {
+        var _a;
+        super(element);
+        this.config = new XYContainerConfig();
+        this.datamodel = new CoreDataModel();
+        this._clipPathId = guid();
+        this._axisMargin = { top: 0, bottom: 0, left: 0, right: 0 };
+        this._firstRender = true;
+        this._clipPath = this.svg.append('clipPath')
+            .attr('id', this._clipPathId);
+        this._clipPath.append('rect');
+        // When the base tag is specified on the HTML head,
+        //  Safari fails to find the corresponding filter URL.
+        //  We have to provide tull url in order to fix that
+        const highlightFilterId = 'saturate';
+        const baseUrl = window.location.href.replace(window.location.hash, '');
+        this.svg.attr('class', css `
+      --highlight-filter-id: url(${baseUrl}#${highlightFilterId}); // defining a css variable
+    `);
+        this._svgDefs = this.svg.append('defs');
+        this._svgDefs.append('filter')
+            .attr('id', highlightFilterId)
+            .attr('filterUnits', 'objectBoundingBox')
+            .html('<feColorMatrix type="saturate" in="SourceGraphic" values="1.35"/>');
+        if (config) {
+            this.updateContainer(config);
+        }
+        if (data) {
+            this.setData(data);
+        }
+        // Force re-render axes when fonts are loaded
+        (_a = document.fonts) === null || _a === void 0 ? void 0 : _a.ready.then(() => {
+            if (!this._firstRender)
+                this._renderAxes(0);
+        });
+    }
+    get components() {
+        return this.config.components;
+    }
+    // Overriding ContainerCore default get width method to work with axis auto margin
+    get width() {
+        const margin = this._getMargin();
+        return clamp(this.containerWidth - margin.left - margin.right, 0, Number.POSITIVE_INFINITY);
+    }
+    // Overriding ContainerCore default get height method to work with axis auto margin
+    get height() {
+        const margin = this._getMargin();
+        return clamp(this.containerHeight - margin.top - margin.bottom, 0, Number.POSITIVE_INFINITY);
+    }
+    setData(data, preventRender) {
+        var _a, _b, _c, _d;
+        const { components, config } = this;
+        if (!data)
+            return;
+        this.datamodel.data = data;
+        components.forEach((c) => {
+            c.setData(data);
+        });
+        (_a = config.crosshair) === null || _a === void 0 ? void 0 : _a.setData(data);
+        (_b = config.xAxis) === null || _b === void 0 ? void 0 : _b.setData(data);
+        (_c = config.yAxis) === null || _c === void 0 ? void 0 : _c.setData(data);
+        (_d = config.tooltip) === null || _d === void 0 ? void 0 : _d.hide();
+        if (!preventRender)
+            this.render();
+    }
+    updateContainer(containerConfig, preventRender) {
+        super.updateContainer(containerConfig);
+        this.removeAllChildren();
+        // If there were any new components added we need to pass them data
+        this.setData(this.datamodel.data, true);
+        // Set up the axes
+        if (containerConfig.xAxis) {
+            this.config.xAxis.config.type = AxisType.X;
+            this.element.appendChild(containerConfig.xAxis.element);
+        }
+        if (containerConfig.yAxis) {
+            this.config.yAxis.config.type = AxisType.Y;
+            this.element.appendChild(containerConfig.yAxis.element);
+        }
+        // Re-insert elements to the DOM
+        for (const c of this.components) {
+            this.element.appendChild(c.element);
+        }
+        // Set up the tooltip
+        const tooltip = containerConfig.tooltip;
+        if (tooltip) {
+            if (!tooltip.hasContainer())
+                tooltip.setContainer(this._container);
+            tooltip.setComponents(this.components);
+        }
+        // Set up the crosshair
+        const crosshair = containerConfig.crosshair;
+        if (crosshair) {
+            crosshair.setContainer(this.svg);
+            crosshair.tooltip = tooltip;
+            this.element.appendChild(crosshair.element);
+        }
+        // Clipping path
+        this.element.appendChild(this._clipPath.node());
+        // Defs
+        this.element.appendChild(this._svgDefs.node());
+        // Rendering
+        if (!preventRender)
+            this.render();
+    }
+    updateComponents(componentConfigs, preventRender) {
+        const { config } = this;
+        this.components.forEach((c, i) => {
+            const componentConfig = componentConfigs[i];
+            if (componentConfig) {
+                c.prevConfig = c.config;
+                c.setConfig(componentConfigs[i]);
+            }
+        });
+        this.updateScales(...this.components, config.xAxis, config.yAxis, config.crosshair);
+        if (!preventRender)
+            this.render();
+    }
+    update(containerConfig, componentConfigs, data) {
+        if (data)
+            this.datamodel.data = data; // Just updating the data model because the `updateContainer` method has the `setData` step inside
+        if (containerConfig)
+            this.updateContainer(containerConfig, true);
+        if (componentConfigs)
+            this.updateComponents(componentConfigs, true);
+        this.render();
+    }
+    _render(customDuration) {
+        var _a, _b, _c;
+        const { config } = this;
+        super._render();
+        // Calculate extra margin required to fit the axes
+        if (config.autoMargin) {
+            this._setAutoMargin();
+        }
+        // Get chart total margin after auto margin calculations
+        const margin = this._getMargin();
+        // Update Scales of all the components at once to calculate required paddings and sync them
+        this.updateScales(...this.components, config.xAxis, config.yAxis, config.crosshair);
+        // Render components
+        for (const c of this.components) {
+            c.g.attr('transform', `translate(${margin.left},${margin.top})`)
+                .style('clip-path', c.clippable ? `url(#${this._clipPathId})` : null)
+                .style('-webkit-clip-path', c.clippable ? `url(#${this._clipPathId})` : null);
+            c.render(customDuration);
+        }
+        this._renderAxes(this._firstRender ? 0 : customDuration);
+        // Clip Rect
+        this._clipPath.select('rect')
+            .attr('width', this.width)
+            .attr('height', this.height);
+        // Tooltip
+        (_a = config.tooltip) === null || _a === void 0 ? void 0 : _a.update(); // Re-bind events
+        // Crosshair
+        const crosshair = config.crosshair;
+        if (crosshair) {
+            // Pass accessors
+            const yAccessors = this.components.filter(c => !c.stacked).map(c => c.config.y);
+            const yStackedAccessors = this.components.filter(c => c.stacked).map(c => c.config.y);
+            // eslint-disable-next-line dot-notation
+            const baselineAccessor = (_b = this.components.find(c => c.config['baseline'])) === null || _b === void 0 ? void 0 : _b.config['baseline'];
+            crosshair.accessors = {
+                x: (_c = this.components[0]) === null || _c === void 0 ? void 0 : _c.config.x,
+                y: flatten(yAccessors),
+                yStacked: flatten(yStackedAccessors),
+                baseline: baselineAccessor,
+            };
+            crosshair.g.attr('transform', `translate(${margin.left},${margin.top})`)
+                .style('clip-path', `url(#${this._clipPathId})`)
+                .style('-webkit-clip-path', `url(#${this._clipPathId})`);
+            crosshair.hide();
+        }
+        this._firstRender = false;
+    }
+    updateScales(...components) {
+        const c = clean(components || this.components);
+        this._setScales(...c);
+        this._updateScalesDomain(...c);
+        this._updateScalesRange(...c);
+    }
+    _setScales(...components) {
+        const { config } = this;
+        if (!components)
+            return;
+        // Set the X and Y scales
+        if (config.xScale)
+            components.forEach(c => c.setScale(ScaleDimension.X, config.xScale));
+        if (config.yScale)
+            components.forEach(c => c.setScale(ScaleDimension.Y, config.yScale));
+    }
+    _updateScalesDomain(...components) {
+        const { config } = this;
+        if (!components)
+            return;
+        // Loop over all the dimensions
+        Object.values(ScaleDimension).forEach((dimension) => {
+            var _a, _b, _c, _d, _e, _f, _g, _h;
+            const [min, max] = extent(merge(components
+                .filter(c => !c.config.excludeFromDomainCalculation)
+                .map(c => c.getDataExtent(dimension, config.scaleByDomain)))); // Components with undefined dimension accessors will return [undefined, undefined] but d3.extent will take care of that
+            const configuredDomain = dimension === ScaleDimension.Y ? config.yDomain : config.xDomain;
+            const configuredDomainMinConstraint = dimension === ScaleDimension.Y ? config.yDomainMinConstraint : config.xDomainMinConstraint;
+            const configuredDomainMaxConstraint = dimension === ScaleDimension.Y ? config.yDomainMaxConstraint : config.xDomainMaxConstraint;
+            const domainMin = (_b = (_a = configuredDomain === null || configuredDomain === void 0 ? void 0 : configuredDomain[0]) !== null && _a !== void 0 ? _a : min) !== null && _b !== void 0 ? _b : 0;
+            const domainMax = (_d = (_c = configuredDomain === null || configuredDomain === void 0 ? void 0 : configuredDomain[1]) !== null && _c !== void 0 ? _c : max) !== null && _d !== void 0 ? _d : 1;
+            const domain = [
+                clamp(domainMin, (_e = configuredDomainMinConstraint === null || configuredDomainMinConstraint === void 0 ? void 0 : configuredDomainMinConstraint[0]) !== null && _e !== void 0 ? _e : Number.NEGATIVE_INFINITY, (_f = configuredDomainMinConstraint === null || configuredDomainMinConstraint === void 0 ? void 0 : configuredDomainMinConstraint[1]) !== null && _f !== void 0 ? _f : Number.POSITIVE_INFINITY),
+                clamp(domainMax, (_g = configuredDomainMaxConstraint === null || configuredDomainMaxConstraint === void 0 ? void 0 : configuredDomainMaxConstraint[0]) !== null && _g !== void 0 ? _g : Number.NEGATIVE_INFINITY, (_h = configuredDomainMaxConstraint === null || configuredDomainMaxConstraint === void 0 ? void 0 : configuredDomainMaxConstraint[1]) !== null && _h !== void 0 ? _h : Number.POSITIVE_INFINITY),
+            ];
+            if (config.preventEmptyDomain && (domain[0] === domain[1]) && isFinite(domain[0])) {
+                domain[1] = domain[0] + 1;
+            }
+            components.forEach(c => c.setScaleDomain(dimension, domain));
+        });
+    }
+    _updateScalesRange(...components) {
+        var _a, _b, _c, _d, _e, _f;
+        const { config } = this;
+        if (!components)
+            return;
+        // Set initial scale range
+        const isYDirectionSouth = config.yDirection === Direction.South;
+        const xRange = [(_a = config.padding.left) !== null && _a !== void 0 ? _a : 0, (_b = this.width - config.padding.right) !== null && _b !== void 0 ? _b : 0];
+        const yRange = [(_c = this.height - config.padding.bottom) !== null && _c !== void 0 ? _c : 0, (_d = config.padding.top) !== null && _d !== void 0 ? _d : 0];
+        if (isYDirectionSouth)
+            yRange.reverse();
+        for (const c of components) {
+            c.setSize(this.width, this.height);
+            c.setScaleRange(ScaleDimension.X, (_e = config.xRange) !== null && _e !== void 0 ? _e : xRange);
+            c.setScaleRange(ScaleDimension.Y, (_f = config.yRange) !== null && _f !== void 0 ? _f : yRange);
+        }
+        // Get and combine bleed
+        const bleed = components.map(c => c.bleed).reduce((bleed, b) => {
+            for (const key of Object.keys(bleed)) {
+                if (bleed[key] < b[key])
+                    bleed[key] = b[key];
+            }
+            return bleed;
+        }, { top: 0, bottom: 0, left: 0, right: 0 });
+        // Update scale range
+        for (const c of components) {
+            c.setScaleRange(ScaleDimension.X, [xRange[0] + bleed.left, xRange[1] - bleed.right]);
+            c.setScaleRange(ScaleDimension.Y, isYDirectionSouth
+                ? [yRange[0] + bleed.top, yRange[1] - bleed.bottom] // if Y axis is directed downwards
+                : [yRange[0] - bleed.bottom, yRange[1] + bleed.top] // if Y axis is directed upwards
+            );
+        }
+    }
+    _renderAxes(duration) {
+        const { config: { xAxis, yAxis } } = this;
+        const margin = this._getMargin();
+        const axes = clean([xAxis, yAxis]);
+        axes.forEach(axis => {
+            const offset = axis.getOffset(margin);
+            axis.g.attr('transform', `translate(${offset.left},${offset.top})`);
+            axis.render(duration);
+        });
+    }
+    _setAutoMargin() {
+        const { config: { xAxis, yAxis } } = this;
+        // At first we need to set the domain to the scales
+        const components = clean([...this.components, xAxis, yAxis]);
+        this._updateScalesDomain(...components);
+        // Calculate margin required by the axes
+        // We do two iterations on the first render, because the amount and size of ticks can change
+        //    after new margin are calculated and applied (axes dimensions will change).
+        //    That's needed for correct label placement.
+        const numIterations = this._firstRender ? 2 : 1;
+        for (let i = 0; i < numIterations; i += 1) {
+            const axisMargin = { top: 0, bottom: 0, left: 0, right: 0 };
+            this._updateScalesRange(...components);
+            const axes = clean([xAxis, yAxis]);
+            axes.forEach(axis => {
+                axis.preRender();
+                const m = axis.getRequiredMargin();
+                if (axisMargin.top < m.top)
+                    axisMargin.top = m.top;
+                if (axisMargin.bottom < m.bottom)
+                    axisMargin.bottom = m.bottom;
+                if (axisMargin.left < m.left)
+                    axisMargin.left = m.left;
+                if (axisMargin.right < m.right)
+                    axisMargin.right = m.right;
+            });
+            this._axisMargin = axisMargin;
+        }
+    }
+    _getMargin() {
+        const { config: { margin } } = this;
+        return {
+            top: margin.top + this._axisMargin.top,
+            bottom: margin.bottom + this._axisMargin.bottom,
+            left: margin.left + this._axisMargin.left,
+            right: margin.right + this._axisMargin.right,
+        };
+    }
+    destroy() {
+        const { components, config: { tooltip, crosshair, xAxis, yAxis } } = this;
+        super.destroy();
+        for (const c of components)
+            c === null || c === void 0 ? void 0 : c.destroy();
+        tooltip === null || tooltip === void 0 ? void 0 : tooltip.destroy();
+        crosshair === null || crosshair === void 0 ? void 0 : crosshair.destroy();
+        xAxis === null || xAxis === void 0 ? void 0 : xAxis.destroy();
+        yAxis === null || yAxis === void 0 ? void 0 : yAxis.destroy();
+    }
+}
+
+export { XYContainer };
+//# sourceMappingURL=index.js.map

package/containers/xy-container/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/containers/xy-container/index.ts"],"sourcesContent":["import { css } from '@emotion/css'\nimport { extent, merge as mergeArrays } from 'd3-array'\nimport { Selection } from 'd3-selection'\n\n// Core\nimport { ContainerCore } from 'core/container'\nimport { XYComponentCore } from 'core/xy-component'\nimport { XYComponentConfigInterface } from 'core/xy-component/config'\n\n// Data Model\nimport { CoreDataModel } from 'data-models/core'\n\n// Types\nimport { Spacing } from 'types/spacing'\nimport { AxisType } from 'components/axis/types'\nimport { ScaleDimension } from 'types/scale'\nimport { Direction } from 'types/direction'\n\n// Utils\nimport { clamp, clean, flatten } from 'utils/data'\nimport { guid } from 'utils/misc'\n\n// Config\nimport { XYContainerConfig, XYContainerConfigInterface } from './config'\nimport {\n  AreaConfigInterface,\n  BrushConfigInterface,\n  LineConfigInterface,\n  ScatterConfigInterface,\n  StackedBarConfigInterface,\n  TimelineConfigInterface,\n} from '../../components'\n\nexport type XYConfigInterface<Datum> = XYComponentConfigInterface<Datum>\n| StackedBarConfigInterface<Datum>\n| LineConfigInterface<Datum>\n| ScatterConfigInterface<Datum>\n| BrushConfigInterface<Datum>\n| TimelineConfigInterface<Datum>\n| AreaConfigInterface<Datum>\n\nexport class XYContainer<Datum> extends ContainerCore {\n  config: XYContainerConfig<Datum> = new XYContainerConfig()\n  datamodel: CoreDataModel<Datum[]> = new CoreDataModel()\n  private _svgDefs: Selection<SVGDefsElement, unknown, null, undefined>\n  private _clipPath: Selection<SVGClipPathElement, unknown, null, undefined>\n  private _clipPathId = guid()\n  private _axisMargin: Spacing = { top: 0, bottom: 0, left: 0, right: 0 }\n  private _firstRender = true\n\n  constructor (element: HTMLElement, config?: XYContainerConfigInterface<Datum>, data?: Datum[]) {\n    super(element)\n\n    this._clipPath = this.svg.append('clipPath')\n      .attr('id', this._clipPathId)\n    this._clipPath.append('rect')\n\n    // When the base tag is specified on the HTML head,\n    //  Safari fails to find the corresponding filter URL.\n    //  We have to provide tull url in order to fix that\n    const highlightFilterId = 'saturate'\n    const baseUrl = window.location.href.replace(window.location.hash, '')\n    this.svg.attr('class', css`\n      --highlight-filter-id: url(${baseUrl}#${highlightFilterId}); // defining a css variable\n    `)\n\n    this._svgDefs = this.svg.append('defs')\n    this._svgDefs.append('filter')\n      .attr('id', highlightFilterId)\n      .attr('filterUnits', 'objectBoundingBox')\n      .html('<feColorMatrix type=\"saturate\" in=\"SourceGraphic\" values=\"1.35\"/>')\n\n    if (config) {\n      this.updateContainer(config)\n    }\n\n    if (data) {\n      this.setData(data)\n    }\n\n    // Force re-render axes when fonts are loaded\n    (document as any).fonts?.ready.then(() => {\n      if (!this._firstRender) this._renderAxes(0)\n    })\n  }\n\n  get components (): XYComponentCore<Datum>[] {\n    return this.config.components\n  }\n\n  // Overriding ContainerCore default get width method to work with axis auto margin\n  get width (): number {\n    const margin = this._getMargin()\n    return clamp(this.containerWidth - margin.left - margin.right, 0, Number.POSITIVE_INFINITY)\n  }\n\n  // Overriding ContainerCore default get height method to work with axis auto margin\n  get height (): number {\n    const margin = this._getMargin()\n\n    return clamp(this.containerHeight - margin.top - margin.bottom, 0, Number.POSITIVE_INFINITY)\n  }\n\n  setData (data: Datum[], preventRender?: boolean): void {\n    const { components, config } = this\n    if (!data) return\n    this.datamodel.data = data\n\n    components.forEach((c) => {\n      c.setData(data)\n    })\n\n    config.crosshair?.setData(data)\n    config.xAxis?.setData(data)\n    config.yAxis?.setData(data)\n    config.tooltip?.hide()\n    if (!preventRender) this.render()\n  }\n\n  updateContainer (containerConfig: XYContainerConfigInterface<Datum>, preventRender?: boolean): void {\n    super.updateContainer(containerConfig)\n    this.removeAllChildren()\n\n    // If there were any new components added we need to pass them data\n    this.setData(this.datamodel.data, true)\n\n    // Set up the axes\n    if (containerConfig.xAxis) {\n      this.config.xAxis.config.type = AxisType.X\n      this.element.appendChild(containerConfig.xAxis.element)\n    }\n    if (containerConfig.yAxis) {\n      this.config.yAxis.config.type = AxisType.Y\n      this.element.appendChild(containerConfig.yAxis.element)\n    }\n\n    // Re-insert elements to the DOM\n    for (const c of this.components) {\n      this.element.appendChild(c.element)\n    }\n\n    // Set up the tooltip\n    const tooltip = containerConfig.tooltip\n    if (tooltip) {\n      if (!tooltip.hasContainer()) tooltip.setContainer(this._container)\n      tooltip.setComponents(this.components)\n    }\n\n    // Set up the crosshair\n    const crosshair = containerConfig.crosshair\n    if (crosshair) {\n      crosshair.setContainer(this.svg)\n      crosshair.tooltip = tooltip\n\n      this.element.appendChild(crosshair.element)\n    }\n\n    // Clipping path\n    this.element.appendChild(this._clipPath.node())\n\n    // Defs\n    this.element.appendChild(this._svgDefs.node())\n\n    // Rendering\n    if (!preventRender) this.render()\n  }\n\n  updateComponents (componentConfigs: XYConfigInterface<Datum>[], preventRender?: boolean): void {\n    const { config } = this\n\n    this.components.forEach((c, i) => {\n      const componentConfig = componentConfigs[i]\n      if (componentConfig) {\n        c.prevConfig = c.config\n        c.setConfig(componentConfigs[i])\n      }\n    })\n\n    this.updateScales(...this.components, config.xAxis, config.yAxis, config.crosshair)\n    if (!preventRender) this.render()\n  }\n\n  update (containerConfig: XYContainerConfigInterface<Datum>, componentConfigs?: XYComponentConfigInterface<Datum>[], data?: Datum[]): void {\n    if (data) this.datamodel.data = data // Just updating the data model because the `updateContainer` method has the `setData` step inside\n    if (containerConfig) this.updateContainer(containerConfig, true)\n    if (componentConfigs) this.updateComponents(componentConfigs, true)\n    this.render()\n  }\n\n  _render (customDuration?: number): void {\n    const { config } = this\n    super._render()\n\n    // Calculate extra margin required to fit the axes\n    if (config.autoMargin) {\n      this._setAutoMargin()\n    }\n\n    // Get chart total margin after auto margin calculations\n    const margin = this._getMargin()\n\n    // Update Scales of all the components at once to calculate required paddings and sync them\n    this.updateScales(...this.components, config.xAxis, config.yAxis, config.crosshair)\n\n    // Render components\n    for (const c of this.components) {\n      c.g.attr('transform', `translate(${margin.left},${margin.top})`)\n        .style('clip-path', c.clippable ? `url(#${this._clipPathId})` : null)\n        .style('-webkit-clip-path', c.clippable ? `url(#${this._clipPathId})` : null)\n\n      c.render(customDuration)\n    }\n\n    this._renderAxes(this._firstRender ? 0 : customDuration)\n\n    // Clip Rect\n    this._clipPath.select('rect')\n      .attr('width', this.width)\n      .attr('height', this.height)\n\n    // Tooltip\n    config.tooltip?.update() // Re-bind events\n\n    // Crosshair\n    const crosshair = config.crosshair\n    if (crosshair) {\n      // Pass accessors\n      const yAccessors = this.components.filter(c => !c.stacked).map(c => c.config.y)\n      const yStackedAccessors = this.components.filter(c => c.stacked).map(c => c.config.y)\n      // eslint-disable-next-line dot-notation\n      const baselineAccessor = this.components.find(c => c.config['baseline'])?.config['baseline']\n\n      crosshair.accessors = {\n        x: this.components[0]?.config.x,\n        y: flatten(yAccessors),\n        yStacked: flatten(yStackedAccessors),\n        baseline: baselineAccessor,\n      }\n\n      crosshair.g.attr('transform', `translate(${margin.left},${margin.top})`)\n        .style('clip-path', `url(#${this._clipPathId})`)\n        .style('-webkit-clip-path', `url(#${this._clipPathId})`)\n      crosshair.hide()\n    }\n\n    this._firstRender = false\n  }\n\n  updateScales<T extends XYComponentCore<Datum>> (...components: T[]): void {\n    const c = clean(components || this.components)\n    this._setScales(...c)\n    this._updateScalesDomain(...c)\n    this._updateScalesRange(...c)\n  }\n\n  _setScales<T extends XYComponentCore<Datum>> (...components: T[]): void {\n    const { config } = this\n    if (!components) return\n\n    // Set the X and Y scales\n    if (config.xScale) components.forEach(c => c.setScale(ScaleDimension.X, config.xScale))\n    if (config.yScale) components.forEach(c => c.setScale(ScaleDimension.Y, config.yScale))\n  }\n\n  _updateScalesDomain<T extends XYComponentCore<Datum>> (...components: T[]): void {\n    const { config } = this\n    if (!components) return\n\n    // Loop over all the dimensions\n    Object.values(ScaleDimension).forEach((dimension: ScaleDimension) => {\n      const [min, max] = extent(\n        mergeArrays(\n          components\n            .filter(c => !c.config.excludeFromDomainCalculation)\n            .map(c => c.getDataExtent(dimension, config.scaleByDomain))\n        ) as number[]\n      ) // Components with undefined dimension accessors will return [undefined, undefined] but d3.extent will take care of that\n\n      const configuredDomain = dimension === ScaleDimension.Y ? config.yDomain : config.xDomain\n      const configuredDomainMinConstraint = dimension === ScaleDimension.Y ? config.yDomainMinConstraint : config.xDomainMinConstraint\n      const configuredDomainMaxConstraint = dimension === ScaleDimension.Y ? config.yDomainMaxConstraint : config.xDomainMaxConstraint\n      const domainMin = configuredDomain?.[0] ?? min ?? 0\n      const domainMax = configuredDomain?.[1] ?? max ?? 1\n      const domain = [\n        clamp(domainMin, configuredDomainMinConstraint?.[0] ?? Number.NEGATIVE_INFINITY, configuredDomainMinConstraint?.[1] ?? Number.POSITIVE_INFINITY),\n        clamp(domainMax, configuredDomainMaxConstraint?.[0] ?? Number.NEGATIVE_INFINITY, configuredDomainMaxConstraint?.[1] ?? Number.POSITIVE_INFINITY),\n      ]\n\n      if (config.preventEmptyDomain && (domain[0] === domain[1]) && isFinite(domain[0])) {\n        domain[1] = domain[0] + 1\n      }\n\n      components.forEach(c => c.setScaleDomain(dimension, domain))\n    })\n  }\n\n  _updateScalesRange<T extends XYComponentCore<Datum>> (...components: T[]): void {\n    const { config } = this\n    if (!components) return\n\n    // Set initial scale range\n    const isYDirectionSouth = config.yDirection === Direction.South\n    const xRange: [number, number] = [config.padding.left ?? 0, this.width - config.padding.right ?? 0]\n    const yRange: [number, number] = [this.height - config.padding.bottom ?? 0, config.padding.top ?? 0]\n    if (isYDirectionSouth) yRange.reverse()\n\n    for (const c of components) {\n      c.setSize(this.width, this.height)\n      c.setScaleRange(ScaleDimension.X, config.xRange ?? xRange)\n      c.setScaleRange(ScaleDimension.Y, config.yRange ?? yRange)\n    }\n\n    // Get and combine bleed\n    const bleed = components.map(c => c.bleed).reduce((bleed, b) => {\n      for (const key of Object.keys(bleed)) {\n        if (bleed[key] < b[key]) bleed[key] = b[key]\n      }\n      return bleed\n    }, { top: 0, bottom: 0, left: 0, right: 0 })\n\n    // Update scale range\n    for (const c of components) {\n      c.setScaleRange(ScaleDimension.X, [xRange[0] + bleed.left, xRange[1] - bleed.right])\n      c.setScaleRange(\n        ScaleDimension.Y,\n        isYDirectionSouth\n          ? [yRange[0] + bleed.top, yRange[1] - bleed.bottom] // if Y axis is directed downwards\n          : [yRange[0] - bleed.bottom, yRange[1] + bleed.top] // if Y axis is directed upwards\n      )\n    }\n  }\n\n  _renderAxes (duration: number): void {\n    const { config: { xAxis, yAxis } } = this\n    const margin = this._getMargin()\n\n    const axes = clean([xAxis, yAxis])\n    axes.forEach(axis => {\n      const offset = axis.getOffset(margin)\n      axis.g.attr('transform', `translate(${offset.left},${offset.top})`)\n      axis.render(duration)\n    })\n  }\n\n  _setAutoMargin (): void {\n    const { config: { xAxis, yAxis } } = this\n\n    // At first we need to set the domain to the scales\n    const components = clean([...this.components, xAxis, yAxis])\n    this._updateScalesDomain(...components)\n\n    // Calculate margin required by the axes\n    // We do two iterations on the first render, because the amount and size of ticks can change\n    //    after new margin are calculated and applied (axes dimensions will change).\n    //    That's needed for correct label placement.\n    const numIterations = this._firstRender ? 2 : 1\n    for (let i = 0; i < numIterations; i += 1) {\n      const axisMargin: Spacing = { top: 0, bottom: 0, left: 0, right: 0 }\n      this._updateScalesRange(...components)\n      const axes = clean([xAxis, yAxis])\n      axes.forEach(axis => {\n        axis.preRender()\n\n        const m = axis.getRequiredMargin()\n        if (axisMargin.top < m.top) axisMargin.top = m.top\n        if (axisMargin.bottom < m.bottom) axisMargin.bottom = m.bottom\n        if (axisMargin.left < m.left) axisMargin.left = m.left\n        if (axisMargin.right < m.right) axisMargin.right = m.right\n      })\n\n      this._axisMargin = axisMargin\n    }\n  }\n\n  private _getMargin (): Spacing {\n    const { config: { margin } } = this\n\n    return {\n      top: margin.top + this._axisMargin.top,\n      bottom: margin.bottom + this._axisMargin.bottom,\n      left: margin.left + this._axisMargin.left,\n      right: margin.right + this._axisMargin.right,\n    }\n  }\n\n  public destroy (): void {\n    const { components, config: { tooltip, crosshair, xAxis, yAxis } } = this\n    super.destroy()\n\n    for (const c of components) c?.destroy()\n    tooltip?.destroy()\n    crosshair?.destroy()\n    xAxis?.destroy()\n    yAxis?.destroy()\n  }\n}\n"],"names":["mergeArrays"],"mappings":"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"}

package/containers.d.ts

@@ -0,0 +1,6 @@
+export { ContainerCore } from './core/container';
+export { ContainerConfigInterface } from './core/container/config';
+export { SingleContainer } from './containers/single-container';
+export { XYContainer } from './containers/xy-container';
+export { XYContainerConfigInterface } from './containers/xy-container/config';
+export { SingleContainerConfigInterface } from './containers/single-container/config';

package/core/component/config.d.ts

@@ -0,0 +1,58 @@
+import { Config } from "../config";
+import { VisEventCallback, VisEventType } from "./types";
+export interface ComponentConfigInterface {
+    /** Animation duration of the data update transitions in milliseconds. Default: `600` */
+    duration?: number;
+    /** Events configuration. An object containing properties in the following format:
+     *
+     * ```
+     * {
+     *   [selectorString]: {
+     *       [eventType]: callbackFunction
+     *   }
+     * }
+     * ```
+     * e.g.:
+     * ```
+     * {
+     *   [Area.selectors.area]: {
+     *     click: (d) => console.log("Clicked Area", d)
+     *   }
+     * }
+     * ```
+     */
+    events?: {
+        [selector: string]: {
+            [eventType in VisEventType]?: VisEventCallback;
+        };
+    };
+    /** You can set every SVG and HTML visualization object to have a custom DOM attributes, which is useful
+     * when you want to do unit or end-to-end testing. Attributes configuration object has the following structure:
+     *
+     * ```
+     * {
+     *   [selectorString]: {
+     *       [attributeName]: attribute constant value or accessor function
+     *   }
+     * }
+     * ```
+     * e.g.:
+     * ```
+     * {
+     *   [Area.selectors.area]: {
+     *     "test-value": d => d.value
+     *   }
+     * }
+     * ```
+     */
+    attributes?: {
+        [selector: string]: {
+            [attr: string]: string | number | boolean | ((datum: any) => string | number | boolean);
+        };
+    };
+}
+export declare class ComponentConfig extends Config implements ComponentConfigInterface {
+    duration: number;
+    events: {};
+    attributes: {};
+}

package/core/component/config.js

@@ -0,0 +1,14 @@
+import { Config } from '../config/index.js';
+
+/* eslint-disable no-irregular-whitespace */
+class ComponentConfig extends Config {
+    constructor() {
+        super(...arguments);
+        this.duration = 600;
+        this.events = {};
+        this.attributes = {};
+    }
+}
+
+export { ComponentConfig };
+//# sourceMappingURL=config.js.map

package/core/component/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sources":["../../../src/core/component/config.ts"],"sourcesContent":["/* eslint-disable no-irregular-whitespace */\nimport { Config } from 'core/config'\nimport { VisEventCallback, VisEventType } from 'core/component/types'\n\nexport interface ComponentConfigInterface {\n  /** Animation duration of the data update transitions in milliseconds. Default: `600` */\n  duration?: number;\n  /** Events configuration. An object containing properties in the following format:\n   *\n   * ```\n   * {\n   *   [selectorString]: {\n   *       [eventType]: callbackFunction\n   *   }\n   * }\n   * ```\n   * e.g.:\n   * ```\n   * {\n   *   [Area.selectors.area]: {\n   *     click: (d) => console.log(\"Clicked Area\", d)\n   *   }\n   * }\n   * ```\n   */\n  events?: {\n    [selector: string]: {\n      [eventType in VisEventType]?: VisEventCallback;\n    };\n  };\n  /** You can set every SVG and HTML visualization object to have a custom DOM attributes, which is useful\n   * when you want to do unit or end-to-end testing. Attributes configuration object has the following structure:\n   *\n   * ```\n   * {\n   *   [selectorString]: {\n   *       [attributeName]: attribute constant value or accessor function\n   *   }\n   * }\n   * ```\n   * e.g.:\n   * ```\n   * {\n   *   [Area.selectors.area]: {\n   *     \"test-value\": d => d.value\n   *   }\n   * }\n   * ```\n   */\n  attributes?: {\n    [selector: string]: {\n      [attr: string]: string | number | boolean | ((datum: any) => string | number | boolean);\n    };\n  };\n}\n\nexport class ComponentConfig extends Config implements ComponentConfigInterface {\n  duration = 600\n  events = {}\n  attributes = {}\n}\n"],"names":[],"mappings":";;AAAA;AAwDM,MAAO,eAAgB,SAAQ,MAAM,CAAA;AAA3C,IAAA,WAAA,GAAA;;QACE,IAAQ,CAAA,QAAA,GAAG,GAAG,CAAA;QACd,IAAM,CAAA,MAAA,GAAG,EAAE,CAAA;QACX,IAAU,CAAA,UAAA,GAAG,EAAE,CAAA;KAChB;AAAA;;;;"}

package/core/component/index.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="lodash" />
+import { Selection } from 'd3-selection';
+import { CoreDataModel } from "../../data-models/core";
+import { ComponentType, Sizing } from "../../types/component";
+import { Spacing } from "../../types/spacing";
+import { VisEventCallback, VisEventType } from './types';
+import { ComponentConfig, ComponentConfigInterface } from './config';
+export declare class ComponentCore<CoreDatum, ConfigClass extends ComponentConfig = ComponentConfig, ConfigInterface extends ComponentConfigInterface = ComponentConfigInterface> {
+    element: SVGGElement | HTMLElement;
+    type: ComponentType;
+    g: Selection<SVGGElement, unknown, null, undefined> | Selection<HTMLElement, unknown, null, undefined>;
+    config: ConfigClass;
+    prevConfig: ConfigClass;
+    datamodel: CoreDataModel<CoreDatum>;
+    sizing: Sizing | string;
+    events: {
+        [selector: string]: {
+            [eventType in VisEventType]?: VisEventCallback;
+        };
+    };
+    /** Component width in pixels. This property is set automatically by the container. */
+    protected _width: number;
+    /** Component height in pixels. This property is set automatically by the container. */
+    protected _height: number;
+    _setUpComponentEventsThrottled: import("lodash").DebouncedFunc<() => void>;
+    _setCustomAttributesThrottled: import("lodash").DebouncedFunc<() => void>;
+    constructor(type?: ComponentType);
+    setConfig(config: ConfigInterface): void;
+    setData(data: CoreDatum): void;
+    setSize(width: number, height: number): void;
+    render(duration?: number): void;
+    get bleed(): Spacing;
+    _render(duration?: number): void;
+    private _setCustomAttributes;
+    private _setUpComponentEvents;
+    private _bindEvents;
+    destroy(): void;
+}

package/core/component/index.js

@@ -0,0 +1,112 @@
+import { select } from 'd3-selection';
+import { CoreDataModel } from '../../data-models/core.js';
+import { throttle } from '../../utils/data.js';
+import { ComponentType, Sizing } from '../../types/component.js';
+
+class ComponentCore {
+    constructor(type = ComponentType.SVG) {
+        var _a, _b;
+        this.type = ComponentType.SVG;
+        this.datamodel = new CoreDataModel();
+        this.sizing = Sizing.Fit;
+        this.events = {};
+        /** Component width in pixels. This property is set automatically by the container. */
+        this._width = 400;
+        /** Component height in pixels. This property is set automatically by the container. */
+        this._height = 200;
+        this._setUpComponentEventsThrottled = throttle(this._setUpComponentEvents, 500);
+        this._setCustomAttributesThrottled = throttle(this._setCustomAttributes, 500);
+        if (type === ComponentType.SVG) {
+            this.element = document.createElementNS('http://www.w3.org/2000/svg', 'g');
+        }
+        else {
+            this.element = document.createElement('div');
+        }
+        this.g = select(this.element);
+        // Setting the root class if available
+        // eslint-disable-next-line dot-notation
+        const rootClass = (_b = (_a = this.constructor) === null || _a === void 0 ? void 0 : _a['selectors']) === null || _b === void 0 ? void 0 : _b.root;
+        if (rootClass)
+            this.g.attr('class', rootClass);
+    }
+    setConfig(config) {
+        var _a, _b;
+        // eslint-disable-next-line @typescript-eslint/naming-convention
+        const ConfigModel = this.config.constructor;
+        this.prevConfig = this.config;
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        if ((_a = this.prevConfig) === null || _a === void 0 ? void 0 : _a.xScale)
+            config.xScale = this.prevConfig.xScale;
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        if ((_b = this.prevConfig) === null || _b === void 0 ? void 0 : _b.yScale)
+            config.yScale = this.prevConfig.yScale;
+        this.config = new ConfigModel().init(config);
+    }
+    setData(data) {
+        this.datamodel.data = data;
+    }
+    setSize(width, height) {
+        if (isFinite(width))
+            this._width = width;
+        if (isFinite(height))
+            this._height = height;
+    }
+    render(duration = this.config.duration) {
+        this._render(duration);
+        const ANIMATING_ATTR = 'animating';
+        if (duration) {
+            this.g.attr(ANIMATING_ATTR, '');
+            const transition = this.g
+                .transition(ANIMATING_ATTR)
+                .duration(duration);
+            transition.on('end interrupt', () => {
+                this.g.attr(ANIMATING_ATTR, null);
+            });
+        }
+        this._setUpComponentEventsThrottled();
+        this._setCustomAttributesThrottled();
+    }
+    get bleed() {
+        return { top: 0, bottom: 0, left: 0, right: 0 };
+    }
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    _render(duration = this.config.duration) {
+    }
+    _setCustomAttributes() {
+        const attributeMap = this.config.attributes;
+        Object.keys(attributeMap).forEach(className => {
+            Object.keys(attributeMap[className]).forEach(attr => {
+                this.g
+                    .selectAll(`.${className}`)
+                    .attr(attr, attributeMap[className][attr]);
+            });
+        });
+    }
+    _setUpComponentEvents() {
+        // Set up default events
+        this._bindEvents(this.events);
+        // Set up user-defined events
+        this._bindEvents(this.config.events, '.user');
+    }
+    _bindEvents(events = this.events, suffix = '') {
+        Object.keys(events).forEach(className => {
+            Object.keys(events[className]).forEach(eventType => {
+                const selection = this.g.selectAll(`.${className}`);
+                selection.on(eventType + suffix, (event, d) => {
+                    const els = selection.nodes();
+                    const i = els.indexOf(event.currentTarget);
+                    return events[className][eventType](d, event, i, els);
+                });
+            });
+        });
+    }
+    destroy() {
+        var _a;
+        (_a = this.g) === null || _a === void 0 ? void 0 : _a.remove();
+    }
+}
+
+export { ComponentCore };
+//# sourceMappingURL=index.js.map

package/core/component/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/core/component/index.ts"],"sourcesContent":["import { select, Selection } from 'd3-selection'\nimport { Transition } from 'd3-transition'\n\n// Core\nimport { CoreDataModel } from 'data-models/core'\n\n// Utils\nimport { throttle } from 'utils/data'\n\n// Types\nimport { ComponentType, Sizing } from 'types/component'\nimport { Spacing } from 'types/spacing'\n\n// Local Types\nimport { VisEventCallback, VisEventType } from './types'\n\n// Config\nimport { ComponentConfig, ComponentConfigInterface } from './config'\n\nexport class ComponentCore<\n  CoreDatum,\n  ConfigClass extends ComponentConfig = ComponentConfig,\n  ConfigInterface extends ComponentConfigInterface = ComponentConfigInterface,\n> {\n  element: SVGGElement | HTMLElement\n  type: ComponentType = ComponentType.SVG\n  g: Selection<SVGGElement, unknown, null, undefined> | Selection<HTMLElement, unknown, null, undefined>\n  config: ConfigClass\n  prevConfig: ConfigClass\n  datamodel: CoreDataModel<CoreDatum> = new CoreDataModel()\n  sizing: Sizing | string = Sizing.Fit\n\n  events: {\n    [selector: string]: {\n      [eventType in VisEventType]?: VisEventCallback;\n    };\n  } = {}\n\n  /** Component width in pixels. This property is set automatically by the container. */\n  protected _width = 400\n  /** Component height in pixels. This property is set automatically by the container. */\n  protected _height = 200\n\n  _setUpComponentEventsThrottled = throttle(this._setUpComponentEvents, 500)\n  _setCustomAttributesThrottled = throttle(this._setCustomAttributes, 500)\n\n  constructor (type = ComponentType.SVG) {\n    if (type === ComponentType.SVG) {\n      this.element = document.createElementNS('http://www.w3.org/2000/svg', 'g')\n    } else {\n      this.element = document.createElement('div')\n    }\n    this.g = select(this.element) as Selection<SVGGElement, unknown, null, undefined> | Selection<HTMLElement, unknown, null, undefined>\n\n    // Setting the root class if available\n    // eslint-disable-next-line dot-notation\n    const rootClass = this.constructor?.['selectors']?.root as string\n    if (rootClass) this.g.attr('class', rootClass)\n  }\n\n  setConfig (config: ConfigInterface): void {\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    const ConfigModel = (this.config.constructor as typeof ComponentConfig)\n    this.prevConfig = this.config\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    if (this.prevConfig?.xScale) config.xScale = this.prevConfig.xScale\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    if (this.prevConfig?.yScale) config.yScale = this.prevConfig.yScale\n    this.config = new ConfigModel().init(config) as ConfigClass\n  }\n\n  setData (data: CoreDatum): void {\n    this.datamodel.data = data\n  }\n\n  setSize (width: number, height: number): void {\n    if (isFinite(width)) this._width = width\n    if (isFinite(height)) this._height = height\n  }\n\n  render (duration = this.config.duration): void {\n    this._render(duration)\n\n    const ANIMATING_ATTR = 'animating'\n    if (duration) {\n      this.g.attr(ANIMATING_ATTR, '')\n      const transition = this.g\n        .transition(ANIMATING_ATTR)\n        .duration(duration) as Transition<SVGGElement | HTMLElement, unknown, null, undefined>\n\n      transition.on('end interrupt', () => {\n        this.g.attr(ANIMATING_ATTR, null)\n      })\n    }\n    this._setUpComponentEventsThrottled()\n    this._setCustomAttributesThrottled()\n  }\n\n  get bleed (): Spacing {\n    return { top: 0, bottom: 0, left: 0, right: 0 }\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  _render (duration = this.config.duration): void {\n  }\n\n  private _setCustomAttributes (): void {\n    const attributeMap = this.config.attributes\n\n    Object.keys(attributeMap).forEach(className => {\n      Object.keys(attributeMap[className]).forEach(attr => {\n        (this.g as Selection<SVGGElement | HTMLElement, unknown, null, undefined>)\n          .selectAll(`.${className}`)\n          .attr(attr, attributeMap[className][attr])\n      })\n    })\n  }\n\n  private _setUpComponentEvents (): void {\n    // Set up default events\n    this._bindEvents(this.events)\n\n    // Set up user-defined events\n    this._bindEvents(this.config.events, '.user')\n  }\n\n  private _bindEvents (events = this.events, suffix = ''): void {\n    Object.keys(events).forEach(className => {\n      Object.keys(events[className]).forEach(eventType => {\n        const selection = (this.g as Selection<SVGGElement | HTMLElement, unknown, null, undefined>).selectAll(`.${className}`)\n        selection.on(eventType + suffix, (event: Event, d) => {\n          const els = selection.nodes()\n          const i = els.indexOf(event.currentTarget as SVGGElement | HTMLElement)\n          return events[className][eventType](d, event, i, els)\n        })\n      })\n    })\n  }\n\n  public destroy (): void {\n    this.g?.remove()\n  }\n}\n"],"names":[],"mappings":";;;;;MAmBa,aAAa,CAAA;AA2BxB,IAAA,WAAA,CAAa,IAAI,GAAG,aAAa,CAAC,GAAG,EAAA;;AArBrC,QAAA,IAAA,CAAA,IAAI,GAAkB,aAAa,CAAC,GAAG,CAAA;AAIvC,QAAA,IAAA,CAAA,SAAS,GAA6B,IAAI,aAAa,EAAE,CAAA;AACzD,QAAA,IAAA,CAAA,MAAM,GAAoB,MAAM,CAAC,GAAG,CAAA;QAEpC,IAAM,CAAA,MAAA,GAIF,EAAE,CAAA;;QAGI,IAAM,CAAA,MAAA,GAAG,GAAG,CAAA;;QAEZ,IAAO,CAAA,OAAA,GAAG,GAAG,CAAA;QAEvB,IAA8B,CAAA,8BAAA,GAAG,QAAQ,CAAC,IAAI,CAAC,qBAAqB,EAAE,GAAG,CAAC,CAAA;QAC1E,IAA6B,CAAA,6BAAA,GAAG,QAAQ,CAAC,IAAI,CAAC,oBAAoB,EAAE,GAAG,CAAC,CAAA;AAGtE,QAAA,IAAI,IAAI,KAAK,aAAa,CAAC,GAAG,EAAE;YAC9B,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,eAAe,CAAC,4BAA4B,EAAE,GAAG,CAAC,CAAA;AAC3E,SAAA;AAAM,aAAA;YACL,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;AAC7C,SAAA;QACD,IAAI,CAAC,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAwG,CAAA;;;AAIpI,QAAA,MAAM,SAAS,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,WAAW,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAG,WAAW,CAAC,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAc,CAAA;AACjE,QAAA,IAAI,SAAS;YAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;KAC/C;AAED,IAAA,SAAS,CAAE,MAAuB,EAAA;;;AAEhC,QAAA,MAAM,WAAW,GAAI,IAAI,CAAC,MAAM,CAAC,WAAsC,CAAA;AACvE,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,MAAM,CAAA;;;AAG7B,QAAA,IAAI,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,0CAAE,MAAM;YAAE,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,CAAA;;;AAGnE,QAAA,IAAI,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,0CAAE,MAAM;YAAE,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,CAAA;QACnE,IAAI,CAAC,MAAM,GAAG,IAAI,WAAW,EAAE,CAAC,IAAI,CAAC,MAAM,CAAgB,CAAA;KAC5D;AAED,IAAA,OAAO,CAAE,IAAe,EAAA;AACtB,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAA;KAC3B;IAED,OAAO,CAAE,KAAa,EAAE,MAAc,EAAA;QACpC,IAAI,QAAQ,CAAC,KAAK,CAAC;AAAE,YAAA,IAAI,CAAC,MAAM,GAAG,KAAK,CAAA;QACxC,IAAI,QAAQ,CAAC,MAAM,CAAC;AAAE,YAAA,IAAI,CAAC,OAAO,GAAG,MAAM,CAAA;KAC5C;AAED,IAAA,MAAM,CAAE,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAA;AACrC,QAAA,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;QAEtB,MAAM,cAAc,GAAG,WAAW,CAAA;AAClC,QAAA,IAAI,QAAQ,EAAE;YACZ,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,EAAE,CAAC,CAAA;AAC/B,YAAA,MAAM,UAAU,GAAG,IAAI,CAAC,CAAC;iBACtB,UAAU,CAAC,cAAc,CAAC;iBAC1B,QAAQ,CAAC,QAAQ,CAAoE,CAAA;AAExF,YAAA,UAAU,CAAC,EAAE,CAAC,eAAe,EAAE,MAAK;gBAClC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,CAAA;AACnC,aAAC,CAAC,CAAA;AACH,SAAA;QACD,IAAI,CAAC,8BAA8B,EAAE,CAAA;QACrC,IAAI,CAAC,6BAA6B,EAAE,CAAA;KACrC;AAED,IAAA,IAAI,KAAK,GAAA;AACP,QAAA,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAA;KAChD;;AAGD,IAAA,OAAO,CAAE,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAA;KACvC;IAEO,oBAAoB,GAAA;AAC1B,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,CAAA;QAE3C,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,SAAS,IAAG;AAC5C,YAAA,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,IAAG;AACjD,gBAAA,IAAI,CAAC,CAAoE;AACvE,qBAAA,SAAS,CAAC,CAAA,CAAA,EAAI,SAAS,CAAA,CAAE,CAAC;qBAC1B,IAAI,CAAC,IAAI,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,CAAA;AAC9C,aAAC,CAAC,CAAA;AACJ,SAAC,CAAC,CAAA;KACH;IAEO,qBAAqB,GAAA;;AAE3B,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;;QAG7B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAC9C;IAEO,WAAW,CAAE,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,EAAE,EAAA;QACpD,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,SAAS,IAAG;AACtC,YAAA,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,IAAG;AACjD,gBAAA,MAAM,SAAS,GAAI,IAAI,CAAC,CAAoE,CAAC,SAAS,CAAC,CAAI,CAAA,EAAA,SAAS,CAAE,CAAA,CAAC,CAAA;AACvH,gBAAA,SAAS,CAAC,EAAE,CAAC,SAAS,GAAG,MAAM,EAAE,CAAC,KAAY,EAAE,CAAC,KAAI;AACnD,oBAAA,MAAM,GAAG,GAAG,SAAS,CAAC,KAAK,EAAE,CAAA;oBAC7B,MAAM,CAAC,GAAG,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,aAA0C,CAAC,CAAA;AACvE,oBAAA,OAAO,MAAM,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,CAAC,CAAA;AACvD,iBAAC,CAAC,CAAA;AACJ,aAAC,CAAC,CAAA;AACJ,SAAC,CAAC,CAAA;KACH;IAEM,OAAO,GAAA;;AACZ,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,CAAC,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAM,EAAE,CAAA;KACjB;AACF;;;;"}