q2-tecton-elements 1.52.2 → 1.53.0

package/dist/collection/components/q2-file-picker/test/q2-file-picker-test.spec.js

@@ -0,0 +1,435 @@
+import { Q2FilePicker } from "../q2-file-picker";
+import { objectToHTMLAttributes, setupSpecPageWithLoc } from "../../../utils/helpers";
+describe('q2-legend', () => {
+    const buildSlots = (slots) => {
+        return slots.reduce((acc, slot) => {
+            return `${acc}<div slot="${slot.name}">${slot.content}</div>`;
+        }, '');
+    };
+    const setupPage = async (attributes = {}, testStrings = {}, slots = []) => {
+        const attributesString = objectToHTMLAttributes(attributes);
+        const slotsString = buildSlots(slots);
+        const page = await setupSpecPageWithLoc({
+            components: [Q2FilePicker],
+            html: `<q2-file-picker ${attributesString}>${slotsString}</q2-file-picker>`,
+        }, testStrings);
+        return page;
+    };
+    const createMockFile = (props = {}) => {
+        return {
+            name: props.name || 'test-file',
+            lastModified: props.lastModified || Date.now(),
+            webkitRelativePath: props.webkitRelativePath || '',
+            size: props.size || 1234,
+            type: props.type || 'text/plain', // 'application/pdf'
+            arrayBuffer: props.arrayBuffer || jest.fn(),
+            slice: props.slice || jest.fn(),
+            stream: props.stream || jest.fn(),
+            text: props.text || jest.fn(),
+            bytes: props.bytes || jest.fn(() => Promise.resolve(new Uint8Array())),
+        };
+    };
+    const createMockFileList = (files) => {
+        return Object.assign(Object.assign({}, files), { length: files.length, item: (index) => files[index] });
+    };
+    function simulateFileInputChange(page, mockFileList) {
+        const input = page.root.shadowRoot.querySelector('[test-id="file-input"]');
+        const changeCallback = jest.fn();
+        page.root.addEventListener('tctChange', changeCallback);
+        input.files = mockFileList;
+        input.dispatchEvent(new Event('change'));
+        return changeCallback;
+    }
+    describe('Props', () => {
+        describe('description', () => {
+            it('when set description rendered', async () => {
+                const descriptionText = 'Test Description';
+                const page = await setupPage({ description: descriptionText });
+                const description = page.root.shadowRoot.querySelector('[test-id="description"]');
+                expect(description).toEqualText(descriptionText);
+            });
+            it('is localizable', async () => {
+                const descriptionText = 'Test Description';
+                const page = await setupPage({ description: 'test.description' }, { 'test.description': descriptionText });
+                const description = page.root.shadowRoot.querySelector('[test-id="description"]');
+                expect(description).toEqualText(descriptionText);
+            });
+        });
+        describe('fileTypes', () => {
+            it('limits the types of files that can be selected', async () => {
+                const page = await setupPage();
+                page.root.fileTypes = ['pdf'];
+                const mockPdfFile = createMockFile({ name: 'test-file.pdf' });
+                const mockTextFile = createMockFile({ name: 'test-file.txt' });
+                const mockFileList = createMockFileList([mockPdfFile, mockTextFile]);
+                const changeCallback = simulateFileInputChange(page, mockFileList);
+                await page.waitForChanges();
+                const value = page.root.value;
+                const expectedValue = {
+                    invalidFiles: [{ file: mockTextFile, status: 'invalid-type' }],
+                    validFiles: [mockPdfFile],
+                };
+                expect(changeCallback).toHaveBeenCalledWith(expect.objectContaining({
+                    detail: expect.objectContaining(expectedValue),
+                }));
+                expect(value).toEqual(expectedValue);
+            });
+            it('allows all file types when fileTypes is not defined', async () => {
+                const page = await setupPage();
+                const mockPdfFile = createMockFile({ name: 'test-file.pdf' });
+                const mockTextFile = createMockFile({ name: 'test-file.txt' });
+                const mockFileList = createMockFileList([mockPdfFile, mockTextFile]);
+                const changeCallback = simulateFileInputChange(page, mockFileList);
+                await page.waitForChanges();
+                const value = page.root.value;
+                const expectedValue = {
+                    invalidFiles: [],
+                    validFiles: [mockPdfFile, mockTextFile],
+                };
+                expect(changeCallback).toHaveBeenCalledWith(expect.objectContaining({
+                    detail: expect.objectContaining(expectedValue),
+                }));
+                expect(value).toEqual(expectedValue);
+            });
+        });
+        describe('label', () => {
+            it('when set label rendered', async () => {
+                const labelText = 'Test Label';
+                const page = await setupPage({ label: labelText });
+                const label = page.root.shadowRoot.querySelector('[test-id="label"]');
+                expect(label).toEqualText(labelText);
+            });
+            it('is localizable', async () => {
+                const labelText = 'Test Label';
+                const page = await setupPage({ label: 'test.label' }, { 'test.label': labelText });
+                const label = page.root.shadowRoot.querySelector('[test-id="label"]');
+                expect(label).toEqualText(labelText);
+            });
+        });
+        describe('maxFiles', () => {
+            it('limits the number of files that can be selected', async () => {
+                const page = await setupPage({ 'max-files': 0 });
+                const mockPdfFile = createMockFile({ name: 'test-file.pdf', type: 'application/pdf' });
+                const mockFileList = createMockFileList([mockPdfFile]);
+                const changeCallback = simulateFileInputChange(page, mockFileList);
+                await page.waitForChanges();
+                const value = page.root.value;
+                const expectedValue = {
+                    invalidFiles: [{ file: mockPdfFile, status: 'over-max-files-limit' }],
+                    validFiles: [],
+                };
+                expect(changeCallback).toHaveBeenCalledWith(expect.objectContaining({
+                    detail: expect.objectContaining(expectedValue),
+                }));
+                expect(value).toEqual(expectedValue);
+            });
+            it('allows multiple files to be selected when it is greater than 1', async () => {
+                const page = await setupPage({ maxFiles: 2 });
+                const mockFile = createMockFile({ name: 'test-file' });
+                const mockFile2 = Object.assign(Object.assign({}, mockFile), { name: 'test-file-2' });
+                const mockFileListMultiple = createMockFileList([mockFile, mockFile2]);
+                const changeCallback = simulateFileInputChange(page, mockFileListMultiple);
+                await page.waitForChanges();
+                const value = page.root.value;
+                const expectedValue = {
+                    invalidFiles: [],
+                    validFiles: [mockFile, mockFile2],
+                };
+                expect(changeCallback).toHaveBeenCalledWith(expect.objectContaining({
+                    detail: expect.objectContaining(expectedValue),
+                }));
+                expect(value).toEqual(expectedValue);
+            });
+            it('allows any number of files to be selected when it is not set', async () => {
+                const page = await setupPage();
+                const mockFile = createMockFile({ name: 'test-file' });
+                const mockFile2 = Object.assign(Object.assign({}, mockFile), { name: 'test-file-2' });
+                const mockFile3 = Object.assign(Object.assign({}, mockFile), { name: 'test-file-3' });
+                const mockFileListMultiple = createMockFileList([mockFile, mockFile2, mockFile3]);
+                const changeCallback = simulateFileInputChange(page, mockFileListMultiple);
+                await page.waitForChanges();
+                const value = page.root.value;
+                const expectedValue = {
+                    invalidFiles: [],
+                    validFiles: [mockFile, mockFile2, mockFile3],
+                };
+                expect(changeCallback).toHaveBeenCalledWith(expect.objectContaining({
+                    detail: expect.objectContaining(expectedValue),
+                }));
+                expect(value).toEqual(expectedValue);
+            });
+        });
+        describe('maxFileSize', () => {
+            it('limits the size of files that can be selected', async () => {
+                const page = await setupPage({ 'max-file-size': 2000 });
+                const mockFile = createMockFile({ name: 'test-file', size: 1000 });
+                const mockFileTooLarge = createMockFile({ name: 'test-file-2', size: 3000 });
+                const mockFileList = createMockFileList([mockFile, mockFileTooLarge]);
+                const changeCallback = simulateFileInputChange(page, mockFileList);
+                await page.waitForChanges();
+                const value = page.root.value;
+                const expectedValue = {
+                    invalidFiles: [{ file: mockFileTooLarge, status: 'over-size-limit' }],
+                    validFiles: [mockFile],
+                };
+                expect(changeCallback).toHaveBeenCalledWith(expect.objectContaining({
+                    detail: expect.objectContaining(expectedValue),
+                }));
+                expect(value).toEqual(expectedValue);
+            });
+        });
+        describe('value', () => {
+            it('returns an object with empty arrays for prop values when no files have been selected', async () => {
+                const page = await setupPage();
+                const value = page.root.value;
+                const expectedValue = {
+                    invalidFiles: [],
+                    validFiles: [],
+                };
+                expect(value).toEqual(expectedValue);
+            });
+            it('returns an object with the selected files when files have been selected', async () => {
+                const page = await setupPage();
+                const mockFile = createMockFile({ name: 'test-file' });
+                const mockFileList = createMockFileList([mockFile]);
+                simulateFileInputChange(page, mockFileList);
+                await page.waitForChanges();
+                const value = page.root.value;
+                const expectedValue = {
+                    invalidFiles: [],
+                    validFiles: [mockFile],
+                };
+                expect(value).toEqual(expectedValue);
+            });
+            it('returns an object with the valid and invalid files when files have been selected', async () => {
+                const page = await setupPage();
+                page.root.fileTypes = ['pdf'];
+                const mockPdfFile = createMockFile({ name: 'test-file.pdf', type: 'application/pdf' });
+                const mockTextFile = createMockFile({ name: 'test-file.txt' });
+                const mockFileList = createMockFileList([mockPdfFile, mockTextFile]);
+                simulateFileInputChange(page, mockFileList);
+                await page.waitForChanges();
+                const value = page.root.value;
+                const expectedValue = {
+                    invalidFiles: [{ file: mockTextFile, status: 'invalid-type' }],
+                    validFiles: [mockPdfFile],
+                };
+                expect(value).toEqual(expectedValue);
+            });
+        });
+        describe('variant', () => {
+            it('when set to "browse-drop" displays drop zone', async () => {
+                const page = await setupPage({ variant: 'browse-drop' });
+                const dropZone = page.root.shadowRoot.querySelector('[test-id="drop-zone"]');
+                const browseButton = page.root.shadowRoot.querySelector('[test-id="browse-button"]');
+                expect(dropZone).not.toBeNull();
+                expect(browseButton).toBeNull();
+            });
+            it('when set to "browse" displays only the browse button', async () => {
+                const page = await setupPage({ variant: 'browse' });
+                const dropZone = page.root.shadowRoot.querySelector('[test-id="drop-zone"]');
+                const browseButton = page.root.shadowRoot.querySelector('[test-id="browse"]');
+                expect(dropZone).toBeNull();
+                expect(browseButton).not.toBeNull();
+            });
+        });
+    });
+    describe('Slots', () => {
+        describe('label', () => {
+            it('rendered when slot is provided', async () => {
+                const labelSlotContent = 'Test Label Slot';
+                const page = await setupPage({}, {}, [{ name: 'label', content: labelSlotContent }]);
+                const label = page.root.shadowRoot.querySelector('[test-id="label"]');
+                // check for the slot container without the slot content because
+                // newSpecPage appears to not render the slot content
+                expect(label.innerHTML).toEqualHtml('<slot name="label"></slot>');
+            });
+            it('not rendered when slot is provided and label prop set', async () => {
+                const labelText = 'Test Label';
+                const labelSlotContent = 'Test Label Slot';
+                const page = await setupPage({ label: labelText }, {}, [{ name: 'label', content: labelSlotContent }]);
+                const label = page.root.shadowRoot.querySelector('[test-id="label"]');
+                expect(label.innerHTML).toEqualHtml(labelText);
+            });
+        });
+        describe('description', () => {
+            it('rendered when slot is provided', async () => {
+                const descriptionSlotContent = 'Test Description Slot';
+                const page = await setupPage({}, {}, [{ name: 'description', content: descriptionSlotContent }]);
+                const description = page.root.shadowRoot.querySelector('[test-id="description"]');
+                // check for the slot container without the slot content because
+                // newSpecPage appears to not render the slot content
+                expect(description.innerHTML).toEqualHtml('<slot name="description"></slot>');
+            });
+            it('not rendered when slot is provided and label prop set', async () => {
+                const descriptionText = 'Test Description';
+                const descriptionSlotContent = 'Test Description Slot';
+                const page = await setupPage({ description: descriptionText }, {}, [
+                    { name: 'description', content: descriptionSlotContent },
+                ]);
+                const label = page.root.shadowRoot.querySelector('[test-id="description"]');
+                expect(label.innerHTML).toEqualHtml(descriptionText);
+            });
+        });
+    });
+    describe('Events', () => {
+        describe('tctChange', () => {
+            it('emitted when a file input emits a change event', async () => {
+                const page = await setupPage();
+                const mockFile = createMockFile({ name: 'test-file' });
+                const mockFileList = createMockFileList([mockFile]);
+                const changeCallback = simulateFileInputChange(page, mockFileList);
+                await page.waitForChanges();
+                const expectedValue = {
+                    invalidFiles: [],
+                    validFiles: [mockFile],
+                };
+                expect(changeCallback).toHaveBeenCalledWith(expect.objectContaining({
+                    detail: expect.objectContaining(expectedValue),
+                }));
+            });
+        });
+    });
+    describe('Watchers', () => {
+        describe('updateFileList', () => {
+            it('sets the status of a queued file when the status prop changes', async () => {
+                const page = await setupPage();
+                const mockFile = createMockFile({ name: 'test-file' });
+                page.rootInstance.queuedFiles = [mockFile];
+                page.rootInstance.updateFileList([{ name: 'test-file', status: 'uploaded' }]);
+                await page.waitForChanges();
+                expect(page.rootInstance.displayedFiles).toEqual([{ file: mockFile, status: 'uploaded' }]);
+            });
+            it('sets the status of a displayed file when the status prop changes', async () => {
+                const page = await setupPage();
+                const mockFile = createMockFile({ name: 'test-file' });
+                page.rootInstance.queuedFiles = [];
+                page.rootInstance.displayedFiles = [{ file: mockFile, status: 'queued' }];
+                page.rootInstance.updateFileList([{ name: 'test-file', status: 'uploaded' }]);
+                await page.waitForChanges();
+                expect(page.rootInstance.displayedFiles).toEqual([{ file: mockFile, status: 'uploaded' }]);
+            });
+        });
+    });
+    describe('Local methods', () => {
+        describe('disableLoaderIfAllFilesUploaded', () => {
+            it('sets the areFilesUploading flag to false when all files are uploaded', async () => {
+                const page = await setupPage();
+                const mockFile = createMockFile({ name: 'test-file' });
+                page.rootInstance.areFilesUploading = true;
+                page.rootInstance.displayedFiles = [{ file: mockFile, status: 'uploaded' }];
+                page.rootInstance.disableLoaderIfAllFilesUploaded();
+                await page.waitForChanges();
+                expect(page.rootInstance.areFilesUploading).toBeFalsy();
+            });
+        });
+        describe('getAnimationendHandlerToRemoveFileItem', () => {
+            it('returns a function that removes a file after animation has ended', async () => {
+                const page = await setupPage();
+                const fileItem = {
+                    file: createMockFile(),
+                    status: 'uploaded',
+                };
+                page.rootInstance.displayedFiles = [fileItem];
+                const animationEndHandler = page.rootInstance.getAnimationendHandlerToRemoveFileItem(fileItem.file.name);
+                const mockAnimationEvent = {
+                    animationName: 'shrinkToCenterFadeOut',
+                };
+                animationEndHandler(mockAnimationEvent);
+                expect(page.rootInstance.displayedFiles.length).toEqual(0);
+            });
+        });
+        describe('getClickHandlerToRemoveFileItem', () => {
+            it('returns a function that flags the file as to be removed', async () => {
+                const page = await setupPage();
+                const fileItem = {
+                    file: createMockFile(),
+                    status: 'uploaded',
+                };
+                page.rootInstance.displayedFiles = [fileItem];
+                const clickHandler = page.rootInstance.getClickHandlerToRemoveFileItem(fileItem.file.name);
+                clickHandler();
+                expect(page.rootInstance.displayedFiles[0].toBeRemoved).toBeTruthy();
+            });
+        });
+        describe('getFileItemStatusMessage', () => {
+            it('returns the correct status message', async () => {
+                const page = await setupPage();
+                const statusAndResponses = [
+                    { status: 'invalid-type', response: 'tecton.element.filePicker.unsupportedFileType' },
+                    { status: 'over-size-limit', response: 'tecton.element.filePicker.sizeExceedsLimit' },
+                    { status: 'over-max-files-limit', response: 'tecton.element.filePicker.overMaxFilesLimit' },
+                    { status: 'in-progress', response: 'tecton.element.filePicker.uploadingEllipsis' },
+                    { status: 'failed', response: 'tecton.element.filePicker.uploadFailed' },
+                    { status: 'uploaded', response: 'tecton.element.filePicker.fileSize' },
+                ];
+                const size = 1234;
+                statusAndResponses.forEach(({ status, response }) => {
+                    const result = page.rootInstance.getFileItemStatusMessage(status, size);
+                    expect(result).toEqual(response);
+                });
+            });
+        });
+        describe('grabDroppedFiles', () => {
+            it('emits an event that contains a files object', async () => {
+                const page = await setupPage();
+                const mockFile = createMockFile({ name: 'test-file' });
+                const mockFileList = createMockFileList([mockFile]);
+                const dropCallback = jest.fn();
+                page.root.addEventListener('tctChange', dropCallback);
+                const mockDragEvent = {
+                    dataTransfer: {
+                        files: mockFileList,
+                    },
+                    preventDefault: jest.fn(),
+                    stopPropagation: jest.fn(),
+                };
+                page.rootInstance.grabDroppedFiles(mockDragEvent);
+                await page.waitForChanges();
+                expect(dropCallback).toHaveBeenCalledWith(expect.objectContaining({
+                    detail: expect.objectContaining({
+                        invalidFiles: [],
+                        validFiles: [mockFile],
+                    }),
+                }));
+            });
+        });
+        describe('highlightDropZone', () => {
+            it('sets the isDropZoneHighlighted flag to true', async () => {
+                const page = await setupPage({ variant: 'browse-drop' });
+                const mockDragEvent = {
+                    preventDefault: jest.fn(),
+                    stopPropagation: jest.fn(),
+                };
+                page.rootInstance.highlightDropZone(mockDragEvent);
+                await page.waitForChanges();
+                expect(page.rootInstance.isDropZoneHighlighted).toBeTruthy();
+            });
+        });
+        describe('launchFileBrowser', () => {
+            it('called and clicks hidden file input when browse button clicked', async () => {
+                const launchFileBrowserSpy = jest.spyOn(Q2FilePicker.prototype, 'launchFileBrowser');
+                const page = await setupPage();
+                const input = page.root.shadowRoot.querySelector('[test-id="file-input"]');
+                const browseButton = page.root.shadowRoot.querySelector('[test-id="browse-button"]');
+                const clickCallback = jest.fn();
+                input.addEventListener('click', clickCallback);
+                browseButton.dispatchEvent(new MouseEvent('click'));
+                expect(launchFileBrowserSpy).toHaveBeenCalled();
+                expect(clickCallback).toHaveBeenCalled();
+            });
+            it('called and clicks hidden file input when browse link clicked', async () => {
+                const launchFileBrowserSpy = jest.spyOn(Q2FilePicker.prototype, 'launchFileBrowser');
+                const page = await setupPage({ variant: 'browse-drop' });
+                const input = page.root.shadowRoot.querySelector('[test-id="file-input"]');
+                const browseLink = page.root.shadowRoot.querySelector('[test-id="browse-link"]');
+                const clickCallback = jest.fn();
+                input.addEventListener('click', clickCallback);
+                await browseLink.dispatchEvent(new MouseEvent('tctClick'));
+                expect(launchFileBrowserSpy).toHaveBeenCalled();
+                expect(clickCallback).toHaveBeenCalled();
+            });
+        });
+    });
+});
+//# sourceMappingURL=q2-file-picker-test.spec.js.map

