q2-tecton-elements 1.10.4 → 1.10.7

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

@@ -21,7 +21,6 @@ export declare class Q2Section implements ComponentInterface {
   componentDidLoad(): void;
   disconnectedCallback(): void;
   get wrapperClasses(): string;
-  get btnLabel(): string;
   get slottedContentHeight(): string;
   get contentWrapper(): HTMLDivElement | null;
   get contentContainer(): HTMLDivElement | null;
@@ -29,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>;

package/dist/types/components.d.ts

@@ -34,6 +34,7 @@ export namespace Components {
     }
     interface Q2Calendar {
         "ariaLabel": string;
+        "assume": 'current' | 'future' | 'past';
         "buttonLabel": string;
         "calendarLabel": string;
         "cutoffTime": string;
@@ -67,7 +68,6 @@ export namespace Components {
         "showNavigationArrows": boolean;
     }
     interface Q2CarouselPane {
-        "hideFromScreenReader": boolean;
         "index": number;
         "isActivePane": boolean;
         "label": string;
@@ -543,6 +543,7 @@ declare namespace LocalJSX {
     }
     interface Q2Calendar {
         "ariaLabel"?: string;
+        "assume"?: 'current' | 'future' | 'past';
         "buttonLabel"?: string;
         "calendarLabel"?: string;
         "cutoffTime"?: string;
@@ -580,10 +581,10 @@ declare namespace LocalJSX {
         "showNavigationArrows"?: boolean;
     }
     interface Q2CarouselPane {
-        "hideFromScreenReader"?: boolean;
         "index"?: number;
         "isActivePane"?: boolean;
         "label"?: string;
+        "onClickCarouselPane"?: (event: CustomEvent<any>) => void;
         "siblingCount"?: number;
     }
     interface Q2Checkbox {

package/dist/types/util.d.ts

@@ -40,6 +40,7 @@ export type NavigateToFn = (
 export interface IOverpanelOptions {
     fullWidth?: boolean;
     size?: 'small' | 'medium' | 'large' | 'full';
+    height?: string;
 }
 
 export type ShowOverpanelFn = <T>(

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

@@ -10,6 +10,8 @@ import { Q2Loading } from 'src/components/q2-loading';
 import { Q2Radio } from 'src/components/q2-radio';
 import { Q2Select } from 'src/components/q2-select';
 import { FormFieldTypes, IDict } from 'src/util';
+export declare function isEventFromElement(event: Event, element: HTMLElement): boolean;
+export declare function overrideFocus(hostElement: HTMLElement): void;
 export declare function addSmoothScrollPolyfill(): boolean;
 export declare function isFirefox(): boolean;
 export declare function isSafari(): boolean;

package/dist/types/workspace/workspace/tecton-production_release_1.10.x/packages/q2-tecton-elements/.stencil/test/helpers.d.ts

@@ -1,9 +1,10 @@
 import { IDict } from '../src/util';
 import { E2EPage } from '@stencil/core/testing';
 import { NewE2EPageOptions } from '@stencil/core/testing/puppeteer/puppeteer-declarations';
-export declare function dispatchEvent(page: E2EPage, selectors: string | string[], eventType: string, eventInit?: IDict<string>): Promise<void>;
+export declare function dispatchEvent(page: E2EPage, selectors: string | string[], eventType: string, eventInit?: IDict<string | boolean>): Promise<void>;
 export declare function setTestStrings(page: E2EPage, strings: IDict<string>): Promise<void>;
 export declare function promiseMap<T>(arr: Array<T>, fn: (...args: any[]) => any): Promise<any[]>;
+export declare function offsetTimezone(date: string): string;
 export declare function setup(pageOptions?: NewE2EPageOptions): Promise<E2EPage>;
 export declare function setWindowHeight(height: number): void;
 export declare function makeDomRect(customAttributes: any): any;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "q2-tecton-elements",
-    "version": "1.10.4",
+    "version": "1.10.7",
     "description": "Q2 Tecton Custom Elements",
     "main": "dist/index.js",
     "module": "dist/index.mjs",
@@ -35,10 +35,9 @@
         "@stencil/sass": "^1.4.1",
         "@types/jest": "24.9.1",
         "@types/puppeteer": "5.4.4",
+        "date-fns": "^2.28.0",
         "jest": "24.9.0",
         "jest-cli": "24.9.0",
-        "moment": "^2.24.0",
-        "moment-parseformat": "^3.0.0",
         "prettier": "^1.19.1",
         "tslint": "^6.0.0",
         "tslint-config-prettier": "^1.18.0",
@@ -47,7 +46,7 @@
     "dependencies": {
         "puppeteer": "^10.2.0",
         "smoothscroll-polyfill": "^0.4.4",
-        "swiper": "5.3.8"
+        "swiper": "7.4.1"
     },
-    "gitHead": "010527951ecf3a081ccd7643ab10e5d9448e2236"
+    "gitHead": "e00522ce8bbda3fbe6ca5e46ba136f0156b15432"
 }

package/dist/q2-tecton-elements/p-1fc4e6f6.entry.js

@@ -1 +0,0 @@
-import{r as t,h as o,g as r}from"./p-080839ed.js";import{h as a,l as e}from"./p-25a5f691.js";import{s as n}from"./p-c90a6016.js";const i=class{constructor(o){t(this,o),this.handleSlotChange=()=>{this.handleIcons()}}componentWillLoad(){this.handleIcons(),a(this)}disable(t){this.disabled&&t.stopImmediatePropagation()}delegateFocus(t){t.target===this.hostElement&&this.hostElement.shadowRoot.querySelector("button").focus()}ariaLabelObserver(){a(this)}handleIcons(){const t=Array.from(this.hostElement.querySelectorAll(":scope > q2-icon")).reduce(((t,o)=>(t?o.remove():t=o,t)),null),o=!!t,r=!!this.hostElement.querySelector("q2-loc"),a=!!this.hostElement.textContent.trim(),e=(r||a)&&o&&this.hostElement.firstElementChild===t,n=(r||a)&&o&&this.hostElement.lastElementChild===t;let i;e||n||!o?e?i="left":n&&(i="right"):i="only",this.iconPosition=i}render(){const{ariaExpanded:t,ariaHasPopup:r,ariaSelected:a,disabled:n,type:i,tabindex:c}=this.buttonAttributes,{iconPosition:l,loading:s,badge:b,label:d,hideLabel:h}=this,p=l||s,v=!l||b;return o("button",{"aria-expanded":t,"aria-haspopup":r,"aria-label":h&&e(d),"aria-selected":a,disabled:n,type:i,tabindex:c,"test-id":"q2BtnInnerButton",class:l&&`icon-${l}`},o("div",null,p&&o("q2-loading",{hidden:!s,modifiers:v?"inline":void 0}),!h&&d?e(d):o("slot",{onSlotchange:this.handleSlotChange})))}get buttonAttributes(){return{ariaExpanded:void 0!==this.ariaExpanded?`${!!this.ariaExpanded}`:void 0,ariaHasPopup:this.ariaHasPopup?`${this.ariaHasPopup}`:void 0,ariaLabel:this.label&&this.hideLabel?e(this.label):void 0,ariaSelected:this.ariaSelected?`${this.ariaSelected}`:void 0,disabled:this.disabled||!1,type:this.type||"button",tabindex:this.tabIndex||void 0}}get hostElement(){return r(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"]}}};i.style='*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block}:host([hidden]){display:none}:host([block]){display:block;width:100%}:host{--comp-btn-primary-bg:var(--tct-btn-primary-bg, var(--t-button-primary-bg, #2e2e2e));--comp-btn-primary-font-color:var(--tct-btn-primary-font-color, var(--t-button-primary-font-color, var(--tct-white, var(--app-white, #ffffff))));--comp-btn-fallback-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);--comp-btn-fallback-hover-box-shadow:0 5px 10px rgba(0, 0, 0, 0.19),\n      0 3px 3px rgba(0, 0, 0, 0.23);--comp-btn-neutral-fallback-hover-box-shadow:0 5px 10px rgba(0, 0, 0, 0.24),\n      0 3px 3px rgba(0, 0, 0, 0.36);--comp-btn-primary-box-shadow:var(--tct-btn-primary-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-btn-primary-hover-box-shadow:var(--tct-btn-primary-hover-box-shadow, var(--comp-btn-fallback-hover-box-shadow));--comp-btn-secondary-bg:var(--tct-btn-secondary-bg, var(--t-button-default-bg, #cccccc));--comp-btn-secondary-font-color:var(--tct-btn-secondary-font-color, var(--t-button-default-font-color, #2e2e2e));--comp-btn-secondary-box-shadow:var(--tct-btn-secondary-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-btn-secondary-hover-box-shadow:var(--tct-btn-secondary-hover-box-shadow, var(--comp-btn-fallback-hover-box-shadow));--comp-btn-tween:var(--tct-btn-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease)));--comp-btn-neutral-bg:var(--tct-btn-neutral-bg, transparent);--comp-btn-neutral-font-color:var(--tct-btn-neutral-font-color, var(--t-button-default-font-color, #2e2e2e));--comp-btn-neutral-box-shadow:var(--tct-btn-neutral-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-btn-neutral-hover-box-shadow:var(--tct-btn-neutral-hover-box-shadow, var(--comp-btn-neutral-fallback-hover-box-shadow))}button{margin:var(--tct-scale-0, var(--app-scale-0, 0));padding:var(--tct-scale-0, var(--app-scale-0, 0));display:inline-block;width:100%;border:0;background:transparent;box-shadow:none;border-radius:0;font-weight:400;color:inherit;cursor:pointer;transition:var(--comp-btn-tween);transition-property:background, color, box-shadow, fill, border-color, border-width;outline:0}button:disabled{opacity:var(--tct-btn-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4)));cursor:not-allowed}:host([size="1"]) button{padding:var(--tct-scale-1, var(--app-scale-1, 5px))}:host([color]:not([size])) button,:host([intent]:not([size])) button{padding:var(--tct-btn-padding, var(--tct-scale-2, var(--app-scale-2, 10px)))}:host([size="2"]) button{padding:var(--tct-scale-2, var(--app-scale-2, 10px))}:host([size="3"]) button{padding:var(--tct-scale-3, var(--app-scale-3, 15px))}:host([size="4x"]) button{padding:var(--tct-scale-4x, var(--app-scale-4x, 20px))}:host([size="4"]) button{padding:var(--tct-scale-6x, var(--app-scale-6x, 30px))}:host([color]) button,:host([intent]) button{border-style:solid;font-size:var(--tct-btn-font-size, inherit)}:host([color=primary]) button,:host([intent=workflow-primary]) button{background:var(--comp-btn-primary-bg);color:var(--comp-btn-primary-font-color);border-color:var(--tct-btn-primary-border-color, transparent);border-width:var(--tct-btn-primary-border-width, 0);border-radius:var(--tct-btn-primary-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));box-shadow:var(--comp-btn-primary-box-shadow);font-weight:var(--tct-btn-primary-font-weight, 600);text-transform:var(--tct-btn-primary-text-transform, none);letter-spacing:var(--tct-btn-primary-letter-spacing, normal)}:host([color=primary]) button:enabled:hover,:host([color=primary]) button:enabled:focus,:host([color=primary]) button:enabled:active,:host([intent=workflow-primary]) button:enabled:hover,:host([intent=workflow-primary]) button:enabled:focus,:host([intent=workflow-primary]) button:enabled:active{background:var(--tct-btn-primary-hover-bg, var(--t-button-primary-hover-bg, var(--tct-gray-5, var(--t-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040))))));color:var(--tct-btn-primary-hover-font-color, var(--t-button-primary-hover-font-color, var(--tct-white, var(--app-white, #ffffff))));border-color:var(--tct-btn-primary-hover-border-color, var(--tct-btn-primary-border-color, transparent))}:host([color=primary]) button:hover:enabled,:host([color=primary]) button:active:enabled,:host([intent=workflow-primary]) button:hover:enabled,:host([intent=workflow-primary]) button:active:enabled{box-shadow:var(--comp-btn-primary-hover-box-shadow)}:host([color=primary]) button:focus,:host([intent=workflow-primary]) button:focus{box-shadow:var(--tct-global-focus, var(--const-global-focus, var(--comp-btn-primary-hover-box-shadow, 0 0 0 2px #33b4ff)))}:host([color=primary]) button:disabled,:host([intent=workflow-primary]) button:disabled{background:var(--tct-btn-primary-disabled-bg, var(--comp-btn-primary-bg));color:var(--tct-btn-primary-disabled-font-color, var(--comp-btn-primary-font-color));box-shadow:var(--tct-btn-primary-disabled-box-shadow, var(--comp-btn-primary-box-shadow))}:host([color=secondary]) button,:host([intent=workflow-secondary]) button{background:var(--comp-btn-secondary-bg);color:var(--comp-btn-secondary-font-color, var(--tct-btn-secondary-font-color, var(--t-button-secondary-font-color, var(--tct-white, var(--app-white, #ffffff)))));border-color:var(--tct-btn-secondary-border-color, transparent);border-width:var(--tct-btn-secondary-border-width, 0);border-radius:var(--tct-btn-secondary-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));box-shadow:var(--comp-btn-secondary-box-shadow);font-weight:var(--tct-btn-secondary-font-weight, 600);text-transform:var(--tct-btn-secondary-text-transform, none);letter-spacing:var(--tct-btn-secondary-letter-spacing, normal)}:host([color=secondary]) button:enabled:hover,:host([color=secondary]) button:enabled:focus,:host([color=secondary]) button:enabled:active,:host([intent=workflow-secondary]) button:enabled:hover,:host([intent=workflow-secondary]) button:enabled:focus,:host([intent=workflow-secondary]) button:enabled:active{background:var(--tct-btn-secondary-hover-bg, var(--t-button-default-hover-bg, var(--tct-gray-5, var(--t-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040))))));color:var(--tct-btn-secondary-hover-font-color, var(--t-button-default-hover-font-color, var(--tct-white, var(--app-white, #ffffff))));border-color:var(--tct-btn-secondary-hover-border-color, var(--tct-btn-secondary-border-color, transparent))}:host([color=secondary]) button:hover:enabled,:host([color=secondary]) button:active:enabled,:host([intent=workflow-secondary]) button:hover:enabled,:host([intent=workflow-secondary]) button:active:enabled{box-shadow:var(--comp-btn-secondary-hover-box-shadow)}:host([color=secondary]) button:focus,:host([intent=workflow-secondary]) button:focus{box-shadow:var(--tct-global-focus, var(--const-global-focus, var(--comp-btn-secondary-hover-box-shadow)))}:host([color=secondary]) button:disabled,:host([intent=workflow-secondary]) button:disabled{background:var(--tct-btn-secondary-disabled-bg, var(--comp-btn-secondary-bg));color:var(--tct-btn-secondary-disabled-font-color, var(--comp-btn-secondary-font-color));box-shadow:var(--tct-btn-secondary-disabled-box-shadow, var(--comp-btn-secondary-box-shadow))}:host([intent=neutral]) button{background:var(--comp-btn-neutral-bg, var(--tct-btn-neutral-bg, transparent));color:var(--comp-btn-neutral-font-color, var(--tct-btn-neutral-font-color, var(--t-button-neutral-font-color, var(--tct-gray-1, var(--t-gray-1, var(--tct-black, var(--app-black, #0d0d0d)))))));border-color:var(--tct-btn-neutral-border-color, transparent);border-width:var(--tct-btn-neutral-border-width, 0);border-radius:var(--tct-btn-neutral-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));box-shadow:var(--comp-btn-neutral-box-shadow);font-weight:var(--tct-btn-neutral-font-weight, 600);text-transform:var(--tct-btn-neutral-text-transform, none);letter-spacing:var(--tct-btn-neutral-letter-spacing, normal)}:host([intent=neutral]) button:enabled:hover,:host([intent=neutral]) button:enabled:focus,:host([intent=neutral]) button:enabled:active{background:var(--tct-btn-neutral-hover-bg, transparent);color:var(--tct-btn-neutral-hover-font-color, var(--t-button-default-hover-font-color, var(--tct-white, var(--app-white, #ffffff))));border-color:var(--tct-btn-neutral-hover-border-color, var(--tct-btn-neutral-border-color, transparent))}:host([intent=neutral]) button:hover:enabled,:host([intent=neutral]) button:active:enabled{box-shadow:var(--comp-btn-neutral-hover-box-shadow)}:host([intent=neutral]) button:focus{box-shadow:var(--tct-global-focus, var(--const-global-focus, var(--comp-btn-neutral-hover-box-shadow)))}:host([intent=neutral]) button:disabled{background:var(--tct-btn-neutral-disabled-bg, var(--comp-btn-neutral-bg));color:var(--tct-btn-neutral-disabled-font-color, var(--comp-btn-neutral-font-color));box-shadow:var(--tct-btn-neutral-disabled-box-shadow, var(--comp-btn-neutral-box-shadow))}:host button.icon-only{width:var(--tct-btn-icon-width, 44px);height:var(--tct-btn-icon-height, 44px);border-radius:var(--tct-btn-icon-border-radius, 0)}:host button.icon-only:hover,:host button.icon-only:focus{background-color:var(--tct-btn-icon-hover-bg, var(--tct-gray-14, var(--t-gray-13, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)))))}:host(:not([intent])[active]) button.icon-only{background-color:var(--tct-btn-icon-active-bg, var(--tct-btn-icon-hover-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))))}:host(:not([intent])) button.icon-only:hover *,:host(:not([intent])) button.icon-only:focus *,:host(:not([intent])[active]) button.icon-only *{color:var(--tct-btn-icon-hover-color, var(--tct-link-hover-color, var(--t-link-hover-color, #080808)))}:host([badge]) button{padding:var(--tct-btn-badge-padding, 2px 5px);font-size:var(--tct-btn-badge-font-size, var(--tct-btn-font-size, inherit));border-radius:var(--tct-btn-badge-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));background-color:var(--tct-btn-badge-bg, transparent);color:var(--tct-btn-badge-font-color, inherit)}:host([badge]) button ::slotted(q2-icon){--tct-icon-size:1em}:host([badge]:hover) button:enabled{background-color:var(--tct-btn-badge-hover-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)))));color:var(--tct-btn-badge-hover-font-color, var(--tct-gray-5, var(--t-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040)))))}:host(.selected[badge]) button,:host([active][badge]) button{background-color:var(--tct-btn-badge-active-bg, var(--comp-btn-primary-bg));color:var(--tct-btn-badge-active-font-color, var(--comp-btn-primary-font-color))}div{display:flex;align-items:center;justify-content:center;gap:var(--app-scale-1, 5px)}:host([loading]) .icon-right div{flex-direction:row-reverse}q2-loading{--tct-loading-primary-color:currentColor;--tct-loading-secondary-color:currentColor;--tct-loading-spinner-size:24px}:host([loading]) ::slotted(q2-icon){display:none}:host([loading]) button{pointer-events:none}';const c=class{constructor(r){t(this,r),this.halfCircleSpinner=()=>o("div",{class:"q2-loading-animation half-circle-spinner","aria-label":this.localizedLabel},o("div",{class:"circle circle-1"}),o("div",{class:"circle circle-2"})),this.spinner=()=>this.halfCircleSpinner(),this.skeletonLoader=()=>o("div",{class:"q2-loading-skeleton","aria-label":this.localizedLabel},"custom"===this.shape?o("slot",null):this.skeletonShape,o("div",{class:"q2-loading-skeleton-shimmer"}))}get loader(){const t={default:this.spinner,spinner:this.spinner,skeleton:this.skeletonLoader};return t[this.type]||t.default}get modifiersSet(){if("skeleton"===this.type&&this.modifiers)return new Set(this.modifiers.split("-"))}get countsArray(){if("skeleton"===this.type&&this.counts)return this.counts.split("x").map(Number)}get skeletonShape(){var t,o;return null!==(o=null===(t=n[this.shape])||void 0===t?void 0:t.call(n,this.countsArray,this.modifiersSet))&&void 0!==o?o:""}get spinnerShape(){const t={default:this.halfCircleSpinner,"half-circle":this.halfCircleSpinner};return t[this.type]||t.default}get localizedLabel(){return e(this.label||"tecton.element.loading.ariaLabel")}componentWillLoad(){a(this)}ariaLabelObserver(){a(this)}render(){return this.loader()}get hostElement(){return r(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"]}}};c.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.flex{display:flex}.flex-center{justify-content:center}.flex-left{justify-content:flex-start}.flex-right{justify-content:flex-end}.flex-v-center{align-items:center}.no-margin{margin:0}:host{display:block}:host([inline]),:host([modifiers*='inline']){display:inline-block}:host([hidden]){display:none}:host(:not([inline]):not([modifiers*='inline'])){font-size:var(--tct-loading-spinner-size, var(--tct-scale-5, var(--app-scale-5, 60px)))}.q2-loading-animation{height:1em;width:1em}.half-circle-spinner,.half-circle-spinner *{box-sizing:border-box}.half-circle-spinner{border-radius:100%;position:relative}.half-circle-spinner .circle{position:absolute;width:100%;height:100%;border-radius:100%;border:calc(1em / 12) solid transparent}.half-circle-spinner .circle.circle-1{border-top-color:var(--tct-loading-primary-color, var(--t-loading-primary-color, #2e2e2e));animation:half-circle-spinner-animation 1s infinite}.half-circle-spinner .circle.circle-2{border-bottom-color:var(\n        --tct-loading-secondary-color,\n        var(--t-loading-secondary-color, #cccccc)\n    );animation:half-circle-spinner-animation 1s infinite alternate}@keyframes half-circle-spinner-animation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.q2-loading-skeleton{position:relative;width:100%;height:100%;overflow:hidden;--comp-loading-skeleton-shimmer-color:var(--tct-loading-skeleton-shimmer-color, var(--t-base, rgba(255, 255, 255, 0.5)));--comp-loading-skeleton-vertical-gap:var(--tct-loading-skeleton-vertical-gap, var(--tct-scale-2, 10px));--comp-loading-skeleton-horizontal-gap:var(--tct-loading-skeleton-horizontal-gap, var(--tct-scale-2, 10px))}.q2-loading-skeleton-shimmer{position:absolute;width:1rem;height:100%;top:0;left:-100px;animation:skeletonShimmer 3s ease-in-out infinite;background-color:var(--comp-loading-skeleton-shimmer-color);box-shadow:0 0 25px 20px var(--comp-loading-skeleton-shimmer-color);transform:rotate(10deg)}.skeleton-shape.rectangle:not(.no-margin){margin:var(--tct-loading-skeleton-vertical-gap, var(--tct-scale-2, 10px))\n        var(--tct-loading-skeleton-horizontal-gap, var(--tct-scale-2, 10px))}.skeleton-shape.circle,.skeleton-shape.rectangle{background-color:var(--tct-loading-skeleton-element-bg, var(--tct-gray-l3, var(--t-gray-14, #f2f2f2)))}.skeleton-shape.circle{border-radius:50%;padding-top:100%}.flex .rectangle{flex-grow:1}.skeleton-table-row .rectangle{margin:var(--comp-loading-skeleton-vertical-gap) var(--comp-loading-skeleton-horizontal-gap)}.skeleton-table-row .rectangle:not(:first-child):not(:last-child){flex-grow:2}.skeleton-table-row-border .skeleton-shape{margin:0 var(--comp-loading-skeleton-horizontal-gap)}.form{flex-wrap:wrap}.form .field{margin:var(--comp-loading-skeleton-vertical-gap) 0}.form.columns-1 .field{flex-basis:100%}.form.columns-2 .field{flex-basis:50%}.form.columns-3 .field{flex-basis:33.3333%}.form.columns-4 .field{flex-basis:25%}.form.columns-5 .field{flex-basis:20%}.text .rectangle{margin-bottom:0}.text .header.center{margin:0 auto}.text .header.right{margin-left:auto}.text .header{height:1.5rem}.text .header.smaller{height:1rem}.detailed-item{flex-wrap:wrap}.detailed-item.right{flex-flow:row-reverse}.detailed-item-image{flex:0 0 auto;display:inline-flex}.center .detailed-item-image{flex-basis:100%;display:flex}.detailed-item-image .rectangle{flex-grow:0}.detailed-item-text>div{width:100%}.detailed-item-text{flex:1 1 auto}.detailed-item-text .text{margin-top:0;margin-bottom:0}.label-value{flex-wrap:wrap}.label-value .rectangle{flex-basis:calc(50% - 2 * var(--comp-loading-skeleton-horizontal-gap))}@keyframes skeletonShimmer{0%{left:-100px;opacity:1}70%{opacity:1}100%{left:800px;opacity:0}}";export{i as q2_btn,c as q2_loading}

package/dist/q2-tecton-elements/p-25a5f691.js

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

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

@@ -1 +0,0 @@
-import{r as t,h as a,g as s}from"./p-080839ed.js";import{i as e,n as r}from"./p-25a5f691.js";const o=class{constructor(a){t(this,a),this.type="info",this.appearance="standard",this.description=!1}get isFirefox(){return e()}async present(){const{isFirefox:t}=this;this.presentToggle=!this.presentToggle,t&&r((()=>{this.presentToggle=!1}))}render(){const{isFirefox:t}=this,s=t&&this.presentToggle,e=!t&&this.presentToggle,{description:r}=this;return a("div",{class:"message",role:r?void 0:"alert","aria-live":r?void 0:"polite","aria-atomic":r?void 0:"true","aria-relevant":r?void 0:"all"},"standard"===this.appearance?function(t){const s={success:"success",warning:"warning",danger:"error",error:"error",info:"info"};return a("q2-icon",{type:s[t]||s.info,class:"message-icon"})}(this.type):"",e&&a("div",{class:"sr"}),a("div",{class:"message-content","aria-hidden":s?"true":void 0},a("slot",null)))}get hostElement(){return s(this)}};o.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size: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-1, 5px)));border-left-style:solid;display:grid;gap:var(--tct-scale-1, var(--app-scale-1, 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-icon{width:24px}.message-content{flex:1}::slotted(ul){padding-left:var(--tct-scale-l3, var(--app-scale-3, 15px))}:host(:not([appearance])),:host([appearance=standard]){margin:var(--tct-scale-l3, var(--app-scale-3, 15px)) 0}:host(:not([appearance])) .message,:host([appearance=standard]) .message{grid-template-columns:24px 1fr;--comp-padding:var(--tct-message-padding, var(--t-message-padding, var(--app-scale-3, 15px)));padding:var(--comp-padding);padding-top:calc(var(--comp-padding) - var(--tct-scale-1, var(--app-scale-1, 5px)));padding-left:calc(var(--comp-padding) - var(--tct-scale-2, var(--app-scale-2, 10px)))}:host(:not([appearance])) .message-content,:host([appearance=standard]) .message-content{padding-top:var(--tct-scale-1, var(--app-scale-1, 5px))}:host(:not([appearance])) ::slotted(ul),:host([appearance=standard]) ::slotted(ul){margin:var(--tct-scale-l3, var(--app-scale-3, 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-2, 10px)));grid-template-columns:1fr}:host([appearance=minimal]) ::slotted(ul){margin:var(--tct-scale-1, var(--app-scale-1, 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{o as q2_message}