@gravitee/ui-components 3.27.0 → 3.27.1-pagination-34a0cc9

package/src/charts/gv-chart-line/gv-chart-line.stories.js

@@ -0,0 +1,117 @@
+/*
+ * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import './gv-chart-line';
+import { makeStory, storyWait } from '../../../testing/lib/make-story';
+const events = ['gv-chart-line:zoom'];
+function randomArray(moreZero) {
+    return Array.from({ length: 10 }, () => {
+        const number = Math.floor(Math.random() * 1000);
+        if (moreZero && number > 300) {
+            return 0;
+        }
+        return number;
+    });
+}
+const series = {
+    values: [
+        { name: '200', data: randomArray(true) },
+        { name: '401', data: randomArray(true) },
+        { name: '403', data: randomArray(true) },
+        { name: '404', data: randomArray(true) },
+        { name: '500', data: randomArray(true) },
+    ],
+};
+const series2 = {
+    values: [
+        { name: '200', data: randomArray() },
+        { name: '401', data: randomArray() },
+        { name: '403', data: randomArray() },
+        { name: '404', data: randomArray() },
+        { name: '500', data: randomArray() },
+    ],
+};
+const now = new Date();
+const options = {
+    labelPrefix: 'HTTP Status',
+    pointStart: Math.round(now.setDate(now.getDate() - 5) / 1000) * 1000,
+    pointInterval: 43200000,
+};
+export default {
+    title: 'charts/gv-chart-line',
+    component: 'gv-chart-line',
+    parameters: {
+        chromatic: { disable: true },
+    },
+};
+const conf = {
+    component: 'gv-chart-line',
+    events,
+    css: `
+    gv-chart-line {
+      min-height: 200px;
+    }
+  `,
+};
+export const Basics = makeStory(conf, {
+    items: [{ series, options }],
+});
+export const Synchronized = makeStory(conf, {
+    items: [
+        { series, options },
+        { series: series2, options },
+    ],
+});
+const manySeries = {
+    values: series2.values
+        .concat(series2.values)
+        .concat(series2.values)
+        .concat(series2.values)
+        .concat(series2.values)
+        .concat(series2.values)
+        .concat(series2.values),
+};
+export const MoreData = makeStory(conf, {
+    items: [{ series: manySeries, options }],
+});
+export const Empty = makeStory(conf, {
+    items: [{ series: [], options }],
+});
+let seriesResolver;
+export const Loading = makeStory(conf, {
+    items: [{}],
+    simulations: [
+        storyWait(0, ([component]) => {
+            component.series = new Promise((resolve) => (seriesResolver = resolve));
+            component.options = options;
+        }),
+        storyWait(750, () => {
+            seriesResolver(series);
+        }),
+    ],
+});
+export const LoadingAndError = makeStory(conf, {
+    items: [{}],
+    simulations: [
+        storyWait(0, ([component]) => {
+            component.series = new Promise((resolve, reject) => (seriesResolver = reject));
+            component.options = options;
+        }),
+        storyWait(750, () => {
+            seriesResolver({});
+        }),
+    ],
+});
+//# sourceMappingURL=gv-chart-line.stories.js.map

package/src/charts/gv-chart-line/gv-chart-line.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gv-chart-line.stories.js","sourceRoot":"","sources":["../../../../src/charts/gv-chart-line/gv-chart-line.stories.js"],"names":[],"mappings":"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"}

package/src/charts/gv-chart-line/index.d.ts

@@ -0,0 +1 @@
+export * from './gv-chart-line';

package/src/charts/gv-chart-line/index.js

@@ -0,0 +1,17 @@
+/*
+ * Copyright (C) 2021 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from './gv-chart-line';
+//# sourceMappingURL=index.js.map

package/src/charts/gv-chart-line/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/charts/gv-chart-line/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,cAAc,iBAAiB,CAAC"}

package/src/charts/gv-chart-map/gv-chart-map.js

@@ -0,0 +1,123 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+/*
+ * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { LitElement } from 'lit';
+import '../../atoms/gv-button';
+import '../../atoms/gv-tag';
+import { ChartElement } from '../../mixins/chart-element';
+import Highcharts from 'highcharts';
+import { dispatchCustomEvent } from '../../lib/events';
+/**
+ * Map chart component.
+ *
+ * ⚠️ This component is based on `highcharts` and `@highcharts/map-collection`.
+ * To use this component in your project be sure the dependencies are installed or
+ * install them with: `npm install highcharts @highcharts/map-collection --save`
+ *
+ * @fires gv-chart-map:select - Custom event with selected value
+ *
+ * @attr {Array} series - The series to display on the map chart.
+ * @attr {Array} options - The list of options to display.
+ *
+ */
+export class GvChartMap extends ChartElement(LitElement) {
+    getOptions() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const data = [];
+            if (this._series && this._series.values) {
+                Object.keys(this._series.values).forEach((k) => {
+                    if (!this.options.excludedKeys || (this.options.excludedKeys && !this.options.excludedKeys.includes(k))) {
+                        data.push({ key: k, value: this._series.values[k] });
+                    }
+                });
+            }
+            let key, map;
+            if (this.options.zone) {
+                const zone = this.options.zone.toLowerCase();
+                key = 'name';
+                map = yield import('@highcharts/map-collection/countries/' + zone.substring(0, 2) + '/' + zone + '-all.geo.json');
+            }
+            else {
+                key = 'hc-a2';
+                map = yield import('@highcharts/map-collection/custom/world.geo.json');
+            }
+            return {
+                chart: {
+                    map,
+                },
+                mapNavigation: {
+                    enabled: true,
+                    enableMouseWheelZoom: false,
+                },
+                legend: {
+                    layout: 'vertical',
+                    align: 'left',
+                    verticalAlign: 'bottom',
+                },
+                colorAxis: {
+                    min: 0,
+                    stops: [
+                        [0, '#EFEFFF'],
+                        [0.5, Highcharts.getOptions().colors[0]],
+                        [1, Highcharts.Color(Highcharts.getOptions().colors[0]).brighten(-0.5).get()],
+                    ],
+                },
+                series: [
+                    {
+                        data,
+                        joinBy: [key, 'key'],
+                        name: this.options.name,
+                        dataLabels: {
+                            enabled: true,
+                            formatter: function () {
+                                return key === 'name' ? this.point[key] : '';
+                            },
+                        },
+                        states: {
+                            hover: {
+                                color: '#a4edba',
+                                borderColor: 'gray',
+                            },
+                        },
+                        nullColor: '#eaecfd',
+                        point: {
+                            events: {
+                                click: (event) => {
+                                    event.preventDefault();
+                                    dispatchCustomEvent(this, 'select', event.point.properties);
+                                },
+                            },
+                        },
+                    },
+                ],
+                tooltip: {
+                    headerFormat: '',
+                    pointFormat: '<b>{point.name}:</b> {point.value}',
+                },
+            };
+        });
+    }
+}
+window.customElements.define('gv-chart-map', GvChartMap);
+//# sourceMappingURL=gv-chart-map.js.map

