@spectrum-web-components/overlay 1.3.0-beta.2 → 1.3.0-testing.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +7 -8
- package/LICENSE +0 -201
- package/stories/index.js +0 -48
- package/stories/index.js.map +0 -7
- package/stories/overlay-directive.stories.js +0 -340
- package/stories/overlay-directive.stories.js.map +0 -7
- package/stories/overlay-element.stories.js +0 -687
- package/stories/overlay-element.stories.js.map +0 -7
- package/stories/overlay-story-components.js +0 -338
- package/stories/overlay-story-components.js.map +0 -7
- package/stories/overlay.stories.js +0 -1470
- package/stories/overlay.stories.js.map +0 -7
- package/test/benchmark/basic-test.js +0 -40
- package/test/benchmark/basic-test.js.map +0 -7
- package/test/benchmark/directive-test.js +0 -43
- package/test/benchmark/directive-test.js.map +0 -7
- package/test/benchmark/element-test.js +0 -40
- package/test/benchmark/element-test.js.map +0 -7
- package/test/benchmark/lazy-test.js +0 -47
- package/test/benchmark/lazy-test.js.map +0 -7
- package/test/index.js +0 -605
- package/test/index.js.map +0 -7
- package/test/overlay-directive.test-vrt.js +0 -5
- package/test/overlay-directive.test-vrt.js.map +0 -7
- package/test/overlay-directive.test.js +0 -162
- package/test/overlay-directive.test.js.map +0 -7
- package/test/overlay-element.test-vrt.js +0 -5
- package/test/overlay-element.test-vrt.js.map +0 -7
- package/test/overlay-element.test.js +0 -934
- package/test/overlay-element.test.js.map +0 -7
- package/test/overlay-lifecycle.test.js +0 -139
- package/test/overlay-lifecycle.test.js.map +0 -7
- package/test/overlay-memory.test.js +0 -10
- package/test/overlay-memory.test.js.map +0 -7
- package/test/overlay-timer.test.js +0 -118
- package/test/overlay-timer.test.js.map +0 -7
- package/test/overlay-trigger-click.test.js +0 -164
- package/test/overlay-trigger-click.test.js.map +0 -7
- package/test/overlay-trigger-directive.test.js +0 -75
- package/test/overlay-trigger-directive.test.js.map +0 -7
- package/test/overlay-trigger-extended.test.js +0 -235
- package/test/overlay-trigger-extended.test.js.map +0 -7
- package/test/overlay-trigger-hover-click.test.js +0 -225
- package/test/overlay-trigger-hover-click.test.js.map +0 -7
- package/test/overlay-trigger-hover.test.js +0 -308
- package/test/overlay-trigger-hover.test.js.map +0 -7
- package/test/overlay-trigger-longpress.test.js +0 -531
- package/test/overlay-trigger-longpress.test.js.map +0 -7
- package/test/overlay-trigger-optimization.test.js +0 -134
- package/test/overlay-trigger-optimization.test.js.map +0 -7
- package/test/overlay-trigger-sync.test.js +0 -5
- package/test/overlay-trigger-sync.test.js.map +0 -7
- package/test/overlay-trigger.test.js +0 -5
- package/test/overlay-trigger.test.js.map +0 -7
- package/test/overlay-update.test.js +0 -28
- package/test/overlay-update.test.js.map +0 -7
- package/test/overlay-v1.test.js +0 -569
- package/test/overlay-v1.test.js.map +0 -7
- package/test/overlay.test-vrt.js +0 -5
- package/test/overlay.test-vrt.js.map +0 -7
- package/test/overlay.test.js +0 -865
- package/test/overlay.test.js.map +0 -7
|
@@ -1,134 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
import { elementUpdated, expect, html } from "@open-wc/testing";
|
|
3
|
-
import { stub } from "sinon";
|
|
4
|
-
import {
|
|
5
|
-
fixture,
|
|
6
|
-
testForLitDevWarnings
|
|
7
|
-
} from "../../../test/testing-helpers.js";
|
|
8
|
-
import "@spectrum-web-components/button/sp-button.js";
|
|
9
|
-
import "@spectrum-web-components/popover/sp-popover.js";
|
|
10
|
-
import "@spectrum-web-components/tooltip/sp-tooltip.js";
|
|
11
|
-
import "@spectrum-web-components/overlay/sp-overlay.js";
|
|
12
|
-
import "@spectrum-web-components/overlay/sync/overlay-trigger.js";
|
|
13
|
-
describe("Overlay Trigger - Trigger Interactions", () => {
|
|
14
|
-
it("accepts valid trigger interaction combinations", async () => {
|
|
15
|
-
const el = await fixture(html`
|
|
16
|
-
<overlay-trigger>
|
|
17
|
-
<sp-button slot="trigger">Test Button</sp-button>
|
|
18
|
-
<sp-popover slot="click-content">Click Content</sp-popover>
|
|
19
|
-
<sp-tooltip slot="hover-content">Hover Content</sp-tooltip>
|
|
20
|
-
<sp-popover slot="longpress-content">
|
|
21
|
-
Longpress Content
|
|
22
|
-
</sp-popover>
|
|
23
|
-
</overlay-trigger>
|
|
24
|
-
`);
|
|
25
|
-
el.triggeredBy = "click";
|
|
26
|
-
await elementUpdated(el);
|
|
27
|
-
expect(el.triggeredBy).to.equal("click");
|
|
28
|
-
el.triggeredBy = "hover";
|
|
29
|
-
await elementUpdated(el);
|
|
30
|
-
expect(el.triggeredBy).to.equal("hover");
|
|
31
|
-
el.triggeredBy = "longpress";
|
|
32
|
-
await elementUpdated(el);
|
|
33
|
-
expect(el.triggeredBy).to.equal("longpress");
|
|
34
|
-
el.triggeredBy = "click hover";
|
|
35
|
-
await elementUpdated(el);
|
|
36
|
-
expect(el.triggeredBy).to.equal("click hover");
|
|
37
|
-
el.triggeredBy = "click longpress";
|
|
38
|
-
await elementUpdated(el);
|
|
39
|
-
expect(el.triggeredBy).to.equal("click longpress");
|
|
40
|
-
el.triggeredBy = "hover longpress";
|
|
41
|
-
await elementUpdated(el);
|
|
42
|
-
expect(el.triggeredBy).to.equal("hover longpress");
|
|
43
|
-
el.triggeredBy = "click hover longpress";
|
|
44
|
-
await elementUpdated(el);
|
|
45
|
-
expect(el.triggeredBy).to.equal("click hover longpress");
|
|
46
|
-
});
|
|
47
|
-
it("optimizes rendering based on trigger interactions", async () => {
|
|
48
|
-
const el = await fixture(html`
|
|
49
|
-
<overlay-trigger triggered-by="click">
|
|
50
|
-
<sp-button slot="trigger">Test Button</sp-button>
|
|
51
|
-
</overlay-trigger>
|
|
52
|
-
`);
|
|
53
|
-
let overlays = el.shadowRoot.querySelectorAll("sp-overlay");
|
|
54
|
-
expect(overlays.length).to.equal(1);
|
|
55
|
-
expect(overlays[0].id).to.equal("click-overlay");
|
|
56
|
-
el.triggeredBy = "click hover";
|
|
57
|
-
await elementUpdated(el);
|
|
58
|
-
await el.updateComplete;
|
|
59
|
-
overlays = el.shadowRoot.querySelectorAll("sp-overlay");
|
|
60
|
-
expect(overlays.length).to.equal(2);
|
|
61
|
-
expect(overlays[0].id).to.equal("click-overlay");
|
|
62
|
-
expect(overlays[1].id).to.equal("hover-overlay");
|
|
63
|
-
el.triggeredBy = "click hover longpress";
|
|
64
|
-
await elementUpdated(el);
|
|
65
|
-
await el.updateComplete;
|
|
66
|
-
overlays = el.shadowRoot.querySelectorAll("sp-overlay");
|
|
67
|
-
expect(overlays.length).to.equal(3);
|
|
68
|
-
expect(overlays[0].id).to.equal("click-overlay");
|
|
69
|
-
expect(overlays[1].id).to.equal("hover-overlay");
|
|
70
|
-
expect(overlays[2].id).to.equal("longpress-overlay");
|
|
71
|
-
});
|
|
72
|
-
it("handles backwards compatible slot assigned content", async () => {
|
|
73
|
-
const el = await fixture(html`
|
|
74
|
-
<overlay-trigger triggered-by="click">
|
|
75
|
-
<sp-button slot="trigger">Test Button</sp-button>
|
|
76
|
-
<sp-popover slot="click-content">Click Content</sp-popover>
|
|
77
|
-
<sp-tooltip slot="hover-content">Hover Content</sp-tooltip>
|
|
78
|
-
</overlay-trigger>
|
|
79
|
-
`);
|
|
80
|
-
const overlays = el.shadowRoot.querySelectorAll("sp-overlay");
|
|
81
|
-
expect(overlays.length).to.equal(2);
|
|
82
|
-
expect(overlays[0].id).to.equal("click-overlay");
|
|
83
|
-
expect(overlays[1].id).to.equal("hover-overlay");
|
|
84
|
-
});
|
|
85
|
-
});
|
|
86
|
-
describe("Overlay Trigger", () => {
|
|
87
|
-
testForLitDevWarnings(async () => {
|
|
88
|
-
const el = await fixture(html`
|
|
89
|
-
<overlay-trigger>
|
|
90
|
-
<sp-button slot="trigger">Test Button</sp-button>
|
|
91
|
-
<sp-popover slot="click-content">Click Content</sp-popover>
|
|
92
|
-
<sp-tooltip slot="hover-content">Hover Content</sp-tooltip>
|
|
93
|
-
<sp-popover slot="longpress-content">
|
|
94
|
-
Longpress Content
|
|
95
|
-
</sp-popover>
|
|
96
|
-
</overlay-trigger>
|
|
97
|
-
`);
|
|
98
|
-
return el;
|
|
99
|
-
});
|
|
100
|
-
describe("Dev Mode", () => {
|
|
101
|
-
let consoleWarnStub;
|
|
102
|
-
before(() => {
|
|
103
|
-
window.__swc.verbose = true;
|
|
104
|
-
consoleWarnStub = stub(console, "warn");
|
|
105
|
-
});
|
|
106
|
-
afterEach(() => {
|
|
107
|
-
consoleWarnStub.resetHistory();
|
|
108
|
-
});
|
|
109
|
-
after(() => {
|
|
110
|
-
window.__swc.verbose = false;
|
|
111
|
-
consoleWarnStub.restore();
|
|
112
|
-
});
|
|
113
|
-
it("warns in Dev Mode when no attributes or fragments", async () => {
|
|
114
|
-
const el = await fixture(html`
|
|
115
|
-
<overlay-trigger></overlay-trigger>
|
|
116
|
-
`);
|
|
117
|
-
await elementUpdated(el);
|
|
118
|
-
expect(consoleWarnStub.called).to.be.true;
|
|
119
|
-
const spyCall = consoleWarnStub.getCall(0);
|
|
120
|
-
expect(
|
|
121
|
-
spyCall.args.at(0).includes("performance"),
|
|
122
|
-
"Performance optimization available"
|
|
123
|
-
).to.be.true;
|
|
124
|
-
expect(spyCall.args.at(-1), "confirm `data` shape").to.deep.equal({
|
|
125
|
-
data: {
|
|
126
|
-
localName: "overlay-trigger",
|
|
127
|
-
type: "api",
|
|
128
|
-
level: "default"
|
|
129
|
-
}
|
|
130
|
-
});
|
|
131
|
-
});
|
|
132
|
-
});
|
|
133
|
-
});
|
|
134
|
-
//# sourceMappingURL=overlay-trigger-optimization.test.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["overlay-trigger-optimization.test.ts"],
|
|
4
|
-
"sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport { elementUpdated, expect, html } from '@open-wc/testing';\nimport { OverlayTrigger } from '../src/OverlayTrigger.js';\nimport { stub } from 'sinon';\nimport {\n fixture,\n testForLitDevWarnings,\n} from '../../../test/testing-helpers.js';\nimport '@spectrum-web-components/button/sp-button.js';\nimport '@spectrum-web-components/popover/sp-popover.js';\nimport '@spectrum-web-components/tooltip/sp-tooltip.js';\nimport '@spectrum-web-components/overlay/sp-overlay.js';\nimport '@spectrum-web-components/overlay/sync/overlay-trigger.js';\n\ndescribe('Overlay Trigger - Trigger Interactions', () => {\n it('accepts valid trigger interaction combinations', async () => {\n const el = await fixture<OverlayTrigger>(html`\n <overlay-trigger>\n <sp-button slot=\"trigger\">Test Button</sp-button>\n <sp-popover slot=\"click-content\">Click Content</sp-popover>\n <sp-tooltip slot=\"hover-content\">Hover Content</sp-tooltip>\n <sp-popover slot=\"longpress-content\">\n Longpress Content\n </sp-popover>\n </overlay-trigger>\n `);\n\n // Test single interaction types\n el.triggeredBy = 'click';\n await elementUpdated(el);\n expect(el.triggeredBy).to.equal('click');\n\n el.triggeredBy = 'hover';\n await elementUpdated(el);\n expect(el.triggeredBy).to.equal('hover');\n\n el.triggeredBy = 'longpress';\n await elementUpdated(el);\n expect(el.triggeredBy).to.equal('longpress');\n\n // Test valid combinations\n el.triggeredBy = 'click hover';\n await elementUpdated(el);\n expect(el.triggeredBy).to.equal('click hover');\n\n el.triggeredBy = 'click longpress';\n await elementUpdated(el);\n expect(el.triggeredBy).to.equal('click longpress');\n\n el.triggeredBy = 'hover longpress';\n await elementUpdated(el);\n expect(el.triggeredBy).to.equal('hover longpress');\n\n el.triggeredBy = 'click hover longpress';\n await elementUpdated(el);\n expect(el.triggeredBy).to.equal('click hover longpress');\n });\n\n it('optimizes rendering based on trigger interactions', async () => {\n const el = await fixture<OverlayTrigger>(html`\n <overlay-trigger triggered-by=\"click\">\n <sp-button slot=\"trigger\">Test Button</sp-button>\n </overlay-trigger>\n `);\n\n let overlays = el.shadowRoot!.querySelectorAll('sp-overlay');\n expect(overlays.length).to.equal(1);\n expect(overlays[0].id).to.equal('click-overlay');\n\n el.triggeredBy = 'click hover';\n await elementUpdated(el);\n await el.updateComplete;\n\n overlays = el.shadowRoot!.querySelectorAll('sp-overlay');\n expect(overlays.length).to.equal(2);\n expect(overlays[0].id).to.equal('click-overlay');\n expect(overlays[1].id).to.equal('hover-overlay');\n\n el.triggeredBy = 'click hover longpress';\n await elementUpdated(el);\n await el.updateComplete;\n\n overlays = el.shadowRoot!.querySelectorAll('sp-overlay');\n expect(overlays.length).to.equal(3);\n expect(overlays[0].id).to.equal('click-overlay');\n expect(overlays[1].id).to.equal('hover-overlay');\n expect(overlays[2].id).to.equal('longpress-overlay');\n });\n\n it('handles backwards compatible slot assigned content', async () => {\n const el = await fixture<OverlayTrigger>(html`\n <overlay-trigger triggered-by=\"click\">\n <sp-button slot=\"trigger\">Test Button</sp-button>\n <sp-popover slot=\"click-content\">Click Content</sp-popover>\n <sp-tooltip slot=\"hover-content\">Hover Content</sp-tooltip>\n </overlay-trigger>\n `);\n\n // Even though only \"click\" is specified, both overlays are created\n const overlays = el.shadowRoot!.querySelectorAll('sp-overlay');\n expect(overlays.length).to.equal(2);\n expect(overlays[0].id).to.equal('click-overlay');\n expect(overlays[1].id).to.equal('hover-overlay');\n });\n});\n\ndescribe('Overlay Trigger', () => {\n testForLitDevWarnings(async () => {\n const el = await fixture<OverlayTrigger>(html`\n <overlay-trigger>\n <sp-button slot=\"trigger\">Test Button</sp-button>\n <sp-popover slot=\"click-content\">Click Content</sp-popover>\n <sp-tooltip slot=\"hover-content\">Hover Content</sp-tooltip>\n <sp-popover slot=\"longpress-content\">\n Longpress Content\n </sp-popover>\n </overlay-trigger>\n `);\n return el;\n });\n\n describe('Dev Mode', () => {\n let consoleWarnStub!: ReturnType<typeof stub>;\n\n before(() => {\n window.__swc.verbose = true;\n consoleWarnStub = stub(console, 'warn');\n });\n afterEach(() => {\n consoleWarnStub.resetHistory();\n });\n after(() => {\n window.__swc.verbose = false;\n consoleWarnStub.restore();\n });\n\n it('warns in Dev Mode when no attributes or fragments', async () => {\n const el = await fixture<OverlayTrigger>(html`\n <overlay-trigger></overlay-trigger>\n `);\n\n await elementUpdated(el);\n\n expect(consoleWarnStub.called).to.be.true;\n const spyCall = consoleWarnStub.getCall(0);\n expect(\n (spyCall.args.at(0) as string).includes('performance'),\n 'Performance optimization available'\n ).to.be.true;\n expect(spyCall.args.at(-1), 'confirm `data` shape').to.deep.equal({\n data: {\n localName: 'overlay-trigger',\n type: 'api',\n level: 'default',\n },\n });\n });\n });\n});\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["overlay-trigger-sync.test.ts"],
|
|
4
|
-
"sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport '@spectrum-web-components/overlay/sync/overlay-trigger.js';\nimport { runOverlayTriggerTests } from './index.js';\n\nrunOverlayTriggerTests('sync');\n"],
|
|
5
|
-
"mappings": ";AAYA,OAAO;AACP,SAAS,8BAA8B;AAEvC,uBAAuB,MAAM;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["overlay-trigger.test.ts"],
|
|
4
|
-
"sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport '@spectrum-web-components/overlay/overlay-trigger.js';\nimport { runOverlayTriggerTests } from './index.js';\n\nrunOverlayTriggerTests('async');\n"],
|
|
5
|
-
"mappings": ";AAYA,OAAO;AACP,SAAS,8BAA8B;AAEvC,uBAAuB,OAAO;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
import { elementUpdated, expect, oneEvent } from "@open-wc/testing";
|
|
3
|
-
import { accordion } from "../stories/overlay.stories.js";
|
|
4
|
-
import {
|
|
5
|
-
fixture,
|
|
6
|
-
ignoreResizeObserverLoopError
|
|
7
|
-
} from "../../../test/testing-helpers.js";
|
|
8
|
-
describe("sp-update-overlays event", () => {
|
|
9
|
-
ignoreResizeObserverLoopError(before, after);
|
|
10
|
-
it("updates overlay height", async () => {
|
|
11
|
-
const el = await fixture(accordion());
|
|
12
|
-
const container = el.querySelector("sp-popover");
|
|
13
|
-
const item = el.querySelector(
|
|
14
|
-
'[label="Other things"]'
|
|
15
|
-
);
|
|
16
|
-
el.triggeredBy = "click";
|
|
17
|
-
await elementUpdated(item);
|
|
18
|
-
const opened = oneEvent(el, "sp-opened");
|
|
19
|
-
el.open = "click";
|
|
20
|
-
await opened;
|
|
21
|
-
const height1 = container.getBoundingClientRect().height;
|
|
22
|
-
item.click();
|
|
23
|
-
await elementUpdated(item);
|
|
24
|
-
const height2 = container.getBoundingClientRect().height;
|
|
25
|
-
expect(height1).to.be.lessThan(height2);
|
|
26
|
-
});
|
|
27
|
-
});
|
|
28
|
-
//# sourceMappingURL=overlay-update.test.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["overlay-update.test.ts"],
|
|
4
|
-
"sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { elementUpdated, expect, oneEvent } from '@open-wc/testing';\nimport { AccordionItem } from '@spectrum-web-components/accordion/src/AccordionItem.js';\nimport { OverlayTrigger } from '../src/OverlayTrigger.js';\nimport { accordion } from '../stories/overlay.stories.js';\nimport {\n fixture,\n ignoreResizeObserverLoopError,\n} from '../../../test/testing-helpers.js';\n\ndescribe('sp-update-overlays event', () => {\n ignoreResizeObserverLoopError(before, after);\n it('updates overlay height', async () => {\n const el = await fixture<OverlayTrigger>(accordion());\n const container = el.querySelector('sp-popover') as HTMLElement;\n const item = el.querySelector(\n '[label=\"Other things\"]'\n ) as AccordionItem;\n\n el.triggeredBy = 'click';\n await elementUpdated(item);\n\n const opened = oneEvent(el, 'sp-opened');\n el.open = 'click';\n await opened;\n\n const height1 = container.getBoundingClientRect().height;\n item.click();\n await elementUpdated(item);\n\n const height2 = container.getBoundingClientRect().height;\n expect(height1).to.be.lessThan(height2);\n });\n});\n"],
|
|
5
|
-
"mappings": ";AAWA,SAAS,gBAAgB,QAAQ,gBAAgB;AAGjD,SAAS,iBAAiB;AAC1B;AAAA,EACI;AAAA,EACA;AAAA,OACG;AAEP,SAAS,4BAA4B,MAAM;AACvC,gCAA8B,QAAQ,KAAK;AAC3C,KAAG,0BAA0B,YAAY;AACrC,UAAM,KAAK,MAAM,QAAwB,UAAU,CAAC;AACpD,UAAM,YAAY,GAAG,cAAc,YAAY;AAC/C,UAAM,OAAO,GAAG;AAAA,MACZ;AAAA,IACJ;AAEA,OAAG,cAAc;AACjB,UAAM,eAAe,IAAI;AAEzB,UAAM,SAAS,SAAS,IAAI,WAAW;AACvC,OAAG,OAAO;AACV,UAAM;AAEN,UAAM,UAAU,UAAU,sBAAsB,EAAE;AAClD,SAAK,MAAM;AACX,UAAM,eAAe,IAAI;AAEzB,UAAM,UAAU,UAAU,sBAAsB,EAAE;AAClD,WAAO,OAAO,EAAE,GAAG,GAAG,SAAS,OAAO;AAAA,EAC1C,CAAC;AACL,CAAC;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|