q2-tecton-elements 1.48.1-alpha.0 → 1.48.2

package/dist/q2-tecton-elements/p-3876d25b.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","typeable","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","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","mode","popoverMode","block","hintField","calendarPopover","hintMessageElement","type","present","label","hideLabel","optional","ariaExpanded","onClick","onInput","onKeyDown","onKeyUp","onBlur","onFocus","_role","_preventEntry","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    &[aria-selected]:focus {\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        0 0 0 4px var(--const-focus-color, #0066cc)\n    }\n}\n\n.today-decorator {\n    text-transform: uppercase;\n    font-weight: 700;\n    font-size: 10px;\n    height: 12px;\n}\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    /**\n     * Determines the display mode of the popover.\n     *\n     * Providing a value of `legacy` instructs the popover to use absolute positioning instead of fixed positioning.\n     *\n     * @info\n     * This is a temporary solution to work around styling issues related to using fixed positioning for the popover\n     * when nested inside of elements with transform properties. This will be removed once the popover API is available\n     * for use.\n     */\n    @Prop({ mutable: true }) popoverMode: 'legacy' = null;\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            case 'Enter':\n            case ' ':\n                if (this.typeable) break;\n                event.preventDefault();\n                if (this.open) {\n                    this.closeCalendar();\n                } else {\n                    this.openCalendar();\n                    this.activateDay(dateValue || new Date());\n                }\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.closeCalendar();\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                    mode={this.popoverMode || undefined}\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                type=\"date\"\n                hide-messages={!isTypeable}\n                test-id=\"inputAndCalendarToggle\"\n                _role=\"combobox\"\n                _preventEntry={!isTypeable}\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-f57c4448.entry.js → p-3d6e350e.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,g as n}from"./p-a5f18e27.js";import{n as a,o,i as s,l as r}from"./p-84190698.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:flex;width:100%;justify-content:flex-end}:host([alignment=center]){justify-content:center}:host([alignment=left]){justify-content:flex-start}:host([hidden]){display:none}.container{display:inline-flex;column-gap:var(--tct-pagination-column-gap, var(--t-pagination-column-gap, var(--app-scale-2x, 10px)));align-items:center;height:var(--tct-pagination-height, var(--t-pagination-height, 44px))}.btn-group{display:flex;gap:var(--tct-pagination-btn-gap, var(--t-pagination-btn-gap, 0))}.description,.controls{white-space:nowrap}.controls{display:grid;grid-template-columns:auto 50px auto;align-items:center;gap:var(--tct-pagination-controls-gap, var(--t-pagination-controls-gap, var(--app-scale-1x, 5px)))}.controls[hidden]{display:none}.input-wrapper{height:var(--tct-pagination-height, var(--t-pagination-height, 44px));display:flex;align-items:center}q2-btn{--tct-btn-border-radius:var(--tct-pagination-btn-border-radius, var(--t-pagination-btn-border-radius));--tct-btn-border:var(--tct-pagination-btn-border, var(--t-pagination-btn-border))}q2-icon{--tct-icon-size:var(--tct-pagination-icon-size, var(--t-pagination-icon-size, 12px));color:var(--tct-pagination-icon-color, var(--t-pagination-icon-color, var(--t-text, #4d4d4d)))}q2-input{--tct-input-margin-top:0;--tct-input-margin-bottom:0;--tct-input-height:var(--tct-pagination-input-height, var(--t-pagination-input-height, 30px));--tct-input-min-height:var(--tct-input-height);--tct-input-align:center}q2-select{--tct-select-input-min-height:var(--tct-pagination-select-height, var(--t-pagination-select-height, 30px));--tct-select-input-max-height:var(--tct-pagination-select-height, var(--t-pagination-select-height, 30px));width:var(--tct-pagination-perpage-width, var(--t-pagination-perpage-width, 100%));min-width:var(--tct-pagination-perpage-min-width, var(--t-pagination-perpage-min-width, 110px))}";const d=c;const h=class{constructor(i){t(this,i);this.change=e(this,"change",7);this.handlePageChange=t=>{const{totalPages:e,inputField:i}=this;if(t<1){t=1}else if(t>e){t=e}if(i.value!==`${t}`)i.value=`${t}`;if(!this.hostElement.onchange){this.page=t}this.change.emit({page:t})};this.handlePerPageChange=t=>{this.perPage=t.detail.value*1};this.checkSize=()=>{const{hostElement:t,containerElement:e}=this;const i=this.containerWidth>t.clientWidth;this.isSmall=i;if(i)return;a((()=>{const t=this.containerWidth===e.clientWidth;if(t)return;this.containerWidth=e.clientWidth;this.checkSize()}))};this.autoSize=true;this.total=undefined;this.page=undefined;this.pages=undefined;this.pagesOnly=undefined;this.perPage=undefined;this.perPageIncrements=undefined;this.recordsOnly=undefined;this.recordType=undefined;this.alignment=undefined;this.isSmall=undefined}componentWillLoad(){this.manageResizeObserver()}componentDidLoad(){this.containerWidth=this.containerElement.clientWidth;o(this.hostElement)}disconnectedCallback(){this.removeResizeObserver()}manageResizeObserver(){if(this.autoSize&&!this.recordsOnly&&!this.pagesOnly){if(this.resizeObserver)return;this.resizeObserver=new ResizeObserver((()=>this.checkSize()));this.resizeObserver.observe(this.hostElement);window.addEventListener("resize",this.checkSize)}else{this.isSmall=false;this.removeResizeObserver()}}onHostElementFocus(t){var e;if(!s(t,this.hostElement))return;const{isFullViewHidden:i,containerElement:n,inputField:a}=this;if(i){(e=n.querySelector("q2-btn:not([disabled])"))===null||e===void 0?void 0:e.focus()}else{a.focus()}}get isFullViewHidden(){return this.isSmall||this.recordsOnly||this.pagesOnly}get pageWithDefault(){return this.page||1}get perPageWithDefault(){return this.perPage||10}get totalWithDefault(){return this.total||0}get recordTypeWithDefault(){return this.recordType||r("tecton.element.pagination.defaultRecordType")}get currentRange(){const{perPageWithDefault:t,totalWithDefault:e,pageWithDefault:i}=this;const n=(i-1)*t+1;const a=Math.min(i*t,e);return`${n} - ${a}`}get nextRange(){const{perPageWithDefault:t,totalWithDefault:e,pageWithDefault:i}=this;const n=i*t+1;const a=Math.min((i+1)*t,e);return`${n} - ${a}`}get prevRange(){const{perPageWithDefault:t,pageWithDefault:e}=this;const i=Math.max(1,(e-2)*t+1);const n=(e-1)*t;return`${i} - ${n}`}get totalPages(){const{pagesOnly:t,totalWithDefault:e,perPageWithDefault:i,pages:n}=this;if(t&&n&&!isNaN(parseInt(`${n}`)))return n;return Math.ceil(e/i)}removeResizeObserver(){var t;if(this.resizeObserver){(t=this.resizeObserver)===null||t===void 0?void 0:t.unobserve(this.hostElement);this.resizeObserver=null;window.removeEventListener("resize",this.checkSize)}}renderPerPage(){var t;if(!((t=this.perPageIncrements)===null||t===void 0?void 0:t.length)){return""}this.perPageIncrements=this.perPageIncrements.filter((t=>!isNaN(t))).map((t=>t*1)).sort(((t,e)=>t-e));if(this.perPage===undefined)this.perPage=this.perPageIncrements[0];return i("q2-select",{onChange:this.handlePerPageChange,value:this.perPageIncrements.includes(this.perPage)?`${this.perPage}`:undefined},this.perPageIncrements.map((t=>i("q2-option",{value:`${t}`,display:`${r("tecton.element.pagination.view")} ${t}`},`${r("tecton.element.pagination.view")} ${t}`))))}render(){var t;const{pagesOnly:e,recordsOnly:n,isFullViewHidden:a,recordTypeWithDefault:o,totalPages:s,totalWithDefault:c,pageWithDefault:d,currentRange:h,nextRange:l,prevRange:p}=this;const g=d===1;const f=d===s;let u="";let b="";if(e){b=r("tecton.element.pagination.goToPages",{next:d-1,total:s});u=r("tecton.element.pagination.goToPages",{next:d+1,total:s})}else if(n){b=r("tecton.element.pagination.goToRecords",{range:p,recordType:o.toLowerCase(),total:c});u=r("tecton.element.pagination.goToRecords",{range:l,recordType:o.toLowerCase(),total:c})}return i("nav",{key:"eb5ae2f034170459a8a9e55ed8319eec524e00d9",class:"container",ref:t=>this.containerElement=t,"aria-label":r("tecton.element.pagination.title")},i("div",{key:"8a2fd2b864d1781d52002e14551f7535ab69c382",class:"description","test-id":"description"},e?r("tecton.element.pagination.pages",{current:d,total:s}):r("tecton.element.pagination.description",{range:h,recordType:o.toLowerCase(),total:c.toLocaleString()})),i("div",{key:"05266028eca03d46f3a1819bd6a8a070abfb3041",class:"btn-group"},i("q2-btn",{key:"1ac49814e049309efe1a7b78e2dd244faa1199f0",label:r("tecton.element.pagination.goToFirstPage"),disabled:g,hidden:a,onClick:()=>this.handlePageChange(1),"test-id":"firstPageBtn","hide-label":true},i("q2-icon",{key:"938f0fb35c70c9795da1b27d07e3af4c6d9c7139",type:"chevron-double-left"})),i("q2-btn",{key:"52fbe1e8b33eed594b085a9cddfd3bf307ae6357",label:b,disabled:g,onClick:()=>this.handlePageChange(d-1),"test-id":"prevPageBtn","hide-label":true},i("q2-icon",{key:"8f032b0f98c409c54d39fda98dd79ae57cf1b9e8",type:"chevron-left"}))),i("div",{key:"330475f9f4e0d1a299146e5036183b79a7166f9e",class:"controls",hidden:a,"test-id":"controls"},i("span",{key:"1990bfc109c5d8d1600428a4c599cb8740188475","aria-hidden":"true"},r("tecton.element.pagination.page")),i("div",{key:"3d9283ef551b4ece77e8087419a6f781ad18ff42",class:"input-wrapper",onClick:()=>this.inputField.dispatchEvent(new FocusEvent("focus"))},i("q2-input",{key:"de9b80971137a1a00be8725fb2fbc82b066c627b",type:"number",value:`${d}`,min:1,max:this.totalPages,hideLabel:true,optional:true,label:`${r("tecton.element.pagination.page")} (${r("tecton.element.pagination.ofPages",[s.toLocaleString()])})`,onChange:t=>this.handlePageChange(t.detail.value),"test-id":"pageInput",current:"page",ref:t=>this.inputField=t})),i("span",{key:"cad1410f606909ed08cd777749cd96350a0bd399","aria-hidden":"true"},r("tecton.element.pagination.ofPages",[s.toLocaleString()]))),i("div",{key:"ce9f8dbbabc33ae3378010436c18c732a19fad79",class:"btn-group"},i("q2-btn",{key:"0bc9878a7c58fead916e1a42b21aa9bb83454c30",label:u,disabled:f,onClick:()=>this.handlePageChange(d+1),"test-id":"nextPageBtn","hide-label":true},i("q2-icon",{key:"27aec5617e575319127d4623769674fffab16290",type:"chevron-right"})),i("q2-btn",{key:"323affc87fea734ddf09aaafabd5ce6d34604b16",label:"tecton.element.pagination.goToLastPage",disabled:f,hidden:a,onClick:()=>this.handlePageChange(s),"test-id":"lastPageBtn","hide-label":true},i("q2-icon",{key:"cf951c67f49f8bed81e6c034fc6dabb33f3245ff",type:"chevron-double-right"}))),i("div",{key:"e6d9edb327eb879d236dae0233320c0d2baac501",class:"per-page",hidden:a||!((t=this.perPageIncrements)===null||t===void 0?void 0:t.length)},this.renderPerPage()))}get hostElement(){return n(this)}static get watchers(){return{recordsOnly:["manageResizeObserver"],pagesOnly:["manageResizeObserver"],autoSize:["manageResizeObserver"]}}};h.style=d;export{h as q2_pagination};
-//# sourceMappingURL=p-f57c4448.entry.js.map
+import{r as t,c as e,h as i,g as n}from"./p-a5f18e27.js";import{n as a,o,i as s,l as r}from"./p-7ea95f38.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:flex;width:100%;justify-content:flex-end}:host([alignment=center]){justify-content:center}:host([alignment=left]){justify-content:flex-start}:host([hidden]){display:none}.container{display:inline-flex;column-gap:var(--tct-pagination-column-gap, var(--t-pagination-column-gap, var(--app-scale-2x, 10px)));align-items:center;height:var(--tct-pagination-height, var(--t-pagination-height, 44px))}.btn-group{display:flex;gap:var(--tct-pagination-btn-gap, var(--t-pagination-btn-gap, 0))}.description,.controls{white-space:nowrap}.controls{display:grid;grid-template-columns:auto 50px auto;align-items:center;gap:var(--tct-pagination-controls-gap, var(--t-pagination-controls-gap, var(--app-scale-1x, 5px)))}.controls[hidden]{display:none}.input-wrapper{height:var(--tct-pagination-height, var(--t-pagination-height, 44px));display:flex;align-items:center}q2-btn{--tct-btn-border-radius:var(--tct-pagination-btn-border-radius, var(--t-pagination-btn-border-radius));--tct-btn-border:var(--tct-pagination-btn-border, var(--t-pagination-btn-border))}q2-icon{--tct-icon-size:var(--tct-pagination-icon-size, var(--t-pagination-icon-size, 12px));color:var(--tct-pagination-icon-color, var(--t-pagination-icon-color, var(--t-text, #4d4d4d)))}q2-input{--tct-input-margin-top:0;--tct-input-margin-bottom:0;--tct-input-height:var(--tct-pagination-input-height, var(--t-pagination-input-height, 30px));--tct-input-min-height:var(--tct-input-height);--tct-input-align:center}q2-select{--tct-select-input-min-height:var(--tct-pagination-select-height, var(--t-pagination-select-height, 30px));--tct-select-input-max-height:var(--tct-pagination-select-height, var(--t-pagination-select-height, 30px));width:var(--tct-pagination-perpage-width, var(--t-pagination-perpage-width, 100%));min-width:var(--tct-pagination-perpage-min-width, var(--t-pagination-perpage-min-width, 110px))}";const d=c;const h=class{constructor(i){t(this,i);this.change=e(this,"change",7);this.handlePageChange=t=>{const{totalPages:e,inputField:i}=this;if(t<1){t=1}else if(t>e){t=e}if(i.value!==`${t}`)i.value=`${t}`;if(!this.hostElement.onchange){this.page=t}this.change.emit({page:t})};this.handlePerPageChange=t=>{this.perPage=t.detail.value*1};this.checkSize=()=>{const{hostElement:t,containerElement:e}=this;const i=this.containerWidth>t.clientWidth;this.isSmall=i;if(i)return;a((()=>{const t=this.containerWidth===e.clientWidth;if(t)return;this.containerWidth=e.clientWidth;this.checkSize()}))};this.autoSize=true;this.total=undefined;this.page=undefined;this.pages=undefined;this.pagesOnly=undefined;this.perPage=undefined;this.perPageIncrements=undefined;this.recordsOnly=undefined;this.recordType=undefined;this.alignment=undefined;this.isSmall=undefined}componentWillLoad(){this.manageResizeObserver()}componentDidLoad(){this.containerWidth=this.containerElement.clientWidth;o(this.hostElement)}disconnectedCallback(){this.removeResizeObserver()}manageResizeObserver(){if(this.autoSize&&!this.recordsOnly&&!this.pagesOnly){if(this.resizeObserver)return;this.resizeObserver=new ResizeObserver((()=>this.checkSize()));this.resizeObserver.observe(this.hostElement);window.addEventListener("resize",this.checkSize)}else{this.isSmall=false;this.removeResizeObserver()}}onHostElementFocus(t){var e;if(!s(t,this.hostElement))return;const{isFullViewHidden:i,containerElement:n,inputField:a}=this;if(i){(e=n.querySelector("q2-btn:not([disabled])"))===null||e===void 0?void 0:e.focus()}else{a.focus()}}get isFullViewHidden(){return this.isSmall||this.recordsOnly||this.pagesOnly}get pageWithDefault(){return this.page||1}get perPageWithDefault(){return this.perPage||10}get totalWithDefault(){return this.total||0}get recordTypeWithDefault(){return this.recordType||r("tecton.element.pagination.defaultRecordType")}get currentRange(){const{perPageWithDefault:t,totalWithDefault:e,pageWithDefault:i}=this;const n=(i-1)*t+1;const a=Math.min(i*t,e);return`${n} - ${a}`}get nextRange(){const{perPageWithDefault:t,totalWithDefault:e,pageWithDefault:i}=this;const n=i*t+1;const a=Math.min((i+1)*t,e);return`${n} - ${a}`}get prevRange(){const{perPageWithDefault:t,pageWithDefault:e}=this;const i=Math.max(1,(e-2)*t+1);const n=(e-1)*t;return`${i} - ${n}`}get totalPages(){const{pagesOnly:t,totalWithDefault:e,perPageWithDefault:i,pages:n}=this;if(t&&n&&!isNaN(parseInt(`${n}`)))return n;return Math.ceil(e/i)}removeResizeObserver(){var t;if(this.resizeObserver){(t=this.resizeObserver)===null||t===void 0?void 0:t.unobserve(this.hostElement);this.resizeObserver=null;window.removeEventListener("resize",this.checkSize)}}renderPerPage(){var t;if(!((t=this.perPageIncrements)===null||t===void 0?void 0:t.length)){return""}this.perPageIncrements=this.perPageIncrements.filter((t=>!isNaN(t))).map((t=>t*1)).sort(((t,e)=>t-e));if(this.perPage===undefined)this.perPage=this.perPageIncrements[0];return i("q2-select",{onChange:this.handlePerPageChange,value:this.perPageIncrements.includes(this.perPage)?`${this.perPage}`:undefined},this.perPageIncrements.map((t=>i("q2-option",{value:`${t}`,display:`${r("tecton.element.pagination.view")} ${t}`},`${r("tecton.element.pagination.view")} ${t}`))))}render(){var t;const{pagesOnly:e,recordsOnly:n,isFullViewHidden:a,recordTypeWithDefault:o,totalPages:s,totalWithDefault:c,pageWithDefault:d,currentRange:h,nextRange:l,prevRange:p}=this;const g=d===1;const f=d===s;let u="";let b="";if(e){b=r("tecton.element.pagination.goToPages",{next:d-1,total:s});u=r("tecton.element.pagination.goToPages",{next:d+1,total:s})}else if(n){b=r("tecton.element.pagination.goToRecords",{range:p,recordType:o.toLowerCase(),total:c});u=r("tecton.element.pagination.goToRecords",{range:l,recordType:o.toLowerCase(),total:c})}return i("nav",{key:"492ad7b6180eec733d0a21266b4f21b5f032e1a7",class:"container",ref:t=>this.containerElement=t,"aria-label":r("tecton.element.pagination.title")},i("div",{key:"30c1287dccf3a2da6a32f17529075e4ce07ec3ed",class:"description","test-id":"description"},e?r("tecton.element.pagination.pages",{current:d,total:s}):r("tecton.element.pagination.description",{range:h,recordType:o.toLowerCase(),total:c.toLocaleString()})),i("div",{key:"1e255884140a5fbb7ba51cb8046727ab8cb602a5",class:"btn-group"},i("q2-btn",{key:"48fc8c61b04e0005b98cbffbc3320e4dd4f0855e",label:r("tecton.element.pagination.goToFirstPage"),disabled:g,hidden:a,onClick:()=>this.handlePageChange(1),"test-id":"firstPageBtn","hide-label":true},i("q2-icon",{key:"9c454decc6feadc6bbd3f21044c7bebd46d5a55a",type:"chevron-double-left"})),i("q2-btn",{key:"9214aee00653c2417a284292c5df431bcf9cdceb",label:b,disabled:g,onClick:()=>this.handlePageChange(d-1),"test-id":"prevPageBtn","hide-label":true},i("q2-icon",{key:"9761ca7c383a5ece9582fb07b30f0fb70eceba17",type:"chevron-left"}))),i("div",{key:"d0749351d1ac3d1193a05a0f4b6f55860f98a220",class:"controls",hidden:a,"test-id":"controls"},i("span",{key:"2a160fdc5453904fcfb330b95ae548ab2df2a06a","aria-hidden":"true"},r("tecton.element.pagination.page")),i("div",{key:"250476d5c0e4e4bb90065764c4e27bb49bf79076",class:"input-wrapper",onClick:()=>this.inputField.dispatchEvent(new FocusEvent("focus"))},i("q2-input",{key:"079e89b7938ae91ebf690d42a9ea0a6191decadc",type:"number",value:`${d}`,min:1,max:this.totalPages,hideLabel:true,optional:true,label:`${r("tecton.element.pagination.page")} (${r("tecton.element.pagination.ofPages",[s.toLocaleString()])})`,onChange:t=>this.handlePageChange(t.detail.value),"test-id":"pageInput",current:"page",ref:t=>this.inputField=t})),i("span",{key:"f943840d83883da0908eed6cad0b0bbeeccee0a2","aria-hidden":"true"},r("tecton.element.pagination.ofPages",[s.toLocaleString()]))),i("div",{key:"8aa10edcf80ce32fb0252c133f28304cfbb0ccc9",class:"btn-group"},i("q2-btn",{key:"2b97474ae891322efd074dae86881b09dac6eb62",label:u,disabled:f,onClick:()=>this.handlePageChange(d+1),"test-id":"nextPageBtn","hide-label":true},i("q2-icon",{key:"47b3882a0c232fbe6737e8633adf8f4a0ad27b8d",type:"chevron-right"})),i("q2-btn",{key:"40604303f9479091821ee3390681d22c3d4507d0",label:"tecton.element.pagination.goToLastPage",disabled:f,hidden:a,onClick:()=>this.handlePageChange(s),"test-id":"lastPageBtn","hide-label":true},i("q2-icon",{key:"ecf929fe7b18bcd19c7e9045c82245d8c4764251",type:"chevron-double-right"}))),i("div",{key:"30c078a5b0224753dd5daaf0f83ca7efbe5fbaec",class:"per-page",hidden:a||!((t=this.perPageIncrements)===null||t===void 0?void 0:t.length)},this.renderPerPage()))}get hostElement(){return n(this)}static get watchers(){return{recordsOnly:["manageResizeObserver"],pagesOnly:["manageResizeObserver"],autoSize:["manageResizeObserver"]}}};h.style=d;export{h as q2_pagination};
+//# sourceMappingURL=p-3d6e350e.entry.js.map

package/dist/q2-tecton-elements/{p-ced89010.entry.js → p-3dff9fb0.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as t}from"./p-a5f18e27.js";const e="*{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}.currency{color:var(--tct-currency-color, inherit);font-size:var(--tct-currency-font-size, inherit);font-weight:var(--tct-currency-font-weight, inherit)}.currency-small{color:var(--tct-currency-small-color, inherit);font-size:var(--tct-currency-small-font-size, 24px);font-weight:var(--tct-currency-small-font-weight, 600)}.currency-small .superscript{vertical-align:super;color:var(--tct-currency-small-superscript-color, inherit);font-size:var(--tct-currency-small-superscript-font-size, var(--app-font-size-small, 12px));font-weight:var(--tct-currency-small-superscript-font-weight, 700)}.currency-medium{color:var(--tct-currency-medium-color, inherit);font-size:var(--tct-currency-medium-font-size, 42px);font-weight:var(--tct-currency-medium-font-weight, 600)}.currency-medium .superscript{vertical-align:super;color:var(--tct-currency-medium-superscript-color, inherit);font-size:var(--tct-currency-medium-superscript-font-size, 16px);font-weight:var(--tct-currency-medium-superscript-font-weight, 700)}.currency-large{color:var(--tct-currency-large-color, inherit);font-size:var(--tct-currency-large-font-size, 70px);font-weight:var(--tct-currency-large-font-weight, 700)}.currency-large .superscript{vertical-align:super;color:var(--tct-currency-large-superscript-color, inherit);font-size:var(--tct-currency-large-superscript-font-size, 28px);font-weight:var(--tct-currency-large-superscript-font-weight, 800)}";const s=e;const c=class{constructor(t){r(this,t);this.amount=undefined;this.currency="USD";this.locale=document.documentElement.lang||"en-US";this.size=undefined;this.signDisplay="auto";this.slotSize=undefined}componentWillLoad(){this.formatCurrency()}get hasPlusMinusSign(){return this.formattedParts.some((r=>r.type==="minusSign"||r.type==="plusSign"))}get plusMinusSign(){const{formattedParts:r,hasPlusMinusSign:t}=this;if(!t)return;const e=r.find((r=>r.type==="minusSign"||r.type==="plusSign"));return e.value}get currencyIsFront(){const r=this.formattedParts.findIndex((r=>r.type==="currency"));if(r===0||r===1)return true;return false}get currencySymbol(){const{formattedParts:r,currencyIsFront:t}=this;const e=r.findIndex((r=>r.type==="currency"));const s=r[e].value;return t?s:" "+s}get shouldSuperscriptSymbol(){if(!this.currencyIsFront||this.sizeProvided)return true;return false}get amountCore(){const{formattedParts:r,shouldSuperscriptFraction:t}=this;let e="";for(const t of r){if(t.type==="integer"||t.type==="decimal"||t.type==="group"||t.type==="literal"){e+=t.value}}if(t&&e[e.length-1]===".")e=e.slice(0,-1);e=e.trimEnd();return e}get fraction(){const{formattedParts:r}=this;const t=r.find((r=>r.type==="fraction"));if(!t)return;return t.value}get shouldSuperscriptFraction(){const{formattedParts:r,currencyIsFront:t,sizeProvided:e}=this;const s=r.findIndex((r=>r.type==="fraction"));const c=r[s-1].value===",";if(c||!t||!e)return false;return true}get sizeProvided(){return!!this.size||!!this.slotSize}get slotSizeValue(){let r=this.slotSize;switch(r){case"xsmall":r="small";break;case"xlarge":r="large";break}return r}get currencyClasses(){const r=["currency"];const t=this.size?this.size:this.slotSizeValue;if(!!t)r.push(`currency-${t}`);return r.join(" ")}propsUpdated(){this.formatCurrency()}formatCurrency(){const r=new Intl.NumberFormat(this.locale,{style:"currency",currency:this.currency,signDisplay:this.signDisplay});this.formattedParts=r.formatToParts(this.amount);this.readableCurrency=r.format(this.amount)}render(){const{hasPlusMinusSign:r,plusMinusSign:e,currencyIsFront:s,currencySymbol:c,shouldSuperscriptSymbol:n,amountCore:i,fraction:o,shouldSuperscriptFraction:a,readableCurrency:u,currencyClasses:l}=this;return t("div",{key:"d9b2f20577fe671cd6f6acb53878923bf3290efd",class:l,"aria-label":u},r&&t("span",{key:"1037c60e29cc33818ec14448b2129881bc09e4ea"},e),s&&t("span",{key:"718b443ad761455137821deaaf2e6ceaa0fe3c7c",class:n?"superscript":""},c),t("span",{key:"5d3c31b8698c0cf647fdeb2a4d7149dd4860ec45"},i),t("span",{key:"752dbb9d1d12255c3e5c6f49f3000973c8f026c7",class:a?"superscript":""},o),!s&&t("span",{key:"9f13a2deadf0f9fd6dc2a6997599dd32766b6ebe",class:n?"superscript":""},c))}static get watchers(){return{amount:["propsUpdated"],currency:["propsUpdated"],locale:["propsUpdated"],size:["propsUpdated"],slotSize:["propsUpdated"],signDisplay:["propsUpdated"]}}};c.style=s;export{c as q2_currency};
-//# sourceMappingURL=p-ced89010.entry.js.map
+import{r,h as t}from"./p-a5f18e27.js";const e="*{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}.currency{color:var(--tct-currency-color, inherit);font-size:var(--tct-currency-font-size, inherit);font-weight:var(--tct-currency-font-weight, inherit)}.currency-small{color:var(--tct-currency-small-color, inherit);font-size:var(--tct-currency-small-font-size, 24px);font-weight:var(--tct-currency-small-font-weight, 600)}.currency-small .superscript{vertical-align:super;color:var(--tct-currency-small-superscript-color, inherit);font-size:var(--tct-currency-small-superscript-font-size, var(--app-font-size-small, 12px));font-weight:var(--tct-currency-small-superscript-font-weight, 700)}.currency-medium{color:var(--tct-currency-medium-color, inherit);font-size:var(--tct-currency-medium-font-size, 42px);font-weight:var(--tct-currency-medium-font-weight, 600)}.currency-medium .superscript{vertical-align:super;color:var(--tct-currency-medium-superscript-color, inherit);font-size:var(--tct-currency-medium-superscript-font-size, 16px);font-weight:var(--tct-currency-medium-superscript-font-weight, 700)}.currency-large{color:var(--tct-currency-large-color, inherit);font-size:var(--tct-currency-large-font-size, 70px);font-weight:var(--tct-currency-large-font-weight, 700)}.currency-large .superscript{vertical-align:super;color:var(--tct-currency-large-superscript-color, inherit);font-size:var(--tct-currency-large-superscript-font-size, 28px);font-weight:var(--tct-currency-large-superscript-font-weight, 800)}";const s=e;const n=class{constructor(t){r(this,t);this.amount=undefined;this.currency="USD";this.locale=document.documentElement.lang||"en-US";this.size=undefined;this.signDisplay="auto";this.slotSize=undefined}componentWillLoad(){this.formatCurrency()}get hasPlusMinusSign(){return this.formattedParts.some((r=>r.type==="minusSign"||r.type==="plusSign"))}get plusMinusSign(){const{formattedParts:r,hasPlusMinusSign:t}=this;if(!t)return;const e=r.find((r=>r.type==="minusSign"||r.type==="plusSign"));return e.value}get currencyIsFront(){const r=this.formattedParts.findIndex((r=>r.type==="currency"));if(r===0||r===1)return true;return false}get currencySymbol(){const{formattedParts:r,currencyIsFront:t}=this;const e=r.findIndex((r=>r.type==="currency"));const s=r[e].value;return t?s:" "+s}get shouldSuperscriptSymbol(){if(!this.currencyIsFront||this.sizeProvided)return true;return false}get amountCore(){const{formattedParts:r,shouldSuperscriptFraction:t}=this;let e="";for(const t of r){if(t.type==="integer"||t.type==="decimal"||t.type==="group"||t.type==="literal"){e+=t.value}}if(t&&e[e.length-1]===".")e=e.slice(0,-1);e=e.trimEnd();return e}get fraction(){const{formattedParts:r}=this;const t=r.find((r=>r.type==="fraction"));if(!t)return;return t.value}get shouldSuperscriptFraction(){const{formattedParts:r,currencyIsFront:t,sizeProvided:e}=this;const s=r.findIndex((r=>r.type==="fraction"));const n=r[s-1].value===",";if(n||!t||!e)return false;return true}get sizeProvided(){return!!this.size||!!this.slotSize}get slotSizeValue(){let r=this.slotSize;switch(r){case"xsmall":r="small";break;case"xlarge":r="large";break}return r}get currencyClasses(){const r=["currency"];const t=this.size?this.size:this.slotSizeValue;if(!!t)r.push(`currency-${t}`);return r.join(" ")}propsUpdated(){this.formatCurrency()}formatCurrency(){const r=new Intl.NumberFormat(this.locale,{style:"currency",currency:this.currency,signDisplay:this.signDisplay});this.formattedParts=r.formatToParts(this.amount);this.readableCurrency=r.format(this.amount)}render(){const{hasPlusMinusSign:r,plusMinusSign:e,currencyIsFront:s,currencySymbol:n,shouldSuperscriptSymbol:c,amountCore:i,fraction:o,shouldSuperscriptFraction:a,readableCurrency:u,currencyClasses:l}=this;return t("div",{key:"b105b288c8b8af76225ae28b11e243ebaa5bdacd",class:l,"aria-label":u},r&&t("span",{key:"496f3edfb86c0d5ec1ec4a0fdee792dcbe9ee312"},e),s&&t("span",{key:"45f5f1c7fc349582872e1271a127f63443615b38",class:c?"superscript":""},n),t("span",{key:"49cad26e70ea2fc4b12bba9ddf32ae86b057521c"},i),t("span",{key:"3fd6d5c8070e9ac08efcb382421828025e8a10c4",class:a?"superscript":""},o),!s&&t("span",{key:"a8623526722fad8080c59ab488e9f1557031de38",class:c?"superscript":""},n))}static get watchers(){return{amount:["propsUpdated"],currency:["propsUpdated"],locale:["propsUpdated"],size:["propsUpdated"],slotSize:["propsUpdated"],signDisplay:["propsUpdated"]}}};n.style=s;export{n as q2_currency};
+//# sourceMappingURL=p-3dff9fb0.entry.js.map

package/dist/q2-tecton-elements/p-414c5d4e.entry.js

@@ -0,0 +1,2 @@
+import{r as o,c as t,g as i,h as e}from"./p-a5f18e27.js";import{t as s,w as r,u as n,d as p}from"./p-7ea95f38.js";const a=class{constructor(i){o(this,i);this.change=t(this,"change",7);this.mouseEventList=["mousedown","dragstart","touchstart"];this.isCurrentlyFocused=false;this.mouseHandler=o=>{const t=this.shadowContains(this.findActiveElement());const i=this.shadowContains(this.shadowEventTarget(o))||this.originatesInSlots(o.target);if(!i&&(this.isCurrentlyFocused||t)){this.isCurrentlyFocused=false;this.change.emit();return}this.isCurrentlyFocused=i||t};this.windowBlurHandler=()=>{this.isCurrentlyFocused=false;this.change.emit()}}componentWillLoad(){}connectedCallback(){this.mouseEventList.forEach((o=>{document.addEventListener(o,this.mouseHandler)}));window.addEventListener("blur",this.windowBlurHandler)}disconnectedCallback(){this.mouseEventList.forEach((o=>{document.removeEventListener(o,this.mouseHandler)}));window.removeEventListener("blur",this.windowBlurHandler)}findActiveElement(){let o=document.activeElement;while(true){if(!o||!o.shadowRoot){return o}o=o.shadowRoot.activeElement}}shadowEventTarget(o){return o.composedPath()[0]||o.target}shadowContains(o){while(true){if(o===this.hostElement){return true}if(!o){return false}o=o.parentNode||o.host}}originatesInSlots(o){const t=this.hostElement.querySelectorAll("slot");for(const i of Array.from(t)){const t=i&&i.assignedNodes&&i.assignedNodes()||this.hostElement.childNodes;for(const i of Array.from(t)){if(i.contains(o)){return true}}}return false}get hostElement(){return i(this)}};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}.legacy.container{display:none}.legacy.show{display:block;z-index:var(--tct-popover-z-index, 50)}:popover-open,.show{position:absolute;margin:0;padding:0;overflow:auto;background:var(--tct-popover-background, var(--app-white, #ffffff));color:var(--tct-popover-font-color, var(--t-text, #4d4d4d));min-width:var(--tct-popover-min-width, 135px);margin-block:var(--tct-popover-margin-block, 0);box-shadow:var(--tct-popover-box-shadow, var(--app-shadow-1, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14)));border-width:var(--tct-popover-border-width, 0);border-style:solid;border-color:var(--tct-popover-border-color, transparent);border-radius:var(--tct-popover-border-radius, 0);max-height:var(--comp-pop-max-height);left:var(--comp-pop-left);opacity:var(--comp-pop-opacity, 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}:popover-open.block,.show.block{right:unset;width:var(--comp-pop-width);min-width:var(--tct-popover-min-width, unset)}:popover-open.left,.show.left{left:var(--comp-pop-left);right:unset}:popover-open.right,.show.right{right:var(--comp-pop-right);left:unset}:popover-open.down,.show.down{top:var(--tct-popover-top, var(--comp-pop-top));bottom:unset}:popover-open.up,.show.up{top:unset;bottom:var(--comp-pop-bottom)}:popover-open::-webkit-scrollbar,.show::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}:popover-open::-webkit-scrollbar-thumb,.show::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}:popover-open::-webkit-scrollbar-track,.show::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}click-elsewhere{position:relative;display:block}";const c=l;const h=class{constructor(i){o(this,i);this.popoverStateChanged=t(this,"popoverStateChanged",7);this.displayBuffer=10;this.orientationChanged=false;this.handleMinHeight=()=>{if(this.minHeight){s(this,"minHeight","prop")}};this.handlePopoverToggleEvent=o=>{this.popoverStateChanged.emit({open:o.newState==="open"})};this.viewPortChanged=()=>{if(!this.open)return;this.determinePopDirection()};this.viewPortOrientationChanged=()=>{this.orientationChanged=true;this.viewPortChanged()};this.setPopoverAPICSSProperties=async()=>{var o,t,i,e,s,n;const{controlElement:p,containerElement:a,currentDirection:l,isModule:c,align:h}=this;const{top:d,bottom:u,left:w,right:v}=(t=(o=p===null||p===void 0?void 0:p.getBoundingClientRect)===null||o===void 0?void 0:o.call(p))!==null&&t!==void 0?t:{top:0,bottom:0,left:0,right:0};const b=w;const m=((i=window===null||window===void 0?void 0:window.visualViewport)===null||i===void 0?void 0:i.width)-v;if(h==="right"){a.style.setProperty("--comp-pop-right",`${m-window.scrollX}px`);a.style.setProperty("--comp-pop-left","unset")}else{a.style.setProperty("--comp-pop-left",`${b+window.scrollX}px`);a.style.setProperty("--comp-pop-right","unset")}if(this.block)a.style.setProperty("--comp-pop-width",`${(p===null||p===void 0?void 0:p.offsetWidth)||0}px`);if(l==="up"){if(c){a.style.setProperty("--comp-pop-bottom",`${window.innerHeight-d}px`)}else{a.style.setProperty("--comp-pop-bottom",`${window.innerHeight-d-((e=window===null||window===void 0?void 0:window.visualViewport)===null||e===void 0?void 0:e.offsetTop)-window.scrollY}px`)}}if(l==="down"){if(c){a.style.setProperty("--comp-pop-top",`${u}px`)}else{a.style.setProperty("--comp-pop-top",`${u+((n=(s=window===null||window===void 0?void 0:window.visualViewport)===null||s===void 0?void 0:s.offsetTop)!==null&&n!==void 0?n:0)+window.scrollY}px`)}}await r();a.style.setProperty("--comp-pop-opacity","1")};this.setAbsoluteCSSProperties=async()=>{const{controlElement:o,containerElement:t,currentDirection:i,align:e}=this;if(e==="right"){t.style.setProperty("--comp-pop-right","0");t.style.setProperty("--comp-pop-left","unset")}else{t.style.setProperty("--comp-pop-left","0");t.style.setProperty("--comp-pop-right","unset")}if(this.block){t.style.setProperty("--comp-pop-width","100%")}if(i==="up"){const i=getComputedStyle(o);const e=parseInt(i.height||"0")+parseInt(i.borderTopWidth||"0")+parseInt(i.borderBottomWidth||"0");t.style.setProperty("--comp-pop-bottom",`${e}px`)}await r();t.style.setProperty("--comp-pop-opacity","1")};this.direction=undefined;this.align="left";this.open=undefined;this.block=undefined;this.controlElement=undefined;this.mode=null;this.minHeight=undefined;this.currentDirection=undefined;this.show=false}componentWillLoad(){if(!this.supportsPopoverAPI){console.warn("The Popover API is not supported in this browser. Please update your browser to the latest version. The component will use legacy mode.");this.mode="legacy"}}componentDidLoad(){this.handleMinHeight();if(this.supportsPopoverAPI)this.containerElement.addEventListener("toggle",this.handlePopoverToggleEvent);if(this.open)this.determinePopDirection()}disconnectedCallback(){this.removeViewportListeners();this.containerElement.removeEventListener("toggle",this.handlePopoverToggleEvent);this.containerElement=null;this.contentElement=null;this.controlElement=null}async toggle(){this.open=!this.open}async scrollContainerTo(o){this.containerElement.scrollTo(o)}async openChanged(o){this.popoverStateChanged.emit({open:o});if(o){this.addViewportListeners();this.determinePopDirection()}else{this.removeViewportListeners();this.currentDirection=undefined;if(this.mode==="legacy"||!this.supportsPopoverAPI){this.show=false}else{this.containerElement.hidePopover()}await r();this.clearCSSProperties()}}minHeightProvided(){this.handleMinHeight()}popoverStateHandler(o){const{detail:{open:t}}=o;if(t===this.open)return;this.open=t;o.stopPropagation()}get providedDirection(){const{direction:o}=this;switch(o){case"up":case"down":return o;default:return undefined}}get isModule(){var o,t;const i=window!==window.top;const e=Object.keys((t=(o=window.Tecton)===null||o===void 0?void 0:o.platformDimensions)!==null&&t!==void 0?t:{}).length>0;return i&&e}get supportsPopoverAPI(){return Object.hasOwn(HTMLElement.prototype,"popover")}addViewportListeners(){var o;window.addEventListener("resize",this.viewPortOrientationChanged);visualViewport===null||visualViewport===void 0?void 0:visualViewport.addEventListener("resize",this.viewPortChanged);if(n(this.hostElement)&&!p()){window.addEventListener("scroll",this.viewPortChanged,{passive:true,capture:true})}(o=screen===null||screen===void 0?void 0:screen.orientation)===null||o===void 0?void 0:o.addEventListener("orientationchange",this.viewPortOrientationChanged);window.addEventListener("orientationchange",this.viewPortOrientationChanged)}removeViewportListeners(){var o;window.removeEventListener("resize",this.viewPortOrientationChanged);visualViewport===null||visualViewport===void 0?void 0:visualViewport.removeEventListener("resize",this.viewPortChanged);window.removeEventListener("scroll",this.viewPortChanged,{capture:true});(o=screen===null||screen===void 0?void 0:screen.orientation)===null||o===void 0?void 0:o.removeEventListener("orientationchange",this.viewPortOrientationChanged);window.removeEventListener("orientationchange",this.viewPortOrientationChanged)}clearCSSProperties(){this.containerElement.style.removeProperty("--comp-pop-max-height");this.containerElement.style.removeProperty("--comp-pop-top");this.containerElement.style.removeProperty("--comp-pop-bottom");this.containerElement.style.removeProperty("--comp-pop-left");this.containerElement.style.removeProperty("--comp-pop-right");this.containerElement.style.removeProperty("--comp-pop-width");this.containerElement.style.removeProperty("--comp-pop-opacity")}setDirectionAndShow(o){const t=this.open;if(!t)return;this.currentDirection=o;if(this.mode==="legacy"||!this.supportsPopoverAPI){this.show=true;this.setAbsoluteCSSProperties()}else{this.setPopoverAPICSSProperties();this.containerElement.showPopover()}}async determinePopDirection(){var o,t,i;const{containerElement:e,controlElement:s,providedDirection:n,displayBuffer:p}=this;if(e)e.style.maxHeight=null;await r();const{isModule:a}=this;const{top:l,bottom:c}=(t=(o=s===null||s===void 0?void 0:s.getBoundingClientRect)===null||o===void 0?void 0:o.call(s))!==null&&t!==void 0?t:{top:0,bottom:0};let h;let d;let u;if(a){const{outletOffset:o=0,innerHeight:t=window.innerHeight,top:e=0,bottom:s=0}=((i=window.Tecton)===null||i===void 0?void 0:i.platformDimensions)||{};const r=window.innerHeight-c;const n=o>0?l:l+o-e;const a=o+c-e;const h=n;const w=t-s-a;const v=r<w;d=h-p;u=v?r-p:w-p}else{h=window.innerHeight;d=l-p;u=h-c-p}const w=d>u?"up":"down";const v=!e.style.getPropertyValue("--comp-pop-max-height")||this.orientationChanged;this.orientationChanged=false;const b=this.currentDirection||n||w;switch(b){case"up":if(v){e.style.setProperty("--comp-pop-max-height",`${d}px`)}this.setDirectionAndShow("up");break;case"down":if(v){e.style.setProperty("--comp-pop-max-height",`${u}px`)}this.setDirectionAndShow("down");break}}render(){const o=["container",this.currentDirection,this.align];if(this.show)o.push("show");if(this.block)o.push("block");if(this.mode==="legacy")o.push("legacy");return e("div",{key:"3c4f9aa456357dbb8bbb07b2120de7a5999ba52a",ref:o=>this.containerElement=o,class:o.join(" "),"test-id":"outerContainer",tabIndex:-1,popover:"manual"},e("div",{key:"249dcb31d3af7689d47b5d3d81112afa212c9123",ref:o=>this.contentElement=o,class:"content"},e("slot",{key:"26c48e818d567b9a63223df1b13320e9a9bbb1c3"})))}get hostElement(){return i(this)}static get watchers(){return{open:["openChanged"],minHeight:["minHeightProvided"]}}};h.style=c;export{a as click_elsewhere,h as q2_popover};
+//# sourceMappingURL=p-414c5d4e.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ClickElsewhere","constructor","hostRef","this","mouseEventList","isCurrentlyFocused","mouseHandler","event","shadowContains","findActiveElement","aboutToBeFocused","shadowEventTarget","originatesInSlots","target","change","emit","windowBlurHandler","componentWillLoad","connectedCallback","forEach","eventName","document","addEventListener","window","disconnectedCallback","removeEventListener","workingElement","activeElement","shadowRoot","composedPath","child","hostElement","parentNode","host","slots","querySelectorAll","currentSlot","Array","from","lightNodes","assignedNodes","childNodes","currentNode","contains","q2PopoverCss","Q2PopoverStyle0","Q2Popover","displayBuffer","orientationChanged","handleMinHeight","minHeight","handleDeprecationWarning","handlePopoverToggleEvent","popoverStateChanged","open","newState","viewPortChanged","determinePopDirection","viewPortOrientationChanged","setPopoverAPICSSProperties","async","controlElement","containerElement","currentDirection","isModule","align","top","controlTop","bottom","controlBottom","left","controlLeft","right","controlRight","_b","_a","getBoundingClientRect","call","popoverLeft","popoverRight","_c","visualViewport","width","style","setProperty","scrollX","block","offsetWidth","innerHeight","_d","offsetTop","scrollY","_f","_e","waitForNextPaint","setAbsoluteCSSProperties","controlStyle","getComputedStyle","controlSize","parseInt","height","borderTopWidth","borderBottomWidth","undefined","supportsPopoverAPI","console","warn","mode","componentDidLoad","removeViewportListeners","contentElement","toggle","scrollContainerTo","options","scrollTo","openChanged","addViewportListeners","show","hidePopover","clearCSSProperties","minHeightProvided","popoverStateHandler","detail","stopPropagation","providedDirection","direction","isIframe","hasPlatformDimensions","Object","keys","Tecton","platformDimensions","length","hasOwn","HTMLElement","prototype","isInScrollableContainer","isMobile","passive","capture","screen","orientation","removeProperty","setDirectionAndShow","isOpen","showPopover","maxHeight","windowHeight","maxSpaceAbove","maxSpaceBelow","outletOffset","topBarHeight","bottomBarHeight","distanceToIframeBottom","visualControlTop","visualControlBottom","viewableSpaceAbove","viewableSpaceBelow","isIframeShorterThanWindow","directionWithMostSpace","shouldUpdateMaxHeight","getPropertyValue","currentOrDetermineDirection","render","containerClasses","push","h","key","ref","el","class","join","tabIndex","popover"],"sources":["src/components/click-elsewhere/click-elsewhere.tsx","src/components/q2-popover/q2-popover.scss?tag=q2-popover&encapsulation=shadow","src/components/q2-popover/q2-popover.tsx"],"sourcesContent":["import { Component, ComponentInterface, Element, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n    tag: 'click-elsewhere',\n    shadow: false,\n})\nexport class ClickElsewhere implements ComponentInterface {\n    /**\n     * Listens for mouse and window events that happen outside this click-elsewhere element so we can close popovers when users click outside them\n     */\n    mouseEventList: string[] = ['mousedown', 'dragstart', 'touchstart'];\n    isCurrentlyFocused: boolean = false;\n\n    @Element() hostElement: HTMLElement;\n\n    /**\n     * Emitted when the user clicks outside the element\n     */\n    @Event() change: EventEmitter;\n\n    /* TODO: Stencil/Rollup is having issues compiling without this here. Will try to remove in future Stencil upgrade. */\n    /* tslint:disable:no-empty */\n    componentWillLoad() {}\n    /* tslint:enable:no-empty */\n\n    connectedCallback() {\n        this.mouseEventList.forEach((eventName: string) => {\n            document.addEventListener(eventName, this.mouseHandler);\n        });\n        window.addEventListener('blur', this.windowBlurHandler);\n    }\n\n    disconnectedCallback() {\n        this.mouseEventList.forEach((eventName: string) => {\n            document.removeEventListener(eventName, this.mouseHandler);\n        });\n        window.removeEventListener('blur', this.windowBlurHandler);\n    }\n\n    findActiveElement(): Element | null {\n        let workingElement = document.activeElement!;\n        while (true) {\n            if (!workingElement || !workingElement.shadowRoot) {\n                return workingElement;\n            }\n            workingElement = workingElement.shadowRoot.activeElement;\n        }\n    }\n\n    shadowEventTarget(event: any): Element {\n        return event.composedPath()[0] || event.target;\n    }\n\n    shadowContains(child: any): boolean {\n        /**\n         * shadow-dom enabled version of Node.contains()\n         */\n\n        while (true) {\n            if (child === this.hostElement) {\n                return true;\n            }\n            if (!child) {\n                return false;\n            }\n            child = child.parentNode || child.host;\n        }\n    }\n\n    originatesInSlots(target: Element): boolean {\n        const slots = this.hostElement.querySelectorAll('slot');\n        for (const currentSlot of Array.from(slots)) {\n            const lightNodes =\n                (currentSlot && currentSlot.assignedNodes && currentSlot.assignedNodes()) ||\n                this.hostElement.childNodes;\n\n            for (const currentNode of Array.from(lightNodes)) {\n                if (currentNode.contains(target)) {\n                    return true;\n                }\n            }\n        }\n        return false;\n    }\n\n    mouseHandler = (event: Event): void => {\n        const isCurrentlyFocused = this.shadowContains(this.findActiveElement());\n        const aboutToBeFocused =\n            this.shadowContains(this.shadowEventTarget(event)) || this.originatesInSlots(event.target as Element);\n\n        if (!aboutToBeFocused && (this.isCurrentlyFocused || isCurrentlyFocused)) {\n            this.isCurrentlyFocused = false;\n            this.change.emit();\n            return;\n        }\n        this.isCurrentlyFocused = aboutToBeFocused || isCurrentlyFocused;\n    };\n\n    windowBlurHandler = (): void => {\n        this.isCurrentlyFocused = false;\n        this.change.emit();\n    };\n}\n","@import '../../styles/host.scss';\n@import '../../styles/functions';\n\n.legacy {\n    &.container {\n        display: none;\n    }\n\n    &.show {\n        display: block;\n        z-index: var-list(--tct-popover-z-index, 50);\n    }\n}\n\n:popover-open,\n.show {\n    position: absolute;\n    margin: 0;\n    padding: 0;\n    overflow: auto;\n    background: var-list(--tct-popover-background, --app-white, #ffffff);\n    color: var-list(--tct-popover-font-color, --t-text, #4d4d4d);\n    min-width: var-list(--tct-popover-min-width, 135px);\n    margin-block: var-list(--tct-popover-margin-block, 0);\n    box-shadow: var-list(\n        --tct-popover-box-shadow,\n        --app-shadow-1,\n        unquote('0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14)')\n    );\n    border-width: var-list(--tct-popover-border-width, 0);\n    border-style: solid;\n    border-color: var-list(--tct-popover-border-color, transparent);\n    border-radius: var-list(--tct-popover-border-radius, 0);\n    // the --comp variables are set via JS\n    max-height: var(--comp-pop-max-height);\n    left: var(--comp-pop-left);\n    opacity: var(--comp-pop-opacity, 0);\n\n    &.block {\n        right: unset;\n        width: var(--comp-pop-width);\n        min-width: var-list(--tct-popover-min-width, unset);\n    }\n\n    &.left {\n        left: var(--comp-pop-left);\n        right: unset;\n    }\n\n    &.right {\n        right: var(--comp-pop-right);\n        left: unset;\n    }\n\n    &.down {\n        top: var-list(--tct-popover-top, --comp-pop-top);\n        bottom: unset;\n    }\n\n    &.up {\n        top: unset;\n        bottom: var(--comp-pop-bottom);\n    }\n\n    @include tiny-scrollbar();\n}\n\nclick-elsewhere {\n    position: relative;\n    display: block;\n}\n","import {\n    Component,\n    Prop,\n    h,\n    ComponentInterface,\n    Element,\n    Watch,\n    Method,\n    Listen,\n    EventEmitter,\n    Event,\n    State,\n} from '@stencil/core';\nimport { handleDeprecationWarning, waitForNextPaint, isMobile, isInScrollableContainer } from '../../utils';\n\n@Component({ tag: 'q2-popover', shadow: true, styleUrl: 'q2-popover.scss' })\nexport class Q2Popover implements ComponentInterface {\n    /**\n     * Force the direction of the popover when it opens.\n     * If no value is passed, the component will auto-detect the direction based on available space.\n     */\n    @Prop({ reflect: true }) direction: 'up' | 'down';\n\n    /** Aligns the popover to the left or right side of the control element. */\n    @Prop({ reflect: true }) align: 'left' | 'right' = 'left';\n\n    /** Controls whether the popover is open or closed. */\n    @Prop({ reflect: true, mutable: true }) open: boolean;\n\n    /** Indicates the popover will match the width of its parent element. */\n    @Prop({ reflect: true }) block: boolean;\n\n    /** The element that controls the popover's behavior. */\n    @Prop() controlElement: HTMLElement;\n\n    @Prop() mode: 'legacy' = null;\n\n    /** @deprecated */\n    @Prop() minHeight: number;\n\n    @Element() hostElement: HTMLElement;\n\n    /**\n     * Emitted when the popover is opened or closed.\n     */\n    @Event() popoverStateChanged: EventEmitter<{ open: boolean }>;\n\n    @State() currentDirection: 'down' | 'up' = undefined;\n    // remove `show` when Popover API is supported in iOS\n    @State() show: boolean = false;\n\n    containerElement: HTMLDivElement;\n    contentElement: HTMLDivElement;\n\n    /**\n     * The number of pixels to leave between the popover and the edge of the viewport\n     */\n    displayBuffer = 10;\n\n    orientationChanged: boolean = false;\n\n    /// Lifecycle hooks ///\n    componentWillLoad() {\n        if (!this.supportsPopoverAPI) {\n            console.warn(\n                'The Popover API is not supported in this browser. Please update your browser to the latest version. The component will use legacy mode.'\n            );\n            this.mode = 'legacy';\n        }\n    }\n\n    componentDidLoad() {\n        this.handleMinHeight();\n        if (this.supportsPopoverAPI) this.containerElement.addEventListener('toggle', this.handlePopoverToggleEvent);\n        if (this.open) this.determinePopDirection();\n    }\n\n    disconnectedCallback() {\n        this.removeViewportListeners();\n        this.containerElement.removeEventListener('toggle', this.handlePopoverToggleEvent);\n        this.containerElement = null;\n        this.contentElement = null;\n        this.controlElement = null;\n    }\n\n    /// Methods ///\n    @Method()\n    async toggle() {\n        this.open = !this.open;\n    }\n\n    @Method()\n    async scrollContainerTo(options: ScrollToOptions) {\n        this.containerElement.scrollTo(options);\n    }\n\n    /// Watchers ///\n    @Watch('open')\n    async openChanged(open: boolean) {\n        this.popoverStateChanged.emit({ open });\n\n        if (open) {\n            this.addViewportListeners();\n            this.determinePopDirection();\n        } else {\n            this.removeViewportListeners();\n            this.currentDirection = undefined;\n            if (this.mode === 'legacy' || !this.supportsPopoverAPI) {\n                this.show = false;\n            } else {\n                this.containerElement.hidePopover();\n            }\n\n            await waitForNextPaint();\n            this.clearCSSProperties();\n        }\n    }\n\n    @Watch('minHeight')\n    minHeightProvided() {\n        this.handleMinHeight();\n    }\n\n    /// Listeners ///\n    @Listen('popoverState')\n    popoverStateHandler(event: CustomEvent<{ open: boolean }>) {\n        const {\n            detail: { open },\n        } = event;\n        if (open === this.open) return;\n\n        this.open = open;\n        event.stopPropagation();\n    }\n\n    /// Getters ///\n    get providedDirection(): 'up' | 'down' | undefined {\n        const { direction } = this;\n        switch (direction) {\n            case 'up':\n            case 'down':\n                return direction;\n            default:\n                return undefined;\n        }\n    }\n\n    get isModule() {\n        const isIframe = window !== window.top;\n        const hasPlatformDimensions = Object.keys(window.Tecton?.platformDimensions ?? {}).length > 0;\n        return isIframe && hasPlatformDimensions;\n    }\n\n    get supportsPopoverAPI(): boolean {\n        return Object.hasOwn(HTMLElement.prototype, 'popover');\n    }\n\n    /// Helpers ///\n    handleMinHeight = () => {\n        if (this.minHeight) {\n            handleDeprecationWarning(this, 'minHeight', 'prop');\n        }\n    };\n\n    handlePopoverToggleEvent = (event: ToggleEvent) => {\n        this.popoverStateChanged.emit({ open: event.newState === 'open' });\n    };\n\n    viewPortChanged = () => {\n        if (!this.open) return;\n        this.determinePopDirection();\n    };\n\n    viewPortOrientationChanged = () => {\n        this.orientationChanged = true;\n        this.viewPortChanged();\n    };\n\n    addViewportListeners() {\n        window.addEventListener('resize', this.viewPortOrientationChanged);\n        visualViewport?.addEventListener('resize', this.viewPortChanged);\n        if (isInScrollableContainer(this.hostElement) && !isMobile()) {\n            window.addEventListener('scroll', this.viewPortChanged, { passive: true, capture: true });\n        }\n        screen?.orientation?.addEventListener('orientationchange', this.viewPortOrientationChanged);\n        window.addEventListener('orientationchange', this.viewPortOrientationChanged);\n    }\n\n    removeViewportListeners() {\n        window.removeEventListener('resize', this.viewPortOrientationChanged);\n        visualViewport?.removeEventListener('resize', this.viewPortChanged);\n        window.removeEventListener('scroll', this.viewPortChanged, { capture: true });\n        screen?.orientation?.removeEventListener('orientationchange', this.viewPortOrientationChanged);\n        window.removeEventListener('orientationchange', this.viewPortOrientationChanged);\n    }\n\n    setPopoverAPICSSProperties = async () => {\n        const { controlElement, containerElement, currentDirection, isModule, align } = this;\n        const {\n            top: controlTop,\n            bottom: controlBottom,\n            left: controlLeft,\n            right: controlRight,\n        } = controlElement?.getBoundingClientRect?.() ?? {\n            top: 0,\n            bottom: 0,\n            left: 0,\n            right: 0,\n        };\n\n        const popoverLeft: number = controlLeft;\n        const popoverRight: number = window?.visualViewport?.width - controlRight;\n\n        if (align === 'right') {\n            containerElement.style.setProperty('--comp-pop-right', `${popoverRight - window.scrollX}px`);\n            containerElement.style.setProperty('--comp-pop-left', 'unset');\n        } else {\n            containerElement.style.setProperty('--comp-pop-left', `${popoverLeft + window.scrollX}px`);\n            containerElement.style.setProperty('--comp-pop-right', 'unset');\n        }\n\n        if (this.block) containerElement.style.setProperty('--comp-pop-width', `${controlElement?.offsetWidth || 0}px`);\n\n        if (currentDirection === 'up') {\n            if (isModule) {\n                containerElement.style.setProperty('--comp-pop-bottom', `${window.innerHeight - controlTop}px`);\n            } else {\n                containerElement.style.setProperty(\n                    '--comp-pop-bottom',\n                    `${window.innerHeight - controlTop - window?.visualViewport?.offsetTop - window.scrollY}px`\n                );\n            }\n        }\n\n        if (currentDirection === 'down') {\n            if (isModule) {\n                containerElement.style.setProperty('--comp-pop-top', `${controlBottom}px`);\n            } else {\n                containerElement.style.setProperty(\n                    '--comp-pop-top',\n                    `${controlBottom + (window?.visualViewport?.offsetTop ?? 0) + window.scrollY}px`\n                );\n            }\n        }\n\n        // Wait for one paint to prevent layout thrashing\n        await waitForNextPaint();\n        containerElement.style.setProperty('--comp-pop-opacity', '1');\n    };\n\n    setAbsoluteCSSProperties = async () => {\n        const { controlElement, containerElement, currentDirection, align } = this;\n\n        if (align === 'right') {\n            containerElement.style.setProperty('--comp-pop-right', '0');\n            containerElement.style.setProperty('--comp-pop-left', 'unset');\n        } else {\n            containerElement.style.setProperty('--comp-pop-left', '0');\n            containerElement.style.setProperty('--comp-pop-right', 'unset');\n        }\n\n        if (this.block) {\n            containerElement.style.setProperty('--comp-pop-width', '100%');\n        }\n\n        if (currentDirection === 'up') {\n            const controlStyle = getComputedStyle(controlElement);\n            const controlSize =\n                parseInt(controlStyle.height || '0') +\n                parseInt(controlStyle.borderTopWidth || '0') +\n                parseInt(controlStyle.borderBottomWidth || '0');\n\n            containerElement.style.setProperty('--comp-pop-bottom', `${controlSize}px`);\n        }\n\n        // Wait for one paint to prevent layout thrashing\n        await waitForNextPaint();\n        containerElement.style.setProperty('--comp-pop-opacity', '1');\n    };\n\n    clearCSSProperties() {\n        this.containerElement.style.removeProperty('--comp-pop-max-height');\n        this.containerElement.style.removeProperty('--comp-pop-top');\n        this.containerElement.style.removeProperty('--comp-pop-bottom');\n        this.containerElement.style.removeProperty('--comp-pop-left');\n        this.containerElement.style.removeProperty('--comp-pop-right');\n        this.containerElement.style.removeProperty('--comp-pop-width');\n        this.containerElement.style.removeProperty('--comp-pop-opacity');\n    }\n\n    setDirectionAndShow(direction: 'up' | 'down') {\n        // Due to some runtime inconsistency across devices/browsers we need to add one more check here because the\n        // popover can be closed between the time the popover is opened and the time the direction is determined\n        const isOpen = this.open;\n        if (!isOpen) return;\n\n        this.currentDirection = direction;\n        if (this.mode === 'legacy' || !this.supportsPopoverAPI) {\n            this.show = true;\n            this.setAbsoluteCSSProperties();\n        } else {\n            this.setPopoverAPICSSProperties();\n            this.containerElement.showPopover();\n        }\n    }\n\n    async determinePopDirection() {\n        const { containerElement, controlElement, providedDirection, displayBuffer } = this;\n        if (containerElement) containerElement.style.maxHeight = null;\n        await waitForNextPaint();\n\n        const { isModule } = this;\n        const { top: controlTop, bottom: controlBottom } = controlElement?.getBoundingClientRect?.() ?? {\n            top: 0,\n            bottom: 0,\n        };\n\n        let windowHeight: number;\n        let maxSpaceAbove: number;\n        let maxSpaceBelow: number;\n        if (isModule) {\n            const {\n                outletOffset = 0,\n                innerHeight = window.innerHeight,\n                top: topBarHeight = 0,\n                bottom: bottomBarHeight = 0,\n            } = window.Tecton?.platformDimensions || {};\n\n            const distanceToIframeBottom = window.innerHeight - controlBottom;\n\n            // controlElement position visually on the page\n            const visualControlTop = outletOffset > 0 ? controlTop : controlTop + outletOffset - topBarHeight;\n            const visualControlBottom = outletOffset + controlBottom - topBarHeight;\n\n            // visual space around the controlElement\n            const viewableSpaceAbove = visualControlTop;\n            const viewableSpaceBelow = innerHeight - bottomBarHeight - visualControlBottom;\n\n            // calculate space above and below controlElement\n            const isIframeShorterThanWindow = distanceToIframeBottom < viewableSpaceBelow;\n            maxSpaceAbove = viewableSpaceAbove - displayBuffer;\n            maxSpaceBelow = isIframeShorterThanWindow\n                ? distanceToIframeBottom - displayBuffer\n                : viewableSpaceBelow - displayBuffer;\n        } else {\n            windowHeight = window.innerHeight;\n            maxSpaceAbove = controlTop - displayBuffer;\n            maxSpaceBelow = windowHeight - controlBottom - displayBuffer;\n        }\n\n        const directionWithMostSpace: 'up' | 'down' = maxSpaceAbove > maxSpaceBelow ? 'up' : 'down';\n\n        // We do not want to update the max height once the popover is open unless the page orientation shifts (resize or mobile use cases)\n        const shouldUpdateMaxHeight =\n            !containerElement.style.getPropertyValue('--comp-pop-max-height') || this.orientationChanged;\n        // we do not want to constantly update the max-height after an orientation change, so we switch this back to false\n        this.orientationChanged = false;\n        const currentOrDetermineDirection = this.currentDirection || providedDirection || directionWithMostSpace;\n\n        switch (currentOrDetermineDirection) {\n            case 'up':\n                if (shouldUpdateMaxHeight) {\n                    containerElement.style.setProperty('--comp-pop-max-height', `${maxSpaceAbove}px`);\n                }\n                this.setDirectionAndShow('up');\n                break;\n            case 'down':\n                if (shouldUpdateMaxHeight) {\n                    containerElement.style.setProperty('--comp-pop-max-height', `${maxSpaceBelow}px`);\n                }\n                this.setDirectionAndShow('down');\n                break;\n            default:\n                break;\n        }\n    }\n\n    /// DOM ///\n    render() {\n        const containerClasses = ['container', this.currentDirection, this.align];\n        if (this.show) containerClasses.push('show');\n        if (this.block) containerClasses.push('block');\n        if (this.mode === 'legacy') containerClasses.push('legacy');\n\n        return (\n            <div\n                ref={el => (this.containerElement = el)}\n                class={containerClasses.join(' ')}\n                test-id=\"outerContainer\"\n                tabIndex={-1}\n                popover=\"manual\"\n            >\n                <div\n                    ref={el => (this.contentElement = el)}\n                    class=\"content\"\n                >\n                    <slot />\n                </div>\n            </div>\n        );\n    }\n}\n"],"mappings":"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"}

package/dist/q2-tecton-elements/{p-35cc1039.entry.js → p-48ecbcc9.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as r,g as o}from"./p-a5f18e27.js";import{c as a,h as i,o as c,l}from"./p-84190698.js";const n='*{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}.radio-container{--comp-radio-margin:var(--tct-radio-margin, var(--tct-radio-margin-vertical, var(--tct-scale-2, 10px)) var(--tct-radio-margin-horizontal, var(--tct-scale-3, 15px)));margin:var(--comp-radio-margin)}.radio-container label[for]{color:var(--tct-radio-label-color, inherit);font-weight:var(--tct-radio-font-weight, var(--tct-checkbox-font-weight, 400));align-items:center;cursor:pointer;margin-right:var(--tct-radio-label-margin-right, 1rem);display:grid;grid-template-columns:18px 1fr;gap:var(--tct-scale-1, var(--app-scale-1x, 5px))}.radio-container label[for].label-hidden{grid-template-columns:var(--tct-radio-label-hidden-columns, 18px 1fr)}.radio-container svg{border-radius:50%;transition:box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease));outline:0;width:100%}.radio-container circle:nth-child(1){stroke-width:2;stroke:var(--tct-radio-stroke-color, var(--t-a11y-gray-color-AA, #949494));fill:var(--tct-radio-background-fill, transparent)}.radio-container input:checked+label circle:nth-child(1){fill:var(--tct-radio-checked-background-fill, var(--tct-radio-checked-bg, transparent));stroke:var(--tct-radio-checked-stroke-color, var(--tct-radio-stroke-color, var(--t-a11y-gray-color-AA, #949494)))}.radio-container input:checked+label .label-content{font-weight:var(--tct-radio-checked-label-font-weight, var(--tct-checkbox-selected-font-weight, 600));letter-spacing:var(--tct-radio-checked-label-letter-spacing, var(--tct-checkbox-selected-letter-spacing, 0.25));color:var(--tct-radio-checked-label-font-color, var(--tct-radio-checked-label-color, inherit))}.radio-container input:checked+label circle:nth-child(2){fill:var(--tct-radio-checked-fill, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)))}.radio-container input:hover+label circle:nth-child(1){fill:var(--tct-radio-hover-background-fill, transparent);stroke:var(--tct-radio-hover-stroke-color, var(--tct-radio-stroke-color, var(--t-a11y-gray-color-AA, #949494)))}.radio-container input:hover+label .label-content{color:var(--tct-radio-hover-label-color, inherit)}.radio-container input:focus+label svg{box-shadow:var(--const-double-focus-ring)}.radio-container input:focus+label circle:nth-child(1){fill:var(--tct-radio-focus-background-fill, transparent);stroke:var(--tct-radio-focus-stroke-color, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)))}.radio-container input:focus+label .label-content{color:var(--tct-radio-focus-label-color, var(--tct-radio-checked-label-color, inherit))}.radio-tile{flex-basis:100px;flex-grow:0;flex-wrap:wrap}.radio-tile label[for]{color:var(--tct-radio-label-font-color, var(--tct-radio-label-color, inherit));align-items:center;border-radius:3px;border:2px solid var(--tct-radio-stroke-color, var(--t-a11y-gray-color-AA, #949494));background:var(--tct-radio-background-fill, transparent);cursor:pointer;display:block;padding:10px;position:relative;text-align:center;transition:border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));white-space:nowrap}.radio-tile input:checked+label{border-color:var(--tct-radio-checked-stroke-color, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e))));box-shadow:inset 0 0 0 2px #ffffff;background:var(--tct-radio-checked-background-fill, transparent);color:var(--tct-radio-checked-label-color, inherit)}.radio-tile input:checked+label:after{border-bottom-width:3px;border-bottom:5px solid var(--tct-radio-checked-stroke-color, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e))));border-left-width:5px;border-left:8px solid transparent;border-right-width:5px;border-right:8px solid transparent;bottom:0;content:"";height:0;left:50%;margin-left:-5px;position:absolute;width:0}.radio-tile input:hover+label{border-color:var(--tct-radio-hover-stroke-color, var(--tct-radio-stroke-color, var(--t-a11y-gray-color-AA, #949494)));background:var(--tct-radio-hover-background-fill, transparent);color:var(--tct-radio-hover-label-color, var(--tct-radio-label-color, inherit))}.radio-tile input:focus+label,.radio-tile input:focus:checked+label{border-color:var(--tct-radio-focus-stroke-color, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e))));background:var(--tct-radio-focus-background-fill, transparent);box-shadow:var(--const-double-focus-ring), var(--tct-global-focus, 0 0 0 2px #33b4ff);color:var(--tct-radio-focus-label-color, var(--tct-radio-checked-label-color, inherit))}input:disabled+label[for]{cursor:not-allowed;opacity:var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))}';const d=n;const s=class{constructor(r){t(this,r);this.change=e(this,"change",7);this._id=`radio-${a()}`;this.isLoaded=false;this.inputChange=t=>{t.stopPropagation();if(this.disabled||this.readonly||this.groupReadonly||this.groupDisabled){t.preventDefault();return false}if(t.target instanceof HTMLInputElement){this.checked=t.target.checked}};this.checked=false;this.disabled=false;this.hideLabel=undefined;this.label=undefined;this.readonly=undefined;this.value=undefined;this.tabIndex=0;this.name=undefined;this.groupDisabled=false;this.groupReadonly=false;this.groupTileLayout=false;this.ariaLabel=undefined}componentWillLoad(){i(this)}componentDidLoad(){this.isLoaded=true;c(this.hostElement);this.hostElement.click=()=>{this.inputField.focus();this.inputField.click()}}ariaLabelObserver(){i(this)}checkedObserver(){if(!this.isLoaded)return;if(!this.checked)return;this.change.emit({value:this.value})}onHostClick(t){if(this.disabled){t.stopImmediatePropagation()}else if(this.groupReadonly){t.preventDefault();t.stopImmediatePropagation();this.inputField.focus()}}delegateFocus(t){if(t.target===this.hostElement){this.inputField.focus()}}render(){return r("div",{key:"747de74f65700a44bec6fb7fbaf6e910685897e4",class:this.groupTileLayout?"radio-tile":"radio-container"},r("input",{key:"4727b651cdc7e2fa095c8b4a1050463ef1aeca1d",ref:t=>this.inputField=t,class:"sr",id:this._id,type:"radio",name:this.name,value:this.value,disabled:this.disabled||this.groupDisabled,checked:this.checked,"aria-label":this.label&&this.hideLabel?l(this.label):undefined,onChange:this.inputChange,"test-id":"q2RadioInnerRadioBox"}),r("label",{key:"bc37d7119b83407f93dabf4d75be15e3d31be876",htmlFor:this._id,class:this.hideLabel?"label-hidden":undefined,"test-id":"radioButton"},!this.groupTileLayout&&r("svg",{key:"197549ba1fcfe3d509a00f3c5e45f36fab4c4ff2",viewBox:"0 0 18 18"},r("circle",{key:"206836e8921b866e27fadbdc8354b305acad2c0d",stroke:"none",fill:"none",cx:"9",cy:"9",r:"8"}),r("circle",{key:"50ef8f9239754be1d153df0e38bc55a663e0c12c",stroke:"none",fill:"none",cx:"9",cy:"9",r:"4"})),!this.hideLabel&&r("div",{key:"5a2d36332cc8231daaa08eb5c3db99598d921f08",class:"label-content"},this.label&&l(this.label)||"",r("slot",{key:"3b3b5c2e89a82092dc8b727e5cfc15609aaba27e"}))))}get hostElement(){return o(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"],checked:["checkedObserver"]}}};s.style=d;export{s as q2_radio};
-//# sourceMappingURL=p-35cc1039.entry.js.map
+import{r as t,c as r,h as e,g as o}from"./p-a5f18e27.js";import{c as a,h as i,o as c,l}from"./p-7ea95f38.js";const n='*{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}.radio-container{--comp-radio-margin:var(--tct-radio-margin, var(--tct-radio-margin-vertical, var(--tct-scale-2, 10px)) var(--tct-radio-margin-horizontal, var(--tct-scale-3, 15px)));margin:var(--comp-radio-margin)}.radio-container label[for]{color:var(--tct-radio-label-color, inherit);font-weight:var(--tct-radio-font-weight, var(--tct-checkbox-font-weight, 400));align-items:center;cursor:pointer;margin-right:var(--tct-radio-label-margin-right, 1rem);display:grid;grid-template-columns:18px 1fr;gap:var(--tct-scale-1, var(--app-scale-1x, 5px))}.radio-container label[for].label-hidden{grid-template-columns:var(--tct-radio-label-hidden-columns, 18px 1fr)}.radio-container svg{border-radius:50%;transition:box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease));outline:0;width:100%}.radio-container circle:nth-child(1){stroke-width:2;stroke:var(--tct-radio-stroke-color, var(--t-a11y-gray-color-AA, #949494));fill:var(--tct-radio-background-fill, transparent)}.radio-container input:checked+label circle:nth-child(1){fill:var(--tct-radio-checked-background-fill, var(--tct-radio-checked-bg, transparent));stroke:var(--tct-radio-checked-stroke-color, var(--tct-radio-stroke-color, var(--t-a11y-gray-color-AA, #949494)))}.radio-container input:checked+label .label-content{font-weight:var(--tct-radio-checked-label-font-weight, var(--tct-checkbox-selected-font-weight, 600));letter-spacing:var(--tct-radio-checked-label-letter-spacing, var(--tct-checkbox-selected-letter-spacing, 0.25));color:var(--tct-radio-checked-label-font-color, var(--tct-radio-checked-label-color, inherit))}.radio-container input:checked+label circle:nth-child(2){fill:var(--tct-radio-checked-fill, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)))}.radio-container input:hover+label circle:nth-child(1){fill:var(--tct-radio-hover-background-fill, transparent);stroke:var(--tct-radio-hover-stroke-color, var(--tct-radio-stroke-color, var(--t-a11y-gray-color-AA, #949494)))}.radio-container input:hover+label .label-content{color:var(--tct-radio-hover-label-color, inherit)}.radio-container input:focus+label svg{box-shadow:var(--const-double-focus-ring)}.radio-container input:focus+label circle:nth-child(1){fill:var(--tct-radio-focus-background-fill, transparent);stroke:var(--tct-radio-focus-stroke-color, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)))}.radio-container input:focus+label .label-content{color:var(--tct-radio-focus-label-color, var(--tct-radio-checked-label-color, inherit))}.radio-tile{flex-basis:100px;flex-grow:0;flex-wrap:wrap}.radio-tile label[for]{color:var(--tct-radio-label-font-color, var(--tct-radio-label-color, inherit));align-items:center;border-radius:3px;border:2px solid var(--tct-radio-stroke-color, var(--t-a11y-gray-color-AA, #949494));background:var(--tct-radio-background-fill, transparent);cursor:pointer;display:block;padding:10px;position:relative;text-align:center;transition:border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));white-space:nowrap}.radio-tile input:checked+label{border-color:var(--tct-radio-checked-stroke-color, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e))));box-shadow:inset 0 0 0 2px #ffffff;background:var(--tct-radio-checked-background-fill, transparent);color:var(--tct-radio-checked-label-color, inherit)}.radio-tile input:checked+label:after{border-bottom-width:3px;border-bottom:5px solid var(--tct-radio-checked-stroke-color, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e))));border-left-width:5px;border-left:8px solid transparent;border-right-width:5px;border-right:8px solid transparent;bottom:0;content:"";height:0;left:50%;margin-left:-5px;position:absolute;width:0}.radio-tile input:hover+label{border-color:var(--tct-radio-hover-stroke-color, var(--tct-radio-stroke-color, var(--t-a11y-gray-color-AA, #949494)));background:var(--tct-radio-hover-background-fill, transparent);color:var(--tct-radio-hover-label-color, var(--tct-radio-label-color, inherit))}.radio-tile input:focus+label,.radio-tile input:focus:checked+label{border-color:var(--tct-radio-focus-stroke-color, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e))));background:var(--tct-radio-focus-background-fill, transparent);box-shadow:var(--const-double-focus-ring), var(--tct-global-focus, 0 0 0 2px #33b4ff);color:var(--tct-radio-focus-label-color, var(--tct-radio-checked-label-color, inherit))}input:disabled+label[for]{cursor:not-allowed;opacity:var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))}';const d=n;const s=class{constructor(e){t(this,e);this.change=r(this,"change",7);this._id=`radio-${a()}`;this.isLoaded=false;this.inputChange=t=>{t.stopPropagation();if(this.disabled||this.readonly||this.groupReadonly||this.groupDisabled){t.preventDefault();return false}if(t.target instanceof HTMLInputElement){this.checked=t.target.checked}};this.checked=false;this.disabled=false;this.hideLabel=undefined;this.label=undefined;this.readonly=undefined;this.value=undefined;this.tabIndex=0;this.name=undefined;this.groupDisabled=false;this.groupReadonly=false;this.groupTileLayout=false;this.ariaLabel=undefined}componentWillLoad(){i(this)}componentDidLoad(){this.isLoaded=true;c(this.hostElement);this.hostElement.click=()=>{this.inputField.focus();this.inputField.click()}}ariaLabelObserver(){i(this)}checkedObserver(){if(!this.isLoaded)return;if(!this.checked)return;this.change.emit({value:this.value})}onHostClick(t){if(this.disabled){t.stopImmediatePropagation()}else if(this.groupReadonly){t.preventDefault();t.stopImmediatePropagation();this.inputField.focus()}}delegateFocus(t){if(t.target===this.hostElement){this.inputField.focus()}}render(){return e("div",{key:"11d52f8240d6022946c837b15afb173c44eb8962",class:this.groupTileLayout?"radio-tile":"radio-container"},e("input",{key:"640bea7973f39132323acab2877d7995110c17d7",ref:t=>this.inputField=t,class:"sr",id:this._id,type:"radio",name:this.name,value:this.value,disabled:this.disabled||this.groupDisabled,checked:this.checked,"aria-label":this.label&&this.hideLabel?l(this.label):undefined,onChange:this.inputChange,"test-id":"q2RadioInnerRadioBox"}),e("label",{key:"e198013184a88d97d76997c5f6e4c6c2784639b5",htmlFor:this._id,class:this.hideLabel?"label-hidden":undefined,"test-id":"radioButton"},!this.groupTileLayout&&e("svg",{key:"cf8114adaf788f34a482c577c0f236e37d49e1ec",viewBox:"0 0 18 18"},e("circle",{key:"ccbd318974b142dc6bb8d86500c015bbb181bf6e",stroke:"none",fill:"none",cx:"9",cy:"9",r:"8"}),e("circle",{key:"07514318a21df53b3a85714b4a6e586ca2c5ad05",stroke:"none",fill:"none",cx:"9",cy:"9",r:"4"})),!this.hideLabel&&e("div",{key:"a77b401809a6a1f7adeb5f118efeaa2a238ebbf9",class:"label-content"},this.label&&l(this.label)||"",e("slot",{key:"884d312374997e55428215c5f302b55dded2ed0f"}))))}get hostElement(){return o(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"],checked:["checkedObserver"]}}};s.style=d;export{s as q2_radio};
+//# sourceMappingURL=p-48ecbcc9.entry.js.map

package/dist/q2-tecton-elements/{p-861e83de.entry.js → p-4ce69e38.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,g as a}from"./p-a5f18e27.js";import{r as n,o as s,i as r,n as o,l as d}from"./p-84190698.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;background:var(--tct-section-background, var(--tct-section-background-color, var(--t-section-background-color, var(--tct-section-bg, var(--t-section-bg, var(--app-white, #ffffff))))));color:var(--tct-section-font-color, var(--t-section-font-color, var(--t-text, #4d4d4d)));border-radius:var(--tct-section-border-radius, var(--t-section-border-radius, var(--app-border-radius-1, 3px)));margin:var(--tct-section-margin, var(--t-section-margin, var(--app-scale-3x, 15px)));border-width:var(--tct-section-border-width, 0);border-style:var(--tct-section-border-style, solid);border-color:var(--tct-section-border-color, none)}@media screen and (max-width: 767px){:host{--comp-default-margin:var(--app-scale-3x, 15px) 0;margin:var(--tct-section-margin, var(--t-section-margin, var(--comp-default-margin)))}}@media print{:host{--comp-default-print-margin:var(--app-scale-3x, 15px) 0;margin:var(--tct-section-print-margin, var(--comp-default-print-margin))}}.wrapper{--comp-tween:var(--tct-section-tween, var(--t-section-tween, var(--app-tween-1, 0.2s ease)));--comp-default-wrapper-padding:var(--app-scale-1x, 5px) 0;display:block;padding:var(--tct-section-wrapper-padding, var(--t-section-wrapper-padding, var(--comp-default-wrapper-padding)))}.wrapper:hover{box-shadow:var(--tct-section-wrapper-hover-box-shadow, var(--t-section-wrapper-hover-box-shadow, inherit))}:host([collapsible]) .wrapper{--comp-tween:var(--tct-section-tween, var(--t-section-tween, var(--app-tween-2, 0.4s ease)))}header{--comp-default-header-padding:0 var(--app-scale-3x, 15px);padding:var(--tct-section-header-padding, var(--t-section-header-padding, var(--comp-default-header-padding)));display:flex}@media print{header{padding:var(--tct-section-header-print-padding, 0)}}header.has-header{min-height:var(--tct-section-header-min-height, var(--t-section-header-min-height, 44px))}.header-content{flex:1 1 100%;min-width:0;align-self:center}:host([collapsible]) .header-content{cursor:pointer}.title{margin:var(--tct-section-title-margin, 0);font-size:var(--tct-section-title-font-size, 20px);font-weight:var(--tct-section-title-font-weight, 600);text-transform:var(--tct-section-title-text-transform, uppercase);letter-spacing:var(--tct-section-title-letter-spacing, 0.5px)}q2-icon{transition:transform var(--comp-tween)}:host(:not([expanded])) q2-icon,:host([expanded=false]) q2-icon{transform:rotate(180deg)}.content-wrapper{height:auto}.content-wrapper.is-closed{display:none;overflow:hidden}.content-wrapper.is-transitioning{overflow:hidden}:host([collapsible]) .content-wrapper{transition:height var(--comp-tween)}.content{--comp-default-content-padding:var(--app-scale-2x, 10px) var(--app-scale-3x, 15px);padding:var(--tct-section-content-padding, var(--t-section-content-padding, var(--comp-default-content-padding)))}@media print{.content{padding:var(--tct-section-content-print-padding, 0)}}.content:focus{box-shadow:none}:host([collapsible]) :host(:not([expanded])) .content{visibility:hidden}";const h=c;const p=class{constructor(i){t(this,i);this.change=e(this,"change",7);this.titleId="title";this.contentId="content";this.onHeaderClick=()=>{this.change.emit({expanded:!this.expanded})};this.onTransitionEnd=()=>{if(this.expanded){this.contentHeight=undefined}else{this.hideContent=true}setTimeout((()=>{this.clearResizeInterval()}),1e3)};this.onHeaderSlotChange=()=>{const t=!!this.hostElement.querySelector('[slot="q2-section-header"]');if(this.hasYieldedHeader!==t){this.hasYieldedHeader=!!t}};this.clearResizeInterval=()=>{this.resizerFn&&clearInterval(this.resizerFn)};this.addHeaderSlotListener=()=>{if(this.headerSlot){this.headerSlot.addEventListener("slotchange",this.onHeaderSlotChange);return}const t=new MutationObserver(this.onHeaderSlotChange);t.observe(this.headerSlotWrapper,{childList:true});this.headerSlotMutationObserver=t};this.removeHeaderSlotListener=()=>{if(this.headerSlot){this.headerSlot.removeEventListener("slotchange",this.onHeaderSlotChange);return}this.headerSlotMutationObserver.disconnect()};this.addContentSlotListener=()=>{if(this.contentSlot){this.contentSlot.addEventListener("slotchange",n);return}const t=new MutationObserver(n);t.observe(this.contentContainer,{childList:true,subtree:true});this.contentSlotMutationObserver=t};this.removeContentSlotListener=()=>{if(this.contentSlot){this.contentSlot.removeEventListener("slotchange",n);return}this.contentSlotMutationObserver.disconnect()};this.collapsible=undefined;this.expanded=undefined;this.label=undefined;this.noCollapseIcon=undefined;this.contentHeight=undefined;this.hideContent=false;this.hasYieldedHeader=false}componentWillLoad(){this.onHeaderSlotChange();const{collapsible:t,expanded:e}=this;this.contentHeight=t&&e?undefined:"0px";this.hideContent=!e}componentDidLoad(){this.addHeaderSlotListener();this.addContentSlotListener();s(this.hostElement)}disconnectedCallback(){this.removeHeaderSlotListener();this.removeContentSlotListener()}defaultChangeHandler(t){if(t.target===this.hostElement&&!this.hostElement.onchange&&!!t.detail){this.expanded=t.detail.expanded}}delegateFocus(t){if(!r(t,this.hostElement))return;this.contentContainer.focus()}async expandedObserver(t){this.clearResizeInterval();this.resizerFn=setInterval(n,5);if(t){this.expandSection()}else{this.collapseSection()}}async collapseSection(){this.contentHeight=this.contentContainerHeight;await o((()=>{this.contentHeight=this.currentHeight}))}async expandSection(){this.hideContent=false;await o((()=>{this.contentHeight=this.currentHeight}))}collapsibleObserver(){this.contentHeight=this.currentHeight}get currentHeight(){const{collapsible:t,expanded:e}=this;if(!t){return null}else if(e){return this.contentContainerHeight}else{return"0"}}get contentContainerHeight(){return`${this.contentContainer.offsetHeight||0}px`}render(){const t=this.label||this.hasYieldedHeader;const e=["content-wrapper"];const{collapsible:a,hideContent:n,contentHeight:s}=this;if(a){if(n)e.push("is-closed");else if(s)e.push("is-transitioning")}const r=!this.hasYieldedHeader&&!!this.label;return i("section",{key:"6e12bfbe36ad6c268079c32b6c39a7618ff12b1d",class:"wrapper"},i("header",{key:"91f7c8a2655170d49b7729efc60a77eb28ad1d45",class:t?"has-header":""},i("div",{key:"9edb887a2a8730794793674f46542cbd630e2a89",class:"header-content",id:this.titleId,onClick:this.collapsible&&this.onHeaderClick},r&&i("h2",{key:"a6cb6d0c520d66b5bb35ab726c0e84bd55e0d25a",class:"title"},d(this.label)),i("div",{key:"1b01d8e62560f2a0cdf0627aa512a516edd48e62",ref:t=>this.headerSlotWrapper=t,class:"header-slot-wrapper"},i("slot",{key:"fbcddb1a7282460a939785da9fdaf2c59b56668e",ref:t=>this.headerSlot=t,name:"q2-section-header"}))),this.collapsible&&!this.noCollapseIcon&&i("q2-btn",{key:"172089a013090bd461f66847e636aab0a3c477cd",label:d(this.label||"tecton.element.section.defaultToggleLabel"),ariaExpanded:`${!!this.expanded}`,ariaControls:this.contentId,"test-id":"toggleButton","hide-label":true,onClick:this.onHeaderClick},i("q2-icon",{key:"40e45aefe27e0ee9e1fe15de552b89c298b6a609",type:"chevron-up"}))),i("div",{key:"f1673a5d32dd9bb781faae906d524091a2aa04a9",class:e.join(" "),id:this.contentId,"aria-labelledby":this.titleId,role:"region",onTransitionEnd:this.onTransitionEnd,style:this.collapsible&&{height:this.contentHeight}},i("div",{key:"dbd1ceb839713c3be27407ebe6ba2f9a6a104fbb",ref:t=>this.contentContainer=t,class:"content",tabindex:"-1"},i("slot",{key:"9692d272736fb8bd861f9e13e398af42489dc403",ref:t=>this.contentSlot=t}))))}get hostElement(){return a(this)}static get watchers(){return{expanded:["expandedObserver"],collapsible:["collapsibleObserver"]}}};p.style=h;export{p as q2_section};
-//# sourceMappingURL=p-861e83de.entry.js.map
+import{r as t,c as e,h as i,g as a}from"./p-a5f18e27.js";import{r as n,o as s,i as r,n as o,l as c}from"./p-7ea95f38.js";const d="*{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;background:var(--tct-section-background, var(--tct-section-background-color, var(--t-section-background-color, var(--tct-section-bg, var(--t-section-bg, var(--app-white, #ffffff))))));color:var(--tct-section-font-color, var(--t-section-font-color, var(--t-text, #4d4d4d)));border-radius:var(--tct-section-border-radius, var(--t-section-border-radius, var(--app-border-radius-1, 3px)));margin:var(--tct-section-margin, var(--t-section-margin, var(--app-scale-3x, 15px)));border-width:var(--tct-section-border-width, 0);border-style:var(--tct-section-border-style, solid);border-color:var(--tct-section-border-color, none)}@media screen and (max-width: 767px){:host{--comp-default-margin:var(--app-scale-3x, 15px) 0;margin:var(--tct-section-margin, var(--t-section-margin, var(--comp-default-margin)))}}@media print{:host{--comp-default-print-margin:var(--app-scale-3x, 15px) 0;margin:var(--tct-section-print-margin, var(--comp-default-print-margin))}}.wrapper{--comp-tween:var(--tct-section-tween, var(--t-section-tween, var(--app-tween-1, 0.2s ease)));--comp-default-wrapper-padding:var(--app-scale-1x, 5px) 0;display:block;padding:var(--tct-section-wrapper-padding, var(--t-section-wrapper-padding, var(--comp-default-wrapper-padding)))}.wrapper:hover{box-shadow:var(--tct-section-wrapper-hover-box-shadow, var(--t-section-wrapper-hover-box-shadow, inherit))}:host([collapsible]) .wrapper{--comp-tween:var(--tct-section-tween, var(--t-section-tween, var(--app-tween-2, 0.4s ease)))}header{--comp-default-header-padding:0 var(--app-scale-3x, 15px);padding:var(--tct-section-header-padding, var(--t-section-header-padding, var(--comp-default-header-padding)));display:flex}@media print{header{padding:var(--tct-section-header-print-padding, 0)}}header.has-header{min-height:var(--tct-section-header-min-height, var(--t-section-header-min-height, 44px))}.header-content{flex:1 1 100%;min-width:0;align-self:center}:host([collapsible]) .header-content{cursor:pointer}.title{margin:var(--tct-section-title-margin, 0);font-size:var(--tct-section-title-font-size, 20px);font-weight:var(--tct-section-title-font-weight, 600);text-transform:var(--tct-section-title-text-transform, uppercase);letter-spacing:var(--tct-section-title-letter-spacing, 0.5px)}q2-icon{transition:transform var(--comp-tween)}:host(:not([expanded])) q2-icon,:host([expanded=false]) q2-icon{transform:rotate(180deg)}.content-wrapper{height:auto}.content-wrapper.is-closed{display:none;overflow:hidden}.content-wrapper.is-transitioning{overflow:hidden}:host([collapsible]) .content-wrapper{transition:height var(--comp-tween)}.content{--comp-default-content-padding:var(--app-scale-2x, 10px) var(--app-scale-3x, 15px);padding:var(--tct-section-content-padding, var(--t-section-content-padding, var(--comp-default-content-padding)))}@media print{.content{padding:var(--tct-section-content-print-padding, 0)}}.content:focus{box-shadow:none}:host([collapsible]) :host(:not([expanded])) .content{visibility:hidden}";const h=d;const p=class{constructor(i){t(this,i);this.change=e(this,"change",7);this.titleId="title";this.contentId="content";this.onHeaderClick=()=>{this.change.emit({expanded:!this.expanded})};this.onTransitionEnd=()=>{if(this.expanded){this.contentHeight=undefined}else{this.hideContent=true}setTimeout((()=>{this.clearResizeInterval()}),1e3)};this.onHeaderSlotChange=()=>{const t=!!this.hostElement.querySelector('[slot="q2-section-header"]');if(this.hasYieldedHeader!==t){this.hasYieldedHeader=!!t}};this.clearResizeInterval=()=>{this.resizerFn&&clearInterval(this.resizerFn)};this.addHeaderSlotListener=()=>{if(this.headerSlot){this.headerSlot.addEventListener("slotchange",this.onHeaderSlotChange);return}const t=new MutationObserver(this.onHeaderSlotChange);t.observe(this.headerSlotWrapper,{childList:true});this.headerSlotMutationObserver=t};this.removeHeaderSlotListener=()=>{if(this.headerSlot){this.headerSlot.removeEventListener("slotchange",this.onHeaderSlotChange);return}this.headerSlotMutationObserver.disconnect()};this.addContentSlotListener=()=>{if(this.contentSlot){this.contentSlot.addEventListener("slotchange",n);return}const t=new MutationObserver(n);t.observe(this.contentContainer,{childList:true,subtree:true});this.contentSlotMutationObserver=t};this.removeContentSlotListener=()=>{if(this.contentSlot){this.contentSlot.removeEventListener("slotchange",n);return}this.contentSlotMutationObserver.disconnect()};this.collapsible=undefined;this.expanded=undefined;this.label=undefined;this.noCollapseIcon=undefined;this.contentHeight=undefined;this.hideContent=false;this.hasYieldedHeader=false}componentWillLoad(){this.onHeaderSlotChange();const{collapsible:t,expanded:e}=this;this.contentHeight=t&&e?undefined:"0px";this.hideContent=!e}componentDidLoad(){this.addHeaderSlotListener();this.addContentSlotListener();s(this.hostElement)}disconnectedCallback(){this.removeHeaderSlotListener();this.removeContentSlotListener()}defaultChangeHandler(t){if(t.target===this.hostElement&&!this.hostElement.onchange&&!!t.detail){this.expanded=t.detail.expanded}}delegateFocus(t){if(!r(t,this.hostElement))return;this.contentContainer.focus()}async expandedObserver(t){this.clearResizeInterval();this.resizerFn=setInterval(n,5);if(t){this.expandSection()}else{this.collapseSection()}}async collapseSection(){this.contentHeight=this.contentContainerHeight;await o((()=>{this.contentHeight=this.currentHeight}))}async expandSection(){this.hideContent=false;await o((()=>{this.contentHeight=this.currentHeight}))}collapsibleObserver(){this.contentHeight=this.currentHeight}get currentHeight(){const{collapsible:t,expanded:e}=this;if(!t){return null}else if(e){return this.contentContainerHeight}else{return"0"}}get contentContainerHeight(){return`${this.contentContainer.offsetHeight||0}px`}render(){const t=this.label||this.hasYieldedHeader;const e=["content-wrapper"];const{collapsible:a,hideContent:n,contentHeight:s}=this;if(a){if(n)e.push("is-closed");else if(s)e.push("is-transitioning")}const r=!this.hasYieldedHeader&&!!this.label;return i("section",{key:"0695a7b89ad4ceef47ca676b788c2df60341a6a5",class:"wrapper"},i("header",{key:"9e41fbda9d627bbabb1cefa365a32c4e5247edbe",class:t?"has-header":""},i("div",{key:"38c6b5a831216380321e807042822b7141748007",class:"header-content",id:this.titleId,onClick:this.collapsible&&this.onHeaderClick},r&&i("h2",{key:"de29539ff32219bfc2d1a4e20a50b664f3dd7205",class:"title"},c(this.label)),i("div",{key:"59be5e8e726f258496afbaa020bc71d3d0fff4a2",ref:t=>this.headerSlotWrapper=t,class:"header-slot-wrapper"},i("slot",{key:"018055951b87d3ecf663d9b2af8a7d72f6d56f4d",ref:t=>this.headerSlot=t,name:"q2-section-header"}))),this.collapsible&&!this.noCollapseIcon&&i("q2-btn",{key:"089581eafb2042e5739ed428bc527ee8a08f5f1d",label:c(this.label||"tecton.element.section.defaultToggleLabel"),ariaExpanded:`${!!this.expanded}`,ariaControls:this.contentId,"test-id":"toggleButton","hide-label":true,onClick:this.onHeaderClick},i("q2-icon",{key:"177ff80a371b2271f505c9a589dacd2c6422df66",type:"chevron-up"}))),i("div",{key:"de3563448d7c3dcc6b577a0e5adc31a34945db59",class:e.join(" "),id:this.contentId,"aria-labelledby":this.titleId,role:"region",onTransitionEnd:this.onTransitionEnd,style:this.collapsible&&{height:this.contentHeight}},i("div",{key:"39150c3c6cbc0fd3248c7ae63541b73ba41ba246",ref:t=>this.contentContainer=t,class:"content",tabindex:"-1"},i("slot",{key:"71f8528ad70a3d2f41e8c78d34b34a05841faae6",ref:t=>this.contentSlot=t}))))}get hostElement(){return a(this)}static get watchers(){return{expanded:["expandedObserver"],collapsible:["collapsibleObserver"]}}};p.style=h;export{p as q2_section};
+//# sourceMappingURL=p-4ce69e38.entry.js.map