package/src/charts/gv-chart-map/gv-chart-map.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gv-chart-map.js","sourceRoot":"","sources":["../../../../src/charts/gv-chart-map/gv-chart-map.js"],"names":[],"mappings":"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"}

package/src/charts/gv-chart-map/gv-chart-map.stories.d.ts

@@ -0,0 +1,124 @@
+declare namespace _default {
+    const title: string;
+    const component: string;
+    namespace parameters {
+        namespace chromatic {
+            const disable: boolean;
+        }
+    }
+}
+export default _default;
+export const Basics: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};
+export const France: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};
+export const HautsDeFrance: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};
+export const Empty: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};
+export const Loading: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};
+export const LoadingAndError: {
+    docs: any;
+    css: any;
+    component: any;
+    items: any;
+    parameters: {
+        actions: {
+            handles: any[];
+        };
+        docsOnly: any;
+        docs: {
+            storyDescription: any;
+        };
+        storySource: {
+            source: any;
+        };
+    };
+    render: (args: any) => HTMLDivElement;
+};

package/src/charts/gv-chart-map/gv-chart-map.stories.js

@@ -0,0 +1,104 @@
+/*
+ * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import './gv-chart-map';
+import { makeStory, storyWait } from '../../../testing/lib/make-story';
+const events = ['gv-chart-map:select'];
+const series = {
+    values: {
+        Unknown: 1000000,
+        FR: 7567,
+        GB: 1232,
+        US: 2000,
+        RU: 922,
+        IT: 3000,
+    },
+};
+const franceSeries = {
+    values: {
+        'Hauts-de-France': 7567,
+        Normandie: 1232,
+        Occitanie: 2000,
+        Corse: 922,
+        'Île-de-France': 3000,
+    },
+};
+const hdfSeries = {
+    values: {
+        Nord: 7567,
+        'Pas-de-Calais': 1232,
+        Aisne: 2000,
+        Somme: 922,
+        Oise: 3000,
+    },
+};
+const options = {
+    name: 'Number of API requests',
+    excludedKeys: ['Unknown'],
+};
+export default {
+    title: 'charts/gv-chart-map',
+    component: 'gv-chart-map',
+    parameters: {
+        chromatic: { disable: true },
+    },
+};
+const conf = {
+    component: 'gv-chart-map',
+    events,
+    css: `
+    gv-chart-map {
+      min-height: 200px;
+    }
+  `,
+};
+export const Basics = makeStory(conf, {
+    items: [{ series, options }],
+});
+export const France = makeStory(conf, {
+    items: [{ series: franceSeries, options: Object.assign(Object.assign({}, options), { zone: 'fr' }) }],
+});
+export const HautsDeFrance = makeStory(conf, {
+    items: [{ series: hdfSeries, options: Object.assign(Object.assign({}, options), { zone: 'fr-hdf' }) }],
+});
+export const Empty = makeStory(conf, {
+    items: [{ series: [], options }],
+});
+let seriesResolver;
+export const Loading = makeStory(conf, {
+    items: [{}],
+    simulations: [
+        storyWait(0, ([component]) => {
+            component.series = new Promise((resolve) => (seriesResolver = resolve));
+            component.options = options;
+        }),
+        storyWait(750, () => {
+            seriesResolver(series);
+        }),
+    ],
+});
+export const LoadingAndError = makeStory(conf, {
+    items: [{}],
+    simulations: [
+        storyWait(0, ([component]) => {
+            component.series = new Promise((resolve, reject) => (seriesResolver = reject));
+            component.options = options;
+        }),
+        storyWait(750, () => {
+            seriesResolver({});
+        }),
+    ],
+});
+//# sourceMappingURL=gv-chart-map.stories.js.map

package/src/charts/gv-chart-map/gv-chart-map.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gv-chart-map.stories.js","sourceRoot":"","sources":["../../../../src/charts/gv-chart-map/gv-chart-map.stories.js"],"names":[],"mappings":"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"}

package/src/charts/gv-chart-map/index.d.ts

@@ -0,0 +1 @@
+export * from './gv-chart-map';

package/src/charts/gv-chart-map/index.js

@@ -0,0 +1,17 @@
+/*
+ * Copyright (C) 2021 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from './gv-chart-map';
+//# sourceMappingURL=index.js.map

package/src/charts/gv-chart-map/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/charts/gv-chart-map/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,cAAc,gBAAgB,CAAC"}

package/src/charts/gv-chart-pie/gv-chart-pie.js

@@ -0,0 +1,101 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+/*
+ * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { LitElement } from 'lit';
+import '../../atoms/gv-button';
+import '../../atoms/gv-tag';
+import { ChartElement } from '../../mixins/chart-element';
+import { dispatchCustomEvent } from '../../lib/events';
+/**
+ * Pie chart component
+ *
+ * ⚠️ This component is based on `highcharts`.
+ * To use this component in your project be sure the dependency is installed or
+ * install it with: `npm install highcharts --save`
+ *
+ * @fires gv-chart-pie:select - Custom event with selected value
+ *
+ * @attr {Array} series - The series to display on the pie chart.
+ * @attr {Array} options - The list of options to display.
+ *
+ */
+export class GvChartPie extends ChartElement(LitElement) {
+    getOptions() {
+        return __awaiter(this, void 0, void 0, function* () {
+            let total = 0;
+            if (this._series && this._series.values) {
+                this.options.data.forEach((data, i) => {
+                    data.y = this._series.values[Object.keys(this._series.values)[i]] || 0;
+                });
+                this.options.data.forEach((d) => {
+                    total += d.y;
+                });
+            }
+            if (!total) {
+                this._empty = true;
+            }
+            return {
+                chart: {
+                    type: 'pie',
+                },
+                series: total === 0 ? [] : [this.options],
+                plotOptions: {
+                    pie: {
+                        allowPointSelect: true,
+                        cursor: 'pointer',
+                        dataLabels: {
+                            enabled: true,
+                            format: '<b>{point.name}</b>: {point.percentage:.1f} %',
+                        },
+                    },
+                    series: {
+                        animation: false,
+                        events: {
+                            click: (event) => {
+                                event.preventDefault();
+                                dispatchCustomEvent(this, 'select', event.point.options);
+                            },
+                        },
+                    },
+                },
+                tooltip: {
+                    pointFormat: 'Nb hits: <b>{point.y}</b>',
+                },
+                title: {
+                    text: 'Total: ' + total,
+                    useHTML: true,
+                    align: 'left',
+                    verticalAlign: 'bottom',
+                    y: 10,
+                    style: {
+                        fontSize: '12px',
+                        fontWeight: 'bold',
+                    },
+                },
+            };
+        });
+    }
+}
+window.customElements.define('gv-chart-pie', GvChartPie);
+//# sourceMappingURL=gv-chart-pie.js.map

