q2-tecton-elements 1.51.1 → 1.52.1

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

@@ -0,0 +1,312 @@
+import { Fragment, h, Host, } from "@stencil/core";
+export class Q2Example {
+    constructor() {
+        this.someText = 'default';
+        this.isValidated = undefined;
+        this.status = 0;
+        this.content = undefined;
+        this.disabled = undefined;
+        this.type = 'overlay';
+    }
+    // #endregion
+    // #region Component Lifecycle Events
+    /**
+     * 6. Component lifecycle events
+     *    Order by their natural call order.
+     */
+    connectedCallback() { }
+    disconnectedCallback() { }
+    componentWillLoad() { }
+    componentDidLoad() { }
+    componentShouldUpdate(newVal, oldVal, propName) {
+        if (propName === 'content' && newVal !== oldVal) {
+            return true;
+        }
+        return false;
+    }
+    componentWillUpdate() { }
+    componentDidUpdate() { }
+    componentWillRender() { }
+    componentDidRender() { }
+    // #endregion
+    // #region Listeners
+    /**
+     * 7. Listeners
+     *    Event listeners defined via the @Listen() decorator. List in
+     *    alphabetical order of the event name. Recommend starting listener
+     *    methods with "on".
+     */
+    onClick(ev) {
+        this.tctClick.emit(ev);
+    }
+    onDrag(ev) {
+        this.tctDrag.emit(ev);
+    }
+    // #endregion
+    // #region Public Methods API
+    /**
+     * 8. Public methods API
+     *    Methods exposed on the host element via the @Method() decorator.
+     *    Document each using JSDoc comments and include the "@testOnly" tag for
+     *    test methods. Must be async, and listed in alphabetical order.
+     */
+    /**
+     * Closes the menu.
+     */
+    async close() {
+        // ...
+    }
+    /*
+     * Opens the menu. If the menu is already open or it can't be opened, it
+     * returns `false`.
+     *
+     * @testOnly
+     */
+    async openMenu() {
+        // ...
+        return true;
+    }
+    // #endregion
+    // #region Watchers
+    /**
+     * 9. Watchers
+     *    Methods that are called when a property is updated as specified via
+     *    the @Watch() decorator. List in alphabetical order of the property.
+     */
+    contentChanged(newContent, oldContent) {
+        if (newContent !== oldContent) {
+            this.updateState();
+        }
+    }
+    statusChanged(newStatus, oldStatus) {
+        if (newStatus !== oldStatus) {
+            this.updateState();
+        }
+    }
+    // #endregion
+    // #region Local Methods
+    /**
+     * 10. Local methods
+     *     Methods that contain internal business logic. These methods cannot be
+     *     called from the host element. This includes getters. List getters
+     *     first in alphabetical order, then list the rest of the methods in
+     *     alphabetical order.
+     */
+    get menuState() {
+        //...
+        return 'open';
+    }
+    async prepareAnimation() {
+        // ...
+    }
+    updateState() {
+        // ...
+    }
+    // #endregion
+    // #region Render Methods
+    /**
+     * 11. Render methods
+     *     The render() method and helper methods used by render() that return
+     *     JSX. Names should start with "render". List in alphabetical order,
+     *     except for the render() method which should always be last
+     */
+    renderMenuInner() {
+        return (h(Fragment, null, h("div", { class: {
+                menu: true,
+                'page-inner': true,
+                disabled: this.disabled,
+            }, onClick: () => this.tctClick.emit(), role: "menu" }, h("slot", null))));
+    }
+    render() {
+        return h(Host, { key: 'e4df51465f7c14e0ff4ae2463613e73cc6100318', attribute: "navigation" }, this.renderMenuInner());
+    }
+    static get is() { return "q2-example"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["q2-example.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["q2-example.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "content": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The content of the menu."
+                },
+                "attribute": "content",
+                "reflect": false
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "If `true`, the user cannot interact with the menu."
+                },
+                "attribute": "disabled",
+                "reflect": false
+            },
+            "type": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Specifies the menu type."
+                },
+                "attribute": "type",
+                "reflect": false,
+                "defaultValue": "'overlay'"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "isValidated": {},
+            "status": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "tctClick",
+                "name": "tctClick",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [{
+                            "name": "Event",
+                            "text": "() decorator. Start each event name with \"tct\" so they do not\nconflict with native events. Document each using JSDoc comments and\nlist in alphabetical order."
+                        }],
+                    "text": "5. Events\n   Custom events dispatched from the component that are defined via the"
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }, {
+                "method": "tctDrag",
+                "name": "tctDrag",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }, {
+                "method": "tctOpen",
+                "name": "tctOpen",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "close": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Closes the menu.",
+                    "tags": []
+                }
+            },
+            "openMenu": {
+                "complexType": {
+                    "signature": "() => Promise<boolean>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<boolean>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "content",
+                "methodName": "contentChanged"
+            }, {
+                "propName": "status",
+                "methodName": "statusChanged"
+            }];
+    }
+    static get listeners() {
+        return [{
+                "name": "click",
+                "method": "onClick",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "drag",
+                "method": "onDrag",
+                "target": undefined,
+                "capture": false,
+                "passive": true
+            }];
+    }
+}
+//# sourceMappingURL=q2-example.js.map

