q2-tecton-elements 1.23.0 → 1.24.0

package/dist/types/components.d.ts

@@ -5,6 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { ActionSheetData, ActionSheetListCloseData } from "q2-tecton-common/lib/utility/action-sheet";
 import { IChartData } from "src/utils/charting";
 import { IDonutChartData } from "./components/q2-chart-donut/index";
 import { IEventDetail } from "./components/q2-input/types";
@@ -14,6 +15,12 @@ import { IStepperPaneEvent } from "./components/q2-stepper-pane/index";
 export namespace Components {
     interface ClickElsewhere {
     }
+    interface Q2ActionSheet {
+        "data": ActionSheetData;
+        "hide": (data?: ActionSheetListCloseData) => Promise<void>;
+        "hideClose": boolean;
+        "show": () => Promise<void>;
+    }
     interface Q2Avatar {
         "icon": string;
         "initials": string;
@@ -303,18 +310,16 @@ export namespace Components {
         "display": string;
         "hidden": boolean;
         "multiline": boolean;
-        "noSelect": boolean;
-        "optionId": string;
         "role": string;
         "selected": boolean;
-        "tabindex": string;
         "value": string;
     }
     interface Q2OptionList {
         "align": 'left' | 'right';
         "customSearch": boolean;
-        "direction": 'up' | 'down';
         "disabled": boolean;
+        "getContents": () => Promise<(HTMLQ2OptgroupElement | HTMLQ2OptionElement)[]>;
+        "getOptions": () => Promise<HTMLQ2OptionElement[]>;
         "handleExternalKeydown": (event: KeyboardEvent) => Promise<void>;
         "multiple": boolean;
         "noSelect": boolean;
@@ -322,6 +327,7 @@ export namespace Components {
         "selectedOptions": IOptionValue[];
         "setActiveElement": (index: number) => Promise<void>;
         "setDefaultActiveElement": () => Promise<void>;
+        "showSelected": boolean;
         "type": 'menu' | 'listbox';
     }
     interface Q2Pagination {
@@ -336,6 +342,7 @@ export namespace Components {
     interface Q2Pill {
         "active": boolean;
         "disabled": boolean;
+        "hoist": boolean;
         "label": string;
         "maxLength": number;
         "multiple": boolean;
@@ -390,6 +397,7 @@ export namespace Components {
         "disabled": boolean;
         "errors": string[];
         "hideLabel": boolean;
+        "hoist": boolean;
         "invalid": boolean;
         "label": string;
         "minRows": number;
@@ -400,7 +408,7 @@ export namespace Components {
         "popDirection": 'up' | 'down';
         "readonly": boolean;
         "searchable": boolean;
-        "selectedOptions": any;
+        "selectedOptions": string[];
         "value": string;
     }
     interface Q2Stepper {
@@ -436,6 +444,7 @@ export namespace Components {
         "value": string;
     }
     interface Q2Tag {
+        "hoist": boolean;
         "label": string;
         "open": boolean;
         "popoverDirection": 'up' | 'down';
@@ -489,6 +498,10 @@ export interface ClickElsewhereCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLClickElsewhereElement;
 }
+export interface Q2ActionSheetCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLQ2ActionSheetElement;
+}
 export interface Q2CalendarCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLQ2CalendarElement;
@@ -604,6 +617,12 @@ declare global {
         prototype: HTMLClickElsewhereElement;
         new (): HTMLClickElsewhereElement;
     };
+    interface HTMLQ2ActionSheetElement extends Components.Q2ActionSheet, HTMLStencilElement {
+    }
+    var HTMLQ2ActionSheetElement: {
+        prototype: HTMLQ2ActionSheetElement;
+        new (): HTMLQ2ActionSheetElement;
+    };
     interface HTMLQ2AvatarElement extends Components.Q2Avatar, HTMLStencilElement {
     }
     var HTMLQ2AvatarElement: {
@@ -852,6 +871,7 @@ declare global {
     };
     interface HTMLElementTagNameMap {
         "click-elsewhere": HTMLClickElsewhereElement;
+        "q2-action-sheet": HTMLQ2ActionSheetElement;
         "q2-avatar": HTMLQ2AvatarElement;
         "q2-badge": HTMLQ2BadgeElement;
         "q2-btn": HTMLQ2BtnElement;
@@ -899,6 +919,12 @@ declare namespace LocalJSX {
     interface ClickElsewhere {
         "onChange"?: (event: ClickElsewhereCustomEvent<any>) => void;
     }
+    interface Q2ActionSheet {
+        "data"?: ActionSheetData;
+        "hideClose"?: boolean;
+        "onClose"?: (event: Q2ActionSheetCustomEvent<ActionSheetListCloseData>) => void;
+        "onReady"?: (event: Q2ActionSheetCustomEvent<any>) => void;
+    }
     interface Q2Avatar {
         "icon"?: string;
         "initials"?: string;
@@ -1061,7 +1087,7 @@ declare namespace LocalJSX {
         "indeterminate"?: boolean;
         "label"?: string;
         "name"?: string;
-        "onChange"?: (event: Q2CheckboxCustomEvent<any>) => void;
+        "onChange"?: (event: Q2CheckboxCustomEvent<{ value: string; checked: boolean }>) => void;
         "readonly"?: boolean;
         "type"?: string;
         "value"?: string;
@@ -1202,24 +1228,22 @@ declare namespace LocalJSX {
         "display"?: string;
         "hidden"?: boolean;
         "multiline"?: boolean;
-        "noSelect"?: boolean;
-        "optionId"?: string;
         "role"?: string;
         "selected"?: boolean;
-        "tabindex"?: string;
         "value"?: string;
     }
     interface Q2OptionList {
         "align"?: 'left' | 'right';
         "customSearch"?: boolean;
-        "direction"?: 'up' | 'down';
         "disabled"?: boolean;
         "multiple"?: boolean;
         "noSelect"?: boolean;
         "onChange"?: (event: Q2OptionListCustomEvent<{ value: string; values: IOptionValue[] }>) => void;
-        "onPopoverState"?: (event: Q2OptionListCustomEvent<{ open: boolean }>) => void;
+        "onPopoverState"?: (event: Q2OptionListCustomEvent<{ open: boolean; action: 'close' | 'select' | 'open' }>) => void;
+        "onReady"?: (event: Q2OptionListCustomEvent<any>) => void;
         "role"?: 'listbox' | 'menu';
         "selectedOptions"?: IOptionValue[];
+        "showSelected"?: boolean;
         "type"?: 'menu' | 'listbox';
     }
     interface Q2Pagination {
@@ -1235,6 +1259,7 @@ declare namespace LocalJSX {
     interface Q2Pill {
         "active"?: boolean;
         "disabled"?: boolean;
+        "hoist"?: boolean;
         "label"?: string;
         "maxLength"?: number;
         "multiple"?: boolean;
@@ -1293,19 +1318,20 @@ declare namespace LocalJSX {
         "disabled"?: boolean;
         "errors"?: string[];
         "hideLabel"?: boolean;
+        "hoist"?: boolean;
         "invalid"?: boolean;
         "label"?: string;
         "minRows"?: number;
         "multilineOptions"?: boolean;
         "multiple"?: boolean;
-        "onChange"?: (event: Q2SelectCustomEvent<any>) => void;
+        "onChange"?: (event: Q2SelectCustomEvent<{ value: string; selectedOptions: string[] }>) => void;
         "onInput"?: (event: Q2SelectCustomEvent<any>) => void;
         "optional"?: boolean;
         "placeholder"?: string;
         "popDirection"?: 'up' | 'down';
         "readonly"?: boolean;
         "searchable"?: boolean;
-        "selectedOptions"?: any;
+        "selectedOptions"?: string[];
         "value"?: string;
     }
     interface Q2Stepper {
@@ -1348,6 +1374,7 @@ declare namespace LocalJSX {
         "value"?: string;
     }
     interface Q2Tag {
+        "hoist"?: boolean;
         "label"?: string;
         "onClick"?: (event: Q2TagCustomEvent<{ value: string }>) => void;
         "open"?: boolean;
@@ -1402,6 +1429,7 @@ declare namespace LocalJSX {
     }
     interface IntrinsicElements {
         "click-elsewhere": ClickElsewhere;
+        "q2-action-sheet": Q2ActionSheet;
         "q2-avatar": Q2Avatar;
         "q2-badge": Q2Badge;
         "q2-btn": Q2Btn;
@@ -1450,6 +1478,7 @@ declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
             "click-elsewhere": LocalJSX.ClickElsewhere & JSXBase.HTMLAttributes<HTMLClickElsewhereElement>;
+            "q2-action-sheet": LocalJSX.Q2ActionSheet & JSXBase.HTMLAttributes<HTMLQ2ActionSheetElement>;
             "q2-avatar": LocalJSX.Q2Avatar & JSXBase.HTMLAttributes<HTMLQ2AvatarElement>;
             "q2-badge": LocalJSX.Q2Badge & JSXBase.HTMLAttributes<HTMLQ2BadgeElement>;
             "q2-btn": LocalJSX.Q2Btn & JSXBase.HTMLAttributes<HTMLQ2BtnElement>;

package/dist/types/global.d.ts

@@ -1,19 +1,26 @@
-import { LocFn, ResizeIframeFn, ResolveMenuFn, NavigateToFn, ShowOverpanelFn, IDict } from './util';
+import { ShowActionSheetFn } from 'q2-tecton-common/lib/utility/action-sheet';
+import { LocFn, ResizeIframeFn, ResolveMenuFn, NavigateToFn, ShowOverpanelFn } from './util';
 
 declare global {
     interface Window {
+        tecton: {
+            actions: Record<string, any>;
+            sources: Record<string, any>;
+        };
         TectonElements?: {
             loc: LocFn;
             resizeIframe: ResizeIframeFn;
             resolveMenu: ResolveMenuFn;
             navigateTo: NavigateToFn;
             showOverpanel: ShowOverpanelFn;
+            showActionSheet?: ShowActionSheetFn;
         };
         Tecton?: {
             inMobileApp: boolean;
             noStrings: boolean;
             platformUrl: string;
-            platformDimensions: IDict<any>;
+            platformDimensions: Record<string, any>;
+            useActionSheets?: boolean;
         };
         __forceSmoothScrollPolyfill__: boolean;
     }

package/dist/types/utils/action-sheet.d.ts

@@ -0,0 +1,12 @@
+import { ActionSheetListCloseData, ActionSheetListData } from 'q2-tecton-common/lib/utility/action-sheet';
+interface IActionSheetComponent {
+  hoist: boolean;
+}
+export declare const shouldShowActionSheet: (component: IActionSheetComponent, event?: KeyboardEvent | MouseEvent) => boolean;
+export declare const buildListData: (component: IActionSheetListComponent, event?: MouseEvent | KeyboardEvent) => Promise<ActionSheetListData>;
+interface IActionSheetListComponent {
+  optionList: HTMLQ2OptionListElement;
+  label: string;
+}
+export declare const showActionSheetList: (component: IActionSheetListComponent, event?: MouseEvent | KeyboardEvent) => Promise<ActionSheetListCloseData>;
+export {};

package/dist/types/utils/index.d.ts

@@ -10,6 +10,7 @@ import { Q2Loading } from 'src/components/q2-loading';
 import { Q2Radio } from 'src/components/q2-radio';
 import { Q2Select } from 'src/components/q2-select';
 import { FormFieldTypes, IDict } from 'src/util';
+export declare function isHostLosingFocus(event: FocusEvent, hostElement: HTMLElement): boolean;
 export declare function isRelatedTargetWithinHost(event: FocusEvent, element: HTMLElement): boolean;
 export declare function isEventFromElement(event: Event, element: HTMLElement): boolean;
 export declare function overrideFocus(hostElement: HTMLElement): void;
@@ -18,7 +19,8 @@ export declare function isFirefox(): boolean;
 export declare function isTouchDevice(): boolean;
 export declare function isSafari(): boolean;
 export declare function createGuid(): number;
-export declare function nextPaint(fn: () => void, execute?: boolean): void;
+export declare function nextPaint(fn: (value?: unknown) => void): void;
+export declare function waitForNextPaint(): Promise<unknown>;
 export declare function capitalize(value: string): string;
 export declare function pick(props: string[]): (obj: object) => object;
 export declare function loc(key: string, subs?: IDict<any> | string[]): string;

package/dist/types/workspace/workspace/Tecton_tecton-production_master/packages/q2-tecton-elements/.stencil/test/helpers.d.ts

@@ -11,6 +11,6 @@ export declare function setWindowHeight(height: number): void;
 export declare function makeDomRect(customAttributes: any): any;
 export declare const base64Image = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQYV2NgYAAAAAMAAWgmWQ0AAAAASUVORK5CYII=";
 export declare function getActiveElementTestId(page: E2EPage): Promise<string>;
-export declare const getFocusedValue: (page: E2EPage) => Promise<string>;
+export declare const getFocusedOptionValue: (page: E2EPage) => Promise<string>;
 export declare const getFocusedTagName: (page: E2EPage) => Promise<string>;
 export declare function getFocusedAttribute(page: E2EPage, attribute: string): Promise<string>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "q2-tecton-elements",
-    "version": "1.23.0",
+    "version": "1.24.0",
     "description": "Q2 Tecton Custom Elements",
     "main": "dist/index.js",
     "module": "dist/index.mjs",
@@ -49,8 +49,9 @@
     "dependencies": {
         "@stencil/core": "2.19.2",
         "puppeteer": "^10.4.0",
+        "q2-tecton-common": "^1.24.0",
         "smoothscroll-polyfill": "^0.4.4",
         "swiper": "8.4.4"
     },
-    "gitHead": "618b0e86c3a5d915bfa221fdc27d5501c90766b6"
+    "gitHead": "bb916e889c04fc16a7d1bf2ea19014ca57da1a34"
 }

package/dist/cjs/q2-optgroup.cjs.entry.js

@@ -1,56 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-734296a7.js');
-const index$1 = require('./index-0648c2ec.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 = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.guid = index$1.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 (index.h("div", { class: "q2-optgroup-container", hidden: this.hidden, "aria-labelledby": this.headerId, role: "group" }, index.h("div", { class: "q2-optgroup-header", id: this.headerId }, (this.label && index$1.loc(this.label)) || ''), index.h("div", { class: "q2-optgroup-options" }, index.h("slot", null))));
-  }
-  get hostElement() { return index.getElement(this); }
-  static get watchers() { return {
-    "disabled": ["disabledWatcher"]
-  }; }
-};
-Q2Optgroup.style = stylesCss;
-
-exports.q2_optgroup = Q2Optgroup;

package/dist/cjs/q2-option.cjs.entry.js

@@ -1,46 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-734296a7.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 = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    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 (index.h(index.Host, { "aria-disabled": isDisabled ? 'true' : undefined, "aria-selected": selected ? 'true' : undefined, "aria-hidden": _multiSelectHidden ? 'true' : undefined }, this.selected && index.h("q2-icon", { type: "checkmark" }), index.h("div", { class: "content" }, index.h("slot", null))));
-  }
-  get hostElement() { return index.getElement(this); }
-  static get watchers() { return {
-    "display": ["handleDisplay"]
-  }; }
-};
-Q2Option.style = stylesCss;
-
-exports.q2_option = Q2Option;

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

@@ -1,52 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index-bb1c8c7f.js';
-import { c as createGuid, l as loc } from './index-501fd22e.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 = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    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 getElement(this); }
-  static get watchers() { return {
-    "disabled": ["disabledWatcher"]
-  }; }
-};
-Q2Optgroup.style = stylesCss;
-
-export { Q2Optgroup as q2_optgroup };

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

@@ -1,42 +0,0 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-bb1c8c7f.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 = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    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 getElement(this); }
-  static get watchers() { return {
-    "display": ["handleDisplay"]
-  }; }
-};
-Q2Option.style = stylesCss;
-
-export { Q2Option as q2_option };

package/dist/q2-tecton-elements/p-2c20fc43.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as o,H as e,g as s}from"./p-926a3e80.js";import{o as n,i as r}from"./p-a510290a.js";const a=class{constructor(o){t(this,o),this.change=i(this,"change",7),this.popoverState=i(this,"popoverState",7),this.scheduledAfterRender=[],this.keydownHandler=(t,i)=>{t.stopPropagation();const{activeIndex:o,customSearch:e,allOptions:s}=this,{key:n,shiftKey:r}=t;let a;switch(n){case" ":case"Enter":if(i){this.setDefaultActiveElement();break}if(t.preventDefault(),a=s.find((t=>t.active)),!a||a.disabled)break;this.selectOption(a.value);break;case"ArrowUp":if(t.preventDefault(),0===o)break;if(void 0===o)this.setDefaultActiveElement();else{const t=this.getNextVisibleIndex(-1);if(-1===t)break;this.adjustActiveOptionAndScroll(t-o)}break;case"ArrowDown":if(t.preventDefault(),o===s.length-1)break;if(void 0===o)this.setDefaultActiveElement();else{const t=this.getNextVisibleIndex(1);if(-1===t)break;this.adjustActiveOptionAndScroll(t-o)}break;case"Home":t.preventDefault(),this.openDropdownWithActiveElement(0);break;case"End":t.preventDefault(),this.openDropdownWithActiveElement(s.length-1);break;case"PageUp":t.preventDefault(),this.openDropdownWithActiveElement(Math.max(o-10,0));break;case"PageDown":t.preventDefault(),this.openDropdownWithActiveElement(Math.min(o+10,s.length-1));break;case"Tab":if(i)break;if(r)break;if(a=s.find((t=>t.active)),!a||a.disabled)return;this.selectOption(a.value);break;case"Esc":case"Escape":this.noSelect&&this.setActiveElement(null),this.popoverState.emit({open:!1});break;default:if(e)break;if(!n.match(/^[A-Za-z0-9]$/))break;this.searchAndFocus(n)}},this.focusoutHandler=t=>{const{relatedTarget:i}=t,o=this.allOptions.includes(i),e=!o&&this.hostElement.contains(i);(o||e)&&t.stopPropagation()},this.clickHandler=t=>{const i=t.target;"q2-option"!==i.localName||i.disabled||this.selectOption(i.value)},this.role="listbox",this.direction="down",this.customSearch=void 0,this.noSelect=void 0,this.align=void 0,this.selectedOptions=[],this.multiple=void 0,this.disabled=void 0,this.type=void 0,this.hasOptions=void 0}componentWillLoad(){this.hasOptions=!!this.hostElement.querySelectorAll("q2-option").length}componentDidLoad(){n(this.hostElement),this.checkOptions(),this.selectedOptionsUpdated()}componentDidRender(){this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}get allOptions(){return this.getRootSlot(this.hostElement)}checkOptions(){const{noSelect:t,type:i,allOptions:o}=this;if(!t&&!i)return;const e="menu"===i?"menuitem":"option";o.forEach((o=>{t&&(o.noSelect=!0),i&&(o.role=e)}))}getRootSlot(t){var i;const o=t.querySelector("slot"),e=null!==(i=null==o?void 0:o.assignedElements())&&void 0!==i?i:Array.from(t.children);return e.length&&"SLOT"===e[0].tagName?this.getRootSlot(e[0]):e}scrollToActiveOption(){const t=this.allOptions[this.activeIndex];null==t||t.scrollIntoView({block:"nearest"})}resizeIframe(){var t,i;return null===(i=null===(t=window.TectonElements)||void 0===t?void 0:t.resizeIframe)||void 0===i?void 0:i.call(t)}openDropdownWithActiveElement(t){this.disabled||(this.activeIndex=t,this.popoverState.emit({open:!0}),this.setActiveOption(),this.setFocusedOption(),this.scheduledAfterRender.push((()=>{this.scrollToActiveOption(),this.resizeIframe()})))}getDefaultActiveIndex(){const{allOptions:t}=this,i=t.findIndex((t=>t.selected));if(i>-1)return i;const o=t.findIndex((t=>!t.hidden));return o>-1?o:0}updateSingleOptionAttrs(){var t,i;const{allOptions:o,selectedOptions:e}=this,s=null!==(i=null===(t=e[0])||void 0===t?void 0:t.value)&&void 0!==i?i:void 0;o.forEach((t=>{t.selected=t.value===s}))}updateMultipleOptionAttrs(){const{allOptions:t,selectedOptions:i}=this,o=i.map((t=>t.value));t.forEach((t=>{t.selected=o.includes(t.value)}))}setActiveOption(){const t=this.activeIndex;this.allOptions.forEach(((i,o)=>{i.active=t===o}))}setFocusedOption(){const t=this.allOptions[this.activeIndex];t&&setTimeout((()=>{t.focus()}),25)}getNextVisibleIndex(t){let i=this.activeIndex+t;for(;i>=0&&i<=this.allOptions.length-1;){const{display:o,visibility:e}=window.getComputedStyle(this.allOptions[i]);if("none"!==o&&"hidden"!==e)return i;i+=t}return-1}selectOption(t){const i=this.allOptions.find((({value:i})=>i===t)),o={value:t,display:i.display||i.innerText.trim()},{multiple:e,noSelect:s}=this;let n;if(e){const{selectedOptions:i=[]}=this;n=i.find((({value:i})=>i===t))?i.filter((({value:i})=>i!==t)):[...i,o]}else n=[o];s?this.setActiveElement(null):this.selectedOptions=n,this.change.emit({value:t,values:n}),e||this.popoverState.emit({open:!1})}adjustActiveOptionAndScroll(t){this.activeIndex+=t,this.setActiveOption(),this.setFocusedOption(),this.scrollToActiveOption()}resetTimer(){this.searchStringTimer&&clearTimeout(this.searchStringTimer),this.searchStringTimer=window.setTimeout((()=>{this.searchString=null}),2e3)}searchAndFocus(t){this.resetTimer();let i=this.searchString?`${this.searchString}${t}`:t;i=i.replace(/[^0-9a-z]/gi,""),this.searchString=i;const o=new RegExp(i,"i"),e=this.allOptions.findIndex((t=>t.value===i||t.textContent.match(o)));-1!==e&&this.setActiveElement(e)}selectedOptionsUpdated(){this.multiple?this.updateMultipleOptionAttrs():this.updateSingleOptionAttrs()}delegateFocus(t){r(t,this.hostElement)&&(this.popoverState.emit({open:!0}),this.setDefaultActiveElement())}handleClick(t){t.stopPropagation()}async setDefaultActiveElement(){this.activeIndex=this.getDefaultActiveIndex(),this.setActiveOption(),this.setFocusedOption()}async setActiveElement(t){this.activeIndex=t,this.setActiveOption(),this.setFocusedOption()}async handleExternalKeydown(t){["ArrowDown","ArrowUp","PageDown","PageUp","Home","End"].includes(t.key)&&this.popoverState.emit({open:!0}),["ArrowDown","ArrowUp"].includes(t.key)?(t.preventDefault(),this.setDefaultActiveElement()):this.keydownHandler(t,!0)}render(){return o(e,null,o("div",{class:"content",ref:t=>this.contentElement=t,onFocusout:this.focusoutHandler},o("div",{class:"options",role:this.type||"listbox",onKeyDown:this.keydownHandler,onClick:this.clickHandler},o("slot",null))))}get hostElement(){return s(this)}static get watchers(){return{selectedOptions:["selectedOptionsUpdated"]}}};a.style="*{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{position:relative;width:100%;display:block;line-height:var(--tct-option-list-line-height, var(--t-option-list-line-height, var(--app-line-height, 1.428571429em)))}.content{text-align:start}:host([is-sizeable]) .content{display:block;height:auto}";const h=class{constructor(o){t(this,o),this.popoverStateChanged=i(this,"popoverStateChanged",7),this.privateDirection="down",this.direction=void 0,this.align=void 0,this.open=void 0,this.block=void 0,this.minHeight=void 0,this.controlElement=void 0}componentDidLoad(){this.open&&this.determinePopDirection()}componentWillRender(){this.containerElement&&this.containerElement&&this.open&&this.determinePopDirection()}async toggle(){this.open=!this.open}openChanged(t){this.popoverStateChanged.emit({open:t})}popoverStateHandler(t){const{detail:{open:i}}=t;i!==this.open&&(this.open=i,t.stopPropagation())}determinePopDirection(){var t,i,o,e,s;const{containerElement:n,contentElement:r,direction:a,controlElement:h}=this;if(n&&(n.style.maxHeight=null),a)return this.privateDirection=a;const l=r.clientHeight,{top:d,height:c}=null!==(t=null==h?void 0:h.getBoundingClientRect())&&void 0!==t?t:{top:0,height:0},p=((null===(o=null===(i=window.Tecton)||void 0===i?void 0:i.platformDimensions)||void 0===o?void 0:o.scrollY)||0)+((null===(s=null===(e=window.Tecton)||void 0===e?void 0:e.platformDimensions)||void 0===s?void 0:s.innerHeight)||window.innerHeight)-d-c,v=l<=d;if(p>l)return this.privateDirection="down";if(v||!this.minHeight)return this.determinePopOffset(),this.privateDirection="up";const{minHeight:u=150}=this;if(p>=u+5){const t=Math.max(p-5,u);return n.style.setProperty("--comp-pop-max-height",`${t}px`),this.privateDirection="down"}{const t=Math.max(d,u);return n.style.setProperty("--comp-pop-max-height",`${t}px`),this.determinePopOffset(),this.privateDirection="up"}}determinePopOffset(){var t;const{controlElement:i,containerElement:o}=this,e=null!==(t=null==i?void 0:i.getBoundingClientRect().height)&&void 0!==t?t:0;o.style.setProperty("--comp-pop-offset",`${e}px`)}render(){return o("div",{ref:t=>this.containerElement=t,class:["container",this.privateDirection].join(" "),role:"menu"},o("div",{ref:t=>this.contentElement=t,class:"content"},o("slot",null)))}get hostElement(){return s(this)}static get watchers(){return{open:["openChanged"]}}};h.style="*{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}*{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-flex;width:100%}.container{display:block;overflow:hidden;opacity:0;height:0;position:absolute;visibility:hidden;background-color:var(--tct-popover-background-color, var(--t-popover-background-color, var(--app-white, #ffffff)));color:var(--tct-popover-text-color, var(--t-popover-text-color, var(--t-text, #4d4d4d)));z-index:var(--tct-popover-z-index, var(--t-popover-z-index, 100));width:max-content;min-width:var(--tct-popover-min-width, var(--t-popover-min-width, 135px));box-shadow:var(--tct-popover-box-shadow, var(--t-popover-box-shadow, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3))));text-align:start;left:0;transition:opacity var(--app-tween-1, 0.2s ease);border-radius:var(--tct-popover-border-radius, var(--t-popover-border-radius, 0));max-height:var(--comp-pop-max-height);--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}.container::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.container::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.container::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}:host([block]) .container{left:unset;right:unset;width:100%}:host([align=right]) .container{right:0;text-align:end;left:unset}:host([open]) .container{display:block;height:auto;overflow:auto;opacity:1;visibility:visible}.container.up{bottom:var(--comp-pop-offset)}click-elsewhere{position:relative;display:block}.content{height:auto}";export{a as q2_option_list,h as q2_popover}

package/dist/q2-tecton-elements/p-3813f51d.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as a,g as o}from"./p-926a3e80.js";import{o as e,i as r,l as s}from"./p-a510290a.js";const n=class{constructor(a){t(this,a),this.click=i(this,"click",7),this.activateFirstOption=!1,this.determineHasOptions=()=>{const t=!!this.hostElement.querySelectorAll("q2-option").length;this.hasOptions=t},this.onClickElsewhere=t=>{"click-elsewhere"===t.target.localName&&(t.stopPropagation(),this.popoverElement.open=!1)},this.handleChange=t=>{if(t.stopPropagation(),!this.hasOptions)return;const{value:i}=t.detail;this.click.emit({value:i})},this.handleClick=t=>{t.stopPropagation(),this.activateFirstOption=!1,this.popoverElement.toggle()},this.handleKeydown=t=>{this.activateFirstOption=!0,this.optionList.handleExternalKeydown(t)},this.handleButtonFocusout=t=>{var i;const a=t.relatedTarget;null!==(i="Q2-OPTION"===(null==a?void 0:a.tagName))&&void 0!==i&&i||(this.open=!1)},this.handleWrapperClick=()=>{this.dropdownBtn.focus(),this.dropdownBtn.click()},this.open=void 0,this.role="listitem",this.label=void 0,this.theme=void 0,this.popoverMinHeight=150,this.popoverDirection=void 0,this.hasOptions=void 0}componentWillLoad(){const t=new MutationObserver(this.determineHasOptions);t.observe(this.hostElement,{childList:!0,attributes:!0}),this.mutationObserver=t}componentDidLoad(){e(this.hostElement)}disconnectedCallback(){this.mutationObserver.disconnect(),this.mutationObserver=null}delegateFocus(t){r(t,this.hostElement)&&this.hasOptions&&this.dropdownBtn.focus()}popoverStateHandler({detail:{open:t}}){this.open!==t&&(this.open=t),t&&this.activateFirstOption?(this.optionList.focus(),this.activateFirstOption=!1):(this.optionList.setActiveElement(null),this.dropdownBtn.focus())}render(){const{hasOptions:t,open:i}=this,o=["tag-wrapper"];return t&&o.push("has-options"),a("click-elsewhere",{onChange:this.onClickElsewhere},a("div",{class:o.join(" "),onClick:t=>t.stopPropagation()},a("div",{class:"tag"},this.label),this.hasOptions&&a("div",{class:"btn-wrapper",onClick:this.handleWrapperClick},a("button",{ref:t=>this.dropdownBtn=t,"test-id":"btn-control",onClick:this.handleClick,onKeyDown:this.handleKeydown,onFocusout:this.handleButtonFocusout,"aria-controls":"option-list","aria-haspopup":"true","aria-expanded":i?"true":"false","aria-label":s("tecton.element.tag.viewOptions")},a("q2-icon",{type:"options"})))),this.hasOptions&&a("q2-popover",{ref:t=>this.popoverElement=t,controlElement:this.dropdownBtn,open:this.open,minHeight:this.popoverMinHeight,direction:this.popoverDirection},a("q2-option-list",{id:"option-list",ref:t=>this.optionList=t,onChange:this.handleChange,align:"right",type:"menu","no-select":!0},a("slot",null))))}get hostElement(){return o(this)}};n.style="*{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-block;position:relative;line-height:0}:host(:not(:last-child)){margin-inline-end:var(--tct-tag-margin, var(--t-tag-margin, var(--app-scale-2x, 10px)))}.tag-wrapper{--comp-tag-btn-size:var(--tct-tag-btn-size, var(--t-tag-btn-size, var(--app-scale-6x, 30px)));--comp-tag-background:var(--tct-tag-background, var(--t-tag-background, var(--t-gray-13, #e6e6e6)));--comp-tag-color:var(--tct-tag-color, var(--t-tag-color, var(--t-gray-3, #262626)));position:relative}:host([theme=primary]) .tag-wrapper{--comp-tag-background:var(--t-primary-l5, #61c4ff);--comp-tag-color:var(--t-primary-text, #ffffff)}:host([theme=secondary]) .tag-wrapper{--comp-tag-background:var(--t-secondary-l5, #d9e1e6);--comp-tag-color:var(--t-secondary-text, #000000)}:host([theme=tertiary]) .tag-wrapper{--comp-tag-background:var(--t-tertiary-l5, #f4fafe);--comp-tag-color:var(--t-tertiary-text, #000000)}.tag{height:var(--tct-tag-height, var(--t-tag-height, var(--app-scale-6x, 30px)));line-height:var(--tct-tag-height, var(--t-tag-height, var(--app-scale-6x, 30px)));padding-inline:var(--tct-tag-padding-inline, var(--t-tag-padding-inline, var(--app-scale-3x, 15px)));background:var(--comp-tag-background);color:var(--comp-tag-color);border-radius:var(--tct-tag-border-radius, var(--t-tag-border-radius, var(--app-border-radius-1, 3px)))}.has-options .tag{padding-right:var(--comp-tag-btn-size)}.btn-wrapper{--comp-tag-clickable-size:var(--tct-tag-clickable-size, var(--t-tag-clickable-size, 44px));--comp-tag-btn-offset:calc(calc(calc(var(--comp-tag-clickable-size) - var(--comp-tag-btn-size)) / 2) * -1);height:var(--comp-tag-clickable-size);width:var(--comp-tag-clickable-size);display:flex;align-items:center;justify-content:center;position:absolute;right:var(--comp-tag-btn-offset);top:var(--comp-tag-btn-offset);cursor:pointer}button{width:var(--comp-tag-btn-size);height:var(--comp-tag-btn-size);stroke:var(--comp-tag-color);--tct-icon-stroke-primary:var(--comp-tag-color);cursor:pointer;border:0;background:transparent;display:flex;align-items:center;justify-content:center;padding:0;--tct-icon-size:18px}";export{n as q2_tag}

package/dist/q2-tecton-elements/p-a510290a.js

@@ -1 +0,0 @@
-import{h as o}from"./p-926a3e80.js";var n,i=(function(o){o.exports={polyfill:function(){var o=window,n=document;if(!("scrollBehavior"in n.documentElement.style)||!0===o.__forceSmoothScrollPolyfill__){var i,t=o.HTMLElement||o.Element,e={scroll:o.scroll||o.scrollTo,scrollBy:o.scrollBy,elementScroll:t.prototype.scroll||a,scrollIntoView:t.prototype.scrollIntoView},r=o.performance&&o.performance.now?o.performance.now.bind(o.performance):Date.now,l=(i=o.navigator.userAgent,new RegExp(["MSIE ","Trident/","Edge/"].join("|")).test(i)?1:0);o.scroll=o.scrollTo=function(){void 0!==arguments[0]&&(!0!==s(arguments[0])?h.call(o,n.body,void 0!==arguments[0].left?~~arguments[0].left:o.scrollX||o.pageXOffset,void 0!==arguments[0].top?~~arguments[0].top:o.scrollY||o.pageYOffset):e.scroll.call(o,void 0!==arguments[0].left?arguments[0].left:"object"!=typeof arguments[0]?arguments[0]:o.scrollX||o.pageXOffset,void 0!==arguments[0].top?arguments[0].top:void 0!==arguments[1]?arguments[1]:o.scrollY||o.pageYOffset))},o.scrollBy=function(){void 0!==arguments[0]&&(s(arguments[0])?e.scrollBy.call(o,void 0!==arguments[0].left?arguments[0].left:"object"!=typeof arguments[0]?arguments[0]:0,void 0!==arguments[0].top?arguments[0].top:void 0!==arguments[1]?arguments[1]:0):h.call(o,n.body,~~arguments[0].left+(o.scrollX||o.pageXOffset),~~arguments[0].top+(o.scrollY||o.pageYOffset)))},t.prototype.scroll=t.prototype.scrollTo=function(){if(void 0!==arguments[0])if(!0!==s(arguments[0])){var o=arguments[0].left,n=arguments[0].top;h.call(this,this,void 0===o?this.scrollLeft:~~o,void 0===n?this.scrollTop:~~n)}else{if("number"==typeof arguments[0]&&void 0===arguments[1])throw new SyntaxError("Value could not be converted");e.elementScroll.call(this,void 0!==arguments[0].left?~~arguments[0].left:"object"!=typeof arguments[0]?~~arguments[0]:this.scrollLeft,void 0!==arguments[0].top?~~arguments[0].top:void 0!==arguments[1]?~~arguments[1]:this.scrollTop)}},t.prototype.scrollBy=function(){void 0!==arguments[0]&&(!0!==s(arguments[0])?this.scroll({left:~~arguments[0].left+this.scrollLeft,top:~~arguments[0].top+this.scrollTop,behavior:arguments[0].behavior}):e.elementScroll.call(this,void 0!==arguments[0].left?~~arguments[0].left+this.scrollLeft:~~arguments[0]+this.scrollLeft,void 0!==arguments[0].top?~~arguments[0].top+this.scrollTop:~~arguments[1]+this.scrollTop))},t.prototype.scrollIntoView=function(){if(!0!==s(arguments[0])){var i=v(this),t=i.getBoundingClientRect(),r=this.getBoundingClientRect();i!==n.body?(h.call(this,i,i.scrollLeft+r.left-t.left,i.scrollTop+r.top-t.top),"fixed"!==o.getComputedStyle(i).position&&o.scrollBy({left:t.left,top:t.top,behavior:"smooth"})):o.scrollBy({left:r.left,top:r.top,behavior:"smooth"})}else e.scrollIntoView.call(this,void 0===arguments[0]||arguments[0])}}function a(o,n){this.scrollLeft=o,this.scrollTop=n}function s(o){if(null===o||"object"!=typeof o||void 0===o.behavior||"auto"===o.behavior||"instant"===o.behavior)return!0;if("object"==typeof o&&"smooth"===o.behavior)return!1;throw new TypeError("behavior member of ScrollOptions "+o.behavior+" is not a valid value for enumeration ScrollBehavior.")}function u(o,n){return"Y"===n?o.clientHeight+l<o.scrollHeight:"X"===n?o.clientWidth+l<o.scrollWidth:void 0}function d(n,i){var t=o.getComputedStyle(n,null)["overflow"+i];return"auto"===t||"scroll"===t}function c(o){var n=u(o,"Y")&&d(o,"Y"),i=u(o,"X")&&d(o,"X");return n||i}function v(o){for(;o!==n.body&&!1===c(o);)o=o.parentNode||o.host;return o}function f(n){var i,t,e,l=(r()-n.startTime)/468;l=l>1?1:l,i=.5*(1-Math.cos(Math.PI*l)),n.method.call(n.scrollable,t=n.startX+(n.x-n.startX)*i,e=n.startY+(n.y-n.startY)*i),t===n.x&&e===n.y||o.requestAnimationFrame(f.bind(o,n))}function h(i,t,l){var s,u,d,c,v=r();i===n.body?(s=o,u=o.scrollX||o.pageXOffset,d=o.scrollY||o.pageYOffset,c=e.scroll):(s=i,u=i.scrollLeft,d=i.scrollTop,c=a),f({scrollable:s,method:c,startTime:v,startX:u,startY:d,x:t,y:l})}}}}(n={path:undefined,exports:{},require:function(){return function(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}()}}),n.exports);function t(o,n){return o.relatedTarget!==n&&!n.contains(o.relatedTarget)}function e(o,n){var i;return(null===(i=o.composedPath)||void 0===i?void 0:i.call(o)[0])===n}function r(o){o.focus=()=>null==o?void 0:o.dispatchEvent(new FocusEvent("focus",{bubbles:!1}))}function l(){return!!function(){const o=navigator.userAgent.toLowerCase();return o.includes("safari")&&!o.includes("chrome")}()&&(i.polyfill(),window.__forceSmoothScrollPolyfill__=!0)}function a(){return navigator.userAgent.toLowerCase().includes("firefox")}function s(){return"ontouchstart"in window||navigator.maxTouchPoints>0}let u=1e3;function d(){return u++}function c(o,n){n?o():requestAnimationFrame((()=>c(o,!0)))}function v(o,n){var i,t,e;return o?!0===(null===(i=window.Tecton)||void 0===i?void 0:i.noStrings)?o:null!==(e=null===(t=null===window||void 0===window?void 0:window.TectonElements)||void 0===t?void 0:t.loc(o,n))&&void 0!==e?e:o:""}function f(n){const{label:i,hideLabel:t}=n;if(!i||t)return;let e="";return n.optional&&(e=o("span",{class:"optional-tag"},v("tecton.element.input.optional"))),n.readonly&&(e=o("span",{class:"optional-tag"},v("tecton.element.input.readonly"))),o("label",{htmlFor:n.inputId,class:n.readonly?"readonly-field":""},v(n.label),e)}function h(o){const{ariaLabel:n}=o;n&&("hideLabel"in o&&(o.hideLabel=!0),o.label=v(n),o.ariaLabel=void 0)}function p(n){return o("div",{class:"messages-container"},o("q2-message",{appearance:"minimal",description:!0,type:n.hasError?"danger":"info"},o("ul",{id:n.inputDescribedBy},n.messages.map((n=>o("li",null,v(n)))))))}function w(o){const n=o.hostElement.shadowRoot.querySelector(".messages-container"),i=n.querySelector("q2-message");c((()=>{const t=o.showMessages&&o.hasFocus?i.getBoundingClientRect().height:0;n.style.getPropertyValue("height")!==`${t}px`&&(0===t?(i.classList.add("invisible"),n.style.removeProperty("height")):(i.classList.remove("invisible"),n.style.setProperty("height",`${t}px`)))}))}function m(o){var n,i,t,e;const{dropdownContainer:r,popDirection:l}=o;if(r&&(r.style.maxHeight=null),l)return o.privatePopDirection=l;const a=o.inputField||o.controlElement,s=o.minPopHeight||null;r.classList.add("sizable");const u=r.getBoundingClientRect().height;r.classList.remove("sizable");const{top:d,height:c}=a.getBoundingClientRect(),v=((null===(i=null===(n=window.Tecton)||void 0===n?void 0:n.platformDimensions)||void 0===i?void 0:i.scrollY)||0)+((null===(e=null===(t=window.Tecton)||void 0===t?void 0:t.platformDimensions)||void 0===e?void 0:e.innerHeight)||window.innerHeight)-d-c,f=u<=d;if(v>u)return o.privatePopDirection="down";if(f||!s)return b(o),o.privatePopDirection="up";if(v>=s+5){const n=Math.max(v-5,s);return r.style.maxHeight=`${n}px`,o.privatePopDirection="down"}{const n=Math.max(d,s);return r.style.maxHeight=`${n}px`,b(o),o.privatePopDirection="up"}}const b=({dropdownContainer:o,inputField:n})=>{var i,t;if(!n)return;const e=null===(t=null===(i=n.shadowRoot)||void 0===i?void 0:i.querySelector(".input-field"))||void 0===t?void 0:t.getBoundingClientRect().height;o.style.setProperty("--comp-dropup-offset",`${e}px`)},y=()=>{var o,n;return null===(n=null===(o=window.TectonElements)||void 0===o?void 0:o.resizeIframe)||void 0===n?void 0:n.call(o)},g=o=>{!o.intent&&["primary","secondary"].includes(o.color)&&(o.intent=`workflow-${o.color}`,o.color=void 0)};export{s as a,t as b,d as c,l as d,w as e,f,a as g,h,e as i,g as j,v as l,p as m,c as n,r as o,y as r,m as s}

package/dist/q2-tecton-elements/p-ba76ecfd.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e,g as r}from"./p-926a3e80.js";import{c as o,l as i}from"./p-a510290a.js";const a=class{constructor(e){t(this,e),this.guid=o(),this.setHidden=()=>{this.hidden=this.options.every((t=>t.hidden||t._multiSelectHidden))},this.disabled=!1,this.label=void 0,this.hidden=!1}componentWillLoad(){const t=new MutationObserver(this.setHidden);t.observe(this.hostElement,{childList:!0,attributes:!0,subtree:!0}),this.mutationObserver=t,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"))}disabledWatcher(t){this.options.forEach((e=>{e.disabledGroup=!!t}))}render(){return e("div",{class:"q2-optgroup-container",hidden:this.hidden,"aria-labelledby":this.headerId,role:"group"},e("div",{class:"q2-optgroup-header",id:this.headerId},this.label&&i(this.label)||""),e("div",{class:"q2-optgroup-options"},e("slot",null)))}get hostElement(){return r(this)}static get watchers(){return{disabled:["disabledWatcher"]}}};a.style="*{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}";export{a as q2_optgroup}