q2-tecton-elements 1.23.0 → 1.24.0

package/dist/components/index9.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { l as loc, h as handleAriaLabel } from './index13.js';
+import { l as loc, h as handleAriaLabel } from './index15.js';
 import { s as shapes } from './shapes.js';
 
 const stylesCss = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.flex{display:flex}.flex-center{justify-content:center}.flex-left{justify-content:flex-start}.flex-right{justify-content:flex-end}.flex-v-center{align-items:center}.no-margin{margin:0}:host{display:block}:host([inline]),:host([modifiers*=inline]){display:inline-block}:host([hidden]){display:none}:host(:not([inline]):not([modifiers*=inline])){font-size:var(--tct-loading-spinner-size, var(--t-loading-spinner-size, var(--app-scale-12x, 60px)))}.q2-loading-animation{height:1em;width:1em}.half-circle-spinner,.half-circle-spinner *{box-sizing:border-box}.half-circle-spinner{border-radius:100%;position:relative}.half-circle-spinner .circle{position:absolute;width:100%;height:100%;border-radius:100%;border:0.0833333333em solid transparent}.half-circle-spinner .circle.circle-1{border-top-color:var(--tct-loading-primary-color, var(--t-loading-primary-color, var(--t-primary, #0079c1)));animation:half-circle-spinner-animation 1s infinite}.half-circle-spinner .circle.circle-2{border-bottom-color:var(--tct-loading-secondary-color, var(--t-loading-secondary-color, #9ddd4f));animation:half-circle-spinner-animation 1s infinite alternate}@keyframes half-circle-spinner-animation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.q2-loading-skeleton{position:relative;width:100%;height:100%;overflow:hidden;--comp-loading-skeleton-shimmer-color:var(--tct-loading-skeleton-shimmer-color, var(--t-base, rgba(255, 255, 255, 0.5)));--comp-loading-skeleton-vertical-gap:var(--tct-loading-skeleton-vertical-gap, var(--tct-scale-2, 10px));--comp-loading-skeleton-horizontal-gap:var(--tct-loading-skeleton-horizontal-gap, var(--tct-scale-2, 10px))}.q2-loading-skeleton-shimmer{position:absolute;width:1rem;height:100%;top:0;left:-100px;animation:skeletonShimmer 3s ease-in-out infinite;background-color:var(--comp-loading-skeleton-shimmer-color);box-shadow:0 0 25px 20px var(--comp-loading-skeleton-shimmer-color);transform:rotate(10deg)}.skeleton-shape.rectangle:not(.no-margin){margin:var(--tct-loading-skeleton-vertical-gap, var(--tct-scale-2, 10px)) var(--tct-loading-skeleton-horizontal-gap, var(--tct-scale-2, 10px))}.skeleton-shape.circle,.skeleton-shape.rectangle{background-color:var(--tct-loading-skeleton-element-bg, var(--tct-gray-l3, var(--t-gray-14, #f2f2f2)))}.skeleton-shape.rectangle{min-height:var(--tct-loading-skeleton-rectangle-min-height, 20px)}.skeleton-shape.circle{border-radius:50%;padding-top:100%}.flex .rectangle{flex-grow:1}.skeleton-table-row .rectangle{margin:var(--comp-loading-skeleton-vertical-gap) var(--comp-loading-skeleton-horizontal-gap)}.skeleton-table-row .rectangle:not(:first-child):not(:last-child){flex-grow:2}.skeleton-table-row-border .skeleton-shape{margin:0 var(--comp-loading-skeleton-horizontal-gap)}.form{flex-wrap:wrap}.form .field{margin:var(--comp-loading-skeleton-vertical-gap) 0}.form.columns-1 .field{flex-basis:100%}.form.columns-2 .field{flex-basis:50%}.form.columns-3 .field{flex-basis:33.3333%}.form.columns-4 .field{flex-basis:25%}.form.columns-5 .field{flex-basis:20%}.text .rectangle{margin-bottom:0}.text .header.center{margin:0 auto}.text .header.right{margin-left:auto}.text .header{height:1.5rem}.text .header.smaller{height:1rem}.detailed-item{flex-wrap:wrap}.detailed-item.right{flex-flow:row-reverse}.detailed-item-image{flex:0 0 auto;display:inline-flex}.center .detailed-item-image{flex-basis:100%;display:flex}.detailed-item-image .rectangle{flex-grow:0}.detailed-item-text>div{width:100%}.detailed-item-text{flex:1 1 auto}.detailed-item-text .text{margin-top:0;margin-bottom:0}.label-value{flex-wrap:wrap}.label-value .rectangle{flex-basis:calc(50% - 2 * var(--comp-loading-skeleton-horizontal-gap))}@keyframes skeletonShimmer{0%{left:-100px;opacity:1}70%{opacity:1}100%{left:800px;opacity:0}}";
@@ -79,7 +79,7 @@ const Q2Loading = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "shape": [513],
     "modifiers": [513],
     "counts": [513],
-    "label": [513],
+    "label": [1537],
     "ariaLabel": [513, "aria-label"],
     "inline": [516]
   }]);

package/dist/components/q2-action-sheet.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface Q2ActionSheet extends Components.Q2ActionSheet, HTMLElement {}
+export const Q2ActionSheet: {
+  prototype: Q2ActionSheet;
+  new (): Q2ActionSheet;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/q2-action-sheet.js

@@ -0,0 +1,282 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
+import { l as loc, w as waitForNextPaint } from './index15.js';
+import { d as defineCustomElement$8 } from './index5.js';
+import { d as defineCustomElement$7 } from './index7.js';
+import { d as defineCustomElement$6 } from './index9.js';
+import { d as defineCustomElement$5 } from './index10.js';
+import { d as defineCustomElement$4 } from './index11.js';
+import { d as defineCustomElement$3 } from './index12.js';
+import { d as defineCustomElement$2 } from './index13.js';
+
+const stylesCss = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}@keyframes showBackdrop{from{opacity:0}}@keyframes hideBackdrop{to{opacity:0}}dialog{--comp-border-radius-default:var(--app-scale-3x, 15px) var(--app-scale-3x, 15px) 0 0;--comp-border-radius:var(--tct-action-sheet-border-radius, var(--t-action-sheet-border-radius, var(--comp-border-radius-default)));--comp-desktop-border-radius:var(--tct-action-sheet-border-radius, var(--t-action-sheet-border-radius, var(--app-scale-3x, 15px)));--comp-header-size:var(--tct-action-sheet-close-size, var(--t-action-sheet-close-size, var(--t-a11y-min-size, 44px)));--comp-dialog-background:var(--tct-action-sheet-background, var(--t-action-sheet-background, var(--t-base, #ffffff)));--comp-dialog-color:var(--tct-action-sheet-color, var(--t-action-sheet-color, var(--t-text, #4d4d4d)));--comp-dialog-padding:var(--tct-action-sheet-padding, var(--t-action-sheet-padding, var(--app-scale-3x, 15px)));--comp-content-gradient-height:var(--tct-action-sheet-content-gradient-height, var(--t-action-sheet-content-gradient-height, var(--app-scale-2x, 10px)));--comp-dialog-interior-gap-default:var(--app-scale-2x, 10px);--comp-dialog-max-width:var(--tct-action-sheet-max-width, var(--t-action-sheet-max-width, 400px));--comp-dialog-max-height:var(--tct-action-sheet-max-height, var(--t-action-sheet-max-height, 75vh));--comp-dialog-min-height:var(--tct-action-sheet-min-height, var(--t-action-sheet-min-height, 20vh));--comp-dialog-box-shadow:var(--tct-action-sheet-box-shadow, var(--t-action-sheet-box-shadow, var(--app-shadow-2, 0 3px 6px rgba(0, 0, 0, 0.3))));position:fixed;top:100%;bottom:unset;color:var(--comp-dialog-color);background:var(--comp-dialog-background);transition:transform var(--tct-action-sheet-tween, var(--t-action-sheet-tween, var(--app-tween-2, 0.4s ease))), opacity var(--tct-action-sheet-tween, var(--t-action-sheet-tween, var(--app-tween-2, 0.4s ease)));width:100%;max-width:var(--comp-dialog-max-width);border:0;border-radius:var(--comp-border-radius);box-shadow:var(--comp-dialog-box-shadow);padding:0;height:auto;overflow:hidden;min-height:var(--comp-dialog-min-height);max-height:var(--comp-dialog-max-height)}dialog::backdrop{opacity:0;background:var(--tct-action-sheet-backdrop-background, var(--t-action-sheet-backdrop-background, var(--t-top-a2, rgba(13, 13, 13, 0.6))))}dialog[open].is-opening,dialog[open].is-open{transform:translateY(-100%)}@media screen and (min-width: 1200px){dialog[open].is-opening,dialog[open].is-open{opacity:1;transform:translateY(0)}}dialog[open].is-opening::backdrop,dialog[open].is-open::backdrop{opacity:1;animation:showBackdrop var(--tct-action-sheet-tween, var(--t-action-sheet-tween, var(--app-tween-2, 0.4s ease)))}dialog[open].is-closing{transform:translateY(10%)}dialog[open].is-closing::backdrop{animation:hideBackdrop var(--tct-action-sheet-tween, var(--t-action-sheet-tween, var(--app-tween-2, 0.4s ease)))}@media screen and (min-width: 1200px){dialog{border-radius:var(--comp-desktop-border-radius);top:0px;bottom:0px;height:fit-content;transform:translateY(10%);opacity:0}}.content{overflow-y:auto;--comp-scrollbar-size:var(--tct-scrollbar-size, var(--t-scrollbar-size, var(--app-scale-1x, 5px)));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--t-scrollbar-border-radius, var(--app-border-radius-1, 3px)));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-scrollbar-color, var(--t-a11y-gray-color, #747474)));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}.content::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.content::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.content::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}.interior{display:grid;grid-template-rows:44px 1fr auto;gap:var(--comp-dialog-interior-gap-default);max-height:calc(var(--comp-dialog-max-height) - var(--comp-dialog-padding));padding:var(--comp-dialog-padding)}.interior.is-list header,.interior.is-list footer{position:relative}.interior.is-list header:before,.interior.is-list footer:before{content:\"\";display:block;position:absolute;left:0;height:var(--comp-content-gradient-height);width:100%;z-index:1}.interior.is-list header:before{top:calc(100% + var(--comp-dialog-interior-gap-default));background:linear-gradient(to bottom, var(--t-base) 0%, var(--t-base-a0) 100%)}.interior.is-list footer:before{top:calc((var(--comp-dialog-interior-gap-default) + var(--comp-content-gradient-height)) * -1);background:linear-gradient(to top, var(--t-base) 0%, var(--t-base-a0) 100%)}header{display:grid;grid-template-columns:var(--comp-header-size) 1fr var(--comp-header-size);grid-template-areas:\". title close\";gap:var(--app-scale-2x, 10px)}header .title{grid-area:title;text-align:center;line-height:var(--comp-header-size)}header .btn-close{grid-area:close;width:var(--comp-header-size);height:var(--comp-header-size)}footer{display:flex;justify-content:end}";
+
+var __rest = (undefined && undefined.__rest) || function (s, e) {
+  var t = {};
+  for (var p in s)
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+      t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+        t[p[i]] = s[p[i]];
+    }
+  return t;
+};
+const Q2ActionSheet$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.close = createEvent(this, "close", 7);
+    this.ready = createEvent(this, "ready", 3);
+    this.initialSelectedOptions = [];
+    this.selectedOptions = { values: [], value: '' };
+    this.minHeight = 0.2;
+    this.maxHeight = 0.75;
+    this.generateOption = (option) => {
+      const optionElement = document.createElement('q2-option');
+      const attributes = __rest(option, ["innerHTML"]);
+      if (option.innerHTML)
+        optionElement.innerHTML = option.innerHTML;
+      Object.entries(attributes).forEach(([key, value]) => {
+        if (value === undefined)
+          return;
+        if (typeof value === 'boolean') {
+          if (value)
+            optionElement.setAttribute(key, '');
+        }
+        else {
+          optionElement.setAttribute(key, value);
+        }
+      });
+      return optionElement;
+    };
+    this.generateOptgroup = (option) => {
+      const optgroupElement = document.createElement('q2-optgroup');
+      if (option.label)
+        optgroupElement.setAttribute('label', option.label);
+      if (option.disabled)
+        optgroupElement.setAttribute('disabled', '');
+      if (!!option.options.length)
+        option.options.forEach(opt => optgroupElement.appendChild(this.generateOption(opt)));
+      return optgroupElement;
+    };
+    /// Event Handlers ///
+    this.onClick = (event) => {
+      const eventTarget = event.target;
+      if (!(eventTarget instanceof HTMLElement))
+        return;
+      const isInContent = !!eventTarget.closest('.interior, q2-action-sheet');
+      if (isInContent)
+        return;
+      this.onCancel(event);
+    };
+    this.onCancel = (event) => {
+      var _a, _b;
+      event.preventDefault();
+      const { initialSelectedOptions } = this;
+      this.hide({
+        value: (_b = (_a = initialSelectedOptions === null || initialSelectedOptions === void 0 ? void 0 : initialSelectedOptions[0]) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : '',
+        values: initialSelectedOptions,
+        type: 'cancel',
+      });
+    };
+    this.onListChange = (event) => {
+      this.selectedOptions = event.detail;
+    };
+    this.onListPopoverStateChange = (event) => {
+      if (event.detail.open)
+        return;
+      if (event.detail.action === 'close') {
+        this.onCancel(event);
+      }
+      else {
+        this.onListDone();
+      }
+    };
+    this.onListDone = () => {
+      this.hide(Object.assign(Object.assign({}, this.selectedOptions), { type: 'confirm' }));
+    };
+    /// DOM ///
+    this.renderSlot = () => {
+      return (h("div", { class: "content", ref: el => (this.contentElement = el) }, h("slot", null)));
+    };
+    this.renderMessage = ({ data }) => {
+      return (h("q2-message", { type: data.type }, data.title && h("h2", null, data.title), data.description && h("p", null, data.description)));
+    };
+    this.renderList = ({ data }) => {
+      const { listProps } = data;
+      return (h(Fragment, null, h("div", { class: "content", ref: el => (this.contentElement = el) }, h("q2-option-list", { ref: el => (this.optionListElement = el), multiple: listProps.multiple, noSelect: listProps.noSelect, onChange: this.onListChange, onPopoverState: this.onListPopoverStateChange, selectedOptions: listProps.selectedOptions }, h("slot", null))), h("footer", null, listProps.multiple && (h("q2-btn", { "test-id": "btnDone", intent: "workflow-primary", onClick: this.onListDone }, loc('tecton.element.actionSheet.done'))))));
+    };
+    this.data = undefined;
+    this.hideClose = undefined;
+    this.isScrollable = false;
+    this.renderStatus = 'is-closing';
+  }
+  /// LifeCycle Hooks ///
+  componentDidLoad() {
+    this.dialogElement.addEventListener('cancel', this.onCancel);
+    this.ready.emit();
+  }
+  disconnectedCallback() {
+    this.dialogElement.removeEventListener('cancel', this.onCancel);
+  }
+  /// Helpers ///
+  storeInitialValues() {
+    const { data } = this;
+    if (!data)
+      return;
+    if (data.appearance === 'list') {
+      this.initialSelectedOptions = data.listProps.selectedOptions;
+    }
+  }
+  focusContent() {
+    const { data } = this;
+    if (!data)
+      return;
+    if (data.appearance === 'list') {
+      const { event } = data;
+      if (event instanceof KeyboardEvent) {
+        this.optionListElement.handleExternalKeydown(event);
+      }
+      else {
+        this.optionListElement.focus();
+      }
+    }
+  }
+  hidePostHook() {
+    const { data } = this;
+    if (!data)
+      return;
+    if (data.appearance === 'list') {
+      this.hostElement.innerHTML = null;
+    }
+  }
+  showPreHook() {
+    const { data } = this;
+    if (!data)
+      return;
+    if (data.appearance === 'list') {
+      this.hostElement.innerHTML = null;
+      data.options.forEach(option => {
+        this.hostElement.appendChild('options' in option ? this.generateOptgroup(option) : this.generateOption(option));
+      });
+    }
+  }
+  updateDialogMinMaxHeight() {
+    const windowHeight = window.innerHeight;
+    this.dialogElement.style.setProperty('--comp-dialog-min-height', `${Math.floor(windowHeight * this.minHeight)}px`);
+    this.dialogElement.style.setProperty('--comp-dialog-max-height', `${Math.floor(windowHeight * this.maxHeight)}px`);
+  }
+  /// Methods ///
+  async hide(data = { value: '', values: [], type: 'confirm' }) {
+    this.close.emit(data);
+    this.renderStatus = 'is-closing';
+    this.dialogElement.addEventListener('transitionend', () => {
+      this.dialogElement.close();
+      this.renderStatus = null;
+      this.data = undefined;
+      this.initialSelectedOptions = [];
+      this.selectedOptions = { values: [], value: '' };
+      this.hidePostHook();
+    }, { once: true });
+  }
+  async show() {
+    this.showPreHook();
+    await waitForNextPaint();
+    this.updateDialogMinMaxHeight();
+    this.storeInitialValues();
+    if (this.dialogElement.open)
+      return;
+    this.dialogElement.showModal();
+    this.renderStatus = 'is-opening';
+    this.dialogElement.addEventListener('transitionend', () => {
+      this.renderStatus = 'is-open';
+      this.focusContent();
+    }, { once: true });
+  }
+  render() {
+    var _a;
+    const { data } = this;
+    const showHeader = (data === null || data === void 0 ? void 0 : data.title) || !this.hideClose;
+    const renderStatus = this.renderStatus || '';
+    let RenderContent = null;
+    switch (data === null || data === void 0 ? void 0 : data.appearance) {
+      case 'message':
+        RenderContent = this.renderMessage;
+        break;
+      case 'list':
+        RenderContent = this.renderList;
+        break;
+      default:
+        RenderContent = this.renderSlot;
+        break;
+    }
+    const appearance = (data === null || data === void 0 ? void 0 : data.appearance) || 'slot';
+    const interiorClasses = `interior is-${appearance}`;
+    return (h("dialog", { ref: el => (this.dialogElement = el), class: renderStatus, onClick: this.onClick }, h("div", { class: interiorClasses }, showHeader && (h("header", null, h("div", { class: "title" }, data === null || data === void 0 ? void 0 : data.title), h("q2-btn", { class: "btn-close", "test-id": "btnClose", onClick: this.onCancel, label: "tecton.element.actionSheet.close", "hide-label": true }, h("q2-icon", { type: "close" })))), ((_a = this.data) === null || _a === void 0 ? void 0 : _a.description) && h("p", null, data.description), RenderContent && h(RenderContent, { data: this.data }))));
+  }
+  get hostElement() { return this; }
+  static get style() { return stylesCss; }
+}, [1, "q2-action-sheet", {
+    "data": [1040],
+    "hideClose": [4, "hide-close"],
+    "isScrollable": [32],
+    "renderStatus": [32],
+    "hide": [64],
+    "show": [64]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["q2-action-sheet", "q2-btn", "q2-icon", "q2-loading", "q2-message", "q2-optgroup", "q2-option", "q2-option-list"];
+  components.forEach(tagName => { switch (tagName) {
+    case "q2-action-sheet":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Q2ActionSheet$1);
+      }
+      break;
+    case "q2-btn":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$8();
+      }
+      break;
+    case "q2-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$7();
+      }
+      break;
+    case "q2-loading":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "q2-message":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "q2-optgroup":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "q2-option":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "q2-option-list":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const Q2ActionSheet = Q2ActionSheet$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { Q2ActionSheet, defineCustomElement };

package/dist/components/q2-calendar.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { l as loc, s as setPopProperties, h as handleAriaLabel, o as overrideFocus, i as isEventFromElement } from './index13.js';
+import { l as loc, s as setPopProperties, h as handleAriaLabel, o as overrideFocus, i as isEventFromElement } from './index15.js';
 import { d as defineCustomElement$8 } from './index2.js';
 import { d as defineCustomElement$7 } from './index4.js';
 import { d as defineCustomElement$6 } from './index5.js';

package/dist/components/q2-card.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
-import { a as isTouchDevice, o as overrideFocus, i as isEventFromElement } from './index13.js';
+import { a as isTouchDevice, o as overrideFocus, i as isEventFromElement } from './index15.js';
 import { d as defineCustomElement$3 } from './index3.js';
 import { d as defineCustomElement$2 } from './index7.js';
 

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { l as loc } from './index13.js';
+import { l as loc } from './index15.js';
 
 const stylesCss = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}q2-carousel .swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;transition:all 0.2s}q2-carousel-pane.q2-carousel-pane{--comp-carousel-pane-tween:var(--tct-tween-1, var(--app-tween-1, 0.2s ease));--comp-carousel-shadow:var(--app-shadow-2, 0px 2px 8px 0px var(--t-top-a1, rgba(0, 0, 0, 0.25)));cursor:grab}q2-carousel-pane.q2-carousel-pane:not([is-active-pane]) *{cursor:pointer}q2-carousel-pane.q2-carousel-pane:focus{box-shadow:none}q2-carousel-pane.q2-carousel-pane:focus .q2-carousel-pane-main-content{outline:none;box-shadow:var(--const-double-focus-ring)}q2-carousel-pane.q2-carousel-pane button{border:0;background:transparent;transition:all 0.2s;opacity:0.3;cursor:pointer}q2-carousel-pane.q2-carousel-pane button:hover{opacity:0.7}q2-carousel-pane.q2-carousel-pane .q2-carousel-pane-main-content{box-shadow:var(--comp-carousel-shadow);transition:var(--comp-carousel-pane-tween);background-color:var(--tct-carousel-background-color, var(--t-carousel-background-color, var(--tct-white, var(--app-white, #ffffff))));border:var(--tct-carousel-pane-border-width, var(--t-carousel-pane-border-width, 0px)) solid var(--tct-carousel-pane-border-color, var(--t-carousel-pane-border-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))));border-radius:var(--tct-carousel-pane-border-radius, var(--t-carousel-pane-border-radius, 8px));padding:var(--tct-carousel-pane-padding, var(--t-carousel-pane-padding, 0.5rem 0.5rem 0.5rem 0.5rem));height:var(--tct-carousel-pane-height, var(--t-carousel-pane-height, 10em))}q2-carousel-pane.q2-carousel-pane .q2-carousel-pane-main-content:hover{box-shadow:var(--const-double-focus-ring), var(--comp-carousel-shadow)}";
 

package/dist/components/q2-carousel.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement as HTMLElement$1, createEvent, h, Host, Fragment } from '@stencil/core/internal/client';
-import { c as createGuid, l as loc, h as handleAriaLabel, i as isEventFromElement, o as overrideFocus } from './index13.js';
+import { c as createGuid, l as loc, h as handleAriaLabel, i as isEventFromElement, o as overrideFocus } from './index15.js';
 import { d as defineCustomElement$4 } from './index5.js';
 import { d as defineCustomElement$3 } from './index7.js';
 import { d as defineCustomElement$2 } from './index9.js';

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { o as overrideFocus, l as loc } from './index13.js';
+import { o as overrideFocus, l as loc } from './index15.js';
 import { g as getDefaultLabel, c as createSeriesData, a as getDefaultInterpolatedLabel, i as isCoordinateSystemType, b as createGridClipPath, d as createPolarClipPath, e as dataSample, f as install$3, h as install$4, j as getCSSProperty, k as isValidColor, l as formatValue } from './charting.js';
 import { _ as __extends, c as createSymbol, e as enterEmphasis, l as leaveEmphasis, u as updateProps, s as saveOldStyle, i as initProps, g as getLabelStatesModels, n as normalizeSymbolOffset, Z as ZRImage, a as extend, b as setLabelStyle, t as toggleHoverEmphasis, d as getECData, r as removeElement, f as normalizeSymbolSize, G as Group, h as traverseElements, j as isObject, S as SeriesModel, m as map, k as isDimensionStacked, o as isNumber, p as createFloat32Array, q as cubicRootAt, P as Path, v as PathProxy, w as cubicAt, x as convertToColorString, y as defaults, z as setStatesStylesFromModel, A as queryDataIndex, C as ChartView, B as setStatesFlag, D as isFunction, E as ZRText, F as interpolateRawValues, H as labelInner, I as each, L as LinearGradient, J as SPECIAL_STATES, K as lerp, M as createRenderPlanner, N as cubicSubdivide, O as fromPoints, Q as BoundingRect, R as clonePath, T as Polygon, U as Sector, V as Rect, W as Point, X as Transformable, Y as lerp$1, $ as getAnimationConfig, a0 as isArray, a1 as normalizeToArray, a2 as SERIES_UNIVERSAL_TRANSITION_PROP, a3 as makeInner, a4 as DataDiffer, a5 as filter, a6 as createHashMap, a7 as Displayable, a8 as getOldStyle, a9 as use, aa as install$1, ab as install$2, ac as init } from './installCanvasRenderer.js';
 

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { o as overrideFocus, l as loc } from './index13.js';
+import { o as overrideFocus, l as loc } from './index15.js';
 import { c as createSeriesData, m as createClipPath, g as getDefaultLabel, i as isCoordinateSystemType, a as getDefaultInterpolatedLabel, e as dataSample, f as install$3, h as install$4, j as getCSSProperty, k as isValidColor, l as formatValue } from './charting.js';
 import { _ as __extends, I as each, S as SeriesModel, ad as inheritDefaultOption, P as Path, ae as calculateTextPosition, o as isNumber, a0 as isArray, h as traverseElements, i as initProps, u as updateProps, s as saveOldStyle, H as labelInner, af as removeElementWithFadeOut, G as Group, m as map, d as getECData, C as ChartView, V as Rect, a as extend, g as getLabelStatesModels, b as setLabelStyle, ag as setLabelValueAnimation, t as toggleHoverEmphasis, z as setStatesStylesFromModel, ah as throttle, U as Sector, ai as curry, aj as createProgressiveLayout, ak as layout, a9 as use, aa as install$1, ab as install$2, ac as init } from './installCanvasRenderer.js';
 import { i as installLabelLayout } from './installLabelLayout.js';

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { o as overrideFocus, l as loc, i as isEventFromElement } from './index13.js';
+import { o as overrideFocus, l as loc, i as isEventFromElement } from './index15.js';
 import { d as defineCustomElement$3 } from './index2.js';
 import { d as defineCustomElement$2 } from './index7.js';
 import { al as normalizeCssArray, V as Rect, _ as __extends, am as ComponentModel, an as toCamelCase, ao as env, ap as normalizeEvent, x as convertToColorString, aq as isString, a0 as isArray, ar as isDom, I as each$1, as as bind, at as indexOf, au as getPaddingFromTooltipModel, av as transformLocalCoord, j as isObject, aw as throwError, E as ZRText, ax as getTooltipRenderMode, ay as createOrUpdate, az as clear, aA as register, d as getECData, aB as findPointFromSeries, aC as findEventDispatcher, aD as createTooltipMarkup, aE as getValueLabel, aF as trim, aG as getAxisRawValue, aH as normalizeTooltipFormatResult, aI as buildTooltipMarkup, aJ as clone, aK as format, aL as formatTpl, D as isFunction, aM as parsePercent, aN as getLayoutRect, aO as unregister, aP as ComponentView, aQ as Model, aR as preParseFinder, aS as queryReferringComponents, aT as TooltipMarkupStyleCreator, a as extend, a9 as use, aU as install$5, aV as noop, aW as merge, aX as isNameSpecified, a6 as createHashMap, m as map, a5 as filter, o as isNumber, y as defaults, aY as parse, aZ as stringify, b as setLabelStyle, a_ as enableHoverEmphasis, a$ as createTextStyle, b0 as setTooltipConfig, b1 as box, b2 as createOrUpdatePatternFromDecal, c as createSymbol, ai as curry$1, G as Group$2, b3 as getLayoutParams, ad as inheritDefaultOption, b4 as mergeLayoutParam, b5 as createIcon, b6 as retrieve2, u as updateProps, b7 as linearMap, W as Point, b8 as shiftLayoutOnY, b9 as parsePercent$1, i as initProps, s as saveOldStyle, z as setStatesStylesFromModel, t as toggleHoverEmphasis, g as getLabelStatesModels, ba as Polyline, bb as retrieve3, U as Sector, af as removeElementWithFadeOut, C as ChartView, bc as prepareSeriesDataSchema, bd as SeriesData, a3 as makeInner, be as makeSeriesEncodeForNameBased, bf as getPercentSeats, bg as defaultEmphasis, S as SeriesModel, bh as createLegacyDataSelectAction, ab as install$6, aa as install$7, ac as init } from './installCanvasRenderer.js';

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c as createGuid, l as loc } from './index13.js';
+import { c as createGuid, l as loc } from './index15.js';
 import { d as defineCustomElement$2 } from './index7.js';
 
 const stylesCss = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{margin-top:var(--tct-scale-2, var(--app-scale-2x, 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:linear-gradient(to right, var(--tct-checkbox-group-error-gradient-start, var(--t-base-a0, rgba(255, 255, 255, 0))), var(--tct-checkbox-group-error-gradient-end, var(--t-base, 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(--tct-input-label-optional-margin-left, var(--tct-scale-1, var(--app-scale-1x, 5px)));color:var(--tct-input-label-optional-font-color, var(--tct-a11y-color, var(--t-a11y-gray-color, var(--tct-gray-7, var(--t-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666)))))));font-size:var(--tct-input-label-optional-font-size, 12px);font-weight:var(--tct-input-label-optional-font-weight, 400)}.flexed{margin:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.flexed.left{justify-content:left}";

package/dist/components/q2-checkbox.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c as createGuid, h as handleAriaLabel, o as overrideFocus, i as isEventFromElement, l as loc } from './index13.js';
+import { c as createGuid, h as handleAriaLabel, o as overrideFocus, i as isEventFromElement, l as loc } from './index15.js';
 import { d as defineCustomElement$2 } from './index7.js';
 
 const stylesCss = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;position:relative;padding:var(--tct-checkbox-vertical-padding, var(--t-checkbox-vertical-padding, var(--tct-scale-2, var(--app-scale-2x, 10px)))) 0}.container{--comp-checkbox-size:var(--tct-checkbox-size, var(--t-checkbox-size, 20px));--comp-checkbox-default-column-gap:var(--app-scale-2x, 10px);--comp-checkbox-default-row-gap:0;--comp-checkbox-default-gap:var(--comp-checkbox-default-row-gap) var(--comp-checkbox-default-column-gap);--comp-checkbox-tween:var(--tct-tween-1, var(--app-tween-1, 0.2s ease));--comp-checkbox-toggle-width:var(--tct-checkbox-toggle-width, var(--t-checkbox-toggle-width, 46px));--comp-checkbox-gap:var(--tct-checkbox-gap, var(--t-checkbox-gap, var(--comp-checkbox-default-gap)));--comp-checkbox-outer-stroke-color:var(--tct-checkbox-outer-stroke-color, var(--t-checkbox-outer-stroke-color, var(--t-a11y-gray-color-AA, #949494)));--comp-checkbox-outer-fill-color:var(--tct-checkbox-outer-fill-color, var(--t-checkbox-outer-fill-color, var(--tct-white, var(--app-white, #ffffff))));--comp-checkbox-checked-color:var(--tct-checkbox-check-stroke-color, var(--t-checkbox-check-stroke-color, var(--t-checkbox-fill, var(--t-a11y-active-gray-color-AA, #404040))));--comp-control-width:var(--comp-checkbox-size);display:grid;grid-template-areas:\"svg label\" \"svg description\";align-items:center;gap:var(--comp-checkbox-gap);grid-template-columns:var(--comp-control-width) calc(100% - var(--comp-control-width) - var(--comp-checkbox-default-column-gap))}:host([type=favorite]) .container{--comp-checkbox-favorite-stroke-color:var(--tct-checkbox-favorite-stroke-color, var(--t-checkbox-favorite-stroke-color, var(--t-a11y-gray-color-AA, #949494)));--comp-checkbox-favorite-fill-color:var(--tct-checkbox-favorite-fill-color, var(--t-checkbox-favorite-fill-color, #db7d24))}:host([type=toggle]) .container{--comp-control-width:var(--comp-checkbox-toggle-width)}:host([alignment=right]) .container,:host([type=toggle]:not([alignment])) .container{grid-template-areas:\"label svg\" \"description svg\";grid-template-columns:calc(100% - var(--comp-control-width) - var(--comp-checkbox-default-column-gap)) var(--comp-control-width)}.label-control{align-items:center;display:flex}.label-text{grid-area:label}:host([description]) .label-text{font-weight:var(--tct-checkbox-label-font-weight, var(--t-checkbox-label-font-weight, 600))}:host([checked]) .label-text{font-weight:var(--tct-checkbox-checked-label-font-weight, var(--t-checkbox-checked-label-font-weight, 600))}.description-text{grid-area:description;font-weight:var(--tct-checkbox-description-font-weight, var(--t-checkbox-description-font-weight, 400))}label{cursor:pointer}:host([disabled]:not([disabled=false])),:host([group-disabled]){opacity:var(--tct-checkbox-disabled-opacity, var(--t-checkbox-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))))}:host([disabled]:not([disabled=false])) label,:host([group-disabled]) label{cursor:not-allowed}.checkbox-icon{--t-icon-stroke-primary:var(--comp-checkbox-outer-stroke-color);width:var(--comp-checkbox-size);height:var(--comp-checkbox-size);border-radius:var(--tct-checkbox-outer-border-radius, var(--t-checkbox-outer-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px))));stroke:var(--comp-checkbox-outer-stroke-color);color:var(--comp-checkbox-outer-stroke-color);stroke-width:var(--tct-checkbox-outer-stroke-width, var(--t-checkbox-outer-stroke-width, 2));fill:var(--comp-checkbox-outer-fill-color);flex-shrink:0}:host([checked]) .checkbox-icon{fill:var(--tct-checkbox-checked-outer-fill-color, var(--t-checkbox-checked-outer-fill-color, var(--comp-checkbox-outer-fill-color)));stroke:var(--tct-checkbox-checked-outer-stroke-color, var(--t-checkbox-checked-outer-stroke-color, var(--comp-checkbox-outer-stroke-color)))}:host(:focus-within) .checkbox-icon{box-shadow:var(--const-double-focus-ring), var(--tct-global-focus, 0 0 0 2px #33b4ff);stroke:var(--tct-checkbox-focused-outer-stroke-color, var(--t-checkbox-focused-outer-stroke-color, var(--comp-checkbox-checked-color)))}:host([type=favorite]) .checkbox-icon{--tct-icon-stroke-width:var(--tct-checkbox-favorite-stroke-width, var(--t-checkbox-favorite-stroke-width, 1));--tct-icon-stroke-primary:var(--comp-checkbox-favorite-stroke-color);transition:fill var(--comp-checkbox-tween), color var(--comp-checkbox-tween), stroke var(--comp-checkbox-tween)}:host([type=favorite]:focus-within) .checkbox-icon,:host([type=favorite]:hover) .checkbox-icon{--tct-icon-stroke-primary:var(--comp-checkbox-favorite-fill-color);--tct-icon-stroke-width:var(--tct-checkbox-favorite-hover-stroke-width, var(--t-checkbox-favorite-hover-stroke-width, 2))}:host([checked][type=favorite]) .checkbox-icon{--tct-icon-stroke-primary:var(--comp-checkbox-favorite-fill-color);fill:var(--comp-checkbox-favorite-fill-color);transition:fill var(--comp-checkbox-tween), color var(--comp-checkbox-tween), stroke var(--comp-checkbox-tween)}:host([checked][type=favorite]:focus-within) .checkbox-icon,:host([checked][type=favorite]:hover) .checkbox-icon{--tct-icon-stroke-primary:var(--comp-checkbox-favorite-stroke-color);--tct-icon-fill-primary:var(--comp-checkbox-favorite-fill-color);--tct-icon-stroke-width:var(--tct-checkbox-favorite-hover-stroke-width, var(--t-checkbox-favorite-hover-stroke-width, 2))}.checkbox-fill{stroke:var(--comp-checkbox-checked-color)}.checked-fill{stroke-width:var(--tct-checkbox-check-stroke-width, var(--t-checkbox-check-stroke-width, 2.5));stroke-linecap:round;stroke-linejoin:round}:host([type=toggle]) .checked-fill{stroke:var(--tct-checkbox-toggle-icon-stroke, var(--t-checkbox-toggle-icon-stroke, var(--tct-white, var(--app-white, #ffffff))));transition:opacity var(--comp-checkbox-tween)}:host([type=toggle][checked]) .checked-fill{stroke:var(--tct-checkbox-toggle-checked-icon-stroke, var(--t-checkbox-toggle-checked-icon-stroke, var(--t-checkbox-text, var(--tct-white, var(--app-white, #ffffff)))))}.indeterminate-fill{stroke-width:var(--tct-checkbox-indeterminate-stroke-width, var(--t-checkbox-indeterminate-stroke-width, 3.5))}.toggle-svg{height:30px;width:var(--comp-checkbox-toggle-width);position:relative;text-align:initial}.toggle-track,.toggle-indicator{position:absolute;top:50%;transform:translateY(-50%)}.toggle-track{fill:var(--tct-checkbox-toggle-track-color, var(--t-checkbox-toggle-track-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))));height:14px;width:46px}:host([checked]) .toggle-track{fill:var(--tct-checkbox-toggle-checked-color, var(--t-checkbox-toggle-checked-color, var(--comp-checkbox-checked-color)));opacity:0.5}.toggle-indicator{transition:left var(--comp-checkbox-tween);height:30px;width:30px;left:0;border-radius:50%}:host([checked]) .toggle-indicator{left:21px}.toggle-circle{fill:var(--tct-checkbox-toggle-circle-color, var(--t-checkbox-toggle-circle-color, var(--t-a11y-gray-color-AA, #949494)))}:host([checked]) .toggle-circle{fill:var(--tct-checkbox-toggle-checked-color, var(--t-checkbox-toggle-checked-color, var(--comp-checkbox-checked-color)))}:host(:focus-within) .toggle-circle{stroke:var(--tct-checkbox-toggle-checked-color, var(--t-checkbox-toggle-checked-color, var(--comp-checkbox-checked-color)));stroke-width:10px;stroke-opacity:0.5}:host(:not([checked]):focus-within) .toggle-circle{stroke:var(--tct-checkbox-toggle-circle-color, var(--t-checkbox-toggle-circle-color, var(--t-a11y-gray-color-AA, #949494)))}:host([checked]) .off,:host(:not([checked])) .on{opacity:0}";

package/dist/components/q2-dropdown.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
-import { s as setPopProperties, h as handleAriaLabel, i as isEventFromElement, o as overrideFocus, l as loc } from './index13.js';
+import { s as setPopProperties, h as handleAriaLabel, i as isEventFromElement, o as overrideFocus, l as loc } from './index15.js';
 import { d as defineCustomElement$6 } from './index2.js';
 import { d as defineCustomElement$5 } from './index5.js';
 import { d as defineCustomElement$4 } from './index6.js';
@@ -289,7 +289,7 @@ const Q2Dropdown$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     "icon": [513],
     "label": [513],
     "hideLabel": [516, "hide-label"],
-    "ariaLabel": [513, "aria-label"],
+    "ariaLabel": [1537, "aria-label"],
     "disabled": [516],
     "popDirection": [513, "pop-direction"],
     "name": [513],

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { l as loc, h as handleAriaLabel, o as overrideFocus, i as isEventFromElement } from './index13.js';
+import { l as loc, h as handleAriaLabel, o as overrideFocus, i as isEventFromElement } from './index15.js';
 import { d as defineCustomElement$6 } from './index4.js';
 import { d as defineCustomElement$5 } from './index5.js';
 import { d as defineCustomElement$4 } from './index7.js';

package/dist/components/q2-loc.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { l as loc } from './index13.js';
+import { l as loc } from './index15.js';
 
 const stylesCss = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline}";
 

package/dist/components/q2-month-picker.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { l as loc, o as overrideFocus } from './index13.js';
+import { l as loc, o as overrideFocus } from './index15.js';
 import { d as defineCustomElement$4 } from './index5.js';
 import { d as defineCustomElement$3 } from './index7.js';
 import { d as defineCustomElement$2 } from './index9.js';

package/dist/components/q2-optgroup.js

@@ -1,73 +1,4 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { c as createGuid, l as loc } from './index13.js';
-
-const stylesCss = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block}.q2-optgroup-header{--comp-header-padding:var(--tct-scale-1, var(--app-scale-1x, 5px)) var(--tct-scale-2, var(--app-scale-2x, 10px));background:var(--tct-optgroup-header-bg, var(--t-optgroup-header-bg, var(--tct-gray-13, var(--t-gray-13, var(--tct-gray-l2, var(--app-gray-l2, #e6e6e6))))));padding:var(--tct-optgroup-header-padding, var(--t-optgroup-header-padding, var(--comp-header-padding)));font-weight:var(--tct-optgroup-header-font-weight, var(--t-optgroup-header-font-weight, 600));text-transform:var(--tct-optgroup-header-text-transform, var(--t-optgroup-header-text-transform, uppercase));position:sticky;top:var(--comp-multi-select-header-height, 0);z-index:1}";
-
-const Q2Optgroup$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.guid = createGuid();
-    this.setHidden = () => {
-      this.hidden = this.options.every(opt => opt.hidden || opt._multiSelectHidden);
-    };
-    this.disabled = false;
-    this.label = undefined;
-    this.hidden = false;
-  }
-  /// LIFECYCLE HOOKS ///
-  componentWillLoad() {
-    const observer = new MutationObserver(this.setHidden);
-    observer.observe(this.hostElement, { childList: true, attributes: true, subtree: true });
-    this.mutationObserver = observer;
-    // set initially
-    this.setHidden();
-    this.disabledWatcher(this.disabled);
-  }
-  disconnectedCallback() {
-    this.mutationObserver.disconnect();
-    this.mutationObserver = null;
-  }
-  get headerId() {
-    return `q2-optgroup-header-${this.guid}`;
-  }
-  get options() {
-    return Array.from(this.hostElement.querySelectorAll('q2-option'));
-  }
-  ///// OBSERVERS ///////
-  disabledWatcher(disabled) {
-    this.options.forEach(opt => {
-      opt.disabledGroup = !!disabled;
-    });
-  }
-  render() {
-    return (h("div", { class: "q2-optgroup-container", hidden: this.hidden, "aria-labelledby": this.headerId, role: "group" }, h("div", { class: "q2-optgroup-header", id: this.headerId }, (this.label && loc(this.label)) || ''), h("div", { class: "q2-optgroup-options" }, h("slot", null))));
-  }
-  get hostElement() { return this; }
-  static get watchers() { return {
-    "disabled": ["disabledWatcher"]
-  }; }
-  static get style() { return stylesCss; }
-}, [1, "q2-optgroup", {
-    "disabled": [516],
-    "label": [513],
-    "hidden": [32]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["q2-optgroup"];
-  components.forEach(tagName => { switch (tagName) {
-    case "q2-optgroup":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, Q2Optgroup$1);
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
+import { Q as Q2Optgroup$1, d as defineCustomElement$1 } from './index11.js';
 
 const Q2Optgroup = Q2Optgroup$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { Q as Q2OptionList$1, d as defineCustomElement$1 } from './index11.js';
+import { Q as Q2OptionList$1, d as defineCustomElement$1 } from './index13.js';
 
 const Q2OptionList = Q2OptionList$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/q2-option.js

@@ -1,79 +1,4 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './index7.js';
-
-const stylesCss = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{--comp-padding:0 var(--app-scale-2x, 10px);--comp-selected-icon-size:var(--tct-option-selected-icon-size, var(--t-option-selected-icon-size, var(--tct-scale-3, var(--app-scale-3x, 15px))));padding:var(--tct-option-padding, var(--t-option-padding, var(--comp-padding)));min-height:44px;align-items:center;cursor:pointer;grid-template-columns:var(--comp-selected-icon-size) 1fr;align-items:center;grid-template-areas:\"icon content\";gap:var(--tct-scale-1, var(--app-scale-1x, 5px))}:host([multiline]){--comp-padding:var(--app-scale-2, 10px) var(--app-scale-2, 10px);--comp-selected-icon-size:var(--tct-option-selected-icon-size, var(--t-option-selected-icon-size, 26px))}:host([_no-select]){grid-template-columns:1fr;grid-template-areas:\"content\"}:host([aria-disabled]){cursor:not-allowed;opacity:var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4));pointer-events:none}:host([aria-hidden]){display:none}:host(:not([hidden]):not([aria-hidden])){display:grid}:host(:not([aria-disabled]):hover),:host([active]),:host(:focus){background-color:var(--tct-option-active-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)))))}:host(:focus){border:1px solid #33b4ff}q2-icon{grid-area:icon;--tct-icon-size:var(--comp-selected-icon-size)}.content{display:block;grid-area:content}:host(:not([multiline])) .content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}";
-
-const Q2Option$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.role = 'option';
-    this.tabindex = '-1';
-    this.display = undefined;
-    this.value = undefined;
-    this.disabled = undefined;
-    this.optionId = undefined;
-    this.disabledGroup = undefined;
-    this.selected = undefined;
-    this.hidden = undefined;
-    this.multiline = undefined;
-    this.active = undefined;
-    this.noSelect = undefined;
-    this._multiSelectHidden = false;
-  }
-  componentWillLoad() {
-    this.handleDisplay();
-  }
-  handleDisplay() {
-    if (this.display || this.multiline)
-      return;
-    this.display = this.hostElement.textContent.trim();
-  }
-  render() {
-    const { disabled, disabledGroup, selected, _multiSelectHidden } = this;
-    const isDisabled = disabled || disabledGroup;
-    return (h(Host, { "aria-disabled": isDisabled ? 'true' : undefined, "aria-selected": selected ? 'true' : undefined, "aria-hidden": _multiSelectHidden ? 'true' : undefined }, this.selected && h("q2-icon", { type: "checkmark" }), h("div", { class: "content" }, h("slot", null))));
-  }
-  get hostElement() { return this; }
-  static get watchers() { return {
-    "display": ["handleDisplay"]
-  }; }
-  static get style() { return stylesCss; }
-}, [1, "q2-option", {
-    "role": [513],
-    "tabindex": [513],
-    "display": [1025],
-    "value": [513],
-    "disabled": [516],
-    "optionId": [513, "option-id"],
-    "disabledGroup": [516, "disabled-group"],
-    "selected": [516],
-    "hidden": [516],
-    "multiline": [516],
-    "active": [516],
-    "noSelect": [516, "_no-select"],
-    "_multiSelectHidden": [516, "_multiselecthidden"]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["q2-option", "q2-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "q2-option":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, Q2Option$1);
-      }
-      break;
-    case "q2-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
+import { Q as Q2Option$1, d as defineCustomElement$1 } from './index12.js';
 
 const Q2Option = Q2Option$1;
 const defineCustomElement = defineCustomElement$1;