package/dist/collection/components/q2-example/q2-example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"q2-example.js","sourceRoot":"","sources":["../../../src/components/q2-example/q2-example.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,SAAS,EAET,OAAO,EAEP,QAAQ,EACR,MAAM,EACN,KAAK,EACL,CAAC,EACD,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,KAAK,EACL,KAAK,GACR,MAAM,eAAe,CAAC;AAOvB,MAAM,OAAO,SAAS;;QAiBlB,aAAQ,GAAG,SAAS,CAAC;;sBA6BZ,CAAC;;;oBA8BH,SAAS;;IAsBhB,aAAa;IACb,qCAAqC;IAErC;;;OAGG;IAEH,iBAAiB,KAAI,CAAC;IAEtB,oBAAoB,KAAI,CAAC;IAEzB,iBAAiB,KAAI,CAAC;IAEtB,gBAAgB,KAAI,CAAC;IAErB,qBAAqB,CAAC,MAAW,EAAE,MAAW,EAAE,QAAgB;QAC5D,IAAI,QAAQ,KAAK,SAAS,IAAI,MAAM,KAAK,MAAM,EAAE,CAAC;YAC9C,OAAO,IAAI,CAAC;QAChB,CAAC;QACD,OAAO,KAAK,CAAC;IACjB,CAAC;IAED,mBAAmB,KAAI,CAAC;IAExB,kBAAkB,KAAI,CAAC;IAEvB,mBAAmB,KAAI,CAAC;IAExB,kBAAkB,KAAI,CAAC;IAEvB,aAAa;IACb,oBAAoB;IAEpB;;;;;OAKG;IAGH,OAAO,CAAC,EAAW;QACf,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC3B,CAAC;IAGD,MAAM,CAAC,EAAW;QACd,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC1B,CAAC;IAED,aAAa;IACb,6BAA6B;IAE7B;;;;;OAKG;IAEH;;OAEG;IAEH,KAAK,CAAC,KAAK;QACP,MAAM;IACV,CAAC;IAED;;;;;OAKG;IAEH,KAAK,CAAC,QAAQ;QACV,MAAM;QACN,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,aAAa;IACb,mBAAmB;IAEnB;;;;OAIG;IAGH,cAAc,CAAC,UAAkB,EAAE,UAAkB;QACjD,IAAI,UAAU,KAAK,UAAU,EAAE,CAAC;YAC5B,IAAI,CAAC,WAAW,EAAE,CAAC;QACvB,CAAC;IACL,CAAC;IAGD,aAAa,CAAC,SAAiB,EAAE,SAAiB;QAC9C,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;YAC1B,IAAI,CAAC,WAAW,EAAE,CAAC;QACvB,CAAC;IACL,CAAC;IAED,aAAa;IACb,wBAAwB;IAExB;;;;;;OAMG;IAEH,IAAI,SAAS;QACT,KAAK;QACL,OAAO,MAAM,CAAC;IAClB,CAAC;IAED,KAAK,CAAC,gBAAgB;QAClB,MAAM;IACV,CAAC;IAED,WAAW;QACP,MAAM;IACV,CAAC;IAED,aAAa;IACb,yBAAyB;IAEzB;;;;;OAKG;IAEH,eAAe;QACX,OAAO,CACH,EAAC,QAAQ;YACL,WACI,KAAK,EAAE;oBACH,IAAI,EAAE,IAAI;oBACV,YAAY,EAAE,IAAI;oBAClB,QAAQ,EAAE,IAAI,CAAC,QAAQ;iBAC1B,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,EACnC,IAAI,EAAC,MAAM;gBAEX,eAAa,CACX,CACC,CACd,CAAC;IACN,CAAC;IAED,MAAM;QACF,OAAO,EAAC,IAAI,qDAAC,SAAS,EAAC,YAAY,IAAE,IAAI,CAAC,eAAe,EAAE,CAAQ,CAAC;IACxE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGJ","sourcesContent":["import {\n    Component,\n    ComponentInterface,\n    Element,\n    EventEmitter,\n    Fragment,\n    Method,\n    Event,\n    h,\n    Host,\n    Listen,\n    Prop,\n    State,\n    Watch,\n} from '@stencil/core';\n\n@Component({\n    tag: 'q2-example',\n    shadow: true,\n    styleUrl: 'q2-example.scss',\n})\nexport class Q2Example implements ComponentInterface {\n    // #region Own Properties\n\n    /**\n     * 1. Own properties\n     *    Variables that are not exposed publicly due to the lack of the @Prop()\n     *    decorator. They are for internal use only. List in alphabetical order\n     *    and always set the type if a default value has not been set. If a\n     *    default value has been set, then the type can be omitted because it is\n     *    already inferred. If one of these properties needs to be initialized\n     *    with the value of another one of these properties, then the\n     *    initialization should be done in the componentWillLoad() lifecycle\n     *    event so that these properties can be alphabetizes without referencing\n     *    a property before it is declared.\n     */\n\n    num: number;\n    someText = 'default';\n\n    // #endregion\n    // #region Host HTML Element\n\n    /**\n     * 2. Host HTML element\n     *    Reference to host HTML element if needed.\n     */\n\n    @Element()\n    el: HTMLElement;\n\n    // #endregion\n    // #region State Properties\n\n    /**\n     * 3. State properties\n     *    Variables that are used to track state internally via the @State()\n     *    decorator. They are for internal use only. List in alphabetical order\n     *    and always set the type if a default value has not been set. If a\n     *    default value has been set, then the type can be omitted because it is\n     *    already inferred.\n     */\n\n    @State()\n    isValidated: boolean;\n\n    @State()\n    status = 0;\n\n    // #endregion\n    // #region Public Property API\n\n    /**\n     * 4. Public property API\n     *    Variables that are exposed publicly via @Prop() decorator as\n     *    properties and attributes on the host element. Document each using\n     *    JSDoc comments, list in alphabetical order, and always set the type if\n     *    a default value has not been set. If a default value has been set,\n     *    then the type can be omitted because it is already inferred.\n     */\n\n    /**\n     * The content of the menu.\n     */\n    @Prop()\n    content: string;\n\n    /**\n     * If `true`, the user cannot interact with the menu.\n     */\n    @Prop()\n    disabled: boolean;\n\n    /**\n     * Specifies the menu type.\n     */\n    @Prop()\n    type = 'overlay';\n\n    // #endregion\n    // #region Events\n\n    /**\n     * 5. Events\n     *    Custom events dispatched from the component that are defined via the\n     *    @Event() decorator. Start each event name with \"tct\" so they do not\n     *    conflict with native events. Document each using JSDoc comments and\n     *    list in alphabetical order.\n     */\n\n    @Event()\n    tctClick: EventEmitter;\n\n    @Event()\n    tctDrag: EventEmitter;\n\n    @Event()\n    tctOpen: EventEmitter;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    /**\n     * 6. Component lifecycle events\n     *    Order by their natural call order.\n     */\n\n    connectedCallback() {}\n\n    disconnectedCallback() {}\n\n    componentWillLoad() {}\n\n    componentDidLoad() {}\n\n    componentShouldUpdate(newVal: any, oldVal: any, propName: string) {\n        if (propName === 'content' && newVal !== oldVal) {\n            return true;\n        }\n        return false;\n    }\n\n    componentWillUpdate() {}\n\n    componentDidUpdate() {}\n\n    componentWillRender() {}\n\n    componentDidRender() {}\n\n    // #endregion\n    // #region Listeners\n\n    /**\n     * 7. Listeners\n     *    Event listeners defined via the @Listen() decorator. List in\n     *    alphabetical order of the event name. Recommend starting listener\n     *    methods with \"on\".\n     */\n\n    @Listen('click')\n    onClick(ev: UIEvent) {\n        this.tctClick.emit(ev);\n    }\n\n    @Listen('drag')\n    onDrag(ev: UIEvent) {\n        this.tctDrag.emit(ev);\n    }\n\n    // #endregion\n    // #region Public Methods API\n\n    /**\n     * 8. Public methods API\n     *    Methods exposed on the host element via the @Method() decorator.\n     *    Document each using JSDoc comments and include the \"@testOnly\" tag for\n     *    test methods. Must be async, and listed in alphabetical order.\n     */\n\n    /**\n     * Closes the menu.\n     */\n    @Method()\n    async close(): Promise<void> {\n        // ...\n    }\n\n    /*\n     * Opens the menu. If the menu is already open or it can't be opened, it\n     * returns `false`.\n     *\n     * @testOnly\n     */\n    @Method()\n    async openMenu(): Promise<boolean> {\n        // ...\n        return true;\n    }\n\n    // #endregion\n    // #region Watchers\n\n    /**\n     * 9. Watchers\n     *    Methods that are called when a property is updated as specified via\n     *    the @Watch() decorator. List in alphabetical order of the property.\n     */\n\n    @Watch('content')\n    contentChanged(newContent: string, oldContent: string) {\n        if (newContent !== oldContent) {\n            this.updateState();\n        }\n    }\n\n    @Watch('status')\n    statusChanged(newStatus: string, oldStatus: string) {\n        if (newStatus !== oldStatus) {\n            this.updateState();\n        }\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    /**\n     * 10. Local methods\n     *     Methods that contain internal business logic. These methods cannot be\n     *     called from the host element. This includes getters. List getters\n     *     first in alphabetical order, then list the rest of the methods in\n     *     alphabetical order.\n     */\n\n    get menuState(): string {\n        //...\n        return 'open';\n    }\n\n    async prepareAnimation(): Promise<void> {\n        // ...\n    }\n\n    updateState() {\n        // ...\n    }\n\n    // #endregion\n    // #region Render Methods\n\n    /**\n     * 11. Render methods\n     *     The render() method and helper methods used by render() that return\n     *     JSX. Names should start with \"render\". List in alphabetical order,\n     *     except for the render() method which should always be last\n     */\n\n    renderMenuInner() {\n        return (\n            <Fragment>\n                <div\n                    class={{\n                        menu: true,\n                        'page-inner': true,\n                        disabled: this.disabled,\n                    }}\n                    onClick={() => this.tctClick.emit()}\n                    role=\"menu\"\n                >\n                    <slot></slot>\n                </div>\n            </Fragment>\n        );\n    }\n\n    render() {\n        return <Host attribute=\"navigation\">{this.renderMenuInner()}</Host>;\n    }\n\n    // #endregion\n}\n"]}

