q2-tecton-elements 1.44.1 → 1.45.1

package/dist/q2-tecton-elements/p-f1281e3f.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["formatDateISO","value","date","Date","isValidDate","formatISO","representation","memoizedFormatDateShort","formatDateShort","isoDate","toISOString","Intl","DateTimeFormat","month","day","year","timeZone","resolvedOptions","format","memoizedFormatDateLong","formatDateLong","memoizedFormatDateFull","formatDateFull","weekday","convertMomentFormat","stringFormat","replace","stringToDate","isString","undefined","result","dateParts","split","map","part","padStart","isIsoString","length","isCompleteDate","isPartialDate","isStandardSlashDate","includes","unshift","pop","UTC","parseInt","now","yearNumber","monthNumber","dayNumber","getFullYear","removeTimezoneOffset","timeZoneOffset","getTimezoneOffset","setMinutes","Math","abs","stringArrayToDate","dateArray","Array","isArray","setupMonthYear","monthIndex","getMonth","selectedYear","validateInput","input","validDays","validDates","invalidDates","startDate","endDate","formatString","assume","isValid","isAvailable","messageType","message","loc","inputDate","buildInputDate","getDate","calendarPosition","monthName","getMonths","getDay","isoString","isNotValidDate","isInvalidDate","isBeforeStartDate","isAfterEndDate","isInvalid","Number","twoDigitDay","fourDigitYear","assumeYear","monthDay","mm","dd","nowLocal","assumedYear","slice","toString","handleMissingZeros","match","sp","reorderDateString","firstDayOfWeekInMonth","getDays","getDaysOfWeek","generateDatesFromMonthYear","daysInMonth","getDaysInMonth","keys","reduce","acc","stepIndex","push","getValidDaysOfWeek","checksum","sunValid","monValid","tuesValid","wedsValid","thursValid","friValid","satValid","ret","validateAgainstChecksum","validDaysOfWeek","newDate","validateAgainstBlacklist","validateAgainstWhitelist","some","validDate","isSameDay","buildDates","selectedMonthYear","currentSelection","dateValidators","typedValue","validationFns","baseValidation","bind","generateDateList","isIncompleteDate","datesInMonth","dayInMonth","dateIndex","fn","dayState","getDayState","classList","generateClassesForCalDay","Object","assign","integer","isEmpty","isActivity","startOfMonthEmpties","addEmptiesMonthStart","endOfMonthEmpties","addEmptiesMonthEnd","isNewDateBeforeStartDate","isAfter","isNewDateAfterEndDate","isBefore","isNowAfterCutoffTime","cutOffTime","currentDate","isSelected","isToday","isStartDate","isEndDate","classes","join","monthStartDayOfWeek","addEmptyDates","monthEndDayOfWeek","emptyDate","from","to","q2CalendarCss","Q2CalendarStyle0","Q2Calendar","this","formatModifier","defaultFormatString","scheduledAfterRender","internalError","dayAbbrStrings","dayStrings","monthStrings","closeCalendar","open","focusInput","openCalendar","readonly","dateValue","dateList","buildDateList","toggleCalendar","onClickElsewhere","event","target","localName","stopPropagation","onPopupKeyup","key","onInputBlur","onInputInput","detail","onInputKeydown","preventDefault","activateDay","onInputKeyup","disabled","isTypeable","daysOfWeekChecksum","yyyy","validateDate","setCompleteInput","change","emit","keyboardSelection","setHints","onInputChange","defaultHintMessage","valueOnBlur","onInputFocus","controlElement","tmpTypedValue","onInputClick","onRefocus","_a","btnPrevMonth","dispatchEvent","FocusEvent","goToMonthYear","checkActiveCellForBlankness","selectDate","find","invalid","success","onDateSelection","dateCell","closest","clickedDate","dataset","onHeaderControlKeydown","generateDateFromDay","hasSelectedCell","calendarBody","querySelector","onDateKeydown","currentDay","addDays","shiftKey","connectedCallback","componentWillLoad","popDirectionHandler","handleAriaLabel","componentDidRender","setTimeout","forEach","componentDidLoad","overrideFocus","hostElement","selectedDate","selectedCell","innerInputField","_b","shadowRoot","innerInputContainer","typeable","canClear","clearable","currentWeeks","weeks","accum","item","index","chunkIndex","floor","formattedValue","displayFormat","computedPlaceholder","disabledMsg","buttonLabel","placeholder","isMoment","toDate","isMomentString","test","ct","cutoffTime","errorList","errors","list","filter","error","concat","hintList","hints","hintMessageType","hintMessage","hint","defaultChangeHandler","onchange","defaultErrorHandler","onerror","defaultSuccessHandler","onsuccess","delegateFocus","isEventFromElement","focus","handleClear","popoverStateHandler","_togglePopover","toggleElement","btnCalendarToggle","click","openPopover","closePopover","setValue","waitForNextPaint","tableCell","calendarTable","typeValue","formattedDate","InputEvent","KeyboardEvent","handleRenamedProp","ariaLabelObserver","typeableChanged","valueObserver","newValue","shortFormattedValue","daysOfWeekChecksumObserver","validDatesObserver","invalidDatesObserver","startDateObserver","endDateObserver","cutoffTimeObserver","monthYear","isSelectedMonthAndYear","calculationDateList","dateValueDayOfMonth","_c","isDateValueInvalid","errorCode","console","warn","activeElement","tagName","hasAttribute","calendarCells","querySelectorAll","indexOfCell","indexOf","dayToFocus","cell","focusDay","render","h","class","onChange","inputField","ref","el","popoverElement","direction","popoverDirection","minHeight","popoverMinHeight","align","popoverAlignment","block","hintField","calendarPopover","hintMessageElement","type","present","label","hideLabel","optional","ariaExpanded","onClick","onInput","onKeyDown","onKeyUp","onBlur","onFocus","pseudo","slot","calendarLabel","elm","btnNextMonth","btnPrevYear","btnNextYear","id","calendarDays","disclaimer","role","scope","week","ariaLabel","tabindex"],"sources":["src/components/q2-calendar/q2-calendar-helpers.ts","src/components/q2-calendar/q2-calendar-validation.ts","src/components/q2-calendar/q2-calendar.scss?tag=q2-calendar&encapsulation=shadow","src/components/q2-calendar/q2-calendar.tsx"],"sourcesContent":["import { isValid as isValidDate, formatISO, setMinutes } from 'date-fns';\nimport { loc } from '../../utils';\nimport { ISelectedMonthYear, InputValidation } from './q2-calendar-types';\n\nexport interface IMomentLikeObject {\n    toDate(): Date;\n}\n\nexport function formatDateISO(value: string | Date) {\n    const date = new Date(value);\n    if (!isValidDate(date)) return;\n\n    return formatISO(date, { representation: 'date' });\n}\n\nlet memoizedFormatDateShort: Intl.DateTimeFormat;\nexport function formatDateShort(value: string | Date) {\n    const date = new Date(value);\n    if (!isValidDate(date)) return;\n\n    const isoDate = date.toISOString();\n    if (!memoizedFormatDateShort) {\n        memoizedFormatDateShort = new Intl.DateTimeFormat('en-US', {\n            month: '2-digit',\n            day: '2-digit',\n            year: 'numeric',\n            timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,\n        });\n    }\n\n    return memoizedFormatDateShort.format(new Date(isoDate));\n}\n\nlet memoizedFormatDateLong: Intl.DateTimeFormat;\nexport function formatDateLong(value: string | Date) {\n    const date = new Date(value);\n    if (!isValidDate(date)) return;\n    if (!memoizedFormatDateLong) {\n        memoizedFormatDateLong = new Intl.DateTimeFormat('en-US', {\n            month: 'short',\n            day: 'numeric',\n            year: 'numeric',\n        });\n    }\n\n    return memoizedFormatDateLong.format(date);\n}\n\nlet memoizedFormatDateFull: Intl.DateTimeFormat;\nexport function formatDateFull(value: string | Date) {\n    if (!value) return;\n    const date = new Date(value);\n    if (!isValidDate(date)) return;\n    if (!memoizedFormatDateFull) {\n        memoizedFormatDateFull = new Intl.DateTimeFormat('en-US', {\n            month: 'long',\n            day: 'numeric',\n            year: 'numeric',\n            weekday: 'long',\n            timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,\n        });\n    }\n\n    return memoizedFormatDateFull.format(date);\n}\n\nexport function convertMomentFormat(stringFormat: string) {\n    return stringFormat\n        .replace(/[d]/g, 'E')\n        .replace(/[D]/g, 'd')\n        .replace(/[Y]/g, 'y')\n        .replace(/[l]/g, 'P')\n        .replace(/[W]/g, 'I');\n}\n\nexport function stringToDate(date: string | null | void): Date | undefined {\n    const isString = typeof date === 'string';\n    if (!isString && date && isValidDate(new Date(date || undefined))) {\n        date = formatDateISO(date);\n    } else if (!date || !isValidDate(new Date(date))) {\n        return undefined;\n    }\n\n    let result: Date;\n    const dateParts = date.split(/[\\/\\-]/).map(part => part.padStart(2, '0'));\n    const isIsoString = isString && date.length >= 24 && date[10] === 'T';\n    const isCompleteDate = dateParts.length === 3;\n    const isPartialDate = dateParts.length < 3;\n    if (isIsoString) {\n        date = date.split('T')[0];\n        result = new Date(date);\n    } else if (isCompleteDate) {\n        const isStandardSlashDate = date.includes('/') && dateParts[2].length === 4;\n\n        // Reorder mm/dd/yyyy dates for ISO formatting\n        // [mm, dd, yyyy] -> [yyyy, mm, dd]\n        if (isStandardSlashDate) dateParts.unshift(dateParts.pop());\n\n        result = new Date(Date.UTC(parseInt(dateParts[0]), parseInt(dateParts[1]) - 1, parseInt(dateParts[2])));\n    } else if (isPartialDate) {\n        const now = new Date();\n\n        let yearNumber: number;\n        let monthNumber: string;\n        let dayNumber: string;\n        switch (dateParts.length) {\n            case 1:\n                yearNumber = now.getFullYear();\n                monthNumber = dateParts[0];\n                dayNumber = '01';\n                break;\n\n            case 2:\n                yearNumber = now.getFullYear();\n                monthNumber = dateParts[0];\n                dayNumber = dateParts[1];\n                break;\n        }\n\n        result = new Date(`${yearNumber}-${monthNumber}-${dayNumber}`);\n    }\n\n    if (!isValidDate(result)) return undefined;\n\n    // result = setHours(result, 0);\n    result = removeTimezoneOffset(result);\n\n    return isValidDate(result) ? result : undefined;\n}\n\nexport function removeTimezoneOffset(date: Date) {\n    const timeZoneOffset = date.getTimezoneOffset();\n    // Minutes compensation for some timezones like India, Central Australia and etc use  GMT+5:30, GMT+9:30\n    return setMinutes(date, timeZoneOffset + Math.abs(timeZoneOffset % 60));\n}\n\nexport function stringArrayToDate(dateArray: string[]): Date[] {\n    if (!Array.isArray(dateArray) || dateArray.length === 0) {\n        return [];\n    }\n    return dateArray.map(date => stringToDate(date));\n}\n\nexport function setupMonthYear(value: Date | undefined = new Date()): ISelectedMonthYear {\n    return {\n        monthIndex: value.getMonth(),\n        selectedYear: value.getFullYear(),\n    };\n}\n\nexport function validateInput(\n    input: string = '',\n    validDays: number[] = [],\n    validDates: string[] = [], // white list\n    invalidDates: string[] = [], // black list\n    startDate: string,\n    endDate: string,\n    formatString: string = 'mm/dd/yyyy',\n    assume: string\n): InputValidation {\n    let isValid: boolean = true;\n    let isAvailable: boolean = false;\n    let messageType: string = 'info';\n    let message: string = `${loc('tecton.element.calendar.hint.format')}: ${formatString}`;\n    if (!input) {\n        return { isValid, inputDate: new Date(''), isAvailable, messageType, message };\n    }\n\n    const inputDate = buildInputDate(input, assume);\n    const month = inputDate.getMonth() + 1;\n    const date = inputDate.getDate();\n    const year = inputDate.getFullYear();\n    const calendarPosition = [month, date, year];\n\n    if (isValidDate(inputDate)) {\n        const monthName = getMonths()[inputDate.getMonth()];\n\n        if (input.length === 10) {\n            isValid = true;\n            messageType = null;\n            message = null;\n        }\n\n        isAvailable = validDays.includes(inputDate.getDay());\n        const isoString = formatDateISO(inputDate);\n\n        if (isAvailable) {\n            const isNotValidDate = validDates.length && !validDates.includes(isoString);\n            const isInvalidDate = invalidDates.length && invalidDates.includes(isoString);\n            const isBeforeStartDate = startDate && startDate > isoString;\n            const isAfterEndDate = endDate && endDate < isoString;\n\n            if (isNotValidDate || isInvalidDate || isBeforeStartDate || isAfterEndDate) {\n                isAvailable = false;\n            }\n        }\n\n        if (input.length >= 5 && !isAvailable) {\n            isValid = false;\n            messageType = 'error';\n            const isInvalid = !monthName || !date || !year;\n            message = isInvalid\n                ? `${loc('tecton.element.calendar.hint.invalidDate')}: ${formatString}`\n                : loc('tecton.element.calendar.hint.notAvailableDate', [formatDateLong(inputDate)]);\n        }\n    } else {\n        isValid = false;\n        messageType = 'error';\n        message = `${loc('tecton.element.calendar.hint.invalidDate')}: ${formatString}`;\n    }\n\n    return {\n        isValid,\n        messageType,\n        message,\n        inputDate,\n        isAvailable,\n        calendarPosition,\n    };\n}\n\nexport function buildInputDate(input: string, assume: string) {\n    const now = new Date();\n    // eslint-disable-next-line prefer-const\n    let [month, day, year] = input.split('/');\n    if (month === '0') month = '01';\n    if (day === '0') day = '01';\n    if (input.length === 10) {\n        return new Date(input);\n    } else if (month && day && Number(day) > 0) {\n        const twoDigitDay = Number(day) < 10 ? `0${Number(day)}` : day;\n        const fourDigitYear = !year || year.length < 4 ? assumeYear(month, day, assume) : year;\n        return new Date(`${month}/${twoDigitDay}/${fourDigitYear}`);\n    } else if (month) {\n        return new Date(`${month}/01/${now.getFullYear()}`);\n    }\n}\n\nfunction assumeYear(month: string, day: string, assume: string): string {\n    const monthDay = `${month}/${day}`;\n    const now = new Date();\n    const mm: string = now.getMonth() < 9 ? `0${now.getMonth() + 1}` : `${now.getMonth() + 1}`;\n    const dd: string = now.getDate() < 10 ? `0${now.getDate()}` : `${now.getDate()}`;\n    const nowLocal = `${mm}/${dd}/${now.getFullYear()}`;\n    let assumedYear = now.getFullYear();\n    if (assume === 'future' && nowLocal.slice(0, 5) > monthDay) {\n        assumedYear = now.getFullYear() + 1;\n    } else if (assume === 'past' && nowLocal.slice(0, 5) < monthDay) {\n        assumedYear = now.getFullYear() - 1;\n    }\n    return assumedYear.toString();\n}\n\nexport function handleMissingZeros(input): string {\n    if (!input) {\n        return '';\n    }\n    if (input.match(/^[1-9]\\/$/)) {\n        return `0${input}/`;\n    } else if (input.match(/^[0-9]{2}\\/[1-9]{1}\\/$/)) {\n        const sp = input.split('/');\n        return `${sp[0]}/0${sp[1]}/`;\n    }\n    return input;\n}\n\nexport function reorderDateString(input: string): string {\n    const dateParts = (input || '').split('-');\n    if (dateParts.length !== 3) return '';\n    return `${dateParts[1]}/${dateParts[2]}/${dateParts[0]}`;\n}\n\nexport function firstDayOfWeekInMonth(month: number, year: number): number {\n    return new Date(year, month, 1, 1, 1, 1, 1).getDay();\n}\n\nexport function getDays(): string[] {\n    return [\n        loc('tecton.element.calendar.days.short.Sunday'),\n        loc('tecton.element.calendar.days.short.Monday'),\n        loc('tecton.element.calendar.days.short.Tuesday'),\n        loc('tecton.element.calendar.days.short.Wednesday'),\n        loc('tecton.element.calendar.days.short.Thursday'),\n        loc('tecton.element.calendar.days.short.Friday'),\n        loc('tecton.element.calendar.days.short.Saturday'),\n    ];\n}\n\nexport function getDaysOfWeek(): string[] {\n    return [\n        loc('tecton.element.calendar.days.Sunday'),\n        loc('tecton.element.calendar.days.Monday'),\n        loc('tecton.element.calendar.days.Tuesday'),\n        loc('tecton.element.calendar.days.Wednesday'),\n        loc('tecton.element.calendar.days.Thursday'),\n        loc('tecton.element.calendar.days.Friday'),\n        loc('tecton.element.calendar.days.Saturday'),\n    ];\n}\n\nexport function getMonths(): string[] {\n    return [\n        loc('tecton.element.calendar.months.January'),\n        loc('tecton.element.calendar.months.February'),\n        loc('tecton.element.calendar.months.March'),\n        loc('tecton.element.calendar.months.April'),\n        loc('tecton.element.calendar.months.May'),\n        loc('tecton.element.calendar.months.June'),\n        loc('tecton.element.calendar.months.July'),\n        loc('tecton.element.calendar.months.August'),\n        loc('tecton.element.calendar.months.September'),\n        loc('tecton.element.calendar.months.October'),\n        loc('tecton.element.calendar.months.November'),\n        loc('tecton.element.calendar.months.December'),\n    ];\n}\n","import { firstDayOfWeekInMonth } from './q2-calendar-helpers';\nimport { getDaysInMonth, isSameDay, isBefore, isAfter, isValid as isValidDate } from 'date-fns';\nimport { CalendarDay, DateEmpty, Year, IDateValidators, ISelectedMonthYear } from './q2-calendar-types';\n\n// Validation Helpers\nexport type DateList = CalendarDay[];\nexport type IsValid = boolean;\nexport type IsActivityDate = boolean;\nexport type DateValidation = (date: Date) => IsValid;\n\nexport function generateDatesFromMonthYear(month: number, year: Year): Date[] {\n    const daysInMonth = getDaysInMonth(new Date(year, month));\n\n    return [...Array(daysInMonth).keys()].reduce((acc, stepIndex) => {\n        acc.push(new Date(year, month, stepIndex + 1));\n        return acc;\n    }, []);\n}\n\nexport function getValidDaysOfWeek(checksum: number = 127): number[] {\n    /* tslint:disable:no-bitwise */\n    const sunValid = checksum & 1;\n    const monValid = checksum & 2;\n    const tuesValid = checksum & 4;\n    const wedsValid = checksum & 8;\n    const thursValid = checksum & 16;\n    const friValid = checksum & 32;\n    const satValid = checksum & 64;\n    /* tslint:enable:no-bitwise */\n    const ret = [];\n\n    if (checksum <= 0) return ret;\n    if (sunValid) ret.push(0);\n    if (monValid) ret.push(1);\n    if (tuesValid) ret.push(2);\n    if (wedsValid) ret.push(3);\n    if (thursValid) ret.push(4);\n    if (friValid) ret.push(5);\n    if (satValid) ret.push(6);\n\n    return ret;\n}\n\nexport function validateAgainstChecksum(validDaysOfWeek: number[], newDate: Date): IsValid {\n    return validDaysOfWeek.includes(newDate.getDay());\n}\n\nexport function validateAgainstBlacklist(invalidDates: Date[], newDate: Date): IsValid {\n    return !validateAgainstWhitelist(invalidDates, newDate);\n}\n\nexport function validateAgainstWhitelist(validDates: Date[], newDate: Date): IsValid {\n    return validDates.some(validDate => isSameDay(validDate, newDate));\n}\n\nexport function buildDates(\n    validDaysOfWeek: number[],\n    validDates: Date[],\n    invalidDates: Date[],\n    selectedMonthYear: ISelectedMonthYear,\n    currentSelection: Date | undefined,\n    dateValidators: IDateValidators,\n    typedValue: string\n): DateList {\n    const validationFns = [baseValidation.bind(null, dateValidators, new Date())];\n    if (validDates?.length) {\n        validationFns.push(validateAgainstWhitelist.bind(null, validDates));\n    } else {\n        validationFns.push(validateAgainstChecksum.bind(null, validDaysOfWeek));\n    }\n    validationFns.push(validateAgainstBlacklist.bind(null, invalidDates));\n\n    return generateDateList(selectedMonthYear, currentSelection, dateValidators, validationFns, typedValue);\n}\n\nexport function generateDateList(\n    { monthIndex, selectedYear }: ISelectedMonthYear,\n    currentSelection: Date | undefined,\n    dateValidators: IDateValidators,\n    validationFns: DateValidation[],\n    typedValue: string\n): DateList {\n    const isIncompleteDate = !isValidDate(new Date(typedValue));\n    const datesInMonth = generateDatesFromMonthYear(monthIndex, selectedYear).map((dayInMonth, dateIndex) => {\n        const isInvalid = validationFns.some(fn => !fn(dayInMonth));\n        const dayState = getDayState(dayInMonth, dateValidators, currentSelection);\n        const classList = generateClassesForCalDay({\n            ...dayState,\n            isInvalid,\n            isIncompleteDate,\n        });\n\n        return {\n            ...dayState,\n            isValid: !isInvalid,\n            date: dayInMonth,\n            integer: dateIndex + 1,\n            isEmpty: false,\n            isActivity: false,\n            classList,\n        };\n    });\n\n    const startOfMonthEmpties = addEmptiesMonthStart(firstDayOfWeekInMonth(monthIndex, selectedYear));\n    const endOfMonthEmpties = addEmptiesMonthEnd((startOfMonthEmpties.length + datesInMonth.length) % 7);\n\n    return [...startOfMonthEmpties, ...datesInMonth, ...endOfMonthEmpties] as CalendarDay[];\n}\n\nexport function baseValidation(dateValidators: IDateValidators, now: Date, newDate: Date): boolean {\n    const isNewDateBeforeStartDate = isAfter(dateValidators?.startDate, newDate);\n    const isNewDateAfterEndDate = isBefore(dateValidators?.endDate, newDate);\n    const isNowAfterCutoffTime = isSameDay(now, newDate) && isAfter(now, dateValidators?.cutOffTime);\n\n    return !(isNewDateBeforeStartDate || isNowAfterCutoffTime || isNewDateAfterEndDate);\n}\n\nexport function getDayState(dayInMonth: Date, dateValidators: IDateValidators, currentDate: Date | undefined) {\n    if (!currentDate) currentDate = new Date();\n    const isSelected = currentDate && isSameDay(currentDate, dayInMonth);\n    const isToday = isSameDay(dayInMonth, new Date());\n    const isStartDate = isSameDay(dayInMonth, dateValidators?.startDate);\n    const isEndDate = isSameDay(dayInMonth, dateValidators?.endDate);\n\n    return { isSelected, isToday, isStartDate, isEndDate };\n}\n\nexport function generateClassesForCalDay({\n    isInvalid,\n    isSelected,\n    isEndDate,\n    isStartDate,\n    isToday,\n    isIncompleteDate,\n}: {\n    isInvalid: boolean;\n    isSelected: boolean;\n    isEndDate: boolean;\n    isStartDate: boolean;\n    isToday: boolean;\n    isIncompleteDate: boolean;\n}): string {\n    const classes = [];\n    if (!isInvalid) classes.push('is-valid');\n    if (isSelected) classes.push('is-selected');\n    if (isEndDate) classes.push('is-end-date');\n    if (isStartDate) classes.push('is-start-date');\n    if (isToday) classes.push('is-today');\n    if (isSelected && isInvalid && !isIncompleteDate) classes.push('is-unavailable');\n\n    return classes.join(' ');\n}\n\nexport function addEmptiesMonthStart(monthStartDayOfWeek: number): DateEmpty[] {\n    return addEmptyDates(0, monthStartDayOfWeek);\n}\n\nexport function addEmptiesMonthEnd(monthEndDayOfWeek: number): DateEmpty[] {\n    if (monthEndDayOfWeek === 0) return [];\n    return addEmptyDates(monthEndDayOfWeek, 7);\n}\n\nexport const emptyDate: DateEmpty = {\n    date: null,\n    integer: null,\n    isActivity: false,\n    isEmpty: true,\n    isValid: false,\n    isToday: false,\n    isSelected: false,\n    isStartDate: false,\n    isEndDate: false,\n    classList: '',\n};\n\nexport function addEmptyDates(from: number, to: number): DateEmpty[] {\n    if (from === 7) from = 0;\n    return [...Array(to - from).keys()].map(() => ({ ...emptyDate }) as DateEmpty);\n}\n","@import '../../styles/host.scss';\n@import '../../styles/functions';\n\n:host {\n    display: block;\n}\n\n:host[hidden] {\n    display: none;\n}\n\nclick-elsewhere {\n    position: relative;\n    display: block;\n}\n\nq2-input {\n    margin: 0;\n    cursor: pointer;\n}\n\nq2-popover {\n    --comp-min-tappable-size: 44px;\n    --comp-table-border-spacing: 2px;\n    --comp-min-tappable-size-and-spacing: calc(var(--comp-min-tappable-size) + var(--comp-table-border-spacing));\n    --comp-popover-padding: #{var-list(var-prefixer(calendar-popover-padding), --app-scale-1x, 5px)};\n    --comp-min-table-width: calc(var(--comp-min-tappable-size-and-spacing) * 7);\n    --comp-table-container-border-spacing: calc(var(--comp-table-border-spacing) * 2);\n    --comp-popover-total-padding: calc(var(--comp-popover-padding) * 2);\n\n    --tct-popover-min-width: calc(\n        var(--comp-min-table-width) + var(--comp-table-container-border-spacing) + var(--comp-popover-total-padding)\n    );\n}\n\n.calendar-field-popup {\n    padding: var(--comp-popover-padding);\n}\n\n.calendar-label {\n    --comp-label-padding: #{var-list(\n            --tct-calendar-label-padding,\n            unquote('#{var-list(var-prefixer(calendar-label-vertical-padding), --tct-scale-2, --app-scale-2x, 10px)} 0')\n        )};\n    font-size: var-list(var-prefixer(calendar-label-font-size), 16px);\n    flex: 1 1;\n    flex-basis: calc(100% - var-list(--tct-btn-icon-width, 44px));\n    margin: 0;\n    padding: var(--comp-label-padding);\n}\n\n.cal-month-heading {\n    padding: 0 0 0.75rem;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-size: var-list(var-prefixer(calendar-month-font-size), 16px);\n    font-weight: var-list(var-prefixer(calendar-month-font-weight), 600);\n    text-align: center;\n}\n\n.cal-month-text {\n    min-width: 82px;\n    display: inline-block;\n}\n\n.cal-year-text {\n    min-width: 50px;\n    display: inline-block;\n}\n\ntable {\n    width: 100%;\n    margin-bottom: 2px;\n    text-align: center;\n    border-spacing: var(--comp-table-border-spacing);\n}\n\nth {\n    font-size: var-list(var-prefixer(calendar-day-heading-font-size), inherit);\n    font-weight: var-list(var-prefixer(calendar-day-heading-font-weight), 600);\n    width: 14.285714%;\n}\n\ntd {\n    height: var(--comp-min-tappable-size);\n    cursor: pointer;\n    border: var-list(var-prefixer(calendar-day-border), 0);\n    border-radius: var-list(var-prefixer(calendar-day-border-radius));\n\n    &.is-unavailable {\n        border: 1px solid var-list(--tct-input-error-border-color, --const-stoplight-alert, #d20a0a);\n    }\n\n    &.is-valid:hover {\n        border: var-list(var-prefixer(calendar-day-hover-border), var-prefixer(calendar-day-border) 0);\n        border-radius: var-list(\n            var-prefixer(calendar-day-hover-border-radius),\n            var-prefixer(calendar-day-border-radius)\n        );\n\n        background: var-list(\n            --tct-calendar-day-hover-background,\n            var-prefixer(calendar-day-hover-bg),\n            --tct-gray-14,\n            --app-gray14,\n            --tct-gray-l4,\n            --app-gray-l4,\n            #f2f2f2\n        );\n        color: var-list(var-prefixer(calendar-day-hover-font-color), inherit);\n    }\n\n    &[aria-hidden],\n    &[aria-disabled] {\n        pointer-events: none;\n        cursor: not-allowed;\n    }\n\n    &[aria-disabled] {\n        opacity: var-list(var-prefixer(calendar-day-disabled-opacity), --app-disabled-opacity, 0.4);\n    }\n\n    &[aria-selected] {\n        border: var-list(var-prefixer(calendar-day-selected-border), var-prefixer(calendar-day-border) 0);\n        border-radius: var-list(\n            var-prefixer(calendar-day-selected-border-radius),\n            var-prefixer(calendar-day-border-radius)\n        );\n        background: var-list(\n            --tct-calendar-day-selected-background,\n            var-prefixer(calendar-day-selected-bg),\n            --tct-calendar-day-hover-background,\n            var-prefixer(calendar-day-hover-bg),\n            var-prefixer(gray-14),\n            --tct-gray-l4,\n            --app-gray-l4,\n            #f2f2f2\n        );\n        color: var-list(\n            var-prefixer(calendar-day-selected-font-color),\n            var-prefixer(calendar-day-hover-font-color),\n            inherit\n        );\n        box-shadow: 0 0 0 2px\n            var-list(\n                var-prefixer(calendar-day-selected-outline-color),\n                --tct-stoplight-info,\n                --const-stoplight-info,\n                #0079c1\n            );\n    }\n}\n\n.today-decorator {\n    text-transform: uppercase;\n    font-weight: 700;\n    font-size: 10px;\n    height: 12px;\n}\n\n.calendar-disclaimer {\n    font-size: var-list(\n        var-prefixer(calendar-disclaimer-font-size),\n        --tct-font-size-small,\n        --app-font-size-small,\n        12px\n    );\n    border-style: solid;\n    border-width: var-list(var-prefixer(calendar-disclaimer-border-width), unquote('1px 0 0 0'));\n    border-color: var-list(\n        var-prefixer(calendar-disclaimer-border-color),\n        var-prefixer(gray-13),\n        --tct-gray-l3,\n        --app-gray-l3,\n        #e6e6e6\n    );\n    padding: var-list(--tct-calendar-disclaimer-padding, --tct-scale-2, --app-scale-2x, 10px);\n    text-align: left;\n}\n","import {\n    Component,\n    ComponentInterface,\n    Prop,\n    Element,\n    State,\n    Event,\n    EventEmitter,\n    Listen,\n    Watch,\n    Method,\n    h,\n} from '@stencil/core';\nimport { ISelectedMonthYear, CalendarDay, IDateValidators } from './q2-calendar-types';\nimport { addDays, isSameDay, format, isValid as isValidDate } from 'date-fns';\nimport {\n    stringToDate,\n    setupMonthYear,\n    getMonths,\n    getDays,\n    getDaysOfWeek,\n    stringArrayToDate,\n    convertMomentFormat,\n    validateInput,\n    handleMissingZeros,\n    formatDateISO,\n    formatDateShort,\n    IMomentLikeObject,\n    removeTimezoneOffset,\n    reorderDateString,\n    formatDateFull,\n} from './q2-calendar-helpers';\nimport { buildDates, getValidDaysOfWeek, DateList } from './q2-calendar-validation';\nimport {\n    handleAriaLabel,\n    loc,\n    overrideFocus,\n    isEventFromElement,\n    handleRenamedProp,\n    waitForNextPaint,\n} from '../../utils';\nimport { IEventDetail } from '../q2-input/q2-input-types';\nimport { Q2InputCustomEvent } from 'src/components';\n\n@Component({ tag: 'q2-calendar', shadow: true, styleUrl: 'q2-calendar.scss' })\nexport class Q2Calendar implements ComponentInterface {\n    /**\n     * Detects the year automatically based on today's date when the user presses the `Escape` key or the `Blur` mouse event occurs.\n     * Setting `future` or `past` as the value will increase or decrease the year by one, respectively.\n     */\n    @Prop({ reflect: true }) assume: 'current' | 'future' | 'past' = 'current';\n\n    /** A label shown at the top of the popover date picker. */\n    @Prop({ reflect: true }) calendarLabel: string;\n\n    /** Display a button in the input field allowing the user to clear their selection. */\n    @Prop({ reflect: true }) clearable: boolean;\n\n    /**\n     * Specifies a time of day after which a date is no longer valid.\n     *\n     * @warning\n     * Must be a valid ISO date string.\n     */\n    @Prop({ reflect: true }) cutoffTime: string;\n\n    /**\n     * The most concise way to define valid days of the week for calendar. Each day of the week has a checksum value:\n     *\n     * - Sunday = 1\n     * - Monday = 2\n     * - Tuesday = 4\n     * - Wednesday = 8\n     * - Thursday = 16\n     * - Friday = 32\n     * - Saturday = 64\n     *\n     * Add the checksum values of your desired valid days together, and set `daysOfWeekChecksum` to that summed value.\n     *\n     * **Example:**\n     * @snippet\n     * element.daysOfWeekChecksum = 127 // All days of the week are valid\n     * element.daysOfWeekChecksum = 62; // Only weekdays are valid\n     * element.daysOfWeekChecksum = 65; // Only Saturday and Sunday are valid\n     *\n     */\n    @Prop({ reflect: true }) daysOfWeekChecksum: number;\n\n    /** Disable the input field. */\n    @Prop({ reflect: true }) disabled: boolean;\n\n    /**\n     * Text that displays as the placeholder when the field is marked `disabled`.\n     * @localizable\n     */\n    @Prop({ reflect: true }) disabledMsg: string;\n\n    /** Text that appears at the bottom of the popover date picker. */\n    @Prop({ reflect: true }) disclaimer: string;\n\n    /**\n     * Determines the display format of the date field value.\n     *\n     * Must follow the [date-fns](https://date-fns.org/v2.28.0/docs/format) token specification.\n     */\n    @Prop({ reflect: true }) displayFormat: string;\n\n    /**\n     * Defines the last selectable date in the date picker popover.\n     *\n     * @warning\n     * Must be a valid ISO date string.\n     */\n    @Prop({ reflect: true }) endDate: string;\n\n    /**\n     * Each item in the `errors` array will appear below the input field when the field is focused and `typeable` is `true`.\n     * @localizable\n     */\n    @Prop({ mutable: true }) errors: string[];\n\n    /** Hide the input field's ` <label> ` element from view. */\n    @Prop({ reflect: true, mutable: true }) hideLabel: boolean;\n\n    /**\n     * Each item in the `hints` array will appear below the input field when the field is focused and `typeable` is true.\n     * @localizable\n     */\n    @Prop({ mutable: true }) hints: string[];\n\n    /** Show error styles when the calendar is in an errant state. */\n    @Prop({ reflect: true, mutable: true }) invalid: boolean;\n\n    /**\n     * Defines an explicit date blacklist.\n     *\n     * @warning\n     * Must be a valid ISO date string.\n     *\n     * @info\n     * When explicit date definitions like `invalidDates` is used, other date validity methods like `daysOfWeekChecksum` are overriden.\n     */\n    @Prop() invalidDates: string[];\n\n    /** The visible label for the `q2-calendar` input field. */\n    @Prop({ reflect: true, mutable: true }) label: string;\n\n    /** Determine whether the popover is open or closed. */\n    @Prop({ reflect: true, mutable: true }) open: boolean;\n\n    /** Appends \"(optional)\" to the label and sets `aria-required=\"false\"`. */\n    @Prop({ reflect: true }) optional: boolean;\n\n    /**\n     * Text that appears within the input field when it is blurred and empty.\n     * Placeholder text disappears when the user focuses on the field and provides input.\n     */\n    @Prop({ reflect: true }) placeholder: string;\n\n    /** Aligns the popover date picker to the left or right side of the input field. */\n    @Prop() popoverAlignment: 'left' | 'right';\n\n    /**\n     * Force the direction of the popover date picker when it opens.\n     * If no value is passed, the component will auto-detect the direction based on available space.\n     */\n    @Prop({ mutable: true }) popoverDirection: 'up' | 'down';\n\n    /** @deprecated */\n    @Prop() popoverMinHeight: number = 355;\n\n    /**\n     * The field's content is not editable, but the field remains focusable.\n     *\n     * Appends \"(readonly)\" to the field label. Supersedes `optional` if both are `true`.\n     */\n    @Prop({ reflect: true }) readonly: boolean;\n\n    /**\n     * Defines the first selectabe date in the date picker popover.\n     *\n     * @warning\n     * Must be a valid ISO date string.\n     */\n    @Prop({ reflect: true }) startDate: string;\n\n    /** The user can type in the field. Only available in desktop browsers. */\n    @Prop({ reflect: true }) typeable: boolean;\n\n    /**\n     * Defines an explicit date whitelist.\n     *\n     * @warning\n     * Must be a valid ISO date string.\n     *\n     * @info\n     * When explicit date definitions like `validDates` is used, other date validity methods like `daysOfWeekChecksum` are overriden.\n     */\n    @Prop() validDates: string[];\n\n    /**\n     * The value of the `q2-calendar` element, e.g. the selected date.\n     *\n     * **How to change or clear the value with javascript:**\n     * @snippet\n     * // change date\n     * element.value = '2022-12-21';\n     * // clear date\n     * element.value = null;\n     */\n    @Prop({ mutable: true, reflect: true }) value: string | { toDate(): Date };\n\n    /** @deprecated */\n    @Prop({ reflect: true }) popDirection: 'up' | 'down';\n    /** @deprecated */\n    @Prop() onsuccess: (e: CustomEvent) => void;\n    /** @deprecated */\n    @Prop({ reflect: true }) buttonLabel: string;\n    /** @deprecated */\n    @Prop({ reflect: true, mutable: true }) ariaLabel: string;\n\n    @Element() hostElement: HTMLElement;\n\n    @State() keyboardSelection: boolean = false;\n    @State() typedValue: string = '';\n    @State() dateList: CalendarDay[];\n    @State() hintMessage: string = this.defaultHintMessage;\n    @State() hintMessageType: 'info' | 'error' = 'info';\n    formatModifier: string = 'M/D/YYYY'; // To allow missing leading zero, 4/3/2021 => converts into 04/03/2021\n    hintMessageElement: HTMLQ2MessageElement;\n    controlElement: HTMLQ2InputElement;\n    btnCalendarToggle: HTMLQ2BtnElement;\n    calendarTable: HTMLTableElement;\n    btnPrevMonth: HTMLQ2BtnElement;\n    btnNextMonth: HTMLQ2BtnElement;\n    btnPrevYear: HTMLQ2BtnElement;\n    btnNextYear: HTMLQ2BtnElement;\n    calendarBody: HTMLDivElement;\n    defaultFormatString = 'mm/dd/yyyy';\n    selectedMonthYear: ISelectedMonthYear;\n    scheduledAfterRender: (() => void)[] = [];\n    privatePopDirection: 'up' | 'down';\n    popoverElement?: HTMLQ2PopoverElement;\n    internalError: string = '';\n    valueOnBlur: string | { toDate(): Date };\n\n    connectedCallback() {\n        this.selectedMonthYear = setupMonthYear(this.dateValue);\n        this.dateList = this.buildDateList(this.selectedMonthYear);\n        if (this.value && this.isTypeable && !this.typedValue) {\n            this.typedValue = reorderDateString(this.value as string);\n        }\n        this.validateDate();\n    }\n\n    componentWillLoad() {\n        this.popDirectionHandler();\n        handleAriaLabel(this);\n    }\n\n    componentDidRender() {\n        setTimeout(() => {\n            this.scheduledAfterRender.forEach(fn => fn());\n            this.scheduledAfterRender = [];\n        }, 25);\n    }\n\n    componentDidLoad(): void {\n        overrideFocus(this.hostElement);\n    }\n\n    dayAbbrStrings = getDays();\n    dayStrings = getDaysOfWeek();\n    monthStrings = getMonths();\n\n    get selectedDate() {\n        const selectedCell = this.calendarBody?.querySelector<HTMLTableCellElement>('[aria-selected=\"true\"]');\n        return selectedCell ? removeTimezoneOffset(new Date(selectedCell.dataset.date)) : null;\n    }\n\n    get innerInputField(): HTMLInputElement | HTMLButtonElement {\n        return this.controlElement?.shadowRoot?.querySelector('.input-field');\n    }\n\n    get innerInputContainer(): HTMLElement {\n        return this.controlElement?.shadowRoot?.querySelector('.input-container');\n    }\n\n    get defaultHintMessage() {\n        return this.typeable\n            ? loc('tecton.element.calendar.hint.format') + ': ' + this.defaultFormatString\n            : loc('tecton.element.calendar.hint.select');\n    }\n\n    get canClear() {\n        if (this.isTypeable) {\n            return this.clearable && !!this.typedValue;\n        } else {\n            return this.clearable && !!this.value;\n        }\n    }\n\n    get currentWeeks() {\n        const weeks = this.dateList.reduce<CalendarDay[][]>((accum, item, index) => {\n            const chunkIndex = Math.floor(index / 7);\n\n            if (!accum[chunkIndex]) {\n                accum[chunkIndex] = [];\n            }\n\n            accum[chunkIndex].push(item);\n\n            return accum;\n        }, []);\n\n        return weeks;\n    }\n\n    get formattedValue() {\n        const { typedValue, dateValue, displayFormat, isTypeable } = this;\n        if (isTypeable) return typedValue;\n\n        if (dateValue === undefined) return '';\n        if (displayFormat) return format(dateValue, convertMomentFormat(displayFormat));\n\n        return new Intl.DateTimeFormat('en-US', {\n            year: 'numeric',\n            month: '2-digit',\n            day: '2-digit',\n            timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,\n        }).format(dateValue);\n    }\n\n    get computedPlaceholder(): string {\n        if (this.disabled && this.disabledMsg) {\n            return loc(this.disabledMsg);\n        }\n\n        if (this.buttonLabel && (this.disabled || this.placeholder)) {\n            return loc(this.buttonLabel);\n        }\n\n        return (this.placeholder && loc(this.placeholder)) || '';\n    }\n\n    get dateValue(): Date | undefined {\n        if (this.isTypeable) {\n            return stringToDate(this.typedValue);\n        } else {\n            let { value } = this;\n            const isMoment = value && typeof value !== 'string' && 'toDate' in value;\n            if (isMoment) return (value as IMomentLikeObject).toDate();\n\n            // stringified moment value assigned in html template e.g.) handlebar\n            const isMomentString =\n                typeof value === 'string' && value.split(' ').length === 6 && /GMT-\\d{4}/g.test(value);\n            if (isMomentString) {\n                value = formatDateISO(value as string);\n            }\n\n            return stringToDate(value as string);\n        }\n    }\n\n    get dateValidators(): IDateValidators {\n        const ct = new Date(this.cutoffTime || ''); // should fallback to InvalidDate\n        return {\n            startDate: stringToDate(this.startDate),\n            endDate: stringToDate(this.endDate),\n            cutOffTime: isValidDate(ct) ? ct : undefined,\n        };\n    }\n\n    get isTypeable(): boolean {\n        return this.typeable;\n    }\n\n    get errorList() {\n        const { errors, internalError, invalid } = this;\n        let list = [];\n        if (internalError) {\n            list = [internalError];\n        }\n        if (Array.isArray(errors) && errors.length) {\n            list = errors\n                .filter(error => !!error)\n                .map(error => loc(error))\n                .concat(list);\n        } else if (!internalError && invalid) {\n            return ['tecton.element.calendar.invalid'];\n        }\n        return list;\n    }\n\n    get hintList() {\n        const { hints, hintMessageType, hintMessage } = this;\n        if (Array.isArray(hints) && hints.length) return hints.filter(hint => !!hint).map(hint => loc(hint));\n        if (hintMessageType === 'info' && hintMessage) return [hintMessage];\n        return [];\n    }\n\n    //////// Host Element Events ////////\n    @Listen('change')\n    defaultChangeHandler(event: CustomEvent) {\n        if (event.target === this.hostElement && !this.hostElement.onchange && !!event.detail) {\n            this.value = event.detail.value;\n        }\n    }\n\n    @Listen('error')\n    defaultErrorHandler(event: CustomEvent) {\n        if (event.target === this.hostElement && !this.hostElement.onerror) {\n            if (this.hintMessageType === 'error' && this.hintMessage) {\n                this.internalError = this.hintMessage;\n            } else {\n                this.internalError = loc('tecton.element.calendar.hint.invalidDate');\n            }\n        }\n    }\n\n    @Listen('success')\n    defaultSuccessHandler(event: CustomEvent) {\n        if (event.target !== this.hostElement) {\n            return;\n        }\n\n        if (typeof this.onsuccess === 'function') {\n            this.onsuccess(event);\n        } else {\n            this.internalError = '';\n            if (this.hintMessageType === 'error' && this.hintMessage) {\n                this.hintMessage = null;\n                this.hintMessageType = null;\n                this.invalid = false;\n            }\n        }\n    }\n\n    @Listen('focus')\n    delegateFocus(event: FocusEvent) {\n        if (!isEventFromElement(event, this.hostElement)) return;\n        this.controlElement.shadowRoot.querySelector<HTMLElement>('.input-field').focus();\n    }\n\n    @Listen('clear')\n    handleClear() {\n        this.change.emit({ value: null });\n        this.value = null;\n        this.typedValue = '';\n    }\n\n    @Listen('popoverStateChanged')\n    popoverStateHandler({ detail: { open } }: CustomEvent<{ open: boolean }>) {\n        if (this.open !== open) this.open = open;\n    }\n\n    /// Methods ///\n    _togglePopover() {\n        const toggleElement = this.typeable ? this.btnCalendarToggle : this.innerInputField;\n        toggleElement?.click();\n        toggleElement?.focus();\n        toggleElement.dispatchEvent(new FocusEvent('focus'));\n    }\n\n    /**\n     * Emulates clicking the `<input>` to display the popover if it is hidden.\n     *\n     * @testOnly\n     */\n    @Method()\n    async openPopover() {\n        if (this.open) return;\n        this._togglePopover();\n    }\n\n    /**\n     * Emulates clicking the `<input>` to hide the popover if it is visible.\n     *\n     * @testOnly\n     */\n    @Method()\n    async closePopover() {\n        if (!this.open) return;\n        this._togglePopover();\n    }\n\n    /**\n     * Emulates clicking the `<input>` to display the popover, moving to the correct month and year, and clicking the\n     * provided date.\n     *\n     * While a `string` value can be passed, we recommended passing a `Date` object. If the value is invalid, the method\n     * will not select the date.\n     *\n     * @testOnly\n     */\n    @Method()\n    async setValue(value: string | Date) {\n        const date = typeof value === 'string' ? stringToDate(value) : value;\n        if (!isValidDate(date)) return;\n\n        await this.openPopover();\n        await waitForNextPaint();\n\n        this.goToMonthYear(date.getMonth(), date.getFullYear());\n        await waitForNextPaint();\n        const tableCell = this.calendarTable?.querySelector<HTMLTableCellElement>(\n            `td[data-date=\"${formatDateISO(date)}\"]`\n        );\n        tableCell?.click();\n    }\n\n    /**\n     * Emulates focusing the `<input>`, entering the provided value, and emitting an `input` event.\n     *\n     * While a `string` value can be passed, we recommended passing a `Date` object. If the value is invalid, the method\n     * will not select the date.\n     *\n     * @warning\n     * Only applicable when the input is typeable.\n     *\n     * @testOnly\n     */\n    @Method()\n    async typeValue(value: string | Date) {\n        if (!this.typeable) return;\n\n        const date = typeof value === 'string' ? stringToDate(value) : value;\n        const formattedDate = formatDateShort(date);\n        if (!isValidDate(date)) return;\n\n        const { innerInputField, controlElement } = this;\n        innerInputField.focus();\n        innerInputField.dispatchEvent(new FocusEvent('focus'));\n        innerInputField.value = formattedDate;\n        innerInputField.dispatchEvent(new InputEvent('input'));\n        controlElement.dispatchEvent(new KeyboardEvent('keyup'));\n    }\n\n    //////// Observers //////////\n    @Watch('popDirection')\n    popDirectionHandler() {\n        handleRenamedProp(this, 'popDirection', 'popoverDirection');\n    }\n\n    @Watch('ariaLabel')\n    ariaLabelObserver() {\n        handleAriaLabel(this);\n    }\n\n    @Watch('typeable')\n    typeableChanged() {\n        this.valueObserver(this.value);\n    }\n\n    @Watch('value')\n    valueObserver(newValue: string | IMomentLikeObject) {\n        // resetting by empty string\n        if (newValue === '') {\n            this.value = undefined;\n            this.setHints({ isValid: true, message: this.defaultHintMessage, messageType: 'info' });\n            return;\n        }\n        const isMoment = newValue && typeof newValue !== 'string' && 'toDate' in newValue;\n        const newDate = isMoment ? (newValue as IMomentLikeObject).toDate() : stringToDate(newValue as string);\n        const shortFormattedValue = formatDateShort(newDate);\n        if (this.isTypeable) {\n            this.typedValue = shortFormattedValue;\n        } else {\n            this.controlElement.value = shortFormattedValue;\n            this.selectedMonthYear = setupMonthYear(newDate);\n            this.dateList = this.buildDateList(this.selectedMonthYear);\n            this.validateDate();\n        }\n\n        // reset hint when value is cleared\n        if (this.invalid) return;\n\n        if (shortFormattedValue) {\n            this.setHints({\n                isValid: true,\n                message: null,\n                messageType: null,\n            });\n        } else {\n            this.setHints({ isValid: true, message: this.defaultHintMessage, messageType: 'info' });\n        }\n    }\n\n    @Watch('daysOfWeekChecksum')\n    daysOfWeekChecksumObserver() {\n        this.dateList = this.buildDateList(this.selectedMonthYear);\n        this.validateDate();\n    }\n\n    @Watch('validDates')\n    validDatesObserver() {\n        this.dateList = this.buildDateList(this.selectedMonthYear);\n        this.validateDate();\n    }\n\n    @Watch('invalidDates')\n    invalidDatesObserver() {\n        this.dateList = this.buildDateList(this.selectedMonthYear);\n        this.validateDate();\n    }\n\n    @Watch('startDate')\n    startDateObserver() {\n        this.dateList = this.buildDateList(this.selectedMonthYear);\n        this.validateDate();\n    }\n\n    @Watch('endDate')\n    endDateObserver() {\n        this.dateList = this.buildDateList(this.selectedMonthYear);\n        this.validateDate();\n    }\n\n    @Watch('cutoffTime')\n    cutoffTimeObserver() {\n        this.dateList = this.buildDateList(this.selectedMonthYear);\n        this.validateDate();\n    }\n\n    ///////// Event /////////\n    /**\n     * Emitted when a date is selected or typed in the input field.\n     * @legacyEvent\n     */\n    @Event() change: EventEmitter<{\n        // ISO formatted date\n        value: string | null;\n    }>;\n\n    /**\n     * Emitted when an invalid date is entered into the field.\n     */\n    @Event() error: EventEmitter<{ errors: { message: string; errorCode: string }[] }>;\n\n    /**\n     * Emitted when a valid date is entered or selected.\n     */\n    @Event() success: EventEmitter<{\n        // ISO formatted date\n        value: string;\n    }>;\n\n    ///// Actions ////////\n\n    buildDateList(monthYear: ISelectedMonthYear): DateList {\n        const invalidDates = stringArrayToDate(this.invalidDates);\n        const validDaysOfWeek = getValidDaysOfWeek(this.daysOfWeekChecksum);\n        const validDates = stringArrayToDate(this.validDates);\n        return buildDates(\n            validDaysOfWeek,\n            validDates,\n            invalidDates,\n            monthYear,\n            this.dateValue,\n            this.dateValidators,\n            this.typedValue\n        );\n    }\n\n    validateDate() {\n        try {\n            if (!!this.value) {\n                const { dateValue } = this;\n                const month = dateValue?.getMonth() ?? undefined;\n                const year = dateValue?.getFullYear() ?? undefined;\n                const { monthIndex, selectedYear } = this.selectedMonthYear;\n\n                const isSelectedMonthAndYear = month === monthIndex && year === selectedYear;\n                let calculationDateList = [];\n\n                if (!dateValue) {\n                    calculationDateList = [];\n                } else if (isSelectedMonthAndYear) {\n                    calculationDateList = this.dateList;\n                } else {\n                    calculationDateList = this.buildDateList({\n                        monthIndex: month,\n                        selectedYear: year,\n                    });\n                }\n\n                const dateValueDayOfMonth = dateValue?.getDate() ?? undefined;\n                const isDateValueInvalid = dateValueDayOfMonth\n                    ? !calculationDateList.find(({ integer }) => integer === dateValueDayOfMonth).isValid\n                    : true;\n                if (isDateValueInvalid) {\n                    this.error.emit({\n                        errors: [\n                            {\n                                message: `Value passed is invalid: The date ${this.value} is not valid`,\n                                errorCode: 'generalInvalid',\n                            },\n                        ],\n                    });\n                } else {\n                    this.success.emit({ value: formatDateISO(dateValue) });\n                }\n            }\n        } catch (error) {\n            console.warn('Invalid moment value ', this.dateValue);\n        }\n    }\n\n    focusInput() {\n        this.controlElement?.focus();\n    }\n\n    closeCalendar = () => {\n        if (!this.open) return;\n        this.open = false;\n        this.focusInput();\n    };\n\n    openCalendar = () => {\n        if (this.readonly || this.open) return;\n        this.selectedMonthYear = setupMonthYear(this.dateValue);\n        this.dateList = this.buildDateList(this.selectedMonthYear);\n        this.open = true;\n    };\n\n    toggleCalendar = () => {\n        if (this.readonly) return;\n        if (this.open) {\n            this.closeCalendar();\n        } else {\n            this.openCalendar();\n        }\n    };\n\n    onClickElsewhere = (event: CustomEvent) => {\n        const target = event.target as HTMLClickElsewhereElement;\n        if (target.localName === 'click-elsewhere') {\n            event.stopPropagation();\n            this.closeCalendar();\n        }\n    };\n\n    onPopupKeyup = (event: KeyboardEvent) => {\n        if (event.key === 'Escape' || event.key === 'Esc') {\n            this.onInputBlur();\n            this.closeCalendar();\n        }\n    };\n\n    onInputInput = ({ detail: { value } }: Q2InputCustomEvent<IEventDetail> & InputEvent) => {\n        this.typedValue = value;\n    };\n\n    onInputKeydown = (event: KeyboardEvent) => {\n        const { dateValue } = this;\n\n        switch (event.key) {\n            case 'ArrowDown':\n                event.preventDefault();\n                this.openCalendar();\n                this.activateDay(dateValue || new Date());\n                break;\n        }\n    };\n\n    onInputKeyup = (event: KeyboardEvent) => {\n        if (this.disabled) {\n            return;\n        }\n\n        switch (event.key) {\n            case 'Escape':\n                this.onInputBlur();\n                this.closeCalendar();\n                break;\n        }\n\n        if (!this.isTypeable) return;\n\n        // handle missing zero in month and date\n        this.typedValue = handleMissingZeros(this.typedValue);\n        const { typedValue } = this;\n        const validDays = getValidDaysOfWeek(this.daysOfWeekChecksum);\n        const { isValid, message, messageType, inputDate, isAvailable, calendarPosition } = validateInput(\n            typedValue,\n            validDays,\n            this.validDates,\n            this.invalidDates,\n            this.startDate,\n            this.endDate,\n            this.defaultFormatString,\n            this.assume\n        );\n\n        if (calendarPosition) {\n            const [mm, dd, yyyy] = calendarPosition;\n            const date = new Date(yyyy, mm - 1, dd);\n            if (isValidDate(date)) {\n                this.selectedMonthYear = setupMonthYear(date);\n                this.dateList = this.buildDateList(this.selectedMonthYear);\n                this.validateDate();\n            }\n        }\n\n        if (event.key === 'Enter') {\n            if (\n                isValid ||\n                (typedValue &&\n                    typedValue.length > 4 && // at least mm/dd provided\n                    inputDate &&\n                    isValidDate(inputDate) &&\n                    isAvailable)\n            ) {\n                this.setCompleteInput(inputDate);\n            } else if (this.value) {\n                this.value = null;\n                this.change.emit({ value: null });\n                this.typedValue = typedValue;\n            }\n\n            if (this.keyboardSelection) {\n                this.keyboardSelection = false;\n                this.closeCalendar();\n            } else {\n                this.toggleCalendar();\n            }\n        } else {\n            this.setHints({ isValid, message, messageType });\n        }\n    };\n\n    onInputChange = (event: Event) => {\n        event.stopPropagation();\n    };\n\n    onInputBlur = () => {\n        if (!this.isTypeable) return;\n\n        const validDays = getValidDaysOfWeek(this.daysOfWeekChecksum);\n        const { typedValue } = this;\n        const { isValid, inputDate, isAvailable } = validateInput(\n            this.typedValue,\n            validDays,\n            this.validDates,\n            this.invalidDates,\n            this.startDate,\n            this.endDate,\n            this.defaultFormatString,\n            this.assume\n        );\n\n        if (!typedValue && inputDate?.toString() === 'Invalid Date') {\n            // initial/clear state\n            this.setHints({ isValid: true, message: this.defaultHintMessage, messageType: 'info' });\n        } else if (\n            isValid ||\n            (typedValue &&\n                typedValue.length > 4 && // at least mm/dd provided\n                inputDate &&\n                isValidDate(inputDate) &&\n                isAvailable)\n        ) {\n            this.setCompleteInput(inputDate);\n        } else if (this.value) {\n            this.valueOnBlur = this.value;\n            this.value = null;\n            this.change.emit({ value: null });\n            this.typedValue = typedValue;\n        }\n    };\n\n    onInputFocus = (event: FocusEvent) => {\n        if (!this.isTypeable) return;\n        if (event.target === this.controlElement) {\n            if (this.valueOnBlur && !this.value) {\n                const tmpTypedValue = this.typedValue;\n                this.value = this.valueOnBlur;\n                this.typedValue = tmpTypedValue;\n                this.valueOnBlur = null;\n            }\n            this.closeCalendar();\n        }\n    };\n\n    onInputClick = () => {\n        if (this.disabled) return;\n        this.toggleCalendar();\n    };\n\n    onRefocus = () => {\n        this.btnPrevMonth?.dispatchEvent(new FocusEvent('focus'));\n    };\n\n    goToMonthYear = (monthIndex: number, year: number) => {\n        if (monthIndex < 0) {\n            monthIndex = 11;\n            year--;\n        } else if (monthIndex > 11) {\n            monthIndex = 0;\n            year++;\n        }\n        this.selectedMonthYear = {\n            monthIndex,\n            selectedYear: year,\n        };\n        this.dateList = this.buildDateList(this.selectedMonthYear);\n\n        this.scheduledAfterRender.push(() => this.checkActiveCellForBlankness());\n    };\n\n    checkActiveCellForBlankness() {\n        const activeElement = this.hostElement.shadowRoot.activeElement;\n        if (!activeElement || activeElement.tagName !== 'TD' || !activeElement.hasAttribute('aria-hidden')) return;\n\n        const { calendarBody } = this;\n        const calendarCells = Array.from(calendarBody.querySelectorAll<Element>('td'));\n        const indexOfCell = Array.from(calendarCells).indexOf(activeElement);\n\n        const dayToFocus =\n            indexOfCell < 15 ? 1 : calendarCells.filter(cell => !cell.hasAttribute('aria-hidden')).length;\n\n        this.focusDay(this.generateDateFromDay(dayToFocus));\n    }\n\n    selectDate = (newDate: Date) => {\n        const { isValid } = this.dateList.find(({ date }) => isSameDay(date, newDate));\n        if (!isValid) return;\n        this.change.emit({ value: formatDateISO(newDate) });\n        this.typedValue = formatDateShort(newDate);\n        this.invalid = false;\n        this.success.emit({ value: formatDateISO(newDate) });\n    };\n\n    onDateSelection = (event: MouseEvent) => {\n        const dateCell = (event.target as HTMLElement).closest<HTMLElement>('td:not([aria-hidden])');\n        if (!dateCell) return;\n        const clickedDate = removeTimezoneOffset(new Date(dateCell.dataset.date));\n        this.selectDate(clickedDate);\n        this.closeCalendar();\n    };\n\n    generateDateFromDay(day: number) {\n        const { monthIndex, selectedYear } = this.selectedMonthYear;\n        return new Date(selectedYear, monthIndex, day);\n    }\n\n    onHeaderControlKeydown = (event: KeyboardEvent) => {\n        const currentDate = this.generateDateFromDay(1);\n        const hasSelectedCell = this.calendarBody?.querySelector<HTMLTableCellElement>('[aria-selected=\"true\"]');\n\n        if (event.key === 'Tab' && !hasSelectedCell) {\n            event.preventDefault();\n            this.activateDay(currentDate);\n        }\n    };\n\n    onDateKeydown = (event: KeyboardEvent) => {\n        const { monthIndex, selectedYear } = this.selectedMonthYear;\n        const currentDay = parseInt((event.target as HTMLElement).dataset.day);\n        const currentDate = this.generateDateFromDay(currentDay);\n\n        switch (event.key) {\n            case 'ArrowUp':\n                event.preventDefault();\n                this.activateDay(addDays(currentDate, -7));\n                break;\n\n            case 'ArrowDown':\n                event.preventDefault();\n                this.activateDay(addDays(currentDate, 7));\n                break;\n\n            case 'ArrowRight':\n                event.preventDefault();\n                this.activateDay(addDays(currentDate, 1));\n                break;\n\n            case 'ArrowLeft':\n                event.preventDefault();\n                this.activateDay(addDays(currentDate, -1));\n                break;\n\n            case 'PageUp':\n                event.preventDefault();\n                if (event.shiftKey) this.goToMonthYear(monthIndex, selectedYear - 1);\n                else this.goToMonthYear(monthIndex - 1, selectedYear);\n                break;\n\n            case 'PageDown':\n                event.preventDefault();\n                if (event.shiftKey) this.goToMonthYear(monthIndex, selectedYear + 1);\n                else this.goToMonthYear(monthIndex + 1, selectedYear);\n                break;\n\n            case 'Home':\n                event.preventDefault();\n                this.activateDay(addDays(currentDate, -currentDate.getDay()));\n                break;\n\n            case 'End':\n                event.preventDefault();\n                this.activateDay(addDays(currentDate, 6 - currentDate.getDay()));\n                break;\n\n            case 'Escape':\n                event.preventDefault();\n                this.closeCalendar();\n                this.focusInput();\n                break;\n\n            case 'Enter':\n                event.preventDefault();\n                if (!this.dateList.find(({ date }) => isSameDay(date, currentDate)).isValid) return;\n                this.selectDate(currentDate);\n                this.closeCalendar();\n                this.focusInput();\n                break;\n\n            case ' ':\n                event.preventDefault();\n                if (!this.dateList.find(({ date }) => isSameDay(date, currentDate)).isValid) return;\n                this.selectDate(currentDate);\n                this.focusInput();\n                break;\n        }\n    };\n\n    activateDay(date: Date) {\n        this.goToMonthYear(date.getMonth(), date.getFullYear());\n        this.scheduledAfterRender.push(() => this.focusDay(date));\n    }\n\n    async focusDay(date: Date) {\n        if (!date) return;\n        await waitForNextPaint();\n        this.calendarBody.querySelector<HTMLElement>(`td[data-day=\"${date.getDate()}\"]`)?.focus();\n    }\n\n    render() {\n        return (\n            <click-elsewhere\n                class={this.open ? 'dropdown-open' : undefined}\n                onChange={this.onClickElsewhere}\n            >\n                {this.inputField()}\n                <q2-popover\n                    ref={el => (this.popoverElement = el)}\n                    controlElement={this.innerInputContainer}\n                    open={this.open}\n                    direction={this.popoverDirection}\n                    minHeight={this.popoverMinHeight}\n                    align={this.popoverAlignment}\n                    block\n                >\n                    {this.hintField()}\n                    {this.calendarPopover()}\n                </q2-popover>\n            </click-elsewhere>\n        );\n    }\n\n    hintField() {\n        if (!this.hintMessage) return;\n\n        return (\n            <q2-message\n                class=\"calendar-hint sr\"\n                ref={el => (this.hintMessageElement = el)}\n                type={this.hintMessageType}\n            >\n                {this.hintMessage}\n            </q2-message>\n        );\n    }\n\n    setHints({ isValid, message, messageType }) {\n        if (message === this.hintMessage) return this.hintMessageElement?.present();\n        this.invalid = !isValid;\n        this.hintMessage = message;\n        this.hintMessageType = messageType;\n        if (messageType === 'error' && message) {\n            this.internalError = message;\n            this.error.emit({\n                errors: [\n                    {\n                        message,\n                        errorCode: 'generalInvalid',\n                    },\n                ],\n            });\n        }\n    }\n\n    setCompleteInput(inputDate: Date) {\n        const formattedDate = formatDateShort(inputDate);\n        this.change.emit({ value: formatDateISO(inputDate) });\n        this.typedValue = formattedDate;\n        this.internalError = null;\n        this.setHints({\n            isValid: true,\n            message: null,\n            messageType: null,\n        });\n    }\n\n    inputField() {\n        const { isTypeable } = this;\n        return (\n            <q2-input\n                ref={el => (this.controlElement = el)}\n                class=\"calendar-input-field\"\n                value={this.formattedValue}\n                label={loc(this.label)}\n                hideLabel={this.hideLabel}\n                disabled={!!this.disabled}\n                readonly={!!this.readonly}\n                clearable={this.canClear}\n                placeholder={this.computedPlaceholder}\n                optional={!!this.optional}\n                ariaExpanded={`${!!this.open}`}\n                hints={this.hintList}\n                errors={this.errorList}\n                onClick={isTypeable ? undefined : this.onInputClick}\n                onChange={this.onInputChange}\n                onInput={this.onInputInput}\n                onKeyDown={this.onInputKeydown}\n                onKeyUp={this.onInputKeyup}\n                onBlur={this.onInputBlur}\n                onFocus={this.onInputFocus}\n                icon-right={isTypeable ? undefined : 'calendar'}\n                format-modifier={isTypeable ? this.formatModifier : this.displayFormat || this.formatModifier}\n                pseudo={!isTypeable}\n                type=\"date\"\n                hide-messages={!isTypeable}\n                test-id=\"inputAndCalendarToggle\"\n            >\n                {isTypeable && (\n                    <q2-btn\n                        ref={el => (this.btnCalendarToggle = el)}\n                        slot=\"input-right\"\n                        onClick={this.onInputClick}\n                        test-id=\"calendarToggle\"\n                        label=\"tecton.element.calendar.toggleAriaLabel\"\n                        hide-label\n                    >\n                        <q2-icon type=\"calendar\" />\n                    </q2-btn>\n                )}\n            </q2-input>\n        );\n    }\n\n    calendarPopover() {\n        const { monthIndex, selectedYear } = this.selectedMonthYear;\n        return (\n            <div\n                class=\"calendar-field-popup\"\n                onKeyUp={this.onPopupKeyup}\n            >\n                {this.calendarLabel && <p class=\"calendar-label\">{loc(this.calendarLabel)}</p>}\n                <div class=\"cal-month-heading\">\n                    <q2-btn\n                        label={loc('tecton.element.calendar.previousMonth')}\n                        hide-label\n                        ref={elm => (this.btnPrevMonth = elm)}\n                        class=\"cal-nav-btn prev-month\"\n                        test-id=\"previousMonthButton\"\n                        onClick={() => this.goToMonthYear(monthIndex - 1, selectedYear)}\n                    >\n                        <q2-icon type=\"chevron-left\" />\n                    </q2-btn>\n                    <span class=\"cal-month-text\">{this.monthStrings[monthIndex]}</span>\n                    <q2-btn\n                        label={loc('tecton.element.calendar.nextMonth')}\n                        hide-label\n                        class=\"cal-nav-btn next-month\"\n                        ref={elm => (this.btnNextMonth = elm)}\n                        test-id=\"nextMonthButton\"\n                        onClick={() => this.goToMonthYear(monthIndex + 1, selectedYear)}\n                    >\n                        <q2-icon type=\"chevron-right\" />\n                    </q2-btn>\n                    <q2-btn\n                        label={loc('tecton.element.calendar.previousYear')}\n                        hide-label\n                        class=\"cal-nav-btn prev-year\"\n                        ref={elm => (this.btnPrevYear = elm)}\n                        test-id=\"previousYearButton\"\n                        onClick={() => this.goToMonthYear(monthIndex, selectedYear - 1)}\n                    >\n                        <q2-icon type=\"chevron-left\" />\n                    </q2-btn>\n                    <span class=\"cal-year-text\">{this.selectedMonthYear.selectedYear}</span>\n                    <q2-btn\n                        label={loc('tecton.element.calendar.nextYear')}\n                        hide-label\n                        class=\"cal-nav-btn next-year\"\n                        ref={elm => (this.btnNextYear = elm)}\n                        test-id=\"nextYearButton\"\n                        onClick={() => this.goToMonthYear(monthIndex, selectedYear + 1)}\n                        onKeyDown={this.onHeaderControlKeydown}\n                    >\n                        <q2-icon type=\"chevron-right\" />\n                    </q2-btn>\n                </div>\n                <div\n                    class=\"sr\"\n                    aria-live=\"polite\"\n                    id=\"table-label\"\n                >\n                    {`${this.monthStrings[monthIndex]} ${selectedYear}`}\n                </div>\n                {this.calendarDays()}\n                {this.disclaimer && <div class=\"calendar-disclaimer\">{loc(this.disclaimer)}</div>}\n                <q2-btn\n                    class=\"sr refocus-popup\"\n                    onFocus={this.onRefocus}\n                />\n            </div>\n        );\n    }\n\n    calendarDays() {\n        return (\n            <table\n                role=\"grid\"\n                aria-labelledby=\"table-label\"\n                ref={ref => (this.calendarTable = ref)}\n            >\n                <thead>\n                    <tr>\n                        {[...Array(7).keys()].map(index => (\n                            <th\n                                scope=\"col\"\n                                aria-label={this.dayStrings[index]}\n                            >\n                                {this.dayAbbrStrings[index]}\n                            </th>\n                        ))}\n                    </tr>\n                </thead>\n                <tbody\n                    onClick={this.onDateSelection}\n                    onKeyDown={this.onDateKeydown}\n                    ref={elm => (this.calendarBody = elm)}\n                    test-id=\"calendarTableBody\"\n                >\n                    {this.currentWeeks.map(week => (\n                        <tr>\n                            {week.map(day => {\n                                let ariaLabel = '';\n                                if (day.isToday) ariaLabel = `${loc('tecton.element.calendar.today')}, `;\n                                ariaLabel += formatDateFull(day.date);\n                                if (day.isSelected) ariaLabel += ` (${loc('tecton.element.calendar.selected')})`;\n                                return (\n                                    <td\n                                        class={day.classList}\n                                        aria-hidden={day.isEmpty ? 'true' : undefined}\n                                        tabindex={day.isSelected ? 0 : -1}\n                                        role={day.isSelected ? 'gridcell' : undefined}\n                                        aria-selected={day.isSelected ? 'true' : undefined}\n                                        aria-disabled={day.isValid ? undefined : 'true'}\n                                        data-day={day.integer || undefined}\n                                        data-date={day.date ? formatDateISO(day.date) : undefined}\n                                    >\n                                        {day?.isToday && (\n                                            <div\n                                                class=\"today-decorator\"\n                                                aria-hidden=\"true\"\n                                            >\n                                                {loc('tecton.element.calendar.today')}\n                                            </div>\n                                        )}\n                                        <div aria-label={ariaLabel}>{day?.integer ?? ''}</div>\n                                    </td>\n                                );\n                            })}\n                        </tr>\n                    ))}\n                </tbody>\n            </table>\n        );\n    }\n}\n"],"mappings":"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"}