package/dist/collection/components/q2-file-picker/test/q2-file-picker-test.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"q2-file-picker-test.spec.js","sourceRoot":"","sources":["../../../../src/components/q2-file-picker/test/q2-file-picker-test.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Q2FilePicker } from '../q2-file-picker';\nimport { objectToHTMLAttributes, setupSpecPageWithLoc } from '@/utils/helpers';\n\ndescribe('q2-legend', () => {\n    interface MockFileProps {\n        name?: string;\n        lastModified?: number;\n        webkitRelativePath?: string;\n        size?: number;\n        type?: string;\n        arrayBuffer?: () => Promise<ArrayBuffer>;\n        slice?: () => Blob;\n        stream?: () => ReadableStream;\n        text?: () => Promise<string>;\n        bytes?: () => Promise<Uint8Array>;\n    }\n\n    const buildSlots = (slots: Record<string, string>[]) => {\n        return slots.reduce((acc, slot) => {\n            return `${acc}<div slot=\"${slot.name}\">${slot.content}</div>`;\n        }, '');\n    };\n\n    const setupPage = async (attributes = {}, testStrings = {}, slots = []) => {\n        const attributesString = objectToHTMLAttributes(attributes);\n        const slotsString = buildSlots(slots);\n\n        const page = await setupSpecPageWithLoc(\n            {\n                components: [Q2FilePicker],\n                html: `<q2-file-picker ${attributesString}>${slotsString}</q2-file-picker>`,\n            },\n            testStrings\n        );\n\n        return page;\n    };\n\n    const createMockFile = (props: MockFileProps = {}) => {\n        return {\n            name: props.name || 'test-file',\n            lastModified: props.lastModified || Date.now(),\n            webkitRelativePath: props.webkitRelativePath || '',\n            size: props.size || 1234,\n            type: props.type || 'text/plain', // 'application/pdf'\n            arrayBuffer: props.arrayBuffer || jest.fn(),\n            slice: props.slice || jest.fn(),\n            stream: props.stream || jest.fn(),\n            text: props.text || jest.fn(),\n            bytes: props.bytes || jest.fn(() => Promise.resolve(new Uint8Array())),\n        };\n    };\n\n    const createMockFileList = (files: File[]) => {\n        return {\n            ...files,\n            length: files.length,\n            item: (index: number) => files[index],\n        };\n    };\n\n    function simulateFileInputChange(page, mockFileList) {\n        const input = page.root.shadowRoot.querySelector('[test-id=\"file-input\"]') as HTMLInputElement;\n        const changeCallback = jest.fn();\n        page.root.addEventListener('tctChange', changeCallback);\n        input.files = mockFileList;\n        input.dispatchEvent(new Event('change'));\n\n        return changeCallback;\n    }\n\n    describe('Props', () => {\n        describe('description', () => {\n            it('when set description rendered', async () => {\n                const descriptionText = 'Test Description';\n                const page = await setupPage({ description: descriptionText });\n                const description = page.root.shadowRoot.querySelector('[test-id=\"description\"]');\n\n                expect(description).toEqualText(descriptionText);\n            });\n\n            it('is localizable', async () => {\n                const descriptionText = 'Test Description';\n                const page = await setupPage(\n                    { description: 'test.description' },\n                    { 'test.description': descriptionText }\n                );\n                const description = page.root.shadowRoot.querySelector('[test-id=\"description\"]');\n\n                expect(description).toEqualText(descriptionText);\n            });\n        });\n\n        describe('fileTypes', () => {\n            it('limits the types of files that can be selected', async () => {\n                const page = await setupPage();\n                page.root.fileTypes = ['pdf'];\n                const mockPdfFile = createMockFile({ name: 'test-file.pdf' });\n                const mockTextFile = createMockFile({ name: 'test-file.txt' });\n                const mockFileList = createMockFileList([mockPdfFile, mockTextFile]);\n                const changeCallback = simulateFileInputChange(page, mockFileList);\n                await page.waitForChanges();\n                const value = page.root.value;\n                const expectedValue = {\n                    invalidFiles: [{ file: mockTextFile, status: 'invalid-type' }],\n                    validFiles: [mockPdfFile],\n                };\n\n                expect(changeCallback).toHaveBeenCalledWith(\n                    expect.objectContaining({\n                        detail: expect.objectContaining(expectedValue),\n                    })\n                );\n                expect(value).toEqual(expectedValue);\n            });\n\n            it('allows all file types when fileTypes is not defined', async () => {\n                const page = await setupPage();\n                const mockPdfFile = createMockFile({ name: 'test-file.pdf' });\n                const mockTextFile = createMockFile({ name: 'test-file.txt' });\n                const mockFileList = createMockFileList([mockPdfFile, mockTextFile]);\n                const changeCallback = simulateFileInputChange(page, mockFileList);\n                await page.waitForChanges();\n                const value = page.root.value;\n                const expectedValue = {\n                    invalidFiles: [],\n                    validFiles: [mockPdfFile, mockTextFile],\n                };\n\n                expect(changeCallback).toHaveBeenCalledWith(\n                    expect.objectContaining({\n                        detail: expect.objectContaining(expectedValue),\n                    })\n                );\n                expect(value).toEqual(expectedValue);\n            });\n        });\n\n        describe('label', () => {\n            it('when set label rendered', async () => {\n                const labelText = 'Test Label';\n                const page = await setupPage({ label: labelText });\n                const label = page.root.shadowRoot.querySelector('[test-id=\"label\"]');\n\n                expect(label).toEqualText(labelText);\n            });\n\n            it('is localizable', async () => {\n                const labelText = 'Test Label';\n                const page = await setupPage({ label: 'test.label' }, { 'test.label': labelText });\n                const label = page.root.shadowRoot.querySelector('[test-id=\"label\"]');\n\n                expect(label).toEqualText(labelText);\n            });\n        });\n\n        describe('maxFiles', () => {\n            it('limits the number of files that can be selected', async () => {\n                const page = await setupPage({ 'max-files': 0 });\n                const mockPdfFile = createMockFile({ name: 'test-file.pdf', type: 'application/pdf' });\n                const mockFileList = createMockFileList([mockPdfFile]);\n                const changeCallback = simulateFileInputChange(page, mockFileList);\n                await page.waitForChanges();\n                const value = page.root.value;\n                const expectedValue = {\n                    invalidFiles: [{ file: mockPdfFile, status: 'over-max-files-limit' }],\n                    validFiles: [],\n                };\n\n                expect(changeCallback).toHaveBeenCalledWith(\n                    expect.objectContaining({\n                        detail: expect.objectContaining(expectedValue),\n                    })\n                );\n                expect(value).toEqual(expectedValue);\n            });\n\n            it('allows multiple files to be selected when it is greater than 1', async () => {\n                const page = await setupPage({ maxFiles: 2 });\n                const mockFile = createMockFile({ name: 'test-file' });\n                const mockFile2 = { ...mockFile, name: 'test-file-2' };\n                const mockFileListMultiple = createMockFileList([mockFile, mockFile2]);\n                const changeCallback = simulateFileInputChange(page, mockFileListMultiple);\n                await page.waitForChanges();\n                const value = page.root.value;\n                const expectedValue = {\n                    invalidFiles: [],\n                    validFiles: [mockFile, mockFile2],\n                };\n\n                expect(changeCallback).toHaveBeenCalledWith(\n                    expect.objectContaining({\n                        detail: expect.objectContaining(expectedValue),\n                    })\n                );\n                expect(value).toEqual(expectedValue);\n            });\n\n            it('allows any number of files to be selected when it is not set', async () => {\n                const page = await setupPage();\n                const mockFile = createMockFile({ name: 'test-file' });\n                const mockFile2 = { ...mockFile, name: 'test-file-2' };\n                const mockFile3 = { ...mockFile, name: 'test-file-3' };\n                const mockFileListMultiple = createMockFileList([mockFile, mockFile2, mockFile3]);\n                const changeCallback = simulateFileInputChange(page, mockFileListMultiple);\n                await page.waitForChanges();\n                const value = page.root.value;\n                const expectedValue = {\n                    invalidFiles: [],\n                    validFiles: [mockFile, mockFile2, mockFile3],\n                };\n\n                expect(changeCallback).toHaveBeenCalledWith(\n                    expect.objectContaining({\n                        detail: expect.objectContaining(expectedValue),\n                    })\n                );\n                expect(value).toEqual(expectedValue);\n            });\n        });\n\n        describe('maxFileSize', () => {\n            it('limits the size of files that can be selected', async () => {\n                const page = await setupPage({ 'max-file-size': 2000 });\n                const mockFile = createMockFile({ name: 'test-file', size: 1000 });\n                const mockFileTooLarge = createMockFile({ name: 'test-file-2', size: 3000 });\n                const mockFileList = createMockFileList([mockFile, mockFileTooLarge]);\n                const changeCallback = simulateFileInputChange(page, mockFileList);\n                await page.waitForChanges();\n                const value = page.root.value;\n                const expectedValue = {\n                    invalidFiles: [{ file: mockFileTooLarge, status: 'over-size-limit' }],\n                    validFiles: [mockFile],\n                };\n\n                expect(changeCallback).toHaveBeenCalledWith(\n                    expect.objectContaining({\n                        detail: expect.objectContaining(expectedValue),\n                    })\n                );\n                expect(value).toEqual(expectedValue);\n            });\n        });\n\n        describe('value', () => {\n            it('returns an object with empty arrays for prop values when no files have been selected', async () => {\n                const page = await setupPage();\n                const value = page.root.value;\n                const expectedValue = {\n                    invalidFiles: [],\n                    validFiles: [],\n                };\n\n                expect(value).toEqual(expectedValue);\n            });\n\n            it('returns an object with the selected files when files have been selected', async () => {\n                const page = await setupPage();\n                const mockFile = createMockFile({ name: 'test-file' });\n                const mockFileList = createMockFileList([mockFile]);\n                simulateFileInputChange(page, mockFileList);\n                await page.waitForChanges();\n                const value = page.root.value;\n                const expectedValue = {\n                    invalidFiles: [],\n                    validFiles: [mockFile],\n                };\n\n                expect(value).toEqual(expectedValue);\n            });\n\n            it('returns an object with the valid and invalid files when files have been selected', async () => {\n                const page = await setupPage();\n                page.root.fileTypes = ['pdf'];\n                const mockPdfFile = createMockFile({ name: 'test-file.pdf', type: 'application/pdf' });\n                const mockTextFile = createMockFile({ name: 'test-file.txt' });\n                const mockFileList = createMockFileList([mockPdfFile, mockTextFile]);\n                simulateFileInputChange(page, mockFileList);\n                await page.waitForChanges();\n                const value = page.root.value;\n                const expectedValue = {\n                    invalidFiles: [{ file: mockTextFile, status: 'invalid-type' }],\n                    validFiles: [mockPdfFile],\n                };\n\n                expect(value).toEqual(expectedValue);\n            });\n        });\n\n        describe('variant', () => {\n            it('when set to \"browse-drop\" displays drop zone', async () => {\n                const page = await setupPage({ variant: 'browse-drop' });\n                const dropZone = page.root.shadowRoot.querySelector('[test-id=\"drop-zone\"]');\n                const browseButton = page.root.shadowRoot.querySelector('[test-id=\"browse-button\"]');\n\n                expect(dropZone).not.toBeNull();\n                expect(browseButton).toBeNull();\n            });\n\n            it('when set to \"browse\" displays only the browse button', async () => {\n                const page = await setupPage({ variant: 'browse' });\n                const dropZone = page.root.shadowRoot.querySelector('[test-id=\"drop-zone\"]');\n                const browseButton = page.root.shadowRoot.querySelector('[test-id=\"browse\"]');\n\n                expect(dropZone).toBeNull();\n                expect(browseButton).not.toBeNull();\n            });\n        });\n    });\n\n    describe('Slots', () => {\n        describe('label', () => {\n            it('rendered when slot is provided', async () => {\n                const labelSlotContent = 'Test Label Slot';\n                const page = await setupPage({}, {}, [{ name: 'label', content: labelSlotContent }]);\n                const label = page.root.shadowRoot.querySelector('[test-id=\"label\"]');\n\n                // check for the slot container without the slot content because\n                // newSpecPage appears to not render the slot content\n                expect(label.innerHTML).toEqualHtml('<slot name=\"label\"></slot>');\n            });\n\n            it('not rendered when slot is provided and label prop set', async () => {\n                const labelText = 'Test Label';\n                const labelSlotContent = 'Test Label Slot';\n                const page = await setupPage({ label: labelText }, {}, [{ name: 'label', content: labelSlotContent }]);\n                const label = page.root.shadowRoot.querySelector('[test-id=\"label\"]');\n\n                expect(label.innerHTML).toEqualHtml(labelText);\n            });\n        });\n\n        describe('description', () => {\n            it('rendered when slot is provided', async () => {\n                const descriptionSlotContent = 'Test Description Slot';\n                const page = await setupPage({}, {}, [{ name: 'description', content: descriptionSlotContent }]);\n                const description = page.root.shadowRoot.querySelector('[test-id=\"description\"]');\n\n                // check for the slot container without the slot content because\n                // newSpecPage appears to not render the slot content\n                expect(description.innerHTML).toEqualHtml('<slot name=\"description\"></slot>');\n            });\n\n            it('not rendered when slot is provided and label prop set', async () => {\n                const descriptionText = 'Test Description';\n                const descriptionSlotContent = 'Test Description Slot';\n                const page = await setupPage({ description: descriptionText }, {}, [\n                    { name: 'description', content: descriptionSlotContent },\n                ]);\n                const label = page.root.shadowRoot.querySelector('[test-id=\"description\"]');\n\n                expect(label.innerHTML).toEqualHtml(descriptionText);\n            });\n        });\n    });\n\n    describe('Events', () => {\n        describe('tctChange', () => {\n            it('emitted when a file input emits a change event', async () => {\n                const page = await setupPage();\n                const mockFile = createMockFile({ name: 'test-file' });\n                const mockFileList = createMockFileList([mockFile]);\n                const changeCallback = simulateFileInputChange(page, mockFileList);\n                await page.waitForChanges();\n                const expectedValue = {\n                    invalidFiles: [],\n                    validFiles: [mockFile],\n                };\n\n                expect(changeCallback).toHaveBeenCalledWith(\n                    expect.objectContaining({\n                        detail: expect.objectContaining(expectedValue),\n                    })\n                );\n            });\n        });\n    });\n\n    describe('Watchers', () => {\n        describe('updateFileList', () => {\n            it('sets the status of a queued file when the status prop changes', async () => {\n                const page = await setupPage();\n                const mockFile = createMockFile({ name: 'test-file' });\n                page.rootInstance.queuedFiles = [mockFile];\n                page.rootInstance.updateFileList([{ name: 'test-file', status: 'uploaded' }]);\n                await page.waitForChanges();\n\n                expect(page.rootInstance.displayedFiles).toEqual([{ file: mockFile, status: 'uploaded' }]);\n            });\n\n            it('sets the status of a displayed file when the status prop changes', async () => {\n                const page = await setupPage();\n                const mockFile = createMockFile({ name: 'test-file' });\n                page.rootInstance.queuedFiles = [];\n                page.rootInstance.displayedFiles = [{ file: mockFile, status: 'queued' }];\n                page.rootInstance.updateFileList([{ name: 'test-file', status: 'uploaded' }]);\n                await page.waitForChanges();\n\n                expect(page.rootInstance.displayedFiles).toEqual([{ file: mockFile, status: 'uploaded' }]);\n            });\n        });\n    });\n\n    describe('Local methods', () => {\n        describe('disableLoaderIfAllFilesUploaded', () => {\n            it('sets the areFilesUploading flag to false when all files are uploaded', async () => {\n                const page = await setupPage();\n                const mockFile = createMockFile({ name: 'test-file' });\n                page.rootInstance.areFilesUploading = true;\n                page.rootInstance.displayedFiles = [{ file: mockFile, status: 'uploaded' }];\n                page.rootInstance.disableLoaderIfAllFilesUploaded();\n                await page.waitForChanges();\n\n                expect(page.rootInstance.areFilesUploading).toBeFalsy();\n            });\n        });\n\n        describe('getAnimationendHandlerToRemoveFileItem', () => {\n            it('returns a function that removes a file after animation has ended', async () => {\n                const page = await setupPage();\n                const fileItem = {\n                    file: createMockFile(),\n                    status: 'uploaded',\n                };\n                page.rootInstance.displayedFiles = [fileItem];\n                const animationEndHandler = page.rootInstance.getAnimationendHandlerToRemoveFileItem(\n                    fileItem.file.name\n                );\n                const mockAnimationEvent = {\n                    animationName: 'shrinkToCenterFadeOut',\n                } as AnimationEvent;\n                animationEndHandler(mockAnimationEvent);\n\n                expect(page.rootInstance.displayedFiles.length).toEqual(0);\n            });\n        });\n\n        describe('getClickHandlerToRemoveFileItem', () => {\n            it('returns a function that flags the file as to be removed', async () => {\n                const page = await setupPage();\n                const fileItem = {\n                    file: createMockFile(),\n                    status: 'uploaded',\n                };\n                page.rootInstance.displayedFiles = [fileItem];\n                const clickHandler = page.rootInstance.getClickHandlerToRemoveFileItem(fileItem.file.name);\n                clickHandler();\n\n                expect(page.rootInstance.displayedFiles[0].toBeRemoved).toBeTruthy();\n            });\n        });\n\n        describe('getFileItemStatusMessage', () => {\n            it('returns the correct status message', async () => {\n                const page = await setupPage();\n\n                const statusAndResponses = [\n                    { status: 'invalid-type', response: 'tecton.element.filePicker.unsupportedFileType' },\n                    { status: 'over-size-limit', response: 'tecton.element.filePicker.sizeExceedsLimit' },\n                    { status: 'over-max-files-limit', response: 'tecton.element.filePicker.overMaxFilesLimit' },\n                    { status: 'in-progress', response: 'tecton.element.filePicker.uploadingEllipsis' },\n                    { status: 'failed', response: 'tecton.element.filePicker.uploadFailed' },\n                    { status: 'uploaded', response: 'tecton.element.filePicker.fileSize' },\n                ];\n                const size = 1234;\n\n                statusAndResponses.forEach(({ status, response }) => {\n                    const result = page.rootInstance.getFileItemStatusMessage(status, size);\n\n                    expect(result).toEqual(response);\n                });\n            });\n        });\n\n        describe('grabDroppedFiles', () => {\n            it('emits an event that contains a files object', async () => {\n                const page = await setupPage();\n                const mockFile = createMockFile({ name: 'test-file' });\n                const mockFileList = createMockFileList([mockFile]);\n                const dropCallback = jest.fn();\n                page.root.addEventListener('tctChange', dropCallback);\n                const mockDragEvent = {\n                    dataTransfer: {\n                        files: mockFileList,\n                    },\n                    preventDefault: jest.fn(),\n                    stopPropagation: jest.fn(),\n                } as unknown as DragEvent;\n                page.rootInstance.grabDroppedFiles(mockDragEvent);\n                await page.waitForChanges();\n\n                expect(dropCallback).toHaveBeenCalledWith(\n                    expect.objectContaining({\n                        detail: expect.objectContaining({\n                            invalidFiles: [],\n                            validFiles: [mockFile],\n                        }),\n                    })\n                );\n            });\n        });\n\n        describe('highlightDropZone', () => {\n            it('sets the isDropZoneHighlighted flag to true', async () => {\n                const page = await setupPage({ variant: 'browse-drop' });\n                const mockDragEvent = {\n                    preventDefault: jest.fn(),\n                    stopPropagation: jest.fn(),\n                } as unknown as DragEvent;\n                page.rootInstance.highlightDropZone(mockDragEvent);\n                await page.waitForChanges();\n\n                expect(page.rootInstance.isDropZoneHighlighted).toBeTruthy();\n            });\n        });\n\n        describe('launchFileBrowser', () => {\n            it('called and clicks hidden file input when browse button clicked', async () => {\n                const launchFileBrowserSpy = jest.spyOn(Q2FilePicker.prototype, 'launchFileBrowser');\n                const page = await setupPage();\n                const input = page.root.shadowRoot.querySelector('[test-id=\"file-input\"]');\n                const browseButton = page.root.shadowRoot.querySelector('[test-id=\"browse-button\"]');\n                const clickCallback = jest.fn();\n                input.addEventListener('click', clickCallback);\n                browseButton.dispatchEvent(new MouseEvent('click'));\n\n                expect(launchFileBrowserSpy).toHaveBeenCalled();\n                expect(clickCallback).toHaveBeenCalled();\n            });\n\n            it('called and clicks hidden file input when browse link clicked', async () => {\n                const launchFileBrowserSpy = jest.spyOn(Q2FilePicker.prototype, 'launchFileBrowser');\n                const page = await setupPage({ variant: 'browse-drop' });\n                const input = page.root.shadowRoot.querySelector('[test-id=\"file-input\"]');\n                const browseLink = page.root.shadowRoot.querySelector('[test-id=\"browse-link\"]');\n                const clickCallback = jest.fn();\n                input.addEventListener('click', clickCallback);\n                await browseLink.dispatchEvent(new MouseEvent('tctClick'));\n\n                expect(launchFileBrowserSpy).toHaveBeenCalled();\n                expect(clickCallback).toHaveBeenCalled();\n            });\n        });\n    });\n});\n"]}

