@visactor/vchart-theme-demo-component 1.11.1 → 1.11.2-alpha.0

package/esm/spec/barStackedPercent.js

@@ -0,0 +1,158 @@
+export const barStackedPercentSpec = {
+    type: "bar",
+    stack: !0,
+    percent: !0,
+    data: {
+        values: [ {
+            type: "Autocracies",
+            year: "1930",
+            value: 129
+        }, {
+            type: "Autocracies",
+            year: "1940",
+            value: 133
+        }, {
+            type: "Autocracies",
+            year: "1950",
+            value: 130
+        }, {
+            type: "Autocracies",
+            year: "1960",
+            value: 126
+        }, {
+            type: "Autocracies",
+            year: "1970",
+            value: 117
+        }, {
+            type: "Autocracies",
+            year: "1980",
+            value: 114
+        }, {
+            type: "Autocracies",
+            year: "1990",
+            value: 111
+        }, {
+            type: "Autocracies",
+            year: "2000",
+            value: 89
+        }, {
+            type: "Autocracies",
+            year: "2010",
+            value: 80
+        }, {
+            type: "Autocracies",
+            year: "2018",
+            value: 80
+        }, {
+            type: "Democracies",
+            year: "1930",
+            value: 22
+        }, {
+            type: "Democracies",
+            year: "1940",
+            value: 13
+        }, {
+            type: "Democracies",
+            year: "1950",
+            value: 25
+        }, {
+            type: "Democracies",
+            year: "1960",
+            value: 29
+        }, {
+            type: "Democracies",
+            year: "1970",
+            value: 38
+        }, {
+            type: "Democracies",
+            year: "1980",
+            value: 41
+        }, {
+            type: "Democracies",
+            year: "1990",
+            value: 57
+        }, {
+            type: "Democracies",
+            year: "2000",
+            value: 87
+        }, {
+            type: "Democracies",
+            year: "2010",
+            value: 98
+        }, {
+            type: "Democracies",
+            year: "2018",
+            value: 99
+        }, {
+            type: "Price",
+            year: "1930",
+            value: 56
+        }, {
+            type: "Price",
+            year: "1940",
+            value: 122
+        }, {
+            type: "Price",
+            year: "1950",
+            value: 72
+        }, {
+            type: "Price",
+            year: "1960",
+            value: 82
+        }, {
+            type: "Price",
+            year: "1970",
+            value: 67
+        }, {
+            type: "Price",
+            year: "1980",
+            value: 89
+        }, {
+            type: "Price",
+            year: "1990",
+            value: 60
+        }, {
+            type: "Price",
+            year: "2000",
+            value: 123
+        }, {
+            type: "Price",
+            year: "2010",
+            value: 111
+        }, {
+            type: "Price",
+            year: "2018",
+            value: 99
+        } ]
+    },
+    height: 500,
+    xField: "year",
+    yField: "value",
+    seriesField: "type",
+    axes: [ {
+        orient: "bottom",
+        visible: !0,
+        domainLine: {
+            visible: !0
+        },
+        tick: {
+            visible: !0
+        }
+    }, {
+        orient: "left",
+        visible: !0,
+        domainLine: {
+            visible: !1
+        },
+        tick: {
+            visible: !1
+        }
+    } ],
+    legends: {
+        visible: !0
+    },
+    label: {
+        visible: !1
+    }
+};
+//# sourceMappingURL=barStackedPercent.js.map

