genesys-spark-chart-components 4.12.1-beta.1 → 4.29.0-beta.0

package/dist/collection/components/beta/gux-chart-scatter-plot/tests/gux-chart-scatter-plot.spec.js

@@ -3,31 +3,31 @@ import { GuxScatterPlotChart } from "../gux-chart-scatter-plot";
 const components = [GuxScatterPlotChart];
 const language = 'en';
 describe('gux-chart-scatter-plot-beta', () => {
-  it('should build', async () => {
-    const html = '<gux-chart-scatter-plot-beta x-field-name="date" y-field-name="value"></gux-chart-scatter-plot-beta>';
-    const page = await newSpecPage({ components, html, language });
-    expect(page.rootInstance).toBeInstanceOf(GuxScatterPlotChart);
-  });
-  it('should reflect the shape user has chosen', async () => {
-    let html = '<gux-chart-scatter-plot-beta x-field-name="date" y-field-name="value"></gux-chart-scatter-plot-beta>';
-    let page = await newSpecPage({ components, html, language });
-    expect(page.rootInstance.useShape).toBeUndefined();
-    expect(page.rootInstance.baseChartSpec.mark.type).toBe('circle');
-    html =
-      '<gux-chart-scatter-plot-beta x-field-name="date" y-field-name="value" use-shape="square"></gux-chart-scatter-plot-beta>';
-    page = await newSpecPage({ components, html, language });
-    expect(page.rootInstance.useShape).toBeTruthy();
-    expect(page.rootInstance.baseChartSpec.mark.type).toBe('square');
-  });
-  it('should reflect user option to make slant x axis tick labels', async () => {
-    let html = '<gux-chart-scatter-plot-beta x-field-name="date" y-field-name="value"></gux-chart-scatter-plot-beta>';
-    let page = await newSpecPage({ components, html, language });
-    expect(page.rootInstance.xTickLabelSlant).toBeUndefined();
-    expect(page.rootInstance.baseChartSpec.config.axisX.labelAngle).toBe(0);
-    html =
-      '<gux-chart-scatter-plot-beta x-field-name="date" y-field-name="value" x-tick-label-slant="true"></gux-chart-scatter-plot-beta>';
-    page = await newSpecPage({ components, html, language });
-    expect(page.rootInstance.xTickLabelSlant).toBeTruthy();
-    expect(page.rootInstance.baseChartSpec.config.axisX.labelAngle).toBe(-45);
-  });
+    it('should build', async () => {
+        const html = '<gux-chart-scatter-plot-beta x-field-name="date" y-field-name="value"></gux-chart-scatter-plot-beta>';
+        const page = await newSpecPage({ components, html, language });
+        expect(page.rootInstance).toBeInstanceOf(GuxScatterPlotChart);
+    });
+    it('should reflect the shape user has chosen', async () => {
+        let html = '<gux-chart-scatter-plot-beta x-field-name="date" y-field-name="value"></gux-chart-scatter-plot-beta>';
+        let page = await newSpecPage({ components, html, language });
+        expect(page.rootInstance.useShape).toBeUndefined();
+        expect(page.rootInstance.baseChartSpec.mark.type).toBe('circle');
+        html =
+            '<gux-chart-scatter-plot-beta x-field-name="date" y-field-name="value" use-shape="square"></gux-chart-scatter-plot-beta>';
+        page = await newSpecPage({ components, html, language });
+        expect(page.rootInstance.useShape).toBeTruthy();
+        expect(page.rootInstance.baseChartSpec.mark.type).toBe('square');
+    });
+    it('should reflect user option to make slant x axis tick labels', async () => {
+        let html = '<gux-chart-scatter-plot-beta x-field-name="date" y-field-name="value"></gux-chart-scatter-plot-beta>';
+        let page = await newSpecPage({ components, html, language });
+        expect(page.rootInstance.xTickLabelSlant).toBeUndefined();
+        expect(page.rootInstance.baseChartSpec.config.axisX.labelAngle).toBe(0);
+        html =
+            '<gux-chart-scatter-plot-beta x-field-name="date" y-field-name="value" x-tick-label-slant="true"></gux-chart-scatter-plot-beta>';
+        page = await newSpecPage({ components, html, language });
+        expect(page.rootInstance.xTickLabelSlant).toBeTruthy();
+        expect(page.rootInstance.baseChartSpec.config.axisX.labelAngle).toBe(-45);
+    });
 });

package/dist/collection/components/beta/gux-visualization/gux-visualization.js