package/dist/collection/components/q2-example/test/q2-example.e2e.js

@@ -0,0 +1,27 @@
+import { evaluateA11y, setup } from "../../../utils/helpers";
+describe('q2-example', () => {
+    let page;
+    describe('Accessibility', () => {
+        describe('aXe DevTools', () => {
+            it('does not have accessibility violations', async () => {
+                const page = await setup({ html: `<q2-example />` });
+                const hasViolations = await evaluateA11y(page);
+                expect(hasViolations).toBe(false);
+            });
+        });
+        describe('Accessibility Tree', () => {
+            it("option-list should have a role of 'menu' and the options a role of 'menuoption'", async () => {
+                page = await setup({
+                    html: `<q2-example></q2-example>`,
+                });
+                await page.waitForChanges();
+                const snapshot = await page.accessibility.snapshot();
+                const menu = snapshot.children[0];
+                expect(menu.role).toEqual('menu');
+            });
+        });
+        describe('Keyboard Controls', () => { });
+        describe('Other', () => { });
+    });
+});
+//# sourceMappingURL=q2-example.e2e.js.map

package/dist/collection/components/q2-example/test/q2-example.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"q2-example.e2e.js","sourceRoot":"","sources":["../../../../src/components/q2-example/test/q2-example.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAGtD,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IACxB,IAAI,IAAa,CAAC;IAElB,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;QAC3B,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;YAC1B,EAAE,CAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;gBACpD,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC,CAAC;gBACrD,MAAM,aAAa,GAAG,MAAM,YAAY,CAAC,IAAI,CAAC,CAAC;gBAE/C,MAAM,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACtC,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;YAChC,EAAE,CAAC,iFAAiF,EAAE,KAAK,IAAI,EAAE;gBAC7F,IAAI,GAAG,MAAM,KAAK,CAAC;oBACf,IAAI,EAAE,2BAA2B;iBACpC,CAAC,CAAC;gBACH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;gBAE5B,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC;gBACrD,MAAM,IAAI,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;gBAElC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YACtC,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;QACxC,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;IAChC,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { evaluateA11y, setup } from '@/utils/helpers';\nimport { E2EPage } from '@stencil/core/testing';\n\ndescribe('q2-example', () => {\n    let page: E2EPage;\n\n    describe('Accessibility', () => {\n        describe('aXe DevTools', () => {\n            it('does not have accessibility violations', async () => {\n                const page = await setup({ html: `<q2-example />` });\n                const hasViolations = await evaluateA11y(page);\n\n                expect(hasViolations).toBe(false);\n            });\n        });\n\n        describe('Accessibility Tree', () => {\n            it(\"option-list should have a role of 'menu' and the options a role of 'menuoption'\", async () => {\n                page = await setup({\n                    html: `<q2-example></q2-example>`,\n                });\n                await page.waitForChanges();\n\n                const snapshot = await page.accessibility.snapshot();\n                const menu = snapshot.children[0];\n\n                expect(menu.role).toEqual('menu');\n            });\n        });\n        describe('Keyboard Controls', () => {});\n        describe('Other', () => {});\n    });\n});\n"]}

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

