q2-tecton-elements 1.25.1 → 1.26.0

package/dist/collection/components/q2-calendar/index.js

@@ -265,7 +265,6 @@ export class Q2Calendar {
     this.value = undefined;
     this.label = undefined;
     this.hideLabel = undefined;
-    this.ariaLabel = undefined;
     this.optional = undefined;
     this.disabled = undefined;
     this.readonly = undefined;
@@ -273,7 +272,6 @@ export class Q2Calendar {
     this.typeable = undefined;
     this.clearable = undefined;
     this.placeholder = undefined;
-    this.buttonLabel = undefined;
     this.disabledMsg = undefined;
     this.calendarLabel = undefined;
     this.disclaimer = undefined;
@@ -288,6 +286,8 @@ export class Q2Calendar {
     this.invalidDates = undefined;
     this.validDates = undefined;
     this.onsuccess = undefined;
+    this.buttonLabel = undefined;
+    this.ariaLabel = undefined;
     this.dropdownOpen = false;
     this.keyboardSelection = false;
     this.typedValue = '';
@@ -638,7 +638,7 @@ export class Q2Calendar {
       },
       "label": {
         "type": "string",
-        "mutable": false,
+        "mutable": true,
         "complexType": {
           "original": "string",
           "resolved": "string",
@@ -655,7 +655,7 @@ export class Q2Calendar {
       },
       "hideLabel": {
         "type": "boolean",
-        "mutable": false,
+        "mutable": true,
         "complexType": {
           "original": "boolean",
           "resolved": "boolean",
@@ -670,23 +670,6 @@ export class Q2Calendar {
         "attribute": "hide-label",
         "reflect": true
       },
-      "ariaLabel": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "aria-label",
-        "reflect": true
-      },
       "optional": {
         "type": "boolean",
         "mutable": false,
@@ -806,23 +789,6 @@ export class Q2Calendar {
         "attribute": "placeholder",
         "reflect": true
       },
-      "buttonLabel": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "button-label",
-        "reflect": true
-      },
       "disabledMsg": {
         "type": "string",
         "mutable": false,
@@ -1054,9 +1020,52 @@ export class Q2Calendar {
         "required": false,
         "optional": false,
         "docs": {
-          "tags": [],
+          "tags": [{
+              "name": "deprecated",
+              "text": undefined
+            }],
           "text": ""
         }
+      },
+      "buttonLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "deprecated",
+              "text": undefined
+            }],
+          "text": ""
+        },
+        "attribute": "button-label",
+        "reflect": true
+      },
+      "ariaLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "deprecated",
+              "text": undefined
+            }],
+          "text": ""
+        },
+        "attribute": "aria-label",
+        "reflect": true
       }
     };
   }

package/dist/collection/components/q2-carousel/index.js

@@ -154,9 +154,9 @@ export class Q2Carousel {
     this.fullWidthPanes = false;
     this.hidePagination = false;
     this.showNavigationArrows = false;
-    this.ariaLabel = undefined;
     this.label = 'tecton.element.carousel.ariaLabel';
     this.index = 1;
+    this.ariaLabel = undefined;
     this.universalCarouselOptions = {
       centeredSlides: true,
       focusableElements: 'q2-btn, a, input, select, textarea, button, video, label, option',
@@ -365,23 +365,6 @@ export class Q2Carousel {
         "reflect": true,
         "defaultValue": "false"
       },
-      "ariaLabel": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "aria-label",
-        "reflect": true
-      },
       "label": {
         "type": "string",
         "mutable": false,
@@ -417,6 +400,26 @@ export class Q2Carousel {
         "attribute": "index",
         "reflect": true,
         "defaultValue": "1"
+      },
+      "ariaLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "deprecated",
+              "text": undefined
+            }],
+          "text": ""
+        },
+        "attribute": "aria-label",
+        "reflect": true
       }
     };
   }

package/dist/collection/components/q2-checkbox/index.js

