q2-tecton-elements 1.51.0 → 1.52.0

package/dist/q2-tecton-elements/tecton-tab-pane.entry.js

@@ -0,0 +1,134 @@
+import { r as e, c as i, h as t, g as n } from "./index-7a5365e2.js";
+
+const s = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.tab-pane[aria-hidden=true]{display:none}.tab-pane:focus{outline:none;box-shadow:none}.loading-wrapper{height:44px;width:100%;align-items:center;justify-content:center}.loading-wrapper:not([hidden]){display:flex}iframe{width:100%;height:auto;overflow-y:hidden;border:none}iframe:not([hidden]){display:inline-block}.slot-wrapper:focus{outline:none;box-shadow:var(--const-global-focus)}";
+
+const d = s;
+
+const a = class {
+  constructor(t) {
+    e(this, t);
+    this.badge = i(this, "badge", 7);
+    this.onIFrameLoad = e => {
+      const i = e.target;
+      i.contentWindow && i.contentWindow.postMessage(`[iFrameSizer]${this.moduleId}:0:false:false:32:true:true:null:documentElementOffset`, "*");
+    };
+    this._showForm = undefined;
+    this.authPayload = undefined;
+    this.badgeCount = undefined;
+    this.badgeDescription = undefined;
+    this.badgeStatus = undefined;
+    this.badgeTheme = undefined;
+    this.guid = undefined;
+    this.index = undefined;
+    this.label = undefined;
+    this.minHeight = undefined;
+    this.moduleId = undefined;
+    this.name = undefined;
+    this.provided = undefined;
+    this.selected = undefined;
+    this.showForm = undefined;
+    this.url = undefined;
+    this.value = undefined;
+  }
+  // #endregion
+  // #region Component Lifecycle Events
+  componentWillLoad() {
+    this._showForm = this.showForm;
+  }
+  componentWillRender() {
+    const e = this.hostElement.shadowRoot.querySelector(".loading-wrapper");
+    if (e) {
+      e.style.minHeight = this.minHeight;
+      e.hidden = !this.selected;
+    }
+  }
+  componentDidRender() {
+    const e = this.hostElement.shadowRoot.querySelector("form");
+    if (!!e && !!e.parentElement) {
+      e.submit();
+      this._showForm = false;
+    }
+  }
+  // #endregion
+  // #region Watchers
+  badgeObserver() {
+    this.badge.emit();
+  }
+  selectedObserver() {
+    const e = this.hostElement.shadowRoot.querySelector('div[slot="loading-wrapper"]');
+    this._showForm = this.showForm;
+ // reset state
+        if (e) {
+      e.hidden = !this.selected;
+    }
+  }
+  // #endregion
+  // #region Local Methods
+  get iframeTitle() {
+    return this.moduleId.split(".").slice(-2).join("-");
+  }
+  // #endregion
+  // #region Render Methods
+  render() {
+    return t("div", {
+      key: "5174270c1e044911b9d44c816a2028b43700a995",
+      id: `tab-pane-${this.guid}-${this.index}`,
+      class: `tab-pane${this.selected ? "" : " hidden"}`,
+      role: "tabpanel",
+      tabindex: "-1",
+      "aria-hidden": `${!this.selected}`,
+      "aria-labelledby": `tab-${this.guid}-${this.index}`
+    }, this.selected && this.provided !== undefined && !this.provided && t("div", {
+      key: "5e2e150c061227354cd8258d0f47ed0aa42efca6"
+    }, t("slot", {
+      key: "b6d73cfc3af1e9886cc32e8a8beefea6021ee3a3",
+      name: "loading-wrapper"
+    }), t("iframe", {
+      key: "bf5327f033c4d14e191b8924fc0c9150216e23eb",
+      hidden: true,
+      name: this.moduleId,
+      scrolling: "no",
+      src: this.showForm && this.authPayload.length ? "" : this.url || "",
+      "data-module-id": this.moduleId,
+      style: this.minHeight ? {
+        minHeight: this.minHeight
+      } : null,
+      onLoad: this.onIFrameLoad,
+      title: this.iframeTitle,
+      allow: "geolocation; camera"
+    }), this._showForm && this.authPayload ? t("form", {
+      hidden: true,
+      method: "post",
+      action: this.url,
+      target: this.moduleId,
+      encType: "multipart/form-data"
+    }, this.authPayload.map((e => t("input", {
+      type: "hidden",
+      value: e.value,
+      name: e.key
+    })))) : ""), t("div", {
+      key: "43c42d0775a119f1e506a3935a55761e8635a70c",
+      class: "slot-wrapper",
+      hidden: this.selected && this.provided !== undefined && !this.provided
+    }, t("slot", {
+      key: "e09658539ada47efbbd04fedf0e675ea2bd626c9"
+    })));
+  }
+  get hostElement() {
+    return n(this);
+  }
+  static get watchers() {
+    return {
+      badgeCount: [ "badgeObserver" ],
+      badgeDescription: [ "badgeObserver" ],
+      badgeTheme: [ "badgeObserver" ],
+      badgeStatus: [ "badgeObserver" ],
+      selected: [ "selectedObserver" ]
+    };
+  }
+};
+
+a.style = d;
+
+export { a as tecton_tab_pane };
+//# sourceMappingURL=tecton-tab-pane.entry.js.map

