q2-tecton-elements 1.18.0 → 1.19.0

package/dist/collection/components/tecton-tab-pane/index.js

@@ -1,4 +1,4 @@
-import { Component, Element, h, Prop, State, Event, Watch } from '@stencil/core';
+import { h } from '@stencil/core';
 export class TectonTabPane {
   constructor() {
     ///////// Actions /////////
@@ -7,6 +7,21 @@ export class TectonTabPane {
       iframe.contentWindow &&
         iframe.contentWindow.postMessage(`[iFrameSizer]${this.moduleId}:0:false:false:32:true:true:null:documentElementOffset`, '*');
     };
+    this.value = undefined;
+    this.label = undefined;
+    this.name = undefined;
+    this.selected = undefined;
+    this.index = undefined;
+    this.guid = undefined;
+    this.provided = undefined;
+    this.url = undefined;
+    this.moduleId = undefined;
+    this.minHeight = undefined;
+    this.badgeCount = undefined;
+    this.badgeDescription = undefined;
+    this.authPayload = undefined;
+    this.showForm = undefined;
+    this._showForm = undefined;
   }
   badgeObserver() {
     this.badge.emit();
@@ -41,287 +56,293 @@ export class TectonTabPane {
   }
   ///////// View Methods /////////
   render() {
-    return (h("div", { 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 && (h("div", null,
-        h("slot", { name: "loading-wrapper" }),
-        h("iframe", { 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 ? (h("form", { hidden: true, method: "post", action: this.url, target: this.moduleId, encType: "multipart/form-data" }, this.authPayload.map(element => {
-          return (h("input", { type: "hidden", value: element.value, name: element.key }));
-        }))) : (''))),
-      h("div", { class: "slot-wrapper", hidden: this.selected && this.provided !== undefined && !this.provided },
-        h("slot", null))));
+    return (h("div", { 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 && (h("div", null, h("slot", { name: "loading-wrapper" }), h("iframe", { 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 ? (h("form", { hidden: true, method: "post", action: this.url, target: this.moduleId, encType: "multipart/form-data" }, this.authPayload.map(element => {
+      return (h("input", { type: "hidden", value: element.value, name: element.key }));
+    }))) : (''))), h("div", { class: "slot-wrapper", hidden: this.selected && this.provided !== undefined && !this.provided }, h("slot", null))));
   }
   static get is() { return "tecton-tab-pane"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["styles.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get properties() { return {
-    "value": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "value",
-      "reflect": true
-    },
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "label",
-      "reflect": true
-    },
-    "name": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "name",
-      "reflect": true
-    },
-    "selected": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "selected",
-      "reflect": true
-    },
-    "index": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "index",
-      "reflect": false
-    },
-    "guid": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "guid",
-      "reflect": false
-    },
-    "provided": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "provided",
-      "reflect": true
-    },
-    "url": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["styles.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "value": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "value",
+        "reflect": true
       },
-      "attribute": "url",
-      "reflect": true
-    },
-    "moduleId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "label",
+        "reflect": true
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "name": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "name",
+        "reflect": true
       },
-      "attribute": "module-id",
-      "reflect": true
-    },
-    "minHeight": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "selected": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "selected",
+        "reflect": true
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "index": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "index",
+        "reflect": false
       },
-      "attribute": "min-height",
-      "reflect": true
-    },
-    "badgeCount": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
+      "guid": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "guid",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "provided": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "provided",
+        "reflect": true
       },
-      "attribute": "badge-count",
-      "reflect": true
-    },
-    "badgeDescription": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "url": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "url",
+        "reflect": true
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "moduleId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "module-id",
+        "reflect": true
       },
-      "attribute": "badge-description",
-      "reflect": true
-    },
-    "authPayload": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "{ key: string; value: string }[]",
-        "resolved": "{ key: string; value: string; }[]",
-        "references": {}
+      "minHeight": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "min-height",
+        "reflect": true
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "showForm": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "badgeCount": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "badge-count",
+        "reflect": true
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "badgeDescription": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "badge-description",
+        "reflect": true
       },
-      "attribute": "show-form",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "_showForm": {}
-  }; }
-  static get events() { return [{
-      "method": "badge",
-      "name": "badge",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "authPayload": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "{ key: string; value: string }[]",
+          "resolved": "{ key: string; value: string; }[]",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
       },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "showForm": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "show-form",
+        "reflect": false
       }
-    }]; }
+    };
+  }
+  static get states() {
+    return {
+      "_showForm": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "badge",
+        "name": "badge",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "hostElement"; }
-  static get watchers() { return [{
-      "propName": "badgeCount",
-      "methodName": "badgeObserver"
-    }, {
-      "propName": "selected",
-      "methodName": "selectedObserver"
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "badgeCount",
+        "methodName": "badgeObserver"
+      }, {
+        "propName": "selected",
+        "methodName": "selectedObserver"
+      }];
+  }
 }

package/dist/collection/components/tecton-tab-pane/styles.css

@@ -8,7 +8,7 @@
 
 *:focus {
   outline: none;
-  box-shadow: var(--const-global-focus, 0 0 0 2px #33b4ff);
+  box-shadow: var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C);
 }
 
 :host {

package/dist/collection/utils/index.js

@@ -67,9 +67,7 @@ export function labelDOM(target) {
   if (target.readonly) {
     helpText = h("span", { class: "optional-tag" }, loc('tecton.element.input.readonly'));
   }
-  return (h("label", { htmlFor: target.inputId, class: target.readonly ? 'readonly-field' : '' },
-    loc(target.label),
-    helpText));
+  return (h("label", { htmlFor: target.inputId, class: target.readonly ? 'readonly-field' : '' }, loc(target.label), helpText));
 }
 export function handleAriaLabel(target) {
   const { ariaLabel } = target;
@@ -82,9 +80,7 @@ export function handleAriaLabel(target) {
 }
 export function messagesDOM(target) {
   const type = target.hasError ? 'danger' : 'info';
-  return (h("div", { class: "messages-container" },
-    h("q2-message", { appearance: "minimal", description: true, type: type },
-      h("ul", { id: target.inputDescribedBy }, target.messages.map(message => (h("li", null, loc(message))))))));
+  return (h("div", { class: "messages-container" }, h("q2-message", { appearance: "minimal", description: true, type: type }, h("ul", { id: target.inputDescribedBy }, target.messages.map(message => (h("li", null, loc(message))))))));
 }
 export function setMessageHeight(target) {
   const messageContainer = target.hostElement.shadowRoot.querySelector('.messages-container');

package/dist/esm/click-elsewhere.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, g as getElement } from './index-6d5ed7cc.js';
+import { r as registerInstance, c as createEvent, g as getElement } from './index-bb1c8c7f.js';
 
 const ClickElsewhere = class {
   constructor(hostRef) {

package/dist/esm/{icons-ed54e307.js → icons-78da5dd2.js}

@@ -1,4 +1,4 @@
-import { h } from './index-6d5ed7cc.js';
+import { h } from './index-bb1c8c7f.js';
 
 const icons = {
   a11y: {

package/dist/esm/{index-eac6b89e.js → index-9c591682.js}

@@ -1,4 +1,4 @@
-import { h } from './index-6d5ed7cc.js';
+import { h } from './index-bb1c8c7f.js';
 
 function createCommonjsModule(fn, basedir, module) {
 	return module = {