@@ -2,7 +2,7 @@ import { h } from '@stencil/core';
 import { createGuid, handleAriaLabel, isEventFromElement, loc, overrideFocus } from 'src/utils';
 export class Q2Checkbox {
   constructor() {
-    this.id = `checkbox-${createGuid()}`;
+    this._id = `checkbox-${createGuid()}`;
     ///// Actions ////////
     this.onInputClick = (event) => {
       const hasCustomHandler = !!this.hostElement.onchange;
@@ -24,16 +24,16 @@ export class Q2Checkbox {
     this.type = undefined;
     this.label = undefined;
     this.hideLabel = undefined;
-    this.ariaLabel = undefined;
     this.indeterminate = undefined;
     this.disabled = undefined;
     this.readonly = undefined;
     this.value = undefined;
     this.name = undefined;
-    this.hasError = undefined;
     this.groupDisabled = undefined;
     this.alignment = undefined;
     this.description = undefined;
+    this.hasError = undefined;
+    this.ariaLabel = undefined;
   }
   ////////// LIFECYCLE HOOKS ////////
   componentWillLoad() {
@@ -63,7 +63,7 @@ export class Q2Checkbox {
     const textLabelClasses = ['label-text'];
     if (this.hideLabel)
       textLabelClasses.push('sr');
-    return (h("div", { class: "container" }, h("input", { ref: el => (this.inputElement = el), id: this.id, type: "checkbox", checked: this.indeterminate || this.checked || false, disabled: !!this.disabled || !!this.groupDisabled, class: "sr", value: this.value, name: this.name || this.id, "aria-describedby": this.description ? 'description' : undefined, "test-id": "q2CheckboxInnerCheckBox", onClick: this.onInputClick }), h("label", { htmlFor: this.id, class: "label-control", "test-id": "checkboxButton" }, this.generateCheckboxSVG()), h("div", { class: textLabelClasses.join(' ') }, h("label", { "test-id": "checkboxLabel", htmlFor: this.id }, loc(this.label), h("slot", null))), this.description && (h("div", { class: "description-text", "test-id": "checkboxDescription", id: "description" }, loc(this.description)))));
+    return (h("div", { class: "container" }, h("input", { ref: el => (this.inputElement = el), id: this._id, type: "checkbox", checked: this.indeterminate || this.checked || false, disabled: !!this.disabled || !!this.groupDisabled, class: "sr", value: this.value, name: this.name || this._id, "aria-describedby": this.description ? 'description' : undefined, "test-id": "q2CheckboxInnerCheckBox", onClick: this.onInputClick }), h("label", { htmlFor: this._id, class: "label-control", "test-id": "checkboxButton" }, this.generateCheckboxSVG()), h("div", { class: textLabelClasses.join(' ') }, h("label", { "test-id": "checkboxLabel", htmlFor: this._id }, loc(this.label), h("slot", null))), this.description && (h("div", { class: "description-text", "test-id": "checkboxDescription", id: "description" }, loc(this.description)))));
   }
   generateCheckboxSVG() {
     if (this.type === 'favorite') {
@@ -119,8 +119,8 @@ export class Q2Checkbox {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "string",
-          "resolved": "string",
+          "original": "'favorite' | 'toggle'",
+          "resolved": "\"favorite\" | \"toggle\"",
           "references": {}
         },
         "required": false,
@@ -166,23 +166,6 @@ export class Q2Checkbox {
         "attribute": "hide-label",
         "reflect": true
       },
-      "ariaLabel": {
-        "type": "string",
-        "mutable": true,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "aria-label",
-        "reflect": true
-      },
       "indeterminate": {
         "type": "boolean",
         "mutable": false,
@@ -268,7 +251,7 @@ export class Q2Checkbox {
         "attribute": "name",
         "reflect": true
       },
-      "hasError": {
+      "groupDisabled": {
         "type": "boolean",
         "mutable": false,
         "complexType": {
@@ -282,15 +265,15 @@ export class Q2Checkbox {
           "tags": [],
           "text": ""
         },
-        "attribute": "has-error",
+        "attribute": "group-disabled",
         "reflect": true
       },
-      "groupDisabled": {
-        "type": "boolean",
+      "alignment": {
+        "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
+          "original": "string",
+          "resolved": "string",
           "references": {}
         },
         "required": false,
@@ -299,10 +282,10 @@ export class Q2Checkbox {
           "tags": [],
           "text": ""
         },
-        "attribute": "group-disabled",
+        "attribute": "alignment",
         "reflect": true
       },
-      "alignment": {
+      "description": {
         "type": "string",
         "mutable": false,
         "complexType": {
@@ -316,12 +299,32 @@ export class Q2Checkbox {
           "tags": [],
           "text": ""
         },
-        "attribute": "alignment",
+        "attribute": "description",
         "reflect": true
       },
-      "description": {
-        "type": "string",
+      "hasError": {
+        "type": "boolean",
         "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "deprecated",
+              "text": undefined
+            }],
+          "text": ""
+        },
+        "attribute": "has-error",
+        "reflect": true
+      },
+      "ariaLabel": {
+        "type": "string",
+        "mutable": true,
         "complexType": {
           "original": "string",
           "resolved": "string",
@@ -330,10 +333,13 @@ export class Q2Checkbox {
         "required": false,
         "optional": false,
         "docs": {
-          "tags": [],
+          "tags": [{
+              "name": "deprecated",
+              "text": undefined
+            }],
           "text": ""
         },
-        "attribute": "description",
+        "attribute": "aria-label",
         "reflect": true
       }
     };

package/dist/collection/components/q2-checkbox-group/index.js

@@ -2,7 +2,7 @@ import { h } from '@stencil/core';
 import { createGuid, loc } from 'src/utils';
 export class Q2CheckboxGroup {
   constructor() {
-    this.id = `checkbox-group-${createGuid()}`;
+    this._id = `checkbox-group-${createGuid()}`;
     this.onMutationObserved = () => {
       this.valueUpdated();
       this.disabledUpdated();

package/dist/collection/components/q2-dropdown/index.js

@@ -95,7 +95,6 @@ export class Q2Dropdown {
     this.icon = undefined;
     this.label = undefined;
     this.hideLabel = undefined;
-    this.ariaLabel = undefined;
     this.disabled = undefined;
     this.popDirection = undefined;
     this.name = undefined;
@@ -103,6 +102,7 @@ export class Q2Dropdown {
     this.contextValue = undefined;
     this.resolvedType = undefined;
     this.block = undefined;
+    this.ariaLabel = undefined;
     this.dropdownOpen = false;
   }
   resizeIframe() {
@@ -282,8 +282,8 @@ export class Q2Dropdown {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "string",
-          "resolved": "string",
+          "original": "'icon' | 'fab' | 'custom' | 'primary' | 'secondary' | 'neutral'",
+          "resolved": "\"custom\" | \"fab\" | \"icon\" | \"neutral\" | \"primary\" | \"secondary\"",
           "references": {}
         },
         "required": false,
@@ -315,7 +315,7 @@ export class Q2Dropdown {
       },
       "label": {
         "type": "string",
-        "mutable": false,
+        "mutable": true,
         "complexType": {
           "original": "string",
           "resolved": "string",
@@ -332,7 +332,7 @@ export class Q2Dropdown {
       },
       "hideLabel": {
         "type": "boolean",
-        "mutable": false,
+        "mutable": true,
         "complexType": {
           "original": "boolean",
           "resolved": "boolean",
@@ -347,23 +347,6 @@ export class Q2Dropdown {
         "attribute": "hide-label",
         "reflect": true
       },
-      "ariaLabel": {
-        "type": "string",
-        "mutable": true,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "aria-label",
-        "reflect": true
-      },
       "disabled": {
         "type": "boolean",
         "mutable": false,
@@ -482,6 +465,26 @@ export class Q2Dropdown {
         },
         "attribute": "block",
         "reflect": true
+      },
+      "ariaLabel": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "deprecated",
+              "text": undefined
+            }],
+          "text": ""
+        },
+        "attribute": "aria-label",
+        "reflect": true
       }
     };
   }

package/dist/collection/components/q2-dropdown-item/index.js

@@ -42,8 +42,8 @@ export class Q2DropdownItem {
     this.removable = undefined;
     this.separator = undefined;
     this.label = undefined;
-    this.ariaLabel = undefined;
     this.value = undefined;
+    this.ariaLabel = undefined;
   }
   /////// LIFECYCLE HOOKS //////
   componentWillLoad() {
@@ -157,7 +157,7 @@ export class Q2DropdownItem {
       },
       "label": {
         "type": "string",
-        "mutable": false,
+        "mutable": true,
         "complexType": {
           "original": "string",
           "resolved": "string",
@@ -172,7 +172,7 @@ export class Q2DropdownItem {
         "attribute": "label",
         "reflect": true
       },
-      "ariaLabel": {
+      "value": {
         "type": "string",
         "mutable": false,
         "complexType": {
@@ -186,12 +186,12 @@ export class Q2DropdownItem {
           "tags": [],
           "text": ""
         },
-        "attribute": "aria-label",
+        "attribute": "value",
         "reflect": true
       },
-      "value": {
+      "ariaLabel": {
         "type": "string",
-        "mutable": false,
+        "mutable": true,
         "complexType": {
           "original": "string",
           "resolved": "string",
@@ -200,10 +200,13 @@ export class Q2DropdownItem {
         "required": false,
         "optional": false,
         "docs": {
-          "tags": [],
+          "tags": [{
+              "name": "deprecated",
+              "text": undefined
+            }],
           "text": ""
         },
-        "attribute": "value",
+        "attribute": "aria-label",
         "reflect": true
       }
     };

package/dist/collection/components/q2-editable-field/index.js

@@ -59,7 +59,6 @@ export class Q2EditableField {
     this.editing = false;
     this.label = '';
     this.hideLabel = undefined;
-    this.ariaLabel = undefined;
     this.type = undefined;
     this.formatModifier = undefined;
     this.truncated = undefined;
@@ -68,6 +67,7 @@ export class Q2EditableField {
     this.disabled = undefined;
     this.hints = undefined;
     this.errors = undefined;
+    this.ariaLabel = undefined;
   }
   get locLabel() {
     return (this.label && loc(this.label)) || '';
@@ -224,30 +224,18 @@ export class Q2EditableField {
         "attribute": "hide-label",
         "reflect": true
       },
-      "ariaLabel": {
-        "type": "string",
-        "mutable": true,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "aria-label",
-        "reflect": true
-      },
       "type": {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
+          "original": "Q2Input['type']",
+          "resolved": "\"alpha\" | \"alphanumeric\" | \"credit-card\" | \"currency\" | \"date\" | \"email\" | \"number\" | \"numeric\" | \"password\" | \"percentage\" | \"phone\" | \"postal\" | \"search\" | \"ssn\" | \"tel\" | \"text\" | \"url\"",
+          "references": {
+            "Q2Input": {
+              "location": "import",
+              "path": "../q2-input"
+            }
+          }
         },
         "required": false,
         "optional": false,
@@ -276,11 +264,11 @@ export class Q2EditableField {
         "reflect": true
       },
       "truncated": {
-        "type": "string",
+        "type": "boolean",
         "mutable": false,
         "complexType": {
-          "original": "string",
-          "resolved": "string",
+          "original": "boolean",
+          "resolved": "boolean",
           "references": {}
         },
         "required": false,
@@ -372,6 +360,26 @@ export class Q2EditableField {
           "tags": [],
           "text": ""
         }
+      },
+      "ariaLabel": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "deprecated",
+              "text": undefined
+            }],
+          "text": ""
+        },
+        "attribute": "aria-label",
+        "reflect": true
       }
     };
   }