package/dist/q2-tecton-elements/{p-96b1406c.entry.js.map → tecton-tab-pane.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["tectonTabPaneCss","TectonTabPaneStyle0","TectonTabPane","this","onIFrameLoad","event","iframe","target","contentWindow","postMessage","moduleId","componentWillLoad","_showForm","showForm","componentWillRender","loadingWrapper","hostElement","shadowRoot","querySelector","style","minHeight","hidden","selected","componentDidRender","formElement","parentElement","submit","badgeObserver","badge","emit","selectedObserver","loader","iframeTitle","split","slice","join","render","h","key","id","guid","index","class","role","tabindex","provided","undefined","name","scrolling","src","authPayload","length","url","onLoad","title","allow","method","action","encType","map","element","type","value"],"sources":["src/components/tecton-tab-pane/tecton-tab-pane.scss?tag=tecton-tab-pane&encapsulation=shadow","src/components/tecton-tab-pane/tecton-tab-pane.tsx"],"sourcesContent":["@import '../q2-tab-pane/q2-tab-pane.scss';\n\n.loading-wrapper {\n    height: 44px;\n    width: 100%;\n    align-items: center;\n    justify-content: center;\n}\n.loading-wrapper:not([hidden]) {\n    display: flex;\n}\niframe {\n    width: 100%;\n    height: auto;\n    overflow-y: hidden;\n    border: none;\n}\niframe:not([hidden]) {\n    display: inline-block;\n}\n\n.slot-wrapper:focus {\n    outline: none;\n    box-shadow: var(--const-global-focus);\n}\n","import { Component, ComponentInterface, Element, h, Prop, State, Event, EventEmitter, Watch } from '@stencil/core';\nimport { Q2Badge } from '../q2-badge/q2-badge';\n\n@Component({ tag: 'tecton-tab-pane', shadow: true, styleUrl: 'tecton-tab-pane.scss' })\nexport class TectonTabPane implements ComponentInterface {\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region State Properties\n\n    @State()\n    _showForm: boolean;\n\n    // #endregion\n    // #region Public Property API\n\n    @Prop()\n    authPayload: { key: string; value: string }[];\n\n    @Prop({ reflect: true })\n    badgeCount: number;\n\n    @Prop({ reflect: true })\n    badgeDescription: string;\n\n    @Prop({ reflect: true })\n    badgeStatus: Q2Badge['status'];\n\n    @Prop({ reflect: true })\n    badgeTheme: Q2Badge['theme'];\n\n    @Prop()\n    guid: number;\n\n    @Prop()\n    index: number;\n\n    @Prop({ reflect: true })\n    label: string;\n\n    @Prop({ reflect: true })\n    minHeight: string;\n\n    @Prop({ reflect: true })\n    moduleId: string;\n\n    @Prop({ reflect: true })\n    name: string;\n\n    /**\n     * above props duplicated from q2-tab-pane.\n     * Unable to extend due to Stencil decorator limitation\n     */\n    @Prop({ reflect: true })\n    provided: boolean;\n\n    @Prop({ reflect: true })\n    selected: boolean;\n\n    @Prop()\n    showForm: boolean;\n\n    @Prop({ reflect: true })\n    url: string;\n\n    @Prop({ reflect: true })\n    value: string;\n\n    // #endregion\n    // #region Events\n\n    /**\n     * Emitted when the badge count, description, theme, or status changes.\n     * @private\n     */\n    @Event({ bubbles: true })\n    badge: EventEmitter<boolean>;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    componentWillLoad() {\n        this._showForm = this.showForm;\n    }\n\n    componentWillRender(): void | Promise<void> {\n        const loadingWrapper: HTMLDivElement = this.hostElement.shadowRoot.querySelector('.loading-wrapper');\n        if (loadingWrapper) {\n            loadingWrapper.style.minHeight = this.minHeight;\n            loadingWrapper.hidden = !this.selected;\n        }\n    }\n\n    componentDidRender() {\n        const formElement = this.hostElement.shadowRoot.querySelector('form');\n\n        if (!!formElement && !!formElement.parentElement) {\n            formElement.submit();\n            this._showForm = false;\n        }\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('badgeCount')\n    @Watch('badgeDescription')\n    @Watch('badgeTheme')\n    @Watch('badgeStatus')\n    badgeObserver() {\n        this.badge.emit();\n    }\n\n    @Watch('selected')\n    selectedObserver() {\n        const loader: HTMLDivElement = this.hostElement.shadowRoot.querySelector('div[slot=\"loading-wrapper\"]');\n        this._showForm = this.showForm; // reset state\n\n        if (loader) {\n            loader.hidden = !this.selected;\n        }\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get iframeTitle() {\n        return this.moduleId.split('.').slice(-2).join('-');\n    }\n\n    onIFrameLoad = (event: Event) => {\n        const iframe = event.target as HTMLIFrameElement;\n\n        iframe.contentWindow &&\n            iframe.contentWindow.postMessage(\n                `[iFrameSizer]${this.moduleId}:0:false:false:32:true:true:null:documentElementOffset`,\n                '*'\n            );\n    };\n\n    // #endregion\n    // #region Render Methods\n\n    render() {\n        return (\n            <div\n                id={`tab-pane-${this.guid}-${this.index}`}\n                class={`tab-pane${this.selected ? '' : ' hidden'}`}\n                role=\"tabpanel\"\n                tabindex=\"-1\"\n                aria-hidden={`${!this.selected}`}\n                aria-labelledby={`tab-${this.guid}-${this.index}`}\n            >\n                {this.selected && this.provided !== undefined && !this.provided && (\n                    <div>\n                        <slot name=\"loading-wrapper\" />\n                        <iframe\n                            hidden\n                            name={this.moduleId}\n                            scrolling=\"no\"\n                            src={this.showForm && this.authPayload.length ? '' : this.url || ''}\n                            data-module-id={this.moduleId}\n                            style={this.minHeight ? { minHeight: this.minHeight } : null}\n                            onLoad={this.onIFrameLoad}\n                            title={this.iframeTitle}\n                            allow=\"geolocation; camera\"\n                        />\n                        {this._showForm && this.authPayload ? (\n                            <form\n                                hidden\n                                method=\"post\"\n                                action={this.url}\n                                target={this.moduleId}\n                                encType=\"multipart/form-data\"\n                            >\n                                {this.authPayload.map(element => {\n                                    return (\n                                        <input\n                                            type=\"hidden\"\n                                            value={element.value}\n                                            name={element.key}\n                                        />\n                                    );\n                                })}\n                            </form>\n                        ) : (\n                            ''\n                        )}\n                    </div>\n                )}\n                <div\n                    class=\"slot-wrapper\"\n                    hidden={this.selected && this.provided !== undefined && !this.provided}\n                >\n                    <slot />\n                </div>\n            </div>\n        );\n    }\n\n    // #endregion\n}\n"],"mappings":"yDAAA,MAAMA,EAAmB,0hCACzB,MAAAC,EAAeD,E,MCGFE,EAAa,M,sDAiItBC,KAAAC,aAAgBC,IACZ,MAAMC,EAASD,EAAME,OAErBD,EAAOE,eACHF,EAAOE,cAAcC,YACjB,gBAAgBN,KAAKO,iEACrB,IACH,E,sZAxDT,iBAAAC,GACIR,KAAKS,UAAYT,KAAKU,Q,CAG1B,mBAAAC,GACI,MAAMC,EAAiCZ,KAAKa,YAAYC,WAAWC,cAAc,oBACjF,GAAIH,EAAgB,CAChBA,EAAeI,MAAMC,UAAYjB,KAAKiB,UACtCL,EAAeM,QAAUlB,KAAKmB,Q,EAItC,kBAAAC,GACI,MAAMC,EAAcrB,KAAKa,YAAYC,WAAWC,cAAc,QAE9D,KAAMM,KAAiBA,EAAYC,cAAe,CAC9CD,EAAYE,SACZvB,KAAKS,UAAY,K,EAWzB,aAAAe,GACIxB,KAAKyB,MAAMC,M,CAIf,gBAAAC,GACI,MAAMC,EAAyB5B,KAAKa,YAAYC,WAAWC,cAAc,+BACzEf,KAAKS,UAAYT,KAAKU,SAEtB,GAAIkB,EAAQ,CACRA,EAAOV,QAAUlB,KAAKmB,Q,EAO9B,eAAIU,GACA,OAAO7B,KAAKO,SAASuB,MAAM,KAAKC,OAAO,GAAGC,KAAK,I,CAgBnD,MAAAC,GACI,OACIC,EAAA,OAAAC,IAAA,2CACIC,GAAI,YAAYpC,KAAKqC,QAAQrC,KAAKsC,QAClCC,MAAO,WAAWvC,KAAKmB,SAAW,GAAK,YACvCqB,KAAK,WACLC,SAAS,KAAI,cACA,IAAIzC,KAAKmB,WAAU,kBACf,OAAOnB,KAAKqC,QAAQrC,KAAKsC,SAEzCtC,KAAKmB,UAAYnB,KAAK0C,WAAaC,YAAc3C,KAAK0C,UACnDR,EAAA,OAAAC,IAAA,4CACID,EAAA,QAAAC,IAAA,2CAAMS,KAAK,oBACXV,EAAA,UAAAC,IAAA,2CACIjB,OAAM,KACN0B,KAAM5C,KAAKO,SACXsC,UAAU,KACVC,IAAK9C,KAAKU,UAAYV,KAAK+C,YAAYC,OAAS,GAAKhD,KAAKiD,KAAO,GAAE,iBACnDjD,KAAKO,SACrBS,MAAOhB,KAAKiB,UAAY,CAAEA,UAAWjB,KAAKiB,WAAc,KACxDiC,OAAQlD,KAAKC,aACbkD,MAAOnD,KAAK6B,YACZuB,MAAM,wBAETpD,KAAKS,WAAaT,KAAK+C,YACpBb,EAAA,QACIhB,OAAM,KACNmC,OAAO,OACPC,OAAQtD,KAAKiD,IACb7C,OAAQJ,KAAKO,SACbgD,QAAQ,uBAEPvD,KAAK+C,YAAYS,KAAIC,GAEdvB,EAAA,SACIwB,KAAK,SACLC,MAAOF,EAAQE,MACff,KAAMa,EAAQtB,SAIvB,IAMnBD,EAAA,OAAAC,IAAA,2CACII,MAAM,eACNrB,OAAQlB,KAAKmB,UAAYnB,KAAK0C,WAAaC,YAAc3C,KAAK0C,UAE9DR,EAAA,QAAAC,IAAA,8C"}
+{"version":3,"names":["tectonTabPaneCss","TectonTabPaneStyle0","TectonTabPane","this","onIFrameLoad","event","iframe","target","contentWindow","postMessage","moduleId","componentWillLoad","_showForm","showForm","componentWillRender","loadingWrapper","hostElement","shadowRoot","querySelector","style","minHeight","hidden","selected","componentDidRender","formElement","parentElement","submit","badgeObserver","badge","emit","selectedObserver","loader","iframeTitle","split","slice","join","render","h","key","id","guid","index","class","role","tabindex","provided","undefined","name","scrolling","src","authPayload","length","url","onLoad","title","allow","method","action","encType","map","element","type","value"],"sources":["src/components/tecton-tab-pane/tecton-tab-pane.scss?tag=tecton-tab-pane&encapsulation=shadow","src/components/tecton-tab-pane/tecton-tab-pane.tsx"],"sourcesContent":["@import '../q2-tab-pane/q2-tab-pane.scss';\n\n.loading-wrapper {\n    height: 44px;\n    width: 100%;\n    align-items: center;\n    justify-content: center;\n}\n.loading-wrapper:not([hidden]) {\n    display: flex;\n}\niframe {\n    width: 100%;\n    height: auto;\n    overflow-y: hidden;\n    border: none;\n}\niframe:not([hidden]) {\n    display: inline-block;\n}\n\n.slot-wrapper:focus {\n    outline: none;\n    box-shadow: var(--const-global-focus);\n}\n","import { Component, ComponentInterface, Element, h, Prop, State, Event, EventEmitter, Watch } from '@stencil/core';\nimport { Q2Badge } from '../q2-badge/q2-badge';\n\n@Component({ tag: 'tecton-tab-pane', shadow: true, styleUrl: 'tecton-tab-pane.scss' })\nexport class TectonTabPane implements ComponentInterface {\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region State Properties\n\n    @State()\n    _showForm: boolean;\n\n    // #endregion\n    // #region Public Property API\n\n    @Prop()\n    authPayload: { key: string; value: string }[];\n\n    @Prop({ reflect: true })\n    badgeCount: number;\n\n    @Prop({ reflect: true })\n    badgeDescription: string;\n\n    @Prop({ reflect: true })\n    badgeStatus: Q2Badge['status'];\n\n    @Prop({ reflect: true })\n    badgeTheme: Q2Badge['theme'];\n\n    @Prop()\n    guid: number;\n\n    @Prop()\n    index: number;\n\n    @Prop({ reflect: true })\n    label: string;\n\n    @Prop({ reflect: true })\n    minHeight: string;\n\n    @Prop({ reflect: true })\n    moduleId: string;\n\n    @Prop({ reflect: true })\n    name: string;\n\n    /**\n     * above props duplicated from q2-tab-pane.\n     * Unable to extend due to Stencil decorator limitation\n     */\n    @Prop({ reflect: true })\n    provided: boolean;\n\n    @Prop({ reflect: true })\n    selected: boolean;\n\n    @Prop()\n    showForm: boolean;\n\n    @Prop({ reflect: true })\n    url: string;\n\n    @Prop({ reflect: true })\n    value: string;\n\n    // #endregion\n    // #region Events\n\n    /**\n     * Emitted when the badge count, description, theme, or status changes.\n     * @private\n     */\n    @Event({ bubbles: true })\n    badge: EventEmitter<boolean>;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    componentWillLoad() {\n        this._showForm = this.showForm;\n    }\n\n    componentWillRender(): void | Promise<void> {\n        const loadingWrapper: HTMLDivElement = this.hostElement.shadowRoot.querySelector('.loading-wrapper');\n        if (loadingWrapper) {\n            loadingWrapper.style.minHeight = this.minHeight;\n            loadingWrapper.hidden = !this.selected;\n        }\n    }\n\n    componentDidRender() {\n        const formElement = this.hostElement.shadowRoot.querySelector('form');\n\n        if (!!formElement && !!formElement.parentElement) {\n            formElement.submit();\n            this._showForm = false;\n        }\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('badgeCount')\n    @Watch('badgeDescription')\n    @Watch('badgeTheme')\n    @Watch('badgeStatus')\n    badgeObserver() {\n        this.badge.emit();\n    }\n\n    @Watch('selected')\n    selectedObserver() {\n        const loader: HTMLDivElement = this.hostElement.shadowRoot.querySelector('div[slot=\"loading-wrapper\"]');\n        this._showForm = this.showForm; // reset state\n\n        if (loader) {\n            loader.hidden = !this.selected;\n        }\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get iframeTitle() {\n        return this.moduleId.split('.').slice(-2).join('-');\n    }\n\n    onIFrameLoad = (event: Event) => {\n        const iframe = event.target as HTMLIFrameElement;\n\n        iframe.contentWindow &&\n            iframe.contentWindow.postMessage(\n                `[iFrameSizer]${this.moduleId}:0:false:false:32:true:true:null:documentElementOffset`,\n                '*'\n            );\n    };\n\n    // #endregion\n    // #region Render Methods\n\n    render() {\n        return (\n            <div\n                id={`tab-pane-${this.guid}-${this.index}`}\n                class={`tab-pane${this.selected ? '' : ' hidden'}`}\n                role=\"tabpanel\"\n                tabindex=\"-1\"\n                aria-hidden={`${!this.selected}`}\n                aria-labelledby={`tab-${this.guid}-${this.index}`}\n            >\n                {this.selected && this.provided !== undefined && !this.provided && (\n                    <div>\n                        <slot name=\"loading-wrapper\" />\n                        <iframe\n                            hidden\n                            name={this.moduleId}\n                            scrolling=\"no\"\n                            src={this.showForm && this.authPayload.length ? '' : this.url || ''}\n                            data-module-id={this.moduleId}\n                            style={this.minHeight ? { minHeight: this.minHeight } : null}\n                            onLoad={this.onIFrameLoad}\n                            title={this.iframeTitle}\n                            allow=\"geolocation; camera\"\n                        />\n                        {this._showForm && this.authPayload ? (\n                            <form\n                                hidden\n                                method=\"post\"\n                                action={this.url}\n                                target={this.moduleId}\n                                encType=\"multipart/form-data\"\n                            >\n                                {this.authPayload.map(element => {\n                                    return (\n                                        <input\n                                            type=\"hidden\"\n                                            value={element.value}\n                                            name={element.key}\n                                        />\n                                    );\n                                })}\n                            </form>\n                        ) : (\n                            ''\n                        )}\n                    </div>\n                )}\n                <div\n                    class=\"slot-wrapper\"\n                    hidden={this.selected && this.provided !== undefined && !this.provided}\n                >\n                    <slot />\n                </div>\n            </div>\n        );\n    }\n\n    // #endregion\n}\n"],"mappings":";;AAAA,MAAMA,IAAmB;;AACzB,MAAAC,IAAeD;;MCGFE,IAAa;;;;IAiItBC,KAAAC,eAAgBC;MACZ,MAAMC,IAASD,EAAME;MAErBD,EAAOE,iBACHF,EAAOE,cAAcC,YACjB,gBAAgBN,KAAKO,kEACrB;AACH;;;;;;;;;;;;;;;;;;;;;EAxDT,iBAAAC;IACIR,KAAKS,YAAYT,KAAKU;;EAG1B,mBAAAC;IACI,MAAMC,IAAiCZ,KAAKa,YAAYC,WAAWC,cAAc;IACjF,IAAIH,GAAgB;MAChBA,EAAeI,MAAMC,YAAYjB,KAAKiB;MACtCL,EAAeM,UAAUlB,KAAKmB;;;EAItC,kBAAAC;IACI,MAAMC,IAAcrB,KAAKa,YAAYC,WAAWC,cAAc;IAE9D,MAAMM,OAAiBA,EAAYC,eAAe;MAC9CD,EAAYE;MACZvB,KAAKS,YAAY;;;;;EAWzB,aAAAe;IACIxB,KAAKyB,MAAMC;;EAIf,gBAAAC;IACI,MAAMC,IAAyB5B,KAAKa,YAAYC,WAAWC,cAAc;IACzEf,KAAKS,YAAYT,KAAKU;;QAEtB,IAAIkB,GAAQ;MACRA,EAAOV,UAAUlB,KAAKmB;;;;;EAO9B,eAAIU;IACA,OAAO7B,KAAKO,SAASuB,MAAM,KAAKC,OAAO,GAAGC,KAAK;;;;EAgBnD,MAAAC;IACI,OACIC,EAAA;MAAAC,KAAA;MACIC,IAAI,YAAYpC,KAAKqC,QAAQrC,KAAKsC;MAClCC,OAAO,WAAWvC,KAAKmB,WAAW,KAAK;MACvCqB,MAAK;MACLC,UAAS;MAAI,eACA,IAAIzC,KAAKmB;MAAU,mBACf,OAAOnB,KAAKqC,QAAQrC,KAAKsC;OAEzCtC,KAAKmB,YAAYnB,KAAK0C,aAAaC,cAAc3C,KAAK0C,YACnDR,EAAA;MAAAC,KAAA;OACID,EAAA;MAAAC,KAAA;MAAMS,MAAK;QACXV,EAAA;MAAAC,KAAA;MACIjB,QAAM;MACN0B,MAAM5C,KAAKO;MACXsC,WAAU;MACVC,KAAK9C,KAAKU,YAAYV,KAAK+C,YAAYC,SAAS,KAAKhD,KAAKiD,OAAO;MAAE,kBACnDjD,KAAKO;MACrBS,OAAOhB,KAAKiB,YAAY;QAAEA,WAAWjB,KAAKiB;UAAc;MACxDiC,QAAQlD,KAAKC;MACbkD,OAAOnD,KAAK6B;MACZuB,OAAM;QAETpD,KAAKS,aAAaT,KAAK+C,cACpBb,EAAA;MACIhB,QAAM;MACNmC,QAAO;MACPC,QAAQtD,KAAKiD;MACb7C,QAAQJ,KAAKO;MACbgD,SAAQ;OAEPvD,KAAK+C,YAAYS,KAAIC,KAEdvB,EAAA;MACIwB,MAAK;MACLC,OAAOF,EAAQE;MACff,MAAMa,EAAQtB;YAIvB,KAMnBD,EAAA;MAAAC,KAAA;MACII,OAAM;MACNrB,QAAQlB,KAAKmB,YAAYnB,KAAK0C,aAAaC,cAAc3C,KAAK0C;OAE9DR,EAAA;MAAAC,KAAA"}

