q2-tecton-elements 1.10.6 → 1.10.9

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

@@ -1 +1 @@
-import{p as e,b as a}from"./p-080839ed.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((e=>a([["p-a166b9a6",[[1,"q2-icon",{type:[513],label:[513]}]]],["p-84c52d3b",[[1,"q2-calendar",{value:[1537],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],optional:[516],disabled:[516],invalid:[1540],typeable:[516],placeholder:[513],buttonLabel:[513,"button-label"],disabledMsg:[513,"disabled-msg"],calendarLabel:[513,"calendar-label"],disclaimer:[513],displayFormat:[513,"display-format"],startDate:[513,"start-date"],endDate:[513,"end-date"],cutoffTime:[513,"cutoff-time"],daysOfWeekChecksum:[514,"days-of-week-checksum"],popDirection:[513,"pop-direction"],errors:[1040],invalidDates:[16],validDates:[16],onsuccess:[16],dropdownOpen:[32],keyboardSelection:[32],typedValue:[32],dateList:[32],hintMessage:[32],hintMessageType:[32]},[[0,"change","defaultChangeHandler"],[0,"error","defaultErrorHandler"],[0,"success","defaultSuccessHandler"]]]]],["p-7c99a58b",[[1,"q2-dropdown",{type:[513],icon:[513],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],disabled:[516],popDirection:[513,"pop-direction"],name:[513],context:[513],contextValue:[513,"context-value"],resolvedType:[513,"resolved-type"],dropdownOpen:[32]}]]],["p-d893fcf2",[[1,"q2-select",{label:[513],hideLabel:[516,"hide-label"],value:[1025],ariaLabel:[513,"aria-label"],selectedOptions:[1032,"selected-options"],disabled:[516],invalid:[516],errors:[16],multiple:[516],minRows:[2,"min-rows"],popDirection:[513,"pop-direction"],searchable:[516],multilineOptions:[516,"multiline-options"],optional:[516],dropdownOpen:[32],onlyShowingSelected:[32],activeOptionId:[32],searchText:[32],hasCustomDisplay:[32],inputFocused:[32],statusMessage:[32]},[[0,"change","onHostElementChange"],[0,"input","onHostElementInput"],[0,"click","clickHandler"],[0,"keydown","keydownHandler"]]]]],["p-831a461f",[[1,"q2-editable-field",{value:[1537],editing:[1540],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],type:[513],formatModifier:[513,"format-modifier"],truncated:[513],maxlength:[514],persistentLabel:[516,"persistent-label"],hints:[16],errors:[16]},[[0,"change","onHostElementChange"]]]]],["p-5469c1e9",[[1,"q2-section",{label:[513],collapsible:[516],noCollapseIcon:[516,"no-collapse-icon"],expanded:[1540],contentHeight:[32],hasYieldedHeader:[32]},[[0,"change","defaultChangeHandler"]]]]],["p-da7cca07",[[1,"q2-stepper",{currentStep:[1538,"current-step"],stepCount:[1026,"step-count"],lastEnabledStep:[1026,"last-enabled-step"],scrollEnabled:[32],showScrollLeft:[32],showScrollRight:[32]},[[0,"change","defaultChangeHandler"]]]]],["p-7f74b629",[[1,"q2-tab-container",{value:[1537],type:[513],name:[513],color:[513],noPrint:[516,"no-print"],hasLeft:[32],hasRight:[32],scrollEnabled:[32],showScrollLeft:[32],showScrollRight:[32],tabs:[32]},[[0,"change","defaultChangeHandler"],[9,"resize","onResize"],[0,"focus","onFocus"]]]]],["p-df182f61",[[1,"q2-avatar",{name:[513],initials:[513],src:[513],icon:[1],badSrc:[32]}]]],["p-784af485",[[4,"q2-carousel",{autoPlay:[516,"auto-play"],fullWidthPanes:[516,"full-width-panes"],hidePagination:[516,"hide-pagination"],showNavigationArrows:[516,"show-navigation-arrows"],ariaLabel:[513,"aria-label"],label:[513],index:[1538],universalCarouselOptions:[32],fullWidthDisplayOptions:[32],activePaneIndex:[32],applyFocus:[32],compactMode:[32],autoPlayInProgress:[32],carouselWrapperWidth:[32],tabIndex:[32]},[[0,"change","onHostElementChange"]]]]],["p-997e4c7e",[[1,"q2-checkbox",{checked:[1540],type:[513],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],indeterminate:[516],disabled:[516],value:[513],name:[513],hasError:[516,"has-error"],groupDisabled:[516,"group-disabled"],alignment:[513]},[[0,"change","defaultChangeHandler"]]]]],["p-d1d040ef",[[1,"q2-checkbox-group",{label:[513],value:[1040],disabled:[516],optional:[516],hasError:[516,"has-error"]},[[0,"change","onHostElementChange"]]]]],["p-f5e074f8",[[1,"q2-option",{role:[513],tabindex:[513],display:[513],value:[513],disabled:[516],optionId:[513,"option-id"],disabledGroup:[516,"disabled-group"],selected:[516],hidden:[516],multiline:[516],active:[516],_multiSelectHidden:[516,"_multiselecthidden"]}]]],["p-f17761da",[[1,"q2-radio-group",{label:[513],value:[1025],disabled:[516],name:[513],optional:[516],tilelayout:[516],tileAlignment:[513,"tile-alignment"],hasError:[516,"has-error"]},[[0,"change","onHostElementChange"]]]]],["p-48fc317d",[[1,"q2-textarea",{value:[1025],label:[513],hideLabel:[516,"hide-label"],hideMessages:[516,"hide-messages"],optional:[516],placeholder:[513],disabled:[516],readonly:[516],spellcheck:[516],maxlength:[1538],rows:[514],cols:[514],resize:[513],errors:[16],hints:[16],hasFocus:[32],downParams:[32]},[[0,"focus","onHostElementFocus"],[0,"change","onHostElementChange"]]]]],["p-74c1a311",[[4,"q2-carousel-pane",{index:[2],siblingCount:[2,"sibling-count"],hideFromScreenReader:[516,"hide-from-screen-reader"],isActivePane:[516,"is-active-pane"],label:[513]}]]],["p-84c05db6",[[0,"q2-loading-element",{shape:[513],width:[513],height:[513],borderRadius:[513,"border-radius"]}]]],["p-61c0e5fd",[[1,"q2-loc",{value:[513],substitutions:[16]}]]],["p-4830affe",[[1,"q2-optgroup",{disabled:[516],label:[513],hidden:[32]}]]],["p-428d15fd",[[4,"q2-radio",{label:[513],hideLabel:[516,"hide-label"],value:[513],disabled:[516],checked:[516],name:[513],ariaLabel:[513,"aria-label"],groupDisabled:[4,"group-disabled"],groupTileLayout:[4,"group-tile-layout"]},[[0,"click","onHostClick"]]]]],["p-01e00610",[[1,"q2-stepper-pane",{label:[513],description:[513],isActive:[516,"is-active"]}]]],["p-5222b792",[[1,"q2-tab-pane",{value:[513],label:[513],name:[513],selected:[516],index:[2],guid:[2]}]]],["p-a224bc9c",[[1,"tecton-tab-pane",{value:[513],label:[513],name:[513],selected:[516],index:[2],guid:[2],provided:[516],url:[513],moduleId:[513,"module-id"],minHeight:[513,"min-height"],authPayload:[16],showForm:[4,"show-form"],_showForm:[32]}]]],["p-a9bdd814",[[1,"q2-dropdown-item",{disabled:[516],removable:[516],separator:[516],label:[513],ariaLabel:[513,"aria-label"],value:[513]},[[0,"focus","onHostElementFocus"]]]]],["p-27353237",[[1,"q2-message",{type:[513],appearance:[513],description:[516],presentToggle:[32],present:[64]}]]],["p-3e100450",[[1,"q2-input",{value:[1025],label:[513],hideLabel:[516,"hide-label"],type:[513],placeholder:[513],disabled:[516],autocomplete:[513],autocorrect:[513],autocapitalize:[513],hideMessages:[516,"hide-messages"],iconLeft:[513,"icon-left"],iconRight:[513,"icon-right"],readonly:[516],clearable:[516],optional:[516],formatModifier:[513,"format-modifier"],maxlength:[1538],pseudo:[516],showVisibilityToggle:[516,"show-visibility-toggle"],textHidden:[1540,"text-hidden"],ariaControls:[1,"aria-controls"],role:[1],ariaOwns:[1,"aria-owns"],ariaLabel:[513,"aria-label"],ariaHaspopup:[1,"aria-haspopup"],ariaExpanded:[4,"aria-expanded"],ariaActivedescendant:[8,"aria-activedescendant"],errors:[16],hints:[16],formattedValueObject:[32],hasFocus:[32]},[[0,"focus","onHostElementFocus"],[0,"change","onHostElementChange"]]]]],["p-9024859f",[[0,"click-elsewhere"]]],["p-1fc4e6f6",[[1,"q2-btn",{ariaExpanded:[4,"aria-expanded"],ariaHasPopup:[8,"aria-has-popup"],ariaControls:[1,"aria-controls"],ariaSelected:[4,"aria-selected"],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],tabIndex:[2,"tab-index"],intent:[513],disabled:[516],type:[513],loading:[516],badge:[516],active:[516],fab:[516],iconPosition:[32]},[[2,"click","disable"],[0,"focus","delegateFocus"]]],[1,"q2-loading",{type:[513],shape:[513],modifiers:[513],counts:[513],label:[513],ariaLabel:[513,"aria-label"],inline:[516]}]]]],e)));
+import{p as e,b as a}from"./p-080839ed.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((e=>a([["p-bb2e110a",[[1,"q2-icon",{type:[513],label:[513]}]]],["p-8509b171",[[1,"q2-calendar",{value:[1537],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],optional:[516],disabled:[516],invalid:[1540],typeable:[516],placeholder:[513],buttonLabel:[513,"button-label"],disabledMsg:[513,"disabled-msg"],calendarLabel:[513,"calendar-label"],disclaimer:[513],displayFormat:[513,"display-format"],startDate:[513,"start-date"],endDate:[513,"end-date"],cutoffTime:[513,"cutoff-time"],daysOfWeekChecksum:[514,"days-of-week-checksum"],popDirection:[513,"pop-direction"],assume:[513],errors:[1040],invalidDates:[16],validDates:[16],onsuccess:[16],dropdownOpen:[32],keyboardSelection:[32],typedValue:[32],dateList:[32],hintMessage:[32],hintMessageType:[32]},[[0,"change","defaultChangeHandler"],[0,"error","defaultErrorHandler"],[0,"success","defaultSuccessHandler"],[0,"focus","delegateFocus"]]]]],["p-bbacb804",[[1,"q2-dropdown",{type:[513],icon:[513],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],disabled:[516],popDirection:[513,"pop-direction"],name:[513],context:[513],contextValue:[513,"context-value"],resolvedType:[513,"resolved-type"],dropdownOpen:[32]},[[0,"focus","delegateFocus"]]]]],["p-52f53e07",[[1,"q2-select",{label:[513],hideLabel:[516,"hide-label"],value:[1025],ariaLabel:[513,"aria-label"],selectedOptions:[1032,"selected-options"],disabled:[516],invalid:[516],errors:[16],multiple:[516],minRows:[2,"min-rows"],popDirection:[513,"pop-direction"],searchable:[516],multilineOptions:[516,"multiline-options"],optional:[516],dropdownOpen:[32],onlyShowingSelected:[32],activeOptionId:[32],searchText:[32],hasCustomDisplay:[32],inputFocused:[32],statusMessage:[32]},[[0,"change","onHostElementChange"],[0,"input","onHostElementInput"],[0,"focus","delegateFocus"],[0,"click","clickHandler"],[0,"keydown","keydownHandler"]]]]],["p-7eb39c90",[[1,"q2-editable-field",{value:[1537],editing:[1540],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],type:[513],formatModifier:[513,"format-modifier"],truncated:[513],maxlength:[514],persistentLabel:[516,"persistent-label"],hints:[16],errors:[16]},[[0,"change","onHostElementChange"],[0,"focus","delegateFocus"]]]]],["p-c5e55b9f",[[4,"q2-carousel",{autoPlay:[516,"auto-play"],fullWidthPanes:[516,"full-width-panes"],hidePagination:[516,"hide-pagination"],showNavigationArrows:[516,"show-navigation-arrows"],ariaLabel:[513,"aria-label"],label:[513],index:[1538],universalCarouselOptions:[32],fullWidthDisplayOptions:[32],activePaneIndex:[32],applyFocus:[32],applyPaginationFocus:[32],autoPlayInProgress:[32],compactMode:[32],carouselWrapperWidth:[32]},[[0,"change","onHostElementChange"],[0,"clickCarouselPane","carouselPaneClicked"],[0,"focus","delegateFocus"]]]]],["p-9b50c3c3",[[1,"q2-section",{label:[513],collapsible:[516],noCollapseIcon:[516,"no-collapse-icon"],expanded:[1540],contentHeight:[32],hasYieldedHeader:[32]},[[0,"change","defaultChangeHandler"],[0,"focus","delegateFocus"]]]]],["p-81df91a1",[[1,"q2-stepper",{currentStep:[1538,"current-step"],stepCount:[1026,"step-count"],lastEnabledStep:[1026,"last-enabled-step"],scrollEnabled:[32],showScrollLeft:[32],showScrollRight:[32]},[[0,"change","defaultChangeHandler"],[0,"focus","delegateFocus"]]]]],["p-96c9eb75",[[1,"q2-tab-container",{value:[1537],type:[513],name:[513],color:[513],noPrint:[516,"no-print"],hasLeft:[32],hasRight:[32],scrollEnabled:[32],showScrollLeft:[32],showScrollRight:[32],tabs:[32]},[[0,"change","defaultChangeHandler"],[9,"resize","onResize"],[0,"focus","onFocus"]]]]],["p-df182f61",[[1,"q2-avatar",{name:[513],initials:[513],src:[513],icon:[1],badSrc:[32]}]]],["p-78642b7b",[[1,"q2-checkbox",{checked:[1540],type:[513],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],indeterminate:[516],disabled:[516],value:[513],name:[513],hasError:[516,"has-error"],groupDisabled:[516,"group-disabled"],alignment:[513]},[[0,"change","defaultChangeHandler"],[0,"focus","delegateFocus"]]]]],["p-95a73559",[[1,"q2-checkbox-group",{label:[513],value:[1040],disabled:[516],optional:[516],hasError:[516,"has-error"]},[[0,"change","onHostElementChange"]]]]],["p-6702eb4d",[[1,"q2-option",{role:[513],tabindex:[513],display:[513],value:[513],disabled:[516],optionId:[513,"option-id"],disabledGroup:[516,"disabled-group"],selected:[516],hidden:[516],multiline:[516],active:[516],_multiSelectHidden:[516,"_multiselecthidden"]}]]],["p-ab977515",[[1,"q2-radio-group",{label:[513],value:[1025],disabled:[516],name:[513],optional:[516],tilelayout:[516],tileAlignment:[513,"tile-alignment"],hasError:[516,"has-error"]},[[0,"change","onHostElementChange"],[0,"focus","delegateFocus"]]]]],["p-c555f1de",[[1,"q2-textarea",{value:[1025],label:[513],hideLabel:[516,"hide-label"],hideMessages:[516,"hide-messages"],optional:[516],placeholder:[513],disabled:[516],readonly:[516],spellcheck:[516],maxlength:[1538],rows:[514],cols:[514],resize:[513],errors:[16],hints:[16],hasFocus:[32],downParams:[32]},[[0,"focus","onHostElementFocus"],[0,"change","onHostElementChange"]]]]],["p-7e6fc65d",[[4,"q2-carousel-pane",{index:[2],siblingCount:[2,"sibling-count"],isActivePane:[516,"is-active-pane"],label:[513]}]]],["p-32ad664c",[[0,"q2-loading-element",{shape:[513],width:[513],height:[513],borderRadius:[513,"border-radius"]}]]],["p-fbf7c5e6",[[1,"q2-loc",{value:[513],substitutions:[16]}]]],["p-07a5d703",[[1,"q2-optgroup",{disabled:[516],label:[513],hidden:[32]}]]],["p-4ae9d1f3",[[4,"q2-radio",{label:[513],hideLabel:[516,"hide-label"],value:[513],disabled:[516],checked:[516],name:[513],ariaLabel:[513,"aria-label"],groupDisabled:[4,"group-disabled"],groupTileLayout:[4,"group-tile-layout"]},[[0,"click","onHostClick"],[0,"focus","delegateFocus"]]]]],["p-843b1ee9",[[1,"q2-stepper-pane",{label:[513],description:[513],isActive:[516,"is-active"]}]]],["p-750bcd33",[[1,"q2-tab-pane",{value:[513],label:[513],name:[513],selected:[516],index:[2],guid:[2]}]]],["p-8ea2c4f7",[[1,"tecton-tab-pane",{value:[513],label:[513],name:[513],selected:[516],index:[2],guid:[2],provided:[516],url:[513],moduleId:[513,"module-id"],minHeight:[513,"min-height"],authPayload:[16],showForm:[4,"show-form"],_showForm:[32]}]]],["p-a6f8d09a",[[1,"q2-dropdown-item",{disabled:[516],removable:[516],separator:[516],label:[513],ariaLabel:[513,"aria-label"],value:[513]},[[0,"focus","onHostElementFocus"]]]]],["p-fa6eea5c",[[1,"q2-message",{type:[513],appearance:[513],description:[516],presentToggle:[32],present:[64]},[[0,"focus","delegateFocus"]]]]],["p-fc804ebd",[[1,"q2-input",{value:[1025],label:[513],hideLabel:[516,"hide-label"],type:[513],placeholder:[513],disabled:[516],autocomplete:[513],autocorrect:[513],autocapitalize:[513],hideMessages:[516,"hide-messages"],iconLeft:[513,"icon-left"],iconRight:[513,"icon-right"],readonly:[516],clearable:[516],optional:[516],formatModifier:[513,"format-modifier"],maxlength:[1538],pseudo:[516],showVisibilityToggle:[516,"show-visibility-toggle"],textHidden:[1540,"text-hidden"],ariaControls:[1,"aria-controls"],role:[1],ariaOwns:[1,"aria-owns"],ariaLabel:[513,"aria-label"],ariaHaspopup:[1,"aria-haspopup"],ariaExpanded:[4,"aria-expanded"],ariaActivedescendant:[8,"aria-activedescendant"],errors:[16],hints:[16],formattedValueObject:[32],hasFocus:[32]},[[0,"focus","onHostElementFocus"],[0,"change","onHostElementChange"]]]]],["p-9024859f",[[0,"click-elsewhere"]]],["p-5559f126",[[1,"q2-btn",{ariaExpanded:[4,"aria-expanded"],ariaHasPopup:[8,"aria-has-popup"],ariaControls:[1,"aria-controls"],ariaSelected:[4,"aria-selected"],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],tabIndex:[2,"tab-index"],intent:[513],disabled:[516],type:[513],loading:[516],badge:[516],active:[516],fab:[516],iconPosition:[32]},[[2,"click","disable"],[0,"focus","delegateFocus"]]],[1,"q2-loading",{type:[513],shape:[513],modifiers:[513],counts:[513],label:[513],ariaLabel:[513,"aria-label"],inline:[516]}]]]],e)));

