q2-tecton-elements 1.54.5 → 1.55.1

package/dist/collection/components/q2-icon/test/q2-icon-test.spec.js

@@ -0,0 +1,464 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { evaluateA11y, mockIconFetch, setup } from "../../../utils/helpers";
+import { Q2Icon } from "../q2-icon";
+function createNewSpecPage(props) {
+    let htmlProps = '';
+    if (!!props.type) {
+        htmlProps += ` type="${props.type}"`;
+    }
+    if (!!props.label) {
+        htmlProps += ` label="${props.label}"`;
+    }
+    if (!!props.inline) {
+        htmlProps += ` inline `;
+    }
+    if (!!props.styles) {
+        let styles = '';
+        for (const key in props.styles) {
+            styles += ` ${key}: ${props.styles[key]};`;
+        }
+        htmlProps += `style=${styles}`;
+    }
+    return newSpecPage({
+        components: [Q2Icon],
+        html: `<q2-icon ${htmlProps}></q2-icon>${svgSprite}`,
+    });
+}
+describe('q2-icon', () => {
+    let specPage;
+    describe('SVG Sprite', () => {
+        beforeEach(async () => {
+            specPage = await createNewSpecPage({
+                label: 'My Label',
+                type: 'brand-facebook-color',
+            });
+        });
+        it('renders q2-icon correctly', async () => {
+            expect(specPage.root).toEqualHtml(`
+                <q2-icon label="My Label" type="brand-facebook-color">
+                    <mock:shadow-root>
+                        <svg role="img" aria-labelledby="label" viewBox="0 0 26 26"
+                            xmlns="http://www.w3.org/2000/svg">
+                            <title id="label">My Label</title>
+                            <use href="#tct-brand-facebook-color"></use>
+                            <g>
+                                <symbol fill="none" viewBox="0 0 26 26" id="tct-brand-facebook-color"
+                                    xmlns="http://www.w3.org/2000/svg">
+                                    <g fill="none" fill-rule="evenodd">
+                                        <g fill-rule="nonzero">
+                                            <path fill="var(--tct-icon-brand-fill-primary, #39579A)" d="M23.083 24c.507 0 .917-.41.917-.917V2.917A.917.917 0 0 0 23.083 2H2.917A.917.917 0 0 0 2 2.917v20.166c0 .507.41.917.917.917h20.166z"></path>
+                                            <path fill="var(--tct-icon-brand-fill-secondary, #FFF)" d="M13.696 24v-8.708h-2.988v-3.209h2.988V9.712c0-2.842 1.736-4.39 4.27-4.39 1.215 0 2.258.091 2.563.132v2.97H18.77c-1.38 0-1.646.655-1.646 1.616v2.043h3.208l-.458 3.209h-2.75V24h-3.429z"></path>
+                                        </g>
+                                    </g>
+                                </symbol>
+                            </g>
+                        </svg>
+                    </mock:shadow-root>
+                </q2-icon>
+            `);
+        });
+        it('creates the sprite container', async () => {
+            const specPageBody = specPage.body;
+            const spriteContainers = specPageBody.querySelectorAll('#tecton-sprites');
+            expect(spriteContainers).toHaveLength(1);
+            const spriteContainer = spriteContainers[0];
+            expect(spriteContainer).toBeTruthy();
+            expect(spriteContainer.getAttribute('style')).toEqual('display: none;');
+        });
+    });
+    describe('Styling', () => {
+        describe('fallback color', () => {
+            it('uses default fallback color ', async () => {
+                specPage = await createNewSpecPage({
+                    label: 'My Label',
+                    type: 'brand-facebook-color',
+                });
+                const paths = specPage.root.shadowRoot.querySelectorAll('svg path');
+                expect(paths[0].getAttribute('fill')).toMatch('#39579A');
+                expect(paths[1].getAttribute('fill')).toMatch('#FFF');
+            });
+        });
+    });
+    describe('Props', () => {
+        describe('inline', () => {
+            it('should have inline property ', async () => {
+                specPage = await createNewSpecPage({
+                    label: 'My Label',
+                    type: 'brand-facebook-color',
+                    inline: true,
+                });
+                expect(specPage.body.querySelector('q2-icon').getAttribute('inline')).toEqual('');
+            });
+        });
+        describe('label', () => {
+            beforeEach(async () => {
+                mockIconFetch(`
+                    <symbol fill="none" id="tct-close" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                        <g class="close">
+                            <path class="stroke-primary" d="m17.875 6-12 12m0-12 12 12"></path>
+                        </g>
+                    </symbol>
+                `);
+            });
+            afterEach(() => {
+                jest.restoreAllMocks();
+            });
+            it('renders the expected output when provided', async () => {
+                specPage = await newSpecPage({
+                    components: [Q2Icon],
+                    html: '<q2-icon label="Iron Man" type="close"></q2-icon>',
+                });
+                expect(specPage.root).toEqualHtml(`
+                    <q2-icon label="Iron Man" type="close">
+                        <mock:shadow-root>
+                            <svg aria-labelledby="label" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                                <title id="label">
+                                    Iron Man
+                                </title>
+                                <use href="#tct-close"></use>
+                                <g>
+                                    <symbol fill="none" id="tct-close" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                                        <g class="close">
+                                            <path class="stroke-primary" d="m17.875 6-12 12m0-12 12 12"></path>
+                                        </g>
+                                    </symbol>
+                                </g>
+                            </svg>
+                        </mock:shadow-root>
+                    </q2-icon>
+                `);
+            });
+        });
+        describe('type', () => {
+            beforeEach(async () => {
+                mockIconFetch(`
+                    <symbol fill="none" id="tct-close" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                        <g class="close">
+                            <path class="stroke-primary" d="m17.875 6-12 12m0-12 12 12"></path>
+                        </g>
+                    </symbol>
+                `);
+            });
+            afterEach(() => {
+                jest.restoreAllMocks();
+            });
+            it('renders nothing when not provided', async () => {
+                specPage = await newSpecPage({
+                    components: [Q2Icon],
+                    html: '<q2-icon></q2-icon>',
+                });
+                expect(specPage.root).toEqualHtml(emptyIconMarkup);
+            });
+            it('renders expected output when provided', async () => {
+                specPage = await newSpecPage({
+                    components: [Q2Icon],
+                    html: '<q2-icon type="close"></q2-icon>',
+                });
+                expect(specPage.root).toEqualHtml(closeIconMarkup);
+            });
+            it('clears the content when removed', async () => {
+                specPage = await newSpecPage({
+                    components: [Q2Icon],
+                    html: '<q2-icon type="close"></q2-icon>',
+                });
+                expect(specPage.root).toEqualHtml(closeIconMarkup);
+                specPage.root.type = undefined;
+                await specPage.waitForChanges();
+                expect(specPage.root).toEqualHtml(emptyIconMarkup);
+            });
+            it('updates the content when added', async () => {
+                specPage = await newSpecPage({
+                    components: [Q2Icon],
+                    html: '<q2-icon></q2-icon>',
+                });
+                expect(specPage.root).toEqualHtml(emptyIconMarkup);
+                specPage.root.type = 'close';
+                await specPage.waitForChanges();
+                expect(specPage.root).toEqualHtml(closeIconMarkup);
+            });
+            it('does not add the href to the use element if the icon is not found', async () => {
+                specPage = await newSpecPage({
+                    components: [Q2Icon],
+                    html: '<q2-icon type="not-found"></q2-icon>',
+                });
+                expect(specPage.root).toEqualHtml(notFoundIconMarkup);
+            });
+            describe("when type is 'custom'", () => {
+                it('it renders in a slot and adds necessary attributes', async () => {
+                    specPage = await newSpecPage({
+                        components: [Q2Icon],
+                        html: `
+                            <q2-icon type="custom">
+                                <svg viewBox="0 0 34 34">
+                                    <circle cx="17" cy="17" r="10" />
+                                </svg>
+                            </q2-icon>
+                        `,
+                    });
+                    const svg = specPage.root.querySelector('svg');
+                    expect(svg).toEqualAttribute('role', 'img');
+                    expect(svg).toEqualAttribute('xmlns', 'http://www.w3.org/2000/svg');
+                    expect(svg).toEqualAttribute('aria-hidden', 'true');
+                    expect(svg).not.toHaveAttribute('aria-labelledby');
+                    expect(specPage.root).toEqualHtml(`
+                        <q2-icon type="custom">
+                            <mock:shadow-root>
+                                <slot />
+                            </mock:shadow-root>
+                            <svg aria-hidden="true" role="img" viewBox="0 0 34 34" xmlns="http://www.w3.org/2000/svg">
+                                <circle cx="17" cy="17" r="10" />
+                            </svg>
+                        </q2-icon>
+                    `);
+                });
+                it('it renders in a slot and adds necessary attributes when label is provided', async () => {
+                    specPage = await newSpecPage({
+                        components: [Q2Icon],
+                        html: `
+                            <q2-icon type="custom" label="Iron Man">
+                                <svg viewBox="0 0 34 34">
+                                    <circle cx="17" cy="17" r="10" />
+                                </svg>
+                            </q2-icon>
+                        `,
+                    });
+                    const svg = specPage.root.querySelector('svg');
+                    expect(svg).toEqualAttribute('role', 'img');
+                    expect(svg).toEqualAttribute('xmlns', 'http://www.w3.org/2000/svg');
+                    expect(svg).not.toHaveAttribute('aria-hidden');
+                    expect(svg).toHaveAttribute('aria-labelledby');
+                    expect(specPage.root).toEqualHtml(`
+                        <q2-icon label="Iron Man" type="custom">
+                            <mock:shadow-root>
+                                <slot />
+                            </mock:shadow-root>
+                            <svg aria-labelledby="label-1000" role="img" viewBox="0 0 34 34" xmlns="http://www.w3.org/2000/svg">
+                                <circle cx="17" cy="17" r="10" />
+                                <title id="label-1000">
+                                    Iron Man
+                                </title>
+                            </svg>
+                        </q2-icon>
+                    `);
+                });
+            });
+        });
+    });
+    describe('Getters', () => {
+        describe('isCustom', () => {
+            it("returns true when type is 'custom'", () => {
+                const icon = new Q2Icon();
+                icon.type = 'custom';
+                expect(icon.isCustom).toBeTruthy();
+            });
+            it("returns false when type is not 'custom'", () => {
+                const icon = new Q2Icon();
+                icon.type = 'close';
+                expect(icon.isCustom).toBeFalsy();
+            });
+        });
+        describe('spriteFileName', () => {
+            it("returns undefined when type is 'custom'", () => {
+                const icon = new Q2Icon();
+                icon.type = 'custom';
+                expect(icon.spriteFileName).toBeUndefined();
+            });
+            it('returns undefined when type does not map to a file', () => {
+                const icon = new Q2Icon();
+                icon.type = 'foobar';
+                expect(icon.spriteFileName).toBeUndefined();
+            });
+            it("returns the sprite filename when type is not 'custom'", () => {
+                const icon = new Q2Icon();
+                icon.type = 'close';
+                expect(icon.spriteFileName).toEqual('standard');
+            });
+        });
+        describe('spriteId', () => {
+            it("returns undefined when type is 'custom'", () => {
+                const icon = new Q2Icon();
+                icon.type = 'custom';
+                expect(icon.spriteId).toBeUndefined();
+            });
+            it('returns undefined when spriteFileName is undefined', () => {
+                const icon = new Q2Icon();
+                icon.type = 'foobar';
+                expect(icon.spriteId).toBeUndefined();
+            });
+            it('returns the sprite ID when spriteFileName is defined', () => {
+                const icon = new Q2Icon();
+                icon.type = 'close';
+                expect(icon.spriteId).toEqual('tecton-sprite-standard');
+            });
+        });
+        describe('spriteElement', () => {
+            it('returns undefined when spriteId is undefined', () => {
+                const icon = new Q2Icon();
+                icon.type = 'foobar';
+                expect(icon.spriteElement).toBeUndefined();
+            });
+            it('returns the sprite element when spriteId is defined', () => {
+                const icon = new Q2Icon();
+                icon.type = 'close';
+                const element = document.createElement('div');
+                element.id = 'tecton-sprite-standard';
+                document.body.appendChild(element);
+                expect(icon.spriteElement).toBeTruthy();
+                element.remove();
+            });
+        });
+        describe('spriteEventName', () => {
+            it('returns undefined when spriteFileName is undefined', () => {
+                const icon = new Q2Icon();
+                icon.type = 'foobar';
+                expect(icon.spriteEventName).toBeUndefined();
+            });
+            it('returns the event name when spriteFileName is defined', () => {
+                const icon = new Q2Icon();
+                icon.type = 'close';
+                expect(icon.spriteEventName).toEqual('tct-loaded-standard');
+            });
+        });
+    });
+    describe('Methods', () => {
+        describe('getOrCreateSpriteContainer', () => {
+            it('returns the existing sprite container', () => {
+                const icon = new Q2Icon();
+                const spriteContainer = document.createElement('div');
+                spriteContainer.id = 'tecton-sprites';
+                document.body.appendChild(spriteContainer);
+                expect(icon.getOrCreateSpriteContainer()).toEqual(spriteContainer);
+                spriteContainer.remove();
+            });
+            it('creates and returns a new sprite container', () => {
+                const icon = new Q2Icon();
+                const spriteContainer = icon.getOrCreateSpriteContainer();
+                expect(spriteContainer).toBeTruthy();
+                expect(spriteContainer).toEqualAttribute('id', 'tecton-sprites');
+            });
+        });
+        describe('fetchSprite', () => {
+            beforeEach(async () => {
+                mockIconFetch();
+            });
+            afterEach(() => {
+                jest.restoreAllMocks();
+            });
+            it('does nothing when type is not defined', async () => {
+                const icon = new Q2Icon();
+                icon.fetchSprite();
+                expect(icon.spriteElement).toBeUndefined();
+            });
+            it('does not try to recreate sprite element if it already exists', async () => {
+                const icon = new Q2Icon();
+                icon.type = 'close';
+                const container = icon.getOrCreateSpriteContainer();
+                const spriteElement = document.createElement('SVG');
+                spriteElement.id = 'tecton-sprite-standard';
+                spriteElement.setAttribute('data-loaded', '');
+                container.appendChild(spriteElement);
+                expect(icon.spriteElement).toEqual(spriteElement);
+                await icon.fetchSprite();
+                expect(icon.spriteElement).toEqual(spriteElement);
+                spriteElement.remove();
+            });
+            it('fetches the sprite when type is defined', async () => {
+                const icon = new Q2Icon();
+                icon.type = 'close';
+                await icon.fetchSprite();
+                expect(icon.spriteElement.tagName.toUpperCase()).toEqual('SVG');
+            });
+        });
+        describe('cloneSpriteNode', () => {
+            it('returns undefined when spriteElement is undefined', () => {
+                const icon = new Q2Icon();
+                icon.type = 'foobar';
+                icon.cloneSpriteNode();
+                expect(icon.iconClone).toBeUndefined();
+            });
+            it('returns a clone of the sprite element', () => {
+                const icon = new Q2Icon();
+                icon.type = 'close';
+                const container = icon.getOrCreateSpriteContainer();
+                const element = document.createElement('div');
+                element.id = 'tct-close';
+                container.appendChild(element);
+                icon.cloneSpriteNode();
+                expect(icon.iconClone).toBeTruthy();
+                expect(icon.iconClone).toEqualAttribute('id', 'tct-close');
+                element.remove();
+            });
+        });
+    });
+    describe('Accessibility', () => {
+        describe('aXe DevTools', () => {
+            it('does not have accessibility violations', async () => {
+                const page = await setup({
+                    html: `<q2-icon type="close"></q2-icon>`,
+                });
+                const hasViolations = await evaluateA11y(page);
+                expect(hasViolations).toBe(false);
+            });
+        });
+        describe('Accessibility Tree', () => { });
+        describe('Keyboard Controls', () => { });
+        describe('Other', () => { });
+    });
+});
+const svgSprite = `
+<div id="tecton-sprites" style="display: none;">
+    <svg width="0" height="0" style="position:absolute" id="tecton-sprite-brand" data-loaded="">
+        <symbol fill="none" viewBox="0 0 26 26" id="tct-brand-facebook-color"
+            xmlns="http://www.w3.org/2000/svg">
+            <g fill="none" fill-rule="evenodd">
+                <g fill-rule="nonzero">
+                    <path fill="var(--tct-icon-brand-fill-primary, #39579A)" d="M23.083 24c.507 0 .917-.41.917-.917V2.917A.917.917 0 0 0 23.083 2H2.917A.917.917 0 0 0 2 2.917v20.166c0 .507.41.917.917.917h20.166z"></path>
+                    <path fill="var(--tct-icon-brand-fill-secondary, #FFF)" d="M13.696 24v-8.708h-2.988v-3.209h2.988V9.712c0-2.842 1.736-4.39 4.27-4.39 1.215 0 2.258.091 2.563.132v2.97H18.77c-1.38 0-1.646.655-1.646 1.616v2.043h3.208l-.458 3.209h-2.75V24h-3.429z"></path>
+                </g>
+            </g>
+        </symbol>
+        <symbol fill="none" viewBox="0 0 26 26" id="tct-brand-facebook-filled"
+            xmlns="http://www.w3.org/2000/svg">
+            <g>
+                <path d="M17.125 24v-8.708h2.75l.458-3.209h-3.208V10.04c0-.96.267-1.616 1.646-1.616h1.758v-2.97a23.637 23.637 0 0 0-2.562-.131c-2.535 0-4.27 1.547-4.27 4.389v2.371h-2.989v3.209h2.988V24H2.916A.917.917 0 0 1 2 23.083V2.917C2 2.41 2.41 2 2.917 2h20.166c.507 0 .917.41.917.917v20.166c0 .507-.41.917-.917.917h-5.958z" class="filled"></path>
+            </g>
+        </symbol>
+    </svg>
+</div>
+`;
+const notFoundIconMarkup = `
+    <q2-icon type="not-found">
+        <mock:shadow-root>
+            <svg aria-hidden="true" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <use></use>
+                <g></g>
+            </svg>
+        </mock:shadow-root>
+    </q2-icon>
+`;
+const closeIconMarkup = `
+    <q2-icon type="close">
+        <mock:shadow-root>
+            <svg aria-hidden="true" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <use href="#tct-close"></use>
+                <g>
+                    <symbol fill="none" id="tct-close" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                        <g class="close">
+                            <path class="stroke-primary" d="m17.875 6-12 12m0-12 12 12"></path>
+                        </g>
+                    </symbol>
+                </g>
+            </svg>
+        </mock:shadow-root>
+    </q2-icon>
+`;
+const emptyIconMarkup = `
+    <q2-icon>
+        <mock:shadow-root>
+            <svg aria-hidden="true" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <g></g>
+            </svg>
+        </mock:shadow-root>
+    </q2-icon>
+`;
+//# sourceMappingURL=q2-icon-test.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"q2-icon-test.spec.js","sourceRoot":"","sources":["../../../../../src/components/q2-icon/test/q2-icon-test.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage, SpecPage } from '@stencil/core/testing';\nimport { evaluateA11y, mockIconFetch, setup } from '@/utils/helpers';\nimport { Q2Icon } from '../q2-icon';\nimport { IDict } from '@/util';\n\nfunction createNewSpecPage(props: { type: string; label?: string; styles?: IDict<any>; inline?: boolean }) {\n    let htmlProps: string = '';\n\n    if (!!props.type) {\n        htmlProps += ` type=\"${props.type}\"`;\n    }\n    if (!!props.label) {\n        htmlProps += ` label=\"${props.label}\"`;\n    }\n    if (!!props.inline) {\n        htmlProps += ` inline `;\n    }\n    if (!!props.styles) {\n        let styles = '';\n        for (const key in props.styles) {\n            styles += ` ${key}: ${props.styles[key]};`;\n        }\n        htmlProps += `style=${styles}`;\n    }\n\n    return newSpecPage({\n        components: [Q2Icon],\n        html: `<q2-icon ${htmlProps}></q2-icon>${svgSprite}`,\n    });\n}\n\ndescribe('q2-icon', () => {\n    let specPage: SpecPage;\n\n    describe('SVG Sprite', () => {\n        beforeEach(async () => {\n            specPage = await createNewSpecPage({\n                label: 'My Label',\n                type: 'brand-facebook-color',\n            });\n        });\n\n        it('renders q2-icon correctly', async () => {\n            expect(specPage.root).toEqualHtml(`\n                <q2-icon label=\"My Label\" type=\"brand-facebook-color\">\n                    <mock:shadow-root>\n                        <svg role=\"img\" aria-labelledby=\"label\" viewBox=\"0 0 26 26\"\n                            xmlns=\"http://www.w3.org/2000/svg\">\n                            <title id=\"label\">My Label</title>\n                            <use href=\"#tct-brand-facebook-color\"></use>\n                            <g>\n                                <symbol fill=\"none\" viewBox=\"0 0 26 26\" id=\"tct-brand-facebook-color\"\n                                    xmlns=\"http://www.w3.org/2000/svg\">\n                                    <g fill=\"none\" fill-rule=\"evenodd\">\n                                        <g fill-rule=\"nonzero\">\n                                            <path fill=\"var(--tct-icon-brand-fill-primary, #39579A)\" d=\"M23.083 24c.507 0 .917-.41.917-.917V2.917A.917.917 0 0 0 23.083 2H2.917A.917.917 0 0 0 2 2.917v20.166c0 .507.41.917.917.917h20.166z\"></path>\n                                            <path fill=\"var(--tct-icon-brand-fill-secondary, #FFF)\" d=\"M13.696 24v-8.708h-2.988v-3.209h2.988V9.712c0-2.842 1.736-4.39 4.27-4.39 1.215 0 2.258.091 2.563.132v2.97H18.77c-1.38 0-1.646.655-1.646 1.616v2.043h3.208l-.458 3.209h-2.75V24h-3.429z\"></path>\n                                        </g>\n                                    </g>\n                                </symbol>\n                            </g>\n                        </svg>\n                    </mock:shadow-root>\n                </q2-icon>\n            `);\n        });\n\n        it('creates the sprite container', async () => {\n            const specPageBody = specPage.body;\n            const spriteContainers = specPageBody.querySelectorAll('#tecton-sprites');\n            expect(spriteContainers).toHaveLength(1);\n            const spriteContainer = spriteContainers[0];\n            expect(spriteContainer).toBeTruthy();\n            expect(spriteContainer.getAttribute('style')).toEqual('display: none;');\n        });\n    });\n\n    describe('Styling', () => {\n        describe('fallback color', () => {\n            it('uses default fallback color ', async () => {\n                specPage = await createNewSpecPage({\n                    label: 'My Label',\n                    type: 'brand-facebook-color',\n                });\n                const paths = specPage.root.shadowRoot.querySelectorAll('svg path');\n                expect(paths[0].getAttribute('fill')).toMatch('#39579A');\n                expect(paths[1].getAttribute('fill')).toMatch('#FFF');\n            });\n        });\n    });\n\n    describe('Props', () => {\n        describe('inline', () => {\n            it('should have inline property ', async () => {\n                specPage = await createNewSpecPage({\n                    label: 'My Label',\n                    type: 'brand-facebook-color',\n                    inline: true,\n                });\n                expect(specPage.body.querySelector('q2-icon').getAttribute('inline')).toEqual('');\n            });\n        });\n\n        describe('label', () => {\n            beforeEach(async () => {\n                mockIconFetch(`\n                    <symbol fill=\"none\" id=\"tct-close\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n                        <g class=\"close\">\n                            <path class=\"stroke-primary\" d=\"m17.875 6-12 12m0-12 12 12\"></path>\n                        </g>\n                    </symbol>\n                `);\n            });\n\n            afterEach(() => {\n                jest.restoreAllMocks();\n            });\n\n            it('renders the expected output when provided', async () => {\n                specPage = await newSpecPage({\n                    components: [Q2Icon],\n                    html: '<q2-icon label=\"Iron Man\" type=\"close\"></q2-icon>',\n                });\n\n                expect(specPage.root).toEqualHtml(`\n                    <q2-icon label=\"Iron Man\" type=\"close\">\n                        <mock:shadow-root>\n                            <svg aria-labelledby=\"label\" role=\"img\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n                                <title id=\"label\">\n                                    Iron Man\n                                </title>\n                                <use href=\"#tct-close\"></use>\n                                <g>\n                                    <symbol fill=\"none\" id=\"tct-close\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n                                        <g class=\"close\">\n                                            <path class=\"stroke-primary\" d=\"m17.875 6-12 12m0-12 12 12\"></path>\n                                        </g>\n                                    </symbol>\n                                </g>\n                            </svg>\n                        </mock:shadow-root>\n                    </q2-icon>\n                `);\n            });\n        });\n\n        describe('type', () => {\n            beforeEach(async () => {\n                mockIconFetch(`\n                    <symbol fill=\"none\" id=\"tct-close\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n                        <g class=\"close\">\n                            <path class=\"stroke-primary\" d=\"m17.875 6-12 12m0-12 12 12\"></path>\n                        </g>\n                    </symbol>\n                `);\n            });\n\n            afterEach(() => {\n                jest.restoreAllMocks();\n            });\n\n            it('renders nothing when not provided', async () => {\n                specPage = await newSpecPage({\n                    components: [Q2Icon],\n                    html: '<q2-icon></q2-icon>',\n                });\n\n                expect(specPage.root).toEqualHtml(emptyIconMarkup);\n            });\n\n            it('renders expected output when provided', async () => {\n                specPage = await newSpecPage({\n                    components: [Q2Icon],\n                    html: '<q2-icon type=\"close\"></q2-icon>',\n                });\n\n                expect(specPage.root).toEqualHtml(closeIconMarkup);\n            });\n\n            it('clears the content when removed', async () => {\n                specPage = await newSpecPage({\n                    components: [Q2Icon],\n                    html: '<q2-icon type=\"close\"></q2-icon>',\n                });\n\n                expect(specPage.root).toEqualHtml(closeIconMarkup);\n\n                specPage.root.type = undefined;\n                await specPage.waitForChanges();\n\n                expect(specPage.root).toEqualHtml(emptyIconMarkup);\n            });\n\n            it('updates the content when added', async () => {\n                specPage = await newSpecPage({\n                    components: [Q2Icon],\n                    html: '<q2-icon></q2-icon>',\n                });\n\n                expect(specPage.root).toEqualHtml(emptyIconMarkup);\n\n                specPage.root.type = 'close';\n                await specPage.waitForChanges();\n\n                expect(specPage.root).toEqualHtml(closeIconMarkup);\n            });\n\n            it('does not add the href to the use element if the icon is not found', async () => {\n                specPage = await newSpecPage({\n                    components: [Q2Icon],\n                    html: '<q2-icon type=\"not-found\"></q2-icon>',\n                });\n\n                expect(specPage.root).toEqualHtml(notFoundIconMarkup);\n            });\n\n            describe(\"when type is 'custom'\", () => {\n                it('it renders in a slot and adds necessary attributes', async () => {\n                    specPage = await newSpecPage({\n                        components: [Q2Icon],\n                        html: `\n                            <q2-icon type=\"custom\">\n                                <svg viewBox=\"0 0 34 34\">\n                                    <circle cx=\"17\" cy=\"17\" r=\"10\" />\n                                </svg>\n                            </q2-icon>\n                        `,\n                    });\n\n                    const svg = specPage.root.querySelector('svg');\n\n                    expect(svg).toEqualAttribute('role', 'img');\n                    expect(svg).toEqualAttribute('xmlns', 'http://www.w3.org/2000/svg');\n                    expect(svg).toEqualAttribute('aria-hidden', 'true');\n                    expect(svg).not.toHaveAttribute('aria-labelledby');\n\n                    expect(specPage.root).toEqualHtml(`\n                        <q2-icon type=\"custom\">\n                            <mock:shadow-root>\n                                <slot />\n                            </mock:shadow-root>\n                            <svg aria-hidden=\"true\" role=\"img\" viewBox=\"0 0 34 34\" xmlns=\"http://www.w3.org/2000/svg\">\n                                <circle cx=\"17\" cy=\"17\" r=\"10\" />\n                            </svg>\n                        </q2-icon>\n                    `);\n                });\n\n                it('it renders in a slot and adds necessary attributes when label is provided', async () => {\n                    specPage = await newSpecPage({\n                        components: [Q2Icon],\n                        html: `\n                            <q2-icon type=\"custom\" label=\"Iron Man\">\n                                <svg viewBox=\"0 0 34 34\">\n                                    <circle cx=\"17\" cy=\"17\" r=\"10\" />\n                                </svg>\n                            </q2-icon>\n                        `,\n                    });\n\n                    const svg = specPage.root.querySelector('svg');\n\n                    expect(svg).toEqualAttribute('role', 'img');\n                    expect(svg).toEqualAttribute('xmlns', 'http://www.w3.org/2000/svg');\n                    expect(svg).not.toHaveAttribute('aria-hidden');\n                    expect(svg).toHaveAttribute('aria-labelledby');\n\n                    expect(specPage.root).toEqualHtml(`\n                        <q2-icon label=\"Iron Man\" type=\"custom\">\n                            <mock:shadow-root>\n                                <slot />\n                            </mock:shadow-root>\n                            <svg aria-labelledby=\"label-1000\" role=\"img\" viewBox=\"0 0 34 34\" xmlns=\"http://www.w3.org/2000/svg\">\n                                <circle cx=\"17\" cy=\"17\" r=\"10\" />\n                                <title id=\"label-1000\">\n                                    Iron Man\n                                </title>\n                            </svg>\n                        </q2-icon>\n                    `);\n                });\n            });\n        });\n    });\n\n    describe('Getters', () => {\n        describe('isCustom', () => {\n            it(\"returns true when type is 'custom'\", () => {\n                const icon = new Q2Icon();\n                icon.type = 'custom';\n                expect(icon.isCustom).toBeTruthy();\n            });\n\n            it(\"returns false when type is not 'custom'\", () => {\n                const icon = new Q2Icon();\n                icon.type = 'close';\n                expect(icon.isCustom).toBeFalsy();\n            });\n        });\n\n        describe('spriteFileName', () => {\n            it(\"returns undefined when type is 'custom'\", () => {\n                const icon = new Q2Icon();\n                icon.type = 'custom';\n                expect(icon.spriteFileName).toBeUndefined();\n            });\n\n            it('returns undefined when type does not map to a file', () => {\n                const icon = new Q2Icon();\n                icon.type = 'foobar';\n                expect(icon.spriteFileName).toBeUndefined();\n            });\n\n            it(\"returns the sprite filename when type is not 'custom'\", () => {\n                const icon = new Q2Icon();\n                icon.type = 'close';\n                expect(icon.spriteFileName).toEqual('standard');\n            });\n        });\n\n        describe('spriteId', () => {\n            it(\"returns undefined when type is 'custom'\", () => {\n                const icon = new Q2Icon();\n                icon.type = 'custom';\n                expect(icon.spriteId).toBeUndefined();\n            });\n\n            it('returns undefined when spriteFileName is undefined', () => {\n                const icon = new Q2Icon();\n                icon.type = 'foobar';\n                expect(icon.spriteId).toBeUndefined();\n            });\n\n            it('returns the sprite ID when spriteFileName is defined', () => {\n                const icon = new Q2Icon();\n                icon.type = 'close';\n                expect(icon.spriteId).toEqual('tecton-sprite-standard');\n            });\n        });\n\n        describe('spriteElement', () => {\n            it('returns undefined when spriteId is undefined', () => {\n                const icon = new Q2Icon();\n                icon.type = 'foobar';\n                expect(icon.spriteElement).toBeUndefined();\n            });\n\n            it('returns the sprite element when spriteId is defined', () => {\n                const icon = new Q2Icon();\n                icon.type = 'close';\n\n                const element = document.createElement('div');\n                element.id = 'tecton-sprite-standard';\n                document.body.appendChild(element);\n\n                expect(icon.spriteElement).toBeTruthy();\n\n                element.remove();\n            });\n        });\n\n        describe('spriteEventName', () => {\n            it('returns undefined when spriteFileName is undefined', () => {\n                const icon = new Q2Icon();\n                icon.type = 'foobar';\n                expect(icon.spriteEventName).toBeUndefined();\n            });\n\n            it('returns the event name when spriteFileName is defined', () => {\n                const icon = new Q2Icon();\n                icon.type = 'close';\n                expect(icon.spriteEventName).toEqual('tct-loaded-standard');\n            });\n        });\n    });\n\n    describe('Methods', () => {\n        describe('getOrCreateSpriteContainer', () => {\n            it('returns the existing sprite container', () => {\n                const icon = new Q2Icon();\n                const spriteContainer = document.createElement('div');\n                spriteContainer.id = 'tecton-sprites';\n                document.body.appendChild(spriteContainer);\n\n                expect(icon.getOrCreateSpriteContainer()).toEqual(spriteContainer);\n\n                spriteContainer.remove();\n            });\n\n            it('creates and returns a new sprite container', () => {\n                const icon = new Q2Icon();\n                const spriteContainer = icon.getOrCreateSpriteContainer();\n\n                expect(spriteContainer).toBeTruthy();\n                expect(spriteContainer).toEqualAttribute('id', 'tecton-sprites');\n            });\n        });\n\n        describe('fetchSprite', () => {\n            beforeEach(async () => {\n                mockIconFetch();\n            });\n\n            afterEach(() => {\n                jest.restoreAllMocks();\n            });\n\n            it('does nothing when type is not defined', async () => {\n                const icon = new Q2Icon();\n                icon.fetchSprite();\n                expect(icon.spriteElement).toBeUndefined();\n            });\n\n            it('does not try to recreate sprite element if it already exists', async () => {\n                const icon = new Q2Icon();\n                icon.type = 'close';\n\n                const container = icon.getOrCreateSpriteContainer();\n                const spriteElement = document.createElement('SVG');\n                spriteElement.id = 'tecton-sprite-standard';\n                spriteElement.setAttribute('data-loaded', '');\n                container.appendChild(spriteElement);\n\n                expect(icon.spriteElement).toEqual(spriteElement);\n\n                await icon.fetchSprite();\n\n                expect(icon.spriteElement).toEqual(spriteElement);\n\n                spriteElement.remove();\n            });\n\n            it('fetches the sprite when type is defined', async () => {\n                const icon = new Q2Icon();\n                icon.type = 'close';\n\n                await icon.fetchSprite();\n\n                expect(icon.spriteElement.tagName.toUpperCase()).toEqual('SVG');\n            });\n        });\n\n        describe('cloneSpriteNode', () => {\n            it('returns undefined when spriteElement is undefined', () => {\n                const icon = new Q2Icon();\n                icon.type = 'foobar';\n                icon.cloneSpriteNode();\n                expect(icon.iconClone).toBeUndefined();\n            });\n\n            it('returns a clone of the sprite element', () => {\n                const icon = new Q2Icon();\n                icon.type = 'close';\n\n                const container = icon.getOrCreateSpriteContainer();\n\n                const element = document.createElement('div');\n                element.id = 'tct-close';\n                container.appendChild(element);\n\n                icon.cloneSpriteNode();\n\n                expect(icon.iconClone).toBeTruthy();\n                expect(icon.iconClone).toEqualAttribute('id', 'tct-close');\n\n                element.remove();\n            });\n        });\n    });\n\n    describe('Accessibility', () => {\n        describe('aXe DevTools', () => {\n            it('does not have accessibility violations', async () => {\n                const page = await setup({\n                    html: `<q2-icon type=\"close\"></q2-icon>`,\n                });\n                const hasViolations = await evaluateA11y(page);\n                expect(hasViolations).toBe(false);\n            });\n        });\n        describe('Accessibility Tree', () => {});\n        describe('Keyboard Controls', () => {});\n        describe('Other', () => {});\n    });\n});\n\nconst svgSprite = `\n<div id=\"tecton-sprites\" style=\"display: none;\">\n    <svg width=\"0\" height=\"0\" style=\"position:absolute\" id=\"tecton-sprite-brand\" data-loaded=\"\">\n        <symbol fill=\"none\" viewBox=\"0 0 26 26\" id=\"tct-brand-facebook-color\"\n            xmlns=\"http://www.w3.org/2000/svg\">\n            <g fill=\"none\" fill-rule=\"evenodd\">\n                <g fill-rule=\"nonzero\">\n                    <path fill=\"var(--tct-icon-brand-fill-primary, #39579A)\" d=\"M23.083 24c.507 0 .917-.41.917-.917V2.917A.917.917 0 0 0 23.083 2H2.917A.917.917 0 0 0 2 2.917v20.166c0 .507.41.917.917.917h20.166z\"></path>\n                    <path fill=\"var(--tct-icon-brand-fill-secondary, #FFF)\" d=\"M13.696 24v-8.708h-2.988v-3.209h2.988V9.712c0-2.842 1.736-4.39 4.27-4.39 1.215 0 2.258.091 2.563.132v2.97H18.77c-1.38 0-1.646.655-1.646 1.616v2.043h3.208l-.458 3.209h-2.75V24h-3.429z\"></path>\n                </g>\n            </g>\n        </symbol>\n        <symbol fill=\"none\" viewBox=\"0 0 26 26\" id=\"tct-brand-facebook-filled\"\n            xmlns=\"http://www.w3.org/2000/svg\">\n            <g>\n                <path d=\"M17.125 24v-8.708h2.75l.458-3.209h-3.208V10.04c0-.96.267-1.616 1.646-1.616h1.758v-2.97a23.637 23.637 0 0 0-2.562-.131c-2.535 0-4.27 1.547-4.27 4.389v2.371h-2.989v3.209h2.988V24H2.916A.917.917 0 0 1 2 23.083V2.917C2 2.41 2.41 2 2.917 2h20.166c.507 0 .917.41.917.917v20.166c0 .507-.41.917-.917.917h-5.958z\" class=\"filled\"></path>\n            </g>\n        </symbol>\n    </svg>\n</div>\n`;\n\nconst notFoundIconMarkup = `\n    <q2-icon type=\"not-found\">\n        <mock:shadow-root>\n            <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n                <use></use>\n                <g></g>\n            </svg>\n        </mock:shadow-root>\n    </q2-icon>\n`;\n\nconst closeIconMarkup = `\n    <q2-icon type=\"close\">\n        <mock:shadow-root>\n            <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n                <use href=\"#tct-close\"></use>\n                <g>\n                    <symbol fill=\"none\" id=\"tct-close\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n                        <g class=\"close\">\n                            <path class=\"stroke-primary\" d=\"m17.875 6-12 12m0-12 12 12\"></path>\n                        </g>\n                    </symbol>\n                </g>\n            </svg>\n        </mock:shadow-root>\n    </q2-icon>\n`;\n\nconst emptyIconMarkup = `\n    <q2-icon>\n        <mock:shadow-root>\n            <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n                <g></g>\n            </svg>\n        </mock:shadow-root>\n    </q2-icon>\n`;\n"]}