package/dist/collection/components/q2-item/q2-item.css

@@ -135,6 +135,9 @@ button {
 :host {
   display: block;
 }
+:host .item {
+  --comp-border-radius: var(--tct-item-border-radius, var(--app-border-radius-0, 0));
+}
 
 :host([clickable]) {
   cursor: pointer;

package/dist/collection/components/q2-list/q2-list.css

@@ -167,4 +167,10 @@ button {
   font-size: var(--tct-list-label-font-size, var(--app-font-size, 14px));
   font-weight: var(--tct-list-label-font-weight, 600);
   color: var(--tct-list-label-font-color, var(--t-text, #4d4d4d));
+}
+
+slot:not([name]) {
+  display: flex;
+  flex-direction: column;
+  gap: var(--tct-list-item-gap, 0);
 }

package/dist/collection/components/q2-pill/q2-pill.js

@@ -26,6 +26,7 @@ export class Q2Pill {
         };
         this.executeActionSheet = async (event) => {
             const result = await showActionSheetList(this, event);
+            this.primaryBtn.focus();
             this.handleSelectionChanges(result);
         };
         this.getOption = async (value) => {
@@ -37,9 +38,12 @@ export class Q2Pill {
                 return this.hostElement.querySelector(`q2-option[value="${value}"]`);
             }
         };
-        this.handleButtonFocusout = async (event) => {
+        this.handleFocusOut = async (event) => {
+            var _a;
             const relatedTarget = event.relatedTarget;
-            if ((relatedTarget === null || relatedTarget === void 0 ? void 0 : relatedTarget.tagName) === 'Q2-OPTION')
+            if ((_a = this.popoverElement) === null || _a === void 0 ? void 0 : _a.contains(relatedTarget))
+                return;
+            if (this.hostElement.contains(relatedTarget))
                 return;
             this.open = false;
         };
@@ -337,7 +341,7 @@ export class Q2Pill {
             wrapperClassNames.push('has-icon');
         if (optionCount)
             wrapperClassNames.push('has-options');
-        return (h("click-elsewhere", { key: '2e6401852016f9edeb1e27b8b69335755a7a9202', onChange: this.onClickElsewhere }, h("div", { key: '997b3609f4cbd894fdf412d71624de290558a53c', class: wrapperClassNames.join(' ') }, h("div", { key: '6326d50ba96228f78ccf29f1ac3ec2f88d4d88aa', class: "btn-height-wrapper", ref: el => (this.primaryBtnWrapper = el), onClick: this.handleWrapperClick, tabIndex: -1 }, h("button", { key: 'bf29ea540b04bef1a58c9106b15a0155e8c9f81b', class: "btn-primary", "test-id": "btn-control", type: "button", role: (optionCount && 'combobox') || undefined, ref: el => (this.primaryBtn = el), onClick: this.handleClick, onKeyDown: this.handleKeydown, onFocusout: this.handleButtonFocusout, disabled: this.disabled, "aria-roledescription": !optionCount && 'filter', "aria-controls": (optionCount && 'option-list') || undefined, "aria-expanded": (optionCount && `${!!open}`) || undefined, "aria-label": this.buttonContent, "aria-describedby": (optionCount && 'option-description') || undefined }, this.truncatedButtonContent, !optionCount && active && h("span", { key: '927bcd7ece084b5eb47bea58357f0f3f62d07536', class: "sr" }, "(", loc('tecton.element.pill.active'), ")"))), this.renderIcon(), !!optionCount && this.renderHiddenElement()), this.optionCount > 0 && (h("q2-popover", { key: 'a87ee59b7a7b9b0f4cecb7d74aa71618e50c57ba', ref: el => (this.popoverElement = el), controlElement: this.primaryBtn, open: this.open, "max-height": this.popoverMaxHeight, minHeight: this.popoverMinHeight, direction: this.popoverDirection, align: this.popoverAlignment }, h("div", { key: '3952981f8a3dec4126035529df72e04f59dd3245', class: "popover-content" }, h("div", { key: 'f31e255a8f052cd2d3d1a53506ba51b4fdb936c3', ref: el => (this.popoverTopContainer = el), class: "popover-top-container", tabindex: "-1", hidden: !this.hasPopoverTop, onKeyDown: this.handleKeydown }, h("slot", { key: '18a55b89efe4ca840cbb80c8266c5aa5cdd2c9d8', name: "popover-top" })), h("q2-option-list", { key: '923c991cc3dddc5ad8d8416b488f5c151b215984', type: "listbox", ref: el => (this.optionList = el), id: "option-list", onChange: this.handleChange, multiple: this.multiple, selectedOptions: this.selectedOptions, onReady: () => this.updateSelectedOptionElements(), label: loc('tecton.element.optionList.label', [this.optionListLabel]) }, h("slot", { key: '00d05bcff3be94a8de0dad038f67f9650234ef0f' })), h("div", { key: 'cbbb918f147fe82de2411dba9d7297d18d540c2e', ref: el => (this.popoverBottomContainer = el), class: "popover-bottom-container", tabindex: "-1", hidden: !this.hasPopoverBottom, onKeyDown: this.handleKeydown }, h("slot", { key: 'd327cd4e04931acd87f4889229543d69b3340860', name: "popover-bottom" })))))));
+        return (h("click-elsewhere", { key: '65e932df96cd2135dd8340aefea2523e0ac3084c', onChange: this.onClickElsewhere }, h("div", { key: '0c4dfad1705c5f0f72ac03878776bdad4e209fa0', class: wrapperClassNames.join(' ') }, h("div", { key: 'da4d69d59bdbb4609e6638fce7b3abbf53c791e7', class: "btn-height-wrapper", ref: el => (this.primaryBtnWrapper = el), onClick: this.handleWrapperClick, tabIndex: -1 }, h("button", { key: '0d5f3a4984991bb1c47c241d9cf6676d486cd4dd', class: "btn-primary", "test-id": "btn-control", type: "button", role: (optionCount && 'combobox') || undefined, ref: el => (this.primaryBtn = el), onClick: this.handleClick, onKeyDown: this.handleKeydown, onFocusout: this.handleFocusOut, disabled: this.disabled, "aria-roledescription": !optionCount && 'filter', "aria-controls": (optionCount && 'option-list') || undefined, "aria-expanded": (optionCount && `${!!open}`) || undefined, "aria-label": this.buttonContent, "aria-describedby": (optionCount && 'option-description') || undefined }, this.truncatedButtonContent, !optionCount && active && h("span", { key: '18619ff31d265eaa351390a367ef3712dbd9547a', class: "sr" }, "(", loc('tecton.element.pill.active'), ")"))), this.renderIcon(), !!optionCount && this.renderHiddenElement()), this.optionCount > 0 && (h("q2-popover", { key: '02eb90f588ea93c7153bdbaa709eaac678359249', ref: el => (this.popoverElement = el), controlElement: this.primaryBtn, open: this.open, "max-height": this.popoverMaxHeight, minHeight: this.popoverMinHeight, direction: this.popoverDirection, align: this.popoverAlignment, onFocusout: this.handleFocusOut }, h("div", { key: 'eb74c87224cc28e45db944411cc749350c99e77b', class: "popover-content" }, h("div", { key: 'de444989719d4c154f17e484918ee6e206414642', ref: el => (this.popoverTopContainer = el), class: "popover-top-container", tabindex: "-1", hidden: !this.hasPopoverTop, onKeyDown: this.handleKeydown }, h("slot", { key: 'b58a201205c6a3980425db57d551fcd6f01583e0', name: "popover-top" })), h("q2-option-list", { key: '1eb22efce706be5803dc035cedb9232ea1bcbde8', type: "listbox", ref: el => (this.optionList = el), id: "option-list", onChange: this.handleChange, multiple: this.multiple, selectedOptions: this.selectedOptions, onReady: () => this.updateSelectedOptionElements(), label: loc('tecton.element.optionList.label', [this.optionListLabel]) }, h("slot", { key: 'de65981f3e33f12693927e4b5d9510fe751537d6' })), h("div", { key: '1c78d8873df7f63f7e7eab76c3a1a33459d3af4f', ref: el => (this.popoverBottomContainer = el), class: "popover-bottom-container", tabindex: "-1", hidden: !this.hasPopoverBottom, onKeyDown: this.handleKeydown }, h("slot", { key: '8eee76d64492fde1b01fd55f8d3e4ecb099d0b4e', name: "popover-bottom" })))))));
     }
     static get is() { return "q2-pill"; }
     static get encapsulation() { return "shadow"; }