package/dist/test/helpers.js

@@ -61,6 +61,10 @@ export async function promiseMap(arr, fn) {
   let promises = arr.map(fn);
   return Promise.all(promises);
 }
+export function offsetTimezone(date) {
+  const offset = `${new Date(date).getTimezoneOffset() / 60}`.padStart(2, '0');
+  return `${date}T${offset}:00:00.000Z`;
+}
 export async function setup(pageOptions) {
   const page = await newE2EPage(pageOptions);
   await page.evaluate(function () {

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

@@ -18,6 +18,7 @@ export declare class Q2Btn implements ComponentInterface {
   iconPosition: 'left' | 'right' | 'only';
   hostElement: HTMLElement;
   componentWillLoad(): void;
+  componentDidLoad(): void;
   disable(ev: Event): void;
   delegateFocus(event: FocusEvent): void;
   ariaLabelObserver(): void;

package/dist/types/components/q2-calendar/helpers.d.ts

@@ -1,18 +1,18 @@
-import moment from 'moment';
 import { ISelectedMonthYear, InputValidation } from './types';
 export interface IMomentLikeObject {
   toDate(): Date;
 }
-export declare function isValidDate(date: Date): boolean;
 export declare function formatDateISO(value: string | Date): string;
 export declare function formatDateShort(value: string | Date): string;
 export declare function formatDateLong(value: string | Date): string;
-export declare function stringToMoment(date: string | null | void, useDateOnly?: boolean): moment.Moment | undefined;
-export declare function stringArrayToMoment(dateArray: string[], useDateOnly?: boolean): moment.Moment[];
-export declare function setupMonthYear(value: Date | undefined, months: string[]): ISelectedMonthYear;
+export declare function convertMomentFormat(stringFormat: string): string;
+export declare function stringToDate(date: string | null | void): Date | undefined;
+export declare function removeTimezoneOffset(date: Date): Date;
+export declare function stringArrayToDate(dateArray: string[]): Date[];
+export declare function setupMonthYear(value?: Date | undefined): ISelectedMonthYear;
 export declare function validateInput(input: string, validDays: number[], validDates: string[], // white list
 invalidDates: string[], // black list
-startDate: string, endDate: string, formatString?: string): InputValidation;
+startDate: string, endDate: string, formatString: string, assume: string): InputValidation;
 export declare function handleMissingZeros(input: any): string;
 export declare function firstDayOfWeekInMonth(month: number, year: number): number;
 export declare function getDays(): string[];

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

@@ -1,7 +1,6 @@
 import { ComponentInterface, Event, EventEmitter } from '../../stencil-public-runtime';
 import { ISelectedMonthYear, CalendarDay, IDateValidators } from './types';
 import { IMomentLikeObject } from './helpers';
-import moment from 'moment';
 import { DateList } from './validation';
 import { IEventDetail } from '../q2-input/types';
 export declare class Q2Calendar implements ComponentInterface {
@@ -26,6 +25,7 @@ export declare class Q2Calendar implements ComponentInterface {
   cutoffTime: string;
   daysOfWeekChecksum: number;
   popDirection: 'up' | 'down';
+  assume: 'current' | 'future' | 'past';
   errors: string[];
   invalidDates: string[];
   validDates: string[];
@@ -41,13 +41,12 @@ export declare class Q2Calendar implements ComponentInterface {
   btnNextMonth: HTMLQ2BtnElement;
   btnPrevYear: HTMLQ2BtnElement;
   btnNextYear: HTMLQ2BtnElement;
-  daysContainer: HTMLDivElement;
+  calendarBody: HTMLDivElement;
   defaultFormatString: string;
   defaultHintMessage: string;
   hintMessage: string;
   hintMessageType: 'info' | 'error' | 'danger' | 'warning' | 'success';
   selectedMonthYear: ISelectedMonthYear;
-  valueIsInvalid: boolean;
   scheduledAfterRender: Array<() => void>;
   privatePopDirection: 'up' | 'down';
   dropdownContainer?: HTMLDivElement;
@@ -55,18 +54,21 @@ export declare class Q2Calendar implements ComponentInterface {
   connectedCallback(): void;
   componentWillLoad(): void;
   componentDidRender(): void;
-  get dayAbbrStrings(): string[];
-  get dayStrings(): string[];
-  get monthStrings(): string[];
+  componentDidLoad(): void;
+  dayAbbrStrings: string[];
+  dayStrings: string[];
+  monthStrings: string[];
+  get currentWeeks(): CalendarDay[][];
   get localizedErrors(): string[];
   get formattedValue(): string;
   get computedPlaceholder(): string;
-  get momentValue(): moment.Moment | undefined;
+  get dateValue(): Date | undefined;
   get dateValidators(): IDateValidators;
   get isTypeable(): boolean;
   defaultChangeHandler(event: CustomEvent): void;
   defaultErrorHandler(event: CustomEvent): void;
   defaultSuccessHandler(event: CustomEvent): void;
+  delegateFocus(event: FocusEvent): void;
   ariaLabelObserver(): void;
   valueObserver(newValue: string | IMomentLikeObject): void;
   daysOfWeekChecksumObserver(): void;
@@ -87,22 +89,20 @@ export declare class Q2Calendar implements ComponentInterface {
   onClickElsewhere: (event: CustomEvent) => void;
   onPopupKeyup: (event: KeyboardEvent) => void;
   onInputInput: ({ detail: { value } }: CustomEvent<IEventDetail>) => void;
+  onInputKeydown: (event: KeyboardEvent) => void;
   onInputKeyup: (event: KeyboardEvent) => void;
   onInputChange: (event: Event) => void;
   onInputBlur: () => void;
   onInputClick: () => void;
   onRefocus: () => void;
-  onNextMonthClick: () => void;
-  onPreviousMonthClick: () => void;
-  onNextYearClick: () => void;
-  onPreviousYearClick: () => void;
+  goToMonthYear: (monthIndex: number, year: number) => void;
+  checkActiveCellForBlankness(): void;
+  selectDate: (newDate: Date) => void;
   onDateSelection: (event: MouseEvent) => void;
+  generateDateFromDay(day: number): Date;
   onDateKeydown: (event: KeyboardEvent) => void;
-  focusDate(target: string | Date): void;
-  focusNextDay(focusedValue: string): void;
-  focusPreviousDay(focusedValue: string): void;
-  focusDayNextWeek(focusedValue: string): void;
-  focusDayLastWeek(focusedValue: string): void;
+  activateDay(date: Date): void;
+  focusDay(date: Date): void;
   render(): any;
   hintField(): any;
   setHints({ isValid, message, messageType }: {
@@ -114,5 +114,4 @@ export declare class Q2Calendar implements ComponentInterface {
   calendarField(): any;
   calendarPopUp(): any;
   calendarDays(): any;
-  generateDateDOM(date: CalendarDay): any;
 }

package/dist/types/components/q2-calendar/types.d.ts

@@ -1,4 +1,3 @@
-import moment from 'moment';
 export declare type Year = number;
 export declare type Month = string;
 export declare type MonthIndex = number;
@@ -6,51 +5,35 @@ export declare type Day = string;
 export declare type DayOfWeek = string;
 export interface ISelectedMonthYear {
   monthIndex: number;
-  selectedMonth: string;
   selectedYear: number;
 }
 export interface IDateValidators {
-  startDate?: moment.Moment;
-  endDate?: moment.Moment;
-  cutOffTime?: moment.Moment;
+  startDate?: Date;
+  endDate?: Date;
+  cutOffTime?: Date;
 }
 export interface DateModel {
-  dateString: string;
-  isEmpty: boolean;
+  date: Date;
+  isEmpty: true;
+  isActivity: boolean;
   integer: number;
-  isFirst: boolean;
-  isLast: boolean;
-  isActivityDate: boolean;
   isToday: boolean;
   isValid: boolean;
-  month: Month;
-  year: Year;
   isEndDate: boolean;
   isStartDate: boolean;
-  metaDataTop: string;
-  metaDataBottom: string;
   isSelected: boolean;
-  dayOfWeek: string;
   classList: string;
 }
 export declare type DateEmpty = {
-  dateString: '';
+  date: null;
   isEmpty: boolean;
-  integer: ' ';
-  month: Month;
-  year: Year;
+  integer: null;
+  isActivity: false;
   isToday: false;
   isSelected: false;
-  isRepeatDate: false;
   isStartDate: false;
   isEndDate: false;
-  isActivityDate: boolean;
-  isFirst: boolean;
-  isLast: boolean;
   isValid: false;
-  metaDataTop: string;
-  metaDataBottom: string;
-  dayOfWeek: string;
   classList: string;
 };
 export declare type InputValidation = {

package/dist/types/components/q2-calendar/validation.d.ts

@@ -1,16 +1,31 @@
-import moment from 'moment';
-import { CalendarDay, DateModel, IDateValidators, ISelectedMonthYear } from './types';
+import { CalendarDay, DateEmpty, Year, IDateValidators, ISelectedMonthYear } from './types';
 export declare type DateList = CalendarDay[];
 export declare type IsValid = boolean;
-export declare type MetaDataTop = string;
-export declare type MetaDataBottom = string;
 export declare type IsActivityDate = boolean;
-export declare type DateTransformation = (d: CalendarDay) => DateModel;
-export declare type DateValidation = (m: moment.Moment) => IsValid;
-export declare type GenerateMetaData = (m: moment.Moment) => [MetaDataTop, MetaDataBottom, IsActivityDate];
+export declare type DateValidation = (date: Date) => IsValid;
+export declare function generateDatesFromMonthYear(month: number, year: Year): Date[];
 export declare function getValidDaysOfWeek(checksum?: number): number[];
-export declare function validateAgainstChecksum(validDaysOfWeek: number[], newDate: moment.Moment): IsValid;
-export declare function validateAgainstBlacklist(invalidDateMoments: moment.Moment[], newDate: moment.Moment): IsValid;
-export declare function validateAgainstWhitelist(validDateMoments: moment.Moment[], newDate: moment.Moment): IsValid;
-export declare function buildDates(validDaysOfWeek: number[], validDateMoments: moment.Moment[], invalidDateMoments: moment.Moment[], selectedMonthYear: ISelectedMonthYear, currentSelection: moment.Moment | undefined, daysOfWeek: string[], dateValidators: IDateValidators, typedValue: string): DateList;
-export declare function generateDateList({ monthIndex, selectedMonth: month, selectedYear: year }: ISelectedMonthYear, currentSelection: moment.Moment | undefined, daysOfWeek: string[], dateValidators: IDateValidators, validationFns: DateValidation[], typedValue: string, genMetaData: GenerateMetaData): DateList;
+export declare function validateAgainstChecksum(validDaysOfWeek: number[], newDate: Date): IsValid;
+export declare function validateAgainstBlacklist(invalidDates: Date[], newDate: Date): IsValid;
+export declare function validateAgainstWhitelist(validDates: Date[], newDate: Date): IsValid;
+export declare function buildDates(validDaysOfWeek: number[], validDates: Date[], invalidDates: Date[], selectedMonthYear: ISelectedMonthYear, currentSelection: Date | undefined, dateValidators: IDateValidators, typedValue: string): DateList;
+export declare function generateDateList({ monthIndex, selectedYear }: ISelectedMonthYear, currentSelection: Date | undefined, dateValidators: IDateValidators, validationFns: DateValidation[], typedValue: string): DateList;
+export declare function baseValidation(dateValidators: IDateValidators, now: Date, newDate: Date): boolean;
+export declare function getDayState(dayInMonth: Date, dateValidators: IDateValidators, currentDate: Date | undefined): {
+  isSelected: boolean;
+  isToday: boolean;
+  isStartDate: boolean;
+  isEndDate: boolean;
+};
+export declare function generateClassesForCalDay({ isInvalid, isSelected, isEndDate, isStartDate, isToday, isIncompleteDate }: {
+  isInvalid: boolean;
+  isSelected: boolean;
+  isEndDate: boolean;
+  isStartDate: boolean;
+  isToday: boolean;
+  isIncompleteDate: boolean;
+}): string;
+export declare function addEmptiesMonthStart(monthStartDayOfWeek: number): DateEmpty[];
+export declare function addEmptiesMonthEnd(monthEndDayOfWeek: number): DateEmpty[];
+export declare const emptyDate: DateEmpty;
+export declare function addEmptyDates(from: number, to: number): DateEmpty[];

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

@@ -13,79 +13,49 @@ export declare class Q2Carousel implements ComponentInterface {
   fullWidthDisplayOptions: SwiperOptions;
   activePaneIndex: number;
   applyFocus: boolean;
-  compactMode: boolean;
+  applyPaginationFocus: boolean;
   autoPlayInProgress: boolean;
+  compactMode: boolean;
   carouselWrapperWidth: number;
-  tabIndex: number;
   hostElement: HTMLElement;
+  carouselWrapper: HTMLElement;
+  carouselPaneWrapperElement: HTMLElement;
   ariaLabelObserver(): void;
-  fullWidthPanesChanged(): void;
-  autoPlayChanged(): void;
   carouselWrapperWidthChanged(): void;
-  compactModeChanged(): void;
   indexChanged(): void;
+  revampCarousel(): void;
   guid: number;
   get peekContentDisplayOptions(): SwiperOptions;
-  get spaceBetweenPeekContentPanes(): 0 | -10;
   get realIndex(): number;
-  get carouselUniqueId(): string;
-  get carouselElement(): HTMLDivElement | null;
-  get carouselWrapper(): HTMLElement | null;
-  get carouselPaneWrapperElement(): HTMLDivElement | null;
-  get carouselActivePane(): HTMLElement | null;
-  get carouselPaginationWrapperElement(): HTMLDivElement | null;
-  get carouselPaginationActiveButton(): HTMLButtonElement | null;
-  get carouselPaginationPrevButton(): HTMLButtonElement | null;
-  get carouselFirstPaginationButton(): HTMLButtonElement | null;
-  get carouselAvailableNavButton(): HTMLButtonElement | null;
-  get activeCarouselOptions(): any;
+  get paginationBtns(): NodeListOf<HTMLButtonElement>;
+  get activeCarouselOptions(): SwiperOptions;
   get dynamicPaginationDots(): boolean;
-  get spaceBetweenPagination(): boolean;
   get paneCollection(): NodeListOf<HTMLQ2CarouselPaneElement>;
   get paneArray(): HTMLQ2CarouselPaneElement[];
   get paneCount(): number;
   get insufficientPanes(): boolean;
-  get prevPaneAvailable(): boolean;
-  get showPagination(): boolean;
-  get nextPaneAvailable(): boolean;
-  get dynamicAriaLabel(): string;
-  get autoPlayIsRunning(): boolean;
-  get autopPlayControlButtonText(): "Pause Play" | "Resume Play";
-  get autopPlayControlButtonIconType(): "skip" | "play";
-  get insufficientPanesAndPaginationOn(): boolean;
   onHostElementChange(event: CustomEvent): void;
+  carouselPaneClicked(event: any): void;
+  delegateFocus(event: FocusEvent): void;
   change: EventEmitter<{
     index: number;
   }>;
   setCarouselWrapperWidth: () => void;
-  updateActivePaneByIndex: (index: number, applyFocus: boolean) => void;
   handleSlideChange: (newIndex: number) => void;
-  setFocusOnAppropriatePane: () => void;
-  passFocusToAppropriateButton: () => void;
-  generateCarouselContainerClass: (fullWidthPanes: boolean, compactMode: boolean, insufficientPanes: boolean) => string;
-  generatePaginationWrapperClass: (spaceBetweenPagination: boolean) => string;
-  generatePaginationClass: (dynamicPaginationDots: any) => string;
-  generatePaginationIndicatorClass: (currentIndex: number, dynamicPaginationDots: boolean) => string;
-  generatePrevButtonClass: () => string;
-  generateNextButtonClass: () => string;
-  generateInsufficientPanesDisplayClass: (fullWidthPanes: boolean, compactMode: boolean) => string;
-  configureCarousel: (carouselElement: any, carouselOptions: any) => void;
-  revampCarousel: () => void;
+  configureCarousel: (carouselWrapper: any, carouselOptions: any) => void;
   tearDownCarousel: () => void;
   organizePanes: () => void;
   handleAutoPlayPause: () => void;
-  handlePaneWrapperTab: (event: any) => void;
-  handleCarouselFocus: (event: any) => void;
   handleCarouselNavigationSelection: (newIndex: number, applyFocus: boolean) => void;
-  handlePaginationShiftTab: (event: any) => void;
-  handlePaneWrapperFocus: (event: any) => void;
+  onPaginationKeyDown: (event: KeyboardEvent) => void;
+  onWrapperKeyDown: (event: KeyboardEvent) => void;
   componentWillLoad(): void;
   componentDidLoad(): void;
   disconnectedCallback(): void;
   render(): any;
   paginationArea: () => any;
-  autoPlayButton: () => any;
-  prevNavButton: () => any;
-  nextNavButton: () => any;
+  autoPlayBtn: () => any;
+  prevNavBtn: () => any;
+  nextNavBtn: () => any;
   insufficientPanesDisplay: () => any;
 }

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

@@ -1,12 +1,15 @@
-import { ComponentInterface } from '../../stencil-public-runtime';
+import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 export declare class Q2Carousel implements ComponentInterface {
   index: number;
   siblingCount: number;
-  hideFromScreenReader: boolean;
   isActivePane: boolean;
   label: string;
   hostElement: HTMLElement;
   get currentPaneIndex(): any;
+  componentDidLoad(): void;
   generatePaneClass: (currentIndex: number) => string;
+  clickCarouselPane: EventEmitter;
+  paneClicked: (event: any) => void;
+  determineDisabledContent(): void;
   render(): any;
 }

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

@@ -15,7 +15,9 @@ export declare class Q2Checkbox implements ComponentInterface {
   hostElement: HTMLElement;
   id: string;
   componentWillLoad(): void;
+  componentDidLoad(): void;
   defaultChangeHandler(event: CustomEvent): void;
+  delegateFocus(event: FocusEvent): void;
   ariaLabelObserver(): void;
   change: EventEmitter;
   onInputChange: (event: Event) => void;

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

@@ -42,6 +42,7 @@ export declare class Q2Dropdown implements ComponentInterface {
   contextHandler(): void;
   contextValueHandler(): void;
   resolvedTypeHandler(): void;
+  delegateFocus(event: FocusEvent): void;
   componentWillLoad(): void;
   componentDidLoad(): void;
   componentDidRender(): void;

package/dist/types/components/q2-editable-field/index.d.ts

@@ -14,15 +14,19 @@ export declare class Q2EditableField {
   errors: string[];
   scheduledAfterRender: Array<() => void>;
   hostElement: HTMLElement;
+  q2InputElement: HTMLQ2InputElement;
+  q2EditBtnElement: HTMLQ2BtnElement;
   formattedValue: string;
   innerValue: string;
   get locLabel(): string;
   componentWillLoad(): void;
   componentDidRender(): void;
+  componentDidLoad(): void;
   ariaLabelObserver(): void;
   observesEditing(newValue: boolean, oldValue: boolean): void;
   get wrapperClass(): string;
-  onHostElementChange(e: CustomEvent): void;
+  onHostElementChange(event: CustomEvent): void;
+  delegateFocus(event: FocusEvent): void;
   input: EventEmitter;
   change: EventEmitter;
   inputInput: (e: CustomEvent) => void;

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

@@ -63,7 +63,7 @@ export declare class Q2Input {
   formatModifierObserver(): void;
   hintsObserver(): void;
   errorsObserver(): void;
-  onHostElementFocus(): void;
+  onHostElementFocus(event: any): void;
   onHostElementChange(event: CustomEvent): void;
   input: EventEmitter<IEventDetail>;
   change: EventEmitter<IEventDetail>;

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

@@ -5,6 +5,8 @@ export declare class Q2Message {
   hostElement: HTMLElement;
   presentToggle: boolean;
   get isFirefox(): boolean;
+  componentDidLoad(): void;
   present(): Promise<void>;
+  delegateFocus(event: FocusEvent): void;
   render(): any;
 }

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

@@ -13,10 +13,6 @@ export declare class Q2Option implements ComponentInterface {
   active: boolean;
   _multiSelectHidden: boolean;
   hostElement: HTMLElement;
-  connectedCallback(): void;
-  checkDisabledStatus(): void;
-  checkSelectedStatus(): void;
-  checkMultiSelectHiddenStatus(): void;
   click: EventEmitter;
   onClick: (event: MouseEvent) => void;
   render(): any;

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

@@ -11,10 +11,13 @@ export declare class Q2Radio implements ComponentInterface {
   groupTileLayout: boolean;
   hostElement: HTMLElement;
   id: string;
+  inputField: HTMLInputElement;
   change: EventEmitter;
   componentWillLoad(): void;
+  componentDidLoad(): void;
   ariaLabelObserver(): void;
   onHostClick(event: Event): void;
+  delegateFocus(event: FocusEvent): void;
   inputChange: (event: Event) => void;
   render(): any;
 }

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

@@ -21,6 +21,7 @@ export declare class Q2RadioGroup implements ComponentInterface {
   tileLayoutUpdated(): void;
   change: EventEmitter;
   onHostElementChange(event: CustomEvent): void;
+  delegateFocus(event: FocusEvent): void;
   render(): any;
   inputDom(): any;
 }

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

@@ -28,6 +28,7 @@ export declare class Q2Section implements ComponentInterface {
   get headerSlot(): HTMLSlotElement | null;
   get contentSlot(): HTMLSlotElement | null;
   defaultChangeHandler(event: CustomEvent): void;
+  delegateFocus(event: FocusEvent): void;
   expandedObserver(): void;
   collapsibleObserver(): void;
   change: EventEmitter;

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

@@ -25,6 +25,7 @@ export declare class Q2Select implements ComponentInterface {
   statusMessage: string;
   inputField?: HTMLQ2InputElement;
   dropdownContainer?: HTMLDivElement;
+  multiSelectHeader?: HTMLDivElement;
   privatePopDirection: 'down' | 'up';
   activeIndex: number;
   scheduledAfterRender: Array<() => void>;
@@ -36,6 +37,7 @@ export declare class Q2Select implements ComponentInterface {
   guid: number;
   mutationObserver: MutationObserver;
   getDefaultActiveIndex(): number;
+  getLastEnabledIndex(): any;
   setActiveOption(): void;
   setFocusedOption(): void;
   calculateMultiSelectSelectedDisplay(): any;
@@ -48,7 +50,7 @@ export declare class Q2Select implements ComponentInterface {
   updateSingleOptionAttrs(): void;
   updateMultipleOptionAttrs(): void;
   onMutationObserved: () => void;
-  selectOption(value: string): void;
+  selectOption(value: string, focusInputOnClose?: boolean): void;
   scrollToActiveOption(): void;
   openDropdownWithoutActiveElement(): void;
   openDropdownWithActiveElement(activeIndex: number): void;
@@ -70,22 +72,23 @@ export declare class Q2Select implements ComponentInterface {
   input: EventEmitter;
   onHostElementChange(event: CustomEvent): void;
   onHostElementInput(event: CustomEvent): void;
+  delegateFocus(event: FocusEvent): void;
   statusMessageTimer: NodeJS.Timeout;
   setStatusMessage(message: any): void;
   clickHandler(event: Event): void;
-  keydownHandler(event: KeyboardEvent): void;
   searchAndFocus: (keyValue: any) => void;
+  dropdownFocusoutHandler: (event: FocusEvent) => void;
+  dropdownKeydownHandler: (event: KeyboardEvent) => void;
+  keydownHandler(event: KeyboardEvent): void;
+  inputKeydownHandler: (event: KeyboardEvent) => void;
   inputClickHandler: (event: Event) => void;
   inputInputHandler: (event: CustomEvent) => void;
-  inputKeydownHandler: (event: KeyboardEvent) => void;
   inputFocusHandler: () => void;
   inputBlurHandler: () => void;
   inputChangeHandler: (event: Event) => void;
-  showAllOptionTabKeyDown: (event: KeyboardEvent) => void;
-  showSelectedOptionTabKeyDown: (event: KeyboardEvent) => void;
   clickedElsewhere: (event: CustomEvent) => void;
-  showSelectedOptions: () => void;
-  showAllOptions: () => void;
+  showSelectedOptions: (event: MouseEvent) => void;
+  showAllOptions: (event: MouseEvent) => void;
   onCustomDisplayClick: (event: MouseEvent) => void;
   render(): any;
   optionsDropdown(): any;

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

@@ -17,6 +17,7 @@ export declare class Q2Stepper implements ComponentInterface {
   disconnectedCallback(): void;
   currentStepChanged(stepNumber: number): void;
   defaultChangeHandler(event: CustomEvent): void;
+  delegateFocus(event: FocusEvent): void;
   get allPanes(): NodeListOf<HTMLQ2StepperPaneElement>;
   onSlotChange: () => void;
   onScrollBtnClick: (direction: 'left' | 'right') => void;
@@ -27,7 +28,7 @@ export declare class Q2Stepper implements ComponentInterface {
   checkScrollState: () => void;
   resizeIframe(): void;
   showStepPane(stepNumber: number): void;
-  focusStep(stepNumber: number, scrollIntoView?: boolean): void;
+  focusStep(stepNumber: number, scrollIntoView?: boolean, forceFocus?: boolean): void;
   renderStepBtn(stepIndex: number): any;
   render(): any;
 }

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

@@ -31,7 +31,7 @@ export declare class Q2TabContainer implements ComponentInterface {
   get tabList(): Element;
   defaultChangeHandler(event: CustomEvent): void;
   onResize(): void;
-  onFocus(): void;
+  onFocus(event: FocusEvent): void;
   componentWillLoad(): void;
   componentDidRender(): void;
   componentDidLoad(): void;

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

@@ -25,6 +25,7 @@ export declare class Q2Textarea {
   downParams: IDict<number>;
   componentWillLoad(): void;
   componentDidRender(): void;
+  componentDidLoad(): void;
   checkRows: () => void;
   checkCols: () => void;
   hostElement: HTMLElement;
@@ -40,7 +41,7 @@ export declare class Q2Textarea {
   colsObserver(): void;
   hintsObserver(): void;
   errorsObserver(): void;
-  onHostElementFocus(): void;
+  onHostElementFocus(event: Event): void;
   onHostElementChange(event: CustomEvent): void;
   input: EventEmitter<any>;
   change: EventEmitter<any>;