package/dist/q2-tecton-elements/{p-954d49de.entry.js → p-f162c670.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,g as s}from"./p-a5f18e27.js";import{l as o,h as l,o as r,w as n,f as a,i as c,g as d}from"./p-5c46acb8.js";import{s as h,a as p}from"./p-780a1d0e.js";const u="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.q2-element-dropdown{display:none;position:absolute;background-color:var(--app-white, #ffffff);color:var(--t-text, #4d4d4d);left:0;width:100%;z-index:100;margin-top:1px;box-shadow:var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3));height:0;overflow:hidden;opacity:0;visibility:hidden;transition:opacity var(--app-tween-1, 0.2s ease);border-radius:var(--tct-dropdown-border-radius, --t-dropdown-border-radius, 0);--comp-scrollbar-size:var(--tct-scrollbar-size, var(--t-scrollbar-size, var(--app-scale-1x, 5px)));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--t-scrollbar-border-radius, var(--app-border-radius-1, 3px)));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-scrollbar-color, var(--t-a11y-gray-color, #747474)));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}.q2-element-dropdown::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.q2-element-dropdown::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.q2-element-dropdown::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}.q2-element-dropdown.sizable{display:block;height:auto}.dropdown-open .q2-element-dropdown{display:block;height:auto;overflow:auto;opacity:1;visibility:visible}:host([alignment=right]) .q2-element-dropdown{left:auto;right:0}:host([block]) q2-btn,:host([block]){display:block}:host{--comp-select-margin:var(--tct-select-margin, var(--tct-select-margin-top, var(--t-select-margin-top, var(--app-scale-4, 30px))) 0 var(--tct-select-margin-bottom, var(--t-select-margin-bottom, var(--app-scale-4, 30px))));display:block;margin:var(--comp-select-margin)}.q2-select-container{position:relative;display:block}.q2-select-input{margin:0;--tct-input-min-height:var(--tct-select-input-min-height, var(--t-select-input-min-height));--tct-input-max-height:var(--tct-select-input-max-height, var(--t-select-input-max-height, none))}::slotted([slot=_selected-display]){width:100%;min-height:var(--comp-selected-display-height, 44px)}.custom-display-content{position:absolute;bottom:0;left:calc(var(--tct-scale-2, var(--app-scale-2x, 10px)) + 1px);height:44px;width:calc(100% - 34px - var(--tct-scale-3, var(--app-scale-3x, 15px)));overflow:hidden;cursor:pointer;transition:left var(--tct-tween-2, var(--app-tween-1, 0.2s ease))}.custom-display-content:not([hidden]){display:flex;align-items:center}.is-searchable.is-focused .custom-display-content,.is-searchable .custom-display-content:active{left:calc(var(--tct-scale-3, var(--app-scale-3x, 15px)) + 1px)}.has-error .custom-display-content{width:calc(100% - 68px - var(--tct-scale-3, var(--app-scale-3x, 15px)))}.popover-content{display:flex;flex-direction:column-reverse}.popover-bottom-container{position:sticky;bottom:0;z-index:5}.popover-top-container{position:sticky;top:0;z-index:5}.popover-top-container .multi-select-header{padding:var(--tct-scale-2, var(--app-scale-2x, 10px)) var(--tct-scale-2, var(--app-scale-2x, 10px));background:var(--app-white);display:flex;gap:var(--app-scale-2x, 10px);align-items:center}.popover-top-container .multi-select-header fieldset{margin:0;padding:0;border:0;display:flex;gap:var(--app-scale-2x, 10px)}.popover-top-container .multi-select-header legend{padding:0;float:left}.popover-top-container .multi-select-header label{cursor:pointer;padding:var(--tct-select-multi-select-option-padding, var(--t-select-multi-select-option-padding, var(--tct-btn-badge-padding, var(--t-btn-badge-padding, 2px 5px))));font-size:var(--tct-select-multi-select-option-font-size, var(--t-select-multi-select-option-font-size, var(--tct-btn-badge-font-size, var(--t-btn-badge-font-size, inherit))));border-radius:var(--tct-select-multi-select-option-radius, var(--t-select-multi-select-option-radius, var(--tct-btn-badge-border-radius, var(--t-btn-badge-border-radius, var(--app-border-radius-1, 3px)))));background:var(--tct-select-multi-select-option-background, var(--tct-select-multi-select-option-bg, var(--t-select-multi-select-option-bg, var(--tct-badge-background, var(--tct-btn-badge-bg, var(--t-btn-badge-bg, transparent))))));color:var(--tct-select-multi-select-option-color, var(--t-select-multi-select-option-color, var(--tct-btn-badge-font-color, var(--t-btn-badge-font-color, inherit))))}.popover-top-container .multi-select-header label:hover{background:var(--tct-select-multi-select-option-hover-background, var(--tct-select-multi-select-option-hover-background-color, var(--t-select-multi-select-option-hover-background-color, var(--tct-btn-badge-hover-bg, var(--t-btn-badge-hover-bg, var(--tct-gray-14, var(--t-gray-14, var(--app-gray-l3, #f2f2f2))))))));color:var(--tct-select-multi-select-option-hover-color, var(--tct-select-multi-select-option-color, var(--t-select-multi-select-option-color, var(--tct-btn-badge-hover-font-color, var(--t-btn-badge-hover-font-color, var(--tct-gray-5, var(--t-gray-5, var(--app-gray-d2, #404040))))))))}.popover-top-container .multi-select-header input:checked+label,.popover-top-container .multi-select-header input:checked+label:enabled:hover{background:var(--tct-select-multi-select-option-active-background, var(--tct-select-multi-select-option-active-background-color, var(--t-select-multi-select-option-active-background-color, var(--tct-btn-primary-bg, var(--t-btn-primary-bg, #2e2e2e)))));color:var(--tct-select-multi-select-option-active-color, var(--t-select-multi-select-option-active-color, var(--tct-btn-primary-font-color, var(--t-btn-primary-font-color, var(--app-white, #ffffff)))))}.popover-top-container .multi-select-header input:disabled+label{opacity:var(--tct-select-multi-select-option-disabled-opacity, var(--t-select-multi-select-option-disabled-opacity, var(--tct-btn-disabled-opacity, var(--t-btn-disabled-opacity, var(--app-disabled-opacity, 0.4)))));cursor:not-allowed}.popover-top-container .multi-select-header input:focus+label{box-shadow:var(--const-double-focus-ring)}";const v=u;const b=class{constructor(i){t(this,i);this.change=e(this,"change",7);this.input=e(this,"input",7);var s;this.scheduledAfterRender=[];this.showSelectedOptions=()=>{this.showSelected=true};this.showAllOptions=()=>{this.showSelected=false};this.onMutationObserved=()=>{const{hostElement:t,hasPopoverTop:e,hasPopoverBottom:i}=this;const s=t.querySelector(".custom-display-content");const o=t.shadowRoot.querySelector('slot[name="q2-select-display"]');const l=!!o?o.assignedNodes().length>0:s.children.length>0;if(this.hasCustomDisplay!==l){this.hasCustomDisplay=l}const r=t.shadowRoot.querySelector('slot[name="popover-top"]');const n=r.assignedNodes().length>0;if(e!==n){this.hasPopoverTop=n}const a=t.shadowRoot.querySelector('slot[name="popover-bottom"]');const c=a.assignedNodes().length>0;if(i!==c){this.hasPopoverBottom=c}this.checkSelectedOptions()};this.onOptionListChange=t=>{t.stopPropagation();const{values:e}=t.detail;if(e.length===0)this.showAllOptions();this.handleSelectionChanges(t.detail)};this.onPopoverState=({detail:{open:t,action:e}})=>{if(!t||this.searchText){if(e!=="select"){this.optionList.setActiveElement(null)}this.inputField.focus()}if(this.open===t)return;this.open=t};this.inputKeydownHandler=t=>{if(this.readonly||this.disabled)return;const e=t.key;const i=this.hasPopoverTop||this.hasPopoverBottom;const s=e==="Tab"&&t.shiftKey;if(i&&(e==="Tab"||e==="Enter"||s))return;if(h(this,t)){return this.executeActionSheet(t)}const o=["ArrowDown","ArrowUp","PageDown","PageUp","Home","End","Escape","Tab"];if(this.searchable&&!o.includes(e))return;if(this.shouldClearSearchText(t))this.clearSearchText();if(e===" ")t.preventDefault();this.optionList.handleExternalKeydown(t)};this.visibilityToggleKeyDown=t=>{const e=t.key;const i=e==="Tab"&&t.shiftKey;const s=["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(e);if(s)t.stopPropagation();if(i){t.stopPropagation();if(this.hasPopoverTop)return;this.optionList.setDefaultActiveElement()}};this.inputClickHandler=async t=>{t.stopPropagation();if(h(this)){return this.executeActionSheet(t)}this.toggleDropdown();this.focusInput()};this.inputInputHandler=t=>{t.stopPropagation();const e=t.detail.value;const i=!!this.value;if(i)this.clearValue();if(!this.open)this.openDropdownWithoutActiveElement();this.prioritizeSearch=true;this.searchText=e;this.input.emit({query:e})};this.inputFocusHandler=()=>{this.inputFocused=true};this.inputBlurHandler=()=>{this.inputFocused=false};this.inputChangeHandler=t=>{t.stopPropagation()};this.clickedElsewhere=t=>{const e=t.target;if(e.localName!=="click-elsewhere")return;t.stopPropagation();if(!this.open)return;this.closeDropdown()};this.onCustomDisplayClick=t=>{t.stopPropagation();this.focusInput();this.toggleDropdown()};this.disabled=false;this.errors=undefined;this.hideLabel=undefined;this.hoist=!!((s=window.Tecton)===null||s===void 0?void 0:s.useActionSheets);this.invalid=undefined;this.label=undefined;this.listLabel=o("tecton.element.select.listLabel");this.minRows=3;this.multilineOptions=false;this.multiple=false;this.optional=false;this.placeholder=undefined;this.popDirection=undefined;this.readonly=false;this.searchable=false;this.selectedOptions=[];this.value=undefined;this.ariaLabel=undefined;this.open=false;this.showSelected=false;this.searchText="";this.hasCustomDisplay=false;this.hasPopoverTop=false;this.hasPopoverBottom=false;this.inputFocused=false;this.statusMessage=undefined;this.prioritizeSearch=false;this.structuredSelectedOptions=[]}componentWillLoad(){l(this);this.buildStructuredSelectedOptions();this.handleMultilineOptionsUpdate(this.multilineOptions,false)}componentDidLoad(){const t=new MutationObserver(this.onMutationObserved);t.observe(this.hostElement,{childList:true,subtree:true});this.mutationObserver=t;this.onMutationObserved();r(this.hostElement);setTimeout((()=>this.checkSelectedDisplay()),0)}componentDidRender(){setTimeout((()=>{this.scheduledAfterRender.forEach((t=>t()));this.scheduledAfterRender=[]}),25)}disconnectedCallback(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();this.mutationObserver=null}get innerInputField(){var t,e;return(e=(t=this.inputField)===null||t===void 0?void 0:t.shadowRoot)===null||e===void 0?void 0:e.querySelector(".input-field")}get innerInputContainer(){var t,e;return(e=(t=this.inputField)===null||t===void 0?void 0:t.shadowRoot)===null||e===void 0?void 0:e.querySelector(".input-container")}get badgeValue(){var t,e;if(!this.multiple)return null;const i=(e=(t=this.selectedOptions)===null||t===void 0?void 0:t.length)!==null&&e!==void 0?e:0;if(this.open&&this.searchable)return i?`${i}`:null;else return i>1?`+${i-1}`:null}get popoverMinHeight(){const{minRows:t}=this;const e=this.hostElement.querySelector("q2-option:not([hidden])");let i=e&&window.getComputedStyle(e).minHeight;if(!i||i==="0px")i="44px";return t*parseInt(i)}get selectedDisplay(){if(this.prioritizeSearch||this.searchText)return this.searchText;if(this.hasCustomDisplay)return"";return this.multiple?this.calculateMultiSelectSelectedDisplay():this.calculateSingleSelectSelectedDisplay()}get selectedDisplaySlot(){return this.hostElement.querySelector('[slot="_selected-display"]')}get firstSelectedValue(){var t;return this.multiple?(t=this.selectedOptions)===null||t===void 0?void 0:t[0]:this.value}get firstSelectedOptionElement(){const{firstSelectedValue:t}=this;return t?this.optionElements.find((({value:e})=>e===t)):null}get optionElements(){return Array.from(this.hostElement.querySelectorAll("q2-option"))}get wrapperClasses(){const{errors:t}=this;const e=["q2-select-container"];if(Array.isArray(t)&&t.length>0)e.push("has-error");if(this.inputFocused)e.push("is-focused");if(this.searchable)e.push("is-searchable");return e.join(" ")}buildStructuredSelectedOptions(){const{multiple:t,selectedOptions:e,value:i}=this;if(t){this.structuredSelectedOptions=!!(e===null||e===void 0?void 0:e.length)?e.map((t=>typeof t==="string"?{value:t}:t)):[]}else{this.structuredSelectedOptions=i?[{value:i}]:[]}}ariaLabelObserver(){l(this)}valueUpdated(){if(this.multiple)return;this.clearSearchText()}handleMultilineOptionsUpdate(t,e){if(t===e)return;this.optionElements.forEach((e=>e.multiline=t))}openChanged(t){this.scheduledAfterRender.push((async()=>{await n();const{popoverTopContainer:e,popoverElement:i}=this;const s=t&&(e===null||e===void 0?void 0:e.offsetHeight)||0;if(s){i.style.setProperty("--comp-popover-top-container-height",`${s}px`)}else{i.style.removeProperty("--comp-popover-top-container-height")}}))}_togglePopover(){const{innerInputField:t}=this;t===null||t===void 0?void 0:t.click();t===null||t===void 0?void 0:t.focus();t.dispatchEvent(new FocusEvent("focus"))}async openPopover(){if(this.open||this.disabled)return;this._togglePopover()}async closePopover(){if(!this.open||this.disabled)return;this._togglePopover()}async setValue(t,e={closePopover:true}){const i=new Set(Array.isArray(t)?t:[t]);if(!this.open){await this.openPopover();await n()}i.forEach((t=>{var e;(e=this.optionElements.find((e=>e.value===t)))===null||e===void 0?void 0:e.click()}));if(e.closePopover){await this.closePopover();await n()}}searchOptions(t){if(!this.searchable)return;const{innerInputField:e}=this;e.focus();e.dispatchEvent(new FocusEvent("focus"));e.value=t;e.dispatchEvent(new InputEvent("input"))}keydownHandler(t){this.inputKeydownHandler(t)}onHostElementChange(t){if(this.readonly||this.disabled)return;if(t.target!==this.hostElement||this.hostElement.onchange)return;if(this.multiple){this.value=null;this.selectedOptions=t.detail.selectedOptions}else{this.value=t.detail.value;this.selectedOptions=[]}}onHostElementInput(t){if(!this.searchable||t.target!==this.hostElement||this.hostElement.oninput)return;const e=this.optionElements;const i=this.searchText.trim().toLocaleLowerCase();let s=0;e.forEach((t=>{var e;if(i===""){t.hidden=false;return}const o=((e=t.firstElementChild)===null||e===void 0?void 0:e.tagName)==="Q2-CARD"?t.firstElementChild.title:null;const{display:l="",innerText:r=""}=t;const n=[l,o,r];const a=n.some((t=>{var e;return(e=t===null||t===void 0?void 0:t.toLocaleLowerCase().includes(i))!==null&&e!==void 0?e:false}));t.hidden=!a;if(a)s++}));const l=i?"tecton.element.select.searchable.results":"tecton.element.select.allOptions";const r=i?s:e.length;this.setStatusMessage(o(l,[r]))}delegateFocus(t){const e=a(t,this.hostElement);const i=this.prioritizeSearch=e&&this.searchable;if(i){this.clearSelectedDisplay()}else if(c(t,this.hostElement)){this.inputField.shadowRoot.querySelector(".input-field").focus()}}handleFocusout(t){const e=d(t,this.hostElement);if(e)this.closeDropdown();this.prioritizeSearch=!e&&this.searchable}handleSelectedDisplay(t){if(this.multiple)return;this.inputField.value=t.detail.display}async executeActionSheet(t){const e=await p(this,t);this.handleSelectionChanges(e)}handleSelectionChanges(t){const{value:e="",values:i=[]}=t;const s=i.map((t=>t.value));const{multiple:o}=this;if(!this.hostElement.onchange){this.selectedOptions=s}this.change.emit({value:o?undefined:e,selectedOptions:o?s:undefined})}clearValue(){const{multiple:t}=this;this.value="";this.selectedOptions=[];this.change.emit({value:t?undefined:"",selectedOptions:t?[]:undefined})}calculateMultiSelectSelectedDisplay(){var t,e,i;const{firstSelectedOptionElement:s,firstSelectedValue:l,multilineOptions:r}=this;if(!l)return"";if(s===null||s===void 0?void 0:s.display)return o(s.display);if(r&&this.searchable)return this.searchText;if(r)return"";return(i=(e=(t=s===null||s===void 0?void 0:s.textContent)===null||t===void 0?void 0:t.trim())!==null&&e!==void 0?e:s===null||s===void 0?void 0:s.value)!==null&&i!==void 0?i:l}calculateSingleSelectSelectedDisplay(){var t;const{firstSelectedOptionElement:e,multilineOptions:i}=this;if(i){return(e===null||e===void 0?void 0:e.display)&&o(e.display)||this.value||""}else{return(e===null||e===void 0?void 0:e.display)&&o(e.display)||((t=e===null||e===void 0?void 0:e.textContent)===null||t===void 0?void 0:t.trim())||this.value||""}}openDropdownWithoutActiveElement(){if(this.readonly||this.disabled)return;this.optionList.setActiveElement(null);this.open=true}closeDropdown(){this.open=false;this.clearSearchText()}clearSearchText(){if(!this.searchText)return;this.searchText="";this.input.emit({query:""})}toggleDropdown(){if(this.readonly||this.disabled)return;if(this.open&&!this.searchText){this.closeDropdown()}else{this.openDropdownWithoutActiveElement()}}focusInput(){var t;(t=this.inputField)===null||t===void 0?void 0:t.dispatchEvent(new FocusEvent("focus"))}setStatusMessage(t){clearTimeout(this.statusMessageTimer);this.statusMessage="";this.statusMessageTimer=setTimeout((()=>{this.statusMessage=t}),1e3)}checkSelectedOptions(){const{multiple:t,selectedOptions:e,value:i}=this;this.optionElements.forEach((s=>{if(t){s.selected=e.includes(s.value)}else{s.selected=s.value===i}}))}clearSelectedDisplay(){var t;(t=this.selectedDisplaySlot)===null||t===void 0?void 0:t.remove()}checkSelectedDisplay(){let t=this.selectedDisplaySlot;const{value:e,multiple:i,selectedOptions:s,multilineOptions:o,firstSelectedOptionElement:l,prioritizeSearch:r}=this;const n=!e&&i&&!(s===null||s===void 0?void 0:s.length);if(r||!o||n)return this.clearSelectedDisplay();if(!l||l.display)return this.clearSelectedDisplay();const a=l.firstElementChild.cloneNode(true);a.querySelectorAll("[hide-on-select]").forEach((t=>t.remove()));if(t){const e=t.clientHeight===0?"auto":`${t.clientHeight}px`;t.style.setProperty("--comp-selected-display-height",e);if(t.firstElementChild.outerHTML!==a.outerHTML){t.replaceChild(a,t.firstElementChild)}}else{t=document.createElement("div");t.slot="_selected-display";t.appendChild(a);this.hostElement.appendChild(t)}return t}checkSelectedDisplayHeight(){const{selectedDisplaySlot:t}=this;if(!t)return;t.style.setProperty("--comp-selected-display-height","44px")}shouldClearSearchText(t){return this.searchable&&!!this.searchText&&t.key==="Escape"}renderCustomDisplay(){const t=this.checkSelectedDisplay();if(!t)return;this.checkSelectedDisplayHeight();return i("slot",{name:"_selected-display",slot:"custom-display"})}render(){const t=!this.searchable;return i("click-elsewhere",{key:"ea84ffa024060b974a445ca53b1acfe9b25f4c34",class:this.wrapperClasses,onChange:this.clickedElsewhere},i("div",{key:"5852501629df47306293d549cb56591bd8333077","aria-live":"polite","aria-atomic":"true",role:"status",class:"sr"},this.statusMessage),i("q2-input",{key:"fe1475b30b825643485bc010b4cdeb415355831a",ref:t=>this.inputField=t,class:"q2-select-input",label:this.label&&o(this.label)||"",value:this.selectedDisplay,errors:Array.isArray(this.errors)&&this.errors.length>0&&this.errors.map((t=>o(t)))||this.invalid&&["tecton.element.select.invalid"]||[],disabled:this.disabled,optional:this.optional,readonly:this.readonly,placeholder:this.placeholder||undefined,hideLabel:this.hideLabel,ariaExpanded:`${this.open}`,ariaControls:"option-list",ariaHaspopup:"listbox",role:"combobox",pseudo:t,"test-id":"toggleDropdown","hide-messages":true,iconRight:"chevron-down",onClick:this.inputClickHandler,onInput:this.inputInputHandler,onKeyDown:this.inputKeydownHandler,onFocus:this.inputFocusHandler,onBlur:this.inputBlurHandler,onChange:this.inputChangeHandler,badgeValue:this.badgeValue,badgeTheme:this.inputFocused?"primary":undefined},this.renderCustomDisplay()),i("div",{key:"2e64e21b577da67b5180c54262d04b40c7d4fe0b",class:"custom-display-content",hidden:!this.hasCustomDisplay||!!this.searchText,onClick:this.onCustomDisplayClick},i("slot",{key:"c3f904c0e74b8d39cc18182df5e29b409cab1ca3",name:"q2-select-display"})),this.optionsDropdown())}optionsDropdown(){return i("q2-popover",{ref:t=>this.popoverElement=t,controlElement:this.innerInputContainer,open:this.open,minHeight:this.popoverMinHeight,direction:this.popDirection,block:true},i("div",{class:"popover-content"},i("q2-option-list",{onPopoverState:this.onPopoverState,ref:t=>this.optionList=t,type:"listbox",id:"option-list","show-selected":this.showSelected,label:this.listLabel,multiple:this.multiple,selectedOptions:this.structuredSelectedOptions,onChange:this.onOptionListChange},i("slot",null)),i("div",{class:"popover-top-container",ref:t=>this.popoverTopContainer=t,hidden:!this.multiple&&!this.hasPopoverTop,tabindex:"-1"},i("slot",{name:"popover-top"}),this.multiple&&this.visibilityToggle())),i("div",{class:"popover-bottom-container",hidden:!this.hasPopoverBottom,tabindex:"-1"},i("slot",{name:"popover-bottom"})))}visibilityToggle(){var t,e;const s=(e=(t=this.selectedOptions)===null||t===void 0?void 0:t.length)!==null&&e!==void 0?e:0;const{showSelected:l}=this;return i("div",{class:"multi-select-header"},i("fieldset",null,i("legend",{"aria-label":o("tecton.element.select.multiHeader.showing")},o("tecton.element.select.multiHeader.showing")),i("div",null,i("input",{class:"sr",type:"radio",id:"all",name:"viewDisplay",value:"all",checked:!l,"aria-label":o("tecton.element.select.multiHeader.allAriaLabel"),"test-id":"allOptionsButton",onClick:this.showAllOptions,onKeyDown:this.visibilityToggleKeyDown}),i("label",{htmlFor:"all"},o("tecton.element.select.multiHeader.all"))),i("div",null,i("input",{class:"sr",type:"radio",id:"selected",disabled:s===0,name:"viewDisplay",value:"selected","aria-label":o("tecton.element.select.multiHeader.selectedAriaLabel",[s]),checked:l,"test-id":"selectedOptionsButton",onClick:this.showSelectedOptions,onKeyDown:this.visibilityToggleKeyDown}),i("label",{htmlFor:"selected"},o("tecton.element.select.multiHeader.selected",[s])))))}get hostElement(){return s(this)}static get watchers(){return{value:["buildStructuredSelectedOptions","valueUpdated"],selectedOptions:["buildStructuredSelectedOptions"],ariaLabel:["ariaLabelObserver"],multilineOptions:["handleMultilineOptionsUpdate"],open:["openChanged"]}}};b.style=v;export{b as q2_select};
-//# sourceMappingURL=p-954d49de.entry.js.map
+import{r as t,c as e,h as i,g as s}from"./p-a5f18e27.js";import{l as o,h as l,o as r,w as n,g as a,i as c,j as d}from"./p-42302f6f.js";import{s as h,a as p}from"./p-780a1d0e.js";const u="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.q2-element-dropdown{display:none;position:absolute;background-color:var(--app-white, #ffffff);color:var(--t-text, #4d4d4d);left:0;width:100%;z-index:100;margin-top:1px;box-shadow:var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3));height:0;overflow:hidden;opacity:0;visibility:hidden;transition:opacity var(--app-tween-1, 0.2s ease);border-radius:var(--tct-dropdown-border-radius, --t-dropdown-border-radius, 0);--comp-scrollbar-size:var(--tct-scrollbar-size, var(--t-scrollbar-size, var(--app-scale-1x, 5px)));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--t-scrollbar-border-radius, var(--app-border-radius-1, 3px)));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-scrollbar-color, var(--t-a11y-gray-color, #747474)));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}.q2-element-dropdown::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.q2-element-dropdown::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.q2-element-dropdown::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}.q2-element-dropdown.sizable{display:block;height:auto}.dropdown-open .q2-element-dropdown{display:block;height:auto;overflow:auto;opacity:1;visibility:visible}:host([alignment=right]) .q2-element-dropdown{left:auto;right:0}:host([block]) q2-btn,:host([block]){display:block}:host{--comp-select-margin:var(--tct-select-margin, var(--tct-select-margin-top, var(--t-select-margin-top, var(--app-scale-4, 30px))) 0 var(--tct-select-margin-bottom, var(--t-select-margin-bottom, var(--app-scale-4, 30px))));display:block;margin:var(--comp-select-margin)}.q2-select-container{position:relative;display:block}.q2-select-input{margin:0;--tct-input-min-height:var(--tct-select-input-min-height, var(--t-select-input-min-height));--tct-input-max-height:var(--tct-select-input-max-height, var(--t-select-input-max-height, none))}::slotted([slot=_selected-display]){width:100%;min-height:var(--comp-selected-display-height, 44px)}.custom-display-content{position:absolute;bottom:0;left:calc(var(--tct-scale-2, var(--app-scale-2x, 10px)) + 1px);height:44px;width:calc(100% - 34px - var(--tct-scale-3, var(--app-scale-3x, 15px)));overflow:hidden;cursor:pointer;transition:left var(--tct-tween-2, var(--app-tween-1, 0.2s ease))}.custom-display-content:not([hidden]){display:flex;align-items:center}.is-searchable.is-focused .custom-display-content,.is-searchable .custom-display-content:active{left:calc(var(--tct-scale-3, var(--app-scale-3x, 15px)) + 1px)}.has-error .custom-display-content{width:calc(100% - 68px - var(--tct-scale-3, var(--app-scale-3x, 15px)))}.popover-content{display:flex;flex-direction:column-reverse}.popover-bottom-container{position:sticky;bottom:0;z-index:5}.popover-top-container{position:sticky;top:0;z-index:5}.popover-top-container .multi-select-header{padding:var(--tct-scale-2, var(--app-scale-2x, 10px)) var(--tct-scale-2, var(--app-scale-2x, 10px));background:var(--app-white);display:flex;gap:var(--app-scale-2x, 10px);align-items:center}.popover-top-container .multi-select-header fieldset{margin:0;padding:0;border:0;display:flex;gap:var(--app-scale-2x, 10px)}.popover-top-container .multi-select-header legend{padding:0;float:left}.popover-top-container .multi-select-header label{cursor:pointer;padding:var(--tct-select-multi-select-option-padding, var(--t-select-multi-select-option-padding, var(--tct-btn-badge-padding, var(--t-btn-badge-padding, 2px 5px))));font-size:var(--tct-select-multi-select-option-font-size, var(--t-select-multi-select-option-font-size, var(--tct-btn-badge-font-size, var(--t-btn-badge-font-size, inherit))));border-radius:var(--tct-select-multi-select-option-radius, var(--t-select-multi-select-option-radius, var(--tct-btn-badge-border-radius, var(--t-btn-badge-border-radius, var(--app-border-radius-1, 3px)))));background:var(--tct-select-multi-select-option-background, var(--tct-select-multi-select-option-bg, var(--t-select-multi-select-option-bg, var(--tct-badge-background, var(--tct-btn-badge-bg, var(--t-btn-badge-bg, transparent))))));color:var(--tct-select-multi-select-option-color, var(--t-select-multi-select-option-color, var(--tct-btn-badge-font-color, var(--t-btn-badge-font-color, inherit))))}.popover-top-container .multi-select-header label:hover{background:var(--tct-select-multi-select-option-hover-background, var(--tct-select-multi-select-option-hover-background-color, var(--t-select-multi-select-option-hover-background-color, var(--tct-btn-badge-hover-bg, var(--t-btn-badge-hover-bg, var(--tct-gray-14, var(--t-gray-14, var(--app-gray-l3, #f2f2f2))))))));color:var(--tct-select-multi-select-option-hover-color, var(--tct-select-multi-select-option-color, var(--t-select-multi-select-option-color, var(--tct-btn-badge-hover-font-color, var(--t-btn-badge-hover-font-color, var(--tct-gray-5, var(--t-gray-5, var(--app-gray-d2, #404040))))))))}.popover-top-container .multi-select-header input:checked+label,.popover-top-container .multi-select-header input:checked+label:enabled:hover{background:var(--tct-select-multi-select-option-active-background, var(--tct-select-multi-select-option-active-background-color, var(--t-select-multi-select-option-active-background-color, var(--tct-btn-primary-bg, var(--t-btn-primary-bg, #2e2e2e)))));color:var(--tct-select-multi-select-option-active-color, var(--t-select-multi-select-option-active-color, var(--tct-btn-primary-font-color, var(--t-btn-primary-font-color, var(--app-white, #ffffff)))))}.popover-top-container .multi-select-header input:disabled+label{opacity:var(--tct-select-multi-select-option-disabled-opacity, var(--t-select-multi-select-option-disabled-opacity, var(--tct-btn-disabled-opacity, var(--t-btn-disabled-opacity, var(--app-disabled-opacity, 0.4)))));cursor:not-allowed}.popover-top-container .multi-select-header input:focus+label{box-shadow:var(--const-double-focus-ring)}";const v=u;const b=class{constructor(i){t(this,i);this.change=e(this,"change",7);this.input=e(this,"input",7);var s;this.scheduledAfterRender=[];this.showSelectedOptions=()=>{this.showSelected=true};this.showAllOptions=()=>{this.showSelected=false};this.onMutationObserved=()=>{const{hostElement:t,hasPopoverTop:e,hasPopoverBottom:i}=this;const s=t.querySelector(".custom-display-content");const o=t.shadowRoot.querySelector('slot[name="q2-select-display"]');const l=!!o?o.assignedNodes().length>0:s.children.length>0;if(this.hasCustomDisplay!==l){this.hasCustomDisplay=l}const r=t.shadowRoot.querySelector('slot[name="popover-top"]');const n=r.assignedNodes().length>0;if(e!==n){this.hasPopoverTop=n}const a=t.shadowRoot.querySelector('slot[name="popover-bottom"]');const c=a.assignedNodes().length>0;if(i!==c){this.hasPopoverBottom=c}this.checkSelectedOptions()};this.onOptionListChange=t=>{t.stopPropagation();const{values:e}=t.detail;if(e.length===0)this.showAllOptions();this.handleSelectionChanges(t.detail)};this.onPopoverState=({detail:{open:t,action:e}})=>{if(!t||this.searchText){if(e!=="select"){this.optionList.setActiveElement(null)}this.inputField.focus()}if(this.open===t)return;this.open=t};this.inputKeydownHandler=t=>{if(this.readonly||this.disabled)return;const e=t.key;const i=this.hasPopoverTop||this.hasPopoverBottom;const s=e==="Tab"&&t.shiftKey;if(i&&(e==="Tab"||e==="Enter"||s))return;if(h(this,t)){return this.executeActionSheet(t)}const o=["ArrowDown","ArrowUp","PageDown","PageUp","Home","End","Escape","Tab"];if(this.searchable&&!o.includes(e))return;if(this.shouldClearSearchText(t))this.clearSearchText();if(e===" ")t.preventDefault();this.optionList.handleExternalKeydown(t)};this.visibilityToggleKeyDown=t=>{const e=t.key;const i=e==="Tab"&&t.shiftKey;const s=["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(e);if(s)t.stopPropagation();if(i){t.stopPropagation();if(this.hasPopoverTop)return;this.optionList.setDefaultActiveElement()}};this.inputClickHandler=async t=>{t.stopPropagation();if(h(this)){return this.executeActionSheet(t)}this.toggleDropdown();this.focusInput()};this.inputInputHandler=t=>{t.stopPropagation();const e=t.detail.value;const i=!!this.value;if(i)this.clearValue();if(!this.open)this.openDropdownWithoutActiveElement();this.prioritizeSearch=true;this.searchText=e;this.input.emit({query:e})};this.inputFocusHandler=()=>{this.inputFocused=true};this.inputBlurHandler=()=>{this.inputFocused=false};this.inputChangeHandler=t=>{t.stopPropagation()};this.clickedElsewhere=t=>{const e=t.target;if(e.localName!=="click-elsewhere")return;t.stopPropagation();if(!this.open)return;this.closeDropdown()};this.onCustomDisplayClick=t=>{t.stopPropagation();this.focusInput();this.toggleDropdown()};this.disabled=false;this.errors=undefined;this.hideLabel=undefined;this.hoist=!!((s=window.Tecton)===null||s===void 0?void 0:s.useActionSheets);this.invalid=undefined;this.label=undefined;this.listLabel=o("tecton.element.select.listLabel");this.minRows=3;this.multilineOptions=false;this.multiple=false;this.optional=false;this.placeholder=undefined;this.popDirection=undefined;this.readonly=false;this.searchable=false;this.selectedOptions=[];this.value=undefined;this.ariaLabel=undefined;this.open=false;this.showSelected=false;this.searchText="";this.hasCustomDisplay=false;this.hasPopoverTop=false;this.hasPopoverBottom=false;this.inputFocused=false;this.statusMessage=undefined;this.prioritizeSearch=false;this.structuredSelectedOptions=[]}componentWillLoad(){l(this);this.buildStructuredSelectedOptions();this.handleMultilineOptionsUpdate(this.multilineOptions,false)}componentDidLoad(){const t=new MutationObserver(this.onMutationObserved);t.observe(this.hostElement,{childList:true,subtree:true});this.mutationObserver=t;this.onMutationObserved();r(this.hostElement);setTimeout((()=>this.checkSelectedDisplay()),0)}componentDidRender(){setTimeout((()=>{this.scheduledAfterRender.forEach((t=>t()));this.scheduledAfterRender=[]}),25)}disconnectedCallback(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();this.mutationObserver=null}get innerInputField(){var t,e;return(e=(t=this.inputField)===null||t===void 0?void 0:t.shadowRoot)===null||e===void 0?void 0:e.querySelector(".input-field")}get innerInputContainer(){var t,e;return(e=(t=this.inputField)===null||t===void 0?void 0:t.shadowRoot)===null||e===void 0?void 0:e.querySelector(".input-container")}get badgeValue(){var t,e;if(!this.multiple)return null;const i=(e=(t=this.selectedOptions)===null||t===void 0?void 0:t.length)!==null&&e!==void 0?e:0;if(this.open&&this.searchable)return i?`${i}`:null;else return i>1?`+${i-1}`:null}get popoverMinHeight(){const{minRows:t}=this;const e=this.hostElement.querySelector("q2-option:not([hidden])");let i=e&&window.getComputedStyle(e).minHeight;if(!i||i==="0px")i="44px";return t*parseInt(i)}get selectedDisplay(){if(this.prioritizeSearch||this.searchText)return this.searchText;if(this.hasCustomDisplay)return"";return this.multiple?this.calculateMultiSelectSelectedDisplay():this.calculateSingleSelectSelectedDisplay()}get selectedDisplaySlot(){return this.hostElement.querySelector('[slot="_selected-display"]')}get firstSelectedValue(){var t;return this.multiple?(t=this.selectedOptions)===null||t===void 0?void 0:t[0]:this.value}get firstSelectedOptionElement(){const{firstSelectedValue:t}=this;return t?this.optionElements.find((({value:e})=>e===t)):null}get optionElements(){return Array.from(this.hostElement.querySelectorAll("q2-option"))}get wrapperClasses(){const{errors:t}=this;const e=["q2-select-container"];if(Array.isArray(t)&&t.length>0)e.push("has-error");if(this.inputFocused)e.push("is-focused");if(this.searchable)e.push("is-searchable");return e.join(" ")}buildStructuredSelectedOptions(){const{multiple:t,selectedOptions:e,value:i}=this;if(t){this.structuredSelectedOptions=!!(e===null||e===void 0?void 0:e.length)?e.map((t=>typeof t==="string"?{value:t}:t)):[]}else{this.structuredSelectedOptions=i?[{value:i}]:[]}}ariaLabelObserver(){l(this)}valueUpdated(){if(this.multiple)return;this.clearSearchText()}handleMultilineOptionsUpdate(t,e){if(t===e)return;this.optionElements.forEach((e=>e.multiline=t))}openChanged(t){this.scheduledAfterRender.push((async()=>{await n();const{popoverTopContainer:e,popoverElement:i}=this;const s=t&&(e===null||e===void 0?void 0:e.offsetHeight)||0;if(s){i.style.setProperty("--comp-popover-top-container-height",`${s}px`)}else{i.style.removeProperty("--comp-popover-top-container-height")}}))}_togglePopover(){const{innerInputField:t}=this;t===null||t===void 0?void 0:t.click();t===null||t===void 0?void 0:t.focus();t.dispatchEvent(new FocusEvent("focus"))}async openPopover(){if(this.open||this.disabled)return;this._togglePopover()}async closePopover(){if(!this.open||this.disabled)return;this._togglePopover()}async setValue(t,e={closePopover:true}){const i=new Set(Array.isArray(t)?t:[t]);if(!this.open){await this.openPopover();await n()}i.forEach((t=>{var e;(e=this.optionElements.find((e=>e.value===t)))===null||e===void 0?void 0:e.click()}));if(e.closePopover){await this.closePopover();await n()}}searchOptions(t){if(!this.searchable)return;const{innerInputField:e}=this;e.focus();e.dispatchEvent(new FocusEvent("focus"));e.value=t;e.dispatchEvent(new InputEvent("input"))}keydownHandler(t){this.inputKeydownHandler(t)}onHostElementChange(t){if(this.readonly||this.disabled)return;if(t.target!==this.hostElement||this.hostElement.onchange)return;if(this.multiple){this.value=null;this.selectedOptions=t.detail.selectedOptions}else{this.value=t.detail.value;this.selectedOptions=[]}}onHostElementInput(t){if(!this.searchable||t.target!==this.hostElement||this.hostElement.oninput)return;const e=this.optionElements;const i=this.searchText.trim().toLocaleLowerCase();let s=0;e.forEach((t=>{var e;if(i===""){t.hidden=false;return}const o=((e=t.firstElementChild)===null||e===void 0?void 0:e.tagName)==="Q2-CARD"?t.firstElementChild.title:null;const{display:l="",innerText:r=""}=t;const n=[l,o,r];const a=n.some((t=>{var e;return(e=t===null||t===void 0?void 0:t.toLocaleLowerCase().includes(i))!==null&&e!==void 0?e:false}));t.hidden=!a;if(a)s++}));const l=i?"tecton.element.select.searchable.results":"tecton.element.select.allOptions";const r=i?s:e.length;this.setStatusMessage(o(l,[r]))}delegateFocus(t){const e=a(t,this.hostElement);const i=this.prioritizeSearch=e&&this.searchable;if(i){this.clearSelectedDisplay()}else if(c(t,this.hostElement)){this.inputField.shadowRoot.querySelector(".input-field").focus()}}handleFocusout(t){const e=d(t,this.hostElement);if(e)this.closeDropdown();this.prioritizeSearch=!e&&this.searchable}handleSelectedDisplay(t){if(this.multiple)return;this.inputField.value=t.detail.display}async executeActionSheet(t){const e=await p(this,t);this.handleSelectionChanges(e)}handleSelectionChanges(t){const{value:e="",values:i=[]}=t;const s=i.map((t=>t.value));const{multiple:o}=this;if(!this.hostElement.onchange){this.selectedOptions=s}this.change.emit({value:o?undefined:e,selectedOptions:o?s:undefined})}clearValue(){const{multiple:t}=this;this.value="";this.selectedOptions=[];this.change.emit({value:t?undefined:"",selectedOptions:t?[]:undefined})}calculateMultiSelectSelectedDisplay(){var t,e,i;const{firstSelectedOptionElement:s,firstSelectedValue:l,multilineOptions:r}=this;if(!l)return"";if(s===null||s===void 0?void 0:s.display)return o(s.display);if(r&&this.searchable)return this.searchText;if(r)return"";return(i=(e=(t=s===null||s===void 0?void 0:s.textContent)===null||t===void 0?void 0:t.trim())!==null&&e!==void 0?e:s===null||s===void 0?void 0:s.value)!==null&&i!==void 0?i:l}calculateSingleSelectSelectedDisplay(){var t;const{firstSelectedOptionElement:e,multilineOptions:i}=this;if(i){return(e===null||e===void 0?void 0:e.display)&&o(e.display)||this.value||""}else{return(e===null||e===void 0?void 0:e.display)&&o(e.display)||((t=e===null||e===void 0?void 0:e.textContent)===null||t===void 0?void 0:t.trim())||this.value||""}}openDropdownWithoutActiveElement(){if(this.readonly||this.disabled)return;this.optionList.setActiveElement(null);this.open=true}closeDropdown(){this.open=false;this.clearSearchText()}clearSearchText(){if(!this.searchText)return;this.searchText="";this.input.emit({query:""})}toggleDropdown(){if(this.readonly||this.disabled)return;if(this.open&&!this.searchText){this.closeDropdown()}else{this.openDropdownWithoutActiveElement()}}focusInput(){var t;(t=this.inputField)===null||t===void 0?void 0:t.dispatchEvent(new FocusEvent("focus"))}setStatusMessage(t){clearTimeout(this.statusMessageTimer);this.statusMessage="";this.statusMessageTimer=setTimeout((()=>{this.statusMessage=t}),1e3)}checkSelectedOptions(){const{multiple:t,selectedOptions:e,value:i}=this;this.optionElements.forEach((s=>{if(t){s.selected=e.includes(s.value)}else{s.selected=s.value===i}}))}clearSelectedDisplay(){var t;(t=this.selectedDisplaySlot)===null||t===void 0?void 0:t.remove()}checkSelectedDisplay(){let t=this.selectedDisplaySlot;const{value:e,multiple:i,selectedOptions:s,multilineOptions:o,firstSelectedOptionElement:l,prioritizeSearch:r}=this;const n=!e&&i&&!(s===null||s===void 0?void 0:s.length);if(r||!o||n)return this.clearSelectedDisplay();if(!l||l.display)return this.clearSelectedDisplay();const a=l.firstElementChild.cloneNode(true);a.querySelectorAll("[hide-on-select]").forEach((t=>t.remove()));if(t){const e=t.clientHeight===0?"auto":`${t.clientHeight}px`;t.style.setProperty("--comp-selected-display-height",e);if(t.firstElementChild.outerHTML!==a.outerHTML){t.replaceChild(a,t.firstElementChild)}}else{t=document.createElement("div");t.slot="_selected-display";t.appendChild(a);this.hostElement.appendChild(t)}return t}checkSelectedDisplayHeight(){const{selectedDisplaySlot:t}=this;if(!t)return;t.style.setProperty("--comp-selected-display-height","44px")}shouldClearSearchText(t){return this.searchable&&!!this.searchText&&t.key==="Escape"}renderCustomDisplay(){const t=this.checkSelectedDisplay();if(!t)return;this.checkSelectedDisplayHeight();return i("slot",{name:"_selected-display",slot:"custom-display"})}render(){const t=!this.searchable;return i("click-elsewhere",{key:"ea84ffa024060b974a445ca53b1acfe9b25f4c34",class:this.wrapperClasses,onChange:this.clickedElsewhere},i("div",{key:"5852501629df47306293d549cb56591bd8333077","aria-live":"polite","aria-atomic":"true",role:"status",class:"sr"},this.statusMessage),i("q2-input",{key:"fe1475b30b825643485bc010b4cdeb415355831a",ref:t=>this.inputField=t,class:"q2-select-input",label:this.label&&o(this.label)||"",value:this.selectedDisplay,errors:Array.isArray(this.errors)&&this.errors.length>0&&this.errors.map((t=>o(t)))||this.invalid&&["tecton.element.select.invalid"]||[],disabled:this.disabled,optional:this.optional,readonly:this.readonly,placeholder:this.placeholder||undefined,hideLabel:this.hideLabel,ariaExpanded:`${this.open}`,ariaControls:"option-list",ariaHaspopup:"listbox",role:"combobox",pseudo:t,"test-id":"toggleDropdown","hide-messages":true,iconRight:"chevron-down",onClick:this.inputClickHandler,onInput:this.inputInputHandler,onKeyDown:this.inputKeydownHandler,onFocus:this.inputFocusHandler,onBlur:this.inputBlurHandler,onChange:this.inputChangeHandler,badgeValue:this.badgeValue,badgeTheme:this.inputFocused?"primary":undefined},this.renderCustomDisplay()),i("div",{key:"2e64e21b577da67b5180c54262d04b40c7d4fe0b",class:"custom-display-content",hidden:!this.hasCustomDisplay||!!this.searchText,onClick:this.onCustomDisplayClick},i("slot",{key:"c3f904c0e74b8d39cc18182df5e29b409cab1ca3",name:"q2-select-display"})),this.optionsDropdown())}optionsDropdown(){return i("q2-popover",{ref:t=>this.popoverElement=t,controlElement:this.innerInputContainer,open:this.open,minHeight:this.popoverMinHeight,direction:this.popDirection,block:true},i("div",{class:"popover-content"},i("q2-option-list",{onPopoverState:this.onPopoverState,ref:t=>this.optionList=t,type:"listbox",id:"option-list","show-selected":this.showSelected,label:this.listLabel,multiple:this.multiple,selectedOptions:this.structuredSelectedOptions,onChange:this.onOptionListChange},i("slot",null)),i("div",{class:"popover-top-container",ref:t=>this.popoverTopContainer=t,hidden:!this.multiple&&!this.hasPopoverTop,tabindex:"-1"},i("slot",{name:"popover-top"}),this.multiple&&this.visibilityToggle())),i("div",{class:"popover-bottom-container",hidden:!this.hasPopoverBottom,tabindex:"-1"},i("slot",{name:"popover-bottom"})))}visibilityToggle(){var t,e;const s=(e=(t=this.selectedOptions)===null||t===void 0?void 0:t.length)!==null&&e!==void 0?e:0;const{showSelected:l}=this;return i("div",{class:"multi-select-header"},i("fieldset",null,i("legend",{"aria-label":o("tecton.element.select.multiHeader.showing")},o("tecton.element.select.multiHeader.showing")),i("div",null,i("input",{class:"sr",type:"radio",id:"all",name:"viewDisplay",value:"all",checked:!l,"aria-label":o("tecton.element.select.multiHeader.allAriaLabel"),"test-id":"allOptionsButton",onClick:this.showAllOptions,onKeyDown:this.visibilityToggleKeyDown}),i("label",{htmlFor:"all"},o("tecton.element.select.multiHeader.all"))),i("div",null,i("input",{class:"sr",type:"radio",id:"selected",disabled:s===0,name:"viewDisplay",value:"selected","aria-label":o("tecton.element.select.multiHeader.selectedAriaLabel",[s]),checked:l,"test-id":"selectedOptionsButton",onClick:this.showSelectedOptions,onKeyDown:this.visibilityToggleKeyDown}),i("label",{htmlFor:"selected"},o("tecton.element.select.multiHeader.selected",[s])))))}get hostElement(){return s(this)}static get watchers(){return{value:["buildStructuredSelectedOptions","valueUpdated"],selectedOptions:["buildStructuredSelectedOptions"],ariaLabel:["ariaLabelObserver"],multilineOptions:["handleMultilineOptionsUpdate"],open:["openChanged"]}}};b.style=v;export{b as q2_select};
+//# sourceMappingURL=p-f162c670.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r as t,h as a,g as e}from"./p-a5f18e27.js";import{k as s,o,n as r,i,l as n}from"./p-42302f6f.js";const c="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block}:host([hidden]){display:none}.message{border-left-width:var(--tct-message-bar-width, var(--t-message-bar-width, var(--app-scale-1x, 5px)));border-left-style:solid;--comp-line-height:var(--tct-message-line-height, var(--t-message-line-height, var(--app-line-height, 1.428571429em)));display:grid;gap:var(--tct-scale-1, var(--app-scale-1x, 5px));align-items:flex-start;background:var(--tct-message-background, var(--tct-message-bg, var(--t-message-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)))))));color:var(--tct-message-font-color, var(--t-message-font-color, inherit));box-shadow:var(--tct-message-box-shadow, var(--t-message-box-shadow, inherit));border-radius:var(--tct-message-border-radius, var(--t-message-border-radius, inherit))}.message:focus{box-shadow:var(--const-global-focus)}.message-icon{--comp-top-offset:calc(calc(var(--comp-line-height) - var(--comp-icon-size)) / 2);--tct-icon-size:var(--comp-icon-size);top:var(--comp-top-offset);margin-bottom:calc(var(--comp-top-offset) * -1)}.message-content{flex:1;line-height:var(--comp-line-height)}::slotted(ul){--comp-list-default-padding:0 0 0 var-list(--app-scale-3x, 15px);padding:var(--tct-message-list-padding, var(--comp-list-default-padding))}:host(:not([appearance])),:host([appearance=standard]){--comp-default-margin:var-list(--app-scale-3x, 5px) 0;margin:var(--tct-message-margin, var(--comp-default-margin))}:host(:not([appearance])) .message,:host([appearance=standard]) .message{--comp-icon-size:var(--tct-message-icon-size, var(--t-message-icon-size, 24px));--comp-padding:var(--tct-message-padding, var(--t-message-padding, var(--app-scale-3x, 15px)));grid-template-columns:var(--comp-icon-size) 1fr;padding:var(--comp-padding);padding-left:calc(var(--comp-padding) - var(--tct-scale-2, var(--app-scale-2x, 10px)));padding-bottom:calc(var(--comp-padding) - var(--tct-scale-1, var(--app-scale-1x, 5px)))}:host(:not([appearance])) ::slotted(ul),:host([appearance=standard]) ::slotted(ul){--comp-list-default-margin:var-list(--app-scale-3x, 15px) 0;margin:var(--tct-message-list-margin, var(--comp-list-default-margin))}:host([appearance=minimal]){margin:0}:host([appearance=minimal]) .message{padding:var(--tct-message-minimal-padding, var(--t-message-minimal-padding, var(--app-scale-2x, 10px)));grid-template-columns:1fr}:host([appearance=minimal]) ::slotted(ul){margin:var(--tct-scale-1, var(--app-scale-1x, 5px)) 0}:host(:not([type])) .message,:host([type=info]) .message{border-left-color:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))}:host(:not([type])) .message-icon,:host([type=info]) .message-icon{--tct-icon-stroke-primary:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1));--tct-icon-stroke-secondary:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))}:host([type=success]) .message{border-left-color:var(--tct-stoplight-success, var(--const-stoplight-success, #0e8a00))}:host([type=success]) .message-icon{--tct-icon-stroke-primary:var(--tct-stoplight-success, var(--const-stoplight-success, #0e8a00));--tct-icon-stroke-secondary:var(--tct-stoplight-success, var(--const-stoplight-success, #0e8a00))}:host([type=warning]) .message{border-left-color:var(--tct-stoplight-warning, var(--const-stoplight-warning, #c35500))}:host([type=warning]) .message-icon{--tct-icon-stroke-primary:var(--tct-stoplight-warning, var(--const-stoplight-warning, #c35500));--tct-icon-stroke-secondary:var(--tct-stoplight-warning, var(--const-stoplight-warning, #c35500))}:host([type=error]) .message,:host([type=danger]) .message{border-left-color:var(--tct-stoplight-error, var(--const-stoplight-alert, #d20a0a))}:host([type=error]) .message-icon,:host([type=danger]) .message-icon{--tct-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #d20a0a));--tct-icon-stroke-secondary:var(--tct-stoplight-error, var(--const-stoplight-alert, #d20a0a))}";const p=c;const d=class{constructor(a){t(this,a);this.appearance="standard";this.description=false;this.type="info";this.presentToggle=undefined}get isFirefox(){return s()}componentDidLoad(){o(this.hostElement)}async present(){const{isFirefox:t}=this;this.presentToggle=!this.presentToggle;if(!t)return;r((()=>{this.presentToggle=false}))}delegateFocus(t){if(!i(t,this.hostElement))return;this.hostElement.shadowRoot.querySelector(".message").focus()}render(){const{isFirefox:t}=this;const e=t&&this.presentToggle;const s=!t&&this.presentToggle;const{description:o}=this;const r=n(`tecton.element.message.type.${this.type?this.type:"info"}`);return a("div",{key:"dc36daa38d71e2adb1b5926531fa3c6864a8e7a4",tabindex:"-1",class:"message",role:o?undefined:"alert","aria-live":o?undefined:"assertive","aria-atomic":o?undefined:"true","aria-relevant":o&&e?undefined:"all","test-id":"messageContainer"},this.appearance==="standard"?this.messageIcon(this.type):"",s&&a("div",{key:"41ea931afc6d551e6618f3041a77fc8c67fa23ea",class:"sr"}),a("div",{key:"f77d9ae560914108eda454c0d4b4eb04302ba558",class:"sr message-label"},r),a("div",{key:"6fb809b83d5de60625da2f9799bdbbcf2eb96eef",class:"message-content","aria-hidden":e?"true":undefined},a("slot",{key:"b03b23335c2b650f82a57abc8b2830353c5d8ae9"})))}messageIcon(t){const e={success:"success",warning:"warning",danger:"error",error:"error",info:"info"};const s=e[t]||e.info;return a("q2-icon",{type:s,class:"message-icon"})}get hostElement(){return e(this)}};d.style=p;export{d as q2_message};
+//# sourceMappingURL=p-f418967b.entry.js.map

package/dist/q2-tecton-elements/p-f418967b.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["q2MessageCss","Q2MessageStyle0","Q2Message","isFirefox","checkIfFirefox","componentDidLoad","overrideFocus","this","hostElement","present","presentToggle","nextPaint","delegateFocus","event","isEventFromElement","shadowRoot","querySelector","focus","render","addAriaHiddenForAriaLive","addDivForAriaLive","description","messageLabel","loc","type","h","key","tabindex","class","role","undefined","appearance","messageIcon","iconMap","success","warning","danger","error","info","iconType"],"sources":["src/components/q2-message/q2-message.scss?tag=q2-message&encapsulation=shadow","src/components/q2-message/q2-message.tsx"],"sourcesContent":["@import '../../styles/host.scss';\n@import '../../styles/functions';\n\n:host {\n    display: block;\n}\n\n:host([hidden]) {\n    display: none;\n}\n\n.message {\n    border-left-width: #{var-list(var-prefixer(message-bar-width), --app-scale-1x, 5px)};\n    border-left-style: solid;\n    --comp-line-height: #{var-list(var-prefixer(message-line-height), --app-line-height, 1.428571429em)};\n    display: grid;\n    gap: var-list(--tct-scale-1, --app-scale-1x, 5px);\n    align-items: flex-start;\n    background: var-list(\n        --tct-message-background,\n        var-prefixer(message-bg),\n        --tct-gray-14,\n        --t-gray-14,\n        --tct-gray-l3,\n        --app-gray-l3,\n        #f2f2f2\n    );\n    color: #{var-list(var-prefixer(message-font-color), inherit)};\n    box-shadow: #{var-list(var-prefixer(message-box-shadow), inherit)};\n    border-radius: #{var-list(var-prefixer(message-border-radius), inherit)};\n\n    &:focus {\n        box-shadow: var(--const-global-focus);\n    }\n}\n\n.message-icon {\n    --comp-top-offset: calc(calc(var(--comp-line-height) - var(--comp-icon-size)) / 2);\n    --tct-icon-size: var(--comp-icon-size);\n    top: var(--comp-top-offset);\n    margin-bottom: calc(var(--comp-top-offset) * -1);\n}\n\n.message-content {\n    flex: 1;\n    line-height: var(--comp-line-height);\n}\n\n::slotted(ul) {\n    --comp-list-default-padding: 0 0 0 var-list(--app-scale-3x, 15px);\n    padding: var-list(--tct-message-list-padding, --comp-list-default-padding);\n}\n\n:host(:not([appearance])),\n:host([appearance='standard']) {\n    --comp-default-margin: var-list(--app-scale-3x, 5px) 0;\n    margin: var-list(--tct-message-margin, --comp-default-margin);\n\n    .message {\n        --comp-icon-size: #{var-list(var-prefixer(message-icon-size), 24px)};\n        --comp-padding: #{var-list(var-prefixer(message-padding), --app-scale-3x, 15px)};\n        grid-template-columns: var(--comp-icon-size) 1fr;\n        padding: var(--comp-padding);\n        padding-left: calc(var(--comp-padding) - #{var-list(--tct-scale-2, --app-scale-2x, 10px)});\n        padding-bottom: calc(var(--comp-padding) - #{var-list(--tct-scale-1, --app-scale-1x, 5px)});\n    }\n\n    ::slotted(ul) {\n        --comp-list-default-margin: var-list(--app-scale-3x, 15px) 0;\n        margin: var-list(--tct-message-list-margin, --comp-list-default-margin);\n    }\n}\n\n:host([appearance='minimal']) {\n    margin: 0;\n\n    .message {\n        padding: var-list(var-prefixer(message-minimal-padding), --app-scale-2x, 10px);\n        grid-template-columns: 1fr;\n    }\n\n    ::slotted(ul) {\n        margin: var-list(--tct-scale-1, --app-scale-1x, 5px) 0;\n    }\n}\n\n:host(:not([type])),\n:host([type='info']) {\n    .message {\n        border-left-color: var-list(--tct-stoplight-info, --const-stoplight-info, #0079c1);\n    }\n\n    .message-icon,\n    .message-icon {\n        --tct-icon-stroke-primary: #{var-list(--tct-stoplight-info, --const-stoplight-info, #0079c1)};\n        --tct-icon-stroke-secondary: #{var-list(--tct-stoplight-info, --const-stoplight-info, #0079c1)};\n    }\n}\n\n:host([type='success']) {\n    .message {\n        border-left-color: var-list(--tct-stoplight-success, --const-stoplight-success, #0e8a00);\n    }\n\n    .message-icon {\n        --tct-icon-stroke-primary: #{var-list(--tct-stoplight-success, --const-stoplight-success, #0e8a00)};\n        --tct-icon-stroke-secondary: #{var-list(--tct-stoplight-success, --const-stoplight-success, #0e8a00)};\n    }\n}\n\n:host([type='warning']) {\n    .message {\n        border-left-color: var-list(--tct-stoplight-warning, --const-stoplight-warning, #c35500);\n    }\n\n    .message-icon {\n        --tct-icon-stroke-primary: #{var-list(--tct-stoplight-warning, --const-stoplight-warning, #c35500)};\n        --tct-icon-stroke-secondary: #{var-list(--tct-stoplight-warning, --const-stoplight-warning, #c35500)};\n    }\n}\n\n:host([type='error']),\n:host([type='danger']) {\n    .message {\n        border-left-color: var-list(--tct-stoplight-error, --const-stoplight-alert, #d20a0a);\n    }\n\n    .message-icon,\n    .message-icon {\n        --tct-icon-stroke-primary: #{var-list(--tct-stoplight-error, --const-stoplight-alert, #d20a0a)};\n        --tct-icon-stroke-secondary: #{var-list(--tct-stoplight-error, --const-stoplight-alert, #d20a0a)};\n    }\n}\n","import { Component, Prop, h, Method, State, Element, Listen } from '@stencil/core';\nimport { isEventFromElement, isFirefox as checkIfFirefox, loc, nextPaint, overrideFocus } from 'src/utils';\n\n@Component({ tag: 'q2-message', shadow: true, styleUrl: 'q2-message.scss' })\nexport class Q2Message {\n    /** The visual style of the message. The minimal style is for use cases where you have less space to display information. */\n    @Prop({ reflect: true }) appearance: 'minimal' | 'standard' = 'standard';\n\n    /** Determines whether or not assistive technology immediately presents the content to the user, via the `aria-live` attribute. */\n    @Prop({ reflect: true }) description: boolean = false;\n\n    /** The type of message to display on the screen. */\n    @Prop({ reflect: true }) type: 'info' | 'error' | 'danger' | 'warning' | 'success' = 'info';\n\n    @Element() hostElement: HTMLElement;\n\n    @State() presentToggle: boolean;\n\n    get isFirefox() {\n        return checkIfFirefox();\n    }\n\n    componentDidLoad(): void {\n        overrideFocus(this.hostElement);\n    }\n\n    /**\n     * Prompts assistive technology to announce the message.\n     */\n    @Method()\n    async present() {\n        const { isFirefox } = this;\n        this.presentToggle = !this.presentToggle;\n        if (!isFirefox) return;\n        nextPaint(() => {\n            this.presentToggle = false;\n        });\n    }\n\n    @Listen('focus')\n    delegateFocus(event: FocusEvent) {\n        if (!isEventFromElement(event, this.hostElement)) return;\n        this.hostElement.shadowRoot.querySelector<HTMLElement>('.message').focus();\n    }\n\n    render() {\n        const { isFirefox } = this;\n        const addAriaHiddenForAriaLive = isFirefox && this.presentToggle;\n        const addDivForAriaLive = !isFirefox && this.presentToggle;\n        const { description } = this;\n        const messageLabel: string = loc(`tecton.element.message.type.${this.type ? this.type : 'info'}`);\n\n        return (\n            <div\n                tabindex=\"-1\"\n                class=\"message\"\n                role={description ? undefined : 'alert'}\n                aria-live={description ? undefined : 'assertive'}\n                aria-atomic={description ? undefined : 'true'}\n                aria-relevant={description && addAriaHiddenForAriaLive ? undefined : 'all'}\n                test-id=\"messageContainer\"\n            >\n                {this.appearance === 'standard' ? this.messageIcon(this.type) : ''}\n                {addDivForAriaLive && <div class=\"sr\"></div>}\n                <div class=\"sr message-label\">{messageLabel}</div>\n                <div\n                    class=\"message-content\"\n                    aria-hidden={addAriaHiddenForAriaLive ? 'true' : undefined}\n                >\n                    <slot />\n                </div>\n            </div>\n        );\n    }\n\n    messageIcon(type: string) {\n        const iconMap = {\n            success: 'success',\n            warning: 'warning',\n            danger: 'error',\n            error: 'error',\n            info: 'info',\n        };\n\n        const iconType: string = iconMap[type] || iconMap.info;\n\n        return (\n            <q2-icon\n                type={iconType}\n                class=\"message-icon\"\n            />\n        );\n    }\n}\n"],"mappings":"wGAAA,MAAMA,EAAe,+/IACrB,MAAAC,EAAeD,E,MCGFE,EAAS,M,yCAE4C,W,iBAGd,M,UAGqC,O,6BAMrF,aAAIC,GACA,OAAOC,G,CAGX,gBAAAC,GACIC,EAAcC,KAAKC,Y,CAOvB,aAAMC,GACF,MAAMN,UAAEA,GAAcI,KACtBA,KAAKG,eAAiBH,KAAKG,cAC3B,IAAKP,EAAW,OAChBQ,GAAU,KACNJ,KAAKG,cAAgB,KAAK,G,CAKlC,aAAAE,CAAcC,GACV,IAAKC,EAAmBD,EAAON,KAAKC,aAAc,OAClDD,KAAKC,YAAYO,WAAWC,cAA2B,YAAYC,O,CAGvE,MAAAC,GACI,MAAMf,UAAEA,GAAcI,KACtB,MAAMY,EAA2BhB,GAAaI,KAAKG,cACnD,MAAMU,GAAqBjB,GAAaI,KAAKG,cAC7C,MAAMW,YAAEA,GAAgBd,KACxB,MAAMe,EAAuBC,EAAI,+BAA+BhB,KAAKiB,KAAOjB,KAAKiB,KAAO,UAExF,OACIC,EAAA,OAAAC,IAAA,2CACIC,SAAS,KACTC,MAAM,UACNC,KAAMR,EAAcS,UAAY,QAAO,YAC5BT,EAAcS,UAAY,YAAW,cACnCT,EAAcS,UAAY,OAAM,gBAC9BT,GAAeF,EAA2BW,UAAY,MAAK,UAClE,oBAEPvB,KAAKwB,aAAe,WAAaxB,KAAKyB,YAAYzB,KAAKiB,MAAQ,GAC/DJ,GAAqBK,EAAA,OAAAC,IAAA,2CAAKE,MAAM,OACjCH,EAAA,OAAAC,IAAA,2CAAKE,MAAM,oBAAoBN,GAC/BG,EAAA,OAAAC,IAAA,2CACIE,MAAM,kBAAiB,cACVT,EAA2B,OAASW,WAEjDL,EAAA,QAAAC,IAAA,8C,CAMhB,WAAAM,CAAYR,GACR,MAAMS,EAAU,CACZC,QAAS,UACTC,QAAS,UACTC,OAAQ,QACRC,MAAO,QACPC,KAAM,QAGV,MAAMC,EAAmBN,EAAQT,IAASS,EAAQK,KAElD,OACIb,EAAA,WACID,KAAMe,EACNX,MAAM,gB"}

package/dist/q2-tecton-elements/{p-fddebc47.entry.js → p-f4d77672.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as i,h as n}from"./p-a5f18e27.js";const t="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.tab-pane[aria-hidden=true]{display:none}.tab-pane:focus{outline:none;box-shadow:none}";const d=t;const s=class{constructor(n){e(this,n);this.badge=i(this,"badge",7);this.badgeCount=undefined;this.badgeDescription=undefined;this.badgeStatus=undefined;this.badgeTheme=undefined;this.label=undefined;this.value=undefined;this.name=undefined;this.selected=undefined;this.index=undefined;this.guid=undefined}badgeObserver(){this.badge.emit()}render(){return n("div",{key:"327ec28fbcdc7ec3ded40d36fe3ac96dd44a0a9a",id:`tab-pane-${this.guid}-${this.index}`,class:`tab-pane${this.selected?"":" hidden"}`,role:"tabpanel",tabindex:"-1","aria-hidden":`${!this.selected}`,"aria-labelledby":`tab-${this.guid}-${this.index}`},n("slot",{key:"390bbcf19412ab04a2e658891192ba564724571d"}))}static get watchers(){return{badgeCount:["badgeObserver"],badgeDescription:["badgeObserver"],badgeTheme:["badgeObserver"],badgeStatus:["badgeObserver"]}}};s.style=d;export{s as q2_tab_pane};
-//# sourceMappingURL=p-fddebc47.entry.js.map
+import{r as e,c as i,h as n}from"./p-a5f18e27.js";const t="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.tab-pane[aria-hidden=true]{display:none}.tab-pane:focus{outline:none;box-shadow:none}";const s=t;const d=class{constructor(n){e(this,n);this.badge=i(this,"badge",7);this.badgeCount=undefined;this.badgeDescription=undefined;this.badgeStatus=undefined;this.badgeTheme=undefined;this.label=undefined;this.value=undefined;this.name=undefined;this.selected=undefined;this.index=undefined;this.guid=undefined}badgeObserver(){this.badge.emit()}render(){return n("div",{key:"eba2088747312d69fb220397fb7143eaedb252ef",id:`tab-pane-${this.guid}-${this.index}`,class:`tab-pane${this.selected?"":" hidden"}`,role:"tabpanel",tabindex:"-1","aria-hidden":`${!this.selected}`,"aria-labelledby":`tab-${this.guid}-${this.index}`},n("slot",{key:"e9677321c147f9576d398c6fb69a78b434f16065"}))}static get watchers(){return{badgeCount:["badgeObserver"],badgeDescription:["badgeObserver"],badgeTheme:["badgeObserver"],badgeStatus:["badgeObserver"]}}};d.style=s;export{d as q2_tab_pane};
+//# sourceMappingURL=p-f4d77672.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r as o,h as t,F as r,g as e}from"./p-a5f18e27.js";import{t as a,l as c,h as n,u as i,o as d,i as b,p as s}from"./p-42302f6f.js";import{s as v}from"./p-3090d72d.js";const l='*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block}:host([hidden]){display:none}:host([block]){display:block;width:100%}::slotted(q2-icon){pointer-events:none}:host{--comp-font-weight:600;--comp-border-radius:var(--tct-btn-border-radius, var(--app-border-radius-1, 3px));--comp-btn-tween:var(--tct-btn-tween, var(--t-btn-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease))));--comp-btn-fallback-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);--comp-background-alternative:#ebf8ff}:host .btn-height-wrapper{height:var(--comp-btn-min-height, 44px);cursor:pointer}:host .btn-height-wrapper:active{box-shadow:none}button{margin:var(--tct-scale-0, var(--app-scale-0x, 0));padding:var(--tct-scale-0, var(--app-scale-0x, 0));display:inline-block;width:100%;hyphens:auto;border:var(--tct-btn-border);border-radius:var(--tct-btn-border-radius);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(--t-btn-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))));cursor:not-allowed}:host([color]:not([size])) button,:host([intent]:not([size])) button{padding:var(--tct-btn-padding, var(--t-btn-padding, var(--tct-scale-2, var(--app-scale-2x, 10px))))}:host([size="1"]) button{padding:var(--tct-scale-1, var(--app-scale-1x, 5px))}:host([size="2"]) button{padding:var(--tct-scale-2, var(--app-scale-2x, 10px))}:host([size="3"]) button{padding:var(--tct-scale-3, var(--app-scale-3x, 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{font-size:var(--tct-btn-font-size, var(--t-btn-font-size, inherit));border-radius:var(--tct-btn-border-radius, var(--comp-border-radius));text-transform:var(--tct-btn-text-transform, var(--comp-text-transform));letter-spacing:var(--tct-btn-letter-spacing, var(--comp-letter-spacing))}:host([size=small]) button{padding:var(--tct-btn-padding-size-small, var(--t-btn-padding-size-small, 4px 16px));font-size:var(--tct-btn-font-size-small, var(--t-btn-font-size-small, 14px))}:host([size=medium]) button{padding:var(--tct-btn-padding-size-medium, var(--t-btn-padding-size-medium, 12px 24px));font-size:var(--tct-btn-font-size-medium, var(--t-btn-font-size-medium, 16px))}:host([size=large]) button{padding:var(--tct-btn-padding-size-large, var(--t-btn-padding-size-large, 16px 32px));font-size:var(--tct-btn-font-size-large, var(--t-btn-font-size-large, 20px))}:host([color=primary]) button,:host([intent=workflow-primary]) button{--comp-background:var(--tct-btn-primary-background, var(--tct-btn-primary-bg, var(--t-a11y-active-gray-color-AA, #404040)));--comp-hover-background:var(--tct-btn-primary-hover-background, var(--tct-btn-primary-hover-bg));--comp-font-color:var(--tct-btn-primary-font-color, var(--app-white, #ffffff));--comp-box-shadow:var(--tct-btn-primary-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-focus-box-shadow:var(--tct-btn-primary-focus-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-active-background:var(--tct-btn-primary-active-background, #0063a0);--comp-hover-outer-ring-color:var(--tct-btn-primary-hover-outer-ring-color, var(--comp-background));--comp-hover-inner-ring-color:var(--tct-btn-primary-hover-inner-ring-color, var(--comp-font-color));--comp-hover-box-shadow:0 0 0 2px var(--comp-hover-inner-ring-color),\n      0 0 0 4px var(--comp-hover-outer-ring-color);--comp-active-box-shadow:var(--comp-box-shadow);--comp-disabled-box-shadow:var(--comp-box-shadow);--comp-focus-visible-outer-ring-color:var(--tct-btn-primary-focus-visible-outer-ring-color, var(--const-focus-color));--comp-focus-visible-inner-ring-color:var(--tct-btn-primary-focus-visible-inner-ring-color, var(--comp-font-color));--comp-focus-visible-box-shadow:0 0 0 2px var(--comp-focus-visible-inner-ring-color),\n      0 0 0 4px var(--comp-focus-visible-outer-ring-color);border-style:var(--tct-btn-primary-border-style, var(--comp-border-style));border-width:var(--tct-btn-primary-border-width, var(--comp-border-width));font-weight:var(--tct-btn-primary-font-weight, var(--comp-font-weight));border-color:var(--tct-btn-primary-border-color, var(--comp-border-color));background:var(--tct-btn-primary-background, var(--comp-background));color:var(--tct-btn-primary-font-color, var(--comp-font-color));text-decoration:var(--tct-btn-primary-text-decoration, var(--comp-text-decoration));box-shadow:var(--comp-box-shadow)}:host([color=primary]) button:enabled:hover,:host([intent=workflow-primary]) button:enabled:hover{border-color:var(--tct-btn-primary-hover-border-color, var(--comp-hover-border-color, var(--comp-border-color)));background:var(--tct-btn-primary-hover-background, var(--comp-hover-background, var(--comp-background)));color:var(--tct-btn-primary-hover-font-color, var(--comp-hover-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-primary-hover-text-decoration, var(--comp-hover-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-hover-box-shadow)}:host([color=primary]) button:enabled:focus,:host([intent=workflow-primary]) button:enabled:focus{border-color:var(--tct-btn-primary-focus-border-color, var(--comp-focus-border-color, var(--comp-border-color)));background:var(--tct-btn-primary-focus-background, var(--comp-focus-background, var(--comp-background)));color:var(--tct-btn-primary-focus-font-color, var(--comp-focus-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-primary-focus-text-decoration, var(--comp-focus-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-focus-box-shadow)}:host([color=primary]) button:enabled:focus-visible,:host([intent=workflow-primary]) button:enabled:focus-visible{border-color:var(--tct-btn-primary-focus-visible-border-color, var(--comp-focus-visible-border-color, var(--comp-border-color)));background:var(--tct-btn-primary-focus-visible-background, var(--comp-focus-visible-background, var(--comp-background)));color:var(--tct-btn-primary-focus-visible-font-color, var(--comp-focus-visible-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-primary-focus-visible-text-decoration, var(--comp-focus-visible-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-focus-visible-box-shadow)}:host([color=primary]) button:enabled:active,:host([intent=workflow-primary]) button:enabled:active{border-color:var(--tct-btn-primary-active-border-color, var(--comp-active-border-color, var(--comp-border-color)));background:var(--tct-btn-primary-active-background, var(--comp-active-background, var(--comp-background)));color:var(--tct-btn-primary-active-font-color, var(--comp-active-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-primary-active-text-decoration, var(--comp-active-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-active-box-shadow)}:host([color=primary]) button:focus-visible,:host([color=primary]) button:focus-visible:hover:enabled,:host([color=primary]) button:focus,:host([color=primary]) button:focus:hover:enabled,:host([intent=workflow-primary]) button:focus-visible,:host([intent=workflow-primary]) button:focus-visible:hover:enabled,:host([intent=workflow-primary]) button:focus,:host([intent=workflow-primary]) button:focus:hover:enabled{border-color:var(--tct-btn-primary-hover-border-color, var(--comp-hover-border-color, var(--comp-border-color)));background:var(--tct-btn-primary-hover-background, var(--comp-hover-background, var(--comp-background)));color:var(--tct-btn-primary-hover-font-color, var(--comp-hover-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-primary-hover-text-decoration, var(--comp-hover-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-hover-box-shadow)}:host([color=primary]) button:focus-visible:active:enabled,:host([color=primary]) button:focus:active:enabled,:host([intent=workflow-primary]) button:focus-visible:active:enabled,:host([intent=workflow-primary]) button:focus:active:enabled{border-color:var(--tct-btn-primary-active-border-color, var(--comp-active-border-color, var(--comp-border-color)));background:var(--tct-btn-primary-active-background, var(--comp-active-background, var(--comp-background)));color:var(--tct-btn-primary-active-font-color, var(--comp-active-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-primary-active-text-decoration, var(--comp-active-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-active-box-shadow)}:host([color=primary]) button:disabled,:host([intent=workflow-primary]) button:disabled{border-color:var(--tct-btn-primary-disabled-border-color, var(--comp-disabled-border-color, var(--comp-border-color)));background:var(--tct-btn-primary-disabled-background, var(--comp-disabled-background, var(--comp-background)));color:var(--tct-btn-primary-disabled-font-color, var(--comp-disabled-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-primary-disabled-text-decoration, var(--comp-disabled-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-disabled-box-shadow)}:host([color=primary]) button ::slotted(q2-icon),:host([intent=workflow-primary]) button ::slotted(q2-icon){--t-text:var(--tct-btn-primary-icon-color, var(--t-btn-primary-icon-color, var(--comp-font-color, currentcolor)))}:host([color=secondary]) button,:host([intent=workflow-secondary]) button{--comp-background:var(--tct-btn-secondary-background, var(--tct-btn-secondary-bg, var(--t-button-default-bg, #cccccc)));--comp-hover-background:var(--tct-btn-secondary-hover-background, var(--tct-btn-secondary-hover-bg, var(--t-a11y-active-gray-color-AA, #404040)));--comp-hover-font-color:var(--app-white, #ffffff);--comp-box-shadow:var(--tct-btn-secondary-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-focus-box-shadow:var(--tct-btn-secondary-focus-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-hover-outer-ring-color:var(--tct-btn-secondary-hover-outer-ring-color, var(--comp-hover-background));--comp-hover-inner-ring-color:var(--tct-btn-secondary-hover-inner-ring-color, var(--app-white));--comp-hover-box-shadow:0 0 0 2px var(--comp-hover-inner-ring-color),\n      0 0 0 4px var(--comp-hover-outer-ring-color);--comp-active-box-shadow:var(--comp-box-shadow);--comp-disabled-box-shadow:var(--comp-box-shadow);--comp-focus-visible-outer-ring-color:var(--tct-btn-secondary-focus-visible-outer-ring-color, var(--const-focus-color));--comp-focus-visible-inner-ring-color:var(--tct-btn-secondary-focus-visible-inner-ring-color, var(--app-white));--comp-focus-visible-box-shadow:0 0 0 2px var(--comp-focus-visible-inner-ring-color),\n      0 0 0 4px var(--comp-focus-visible-outer-ring-color);border-style:var(--tct-btn-secondary-border-style, var(--comp-border-style));border-width:var(--tct-btn-secondary-border-width, var(--comp-border-width));font-weight:var(--tct-btn-secondary-font-weight, var(--comp-font-weight));border-color:var(--tct-btn-secondary-border-color, var(--comp-border-color));background:var(--tct-btn-secondary-background, var(--comp-background));color:var(--tct-btn-secondary-font-color, var(--comp-font-color));text-decoration:var(--tct-btn-secondary-text-decoration, var(--comp-text-decoration));box-shadow:var(--comp-box-shadow)}:host([color=secondary]) button:enabled:hover,:host([intent=workflow-secondary]) button:enabled:hover{border-color:var(--tct-btn-secondary-hover-border-color, var(--comp-hover-border-color, var(--comp-border-color)));background:var(--tct-btn-secondary-hover-background, var(--comp-hover-background, var(--comp-background)));color:var(--tct-btn-secondary-hover-font-color, var(--comp-hover-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-secondary-hover-text-decoration, var(--comp-hover-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-hover-box-shadow)}:host([color=secondary]) button:enabled:focus,:host([intent=workflow-secondary]) button:enabled:focus{border-color:var(--tct-btn-secondary-focus-border-color, var(--comp-focus-border-color, var(--comp-border-color)));background:var(--tct-btn-secondary-focus-background, var(--comp-focus-background, var(--comp-background)));color:var(--tct-btn-secondary-focus-font-color, var(--comp-focus-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-secondary-focus-text-decoration, var(--comp-focus-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-focus-box-shadow)}:host([color=secondary]) button:enabled:focus-visible,:host([intent=workflow-secondary]) button:enabled:focus-visible{border-color:var(--tct-btn-secondary-focus-visible-border-color, var(--comp-focus-visible-border-color, var(--comp-border-color)));background:var(--tct-btn-secondary-focus-visible-background, var(--comp-focus-visible-background, var(--comp-background)));color:var(--tct-btn-secondary-focus-visible-font-color, var(--comp-focus-visible-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-secondary-focus-visible-text-decoration, var(--comp-focus-visible-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-focus-visible-box-shadow)}:host([color=secondary]) button:enabled:active,:host([intent=workflow-secondary]) button:enabled:active{border-color:var(--tct-btn-secondary-active-border-color, var(--comp-active-border-color, var(--comp-border-color)));background:var(--tct-btn-secondary-active-background, var(--comp-active-background, var(--comp-background)));color:var(--tct-btn-secondary-active-font-color, var(--comp-active-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-secondary-active-text-decoration, var(--comp-active-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-active-box-shadow)}:host([color=secondary]) button:focus-visible,:host([color=secondary]) button:focus-visible:hover:enabled,:host([color=secondary]) button:focus,:host([color=secondary]) button:focus:hover:enabled,:host([intent=workflow-secondary]) button:focus-visible,:host([intent=workflow-secondary]) button:focus-visible:hover:enabled,:host([intent=workflow-secondary]) button:focus,:host([intent=workflow-secondary]) button:focus:hover:enabled{border-color:var(--tct-btn-secondary-hover-border-color, var(--comp-hover-border-color, var(--comp-border-color)));background:var(--tct-btn-secondary-hover-background, var(--comp-hover-background, var(--comp-background)));color:var(--tct-btn-secondary-hover-font-color, var(--comp-hover-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-secondary-hover-text-decoration, var(--comp-hover-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-hover-box-shadow)}:host([color=secondary]) button:focus-visible:active:enabled,:host([color=secondary]) button:focus:active:enabled,:host([intent=workflow-secondary]) button:focus-visible:active:enabled,:host([intent=workflow-secondary]) button:focus:active:enabled{border-color:var(--tct-btn-secondary-active-border-color, var(--comp-active-border-color, var(--comp-border-color)));background:var(--tct-btn-secondary-active-background, var(--comp-active-background, var(--comp-background)));color:var(--tct-btn-secondary-active-font-color, var(--comp-active-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-secondary-active-text-decoration, var(--comp-active-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-active-box-shadow)}:host([color=secondary]) button:disabled,:host([intent=workflow-secondary]) button:disabled{border-color:var(--tct-btn-secondary-disabled-border-color, var(--comp-disabled-border-color, var(--comp-border-color)));background:var(--tct-btn-secondary-disabled-background, var(--comp-disabled-background, var(--comp-background)));color:var(--tct-btn-secondary-disabled-font-color, var(--comp-disabled-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-secondary-disabled-text-decoration, var(--comp-disabled-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-disabled-box-shadow)}:host([color=secondary]) button ::slotted(q2-icon),:host([intent=workflow-secondary]) button ::slotted(q2-icon){--t-text:var(--tct-btn-secondary-icon-color, var(--t-btn-secondary-icon-color, var(--comp-font-color, currentcolor)))}:host([intent=workflow-destroy]) button{--comp-background:var(--tct-btn-destroy-background, var(--const-stoplight-alert, #d20a0a));--comp-font-color:var(--tct-btn-destroy-font-color, var(--app-white));--comp-box-shadow:var(--tct-btn-destroy-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-focus-box-shadow:var(--tct-btn-destroy-focus-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-hover-outer-ring-color:var(--tct-btn-destroy-hover-outer-ring-color, var(--comp-background));--comp-hover-inner-ring-color:var(--tct-btn-destroy-hover-inner-ring-color, var(--comp-font-color));--comp-hover-box-shadow:0 0 0 2px var(--comp-hover-inner-ring-color),\n      0 0 0 4px var(--comp-hover-outer-ring-color);--comp-active-box-shadow:var(--comp-box-shadow);--comp-disabled-box-shadow:var(--comp-box-shadow);--comp-focus-visible-outer-ring-color:var(--tct-btn-destroy-focus-visible-outer-ring-color, var(--const-focus-color));--comp-focus-visible-inner-ring-color:var(--tct-btn-destroy-focus-visible-inner-ring-color, var(--comp-font-color));--comp-focus-visible-box-shadow:0 0 0 2px var(--comp-focus-visible-inner-ring-color),\n      0 0 0 4px var(--comp-focus-visible-outer-ring-color);border-style:var(--tct-btn-destroy-border-style, var(--comp-border-style));border-width:var(--tct-btn-destroy-border-width, var(--comp-border-width));font-weight:var(--tct-btn-destroy-font-weight, var(--comp-font-weight));border-color:var(--tct-btn-destroy-border-color, var(--comp-border-color));background:var(--tct-btn-destroy-background, var(--comp-background));color:var(--tct-btn-destroy-font-color, var(--comp-font-color));text-decoration:var(--tct-btn-destroy-text-decoration, var(--comp-text-decoration));box-shadow:var(--comp-box-shadow)}:host([intent=workflow-destroy]) button:enabled:hover{border-color:var(--tct-btn-destroy-hover-border-color, var(--comp-hover-border-color, var(--comp-border-color)));background:var(--tct-btn-destroy-hover-background, var(--comp-hover-background, var(--comp-background)));color:var(--tct-btn-destroy-hover-font-color, var(--comp-hover-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-destroy-hover-text-decoration, var(--comp-hover-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-hover-box-shadow)}:host([intent=workflow-destroy]) button:enabled:focus{border-color:var(--tct-btn-destroy-focus-border-color, var(--comp-focus-border-color, var(--comp-border-color)));background:var(--tct-btn-destroy-focus-background, var(--comp-focus-background, var(--comp-background)));color:var(--tct-btn-destroy-focus-font-color, var(--comp-focus-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-destroy-focus-text-decoration, var(--comp-focus-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-focus-box-shadow)}:host([intent=workflow-destroy]) button:enabled:focus-visible{border-color:var(--tct-btn-destroy-focus-visible-border-color, var(--comp-focus-visible-border-color, var(--comp-border-color)));background:var(--tct-btn-destroy-focus-visible-background, var(--comp-focus-visible-background, var(--comp-background)));color:var(--tct-btn-destroy-focus-visible-font-color, var(--comp-focus-visible-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-destroy-focus-visible-text-decoration, var(--comp-focus-visible-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-focus-visible-box-shadow)}:host([intent=workflow-destroy]) button:enabled:active{border-color:var(--tct-btn-destroy-active-border-color, var(--comp-active-border-color, var(--comp-border-color)));background:var(--tct-btn-destroy-active-background, var(--comp-active-background, var(--comp-background)));color:var(--tct-btn-destroy-active-font-color, var(--comp-active-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-destroy-active-text-decoration, var(--comp-active-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-active-box-shadow)}:host([intent=workflow-destroy]) button:focus-visible,:host([intent=workflow-destroy]) button:focus-visible:hover:enabled,:host([intent=workflow-destroy]) button:focus,:host([intent=workflow-destroy]) button:focus:hover:enabled{border-color:var(--tct-btn-destroy-hover-border-color, var(--comp-hover-border-color, var(--comp-border-color)));background:var(--tct-btn-destroy-hover-background, var(--comp-hover-background, var(--comp-background)));color:var(--tct-btn-destroy-hover-font-color, var(--comp-hover-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-destroy-hover-text-decoration, var(--comp-hover-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-hover-box-shadow)}:host([intent=workflow-destroy]) button:focus-visible:active:enabled,:host([intent=workflow-destroy]) button:focus:active:enabled{border-color:var(--tct-btn-destroy-active-border-color, var(--comp-active-border-color, var(--comp-border-color)));background:var(--tct-btn-destroy-active-background, var(--comp-active-background, var(--comp-background)));color:var(--tct-btn-destroy-active-font-color, var(--comp-active-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-destroy-active-text-decoration, var(--comp-active-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-active-box-shadow)}:host([intent=workflow-destroy]) button:disabled{border-color:var(--tct-btn-destroy-disabled-border-color, var(--comp-disabled-border-color, var(--comp-border-color)));background:var(--tct-btn-destroy-disabled-background, var(--comp-disabled-background, var(--comp-background)));color:var(--tct-btn-destroy-disabled-font-color, var(--comp-disabled-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-destroy-disabled-text-decoration, var(--comp-disabled-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-disabled-box-shadow)}:host([intent=workflow-destroy]) button ::slotted(q2-icon){--t-text:var(--tct-btn-destroy-icon-color, var(--t-btn-destroy-icon-color, var(--comp-font-color, currentcolor)))}:host([intent=workflow-escape]) button{--comp-background:var(--tct-btn-escape-background, var(--app-white, #ffffff));--comp-font-color:var(--tct-btn-escape-font-color, var(--tct-btn-primary-background, var(--tct-btn-primary-bg, var(--t-a11y-active-gray-color-AA, #404040))));--comp-box-shadow:var(--tct-btn-escape-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-hover-box-shadow:var(--tct-btn-escape-hover-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-focus-box-shadow:var(--tct-btn-escape-focus-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-hover-background:var(--tct-btn-escape-hover-background, var(--comp-background-alternative));--comp-active-background:var(--tct-btn-escape-active-background, var(--comp-background-alternative));--comp-focus-background:var(--tct-btn-escape-focus-background, var(--comp-background-alternative));--comp-hover-outer-ring-color:var(--tct-btn-escape-hover-outer-ring-color, var(--comp-font-color));--comp-hover-inner-ring-color:var(--tct-btn-escape-hover-inner-ring-color, var(--comp-background));--comp-hover-box-shadow:0 0 0 2px var(--comp-hover-inner-ring-color),\n      0 0 0 4px var(--comp-hover-outer-ring-color);--comp-active-box-shadow:var(--comp-box-shadow);--comp-disabled-box-shadow:var(--comp-box-shadow);--comp-focus-visible-outer-ring-color:var(--tct-btn-escape-focus-visible-outer-ring-color, var(--const-focus-color));--comp-focus-visible-inner-ring-color:var(--tct-btn-escape-focus-visible-inner-ring-color, var(--comp-background));--comp-focus-visible-box-shadow:0 0 0 2px var(--comp-focus-visible-inner-ring-color),\n      0 0 0 4px var(--comp-focus-visible-outer-ring-color);border-style:var(--tct-btn-escape-border-style, var(--comp-border-style));border-width:var(--tct-btn-escape-border-width, var(--comp-border-width));font-weight:var(--tct-btn-escape-font-weight, var(--comp-font-weight));border-color:var(--tct-btn-escape-border-color, var(--comp-border-color));background:var(--tct-btn-escape-background, var(--comp-background));color:var(--tct-btn-escape-font-color, var(--comp-font-color));text-decoration:var(--tct-btn-escape-text-decoration, var(--comp-text-decoration));box-shadow:var(--comp-box-shadow)}:host([intent=workflow-escape]) button:enabled:hover{border-color:var(--tct-btn-escape-hover-border-color, var(--comp-hover-border-color, var(--comp-border-color)));background:var(--tct-btn-escape-hover-background, var(--comp-hover-background, var(--comp-background)));color:var(--tct-btn-escape-hover-font-color, var(--comp-hover-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-escape-hover-text-decoration, var(--comp-hover-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-hover-box-shadow)}:host([intent=workflow-escape]) button:enabled:focus{border-color:var(--tct-btn-escape-focus-border-color, var(--comp-focus-border-color, var(--comp-border-color)));background:var(--tct-btn-escape-focus-background, var(--comp-focus-background, var(--comp-background)));color:var(--tct-btn-escape-focus-font-color, var(--comp-focus-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-escape-focus-text-decoration, var(--comp-focus-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-focus-box-shadow)}:host([intent=workflow-escape]) button:enabled:focus-visible{border-color:var(--tct-btn-escape-focus-visible-border-color, var(--comp-focus-visible-border-color, var(--comp-border-color)));background:var(--tct-btn-escape-focus-visible-background, var(--comp-focus-visible-background, var(--comp-background)));color:var(--tct-btn-escape-focus-visible-font-color, var(--comp-focus-visible-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-escape-focus-visible-text-decoration, var(--comp-focus-visible-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-focus-visible-box-shadow)}:host([intent=workflow-escape]) button:enabled:active{border-color:var(--tct-btn-escape-active-border-color, var(--comp-active-border-color, var(--comp-border-color)));background:var(--tct-btn-escape-active-background, var(--comp-active-background, var(--comp-background)));color:var(--tct-btn-escape-active-font-color, var(--comp-active-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-escape-active-text-decoration, var(--comp-active-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-active-box-shadow)}:host([intent=workflow-escape]) button:focus-visible,:host([intent=workflow-escape]) button:focus-visible:hover:enabled,:host([intent=workflow-escape]) button:focus,:host([intent=workflow-escape]) button:focus:hover:enabled{border-color:var(--tct-btn-escape-hover-border-color, var(--comp-hover-border-color, var(--comp-border-color)));background:var(--tct-btn-escape-hover-background, var(--comp-hover-background, var(--comp-background)));color:var(--tct-btn-escape-hover-font-color, var(--comp-hover-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-escape-hover-text-decoration, var(--comp-hover-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-hover-box-shadow)}:host([intent=workflow-escape]) button:focus-visible:active:enabled,:host([intent=workflow-escape]) button:focus:active:enabled{border-color:var(--tct-btn-escape-active-border-color, var(--comp-active-border-color, var(--comp-border-color)));background:var(--tct-btn-escape-active-background, var(--comp-active-background, var(--comp-background)));color:var(--tct-btn-escape-active-font-color, var(--comp-active-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-escape-active-text-decoration, var(--comp-active-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-active-box-shadow)}:host([intent=workflow-escape]) button:disabled{border-color:var(--tct-btn-escape-disabled-border-color, var(--comp-disabled-border-color, var(--comp-border-color)));background:var(--tct-btn-escape-disabled-background, var(--comp-disabled-background, var(--comp-background)));color:var(--tct-btn-escape-disabled-font-color, var(--comp-disabled-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-escape-disabled-text-decoration, var(--comp-disabled-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-disabled-box-shadow)}:host([intent=workflow-escape]) button ::slotted(q2-icon){--t-text:var(--tct-btn-escape-icon-color, var(--t-btn-escape-icon-color, var(--comp-font-color, currentcolor)))}:host([intent=neutral]) button{--comp-background:var(--tct-btn-neutral-background, var(--app-white, #ffffff));--comp-font-color:var(--tct-btn-neutral-font-color, var(--tct-btn-primary-background, var(--tct-btn-primary-bg, var(--t-a11y-active-gray-color-AA, #404040))));--comp-box-shadow:var(--tct-btn-neutral-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-focus-box-shadow:var(--tct-btn-neutral-focus-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-border-width:1px;--comp-border-style:solid;--comp-border-color:var(--comp-font-color);--comp-hover-outer-ring-color:var(--tct-btn-neutral-hover-outer-ring-color, var(--comp-font-color));--comp-hover-inner-ring-color:var(--tct-btn-neutral-hover-inner-ring-color, var(--app-white));--comp-hover-box-shadow:0 0 0 2px var(--comp-hover-inner-ring-color),\n      0 0 0 4px var(--comp-hover-outer-ring-color);--comp-active-box-shadow:var(--comp-box-shadow);--comp-disabled-box-shadow:var(--comp-box-shadow);--comp-focus-visible-outer-ring-color:var(--tct-btn-neutral-focus-visible-outer-ring-color, var(--const-focus-color));--comp-focus-visible-inner-ring-color:var(--tct-btn-neutral-focus-visible-inner-ring-color, var(--comp-background));--comp-focus-visible-box-shadow:0 0 0 2px var(--comp-focus-visible-inner-ring-color),\n      0 0 0 4px var(--comp-focus-visible-outer-ring-color);border-style:var(--tct-btn-neutral-border-style, var(--comp-border-style));border-width:var(--tct-btn-neutral-border-width, var(--comp-border-width));font-weight:var(--tct-btn-neutral-font-weight, var(--comp-font-weight));border-color:var(--tct-btn-neutral-border-color, var(--comp-border-color));background:var(--tct-btn-neutral-background, var(--comp-background));color:var(--tct-btn-neutral-font-color, var(--comp-font-color));text-decoration:var(--tct-btn-neutral-text-decoration, var(--comp-text-decoration));box-shadow:var(--comp-box-shadow)}:host([intent=neutral]) button:enabled:hover{border-color:var(--tct-btn-neutral-hover-border-color, var(--comp-hover-border-color, var(--comp-border-color)));background:var(--tct-btn-neutral-hover-background, var(--comp-hover-background, var(--comp-background)));color:var(--tct-btn-neutral-hover-font-color, var(--comp-hover-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-neutral-hover-text-decoration, var(--comp-hover-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-hover-box-shadow)}:host([intent=neutral]) button:enabled:focus{border-color:var(--tct-btn-neutral-focus-border-color, var(--comp-focus-border-color, var(--comp-border-color)));background:var(--tct-btn-neutral-focus-background, var(--comp-focus-background, var(--comp-background)));color:var(--tct-btn-neutral-focus-font-color, var(--comp-focus-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-neutral-focus-text-decoration, var(--comp-focus-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-focus-box-shadow)}:host([intent=neutral]) button:enabled:focus-visible{border-color:var(--tct-btn-neutral-focus-visible-border-color, var(--comp-focus-visible-border-color, var(--comp-border-color)));background:var(--tct-btn-neutral-focus-visible-background, var(--comp-focus-visible-background, var(--comp-background)));color:var(--tct-btn-neutral-focus-visible-font-color, var(--comp-focus-visible-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-neutral-focus-visible-text-decoration, var(--comp-focus-visible-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-focus-visible-box-shadow)}:host([intent=neutral]) button:enabled:active{border-color:var(--tct-btn-neutral-active-border-color, var(--comp-active-border-color, var(--comp-border-color)));background:var(--tct-btn-neutral-active-background, var(--comp-active-background, var(--comp-background)));color:var(--tct-btn-neutral-active-font-color, var(--comp-active-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-neutral-active-text-decoration, var(--comp-active-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-active-box-shadow)}:host([intent=neutral]) button:focus-visible,:host([intent=neutral]) button:focus-visible:hover:enabled,:host([intent=neutral]) button:focus,:host([intent=neutral]) button:focus:hover:enabled{border-color:var(--tct-btn-neutral-hover-border-color, var(--comp-hover-border-color, var(--comp-border-color)));background:var(--tct-btn-neutral-hover-background, var(--comp-hover-background, var(--comp-background)));color:var(--tct-btn-neutral-hover-font-color, var(--comp-hover-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-neutral-hover-text-decoration, var(--comp-hover-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-hover-box-shadow)}:host([intent=neutral]) button:focus-visible:active:enabled,:host([intent=neutral]) button:focus:active:enabled{border-color:var(--tct-btn-neutral-active-border-color, var(--comp-active-border-color, var(--comp-border-color)));background:var(--tct-btn-neutral-active-background, var(--comp-active-background, var(--comp-background)));color:var(--tct-btn-neutral-active-font-color, var(--comp-active-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-neutral-active-text-decoration, var(--comp-active-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-active-box-shadow)}:host([intent=neutral]) button:disabled{border-color:var(--tct-btn-neutral-disabled-border-color, var(--comp-disabled-border-color, var(--comp-border-color)));background:var(--tct-btn-neutral-disabled-background, var(--comp-disabled-background, var(--comp-background)));color:var(--tct-btn-neutral-disabled-font-color, var(--comp-disabled-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-neutral-disabled-text-decoration, var(--comp-disabled-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-disabled-box-shadow)}:host([intent=neutral]) button ::slotted(q2-icon){--t-text:var(--tct-btn-neutral-icon-color, var(--t-btn-neutral-icon-color, var(--comp-font-color, currentcolor)))}:host([intent=neutral-text]) button{--comp-background:var(--tct-btn-neutral-text-background, var(--tct-btn-neutral-text-bg, var(--app-white, #ffffff)));--comp-font-color:var(--tct-btn-neutral-text-font-color, var(--tct-btn-primary-background, var(--tct-btn-primary-bg, var(--t-a11y-active-gray-color-AA, #404040))));--comp-box-shadow:var(--tct-btn-neutral-text-box-shadow);--comp-hover-text-decoration:underline;--comp-focus-background:var(--tct-btn-neutral-text-focus-background, var(--comp-background-alternative));--comp-hover-outer-ring-color:var(--tct-btn-neutral-text-hover-outer-ring-color, var(--comp-font-color));--comp-hover-inner-ring-color:var(--tct-btn-neutral-text-hover-inner-ring-color, var(--comp-background));--comp-hover-box-shadow:0 0 0 2px var(--comp-hover-inner-ring-color),\n      0 0 0 4px var(--comp-hover-outer-ring-color);--comp-active-box-shadow:var(--comp-box-shadow);--comp-disabled-box-shadow:var(--comp-box-shadow);--comp-focus-visible-outer-ring-color:var(--tct-btn-neutral-text-focus-visible-outer-ring-color, var(--const-focus-color));--comp-focus-visible-inner-ring-color:var(--tct-btn-neutral-text-focus-visible-inner-ring-color, var(--app-white));--comp-focus-visible-box-shadow:0 0 0 2px var(--comp-focus-visible-inner-ring-color),\n      0 0 0 4px var(--comp-focus-visible-outer-ring-color);border-style:var(--tct-btn-neutral-text-border-style, var(--comp-border-style));border-width:var(--tct-btn-neutral-text-border-width, var(--comp-border-width));font-weight:var(--tct-btn-neutral-text-font-weight, var(--comp-font-weight));border-color:var(--tct-btn-neutral-text-border-color, var(--comp-border-color));background:var(--tct-btn-neutral-text-background, var(--comp-background));color:var(--tct-btn-neutral-text-font-color, var(--comp-font-color));text-decoration:var(--tct-btn-neutral-text-text-decoration, var(--comp-text-decoration));box-shadow:var(--comp-box-shadow)}:host([intent=neutral-text]) button:enabled:hover{border-color:var(--tct-btn-neutral-text-hover-border-color, var(--comp-hover-border-color, var(--comp-border-color)));background:var(--tct-btn-neutral-text-hover-background, var(--comp-hover-background, var(--comp-background)));color:var(--tct-btn-neutral-text-hover-font-color, var(--comp-hover-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-neutral-text-hover-text-decoration, var(--comp-hover-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-hover-box-shadow)}:host([intent=neutral-text]) button:enabled:focus{border-color:var(--tct-btn-neutral-text-focus-border-color, var(--comp-focus-border-color, var(--comp-border-color)));background:var(--tct-btn-neutral-text-focus-background, var(--comp-focus-background, var(--comp-background)));color:var(--tct-btn-neutral-text-focus-font-color, var(--comp-focus-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-neutral-text-focus-text-decoration, var(--comp-focus-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-focus-box-shadow)}:host([intent=neutral-text]) button:enabled:focus-visible{border-color:var(--tct-btn-neutral-text-focus-visible-border-color, var(--comp-focus-visible-border-color, var(--comp-border-color)));background:var(--tct-btn-neutral-text-focus-visible-background, var(--comp-focus-visible-background, var(--comp-background)));color:var(--tct-btn-neutral-text-focus-visible-font-color, var(--comp-focus-visible-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-neutral-text-focus-visible-text-decoration, var(--comp-focus-visible-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-focus-visible-box-shadow)}:host([intent=neutral-text]) button:enabled:active{border-color:var(--tct-btn-neutral-text-active-border-color, var(--comp-active-border-color, var(--comp-border-color)));background:var(--tct-btn-neutral-text-active-background, var(--comp-active-background, var(--comp-background)));color:var(--tct-btn-neutral-text-active-font-color, var(--comp-active-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-neutral-text-active-text-decoration, var(--comp-active-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-active-box-shadow)}:host([intent=neutral-text]) button:focus-visible,:host([intent=neutral-text]) button:focus-visible:hover:enabled,:host([intent=neutral-text]) button:focus,:host([intent=neutral-text]) button:focus:hover:enabled{border-color:var(--tct-btn-neutral-text-hover-border-color, var(--comp-hover-border-color, var(--comp-border-color)));background:var(--tct-btn-neutral-text-hover-background, var(--comp-hover-background, var(--comp-background)));color:var(--tct-btn-neutral-text-hover-font-color, var(--comp-hover-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-neutral-text-hover-text-decoration, var(--comp-hover-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-hover-box-shadow)}:host([intent=neutral-text]) button:focus-visible:active:enabled,:host([intent=neutral-text]) button:focus:active:enabled{border-color:var(--tct-btn-neutral-text-active-border-color, var(--comp-active-border-color, var(--comp-border-color)));background:var(--tct-btn-neutral-text-active-background, var(--comp-active-background, var(--comp-background)));color:var(--tct-btn-neutral-text-active-font-color, var(--comp-active-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-neutral-text-active-text-decoration, var(--comp-active-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-active-box-shadow)}:host([intent=neutral-text]) button:disabled{border-color:var(--tct-btn-neutral-text-disabled-border-color, var(--comp-disabled-border-color, var(--comp-border-color)));background:var(--tct-btn-neutral-text-disabled-background, var(--comp-disabled-background, var(--comp-background)));color:var(--tct-btn-neutral-text-disabled-font-color, var(--comp-disabled-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-neutral-text-disabled-text-decoration, var(--comp-disabled-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-disabled-box-shadow)}:host([intent=neutral-text]) button ::slotted(q2-icon){--t-text:var(--tct-btn-neutral-text-icon-color, var(--t-btn-neutral-text-icon-color, var(--comp-font-color, currentcolor)))}:host(:not([size])) button.icon-only{width:var(--tct-btn-icon-width, var(--t-btn-icon-width, 44px));height:var(--tct-btn-icon-height, var(--t-btn-icon-height, 44px));border-radius:var(--tct-btn-icon-border-radius, var(--t-btn-icon-border-radius, var(--tct-btn-border-radius, 0)))}button :host(:not([color]):not([intent])):hover,button :host(:not([color]):not([intent])):focus,button.icon-only:hover,button.icon-only:focus{background:var(--tct-btn-icon-hover-background, var(--tct-btn-icon-hover-bg, var(--t-btn-icon-hover-bg, var(--tct-gray-13, 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-background, var(--tct-btn-icon-active-bg, var(--t-btn-icon-active-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(--t-btn-icon-hover-color, var(--tct-link-hover-color, var(--t-link-hover-color, #080808))))}:host(:not([intent])) button:not(.icon-only){height:var(--tct-btn-height, auto);padding-inline:var(--tct-btn-padding-inline, 0);font-weight:var(--tct-btn-font-weight);border-radius:var(--tct-btn-border-radius, 0)}:host(:not([intent])) button:not(.icon-only):hover,:host(:not([intent])) button:not(.icon-only):focus{background:var(--tct-btn-hover-background)}:host([badge]) button{padding:var(--tct-btn-badge-padding, var(--t-btn-badge-padding, 2px 5px));font-size:var(--tct-btn-badge-font-size, var(--t-btn-badge-font-size, var(--tct-btn-font-size, var(--t-btn-font-size, inherit))));border-radius:var(--tct-btn-badge-border-radius, var(--t-btn-badge-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px))));background-color:var(--tct-btn-badge-background, var(--tct-btn-badge-bg, var(--t-btn-badge-bg, transparent)));color:var(--tct-btn-badge-font-color, var(--t-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-background, var(--tct-btn-badge-hover-bg, var(--t-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(--t-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-background, var(--tct-btn-badge-active-bg, var(--t-btn-badge-active-bg, var(--comp-btn-primary-background))));color:var(--tct-btn-badge-active-font-color, var(--t-btn-badge-active-font-color, var(--comp-btn-primary-font-color)))}div{display:flex;align-items:center;justify-content:center;gap:var(--app-scale-1x, 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}:host([block]) button,:host([block]) button.icon-only{display:block;width:100%}';const p=l;const u=class{constructor(e){o(this,e);this.handleButtonSize=()=>{if(Number(this.size)<=4){a(this,"size","prop")}};this.handleSlotChange=()=>{this.handleIcons()};this.handleIcons=()=>{const o=Array.from(this.hostElement.querySelectorAll(":scope > q2-icon")).reduce(((o,t)=>{if(o)t.remove();else o=t;return o}),null);const t=!!o;const r=!!this.hostElement.querySelector("q2-loc");const e=!!this.hostElement.textContent.trim();const a=(r||e)&&t&&this.hostElement.firstElementChild===o;const c=(r||e)&&t&&this.hostElement.lastElementChild===o;const n=!a&&!c&&t;let i;if(n)i="only";else if(a)i="left";else if(c)i="right";this.iconPosition=i};this.renderButton=()=>{const{ariaExpanded:o,ariaHasPopup:e,ariaSelected:a,ariaPressed:n,description:i,disabled:d,type:b,tabindex:s}=this.buttonAttributes;const{iconPosition:v,loading:l,badge:p,label:u,hideLabel:h}=this;const m=v||l;const f=!v||p;return t(r,null,t("button",{ref:o=>this.primaryBtn=o!==null&&o!==void 0?o:this.primaryBtn,"aria-expanded":o,"aria-haspopup":e,"aria-label":h&&c(u),"aria-selected":a,"aria-pressed":n,disabled:d,type:b,tabindex:s,"test-id":"q2BtnInnerButton",class:v?`icon-${v}`:"","aria-describedby":!!i?"hidden-description":undefined},t("div",null,m&&t("q2-loading",{hidden:!l,modifiers:f?"inline":undefined}),!h&&u?c(u):t("slot",{onSlotchange:this.handleSlotChange}))),!!i&&t("div",{id:"hidden-description","aria-hidden":"true",class:"sr"},i))};this.render=()=>this.size==="small"?t("div",{class:"btn-height-wrapper",ref:o=>this.primaryBtnWrapper=o!==null&&o!==void 0?o:this.primaryBtnWrapper,tabIndex:-1},this.renderButton()):this.renderButton();this.ariaExpanded=undefined;this.ariaHasPopup=undefined;this.ariaControls=undefined;this.ariaSelected=undefined;this.ariaPressed=undefined;this.description=undefined;this.tabIndex=undefined;this.active=undefined;this.badge=undefined;this.block=undefined;this.disabled=undefined;this.hideLabel=undefined;this.intent=undefined;this.label=undefined;this.loading=undefined;this.type="button";this.size=undefined;this.color=undefined;this.fab=undefined;this.ariaLabel=undefined;this.iconPosition=undefined}componentWillLoad(){this.handleIcons();n(this);i(this)}componentDidLoad(){this.handleButtonSize();d(this.hostElement)}disable(o){if(this.disabled){o.stopImmediatePropagation()}this.primaryBtn.focus()}handleClick(o){if(this.loading){o.stopImmediatePropagation()}this.primaryBtn.focus()}delegateFocus(o){if(!b(o,this.hostElement))return;this.primaryBtn.focus()}ariaLabelObserver(){n(this)}sizeObserver(){this.handleButtonSize()}get buttonAttributes(){return{ariaExpanded:s(this.ariaExpanded,["true","false"]),ariaHasPopup:s(this.ariaHasPopup,["true","false","menu","listbox","tree","grid","dialog"]),ariaLabel:this.label&&this.hideLabel?c(this.label):undefined,ariaSelected:s(this.ariaSelected,["true","false"]),ariaPressed:s(this.ariaPressed,["true","false"]),description:this.description!==undefined?this.description:undefined,disabled:this.disabled||false,type:this.type,tabindex:this.tabIndex||undefined}}get hostElement(){return e(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"],size:["sizeObserver"]}}};u.style=p;const h="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.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(--t-loading-spinner-size, var(--app-scale-12x, 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:0.0833333333em solid transparent}.half-circle-spinner .circle.circle-1{border-top-color:var(--tct-loading-primary-color, var(--t-loading-primary-color, var(--t-primary, #0079c1)));animation:half-circle-spinner-animation 1s infinite}.half-circle-spinner .circle.circle-2{border-bottom-color:var(--tct-loading-secondary-color, var(--t-loading-secondary-color, #9ddd4f));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)) var(--tct-loading-skeleton-horizontal-gap, var(--tct-scale-2, 10px))}.skeleton-shape.circle,.skeleton-shape.rectangle{background:var(--tct-loading-skeleton-element-background, var(--tct-loading-skeleton-element-bg, var(--t-gray-8, #808080)))}.skeleton-shape.rectangle{min-height:var(--tct-loading-skeleton-rectangle-min-height, 20px)}.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}}";const m=h;const f=class{constructor(r){o(this,r);this.halfCircleSpinner=()=>t("div",{class:"q2-loading-animation half-circle-spinner","aria-label":this.localizedLabel},t("div",{class:"circle circle-1"}),t("div",{class:"circle circle-2"}));this.spinner=()=>this.halfCircleSpinner();this.skeletonLoader=()=>t("div",{class:"q2-loading-skeleton","aria-label":this.localizedLabel},this.shape==="custom"?t("slot",null):this.skeletonShape,t("div",{class:"q2-loading-skeleton-shimmer"}));this.counts=undefined;this.inline=undefined;this.label=undefined;this.modifiers=undefined;this.shape=undefined;this.type=undefined;this.ariaLabel=undefined}get loader(){const o={default:this.spinner,spinner:this.spinner,skeleton:this.skeletonLoader};return o[this.type]||o.default}get modifiersSet(){if(this.type!=="skeleton"||!this.modifiers){return undefined}return new Set(this.modifiers.split("-"))}get countsArray(){if(this.type!=="skeleton"||!this.counts){return undefined}return this.counts.split("x").map(Number)}get skeletonShape(){var o,t;return(t=(o=v[this.shape])===null||o===void 0?void 0:o.call(v,this.countsArray,this.modifiersSet))!==null&&t!==void 0?t:""}get spinnerShape(){const o={default:this.halfCircleSpinner,"half-circle":this.halfCircleSpinner};return o[this.type]||o.default}get localizedLabel(){return c(this.label||"tecton.element.loading.ariaLabel")}componentWillLoad(){n(this)}ariaLabelObserver(){n(this)}render(){return this.loader()}get hostElement(){return e(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"]}}};f.style=m;export{u as q2_btn,f as q2_loading};
+//# sourceMappingURL=p-fcc84527.entry.js.map