package/dist/collection/components/q2-input/formatting/alpha.js.map

@@ -1 +1 @@
-{"version":3,"file":"alpha.js","sourceRoot":"","sources":["../../../../src/components/q2-input/formatting/alpha.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,WAAW,CAAC;AAEpC,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAa,EAAE,QAAiB;IAChE,IAAI,GAAG,GAAG,KAAK,IAAI,EAAE,CAAC;IAEtB,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;QACxB,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;IACzC,CAAC;SAAM,CAAC;QACJ,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;IACxC,CAAC;IAED,OAAO,WAAW,CAAC,GAAG,CAAC,CAAC;AAC5B,CAAC","sourcesContent":["import formatValue from './generic';\n\nexport default function formatAlpha(value: string, modifier?: string) {\n    let val = value || '';\n\n    if (modifier === 'spaced') {\n        val = val.replace(/[^a-zA-Z ]/g, '');\n    } else {\n        val = val.replace(/[^a-zA-Z]/g, '');\n    }\n\n    return formatValue(val);\n}\n"]}
+{"version":3,"file":"alpha.js","sourceRoot":"","sources":["../../../../../src/components/q2-input/formatting/alpha.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,WAAW,CAAC;AAEpC,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAa,EAAE,QAAiB;IAChE,IAAI,GAAG,GAAG,KAAK,IAAI,EAAE,CAAC;IAEtB,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;QACxB,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;IACzC,CAAC;SAAM,CAAC;QACJ,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;IACxC,CAAC;IAED,OAAO,WAAW,CAAC,GAAG,CAAC,CAAC;AAC5B,CAAC","sourcesContent":["import formatValue from './generic';\n\nexport default function formatAlpha(value: string, modifier?: string) {\n    let val = value || '';\n\n    if (modifier === 'spaced') {\n        val = val.replace(/[^a-zA-Z ]/g, '');\n    } else {\n        val = val.replace(/[^a-zA-Z]/g, '');\n    }\n\n    return formatValue(val);\n}\n"]}

package/dist/collection/components/q2-input/formatting/alpha.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"alpha.spec.js","sourceRoot":"","sources":["../../../../src/components/q2-input/formatting/alpha.spec.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,SAAS,CAAC;AAElC,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC5C,MAAM,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC/E,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;QAC/C,MAAM,CAAC,WAAW,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAChF,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import formatAlpha from './alpha';\n\ndescribe('formatAlpha', () => {\n    it('should format alpha values correctly', () => {\n        expect(formatAlpha('a b c 1 2 3 - . ? #').fullyFormattedValue).toBe('abc');\n    });\n    it('should apply format modifiers correctly', () => {\n        expect(formatAlpha('a b c123', 'spaced').fullyFormattedValue).toBe('a b c');\n    });\n});\n"]}
+{"version":3,"file":"alpha.spec.js","sourceRoot":"","sources":["../../../../../src/components/q2-input/formatting/alpha.spec.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,SAAS,CAAC;AAElC,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC5C,MAAM,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC/E,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;QAC/C,MAAM,CAAC,WAAW,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAChF,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import formatAlpha from './alpha';\n\ndescribe('formatAlpha', () => {\n    it('should format alpha values correctly', () => {\n        expect(formatAlpha('a b c 1 2 3 - . ? #').fullyFormattedValue).toBe('abc');\n    });\n    it('should apply format modifiers correctly', () => {\n        expect(formatAlpha('a b c123', 'spaced').fullyFormattedValue).toBe('a b c');\n    });\n});\n"]}

package/dist/collection/components/q2-input/formatting/alphanumeric.js.map

@@ -1 +1 @@
-{"version":3,"file":"alphanumeric.js","sourceRoot":"","sources":["../../../../src/components/q2-input/formatting/alphanumeric.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,WAAW,CAAC;AAEpC,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAa;IACpD,MAAM,GAAG,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC;IACtD,OAAO,WAAW,CAAC,GAAG,CAAC,CAAC;AAC5B,CAAC","sourcesContent":["import formatValue from './generic';\n\nexport default function formatAlphanumeric(value: string) {\n    const val = (value || '').replace(/[^\\da-zA-Z]/g, '');\n    return formatValue(val);\n}\n"]}
+{"version":3,"file":"alphanumeric.js","sourceRoot":"","sources":["../../../../../src/components/q2-input/formatting/alphanumeric.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,WAAW,CAAC;AAEpC,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAa;IACpD,MAAM,GAAG,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC;IACtD,OAAO,WAAW,CAAC,GAAG,CAAC,CAAC;AAC5B,CAAC","sourcesContent":["import formatValue from './generic';\n\nexport default function formatAlphanumeric(value: string) {\n    const val = (value || '').replace(/[^\\da-zA-Z]/g, '');\n    return formatValue(val);\n}\n"]}

package/dist/collection/components/q2-input/formatting/alphanumeric.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"alphanumeric.spec.js","sourceRoot":"","sources":["../../../../src/components/q2-input/formatting/alphanumeric.spec.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,gBAAgB,CAAC;AAEhD,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,6CAA6C,EAAE,GAAG,EAAE;QACnD,MAAM,CAAC,kBAAkB,CAAC,qBAAqB,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACzF,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import formatAlphanumeric from './alphanumeric';\n\ndescribe('formatAlphanumeric', () => {\n    it('should format alphanumeric values correctly', () => {\n        expect(formatAlphanumeric('a b c 1 2 3 - . ? #').fullyFormattedValue).toBe('abc123');\n    });\n});\n"]}
+{"version":3,"file":"alphanumeric.spec.js","sourceRoot":"","sources":["../../../../../src/components/q2-input/formatting/alphanumeric.spec.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,gBAAgB,CAAC;AAEhD,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,6CAA6C,EAAE,GAAG,EAAE;QACnD,MAAM,CAAC,kBAAkB,CAAC,qBAAqB,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACzF,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import formatAlphanumeric from './alphanumeric';\n\ndescribe('formatAlphanumeric', () => {\n    it('should format alphanumeric values correctly', () => {\n        expect(formatAlphanumeric('a b c 1 2 3 - . ? #').fullyFormattedValue).toBe('abc123');\n    });\n});\n"]}

package/dist/collection/components/q2-input/formatting/credit-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"credit-card.js","sourceRoot":"","sources":["../../../../src/components/q2-input/formatting/credit-card.ts"],"names":[],"mappings":"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","sourcesContent":["import formatValue from './generic';\nimport { IFormatterValueObject } from '../q2-input-types';\n\ninterface FormattedCreditCardObject extends IFormatterValueObject {\n    type: string;\n    leftIcon: string;\n    leftIconMuted: boolean;\n}\n\ntype Formatter = (value: string) => FormattedCreditCardObject;\n\nfunction format(value: string): FormattedCreditCardObject {\n    // have a initial generic mask which then converts to specific mask\n    const detectedType = formatCreditCard.detectCreditCardTypeFromValue(value);\n    const formattedValueObject = creditCardFormatters[detectedType](value);\n\n    if (value.length < 2 && detectedType === 'unknown') {\n        formattedValueObject.leftIcon = 'card';\n    }\n    return formattedValueObject;\n}\n\nconst unknownFormatter: Formatter = function unknownFn(value) {\n    const valueObject = formatValue(value, '#### #### #### ####');\n\n    return {\n        ...valueObject,\n        type: 'unknown',\n        leftIcon: 'card-unknown',\n        leftIconMuted: value.length < 16,\n    };\n};\n\nconst amexFormatter: Formatter = function amexFn(value) {\n    const valueObject = formatValue(value, '#### ###### #####');\n\n    return {\n        ...valueObject,\n        type: 'amex',\n        leftIcon: 'card-amex-color',\n        leftIconMuted: value.length < 15,\n    };\n};\n\nconst discoverFormatter: Formatter = function discoverFn(value) {\n    const valueObject = formatValue(value, '#### #### #### ####');\n\n    return {\n        ...valueObject,\n        type: 'discover',\n        leftIcon: 'card-discover-color',\n        leftIconMuted: value.length < 16,\n    };\n};\n\nconst masterCardFormatter: Formatter = function masterCardFn(value) {\n    const valueObject = formatValue(value, '#### #### #### ####');\n\n    return {\n        ...valueObject,\n        type: 'masterCard',\n        leftIcon: 'card-mastercard-color',\n        leftIconMuted: value.length < 16,\n    };\n};\n\nconst visaFormatter: Formatter = function visaFn(value) {\n    const valueObject = formatValue(value, '#### #### #### ####');\n\n    return {\n        ...valueObject,\n        type: 'visa',\n        leftIcon: 'card-visa-color',\n        leftIconMuted: value.length < 16,\n    };\n};\n\nconst dinersClubInternationalFormatter: Formatter = function dinersClub(value) {\n    const valueObject = formatValue(value, '#### ###### ####');\n\n    return {\n        ...valueObject,\n        type: 'dinersClub',\n        leftIcon: 'card-dinersclub-color',\n        leftIconMuted: value.length < 14,\n    };\n};\n\nconst creditCardFormatters = {\n    discover: discoverFormatter,\n    amex: amexFormatter,\n    masterCard: masterCardFormatter,\n    visa: visaFormatter,\n    dinersClub: dinersClubInternationalFormatter,\n    unknown: unknownFormatter,\n};\n\n/* tslint:disable:cyclomatic-complexity */\nfunction detectCreditCardTypeFromValue(value: string): string {\n    // use value and some algorithm from the internet to detect and return card type based on string\n    // return string 'unknown' if algorithm cannot detect or returns a type that is not one of our 5 supported types\n    const firstInt = parseInt(value.charAt(0));\n    const secondInt = parseInt(value.charAt(1));\n\n    switch (firstInt) {\n        case 2:\n            if (secondInt > 1 && secondInt < 8) {\n                if (value.length >= 4) {\n                    const firstfour = parseInt(value.substr(0, 4));\n                    if (firstfour >= 2221 && firstfour < 2721) {\n                        return 'masterCard';\n                    }\n                } else {\n                    return 'masterCard';\n                }\n            }\n            break;\n        case 3:\n            if (secondInt === 4 || secondInt === 7) {\n                return 'amex';\n            }\n            if (secondInt === 0) {\n                if (value.length > 2) {\n                    const thirdInt = parseInt(value.charAt(2));\n                    if (thirdInt < 6 || thirdInt === 9) {\n                        return 'dinersClub';\n                    }\n                } else {\n                    return 'dinersClub';\n                }\n            }\n            if (secondInt === 6 || secondInt === 8 || secondInt === 9) {\n                return 'dinersClub';\n            }\n            break;\n        case 4:\n            return 'visa';\n        case 5:\n            if (secondInt > 0 && secondInt < 6) {\n                return 'masterCard';\n            }\n            break;\n        case 6:\n            if (secondInt === 0) {\n                if (value.length > 3) {\n                    const firstfour = value.substr(0, 4);\n                    if (firstfour === '6011') {\n                        return 'discover';\n                    }\n                } else {\n                    return 'discover';\n                }\n            }\n            if (secondInt === 4) {\n                if (value.length > 2) {\n                    const firstthree = parseInt(value.substr(0, 3));\n                    if (firstthree > 643) {\n                        return 'discover';\n                    }\n                } else {\n                    return 'discover';\n                }\n            }\n            if (secondInt === 5) {\n                return 'discover';\n            }\n            if (secondInt === 2) {\n                if (value.length > 5) {\n                    const firstsix = parseInt(value.substr(0, 6));\n                    if (firstsix >= 622126 && firstsix <= 622925) {\n                        return 'discover';\n                    }\n                } else {\n                    return 'discover';\n                }\n            }\n            break;\n        default:\n            return 'unknown';\n    }\n    return 'unknown';\n}\n/* tslint:enable:cyclomatic-complexity */\n\nconst formatCreditCard = {\n    detectCreditCardTypeFromValue,\n    format,\n    amexFormatter,\n    dinersClubInternationalFormatter,\n    discoverFormatter,\n    masterCardFormatter,\n    visaFormatter,\n    unknownFormatter,\n};\n\nexport default formatCreditCard;\n"]}
+{"version":3,"file":"credit-card.js","sourceRoot":"","sources":["../../../../../src/components/q2-input/formatting/credit-card.ts"],"names":[],"mappings":"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","sourcesContent":["import formatValue from './generic';\nimport { IFormatterValueObject } from '../q2-input-types';\n\ninterface FormattedCreditCardObject extends IFormatterValueObject {\n    type: string;\n    leftIcon: string;\n    leftIconMuted: boolean;\n}\n\ntype Formatter = (value: string) => FormattedCreditCardObject;\n\nfunction format(value: string): FormattedCreditCardObject {\n    // have a initial generic mask which then converts to specific mask\n    const detectedType = formatCreditCard.detectCreditCardTypeFromValue(value);\n    const formattedValueObject = creditCardFormatters[detectedType](value);\n\n    if (value.length < 2 && detectedType === 'unknown') {\n        formattedValueObject.leftIcon = 'card';\n    }\n    return formattedValueObject;\n}\n\nconst unknownFormatter: Formatter = function unknownFn(value) {\n    const valueObject = formatValue(value, '#### #### #### ####');\n\n    return {\n        ...valueObject,\n        type: 'unknown',\n        leftIcon: 'card-unknown',\n        leftIconMuted: value.length < 16,\n    };\n};\n\nconst amexFormatter: Formatter = function amexFn(value) {\n    const valueObject = formatValue(value, '#### ###### #####');\n\n    return {\n        ...valueObject,\n        type: 'amex',\n        leftIcon: 'card-amex-color',\n        leftIconMuted: value.length < 15,\n    };\n};\n\nconst discoverFormatter: Formatter = function discoverFn(value) {\n    const valueObject = formatValue(value, '#### #### #### ####');\n\n    return {\n        ...valueObject,\n        type: 'discover',\n        leftIcon: 'card-discover-color',\n        leftIconMuted: value.length < 16,\n    };\n};\n\nconst masterCardFormatter: Formatter = function masterCardFn(value) {\n    const valueObject = formatValue(value, '#### #### #### ####');\n\n    return {\n        ...valueObject,\n        type: 'masterCard',\n        leftIcon: 'card-mastercard-color',\n        leftIconMuted: value.length < 16,\n    };\n};\n\nconst visaFormatter: Formatter = function visaFn(value) {\n    const valueObject = formatValue(value, '#### #### #### ####');\n\n    return {\n        ...valueObject,\n        type: 'visa',\n        leftIcon: 'card-visa-color',\n        leftIconMuted: value.length < 16,\n    };\n};\n\nconst dinersClubInternationalFormatter: Formatter = function dinersClub(value) {\n    const valueObject = formatValue(value, '#### ###### ####');\n\n    return {\n        ...valueObject,\n        type: 'dinersClub',\n        leftIcon: 'card-dinersclub-color',\n        leftIconMuted: value.length < 14,\n    };\n};\n\nconst creditCardFormatters = {\n    discover: discoverFormatter,\n    amex: amexFormatter,\n    masterCard: masterCardFormatter,\n    visa: visaFormatter,\n    dinersClub: dinersClubInternationalFormatter,\n    unknown: unknownFormatter,\n};\n\n/* tslint:disable:cyclomatic-complexity */\nfunction detectCreditCardTypeFromValue(value: string): string {\n    // use value and some algorithm from the internet to detect and return card type based on string\n    // return string 'unknown' if algorithm cannot detect or returns a type that is not one of our 5 supported types\n    const firstInt = parseInt(value.charAt(0));\n    const secondInt = parseInt(value.charAt(1));\n\n    switch (firstInt) {\n        case 2:\n            if (secondInt > 1 && secondInt < 8) {\n                if (value.length >= 4) {\n                    const firstfour = parseInt(value.substr(0, 4));\n                    if (firstfour >= 2221 && firstfour < 2721) {\n                        return 'masterCard';\n                    }\n                } else {\n                    return 'masterCard';\n                }\n            }\n            break;\n        case 3:\n            if (secondInt === 4 || secondInt === 7) {\n                return 'amex';\n            }\n            if (secondInt === 0) {\n                if (value.length > 2) {\n                    const thirdInt = parseInt(value.charAt(2));\n                    if (thirdInt < 6 || thirdInt === 9) {\n                        return 'dinersClub';\n                    }\n                } else {\n                    return 'dinersClub';\n                }\n            }\n            if (secondInt === 6 || secondInt === 8 || secondInt === 9) {\n                return 'dinersClub';\n            }\n            break;\n        case 4:\n            return 'visa';\n        case 5:\n            if (secondInt > 0 && secondInt < 6) {\n                return 'masterCard';\n            }\n            break;\n        case 6:\n            if (secondInt === 0) {\n                if (value.length > 3) {\n                    const firstfour = value.substr(0, 4);\n                    if (firstfour === '6011') {\n                        return 'discover';\n                    }\n                } else {\n                    return 'discover';\n                }\n            }\n            if (secondInt === 4) {\n                if (value.length > 2) {\n                    const firstthree = parseInt(value.substr(0, 3));\n                    if (firstthree > 643) {\n                        return 'discover';\n                    }\n                } else {\n                    return 'discover';\n                }\n            }\n            if (secondInt === 5) {\n                return 'discover';\n            }\n            if (secondInt === 2) {\n                if (value.length > 5) {\n                    const firstsix = parseInt(value.substr(0, 6));\n                    if (firstsix >= 622126 && firstsix <= 622925) {\n                        return 'discover';\n                    }\n                } else {\n                    return 'discover';\n                }\n            }\n            break;\n        default:\n            return 'unknown';\n    }\n    return 'unknown';\n}\n/* tslint:enable:cyclomatic-complexity */\n\nconst formatCreditCard = {\n    detectCreditCardTypeFromValue,\n    format,\n    amexFormatter,\n    dinersClubInternationalFormatter,\n    discoverFormatter,\n    masterCardFormatter,\n    visaFormatter,\n    unknownFormatter,\n};\n\nexport default formatCreditCard;\n"]}