q2-tecton-elements 1.26.1 → 1.27.1

package/dist/types/components/q2-option/index.d.ts

@@ -1,13 +1,29 @@
 import { ComponentInterface } from '../../stencil-public-runtime';
 export declare class Q2Option implements ComponentInterface {
+  /**
+   * Used by q2-option-list to set a role on the option
+   * @private
+   */
   role: 'option' | 'menuitem';
   display: string;
   value: string;
   disabled: boolean;
+  /**
+   * Used by q2-radio-group to disable all options in the group
+   * @private
+   */
   disabledGroup: boolean;
+  /**
+   * Used by q2-option-list to indicate the option is selected
+   * @private
+   */
   selected: boolean;
   hidden: boolean;
   multiline: boolean;
+  /**
+   * Used by q2-option-list to indicate the option is active
+   * @private
+   */
   active: boolean;
   _multiSelectHidden: boolean;
   hostElement: HTMLElement;

package/dist/types/components/q2-option-list/index.d.ts

@@ -25,9 +25,14 @@ export declare class Q2OptionList implements ComponentInterface {
   hasOptions: boolean;
   contentElement: HTMLElement;
   activeIndex: number;
+  pivotIndex: number;
   scheduledAfterRender: (() => void)[];
   searchString: string;
   searchStringTimer: number;
+  keyStore: {
+    queue: string[];
+    lastPressedAt: Date;
+  };
   hostElement: HTMLElement;
   componentWillLoad(): void;
   componentDidLoad(): void;
@@ -49,6 +54,7 @@ export declare class Q2OptionList implements ComponentInterface {
   selectOption(selectedOption: HTMLQ2OptionElement): void;
   adjustActiveOptionAndScroll(numToAdd: number): void;
   resetTimer(): void;
+  searchAndFocus: (keyValue: string, shouldSelect: boolean) => void;
   searchOptions(key: string, shouldSelect?: boolean): void;
   showSelectedUpdated(showSelected: boolean): void;
   selectedOptionsUpdated(): void;

package/dist/types/components/q2-pagination/index.d.ts

@@ -25,6 +25,6 @@ export declare class Q2Pagination implements ComponentInterface {
   get currentRange(): string;
   get totalPages(): number;
   handlePageChange: (page: number) => void;
-  checkSize(): void;
+  checkSize: () => void;
   render(): any;
 }

package/dist/types/components/q2-pill/index.d.ts

@@ -33,21 +33,25 @@ export declare class Q2Pill implements ComponentInterface {
   disconnectedCallback(): void;
   get buttonContent(): string;
   get truncatedButtonContent(): string;
+  syncValueProperties: () => void;
+  getOption: (value: string) => Promise<HTMLQ2OptionElement>;
   updateSelectedOptionElements: () => Promise<void>;
   determineHasOptions: () => void;
   executeActionSheet(event: MouseEvent | KeyboardEvent): Promise<void>;
   handleSelectionChanges(changeDetails: {
     value?: string;
     values?: IOptionValue[];
-  }): void;
+  }): Promise<void>;
   clearSelectedOptions: () => void;
-  selectedOptionsWatcher(): void;
+  valueChanged(newValue: any): Promise<void>;
+  selectedOptionsChanged(newValue: any): void;
   delegateFocus(event: FocusEvent): void;
   popoverStateHandler({ detail: { open } }: CustomEvent<{
     open: boolean;
   }>): void;
   handleClick: (event: MouseEvent) => Promise<void>;
   handleKeydown: (event: KeyboardEvent) => Promise<void>;
+  handleButtonFocusout: (event: FocusEvent) => Promise<void>;
   handleChange: (event: any) => void;
   handleWrapperClick: () => void;
   onClickElsewhere: (event: CustomEvent) => void;

package/dist/types/components/q2-radio/index.d.ts

@@ -5,9 +5,25 @@ export declare class Q2Radio implements ComponentInterface {
   value: string;
   disabled: boolean;
   checked: boolean;
+  /**
+   * Used by q2-radio-group to apply a name to all options in the group
+   * @private
+   */
   name: string;
+  /**
+   * Used by q2-radio-group to disable all options in the group
+   * @private
+   */
   groupDisabled: boolean;
+  /**
+   * Used by q2-radio-group to make all options in the group readonly
+   * @private
+   */
   groupReadonly: boolean;
+  /**
+   * Used by q2-radio-group to make the options display as tiles
+   * @private
+   */
   groupTileLayout: boolean;
   /** @deprecated */
   ariaLabel: string;

package/dist/types/components/q2-select/index.d.ts

@@ -10,6 +10,7 @@ export declare class Q2Select implements ComponentInterface {
   disabled: boolean;
   readonly: boolean;
   invalid: boolean;
+  listLabel: string;
   errors: string[];
   multiple: boolean;
   minRows: number;
@@ -72,8 +73,8 @@ export declare class Q2Select implements ComponentInterface {
     value?: string;
     values?: IOptionValue[];
   }): void;
-  showSelectedOptions: (event: MouseEvent) => void;
-  showAllOptions: (event?: MouseEvent) => void;
+  showSelectedOptions: () => void;
+  showAllOptions: () => void;
   clearValue(): void;
   calculateMultiSelectSelectedDisplay(): string;
   calculateSingleSelectSelectedDisplay(): string;

package/dist/types/components/q2-stepper/index.d.ts

@@ -1,6 +1,10 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 export declare class Q2Stepper implements ComponentInterface {
   currentStep: number;
+  /**
+   * Used to determine the number of steps in the stepper.
+   * @private
+   */
   stepCount: number;
   lastEnabledStep: number;
   hostElement: HTMLElement;

package/dist/types/components/q2-stepper-pane/index.d.ts

@@ -8,6 +8,10 @@ export interface IStepperPaneEvent {
 export declare class Q2StepperPane implements ComponentInterface {
   label: string;
   description: string;
+  /**
+   * Used by q2-stepper and q2-stepper-vertical to determine which pane is active
+   * @private
+   */
   isActive: boolean;
   showWithChildren: boolean;
   status: 'complete' | 'error' | 'locked';

package/dist/types/components/q2-tab-pane/index.d.ts

@@ -3,13 +3,29 @@ import { Q2Badge } from '../q2-badge';
 export declare class Q2TabPane implements ComponentInterface {
   value: string;
   label: string;
+  /**
+   * Used by q2-tab-container to apply a name to all options in the group
+   * @private
+   */
   name: string;
+  /**
+   * Used by q2-tab-container to indicate the option is selected
+   * @private
+   */
   selected: boolean;
   badgeCount: number;
   badgeDescription: string;
   badgeTheme: Q2Badge['theme'];
   badgeStatus: Q2Badge['status'];
+  /**
+   * Used by q2-tab-container to indicate the pane's index
+   * @private
+   */
   index: number;
+  /**
+   * Used by q2-tab-container to apply a unique id to each tab pane
+   * @private
+   */
   guid: number;
   badge: EventEmitter<boolean>;
   badgeObserver(): void;

package/dist/types/components/q2-tag/index.d.ts

@@ -27,7 +27,7 @@ export declare class Q2Tag implements ComponentInterface {
   handleChange: (event: any) => void;
   handleClick: (event: MouseEvent) => Promise<void>;
   handleKeydown: (event: KeyboardEvent) => Promise<void>;
-  handleButtonFocusout: (event: FocusEvent) => void;
+  handleButtonFocusout: (event: FocusEvent) => Promise<void>;
   handleWrapperClick: () => void;
   render(): any;
 }

package/dist/types/components.d.ts

@@ -48,6 +48,7 @@ export namespace Components {
           * @deprecated
          */
         "ariaLabel": string;
+        "ariaPressed": string;
         "ariaSelected": string;
         "badge": boolean;
         "block": boolean;
@@ -131,9 +132,21 @@ export namespace Components {
         "showNavigationArrows": boolean;
     }
     interface Q2CarouselPane {
+        /**
+          * Used by q2-carousel to determine the pane's index
+          * @private
+         */
         "index": number;
+        /**
+          * Used by q2-carousel to indicate which pane is currently active
+          * @private
+         */
         "isActivePane": boolean;
         "label": string;
+        /**
+          * Used by q2-carousel to indicate how many panes are in the carousel
+          * @private
+         */
         "siblingCount": number;
     }
     interface Q2ChartArea {
@@ -199,6 +212,10 @@ export namespace Components {
         "checked": boolean;
         "description": string;
         "disabled": boolean;
+        /**
+          * Used by q2-checkbox-group to disable all checkboxes in the group
+          * @private
+         */
         "groupDisabled": boolean;
         /**
           * @deprecated
@@ -221,6 +238,7 @@ export namespace Components {
         "value": object;
     }
     interface Q2Dropdown {
+        "alignment": 'left' | 'right';
         /**
           * @deprecated
          */
@@ -350,13 +368,29 @@ export namespace Components {
     }
     interface Q2Option {
         "_multiSelectHidden": boolean;
+        /**
+          * Used by q2-option-list to indicate the option is active
+          * @private
+         */
         "active": boolean;
         "disabled": boolean;
+        /**
+          * Used by q2-radio-group to disable all options in the group
+          * @private
+         */
         "disabledGroup": boolean;
         "display": string;
         "hidden": boolean;
         "multiline": boolean;
+        /**
+          * Used by q2-option-list to set a role on the option
+          * @private
+         */
         "role": 'option' | 'menuitem';
+        /**
+          * Used by q2-option-list to indicate the option is selected
+          * @private
+         */
         "selected": boolean;
         "value": string;
     }
@@ -415,11 +449,27 @@ export namespace Components {
         "ariaLabel": string;
         "checked": boolean;
         "disabled": boolean;
+        /**
+          * Used by q2-radio-group to disable all options in the group
+          * @private
+         */
         "groupDisabled": boolean;
+        /**
+          * Used by q2-radio-group to make all options in the group readonly
+          * @private
+         */
         "groupReadonly": boolean;
+        /**
+          * Used by q2-radio-group to make the options display as tiles
+          * @private
+         */
         "groupTileLayout": boolean;
         "hideLabel": boolean;
         "label": string;
+        /**
+          * Used by q2-radio-group to apply a name to all options in the group
+          * @private
+         */
         "name": string;
         "value": string;
     }
@@ -455,6 +505,7 @@ export namespace Components {
         "hoist": boolean;
         "invalid": boolean;
         "label": string;
+        "listLabel": string;
         "minRows": number;
         "multilineOptions": boolean;
         "multiple": boolean;
@@ -469,10 +520,18 @@ export namespace Components {
     interface Q2Stepper {
         "currentStep": number;
         "lastEnabledStep": number;
+        /**
+          * Used to determine the number of steps in the stepper.
+          * @private
+         */
         "stepCount": number;
     }
     interface Q2StepperPane {
         "description": string;
+        /**
+          * Used by q2-stepper and q2-stepper-vertical to determine which pane is active
+          * @private
+         */
         "isActive": boolean;
         "label": string;
         "showWithChildren": boolean;
@@ -493,10 +552,26 @@ export namespace Components {
         "badgeDescription": string;
         "badgeStatus": Q2Badge['status'];
         "badgeTheme": Q2Badge['theme'];
+        /**
+          * Used by q2-tab-container to apply a unique id to each tab pane
+          * @private
+         */
         "guid": number;
+        /**
+          * Used by q2-tab-container to indicate the pane's index
+          * @private
+         */
         "index": number;
         "label": string;
+        /**
+          * Used by q2-tab-container to apply a name to all options in the group
+          * @private
+         */
         "name": string;
+        /**
+          * Used by q2-tab-container to indicate the option is selected
+          * @private
+         */
         "selected": boolean;
         "value": string;
     }
@@ -1007,6 +1082,7 @@ declare namespace LocalJSX {
           * @deprecated
          */
         "ariaLabel"?: string;
+        "ariaPressed"?: string;
         "ariaSelected"?: string;
         "badge"?: boolean;
         "block"?: boolean;
@@ -1095,10 +1171,22 @@ declare namespace LocalJSX {
         "showNavigationArrows"?: boolean;
     }
     interface Q2CarouselPane {
+        /**
+          * Used by q2-carousel to determine the pane's index
+          * @private
+         */
         "index"?: number;
+        /**
+          * Used by q2-carousel to indicate which pane is currently active
+          * @private
+         */
         "isActivePane"?: boolean;
         "label"?: string;
         "onClickCarouselPane"?: (event: Q2CarouselPaneCustomEvent<any>) => void;
+        /**
+          * Used by q2-carousel to indicate how many panes are in the carousel
+          * @private
+         */
         "siblingCount"?: number;
     }
     interface Q2ChartArea {
@@ -1164,6 +1252,10 @@ declare namespace LocalJSX {
         "checked"?: boolean;
         "description"?: string;
         "disabled"?: boolean;
+        /**
+          * Used by q2-checkbox-group to disable all checkboxes in the group
+          * @private
+         */
         "groupDisabled"?: boolean;
         /**
           * @deprecated
@@ -1188,6 +1280,7 @@ declare namespace LocalJSX {
         "value"?: object;
     }
     interface Q2Dropdown {
+        "alignment"?: 'left' | 'right';
         /**
           * @deprecated
          */
@@ -1323,13 +1416,29 @@ declare namespace LocalJSX {
     }
     interface Q2Option {
         "_multiSelectHidden"?: boolean;
+        /**
+          * Used by q2-option-list to indicate the option is active
+          * @private
+         */
         "active"?: boolean;
         "disabled"?: boolean;
+        /**
+          * Used by q2-radio-group to disable all options in the group
+          * @private
+         */
         "disabledGroup"?: boolean;
         "display"?: string;
         "hidden"?: boolean;
         "multiline"?: boolean;
+        /**
+          * Used by q2-option-list to set a role on the option
+          * @private
+         */
         "role"?: 'option' | 'menuitem';
+        /**
+          * Used by q2-option-list to indicate the option is selected
+          * @private
+         */
         "selected"?: boolean;
         "value"?: string;
     }
@@ -1388,11 +1497,27 @@ declare namespace LocalJSX {
         "ariaLabel"?: string;
         "checked"?: boolean;
         "disabled"?: boolean;
+        /**
+          * Used by q2-radio-group to disable all options in the group
+          * @private
+         */
         "groupDisabled"?: boolean;
+        /**
+          * Used by q2-radio-group to make all options in the group readonly
+          * @private
+         */
         "groupReadonly"?: boolean;
+        /**
+          * Used by q2-radio-group to make the options display as tiles
+          * @private
+         */
         "groupTileLayout"?: boolean;
         "hideLabel"?: boolean;
         "label"?: string;
+        /**
+          * Used by q2-radio-group to apply a name to all options in the group
+          * @private
+         */
         "name"?: string;
         "onChange"?: (event: Q2RadioCustomEvent<any>) => void;
         "value"?: string;
@@ -1431,6 +1556,7 @@ declare namespace LocalJSX {
         "hoist"?: boolean;
         "invalid"?: boolean;
         "label"?: string;
+        "listLabel"?: string;
         "minRows"?: number;
         "multilineOptions"?: boolean;
         "multiple"?: boolean;
@@ -1448,10 +1574,18 @@ declare namespace LocalJSX {
         "currentStep"?: number;
         "lastEnabledStep"?: number;
         "onChange"?: (event: Q2StepperCustomEvent<any>) => void;
+        /**
+          * Used to determine the number of steps in the stepper.
+          * @private
+         */
         "stepCount"?: number;
     }
     interface Q2StepperPane {
         "description"?: string;
+        /**
+          * Used by q2-stepper and q2-stepper-vertical to determine which pane is active
+          * @private
+         */
         "isActive"?: boolean;
         "label"?: string;
         "onActiveChange"?: (event: Q2StepperPaneCustomEvent<IStepperPaneEvent>) => void;
@@ -1477,11 +1611,27 @@ declare namespace LocalJSX {
         "badgeDescription"?: string;
         "badgeStatus"?: Q2Badge['status'];
         "badgeTheme"?: Q2Badge['theme'];
+        /**
+          * Used by q2-tab-container to apply a unique id to each tab pane
+          * @private
+         */
         "guid"?: number;
+        /**
+          * Used by q2-tab-container to indicate the pane's index
+          * @private
+         */
         "index"?: number;
         "label"?: string;
+        /**
+          * Used by q2-tab-container to apply a name to all options in the group
+          * @private
+         */
         "name"?: string;
         "onBadge"?: (event: Q2TabPaneCustomEvent<boolean>) => void;
+        /**
+          * Used by q2-tab-container to indicate the option is selected
+          * @private
+         */
         "selected"?: boolean;
         "value"?: string;
     }

package/dist/types/workspace/workspace/{tecton-production_release_1.26.x → tecton-production_release_1.27.x}/packages/q2-tecton-elements/.stencil/test/helpers.d.ts

@@ -15,3 +15,4 @@ 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>;
 export declare const testDeprecatedAriaLabel: (element: E2EElement, label?: string) => Promise<void>;
+export declare const checkStylesForCompilationIssues: (page: E2EPage, selector: string) => Promise<any>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "q2-tecton-elements",
-    "version": "1.26.1",
+    "version": "1.27.1",
     "description": "Q2 Tecton Custom Elements",
     "main": "dist/index.js",
     "module": "dist/index.mjs",
@@ -50,9 +50,9 @@
     "dependencies": {
         "@stencil/core": "2.19.2",
         "puppeteer": "^10.4.0",
-        "q2-tecton-common": "^1.26.1",
+        "q2-tecton-common": "^1.27.1",
         "smoothscroll-polyfill": "^0.4.4",
         "swiper": "8.4.4"
     },
-    "gitHead": "94026375ce20e7643e34fdc44937e02d6934f5d0"
+    "gitHead": "048346b1ade23b133b315ca9c2e6028f776f7042"
 }

package/dist/q2-tecton-elements/p-09639e95.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as o,g as r}from"./p-926a3e80.js";import{c as i,h as a,o as c,l as s}from"./p-839ef27d.js";const n=class{constructor(o){t(this,o),this.change=e(this,"change",7),this._id=`radio-${i()}`,this.isLoaded=!1,this.inputChange=t=>{if(t.stopPropagation(),this.groupReadonly)return t.preventDefault(),!1;t.target instanceof HTMLInputElement&&(this.checked=t.target.checked)},this.label=void 0,this.hideLabel=void 0,this.value=void 0,this.disabled=!1,this.checked=!1,this.name=void 0,this.groupDisabled=!1,this.groupReadonly=!1,this.groupTileLayout=!1,this.ariaLabel=void 0}componentWillLoad(){a(this)}componentDidLoad(){this.isLoaded=!0,c(this.hostElement),this.hostElement.click=()=>this.inputField.click()}ariaLabelObserver(){a(this)}checkedObserver(){this.isLoaded&&this.checked&&this.change.emit({value:this.value})}onHostClick(t){this.disabled&&t.stopImmediatePropagation()}delegateFocus(t){t.target===this.hostElement&&this.inputField.focus()}render(){return o("div",{class:this.groupTileLayout?"radio-tile":"radio-container"},o("input",{ref:t=>this.inputField=t,class:"sr",id:this._id,type:"radio",name:this.name,value:this.value,disabled:this.disabled||this.groupDisabled,checked:this.checked,"aria-label":this.label&&this.hideLabel?s(this.label):void 0,onChange:this.inputChange,"test-id":"q2RadioInnerRadioBox"}),o("label",{htmlFor:this._id,"test-id":"radioButton"},!this.groupTileLayout&&o("svg",{viewBox:"0 0 18 18"},o("circle",{stroke:"none",fill:"none",cx:"9",cy:"9",r:"8"}),o("circle",{stroke:"none",fill:"none",cx:"9",cy:"9",r:"4"})),!this.hideLabel&&o("div",{class:"label-content"},this.label&&s(this.label)||"",o("slot",null))))}get hostElement(){return r(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"],checked:["checkedObserver"]}}};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:block}.radio-container{margin-top:var(--tct-radio-margin-vertical, var(--tct-scale-2, 10px));margin-right:var(--tct-radio-margin-horizontal, var(--tct-scale-3, 15px));margin-bottom:var(--tct-radio-margin-vertical, var(--tct-scale-2, 10px))}.radio-container label[for]{font-weight:var(--tct-radio-font-weight, var(--tct-checkbox-font-weight, 400));align-items:center;cursor:pointer;margin-right:1rem;display:grid;grid-template-columns:18px 1fr;gap:var(--tct-scale-1, var(--app-scale-1x, 5px))}.radio-container svg{border-radius:50%;transition:box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease));outline:0;width:100%}.radio-container circle:nth-child(1){stroke-width:2;stroke:var(--tct-radio-stroke-color, var(--t-a11y-gray-color-AA, #949494))}.radio-container input:focus+label svg{box-shadow:var(--const-double-focus-ring)}.radio-container input:focus+label circle:nth-child(1){stroke:var(--tct-radio-focus-stroke-color, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)))}.radio-container input:checked+label circle:nth-child(1){background-color:var(--tct-radio-checked-bg, transparent);stroke:var(--tct-radio-checked-stroke-color, var(--tct-radio-stroke-color, var(--t-a11y-gray-color-AA, #949494)))}.radio-container input:checked+label .label-content{font-weight:var(--tct-checkbox-selected-font-weight, 600);letter-spacing:var(--tct-checkbox-selected-letter-spacing, 0.25)}.radio-container input:checked+label circle:nth-child(2){fill:var(--tct-radio-checked-fill, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)))}.radio-tile{flex-basis:100px;flex-grow:0;flex-wrap:wrap}.radio-tile label[for]{align-items:center;border-radius:3px;border:2px solid var(--tct-radio-stroke-color, var(--t-a11y-gray-color-AA, #949494));cursor:pointer;display:block;padding:10px;position:relative;text-align:center;transition:border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));white-space:nowrap}.radio-tile input:focus+label,.radio-tile input:focus:checked+label{border-color:var(--tct-checkbox-check-stroke-color, var(--t-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)));box-shadow:var(--const-double-focus-ring), var(--tct-global-focus, 0 0 0 2px #33b4ff)}.radio-tile input:checked+label{border-color:var(--tct-checkbox-check-stroke-color, var(--t-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)));box-shadow:inset 0 0 0 2px #ffffff}.radio-tile input:checked+label:after{border-bottom-width:3px;border-bottom:5px solid var(--tct-checkbox-check-stroke-color, var(--t-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)));border-left-width:5px;border-left:8px solid transparent;border-right-width:5px;border-right:8px solid transparent;bottom:0;content:"";height:0;left:50%;margin-left:-5px;position:absolute;width:0}input:disabled+label[for]{cursor:not-allowed;opacity:var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))}';export{n as q2_radio}

package/dist/q2-tecton-elements/p-0b82891e.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as i,g as r}from"./p-926a3e80.js";import{c as o,l as s}from"./p-839ef27d.js";const a=class{constructor(i){t(this,i),this.change=e(this,"change",7),this._id=`checkbox-group-${o()}`,this.onMutationObserved=()=>{this.valueUpdated(),this.disabledUpdated()},this.onInnerCheckboxChange=t=>{t.stopImmediatePropagation();const e={};this.checkboxElements.forEach((t=>{e[t.value]=!!t.checked})),this.change.emit(e)},this.label=void 0,this.value=void 0,this.disabled=!1,this.readonly=!1,this.optional=!1,this.hasError=!1}get checkboxElements(){return Array.from(this.hostElement.querySelectorAll("q2-checkbox"))}get protectedValue(){return this.value||{}}componentDidLoad(){const t=new MutationObserver(this.onMutationObserved);t.observe(this.hostElement,{childList:!0}),this.mutationObserver=t,this.onMutationObserved()}disconnectedCallback(){this.mutationObserver&&(this.mutationObserver.disconnect(),this.mutationObserver=null)}valueUpdated(){this.readonly||this.checkboxElements.forEach((t=>{this.protectedValue.hasOwnProperty(t.value)&&(t.checked=this.value[t.value])}))}disabledUpdated(){this.checkboxElements.forEach((t=>{t.groupDisabled=this.disabled}))}onHostElementChange(t){t.target!==this.hostElement||this.hostElement.onchange||(this.value=t.detail)}render(){return i("div",null,this.label||this.optional?i("div",{class:"group-legend"},this.label&&s(this.label),this.optional?i("span",{class:"optional-tag"},s("tecton.element.input.optional")):""):"",i("fieldset",{class:"q2-checkbox-fieldset "+(this.hasError?"has-error":""),onChange:this.onInnerCheckboxChange,"aria-required":`${!this.optional}`},this.label||this.optional?i("legend",{class:"sr-only"},this.label&&s(this.label),this.optional?i("span",{class:"optional-tag"},s("tecton.element.input.optional")):""):"",this.hasError?i("div",{class:"error-icon-container "+(this.label||this.optional?"":"no-label")},i("q2-icon",{class:"h(4) w(4) mrg-b(2)",type:"error"})):"",this.inputDom()))}inputDom(){return i("slot",null)}get hostElement(){return r(this)}static get watchers(){return{value:["valueUpdated"],disabled:["disabledUpdated"]}}};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{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}";export{a as q2_checkbox_group}

package/dist/q2-tecton-elements/p-224d3c31.entry.js

@@ -1 +0,0 @@
-import{r as t,h as s,g as a}from"./p-926a3e80.js";import{k as e,o,n as r,a as i}from"./p-839ef27d.js";const n=class{constructor(s){t(this,s),this.type="info",this.appearance="standard",this.description=!1,this.presentToggle=void 0}get isFirefox(){return e()}componentDidLoad(){o(this.hostElement)}async present(){const{isFirefox:t}=this;this.presentToggle=!this.presentToggle,t&&r((()=>{this.presentToggle=!1}))}delegateFocus(t){i(t,this.hostElement)&&this.hostElement.shadowRoot.querySelector(".message").focus()}render(){const{isFirefox:t}=this,a=t&&this.presentToggle,e=!t&&this.presentToggle,{description:o}=this;return s("div",{tabindex:"-1",class:"message",role:o?void 0:"alert","aria-live":o?void 0:"assertive","aria-atomic":o?void 0:"true","aria-relevant":o?void 0:"all"},"standard"===this.appearance?function(t){const a={success:"success",warning:"warning",danger:"error",error:"error",info:"info"};return s("q2-icon",{type:a[t]||a.info,class:"message-icon"})}(this.type):"",e&&s("div",{class:"sr"}),s("div",{class:"message-content","aria-hidden":a?"true":void 0},s("slot",null)))}get hostElement(){return a(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:block}:host([hidden]){display:none}.message{border-left-width:var(--tct-message-bar-width, var(--t-message-bar-width, var(--app-scale-1x, 5px)));border-left-style:solid;--comp-line-height:var(--tct-message-line-height, var(--t-message-line-height, var(--app-line-height, 1.428571429em)));display:grid;gap:var(--tct-scale-1, var(--app-scale-1x, 5px));align-items:flex-start;background:var(--tct-message-bg, var(--t-message-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))));color:var(--tct-message-font-color, var(--t-message-font-color, inherit));box-shadow:var(--tct-message-box-shadow, var(--t-message-box-shadow, inherit));border-radius:var(--tct-message-border-radius, var(--t-message-border-radius, inherit))}.message:focus{box-shadow:var(--const-global-focus)}.message-icon{--comp-top-offset:calc(calc(var(--comp-line-height) - var(--comp-icon-size)) / 2);--tct-icon-size:var(--comp-icon-size);top:var(--comp-top-offset);margin-bottom:calc(var(--comp-top-offset) * -1)}.message-content{flex:1;line-height:var(--comp-line-height)}::slotted(ul){padding-left:var(--tct-scale-l3, var(--app-scale-3x, 15px))}:host(:not([appearance])),:host([appearance=standard]){margin:var(--tct-scale-l3, var(--app-scale-3x, 15px)) 0}:host(:not([appearance])) .message,:host([appearance=standard]) .message{--comp-icon-size:var(--tct-message-icon-size, var(--t-message-icon-size, 24px));--comp-padding:var(--tct-message-padding, var(--t-message-padding, var(--app-scale-3x, 15px)));grid-template-columns:var(--comp-icon-size) 1fr;padding:var(--comp-padding);padding-left:calc(var(--comp-padding) - var(--tct-scale-2, var(--app-scale-2x, 10px)));padding-bottom:calc(var(--comp-padding) - var(--tct-scale-1, var(--app-scale-1x, 5px)))}:host(:not([appearance])) ::slotted(ul),:host([appearance=standard]) ::slotted(ul){margin:var(--tct-scale-l3, var(--app-scale-3x, 15px)) 0}:host([appearance=minimal]){margin:0}:host([appearance=minimal]) .message{padding:var(--tct-message-minimal-padding, var(--t-message-minimal-padding, var(--app-scale-2x, 10px)));grid-template-columns:1fr}:host([appearance=minimal]) ::slotted(ul){margin:var(--tct-scale-1, var(--app-scale-1x, 5px)) 0}:host(:not([type])) .message,:host([type=info]) .message{border-left-color:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))}:host(:not([type])) .message-icon,:host([type=info]) .message-icon{--tct-icon-stroke-primary:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1));--tct-icon-stroke-secondary:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))}:host([type=success]) .message{border-left-color:var(--tct-stoplight-success, var(--const-stoplight-success, #0e8a00))}:host([type=success]) .message-icon{--tct-icon-stroke-primary:var(--tct-stoplight-success, var(--const-stoplight-success, #0e8a00));--tct-icon-stroke-secondary:var(--tct-stoplight-success, var(--const-stoplight-success, #0e8a00))}:host([type=warning]) .message{border-left-color:var(--tct-stoplight-warning, var(--const-stoplight-warning, #f0b400))}:host([type=warning]) .message-icon{--tct-icon-stroke-primary:var(--tct-stoplight-warning, var(--const-stoplight-warning, #f0b400));--tct-icon-stroke-secondary:var(--tct-stoplight-warning, var(--const-stoplight-warning, #f0b400))}:host([type=error]) .message,:host([type=danger]) .message{border-left-color:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000))}:host([type=error]) .message-icon,:host([type=danger]) .message-icon{--tct-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000));--tct-icon-stroke-secondary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000))}";export{n as q2_message}

package/dist/q2-tecton-elements/p-4734a577.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as i,g as s}from"./p-926a3e80.js";import{h as l,o,l as a,d as n,a as r,e as h}from"./p-839ef27d.js";import{s as c,a as d}from"./p-a1926e65.js";const p=class{constructor(i){var s;t(this,i),this.change=e(this,"change",7),this.input=e(this,"input",7),this.scheduledAfterRender=[],this.showSelectedOptions=t=>{t.stopPropagation(),this.showSelected=!0},this.showAllOptions=t=>{null==t||t.stopPropagation(),this.showSelected=!1},this.onMutationObserved=()=>{const t=this.hostElement.querySelector(".custom-display-content"),e=this.hostElement.shadowRoot.querySelector('slot[name="q2-select-display"]'),i=e?e.assignedNodes().length>0:t.children.length>0;this.hasCustomDisplay!==i&&(this.hasCustomDisplay=i)},this.onOptionListChange=t=>{t.stopPropagation();const{values:e}=t.detail;0===e.length&&this.showAllOptions(),this.handleSelectionChanges(t.detail)},this.popoverStateChanged=({detail:{open:t}})=>{this.open!==t&&(this.open=t,t&&!this.searchText||(this.optionList.setActiveElement(null),this.inputField.focus()))},this.inputKeydownHandler=t=>{if(!this.readonly&&!this.disabled)return c(this,t)?this.executeActionSheet(t):void(this.searchable&&!["ArrowDown","ArrowUp","PageDown","PageUp","Home","End","Escape","Tab"].includes(t.key)||(this.shouldClearSearchText(t)&&this.clearSearchText(),this.optionList.handleExternalKeydown(t)))},this.visibilityToggleKeyDown=t=>{const e=t.key;["ArrowDown","ArrowUp"].includes(e)?this.optionList.handleExternalKeydown(t):["Enter"," "].includes(e)&&t.target.dispatchEvent(new MouseEvent("click"))},this.inputClickHandler=async t=>{if(t.stopPropagation(),c(this))return this.executeActionSheet(t);this.toggleDropdown(),this.focusInput()},this.inputInputHandler=t=>{t.stopPropagation();const e=t.detail.value;!!this.value&&this.inputField.value!==e&&this.clearValue(),this.open||this.openDropdownWithoutActiveElement(),this.prioritizeSearch=!0,this.searchText=e,this.input.emit({query:e})},this.inputFocusHandler=()=>{this.inputFocused=!0},this.inputBlurHandler=()=>{this.inputFocused=!1},this.inputChangeHandler=t=>{t.stopPropagation()},this.clickedElsewhere=t=>{"click-elsewhere"===t.target.localName&&(t.stopPropagation(),this.open&&this.closeDropdown())},this.onCustomDisplayClick=t=>{t.stopPropagation(),this.focusInput(),this.toggleDropdown()},this.label=void 0,this.hideLabel=void 0,this.value=void 0,this.selectedOptions=[],this.disabled=!1,this.readonly=!1,this.invalid=void 0,this.errors=void 0,this.multiple=!1,this.minRows=3,this.popDirection=void 0,this.searchable=!1,this.multilineOptions=!1,this.optional=!1,this.placeholder=void 0,this.hoist=!!(null===(s=window.Tecton)||void 0===s?void 0:s.useActionSheets),this.ariaLabel=void 0,this.open=!1,this.showSelected=!1,this.searchText="",this.hasCustomDisplay=!1,this.inputFocused=!1,this.statusMessage=void 0,this.prioritizeSearch=!1,this.structuredSelectedOptions=[]}componentWillLoad(){l(this),this.buildStructuredSelectedOptions(),this.handleMultilineOptionsUpdate(this.multilineOptions,!1)}componentDidLoad(){const t=new MutationObserver(this.onMutationObserved);t.observe(this.hostElement,{childList:!0,subtree:!0}),this.mutationObserver=t,this.onMutationObserved(),o(this.hostElement),setTimeout((()=>this.checkSelectedDisplay()),0)}componentDidRender(){setTimeout((()=>{this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}),25)}disconnectedCallback(){var t;null===(t=this.mutationObserver)||void 0===t||t.disconnect(),this.mutationObserver=null}get innerInputField(){var t,e;return null===(e=null===(t=this.inputField)||void 0===t?void 0:t.shadowRoot)||void 0===e?void 0:e.querySelector(".input-field")}get badgeValue(){var t,e;if(!this.multiple)return null;const i=null!==(e=null===(t=this.selectedOptions)||void 0===t?void 0:t.length)&&void 0!==e?e:0;return this.open&&this.searchable?i?`${i}`:null:i>1?"+"+(i-1):null}get popoverMinHeight(){const{minRows:t}=this,e=this.hostElement.querySelector("q2-option:not([hidden])");let i=e&&window.getComputedStyle(e).minHeight;return i&&"0px"!==i||(i="44px"),t*parseInt(i)}get selectedDisplay(){return this.prioritizeSearch||this.searchText?this.searchText:this.hasCustomDisplay?"":this.multiple?this.calculateMultiSelectSelectedDisplay():this.calculateSingleSelectSelectedDisplay()}get selectedDisplaySlot(){return this.hostElement.querySelector('[slot="_selected-display"]')}get firstSelectedValue(){var t;return this.multiple?null===(t=this.selectedOptions)||void 0===t?void 0:t[0]:this.value}get firstSelectedOptionElement(){const{firstSelectedValue:t}=this;return t?this.optionElements.find((({value:e})=>e===t)):null}get optionElements(){return Array.from(this.hostElement.querySelectorAll("q2-option"))}get wrapperClasses(){const{errors:t}=this,e=["q2-select-container"];return Array.isArray(t)&&t.length>0&&e.push("has-error"),this.inputFocused&&e.push("is-focused"),this.searchable&&e.push("is-searchable"),e.join(" ")}buildStructuredSelectedOptions(){const{multiple:t,selectedOptions:e,value:i}=this;this.structuredSelectedOptions=t?(null==e?void 0:e.length)?e.map((t=>"string"==typeof t?{value:t}:t)):[]:i?[{value:i}]:[]}ariaLabelObserver(){l(this)}valueUpdated(){this.multiple||this.clearSearchText()}handleMultilineOptionsUpdate(t,e){t!==e&&this.optionElements.forEach((e=>e.multiline=t))}openChanged(t){this.scheduledAfterRender.push((()=>{const{multiple:e,multiSelectHeader:i,popoverElement:s}=this,l=t&&e&&(null==i?void 0:i.offsetHeight)||0;l?s.style.setProperty("--comp-multi-select-header-height",`${l}px`):s.style.removeProperty("--comp-multi-select-header-height")}))}keydownHandler(t){this.inputKeydownHandler(t)}onHostElementChange(t){this.readonly||this.disabled||t.target!==this.hostElement||this.hostElement.onchange||(this.multiple?(this.value=null,this.selectedOptions=t.detail.selectedOptions):(this.value=t.detail.value,this.selectedOptions=[]))}onHostElementInput(t){if(!this.searchable||t.target!==this.hostElement||this.hostElement.oninput)return;const e=this.optionElements,i=this.searchText.trim().toLocaleLowerCase();let s=0;e.forEach((t=>{var e;if(""===i)return void(t.hidden=!1);const l="Q2-CARD"===(null===(e=t.firstElementChild)||void 0===e?void 0:e.tagName)?t.firstElementChild.title:null,{display:o="",innerText:a=""}=t,n=[o,l,a].some((t=>{var e;return null!==(e=null==t?void 0:t.toLocaleLowerCase().includes(i))&&void 0!==e&&e}));t.hidden=!n,n&&s++})),this.setStatusMessage(a(i?"tecton.element.select.searchable.results":"tecton.element.select.allOptions",[i?s:e.length]))}delegateFocus(t){const e=n(t,this.hostElement);(this.prioritizeSearch=e&&this.searchable)?this.clearSelectedDisplay():r(t,this.hostElement)&&this.inputField.shadowRoot.querySelector(".input-field").focus()}handleFocusout(t){const e=h(t,this.hostElement);e&&this.closeDropdown(),this.prioritizeSearch=!e&&this.searchable}async executeActionSheet(t){const e=await d(this,t);this.handleSelectionChanges(e)}handleSelectionChanges(t){const{value:e="",values:i=[]}=t,s=i.map((t=>t.value)),{multiple:l}=this;this.hostElement.onchange||(this.selectedOptions=s),this.change.emit({value:l?void 0:e,selectedOptions:l?s:void 0})}clearValue(){const{multiple:t}=this;this.value="",this.selectedOptions=[],this.change.emit({value:t?void 0:"",selectedOptions:t?[]:void 0})}calculateMultiSelectSelectedDisplay(){var t;const{firstSelectedOptionElement:e,firstSelectedValue:i,multilineOptions:s}=this;return i?(null==e?void 0:e.display)?a(e.display):s&&this.searchable?this.searchText:s?"":null!==(t=null==e?void 0:e.value)&&void 0!==t?t:i:""}calculateSingleSelectSelectedDisplay(){const{firstSelectedOptionElement:t}=this;return(null==t?void 0:t.display)&&a(t.display)||this.value||""}openDropdownWithoutActiveElement(){this.readonly||this.disabled||(this.optionList.setActiveElement(null),this.open=!0)}closeDropdown(){this.open=!1,this.clearSearchText()}clearSearchText(){this.searchText&&(this.searchText="",this.input.emit({query:""}))}toggleDropdown(){this.readonly||this.disabled||(this.open&&!this.searchText?this.closeDropdown():this.openDropdownWithoutActiveElement())}focusInput(){var t;null===(t=this.inputField)||void 0===t||t.dispatchEvent(new FocusEvent("focus"))}setStatusMessage(t){clearTimeout(this.statusMessageTimer),this.statusMessage="",this.statusMessageTimer=setTimeout((()=>{this.statusMessage=t}),1e3)}clearSelectedDisplay(){var t;null===(t=this.selectedDisplaySlot)||void 0===t||t.remove()}checkSelectedDisplay(){let t=this.selectedDisplaySlot;const{value:e,multiple:i,selectedOptions:s,multilineOptions:l,firstSelectedOptionElement:o,prioritizeSearch:a}=this;if(a||!l||!e&&i&&!(null==s?void 0:s.length))return this.clearSelectedDisplay();if(!o||o.display)return this.clearSelectedDisplay();const n=o.firstElementChild.cloneNode(!0);return n.querySelectorAll("[hide-on-select]").forEach((t=>t.remove())),t?(t.style.setProperty("--comp-selected-display-height",0===t.clientHeight?"auto":`${t.clientHeight}px`),t.firstElementChild.outerHTML!==n.outerHTML&&t.replaceChild(n,t.firstElementChild)):(t=document.createElement("div"),t.slot="_selected-display",t.appendChild(n),this.hostElement.appendChild(t)),t}checkSelectedDisplayHeight(){const{selectedDisplaySlot:t}=this;t&&t.style.setProperty("--comp-selected-display-height","44px")}shouldClearSearchText(t){return this.searchable&&!!this.searchText&&"Escape"===t.key}renderCustomDisplay(){if(this.checkSelectedDisplay())return this.checkSelectedDisplayHeight(),i("slot",{name:"_selected-display",slot:"custom-display"})}render(){const t=!this.searchable;return i("click-elsewhere",{class:this.wrapperClasses,onChange:this.clickedElsewhere},i("div",{"aria-live":"polite","aria-atomic":"true",role:"status",class:"sr"},this.statusMessage),i("q2-input",{ref:t=>this.inputField=t,class:"q2-select-input",label:this.label&&a(this.label)||"",value:this.selectedDisplay,errors:Array.isArray(this.errors)&&this.errors.length>0&&this.errors.map((t=>a(t)))||this.invalid&&["tecton.element.select.invalid"]||[],disabled:this.disabled,optional:this.optional,readonly:this.readonly,placeholder:this.placeholder||void 0,hideLabel:this.hideLabel,ariaExpanded:`${!!this.open}`,ariaOwns:"option-list",ariaHaspopup:"listbox",role:this.searchable?"combobox":null,pseudo:t,"test-id":"toggleDropdown","hide-messages":!0,iconRight:"chevron-down",onClick:this.inputClickHandler,onInput:this.inputInputHandler,onKeyDown:this.inputKeydownHandler,onFocus:this.inputFocusHandler,onBlur:this.inputBlurHandler,onChange:this.inputChangeHandler,badgeValue:this.badgeValue,badgeTheme:this.inputFocused?"primary":void 0},this.renderCustomDisplay()),i("div",{class:"custom-display-content",hidden:!this.hasCustomDisplay||!!this.searchText,onClick:this.onCustomDisplayClick},i("slot",{name:"q2-select-display"})),this.optionsDropdown())}optionsDropdown(){return i("q2-popover",{ref:t=>this.popoverElement=t,controlElement:this.innerInputField,open:this.open,minHeight:this.popoverMinHeight,direction:this.popDirection,onPopoverStateChanged:this.popoverStateChanged,block:!0},this.multiple?this.visibilityToggle():"",i("q2-option-list",{ref:t=>this.optionList=t,id:"option-list","show-selected":this.showSelected,multiple:this.multiple,selectedOptions:this.structuredSelectedOptions,onChange:this.onOptionListChange},i("slot",null)))}visibilityToggle(){var t,e;const s=null!==(e=null===(t=this.selectedOptions)||void 0===t?void 0:t.length)&&void 0!==e?e:0,{showSelected:l}=this;return i("div",{class:"multi-select-header",ref:t=>this.multiSelectHeader=t},i("span",null,a("tecton.element.select.multiHeader.showing")),i("q2-btn",{class:l?"":"selected",badge:!0,"aria-selected":!l||void 0,"test-id":"allOptionsButton",onClick:this.showAllOptions,onKeyDown:this.visibilityToggleKeyDown,label:a("tecton.element.select.multiHeader.allAriaLabel"),"hide-label":!0},a("tecton.element.select.multiHeader.all")),i("q2-btn",{class:l?"selected":"","aria-selected":l||void 0,disabled:0===s,badge:!0,"test-id":"selectedOptionsButton",onClick:this.showSelectedOptions,onKeyDown:this.visibilityToggleKeyDown,label:a("tecton.element.select.multiHeader.selectedAriaLabel",[s]),"hide-label":!0},a("tecton.element.select.multiHeader.selected",[s])))}get hostElement(){return s(this)}static get watchers(){return{value:["buildStructuredSelectedOptions","valueUpdated"],selectedOptions:["buildStructuredSelectedOptions"],ariaLabel:["ariaLabelObserver"],multilineOptions:["handleMultilineOptionsUpdate"],open:["openChanged"]}}};p.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}.q2-element-dropdown{display:none;position:absolute;background-color:var(--app-white, #ffffff);color:var(--t-text, #4d4d4d);left:0;width:100%;z-index:100;margin-top:1px;box-shadow:var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3));height:0;overflow:hidden;opacity:0;visibility:hidden;transition:opacity var(--app-tween-1, 0.2s ease);border-radius:var(--tct-dropdown-border-radius, --t-dropdown-border-radius, 0);--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}.q2-element-dropdown::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.q2-element-dropdown::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.q2-element-dropdown::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}.q2-element-dropdown.sizable{display:block;height:auto}.dropdown-open .q2-element-dropdown{display:block;height:auto;overflow:auto;opacity:1;visibility:visible}:host([alignment=right]) .q2-element-dropdown{left:auto;right:0}:host([block]) q2-btn,:host([block]){display:block}:host{display:block;margin-top:var(--tct-select-margin-top, var(--app-scale-4, 30px));margin-bottom:var(--tct-select-margin-bottom, var(--app-scale-4, 30px))}.q2-select-container{position:relative;display:block}.q2-select-input{margin:0;--tct-input-min-height:var(--tct-select-input-min-height, var(--t-select-input-min-height));--tct-input-max-height:var(--tct-select-input-max-height, var(--t-select-input-max-height, none))}::slotted([slot=_selected-display]){width:100%;min-height:var(--comp-selected-display-height, 44px)}.custom-display-content{position:absolute;bottom:0;left:calc(var(--tct-scale-2, var(--app-scale-2x, 10px)) + 1px);height:44px;width:calc(100% - 34px - var(--tct-scale-3, var(--app-scale-3x, 15px)));overflow:hidden;cursor:pointer;transition:left var(--tct-tween-2, var(--app-tween-1, 0.2s ease))}.custom-display-content:not([hidden]){display:flex;align-items:center}.is-searchable.is-focused .custom-display-content,.is-searchable .custom-display-content:active{left:calc(var(--tct-scale-3, var(--app-scale-3x, 15px)) + 1px)}.has-error .custom-display-content{width:calc(100% - 68px - var(--tct-scale-3, var(--app-scale-3x, 15px)))}.multi-select-header{padding:var(--tct-scale-1, var(--app-scale-1x, 5px)) var(--tct-scale-2, var(--app-scale-2x, 10px));position:sticky;top:0;z-index:5;background:var(--app-white);display:inline-grid;grid-template-columns:repeat(3, auto);gap:var(--app-scale-2x, 10px);align-items:center}";export{p as q2_select}