@@ -5,139 +5,139 @@ import { getDesiredLocale } from "../../../i18n";
 import { trackComponent } from "../../../utils/tracking/usage";
 import { timeFormatLocale } from "./gux-visualization.locale";
 export class GuxVisualization {
-  constructor() {
-    this.defaultVisualizationSpec = {};
-    this.defaultEmbedOptions = {
-      actions: false,
-      renderer: 'svg'
-    };
-    this.visualizationSpec = undefined;
-    this.embedOptions = undefined;
-  }
-  componentWillLoad() {
-    trackComponent(this.root);
-  }
-  handleChartClick(_name, value) {
-    this.chartClicked.emit(value);
-  }
-  async componentDidRender() {
-    const locale = getDesiredLocale(this.root);
-    const patchOption = {
-      patch: (visSpec) => {
-        if (!(visSpec === null || visSpec === void 0 ? void 0 : visSpec.signals)) {
-          visSpec.signals = [];
-        }
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-call
-        visSpec.signals.push({
-          name: 'chartClick',
-          value: 0,
-          on: [{ events: 'rect:mousedown', update: 'datum' }]
-        });
-        return visSpec;
-      }
-    };
-    await embed(this.chartContainer, Object.assign({}, this.defaultVisualizationSpec, this.visualizationSpec), Object.assign({
-      timeFormatLocale: timeFormatLocale[locale]
-    }, this.defaultEmbedOptions, this.embedOptions, patchOption)).then(result => {
-      result.view.addSignalListener('chartClick', (name, value) => this.handleChartClick(name, value));
-    });
-  }
-  componentDidLoad() {
-    this.chartComponentReady.emit();
-  }
-  render() {
-    return (h("div", { ref: el => (this.chartContainer = el) }));
-  }
-  static get is() { return "gux-visualization-beta"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["gux-visualization.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["gux-visualization.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "visualizationSpec": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "VisualizationSpec",
-          "resolved": "GenericConcatSpec<NonNormalizedSpec> & TopLevelProperties<ExprRef | SignalRef> & { $schema?: string; config?: Config<ExprRef | SignalRef>; datasets?: Datasets; usermeta?: Dict<unknown>; } | GenericFacetSpec<UnitSpecWithFrame<Field>, LayerSpec<Field>, Field> & TopLevelProperties<ExprRef | SignalRef> & { $schema?: string; config?: Config<ExprRef | SignalRef>; datasets?: Datasets; usermeta?: Dict<unknown>; } & DataMixins | GenericHConcatSpec<NonNormalizedSpec> & TopLevelProperties<ExprRef | SignalRef> & { $schema?: string; config?: Config<ExprRef | SignalRef>; datasets?: Datasets; usermeta?: Dict<unknown>; } | GenericUnitSpec<FacetedCompositeEncoding<Field>, AnyMark, TopLevelParameter> & ResolveMixins & GenericCompositionLayout & FrameMixins<ExprRef | SignalRef> & TopLevelProperties<ExprRef | SignalRef> & { $schema?: string; config?: Config<ExprRef | SignalRef>; datasets?: Datasets; usermeta?: Dict<unknown>; } & DataMixins | GenericVConcatSpec<NonNormalizedSpec> & TopLevelProperties<ExprRef | SignalRef> & { $schema?: string; config?: Config<ExprRef | SignalRef>; datasets?: Datasets; usermeta?: Dict<unknown>; } | LayerRepeatSpec & TopLevelProperties<ExprRef | SignalRef> & { $schema?: string; config?: Config<ExprRef | SignalRef>; datasets?: Datasets; usermeta?: Dict<unknown>; } | LayerSpec<Field> & TopLevelProperties<ExprRef | SignalRef> & { $schema?: string; config?: Config<ExprRef | SignalRef>; datasets?: Datasets; usermeta?: Dict<unknown>; } | NonLayerRepeatSpec & TopLevelProperties<ExprRef | SignalRef> & { $schema?: string; config?: Config<ExprRef | SignalRef>; datasets?: Datasets; usermeta?: Dict<unknown>; } | Spec",
-          "references": {
-            "VisualizationSpec": {
-              "location": "import",
-              "path": "vega-embed",
-              "id": "../../node_modules/vega-embed/build/vega-embed.module.d.ts::VisualizationSpec"
+    constructor() {
+        this.defaultVisualizationSpec = {};
+        this.defaultEmbedOptions = {
+            actions: false,
+            renderer: 'svg'
+        };
+        this.visualizationSpec = undefined;
+        this.embedOptions = undefined;
+    }
+    componentWillLoad() {
+        trackComponent(this.root);
+    }
+    handleChartClick(_name, value) {
+        this.chartClicked.emit(value);
+    }
+    async componentDidRender() {
+        const locale = getDesiredLocale(this.root);
+        const patchOption = {
+            patch: (visSpec) => {
+                if (!(visSpec === null || visSpec === void 0 ? void 0 : visSpec.signals)) {
+                    visSpec.signals = [];
+                }
+                // eslint-disable-next-line @typescript-eslint/no-unsafe-call
+                visSpec.signals.push({
+                    name: 'chartClick',
+                    value: 0,
+                    on: [{ events: 'rect:mousedown', update: 'datum' }]
+                });
+                return visSpec;
             }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        }
-      },
-      "embedOptions": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "EmbedOptions",
-          "resolved": "EmbedOptions<string, Renderers>",
-          "references": {
-            "EmbedOptions": {
-              "location": "import",
-              "path": "vega-embed",
-              "id": "../../node_modules/vega-embed/build/vega-embed.module.d.ts::EmbedOptions"
+        };
+        await embed(this.chartContainer, Object.assign({}, this.defaultVisualizationSpec, this.visualizationSpec), Object.assign({
+            timeFormatLocale: timeFormatLocale[locale]
+        }, this.defaultEmbedOptions, this.embedOptions, patchOption)).then(result => {
+            result.view.addSignalListener('chartClick', (name, value) => this.handleChartClick(name, value));
+        });
+    }
+    componentDidLoad() {
+        this.chartComponentReady.emit();
+    }
+    render() {
+        return (h("div", { key: '109a4cf0a395ef4d9b6a5aec9e306d416ae86e65', ref: el => (this.chartContainer = el) }));
+    }
+    static get is() { return "gux-visualization-beta"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["gux-visualization.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["gux-visualization.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "visualizationSpec": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "VisualizationSpec",
+                    "resolved": "GenericConcatSpec<NonNormalizedSpec> & TopLevelProperties<ExprRef | SignalRef> & { $schema?: string; config?: Config<ExprRef | SignalRef>; datasets?: Datasets; usermeta?: Dict<unknown>; } | GenericFacetSpec<UnitSpecWithFrame<Field>, LayerSpec<Field>, Field> & TopLevelProperties<ExprRef | SignalRef> & { $schema?: string; config?: Config<ExprRef | SignalRef>; datasets?: Datasets; usermeta?: Dict<unknown>; } & DataMixins | GenericHConcatSpec<NonNormalizedSpec> & TopLevelProperties<ExprRef | SignalRef> & { $schema?: string; config?: Config<ExprRef | SignalRef>; datasets?: Datasets; usermeta?: Dict<unknown>; } | GenericUnitSpec<FacetedCompositeEncoding<Field>, AnyMark, TopLevelParameter> & ResolveMixins & GenericCompositionLayout & FrameMixins<ExprRef | SignalRef> & TopLevelProperties<ExprRef | SignalRef> & { $schema?: string; config?: Config<ExprRef | SignalRef>; datasets?: Datasets; usermeta?: Dict<unknown>; } & DataMixins | GenericVConcatSpec<NonNormalizedSpec> & TopLevelProperties<ExprRef | SignalRef> & { $schema?: string; config?: Config<ExprRef | SignalRef>; datasets?: Datasets; usermeta?: Dict<unknown>; } | LayerRepeatSpec & TopLevelProperties<ExprRef | SignalRef> & { $schema?: string; config?: Config<ExprRef | SignalRef>; datasets?: Datasets; usermeta?: Dict<unknown>; } | LayerSpec<Field> & TopLevelProperties<ExprRef | SignalRef> & { $schema?: string; config?: Config<ExprRef | SignalRef>; datasets?: Datasets; usermeta?: Dict<unknown>; } | NonLayerRepeatSpec & TopLevelProperties<ExprRef | SignalRef> & { $schema?: string; config?: Config<ExprRef | SignalRef>; datasets?: Datasets; usermeta?: Dict<unknown>; } | Spec",
+                    "references": {
+                        "VisualizationSpec": {
+                            "location": "import",
+                            "path": "vega-embed",
+                            "id": "../../node_modules/vega-embed/build/vega-embed.module.d.ts::VisualizationSpec"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "embedOptions": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "EmbedOptions",
+                    "resolved": "EmbedOptions<string, Renderers>",
+                    "references": {
+                        "EmbedOptions": {
+                            "location": "import",
+                            "path": "vega-embed",
+                            "id": "../../node_modules/vega-embed/build/vega-embed.module.d.ts::EmbedOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
             }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        }
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "chartComponentReady",
-        "name": "chartComponentReady",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }, {
-        "method": "chartClicked",
-        "name": "chartClicked",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }];
-  }
-  static get elementRef() { return "root"; }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "chartComponentReady",
+                "name": "chartComponentReady",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }, {
+                "method": "chartClicked",
+                "name": "chartClicked",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "root"; }
 }

package/dist/collection/components/beta/gux-visualization/gux-visualization.locale.js

@@ -1,92 +1,92 @@
 // https://github.com/d3/d3-time-format/tree/master/locale
 // This is just a POC I would structure the files differently when implementing for production.
 export const timeFormatLocale = {
-  en: {
-    dateTime: '%x, %X',
-    date: '%-m/%-d/%Y',
-    time: '%-I:%M:%S %p',
-    periods: ['AM', 'PM'],
-    days: [
-      'Sunday',
-      'Monday',
-      'Tuesday',
-      'Wednesday',
-      'Thursday',
-      'Friday',
-      'Saturday'
-    ],
-    shortDays: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
-    months: [
-      'January',
-      'February',
-      'March',
-      'April',
-      'May',
-      'June',
-      'July',
-      'August',
-      'September',
-      'October',
-      'November',
-      'December'
-    ],
-    shortMonths: [
-      'Jan',
-      'Feb',
-      'Mar',
-      'Apr',
-      'May',
-      'Jun',
-      'Jul',
-      'Aug',
-      'Sep',
-      'Oct',
-      'Nov',
-      'Dec'
-    ]
-  },
-  de: {
-    dateTime: '%A, der %e. %B %Y, %X',
-    date: '%d.%m.%Y',
-    time: '%H:%M:%S',
-    periods: ['AM', 'PM'],
-    days: [
-      'Sonntag',
-      'Montag',
-      'Dienstag',
-      'Mittwoch',
-      'Donnerstag',
-      'Freitag',
-      'Samstag'
-    ],
-    shortDays: ['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'],
-    months: [
-      'Januar',
-      'Februar',
-      'März',
-      'April',
-      'Mai',
-      'Juni',
-      'Juli',
-      'August',
-      'September',
-      'Oktober',
-      'November',
-      'Dezember'
-    ],
-    shortMonths: [
-      'Jan',
-      'Feb',
-      'Mrz',
-      'Apr',
-      'Mai',
-      'Jun',
-      'Jul',
-      'Aug',
-      'Sep',
-      'Okt',
-      'Nov',
-      'Dez'
-    ]
-  }
+    en: {
+        dateTime: '%x, %X',
+        date: '%-m/%-d/%Y',
+        time: '%-I:%M:%S %p',
+        periods: ['AM', 'PM'],
+        days: [
+            'Sunday',
+            'Monday',
+            'Tuesday',
+            'Wednesday',
+            'Thursday',
+            'Friday',
+            'Saturday'
+        ],
+        shortDays: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
+        months: [
+            'January',
+            'February',
+            'March',
+            'April',
+            'May',
+            'June',
+            'July',
+            'August',
+            'September',
+            'October',
+            'November',
+            'December'
+        ],
+        shortMonths: [
+            'Jan',
+            'Feb',
+            'Mar',
+            'Apr',
+            'May',
+            'Jun',
+            'Jul',
+            'Aug',
+            'Sep',
+            'Oct',
+            'Nov',
+            'Dec'
+        ]
+    },
+    de: {
+        dateTime: '%A, der %e. %B %Y, %X',
+        date: '%d.%m.%Y',
+        time: '%H:%M:%S',
+        periods: ['AM', 'PM'],
+        days: [
+            'Sonntag',
+            'Montag',
+            'Dienstag',
+            'Mittwoch',
+            'Donnerstag',
+            'Freitag',
+            'Samstag'
+        ],
+        shortDays: ['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'],
+        months: [
+            'Januar',
+            'Februar',
+            'März',
+            'April',
+            'Mai',
+            'Juni',
+            'Juli',
+            'August',
+            'September',
+            'Oktober',
+            'November',
+            'Dezember'
+        ],
+        shortMonths: [
+            'Jan',
+            'Feb',
+            'Mrz',
+            'Apr',
+            'Mai',
+            'Jun',
+            'Jul',
+            'Aug',
+            'Sep',
+            'Okt',
+            'Nov',
+            'Dez'
+        ]
+    }
 };

package/dist/collection/components/beta/gux-visualization/tests/gux-visualization.e2e.js

@@ -1,31 +1,31 @@
 import { newE2EPage } from "@stencil/core/testing";
 const visualizationSpecLine = {
-  $schema: 'https://vega.github.io/schema/vega-lite/v5.json',
-  data: { url: 'https://vega.github.io/editor/data/seattle-weather.csv' },
-  mark: {
-    type: 'line',
-    interpolate: 'monotone'
-  },
-  encoding: {
-    x: { timeUnit: 'month', field: 'date', bandPosition: 0.5 },
-    y: { aggregate: 'mean', field: 'temp_max' }
-  }
+    $schema: 'https://vega.github.io/schema/vega-lite/v5.json',
+    data: { url: 'https://vega.github.io/editor/data/seattle-weather.csv' },
+    mark: {
+        type: 'line',
+        interpolate: 'monotone'
+    },
+    encoding: {
+        x: { timeUnit: 'month', field: 'date', bandPosition: 0.5 },
+        y: { aggregate: 'mean', field: 'temp_max' }
+    }
 };
 describe('gux-visualization-beta', () => {
-  describe('#render', () => {
-    [
-      {
-        description: 'should render default button',
-        html: '<gux-visualization-beta lang="en" id="visualization-1"></gux-visualization-beta>'
-      }
-    ].forEach(({ description, html }) => {
-      it(description, async () => {
-        const page = await newE2EPage({ html });
-        const element = (await page.find('gux-visualization-beta'));
-        element.visualizationSpec = visualizationSpecLine;
-        await page.waitForChanges();
-        expect(element.outerHTML).toMatchSnapshot();
-      });
+    describe('#render', () => {
+        [
+            {
+                description: 'should render default button',
+                html: '<gux-visualization-beta lang="en" id="visualization-1"></gux-visualization-beta>'
+            }
+        ].forEach(({ description, html }) => {
+            it(description, async () => {
+                const page = await newE2EPage({ html });
+                const element = (await page.find('gux-visualization-beta'));
+                element.visualizationSpec = visualizationSpecLine;
+                await page.waitForChanges();
+                expect(element.outerHTML).toMatchSnapshot();
+            });
+        });
     });
-  });
 });

package/dist/collection/components/beta/gux-visualization/tests/gux-visualization.spec.js

@@ -3,33 +3,33 @@ import { GuxVisualization } from "../gux-visualization";
 const components = [GuxVisualization];
 const language = 'en';
 const visualizationSpecLine = {
-  $schema: 'https://vega.github.io/schema/vega-lite/v5.json',
-  data: { url: 'https://vega.github.io/editor/data/seattle-weather.csv' },
-  mark: {
-    type: 'line',
-    interpolate: 'monotone'
-  },
-  encoding: {
-    x: { timeUnit: 'month', field: 'date', bandPosition: 0.5 },
-    y: { aggregate: 'mean', field: 'temp_max' }
-  }
+    $schema: 'https://vega.github.io/schema/vega-lite/v5.json',
+    data: { url: 'https://vega.github.io/editor/data/seattle-weather.csv' },
+    mark: {
+        type: 'line',
+        interpolate: 'monotone'
+    },
+    encoding: {
+        x: { timeUnit: 'month', field: 'date', bandPosition: 0.5 },
+        y: { aggregate: 'mean', field: 'temp_max' }
+    }
 };
 describe.skip('gux-visualization-beta', () => {
-  describe('#render', () => {
-    [
-      {
-        description: 'should render default button',
-        html: '<gux-visualization-beta></gux-visualization-beta>'
-      }
-    ].forEach(({ description, html }) => {
-      it(description, async () => {
-        const page = await newSpecPage({ components, html, language });
-        const element = page.root;
-        element.visualizationSpec = visualizationSpecLine;
-        await page.waitForChanges();
-        expect(page.rootInstance).toBeInstanceOf(GuxVisualization);
-        expect(page.root).toMatchSnapshot();
-      });
+    describe('#render', () => {
+        [
+            {
+                description: 'should render default button',
+                html: '<gux-visualization-beta></gux-visualization-beta>'
+            }
+        ].forEach(({ description, html }) => {
+            it(description, async () => {
+                const page = await newSpecPage({ components, html, language });
+                const element = page.root;
+                element.visualizationSpec = visualizationSpecLine;
+                await page.waitForChanges();
+                expect(page.rootInstance).toBeInstanceOf(GuxVisualization);
+                expect(page.root).toMatchSnapshot();
+            });
+        });
     });
-  });
 });