package/esm/spec/barStackedPercent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/spec/barStackedPercent.ts"],"names":[],"mappings":"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","file":"barStackedPercent.js","sourcesContent":["export const barStackedPercentSpec = {\n  type: 'bar',\n  stack: true,\n  percent: true,\n  data: {\n    values: [\n      { type: 'Autocracies', year: '1930', value: 129 },\n      { type: 'Autocracies', year: '1940', value: 133 },\n      { type: 'Autocracies', year: '1950', value: 130 },\n      { type: 'Autocracies', year: '1960', value: 126 },\n      { type: 'Autocracies', year: '1970', value: 117 },\n      { type: 'Autocracies', year: '1980', value: 114 },\n      { type: 'Autocracies', year: '1990', value: 111 },\n      { type: 'Autocracies', year: '2000', value: 89 },\n      { type: 'Autocracies', year: '2010', value: 80 },\n      { type: 'Autocracies', year: '2018', value: 80 },\n      { type: 'Democracies', year: '1930', value: 22 },\n      { type: 'Democracies', year: '1940', value: 13 },\n      { type: 'Democracies', year: '1950', value: 25 },\n      { type: 'Democracies', year: '1960', value: 29 },\n      { type: 'Democracies', year: '1970', value: 38 },\n      { type: 'Democracies', year: '1980', value: 41 },\n      { type: 'Democracies', year: '1990', value: 57 },\n      { type: 'Democracies', year: '2000', value: 87 },\n      { type: 'Democracies', year: '2010', value: 98 },\n      { type: 'Democracies', year: '2018', value: 99 },\n      { type: 'Price', year: '1930', value: 56 },\n      { type: 'Price', year: '1940', value: 122 },\n      { type: 'Price', year: '1950', value: 72 },\n      { type: 'Price', year: '1960', value: 82 },\n      { type: 'Price', year: '1970', value: 67 },\n      { type: 'Price', year: '1980', value: 89 },\n      { type: 'Price', year: '1990', value: 60 },\n      { type: 'Price', year: '2000', value: 123 },\n      { type: 'Price', year: '2010', value: 111 },\n      { type: 'Price', year: '2018', value: 99 }\n    ]\n  },\n  height: 500,\n  xField: 'year',\n  yField: 'value',\n  seriesField: 'type',\n  axes: [\n    {\n      orient: 'bottom',\n      visible: true,\n      domainLine: { visible: true },\n      tick: { visible: true }\n    },\n    {\n      orient: 'left',\n      visible: true,\n      domainLine: { visible: false },\n      tick: { visible: false }\n    }\n  ],\n  legends: {\n    visible: true\n  },\n  label: {\n    visible: false\n  }\n};\n"]}

package/esm/spec/funnel.d.ts

@@ -0,0 +1,19 @@
+export declare const funnelSpec: {
+    type: string;
+    categoryField: string;
+    valueField: string;
+    data: {
+        id: string;
+        values: {
+            value: number;
+            name: string;
+        }[];
+    }[];
+    label: {
+        visible: boolean;
+    };
+    legends: {
+        visible: boolean;
+        orient: string;
+    };
+};

package/esm/spec/funnel.js

@@ -0,0 +1,32 @@
+export const funnelSpec = {
+    type: "funnel",
+    categoryField: "name",
+    valueField: "value",
+    data: [ {
+        id: "funnel",
+        values: [ {
+            value: 100,
+            name: "Step1"
+        }, {
+            value: 80,
+            name: "Step2"
+        }, {
+            value: 60,
+            name: "Step3"
+        }, {
+            value: 40,
+            name: "Step4"
+        }, {
+            value: 20,
+            name: "Step5"
+        } ]
+    } ],
+    label: {
+        visible: !0
+    },
+    legends: {
+        visible: !0,
+        orient: "bottom"
+    }
+};
+//# sourceMappingURL=funnel.js.map