@@ -0,0 +1,126 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { Q2Example } from "../q2-example";
+describe.skip('q2-example', () => {
+    let specPage;
+    describe('Props', () => {
+        describe('disabled', () => {
+            it('does not add disabled class when not provided (default)', async () => {
+                var _a;
+                specPage = await newSpecPage({
+                    components: [Q2Example],
+                    html: `<q2-example></q2-example>`,
+                });
+                expect((_a = specPage === null || specPage === void 0 ? void 0 : specPage.root) === null || _a === void 0 ? void 0 : _a.shadowRoot.querySelector('.menu')).not.toHaveClass('disabled');
+            });
+            it('disables the component when provided', async () => {
+                var _a;
+                specPage = await newSpecPage({
+                    components: [Q2Example],
+                    html: `<q2-example disabled></q2-example>`,
+                });
+                expect((_a = specPage === null || specPage === void 0 ? void 0 : specPage.root) === null || _a === void 0 ? void 0 : _a.shadowRoot.querySelector('.menu')).toHaveClass('disabled');
+            });
+        });
+    });
+    describe('Events', () => {
+        describe('tctClick', () => {
+            it('emits an event when invoked', async () => {
+                var _a;
+                specPage = await newSpecPage({
+                    components: [Q2Example],
+                    html: `<q2-example></q2-example>`,
+                });
+                const closeSpy = jest.fn();
+                (_a = specPage.root) === null || _a === void 0 ? void 0 : _a.addEventListener('tctClick', closeSpy);
+                specPage.rootInstance.tctClick.emit();
+                await specPage.waitForChanges();
+                expect(closeSpy).toHaveBeenCalled();
+            });
+            it('emits an event when element is clicked', async () => {
+                var _a, _b, _c, _d;
+                specPage = await newSpecPage({
+                    components: [Q2Example],
+                    html: `<q2-example></q2-example>`,
+                });
+                const closeSpy = jest.fn();
+                (_a = specPage.root) === null || _a === void 0 ? void 0 : _a.addEventListener('tctClick', closeSpy);
+                (_d = (_c = (_b = specPage.root) === null || _b === void 0 ? void 0 : _b.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.menu')) === null || _d === void 0 ? void 0 : _d.click();
+                await specPage.waitForChanges();
+                expect(closeSpy).toHaveBeenCalled();
+            });
+            it('emits an event when a triggering event is dispatched', async () => {
+                var _a, _b, _c, _d;
+                specPage = await newSpecPage({
+                    components: [Q2Example],
+                    html: `<q2-example></q2-example>`,
+                });
+                const closeSpy = jest.fn();
+                (_a = specPage.root) === null || _a === void 0 ? void 0 : _a.addEventListener('tctClick', closeSpy);
+                (_d = (_c = (_b = specPage.root) === null || _b === void 0 ? void 0 : _b.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.menu')) === null || _d === void 0 ? void 0 : _d.dispatchEvent(new Event('click'));
+                await specPage.waitForChanges();
+                expect(closeSpy).toHaveBeenCalled();
+            });
+        });
+    });
+    describe('Listeners', () => {
+        describe('click', () => {
+            it('triggers the callback when a click event is dispatched', async () => {
+                var _a;
+                specPage = await newSpecPage({
+                    components: [Q2Example],
+                    html: `<q2-example></q2-example>`,
+                });
+                specPage.rootInstance.onClick = jest.fn();
+                (_a = specPage.root) === null || _a === void 0 ? void 0 : _a.dispatchEvent(new Event('click'));
+                await specPage.waitForChanges();
+                expect(specPage.rootInstance.onClick).toHaveBeenCalled();
+            });
+        });
+    });
+    describe('Methods', () => {
+        describe('openMenu', () => {
+            it("returns 'true'", async () => {
+                specPage = await newSpecPage({
+                    components: [Q2Example],
+                    html: `<q2-example></q2-example>`,
+                });
+                expect(await specPage.rootInstance.openMenu()).toEqual(true);
+            });
+        });
+    });
+    describe('Watchers', () => {
+        describe('content', () => {
+            it('executes updateState', async () => {
+                specPage = await newSpecPage({
+                    components: [Q2Example],
+                    html: `<q2-example></q2-example>`,
+                });
+                specPage.rootInstance.updateState = jest.fn();
+                specPage.rootInstance.content = 'new content';
+                await specPage.waitForChanges();
+                expect(await specPage.rootInstance.updateState).toHaveBeenCalled();
+            });
+        });
+    });
+    describe('Local methods', () => {
+        describe('menuState', () => {
+            it("returns 'open'", async () => {
+                specPage = await newSpecPage({
+                    components: [Q2Example],
+                    html: `<q2-example></q2-example>`,
+                });
+                expect(specPage.rootInstance.menuState).toEqual('open');
+            });
+        });
+        describe('prepareAnimation', () => {
+            it('returns undefined', async () => {
+                specPage = await newSpecPage({
+                    components: [Q2Example],
+                    html: `<q2-example></q2-example>`,
+                });
+                expect(await specPage.rootInstance.prepareAnimation()).toBeUndefined();
+            });
+        });
+    });
+});
+//# sourceMappingURL=q2-example.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"q2-example.spec.js","sourceRoot":"","sources":["../../../../src/components/q2-example/test/q2-example.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { SpecPage, newSpecPage } from '@stencil/core/testing';\nimport { Q2Example } from '../q2-example';\n\ndescribe.skip('q2-example', () => {\n    let specPage: SpecPage;\n\n    describe('Props', () => {\n        describe('disabled', () => {\n            it('does not add disabled class when not provided (default)', async () => {\n                specPage = await newSpecPage({\n                    components: [Q2Example],\n                    html: `<q2-example></q2-example>`,\n                });\n\n                expect(specPage?.root?.shadowRoot.querySelector('.menu')).not.toHaveClass('disabled');\n            });\n\n            it('disables the component when provided', async () => {\n                specPage = await newSpecPage({\n                    components: [Q2Example],\n                    html: `<q2-example disabled></q2-example>`,\n                });\n\n                expect(specPage?.root?.shadowRoot.querySelector('.menu')).toHaveClass('disabled');\n            });\n        });\n    });\n\n    describe('Events', () => {\n        describe('tctClick', () => {\n            it('emits an event when invoked', async () => {\n                specPage = await newSpecPage({\n                    components: [Q2Example],\n                    html: `<q2-example></q2-example>`,\n                });\n\n                const closeSpy = jest.fn();\n                specPage.root?.addEventListener('tctClick', closeSpy);\n                specPage.rootInstance.tctClick.emit();\n                await specPage.waitForChanges();\n\n                expect(closeSpy).toHaveBeenCalled();\n            });\n\n            it('emits an event when element is clicked', async () => {\n                specPage = await newSpecPage({\n                    components: [Q2Example],\n                    html: `<q2-example></q2-example>`,\n                });\n\n                const closeSpy = jest.fn();\n                specPage.root?.addEventListener('tctClick', closeSpy);\n                specPage.root?.shadowRoot?.querySelector<HTMLDivElement>('.menu')?.click();\n                await specPage.waitForChanges();\n\n                expect(closeSpy).toHaveBeenCalled();\n            });\n\n            it('emits an event when a triggering event is dispatched', async () => {\n                specPage = await newSpecPage({\n                    components: [Q2Example],\n                    html: `<q2-example></q2-example>`,\n                });\n\n                const closeSpy = jest.fn();\n                specPage.root?.addEventListener('tctClick', closeSpy);\n                specPage.root?.shadowRoot?.querySelector('.menu')?.dispatchEvent(new Event('click'));\n                await specPage.waitForChanges();\n\n                expect(closeSpy).toHaveBeenCalled();\n            });\n        });\n    });\n\n    describe('Listeners', () => {\n        describe('click', () => {\n            it('triggers the callback when a click event is dispatched', async () => {\n                specPage = await newSpecPage({\n                    components: [Q2Example],\n                    html: `<q2-example></q2-example>`,\n                });\n\n                specPage.rootInstance.onClick = jest.fn();\n                specPage.root?.dispatchEvent(new Event('click'));\n                await specPage.waitForChanges();\n\n                expect(specPage.rootInstance.onClick).toHaveBeenCalled();\n            });\n        });\n    });\n\n    describe('Methods', () => {\n        describe('openMenu', () => {\n            it(\"returns 'true'\", async () => {\n                specPage = await newSpecPage({\n                    components: [Q2Example],\n                    html: `<q2-example></q2-example>`,\n                });\n\n                expect(await specPage.rootInstance.openMenu()).toEqual(true);\n            });\n        });\n    });\n\n    describe('Watchers', () => {\n        describe('content', () => {\n            it('executes updateState', async () => {\n                specPage = await newSpecPage({\n                    components: [Q2Example],\n                    html: `<q2-example></q2-example>`,\n                });\n\n                specPage.rootInstance.updateState = jest.fn();\n                specPage.rootInstance.content = 'new content';\n                await specPage.waitForChanges();\n\n                expect(await specPage.rootInstance.updateState).toHaveBeenCalled();\n            });\n        });\n    });\n\n    describe('Local methods', () => {\n        describe('menuState', () => {\n            it(\"returns 'open'\", async () => {\n                specPage = await newSpecPage({\n                    components: [Q2Example],\n                    html: `<q2-example></q2-example>`,\n                });\n\n                expect(specPage.rootInstance.menuState).toEqual('open');\n            });\n        });\n\n        describe('prepareAnimation', () => {\n            it('returns undefined', async () => {\n                specPage = await newSpecPage({\n                    components: [Q2Example],\n                    html: `<q2-example></q2-example>`,\n                });\n\n                expect(await specPage.rootInstance.prepareAnimation()).toBeUndefined();\n            });\n        });\n    });\n});\n"]}

package/dist/collection/components/q2-formatted-text/q2-formatted-text.js

@@ -46,7 +46,7 @@ export class Q2FormattedText {
     // #region Render Methods
     render() {
         const { formattedTextClasses } = this;
-        return (h("div", { key: '0deb2247f66e39d44ab56bc889520cd67caf20dc', class: formattedTextClasses, "aria-label": this.formattedValue }, h("span", { key: '7b8bba7f894f439d4628329082dd41a3629b3f79' }, this.formattedValue)));
+        return (h("div", { key: '1957c3f976bc87c24859d94c27e1baf35da8fc03', class: formattedTextClasses, "aria-label": this.formattedValue }, h("span", { key: '8dac0d558d205fc183d16c4aef922ab470eec6ab' }, this.formattedValue)));
     }
     static get is() { return "q2-formatted-text"; }
     static get encapsulation() { return "shadow"; }

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

@@ -0,0 +1,10 @@
+import formatAlpha from "./alpha";
+describe('formatAlpha', () => {
+    it('should format alpha values correctly', () => {
+        expect(formatAlpha('a b c 1 2 3 - . ? #').fullyFormattedValue).toBe('abc');
+    });
+    it('should apply format modifiers correctly', () => {
+        expect(formatAlpha('a b c123', 'spaced').fullyFormattedValue).toBe('a b c');
+    });
+});
+//# sourceMappingURL=alpha.spec.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,7 @@
+import formatAlphanumeric from "./alphanumeric";
+describe('formatAlphanumeric', () => {
+    it('should format alphanumeric values correctly', () => {
+        expect(formatAlphanumeric('a b c 1 2 3 - . ? #').fullyFormattedValue).toBe('abc123');
+    });
+});
+//# sourceMappingURL=alphanumeric.spec.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,20 @@
+import formatCurrency from "./currency";
+describe('formatCurrency', () => {
+    it('should format currency values correctly', () => {
+        expect(formatCurrency('12345', 'USD').fullyFormattedValue).toBe('$123.45');
+        expect(formatCurrency('12345', 'MXN').fullyFormattedValue).toBe('$123.45');
+        expect(formatCurrency('12345', 'BRL').fullyFormattedValue).toBe('R$123.45');
+        expect(formatCurrency('12345', 'CNY').fullyFormattedValue).toBe('¥123.45');
+        expect(formatCurrency('12345', 'HKD').fullyFormattedValue).toBe('$123.45');
+        expect(formatCurrency('12345', 'TWD').fullyFormattedValue).toBe('$123.45');
+    });
+    it('should apply format modifiers correctly', () => {
+        expect(formatCurrency('12345', 'USD-integer').fullyFormattedValue).toBe('$12,345');
+        expect(formatCurrency('12345', 'MXN-integer').fullyFormattedValue).toBe('$12,345');
+        expect(formatCurrency('12345', 'BRL-integer').fullyFormattedValue).toBe('R$12,345');
+        expect(formatCurrency('12345', 'CNY-integer').fullyFormattedValue).toBe('¥12,345');
+        expect(formatCurrency('12345', 'HKD-integer').fullyFormattedValue).toBe('$12,345');
+        expect(formatCurrency('12345', 'TWD-integer').fullyFormattedValue).toBe('$12,345');
+    });
+});
+//# sourceMappingURL=currency.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"currency.spec.js","sourceRoot":"","sources":["../../../../src/components/q2-input/formatting/currency.spec.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,YAAY,CAAC;AAExC,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;QAC/C,MAAM,CAAC,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC3E,MAAM,CAAC,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC3E,MAAM,CAAC,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAC5E,MAAM,CAAC,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC3E,MAAM,CAAC,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC3E,MAAM,CAAC,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;QAC/C,MAAM,CAAC,cAAc,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACnF,MAAM,CAAC,cAAc,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACnF,MAAM,CAAC,cAAc,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACpF,MAAM,CAAC,cAAc,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACnF,MAAM,CAAC,cAAc,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACnF,MAAM,CAAC,cAAc,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACvF,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import formatCurrency from './currency';\n\ndescribe('formatCurrency', () => {\n    it('should format currency values correctly', () => {\n        expect(formatCurrency('12345', 'USD').fullyFormattedValue).toBe('$123.45');\n        expect(formatCurrency('12345', 'MXN').fullyFormattedValue).toBe('$123.45');\n        expect(formatCurrency('12345', 'BRL').fullyFormattedValue).toBe('R$123.45');\n        expect(formatCurrency('12345', 'CNY').fullyFormattedValue).toBe('¥123.45');\n        expect(formatCurrency('12345', 'HKD').fullyFormattedValue).toBe('$123.45');\n        expect(formatCurrency('12345', 'TWD').fullyFormattedValue).toBe('$123.45');\n    });\n\n    it('should apply format modifiers correctly', () => {\n        expect(formatCurrency('12345', 'USD-integer').fullyFormattedValue).toBe('$12,345');\n        expect(formatCurrency('12345', 'MXN-integer').fullyFormattedValue).toBe('$12,345');\n        expect(formatCurrency('12345', 'BRL-integer').fullyFormattedValue).toBe('R$12,345');\n        expect(formatCurrency('12345', 'CNY-integer').fullyFormattedValue).toBe('¥12,345');\n        expect(formatCurrency('12345', 'HKD-integer').fullyFormattedValue).toBe('$12,345');\n        expect(formatCurrency('12345', 'TWD-integer').fullyFormattedValue).toBe('$12,345');\n    });\n});\n"]}

package/dist/collection/components/q2-input/formatting/date.js

@@ -1,5 +1,5 @@
 import formatValue from "./generic";
-const dateFormats = {
+export const dateFormats = {
     'MM/DD/YYYY': '##/##/####',
     'M/D/YYYY': '#?/#?/####',
     'MM/DD/YY': '##/##/##',

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

@@ -1 +1 @@
-{"version":3,"file":"date.js","sourceRoot":"","sources":["../../../../src/components/q2-input/formatting/date.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,WAAW,CAAC;AAEpC,MAAM,WAAW,GAAG;IAChB,YAAY,EAAE,YAAY;IAC1B,UAAU,EAAE,YAAY;IACxB,UAAU,EAAE,UAAU;IACtB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,OAAO;IAChB,MAAM,EAAE,OAAO;IACf,YAAY,EAAE,YAAY;IAC1B,UAAU,EAAE,YAAY;IACxB,UAAU,EAAE,UAAU;IACtB,QAAQ,EAAE,UAAU;IACpB,YAAY,EAAE,YAAY;IAC1B,UAAU,EAAE,YAAY;IACxB,UAAU,EAAE,UAAU;IACtB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,OAAO;IAChB,MAAM,EAAE,OAAO;IACf,YAAY,EAAE,YAAY;IAC1B,UAAU,EAAE,YAAY;IACxB,UAAU,EAAE,UAAU;IACtB,QAAQ,EAAE,UAAU;CACvB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAa,EAAE,SAAiB,YAAY;IAC3E,MAAM,IAAI,GAAG,WAAW,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW,EAAE,CAAC,IAAI,WAAW,CAAC,YAAY,CAAC,CAAC;IAE7E,MAAM,oBAAoB,GAAG,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAEtD,uCACO,oBAAoB,KACvB,KAAK,EAAE,oBAAoB,CAAC,cAAc,IAC5C;AACN,CAAC","sourcesContent":["import formatValue from './generic';\n\nconst dateFormats = {\n    'MM/DD/YYYY': '##/##/####',\n    'M/D/YYYY': '#?/#?/####',\n    'MM/DD/YY': '##/##/##',\n    'M/D/YY': '#?/#?/##',\n    'MM/YY': '##/##',\n    'M/YY': '#?/##',\n    'DD/MM/YYYY': '##/##/####',\n    'D/M/YYYY': '#?/#?/####',\n    'DD/MM/YY': '##/##/##',\n    'D/M/YY': '#?/#?/##',\n    'MM-DD-YYYY': '##-##-####',\n    'M-D-YYYY': '#?-#?-####',\n    'MM-DD-YY': '##-##-##',\n    'M-D-YY': '#?-#?-##',\n    'MM-YY': '##-##',\n    'M-YY': '#?-##',\n    'DD-MM-YYYY': '##-##-####',\n    'D-M-YYYY': '#?-#?-####',\n    'DD-MM-YY': '##-##-##',\n    'D-M-YY': '#?-#?-##',\n};\n\nexport default function formatDate(value: string, format: string = 'MM/DD/YYYY') {\n    const mask = dateFormats[format?.toUpperCase()] || dateFormats['MM/DD/YYYY'];\n\n    const formattedValueObject = formatValue(value, mask);\n\n    return {\n        ...formattedValueObject,\n        value: formattedValueObject.formattedValue,\n    };\n}\n"]}
+{"version":3,"file":"date.js","sourceRoot":"","sources":["../../../../src/components/q2-input/formatting/date.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,WAAW,CAAC;AAEpC,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,YAAY,EAAE,YAAY;IAC1B,UAAU,EAAE,YAAY;IACxB,UAAU,EAAE,UAAU;IACtB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,OAAO;IAChB,MAAM,EAAE,OAAO;IACf,YAAY,EAAE,YAAY;IAC1B,UAAU,EAAE,YAAY;IACxB,UAAU,EAAE,UAAU;IACtB,QAAQ,EAAE,UAAU;IACpB,YAAY,EAAE,YAAY;IAC1B,UAAU,EAAE,YAAY;IACxB,UAAU,EAAE,UAAU;IACtB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,OAAO;IAChB,MAAM,EAAE,OAAO;IACf,YAAY,EAAE,YAAY;IAC1B,UAAU,EAAE,YAAY;IACxB,UAAU,EAAE,UAAU;IACtB,QAAQ,EAAE,UAAU;CACvB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAa,EAAE,SAAiB,YAAY;IAC3E,MAAM,IAAI,GAAG,WAAW,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW,EAAE,CAAC,IAAI,WAAW,CAAC,YAAY,CAAC,CAAC;IAE7E,MAAM,oBAAoB,GAAG,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAEtD,uCACO,oBAAoB,KACvB,KAAK,EAAE,oBAAoB,CAAC,cAAc,IAC5C;AACN,CAAC","sourcesContent":["import formatValue from './generic';\n\nexport const dateFormats = {\n    'MM/DD/YYYY': '##/##/####',\n    'M/D/YYYY': '#?/#?/####',\n    'MM/DD/YY': '##/##/##',\n    'M/D/YY': '#?/#?/##',\n    'MM/YY': '##/##',\n    'M/YY': '#?/##',\n    'DD/MM/YYYY': '##/##/####',\n    'D/M/YYYY': '#?/#?/####',\n    'DD/MM/YY': '##/##/##',\n    'D/M/YY': '#?/#?/##',\n    'MM-DD-YYYY': '##-##-####',\n    'M-D-YYYY': '#?-#?-####',\n    'MM-DD-YY': '##-##-##',\n    'M-D-YY': '#?-#?-##',\n    'MM-YY': '##-##',\n    'M-YY': '#?-##',\n    'DD-MM-YYYY': '##-##-####',\n    'D-M-YYYY': '#?-#?-####',\n    'DD-MM-YY': '##-##-##',\n    'D-M-YY': '#?-#?-##',\n};\n\nexport default function formatDate(value: string, format: string = 'MM/DD/YYYY') {\n    const mask = dateFormats[format?.toUpperCase()] || dateFormats['MM/DD/YYYY'];\n\n    const formattedValueObject = formatValue(value, mask);\n\n    return {\n        ...formattedValueObject,\n        value: formattedValueObject.formattedValue,\n    };\n}\n"]}

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

@@ -0,0 +1,17 @@
+import formatDate, { dateFormats } from "./date";
+describe('formatDate', () => {
+    // This is currently a broken pattern. The test only really validates that / or - are being placed in the correct spots.
+    // The ? symbols mean optional characters, but the formatter places digits there anyway.
+    // We may need to refactor formatValue() to handle optional characters differently for dates if we want them to match the formatModifier.
+    Object.entries(dateFormats).forEach(([format, mask]) => {
+        it(`should format value to provided format: ${format}`, () => {
+            const exampleValue = mask.replace(/[#?]/g, '1').replace(/[-/]/g, '');
+            const expectedResult = mask.replace(/[#?]/g, '1');
+            expect(formatDate(exampleValue, format).fullyFormattedValue).toBe(expectedResult);
+        });
+    });
+    it('should fallback to default format if invalid format is provided', () => {
+        expect(formatDate('11111111', 'INVALID').fullyFormattedValue).toBe('11/11/1111');
+    });
+});
+//# sourceMappingURL=date.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date.spec.js","sourceRoot":"","sources":["../../../../src/components/q2-input/formatting/date.spec.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,EAAE,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAEjD,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IACxB,wHAAwH;IACxH,wFAAwF;IACxF,yIAAyI;IACzI,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE;QACnD,EAAE,CAAC,2CAA2C,MAAM,EAAE,EAAE,GAAG,EAAE;YACzD,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;YACrE,MAAM,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;YAClD,MAAM,CAAC,UAAU,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QACtF,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iEAAiE,EAAE,GAAG,EAAE;QACvE,MAAM,CAAC,UAAU,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IACrF,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import formatDate, { dateFormats } from './date';\n\ndescribe('formatDate', () => {\n    // This is currently a broken pattern. The test only really validates that / or - are being placed in the correct spots.\n    // The ? symbols mean optional characters, but the formatter places digits there anyway.\n    // We may need to refactor formatValue() to handle optional characters differently for dates if we want them to match the formatModifier.\n    Object.entries(dateFormats).forEach(([format, mask]) => {\n        it(`should format value to provided format: ${format}`, () => {\n            const exampleValue = mask.replace(/[#?]/g, '1').replace(/[-/]/g, '');\n            const expectedResult = mask.replace(/[#?]/g, '1');\n            expect(formatDate(exampleValue, format).fullyFormattedValue).toBe(expectedResult);\n        });\n    });\n\n    it('should fallback to default format if invalid format is provided', () => {\n        expect(formatDate('11111111', 'INVALID').fullyFormattedValue).toBe('11/11/1111');\n    });\n});\n"]}