package/src/charts/gv-chart-pie/gv-chart-pie.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gv-chart-pie.js","sourceRoot":"","sources":["../../../../src/charts/gv-chart-pie/gv-chart-pie.js"],"names":[],"mappings":";;;;;;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEvD;;;;;;;;;;;;GAYG;AACH,MAAM,OAAO,UAAW,SAAQ,YAAY,CAAC,UAAU,CAAC;IAChD,UAAU;;YACd,IAAI,KAAK,GAAG,CAAC,CAAC;YACd,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;gBACvC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;oBACpC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;gBACzE,CAAC,CAAC,CAAC;gBACH,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;oBAC9B,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC;gBACf,CAAC,CAAC,CAAC;aACJ;YACD,IAAI,CAAC,KAAK,EAAE;gBACV,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;aACpB;YACD,OAAO;gBACL,KAAK,EAAE;oBACL,IAAI,EAAE,KAAK;iBACZ;gBACD,MAAM,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC;gBACzC,WAAW,EAAE;oBACX,GAAG,EAAE;wBACH,gBAAgB,EAAE,IAAI;wBACtB,MAAM,EAAE,SAAS;wBACjB,UAAU,EAAE;4BACV,OAAO,EAAE,IAAI;4BACb,MAAM,EAAE,+CAA+C;yBACxD;qBACF;oBACD,MAAM,EAAE;wBACN,SAAS,EAAE,KAAK;wBAChB,MAAM,EAAE;4BACN,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;gCACf,KAAK,CAAC,cAAc,EAAE,CAAC;gCACvB,mBAAmB,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;4BAC3D,CAAC;yBACF;qBACF;iBACF;gBACD,OAAO,EAAE;oBACP,WAAW,EAAE,2BAA2B;iBACzC;gBACD,KAAK,EAAE;oBACL,IAAI,EAAE,SAAS,GAAG,KAAK;oBACvB,OAAO,EAAE,IAAI;oBACb,KAAK,EAAE,MAAM;oBACb,aAAa,EAAE,QAAQ;oBACvB,CAAC,EAAE,EAAE;oBACL,KAAK,EAAE;wBACL,QAAQ,EAAE,MAAM;wBAChB,UAAU,EAAE,MAAM;qBACnB;iBACF;aACF,CAAC;QACJ,CAAC;KAAA;CACF;AAED,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC"}