package/esm/spec/funnel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/spec/funnel.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,IAAI,EAAE,QAAQ;IACd,aAAa,EAAE,MAAM;IACrB,UAAU,EAAE,OAAO;IACnB,IAAI,EAAE;QACJ;YACE,EAAE,EAAE,QAAQ;YACZ,MAAM,EAAE;gBACN;oBACE,KAAK,EAAE,GAAG;oBACV,IAAI,EAAE,OAAO;iBACd;gBACD;oBACE,KAAK,EAAE,EAAE;oBACT,IAAI,EAAE,OAAO;iBACd;gBACD;oBACE,KAAK,EAAE,EAAE;oBACT,IAAI,EAAE,OAAO;iBACd;gBACD;oBACE,KAAK,EAAE,EAAE;oBACT,IAAI,EAAE,OAAO;iBACd;gBACD;oBACE,KAAK,EAAE,EAAE;oBACT,IAAI,EAAE,OAAO;iBACd;aACF;SACF;KACF;IACD,KAAK,EAAE;QACL,OAAO,EAAE,IAAI;KACd;IACD,OAAO,EAAE;QACP,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,QAAQ;KACjB;CACF,CAAC","file":"funnel.js","sourcesContent":["export const funnelSpec = {\n  type: 'funnel',\n  categoryField: 'name',\n  valueField: 'value',\n  data: [\n    {\n      id: 'funnel',\n      values: [\n        {\n          value: 100,\n          name: 'Step1'\n        },\n        {\n          value: 80,\n          name: 'Step2'\n        },\n        {\n          value: 60,\n          name: 'Step3'\n        },\n        {\n          value: 40,\n          name: 'Step4'\n        },\n        {\n          value: 20,\n          name: 'Step5'\n        }\n      ]\n    }\n  ],\n  label: {\n    visible: true\n  },\n  legends: {\n    visible: true,\n    orient: 'bottom'\n  }\n};\n"]}

package/esm/spec/gauge.d.ts

@@ -0,0 +1,58 @@
+export declare const gaugeSpec: {
+    type: string;
+    data: {
+        id: string;
+        values: {
+            type: string;
+            value: number;
+        }[];
+    }[];
+    categoryField: string;
+    valueField: string;
+    outerRadius: number;
+    innerRadius: number;
+    startAngle: number;
+    endAngle: number;
+    indicator: {
+        visible: boolean;
+        title: {
+            style: {
+                text: string;
+                fontSize: number;
+                fontWeight: number;
+            };
+        };
+    }[];
+    axes: {
+        type: string;
+        orient: string;
+        min: number;
+        max: number;
+        offset: number;
+        radius: number;
+        grid: {
+            visible: boolean;
+        };
+        tick: {
+            visible: boolean;
+            tickSize: number;
+            style: {
+                lineWidth: number;
+            };
+        };
+        subTick: {
+            visible: boolean;
+            tickSize: number;
+            style: {
+                lineWidth: number;
+            };
+        };
+        label: {
+            visible: boolean;
+            style: {
+                fill: string;
+                fontSize: number;
+            };
+        };
+    }[];
+};

package/esm/spec/gauge.js

@@ -0,0 +1,59 @@
+export const gaugeSpec = {
+    type: "gauge",
+    data: [ {
+        id: "id0",
+        values: [ {
+            type: "目标A",
+            value: 45
+        } ]
+    } ],
+    categoryField: "type",
+    valueField: "value",
+    outerRadius: .8,
+    innerRadius: .7,
+    startAngle: -180,
+    endAngle: 0,
+    indicator: [ {
+        visible: !0,
+        title: {
+            style: {
+                text: "45",
+                fontSize: 60,
+                fontWeight: 800
+            }
+        }
+    } ],
+    axes: [ {
+        type: "linear",
+        orient: "angle",
+        min: 0,
+        max: 50,
+        offset: 20,
+        radius: .81,
+        grid: {
+            visible: !1
+        },
+        tick: {
+            visible: !0,
+            tickSize: 5,
+            style: {
+                lineWidth: 1
+            }
+        },
+        subTick: {
+            visible: !0,
+            tickSize: 3,
+            style: {
+                lineWidth: 1
+            }
+        },
+        label: {
+            visible: !0,
+            style: {
+                fill: "black",
+                fontSize: 12
+            }
+        }
+    } ]
+};
+//# sourceMappingURL=gauge.js.map

