q2-tecton-elements 1.55.2 → 1.55.4

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

@@ -338,7 +338,7 @@ export class Q2Carousel {
         let paginationWrapperClasses = ['q2-carousel-pagination-navigation-wrapper'];
         if (showNavigationArrows)
             paginationWrapperClasses = [...paginationWrapperClasses, 'evenly-space'];
-        return (h(Host, { key: '67d25d2920d5a952d2940cfdd6afa21e66c68abe', id: `q2-carousel-${this.guid}`, class: "q2-carousel-instance" }, insufficientPanes ? (this.renderInsufficientPanesDisplay()) : (h(Fragment, null, paneCount > 1 && (h("div", { class: paginationWrapperClasses.join(' ') }, showNavigationArrows && this.renderPrevNavBtn(), h("div", { class: "q2-carousel-control-center-tray" }, !hidePagination && this.renderPaginationArea(), autoPlay && this.renderAutoPlayBtn()), showNavigationArrows && this.renderNextNavBtn())), h("section", { class: carouselContainerClasses.join(' '), ref: el => (this.carouselWrapper = el), "aria-roledescription": "carousel", "aria-label": loc(label) }, h("div", { class: "q2-carousel-swiper-wrapper swiper-wrapper", ref: el => (this.carouselPaneWrapperElement = el), "aria-live": ariaLiveValue, onKeyDown: this.keydownHandler }, h("slot", null)))))));
+        return (h(Host, { key: '6a99de530270464ec3eac1a5648ca89f486a1462', id: `q2-carousel-${this.guid}`, class: "q2-carousel-instance" }, insufficientPanes ? (this.renderInsufficientPanesDisplay()) : (h(Fragment, null, paneCount > 1 && (h("div", { class: paginationWrapperClasses.join(' ') }, showNavigationArrows && this.renderPrevNavBtn(), h("div", { class: "q2-carousel-control-center-tray" }, !hidePagination && this.renderPaginationArea(), autoPlay && this.renderAutoPlayBtn()), showNavigationArrows && this.renderNextNavBtn())), h("section", { class: carouselContainerClasses.join(' '), ref: el => (this.carouselWrapper = el), "aria-roledescription": "carousel", "aria-label": loc(label) }, h("div", { class: "q2-carousel-swiper-wrapper swiper-wrapper", ref: el => (this.carouselPaneWrapperElement = el), "aria-live": ariaLiveValue, onKeyDown: this.keydownHandler }, h("slot", null)))))));
     }
     static get is() { return "q2-carousel"; }
     static get originalStyleUrls() {

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

@@ -92,12 +92,12 @@ export class Q2CarouselPane {
     // #region Render Methods
     render() {
         const { label } = this;
-        return (h(Host, { key: '2aedd4957b29975f2a33168729e4764f9a5054f4', class: this.generatePaneClass(this.currentPaneIndex), tabIndex: this.isActivePane ? 0 : -1, role: "group", "aria-roledescription": "slide", "aria-hidden": this.isActivePane ? undefined : 'true', "aria-label": label
+        return (h(Host, { key: 'd7aec99a66061fe4b10e7a27b776fd2217f99a59', class: this.generatePaneClass(this.currentPaneIndex), tabIndex: this.isActivePane ? 0 : -1, role: "group", "aria-roledescription": "slide", "aria-hidden": this.isActivePane ? undefined : 'true', "aria-label": label
                 ? loc(label)
                 : loc('tecton.element.carousel.itemDescription', [
                     (this.currentPaneIndex + 1).toString(),
                     (this.siblingCount || 0).toString(),
-                ]), onClick: this.paneClicked }, h("article", { key: '1b1f852451f3f58f96b0e38a6051b49f83b9fb3c', class: "q2-carousel-pane-main-content" }, h("slot", { key: '00bec6dca522ec9ebea3285405ed3bf94eea65ae' }))));
+                ]), onClick: this.paneClicked }, h("article", { key: 'a86077038f620f9a04dbd2f588ad58d696229271', class: "q2-carousel-pane-main-content" }, h("slot", { key: '12f82035ff518babb548e5a3c3421c1d7dd95006' }))));
     }
     static get is() { return "q2-carousel-pane"; }
     static get originalStyleUrls() {

package/dist/collection/components/q2-chart-area/q2-chart-area.js

@@ -220,7 +220,7 @@ export class Q2ChartArea {
     // #endregion
     // #region Render Methods
     render() {
-        return (h("div", { key: '30a28bc85debc198a9f18f255921135b894c1977', class: "container" }, h("div", { key: '2809c713137cc4469eff5a65c3680da8f9b83a37', ref: el => (this.chartContainer = el), class: "chart-container", role: "img", "test-id": "areaChartContainer" })));
+        return (h("div", { key: '74826328108685d56456624ee97ebcfb2b76a2c7', class: "container" }, h("div", { key: '303b2046ca5b453257276c2e8e23f36aa0123a7c', ref: el => (this.chartContainer = el), class: "chart-container", role: "img", "test-id": "areaChartContainer" })));
     }
     static get is() { return "q2-chart-area"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/q2-chart-bar/q2-chart-bar.js

@@ -156,7 +156,7 @@ export class Q2ChartBar {
     // #endregion
     // #region Render Methods
     render() {
-        return (h("div", { key: '40fbc74d1ee54a918bdbdcd0cd21369576bb175c', class: "container" }, h("div", { key: '3646090b3d0f826a91f01afb0413fb674380b025', ref: el => (this.chartContainer = el), class: "chart-container", role: "img", "test-id": "barChartContainer" })));
+        return (h("div", { key: '3369c851ab7176a66a12694c94306780d621d764', class: "container" }, h("div", { key: 'e5a7f8e937704c9bdbc631c2151f0bd7a685155c', ref: el => (this.chartContainer = el), class: "chart-container", role: "img", "test-id": "barChartContainer" })));
     }
     static get is() { return "q2-chart-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/q2-chart-donut/q2-chart-donut.js

@@ -474,7 +474,7 @@ export class Q2ChartDonut {
             } })), !!name && h("div", { class: "name" }, name), !isNaN(value) && h("div", { class: "value" }, displayValue))));
     }
     render() {
-        return (h("click-elsewhere", { key: '46371f94c2bd94407b40585b73f0bb47c5e315f6', onChange: this.onClickElsewhere }, h("figure", { key: '9481cae2bb3c65f0c3a0ffb839bde2688808777d' }, h("div", { key: '13865b38e703c6deaf921d3bdf228f3b8fa42486', class: "container" }, h("div", { key: '7020e99dc26d9127e255b0609d6f8d9de2ad14a7', ref: el => (this.chartContainer = el), "aria-describedby": !this.isClickable ? 'center-card-description' : undefined, class: "chart-container", role: "img", "test-id": "chartContainer", onClick: this.onContainerClick, tabIndex: !this.isClickable ? 0 : undefined, onKeyDown: !this.isClickable ? this.onButtonKeyDown : undefined }), this.renderCenterBlock()), this.showLegend && (h("figcaption", { key: '0fc4fa0da6f895a5f0d0fd044739652ccb0b87f1' }, h("q2-legend", { key: '1ab827762eb139944842075305f3b2628ec59d32', class: "legend", data: this.legendData, format: this.format, hoveredItemId: this.legendHoveredId, onClick: this.onLegendClick, onMouseleave: this.onLegendMouseleave, onMouseenter: this.onLegendMouseenter, selectedItemId: this.selectedId }))))));
+        return (h("click-elsewhere", { key: '709c089a4d95f95c640c3ebf29332c0715240150', onChange: this.onClickElsewhere }, h("figure", { key: '7ed5b5f40d05cb432d92be4864de399a90639934' }, h("div", { key: '8ee828d53be204a1af25475f50c8d8ba602d5b9d', class: "container" }, h("div", { key: '28a8fd99895c1d8dfbfb5921b38f895118a5e9fa', ref: el => (this.chartContainer = el), "aria-describedby": !this.isClickable ? 'center-card-description' : undefined, class: "chart-container", role: "img", "test-id": "chartContainer", onClick: this.onContainerClick, tabIndex: !this.isClickable ? 0 : undefined, onKeyDown: !this.isClickable ? this.onButtonKeyDown : undefined }), this.renderCenterBlock()), this.showLegend && (h("figcaption", { key: 'fd8aa14f4143013f0f0c21a843a39445477327b7' }, h("q2-legend", { key: '29b3b167b600b73034660e52c07a3582ffb50d4e', class: "legend", data: this.legendData, format: this.format, hoveredItemId: this.legendHoveredId, onClick: this.onLegendClick, onMouseleave: this.onLegendMouseleave, onMouseenter: this.onLegendMouseenter, selectedItemId: this.selectedId }))))));
     }
     static get is() { return "q2-chart-donut"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/q2-checkbox/q2-checkbox.css

@@ -70,7 +70,7 @@ button {
   display: block;
   position: relative;
   padding: var(--comp-checkbox-padding);
-  --comp-default-checkbox-margin: var(--tct-checkbox-margin-top, var(--t-checkbox-margin-top, var(--app-scale-5x, 25px))) 0 var(--tct-checkbox-margin-bottom, var(--t-checkbox-margin-bottom, var(--app-scale-5x, 25px)));
+  --comp-default-checkbox-margin: var(--tct-checkbox-margin-top, var(--t-checkbox-margin-top, 0px)) 0 var(--tct-checkbox-margin-bottom, var(--t-checkbox-margin-bottom, 0px));
   margin: var(--tct-checkbox-margin, var(--comp-default-checkbox-margin));
 }
 

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

@@ -97,7 +97,7 @@ export class Q2Checkbox {
         const textLabelClasses = ['label-text'];
         if (this.hideLabel)
             textLabelClasses.push('sr');
-        return (h("div", { key: '8cb9c126a850022c4e4305cbc62eaf036b41fc85', class: "container" }, h("input", { key: '3c7bc46662dfc50ce3da872ac082930018c6c1f0', ref: el => (this.inputElement = el), "aria-describedby": this.description ? 'description' : undefined, "aria-invalid": this.hasError === undefined ? undefined : `${this.hasError}`, checked: this.indeterminate || this.checked || false, class: "sr", disabled: !!this.disabled || !!this.groupDisabled, id: this._id, name: this.name || this._id, onClick: this.onInputClick, "test-id": "q2CheckboxInnerCheckBox", type: "checkbox", value: this.value }), h("label", { key: '7e79d168122d18aa644bfae0f63b5556a5c1f4cf', htmlFor: this._id, class: "label-control", "test-id": "checkboxButton" }, this.renderCheckboxSVG()), h("div", { key: 'f0fb5ebd65dfd865a6a2874b223a1104b5dd38df', class: textLabelClasses.join(' ') }, h("label", { key: 'e9451e5975f6e6be66c395ec2bd45bc8aa3e3407', "test-id": "checkboxLabel", htmlFor: this._id }, loc(this.label), h("slot", { key: '4f7d5eeaba7c621d0863cf18a45499eb692b1f9d' }))), this.description && (h("div", { key: '644d733eaaed63f83147e102735b08f7e50d6457', class: "description-text", "test-id": "checkboxDescription", id: "description" }, loc(this.description)))));
+        return (h("div", { key: '579eccd325b8fb5b2336adb011aea200f8217b86', class: "container" }, h("input", { key: '1c87398cb9da8136dec2b0103941f848b3e9ef5e', ref: el => (this.inputElement = el), "aria-describedby": this.description ? 'description' : undefined, "aria-invalid": this.hasError === undefined ? undefined : `${this.hasError}`, checked: this.indeterminate || this.checked || false, class: "sr", disabled: !!this.disabled || !!this.groupDisabled, id: this._id, name: this.name || this._id, onClick: this.onInputClick, "test-id": "q2CheckboxInnerCheckBox", type: "checkbox", value: this.value }), h("label", { key: 'c24b63f7f594fa7601c0c3b9a942bb4e85186cfb', htmlFor: this._id, class: "label-control", "test-id": "checkboxButton" }, this.renderCheckboxSVG()), h("div", { key: 'b3d173fb63c8b7075769b42fa641fd4bc0bda63c', class: textLabelClasses.join(' ') }, h("label", { key: '6ab46bdd8f6e858a6066fbf11b410509d04f1d00', "test-id": "checkboxLabel", htmlFor: this._id }, loc(this.label), h("slot", { key: '4f812dbe26b6148955d34763c62938427b6a0a70' }))), this.description && (h("div", { key: '0ebd507482912f71edad0042a30a7582b040444e', class: "description-text", "test-id": "checkboxDescription", id: "description" }, loc(this.description)))));
     }
     static get is() { return "q2-checkbox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/q2-checkbox-group/q2-checkbox-group.css

@@ -71,11 +71,6 @@ button {
   margin: var(--tct-checkbox-group-margin, var(--comp-default-checkbox-group-margin));
 }
 
-::slotted(q2-checkbox) {
-  --tct-checkbox-margin: var(--tct-checkbox-group-checkbox-margin, var(--app-scale-0x, 0));
-  --tct-checkbox-padding: var(--tct-checkbox-group-checkbox-padding, var(--app-scale-2x, 10px));
-}
-
 fieldset {
   padding: var(--tct-checkbox-group-fieldset-padding, 0);
   margin: 0;

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

@@ -116,7 +116,7 @@ export class Q2CheckboxGroup {
     render() {
         const showLabel = this.label || this.optional || this.readonly;
         const showLabelRow = (showLabel && !this.hideLabel) || this.hasError;
-        return (h(Fragment, { key: 'e2e313379cf001e419e0f4af7852e09f16931d28' }, showLabelRow && (h("div", { key: '65dce898067eaacb01fcdffa8aefa7faed0aa3d7', class: "label-row" }, showLabel && !this.hideLabel && h("div", { key: '9c627891b5ca932a7ae6d7c519b387f339f3d3f0', class: "group-legend" }, renderLabel(this)), this.hasError && (h("q2-icon", { key: '940512e2c8b756743242356c8b189981a4f0b576', type: "error", "test-id": "iconError" })))), h("fieldset", { key: '797c6e7b149685201dd3f8717a86674941801199', onChange: this.onInnerCheckboxChange, "aria-invalid": this.hasError ? `${this.hasError}` : undefined }, showLabel && h("legend", { key: '817cf2050f2e7435782046802c7af359354f4d0f', class: "sr-only" }, renderLabel(this)), this.inputDom())));
+        return (h(Fragment, { key: '00973c7d6eeb78790062adc0829cb6c460ecd1cb' }, showLabelRow && (h("div", { key: '5f93745ca8658ce5b582f617030b1ba4e4297ffa', class: "label-row" }, showLabel && !this.hideLabel && h("div", { key: '2310f38bfbb04b56182e94e1d475b148fbc9ce93', class: "group-legend" }, renderLabel(this)), this.hasError && (h("q2-icon", { key: 'b226ad6a97bf3443fd871614cf4995397c128f7f', type: "error", "test-id": "iconError" })))), h("fieldset", { key: 'f51586e2b2a589e7ad15cb2d50a9cfd3dd380450', onChange: this.onInnerCheckboxChange, "aria-invalid": this.hasError ? `${this.hasError}` : undefined }, showLabel && h("legend", { key: '46fb67c964042825fefabdcff5c7fbc8deb0c2a8', class: "sr-only" }, renderLabel(this)), this.inputDom())));
     }
     static get is() { return "q2-checkbox-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -116,7 +116,7 @@ export class Q2Currency {
     // #region Render Methods
     render() {
         const { hasPlusMinusSign, plusMinusSign, currencyIsFront, currencySymbol, shouldSuperscriptSymbol, amountCore, fraction, shouldSuperscriptFraction, readableCurrency, currencyClasses, } = this;
-        return (h("div", { key: '85d715e4a420d06562d2d64f389ea0a5929cdc98', "test-id": "q2CurrencyInner", class: currencyClasses, "aria-label": readableCurrency }, hasPlusMinusSign && h("span", { key: 'ee6691d5e476d0f3d7285ecf8b5f251a6a6e417b' }, plusMinusSign), currencyIsFront && h("span", { key: 'ed8e2a1bea42bfd3e3d218dd5831ef15ceb75502', class: shouldSuperscriptSymbol ? 'superscript' : '' }, currencySymbol), h("span", { key: 'f9aa62f179a5d9c67b154df4f28113d4993a3ec3' }, amountCore), h("span", { key: '9049169b8d30ff721ba251a13c63c599dc9491aa', class: shouldSuperscriptFraction ? 'superscript' : '' }, fraction), !currencyIsFront && h("span", { key: 'e1cd352956a793cb4626d9f8f72b3ca759a471e6', class: shouldSuperscriptSymbol ? 'superscript' : '' }, currencySymbol)));
+        return (h("div", { key: '3efe0672f5e20e09261851b05679fda20b3be205', "test-id": "q2CurrencyInner", class: currencyClasses, "aria-label": readableCurrency }, hasPlusMinusSign && h("span", { key: '9d07a91d9b59f912027745546da3ee5ad0202e11' }, plusMinusSign), currencyIsFront && h("span", { key: 'be29f84ea601303e04c8c4d61b78ce5254c2063d', class: shouldSuperscriptSymbol ? 'superscript' : '' }, currencySymbol), h("span", { key: 'd070e4cfb634fd69f72ed0e65b6adf613747782a' }, amountCore), h("span", { key: 'd55e59a3bae3481985ccd6d5e62789f602aa3f65', class: shouldSuperscriptFraction ? 'superscript' : '' }, fraction), !currencyIsFront && h("span", { key: '1c8ad290f748e6cd14833b045fdf2745a03d9024', class: shouldSuperscriptSymbol ? 'superscript' : '' }, currencySymbol)));
     }
     static get is() { return "q2-currency"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/q2-data-table/q2-data-table.js

@@ -321,7 +321,7 @@ export class Q2DataTable {
     // #region Render Methods
     render() {
         const { caption } = this;
-        return (h("div", { key: '3b83513a749562f7d9787103e4bad96b281da690', class: "container" }, h("table", { key: '61142600c24e4dba06d9bcf06a0abdc5e424997c' }, caption && h("caption", { key: 'db2048dcbd52e6f2bc892634be354d2fe8fc4560', class: this.hideCaption ? 'sr' : undefined }, caption), this.renderTableColGroup(), this.renderTableHeader(), this.renderEmptyState(), this.renderTableRows())));
+        return (h("div", { key: '0911fc154c13f520e6d010a772d4542c5aca33ff', class: "container" }, h("table", { key: '9b4590da3d87804d7d5a28d676322dc0d8deb643' }, caption && h("caption", { key: '00be6497e4123cdecab0dd0635b0f6212e3fe995', class: this.hideCaption ? 'sr' : undefined }, caption), this.renderTableColGroup(), this.renderTableHeader(), this.renderEmptyState(), this.renderTableRows())));
     }
     renderCellContent(cell) {
         if (!cell)
@@ -569,7 +569,7 @@ export class Q2DataTable {
                     "references": {
                         "Q2DataTableHeader": {
                             "location": "local",
-                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
+                            "path": "/Users/kvanhouten/Documents/Work/tecton_extra/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
                             "id": "src/components/q2-data-table/q2-data-table.tsx::Q2DataTableHeader"
                         }
                     }
@@ -647,7 +647,7 @@ export class Q2DataTable {
                     "references": {
                         "Q2DataTableRow": {
                             "location": "local",
-                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
+                            "path": "/Users/kvanhouten/Documents/Work/tecton_extra/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
                             "id": "src/components/q2-data-table/q2-data-table.tsx::Q2DataTableRow"
                         }
                     }
@@ -765,7 +765,7 @@ export class Q2DataTable {
                     "references": {
                         "Q2DataTableSerializedRow": {
                             "location": "local",
-                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
+                            "path": "/Users/kvanhouten/Documents/Work/tecton_extra/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
                             "id": "src/components/q2-data-table/q2-data-table.tsx::Q2DataTableSerializedRow"
                         }
                     }
@@ -786,7 +786,7 @@ export class Q2DataTable {
                     "references": {
                         "Q2DataTableSerializedRow": {
                             "location": "local",
-                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
+                            "path": "/Users/kvanhouten/Documents/Work/tecton_extra/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
                             "id": "src/components/q2-data-table/q2-data-table.tsx::Q2DataTableSerializedRow"
                         }
                     }
@@ -822,7 +822,7 @@ export class Q2DataTable {
                     "references": {
                         "Q2DataTableHeader": {
                             "location": "local",
-                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
+                            "path": "/Users/kvanhouten/Documents/Work/tecton_extra/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
                             "id": "src/components/q2-data-table/q2-data-table.tsx::Q2DataTableHeader"
                         }
                     }
@@ -843,7 +843,7 @@ export class Q2DataTable {
                     "references": {
                         "Q2DataTableSerializedRow": {
                             "location": "local",
-                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
+                            "path": "/Users/kvanhouten/Documents/Work/tecton_extra/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
                             "id": "src/components/q2-data-table/q2-data-table.tsx::Q2DataTableSerializedRow"
                         }
                     }
@@ -923,7 +923,7 @@ export class Q2DataTable {
                         },
                         "Q2DataTableHeader": {
                             "location": "local",
-                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
+                            "path": "/Users/kvanhouten/Documents/Work/tecton_extra/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
                             "id": "src/components/q2-data-table/q2-data-table.tsx::Q2DataTableHeader"
                         },
                         "HTMLQ2BtnElement": {

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

@@ -100,7 +100,7 @@ export class Q2Detail {
     // #endregion
     // #region Render Methods
     render() {
-        return (h("div", { key: '5266648e705eff434fd3f70992e4131b465093a1', class: this.detailClasses }, this.hasLabel && (h("div", { key: '8790254081b4a51a2e71ffd0342f5946b0d49bfe', class: this.labelClasses, "aria-describedby": !!this.description ? 'label-description' : undefined }, !!this.label ? loc(this.label) : this.hasLabelSlotContent ? h("slot", { name: "label" }) : '')), this.hasDescripiton && (h("div", { key: '226f0df4f71a50e44cb8eafff8d1f74d3a9a7b33', id: "label-description", class: this.descriptionClasses }, !!this.description ? loc(this.description) : this.hasDefaultSlotContent ? h("slot", null) : ''))));
+        return (h("div", { key: '99cdf14ddfd4e5aabb5abb21d2e6b57130ccdf4d', class: this.detailClasses }, this.hasLabel && (h("div", { key: 'a4c4b1100a49ecd259b71fd60c425d093bfa60d2', class: this.labelClasses, "aria-describedby": !!this.description ? 'label-description' : undefined }, !!this.label ? loc(this.label) : this.hasLabelSlotContent ? h("slot", { name: "label" }) : '')), this.hasDescripiton && (h("div", { key: '9a7d20fd82f9f1323d711694081a41953247e3fa', id: "label-description", class: this.descriptionClasses }, !!this.description ? loc(this.description) : this.hasDefaultSlotContent ? h("slot", null) : ''))));
     }
     static get is() { return "q2-detail"; }
     static get encapsulation() { return "shadow"; }

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

@@ -315,7 +315,7 @@ export class Q2Dropdown {
     // #region Render Methods
     render() {
         const btnProps = this.toggleButtonProps;
-        return (h("click-elsewhere", { key: '35405b57c6680f44ce21156a578cea6d96c063b8', class: this.open ? 'dropdown-open' : '', onChange: this.onClickElsewhere, "test-id": "dropdownContainer" }, h("q2-btn", { key: '8ec87dae4f675d7764d91e91a3e37f704ad73d07', ref: el => (this.controlElement = el), class: btnProps.className, onClick: this.onToggleClick, onKeyDown: this.onToggleKeydown, fab: btnProps.fab, intent: btnProps.intent, onFocusout: this.handleFocusOut, active: btnProps.active, disabled: btnProps.disabled, ariaExpanded: `${!!btnProps.ariaExpanded}`, label: this.hideLabel && this.label ? loc(this.label) : undefined, hideLabel: this.hideLabel, ariaHasPopup: "menu", "test-id": "dropdownButton", block: this.block, description: loc('tecton.element.dropdown.itemCount', [this.determineDropdownItemCount]) }, this.hasCustomControl ? (h("div", { "test-id": "dropdownControl", class: btnProps.custom ? '' : 'hidden' }, h("slot", { name: "control" }))) : (h(Fragment, null, this.icon ? h("q2-icon", { type: this.icon }) : ' ', this.label && !this.hideLabel && (h("span", { class: "dropdown-button-text" }, loc(this.label)))))), h("q2-popover", { key: 'c71cdf5198dc87f720828d1b9623eadde266d118', ref: el => (this.popoverElement = el), controlElement: this.controlElement, open: this.open, "max-height": this.popoverMaxHeight, onFocusout: this.handleFocusOut, minHeight: this.popoverMinHeight, direction: this.popoverDirection, align: this.popoverAlignment, mode: this.popoverMode || undefined, block: this.block }, h("q2-option-list", { key: '42b372ea1203e50d15253590f4b8454df5b4f6d7', onPopoverState: this.onPopoverState, id: "option-list", ref: el => (this.optionList = el), type: "menu", label: loc('tecton.element.optionList.label', [this.optionListLabel]), "no-select": true }, h("slot", { key: '50f04d7a1f74de7cf41b74d4b00b99b9a58eec8d' })))));
+        return (h("click-elsewhere", { key: 'c73d902efcfe8dbd8eb30bbc4c690791688ec7ab', class: this.open ? 'dropdown-open' : '', onChange: this.onClickElsewhere, "test-id": "dropdownContainer" }, h("q2-btn", { key: 'c38f86f4782ac7af8f8d63f653a9bbe6a2f15156', ref: el => (this.controlElement = el), class: btnProps.className, onClick: this.onToggleClick, onKeyDown: this.onToggleKeydown, fab: btnProps.fab, intent: btnProps.intent, onFocusout: this.handleFocusOut, active: btnProps.active, disabled: btnProps.disabled, ariaExpanded: `${!!btnProps.ariaExpanded}`, label: this.hideLabel && this.label ? loc(this.label) : undefined, hideLabel: this.hideLabel, ariaHasPopup: "menu", "test-id": "dropdownButton", block: this.block, description: loc('tecton.element.dropdown.itemCount', [this.determineDropdownItemCount]) }, this.hasCustomControl ? (h("div", { "test-id": "dropdownControl", class: btnProps.custom ? '' : 'hidden' }, h("slot", { name: "control" }))) : (h(Fragment, null, this.icon ? h("q2-icon", { type: this.icon }) : ' ', this.label && !this.hideLabel && (h("span", { class: "dropdown-button-text" }, loc(this.label)))))), h("q2-popover", { key: '214ed5802be23e3105372ece60be34c6b921d312', ref: el => (this.popoverElement = el), controlElement: this.controlElement, open: this.open, "max-height": this.popoverMaxHeight, onFocusout: this.handleFocusOut, minHeight: this.popoverMinHeight, direction: this.popoverDirection, align: this.popoverAlignment, mode: this.popoverMode || undefined, block: this.block }, h("q2-option-list", { key: '574775f82aa39d8ab88173dd122164e274f34be5', onPopoverState: this.onPopoverState, id: "option-list", ref: el => (this.optionList = el), type: "menu", label: loc('tecton.element.optionList.label', [this.optionListLabel]), "no-select": true }, h("slot", { key: '57a547da980d65679787f5a84654761114b9f722' })))));
     }
     static get is() { return "q2-dropdown"; }
     static get encapsulation() { return "shadow"; }

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

@@ -206,7 +206,7 @@ export class Q2EditableField {
     // #endregion
     // #region Render Methods
     render() {
-        return (h("div", { key: '255dac3b6e39618e37fc129ef0a743aca1aefc88' }, this.generateEditStateDOM(), this.generateReadStateDOM()));
+        return (h("div", { key: 'e4537652284887776f863a690eef445a3bdaa3c6' }, this.generateEditStateDOM(), this.generateReadStateDOM()));
     }
     static get is() { return "q2-editable-field"; }
     static get encapsulation() { return "shadow"; }

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

@@ -118,7 +118,7 @@ export class Q2Example {
             }, onClick: () => this.tctClick.emit(), role: "menu" }, h("slot", null))));
     }
     render() {
-        return h(Host, { key: 'e4df51465f7c14e0ff4ae2463613e73cc6100318', attribute: "navigation" }, this.renderMenuInner());
+        return h(Host, { key: 'a89b3080a47ebc5401317f5620c918ff2c34bac2', attribute: "navigation" }, this.renderMenuInner());
     }
     static get is() { return "q2-example"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/q2-file-picker/q2-file-picker.js

@@ -327,7 +327,7 @@ export class Q2FilePicker {
                 "mutable": false,
                 "complexType": {
                     "original": "{ name: string; status: 'in-progress' | 'failed' | 'uploaded' }[]",
-                    "resolved": "{ name: string; status: \"in-progress\" | \"failed\" | \"uploaded\"; }[]",
+                    "resolved": "{ name: string; status: \"failed\" | \"in-progress\" | \"uploaded\"; }[]",
                     "references": {}
                 },
                 "required": false,
@@ -343,11 +343,11 @@ export class Q2FilePicker {
                 "mutable": true,
                 "complexType": {
                     "original": "FilesObject",
-                    "resolved": "{ invalidFiles: { file: File; status: \"invalid-type\" | \"over-size-limit\" | \"over-max-files-limit\" | \"in-progress\" | \"failed\" | \"uploaded\"; }[]; validFiles: File[]; }",
+                    "resolved": "{ invalidFiles: { file: File; status: \"failed\" | \"invalid-type\" | \"over-size-limit\" | \"over-max-files-limit\" | \"in-progress\" | \"uploaded\"; }[]; validFiles: File[]; }",
                     "references": {
                         "FilesObject": {
                             "location": "local",
-                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-file-picker/q2-file-picker.tsx",
+                            "path": "/Users/kvanhouten/Documents/Work/tecton_extra/packages/q2-tecton-elements/src/components/q2-file-picker/q2-file-picker.tsx",
                             "id": "src/components/q2-file-picker/q2-file-picker.tsx::FilesObject"
                         }
                     }
@@ -404,11 +404,11 @@ export class Q2FilePicker {
                 },
                 "complexType": {
                     "original": "FilesObject",
-                    "resolved": "{ invalidFiles: { file: File; status: \"invalid-type\" | \"over-size-limit\" | \"over-max-files-limit\" | \"in-progress\" | \"failed\" | \"uploaded\"; }[]; validFiles: File[]; }",
+                    "resolved": "{ invalidFiles: { file: File; status: \"failed\" | \"invalid-type\" | \"over-size-limit\" | \"over-max-files-limit\" | \"in-progress\" | \"uploaded\"; }[]; validFiles: File[]; }",
                     "references": {
                         "FilesObject": {
                             "location": "local",
-                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-file-picker/q2-file-picker.tsx",
+                            "path": "/Users/kvanhouten/Documents/Work/tecton_extra/packages/q2-tecton-elements/src/components/q2-file-picker/q2-file-picker.tsx",
                             "id": "src/components/q2-file-picker/q2-file-picker.tsx::FilesObject"
                         }
                     }

package/dist/collection/components/q2-form/q2-form.css

@@ -71,7 +71,6 @@ button {
   --tct-calendar-margin: var(--comp-spacing);
   --tct-file-picker-margin: var(--comp-spacing);
   --tct-textarea-margin: var(--comp-spacing);
-  --tct-checkbox-margin: var(--comp-spacing);
   --tct-checkbox-group-margin: var(--comp-spacing);
   --tct-radio-group-margin: var(--comp-spacing);
 }

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

@@ -4,7 +4,7 @@ export class Q2Checkbox {
         this.spacing = 'normal';
     }
     render() {
-        return (h("div", { key: 'aa542ff0f5ecdee36ffdb070cb863553c3d725bc', class: "container" }, h("slot", { key: '980dc6939c003dfbd57189e7ba9fb151033e8b29' })));
+        return (h("div", { key: '377fbc8245a6d6734536a37f3d733384801fd00b', class: "container" }, h("slot", { key: '73d1054f5ca1af44c78a4f85b1009143989a5530' })));
     }
     static get is() { return "q2-form"; }
     static get encapsulation() { return "shadow"; }

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

@@ -40,7 +40,12 @@ describe('q2-form', () => {
                 expect(allFormFields.length).toBe(7);
                 await allFormFields.forEach(async (formField) => {
                     const style = await formField.getComputedStyle();
-                    expect(style.margin).toBe('25px 0px');
+                    if (formField.tagName === 'Q2-CHECKBOX') {
+                        expect(style.margin).toBe('0px');
+                    }
+                    else {
+                        expect(style.margin).toBe('25px 0px');
+                    }
                 });
             });
             it('adds no margin when "none" is provided', async () => {
@@ -62,7 +67,12 @@ describe('q2-form', () => {
                 expect(allFormFields.length).toBe(7);
                 await allFormFields.forEach(async (formField) => {
                     const style = await formField.getComputedStyle();
-                    expect(style.margin).toBe('15px 0px');
+                    if (formField.tagName === 'Q2-CHECKBOX') {
+                        expect(style.margin).toBe('0px');
+                    }
+                    else {
+                        expect(style.margin).toBe('15px 0px');
+                    }
                 });
             });
             it('adds normal margin when "normal" is provided', async () => {
@@ -73,7 +83,12 @@ describe('q2-form', () => {
                 expect(allFormFields.length).toBe(7);
                 await allFormFields.forEach(async (formField) => {
                     const style = await formField.getComputedStyle();
-                    expect(style.margin).toBe('25px 0px');
+                    if (formField.tagName === 'Q2-CHECKBOX') {
+                        expect(style.margin).toBe('0px');
+                    }
+                    else {
+                        expect(style.margin).toBe('25px 0px');
+                    }
                 });
             });
             it('adds comfortable margin when "comfortable" is provided', async () => {
@@ -84,7 +99,12 @@ describe('q2-form', () => {
                 expect(allFormFields.length).toBe(7);
                 await allFormFields.forEach(async (formField) => {
                     const style = await formField.getComputedStyle();
-                    expect(style.margin).toBe('35px 0px');
+                    if (formField.tagName === 'Q2-CHECKBOX') {
+                        expect(style.margin).toBe('0px');
+                    }
+                    else {
+                        expect(style.margin).toBe('35px 0px');
+                    }
                 });
             });
         });

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

@@ -1 +1 @@
-{"version":3,"file":"q2-form-test.e2e.js","sourceRoot":"","sources":["../../../../../src/components/q2-form/test/q2-form-test.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { setup } from '@/utils/helpers';\n\ndescribe('q2-form', () => {\n    const formContent = `\n        <q2-input label=\"Input\"></q2-input>\n        <q2-calendar label=\"Calendar\"></q2-calendar>\n        <q2-select label=\"Select\">\n            <option value=\"1\">Option 1</option>\n            <option value=\"2\">Option 2</option>\n            <option value=\"3\">Option 3</option>\n        </q2-select>\n        <q2-checkbox value=\"standalone\">Standalone Checkbox</q2-checkbox>\n        <q2-checkbox-group label=\"Checkbox Group\">\n            <q2-checkbox value=\"1\">Option 1</q2-checkbox>\n            <q2-checkbox value=\"2\">Option 2</q2-checkbox>\n            <q2-checkbox value=\"3\">Option 3</q2-checkbox>\n        </q2-checkbox-group>\n        <q2-radio-group label=\"Radio Group\">\n            <q2-radio value=\"1\">Option 1</q2-radio>\n            <q2-radio value=\"2\">Option 2</q2-radio>\n            <q2-radio value=\"3\">Option 3</q2-radio>\n        </q2-radio-group>\n        <q2-textarea label=\"Textarea\"></q2-textarea>\n    `;\n\n    const allFormFieldsSelector = `\n        q2-form > q2-input,\n        q2-form > q2-calendar,\n        q2-form > q2-select,\n        q2-form > q2-checkbox,\n        q2-form > q2-checkbox-group,\n        q2-form > q2-radio-group,\n        q2-form > q2-textarea\n    `;\n\n    describe('Props', () => {\n        describe('spacing', () => {\n            it('adds the normal margin when not provided', async () => {\n                const page = await setup({\n                    html: `<q2-form>${formContent}</q2-card>`,\n                });\n                const allFormFields = await page.findAll(allFormFieldsSelector);\n\n                expect(allFormFields.length).toBe(7);\n                await allFormFields.forEach(async formField => {\n                    const style = await formField.getComputedStyle();\n                    expect(style.margin).toBe('25px 0px');\n                });\n            });\n\n            it('adds no margin when \"none\" is provided', async () => {\n                const page = await setup({\n                    html: `<q2-form spacing=\"none\">${formContent}</q2-card>`,\n                });\n                const allFormFields = await page.findAll(allFormFieldsSelector);\n\n                expect(allFormFields.length).toBe(7);\n                await allFormFields.forEach(async formField => {\n                    const style = await formField.getComputedStyle();\n                    expect(style.margin).toBe('0px');\n                });\n            });\n\n            it('adds compact margin when \"compact\" is provided', async () => {\n                const page = await setup({\n                    html: `<q2-form spacing=\"compact\">${formContent}</q2-card>`,\n                });\n                const allFormFields = await page.findAll(allFormFieldsSelector);\n\n                expect(allFormFields.length).toBe(7);\n                await allFormFields.forEach(async formField => {\n                    const style = await formField.getComputedStyle();\n                    expect(style.margin).toBe('15px 0px');\n                });\n            });\n\n            it('adds normal margin when \"normal\" is provided', async () => {\n                const page = await setup({\n                    html: `<q2-form spacing=\"normal\">${formContent}</q2-card>`,\n                });\n                const allFormFields = await page.findAll(allFormFieldsSelector);\n\n                expect(allFormFields.length).toBe(7);\n                await allFormFields.forEach(async formField => {\n                    const style = await formField.getComputedStyle();\n                    expect(style.margin).toBe('25px 0px');\n                });\n            });\n\n            it('adds comfortable margin when \"comfortable\" is provided', async () => {\n                const page = await setup({\n                    html: `<q2-form spacing=\"comfortable\">${formContent}</q2-card>`,\n                });\n                const allFormFields = await page.findAll(allFormFieldsSelector);\n\n                expect(allFormFields.length).toBe(7);\n                await allFormFields.forEach(async formField => {\n                    const style = await formField.getComputedStyle();\n                    expect(style.margin).toBe('35px 0px');\n                });\n            });\n        });\n    });\n});\n"]}
+{"version":3,"file":"q2-form-test.e2e.js","sourceRoot":"","sources":["../../../../../src/components/q2-form/test/q2-form-test.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;IACrB,MAAM,WAAW,GAAG;;;;;;;;;;;;;;;;;;;;KAoBnB,CAAC;IAEF,MAAM,qBAAqB,GAAG;;;;;;;;KAQ7B,CAAC;IAEF,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;QACnB,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;YACrB,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;gBACtD,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC;oBACrB,IAAI,EAAE,YAAY,WAAW,YAAY;iBAC5C,CAAC,CAAC;gBACH,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;gBAEhE,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;gBACrC,MAAM,aAAa,CAAC,OAAO,CAAC,KAAK,EAAC,SAAS,EAAC,EAAE;oBAC1C,MAAM,KAAK,GAAG,MAAM,SAAS,CAAC,gBAAgB,EAAE,CAAC;oBACjD,IAAI,SAAS,CAAC,OAAO,KAAK,aAAa,EAAE,CAAC;wBACtC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;oBACrC,CAAC;yBAAM,CAAC;wBACJ,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;oBAC1C,CAAC;gBACL,CAAC,CAAC,CAAC;YACP,CAAC,CAAC,CAAC;YAEH,EAAE,CAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;gBACpD,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC;oBACrB,IAAI,EAAE,2BAA2B,WAAW,YAAY;iBAC3D,CAAC,CAAC;gBACH,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;gBAEhE,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;gBACrC,MAAM,aAAa,CAAC,OAAO,CAAC,KAAK,EAAC,SAAS,EAAC,EAAE;oBAC1C,MAAM,KAAK,GAAG,MAAM,SAAS,CAAC,gBAAgB,EAAE,CAAC;oBACjD,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBACrC,CAAC,CAAC,CAAC;YACP,CAAC,CAAC,CAAC;YAEH,EAAE,CAAC,gDAAgD,EAAE,KAAK,IAAI,EAAE;gBAC5D,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC;oBACrB,IAAI,EAAE,8BAA8B,WAAW,YAAY;iBAC9D,CAAC,CAAC;gBACH,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;gBAEhE,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;gBACrC,MAAM,aAAa,CAAC,OAAO,CAAC,KAAK,EAAC,SAAS,EAAC,EAAE;oBAC1C,MAAM,KAAK,GAAG,MAAM,SAAS,CAAC,gBAAgB,EAAE,CAAC;oBACjD,IAAI,SAAS,CAAC,OAAO,KAAK,aAAa,EAAE,CAAC;wBACtC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;oBACrC,CAAC;yBAAM,CAAC;wBACJ,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;oBAC1C,CAAC;gBACL,CAAC,CAAC,CAAC;YACP,CAAC,CAAC,CAAC;YAEH,EAAE,CAAC,8CAA8C,EAAE,KAAK,IAAI,EAAE;gBAC1D,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC;oBACrB,IAAI,EAAE,6BAA6B,WAAW,YAAY;iBAC7D,CAAC,CAAC;gBACH,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;gBAEhE,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;gBACrC,MAAM,aAAa,CAAC,OAAO,CAAC,KAAK,EAAC,SAAS,EAAC,EAAE;oBAC1C,MAAM,KAAK,GAAG,MAAM,SAAS,CAAC,gBAAgB,EAAE,CAAC;oBACjD,IAAI,SAAS,CAAC,OAAO,KAAK,aAAa,EAAE,CAAC;wBACtC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;oBACrC,CAAC;yBAAM,CAAC;wBACJ,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;oBAC1C,CAAC;gBACL,CAAC,CAAC,CAAC;YACP,CAAC,CAAC,CAAC;YAEH,EAAE,CAAC,wDAAwD,EAAE,KAAK,IAAI,EAAE;gBACpE,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC;oBACrB,IAAI,EAAE,kCAAkC,WAAW,YAAY;iBAClE,CAAC,CAAC;gBACH,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;gBAEhE,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;gBACrC,MAAM,aAAa,CAAC,OAAO,CAAC,KAAK,EAAC,SAAS,EAAC,EAAE;oBAC1C,MAAM,KAAK,GAAG,MAAM,SAAS,CAAC,gBAAgB,EAAE,CAAC;oBACjD,IAAI,SAAS,CAAC,OAAO,KAAK,aAAa,EAAE,CAAC;wBACtC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;oBACrC,CAAC;yBAAM,CAAC;wBACJ,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;oBAC1C,CAAC;gBACL,CAAC,CAAC,CAAC;YACP,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { setup } from '@/utils/helpers';\n\ndescribe('q2-form', () => {\n    const formContent = `\n        <q2-input label=\"Input\"></q2-input>\n        <q2-calendar label=\"Calendar\"></q2-calendar>\n        <q2-select label=\"Select\">\n            <option value=\"1\">Option 1</option>\n            <option value=\"2\">Option 2</option>\n            <option value=\"3\">Option 3</option>\n        </q2-select>\n        <q2-checkbox value=\"standalone\">Standalone Checkbox</q2-checkbox>\n        <q2-checkbox-group label=\"Checkbox Group\">\n            <q2-checkbox value=\"1\">Option 1</q2-checkbox>\n            <q2-checkbox value=\"2\">Option 2</q2-checkbox>\n            <q2-checkbox value=\"3\">Option 3</q2-checkbox>\n        </q2-checkbox-group>\n        <q2-radio-group label=\"Radio Group\">\n            <q2-radio value=\"1\">Option 1</q2-radio>\n            <q2-radio value=\"2\">Option 2</q2-radio>\n            <q2-radio value=\"3\">Option 3</q2-radio>\n        </q2-radio-group>\n        <q2-textarea label=\"Textarea\"></q2-textarea>\n    `;\n\n    const allFormFieldsSelector = `\n        q2-form > q2-input,\n        q2-form > q2-calendar,\n        q2-form > q2-select,\n        q2-form > q2-checkbox,\n        q2-form > q2-checkbox-group,\n        q2-form > q2-radio-group,\n        q2-form > q2-textarea\n    `;\n\n    describe('Props', () => {\n        describe('spacing', () => {\n            it('adds the normal margin when not provided', async () => {\n                const page = await setup({\n                    html: `<q2-form>${formContent}</q2-card>`,\n                });\n                const allFormFields = await page.findAll(allFormFieldsSelector);\n\n                expect(allFormFields.length).toBe(7);\n                await allFormFields.forEach(async formField => {\n                    const style = await formField.getComputedStyle();\n                    if (formField.tagName === 'Q2-CHECKBOX') {\n                        expect(style.margin).toBe('0px');\n                    } else {\n                        expect(style.margin).toBe('25px 0px');\n                    }\n                });\n            });\n\n            it('adds no margin when \"none\" is provided', async () => {\n                const page = await setup({\n                    html: `<q2-form spacing=\"none\">${formContent}</q2-card>`,\n                });\n                const allFormFields = await page.findAll(allFormFieldsSelector);\n\n                expect(allFormFields.length).toBe(7);\n                await allFormFields.forEach(async formField => {\n                    const style = await formField.getComputedStyle();\n                    expect(style.margin).toBe('0px');\n                });\n            });\n\n            it('adds compact margin when \"compact\" is provided', async () => {\n                const page = await setup({\n                    html: `<q2-form spacing=\"compact\">${formContent}</q2-card>`,\n                });\n                const allFormFields = await page.findAll(allFormFieldsSelector);\n\n                expect(allFormFields.length).toBe(7);\n                await allFormFields.forEach(async formField => {\n                    const style = await formField.getComputedStyle();\n                    if (formField.tagName === 'Q2-CHECKBOX') {\n                        expect(style.margin).toBe('0px');\n                    } else {\n                        expect(style.margin).toBe('15px 0px');\n                    }\n                });\n            });\n\n            it('adds normal margin when \"normal\" is provided', async () => {\n                const page = await setup({\n                    html: `<q2-form spacing=\"normal\">${formContent}</q2-card>`,\n                });\n                const allFormFields = await page.findAll(allFormFieldsSelector);\n\n                expect(allFormFields.length).toBe(7);\n                await allFormFields.forEach(async formField => {\n                    const style = await formField.getComputedStyle();\n                    if (formField.tagName === 'Q2-CHECKBOX') {\n                        expect(style.margin).toBe('0px');\n                    } else {\n                        expect(style.margin).toBe('25px 0px');\n                    }\n                });\n            });\n\n            it('adds comfortable margin when \"comfortable\" is provided', async () => {\n                const page = await setup({\n                    html: `<q2-form spacing=\"comfortable\">${formContent}</q2-card>`,\n                });\n                const allFormFields = await page.findAll(allFormFieldsSelector);\n\n                expect(allFormFields.length).toBe(7);\n                await allFormFields.forEach(async formField => {\n                    const style = await formField.getComputedStyle();\n                    if (formField.tagName === 'Q2-CHECKBOX') {\n                        expect(style.margin).toBe('0px');\n                    } else {\n                        expect(style.margin).toBe('35px 0px');\n                    }\n                });\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: 'f8729c7f3dea39a14da8add529ae642e78d20643', class: formattedTextClasses, "aria-label": this.formattedValue }, h("span", { key: '94390c62b148e3a0ce2d470377818ac442e9257e' }, this.formattedValue)));
+        return (h("div", { key: '29aac8ea5e737d01243d42d0a9790d18a11f768c', class: formattedTextClasses, "aria-label": this.formattedValue }, h("span", { key: '613fe3f2d365edd4a2ffefd37ac2ec4f05220978' }, this.formattedValue)));
     }
     static get is() { return "q2-formatted-text"; }
     static get encapsulation() { return "shadow"; }

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

@@ -665,7 +665,7 @@ export class Q2Input {
         return (h(Fragment, null, hasCustomDisplaySlot && (h("div", { class: "custom-display-container" }, h("slot", { name: "custom-display" }))), h("input", { ref: el => (this.inputRef = el), class: inputClasses.join(' '), id: this.inputId, type: this.computedType, size: this.formattedValueObject.prefix ? 10 : undefined, maxlength: ['date', 'currency'].includes(this.type) ? undefined : this.maxlength || undefined, max: this.max, min: this.min, step: this.step, "aria-current": this.current || undefined, "aria-describedby": this.inputDescribedBy, "aria-required": `${!this.optional}`, "aria-invalid": `${this.hasError}`, "aria-owns": ariaOwns, "aria-haspopup": ariaHaspopup, "aria-expanded": ariaExpanded, "aria-activedescendant": ariaActivedescendant, autocomplete: this.computedAutocomplete, autocapitalize: this.autocapitalize, autocorrect: this.autocorrect === 'on' ? 'on' : 'off', autofocus: this.autofocus, placeholder: (this.placeholder && loc(this.placeholder)) || undefined, role: this._role, "test-id": "inputField", readonly: this.readonly || this._preventEntry, disabled: !!this.disabled, onFocus: this.onInputFocus, onBlur: this.onInputBlur, onClick: this.onInputClick, onKeyDown: this.onInputKeydown, onInput: this.onInputInput, onPaste: this.onInputPaste, inputmode: this.inputMode, pattern: this.pattern || undefined })));
     }
     render() {
-        return (h("div", { key: '2cc30e91a73c9add9f82e794a0e04266fe5e8e78', class: this.wrapperClasses }, h("div", { key: '64baf86fc032a16240e7d4afb9985de4ed63346f', class: "label-wrapper" }, renderLabel(this), this.renderCountDOM()), this.renderInputContainerDOM(), renderMessages(this)));
+        return (h("div", { key: 'fbf148503e4dbf8fb9b033fecf698e4021fd763f', class: this.wrapperClasses }, h("div", { key: 'b8820ad0d238ba787775c793bb8757c60dcb82fd', class: "label-wrapper" }, renderLabel(this), this.renderCountDOM()), this.renderInputContainerDOM(), renderMessages(this)));
     }
     static get is() { return "q2-input"; }
     static get encapsulation() { return "shadow"; }
@@ -1408,7 +1408,7 @@ export class Q2Input {
                     "references": {
                         "InputType": {
                             "location": "local",
-                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-input/q2-input.tsx",
+                            "path": "/Users/kvanhouten/Documents/Work/tecton_extra/packages/q2-tecton-elements/src/components/q2-input/q2-input.tsx",
                             "id": "src/components/q2-input/q2-input.tsx::InputType"
                         }
                     }

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

@@ -100,7 +100,7 @@ export class Q2Item {
     // #region Render Methods
     render() {
         const { clickable } = this;
-        return (h("div", { key: '7b0894fa0180d68cba7b47a6e63f837255a70057', "test-id": "itemContainer", class: this.itemClasses, ref: el => (this.itemElement = el), role: clickable ? 'button' : undefined, tabIndex: clickable ? 0 : undefined }, this.hasBulletSlotContent && (h("div", { key: '5ef5a26d2fb4644e9b9d902bc7ff314a90df9976', class: this.bulletClasses }, h("slot", { key: '7db082ffd73b04494e67cbdee93b140afb11e016', name: "bullet" }))), h("div", { key: '42212f56e12da4b57ae14b613efcdc59fbbc93b4', class: this.mainClasses }, this.hasHeaderSlotContent && (h("div", { key: '9153d8de21c4809716f17f31717d97463bb045a5', class: "header" }, h("slot", { key: 'ab504063f003daa1ea3984555ccf703426116dc0', name: "header" }))), this.hasBodySlotContent && (h("div", { key: '1a8b650df30033853919f6492aaa194f60a11c60', class: "body" }, h("slot", { key: 'b8262d4ef02751e63b62b525543394d0f14824db', name: "body" })))), this.hasActionSlotContent && (h("div", { key: '056bc3b9f932495baf46613b66857325d19c0e3b', class: this.actionClasses }, h("slot", { key: 'f5332dd36657b470c993b773195044f7c809fe66', name: "action" }))), this.hasFooterSlotContent && (h("div", { key: '111359c030a37ad8e72df6e3a40d8b8d226a4734', class: this.footerClasses }, h("slot", { key: '8afe6c9372a9c53663d6383116256f19b470858b', name: "footer" })))));
+        return (h("div", { key: '4afba65f3586f010f5e6f6faa72ab04d6ec79fb8', "test-id": "itemContainer", class: this.itemClasses, ref: el => (this.itemElement = el), role: clickable ? 'button' : undefined, tabIndex: clickable ? 0 : undefined }, this.hasBulletSlotContent && (h("div", { key: '778ec58acfdc9a57662cb070028c5efbaced8056', class: this.bulletClasses }, h("slot", { key: '6429ec996adb7b400f7dbc37e66196394b2e4c5d', name: "bullet" }))), h("div", { key: '2a81129ad24d95857183c72813d60eb785ee1b2d', class: this.mainClasses }, this.hasHeaderSlotContent && (h("div", { key: '53315a1d62bc8ffc6f2f910e881659d61c670fbf', class: "header" }, h("slot", { key: 'a11063eda67cd353a7742397a4701c7939193d09', name: "header" }))), this.hasBodySlotContent && (h("div", { key: '903998a8a296b11c60ce105b6bb181badee3580c', class: "body" }, h("slot", { key: 'c47b8387918feea518d56b25d2f4770a1cae9c00', name: "body" })))), this.hasActionSlotContent && (h("div", { key: '7b44a3c72b6d8cca1b409b9a37764a317ba8acb7', class: this.actionClasses }, h("slot", { key: 'ea50fb238aeae9c96276cf53234cfe2bdea55b42', name: "action" }))), this.hasFooterSlotContent && (h("div", { key: '636e87198073af605443840a79ef2640ad7d4552', class: this.footerClasses }, h("slot", { key: '9b9112e049d8e6f2d5983ad499ad27ee6ec08b14', name: "footer" })))));
     }
     static get is() { return "q2-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -94,7 +94,7 @@ export class Q2Legend {
     // #endregion
     // #region Render Methods
     render() {
-        return (h("click-elsewhere", { key: '17df977aa81845d2b4e6db411b2860495ba61e4b', onChange: () => this.onClickElsewhere(this) }, h("ul", { key: '21d4f05b1b2e5f5374e04a8a93249704043ed447' }, this.dataWithClasses.map(item => (h("li", { class: "item" }, h("button", { "test-id": "item", "aria-label": `${item.name} ${this.formatValue(item.value)}`, class: item.classes, onClick: event => this.onClick(event, item), onMouseEnter: event => this.onMouseEnter(event, item), onMouseLeave: event => this.onMouseLeave(event, item) }, h("span", { "test-id": "itemColor", class: "item-color-indicator", style: { backgroundColor: item.color }, "aria-hidden": "true" }), h("span", { "test-id": "itemName", class: "item-name" }, item.name), h("span", { id: `item-${item.id}`, "test-id": "itemValue", class: "item-value" }, this.formatValue(item.value)))))))));
+        return (h("click-elsewhere", { key: '1253e1dba3334134aa16432ef4dd7e71a87d1420', onChange: () => this.onClickElsewhere(this) }, h("ul", { key: 'd9252af5543da55989ec69b18b4438624c39a90e' }, this.dataWithClasses.map(item => (h("li", { class: "item" }, h("button", { "test-id": "item", "aria-label": `${item.name} ${this.formatValue(item.value)}`, class: item.classes, onClick: event => this.onClick(event, item), onMouseEnter: event => this.onMouseEnter(event, item), onMouseLeave: event => this.onMouseLeave(event, item) }, h("span", { "test-id": "itemColor", class: "item-color-indicator", style: { backgroundColor: item.color }, "aria-hidden": "true" }), h("span", { "test-id": "itemName", class: "item-name" }, item.name), h("span", { id: `item-${item.id}`, "test-id": "itemValue", class: "item-value" }, this.formatValue(item.value)))))))));
     }
     static get is() { return "q2-legend"; }
     static get encapsulation() { return "shadow"; }

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

@@ -63,7 +63,7 @@ export class Q2List {
     // #endregion
     // #region Render Methods
     render() {
-        return (h("div", { key: 'cb7c090b2e018bc46ef3ae829f4fd7f3cbb896e8', class: this.listClasses, ref: el => (this.listElement = el) }, (this.hasFilterSlot || this.hasLabelContent) && (h("div", { key: '16672b343894a78a378b17e18f21b1412b103683', class: this.headerClasses }, h("div", { key: '4f78dabab7f982fb6e472c29195bbcc8f4c6758c', class: "label" }, this.label), this.hasFilterSlot && h("slot", { key: '7ce97a75b66749f137a6c1b70827ddcef60df8ce', name: "filter" }))), h("div", { key: '05f39d183177a30f3d5edacecafa57503e1bef9c', role: "list" }, h("slot", { key: '37be8bca5d3b81404db947d96605585b3a1cce32' }))));
+        return (h("div", { key: '815b7bb01cdd74d76d2390a9e969484189682c6b', class: this.listClasses, ref: el => (this.listElement = el) }, (this.hasFilterSlot || this.hasLabelContent) && (h("div", { key: '3495d4aa9461d655f0c5bf5c67ce26b320324675', class: this.headerClasses }, h("div", { key: '9b5f21524fc50f41a38b7ff234cca04142e4783b', class: "label" }, this.label), this.hasFilterSlot && h("slot", { key: '4765b21b09161cad072e90f351e55d210c07a33c', name: "filter" }))), h("div", { key: '9157531d4ee7d3362fd23ae665dcc8f4ca28fd8d', role: "list" }, h("slot", { key: '6cfa2724ee61b1b2271d673b6b71113e7bfd06e7' }))));
     }
     static get is() { return "q2-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -52,16 +52,6 @@ export class Q2Loc {
         return this.translatedValue;
     }
     static get is() { return "q2-loc"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["q2-loc.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["q2-loc.css"]
-        };
-    }
     static get properties() {
         return {
             "substitutions": {

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

@@ -1 +1 @@
-{"version":3,"file":"q2-loc.js","sourceRoot":"","sources":["../../../../src/components/q2-loc/q2-loc.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAGhC,MAAM,OAAO,KAAK;;QAqDd,yBAAoB,GAAG,GAAG,EAAE;YACxB,IAAI,CAAC,CAAC,kBAAkB,IAAI,MAAM,CAAC;gBAAE,OAAO;YAC5C,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;YAC5D,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;YAC5F,IAAI,CAAC,gBAAgB,GAAG,QAAQ,CAAC;QACrC,CAAC,CAAC;QAEF,cAAS,GAAG,GAAG,EAAE;YACb,MAAM,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC;YACjC,IAAI,CAAC,WAAW,CAAC,WAAW,GAAG,IAAI,CAAC;YACpC,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,eAAe,EAAE,CAAC;gBACjC,IAAI,CAAC,KAAK,GAAG,eAAe,CAAC;YACjC,CAAC;QACL,CAAC,CAAC;QAEF,oBAAe,GAAG,GAAG,EAAE;YACnB,MAAM,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC;YACjC,IAAI,eAAe,IAAI,IAAI,CAAC,eAAe,KAAK,eAAe,EAAE,CAAC;gBAC9D,IAAI,CAAC,WAAW,CAAC,WAAW,GAAG,IAAI,CAAC;gBACpC,IAAI,CAAC,KAAK,GAAG,eAAe,CAAC;YACjC,CAAC;QACL,CAAC,CAAC;;;;IAhDF,aAAa;IACb,qCAAqC;IAErC,oBAAoB;;QAChB,MAAA,IAAI,CAAC,gBAAgB,0CAAE,UAAU,EAAE,CAAC;QACpC,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;IACjC,CAAC;IAED,iBAAiB;QACb,IAAI,CAAC,SAAS,EAAE,CAAC;IACrB,CAAC;IAED,gBAAgB;QACZ,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAChC,CAAC;IAED,aAAa;IACb,wBAAwB;IAExB,IAAI,eAAe;QACf,OAAO,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;IAC/C,CAAC;IAED,IAAI,eAAe;QACf,OAAO,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;IAC/C,CAAC;IAyBD,aAAa;IACb,yBAAyB;IAEzB,MAAM;QACF,OAAO,IAAI,CAAC,eAAe,CAAC;IAChC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGJ","sourcesContent":["import { Element, Component, Prop } from '@stencil/core';\nimport { loc } from 'src/utils';\n\n@Component({ tag: 'q2-loc', shadow: false, styleUrl: 'q2-loc.scss' })\nexport class Q2Loc {\n    // #region Own Properties\n\n    mutationObserver: MutationObserver;\n\n    // #endregion\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region Public Property API\n\n    /** Any substitutions you would like to pass into the localization string. */\n    @Prop()\n    substitutions: string[];\n\n    /**\n     * The reference to the localization key you would like to display the localized output of.\n     * If no value is provided, any text inside the element will be used as a fallback.\n     * @localizable\n     */\n    @Prop({ reflect: true, mutable: true })\n    value: string;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    disconnectedCallback() {\n        this.mutationObserver?.disconnect();\n        this.mutationObserver = null;\n    }\n\n    componentWillLoad() {\n        this.initValue();\n    }\n\n    componentDidLoad() {\n        this.initMutationObserver();\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get hostTextContent(): string {\n        return this.hostElement.textContent.trim();\n    }\n\n    get translatedValue(): string {\n        return loc(this.value, this.substitutions);\n    }\n\n    initMutationObserver = () => {\n        if (!('MutationObserver' in window)) return;\n        const observer = new MutationObserver(this.mutationHandler);\n        observer.observe(this.hostElement, { childList: true, subtree: true, characterData: true });\n        this.mutationObserver = observer;\n    };\n\n    initValue = () => {\n        const { hostTextContent } = this;\n        this.hostElement.textContent = null;\n        if (!this.value && hostTextContent) {\n            this.value = hostTextContent;\n        }\n    };\n\n    mutationHandler = () => {\n        const { hostTextContent } = this;\n        if (hostTextContent && this.translatedValue !== hostTextContent) {\n            this.hostElement.textContent = null;\n            this.value = hostTextContent;\n        }\n    };\n\n    // #endregion\n    // #region Render Methods\n\n    render() {\n        return this.translatedValue;\n    }\n\n    // #endregion\n}\n"]}
+{"version":3,"file":"q2-loc.js","sourceRoot":"","sources":["../../../../src/components/q2-loc/q2-loc.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAGhC,MAAM,OAAO,KAAK;;QAqDd,yBAAoB,GAAG,GAAG,EAAE;YACxB,IAAI,CAAC,CAAC,kBAAkB,IAAI,MAAM,CAAC;gBAAE,OAAO;YAC5C,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;YAC5D,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;YAC5F,IAAI,CAAC,gBAAgB,GAAG,QAAQ,CAAC;QACrC,CAAC,CAAC;QAEF,cAAS,GAAG,GAAG,EAAE;YACb,MAAM,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC;YACjC,IAAI,CAAC,WAAW,CAAC,WAAW,GAAG,IAAI,CAAC;YACpC,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,eAAe,EAAE,CAAC;gBACjC,IAAI,CAAC,KAAK,GAAG,eAAe,CAAC;YACjC,CAAC;QACL,CAAC,CAAC;QAEF,oBAAe,GAAG,GAAG,EAAE;YACnB,MAAM,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC;YACjC,IAAI,eAAe,IAAI,IAAI,CAAC,eAAe,KAAK,eAAe,EAAE,CAAC;gBAC9D,IAAI,CAAC,WAAW,CAAC,WAAW,GAAG,IAAI,CAAC;gBACpC,IAAI,CAAC,KAAK,GAAG,eAAe,CAAC;YACjC,CAAC;QACL,CAAC,CAAC;;;;IAhDF,aAAa;IACb,qCAAqC;IAErC,oBAAoB;;QAChB,MAAA,IAAI,CAAC,gBAAgB,0CAAE,UAAU,EAAE,CAAC;QACpC,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;IACjC,CAAC;IAED,iBAAiB;QACb,IAAI,CAAC,SAAS,EAAE,CAAC;IACrB,CAAC;IAED,gBAAgB;QACZ,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAChC,CAAC;IAED,aAAa;IACb,wBAAwB;IAExB,IAAI,eAAe;QACf,OAAO,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;IAC/C,CAAC;IAED,IAAI,eAAe;QACf,OAAO,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;IAC/C,CAAC;IAyBD,aAAa;IACb,yBAAyB;IAEzB,MAAM;QACF,OAAO,IAAI,CAAC,eAAe,CAAC;IAChC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGJ","sourcesContent":["import { Element, Component, Prop } from '@stencil/core';\nimport { loc } from 'src/utils';\n\n@Component({ tag: 'q2-loc', shadow: false })\nexport class Q2Loc {\n    // #region Own Properties\n\n    mutationObserver: MutationObserver;\n\n    // #endregion\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region Public Property API\n\n    /** Any substitutions you would like to pass into the localization string. */\n    @Prop()\n    substitutions: string[];\n\n    /**\n     * The reference to the localization key you would like to display the localized output of.\n     * If no value is provided, any text inside the element will be used as a fallback.\n     * @localizable\n     */\n    @Prop({ reflect: true, mutable: true })\n    value: string;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    disconnectedCallback() {\n        this.mutationObserver?.disconnect();\n        this.mutationObserver = null;\n    }\n\n    componentWillLoad() {\n        this.initValue();\n    }\n\n    componentDidLoad() {\n        this.initMutationObserver();\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get hostTextContent(): string {\n        return this.hostElement.textContent.trim();\n    }\n\n    get translatedValue(): string {\n        return loc(this.value, this.substitutions);\n    }\n\n    initMutationObserver = () => {\n        if (!('MutationObserver' in window)) return;\n        const observer = new MutationObserver(this.mutationHandler);\n        observer.observe(this.hostElement, { childList: true, subtree: true, characterData: true });\n        this.mutationObserver = observer;\n    };\n\n    initValue = () => {\n        const { hostTextContent } = this;\n        this.hostElement.textContent = null;\n        if (!this.value && hostTextContent) {\n            this.value = hostTextContent;\n        }\n    };\n\n    mutationHandler = () => {\n        const { hostTextContent } = this;\n        if (hostTextContent && this.translatedValue !== hostTextContent) {\n            this.hostElement.textContent = null;\n            this.value = hostTextContent;\n        }\n    };\n\n    // #endregion\n    // #region Render Methods\n\n    render() {\n        return this.translatedValue;\n    }\n\n    // #endregion\n}\n"]}

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

@@ -57,7 +57,7 @@ export class Q2Message {
         const addDivForAriaLive = !isFirefox && this.presentToggle;
         const { description } = this;
         const messageLabel = loc(`tecton.element.message.type.${this.type ? this.type : 'info'}`);
-        return (h("div", { key: 'ccca9e80908f73482c73f865743e5f7cd6438d99', tabindex: "-1", class: "message", role: description ? undefined : 'alert', "aria-live": description ? undefined : 'assertive', "aria-atomic": description ? undefined : 'true', "aria-relevant": description && addAriaHiddenForAriaLive ? undefined : 'all', "test-id": "messageContainer" }, this.appearance === 'standard' ? this.messageIcon(this.type) : '', addDivForAriaLive && h("div", { key: 'a9937495e83a7e0852034c36639d8c60ea3c30ac', class: "sr" }), h("div", { key: 'e650f7ef7c2544e44f63ce7a23f33f04145a7e83', class: "sr message-label" }, messageLabel), h("div", { key: 'daa66069373ac3030fb33dc3c88c0621c91bb6a4', class: "message-content", "aria-hidden": addAriaHiddenForAriaLive ? 'true' : undefined }, h("slot", { key: '464a52a941be194c1267beee2c1b307ece17f964' }))));
+        return (h("div", { key: 'e74bbda0808b5430f9f3533d5cfe32463c246fb7', tabindex: "-1", class: "message", role: description ? undefined : 'alert', "aria-live": description ? undefined : 'assertive', "aria-atomic": description ? undefined : 'true', "aria-relevant": description && addAriaHiddenForAriaLive ? undefined : 'all', "test-id": "messageContainer" }, this.appearance === 'standard' ? this.messageIcon(this.type) : '', addDivForAriaLive && h("div", { key: '11f8a2db8016024dc4cd51567a6e95a1eaea8e75', class: "sr" }), h("div", { key: 'e6c4f2f7aff57d19e0da9f5d6240f14ae881ddb8', class: "sr message-label" }, messageLabel), h("div", { key: 'e473b74d78048bc8c370f724356066e963b8667e', class: "message-content", "aria-hidden": addAriaHiddenForAriaLive ? 'true' : undefined }, h("slot", { key: 'adcaf51ebf8a023b8b1d5a6556c79b3c2b64d8cc' }))));
     }
     static get is() { return "q2-message"; }
     static get encapsulation() { return "shadow"; }

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

@@ -148,7 +148,7 @@ export class Q2Modal {
     render() {
         const interiorClasses = `interior`;
         const renderStatus = `${this.renderStatus || ''}`;
-        return (h("dialog", { key: '73f146b4e163c9395837b932588870487645b6ce', ref: el => (this.dialogElement = el), class: renderStatus, onClick: this.onClick }, h("div", { key: '4219e99c0186ffe1a7e0d3a9e81334adb02a4979', class: interiorClasses }, this.title && (h("header", { key: '77d134b2d00f7e4221b25917ab46714446c19b22' }, this.title && h("h2", { key: '0f43942c22bd5b9ca7784bcd4c637c6fc3fb1203', class: "title" }, this.title), !!this.closable && (h("q2-btn", { key: '6dcf3f2a05cf76a78cf8e2fddd4566d88ddb7421', class: "btn-close", "test-id": "btnClose", onClick: this.onCancel, label: "tecton.element.modal.close", "hide-label": true }, h("q2-icon", { key: '8cdf1b3e2b4990547381f04527e0ca3116802949', type: "close" }))))), h("div", { key: 'e1bcef9f5eca9e2f4504abbbd4d90ba690e4a6d2', class: "content", ref: el => (this.contentElement = el) }, this.icon && (h("div", { key: '0bd5d3ca0d3f13c3879b752202697841fffabf94', class: "icon" }, h("q2-icon", { key: 'f236ba5a6f0b14fa865ace8f69813634fa65494c', type: this.icon, style: this.iconStyle() }))), this.imageSrc && (h("div", { key: '9c2978ebff4bdc67930fe2a5232b5fb92822e3c9', class: "image" }, h("img", { key: '6c5ac47ad9f780e6496b3c8464f003a7f76cbb58', src: this.imageSrc }))), hasSlotContent(this.hostElement, 'content') && h("slot", { key: 'cd4bb02b38c02115a5c8601cc0c4371cbe01611d', name: "content" }), this.description && h("p", { key: 'e94d10a5b24629b9a8c965b28a5b439a83e1324b', class: "description" }, this.description), this.customMarkup && (h("p", { key: 'cfc781b852faeba9d089355a92809873f0efdda0', class: "customMarkup", innerHTML: sanitizeHTMLString(this.customMarkup) }))), h("footer", { key: '57c18d04f08e1e00bf3e869d84e8e2f9d8901ae5' }, h("q2-action-group", { key: '9f27a49f45568166416acf2a9df83d3d0da58cb2', "full-width": true }, h("slot", { key: '64a30e7f6ebaf5f5b99264235d5510835826f566', name: "action" }))))));
+        return (h("dialog", { key: '23605420f182cf36687c22f5d9a25512fe12aa1f', ref: el => (this.dialogElement = el), class: renderStatus, onClick: this.onClick }, h("div", { key: 'e0bd45778d125c39028e9a7e999b36cdd920d471', class: interiorClasses }, this.title && (h("header", { key: '4658009b1bd010941c7d3128306ab44a1da80194' }, this.title && h("h2", { key: 'ec33e00aa837cd0033f3a5f84f292ee7fb59fb45', class: "title" }, this.title), !!this.closable && (h("q2-btn", { key: '19a02dda7a62729b20d79d7b380ac5225427a25b', class: "btn-close", "test-id": "btnClose", onClick: this.onCancel, label: "tecton.element.modal.close", "hide-label": true }, h("q2-icon", { key: '513d17ba802c6681ec399e44fc07180568695cfb', type: "close" }))))), h("div", { key: 'd291afd421f5a4f4bcccb1e7762cf633f84ffce2', class: "content", ref: el => (this.contentElement = el) }, this.icon && (h("div", { key: '3e4256c22f6b1a0c4da33c6e950ad682115c0be8', class: "icon" }, h("q2-icon", { key: '9440c8af3d66157a1f66dbdbc15490e61d086ca8', type: this.icon, style: this.iconStyle() }))), this.imageSrc && (h("div", { key: 'a6a8451fea0accc0ebf1236bce6581db59af53e8', class: "image" }, h("img", { key: 'a512e1803682e81187647ecddc8ac77d0d07240c', src: this.imageSrc }))), hasSlotContent(this.hostElement, 'content') && h("slot", { key: '128d28110b50319c978b96598f73b204a8b36c68', name: "content" }), this.description && h("p", { key: '498bc624e6187e76365d03e50ad7aeaed23c9a18', class: "description" }, this.description), this.customMarkup && (h("p", { key: '68c58bc1abbf26ed2729fd420b56db3e8b8cce10', class: "customMarkup", innerHTML: sanitizeHTMLString(this.customMarkup) }))), h("footer", { key: '090a95b0eae17b929781cea8292cc531f67f0cb7' }, h("q2-action-group", { key: 'f2b72a7b97df9771be3eeb7d09d8baca6522a2f6', "full-width": true }, h("slot", { key: 'b6eca7b862e41fecd08516ade207a6d444c08ed3', name: "action" }))))));
     }
     static get is() { return "q2-modal"; }
     static get encapsulation() { return "shadow"; }

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

@@ -44,7 +44,7 @@ export class Q2Optgroup {
     // #endregion
     // #region Render Methods
     render() {
-        return (h("div", { key: '72e78e35e909a826dbff58572ccf2eb922992ad8', class: "q2-optgroup-container", hidden: this.hidden, "aria-labelledby": this.headerId, role: "group" }, h("div", { key: '3c25d95961cf0b41f1633782647a708043033bea', class: "q2-optgroup-header", id: this.headerId }, (this.label && loc(this.label)) || ''), h("div", { key: '126e87b4daeb27564289a5c183f2fa155f8b086f', class: "q2-optgroup-options" }, h("slot", { key: '21e7c0f8f8992915b029343ce917ebb20f0579b5' }))));
+        return (h("div", { key: 'ac0997f3f9bd1b65dced4ac274c3f51a72b41858', class: "q2-optgroup-container", hidden: this.hidden, "aria-labelledby": this.headerId, role: "group" }, h("div", { key: 'a5b2c9d4c9e506f925fad95b272994516e8a6e39', class: "q2-optgroup-header", id: this.headerId }, (this.label && loc(this.label)) || ''), h("div", { key: 'bbbb697d598f71a7cf2ced1a59fbba713c9a7986', class: "q2-optgroup-options" }, h("slot", { key: '8e7fef13eb234ce7104fa4ce8227cf7792f4f9b6' }))));
     }
     static get is() { return "q2-optgroup"; }
     static get encapsulation() { return "shadow"; }