@verbb/plugin-kit-web 2.0.4 → 2.0.5

package/dist/chunks/pk-calendar-CcV-La-9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pk-calendar-CcV-La-9.js","names":[],"sources":["../../src/utils/date.ts","../../src/utils/date-matchers.ts","../../src/utils/week-info.ts","../../src/components/calendar/pk-calendar.styles.ts","../../src/components/calendar/pk-calendar.ts"],"sourcesContent":["/** ISO date helpers — ported from  `date-picker/internal/iso`. */\n\nconst ISO_DATE = /^(\\d{4})-(\\d{2})-(\\d{2})$/;\n\nexport function parseIsoDate(value: string | Date | null | undefined): Date | null {\n    if (value == null || value === '') {\n        return null;\n    }\n\n    // React/v1 DatePicker often passes a Date; never call string methods on it.\n    if (value instanceof Date) {\n        return coerceToDate(value);\n    }\n\n    if (typeof value !== 'string') {\n        return null;\n    }\n\n    const match = ISO_DATE.exec(value.trim());\n\n    if (!match) {\n        return null;\n    }\n\n    const year = Number(match[1]);\n    const month = Number(match[2]);\n    const day = Number(match[3]);\n\n    if (month < 1 || month > 12 || day < 1 || day > 31) {\n        return null;\n    }\n\n    const date = new Date(year, month - 1, day);\n\n    if (date.getFullYear() !== year || date.getMonth() !== month - 1 || date.getDate() !== day) {\n        return null;\n    }\n\n    return date;\n}\n\nexport function formatIsoDate(date: Date | null | undefined): string {\n    if (!date || Number.isNaN(date.getTime())) {\n        return '';\n    }\n\n    const year = String(date.getFullYear()).padStart(4, '0');\n    const month = String(date.getMonth() + 1).padStart(2, '0');\n    const day = String(date.getDate()).padStart(2, '0');\n\n    return `${year}-${month}-${day}`;\n}\n\nexport function coerceToDate(value: unknown): Date | null {\n    if (value == null) {\n        return null;\n    }\n\n    if (value instanceof Date) {\n        if (Number.isNaN(value.getTime())) {\n            return null;\n        }\n\n        return new Date(value.getFullYear(), value.getMonth(), value.getDate());\n    }\n\n    return parseIsoDate(String(value));\n}\n\nexport type DateRange = {\n    from: Date | null;\n    to: Date | null;\n};\n\nexport function parseRange(value: string | null | undefined): DateRange {\n    if (!value) {\n        return { from: null, to: null };\n    }\n\n    const parts = value.split('/');\n\n    if (parts.length === 1) {\n        return { from: parseIsoDate(parts[0]), to: null };\n    }\n\n    const from = parseIsoDate(parts[0]);\n    const to = parseIsoDate(parts[1]);\n\n    if (!from || !to) {\n        return { from, to };\n    }\n\n    return from.getTime() <= to.getTime()\n        ? { from, to }\n        : { from: to, to: from };\n}\n\nexport function formatRange(range: DateRange | null | undefined): string {\n    if (!range) {\n        return '';\n    }\n\n    const { from, to } = range;\n\n    if (!from && !to) {\n        return '';\n    }\n\n    if (from && !to) {\n        return formatIsoDate(from);\n    }\n\n    if (!from && to) {\n        return formatIsoDate(to);\n    }\n\n    return `${formatIsoDate(from)}/${formatIsoDate(to)}`;\n}\n\nexport function isSameDay(a: Date | null | undefined, b: Date | null | undefined): boolean {\n    if (!a || !b) {\n        return false;\n    }\n\n    return a.getFullYear() === b.getFullYear()\n        && a.getMonth() === b.getMonth()\n        && a.getDate() === b.getDate();\n}\n\nexport function isSameMonth(a: Date, b: Date): boolean {\n    return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth();\n}\n\nexport function addDays(date: Date, days: number): Date {\n    return new Date(date.getFullYear(), date.getMonth(), date.getDate() + days);\n}\n\nexport function addMonths(date: Date, months: number): Date {\n    const target = new Date(date.getFullYear(), date.getMonth() + months, 1);\n    const lastDay = daysInMonth(target.getFullYear(), target.getMonth());\n\n    return new Date(target.getFullYear(), target.getMonth(), Math.min(date.getDate(), lastDay));\n}\n\nexport function addYears(date: Date, years: number): Date {\n    return addMonths(date, years * 12);\n}\n\nexport function daysInMonth(year: number, month: number): number {\n    return new Date(year, month + 1, 0).getDate();\n}\n\nexport function startOfMonth(date: Date): Date {\n    return new Date(date.getFullYear(), date.getMonth(), 1);\n}\n\nexport function todayDate(): Date {\n    const now = new Date();\n\n    return new Date(now.getFullYear(), now.getMonth(), now.getDate());\n}\n\nexport function diffDays(a: Date, b: Date): number {\n    const ms = a.getTime() - b.getTime();\n\n    return Math.round(ms / 86_400_000);\n}\n\n/** ISO 8601 week number for the given date. */\nexport function isoWeekNumber(date: Date): number {\n    const target = new Date(date.getFullYear(), date.getMonth(), date.getDate());\n    const dayNum = (target.getDay() + 6) % 7;\n    target.setDate(target.getDate() - dayNum + 3);\n\n    const firstThursday = new Date(target.getFullYear(), 0, 4);\n    const firstDayNum = (firstThursday.getDay() + 6) % 7;\n    firstThursday.setDate(firstThursday.getDate() - firstDayNum + 3);\n\n    return 1 + Math.round((target.getTime() - firstThursday.getTime()) / (7 * 86_400_000));\n}\n\nexport function formatDisplayDate(date: Date, locale?: string): string {\n    return new Intl.DateTimeFormat(locale || undefined, {\n        year: 'numeric',\n        month: 'short',\n        day: 'numeric',\n    }).format(date);\n}\n","/** Date disabling matchers — ported from  `date-picker/internal/matchers`. */\n\nimport {\n    isSameDay,\n    parseIsoDate,\n} from './date.js';\n\nexport type DisabledMatcherOptions = {\n    min?: Date | null;\n    max?: Date | null;\n    disabledDates?: Date[];\n    disabledDaysOfWeek?: number[];\n    disablePast?: boolean;\n    disableFuture?: boolean;\n    today: Date;\n    isDateDisabled?: (date: Date) => boolean;\n};\n\nexport function buildDisabledMatcher(options: DisabledMatcherOptions): (date: Date) => boolean {\n    const {\n        min,\n        max,\n        disabledDates = [],\n        disabledDaysOfWeek = [],\n        disablePast = false,\n        disableFuture = false,\n        today,\n        isDateDisabled,\n    } = options;\n\n    const minTime = min?.getTime() ?? Number.NEGATIVE_INFINITY;\n    const maxTime = max?.getTime() ?? Number.POSITIVE_INFINITY;\n    const todayTime = today.getTime();\n    const dayOfWeekSet = new Set(disabledDaysOfWeek);\n    const dateTimeSet = new Set(disabledDates.map((date) => date.getTime()));\n\n    return function isDisabled(date: Date): boolean {\n        const time = date.getTime();\n\n        if (time < minTime || time > maxTime) {\n            return true;\n        }\n\n        if (disablePast && time < todayTime) {\n            return true;\n        }\n\n        if (disableFuture && time > todayTime) {\n            return true;\n        }\n\n        if (dayOfWeekSet.size && dayOfWeekSet.has(date.getDay())) {\n            return true;\n        }\n\n        if (dateTimeSet.size && dateTimeSet.has(time)) {\n            return true;\n        }\n\n        if (isDateDisabled?.(date)) {\n            return true;\n        }\n\n        return false;\n    };\n}\n\nexport function parseDisabledDates(value: string | string[] | Date[] | null | undefined): Date[] {\n    if (value == null || value === '') {\n        return [];\n    }\n\n    const list = Array.isArray(value) ? value : value.split(/\\s+/);\n    const out: Date[] = [];\n\n    for (const item of list) {\n        if (item instanceof Date) {\n            if (!Number.isNaN(item.getTime())) {\n                out.push(new Date(item.getFullYear(), item.getMonth(), item.getDate()));\n            }\n\n            continue;\n        }\n\n        const parsed = parseIsoDate(String(item).trim());\n\n        if (parsed) {\n            out.push(parsed);\n        }\n    }\n\n    return out;\n}\n\nconst WEEKDAY_NAMES = {\n    sun: 0,\n    mon: 1,\n    tue: 2,\n    wed: 3,\n    thu: 4,\n    fri: 5,\n    sat: 6,\n} as const;\n\nexport type WeekdayName = keyof typeof WEEKDAY_NAMES;\n\nexport function parseDaysOfWeek(value: string | null | undefined): number[] {\n    if (value == null || value === '') {\n        return [];\n    }\n\n    const tokens = String(value).toLowerCase().split(/\\s+/).filter(Boolean);\n    const out = new Set<number>();\n\n    for (const token of tokens) {\n        if (token in WEEKDAY_NAMES) {\n            out.add(WEEKDAY_NAMES[token as WeekdayName]);\n        }\n    }\n\n    return [...out];\n}\n\nexport function includesDay(arr: Date[], target: Date): boolean {\n    return arr.some((date) => isSameDay(date, target));\n}\n\nexport function anyDisabledInRange(\n    start: Date,\n    end: Date,\n    isDisabled: (date: Date) => boolean,\n): boolean {\n    const rangeStart = start.getTime() <= end.getTime() ? start : end;\n    const rangeEnd = start.getTime() <= end.getTime() ? end : start;\n    const cursor = new Date(rangeStart.getFullYear(), rangeStart.getMonth(), rangeStart.getDate());\n\n    while (cursor.getTime() <= rangeEnd.getTime()) {\n        if (isDisabled(cursor)) {\n            return true;\n        }\n\n        cursor.setDate(cursor.getDate() + 1);\n    }\n\n    return false;\n}\n\nexport function allDisabledInRange(\n    start: Date,\n    end: Date,\n    isDisabled: (date: Date) => boolean,\n): boolean {\n    const rangeStart = start.getTime() <= end.getTime() ? start : end;\n    const rangeEnd = start.getTime() <= end.getTime() ? end : start;\n    const cursor = new Date(rangeStart.getFullYear(), rangeStart.getMonth(), rangeStart.getDate());\n\n    while (cursor.getTime() <= rangeEnd.getTime()) {\n        if (!isDisabled(cursor)) {\n            return false;\n        }\n\n        cursor.setDate(cursor.getDate() + 1);\n    }\n\n    return true;\n}\n","/** Locale week info — ported from  `date-picker/internal/week-info`. */\n\nexport type WeekdayName = 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat';\n\nexport type WeekInfo = {\n    /** First day of the week (1=Monday … 7=Sunday, per Intl spec). */\n    firstDay: number;\n    /** Weekend day numbers (1=Monday … 7=Sunday). */\n    weekend: number[];\n};\n\nconst SUNDAY_FIRST = new Set([\n    'US', 'CA', 'MX', 'BR', 'JP', 'PH', 'IL', 'AU', 'NZ', 'ZA',\n    'CO', 'VE', 'PE', 'EC', 'GT', 'HN', 'NI', 'SV', 'CR', 'PA',\n    'DO', 'PR', 'JM', 'TT', 'BS', 'BB', 'BZ', 'BO', 'BM', 'TW',\n    'HK', 'MO', 'SG', 'TH', 'ET', 'KE',\n]);\n\nconst SATURDAY_FIRST = new Set(['SA', 'AE', 'QA', 'KW', 'BH', 'OM', 'YE', 'JO', 'SY', 'IQ', 'EG', 'SD', 'DZ', 'LY']);\n\nconst FRI_SAT_WEEKEND = new Set([\n    'SA', 'AE', 'QA', 'KW', 'BH', 'OM', 'YE', 'JO', 'EG', 'SD',\n    'DZ', 'LY', 'SY', 'IQ', 'IL',\n]);\n\nfunction regionFromLocale(locale: string): string | null {\n    try {\n        const parsed = new Intl.Locale(locale);\n        const region = parsed.maximize().region;\n\n        return region ?? null;\n    } catch {\n        return null;\n    }\n}\n\nfunction fallbackWeekInfo(locale: string): WeekInfo {\n    const region = regionFromLocale(locale);\n    let firstDay = 1;\n\n    if (region && SUNDAY_FIRST.has(region)) {\n        firstDay = 7;\n    } else if (region && SATURDAY_FIRST.has(region)) {\n        firstDay = 6;\n    }\n\n    const weekend = region && FRI_SAT_WEEKEND.has(region) ? [5, 6] : [6, 7];\n\n    return { firstDay, weekend };\n}\n\nexport function getWeekInfo(locale: string): WeekInfo {\n    try {\n        const parsed = new Intl.Locale(locale) as Intl.Locale & {\n            getWeekInfo?: () => WeekInfo;\n            weekInfo?: WeekInfo;\n        };\n\n        const info = typeof parsed.getWeekInfo === 'function'\n            ? parsed.getWeekInfo()\n            : parsed.weekInfo;\n\n        if (info && typeof info.firstDay === 'number' && Array.isArray(info.weekend)) {\n            return { firstDay: info.firstDay, weekend: info.weekend };\n        }\n    } catch {\n        // fall through\n    }\n\n    return fallbackWeekInfo(locale);\n}\n\n/** Convert Intl first day (1=Mon..7=Sun) to JS `Date.getDay()` (0=Sun..6=Sat). */\nexport function intlFirstDayToJsDay(intlFirstDay: number): number {\n    return intlFirstDay === 7 ? 0 : intlFirstDay;\n}\n\nexport function intlWeekendToJsDays(intlWeekend: number[]): number[] {\n    return intlWeekend.map(intlFirstDayToJsDay);\n}\n\nexport function resolveFirstDayOfWeek(\n    attribute: 'auto' | WeekdayName,\n    locale: string,\n): number {\n    if (attribute !== 'auto') {\n        const map: Record<WeekdayName, number> = {\n            sun: 0,\n            mon: 1,\n            tue: 2,\n            wed: 3,\n            thu: 4,\n            fri: 5,\n            sat: 6,\n        };\n\n        return map[attribute];\n    }\n\n    return intlFirstDayToJsDay(getWeekInfo(locale).firstDay);\n}\n","import { css } from 'lit';\n\nimport { iconStyles } from '../../base/icon.styles.js';\n\nexport const pkCalendarStyles = css`\n    ${iconStyles}\n    @layer pk-component {\n        :host {\n            display: inline-block;\n            width: fit-content;\n            max-width: 100%;\n            color: var(--pk-color-gray-900);\n            font-family: var(--pk-font-family);\n            font-size: var(--pk-font-size-base);\n            line-height: 1;\n            --pk-date-cell-size: 1.75rem;\n            --pk-date-cell-radius: 100%;\n            --pk-date-gap: 0.25rem;\n            --pk-date-column-min: var(--pk-date-cell-size);\n            --pk-date-column-gap: 0;\n        }\n\n        :host([weekday-format='short']) {\n            --pk-date-column-min: 2.125rem;\n            --pk-date-column-gap: 0.125rem;\n        }\n\n        :host([weekday-format='long']) {\n            --pk-date-column-min: 3.375rem;\n            --pk-date-column-gap: 0.125rem;\n        }\n\n        :host([weekday-format='long']) .weekday {\n            font-size: 0.7rem;\n        }\n\n        :host([size='xs']) {\n            --pk-date-cell-size: 1.5rem;\n            font-size: 11px;\n        }\n\n        :host([size='sm']) {\n            --pk-date-cell-size: 1.625rem;\n            font-size: 12px;\n        }\n\n        :host([size='lg']) {\n            --pk-date-cell-size: 2rem;\n            font-size: 14px;\n        }\n\n        :host([size='xl']) {\n            --pk-date-cell-size: 2.25rem;\n            font-size: 15px;\n        }\n\n        :host([disabled]) {\n            opacity: 0.5;\n            pointer-events: none;\n        }\n\n        .base {\n            display: flex;\n            flex-direction: column;\n            gap: var(--pk-date-gap);\n            width: fit-content;\n            padding: 0.5rem;\n            border: var(--pk-calendar-border, var(--pk-input-border));\n            border-radius: var(--pk-radius-md);\n            background: var(--pk-calendar-background, var(--pk-color-white));\n        }\n\n        :host(:not([bordered])) {\n            --pk-calendar-border: 0;\n            --pk-calendar-background: transparent;\n        }\n\n        .header {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            gap: 0.25rem;\n            min-height: var(--pk-date-cell-size);\n            padding-inline: 0.125rem;\n        }\n\n        .title {\n            flex: 1;\n            margin: 0;\n            padding: 0.25rem 0.5rem;\n            border: 0;\n            border-radius: var(--pk-radius-sm);\n            background: transparent;\n            color: var(--pk-color-gray-900);\n            font: inherit;\n            font-size: 13px;\n            font-weight: 500;\n            line-height: 1.2;\n            text-align: center;\n            cursor: pointer;\n            user-select: none;\n        }\n\n        .title:hover:not(:disabled) {\n            background: var(--pk-color-slate-100);\n        }\n\n        .nav-button {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: var(--pk-date-cell-size);\n            height: var(--pk-date-cell-size);\n            margin: 0;\n            padding: 0.25rem;\n            border: 0;\n            border-radius: var(--pk-radius-sm);\n            background: transparent;\n            color: var(--pk-color-gray-600);\n            cursor: pointer;\n        }\n\n        .nav-button:hover:not(:disabled) {\n            background: var(--pk-color-slate-100);\n            color: var(--pk-color-gray-900);\n        }\n\n        .nav-button:disabled {\n            opacity: 0.35;\n            cursor: not-allowed;\n        }\n\n        .nav-button .icon {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: 12px;\n            height: 12px;\n            flex-shrink: 0;\n        }\n\n        .nav-button .icon svg {\n            display: block;\n            width: 12px;\n            height: 12px;\n        }\n\n        .months {\n            display: flex;\n            gap: 1rem;\n        }\n\n        .month {\n            display: flex;\n            flex-direction: column;\n            width: fit-content;\n            min-width: calc(var(--pk-date-column-min) * 7 + var(--pk-date-column-gap) * 6);\n        }\n\n        :host([data-week-numbers]) .month {\n            min-width: calc(\n                var(--pk-date-cell-size) + var(--pk-date-column-gap) + var(--pk-date-column-min) * 7 + var(--pk-date-column-gap) * 6\n            );\n        }\n\n        .month-label {\n            margin-bottom: 0.5rem;\n            font-size: 12px;\n            font-weight: 500;\n            text-align: center;\n            color: var(--pk-color-gray-700);\n        }\n\n        .weekdays,\n        .week {\n            display: grid;\n            grid-template-columns: repeat(7, minmax(var(--pk-date-column-min), 1fr));\n            column-gap: var(--pk-date-column-gap);\n            align-items: center;\n            width: 100%;\n        }\n\n        :host([data-week-numbers]) .weekdays,\n        :host([data-week-numbers]) .week {\n            grid-template-columns: var(--pk-date-cell-size) repeat(7, minmax(var(--pk-date-column-min), 1fr));\n        }\n\n        .grid {\n            display: flex;\n            flex-direction: column;\n            gap: 0.5rem;\n            width: 100%;\n            margin-top: 0.2rem;\n        }\n\n        .weeknumber-header,\n        .weeknumber {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            height: var(--pk-date-cell-size);\n            color: var(--pk-color-gray-500);\n            font-size: 0.8rem;\n            font-weight: 400;\n            user-select: none;\n        }\n\n        .weekday {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-width: var(--pk-date-column-min);\n            height: var(--pk-date-cell-size);\n            padding-inline: 0.125rem;\n            color: var(--pk-color-gray-500);\n            font-size: 0.8rem;\n            font-weight: 400;\n            line-height: 1.1;\n            text-align: center;\n            white-space: nowrap;\n            user-select: none;\n        }\n\n        .day,\n        .day.is-placeholder {\n            position: relative;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            justify-self: center;\n            width: var(--pk-date-cell-size);\n            min-width: var(--pk-date-cell-size);\n            max-width: var(--pk-date-cell-size);\n            height: var(--pk-date-cell-size);\n            margin: 0;\n            padding: 0;\n            border: 0;\n            border-radius: 0;\n            background: transparent;\n            color: var(--pk-color-gray-900);\n            font: inherit;\n            font-size: 13px;\n            font-weight: 400;\n            line-height: 1;\n            cursor: pointer;\n        }\n\n        .day.is-range-start,\n        .day.is-range-end,\n        .day.is-range-inner,\n        .day.is-range-preview {\n            justify-self: stretch;\n            width: 100%;\n            min-width: 0;\n            max-width: none;\n        }\n\n        .day.is-range-start.is-range-end {\n            justify-self: center;\n            width: var(--pk-date-cell-size);\n            min-width: var(--pk-date-cell-size);\n            max-width: var(--pk-date-cell-size);\n        }\n\n        .day:focus-visible {\n            outline: 2px solid var(--pk-color-blue-500);\n            outline-offset: 1px;\n            z-index: 1;\n        }\n\n        .day.is-outside {\n            opacity: 0.6;\n        }\n\n        .day.is-disabled {\n            opacity: 0.4;\n            cursor: not-allowed;\n        }\n\n        /* Day grid — circular today ring (fixed cell size, not column width) */\n        .day.is-today:not(.is-range-start):not(.is-range-end):not(.is-range-inner)::after {\n            content: '';\n            position: absolute;\n            inset: 0;\n            border: 1px solid var(--pk-color-blue-500);\n            border-radius: var(--pk-date-cell-radius);\n            pointer-events: none;\n        }\n\n        .day.is-selected:not(.is-range-start):not(.is-range-end):not(.is-range-inner) {\n            background: var(--pk-color-gray-200);\n            border-radius: var(--pk-date-cell-radius);\n            color: var(--pk-color-gray-900);\n            font-weight: 400;\n        }\n\n        .day.is-range-start,\n        .day.is-range-end {\n            background: var(--pk-color-gray-200);\n            color: var(--pk-color-gray-900);\n            font-weight: 400;\n        }\n\n        .day.is-range-start.is-range-end {\n            border-radius: var(--pk-date-cell-radius);\n        }\n\n        .day.is-range-start:not(.is-range-end) {\n            border-radius: var(--pk-date-cell-radius) 0 0 var(--pk-date-cell-radius);\n        }\n\n        .day.is-range-end:not(.is-range-start) {\n            border-radius: 0 var(--pk-date-cell-radius) var(--pk-date-cell-radius) 0;\n        }\n\n        .day.is-range-inner {\n            background: var(--pk-color-gray-200);\n            border-radius: 0;\n        }\n\n        .day.is-range-preview:not(.is-range-start):not(.is-range-end) {\n            background: var(--pk-color-gray-200);\n            opacity: 0.7;\n        }\n\n        .day.is-placeholder {\n            visibility: hidden;\n            pointer-events: none;\n        }\n\n        .live-region {\n            position: absolute;\n            width: 1px;\n            height: 1px;\n            padding: 0;\n            margin: -1px;\n            overflow: hidden;\n            clip: rect(0, 0, 0, 0);\n            white-space: nowrap;\n            border: 0;\n        }\n\n        slot[name='footer']::slotted(*) {\n            display: block;\n            padding-top: 0.25rem;\n        }\n\n        .view-grid {\n            display: grid;\n            grid-template-columns: repeat(3, minmax(var(--pk-date-cell-size), 1fr));\n            gap: 0.25rem;\n            width: 100%;\n            min-width: calc(var(--pk-date-column-min) * 7 + var(--pk-date-column-gap) * 6);\n        }\n\n        .view-row {\n            display: contents;\n        }\n\n        .view-cell {\n            display: contents;\n        }\n\n        .view-item {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-height: var(--pk-date-cell-size);\n            margin: 0;\n            padding: 0.375rem 0.5rem;\n            border: 0;\n            border-radius: var(--pk-radius-sm);\n            background: transparent;\n            color: var(--pk-color-gray-900);\n            font: inherit;\n            font-size: 13px;\n            cursor: pointer;\n        }\n\n        .view-item.is-selected {\n            background: var(--pk-color-gray-200);\n            font-weight: 500;\n        }\n\n        /* Month/year grid — rectangular today outline */\n        .view-item.is-today:not(.is-selected) {\n            box-shadow: inset 0 0 0 1px var(--pk-color-blue-500);\n            border-radius: var(--pk-radius-sm);\n        }\n\n        .view-item.is-disabled {\n            opacity: 0.4;\n            cursor: not-allowed;\n        }\n\n        .view-item:focus-visible {\n            outline: 2px solid var(--pk-color-blue-500);\n            outline-offset: 1px;\n        }\n    }\n`;\n","import { html, nothing } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nimport type { PropertyValues } from 'lit';\n\nimport { chevronLeft, chevronRight, renderIconHtml } from '../../icons/index.js';\nimport { PkElement } from '../../base/pk-element.js';\nimport { HasSlotController } from '../../internal/has-slot.js';\nimport {\n    addDays,\n    addMonths,\n    addYears,\n    coerceToDate,\n    diffDays,\n    formatDisplayDate,\n    formatIsoDate,\n    formatRange,\n    isoWeekNumber,\n    isSameDay,\n    isSameMonth,\n    parseIsoDate,\n    parseRange,\n    startOfMonth,\n    todayDate,\n    type DateRange,\n} from '../../utils/date.js';\nimport {\n    allDisabledInRange,\n    buildDisabledMatcher,\n    parseDaysOfWeek,\n    parseDisabledDates,\n} from '../../utils/date-matchers.js';\nimport {\n    getWeekInfo,\n    intlWeekendToJsDays,\n    resolveFirstDayOfWeek,\n    type WeekdayName,\n} from '../../utils/week-info.js';\nimport { pkCalendarStyles } from './pk-calendar.styles.js';\n\nexport type PkCalendarMode = 'single' | 'range';\nexport type PkCalendarSize = 'xs' | 'sm' | 'default' | 'lg' | 'xl';\nexport type PkCalendarFirstDayOfWeek = 'auto' | WeekdayName;\nexport type PkCalendarView = 'days' | 'months' | 'years';\nexport type PkCalendarPageBy = 'months' | 'single';\nexport type PkCalendarDayContent = (date: Date) => string | null;\n\nconst CHEVRON_LEFT = renderIconHtml(chevronLeft);\nconst CHEVRON_RIGHT = renderIconHtml(chevronRight);\n\ntype DayState = {\n    date: Date;\n    monthAnchor: Date;\n    outside: boolean;\n    today: boolean;\n    weekend: boolean;\n    disabled: boolean;\n    selected: boolean;\n    rangeStart: boolean;\n    rangeEnd: boolean;\n    rangeInner: boolean;\n    rangePreview: boolean;\n    roving: boolean;\n};\n\n/**\n * Inline calendar grid — mirrors React `Calendar` ( `pk-date-picker` API).\n *\n * @slot previous-icon\n * @slot next-icon\n * @slot footer\n * @slot day-YYYY-MM-DD - Custom content for a specific day cell\n *\n * @event input - Value changes during interaction\n * @event change - User commits a new value\n * @event pk-focus-day - Focused day changed; `detail.date`\n * @event pk-view-change - View changed; `detail.view`, `detail.date`\n */\n@customElement('pk-calendar')\nexport class PkCalendar extends PkElement {\n    static override styles = pkCalendarStyles;\n\n    private readonly hasSlotController = new HasSlotController(this, 'footer', 'previous-icon', 'next-icon');\n\n    @property({ reflect: true })\n    mode: PkCalendarMode = 'single';\n\n    @property({ reflect: true })\n    size: PkCalendarSize = 'default';\n\n    @property({ reflect: true })\n    value = '';\n\n    @property({ reflect: true })\n    min = '';\n\n    @property({ reflect: true })\n    max = '';\n\n    @property({ reflect: true })\n    today = '';\n\n    @property({ reflect: true })\n    view: PkCalendarView = 'days';\n\n    @property({ type: Number, reflect: true })\n    months: 1 | 2 = 1;\n\n    @property({ attribute: 'page-by', reflect: true })\n    pageBy: PkCalendarPageBy = 'months';\n\n    @property({ attribute: 'focused-date', reflect: true })\n    focusedDate = '';\n\n    @property({ attribute: 'first-day-of-week', reflect: true })\n    firstDayOfWeek: PkCalendarFirstDayOfWeek = 'auto';\n\n    @property({ attribute: 'with-outside-days', type: Boolean, reflect: true })\n    withOutsideDays = true;\n\n    @property({ attribute: 'with-week-numbers', type: Boolean, reflect: true })\n    withWeekNumbers = false;\n\n    @property({ attribute: 'weekday-format', reflect: true })\n    weekdayFormat: 'narrow' | 'short' | 'long' = 'narrow';\n\n    @property({ type: Boolean, reflect: true })\n    disabled = false;\n\n    @property({ type: Boolean, reflect: true })\n    readonly = false;\n\n    /** When false, omits the outer frame — use inside popovers (e.g. `pk-date-picker`). */\n    @property({ type: Boolean, reflect: true })\n    bordered = true;\n\n    @property({ attribute: 'disabled-dates' })\n    disabledDatesRaw = '';\n\n    @property({ attribute: 'disabled-days-of-week', reflect: true })\n    disabledDaysOfWeek = '';\n\n    @property({ attribute: 'disable-past', type: Boolean, reflect: true })\n    disablePast = false;\n\n    @property({ attribute: 'disable-future', type: Boolean, reflect: true })\n    disableFuture = false;\n\n    @property({ attribute: 'min-range', type: Number })\n    minRange = 0;\n\n    @property({ attribute: 'max-range', type: Number })\n    maxRange = 0;\n\n    @property({ reflect: true })\n    locale = '';\n\n    @property({ attribute: false })\n    isDateDisabled?: (date: Date) => boolean;\n\n    @property({ attribute: false })\n    dayContent?: PkCalendarDayContent;\n\n    @state()\n    private viewAnchor = startOfMonth(todayDate());\n\n    @state()\n    private rangeAnchor: Date | null = null;\n\n    @state()\n    private hoverDate: Date | null = null;\n\n    @state()\n    private liveAnnouncement = '';\n\n    @state()\n    private focusedMonth: number | null = null;\n\n    @state()\n    private focusedYear: number | null = null;\n\n    @state()\n    private daySlotNames: string[] = [];\n\n    private childrenObserver?: MutationObserver;\n\n    override connectedCallback(): void {\n        super.connectedCallback();\n        this.syncViewAnchor();\n        this.syncCustomStates();\n        this.updateDaySlots();\n        this.childrenObserver = new MutationObserver(() => this.updateDaySlots());\n        this.childrenObserver.observe(this, { childList: true, attributes: true, attributeFilter: ['slot'] });\n    }\n\n    override disconnectedCallback(): void {\n        this.childrenObserver?.disconnect();\n        super.disconnectedCallback();\n    }\n\n    protected override willUpdate(changed: PropertyValues): void {\n        if (changed.has('value') || changed.has('focusedDate') || changed.has('mode')) {\n            this.syncViewAnchor();\n        }\n\n        if (changed.has('disabled') || changed.has('readonly') || changed.has('mode') || changed.has('withWeekNumbers')) {\n            this.syncCustomStates();\n        }\n\n        if (changed.has('view')) {\n            this.emitViewChange();\n        }\n\n        super.willUpdate(changed);\n    }\n\n    private updateDaySlots(): void {\n        const names = [...this.children]\n            .map((child) => child.getAttribute('slot'))\n            .filter((name): name is string => Boolean(name?.startsWith('day-')));\n\n        if (names.join(',') !== this.daySlotNames.join(',')) {\n            this.daySlotNames = names;\n        }\n    }\n\n    private syncCustomStates(): void {\n        this.toggleAttribute('data-range', this.mode === 'range');\n        this.toggleAttribute('data-week-numbers', this.withWeekNumbers);\n    }\n\n    private get resolvedLocale(): string {\n        return this.locale || this.lang || document.documentElement.lang || 'en';\n    }\n\n    private get resolvedToday(): Date {\n        return parseIsoDate(this.today) ?? todayDate();\n    }\n\n    private get resolvedFocusedDate(): Date {\n        return parseIsoDate(this.focusedDate)\n            ?? coerceToDate(this.mode === 'single' ? this.value : parseRange(this.value).from)\n            ?? this.resolvedToday;\n    }\n\n    private get isDisabledMatcher(): (date: Date) => boolean {\n        return buildDisabledMatcher({\n            min: parseIsoDate(this.min),\n            max: parseIsoDate(this.max),\n            disabledDates: parseDisabledDates(this.disabledDatesRaw),\n            disabledDaysOfWeek: parseDaysOfWeek(this.disabledDaysOfWeek),\n            disablePast: this.disablePast,\n            disableFuture: this.disableFuture,\n            today: this.resolvedToday,\n            isDateDisabled: this.isDateDisabled,\n        });\n    }\n\n    private get weekendDays(): Set<number> {\n        return new Set(intlWeekendToJsDays(getWeekInfo(this.resolvedLocale).weekend));\n    }\n\n    private get pageStep(): number {\n        return this.pageBy === 'single' ? 1 : this.months;\n    }\n\n    private get visibleMonthAnchors(): Date[] {\n        const anchors = [this.viewAnchor];\n\n        if (this.months === 2) {\n            anchors.push(startOfMonth(addMonths(this.viewAnchor, 1)));\n        }\n\n        return anchors;\n    }\n\n    private syncViewAnchor(): void {\n        const focus = this.resolvedFocusedDate;\n\n        if (!this.visibleMonthAnchors.some((anchor) => isSameMonth(focus, anchor))) {\n            this.viewAnchor = startOfMonth(focus);\n        }\n    }\n\n    get valueAsDate(): Date | null {\n        return this.mode === 'single' ? parseIsoDate(this.value) : null;\n    }\n\n    get valueAsRange(): DateRange {\n        return parseRange(this.value);\n    }\n\n    focus(options?: FocusOptions): void {\n        const selector = this.view === 'days'\n            ? '.day.is-roving'\n            : this.view === 'months'\n                ? '.view-item.is-roving'\n                : '.view-item.is-roving';\n\n        this.renderRoot.querySelector<HTMLButtonElement>(selector)?.focus(options);\n    }\n\n    goToDate(date: string | Date): void {\n        const parsed = coerceToDate(date);\n\n        if (!parsed) {\n            return;\n        }\n\n        this.viewAnchor = startOfMonth(parsed);\n        this.focusedDate = formatIsoDate(parsed);\n        this.view = 'days';\n    }\n\n    goToToday(): void {\n        this.goToDate(this.resolvedToday);\n    }\n\n    clear(): void {\n        if (this.disabled || this.readonly) {\n            return;\n        }\n\n        this.value = '';\n        this.rangeAnchor = null;\n        this.hoverDate = null;\n        this.emitInput();\n        this.emitChange();\n    }\n\n    private emitInput(): void {\n        this.dispatchEvent(new Event('input', { bubbles: true, composed: true }));\n    }\n\n    private emitChange(): void {\n        this.dispatchEvent(new Event('change', { bubbles: true, composed: true }));\n    }\n\n    private emitFocusDay(date: Date): void {\n        this.dispatchEvent(new CustomEvent('pk-focus-day', {\n            detail: { date },\n            bubbles: true,\n            composed: true,\n        }));\n    }\n\n    private emitViewChange(): void {\n        this.dispatchEvent(new CustomEvent('pk-view-change', {\n            detail: { view: this.view, date: this.resolvedFocusedDate },\n            bubbles: true,\n            composed: true,\n        }));\n    }\n\n    private announce(message: string): void {\n        this.liveAnnouncement = `${message}\\u200B`;\n    }\n\n    private setView(next: PkCalendarView): void {\n        if (this.view === next) {\n            return;\n        }\n\n        this.view = next;\n    }\n\n    private handlePrevious = (): void => {\n        if (this.view === 'days') {\n            this.viewAnchor = addMonths(this.viewAnchor, -this.pageStep);\n            return;\n        }\n\n        if (this.view === 'months') {\n            this.viewAnchor = addYears(this.viewAnchor, -1);\n            return;\n        }\n\n        this.viewAnchor = addYears(this.viewAnchor, -12);\n    };\n\n    private handleNext = (): void => {\n        if (this.view === 'days') {\n            this.viewAnchor = addMonths(this.viewAnchor, this.pageStep);\n            return;\n        }\n\n        if (this.view === 'months') {\n            this.viewAnchor = addYears(this.viewAnchor, 1);\n            return;\n        }\n\n        this.viewAnchor = addYears(this.viewAnchor, 12);\n    };\n\n    private handleTitleClick = (): void => {\n        if (this.disabled) {\n            return;\n        }\n\n        if (this.view === 'days') {\n            this.setView('months');\n            this.focusedMonth = this.resolvedFocusedDate.getMonth();\n            return;\n        }\n\n        if (this.view === 'months') {\n            this.setView('years');\n            this.focusedYear = this.resolvedFocusedDate.getFullYear();\n        }\n    };\n\n    private handleDayClick(date: Date, disabled: boolean): void {\n        if (this.disabled || this.readonly || disabled) {\n            return;\n        }\n\n        if (this.mode === 'single') {\n            this.value = formatIsoDate(date);\n            this.focusedDate = formatIsoDate(date);\n            this.emitInput();\n            this.emitChange();\n            this.announce(formatDisplayDate(date, this.resolvedLocale));\n            return;\n        }\n\n        if (!this.rangeAnchor) {\n            this.rangeAnchor = date;\n            this.value = formatIsoDate(date);\n            this.focusedDate = formatIsoDate(date);\n            this.emitInput();\n            return;\n        }\n\n        const from = this.rangeAnchor;\n        const to = date;\n        const ordered = from.getTime() <= to.getTime()\n            ? { from, to }\n            : { from: to, to: from };\n\n        if (this.minRange > 0 && diffDays(ordered.to, ordered.from) + 1 < this.minRange) {\n            this.announce(`Range must be at least ${this.minRange} days`);\n            return;\n        }\n\n        if (this.maxRange > 0 && diffDays(ordered.to, ordered.from) + 1 > this.maxRange) {\n            this.announce(`Range must be at most ${this.maxRange} days`);\n            return;\n        }\n\n        this.value = formatRange(ordered);\n        this.focusedDate = formatIsoDate(date);\n        this.rangeAnchor = null;\n        this.hoverDate = null;\n        this.emitInput();\n        this.emitChange();\n        this.announce(`${formatDisplayDate(ordered.from, this.resolvedLocale)} – ${formatDisplayDate(ordered.to, this.resolvedLocale)}`);\n    }\n\n    private handleDayHover(date: Date): void {\n        if (this.mode !== 'range' || !this.rangeAnchor) {\n            return;\n        }\n\n        this.hoverDate = date;\n        this.emitFocusDay(date);\n    }\n\n    private handleGridMouseLeave = (): void => {\n        this.hoverDate = null;\n    };\n\n    private handleMonthPick(monthIndex: number): void {\n        if (this.disabled || this.readonly) {\n            return;\n        }\n\n        const next = new Date(this.viewAnchor.getFullYear(), monthIndex, 1);\n\n        if (this.isMonthFullyDisabled(next)) {\n            return;\n        }\n\n        this.viewAnchor = next;\n        this.focusedDate = formatIsoDate(next);\n        this.setView('days');\n    }\n\n    private handleYearPick(year: number): void {\n        if (this.disabled || this.readonly) {\n            return;\n        }\n\n        const next = new Date(year, this.viewAnchor.getMonth(), 1);\n\n        if (this.isYearFullyDisabled(year)) {\n            return;\n        }\n\n        this.viewAnchor = next;\n        this.focusedDate = formatIsoDate(next);\n        this.setView('months');\n        this.focusedMonth = next.getMonth();\n    }\n\n    private handleDayKeyDown(event: KeyboardEvent, date: Date, disabled: boolean): void {\n        if (disabled) {\n            return;\n        }\n\n        let next: Date | null = null;\n\n        switch (event.key) {\n            case 'ArrowLeft':\n                next = addDays(date, -1);\n                break;\n            case 'ArrowRight':\n                next = addDays(date, 1);\n                break;\n            case 'ArrowUp':\n                next = addDays(date, -7);\n                break;\n            case 'ArrowDown':\n                next = addDays(date, 7);\n                break;\n            case 'PageUp':\n                next = addMonths(date, -1);\n                break;\n            case 'PageDown':\n                next = addMonths(date, 1);\n                break;\n            case 'Home':\n                next = startOfMonth(date);\n                break;\n            case 'End':\n                next = new Date(date.getFullYear(), date.getMonth() + 1, 0);\n                break;\n            case 'Enter':\n            case ' ':\n                event.preventDefault();\n                this.handleDayClick(date, disabled);\n                return;\n            case 'Escape':\n                if (this.rangeAnchor) {\n                    event.preventDefault();\n                    this.rangeAnchor = null;\n                    this.hoverDate = null;\n                    this.requestUpdate();\n                }\n\n                return;\n            default:\n                return;\n        }\n\n        event.preventDefault();\n\n        if (!next) {\n            return;\n        }\n\n        this.focusedDate = formatIsoDate(next);\n\n        if (!this.visibleMonthAnchors.some((anchor) => isSameMonth(next!, anchor))) {\n            this.viewAnchor = startOfMonth(next);\n        }\n\n        this.emitFocusDay(next);\n        this.requestUpdate();\n        queueMicrotask(() => this.focus());\n    }\n\n    private isMonthFullyDisabled(monthStart: Date): boolean {\n        const end = new Date(monthStart.getFullYear(), monthStart.getMonth() + 1, 0);\n        return allDisabledInRange(monthStart, end, this.isDisabledMatcher);\n    }\n\n    private isYearFullyDisabled(year: number): boolean {\n        const start = new Date(year, 0, 1);\n        const end = new Date(year, 11, 31);\n        return allDisabledInRange(start, end, this.isDisabledMatcher);\n    }\n\n    private formatWeekdayLabel(date: Date): string {\n        if (this.weekdayFormat === 'narrow') {\n            // Match react-day-picker cccccc — two-letter labels (Su, Mo, Tu…)\n            const short = new Intl.DateTimeFormat(this.resolvedLocale, { weekday: 'short' }).format(date);\n            return short.slice(0, 2);\n        }\n\n        return new Intl.DateTimeFormat(this.resolvedLocale, { weekday: this.weekdayFormat }).format(date);\n    }\n\n    private buildWeekdayLabels(): string[] {\n        const firstDay = resolveFirstDayOfWeek(this.firstDayOfWeek, this.resolvedLocale);\n        const labels: string[] = [];\n\n        for (let index = 0; index < 7; index += 1) {\n            const day = (firstDay + index) % 7;\n            const date = new Date(2024, 0, day === 0 ? 7 : day);\n            labels.push(this.formatWeekdayLabel(date));\n        }\n\n        return labels;\n    }\n\n    private buildMonthDays(monthAnchor: Date): Date[] {\n        const firstDay = resolveFirstDayOfWeek(this.firstDayOfWeek, this.resolvedLocale);\n        const monthStart = startOfMonth(monthAnchor);\n        const offset = (monthStart.getDay() - firstDay + 7) % 7;\n        const gridStart = addDays(monthStart, -offset);\n        const days: Date[] = [];\n\n        for (let index = 0; index < 42; index += 1) {\n            days.push(addDays(gridStart, index));\n        }\n\n        return days;\n    }\n\n    private computeDayState(date: Date, monthAnchor: Date): DayState {\n        const isDisabled = this.isDisabledMatcher(date);\n        const range = parseRange(this.value);\n        const selectedSingle = this.mode === 'single' && isSameDay(parseIsoDate(this.value), date);\n        const rangeStart = this.mode === 'range' && isSameDay(range.from, date);\n        const rangeEnd = this.mode === 'range' && isSameDay(range.to, date);\n        const rangeInner = this.mode === 'range'\n            && range.from\n            && range.to\n            && date.getTime() > range.from.getTime()\n            && date.getTime() < range.to.getTime();\n\n        let rangePreview = false;\n\n        if (this.mode === 'range' && this.rangeAnchor && this.hoverDate) {\n            const anchor = this.rangeAnchor;\n            const hover = this.hoverDate;\n            const start = anchor.getTime() <= hover.getTime() ? anchor : hover;\n            const end = anchor.getTime() <= hover.getTime() ? hover : anchor;\n\n            rangePreview = date.getTime() >= start.getTime() && date.getTime() <= end.getTime();\n        }\n\n        return {\n            date,\n            monthAnchor,\n            outside: !isSameMonth(date, monthAnchor),\n            today: isSameDay(date, this.resolvedToday),\n            weekend: this.weekendDays.has(date.getDay()),\n            disabled: isDisabled,\n            selected: selectedSingle || rangeStart || rangeEnd,\n            rangeStart,\n            rangeEnd,\n            rangeInner: Boolean(rangeInner),\n            rangePreview,\n            roving: isSameDay(date, this.resolvedFocusedDate),\n        };\n    }\n\n    private renderDayContent(state: DayState) {\n        const slotName = `day-${formatIsoDate(state.date)}`;\n\n        if (this.daySlotNames.includes(slotName)) {\n            return html`<slot name=${slotName}></slot>`;\n        }\n\n        const custom = this.dayContent?.(state.date);\n\n        if (custom) {\n            return unsafeHTML(custom);\n        }\n\n        return html`<span part=\"day-label\">${state.date.getDate()}</span>`;\n    }\n\n    private renderDay(state: DayState) {\n        if (!this.withOutsideDays && state.outside) {\n            return html`<span part=\"day-placeholder\" class=\"day is-placeholder\" aria-hidden=\"true\"></span>`;\n        }\n\n        const label = formatDisplayDate(state.date, this.resolvedLocale);\n\n        return html`\n            <button\n                type=\"button\"\n                part=\"day\"\n                class=${classMap({\n                    day: true,\n                    'is-outside': state.outside,\n                    'is-today': state.today,\n                    'is-weekend': state.weekend,\n                    'is-disabled': state.disabled,\n                    'is-selected': state.selected,\n                    'is-range-start': state.rangeStart,\n                    'is-range-end': state.rangeEnd,\n                    'is-range-inner': state.rangeInner,\n                    'is-range-preview': state.rangePreview,\n                    'is-roving': state.roving,\n                })}\n                tabindex=${state.roving ? '0' : '-1'}\n                ?disabled=${state.disabled}\n                aria-label=${label}\n                aria-selected=${state.selected ? 'true' : 'false'}\n                aria-current=${state.today ? 'date' : nothing}\n                @click=${() => this.handleDayClick(state.date, state.disabled)}\n                @mouseenter=${() => this.handleDayHover(state.date)}\n                @keydown=${(event: KeyboardEvent) => this.handleDayKeyDown(event, state.date, state.disabled)}\n            >\n                ${this.renderDayContent(state)}\n            </button>\n        `;\n    }\n\n    private getMonthWeeks(monthAnchor: Date): Date[][] {\n        const days = this.buildMonthDays(monthAnchor);\n        const weeks: Date[][] = [];\n\n        for (let index = 0; index < days.length; index += 7) {\n            weeks.push(days.slice(index, index + 7));\n        }\n\n        if (this.withOutsideDays) {\n            return weeks;\n        }\n\n        return weeks.filter((week) => week.some((date) => isSameMonth(date, monthAnchor)));\n    }\n\n    private renderMonth(monthAnchor: Date, showLabel = false) {\n        const weekdays = this.buildWeekdayLabels();\n        const title = new Intl.DateTimeFormat(this.resolvedLocale, {\n            month: 'long',\n            year: 'numeric',\n        }).format(monthAnchor);\n\n        const weeks = this.getMonthWeeks(monthAnchor);\n\n        return html`\n            <div part=\"month\" class=\"month\">\n                ${showLabel\n                    ? html`<div part=\"month-label\" class=\"month-label\">${title}</div>`\n                    : nothing}\n                <div part=\"weekdays\" class=\"weekdays\" role=\"row\">\n                    ${this.withWeekNumbers\n                        ? html`<span part=\"weeknumbers\" class=\"weeknumber-header\" role=\"columnheader\">#</span>`\n                        : nothing}\n                    ${weekdays.map((weekday) => html`\n                        <span part=\"weekday\" class=\"weekday\" role=\"columnheader\">${weekday}</span>\n                    `)}\n                </div>\n                <div\n                    part=\"grid\"\n                    class=\"grid\"\n                    role=\"grid\"\n                    aria-label=${title}\n                    @mouseleave=${this.handleGridMouseLeave}\n                >\n                    ${weeks.map((week) => html`\n                        <div part=\"week\" class=\"week\" role=\"row\">\n                            ${this.withWeekNumbers\n                                ? html`<span part=\"weeknumber\" class=\"weeknumber\" role=\"gridcell\">${isoWeekNumber(week[0])}</span>`\n                                : nothing}\n                            ${week.map((date) => this.renderDay(this.computeDayState(date, monthAnchor)))}\n                        </div>\n                    `)}\n                </div>\n            </div>\n        `;\n    }\n\n    private renderViewRows(items: Array<ReturnType<typeof html>>) {\n        const rows: Array<ReturnType<typeof html>> = [];\n\n        for (let index = 0; index < items.length; index += 3) {\n            rows.push(html`\n                <div part=\"view-row\" class=\"view-row\" role=\"row\">\n                    ${items.slice(index, index + 3)}\n                </div>\n            `);\n        }\n\n        return rows;\n    }\n\n    private renderMonthsView() {\n        const year = this.viewAnchor.getFullYear();\n        const formatter = new Intl.DateTimeFormat(this.resolvedLocale, { month: 'long' });\n        const selectedDate = coerceToDate(this.mode === 'single' ? this.value : parseRange(this.value).from);\n        const selectedMonth = selectedDate?.getMonth();\n        const rovingMonth = this.focusedMonth ?? this.resolvedFocusedDate.getMonth();\n        const items = [];\n\n        for (let monthIndex = 0; monthIndex < 12; monthIndex += 1) {\n            const monthStart = new Date(year, monthIndex, 1);\n            const disabled = this.isMonthFullyDisabled(monthStart);\n            const selected = selectedMonth === monthIndex;\n            const todayMonth = this.resolvedToday.getFullYear() === year && this.resolvedToday.getMonth() === monthIndex;\n            const roving = rovingMonth === monthIndex;\n\n            items.push(html`\n                <div part=\"view-cell\" class=\"view-cell\" role=\"gridcell\">\n                    <button\n                        type=\"button\"\n                        part=\"view-item ${todayMonth ? 'view-item-today' : ''} ${selected ? 'view-item-selected' : ''} ${disabled ? 'view-item-disabled' : ''}\"\n                        class=${classMap({\n                            'view-item': true,\n                            'is-today': todayMonth,\n                            'is-selected': selected,\n                            'is-disabled': disabled,\n                            'is-roving': roving,\n                        })}\n                        tabindex=${roving ? '0' : '-1'}\n                        ?disabled=${disabled}\n                        @click=${() => this.handleMonthPick(monthIndex)}\n                    >\n                        ${formatter.format(monthStart)}\n                    </button>\n                </div>\n            `);\n        }\n\n        return html`\n            <div part=\"view-grid\" class=\"view-grid\" role=\"grid\">\n                ${this.renderViewRows(items)}\n            </div>\n        `;\n    }\n\n    private renderYearsView() {\n        const centerYear = this.viewAnchor.getFullYear();\n        const decadeStart = Math.floor(centerYear / 12) * 12;\n        const selectedDate = coerceToDate(this.mode === 'single' ? this.value : parseRange(this.value).from);\n        const selectedYear = selectedDate?.getFullYear();\n        const rovingYear = this.focusedYear ?? this.resolvedFocusedDate.getFullYear();\n        const items = [];\n\n        for (let offset = 0; offset < 12; offset += 1) {\n            const year = decadeStart + offset;\n            const disabled = this.isYearFullyDisabled(year);\n            const selected = selectedYear === year;\n            const todayYear = this.resolvedToday.getFullYear() === year;\n            const roving = rovingYear === year;\n\n            items.push(html`\n                <div part=\"view-cell\" class=\"view-cell\" role=\"gridcell\">\n                    <button\n                        type=\"button\"\n                        part=\"view-item ${todayYear ? 'view-item-today' : ''} ${selected ? 'view-item-selected' : ''} ${disabled ? 'view-item-disabled' : ''}\"\n                        class=${classMap({\n                            'view-item': true,\n                            'is-today': todayYear,\n                            'is-selected': selected,\n                            'is-disabled': disabled,\n                            'is-roving': roving,\n                        })}\n                        tabindex=${roving ? '0' : '-1'}\n                        ?disabled=${disabled}\n                        @click=${() => this.handleYearPick(year)}\n                    >\n                        ${year}\n                    </button>\n                </div>\n            `);\n        }\n\n        return html`\n            <div part=\"view-grid\" class=\"view-grid\" role=\"grid\">\n                ${this.renderViewRows(items)}\n            </div>\n        `;\n    }\n\n    private renderHeaderTitle() {\n        if (this.view === 'months') {\n            return String(this.viewAnchor.getFullYear());\n        }\n\n        if (this.view === 'years') {\n            const centerYear = this.viewAnchor.getFullYear();\n            const decadeStart = Math.floor(centerYear / 12) * 12;\n            return `${decadeStart} – ${decadeStart + 11}`;\n        }\n\n        if (this.months === 2) {\n            const first = new Intl.DateTimeFormat(this.resolvedLocale, { month: 'long', year: 'numeric' }).format(this.viewAnchor);\n            const second = new Intl.DateTimeFormat(this.resolvedLocale, { month: 'long', year: 'numeric' }).format(addMonths(this.viewAnchor, 1));\n            return `${first} – ${second}`;\n        }\n\n        return new Intl.DateTimeFormat(this.resolvedLocale, {\n            month: 'long',\n            year: 'numeric',\n        }).format(this.viewAnchor);\n    }\n\n    override render() {\n        const showDualLabels = this.view === 'days' && this.months === 2;\n\n        return html`\n            <div part=\"base\" class=\"base\">\n                <div part=\"header\" class=\"header\">\n                    <button\n                        type=\"button\"\n                        part=\"previous\"\n                        class=\"nav-button\"\n                        aria-label=\"Previous\"\n                        ?disabled=${this.disabled}\n                        @click=${this.handlePrevious}\n                    >\n                        <slot name=\"previous-icon\">\n                            <span class=\"icon\" aria-hidden=\"true\">${unsafeSVG(CHEVRON_LEFT)}</span>\n                        </slot>\n                    </button>\n                    <button\n                        type=\"button\"\n                        part=\"title\"\n                        class=\"title\"\n                        ?disabled=${this.disabled}\n                        @click=${this.view === 'years' ? undefined : this.handleTitleClick}\n                    >\n                        ${this.renderHeaderTitle()}\n                    </button>\n                    <button\n                        type=\"button\"\n                        part=\"next\"\n                        class=\"nav-button\"\n                        aria-label=\"Next\"\n                        ?disabled=${this.disabled}\n                        @click=${this.handleNext}\n                    >\n                        <slot name=\"next-icon\">\n                            <span class=\"icon\" aria-hidden=\"true\">${unsafeSVG(CHEVRON_RIGHT)}</span>\n                        </slot>\n                    </button>\n                </div>\n\n                <div part=\"months\" class=\"months\">\n                    ${this.view === 'days'\n                        ? this.visibleMonthAnchors.map((anchor) => this.renderMonth(anchor, showDualLabels))\n                        : this.view === 'months'\n                            ? this.renderMonthsView()\n                            : this.renderYearsView()}\n                </div>\n\n                ${this.hasSlotController.test('footer')\n                    ? html`<div part=\"footer\"><slot name=\"footer\"></slot></div>`\n                    : nothing}\n\n                <div class=\"live-region\" aria-live=\"polite\" aria-atomic=\"true\">\n                    ${this.liveAnnouncement}\n                </div>\n            </div>\n        `;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-calendar': PkCalendar;\n    }\n}\n"],"mappings":"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"}

package/dist/chunks/pk-date-picker-DIoQlPI9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pk-date-picker-DIoQlPI9.js","names":[],"sources":["../../src/utils/host-date.ts","../../src/components/date-picker/pk-date-picker.styles.ts","../../src/components/date-picker/pk-date-picker.ts"],"sourcesContent":["type CraftDateApi = {\n    formatDate?: (date: Date) => string;\n    locale?: string;\n};\n\nfunction getCraft(): CraftDateApi | undefined {\n    return (globalThis as typeof globalThis & { Craft?: CraftDateApi }).Craft;\n}\n\n/** Locale chain aligned with React `hostGetLocale` / Craft CP. */\nexport function resolveHostLocale(): string {\n    return getCraft()?.locale || document.documentElement.lang || 'en-US';\n}\n\n/**\n * Display date in the host locale — mirrors React `hostFormatDate` → `Craft.formatDate`.\n * Falls back to numeric `Intl` when Craft is unavailable (e.g. playground).\n */\nexport function formatHostDate(date: Date, locale?: string): string {\n    const craftFormat = getCraft()?.formatDate;\n\n    if (typeof craftFormat === 'function') {\n        try {\n            return craftFormat(date);\n        } catch {\n            // fall through to Intl\n        }\n    }\n\n    const resolved = locale || resolveHostLocale();\n\n    return new Intl.DateTimeFormat(resolved, {\n        year: 'numeric',\n        month: 'numeric',\n        day: 'numeric',\n    }).format(date);\n}\n","import { css } from 'lit';\n\nimport { iconStyles } from '../../base/icon.styles.js';\n\nexport const pkDatePickerStyles = css`\n    ${iconStyles}\n    @layer pk-component {\n        :host {\n            display: inline-block;\n            position: relative;\n            width: fit-content;\n            max-width: 100%;\n            color: var(--pk-color-gray-700);\n            font-family: var(--pk-font-family);\n            font-size: var(--pk-font-size-base);\n            line-height: var(--pk-line-height);\n            --pk-date-picker-height: 2.125rem;\n            --pk-date-picker-min-width: 8.125rem;\n            --pk-date-picker-padding-inline: 10px;\n            --pk-date-picker-font-size: var(--pk-font-size-base);\n        }\n\n        :host([width='full']) {\n            display: block;\n            width: 100%;\n        }\n\n        :host([width='full']) .control {\n            width: 100%;\n        }\n\n        .control {\n            display: inline-flex;\n            align-items: center;\n            justify-content: flex-start;\n            gap: 0.5rem;\n            width: fit-content;\n            min-width: var(--pk-date-picker-min-width);\n            max-width: 100%;\n            height: var(--pk-date-picker-height);\n            min-height: var(--pk-date-picker-height);\n            margin: 0;\n            padding: 0 var(--pk-date-picker-padding-inline);\n            border: 1px solid var(--pk-color-slate-400);\n            border-radius: var(--pk-radius-lg);\n            background: transparent;\n            color: inherit;\n            font: inherit;\n            font-size: var(--pk-date-picker-font-size);\n            font-weight: 400;\n            line-height: 1.2;\n            cursor: default;\n            outline: none;\n            box-sizing: border-box;\n            transition: background-color 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;\n        }\n\n        .control[data-popup-open] {\n            background: var(--pk-color-slate-150);\n            border-color: var(--pk-color-slate-400);\n            box-shadow: none;\n        }\n\n        :host(:not([disabled])) .control:hover:not(.is-disabled) {\n            background: var(--pk-color-slate-50);\n        }\n\n        :host(:not([disabled])) .control[data-popup-open]:hover:not(.is-disabled),\n        :host(:not([disabled])) .control:active:not(.is-disabled) {\n            background: var(--pk-color-slate-150);\n        }\n\n        /* Outline-button focus — lighter than --pk-shadow-focus (see React DatePicker trigger). */\n        :host(:not([invalid]):not(:state(user-invalid))) .control:focus-visible,\n        :host(:not([invalid]):not(:state(user-invalid))[data-state='focus-visible']) .control {\n            border-color: var(--pk-color-sky-600);\n            box-shadow: var(--pk-input-focus-shadow);\n        }\n\n        :host(:not([invalid]):not(:state(user-invalid))) .control[data-popup-open]:focus-visible,\n        :host(:not([invalid]):not(:state(user-invalid))[data-state='focus-visible']) .control[data-popup-open] {\n            border-color: var(--pk-color-slate-400);\n            box-shadow: none;\n        }\n\n        :host([invalid]) .control,\n        :host(:state(user-invalid)) .control {\n            border-color: var(--pk-color-rose-600);\n        }\n\n        :host([invalid]) .control:focus-visible,\n        :host([invalid][data-state='focus-visible']) .control,\n        :host(:state(user-invalid)) .control:focus-visible,\n        :host(:state(user-invalid)[data-state='focus-visible']) .control {\n            box-shadow: var(--pk-input-invalid-focus-shadow);\n        }\n\n        .control.is-disabled {\n            cursor: not-allowed;\n            opacity: 0.5;\n        }\n\n        .display-value {\n            display: inline-flex;\n            align-items: center;\n            flex: 1;\n            min-width: 0;\n            line-height: 1.2;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            text-align: left;\n            color: inherit;\n        }\n\n        .display-value.is-placeholder {\n            color: var(--pk-color-gray-400);\n        }\n\n        .calendar-icon {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            line-height: 0;\n            color: var(--pk-color-gray-400);\n            pointer-events: none;\n        }\n\n        .calendar-icon .icon,\n        .calendar-icon svg {\n            display: block;\n            width: 14px;\n            height: 14px;\n        }\n\n        .icon-button {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-inline-start: auto;\n            width: 1.25rem;\n            height: 1.25rem;\n            padding: 0;\n            border: 0;\n            border-radius: var(--pk-radius-sm);\n            background: transparent;\n            color: var(--pk-color-gray-500);\n            cursor: pointer;\n        }\n\n        .icon-button:hover:not(:disabled) {\n            color: var(--pk-color-gray-800);\n            background: var(--pk-color-slate-100);\n        }\n\n        .icon-button:disabled {\n            cursor: not-allowed;\n            opacity: 0.5;\n        }\n\n        .icon-button .icon {\n            width: 0.875rem;\n            height: 0.875rem;\n        }\n\n        .panel {\n            padding: 0;\n            border: 0;\n            border-radius: var(--pk-radius-md);\n            background: var(--pk-color-white);\n            box-shadow: var(--pk-shadow-popup);\n        }\n\n        .panel pk-calendar {\n            display: block;\n        }\n\n        :host([size='xs']) {\n            --pk-date-picker-height: 1.5rem;\n            --pk-date-picker-padding-inline: 8px;\n            --pk-date-picker-font-size: 11px;\n        }\n\n        :host([size='sm']) {\n            --pk-date-picker-height: 1.625rem;\n            --pk-date-picker-padding-inline: 9px;\n            --pk-date-picker-font-size: 12px;\n        }\n\n        :host([size='lg']) {\n            --pk-date-picker-height: 2.125rem;\n            --pk-date-picker-padding-inline: 11px;\n            --pk-date-picker-font-size: 14px;\n        }\n\n        :host([size='xl']) {\n            --pk-date-picker-height: 2.375rem;\n            --pk-date-picker-padding-inline: 12px;\n            --pk-date-picker-font-size: 15px;\n        }\n    }\n`;\n","import { html, nothing } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport type { PropertyValues } from 'lit';\n\nimport { calendar, xmark, renderIconHtml } from '../../icons/index.js';\nimport { isTopDismissible, registerDismissible, unregisterDismissible } from '../../a11y/dismissible-stack.js';\nimport { formControlStyles } from '../../base/form-control.styles.js';\nimport { PkFormAssociatedElement } from '../../base/pk-form-associated-element.js';\nimport { uniqueId } from '../../a11y/focus.js';\nimport { PkClearEvent } from '../../events/pk-clear.js';\nimport {\n    PkAfterHideEvent,\n    PkAfterShowEvent,\n    PkHideEvent,\n    PkShowEvent,\n    type PkOverlaySource,\n} from '../../events/overlay-lifecycle.js';\nimport { HasSlotController } from '../../internal/has-slot.js';\nimport { readLegacyInstructions } from '../../internal/field-labels.js';\nimport { MirrorValidator, RequiredValidator } from '../../validators/index.js';\n// Keep the internal element registered when production builds erase type-only imports.\nimport '../popup/pk-popup.js';\nimport type { PkPopup, PkPopupPlacement } from '../popup/pk-popup.js';\nimport { PkCalendar, type PkCalendarDayContent } from '../calendar/pk-calendar.js';\nimport { coerceToDate, formatIsoDate, parseIsoDate, parseRange } from '../../utils/date.js';\nimport { formatHostDate, resolveHostLocale } from '../../utils/host-date.js';\nimport { waitForPopupReposition } from '../../utils/popup-placement-animation.js';\nimport { isPointerInsideOverlay } from '../../utils/popup-pointer.js';\nimport { pkDatePickerStyles } from './pk-date-picker.styles.js';\n\nexport type PkDatePickerSize = 'xs' | 'sm' | 'default' | 'lg' | 'xl';\nexport type PkDatePickerMode = 'single' | 'range';\n\nconst CALENDAR_ICON = renderIconHtml(calendar);\nconst CLEAR_ICON = renderIconHtml(xmark);\n\n/**\n * Date picker — mirrors React `DatePicker` ( `pk-date-input` API).\n *\n * @slot label\n * @slot instructions\n * @slot hint\n * @slot start\n * @slot end\n * @slot clear-icon\n * @slot expand-icon\n * @slot footer\n *\n * @event input\n * @event change\n * @event pk-clear\n */\n@customElement('pk-date-picker')\nexport class PkDatePicker extends PkFormAssociatedElement {\n    static override styles = [formControlStyles, pkDatePickerStyles];\n\n    static override get validators() {\n        return [...super.validators, MirrorValidator(), RequiredValidator()];\n    }\n\n    override assumeInteractionOn = ['input'];\n\n    private readonly hasSlotController = new HasSlotController(\n        this,\n        'label',\n        'instructions',\n        'hint',\n        'start',\n        'end',\n        'footer',\n    );\n\n    private readonly controlId = uniqueId('pk-date-picker');\n\n    @property({ type: Boolean, reflect: true })\n    open = false;\n\n    @property({ reflect: true })\n    placement: PkPopupPlacement = 'bottom';\n\n    @property({ attribute: 'side-offset', type: Number })\n    sideOffset = 4;\n\n    @property({ reflect: true })\n    size: PkDatePickerSize = 'default';\n\n    @property({ reflect: true })\n    mode: PkDatePickerMode = 'single';\n\n    // Accept Date at the boundary (Formie/v1); willUpdate coerces to ISO string.\n    @property()\n    value: string | Date = '';\n\n    @property({ attribute: 'default-value' })\n    defaultValue = '';\n\n    @property()\n    label = '';\n\n    @property()\n    instructions = '';\n\n    @property()\n    placeholder = '';\n\n    @property({ attribute: 'with-clear', type: Boolean })\n    withClear = false;\n\n    @property({ type: Boolean, reflect: true })\n    readonly = false;\n\n    @property({ type: Boolean, reflect: true })\n    invalid = false;\n\n    @property({ reflect: true })\n    min = '';\n\n    @property({ reflect: true })\n    max = '';\n\n    @property({ reflect: true })\n    locale = '';\n\n    @property({ attribute: 'disable-past', type: Boolean, reflect: true })\n    disablePast = false;\n\n    @property({ attribute: 'disable-future', type: Boolean, reflect: true })\n    disableFuture = false;\n\n    @property({ attribute: 'disabled-dates' })\n    disabledDates = '';\n\n    @property({ attribute: 'disabled-days-of-week', reflect: true })\n    disabledDaysOfWeek = '';\n\n    @property({ attribute: 'first-day-of-week', reflect: true })\n    firstDayOfWeek: 'auto' | 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat' = 'auto';\n\n    @property({ attribute: 'with-outside-days', type: Boolean, reflect: true })\n    withOutsideDays = true;\n\n    @property({ attribute: 'with-week-numbers', type: Boolean, reflect: true })\n    withWeekNumbers = false;\n\n    @property({ attribute: 'weekday-format', reflect: true })\n    weekdayFormat?: 'narrow' | 'short' | 'long';\n\n    @property({ type: Number, reflect: true })\n    months: 1 | 2 = 1;\n\n    @property({ attribute: 'page-by', reflect: true })\n    pageBy: 'months' | 'single' = 'months';\n\n    @property({ attribute: 'min-range', type: Number })\n    minRange = 0;\n\n    @property({ attribute: 'max-range', type: Number })\n    maxRange = 0;\n\n    @property({ attribute: false })\n    isDateDisabled?: (date: Date) => boolean;\n\n    @property({ attribute: false })\n    dayContent?: PkCalendarDayContent;\n\n    @property({ attribute: 'with-label', type: Boolean })\n    withLabel = false;\n\n    @property({ attribute: 'with-instructions', type: Boolean })\n    withInstructions = false;\n\n    @property({ attribute: 'aria-label' })\n    ariaLabel: string | null = null;\n\n    /** When `full`, the control stretches to the host width. */\n    @property({ reflect: true })\n    width?: 'full';\n\n    @query('.value-input')\n    override input!: HTMLInputElement;\n\n    @query('pk-popup')\n    private popupElement!: PkPopup;\n\n    @query('pk-calendar')\n    private calendarElement?: PkCalendar;\n\n    @query('.control')\n    private controlElement!: HTMLElement;\n\n    private dismissRegistered = false;\n\n    @state()\n    private daySlotNames: string[] = [];\n\n    private childrenObserver?: MutationObserver;\n\n    override connectedCallback(): void {\n        this.instructions = readLegacyInstructions(this, this.instructions);\n\n        if (this.hasAttribute('with-hint')) {\n            this.withInstructions = true;\n        }\n\n        super.connectedCallback();\n        this.toggleAttribute('data-has-value', Boolean(this.value));\n        this.setState('blank', !this.value);\n        this.updateDaySlots();\n        this.childrenObserver = new MutationObserver(() => this.updateDaySlots());\n        this.childrenObserver.observe(this, { childList: true, attributes: true, attributeFilter: ['slot'] });\n    }\n\n    override disconnectedCallback(): void {\n        this.childrenObserver?.disconnect();\n        void this.closePanel('api');\n        super.disconnectedCallback();\n    }\n\n    protected override willUpdate(changed: PropertyValues): void {\n        if (changed.has('value')) {\n            // Normalize Date → ISO so form values and parseIsoDate stay string-typed.\n            // Formie/v1 pass `value={Date}`; assigning a Date used to throw in displayText.\n            if (this.value instanceof Date) {\n                this.value = formatIsoDate(coerceToDate(this.value));\n            }\n\n            this.toggleAttribute('data-has-value', Boolean(this.value));\n            this.setState('blank', !this.value);\n        }\n\n        if (changed.has('open')) {\n            this.setState('open', this.open);\n            this.controlElement?.toggleAttribute('data-popup-open', this.open);\n        }\n\n        if (changed.has('mode')) {\n            this.setState('range', this.mode === 'range');\n        }\n\n        super.willUpdate(changed);\n    }\n\n    private updateDaySlots(): void {\n        const names = [...this.children]\n            .map((child) => child.getAttribute('slot'))\n            .filter((name): name is string => Boolean(name?.startsWith('day-')));\n\n        if (names.join(',') !== this.daySlotNames.join(',')) {\n            this.daySlotNames = names;\n        }\n    }\n\n    protected override syncFormValue(): void {\n        this.setValue(this.value || '');\n    }\n\n    protected override resetToDefaultValue(): void {\n        this.value = this.defaultValue;\n    }\n\n    protected override restoreFormState(state: string | File | FormData | null): void {\n        if (typeof state === 'string') {\n            this.value = state;\n        }\n    }\n\n    private get resolvedLocale(): string {\n        return this.locale || this.lang || resolveHostLocale();\n    }\n\n    private get displayText(): string {\n        if (!this.value) {\n            return this.placeholder;\n        }\n\n        if (this.mode === 'range') {\n            const range = parseRange(this.value);\n\n            if (range.from && range.to) {\n                return `${formatHostDate(range.from, this.resolvedLocale)} – ${formatHostDate(range.to, this.resolvedLocale)}`;\n            }\n\n            if (range.from) {\n                return formatHostDate(range.from, this.resolvedLocale);\n            }\n\n            return this.placeholder;\n        }\n\n        const date = parseIsoDate(this.value);\n\n        return date ? formatHostDate(date, this.resolvedLocale) : this.placeholder;\n    }\n\n    get valueAsDate(): Date | null {\n        return this.mode === 'single' ? parseIsoDate(this.value) : null;\n    }\n\n    get valueAsRange() {\n        return parseRange(this.value);\n    }\n\n    async show(): Promise<void> {\n        await this.openPanel();\n    }\n\n    async hide(): Promise<void> {\n        await this.closePanel('api');\n    }\n\n    clear(): void {\n        if (this.disabled || this.readonly || !this.value) {\n            return;\n        }\n\n        this.value = '';\n        this.dispatchEvent(new PkClearEvent());\n        this.emitValueChange();\n        this.controlElement?.focus();\n    }\n\n    private emitValueChange(): void {\n        this.dispatchEvent(new CustomEvent('pk-change', {\n            detail: { value: this.value },\n            bubbles: true,\n            composed: true,\n        }));\n\n        this.dispatchEvent(new Event('input', { bubbles: true, composed: true }));\n        this.dispatchEvent(new Event('change', { bubbles: true, composed: true }));\n    }\n\n    private async openPanel(): Promise<void> {\n        if (this.disabled || this.open) {\n            return;\n        }\n\n        if (!this.dispatchEvent(new PkShowEvent())) {\n            return;\n        }\n\n        this.open = true;\n        this.registerDismissHandlers();\n\n        await this.updateComplete;\n        await waitForPopupReposition(this.popupElement, this.placement);\n\n        this.dispatchEvent(new PkAfterShowEvent());\n    }\n\n    private async closePanel(source: PkOverlaySource = 'unknown'): Promise<void> {\n        if (!this.open) {\n            return;\n        }\n\n        const hideEvent = new PkHideEvent(source);\n\n        if (!this.dispatchEvent(hideEvent)) {\n            return;\n        }\n\n        this.open = false;\n        this.unregisterDismissHandlers();\n        this.dispatchEvent(new PkAfterHideEvent());\n    }\n\n    private registerDismissHandlers(): void {\n        if (this.dismissRegistered) {\n            return;\n        }\n\n        registerDismissible(this);\n        document.addEventListener('pointerdown', this.handleDocumentPointerDown, true);\n        document.addEventListener('keydown', this.handleDocumentKeyDown, true);\n        this.dismissRegistered = true;\n    }\n\n    private unregisterDismissHandlers(): void {\n        if (!this.dismissRegistered) {\n            return;\n        }\n\n        unregisterDismissible(this);\n        document.removeEventListener('pointerdown', this.handleDocumentPointerDown, true);\n        document.removeEventListener('keydown', this.handleDocumentKeyDown, true);\n        this.dismissRegistered = false;\n    }\n\n    private handleDocumentPointerDown = (event: PointerEvent): void => {\n        if (!this.open || !isTopDismissible(this)) {\n            return;\n        }\n\n        if (this.isPointerInside(event)) {\n            return;\n        }\n\n        void this.closePanel('light-dismiss');\n    };\n\n    private isPointerInside(event: PointerEvent): boolean {\n        return isPointerInsideOverlay(event, {\n            host: this,\n            panel: this.popupElement?.querySelector('.panel') ?? undefined,\n        });\n    };\n\n    private handleDocumentKeyDown = (event: KeyboardEvent): void => {\n        if (!this.open || event.key !== 'Escape') {\n            return;\n        }\n\n        event.preventDefault();\n        void this.closePanel('escape');\n    };\n\n    private handleControlClick = (): void => {\n        if (this.disabled) {\n            return;\n        }\n\n        if (this.open) {\n            void this.closePanel('api');\n            return;\n        }\n\n        void this.openPanel();\n    };\n\n    private handleControlKeyDown = (event: KeyboardEvent): void => {\n        if (this.disabled) {\n            return;\n        }\n\n        if (event.key === 'ArrowDown' && event.altKey) {\n            event.preventDefault();\n            void this.openPanel();\n            queueMicrotask(() => this.calendarElement?.focus());\n            return;\n        }\n\n        if (event.key === 'Enter' || event.key === ' ') {\n            event.preventDefault();\n            this.handleControlClick();\n        }\n    };\n\n    private handleClearClick = (event: Event): void => {\n        event.preventDefault();\n        event.stopPropagation();\n        this.clear();\n    };\n\n    private handleCalendarChange = (event: Event): void => {\n        const calendar = event.target as PkCalendar;\n        this.value = calendar.value;\n        this.emitValueChange();\n\n        if (this.mode === 'single' && calendar.value) {\n            void this.closePanel('api');\n        }\n\n        if (this.mode === 'range' && parseRange(calendar.value).from && parseRange(calendar.value).to) {\n            void this.closePanel('api');\n        }\n    };\n\n    private handleCalendarInput = (event: Event): void => {\n        const calendar = event.target as PkCalendar;\n        this.value = calendar.value;\n        this.dispatchEvent(new Event('input', { bubbles: true, composed: true }));\n    };\n\n    private renderClearButton() {\n        if (!this.withClear || !this.value || this.disabled) {\n            return nothing;\n        }\n\n        return html`\n            <button\n                type=\"button\"\n                class=\"icon-button clear-button\"\n                part=\"clear-button\"\n                aria-label=\"Clear date\"\n                ?disabled=${this.disabled}\n                @click=${this.handleClearClick}\n            >\n                <slot name=\"clear-icon\">\n                    <span class=\"icon\" aria-hidden=\"true\">${unsafeSVG(CLEAR_ICON)}</span>\n                </slot>\n            </button>\n        `;\n    }\n\n    private renderCalendarIcon() {\n        return html`\n            <span class=\"calendar-icon\" part=\"expand-icon\" aria-hidden=\"true\">\n                <slot name=\"expand-icon\">\n                    <span class=\"icon\">${unsafeSVG(CALENDAR_ICON)}</span>\n                </slot>\n            </span>\n        `;\n    }\n\n    override render() {\n        const hasValue = Boolean(this.value);\n        const display = this.displayText;\n        const showPlaceholder = !hasValue;\n\n        return html`\n            <div part=\"form-control\" class=\"form-control\">\n                ${this.label || this.hasSlotController.test('label')\n                    ? html`\n                        <label part=\"label\" class=\"label\" for=${this.controlId}>\n                            <slot name=\"label\">${this.label}</slot>\n                        </label>\n                    `\n                    : nothing}\n\n                <div part=\"form-control-input\" class=\"form-control-input\">\n                    <input\n                        class=\"value-input\"\n                        type=\"hidden\"\n                        .value=${this.value}\n                        ?required=${this.required}\n                    />\n\n                    <div\n                        part=\"base\"\n                        id=${this.controlId}\n                        class=${classMap({\n                            control: true,\n                            'is-disabled': this.disabled,\n                        })}\n                        role=\"combobox\"\n                        aria-expanded=${this.open ? 'true' : 'false'}\n                        aria-haspopup=\"dialog\"\n                        aria-label=${this.ariaLabel ?? nothing}\n                        tabindex=${this.disabled ? '-1' : '0'}\n                        @click=${this.handleControlClick}\n                        @keydown=${this.handleControlKeyDown}\n                    >\n                        ${this.hasSlotController.test('start')\n                            ? html`<span part=\"start\" class=\"control-start\"><slot name=\"start\"></slot></span>`\n                            : nothing}\n\n                        ${this.renderCalendarIcon()}\n\n                        <span\n                            part=\"input\"\n                            class=${classMap({\n                                'display-value': true,\n                                'is-placeholder': showPlaceholder,\n                            })}\n                        >\n                            ${display}\n                        </span>\n\n                        ${this.renderClearButton()}\n\n                        ${this.hasSlotController.test('end')\n                            ? html`<span part=\"end\" class=\"control-end\"><slot name=\"end\"></slot></span>`\n                            : nothing}\n                    </div>\n\n                    <pk-popup\n                        .active=${this.open}\n                        .anchor=${this.controlElement ?? ''}\n                        .placement=${this.placement}\n                        .distance=${this.sideOffset}\n                    >\n                        <div part=\"popup\" class=\"panel\" role=\"dialog\" aria-label=\"Choose date\">\n                            <pk-calendar\n                                part=\"calendar\"\n                                .bordered=${false}\n                                .mode=${this.mode}\n                                .value=${this.value}\n                                .min=${this.min}\n                                .max=${this.max}\n                                .locale=${this.resolvedLocale}\n                                .months=${this.months}\n                                .pageBy=${this.pageBy}\n                                .firstDayOfWeek=${this.firstDayOfWeek}\n                                .withOutsideDays=${this.withOutsideDays}\n                                .withWeekNumbers=${this.withWeekNumbers}\n                                .weekdayFormat=${this.weekdayFormat ?? nothing}\n                                .minRange=${this.minRange}\n                                .maxRange=${this.maxRange}\n                                .disablePast=${this.disablePast}\n                                .disableFuture=${this.disableFuture}\n                                .disabledDatesRaw=${this.disabledDates}\n                                .disabledDaysOfWeek=${this.disabledDaysOfWeek}\n                                .isDateDisabled=${this.isDateDisabled}\n                                .dayContent=${this.dayContent}\n                                .disabled=${this.disabled}\n                                .readonly=${this.readonly}\n                                @change=${this.handleCalendarChange}\n                                @input=${this.handleCalendarInput}\n                            >\n                                ${this.daySlotNames.map((name) => html`\n                                    <slot name=${name} slot=${name}></slot>\n                                `)}\n                                <slot name=\"footer\" slot=\"footer\"></slot>\n                            </pk-calendar>\n                        </div>\n                    </pk-popup>\n                </div>\n\n                ${this.instructions || this.hasSlotController.test('instructions') || this.hasSlotController.test('hint')\n                    ? html`\n                        <div part=\"instructions\" class=\"instructions\">\n                            <slot name=\"instructions\">\n                                <slot name=\"hint\">${this.instructions}</slot>\n                            </slot>\n                        </div>\n                    `\n                    : nothing}\n            </div>\n        `;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-date-picker': PkDatePicker;\n    }\n}\n"],"mappings":"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"}

package/dist/chunks/pk-editable-table-wtsSKfzS.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pk-editable-table-wtsSKfzS.js","names":[],"sources":["../../src/components/editable-table/editable-table-dnd.ts","../../src/components/editable-table/pk-editable-table.styles.ts","../../src/components/editable-table/editable-table-model.ts","../../src/components/editable-table/pk-editable-table.ts"],"sourcesContent":["export type EditableTableSortableRow = {\n    id: string;\n    element: HTMLTableRowElement;\n    handle?: HTMLElement;\n};\n\nexport type EditableTableDndCallbacks = {\n    /**\n     * Commit reorder from the seated DOM order (stable `data-row-id`s).\n     * Prefer this over from/to indices — the floated source row stays in the\n     * tbody during drag, so index math is easy to get wrong after cancels.\n     */\n    onReorderTo: (orderedIds: string[]) => void;\n};\n\n/**\n * Table-native pointer drag for `<pk-editable-table>` rows.\n *\n * The live source `<tr>` becomes the floating overlay (same custom-element\n * instances — no clone reflow / “shift”). A hidden placeholder clone stays in\n * the tbody as the gap. Overlay motion is vertical-axis + tbody constrained.\n * Gap steps when the probe enters ~30% of a neighbor (direction-aware).\n * Drop commits by reading `data-row-id` order after seating — not index arithmetic.\n */\nexport class EditableTableDndController {\n    /** Fraction of each row height for the direction-aware swap band. */\n    private static readonly SWAP_INSET = 0.3;\n\n    private rows: EditableTableSortableRow[] = [];\n    private disabled = false;\n    private handleCleanups: Array<() => void> = [];\n    private dragSession: DragSession | null = null;\n\n    constructor(private readonly callbacks: EditableTableDndCallbacks) {}\n\n    get isActive(): boolean {\n        return this.handleCleanups.length > 0;\n    }\n\n    /** Lit must not reconcile tbody while pointer drag owns row order. */\n    get isSessionActive(): boolean {\n        return this.dragSession !== null;\n    }\n\n    sync(rows: EditableTableSortableRow[], disabled: boolean): void {\n        if (this.dragSession) {\n            return;\n        }\n\n        this.destroyHandles();\n        this.rows = rows;\n        this.disabled = disabled;\n\n        for (const row of rows) {\n            if (!row.handle) {\n                continue;\n            }\n\n            const onPointerDown = (event: PointerEvent) => {\n                this.handlePointerDown(event, row);\n            };\n\n            row.handle.addEventListener('pointerdown', onPointerDown);\n            this.handleCleanups.push(() => {\n                row.handle?.removeEventListener('pointerdown', onPointerDown);\n            });\n        }\n    }\n\n    destroy(): void {\n        this.cancelDrag();\n        this.destroyHandles();\n        this.rows = [];\n    }\n\n    private handlePointerDown(event: PointerEvent, row: EditableTableSortableRow): void {\n        if (\n            this.disabled\n            || this.dragSession\n            || event.button !== 0\n            || !event.isPrimary\n        ) {\n            return;\n        }\n\n        const fromIndex = this.rows.findIndex((candidate) => candidate.id === row.id);\n        const tbody = row.element.parentElement;\n        const table = row.element.closest('table');\n        if (\n            fromIndex < 0\n            || !(tbody instanceof HTMLTableSectionElement)\n            || !(table instanceof HTMLTableElement)\n        ) {\n            return;\n        }\n\n        event.preventDefault();\n\n        const cellWidths = [...row.element.cells].map((cell) => cell.getBoundingClientRect().width);\n        const unfreezeColumns = this.freezeTableColumns(table, cellWidths);\n        const sourceRect = row.element.getBoundingClientRect();\n        const tbodyRect = tbody.getBoundingClientRect();\n        const pointerOffset = {\n            x: event.clientX - sourceRect.left,\n            y: event.clientY - sourceRect.top,\n        };\n\n        const placeholder = this.createPlaceholder(row.element, cellWidths, sourceRect.height);\n        row.element.insertAdjacentElement('afterend', placeholder);\n\n        // Float the live row — true visual snapshot (same pk-* instances, no clone shift).\n        const fixedOrigin = this.liftRow(row.element, sourceRect, cellWidths);\n\n        const session: DragSession = {\n            row,\n            fromIndex,\n            table,\n            tbody,\n            placeholder,\n            pointerId: event.pointerId,\n            pointerOffset,\n            startLeft: sourceRect.left,\n            rowHeight: sourceRect.height,\n            tbodyTop: tbodyRect.top,\n            tbodyBottom: tbodyRect.bottom,\n            fixedOrigin,\n            unfreezeColumns,\n            cleanup: [],\n            committed: false,\n        };\n\n        const doc = row.element.ownerDocument;\n        const onPointerMove = (moveEvent: PointerEvent) => {\n            if (moveEvent.pointerId !== session.pointerId || session.committed) {\n                return;\n            }\n\n            moveEvent.preventDefault();\n            const liveTbody = session.tbody.getBoundingClientRect();\n            session.tbodyTop = liveTbody.top;\n            session.tbodyBottom = liveTbody.bottom;\n            this.updateOverlay(session, moveEvent.clientY);\n            this.updateGap(session, moveEvent.clientY - session.pointerOffset.y + session.rowHeight / 2);\n        };\n\n        const onPointerUp = (upEvent: PointerEvent) => {\n            if (upEvent.pointerId !== session.pointerId || session.committed) {\n                return;\n            }\n\n            upEvent.preventDefault();\n            this.commitDrag(session);\n        };\n\n        const onPointerCancel = (cancelEvent: PointerEvent) => {\n            if (cancelEvent.pointerId !== session.pointerId || session.committed) {\n                return;\n            }\n            // Browser cancel must restore original slot — seating at the live\n            // placeholder without a data commit left DOM/data diverged (random jumps).\n            this.cancelDrag();\n        };\n\n        doc.addEventListener('pointermove', onPointerMove, { passive: false });\n        doc.addEventListener('pointerup', onPointerUp, { passive: false });\n        doc.addEventListener('pointercancel', onPointerCancel);\n        session.cleanup.push(\n            () => { doc.removeEventListener('pointermove', onPointerMove); },\n            () => { doc.removeEventListener('pointerup', onPointerUp); },\n            () => { doc.removeEventListener('pointercancel', onPointerCancel); },\n        );\n\n        this.dragSession = session;\n        this.updateOverlay(session, event.clientY);\n    }\n\n    /** Vertical-axis + tbody-container constraints on the live floated row. */\n    private updateOverlay(session: DragSession, clientY: number): void {\n        const rawTop = clientY - session.pointerOffset.y;\n        const minTop = session.tbodyTop;\n        const maxTop = Math.max(minTop, session.tbodyBottom - session.rowHeight);\n        const top = Math.min(maxTop, Math.max(minTop, rawTop));\n        const row = session.row.element;\n        // Viewport coords minus the fixed-positioning origin — a transformed ancestor\n        // (e.g. pk-dialog panel) re-bases position:fixed away from the viewport.\n        row.style.top = `${top - session.fixedOrigin.y}px`;\n        row.style.left = `${session.startLeft - session.fixedOrigin.x}px`;\n    }\n\n    /**\n     * Project the gap from the probe against the full row list.\n     * Threshold is direction-aware so drag-up and drag-down feel the same.\n     */\n    private updateGap(session: DragSession, probeY: number): void {\n        const placeholder = session.placeholder;\n        const source = session.row.element;\n        const rows = [...session.tbody.querySelectorAll<HTMLTableRowElement>('tr[data-row-id]')].filter(\n            (row) => row !== source && !row.hasAttribute('data-pk-dnd-placeholder'),\n        );\n\n        const placeholderRect = placeholder.getBoundingClientRect();\n        const movingUp = probeY < placeholderRect.top + placeholderRect.height / 2;\n        const inset = EditableTableDndController.SWAP_INSET;\n\n        let before: HTMLTableRowElement | null = null;\n        for (const row of rows) {\n            const rect = row.getBoundingClientRect();\n            if (rect.height <= 0) {\n                continue;\n            }\n\n            const thresholdY = movingUp\n                ? rect.top + rect.height * (1 - inset)\n                : rect.top + rect.height * inset;\n\n            if (probeY < thresholdY) {\n                before = row;\n                break;\n            }\n        }\n\n        if (before) {\n            if (placeholder.nextElementSibling !== before) {\n                session.tbody.insertBefore(placeholder, before);\n            }\n            return;\n        }\n\n        if (session.tbody.lastElementChild !== placeholder) {\n            session.tbody.append(placeholder);\n        }\n    }\n\n    private commitDrag(session: DragSession): void {\n        if (session.committed || this.dragSession !== session) {\n            return;\n        }\n        session.committed = true;\n\n        // Seat the live row where the placeholder is — DOM order is source of truth.\n        this.cleanupDrag(session);\n        this.dragSession = null;\n\n        const orderedIds = [...session.tbody.querySelectorAll<HTMLTableRowElement>('tr[data-row-id]')]\n            .map((row) => row.dataset.rowId ?? '')\n            .filter((id) => id !== '');\n\n        this.callbacks.onReorderTo(orderedIds);\n    }\n\n    private cancelDrag(): void {\n        const session = this.dragSession;\n        if (!session || session.committed) {\n            return;\n        }\n        session.committed = true;\n\n        // Restore the gap to the pre-drag slot before seating, so we don't leave\n        // a visually moved DOM that Lit later snaps back (or compounds on next drop).\n        this.restorePlaceholderToOrigin(session);\n        this.cleanupDrag(session);\n        this.dragSession = null;\n    }\n\n    private restorePlaceholderToOrigin(session: DragSession): void {\n        const others = [...session.tbody.querySelectorAll<HTMLTableRowElement>('tr[data-row-id]')].filter(\n            (row) => row !== session.row.element && !row.hasAttribute('data-pk-dnd-placeholder'),\n        );\n\n        // among others+placeholder, origin slot is fromIndex (source removed from the count).\n        if (session.fromIndex >= others.length) {\n            if (session.tbody.lastElementChild !== session.placeholder) {\n                session.tbody.append(session.placeholder);\n            }\n            return;\n        }\n\n        const before = others[session.fromIndex];\n        if (before && session.placeholder.nextElementSibling !== before) {\n            session.tbody.insertBefore(session.placeholder, before);\n        }\n    }\n\n    private cleanupDrag(session: DragSession): void {\n        for (const cleanup of session.cleanup) {\n            cleanup();\n        }\n\n        const row = session.row.element;\n        // Seat the live row where the placeholder was, then drop float styles.\n        session.placeholder.replaceWith(row);\n        this.unliftRow(row);\n        session.unfreezeColumns();\n    }\n\n    private freezeTableColumns(table: HTMLTableElement, widths: number[]): () => void {\n        const previous = table.querySelector(':scope > colgroup[data-pk-dnd-cols]');\n        previous?.remove();\n\n        const colgroup = table.ownerDocument.createElement('colgroup');\n        colgroup.setAttribute('data-pk-dnd-cols', 'true');\n        for (const width of widths) {\n            const col = table.ownerDocument.createElement('col');\n            col.style.width = `${width}px`;\n            colgroup.append(col);\n        }\n\n        const previousLayout = table.style.tableLayout;\n        table.prepend(colgroup);\n        table.style.tableLayout = 'fixed';\n        return () => {\n            colgroup.remove();\n            table.style.tableLayout = previousLayout;\n        };\n    }\n\n    private createPlaceholder(\n        row: HTMLTableRowElement,\n        cellWidths: number[],\n        height: number,\n    ): HTMLTableRowElement {\n        const placeholder = row.cloneNode(true) as HTMLTableRowElement;\n        placeholder.setAttribute('data-pk-dnd-placeholder', 'true');\n        placeholder.setAttribute('aria-hidden', 'true');\n        placeholder.removeAttribute('data-row-id');\n        placeholder.style.visibility = 'hidden';\n        placeholder.style.pointerEvents = 'none';\n        placeholder.style.height = `${height}px`;\n\n        [...placeholder.cells].forEach((cell, index) => {\n            const width = cellWidths[index];\n            if (typeof width === 'number') {\n                cell.style.width = `${width}px`;\n                cell.style.minWidth = `${width}px`;\n                cell.style.maxWidth = `${width}px`;\n                cell.style.boxSizing = 'border-box';\n            }\n            // Drop cloned controls so they don't upgrade / steal focus while hidden.\n            cell.replaceChildren();\n        });\n\n        return placeholder;\n    }\n\n    /**\n     * Promote the live row to a fixed overlay. Same pattern dnd-kit Feedback uses\n     * for `<tr>`: pin cell widths, then position:fixed (raw TR rects go 0×0 otherwise).\n     *\n     * Returns the fixed-positioning origin in viewport coords. `position: fixed`\n     * is viewport-based only when no ancestor is a containing block; a transformed\n     * ancestor (pk-dialog panel animation, filters, contain) re-bases it, which\n     * silently threw the overlay outside the dialog and made the row \"disappear\".\n     */\n    private liftRow(row: HTMLTableRowElement, rect: DOMRect, cellWidths: number[]): { x: number; y: number } {\n        row.classList.add('is-dragging');\n        [...row.cells].forEach((cell, index) => {\n            const width = cellWidths[index];\n            if (typeof width === 'number') {\n                cell.style.width = `${width}px`;\n                cell.style.minWidth = `${width}px`;\n                cell.style.maxWidth = `${width}px`;\n                cell.style.boxSizing = 'border-box';\n            }\n        });\n\n        row.style.position = 'fixed';\n        // Probe where fixed (0,0) actually lands before applying real coords.\n        row.style.top = '0px';\n        row.style.left = '0px';\n        row.style.width = `${rect.width}px`;\n        row.style.height = `${rect.height}px`;\n        row.style.margin = '0';\n        row.style.zIndex = '2147483647';\n        row.style.pointerEvents = 'none';\n        // Tailwind shadow-lg — softer / lower than the old single-layer slate drop.\n        row.style.boxShadow = '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)';\n        row.style.background = 'var(--pk-color-white, #fff)';\n        row.style.opacity = '0.96';\n\n        const probe = row.getBoundingClientRect();\n        const fixedOrigin = { x: probe.left, y: probe.top };\n        row.style.top = `${rect.top - fixedOrigin.y}px`;\n        row.style.left = `${rect.left - fixedOrigin.x}px`;\n\n        return fixedOrigin;\n    }\n\n    private unliftRow(row: HTMLTableRowElement): void {\n        row.classList.remove('is-dragging');\n        row.style.position = '';\n        row.style.top = '';\n        row.style.left = '';\n        row.style.width = '';\n        row.style.height = '';\n        row.style.margin = '';\n        row.style.zIndex = '';\n        row.style.pointerEvents = '';\n        row.style.boxShadow = '';\n        row.style.background = '';\n        row.style.opacity = '';\n\n        for (const cell of row.cells) {\n            cell.style.width = '';\n            cell.style.minWidth = '';\n            cell.style.maxWidth = '';\n            cell.style.boxSizing = '';\n        }\n    }\n\n    private destroyHandles(): void {\n        for (const cleanup of this.handleCleanups) {\n            cleanup();\n        }\n        this.handleCleanups = [];\n    }\n}\n\ntype DragSession = {\n    row: EditableTableSortableRow;\n    fromIndex: number;\n    table: HTMLTableElement;\n    tbody: HTMLTableSectionElement;\n    placeholder: HTMLTableRowElement;\n    pointerId: number;\n    pointerOffset: { x: number; y: number };\n    startLeft: number;\n    rowHeight: number;\n    tbodyTop: number;\n    tbodyBottom: number;\n    /** Viewport offset of the fixed-positioning containing block (0,0 unless an ancestor re-bases fixed). */\n    fixedOrigin: { x: number; y: number };\n    unfreezeColumns: () => void;\n    cleanup: Array<() => void>;\n    /** Prevents double commit from pointerup + pointercancel. */\n    committed: boolean;\n};\n","import { css } from 'lit';\n\nexport const pkEditableTableStyles = css`\n    @layer pk-component {\n        :host {\n            display: block;\n            font-family: var(--pk-font-family);\n            /* Craft CP body text (~gray-700), not gray-900. */\n            color: var(--pk-color-gray-700);\n            /* Shell matches v1 Table: border-gray-200 + rounded-md (token md = 4px). */\n            --pk-et-border: 1px solid var(--pk-color-gray-200, #e5e7eb);\n            --pk-et-radius: var(--pk-radius-md, 4px);\n            --pk-et-gridline: var(--pk-color-gray-100, #f3f4f6);\n            /* Static row height — matches v1 TableCell h-[34px] (border-box). */\n            --pk-et-cell-height: 34px;\n            --pk-et-action-size: 24px;\n            --pk-et-action-icon: 12px;\n            /* Grip reads smaller than ellipsis/x at the same token — nudge up slightly. */\n            --pk-et-action-grip-icon: 14px;\n        }\n\n        /* v1 Table: shell scrolls horizontally; Add row sits outside so it stays full-width. */\n        .et-scroll {\n            width: 100%;\n            max-width: 100%;\n            overflow-x: auto;\n            overflow-y: hidden;\n            border: var(--pk-et-border);\n            border-radius: var(--pk-et-radius) var(--pk-et-radius) 0 0;\n            background: var(--pk-color-white, #fff);\n        }\n\n        .et {\n            /* v1 Table uses w-full: fill the shell, squish toward column width hints /\n             * content minima, then overflow-x on .et-scroll takes over. */\n            width: 100%;\n            border-collapse: separate;\n            border-spacing: 0;\n            background: var(--pk-color-white, #fff);\n        }\n\n        thead {\n            background: var(--pk-color-gray-50, #f8fafc);\n        }\n\n        thead th {\n            padding: 0.375rem 0.5rem;\n            text-align: left;\n            font-size: 12px;\n            font-weight: 500;\n            color: var(--pk-color-gray-700, #374151);\n            background: var(--pk-color-gray-50, #f8fafc);\n            /* v1 TableHead has no cell borders — body cells own the gridlines. */\n            border: 0;\n            white-space: nowrap;\n        }\n\n        tbody td + td {\n            border-inline-start: 1px solid var(--pk-et-gridline);\n        }\n\n        thead th.thin,\n        tbody td.thin {\n            width: 0.01%;\n            white-space: nowrap;\n        }\n\n        thead th.actions,\n        tbody td.actions {\n            width: 0.01%;\n            white-space: nowrap;\n        }\n\n        tbody td.actions {\n            padding-inline: 0.25rem;\n            /* v1 TableRow actions cell — soft cool wash so controls read as chrome, not data. */\n            background: #fbfcfe;\n        }\n\n        .required {\n            margin-left: 0.125rem;\n            color: var(--pk-color-rose-600, #e11d48);\n        }\n\n        tbody td {\n            box-sizing: border-box;\n            padding: 0;\n            height: var(--pk-et-cell-height);\n            background: var(--pk-color-white, #fff);\n            /* v1 TableCell: border-t gray-100 — also separates header once th borders are gone. */\n            border-top: 1px solid var(--pk-et-gridline);\n            vertical-align: middle;\n            /* Match v1 TableCell whitespace-nowrap — drives intrinsic mins before scroll. */\n            white-space: nowrap;\n            /* Let auto table layout compress past control preferred sizes. */\n            min-width: 0;\n        }\n\n        tbody tr.is-dragging {\n            opacity: 0.4;\n        }\n\n        /* Semantic row tones from modifyRow — host Tailwind cannot style shadow <tr>. */\n        tbody tr[data-tone='warning'] > td {\n            background: color-mix(in srgb, var(--pk-color-amber-50, #fffbeb) 80%, transparent);\n        }\n\n        tbody tr[data-tone='muted'] > td {\n            background: color-mix(in srgb, var(--pk-color-slate-100, #f1f5f9) 90%, transparent);\n        }\n\n        .cell-pk-control {\n            display: block;\n            width: 100%;\n            min-width: 0;\n            height: var(--pk-et-cell-height);\n            min-height: var(--pk-et-cell-height);\n            --pk-input-border-radius: 0;\n            --pk-select-border-radius: 0;\n            --pk-date-picker-border-radius: 0;\n            --pk-input-bg: var(--pk-color-white, #fff);\n            --pk-combobox-fill: var(--pk-color-white, #fff);\n            --pk-input-height: var(--pk-et-cell-height);\n        }\n\n        pk-input.cell-pk-control::part(base) {\n            padding-inline: 0.5rem;\n            background: var(--pk-color-white, #fff);\n        }\n\n        /* v1 EditableTable Input is text-sm (14px); size=xs would be 11px. */\n        pk-input.cell-pk-control:not([mono])::part(input) {\n            font-size: var(--pk-font-size-base, 14px);\n        }\n\n        /* v1 handle/value: font-mono text-[0.9em] — do not let the 14px cell\n         * override wipe pk-input[mono]'s optical scale. */\n        pk-input.cell-pk-control[mono]::part(input) {\n            font-size: calc(var(--pk-font-size-base, 14px) * 0.9);\n            line-height: var(--pk-line-height-mono, 1.5);\n        }\n\n        /* Select/combobox sit inset horizontally only (v1 TableCell px-2).\n         * No block padding — vertical inset comes from the size=xs chip itself. */\n        tbody td:has(> pk-select.cell-pk-control),\n        tbody td:has(> pk-combobox.cell-pk-control) {\n            padding: 0 0.5rem;\n        }\n\n        pk-select.cell-pk-control,\n        pk-combobox.cell-pk-control {\n            display: block;\n            width: 100%;\n            max-width: 100%;\n            min-width: 0;\n            /* Override shared .cell-pk-control height so the chip centers in the row. */\n            height: auto;\n            min-height: 0;\n            /* Don't inherit the 34px cell --pk-input-height into the trigger. */\n            --pk-input-height: auto;\n            --pk-select-item-min-height: 0;\n        }\n\n        pk-input.cell-pk-control {\n            /* Text-like cells fill the td. Inner input text keeps padding via ::part(base);\n             * invalid chrome should hit the gridlines, not sit inside an inset chip. */\n            height: var(--pk-et-cell-height);\n            min-height: var(--pk-et-cell-height);\n        }\n\n        /* Date/time fill the cell flush — no trigger chrome (v1 border-none + h/w-full).\n         * display:block so the inline-block host doesn't baseline-shift off center. */\n        pk-date-picker.cell-pk-control,\n        pk-time-picker.cell-pk-control {\n            display: block;\n            width: 100%;\n            min-width: 0;\n            height: var(--pk-et-cell-height);\n            --pk-date-picker-height: var(--pk-et-cell-height);\n            --pk-date-picker-min-width: 0;\n            --pk-select-item-min-height: var(--pk-et-cell-height);\n            --pk-select-trigger-border-width: 0;\n        }\n\n        /* The base trigger sizes to 100% of the host, but the shared form-control\n         * wrappers default to auto height, collapsing that chain and top-aligning\n         * the date. Stretch the wrappers so 100% resolves and align-items centers. */\n        pk-date-picker.cell-pk-control::part(form-control),\n        pk-date-picker.cell-pk-control::part(form-control-input) {\n            height: 100%;\n        }\n\n        pk-date-picker.cell-pk-control::part(base) {\n            width: 100%;\n            min-width: 0;\n            height: 100%;\n            min-height: 100%;\n            border: 0;\n            border-radius: 0;\n            background: transparent;\n        }\n\n        pk-date-picker.cell-pk-control::part(base):focus-visible {\n            box-shadow: inset 0 0 0 1px var(--pk-color-gray-200, #e5e7eb);\n        }\n\n        pk-time-picker.cell-pk-control::part(control) {\n            width: 100%;\n            min-width: 0;\n            height: 100% !important;\n            min-height: 100% !important;\n            border: 0 !important;\n            border-radius: 0 !important;\n            background: transparent !important;\n            background-color: transparent !important;\n        }\n\n        pk-time-picker.cell-pk-control::part(control):focus-visible {\n            box-shadow: inset 0 0 0 1px var(--pk-color-gray-200, #e5e7eb);\n        }\n\n        td.has-error .cell-pk-control {\n            --pk-input-border-color: var(--pk-color-rose-600, #e11d48);\n        }\n\n        /* Flush/borderless date/time only — select/combobox/color paint their own\n         * invalid chrome via ?invalid, so a host ring would double up. */\n        td.has-error pk-date-picker.cell-pk-control,\n        td.has-error pk-time-picker.cell-pk-control {\n            box-shadow: inset 0 0 0 1px var(--pk-color-rose-600, #e11d48);\n        }\n\n        .cell-static {\n            padding: 0.5rem;\n            font-size: var(--pk-font-size-base, 14px);\n            line-height: 1.4;\n            color: inherit;\n        }\n\n        /* Custom / slotted cells — fill the td; light-DOM content keeps host styles. */\n        .cell-slot {\n            display: block;\n            width: 100%;\n            min-width: 0;\n            min-height: var(--pk-et-cell-height);\n            height: 100%;\n        }\n\n        .cell-slot ::slotted(*) {\n            display: block;\n            width: 100%;\n            min-width: 0;\n            min-height: var(--pk-et-cell-height);\n            box-sizing: border-box;\n        }\n\n        .cell-heading {\n            font-weight: 600;\n            color: var(--pk-color-gray-800, #1f2937);\n        }\n\n        .cell-mono {\n            font-family: var(--pk-font-family-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);\n            font-size: var(--pk-font-size-mono, 0.9em);\n            line-height: var(--pk-line-height-mono, 1.5);\n        }\n\n        .cell-check {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            height: var(--pk-et-cell-height);\n            min-width: 2.125rem;\n        }\n\n        .cell-check--switch {\n            min-width: 3rem;\n        }\n\n        pk-checkbox,\n        pk-radio,\n        pk-lightswitch {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .row-actions {\n            display: flex;\n            align-items: center;\n            justify-content: flex-end;\n            /* v1 packs 24px action buttons flush — no gap between hitboxes. */\n            gap: 0;\n        }\n\n        .row-actions pk-dropdown-menu {\n            display: inline-flex;\n        }\n\n        /* Action row buttons: fixed 24px hitbox (v1), variant=none, icon-only color hover. */\n        .row-actions pk-button.action-btn {\n            --pk-btn-height: var(--pk-et-action-size);\n            --pk-btn-icon-size: var(--pk-et-action-icon);\n            --pk-btn-padding-inline: 0;\n            color: var(--pk-color-gray-500, #6b7280);\n            width: var(--pk-et-action-size);\n            flex: 0 0 var(--pk-et-action-size);\n        }\n\n        .row-actions pk-button.action-btn::part(base) {\n            width: var(--pk-et-action-size);\n            height: var(--pk-et-action-size);\n            min-height: var(--pk-et-action-size);\n            padding: 0;\n            background: transparent;\n        }\n\n        .row-actions pk-button.action-btn::part(base):hover:not(:disabled) {\n            /* No hover fill — only the glyph color shifts (v1 hover:bg-transparent). */\n            background: transparent;\n            color: var(--pk-color-sky-600, #0284c7);\n        }\n\n        .row-actions pk-button.action-btn.action-delete::part(base):hover:not(:disabled) {\n            background: transparent;\n            color: var(--pk-color-rose-500, #f43f5e);\n        }\n\n        .row-actions pk-button.action-btn:disabled {\n            opacity: 0.4;\n            cursor: not-allowed;\n        }\n\n        /* Light-DOM handle wrapper (v1) — pointer drag binds here so shadow clicks don't interfere.\n           pk-button :host { cursor: pointer } wins over inherited span cursor — set it on the host. */\n        .row-actions .action-handle {\n            display: inline-flex;\n            cursor: move;\n        }\n\n        .row-actions .action-handle pk-button.action-btn {\n            cursor: move;\n            --pk-btn-icon-size: var(--pk-et-action-grip-icon);\n        }\n\n        .row-actions .action-handle:has(pk-button:disabled),\n        .row-actions .action-handle pk-button.action-btn[disabled] {\n            cursor: default;\n        }\n\n        /* Before deferred drag binding — grip visible but inactive (v1 faded controls). */\n        .row-actions .action-handle.is-pending {\n            opacity: 0.45;\n        }\n\n        /* Live row is floated as the overlay; placeholder clone holds the gap. */\n        tr.is-dragging {\n            display: table-row;\n        }\n\n        tr[data-pk-dnd-placeholder] {\n            visibility: hidden;\n            pointer-events: none;\n        }\n\n        /* Attach dashed add-row under the table shell (v1 Button variant=dashed). */\n        pk-button.add-row {\n            display: block;\n            width: 100%;\n            margin-top: -1px;\n            --pk-btn-radius: 0;\n        }\n\n        pk-button.add-row::part(base) {\n            width: 100%;\n            border-top: 0;\n            border-radius: 0 0 var(--pk-et-radius) var(--pk-et-radius);\n        }\n\n        :host([disabled]) pk-button.add-row {\n            opacity: 0.5;\n            pointer-events: none;\n        }\n\n        .empty {\n            padding: 0.75rem 0.625rem;\n            color: var(--pk-color-gray-500, #6b7280);\n            font-size: 13px;\n        }\n    }\n`;\n","/**\n * Shared types and pure helpers for `<pk-editable-table>`.\n * Kept free of Lit so facades and tests can reuse the same shapes.\n */\n\nexport type PkEditableTableColumnType =\n    | 'text'\n    | 'textarea'\n    | 'number'\n    | 'email'\n    | 'url'\n    | 'select'\n    | 'combobox'\n    | 'checkbox'\n    | 'radio'\n    | 'lightswitch'\n    | 'color'\n    | 'date'\n    | 'time'\n    | 'heading'\n    | 'label'\n    | 'handle'\n    | 'value'\n    /** Light-DOM projection via named slot — see `getCustomCellSlotName`. */\n    | 'custom';\n\nexport interface PkEditableTableOption {\n    label: string;\n    value: string;\n}\n\nexport interface PkEditableTableColumn {\n    name: string;\n    type?: PkEditableTableColumnType;\n    label?: string;\n    required?: boolean;\n    placeholder?: string;\n    /** Explicit CSS width for the column (e.g. `120px`, `20%`). */\n    width?: string;\n    /** Narrow, content-width column (defaults on for checkbox/lightswitch/radio). */\n    thin?: boolean;\n    /**\n     * Extra class names on `<th>` / `<td>` (space-separated).\n     * Prefer over framework-specific `className` — facades can map.\n     */\n    class?: string;\n    options?: Array<PkEditableTableOption | string>;\n    /**\n     * For `handle` / `value` columns: derive from this source column while the\n     * cell is empty / auto-filled. Manual edits stick until cleared.\n     */\n    source?: string;\n    /** Radio columns: allow clearing the selected row (otherwise one must stay on). */\n    allowUnselect?: boolean;\n}\n\nexport type PkEditableTableRow = Record<string, unknown> & { _id?: string };\n\n/**\n * Descriptor for an extra row-menu item (rendered inside the ellipsis menu).\n * Nested host→menu slots cannot feed `pk-dropdown-menu` light DOM, so extras\n * stay data-driven; frameworks handle product logic via `pk-row-menu-select`.\n */\nexport interface PkEditableTableRowMenuItem {\n    label: string;\n    type?: 'normal' | 'radio' | 'checkbox';\n    value?: string;\n    radioGroup?: string;\n    checked?: boolean;\n    disabled?: boolean;\n    /** Echoed on `pk-row-menu-select` so consumers can branch without parsing labels. */\n    action?: string;\n    /** Kit icon registry name (e.g. `gear`) — rendered as `slot=\"start\"`. */\n    icon?: string;\n}\n\nexport interface PkEditableTableRowModifier {\n    /** Space-separated class names applied to the `<tr>`. */\n    class?: string;\n    /** Native `title` on the `<tr>` (tooltip). */\n    title?: string;\n    /**\n     * Semantic row chrome styled inside the CE (host Tailwind cannot reach shadow `<tr>`).\n     * `warning` ≈ amber highlight; `muted` ≈ slate/disabled highlight.\n     */\n    tone?: 'warning' | 'muted';\n}\n\nexport type PkEditableTableModifyColumn = (\n    row: PkEditableTableRow,\n    columnName: string,\n    column: PkEditableTableColumn,\n    rowIndex: number,\n) => Partial<PkEditableTableColumn> | null | undefined;\n\nexport type PkEditableTableModifyRow = (\n    row: PkEditableTableRow,\n    rowIndex: number,\n) => PkEditableTableRowModifier | null | undefined;\n\nexport type PkEditableTableGetRowMenuItems = (\n    row: PkEditableTableRow,\n    rowIndex: number,\n) => PkEditableTableRowMenuItem[] | null | undefined;\n\nexport const GENERATED_CELL_MODE = {\n    EMPTY: 'empty',\n    AUTO: 'auto',\n    MANUAL: 'manual',\n    SEEDED: 'seeded',\n} as const;\n\nexport type GeneratedCellMode = (typeof GENERATED_CELL_MODE)[keyof typeof GENERATED_CELL_MODE];\n\nexport const isGeneratedColumn = (column: PkEditableTableColumn): boolean => {\n    return (column.type === 'handle' || column.type === 'value')\n        && Boolean(column.name)\n        && Boolean(column.source);\n};\n\nexport const isThinColumn = (column: PkEditableTableColumn): boolean => {\n    return Boolean(\n        column.thin\n        || column.type === 'checkbox'\n        || column.type === 'lightswitch'\n        || column.type === 'radio',\n    );\n};\n\nexport const isEmptyCellValue = (value: unknown): boolean => {\n    return value === undefined || value === null || value === '';\n};\n\nexport const getGeneratedCellKey = (rowId: string, columnName: string): string => {\n    return `${rowId}:${columnName}`;\n};\n\nexport const normalizeOptions = (options: PkEditableTableColumn['options']): PkEditableTableOption[] => {\n    if (!Array.isArray(options)) {\n        return [];\n    }\n\n    return options.map((option) => {\n        if (typeof option === 'string') {\n            return { label: option, value: option };\n        }\n\n        return { label: String(option.label ?? option.value ?? ''), value: String(option.value ?? '') };\n    });\n};\n\nexport const defaultValueForColumn = (column: PkEditableTableColumn): unknown => {\n    if (column.type === 'checkbox' || column.type === 'lightswitch' || column.type === 'radio') {\n        return false;\n    }\n\n    return '';\n};\n\n/**\n * Craft-free handle slug for derived `handle` columns.\n * Mirrors the camelCase path of `@verbb/plugin-kit-core` `generateHandle` without `window.Craft`.\n */\nexport const generateHandle = (sourceValue: string): string => {\n    const words = sourceValue\n        .normalize('NFKD')\n        .replace(/[\\u0300-\\u036f]/g, '')\n        .toLowerCase()\n        .replace(/['\"'\"\"[\\](){}:]/g, '')\n        .split(/[^a-z0-9]+/)\n        .filter(Boolean);\n\n    if (words.length === 0) {\n        return '';\n    }\n\n    return words\n        .map((word, index) => (index === 0 ? word : word.charAt(0).toUpperCase() + word.slice(1)))\n        .join('');\n};\n\nlet rowIdCounter = 0;\n\nexport const nextRowId = (): string => {\n    rowIdCounter += 1;\n    return `etr_${Date.now().toString(36)}_${rowIdCounter}`;\n};\n\n/** Named slot for a `type: 'custom'` cell — light-DOM projection into the `<td>`. */\nexport const getCustomCellSlotName = (rowId: string, columnName: string): string => {\n    return `cell:${rowId}:${columnName}`;\n};\n\nexport const BUILTIN_COLUMN_TYPES = new Set<string>([\n    'text',\n    'textarea',\n    'number',\n    'email',\n    'url',\n    'select',\n    'combobox',\n    'checkbox',\n    'radio',\n    'lightswitch',\n    'color',\n    'date',\n    'time',\n    'heading',\n    'label',\n    'handle',\n    'value',\n    'custom',\n]);\n\nexport const isCustomColumn = (column: PkEditableTableColumn): boolean => {\n    const type = column.type;\n    if (type === 'custom') {\n        return true;\n    }\n\n    // Unknown / product types (e.g. Formie `variablePicker`) project via custom slots.\n    return typeof type === 'string' && !BUILTIN_COLUMN_TYPES.has(type);\n};\n","import { html, nothing } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { repeat } from 'lit/directives/repeat.js';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nimport type { PropertyValues, TemplateResult } from 'lit';\nimport { arrowDown, arrowUp, ellipsis, gear, getIcon, plus, xmark } from '@verbb/plugin-kit-icons';\n\nimport { PkFormAssociatedElement } from '../../base/pk-form-associated-element.js';\nimport { renderIconHtml } from '../../icons/index.js';\nimport { RequiredValidator } from '../../validators/index.js';\nimport '../button/pk-button.js';\nimport '../checkbox/pk-checkbox.js';\nimport '../color-input/pk-color-input.js';\nimport '../combobox/pk-combobox.js';\nimport '../date-picker/pk-date-picker.js';\nimport '../dropdown-menu/pk-dropdown-item.js';\nimport '../dropdown-menu/pk-dropdown-menu.js';\nimport '../input/pk-input.js';\nimport '../lightswitch/pk-lightswitch.js';\nimport '../select/pk-option.js';\nimport '../select/pk-select.js';\nimport '../textarea/pk-textarea.js';\nimport '../time-picker/pk-time-picker.js';\nimport { EditableTableDndController } from './editable-table-dnd.js';\nimport { pkEditableTableStyles } from './pk-editable-table.styles.js';\nimport {\n    defaultValueForColumn,\n    generateHandle,\n    GENERATED_CELL_MODE,\n    getCustomCellSlotName,\n    getGeneratedCellKey,\n    isCustomColumn,\n    isEmptyCellValue,\n    isGeneratedColumn,\n    isThinColumn,\n    nextRowId,\n    normalizeOptions,\n    type GeneratedCellMode,\n    type PkEditableTableColumn,\n    type PkEditableTableColumnType,\n    type PkEditableTableGetRowMenuItems,\n    type PkEditableTableModifyColumn,\n    type PkEditableTableModifyRow,\n    type PkEditableTableOption,\n    type PkEditableTableRow,\n    type PkEditableTableRowMenuItem,\n    type PkEditableTableRowModifier,\n} from './editable-table-model.js';\n\n/** Slotted start-icon markup for pk-button (bundled — no registry lookup). */\nconst START_GRIP_ICON = `\n    <svg slot=\"start\" viewBox=\"0 0 448 512\" focusable=\"false\" aria-hidden=\"true\">\n        <path fill=\"currentColor\" d=\"M71.3 295.6c-21.9-21.9-21.9-57.3 0-79.2s57.3-21.9 79.2 0 21.9 57.3 0 79.2s-57.4 21.9-79.2 0zM184.4 182.5c-21.9-21.9-21.9-57.3 0-79.2s57.3-21.9 79.2 0 21.9 57.3 0 79.2-57.3 21.8-79.2 0zm0 147c21.9-21.9 57.3-21.9 79.2 0s21.9 57.3 0 79.2s-57.3 21.9-79.2 0c-21.9-21.8-21.9-57.3 0-79.2zM297.5 216.4c21.9-21.9 57.3-21.9 79.2 0s21.9 57.3 0 79.2s-57.3 21.9-79.2 0c-21.8-21.9-21.8-57.3 0-79.2z\"></path>\n    </svg>\n`;\nconst START_ELLIPSIS_ICON = renderIconHtml(ellipsis).replace('<svg', '<svg slot=\"start\" aria-hidden=\"true\"');\nconst START_ARROW_UP_ICON = renderIconHtml(arrowUp).replace('<svg', '<svg slot=\"start\" aria-hidden=\"true\"');\nconst START_ARROW_DOWN_ICON = renderIconHtml(arrowDown).replace('<svg', '<svg slot=\"start\" aria-hidden=\"true\"');\nconst START_XMARK_ICON = renderIconHtml(xmark).replace('<svg', '<svg slot=\"start\" aria-hidden=\"true\"');\nconst START_PLUS_ICON = renderIconHtml(plus).replace('<svg', '<svg slot=\"start\" aria-hidden=\"true\"');\nconst START_GEAR_ICON = renderIconHtml(gear).replace('<svg', '<svg slot=\"start\" aria-hidden=\"true\"');\n\nconst startIconHtml = (iconName?: string): string => {\n    if (!iconName) {\n        return '';\n    }\n\n    if (iconName === 'gear') {\n        return START_GEAR_ICON;\n    }\n\n    const icon = getIcon(iconName);\n    if (!icon) {\n        return '';\n    }\n\n    return renderIconHtml(icon).replace('<svg', '<svg slot=\"start\" aria-hidden=\"true\"');\n};\n\nexport type {\n    PkEditableTableColumn,\n    PkEditableTableColumnType,\n    PkEditableTableGetRowMenuItems,\n    PkEditableTableModifyColumn,\n    PkEditableTableModifyRow,\n    PkEditableTableOption,\n    PkEditableTableRow,\n    PkEditableTableRowMenuItem,\n    PkEditableTableRowModifier,\n} from './editable-table-model.js';\n\nexport {\n    getCustomCellSlotName,\n    isCustomColumn,\n    nextRowId,\n} from './editable-table-model.js';\n\n/**\n * Editable table — inline-editable rows with add/delete and drag/keyboard reorder.\n * Form-associated: submits a JSON array of row objects (internal `_id`s stripped).\n *\n * Canonical composite; framework facades wrap this rather than reimplementing the table.\n * Cell controls compose the same `pk-*` primitives exposed to consumers so the web\n * component keeps v1/Craft feel while owning the canonical table behaviour.\n */\n@customElement('pk-editable-table')\nexport class PkEditableTable extends PkFormAssociatedElement {\n    static override styles = pkEditableTableStyles;\n\n    static override get validators() {\n        return [...super.validators, RequiredValidator()];\n    }\n\n    @property({ attribute: false })\n    columns: PkEditableTableColumn[] = [];\n\n    @property({ attribute: false })\n    rows: PkEditableTableRow[] = [];\n\n    @property({ type: Boolean, reflect: true, attribute: 'allow-add' })\n    allowAdd = true;\n\n    @property({ type: Boolean, reflect: true, attribute: 'allow-delete' })\n    allowDelete = true;\n\n    @property({ type: Boolean, reflect: true, attribute: 'allow-reorder' })\n    allowReorder = true;\n\n    @property({ attribute: 'add-row-label' })\n    addRowLabel = '';\n\n    /**\n     * Optional form-field prefix for `cellErrors` keys.\n     * Looks up `${fieldName}.${rowIndex}.${columnName}` then falls back to `${rowIndex}.${columnName}`.\n     */\n    @property({ attribute: 'field-name' })\n    fieldName = '';\n\n    /** Errors keyed by `${rowIndex}.${columnName}` or `${fieldName}.${rowIndex}.${columnName}`. */\n    @property({ attribute: false })\n    cellErrors: Record<string, string[] | string> = {};\n\n    /** Merged into each newly added row after column defaults. */\n    @property({ attribute: false })\n    newRowDefaults: Record<string, unknown> = {};\n\n    /**\n     * Per-cell column override (e.g. swap value column to a select based on another cell).\n     * Return a partial column merged over the base definition for that render.\n     */\n    @property({ attribute: false })\n    modifyColumn: PkEditableTableModifyColumn | null = null;\n\n    /** Per-row chrome — class/title on the `<tr>` (availability highlights, etc.). */\n    @property({ attribute: false })\n    modifyRow: PkEditableTableModifyRow | null = null;\n\n    /**\n     * Extra ellipsis-menu items for a row (data descriptors — not React nodes).\n     * Selection fires `pk-row-menu-select` with `{ rowIndex, row, item, action, value }`.\n     */\n    @property({ attribute: false })\n    getRowMenuItems: PkEditableTableGetRowMenuItems | null = null;\n\n    @state()\n    private internalRows: PkEditableTableRow[] = [];\n\n    /**\n     * Deferred drag binding. Grips render immediately but stay inactive until idle\n     * so large tables don't pay pointer-listener setup on first paint.\n     */\n    @state()\n    private dndReady = false;\n\n    /** Per-cell mode for generated handle/value columns (`rowId:columnName` → mode). */\n    private generatedCellModes = new Map<string, GeneratedCellMode>();\n\n    private dndController = new EditableTableDndController({\n        onReorderTo: (orderedIds) => {\n            this.commitReorderByIds(orderedIds);\n        },\n    });\n\n    private dndIdleId: number | null = null;\n    private dndTimeoutId: ReturnType<typeof setTimeout> | null = null;\n    /** Skip drag rebinding when row identity/order is unchanged (typing shouldn't resync 195 rows). */\n    private dndRowSignature = '';\n\n    protected override willUpdate(changed: PropertyValues): void {\n        if (changed.has('rows')) {\n            const incoming = Array.isArray(this.rows) ? this.rows : [];\n            const previous = this.internalRows;\n            // Preserve row identity across controlled writes. emitChange / consumers\n            // often echo rows without `_id`; minting fresh ids each keystroke would\n            // drop generated-cell AUTO modes and freeze handle/value after 1 char.\n            this.internalRows = incoming.map((row, index) => {\n                const existingId = typeof row._id === 'string'\n                    ? row._id\n                    : (typeof previous[index]?._id === 'string' ? String(previous[index]._id) : nextRowId());\n                return { ...row, _id: existingId };\n            });\n            this.syncGeneratedModesFromRows();\n            this.syncFormValue();\n        }\n\n        if (changed.has('allowReorder') || changed.has('disabled')) {\n            this.scheduleDndHydration();\n        }\n\n        super.willUpdate(changed);\n    }\n\n    protected override firstUpdated(changed: PropertyValues): void {\n        super.firstUpdated(changed);\n        this.scheduleDndHydration();\n    }\n\n    protected override shouldUpdate(changed: PropertyValues): boolean {\n        // Pointer drag owns <tbody> order. Any Lit reconcile (controlled rows echo,\n        // cell chrome, etc.) snaps rows back and fights the overlay — freeze paint.\n        if (this.dndController.isSessionActive) {\n            return false;\n        }\n\n        return super.shouldUpdate(changed);\n    }\n\n    // Match base visibility — `PkFormAssociatedElement.updated` is public.\n    override updated(changed: PropertyValues): void {\n        super.updated(changed);\n        if (this.dndReady && this.allowReorder && !this.disabled) {\n            // Skip while pointer drag owns tbody order (source row + placeholder).\n            if (!this.dndController.isSessionActive) {\n                this.syncDndSortables();\n            }\n        } else if (this.dndController.isActive && (!this.allowReorder || this.disabled || !this.dndReady)) {\n            this.dndController.destroy();\n            this.dndRowSignature = '';\n        }\n    }\n\n    override disconnectedCallback(): void {\n        this.cancelDndHydration();\n        this.dndController.destroy();\n        this.dndReady = false;\n        super.disconnectedCallback();\n    }\n\n    /** Serialized rows, used for form submission and required validation (empty when no rows). */\n    get value(): string {\n        return this.internalRows.length ? JSON.stringify(this.cleanRows()) : '';\n    }\n\n    private get validColumns(): PkEditableTableColumn[] {\n        return (Array.isArray(this.columns) ? this.columns : []).filter((column) => {\n            return typeof column?.name === 'string' && column.name.trim() !== '';\n        });\n    }\n\n    private get generatedColumns(): PkEditableTableColumn[] {\n        return this.validColumns.filter(isGeneratedColumn);\n    }\n\n    private get showActionsColumn(): boolean {\n        // Extra row-menu items need the actions column even when reorder/delete are off.\n        return this.allowReorder || this.allowDelete || Boolean(this.getRowMenuItems);\n    }\n\n    private cleanRows(): PkEditableTableRow[] {\n        return this.internalRows.map((row) => {\n            const { _id, ...rest } = row;\n            void _id;\n            return rest;\n        });\n    }\n\n    /**\n     * Public cell write path for slotted / framework-projected custom cells.\n     * Prefer this over mutating `rows` locally so generated columns + events stay in sync.\n     */\n    setCellValue(rowIndex: number, columnName: string, value: unknown): void {\n        const row = this.internalRows[rowIndex];\n        if (!row) {\n            return;\n        }\n\n        const base = this.validColumns.find((column) => column.name === columnName);\n        if (!base) {\n            return;\n        }\n\n        this.updateCell(rowIndex, this.resolveColumn(row, base, rowIndex), value);\n    }\n\n    private resolveColumn(\n        row: PkEditableTableRow,\n        column: PkEditableTableColumn,\n        rowIndex: number,\n    ): PkEditableTableColumn {\n        const patch = this.modifyColumn?.(row, column.name, column, rowIndex);\n        if (!patch || typeof patch !== 'object') {\n            return column;\n        }\n\n        return { ...column, ...patch, name: column.name };\n    }\n\n    private resolveRowModifier(row: PkEditableTableRow, rowIndex: number): PkEditableTableRowModifier {\n        const patch = this.modifyRow?.(row, rowIndex);\n        if (!patch || typeof patch !== 'object') {\n            return {};\n        }\n\n        return patch;\n    }\n\n    private resolveRowMenuItems(row: PkEditableTableRow, rowIndex: number): PkEditableTableRowMenuItem[] {\n        const items = this.getRowMenuItems?.(row, rowIndex);\n        return Array.isArray(items) ? items.filter((item) => item && typeof item.label === 'string') : [];\n    }\n\n    private syncGeneratedModesFromRows(): void {\n        const generated = this.generatedColumns;\n        if (this.internalRows.length === 0 || generated.length === 0) {\n            this.generatedCellModes.clear();\n            return;\n        }\n\n        const validKeys = new Set<string>();\n\n        for (const row of this.internalRows) {\n            const rowId = String(row._id);\n            for (const column of generated) {\n                const key = getGeneratedCellKey(rowId, column.name);\n                validKeys.add(key);\n\n                if (this.generatedCellModes.has(key)) {\n                    continue;\n                }\n\n                this.generatedCellModes.set(\n                    key,\n                    isEmptyCellValue(row[column.name]) ? GENERATED_CELL_MODE.EMPTY : GENERATED_CELL_MODE.SEEDED,\n                );\n            }\n        }\n\n        for (const key of [...this.generatedCellModes.keys()]) {\n            if (!validKeys.has(key)) {\n                this.generatedCellModes.delete(key);\n            }\n        }\n    }\n\n    protected override syncFormValue(): void {\n        const serialized = JSON.stringify(this.cleanRows());\n        this.setFormValue(serialized, serialized);\n    }\n\n    protected override restoreFormState(state: string | File | FormData | null): void {\n        if (typeof state !== 'string') {\n            return;\n        }\n\n        try {\n            const parsed = JSON.parse(state);\n            if (Array.isArray(parsed)) {\n                this.rows = parsed;\n            }\n        } catch {\n            // Ignore malformed restore payloads.\n        }\n    }\n\n    /**\n     * Inner cell controls (lightswitch, checkbox, select, pickers, inputs) all\n     * dispatch `pk-change`/`input`/`change` with `bubbles` + `composed`, so those\n     * events would otherwise escape this component's shadow root and masquerade as\n     * the table's own events. Consumers bind `pk-change` and read `detail.rows`; a\n     * leaked lightswitch `pk-change` carries `{ checked }` (no `rows`), which would\n     * reset `rows` to `undefined` and wipe every row. We stop them at the table\n     * wrapper — cell `@pk-change`/`@input` handlers already ran at their target, and\n     * the table re-dispatches its own `{ rows }` payload from the host in emitChange.\n     */\n    private stopInnerControlEvent(event: Event): void {\n        if (event.target !== this) {\n            event.stopPropagation();\n        }\n    }\n\n    private emitChange(): void {\n        // Keep `_id` on the rows property / event so controlled bindings don't\n        // invalidate generated-column AUTO tracking. Form submit still strips ids.\n        const rows = this.internalRows.map((row) => ({ ...row }));\n        this.rows = rows;\n        this.syncFormValue();\n\n        this.dispatchEvent(new CustomEvent<{ rows: PkEditableTableRow[] }>('pk-change', {\n            detail: { rows },\n            bubbles: true,\n            composed: true,\n        }));\n\n        this.dispatchEvent(new Event('input', { bubbles: true, composed: true }));\n        this.dispatchEvent(new Event('change', { bubbles: true, composed: true }));\n    }\n\n    private emitCellChange(rowIndex: number, columnName: string, value: unknown, row: PkEditableTableRow): void {\n        this.dispatchEvent(new CustomEvent<{\n            rowIndex: number;\n            columnName: string;\n            value: unknown;\n            row: PkEditableTableRow;\n        }>('pk-cell-change', {\n            detail: { rowIndex, columnName, value, row },\n            bubbles: true,\n            composed: true,\n        }));\n    }\n\n    private commitRows(next: PkEditableTableRow[], cellChanges: Array<{\n        rowIndex: number;\n        columnName: string;\n        value: unknown;\n        row: PkEditableTableRow;\n    }> = []): void {\n        this.internalRows = next;\n        this.emitChange();\n        for (const change of cellChanges) {\n            this.emitCellChange(change.rowIndex, change.columnName, change.value, change.row);\n        }\n    }\n\n    private updateCell(rowIndex: number, column: PkEditableTableColumn, value: unknown): void {\n        const row = this.internalRows[rowIndex];\n        if (!row) {\n            return;\n        }\n\n        // Exclusive radio: checking one row clears others in that column.\n        if (column.type === 'radio') {\n            const nextChecked = Boolean(value);\n            const allowUnselect = Boolean(column.allowUnselect);\n            const next = this.internalRows.map((item) => ({ ...item }));\n            const cellChanges: Array<{\n                rowIndex: number;\n                columnName: string;\n                value: unknown;\n                row: PkEditableTableRow;\n            }> = [];\n\n            if (nextChecked) {\n                next.forEach((item, index) => {\n                    const target = index === rowIndex;\n                    if (Boolean(item[column.name]) !== target) {\n                        next[index] = { ...item, [column.name]: target };\n                        cellChanges.push({\n                            rowIndex: index,\n                            columnName: column.name,\n                            value: target,\n                            row: this.internalRows[index],\n                        });\n                    }\n                });\n            } else if (allowUnselect && Boolean(row[column.name])) {\n                next[rowIndex] = { ...row, [column.name]: false };\n                cellChanges.push({\n                    rowIndex,\n                    columnName: column.name,\n                    value: false,\n                    row,\n                });\n            } else {\n                return;\n            }\n\n            if (cellChanges.length === 0) {\n                return;\n            }\n\n            this.commitRows(next, cellChanges);\n            return;\n        }\n\n        if (isGeneratedColumn(column)) {\n            // Manual edits stick; clearing the cell returns it to auto-derived mode.\n            this.generatedCellModes.set(\n                getGeneratedCellKey(String(row._id), column.name),\n                isEmptyCellValue(value) ? GENERATED_CELL_MODE.EMPTY : GENERATED_CELL_MODE.MANUAL,\n            );\n        }\n\n        const sourceUpdate: Record<string, unknown> = { [column.name]: value };\n        const derivedUpdates: Record<string, unknown> = {};\n\n        for (const targetColumn of this.generatedColumns) {\n            if (targetColumn.source !== column.name) {\n                continue;\n            }\n\n            const targetKey = getGeneratedCellKey(String(row._id), targetColumn.name);\n            const currentTargetValue = row[targetColumn.name];\n            const existingMode = this.generatedCellModes.get(targetKey)\n                ?? (isEmptyCellValue(currentTargetValue) ? GENERATED_CELL_MODE.EMPTY : GENERATED_CELL_MODE.SEEDED);\n\n            // Manual or already-seeded cells stay put until cleared.\n            if (existingMode === GENERATED_CELL_MODE.MANUAL || existingMode === GENERATED_CELL_MODE.SEEDED) {\n                continue;\n            }\n\n            if (targetColumn.type === 'handle') {\n                derivedUpdates[targetColumn.name] = generateHandle(String(value ?? ''));\n                this.generatedCellModes.set(targetKey, GENERATED_CELL_MODE.AUTO);\n            } else if (targetColumn.type === 'value') {\n                derivedUpdates[targetColumn.name] = value;\n                this.generatedCellModes.set(targetKey, GENERATED_CELL_MODE.AUTO);\n            }\n        }\n\n        const allUpdates = { ...sourceUpdate, ...derivedUpdates };\n        const hasRealChange = Object.entries(allUpdates).some(([key, nextValue]) => row[key] !== nextValue);\n        if (!hasRealChange) {\n            return;\n        }\n\n        const next = this.internalRows.slice();\n        next[rowIndex] = { ...row, ...allUpdates };\n        const cellChanges = Object.entries(allUpdates).map(([columnName, nextValue]) => ({\n            rowIndex,\n            columnName,\n            value: nextValue,\n            row,\n        }));\n        this.commitRows(next, cellChanges);\n    }\n\n    private addRow(): void {\n        if (this.disabled || !this.allowAdd) {\n            return;\n        }\n\n        const row: PkEditableTableRow = {\n            _id: nextRowId(),\n            ...(this.newRowDefaults && typeof this.newRowDefaults === 'object' ? this.newRowDefaults : {}),\n        };\n\n        for (const column of this.validColumns) {\n            if (!(column.name in row)) {\n                row[column.name] = defaultValueForColumn(column);\n            }\n        }\n\n        this.internalRows = [...this.internalRows, row];\n        this.syncGeneratedModesFromRows();\n        this.emitChange();\n    }\n\n    private removeRow(rowIndex: number): void {\n        if (this.disabled || !this.allowDelete) {\n            return;\n        }\n\n        this.internalRows = this.internalRows.filter((_, index) => index !== rowIndex);\n        this.syncGeneratedModesFromRows();\n        this.emitChange();\n    }\n\n    private moveRow(rowIndex: number, direction: number): void {\n        const target = rowIndex + direction;\n        if (this.disabled || target < 0 || target >= this.internalRows.length) {\n            return;\n        }\n\n        this.commitReorder(rowIndex, target);\n    }\n\n    private commitReorder(fromIndex: number, toIndex: number): void {\n        if (\n            this.disabled\n            || fromIndex === toIndex\n            || fromIndex < 0\n            || toIndex < 0\n            || fromIndex >= this.internalRows.length\n            || toIndex >= this.internalRows.length\n        ) {\n            return;\n        }\n\n        const next = this.internalRows.slice();\n        const [moved] = next.splice(fromIndex, 1);\n        next.splice(toIndex, 0, moved);\n        this.internalRows = next;\n        this.emitChange();\n    }\n\n    /**\n     * Apply DOM-seated order after pointer drag. Uses stable `_id`s so a floated\n     * source row left in the tbody can't skew from/to index arithmetic — and so a\n     * cancelled drag that briefly moved the placeholder can't desync data vs DOM.\n     */\n    private commitReorderByIds(orderedIds: string[]): void {\n        if (this.disabled || orderedIds.length === 0) {\n            return;\n        }\n\n        const byId = new Map(this.internalRows.map((row) => [String(row._id), row]));\n        if (orderedIds.length !== byId.size) {\n            return;\n        }\n\n        const next: PkEditableTableRow[] = [];\n        for (const id of orderedIds) {\n            const row = byId.get(id);\n            if (!row) {\n                return;\n            }\n            next.push(row);\n        }\n\n        const unchanged = next.every((row, index) => row === this.internalRows[index]);\n        if (unchanged) {\n            return;\n        }\n\n        this.internalRows = next;\n        this.emitChange();\n    }\n\n    private scheduleDndHydration(): void {\n        this.cancelDndHydration();\n\n        if (!this.allowReorder || this.disabled) {\n            this.dndReady = false;\n            this.dndController.destroy();\n            return;\n        }\n\n        if (this.dndReady) {\n            return;\n        }\n\n        // Defer Sortable registration past first paint (v1 requestIdleCallback + 1200ms cap).\n        const enableDnd = () => {\n            this.dndIdleId = null;\n            this.dndTimeoutId = null;\n            this.dndReady = true;\n        };\n\n        if (typeof window !== 'undefined' && typeof window.requestIdleCallback === 'function') {\n            this.dndIdleId = window.requestIdleCallback(enableDnd, { timeout: 1200 });\n        } else {\n            this.dndTimeoutId = setTimeout(enableDnd, 250);\n        }\n    }\n\n    private cancelDndHydration(): void {\n        if (this.dndIdleId !== null && typeof window !== 'undefined' && typeof window.cancelIdleCallback === 'function') {\n            window.cancelIdleCallback(this.dndIdleId);\n            this.dndIdleId = null;\n        }\n\n        if (this.dndTimeoutId !== null) {\n            clearTimeout(this.dndTimeoutId);\n            this.dndTimeoutId = null;\n        }\n    }\n\n    private syncDndSortables(): void {\n        if (this.dndController.isSessionActive) {\n            return;\n        }\n\n        const signature = `${this.internalRows.map((row) => String(row._id)).join('\\0')}|${this.disabled ? '1' : '0'}`;\n        if (signature === this.dndRowSignature && this.dndController.isActive) {\n            return;\n        }\n\n        // Placeholder clones strip data-row-id; keep the :not guard for safety.\n        const rows = [...this.renderRoot.querySelectorAll<HTMLTableRowElement>(\n            'tr[data-row-id]:not([data-pk-dnd-placeholder])',\n        )];\n        this.dndController.sync(\n            rows.map((row) => ({\n                id: row.dataset.rowId ?? '',\n                element: row,\n                // Light-DOM span (v1) — pk-button shadow clicks otherwise hit PointerSensor's 200ms delay.\n                handle: row.querySelector<HTMLElement>('.action-handle') ?? undefined,\n            })).filter((row) => row.id !== ''),\n            this.disabled,\n        );\n        this.dndRowSignature = signature;\n    }\n\n    private getCellErrors(rowIndex: number, columnName: string): string[] {\n        const prefixed = this.fieldName\n            ? this.cellErrors?.[`${this.fieldName}.${rowIndex}.${columnName}`]\n            : undefined;\n        const bare = this.cellErrors?.[`${rowIndex}.${columnName}`];\n        const errors = prefixed ?? bare;\n\n        if (!errors) {\n            return [];\n        }\n\n        return Array.isArray(errors) ? errors.map(String) : [String(errors)];\n    }\n\n    private readValueFromEvent(event: Event): string {\n        const detail = (event as CustomEvent<{ value?: unknown }>).detail;\n        if (detail && 'value' in detail) {\n            return String(detail.value ?? '');\n        }\n\n        return String((event.target as { value?: unknown }).value ?? '');\n    }\n\n    private readCheckedFromEvent(event: Event): boolean {\n        const detail = (event as CustomEvent<{ checked?: unknown }>).detail;\n        if (detail && 'checked' in detail) {\n            return Boolean(detail.checked);\n        }\n\n        return Boolean((event.target as { checked?: unknown }).checked);\n    }\n\n    private renderOptionElements(column: PkEditableTableColumn): TemplateResult[] {\n        return normalizeOptions(column.options).map((option) => {\n            return html`<pk-option value=${option.value}>${option.label}</pk-option>`;\n        });\n    }\n\n    private renderSelectLike(\n        column: PkEditableTableColumn,\n        value: unknown,\n        rowIndex: number,\n        invalid: boolean,\n        { combobox = false }: { combobox?: boolean } = {},\n    ): TemplateResult {\n        const current = String(value ?? '');\n\n        if (combobox) {\n            return html`<pk-combobox\n                class=\"cell-pk-control\"\n                size=\"sm\"\n                width=\"full\"\n                allow-custom-value\n                .value=${current}\n                placeholder=${column.placeholder ?? ''}\n                ?disabled=${this.disabled}\n                ?invalid=${invalid}\n                aria-label=${column.label ?? column.name}\n                @pk-change=${(event: Event) => {\n                    this.updateCell(rowIndex, column, this.readValueFromEvent(event));\n                }}\n            >\n                ${this.renderOptionElements(column)}\n            </pk-combobox>`;\n        }\n\n        // size=xs matches v1 EditableTable SelectInput — sm (~34px) fills the row and\n        // looks flush against the gridlines. Adjacent toolbar selects outside the table\n        // (conditions Show/All, Field picker) stay size=sm on their own.\n        return html`<pk-select\n            class=\"cell-pk-control\"\n            size=\"xs\"\n            width=\"full\"\n            .value=${current}\n            placeholder=${column.placeholder ?? ''}\n            ?disabled=${this.disabled}\n            ?invalid=${invalid}\n            aria-label=${column.label ?? column.name}\n            @pk-change=${(event: Event) => {\n                this.updateCell(rowIndex, column, this.readValueFromEvent(event));\n            }}\n        >\n            ${this.renderOptionElements(column)}\n        </pk-select>`;\n    }\n\n    private renderCell(\n        column: PkEditableTableColumn,\n        row: PkEditableTableRow,\n        rowIndex: number,\n        invalid: boolean,\n    ): TemplateResult {\n        const value = row[column.name];\n        const type: PkEditableTableColumnType = column.type ?? 'text';\n        const onInput = (event: Event) => {\n            this.updateCell(\n                rowIndex,\n                column,\n                this.readValueFromEvent(event),\n            );\n        };\n\n        if (isCustomColumn(column)) {\n            // Light-DOM projection — frameworks fill `slot={getCustomCellSlotName(rowId, name)}`.\n            return html`<div class=\"cell-slot\">\n                <slot name=${getCustomCellSlotName(String(row._id), column.name)}></slot>\n            </div>`;\n        }\n\n        if (type === 'heading') {\n            return html`<div class=\"cell-static cell-heading\">${String(value ?? '')}</div>`;\n        }\n\n        if (type === 'label') {\n            return html`<div class=\"cell-static\">${String(value ?? '')}</div>`;\n        }\n\n        if (type === 'textarea') {\n            return html`<pk-textarea\n                class=\"cell-pk-control\"\n                fit-cell\n                size=\"sm\"\n                rows=\"1\"\n                .value=${String(value ?? '')}\n                placeholder=${column.placeholder ?? nothing}\n                ?disabled=${this.disabled}\n                ?invalid=${invalid}\n                aria-label=${column.label ?? column.name}\n                @input=${onInput}\n            ></pk-textarea>`;\n        }\n\n        if (type === 'date') {\n            return html`<pk-date-picker\n                class=\"cell-pk-control\"\n                size=\"sm\"\n                width=\"full\"\n                .value=${String(value ?? '')}\n                placeholder=${column.placeholder ?? ''}\n                ?disabled=${this.disabled}\n                ?invalid=${invalid}\n                aria-label=${column.label ?? column.name}\n                @pk-change=${(event: Event) => {\n                    this.updateCell(rowIndex, column, this.readValueFromEvent(event));\n                }}\n            ></pk-date-picker>`;\n        }\n\n        if (type === 'time') {\n            return html`<pk-time-picker\n                class=\"cell-pk-control\"\n                size=\"sm\"\n                width=\"full\"\n                .value=${String(value ?? '')}\n                placeholder=${column.placeholder ?? ''}\n                ?disabled=${this.disabled}\n                ?invalid=${invalid}\n                aria-label=${column.label ?? column.name}\n                @pk-change=${(event: Event) => {\n                    this.updateCell(rowIndex, column, this.readValueFromEvent(event));\n                }}\n            ></pk-time-picker>`;\n        }\n\n        if (type === 'number' || type === 'email' || type === 'url') {\n            return html`<pk-input\n                class=\"cell-pk-control\"\n                fit-cell\n                size=\"xs\"\n                type=${type}\n                .value=${String(value ?? '')}\n                placeholder=${column.placeholder ?? nothing}\n                ?disabled=${this.disabled}\n                ?invalid=${invalid}\n                aria-label=${column.label ?? column.name}\n                @input=${onInput}\n            ></pk-input>`;\n        }\n\n        if (type === 'select') {\n            return this.renderSelectLike(column, value, rowIndex, invalid);\n        }\n\n        if (type === 'combobox') {\n            return this.renderSelectLike(column, value, rowIndex, invalid, { combobox: true });\n        }\n\n        if (type === 'checkbox') {\n            return html`<div class=\"cell-check\">\n                <pk-checkbox\n                    aria-label=${column.label ?? column.name}\n                    .checked=${Boolean(value)}\n                    ?disabled=${this.disabled}\n                    ?invalid=${invalid}\n                    @pk-change=${(event: Event) => {\n                        this.updateCell(rowIndex, column, this.readCheckedFromEvent(event));\n                    }}\n                ></pk-checkbox>\n            </div>`;\n        }\n\n        if (type === 'radio') {\n            return html`<div class=\"cell-check\">\n                <pk-checkbox\n                    aria-label=${column.label ?? column.name}\n                    .checked=${Boolean(value)}\n                    ?disabled=${this.disabled}\n                    ?invalid=${invalid}\n                    @pk-change=${(event: Event) => {\n                        // Radio columns intentionally use checkbox chrome, but the\n                        // update path below remains exclusive across rows.\n                        this.updateCell(rowIndex, column, this.readCheckedFromEvent(event));\n                    }}\n                ></pk-checkbox>\n            </div>`;\n        }\n\n        if (type === 'lightswitch') {\n            return html`<div class=\"cell-check cell-check--switch\">\n                <pk-lightswitch\n                    size=\"sm\"\n                    aria-label=${column.label ?? column.name}\n                    .checked=${Boolean(value)}\n                    ?disabled=${this.disabled}\n                    ?invalid=${invalid}\n                    @pk-change=${(event: Event) => {\n                        this.updateCell(rowIndex, column, this.readCheckedFromEvent(event));\n                    }}\n                ></pk-lightswitch>\n            </div>`;\n        }\n\n        if (type === 'color') {\n            return html`<pk-color-input\n                class=\"cell-pk-control\"\n                fit-cell\n                size=\"xs\"\n                .value=${String(value ?? '')}\n                ?disabled=${this.disabled}\n                ?invalid=${invalid}\n                aria-label=${column.label ?? column.name}\n                @pk-change=${(event: Event) => {\n                    this.updateCell(rowIndex, column, this.readValueFromEvent(event));\n                }}\n            ></pk-color-input>`;\n        }\n\n        // text | handle | value | default\n        return html`<pk-input\n            class=\"cell-pk-control\"\n            fit-cell\n            size=\"xs\"\n            type=\"text\"\n            ?mono=${type === 'handle' || type === 'value'}\n            .value=${String(value ?? '')}\n            placeholder=${column.placeholder ?? nothing}\n            ?disabled=${this.disabled}\n            ?invalid=${invalid}\n            aria-label=${column.label ?? column.name}\n            @input=${onInput}\n        ></pk-input>`;\n    }\n\n    private renderExtraMenuItems(row: PkEditableTableRow, rowIndex: number): TemplateResult | typeof nothing {\n        const items = this.resolveRowMenuItems(row, rowIndex);\n        if (items.length === 0) {\n            return nothing;\n        }\n\n        return html`${items.map((item) => {\n            const iconHtml = startIconHtml(item.icon);\n            return html`<pk-dropdown-item\n                type=${item.type ?? 'normal'}\n                value=${item.value ?? item.action ?? ''}\n                radio-group=${item.radioGroup ?? nothing}\n                ?checked=${Boolean(item.checked)}\n                ?disabled=${this.disabled || Boolean(item.disabled)}\n                @click=${() => {\n                    if (this.disabled || item.disabled) {\n                        return;\n                    }\n\n                    this.dispatchEvent(new CustomEvent<{\n                        rowIndex: number;\n                        row: PkEditableTableRow;\n                        item: PkEditableTableRowMenuItem;\n                        action: string;\n                        value: string;\n                    }>('pk-row-menu-select', {\n                        detail: {\n                            rowIndex,\n                            row,\n                            item,\n                            action: String(item.action ?? item.value ?? ''),\n                            value: String(item.value ?? ''),\n                        },\n                        bubbles: true,\n                        composed: true,\n                    }));\n                }}\n            >\n                ${iconHtml ? unsafeHTML(iconHtml) : nothing}\n                ${item.label}\n            </pk-dropdown-item>`;\n        })}`;\n    }\n\n    private renderRow(row: PkEditableTableRow, rowIndex: number): TemplateResult {\n        const columns = this.validColumns;\n        const rowCount = this.internalRows.length;\n        const rowId = String(row._id);\n        const rowMod = this.resolveRowModifier(row, rowIndex);\n        const extraMenuItems = this.resolveRowMenuItems(row, rowIndex);\n        const showRowMenu = this.allowReorder || extraMenuItems.length > 0;\n\n        return html`<tr\n            data-row-id=${rowId}\n            data-tone=${rowMod.tone || nothing}\n            class=${rowMod.class\n                ? classMap(Object.fromEntries(rowMod.class.split(/\\s+/).filter(Boolean).map((token) => [token, true])))\n                : nothing}\n            title=${rowMod.title || nothing}\n        >\n            ${columns.map((column) => {\n                const resolved = this.resolveColumn(row, column, rowIndex);\n                const errors = this.getCellErrors(rowIndex, column.name);\n                const columnClass = resolved.class || column.class || '';\n                return html`<td\n                    class=${classMap({\n                        thin: isThinColumn(resolved),\n                        'has-error': errors.length > 0,\n                        ...(columnClass\n                            ? Object.fromEntries(columnClass.split(/\\s+/).filter(Boolean).map((token) => [token, true]))\n                            : {}),\n                    })}\n                    style=${resolved.width || column.width ? `width: ${resolved.width || column.width}` : nothing}\n                    title=${errors.length ? errors.join('\\n') : nothing}\n                >\n                    ${this.renderCell(resolved, row, rowIndex, errors.length > 0)}\n                </td>`;\n            })}\n            ${this.showActionsColumn\n                ? html`<td class=\"actions\">\n                    <div class=\"row-actions\">\n                        ${this.allowReorder\n                            ? html`\n                                <span\n                                    class=${classMap({\n                                        'action-handle': true,\n                                        'is-pending': !this.dndReady,\n                                    })}\n                                >\n                                    <pk-button\n                                        type=\"button\"\n                                        class=\"action-btn\"\n                                        variant=\"none\"\n                                        size=\"xs\"\n                                        aria-label=\"Reorder row\"\n                                        ?disabled=${this.disabled || !this.dndReady}\n                                        title=${!this.dndReady && !this.disabled ? 'Preparing drag…' : nothing}\n                                    >${unsafeHTML(START_GRIP_ICON)}</pk-button>\n                                </span>`\n                            : nothing}\n                        ${showRowMenu\n                            ? html`<pk-dropdown-menu size=\"sm\" placement=\"bottom-end\" side-offset=\"2\">\n                                    <pk-button\n                                        slot=\"trigger\"\n                                        type=\"button\"\n                                        class=\"action-btn\"\n                                        variant=\"none\"\n                                        size=\"xs\"\n                                        aria-label=\"Row actions\"\n                                        ?disabled=${this.disabled}\n                                    >${unsafeHTML(START_ELLIPSIS_ICON)}</pk-button>\n                                    ${this.renderExtraMenuItems(row, rowIndex)}\n                                    ${this.allowReorder\n                                        ? html`\n                                            <pk-dropdown-item\n                                                ?disabled=${this.disabled || rowIndex === 0}\n                                                @click=${() => { this.moveRow(rowIndex, -1); }}\n                                            >\n                                                ${unsafeHTML(START_ARROW_UP_ICON)}\n                                                Move up\n                                            </pk-dropdown-item>\n                                            <pk-dropdown-item\n                                                ?disabled=${this.disabled || rowIndex === rowCount - 1}\n                                                @click=${() => { this.moveRow(rowIndex, 1); }}\n                                            >\n                                                ${unsafeHTML(START_ARROW_DOWN_ICON)}\n                                                Move down\n                                            </pk-dropdown-item>`\n                                        : nothing}\n                                </pk-dropdown-menu>`\n                            : nothing}\n                        ${this.allowDelete\n                            ? html`<pk-button\n                                type=\"button\"\n                                class=\"action-btn action-delete\"\n                                variant=\"none\"\n                                size=\"xs\"\n                                aria-label=\"Delete row\"\n                                ?disabled=${this.disabled}\n                                @click=${() => { this.removeRow(rowIndex); }}\n                            >${unsafeHTML(START_XMARK_ICON)}</pk-button>`\n                            : nothing}\n                    </div>\n                </td>`\n                : nothing}\n        </tr>`;\n    }\n\n    override render(): TemplateResult {\n        const columns = this.validColumns;\n\n        return html`\n            <div\n                class=\"et-scroll\"\n                @pk-change=${this.stopInnerControlEvent}\n                @input=${this.stopInnerControlEvent}\n                @change=${this.stopInnerControlEvent}\n            >\n                <table class=\"et\">\n                    <thead>\n                        <tr>\n                            ${columns.map((column) => {\n                                const columnClass = column.class || '';\n                                return html`<th\n                                    class=${classMap({\n                                        thin: isThinColumn(column),\n                                        ...(columnClass\n                                            ? Object.fromEntries(columnClass.split(/\\s+/).filter(Boolean).map((token) => [token, true]))\n                                            : {}),\n                                    })}\n                                    style=${column.width ? `width: ${column.width}` : nothing}\n                                >\n                                    ${column.label ?? column.name}\n                                    ${column.required ? html`<span class=\"required\">*</span>` : nothing}\n                                </th>`;\n                            })}\n                            ${this.showActionsColumn ? html`<th class=\"actions\"></th>` : nothing}\n                        </tr>\n                    </thead>\n                    <tbody>\n                        ${repeat(\n                            this.internalRows,\n                            (row) => String(row._id),\n                            (row, index) => this.renderRow(row, index),\n                        )}\n                    </tbody>\n                </table>\n            </div>\n            ${this.allowAdd\n                ? html`<pk-button\n                    type=\"button\"\n                    class=\"add-row\"\n                    variant=\"dashed\"\n                    ?disabled=${this.disabled}\n                    @click=${() => { this.addRow(); }}\n                >\n                    ${unsafeHTML(START_PLUS_ICON)}\n                    ${this.addRowLabel || 'Add row'}\n                </pk-button>`\n                : nothing}\n        `;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-editable-table': PkEditableTable;\n    }\n}\n"],"mappings":"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"}