package/esm/spec/gauge.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/spec/gauge.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,IAAI,EAAE,OAAO;IACb,IAAI,EAAE;QACJ;YACE,EAAE,EAAE,KAAK;YACT,MAAM,EAAE;gBACN;oBACE,IAAI,EAAE,KAAK;oBACX,KAAK,EAAE,EAAE;iBACV;aACF;SACF;KACF;IACD,aAAa,EAAE,MAAM;IACrB,UAAU,EAAE,OAAO;IACnB,WAAW,EAAE,GAAG;IAChB,WAAW,EAAE,GAAG;IAChB,UAAU,EAAE,CAAC,GAAG;IAChB,QAAQ,EAAE,CAAC;IACX,SAAS,EAAE;QACT;YACE,OAAO,EAAE,IAAI;YACb,KAAK,EAAE;gBACL,KAAK,EAAE;oBACL,IAAI,EAAE,IAAI;oBACV,QAAQ,EAAE,EAAE;oBACZ,UAAU,EAAE,GAAG;iBAChB;aACF;SACF;KACF;IACD,IAAI,EAAE;QACJ;YACE,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,OAAO;YACf,GAAG,EAAE,CAAC;YACN,GAAG,EAAE,EAAE;YACP,MAAM,EAAE,EAAE;YACV,MAAM,EAAE,IAAI;YACZ,IAAI,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;YACxB,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,EAAE;YAC7D,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,EAAE;YAChE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE;SACjE;KACF;CACF,CAAC","file":"gauge.js","sourcesContent":["export const gaugeSpec = {\n  type: 'gauge',\n  data: [\n    {\n      id: 'id0',\n      values: [\n        {\n          type: '目标A',\n          value: 45\n        }\n      ]\n    }\n  ],\n  categoryField: 'type',\n  valueField: 'value',\n  outerRadius: 0.8,\n  innerRadius: 0.7,\n  startAngle: -180,\n  endAngle: 0,\n  indicator: [\n    {\n      visible: true,\n      title: {\n        style: {\n          text: '45',\n          fontSize: 60,\n          fontWeight: 800\n        }\n      }\n    }\n  ],\n  axes: [\n    {\n      type: 'linear',\n      orient: 'angle',\n      min: 0,\n      max: 50,\n      offset: 20,\n      radius: 0.81,\n      grid: { visible: false },\n      tick: { visible: true, tickSize: 5, style: { lineWidth: 1 } },\n      subTick: { visible: true, tickSize: 3, style: { lineWidth: 1 } },\n      label: { visible: true, style: { fill: 'black', fontSize: 12 } }\n    }\n  ]\n};\n"]}

package/esm/spec/horizontalBar.d.ts

@@ -0,0 +1,99 @@
+export declare const horizontalBarSpec: {
+    type: string;
+    data: {
+        id: string;
+        values: {
+            province: string;
+            value: number;
+            type: string;
+        }[];
+    }[];
+    direction: string;
+    xField: string;
+    yField: string;
+    seriesField: string;
+    padding: {
+        right: number;
+        left: number;
+    };
+    axes: ({
+        orient: string;
+        visible: boolean;
+        nice: boolean;
+        maxWidth?: undefined;
+        label?: undefined;
+        domainLine?: undefined;
+        tick?: undefined;
+    } | {
+        orient: string;
+        maxWidth: number;
+        label: {
+            autoLimit: boolean;
+        };
+        domainLine: {
+            visible: boolean;
+        };
+        tick: {
+            visible: boolean;
+        };
+        visible?: undefined;
+        nice?: undefined;
+    })[];
+    stackCornerRadius: number;
+    bar: {
+        style: {
+            cornerRadius: number[];
+            height: number;
+        };
+    };
+    barBackground: {
+        visible: boolean;
+        style: {
+            cornerRadius: number[];
+            height: number;
+        };
+        state: {
+            hover: {
+                stroke: string;
+                lineWidth: number;
+            };
+        };
+    };
+    extensionMark: {
+        type: string;
+        dataId: string;
+        visible: boolean;
+        style: {
+            text: (datum: any) => any;
+            fontSize: number;
+            x: (datum: any, ctx: any) => any;
+            y: (datum: any, ctx: any) => any;
+            textBaseline: string;
+            textAlign: string;
+            fill: string;
+            size: number;
+        };
+    }[];
+    crosshair: {
+        yField: {
+            visible: boolean;
+        };
+    };
+    tooltip: {
+        mark: {
+            title: {
+                visible: boolean;
+            };
+        };
+        dimension: {
+            title: {
+                visible: boolean;
+            };
+        };
+        style: {
+            shape: {
+                shapeType: string;
+            };
+        };
+    };
+};