package/dist/types/components/q2-calendar/q2-calendar.d.ts

@@ -12,7 +12,6 @@ export declare class Q2Calendar implements ComponentInterface {
     btnPrevYear: HTMLQ2BtnElement;
     calendarBody: HTMLDivElement;
     calendarTable: HTMLTableElement;
-    controlElement: HTMLQ2InputElement;
     dayAbbrStrings: string[];
     dayStrings: string[];
     defaultFormatString: string;
@@ -27,6 +26,7 @@ export declare class Q2Calendar implements ComponentInterface {
         toDate(): Date;
     };
     hostElement: HTMLElement;
+    controlElement: HTMLQ2InputElement;
     dateList: CalendarDay[];
     hintMessage: string;
     hintMessageType: 'info' | 'error';
@@ -279,7 +279,6 @@ export declare class Q2Calendar implements ComponentInterface {
     get errorList(): any[];
     get formattedValue(): string;
     get hintList(): string[];
-    get innerInputContainer(): HTMLElement;
     get innerInputField(): HTMLInputElement | HTMLButtonElement;
     get isTypeable(): boolean;
     get selectedDate(): Date;
@@ -287,15 +286,12 @@ export declare class Q2Calendar implements ComponentInterface {
     activateDay(date: Date): void;
     buildDateList(monthYear: ISelectedMonthYear): DateList;
     calendarDays(): any;
-    calendarPopover(): any;
     checkActiveCellForBlankness(): void;
     closeCalendar: () => void;
     focusDay(date: Date): Promise<void>;
     focusInput(): void;
     generateDateFromDay(day: number): Date;
     goToMonthYear: (monthIndex: number, year: number) => void;
-    hintField(): any;
-    inputField(): any;
     onClickElsewhere: (event: CustomEvent) => void;
     onDateKeydown: (event: KeyboardEvent) => void;
     onDateSelection: (event: MouseEvent) => void;
@@ -319,5 +315,8 @@ export declare class Q2Calendar implements ComponentInterface {
     }): Promise<void>;
     toggleCalendar: () => void;
     validateDate(): void;
+    renderCalendarPopover(): any;
+    renderHintField(): any;
+    renderInputField(): any;
     render(): any;
 }

package/dist/types/components/q2-chart-area/q2-chart-area.d.ts

@@ -125,5 +125,11 @@ export declare class Q2ChartArea implements ComponentInterface {
     resizeChart(): void;
     setupChartEvents(chart: echarts.ECharts): void;
     updateChart(chart: echarts.ECharts): void;
+    /**
+     * A method to fire change event on hover on a point.
+     *
+     * @testOnly
+     */
+    hoverDataPoint(index: number): Promise<void>;
     render(): any;
 }

package/dist/types/components/q2-chart-donut/q2-chart-donut.d.ts

@@ -153,6 +153,12 @@ export declare class Q2ChartDonut implements ComponentInterface {
     setupChartEvents(chart: echarts.ECharts): void;
     validateColor(): void;
     updateChart(chart: echarts.ECharts): void;
+    /**
+     * A method to select a slice with index.
+     *
+     * @testOnly
+     */
+    selectDataPoint(index: number): Promise<void>;
     renderCenterBlock(): any;
     render(): any;
 }

package/dist/types/components/q2-currency/q2-currency.d.ts

@@ -4,6 +4,7 @@ export declare class Q2Currency implements ComponentInterface {
     formattedParts: Intl.NumberFormatPart[];
     /** @private The full currency for aria-label purposes. */
     readableCurrency: string;
+    hostElement: HTMLElement;
     /** The amount you want formatted.  */
     amount: number;
     /** Formats the `amount` to a specific currency. */
@@ -25,6 +26,12 @@ export declare class Q2Currency implements ComponentInterface {
     /** @private Inherited from q2-detail when slotted to match styling of q2-detail and q2-currency texts.  */
     slotSize: string;
     componentWillLoad(): void | Promise<void>;
+    /**
+     * A method to select a tab pane corresponding with the value.
+     *
+     * @testOnly
+     */
+    displayedMessageValue(): Promise<string>;
     propsUpdated(): void;
     get amountCore(): string;
     get currencyClasses(): string;

package/dist/types/components/q2-dropdown/q2-dropdown.d.ts

@@ -1,10 +1,10 @@
 import { ComponentInterface } from '../../stencil-public-runtime';
 import { IDict } from "../../util";
 export declare class Q2Dropdown implements ComponentInterface {
-    controlElement?: HTMLQ2BtnElement;
     dropdownItemSelector: string;
     popoverElement?: HTMLQ2PopoverElement;
     hostElement: HTMLElement;
+    controlElement?: HTMLQ2BtnElement;
     additionalContext: string;
     /** @deprecated */
     alignment: 'left' | 'right';

package/dist/types/components/q2-dropdown-item/q2-dropdown-item.d.ts

@@ -1,6 +1,8 @@
 import { ComponentInterface } from '../../stencil-public-runtime';
 import { JSX } from '../../components';
 export declare class Q2DropdownItem implements ComponentInterface {
+    dropdownItemBtn: HTMLButtonElement;
+    removeBtn: HTMLButtonElement;
     hostElement: HTMLElement;
     q2LocValue: string;
     /** @deprecated */
@@ -31,9 +33,7 @@ export declare class Q2DropdownItem implements ComponentInterface {
     componentWillLoad(): void;
     onHostElementFocus(event: FocusEvent): void;
     ariaLabelObserver(): void;
-    get dropdownItemBtn(): HTMLQ2BtnElement;
     get innerLabel(): string;
-    get removeBtn(): HTMLQ2BtnElement;
     get removeLabel(): string;
     focusItem(): void;
     focusRemoveBtn(): void;

package/dist/types/components/q2-example/q2-example.d.ts

@@ -0,0 +1,119 @@
+import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+export declare class Q2Example implements ComponentInterface {
+    /**
+     * 1. Own properties
+     *    Variables that are not exposed publicly due to the lack of the @Prop()
+     *    decorator. They are for internal use only. List in alphabetical order
+     *    and always set the type if a default value has not been set. If a
+     *    default value has been set, then the type can be omitted because it is
+     *    already inferred. If one of these properties needs to be initialized
+     *    with the value of another one of these properties, then the
+     *    initialization should be done in the componentWillLoad() lifecycle
+     *    event so that these properties can be alphabetizes without referencing
+     *    a property before it is declared.
+     */
+    num: number;
+    someText: string;
+    /**
+     * 2. Host HTML element
+     *    Reference to host HTML element if needed.
+     */
+    el: HTMLElement;
+    /**
+     * 3. State properties
+     *    Variables that are used to track state internally via the @State()
+     *    decorator. They are for internal use only. List in alphabetical order
+     *    and always set the type if a default value has not been set. If a
+     *    default value has been set, then the type can be omitted because it is
+     *    already inferred.
+     */
+    isValidated: boolean;
+    status: number;
+    /**
+     * 4. Public property API
+     *    Variables that are exposed publicly via @Prop() decorator as
+     *    properties and attributes on the host element. Document each using
+     *    JSDoc comments, list in alphabetical order, and always set the type if
+     *    a default value has not been set. If a default value has been set,
+     *    then the type can be omitted because it is already inferred.
+     */
+    /**
+     * The content of the menu.
+     */
+    content: string;
+    /**
+     * If `true`, the user cannot interact with the menu.
+     */
+    disabled: boolean;
+    /**
+     * Specifies the menu type.
+     */
+    type: string;
+    /**
+     * 5. Events
+     *    Custom events dispatched from the component that are defined via the
+     *    @Event() decorator. Start each event name with "tct" so they do not
+     *    conflict with native events. Document each using JSDoc comments and
+     *    list in alphabetical order.
+     */
+    tctClick: EventEmitter;
+    tctDrag: EventEmitter;
+    tctOpen: EventEmitter;
+    /**
+     * 6. Component lifecycle events
+     *    Order by their natural call order.
+     */
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    componentShouldUpdate(newVal: any, oldVal: any, propName: string): boolean;
+    componentWillUpdate(): void;
+    componentDidUpdate(): void;
+    componentWillRender(): void;
+    componentDidRender(): void;
+    /**
+     * 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: UIEvent): void;
+    onDrag(ev: UIEvent): void;
+    /**
+     * 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.
+     */
+    close(): Promise<void>;
+    openMenu(): Promise<boolean>;
+    /**
+     * 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: string, oldContent: string): void;
+    statusChanged(newStatus: string, oldStatus: string): void;
+    /**
+     * 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(): string;
+    prepareAnimation(): Promise<void>;
+    updateState(): void;
+    /**
+     * 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(): any;
+    render(): any;
+}

package/dist/types/components/q2-input/formatting/date.d.ts

@@ -1,3 +1,25 @@
+export declare const dateFormats: {
+    'MM/DD/YYYY': string;
+    'M/D/YYYY': string;
+    'MM/DD/YY': string;
+    'M/D/YY': string;
+    'MM/YY': string;
+    'M/YY': string;
+    'DD/MM/YYYY': string;
+    'D/M/YYYY': string;
+    'DD/MM/YY': string;
+    'D/M/YY': string;
+    'MM-DD-YYYY': string;
+    'M-D-YYYY': string;
+    'MM-DD-YY': string;
+    'M-D-YY': string;
+    'MM-YY': string;
+    'M-YY': string;
+    'DD-MM-YYYY': string;
+    'D-M-YYYY': string;
+    'DD-MM-YY': string;
+    'D-M-YY': string;
+};
 export default function formatDate(value: string, format?: string): {
     value: string;
     fullyFormattedValue: string;

package/dist/types/components/q2-input/formatting/postal.d.ts

@@ -1 +1,198 @@
+export declare const postalCodeFormats: {
+    AF: string;
+    AL: string;
+    DZ: string;
+    AC: string;
+    AD: string;
+    AR: string;
+    'AR+': string;
+    AI: string;
+    AM: string;
+    AS: string;
+    'AS+4': string;
+    AU: string;
+    AT: string;
+    AZ: string;
+    BH: string;
+    BD: string;
+    BB: string;
+    BY: string;
+    BE: string;
+    BM: string;
+    BT: string;
+    BA: string;
+    BR: string;
+    'BR+3': string;
+    VG: string;
+    BN: string;
+    BG: string;
+    KH: string;
+    KY: string;
+    CA: string;
+    CL: string;
+    CN: string;
+    CX: string;
+    CC: string;
+    CO: string;
+    CR: string;
+    'CR+4': string;
+    CV: string;
+    HR: string;
+    CU: string;
+    CY: string;
+    CZ: string;
+    DK: string;
+    DO: string;
+    EC: string;
+    SV: string;
+    EG: string;
+    EE: string;
+    ET: string;
+    FK: string;
+    FO: string;
+    FI: string;
+    FR: string;
+    GF: string;
+    PF: string;
+    GI: string;
+    GE: string;
+    DE: string;
+    GR: string;
+    GL: string;
+    GP: string;
+    GU: string;
+    'GU+4': string;
+    GT: string;
+    GG: string;
+    GN: string;
+    GS: string;
+    GW: string;
+    HT: string;
+    HN: string;
+    'HN-': string;
+    HU: string;
+    IS: string;
+    IN: string;
+    ID: string;
+    IE: string;
+    IR: string;
+    IQ: string;
+    IM: string;
+    IL: string;
+    IT: string;
+    JM: string;
+    JP: string;
+    JE: string;
+    JO: string;
+    KZ: string;
+    KE: string;
+    KR: string;
+    KN: string;
+    XK: string;
+    KW: string;
+    KG: string;
+    LA: string;
+    LV: string;
+    LB: string;
+    LS: string;
+    LR: string;
+    LI: string;
+    LT: string;
+    LU: string;
+    MK: string;
+    MG: string;
+    MY: string;
+    MV: string;
+    MT: string;
+    MH: string;
+    'MH+4': string;
+    MU: string;
+    MQ: string;
+    MW: string;
+    YT: string;
+    MX: string;
+    FM: string;
+    'FM+4': string;
+    MD: string;
+    MC: string;
+    MN: string;
+    ME: string;
+    MA: string;
+    MZ: string;
+    MM: string;
+    NA: string;
+    NP: string;
+    NC: string;
+    NZ: string;
+    NI: string;
+    NE: string;
+    NG: string;
+    NF: string;
+    MP: string;
+    NO: string;
+    OM: string;
+    PK: string;
+    PW: string;
+    'PW+4': string;
+    PS: string;
+    PA: string;
+    PG: string;
+    PY: string;
+    PE: string;
+    'PE+': string;
+    PH: string;
+    PL: string;
+    PT: string;
+    'PT+3': string;
+    PR: string;
+    'PR+4': string;
+    RE: string;
+    PM: string;
+    PN: string;
+    RO: string;
+    RU: string;
+    LC: string;
+    VC: string;
+    WS: string;
+    SM: string;
+    SA: string;
+    'SA+4': string;
+    SN: string;
+    RS: string;
+    SG: string;
+    SH: string;
+    SK: string;
+    SI: string;
+    SO: string;
+    ZA: string;
+    ES: string;
+    LK: string;
+    SD: string;
+    SZ: string;
+    SE: string;
+    CH: string;
+    SJ: string;
+    TW: string;
+    'TW+2': string;
+    TJ: string;
+    TZ: string;
+    TH: string;
+    TT: string;
+    TN: string;
+    TR: string;
+    TM: string;
+    UA: string;
+    UY: string;
+    VI: string;
+    'VI+4': string;
+    UZ: string;
+    VE: string;
+    'VE-': string;
+    VN: string;
+    YU: string;
+    WF: string;
+    ZM: string;
+    US: string;
+    'US+4': string;
+};
 export default function formatPostalCode(value: string, modifier?: string): import("../q2-input-types").IFormatterValueObject;