q2-tecton-elements 1.4.4 → 1.5.3

package/dist/cjs/q2-tab-pane.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$1 = require('./index-88eda03b.js');
+const index$1 = require('./index-56373ad4.js');
 
 const stylesCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.tab-pane[aria-hidden='true']{display:none}.tab-pane:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}";
 

package/dist/cjs/q2-tecton-elements.cjs.js

@@ -1,8 +1,8 @@
 'use strict';
 
-const index = require('./index-88eda03b.js');
-const patch = require('./patch-e20a85b4.js');
+const index = require('./index-56373ad4.js');
+const patch = require('./patch-9ecad880.js');
 
 patch.patchBrowser().then(options => {
-  return index.bootstrapLazy([["q2-calendar.cjs",[[1,"q2-calendar",{"value":[1537],"label":[513],"ariaLabel":[513,"aria-label"],"optional":[516],"disabled":[516],"invalid":[516],"placeholder":[513],"buttonLabel":[513,"button-label"],"disabledMsg":[513,"disabled-msg"],"calendarLabel":[513,"calendar-label"],"disclaimer":[513],"displayFormat":[513,"display-format"],"startDate":[513,"start-date"],"endDate":[513,"end-date"],"cutoffTime":[513,"cutoff-time"],"daysOfWeekChecksum":[514,"days-of-week-checksum"],"popDirection":[513,"pop-direction"],"errors":[16],"invalidDates":[16],"validDates":[16],"onsuccess":[16],"dropdownOpen":[32],"dateList":[32]},[[0,"change","defaultChangeHandler"],[0,"error","defaultErrorHandler"],[0,"success","defaultSuccessHandler"]]]]],["q2-select.cjs",[[1,"q2-select",{"label":[513],"value":[1025],"ariaLabel":[513,"aria-label"],"selectedOptions":[1032,"selected-options"],"disabled":[516],"invalid":[516],"errors":[16],"multiple":[516],"searchable":[516],"multilineOptions":[516,"multiline-options"],"optional":[516],"dropdownOpen":[32],"onlyShowingSelected":[32],"activeOptionId":[32],"searchText":[32],"hasCustomDisplay":[32],"inputFocused":[32]},[[0,"change","onHostElementChange"],[0,"input","onHostElementInput"],[0,"click","clickHandler"],[0,"keydown","keydownHandler"]]]]],["q2-dropdown.cjs",[[1,"q2-dropdown",{"type":[513],"icon":[513],"label":[513],"ariaLabel":[513,"aria-label"],"disabled":[516],"popDirection":[513,"pop-direction"],"name":[513],"context":[513],"contextValue":[513,"context-value"],"dropdownOpen":[32]}]]],["q2-editable-field.cjs",[[1,"q2-editable-field",{"value":[1537],"editing":[516],"label":[513],"ariaLabel":[513,"aria-label"],"type":[513],"formatModifier":[513,"format-modifier"],"truncated":[513],"maxlength":[514],"persistentLabel":[516,"persistent-label"],"hints":[16],"errors":[16]},[[0,"change","onHostElementChange"]]]]],["q2-section.cjs",[[1,"q2-section",{"label":[513],"collapsible":[516],"noCollapseIcon":[516,"no-collapse-icon"],"expanded":[1540],"contentHeight":[32],"hasYieldedHeader":[32]},[[0,"change","defaultChangeHandler"]]]]],["q2-carousel.cjs",[[4,"q2-carousel",{"autoPlay":[516,"auto-play"],"fullWidthPanes":[516,"full-width-panes"],"hidePagination":[516,"hide-pagination"],"showNavigationArrows":[516,"show-navigation-arrows"],"ariaLabel":[513,"aria-label"],"index":[514],"universalCarouselOptions":[32],"fullWidthDisplayOptions":[32],"swiper":[32],"activePaneIndex":[32],"applyFocus":[32],"compactMode":[32],"autoPlayInProgress":[32],"carouselWrapperWidth":[32],"tabIndex":[32]},[[0,"change","onHostElementChange"]]]]],["q2-checkbox.cjs",[[1,"q2-checkbox",{"checked":[1540],"type":[513],"label":[513],"ariaLabel":[513,"aria-label"],"indeterminate":[516],"disabled":[516],"value":[513],"name":[513],"hasError":[516,"has-error"],"groupDisabled":[516,"group-disabled"],"alignment":[513]},[[0,"change","defaultChangeHandler"]]]]],["q2-checkbox-group.cjs",[[1,"q2-checkbox-group",{"label":[513],"value":[1040],"disabled":[516],"optional":[516],"hasError":[516,"has-error"]},[[0,"change","onHostElementChange"]]]]],["q2-option.cjs",[[1,"q2-option",{"display":[513],"value":[513],"disabled":[516],"optionId":[513,"option-id"],"disabledGroup":[516,"disabled-group"],"selected":[516],"hidden":[516],"multiline":[516],"active":[516],"_multiSelectHidden":[516,"_multiselecthidden"]}]]],["q2-radio-group.cjs",[[1,"q2-radio-group",{"label":[513],"value":[1025],"disabled":[516],"name":[513],"optional":[516],"tilelayout":[516],"tileAlignment":[513,"tile-alignment"],"hasError":[516,"has-error"]},[[0,"change","onHostElementChange"]]]]],["q2-tab-container.cjs",[[1,"q2-tab-container",{"value":[1537],"type":[513],"name":[513],"color":[513],"hasLeft":[32],"hasRight":[32],"tabs":[32]},[[0,"change","defaultChangeHandler"]]]]],["q2-avatar.cjs",[[1,"q2-avatar",{"name":[513],"src":[513],"badSrc":[32]}]]],["q2-carousel-pane.cjs",[[4,"q2-carousel-pane",{"index":[2],"siblingCount":[2,"sibling-count"],"hideFromScreenReader":[516,"hide-from-screen-reader"],"isActivePane":[516,"is-active-pane"],"label":[513]}]]],["q2-loading.cjs",[[1,"q2-loading",{"type":[513],"shape":[513],"modifiers":[513],"counts":[513],"ariaLabel":[513,"aria-label"],"inline":[516]}]]],["q2-loading-element.cjs",[[0,"q2-loading-element",{"shape":[513],"width":[513],"height":[513],"borderRadius":[513,"border-radius"]}]]],["q2-loc.cjs",[[1,"q2-loc",{"value":[513],"substitutions":[16]}]]],["q2-optgroup.cjs",[[1,"q2-optgroup",{"disabled":[516],"label":[513],"hidden":[32]}]]],["q2-radio.cjs",[[4,"q2-radio",{"label":[513],"value":[513],"disabled":[516],"checked":[516],"name":[513],"ariaLabel":[513,"aria-label"],"groupDisabled":[4,"group-disabled"],"groupTileLayout":[4,"group-tile-layout"]},[[0,"click","onHostClick"]]]]],["q2-tab-pane.cjs",[[1,"q2-tab-pane",{"value":[513],"label":[513],"name":[513],"selected":[516],"index":[2],"guid":[2]}]]],["tecton-tab-pane.cjs",[[1,"tecton-tab-pane",{"value":[513],"label":[513],"name":[513],"selected":[516],"index":[2],"guid":[2],"provided":[516],"url":[513],"moduleId":[513,"module-id"],"minHeight":[513,"min-height"],"authPayload":[16],"showForm":[4,"show-form"],"_showForm":[32]}]]],["q2-btn.cjs",[[1,"q2-btn",{"ariaExpanded":[4,"aria-expanded"],"ariaHasPopup":[8,"aria-has-popup"],"ariaControls":[1,"aria-controls"],"ariaSelected":[4,"aria-selected"],"ariaLabel":[513,"aria-label"],"tabIndex":[2,"tab-index"],"disabled":[516],"type":[513],"icon":[516],"badge":[516],"active":[516],"fab":[516]},[[2,"click","disable"],[0,"focus","delegateFocus"]]]]],["q2-icon.cjs",[[1,"q2-icon",{"type":[513]}]]],["q2-dropdown-item.cjs",[[1,"q2-dropdown-item",{"disabled":[516],"removable":[516],"separator":[516],"label":[513],"ariaLabel":[513,"aria-label"],"value":[513]},[[0,"focus","onHostElementFocus"]]]]],["click-elsewhere.cjs",[[0,"click-elsewhere"]]],["q2-input_2.cjs",[[1,"q2-input",{"value":[1025],"label":[513],"type":[513],"placeholder":[513],"disabled":[516],"autocomplete":[513],"autocorrect":[513],"autocapitalize":[513],"hideMessages":[516,"hide-messages"],"iconLeft":[513,"icon-left"],"iconRight":[513,"icon-right"],"readonly":[516],"clearable":[516],"optional":[516],"formatModifier":[513,"format-modifier"],"maxlength":[514],"pseudo":[516],"ariaControls":[1,"aria-controls"],"role":[1],"ariaOwns":[1,"aria-owns"],"ariaLabel":[1,"aria-label"],"ariaHaspopup":[1,"aria-haspopup"],"ariaExpanded":[4,"aria-expanded"],"ariaActivedescendant":[8,"aria-activedescendant"],"errors":[16],"hints":[16],"formattedValueObject":[32],"hasFocus":[32]},[[0,"focus","onHostElementFocus"],[0,"change","onHostElementChange"]]],[1,"q2-message",{"type":[513],"appearance":[513],"description":[516]}]]]], options);
+  return index.bootstrapLazy([["q2-calendar.cjs",[[1,"q2-calendar",{"value":[1537],"label":[513],"ariaLabel":[513,"aria-label"],"optional":[516],"disabled":[516],"invalid":[516],"placeholder":[513],"buttonLabel":[513,"button-label"],"disabledMsg":[513,"disabled-msg"],"calendarLabel":[513,"calendar-label"],"disclaimer":[513],"displayFormat":[513,"display-format"],"startDate":[513,"start-date"],"endDate":[513,"end-date"],"cutoffTime":[513,"cutoff-time"],"daysOfWeekChecksum":[514,"days-of-week-checksum"],"popDirection":[513,"pop-direction"],"errors":[16],"invalidDates":[16],"validDates":[16],"onsuccess":[16],"dropdownOpen":[32],"dateList":[32]},[[0,"change","defaultChangeHandler"],[0,"error","defaultErrorHandler"],[0,"success","defaultSuccessHandler"]]]]],["q2-select.cjs",[[1,"q2-select",{"label":[513],"value":[1025],"ariaLabel":[513,"aria-label"],"selectedOptions":[1032,"selected-options"],"disabled":[516],"invalid":[516],"errors":[16],"multiple":[516],"searchable":[516],"multilineOptions":[516,"multiline-options"],"optional":[516],"dropdownOpen":[32],"onlyShowingSelected":[32],"activeOptionId":[32],"searchText":[32],"hasCustomDisplay":[32],"inputFocused":[32]},[[0,"change","onHostElementChange"],[0,"input","onHostElementInput"],[0,"click","clickHandler"],[0,"keydown","keydownHandler"]]]]],["q2-dropdown.cjs",[[1,"q2-dropdown",{"type":[513],"icon":[513],"label":[513],"ariaLabel":[513,"aria-label"],"disabled":[516],"popDirection":[513,"pop-direction"],"name":[513],"context":[513],"contextValue":[513,"context-value"],"dropdownOpen":[32]}]]],["q2-editable-field.cjs",[[1,"q2-editable-field",{"value":[1537],"editing":[516],"label":[513],"ariaLabel":[513,"aria-label"],"type":[513],"formatModifier":[513,"format-modifier"],"truncated":[513],"maxlength":[514],"persistentLabel":[516,"persistent-label"],"hints":[16],"errors":[16]},[[0,"change","onHostElementChange"]]]]],["q2-section.cjs",[[1,"q2-section",{"label":[513],"collapsible":[516],"noCollapseIcon":[516,"no-collapse-icon"],"expanded":[1540],"contentHeight":[32],"hasYieldedHeader":[32]},[[0,"change","defaultChangeHandler"]]]]],["q2-carousel.cjs",[[4,"q2-carousel",{"autoPlay":[516,"auto-play"],"fullWidthPanes":[516,"full-width-panes"],"hidePagination":[516,"hide-pagination"],"showNavigationArrows":[516,"show-navigation-arrows"],"ariaLabel":[513,"aria-label"],"index":[514],"universalCarouselOptions":[32],"fullWidthDisplayOptions":[32],"swiper":[32],"activePaneIndex":[32],"applyFocus":[32],"compactMode":[32],"autoPlayInProgress":[32],"carouselWrapperWidth":[32],"tabIndex":[32]},[[0,"change","onHostElementChange"]]]]],["q2-checkbox.cjs",[[1,"q2-checkbox",{"checked":[1540],"type":[513],"label":[513],"ariaLabel":[513,"aria-label"],"indeterminate":[516],"disabled":[516],"value":[513],"name":[513],"hasError":[516,"has-error"],"groupDisabled":[516,"group-disabled"],"alignment":[513]},[[0,"change","defaultChangeHandler"]]]]],["q2-checkbox-group.cjs",[[1,"q2-checkbox-group",{"label":[513],"value":[1040],"disabled":[516],"optional":[516],"hasError":[516,"has-error"]},[[0,"change","onHostElementChange"]]]]],["q2-option.cjs",[[1,"q2-option",{"display":[513],"value":[513],"disabled":[516],"optionId":[513,"option-id"],"disabledGroup":[516,"disabled-group"],"selected":[516],"hidden":[516],"multiline":[516],"active":[516],"_multiSelectHidden":[516,"_multiselecthidden"]}]]],["q2-radio-group.cjs",[[1,"q2-radio-group",{"label":[513],"value":[1025],"disabled":[516],"name":[513],"optional":[516],"tilelayout":[516],"tileAlignment":[513,"tile-alignment"],"hasError":[516,"has-error"]},[[0,"change","onHostElementChange"]]]]],["q2-tab-container.cjs",[[1,"q2-tab-container",{"value":[1537],"type":[513],"name":[513],"color":[513],"hasLeft":[32],"hasRight":[32],"tabs":[32]},[[0,"change","defaultChangeHandler"],[9,"resize","onResize"],[0,"focus","onFocus"]]]]],["q2-avatar.cjs",[[1,"q2-avatar",{"name":[513],"src":[513],"badSrc":[32]}]]],["q2-carousel-pane.cjs",[[4,"q2-carousel-pane",{"index":[2],"siblingCount":[2,"sibling-count"],"hideFromScreenReader":[516,"hide-from-screen-reader"],"isActivePane":[516,"is-active-pane"],"label":[513]}]]],["q2-loading.cjs",[[1,"q2-loading",{"type":[513],"shape":[513],"modifiers":[513],"counts":[513],"ariaLabel":[513,"aria-label"],"inline":[516]}]]],["q2-loading-element.cjs",[[0,"q2-loading-element",{"shape":[513],"width":[513],"height":[513],"borderRadius":[513,"border-radius"]}]]],["q2-loc.cjs",[[1,"q2-loc",{"value":[513],"substitutions":[16]}]]],["q2-optgroup.cjs",[[1,"q2-optgroup",{"disabled":[516],"label":[513],"hidden":[32]}]]],["q2-radio.cjs",[[4,"q2-radio",{"label":[513],"value":[513],"disabled":[516],"checked":[516],"name":[513],"ariaLabel":[513,"aria-label"],"groupDisabled":[4,"group-disabled"],"groupTileLayout":[4,"group-tile-layout"]},[[0,"click","onHostClick"]]]]],["q2-tab-pane.cjs",[[1,"q2-tab-pane",{"value":[513],"label":[513],"name":[513],"selected":[516],"index":[2],"guid":[2]}]]],["tecton-tab-pane.cjs",[[1,"tecton-tab-pane",{"value":[513],"label":[513],"name":[513],"selected":[516],"index":[2],"guid":[2],"provided":[516],"url":[513],"moduleId":[513,"module-id"],"minHeight":[513,"min-height"],"authPayload":[16],"showForm":[4,"show-form"],"_showForm":[32]}]]],["q2-btn.cjs",[[1,"q2-btn",{"ariaExpanded":[4,"aria-expanded"],"ariaHasPopup":[8,"aria-has-popup"],"ariaControls":[1,"aria-controls"],"ariaSelected":[4,"aria-selected"],"ariaLabel":[513,"aria-label"],"tabIndex":[2,"tab-index"],"disabled":[516],"type":[513],"icon":[516],"badge":[516],"active":[516],"fab":[516]},[[2,"click","disable"],[0,"focus","delegateFocus"]]]]],["q2-icon.cjs",[[1,"q2-icon",{"type":[513]}]]],["q2-dropdown-item.cjs",[[1,"q2-dropdown-item",{"disabled":[516],"removable":[516],"separator":[516],"label":[513],"ariaLabel":[513,"aria-label"],"value":[513]},[[0,"focus","onHostElementFocus"]]]]],["click-elsewhere.cjs",[[0,"click-elsewhere"]]],["q2-input_2.cjs",[[1,"q2-input",{"value":[1025],"label":[513],"type":[513],"placeholder":[513],"disabled":[516],"autocomplete":[513],"autocorrect":[513],"autocapitalize":[513],"hideMessages":[516,"hide-messages"],"iconLeft":[513,"icon-left"],"iconRight":[513,"icon-right"],"readonly":[516],"clearable":[516],"optional":[516],"formatModifier":[513,"format-modifier"],"maxlength":[514],"pseudo":[516],"ariaControls":[1,"aria-controls"],"role":[1],"ariaOwns":[1,"aria-owns"],"ariaLabel":[1,"aria-label"],"ariaHaspopup":[1,"aria-haspopup"],"ariaExpanded":[4,"aria-expanded"],"ariaActivedescendant":[8,"aria-activedescendant"],"errors":[16],"hints":[16],"formattedValueObject":[32],"hasFocus":[32]},[[0,"focus","onHostElementFocus"],[0,"change","onHostElementChange"]]],[1,"q2-message",{"type":[513],"appearance":[513],"description":[516]}]]]], options);
 });