package/esm/spec/horizontalBar.js

@@ -0,0 +1,130 @@
+export const horizontalBarSpec = {
+    type: "bar",
+    data: [ {
+        id: "barData",
+        values: [ {
+            province: "北京",
+            value: 3080,
+            type: "top1"
+        }, {
+            province: "天津",
+            value: 2880,
+            type: "top2"
+        }, {
+            province: "重庆",
+            value: 880,
+            type: "top3"
+        }, {
+            province: "深圳",
+            value: 780,
+            type: "common"
+        }, {
+            province: "广州",
+            value: 680,
+            type: "common"
+        }, {
+            province: "山东",
+            value: 580,
+            type: "common"
+        }, {
+            province: "浙江",
+            value: 480,
+            type: "common"
+        }, {
+            province: "福建",
+            value: 100,
+            type: "common"
+        }, {
+            province: "石家庄",
+            value: 100,
+            type: "common"
+        }, {
+            province: "广西壮族自治区",
+            value: 100,
+            type: "common"
+        } ]
+    } ],
+    direction: "horizontal",
+    xField: "value",
+    yField: "province",
+    seriesField: "province",
+    padding: {
+        right: 50,
+        left: 10
+    },
+    axes: [ {
+        orient: "bottom",
+        visible: !1,
+        nice: !1
+    }, {
+        orient: "left",
+        maxWidth: 65,
+        label: {
+            autoLimit: !0
+        },
+        domainLine: {
+            visible: !1
+        },
+        tick: {
+            visible: !1
+        }
+    } ],
+    stackCornerRadius: 0,
+    bar: {
+        style: {
+            cornerRadius: [ 5, 5, 5, 5 ],
+            height: 10
+        }
+    },
+    barBackground: {
+        visible: !0,
+        style: {
+            cornerRadius: [ 5, 5, 5, 5 ],
+            height: 10
+        },
+        state: {
+            hover: {
+                stroke: "#D9D9D9",
+                lineWidth: 1
+            }
+        }
+    },
+    extensionMark: [ {
+        type: "text",
+        dataId: "barData",
+        visible: !0,
+        style: {
+            text: datum => datum.value,
+            fontSize: 12,
+            x: (datum, ctx) => ctx.getRegion().getLayoutRect().width + 10,
+            y: (datum, ctx) => ctx.valueToY([ datum.province ]) + ctx.yBandwidth() / 2,
+            textBaseline: "middle",
+            textAlign: "left",
+            fill: "#595959",
+            size: 20
+        }
+    } ],
+    crosshair: {
+        yField: {
+            visible: !1
+        }
+    },
+    tooltip: {
+        mark: {
+            title: {
+                visible: !1
+            }
+        },
+        dimension: {
+            title: {
+                visible: !1
+            }
+        },
+        style: {
+            shape: {
+                shapeType: "circle"
+            }
+        }
+    }
+};
+//# sourceMappingURL=horizontalBar.js.map

