q2-tecton-elements 1.13.0-alpha.0 → 1.13.2

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

@@ -0,0 +1,62 @@
+import { Event, ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+export interface IOptionValue {
+  value: string;
+  display?: string;
+}
+export declare class Q2OptionList implements ComponentInterface {
+  role: 'listbox' | 'menu';
+  direction: 'up' | 'down';
+  open: boolean;
+  customSearch: boolean;
+  noSelect: boolean;
+  align: 'left' | 'right';
+  selectedOptions: IOptionValue[];
+  multiple: boolean;
+  disabled: boolean;
+  type: 'menu' | 'listbox';
+  change: EventEmitter<{
+    value: string;
+    values: IOptionValue[];
+  }>;
+  optionListState: EventEmitter<{
+    open: boolean;
+  }>;
+  hasOptions: boolean;
+  contentElement: HTMLElement;
+  activeIndex: number;
+  scheduledAfterRender: (() => void)[];
+  searchString: string;
+  searchStringTimer: number;
+  hostElement: HTMLElement;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  componentDidRender(): void;
+  get allOptions(): HTMLQ2OptionElement[];
+  checkOptions(): void;
+  getRootSlot(element: Element): any;
+  scrollToActiveOption(): void;
+  resizeIframe(): void;
+  openDropdownWithActiveElement(activeIndex: number): void;
+  getDefaultActiveIndex(): number;
+  updateSingleOptionAttrs(): void;
+  updateMultipleOptionAttrs(): void;
+  setActiveOption(): void;
+  setFocusedOption(): void;
+  getNextVisibleIndex(direction: any): any;
+  selectOption(selectedValue: string): void;
+  adjustActiveOptionAndScroll(numToAdd: number): void;
+  resetTimer(): void;
+  searchAndFocus(key: string): void;
+  selectedOptionsUpdated(): void;
+  openChanged(newValue: boolean): void;
+  delegateFocus(event: FocusEvent): void;
+  handleClick(event: MouseEvent): void;
+  toggle(): void;
+  setDefaultActiveElement(): void;
+  setActiveElement(index: number): void;
+  handleExternalKeydown(event: KeyboardEvent): void;
+  keydownHandler: (event: KeyboardEvent, ignoreSelectionEvents?: boolean) => void;
+  focusoutHandler: (event: FocusEvent) => void;
+  clickHandler: (event: Event) => void;
+  render(): any;
+}

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

@@ -0,0 +1,30 @@
+import { ComponentInterface } from '../../stencil-public-runtime';
+export declare class Q2Pagination implements ComponentInterface {
+  recordType: string;
+  perPage: number;
+  total: number;
+  page: number;
+  pages: number;
+  recordsOnly: boolean;
+  pagesOnly: boolean;
+  hostElement: HTMLElement;
+  change: any;
+  isSmall: boolean;
+  inputField: HTMLQ2InputElement;
+  containerElement: HTMLElement;
+  containerWidth: number;
+  resizeObserver: ResizeObserver;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  onHostElementFocus(event: any): void;
+  get isFullViewHidden(): boolean;
+  get pageWithDefault(): number;
+  get perPageWithDefault(): number;
+  get totalWithDefault(): number;
+  get recordTypeWithDefault(): string;
+  get currentRange(): string;
+  get totalPages(): number;
+  handlePageChange: (page: number) => void;
+  checkSize(): void;
+  render(): any;
+}

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

@@ -0,0 +1,39 @@
+import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+import { IOptionValue } from '../q2-option-list';
+export declare class Q2Pill implements ComponentInterface {
+  disabled: boolean;
+  active: boolean;
+  open: boolean;
+  multiple: boolean;
+  label: string;
+  value: string;
+  theme: 'primary' | 'secondary' | 'tertiary';
+  selectedOptions: IOptionValue[];
+  hasOptions: boolean;
+  hostElement: HTMLElement;
+  change: EventEmitter<{
+    value: string;
+    values: IOptionValue[];
+    active: boolean;
+  }>;
+  scheduledAfterRender: (() => void)[];
+  primaryBtn: HTMLButtonElement;
+  optionList: HTMLQ2OptionListElement;
+  mutationObserver: MutationObserver;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  componentDidRender(): void;
+  disconnectedCallback(): void;
+  get buttonContent(): string;
+  determineHasOptions: () => void;
+  clearSelectedOptions: () => void;
+  delegateFocus(event: FocusEvent): void;
+  optionListStateEvent({ detail: { open } }: CustomEvent): void;
+  handleClick: (event: MouseEvent) => void;
+  handleKeydown: (event: KeyboardEvent) => void;
+  handleChange: (event: any) => void;
+  handleFocusout: (event: FocusEvent) => void;
+  handleWrapperClick: () => void;
+  generateIcon(): any;
+  render(): any;
+}

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

@@ -8,16 +8,19 @@ export declare class Q2Radio implements ComponentInterface {
   name: string;
   ariaLabel: string;
   groupDisabled: boolean;
+  groupReadonly: boolean;
   groupTileLayout: boolean;
   hostElement: HTMLElement;
   id: string;
   inputField: HTMLInputElement;
+  isLoaded: boolean;
   change: EventEmitter;
   componentWillLoad(): void;
   componentDidLoad(): void;
   ariaLabelObserver(): void;
+  checkedObserver(): void;
   onHostClick(event: Event): void;
   delegateFocus(event: FocusEvent): void;
-  inputChange: (event: Event) => void;
+  inputChange: (event: Event) => boolean;
   render(): any;
 }

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

@@ -5,6 +5,7 @@ export declare class Q2RadioGroup implements ComponentInterface {
   disabled: boolean;
   name: string;
   optional: boolean;
+  readonly: boolean;
   tilelayout: boolean;
   tileAlignment: 'left' | 'center' | 'right';
   hasError: boolean;
@@ -14,15 +15,18 @@ export declare class Q2RadioGroup implements ComponentInterface {
   get radioElements(): HTMLQ2RadioElement[];
   onMutationObserved: () => void;
   onInnerRadioChange: (event: CustomEvent) => void;
+  componentWillLoad(): void;
   componentDidLoad(): void;
-  valueUpdated(): void;
+  valueUpdated(newVal: any): void;
   nameUpdated(): void;
   disabledUpdated(): void;
+  readonlyUpdated(): void;
   tileLayoutUpdated(): void;
   change: EventEmitter;
   onHostElementChange(event: CustomEvent): void;
   delegateFocus(event: FocusEvent): void;
   keydownHandler(event: KeyboardEvent): void;
+  labelDOM(): any;
   render(): any;
   inputDom(): any;
 }

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

@@ -7,6 +7,7 @@ export declare class Q2Select implements ComponentInterface {
   ariaLabel: string;
   selectedOptions: any;
   disabled: boolean;
+  readonly: boolean;
   invalid: boolean;
   errors: string[];
   multiple: boolean;
@@ -29,7 +30,7 @@ export declare class Q2Select implements ComponentInterface {
   privatePopDirection: 'down' | 'up';
   activeIndex: number;
   pivotIndex: number;
-  scheduledAfterRender: Array<() => void>;
+  scheduledAfterRender: (() => void)[];
   keyStore: {
     queue: string[];
     lastPressedAt: Date;

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

@@ -10,7 +10,7 @@ export declare class Q2Stepper implements ComponentInterface {
   showScrollRight: boolean;
   listElement: HTMLUListElement;
   resizeObserver: ResizeObserver;
-  scheduledAfterRender: Array<() => void>;
+  scheduledAfterRender: (() => void)[];
   componentWillLoad(): void;
   componentDidLoad(): void;
   componentDidRender(): void;

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

@@ -1,9 +1,24 @@
-import { ComponentInterface } from '../../stencil-public-runtime';
+import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+export interface IStepperPaneEvent {
+  status: string;
+  isActive: boolean;
+  id: string;
+  host: HTMLElement;
+}
 export declare class Q2StepperPane implements ComponentInterface {
   label: string;
   description: string;
   isActive: boolean;
+  showWithChildren: boolean;
+  status: 'complete' | 'error' | 'locked';
+  isChildActive: boolean;
   hostElement: HTMLElement;
+  statusChange: EventEmitter<IStepperPaneEvent>;
+  activeChange: EventEmitter<IStepperPaneEvent>;
   connectedCallback(): void;
+  componentWillLoad(): void;
+  statusChanged(status: any): void;
+  isActiveChanged(isActive: any): void;
+  checkForActiveChildren(): void;
   render(): any;
 }

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

@@ -0,0 +1,52 @@
+import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+interface IBaseStructuredPane {
+  id: string;
+  label: string;
+  description: string;
+  isActive: boolean;
+  status: string;
+}
+interface IStructuredPane extends IBaseStructuredPane {
+  children: IBaseStructuredPane[];
+}
+export declare class Q2AdvancedStepper implements ComponentInterface {
+  currentStepId: string;
+  hostElement: HTMLElement;
+  change: EventEmitter;
+  structuredPanes: IStructuredPane[];
+  mutationObserver: MutationObserver;
+  expandedStepChildrenList: HTMLUListElement;
+  scheduledAfterRender: (() => void)[];
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  componentWillUpdate(): void;
+  componentDidRender(): void;
+  disconnectedCallback(): void;
+  get allRootPanes(): HTMLQ2StepperPaneElement[];
+  get allPanes(): HTMLQ2StepperPaneElement[];
+  setDefaultPane(): void;
+  determinePaneChanges: (mutations: MutationRecord[]) => void;
+  getStepId(currentStepId: string, goTo: string): string;
+  showStep(stepId: string): void;
+  extractDetails(pane: HTMLQ2StepperPaneElement): {
+    id: string;
+    label: string;
+    description: string;
+    status: "error" | "complete" | "locked";
+  };
+  buildPaneList: () => void;
+  resizeIframe(): void;
+  openCurrentStepChildren(): void;
+  showStepPane(stepId: string): void;
+  focusStepBtn(stepId: string, forceFocus?: boolean): void;
+  defaultChangeHandler(event: CustomEvent): void;
+  delegateFocus(event: FocusEvent): void;
+  statusChangeHandler(): void;
+  currentStepChanged(stepId: string): void;
+  onStepClick: (event: any, stepId: string) => void;
+  onStepKeyDown: (event: KeyboardEvent, stepId: string) => void;
+  renderStepBtn(pane: IStructuredPane, index: number): any;
+  renderChildStepBtn(pane: IBaseStructuredPane, index: number, children: number, parentLabel: string): any;
+  render(): any;
+}
+export {};

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

@@ -14,7 +14,7 @@ export declare class Q2TabContainer implements ComponentInterface {
   change: EventEmitter;
   settled: EventEmitter;
   guid: number;
-  scheduledAfterRender: Array<() => void>;
+  scheduledAfterRender: (() => void)[];
   listElement: HTMLUListElement;
   mutationObserver: MutationObserver;
   resizeObserver: ResizeObserver;

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

@@ -0,0 +1,28 @@
+import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+export declare class Q2Tag implements ComponentInterface {
+  open: boolean;
+  role: string;
+  label: string;
+  theme: 'primary' | 'secondary' | 'tertiary';
+  hasOptions: boolean;
+  hostElement: HTMLElement;
+  click: EventEmitter<{
+    value: string;
+  }>;
+  dropdownBtn: HTMLButtonElement;
+  optionList: HTMLQ2OptionListElement;
+  mutationObserver: MutationObserver;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  determineHasOptions: () => void;
+  delegateFocus(event: FocusEvent): void;
+  optionListStateEvent({ detail: { open } }: CustomEvent): void;
+  handleChange: (event: any) => void;
+  handleClick: (event: MouseEvent) => void;
+  handleKeydown: (event: KeyboardEvent) => void;
+  handleButtonFocusout: (event: FocusEvent) => void;
+  handleOptionListFocusout: (event: FocusEvent) => void;
+  handleWrapperClick: () => void;
+  render(): any;
+}

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

@@ -10,10 +10,10 @@ export declare class TectonTabPane implements ComponentInterface {
   url: string;
   moduleId: string;
   minHeight: string;
-  authPayload: Array<{
+  authPayload: {
     key: string;
     value: string;
-  }>;
+  }[];
   showForm: boolean;
   _showForm: boolean;
   hostElement: HTMLElement;