package/dist/cjs/{shapes-00766dc3.js → shapes-8ec3a001.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index$1 = require('./index-88eda03b.js');
+const index$1 = require('./index-56373ad4.js');
 
 const atoms = {
     circle: ({ width, additionalClasses }) => (index$1.h("div", { class: `skeleton-shape circle ${additionalClasses || ''}`, style: { width, height: width } })),

package/dist/cjs/tecton-tab-pane.cjs.entry.js

@@ -2,13 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$1 = require('./index-88eda03b.js');
+const index$1 = require('./index-56373ad4.js');
 
 const stylesCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.tab-pane[aria-hidden='true']{display:none}.tab-pane:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}.loading-wrapper{height:44px;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.loading-wrapper:not([hidden]){display:-ms-flexbox;display:flex}iframe{width:100%;height:auto;overflow-y:hidden;border:none}iframe:not([hidden]){display:inline-block}.slot-wrapper:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}";
 
 const TectonTabPane = class {
     constructor(hostRef) {
         index$1.registerInstance(this, hostRef);
+        this._showForm = this.showForm;
         ///////// Actions /////////
         this.onIFrameLoad = (event) => {
             const iframe = event.target;

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

@@ -169,10 +169,11 @@ export class Q2Dropdown {
             window.TectonElements.navigateToOverpanel(featureName, moduleName));
     }
     get toggleButtonProps() {
-        const allowedTypes = ['icon', 'fab', 'primary', 'secondary'];
+        const allowedTypes = ['icon', 'fab', 'primary', 'secondary', 'custom'];
         const type = allowedTypes.includes(this.type) ? this.type : '';
         const icon = type === 'icon';
         const fab = type === 'fab';
+        const custom = type === 'custom';
         const color = ['primary', 'secondary'].includes(type) ? type : undefined;
         const active = this.dropdownOpen;
         const disabled = !!this.disabled;
@@ -187,7 +188,8 @@ export class Q2Dropdown {
             disabled,
             ariaExpanded,
             ariaLabel,
-            className
+            className,
+            custom
         };
     }
     //////// Observers //////////
@@ -249,8 +251,10 @@ export class Q2Dropdown {
         return (h("click-elsewhere", { class: `dropdown-container${this.dropdownOpen ? ' dropdown-open' : ''}`, onChange: this.onClickElsewhere },
             h("q2-btn", { class: btnProps.className, onClick: this.onToggleClick, onKeyDown: this.onToggleKeydown, icon: btnProps.icon, fab: btnProps.fab, color: btnProps.color, active: btnProps.active, disabled: btnProps.disabled, ariaExpanded: btnProps.ariaExpanded, ariaLabel: btnProps.ariaLabel, ariaHasPopup: "menu", "test-id": "dropdownButton" },
                 h("div", { class: "dropdown-button-content" },
-                    this.icon && h("q2-icon", { type: this.icon }),
-                    this.label && (h("span", { class: "dropdown-button-text" }, this.loc(this.label))))),
+                    this.icon ? h("q2-icon", { type: this.icon }) : ' ',
+                    this.label && (h("span", { class: "dropdown-button-text" }, this.loc(this.label)))),
+                h("div", { "test-id": "dropdownCustom", class: btnProps.custom ? '' : 'hidden' },
+                    h("slot", { name: "custom-dropdown-button" }))),
             h("div", { class: `q2-element-dropdown ${this.privatePopDirection === 'up' ? 'dropup' : ''}`, role: "menu", onClick: this.onDropdownMenuClick, onKeyDown: this.onDropdownMenuKeydown },
                 h("div", null,
                     h("slot", null),

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

@@ -396,7 +396,7 @@ export const phoneNumberFormats = {
         prefix: '+509 '
     },
     HU: {
-        mask: '00000000',
+        mask: '00000000##',
         prefix: '+36 '
     },
     /* IS: {

package/dist/collection/components/q2-tab-container/index.js

@@ -1,21 +1,22 @@
 import { Component, Prop, Element, Event, State, Listen, Watch, h } from '@stencil/core';
 import { createGuid } from '../../utils';
-import { fromEvent, interval } from 'rxjs';
-import { debounce } from 'rxjs/operators';
+import smoothscroll from 'smoothscroll-polyfill';
+// enable scroll animation polyfill only on safari
+const userAgent = navigator.userAgent.toLowerCase();
+const isSafari = userAgent.includes('safari') && !userAgent.includes('chrome');
+const isFirefox = userAgent.includes('firefox');
+if (isSafari) {
+    // smooth scroll is not supported on safari
+    smoothscroll.polyfill();
+    window['__forceSmoothScrollPolyfill__'] = true;
+}
 export class Q2TabContainer {
     constructor() {
         this.guid = createGuid();
         this.scheduledAfterRender = [];
+        this.lastScrolled = new Date(null).getTime();
         this.hasLeft = false;
         this.hasRight = false;
-        this.initTabScroll = () => {
-            const tabList = this.hostElement.shadowRoot.querySelector('.tab-list');
-            if (tabList) {
-                const { scrollWidth, clientWidth, scrollLeft } = tabList;
-                this.hasLeft = scrollLeft > 0;
-                this.hasRight = scrollWidth > clientWidth;
-            }
-        };
         ///////// Actions /////////
         this.updateTabData = () => {
             this.updateTabPaneProps();
@@ -51,34 +52,77 @@ export class Q2TabContainer {
                 this.moveToAdjacentTab(value, 'prev');
                 return;
             }
+            if (event.code === 'Space' || event.code === 'Enter') {
+                // to prevent triggering scroll when press the space key
+                event.preventDefault();
+                this.change.emit({ value });
+                return;
+            }
         };
         this.moveToAdjacentTab = (value, direction) => {
             let index = this.tabs.map(({ value }) => value).indexOf(value);
-            let indexUpdated = false;
-            if (direction === 'next' && index !== this.tabs.length - 1) {
-                index = index + 1;
-                indexUpdated = true;
+            let newIndex = direction === 'next'
+                ? Math.min(index + 1, this.tabs.length - 1)
+                : Math.max(index - 1, 0);
+            if (index !== newIndex) {
+                const focusedTab = this.moveFocus(newIndex);
+                // Scroll only if it overflows
+                if (this.tabList.scrollWidth > this.tabList.clientWidth) {
+                    // Scroll only if it's first or last tab
+                    if (newIndex !== 0 && newIndex !== this.tabs.length - 1) {
+                        this.scrollByKeyboard(direction, focusedTab);
+                    }
+                    else {
+                        // first or last element: just show or hide nav arrow
+                        this.onTabScroll(direction);
+                    }
+                }
             }
-            if (direction === 'prev' && index !== 0) {
-                index = index - 1;
-                indexUpdated = true;
+        };
+        this.moveFocus = (index) => {
+            const focusedValue = this.tabs[index].value;
+            const focusedTab = this.hostElement.shadowRoot.querySelector(`.tab-list a[data-value="${focusedValue}"]`);
+            focusedTab.focus({ preventScroll: true });
+            return focusedTab;
+        };
+        this.calculateKeyboardScroll = (direction, focusedTab) => {
+            const { left: tabListLeft } = this.tabList.getBoundingClientRect();
+            const { left: focusedTabLeft } = focusedTab.getBoundingClientRect();
+            const arrowWidth = 46;
+            let scrollAmount = 0;
+            // check how much focused tab overflows
+            if (direction === 'next' &&
+                focusedTabLeft + focusedTab.clientWidth >
+                    tabListLeft + this.tabList.clientWidth + arrowWidth) {
+                scrollAmount =
+                    this.tabList.scrollLeft +
+                        arrowWidth +
+                        (focusedTabLeft + focusedTab.clientWidth) -
+                        (tabListLeft + this.tabList.clientWidth);
             }
-            if (indexUpdated) {
-                const value = this.tabs[index].value;
-                this.hostElement.shadowRoot
-                    .querySelector(`.tab-list a[data-value="${value}"]`)
-                    .focus();
-                this.change.emit({ value });
+            else if (direction === 'prev' && focusedTabLeft + arrowWidth < tabListLeft) {
+                scrollAmount = this.tabList.scrollLeft - arrowWidth + (focusedTabLeft - tabListLeft);
+            }
+            return scrollAmount;
+        };
+        this.scrollByKeyboard = (direction, focusedTab) => {
+            const scrollAmount = this.calculateKeyboardScroll(direction, focusedTab);
+            if (scrollAmount !== 0) {
+                this.tabList.scroll({ left: scrollAmount, behavior: 'smooth' });
+                // wait to finish scroll then show or hide nav arrow
+                setTimeout(() => this.onTabScroll(), 100);
             }
         };
         this.calculateTabScroll = ({ direction, scrollWidth, clientWidth, scrollLeft }) => {
+            const directions = { prev: -1, next: 1 };
+            // step 0 means no scroll needed, re-render or resize can trigger this
+            const step = directions[direction] || 0;
             const scrollRate = 0.5; // half of visual width
-            const step = direction === 'left' ? -1 : 1;
             const delta = Math.round(clientWidth * scrollRate);
             const newScrollLeft = scrollLeft + step * delta;
             const scrolled = clientWidth + newScrollLeft;
             const hasLeft = newScrollLeft > 0;
-            const hasRight = scrollWidth >= scrolled;
+            const hasRight = scrollWidth > scrolled;
             return {
                 newScrollLeft,
                 hasLeft,
@@ -86,8 +130,14 @@ export class Q2TabContainer {
             };
         };
         this.onTabScroll = (direction) => {
-            const tabList = this.hostElement.shadowRoot.querySelector('.tab-list');
-            let { scrollWidth, clientWidth, scrollLeft } = tabList;
+            // throttle under 50ms due to re-rendering & resizing
+            const now = new Date().getTime();
+            if (now - this.lastScrolled < 50)
+                return;
+            this.lastScrolled = now;
+            if (!this.tabList)
+                return;
+            let { scrollWidth, clientWidth, scrollLeft } = this.tabList;
             const { newScrollLeft, hasLeft, hasRight } = this.calculateTabScroll({
                 direction,
                 scrollWidth,
@@ -96,7 +146,9 @@ export class Q2TabContainer {
             });
             this.hasLeft = hasLeft;
             this.hasRight = hasRight;
-            tabList.scroll({ left: newScrollLeft, behavior: 'smooth' });
+            if (direction) {
+                this.tabList.scroll({ left: newScrollLeft, behavior: 'smooth' });
+            }
         };
     }
     loc(key, subs) {
@@ -119,12 +171,25 @@ export class Q2TabContainer {
     get selectedTabValue() {
         return this.value || this.tabPanes[0].value || '';
     }
+    get tabList() {
+        return this.hostElement.shadowRoot.querySelector('.tab-list');
+    }
     ///////// Default Handler /////////
     defaultChangeHandler(event) {
         if (event.target === this.hostElement && !this.hostElement.onchange) {
             this.value = event.detail.value;
         }
     }
+    onResize() {
+        this.onTabScroll();
+    }
+    onFocus() {
+        // firefox receives focus on overflowed element even if it's not interactive element
+        if (isFirefox) {
+            const index = this.tabs.findIndex(el => el.value === this.selectedTabValue);
+            this.moveFocus(index);
+        }
+    }
     ///////// Lifecycle Hooks /////////
     componentWillLoad() {
         const observer = new MutationObserver(this.updateTabData);
@@ -136,18 +201,11 @@ export class Q2TabContainer {
         this.scheduledAfterRender.forEach(fn => fn());
         this.scheduledAfterRender = [];
         this.settled.emit();
-        if (!this.resizeSubscription) {
-            this.initTabScroll();
-            this.resizeSubscription = fromEvent(window, 'resize')
-                .pipe(debounce(() => interval(200)))
-                .subscribe(this.initTabScroll);
-        }
+        this.onTabScroll();
     }
     disconnectedCallback() {
         this.mutationObserver.disconnect();
         this.mutationObserver = null;
-        this.resizeSubscription.unsubscribe();
-        this.resizeSubscription = null;
     }
     ///////// Observers /////////
     valueObserver() {
@@ -161,12 +219,12 @@ export class Q2TabContainer {
     render() {
         return (h("div", { class: "tab-container" },
             h("ul", { class: "tab-list", role: "tablist" },
-                this.hasLeft && (h("li", { role: "presentation", class: "nav nav-left", onClick: () => this.onTabScroll('left') },
+                this.hasLeft && (h("li", { role: "presentation", class: "nav nav-left", onClick: () => this.onTabScroll('prev') },
                     h("div", { class: "arrow-container" },
                         h("a", null,
                             h("q2-icon", { type: "chevron-left" }))))),
                 this.tabs.map((tab, index) => this.generateTab(tab, index)),
-                this.hasRight && (h("li", { role: "presentation", class: "nav nav-right", onClick: () => this.onTabScroll('right') },
+                this.hasRight && (h("li", { role: "presentation", class: "nav nav-right", onClick: () => this.onTabScroll('next') },
                     h("div", { class: "arrow-container" },
                         h("a", null,
                             h("q2-icon", { type: "chevron-right" })))))),
@@ -307,5 +365,17 @@ export class Q2TabContainer {
             "target": undefined,
             "capture": false,
             "passive": false
+        }, {
+            "name": "resize",
+            "method": "onResize",
+            "target": "window",
+            "capture": false,
+            "passive": true
+        }, {
+            "name": "focus",
+            "method": "onFocus",
+            "target": undefined,
+            "capture": false,
+            "passive": false
         }]; }
 }

package/dist/collection/components/q2-tab-container/styles.css

@@ -87,11 +87,11 @@ button {
 }
 .tab-list li.nav-left {
     left: -15px;
-    background: linear-gradient(to right, var(--tct-section-bg, var(--t-section-bg, #ffffff)) 60%, transparent);
+    background: linear-gradient(to right, var(--tct-section-bg, var(--t-section-bg, #ffffff)) 60%, rgba(255,255,255,0));
 }
 .tab-list li.nav-right  {
     right: -15px;
-    background: linear-gradient(to left, var(--tct-section-bg, var(--t-section-bg, #ffffff)) 60%, transparent);
+    background: linear-gradient(to left, var(--tct-section-bg, var(--t-section-bg, #ffffff)) 60%, rgba(255,255,255,0));
 }
 .tab-list li.nav .arrow-container {
     display: flex;
@@ -117,6 +117,8 @@ button {
 }
 
 .tab-list a {
+    width: var(--tct-tab-hover-width, var(--t-tab-hover-width, 100%));
+    text-align: center;
     text-decoration: none;
     padding: var(--tct-scale-2, var(--app-scale-2, 10px));
     margin: var(--tct-scale-1, var(--app-scale-1, 5px)) var(--tct-scale-1, var(--app-scale-1, 5px))

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

@@ -1,6 +1,7 @@
 import { Component, Prop, State, Element, Watch, h } from '@stencil/core';
 export class TectonTabPane {
     constructor() {
+        this._showForm = this.showForm;
         ///////// Actions /////////
         this.onIFrameLoad = (event) => {
             const iframe = event.target;

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

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

package/dist/esm/{index-b70f7228.js → index-06403810.js}

@@ -34,7 +34,7 @@ const supportsConstructibleStylesheets =  /*@__PURE__*/ (() => {
 const addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) => {
     if ( listeners) {
         listeners.map(([flags, name, method]) => {
-            const target =  elm;
+            const target =  getHostListenerTarget(elm, flags) ;
             const handler = hostListenerProxy(hostRef, method);
             const opts = hostListenerOpts(flags);
             plt.ael(target, name, handler, opts);
@@ -53,6 +53,11 @@ const hostListenerProxy = (hostRef, methodName) => (ev) => {
         }
     }
 };
+const getHostListenerTarget = (elm, flags) => {
+    if ( flags & 8 /* TargetWindow */)
+        return win;
+    return elm;
+};
 // prettier-ignore
 const hostListenerOpts = (flags) =>  (flags & 2 /* Capture */) !== 0;
 const HYDRATED_CSS = '{visibility:hidden}[stencil-hydrated]{visibility:inherit}';

package/dist/esm/loader.mjs

@@ -1,10 +1,10 @@
-import { b as bootstrapLazy } from './index-b70f7228.js';
-import { a as patchEsm } from './patch-187aa2d6.js';
+import { b as bootstrapLazy } from './index-06403810.js';
+import { a as patchEsm } from './patch-580829e4.js';
 
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy([["q2-calendar",[[1,"q2-calendar",{"value":[1537],"label":[513],"ariaLabel":[513,"aria-label"],"optional":[516],"disabled":[516],"invalid":[516],"placeholder":[513],"buttonLabel":[513,"button-label"],"disabledMsg":[513,"disabled-msg"],"calendarLabel":[513,"calendar-label"],"disclaimer":[513],"displayFormat":[513,"display-format"],"startDate":[513,"start-date"],"endDate":[513,"end-date"],"cutoffTime":[513,"cutoff-time"],"daysOfWeekChecksum":[514,"days-of-week-checksum"],"popDirection":[513,"pop-direction"],"errors":[16],"invalidDates":[16],"validDates":[16],"onsuccess":[16],"dropdownOpen":[32],"dateList":[32]},[[0,"change","defaultChangeHandler"],[0,"error","defaultErrorHandler"],[0,"success","defaultSuccessHandler"]]]]],["q2-select",[[1,"q2-select",{"label":[513],"value":[1025],"ariaLabel":[513,"aria-label"],"selectedOptions":[1032,"selected-options"],"disabled":[516],"invalid":[516],"errors":[16],"multiple":[516],"searchable":[516],"multilineOptions":[516,"multiline-options"],"optional":[516],"dropdownOpen":[32],"onlyShowingSelected":[32],"activeOptionId":[32],"searchText":[32],"hasCustomDisplay":[32],"inputFocused":[32]},[[0,"change","onHostElementChange"],[0,"input","onHostElementInput"],[0,"click","clickHandler"],[0,"keydown","keydownHandler"]]]]],["q2-dropdown",[[1,"q2-dropdown",{"type":[513],"icon":[513],"label":[513],"ariaLabel":[513,"aria-label"],"disabled":[516],"popDirection":[513,"pop-direction"],"name":[513],"context":[513],"contextValue":[513,"context-value"],"dropdownOpen":[32]}]]],["q2-editable-field",[[1,"q2-editable-field",{"value":[1537],"editing":[516],"label":[513],"ariaLabel":[513,"aria-label"],"type":[513],"formatModifier":[513,"format-modifier"],"truncated":[513],"maxlength":[514],"persistentLabel":[516,"persistent-label"],"hints":[16],"errors":[16]},[[0,"change","onHostElementChange"]]]]],["q2-section",[[1,"q2-section",{"label":[513],"collapsible":[516],"noCollapseIcon":[516,"no-collapse-icon"],"expanded":[1540],"contentHeight":[32],"hasYieldedHeader":[32]},[[0,"change","defaultChangeHandler"]]]]],["q2-carousel",[[4,"q2-carousel",{"autoPlay":[516,"auto-play"],"fullWidthPanes":[516,"full-width-panes"],"hidePagination":[516,"hide-pagination"],"showNavigationArrows":[516,"show-navigation-arrows"],"ariaLabel":[513,"aria-label"],"index":[514],"universalCarouselOptions":[32],"fullWidthDisplayOptions":[32],"swiper":[32],"activePaneIndex":[32],"applyFocus":[32],"compactMode":[32],"autoPlayInProgress":[32],"carouselWrapperWidth":[32],"tabIndex":[32]},[[0,"change","onHostElementChange"]]]]],["q2-checkbox",[[1,"q2-checkbox",{"checked":[1540],"type":[513],"label":[513],"ariaLabel":[513,"aria-label"],"indeterminate":[516],"disabled":[516],"value":[513],"name":[513],"hasError":[516,"has-error"],"groupDisabled":[516,"group-disabled"],"alignment":[513]},[[0,"change","defaultChangeHandler"]]]]],["q2-checkbox-group",[[1,"q2-checkbox-group",{"label":[513],"value":[1040],"disabled":[516],"optional":[516],"hasError":[516,"has-error"]},[[0,"change","onHostElementChange"]]]]],["q2-option",[[1,"q2-option",{"display":[513],"value":[513],"disabled":[516],"optionId":[513,"option-id"],"disabledGroup":[516,"disabled-group"],"selected":[516],"hidden":[516],"multiline":[516],"active":[516],"_multiSelectHidden":[516,"_multiselecthidden"]}]]],["q2-radio-group",[[1,"q2-radio-group",{"label":[513],"value":[1025],"disabled":[516],"name":[513],"optional":[516],"tilelayout":[516],"tileAlignment":[513,"tile-alignment"],"hasError":[516,"has-error"]},[[0,"change","onHostElementChange"]]]]],["q2-tab-container",[[1,"q2-tab-container",{"value":[1537],"type":[513],"name":[513],"color":[513],"hasLeft":[32],"hasRight":[32],"tabs":[32]},[[0,"change","defaultChangeHandler"]]]]],["q2-avatar",[[1,"q2-avatar",{"name":[513],"src":[513],"badSrc":[32]}]]],["q2-carousel-pane",[[4,"q2-carousel-pane",{"index":[2],"siblingCount":[2,"sibling-count"],"hideFromScreenReader":[516,"hide-from-screen-reader"],"isActivePane":[516,"is-active-pane"],"label":[513]}]]],["q2-loading",[[1,"q2-loading",{"type":[513],"shape":[513],"modifiers":[513],"counts":[513],"ariaLabel":[513,"aria-label"],"inline":[516]}]]],["q2-loading-element",[[0,"q2-loading-element",{"shape":[513],"width":[513],"height":[513],"borderRadius":[513,"border-radius"]}]]],["q2-loc",[[1,"q2-loc",{"value":[513],"substitutions":[16]}]]],["q2-optgroup",[[1,"q2-optgroup",{"disabled":[516],"label":[513],"hidden":[32]}]]],["q2-radio",[[4,"q2-radio",{"label":[513],"value":[513],"disabled":[516],"checked":[516],"name":[513],"ariaLabel":[513,"aria-label"],"groupDisabled":[4,"group-disabled"],"groupTileLayout":[4,"group-tile-layout"]},[[0,"click","onHostClick"]]]]],["q2-tab-pane",[[1,"q2-tab-pane",{"value":[513],"label":[513],"name":[513],"selected":[516],"index":[2],"guid":[2]}]]],["tecton-tab-pane",[[1,"tecton-tab-pane",{"value":[513],"label":[513],"name":[513],"selected":[516],"index":[2],"guid":[2],"provided":[516],"url":[513],"moduleId":[513,"module-id"],"minHeight":[513,"min-height"],"authPayload":[16],"showForm":[4,"show-form"],"_showForm":[32]}]]],["q2-btn",[[1,"q2-btn",{"ariaExpanded":[4,"aria-expanded"],"ariaHasPopup":[8,"aria-has-popup"],"ariaControls":[1,"aria-controls"],"ariaSelected":[4,"aria-selected"],"ariaLabel":[513,"aria-label"],"tabIndex":[2,"tab-index"],"disabled":[516],"type":[513],"icon":[516],"badge":[516],"active":[516],"fab":[516]},[[2,"click","disable"],[0,"focus","delegateFocus"]]]]],["q2-icon",[[1,"q2-icon",{"type":[513]}]]],["q2-dropdown-item",[[1,"q2-dropdown-item",{"disabled":[516],"removable":[516],"separator":[516],"label":[513],"ariaLabel":[513,"aria-label"],"value":[513]},[[0,"focus","onHostElementFocus"]]]]],["click-elsewhere",[[0,"click-elsewhere"]]],["q2-input_2",[[1,"q2-input",{"value":[1025],"label":[513],"type":[513],"placeholder":[513],"disabled":[516],"autocomplete":[513],"autocorrect":[513],"autocapitalize":[513],"hideMessages":[516,"hide-messages"],"iconLeft":[513,"icon-left"],"iconRight":[513,"icon-right"],"readonly":[516],"clearable":[516],"optional":[516],"formatModifier":[513,"format-modifier"],"maxlength":[514],"pseudo":[516],"ariaControls":[1,"aria-controls"],"role":[1],"ariaOwns":[1,"aria-owns"],"ariaLabel":[1,"aria-label"],"ariaHaspopup":[1,"aria-haspopup"],"ariaExpanded":[4,"aria-expanded"],"ariaActivedescendant":[8,"aria-activedescendant"],"errors":[16],"hints":[16],"formattedValueObject":[32],"hasFocus":[32]},[[0,"focus","onHostElementFocus"],[0,"change","onHostElementChange"]]],[1,"q2-message",{"type":[513],"appearance":[513],"description":[516]}]]]], options);
+  return bootstrapLazy([["q2-calendar",[[1,"q2-calendar",{"value":[1537],"label":[513],"ariaLabel":[513,"aria-label"],"optional":[516],"disabled":[516],"invalid":[516],"placeholder":[513],"buttonLabel":[513,"button-label"],"disabledMsg":[513,"disabled-msg"],"calendarLabel":[513,"calendar-label"],"disclaimer":[513],"displayFormat":[513,"display-format"],"startDate":[513,"start-date"],"endDate":[513,"end-date"],"cutoffTime":[513,"cutoff-time"],"daysOfWeekChecksum":[514,"days-of-week-checksum"],"popDirection":[513,"pop-direction"],"errors":[16],"invalidDates":[16],"validDates":[16],"onsuccess":[16],"dropdownOpen":[32],"dateList":[32]},[[0,"change","defaultChangeHandler"],[0,"error","defaultErrorHandler"],[0,"success","defaultSuccessHandler"]]]]],["q2-select",[[1,"q2-select",{"label":[513],"value":[1025],"ariaLabel":[513,"aria-label"],"selectedOptions":[1032,"selected-options"],"disabled":[516],"invalid":[516],"errors":[16],"multiple":[516],"searchable":[516],"multilineOptions":[516,"multiline-options"],"optional":[516],"dropdownOpen":[32],"onlyShowingSelected":[32],"activeOptionId":[32],"searchText":[32],"hasCustomDisplay":[32],"inputFocused":[32]},[[0,"change","onHostElementChange"],[0,"input","onHostElementInput"],[0,"click","clickHandler"],[0,"keydown","keydownHandler"]]]]],["q2-dropdown",[[1,"q2-dropdown",{"type":[513],"icon":[513],"label":[513],"ariaLabel":[513,"aria-label"],"disabled":[516],"popDirection":[513,"pop-direction"],"name":[513],"context":[513],"contextValue":[513,"context-value"],"dropdownOpen":[32]}]]],["q2-editable-field",[[1,"q2-editable-field",{"value":[1537],"editing":[516],"label":[513],"ariaLabel":[513,"aria-label"],"type":[513],"formatModifier":[513,"format-modifier"],"truncated":[513],"maxlength":[514],"persistentLabel":[516,"persistent-label"],"hints":[16],"errors":[16]},[[0,"change","onHostElementChange"]]]]],["q2-section",[[1,"q2-section",{"label":[513],"collapsible":[516],"noCollapseIcon":[516,"no-collapse-icon"],"expanded":[1540],"contentHeight":[32],"hasYieldedHeader":[32]},[[0,"change","defaultChangeHandler"]]]]],["q2-carousel",[[4,"q2-carousel",{"autoPlay":[516,"auto-play"],"fullWidthPanes":[516,"full-width-panes"],"hidePagination":[516,"hide-pagination"],"showNavigationArrows":[516,"show-navigation-arrows"],"ariaLabel":[513,"aria-label"],"index":[514],"universalCarouselOptions":[32],"fullWidthDisplayOptions":[32],"swiper":[32],"activePaneIndex":[32],"applyFocus":[32],"compactMode":[32],"autoPlayInProgress":[32],"carouselWrapperWidth":[32],"tabIndex":[32]},[[0,"change","onHostElementChange"]]]]],["q2-checkbox",[[1,"q2-checkbox",{"checked":[1540],"type":[513],"label":[513],"ariaLabel":[513,"aria-label"],"indeterminate":[516],"disabled":[516],"value":[513],"name":[513],"hasError":[516,"has-error"],"groupDisabled":[516,"group-disabled"],"alignment":[513]},[[0,"change","defaultChangeHandler"]]]]],["q2-checkbox-group",[[1,"q2-checkbox-group",{"label":[513],"value":[1040],"disabled":[516],"optional":[516],"hasError":[516,"has-error"]},[[0,"change","onHostElementChange"]]]]],["q2-option",[[1,"q2-option",{"display":[513],"value":[513],"disabled":[516],"optionId":[513,"option-id"],"disabledGroup":[516,"disabled-group"],"selected":[516],"hidden":[516],"multiline":[516],"active":[516],"_multiSelectHidden":[516,"_multiselecthidden"]}]]],["q2-radio-group",[[1,"q2-radio-group",{"label":[513],"value":[1025],"disabled":[516],"name":[513],"optional":[516],"tilelayout":[516],"tileAlignment":[513,"tile-alignment"],"hasError":[516,"has-error"]},[[0,"change","onHostElementChange"]]]]],["q2-tab-container",[[1,"q2-tab-container",{"value":[1537],"type":[513],"name":[513],"color":[513],"hasLeft":[32],"hasRight":[32],"tabs":[32]},[[0,"change","defaultChangeHandler"],[9,"resize","onResize"],[0,"focus","onFocus"]]]]],["q2-avatar",[[1,"q2-avatar",{"name":[513],"src":[513],"badSrc":[32]}]]],["q2-carousel-pane",[[4,"q2-carousel-pane",{"index":[2],"siblingCount":[2,"sibling-count"],"hideFromScreenReader":[516,"hide-from-screen-reader"],"isActivePane":[516,"is-active-pane"],"label":[513]}]]],["q2-loading",[[1,"q2-loading",{"type":[513],"shape":[513],"modifiers":[513],"counts":[513],"ariaLabel":[513,"aria-label"],"inline":[516]}]]],["q2-loading-element",[[0,"q2-loading-element",{"shape":[513],"width":[513],"height":[513],"borderRadius":[513,"border-radius"]}]]],["q2-loc",[[1,"q2-loc",{"value":[513],"substitutions":[16]}]]],["q2-optgroup",[[1,"q2-optgroup",{"disabled":[516],"label":[513],"hidden":[32]}]]],["q2-radio",[[4,"q2-radio",{"label":[513],"value":[513],"disabled":[516],"checked":[516],"name":[513],"ariaLabel":[513,"aria-label"],"groupDisabled":[4,"group-disabled"],"groupTileLayout":[4,"group-tile-layout"]},[[0,"click","onHostClick"]]]]],["q2-tab-pane",[[1,"q2-tab-pane",{"value":[513],"label":[513],"name":[513],"selected":[516],"index":[2],"guid":[2]}]]],["tecton-tab-pane",[[1,"tecton-tab-pane",{"value":[513],"label":[513],"name":[513],"selected":[516],"index":[2],"guid":[2],"provided":[516],"url":[513],"moduleId":[513,"module-id"],"minHeight":[513,"min-height"],"authPayload":[16],"showForm":[4,"show-form"],"_showForm":[32]}]]],["q2-btn",[[1,"q2-btn",{"ariaExpanded":[4,"aria-expanded"],"ariaHasPopup":[8,"aria-has-popup"],"ariaControls":[1,"aria-controls"],"ariaSelected":[4,"aria-selected"],"ariaLabel":[513,"aria-label"],"tabIndex":[2,"tab-index"],"disabled":[516],"type":[513],"icon":[516],"badge":[516],"active":[516],"fab":[516]},[[2,"click","disable"],[0,"focus","delegateFocus"]]]]],["q2-icon",[[1,"q2-icon",{"type":[513]}]]],["q2-dropdown-item",[[1,"q2-dropdown-item",{"disabled":[516],"removable":[516],"separator":[516],"label":[513],"ariaLabel":[513,"aria-label"],"value":[513]},[[0,"focus","onHostElementFocus"]]]]],["click-elsewhere",[[0,"click-elsewhere"]]],["q2-input_2",[[1,"q2-input",{"value":[1025],"label":[513],"type":[513],"placeholder":[513],"disabled":[516],"autocomplete":[513],"autocorrect":[513],"autocapitalize":[513],"hideMessages":[516,"hide-messages"],"iconLeft":[513,"icon-left"],"iconRight":[513,"icon-right"],"readonly":[516],"clearable":[516],"optional":[516],"formatModifier":[513,"format-modifier"],"maxlength":[514],"pseudo":[516],"ariaControls":[1,"aria-controls"],"role":[1],"ariaOwns":[1,"aria-owns"],"ariaLabel":[1,"aria-label"],"ariaHaspopup":[1,"aria-haspopup"],"ariaExpanded":[4,"aria-expanded"],"ariaActivedescendant":[8,"aria-activedescendant"],"errors":[16],"hints":[16],"formattedValueObject":[32],"hasFocus":[32]},[[0,"focus","onHostElementFocus"],[0,"change","onHostElementChange"]]],[1,"q2-message",{"type":[513],"appearance":[513],"description":[516]}]]]], options);
   });
 };
 

package/dist/esm/{patch-187aa2d6.js → patch-580829e4.js}

@@ -1,4 +1,4 @@
-import { C as CSS, p as plt, w as win, a as promiseResolve, d as doc, N as NAMESPACE } from './index-b70f7228.js';
+import { C as CSS, p as plt, w as win, a as promiseResolve, d as doc, N as NAMESPACE } from './index-06403810.js';
 
 /*
  Stencil Client Patch v1.17.3 | MIT Licensed | https://stenciljs.com

package/dist/esm/q2-avatar.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement } from './index-b70f7228.js';
+import { r as registerInstance, h, g as getElement } from './index-06403810.js';
 
 const stylesCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.avatar-img{-o-object-fit:cover;object-fit:cover;height:var(--tct-avatar-img-height, 44px);width:var(--tct-avatar-img-width, 44px);border-radius:var(--tct-avatar-img-br, 50%)}.avatar-initials{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:var(--tct-avatar-height, 44px);width:var(--tct-avatar-width, 44px);background-color:var(--tct-avatar-bg,#9e9e9e);color:var(--tct-avatar-color, #ffffff);font-size:var(--tct-avatar-font-size, 20px);font-weight:var(--tct-avatar-font-weight, 200);border-radius:var(--tct-avatar-br, 50%)}.fallback{height:var(--tct-avatar-fallback-height, 44px);width:var(--tct-avatar-fallback-width, 44px);border-radius:var(--tct-avatar-fallback-br, 50%)}";
 

package/dist/esm/q2-btn.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement } from './index-b70f7228.js';
+import { r as registerInstance, h, g as getElement } from './index-06403810.js';
 
 const stylesCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block}:host([hidden]){display:none}:host([block]){display:block;width:100%}button{--q2-btn-primary-bg:var(--tct-btn-primary-bg, var(--t-button-primary-bg, #2E2E2E));--q2-btn-primary-font-color:var(--tct-btn-primary-font-color, var(--t-button-primary-font-color, var(--tct-white, var(--app-white,#FFFFFF))));--q2-btn-primary-box-shadow:var(--tct-btn-primary-box-shadow, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24));--q2-btn-primary-hover-box-shadow:var(--tct-btn-primary-hover-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23));--q2-btn-secondary-bg:var(--tct-btn-secondary-bg, var(--t-button-default-bg, #CCCCCC));--q2-btn-secondary-font-color:var(--tct-btn-secondary-font-color, var(--t-button-default-font-color, #2E2E2E));--q2-btn-secondary-box-shadow:var(--tct-btn-secondary-box-shadow, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24));--q2-btn-secondary-hover-box-shadow:var(--tct-btn-secondary-hover-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23));--q2-btn-tween:var(--tct-btn-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease)));--q2-btn-neutral-bg:var(--tct-btn-neutral-bg, transparent);--q2-btn-neutral-font-color:var(--tct-btn-neutral-font-color, var(--t-button-default-font-color, #2E2E2E));--q2-btn-neutral-box-shadow:var(--tct-btn-neutral-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.24));--q2-btn-neutral-hover-box-shadow:var(--tct-btn-neutral-hover-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.36));margin:var(--tct-scale-0, var(--app-scale-0, 0));padding:var(--tct-scale-0, var(--app-scale-0, 0));display:inline-block;width:100%;border:0;background:transparent;-webkit-box-shadow:none;box-shadow:none;border-radius:0;font-weight:400;color:inherit;cursor:pointer;-webkit-transition:background-color var(--q2-btn-tween),\n        color var(--q2-btn-tween),\n        fill var(--q2-btn-tween),\n        border-color var(--q2-btn-tween),\n        border-width var(--q2-btn-tween),\n        -webkit-box-shadow var(--q2-btn-tween);transition:background-color var(--q2-btn-tween),\n        color var(--q2-btn-tween),\n        fill var(--q2-btn-tween),\n        border-color var(--q2-btn-tween),\n        border-width var(--q2-btn-tween),\n        -webkit-box-shadow var(--q2-btn-tween);transition:background-color var(--q2-btn-tween),\n        color var(--q2-btn-tween),\n        box-shadow var(--q2-btn-tween),\n        fill var(--q2-btn-tween),\n        border-color var(--q2-btn-tween),\n        border-width var(--q2-btn-tween);transition:background-color var(--q2-btn-tween),\n        color var(--q2-btn-tween),\n        box-shadow var(--q2-btn-tween),\n        fill var(--q2-btn-tween),\n        border-color var(--q2-btn-tween),\n        border-width var(--q2-btn-tween),\n        -webkit-box-shadow var(--q2-btn-tween);outline:0}button:disabled{opacity:var(--tct-btn-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4)));cursor:not-allowed}:host([size=\"1\"]) button{padding:var(--tct-scale-1, var(--app-scale-1, 5px))}:host([color]:not([size])) button,:host([intent]:not([size])) button{padding:var(--tct-btn-padding, var(--tct-scale-2, var(--app-scale-2, 10px)))}:host([size=\"2\"]) button{padding:var(--tct-scale-2, var(--app-scale-2, 10px))}:host([size=\"3\"]) button{padding:var(--tct-scale-3, var(--app-scale-3, 15px))}:host([size=\"4\"]) button{padding:var(--tct-scale-4, var(--app-scale-4, 30px))}:host([color]) button,:host([intent]) button{border-style:solid;font-size:var(--tct-btn-font-size, inherit)}:host([color=\"primary\"]) button,:host([intent=\"workflow-primary\"]) button{background:var(--q2-btn-primary-bg);color:var(--q2-btn-primary-font-color);border-color:var(--tct-btn-primary-border-color, transparent);border-width:var(--tct-btn-primary-border-width, 0);border-radius:var(--tct-btn-primary-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));-webkit-box-shadow:var(--q2-btn-primary-box-shadow);box-shadow:var(--q2-btn-primary-box-shadow);font-weight:var(--tct-btn-primary-font-weight, 600);text-transform:var(--tct-btn-primary-text-transform, none);letter-spacing:var(--tct-btn-primary-letter-spacing, normal)}:host([color=\"primary\"]) button:enabled:hover,:host([color=\"primary\"]) button:enabled:focus,:host([color=\"primary\"]) button:enabled:active,:host([intent=\"workflow-primary\"]) button:enabled:hover,:host([intent=\"workflow-primary\"]) button:enabled:focus,:host([intent=\"workflow-primary\"]) button:enabled:active{background:var(--tct-btn-primary-hover-bg, var(--t-button-primary-hover-bg, var(--tct-gray-d2, var(--app-gray-d2, #404040))));color:var(--tct-btn-primary-hover-font-color, var(--t-button-primary-hover-font-color, var(--tct-white, var(--app-white,#FFFFFF))));border-color:var(--tct-btn-primary-hover-border-color, var(--tct-btn-primary-border-color, transparent))}:host([color=\"primary\"]) button:hover:enabled,:host([color=\"primary\"]) button:active:enabled,:host([intent=\"workflow-primary\"]) button:hover:enabled,:host([intent=\"workflow-primary\"]) button:active:enabled{-webkit-box-shadow:var(--q2-btn-primary-hover-box-shadow);box-shadow:var(--q2-btn-primary-hover-box-shadow)}:host([color=\"primary\"]) button:focus,:host([intent=\"workflow-primary\"]) button:focus{-webkit-box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33B4FF)), var(--q2-btn-primary-hover-box-shadow);box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33B4FF)), var(--q2-btn-primary-hover-box-shadow)}:host([color=\"primary\"]) button:disabled,:host([intent=\"workflow-primary\"]) button:disabled{background:var(--tct-btn-primary-disabled-bg, var(--q2-btn-primary-bg));color:var(--tct-btn-primary-disabled-font-color, var(--q2-btn-primary-font-color));-webkit-box-shadow:var(--tct-btn-primary-disabled-box-shadow, var(--q2-btn-primary-box-shadow));box-shadow:var(--tct-btn-primary-disabled-box-shadow, var(--q2-btn-primary-box-shadow))}:host([color=\"secondary\"]) button,:host([intent=\"workflow-secondary\"]) button{background:var(--q2-btn-secondary-bg);color:var(--q2-btn-secondary-font-color, var(--tct-btn-secondary-font-color, var(--t-button-secondary-font-color, var(--tct-white, var(--app-white, #FFFFFF)))));border-color:var(--tct-btn-secondary-border-color, transparent);border-width:var(--tct-btn-secondary-border-width, 0);border-radius:var(--tct-btn-secondary-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));-webkit-box-shadow:var(--q2-btn-secondary-box-shadow, var(--tct-btn-secondary-box-shadow, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)));box-shadow:var(--q2-btn-secondary-box-shadow, var(--tct-btn-secondary-box-shadow, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)));font-weight:var(--tct-btn-secondary-font-weight, 600);text-transform:var(--tct-btn-secondary-text-transform, none);letter-spacing:var(--tct-btn-secondary-letter-spacing, normal)}:host([color=\"secondary\"]) button:enabled:hover,:host([color=\"secondary\"]) button:enabled:focus,:host([color=\"secondary\"]) button:enabled:active,:host([intent=\"workflow-secondary\"]) button:enabled:hover,:host([intent=\"workflow-secondary\"]) button:enabled:focus,:host([intent=\"workflow-secondary\"]) button:enabled:active{background:var(--tct-btn-secondary-hover-bg, var(--t-button-default-hover-bg, var(--tct-gray-d2, var(--app-gray-d2, #404040))));color:var(--tct-btn-secondary-hover-font-color, var(--t-button-default-hover-font-color, var(--tct-white, var(--app-white, #FFFFFF))));border-color:var(--tct-btn-secondary-hover-border-color, var(--tct-btn-secondary-border-color, transparent))}:host([color=\"secondary\"]) button:hover:enabled,:host([color=\"secondary\"]) button:active:enabled,:host([intent=\"workflow-secondary\"]) button:hover:enabled,:host([intent=\"workflow-secondary\"]) button:active:enabled{-webkit-box-shadow:var(--q2-btn-secondary-hover-box-shadow, var(--tct-btn-secondary-hover-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23)));box-shadow:var(--q2-btn-secondary-hover-box-shadow, var(--tct-btn-secondary-hover-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23)))}:host([color=\"secondary\"]) button:focus,:host([intent=\"workflow-secondary\"]) button:focus{-webkit-box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33B4FF)), var(--q2-btn-secondary-hover-box-shadow);box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33B4FF)), var(--q2-btn-secondary-hover-box-shadow)}:host([color=\"secondary\"]) button:disabled,:host([intent=\"workflow-secondary\"]) button:disabled{background:var(--tct-btn-secondary-disabled-bg, var(--q2-btn-secondary-bg));color:var(--tct-btn-secondary-disabled-font-color, var(--q2-btn-secondary-font-color));-webkit-box-shadow:var(--tct-btn-secondary-disabled-box-shadow, var(--q2-btn-secondary-box-shadow));box-shadow:var(--tct-btn-secondary-disabled-box-shadow, var(--q2-btn-secondary-box-shadow))}:host([intent=\"neutral\"]) button{background:var(--q2-btn-neutral-bg, var(--tct-btn-neutral-bg, transparent));color:var(--q2-btn-neutral-font-color, var(--tct-btn-neutral-font-color, var(--t-button-neutral-font-color, var(--tct-black, var(--app-black, #0d0d0d)))));border-color:var(--tct-btn-neutral-border-color, transparent);border-width:var(--tct-btn-neutral-border-width, 0);border-radius:var(--tct-btn-neutral-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));-webkit-box-shadow:var(--q2-btn-neutral-box-shadow, var(--tct-btn-neutral-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.24)));box-shadow:var(--q2-btn-neutral-box-shadow, var(--tct-btn-neutral-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.24)));font-weight:var(--tct-btn-neutral-font-weight, 600);text-transform:var(--tct-btn-neutral-text-transform, none);letter-spacing:var(--tct-btn-neutral-letter-spacing, normal)}:host([intent=\"neutral\"]) button:enabled:hover,:host([intent=\"neutral\"]) button:enabled:focus,:host([intent=\"neutral\"]) button:enabled:active{background:var(--tct-btn-neutral-hover-bg, transparent);color:var(--tct-btn-neutral-hover-font-color, var(--t-button-default-hover-font-color, var(--tct-white, var(--app-white, #FFFFFF))));border-color:var(--tct-btn-neutral-hover-border-color, var(--tct-btn-neutral-border-color, transparent))}:host([intent=\"neutral\"]) button:hover:enabled,:host([intent=\"neutral\"]) button:active:enabled{-webkit-box-shadow:var(--q2-btn-neutral-hover-box-shadow, var(--tct-btn-neutral-hover-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.36)));box-shadow:var(--q2-btn-neutral-hover-box-shadow, var(--tct-btn-neutral-hover-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.36)))}:host([intent=\"neutral\"]) button:focus{-webkit-box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33B4FF)), var(--q2-btn-neutral-hover-box-shadow);box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33B4FF)), var(--q2-btn-neutral-hover-box-shadow)}:host([intent=\"neutral\"]) button:disabled{background:var(--tct-btn-neutral-disabled-bg, var(--q2-btn-neutral-bg));color:var(--tct-btn-neutral-disabled-font-color, var(--q2-btn-neutral-font-color));-webkit-box-shadow:var(--tct-btn-neutral-disabled-box-shadow, var(--q2-btn-neutral-box-shadow));box-shadow:var(--tct-btn-neutral-disabled-box-shadow, var(--q2-btn-neutral-box-shadow))}:host([icon]) button{width:var(--tct-btn-icon-width, 44px);height:var(--tct-btn-icon-height, 44px);color:var(--tct-btn-icon-color, inherit);border-radius:var(--tct-btn-icon-border-radius, 0)}:host([icon]) button:hover,:host([icon]) button:focus{background-color:var(--tct-btn-icon-hover-bg, var(--tct-gray-l3, var(--app-gray-l3, #F2F2F2)))}:host([icon][active]) button{background-color:var(--tct-btn-icon-active-bg, var(--tct-btn-icon-hover-bg, var(--tct-gray-l3, var(--app-gray-l3, #F2F2F2))))}:host([icon]) button:hover *,:host([icon]) button:focus *,:host([icon][active]) button *{color:var(--tct-btn-icon-hover-color, var(--tct-link-hover-color, var(--t-link-hover-color,#080808)))}:host([icon]) button div{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host([badge]) button{padding:var(--tct-btn-badge-padding, 2px 5px);font-size:var(--tct-btn-badge-font-size, var(--tct-btn-font-size, inherit));border-radius:var(--tct-btn-badge-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));background-color:var(--tct-btn-badge-bg, transparent);color:var(--tct-btn-badge-font-color, inherit)}:host([badge]:hover) button:enabled{background-color:var(--tct-btn-badge-hover-bg, var(--tct-gray-l3, var(--app-gray-l3, #F2F2F2)));color:var(--tct-btn-badge-hover-font-color, var(--tct-gray-d2, var(--app-gray-d2, #404040)))}:host(.selected[badge]) button,:host([active][badge]) button{background-color:var(--tct-btn-badge-active-bg, var(--q2-btn-primary-bg));color:var(--tct-btn-badge-active-font-color, var(--q2-btn-primary-font-color))}";
 

package/dist/esm/q2-calendar.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-b70f7228.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-06403810.js';
 
 //! moment.js
 //! version : 2.27.0

package/dist/esm/q2-carousel-pane.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-b70f7228.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-06403810.js';
 
 const stylesCss = "q2-carousel .swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition:all .2s;transition:all .2s}.q2-carousel-pane .q2-carousel-pane-main-content{-webkit-box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.25);box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.25);background-color:var(---tct-carousel-background-color, var(--tct-white, var(--app-white, #ffffff)));border:var(--tct-carousel-pane-border-width, 1px) solid var(--tct-carousel-pane-border-color, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)));border-radius:var(--tct-carousel-pane-border-radius, 8px);padding:var(--tct-carousel-pane-padding, .5rem .5rem .5rem .5rem);min-height:10em}q2-carousel-pane.q2-carousel-pane:focus{-webkit-box-shadow:none;box-shadow:none}.q2-carousel-pane:focus .q2-carousel-pane-main-content{outline:none;-webkit-box-shadow:0 0 0 2px #33B4FF;box-shadow:0 0 0 2px #33B4FF;}.q2-carousel-pane .q2-carousel-pane-main-content:hover{cursor:-webkit-grab;cursor:grab}";
 

package/dist/esm/q2-carousel.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b70f7228.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-06403810.js';
 import { c as createGuid } from './index-ff056163.js';
 
 /**

package/dist/esm/q2-checkbox-group.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-b70f7228.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-06403810.js';
 import { c as createGuid } from './index-ff056163.js';
 
 const stylesCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{margin-top:var(--tct-scale-2, var(--app-scale-2, 10px))}fieldset{padding:var(--tct-input-error-padding, 0);margin:0;border:0}fieldset.has-error{border-color:var(--tct-input-error-border-color, var(--const-stoplight-alert, #c30000));border-width:1px;border-style:solid;border-radius:var(--tct-border-radius-1, var(--app-border-radius-1, 2px));position:relative}fieldset.has-error .error-icon-container{top:8px;right:8px;position:absolute;width:40%;text-align:right;background:-webkit-gradient(linear, left top, right top, from(transparent), to(white));background:linear-gradient(to right, transparent, white)}fieldset.has-error legend+div.error-icon-container.no-label{top:28px}.group-legend{font-weight:600}legend.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}.optional-tag{margin-left:var(\n        --tct-input-label-optional-margin-left,\n        var(--tct-scale-1, var(--app-scale-1, 5px))\n    );color:var(\n        --tct-input-label-optional-font-color,\n        var(--tct-a11y-color, var(--t-a11y-gray-color, var(--tct-gray-d1, var(--app-gray-d1, #666666))))\n    );font-size:var(--tct-input-label-optional-font-size, 12px);font-weight:var(--tct-input-label-optional-font-weight, 400)}.flexed{margin:0;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flexed.left{-ms-flex-pack:left;justify-content:left}";

package/dist/esm/q2-checkbox.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-b70f7228.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-06403810.js';
 import { c as createGuid } from './index-ff056163.js';
 
 const stylesCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;padding:var(--tct-checkbox-vertical-padding, var(--tct-scale-2, var(--app-scale-2, 10px))) 0}label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;--q2-checkbox-outer-stroke-color:var(\n        --tct-checkbox-outer-stroke-color,\n        var(--tct-gray-l1, var(--app-gray-l1, #cccccc))\n    );--q2-checkbox-outer-fill-color:var(\n        --tct-checkbox-outer-fill-color,\n        var(--tct-white, var(--app-white, #ffffff))\n    );--q2-checkbox-favorite-fill:var(\n        --tct-checkbox-favorite-fill-color,\n        var(--tct-stoplight-warning, var(--const-stoplight-warning, #f0b400))\n    );--q2-checkbox-checked-color:var(\n        --tct-checkbox-check-stroke-color,\n        var(--t-checkbox-fill, var(--tct-gray-d2, var(--app-gray-d2, #404040)))\n    )}input:disabled+label{opacity:var(\n        --tct-checkbox-disabled-opacity,\n        var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))\n    )}.checkbox-icon{height:var(--tct-checkbox-size, 20px);width:var(--tct-checkbox-size, 20px);border-radius:var(\n        --tct-checkbox-outer-border-radius,\n        var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n    );stroke:var(--q2-checkbox-outer-stroke-color);color:var(--q2-checkbox-outer-stroke-color);--t-icon-stroke-primary:var(--q2-checkbox-outer-stroke-color);stroke-width:var(--tct-checkbox-outer-stroke-width, 2);fill:var(--q2-checkbox-outer-fill-color);-ms-flex-negative:0;flex-shrink:0}input:focus+label .checkbox-icon{-webkit-box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff));box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff))}.checkbox-fill{stroke:var(--q2-checkbox-checked-color)}input:checked+label .checkbox-icon{fill:var(--tct-checkbox-checked-outer-fill-color, var(--q2-checkbox-outer-fill-color));stroke:var(--tct-checkbox-checked-outer-stroke-color, var(--q2-checkbox-outer-stroke-color))}input:focus+label .checkbox-icon{stroke:var(--tct-checkbox-focused-outer-stroke-color, var(--q2-checkbox-checked-color))}.checked-fill{stroke-width:var(--tct-checkbox-check-stroke-width, 2.5);stroke-linecap:round;stroke-linejoin:round}.indeterminate-fill{stroke-width:var(--tct-checkbox-indeterminate-stroke-width, 3.5)}.q2-checkbox-label-content{font-weight:var(--tct-checkbox-font-weight, 400);-ms-flex:1 1 auto;flex:1 1 auto;width:calc(\n        100% - var(--tct-checkbox-size, 20px) - var(--tct-scale-2, var(--app-scale-2, 10px))\n    )}input:checked+label .q2-checkbox-label-content{font-weight:var(--tct-checkbox-selected-font-weight, 600);letter-spacing:var(--tct-checkbox-selected-letter-spacing, 0.25)}:host([type='favorite']) .checkbox-icon{--tct-icon-stroke-width:var(--tct-checkbox-favorite-stroke-width, 2.5);width:var(--tct-checkbox-size, 20px);height:var(--tct-checkbox-size, 20px);-webkit-transition:fill var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n        color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n        stroke var(--tct-tween-2, var(--app-tween-2, 0.4s ease));transition:fill var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n        color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n        stroke var(--tct-tween-2, var(--app-tween-2, 0.4s ease))}:host([type='favorite']) input:focus+label .checkbox-icon{color:var(--q2-checkbox-favorite-fill);--tct-icon-stroke-primary:var(--q2-checkbox-favorite-fill)}:host([type='favorite']) input:checked+label .checkbox-icon{color:var(--q2-checkbox-favorite-fill);--t-icon-stroke-primary:var(--q2-checkbox-favorite-fill);--tct-icon-stroke-primary:var(--q2-checkbox-favorite-fill);fill:var(--q2-checkbox-favorite-fill);--tct-icon-stroke-width:1;-webkit-transition:fill var(--tct-tween-1, var(--app-tween-1, 0.2s ease)),\n        color var(--tct-tween-1, var(--app-tween-1, 0.2s ease)),\n        stroke var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:fill var(--tct-tween-1, var(--app-tween-1, 0.2s ease)),\n        color var(--tct-tween-1, var(--app-tween-1, 0.2s ease)),\n        stroke var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([alignment='right']) label,:host([type='toggle']:not([alignment='left'])) label{-ms-flex-flow:row-reverse;flex-flow:row-reverse}.checkbox-icon,:host([type='toggle'][alignment='left']) .toggle-svg{margin-right:var(--tct-scale-2, var(--app-scale-2, 10px));margin-left:0}:host([alignment='right']) .checkbox-icon,.toggle-svg{margin-right:0;margin-left:var(--tct-scale-2, var(--app-scale-2, 10px))}:host([type='toggle']) .toggle-svg{height:30px;width:46px;position:relative}:host([type='toggle']) .toggle-track,:host([type='toggle']) .toggle-indicator{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host([type='toggle']) .toggle-track{fill:var(--tct-checkbox-toggle-track-color, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)));height:14px;width:46px}:host([type='toggle']) input:checked+label .toggle-track{fill:var(--tct-checkbox-toggle-checked-color, var(--q2-checkbox-checked-color));opacity:0.5}:host([type='toggle']) .toggle-indicator{-webkit-transition:left var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:left var(--tct-tween-1, var(--app-tween-1, 0.2s ease));height:30px;width:30px;left:0;border-radius:50%}:host([type='toggle']) input:checked+label .toggle-indicator{left:21px}:host([type='toggle']) .toggle-circle{fill:var(--tct-checkbox-toggle-circle-color, var(--tct-gray, var(--app-gray, #999999)))}:host([type='toggle']) input:checked+label .toggle-circle{fill:var(--tct-checkbox-toggle-checked-color, var(--q2-checkbox-checked-color))}:host([type='toggle']) input:checked+label .off,:host([type='toggle']) input:not(:checked)+label .on{opacity:0}:host([type='toggle']) input:focus+label .toggle-circle{stroke:var(--tct-checkbox-toggle-checked-color, var(--q2-checkbox-checked-color));stroke-width:10px;stroke-opacity:0.5}:host([type='toggle']) input:not(:checked):focus+label .toggle-circle{stroke:var(--tct-checkbox-toggle-circle-color, var(--tct-gray, var(--app-gray, #999999)))}:host([type='toggle']) .checked-fill{stroke:var(--tct-checkbox-toggle-icon-stroke, var(--tct-white, var(--app-white, #ffffff)));-webkit-transition:opacity var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:opacity var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([type='toggle']) input:checked+label .checked-fill{stroke:var(--tct-checkbox-toggle-checked-icon-stroke, var(--t-checkbox-text, var(--tct-white, var(--app-white, #ffffff))))}";