package/esm/spec/horizontalBar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/spec/horizontalBar.ts"],"names":[],"mappings":"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","file":"horizontalBar.js","sourcesContent":["export const horizontalBarSpec = {\n  type: 'bar',\n  data: [\n    {\n      id: 'barData',\n      values: [\n        {\n          province: '北京',\n          value: 3080,\n          type: 'top1'\n        },\n        {\n          province: '天津',\n          value: 2880,\n          type: 'top2'\n        },\n        {\n          province: '重庆',\n          value: 880,\n          type: 'top3'\n        },\n        {\n          province: '深圳',\n          value: 780,\n          type: 'common'\n        },\n        {\n          province: '广州',\n          value: 680,\n          type: 'common'\n        },\n        {\n          province: '山东',\n          value: 580,\n          type: 'common'\n        },\n        {\n          province: '浙江',\n          value: 480,\n          type: 'common'\n        },\n        {\n          province: '福建',\n          value: 100,\n          type: 'common'\n        },\n        {\n          province: '石家庄',\n          value: 100,\n          type: 'common'\n        },\n        {\n          province: '广西壮族自治区',\n          value: 100,\n          type: 'common'\n        }\n      ]\n    }\n  ],\n  direction: 'horizontal',\n  xField: 'value',\n  yField: 'province',\n  seriesField: 'province',\n  padding: { right: 50, left: 10 },\n  axes: [\n    {\n      orient: 'bottom',\n      visible: false,\n      nice: false\n    },\n    {\n      orient: 'left',\n      maxWidth: 65,\n      label: {\n        autoLimit: true\n      },\n      domainLine: {\n        visible: false\n      },\n      tick: {\n        visible: false\n      }\n    }\n  ],\n  stackCornerRadius: 0,\n  bar: {\n    style: {\n      cornerRadius: [5, 5, 5, 5],\n      height: 10\n    }\n  },\n  barBackground: {\n    visible: true,\n    style: {\n      cornerRadius: [5, 5, 5, 5],\n      height: 10\n    },\n    state: {\n      hover: {\n        stroke: '#D9D9D9',\n        lineWidth: 1\n      }\n    }\n  },\n  extensionMark: [\n    {\n      type: 'text',\n      dataId: 'barData',\n      visible: true,\n      style: {\n        text: (datum: any) => datum.value,\n        fontSize: 12,\n        x: (datum: any, ctx: any) => {\n          return ctx.getRegion().getLayoutRect().width + 10;\n        },\n        y: (datum: any, ctx: any) => {\n          return ctx.valueToY([datum.province]) + ctx.yBandwidth() / 2;\n        },\n        textBaseline: 'middle',\n        textAlign: 'left',\n        fill: '#595959',\n        size: 20\n      }\n    }\n  ],\n  crosshair: {\n    yField: {\n      visible: false\n    }\n  },\n  tooltip: {\n    mark: {\n      title: {\n        visible: false\n      }\n    },\n    dimension: {\n      title: {\n        visible: false\n      }\n    },\n    style: {\n      shape: {\n        shapeType: 'circle'\n      }\n    }\n  }\n};\n"]}

package/esm/spec/indicatorSankey.d.ts

@@ -0,0 +1,81 @@
+export declare const indicatorSankeySpec: {
+    type: string;
+    data: {
+        id: string;
+        values: {
+            links: ({
+                source: string;
+                target: string;
+                value: number;
+            } | {
+                source: string;
+                value: number;
+                target?: undefined;
+            } | {
+                target: string;
+                value: number;
+                source?: undefined;
+            })[];
+        }[];
+    }[];
+    dataId: string;
+    categoryField: string;
+    valueField: string;
+    sourceField: string;
+    targetField: string;
+    dropIsolatedNode: boolean;
+    nodeGap: number;
+    nodeWidth: number;
+    equalNodeHeight: boolean;
+    linkOverlap: string;
+    label: {
+        visible: boolean;
+        style: {
+            fontSize: number;
+        };
+    };
+    node: {
+        state: {
+            hover: {
+                stroke: string;
+            };
+            selected: {
+                lineWidth: number;
+                brighter: number;
+                fillOpacity: number;
+            };
+        };
+        style: {
+            fill: string;
+            fillOpacity: number;
+            lineWidth: number;
+            stroke: string;
+            html: (datum: any, a: any, c: any) => {
+                style: ({ width, height }: any) => {
+                    'border-right': string;
+                    width: string;
+                    height: string;
+                    background: string;
+                };
+                dom: string;
+            };
+        };
+    };
+    link: {
+        style: {
+            fill: string;
+        };
+        state: {
+            hover: {
+                fillOpacity: number;
+            };
+            selected: {
+                fill: string;
+                stroke: string;
+                lineWidth: number;
+                brighter: number;
+                fillOpacity: number;
+            };
+        };
+    };
+};